{"version":3,"sources":["webpack:///./src/apps/midttrafik/assets/images/banner_3.jpg","webpack:///./src/apps/midttrafik/assets/images/banner_2.jpg","webpack:///./src/apps/midttrafik/pages/PageRetireeProducts.vue?9323","webpack:///./src/apps/midttrafik/assets/images/banner_4.jpg","webpack:///./src/apps/midttrafik/assets/images/banner_1.jpg","webpack:///./src/apps/midttrafik/components/blocks/BlockBanner.vue?7dd9","webpack:///src/apps/midttrafik/components/blocks/BlockBanner.vue","webpack:///./src/apps/midttrafik/components/blocks/BlockBanner.vue?0f05","webpack:///./src/apps/midttrafik/components/blocks/BlockBanner.vue","webpack:///./src/apps/midttrafik/pages/PageRetireeProducts.vue?3b95","webpack:///src/apps/midttrafik/pages/PageRetireeProducts.vue","webpack:///./src/apps/midttrafik/pages/PageRetireeProducts.vue?abb1","webpack:///./src/apps/midttrafik/pages/PageRetireeProducts.vue","webpack:///./src/apps/midttrafik/components/blocks/BlockBanner.vue?9e0a"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","style","backgroundImage","imageUrl","$slots","_t","_e","staticRenderFns","component","attrs","_v","_s","texts","title","description","select_municipality","_l","mun","key","id","name","query","municipalityId","on","$event","selectMunicipality"],"mappings":"4GAAAA,EAAOC,QAAU,IAA0B,oC,uBCA3CD,EAAOC,QAAU,IAA0B,oC,2DCA3C,yBAAulB,EAAG,G,uBCA1lBD,EAAOC,QAAU,IAA0B,oC,uBCA3CD,EAAOC,QAAU,IAA0B,oC,6DCA3C,IAAIC,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,gBAAgB,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACF,EAAG,MAAM,CAACE,YAAY,aAAaC,MAAM,CAAGC,gBAAkB,OAASR,EAAIS,SAAW,SAAaT,EAAIU,OAAc,QAAEN,EAAG,MAAM,CAACE,YAAY,WAAW,CAACN,EAAIW,GAAG,YAAY,GAAGX,EAAIY,QACxWC,EAAkB,GCctB,GACA,UACA,UACA,UACA,WAGA,GACE,MAAF,CACI,MAAJ,CACM,KAAN,gBACM,UAAN,EACM,QAAN,EACM,UAAN,YACQ,QAAR,oCAKE,SAAF,CACI,SADJ,WAEM,OAAN,6BACA,gBACA,cCtCkY,I,wBCQ9XC,EAAY,eACd,EACAf,EACAc,GACA,EACA,KACA,WACA,MAIa,OAAAC,E,kDCnBf,IAAIf,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,eAAe,CAACW,MAAM,CAAC,MAAQ,MAAM,CAACX,EAAG,wBAAwB,CAACE,YAAY,YAAY,CAACN,EAAIgB,GAAG,iBAAiBhB,EAAIiB,GAAGjB,EAAIkB,MAAMC,OAAO,gBAAgBf,EAAG,IAAI,CAACE,YAAY,QAAQ,CAACN,EAAIgB,GAAG,iBAAiBhB,EAAIiB,GAAGjB,EAAIkB,MAAME,aAAa,iBAAiB,GAAGhB,EAAG,gBAAgB,CAACA,EAAG,cAAcA,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,0BAA0B,CAACJ,EAAIgB,GAAG,qBAAqBhB,EAAIiB,GAAGjB,EAAIkB,MAAMG,qBAAqB,oBAAoBrB,EAAIsB,GAAItB,EAAkB,gBAAE,SAASuB,GAAK,OAAOnB,EAAG,cAAc,CAACoB,IAAID,EAAIE,GAAGnB,YAAY,SAASS,MAAM,CAAC,GAAK,CACtoBW,KAAM,0BACNC,MAAO,CAAEC,eAAgBL,EAAIE,MAC9BI,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAO9B,EAAI+B,mBAAmBR,EAAIE,OAAO,CAACrB,EAAG,OAAO,CAACW,MAAM,CAAC,cAAc,SAAS,CAACf,EAAIgB,GAAG,OAAOhB,EAAIgB,GAAG,qBAAqBhB,EAAIiB,GAAGM,EAAIG,MAAM,wBAAuB,IAAI,IAAI,IAC1Nb,EAAkB,G,+sBCkCtB,OACE,WAAF,CACI,YAAJ,QAEE,SAAF,GACI,MADJ,WAEM,OAAN,mCAEA,gBACI,eAAJ,8CAGE,QAZF,WAaI,KAAJ,oDCnD2X,I,wBCQvXC,EAAY,eACd,EACAf,EACAc,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,2CCnBf,yBAAomB,EAAG","file":"static/js/page-retiree-products.f52b0841.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/img/banner_3.5871d993.jpg\";","module.exports = __webpack_public_path__ + \"static/img/banner_2.7bb457a3.jpg\";","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!./PageRetireeProducts.vue?vue&type=style&index=0&id=5589f37c&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!./PageRetireeProducts.vue?vue&type=style&index=0&id=5589f37c&scoped=true&lang=scss&\"","module.exports = __webpack_public_path__ + \"static/img/banner_4.4f3dc112.jpg\";","module.exports = __webpack_public_path__ + \"static/img/banner_1.0928e931.jpg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('block-section',{staticClass:\"section\"},[_c('div',{staticClass:\"background-wrapper\"},[_c('div',{staticClass:\"background\",style:({ backgroundImage: (\"url(\" + _vm.imageUrl + \")\") })})]),(_vm.$slots.default)?_c('div',{staticClass:\"content\"},[_vm._t(\"default\")],2):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <block-section class=\"section\">\r\n        <div class=\"background-wrapper\">\r\n            <div\r\n                class=\"background\"\r\n                :style=\"{ backgroundImage: `url(${imageUrl})` }\"\r\n            />\r\n        </div>\r\n        <div v-if=\"$slots.default\" class=\"content\">\r\n            <slot />\r\n        </div>\r\n    </block-section>\r\n</template>\r\n\r\n<script>\r\nconst banners = [\r\n    require(\"../../assets/images/banner_1.jpg\"),\r\n    require(\"../../assets/images/banner_2.jpg\"),\r\n    require(\"../../assets/images/banner_3.jpg\"),\r\n    require(\"../../assets/images/banner_4.jpg\")\r\n];\r\n\r\nexport default {\r\n    props: {\r\n        image: {\r\n            type: [String, Number],\r\n            required: false,\r\n            default: 1,\r\n            validator: function(val) {\r\n                if (val instanceof Number && (val < 1 || val > 4)) return false;\r\n                return true;\r\n            }\r\n        }\r\n    },\r\n    computed: {\r\n        imageUrl() {\r\n            if (this.image >= 1 && this.image <= 4)\r\n                return banners[this.image - 1];\r\n            return this.image;\r\n        }\r\n    }\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.section {\r\n    padding: 0;\r\n    background-color: $color-primary;\r\n    box-sizing: border-box;\r\n    position: relative;\r\n}\r\n\r\n.background-wrapper {\r\n    position: absolute;\r\n    overflow: hidden;\r\n    top: 0;\r\n    bottom: 0;\r\n    right: 0;\r\n    left: 0;\r\n}\r\n\r\n.background {\r\n    background-size: cover;\r\n    background-position: top center;\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    min-height: 650px;\r\n}\r\n\r\n.content {\r\n    max-width: 450px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    background: rgba(0, 0, 0, 0.65);\r\n    padding: 24px;\r\n}\r\n\r\n@media (min-width: 500px) {\r\n    .section {\r\n        padding: 2rem;\r\n    }\r\n}\r\n\r\n@media (min-width: $breakpoint-tablet) {\r\n    .section {\r\n        padding-top: 4rem;\r\n        padding-bottom: 4rem;\r\n        min-height: 300px;\r\n    }\r\n\r\n    .content {\r\n        max-width: 750px;\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!./BlockBanner.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!./BlockBanner.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BlockBanner.vue?vue&type=template&id=1df320f2&scoped=true&\"\nimport script from \"./BlockBanner.vue?vue&type=script&lang=js&\"\nexport * from \"./BlockBanner.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BlockBanner.vue?vue&type=style&index=0&id=1df320f2&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  \"1df320f2\",\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',{attrs:{\"image\":\"2\"}},[_c('text-headline-primary',{staticClass:\"headline\"},[_vm._v(\"\\n            \"+_vm._s(_vm.texts.title)+\"\\n        \")]),_c('p',{staticClass:\"text\"},[_vm._v(\"\\n            \"+_vm._s(_vm.texts.description)+\"\\n        \")])],1),_c('block-section',[_c('breadcrumb'),_c('div',{staticClass:\"products\"},[_c('text-headline-secondary',[_vm._v(\"\\n                \"+_vm._s(_vm.texts.select_municipality)+\"\\n            \")]),_vm._l((_vm.municipalities),function(mun){return _c('router-link',{key:mun.id,staticClass:\"button\",attrs:{\"to\":{\n                    name: 'page_new_retiree_ticket',\n                    query: { municipalityId: mun.id }\n                }},on:{\"click\":function($event){return _vm.selectMunicipality(mun.id)}}},[_c('span',{attrs:{\"aria-hidden\":\"true\"}},[_vm._v(\"→\")]),_vm._v(\"\\n                \"+_vm._s(mun.name)+\"\\n            \")])})],2)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <block-banner image=\"2\">\r\n            <text-headline-primary class=\"headline\">\r\n                {{ texts.title }}\r\n            </text-headline-primary>\r\n            <p class=\"text\">\r\n                {{ texts.description }}\r\n            </p>\r\n        </block-banner>\r\n        <block-section>\r\n            <breadcrumb />\r\n            <div class=\"products\">\r\n                <text-headline-secondary>\r\n                    {{ texts.select_municipality }}\r\n                </text-headline-secondary>\r\n                <router-link\r\n                    v-for=\"mun in municipalities\"\r\n                    :key=\"mun.id\"\r\n                    :to=\"{\r\n                        name: 'page_new_retiree_ticket',\r\n                        query: { municipalityId: mun.id }\r\n                    }\"\r\n                    class=\"button\"\r\n                    @click=\"selectMunicipality(mun.id)\"\r\n                >\r\n                    <span aria-hidden=\"true\">→</span>\r\n                    {{ mun.name }}\r\n                </router-link>\r\n            </div>\r\n        </block-section>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport BlockBanner from \"../components/blocks/BlockBanner\";\r\nimport { mapGetters } from \"vuex\";\r\n\r\nexport default {\r\n    components: {\r\n        BlockBanner\r\n    },\r\n    computed: {\r\n        texts() {\r\n            return this.$t(\"page_retiree_products\");\r\n        },\r\n        ...mapGetters({\r\n            municipalities: \"products/retireeticket/getMunicipalities\"\r\n        })\r\n    },\r\n    created() {\r\n        this.$store.dispatch(\"flow/startRetireeTicketFlow\", {});\r\n    }\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.headline {\r\n    margin-bottom: 0.5em;\r\n    color: white;\r\n}\r\n\r\n.text {\r\n    margin: 0;\r\n    color: white;\r\n    font-weight: 600;\r\n}\r\n\r\n.button {\r\n    margin-bottom: 1rem;\r\n    text-decoration: none;\r\n    background: #fff;\r\n    border: 0;\r\n    border-radius: 0;\r\n    padding: 0.8rem 1rem;\r\n    display: block;\r\n    width: 100%;\r\n    box-shadow: $default-box-shadow;\r\n    text-align: left;\r\n    font: $body-font;\r\n    font-size: 1.3rem;\r\n    color: $color-darkest-grey;\r\n    box-sizing: border-box;\r\n\r\n    > span {\r\n        float: right;\r\n        color: $color-primary;\r\n    }\r\n\r\n    &:hover {\r\n        box-shadow: $more-box-shadow;\r\n        cursor: pointer;\r\n    }\r\n}\r\n\r\n.products {\r\n    max-width: 750px;\r\n    margin: 0 auto;\r\n    margin-top: 1rem;\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!./PageRetireeProducts.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!./PageRetireeProducts.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PageRetireeProducts.vue?vue&type=template&id=5589f37c&scoped=true&\"\nimport script from \"./PageRetireeProducts.vue?vue&type=script&lang=js&\"\nexport * from \"./PageRetireeProducts.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PageRetireeProducts.vue?vue&type=style&index=0&id=5589f37c&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  \"5589f37c\",\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!./BlockBanner.vue?vue&type=style&index=0&id=1df320f2&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!./BlockBanner.vue?vue&type=style&index=0&id=1df320f2&scoped=true&lang=scss&\""],"sourceRoot":""}