yuyeon 0.3.6 → 0.3.7-beta.0

package/dist/yuyeon.js

@@ -1,7 +1,7 @@
 var Vl = Object.defineProperty;
 var Rl = (e, t, n) => t in e ? Vl(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var be = (e, t, n) => Rl(e, typeof t != "symbol" ? t + "" : t, n);
-import { getCurrentInstance as ne, capitalize as Fl, inject as oe, computed as S, shallowRef as X, watchEffect as Ke, provide as ce, ref as Y, h as de, watch as R, onScopeDispose as De, effectScope as en, toRaw as jl, toRef as re, onBeforeUnmount as Pe, reactive as Oe, onMounted as pt, nextTick as se, resolveDynamicComponent as Kl, createVNode as d, withDirectives as Me, mergeProps as H, resolveDirective as Ct, unref as ve, readonly as jt, onBeforeMount as tn, Fragment as J, createTextVNode as kt, withKeys as Wl, Transition as _t, toRefs as Hl, withModifiers as nn, Teleport as zl, vShow as nt, watchPostEffect as Ul, defineComponent as an, resolveComponent as Gl, onBeforeUpdate as ql, useTemplateRef as Xl, isVNode as at } from "vue";
+import { getCurrentInstance as ne, capitalize as Fl, inject as oe, computed as S, shallowRef as X, watchEffect as Ke, provide as ce, ref as M, h as de, watch as R, onScopeDispose as De, effectScope as en, toRaw as jl, toRef as re, onBeforeUnmount as Pe, reactive as Oe, onMounted as pt, nextTick as se, resolveDynamicComponent as Kl, createVNode as d, withDirectives as Me, mergeProps as H, resolveDirective as Ct, unref as ve, readonly as jt, onBeforeMount as tn, Fragment as J, createTextVNode as kt, withKeys as Wl, Transition as _t, toRefs as Hl, withModifiers as nn, Teleport as zl, vShow as nt, watchPostEffect as Ul, defineComponent as an, resolveComponent as Gl, onBeforeUpdate as ql, useTemplateRef as Xl, isVNode as at } from "vue";
 function ot(e, t) {
   return e ? Object.hasOwn(e, t) : !1;
 }
@@ -152,7 +152,7 @@ function ni(e, t) {
 }
 const ht = Symbol.for("yuyeon.defaults");
 function ai(e) {
-  return Y(e);
+  return M(e);
 }
 function li(e) {
   return ai(e);
@@ -280,7 +280,7 @@ function ln(e, t) {
   });
 }
 function G(e, t = "modelValue", n, a = (i) => i, l = (i) => i) {
-  const i = ne(), o = Dt(t), r = o === t ? ia(t) : t, s = Y(
+  const i = ne(), o = Dt(t), r = o === t ? ia(t) : t, s = M(
     e[r] !== void 0 ? e[r] : n
   );
   function c() {
@@ -1018,7 +1018,7 @@ function Ai() {
   return window.matchMedia("(prefers-color-scheme)").media !== "not all";
 }
 function Yi(e) {
-  const t = en(), n = Oe(Oi(e)), a = Y(n.scheme), l = Y(n.theme), i = Y(n.themes), o = Y(n.palette), r = Y(!0), s = Y("");
+  const t = en(), n = Oe(Oi(e)), a = M(n.scheme), l = M(n.theme), i = M(n.themes), o = M(n.palette), r = M(!0), s = M("");
   function c(h) {
     s.value = h.matches ? "dark" : "light";
   }
@@ -1034,8 +1034,8 @@ function Yi(e) {
       ...qe(":root", ct(b.value, "palette"))
     );
     for (const [g, _] of Object.entries(x.value)) {
-      const { colors: M, variables: E, isDark: P } = _, O = {
-        ...M,
+      const { colors: Y, variables: E, isDark: P } = _, O = {
+        ...Y,
         ...E
       }, A = P ? "dark" : "light";
       a.value === "auto" ? v.push(
@@ -1176,7 +1176,7 @@ const ha = Symbol.for("yuyeon.form"), Mi = K(
   "form"
 );
 function Ii(e) {
-  const t = G(e), n = X(!1), a = Y([]), l = Y([]), i = S(() => e.readonly), o = S(() => e.disabled), r = S(() => e.loading);
+  const t = G(e), n = X(!1), a = M([]), l = M([]), i = S(() => e.readonly), o = S(() => e.disabled), r = S(() => e.loading);
   async function s() {
     var w;
     const x = [];
@@ -1262,7 +1262,7 @@ const Pi = K(
 function $i(e, t, n = We()) {
   const a = S(() => e.name ?? n), l = G(e, "modelValue"), i = S(
     () => e.validationValue === void 0 ? l.value : e.validationValue
-  ), o = ne(), r = Bi(), s = Y(!1), c = S(() => {
+  ), o = ne(), r = Bi(), s = M(!1), c = S(() => {
     let h = e.validateOn || "input";
     h === "lazy" && (h = "input,lazy");
     const v = new Set((h == null ? void 0 : h.split(",")) ?? []);
@@ -1272,7 +1272,7 @@ function $i(e, t, n = We()) {
       lazy: v.has("lazy"),
       submit: v.has("submit")
     };
-  }), u = Y(), y = Y([]), b = S(() => e.readonly || (r == null ? void 0 : r.isReadonly.value)), x = S(() => e.disabled || (r == null ? void 0 : r.isDisabled.value)), D = S(() => e.loading || (r == null ? void 0 : r.isLoading.value)), w = S(() => e.status === "error" || y.value.length > 0), m = S(() => !w.value && e.status === "success");
+  }), u = M(), y = M([]), b = S(() => e.readonly || (r == null ? void 0 : r.isReadonly.value)), x = S(() => e.disabled || (r == null ? void 0 : r.isDisabled.value)), D = S(() => e.loading || (r == null ? void 0 : r.isLoading.value)), w = S(() => e.status === "error" || y.value.length > 0), m = S(() => !w.value && e.status === "success");
   ln(
     () => c.value.input,
     () => {
@@ -1444,14 +1444,14 @@ const we = "y-input", lt = K({
       isSuccess: f,
       errors: C,
       errorResult: T
-    } = $i(e, we, i), h = Y(), v = Y(), g = Y();
-    Y();
-    const _ = X(!1), M = S(() => e.variation ? e.variation.split(",").map(($) => $.trim()) : []), E = S(() => e.floated || !!e.placeholder || !e.placeholder && r.value || !!g.value), P = S(() => ({
+    } = $i(e, we, i), h = M(), v = M(), g = M();
+    M();
+    const _ = X(!1), Y = S(() => e.variation ? e.variation.split(",").map(($) => $.trim()) : []), E = S(() => e.floated || !!e.placeholder || !e.placeholder && r.value || !!g.value), P = S(() => ({
       // Style
       [o.value]: !0,
       "y-input--ceramic": !!e.ceramic,
-      "y-input--outlined": !e.ceramic && (M.value.includes("outlined") || !!e.outlined),
-      "y-input--filled": M.value.includes("filled") || !!e.filled,
+      "y-input--outlined": !e.ceramic && (Y.value.includes("outlined") || !!e.outlined),
+      "y-input--filled": Y.value.includes("filled") || !!e.filled,
       // Value
       "y-input--loading": x.value,
       "y-input--has-value": !!g.value,
@@ -1619,11 +1619,11 @@ const we = "y-input", lt = K({
     emit: a,
     slots: l
   }) {
-    const i = Y(), o = Y(), {
+    const i = M(), o = M(), {
       focused: r,
       whenFocus: s,
       whenBlur: c
-    } = on(e, "y-field-input"), u = Y(""), y = Y(""), b = re(e, "type"), x = S(() => ({
+    } = on(e, "y-field-input"), u = M(""), y = M(""), b = re(e, "type"), x = S(() => ({
       [st]: !0,
       [`${st}--inline-label`]: !!e.inlineLabel
     }));
@@ -1660,7 +1660,7 @@ const we = "y-input", lt = K({
       var p;
       (p = o.value) == null || p.focus();
     }
-    function M() {
+    function Y() {
       var p;
       (p = o.value) == null || p.select();
     }
@@ -1689,7 +1689,7 @@ const we = "y-input", lt = K({
     });
     const O = {
       focus: _,
-      select: M,
+      select: Y,
       clear: E
     };
     n({
@@ -1833,7 +1833,7 @@ const we = "y-input", lt = K({
     slots: a,
     expose: l
   }) {
-    const i = We(), o = Y(), r = Y(), s = Y(""), c = Y(""), {
+    const i = We(), o = M(), r = M(), s = M(""), c = M(""), {
       focused: u,
       whenFocus: y,
       whenBlur: b
@@ -1846,9 +1846,9 @@ const we = "y-input", lt = K({
         displayText: _
       } = e;
       if (_ !== void 0) {
-        let M = s.value;
-        typeof _ == "string" && (M = _), _ && typeof _ == "function" && (M = _.call(g, M)), se(() => {
-          c.value = M;
+        let Y = s.value;
+        typeof _ == "string" && (Y = _), _ && typeof _ == "function" && (Y = _.call(g, Y)), se(() => {
+          c.value = Y;
         });
       }
     }
@@ -1900,12 +1900,12 @@ const we = "y-input", lt = K({
         "onMousedown:display": (_) => n("mousedown:display", _)
       }), {
         default: (_) => {
-          var M, E;
+          var Y, E;
           return d("div", {
             class: [`${Nn}__field`],
             "data-id": _.attrId,
             ref: "field"
-          }, [e.floating ? (E = (M = o.value) == null ? void 0 : M.createLabel) == null ? void 0 : E.call(M) : void 0, a.default ? () => a.default(_) : void 0, d("textarea", H({
+          }, [e.floating ? (E = (Y = o.value) == null ? void 0 : Y.createLabel) == null ? void 0 : E.call(Y) : void 0, a.default ? () => a.default(_) : void 0, d("textarea", H({
             ref: r,
             value: c.value,
             id: `y-input--${i}`,
@@ -1951,7 +1951,7 @@ const we = "y-input", lt = K({
     slots: n,
     expose: a
   }) {
-    const l = Ii(e), i = Y();
+    const l = Ii(e), i = M();
     function o(s) {
       const c = l.validate(), u = Jl(s, c);
       t("submit", u), u.defaultPrevented || c.then(({
@@ -2026,7 +2026,7 @@ function ba(e, t, n) {
   };
 }
 function ji(e) {
-  const t = X((e == null ? void 0 : e.locale) ?? "en"), n = X((e == null ? void 0 : e.fallbackLocale) ?? "en"), a = Y({
+  const t = X((e == null ? void 0 : e.locale) ?? "en"), n = X((e == null ? void 0 : e.fallbackLocale) ?? "en"), a = M({
     en: Fi,
     ...e == null ? void 0 : e.messages
   }), l = ba(t, n, a);
@@ -2125,7 +2125,7 @@ const Wi = {
   zhHant: !1
 }, wa = Symbol.for("yuyeon.i18n");
 function zi(e, t) {
-  const n = Y(
+  const n = M(
     (t == null ? void 0 : t.rtlOptions) ?? Hi
   ), a = S(() => n.value[e.locale.value] ?? !1), l = S(() => `y-i18n--${a.value ? "rtl" : "ltr"}`);
   return {
@@ -2683,7 +2683,7 @@ const Rn = typeof window < "u", pa = {
   canUseResizeObserver: Rn && "ResizeObserver" in window
 };
 function Be(e) {
-  const t = Y(), n = Y();
+  const t = M(), n = M();
   if (pa.canUseResizeObserver) {
     const a = new ResizeObserver((l, i) => {
       e == null || e(l, i), l.length && (n.value = l[0].contentRect);
@@ -2704,7 +2704,7 @@ function Be(e) {
   };
 }
 function er(e, t) {
-  const n = Y(!1), a = Y();
+  const n = M(!1), a = M();
   a.value = t.value;
   const l = S(() => e.value ? t.value : a.value);
   R(t, () => {
@@ -2722,7 +2722,7 @@ function er(e, t) {
 function tr(e, t, n) {
   const { tickDuration: a } = {};
   let l = a ?? 100, i = -1;
-  const o = Y(0), r = Y(ve(t)), s = Y(!1);
+  const o = M(0), r = M(ve(t)), s = M(!1);
   function c() {
     const x = Date.now(), D = x - o.value;
     let w = l;
@@ -2958,19 +2958,19 @@ function sn(e, t = 0, n = {
     throw new TypeError("NOT Function");
   t = +t || 0, Zl(n) && (u = !!n.leading, y = "maxWait" in n, i = y ? Math.max(+((n == null ? void 0 : n.maxWait) || 0), t) : i, b = "trailing" in n ? !!n.trailing : b);
   function x(g) {
-    const _ = a, M = l;
-    return a = l = void 0, c = g, o = e.apply(M, _), o;
+    const _ = a, Y = l;
+    return a = l = void 0, c = g, o = e.apply(Y, _), o;
   }
   function D(g) {
     return c = g, r = window.setTimeout(f, t), u ? x(g) : o;
   }
   function w(g) {
-    var _ = g - (s ?? 0), M = g - (c ?? 0), E = t - _;
-    return y ? Math.min(E, (i ?? 0) - M) : E;
+    var _ = g - (s ?? 0), Y = g - (c ?? 0), E = t - _;
+    return y ? Math.min(E, (i ?? 0) - Y) : E;
   }
   function m(g) {
-    var _ = g - (s ?? 0), M = g - (c ?? 0);
-    return s === void 0 || _ >= t || _ < 0 || y && M >= (i ?? 0);
+    var _ = g - (s ?? 0), Y = g - (c ?? 0);
+    return s === void 0 || _ >= t || _ < 0 || y && Y >= (i ?? 0);
   }
   function f() {
     const g = Date.now();
@@ -3327,7 +3327,7 @@ const Oa = K({
     emit: t,
     slots: n
   }) {
-    const l = `input-${(We() ?? "").toString()}`, i = Y(), o = G(e), r = Y(!1), s = Y(!1), c = S(() => Array.isArray(o.value)), u = S(() => c.value ? o.value.findIndex((h) => h === e.value) : -1), y = S(() => ({
+    const l = `input-${(We() ?? "").toString()}`, i = M(), o = G(e), r = M(!1), s = M(!1), c = S(() => Array.isArray(o.value)), u = S(() => c.value ? o.value.findIndex((h) => h === e.value) : -1), y = S(() => ({
       "y-switch--active": r.value,
       "y-switch--focused": s.value,
       "y-switch--disabled": !!e.disabled,
@@ -3462,7 +3462,7 @@ function zn(e, t) {
   );
 }
 function gr(e, t, n, a) {
-  const { contentEl: l, base: i } = t, o = Y(!1), r = Y([!1, !1]), [s, c, u, y] = ["minWidth", "minHeight", "maxWidth", "maxHeight"].map((h) => S(() => {
+  const { contentEl: l, base: i } = t, o = M(!1), r = M([!1, !1]), [s, c, u, y] = ["minWidth", "minHeight", "maxWidth", "maxHeight"].map((h) => S(() => {
     const v = parseFloat(e[h]);
     return Number.isNaN(v) ? 1 / 0 : v;
   })), { preferredAnchor: b, preferredOrigin: x } = rr(() => {
@@ -3505,9 +3505,9 @@ function gr(e, t, n, a) {
       y: (h == null ? void 0 : h[1]) ?? 0,
       width: 0,
       height: 0
-    }) : h.getBoundingClientRect(), _ = C(v), M = wt(v);
-    M.length < 1 && M.push(document.documentElement);
-    const E = M.reduce(
+    }) : h.getBoundingClientRect(), _ = C(v), Y = wt(v);
+    Y.length < 1 && Y.push(document.documentElement);
+    const E = Y.reduce(
       (N, L) => {
         const $ = L.getBoundingClientRect(), j = new Xe({
           x: L === document.documentElement ? 0 : $.x,
@@ -3702,7 +3702,7 @@ const br = {
   "Coordinate"
 );
 function wr(e, t) {
-  const n = Y(), a = Y({
+  const n = M(), a = M({
     side: "",
     align: "",
     offset: [0, 0],
@@ -3712,7 +3712,7 @@ function wr(e, t) {
       width: 0,
       height: 0
     }
-  }), l = Y({});
+  }), l = M({});
   ln(
     () => !!(t.active.value && e.coordinateStrategy),
     (o) => {
@@ -3881,7 +3881,7 @@ const _r = {
   "YLayer.base"
 );
 function Er(e) {
-  const t = ne(), n = Y(), a = Y(), l = Y(), i = S(() => {
+  const t = ne(), n = M(), a = M(), l = M(), i = S(() => {
     var s, c;
     const r = (c = (s = a.value) == null ? void 0 : s[0]) == null ? void 0 : c.el;
     if (r && r.nodeType === Node.ELEMENT_NODE)
@@ -4136,7 +4136,7 @@ const Ue = K({
     attrs: a,
     slots: l
   }) {
-    const i = ne(), o = Y(), r = Y(), s = Y(), c = G(e), u = S({
+    const i = ne(), o = M(), r = M(), s = M(), c = G(e), u = S({
       get: () => !!c.value,
       set: (le) => {
         le && e.disabled || (c.value = le);
@@ -4161,9 +4161,9 @@ const Ue = K({
       dimensionStyles: g
     } = xr(e), {
       lazyValue: _,
-      onAfterUpdate: M
-    } = er(re(e, "eager"), u), E = X(!1), P = Y(!1);
-    Y(!1);
+      onAfterUpdate: Y
+    } = er(re(e, "eager"), u), E = X(!1), P = M(!1);
+    M(!1);
     const O = re(e, "disabled");
     re(e, "maximized");
     const A = S(() => !O.value && (_.value || u.value)), {
@@ -4197,7 +4197,7 @@ const Ue = K({
       E.value = !0, t("afterEnter");
     }
     function $() {
-      M(), E.value = !1, t("afterLeave");
+      Y(), E.value = !1, t("afterLeave");
     }
     function j() {
       e.closeClickScrim && (u.value = !1);
@@ -4235,7 +4235,7 @@ const Ue = K({
       content$: S(() => r.value),
       baseEl: x,
       active: u,
-      onAfterUpdate: M,
+      onAfterUpdate: Y,
       updateCoordinate: I,
       hovered: P,
       finish: E,
@@ -4324,7 +4324,7 @@ const Ue = K({
       finish: E,
       rendered: A,
       lazyValue: _,
-      onAfterUpdate: M,
+      onAfterUpdate: Y,
       scrim$: o,
       content$: r,
       base: y,
@@ -4415,15 +4415,15 @@ const $a = K({
     })), r = S(() => ({
       ...e.contentStyles ?? {},
       paddingTop: U(e.offset)
-    })), s = Y(), {
+    })), s = M(), {
       children: c
     } = Pa(s, i, X(!0));
     function u(T) {
-      var M, E, P, O;
+      var Y, E, P, O;
       if (e.focusTrap === !1)
         return;
       const h = T.relatedTarget, v = T.target, g = e.focusTrap;
-      if (typeof g == "string" && ((M = document.querySelector(g)) != null && M.isSameNode(v)))
+      if (typeof g == "string" && ((Y = document.querySelector(g)) != null && Y.isSameNode(v)))
         return;
       if (typeof g == "object") {
         if (Array.isArray(g)) {
@@ -4456,27 +4456,27 @@ const $a = K({
     function b() {
       document.removeEventListener("focusin", u);
     }
-    const x = Y(0), D = Y(0);
+    const x = M(0), D = M(0);
     function w(T) {
       var g;
       const h = l.root, v = (g = s.value) == null ? void 0 : g.getActiveLayers();
       if (T) {
         e.maximized && document.documentElement.classList.add("y-dialog--prevent-scroll");
-        const _ = v == null ? void 0 : v.filter((M) => M.ctx.modal);
+        const _ = v == null ? void 0 : v.filter((Y) => Y.ctx.modal);
         if (_ && !_.length || !h.classList.contains("y-dialog--virtual-scroll")) {
-          const M = document.documentElement.scrollTop, E = document.documentElement.scrollLeft;
-          x.value = M, D.value = E, h.classList.add("y-dialog--virtual-scroll"), h.style.top = U(-1 * M) || "", h.style.left = U(-1 * E) || "";
+          const Y = document.documentElement.scrollTop, E = document.documentElement.scrollLeft;
+          x.value = Y, D.value = E, h.classList.add("y-dialog--virtual-scroll"), h.style.top = U(-1 * Y) || "", h.style.left = U(-1 * E) || "";
         }
       } else {
-        const _ = v == null ? void 0 : v.filter((M) => {
+        const _ = v == null ? void 0 : v.filter((Y) => {
           var E;
-          return !((E = s.value) != null && E.isMe(M)) && M.ctx.modal;
+          return !((E = s.value) != null && E.isMe(Y)) && Y.ctx.modal;
         });
         !(_ != null && _.length) && h ? (document.documentElement.classList.remove("y-dialog--prevent-scroll"), h.classList.remove("y-dialog--virtual-scroll"), h.style.top = "", h.style.left = "", requestAnimationFrame(() => {
           document.documentElement.scrollTop = x.value, document.documentElement.scrollLeft = D.value;
-        })) : _.every((M) => {
+        })) : _.every((Y) => {
           var E;
-          return !((E = M.ctx) != null && E.maximized);
+          return !((E = Y.ctx) != null && E.maximized);
         }) && document.documentElement.classList.remove("y-dialog--prevent-scroll");
       }
     }
@@ -4619,7 +4619,7 @@ const je = /* @__PURE__ */ F({
     emit: t,
     slots: n
   }) {
-    const a = G(e), l = Y(!1), i = re(e, "duration"), o = S(() => ({
+    const a = G(e), l = M(!1), i = re(e, "duration"), o = S(() => ({
       "y-snackbar": !0
     })), r = S(() => ({
       ...Ae(e.contentClasses),
@@ -4757,7 +4757,7 @@ const Vr = "YTooltip", Rr = {
     emit: n,
     expose: a
   }) {
-    const l = Y(), i = Y(), o = S(() => {
+    const l = M(), i = M(), o = S(() => {
       var f;
       return (f = l.value) == null ? void 0 : f.baseEl;
     }), r = S(() => ({
@@ -4905,7 +4905,7 @@ function Fa(e = !1) {
       relay: Boolean
     },
     setup(o, { slots: r }) {
-      const s = Y();
+      const s = M();
       return () => de(
         _t,
         {
@@ -4923,7 +4923,7 @@ const ja = Fa(!1), jr = Fa(!0), Kr = /* @__PURE__ */ an({
   setup(e, {
     slots: t
   }) {
-    const n = Y(50), a = Y(!1), l = Y(), i = Y(!1), o = Y();
+    const n = M(50), a = M(!1), l = M(), i = M(!1), o = M();
     R(l, (D) => {
       i.value = !!D;
     });
@@ -5005,7 +5005,7 @@ const ja = Fa(!1), jr = Fa(!0), Kr = /* @__PURE__ */ an({
   "abstract.items"
 ), Ka = Symbol.for("YTreeView");
 function Wr(e) {
-  const t = Y({}), n = G(e, "expanded"), a = G(e, "active"), l = G(e, "selected"), i = Y(/* @__PURE__ */ new Set()), o = Y(/* @__PURE__ */ new Set()), r = Y(/* @__PURE__ */ new Set()), s = X(!1), c = Y(/* @__PURE__ */ new Set()), u = S(() => {
+  const t = M({}), n = G(e, "expanded"), a = G(e, "active"), l = G(e, "selected"), i = M(/* @__PURE__ */ new Set()), o = M(/* @__PURE__ */ new Set()), r = M(/* @__PURE__ */ new Set()), s = X(!1), c = M(/* @__PURE__ */ new Set()), u = S(() => {
     let E = !1, P = !1;
     return (O, A) => (E = A.every((p) => o.value.has(p)), P = y(O).some((p) => o.value.has(p)), {
       all: E,
@@ -5121,11 +5121,11 @@ function Wr(e) {
     const E = [...o.value];
     l.value = e.returnItem ? E.map((P) => t.value[P].item) : E;
   }
-  function M(E, P) {
+  function Y(E, P) {
     t.value[E] && (t.value[E].vnode = P), x(E);
   }
   return ce(Ka, {
-    register: M,
+    register: Y,
     updateExpanded: D,
     updateActive: w,
     updateSelected: m,
@@ -5443,7 +5443,7 @@ const _e = /* @__PURE__ */ F({
     slots: t,
     expose: n
   }) {
-    const a = Gl("YTreeViewNode", !0), l = Hr(), i = Y(), o = Y(!1), r = Y(!1), s = Y(!1), c = Y(!1), u = S(() => Z(e.item, e.itemKey)), y = S(() => (Z(e.item, e.itemChildren) ?? []).slice()), b = S(() => y.value.length < 1), x = S(() => l.searchLoading.value), D = S(() => y.value.filter((B) => !l.isExcluded(Z(B, e.itemKey)))), w = S(() => l.selectedState.value(u.value, y.value.map((B) => Z(B, e.itemKey)))), m = S(() => {
+    const a = Gl("YTreeViewNode", !0), l = Hr(), i = M(), o = M(!1), r = M(!1), s = M(!1), c = M(!1), u = S(() => Z(e.item, e.itemKey)), y = S(() => (Z(e.item, e.itemChildren) ?? []).slice()), b = S(() => y.value.length < 1), x = S(() => l.searchLoading.value), D = S(() => y.value.filter((B) => !l.isExcluded(Z(B, e.itemKey)))), w = S(() => l.selectedState.value(u.value, y.value.map((B) => Z(B, e.itemKey)))), m = S(() => {
       var B;
       return !!((B = y.value) != null && B.length) && w.value.all;
     }), f = S(() => {
@@ -5465,17 +5465,17 @@ const _e = /* @__PURE__ */ F({
     }), _ = S(() => ({
       level: e.level,
       imLeaf: b.value,
-      toggleActive: M
+      toggleActive: Y
     }));
     R(f, (B) => {
       c.value = B;
     });
-    function M(B) {
+    function Y(B) {
       const N = !r.value;
       r.value = N, l.updateActive(u.value, N, B), l.emitActive();
     }
     function E(B) {
-      M(B);
+      Y(B);
     }
     function P(B) {
       B.stopPropagation();
@@ -5691,7 +5691,7 @@ const ea = hn(), qr = /* @__PURE__ */ an({
     slots: t,
     expose: n
   }) {
-    const a = X(sn(g, e.searchDebounceWait)), l = Y([]), {
+    const a = X(sn(g, e.searchDebounceWait)), l = M([]), {
       nodes: i,
       expanded: o,
       active: r,
@@ -5730,7 +5730,7 @@ const ea = hn(), qr = /* @__PURE__ */ an({
     function _(k) {
       return e.returnItem ? Z(k, e.itemKey) : k;
     }
-    function M(k, I = null, V = 0) {
+    function Y(k, I = null, V = 0) {
       var B, N, L;
       for (const $ of k) {
         const j = Z($, e.itemKey), ie = Z($, e.itemChildren) ?? [], ue = Object.hasOwn(i.value, j) ? i.value[j] : {
@@ -5750,7 +5750,7 @@ const ea = hn(), qr = /* @__PURE__ */ an({
           indeterminate: ue.indeterminate,
           selected: ue.selected
         };
-        M(ie, j, V + 1), i.value[j] = q, i.value[j].expanded && c.value.add(j), i.value[j].selected && u.value.add(j), i.value[j].active && y.value.add(j), D(j);
+        Y(ie, j, V + 1), i.value[j] = q, i.value[j].expanded && c.value.add(j), i.value[j].selected && u.value.add(j), i.value[j].active && y.value.add(j), D(j);
       }
     }
     R(c, (k) => {
@@ -5785,11 +5785,11 @@ const ea = hn(), qr = /* @__PURE__ */ an({
         delete i.value[$];
       });
       const N = [...u.value], L = [...y.value];
-      u.value.clear(), c.value.clear(), y.value.clear(), M(k), ke(N, [...u.value]) || h(), ke(L, [...y.value]) || T(), a.value(k, e.search, e.filter);
+      u.value.clear(), c.value.clear(), y.value.clear(), Y(k), ke(N, [...u.value]) || h(), ke(L, [...y.value]) || T(), a.value(k, e.search, e.filter);
     }, {
       deep: !0,
       flush: "sync"
-    }), M(e.items);
+    }), Y(e.items);
     const O = S(() => e.items.slice().filter((k) => !v(Z(k, e.itemKey)))), A = S(() => ({
       "y-tree-view": !0
     })), p = S(() => {
@@ -5895,7 +5895,7 @@ const ea = hn(), qr = /* @__PURE__ */ an({
     slots: t,
     attrs: n
   }) {
-    const a = Y(), {
+    const a = M(), {
       themeClasses: l
     } = ze(e), i = X(!1);
     function o(u) {
@@ -5926,7 +5926,7 @@ const ea = hn(), qr = /* @__PURE__ */ an({
   }
 });
 function Xr() {
-  const e = Y(), t = Y(), n = X(), a = X(), l = X(), i = sn(r, 100), { resizeObservedRef: o } = Be((s) => {
+  const e = M(), t = M(), n = X(), a = X(), l = X(), i = sn(r, 100), { resizeObservedRef: o } = Be((s) => {
     i(s);
   });
   function r(s) {
@@ -6091,7 +6091,7 @@ const Jr = K(
   "YDataTable--header"
 ), qt = Symbol.for("yuyeon.data-table.header");
 function Qa(e, t) {
-  const n = Y([]), a = Y([]);
+  const n = M([]), a = M([]);
   Ke(() => {
     var x, D;
     const i = (x = e.headers) != null && x.length ? [e.headers] : [], o = i.flatMap(
@@ -6182,7 +6182,7 @@ const Qr = K(
   "YDataTable--items"
 );
 function eo(e, t, n, a) {
-  const l = Y(null), i = Ce(t, e.itemKey), o = e.returnItem ? t : i;
+  const l = M(null), i = Ce(t, e.itemKey), o = e.returnItem ? t : i;
   let r;
   typeof e.itemSelectable == "function" ? r = !!e.itemSelectable(t) : r = Ce(t, e.itemSelectable, !0);
   const s = a.reduce(
@@ -6649,9 +6649,9 @@ const St = /* @__PURE__ */ F({
         }, ...T.value]
       }, h), {
         default: () => {
-          var _, M;
+          var _, Y;
           const g = `item.${w.key}`;
-          return t[g] ? (_ = t[g]) == null ? void 0 : _.call(t, C) : w.key === "data-table-select" ? ((M = t["item.data-table-select"]) == null ? void 0 : M.call(t, C)) ?? d(ee, {
+          return t[g] ? (_ = t[g]) == null ? void 0 : _.call(t, C) : w.key === "data-table-select" ? ((Y = t["item.data-table-select"]) == null ? void 0 : Y.call(t, C)) ?? d(ee, {
             variation: "text,small",
             disabled: !f.selectable,
             onClick: (E) => {
@@ -6794,7 +6794,7 @@ const St = /* @__PURE__ */ F({
   }
 });
 function fo() {
-  const e = Y([]);
+  const e = M([]);
   ql(() => e.value = []);
   function t(n, a) {
     e.value[a] = n;
@@ -7159,8 +7159,8 @@ const dl = K({
         return t[T] ? (v = t[T]) == null ? void 0 : v.call(t, h) : m.key === "data-table-select" ? ((g = t["header.data-table-select"]) == null ? void 0 : g.call(t, h)) ?? (s && d(ee, {
           variation: "text,small",
           disabled: c.value.length < 1,
-          onClick: (M) => {
-            M.stopPropagation(), r(!o.value);
+          onClick: (Y) => {
+            Y.stopPropagation(), r(!o.value);
           }
         }, {
           default: () => [d(_e, {
@@ -7176,8 +7176,8 @@ const dl = K({
           class: ["y-data-table-header__sorting-icon", {
             "y-data-table-header__sorting-icon--disabled": !m.sortable
           }],
-          onClick: m.sortable ? (M) => {
-            M.stopPropagation(), n(m);
+          onClick: m.sortable ? (Y) => {
+            Y.stopPropagation(), n(m);
           } : void 0
         }, [d(mn, {
           disabled: !m.sortable,
@@ -7253,7 +7253,7 @@ const dl = K({
     slots: t,
     emit: n
   }) {
-    const a = Y(), {
+    const a = M(), {
       page: l,
       pageSize: i
     } = nl(e), {
@@ -7296,7 +7296,7 @@ const dl = K({
       select: v,
       selectAll: g,
       toggleSelect: _,
-      someSelected: M,
+      someSelected: Y,
       allSelected: E
     } = rl(e, {
       allItems: u,
@@ -7328,7 +7328,7 @@ const dl = K({
       isExpanded: P,
       toggleExpand: O,
       // selection
-      someSelected: M.value,
+      someSelected: Y.value,
       allSelected: E.value,
       isSelected: h,
       select: v,
@@ -7421,7 +7421,7 @@ const dl = K({
     slots: t,
     emit: n
   }) {
-    const a = Y(), {
+    const a = M(), {
       page: l,
       pageSize: i
     } = nl(e), {
@@ -7461,7 +7461,7 @@ const dl = K({
     }), {
       isExpanded: g,
       toggleExpand: _
-    } = Za(e), M = Y(), E = sn(A, 100), {
+    } = Za(e), Y = M(), E = sn(A, 100), {
       resizeObservedRef: P
     } = Be((p) => {
       E(p);
@@ -7500,12 +7500,12 @@ const dl = K({
       TableBodyRef: a
     }));
     function A(p) {
-      M.value = p == null ? void 0 : p[0].contentRect;
+      Y.value = p == null ? void 0 : p[0].contentRect;
     }
     ce(wn, {
       toggleSort: b,
       sortBy: o,
-      headRect: M
+      headRect: Y
     }), W(() => {
       var V;
       const p = Q(e, Je.props), k = Q(e, Ve.props), I = Q(e, Le.props);
@@ -7515,7 +7515,7 @@ const dl = K({
         }]
       }, I, {
         style: {
-          "--y-table-head-height": U((V = M.value) == null ? void 0 : V.height)
+          "--y-table-head-height": U((V = Y.value) == null ? void 0 : V.height)
         }
       }), {
         top: () => {
@@ -7567,7 +7567,7 @@ const dl = K({
   setup(e, {
     slots: t
   }) {
-    const n = X(null), a = Xl("layerRowRef"), l = X(null), i = X(!1), o = Y(), r = S(() => {
+    const n = X(null), a = Xl("layerRowRef"), l = X(null), i = X(!1), o = M(), r = S(() => {
       var u, y, b, x, D, w, m;
       const c = ((b = e.styles) == null ? void 0 : b.call(e, e.item, {
         width: e.width,
@@ -7703,7 +7703,7 @@ const _n = {
     expose: a
   }) {
     ne();
-    const l = Y(), i = S(() => ({
+    const l = M(), i = S(() => ({
       ...Ae(e.menuClasses),
       "y-menu": !0
     })), o = G(e), r = S(() => {
@@ -7749,8 +7749,8 @@ const _n = {
         }
         if (o.value) {
           c.value.length === 0 && (o.value = !1);
-          const M = (g = u == null ? void 0 : u.$el.value) == null ? void 0 : g.content$, E = (_ = u == null ? void 0 : u.$el.value) == null ? void 0 : _.modal;
-          !(M && !lr(v, M)) && !E && !e.preventCloseBubble && (u == null || u.clear());
+          const Y = (g = u == null ? void 0 : u.$el.value) == null ? void 0 : g.content$, E = (_ = u == null ? void 0 : u.$el.value) == null ? void 0 : _.modal;
+          !(Y && !lr(v, Y)) && !E && !e.preventCloseBubble && (u == null || u.clear());
         }
       }
     }
@@ -7931,7 +7931,7 @@ const _n = {
     emit: t,
     slots: n
   }) {
-    const a = Y(!1), l = Y(!1), i = (We() ?? "").toString(), o = `input-${i}`;
+    const a = M(!1), l = M(!1), i = (We() ?? "").toString(), o = `input-${i}`;
     function r(w) {
       a.value = !0, t("focus", w);
     }
@@ -8162,7 +8162,7 @@ const Sl = K({
     attrs: t,
     slots: n
   }) {
-    const a = Y(), {
+    const a = M(), {
       themeClasses: l
     } = ze(e), {
       iconData: i
@@ -8387,7 +8387,7 @@ const kl = K({
     expose: a,
     emit: l
   }) {
-    const i = Y(), o = Y(), r = Y(), s = Y(), c = G(e, "opened"), u = X(!1), {
+    const i = M(), o = M(), r = M(), s = M(), c = G(e, "opened"), u = X(!1), {
       items: y,
       toRefineItems: b,
       toEmitItems: x
@@ -8426,7 +8426,7 @@ const kl = K({
         V != null && V.contains(document.activeElement) || c.value && e.closeOnBlur && (c.value = !1);
       });
     }
-    function M(I, V) {
+    function Y(I, V) {
       I.disabled || (O(I, V), e.multiple || setTimeout(() => {
         c.value = !1;
       }, 40));
@@ -8548,7 +8548,7 @@ const kl = K({
                       }
                     };
                     return Me(d(gn, {
-                      onClick: (q) => M(te, q),
+                      onClick: (q) => Y(te, q),
                       class: [{
                         "y-list-item--active": h(te)
                       }],
@@ -8627,7 +8627,7 @@ const kl = K({
     slots: t,
     attrs: n
   }) {
-    const a = X(!1), l = Y(), i = S(() => ({})), o = S(() => ({
+    const a = X(!1), l = M(), i = S(() => ({})), o = S(() => ({
       role: "tab",
       "aria-selected": `${String(a.value)}`,
       tabindex: a.value ? 0 : -1
@@ -8731,7 +8731,7 @@ const kl = K({
   setup(e, {
     slots: t
   }) {
-    const n = Y(), a = S(() => {
+    const n = M(), a = S(() => {
       const {
         variation: i
       } = e;
@@ -8804,7 +8804,7 @@ const kl = K({
     slots: t,
     emit: n
   }) {
-    const a = Tt(), l = it(), i = Y(), o = Y([]), r = G(e, "modelValue", [], (h) => h == null ? [] : Te(h)), s = S(() => r.value.length > 0 ? a.date(r.value[0]) : e.min ? a.date(e.min) : Array.isArray(e.allowedDates) ? a.date(e.allowedDates[0]) : a.date()), c = G(e, "year", void 0, (h) => {
+    const a = Tt(), l = it(), i = M(), o = M([]), r = G(e, "modelValue", [], (h) => h == null ? [] : Te(h)), s = S(() => r.value.length > 0 ? a.date(r.value[0]) : e.min ? a.date(e.min) : Array.isArray(e.allowedDates) ? a.date(e.allowedDates[0]) : a.date()), c = G(e, "year", void 0, (h) => {
       const v = h != null ? Number(h) : a.getYear(s.value);
       return a.startOfYear(a.setYear(a.date(), v));
     }, (h) => a.getYear(h)), u = G(e, "month", void 0, (h) => {
@@ -8815,36 +8815,36 @@ const kl = K({
       const h = a.getWeekArray(u.value), v = h.flat(), g = 6 * 7;
       if (v.length < g) {
         const _ = v[v.length - 1];
-        let M = [];
+        let Y = [];
         for (let E = 1; E <= g - v.length; E++)
-          M.push(a.addDays(_, E)), E % 7 === 0 && (h.push(M), M = []);
+          Y.push(a.addDays(_, E)), E % 7 === 0 && (h.push(Y), Y = []);
       }
       return h;
     }), b = S(() => {
       const h = y.value, v = a.date();
-      return h.map((g, _) => g.map((M, E) => {
+      return h.map((g, _) => g.map((Y, E) => {
         var p;
-        const P = a.toISO(M), O = !a.isSameMonth(M, u.value), A = !!((p = r.value) != null && p.find((k) => k != null && a.isSameDay(M, k)));
+        const P = a.toISO(Y), O = !a.isSameMonth(Y, u.value), A = !!((p = r.value) != null && p.find((k) => k != null && a.isSameDay(Y, k)));
         return {
-          date: M,
+          date: Y,
           isoDate: P,
-          formatted: a.format(M, "keyboardDate"),
-          year: a.getYear(M),
-          month: a.getMonth(M),
-          day: a.getDay(M),
-          disabled: f(M),
+          formatted: a.format(Y, "keyboardDate"),
+          year: a.getYear(Y),
+          month: a.getMonth(Y),
+          day: a.getDay(Y),
+          disabled: f(Y),
           weekStart: E % 7 === 0,
           weekEnd: E % 7 === 6,
-          rangeStart: A && r.value.length > 1 && e.range && a.isSameDay(w.value, M),
-          rangeEnd: A && r.value.length === 2 && e.range && a.isSameDay(m.value, M),
+          rangeStart: A && r.value.length > 1 && e.range && a.isSameDay(w.value, Y),
+          rangeEnd: A && r.value.length === 2 && e.range && a.isSameDay(m.value, Y),
           weekIndex: _,
           selected: A,
-          interval: C(M),
-          today: a.isSameDay(M, v),
+          interval: C(Y),
+          today: a.isSameDay(Y, v),
           adjacent: O,
           hidden: O && !e.showAdjacentMonthDates,
           hovered: !1,
-          localized: a.format(M, "dayOfMonth")
+          localized: a.format(Y, "dayOfMonth")
         };
       }));
     }), x = S(() => l.locale && a.getWeekdays()), D = S(() => a.format(u.value, "monthAndYear")), w = S(() => {
@@ -8880,8 +8880,8 @@ const kl = K({
         const g = r.value.findIndex((_) => a.isSameDay(_, v));
         if (e.range)
           if (r.value.length === 1) {
-            const _ = a.date(r.value[0]), M = a.date(v);
-            a.isAfter(_, M) ? r.value = [M, a.endOfDay(r.value[0])] : r.value = [a.startOfDay(r.value[0]), a.endOfDay(v)];
+            const _ = a.date(r.value[0]), Y = a.date(v);
+            a.isAfter(_, Y) ? r.value = [Y, a.endOfDay(r.value[0])] : r.value = [a.startOfDay(r.value[0]), a.endOfDay(v)];
           } else
             r.value = [v];
         else if (g === -1)
@@ -8916,7 +8916,7 @@ const kl = K({
         "aria-rowindex": v
       }, [h.map((g, _) => {
         var E;
-        const M = {
+        const Y = {
           props: {
             onClick: () => {
               T(g);
@@ -8937,11 +8937,11 @@ const kl = K({
             "y-date-calendar__day--range-end": g.rangeEnd
           }],
           "data-date": g.disabled ? void 0 : g.isoDate
-        }, [(e.showAdjacentMonthDates || !g.adjacent) && d(J, null, [((E = t.day) == null ? void 0 : E.call(t, M)) ?? d(ee, H({
+        }, [(e.showAdjacentMonthDates || !g.adjacent) && d(J, null, [((E = t.day) == null ? void 0 : E.call(t, Y)) ?? d(ee, H({
           color: (g.selected || g.today) && !g.disabled ? e.color : void 0,
           disabled: g.disabled,
           variation: ["rounded", g.selected ? "filled" : g.today ? "outlined" : "text"].join(",")
-        }, M.props), {
+        }, Y.props), {
           default: () => [g.day]
         })])]);
       })])
@@ -9098,7 +9098,7 @@ const kl = K({
     emit: t,
     expose: n
   }) {
-    const a = Tt(), l = G(e, "modelValue"), i = l.value, o = Y(i - i % ft - (i < 0 ? ft : 0)), r = S(() => {
+    const a = Tt(), l = G(e, "modelValue"), i = l.value, o = M(i - i % ft - (i < 0 ? ft : 0)), r = S(() => {
       let u = a.startOfYear(a.date());
       return Ee(ft + 1, o.value).map((y) => (u = a.setYear(u, y), {
         text: a.format(u, "year"),
@@ -9138,13 +9138,19 @@ const kl = K({
   setup(e, {
     emit: t
   }) {
-    const n = Y(), a = Tt(), l = G(e, "modelValue"), i = G(e, "mode"), o = Y(a.getMonth(a.date())), r = Y(a.getYear(a.date())), s = Number(e.month);
-    isNaN(s) || (o.value = s);
-    const c = Number(e.year);
-    isNaN(c) || (r.value = c);
-    const u = S(() => {
+    const n = M(), a = Tt(), l = G(e, "modelValue"), i = G(e, "mode"), o = G(e, "month"), r = G(e, "year"), s = S({
+      get: () => o.value != null || !Number.isNaN(Number(o.value)) ? Number(o.value) : a.getMonth(a.date()),
+      set: (v) => {
+        s.value = v;
+      }
+    }), c = S({
+      get: () => r.value != null || !Number.isNaN(Number(r.value)) ? Number(r.value) : a.getYear(a.date()),
+      set: (v) => {
+        c.value = v;
+      }
+    }), u = S(() => {
       let v = a.startOfMonth(a.date());
-      return v = a.setYear(v, +r.value), a.setMonth(v, +o.value);
+      return v = a.setYear(v, +c.value), a.setMonth(v, +s.value);
     }), y = S(() => a.format(u.value, "month")), b = S(() => a.format(u.value, "year"));
     function x() {
       i.value = i.value === "month" ? "date" : "month";
@@ -9161,15 +9167,15 @@ const kl = K({
     function f(v) {
       var _;
       if (i.value === "month") {
-        r.value = r.value + v;
+        c.value = c.value + v;
         return;
       }
       if (i.value === "year") {
         (_ = n.value) == null || _.changePage(v);
         return;
       }
-      const g = o.value + v;
-      g > 11 ? (r.value += 1, o.value = 0) : g < 0 ? (r.value -= 1, o.value = 11) : o.value = g;
+      const g = s.value + v;
+      g > 11 ? (c.value += 1, s.value = 0) : g < 0 ? (c.value -= 1, s.value = 11) : s.value = g;
     }
     function C() {
       f(-1);
@@ -9180,10 +9186,10 @@ const kl = K({
     function h(v) {
       t("click:day", v.date);
     }
-    R(o, () => {
-      i.value === "month" && x(), t("update:month", o.value);
-    }), R(r, () => {
-      i.value === "year" && (i.value = "month"), t("update:year", r.value);
+    R(s, () => {
+      i.value === "month" && x(), t("update:month", s.value);
+    }), R(c, () => {
+      i.value === "year" && (i.value = "month"), t("update:year", c.value);
     }), W(() => d("div", {
       class: ["y-date-picker"]
     }, [d(ta, H(Q(e, ta.props), {
@@ -9198,14 +9204,14 @@ const kl = K({
       mode: "out-in"
     }, {
       default: () => [i.value === "month" ? d(Ml, {
-        modelValue: o.value,
-        "onUpdate:modelValue": (v) => o.value = v,
+        modelValue: s.value,
+        "onUpdate:modelValue": (v) => s.value = v,
         onMode: () => {
           i.value = "date";
         }
       }, null) : i.value === "year" ? d(Bl, {
-        modelValue: r.value,
-        "onUpdate:modelValue": (v) => r.value = v,
+        modelValue: c.value,
+        "onUpdate:modelValue": (v) => c.value = v,
         ref: n,
         onMode: () => {
           i.value = "month";
@@ -9214,10 +9220,10 @@ const kl = K({
         hideHeader: !0,
         modelValue: l.value,
         "onUpdate:modelValue": (v) => l.value = v,
-        month: o.value,
-        "onUpdate:month": (v) => o.value = v,
-        year: r.value,
-        "onUpdate:year": (v) => r.value = v,
+        month: s.value,
+        "onUpdate:month": (v) => s.value = v,
+        year: c.value,
+        "onUpdate:year": (v) => c.value = v,
         "onClick:day": h
       }), null)]
     })]));
@@ -9317,7 +9323,7 @@ const $l = K({
     const {
       resizeObservedRef: t,
       contentRect: n
-    } = Be(), a = Y(!1), l = S(() => {
+    } = Be(), a = M(!1), l = S(() => {
       var s;
       return (s = n.value) == null ? void 0 : s.width;
     }), i = S(() => e.text), o = S(() => {
@@ -9368,7 +9374,7 @@ const $l = K({
     slots: t,
     emit: n
   }) {
-    const a = Y(), l = Y(), i = Y([]), o = G(e), r = Oe({
+    const a = M(), l = M(), i = M([]), o = G(e), r = Oe({
       0: "",
       1: "",
       2: "",
@@ -9380,13 +9386,13 @@ const $l = K({
       2: "",
       3: "",
       4: ""
-    }), c = Y(!1), u = Y([]);
+    }), c = M(!1), u = M([]);
     function y(O) {
       return !/[^0-9]/.test(O) && Number(O) < 33 && Number(O) > -1;
     }
     function b(O, A) {
       const p = A.target, k = (p == null ? void 0 : p.value) || "", I = s[O], V = O < 4 ? aa.test(k) : y(k), B = k !== "" ? Number(k).toString() : "";
-      r[O] = B, !V && k !== "" ? v(O, I) : (k.length > 2 && g(O), s[O] = B, M());
+      r[O] = B, !V && k !== "" ? v(O, I) : (k.length > 2 && g(O), s[O] = B, Y());
     }
     function x(O, A) {
       c.value = !0, u.value.push(O);
@@ -9438,7 +9444,7 @@ const $l = K({
             const k = A[p];
             k !== void 0 && aa.test(k) ? r[p] = k : r[p] = "";
           }
-          M();
+          Y();
         }
       }
     }
@@ -9447,11 +9453,11 @@ const $l = K({
       isNaN(Number(A)) && (O.preventDefault(), C(A));
     }
     function h() {
-      e.autoFillSubnet && r[0] && r[1] && r[2] && r[3] && !r[4] && (typeof e.autoFillSubnet == "boolean" ? r[4] = "32" : r[4] = e.autoFillSubnet.toString(), M());
+      e.autoFillSubnet && r[0] && r[1] && r[2] && r[3] && !r[4] && (typeof e.autoFillSubnet == "boolean" ? r[4] = "32" : r[4] = e.autoFillSubnet.toString(), Y());
     }
     function v(O, A) {
       se(() => {
-        r[O] = A, M();
+        r[O] = A, Y();
       });
     }
     function g(O) {
@@ -9468,7 +9474,7 @@ const $l = K({
         p.focus(), p.selectionStart = p.value.length + 1;
       }
     }
-    function M() {
+    function Y() {
       o.value = E();
     }
     function E() {
@@ -9569,7 +9575,7 @@ const $l = K({
       startCloseDelay: i
     } = nr(e, (r) => {
       e.disabled || (a.value = r);
-    }), o = Y();
+    }), o = M();
     R(a, (r) => {
       n("hover", r, o);
     }), W(() => {
@@ -9647,7 +9653,7 @@ const Ll = K({
     attrs: n,
     emit: a
   }) {
-    const l = ne(), i = Y(), o = X(e.eager ? "loading" : "idle"), r = X(""), s = X(), c = X(), {
+    const l = ne(), i = M(), o = X(e.eager ? "loading" : "idle"), r = X(""), s = X(), c = X(), {
       polyTransitionBindProps: u
     } = Ca(e), y = S(() => ({
       src: e.src
@@ -9696,7 +9702,7 @@ const Ll = K({
     }
     const C = (g) => {
       let _;
-      const M = d("img", {
+      const Y = d("img", {
         ref: i,
         src: y.value.src,
         crossorigin: e.crossorigin,
@@ -9709,24 +9715,24 @@ const Ll = K({
       }, null);
       return d(et, H(u.value, {
         appear: !0
-      }), Ro(_ = Me(M, [[nt, g.status === "loaded"]])) ? _ : {
+      }), Ro(_ = Me(Y, [[nt, g.status === "loaded"]])) ? _ : {
         default: () => [_]
       });
     };
     let T = -1;
     function h(g, _ = 100) {
-      const M = () => {
-        clearTimeout(T), !l.isUnmounted && !D(g) && _ != null && (T = window.setTimeout(M, _));
+      const Y = () => {
+        clearTimeout(T), !l.isUnmounted && !D(g) && _ != null && (T = window.setTimeout(Y, _));
       };
-      M();
+      Y();
     }
     function v(g) {
       e.eager, !(pa.canUseIntersectionObserver && !g && !e.eager) && (o.value = "loading", y.value.src && se(() => {
         var _;
         a("load", ((_ = i.value) == null ? void 0 : _.currentSrc) || y.value.src), setTimeout(() => {
-          var M, E;
+          var Y, E;
           if (!l.isUnmounted)
-            if ((M = i.value) != null && M.complete) {
+            if ((Y = i.value) != null && Y.complete) {
               if ((E = i.value) != null && E.naturalWidth || f(), o.value === "error") return;
               h(i.value, null), o.value === "loading" && m();
             } else i.value && (h(i.value), x());