{"version":3,"sources":["webpack:///./src/apps/midttrafik/pages/PageNewRetireeTicket.vue?3abe","webpack:///./src/components/fields/FieldRetireeDateRange.vue?3b21","webpack:///src/components/fields/FieldRetireeDateRange.vue","webpack:///./src/components/fields/FieldRetireeDateRange.vue?05e1","webpack:///./src/components/fields/FieldRetireeDateRange.vue","webpack:///./src/components/fields/FieldRetireeProductVariants.vue?6182","webpack:///src/components/fields/FieldRetireeProductVariants.vue","webpack:///./src/components/fields/FieldRetireeProductVariants.vue?3305","webpack:///./src/components/fields/FieldRetireeProductVariants.vue","webpack:///src/apps/midttrafik/pages/PageNewRetireeTicket.vue","webpack:///./src/apps/midttrafik/pages/PageNewRetireeTicket.vue?2830","webpack:///./src/apps/midttrafik/pages/PageNewRetireeTicket.vue","webpack:///./src/apps/midttrafik/pages/PageNewRetireeTicket.vue?90be","webpack:///./src/components/fields/FieldRetireeDateRange.vue?8d52","webpack:///./src/components/fields/FieldRetireeProductVariants.vue?e1a8"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","texts","title","scopedSlots","_u","key","fn","staticClass","_v","_s","product_information_title","proxy","on","$event","preventDefault","nextStep","availableProductVariants","length","product_variant_title","_e","selectedName","selectedDescription","validity_span_title","validity_period_info_title","domProps","validity_span_description","isStepValid","$t","staticRenderFns","from_label","_f","fromDate","from_placeholder","disabledFromDates","to","model","value","callback","$$v","expression","class","disabled","to_label","toDate","to_placeholder","disabledToDates","component","_l","pv","id","checked","$i18n","locale","name"],"mappings":"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","file":"static/js/page-new-retiree-ticket.623cfd77.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('block-section',[_c('breadcrumb'),_c('layout-split',{attrs:{\"headline\":_vm.texts.title,\"reverse\":\"\"},scopedSlots:_vm._u([{key:\"primary\",fn:function(){return [_c('text-headline-secondary',{staticClass:\"description\"},[_vm._v(\"\\n                \"+_vm._s(_vm.texts.product_information_title)+\"\\n            \")]),_c('block-travel-information')]},proxy:true},{key:\"secondary\",fn:function(){return [_c('form',{on:{\"submit\":function($event){$event.preventDefault();return _vm.nextStep($event)}}},[_c('div',{staticClass:\"group\"},[(_vm.availableProductVariants.length > 1)?[_c('text-headline-secondary',[_vm._v(\"\\n                            \"+_vm._s(_vm.texts.product_variant_title)+\"\\n                        \")]),(_vm.availableProductVariants.length > 1)?_c('field-retiree-product-variants'):_vm._e()]:_c('text-headline-secondary',[_vm._v(\"\\n                        \"+_vm._s(_vm.selectedName)+\"\\n                    \")]),_c('p',[_vm._v(_vm._s(_vm.selectedDescription))])],2),_c('div',{staticClass:\"group\"},[_c('text-headline-secondary',[_vm._v(\"\\n                        \"+_vm._s(_vm.texts.validity_span_title)+\"\\n                    \")]),_c('p',[_c('named-value',{attrs:{\"name\":_vm.texts.validity_period_info_title}},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.texts.validity_span_description)}})])],1),_c('field-retiree-date-range')],1),_c('text-button',{staticClass:\"next-button\",attrs:{\"type\":\"submit\",\"disabled\":!_vm.isStepValid}},[_vm._v(\"\\n                    \"+_vm._s(_vm.$t(\"page_new_retiree_ticket.next_step_button\"))+\"\\n                \")])],1)]},proxy:true}])})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container\"},[_c('field-wrapper',{attrs:{\"floating\":\"\",\"label-text\":_vm.texts.from_label},scopedSlots:_vm._u([{key:\"toggle\",fn:function(){return [(_vm.fromDate)?_c('span',[_vm._v(_vm._s(_vm._f(\"momentDate\")(_vm.fromDate)))]):_c('span',[_vm._v(_vm._s(_vm.texts.from_placeholder))])]},proxy:true},{key:\"default\",fn:function(){return [_c('date-picker',{attrs:{\"open-date\":_vm.disabledFromDates.to,\"disabled-dates\":_vm.disabledFromDates},model:{value:(_vm.fromDate),callback:function ($$v) {_vm.fromDate=$$v},expression:\"fromDate\"}})]},proxy:true}])}),_c('field-wrapper',{class:{ disabled: !_vm.fromDate },attrs:{\"floating\":\"\",\"label-text\":_vm.texts.to_label},scopedSlots:_vm._u([(_vm.fromDate)?{key:\"toggle\",fn:function(){return [(_vm.toDate)?_c('span',[_vm._v(_vm._s(_vm._f(\"momentDate\")(_vm.toDate)))]):_c('span',[_vm._v(_vm._s(_vm.texts.to_placeholder))])]},proxy:true}:null,{key:\"default\",fn:function(){return [(!_vm.fromDate)?_c('span',[_vm._v(_vm._s(_vm.texts.to_placeholder))]):_vm._e(),(_vm.fromDate)?_c('date-picker',{attrs:{\"use-utc\":false,\"disabled-dates\":_vm.disabledToDates},model:{value:(_vm.toDate),callback:function ($$v) {_vm.toDate=$$v},expression:\"toDate\"}}):_vm._e()]},proxy:true}],null,true)})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"container\">\r\n        <field-wrapper floating :label-text=\"texts.from_label\">\r\n            <template v-slot:toggle>\r\n                <span v-if=\"fromDate\">{{ fromDate | momentDate }}</span>\r\n                <span v-else>{{ texts.from_placeholder }}</span>\r\n            </template>\r\n\r\n            <template v-slot:default>\r\n                <date-picker\r\n                    v-model=\"fromDate\"\r\n                    :open-date=\"disabledFromDates.to\"\r\n                    :disabled-dates=\"disabledFromDates\"\r\n                />\r\n            </template>\r\n        </field-wrapper>\r\n\r\n        <field-wrapper\r\n            :class=\"{ disabled: !fromDate }\"\r\n            floating\r\n            :label-text=\"texts.to_label\"\r\n        >\r\n            <template v-if=\"fromDate\" v-slot:toggle>\r\n                <span v-if=\"toDate\">{{ toDate | momentDate }}</span>\r\n                <span v-else>{{ texts.to_placeholder }}</span>\r\n            </template>\r\n\r\n            <template v-slot:default>\r\n                <span v-if=\"!fromDate\">{{ texts.to_placeholder }}</span>\r\n                <date-picker\r\n                    v-if=\"fromDate\"\r\n                    v-model=\"toDate\"\r\n                    :use-utc=\"false\"\r\n                    :disabled-dates=\"disabledToDates\"\r\n                />\r\n            </template>\r\n        </field-wrapper>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapGetters, mapActions } from \"vuex\";\r\nimport FieldWrapper from \"@/components/elements/FieldWrapper\";\r\nimport DatePicker from \"@/components/elements/DatePicker\";\r\nimport moment from \"moment\";\r\n\r\nexport default {\r\n    components: {\r\n        FieldWrapper,\r\n        DatePicker\r\n    },\r\n    props: {},\r\n    computed: {\r\n        texts() {\r\n            return this.$t(\"field_retiree_date_range\");\r\n        },\r\n        fromDate: {\r\n            get() {\r\n                const val = this.$store.getters[\r\n                    \"products/retireeticket/getValidFrom\"\r\n                ];\r\n\r\n                return val ? moment.utc(val).toDate() : val;\r\n            },\r\n            set(newValue) {\r\n                this.$store.commit(\r\n                    \"products/retireeticket/updateValidFrom\",\r\n                    newValue\r\n                );\r\n\r\n                const newToValue = moment(newValue)\r\n                    .add(this.product.validitySpan.minimum - 1, \"days\")\r\n                    .toDate();\r\n\r\n                this.$store.commit(\r\n                    \"products/retireeticket/updateValidTo\",\r\n                    newToValue\r\n                );\r\n            }\r\n        },\r\n        toDate: {\r\n            get() {\r\n                const val = this.$store.getters[\r\n                    \"products/retireeticket/getValidTo\"\r\n                ];\r\n\r\n                return val ? moment.utc(val).toDate() : val;\r\n            },\r\n            set(newValue) {\r\n                this.$store.commit(\r\n                    \"products/retireeticket/updateValidTo\",\r\n                    newValue\r\n                );\r\n            }\r\n        },\r\n        disabledFromDates() {\r\n            return {\r\n                to: moment()\r\n                    .startOf(\"day\")\r\n                    .add(this.shipmentDays, \"days\")\r\n                    .toDate()\r\n            };\r\n        },\r\n        disabledToDates() {\r\n            if (!this.fromDate) {\r\n                return {\r\n                    days: [0, 1, 2, 3, 4, 5, 6]\r\n                };\r\n            }\r\n\r\n            return {\r\n                to: moment(this.fromDate)\r\n                    .startOf(\"day\")\r\n                    .add(this.product.validitySpan.minimum - 1, \"days\")\r\n                    .toDate(),\r\n                from: moment(this.fromDate)\r\n                    .startOf(\"day\")\r\n                    .add(this.product.validitySpan.maximum - 1, \"days\")\r\n                    .toDate()\r\n            };\r\n        },\r\n        ...mapGetters({\r\n            product: \"products/retireeticket/getSelectedProductVariant\",\r\n            shipmentDays: \"system/snailmailShipmentDelayDayCount\"\r\n        })\r\n    },\r\n    methods: {\r\n        ...mapActions({})\r\n    }\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.container {\r\n    > *:first-child {\r\n        margin-bottom: 1rem;\r\n    }\r\n\r\n    .disabled {\r\n        cursor: not-allowed !important;\r\n        opacity: 0.7;\r\n    }\r\n\r\n    @media (min-width: $breakpoint-tablet) {\r\n        display: flex;\r\n\r\n        > *:first-child {\r\n            margin-right: $layout-gap / 2;\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        > * {\r\n            flex: 1 1 0;\r\n        }\r\n    }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FieldRetireeDateRange.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FieldRetireeDateRange.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FieldRetireeDateRange.vue?vue&type=template&id=4cbc163c&scoped=true&\"\nimport script from \"./FieldRetireeDateRange.vue?vue&type=script&lang=js&\"\nexport * from \"./FieldRetireeDateRange.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FieldRetireeDateRange.vue?vue&type=style&index=0&id=4cbc163c&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"4cbc163c\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('field-wrapper',{staticClass:\"field-RetireeProductVariants\"},_vm._l((_vm.available),function(pv){return _c('div',{key:pv.id,staticClass:\"input-wrapper\"},[_c('input-radio',{attrs:{\"name\":\"productVariant\",\"label\":pv.id},model:{value:(_vm.checked),callback:function ($$v) {_vm.checked=$$v},expression:\"checked\"}},[_vm._v(\"\\n            \"+_vm._s(pv.texts[_vm.$i18n.locale].name)+\"\\n        \")])],1)}),0)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <field-wrapper class=\"field-RetireeProductVariants\">\r\n        <div\r\n            v-for=\"pv in available\"\r\n            :key=\"pv.id\"\r\n            class=\"input-wrapper\"\r\n        >\r\n            <input-radio\r\n                v-model=\"checked\"\r\n                name=\"productVariant\"\r\n                :label=\"pv.id\"\r\n            >\r\n                {{ pv.texts[$i18n.locale].name }}\r\n            </input-radio>\r\n        </div>\r\n    </field-wrapper>\r\n</template>\r\n\r\n<script>\r\nimport FieldWrapper from \"@/components/elements/FieldWrapper\";\r\nimport InputRadio from \"@/components/inputs/InputRadio\";\r\nimport { mapGetters, mapActions } from \"vuex\";\r\n\r\nexport default {\r\n    components: {\r\n        FieldWrapper,\r\n        InputRadio\r\n    },\r\n    computed: {\r\n        checked: {\r\n            get() {\r\n                return this.selected ? this.selected.id : null;\r\n            },\r\n            set(newValue) {\r\n                const pv = this.available.find(p => p.id === newValue)\r\n                if (pv) {\r\n                    this.prepareOrder({\r\n                        municipalityId: pv.municipality.id,\r\n                        productVariantId: pv.id\r\n                    })\r\n                }\r\n            }\r\n        },\r\n        ...mapGetters({\r\n            available: 'products/retireeticket/getAvailableProductVariants',\r\n            selected: 'products/retireeticket/getSelectedProductVariant'\r\n        })\r\n    },\r\n    methods: {\r\n        ...mapActions({\r\n            prepareOrder: 'products/retireeticket/prepareOrder'\r\n        })\r\n    }\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.input-wrapper {\r\n    margin-bottom: 0.75rem;\r\n\r\n    &:last-child {\r\n        margin-bottom: 0;\r\n    }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FieldRetireeProductVariants.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FieldRetireeProductVariants.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FieldRetireeProductVariants.vue?vue&type=template&id=2d936df8&scoped=true&\"\nimport script from \"./FieldRetireeProductVariants.vue?vue&type=script&lang=js&\"\nexport * from \"./FieldRetireeProductVariants.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FieldRetireeProductVariants.vue?vue&type=style&index=0&id=2d936df8&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"2d936df8\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n    <block-section>\r\n        <breadcrumb />\r\n        <layout-split :headline=\"texts.title\" reverse>\r\n            <template v-slot:primary>\r\n                <text-headline-secondary class=\"description\">\r\n                    {{ texts.product_information_title }}\r\n                </text-headline-secondary>\r\n\r\n                <block-travel-information />\r\n            </template>\r\n\r\n            <template v-slot:secondary>\r\n                <form @submit.prevent=\"nextStep\">\r\n                    <div class=\"group\">\r\n                        <template v-if=\"availableProductVariants.length > 1\">\r\n                            <text-headline-secondary>\r\n                                {{ texts.product_variant_title }}\r\n                            </text-headline-secondary>\r\n\r\n                            <field-retiree-product-variants\r\n                                v-if=\"availableProductVariants.length > 1\"\r\n                            />\r\n                        </template>\r\n\r\n                        <text-headline-secondary v-else>\r\n                            {{ selectedName }}\r\n                        </text-headline-secondary>\r\n\r\n                        <p>{{ selectedDescription }}</p>\r\n                    </div>\r\n\r\n                    <div class=\"group\">\r\n                        <text-headline-secondary>\r\n                            {{ texts.validity_span_title }}\r\n                        </text-headline-secondary>\r\n\r\n                        <p>\r\n                            <named-value :name=\"texts.validity_period_info_title\">\r\n                                <span v-html=\"texts.validity_span_description\"></span>\r\n                            </named-value>\r\n                        </p>\r\n                        \r\n                        <field-retiree-date-range />\r\n                    </div>\r\n\r\n                    <text-button\r\n                        class=\"next-button\"\r\n                        type=\"submit\"\r\n                        :disabled=\"!isStepValid\"\r\n                    >\r\n                        {{ $t(\"page_new_retiree_ticket.next_step_button\") }}\r\n                    </text-button>\r\n                </form>\r\n            </template>\r\n        </layout-split>\r\n    </block-section>\r\n</template>\r\n\r\n<script>\r\nimport { mapGetters, mapActions } from \"vuex\";\r\nimport TextButton from \"@/components/elements/TextButton\";\r\nimport BlockTravelInformation from \"@/components/blocks/BlockTravelInformation\";\r\nimport FieldRetireeDateRange from \"@/components/fields/FieldRetireeDateRange\";\r\nimport FieldRetireeProductVariants from \"@/components/fields/FieldRetireeProductVariants\";\r\nimport paths from \"@/router/paths\";\r\n\r\nexport default {\r\n    components: {\r\n        TextButton,\r\n        BlockTravelInformation,\r\n        FieldRetireeDateRange,\r\n        FieldRetireeProductVariants\r\n    },\r\n    computed: {\r\n        texts() {\r\n            return this.$t(\"page_new_retiree_ticket\");\r\n        },\r\n        selectedName() {\r\n            if (!this.selectedProductVariant) return null;\r\n            return this.selectedProductVariant.texts[this.$i18n.locale].name;\r\n        },\r\n        selectedDescription() {\r\n            if (!this.selectedProductVariant) return null;\r\n            return this.selectedProductVariant.texts[this.$i18n.locale]\r\n                .salesText;\r\n        },\r\n        ...mapGetters({\r\n            availableProductVariants:\r\n                \"products/retireeticket/getAvailableProductVariants\",\r\n            selectedProductVariant:\r\n                \"products/retireeticket/getSelectedProductVariant\",\r\n            isStepValid: \"flow/isStepValid\",\r\n            shipmentDays: \"system/snailmailShipmentDelayDayCount\"\r\n        })\r\n    },\r\n    created() {\r\n        this.initFlow();\r\n    },\r\n    methods: {\r\n        ...mapActions({\r\n            nextStep: \"flow/gotoNextStep\"\r\n        }),\r\n        async initFlow() {\r\n            const productId = parseInt(this.$route.query.productId);\r\n            const municipalityId = parseInt(this.$route.query.municipalityId);\r\n\r\n            try {\r\n                if (!municipalityId || isNaN(municipalityId)) {\r\n                    throw new Error(\"municipalityId missing\");\r\n                }\r\n                await this.$store.dispatch(\"flow/startRetireeTicketFlow\", {\r\n                    municipalityId,\r\n                    productVariantId:\r\n                        productId && !isNaN(productId) ? productId : undefined\r\n                });\r\n            } catch (e) {\r\n                return this.$router.replace(paths.retireeProducts);\r\n            }\r\n        }\r\n    }\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.group {\r\n    margin-bottom: 2rem;\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PageNewRetireeTicket.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PageNewRetireeTicket.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PageNewRetireeTicket.vue?vue&type=template&id=552d6861&scoped=true&\"\nimport script from \"./PageNewRetireeTicket.vue?vue&type=script&lang=js&\"\nexport * from \"./PageNewRetireeTicket.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PageNewRetireeTicket.vue?vue&type=style&index=0&id=552d6861&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"552d6861\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PageNewRetireeTicket.vue?vue&type=style&index=0&id=552d6861&scoped=true&lang=scss&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PageNewRetireeTicket.vue?vue&type=style&index=0&id=552d6861&scoped=true&lang=scss&\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FieldRetireeDateRange.vue?vue&type=style&index=0&id=4cbc163c&scoped=true&lang=scss&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FieldRetireeDateRange.vue?vue&type=style&index=0&id=4cbc163c&scoped=true&lang=scss&\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FieldRetireeProductVariants.vue?vue&type=style&index=0&id=2d936df8&scoped=true&lang=scss&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FieldRetireeProductVariants.vue?vue&type=style&index=0&id=2d936df8&scoped=true&lang=scss&\""],"sourceRoot":""}