tg-controls_cli 0.0.96 → 0.0.98

package/dist/myLib.umd.js

@@ -344,7 +344,7 @@ var buildURL = __webpack_require__("30b5");
 var InterceptorManager = __webpack_require__("f6b4");
 var dispatchRequest = __webpack_require__("5270");
 var mergeConfig = __webpack_require__("4a7b");
-var buildFullPath = __webpack_require__("83b9");
+var buildFullPath = __webpack_require__("83b9e");
 var validator = __webpack_require__("848b");
 
 var validators = validator.validators;
@@ -1017,6 +1017,46 @@ function once(func) {
 module.exports = once;
 
 
+/***/ }),
+
+/***/ "1e5a":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var $ = __webpack_require__("23e7");
+var symmetricDifference = __webpack_require__("9961");
+var setMethodAcceptSetLike = __webpack_require__("dad2");
+
+// `Set.prototype.symmetricDifference` method
+// https://tc39.es/ecma262/#sec-set.prototype.symmetricdifference
+$({ target: 'Set', proto: true, real: true, forced: !setMethodAcceptSetLike('symmetricDifference') }, {
+  symmetricDifference: symmetricDifference
+});
+
+
+/***/ }),
+
+/***/ "1e70":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var $ = __webpack_require__("23e7");
+var difference = __webpack_require__("a5f7");
+var setMethodAcceptSetLike = __webpack_require__("dad2");
+
+var INCORRECT = !setMethodAcceptSetLike('difference', function (result) {
+  return result.size === 0;
+});
+
+// `Set.prototype.difference` method
+// https://tc39.es/ecma262/#sec-set.prototype.difference
+$({ target: 'Set', proto: true, real: true, forced: INCORRECT }, {
+  difference: difference
+});
+
+
 /***/ }),
 
 /***/ "1fb5":
@@ -1662,6 +1702,25 @@ module.exports = JSON.parse("{\"code\":\"bg\",\"messages\":{\"alpha\":\"Поле
 
 module.exports = JSON.parse("{\"code\":\"pt_PT\",\"messages\":{\"alpha\":\"O campo {_field_} deve conter somente letras\",\"alpha_dash\":\"O campo {_field_} deve conter letras, números e traços\",\"alpha_num\":\"O campo {_field_} deve conter somente letras e números\",\"alpha_spaces\":\"O {_field_} só pode conter caracteres alfabéticos e espaços\",\"between\":\"O campo {_field_} deve estar entre {min} e {max}\",\"confirmed\":\"A confirmação do campo {_field_} deve ser igual\",\"digits\":\"O campo {_field_} deve ser numérico e ter {length} dígitos\",\"dimensions\":\"O campo {_field_} deve ter {width} pixels de largura por {height} pixels de altura\",\"email\":\"O campo {_field_} deve ser um email válido\",\"excluded\":\"O campo {_field_} deve ser um valor válido\",\"ext\":\"O campo {_field_} deve ser um ficheiro válido\",\"image\":\"O campo {_field_} deve ser uma imagem\",\"is\":\"O valor inserido no campo {_field_} não é válido\",\"oneOf\":\"O campo {_field_} deve ter um valor válido\",\"max\":\"O campo {_field_} não deve ter mais que {length} caracteres\",\"max_value\":\"O campo {_field_} precisa ser {max} ou menor\",\"mimes\":\"O campo {_field_} deve ser um tipo de ficheiro válido\",\"min\":\"O campo {_field_} deve conter pelo menos {length} caracteres\",\"min_value\":\"O campo {_field_} precisa ser {min} ou maior\",\"numeric\":\"O campo {_field_} deve conter apenas números\",\"regex\":\"O campo {_field_} possui um formato inválido\",\"required\":\"O campo {_field_} é obrigatório\",\"required_if\":\"O campo {_field_} é obrigatório\",\"size\":\"O campo {_field_} deve ser menor que {size}KB\",\"double\":\"O campo {_field_} deve conter um numero decimal válido\"}}");
 
+/***/ }),
+
+/***/ "34e1":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var call = __webpack_require__("c65b");
+var anObject = __webpack_require__("825a");
+var getIteratorDirect = __webpack_require__("46c4");
+var getIteratorMethod = __webpack_require__("35a1");
+
+module.exports = function (obj, stringHandling) {
+  if (!stringHandling || typeof obj !== 'string') anObject(obj);
+  var method = getIteratorMethod(obj);
+  return getIteratorDirect(anObject(method !== undefined ? call(method, obj) : obj));
+};
+
+
 /***/ }),
 
 /***/ "3511":
@@ -1785,6 +1844,28 @@ exports.f = DESCRIPTORS && !V8_PROTOTYPE_DEFINE_BUG ? Object.defineProperties :
 };
 
 
+/***/ }),
+
+/***/ "384f":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var uncurryThis = __webpack_require__("e330");
+var iterateSimple = __webpack_require__("5388");
+var SetHelpers = __webpack_require__("cb27");
+
+var Set = SetHelpers.Set;
+var SetPrototype = SetHelpers.proto;
+var forEach = uncurryThis(SetPrototype.forEach);
+var keys = uncurryThis(SetPrototype.keys);
+var next = keys(new Set()).next;
+
+module.exports = function (set, fn, interruptible) {
+  return interruptible ? iterateSimple({ iterator: keys(set), next: next }, fn) : forEach(set, fn);
+};
+
+
 /***/ }),
 
 /***/ "38a9":
@@ -1868,6 +1949,33 @@ module.exports = (
 );
 
 
+/***/ }),
+
+/***/ "395e":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var aSet = __webpack_require__("dc19");
+var has = __webpack_require__("cb27").has;
+var size = __webpack_require__("8e16");
+var getSetRecord = __webpack_require__("7f65");
+var iterateSimple = __webpack_require__("5388");
+var iteratorClose = __webpack_require__("2a62");
+
+// `Set.prototype.isSupersetOf` method
+// https://tc39.github.io/proposal-set-methods/#Set.prototype.isSupersetOf
+module.exports = function isSupersetOf(other) {
+  var O = aSet(this);
+  var otherRec = getSetRecord(other);
+  if (size(O) < otherRec.size) return false;
+  var iterator = otherRec.getIterator();
+  return iterateSimple(iterator, function (e) {
+    if (!has(O, e)) return iteratorClose(iterator, 'normal', false);
+  }) !== false;
+};
+
+
 /***/ }),
 
 /***/ "3a34":
@@ -23827,6 +23935,26 @@ module.exports = function dispatchRequest(config) {
 
 module.exports = JSON.parse("{\"code\":\"ne\",\"messages\":{\"alpha\":\"{_field_} फिल्डले वर्णमाला अक्षरहरू मात्र समावेश गर्न सक्छ।\",\"alpha_dash\":\"{_field_} फील्डलमा वर्ण-संख्या अक्षरहरू साथै ड्याश र अन्डरसेर्सहरू समावेश गर्न सक्छ।\",\"alpha_num\":\"{_field_} फील्डमा वर्ण-संख्या अक्षरहरू मात्र समावेश गर्न सक्छ।\",\"alpha_spaces\":\"{_field_} फिल्डमा वर्णमाला अक्षरहरू र स्पेसहरूमा मात्र समावेश गर्न सक्छ।\",\"between\":\"{_field_} फिल्ड {min} र {max} को बीच हुनुपर्दछ।\",\"confirmed\":\"{_field_} पुष्टिकरण मेल खाँदैन।\",\"digits\":\"{_field_} फिल्ड संख्यात्मक हुनुपर्छ र {length} अङ्क समावेश गर्दछ।\",\"dimensions\":\"{_field_} फिल्ड {width} पिक्सेलमा {height} पिक्सेल हुनु पर्दछ।\",\"email\":\"{_field_} फिल्ड मान्य ईमेल हुनु पर्छ।\",\"excluded\":\"{_field_} फिल्ड मान्य मान हुनुपर्छ।\",\"ext\":\"{_field_} फिल्ड मान्य फाइल हुनु पर्छ।\",\"image\":\"{_field_} फिल्ड मान्य फोटो हुनु पर्छ।\",\"oneOf\":\"{_field_} फिल्ड मान्य परिमाण हुनु पर्छ।\",\"integer\":\"{_field_} फिल्ड मान्य पूर्णांक हुनु पर्छ।\",\"length\":\"{_field_} लम्बाई {length} हुनुपर्दछ।\",\"max\":\"{_field_} फिल्ड {length} अक्षरहरू भन्दा ठूलो हुन सक्छ।\",\"max_value\":\"{_field_} फिल्ड {max} वा कम हुनुपर्दछ।\",\"mimes\":\"{_field_} फिल्ड मान्य फाइल प्रकार हुनु पर्दछ।\",\"min\":\"{_field_} फिल्ड कम्तिमा {length} अक्षरहरू हुनुपर्दछ।\",\"min_value\":\"{_field_} इमेल फिल्ड {min} वा बढी हुनुपर्दछ।\",\"numeric\":\"{_field_} फिल्डले संख्यात्मक अक्षरहरूमा मात्र समावेश गर्न सक्छ।\",\"regex\":\"{_field_} फिल्ड ढाँचा अमान्य छ।\",\"required\":\"{_field_} फिल्ड आवश्यक छ।\",\"required_if\":\"{_field_} फिल्ड आवश्यक छ।\",\"size\":\"{_field_} परिणाम {size}KB भन्दा कम हुनुपर्दछ।\",\"double\":\"{_field_} क्षेत्र वैध दशमलव हुनुपर्दछ\"}}");
 
+/***/ }),
+
+/***/ "5388":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var call = __webpack_require__("c65b");
+
+module.exports = function (record, fn, ITERATOR_INSTEAD_OF_RECORD) {
+  var iterator = ITERATOR_INSTEAD_OF_RECORD ? record : record.iterator;
+  var next = record.next;
+  var step, result;
+  while (!(step = call(next, iterator)).done) {
+    result = fn(step.value);
+    if (result !== undefined) return result;
+  }
+};
+
+
 /***/ }),
 
 /***/ "55f0":
@@ -24181,6 +24309,41 @@ function _unsupportedIterableToArray(r, a) {
 }
 module.exports = _unsupportedIterableToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
 
+/***/ }),
+
+/***/ "663a":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _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_Autocomplete_vue_vue_type_style_index_0_id_c293aa98_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("fffa");
+/* harmony import */ var _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_Autocomplete_vue_vue_type_style_index_0_id_c293aa98_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_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_Autocomplete_vue_vue_type_style_index_0_id_c293aa98_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
+/***/ }),
+
+/***/ "68df":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var aSet = __webpack_require__("dc19");
+var size = __webpack_require__("8e16");
+var iterate = __webpack_require__("384f");
+var getSetRecord = __webpack_require__("7f65");
+
+// `Set.prototype.isSubsetOf` method
+// https://tc39.github.io/proposal-set-methods/#Set.prototype.isSubsetOf
+module.exports = function isSubsetOf(other) {
+  var O = aSet(this);
+  var otherRec = getSetRecord(other);
+  if (size(O) > otherRec.size) return false;
+  return iterate(O, function (e) {
+    if (!otherRec.includes(e)) return false;
+  }, true) !== false;
+};
+
+
 /***/ }),
 
 /***/ "6964":
@@ -24393,6 +24556,24 @@ module.exports = function (object, key, method) {
 };
 
 
+/***/ }),
+
+/***/ "72c3":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var $ = __webpack_require__("23e7");
+var union = __webpack_require__("e9bc");
+var setMethodAcceptSetLike = __webpack_require__("dad2");
+
+// `Set.prototype.union` method
+// https://tc39.es/ecma262/#sec-set.prototype.union
+$({ target: 'Set', proto: true, real: true, forced: !setMethodAcceptSetLike('union') }, {
+  union: union
+});
+
+
 /***/ }),
 
 /***/ "72f0":
@@ -24550,6 +24731,85 @@ AxiosError.from = function(error, code, config, request, response, customProps)
 module.exports = AxiosError;
 
 
+/***/ }),
+
+/***/ "796d":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var $ = __webpack_require__("23e7");
+var call = __webpack_require__("c65b");
+var aCallable = __webpack_require__("59ed");
+var anObject = __webpack_require__("825a");
+var getIteratorDirect = __webpack_require__("46c4");
+var getIteratorFlattenable = __webpack_require__("34e1");
+var createIteratorProxy = __webpack_require__("c5cc");
+var iteratorClose = __webpack_require__("2a62");
+var IS_PURE = __webpack_require__("c430");
+
+var IteratorProxy = createIteratorProxy(function () {
+  var iterator = this.iterator;
+  var mapper = this.mapper;
+  var result, inner;
+
+  while (true) {
+    if (inner = this.inner) try {
+      result = anObject(call(inner.next, inner.iterator));
+      if (!result.done) return result.value;
+      this.inner = null;
+    } catch (error) { iteratorClose(iterator, 'throw', error); }
+
+    result = anObject(call(this.next, iterator));
+
+    if (this.done = !!result.done) return;
+
+    try {
+      this.inner = getIteratorFlattenable(mapper(result.value, this.counter++), false);
+    } catch (error) { iteratorClose(iterator, 'throw', error); }
+  }
+});
+
+// `Iterator.prototype.flatMap` method
+// https://tc39.es/ecma262/#sec-iterator.prototype.flatmap
+$({ target: 'Iterator', proto: true, real: true, forced: IS_PURE }, {
+  flatMap: function flatMap(mapper) {
+    anObject(this);
+    aCallable(mapper);
+    return new IteratorProxy(getIteratorDirect(this), {
+      mapper: mapper,
+      inner: null
+    });
+  }
+});
+
+
+/***/ }),
+
+/***/ "79a4":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var $ = __webpack_require__("23e7");
+var fails = __webpack_require__("d039");
+var intersection = __webpack_require__("953b");
+var setMethodAcceptSetLike = __webpack_require__("dad2");
+
+var INCORRECT = !setMethodAcceptSetLike('intersection', function (result) {
+  return result.size === 2 && result.has(1) && result.has(2);
+}) || fails(function () {
+  // eslint-disable-next-line es/no-array-from, es/no-set, es/no-set-prototype-intersection -- testing
+  return String(Array.from(new Set([1, 2, 3]).intersection(new Set([3, 2])))) !== '3,2';
+});
+
+// `Set.prototype.intersection` method
+// https://tc39.es/ecma262/#sec-set.prototype.intersection
+$({ target: 'Set', proto: true, real: true, forced: INCORRECT }, {
+  intersection: intersection
+});
+
+
 /***/ }),
 
 /***/ "7a70":
@@ -24757,6 +25017,54 @@ $({ target: 'Iterator', proto: true, real: true }, {
 });
 
 
+/***/ }),
+
+/***/ "7f65":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var aCallable = __webpack_require__("59ed");
+var anObject = __webpack_require__("825a");
+var call = __webpack_require__("c65b");
+var toIntegerOrInfinity = __webpack_require__("5926");
+var getIteratorDirect = __webpack_require__("46c4");
+
+var INVALID_SIZE = 'Invalid size';
+var $RangeError = RangeError;
+var $TypeError = TypeError;
+var max = Math.max;
+
+var SetRecord = function (set, intSize) {
+  this.set = set;
+  this.size = max(intSize, 0);
+  this.has = aCallable(set.has);
+  this.keys = aCallable(set.keys);
+};
+
+SetRecord.prototype = {
+  getIterator: function () {
+    return getIteratorDirect(anObject(call(this.keys, this.set)));
+  },
+  includes: function (it) {
+    return call(this.has, this.set, it);
+  }
+};
+
+// `GetSetRecord` abstract operation
+// https://tc39.es/proposal-set-methods/#sec-getsetrecord
+module.exports = function (obj) {
+  anObject(obj);
+  var numSize = +obj.size;
+  // NOTE: If size is undefined, then numSize will be NaN
+  // eslint-disable-next-line no-self-compare -- NaN check
+  if (numSize !== numSize) throw new $TypeError(INVALID_SIZE);
+  var intSize = toIntegerOrInfinity(numSize);
+  if (intSize < 0) throw new $RangeError(INVALID_SIZE);
+  return new SetRecord(obj, intSize);
+};
+
+
 /***/ }),
 
 /***/ "825a":
@@ -24799,6 +25107,28 @@ module.exports = !fails(function () {
 
 "use strict";
 
+var SetHelpers = __webpack_require__("cb27");
+var iterate = __webpack_require__("384f");
+
+var Set = SetHelpers.Set;
+var add = SetHelpers.add;
+
+module.exports = function (set) {
+  var result = new Set();
+  iterate(set, function (it) {
+    add(result, it);
+  });
+  return result;
+};
+
+
+/***/ }),
+
+/***/ "83b9e":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
 
 var isAbsoluteURL = __webpack_require__("d925");
 var combineURLs = __webpack_require__("e683");
@@ -24982,6 +25312,46 @@ if (!isCallable(store.inspectSource)) {
 module.exports = store.inspectSource;
 
 
+/***/ }),
+
+/***/ "8958":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _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_SearchableSelect_vue_vue_type_style_index_0_id_688f213e_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("89e0");
+/* harmony import */ var _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_SearchableSelect_vue_vue_type_style_index_0_id_688f213e_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_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_SearchableSelect_vue_vue_type_style_index_0_id_688f213e_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
+/***/ }),
+
+/***/ "89e0":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
+/***/ "8b00":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var $ = __webpack_require__("23e7");
+var isSubsetOf = __webpack_require__("68df");
+var setMethodAcceptSetLike = __webpack_require__("dad2");
+
+var INCORRECT = !setMethodAcceptSetLike('isSubsetOf', function (result) {
+  return result;
+});
+
+// `Set.prototype.isSubsetOf` method
+// https://tc39.es/ecma262/#sec-set.prototype.issubsetof
+$({ target: 'Set', proto: true, real: true, forced: INCORRECT }, {
+  isSubsetOf: isSubsetOf
+});
+
+
 /***/ }),
 
 /***/ "8bbf":
