{"version":3,"sources":["webpack:///./src/apps/midttrafik/pages/PageNewFixedPriceTicket.vue?44a7","webpack:///./src/components/blocks/BlockFixedpriceTicketProductInformation.vue?88b4","webpack:///./src/components/elements/NamedValue.vue?479f","webpack:///./src/components/elements/NamedValue.vue?ed3e","webpack:///src/components/elements/NamedValue.vue","webpack:///./src/components/elements/NamedValue.vue?a5cb","webpack:///./src/components/elements/NamedValue.vue","webpack:///./src/apps/midttrafik/pages/PageNewFixedPriceTicket.vue?cc0f","webpack:///./src/components/blocks/BlockFixedpriceTicketProductInformation.vue?b02e","webpack:///src/components/blocks/BlockFixedpriceTicketProductInformation.vue","webpack:///./src/components/blocks/BlockFixedpriceTicketProductInformation.vue?cf7b","webpack:///./src/components/blocks/BlockFixedpriceTicketProductInformation.vue","webpack:///src/apps/midttrafik/pages/PageNewFixedPriceTicket.vue","webpack:///./src/apps/midttrafik/pages/PageNewFixedPriceTicket.vue?1b45","webpack:///./src/apps/midttrafik/pages/PageNewFixedPriceTicket.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","class","container","variant","primary","secondary","staticClass","_v","_s","name","_e","$slots","_t","staticRenderFns","component","attrs","scopedSlots","_u","key","fn","domProps","description","product","proxy","on","$event","preventDefault","nextStep","isStepValid","$t","texts","information","price","_l","passengerTypePrice","passengerTypeId","_f","getPassengerTypeById","nameSingular","validityText","valid","validityPeriodText","validWindowEndInstance","validWindowStartInstance"],"mappings":"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","file":"static/js/page-new-fixed-price-ticket.e52ea0f5.js","sourcesContent":["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!./PageNewFixedPriceTicket.vue?vue&type=style&index=0&id=22627258&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!./PageNewFixedPriceTicket.vue?vue&type=style&index=0&id=22627258&scoped=true&lang=scss&\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/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/lib/index.js??vue-loader-options!./BlockFixedpriceTicketProductInformation.vue?vue&type=style&index=0&id=09c45826&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/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/lib/index.js??vue-loader-options!./BlockFixedpriceTicketProductInformation.vue?vue&type=style&index=0&id=09c45826&scoped=true&lang=css&\"","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!./NamedValue.vue?vue&type=style&index=0&id=641d9d2e&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!./NamedValue.vue?vue&type=style&index=0&id=641d9d2e&scoped=true&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:{\n        container: true,\n        'variant-stacked': _vm.variant === 'stacked',\n        'variant-left': _vm.variant === 'left',\n        'variant-right': _vm.variant === 'right',\n        primary: !_vm.secondary,\n        secondary: _vm.secondary\n    }},[(_vm.name)?_c('div',{staticClass:\"name\"},[_vm._v(\"\\n        \"+_vm._s(_vm.name)),(_vm.colon)?_c('span',[_vm._v(\":\")]):_vm._e()]):_vm._e(),(_vm.$slots.default)?_c('div',{staticClass:\"value\"},[_vm._t(\"default\")],2):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div\r\n        :class=\"{\r\n            container: true,\r\n            'variant-stacked': variant === 'stacked',\r\n            'variant-left': variant === 'left',\r\n            'variant-right': variant === 'right',\r\n            primary: !secondary,\r\n            secondary: secondary\r\n        }\"\r\n    >\r\n        <div\r\n            v-if=\"name\"\r\n            class=\"name\"\r\n        >\r\n            {{ name }}<span v-if=\"colon\">:</span>\r\n        </div>\r\n\r\n        <div\r\n            v-if=\"$slots.default\"\r\n            class=\"value\"\r\n        >\r\n            <slot />\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    props: {\r\n        name: {\r\n            type: String,\r\n            required: false,\r\n            default: \"\"\r\n        },\r\n        variant: {\r\n            type: String,\r\n            required: false,\r\n            default: \"right\"\r\n        },\r\n        secondary: {\r\n            type: Boolean,\r\n            required: false,\r\n            default: false\r\n        }\r\n    },\r\n    computed: {\r\n        colon() {\r\n            return Boolean(this.$slots.default) && !this.variant === \"stacked\";\r\n        }\r\n    }\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n$element-NamedValue-name-color: inherit !default;\r\n\r\n.container {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.container .name {\r\n    padding-right: 1rem;\r\n    color: $element-NamedValue-name-color;\r\n}\r\n\r\n.primary > .name {\r\n    font-weight: 600;\r\n}\r\n\r\n/* stacked */\r\n.container.variant-stacked {\r\n    flex-direction: column;\r\n}\r\n\r\n.container.variant-stacked .value {\r\n    text-align: left !important;\r\n    padding-left: 0;\r\n}\r\n\r\n/* right */\r\n.container.variant-right {\r\n    justify-content: space-between;\r\n}\r\n\r\n/* left */\r\n.container.variant-left {\r\n    justify-content: flex-start;\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!./NamedValue.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!./NamedValue.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./NamedValue.vue?vue&type=template&id=641d9d2e&scoped=true&\"\nimport script from \"./NamedValue.vue?vue&type=script&lang=js&\"\nexport * from \"./NamedValue.vue?vue&type=script&lang=js&\"\nimport style0 from \"./NamedValue.vue?vue&type=style&index=0&id=641d9d2e&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  \"641d9d2e\",\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('div',[_c('block-banner',{staticClass:\"banner\",attrs:{\"image\":\"3\"}}),_c('block-section',[_c('breadcrumb'),_c('layout-split',{attrs:{\"headline\":_vm.name},scopedSlots:_vm._u([{key:\"primary\",fn:function(){return [_c('text-headline-secondary',{staticClass:\"description\",domProps:{\"innerHTML\":_vm._s(_vm.description)}}),(_vm.product)?_c('block-fixedprice-ticket-product-information',{attrs:{\"product\":_vm.product,\"show-description\":false}}):_vm._e()]},proxy:true},{key:\"secondary\",fn:function(){return [_c('form',{on:{\"submit\":function($event){$event.preventDefault();return _vm.nextStep($event)}}},[_c('div',{staticClass:\"field\"},[_c('field-date-time')],1),_c('div',{staticClass:\"field\"},[_c('field-passenger')],1),_c('text-button',{staticClass:\"next-button\",attrs:{\"type\":\"submit\",\"disabled\":!_vm.isStepValid}},[(_vm.isFree)?_c('div',[_vm._v(\"\\n                            \"+_vm._s(_vm.$t(\"page_new_fixed_price_ticket.buttonFree\"))+\"\\n                        \")]):_c('div',[_vm._v(\"\\n                            \"+_vm._s(_vm.$t(\"page_new_fixed_price_ticket.buttonBuy\"))+\"\\n                        \")])])],1)]},proxy:true}])})],1)],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:\"wrapper\"},[(_vm.showDescription)?_c('div',{staticClass:\"value-container description-container\"},[(_vm.texts.description !== '')?_c('named-value',{attrs:{\"name\":_vm.texts.information,\"variant\":\"stacked\"},domProps:{\"innerHTML\":_vm._s(_vm.texts.description)}}):_vm._e()],1):_vm._e(),(_vm.showPrices)?_c('div',{staticClass:\"value-container prices-container\"},[_c('named-value',{attrs:{\"name\":_vm.texts.price}}),_vm._l((_vm.product.passengerTypePrices),function(passengerTypePrice){return _c('named-value',{key:passengerTypePrice.passengerTypeId,attrs:{\"name\":_vm._f(\"passenger\")(_vm.getPassengerTypeById(passengerTypePrice.passengerTypeId)\n                    .nameSingular),\"secondary\":\"\"}},[_vm._v(\"\\n            \"+_vm._s(_vm._f(\"prettyPrice\")(passengerTypePrice.price))+\"\\n        \")])})],2):_vm._e(),(_vm.showValidTravelArea)?_c('div',{staticClass:\"value-container valid-travel-area-container\"},[(_vm.texts.validityText !== '')?_c('named-value',{attrs:{\"name\":_vm.texts.valid,\"variant\":\"stacked\"}},[_vm._v(\"\\n            \"+_vm._s(_vm.texts.validityText)+\"\\n        \")]):_vm._e()],1):_vm._e(),(_vm.showValidity)?_c('div',{staticClass:\"value-container validity-container\"},[_c('named-value',{attrs:{\"name\":_vm.validityPeriodText,\"variant\":\"stacked\"}},[(_vm.product.validWindowEndInstance == null)?_c('span',[_vm._v(\"\\n                Fra \"+_vm._s(_vm._f(\"momentDate\")(_vm.product.validWindowStartInstance))+\"\\n            \")]):_c('span',[_vm._v(\"\\n                \"+_vm._s(_vm._f(\"momentDate\")(_vm.product.validWindowStartInstance))+\" -\\n                \"+_vm._s(_vm._f(\"momentDate\")(_vm.product.validWindowEndInstance))+\"\\n            \")])])],1):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"wrapper\">\r\n        <div\r\n            v-if=\"showDescription\"\r\n            class=\"value-container description-container\"\r\n        >\r\n            <named-value\r\n                v-if=\"texts.description !== ''\"\r\n                :name=\"texts.information\"\r\n                variant=\"stacked\"\r\n                v-html=\"texts.description\"\r\n            >\r\n            </named-value>\r\n        </div>\r\n\r\n        <div\r\n            v-if=\"showPrices\"\r\n            class=\"value-container prices-container\"\r\n        >\r\n            <named-value :name=\"texts.price\" />\r\n\r\n            <named-value\r\n                v-for=\"passengerTypePrice in product.passengerTypePrices\"\r\n                :key=\"passengerTypePrice.passengerTypeId\"\r\n                :name=\"\r\n                    getPassengerTypeById(passengerTypePrice.passengerTypeId)\r\n                        .nameSingular | passenger\r\n                \"\r\n                secondary\r\n            >\r\n                {{ passengerTypePrice.price | prettyPrice }}\r\n            </named-value>\r\n        </div>\r\n\r\n        <div\r\n            v-if=\"showValidTravelArea\"\r\n            class=\"value-container valid-travel-area-container\"\r\n        >\r\n            <named-value\r\n                v-if=\"texts.validityText !== ''\"\r\n                :name=\"texts.valid\"\r\n                variant=\"stacked\"\r\n            >\r\n                {{ texts.validityText }}\r\n            </named-value>\r\n        </div>\r\n\r\n        <div\r\n            v-if=\"showValidity\"\r\n            class=\"value-container validity-container\"\r\n        >\r\n            <named-value\r\n                :name=\"validityPeriodText\"\r\n                variant=\"stacked\"\r\n            >\r\n                <span v-if=\"product.validWindowEndInstance == null\">\r\n                    Fra {{ product.validWindowStartInstance | momentDate }}\r\n                </span>\r\n                <span v-else>\r\n                    {{ product.validWindowStartInstance | momentDate }} -\r\n                    {{ product.validWindowEndInstance | momentDate }}\r\n                </span>\r\n            </named-value>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport NamedValue from \"@/components/elements/NamedValue\";\r\nimport { mapGetters } from \"vuex\";\r\n\r\nexport default {\r\n    components: {\r\n        NamedValue\r\n    },\r\n    props: {\r\n        product: {\r\n            type: Object,\r\n            required: true\r\n        },\r\n        showPrices: {\r\n            type: Boolean,\r\n            required: false,\r\n            default: true\r\n        },\r\n        showDescription: {\r\n            type: Boolean,\r\n            required: false,\r\n            default: true\r\n        },\r\n        showValidity: {\r\n            type: Boolean,\r\n            required: false,\r\n            default: true\r\n        },\r\n        showValidTravelArea: {\r\n            type: Boolean,\r\n            required: false,\r\n            default: true\r\n        }\r\n    },\r\n    computed: {\r\n        texts() {\r\n            return {\r\n                ...this.$t(\"block_fixedprice_ticket_product_information\"),\r\n                ...this.product.texts[this.$i18n.locale]\r\n            };\r\n        },\r\n        validityPeriodText() {\r\n            return this.product.restrictToDate\r\n                ? this.texts.valid_whole_day\r\n                : this.texts.valid_period_part_one +\r\n                      \" \" +\r\n                      this.$options.filters.minuteToNiceString(\r\n                          this.product.validDurationMinutes\r\n                      ) +\r\n                      \" \" +\r\n                      this.texts.valid_period_part_two;\r\n        },\r\n        getPassengerName(passengerTypeId) {\r\n            return this.getPassengerTypeById(passengerTypeId).nameSingular;\r\n        },\r\n        ...mapGetters({\r\n            getPassengerTypeById: \"passenger/getPassengerTypeById\"\r\n        })\r\n    }\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.prices-container {\r\n    max-width: 230px;\r\n}\r\n\r\n.value-container {\r\n    margin-bottom: 1.5rem;\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!./BlockFixedpriceTicketProductInformation.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!./BlockFixedpriceTicketProductInformation.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BlockFixedpriceTicketProductInformation.vue?vue&type=template&id=09c45826&scoped=true&\"\nimport script from \"./BlockFixedpriceTicketProductInformation.vue?vue&type=script&lang=js&\"\nexport * from \"./BlockFixedpriceTicketProductInformation.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BlockFixedpriceTicketProductInformation.vue?vue&type=style&index=0&id=09c45826&scoped=true&lang=css&\"\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  \"09c45826\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n    <div>\r\n        <block-banner\r\n            class=\"banner\"\r\n            image=\"3\"\r\n        />\r\n\r\n        <block-section>\r\n            <breadcrumb />\r\n            <layout-split :headline=\"name\">\r\n                <template v-slot:primary>\r\n                    <text-headline-secondary class=\"description\" v-html=\"description\" />\r\n\r\n                    <block-fixedprice-ticket-product-information\r\n                        v-if=\"product\"\r\n                        :product=\"product\"\r\n                        :show-description=\"false\"\r\n                    />\r\n                </template>\r\n\r\n                <template v-slot:secondary>\r\n                    <form @submit.prevent=\"nextStep\">\r\n                        <div class=\"field\">\r\n                            <field-date-time />\r\n                        </div>\r\n                        <div class=\"field\">\r\n                            <field-passenger />\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                            <div v-if=\"isFree\">\r\n                                {{ $t(\"page_new_fixed_price_ticket.buttonFree\") }}\r\n                            </div>\r\n                            <div v-else>\r\n                                {{ $t(\"page_new_fixed_price_ticket.buttonBuy\") }}\r\n                            </div>\r\n                        </text-button>\r\n                    </form>\r\n                </template>\r\n            </layout-split>\r\n        </block-section>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapGetters, mapActions } from \"vuex\";\r\nimport TextButton from \"@/components/elements/TextButton\";\r\nimport FieldDateTime from \"@/components/fields/FieldDateTime\";\r\nimport FieldPassenger from \"@/components/fields/FieldPassenger\";\r\nimport BlockFixedpriceTicketProductInformation from \"@/components/blocks/BlockFixedpriceTicketProductInformation\";\r\nimport paths from \"@/router/paths\";\r\n\r\nimport BlockBanner from \"../components/blocks/BlockBanner\";\r\n\r\nexport default {\r\n    components: {\r\n        TextButton,\r\n        BlockBanner,\r\n        BlockFixedpriceTicketProductInformation,\r\n        FieldDateTime,\r\n        FieldPassenger\r\n    },\r\n    computed: {\r\n        ...mapGetters({\r\n            isStepValid: \"flow/isStepValid\",\r\n            passengers: \"passenger/getPassengers\"\r\n        }),\r\n        product() {\r\n            if (!this.$route.query.productId) return null;\r\n\r\n            return this.$store.state.products.fixedpriceticket.info.products.filter(\r\n                p => p.id.toString() === this.$route.query.productId.toString()\r\n            )[0];\r\n        },\r\n        name() {\r\n            return this.product && this.product.texts[this.$i18n.locale].name;\r\n        },\r\n        description() {\r\n            return (\r\n                this.product &&\r\n                this.product.texts[this.$i18n.locale].description\r\n            );\r\n        },\r\n        image() {\r\n            if (!this.product || !this.product.imageAvailable) {\r\n                return 4;\r\n            }\r\n            return (\r\n                process.env.VUE_APP_API_URL +\r\n                \"v1/products/fixedpriceticket/info/image?id=\" +\r\n                this.product.id\r\n            );\r\n        },\r\n        isFree(){\r\n        var passengerTypePrices = this.product.passengerTypePrices;\r\n        var chosenPassengers = this.passengers;\r\n\r\n        var totalPrice = 0;\r\n        passengerTypePrices.map(\r\n            passengerType => {\r\n                var numberOfOccurences = 0;\r\n                chosenPassengers.filter(function(passenger){\r\n                    if(passenger.passengerType.id == passengerType.passengerTypeId){\r\n                        numberOfOccurences = passenger.count;                      \r\n                    }\r\n                });\r\n                totalPrice += passengerType.price * numberOfOccurences;\r\n            }\r\n        );\r\n            return totalPrice == 0 && chosenPassengers.length > 0;\r\n        }\r\n    },\r\n    watch: {\r\n        $route: \"initFlow\"\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        initFlow() {\r\n            if (!this.product) {\r\n                this.$router.replace(paths.fixedPriceProducts);\r\n            } else {\r\n                this.$store.dispatch(\"flow/startFixedPriceTicketFlow\", {\r\n                    product: this.product\r\n                });\r\n            }\r\n        }\r\n    }\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.banner {\r\n    height: 50vw;\r\n    max-height: 300px;\r\n}\r\n\r\n.description {\r\n    margin-bottom: 2rem;\r\n}\r\n\r\n.description ::v-deep a {\r\n   font: 600 1.3rem \"Fira Sans\", Arial, Helvetica, sans-serif\r\n}\r\n\r\n.description ::v-deep p {\r\n    margin: 0;\r\n}\r\n\r\n.next-button {\r\n    display: block;\r\n    width: 100%;\r\n}\r\n\r\n.field {\r\n    margin-bottom: 1rem;\r\n}\r\n\r\n.prices {\r\n    max-width: 180px;\r\n}\r\n\r\nh3 {\r\n    font-weight: 700;\r\n    font-size: 1rem;\r\n    margin: 2rem 0 0 0;\r\n}\r\n\r\n@media (min-width: $breakpoint-tablet) {\r\n    .field {\r\n        margin-bottom: 1.5rem;\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!./PageNewFixedPriceTicket.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!./PageNewFixedPriceTicket.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PageNewFixedPriceTicket.vue?vue&type=template&id=22627258&scoped=true&\"\nimport script from \"./PageNewFixedPriceTicket.vue?vue&type=script&lang=js&\"\nexport * from \"./PageNewFixedPriceTicket.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PageNewFixedPriceTicket.vue?vue&type=style&index=0&id=22627258&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  \"22627258\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}