{"version":3,"sources":["webpack:///./src/components/FixedFooter.vue","webpack:///./src/components/FixedFooter.vue?bb3e","webpack:///./src/components/FixedFooter.vue?c41f","webpack:///./src/mixins/FooterButtonsBuilder.ts","webpack:///./src/views/JourneySets/CreateJourneySetInstructions.vue?0ae5","webpack:///./src/views/JourneySets/CreateJourneySetInstructions.vue","webpack:///./src/views/JourneySets/CreateJourneySetInstructions.vue?9f75","webpack:///./src/views/JourneySets/CreateJourneySetInstructions.vue?027b","webpack:///./node_modules/@babel/runtime/helpers/esm/createClass.js","webpack:///./node_modules/@babel/runtime/helpers/esm/classCallCheck.js","webpack:///./src/components/FixedFooter.vue?54b2"],"names":["class","buttons","button","index","key","handler","icon","iconPos","is-ltr-forward","text","name","props","type","Array","components","DirectionIndicator","render","__scopeId","FooterButtonsBuilder","footerButtons","language","getters","this","addClearButton","back","hasIcon","push","addPrimaryButton","next","fullscreen","createJourneySetInstructions","IonContent","IonPage","FixedFooter","ionViewWillEnter","store","dispatch","journeySetCreation","setup","addClearBackButton","addPrimaryNextButton","router","params","journeySetId","create","_defineProperties","target","i","length","descriptor","enumerable","configurable","writable","Object","defineProperty","_createClass","Constructor","protoProps","staticProps","prototype","_classCallCheck","instance","TypeError"],"mappings":"mOACSA,MAAM,yC,mJAAX,yBASM,MATN,EASM,E,2BARF,yBAOS,2CAPyB,EAAAC,SAAO,SAAzBC,EAAQC,G,gCAAxB,yBAOS,UAPmCC,IAAKD,EAC7CH,MAAK,CAAC,gBACEE,EAAOF,OACd,QAAOE,EAAOG,S,CACWH,EAAOI,MAAsB,UAAdJ,EAAOK,S,yBAAhD,yBAA+F,G,MAAzBC,kBAAgB,K,oEAAS,IAC/F,6BAAGN,EAAOO,MAAO,IACjB,GAA0BP,EAAOI,MAAsB,QAAdJ,EAAOK,S,yBAAhD,yBAA4F,G,MAAxBC,kBAAgB,K,kFCFjF,GACXE,KAAM,cACNC,MAAO,CACHV,QAAS,CACLW,KAAMC,QAGdC,WAAY,CACRC,qBAAA,O,UCTR,EAAOC,OAASA,EAChB,EAAOC,UAAY,kBAEJ,U,4KCJFC,EAAb,+CACI,KAAAC,cAAgB,GAChB,KAAAnB,MAAQ,gBACR,KAAAoB,SAAW,OAAMC,QAAQ,gBAH7B,yDAKI,SAAmBhB,GACf,OAAIA,EAGGiB,KAAKC,gBAAe,GAAM,kBAAMlB,MAAYiB,KAAKF,SAASI,MAFtDF,KAAKC,gBAAe,GAAM,kBAAM,OAAOC,SAAQF,KAAKF,SAASI,QAPhF,4BAYI,SAAeC,EAAkB,EAAmBhB,GAQhD,OAPAa,KAAKH,cAAcO,KAAK,CACpB1B,MAAOsB,KAAKtB,MAAQ,gBACpBM,KAAMmB,EACNlB,QAAS,QACTF,QAAS,kBAAM,KACfI,KAAMA,IAEHa,OApBf,kCAuBI,SAAqBjB,GACjB,OAAOiB,KAAKK,kBAAiB,EAAMtB,EAASiB,KAAKF,SAASQ,QAxBlE,8BA2BI,SAAiBH,EAAkB,EAAmBhB,GAQlD,OAPAa,KAAKH,cAAcO,KAAK,CACpB1B,MAAOsB,KAAKtB,MAAQ,kBACpBM,KAAMmB,EACNlB,QAAS,MACTF,QAAS,kBAAM,KACfI,KAAMA,IAEHa,OAnCf,oBAsCI,WACI,OAAOA,KAAKH,kBAvCpB,M,kCCJA,W,kTCCI,yBAIW,Q,WAHP,iBACc,CADd,yBACc,GADAU,YAAY,EAAM7B,MAAM,UAAU,UAAQ,EAAAoB,SAASU,8B,sBAEjE,yBAAuC,GAAzB7B,QAAS,EAAAkB,eAAa,wB,yGCM7B,iBAAgB,CAC3BT,KAAM,+BACNI,WAAY,CACRiB,WAAA,OACAC,QAAA,OACAC,cAAA,MAEEC,iBAPqB,WAOL,wKACZ,EAAKC,MAAMC,SAAS,mBAAoB,EAAKhB,SAASiB,oBAD1C,8CAGtBC,MAV2B,WAWvB,IAAMH,EAAQ,iBACd,MAAO,CACHA,QACAf,SAAU,uBAAS,kBAAMe,EAAMd,QAAQ,mBACvCF,cAAe,uBAAS,WACpB,OAAO,IAAID,EAAA,MACNqB,qBACAC,sBAAqB,kBAAMC,EAAA,KAAOf,KAAK,CACpChB,KAAM,qBACNgC,OAAQ,CAACC,aAAc,eAE1BC,gB,UC3BrB,EAAO5B,OAASA,EAChB,EAAOC,UAAY,kBAEJ,gB,kCCRf,SAAS4B,EAAkBC,EAAQnC,GACjC,IAAK,IAAIoC,EAAI,EAAGA,EAAIpC,EAAMqC,OAAQD,IAAK,CACrC,IAAIE,EAAatC,EAAMoC,GACvBE,EAAWC,WAAaD,EAAWC,aAAc,EACjDD,EAAWE,cAAe,EACtB,UAAWF,IAAYA,EAAWG,UAAW,GACjDC,OAAOC,eAAeR,EAAQG,EAAW7C,IAAK6C,IAInC,SAASM,EAAaC,EAAaC,EAAYC,GAG5D,OAFID,GAAYZ,EAAkBW,EAAYG,UAAWF,GACrDC,GAAab,EAAkBW,EAAaE,GACzCF,EAbT,mC,kCCAe,SAASI,EAAgBC,EAAUL,GAChD,KAAMK,aAAoBL,GACxB,MAAM,IAAIM,UAAU,qCAFxB,mC,kCCAA","file":"js/chunk-6ea2b47a.9753a3d5.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","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}","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!./CreateJourneySetInstructions.vue?vue&type=style&index=0&id=36194688&scoped=true&lang=css\"","<template>\n    <ion-page>\n        <ion-content :fullscreen=\"true\" class=\"content\" v-html=\"language.createJourneySetInstructions\">\n        </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 {FooterButtonsBuilder} from \"@/mixins/FooterButtonsBuilder\";\nimport {computed} from \"vue\";\nimport {useStore} from \"vuex\";\nimport {defineComponent} from \"@vue/runtime-core\";\n\nexport default defineComponent({\n    name: 'CreateJourneySetInstructions',\n    components: {\n        IonContent,\n        IonPage,\n        FixedFooter\n    },\n    async ionViewWillEnter() {\n        await this.store.dispatch('app/setPageTitle', this.language.journeySetCreation);\n    },\n    setup() {\n        const store = useStore();\n        return {\n            store,\n            language: computed(() => store.getters['app/language']),\n            footerButtons: computed(() => {\n                return new FooterButtonsBuilder()\n                    .addClearBackButton()\n                    .addPrimaryNextButton(() => router.push({\n                        name: 'journeySetTemplate',\n                        params: {journeySetId: 'create'}\n                    }))\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: 400;\n    color: var(--color-step-200);\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 {FooterButtonsBuilder} from \"@/mixins/FooterButtonsBuilder\";\nimport {computed} from \"vue\";\nimport {useStore} from \"vuex\";\nimport {defineComponent} from \"@vue/runtime-core\";\n\nexport default defineComponent({\n    name: 'CreateJourneySetInstructions',\n    components: {\n        IonContent,\n        IonPage,\n        FixedFooter\n    },\n    async ionViewWillEnter() {\n        await this.store.dispatch('app/setPageTitle', this.language.journeySetCreation);\n    },\n    setup() {\n        const store = useStore();\n        return {\n            store,\n            language: computed(() => store.getters['app/language']),\n            footerButtons: computed(() => {\n                return new FooterButtonsBuilder()\n                    .addClearBackButton()\n                    .addPrimaryNextButton(() => router.push({\n                        name: 'journeySetTemplate',\n                        params: {journeySetId: 'create'}\n                    }))\n                    .create();\n            })\n        }\n    }\n});\n","import { render } from \"./CreateJourneySetInstructions.vue?vue&type=template&id=36194688&scoped=true\"\nimport script from \"./CreateJourneySetInstructions.vue?vue&type=script&lang=ts\"\nexport * from \"./CreateJourneySetInstructions.vue?vue&type=script&lang=ts\"\n\nimport \"./CreateJourneySetInstructions.vue?vue&type=style&index=0&id=36194688&scoped=true&lang=css\"\nscript.render = render\nscript.__scopeId = \"data-v-36194688\"\n\nexport default script","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\""],"sourceRoot":""}