yuyeon 0.3.1-rc.0 → 0.3.1-rc.2

package/dist/yuyeon.js

@@ -2118,7 +2118,7 @@ const ge = "y-input", lt = F({
     }), L(() => e.focused, (P) => {
       P || C();
     });
-    function A(P) {
+    function E(P) {
       i("click", P);
     }
     function T(P) {
@@ -2127,7 +2127,7 @@ const ge = "y-input", lt = F({
     function Y(P) {
       _.value = !1, i("mouseup:display", P);
     }
-    function E(P) {
+    function A(P) {
       i("keydown:display", P);
     }
     function B(P) {
@@ -2176,10 +2176,10 @@ const ge = "y-input", lt = F({
           ...D.value
         }],
         "data-base-parent": !0,
-        onClick: A,
+        onClick: E,
         onMousedown: T,
         onMouseup: Y,
-        onKeydown: E
+        onKeydown: A
       }, [d("div", {
         class: `${ge}__plate`
       }, null), t.leading && d("div", {
@@ -2312,9 +2312,9 @@ const ge = "y-input", lt = F({
         displayText: Y
       } = e;
       if (Y !== void 0) {
-        let E = u.value;
-        typeof Y == "string" && (E = Y), Y && typeof Y == "function" && (E = Y.call(T, E)), ye(() => {
-          g.value = E;
+        let A = u.value;
+        typeof Y == "string" && (A = Y), Y && typeof Y == "function" && (A = Y.call(T, A)), ye(() => {
+          g.value = A;
         });
       }
     }
@@ -2344,7 +2344,7 @@ const ge = "y-input", lt = F({
         return (T = r.value) == null ? void 0 : T.resetError();
       }
     });
-    function A(T) {
+    function E(T) {
       a("update:modelValue", T);
     }
     return K(() => d(Pe, W({
@@ -2354,27 +2354,27 @@ const ge = "y-input", lt = F({
       modelValue: u.value,
       focused: o.value,
       extended: D,
-      "onUpdate:modelValue": A,
+      "onUpdate:modelValue": E,
       onClick: C,
       "onMousedown:display": (T) => a("mousedown:display", T),
       "onKeydown:display": (T) => a("keydown:display", T)
     }), {
       leading: i.leading ? (T) => {
         var B;
-        const Y = [], E = (B = i.leading) == null ? void 0 : B.call(i, T);
-        if (E)
-          Y.push(E);
+        const Y = [], A = (B = i.leading) == null ? void 0 : B.call(i, T);
+        if (A)
+          Y.push(A);
         else
           return;
         return Y;
       } : void 0,
       default: (T) => {
-        var Y, E, B;
+        var Y, A, B;
         return d("div", {
           class: [`${ft}__field`],
           "data-id": T.attrId,
           ref: "field"
-        }, [e.floating ? (E = (Y = r.value) == null ? void 0 : Y.createLabel) == null ? void 0 : E.call(Y) : void 0, (B = i.default) == null ? void 0 : B.call(i, T), d("input", {
+        }, [e.floating ? (A = (Y = r.value) == null ? void 0 : Y.createLabel) == null ? void 0 : A.call(Y) : void 0, (B = i.default) == null ? void 0 : B.call(i, T), d("input", {
           ref: l,
           value: g.value,
           name: e.name,
@@ -3524,31 +3524,31 @@ function Nl(e, t, n, a) {
       }
       return R.x += q, R.y += ie, R.width = Math.min(R.width, u.value), R.height = Math.min(R.height, g.value), { overflows: Zn(R, _), x: q, y: ie };
     }
-    let A = 0, T = 0;
-    const Y = { x: 0, y: 0 }, E = { x: !1, y: !1 };
+    let E = 0, T = 0;
+    const Y = { x: 0, y: 0 }, A = { x: !1, y: !1 };
     let B = -1;
     for (; !(B++ > 10); ) {
       const { x: N, y: R, overflows: P } = D(I);
-      A += N, T += R, h.x += N, h.y += R;
+      E += N, T += R, h.x += N, h.y += R;
       {
         const H = ta(I.anchor), q = P.x.before || P.x.after, ie = P.y.before || P.y.after;
         let le = !1;
         if (["x", "y"].forEach((ae) => {
-          if (ae === "x" && q && !E.x || ae === "y" && ie && !E.y) {
+          if (ae === "x" && q && !A.x || ae === "y" && ie && !A.y) {
             const J = {
               anchor: { ...I.anchor },
               origin: { ...I.origin }
             }, ke = ae === "x" ? H === "y" ? Kt : jt : H === "y" ? jt : Kt;
             J.anchor = ke(J.anchor), J.origin = ke(J.origin);
             const { overflows: Ye } = D(J);
-            (Ye[ae].before <= P[ae].before && Ye[ae].after <= P[ae].after || Ye[ae].before + Ye[ae].after < (P[ae].before + P[ae].after) / 2) && (I = J, le = E[ae] = !0);
+            (Ye[ae].before <= P[ae].before && Ye[ae].after <= P[ae].after || Ye[ae].before + Ye[ae].after < (P[ae].before + P[ae].after) / 2) && (I = J, le = A[ae] = !0);
           }
         }), le) continue;
       }
-      P.x.before && (A += P.x.before, h.x += P.x.before), P.x.after && (A -= P.x.after, h.x -= P.x.after), P.y.before && (T += P.y.before, h.y += P.y.before), P.y.after && (T -= P.y.after, h.y -= P.y.after);
+      P.x.before && (E += P.x.before, h.x += P.x.before), P.x.after && (E -= P.x.after, h.x -= P.x.after), P.y.before && (T += P.y.before, h.y += P.y.before), P.y.after && (T -= P.y.after, h.y -= P.y.after);
       {
         const H = Zn(h, _);
-        Y.x = _.width - H.x.before - H.x.after, Y.y = _.height - H.y.before - H.y.after, A += H.x.before, h.x += H.x.before, T += H.y.before, h.y += H.y.before;
+        Y.x = _.width - H.x.before - H.x.after, Y.y = _.height - H.y.before - H.y.after, E += H.x.before, h.x += H.x.before, T += H.y.before, h.y += H.y.before;
       }
       break;
     }
@@ -3557,8 +3557,8 @@ function Nl(e, t, n, a) {
       "--y-levitation-anchor-origin": `${I.anchor.side} ${I.anchor.align}`,
       transformOrigin: `${I.origin.side} ${I.origin.align}`,
       top: z(Ft(T)),
-      left: o.value ? void 0 : z(Ft(A)),
-      right: o.value ? z(Ft(-A)) : void 0,
+      left: o.value ? void 0 : z(Ft(E)),
+      right: o.value ? z(Ft(-E)) : void 0,
       minWidth: z(
         j === "y" ? Math.min(c.value, v.width) : c.value
       ),
@@ -4086,7 +4086,7 @@ const Xe = F({
     O(!1);
     const D = oe(e, "disabled");
     oe(e, "maximized");
-    const A = k(() => !D.value && (_.value || u.value)), {
+    const E = k(() => !D.value && (_.value || u.value)), {
       coordinateStyles: T,
       updateCoordinate: Y
     } = Ll(e, {
@@ -4101,14 +4101,14 @@ const Xe = F({
       baseEl: g,
       updateCoordinate: Y
     });
-    function E(J) {
+    function A(J) {
       t("click:complement", J), e.modal || l.value !== null && l.value === J.target && e.closeClickScrim && (u.value = !1);
     }
     function B() {
       return (!e.openOnHover || e.openOnHover && !I.value) && u.value && $.value;
     }
     const j = Ee({
-      handler: E,
+      handler: A,
       determine: B,
       include: () => [x.value]
     });
@@ -4170,7 +4170,7 @@ const Xe = F({
         disabled: !b.value,
         to: b.value
       }, {
-        default: () => [A.value && d("div", W({
+        default: () => [E.value && d("div", W({
           class: [{
             "y-layer": !0,
             "y-layer--finish": $.value,
@@ -4225,7 +4225,7 @@ const Xe = F({
       layerGroup: b,
       active: u,
       finish: $,
-      rendered: A,
+      rendered: E,
       lazyValue: _,
       onAfterUpdate: M,
       scrim$: l,
@@ -4347,10 +4347,10 @@ const ni = F({
       if (b !== p && ((S = c.value) != null && S.content$) && ![document, (_ = c.value) == null ? void 0 : _.content$].includes(p) && !((M = c.value) != null && M.content$.contains(p)) && !h(s.value)) {
         const I = [...c.value.content$.querySelectorAll('button, [href], input:not([type="hidden"]), select, textarea, [tabindex]:not([tabindex="-1"])')].filter((T) => !T.hasAttribute("disabled") && !T.matches('[tabindex="-1"]'));
         if (!I.length) return;
-        const D = I[0], A = I[I.length - 1];
-        if (p != null && p.isSameNode(D) || p != null && p.isSameNode(A))
+        const D = I[0], E = I[I.length - 1];
+        if (p != null && p.isSameNode(D) || p != null && p.isSameNode(E))
           return;
-        D === A ? A.focus() : D.focus();
+        D === E ? E.focus() : D.focus();
       }
     }
     function g() {
@@ -4725,7 +4725,7 @@ function Bo(e, t, n, a = {}, i) {
       m = I.easing, M = I.keyframes || M, c = I.duration || c;
     }
     if (dn(v) && (Ne.cssRegisterProperty() ? To(v) : p = !1), b && !Ne.linearEasing() && (Ke(m) || Le(m) && m.some(Ke)) && (p = !1), p) {
-      S && (M = M.map((A) => Ct(A) ? S.toDefaultUnit(A) : A)), M.length === 1 && (!Ne.partialKeyframes() || l) && M.unshift(_());
+      S && (M = M.map((E) => Ct(E) ? S.toDefaultUnit(E) : E)), M.length === 1 && (!Ne.partialKeyframes() || l) && M.unshift(_());
       const I = {
         delay: tt.ms(s),
         duration: tt.ms(c),
@@ -4738,9 +4738,9 @@ function Bo(e, t, n, a = {}, i) {
       o = e.animate({
         [v]: M,
         offset: w,
-        easing: Le(m) ? m.map((A) => wa(A, c)) : void 0
-      }, I), o.finished || (o.finished = new Promise((A, T) => {
-        o.onfinish = A, o.oncancel = T;
+        easing: Le(m) ? m.map((E) => wa(E, c)) : void 0
+      }, I), o.finished || (o.finished = new Promise((E, T) => {
+        o.onfinish = E, o.oncancel = T;
       }));
       const D = M[M.length - 1];
       o.finished.then(() => {
@@ -5721,7 +5721,7 @@ const Ce = /* @__PURE__ */ V({
     K(() => {
       var D;
       const I = [];
-      for (let A = 0; A < e.level; A += 1)
+      for (let E = 0; E < e.level; E += 1)
         I.push(d("div", {
           class: "y-tree-view-node__indent-spacer"
         }, null));
@@ -5733,7 +5733,7 @@ const Ce = /* @__PURE__ */ V({
       }, [d("div", {
         ref: r,
         class: "y-tree-view-node__container",
-        onClick: (A) => e.enableActive ? b(A) : void 0,
+        onClick: (E) => e.enableActive ? b(E) : void 0,
         onMouseenter: e.onMouseenterContainer && h,
         onMouseleave: e.onMouseleaveContainer && S,
         onMousemove: e.onMousemoveContainer && _
@@ -5773,10 +5773,10 @@ const Ce = /* @__PURE__ */ V({
         default: () => [l.value && d("div", {
           class: ["y-tree-view-node__leaves"],
           role: "tree"
-        }, [f.value.map((A) => d(a, W(W(e), {
-          key: Z(A, e.itemKey),
+        }, [f.value.map((E) => d(a, W(W(e), {
+          key: Z(E, e.itemKey),
           level: (e.level ?? 0) + 1,
-          item: A
+          item: E
         }), {
           default: t.default && ((...T) => {
             var Y;
@@ -5913,7 +5913,7 @@ const xa = Bn(), iu = /* @__PURE__ */ xn({
       emitSelected: h,
       isExcluded: S
     } = Qo(e);
-    function _(E, B = "", j = au) {
+    function _(A, B = "", j = au) {
       const N = /* @__PURE__ */ new Set();
       if (!B) {
         x.value = !1, C.value = N, qn(r.value, [...u.value]).forEach((P) => {
@@ -5923,19 +5923,19 @@ const xa = Bn(), iu = /* @__PURE__ */ xn({
         });
         return;
       }
-      for (const R of E)
+      for (const R of A)
         Ci(j, R, B ?? "", e.itemKey, e.itemText, e.itemChildren, N);
       C.value = N, x.value = !1, I();
     }
     L(() => e.search, () => {
       x.value = !0, i.value(e.items, e.search, e.filter);
     });
-    function M(E) {
-      return e.returnItem ? Z(E, e.itemKey) : E;
+    function M(A) {
+      return e.returnItem ? Z(A, e.itemKey) : A;
     }
-    function $(E, B = null, j = 0) {
+    function $(A, B = null, j = 0) {
       var N, R, P;
-      for (const H of E) {
+      for (const H of A) {
         const q = Z(H, e.itemKey), ie = Z(H, e.itemChildren) ?? [], ae = Je(l.value, q) ? l.value[q] : {
           vnode: null,
           selected: ((N = s.value) == null ? void 0 : N.includes(q)) ?? !1,
@@ -5956,51 +5956,51 @@ const xa = Bn(), iu = /* @__PURE__ */ xn({
         $(ie, q, j + 1), l.value[q] = J, l.value[q].expanded && u.value.add(q), l.value[q].selected && g.value.add(q), l.value[q].active && m.value.add(q), w(q);
       }
     }
-    L(u, (E) => {
-      e.search || (r.value = [...E]);
+    L(u, (A) => {
+      e.search || (r.value = [...A]);
     }, {
       deep: !0
     });
-    function I(E = !0) {
+    function I(A = !0) {
       return Object.entries(l.value).forEach(([B, j]) => {
-        (E === !0 || E >= j.level) && y(B, !0);
+        (A === !0 || A >= j.level) && y(B, !0);
       }), p(), u.value;
     }
-    function D(E, B, j, N) {
-      const R = e.returnItem ? E.map((H) => Z(H, e.itemKey)) : E, P = [...B.value];
+    function D(A, B, j, N) {
+      const R = e.returnItem ? A.map((H) => Z(H, e.itemKey)) : A, P = [...B.value];
       Se(P, R) || (P.forEach((H) => j(H, !1)), R.forEach((H) => j(H, !0)), N());
     }
-    L(o, (E) => {
-      D(E, u, y, p);
-    }), L(c, (E) => {
-      D(E, m, f, v);
-    }), L(s, (E) => {
-      D(E, g, b, h);
-    }), L(() => e.items, (E) => {
-      const B = Object.keys(l.value).map((H) => Z(l.value[H].item, e.itemKey)), j = nu(E, e.itemKey, e.itemChildren), N = qn(B, j);
+    L(o, (A) => {
+      D(A, u, y, p);
+    }), L(c, (A) => {
+      D(A, m, f, v);
+    }), L(s, (A) => {
+      D(A, g, b, h);
+    }), L(() => e.items, (A) => {
+      const B = Object.keys(l.value).map((H) => Z(l.value[H].item, e.itemKey)), j = nu(A, e.itemKey, e.itemChildren), N = qn(B, j);
       if (N.length < 1 && j.length < B.length)
         return;
       N.forEach((H) => delete l.value[H]);
       const R = [...g.value], P = [...m.value];
-      g.value.clear(), u.value.clear(), m.value.clear(), $(E), Se(R, [...g.value]) || h(), Se(P, [...m.value]) || v();
+      g.value.clear(), u.value.clear(), m.value.clear(), $(A), Se(R, [...g.value]) || h(), Se(P, [...m.value]) || v(), i.value(A, e.search, e.filter);
     }, {
       deep: !0,
       flush: "sync"
     }), $(e.items);
-    const A = k(() => e.items.slice().filter((E) => !S(Z(E, e.itemKey)))), T = k(() => ({
+    const E = k(() => e.items.slice().filter((A) => !S(Z(A, e.itemKey)))), T = k(() => ({
       "y-tree-view": !0
     })), Y = k(() => {
-      let E = e.activeColor;
-      return e.activeColor && !je(e.activeColor) && (E = `var(--y-theme-${e.activeColor})`), {
-        "--y-tree-view__active-color": E
+      let A = e.activeColor;
+      return e.activeColor && !je(e.activeColor) && (A = `var(--y-theme-${e.activeColor})`), {
+        "--y-tree-view__active-color": A
       };
     });
     return bn(() => {
-      e.defaultExpand != null && e.defaultExpand !== !1 ? r.value = [...I(e.defaultExpand)] : (o.value.forEach((E) => y(M(E), !0)), p());
-      for (const E of e.active.map(M))
-        f(E, !0);
-      for (const E of e.selected.map(M))
-        b(E, !0);
+      e.search && (x.value = !0, _(e.items, e.search, e.filter)), e.defaultExpand != null && e.defaultExpand !== !1 ? r.value = [...I(e.defaultExpand)] : (o.value.forEach((A) => y(M(A), !0)), p());
+      for (const A of e.active.map(M))
+        f(A, !0);
+      for (const A of e.selected.map(M))
+        b(A, !0);
     }), a({
       expand: I
     }), K(() => d(X, null, [d("div", {
@@ -6009,11 +6009,11 @@ const xa = Bn(), iu = /* @__PURE__ */ xn({
       role: "tree"
     }, [x.value && d(Ua, {
       indeterminate: !0
-    }, null), A.value.length > 0 ? A.value.slice().map((E) => d(Si, W({
-      key: Z(E, e.itemKey)
+    }, null), E.value.length > 0 ? E.value.slice().map((A) => d(Si, W({
+      key: Z(A, e.itemKey)
     }, {
       ...ne(e, xa),
-      item: E,
+      item: A,
       level: 0
     }), t)) : d("div", {
       class: "y-tree-view__no-data"
@@ -7438,15 +7438,15 @@ const Kn = F({
       headers: c.value
     }));
     return K(() => {
-      var E;
-      const A = ne(e, nt.props), T = ne(e, Fe.props), Y = ne(e, Re.props);
+      var A;
+      const E = ne(e, nt.props), T = ne(e, Fe.props), Y = ne(e, Re.props);
       return d(Re, W({
         class: ["y-data-table", {
           "y-data-table--no-data": !e.loading && e.items.length < 1 && !e.hideNoData
         }]
       }, Y, {
         style: {
-          "--y-table-head-height": z((E = I.value) == null ? void 0 : E.height)
+          "--y-table-head-height": z((A = I.value) == null ? void 0 : A.height)
         }
       }), {
         top: () => {
@@ -7460,7 +7460,7 @@ const Kn = F({
           var B, j, N;
           return t.default ? t.default(D.value) : d(X, null, [d("thead", {
             ref: $
-          }, [d(nt, A, t)]), (B = t.thead) == null ? void 0 : B.call(t, D.value), !e.hideDefaultTbody && d("tbody", null, [d(Fe, W(T, {
+          }, [d(nt, E, t)]), (B = t.thead) == null ? void 0 : B.call(t, D.value), !e.hideDefaultTbody && d("tbody", null, [d(Fe, W(T, {
             items: D.value.items
           }), t)]), (j = t.tbody) == null ? void 0 : j.call(t, D.value), (N = t.tfoot) == null ? void 0 : N.call(t, D.value)]);
         },
@@ -7587,12 +7587,12 @@ const Kn = F({
     }));
     K(() => {
       var T;
-      const I = ne(e, nt.props), D = ne(e, Fe.props), A = ne(e, Re.props);
+      const I = ne(e, nt.props), D = ne(e, Fe.props), E = ne(e, Re.props);
       return d(Re, W({
         class: ["y-data-table", {
           "y-data-table--no-data": !e.loading && e.items.length < 1 && !e.hideNoData
         }]
-      }, A, {
+      }, E, {
         style: {
           "--y-table-head-height": z((T = h.value) == null ? void 0 : T.height)
         }
@@ -7605,12 +7605,12 @@ const Kn = F({
           slotProps: $.value
         }, t)]),
         default: () => {
-          var Y, E, B;
+          var Y, A, B;
           return t.default ? t.default($.value) : d(X, null, [d("thead", {
             ref: _
           }, [d(nt, I, t)]), (Y = t.thead) == null ? void 0 : Y.call(t, $.value), d("tbody", null, [d(Fe, W(D, {
             items: u.value
-          }), t)]), (E = t.tbody) == null ? void 0 : E.call(t, $.value), (B = t.tfoot) == null ? void 0 : B.call(t, $.value)]);
+          }), t)]), (A = t.tbody) == null ? void 0 : A.call(t, $.value), (B = t.tfoot) == null ? void 0 : B.call(t, $.value)]);
         },
         trailing: () => {
           var Y;
@@ -8352,75 +8352,75 @@ const Zi = F({
       toEmitItems: x
     } = Eu(e), {
       t: C
-    } = ot(), w = (E) => {
-      const B = x(Te(E));
+    } = ot(), w = (A) => {
+      const B = x(Te(A));
       return e.multiple ? B : B[0] ?? null;
-    }, y = G(e, "modelValue", [], (E) => m(E === null ? [null] : Te(E)), w), f = k(() => {
-      const E = [];
+    }, y = G(e, "modelValue", [], (A) => m(A === null ? [null] : Te(A)), w), f = k(() => {
+      const A = [];
       for (const B of y.value) {
         const j = g.value.find((N) => e.itemComparator(N.value, B.value));
-        j !== void 0 && E.push(j);
+        j !== void 0 && A.push(j);
       }
-      return E;
-    }), b = k(() => f.value.map((E) => {
+      return A;
+    }), b = k(() => f.value.map((A) => {
       var B;
-      return (B = E == null ? void 0 : E.props) == null ? void 0 : B.value;
+      return (B = A == null ? void 0 : A.props) == null ? void 0 : B.value;
     })), p = k(() => ({
       ...e.menuProps,
       preventCloseBubble: !0
     }));
-    function v(E) {
-      return !!f.value.find((B) => (B == null ? void 0 : B.value) === E.value);
+    function v(A) {
+      return !!f.value.find((B) => (B == null ? void 0 : B.value) === A.value);
     }
-    function h(E) {
+    function h(A) {
       e.disabled || (s.value = !s.value);
     }
-    function S(E) {
-      console.log(E), !e.disabled && (E.key === "Enter" || E.key === " ") && (s.value = !s.value);
+    function S(A) {
+      console.log(A), !e.disabled && (A.key === "Enter" || A.key === " ") && (s.value = !s.value);
     }
-    function _(E) {
+    function _(A) {
       requestAnimationFrame(() => {
         var j, N;
         const B = (N = (j = l.value) == null ? void 0 : j.layer$) == null ? void 0 : N.content$;
         B != null && B.contains(document.activeElement) || s.value && e.closeOnBlur && (s.value = !1);
       });
     }
-    function M(E, B) {
-      E.disabled || (D(E), e.multiple || setTimeout(() => {
+    function M(A, B) {
+      A.disabled || (D(A), e.multiple || setTimeout(() => {
         s.value = !1;
       }, 40));
     }
     function $() {
       u.value;
     }
-    function I(E) {
+    function I(A) {
       var B, j, N, R, P;
-      if (E.target && ((j = (B = l.value) == null ? void 0 : B.layer$) != null && j.content$))
-        return (P = E.target) == null ? void 0 : P.contains((R = (N = l.value) == null ? void 0 : N.layer$) == null ? void 0 : R.content$);
+      if (A.target && ((j = (B = l.value) == null ? void 0 : B.layer$) != null && j.content$))
+        return (P = A.target) == null ? void 0 : P.contains((R = (N = l.value) == null ? void 0 : N.layer$) == null ? void 0 : R.content$);
     }
-    function D(E) {
+    function D(A) {
       let B;
       if (e.multiple) {
-        const j = f.value.findIndex((N) => N.value === E.value);
+        const j = f.value.findIndex((N) => N.value === A.value);
         if (j === -1)
-          B = [...y.value, E];
+          B = [...y.value, A];
         else {
           const N = y.value.slice();
           N.splice(j, 1), B = N;
         }
       } else
-        B = [E];
+        B = [A];
       y.value = B, i("change", w(B));
     }
-    const A = k(() => {
-      var E, B;
-      return e.multiple ? f.value.map((j) => j.text).join(", ") : ((B = (E = f.value) == null ? void 0 : E[0]) == null ? void 0 : B.text) ?? "";
+    const E = k(() => {
+      var A, B;
+      return e.multiple ? f.value.map((j) => j.text).join(", ") : ((B = (A = f.value) == null ? void 0 : A[0]) == null ? void 0 : B.text) ?? "";
     }), T = k(() => {
-      var E;
-      return (E = l.value) == null ? void 0 : E.baseEl;
+      var A;
+      return (A = l.value) == null ? void 0 : A.baseEl;
     });
-    L(s, (E) => {
-      E && ye(() => {
+    L(s, (A) => {
+      A && ye(() => {
         Y();
       });
     });
@@ -8428,9 +8428,9 @@ const Zi = F({
       var B, j;
       if (f.value.length === 0)
         return;
-      const E = an(o.value);
-      if (E) {
-        const N = E == null ? void 0 : E.querySelector(".y-list-item--active"), R = (j = (B = l.value) == null ? void 0 : B.layer$) == null ? void 0 : j.content$;
+      const A = an(o.value);
+      if (A) {
+        const N = A == null ? void 0 : A.querySelector(".y-list-item--active"), R = (j = (B = l.value) == null ? void 0 : B.layer$) == null ? void 0 : j.content$;
         if (N && R) {
           const P = jr(N);
           P && (R.contains(P) || R.isSameNode(P)) && P.scrollTo({
@@ -8441,10 +8441,10 @@ const Zi = F({
       }
     }
     return K(() => {
-      const E = ne(e, St.props), B = ne(typeof e.dropdownIcon == "object" ? e.dropdownIcon : {}, Ie.props);
+      const A = ne(e, St.props), B = ne(typeof e.dropdownIcon == "object" ? e.dropdownIcon : {}, Ie.props);
       return d(St, W({
         ref: r
-      }, E, {
+      }, A, {
         modelValue: y.value.map((j) => j.props.value).join(", "),
         validationValue: y.rxValue,
         "onMousedown:display": h,
@@ -8462,13 +8462,13 @@ const Zi = F({
           var N;
           const j = {
             items: f.value.map((R) => R.raw),
-            displayText: A.value,
+            displayText: E.value,
             placeholder: e.placeholder,
             internalItems: f.value
           };
           return d(X, null, [d("div", {
             class: ["y-select__selection"]
-          }, [t.selection ? (N = t.selection) == null ? void 0 : N.call(t, j) : b.value.length > 0 ? A.value : e.placeholder]), d(at, W({
+          }, [t.selection ? (N = t.selection) == null ? void 0 : N.call(t, j) : b.value.length > 0 ? E.value : e.placeholder]), d(at, W({
             ref: l,
             offset: e.offset,
             position: e.position,
@@ -8551,8 +8551,8 @@ const Zi = F({
         } : void 0
       });
     }), bn(() => {
-      var E;
-      e.defaultSelect && (e.modelValue === void 0 || Array.isArray(e.modelValue) && e.modelValue.length === 0) && ((E = g.value) != null && E.length) && D(g.value[0]);
+      var A;
+      e.defaultSelect && (e.modelValue === void 0 || Array.isArray(e.modelValue) && e.modelValue.length === 0) && ((A = g.value) != null && A.length) && D(g.value[0]);
     }), a({
       fieldInputRef: r,
       baseEl: T,
@@ -8778,8 +8778,8 @@ const Zi = F({
     }), g = k(() => {
       const p = u.value, v = n.date();
       return p.map((h, S) => h.map((_, M) => {
-        var A;
-        const $ = n.toISO(_), I = !n.isSameMonth(_, s.value), D = !!((A = l.value) != null && A.find((T) => T != null && n.isSameDay(_, T)));
+        var E;
+        const $ = n.toISO(_), I = !n.isSameMonth(_, s.value), D = !!((E = l.value) != null && E.find((T) => T != null && n.isSameDay(_, T)));
         return {
           date: _,
           isoDate: $,
@@ -9320,14 +9320,14 @@ const or = F({
     function g(D) {
       return !/[^0-9]/.test(D) && Number(D) < 33 && Number(D) > -1;
     }
-    function m(D, A) {
-      const T = A.target, Y = (T == null ? void 0 : T.value) || "", E = c[D], B = D < 4 ? ka.test(Y) : g(Y), j = Y !== "" ? Number(Y).toString() : "";
-      o[D] = j, !B && Y !== "" ? h(D, E) : (Y.length > 2 && S(D), c[D] = j, M());
+    function m(D, E) {
+      const T = E.target, Y = (T == null ? void 0 : T.value) || "", A = c[D], B = D < 4 ? ka.test(Y) : g(Y), j = Y !== "" ? Number(Y).toString() : "";
+      o[D] = j, !B && Y !== "" ? h(D, A) : (Y.length > 2 && S(D), c[D] = j, M());
     }
-    function x(D, A) {
+    function x(D, E) {
       s.value = !0, u.value.push(D);
     }
-    function C(D, A) {
+    function C(D, E) {
       s.value = !1, ye(() => {
         setTimeout(() => {
           u.value.forEach((T, Y) => {
@@ -9336,42 +9336,42 @@ const or = F({
         });
       });
     }
-    function w(D, A) {
+    function w(D, E) {
     }
-    function y(D, A) {
-      const T = A.target;
-      if (A.key === "Backspace" && A.target && T.value === "" && _(D), (A.key === "ArrowRight" || A.key === "ArrowDown" && !A.shiftKey) && T.selectionStart !== null && T.value.length <= T.selectionStart)
+    function y(D, E) {
+      const T = E.target;
+      if (E.key === "Backspace" && E.target && T.value === "" && _(D), (E.key === "ArrowRight" || E.key === "ArrowDown" && !E.shiftKey) && T.selectionStart !== null && T.value.length <= T.selectionStart)
         if (D === 3) {
-          A.preventDefault(), n("tab");
+          E.preventDefault(), n("tab");
           return;
         } else {
-          A.preventDefault(), S(D);
+          E.preventDefault(), S(D);
           return;
         }
-      if ((A.key === "ArrowLeft" || A.key === "ArrowUp" && !A.shiftKey) && T.selectionStart !== null && T.selectionStart === 0)
+      if ((E.key === "ArrowLeft" || E.key === "ArrowUp" && !E.shiftKey) && T.selectionStart !== null && T.selectionStart === 0)
         if (D === 0) {
-          A.preventDefault(), n("tab", -1);
+          E.preventDefault(), n("tab", -1);
           return;
         } else {
-          A.preventDefault(), _(D);
+          E.preventDefault(), _(D);
           return;
         }
-      (A.key === "Tab" && !A.shiftKey && T.value !== "" || A.key === "Enter" || A.key === ".") && e.onTab && D === 3 && (A.preventDefault(), n("tab", 3));
+      (E.key === "Tab" && !E.shiftKey && T.value !== "" || E.key === "Enter" || E.key === ".") && e.onTab && D === 3 && (E.preventDefault(), n("tab", 3));
     }
-    function f(D, A) {
-      A.key === "." && S(D);
+    function f(D, E) {
+      E.key === "." && S(D);
     }
     function b(D) {
       if (typeof D == "string") {
-        let A = [];
+        let E = [];
         if (D.lastIndexOf("/") > -1) {
           const T = D.substring(D.lastIndexOf("/") + 1, D.length);
-          e.subnet && g(T) && (o[4] = T), A = D.substring(0, D.lastIndexOf("/")).split(".");
+          e.subnet && g(T) && (o[4] = T), E = D.substring(0, D.lastIndexOf("/")).split(".");
         } else
-          A = D.split(".");
-        if (A.length > 2) {
+          E = D.split(".");
+        if (E.length > 2) {
           for (let T = 0; T < 4; T += 1) {
-            const Y = A[T];
+            const Y = E[T];
             Y !== void 0 && ka.test(Y) ? o[T] = Y : o[T] = "";
           }
           M();
@@ -9379,28 +9379,28 @@ const or = F({
       }
     }
     function p(D) {
-      const A = (D.clipboardData || window.clipboardData).getData("text");
-      isNaN(Number(A)) && (D.preventDefault(), b(A));
+      const E = (D.clipboardData || window.clipboardData).getData("text");
+      isNaN(Number(E)) && (D.preventDefault(), b(E));
     }
     function v() {
       e.autoFillSubnet && o[0] && o[1] && o[2] && o[3] && !o[4] && (typeof e.autoFillSubnet == "boolean" ? o[4] = "32" : o[4] = e.autoFillSubnet.toString(), M());
     }
-    function h(D, A) {
+    function h(D, E) {
       ye(() => {
-        o[D] = A, M();
+        o[D] = E, M();
       });
     }
     function S(D) {
-      const A = D + 1;
-      if (A < 4) {
-        const T = r.value[A];
+      const E = D + 1;
+      if (E < 4) {
+        const T = r.value[E];
         T.focus(), T.selectionStart = 0;
       }
     }
     function _(D) {
-      const A = D - 1;
-      if (A > -1) {
-        const T = r.value[A];
+      const E = D - 1;
+      if (E > -1) {
+        const T = r.value[E];
         T.focus(), T.selectionStart = T.value.length + 1;
       }
     }
@@ -9413,8 +9413,8 @@ const or = F({
     const I = k(() => u.value.length > 0);
     return L(l, (D) => {
       if (D === "") {
-        for (let A = 0; A < 5; A += 1)
-          o[A] = "", c[A] = "";
+        for (let E = 0; E < 5; E += 1)
+          o[E] = "", c[E] = "";
         return;
       } else
         b(D);
@@ -9431,8 +9431,8 @@ const or = F({
       }]
     }, ne(e, Pe.props)), {
       leading: (...D) => {
-        var A;
-        return (A = t.leading) == null ? void 0 : A.call(t, ...D);
+        var E;
+        return (E = t.leading) == null ? void 0 : E.call(t, ...D);
       },
       default: (D) => d("div", W({
         class: [`${$e}__field`]
@@ -9440,33 +9440,33 @@ const or = F({
         "data-id": D.attrId
       }), {
         ref: a
-      }), [[0, 1, 2, 3, 4].map((A) => {
-        const T = oe(o, A);
-        return (!e.subnet && A < 4 || e.subnet) && [d("div", {
+      }), [[0, 1, 2, 3, 4].map((E) => {
+        const T = oe(o, E);
+        return (!e.subnet && E < 4 || e.subnet) && [d("div", {
           class: [`${$e}__part`]
         }, [d("input", {
           ref: (Y) => r.value.push(Y),
-          id: `${D.attrId}__part--${A}`,
+          id: `${D.attrId}__part--${E}`,
           value: T.value,
           class: [`${$e}__part-input`],
           readonly: e.readonly || e.loading,
           disabled: e.disabled,
           autocomplete: "false",
-          maxlength: A === 4 ? 2 : 3,
-          onInput: (Y) => m(A, Y),
-          onFocus: (Y) => x(A),
-          onBlur: (Y) => C(A),
+          maxlength: E === 4 ? 2 : 3,
+          onInput: (Y) => m(E, Y),
+          onFocus: (Y) => x(E),
+          onBlur: (Y) => C(E),
           onChange: (Y) => void 0,
-          onKeydown: (Y) => y(A, Y),
-          onKeyup: (Y) => f(A, Y),
+          onKeydown: (Y) => y(E, Y),
+          onKeyup: (Y) => f(E, Y),
           onPaste: p
-        }, null)]), A !== 4 && (!e.subnet && A < 3 || e.subnet) && d("div", {
+        }, null)]), E !== 4 && (!e.subnet && E < 3 || e.subnet) && d("div", {
           class: [`${$e}__part`]
-        }, [A < 3 ? "." : "/"])];
+        }, [E < 3 ? "." : "/"])];
       })]),
       trailing: (...D) => {
-        var A;
-        return (A = t.trailing) == null ? void 0 : A.call(t, ...D);
+        var E;
+        return (E = t.trailing) == null ? void 0 : E.call(t, ...D);
       },
       label: t.label && (() => {
         var D;
@@ -9734,7 +9734,8 @@ function ic(e = Qu) {
           ...a.rtlModule
         },
         date: i,
-        defaults: t
+        defaults: t,
+        icon: r
       });
       Object.keys(l).forEach((m) => {
         const x = l[m];