@kupola/kupola 1.6.3 → 1.6.4

package/dist/kupola.esm.js

@@ -201,8 +201,8 @@ class ht {
     console.error(`[KupolaLifecycle] Unhandled error in ${t.phase}:`, t.error);
   }
 }
-const Ia = new ht("app");
-function Ta(i = "app") {
+const Ta = new ht("app");
+function Ia(i = "app") {
   return new ht(i);
 }
 const Le = /* @__PURE__ */ new Set(["__proto__", "prototype", "constructor"]);
@@ -218,10 +218,10 @@ function He(i) {
 function Me(i) {
   return i ? i.replace(/\s+$/, "") : "";
 }
-function Ie(i) {
+function Te(i) {
   return i ? i.toUpperCase() : "";
 }
-function Te(i) {
+function Ie(i) {
   return i ? i.toLowerCase() : "";
 }
 function Ae(i) {
@@ -289,7 +289,7 @@ function Je() {
     return (i === "x" ? t : t & 3 | 8).toString(16);
   });
 }
-const Ze = { trim: De, trimLeft: He, trimRight: Me, toUpperCase: Ie, toLowerCase: Te, capitalize: Ae, camelize: ze, hyphenate: Pe, padStart: $e, padEnd: Be, truncate: qe, replaceAll: Oe, format: Fe, startsWith: Ne, endsWith: Re, includes: Ve, repeat: Ke, reverse: We, countOccurrences: Ue, escapeHtml: Ye, unescapeHtml: Xe, generateRandom: je, generateUUID: Je };
+const Ze = { trim: De, trimLeft: He, trimRight: Me, toUpperCase: Te, toLowerCase: Ie, capitalize: Ae, camelize: ze, hyphenate: Pe, padStart: $e, padEnd: Be, truncate: qe, replaceAll: Oe, format: Fe, startsWith: Ne, endsWith: Re, includes: Ve, repeat: Ke, reverse: We, countOccurrences: Ue, escapeHtml: Ye, unescapeHtml: Xe, generateRandom: je, generateUUID: Je };
 function Ge(i) {
   return Array.isArray(i);
 }
@@ -415,14 +415,14 @@ function Ms(i, t) {
     return e.has(n) ? !1 : (e.add(n), !0);
   });
 }
-function Is(i, t) {
+function Ts(i, t) {
   if (!i || t <= 0) return [];
   const e = [];
   for (let s = 0; s < i.length; s += t)
     e.push(i.slice(s, s + t));
   return e;
 }
-function Ts(i) {
+function Is(i) {
   if (!i) return [];
   const t = i.slice();
   for (let e = t.length - 1; e > 0; e--) {
@@ -457,7 +457,7 @@ function Os(...i) {
   const t = Math.max(...i.map((e) => e ? e.length : 0));
   return Array.from({ length: t }, (e, s) => i.map((n) => n && n[s]));
 }
-const Fs = { isArray: Ge, isEmpty: Qe, size: ts, first: es, last: ss, get: is, slice: ns, concat: rs, join: as, indexOf: os, lastIndexOf: ls, includes: cs, push: hs, pop: ds, shift: us, unshift: ps, remove: fs, removeAt: ms, insert: gs, reverse: _s, sort: ys, sortBy: vs, filter: bs, map: xs, reduce: Es, forEach: ws, every: ks, some: Cs, find: Ss, findIndex: Ls, flat: Ds, flattenDeep: St, unique: Hs, uniqueBy: Ms, chunk: Is, shuffle: Ts, sum: Lt, average: As, max: zs, min: Ps, intersection: $s, union: Bs, difference: qs, zip: Os };
+const Fs = { isArray: Ge, isEmpty: Qe, size: ts, first: es, last: ss, get: is, slice: ns, concat: rs, join: as, indexOf: os, lastIndexOf: ls, includes: cs, push: hs, pop: ds, shift: us, unshift: ps, remove: fs, removeAt: ms, insert: gs, reverse: _s, sort: ys, sortBy: vs, filter: bs, map: xs, reduce: Es, forEach: ws, every: ks, some: Cs, find: Ss, findIndex: Ls, flat: Ds, flattenDeep: St, unique: Hs, uniqueBy: Ms, chunk: Ts, shuffle: Is, sum: Lt, average: As, max: zs, min: Ps, intersection: $s, union: Bs, difference: qs, zip: Os };
 function rt(i) {
   return i !== null && typeof i == "object" && !Array.isArray(i);
 }
@@ -624,18 +624,18 @@ function yi(...i) {
   const t = i.filter(L);
   return t.length > 0 ? Math.max(...t) : void 0;
 }
-function It(...i) {
+function Tt(...i) {
   return i.flat().filter(L).reduce((e, s) => e + s, 0);
 }
 function vi(...i) {
   const t = i.flat().filter(L);
-  return t.length > 0 ? It(t) / t.length : 0;
+  return t.length > 0 ? Tt(t) / t.length : 0;
 }
-function Tt(i = 0, t = 1) {
+function It(i = 0, t = 1) {
   return Math.random() * (t - i) + i;
 }
 function bi(i, t) {
-  return Math.floor(Tt(i, t + 1));
+  return Math.floor(It(i, t + 1));
 }
 function xi(i, t = 2) {
   return L(i) ? i.toFixed(t) : String(i);
@@ -668,13 +668,13 @@ function Mi(i, t = 0) {
   const e = Number(i);
   return isNaN(e) ? t : e;
 }
-function Ii(i, t, e = 0) {
+function Ti(i, t, e = 0) {
   return !L(i) || !L(t) || t === 0 ? e : i / t;
 }
-function Ti(...i) {
+function Ii(...i) {
   return i.reduce((t, e) => !L(t) || !L(e) ? 0 : t * e, 1);
 }
-const Ai = { isNumber: L, isInteger: oi, isFloat: li, isPositive: ci, isNegative: hi, isZero: di, clamp: ui, round: pi, floor: fi, ceil: mi, abs: gi, min: _i, max: yi, sum: It, average: vi, random: Tt, randomInt: bi, format: xi, formatCurrency: Ei, formatPercent: wi, toFixed: ki, toPrecision: Ci, isNaN: Si, isFinite: Li, parseInt: Di, parseFloat: Hi, toNumber: Mi, safeDivide: Ii, safeMultiply: Ti };
+const Ai = { isNumber: L, isInteger: oi, isFloat: li, isPositive: ci, isNegative: hi, isZero: di, clamp: ui, round: pi, floor: fi, ceil: mi, abs: gi, min: _i, max: yi, sum: Tt, average: vi, random: It, randomInt: bi, format: xi, formatCurrency: Ei, formatPercent: wi, toFixed: ki, toPrecision: Ci, isNaN: Si, isFinite: Li, parseInt: Di, parseFloat: Hi, toNumber: Mi, safeDivide: Ti, safeMultiply: Ii };
 function tt() {
   return Date.now();
 }
@@ -934,10 +934,10 @@ function Hn(i) {
 function Mn(i) {
   return /^[a-zA-Z]+$/.test(i || "");
 }
-function In(i) {
+function Tn(i) {
   return /^[a-zA-Z0-9]+$/.test(i || "");
 }
-function Tn(i) {
+function In(i) {
   return /^[\u4e00-\u9fa5]+$/.test(i || "");
 }
 function An(i, t, e) {
@@ -996,7 +996,7 @@ function Wn(i, t) {
     }), a.length > 0 && (e[s] = a);
   }), { valid: Object.keys(e).length === 0, errors: e };
 }
-const Nt = { isEmail: pn, isPhone: fn, isURL: mn, isIPv4: Pt, isIPv6: $t, isIP: gn, isIDCard: _n, isPassport: yn, isCreditCard: vn, isHexColor: Bt, isRGB: qt, isRGBA: Ot, isColor: bn, isDate: xn, isJSON: En, isEmpty: wn, isWhitespace: kn, isNumber: Cn, isInteger: Sn, isFloat: Ln, isPositive: Dn, isNegative: Hn, isAlpha: Mn, isAlphaNumeric: In, isChinese: Tn, isLength: An, minLength: zn, maxLength: Pn, matches: $n, equals: Bn, contains: Ft, notContains: qn, isArray: On, arrayLength: Fn, arrayMinLength: Nn, arrayMaxLength: Rn, isObject: Vn, hasKeys: Kn, validate: Wn };
+const Nt = { isEmail: pn, isPhone: fn, isURL: mn, isIPv4: Pt, isIPv6: $t, isIP: gn, isIDCard: _n, isPassport: yn, isCreditCard: vn, isHexColor: Bt, isRGB: qt, isRGBA: Ot, isColor: bn, isDate: xn, isJSON: En, isEmpty: wn, isWhitespace: kn, isNumber: Cn, isInteger: Sn, isFloat: Ln, isPositive: Dn, isNegative: Hn, isAlpha: Mn, isAlphaNumeric: Tn, isChinese: In, isLength: An, minLength: zn, maxLength: Pn, matches: $n, equals: Bn, contains: Ft, notContains: qn, isArray: On, arrayLength: Fn, arrayMinLength: Nn, arrayMaxLength: Rn, isObject: Vn, hasKeys: Kn, validate: Wn };
 function Un(i) {
   const t = i ? String(i) : "", e = [1732584193, 4023233417, 2562383102, 271733878], s = [3614090360, 3905402710, 606105819, 3250441966, 4118548399, 1200080426, 2821735955, 4249261313, 1770035416, 2336552879, 4294925233, 2304563134, 1804603682, 4254626195, 2792965006, 1236535329, 4129170786, 3225465664, 643717713, 3921069994, 3593408605, 38016083, 3634488961, 3889429448, 568446438, 3275163606, 4107603335, 1163531501, 2850285829, 4243563512, 1735328473, 2368359562, 4294588738, 2272392833, 1839030562, 4259657740, 2763975236, 1272893353, 4139469664, 3200236656, 681279174, 3936430074, 3572445317, 76029189, 3654602809, 3873151461, 530742520, 3299628645, 4096336452, 1126891415, 2878612391, 4237533241, 1700485571, 2399980690, 4293915773, 2240044497, 1873313359, 4264355552, 2734768916, 1309151649, 4149444226, 3174756917, 718787259, 3951481745], n = [[7, 12, 17, 22], [5, 9, 14, 20], [4, 11, 16, 23], [6, 10, 15, 21]];
   function r(d, u) {
@@ -1854,7 +1854,7 @@ class lr {
     }), this.events = {}, this.delegatedEvents = {}, this.eventListeners = {};
   }
 }
-function T(i = null) {
+function I(i = null) {
   const t = {
     _value: i,
     _subscribers: /* @__PURE__ */ new Set()
@@ -1881,7 +1881,7 @@ function Pa(i, t) {
 function $a(i) {
   return Kt.getStore(i);
 }
-const I = {
+const T = {
   paths: {
     icons: "/icons/",
     base: "/"
@@ -1977,46 +1977,46 @@ const I = {
   }
 };
 function Ba(i) {
-  Ut(I, i);
+  Ut(T, i);
 }
 function dt(i) {
-  return i ? mr(I, i) : I;
+  return i ? mr(T, i) : T;
 }
 function Wt() {
-  return I.paths.base + I.paths.icons.replace(/^\//, "");
+  return T.paths.base + T.paths.icons.replace(/^\//, "");
 }
 function qa() {
-  return I.paths.base;
+  return T.paths.base;
 }
 function cr() {
-  return I.theme.default;
+  return T.theme.default;
 }
 function hr() {
-  return I.theme.brand;
+  return T.theme.brand;
 }
 function Oa() {
-  return I.http;
+  return T.http;
 }
 function j() {
-  return I.ui;
+  return T.ui;
 }
 function W() {
-  return I.zIndex;
+  return T.zIndex;
 }
 function st() {
-  return I.security;
+  return T.security;
 }
 function dr() {
-  return I.performance;
+  return T.performance;
 }
 function ur() {
-  return I.message;
+  return T.message;
 }
 function pr() {
-  return I.notification;
+  return T.notification;
 }
 function fr() {
-  return I.validation;
+  return T.validation;
 }
 function Ut(i, t) {
   for (const e in t)
@@ -2269,13 +2269,13 @@ class _r {
     const e = t.className;
     if (typeof e == "string") {
       for (const s of this._cssClasses)
-        if (e.includes(s)) {
-          const n = s.replace("ds-", ""), r = this.initializers.get(n) || this.initializers.get(s);
-          if (r) {
+        if (new RegExp(`(^|\\s)${s}(\\s|$)`).test(e)) {
+          const r = s.replace("ds-", ""), a = this.initializers.get(r) || this.initializers.get(s);
+          if (a) {
             try {
-              await r(t), this.processedElements.add(t);
-            } catch (a) {
-              console.error(`[ComponentInitializerRegistry] Error initializing "${n}":`, a);
+              await a(t), this.processedElements.add(t);
+            } catch (o) {
+              console.error(`[ComponentInitializerRegistry] Error initializing "${r}":`, o);
             }
             return;
           }
@@ -2302,13 +2302,13 @@ class _r {
     const e = t.className;
     if (typeof e == "string") {
       for (const s of this._cssClasses)
-        if (e.includes(s)) {
-          const n = s.replace("ds-", ""), r = this.cleanupFunctions.get(n) || this.cleanupFunctions.get(s);
-          if (r) {
+        if (new RegExp(`(^|\\s)${s}(\\s|$)`).test(e)) {
+          const r = s.replace("ds-", ""), a = this.cleanupFunctions.get(r) || this.cleanupFunctions.get(s);
+          if (a) {
             try {
-              r(t);
-            } catch (a) {
-              console.error(`[ComponentInitializerRegistry] Error cleaning up "${n}":`, a);
+              a(t);
+            } catch (o) {
+              console.error(`[ComponentInitializerRegistry] Error cleaning up "${r}":`, o);
             }
             this.processedElements.delete(t);
             return;
@@ -2958,7 +2958,7 @@ class Er {
     !this.trigger || !this.menu || this.element.__kupolaInitialized || (this._itemClickHandler = (t) => {
       t.stopPropagation();
       const e = t.currentTarget;
-      e.classList.contains("is-disabled") || e.classList.contains("ds-dropdown__divider") || (this.menu.querySelectorAll(".ds-dropdown__item").forEach((s) => s.classList.remove("is-selected")), e.classList.add("is-selected"), this.triggerText && !e.hasAttribute("data-no-update-trigger") && (this.triggerText.textContent = e.textContent.trim()), this.element.setAttribute("data-value", e.getAttribute("data-value") || ""), this.onSelect && this.onSelect({ item: e, value: e.getAttribute("data-value"), text: e.textContent.trim() }), this.closeOnClick && (this.hideMenu(), this.trigger.focus()));
+      e.classList.contains("is-disabled") || e.classList.contains("ds-dropdown__divider") || (this.menu.querySelectorAll(".ds-dropdown__item").forEach((s) => s.classList.remove("is-selected")), e.classList.add("is-selected"), this.triggerText && !e.hasAttribute("data-no-update-trigger") && (this.triggerText.textContent = e.textContent.trim()), this.element.setAttribute("data-value", e.getAttribute("data-value") || ""), this.onSelect && this.onSelect({ item: e, value: e.getAttribute("data-value"), text: e.textContent.trim() }), this.closeOnClick !== !1 && (this.hideMenu(), this.trigger && this.trigger.focus()));
     }, this._bindMenuItems(), this._triggerClickHandler = (t) => {
       t.stopPropagation(), !this.disabled && this.toggleMenu();
     }, this._triggerMouseenterHandler = () => {
@@ -3017,14 +3017,14 @@ class Er {
   _calculatePosition() {
     if (!this.autoPosition)
       return;
-    const t = this.element.getBoundingClientRect(), e = this.menu.getBoundingClientRect(), s = window.innerHeight, n = window.innerWidth;
+    const t = this.element.getBoundingClientRect(), e = window.innerHeight, s = window.innerWidth;
     if (this.menu.classList.remove("ds-dropdown--top", "ds-dropdown--right", "ds-dropdown--dropup"), this.appendToBody) {
-      this.menu.style.width = `${Math.max(t.width, e.width)}px`;
-      const r = s - t.bottom, a = t.top;
-      r < e.height && a > r ? (this.menu.style.top = `${t.top - e.height - 4}px`, this.menu.style.bottom = "auto") : (this.menu.style.top = `${t.bottom + 4}px`, this.menu.style.bottom = "auto"), t.left + e.width > n ? (this.menu.style.left = `${t.right - Math.max(t.width, e.width)}px`, this.menu.style.right = "auto") : (this.menu.style.left = `${t.left}px`, this.menu.style.right = "auto");
+      this.menu.style.width = `${t.width}px`;
+      const n = this.menu.getBoundingClientRect(), r = e - t.bottom, a = t.top;
+      r < n.height && a > r ? (this.menu.style.top = `${t.top - n.height - 4}px`, this.menu.style.bottom = "auto") : (this.menu.style.top = `${t.bottom + 4}px`, this.menu.style.bottom = "auto"), t.left + n.width > s ? (this.menu.style.left = `${t.right - n.width}px`, this.menu.style.right = "auto") : (this.menu.style.left = `${t.left}px`, this.menu.style.right = "auto");
     } else {
-      const r = s - t.bottom, a = t.top;
-      r < e.height && a > r ? (this.menu.classList.add("ds-dropdown--dropup"), this.menu.style.top = "auto", this.menu.style.bottom = "100%", this.menu.style.marginBottom = "4px") : (this.menu.style.top = "100%", this.menu.style.bottom = "auto", this.menu.style.marginBottom = "0"), t.left + e.width > n ? (this.menu.style.left = "auto", this.menu.style.right = "0") : (this.menu.style.left = "0", this.menu.style.right = "auto");
+      const n = e - t.bottom, r = t.top;
+      n < menuRect.height && r > n ? (this.menu.classList.add("ds-dropdown--dropup"), this.menu.style.top = "auto", this.menu.style.bottom = "100%", this.menu.style.marginBottom = "4px") : (this.menu.style.top = "100%", this.menu.style.bottom = "auto", this.menu.style.marginBottom = "0"), t.left + menuRect.width > s ? (this.menu.style.left = "auto", this.menu.style.right = "0") : (this.menu.style.left = "0", this.menu.style.right = "auto");
     }
   }
   showMenu() {
@@ -3035,12 +3035,12 @@ class Er {
   }
   _appendMenuToBody() {
     if (!this.menu) return;
-    this._originalParent = this.menu.parentNode, this._originalPosition = this.menu.style.position, this._originalTop = this.menu.style.top, this._originalLeft = this.menu.style.left, this._originalRight = this.menu.style.right, this._originalBottom = this.menu.style.bottom, this._originalMarginBottom = this.menu.style.marginBottom, this._originalWidth = this.menu.style.width, this._originalTransform = this.menu.style.transform, this._originalZIndex = this.menu.style.zIndex;
-    const t = W().dropdown;
-    this.menu.style.position = "fixed", this.menu.style.zIndex = t, this.menu.style.transform = "translateZ(0)", document.body.appendChild(this.menu);
+    this._originalParent = this.menu.parentNode, this._originalPosition = this.menu.style.position, this._originalTop = this.menu.style.top, this._originalLeft = this.menu.style.left, this._originalRight = this.menu.style.right, this._originalBottom = this.menu.style.bottom, this._originalMarginBottom = this.menu.style.marginBottom, this._originalWidth = this.menu.style.width, this._originalTransform = this.menu.style.transform, this._originalZIndex = this.menu.style.zIndex, this._originalDisplay = this.menu.style.display;
+    const t = this.element.getBoundingClientRect(), e = W().dropdown;
+    this.menu.style.position = "fixed", this.menu.style.width = `${t.width}px`, this.menu.style.zIndex = e, this.menu.style.transform = "translateZ(0)", document.body.appendChild(this.menu);
   }
   _restoreMenuFromBody() {
-    !this.menu || !this._originalParent || (this._originalParent.appendChild(this.menu), this.menu.style.position = this._originalPosition || "", this.menu.style.top = this._originalTop || "", this.menu.style.left = this._originalLeft || "", this.menu.style.right = this._originalRight || "", this.menu.style.bottom = this._originalBottom || "", this.menu.style.marginBottom = this._originalMarginBottom || "", this.menu.style.width = this._originalWidth || "", this.menu.style.zIndex = this._originalZIndex || "", this.menu.style.transform = this._originalTransform || "", this._originalParent = null);
+    !this.menu || !this._originalParent || (this._originalParent.appendChild(this.menu), this.menu.style.position = this._originalPosition || "", this.menu.style.top = this._originalTop || "", this.menu.style.left = this._originalLeft || "", this.menu.style.right = this._originalRight || "", this.menu.style.bottom = this._originalBottom || "", this.menu.style.marginBottom = this._originalMarginBottom || "", this.menu.style.width = this._originalWidth || "", this.menu.style.zIndex = this._originalZIndex || "", this.menu.style.transform = this._originalTransform || "", this.menu.style.display = this._originalDisplay || "", this._originalParent = null, console.log("[Dropdown] Menu restored from body"));
   }
   _addScrollListener() {
     this._scrollHandler = () => {
@@ -3061,15 +3061,19 @@ class Er {
   }
   // Update menu items dynamically
   setItems(t) {
-    this.menu.querySelectorAll(".ds-dropdown__item").forEach((e) => {
+    this._itemClickHandler || (this._itemClickHandler = (e) => {
+      e.stopPropagation();
+      const s = e.currentTarget;
+      s.classList.contains("is-disabled") || s.classList.contains("ds-dropdown__divider") || (this.menu.querySelectorAll(".ds-dropdown__item").forEach((n) => n.classList.remove("is-selected")), s.classList.add("is-selected"), this.triggerText && !s.hasAttribute("data-no-update-trigger") && (this.triggerText.textContent = s.textContent.trim()), this.element.setAttribute("data-value", s.getAttribute("data-value") || ""), this.onSelect && this.onSelect({ item: s, value: s.getAttribute("data-value"), text: s.textContent.trim() }), this.closeOnClick !== !1 && (this.hideMenu(), this.trigger && this.trigger.focus()));
+    }), this.menu.querySelectorAll(".ds-dropdown__item").forEach((e) => {
       e._dropdownItemClickHandler && e.removeEventListener("click", e._dropdownItemClickHandler);
-    }), this.menu.innerHTML = "", t.forEach((e) => {
+    }), this.menu.innerHTML = "", t.forEach((e, s) => {
       if (e.type === "divider") {
-        const s = document.createElement("div");
-        s.className = "ds-dropdown__divider", this.menu.appendChild(s);
+        const n = document.createElement("div");
+        n.className = "ds-dropdown__divider", this.menu.appendChild(n);
       } else {
-        const s = document.createElement("div");
-        s.className = "ds-dropdown__item" + (e.disabled ? " is-disabled" : "") + (e.active ? " is-selected" : ""), s.textContent = e.text || e.label || "", e.value !== void 0 && s.setAttribute("data-value", e.value), e.icon && (s.innerHTML = e.icon + s.innerHTML), e.disabled && s.classList.add("is-disabled"), s._dropdownItemClickHandler = (n) => this._itemClickHandler(n), s.addEventListener("click", s._dropdownItemClickHandler), this.menu.appendChild(s);
+        const n = document.createElement("div");
+        n.className = "ds-dropdown__item" + (e.disabled ? " is-disabled" : "") + (e.active ? " is-selected" : ""), n.textContent = e.text || e.label || "", e.value !== void 0 && n.setAttribute("data-value", e.value), e.icon && (n.innerHTML = e.icon + n.innerHTML), e.disabled && n.classList.add("is-disabled"), n._dropdownItemClickHandler = (r) => this._itemClickHandler(r), n.addEventListener("click", n._dropdownItemClickHandler), this.menu.appendChild(n);
       }
     });
   }
@@ -3080,6 +3084,7 @@ class Er {
   }
 }
 function Jt(i, t) {
+  i._kupolaDropdown && i._kupolaDropdown.destroy();
   const e = new Er(i, t);
   e.init(), i._kupolaDropdown = e;
 }
@@ -3179,7 +3184,13 @@ class wr {
     }), this.focusIndex = -1;
   }
   _renderRemoteOptions(t) {
-    this.optionsEl.querySelectorAll(".ds-select__option, .ds-select__item").forEach((e) => {
+    this._optionClickHandler || (this._optionClickHandler = (e) => {
+      e.stopPropagation();
+      const s = e.currentTarget;
+      if (s.classList.contains("is-disabled")) return;
+      const n = s.getAttribute("data-value");
+      this.multiple ? this._toggleMultiOption(n, s) : this._selectSingleOption(n, s);
+    }), this.optionsEl.querySelectorAll(".ds-select__option, .ds-select__item").forEach((e) => {
       e._selectOptionClickHandler && e.removeEventListener("click", e._selectOptionClickHandler), e.remove();
     }), t.forEach((e) => {
       const s = document.createElement("div");
@@ -3289,18 +3300,18 @@ class wr {
   _appendOptionsToBody() {
     if (!this.optionsEl) return;
     this._originalParent = this.optionsEl.parentNode, this._originalPosition = this.optionsEl.style.position, this._originalTop = this.optionsEl.style.top, this._originalLeft = this.optionsEl.style.left, this._originalRight = this.optionsEl.style.right, this._originalWidth = this.optionsEl.style.width, this._originalTransform = this.optionsEl.style.transform, this._originalZIndex = this.optionsEl.style.zIndex;
-    const t = W().dropdown;
-    this.optionsEl.style.position = "fixed", this.optionsEl.style.zIndex = t, this.optionsEl.style.transform = "translateZ(0)", document.body.appendChild(this.optionsEl);
+    const t = this.element.getBoundingClientRect(), e = W().dropdown;
+    this.optionsEl.style.position = "fixed", this.optionsEl.style.width = `${t.width}px`, this.optionsEl.style.zIndex = e, this.optionsEl.style.transform = "translateZ(0)", document.body.appendChild(this.optionsEl);
   }
   _restoreOptionsFromBody() {
     !this.optionsEl || !this._originalParent || (this._originalParent.appendChild(this.optionsEl), this.optionsEl.style.position = this._originalPosition || "", this.optionsEl.style.top = this._originalTop || "", this.optionsEl.style.left = this._originalLeft || "", this.optionsEl.style.right = this._originalRight || "", this.optionsEl.style.width = this._originalWidth || "", this.optionsEl.style.zIndex = this._originalZIndex || "", this.optionsEl.style.transform = this._originalTransform || "", this._originalParent = null);
   }
   _calculateOptionsPosition() {
     if (!this.appendToBody || !this.optionsEl) return;
-    const t = this.element.getBoundingClientRect(), e = this.optionsEl.getBoundingClientRect(), s = window.innerHeight, n = window.innerWidth;
-    this.optionsEl.style.width = `${Math.max(t.width, e.width)}px`;
-    const r = s - t.bottom, a = t.top;
-    r < e.height && a > r ? this.optionsEl.style.top = `${t.top - e.height - 4}px` : this.optionsEl.style.top = `${t.bottom + 4}px`, t.left + e.width > n ? this.optionsEl.style.left = `${t.right - Math.max(t.width, e.width)}px` : this.optionsEl.style.left = `${t.left}px`;
+    const t = this.element.getBoundingClientRect(), e = window.innerHeight, s = window.innerWidth;
+    this.optionsEl.style.width = `${t.width}px`;
+    const n = this.optionsEl.getBoundingClientRect(), r = e - t.bottom, a = t.top;
+    r < n.height && a > r ? this.optionsEl.style.top = `${t.top - n.height - 4}px` : this.optionsEl.style.top = `${t.bottom + 4}px`, t.left + n.width > s ? this.optionsEl.style.left = `${t.right - n.width}px` : this.optionsEl.style.left = `${t.left}px`;
   }
   toggleOptions() {
     this.isOpen ? this.hideOptions() : this.showOptions();
@@ -3988,7 +3999,7 @@ function xo() {
   });
 }
 E.register("slider", ee, Mr);
-class Ir {
+class Tr {
   constructor(t, e = {}) {
     this.element = t, this.track = t.querySelector(".ds-carousel__track"), this.items = t.querySelectorAll(".ds-carousel__item"), this.prevBtn = t.querySelector(".ds-carousel__prev"), this.nextBtn = t.querySelector(".ds-carousel__next"), this.indicators = t.querySelectorAll(".ds-carousel__indicator"), this.autoBtn = t.querySelector(".ds-carousel__auto"), this.mode = e.mode || t.getAttribute("data-carousel-mode") || "slide", this.vertical = e.vertical || t.hasAttribute("data-carousel-vertical"), this.autoPlay = e.autoPlay !== !1, this.interval = e.interval || parseInt(t.getAttribute("data-carousel-interval")) || 3e3, this.transitionDuration = e.transitionDuration || parseInt(t.getAttribute("data-carousel-duration")) || 500, this.loop = e.loop !== !1, this.pauseOnHover = e.pauseOnHover !== !1, this.swipe = e.swipe !== !1, this.swipeThreshold = e.swipeThreshold || 50, this.keyboardNav = e.keyboardNav || t.hasAttribute("data-carousel-keyboard"), this.onChange = e.onChange || null, this.currentIndex = 0, this.totalItems = this.items.length, this.autoPlayTimer = null, this.isAutoPlaying = !1, this.isTransitioning = !1, this.touchStartX = 0, this.touchStartY = 0, this.touchDeltaX = 0, this.touchDeltaY = 0, this.isSwiping = !1, this._mouseEnterHandler = () => {
       this.pauseOnHover && this.stopAutoPlay();
@@ -4071,7 +4082,7 @@ class Ir {
 }
 function se(i, t) {
   if (i.__kupolaInitialized) return;
-  const e = new Ir(i, t);
+  const e = new Tr(i, t);
   i.__kupolaInstance = e, i.__kupolaInitialized = !0;
 }
 function Eo(i = document) {
@@ -4079,11 +4090,11 @@ function Eo(i = document) {
     se(t);
   });
 }
-function Tr(i) {
+function Ir(i) {
   if (!i.__kupolaInitialized || !i.__kupolaInstance) return;
   i.__kupolaInstance.destroy(), i.__kupolaInstance = null, i.__kupolaInitialized = !1;
 }
-E.register("carousel", se, Tr);
+E.register("carousel", se, Ir);
 class Ar {
   constructor(t, e = {}) {
     this.element = t, this.mask = t.querySelector(".ds-drawer-mask"), this.drawerEl = t.querySelector(".ds-drawer"), this.placement = e.placement || t.getAttribute("data-drawer-placement") || "right", this.width = e.width || t.getAttribute("data-drawer-width") || "400px", this.height = e.height || t.getAttribute("data-drawer-height") || "400px", this.escClose = e.escClose !== !1, this.maskClosable = e.maskClosable !== !1, this.showMask = e.showMask !== !1, this.onOpen = e.onOpen || null, this.onClose = e.onClose || null, this.onBeforeClose = e.onBeforeClose || null, this._keydownHandler = null, this._bindEvents();
@@ -4455,7 +4466,7 @@ const Mo = {
     }, n);
   }
 };
-function Io() {
+function To() {
 }
 function bt(i) {
   return i ? i.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;") : "";
@@ -4627,7 +4638,7 @@ function Br(i) {
   if (!i.__kupolaInitialized || !i.__kupolaInstance) return;
   i.__kupolaInstance.destroy(), i.__kupolaInstance = null, i.__kupolaInitialized = !1;
 }
-function To() {
+function Io() {
   document.querySelectorAll(".ds-fileupload").forEach((i) => {
     re(i);
   });
@@ -7423,7 +7434,7 @@ function Zo(i, t) {
     const o = {
       ...a,
       cacheKey: a.cacheKey || `${r}-${JSON.stringify(wt(i))}`
-    }, l = Ee(o, s), c = T(null), h = T(!0), d = T(null), u = T(null);
+    }, l = Ee(o, s), c = I(null), h = I(!0), d = I(null), u = I(null);
     let f = 0;
     async function m() {
       const b = ++f;
@@ -7481,7 +7492,7 @@ function Zo(i, t) {
   }, window.__kupolaDepInstances || (window.__kupolaDepInstances = []), window.__kupolaDepInstances.push(e), e;
 }
 function Go(i) {
-  const t = new ve(), e = Ee(i, t), s = T(null), n = T(!0), r = T(null);
+  const t = new ve(), e = Ee(i, t), s = I(null), n = I(!0), r = I(null);
   let a = 0;
   async function o() {
     const l = ++a;
@@ -7521,7 +7532,7 @@ function Qo() {
 }
 class Ea {
   constructor(t, e = {}) {
-    this.element = typeof t == "string" ? document.querySelector(t) : t, this.options = e, this.columns = (e.columns || []).map((s, n) => ({ ...s, _index: n })), this.rowKey = e.rowKey || "id", this._data = [], this._loading = !1, this.striped = e.striped !== !1, this.bordered = e.bordered || !1, this.hoverable = e.hoverable !== !1, this.compact = e.compact || !1, this.emptyText = e.emptyText || "暂无数据", this.loadingText = e.loadingText || "加载中...", this.multiSort = e.multiSort || !1, this._sorts = [], this._filterText = "", this._showPagination = e.pagination !== !1, this._pageSizes = e.pageSizes || [10, 20, 50, 100], this._pageSize = e.pageSize || 10, this._currentPage = 1, this._total = 0, this.selection = e.selection || null, this._selectedKeys = /* @__PURE__ */ new Set(), this.selectionColumnTitle = e.selectionColumnTitle || "", this.expandable = e.expandable || null, this._expandedKeys = /* @__PURE__ */ new Set(), this.expandColumnTitle = e.expandColumnTitle || "", this.editable = e.editable || !1, this._editingCell = null, this._editBuffer = {}, this.resizable = e.resizable || !1, this.draggable = e.draggable || !1, this._dragState = null, this.tree = e.tree || null, this._treeExpandedKeys = /* @__PURE__ */ new Set(), e.tree?.defaultExpandAll && (this._treeExpandAll = !0), this.virtualScroll = e.virtualScroll || null, this._scrollContainer = null, this._scrollHandler = null, this._resizeCleanups = [], this._filterDebounceTimer = null, this._reactiveCleanups = [], this.mergeCells = e.mergeCells || null, this.onSort = e.onSort || null, this.onPageChange = e.onPageChange || null, this.onRowClick = e.onRowClick || null, this.onFilter = e.onFilter || null, this.onSelect = e.onSelect || null, this.onExpand = e.onExpand || null, this.onEditSave = e.onEditSave || null, this.onEditCancel = e.onEditCancel || null, this.onRowDragEnd = e.onRowDragEnd || null, this.onColumnResize = e.onColumnResize || null, this.sortKey = T(null), this.sortOrder = T(null), this.currentPage = T(1), this.filterText = T(""), this.selectedKeys = T([]), this._init();
+    this.element = typeof t == "string" ? document.querySelector(t) : t, this.options = e, this.columns = (e.columns || []).map((s, n) => ({ ...s, _index: n })), this.rowKey = e.rowKey || "id", this._data = [], this._loading = !1, this.striped = e.striped !== !1, this.bordered = e.bordered || !1, this.hoverable = e.hoverable !== !1, this.compact = e.compact || !1, this.emptyText = e.emptyText || "暂无数据", this.loadingText = e.loadingText || "加载中...", this.multiSort = e.multiSort || !1, this._sorts = [], this._filterText = "", this._showPagination = e.pagination !== !1, this._pageSizes = e.pageSizes || [10, 20, 50, 100], this._pageSize = e.pageSize || 10, this._currentPage = 1, this._total = 0, this.selection = e.selection || null, this._selectedKeys = /* @__PURE__ */ new Set(), this.selectionColumnTitle = e.selectionColumnTitle || "", this.expandable = e.expandable || null, this._expandedKeys = /* @__PURE__ */ new Set(), this.expandColumnTitle = e.expandColumnTitle || "", this.editable = e.editable || !1, this._editingCell = null, this._editBuffer = {}, this.resizable = e.resizable || !1, this.draggable = e.draggable || !1, this._dragState = null, this.tree = e.tree || null, this._treeExpandedKeys = /* @__PURE__ */ new Set(), e.tree?.defaultExpandAll && (this._treeExpandAll = !0), this.virtualScroll = e.virtualScroll || null, this._scrollContainer = null, this._scrollHandler = null, this._resizeCleanups = [], this._filterDebounceTimer = null, this._reactiveCleanups = [], this.mergeCells = e.mergeCells || null, this.onSort = e.onSort || null, this.onPageChange = e.onPageChange || null, this.onRowClick = e.onRowClick || null, this.onFilter = e.onFilter || null, this.onSelect = e.onSelect || null, this.onExpand = e.onExpand || null, this.onEditSave = e.onEditSave || null, this.onEditCancel = e.onEditCancel || null, this.onRowDragEnd = e.onRowDragEnd || null, this.onColumnResize = e.onColumnResize || null, this.sortKey = I(null), this.sortOrder = I(null), this.currentPage = I(1), this.filterText = I(""), this.selectedKeys = I([]), this._init();
   }
   _init() {
     this.element.classList.add("kupola-table-wrapper"), this.virtualScroll && this.element.classList.add("kupola-table-virtual-wrapper"), this.render();
@@ -8077,7 +8088,7 @@ function tl() {
 E.register("table", we);
 class wa {
   constructor(t, e = {}) {
-    this.element = typeof t == "string" ? document.querySelector(t) : t, this.options = e, this._current = e.current || 1, this._total = e.total || 0, this._pageSize = e.pageSize || 10, this._maxPages = e.maxPages || 7, this._showTotal = e.showTotal !== !1, this._showSizeChanger = e.showSizeChanger || !1, this._pageSizes = e.pageSizes || [10, 20, 50, 100], this._simple = e.simple || !1, this.current = T(this._current), this.total = T(this._total), this.onChange = e.onChange || null, this.onPageSizeChange = e.onPageSizeChange || null, this._init();
+    this.element = typeof t == "string" ? document.querySelector(t) : t, this.options = e, this._current = e.current || 1, this._total = e.total || 0, this._pageSize = e.pageSize || 10, this._maxPages = e.maxPages || 7, this._showTotal = e.showTotal !== !1, this._showSizeChanger = e.showSizeChanger || !1, this._pageSizes = e.pageSizes || [10, 20, 50, 100], this._simple = e.simple || !1, this.current = I(this._current), this.total = I(this._total), this.onChange = e.onChange || null, this.onPageSizeChange = e.onPageSizeChange || null, this._init();
   }
   _init() {
     this.element.classList.add("kupola-pagination"), this.render();
@@ -8340,7 +8351,7 @@ export {
   _a as CacheEntry,
   ve as CacheManager,
   Rr as Calendar,
-  Ir as Carousel,
+  Tr as Carousel,
   qr as Collapse,
   Fr as ColorPicker,
   _r as ComponentInitializerRegistry,
@@ -8397,7 +8408,7 @@ export {
   _o as cleanupAllDropdowns,
   ua as cleanupAllSlideCaptchas,
   Vr as cleanupCalendar,
-  Tr as cleanupCarousel,
+  Ir as cleanupCarousel,
   Or as cleanupCollapse,
   Nr as cleanupColorPicker,
   aa as cleanupCountdown,
@@ -8422,7 +8433,7 @@ export {
   ko as confirmModal,
   Na as createBrandPicker,
   Qa as createI18n,
-  Ta as createLifecycle,
+  Ia as createLifecycle,
   ie as createModal,
   Ee as createSource,
   Pa as createStore,
@@ -8479,12 +8490,12 @@ export {
   ce as initDynamicTags,
   $o as initDynamicTagsAll,
   re as initFileUpload,
-  To as initFileUploads,
+  Io as initFileUploads,
   fa as initFormValidation,
   pe as initHeatmap,
   No as initHeatmaps,
   Bo as initImagePreview,
-  Io as initMessages,
+  To as initMessages,
   ne as initModal,
   So as initModals,
   Ho as initNotifications,
@@ -8512,7 +8523,7 @@ export {
   za as kupolaEvents,
   N as kupolaI18n,
   E as kupolaInitializer,
-  Ia as kupolaLifecycle,
+  Ta as kupolaLifecycle,
   M as kupolaRegistry,
   Kt as kupolaStoreManager,
   Wa as maskData,
@@ -8525,7 +8536,7 @@ export {
   oo as on,
   lo as once,
   nr as preloadUtils,
-  T as ref,
+  I as ref,
   Ya as registerComponent,
   Xa as registerLazyComponent,
   sl as registerWebComponents,