@@ -25149,6 +25519,21 @@ CancelToken.source = function source() {
 module.exports = CancelToken;
 
 
+/***/ }),
+
+/***/ "8e16":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var uncurryThisAccessor = __webpack_require__("7282");
+var SetHelpers = __webpack_require__("cb27");
+
+module.exports = uncurryThisAccessor(SetHelpers.proto, 'size', 'get') || function (set) {
+  return set.size;
+};
+
+
 /***/ }),
 
 /***/ "8e5f":
@@ -25446,6 +25831,76 @@ function _defineProperty(e, r, t) {
 }
 module.exports = _defineProperty, module.exports.__esModule = true, module.exports["default"] = module.exports;
 
+/***/ }),
+
+/***/ "953b":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var aSet = __webpack_require__("dc19");
+var SetHelpers = __webpack_require__("cb27");
+var size = __webpack_require__("8e16");
+var getSetRecord = __webpack_require__("7f65");
+var iterateSet = __webpack_require__("384f");
+var iterateSimple = __webpack_require__("5388");
+
+var Set = SetHelpers.Set;
+var add = SetHelpers.add;
+var has = SetHelpers.has;
+
+// `Set.prototype.intersection` method
+// https://github.com/tc39/proposal-set-methods
+module.exports = function intersection(other) {
+  var O = aSet(this);
+  var otherRec = getSetRecord(other);
+  var result = new Set();
+
+  if (size(O) > otherRec.size) {
+    iterateSimple(otherRec.getIterator(), function (e) {
+      if (has(O, e)) add(result, e);
+    });
+  } else {
+    iterateSet(O, function (e) {
+      if (otherRec.includes(e)) add(result, e);
+    });
+  }
+
+  return result;
+};
+
+
+/***/ }),
+
+/***/ "9961":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var aSet = __webpack_require__("dc19");
+var SetHelpers = __webpack_require__("cb27");
+var clone = __webpack_require__("83b9");
+var getSetRecord = __webpack_require__("7f65");
+var iterateSimple = __webpack_require__("5388");
+
+var add = SetHelpers.add;
+var has = SetHelpers.has;
+var remove = SetHelpers.remove;
+
+// `Set.prototype.symmetricDifference` method
+// https://github.com/tc39/proposal-set-methods
+module.exports = function symmetricDifference(other) {
+  var O = aSet(this);
+  var keysIter = getSetRecord(other).getIterator();
+  var result = clone(O);
+  iterateSimple(keysIter, function (e) {
+    if (has(O, e)) remove(result, e);
+    else add(result, e);
+  });
+  return result;
+};
+
+
 /***/ }),
 
 /***/ "9a1f":
@@ -25637,6 +26092,90 @@ function toPropertyKey(t) {
 }
 module.exports = toPropertyKey, module.exports.__esModule = true, module.exports["default"] = module.exports;
 
+/***/ }),
+
+/***/ "a4e7":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var $ = __webpack_require__("23e7");
+var isSupersetOf = __webpack_require__("395e");
+var setMethodAcceptSetLike = __webpack_require__("dad2");
+
+var INCORRECT = !setMethodAcceptSetLike('isSupersetOf', function (result) {
+  return !result;
+});
+
+// `Set.prototype.isSupersetOf` method
+// https://tc39.es/ecma262/#sec-set.prototype.issupersetof
+$({ target: 'Set', proto: true, real: true, forced: INCORRECT }, {
+  isSupersetOf: isSupersetOf
+});
+
+
+/***/ }),
+
+/***/ "a5f7":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var aSet = __webpack_require__("dc19");
+var SetHelpers = __webpack_require__("cb27");
+var clone = __webpack_require__("83b9");
+var size = __webpack_require__("8e16");
+var getSetRecord = __webpack_require__("7f65");
+var iterateSet = __webpack_require__("384f");
+var iterateSimple = __webpack_require__("5388");
+
+var has = SetHelpers.has;
+var remove = SetHelpers.remove;
+
+// `Set.prototype.difference` method
+// https://github.com/tc39/proposal-set-methods
+module.exports = function difference(other) {
+  var O = aSet(this);
+  var otherRec = getSetRecord(other);
+  var result = clone(O);
+  if (size(O) <= otherRec.size) iterateSet(O, function (e) {
+    if (otherRec.includes(e)) remove(result, e);
+  });
+  else iterateSimple(otherRec.getIterator(), function (e) {
+    if (has(O, e)) remove(result, e);
+  });
+  return result;
+};
+
+
+/***/ }),
+
+/***/ "a732":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var $ = __webpack_require__("23e7");
+var iterate = __webpack_require__("2266");
+var aCallable = __webpack_require__("59ed");
+var anObject = __webpack_require__("825a");
+var getIteratorDirect = __webpack_require__("46c4");
+
+// `Iterator.prototype.some` method
+// https://tc39.es/ecma262/#sec-iterator.prototype.some
+$({ target: 'Iterator', proto: true, real: true }, {
+  some: function some(predicate) {
+    anObject(this);
+    aCallable(predicate);
+    var record = getIteratorDirect(this);
+    var counter = 0;
+    return iterate(record, function (value, stop) {
+      if (predicate(value, counter++)) return stop();
+    }, { IS_RECORD: true, INTERRUPTED: true }).stopped;
+  }
+});
+
+
 /***/ }),
 
 /***/ "ab36":
@@ -26058,6 +26597,36 @@ function toNumber(value) {
 module.exports = toNumber;
 
 
+/***/ }),
+
+/***/ "b4bc":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var aSet = __webpack_require__("dc19");
+var has = __webpack_require__("cb27").has;
+var size = __webpack_require__("8e16");
+var getSetRecord = __webpack_require__("7f65");
+var iterateSet = __webpack_require__("384f");
+var iterateSimple = __webpack_require__("5388");
+var iteratorClose = __webpack_require__("2a62");
+
+// `Set.prototype.isDisjointFrom` method
+// https://tc39.github.io/proposal-set-methods/#Set.prototype.isDisjointFrom
+module.exports = function isDisjointFrom(other) {
+  var O = aSet(this);
+  var otherRec = getSetRecord(other);
+  if (size(O) <= otherRec.size) return iterateSet(O, function (e) {
+    if (otherRec.includes(e)) return false;
+  }, true) !== false;
+  var iterator = otherRec.getIterator();
+  return iterateSimple(iterator, function (e) {
+    if (has(O, e)) return iteratorClose(iterator, 'normal', false);
+  }) !== false;
+};
+
+
 /***/ }),
 
 /***/ "b50d":
@@ -26070,7 +26639,7 @@ var utils = __webpack_require__("c532");
 var settle = __webpack_require__("467f");
 var cookies = __webpack_require__("7aac");
 var buildURL = __webpack_require__("30b5");
-var buildFullPath = __webpack_require__("83b9");
+var buildFullPath = __webpack_require__("83b9e");
 var parseHeaders = __webpack_require__("c345");
 var isURLSameOrigin = __webpack_require__("3934");
 var transitionalDefaults = __webpack_require__("cafa");
@@ -29149,6 +29718,28 @@ function _arrayWithHoles(r) {
 }
 module.exports = _arrayWithHoles, module.exports.__esModule = true, module.exports["default"] = module.exports;
 
+/***/ }),
+
+/***/ "c1a1":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var $ = __webpack_require__("23e7");
+var isDisjointFrom = __webpack_require__("b4bc");
+var setMethodAcceptSetLike = __webpack_require__("dad2");
+
+var INCORRECT = !setMethodAcceptSetLike('isDisjointFrom', function (result) {
+  return !result;
+});
+
+// `Set.prototype.isDisjointFrom` method
+// https://tc39.es/ecma262/#sec-set.prototype.isdisjointfrom
+$({ target: 'Set', proto: true, real: true, forced: INCORRECT }, {
+  isDisjointFrom: isDisjointFrom
+});
+
+
 /***/ }),
 
 /***/ "c240":
@@ -33888,6 +34479,28 @@ module.exports = {
 };
 
 
+/***/ }),
+
+/***/ "cb27":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var uncurryThis = __webpack_require__("e330");
+
+// eslint-disable-next-line es/no-set -- safe
+var SetPrototype = Set.prototype;
+
+module.exports = {
+  // eslint-disable-next-line es/no-set -- safe
+  Set: Set,
+  add: uncurryThis(SetPrototype.add),
+  has: uncurryThis(SetPrototype.has),
+  remove: uncurryThis(SetPrototype['delete']),
+  proto: SetPrototype
+};
+
+
 /***/ }),
 
 /***/ "cb2d":
@@ -34244,6 +34857,34 @@ module.exports = JSON.parse("{\"code\":\"he\",\"messages\":{\"alpha\":\"השדה
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "d866":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var $ = __webpack_require__("23e7");
+var iterate = __webpack_require__("2266");
+var aCallable = __webpack_require__("59ed");
+var anObject = __webpack_require__("825a");
+var getIteratorDirect = __webpack_require__("46c4");
+
+// `Iterator.prototype.every` method
+// https://tc39.es/ecma262/#sec-iterator.prototype.every
+$({ target: 'Iterator', proto: true, real: true }, {
+  every: function every(predicate) {
+    anObject(this);
+    aCallable(predicate);
+    var record = getIteratorDirect(this);
+    var counter = 0;
+    return !iterate(record, function (value, stop) {
+      if (!predicate(value, counter++)) return stop();
+    }, { IS_RECORD: true, INTERRUPTED: true }).stopped;
+  }
+});
+
+
 /***/ }),
 
 /***/ "d925":
@@ -34354,6 +34995,88 @@ exportWebAssemblyErrorCauseWrapper('RuntimeError', function (init) {
 });
 
 
+/***/ }),
+
+/***/ "dad2":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var getBuiltIn = __webpack_require__("d066");
+
+var createSetLike = function (size) {
+  return {
+    size: size,
+    has: function () {
+      return false;
+    },
+    keys: function () {
+      return {
+        next: function () {
+          return { done: true };
+        }
+      };
+    }
+  };
+};
+
+var createSetLikeWithInfinitySize = function (size) {
+  return {
+    size: size,
+    has: function () {
+      return true;
+    },
+    keys: function () {
+      throw new Error('e');
+    }
+  };
+};
+
+module.exports = function (name, callback) {
+  var Set = getBuiltIn('Set');
+  try {
+    new Set()[name](createSetLike(0));
+    try {
+      // late spec change, early WebKit ~ Safari 17.0 beta implementation does not pass it
+      // https://github.com/tc39/proposal-set-methods/pull/88
+      new Set()[name](createSetLike(-1));
+      return false;
+    } catch (error2) {
+      if (!callback) return true;
+      // early V8 implementation bug
+      // https://issues.chromium.org/issues/351332634
+      try {
+        new Set()[name](createSetLikeWithInfinitySize(-Infinity));
+        return false;
+      } catch (error) {
+        var set = new Set();
+        set.add(1);
+        set.add(2);
+        return callback(set[name](createSetLikeWithInfinitySize(Infinity)));
+      }
+    }
+  } catch (error) {
+    return false;
+  }
+};
+
+
+/***/ }),
+
+/***/ "dc19":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var has = __webpack_require__("cb27").has;
+
+// Perform ? RequireInternalSlot(M, [[SetData]])
+module.exports = function (it) {
+  has(it);
+  return it;
+};
+
+
 /***/ }),
 
 /***/ "dc20":
@@ -35206,6 +35929,32 @@ module.exports = function (it) {
 };
 
 
+/***/ }),
+
+/***/ "e9bc":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var aSet = __webpack_require__("dc19");
+var add = __webpack_require__("cb27").add;
+var clone = __webpack_require__("83b9");
+var getSetRecord = __webpack_require__("7f65");
+var iterateSimple = __webpack_require__("5388");
+
+// `Set.prototype.union` method
+// https://github.com/tc39/proposal-set-methods
+module.exports = function union(other) {
+  var O = aSet(this);
+  var keysIter = getSetRecord(other).getIterator();
+  var result = clone(O);
+  iterateSimple(keysIter, function (it) {
+    add(result, it);
+  });
+  return result;
+};
+
+
 /***/ }),
 
 /***/ "e9cd":
@@ -35373,6 +36122,34 @@ module.exports = TO_STRING_TAG_SUPPORT ? classofRaw : function (it) {
 };
 
 
+/***/ }),
+
+/***/ "f665":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var $ = __webpack_require__("23e7");
+var iterate = __webpack_require__("2266");
+var aCallable = __webpack_require__("59ed");
+var anObject = __webpack_require__("825a");
+var getIteratorDirect = __webpack_require__("46c4");
+
+// `Iterator.prototype.find` method
+// https://tc39.es/ecma262/#sec-iterator.prototype.find
+$({ target: 'Iterator', proto: true, real: true }, {
+  find: function find(predicate) {
+    anObject(this);
+    aCallable(predicate);
+    var record = getIteratorDirect(this);
+    var counter = 0;
+    return iterate(record, function (value, stop) {
+      if (predicate(value, counter++)) return stop(value);
+    }, { IS_RECORD: true, INTERRUPTED: true }).result;
+  }
+});
+
+
 /***/ }),
 
 /***/ "f694":
@@ -35541,7 +36318,7 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4289e630-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/DynamicForm.vue?vue&type=template&id=03edafb0
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4289e630-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/DynamicForm.vue?vue&type=template&id=25cf8cc7
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -35694,7 +36471,7 @@ var render = function render() {
 };
 var staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/DynamicForm.vue?vue&type=template&id=03edafb0
+// CONCATENATED MODULE: ./src/components/DynamicForm.vue?vue&type=template&id=25cf8cc7
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
 var es_array_push = __webpack_require__("14d9");
