{"version":3,"sources":["webpack:///./node_modules/vuetify-loader/lib/runtime/installDirectives.js","webpack:///./src/forms/office/compact/FormOfficeCompact.landingInfo.vue?4206","webpack:///./src/forms/office/compact/FormOfficeCompact.landingInfo.vue","webpack:///src/forms/office/compact/FormOfficeCompact.landingInfo.vue","webpack:///./src/forms/office/compact/FormOfficeCompact.landingInfo.vue?0bef","webpack:///./src/forms/office/compact/FormOfficeCompact.landingInfo.vue?fd8e"],"names":["module","exports","component","directives","options","extendOptions","i","render","_vm","this","_c","_self","staticClass","_v","_s","$t","attrs","name","rawName","value","mask","expression","on","$event","optimizeInputValue","model","theme","background","callback","$$v","$set","showBackgroundPicker","style","onClickOutside","_e","primary","showPrimaryPicker","secondary","showSecondaryPicker","height","encoding","logo","$emit","width","favicon","staticRenderFns","components","InputImage","data","props","values","type","default","created","methods","attribValues","Object","id","valueArr","copyValue","transformStr","fullArr","watch","handler","deep","VCol","VColorPicker","VRow","VTextField","ClickOutside"],"mappings":"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","file":"js/chunk-ce9ec6fa.7b74f1e0.js","sourcesContent":["// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).\n// This module is a runtime utility for cleaner component module output and will\n// be included in the final webpack user bundle.\n\nmodule.exports = function installDirectives (component, directives) {\n  var options = typeof component.exports === 'function'\n    ? component.exports.extendOptions\n    : component.options\n\n  if (typeof component.exports === 'function') {\n    options.directives = component.exports.options.directives\n  }\n\n  options.directives = options.directives || {}\n\n  for (var i in directives) {\n    options.directives[i] = options.directives[i] || directives[i]\n  }\n}\n","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormOfficeCompact.landingInfo.vue?vue&type=style&index=0&id=0a4cf05e&prod&scoped=true&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticClass:\"pb-5\"},[_vm._v(_vm._s(_vm.$t('LANDING_PAGE.CUSTOMISATION_TITLE')))]),_c('v-row',[_c('v-col',{attrs:{\"sm\":\"6\",\"xs\":\"12\"}},[_c('div',{staticClass:\"office-picker mb-2\"},[_c('span',[_vm._v(_vm._s(_vm.$t('LANDING_PAGE.BACKGROUND')))]),_c('div',{staticClass:\"office-picker__wrapper d-flex\"},[_c('v-text-field',{directives:[{name:\"mask\",rawName:\"v-mask\",value:(_vm.mask),expression:\"mask\"}],staticClass:\"office-picker__cange-color mr-2 pa-0\",attrs:{\"id\":\"background\",\"hide-details\":\"\",\"outlined\":\"\",\"dense\":\"\"},on:{\"blur\":function($event){return _vm.optimizeInputValue($event)}},model:{value:(_vm.theme.background),callback:function ($$v) {_vm.$set(_vm.theme, \"background\", $$v)},expression:\"theme.background\"}}),_c('div',{staticClass:\"color-picker-wrapper\",on:{\"click\":function($event){_vm.showBackgroundPicker = !_vm.showBackgroundPicker}}},[_c('div',{staticClass:\"color-picker\",style:({ 'background-color': _vm.theme.background })})])],1),(_vm.showBackgroundPicker)?_c('v-color-picker',{directives:[{name:\"click-outside\",rawName:\"v-click-outside\",value:(_vm.onClickOutside),expression:\"onClickOutside\"}],staticClass:\"color-picker-display\",attrs:{\"mode\":\"hexa\"},model:{value:(_vm.theme.background),callback:function ($$v) {_vm.$set(_vm.theme, \"background\", $$v)},expression:\"theme.background\"}}):_vm._e()],1),_c('div',{staticClass:\"office-picker mb-2\"},[_c('span',[_vm._v(_vm._s(_vm.$t('LANDING_PAGE.PRIMARY')))]),_c('div',{staticClass:\"office-picker__wrapper d-flex\"},[_c('v-text-field',{directives:[{name:\"mask\",rawName:\"v-mask\",value:(_vm.mask),expression:\"mask\"}],staticClass:\"office-picker__cange-color mr-2 pa-0\",attrs:{\"id\":\"primary\",\"hide-details\":\"\",\"outlined\":\"\",\"dense\":\"\"},on:{\"blur\":function($event){return _vm.optimizeInputValue($event)}},model:{value:(_vm.theme.primary),callback:function ($$v) {_vm.$set(_vm.theme, \"primary\", $$v)},expression:\"theme.primary\"}}),_c('div',{staticClass:\"color-picker-wrapper\",on:{\"click\":function($event){_vm.showPrimaryPicker = !_vm.showPrimaryPicker}}},[_c('div',{staticClass:\"color-picker\",style:({ 'background-color': _vm.theme.primary })})])],1),(_vm.showPrimaryPicker)?_c('v-color-picker',{directives:[{name:\"click-outside\",rawName:\"v-click-outside\",value:(_vm.onClickOutside),expression:\"onClickOutside\"}],staticClass:\"color-picker-display primary-display\",model:{value:(_vm.theme.primary),callback:function ($$v) {_vm.$set(_vm.theme, \"primary\", $$v)},expression:\"theme.primary\"}}):_vm._e()],1),_c('div',{staticClass:\"office-picker mb-2\"},[_c('span',[_vm._v(_vm._s(_vm.$t('LANDING_PAGE.SECONDARY')))]),_c('div',{staticClass:\"office-picker__wrapper d-flex\"},[_c('v-text-field',{directives:[{name:\"mask\",rawName:\"v-mask\",value:(_vm.mask),expression:\"mask\"}],staticClass:\"office-picker__cange-color mr-2 pa-0\",attrs:{\"id\":\"secondary\",\"hide-details\":\"\",\"outlined\":\"\",\"dense\":\"\"},on:{\"blur\":function($event){return _vm.optimizeInputValue($event)}},model:{value:(_vm.theme.secondary),callback:function ($$v) {_vm.$set(_vm.theme, \"secondary\", $$v)},expression:\"theme.secondary\"}}),_c('div',{staticClass:\"color-picker-wrapper\",on:{\"click\":function($event){_vm.showSecondaryPicker = !_vm.showSecondaryPicker}}},[_c('div',{staticClass:\"color-picker\",style:({ 'background-color': _vm.theme.secondary })})])],1),(_vm.showSecondaryPicker)?_c('v-color-picker',{directives:[{name:\"click-outside\",rawName:\"v-click-outside\",value:(_vm.onClickOutside),expression:\"onClickOutside\"}],staticClass:\"color-picker-display secondary-display\",model:{value:(_vm.theme.secondary),callback:function ($$v) {_vm.$set(_vm.theme, \"secondary\", $$v)},expression:\"theme.secondary\"}}):_vm._e()],1)])],1),_c('v-row',[_c('v-col',[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"4\"}},[_c('span',[_vm._v(_vm._s(_vm.$t('LANDING_PAGE.SELECT_LOGO')))])]),_c('v-col',{attrs:{\"cols\":\"2\"}},[_c('InputImage',{staticClass:\"select-image-input\",attrs:{\"formats\":[\n                {name: 'lg', height: 200, encoding: 'png' },\n                {name: 'md', height: 100, encoding: 'png' },\n                {name: 'sm', height: 30, encoding: 'png' }\n              ],\"label\":_vm.$t('LANDING_PAGE.SELECT_LOGO'),\"value\":_vm.theme.logo},on:{\"input\":function($event){return _vm.$emit('input', {theme:{logo: $event}})}},model:{value:(_vm.theme.logo),callback:function ($$v) {_vm.$set(_vm.theme, \"logo\", $$v)},expression:\"theme.logo\"}})],1)],1),_c('v-row',[_c('v-col',{attrs:{\"cols\":\"4\"}},[_c('span',[_vm._v(_vm._s(_vm.$t('LANDING_PAGE.UPLOAD_FAVICON')))])]),_c('v-col',{attrs:{\"cols\":\"2\"}},[_c('InputImage',{staticClass:\"select-image-input\",attrs:{\"formats\":[\n                {name: 'lg', width: 16, height: 16, encoding: 'vnd.microsoft.icon' }\n              ],\"label\":_vm.$t('LANDING_PAGE.UPLOAD_FAVICON'),\"value\":_vm.theme.favicon},on:{\"input\":function($event){return _vm.$emit('input', {theme:{favicon: $event}})}},model:{value:(_vm.theme.favicon),callback:function ($$v) {_vm.$set(_vm.theme, \"favicon\", $$v)},expression:\"theme.favicon\"}})],1)],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div class=\"pb-5\">{{ $t('LANDING_PAGE.CUSTOMISATION_TITLE') }}</div>\n    <v-row>\n      <v-col sm=\"6\" xs=\"12\">\n        <div class=\"office-picker mb-2\">\n          <span>{{ $t('LANDING_PAGE.BACKGROUND') }}</span>\n          <div class=\"office-picker__wrapper d-flex\">\n            <v-text-field\n              v-model=\"theme.background\"\n              v-mask=\"mask\"\n              id=\"background\"\n              hide-details\n              class=\"office-picker__cange-color mr-2 pa-0\" \n              outlined\n              dense\n              @blur=\"optimizeInputValue($event)\"\n            />\n            <div\n              @click=\"showBackgroundPicker = !showBackgroundPicker\"\n              class=\"color-picker-wrapper\"\n            >\n              <div class=\"color-picker\" :style=\"{ 'background-color': theme.background }\" />\n            </div>\n          </div>\n          <v-color-picker\n            v-if=\"showBackgroundPicker\"\n            v-click-outside=\"onClickOutside\"\n            v-model=\"theme.background\"\n            class=\"color-picker-display\"\n            mode=\"hexa\"\n          />\n        </div>\n        <div class=\"office-picker mb-2\">\n          <span>{{ $t('LANDING_PAGE.PRIMARY') }}</span>\n          <div class=\"office-picker__wrapper d-flex\">\n            <v-text-field\n              v-model=\"theme.primary\"\n              v-mask=\"mask\"\n              id=\"primary\"\n              hide-details\n              class=\"office-picker__cange-color mr-2 pa-0\"\n              outlined\n              dense\n              @blur=\"optimizeInputValue($event)\"\n            />\n            <div\n              @click=\"showPrimaryPicker = !showPrimaryPicker\"\n              class=\"color-picker-wrapper\"\n            >\n              <div class=\"color-picker\" :style=\"{ 'background-color': theme.primary }\" />\n            </div>\n          </div>\n          <v-color-picker\n            v-if=\"showPrimaryPicker\"\n            v-click-outside=\"onClickOutside\"\n            v-model=\"theme.primary\"\n            class=\"color-picker-display primary-display\"\n          />\n        </div>\n        <div class=\"office-picker mb-2\">\n          <span>{{ $t('LANDING_PAGE.SECONDARY') }}</span>\n          <div class=\"office-picker__wrapper d-flex\">\n            <v-text-field\n              v-model=\"theme.secondary\"\n              v-mask=\"mask\"\n              id=\"secondary\"\n              hide-details\n              class=\"office-picker__cange-color mr-2 pa-0\"\n              outlined\n              dense\n              @blur=\"optimizeInputValue($event)\"\n            />\n            <div\n              @click=\"showSecondaryPicker = !showSecondaryPicker\"\n              class=\"color-picker-wrapper\"\n            >\n              <div class=\"color-picker\" :style=\"{ 'background-color': theme.secondary }\" />\n            </div>\n          </div>\n          <v-color-picker\n            v-if=\"showSecondaryPicker\"\n            v-click-outside=\"onClickOutside\"\n            v-model=\"theme.secondary\"\n            class=\"color-picker-display secondary-display\"\n          />\n        </div>\n      </v-col>\n    </v-row>\n    <v-row>\n      <v-col>\n        <v-row>\n          <v-col cols=\"4\">\n            <span>{{ $t('LANDING_PAGE.SELECT_LOGO') }}</span>\n          </v-col>\n          <v-col cols=\"2\">\n            <InputImage\n              v-model=\"theme.logo\"\n              class=\"select-image-input\"\n              :formats=\"[\n                {name: 'lg', height: 200, encoding: 'png' },\n                {name: 'md', height: 100, encoding: 'png' },\n                {name: 'sm', height: 30, encoding: 'png' }\n              ]\"\n              :label=\"$t('LANDING_PAGE.SELECT_LOGO')\"\n              :value=\"theme.logo\"\n              @input=\"$emit('input', {theme:{logo: $event}})\"\n            />\n          </v-col>\n        </v-row>\n        <v-row>\n          <v-col cols=\"4\">\n            <span>{{ $t('LANDING_PAGE.UPLOAD_FAVICON') }}</span>\n          </v-col>\n          <v-col cols=\"2\">\n            <InputImage\n              v-model=\"theme.favicon\"\n              class=\"select-image-input\"\n              :formats=\"[\n                {name: 'lg', width: 16, height: 16, encoding: 'vnd.microsoft.icon' }\n              ]\"\n              :label=\"$t('LANDING_PAGE.UPLOAD_FAVICON')\"\n              :value=\"theme.favicon\"\n              @input=\"$emit('input', {theme:{favicon: $event}})\"\n            />\n          </v-col>\n        </v-row>\n\n      </v-col>\n    </v-row>\n  </div>\n</template>\n\n<script>\nimport InputImage from '@/components/InputImage'\n\nexport default {\n  name:\"FormOfficeCompactLandingInfo\",\n  components: {\n    InputImage,\n  },\n  data: (_this) => ({\n    background: '#F3F2F2',\n    showBackgroundPicker: false,\n    showPrimaryPicker: false,\n    showSecondaryPicker: false,\n    theme: {\n      background: '#F3F2F2',\n      primary: '#201f35',\n      secondary: '#e0bc37',\n      logo: undefined,\n      favicon: undefined,\n    },\n    mask: '#HHHHHHHH',\n  }),\n  props: {\n    values: {\n      type: [Object, undefined],\n      default: () => ({})\n    }\n  },\n  created () {\n    this.attribValues()\n  },\n  methods: {\n    attribValues () {\n      const values = this.$clone(this.values)\n      Object.keys(values).forEach(key => {\n        if (key === 'theme' && !(Object.keys(values[key]).lenght)) {\n          return\n        }\n        if (key === 'date' && typeof values[key] === 'string') values[key] = values[key].slice(0,10)\n        this[key] = values[key]\n      })\n    },\n    onClickOutside () {\n      this.showBackgroundPicker = false\n      this.showPrimaryPicker = false\n      this.showSecondaryPicker = false\n    },\n    optimizeInputValue (event) {\n      const { id, value } = event.target\n      const themeProp = this.theme[id]\n      let copyValue = value\n\n      if (value[0] !== '#') {\n        const valueArr = value.split('')\n        valueArr.unshift('#')\n        copyValue = valueArr.join('')\n        this.theme[id] = copyValue\n      }\n\n      const length = copyValue.length\n      let valueArr = copyValue.split('')\n      switch(length) {\n        case 1:\n          valueArr.push(...[0,0,0,0,0,0])\n          this.theme[id] = valueArr.join('')\n          break\n        case 2:\n          valueArr.push(...[0,0,0,0,0])\n          this.theme[id] = valueArr.join('')\n          break\n        case 3:\n          valueArr.push(0, 0, 0, 0)\n          this.theme[id] = valueArr.join('')\n          break\n        case 4:\n        case 5:\n          this.theme[id] = this.transformStr(copyValue)\n          break\n        case 6:\n        case 8:\n          this.theme[id] += themeProp[themeProp['length']-1]\n          break\n      }\n    },\n    transformStr (value) {\n      const fullArr = []\n      const valueArr = value.split('')\n\n      valueArr.forEach((item, index) => {\n        if (index === 0) {\n          fullArr.push(item)\n          return\n        }\n\n        fullArr.push(item)\n        fullArr.push(item)\n      })\n\n      return fullArr.join('')\n    },\n  },\n  watch: {\n    values: {\n      handler (n) {\n        const { background, primary, secondary, logo, favicon } = this.values.theme\n\n        if (!background) {\n          this.values.theme.background = '#F3F2F2'\n        } else {\n          this.theme.background = background\n        }\n\n        if (!primary) {\n          this.values.theme.primary = '#201f35'\n        } else {\n          this.theme.primary = primary\n        }\n\n        if (!secondary) {\n          this.values.theme.secondary = '#e0bc37'\n        } else {\n          this.theme.secondary = secondary\n        }\n\n        if (logo) {\n          this.theme.logo = logo\n        } else {\n          this.theme.logo = null\n        }\n\n        if (favicon) {\n          this.theme.favicon = favicon\n        } else {\n          this.theme.favicon = null\n        }\n\n        this.attribValues()\n      },\n      deep: true,\n    },\n    'theme.background' () {\n      this.$emit('input', {theme:{background: this.theme.background}})\n    },\n    'theme.primary' () {\n      this.$emit('input', {theme:{primary: this.theme.primary}})\n    },\n    'theme.secondary' () {\n      this.$emit('input', {theme:{secondary: this.theme.secondary}})\n    },\n  },\n}\n</script>\n\n<style scoped lang=\"scss\">\n.office-picker {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.office-picker__cange-color {\n  width: 120px;\n}\n.color-picker-wrapper {\n  border: 1px solid gray;\n  width: 40px;\n  height: 40px;\n  padding: 1px;\n  cursor: pointer;\n}\n.color-picker {\n  width: 100%;\n  height: 100%;\n}\n.color-picker-display {\n  position: absolute;\n  right: 36px;\n  z-index: 10;\n}\n.primary-display {\n  margin-top: -55px;\n}\n.secondary-display {\n  margin-top: -107px;\n}\n</style>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormOfficeCompact.landingInfo.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormOfficeCompact.landingInfo.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormOfficeCompact.landingInfo.vue?vue&type=template&id=0a4cf05e&scoped=true&\"\nimport script from \"./FormOfficeCompact.landingInfo.vue?vue&type=script&lang=js&\"\nexport * from \"./FormOfficeCompact.landingInfo.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FormOfficeCompact.landingInfo.vue?vue&type=style&index=0&id=0a4cf05e&prod&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  \"0a4cf05e\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VColorPicker } from 'vuetify/lib/components/VColorPicker';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\ninstallComponents(component, {VCol,VColorPicker,VRow,VTextField})\n\n\n/* vuetify-loader */\nimport installDirectives from \"!../../../../node_modules/vuetify-loader/lib/runtime/installDirectives.js\"\nimport ClickOutside from 'vuetify/lib/directives/click-outside'\ninstallDirectives(component, {ClickOutside})\n"],"sourceRoot":""}