{"version":3,"sources":["webpack:///./src/components/SearchBar.vue?92dd","webpack:///./src/components/SearchBar.vue","webpack:///src/components/SearchBar.vue","webpack:///./src/components/SearchBar.vue?b883","webpack:///./src/components/SearchBar.vue?f14b","webpack:///../../../src/components/VTooltip/VTooltip.ts","webpack:///./src/views/InternalAdmin/PublicFormTemplateLabels.vue","webpack:///src/views/InternalAdmin/PublicFormTemplateLabels.vue","webpack:///./src/views/InternalAdmin/PublicFormTemplateLabels.vue?4251","webpack:///./src/views/InternalAdmin/PublicFormTemplateLabels.vue?f5de"],"names":["_c","attrs","staticClass","_vm","$emit","$event","indexOf","searchLabel","disabled","model","search","$$v","background","on","staticRenderFns","name","props","type","String","default","Boolean","usingVModel","value","data","methods","onSearch","trim","length","onSearchForVModel","clearSearch","setSearch","component","mixins","Colorable","Delayable","Dependent","Menuable","extend","closeDelay","Number","openDelay","openOnHover","openOnFocus","tag","transition","calculatedMinWidth","closeDependents","computed","calculatedLeft","activator","content","this","dimensions","unknown","bottom","left","top","right","activatorLeft","attach","offsetLeft","width","nudgeLeft","parseInt","nudgeRight","calcXOverflow","calculatedTop","activatorTop","offsetTop","height","nudgeTop","nudgeBottom","pageYOffset","calcYOverflow","classes","computedTransition","isActive","offsetY","offsetX","styles","maxWidth","convertToUnit","minWidth","zIndex","activeZIndex","beforeMount","$nextTick","callActivate","mounted","getSlotType","consoleError","activate","updateDimensions","requestAnimationFrame","startTransition","deactivate","runDelay","genActivatorListeners","listeners","Activatable","options","call","focus","e","getActivator","blur","keydown","keyCode","keyCodes","esc","genActivatorAttributes","genTransition","genContent","$createElement","setBackgroundColor","color","class","contentClass","menuable__content__active","activatorFixed","style","getScopeIdAttrs","directives","isContentActive","ref","getContentSlot","render","h","showLazyContent","genActivator","key","fn","rawName","item","attachLabelsDialog","expression","headers","selected","callback","components","SearchBar","items","itemsCount","$helpers","defaultTableOptions","text","align","sortable","availableItems","availableItemsCount","availableItemsOptions","availableItemsHeader","searchAvailable","getItems","params","loaderText","id","$store","getters","selectedFormTemplate","$axios","post","then","response","catch","error","event","page","onSearchAvailable","getAvailableLabels","detachLabel","labelId","confirm","publicFormTemplateId","url","$root","showMessage","showDialog","closeDialog","attachLabels","labelIds","map","s"],"mappings":"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","file":"js/chunk-5512a122-2024-12-31-10-29.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SearchBar.vue?vue&type=style&index=0&id=0daaf0f2&prod&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-container',{staticClass:\"pa-0\",attrs:{\"fluid\":\"\"}},[_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"grow\"},[(_vm.usingVModel)?_c('v-text-field',{staticClass:\"search-bar\",attrs:{\"disabled\":_vm.disabled,\"label\":_vm.searchLabel,\"value\":_vm.value,\"background-color\":\"white\",\"clearable\":\"\",\"color\":\"msaBlue\",\"dense\":\"\",\"hide-details\":\"\",\"light\":\"\",\"outlined\":\"\",\"single-line\":\"\"},on:{\"change\":function($event){return _vm.$emit('input', $event)},\"click:clear\":function($event){_vm.$emit('input', null);\n          _vm.$emit('search');},\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.onSearchForVModel.apply(null, arguments)}}}):_c('v-text-field',{staticClass:\"search-bar\",attrs:{\"id\":\"search-bar\",\"label\":_vm.searchLabel,\"single-line\":\"\",\"hide-details\":\"\",\"clearable\":\"\",\"dense\":\"\",\"outlined\":\"\",\"background-color\":\"white\",\"light\":\"\",\"color\":\"msaBlue\",\"disabled\":_vm.disabled,\"data-testid\":\"search-bar\"},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.onSearch.apply(null, arguments)},\"click:clear\":function($event){return _vm.clearSearch()}},model:{value:(_vm.search),callback:function ($$v) {_vm.search=$$v},expression:\"search\"}})],1),_c('v-col',{staticClass:\"shrink\"},[_c('v-btn',{staticClass:\"msaBlue white--text search-bar-btn\",style:({\n          background: 'linear-gradient(to bottom,  #0a5fb1 0%,#093f79 100%)',\n        }),attrs:{\"height\":\"40\",\"elevation\":\"0\",\"disabled\":_vm.disabled,\"data-test-id\":\"search-button\",\"data-testid\":\"search-button\"},on:{\"click\":_vm.onSearch}},[_c('v-icon',[_vm._v(\" mdi-magnify \")])],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-container fluid class=\"pa-0\">\n    <v-row no-gutters>\n      <v-col class=\"grow\">\n        <v-text-field\n          v-if=\"usingVModel\"\n          @change=\"$emit('input', $event)\"\n          @click:clear=\"\n            $emit('input', null);\n            $emit('search');\n          \"\n          @keyup.enter=\"onSearchForVModel\"\n          :disabled=\"disabled\"\n          :label=\"searchLabel\"\n          :value=\"value\"\n          background-color=\"white\"\n          class=\"search-bar\"\n          clearable\n          color=\"msaBlue\"\n          dense\n          hide-details\n          light\n          outlined\n          single-line\n        />\n        <v-text-field\n          v-else\n          v-model=\"search\"\n          id=\"search-bar\"\n          :label=\"searchLabel\"\n          single-line\n          hide-details\n          clearable\n          @keyup.enter=\"onSearch\"\n          @click:clear=\"clearSearch()\"\n          dense\n          outlined\n          background-color=\"white\"\n          light\n          color=\"msaBlue\"\n          class=\"search-bar\"\n          :disabled=\"disabled\"\n          data-testid=\"search-bar\"\n        />\n      </v-col>\n      <v-col class=\"shrink\">\n        <v-btn\n          height=\"40\"\n          class=\"msaBlue white--text search-bar-btn\"\n          @click=\"onSearch\"\n          :style=\"{\n            background: 'linear-gradient(to bottom,  #0a5fb1 0%,#093f79 100%)',\n          }\"\n          elevation=\"0\"\n          :disabled=\"disabled\"\n          data-test-id=\"search-button\"\n          data-testid=\"search-button\"\n        >\n          <v-icon> mdi-magnify </v-icon>\n        </v-btn>\n      </v-col>\n    </v-row>\n  </v-container>\n</template>\n<script>\n/**\n * This is the standard search bar for use in CHT.\n *\n * It can either be used with v-model, or it can contain its own search text\n * state and emit it upon hitting the search button.\n *\n * @emits search on hitting the button or the enter key\n */\nexport default {\n  name: 'SearchBar',\n  props: {\n    searchLabel: {\n      type: String,\n      default: 'Search',\n    },\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n    /** Set to true if you want to use this component with v-model */\n    usingVModel: {\n      type: Boolean,\n      default: false,\n    },\n    value: {\n      type: String,\n    },\n  },\n  data() {\n    return {\n      search: '',\n    };\n  },\n  methods: {\n    /** @deprecated you should use this component with v-model */\n    onSearch() {\n      if (this.search == null || this.search.trim().length == 0) {\n        this.search = '';\n      }\n      this.$emit('search', this.search);\n    },\n    onSearchForVModel() {\n      if (!this.value || this.value.trim().length == 0) {\n        this.$emit('input', null);\n        this.$emit('search', this.value);\n        return;\n      }\n      this.$emit('search', this.value);\n    },\n    /** @deprecated you should use this component with v-model */\n    clearSearch() {\n      this.search = '';\n      this.onSearch();\n    },\n    /**\n     * DO NOT remove this method - it's OFTEN called externally with $refs\n     * @deprecated you should use this component with v-model, and avoid\n     * accessing its private methods with $refs...\n     */\n    setSearch(data) {\n      this.search = data;\n    },\n  },\n};\n</script>\n<style>\n.search-bar {\n  border-bottom-right-radius: 0 !important;\n  border-top-right-radius: 0 !important;\n}\n.search-bar-btn {\n  border-bottom-left-radius: 0 !important;\n  border-top-left-radius: 0 !important;\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!./SearchBar.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!./SearchBar.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./SearchBar.vue?vue&type=template&id=0daaf0f2\"\nimport script from \"./SearchBar.vue?vue&type=script&lang=js\"\nexport * from \"./SearchBar.vue?vue&type=script&lang=js\"\nimport style0 from \"./SearchBar.vue?vue&type=style&index=0&id=0daaf0f2&prod&lang=css\"\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","import './VTooltip.sass'\n\n// Mixins\nimport Activatable from '../../mixins/activatable'\nimport Colorable from '../../mixins/colorable'\nimport Delayable from '../../mixins/delayable'\nimport Dependent from '../../mixins/dependent'\nimport Menuable from '../../mixins/menuable'\n\n// Helpers\nimport { convertToUnit, keyCodes, getSlotType } from '../../util/helpers'\nimport { consoleError } from '../../util/console'\n\n// Types\nimport { VNode } from 'vue'\nimport mixins from '../../util/mixins'\n\n/* @vue/component */\nexport default mixins(Colorable, Delayable, Dependent, Menuable).extend({\n  name: 'v-tooltip',\n\n  props: {\n    closeDelay: {\n      type: [Number, String],\n      default: 0,\n    },\n    disabled: Boolean,\n    openDelay: {\n      type: [Number, String],\n      default: 0,\n    },\n    openOnHover: {\n      type: Boolean,\n      default: true,\n    },\n    openOnFocus: {\n      type: Boolean,\n      default: true,\n    },\n    tag: {\n      type: String,\n      default: 'span',\n    },\n    transition: String,\n  },\n\n  data: () => ({\n    calculatedMinWidth: 0,\n    closeDependents: false,\n  }),\n\n  computed: {\n    calculatedLeft (): string {\n      const { activator, content } = this.dimensions\n      const unknown = !this.bottom && !this.left && !this.top && !this.right\n      const activatorLeft = this.attach !== false ? activator.offsetLeft : activator.left\n      let left = 0\n\n      if (this.top || this.bottom || unknown) {\n        left = (\n          activatorLeft +\n          (activator.width / 2) -\n          (content.width / 2)\n        )\n      } else if (this.left || this.right) {\n        left = (\n          activatorLeft +\n          (this.right ? activator.width : -content.width) +\n          (this.right ? 10 : -10)\n        )\n      }\n\n      if (this.nudgeLeft) left -= parseInt(this.nudgeLeft)\n      if (this.nudgeRight) left += parseInt(this.nudgeRight)\n\n      return `${this.calcXOverflow(left, this.dimensions.content.width)}px`\n    },\n    calculatedTop (): string {\n      const { activator, content } = this.dimensions\n      const activatorTop = this.attach !== false ? activator.offsetTop : activator.top\n      let top = 0\n\n      if (this.top || this.bottom) {\n        top = (\n          activatorTop +\n          (this.bottom ? activator.height : -content.height) +\n          (this.bottom ? 10 : -10)\n        )\n      } else if (this.left || this.right) {\n        top = (\n          activatorTop +\n          (activator.height / 2) -\n          (content.height / 2)\n        )\n      }\n\n      if (this.nudgeTop) top -= parseInt(this.nudgeTop)\n      if (this.nudgeBottom) top += parseInt(this.nudgeBottom)\n      if (this.attach === false) top += this.pageYOffset\n\n      return `${this.calcYOverflow(top)}px`\n    },\n    classes (): object {\n      return {\n        'v-tooltip--top': this.top,\n        'v-tooltip--right': this.right,\n        'v-tooltip--bottom': this.bottom,\n        'v-tooltip--left': this.left,\n        'v-tooltip--attached':\n          this.attach === '' ||\n          this.attach === true ||\n          this.attach === 'attach',\n      }\n    },\n    computedTransition (): string {\n      if (this.transition) return this.transition\n\n      return this.isActive ? 'scale-transition' : 'fade-transition'\n    },\n    offsetY (): boolean {\n      return this.top || this.bottom\n    },\n    offsetX (): boolean {\n      return this.left || this.right\n    },\n    styles (): object {\n      return {\n        left: this.calculatedLeft,\n        maxWidth: convertToUnit(this.maxWidth),\n        minWidth: convertToUnit(this.minWidth),\n        top: this.calculatedTop,\n        zIndex: this.zIndex || this.activeZIndex,\n      }\n    },\n  },\n\n  beforeMount () {\n    this.$nextTick(() => {\n      this.value && this.callActivate()\n    })\n  },\n\n  mounted () {\n    if (getSlotType(this, 'activator', true) === 'v-slot') {\n      consoleError(`v-tooltip's activator slot must be bound, try '<template #activator=\"data\"><v-btn v-on=\"data.on>'`, this)\n    }\n  },\n\n  methods: {\n    activate () {\n      // Update coordinates and dimensions of menu\n      // and its activator\n      this.updateDimensions()\n      // Start the transition\n      requestAnimationFrame(this.startTransition)\n    },\n    deactivate () {\n      this.runDelay('close')\n    },\n    genActivatorListeners () {\n      const listeners = Activatable.options.methods.genActivatorListeners.call(this)\n\n      if (this.openOnFocus) {\n        listeners.focus = (e: Event) => {\n          this.getActivator(e)\n          this.runDelay('open')\n        }\n        listeners.blur = (e: Event) => {\n          this.getActivator(e)\n          this.runDelay('close')\n        }\n      }\n\n      listeners.keydown = (e: KeyboardEvent) => {\n        if (e.keyCode === keyCodes.esc) {\n          this.getActivator(e)\n          this.runDelay('close')\n        }\n      }\n\n      return listeners\n    },\n    genActivatorAttributes () {\n      return {\n        'aria-haspopup': true,\n        'aria-expanded': String(this.isActive),\n      }\n    },\n    genTransition () {\n      const content = this.genContent()\n\n      if (!this.computedTransition) return content\n\n      return this.$createElement('transition', {\n        props: {\n          name: this.computedTransition,\n        },\n      }, [content])\n    },\n    genContent () {\n      return this.$createElement(\n        'div',\n        this.setBackgroundColor(this.color, {\n          staticClass: 'v-tooltip__content',\n          class: {\n            [this.contentClass]: true,\n            menuable__content__active: this.isActive,\n            'v-tooltip__content--fixed': this.activatorFixed,\n          },\n          style: this.styles,\n          attrs: this.getScopeIdAttrs(),\n          directives: [{\n            name: 'show',\n            value: this.isContentActive,\n          }],\n          ref: 'content',\n        }),\n        this.getContentSlot()\n      )\n    },\n  },\n\n  render (h): VNode {\n    return h(this.tag, {\n      staticClass: 'v-tooltip',\n      class: this.classes,\n    }, [\n      this.showLazyContent(() => [this.genTransition()]),\n      this.genActivator(),\n    ])\n  },\n})\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-container',{attrs:{\"fluid\":\"\"}},[_c('v-row',[_c('v-col',[_c('SearchBar',{ref:\"searchBar\",attrs:{\"searchLabel\":\"Search by label...\"},on:{\"search\":function($event){return _vm.onSearch($event)}}})],1),_c('v-col',{attrs:{\"align\":\"right\"}},[_c('v-tooltip',{attrs:{\"bottom\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on }){return [_c('v-btn',_vm._g({directives:[{name:\"blur\",rawName:\"v-blur\"}],staticClass:\"msaBlue white--text\",on:{\"click\":function($event){return _vm.showDialog()}}},on),[_c('v-icon',[_vm._v(\" mdi-tag \")])],1)]}}])},[_c('span',[_vm._v(\"Attach Labels\")])])],1)],1),_c('v-row',[_c('v-col',[_c('v-card',[_c('v-data-table',{attrs:{\"headers\":_vm.headers,\"footer-props\":_vm.$constants.PAGINATION.DEFAULT_FOOTER_PROPS,\"items\":_vm.items,\"server-items-length\":_vm.itemsCount,\"options\":_vm.options},on:{\"update:options\":function($event){_vm.options=$event}},scopedSlots:_vm._u([{key:`item.actions`,fn:function({ item }){return [_c('v-tooltip',{attrs:{\"bottom\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on }){return [_c('v-btn',_vm._g({directives:[{name:\"blur\",rawName:\"v-blur\"}],attrs:{\"text\":\"\",\"small\":\"\"},on:{\"click\":function($event){return _vm.detachLabel(item.id)}}},on),[_c('v-icon',{attrs:{\"color\":\"red\"}},[_vm._v(\" mdi-tag-off \")])],1)]}}],null,true)},[_c('span',[_vm._v(\"Detach\")])])]}}],null,true)})],1)],1)],1),_c('v-dialog',{attrs:{\"width\":\"500\",\"persistent\":\"\"},model:{value:(_vm.attachLabelsDialog),callback:function ($$v) {_vm.attachLabelsDialog=$$v},expression:\"attachLabelsDialog\"}},[_c('v-card',[_c('v-card-title',{staticClass:\"msaBlue white--text\"},[_vm._v(\" Attach Labels \")]),_c('v-card-text',{staticClass:\"mt-4\"},[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('SearchBar',{ref:\"searchBar\",attrs:{\"searchLabel\":\"Search by label...\"},on:{\"search\":function($event){return _vm.onSearchAvailable($event)}}})],1),_c('v-col',[_c('v-card',[_c('v-data-table',{staticClass:\"colored-table-check-box\",attrs:{\"show-select\":\"\",\"headers\":_vm.headers,\"footer-props\":_vm.$constants.PAGINATION.DEFAULT_FOOTER_PROPS,\"items\":_vm.availableItems,\"server-items-length\":_vm.availableItemsCount,\"options\":_vm.availableItemsOptions,\"checkbox-color\":\"msaBlue\"},on:{\"update:options\":function($event){_vm.availableItemsOptions=$event}},model:{value:(_vm.selected),callback:function ($$v) {_vm.selected=$$v},expression:\"selected\"}})],1)],1)],1)],1),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{attrs:{\"text\":\"\",\"color\":\"red\"},on:{\"click\":function($event){return _vm.closeDialog()}}},[_vm._v(\"cancel\")]),_c('v-btn',{staticClass:\"msaBlue white--text\",attrs:{\"disabled\":_vm.selected.length == 0},on:{\"click\":function($event){return _vm.attachLabels()}}},[_vm._v(\"confirm\")])],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-container fluid>\n    <v-row>\n      <v-col>\n        <SearchBar\n          ref=\"searchBar\"\n          @search=\"onSearch($event)\"\n          searchLabel=\"Search by label...\"\n        />\n      </v-col>\n      <v-col align=\"right\">\n        <v-tooltip bottom>\n          <template v-slot:activator=\"{ on }\">\n            <v-btn\n              v-blur\n              class=\"msaBlue white--text\"\n              v-on=\"on\"\n              @click=\"showDialog()\"\n            >\n              <v-icon> mdi-tag </v-icon>\n            </v-btn>\n          </template>\n          <span>Attach Labels</span>\n        </v-tooltip>\n      </v-col>\n    </v-row>\n    <v-row>\n      <v-col>\n        <v-card>\n          <v-data-table\n            :headers=\"headers\"\n            :footer-props=\"$constants.PAGINATION.DEFAULT_FOOTER_PROPS\"\n            :items=\"items\"\n            :server-items-length=\"itemsCount\"\n            :options.sync=\"options\"\n          >\n            <template v-slot:[`item.actions`]=\"{ item }\">\n              <v-tooltip bottom>\n                <template v-slot:activator=\"{ on }\">\n                  <v-btn\n                    v-blur\n                    text\n                    small\n                    v-on=\"on\"\n                    @click=\"detachLabel(item.id)\"\n                  >\n                    <v-icon color=\"red\"> mdi-tag-off </v-icon>\n                  </v-btn>\n                </template>\n                <span>Detach</span>\n              </v-tooltip>\n            </template>\n          </v-data-table>\n        </v-card>\n      </v-col>\n    </v-row>\n\n    <v-dialog v-model=\"attachLabelsDialog\" width=\"500\" persistent>\n      <v-card>\n        <v-card-title class=\"msaBlue white--text\"> Attach Labels </v-card-title>\n        <v-card-text class=\"mt-4\">\n          <v-row>\n            <v-col cols=\"12\">\n              <SearchBar\n                ref=\"searchBar\"\n                @search=\"onSearchAvailable($event)\"\n                searchLabel=\"Search by label...\"\n              />\n            </v-col>\n            <v-col>\n              <v-card>\n                <v-data-table\n                  class=\"colored-table-check-box\"\n                  show-select\n                  v-model=\"selected\"\n                  :headers=\"headers\"\n                  :footer-props=\"$constants.PAGINATION.DEFAULT_FOOTER_PROPS\"\n                  :items=\"availableItems\"\n                  :server-items-length=\"availableItemsCount\"\n                  :options.sync=\"availableItemsOptions\"\n                  checkbox-color=\"msaBlue\"\n                >\n                </v-data-table>\n              </v-card>\n            </v-col>\n          </v-row>\n        </v-card-text>\n\n        <v-card-actions>\n          <v-spacer></v-spacer>\n          <v-btn text color=\"red\" @click=\"closeDialog()\">cancel</v-btn>\n          <v-btn\n            class=\"msaBlue white--text\"\n            @click=\"attachLabels()\"\n            :disabled=\"selected.length == 0\"\n            >confirm</v-btn\n          >\n        </v-card-actions>\n      </v-card>\n    </v-dialog>\n  </v-container>\n</template>\n\n<script>\nimport SearchBar from '@/components/SearchBar.vue';\nexport default {\n  name: 'PublicFormTemplateLabels',\n  components: {\n    SearchBar,\n  },\n  data() {\n    return {\n      items: [],\n      itemsCount: 0,\n      options: this.$helpers.defaultTableOptions('name', false),\n      headers: [\n        {\n          text: 'Name',\n          value: 'name',\n          align: 'start',\n          class: 'lightGrey',\n        },\n        {\n          text: 'Actions',\n          value: 'actions',\n          align: 'center',\n          class: 'lightGrey',\n          sortable: false,\n          width: '140px',\n        },\n      ],\n      search: '',\n      attachLabelsDialog: false,\n      availableItems: [],\n      availableItemsCount: 0,\n      availableItemsOptions: this.$helpers.defaultTableOptions('name', false),\n      availableItemsHeader: [\n        {\n          text: 'Name',\n          value: 'name',\n          align: 'start',\n          class: 'lightGrey',\n        },\n      ],\n      selected: [],\n      searchAvailable: '',\n    };\n  },\n  methods: {\n    getItems() {\n      const params = {\n        search: this.search,\n        loaderText: 'loading...',\n        id: this.$store.getters.selectedFormTemplate.id,\n        options: this.options,\n      };\n\n      this.$axios\n        .post('get-public-form-template-labels?format=json', params)\n        .then((response) => {\n          this.items = response.data.items;\n          this.itemsCount = response.data.itemsCount;\n        })\n        .catch((error) => error);\n    },\n    onSearch(event) {\n      this.search = event;\n      this.options.page = 1;\n      this.getItems();\n    },\n    onSearchAvailable(event) {\n      this.searchAvailable = event;\n      this.availableItemsOptions.page = 1;\n      this.getAvailableLabels();\n    },\n    detachLabel(labelId) {\n      const confirm = () => {\n        const params = {\n          loaderText: 'loading...',\n          labelId,\n          publicFormTemplateId: this.$store.getters.selectedFormTemplate.id,\n        };\n        const url = 'detach-label-from-public-form-template?format=json';\n        this.$axios\n          .post(url, params)\n          .then(() => this.getItems())\n          .catch((error) => error);\n      };\n\n      this.$root.showMessage(\n        'Confirm',\n        'Are you sure you want to detach this label?',\n        () => confirm(),\n        () => false,\n        'Confirm',\n        'Cancel',\n      );\n    },\n    getAvailableLabels() {\n      const params = {\n        search: this.searchAvailable,\n        loaderText: 'loading...',\n        id: this.$store.getters.selectedFormTemplate.id,\n        options: this.availableItemsOptions,\n      };\n\n      return this.$axios\n        .post(\n          'get-available-labels-for-public-form-template?format=json',\n          params,\n        )\n        .then((response) => {\n          this.availableItems = response.data.items;\n          this.availableItemsCount = response.data.itemsCount;\n        })\n        .catch((error) => error);\n    },\n    showDialog() {\n      this.getAvailableLabels().then(() => (this.attachLabelsDialog = true));\n    },\n    closeDialog() {\n      this.selected = [];\n      this.attachLabelsDialog = false;\n    },\n    attachLabels() {\n      const params = {\n        loaderText: 'loading...',\n        id: this.$store.getters.selectedFormTemplate.id,\n        labelIds: this.selected.map((s) => s.id),\n      };\n      const url = 'attach-labels-to-public-form-template?format=json';\n      this.$axios\n        .post(url, params)\n        .then(() => {\n          this.closeDialog();\n          this.getItems();\n        })\n        .catch((error) => error);\n    },\n  },\n  mounted() {\n    this.getItems();\n  },\n};\n</script>\n\n<style></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!./PublicFormTemplateLabels.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!./PublicFormTemplateLabels.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PublicFormTemplateLabels.vue?vue&type=template&id=290c2ed4\"\nimport script from \"./PublicFormTemplateLabels.vue?vue&type=script&lang=js\"\nexport * from \"./PublicFormTemplateLabels.vue?vue&type=script&lang=js\"\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":""}