{"version":3,"sources":["webpack:///./src/views/Beginpage.vue?8b1d","webpack:///./src/views/Beginpage.vue","webpack:///src/views/Beginpage.vue","webpack:///./src/views/Beginpage.vue?be11","webpack:///./src/views/Beginpage.vue?93d2"],"names":["render","_vm","this","_c","_self","attrs","layout","LayoutWidth","HeaderAlignmentPublicName","HeaderImagePath","state","_e","undefined","languages","length","TextAlignmentPublicName","text","domProps","_s","methods","sanitize","linkText","global","showLoader","on","$event","preventDefault","userWantsToStart","apply","arguments","_v","RemovePoweredBy","surveyInfo","culture","concat","settings","assetPath","constrastCheck","staticRenderFns","Vue","use","VueSanitize","store","allowedHtml","name","components","media","languageswitcher","computed","$route","params","$store","hexToRgb","BackgroundColor","dispatch","nextButtonClicked","actionType","created","commit","variableName","newValue","component"],"mappings":"gHAAA,W,yCCAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,MAAM,CAAC,UAAY,GAAG,mBAAmB,UAAU,oBAAoBJ,EAAIK,OAAOC,cAAc,CAACJ,EAAG,SAAS,CAACE,MAAM,CAAC,gBAAgBJ,EAAIK,OAAOE,4BAA4B,CAAEP,EAAIK,OAAOG,gBAAiBN,EAAG,QAAQ,CAACE,MAAM,CAAC,YAAY,GAAG,IAAMJ,EAAIS,MAAMJ,OAAOG,gBAAgB,IAAM,cAAc,cAAc,OAAO,KAAO,WAAWR,EAAIU,MAAM,QAA4BC,IAAxBX,EAAIS,MAAMG,WAA2BZ,EAAIS,MAAMG,UAAUC,OAAS,EAAGX,EAAG,oBAAoBF,EAAIU,KAAKR,EAAG,OAAO,CAACA,EAAG,MAAM,CAACE,MAAM,CAAC,YAAY,GAAG,qBAAqBJ,EAAIK,OAAOS,0BAA0B,CAAEd,EAAIe,KAAMb,EAAG,IAAI,CAACE,MAAM,CAAC,GAAK,cAAcY,SAAS,CAAC,UAAYhB,EAAIiB,GAAGjB,EAAIkB,QAAQC,SAASnB,EAAIe,UAAUf,EAAIU,KAAKR,EAAG,SAAS,CAACE,MAAM,CAAC,KAAO,GAAG,UAAY,GAAG,GAAK,aAAa,MAAQJ,EAAIoB,SAAS,kBAAkB,aAAa,SAAWpB,EAAIS,MAAMY,OAAOC,YAAYC,GAAG,CAAC,MAAQ,SAASC,GAAgC,OAAxBA,EAAOC,iBAAwBzB,EAAI0B,iBAAiBC,MAAM,KAAMC,cAAc,CAAC5B,EAAI6B,GAAG7B,EAAIiB,GAAGjB,EAAIkB,QAAQC,SAASnB,EAAIoB,mBAAkD,IAA/BpB,EAAIK,OAAOyB,gBAA0B5B,EAAG,SAAS,CAACE,MAAM,CAAC,sBAAsB,KAAK,CAACF,EAAG,IAAI,CAACE,MAAM,CAAC,KAAwC,UAAjCJ,EAAIS,MAAMsB,WAAWC,QAAsB,oCAAH,oCAA6E,OAAS,WAAW,CAAC9B,EAAG,QAAQ,CAACE,MAAM,CAAC,IAAK,GAAA6B,OAAIjC,EAAIS,MAAMyB,SAASC,UAAS,8BAAAF,OAA6BjC,EAAIoC,eAAc,QAAO,IAAM,iBAAiB,KAAO,YAAY,KAAKpC,EAAIU,MAAM,IAEn8C2B,EAAkB,G,iFC6CtBC,OAAAC,IAAAC,IAAAC,OAAAhC,MAAAY,OAAAqB,aAEe,OACfC,KAAA,iBACAC,WAAA,CACAC,aACAC,yBAEAC,SAAA,CACA3B,SAAA,WACA,YAAA4B,OAAAC,OAAA7B,UAEAL,KAAA,WACA,YAAAiC,OAAAC,OAAAlC,MAEAN,MAAA,WACA,YAAAyC,OAAAzC,OAEAJ,OAAA,WACA,YAAAI,MAAAJ,QAEA+B,eAAA,WACA,OAAAlB,OAAAiC,SAAA,KAAA9C,OAAA+C,mBAGAlC,QAAA,CACAQ,iBAAA,WACA,KAAAwB,OAAAG,SAAA,qBACAC,mBAAA,EACAC,WAAA,YAIAC,QAAA,WACA,KAAAN,OAAAO,OAAA,gBACAC,aAAA,aACAC,UAAA,MCnFkV,I,wBCQ9UC,EAAY,eACd,EACA7D,EACAsC,GACA,EACA,KACA,WACA,MAIa,aAAAuB,E","file":"js/chunk-a5efc804.95514c34.js","sourcesContent":["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!./Beginpage.vue?vue&type=style&index=0&id=328ab2a4&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{attrs:{\"beginpage\":\"\",\"data-layout-type\":\"regular\",\"data-layout-width\":_vm.layout.LayoutWidth}},[_c('header',{attrs:{\"data-position\":_vm.layout.HeaderAlignmentPublicName}},[(_vm.layout.HeaderImagePath)?_c('media',{attrs:{\"data-logo\":\"\",\"url\":_vm.state.layout.HeaderImagePath,\"alt\":\"Layout Logo\",\"aria-hidden\":\"true\",\"type\":\"Image\"}}):_vm._e()],1),(_vm.state.languages !== undefined && _vm.state.languages.length > 1)?_c('languageswitcher'):_vm._e(),_c('main',[_c('div',{attrs:{\"data-main\":\"\",\"data-text-position\":_vm.layout.TextAlignmentPublicName}},[(_vm.text)?_c('p',{attrs:{\"id\":\"begin-text\"},domProps:{\"innerHTML\":_vm._s(_vm.methods.sanitize(_vm.text))}}):_vm._e(),_c('button',{attrs:{\"href\":\"\",\"autofocus\":\"\",\"id\":\"login-link\",\"value\":_vm.linkText,\"aria-labelledby\":\"begin-text\",\"disabled\":_vm.state.global.showLoader},on:{\"click\":function($event){$event.preventDefault();return _vm.userWantsToStart.apply(null, arguments)}}},[_vm._v(_vm._s(_vm.methods.sanitize(_vm.linkText)))])])]),(_vm.layout.RemovePoweredBy !== true)?_c('footer',{attrs:{\"data-crowdtech-logo\":\"\"}},[_c('a',{attrs:{\"href\":_vm.state.surveyInfo.culture === `nl-NL` ? `https://welcome.crowdtech.com/pdc` : `https://welcome.crowdtech.com/pbc`,\"target\":\"_blank\"}},[_c('media',{attrs:{\"url\":`${_vm.state.settings.assetPath}powered-by-crowdtech-logo-${_vm.constrastCheck}.svg`,\"alt\":\"Crowdtech logo\",\"type\":\"Image\"}})],1)]):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div beginpage data-layout-type=\"regular\" :data-layout-width=\"layout.LayoutWidth\">\r\n        <header :data-position=\"layout.HeaderAlignmentPublicName\">\r\n            <media\r\n                v-if=\"layout.HeaderImagePath\"\r\n                data-logo\r\n                :url=\"state.layout.HeaderImagePath\"\r\n                alt=\"Layout Logo\"\r\n                aria-hidden=\"true\"\r\n                type=\"Image\"\r\n            />\r\n        </header>\r\n        <languageswitcher v-if=\"state.languages !== undefined && state.languages.length > 1\" />\r\n        <main>\r\n            <div data-main :data-text-position=\"layout.TextAlignmentPublicName\">\r\n                <p v-if=\"text\" v-html=\"methods.sanitize(text)\" id=\"begin-text\"></p>\r\n                <button\r\n                    @click.prevent=\"userWantsToStart\"\r\n                    href\r\n                    autofocus\r\n                    id=\"login-link\"\r\n                    :value=\"linkText\"\r\n                    aria-labelledby=\"begin-text\"\r\n                    :disabled=\"state.global.showLoader\"\r\n                >{{methods.sanitize(linkText)}}</button>\r\n            </div>\r\n        </main>\r\n        <footer v-if=\"layout.RemovePoweredBy !== true\" data-crowdtech-logo>\r\n             <a :href=\"state.surveyInfo.culture === `nl-NL` ? `https://welcome.crowdtech.com/pdc` : `https://welcome.crowdtech.com/pbc`\" target=\"_blank\">\r\n                <media\r\n                    :url=\"`${state.settings.assetPath}powered-by-crowdtech-logo-${constrastCheck}.svg`\"\r\n                    alt=\"Crowdtech logo\"\r\n                    type=\"Image\"\r\n                />\r\n            </a>\r\n        </footer>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport media from \"@/components/Media.vue\";\r\nimport Vue from \"vue\";\r\nimport VueSanitize from \"vue-sanitize\";\r\nimport store from \"@/store/store\";\r\nimport methods from \"@/global/methods.js\";\r\nimport languageswitcher from \"@/components/LanguageSwitcher.vue\";\r\n\r\nVue.use(VueSanitize, store.state.global.allowedHtml);\r\n\r\nexport default {\r\n    name: `beginpage-view`,\r\n    components: {\r\n        media,\r\n        languageswitcher\r\n    },\r\n    computed: {\r\n        linkText: function () {\r\n            return this.$route.params.linkText;\r\n        },\r\n        text: function () {\r\n            return this.$route.params.text;\r\n        },\r\n        state: function () {\r\n            return this.$store.state;\r\n        },\r\n        layout: function () {\r\n            return this.state.layout;\r\n        },\r\n        constrastCheck: function () {\r\n            return methods.hexToRgb(this.layout.BackgroundColor);\r\n        },\r\n    },\r\n    methods: {\r\n        userWantsToStart: function () {\r\n            this.$store.dispatch(`nextButtonClicked`, {\r\n                nextButtonClicked: false,\r\n                actionType: `Start`,\r\n            });\r\n        },\r\n    },\r\n    created() {\r\n        this.$store.commit(`changeGlobal`, {\r\n            variableName: `showLoader`,\r\n            newValue: false,\r\n        });\r\n    },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\nh2:empty {\r\n    display: none;\r\n}\r\n\r\n[data-main] {\r\n    button {\r\n        background: transparent;\r\n        border: 0;\r\n        text-align: center;\r\n        font-size: calc(var(--QuestionStyling-font-size) * 1px);\r\n        color: var(--QuestionStyling-color);\r\n        font-family: var(--QuestionStyling-font-family-public-name);\r\n        text-decoration: underline;\r\n        cursor: pointer;\r\n    }\r\n\r\n    p {\r\n        margin: 0 0 25px 0;\r\n    }\r\n\r\n    &[data-text-position=\"Left\"] {\r\n        align-items: flex-start;\r\n        text-align: left;\r\n    }\r\n\r\n    &[data-text-position=\"Right\"] {\r\n        align-items: flex-end;\r\n        text-align: right;\r\n    }\r\n\r\n    &[data-text-position=\"Center\"] {\r\n        align-items: center;\r\n        text-align: center;\r\n    }\r\n}\r\n\r\n#begin-text {\r\n    width: 100%;\r\n}\r\n</style>","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!./Beginpage.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!./Beginpage.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Beginpage.vue?vue&type=template&id=328ab2a4&scoped=true\"\nimport script from \"./Beginpage.vue?vue&type=script&lang=js\"\nexport * from \"./Beginpage.vue?vue&type=script&lang=js\"\nimport style0 from \"./Beginpage.vue?vue&type=style&index=0&id=328ab2a4&prod&lang=scss&scoped=true\"\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  \"328ab2a4\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}