{"version":3,"sources":["webpack:///./src/components/Iriade/Blocks/IriadeFormBlock/Inputs/IriadeCarouselFormBlock.vue?a96a","webpack:///src/components/Iriade/Blocks/IriadeFormBlock/Inputs/IriadeCarouselFormBlock.vue","webpack:///./src/components/Iriade/Blocks/IriadeFormBlock/Inputs/IriadeCarouselFormBlock.vue?7e2a","webpack:///./src/components/Iriade/Blocks/IriadeFormBlock/Inputs/IriadeCarouselFormBlock.vue","webpack:///./src/components/Iriade/Blocks/IriadeFormBlock/Inputs/IriadeFormBlockMixin.js","webpack:///./src/components/Iriade/Blocks/IriadeFormBlock/Inputs/IriadeCarouselFormBlock.vue?bec6"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_l","carousel","config","page","i","key","name","component","directives","rawName","value","step","props","index","expression","tag","attrs","$attrs","formData","errors","on","$event","nextStep","setAnswer","staticRenderFns","inputIndex","required","type","Number","input","Object"],"mappings":"0IAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,2BAA2BN,EAAIO,GAAIP,EAAIQ,SAASC,OAAY,OAAE,SAASC,EAAKC,GAAG,OAAOP,EAAG,MAAM,CAACQ,IAAIF,EAAKG,MAAM,CAACT,EAAGM,EAAKI,UAAU,CAACC,WAAW,CAAC,CAACF,KAAK,OAAOG,QAAQ,SAASC,MAAOjB,EAAIkB,OAASR,EAAKS,MAAMV,OAAOW,MAAOC,WAAW,qCAAqCC,IAAI,YAAYhB,YAAY,OAAOiB,MAAM,CAAC,YAAYvB,EAAIwB,OAAO,aAAa,gBAAgBxB,EAAIyB,SAAS,MAAQf,EAAKS,MAAM,cAAcR,EAAE,OAASX,EAAI0B,QAAU1B,EAAI0B,OAAO1B,EAAIQ,SAASK,OAASb,EAAI0B,OAAO1B,EAAIQ,SAASK,MAAMH,EAAKS,MAAMN,OAAOc,GAAG,CAAC,SAAW,SAASC,GAAQ,OAAO5B,EAAI6B,SAASD,IAAS,MAAQ,SAASA,GAAQ,OAAO5B,EAAI8B,UAAUnB,EAAGiB,QAAa,MAAK,IAClvBG,EAAkB,G,msBCsBtB,OACE,OAAF,eAEE,MAAF,UAEE,KALF,WAMI,MAAJ,CACM,SAAN,CACQ,WAAR,IAEM,KAAN,IAIE,SAAF,CACI,SADJ,WAEM,OAAN,KACA,WADA,CAEQ,OAAR,KACA,kBADA,CAEU,MAAV,yCAAY,MAAZ,CACcZ,MAAOT,EACPI,UAAW,WAAzB,6DAOE,QAAF,CACI,SADJ,SACA,GACM,KAAN,OACA,WACQ,KAAR,UAII,OARJ,WASM,KAAN,8BAGI,UAZJ,SAYA,KACM,IAAN,6BACM,KAAN,gCAIE,QA/CF,WAgDI,IAAJ,kCACM,IAAN,6BAEA,mBACQ,KAAR,kCAII,KAAJ,sCC/EoW,I,wBCQhWA,EAAY,eACd,EACAf,EACAgC,GACA,EACA,KACA,KACA,MAIa,aAAAjB,E,6CCnBf,OAAe,cACbK,MAAO,CACLa,WAAY,CACVC,UAAU,EACVC,KAAMC,QAERC,MAAO,CACLH,UAAU,EACVC,KAAMG,QAERX,OAAQ,CACNO,UAAU,M,oCCXhB,yBAA6mB,EAAG,G","file":"js/chunk-52841286.b083feee.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"IriadeCarouselFormBlock\"},_vm._l((_vm.carousel.config.pages),function(page,i){return _c('div',{key:page.name},[_c(page.component,{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.step === page.props.config.index),expression:\"step === page.props.config.index\"}],tag:\"component\",staticClass:\"step\",attrs:{\"form-data\":_vm.$attrs['form-data'],\"carousel-data\":_vm.formData,\"input\":page.props,\"input-index\":i,\"errors\":_vm.errors && _vm.errors[_vm.carousel.name] && _vm.errors[_vm.carousel.name][page.props.name]},on:{\"nextStep\":function($event){return _vm.nextStep($event)},\"input\":function($event){return _vm.setAnswer(i, $event)}}})],1)}),0)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"IriadeCarouselFormBlock\">\n    <div v-for=\"(page, i) in carousel.config.pages\"\n         :key=\"page.name\">\n      <!--TODO: refactor nullsafe accessor-->\n      <component v-show=\"step === page.props.config.index\"\n                 class=\"step\"\n                 :form-data=\"$attrs['form-data']\"\n                 :carousel-data=\"formData\"\n                 :is=\"page.component\"\n                 :input=\"page.props\"\n                 :input-index=\"i\"\n                 :errors=\"errors && errors[carousel.name] && errors[carousel.name][page.props.name]\"\n                 @nextStep=\"nextStep($event)\"\n                 @input=\"setAnswer(i, $event)\"/>\n    </div>\n  </div>\n</template>\n\n<script>\n  import IriadeFormBlockMixin from './IriadeFormBlockMixin'\n  import Vue from 'vue'\n\n  export default {\n    mixins: [IriadeFormBlockMixin],\n\n    props: ['input'],\n\n    data () {\n      return {\n        formData: {\n          pagesDatas: {},\n        },\n        step: 0,\n      }\n    },\n\n    computed: {\n      carousel () {\n        return {\n          ...this.input,\n          config: {\n            ...this.input.config,\n            pages: this.input.config.pages.map(page => ({\n              props: page,\n              component: () => import(`components/Iriade/Blocks/IriadeFormBlock/Inputs/${page.type}FormBlock`)\n            }))\n          },\n        };\n      }\n    },\n\n    methods: {\n      nextStep($event) {\n        this.step = $event;\n        if ($event === 'fin') {\n          this.finish();\n        }\n      },\n\n      finish() {\n        this.$emit('input', this.formData);\n      },\n\n      setAnswer(i, ans) {\n        let page = this.input.config.pages[i];\n          this.formData.pagesDatas[page.name] = ans;\n      }\n    },\n\n    mounted() {\n      for (let page in this.input.config.pages) {\n        let p = this.input.config.pages[page];\n\n        if (p.config.savable) {\n          this.formData.pagesDatas[p.name] = null;\n        }\n      }\n\n      this.step = this.input.config.startingPage;\n    },\n  }\n</script>\n\n<style lang=\"scss\"\n       type=\"text/scss\">\n  .IriadeCarouselFormBlock {\n    background: #F8F8F8;\n    border-radius: 12px;\n    padding: 55px 25px;\n    margin-bottom: 30px;\n\n    .step {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      margin-top: 20px;\n    }\n\n    .step h1 {\n      text-align: center;\n    }\n\n    .end {\n      font-size: 18px;\n      padding-left: 30px;\n      padding-right: 30px;\n    }\n\n    .header {\n      font-size: 22px;\n    }\n\n    .label:before {\n      color: #ccc;\n      content: open-quote;\n      font-size: 40px;\n      line-height: 0.1em;\n      margin-right: 0.25em;\n    }\n\n    .label {\n      padding: 30px 20px;\n      font-size: 18px;\n      font-weight: 600;\n      max-width: 650px;\n    }\n\n    .answer-box {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      padding: 30px 20px;\n      background: #FFF;\n      border-radius: 12px;\n      max-width: 600px;\n      margin: 0 30px 30px 30px;\n    }\n  }\n</style>\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../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!./IriadeCarouselFormBlock.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../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!./IriadeCarouselFormBlock.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./IriadeCarouselFormBlock.vue?vue&type=template&id=4799a633&\"\nimport script from \"./IriadeCarouselFormBlock.vue?vue&type=script&lang=js&\"\nexport * from \"./IriadeCarouselFormBlock.vue?vue&type=script&lang=js&\"\nimport style0 from \"./IriadeCarouselFormBlock.vue?vue&type=style&index=0&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  null,\n  null\n  \n)\n\nexport default component.exports","export default {\n  props: {\n    inputIndex: {\n      required: true,\n      type: Number\n    },\n    input: {\n      required: true,\n      type: Object\n    },\n    errors: {\n      required: false\n    }\n  }\n}\n","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!./IriadeCarouselFormBlock.vue?vue&type=style&index=0&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!./IriadeCarouselFormBlock.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}