{"version":3,"sources":["webpack:///./src/components/modals/SectionOptionsModal.vue?6d8f","webpack:///./src/components/modals/SectionOptionsModal.vue?4443","webpack:///src/components/modals/SectionOptionsModal.vue","webpack:///./src/components/modals/SectionOptionsModal.vue?629a","webpack:///./src/components/modals/SectionOptionsModal.vue?aae2"],"names":["_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SectionOptionsModal_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0__","__webpack_require__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SectionOptionsModal_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default","n","render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","$t","on","submit","$event","stopPropagation","preventDefault","attrs","inputType","name","label","placeholder","focusInputField","model","value","newOptions","callback","$$v","$set","expression","templateSection","id","_e","isAiSection","lightLabel","tooltip","emptyFields","nameOrIdIsReserved","type","disabled","click","onSaveChanges","$emit","staticRenderFns","SectionOptionsModalvue_type_script_lang_js_","components","Checkbox","props","onSave","data","paragraph","active","computed","invalidOptions","_this","$store","getters","getInvalidSectionNames","filter","includes","length","toLowerCase","replaceAll","methods","onToggleActivate","created","modals_SectionOptionsModalvue_type_script_lang_js_","component","Object","componentNormalizer","__webpack_exports__"],"mappings":"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","file":"js/lazy-view-components-modals-SectionOptionsModal.9229ff7c.js","sourcesContent":["import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SectionOptionsModal.vue?vue&type=style&index=0&lang=less&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SectionOptionsModal.vue?vue&type=style&index=0&lang=less&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"section-options\"},[_c('div',{staticClass:\"header\"},[_c('h3',[_vm._v(_vm._s(_vm.$t(\"editor-section.section-options\")))])]),_c('form',{on:{\"submit\":function($event){$event.stopPropagation();$event.preventDefault();}}},[_c('custom-input',{attrs:{\"inputType\":'text',\"name\":'nameInput',\"label\":_vm.$t('editor-section.rename-label'),\"placeholder\":_vm.$t('enter-name'),\"focusInputField\":true},model:{value:(_vm.newOptions.name),callback:function ($$v) {_vm.$set(_vm.newOptions, \"name\", $$v)},expression:\"newOptions.name\"}}),_c('custom-input',{attrs:{\"inputType\":'text',\"name\":'idInput',\"label\":_vm.$t('editor-section.id-label'),\"placeholder\":'Id',\"focusInputField\":true},model:{value:(_vm.newOptions.id),callback:function ($$v) {_vm.$set(_vm.newOptions, \"id\", $$v)},expression:\"newOptions.id\"}}),(_vm.templateSection.id != _vm.newOptions.id)?_c('span',{staticClass:\"text-xs text-danger\"},[_vm._v(_vm._s(_vm.$t(\"editor-section.id-desc\")))]):_vm._e(),(!_vm.isAiSection)?_c('div',{staticClass:\"checkbox-wrapper\"},[_c('checkbox',{staticClass:\"checkbox\",attrs:{\"label\":_vm.$t('editor-section.paragraph'),\"name\":'paragraphs',\"lightLabel\":\"\"},model:{value:(_vm.newOptions.paragraph),callback:function ($$v) {_vm.$set(_vm.newOptions, \"paragraph\", $$v)},expression:\"newOptions.paragraph\"}}),_c('span',{attrs:{\"tooltip\":_vm.$t('editor-section.paragraph-desc')}},[_c('i',{staticClass:\"fa-light fa-circle-question\"})])],1):_vm._e(),_c('div',{staticClass:\"checkbox-wrapper\"},[_c('checkbox',{staticClass:\"checkbox\",attrs:{\"label\":_vm.$t('editor-section.active-section'),\"name\":'active',\"lightLabel\":\"\"},model:{value:(_vm.newOptions.active),callback:function ($$v) {_vm.$set(_vm.newOptions, \"active\", $$v)},expression:\"newOptions.active\"}}),_c('span',{attrs:{\"tooltip\":_vm.$t('editor-section.active-section-desc')}},[_c('i',{staticClass:\"fa-light fa-circle-question\"})])],1),_c('span',{staticClass:\"text-danger text-xs\"},[(_vm.nameOrIdIsReserved)?_c('span',[_vm._v(_vm._s(_vm.$t(\"rename.name-reserved\")))]):_vm._e(),(!_vm.emptyFields)?_c('span',[_vm._v(_vm._s(_vm.nameOrIdIsReserved ? _vm.$t('editor-section.id-undefined-1') : _vm.$t('editor-section.id-undefined-2')))]):_vm._e()]),_c('div',{staticClass:\"actions\"},[_c('button',{staticClass:\"btn btn-primary\",attrs:{\"type\":\"submit\",\"disabled\":_vm.nameOrIdIsReserved || !_vm.emptyFields},on:{\"click\":_vm.onSaveChanges}},[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"save\"))+\"\\n      \")]),_c('button',{staticClass:\"btn btn-secondary\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.$emit('close')}}},[_vm._v(_vm._s(_vm.$t(\"cancel\")))])])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"section-options\">\n    <div class=\"header\">\n      <h3>{{ $t(\"editor-section.section-options\") }}</h3>\n    </div>\n    <form @submit.stop.prevent>\n      <custom-input\n        :inputType=\"'text'\"\n        v-model=\"newOptions.name\"\n        :name=\"'nameInput'\"\n        :label=\"$t('editor-section.rename-label')\"\n        :placeholder=\"$t('enter-name')\"\n        :focusInputField=\"true\"\n      />\n      <custom-input\n        :inputType=\"'text'\"\n        v-model=\"newOptions.id\"\n        :name=\"'idInput'\"\n        :label=\"$t('editor-section.id-label')\"\n        :placeholder=\"'Id'\"\n        :focusInputField=\"true\"\n      />\n      <span class=\"text-xs text-danger\" v-if=\"templateSection.id != newOptions.id\">{{\n        $t(\"editor-section.id-desc\")\n      }}</span>\n      <div class=\"checkbox-wrapper\" v-if=\"!isAiSection\">\n        <checkbox\n          class=\"checkbox\"\n          :label=\"$t('editor-section.paragraph')\"\n          :name=\"'paragraphs'\"\n          v-model=\"newOptions.paragraph\"\n          lightLabel\n        />\n\n        <span :tooltip=\"$t('editor-section.paragraph-desc')\"><i class=\"fa-light fa-circle-question\"></i></span>\n      </div>\n      <div class=\"checkbox-wrapper\">\n        <checkbox\n          class=\"checkbox\"\n          :label=\"$t('editor-section.active-section')\"\n          :name=\"'active'\"\n          v-model=\"newOptions.active\"\n          lightLabel\n        />\n        <span :tooltip=\"$t('editor-section.active-section-desc')\"\n          ><i class=\"fa-light fa-circle-question\"></i\n        ></span>\n      </div>\n\n      <span class=\"text-danger text-xs\">\n        <span v-if=\"nameOrIdIsReserved\">{{ $t(\"rename.name-reserved\") }}</span>\n        <span v-if=\"!emptyFields\">{{\n          nameOrIdIsReserved ? $t('editor-section.id-undefined-1') : $t('editor-section.id-undefined-2')\n        }}</span>\n      </span>\n\n      <div class=\"actions\">\n        <button\n          type=\"submit\"\n          class=\"btn btn-primary\"\n          :disabled=\"nameOrIdIsReserved || !emptyFields\"\n          @click=\"onSaveChanges\"\n        >\n          {{ $t(\"save\") }}\n        </button>\n        <button type=\"button\" class=\"btn btn-secondary\" @click=\"$emit('close')\">{{ $t(\"cancel\") }}</button>\n      </div>\n    </form>\n  </div>\n</template>\n<script>\nimport Checkbox from \"@/components/Checkbox\";\nexport default {\n  name: \"SectionOptionsModal\",\n  components: {\n    Checkbox\n  },\n  props: {\n    templateSection: Object,\n    onSave: Function\n  },\n  data() {\n    return {\n      newOptions: {\n        name: \"\",\n        id: \"\",\n        paragraph: false,\n        active: false\n      }\n    };\n  },\n  computed: {\n    isAiSection() {\n      return this.templateSection.type == \"ai\";\n    },\n    invalidOptions() {\n      return this.$store.getters.getInvalidSectionNames.filter(\n        (n) => ![this.templateSection.name, this.templateSection.id].includes(n)\n      );\n    },\n    emptyFields() {\n      return this.newOptions.name.length > 0 && this.newOptions.id.length > 0;\n    },\n    nameOrIdIsReserved() {\n      return (\n        this.invalidOptions.includes(this.newOptions.name) ||\n        this.invalidOptions.includes(\n          this.newOptions.name\n            .toLowerCase()\n            .replaceAll(/[^\\w ]+/g, \"\")\n            .replaceAll(/ +/g, \"\")\n        ) ||\n        (this.invalidOptions.includes(this.newOptions.id) ||\n          this.invalidOptions.includes(\n            this.newOptions.id\n              .toLowerCase()\n              .replaceAll(/[^\\w ]+/g, \"\")\n              .replaceAll(/ +/g, \"\")\n          ))\n      );\n    }\n  },\n  methods: {\n    onToggleActivate() {\n      this.newOptions.active = !this.newOptions.active;\n    },\n    onSaveChanges() {\n      this.onSave(this.newOptions);\n      this.$emit(\"close\");\n    }\n  },\n  created() {\n    this.newOptions = {\n      name: this.templateSection.name,\n      id: this.templateSection.id,\n      paragraph: this.templateSection.paragraph,\n      active: this.templateSection.active\n    };\n  }\n};\n</script>\n<style lang=\"less\">\n.section-options {\n  padding: 20px;\n\n  .header {\n    display: flex;\n    justify-content: space-between;\n    h3 {\n      margin: 0;\n    }\n  }\n  .checkbox-wrapper {\n    margin-top: 12px;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    .container-checkbox {\n      margin: 0;\n    }\n  }\n  .actions {\n    margin-top: 12px;\n    display: flex;\n    gap: 12px;\n  }\n}\n</style>\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!./SectionOptionsModal.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!./SectionOptionsModal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SectionOptionsModal.vue?vue&type=template&id=f3127782&\"\nimport script from \"./SectionOptionsModal.vue?vue&type=script&lang=js&\"\nexport * from \"./SectionOptionsModal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SectionOptionsModal.vue?vue&type=style&index=0&lang=less&\"\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"],"sourceRoot":""}