@@ -41896,72 +42673,52 @@ var FileField_component = normalizeComponent(
 )
 
 /* harmony default export */ var FileField = (FileField_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4289e630-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/TreeSelectField.vue?vue&type=template&id=4975b454
-var TreeSelectFieldvue_type_template_id_4975b454_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4289e630-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/NormalFileField.vue?vue&type=template&id=53457fd3
+var NormalFileFieldvue_type_template_id_53457fd3_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
-  return _c('Field', {
-    staticClass: "w-100",
+  return _c('div', {
+    staticClass: "col-12 p-0 fileFieldAttachment",
     attrs: {
-      "name": _vm.GetDisplayLabel(_vm.fieldInfo),
-      "rules": _vm.fieldInfo.validationRules
+      "id": 'File_' + _vm.fieldInfo.name
+    }
+  }, [_c('div', {
+    staticClass: "custom-file"
+  }, [_c('input', {
+    staticClass: "custom-file-input",
+    attrs: {
+      "type": "file",
+      "id": 'NormalFile_' + _vm.fieldInfo.name,
+      "disabled": _vm.fieldInfo.disabled,
+      "multiple": _vm.canUploadMultipleFile(),
+      "aria-describedby": 'NormalFile_' + _vm.fieldInfo.name
     },
-    scopedSlots: _vm._u([{
-      key: "default",
-      fn: function ({
-        errors
-      }) {
-        return [_c('div', {
-          staticClass: "w-100 d-flex dynamic-multiselect"
-        }, [_vm.options && _vm.options.length > 0 ? _c('tree-select', {
-          staticClass: "w-100 form-control border-0 p-0",
-          attrs: {
-            "multiple": false,
-            "options": _vm.options,
-            "placeholder": _vm.fieldInfo.placeholder
-          },
-          model: {
-            value: _vm.fieldInfo.value,
-            callback: function ($$v) {
-              _vm.$set(_vm.fieldInfo, "value", $$v);
-            },
-            expression: "fieldInfo.value"
-          }
-        }) : _vm._e(), _vm.showAddIcon() ? _c('div', {
-          staticClass: "ml-2 mt-1"
-        }, [_c('a', {
-          class: _vm.addButtonClass()
-        }, [_c('i', {
-          class: _vm.addIconClass(),
-          attrs: {
-            "alt": "+"
-          },
-          on: {
-            "click": function ($event) {
-              return _vm.onAddButtonClick($event);
-            }
-          }
-        })])]) : _vm._e(), errors[0] ? _c('span', {
-          staticClass: "invalid-feedback d-block"
-        }, [_vm._v(_vm._s(errors[0]))]) : _vm._e()], 1)];
+    on: {
+      "change": function ($event) {
+        return _vm.onChange($event);
       }
-    }])
-  });
+    }
+  }), _c('label', {
+    staticClass: "custom-file-label",
+    attrs: {
+      "for": 'NormalFile_' + _vm.fieldInfo.name
+    }
+  }, [_vm._v("Choose file")])]), _vm.errors.length > 0 ? _c('div', _vm._l(_vm.errors, function (error, index) {
+    return _c('div', {
+      key: index,
+      staticClass: "file-upload__error"
+    }, [_c('span', [_vm._v(_vm._s(error))])]);
+  }), 0) : _vm._e()]);
 };
-var TreeSelectFieldvue_type_template_id_4975b454_staticRenderFns = [];
-
-// CONCATENATED MODULE: ./src/components/TreeSelectField.vue?vue&type=template&id=4975b454
+var NormalFileFieldvue_type_template_id_53457fd3_staticRenderFns = [];
 
-// EXTERNAL MODULE: ./node_modules/@riophae/vue-treeselect/dist/vue-treeselect.cjs.js
-var vue_treeselect_cjs = __webpack_require__("ca17");
-var vue_treeselect_cjs_default = /*#__PURE__*/__webpack_require__.n(vue_treeselect_cjs);
+// CONCATENATED MODULE: ./src/components/NormalFileField.vue?vue&type=template&id=53457fd3
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/TreeSelectField.vue?vue&type=script&lang=js
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/NormalFileField.vue?vue&type=script&lang=js
 
 
-/* harmony default export */ var TreeSelectFieldvue_type_script_lang_js = ({
+/* harmony default export */ var NormalFileFieldvue_type_script_lang_js = ({
   components: {
-    'tree-select': vue_treeselect_cjs_default.a,
     Field: ValidationProvider
   },
   props: {
@@ -41974,172 +42731,3038 @@ var vue_treeselect_cjs_default = /*#__PURE__*/__webpack_require__.n(vue_treesele
       required: true
     }
   },
-  data() {
+  data: function () {
     return {
-      options: [],
-      scrollops: {
-        maxHeight: 200,
-        vuescroll: {
-          sizeStrategy: 'number'
-        }
-      }
+      isDragging: false,
+      maxSize: 0,
+      accept: '',
+      reject: '',
+      errors: [],
+      file: {
+        name: "",
+        size: 0,
+        type: "",
+        fileExtention: "",
+        url: "",
+        isImage: false,
+        isUploaded: false
+      },
+      previewFiles: []
     };
   },
-  mounted() {
+  mounted: function () {
     this.fieldInfo.validationRules = getValidationRules(this.fieldInfo.validationRules, this.lang);
-    if (this.fieldInfo.hasOwnProperty('config') && this.fieldInfo.config.hasOwnProperty('options')) {
-      if (typeof this.fieldInfo.config.OptionsForBind != 'undefined') {
-        this.options = this.fieldInfo.config.OptionsForBind;
-      } else {
-        this.options = this.fieldInfo.config.options;
-      }
+    if (this.fieldInfo.placeholder) {
+      this.fileName = this.fieldInfo.placeholder;
     }
-    if (!this.fieldInfo.hasOwnProperty('placeholder')) {
-      this.fieldInfo.placeholder = 'Select Location';
+    if (this.fieldInfo && this.fieldInfo.config && this.fieldInfo.config.hasOwnProperty('maxSize')) {
+      this.maxSize = this.fieldInfo.config.maxSize;
+    }
+    if (this.fieldInfo && this.fieldInfo.config && this.fieldInfo.config.hasOwnProperty('accept')) {
+      this.accept = Array.prototype.map.call(this.fieldInfo.config.accept, function (item) {
+        return item.fileType;
+      }).join(",");
+    }
+    if (this.fieldInfo && this.fieldInfo.config && this.fieldInfo.config.hasOwnProperty('reject')) {
+      this.reject = Array.prototype.map.call(this.fieldInfo.config.reject, function (item) {
+        return item.fileType;
+      }).join(",");
     }
   },
   methods: {
-    GetDisplayLabel(field) {
-      var labelName = '';
-      if (field.hasOwnProperty('label') && field.label) {
-        labelName = field.label;
-      } else if (field.hasOwnProperty('display_name') && field.display_name) {
-        labelName = field.display_name;
-      }
-      return labelName;
+    openFilePopup() {
+      document.querySelectorAll('#File_' + this.fieldInfo.name + ' [type="file"]')[0].click();
     },
-    showAddIcon: function () {
-      if (this.fieldInfo.config && this.fieldInfo.config.showAddIcon) {
-        return this.fieldInfo.config.showAddIcon;
+    RemoveFile(event, index) {
+      event.stopPropagation();
+      const dt = new DataTransfer();
+      const input = document.querySelectorAll('#File_' + this.fieldInfo.name + ' [type="file"]')[0];
+      const {
+        files
+      } = input;
+      this.previewFiles = [];
+      for (let i = 0; i < files.length; i++) {
+        const file = files[i];
+        if (index !== i) {
+          dt.items.add(file);
+          var fileExtention = file.name.split(".").pop();
+          var isImage = ["jpg", "jpeg", "png", "gif"].includes(fileExtention);
+          let reader = new FileReader();
+          reader.addEventListener("load", () => {
+            // Set file data
+            this.file = {
+              name: file.name.split(".").shift(),
+              size: Math.round(file.size / 1024 / 1024 * 100) / 100,
+              type: file.type,
+              fileExtention: fileExtention,
+              isImage: isImage,
+              url: reader.result,
+              isUploaded: true
+            };
+            this.previewFiles.push(this.file);
+          }, false);
+          // Read uploaded file
+          reader.readAsDataURL(file);
+        }
+        // here you exclude the file. thus removing it.
+      }
+      input.files = dt.files; // Assign the updates list
+
+      if (this.fieldInfo && this.fieldInfo.config && this.fieldInfo.config.onRemoveFile) {
+        this.fieldInfo.config.onRemoveFile(event, index, this.fieldInfo);
       }
     },
-    onAddButtonClick: function (e) {
-      if (this.fieldInfo && this.fieldInfo.config && this.fieldInfo.config.onAddButtonClick) {
-        this.fieldInfo.config.onAddButtonClick(e, this.fieldInfo);
+    onChange(e) {
+      this.errors = [];
+      // Check if file is selected
+      if (e.target.files && e.target.files[0]) {
+        // Check if file is valid
+        for (let index = 0; index < e.target.files.length; index++) {
+          const file = e.target.files[index];
+          if (this.isFileValid(file)) {
+            // Get uploaded file           
+            // Get file size
+            var fileSize = Math.round(file.size / 1024 / 1024 * 100) / 100;
+            // Get file extention
+            var fileExtention = file.name.split(".").pop();
+            // Get file name
+            var fileName = file.name.split(".").shift();
+            // Check if file is an image
+            var isImage = ["jpg", "jpeg", "png", "gif"].includes(fileExtention);
+            // Print to console
+            console.log(fileSize, fileExtention, fileName, isImage);
+            // Load the FileReader API
+            let reader = new FileReader();
+            reader.addEventListener("load", () => {
+              // Set file data
+              this.file = {
+                name: fileName,
+                size: fileSize,
+                type: file.type,
+                fileExtention: fileExtention,
+                isImage: isImage,
+                url: reader.result,
+                isUploaded: true
+              };
+              if (this.canUploadMultipleFile() == false) {
+                this.previewFiles = [];
+              }
+              this.previewFiles.push(this.file);
+            }, false);
+            // Read uploaded file
+            reader.readAsDataURL(file);
+          } else {
+            console.log("Invalid file");
+          }
+        }
+        var fileName = document.getElementById('NormalFile_' + this.fieldInfo.name).files[0].name;
+        var nextSibling = e.target.nextElementSibling;
+        nextSibling.innerText = fileName;
+        if (this.errors.length == 0) {
+          this.fieldInfo.value = e.target.files;
+          if (this.fieldInfo && this.fieldInfo.config && this.fieldInfo.config.onChange) {
+            this.fieldInfo.config.onChange(e, this.fieldInfo);
+          }
+        }
       }
     },
-    addButtonClass: function () {
-      if (this.fieldInfo.config && this.fieldInfo.config.addIconBackground) {
-        return "round-icon-small theme-primary " + this.fieldInfo.config.addIconBackground;
+    isFileSizeValid(fileSize) {
+      if (fileSize <= this.maxSize) {
+        console.log("File size is valid");
       } else {
-        return "round-icon-small btn-dark theme-primary";
+        this.errors.push(`File size should be less than ${this.maxSize} MB`);
       }
     },
-    addIconClass: function () {
-      if (this.fieldInfo.config && this.fieldInfo.config.addIcon) {
-        return "fa text-white pt-7 font-18 " + this.fieldInfo.config.addIcon;
+    isFileTypeValid(fileExtention) {
+      if (this.reject != "" && this.reject.split(",").length > 0 && this.reject.split(",").includes(fileExtention)) {
+        this.errors.push(`File type should not be ${this.reject}`);
+      }
+      if (this.accept != "" && this.accept.split(",").length > 0) {
+        if (this.accept.split(",").includes(fileExtention)) {
+          console.log("File type is valid");
+        } else {
+          this.errors.push(`File type should be ${this.accept}`);
+        }
+      }
+    },
+    isFileValid(file) {
+      this.isFileSizeValid(Math.round(file.size / 1024 / 1024 * 100) / 100);
+      this.isFileTypeValid(file.name.split(".").pop());
+      if (this.errors.length === 0) {
+        return true;
       } else {
-        return "fa fa-plus text-white pt-7 font-18";
+        return false;
       }
-    }
-  }
-});
-// CONCATENATED MODULE: ./src/components/TreeSelectField.vue?vue&type=script&lang=js
- /* harmony default export */ var components_TreeSelectFieldvue_type_script_lang_js = (TreeSelectFieldvue_type_script_lang_js); 
-// CONCATENATED MODULE: ./src/components/TreeSelectField.vue
-
-
-
-
-
-/* normalize component */
-
-var TreeSelectField_component = normalizeComponent(
-  components_TreeSelectFieldvue_type_script_lang_js,
-  TreeSelectFieldvue_type_template_id_4975b454_render,
-  TreeSelectFieldvue_type_template_id_4975b454_staticRenderFns,
-  false,
-  null,
-  null,
-  null
-  
-)
-
-/* harmony default export */ var TreeSelectField = (TreeSelectField_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4289e630-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/SlotField.vue?vue&type=template&id=552c7e65
-var SlotFieldvue_type_template_id_552c7e65_render = function render() {
-  var _vm = this,
-    _c = _vm._self._c;
-  return _c('Field', {
-    staticClass: "w-100",
-    attrs: {
-      "name": _vm.GetDisplayLabel(_vm.fieldInfo),
-      "rules": _vm.fieldInfo.validationRules
     },
-    scopedSlots: _vm._u([{
-      key: "default",
-      fn: function ({
-        errors
-      }) {
-        return [_vm._t("tgslot", null, {
-          "data": {
-            fieldInfo: _vm.fieldInfo,
-            error: errors.length > 0 ? errors[0] : ''
-          }
-        })];
+    canUploadMultipleFile() {
+      if (this.fieldInfo.config && this.fieldInfo.config.hasOwnProperty('multiple')) {
+        return this.fieldInfo.config.multiple;
       }
-    }], null, true)
-  });
-};
-var SlotFieldvue_type_template_id_552c7e65_staticRenderFns = [];
-
-// CONCATENATED MODULE: ./src/components/SlotField.vue?vue&type=template&id=552c7e65
-
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/SlotField.vue?vue&type=script&lang=js
-
-/* harmony default export */ var SlotFieldvue_type_script_lang_js = ({
-  components: {
-    Field: ValidationProvider
-  },
-  props: {
-    lang: {
-      type: String,
-      default: 'en'
+      return false;
     },
-    fieldInfo: {
-      type: Object,
-      required: true
-    }
-  },
-  methods: {
-    GetDisplayLabel: function (field) {
-      var labelName = '';
-      if (field.hasOwnProperty('label') && field.label) {
-        labelName = field.label;
-      } else if (field.hasOwnProperty('display_name') && field.display_name) {
-        labelName = field.display_name;
+    getSelectedFile: function () {
+      try {
+        if (this.fieldInfo.config && this.fieldInfo.config.hasOwnProperty('showSelectedFiles')) {
+          return this.fieldInfo.config.showSelectedFiles;
+        }
+        return [];
+      } catch (ex) {
+        console.log(ex);
+        return [];
       }
-      return labelName;
-    }
-  },
-  mounted: function () {
-    this.fieldInfo.validationRules = getValidationRules(this.fieldInfo.validationRules, this.lang);
-  }
-});
-// CONCATENATED MODULE: ./src/components/SlotField.vue?vue&type=script&lang=js
- /* harmony default export */ var components_SlotFieldvue_type_script_lang_js = (SlotFieldvue_type_script_lang_js); 
-// CONCATENATED MODULE: ./src/components/SlotField.vue
-
-
-
-
-
-/* normalize component */
-
-var SlotField_component = normalizeComponent(
-  components_SlotFieldvue_type_script_lang_js,
-  SlotFieldvue_type_template_id_552c7e65_render,
-  SlotFieldvue_type_template_id_552c7e65_staticRenderFns,
-  false,
-  null,
-  null,
-  null
-  
-)
-
-/* harmony default export */ var SlotField = (SlotField_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/DynamicForm.vue?vue&type=script&lang=js
-
+    },
+    isShowCrossOnSelectedFile: function () {
+      try {
+        if (this.fieldInfo.config && this.fieldInfo.config.hasOwnProperty('showCrossOnSelectedFiles')) {
+          return this.fieldInfo.config.showCrossOnSelectedFiles;
+        }
+        return true;
+      } catch (ex) {
+        console.log(ex);
+        return true;
+      }
+    },
+    getFileName: function (name) {
+      try {
+        let arr = name.split(".");
+        let path = arr[0].length > 4 ? arr[0].substring(0, 4) + "..." + arr[1] : arr[0] + "." + arr[1];
+        return path;
+      } catch (ex) {
+        return name;
+      }
+    },
+    getFileIcon: function (name) {
+      let arr = name.split(".");
+      let icon = "";
+      switch (arr[1]) {
+        case "jpg":
+        case "png":
+        case "jpeg":
+        case "gif":
+          icon = "fa-file-image-o";
+          break;
+        case "doc":
+        case "docs":
+          icon = "fa-file-word-o";
+          break;
+        case "pdf":
+          icon = "fa-file-pdf-o";
+          break;
+        case "xlsx":
+        case "xlsm":
+        case "xlsb":
+        case "xltx":
+        case "xls":
+        case "xlt":
+          icon = "fa-file-excel-o";
+          break;
+        case "mp4":
+        case "mov":
+        case "wmv":
+        case "flv":
+        case "avi":
+        case "webm":
+        case "mkv":
+        case "avchd":
+          icon = "fa-file-video-o";
+          break;
+        case "pptx":
+          icon = "fa-file-powerpoint-o";
+          break;
+        case "mp3":
+        case "aac":
+        case "wav":
+        case "aiff":
+        case "dsd":
+        case "pcm":
+          icon = "fa-file-audio-o";
+          break;
+        default:
+          icon = "fa-file-o";
+      }
+      return icon;
+    },
+    onDelete: function (item) {
+      try {
+        if (this.fieldInfo.config && this.fieldInfo.config.hasOwnProperty('onDeleteSelectedFiles')) {
+          this.fieldInfo.config.onDeleteSelectedFiles(item);
+        }
+      } catch (ex) {
+        console.log(ex);
+      }
+    },
+    onClickSelectedFile: function (item) {
+      try {
+        if (this.fieldInfo.config && this.fieldInfo.config.hasOwnProperty('onClickSelectedFiles')) {
+          this.fieldInfo.config.onClickSelectedFiles(item);
+        }
+      } catch (ex) {
+        console.log(ex);
+      }
+    },
+    dragOver: function () {
+      this.isDragging = true;
+    },
+    dragLeave: function () {
+      this.isDragging = false;
+    },
+    handleDrop: function (event) {
+      event.preventDefault();
+      this.isDragging = false;
+      const files = event.target.files || event.dataTransfer.files;
+      if (files.length) {
+        for (let index = 0; index < files.length; index++) {
+          const file = files[index];
+          if (this.isFileValid(file)) {
+            // Get uploaded file           
+            // Get file size
+            var fileSize = Math.round(file.size / 1024 / 1024 * 100) / 100;
+            // Get file extention
+            var fileExtention = file.name.split(".").pop();
+            // Get file name
+            var fileName = file.name.split(".").shift();
+            // Check if file is an image
+            var isImage = ["jpg", "jpeg", "png", "gif"].includes(fileExtention);
+            // Print to console
+            console.log(fileSize, fileExtention, fileName, isImage);
+            // Load the FileReader API
+            let reader = new FileReader();
+            reader.addEventListener("load", () => {
+              // Set file data
+              this.file = {
+                name: fileName,
+                size: fileSize,
+                type: file.type,
+                fileExtention: fileExtention,
+                isImage: isImage,
+                url: reader.result,
+                isUploaded: true
+              };
+              if (this.canUploadMultipleFile() == false) {
+                this.previewFiles = [];
+              }
+              this.previewFiles.push(this.file);
+            }, false);
+            // Read uploaded file
+            reader.readAsDataURL(file);
+          } else {
+            console.log("Invalid file");
+          }
+        }
+        if (this.errors.length == 0) {
+          this.fieldInfo.value = files;
+          if (this.fieldInfo && this.fieldInfo.config && this.fieldInfo.config.onChange) {
+            this.fieldInfo.config.onChange(e, this.fieldInfo);
+          }
+        }
+      }
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/components/NormalFileField.vue?vue&type=script&lang=js
+ /* harmony default export */ var components_NormalFileFieldvue_type_script_lang_js = (NormalFileFieldvue_type_script_lang_js); 
+// CONCATENATED MODULE: ./src/components/NormalFileField.vue
+
+
+
+
+
+/* normalize component */
+
+var NormalFileField_component = normalizeComponent(
+  components_NormalFileFieldvue_type_script_lang_js,
+  NormalFileFieldvue_type_template_id_53457fd3_render,
+  NormalFileFieldvue_type_template_id_53457fd3_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var NormalFileField = (NormalFileField_component.exports);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4289e630-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/TreeSelectField.vue?vue&type=template&id=4975b454
+var TreeSelectFieldvue_type_template_id_4975b454_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('Field', {
+    staticClass: "w-100",
+    attrs: {
+      "name": _vm.GetDisplayLabel(_vm.fieldInfo),
+      "rules": _vm.fieldInfo.validationRules
+    },
+    scopedSlots: _vm._u([{
+      key: "default",
+      fn: function ({
+        errors
+      }) {
+        return [_c('div', {
+          staticClass: "w-100 d-flex dynamic-multiselect"
+        }, [_vm.options && _vm.options.length > 0 ? _c('tree-select', {
+          staticClass: "w-100 form-control border-0 p-0",
+          attrs: {
+            "multiple": false,
+            "options": _vm.options,
+            "placeholder": _vm.fieldInfo.placeholder
+          },
+          model: {
+            value: _vm.fieldInfo.value,
+            callback: function ($$v) {
+              _vm.$set(_vm.fieldInfo, "value", $$v);
+            },
+            expression: "fieldInfo.value"
+          }
+        }) : _vm._e(), _vm.showAddIcon() ? _c('div', {
+          staticClass: "ml-2 mt-1"
+        }, [_c('a', {
+          class: _vm.addButtonClass()
+        }, [_c('i', {
+          class: _vm.addIconClass(),
+          attrs: {
+            "alt": "+"
+          },
+          on: {
+            "click": function ($event) {
+              return _vm.onAddButtonClick($event);
+            }
+          }
+        })])]) : _vm._e(), errors[0] ? _c('span', {
+          staticClass: "invalid-feedback d-block"
+        }, [_vm._v(_vm._s(errors[0]))]) : _vm._e()], 1)];
+      }
+    }])
+  });
+};
+var TreeSelectFieldvue_type_template_id_4975b454_staticRenderFns = [];
+
+// CONCATENATED MODULE: ./src/components/TreeSelectField.vue?vue&type=template&id=4975b454
+
+// EXTERNAL MODULE: ./node_modules/@riophae/vue-treeselect/dist/vue-treeselect.cjs.js
+var vue_treeselect_cjs = __webpack_require__("ca17");
+var vue_treeselect_cjs_default = /*#__PURE__*/__webpack_require__.n(vue_treeselect_cjs);
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/TreeSelectField.vue?vue&type=script&lang=js
+
+
+/* harmony default export */ var TreeSelectFieldvue_type_script_lang_js = ({
+  components: {
+    'tree-select': vue_treeselect_cjs_default.a,
+    Field: ValidationProvider
+  },
+  props: {
+    lang: {
+      type: String,
+      default: 'en'
+    },
+    fieldInfo: {
+      type: Object,
+      required: true
+    }
+  },
+  data() {
+    return {
+      options: [],
+      scrollops: {
+        maxHeight: 200,
+        vuescroll: {
+          sizeStrategy: 'number'
+        }
+      }
+    };
+  },
+  mounted() {
+    this.fieldInfo.validationRules = getValidationRules(this.fieldInfo.validationRules, this.lang);
+    if (this.fieldInfo.hasOwnProperty('config') && this.fieldInfo.config.hasOwnProperty('options')) {
+      if (typeof this.fieldInfo.config.OptionsForBind != 'undefined') {
+        this.options = this.fieldInfo.config.OptionsForBind;
+      } else {
+        this.options = this.fieldInfo.config.options;
+      }
+    }
+    if (!this.fieldInfo.hasOwnProperty('placeholder')) {
+      this.fieldInfo.placeholder = 'Select Location';
+    }
+  },
+  methods: {
+    GetDisplayLabel(field) {
+      var labelName = '';
+      if (field.hasOwnProperty('label') && field.label) {
+        labelName = field.label;
+      } else if (field.hasOwnProperty('display_name') && field.display_name) {
+        labelName = field.display_name;
+      }
+      return labelName;
+    },
+    showAddIcon: function () {
+      if (this.fieldInfo.config && this.fieldInfo.config.showAddIcon) {
+        return this.fieldInfo.config.showAddIcon;
+      }
+    },
+    onAddButtonClick: function (e) {
+      if (this.fieldInfo && this.fieldInfo.config && this.fieldInfo.config.onAddButtonClick) {
+        this.fieldInfo.config.onAddButtonClick(e, this.fieldInfo);
+      }
+    },
+    addButtonClass: function () {
+      if (this.fieldInfo.config && this.fieldInfo.config.addIconBackground) {
+        return "round-icon-small theme-primary " + this.fieldInfo.config.addIconBackground;
+      } else {
+        return "round-icon-small btn-dark theme-primary";
+      }
+    },
+    addIconClass: function () {
+      if (this.fieldInfo.config && this.fieldInfo.config.addIcon) {
+        return "fa text-white pt-7 font-18 " + this.fieldInfo.config.addIcon;
+      } else {
+        return "fa fa-plus text-white pt-7 font-18";
+      }
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/components/TreeSelectField.vue?vue&type=script&lang=js
+ /* harmony default export */ var components_TreeSelectFieldvue_type_script_lang_js = (TreeSelectFieldvue_type_script_lang_js); 
+// CONCATENATED MODULE: ./src/components/TreeSelectField.vue
+
+
+
+
+
+/* normalize component */
+
+var TreeSelectField_component = normalizeComponent(
+  components_TreeSelectFieldvue_type_script_lang_js,
+  TreeSelectFieldvue_type_template_id_4975b454_render,
+  TreeSelectFieldvue_type_template_id_4975b454_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var TreeSelectField = (TreeSelectField_component.exports);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4289e630-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/SlotField.vue?vue&type=template&id=552c7e65
+var SlotFieldvue_type_template_id_552c7e65_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('Field', {
+    staticClass: "w-100",
+    attrs: {
+      "name": _vm.GetDisplayLabel(_vm.fieldInfo),
+      "rules": _vm.fieldInfo.validationRules
+    },
+    scopedSlots: _vm._u([{
+      key: "default",
+      fn: function ({
+        errors
+      }) {
+        return [_vm._t("tgslot", null, {
+          "data": {
+            fieldInfo: _vm.fieldInfo,
+            error: errors.length > 0 ? errors[0] : ''
+          }
+        })];
+      }
+    }], null, true)
+  });
+};
+var SlotFieldvue_type_template_id_552c7e65_staticRenderFns = [];
+
+// CONCATENATED MODULE: ./src/components/SlotField.vue?vue&type=template&id=552c7e65
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/SlotField.vue?vue&type=script&lang=js
+
+/* harmony default export */ var SlotFieldvue_type_script_lang_js = ({
+  components: {
+    Field: ValidationProvider
+  },
+  props: {
+    lang: {
+      type: String,
+      default: 'en'
+    },
+    fieldInfo: {
+      type: Object,
+      required: true
+    }
+  },
+  methods: {
+    GetDisplayLabel: function (field) {
+      var labelName = '';
+      if (field.hasOwnProperty('label') && field.label) {
+        labelName = field.label;
+      } else if (field.hasOwnProperty('display_name') && field.display_name) {
+        labelName = field.display_name;
+      }
+      return labelName;
+    }
+  },
+  mounted: function () {
+    this.fieldInfo.validationRules = getValidationRules(this.fieldInfo.validationRules, this.lang);
+  }
+});
+// CONCATENATED MODULE: ./src/components/SlotField.vue?vue&type=script&lang=js
+ /* harmony default export */ var components_SlotFieldvue_type_script_lang_js = (SlotFieldvue_type_script_lang_js); 
+// CONCATENATED MODULE: ./src/components/SlotField.vue
+
+
+
+
+
+/* normalize component */
+
+var SlotField_component = normalizeComponent(
+  components_SlotFieldvue_type_script_lang_js,
+  SlotFieldvue_type_template_id_552c7e65_render,
+  SlotFieldvue_type_template_id_552c7e65_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var SlotField = (SlotField_component.exports);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4289e630-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/SearchableSelectField.vue?vue&type=template&id=6f324aae
+var SearchableSelectFieldvue_type_template_id_6f324aae_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('Field', {
+    staticClass: "w-100",
+    attrs: {
+      "name": _vm.GetDisplayLabel(_vm.fieldInfo),
+      "rules": _vm.fieldInfo.validationRules
+    },
+    scopedSlots: _vm._u([{
+      key: "default",
+      fn: function ({
+        errors
+      }) {
+        return [_c('div', {
+          staticClass: "w-100"
+        }, [_c('SearchableSelect', {
+          attrs: {
+            "items": _vm.fieldInfo.config.OptionsForBind,
+            "max-visible-chips": 2,
+            "action-buttons": _vm.computedActionButtons(_vm.fieldInfo),
+            "item-fields": _vm.computedItemFields(_vm.fieldInfo),
+            "group-fields": _vm.computedGroupFields(_vm.fieldInfo),
+            "max-render-items": _vm.computedMaxRenderItems(_vm.fieldInfo),
+            "lazy-load": true,
+            "multiple": _vm.fieldInfo.config.isMultiple,
+            "label": _vm.fieldInfo.label,
+            "placeholder": _vm.fieldInfo.placeholder,
+            "status-field-config": _vm.fieldInfo.config.statusFieldConfig,
+            "min-search-length": _vm.fieldInfo.config.minSearchLength
+          },
+          on: {
+            "change": function ($event) {
+              return _vm.onSearchableChange($event, _vm.fieldInfo);
+            }
+          },
+          model: {
+            value: _vm.fieldInfo.value,
+            callback: function ($$v) {
+              _vm.$set(_vm.fieldInfo, "value", $$v);
+            },
+            expression: "fieldInfo.value"
+          }
+        })], 1), errors[0] ? _c('span', {
+          staticClass: "invalid-feedback d-block"
+        }, [_vm._v(_vm._s(errors[0]))]) : _vm._e()];
+      }
+    }])
+  });
+};
+var SearchableSelectFieldvue_type_template_id_6f324aae_staticRenderFns = [];
+
+// CONCATENATED MODULE: ./src/components/SearchableSelectField.vue?vue&type=template&id=6f324aae
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4289e630-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/SearchableSelect.vue?vue&type=template&id=688f213e&scoped=true
+var SearchableSelectvue_type_template_id_688f213e_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    staticClass: "searchable-select"
+  }, [_c('Autocomplete', {
+    attrs: {
+      "value": _vm.internalValue,
+      "model-value": _vm.internalValue,
+      "items": _vm.displayItems,
+      "all-items": _vm.allItems,
+      "loading": _vm.loading,
+      "placeholder": _vm.placeholder,
+      "label": _vm.label,
+      "disabled": _vm.disabled,
+      "clearable": _vm.clearable,
+      "density": _vm.density,
+      "variant": _vm.variant,
+      "multiple": _vm.multiple,
+      "item-title": _vm.itemTitle,
+      "item-value": _vm.itemValue,
+      "menu-props": _vm.menuProps,
+      "no-data-text": _vm.noDataText,
+      "hide-details": _vm.hideDetails,
+      "error-messages": _vm.errorMessages,
+      "rules": _vm.rules,
+      "min-search-length": _vm.minSearchLength,
+      "max-visible-chips": _vm.maxVisibleChips,
+      "action-buttons": _vm.actionButtons,
+      "item-fields": _vm.itemFields,
+      "group-fields": _vm.groupFields,
+      "max-render-items": _vm.maxRenderItems,
+      "lazy-load": _vm.lazyLoad,
+      "status-field-config": _vm.statusFieldConfig
+    },
+    on: {
+      "input": _vm.onSelectionChange,
+      "update:model-value": _vm.onSelectionChange,
+      "update:search": _vm.onSearch,
+      "focus": _vm.onFocus,
+      "blur": _vm.onBlur,
+      "search": _vm.onSearch
+    }
+  })], 1);
+};
+var SearchableSelectvue_type_template_id_688f213e_scoped_true_staticRenderFns = [];
+
+// CONCATENATED MODULE: ./src/components/SearchableSelect.vue?vue&type=template&id=688f213e&scoped=true
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4289e630-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Autocomplete.vue?vue&type=template&id=c293aa98&scoped=true
+var Autocompletevue_type_template_id_c293aa98_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    staticClass: "custom-autocomplete mt-0",
+    class: {
+      'is-disabled': _vm.disabled,
+      'has-error': _vm.hasError
+    }
+  }, [!_vm.multiple ? _c('div', {
+    staticClass: "autocomplete-wrapper"
+  }, [_c('div', {
+    staticClass: "input-group"
+  }, [_c('input', {
+    ref: "input",
+    staticClass: "form-control",
+    class: {
+      'is-invalid': _vm.hasError,
+      'form-control-sm': _vm.density === 'compact',
+      'form-control-lg': _vm.density === 'comfortable'
+    },
+    attrs: {
+      "type": "text",
+      "placeholder": _vm.placeholder,
+      "disabled": _vm.disabled
+    },
+    domProps: {
+      "value": _vm.displayText
+    },
+    on: {
+      "input": _vm.onInput,
+      "focus": _vm.onFocus,
+      "blur": _vm.onBlur,
+      "keydown": [function ($event) {
+        if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) return null;
+        $event.preventDefault();
+        return _vm.handleEnter.apply(null, arguments);
+      }, function ($event) {
+        if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "arrow-down", undefined, $event.key, undefined)) return null;
+        $event.preventDefault();
+        return _vm.navigateDown.apply(null, arguments);
+      }, function ($event) {
+        if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "arrow-up", undefined, $event.key, undefined)) return null;
+        $event.preventDefault();
+        return _vm.navigateUp.apply(null, arguments);
+      }, function ($event) {
+        if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "escape", undefined, $event.key, undefined)) return null;
+        return _vm.closeMenu.apply(null, arguments);
+      }]
+    }
+  }), _c('div', {
+    staticClass: "input-group-append"
+  }, [_vm.clearable && _vm.selectedValue ? _c('button', {
+    staticClass: "btn btn-outline-secondary",
+    attrs: {
+      "type": "button",
+      "tabindex": "-1"
+    },
+    on: {
+      "click": _vm.clearSelection
+    }
+  }, [_c('i', {
+    staticClass: "fa fa-times"
+  })]) : _vm._e(), _c('button', {
+    staticClass: "btn btn-outline-secondary dropdown-toggle",
+    class: {
+      'active': _vm.isMenuOpen
+    },
+    attrs: {
+      "type": "button",
+      "tabindex": "-1"
+    },
+    on: {
+      "click": _vm.toggleMenu
+    }
+  }, [_c('i', {
+    staticClass: "fa",
+    class: _vm.loading ? 'fa-spinner fa-spin' : 'fa-chevron-down'
+  })])])]), _vm.isMenuOpen ? _c('div', {
+    ref: "menu",
+    staticClass: "autocomplete-menu",
+    style: {
+      maxHeight: _vm.menuMaxHeight + 'px'
+    },
+    on: {
+      "scroll": _vm.onMenuScroll
+    }
+  }, [_vm.loading && !_vm.hasItems ? _c('div', {
+    staticClass: "autocomplete-loading"
+  }, [_vm._m(0), _c('div', {
+    staticClass: "mt-2 text-muted small"
+  }, [_vm._v("Loading...")])]) : !_vm.loading && !_vm.hasItems && _vm.searchTerm.length >= _vm.minSearchLength ? _c('div', {
+    staticClass: "autocomplete-no-data"
+  }, [_c('i', {
+    staticClass: "fa fa-search text-muted",
+    staticStyle: {
+      "font-size": "2rem"
+    }
+  }), _c('div', {
+    staticClass: "mt-2 text-muted"
+  }, [_vm._v(_vm._s(_vm.noDataText))]), _c('div', {
+    staticClass: "text-muted small"
+  }, [_vm._v("Try adjusting your search terms")])]) : _vm.hasGrouping ? _c('div', {
+    staticClass: "autocomplete-grouped"
+  }, _vm._l(_vm.paginatedGroupedItems, function (group, groupIndex) {
+    return _c('div', {
+      key: group.group || groupIndex,
+      staticClass: "autocomplete-group"
+    }, [_c('div', {
+      staticClass: "autocomplete-group-header"
+    }, [_vm.groupFields.length > 0 ? _c('div', {
+      staticClass: "d-flex flex-column"
+    }, [_c('div', {
+      staticClass: "font-weight-bold font-14"
+    }, [_vm._v(_vm._s(group.group))]), _vm.groupFields.length > 1 ? _c('div', {
+      staticClass: "small text-muted mt-1"
+    }, _vm._l(_vm.groupFields, function (field, idx) {
+      return _c('span', {
+        key: field
+      }, [idx > 0 ? _c('span', [_vm._v(" • ")]) : _vm._e(), _vm.getGroupFieldValue(group, field) ? _c('span', [_vm._v(_vm._s(field) + ": " + _vm._s(_vm.getGroupFieldValue(group, field)))]) : _vm._e()]);
+    }), 0) : _vm._e()]) : _c('div', [_vm._v(_vm._s(group.group))])]), _c('ul', {
+      staticClass: "list-group list-group-flush"
+    }, _vm._l(group.items, function (item, itemIndex) {
+      return _c('li', {
+        key: _vm.getItemValue(item),
+        staticClass: "list-group-item autocomplete-item",
+        class: {
+          'active': _vm.getFlatIndex(groupIndex, itemIndex) === _vm.highlightedIndex,
+          'selected': _vm.isSelected(item)
+        },
+        staticStyle: {
+          "cursor": "pointer"
+        },
+        on: {
+          "click": function ($event) {
+            $event.preventDefault();
+            return _vm.selectItem(item, $event);
+          },
+          "mouseenter": function ($event) {
+            _vm.highlightedIndex = _vm.getFlatIndex(groupIndex, itemIndex);
+          }
+        }
+      }, [_c('div', {
+        staticClass: "d-flex align-items-center"
+      }, [_vm.multiple ? _c('div', {
+        staticClass: "autocomplete-checkbox-wrapper mr-2"
+      }, [_c('input', {
+        staticClass: "autocomplete-checkbox",
+        attrs: {
+          "type": "checkbox",
+          "tabindex": "-1"
+        },
+        domProps: {
+          "checked": _vm.isSelected(item)
+        },
+        on: {
+          "click": function ($event) {
+            $event.stopPropagation();
+            $event.preventDefault();
+            return _vm.selectItem(item, $event);
+          }
+        }
+      }), _vm.isSelected(item) ? _c('i', {
+        staticClass: "fa fa-check autocomplete-check-icon"
+      }) : _vm._e()]) : _vm._e(), item.raw && item.raw.category ? _c('span', {
+        staticClass: "badge badge-secondary mr-2",
+        staticStyle: {
+          "font-size": "0.75rem"
+        }
+      }, [_vm._v(" " + _vm._s(item.raw.category) + " ")]) : _vm._e(), _c('div', {
+        staticClass: "flex-grow-1"
+      }, [_vm.itemFields.length > 0 ? _c('div', {
+        staticClass: "font-weight-400",
+        class: {
+          'text-dark': _vm.isSelected(item)
+        },
+        domProps: {
+          "innerHTML": _vm._s(_vm.formatItemFields(item))
+        }
+      }) : _c('div', {
+        staticClass: "font-weight-400",
+        class: {
+          'text-dark': _vm.isSelected(item)
+        }
+      }, [_vm._v(_vm._s(_vm.getItemText(item)))]), !_vm.itemFields.length && _vm.getItemDescription(item) ? _c('div', {
+        staticClass: "text-muted small mt-1"
+      }, [_vm._v(_vm._s(_vm.getItemDescription(item)))]) : _vm._e()]), _vm.isSelected(item) && !_vm.multiple ? _c('i', {
+        staticClass: "fa fa-check text-success ml-2",
+        staticStyle: {
+          "font-size": "1.1rem"
+        }
+      }) : _vm._e()])]);
+    }), 0)]);
+  }), 0) : _c('ul', {
+    staticClass: "list-group list-group-flush"
+  }, _vm._l(_vm.paginatedDisplayItems, function (item, index) {
+    return _c('li', {
+      key: _vm.getItemValue(item),
+      staticClass: "list-group-item autocomplete-item",
+      class: {
+        'active': index === _vm.highlightedIndex,
+        'selected': _vm.isSelected(item)
+      },
+      staticStyle: {
+        "cursor": "pointer"
+      },
+      on: {
+        "click": function ($event) {
+          $event.preventDefault();
+          return _vm.selectItem(item, $event);
+        },
+        "mouseenter": function ($event) {
+          _vm.highlightedIndex = index;
+        }
+      }
+    }, [_c('div', {
+      staticClass: "d-flex align-items-center"
+    }, [_vm.multiple ? _c('input', {
+      staticClass: "mr-2",
+      attrs: {
+        "type": "checkbox",
+        "tabindex": "-1"
+      },
+      domProps: {
+        "checked": _vm.isSelected(item)
+      },
+      on: {
+        "click": function ($event) {
+          $event.stopPropagation();
+          $event.preventDefault();
+          return _vm.selectItem(item);
+        }
+      }
+    }) : _vm._e(), item.raw && item.raw.category ? _c('span', {
+      staticClass: "badge badge-primary mr-2"
+    }, [_vm._v(" " + _vm._s(item.raw.category) + " ")]) : _vm._e(), _c('div', {
+      staticClass: "flex-grow-1"
+    }, [_vm.itemFields.length > 0 ? _c('div', {
+      staticClass: "font-weight-400",
+      domProps: {
+        "innerHTML": _vm._s(_vm.formatItemFields(item))
+      }
+    }) : _c('div', {
+      staticClass: "font-weight-400"
+    }, [_vm._v(_vm._s(_vm.getItemText(item)))]), !_vm.itemFields.length && _vm.getItemDescription(item) ? _c('div', {
+      staticClass: "text-muted small mt-1"
+    }, [_vm._v(_vm._s(_vm.getItemDescription(item)))]) : _vm._e()]), _vm.isSelected(item) && !_vm.multiple ? _c('i', {
+      staticClass: "fa fa-check text-primary ml-2"
+    }) : _vm._e()])]);
+  }), 0)]) : _vm._e()]) : _c('div', {
+    staticClass: "autocomplete-wrapper"
+  }, [_c('div', {
+    staticClass: "input-group"
+  }, [_c('div', {
+    staticClass: "form-control autocomplete-chips-container",
+    class: {
+      'is-invalid': _vm.hasError,
+      'form-control-sm': _vm.density === 'compact',
+      'form-control-lg': _vm.density === 'comfortable'
+    }
+  }, [_c('div', {
+    staticClass: "d-flex flex-wrap align-items-center"
+  }, [_vm._l(_vm.visibleChips, function (selectedItem, index) {
+    return [index < _vm.maxVisibleChipsCount ? _c('span', {
+      key: _vm.getItemValue(selectedItem),
+      staticClass: "badge badge-primary mr-1 mb-1 pl-2 autocomplete-chip",
+      attrs: {
+        "title": _vm.getChipText(selectedItem)
+      }
+    }, [_c('span', {
+      staticClass: "autocomplete-chip-text",
+      domProps: {
+        "innerHTML": _vm._s(_vm.getChipText(selectedItem))
+      }
+    }), _c('button', {
+      staticClass: "close ml-1 autocomplete-chip-close",
+      attrs: {
+        "type": "button",
+        "tabindex": "-1",
+        "aria-label": 'Remove ' + _vm.getChipText(selectedItem).replace(/<[^>]*>/g, '')
+      },
+      on: {
+        "click": function ($event) {
+          $event.stopPropagation();
+          _vm.removeItem(_vm.getItemValue(selectedItem));
+        }
+      }
+    }, [_c('span', {
+      attrs: {
+        "aria-hidden": "true"
+      }
+    }, [_vm._v("×")])])]) : _vm._e()];
+  }), _vm.remainingChipsCount > 0 ? _c('span', {
+    staticClass: "badge badge-secondary mr-1 mb-1 pl-2 autocomplete-chip autocomplete-chip-more",
+    attrs: {
+      "title": `${_vm.remainingChipsCount} more selected`
+    }
+  }, [_c('span', {
+    staticClass: "autocomplete-chip-text"
+  }, [_vm._v("+ " + _vm._s(_vm.remainingChipsCount) + " more")])]) : _vm._e(), _c('input', {
+    ref: "input",
+    staticClass: "autocomplete-input-inline",
+    attrs: {
+      "type": "text",
+      "placeholder": _vm.selectedItems.length === 0 ? _vm.placeholder : '',
+      "disabled": _vm.disabled
+    },
+    domProps: {
+      "value": _vm.searchTerm
+    },
+    on: {
+      "input": _vm.onInput,
+      "focus": _vm.onFocus,
+      "blur": _vm.onBlur,
+      "keydown": [function ($event) {
+        if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) return null;
+        $event.preventDefault();
+        return _vm.handleEnter.apply(null, arguments);
+      }, function ($event) {
+        if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "arrow-down", undefined, $event.key, undefined)) return null;
+        $event.preventDefault();
+        return _vm.navigateDown.apply(null, arguments);
+      }, function ($event) {
+        if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "arrow-up", undefined, $event.key, undefined)) return null;
+        $event.preventDefault();
+        return _vm.navigateUp.apply(null, arguments);
+      }, function ($event) {
+        if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "escape", undefined, $event.key, undefined)) return null;
+        return _vm.closeMenu.apply(null, arguments);
+      }, function ($event) {
+        if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "backspace", undefined, $event.key, undefined)) return null;
+        return _vm.handleBackspace.apply(null, arguments);
+      }]
+    }
+  })], 2)]), _c('div', {
+    staticClass: "input-group-append"
+  }, [_vm.clearable && _vm.currentValue && (Array.isArray(_vm.currentValue) ? _vm.currentValue.length > 0 : true) ? _c('button', {
+    staticClass: "btn btn-outline-secondary",
+    attrs: {
+      "type": "button",
+      "tabindex": "-1"
+    },
+    on: {
+      "click": _vm.clearSelection
+    }
+  }, [_c('i', {
+    staticClass: "fa fa-times"
+  })]) : _vm._e(), _c('button', {
+    staticClass: "btn btn-outline-secondary dropdown-toggle",
+    class: {
+      'active': _vm.isMenuOpen
+    },
+    attrs: {
+      "type": "button",
+      "tabindex": "-1"
+    },
+    on: {
+      "click": _vm.toggleMenu
+    }
+  }, [_c('i', {
+    staticClass: "fa",
+    class: _vm.loading ? 'fa-spinner fa-spin' : 'fa-chevron-down'
+  })])])]), _vm.isMenuOpen ? _c('div', {
+    ref: "menu",
+    staticClass: "autocomplete-menu",
+    style: {
+      maxHeight: _vm.menuMaxHeight + 'px'
+    },
+    on: {
+      "scroll": _vm.onMenuScroll
+    }
+  }, [_vm.hasActionButtons ? _c('div', {
+    staticClass: "autocomplete-actions p-2 border-bottom"
+  }, [_c('div', {
+    staticClass: "d-flex flex-wrap gap-1"
+  }, [_vm.actionButtons.selectAll ? _c('button', {
+    staticClass: "btn btn-sm btn-outline-primary",
+    attrs: {
+      "type": "button",
+      "disabled": _vm.disabled || _vm.allSelected
+    },
+    on: {
+      "click": function ($event) {
+        $event.stopPropagation();
+        $event.preventDefault();
+        return _vm.selectAll($event);
+      }
+    }
+  }, [_c('i', {
+    staticClass: "fa fa-check-square mr-1"
+  }), _vm._v(" Select All ")]) : _vm._e(), _vm.actionButtons.active ? _c('button', {
+    staticClass: "btn btn-sm btn-outline-success",
+    class: {
+      'active': _vm.filterStatus === 'active'
+    },
+    attrs: {
+      "type": "button",
+      "disabled": _vm.disabled
+    },
+    on: {
+      "click": function ($event) {
+        return _vm.filterByStatus('active');
+      }
+    }
+  }, [_c('i', {
+    staticClass: "fa fa-check-circle mr-1"
+  }), _vm._v(" Active ")]) : _vm._e(), _vm.actionButtons.inactive ? _c('button', {
+    staticClass: "btn btn-sm btn-outline-secondary",
+    class: {
+      'active': _vm.filterStatus === 'inactive'
+    },
+    attrs: {
+      "type": "button",
+      "disabled": _vm.disabled
+    },
+    on: {
+      "click": function ($event) {
+        return _vm.filterByStatus('inactive');
+      }
+    }
+  }, [_c('i', {
+    staticClass: "fa fa-times-circle mr-1"
+  }), _vm._v(" Inactive ")]) : _vm._e(), _vm.actionButtons.clear ? _c('button', {
+    staticClass: "btn btn-sm btn-outline-danger",
+    attrs: {
+      "type": "button",
+      "disabled": _vm.disabled || !_vm.hasSelectedItems
+    },
+    on: {
+      "click": _vm.clearSelection
+    }
+  }, [_c('i', {
+    staticClass: "fa fa-times mr-1"
+  }), _vm._v(" Clear ")]) : _vm._e()])]) : _vm._e(), _vm.loading && !_vm.hasItems ? _c('div', {
+    staticClass: "autocomplete-loading"
+  }, [_vm._m(1), _c('div', {
+    staticClass: "mt-2 text-muted small"
+  }, [_vm._v("Loading...")])]) : !_vm.loading && !_vm.hasItems && _vm.searchTerm.length >= _vm.minSearchLength ? _c('div', {
+    staticClass: "autocomplete-no-data"
+  }, [_c('i', {
+    staticClass: "fa fa-search text-muted",
+    staticStyle: {
+      "font-size": "2rem"
+    }
+  }), _c('div', {
+    staticClass: "mt-2 text-muted"
+  }, [_vm._v(_vm._s(_vm.noDataText))]), _c('div', {
+    staticClass: "text-muted small"
+  }, [_vm._v("Try adjusting your search terms")])]) : _vm.hasGrouping ? _c('div', {
+    staticClass: "autocomplete-grouped"
+  }, _vm._l(_vm.paginatedGroupedItems, function (group, groupIndex) {
+    return _c('div', {
+      key: group.group || groupIndex,
+      staticClass: "autocomplete-group"
+    }, [_c('div', {
+      staticClass: "autocomplete-group-header"
+    }, [_vm.groupFields.length > 0 ? _c('div', {
+      staticClass: "d-flex flex-column"
+    }, [_c('div', {
+      staticClass: "font-weight-bold font-14"
+    }, [_vm._v(_vm._s(group.group))]), _vm.groupFields.length > 1 ? _c('div', {
+      staticClass: "small text-muted mt-1"
+    }, _vm._l(_vm.groupFields, function (field, idx) {
+      return _c('span', {
+        key: field
+      }, [idx > 0 ? _c('span', [_vm._v(" • ")]) : _vm._e(), _vm.getGroupFieldValue(group, field) ? _c('span', [_vm._v(_vm._s(field) + ": " + _vm._s(_vm.getGroupFieldValue(group, field)))]) : _vm._e()]);
+    }), 0) : _vm._e()]) : _c('div', [_vm._v(_vm._s(group.group))])]), _c('ul', {
+      staticClass: "list-group list-group-flush"
+    }, _vm._l(group.items, function (item, itemIndex) {
+      return _c('li', {
+        key: _vm.getItemValue(item),
+        staticClass: "list-group-item autocomplete-item",
+        class: {
+          'active': _vm.getFlatIndex(groupIndex, itemIndex) === _vm.highlightedIndex,
+          'selected': _vm.isSelected(item)
+        },
+        staticStyle: {
+          "cursor": "pointer"
+        },
+        on: {
+          "click": function ($event) {
+            $event.preventDefault();
+            return _vm.selectItem(item, $event);
+          },
+          "mouseenter": function ($event) {
+            _vm.highlightedIndex = _vm.getFlatIndex(groupIndex, itemIndex);
+          }
+        }
+      }, [_c('div', {
+        staticClass: "d-flex align-items-center"
+      }, [_vm.multiple ? _c('div', {
+        staticClass: "autocomplete-checkbox-wrapper mr-2"
+      }, [_c('input', {
+        staticClass: "autocomplete-checkbox",
+        attrs: {
+          "type": "checkbox",
+          "tabindex": "-1"
+        },
+        domProps: {
+          "checked": _vm.isSelected(item)
+        },
+        on: {
+          "click": function ($event) {
+            $event.stopPropagation();
+            $event.preventDefault();
+            return _vm.selectItem(item, $event);
+          }
+        }
+      }), _vm.isSelected(item) ? _c('i', {
+        staticClass: "fa fa-check autocomplete-check-icon"
+      }) : _vm._e()]) : _vm._e(), item.raw && item.raw.category ? _c('span', {
+        staticClass: "badge badge-secondary mr-2",
+        staticStyle: {
+          "font-size": "0.75rem"
+        }
+      }, [_vm._v(" " + _vm._s(item.raw.category) + " ")]) : _vm._e(), _c('div', {
+        staticClass: "flex-grow-1"
+      }, [_vm.itemFields.length > 0 ? _c('div', {
+        staticClass: "font-weight-400",
+        class: {
+          'text-dark': _vm.isSelected(item)
+        },
+        domProps: {
+          "innerHTML": _vm._s(_vm.formatItemFields(item))
+        }
+      }) : _c('div', {
+        staticClass: "font-weight-400",
+        class: {
+          'text-dark': _vm.isSelected(item)
+        }
+      }, [_vm._v(_vm._s(_vm.getItemText(item)))]), !_vm.itemFields.length && _vm.getItemDescription(item) ? _c('div', {
+        staticClass: "text-muted small mt-1"
+      }, [_vm._v(_vm._s(_vm.getItemDescription(item)))]) : _vm._e()]), _vm.isSelected(item) && !_vm.multiple ? _c('i', {
+        staticClass: "fa fa-check text-success ml-2",
+        staticStyle: {
+          "font-size": "1.1rem"
+        }
+      }) : _vm._e()])]);
+    }), 0)]);
+  }), 0) : _c('ul', {
+    staticClass: "list-group list-group-flush"
+  }, _vm._l(_vm.paginatedDisplayItems, function (item, index) {
+    return _c('li', {
+      key: _vm.getItemValue(item),
+      staticClass: "list-group-item autocomplete-item",
+      class: {
+        'active': index === _vm.highlightedIndex,
+        'selected': _vm.isSelected(item)
+      },
+      staticStyle: {
+        "cursor": "pointer"
+      },
+      on: {
+        "click": function ($event) {
+          $event.preventDefault();
+          return _vm.selectItem(item, $event);
+        },
+        "mouseenter": function ($event) {
+          _vm.highlightedIndex = index;
+        }
+      }
+    }, [_c('div', {
+      staticClass: "d-flex align-items-center"
+    }, [_vm.multiple ? _c('input', {
+      staticClass: "mr-2",
+      attrs: {
+        "type": "checkbox",
+        "tabindex": "-1"
+      },
+      domProps: {
+        "checked": _vm.isSelected(item)
+      },
+      on: {
+        "click": function ($event) {
+          $event.stopPropagation();
+          $event.preventDefault();
+          return _vm.selectItem(item);
+        }
+      }
+    }) : _vm._e(), item.raw && item.raw.category ? _c('span', {
+      staticClass: "badge badge-primary mr-2"
+    }, [_vm._v(" " + _vm._s(item.raw.category) + " ")]) : _vm._e(), _c('div', {
+      staticClass: "flex-grow-1"
+    }, [_vm.itemFields.length > 0 ? _c('div', {
+      staticClass: "font-weight-400",
+      domProps: {
+        "innerHTML": _vm._s(_vm.formatItemFields(item))
+      }
+    }) : _c('div', {
+      staticClass: "font-weight-400"
+    }, [_vm._v(_vm._s(_vm.getItemText(item)))]), !_vm.itemFields.length && _vm.getItemDescription(item) ? _c('div', {
+      staticClass: "text-muted small mt-1"
+    }, [_vm._v(_vm._s(_vm.getItemDescription(item)))]) : _vm._e()]), _vm.isSelected(item) && !_vm.multiple ? _c('i', {
+      staticClass: "fa fa-check text-primary ml-2"
+    }) : _vm._e()])]);
+  }), 0)]) : _vm._e()]), !_vm.hideDetails && _vm.hasError ? _c('div', {
+    staticClass: "invalid-feedback d-block"
+  }, _vm._l(_vm.errorMessagesArray, function (error, index) {
+    return _c('div', {
+      key: index
+    }, [_vm._v(_vm._s(error))]);
+  }), 0) : _vm._e()]);
+};
+var Autocompletevue_type_template_id_c293aa98_scoped_true_staticRenderFns = [function () {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    staticClass: "spinner-border spinner-border-sm text-primary",
+    attrs: {
+      "role": "status"
+    }
+  }, [_c('span', {
+    staticClass: "sr-only"
+  }, [_vm._v("Loading...")])]);
+}, function () {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    staticClass: "spinner-border spinner-border-sm text-primary",
+    attrs: {
+      "role": "status"
+    }
+  }, [_c('span', {
+    staticClass: "sr-only"
+  }, [_vm._v("Loading...")])]);
+}];
+
+// CONCATENATED MODULE: ./src/components/Autocomplete.vue?vue&type=template&id=c293aa98&scoped=true
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.every.js
+var es_iterator_every = __webpack_require__("d866");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.find.js
+var es_iterator_find = __webpack_require__("f665");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.flat-map.js
+var es_iterator_flat_map = __webpack_require__("796d");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.some.js
+var es_iterator_some = __webpack_require__("a732");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.set.difference.v2.js
+var es_set_difference_v2 = __webpack_require__("1e70");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.set.intersection.v2.js
+var es_set_intersection_v2 = __webpack_require__("79a4");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.set.is-disjoint-from.v2.js
+var es_set_is_disjoint_from_v2 = __webpack_require__("c1a1");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.set.is-subset-of.v2.js
+var es_set_is_subset_of_v2 = __webpack_require__("8b00");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.set.is-superset-of.v2.js
+var es_set_is_superset_of_v2 = __webpack_require__("a4e7");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.set.symmetric-difference.v2.js
+var es_set_symmetric_difference_v2 = __webpack_require__("1e5a");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.set.union.v2.js
+var es_set_union_v2 = __webpack_require__("72c3");
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Autocomplete.vue?vue&type=script&lang=js
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/* harmony default export */ var Autocompletevue_type_script_lang_js = ({
+  name: 'Autocomplete',
+  // Vue 2 v-model uses value/input by default
+  props: {
+    value: {
+      type: [String, Number, Array],
+      default: null
+    },
+    // Also support modelValue for Vue 3 compatibility
+    modelValue: {
+      type: [String, Number, Array],
+      default: null
+    },
+    items: {
+      type: Array,
+      default: () => []
+    },
+    // All items (unfiltered) - used for finding selected items
+    allItems: {
+      type: Array,
+      default: null
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    },
+    placeholder: {
+      type: String,
+      default: 'Search and select...'
+    },
+    label: {
+      type: String,
+      default: null
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    clearable: {
+      type: Boolean,
+      default: true
+    },
+    density: {
+      type: String,
+      default: 'default',
+      validator: value => ['compact', 'comfortable', 'default'].includes(value)
+    },
+    variant: {
+      type: String,
+      default: 'outlined',
+      validator: value => ['outlined', 'filled', 'underlined', 'solo', 'solo-inverted', 'solo-filled'].includes(value)
+    },
+    multiple: {
+      type: Boolean,
+      default: false
+    },
+    itemTitle: {
+      type: String,
+      default: 'title'
+    },
+    itemValue: {
+      type: String,
+      default: 'value'
+    },
+    noDataText: {
+      type: String,
+      default: 'No data available'
+    },
+    hideDetails: {
+      type: Boolean,
+      default: false
+    },
+    errorMessages: {
+      type: [String, Array],
+      default: null
+    },
+    rules: {
+      type: Array,
+      default: () => []
+    },
+    menuProps: {
+      type: Object,
+      default: () => ({
+        maxHeight: 300
+      })
+    },
+    minSearchLength: {
+      type: Number,
+      default: 0
+    },
+    // Maximum number of chips to display before showing "+ n more"
+    maxVisibleChips: {
+      type: Number,
+      default: null // null means show all
+    },
+    // Action buttons configuration
+    actionButtons: {
+      type: Object,
+      default: () => ({
+        selectAll: false,
+        active: false,
+        inactive: false,
+        clear: false
+      })
+    },
+    // Item display fields - array of field names to display
+    itemFields: {
+      type: Array,
+      default: () => [] // e.g., ['name', 'number', 'status']
+    },
+    // Group display fields - array of field names to display in group header
+    groupFields: {
+      type: Array,
+      default: () => [] // e.g., ['accountName', 'accountNumber']
+    },
+    // Performance: Maximum items to render at once (virtualization)
+    maxRenderItems: {
+      type: Number,
+      default: 100 // Render first 100 items, load more on scroll
+    },
+    // Performance: Enable lazy loading
+    lazyLoad: {
+      type: Boolean,
+      default: false
+    },
+    // Status field configuration for dynamic color formatting
+    statusFieldConfig: {
+      type: Object,
+      default: () => ({
+        fieldName: 'status',
+        // Field name to check for status
+        activeValues: ['active', 'Active', 'true', '1'],
+        // Values considered as active
+        inactiveValues: ['inactive', 'Inactive', 'false', '0'],
+        // Values considered as inactive
+        activeColor: '#28a745',
+        // Green color for active
+        inactiveColor: '#dc3545' // Red color for inactive
+      })
+    }
+  },
+  data() {
+    return {
+      isMenuOpen: false,
+      searchTerm: '',
+      highlightedIndex: -1,
+      renderedItemCount: this.maxRenderItems,
+      filterStatus: null // 'active', 'inactive', or null for all
+    };
+  },
+  computed: {
+    // Get the current value (Vue 2 uses 'value', Vue 3 uses 'modelValue')
+    currentValue() {
+      return this.value !== null && this.value !== undefined ? this.value : this.modelValue;
+    },
+    // Selected value for single select mode
+    selectedValue() {
+      if (this.multiple) return null;
+      return this.currentValue;
+    },
+    displayItems() {
+      return this.items.map(item => ({
+        ...item,
+        title: this.getItemText(item),
+        value: this.getItemValue(item)
+      }));
+    },
+    groupedItems() {
+      // Check if items are already grouped (array of groups) or flat with group property
+      if (this.items.length > 0 && Array.isArray(this.items[0].items)) {
+        // Items are already in grouped format: [{ group: 'Group1', items: [...] }, ...]
+        // Preserve all group properties for groupFields display
+        return this.items.map(group => ({
+          ...group,
+          raw: group,
+          // Preserve original group data for groupFields
+          group: group.group || group.groupName || ''
+        }));
+      }
+
+      // Group flat items by group property
+      const groups = {};
+      const groupMetadata = {}; // Store metadata for each group (for groupFields display)
+
+      this.displayItems.forEach(item => {
+        const groupName = this.getItemGroup(item) || 'Other';
+        if (!groups[groupName]) {
+          groups[groupName] = [];
+          // Store first item's group metadata for display
+          if (item.raw) {
+            groupMetadata[groupName] = {
+              ...item.raw
+            };
+          } else {
+            groupMetadata[groupName] = {
+              ...item
+            };
+          }
+        }
+        groups[groupName].push(item);
+      });
+
+      // Convert to array format with metadata
+      return Object.keys(groups).map(groupName => ({
+        group: groupName,
+        items: groups[groupName],
+        raw: groupMetadata[groupName] // Preserve group metadata for groupFields display
+      }));
+    },
+    hasGrouping() {
+      if (this.items.length === 0) return false;
+      // Check if items are in grouped format
+      if (Array.isArray(this.items[0].items)) return true;
+      // Check if items have group property or groupFields is defined
+      if (this.groupFields && this.groupFields.length > 0) {
+        // If groupFields is defined, we should group by the first field
+        return true;
+      }
+      // Check if items have explicit group property
+      return this.displayItems.some(item => this.getItemGroup(item));
+    },
+    flatDisplayItems() {
+      // Flatten grouped items for easier iteration
+      if (this.hasGrouping) {
+        return this.groupedItems.flatMap(group => group.items);
+      }
+      return this.displayItems;
+    },
+    hasItems() {
+      return this.displayItems.length > 0;
+    },
+    menuMaxHeight() {
+      return this.menuProps && this.menuProps.maxHeight || 300;
+    },
+    selectedItems() {
+      if (!this.multiple) return [];
+
+      // Get selected values from currentValue (supports both value and modelValue props)
+      const currentVal = this.currentValue;
+      const selectedValues = Array.isArray(currentVal) ? currentVal : currentVal ? [currentVal] : [];
+      if (selectedValues.length === 0) {
+        return [];
+      }
+
+      // Look through ALL items (unfiltered), not just displayItems (which might be filtered)
+      let itemsToSearch = this.allItems && this.allItems.length > 0 ? this.allItems : this.items;
+
+      // Flatten grouped items if needed
+      if (itemsToSearch.length > 0 && Array.isArray(itemsToSearch[0].items)) {
+        // Items are in grouped format - flatten them
+        itemsToSearch = itemsToSearch.flatMap(group => group.items || []);
+      }
+      const filtered = itemsToSearch.filter(item => {
+        const itemValue = this.getItemValue(item);
+        return selectedValues.some(sv => String(sv) === String(itemValue));
+      });
+      return filtered.map(item => ({
+        ...item,
+        title: this.getItemText(item),
+        value: this.getItemValue(item)
+      }));
+    },
+    displayText() {
+      if (this.multiple) return '';
+      const currentVal = this.currentValue;
+      if (!currentVal) return this.searchTerm;
+      const selected = this.displayItems.find(item => String(this.getItemValue(item)) === String(currentVal));
+      return selected ? this.getItemText(selected) : this.searchTerm;
+    },
+    hasError() {
+      return this.errorMessages && this.errorMessages.length > 0 || this.rules && this.rules.length > 0 && this.validateRules().length > 0;
+    },
+    errorMessagesArray() {
+      if (this.errorMessages) {
+        return Array.isArray(this.errorMessages) ? this.errorMessages : [this.errorMessages];
+      }
+      return this.validateRules();
+    },
+    // Chips display logic
+    visibleChips() {
+      return this.selectedItems;
+    },
+    maxVisibleChipsCount() {
+      return this.maxVisibleChips !== null && this.maxVisibleChips !== undefined ? this.maxVisibleChips : this.selectedItems.length;
+    },
+    remainingChipsCount() {
+      if (this.maxVisibleChips === null || this.maxVisibleChips === undefined) return 0;
+      return Math.max(0, this.selectedItems.length - this.maxVisibleChips);
+    },
+    // Action buttons
+    hasActionButtons() {
+      return this.actionButtons && (this.actionButtons.selectAll || this.actionButtons.active || this.actionButtons.inactive || this.actionButtons.clear);
+    },
+    allSelected() {
+      if (!this.multiple) return false;
+      // Check if all filtered items are selected
+      const filteredItems = this.filteredDisplayItems;
+      const selectedValues = Array.isArray(this.currentValue) ? this.currentValue : [];
+      return filteredItems.length > 0 && filteredItems.every(item => {
+        const itemValue = this.getItemValue(item);
+        return selectedValues.some(sv => String(sv) === String(itemValue));
+      });
+    },
+    hasSelectedItems() {
+      if (!this.multiple) return false;
+      const selectedValues = Array.isArray(this.currentValue) ? this.currentValue : [];
+      return selectedValues.length > 0;
+    },
+    // Performance: Filter and paginate items
+    filteredDisplayItems() {
+      let items = this.displayItems;
+
+      // Apply status filter if active
+      if (this.filterStatus) {
+        items = items.filter(item => {
+          // Check status field (case-insensitive)
+          const status = this.getItemFieldValue(item, 'status') || this.getItemFieldValue(item, 'Status') || this.getItemFieldValue(item, 'isActive');
+          const statusStr = String(status).toLowerCase().trim();
+          if (this.filterStatus === 'active') {
+            return statusStr === 'active' || statusStr === 'true' || statusStr === '1';
+          } else if (this.filterStatus === 'inactive') {
+            return statusStr === 'inactive' || statusStr === 'false' || statusStr === '0';
+          }
+          return true;
+        });
+      }
+      return items;
+    },
+    // Performance: Limit rendered items
+    paginatedDisplayItems() {
+      if (this.lazyLoad && this.filteredDisplayItems.length > this.renderedItemCount) {
+        return this.filteredDisplayItems.slice(0, this.renderedItemCount);
+      }
+      return this.filteredDisplayItems;
+    },
+    // Update grouped items to use paginated/filtered items
+    paginatedGroupedItems() {
+      if (!this.hasGrouping) return [];
+      let groups = this.groupedItems;
+
+      // Apply status filter if active
+      if (this.filterStatus) {
+        groups = groups.map(group => ({
+          ...group,
+          items: group.items.filter(item => {
+            // Check status field (case-insensitive)
+            const status = this.getItemFieldValue(item, 'status') || this.getItemFieldValue(item, 'Status') || this.getItemFieldValue(item, 'isActive');
+            const statusStr = String(status).toLowerCase().trim();
+            if (this.filterStatus === 'active') {
+              return statusStr === 'active' || statusStr === 'true' || statusStr === '1';
+            } else if (this.filterStatus === 'inactive') {
+              return statusStr === 'inactive' || statusStr === 'false' || statusStr === '0';
+            }
+            return true;
+          })
+        })).filter(group => group.items.length > 0);
+      }
+
+      // Apply pagination if lazy load is enabled
+      if (this.lazyLoad) {
+        let itemCount = 0;
+        const result = [];
+        for (const group of groups) {
+          if (itemCount >= this.renderedItemCount) break;
+          const remaining = this.renderedItemCount - itemCount;
+          result.push({
+            ...group,
+            items: group.items.slice(0, remaining)
+          });
+          itemCount += group.items.length;
+        }
+        return result;
+      }
+      return groups;
+    }
+  },
+  watch: {
+    items() {
+      // Reset highlight when items change
+      this.highlightedIndex = -1;
+    },
+    hasGrouping() {
+      // Reset highlight when grouping changes
+      this.highlightedIndex = -1;
+    },
+    modelValue: {
+      handler(newVal, oldVal) {
+        // Reset search term when value changes externally
+        if (this.multiple) {
+          // For multiple, keep search term
+        } else {
+          // For single select, clear search term if value is cleared
+          if (!newVal && this.searchTerm) {
+            this.searchTerm = '';
+          }
+        }
+      },
+      immediate: true,
+      deep: true
+    },
+    value: {
+      handler(newVal, oldVal) {
+        // Reset search term when value changes externally
+        if (this.multiple) {
+          // For multiple, keep search term
+        } else {
+          // For single select, clear search term if value is cleared
+          if (!newVal && this.searchTerm) {
+            this.searchTerm = '';
+          }
+        }
+      },
+      immediate: true,
+      deep: true
+    }
+  },
+  mounted() {
+    // Close menu when clicking outside
+    document.addEventListener('click', this.handleClickOutside);
+  },
+  beforeDestroy() {
+    document.removeEventListener('click', this.handleClickOutside);
+  },
+  methods: {
+    getItemText(item) {
+      if (item.raw) {
+        return item.raw.text || item.raw.title || item.raw[this.itemTitle] || '';
+      }
+      return item.text || item.title || item[this.itemTitle] || '';
+    },
+    getItemValue(item) {
+      let value;
+      if (item.raw) {
+        value = item.raw.value !== undefined && item.raw.value !== null ? item.raw.value : item.raw[this.itemValue] !== undefined && item.raw[this.itemValue] !== null ? item.raw[this.itemValue] : null;
+      } else {
+        value = item.value !== undefined && item.value !== null ? item.value : item[this.itemValue] !== undefined && item[this.itemValue] !== null ? item[this.itemValue] : null;
+      }
+
+      // Ensure we have a valid value - use index as fallback if needed
+      if (value === null || value === undefined) {
+        // Try to find the item's index in the items array
+        const itemIndex = this.items.findIndex(i => i === item || item.raw && i === item.raw);
+        if (itemIndex > -1) {
+          value = `item-${itemIndex}`;
+        } else {
+          console.warn('Autocomplete: Item has no value and could not determine index', item);
+          value = `item-${Date.now()}-${Math.random()}`;
+        }
+      }
+      return value;
+    },
+    getItemDescription(item) {
+      if (item.raw) {
+        return item.raw.description || item.raw.subtitle || '';
+      }
+      return item.description || item.subtitle || '';
+    },
+    getItemGroup(item) {
+      if (item.raw) {
+        // Priority: groupFields > group/groupName
+        // If groupFields is defined, use the first field as grouping field (highest priority)
+        if (this.groupFields && this.groupFields.length > 0) {
+          const groupValue = item.raw[this.groupFields[0]];
+          if (groupValue !== undefined && groupValue !== null && groupValue !== '') {
+            return String(groupValue);
+          }
+        }
+        // Fallback to explicit group/groupName
+        if (item.raw.group || item.raw.groupName) {
+          return item.raw.group || item.raw.groupName;
+        }
+        return '';
+      }
+      // Priority: groupFields > group/groupName
+      // If groupFields is defined, use the first field as grouping field (highest priority)
+      if (this.groupFields && this.groupFields.length > 0) {
+        const groupValue = item[this.groupFields[0]];
+        if (groupValue !== undefined && groupValue !== null && groupValue !== '') {
+          return String(groupValue);
+        }
+      }
+      // Fallback to explicit group/groupName
+      if (item.group || item.groupName) {
+        return item.group || item.groupName;
+      }
+      return '';
+    },
+    getItemFieldValue(item, field) {
+      if (item.raw) {
+        return item.raw[field] || '';
+      }
+      return item[field] || '';
+    },
+    getGroupFieldValue(group, field) {
+      if (group.raw) {
+        return group.raw[field] || '';
+      }
+      return group[field] || '';
+    },
+    isSelected(item) {
+      const value = this.getItemValue(item);
+      const currentVal = this.currentValue;
+      if (this.multiple) {
+        const selectedValues = Array.isArray(currentVal) ? currentVal : currentVal ? [currentVal] : [];
+        // Compare values with type coercion to handle string/number mismatches
+        return selectedValues.some(sv => String(sv) === String(value));
+      }
+      return currentVal !== null && currentVal !== undefined && String(currentVal) === String(value);
+    },
+    onInput(event) {
+      this.searchTerm = event.target.value;
+      this.isMenuOpen = true;
+      this.$emit('update:search', this.searchTerm);
+      this.$emit('search', this.searchTerm);
+    },
+    onFocus() {
+      this.isMenuOpen = true;
+      this.$emit('focus');
+    },
+    onBlur() {
+      // Delay to allow click events to fire
+      setTimeout(() => {
+        if (!this.multiple) {
+          // Restore selected value text if no selection made
+          if (this.selectedValue) {
+            const selected = this.displayItems.find(item => this.getItemValue(item) === this.selectedValue);
+            if (selected && this.searchTerm !== this.getItemText(selected)) {
+              this.searchTerm = '';
+            }
+          }
+        }
+        this.$emit('blur');
+      }, 200);
+    },
+    toggleMenu() {
+      if (this.disabled) return;
+      this.isMenuOpen = !this.isMenuOpen;
+      if (this.isMenuOpen) {
+        this.$nextTick(() => {
+          var _this$$refs$input;
+          (_this$$refs$input = this.$refs.input) === null || _this$$refs$input === void 0 || _this$$refs$input.focus();
+        });
+      }
+    },
+    closeMenu() {
+      this.isMenuOpen = false;
+      this.highlightedIndex = -1;
+    },
+    selectItem(item, event) {
+      // Prevent event from bubbling and default behavior
+      if (event) {
+        event.preventDefault();
+        event.stopPropagation();
+        event.stopImmediatePropagation();
+      }
+
+      // Debug logging
+      console.log('selectItem called for single item:', item);
+      console.log('Item value:', this.getItemValue(item));
+      const value = this.getItemValue(item);
+      const currentVal = this.currentValue;
+      if (this.multiple) {
+        // Ensure we start with an array
+        const currentValues = Array.isArray(currentVal) ? [...currentVal] : currentVal ? [currentVal] : [];
+        const selectedValues = [...currentValues];
+
+        // Find index with type coercion
+        const index = selectedValues.findIndex(sv => String(sv) === String(value));
+        console.log('Current selected values:', selectedValues);
+        console.log('Item value to toggle:', value);
+        console.log('Index found:', index);
+        if (index > -1) {
+          // Remove if already selected
+          selectedValues.splice(index, 1);
+          console.log('Removed item. New selection:', selectedValues);
+        } else {
+          // Add if not selected - ONLY this single item
+          selectedValues.push(value);
+          console.log('Added single item. New selection:', selectedValues);
+        }
+
+        // Emit both events for Vue 2 and Vue 3 compatibility
+        this.$emit('input', selectedValues);
+        this.$emit('update:modelValue', selectedValues);
+        this.$emit('change', selectedValues);
+      } else {
+        this.searchTerm = '';
+        this.isMenuOpen = false;
+        // Emit both events for Vue 2 and Vue 3 compatibility
+        this.$emit('input', value);
+        this.$emit('update:modelValue', value);
+        this.$emit('change', value);
+      }
+    },
+    removeItem(value) {
+      if (this.multiple) {
+        const currentVal = this.currentValue;
+        const selectedValues = Array.isArray(currentVal) ? [...currentVal] : [];
+        const index = selectedValues.findIndex(sv => String(sv) === String(value));
+        if (index > -1) {
+          selectedValues.splice(index, 1);
+          // Emit both events for Vue 2 and Vue 3 compatibility
+          this.$emit('input', selectedValues);
+          this.$emit('update:modelValue', selectedValues);
+          this.$emit('change', selectedValues);
+        }
+      }
+    },
+    clearSelection() {
+      if (this.multiple) {
+        // Emit both events for Vue 2 and Vue 3 compatibility
+        this.$emit('input', []);
+        this.$emit('update:modelValue', []);
+        this.$emit('change', []);
+      } else {
+        this.searchTerm = '';
+        // Emit both events for Vue 2 and Vue 3 compatibility
+        this.$emit('input', null);
+        this.$emit('update:modelValue', null);
+        this.$emit('change', null);
+      }
+      this.isMenuOpen = false;
+    },
+    getFlatIndex(groupIndex, itemIndex) {
+      // Calculate flat index from group and item indices
+      let flatIndex = 0;
+      for (let i = 0; i < groupIndex; i++) {
+        flatIndex += this.groupedItems[i].items.length;
+      }
+      return flatIndex + itemIndex;
+    },
+    getItemFromFlatIndex(flatIndex) {
+      // Get item from flat index when items are grouped
+      if (!this.hasGrouping) {
+        return this.displayItems[flatIndex];
+      }
+      let currentIndex = 0;
+      for (const group of this.groupedItems) {
+        if (flatIndex < currentIndex + group.items.length) {
+          return group.items[flatIndex - currentIndex];
+        }
+        currentIndex += group.items.length;
+      }
+      return null;
+    },
+    handleEnter() {
+      if (this.isMenuOpen && this.highlightedIndex >= 0) {
+        const item = this.hasGrouping ? this.getItemFromFlatIndex(this.highlightedIndex) : this.displayItems[this.highlightedIndex];
+        if (item) {
+          this.selectItem(item, null);
+        }
+      } else if (this.isMenuOpen && this.flatDisplayItems.length === 1) {
+        this.selectItem(this.flatDisplayItems[0], null);
+      }
+    },
+    navigateDown() {
+      if (!this.isMenuOpen) {
+        this.isMenuOpen = true;
+        return;
+      }
+      const maxIndex = this.flatDisplayItems.length - 1;
+      if (this.highlightedIndex < maxIndex) {
+        this.highlightedIndex++;
+        this.scrollToHighlighted();
+      }
+    },
+    navigateUp() {
+      if (this.highlightedIndex > 0) {
+        this.highlightedIndex--;
+        this.scrollToHighlighted();
+      }
+    },
+    scrollToHighlighted() {
+      this.$nextTick(() => {
+        if (this.$refs.menu) {
+          const items = this.$refs.menu.querySelectorAll('.autocomplete-item');
+          if (items[this.highlightedIndex]) {
+            items[this.highlightedIndex].scrollIntoView({
+              block: 'nearest',
+              behavior: 'smooth'
+            });
+          }
+        }
+      });
+    },
+    handleBackspace() {
+      if (this.multiple && this.searchTerm === '') {
+        const currentVal = this.currentValue;
+        const selectedValues = Array.isArray(currentVal) ? currentVal : [];
+        if (selectedValues.length > 0) {
+          this.removeItem(selectedValues[selectedValues.length - 1]);
+        }
+      }
+    },
+    handleClickOutside(event) {
+      if (this.$el && !this.$el.contains(event.target)) {
+        this.closeMenu();
+      }
+    },
+    validateRules() {
+      if (!this.rules || this.rules.length === 0) return [];
+      const errors = [];
+      const value = this.currentValue;
+      this.rules.forEach(rule => {
+        if (typeof rule === 'function') {
+          const result = rule(value);
+          if (result !== true && result !== undefined) {
+            errors.push(result);
+          }
+        }
+      });
+      return errors;
+    },
+    // Action button methods
+    selectAll(event) {
+      // Prevent event from bubbling
+      if (event) {
+        event.preventDefault();
+        event.stopPropagation();
+        event.stopImmediatePropagation();
+      }
+      console.log('selectAll called - this should only be called from the Select All button');
+      if (!this.multiple) return;
+      // Select all items from the currently filtered/displayed items
+      const allItems = this.filteredDisplayItems;
+      const allValues = allItems.map(item => this.getItemValue(item));
+      // Merge with existing selections to avoid deselecting items not in current filter
+      const currentValues = Array.isArray(this.currentValue) ? this.currentValue : [];
+      const mergedValues = [...new Set([...currentValues, ...allValues])];
+      console.log('Select All - all values:', mergedValues);
+      this.$emit('input', mergedValues);
+      this.$emit('update:modelValue', mergedValues);
+      this.$emit('change', mergedValues);
+    },
+    filterByStatus(status) {
+      if (this.filterStatus === status) {
+        // Toggle off if clicking the same filter
+        this.filterStatus = null;
+      } else {
+        this.filterStatus = status;
+      }
+      // Reset pagination when filter changes
+      this.renderedItemCount = this.maxRenderItems;
+      // Reset highlight when filter changes
+      this.highlightedIndex = -1;
+    },
+    formatItemFields(item) {
+      if (!this.itemFields || this.itemFields.length === 0) return '';
+      const formattedValues = this.itemFields.map((field, index) => {
+        const value = this.getItemFieldValue(item, field);
+        if (!value && value !== 0) return '';
+
+        // Check if this field is the status field and apply color formatting
+        if (field.toLowerCase() === this.statusFieldConfig.fieldName.toLowerCase()) {
+          const statusStr = String(value).toLowerCase().trim();
+          const isActive = this.statusFieldConfig.activeValues.some(av => String(av).toLowerCase() === statusStr);
+          const isInactive = this.statusFieldConfig.inactiveValues.some(iv => String(iv).toLowerCase() === statusStr);
+          let color = '';
+          if (isActive) {
+            color = this.statusFieldConfig.activeColor;
+          } else if (isInactive) {
+            color = this.statusFieldConfig.inactiveColor;
+          }
+          if (color) {
+            return `<span style="color: ${color};">${value}</span>`;
+          }
+        }
+        return String(value);
+      }).filter(v => v !== '');
+      if (formattedValues.length === 0) return '';
+
+      // Format: {field1} - {field2} ({field3})
+      // Example: customerName - customerNumber (Status)
+      if (formattedValues.length === 1) {
+        return formattedValues[0];
+      } else if (formattedValues.length === 2) {
+        // field1 - field2
+        return `${formattedValues[0]} - ${formattedValues[1]}`;
+      } else if (formattedValues.length >= 3) {
+        // field1 - field2 (field3, field4, ...)
+        const firstTwo = formattedValues.slice(0, 2).filter(v => v).join(' - ');
+        const rest = formattedValues.slice(2).filter(v => v).join(', ');
+        if (rest) {
+          return `${firstTwo} (${rest})`;
+        }
+        return firstTwo;
+      }
+      return '';
+    },
+    getChipText(item) {
+      // If itemFields is provided, use formatItemFields, otherwise use getItemText
+      if (this.itemFields && this.itemFields.length > 0) {
+        return this.formatItemFields(item) || this.getItemText(item);
+      }
+      return this.getItemText(item);
+    },
+    onMenuScroll(event) {
+      if (!this.lazyLoad) return;
+      const target = event.target;
+      const scrollBottom = target.scrollHeight - target.scrollTop - target.clientHeight;
+
+      // Load more items when scrolled near bottom (within 50px)
+      if (scrollBottom < 50 && this.renderedItemCount < this.filteredDisplayItems.length) {
+        this.renderedItemCount = Math.min(this.renderedItemCount + this.maxRenderItems, this.filteredDisplayItems.length);
+      }
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/components/Autocomplete.vue?vue&type=script&lang=js
+ /* harmony default export */ var components_Autocompletevue_type_script_lang_js = (Autocompletevue_type_script_lang_js); 
+// EXTERNAL MODULE: ./src/components/Autocomplete.vue?vue&type=style&index=0&id=c293aa98&prod&scoped=true&lang=css
+var Autocompletevue_type_style_index_0_id_c293aa98_prod_scoped_true_lang_css = __webpack_require__("663a");
+
+// CONCATENATED MODULE: ./src/components/Autocomplete.vue
+
+
+
+
+
+
+/* normalize component */
+
+var Autocomplete_component = normalizeComponent(
+  components_Autocompletevue_type_script_lang_js,
+  Autocompletevue_type_template_id_c293aa98_scoped_true_render,
+  Autocompletevue_type_template_id_c293aa98_scoped_true_staticRenderFns,
+  false,
+  null,
+  "c293aa98",
+  null
+  
+)
+
+/* harmony default export */ var Autocomplete = (Autocomplete_component.exports);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/SearchableSelect.vue?vue&type=script&lang=js
+
+
+
+
+
+
+//import { lookupService } from '../../services/locateBillingService'
+
+// Simple debounce function
+function SearchableSelectvue_type_script_lang_js_debounce(func, wait) {
+  let timeout;
+  return function executedFunction(...args) {
+    const later = () => {
+      clearTimeout(timeout);
+      func(...args);
+    };
+    clearTimeout(timeout);
+    timeout = setTimeout(later, wait);
+  };
+}
+/* harmony default export */ var SearchableSelectvue_type_script_lang_js = ({
+  name: 'SearchableSelect',
+  components: {
+    Autocomplete: Autocomplete
+  },
+  // Vue 2 v-model uses value/input by default - no model option needed
+  props: {
+    value: {
+      type: [String, Number, Array],
+      default: null
+    },
+    // Local items array - if provided, will use these instead of remote lookup
+    items: {
+      type: Array,
+      default: () => null
+    },
+    // Remote lookup type - required only if items prop is not provided
+    type: {
+      type: String,
+      required: false,
+      default: null
+    },
+    category: {
+      type: String,
+      default: null
+    },
+    multiple: {
+      type: Boolean,
+      default: false
+    },
+    placeholder: {
+      type: String,
+      default: 'Search and select...'
+    },
+    label: {
+      type: String,
+      default: null
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    clearable: {
+      type: Boolean,
+      default: true
+    },
+    density: {
+      type: String,
+      default: 'default',
+      validator: value => ['compact', 'comfortable', 'default'].includes(value)
+    },
+    variant: {
+      type: String,
+      default: 'outlined',
+      validator: value => ['outlined', 'filled', 'underlined', 'solo', 'solo-inverted', 'solo-filled'].includes(value)
+    },
+    minSearchLength: {
+      type: Number,
+      default: 2
+    },
+    debounceMs: {
+      type: Number,
+      default: 300
+    },
+    pageSize: {
+      type: Number,
+      default: 50
+    },
+    maxItems: {
+      type: Number,
+      default: 1000
+    },
+    noDataText: {
+      type: String,
+      default: 'No data available'
+    },
+    hideDetails: {
+      type: Boolean,
+      default: false
+    },
+    errorMessages: {
+      type: [String, Array],
+      default: null
+    },
+    rules: {
+      type: Array,
+      default: () => []
+    },
+    filters: {
+      type: Object,
+      default: () => ({})
+    },
+    // Maximum number of chips to display before showing "+ n more"
+    maxVisibleChips: {
+      type: Number,
+      default: null // null means show all
+    },
+    // Action buttons configuration
+    actionButtons: {
+      type: Object,
+      default: () => ({
+        selectAll: false,
+        active: false,
+        inactive: false,
+        clear: false
+      })
+    },
+    // Item display fields - array of field names to display
+    itemFields: {
+      type: Array,
+      default: () => [] // e.g., ['name', 'number', 'status']
+    },
+    // Group display fields - array of field names to display in group header
+    groupFields: {
+      type: Array,
+      default: () => [] // e.g., ['accountName', 'accountNumber']
+    },
+    // Performance: Maximum items to render at once (virtualization)
+    maxRenderItems: {
+      type: Number,
+      default: 100 // Render first 100 items, load more on scroll
+    },
+    // Performance: Enable lazy loading
+    lazyLoad: {
+      type: Boolean,
+      default: false
+    },
+    // Status field configuration for dynamic color formatting
+    statusFieldConfig: {
+      type: Object,
+      default: () => ({
+        fieldName: 'status',
+        // Field name to check for status
+        activeValues: ['active', 'Active', 'true', '1'],
+        // Values considered as active
+        inactiveValues: ['inactive', 'Inactive', 'false', '0'],
+        // Values considered as inactive
+        activeColor: '#28a745',
+        // Green color for active
+        inactiveColor: '#dc3545' // Red color for inactive
+      })
+    }
+  },
+  data() {
+    return {
+      remoteItems: [],
+      // This will hold remote items from API
+      loading: false,
+      searchTerm: '',
+      currentPage: 1,
+      hasMore: false,
+      totalItems: 0
+    };
+  },
+  computed: {
+    internalValue: {
+      get() {
+        // Use value prop (Vue 2 v-model default)
+        const value = this.value !== null && this.value !== undefined ? this.value : this.multiple ? [] : null;
+        return value;
+      },
+      set(value) {
+        // Emit input event (Vue 2 v-model default)
+        console.log('=== internalValue setter ===');
+        console.log('Setting internalValue to:', value);
+        console.log('Current value prop:', this.value);
+        console.log('Emitting input event (Vue 2 v-model) with:', value);
+        this.$emit('input', value);
+        this.$emit('update:modelValue', value);
+        this.$emit('change', value);
+      }
+    },
+    useLocalItems() {
+      // Use local items if provided, otherwise use remote lookup
+      // In Vue 2, props are directly accessible via this.items
+      return this.items !== null && this.items !== undefined && Array.isArray(this.items);
+    },
+    normalizedLocalItems() {
+      // Normalize local items - handle both flat and pre-grouped formats
+      if (!this.useLocalItems) return [];
+
+      // Check if items are in pre-grouped format: [{ group: 'Group1', items: [...] }, ...]
+      if (this.items.length > 0 && this.items[0].items && Array.isArray(this.items[0].items)) {
+        // Pre-grouped format - flatten it
+        const flattened = [];
+        this.items.forEach(group => {
+          if (group.items && Array.isArray(group.items)) {
+            group.items.forEach(item => {
+              flattened.push({
+                ...item,
+                group: group.group || group.groupName || ''
+              });
+            });
+          }
+        });
+        return flattened;
+      }
+
+      // Flat format - return as is
+      return this.items;
+    },
+    allItems() {
+      // Return all items (not filtered) - used for finding selected items
+      let sourceItems;
+      if (this.useLocalItems) {
+        sourceItems = this.normalizedLocalItems;
+      } else {
+        sourceItems = this.remoteItems;
+      }
+      return sourceItems.map((item, index) => {
+        // Ensure value is always set - use index as fallback if no value/id
+        const itemValue = item.value !== undefined && item.value !== null ? item.value : item.id !== undefined && item.id !== null ? item.id : `item-${index}`;
+
+        // Determine group value - Priority: groupFields > group/groupName
+        let groupValue = '';
+        if (this.groupFields && this.groupFields.length > 0) {
+          // groupFields has highest priority
+          groupValue = item[this.groupFields[0]] || '';
+        }
+        // Fallback to explicit group/groupName if groupFields didn't provide a value
+        if (!groupValue) {
+          groupValue = item.group || item.groupName || '';
+        }
+        return {
+          raw: item,
+          text: item.text || item.name || item.label || '',
+          value: itemValue,
+          description: item.description || item.subtitle || '',
+          category: item.category || '',
+          group: groupValue,
+          title: item.text || item.name || item.label || '',
+          subtitle: item.description || item.subtitle || ''
+        };
+      });
+    },
+    displayItems() {
+      // Use local items or remote items (filtered for display)
+      let sourceItems;
+      if (this.useLocalItems) {
+        // Filter local items based on search term
+        sourceItems = this.filterLocalItems(this.searchTerm);
+      } else {
+        sourceItems = this.remoteItems;
+      }
+      return sourceItems.map((item, index) => {
+        // Ensure value is always set - use index as fallback if no value/id
+        const itemValue = item.value !== undefined && item.value !== null ? item.value : item.id !== undefined && item.id !== null ? item.id : `item-${index}`;
+
+        // Determine group value - Priority: groupFields > group/groupName
+        let groupValue = '';
+        if (this.groupFields && this.groupFields.length > 0) {
+          // groupFields has highest priority
+          groupValue = item[this.groupFields[0]] || '';
+        }
+        // Fallback to explicit group/groupName if groupFields didn't provide a value
+        if (!groupValue) {
+          groupValue = item.group || item.groupName || '';
+        }
+        return {
+          raw: item,
+          text: item.text || item.name || item.label || '',
+          value: itemValue,
+          description: item.description || item.subtitle || '',
+          category: item.category || '',
+          group: groupValue,
+          title: item.text || item.name || item.label || '',
+          subtitle: item.description || item.subtitle || ''
+        };
+      });
+    },
+    hasItems() {
+      return this.displayItems.length > 0;
+    },
+    itemTitle() {
+      return 'title';
+    },
+    itemValue() {
+      return 'value';
+    },
+    menuProps() {
+      return {
+        maxHeight: 300,
+        virtual: true,
+        itemHeight: 48
+      };
+    }
+  },
+  methods: {
+    filterLocalItems(search = '') {
+      // Filter local items based on search term
+      if (!this.useLocalItems) {
+        return [];
+      }
+
+      // Use normalized items (handles both flat and pre-grouped formats)
+      const itemsToFilter = this.normalizedLocalItems;
+      if (!search || search.trim() === '') {
+        return itemsToFilter;
+      }
+      const searchLower = search.toLowerCase();
+      return itemsToFilter.filter(item => {
+        const text = (item.text || item.name || item.label || '').toLowerCase();
+        const description = (item.description || item.subtitle || '').toLowerCase();
+        return text.includes(searchLower) || description.includes(searchLower);
+      });
+    },
+    async loadItems(search = '', page = 1, append = false) {
+      // If using local items, filter them instead of making API call
+      if (this.useLocalItems) {
+        const filtered = this.filterLocalItems(search);
+        // For local items, we don't modify the prop, just return filtered results
+        // The displayItems computed will handle showing filtered items
+        this.totalItems = filtered.length;
+        this.hasMore = false;
+        this.$emit('search', {
+          search,
+          results: filtered.length,
+          total: filtered.length
+        });
+        return;
+      }
+
+      // Remote lookup - validate type is provided
+      if (!this.type) {
+        console.warn('SearchableSelect: type prop is required when items prop is not provided');
+        return;
+      }
+      if (this.loading) return;
+      this.loading = true;
+
+      // try {
+      //   const response = await lookupService.getLookupItems({
+      //     type: this.type,
+      //     category: this.category,
+      //     search: search,
+      //     page: page,
+      //     limit: this.pageSize,
+      //     filters: this.filters
+      //   });
+
+      //   // Handle response - adjust based on your actual API response structure
+      //   if (response && response.data) {
+      //     const responseData = response.data
+      //     // Check if response has result property (common pattern in this project)
+      //     const data = responseData.result || responseData.data || responseData
+      //     const newItems = data.items || data.DATA || data || []
+
+      //     if (append) {
+      //       this.remoteItems = [...this.remoteItems, ...newItems]
+      //     } else {
+      //       this.remoteItems = newItems
+      //     }
+
+      //     this.currentPage = data.page || page
+      //     this.hasMore = !!data.hasMore
+      //     this.totalItems = data.total || data.TOTAL || newItems.length
+
+      //     this.$emit('search', { search, results: newItems.length, total: this.totalItems })
+      //   } else {
+      //     console.error('Lookup API error:', response)
+      //     this.remoteItems = []
+      //   }
+      // } catch (error) {
+      //   console.error('Error loading lookup items:', error)
+      //   this.remoteItems = []
+      // } finally {
+      //   this.loading = false
+      // }
+    },
+    onSearch(search) {
+      this.searchTerm = search;
+      if (this.useLocalItems) {
+        // For local items, filtering is handled by displayItems computed property
+        const filtered = this.filterLocalItems(search);
+        this.$emit('search', {
+          search,
+          results: filtered.length,
+          total: filtered.length
+        });
+      } else {
+        // For remote items, debounce the API call
+        this.debouncedLoadItems(search, 1, false);
+      }
+    },
+    onSelectionChange(value) {
+      // Ensure value is an array for multiple mode
+      const finalValue = this.multiple && !Array.isArray(value) ? [value] : value;
+
+      // Emit both events for Vue 2 and Vue 3 compatibility
+      this.$emit('input', finalValue);
+      this.$emit('update:modelValue', finalValue);
+      this.$emit('change', finalValue);
+    },
+    onFocus() {
+      this.$emit('focus');
+      if (this.useLocalItems) {
+        // For local items, displayItems will show all items when searchTerm is empty
+        // No action needed
+      } else {
+        // For remote items, load if needed
+        if (this.remoteItems.length === 0 && this.searchTerm.length < this.minSearchLength) {
+          this.loadItems('', 1, false);
+        }
+      }
+    },
+    onBlur() {
+      this.$emit('blur');
+    },
+    removeItem(value) {
+      if (this.multiple) {
+        const newValues = (this.modelValue || []).filter(v => v !== value);
+        this.$emit('update:modelValue', newValues);
+      }
+    },
+    loadMore() {
+      if (this.hasMore && !this.loading) {
+        this.loadItems(this.searchTerm, this.currentPage + 1, true);
+      }
+    },
+    clear() {
+      if (this.useLocalItems) {
+        // For local items, just clear search term
+        this.searchTerm = '';
+      } else {
+        this.remoteItems = [];
+        this.searchTerm = '';
+        this.currentPage = 1;
+        this.hasMore = false;
+        this.totalItems = 0;
+      }
+    },
+    refresh() {
+      this.loadItems(this.searchTerm, 1, false);
+    }
+  },
+  watch: {
+    items: {
+      handler(newItems) {
+        // When local items prop changes, update totalItems
+        if (this.useLocalItems) {
+          const filtered = this.filterLocalItems(this.searchTerm);
+          this.totalItems = filtered.length;
+          // Force reactivity update
+          this.$forceUpdate();
+        }
+      },
+      deep: true,
+      immediate: true
+    },
+    type() {
+      if (!this.useLocalItems) {
+        this.remoteItems = [];
+        this.searchTerm = '';
+        this.currentPage = 1;
+        this.hasMore = false;
+        this.totalItems = 0;
+      }
+    },
+    category() {
+      if (!this.useLocalItems) {
+        this.remoteItems = [];
+        this.searchTerm = '';
+        this.currentPage = 1;
+        this.hasMore = false;
+        this.totalItems = 0;
+      }
+    },
+    filters: {
+      handler() {
+        if (!this.useLocalItems) {
+          this.remoteItems = [];
+          this.searchTerm = '';
+          this.currentPage = 1;
+          this.hasMore = false;
+          this.totalItems = 0;
+        }
+      },
+      deep: true
+    },
+    value: {
+      handler: async function (newValue, oldValue) {
+        console.log('=== SearchableSelect value watcher ===');
+        console.log('New value:', newValue, 'type:', Array.isArray(newValue) ? 'array' : typeof newValue);
+        console.log('Old value:', oldValue);
+        console.log('=== End watcher ===');
+
+        // Only load remote items if not using local items
+        if (!this.useLocalItems && newValue && this.remoteItems.length === 0 && !this.loading && this.type) {
+          // try {
+          //   this.loading = true
+          //   const response = await lookupService.getLookupItems({
+          //     type: this.type,
+          //     category: this.category,
+          //     search: '',
+          //     page: 1,
+          //     limit: this.pageSize,
+          //     filters: this.filters
+          //   })
+
+          //   // Handle response - adjust based on your actual API response structure
+          //   if (response && response.data) {
+          //     const responseData = response.data
+          //     const data = responseData.result || responseData.data || responseData
+          //     this.remoteItems = data.items || data.DATA || data || []
+          //     this.totalItems = data.total || data.TOTAL || this.remoteItems.length
+          //     this.hasMore = !!data.hasMore
+          //   }
+          // } catch (error) {
+          //   console.error('Error loading initial items:', error)
+          // } finally {
+          //   this.loading = false
+          // }
+        }
+      },
+      immediate: true
+    }
+  },
+  created() {
+    this.debouncedLoadItems = SearchableSelectvue_type_script_lang_js_debounce(this.loadItems, this.debounceMs);
+  },
+  mounted() {
+    // Initialize items based on mode
+    if (this.useLocalItems) {
+      // For local items, displayItems computed will handle showing items
+      const filtered = this.filterLocalItems(this.searchTerm);
+      this.totalItems = filtered.length;
+    } else if (this.minSearchLength === 0 && this.type) {
+      // For remote items, load if minSearchLength is 0
+      this.loadItems('', 1, false);
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/components/SearchableSelect.vue?vue&type=script&lang=js
+ /* harmony default export */ var components_SearchableSelectvue_type_script_lang_js = (SearchableSelectvue_type_script_lang_js); 
+// EXTERNAL MODULE: ./src/components/SearchableSelect.vue?vue&type=style&index=0&id=688f213e&prod&scoped=true&lang=css
+var SearchableSelectvue_type_style_index_0_id_688f213e_prod_scoped_true_lang_css = __webpack_require__("8958");
+
+// CONCATENATED MODULE: ./src/components/SearchableSelect.vue
+
+
+
+
+
+
+/* normalize component */
+
+var SearchableSelect_component = normalizeComponent(
+  components_SearchableSelectvue_type_script_lang_js,
+  SearchableSelectvue_type_template_id_688f213e_scoped_true_render,
+  SearchableSelectvue_type_template_id_688f213e_scoped_true_staticRenderFns,
+  false,
+  null,
+  "688f213e",
+  null
+  
+)
+
+/* harmony default export */ var SearchableSelect = (SearchableSelect_component.exports);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/SearchableSelectField.vue?vue&type=script&lang=js
+
+
+
+
+
+
+/* harmony default export */ var SearchableSelectFieldvue_type_script_lang_js = ({
+  components: {
+    Field: ValidationProvider,
+    SearchableSelect: SearchableSelect
+  },
+  props: {
+    lang: {
+      type: String,
+      default: 'en'
+    },
+    fieldInfo: {
+      type: Object,
+      required: true
+    }
+  },
+  watch: {
+    fieldInfo: {
+      handler: function () {
+        this.GetSelectOptions();
+      },
+      deep: true
+    }
+  },
+  data() {
+    return {
+      optionList: [],
+      dependentOptions: []
+    };
+  },
+  created: async function () {
+    await this.GetSelectOptions();
+  },
+  mounted: function () {
+    this.fieldInfo.validationRules = getValidationRules(this.fieldInfo.validationRules, this.lang);
+  },
+  methods: {
+    GetDisplayLabel(field) {
+      var labelName = '';
+      if (field.hasOwnProperty('label') && field.label) {
+        labelName = field.label;
+      } else if (field.hasOwnProperty('display_name') && field.display_name) {
+        labelName = field.display_name;
+      }
+      return labelName;
+    },
+    onChange(e) {
+      if (this.fieldInfo && this.fieldInfo.config && this.fieldInfo.config.onChange) {
+        this.fieldInfo.config.onChange(e, this.fieldInfo);
+      }
+      this.$emit('UpdateKeyValue', 1);
+    },
+    showAddIcon: function () {
+      if (this.fieldInfo.config && this.fieldInfo.config.showAddIcon) {
+        return this.fieldInfo.config.showAddIcon;
+      }
+    },
+    onAddButtonClick: function (e) {
+      if (this.fieldInfo && this.fieldInfo.config && this.fieldInfo.config.onAddButtonClick) {
+        this.fieldInfo.config.onAddButtonClick(e, this.fieldInfo);
+      }
+    },
+    addButtonClass: function () {
+      if (this.fieldInfo.config && this.fieldInfo.config.addIconBackground) {
+        return "round-icon-small theme-primary " + this.fieldInfo.config.addIconBackground;
+      } else {
+        return "round-icon-small btn-dark theme-primary";
+      }
+    },
+    addIconClass: function () {
+      if (this.fieldInfo.config && this.fieldInfo.config.addIcon) {
+        return "fa text-white pt-7 font-18 " + this.fieldInfo.config.addIcon;
+      } else {
+        return "fa fa-plus text-white pt-7 font-18";
+      }
+    },
+    GetSelectOptions: async function () {
+      var vm = this;
+      if (vm.fieldInfo.hasOwnProperty('config') && vm.fieldInfo.config.hasOwnProperty('OptionsForBind') == false) {
+        vm.fieldInfo.config.OptionsForBind = [];
+      }
+      if (vm.fieldInfo.hasOwnProperty('picklist_options') && vm.fieldInfo.picklist_options != 'Lookup') {
+        vm.fieldInfo.config.OptionsForBind = vm.MakeArray(vm.fieldInfo.picklist_options);
+      } else if (vm.fieldInfo.hasOwnProperty('select_options') && vm.fieldInfo.select_options.length > 0) {
+        vm.fieldInfo.config.OptionsForBind = vm.MakeNormalArray(vm.fieldInfo.select_options);
+      } else if (vm.fieldInfo.hasOwnProperty('config') && vm.fieldInfo.config.hasOwnProperty('OptionsForBind') && vm.fieldInfo.config.OptionsForBind.length > 0) {
+        vm.fieldInfo.config.OptionsForBind = vm.fieldInfo.config.OptionsForBind;
+      } else if (vm.fieldInfo.hasOwnProperty('config') && vm.fieldInfo.config.hasOwnProperty('option_request_url') && vm.fieldInfo.config.option_request_url.length > 0) {
+        await axios_default.a.get(vm.fieldInfo.config.option_request_url, {
+          headers: {
+            "Authorization": `Bearer ${vm.fieldInfo.config.token}`
+          }
+        }).then(res => {
+          console.log(res.data);
+          if (res.data && res.data.hasOwnProperty('DATA')) {
+            vm.fieldInfo.config.OptionsForBind = res.data.DATA;
+          } else {
+            vm.fieldInfo.config.OptionsForBind = res.data;
+          }
+        }).catch(error => {
+          console.log('Error on binding slect option in tg-control- ' + error);
+        });
+      }
+      this.$forceUpdate();
+    },
+    MakeNormalArray: function (value) {
+      if (value) {
+        try {
+          return JSON.parse(value);
+        } catch (ex) {
+          return value;
+        }
+      } else {
+        value = [];
+      }
+    },
+    MakeArray: function (value, type) {
+      var array = [];
+      var arr = String(value).split(',');
+      if (type == "radio" || type == "checkbox") {
+        if (arr.length > 0) {
+          for (let item of arr) {
+            if (item.split("|").length > 1) {
+              var person = {
+                name: item.split("|")[0].trim(),
+                value: item.split("|")[1].trim()
+              };
+              array.push(person);
+            } else {
+              var person = {
+                name: item.trim(),
+                value: item.trim()
+              };
+              array.push(person);
+            }
+          }
+        }
+      } else {
+        if (arr.length > 0) {
+          for (let item of arr) {
+            var person = {
+              name: item.trim(),
+              value: item.trim()
+            };
+            array.push(person);
+          }
+        }
+      }
+      return array;
+    },
+    computedActionButtons(field) {
+      if (field && field.hasOwnProperty("config") && field.config.hasOwnProperty("actionButtons")) {
+        return field.config.actionButtons;
+      } else {
+        return {
+          selectAll: false,
+          active: false,
+          inactive: false,
+          clear: false
+        };
+      }
+    },
+    computedItemFields(field) {
+      if (field && field.hasOwnProperty("config") && field.config.hasOwnProperty("itemFields")) {
+        return field.config.itemFields;
+      } else {
+        return ['text'];
+      }
+    },
+    computedGroupFields(field) {
+      if (field && field.hasOwnProperty("config") && field.config.hasOwnProperty("groupFields")) {
+        return field.config.groupFields;
+      } else {
+        return ['group'];
+      }
+    },
+    computedMaxRenderItems(field) {
+      if (field && field.hasOwnProperty("config") && field.config.hasOwnProperty("maxRenderItems")) {
+        return field.config.maxRenderItems;
+      } else {
+        return 50;
+      }
+    },
+    onSearchableChange: function (x, field, e) {
+      if (field && field.hasOwnProperty("config") && field.config.hasOwnProperty("onChange")) {
+        field.config.onChange(field, x);
+      }
+    },
+    RenderOptions() {
+      var options = [];
+      var vm = this;
+      if (this.optionList.length > 0) {
+        if (Array.isArray(this.optionList)) {
+          this.optionList.forEach((item, index) => {
+            options.push({
+              value: item.value,
+              name: item.hasOwnProperty('text') ? item.text : item.name
+            });
+          });
+          if (!vm.fieldInfo.hasOwnProperty('select_options')) {
+            vm.fieldInfo.select_options = [];
+          }
+          vm.fieldInfo.select_options = options;
+        } else console.log(' type of the optionList is not array - ' + typeof this.optionList);
+      } else {
+        console.log(' No select options found for the - ' + vm.fieldInfo.name);
+      }
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/components/SearchableSelectField.vue?vue&type=script&lang=js
+ /* harmony default export */ var components_SearchableSelectFieldvue_type_script_lang_js = (SearchableSelectFieldvue_type_script_lang_js); 
+// CONCATENATED MODULE: ./src/components/SearchableSelectField.vue
+
+
+
+
+
+/* normalize component */
+
+var SearchableSelectField_component = normalizeComponent(
+  components_SearchableSelectFieldvue_type_script_lang_js,
+  SearchableSelectFieldvue_type_template_id_6f324aae_render,
+  SearchableSelectFieldvue_type_template_id_6f324aae_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var SearchableSelectField = (SearchableSelectField_component.exports);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/DynamicForm.vue?vue&type=script&lang=js
+
+
+
 
 
 
@@ -42179,9 +45802,11 @@ var SlotField_component = normalizeComponent(
     TextAreaField: TextAreaField,
     ColorField: ColorField,
     FileField: FileField,
+    NormalFileField: NormalFileField,
     TreeSelectField: TreeSelectField,
     SlotField: SlotField,
-    PasswordField: PasswordField
+    PasswordField: PasswordField,
+    SearchableSelectField: SearchableSelectField
   },
   data: function () {
     return {
@@ -42902,6 +46527,13 @@ function isSymbol(value) {
 module.exports = isSymbol;
 
 
+/***/ }),
+
+/***/ "fffa":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ })
 
 /******/ });