{"version":3,"sources":["webpack:///./src/components/field/MoreFields.vue","webpack:///src/components/field/MoreFields.vue","webpack:///./src/components/field/MoreFields.vue?496e","webpack:///./src/components/field/MoreFields.vue?4d85"],"names":["scopedSlots","_vm","_v","proxy","fn","on","key","attrs","model","value","selectedMoreFields","expression","directives","rawName","hasError","_c","onOk","name","components","BaseTooltipButton","LayoutDialog","FieldBrowser","BaseAlert","data","iconAdd","iconClose","undefined","props","fields","type","Array","required","default","error","String","computed","commandOkLabel","commandCancelLabel","commandCloseSearchDialogTooltip","selectedMoreFieldCount","_this$selectedMoreFie","_this$selectedMoreFie2","length","addMoreFieldsDialogTitle","currentError","methods","$emit","eventNames","dialogOK","onCancel","dialogCancel","component","staticRenderFns"],"mappings":"qJAA4D,EAAU,W,IAAiBA,O,EAAwB,EAAC,MAAO,G,OAAG,EAAC,gBAAU,C,YAASC,EAAIC,GAAG,EAA8C,IAAC,QAACC,cAAY,wDAAgBC,OAAG,G,CAAuD,IAAC,WAACD,cAAY,uCAAqBC,OAAG,G,KAA6CC,gB,oBAAyB,0BAACL,IAAqBM,MAAI,Y,YAAkCL,EAAIC,GAAG,EAA+B,IAAC,YAACC,cAAY,yCAAeC,OAAG,G,CAA+E,IAAC,UAACD,cAAY,+DAAK,gBAA4BC,OAAG,G,KAAuCG,U,oBAA2B,oBAACC,MAAM,CAACC,OAAU,EAACC,Q,MAAgD,CAAuB,MAAC,qBAACC,SAAU,SAAC,GAAoB,wBAAkBC,WAAY,wBAAaC,SAAQ,C,WAAmB,CAACC,CAAUH,YAAsB,iBAAII,MAAG,WAA8BR,WAAM,cAAqB,2BAACC,MAAM,CAACC,aAAWK,G,MAAsC,CAAa,MAAC,WAACH,SAAU,SAAC,GAAU,cAA4C,wBAAa,oCAAeP,OAAG,G,KAA6CG,U,oBAAmD,0BAACF,MAAG,CAAC,SAAYW,IAAD,EAACA,wBAAM,GAAEf,CAAyE,MAAC,SAAqB,iEAAE,GAAEA,CAAkD,mBAAa,8CACh7C,e,6BC4Dc,GACfgB,KAAA,aACAC,WAAA,CACAC,sBACA,gDACAC,iBACA,gDACAC,iBAAA,qFACAC,cAAA,iDAEAC,OACA,OACAC,eACAC,iBACAf,wBAAAgB,IAGAC,MAAA,CACAC,OAAA,CACAC,KAAAC,MACAC,UAAA,EACAC,YAAA,IAEAC,MAAA,CACAJ,KAAAK,OACAF,aAAAN,IAGAS,SAAA,CACAC,iBACA,aAEAC,qBACA,gBAEAC,kCACA,sCAMAC,yBAAA,IAAAC,EAAAC,EACA,eAAAD,EAAA,QAAAC,EAAA,KAAA/B,0BAAA,IAAA+B,OAAA,EAAAA,EAAAC,cAAA,IAAAF,IAAA,GAMAG,2BACA,YAAAJ,wBACA,OACA,sBAEA,OACA,kBAAAA,wCAEA,QACA,kBAAAA,2CAIAK,eACA,YAAAX,OAEAnB,WACA,aAAAmB,QAGAY,QAAA,CACA7B,OACA,KAAA8B,MAAAC,OAAAC,SAAA,KAAAtC,qBAEAuC,WACA,KAAAH,MAAAC,OAAAG,iBCvIkW,I,YCO9VC,EAAY,eACd,EACA,EACAC,GACA,EACA,KACA,WACA,MAIa,aAAAD,E","file":"js/chunk-2d0ac54e.82201c3f.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('layout-dialog',{scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.addMoreFieldsDialogTitle)+\" \")]},proxy:true},{key:\"iconName\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.iconAdd)+\" \")]},proxy:true},{key:\"iconCrossName\",fn:function(){return [_c('base-tooltip-button',{on:{\"click\":_vm.onCancel},scopedSlots:_vm._u([{key:\"icon-name\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.iconClose)+\" \")]},proxy:true},{key:\"toolTip\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.commandCloseSearchDialogTooltip)+\" \")]},proxy:true}])})]},proxy:true},{key:\"default\",fn:function(){return [_c('field-browser',{attrs:{\"fields\":_vm.fields},model:{value:(_vm.selectedMoreFields),callback:function ($$v) {_vm.selectedMoreFields=$$v},expression:\"selectedMoreFields\"}}),_c('v-sheet',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.hasError),expression:\"hasError\"}]},[_c('v-divider'),_c('base-alert',{attrs:{\"dismissible\":false},model:{value:(_vm.hasError),callback:function ($$v) {_vm.hasError=$$v},expression:\"hasError\"}},[_vm._v(_vm._s(_vm.currentError))])],1)]},proxy:true},{key:\"actions\",fn:function(){return [_c('base-tooltip-button',{attrs:{\"disabled\":_vm.selectedMoreFieldCount === 0},on:{\"click\":_vm.onOk}},[_vm._v(\" \"+_vm._s(_vm.commandOkLabel)+\" \")]),_c('base-tooltip-button',{on:{\"click\":_vm.onCancel}},[_vm._v(\" \"+_vm._s(_vm.commandCancelLabel)+\" \")])]},proxy:true}])})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <layout-dialog>\r\n    <!-- More Fields Dialog Title -->\r\n    <template v-slot:title>\r\n      {{ addMoreFieldsDialogTitle }}\r\n    </template>\r\n\r\n    <!-- More Fields Dialog Icon -->\r\n    <template v-slot:iconName>\r\n      {{ iconAdd }}\r\n    </template>\r\n\r\n    <!-- Close Search Dialog -->\r\n    <template #iconCrossName>\r\n      <base-tooltip-button @click=\"onCancel\">\r\n        <template v-slot:icon-name>\r\n          {{ iconClose }}\r\n        </template>\r\n        <template v-slot:toolTip>\r\n          {{ commandCloseSearchDialogTooltip }}\r\n        </template>\r\n      </base-tooltip-button>\r\n    </template>\r\n\r\n    <!-- More Fields Dialog Context -->\r\n    <template v-slot:default>\r\n      <!-- field browser -->\r\n      <field-browser v-model=\"selectedMoreFields\" :fields=\"fields\">\r\n      </field-browser>\r\n\r\n      <!-- Error display -->\r\n      <v-sheet v-show=\"hasError\">\r\n        <v-divider></v-divider>\r\n\r\n        <base-alert v-model=\"hasError\" :dismissible=\"false\">{{\r\n          currentError\r\n        }}</base-alert>\r\n      </v-sheet>\r\n    </template>\r\n\r\n    <!-- More Fields Dialog Actions -->\r\n    <template v-slot:actions>\r\n      <base-tooltip-button\r\n        :disabled=\"selectedMoreFieldCount === 0\"\r\n        @click=\"onOk\"\r\n      >\r\n        {{ commandOkLabel }}\r\n      </base-tooltip-button>\r\n\r\n      <!-- Close More Fields Dialog -->\r\n      <base-tooltip-button @click=\"onCancel\">\r\n        {{ commandCancelLabel }}\r\n      </base-tooltip-button>\r\n    </template>\r\n  </layout-dialog>\r\n</template>\r\n\r\n<script>\r\nimport { iconAdd, iconClose } from \"@/design/icon/iconConst\";\r\nimport { eventNames } from \"@/model/common/events/eventConst\";\r\n\r\nexport default {\r\n  name: \"MoreFields\",\r\n  components: {\r\n    BaseTooltipButton: () =>\r\n      import(\"@/components/shared/base/BaseTooltipButton\"),\r\n    LayoutDialog: () =>\r\n      import(\"@/components/shared/core/layout/dialog/LayoutDialog\"),\r\n    FieldBrowser: () => import(\"@/components/field/FieldBrowser\"),\r\n    BaseAlert: () => import(\"@/components/shared/base/BaseAlert\")\r\n  },\r\n  data() {\r\n    return {\r\n      iconAdd: iconAdd,\r\n      iconClose: iconClose,\r\n      selectedMoreFields: undefined\r\n    };\r\n  },\r\n  props: {\r\n    fields: {\r\n      type: Array,\r\n      required: true,\r\n      default: () => []\r\n    },\r\n    error: {\r\n      type: String,\r\n      default: undefined\r\n    }\r\n  },\r\n  computed: {\r\n    commandOkLabel() {\r\n      return \"Add\";\r\n    },\r\n    commandCancelLabel() {\r\n      return \"Cancel\";\r\n    },\r\n    commandCloseSearchDialogTooltip() {\r\n      return \"Close Add More Fields Dialog\";\r\n    },\r\n    /**\r\n     * selected Browsable Field Count\r\n     * @return {number}\r\n     */\r\n    selectedMoreFieldCount() {\r\n      return this.selectedMoreFields?.length ?? 0;\r\n    },\r\n    /**\r\n     * add More Fields Dialog Title\r\n     * @return {string}\r\n     */\r\n    addMoreFieldsDialogTitle() {\r\n      switch (this.selectedMoreFieldCount) {\r\n        case 0: {\r\n          return \"Select Fields\";\r\n        }\r\n        case 1: {\r\n          return `Add ${this.selectedMoreFieldCount} Selected Field`;\r\n        }\r\n        default: {\r\n          return `Add ${this.selectedMoreFieldCount} Selected Fields`;\r\n        }\r\n      }\r\n    },\r\n    currentError() {\r\n      return this.error;\r\n    },\r\n    hasError() {\r\n      return !!this.error;\r\n    }\r\n  },\r\n  methods: {\r\n    onOk() {\r\n      this.$emit(eventNames.dialogOK, this.selectedMoreFields);\r\n    },\r\n    onCancel() {\r\n      this.$emit(eventNames.dialogCancel);\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style scoped></style>\r\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!./MoreFields.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!./MoreFields.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./MoreFields.vue?vue&type=template&id=08ad0bfd&scoped=true\"\nimport script from \"./MoreFields.vue?vue&type=script&lang=js\"\nexport * from \"./MoreFields.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  \"08ad0bfd\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}