@kupola/kupola 1.5.2 → 1.5.3

package/dist/kupola.esm.js

@@ -1,4 +1,4 @@
-class ot {
+class lt {
   constructor(t = "app") {
     this.scope = t, this.hooks = /* @__PURE__ */ new Map(), this.state = "created", this.stateHistory = ["created"], this.transitions = /* @__PURE__ */ new Map([
       ["created", ["bootstrapped", "destroyed"]],
@@ -201,9 +201,9 @@ class ot {
     console.error(`[KupolaLifecycle] Unhandled error in ${t.phase}:`, t.error);
   }
 }
-const Sa = new ot("app");
+const Sa = new lt("app");
 function La(i = "app") {
-  return new ot(i);
+  return new lt(i);
 }
 const Ce = /* @__PURE__ */ new Set(["__proto__", "prototype", "constructor"]);
 function G(i) {
@@ -401,8 +401,8 @@ function Cs(i, t) {
 function Ss(i, t = 1) {
   return i ? i.flat(t) : [];
 }
-function kt(i) {
-  return i ? i.reduce((t, e) => Array.isArray(e) ? t.concat(kt(e)) : t.concat(e), []) : [];
+function wt(i) {
+  return i ? i.reduce((t, e) => Array.isArray(e) ? t.concat(wt(e)) : t.concat(e), []) : [];
 }
 function Ls(i) {
   return i ? [...new Set(i)] : [];
@@ -431,11 +431,11 @@ function Ms(i) {
   }
   return t;
 }
-function wt(i) {
+function Ct(i) {
   return i ? i.reduce((t, e) => t + (Number(e) || 0), 0) : 0;
 }
 function Is(i) {
-  return !i || i.length === 0 ? 0 : wt(i) / i.length;
+  return !i || i.length === 0 ? 0 : Ct(i) / i.length;
 }
 function Ts(i) {
   return i && i.length > 0 ? Math.max(...i) : -1 / 0;
@@ -457,8 +457,8 @@ function qs(...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 Bs = { isArray: Je, isEmpty: Ge, size: Ze, first: Qe, last: ts, get: es, slice: ss, concat: is, join: ns, indexOf: rs, lastIndexOf: as, includes: os, push: ls, pop: cs, shift: hs, unshift: ds, remove: us, removeAt: ps, insert: fs, reverse: ms, sort: gs, sortBy: _s, filter: ys, map: vs, reduce: bs, forEach: xs, every: Es, some: ks, find: ws, findIndex: Cs, flat: Ss, flattenDeep: kt, unique: Ls, uniqueBy: Ds, chunk: Hs, shuffle: Ms, sum: wt, average: Is, max: Ts, min: As, intersection: zs, union: Ps, difference: $s, zip: qs };
-function st(i) {
+const Bs = { isArray: Je, isEmpty: Ge, size: Ze, first: Qe, last: ts, get: es, slice: ss, concat: is, join: ns, indexOf: rs, lastIndexOf: as, includes: os, push: ls, pop: cs, shift: hs, unshift: ds, remove: us, removeAt: ps, insert: fs, reverse: ms, sort: gs, sortBy: _s, filter: ys, map: vs, reduce: bs, forEach: xs, every: Es, some: ks, find: ws, findIndex: Cs, flat: Ss, flattenDeep: wt, unique: Ls, uniqueBy: Ds, chunk: Hs, shuffle: Ms, sum: Ct, average: Is, max: Ts, min: As, intersection: zs, union: Ps, difference: $s, zip: qs };
+function it(i) {
   return i !== null && typeof i == "object" && !Array.isArray(i);
 }
 function Fs(i) {
@@ -497,9 +497,9 @@ function Us(i, t) {
 function Ys(i, t) {
   return i ? Object.keys(i).reduce((e, s) => (t.includes(s) || (e[s] = i[s]), e), {}) : {};
 }
-function Ct(...i) {
+function St(...i) {
   return i.reduce((t, e) => (e && typeof e == "object" && Object.keys(e).forEach((s) => {
-    G(s) || (st(e[s]) && st(t[s]) ? t[s] = Ct(t[s], e[s]) : t[s] = e[s]);
+    G(s) || (it(e[s]) && it(t[s]) ? t[s] = St(t[s], e[s]) : t[s] = e[s]);
   }), t), {});
 }
 function Xs(i) {
@@ -566,21 +566,21 @@ function si(i) {
     t[i[e]] = e;
   }), t;
 }
-function St(i, t) {
+function Lt(i, t) {
   if (i === t) return !0;
   if (!i || !t || typeof i != "object" || typeof t != "object") return !1;
   const e = Object.keys(i), s = Object.keys(t);
-  return e.length !== s.length ? !1 : e.every((n) => St(i[n], t[n]));
+  return e.length !== s.length ? !1 : e.every((n) => Lt(i[n], t[n]));
 }
-function Lt(i) {
+function Dt(i) {
   return i && (Object.freeze(i), Object.keys(i).forEach((t) => {
-    typeof i[t] == "object" && Lt(i[t]);
+    typeof i[t] == "object" && Dt(i[t]);
   }), i);
 }
 function ii(i) {
   return i && Object.seal(i);
 }
-const ni = { isObject: st, isEmpty: Fs, keys: Ns, values: Os, entries: Rs, has: Vs, get: Ks, set: Ws, pick: Us, omit: Ys, merge: Ct, clone: Xs, deepClone: U, forEach: js, map: Js, filter: Gs, reduce: Zs, toArray: Qs, fromArray: ti, size: ei, invert: si, isEqual: St, freeze: Lt, seal: ii };
+const ni = { isObject: it, isEmpty: Fs, keys: Ns, values: Os, entries: Rs, has: Vs, get: Ks, set: Ws, pick: Us, omit: Ys, merge: St, clone: Xs, deepClone: U, forEach: js, map: Js, filter: Gs, reduce: Zs, toArray: Qs, fromArray: ti, size: ei, invert: si, isEqual: Lt, freeze: Dt, seal: ii };
 function L(i) {
   return typeof i == "number" && !isNaN(i);
 }
@@ -624,18 +624,18 @@ function gi(...i) {
   const t = i.filter(L);
   return t.length > 0 ? Math.max(...t) : void 0;
 }
-function Dt(...i) {
+function Ht(...i) {
   return i.flat().filter(L).reduce((e, s) => e + s, 0);
 }
 function _i(...i) {
   const t = i.flat().filter(L);
-  return t.length > 0 ? Dt(t) / t.length : 0;
+  return t.length > 0 ? Ht(t) / t.length : 0;
 }
-function Ht(i = 0, t = 1) {
+function Mt(i = 0, t = 1) {
   return Math.random() * (t - i) + i;
 }
 function yi(i, t) {
-  return Math.floor(Ht(i, t + 1));
+  return Math.floor(Mt(i, t + 1));
 }
 function vi(i, t = 2) {
   return L(i) ? i.toFixed(t) : String(i);
@@ -674,7 +674,7 @@ function Hi(i, t, e = 0) {
 function Mi(...i) {
   return i.reduce((t, e) => !L(t) || !L(e) ? 0 : t * e, 1);
 }
-const Ii = { isNumber: L, isInteger: ri, isFloat: ai, isPositive: oi, isNegative: li, isZero: ci, clamp: hi, round: di, floor: ui, ceil: pi, abs: fi, min: mi, max: gi, sum: Dt, average: _i, random: Ht, randomInt: yi, format: vi, formatCurrency: bi, formatPercent: xi, toFixed: Ei, toPrecision: ki, isNaN: wi, isFinite: Ci, parseInt: Si, parseFloat: Li, toNumber: Di, safeDivide: Hi, safeMultiply: Mi };
+const Ii = { isNumber: L, isInteger: ri, isFloat: ai, isPositive: oi, isNegative: li, isZero: ci, clamp: hi, round: di, floor: ui, ceil: pi, abs: fi, min: mi, max: gi, sum: Ht, average: _i, random: Mt, randomInt: yi, format: vi, formatCurrency: bi, formatPercent: xi, toFixed: Ei, toPrecision: ki, isNaN: wi, isFinite: Ci, parseInt: Si, parseFloat: Li, toNumber: Di, safeDivide: Hi, safeMultiply: Mi };
 function Z() {
   return Date.now();
 }
@@ -693,12 +693,12 @@ function Ai() {
 function k(i) {
   return i instanceof Date && !isNaN(i.getTime());
 }
-function Mt(i) {
+function It(i) {
   return k(i);
 }
 function zi(i) {
   const t = new Date(i);
-  return Mt(t) ? t : null;
+  return It(t) ? t : null;
 }
 function Pi(i, t = "YYYY-MM-DD HH:mm:ss") {
   if (!k(i)) return "";
@@ -794,14 +794,14 @@ function sn(i) {
 function nn(i) {
   return k(i) ? new Date(i.getFullYear(), i.getMonth() + 1, 0, 23, 59, 59, 999) : i;
 }
-function It(i, t = 1) {
+function Tt(i, t = 1) {
   if (!k(i)) return i;
   const e = new Date(i), s = e.getDay(), n = s >= t ? s - t : s + (7 - t);
   return e.setDate(e.getDate() - n), e.setHours(0, 0, 0, 0), e;
 }
 function rn(i, t = 1) {
   if (!k(i)) return i;
-  const e = It(i, t), s = new Date(e);
+  const e = Tt(i, t), s = new Date(e);
   return s.setDate(s.getDate() + 6), s.setHours(23, 59, 59, 999), s;
 }
 function an(i) {
@@ -815,7 +815,7 @@ function on(i) {
   const e = Z() - i.getTime(), s = 60 * 1e3, n = 60 * s, r = 24 * n, a = 7 * r, o = 30 * r, l = 365 * r;
   return e < s ? "刚刚" : e < n ? `${Math.floor(e / s)}分钟前` : e < r ? `${Math.floor(e / n)}小时前` : e < a ? `${Math.floor(e / r)}天前` : e < o ? `${Math.floor(e / a)}周前` : e < l ? `${Math.floor(e / o)}个月前` : `${Math.floor(e / l)}年前`;
 }
-const ln = { now: Z, today: K, tomorrow: Ti, yesterday: Ai, isDate: k, isValid: Mt, parse: zi, format: Pi, toISO: $i, toUTC: qi, addDays: Bi, addHours: Fi, addMinutes: Ni, addSeconds: Oi, diffDays: Q, diffHours: Ri, diffMinutes: Vi, diffSeconds: Ki, isToday: Wi, isYesterday: Ui, isTomorrow: Yi, isFuture: Xi, isPast: ji, isLeapYear: Ji, getDaysInMonth: Gi, getWeekOfYear: Zi, getQuarter: Qi, startOfDay: tn, endOfDay: en, startOfMonth: sn, endOfMonth: nn, startOfWeek: It, endOfWeek: rn, getAge: an, fromNow: on };
+const ln = { now: Z, today: K, tomorrow: Ti, yesterday: Ai, isDate: k, isValid: It, parse: zi, format: Pi, toISO: $i, toUTC: qi, addDays: Bi, addHours: Fi, addMinutes: Ni, addSeconds: Oi, diffDays: Q, diffHours: Ri, diffMinutes: Vi, diffSeconds: Ki, isToday: Wi, isYesterday: Ui, isTomorrow: Yi, isFuture: Xi, isPast: ji, isLeapYear: Ji, getDaysInMonth: Gi, getWeekOfYear: Zi, getQuarter: Qi, startOfDay: tn, endOfDay: en, startOfMonth: sn, endOfMonth: nn, startOfWeek: Tt, endOfWeek: rn, getAge: an, fromNow: on };
 function cn(i, t, e = {}) {
   let s = null, n = null, r = null, a = 0;
   const o = e.leading || !1, l = e.trailing !== !1;
@@ -857,14 +857,14 @@ function un(i) {
 function pn(i) {
   return /^(https?:\/\/)?([\da-z.-]+)\.([a-z.]{2,6})([/\w.-]*)*\/?$/.test(i || "");
 }
-function Tt(i) {
+function At(i) {
   return /^((25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/.test(i || "");
 }
-function At(i) {
+function zt(i) {
   return /^([0-9a-fA-F]{1,4}:){7}[0-9a-fA-F]{1,4}$/.test(i || "");
 }
 function fn(i) {
-  return Tt(i) || At(i);
+  return At(i) || zt(i);
 }
 function mn(i) {
   return /^[1-9]\d{5}(18|19|20)\d{2}(0[1-9]|1[0-2])(0[1-9]|[12]\d|3[01])\d{3}[\dXx]$/.test(i || "");
@@ -882,21 +882,21 @@ function _n(i) {
   }
   return s % 10 === 0;
 }
-function zt(i) {
+function Pt(i) {
   return /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(i || "");
 }
-function Pt(i) {
+function $t(i) {
   const t = /^rgb\((\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3})\)$/.exec(i || "");
   return t ? t.slice(1).every((e) => parseInt(e) >= 0 && parseInt(e) <= 255) : !1;
 }
-function $t(i) {
+function qt(i) {
   const t = /^rgba\((\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3}),\s*([01]|0\.\d+)\)$/.exec(i || "");
   if (!t) return !1;
   const [, e, s, n, r] = t;
   return parseInt(e) >= 0 && parseInt(e) <= 255 && parseInt(s) >= 0 && parseInt(s) <= 255 && parseInt(n) >= 0 && parseInt(n) <= 255 && parseFloat(r) >= 0 && parseFloat(r) <= 1;
 }
 function yn(i) {
-  return zt(i) || Pt(i) || $t(i);
+  return Pt(i) || $t(i) || qt(i);
 }
 function vn(i) {
   return !isNaN(new Date(i).getTime());
@@ -956,11 +956,11 @@ function zn(i, t) {
 function Pn(i, t) {
   return String(i) === String(t);
 }
-function qt(i, t) {
+function Bt(i, t) {
   return (i || "").includes(t);
 }
 function $n(i, t) {
-  return !qt(i, t);
+  return !Bt(i, t);
 }
 function qn(i) {
   return Array.isArray(i);
@@ -988,7 +988,7 @@ function Vn(i, t) {
     r.forEach((o) => {
       if (typeof o == "string") {
         const [l, ...c] = o.split(":");
-        Bt[l](n, ...c) || a.push(l);
+        Ft[l](n, ...c) || a.push(l);
       } else if (typeof o == "function") {
         const l = o(n, i);
         l !== !0 && a.push(l || "validation_failed");
@@ -996,7 +996,7 @@ function Vn(i, t) {
     }), a.length > 0 && (e[s] = a);
   }), { valid: Object.keys(e).length === 0, errors: e };
 }
-const Bt = { isEmail: dn, isPhone: un, isURL: pn, isIPv4: Tt, isIPv6: At, isIP: fn, isIDCard: mn, isPassport: gn, isCreditCard: _n, isHexColor: zt, isRGB: Pt, isRGBA: $t, isColor: yn, isDate: vn, isJSON: bn, isEmpty: xn, isWhitespace: En, isNumber: kn, isInteger: wn, isFloat: Cn, isPositive: Sn, isNegative: Ln, isAlpha: Dn, isAlphaNumeric: Hn, isChinese: Mn, isLength: In, minLength: Tn, maxLength: An, matches: zn, equals: Pn, contains: qt, notContains: $n, isArray: qn, arrayLength: Bn, arrayMinLength: Fn, arrayMaxLength: Nn, isObject: On, hasKeys: Rn, validate: Vn };
+const Ft = { isEmail: dn, isPhone: un, isURL: pn, isIPv4: At, isIPv6: zt, isIP: fn, isIDCard: mn, isPassport: gn, isCreditCard: _n, isHexColor: Pt, isRGB: $t, isRGBA: qt, isColor: yn, isDate: vn, isJSON: bn, isEmpty: xn, isWhitespace: En, isNumber: kn, isInteger: wn, isFloat: Cn, isPositive: Sn, isNegative: Ln, isAlpha: Dn, isAlphaNumeric: Hn, isChinese: Mn, isLength: In, minLength: Tn, maxLength: An, matches: zn, equals: Pn, contains: Bt, notContains: $n, isArray: qn, arrayLength: Bn, arrayMinLength: Fn, arrayMaxLength: Nn, isObject: On, hasKeys: Rn, validate: Vn };
 function Kn(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) {
@@ -1123,7 +1123,7 @@ async function Jn(i, t = {}) {
     s.push(await j(n, t));
   return s;
 }
-async function Ft(i, t = {}) {
+async function Nt(i, t = {}) {
   const { type: e = "text/javascript", async: s = !0, defer: n = !1 } = t;
   return q.has(i) ? q.get(i) : new Promise((r, a) => {
     const o = document.createElement("script");
@@ -1134,7 +1134,7 @@ async function Ft(i, t = {}) {
     }, o.src = i, document.head.appendChild(o);
   });
 }
-async function Nt(i, t = {}) {
+async function Ot(i, t = {}) {
   const { media: e = "all" } = t;
   return q.has(i) ? q.get(i) : new Promise((s, n) => {
     const r = document.createElement("link");
@@ -1158,10 +1158,10 @@ async function Zn(i, t = "image") {
     case "image":
       return j(i);
     case "script":
-      return Ft(i);
+      return Nt(i);
     case "stylesheet":
     case "style":
-      return Nt(i);
+      return Ot(i);
     default:
       throw new Error(`Unsupported preload type: ${t}`);
   }
@@ -1175,7 +1175,7 @@ function tr() {
 function er(i) {
   q.delete(i);
 }
-const sr = { loadImage: j, loadImages: Jn, loadScript: Ft, loadStylesheet: Nt, loadFont: Gn, preload: Zn, isLoaded: Qn, clearCache: tr, clearCacheByUrl: er }, Da = {
+const sr = { loadImage: j, loadImages: Jn, loadScript: Nt, loadStylesheet: Ot, loadFont: Gn, preload: Zn, isLoaded: Qn, clearCache: tr, clearCacheByUrl: er }, Da = {
   string: je,
   array: Bs,
   object: ni,
@@ -1183,7 +1183,7 @@ const sr = { loadImage: j, loadImages: Jn, loadScript: Ft, loadStylesheet: Nt, l
   date: ln,
   debounce: cn,
   throttle: hn,
-  validator: Bt,
+  validator: Ft,
   crypto: jn,
   preload: sr
 };
@@ -1197,20 +1197,20 @@ function ir(i) {
   while (t !== s);
   return t = t.replace(/\bon\w+\s*=\s*(?:"[^"]*"|'[^']*'|[^\s>]+)/gi, ""), t = t.replace(/(href|src|action|background)\s*=\s*(?:"[^"]*(?:javascript|vbscript|data)\s*:[^"]*"|'[^']*(?:javascript|vbscript|data)\s*:[^']*'|[^\s>]*(?:javascript|vbscript|data)\s*:[^\s>]*)/gi, '$1=""'), t = t.replace(/expression\s*\([^)]*\)/gi, ""), t;
 }
-class ut {
+class pt {
   constructor() {
     this.children = {}, this.keys = [];
   }
 }
-class et {
+class st {
   constructor() {
-    this.root = new ut();
+    this.root = new pt();
   }
   insert(t) {
     let e = this.root;
     const s = t.split(".");
     s.forEach((n, r) => {
-      e.children[n] || (e.children[n] = new ut()), e = e.children[n], r === s.length - 1 && e.keys.push(t);
+      e.children[n] || (e.children[n] = new pt()), e = e.children[n], r === s.length - 1 && e.keys.push(t);
     });
   }
   getSubKeys(t) {
@@ -1244,7 +1244,7 @@ const g = {
 };
 class nr {
   constructor() {
-    this.rawData = {}, this.data = null, this.observers = {}, this.elements = {}, this.computedProperties = {}, this.pathTrie = new et(), this.updateQueue = /* @__PURE__ */ new Map(), this.isProcessing = !1, this.pendingComputed = /* @__PURE__ */ new Set(), this.persistedKeys = /* @__PURE__ */ new Map(), this.snapshots = [], this.snapshotLimit = 10, this._proxyCache = /* @__PURE__ */ new WeakMap(), this.createReactiveData();
+    this.rawData = {}, this.data = null, this.observers = {}, this.elements = {}, this.computedProperties = {}, this.pathTrie = new st(), this.updateQueue = /* @__PURE__ */ new Map(), this.isProcessing = !1, this.pendingComputed = /* @__PURE__ */ new Set(), this.persistedKeys = /* @__PURE__ */ new Map(), this.snapshots = [], this.snapshotLimit = 10, this._proxyCache = /* @__PURE__ */ new WeakMap(), this.createReactiveData();
   }
   createReactiveData() {
     const t = {
@@ -1440,7 +1440,7 @@ class nr {
     }), this.processComputed();
   }
   reset() {
-    this.rawData = {}, this.observers = {}, this.elements = {}, this.computedProperties = {}, this.pathTrie = new et(), this.updateQueue.clear(), this.snapshots = [], this.createReactiveData(), this.bind();
+    this.rawData = {}, this.observers = {}, this.elements = {}, this.computedProperties = {}, this.pathTrie = new st(), this.updateQueue.clear(), this.snapshots = [], this.createReactiveData(), this.bind();
   }
   persist(t, e = {}) {
     const {
@@ -1706,10 +1706,10 @@ class nr {
       });
     }), this.persistedKeys.forEach((t, e) => {
       t.timeout && clearTimeout(t.timeout);
-    }), this.persistedKeys.clear(), this.rawData = {}, this.observers = {}, this.elements = {}, this.computedProperties = {}, this.pathTrie = new et(), this.updateQueue.clear(), this.snapshots = [];
+    }), this.persistedKeys.clear(), this.rawData = {}, this.observers = {}, this.elements = {}, this.computedProperties = {}, this.pathTrie = new st(), this.updateQueue.clear(), this.snapshots = [];
   }
 }
-class pt {
+class ft {
   constructor(t, e = {}) {
     this.name = t, this._stateKey = `__store_${t}__`;
     const s = e.state ? e.state() : {};
@@ -1784,14 +1784,14 @@ class rr {
     this.stores = /* @__PURE__ */ new Map();
   }
   createStore(t, e) {
-    const s = new pt(t, e);
+    const s = new ft(t, e);
     return this.stores.set(t, s), s;
   }
   getStore(t) {
     return this.stores.get(t);
   }
   registerStore(t) {
-    t instanceof pt && this.stores.set(t.name, t);
+    t instanceof ft && this.stores.set(t.name, t);
   }
   dispose() {
     this.stores.clear();
@@ -1874,12 +1874,12 @@ function I(i = null) {
     }
   }), t;
 }
-const F = new nr(), Ha = new ar(), Ot = new rr();
+const F = new nr(), Ha = new ar(), Rt = new rr();
 function Ma(i, t) {
-  return Ot.createStore(i, t);
+  return Rt.createStore(i, t);
 }
 function Ia(i) {
-  return Ot.getStore(i);
+  return Rt.getStore(i);
 }
 const T = {
   paths: {
@@ -1921,6 +1921,19 @@ const T = {
         span: ["class", "style"],
         div: ["class", "style"]
       }
+    },
+    maskData: {
+      enabled: !0,
+      patterns: {
+        phone: { regex: "^(\\d{3})\\d{4}(\\d{4})$", replace: "$1****$2" },
+        email: { regex: "^(.)(.*)(@.*)$", replace: "$1***$3" },
+        idCard: { regex: "^(\\d{6})\\d{8}(\\d{4})$", replace: "$1********$2" },
+        bankCard: { regex: "^(\\d{4})\\d{8}(\\d{4})$", replace: "$1 **** **** $2" }
+      }
+    },
+    secureId: {
+      length: 16,
+      charset: "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789"
     }
   },
   dev: {
@@ -1945,10 +1958,10 @@ const T = {
 function Ta(i) {
   Kt(T, i);
 }
-function lt(i) {
+function ct(i) {
   return i ? hr(T, i) : T;
 }
-function Rt() {
+function Vt() {
   return T.paths.base + T.paths.icons.replace(/^\//, "");
 }
 function Aa() {
@@ -1966,7 +1979,7 @@ function za() {
 function cr() {
   return T.ui;
 }
-function Vt() {
+function tt() {
   return T.security;
 }
 function Pa() {
@@ -2002,7 +2015,7 @@ const Wt = "kupola-theme", Ut = "kupola-brand", Y = [
 function R() {
   return localStorage.getItem(Wt) || or();
 }
-function it(i) {
+function nt(i) {
   if (i !== "dark" && i !== "light") return;
   document.documentElement.setAttribute("data-theme", i), localStorage.setItem(Wt, i);
   const t = document.querySelector("[data-theme-toggle]");
@@ -2018,7 +2031,7 @@ function it(i) {
 function X() {
   return localStorage.getItem(Ut) || lr();
 }
-function nt(i) {
+function rt(i) {
   const t = Y.find((n) => n.id === i);
   if (!t) return;
   document.documentElement.setAttribute("data-brand", i), localStorage.setItem(Ut, i);
@@ -2034,26 +2047,26 @@ function nt(i) {
     n.getAttribute("data-brand-btn") === i ? n.classList.add("is-active") : n.classList.remove("is-active");
   });
 }
-function ft(i) {
+function mt(i) {
   const t = i.querySelector(".theme-icon");
   if (t) {
-    const e = R(), s = Rt();
+    const e = R(), s = Vt();
     t.src = e === "dark" ? s + "sun.svg" : s + "moon.svg";
   }
 }
 function dr() {
   const i = R();
-  it(i);
+  nt(i);
   const t = X();
-  nt(t);
+  rt(t);
   const e = document.querySelector("[data-theme-toggle]");
   if (e) {
-    ft(e);
+    mt(e);
     const o = e.onclick;
     e.onclick = function(l) {
       l.preventDefault();
       const h = R() === "dark" ? "light" : "dark";
-      it(h), ft(e), typeof o == "function" && o.call(this, l);
+      nt(h), mt(e), typeof o == "function" && o.call(this, l);
     };
   }
   let s = document.getElementById("brand-picker");
@@ -2078,7 +2091,7 @@ function dr() {
     o.addEventListener("click", (l) => {
       l.stopPropagation();
       const c = o.getAttribute("data-brand-btn");
-      nt(c), s && (s.style.display = "none");
+      rt(c), s && (s.style.display = "none");
     });
   });
 }
@@ -2087,11 +2100,11 @@ function Ba() {
   i.setAttribute("data-theme-toggle", ""), i.setAttribute("data-current-theme", R()), i.className = "ds-btn ds-btn--ghost ds-btn--sm ds-btn--icon", i.style.position = "fixed", i.style.top = "16px", i.style.right = "16px", i.style.zIndex = "9999";
   const t = document.createElement("img");
   t.className = "theme-icon";
-  const e = Rt();
+  const e = Vt();
   return t.src = R() === "dark" ? e + "sun.svg" : e + "moon.svg", t.width = 14, t.height = 14, t.alt = "Toggle theme", i.appendChild(t), document.body.appendChild(i), i.onclick = function(s) {
     s.preventDefault();
     const r = R() === "dark" ? "light" : "dark";
-    it(r);
+    nt(r);
   }, i;
 }
 function Fa() {
@@ -2121,12 +2134,12 @@ function Fa() {
     a.addEventListener("click", (o) => {
       o.stopPropagation();
       const l = a.getAttribute("data-brand-btn");
-      nt(l), i.style.display = "none";
+      rt(l), i.style.display = "none";
     });
   }), { toggleBtn: t, container: i };
 }
 function Na(i, t = {}) {
-  const s = Vt()?.sanitizeHtml || {};
+  const s = tt()?.sanitizeHtml || {};
   if (!s.enabled && !t.force)
     return i;
   const n = t.allowedTags || s.allowedTags || [], r = t.allowedAttributes || s.allowedAttributes || {};
@@ -2154,6 +2167,31 @@ function Oa(i) {
 function Ra(i) {
   return typeof i != "string" ? i : new DOMParser().parseFromString(i, "text/html").body.textContent || "";
 }
+function Va(i, t, e = {}) {
+  const n = tt()?.maskData || {};
+  if (!n.enabled && !e.force || i == null)
+    return i;
+  const a = (e.patterns || n.patterns || {})[t];
+  if (!a)
+    return i;
+  const o = typeof a.regex == "string" ? new RegExp(a.regex) : a.regex;
+  return String(i).replace(o, a.replace);
+}
+function Ka(i, t) {
+  const s = tt()?.secureId || {}, n = i || s.length || 16, r = s.charset || "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+  if (typeof crypto > "u" || !crypto.getRandomValues) {
+    let l = "";
+    for (let c = 0; c < n; c++)
+      l += r[Math.floor(Math.random() * r.length)];
+    return t ? `${t}_${l}` : l;
+  }
+  const a = new Uint32Array(n);
+  crypto.getRandomValues(a);
+  let o = "";
+  for (let l = 0; l < n; l++)
+    o += r[a[l] % r.length];
+  return t ? `${t}_${o}` : o;
+}
 class ur {
   constructor() {
     this.initializers = /* @__PURE__ */ new Map(), this.cleanupFunctions = /* @__PURE__ */ new Map(), this.processedElements = /* @__PURE__ */ new WeakSet(), this._dataAttrs = ["data-component"], this._cssClasses = [], this._cachedSelector = null;
@@ -2287,7 +2325,7 @@ for (const i of pr)
   i.attr && !E._dataAttrs.includes(i.attr) && E._dataAttrs.push(i.attr), i.cls && !E._cssClasses.includes(i.cls) && E._cssClasses.push(i.cls);
 class J {
   constructor(t) {
-    this.element = t, this.isMounted = !1, this.isDestroyed = !1, this.props = this._parseProps(), this.state = {}, this.slots = this._parseSlots(), this._eventListeners = {}, this._appliedMixins = [], this.lifecycle = new ot(), this.setupContext = null;
+    this.element = t, this.isMounted = !1, this.isDestroyed = !1, this.props = this._parseProps(), this.state = {}, this.slots = this._parseSlots(), this._eventListeners = {}, this._appliedMixins = [], this.lifecycle = new lt(), this.setupContext = null;
   }
   _parseProps() {
     const t = {};
@@ -2420,7 +2458,7 @@ class J {
   setup() {
   }
 }
-function mt(i, t) {
+function gt(i, t) {
   Object.keys(t).forEach((e) => {
     if (e !== "constructor")
       if (typeof t[e] == "function") {
@@ -2476,7 +2514,7 @@ class fr {
   useMixin(t, ...e) {
     e.forEach((s) => {
       const n = this.mixins.get(s);
-      n && mt(t, n);
+      n && gt(t, n);
     });
   }
   async bootstrap(t = document) {
@@ -2517,7 +2555,7 @@ class fr {
         const n = t.getAttribute("data-mixins"), r = s;
         n && n.split(",").forEach((o) => {
           const l = this.mixins.get(o.trim());
-          l && mt(r, l);
+          l && gt(r, l);
         });
         const a = new r(t);
         t.__kupolaInstance = a, this.instances.set(t, a), a.mount();
@@ -2565,35 +2603,35 @@ class fr {
 let M = null;
 typeof window < "u" && (M = new fr());
 function mr() {
-  if (Vt().xssProtection && typeof document < "u") {
+  if (tt().xssProtection && typeof document < "u") {
     let t = document.querySelector('meta[http-equiv="X-XSS-Protection"]');
     t || (t = document.createElement("meta"), t.setAttribute("http-equiv", "X-XSS-Protection"), t.setAttribute("content", "1; mode=block"), document.head.insertBefore(t, document.head.firstChild)), t = document.querySelector('meta[http-equiv="X-Content-Type-Options"]'), t || (t = document.createElement("meta"), t.setAttribute("http-equiv", "X-Content-Type-Options"), t.setAttribute("content", "nosniff"), document.head.insertBefore(t, document.head.firstChild)), t = document.querySelector('meta[http-equiv="X-Frame-Options"]'), t || (t = document.createElement("meta"), t.setAttribute("http-equiv", "X-Frame-Options"), t.setAttribute("content", "SAMEORIGIN"), document.head.insertBefore(t, document.head.firstChild));
   }
 }
-async function gt() {
+async function _t() {
   if (typeof window < "u") {
     mr();
-    const i = lt();
+    const i = ct();
     F.loadPersisted(), F.bind(), dr(), i.components?.autoInit !== !1 && (await E.initializeAll(), M && await M.bootstrap());
   }
 }
-typeof document < "u" && document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", gt) : typeof window < "u" && setTimeout(gt, 0);
-function Va(i, t) {
+typeof document < "u" && document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", _t) : typeof window < "u" && setTimeout(_t, 0);
+function Wa(i, t) {
   M && M.register(i, t);
 }
-function Ka(i, t) {
+function Ua(i, t) {
   M && M.registerLazy(i, t);
 }
-function Wa(i) {
+function Ya(i) {
   return M ? M.bootstrap(i) : Promise.resolve();
 }
-function Ua(i, t) {
+function Xa(i, t) {
   M && M.defineMixin(i, t);
 }
-function Ya(i, ...t) {
+function ja(i, ...t) {
   M && M.useMixin(i, ...t);
 }
-function Xa(i, t) {
+function Ja(i, t) {
   if (!t || typeof t != "object")
     throw new Error(`defineComponent("${i}"): options must be an object`);
   t.componentClass ? M && M.register(i, t.componentClass) : t.lazy && M && M.registerLazy(i, t.lazy), t.init ? E.register(i, t.init, t.cleanup || null, {
@@ -2607,7 +2645,7 @@ function Xa(i, t) {
 }
 class Yt {
   constructor(t = {}) {
-    const e = lt();
+    const e = ct();
     this.locales = t.locales || {}, this.currentLocale = t.defaultLocale || e.i18n?.locale || "zh-CN", this.fallbackLocale = t.fallbackLocale || e.i18n?.fallbackLocale || "en-US", this.delimiter = t.delimiter || ".", this.missingHandler = t.missingHandler || ((s) => (console.warn(`Missing translation: ${s}`), s)), this._initFromDOM();
   }
   _initFromDOM() {
@@ -2704,28 +2742,28 @@ class Yt {
   }
 }
 const O = new Yt();
-function ja(i) {
+function Ga(i) {
   return new Yt(i);
 }
-function Ja(i, t = {}) {
+function Za(i, t = {}) {
   return O.t(i, t);
 }
-function Ga(i, t, e = {}) {
+function Qa(i, t, e = {}) {
   return O.n(i, t, e);
 }
-function Za(i) {
+function to(i) {
   return O.setLocale(i);
 }
-function Qa() {
+function eo() {
   return O.getLocale();
 }
-function to(i, t = {}) {
+function so(i, t = {}) {
   return O.formatDate(i, t);
 }
-function eo(i, t = {}) {
+function io(i, t = {}) {
   return O.formatNumber(i, t);
 }
-function so(i, t, e = {}) {
+function no(i, t, e = {}) {
   return O.formatCurrency(i, t, e);
 }
 class gr {
@@ -2859,28 +2897,28 @@ class gr {
   }
 }
 const H = new gr();
-function io(i, t, e, s) {
+function ro(i, t, e, s) {
   return H.on(i, t, e, s);
 }
-function no(i, t, e, s) {
+function ao(i, t, e, s) {
   return H.once(i, t, e, s);
 }
-function ro(i, t, e) {
+function oo(i, t, e) {
   H.off(i, t, e);
 }
-function ao(i, t, e) {
+function lo(i, t, e) {
   return H.emit(i, t, e);
 }
-function oo(i, t) {
+function co(i, t) {
   return H.emitGlobal(i, t);
 }
-function lo(i) {
+function ho(i) {
   H.offByScope(i);
 }
-function co(i, t) {
+function uo(i, t) {
   H.offAll(i, t);
 }
-function ho(i, t) {
+function po(i, t) {
   return H.getListenerCount(i, t);
 }
 class _r {
@@ -2989,7 +3027,7 @@ function Xt(i, t) {
   const e = new _r(i, t);
   e.init(), i._kupolaDropdown = e;
 }
-function uo(i = document) {
+function fo(i = document) {
   i.querySelectorAll(".ds-dropdown").forEach((t) => {
     Xt(t);
   });
@@ -2997,7 +3035,7 @@ function uo(i = document) {
 function jt(i) {
   i._kupolaDropdown && (i._kupolaDropdown.destroy(), i._kupolaDropdown = null);
 }
-function po() {
+function mo() {
   document.querySelectorAll(".ds-dropdown").forEach((i) => {
     jt(i);
   });
@@ -3220,7 +3258,7 @@ function Jt(i, t) {
   const e = new yr(i, t);
   e.init(), i._kupolaSelect = e;
 }
-function fo(i = document) {
+function go(i = document) {
   i.querySelectorAll(".ds-select").forEach((t) => {
     Jt(t);
   });
@@ -3471,7 +3509,7 @@ function Gt(i, t) {
   const e = new br(i, t);
   e.init(), i._kupolaDatepicker = e;
 }
-function mo(i = document) {
+function _o(i = document) {
   i.querySelectorAll(".ds-datepicker").forEach((t) => {
     Gt(t);
   });
@@ -3666,7 +3704,7 @@ function Zt(i, t) {
   const e = new Er(i, t);
   e.init(), i._kupolaTimepicker = e;
 }
-function go(i = document) {
+function yo(i = document) {
   i.querySelectorAll(".ds-timepicker").forEach((t) => {
     Zt(t);
   });
@@ -3836,7 +3874,7 @@ function Cr(i) {
   if (!i.__kupolaInitialized || !i.__kupolaInstance) return;
   i.__kupolaInstance.destroy(), i.__kupolaInstance = null, i.__kupolaInitialized = !1;
 }
-function _o() {
+function vo() {
   document.querySelectorAll(".ds-slider").forEach((i) => {
     Qt(i);
   });
@@ -3928,7 +3966,7 @@ function te(i, t) {
   const e = new Sr(i, t);
   i.__kupolaInstance = e, i.__kupolaInitialized = !0;
 }
-function yo(i = document) {
+function bo(i = document) {
   i.querySelectorAll(".ds-carousel").forEach((t) => {
     te(t);
   });
@@ -3975,7 +4013,7 @@ class Dr {
     return this.drawerEl?.classList.contains("is-visible") || !1;
   }
 }
-function rt(i, t) {
+function at(i, t) {
   if (i.__kupolaInitialized) return;
   const e = new Dr(i, t);
   i.__kupolaInstance = e, i.__kupolaInitialized = !0;
@@ -3984,11 +4022,11 @@ function Hr(i) {
   if (!i.__kupolaInitialized || !i.__kupolaInstance) return;
   i.__kupolaInstance.destroy(), i.__kupolaInstance = null, i.__kupolaInitialized = !1;
 }
-function vo() {
+function xo() {
   document.querySelectorAll("[data-drawer]").forEach((i) => {
     i.addEventListener("click", () => {
       const t = i.getAttribute("data-drawer"), e = document.getElementById(t);
-      e && (rt(e, {
+      e && (at(e, {
         placement: i.getAttribute("data-drawer-placement") || "right",
         width: i.getAttribute("data-drawer-width"),
         height: i.getAttribute("data-drawer-height")
@@ -3996,10 +4034,10 @@ function vo() {
     });
   }), document.querySelectorAll(".ds-drawer-mask").forEach((i) => {
     const t = i.parentElement;
-    t && rt(t);
+    t && at(t);
   });
 }
-E.register("drawer", rt, Hr);
+E.register("drawer", at, Hr);
 class $ {
   constructor(t, e = {}) {
     this.element = t, this.mask = t.querySelector(".ds-modal-mask"), this.modal = t.querySelector(".ds-modal"), this.closeBtn = t.querySelector(".ds-modal__close"), this.fullscreen = e.fullscreen || t.hasAttribute("data-modal-fullscreen"), this.closableOnMask = e.closableOnMask !== !1, this.escClose = e.escClose !== !1, this.width = e.width || t.getAttribute("data-modal-width") || "", this.center = e.center !== !1, this.onBeforeOpen = e.onBeforeOpen || null, this.onBeforeClose = e.onBeforeClose || null, this.onOpened = e.onOpened || null, this.onClosed = e.onClosed || null, this._isOpen = !1, this._keydownHandler = (s) => {
@@ -4082,8 +4120,8 @@ function ee(i = {}) {
   const z = C.querySelector(".ds-modal__body");
   z && (s ? z.innerHTML = e : z.textContent = e);
   const D = C.querySelector("[data-modal-confirm]"), B = C.querySelector("[data-modal-cancel]");
-  let ct = !1;
-  const ht = async () => {
+  let ht = !1;
+  const dt = async () => {
     if (p) {
       D.disabled = !0, D.classList.add("is-loading");
       try {
@@ -4096,28 +4134,28 @@ function ee(i = {}) {
         return;
       }
     }
-    ct = !0, w.close();
-  }, dt = () => {
+    ht = !0, w.close();
+  }, ut = () => {
     m && m(), w.close();
   };
-  D && D.addEventListener("click", ht), B && B.addEventListener("click", dt);
+  D && D.addEventListener("click", dt), B && B.addEventListener("click", ut);
   const Ee = () => {
     setTimeout(() => {
-      D && D.removeEventListener("click", ht), B && B.removeEventListener("click", dt), w.destroy(), C.remove(), _ && _(ct);
+      D && D.removeEventListener("click", dt), B && B.removeEventListener("click", ut), w.destroy(), C.remove(), _ && _(ht);
     }, 300);
   }, ke = w.close.bind(w);
   return w.close = () => {
     ke(), Ee();
   }, w.open(), y && setTimeout(() => y(), 50), w;
 }
-function bo(i) {
+function Eo(i) {
   return typeof i == "string" && (i = { content: i }), ee({
     ...i,
     showCancel: !0,
     showConfirm: !0
   });
 }
-function xo(i) {
+function ko(i) {
   return typeof i == "string" && (i = { content: i }), ee({
     ...i,
     showCancel: !1,
@@ -4133,13 +4171,13 @@ function Mr(i) {
   if (!i.__kupolaInitialized || !i.__kupolaInstance) return;
   i.__kupolaInstance.destroy(), i.__kupolaInstance = null, i.__kupolaInitialized = !1;
 }
-function Eo() {
+function wo() {
   document.querySelectorAll(".ds-modal-container").forEach((i) => {
     se(i);
   });
 }
 E.register("modal", se, Mr);
-class ko {
+class Co {
   static normal(t = {}) {
     return this._create({ type: "normal", ...t });
   }
@@ -4204,7 +4242,7 @@ class ko {
     return c.classList.add("is-visible"), document.body.style.overflow = "hidden", h && h.addEventListener("click", p), d && d.addEventListener("click", m), c.addEventListener("click", f), document.addEventListener("keydown", u), { close: y };
   }
 }
-const wo = {
+const So = {
   normal: function(i) {
     this.show({ ...i, type: "normal" });
   },
@@ -4250,9 +4288,9 @@ const wo = {
     }, n);
   }
 };
-function Co() {
+function Lo() {
 }
-const So = {
+const Do = {
   normal: function(i, t = {}) {
     this.show(i, "normal", t);
   },
@@ -4290,9 +4328,9 @@ const So = {
     }, s);
   }
 };
-function Lo() {
+function Ho() {
 }
-function _t(i) {
+function yt(i) {
   return i ? i.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;") : "";
 }
 class Ir {
@@ -4351,7 +4389,7 @@ class Ir {
       <div class="ds-fileupload__icon" style="width: 24px; height: 24px; border-radius: 4px;">
         ${s}
       </div>
-      <span class="ds-fileupload__filename">${this.truncateFilename(_t(t.name))}</span>
+      <span class="ds-fileupload__filename">${this.truncateFilename(yt(t.name))}</span>
       <span class="ds-fileupload__size">${this.formatSize(t.size)}</span>
       <button class="ds-fileupload__remove" type="button" aria-label="Remove file">
         <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
@@ -4403,7 +4441,7 @@ class Ir {
     e.onload = (s) => {
       const n = document.createElement("div");
       n.className = "ds-fileupload__preview-item", n.innerHTML = `
-        <img src="${s.target.result}" alt="${_t(t.name)}">
+        <img src="${s.target.result}" alt="${yt(t.name)}">
         <button class="ds-fileupload__preview-remove" type="button" aria-label="Remove preview">
           <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
             <path d="M18 6L6 18"/>
@@ -4462,7 +4500,7 @@ function Tr(i) {
   if (!i.__kupolaInitialized || !i.__kupolaInstance) return;
   i.__kupolaInstance.destroy(), i.__kupolaInstance = null, i.__kupolaInitialized = !1;
 }
-function Do() {
+function Mo() {
   document.querySelectorAll(".ds-fileupload").forEach((i) => {
     ie(i);
   });
@@ -4559,7 +4597,7 @@ function zr(i) {
   if (!i.__kupolaInitialized || !i.__kupolaInstance) return;
   i.__kupolaInstance.destroy(), i.__kupolaInstance = null, i.__kupolaInitialized = !1;
 }
-function Ho() {
+function Io() {
   document.querySelectorAll(".ds-collapse").forEach((i) => {
     ne(i);
   });
@@ -4734,7 +4772,7 @@ function re(i, t) {
   const e = new Pr(i, t);
   e.init(), i._kupolaColorPicker = e;
 }
-function Mo(i = document) {
+function To(i = document) {
   i.querySelectorAll(".ds-color-picker").forEach((t) => {
     re(t);
   });
@@ -4953,7 +4991,7 @@ function Br(i) {
   if (!i.__kupolaInitialized || !i.__kupolaInstance) return;
   i.__kupolaInstance.destroy(), i.__kupolaInstance = null, i.__kupolaInitialized = !1;
 }
-function Io() {
+function Ao() {
   document.querySelectorAll(".ds-calendar").forEach((i) => {
     ae(i);
   });
@@ -5114,7 +5152,7 @@ function Nr(i) {
   if (!i.__kupolaInitialized || !i.__kupolaInstance) return;
   i.__kupolaInstance.destroy(), i.__kupolaInstance = null, i.__kupolaInitialized = !1;
 }
-function To() {
+function zo() {
   document.querySelectorAll(".ds-dynamic-tags").forEach((i) => {
     oe(i);
   });
@@ -5312,7 +5350,7 @@ class le {
   }
 }
 let V = null;
-function Ao() {
+function Po() {
   V || (V = new le()), document.querySelectorAll("[data-image-preview]").forEach((i) => {
     i.addEventListener("click", () => {
       const t = JSON.parse(i.getAttribute("data-image-preview")), e = parseInt(i.getAttribute("data-image-index")) || 0;
@@ -5320,7 +5358,7 @@ function Ao() {
     });
   });
 }
-function zo(i, t = 0) {
+function $o(i, t = 0) {
   V || (V = new le()), V.show(i, t);
 }
 class Or {
@@ -5462,7 +5500,7 @@ function Rr(i) {
   if (!i.__kupolaInitialized || !i.__kupolaInstance) return;
   i.__kupolaInstance.destroy(), i.__kupolaInstance = null, i.__kupolaInitialized = !1;
 }
-function Po() {
+function qo() {
   document.querySelectorAll(".ds-tag").forEach((i) => {
     ce(i);
   });
@@ -5537,7 +5575,7 @@ function Kr(i) {
   if (!i.__kupolaInitialized || !i.__kupolaInstance) return;
   i.__kupolaInstance.destroy(), i.__kupolaInstance = null, i.__kupolaInitialized = !1;
 }
-function $o() {
+function Bo() {
   document.querySelectorAll(".ds-statcard").forEach((i) => {
     he(i);
   });
@@ -5706,10 +5744,10 @@ function de(i) {
     try {
       e = JSON.parse(t);
     } catch {
-      e = yt();
+      e = vt();
     }
   else
-    e = yt();
+    e = vt();
   const s = new Wr(i, {
     data: e,
     onCellClick: (n) => {
@@ -5721,12 +5759,12 @@ function Ur(i) {
   if (!i.__kupolaInitialized || !i.__kupolaInstance) return;
   i.__kupolaInstance.destroy(), i.__kupolaInstance = null, i.__kupolaInitialized = !1;
 }
-function qo() {
+function Fo() {
   document.querySelectorAll(".ds-heatmap").forEach((i) => {
     de(i);
   });
 }
-function yt() {
+function vt() {
   const i = [], t = /* @__PURE__ */ new Date(), e = /* @__PURE__ */ new Date();
   e.setFullYear(e.getFullYear() - 1);
   for (let s = new Date(e); s <= t; s.setDate(s.getDate() + 1)) {
@@ -5834,7 +5872,7 @@ function ue(i, t) {
   const e = new Yr(i, t);
   e.init(), i._kupolaTooltip = e;
 }
-function Bo(i = document) {
+function No(i = document) {
   i.querySelectorAll("[data-tooltip]").forEach((t) => {
     ue(t);
   });
@@ -6361,7 +6399,7 @@ class Jr {
     }), this.data = [], this.dynamicHeightCache.clear(), this.container.innerHTML = "", this._listeners = null, this._scrollHandler = null, this._thumbDragStartHandler = null, this._thumbDragMoveHandler = null, this._thumbDragEndHandler = null, this._wheelHandler = null, this.container = null, this.scrollbarThumb = null, this.element = null;
   }
 }
-function vt(i = 1e3) {
+function bt(i = 1e3) {
   const t = [], e = ["Document", "Image", "Video", "Folder", "Archive", "Spreadsheet", "Presentation", "Code"];
   for (let s = 1; s <= i; s++) {
     const n = Math.floor(Math.random() * e.length), r = Math.floor(Math.random() * 1e4);
@@ -6382,10 +6420,10 @@ function Gr(i) {
     try {
       e = JSON.parse(t);
     } catch {
-      e = vt(1e3);
+      e = bt(1e3);
     }
   else
-    e = vt(1e3);
+    e = bt(1e3);
   const s = new Jr(i, {
     data: e,
     onItemClick: (n) => {
@@ -6514,14 +6552,14 @@ function fe(i, t = 16, e = "0 0 24 24") {
   const s = pe[i];
   return s ? `<svg ${Qr.replace('width="16"', `width="${t}"`).replace('height="16"', `height="${t}"`).replace('viewBox="0 0 24 24"', `viewBox="${e}"`)}>${s}</svg>` : "";
 }
-function at(i = document) {
+function ot(i = document) {
   i.querySelectorAll("[data-icon]").forEach((t) => {
     const e = t.getAttribute("data-icon"), s = +t.getAttribute("data-size") || 16, n = t.getAttribute("data-viewbox") || "0 0 24 24";
     t.innerHTML = fe(e, s, n), t.classList.add("icon");
   });
 }
-const Fo = { svg: fe, render: at, PATHS: pe };
-typeof document < "u" && (document.readyState !== "loading" ? at() : document.addEventListener("DOMContentLoaded", () => at()));
+const Oo = { svg: fe, render: ot, PATHS: pe };
+typeof document < "u" && (document.readyState !== "loading" ? ot() : document.addEventListener("DOMContentLoaded", () => ot()));
 class ta {
   constructor(t) {
     this.element = t, this.hoursEl = t.querySelector(".ds-countdown__item--hours .ds-countdown__value"), this.minutesEl = t.querySelector(".ds-countdown__item--minutes .ds-countdown__value"), this.secondsEl = t.querySelector(".ds-countdown__item--seconds .ds-countdown__value"), this.endTime = this.parseEndTime(), this.interval = null, this.init();
@@ -6583,7 +6621,7 @@ function ea(i) {
   if (!i.__kupolaInitialized || !i.__kupolaInstance) return;
   i.__kupolaInstance.destroy(), i.__kupolaInstance = null, i.__kupolaInitialized = !1;
 }
-function No() {
+function Ro() {
   document.querySelectorAll(".ds-countdown").forEach((t) => {
     me(t);
   });
@@ -6653,7 +6691,7 @@ function ia(i) {
   if (!i.__kupolaInitialized || !i.__kupolaInstance) return;
   i.__kupolaInstance.destroy(), i.__kupolaInstance = null, i.__kupolaInitialized = !1;
 }
-function Oo() {
+function Vo() {
   document.querySelectorAll(".ds-number-input").forEach((i) => {
     ge(i);
   });
@@ -6965,10 +7003,10 @@ function ca(i) {
     e._kupolaForm = s;
   }), t.length;
 }
-function Ro(i) {
+function Ko(i) {
   return i._kupolaForm;
 }
-function Vo(i) {
+function Wo(i) {
   const t = i._kupolaForm;
   return t ? t.validate() : !1;
 }
@@ -7043,17 +7081,17 @@ class N extends Error {
     super(t), this.name = "DependsError", this.code = e, this.cause = s, this.timestamp = Date.now();
   }
 }
-let tt = typeof globalThis < "u" && globalThis.fetch ? globalThis.fetch.bind(globalThis) : typeof window < "u" && window.fetch ? window.fetch.bind(window) : null;
-function Ko(i) {
+let et = typeof globalThis < "u" && globalThis.fetch ? globalThis.fetch.bind(globalThis) : typeof window < "u" && window.fetch ? window.fetch.bind(window) : null;
+function Uo(i) {
   if (!i || typeof i.fetch != "function")
     throw new TypeError("[Kupola] configureHttpClient: client must provide a fetch function");
-  tt = i.fetch.bind(i);
+  et = i.fetch.bind(i);
 }
-function Wo() {
-  return tt;
+function Yo() {
+  return et;
 }
-function Uo() {
-  tt = typeof globalThis < "u" && globalThis.fetch ? globalThis.fetch.bind(globalThis) : typeof window < "u" && window.fetch ? window.fetch.bind(window) : null;
+function Xo() {
+  et = typeof globalThis < "u" && globalThis.fetch ? globalThis.fetch.bind(globalThis) : typeof window < "u" && window.fetch ? window.fetch.bind(window) : null;
 }
 class W {
   constructor(t, e) {
@@ -7120,7 +7158,7 @@ class pa extends W {
   }
   async fetch(t) {
     let e = this.config.source;
-    const s = lt("http");
+    const s = ct("http");
     s?.baseURL && !e.startsWith("http://") && !e.startsWith("https://") && (e = s.baseURL + e.replace(/^\//, ""));
     for (const u in t)
       e = e.replace(`:${u}`, encodeURIComponent(t[u]));
@@ -7135,7 +7173,7 @@ class pa extends W {
       headers: { "Content-Type": "application/json", ...r, ...this.headers }
     };
     s?.withCredentials && (a.credentials = "include"), ["POST", "PUT", "PATCH"].includes(a.method) && (a.body = JSON.stringify(t));
-    const o = tt;
+    const o = et;
     if (!o)
       throw new N("No HTTP client available. Use configureHttpClient() to set one.", "NO_HTTP_CLIENT");
     const l = await o(e, a), c = typeof l.ok == "boolean" ? l.ok : l.status >= 200 && l.status < 300, h = typeof l.status == "number" ? l.status : 0;
@@ -7235,16 +7273,16 @@ function be(i, t) {
   const e = i.source;
   return typeof e == "function" ? new ma(i, t) : typeof e == "string" && (e.startsWith("ws://") || e.startsWith("wss://")) ? new ve(i, t) : typeof e == "string" && (e.startsWith("/") || e.startsWith("http")) ? new pa(i, t) : typeof e == "string" && e.startsWith("localStorage:") ? new ye(i, t) : typeof e == "string" && e.startsWith("route:") ? new fa(i, t) : new ga(i, t);
 }
-function Yo(i, t) {
+function jo(i, t) {
   const e = {}, s = new _e(), n = [];
   for (const r in t) {
     let p = function() {
-      return bt(i);
+      return xt(i);
     }, a = t[r];
     typeof a == "string" && (a = { source: a });
     const o = {
       ...a,
-      cacheKey: a.cacheKey || `${r}-${JSON.stringify(bt(i))}`
+      cacheKey: a.cacheKey || `${r}-${JSON.stringify(xt(i))}`
     }, l = be(o, s), c = I(null), h = I(!0), d = I(null), u = I(null);
     let f = 0;
     async function m() {
@@ -7302,7 +7340,7 @@ function Yo(i, t) {
     }
   }, window.__kupolaDepInstances || (window.__kupolaDepInstances = []), window.__kupolaDepInstances.push(e), e;
 }
-function Xo(i) {
+function Jo(i) {
   const t = new _e(), e = be(i, t), s = I(null), n = I(!0), r = I(null);
   let a = 0;
   async function o() {
@@ -7331,7 +7369,7 @@ function Xo(i) {
     }
   };
 }
-function bt(i) {
+function xt(i) {
   const t = {};
   for (const e in i) {
     const s = i[e];
@@ -7339,7 +7377,7 @@ function bt(i) {
   }
   return t;
 }
-function jo() {
+function Go() {
 }
 class _a {
   constructor(t, e = {}) {
@@ -7884,7 +7922,7 @@ class _a {
 function xe(i, t) {
   return new _a(i, t);
 }
-function Jo() {
+function Zo() {
   document.querySelectorAll("[data-kupola-table]").forEach((i) => {
     const t = i.getAttribute("data-kupola-table");
     let e = {};
@@ -7997,9 +8035,9 @@ class ya {
     this.element.innerHTML = "", this.element.classList.remove("kupola-pagination");
   }
 }
-let xt = !1;
+let Et = !1;
 function va() {
-  if (xt || typeof document > "u") return;
+  if (Et || typeof document > "u") return;
   const i = document.createElement("style");
   i.textContent = `
         .kupola-pagination { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
@@ -8015,12 +8053,12 @@ function va() {
         .kupola-pagination-jumper { font-size: 14px; color: #666; }
         .kupola-pagination-jumper input { width: 50px; height: 28px; margin: 0 4px; padding: 0 8px; border: 1px solid #d9d9d9; border-radius: 4px; text-align: center; font-size: 13px; }
         .kupola-pagination-jumper input:focus { outline: none; border-color: #1890ff; }
-    `, document.head.appendChild(i), xt = !0;
+    `, document.head.appendChild(i), Et = !0;
 }
-function Go(i, t) {
+function Qo(i, t) {
   return va(), new ya(i, t);
 }
-let Et = !1;
+let kt = !1;
 class ba extends HTMLElement {
   static get observedAttributes() {
     return ["open"];
@@ -8143,9 +8181,9 @@ class Ca extends HTMLElement {
     this.removeAttribute("open");
   }
 }
-function Zo() {
-  if (Et || typeof customElements > "u") return;
-  Et = !0;
+function tl() {
+  if (kt || typeof customElements > "u") return;
+  kt = !0;
   const i = [
     ["k-dropdown", ba],
     ["k-tooltip", xa],
@@ -8170,7 +8208,7 @@ export {
   br as Datepicker,
   N as DependsError,
   W as DependsSource,
-  ko as Dialog,
+  Co as Dialog,
   Dr as Drawer,
   _r as Dropdown,
   Fr as DynamicTags,
@@ -8179,7 +8217,7 @@ export {
   ma as FunctionSource,
   gr as GlobalEvents,
   Wr as Heatmap,
-  Fo as Icons,
+  Oo as Icons,
   le as ImagePreview,
   J as KupolaComponent,
   fr as KupolaComponentRegistry,
@@ -8187,16 +8225,16 @@ export {
   ar as KupolaEventBus,
   la as KupolaForm,
   Yt as KupolaI18n,
-  ot as KupolaLifecycle,
+  lt as KupolaLifecycle,
   ya as KupolaPagination,
-  pt as KupolaStore,
+  ft as KupolaStore,
   rr as KupolaStoreManager,
   _a as KupolaTable,
   Da as KupolaUtils,
   jr as KupolaValidator,
-  So as Message,
+  Do as Message,
   $ as Modal,
-  wo as Notification,
+  So as Notification,
   sa as NumberInput,
   pe as PATHS,
   fa as RouteSource,
@@ -8212,11 +8250,11 @@ export {
   Yr as Tooltip,
   Jr as VirtualList,
   ve as WebSocketSource,
-  xo as alertModal,
-  mt as applyMixin,
+  ko as alertModal,
+  gt as applyMixin,
   Bs as arrayUtils,
-  Wa as bootstrapComponents,
-  po as cleanupAllDropdowns,
+  Ya as bootstrapComponents,
+  mo as cleanupAllDropdowns,
   oa as cleanupAllSlideCaptchas,
   Br as cleanupCalendar,
   Lr as cleanupCarousel,
@@ -8239,11 +8277,11 @@ export {
   kr as cleanupTimepicker,
   Xr as cleanupTooltip,
   Zr as cleanupVirtualList,
-  jo as clearCache,
-  Ko as configureHttpClient,
-  bo as confirmModal,
+  Go as clearCache,
+  Uo as configureHttpClient,
+  Eo as confirmModal,
   Fa as createBrandPicker,
-  ja as createI18n,
+  Ga as createI18n,
   La as createLifecycle,
   ee as createModal,
   be as createSource,
@@ -8252,120 +8290,122 @@ export {
   jn as cryptoUtils,
   ln as dateUtils,
   cn as debounce,
-  Xa as defineComponent,
-  Ua as defineMixin,
-  ao as emit,
-  oo as emitGlobal,
+  Ja as defineComponent,
+  Xa as defineMixin,
+  lo as emit,
+  co as emitGlobal,
   Oa as escapeHtml,
-  so as formatCurrency,
-  to as formatDate,
-  eo as formatNumber,
+  no as formatCurrency,
+  so as formatDate,
+  io as formatNumber,
+  Ka as generateSecureId,
   Aa as getBasePath,
   X as getBrand,
-  lt as getConfig,
+  ct as getConfig,
   lr as getDefaultBrand,
   or as getDefaultTheme,
   Pa as getDevConfig,
   qa as getExtendConfig,
-  Ro as getFormInstance,
-  Wo as getHttpClient,
+  Ko as getFormInstance,
+  Yo as getHttpClient,
   za as getHttpConfig,
-  Rt as getIconsPath,
-  ho as getListenerCount,
-  Qa as getLocale,
+  Vt as getIconsPath,
+  po as getListenerCount,
+  eo as getLocale,
   $a as getPerformanceConfig,
-  Vt as getSecurityConfig,
+  tt as getSecurityConfig,
   Ia as getStore,
   R as getTheme,
   cr as getUiConfig,
   H as globalEvents,
-  Jo as initAllTables,
+  Zo as initAllTables,
   ae as initCalendar,
-  Io as initCalendars,
+  Ao as initCalendars,
   te as initCarousel,
-  yo as initCarousels,
+  bo as initCarousels,
   ne as initCollapse,
-  Ho as initCollapses,
+  Io as initCollapses,
   re as initColorPicker,
-  Mo as initColorPickers,
+  To as initColorPickers,
   me as initCountdown,
-  No as initCountdowns,
+  Ro as initCountdowns,
   Gt as initDatepicker,
-  mo as initDatepickers,
-  rt as initDrawer,
-  vo as initDrawers,
+  _o as initDatepickers,
+  at as initDrawer,
+  xo as initDrawers,
   Xt as initDropdown,
-  uo as initDropdowns,
+  fo as initDropdowns,
   oe as initDynamicTags,
-  To as initDynamicTagsAll,
+  zo as initDynamicTagsAll,
   ie as initFileUpload,
-  Do as initFileUploads,
+  Mo as initFileUploads,
   ca as initFormValidation,
   de as initHeatmap,
-  qo as initHeatmaps,
-  Ao as initImagePreview,
-  Lo as initMessages,
+  Fo as initHeatmaps,
+  Po as initImagePreview,
+  Ho as initMessages,
   se as initModal,
-  Eo as initModals,
-  Co as initNotifications,
+  wo as initModals,
+  Lo as initNotifications,
   ge as initNumberInput,
-  Oo as initNumberInputs,
-  Go as initPagination,
+  Vo as initNumberInputs,
+  Qo as initPagination,
   Jt as initSelect,
-  fo as initSelects,
+  go as initSelects,
   ra as initSlideCaptchas,
   Qt as initSlider,
-  _o as initSliders,
+  vo as initSliders,
   he as initStatCard,
-  $o as initStatCards,
+  Bo as initStatCards,
   xe as initTable,
   ce as initTag,
-  Po as initTags,
+  qo as initTags,
   dr as initTheme,
   Zt as initTimepicker,
-  go as initTimepickers,
+  yo as initTimepickers,
   ue as initTooltip,
-  Bo as initTooltips,
+  No as initTooltips,
   Gr as initVirtualList,
-  gt as kupolaBootstrap,
+  _t as kupolaBootstrap,
   F as kupolaData,
   Ha as kupolaEvents,
   O as kupolaI18n,
   E as kupolaInitializer,
   Sa as kupolaLifecycle,
   M as kupolaRegistry,
-  Ot as kupolaStoreManager,
-  Ga as n,
+  Rt as kupolaStoreManager,
+  Va as maskData,
+  Qa as n,
   Ii as numberUtils,
   ni as objectUtils,
-  ro as off,
-  co as offAll,
-  lo as offByScope,
-  io as on,
-  no as once,
+  oo as off,
+  uo as offAll,
+  ho as offByScope,
+  ro as on,
+  ao as once,
   sr as preloadUtils,
   I as ref,
-  Va as registerComponent,
-  Ka as registerLazyComponent,
-  Zo as registerWebComponents,
-  at as renderIcon,
-  Uo as resetHttpClient,
+  Wa as registerComponent,
+  Ua as registerLazyComponent,
+  tl as registerWebComponents,
+  ot as renderIcon,
+  Xo as resetHttpClient,
   Na as sanitizeHtml,
-  nt as setBrand,
+  rt as setBrand,
   Ta as setConfig,
-  Za as setLocale,
-  it as setTheme,
-  zo as showImagePreview,
+  to as setLocale,
+  nt as setTheme,
+  $o as showImagePreview,
   je as stringUtils,
   Ra as stripHtml,
   fe as svg,
-  Ja as t,
+  Za as t,
   hn as throttle,
-  Yo as useDeps,
-  Ya as useMixin,
-  Xo as useQuery,
-  Vo as validateForm,
+  jo as useDeps,
+  ja as useMixin,
+  Jo as useQuery,
+  Wo as validateForm,
   P as validator,
-  Bt as validatorUtils
+  Ft as validatorUtils
 };
 //# sourceMappingURL=kupola.esm.js.map