funda-ui 4.5.712 → 4.5.713

package/publish/lib/cjs/MultipleSelect/index.js

@@ -1,3704 +0,0 @@
-(function webpackUniversalModuleDefinition(root, factory) {
-	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory(require("react"));
-	else if(typeof define === 'function' && define.amd)
-		define(["react"], factory);
-	else if(typeof exports === 'object')
-		exports["RPB"] = factory(require("react"));
-	else
-		root["RPB"] = factory(root["React"]);
-})(this, (__WEBPACK_EXTERNAL_MODULE__787__) => {
-return /******/ (() => { // webpackBootstrap
-/******/ 	var __webpack_modules__ = ({
-
-/***/ 954:
-/***/ (function(module, exports, __webpack_require__) {
-
-/* module decorator */ module = __webpack_require__.nmd(module);
-var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;function _typeof3(obj) { "@babel/helpers - typeof"; return _typeof3 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof3(obj); }
-(function webpackUniversalModuleDefinition(root, factory) {
-  if (( false ? 0 : _typeof3(exports)) === 'object' && ( false ? 0 : _typeof3(module)) === 'object') module.exports = factory(__webpack_require__(787));else if (true) !(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__(787)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
-		__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
-		(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
-		__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));else {}
-})(this, function (__WEBPACK_EXTERNAL_MODULE__787__) {
-  return (/******/function () {
-      // webpackBootstrap
-      /******/
-      var __webpack_modules__ = {
-        /***/188: /***/function _(module, exports, __nested_webpack_require_1080__) {
-          /* module decorator */module = __nested_webpack_require_1080__.nmd(module);
-          var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;
-          function _typeof2(obj) {
-            "@babel/helpers - typeof";
-
-            return _typeof2 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-              return typeof obj;
-            } : function (obj) {
-              return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-            }, _typeof2(obj);
-          }
-          (function webpackUniversalModuleDefinition(root, factory) {
-            if (( false ? 0 : _typeof2(exports)) === 'object' && ( false ? 0 : _typeof2(module)) === 'object') module.exports = factory();else if (true) !(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_FACTORY__ = factory, __WEBPACK_AMD_DEFINE_RESULT__ = typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? __WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__) : __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));else {}
-          })(this, function () {
-            return (/******/function () {
-                // webpackBootstrap
-                /******/
-                "use strict";
-
-                /******/ // The require scope
-                /******/
-                var __nested_webpack_require_993__ = {};
-                /******/
-                /************************************************************************/
-                /******/ /* webpack/runtime/define property getters */
-                /******/
-                (function () {
-                  /******/ // define getter functions for harmony exports
-                  /******/__nested_webpack_require_993__.d = function (exports, definition) {
-                    /******/for (var key in definition) {
-                      /******/if (__nested_webpack_require_993__.o(definition, key) && !__nested_webpack_require_993__.o(exports, key)) {
-                        /******/Object.defineProperty(exports, key, {
-                          enumerable: true,
-                          get: definition[key]
-                        });
-                        /******/
-                      }
-                      /******/
-                    }
-                    /******/
-                  };
-                  /******/
-                })();
-                /******/
-                /******/ /* webpack/runtime/hasOwnProperty shorthand */
-                /******/
-                (function () {
-                  /******/__nested_webpack_require_993__.o = function (obj, prop) {
-                    return Object.prototype.hasOwnProperty.call(obj, prop);
-                  };
-                  /******/
-                })();
-                /******/
-                /******/ /* webpack/runtime/make namespace object */
-                /******/
-                (function () {
-                  /******/ // define __esModule on exports
-                  /******/__nested_webpack_require_993__.r = function (exports) {
-                    /******/if (typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-                      /******/Object.defineProperty(exports, Symbol.toStringTag, {
-                        value: 'Module'
-                      });
-                      /******/
-                    }
-                    /******/
-                    Object.defineProperty(exports, '__esModule', {
-                      value: true
-                    });
-                    /******/
-                  };
-                  /******/
-                })();
-                /******/
-                /************************************************************************/
-                var __webpack_exports__ = {};
-                __nested_webpack_require_993__.r(__webpack_exports__);
-                /* harmony export */
-                __nested_webpack_require_993__.d(__webpack_exports__, {
-                  /* harmony export */"clsWrite": function clsWrite() {
-                    return (/* binding */_clsWrite
-                    );
-                  },
-                  /* harmony export */"combinedCls": function combinedCls() {
-                    return (/* binding */_combinedCls
-                    );
-                  }
-                  /* harmony export */
-                });
-
-                function _slicedToArray(arr, i) {
-                  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-                }
-                function _nonIterableRest() {
-                  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-                }
-                function _unsupportedIterableToArray(o, minLen) {
-                  if (!o) return;
-                  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-                  var n = Object.prototype.toString.call(o).slice(8, -1);
-                  if (n === "Object" && o.constructor) n = o.constructor.name;
-                  if (n === "Map" || n === "Set") return Array.from(o);
-                  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-                }
-                function _arrayLikeToArray(arr, len) {
-                  if (len == null || len > arr.length) len = arr.length;
-                  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-                  return arr2;
-                }
-                function _iterableToArrayLimit(arr, i) {
-                  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
-                  if (null != _i) {
-                    var _s,
-                      _e,
-                      _x,
-                      _r,
-                      _arr = [],
-                      _n = !0,
-                      _d = !1;
-                    try {
-                      if (_x = (_i = _i.call(arr)).next, 0 === i) {
-                        if (Object(_i) !== _i) return;
-                        _n = !1;
-                      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
-                    } catch (err) {
-                      _d = !0, _e = err;
-                    } finally {
-                      try {
-                        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
-                      } finally {
-                        if (_d) throw _e;
-                      }
-                    }
-                    return _arr;
-                  }
-                }
-                function _arrayWithHoles(arr) {
-                  if (Array.isArray(arr)) return arr;
-                }
-                function _typeof(obj) {
-                  "@babel/helpers - typeof";
-
-                  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-                    return typeof obj;
-                  } : function (obj) {
-                    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-                  }, _typeof(obj);
-                }
-                /**
-                 * Output of class name
-                 * @param {*} s      - Any
-                 * @param  {String} defaultCls      - Default string
-                 * @param  {?*} targetCls      - Any
-                 * @returns {*} 
-                 */
-                function _clsWrite(s, defaultCls) {
-                  var targetCls = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
-                  return s || s === '' ? typeof targetCls === 'undefined' ? s : targetCls : defaultCls;
-                }
-
-                /**
-                 * Combined classnames
-                 * @param {*} args 
-                 * @returns {String|undefined}
-                 */
-                /* Usage:
-                
-                console.log(combinedCls('a-1', 'a-2', 'a-3', {
-                    'p-1': null,
-                    'p-2': undefined,
-                    'p-3': true,
-                    'p-4': false,
-                    'p-5': 'kkk',
-                    'p-6': 0,
-                    'p-7': 1,
-                    'p-8': '',
-                    undefined
-                })); // a-1 a-2 a-3 p-3 p-5 p-7
-                */
-                function _combinedCls() {
-                  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-                    args[_key] = arguments[_key];
-                  }
-                  if (args) {
-                    var classes = [];
-                    for (var i = 0; i < args.length; i++) {
-                      var className = args[i];
-                      if (!className) {
-                        continue;
-                      }
-                      var type = _typeof(className);
-                      if (type === 'string' || type === 'number') {
-                        classes.push(className);
-                      } else if (type === 'object') {
-                        var _classes = Array.isArray(className) ? className : Object.entries(className).map(function (_ref) {
-                          var _ref2 = _slicedToArray(_ref, 2),
-                            key = _ref2[0],
-                            value = _ref2[1];
-                          return value ? key : null;
-                        });
-                        classes = _classes.length ? classes.concat(_classes.filter(function (c) {
-                          return !!c;
-                        })) : classes;
-                      }
-                    }
-                    return classes.join(' ').trim();
-                  }
-                  return undefined;
-                }
-
-                /******/
-                return __webpack_exports__;
-                /******/
-              }()
-            );
-          });
-
-          /***/
-        },
-
-        /***/438: /***/function _(module, exports, __nested_webpack_require_11464__) {
-          /* module decorator */module = __nested_webpack_require_11464__.nmd(module);
-          var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;
-          function _typeof2(obj) {
-            "@babel/helpers - typeof";
-
-            return _typeof2 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-              return typeof obj;
-            } : function (obj) {
-              return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-            }, _typeof2(obj);
-          }
-          (function webpackUniversalModuleDefinition(root, factory) {
-            if (( false ? 0 : _typeof2(exports)) === 'object' && ( false ? 0 : _typeof2(module)) === 'object') module.exports = factory();else if (true) !(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_FACTORY__ = factory, __WEBPACK_AMD_DEFINE_RESULT__ = typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? __WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__) : __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));else {}
-          })(this, function () {
-            return (/******/function () {
-                // webpackBootstrap
-                /******/
-                "use strict";
-
-                /******/ // The require scope
-                /******/
-                var __nested_webpack_require_993__ = {};
-                /******/
-                /************************************************************************/
-                /******/ /* webpack/runtime/define property getters */
-                /******/
-                (function () {
-                  /******/ // define getter functions for harmony exports
-                  /******/__nested_webpack_require_993__.d = function (exports, definition) {
-                    /******/for (var key in definition) {
-                      /******/if (__nested_webpack_require_993__.o(definition, key) && !__nested_webpack_require_993__.o(exports, key)) {
-                        /******/Object.defineProperty(exports, key, {
-                          enumerable: true,
-                          get: definition[key]
-                        });
-                        /******/
-                      }
-                      /******/
-                    }
-                    /******/
-                  };
-                  /******/
-                })();
-                /******/
-                /******/ /* webpack/runtime/hasOwnProperty shorthand */
-                /******/
-                (function () {
-                  /******/__nested_webpack_require_993__.o = function (obj, prop) {
-                    return Object.prototype.hasOwnProperty.call(obj, prop);
-                  };
-                  /******/
-                })();
-                /******/
-                /******/ /* webpack/runtime/make namespace object */
-                /******/
-                (function () {
-                  /******/ // define __esModule on exports
-                  /******/__nested_webpack_require_993__.r = function (exports) {
-                    /******/if (typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-                      /******/Object.defineProperty(exports, Symbol.toStringTag, {
-                        value: 'Module'
-                      });
-                      /******/
-                    }
-                    /******/
-                    Object.defineProperty(exports, '__esModule', {
-                      value: true
-                    });
-                    /******/
-                  };
-                  /******/
-                })();
-                /******/
-                /************************************************************************/
-                var __webpack_exports__ = {};
-                __nested_webpack_require_993__.r(__webpack_exports__);
-                /* harmony export */
-                __nested_webpack_require_993__.d(__webpack_exports__, {
-                  /* harmony export */"addTreeDepth": function addTreeDepth() {
-                    return (/* binding */_addTreeDepth
-                    );
-                  },
-                  /* harmony export */"addTreeIndent": function addTreeIndent() {
-                    return (/* binding */_addTreeIndent
-                    );
-                  },
-                  /* harmony export */"convertTree": function convertTree() {
-                    return (/* binding */_convertTree
-                    );
-                  },
-                  /* harmony export */"flatTree": function flatTree() {
-                    return (/* binding */_flatTree
-                    );
-                  },
-                  /* harmony export */"getAllDepth": function getAllDepth() {
-                    return (/* binding */_getAllDepth
-                    );
-                  }
-                  /* harmony export */
-                });
-
-                function _typeof(obj) {
-                  "@babel/helpers - typeof";
-
-                  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-                    return typeof obj;
-                  } : function (obj) {
-                    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-                  }, _typeof(obj);
-                }
-                var _excluded = ["children"];
-                function _objectWithoutProperties(source, excluded) {
-                  if (source == null) return {};
-                  var target = _objectWithoutPropertiesLoose(source, excluded);
-                  var key, i;
-                  if (Object.getOwnPropertySymbols) {
-                    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-                    for (i = 0; i < sourceSymbolKeys.length; i++) {
-                      key = sourceSymbolKeys[i];
-                      if (excluded.indexOf(key) >= 0) continue;
-                      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-                      target[key] = source[key];
-                    }
-                  }
-                  return target;
-                }
-                function _objectWithoutPropertiesLoose(source, excluded) {
-                  if (source == null) return {};
-                  var target = {};
-                  var sourceKeys = Object.keys(source);
-                  var key, i;
-                  for (i = 0; i < sourceKeys.length; i++) {
-                    key = sourceKeys[i];
-                    if (excluded.indexOf(key) >= 0) continue;
-                    target[key] = source[key];
-                  }
-                  return target;
-                }
-                function ownKeys(object, enumerableOnly) {
-                  var keys = Object.keys(object);
-                  if (Object.getOwnPropertySymbols) {
-                    var symbols = Object.getOwnPropertySymbols(object);
-                    enumerableOnly && (symbols = symbols.filter(function (sym) {
-                      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-                    })), keys.push.apply(keys, symbols);
-                  }
-                  return keys;
-                }
-                function _objectSpread(target) {
-                  for (var i = 1; i < arguments.length; i++) {
-                    var source = null != arguments[i] ? arguments[i] : {};
-                    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
-                      _defineProperty(target, key, source[key]);
-                    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
-                      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-                    });
-                  }
-                  return target;
-                }
-                function _defineProperty(obj, key, value) {
-                  key = _toPropertyKey(key);
-                  if (key in obj) {
-                    Object.defineProperty(obj, key, {
-                      value: value,
-                      enumerable: true,
-                      configurable: true,
-                      writable: true
-                    });
-                  } else {
-                    obj[key] = value;
-                  }
-                  return obj;
-                }
-                function _toPropertyKey(arg) {
-                  var key = _toPrimitive(arg, "string");
-                  return _typeof(key) === "symbol" ? key : String(key);
-                }
-                function _toPrimitive(input, hint) {
-                  if (_typeof(input) !== "object" || input === null) return input;
-                  var prim = input[Symbol.toPrimitive];
-                  if (prim !== undefined) {
-                    var res = prim.call(input, hint || "default");
-                    if (_typeof(res) !== "object") return res;
-                    throw new TypeError("@@toPrimitive must return a primitive value.");
-                  }
-                  return (hint === "string" ? String : Number)(input);
-                }
-                function _toConsumableArray(arr) {
-                  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
-                }
-                function _nonIterableSpread() {
-                  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-                }
-                function _unsupportedIterableToArray(o, minLen) {
-                  if (!o) return;
-                  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-                  var n = Object.prototype.toString.call(o).slice(8, -1);
-                  if (n === "Object" && o.constructor) n = o.constructor.name;
-                  if (n === "Map" || n === "Set") return Array.from(o);
-                  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-                }
-                function _iterableToArray(iter) {
-                  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-                }
-                function _arrayWithoutHoles(arr) {
-                  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
-                }
-                function _arrayLikeToArray(arr, len) {
-                  if (len == null || len > arr.length) len = arr.length;
-                  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-                  return arr2;
-                }
-                function _objectDestructuringEmpty(obj) {
-                  if (obj == null) throw new TypeError("Cannot destructure " + obj);
-                }
-                function _extends() {
-                  _extends = Object.assign ? Object.assign.bind() : function (target) {
-                    for (var i = 1; i < arguments.length; i++) {
-                      var source = arguments[i];
-                      for (var key in source) {
-                        if (Object.prototype.hasOwnProperty.call(source, key)) {
-                          target[key] = source[key];
-                        }
-                      }
-                    }
-                    return target;
-                  };
-                  return _extends.apply(this, arguments);
-                }
-                /**
-                 * Convert Tree
-                 * @param {Array} arr                    - Flat array
-                 * @param  {?string | ?number} parentId  - Parent id
-                 * @param  {?string} keyId               - Key value of id.
-                 * @param  {?string} keyParentId         - Key value of parent id.
-                 * @returns Array
-                 */
-                function _convertTree(arr) {
-                  var parentId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-                  var keyId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'id';
-                  var keyParentId = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'parent_id';
-                  if (!parentId) {
-                    // If there is no parent id (when recursing for the first time), all parents will be queried
-                    return arr.filter(function (item) {
-                      return !item[keyParentId];
-                    }).map(function (item) {
-                      // Query all child nodes by parent node ID
-                      item.children = _convertTree(arr, item[keyId], keyId, keyParentId);
-                      return item;
-                    });
-                  } else {
-                    return arr.filter(function (item) {
-                      return item[keyParentId] === parentId;
-                    }).map(function (item) {
-                      // Query all child nodes by parent node ID
-                      item.children = _convertTree(arr, item[keyId], keyId, keyParentId);
-                      return item;
-                    });
-                  }
-                }
-
-                /**
-                 * Flat tree
-                 * @param {Array} arr                    - Hierarchical array
-                 * @returns Array
-                 */
-                function _flatTree(arr) {
-                  var flatData = function flatData(_ref) {
-                    var rest = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
-                    var _rest$children = rest.children,
-                      children = _rest$children === void 0 ? [] : _rest$children;
-                    return [_objectSpread({}, rest)].concat(_toConsumableArray(children.flatMap(flatData)));
-                  };
-                  var result = arr.flatMap(flatData);
-
-                  //remove children from item
-                  result = result.map(function (item) {
-                    delete item.children;
-                    return item;
-                  });
-                  return result;
-                }
-
-                /**
-                 * Get all depth
-                 * @param {Object} node 
-                 * @returns Number
-                 */
-                function _getAllDepth(arr) {
-                  var count = function count(children) {
-                    return children.reduce(function (depth, child) {
-                      return Math.max(depth, 1 + count(child.children)); // increment depth of children by 1, and compare it with accumulated depth of other children within the same element
-                    }, 0); //default value 0 that's returned if there are no children
-                  };
-
-                  return count(arr);
-                }
-
-                /**
-                * Add depth to each item in the tree
-                * @param {Array} arr       - Hierarchical array
-                * @param  {?string} keyId               - Key value of id.
-                * @param  {?string} keyParentId         - Key value of parent id.
-                * @param  {?number} depth               - Depth of the item.
-                * @returns Number
-                */
-                function _addTreeDepth(arr) {
-                  var keyId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'id';
-                  var parentItem = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
-                  var depth = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
-                  return arr.reduce(function (acc, el) {
-                    var children = el.children,
-                      otherProps = _objectWithoutProperties(el, _excluded);
-                    acc.push(_objectSpread(_objectSpread({}, otherProps), {}, {
-                      parentItem: parentItem,
-                      depth: depth
-                    }));
-                    if (children) {
-                      return acc.concat(_addTreeDepth(children, keyId, el[keyId], depth + 1));
-                    }
-                    return acc;
-                  }, []);
-                }
-
-                /**
-                 * Add indent placeholder
-                 * @param {Array} arr                    - Flat array
-                 * @param  {?string} placeholder         - String of placeholder
-                 * @param  {?string} lastPlaceholder     - Last String of placeholder
-                 * @param  {?string} keyName             - Key value of name.
-                 * @returns Array
-                 */
-                function _addTreeIndent(arr) {
-                  var placeholder = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '&nbsp;&nbsp;&nbsp;&nbsp;';
-                  var lastPlaceholder = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
-                  var keyName = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'label';
-                  arr.forEach(function (item) {
-                    var indent = '';
-                    if (item.depth) {
-                      Array(item.depth).fill(0).forEach(function (k, i) {
-                        indent += placeholder;
-                        if (i === item.depth - 1) {
-                          item[keyName] = indent + lastPlaceholder + item[keyName];
-                        }
-                      });
-                    }
-                  });
-                }
-
-                /******/
-                return __webpack_exports__;
-                /******/
-              }()
-            );
-          });
-
-          /***/
-        },
-
-        /***/759: /***/function _(module, exports, __nested_webpack_require_29526__) {
-          /* module decorator */module = __nested_webpack_require_29526__.nmd(module);
-          var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;
-          function _typeof(obj) {
-            "@babel/helpers - typeof";
-
-            return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-              return typeof obj;
-            } : function (obj) {
-              return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-            }, _typeof(obj);
-          }
-          (function webpackUniversalModuleDefinition(root, factory) {
-            if (( false ? 0 : _typeof(exports)) === 'object' && ( false ? 0 : _typeof(module)) === 'object') module.exports = factory(__nested_webpack_require_29526__(787));else if (true) !(__WEBPACK_AMD_DEFINE_ARRAY__ = [__nested_webpack_require_29526__(787)], __WEBPACK_AMD_DEFINE_FACTORY__ = factory, __WEBPACK_AMD_DEFINE_RESULT__ = typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? __WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__) : __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));else {}
-          })(this, function (__WEBPACK_EXTERNAL_MODULE__787__) {
-            return (/******/function () {
-                // webpackBootstrap
-                /******/
-                "use strict";
-
-                /******/
-                var __webpack_modules__ = {
-                  /***/787: /***/function _(module) {
-                    module.exports = __WEBPACK_EXTERNAL_MODULE__787__;
-
-                    /***/
-                  }
-
-                  /******/
-                };
-                /************************************************************************/
-                /******/ // The module cache
-                /******/
-                var __webpack_module_cache__ = {};
-                /******/
-                /******/ // The require function
-                /******/
-                function __nested_webpack_require_1465__(moduleId) {
-                  /******/ // Check if module is in cache
-                  /******/var cachedModule = __webpack_module_cache__[moduleId];
-                  /******/
-                  if (cachedModule !== undefined) {
-                    /******/return cachedModule.exports;
-                    /******/
-                  }
-                  /******/ // Create a new module (and put it into the cache)
-                  /******/
-                  var module = __webpack_module_cache__[moduleId] = {
-                    /******/ // no module.id needed
-                    /******/ // no module.loaded needed
-                    /******/exports: {}
-                    /******/
-                  };
-                  /******/
-                  /******/ // Execute the module function
-                  /******/
-                  __webpack_modules__[moduleId](module, module.exports, __nested_webpack_require_1465__);
-                  /******/
-                  /******/ // Return the exports of the module
-                  /******/
-                  return module.exports;
-                  /******/
-                }
-                /******/
-                /************************************************************************/
-                /******/ /* webpack/runtime/compat get default export */
-                /******/
-                (function () {
-                  /******/ // getDefaultExport function for compatibility with non-harmony modules
-                  /******/__nested_webpack_require_1465__.n = function (module) {
-                    /******/var getter = module && module.__esModule ? /******/function () {
-                      return module['default'];
-                    } : /******/function () {
-                      return module;
-                    };
-                    /******/
-                    __nested_webpack_require_1465__.d(getter, {
-                      a: getter
-                    });
-                    /******/
-                    return getter;
-                    /******/
-                  };
-                  /******/
-                })();
-                /******/
-                /******/ /* webpack/runtime/define property getters */
-                /******/
-                (function () {
-                  /******/ // define getter functions for harmony exports
-                  /******/__nested_webpack_require_1465__.d = function (exports, definition) {
-                    /******/for (var key in definition) {
-                      /******/if (__nested_webpack_require_1465__.o(definition, key) && !__nested_webpack_require_1465__.o(exports, key)) {
-                        /******/Object.defineProperty(exports, key, {
-                          enumerable: true,
-                          get: definition[key]
-                        });
-                        /******/
-                      }
-                      /******/
-                    }
-                    /******/
-                  };
-                  /******/
-                })();
-                /******/
-                /******/ /* webpack/runtime/hasOwnProperty shorthand */
-                /******/
-                (function () {
-                  /******/__nested_webpack_require_1465__.o = function (obj, prop) {
-                    return Object.prototype.hasOwnProperty.call(obj, prop);
-                  };
-                  /******/
-                })();
-                /******/
-                /******/ /* webpack/runtime/make namespace object */
-                /******/
-                (function () {
-                  /******/ // define __esModule on exports
-                  /******/__nested_webpack_require_1465__.r = function (exports) {
-                    /******/if (typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-                      /******/Object.defineProperty(exports, Symbol.toStringTag, {
-                        value: 'Module'
-                      });
-                      /******/
-                    }
-                    /******/
-                    Object.defineProperty(exports, '__esModule', {
-                      value: true
-                    });
-                    /******/
-                  };
-                  /******/
-                })();
-                /******/
-                /************************************************************************/
-                var __webpack_exports__ = {};
-                // This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
-                (function () {
-                  __nested_webpack_require_1465__.r(__webpack_exports__);
-                  /* harmony export */
-                  __nested_webpack_require_1465__.d(__webpack_exports__, {
-                    /* harmony export */"default": function _default() {
-                      return __WEBPACK_DEFAULT_EXPORT__;
-                    },
-                    /* harmony export */"useBoundedDrag": function useBoundedDrag() {
-                      return (/* binding */_useBoundedDrag
-                      );
-                    }
-                    /* harmony export */
-                  });
-                  /* harmony import */
-                  var react__WEBPACK_IMPORTED_MODULE_0__ = __nested_webpack_require_1465__(787);
-                  /* harmony import */
-                  var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__nested_webpack_require_1465__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-                  function _slicedToArray(arr, i) {
-                    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-                  }
-                  function _nonIterableRest() {
-                    throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-                  }
-                  function _unsupportedIterableToArray(o, minLen) {
-                    if (!o) return;
-                    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-                    var n = Object.prototype.toString.call(o).slice(8, -1);
-                    if (n === "Object" && o.constructor) n = o.constructor.name;
-                    if (n === "Map" || n === "Set") return Array.from(o);
-                    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-                  }
-                  function _arrayLikeToArray(arr, len) {
-                    if (len == null || len > arr.length) len = arr.length;
-                    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-                    return arr2;
-                  }
-                  function _iterableToArrayLimit(arr, i) {
-                    var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
-                    if (null != _i) {
-                      var _s,
-                        _e,
-                        _x,
-                        _r,
-                        _arr = [],
-                        _n = !0,
-                        _d = !1;
-                      try {
-                        if (_x = (_i = _i.call(arr)).next, 0 === i) {
-                          if (Object(_i) !== _i) return;
-                          _n = !1;
-                        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
-                      } catch (err) {
-                        _d = !0, _e = err;
-                      } finally {
-                        try {
-                          if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
-                        } finally {
-                          if (_d) throw _e;
-                        }
-                      }
-                      return _arr;
-                    }
-                  }
-                  function _arrayWithHoles(arr) {
-                    if (Array.isArray(arr)) return arr;
-                  }
-                  /**
-                   * Bounded Drag
-                   * 
-                   * @usage:
-                  
-                  
-                  const App = () => {
-                      const [items, setItems] = useState<ListItem[]>([]);
-                      // ... other states and refs
-                        
-                      const deepCloneWithReactNode = (obj: any): any => {
-                          if (obj === null || typeof obj !== 'object') {
-                              return obj;
-                          }
-                  
-                          // Handle array
-                          if (Array.isArray(obj)) {
-                              return obj.map(item => deepCloneWithReactNode(item));
-                          }
-                  
-                          // Handle object
-                          const clonedObj: any = {};
-                          for (const key in obj) {
-                              if (key === 'appendControl') {
-                                  clonedObj[key] = obj[key];
-                              } else {
-                                  clonedObj[key] = deepCloneWithReactNode(obj[key]);
-                              }
-                          }
-                          return clonedObj;
-                      };
-                  
-                  
-                      const getItemWithChildrenIndices = (items: ListItem[], startIndex: number): number[] => {
-                          const indices = [startIndex];
-                          const startItem = items[startIndex];
-                          const startDepth = startItem.depth || 0;
-                  
-                          // Check if subsequent items are child items
-                          for (let i = startIndex + 1; i < items.length; i++) {
-                              const currentItem = items[i];
-                              const currentDepth = currentItem.depth || 0;
-                              if (currentDepth > startDepth) {
-                                  indices.push(i);
-                              } else {
-                                  break;
-                              }
-                          }
-                  
-                          return indices;
-                      };
-                  
-                  
-                      const { isDragging, dragHandlers } = useBoundedDrag({
-                          dragMode,
-                          boundarySelector: '.custom-draggable-list',
-                          itemSelector:'.custom-draggable-list__item',
-                          dragHandleSelector: '.custom-draggable-list__handle',
-                          onDragStart: (index: number) => {
-                              // Additional drag start logic if needed
-                          },
-                          onDragOver: (dragIndex: number | null, dropIndex: number | null) => {
-                              // Additional drag over logic if needed
-                          },
-                          onDragEnd: (dragIndex: number | null, dropIndex: number | null) => {
-                              if (dragIndex !== null && dropIndex !== null && dragIndex !== dropIndex) {
-                                  // Handle item movement
-                                  const newItems = deepCloneWithReactNode(items);
-                                  const itemsToMove = getItemWithChildrenIndices(newItems, dragIndex);
-                                  const itemsBeingMoved = itemsToMove.map(index => newItems[index]);
-                  
-                                  // ... rest of your existing drag end logic ...
-                  
-                                  setItems(updatedItems);
-                  
-                              }
-                          }
-                      });
-                  
-                      // Update your JSX to use the new handlers
-                      return (
-                          <ul className="custom-draggable-list">
-                          {items.map((item: any, index: number) => (
-                              <li
-                                  // ... other props
-                                  draggable={!draggable ? undefined : editingItem !== item.id && "true"}
-                                  onDragStart={!draggable ? undefined : (e) => dragHandlers.handleDragStart(e, index)}
-                                  onDragOver={!draggable ? undefined : dragHandlers.handleDragOver}
-                                  onDragEnd={!draggable ? undefined : dragHandlers.handleDragEnd}
-                                  onTouchStart={!draggable ? undefined : (e) => dragHandlers.handleDragStart(e, index)}
-                                  onTouchMove={!draggable ? undefined : dragHandlers.handleDragOver}
-                                  onTouchEnd={!draggable ? undefined : dragHandlers.handleDragEnd}
-                              >
-                                  <li className="custom-draggable-list__item">
-                                      <span className="custom-draggable-list__handle">☰</span>
-                                      <i>content {indec}<i>
-                                  </li>
-                              </li>
-                          ))}
-                      </ul>
-                  );
-                  
-                   */
-
-                  var _useBoundedDrag = function useBoundedDrag() {
-                    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-                    var _options$dragMode = options.dragMode,
-                      dragMode = _options$dragMode === void 0 ? 'handle' : _options$dragMode,
-                      _options$boundarySele = options.boundarySelector,
-                      boundarySelector = _options$boundarySele === void 0 ? '.custom-draggable-list' : _options$boundarySele,
-                      _options$itemSelector = options.itemSelector,
-                      itemSelector = _options$itemSelector === void 0 ? '.custom-draggable-list__item' : _options$itemSelector,
-                      _options$dragHandleSe = options.dragHandleSelector,
-                      dragHandleSelector = _options$dragHandleSe === void 0 ? '.custom-draggable-list__handle' : _options$dragHandleSe,
-                      onDragStart = options.onDragStart,
-                      onDragOver = options.onDragOver,
-                      onDragEnd = options.onDragEnd;
-                    var _useState = (0, react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
-                      _useState2 = _slicedToArray(_useState, 2),
-                      isDragging = _useState2[0],
-                      setIsDragging = _useState2[1];
-                    var dragItem = (0, react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
-                    var dragOverItem = (0, react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
-                    var dragNode = (0, react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
-                    var touchOffset = (0, react__WEBPACK_IMPORTED_MODULE_0__.useRef)({
-                      x: 0,
-                      y: 0
-                    });
-                    var currentHoverItem = (0, react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
-                    var handleDragStart = function handleDragStart(e, position) {
-                      var isTouch = ('touches' in e);
-                      var target = e.target;
-
-                      // For block mode or handle mode check
-                      if (dragMode === 'handle') {
-                        var handle = target.closest(dragHandleSelector);
-                        if (!handle) {
-                          if (!isTouch) e.preventDefault();
-                          return false;
-                        }
-                      }
-
-                      // Find the draggable item
-                      var listItem = target.closest(itemSelector);
-                      if (!listItem) return;
-
-                      // Check boundary
-                      var boundary = listItem.closest(boundarySelector);
-                      if (!boundary) return;
-                      dragItem.current = position;
-                      onDragStart === null || onDragStart === void 0 ? void 0 : onDragStart(position);
-                      if (isTouch) {
-                        e.preventDefault(); // Prevent scrolling
-                        var touch = e.touches[0];
-                        var rect = listItem.getBoundingClientRect();
-                        var boundaryRect = boundary.getBoundingClientRect();
-
-                        // Calculate offset relative to the boundary
-                        touchOffset.current = {
-                          x: touch.clientX - rect.left,
-                          y: touch.clientY - rect.top
-                        };
-
-                        // Clone the item for dragging
-                        dragNode.current = listItem.cloneNode(true);
-                        dragNode.current.classList.add('dragging');
-
-                        // Style the clone
-                        Object.assign(dragNode.current.style, {
-                          position: 'fixed',
-                          width: "".concat(rect.width, "px"),
-                          height: "".concat(rect.height, "px"),
-                          left: "".concat(rect.left, "px"),
-                          top: "".concat(rect.top, "px"),
-                          zIndex: '1000',
-                          pointerEvents: 'none',
-                          transform: 'scale(1.05)',
-                          transition: 'transform 0.1s',
-                          opacity: '0.9'
-                        });
-                        document.body.appendChild(dragNode.current);
-                        setIsDragging(true);
-                        listItem.classList.add('dragging-placeholder');
-                      } else {
-                        // ... desktop drag logic remains the same ...
-                      }
-                    };
-                    var handleDragOver = function handleDragOver(e) {
-                      e.preventDefault();
-                      var isTouch = ('touches' in e);
-                      if (!isTouch) {
-                        e.dataTransfer.dropEffect = 'move';
-                      }
-
-                      // Get the current pointer/touch position
-                      var point = isTouch ? e.touches[0] : {
-                        clientX: e.clientX,
-                        clientY: e.clientY
-                      };
-
-                      // Update dragged element position for touch events
-                      if (isTouch && isDragging && dragNode.current) {
-                        dragNode.current.style.left = "".concat(point.clientX - touchOffset.current.x, "px");
-                        dragNode.current.style.top = "".concat(point.clientY - touchOffset.current.y, "px");
-                      }
-
-                      // Find the element below the pointer/touch
-                      var elemBelow = document.elementFromPoint(point.clientX, point.clientY);
-                      if (!elemBelow) return;
-
-                      // Find the closest list item
-                      var listItem = elemBelow.closest(itemSelector);
-                      if (!listItem || listItem === currentHoverItem.current) return;
-
-                      // Check boundary
-                      var boundary = listItem.closest(boundarySelector);
-                      if (!boundary) return;
-
-                      // Update hover states
-                      if (currentHoverItem.current) {
-                        currentHoverItem.current.classList.remove('drag-over', 'drag-over-top', 'drag-over-bottom');
-                      }
-                      currentHoverItem.current = listItem;
-                      listItem.classList.add('drag-over');
-
-                      // Calculate position in list
-                      var position = Array.from(listItem.parentNode.children).indexOf(listItem);
-                      dragOverItem.current = position;
-
-                      // Determine drop position (top/bottom)
-                      var rect = listItem.getBoundingClientRect();
-                      var middleY = rect.top + rect.height / 2;
-                      if (point.clientY < middleY) {
-                        listItem.classList.add('drag-over-top');
-                      } else {
-                        listItem.classList.add('drag-over-bottom');
-                      }
-                      onDragOver === null || onDragOver === void 0 ? void 0 : onDragOver(dragItem.current, dragOverItem.current);
-                    };
-                    var handleDragEnd = function handleDragEnd(e) {
-                      var isTouch = ('touches' in e);
-                      if (isTouch && !isDragging) return;
-                      onDragEnd === null || onDragEnd === void 0 ? void 0 : onDragEnd(dragItem.current, dragOverItem.current);
-
-                      // Cleanup
-                      if (dragNode.current) {
-                        dragNode.current.remove();
-                        dragNode.current = null;
-                      }
-                      document.querySelectorAll(itemSelector).forEach(function (item) {
-                        item.style.opacity = '1';
-                        item.classList.remove('dragging', 'dragging-placeholder', 'drag-over', 'drag-over-top', 'drag-over-bottom');
-                      });
-                      setIsDragging(false);
-                      currentHoverItem.current = null;
-                      dragItem.current = null;
-                      dragOverItem.current = null;
-                    };
-                    return {
-                      isDragging: isDragging,
-                      dragHandlers: {
-                        handleDragStart: handleDragStart,
-                        handleDragOver: handleDragOver,
-                        handleDragEnd: handleDragEnd
-                      }
-                    };
-                  };
-                  /* harmony default export */
-                  var __WEBPACK_DEFAULT_EXPORT__ = _useBoundedDrag;
-                })();
-
-                /******/
-                return __webpack_exports__;
-                /******/
-              }()
-            );
-          });
-
-          /***/
-        },
-
-        /***/787: /***/function _(module) {
-          "use strict";
-
-          module.exports = __WEBPACK_EXTERNAL_MODULE__787__;
-
-          /***/
-        }
-
-        /******/
-      };
-      /************************************************************************/
-      /******/ // The module cache
-      /******/
-      var __webpack_module_cache__ = {};
-      /******/
-      /******/ // The require function
-      /******/
-      function __nested_webpack_require_54634__(moduleId) {
-        /******/ // Check if module is in cache
-        /******/var cachedModule = __webpack_module_cache__[moduleId];
-        /******/
-        if (cachedModule !== undefined) {
-          /******/return cachedModule.exports;
-          /******/
-        }
-        /******/ // Create a new module (and put it into the cache)
-        /******/
-        var module = __webpack_module_cache__[moduleId] = {
-          /******/id: moduleId,
-          /******/loaded: false,
-          /******/exports: {}
-          /******/
-        };
-        /******/
-        /******/ // Execute the module function
-        /******/
-        __webpack_modules__[moduleId].call(module.exports, module, module.exports, __nested_webpack_require_54634__);
-        /******/
-        /******/ // Flag the module as loaded
-        /******/
-        module.loaded = true;
-        /******/
-        /******/ // Return the exports of the module
-        /******/
-        return module.exports;
-        /******/
-      }
-      /******/
-      /************************************************************************/
-      /******/ /* webpack/runtime/compat get default export */
-      /******/
-      (function () {
-        /******/ // getDefaultExport function for compatibility with non-harmony modules
-        /******/__nested_webpack_require_54634__.n = function (module) {
-          /******/var getter = module && module.__esModule ? /******/function () {
-            return module['default'];
-          } : /******/function () {
-            return module;
-          };
-          /******/
-          __nested_webpack_require_54634__.d(getter, {
-            a: getter
-          });
-          /******/
-          return getter;
-          /******/
-        };
-        /******/
-      })();
-      /******/
-      /******/ /* webpack/runtime/define property getters */
-      /******/
-      (function () {
-        /******/ // define getter functions for harmony exports
-        /******/__nested_webpack_require_54634__.d = function (exports, definition) {
-          /******/for (var key in definition) {
-            /******/if (__nested_webpack_require_54634__.o(definition, key) && !__nested_webpack_require_54634__.o(exports, key)) {
-              /******/Object.defineProperty(exports, key, {
-                enumerable: true,
-                get: definition[key]
-              });
-              /******/
-            }
-            /******/
-          }
-          /******/
-        };
-        /******/
-      })();
-      /******/
-      /******/ /* webpack/runtime/hasOwnProperty shorthand */
-      /******/
-      (function () {
-        /******/__nested_webpack_require_54634__.o = function (obj, prop) {
-          return Object.prototype.hasOwnProperty.call(obj, prop);
-        };
-        /******/
-      })();
-      /******/
-      /******/ /* webpack/runtime/make namespace object */
-      /******/
-      (function () {
-        /******/ // define __esModule on exports
-        /******/__nested_webpack_require_54634__.r = function (exports) {
-          /******/if (typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-            /******/Object.defineProperty(exports, Symbol.toStringTag, {
-              value: 'Module'
-            });
-            /******/
-          }
-          /******/
-          Object.defineProperty(exports, '__esModule', {
-            value: true
-          });
-          /******/
-        };
-        /******/
-      })();
-      /******/
-      /******/ /* webpack/runtime/node module decorator */
-      /******/
-      (function () {
-        /******/__nested_webpack_require_54634__.nmd = function (module) {
-          /******/module.paths = [];
-          /******/
-          if (!module.children) module.children = [];
-          /******/
-          return module;
-          /******/
-        };
-        /******/
-      })();
-      /******/
-      /************************************************************************/
-      var __webpack_exports__ = {};
-      // This entry need to be wrapped in an IIFE because it need to be in strict mode.
-      (function () {
-        "use strict";
-
-        __nested_webpack_require_54634__.r(__webpack_exports__);
-        /* harmony export */
-        __nested_webpack_require_54634__.d(__webpack_exports__, {
-          /* harmony export */"default": function _default() {
-            return __WEBPACK_DEFAULT_EXPORT__;
-          }
-          /* harmony export */
-        });
-        /* harmony import */
-        var react__WEBPACK_IMPORTED_MODULE_0__ = __nested_webpack_require_54634__(787);
-        /* harmony import */
-        var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__nested_webpack_require_54634__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-        /* harmony import */
-        var funda_utils_dist_cjs_tree__WEBPACK_IMPORTED_MODULE_1__ = __nested_webpack_require_54634__(438);
-        /* harmony import */
-        var funda_utils_dist_cjs_tree__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__nested_webpack_require_54634__.n(funda_utils_dist_cjs_tree__WEBPACK_IMPORTED_MODULE_1__);
-        /* harmony import */
-        var funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_2__ = __nested_webpack_require_54634__(188);
-        /* harmony import */
-        var funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__nested_webpack_require_54634__.n(funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_2__);
-        /* harmony import */
-        var funda_utils_dist_cjs_useBoundedDrag__WEBPACK_IMPORTED_MODULE_3__ = __nested_webpack_require_54634__(759);
-        /* harmony import */
-        var funda_utils_dist_cjs_useBoundedDrag__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__nested_webpack_require_54634__.n(funda_utils_dist_cjs_useBoundedDrag__WEBPACK_IMPORTED_MODULE_3__);
-        var _excluded = ["wrapperClassName", "prefix", "data", "draggable", "handleHide", "handleIcon", "handlePos", "dragMode", "editable", "itemStyle", "hierarchical", "indentation", "doubleIndent", "alternateCollapse", "arrow", "onUpdate"];
-        function _extends() {
-          _extends = Object.assign ? Object.assign.bind() : function (target) {
-            for (var i = 1; i < arguments.length; i++) {
-              var source = arguments[i];
-              for (var key in source) {
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                  target[key] = source[key];
-                }
-              }
-            }
-            return target;
-          };
-          return _extends.apply(this, arguments);
-        }
-        function ownKeys(object, enumerableOnly) {
-          var keys = Object.keys(object);
-          if (Object.getOwnPropertySymbols) {
-            var symbols = Object.getOwnPropertySymbols(object);
-            enumerableOnly && (symbols = symbols.filter(function (sym) {
-              return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            })), keys.push.apply(keys, symbols);
-          }
-          return keys;
-        }
-        function _objectSpread(target) {
-          for (var i = 1; i < arguments.length; i++) {
-            var source = null != arguments[i] ? arguments[i] : {};
-            i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
-              _defineProperty(target, key, source[key]);
-            }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
-              Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-            });
-          }
-          return target;
-        }
-        function _defineProperty(obj, key, value) {
-          key = _toPropertyKey(key);
-          if (key in obj) {
-            Object.defineProperty(obj, key, {
-              value: value,
-              enumerable: true,
-              configurable: true,
-              writable: true
-            });
-          } else {
-            obj[key] = value;
-          }
-          return obj;
-        }
-        function _toPropertyKey(arg) {
-          var key = _toPrimitive(arg, "string");
-          return _typeof(key) === "symbol" ? key : String(key);
-        }
-        function _toPrimitive(input, hint) {
-          if (_typeof(input) !== "object" || input === null) return input;
-          var prim = input[Symbol.toPrimitive];
-          if (prim !== undefined) {
-            var res = prim.call(input, hint || "default");
-            if (_typeof(res) !== "object") return res;
-            throw new TypeError("@@toPrimitive must return a primitive value.");
-          }
-          return (hint === "string" ? String : Number)(input);
-        }
-        function _toConsumableArray(arr) {
-          return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
-        }
-        function _nonIterableSpread() {
-          throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-        }
-        function _iterableToArray(iter) {
-          if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-        }
-        function _arrayWithoutHoles(arr) {
-          if (Array.isArray(arr)) return _arrayLikeToArray(arr);
-        }
-        function _typeof(obj) {
-          "@babel/helpers - typeof";
-
-          return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-            return typeof obj;
-          } : function (obj) {
-            return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-          }, _typeof(obj);
-        }
-        function _slicedToArray(arr, i) {
-          return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-        }
-        function _nonIterableRest() {
-          throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-        }
-        function _unsupportedIterableToArray(o, minLen) {
-          if (!o) return;
-          if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-          var n = Object.prototype.toString.call(o).slice(8, -1);
-          if (n === "Object" && o.constructor) n = o.constructor.name;
-          if (n === "Map" || n === "Set") return Array.from(o);
-          if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-        }
-        function _arrayLikeToArray(arr, len) {
-          if (len == null || len > arr.length) len = arr.length;
-          for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-          return arr2;
-        }
-        function _iterableToArrayLimit(arr, i) {
-          var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
-          if (null != _i) {
-            var _s,
-              _e,
-              _x,
-              _r,
-              _arr = [],
-              _n = !0,
-              _d = !1;
-            try {
-              if (_x = (_i = _i.call(arr)).next, 0 === i) {
-                if (Object(_i) !== _i) return;
-                _n = !1;
-              } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
-            } catch (err) {
-              _d = !0, _e = err;
-            } finally {
-              try {
-                if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
-              } finally {
-                if (_d) throw _e;
-              }
-            }
-            return _arr;
-          }
-        }
-        function _arrayWithHoles(arr) {
-          if (Array.isArray(arr)) return arr;
-        }
-        function _objectWithoutProperties(source, excluded) {
-          if (source == null) return {};
-          var target = _objectWithoutPropertiesLoose(source, excluded);
-          var key, i;
-          if (Object.getOwnPropertySymbols) {
-            var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-            for (i = 0; i < sourceSymbolKeys.length; i++) {
-              key = sourceSymbolKeys[i];
-              if (excluded.indexOf(key) >= 0) continue;
-              if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-              target[key] = source[key];
-            }
-          }
-          return target;
-        }
-        function _objectWithoutPropertiesLoose(source, excluded) {
-          if (source == null) return {};
-          var target = {};
-          var sourceKeys = Object.keys(source);
-          var key, i;
-          for (i = 0; i < sourceKeys.length; i++) {
-            key = sourceKeys[i];
-            if (excluded.indexOf(key) >= 0) continue;
-            target[key] = source[key];
-          }
-          return target;
-        }
-        var DragDropList = /*#__PURE__*/(0, react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function (props, externalRef) {
-          var wrapperClassName = props.wrapperClassName,
-            _props$prefix = props.prefix,
-            prefix = _props$prefix === void 0 ? 'custom' : _props$prefix,
-            data = props.data,
-            _props$draggable = props.draggable,
-            draggable = _props$draggable === void 0 ? true : _props$draggable,
-            _props$handleHide = props.handleHide,
-            handleHide = _props$handleHide === void 0 ? false : _props$handleHide,
-            _props$handleIcon = props.handleIcon,
-            handleIcon = _props$handleIcon === void 0 ? '☰' : _props$handleIcon,
-            _props$handlePos = props.handlePos,
-            handlePos = _props$handlePos === void 0 ? 'left' : _props$handlePos,
-            _props$dragMode = props.dragMode,
-            dragMode = _props$dragMode === void 0 ? 'handle' : _props$dragMode,
-            _props$editable = props.editable,
-            editable = _props$editable === void 0 ? false : _props$editable,
-            itemStyle = props.itemStyle,
-            _props$hierarchical = props.hierarchical,
-            hierarchical = _props$hierarchical === void 0 ? true : _props$hierarchical,
-            indentation = props.indentation,
-            doubleIndent = props.doubleIndent,
-            alternateCollapse = props.alternateCollapse,
-            _props$arrow = props.arrow,
-            arrow = _props$arrow === void 0 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react__WEBPACK_IMPORTED_MODULE_0___default().Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg", {
-              viewBox: "0 0 22 22",
-              width: "8px"
-            }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path", {
-              d: "m345.44 248.29l-194.29 194.28c-12.359 12.365-32.397 12.365-44.75 0-12.354-12.354-12.354-32.391 0-44.744l171.91-171.91-171.91-171.9c-12.354-12.359-12.354-32.394 0-44.748 12.354-12.359 32.391-12.359 44.75 0l194.29 194.28c6.177 6.18 9.262 14.271 9.262 22.366 0 8.099-3.091 16.196-9.267 22.373",
-              transform: "matrix(.03541-.00013.00013.03541 2.98 3.02)",
-              fill: "#a5a5a5"
-            }))) : _props$arrow,
-            onUpdate = props.onUpdate,
-            attributes = _objectWithoutProperties(props, _excluded);
-          var INDENT_PLACEHOLDER = doubleIndent ? "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" : "&nbsp;&nbsp;&nbsp;&nbsp;";
-          var INDENT_LAST_PLACEHOLDER = "".concat(typeof indentation !== 'undefined' && indentation !== '' ? "".concat(indentation, "&nbsp;&nbsp;") : '');
-          var rootRef = (0, react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
-          var _useState = (0, react__WEBPACK_IMPORTED_MODULE_0__.useState)([]),
-            _useState2 = _slicedToArray(_useState, 2),
-            items = _useState2[0],
-            setItems = _useState2[1];
-          var _useState3 = (0, react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),
-            _useState4 = _slicedToArray(_useState3, 2),
-            editingItem = _useState4[0],
-            setEditingItem = _useState4[1];
-          var dragHandle = (0, react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
-
-          // Edit
-          var _useState5 = (0, react__WEBPACK_IMPORTED_MODULE_0__.useState)({}),
-            _useState6 = _slicedToArray(_useState5, 2),
-            editValue = _useState6[0],
-            setEditValue = _useState6[1];
-
-          // Collapse/Expand
-          var _useState7 = (0, react__WEBPACK_IMPORTED_MODULE_0__.useState)(new Set()),
-            _useState8 = _slicedToArray(_useState7, 2),
-            collapsedItems = _useState8[0],
-            setCollapsedItems = _useState8[1];
-
-          // Get editable field list
-          var getEditableFields = function getEditableFields(item) {
-            // Exclude fields that don't need to be edited
-            var excludeFields = ['id', 'parentId', 'depth', 'children', 'disabled', 'appendControl', 'parentItem'];
-            return Object.keys(item).filter(function (key) {
-              return !excludeFields.includes(key);
-            });
-          };
-
-          // ================================================================
-          // General
-          // ================================================================
-          var deepCloneWithReactNode = function deepCloneWithReactNode(obj) {
-            if (obj === null || _typeof(obj) !== 'object') {
-              return obj;
-            }
-
-            // Handle array
-            if (Array.isArray(obj)) {
-              return obj.map(function (item) {
-                return deepCloneWithReactNode(item);
-              });
-            }
-
-            // Handle object
-            var clonedObj = {};
-            for (var _key in obj) {
-              if (_key === 'appendControl') {
-                clonedObj[_key] = obj[_key];
-              } else {
-                clonedObj[_key] = deepCloneWithReactNode(obj[_key]);
-              }
-            }
-            return clonedObj;
-          };
-          var getItemWithChildrenIndices = function getItemWithChildrenIndices(items, startIndex) {
-            var indices = [startIndex];
-            var startItem = items[startIndex];
-            var startDepth = startItem.depth || 0;
-
-            // Check if subsequent items are child items
-            for (var i = startIndex + 1; i < items.length; i++) {
-              var currentItem = items[i];
-              var currentDepth = currentItem.depth || 0;
-              if (currentDepth > startDepth) {
-                indices.push(i);
-              } else {
-                break;
-              }
-            }
-            return indices;
-          };
-          var getIndentStr = function getIndentStr(item) {
-            // Add indent placeholder
-            var indent = '';
-            var depthData = item.depth;
-            if (depthData) {
-              Array(depthData).fill(0).forEach(function (k, i) {
-                indent += INDENT_PLACEHOLDER;
-                if (i === depthData - 1) {
-                  indent += INDENT_LAST_PLACEHOLDER;
-                }
-              });
-            }
-            return indent;
-          };
-
-          // ================================================================
-          // Collapse/Expand
-          // ================================================================
-          // Add collapse/expand handler function
-          var handleCollapse = function handleCollapse(itemId, e) {
-            e.preventDefault();
-            e.stopPropagation();
-            setCollapsedItems(function (prev) {
-              var newCollapsed = new Set(prev);
-              if (newCollapsed.has(itemId)) {
-                newCollapsed["delete"](itemId);
-              } else {
-                newCollapsed.add(itemId);
-              }
-              return newCollapsed;
-            });
-          };
-
-          // Helper function to determine if an item should be displayed
-          var shouldShowItem = function shouldShowItem(item) {
-            if (!alternateCollapse) return true;
-            var currentId = item.parentId;
-            while (currentId) {
-              if (collapsedItems.has(currentId)) {
-                return false;
-              }
-              var parentItem = items.find(function (i) {
-                return i.id === currentId;
-              });
-              currentId = parentItem === null || parentItem === void 0 ? void 0 : parentItem.parentId;
-            }
-            return true;
-          };
-          var hasChildren = function hasChildren(itemId) {
-            return items.some(function (item) {
-              return item.parentId === itemId;
-            });
-          };
-
-          // ================================================================
-          // Drag & Drop Handlers (Desktop & Touch)
-          // ================================================================
-          var _useBoundedDrag = funda_utils_dist_cjs_useBoundedDrag__WEBPACK_IMPORTED_MODULE_3___default()({
-              dragMode: dragMode,
-              boundarySelector: ".".concat(prefix, "-draggable-list"),
-              itemSelector: ".".concat(prefix, "-draggable-list__item"),
-              dragHandleSelector: ".".concat(prefix, "-draggable-list__handle"),
-              onDragStart: function onDragStart(index) {
-                // Additional drag start logic if needed
-              },
-              onDragOver: function onDragOver(dragIndex, dropIndex) {
-                // Additional drag over logic if needed
-              },
-              onDragEnd: function onDragEnd(dragIndex, dropIndex) {
-                if (dragIndex !== null && dropIndex !== null && dragIndex !== dropIndex) {
-                  var _newItems$dragIndex, _newItems$dragIndex2, _newItems$dropIndex;
-                  // Handle item movement
-                  var newItems = deepCloneWithReactNode(items);
-                  var itemsToMove = getItemWithChildrenIndices(newItems, dragIndex);
-                  var itemsBeingMoved = itemsToMove.map(function (index) {
-                    return newItems[index];
-                  });
-
-                  // ... rest of your existing drag end logic ...
-
-                  var _targetId = (_newItems$dragIndex = newItems[dragIndex]) === null || _newItems$dragIndex === void 0 ? void 0 : _newItems$dragIndex.id;
-
-                  // Calculate depth difference
-                  var draggedDepth = ((_newItems$dragIndex2 = newItems[dragIndex]) === null || _newItems$dragIndex2 === void 0 ? void 0 : _newItems$dragIndex2.depth) || 0;
-                  var dropDepth = ((_newItems$dropIndex = newItems[dropIndex]) === null || _newItems$dropIndex === void 0 ? void 0 : _newItems$dropIndex.depth) || 0;
-                  var depthDiff = dropDepth - draggedDepth;
-
-                  // Adjust depth for all moving items
-                  itemsBeingMoved.forEach(function (item) {
-                    if (item.depth !== undefined) {
-                      item.depth += depthDiff;
-                    }
-                  });
-
-                  // Remove all items from their original location (from back to front to keep indexing correct)
-                  itemsToMove.reverse().forEach(function (index) {
-                    newItems.splice(index, 1);
-                  });
-
-                  // Calculate new insert position
-                  var insertIndex = dropIndex;
-                  if (dropIndex > dragIndex) {
-                    insertIndex -= itemsToMove.length;
-                  }
-
-                  // Insert all items
-                  newItems.splice.apply(newItems, [insertIndex, 0].concat(_toConsumableArray(itemsBeingMoved)));
-
-                  // Rebuild tree structure
-                  var tree = hierarchical ? (0, funda_utils_dist_cjs_tree__WEBPACK_IMPORTED_MODULE_1__.convertTree)(newItems, '', 'id', 'parentId') : newItems;
-                  var updatedItems = hierarchical ? (0, funda_utils_dist_cjs_tree__WEBPACK_IMPORTED_MODULE_1__.addTreeDepth)(tree) : tree;
-                  setItems(updatedItems);
-                  onUpdate === null || onUpdate === void 0 ? void 0 : onUpdate(updatedItems, _targetId);
-                }
-              }
-            }),
-            isDragging = _useBoundedDrag.isDragging,
-            dragHandlers = _useBoundedDrag.dragHandlers;
-
-          // ================================================================
-          // Editable
-          // ================================================================
-
-          var handleDoubleClick = function handleDoubleClick(item) {
-            if (!editable) return;
-            setEditingItem(item.id);
-            // Only editable fields are copied
-            var editableFields = getEditableFields(item);
-            var editableValues = editableFields.reduce(function (acc, field) {
-              return _objectSpread(_objectSpread({}, acc), {}, _defineProperty({}, field, item[field]));
-            }, {});
-            setEditValue(editableValues);
-          };
-          var handleEditCancel = function handleEditCancel() {
-            setEditingItem(null);
-            setEditValue({});
-          };
-          var handleEditSave = function handleEditSave(itemId) {
-            var newItems = items.map(function (item) {
-              if (item.id === itemId) {
-                return _objectSpread(_objectSpread({}, item), editValue);
-              }
-              return item;
-            });
-            setItems(newItems);
-            onUpdate === null || onUpdate === void 0 ? void 0 : onUpdate(newItems, itemId);
-            setEditingItem(null);
-            setEditValue({});
-          };
-          var handleInputChange = function handleInputChange(field, value) {
-            setEditValue(function (prev) {
-              return _objectSpread(_objectSpread({}, prev), {}, _defineProperty({}, field, value));
-            });
-          };
-          var handleKeyDown = function handleKeyDown(e, itemId) {
-            if (e.key === 'Enter') {
-              handleEditSave(itemId);
-            } else if (e.key === 'Escape') {
-              handleEditCancel();
-            }
-          };
-          var renderEditForm = function renderEditForm(item) {
-            var editableFields = getEditableFields(item);
-            return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-              className: "".concat(prefix, "-draggable-list__edit-form")
-            }, editableFields.map(function (field) {
-              return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-                key: field,
-                className: "".concat(prefix, "-draggable-list__edit-field")
-              }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", null, field, ":"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", {
-                type: "text",
-                value: editValue[field] || '',
-                onChange: function onChange(e) {
-                  return handleInputChange(field, e.target.value);
-                },
-                onKeyDown: function onKeyDown(e) {
-                  return handleKeyDown(e, item.id);
-                },
-                placeholder: field,
-                autoFocus: field === editableFields[0]
-              }));
-            }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-              className: "".concat(prefix, "-draggable-list__edit-buttons")
-            }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", {
-              onClick: function onClick() {
-                return handleEditSave(item.id);
-              }
-            }, "\u2713"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", {
-              onClick: handleEditCancel
-            }, "\u2715")));
-          };
-          (0, react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
-            // data init
-            //--------------
-            if (typeof data !== 'undefined' && Array.isArray(data)) {
-              var tree = hierarchical ? (0, funda_utils_dist_cjs_tree__WEBPACK_IMPORTED_MODULE_1__.convertTree)(data, '', 'id', 'parentId') : data;
-              var _ORGIN_DATA = hierarchical ? (0, funda_utils_dist_cjs_tree__WEBPACK_IMPORTED_MODULE_1__.addTreeDepth)(tree) : tree;
-              setItems(_ORGIN_DATA);
-            }
-          }, [data]);
-          return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", _extends({}, attributes, {
-            ref: function ref(node) {
-              rootRef.current = node;
-              if (typeof externalRef === 'function') {
-                externalRef(node);
-              } else if (externalRef) {
-                externalRef.current = node;
-              }
-            },
-            className: (0, funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_2__.combinedCls)("".concat(prefix, "-draggable-list"), (0, funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_2__.clsWrite)(wrapperClassName, 'mb-3'), (0, funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_2__.clsWrite)(dragMode, 'handle'), "handle-pos-".concat(handlePos !== null && handlePos !== void 0 ? handlePos : 'left'), {
-              'draggable': draggable,
-              'icon-hide': handleHide,
-              'alternate-collapse': alternateCollapse
-            })
-          }), items.map(function (item, index) {
-            // If the item should be hidden, the rendering is skipped
-            if (!shouldShowItem(item)) return null;
-
-            // collapse
-            var hasChildItems = hasChildren(item.id);
-            var isCollapsed = collapsedItems.has(item.id);
-            return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", {
-              key: item.id,
-              "data-index": index,
-              "data-id": item.id,
-              "data-parent-id": item.parentId,
-              "data-value": item.value,
-              "data-label": item.label,
-              "data-listitemlabel": item.listItemLabel,
-              className: (0, funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_2__.combinedCls)("".concat(prefix, "-draggable-list__item"), (0, funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_2__.clsWrite)(dragMode, 'handle'), {
-                'disabled': item.disabled,
-                'draggable': draggable,
-                'editing': editingItem === item.id,
-                // collapse
-                'has-children': hasChildItems,
-                'collapsed': isCollapsed
-              }),
-              draggable: !draggable ? undefined : editingItem !== item.id && "true",
-              onDragStart: !draggable ? undefined : function (e) {
-                return dragHandlers.handleDragStart(e, index);
-              },
-              onDragOver: !draggable ? undefined : dragHandlers.handleDragOver,
-              onDragEnd: !draggable ? undefined : dragHandlers.handleDragEnd,
-              onTouchStart: !draggable ? undefined : function (e) {
-                return dragHandlers.handleDragStart(e, index);
-              },
-              onTouchMove: !draggable ? undefined : dragHandlers.handleDragOver,
-              onTouchEnd: !draggable ? undefined : dragHandlers.handleDragEnd,
-              style: itemStyle,
-              onDoubleClick: function onDoubleClick() {
-                return handleDoubleClick(item);
-              }
-            }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-              className: "".concat(prefix, "-draggable-list__itemcontent")
-            }, draggable && !handleHide ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", {
-              ref: dragHandle,
-              className: "".concat(prefix, "-draggable-list__handle ").concat(handlePos !== null && handlePos !== void 0 ? handlePos : 'left'),
-              draggable: dragMode === 'handle',
-              dangerouslySetInnerHTML: {
-                __html: "".concat(handleIcon)
-              }
-            }) : null, editingItem === item.id ? renderEditForm(item) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-              className: "".concat(prefix, "-draggable-list__itemcontent-inner")
-            }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-              className: "".concat(prefix, "-draggable-list__itemlabel")
-            }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", {
-              dangerouslySetInnerHTML: {
-                __html: "".concat(getIndentStr(item)).concat(typeof item.listItemLabel === 'undefined' ? item.label : item.listItemLabel)
-              }
-            }), alternateCollapse && hasChildItems && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", {
-              className: "".concat(prefix, "-draggable-list__collapse-arrow"),
-              onClick: function onClick(e) {
-                return handleCollapse(item.id, e);
-              }
-            }, arrow || (isCollapsed ? '▶' : '▼'))), item.appendControl ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react__WEBPACK_IMPORTED_MODULE_0___default().Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-              className: "".concat(prefix, "-draggable-list__itemext"),
-              id: "".concat(prefix, "-draggable-list__itemext-").concat(item.value)
-            }, item.appendControl)) : null)));
-          }));
-        });
-        /* harmony default export */
-        var __WEBPACK_DEFAULT_EXPORT__ = DragDropList;
-      })();
-
-      /******/
-      return __webpack_exports__;
-      /******/
-    }()
-  );
-});
-
-/***/ }),
-
-/***/ 188:
-/***/ (function(module, exports, __webpack_require__) {
-
-/* module decorator */ module = __webpack_require__.nmd(module);
-var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;function _typeof2(obj) { "@babel/helpers - typeof"; return _typeof2 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof2(obj); }
-(function webpackUniversalModuleDefinition(root, factory) {
-  if (( false ? 0 : _typeof2(exports)) === 'object' && ( false ? 0 : _typeof2(module)) === 'object') module.exports = factory();else if (true) !(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
-		__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
-		(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
-		__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));else {}
-})(this, function () {
-  return (/******/function () {
-      // webpackBootstrap
-      /******/
-      "use strict";
-
-      /******/ // The require scope
-      /******/
-      var __nested_webpack_require_993__ = {};
-      /******/
-      /************************************************************************/
-      /******/ /* webpack/runtime/define property getters */
-      /******/
-      (function () {
-        /******/ // define getter functions for harmony exports
-        /******/__nested_webpack_require_993__.d = function (exports, definition) {
-          /******/for (var key in definition) {
-            /******/if (__nested_webpack_require_993__.o(definition, key) && !__nested_webpack_require_993__.o(exports, key)) {
-              /******/Object.defineProperty(exports, key, {
-                enumerable: true,
-                get: definition[key]
-              });
-              /******/
-            }
-            /******/
-          }
-          /******/
-        };
-        /******/
-      })();
-      /******/
-      /******/ /* webpack/runtime/hasOwnProperty shorthand */
-      /******/
-      (function () {
-        /******/__nested_webpack_require_993__.o = function (obj, prop) {
-          return Object.prototype.hasOwnProperty.call(obj, prop);
-        };
-        /******/
-      })();
-      /******/
-      /******/ /* webpack/runtime/make namespace object */
-      /******/
-      (function () {
-        /******/ // define __esModule on exports
-        /******/__nested_webpack_require_993__.r = function (exports) {
-          /******/if (typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-            /******/Object.defineProperty(exports, Symbol.toStringTag, {
-              value: 'Module'
-            });
-            /******/
-          }
-          /******/
-          Object.defineProperty(exports, '__esModule', {
-            value: true
-          });
-          /******/
-        };
-        /******/
-      })();
-      /******/
-      /************************************************************************/
-      var __webpack_exports__ = {};
-      __nested_webpack_require_993__.r(__webpack_exports__);
-      /* harmony export */
-      __nested_webpack_require_993__.d(__webpack_exports__, {
-        /* harmony export */"clsWrite": function clsWrite() {
-          return (/* binding */_clsWrite
-          );
-        },
-        /* harmony export */"combinedCls": function combinedCls() {
-          return (/* binding */_combinedCls
-          );
-        }
-        /* harmony export */
-      });
-      function _slicedToArray(arr, i) {
-        return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-      }
-      function _nonIterableRest() {
-        throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-      }
-      function _unsupportedIterableToArray(o, minLen) {
-        if (!o) return;
-        if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-        var n = Object.prototype.toString.call(o).slice(8, -1);
-        if (n === "Object" && o.constructor) n = o.constructor.name;
-        if (n === "Map" || n === "Set") return Array.from(o);
-        if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-      }
-      function _arrayLikeToArray(arr, len) {
-        if (len == null || len > arr.length) len = arr.length;
-        for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-        return arr2;
-      }
-      function _iterableToArrayLimit(arr, i) {
-        var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
-        if (null != _i) {
-          var _s,
-            _e,
-            _x,
-            _r,
-            _arr = [],
-            _n = !0,
-            _d = !1;
-          try {
-            if (_x = (_i = _i.call(arr)).next, 0 === i) {
-              if (Object(_i) !== _i) return;
-              _n = !1;
-            } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
-          } catch (err) {
-            _d = !0, _e = err;
-          } finally {
-            try {
-              if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
-            } finally {
-              if (_d) throw _e;
-            }
-          }
-          return _arr;
-        }
-      }
-      function _arrayWithHoles(arr) {
-        if (Array.isArray(arr)) return arr;
-      }
-      function _typeof(obj) {
-        "@babel/helpers - typeof";
-
-        return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-          return typeof obj;
-        } : function (obj) {
-          return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-        }, _typeof(obj);
-      }
-      /**
-       * Output of class name
-       * @param {*} s      - Any
-       * @param  {String} defaultCls      - Default string
-       * @param  {?*} targetCls      - Any
-       * @returns {*} 
-       */
-      function _clsWrite(s, defaultCls) {
-        var targetCls = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
-        return s || s === '' ? typeof targetCls === 'undefined' ? s : targetCls : defaultCls;
-      }
-
-      /**
-       * Combined classnames
-       * @param {*} args 
-       * @returns {String|undefined}
-       */
-      /* Usage:
-      
-      console.log(combinedCls('a-1', 'a-2', 'a-3', {
-          'p-1': null,
-          'p-2': undefined,
-          'p-3': true,
-          'p-4': false,
-          'p-5': 'kkk',
-          'p-6': 0,
-          'p-7': 1,
-          'p-8': '',
-          undefined
-      })); // a-1 a-2 a-3 p-3 p-5 p-7
-      */
-      function _combinedCls() {
-        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-          args[_key] = arguments[_key];
-        }
-        if (args) {
-          var classes = [];
-          for (var i = 0; i < args.length; i++) {
-            var className = args[i];
-            if (!className) {
-              continue;
-            }
-            var type = _typeof(className);
-            if (type === 'string' || type === 'number') {
-              classes.push(className);
-            } else if (type === 'object') {
-              var _classes = Array.isArray(className) ? className : Object.entries(className).map(function (_ref) {
-                var _ref2 = _slicedToArray(_ref, 2),
-                  key = _ref2[0],
-                  value = _ref2[1];
-                return value ? key : null;
-              });
-              classes = _classes.length ? classes.concat(_classes.filter(function (c) {
-                return !!c;
-              })) : classes;
-            }
-          }
-          return classes.join(' ').trim();
-        }
-        return undefined;
-      }
-
-      /******/
-      return __webpack_exports__;
-      /******/
-    }()
-  );
-});
-
-/***/ }),
-
-/***/ 79:
-/***/ (function(module, exports, __webpack_require__) {
-
-/* module decorator */ module = __webpack_require__.nmd(module);
-var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-(function webpackUniversalModuleDefinition(root, factory) {
-  if (( false ? 0 : _typeof(exports)) === 'object' && ( false ? 0 : _typeof(module)) === 'object') module.exports = factory();else if (true) !(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
-		__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
-		(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
-		__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));else {}
-})(this, function () {
-  return (/******/function () {
-      // webpackBootstrap
-      /******/
-      "use strict";
-
-      /******/ // The require scope
-      /******/
-      var __nested_webpack_require_987__ = {};
-      /******/
-      /************************************************************************/
-      /******/ /* webpack/runtime/define property getters */
-      /******/
-      (function () {
-        /******/ // define getter functions for harmony exports
-        /******/__nested_webpack_require_987__.d = function (exports, definition) {
-          /******/for (var key in definition) {
-            /******/if (__nested_webpack_require_987__.o(definition, key) && !__nested_webpack_require_987__.o(exports, key)) {
-              /******/Object.defineProperty(exports, key, {
-                enumerable: true,
-                get: definition[key]
-              });
-              /******/
-            }
-            /******/
-          }
-          /******/
-        };
-        /******/
-      })();
-      /******/
-      /******/ /* webpack/runtime/hasOwnProperty shorthand */
-      /******/
-      (function () {
-        /******/__nested_webpack_require_987__.o = function (obj, prop) {
-          return Object.prototype.hasOwnProperty.call(obj, prop);
-        };
-        /******/
-      })();
-      /******/
-      /******/ /* webpack/runtime/make namespace object */
-      /******/
-      (function () {
-        /******/ // define __esModule on exports
-        /******/__nested_webpack_require_987__.r = function (exports) {
-          /******/if (typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-            /******/Object.defineProperty(exports, Symbol.toStringTag, {
-              value: 'Module'
-            });
-            /******/
-          }
-          /******/
-          Object.defineProperty(exports, '__esModule', {
-            value: true
-          });
-          /******/
-        };
-        /******/
-      })();
-      /******/
-      /************************************************************************/
-      var __webpack_exports__ = {};
-      __nested_webpack_require_987__.r(__webpack_exports__);
-      /* harmony export */
-      __nested_webpack_require_987__.d(__webpack_exports__, {
-        /* harmony export */"convertArrToValByBraces": function convertArrToValByBraces() {
-          return (/* binding */_convertArrToValByBraces
-          );
-        },
-        /* harmony export */"convertArrToValByBrackets": function convertArrToValByBrackets() {
-          return (/* binding */_convertArrToValByBrackets
-          );
-        },
-        /* harmony export */"convertStringByCommaToValByBraces": function convertStringByCommaToValByBraces() {
-          return (/* binding */_convertStringByCommaToValByBraces
-          );
-        },
-        /* harmony export */"convertStringByCommaToValByBrackets": function convertStringByCommaToValByBrackets() {
-          return (/* binding */_convertStringByCommaToValByBrackets
-          );
-        }
-        /* harmony export */
-      });
-      /**
-       * Convert value to string separated by square brackets 
-       * @param {String} str  such as: 1,2,3
-       * @returns {String} such as: [1][2][3]
-       */
-      function _convertStringByCommaToValByBrackets(str) {
-        if (typeof str === 'undefined' || str === null || str === '') {
-          return '';
-        }
-        return str.split(',').map(function (v) {
-          return v.toString().includes('[') && v.toString().includes(']') ? "".concat(v) : "[".concat(v, "]");
-        }).join('');
-      }
-
-      /**
-       * Convert array value to string  separated by square brackets 
-       * @param {String[]} arr  such as: ['1','2','3']
-       * @returns {String} such as: [1][2][3]
-       */
-      function _convertArrToValByBrackets(arr) {
-        if (!Array.isArray(arr)) return '';
-        return arr.map(function (v) {
-          return v.toString().includes('[') && v.toString().includes(']') ? "".concat(v) : "[".concat(v, "]");
-        }).join('');
-      }
-
-      /**
-       * Convert value to string separated by curly braces
-       * @param {String} str  such as: 1,2,3
-       * @returns {String} such as: {1}{2}{3}
-       */
-      function _convertStringByCommaToValByBraces(str) {
-        if (typeof str === 'undefined' || str === null || str === '') {
-          return '';
-        }
-        return str.split(',').map(function (v) {
-          return v.toString().includes('{') && v.toString().includes('}') ? "".concat(v) : "{".concat(v, "}");
-        }).join('');
-      }
-
-      /**
-       * Convert array value to string  separated by curly braces
-       * @param {String[]} arr  such as: ['1','2','3']
-       * @returns {String} such as: {1}{2}{3}
-       */
-      function _convertArrToValByBraces(arr) {
-        if (!Array.isArray(arr)) return '';
-        return arr.map(function (v) {
-          return v.toString().includes('{') && v.toString().includes('}') ? "".concat(v) : "{".concat(v, "}");
-        }).join('');
-      }
-
-      /******/
-      return __webpack_exports__;
-      /******/
-    }()
-  );
-});
-
-/***/ }),
-
-/***/ 135:
-/***/ (function(module, exports, __webpack_require__) {
-
-/* module decorator */ module = __webpack_require__.nmd(module);
-var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-(function webpackUniversalModuleDefinition(root, factory) {
-  if (( false ? 0 : _typeof(exports)) === 'object' && ( false ? 0 : _typeof(module)) === 'object') module.exports = factory();else if (true) !(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
-		__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
-		(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
-		__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));else {}
-})(this, function () {
-  return (/******/function () {
-      // webpackBootstrap
-      /******/
-      "use strict";
-
-      /******/ // The require scope
-      /******/
-      var __nested_webpack_require_987__ = {};
-      /******/
-      /************************************************************************/
-      /******/ /* webpack/runtime/define property getters */
-      /******/
-      (function () {
-        /******/ // define getter functions for harmony exports
-        /******/__nested_webpack_require_987__.d = function (exports, definition) {
-          /******/for (var key in definition) {
-            /******/if (__nested_webpack_require_987__.o(definition, key) && !__nested_webpack_require_987__.o(exports, key)) {
-              /******/Object.defineProperty(exports, key, {
-                enumerable: true,
-                get: definition[key]
-              });
-              /******/
-            }
-            /******/
-          }
-          /******/
-        };
-        /******/
-      })();
-      /******/
-      /******/ /* webpack/runtime/hasOwnProperty shorthand */
-      /******/
-      (function () {
-        /******/__nested_webpack_require_987__.o = function (obj, prop) {
-          return Object.prototype.hasOwnProperty.call(obj, prop);
-        };
-        /******/
-      })();
-      /******/
-      /******/ /* webpack/runtime/make namespace object */
-      /******/
-      (function () {
-        /******/ // define __esModule on exports
-        /******/__nested_webpack_require_987__.r = function (exports) {
-          /******/if (typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-            /******/Object.defineProperty(exports, Symbol.toStringTag, {
-              value: 'Module'
-            });
-            /******/
-          }
-          /******/
-          Object.defineProperty(exports, '__esModule', {
-            value: true
-          });
-          /******/
-        };
-        /******/
-      })();
-      /******/
-      /************************************************************************/
-      var __webpack_exports__ = {};
-      __nested_webpack_require_987__.r(__webpack_exports__);
-      /* harmony export */
-      __nested_webpack_require_987__.d(__webpack_exports__, {
-        /* harmony export */"extractContentsOfBraces": function extractContentsOfBraces() {
-          return (/* binding */_extractContentsOfBraces
-          );
-        },
-        /* harmony export */"extractContentsOfBrackets": function extractContentsOfBrackets() {
-          return (/* binding */_extractContentsOfBrackets
-          );
-        },
-        /* harmony export */"extractContentsOfParentheses": function extractContentsOfParentheses() {
-          return (/* binding */_extractContentsOfParentheses
-          );
-        },
-        /* harmony export */"extractorExist": function extractorExist() {
-          return (/* binding */_extractorExist
-          );
-        }
-        /* harmony export */
-      });
-      /**
-       * Determine whether an extractor is included
-       * @param {String} str    =>  input string. such as 'a[1], b[2]', '{a[1]}'
-       * @returns {Boolean} 
-       */
-      function _extractorExist(str) {
-        if (typeof str === 'undefined' || str === null || str === '') {
-          return false;
-        }
-        var res = false;
-        if (str !== null && str !== void 0 && str.match(/(\[.*?\])/gi)) {
-          res = true;
-        }
-        return res;
-      }
-
-      /**
-       * Extract the contents of square brackets
-       * @param {String} str    =>  input string. such as '[1,2] [f][c]'
-       * @param {Boolean} commaSeparated    =>  flag to determine if the result should be comma separated or not
-       * @returns {Array<string>|string} such as: ['1,2','f','c']
-       */
-      function _extractContentsOfBrackets(str) {
-        var commaSeparated = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-        if (typeof str === 'undefined' || str === null || str === '') {
-          return !commaSeparated ? [] : '';
-        }
-        var res = str.match(/[^\[]+(?=(\[ \])|\])/g);
-        if (commaSeparated) {
-          return res === null ? '' : res.join(',').replace(/\,+$/, '');
-        } else {
-          return res === null ? '' : res;
-        }
-      }
-
-      /**
-       * Extract the contents of curly braces
-       * @param {String} str    =>  input string. such as '{1,2} {f}{c}'
-       * @param {Boolean} commaSeparated    =>  flag to determine if the result should be comma separated or not
-       * @returns {Array<string>|string} such as: ['1,2','f','c']
-       */
-      function _extractContentsOfBraces(str) {
-        var commaSeparated = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-        if (typeof str === 'undefined' || str === null || str === '') {
-          return !commaSeparated ? [] : '';
-        }
-        var res = str.match(/[^\{]+(?=(\{ \})|\})/g);
-        if (commaSeparated) {
-          return res === null ? '' : res.join(',').replace(/\,+$/, '');
-        } else {
-          return res === null ? '' : res;
-        }
-      }
-
-      /**
-       * Extract the contents of parentheses
-       * @param {String} str    =>  input string. such as '(1,2) (f)(c)'
-       * @param {Boolean} commaSeparated    =>  flag to determine if the result should be comma separated or not
-       * @returns {Array<string>|string} such as: ['1,2','f','c']
-       */
-      function _extractContentsOfParentheses(str) {
-        var commaSeparated = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-        if (typeof str === 'undefined' || str === null || str === '') {
-          return !commaSeparated ? [] : '';
-        }
-        var res = str.match(/[^\(]+(?=(\( \))|\))/g);
-        if (commaSeparated) {
-          return res === null ? '' : res.join(',').replace(/\,+$/, '');
-        } else {
-          return res === null ? '' : res;
-        }
-      }
-
-      /******/
-      return __webpack_exports__;
-      /******/
-    }()
-  );
-});
-
-/***/ }),
-
-/***/ 186:
-/***/ (function(module, exports, __webpack_require__) {
-
-/* module decorator */ module = __webpack_require__.nmd(module);
-var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;function _typeof2(obj) { "@babel/helpers - typeof"; return _typeof2 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof2(obj); }
-(function webpackUniversalModuleDefinition(root, factory) {
-  if (( false ? 0 : _typeof2(exports)) === 'object' && ( false ? 0 : _typeof2(module)) === 'object') module.exports = factory();else if (true) !(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
-		__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
-		(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
-		__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));else {}
-})(this, function () {
-  return (/******/function () {
-      // webpackBootstrap
-      /******/
-      "use strict";
-
-      /******/ // The require scope
-      /******/
-      var __nested_webpack_require_993__ = {};
-      /******/
-      /************************************************************************/
-      /******/ /* webpack/runtime/define property getters */
-      /******/
-      (function () {
-        /******/ // define getter functions for harmony exports
-        /******/__nested_webpack_require_993__.d = function (exports, definition) {
-          /******/for (var key in definition) {
-            /******/if (__nested_webpack_require_993__.o(definition, key) && !__nested_webpack_require_993__.o(exports, key)) {
-              /******/Object.defineProperty(exports, key, {
-                enumerable: true,
-                get: definition[key]
-              });
-              /******/
-            }
-            /******/
-          }
-          /******/
-        };
-        /******/
-      })();
-      /******/
-      /******/ /* webpack/runtime/hasOwnProperty shorthand */
-      /******/
-      (function () {
-        /******/__nested_webpack_require_993__.o = function (obj, prop) {
-          return Object.prototype.hasOwnProperty.call(obj, prop);
-        };
-        /******/
-      })();
-      /******/
-      /******/ /* webpack/runtime/make namespace object */
-      /******/
-      (function () {
-        /******/ // define __esModule on exports
-        /******/__nested_webpack_require_993__.r = function (exports) {
-          /******/if (typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-            /******/Object.defineProperty(exports, Symbol.toStringTag, {
-              value: 'Module'
-            });
-            /******/
-          }
-          /******/
-          Object.defineProperty(exports, '__esModule', {
-            value: true
-          });
-          /******/
-        };
-        /******/
-      })();
-      /******/
-      /************************************************************************/
-      var __webpack_exports__ = {};
-      __nested_webpack_require_993__.r(__webpack_exports__);
-      /* harmony export */
-      __nested_webpack_require_993__.d(__webpack_exports__, {
-        /* harmony export */"isJSON": function isJSON() {
-          return (/* binding */_isJSON
-          );
-        },
-        /* harmony export */"isValidNumeric": function isValidNumeric() {
-          return (/* binding */_isValidNumeric
-          );
-        },
-        /* harmony export */"setDefaultOptions": function setDefaultOptions() {
-          return (/* binding */_setDefaultOptions
-          );
-        }
-        /* harmony export */
-      });
-      function _typeof(obj) {
-        "@babel/helpers - typeof";
-
-        return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-          return typeof obj;
-        } : function (obj) {
-          return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-        }, _typeof(obj);
-      }
-      /**
-       *  Set a default JSON format configuration
-       *
-       * @param  {*} props         - Set some default keys and values.
-       * @param  {*} options       - A JSON variable passed in from outside, including key and value.
-       * @return {JSON}            - Merge the new and old values.
-       */
-      function _setDefaultOptions(props, options) {
-        if (_typeof(options) === ( true ? "undefined" : 0) || options === null || options === false) options = {};
-        //Set a default configuration
-        if (_isJSON(props)) {
-          var defaultConfigValues = Object.values(props);
-          Object.keys(props).forEach(function (prop, index) {
-            // Well-formed string type
-            Object.keys(options).forEach(function (prop2, index2) {
-              if (prop2 === prop) {
-                var _v = options[prop2];
-                if (_v == 'true') _v = true;
-                if (_v == 'false') _v = false;
-                if (_isValidNumeric(_v)) _v = parseFloat(_v);
-                if (_isJSON(_v)) _v = Object.prototype.toString.call(_v) === '[object Object]' ? _v : JSON.parse(_v);
-                options[prop2] = _v;
-              }
-            });
-
-            //
-            if (_typeof(options[prop]) === ( true ? "undefined" : 0) || options[prop] === null) options[prop] = defaultConfigValues[index];
-          });
-        }
-        return options;
-      }
-
-      /**
-      * Check if a string is a valid number
-       * @param {*} str 
-       * @returns 
-      */
-      function _isValidNumeric(str) {
-        if (typeof str != "string") return false; // we only process strings!  
-        if (!isNaN(Number(str)) &&
-        // use type coercion to parse the _entirety_ of the string (`parseFloat` alone does not do this)
-        !isNaN(parseFloat(str)) // ensure strings of whitespace fail
-        ) {
-          return true;
-        } else {
-          return false;
-        }
-      }
-
-      /**
-       * Determine whether it is in JSON format
-       * @param {*} str 
-       * @returns 
-       */
-      function _isJSON(str) {
-        if (typeof str === 'string' && str.length > 0) {
-          if (str.replace(/\"\"/g, '').replace(/\,/g, '') == '[{}]') {
-            return false;
-          } else {
-            if (/^[\],:{}\s]*$/.test(str.replace(/\\["\\\/bfnrtu]/g, '@').replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, ']').replace(/(?:^|:|,)(?:\s*\[)+/g, ''))) {
-              return true;
-            } else {
-              return false;
-            }
-          }
-        } else {
-          if (_typeof(str) === 'object' && Object.prototype.toString.call(str) === '[object Object]' && !str.length) {
-            return true;
-          } else {
-            return false;
-          }
-        }
-      }
-
-      /******/
-      return __webpack_exports__;
-      /******/
-    }()
-  );
-});
-
-/***/ }),
-
-/***/ 575:
-/***/ (function(module, exports, __webpack_require__) {
-
-/* module decorator */ module = __webpack_require__.nmd(module);
-var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;function _typeof2(obj) { "@babel/helpers - typeof"; return _typeof2 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof2(obj); }
-(function webpackUniversalModuleDefinition(root, factory) {
-  if (( false ? 0 : _typeof2(exports)) === 'object' && ( false ? 0 : _typeof2(module)) === 'object') module.exports = factory();else if (true) !(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
-		__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
-		(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
-		__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));else {}
-})(this, function () {
-  return (/******/function () {
-      // webpackBootstrap
-      /******/
-      "use strict";
-
-      /******/ // The require scope
-      /******/
-      var __nested_webpack_require_993__ = {};
-      /******/
-      /************************************************************************/
-      /******/ /* webpack/runtime/define property getters */
-      /******/
-      (function () {
-        /******/ // define getter functions for harmony exports
-        /******/__nested_webpack_require_993__.d = function (exports, definition) {
-          /******/for (var key in definition) {
-            /******/if (__nested_webpack_require_993__.o(definition, key) && !__nested_webpack_require_993__.o(exports, key)) {
-              /******/Object.defineProperty(exports, key, {
-                enumerable: true,
-                get: definition[key]
-              });
-              /******/
-            }
-            /******/
-          }
-          /******/
-        };
-        /******/
-      })();
-      /******/
-      /******/ /* webpack/runtime/hasOwnProperty shorthand */
-      /******/
-      (function () {
-        /******/__nested_webpack_require_993__.o = function (obj, prop) {
-          return Object.prototype.hasOwnProperty.call(obj, prop);
-        };
-        /******/
-      })();
-      /******/
-      /******/ /* webpack/runtime/make namespace object */
-      /******/
-      (function () {
-        /******/ // define __esModule on exports
-        /******/__nested_webpack_require_993__.r = function (exports) {
-          /******/if (typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-            /******/Object.defineProperty(exports, Symbol.toStringTag, {
-              value: 'Module'
-            });
-            /******/
-          }
-          /******/
-          Object.defineProperty(exports, '__esModule', {
-            value: true
-          });
-          /******/
-        };
-        /******/
-      })();
-      /******/
-      /************************************************************************/
-      var __webpack_exports__ = {};
-      __nested_webpack_require_993__.r(__webpack_exports__);
-      /* harmony export */
-      __nested_webpack_require_993__.d(__webpack_exports__, {
-        /* harmony export */"deepClone": function deepClone() {
-          return (/* binding */_deepClone
-          );
-        },
-        /* harmony export */"flatData": function flatData() {
-          return (/* binding */_flatData
-          );
-        },
-        /* harmony export */"removeArrDuplicateItems": function removeArrDuplicateItems() {
-          return (/* binding */_removeArrDuplicateItems
-          );
-        }
-        /* harmony export */
-      });
-      function _typeof(obj) {
-        "@babel/helpers - typeof";
-
-        return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-          return typeof obj;
-        } : function (obj) {
-          return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-        }, _typeof(obj);
-      }
-      /**
-       * Remove Duplicate objects from JSON Array
-       * @param {Array} obj 
-       * @param {String} fieldName 
-       */
-      function _removeArrDuplicateItems(obj, fieldName) {
-        if (!Array.isArray(obj)) return [];
-        var clean = obj.filter(function (item, index, self) {
-          return index === self.findIndex(function (t) {
-            return t[fieldName] === item[fieldName];
-          });
-        });
-        return clean;
-      }
-      ;
-
-      /**
-       * Deep clone
-       * @param {*} obj 
-       */
-      function _deepClone(obj) {
-        if (Array.isArray(obj)) {
-          return obj.map(function (item) {
-            return _deepClone(item);
-          });
-        } else if (_typeof(obj) === 'object' && obj !== null) {
-          var clone = {};
-          for (var key in obj) {
-            if (obj.hasOwnProperty(key)) {
-              clone[key] = _deepClone(obj[key]);
-            }
-          }
-          return clone;
-        } else {
-          return obj;
-        }
-      }
-
-      /**
-       * Flat Data
-       * @param {*} data 
-       * @returns 
-       */
-      function _flatData(data) {
-        var result = [];
-        var iterate = function iterate(obj) {
-          if (!obj) {
-            return;
-          }
-          obj.forEach(function (item) {
-            result.push(item);
-            if (item.children) {
-              iterate(item.children);
-            }
-
-            // delete current item children
-            delete item.children;
-          });
-        };
-        iterate(data);
-        return result;
-      }
-
-      /******/
-      return __webpack_exports__;
-      /******/
-    }()
-  );
-});
-
-/***/ }),
-
-/***/ 85:
-/***/ (function(module, exports, __webpack_require__) {
-
-/* module decorator */ module = __webpack_require__.nmd(module);
-var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-(function webpackUniversalModuleDefinition(root, factory) {
-  if (( false ? 0 : _typeof(exports)) === 'object' && ( false ? 0 : _typeof(module)) === 'object') module.exports = factory(__webpack_require__(787));else if (true) !(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__(787)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
-		__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
-		(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
-		__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));else {}
-})(this, function (__WEBPACK_EXTERNAL_MODULE__787__) {
-  return (/******/function () {
-      // webpackBootstrap
-      /******/
-      "use strict";
-
-      /******/
-      var __webpack_modules__ = {
-        /***/787: /***/function _(module) {
-          module.exports = __WEBPACK_EXTERNAL_MODULE__787__;
-
-          /***/
-        }
-
-        /******/
-      };
-      /************************************************************************/
-      /******/ // The module cache
-      /******/
-      var __webpack_module_cache__ = {};
-      /******/
-      /******/ // The require function
-      /******/
-      function __nested_webpack_require_1465__(moduleId) {
-        /******/ // Check if module is in cache
-        /******/var cachedModule = __webpack_module_cache__[moduleId];
-        /******/
-        if (cachedModule !== undefined) {
-          /******/return cachedModule.exports;
-          /******/
-        }
-        /******/ // Create a new module (and put it into the cache)
-        /******/
-        var module = __webpack_module_cache__[moduleId] = {
-          /******/ // no module.id needed
-          /******/ // no module.loaded needed
-          /******/exports: {}
-          /******/
-        };
-        /******/
-        /******/ // Execute the module function
-        /******/
-        __webpack_modules__[moduleId](module, module.exports, __nested_webpack_require_1465__);
-        /******/
-        /******/ // Return the exports of the module
-        /******/
-        return module.exports;
-        /******/
-      }
-      /******/
-      /************************************************************************/
-      /******/ /* webpack/runtime/compat get default export */
-      /******/
-      (function () {
-        /******/ // getDefaultExport function for compatibility with non-harmony modules
-        /******/__nested_webpack_require_1465__.n = function (module) {
-          /******/var getter = module && module.__esModule ? /******/function () {
-            return module['default'];
-          } : /******/function () {
-            return module;
-          };
-          /******/
-          __nested_webpack_require_1465__.d(getter, {
-            a: getter
-          });
-          /******/
-          return getter;
-          /******/
-        };
-        /******/
-      })();
-      /******/
-      /******/ /* webpack/runtime/define property getters */
-      /******/
-      (function () {
-        /******/ // define getter functions for harmony exports
-        /******/__nested_webpack_require_1465__.d = function (exports, definition) {
-          /******/for (var key in definition) {
-            /******/if (__nested_webpack_require_1465__.o(definition, key) && !__nested_webpack_require_1465__.o(exports, key)) {
-              /******/Object.defineProperty(exports, key, {
-                enumerable: true,
-                get: definition[key]
-              });
-              /******/
-            }
-            /******/
-          }
-          /******/
-        };
-        /******/
-      })();
-      /******/
-      /******/ /* webpack/runtime/hasOwnProperty shorthand */
-      /******/
-      (function () {
-        /******/__nested_webpack_require_1465__.o = function (obj, prop) {
-          return Object.prototype.hasOwnProperty.call(obj, prop);
-        };
-        /******/
-      })();
-      /******/
-      /******/ /* webpack/runtime/make namespace object */
-      /******/
-      (function () {
-        /******/ // define __esModule on exports
-        /******/__nested_webpack_require_1465__.r = function (exports) {
-          /******/if (typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-            /******/Object.defineProperty(exports, Symbol.toStringTag, {
-              value: 'Module'
-            });
-            /******/
-          }
-          /******/
-          Object.defineProperty(exports, '__esModule', {
-            value: true
-          });
-          /******/
-        };
-        /******/
-      })();
-      /******/
-      /************************************************************************/
-      var __webpack_exports__ = {};
-      // This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
-      (function () {
-        __nested_webpack_require_1465__.r(__webpack_exports__);
-        /* harmony export */
-        __nested_webpack_require_1465__.d(__webpack_exports__, {
-          /* harmony export */"default": function _default() {
-            return __WEBPACK_DEFAULT_EXPORT__;
-          }
-          /* harmony export */
-        });
-        /* harmony import */
-        var react__WEBPACK_IMPORTED_MODULE_0__ = __nested_webpack_require_1465__(787);
-        /* harmony import */
-        var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__nested_webpack_require_1465__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-        /**
-         * Create an available ID
-         * 
-        */
-
-        var useComId = function useComId() {
-          return "ID-".concat((0, react__WEBPACK_IMPORTED_MODULE_0__.useId)().replace(/\:/g, "-"));
-        };
-        /* harmony default export */
-        var __WEBPACK_DEFAULT_EXPORT__ = useComId;
-      })();
-
-      /******/
-      return __webpack_exports__;
-      /******/
-    }()
-  );
-});
-
-/***/ }),
-
-/***/ 787:
-/***/ ((module) => {
-
-"use strict";
-module.exports = __WEBPACK_EXTERNAL_MODULE__787__;
-
-/***/ })
-
-/******/ 	});
-/************************************************************************/
-/******/ 	// The module cache
-/******/ 	var __webpack_module_cache__ = {};
-/******/ 	
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/ 		// Check if module is in cache
-/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
-/******/ 		if (cachedModule !== undefined) {
-/******/ 			return cachedModule.exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = __webpack_module_cache__[moduleId] = {
-/******/ 			id: moduleId,
-/******/ 			loaded: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/ 	
-/******/ 		// Execute the module function
-/******/ 		__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/ 	
-/******/ 		// Flag the module as loaded
-/******/ 		module.loaded = true;
-/******/ 	
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/ 	
-/************************************************************************/
-/******/ 	/* webpack/runtime/compat get default export */
-/******/ 	(() => {
-/******/ 		// getDefaultExport function for compatibility with non-harmony modules
-/******/ 		__webpack_require__.n = (module) => {
-/******/ 			var getter = module && module.__esModule ?
-/******/ 				() => (module['default']) :
-/******/ 				() => (module);
-/******/ 			__webpack_require__.d(getter, { a: getter });
-/******/ 			return getter;
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/define property getters */
-/******/ 	(() => {
-/******/ 		// define getter functions for harmony exports
-/******/ 		__webpack_require__.d = (exports, definition) => {
-/******/ 			for(var key in definition) {
-/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
-/******/ 				}
-/******/ 			}
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
-/******/ 	(() => {
-/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/make namespace object */
-/******/ 	(() => {
-/******/ 		// define __esModule on exports
-/******/ 		__webpack_require__.r = (exports) => {
-/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 			}
-/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/node module decorator */
-/******/ 	(() => {
-/******/ 		__webpack_require__.nmd = (module) => {
-/******/ 			module.paths = [];
-/******/ 			if (!module.children) module.children = [];
-/******/ 			return module;
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/************************************************************************/
-var __webpack_exports__ = {};
-// This entry need to be wrapped in an IIFE because it need to be in strict mode.
-(() => {
-"use strict";
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (/* binding */ src)
-});
-
-// EXTERNAL MODULE: external {"root":"React","commonjs2":"react","commonjs":"react","amd":"react"}
-var external_root_React_commonjs2_react_commonjs_react_amd_react_ = __webpack_require__(787);
-var external_root_React_commonjs2_react_commonjs_react_amd_react_default = /*#__PURE__*/__webpack_require__.n(external_root_React_commonjs2_react_commonjs_react_amd_react_);
-// EXTERNAL MODULE: ../DragDropList/dist/cjs/index.js
-var cjs = __webpack_require__(954);
-var cjs_default = /*#__PURE__*/__webpack_require__.n(cjs);
-// EXTERNAL MODULE: ../Utils/dist/cjs/useComId.js
-var useComId = __webpack_require__(85);
-var useComId_default = /*#__PURE__*/__webpack_require__.n(useComId);
-// EXTERNAL MODULE: ../Utils/dist/cjs/initDefaultOptions.js
-var initDefaultOptions = __webpack_require__(186);
-// EXTERNAL MODULE: ../Utils/dist/cjs/extract.js
-var extract = __webpack_require__(135);
-// EXTERNAL MODULE: ../Utils/dist/cjs/convert.js
-var convert = __webpack_require__(79);
-// EXTERNAL MODULE: ../Utils/dist/cjs/object.js
-var object = __webpack_require__(575);
-// EXTERNAL MODULE: ../Utils/dist/cjs/cls.js
-var cls = __webpack_require__(188);
-;// CONCATENATED MODULE: ./src/utils/func.ts
-/**
- * Format indent value
- * @param {String|Array} inputData 
- * @param {String} placeholder 
- * @returns {String|Array}
- */
-function formatIndentVal(inputData, placeholder) {
-  var reVar = new RegExp(placeholder, 'g');
-  if (Array.isArray(inputData)) {
-    return inputData.map(function (s) {
-      return String(s).replace(reVar, '').replace(/\&nbsp;/ig, '');
-    });
-  } else {
-    var _txt = typeof inputData === 'string' ? inputData : inputData.toString();
-    return _txt.replace(reVar, '').replace(/\&nbsp;/ig, '');
-  }
-}
-
-/**
- * Determine whether the option exists
- * @param val 
- * @returns 
- */
-function multiSelControlOptionExist(arr, val) {
-  var _data = arr.filter(Boolean);
-  return _data.map(function (v) {
-    return v.toString();
-  }).includes(val.toString());
-}
-
-/**
- * Remove Duplicate objects from JSON Array
- * @param {Array} arr 
- * @returns 
- */
-function uniqueArr(arr) {
-  return arr.filter(function (item, index, self) {
-    return index === self.findIndex(function (t) {
-      return t.id == item.id;
-    });
-  });
-}
-
-/**
- * Remove Duplicate objects from Options
- * @param {Array} arr 
- * @returns 
- */
-function uniqueOpt(arr) {
-  return arr.flat().filter(function (item, index, self) {
-    return index === self.findIndex(function (t) {
-      return t.id === item.id;
-    });
-  });
-}
-
-/**
- * Sort JSON arrays according to the order of the numeric arrays
- * @param {Array<Number>|Array<String>} orderArray 
- * @param {Array<*>} arr 
- * @param {String} field 
- * @returns 
- */
-function sortedJsonArray(orderArray, arr) {
-  var field = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'value';
-  return orderArray.map(function (orderId) {
-    return arr.find(function (item) {
-      return item[field] === orderId;
-    });
-  });
-}
-;// CONCATENATED MODULE: ./src/index.tsx
-var _excluded = ["contentRef", "wrapperClassName", "childClassName", "wrapperMinHeight", "wrapperMinWidth", "availableHeaderTitle", "selectedHeaderTitle", "selectedHeaderNote", "selectedResultReverse", "removeAllBtnLabel", "addAllBtnLabel", "iconAdd", "iconRemove", "unattachedSelect", "options", "disabled", "required", "defaultValue", "value", "label", "name", "id", "draggable", "handleHide", "handleIcon", "handlePos", "dragMode", "indentation", "doubleIndent", "alternateCollapse", "arrow", "extractValueByBrackets", "style", "data", "fetchFuncAsync", "fetchFuncMethod", "fetchFuncMethodParams", "fetchCallback", "onFetch", "onAddAll", "onRemoveAll", "onChange"];
-function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-
-
-
-
-
-
-
-
-var MultipleSelect = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.forwardRef)(function (props, externalRef) {
-  var contentRef = props.contentRef,
-    wrapperClassName = props.wrapperClassName,
-    childClassName = props.childClassName,
-    wrapperMinHeight = props.wrapperMinHeight,
-    wrapperMinWidth = props.wrapperMinWidth,
-    availableHeaderTitle = props.availableHeaderTitle,
-    selectedHeaderTitle = props.selectedHeaderTitle,
-    selectedHeaderNote = props.selectedHeaderNote,
-    _props$selectedResult = props.selectedResultReverse,
-    selectedResultReverse = _props$selectedResult === void 0 ? false : _props$selectedResult,
-    removeAllBtnLabel = props.removeAllBtnLabel,
-    addAllBtnLabel = props.addAllBtnLabel,
-    iconAdd = props.iconAdd,
-    iconRemove = props.iconRemove,
-    unattachedSelect = props.unattachedSelect,
-    options = props.options,
-    disabled = props.disabled,
-    required = props.required,
-    defaultValue = props.defaultValue,
-    value = props.value,
-    label = props.label,
-    name = props.name,
-    id = props.id,
-    _props$draggable = props.draggable,
-    draggable = _props$draggable === void 0 ? true : _props$draggable,
-    _props$handleHide = props.handleHide,
-    handleHide = _props$handleHide === void 0 ? false : _props$handleHide,
-    _props$handleIcon = props.handleIcon,
-    handleIcon = _props$handleIcon === void 0 ? '☰' : _props$handleIcon,
-    _props$handlePos = props.handlePos,
-    handlePos = _props$handlePos === void 0 ? 'left' : _props$handlePos,
-    _props$dragMode = props.dragMode,
-    dragMode = _props$dragMode === void 0 ? 'handle' : _props$dragMode,
-    indentation = props.indentation,
-    doubleIndent = props.doubleIndent,
-    alternateCollapse = props.alternateCollapse,
-    _props$arrow = props.arrow,
-    arrow = _props$arrow === void 0 ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("svg", {
-      viewBox: "0 0 22 22",
-      width: "8px"
-    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("path", {
-      d: "m345.44 248.29l-194.29 194.28c-12.359 12.365-32.397 12.365-44.75 0-12.354-12.354-12.354-32.391 0-44.744l171.91-171.91-171.91-171.9c-12.354-12.359-12.354-32.394 0-44.748 12.354-12.359 32.391-12.359 44.75 0l194.29 194.28c6.177 6.18 9.262 14.271 9.262 22.366 0 8.099-3.091 16.196-9.267 22.373",
-      transform: "matrix(.03541-.00013.00013.03541 2.98 3.02)",
-      fill: "#a5a5a5"
-    }))) : _props$arrow,
-    extractValueByBrackets = props.extractValueByBrackets,
-    style = props.style,
-    data = props.data,
-    fetchFuncAsync = props.fetchFuncAsync,
-    fetchFuncMethod = props.fetchFuncMethod,
-    fetchFuncMethodParams = props.fetchFuncMethodParams,
-    fetchCallback = props.fetchCallback,
-    onFetch = props.onFetch,
-    onAddAll = props.onAddAll,
-    onRemoveAll = props.onRemoveAll,
-    onChange = props.onChange,
-    attributes = _objectWithoutProperties(props, _excluded);
-  var UNATTACHED_SELECT = typeof unattachedSelect === 'undefined' || unattachedSelect === false ? false : true;
-  var WRAPPER_MIN_H = typeof wrapperMinHeight === 'undefined' ? '' : wrapperMinHeight;
-  var WRAPPER_MIN_W = typeof wrapperMinWidth === 'undefined' ? '' : wrapperMinWidth;
-  var VALUE_BY_BRACKETS = typeof extractValueByBrackets === 'undefined' ? true : extractValueByBrackets;
-  var uniqueID = useComId_default()();
-  var idRes = id || uniqueID;
-  var rootRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
-  var inputRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
-  var availableListRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
-  var optionsRes = options ? (0,initDefaultOptions.isJSON)(options) ? JSON.parse(options) : options : [];
-  var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    valSelectedData = _useState2[0],
-    setValSelectedData = _useState2[1];
-  var _useState3 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)([]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    valSelected = _useState4[0],
-    setValSelected = _useState4[1];
-
-  // temp default value
-  var _useState5 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(undefined),
-    _useState6 = _slicedToArray(_useState5, 2),
-    tempDefaultValue = _useState6[0],
-    setTempDefaultValue = _useState6[1];
-
-  // return a array of options
-  var optionsDataInit = optionsRes;
-
-  //
-  var _useState7 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(''),
-    _useState8 = _slicedToArray(_useState7, 2),
-    changedSearchVal = _useState8[0],
-    setChangedSearchVal = _useState8[1];
-
-  //
-  var _useState9 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(optionsDataInit),
-    _useState10 = _slicedToArray(_useState9, 2),
-    dataInit = _useState10[0],
-    setDataInit = _useState10[1];
-  var _useState11 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(false),
-    _useState12 = _slicedToArray(_useState11, 2),
-    hasErr = _useState12[0],
-    setHasErr = _useState12[1];
-
-  // exposes the following methods
-  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useImperativeHandle)(contentRef, function () {
-    return {
-      clear: function clear(cb) {
-        var _params = fetchFuncMethodParams || [];
-        fetchData(_params.join(','), '');
-        cb === null || cb === void 0 ? void 0 : cb();
-      },
-      set: function set(inputData, cb) {
-        if (!Array.isArray(inputData)) return;
-        var _params = fetchFuncMethodParams || [];
-        fetchData(_params.join(','), inputData.map(function (v) {
-          return "[".concat(v.value, "]");
-        }).join(''));
-        cb === null || cb === void 0 ? void 0 : cb();
-      }
-    };
-  }, [contentRef]);
-  var getExtControll = function getExtControll(index, id, value, extendedContent, defaultValue) {
-    var forceItemSelected = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : undefined;
-    var itemSelected = false;
-    if (typeof defaultValue !== 'undefined' && defaultValue !== '') {
-      var _val = VALUE_BY_BRACKETS ? (0,extract.extractContentsOfBrackets)(defaultValue) : defaultValue.trim().replace(/^\,|\,$/g, '').split(',');
-      if (Array.isArray(_val) && _val.includes(String(value))) {
-        itemSelected = true;
-      }
-    }
-    if (typeof forceItemSelected !== 'undefined') itemSelected = forceItemSelected;
-    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
-      style: {
-        paddingLeft: '1rem',
-        width: '100%',
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'end'
-      }
-    }, extendedContent ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", {
-      className: "m-select-v2__ext",
-      id: "m-select-v2__ext-".concat(id).concat(itemSelected ? '-selected' : '')
-    }, extendedContent)) : null, itemSelected ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("a", {
-      href: "#",
-      onClick: function onClick(e) {
-        e.preventDefault();
-        e.stopPropagation();
-
-        // remove
-        removeItem(id);
-      }
-    }, iconRemove ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, iconRemove) : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("svg", {
-      width: "15px",
-      height: "15px",
-      viewBox: "0 0 24 24",
-      fill: "none"
-    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("path", {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10ZM8 11a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2H8Z",
-      fill: "#000"
-    }))))) : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("a", {
-      href: "#",
-      onClick: function onClick(e) {
-        e.preventDefault();
-        e.stopPropagation();
-
-        // add
-        selectItem(id);
-      }
-    }, iconAdd ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, iconAdd) : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("svg", {
-      width: "15px",
-      height: "15px",
-      viewBox: "0 0 24 24",
-      fill: "none"
-    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("path", {
-      d: "M12 2C6.49 2 2 6.49 2 12C2 17.51 6.49 22 12 22C17.51 22 22 17.51 22 12C22 6.49 17.51 2 12 2ZM16 12.75H12.75V16C12.75 16.41 12.41 16.75 12 16.75C11.59 16.75 11.25 16.41 11.25 16V12.75H8C7.59 12.75 7.25 12.41 7.25 12C7.25 11.59 7.59 11.25 8 11.25H11.25V8C11.25 7.59 11.59 7.25 12 7.25C12.41 7.25 12.75 7.59 12.75 8V11.25H16C16.41 11.25 16.75 11.59 16.75 12C16.75 12.41 16.41 12.75 16 12.75Z",
-      fill: "#000"
-    })))))));
-  };
-  var dragdropListDataInit = function dragdropListDataInit(data) {
-    // Add appendControl to list
-    data.forEach(function (item, index) {
-      item.appendControl = getExtControll(index, item.id, item.value, item.extendedContent, tempDefaultValue);
-    });
-    return data;
-  };
-  var dragdropListDefaultDataInit = function dragdropListDefaultDataInit(data) {
-    // Update appendControl to list
-    data.forEach(function (item, index) {
-      item.appendControl = getExtControll(index, item.id, item.value, item.extendedContent, tempDefaultValue, false);
-    });
-    return data;
-  };
-  function fetchData(_x2, _x3) {
-    return _fetchData.apply(this, arguments);
-  }
-  function _fetchData() {
-    _fetchData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(params, inputDefault) {
-      var response, _ORGIN_DATA;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            // set default value
-            if (typeof inputDefault !== 'undefined' && inputDefault !== '') inputRef.current.dataset.value = inputDefault;
-
-            //
-            if (!(_typeof(fetchFuncAsync) === 'object')) {
-              _context.next = 16;
-              break;
-            }
-            _context.next = 4;
-            return fetchFuncAsync["".concat(fetchFuncMethod)].apply(fetchFuncAsync, _toConsumableArray(params.split(',')));
-          case 4:
-            response = _context.sent;
-            _ORGIN_DATA = response.data; // reset data structure
-            if (typeof fetchCallback === 'function') {
-              _ORGIN_DATA = fetchCallback(_ORGIN_DATA);
-            }
-
-            // Determine whether the data structure matches
-            if (_ORGIN_DATA.length > 0 && typeof _ORGIN_DATA[0].value === 'undefined') {
-              console.warn('The data structure does not match, please refer to the example in the component documentation.');
-              setHasErr(true);
-              _ORGIN_DATA = [];
-            }
-
-            // remove Duplicate objects from JSON Array
-            _ORGIN_DATA = (0,object.removeArrDuplicateItems)(_ORGIN_DATA, 'value');
-
-            // save temporary default value
-            setTempDefaultValue(inputDefault);
-
-            //
-            setDataInit(_ORGIN_DATA); // data must be initialized
-
-            //
-            initDefaultValue(inputDefault, _ORGIN_DATA); // value must be initialized
-
-            //
-            onFetch === null || onFetch === void 0 ? void 0 : onFetch(_ORGIN_DATA);
-            return _context.abrupt("return", _ORGIN_DATA);
-          case 16:
-            // remove Duplicate objects from JSON Array
-            optionsDataInit = (0,object.removeArrDuplicateItems)(optionsDataInit, 'value');
-
-            // save temporary default value
-            setTempDefaultValue(inputDefault);
-
-            //
-            setDataInit(optionsDataInit); // data must be initialized
-
-            //
-            initDefaultValue(inputDefault, optionsDataInit); // value must be initialized
-
-            //
-            onFetch === null || onFetch === void 0 ? void 0 : onFetch(optionsDataInit);
-            return _context.abrupt("return", optionsDataInit);
-          case 22:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return _fetchData.apply(this, arguments);
-  }
-  function initDefaultValue(defaultValue, options) {
-    // change the value to trigger component rendering
-    if (typeof defaultValue === 'undefined' || defaultValue === '') {
-      setValSelected([]);
-      setValSelectedData([]);
-    } else {
-      var _val = VALUE_BY_BRACKETS ? (0,extract.extractContentsOfBrackets)(defaultValue) : defaultValue.trim().replace(/^\,|\,$/g, '').split(',');
-      if (Array.isArray(_val)) {
-        var _initVal = _val.filter(function (v) {
-          return v !== '';
-        });
-        setValSelected(_initVal);
-
-        // Initialize selected options
-        if (UNATTACHED_SELECT) {
-          setValSelectedData(function (prevState) {
-            var _data = [].concat(_toConsumableArray(prevState), _toConsumableArray(options.filter(function (item) {
-              return multiSelControlOptionExist(_initVal, item.value);
-            })));
-            return uniqueArr(_data);
-          });
-        } else {
-          setValSelectedData(options.filter(function (item) {
-            return multiSelControlOptionExist(_initVal, item.value);
-          }));
-        }
-
-        // Initialize default options
-        setDataInit(options.filter(function (item) {
-          return !multiSelControlOptionExist(_initVal, item.value);
-        }));
-      } else {
-        setValSelected([]);
-        setValSelectedData([]);
-      }
-    }
-  }
-  function selectItem(curId) {
-    // update default options
-    setDataInit(function (prevState) {
-      var newDefaultData = prevState.filter(function (item) {
-        return item.id != curId;
-      });
-      var targetData = prevState.find(function (v) {
-        return v.id == curId;
-      }); // !!!from old "dataInit"
-      var _data = typeof targetData !== 'undefined' ? targetData : {};
-
-      // update selected data
-      setValSelectedData(function (prevState2) {
-        var newSelectedData = dragdropListDataInit([].concat(_toConsumableArray(prevState2), [_data]));
-
-        // update selected items
-        setValSelected(function (prevState3) {
-          var newValueData = newSelectedData.map(function (v) {
-            return v.value;
-          });
-          var newValueStr = VALUE_BY_BRACKETS ? (0,convert.convertArrToValByBrackets)(newValueData) : newValueData.join(',');
-          onChange === null || onChange === void 0 ? void 0 : onChange(document.querySelector("[data-id=\"".concat(curId, "\"]")), newValueData, newValueStr, _data, 'add', newSelectedData);
-
-          // update temporary default value
-          setTempDefaultValue(newValueStr);
-          return newValueData;
-        });
-        return uniqueArr(newSelectedData);
-      });
-      return uniqueArr(newDefaultData);
-    });
-  }
-  function removeItem(curId) {
-    // update selected data
-    setValSelectedData(function (prevState) {
-      var newSelectedData = prevState.filter(function (item) {
-        return item.id != curId;
-      });
-      var targetData = prevState.find(function (v) {
-        return v.id == curId;
-      }); // !!!from old "valSelectedData"
-      var _data = typeof targetData !== 'undefined' ? targetData : {};
-
-      // update default options
-      setDataInit(function (prevState2) {
-        var newDefaultData = dragdropListDefaultDataInit([].concat(_toConsumableArray(prevState2), [_data]));
-        return uniqueArr(newDefaultData);
-      });
-
-      // update selected items
-      setValSelected(function (prevState3) {
-        var newValueData = newSelectedData.map(function (v) {
-          return v.value;
-        });
-        var newValueStr = VALUE_BY_BRACKETS ? (0,convert.convertArrToValByBrackets)(newValueData) : newValueData.join(',');
-        onChange === null || onChange === void 0 ? void 0 : onChange(document.querySelector("[data-id=\"".concat(curId, "\"]")), newValueData, newValueStr, _data, 'remove', newSelectedData);
-
-        // update temporary default value
-        setTempDefaultValue(newValueStr);
-        return newValueData;
-      });
-      return uniqueArr(newSelectedData);
-    });
-  }
-  function handleSelectAll(event) {
-    event.preventDefault();
-    event.stopPropagation();
-
-    // update default options
-    setDataInit(function (prevState) {
-      var newDefaultData = [];
-
-      // filter the "disabled" option
-      var disabledData = prevState.filter(function (v) {
-        return v.disabled === true;
-      }); // !!!from old "dataInit"
-      var targetData = prevState.filter(function (v) {
-        return typeof v.disabled === 'undefined' || v.disabled === false;
-      }); // !!!from old "dataInit"
-
-      // update selected data
-      setValSelectedData(function (prevState2) {
-        var newSelectedData = dragdropListDataInit([].concat(_toConsumableArray(prevState2), _toConsumableArray(targetData)));
-
-        // update selected items
-        setValSelected(function (prevState3) {
-          var newValueData = newSelectedData.map(function (v) {
-            return v.value;
-          });
-          var newValueStr = VALUE_BY_BRACKETS ? (0,convert.convertArrToValByBrackets)(newValueData) : newValueData.join(',');
-          onChange === null || onChange === void 0 ? void 0 : onChange(null, newValueData, newValueStr, null, 'add-all', newSelectedData);
-
-          // update temporary default value
-          setTempDefaultValue(newValueStr);
-          return newValueData;
-        });
-        return uniqueArr(newSelectedData);
-      });
-      return uniqueArr([].concat(newDefaultData, _toConsumableArray(disabledData)));
-    });
-  }
-  function handleRemoveAll(event) {
-    event.preventDefault();
-    event.stopPropagation();
-
-    // update selected data
-    setValSelectedData(function (prevState) {
-      var newSelectedData = [];
-      var targetData = prevState; // !!!from old "valSelectedData"
-
-      // update default options
-      setDataInit(function (prevState2) {
-        var newDefaultData = dragdropListDefaultDataInit([].concat(_toConsumableArray(prevState2), _toConsumableArray(targetData)));
-        return uniqueArr(newDefaultData);
-      });
-
-      // update selected items
-      setValSelected(function (prevState3) {
-        var newValueData = newSelectedData.map(function (v) {
-          return v.value;
-        });
-        var newValueStr = VALUE_BY_BRACKETS ? (0,convert.convertArrToValByBrackets)(newValueData) : newValueData.join(',');
-        onChange === null || onChange === void 0 ? void 0 : onChange(null, newValueData, newValueStr, null, 'remove-all', newSelectedData);
-        onRemoveAll === null || onRemoveAll === void 0 ? void 0 : onRemoveAll(event, newValueData, newValueStr, newSelectedData);
-
-        // update temporary default value
-        setTempDefaultValue(newValueStr);
-        return newValueData;
-      });
-      return uniqueArr(newSelectedData);
-    });
-  }
-  function handleChangeSearch(event) {
-    var inputVal = event.target.value;
-    if (availableListRef.current === null) return;
-    setChangedSearchVal(inputVal);
-    var items = [].slice.call(availableListRef.current.querySelectorAll('li[data-value]'));
-    items.forEach(function (item) {
-      // Avoid fatal errors causing page crashes
-      var _label = typeof item.dataset.label !== 'undefined' && item.dataset.label !== null ? item.dataset.label : '';
-      var _queryString = typeof item.dataset.querystring !== 'undefined' && item.dataset.querystring !== null ? item.dataset.querystring : '';
-      if ((_queryString.split(',').some(function (l) {
-        return l.charAt(0) === inputVal.toLowerCase();
-      }) || _queryString.split(',').some(function (l) {
-        return l.replace(/ /g, '').indexOf(inputVal.toLowerCase()) >= 0;
-      }) || _label.toLowerCase().indexOf(inputVal.toLowerCase()) >= 0) && inputVal != '') {
-        item.classList.remove('hide');
-      } else {
-        item.classList.add('hide');
-      }
-    });
-    items.forEach(function (item) {
-      if (inputVal === '') {
-        item.classList.remove('hide');
-      }
-    });
-  }
-  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
-    // data init
-    //--------------
-    var _params = fetchFuncMethodParams || [];
-    fetchData(_params.join(','), value);
-  }, [value, options, data]);
-  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
-    // update default value (It does not re-render the component because the incoming value changes.)
-    //--------------
-    if (typeof defaultValue !== 'undefined') {
-      //REQUIRED
-      var _params = fetchFuncMethodParams || [];
-      fetchData(_params.join(','), defaultValue);
-    }
-  }, []);
-  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
-    className: (0,cls.combinedCls)('m-select-v2__wrapper', (0,cls.clsWrite)(wrapperClassName, 'mb-3')),
-    ref: rootRef,
-    style: {
-      minWidth: WRAPPER_MIN_W === '' ? 'var(--m-select-v2-wrapper-min-w)' : WRAPPER_MIN_W,
-      minHeight: WRAPPER_MIN_H === '' ? 'var(--m-select-v2-wrapper-min-h)' : WRAPPER_MIN_H
-    }
-  }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
-    className: "m-select-v2-diving-line"
-  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("input", _extends({
-    ref: function ref(node) {
-      inputRef.current = node;
-      if (typeof externalRef === 'function') {
-        externalRef(node);
-      } else if (externalRef) {
-        externalRef.current = node;
-      }
-    },
-    tabIndex: -1,
-    type: "hidden",
-    id: idRes,
-    name: name,
-    value: VALUE_BY_BRACKETS ? (0,convert.convertArrToValByBrackets)(valSelected) : valSelected.join(',') // do not use `defaultValue`
-    ,
-    onChange: function onChange() {
-      return void 0;
-    },
-    required: required || null
-  }, attributes)), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
-    className: "m-select-v2-inner"
-  }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
-    className: "m-select-v2__available__container"
-  }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
-    className: "m-select-v2__m-select-v2__item-actions m-select-v2__header"
-  }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
-    className: "m-select-v2__search__container"
-  }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("input", {
-    type: "text",
-    value: changedSearchVal,
-    className: "m-select-v2__search",
-    onChange: handleChangeSearch
-  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("i", null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("svg", {
-    width: "0.8em",
-    height: "0.8em",
-    fill: "#ddd",
-    viewBox: "0 0 16 16"
-  }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("path", {
-    d: "M12.027 9.92L16 13.95 14 16l-4.075-3.976A6.465 6.465 0 0 1 6.5 13C2.91 13 0 10.083 0 6.5 0 2.91 2.917 0 6.5 0 10.09 0 13 2.917 13 6.5a6.463 6.463 0 0 1-.973 3.42zM1.997 6.452c0 2.48 2.014 4.5 4.5 4.5 2.48 0 4.5-2.015 4.5-4.5 0-2.48-2.015-4.5-4.5-4.5-2.48 0-4.5 2.014-4.5 4.5z",
-    fillRule: "evenodd"
-  })))), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", {
-    className: "m-select-v2__title",
-    dangerouslySetInnerHTML: {
-      __html: "".concat(availableHeaderTitle || '')
-    }
-  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("a", {
-    href: "#",
-    className: "m-select-v2__btn--add-all",
-    onClick: handleSelectAll
-  }, addAllBtnLabel || 'Add all')), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((cjs_default()), {
-    data: dragdropListDefaultDataInit(dataInit),
-    wrapperClassName: "",
-    ref: availableListRef,
-    prefix: "m-select-v2",
-    draggable: false,
-    handleHide: handleHide,
-    handleIcon: handleIcon,
-    handlePos: handlePos,
-    dragMode: dragMode,
-    indentation: indentation,
-    doubleIndent: doubleIndent,
-    alternateCollapse: alternateCollapse,
-    arrow: arrow
-  })), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
-    className: "m-select-v2__selected__container"
-  }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
-    className: "m-select-v2__m-select-v2__item-actions m-select-v2__header"
-  }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", {
-    className: "m-select-v2__count",
-    dangerouslySetInnerHTML: {
-      __html: "".concat(typeof selectedHeaderNote !== 'undefined' ? selectedHeaderNote.replace('{items_num}', valSelectedData.length) : '')
-    }
-  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", {
-    className: "m-select-v2__title",
-    dangerouslySetInnerHTML: {
-      __html: "".concat(selectedHeaderTitle || '')
-    }
-  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("a", {
-    href: "#",
-    className: "m-select-v2__btn--remove-all",
-    onClick: handleRemoveAll
-  }, removeAllBtnLabel || 'Remove all')), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((cjs_default()), {
-    data: dragdropListDataInit(selectedResultReverse ? valSelectedData.reverse() : valSelectedData),
-    onUpdate: function onUpdate(newData, curId) {
-      setValSelectedData(newData);
-      var newValueData = newData.map(function (v) {
-        return v.value;
-      });
-      var newValueStr = VALUE_BY_BRACKETS ? (0,convert.convertArrToValByBrackets)(newValueData) : newValueData.join(',');
-      var targetData = newData.find(function (v) {
-        return v.id == curId;
-      }); // !!!from old "dataInit"
-      var _data = typeof targetData !== 'undefined' ? targetData : {};
-      setValSelected(newData.map(function (v) {
-        return v.value;
-      }));
-      onChange === null || onChange === void 0 ? void 0 : onChange(document.querySelector("[data-id=\"".concat(curId, "\"]")), newValueData, newValueStr, _data, 'update', newData);
-    },
-    wrapperClassName: "",
-    prefix: "m-select-v2",
-    draggable: draggable,
-    handleHide: handleHide,
-    handleIcon: handleIcon,
-    handlePos: handlePos,
-    dragMode: dragMode,
-    indentation: indentation,
-    doubleIndent: doubleIndent,
-    alternateCollapse: false,
-    arrow: arrow,
-    hierarchical: false
-  })))));
-});
-/* harmony default export */ const src = (MultipleSelect);
-})();
-
-/******/ 	return __webpack_exports__;
-/******/ })()
-;
-});