{"version":3,"sources":["webpack:///./src/components/FixedFooter.vue","webpack:///./src/components/FixedFooter.vue?bb3e","webpack:///./src/components/FixedFooter.vue?c41f","webpack:///./src/views/Template/CreateTemplateInstructions.vue","webpack:///./src/views/Template/CreateTemplateInstructions.vue?42ad","webpack:///./src/views/Template/CreateTemplateInstructions.vue?99d3","webpack:///./src/mixins/FooterButtonsBuilder.ts","webpack:///./node_modules/@babel/runtime/helpers/esm/createClass.js","webpack:///./node_modules/@babel/runtime/helpers/esm/classCallCheck.js","webpack:///./src/components/FixedFooter.vue?54b2","webpack:///./src/views/Template/CreateTemplateInstructions.vue?1e03"],"names":["class","buttons","button","index","key","handler","icon","iconPos","is-ltr-forward","text","name","props","type","Array","components","DirectionIndicator","render","__scopeId","fullscreen","language","createTemplateInstructions","footerButtons","IonContent","IonPage","FixedFooter","ionViewWillEnter","store","dispatch","templateCreation","setup","getters","FooterButtonsBuilder","addClearBackButton","addPrimaryNextButton","router","push","create","this","addClearButton","back","hasIcon","addPrimaryButton","next","_defineProperties","target","i","length","descriptor","enumerable","configurable","writable","Object","defineProperty","_createClass","Constructor","protoProps","staticProps","prototype","_classCallCheck","instance","TypeError"],"mappings":"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","file":"js/chunk-4b04e2a2.4cd8ab49.js","sourcesContent":["<template>\n    <div class=\"fixed-footer custom-leftright-padding\">\n        <button v-for=\"(button, index) of buttons\" :key=\"index\"\n            class=\"custom-button\"\n            :class=\"button.class\"\n            @click=\"button.handler\">\n            <DirectionIndicator v-if=\"button.icon && button.iconPos === 'start'\" :is-ltr-forward=\"false\" />\n            {{ button.text }}\n            <DirectionIndicator v-if=\"button.icon && button.iconPos === 'end'\" :is-ltr-forward=\"true\" />\n        </button>\n    </div>\n</template>\n\n<script lang=\"ts\">\n\nimport { FooterButton } from \"@/models/FooterButtonsModel\";\nimport {PropType} from 'vue'\nimport DirectionIndicator from \"@/components/DirectionIndicator.vue\";\n\nexport default {\n    name: 'FixedFooter',\n    props: {\n        buttons: { \n            type: Array as PropType<Array<FooterButton>>\n        }\n    },\n    components: {\n        DirectionIndicator\n    }\n}\n</script>\n\n<style scoped>\n.fixed-footer {\n    position: sticky;\n    left: 0;\n    bottom: 0;\n    width: 100%;\n    display: flex;\n    padding-top: 15px;\n    padding-bottom: 15px;\n    background-color: var(--color-step-1000);\n    box-shadow: 0px -1px 10px #00000029;\n    gap: 20px;\n    justify-content: space-around;\n}\n\n.custom-button {\n    margin: 0;\n    height: 50px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 10px;\n}\n</style>","\n\nimport { FooterButton } from \"@/models/FooterButtonsModel\";\nimport {PropType} from 'vue'\nimport DirectionIndicator from \"@/components/DirectionIndicator.vue\";\n\nexport default {\n    name: 'FixedFooter',\n    props: {\n        buttons: { \n            type: Array as PropType<Array<FooterButton>>\n        }\n    },\n    components: {\n        DirectionIndicator\n    }\n}\n","import { render } from \"./FixedFooter.vue?vue&type=template&id=aa50f4d0&scoped=true\"\nimport script from \"./FixedFooter.vue?vue&type=script&lang=ts\"\nexport * from \"./FixedFooter.vue?vue&type=script&lang=ts\"\n\nimport \"./FixedFooter.vue?vue&type=style&index=0&id=aa50f4d0&scoped=true&lang=css\"\nscript.render = render\nscript.__scopeId = \"data-v-aa50f4d0\"\n\nexport default script","<template>\n    <ion-page>\n        <ion-content :fullscreen=\"true\" class=\"content\" v-html=\"language.createTemplateInstructions\"></ion-content>\n        <FixedFooter :buttons=\"footerButtons\"/>\n    </ion-page>\n</template>\n\n<script lang=\"ts\">\n\nimport {IonContent, IonPage} from '@ionic/vue';\nimport FixedFooter from \"@/components/FixedFooter.vue\";\nimport router from \"@/router\";\nimport {useStore} from \"vuex\";\nimport {computed} from \"vue\";\nimport {FooterButtonsBuilder} from \"@/mixins/FooterButtonsBuilder\";\nimport {defineComponent} from \"@vue/runtime-core\";\n\nexport default defineComponent({\n    name: 'CreateTemplateInstructions',\n    components: {\n        IonContent,\n        IonPage,\n        FixedFooter\n    },\n    async ionViewWillEnter() {\n        await this.store.dispatch('app/setPageTitle', this.language.templateCreation);\n    },\n    setup() {\n        const store = useStore();\n        const language = computed(() => store.getters['app/language']);\n        \n        return {\n            store,\n            language,\n            footerButtons: computed(() => {\n                return new FooterButtonsBuilder()\n                    .addClearBackButton()\n                    .addPrimaryNextButton(() => router.push({name: \"templateName\"}))\n                    .create();\n            })\n        }\n    }\n});\n</script>\n\n<style scoped>\n.content >>> h2 {\n    color: var(--ion-color-primary);\n}\n.content >>> p {\n    font-size: 19px;\n    line-height: 25px;\n    font-weight: 200;\n    color: var(--color-step-100);\n}\n\n.content >>> a {\n    color: gray;\n    font-weight: normal;\n    line-height: 25px;\n}\n\n.content >>> ol {\n    line-height: 25px;\n    \n}\n\n.content >>> li {\n    margin-bottom: 8px;\n    font-weight:300;\n}\n</style>","\n\nimport {IonContent, IonPage} from '@ionic/vue';\nimport FixedFooter from \"@/components/FixedFooter.vue\";\nimport router from \"@/router\";\nimport {useStore} from \"vuex\";\nimport {computed} from \"vue\";\nimport {FooterButtonsBuilder} from \"@/mixins/FooterButtonsBuilder\";\nimport {defineComponent} from \"@vue/runtime-core\";\n\nexport default defineComponent({\n    name: 'CreateTemplateInstructions',\n    components: {\n        IonContent,\n        IonPage,\n        FixedFooter\n    },\n    async ionViewWillEnter() {\n        await this.store.dispatch('app/setPageTitle', this.language.templateCreation);\n    },\n    setup() {\n        const store = useStore();\n        const language = computed(() => store.getters['app/language']);\n        \n        return {\n            store,\n            language,\n            footerButtons: computed(() => {\n                return new FooterButtonsBuilder()\n                    .addClearBackButton()\n                    .addPrimaryNextButton(() => router.push({name: \"templateName\"}))\n                    .create();\n            })\n        }\n    }\n});\n","import { render } from \"./CreateTemplateInstructions.vue?vue&type=template&id=2c507319&scoped=true\"\nimport script from \"./CreateTemplateInstructions.vue?vue&type=script&lang=ts\"\nexport * from \"./CreateTemplateInstructions.vue?vue&type=script&lang=ts\"\n\nimport \"./CreateTemplateInstructions.vue?vue&type=style&index=0&id=2c507319&scoped=true&lang=css\"\nscript.render = render\nscript.__scopeId = \"data-v-2c507319\"\n\nexport default script","import router from \"@/router\";\nimport {FooterButton} from \"@/models/FooterButtonsModel\";\nimport {store} from \"@/store/Store\";\n\nexport class FooterButtonsBuilder {\n    footerButtons = [] as FooterButton[];\n    class = 'custom-button';\n    language = store.getters['app/language'];\n\n    addClearBackButton(handler?: Function) {\n        if(!handler){\n            return this.addClearButton(true, () => router.back(), this.language.back);\n        }\n        return this.addClearButton(true, () => handler() , this.language.back);\n    }\n\n    addClearButton(hasIcon: boolean, handler: Function, text: string) {\n        this.footerButtons.push({\n            class: this.class + ' button-clear',\n            icon: hasIcon,\n            iconPos: 'start',\n            handler: () => handler(),\n            text: text\n        })\n        return this;\n    }\n    \n    addPrimaryNextButton(handler: Function) {\n        return this.addPrimaryButton(true, handler, this.language.next);\n    }\n\n    addPrimaryButton(hasIcon: boolean, handler: Function, text: string) {\n        this.footerButtons.push({\n            class: this.class + ' button-primary',\n            icon: hasIcon,\n            iconPos: 'end',\n            handler: () => handler(),\n            text: text\n        })\n        return this;\n    }\n\n    create() {\n        return this.footerButtons;\n    }\n}","function _defineProperties(target, props) {\n  for (var i = 0; i < props.length; i++) {\n    var descriptor = props[i];\n    descriptor.enumerable = descriptor.enumerable || false;\n    descriptor.configurable = true;\n    if (\"value\" in descriptor) descriptor.writable = true;\n    Object.defineProperty(target, descriptor.key, descriptor);\n  }\n}\n\nexport default function _createClass(Constructor, protoProps, staticProps) {\n  if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n  if (staticProps) _defineProperties(Constructor, staticProps);\n  return Constructor;\n}","export default function _classCallCheck(instance, Constructor) {\n  if (!(instance instanceof Constructor)) {\n    throw new TypeError(\"Cannot call a class as a function\");\n  }\n}","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./FixedFooter.vue?vue&type=style&index=0&id=aa50f4d0&scoped=true&lang=css\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./CreateTemplateInstructions.vue?vue&type=style&index=0&id=2c507319&scoped=true&lang=css\""],"sourceRoot":""}