{"version":3,"sources":["webpack:///./src/helpers/debounce.js","webpack:///./src/modules/page-editor/src/components/sidebar/Settings.vue?416b","webpack:///./src/modules/page-editor/src/components/sidebar/Settings.vue","webpack:///src/modules/page-editor/src/components/sidebar/Settings.vue","webpack:///./src/modules/page-editor/src/components/sidebar/Settings.vue?3bb8","webpack:///./src/modules/page-editor/src/components/sidebar/Settings.vue?49c0","webpack:///./src/assets/icons/back.svg","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/MultiSelectItem.vue","webpack:///src/modules/page-editor/src/components/sidebar/sidebar-items/MultiSelectItem.vue","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/MultiSelectItem.vue?5a02","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/MultiSelectItem.vue?9ea3","webpack:///./src/modules/page-editor/src/components/sidebar/Settings.vue?5ba6","webpack:///./src/modules/page-editor/src/components/sidebar/sidebar-items/MultiSelectItem.vue?f9be"],"names":["func","wait","immediate","timeout","context","this","args","arguments","later","apply","callNow","clearTimeout","setTimeout","render","_vm","_c","_self","staticClass","on","$event","linkTo","attrs","require","_v","_s","seoSettings","seo_title","url","seo_description","dataUpdated","model","value","callback","$$v","$set","expression","staticRenderFns","name","components","VButton","InputField","MultiSelectItem","data","localData","seo_keywords","computed","methods","mounted","console","created","component","module","exports","class","moreFields","title","selectOptions","inputChanged","scopedSlots","_u","key","fn","search","searching","staticStyle","selectData","selected","props","option","options","addOption"],"mappings":"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","file":"js/chunk-7c66314d.559d874a.js","sourcesContent":["export default function(func, wait, immediate) {\n    var timeout;\n    return function() {\n        var context = this,\n            args = arguments;\n        var later = function() {\n            timeout = null;\n            if (!immediate) func.apply(context, args);\n        };\n        var callNow = immediate && !timeout;\n        clearTimeout(timeout);\n        timeout = setTimeout(later, wait);\n        if (callNow) func.apply(context, args);\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!./Settings.vue?vue&type=style&index=1&id=0693d7e6&prod&lang=scss&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"tabs\"},[_c('div',{staticClass:\"wrapper_header_sidebar\"},[_c('div',{staticClass:\"header_sidebar_wrpr\"},[_c('a',{staticClass:\"small-btn back_btn\",on:{\"click\":function($event){return _vm.linkTo(null)}}},[_c('inline-svg',{attrs:{\"src\":require('@/assets/icons/back.svg')}})],1),_c('h4',{staticClass:\"title_sidebar\"},[_vm._v(\"Settings\")])])]),_c('div',{attrs:{\"id\":\"tabs-content\"}},[_c('div',{staticClass:\"tab-content page-settings\"},[_c('div',{staticClass:\"seo-preview\"},[_c('span',{staticClass:\"seo-title\"},[_vm._v(_vm._s(_vm.seoSettings.seo_title || ''))]),_c('span',{staticClass:\"seo-url\"},[_vm._v(_vm._s('https://'+_vm.url))]),_c('span',{staticClass:\"seo-desc\"},[_vm._v(_vm._s(_vm.seoSettings.seo_description || ''))])]),_c('input-field',{staticClass:\"margin-t-25\",attrs:{\"label\":\"Title\"},on:{\"input\":_vm.dataUpdated},model:{value:(_vm.seoSettings.seo_title),callback:function ($$v) {_vm.$set(_vm.seoSettings, \"seo_title\", $$v)},expression:\"seoSettings.seo_title\"}}),_c('input-field',{staticClass:\"margin-t-25\",attrs:{\"rows\":\"4\",\"textarea\":\"\",\"label\":\"Description\"},on:{\"input\":_vm.dataUpdated},model:{value:(_vm.seoSettings.seo_description),callback:function ($$v) {_vm.$set(_vm.seoSettings, \"seo_description\", $$v)},expression:\"seoSettings.seo_description\"}})],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"tabs\">\n        <div class=\"wrapper_header_sidebar\">\n            <div class=\"header_sidebar_wrpr\">\n                <a @click=\"linkTo(null)\" class=\"small-btn back_btn\">\n\t                <inline-svg :src=\"require('@/assets/icons/back.svg')\" />\n                </a>\n                <h4 class=\"title_sidebar\">Settings</h4>\n            </div>\n        </div>\n        <div id=\"tabs-content\">\n            <div class=\"tab-content page-settings\">\n\t            <div class=\"seo-preview\">\n\t\t            <span class=\"seo-title\">{{seoSettings.seo_title || ''}}</span>\n\t\t            <span class=\"seo-url\">{{'https://'+url}}</span>\n\t\t            <span class=\"seo-desc\">{{seoSettings.seo_description || ''}}</span>\n\t            </div>\n\n\t            <input-field class=\"margin-t-25\" v-model=\"seoSettings.seo_title\" label=\"Title\" @input=\"dataUpdated\" />\n\n\t            <input-field class=\"margin-t-25\" rows=\"4\" textarea v-model=\"seoSettings.seo_description\" label=\"Description\" @input=\"dataUpdated\" />\n\n\t            <!--                <TextInput :value=\"seoSettings.seo_title || ''\" title=\"Title\" @updated=\"dataUpdated('seo_title', $event)\"/>-->\n<!--                <TextInput textarea rows=\"3\" :value=\"seoSettings.seo_description || ''\"-->\n<!--                           title=\"Description\" @updated=\"dataUpdated('seo_description', $event)\"/>-->\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport InputField from \"@/components/base/input-field\"\nimport MultiSelectItem from \"@/modules/page-editor/src/components/sidebar/sidebar-items/MultiSelectItem.vue\"\nimport debounceAction from \"@/helpers/debounce\"\nimport VButton from \"@/components/base/v-button\"\n\nimport {mapGetters} from \"vuex\";\nexport default {\n    name: 'Settings',\n    components: {\n    \tVButton,\n      InputField,\n      MultiSelectItem\n    },\n    data() {\n        return {\n            localData: {\n                seo_description: '',\n                seo_keywords: '',\n                seo_title: '',\n            }\n        }\n    },\n    computed: {\n    \t...mapGetters(['current_template']),\n        seoSettings() {\n            return this.localData;\n        },\n\t    url() {\n\t\t    return this.current_template ? this.current_template.url : \"\";\n\t    }\n    },\n    methods: {\n        linkTo(tab) {\n            this.$store.commit('PAGE_SET_TAB', tab)\n        },\n        dataUpdated: debounceAction(function(){\n            // let testObj = {...this.localData};\n            // testObj[infoName] = value;\n            this.$store.dispatch('PAGE_SETTINGS_UPDATE', this.localData);\n        }, 100),\n    },\n\tmounted() {\n    \ttry {\n\t\t    this.localData.seo_keywords = '';\n\t\t    this.localData.seo_description = this.$store.state.page.currentTemplate.seo_description || ''\n\t\t    this.localData.seo_title = this.$store.state.page.currentTemplate.seo_title || ''\n\t    } catch (e) {\n\t\t    console.warn(e)\n\t    }\n\t},\n\tcreated(){\n\n    }\n}\n</script>\n<style lang=\"scss\">\n.page-settings {\n\tpadding: 10px;\n\t//display: flex;\n\t//flex-direction: column;\n\n\t.item_sidebar.description .input-field {\n\t\theight: auto;\n\t}\n}\n</style>\n<style lang=\"scss\" scoped>\n\n.seo-preview {\n\tborder: 1px solid #e3e6f1;\n\tborder-radius: 5px;\n\tpadding: 10px;\n\tmargin: 10px;\n\tflex-direction: column;\n\tdisplay: flex;\n\toverflow: hidden;\n\n\t.title {\n\t\tfont-size: 16px;\n\t\tcolor: $grey;\n\t\tfont-weight: 600;\n\t\tline-height: 20px;\n\t}\n\t.seo-title {\n\t\tcolor: #1a0dab;\n\t\tfont-size: 17px;\n\t\tline-height: 26px;\n\t\twhite-space: nowrap;\n\t\ttext-overflow: ellipsis;\n\t\toverflow: hidden;\n\t}\n\t.seo-url {\n\t\tline-height: 24px;\n\t\tfont-size: 12px;\n\t\tcolor: #006621;\n\t\twhite-space: nowrap;\n\t\ttext-overflow: ellipsis;\n\t\toverflow: hidden;\n\t}\n\t.seo-desc {\n\t\tline-height: 17px;\n\t\tword-wrap: break-word;\n\t\tcolor: #545454;\n\t\ttext-overflow: ellipsis;\n\t\tdisplay: -webkit-box;\n\t\t-webkit-line-clamp: 3;\n\t\t-webkit-box-orient: vertical;\n\t\toverflow: hidden;\n\t}\n}\n</style>\n","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!./Settings.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!./Settings.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Settings.vue?vue&type=template&id=0693d7e6&scoped=true&\"\nimport script from \"./Settings.vue?vue&type=script&lang=js&\"\nexport * from \"./Settings.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Settings.vue?vue&type=style&index=0&id=0693d7e6&prod&lang=scss&\"\nimport style1 from \"./Settings.vue?vue&type=style&index=1&id=0693d7e6&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  \"0693d7e6\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/back.09be8f8c.svg\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"item_sidebar multi-select-item\",class:{'active': _vm.moreFields}},[_c('div',{staticClass:\"title title_m_b\"},[_vm._v(_vm._s(_vm.title))]),_c('div',{staticClass:\"wrapper_input\"},[_c('v-select',{staticClass:\"small flex vs__taggable\",attrs:{\"options\":_vm.selectOptions,\"taggable\":\"\",\"multiple\":\"\",\"append-to-body\":\"\"},on:{\"input\":_vm.inputChanged},scopedSlots:_vm._u([{key:\"no-options\",fn:function({ search, searching }){return [_c('em',{staticStyle:{\"opacity\":\"0.7\",\"padding\":\"5px\"}},[_vm._v(\" Type your \"),_c('code',[_vm._v(\"classname\")]),_vm._v(\" and \"),_c('b',[_vm._v(\"hit enter\")]),_vm._v(\" to add it. \")])]}}]),model:{value:(_vm.selectData.selected),callback:function ($$v) {_vm.$set(_vm.selectData, \"selected\", $$v)},expression:\"selectData.selected\"}})],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"item_sidebar multi-select-item\" :class=\"{'active': moreFields}\">\n        <div class=\"title title_m_b\">{{title}}</div>\n        <div class=\"wrapper_input\">\n\t        <v-select class=\"small flex vs__taggable\" :options=\"selectOptions\"\n\t                  v-model=\"selectData.selected\"\n\t                  @input=\"inputChanged\"\n\t                  taggable multiple\n\t                  append-to-body>\n\t\t        <template v-slot:no-options=\"{ search, searching }\">\n\t\t\t        <em style=\"opacity: 0.7;padding: 5px\">\n\t\t\t\t        Type your <code>classname</code> and <b>hit enter</b> to add it.\n\t\t\t        </em>\n\t\t        </template>\n\t        </v-select>\n        </div>\n    </div>\n</template>\n\n<script>\n\nexport default {\n    name: 'MultiSelectItem',\n    components: {\n\n    },\n    props: ['title', 'value', 'options'],\n    data: function(){\n        return {\n            moreFields: false,\n            selectData: {\n                option: this.options,\n                selected: this.value || [],\n            },\n        }\n    },\n    computed: {\n        selectOptions(){\n            let options = [];\n            let ss = this.selectData.selected || [];\n            for (let index = 0; index < ss.length; index++) {\n                options.push(this.selectData.selected[index])\n            }\n            return options;\n        }\n    },\n    methods: {\n        inputChanged(){\n            this.$emit('updated', this.selectData.selected || []);\n        },\n        addOption(){\n            console.log('addOption');\n        }\n    },\n    created(){\n        if(this.title == 'Width') this.inputChanged();\n    }\n}\n</script>\n\n<style lang=\"scss\">\n.item_sidebar.multi-select-item .vs__taggable .vs__dropdown-toggle {\n\theight: auto;\n}\n.app-page-editor .select2-container--default .select2-selection--multiple .select2-selection__choice {\n    margin-top: 1px;\n}\n.app-page-editor .main .select2-container--default .select2-selection--multiple,\n.app-page-editor .main .select2-container--default.select2-container--focus .select2-selection--multiple {\n    border-radius: 2px;\n    min-width: auto;\n    padding-bottom: 0;\n    padding-top: 0;\n    background-position: calc(100% - 10px) 11px;\n    background-size: 8px;\n}\n</style>\n","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!./MultiSelectItem.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!./MultiSelectItem.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MultiSelectItem.vue?vue&type=template&id=7ee6d99c&\"\nimport script from \"./MultiSelectItem.vue?vue&type=script&lang=js&\"\nexport * from \"./MultiSelectItem.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MultiSelectItem.vue?vue&type=style&index=0&id=7ee6d99c&prod&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 * 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!./Settings.vue?vue&type=style&index=0&id=0693d7e6&prod&lang=scss&\"","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!./MultiSelectItem.vue?vue&type=style&index=0&id=7ee6d99c&prod&lang=scss&\""],"sourceRoot":""}