yuyeon 0.1.1-rc.4 → 0.1.1-rc.5

package/dist/yuyeon.js

@@ -3290,7 +3290,8 @@ function mc(e) {
     scheme: qr.light,
     theme: ["light", "dark"],
     themes: { ...Be(Xr, e.themes) },
-    palette: { ...Be(Gr, e.palette) }
+    palette: { ...Be(Gr, e.palette) },
+    separation: e == null ? void 0 : e.separation
   } : {
     scheme: qr.light,
     theme: ["light", "dark"],
@@ -3316,33 +3317,33 @@ function gc(e) {
     var p, S;
     return typeof r.value == "string" && r.value in _ ? r.value : Array.isArray(r.value) ? c.value === "dark" ? ((p = r.value) == null ? void 0 : p[1]) ?? "dark" : ((S = r.value) == null ? void 0 : S[0]) ?? "light" : c.value;
   }), h = C(() => hc(l.value)), _ = C(() => fc(i.value)), E = C(() => {
-    const p = [];
-    p.push(
+    const p = n.separation ? `#${n.separation}` : "", S = [];
+    S.push(
       ...Dt(":root", on(h.value, "palette"))
     );
-    for (const [S, y] of Object.entries(_.value)) {
-      const { colors: b, variables: D, isDark: P } = y, F = {
-        ...b,
-        ...D
-      }, I = P ? "dark" : "light";
-      a.value === "auto" ? p.push(
+    for (const [y, b] of Object.entries(_.value)) {
+      const { colors: D, variables: P, isDark: F } = b, I = {
+        ...D,
+        ...P
+      }, T = F ? "dark" : "light";
+      a.value === "auto" ? S.push(
         ...Dt(
-          `@media (prefers-color-scheme: ${I})`,
+          `@media (prefers-color-scheme: ${T})`,
           Dt(
-            `[data-theme-scheme='auto'][data-${I}-theme='${S}']`,
-            on(F, "theme")
+            `${p}[data-theme-scheme='auto'][data-${T}-theme='${y}']`,
+            on(I, "theme")
           )
         )
-      ) : p.push(
+      ) : S.push(
         ...Dt(
-          `[data-theme-scheme='${I}'][data-${I}-theme='${S}']`,
-          on(F, "theme")
+          `${p}[data-theme-scheme='${T}'][data-${T}-theme='${y}']`,
+          on(I, "theme")
         )
-      ), p.push(
-        ...Dt(`.y-theme--${S}`, on(F, "theme"))
+      ), S.push(
+        ...Dt(`${p} .y-theme--${y}`, on(I, "theme"))
       );
     }
-    return p.join("");
+    return S.join("");
   });
   function w(p) {
     p.directive("theme", dc);
@@ -3351,7 +3352,7 @@ function gc(e) {
     function y() {
       if (typeof document < "u" && !S) {
         const b = document.createElement("style");
-        b.type = "text/css", b.id = "yuyeon-theme-palette", e != null && e.cspNonce && b.setAttribute("nonce", e.cspNonce), S = b, document.head.appendChild(S);
+        b.type = "text/css", b.id = `yuyeon-theme-palette${n.separation ? "__" + n.separation : ""}`, e != null && e.cspNonce && b.setAttribute("nonce", e.cspNonce), S = b, document.head.appendChild(S);
       }
       S && (S.innerHTML = E.value);
     }
@@ -3714,7 +3715,7 @@ const Ee = "y-input", qt = L({
     }), B(() => e.focused, (N) => {
       N || E();
     });
-    function k(N) {
+    function T(N) {
       r("click", N);
     }
     function x(N) {
@@ -3732,7 +3733,7 @@ const Ee = "y-input", qt = L({
     function K(N) {
       r("click:leading", N);
     }
-    function T() {
+    function k() {
       if (e.label || t.label)
         return d("label", {
           class: [{
@@ -3747,7 +3748,7 @@ const Ee = "y-input", qt = L({
     }
     return a({
       ...e.extended ?? {},
-      createLabel: T,
+      createLabel: k,
       invokeValidators: E,
       validate: E
     }), H(() => {
@@ -3761,13 +3762,13 @@ const Ee = "y-input", qt = L({
       }, [t.prepend()]), d("div", {
         ref: p,
         class: [`${Ee}__stack`]
-      }, [!e.floating && T(), t["leading-out"] && t["leading-out"](), d("div", {
+      }, [!e.floating && k(), t["leading-out"] && t["leading-out"](), d("div", {
         ref: S,
         class: `${Ee}__display`,
         style: [{
           ...I.value
         }],
-        onClick: k,
+        onClick: T,
         onMousedown: x,
         onMouseup: O
       }, [d("div", {
@@ -3787,7 +3788,7 @@ const Ee = "y-input", qt = L({
         tabindex: 0,
         onFocus: A,
         onBlur: j
-      }, [e.floating && T(), (N = e.modelValue) == null ? void 0 : N.toString()]), ($ = t.trailing) == null ? void 0 : $.call(t)]), t["trailing-out"] && t["trailing-out"](), d("div", {
+      }, [e.floating && k(), (N = e.modelValue) == null ? void 0 : N.toString()]), ($ = t.trailing) == null ? void 0 : $.call(t)]), t["trailing-out"] && t["trailing-out"](), d("div", {
         class: `${Ee}__helper-text`
       }, [t["helper-text"] ? d("span", null, [t["helper-text"]({
         error: w.value,
@@ -3803,7 +3804,7 @@ const Ee = "y-input", qt = L({
       focusedClasses: s,
       whenFocus: u,
       whenBlur: c,
-      createLabel: T,
+      createLabel: k,
       invokeValidators: E
     };
   }
@@ -3915,13 +3916,13 @@ const Ee = "y-input", qt = L({
     }, {
       immediate: !0
     });
-    const k = {
+    const T = {
       focus: D,
       select: P,
       clear: F
     };
     n({
-      ...k,
+      ...T,
       input$: l,
       validate: () => {
         var O;
@@ -3937,7 +3938,7 @@ const Ee = "y-input", qt = L({
     }, ae(e, lt.props), {
       modelValue: c.value,
       focused: o.value,
-      extended: k,
+      extended: T,
       "onUpdate:modelValue": x,
       onClick: E,
       "onMousedown:display": (O) => a("mousedown:display", O)
@@ -5046,7 +5047,7 @@ function qc(e, t, n, a) {
       anchor: P.value,
       origin: F.value
     };
-    function k(N) {
+    function T(N) {
       const $ = new an(y), Y = ti(N.anchor, S), R = ti(N.origin, $);
       let { x: G, y: te } = Uc(Y, R);
       switch (N.anchor.side) {
@@ -5083,7 +5084,7 @@ function qc(e, t, n, a) {
     const A = { x: 0, y: 0 }, j = { x: !1, y: !1 };
     let K = -1;
     for (; !(K++ > 10); ) {
-      const { x: N, y: $, overflows: Y } = k(I);
+      const { x: N, y: $, overflows: Y } = T(I);
       x += N, O += $, y.x += N, y.y += $;
       {
         const R = Kr(I.anchor), G = Y.x.before || Y.x.after, te = Y.y.before || Y.y.after;
@@ -5095,7 +5096,7 @@ function qc(e, t, n, a) {
               origin: { ...I.origin }
             }, ut = le === "x" ? R === "y" ? Gn : qn : R === "y" ? qn : Gn;
             Q.anchor = ut(Q.anchor), Q.origin = ut(Q.origin);
-            const { overflows: qe } = k(Q);
+            const { overflows: qe } = T(Q);
             (qe[le].before <= Y[le].before && qe[le].after <= Y[le].after || qe[le].before + qe[le].after < (Y[le].before + Y[le].after) / 2) && (I = Q, ge = j[le] = !0);
           }
         }), ge) continue;
@@ -5107,7 +5108,7 @@ function qc(e, t, n, a) {
       }
       break;
     }
-    const T = Kr(I.anchor);
+    const k = Kr(I.anchor);
     return Object.assign(a.value, {
       "--y-levitation-anchor-origin": `${I.anchor.side} ${I.anchor.align}`,
       transformOrigin: `${I.origin.side} ${I.origin.align}`,
@@ -5115,7 +5116,7 @@ function qc(e, t, n, a) {
       left: o.value ? void 0 : U(Un(x)),
       right: o.value ? U(Un(-x)) : void 0,
       minWidth: U(
-        T === "y" ? Math.min(s.value, S.width) : s.value
+        k === "y" ? Math.min(s.value, S.width) : s.value
       ),
       maxWidth: U(
         Lr(
@@ -5618,7 +5619,7 @@ const Ot = L({
       contentEvents: b
     } = sd(e, y), D = xe(!1), P = M(!1), F = we(e, "disabled"), {
       lazyValue: I,
-      onAfterUpdate: k
+      onAfterUpdate: T
     } = Pc(we(e, "eager"), y), x = C(() => !F.value && (I.value || y.value)), {
       coordinateStyles: O,
       updateCoordinate: A
@@ -5640,7 +5641,7 @@ const Ot = L({
     function K() {
       return (!e.openOnHover || e.openOnHover && !P.value) && y.value && D.value;
     }
-    const T = He({
+    const k = He({
       handler: j,
       determine: K,
       include: () => [v.value]
@@ -5649,7 +5650,7 @@ const Ot = L({
       D.value = !0;
     }
     function $() {
-      k(), D.value = !1, t("afterLeave");
+      T(), D.value = !1, t("afterLeave");
     }
     function Y() {
       e.closeClickScrim && (y.value = !1);
@@ -5679,7 +5680,7 @@ const Ot = L({
       content$: C(() => o.value),
       baseEl: v,
       active: y,
-      onAfterUpdate: k,
+      onAfterUpdate: T,
       updateCoordinate: A,
       hovered: P,
       finish: D,
@@ -5747,19 +5748,19 @@ const Ot = L({
             }), [(qe = r.default) == null ? void 0 : qe.call(r, {
               active: y.value
             })]), [[_i, y.value], [Nn("complement-click"), {
-              ...T
+              ...k
             }]])];
           }
         })])]
       })]);
     }), {
-      complementClickOption: T,
+      complementClickOption: k,
       layerGroup: w,
       active: y,
       finish: D,
       rendered: x,
       lazyValue: I,
-      onAfterUpdate: k,
+      onAfterUpdate: T,
       scrim$: l,
       content$: o,
       base$: c,
@@ -5870,17 +5871,17 @@ const Io = L({
       }
       function y(F) {
         return F.some((I) => {
-          var k;
-          return !((k = I.content$) != null && k.contains(p));
+          var T;
+          return !((T = I.content$) != null && T.contains(p));
         });
       }
       if (g !== p && ((b = s.value) != null && b.content$) && ![document, (D = s.value) == null ? void 0 : D.content$].includes(p) && !((P = s.value) != null && P.content$.contains(p)) && !y(u.value)) {
         const I = [...s.value.content$.querySelectorAll('button, [href], input:not([type="hidden"]), select, textarea, [tabindex]:not([tabindex="-1"])')].filter((O) => !O.hasAttribute("disabled") && !O.matches('[tabindex="-1"]'));
         if (!I.length) return;
-        const k = I[0], x = I[I.length - 1];
-        if (p != null && p.isSameNode(k) || p != null && p.isSameNode(x))
+        const T = I[0], x = I[I.length - 1];
+        if (p != null && p.isSameNode(T) || p != null && p.isSameNode(x))
           return;
-        k === x ? x.focus() : k.focus();
+        T === x ? x.focus() : T.focus();
       }
     }
     function v() {
@@ -6240,8 +6241,8 @@ function Kd(e, t, n, a = {}, r) {
   const S = xa(t), y = Td(f.values, S), b = Ft.get(S);
   return jo(y.animation, !(_a(h) && y.generator) && a.record !== !1), () => {
     const D = () => {
-      var I, k;
-      return (k = (I = ln.get(e, S)) !== null && I !== void 0 ? I : b == null ? void 0 : b.initialValue) !== null && k !== void 0 ? k : 0;
+      var I, T;
+      return (T = (I = ln.get(e, S)) !== null && I !== void 0 ? I : b == null ? void 0 : b.initialValue) !== null && T !== void 0 ? T : 0;
     };
     let P = Fd(jd(n), D);
     const F = Hd(P, b);
@@ -6267,9 +6268,9 @@ function Kd(e, t, n, a = {}, r) {
       }, I), o.finished || (o.finished = new Promise((x, O) => {
         o.onfinish = x, o.oncancel = O;
       }));
-      const k = P[P.length - 1];
+      const T = P[P.length - 1];
       o.finished.then(() => {
-        _ || (ln.set(e, S, k), o.cancel());
+        _ || (ln.set(e, S, T), o.cancel());
       }).catch($o), m || (o.playbackRate = 1.000001);
     } else if (r && g)
       P = P.map((I) => typeof I == "string" ? parseFloat(I) : I), P.length === 1 && P.unshift(parseFloat(D())), o = new r((I) => {
@@ -7094,42 +7095,42 @@ const qo = Uo(!1), sf = Uo(!0), uf = /* @__PURE__ */ V({
       imLeaf: h.value
     })), f = C(() => i.searchLoading.value), g = C(() => v.value.filter((I) => !i.isExcluded(J(I, e.itemKey))));
     function p(I) {
-      const k = !s.value;
-      s.value = k, i.updateActive(F.value, k, I), i.emitActive();
+      const T = !s.value;
+      s.value = T, i.updateActive(F.value, T, I), i.emitActive();
     }
     function S(I) {
       I.stopPropagation();
-      const k = !o.value;
-      o.value = k, i.updateExpanded(F.value, k), i.emitExpanded();
+      const T = !o.value;
+      o.value = T, i.updateExpanded(F.value, T), i.emitExpanded();
     }
     function y(I) {
       I.stopPropagation();
-      const k = !u.value;
-      u.value = k, i.updateSelected(F.value, k), i.emitSelected();
+      const T = !u.value;
+      u.value = T, i.updateSelected(F.value, T), i.emitSelected();
     }
     function b(I) {
-      var k;
-      (k = e.onMouseenterContainer) == null || k.call(e, I, {
+      var T;
+      (T = e.onMouseenterContainer) == null || T.call(e, I, {
         ...m.value,
         item: e.item
       });
     }
     function D(I) {
-      var k;
-      (k = e.onMouseleaveContainer) == null || k.call(e, I, {
+      var T;
+      (T = e.onMouseleaveContainer) == null || T.call(e, I, {
         ...m.value,
         item: e.item
       });
     }
     function P(I) {
-      var k;
-      (k = e.onMousemoveContainer) == null || k.call(e, I, {
+      var T;
+      (T = e.onMousemoveContainer) == null || T.call(e, I, {
         ...m.value,
         item: e.item
       });
     }
     H(() => {
-      var k;
+      var T;
       const I = [];
       for (let x = 0; x < e.level; x += 1)
         I.push(d("div", {
@@ -7168,7 +7169,7 @@ const qo = Uo(!1), sf = Uo(!0), uf = /* @__PURE__ */ V({
         class: "y-tree-view-node__leading"
       }, [t.leading(m.value)]), d("div", {
         class: "y-tree-view-node__text"
-      }, [t.default ? (k = t.default) == null ? void 0 : k.call(t, {
+      }, [t.default ? (T = t.default) == null ? void 0 : T.call(t, {
         text: w.value,
         item: e.item,
         ...m.value
@@ -7305,7 +7306,7 @@ const hi = cr(), vf = /* @__PURE__ */ V({
     expose: a
   }) {
     const r = M({}), i = X(e, "expanded"), l = X(e, "active"), o = X(e, "selected"), s = M(/* @__PURE__ */ new Set()), u = M(/* @__PURE__ */ new Set()), c = M(/* @__PURE__ */ new Set()), v = M(/* @__PURE__ */ new Set()), h = xe(zu(w, e.searchDebounceWait)), _ = M([]), E = xe(!1);
-    function w(T, N = "", $ = hf) {
+    function w(k, N = "", $ = hf) {
       const Y = /* @__PURE__ */ new Set();
       if (!N) {
         E.value = !1, v.value = Y, Sr(_.value, [...s.value]).forEach((G) => {
@@ -7315,17 +7316,17 @@ const hi = cr(), vf = /* @__PURE__ */ V({
         });
         return;
       }
-      for (const R of T)
+      for (const R of k)
         Zo($, R, N ?? "", e.itemKey, e.itemText, e.itemChildren, Y);
       v.value = Y, E.value = !1, S();
     }
     st(() => {
       E.value = !0, h.value(e.items, e.search, e.filter);
     });
-    function m(T) {
+    function m(k) {
       const N = [], {
         childKeys: $
-      } = r.value[T];
+      } = r.value[k];
       N.push(...$);
       const Y = $.slice();
       for (; Y.length > 0; ) {
@@ -7334,11 +7335,11 @@ const hi = cr(), vf = /* @__PURE__ */ V({
       }
       return N;
     }
-    function f(T) {
-      return e.returnItem ? J(T, e.itemKey) : T;
+    function f(k) {
+      return e.returnItem ? J(k, e.itemKey) : k;
     }
-    function g(T, N = null, $ = 0) {
-      for (const Y of T) {
+    function g(k, N = null, $ = 0) {
+      for (const Y of k) {
         const R = J(Y, e.itemKey), G = J(Y, e.itemChildren) ?? [], ge = ft(r.value, R) ? r.value[R] : {
           vnode: null,
           selected: !1,
@@ -7359,84 +7360,84 @@ const hi = cr(), vf = /* @__PURE__ */ V({
         g(G, R, $ + 1), r.value[R] = le, r.value[R].expanded && s.value.add(R), r.value[R].selected && s.value.add(R), r.value[R].active && c.value.add(R), x(R);
       }
     }
-    function p(T, N) {
-      if (!(T in r.value)) return;
-      const $ = r.value[T], Y = J($.item, e.itemChildren);
-      Array.isArray(Y) && Y.length > 0 && (N ? s.value.add(T) : s.value.delete(T), $.expanded = N, x(T));
+    function p(k, N) {
+      if (!(k in r.value)) return;
+      const $ = r.value[k], Y = J($.item, e.itemChildren);
+      Array.isArray(Y) && Y.length > 0 && (N ? s.value.add(k) : s.value.delete(k), $.expanded = N, x(k));
     }
-    B(s, (T) => {
-      e.search || (_.value = [...T]);
+    B(s, (k) => {
+      e.search || (_.value = [...k]);
     }, {
       deep: !0
     });
-    function S(T = !0) {
+    function S(k = !0) {
       return Object.entries(r.value).forEach(([N, $]) => {
-        (T === !0 || T >= $.level) && p(N, !0);
+        (k === !0 || k >= $.level) && p(N, !0);
       }), D(), s.value;
     }
-    function y(T, N, $) {
-      if (!(T in r.value)) return;
-      const Y = r.value[T];
-      let R = N ? "" : T;
+    function y(k, N, $) {
+      if (!(k in r.value)) return;
+      const Y = r.value[k];
+      let R = N ? "" : k;
       if (e.multipleActive || ([R] = [...c.value]), N)
-        c.value.add(T), Y.active = !0, x(T);
-      else if (e.requiredActive && c.value.size === 1 && T === R) {
-        x(T);
+        c.value.add(k), Y.active = !0, x(k);
+      else if (e.requiredActive && c.value.size === 1 && k === R) {
+        x(k);
         return;
       }
       if (R && R in r.value && (c.value.delete(R), r.value[R].active = !1, x(R)), !(e.activeSingleModifier && ($ != null && $.getModifierState(e.activeSingleModifier))) && e.multipleActive && e.activeStrategy === "cascade")
-        for (const G of m(T))
+        for (const G of m(k))
           G in r.value && (N ? c.value.add(G) : c.value.delete(G), r.value[G].active = N, x(G));
     }
-    function b(T, N) {
-      if (!(T in r.value)) return;
-      const $ = r.value[T];
-      if (N && (u.value.add(T), $.selected = !0), !N && T in r.value && (u.value.delete(T), r.value[T].selected = !1, x(T)), e.selectStrategy === "cascade")
-        for (const Y of m(T))
+    function b(k, N) {
+      if (!(k in r.value)) return;
+      const $ = r.value[k];
+      if (N && (u.value.add(k), $.selected = !0), !N && k in r.value && (u.value.delete(k), r.value[k].selected = !1, x(k)), e.selectStrategy === "cascade")
+        for (const Y of m(k))
           Y in r.value && (N ? u.value.add(Y) : u.value.delete(Y), r.value[Y].selected = N, x(Y));
     }
     function D() {
-      const T = [...s.value];
-      i.value = e.returnItem ? T.map((N) => r.value[N].item) : T;
+      const k = [...s.value];
+      i.value = e.returnItem ? k.map((N) => r.value[N].item) : k;
     }
     function P() {
-      const T = [...c.value];
-      l.value = e.returnItem ? T.map((N) => r.value[N].item) : T;
+      const k = [...c.value];
+      l.value = e.returnItem ? k.map((N) => r.value[N].item) : k;
     }
     function F() {
-      const T = [...u.value];
-      o.value = e.returnItem ? T.map((N) => r.value[N].item) : T;
+      const k = [...u.value];
+      o.value = e.returnItem ? k.map((N) => r.value[N].item) : k;
     }
-    function I(T, N, $, Y) {
-      const R = e.returnItem ? T.map((te) => J(te, e.itemKey)) : T, G = [...N.value];
+    function I(k, N, $, Y) {
+      const R = e.returnItem ? k.map((te) => J(te, e.itemKey)) : k, G = [...N.value];
       Oe(G, R) || (G.forEach((te) => $(te, !1)), R.forEach((te) => $(te, !0)), Y());
     }
-    B(i, (T) => {
-      I(T, s, p, D);
-    }), B(l, (T) => {
-      I(T, c, y, P);
-    }), B(o, (T) => {
-      I(T, u, b, F);
-    }), B(() => e.items, (T) => {
-      const N = Object.keys(r.value).map((te) => J(r.value[te].item, e.itemKey)), $ = ff(T, e.itemKey, e.itemChildren), Y = Sr(N, $);
+    B(i, (k) => {
+      I(k, s, p, D);
+    }), B(l, (k) => {
+      I(k, c, y, P);
+    }), B(o, (k) => {
+      I(k, u, b, F);
+    }), B(() => e.items, (k) => {
+      const N = Object.keys(r.value).map((te) => J(r.value[te].item, e.itemKey)), $ = ff(k, e.itemKey, e.itemChildren), Y = Sr(N, $);
       if (Y.length < 1 && $.length < N.length)
         return;
       Y.forEach((te) => delete r.value[te]);
       const R = [...u.value], G = [...c.value];
-      u.value.clear(), s.value.clear(), c.value.clear(), g(T), Oe(R, [...u.value]) || F(), Oe(G, [...c.value]) || P();
+      u.value.clear(), s.value.clear(), c.value.clear(), g(k), Oe(R, [...u.value]) || F(), Oe(G, [...c.value]) || P();
     }, {
       deep: !0,
       flush: "sync"
     });
-    function k(T) {
-      return !!e.search && v.value.has(T);
+    function T(k) {
+      return !!e.search && v.value.has(k);
     }
-    function x(T) {
-      const N = r.value[T];
+    function x(k) {
+      const N = r.value[k];
       N && N.vnode && (N.vnode.active = N.active, N.vnode.selected = N.selected, N.vnode.indeterminate = N.indeterminate, N.vnode.expanded = N.expanded);
     }
-    function O(T, N) {
-      r.value[T] && (r.value[T].vnode = N), x(T);
+    function O(k, N) {
+      r.value[k] && (r.value[k].vnode = N), x(k);
     }
     g(e.items), ve("tree-view", {
       register: O,
@@ -7446,23 +7447,23 @@ const hi = cr(), vf = /* @__PURE__ */ V({
       emitExpanded: D,
       emitActive: P,
       emitSelected: F,
-      isExcluded: k,
+      isExcluded: T,
       searchLoading: E
     });
-    const A = C(() => e.items.slice().filter((T) => !k(J(T, e.itemKey)))), j = C(() => ({
+    const A = C(() => e.items.slice().filter((k) => !T(J(k, e.itemKey)))), j = C(() => ({
       "y-tree-view": !0
     })), K = C(() => {
-      let T = e.activeColor;
-      return e.activeColor && !Qa(e.activeColor) && (T = `var(--y-theme-${e.activeColor})`), {
-        "--y-tree-view__active-color": T
+      let k = e.activeColor;
+      return e.activeColor && !Qa(e.activeColor) && (k = `var(--y-theme-${e.activeColor})`), {
+        "--y-tree-view__active-color": k
       };
     });
     return Ia(() => {
-      e.defaultExpand != null && e.defaultExpand !== !1 ? _.value = [...S(e.defaultExpand)] : (i.value.forEach((T) => p(f(T), !0)), D());
-      for (const T of e.active.map(f))
-        y(T, !0);
-      for (const T of e.selected.map(f))
-        b(T, !0);
+      e.defaultExpand != null && e.defaultExpand !== !1 ? _.value = [...S(e.defaultExpand)] : (i.value.forEach((k) => p(f(k), !0)), D());
+      for (const k of e.active.map(f))
+        y(k, !0);
+      for (const k of e.selected.map(f))
+        b(k, !0);
     }), a({
       expand: S
     }), H(() => d(Z, null, [d("div", {
@@ -7471,11 +7472,11 @@ const hi = cr(), vf = /* @__PURE__ */ V({
       role: "tree"
     }, [E.value && d(Do, {
       indeterminate: !0
-    }, null), A.value.length > 0 ? A.value.slice().map((T) => d(Xo, W({
-      key: J(T, e.itemKey)
+    }, null), A.value.length > 0 ? A.value.slice().map((k) => d(Xo, W({
+      key: J(k, e.itemKey)
     }, {
       ...ae(e, hi),
-      item: T,
+      item: k,
       level: 0
     }), t)) : d("div", {
       class: "y-tree-view__no-data"
@@ -8760,7 +8761,7 @@ const gr = L({
     }));
     return H(() => {
       var A;
-      const k = ae(e, Yt.props), x = ae(e, Vt.props), O = ae(e, pt.props);
+      const T = ae(e, Yt.props), x = ae(e, Vt.props), O = ae(e, pt.props);
       return d(pt, W({
         class: ["y-data-table", {
           "y-data-table--no-data": !e.loading && e.items.length < 1 && !e.hideNoData
@@ -8778,12 +8779,12 @@ const gr = L({
           "slot-props": I.value
         }, t)]),
         default: () => {
-          var j, K, T;
+          var j, K, k;
           return t.default ? t.default(I.value) : d(Z, null, [d("thead", {
             ref: P
-          }, [d(Yt, k, t)]), (j = t.thead) == null ? void 0 : j.call(t, I.value), d("tbody", null, [d(Vt, W(x, {
+          }, [d(Yt, T, t)]), (j = t.thead) == null ? void 0 : j.call(t, I.value), d("tbody", null, [d(Vt, W(x, {
             items: f.value
-          }), t)]), (K = t.tbody) == null ? void 0 : K.call(t, I.value), (T = t.tfoot) == null ? void 0 : T.call(t, I.value)]);
+          }), t)]), (K = t.tbody) == null ? void 0 : K.call(t, I.value), (k = t.tfoot) == null ? void 0 : k.call(t, I.value)]);
         },
         trailing: () => {
           var j;
@@ -8903,7 +8904,7 @@ const gr = L({
       headers: u.value
     }));
     H(() => {
-      var k;
+      var T;
       const P = ae(e, Yt.props), F = ae(e, Vt.props), I = ae(e, pt.props);
       return d(pt, W({
         class: ["y-data-table", {
@@ -8911,7 +8912,7 @@ const gr = L({
         }]
       }, I, {
         style: {
-          "--y-table-head-height": U((k = b.value) == null ? void 0 : k.height)
+          "--y-table-head-height": U((T = b.value) == null ? void 0 : T.height)
         }
       }), {
         top: () => {
@@ -9698,9 +9699,9 @@ const xl = L({
       u.value || (x = r.value) == null || x.focus();
     }
     function D(x) {
-      var O, A, j, K, T;
+      var O, A, j, K, k;
       if (x.target && ((A = (O = i.value) == null ? void 0 : O.layer$) != null && A.content$))
-        return (T = x.target) == null ? void 0 : T.contains((K = (j = i.value) == null ? void 0 : j.layer$) == null ? void 0 : K.content$);
+        return (k = x.target) == null ? void 0 : k.contains((K = (j = i.value) == null ? void 0 : j.layer$) == null ? void 0 : K.content$);
     }
     function P(x) {
       if (e.multiple) {
@@ -9723,10 +9724,10 @@ const xl = L({
     });
     B(s, (x) => {
       x && Se(() => {
-        k();
+        T();
       });
     });
-    function k() {
+    function T() {
       var O, A;
       if (w.value.length === 0)
         return;
@@ -9734,8 +9735,8 @@ const xl = L({
       if (x) {
         const j = x == null ? void 0 : x.querySelector(".y-list-item--active"), K = (A = (O = i.value) == null ? void 0 : O.layer$) == null ? void 0 : A.content$;
         if (j && K) {
-          const T = Xu(j);
-          T && (K.contains(T) || K.isSameNode(T)) && T.scrollTo({
+          const k = Xu(j);
+          k && (K.contains(k) || K.isSameNode(k)) && k.scrollTo({
             top: j.offsetTop,
             behavior: "smooth"
           });
@@ -9784,7 +9785,7 @@ const xl = L({
             focused: u.value
           }), {
             default: () => {
-              var T;
+              var k;
               const K = {
                 items: w.value.map((N) => N.raw),
                 displayText: F.value,
@@ -9793,23 +9794,23 @@ const xl = L({
               };
               return d("div", {
                 class: ["y-select__selection"]
-              }, [t.selection ? (T = t.selection) == null ? void 0 : T.call(t, K) : m.value.length > 0 ? F.value : e.placeholder]);
+              }, [t.selection ? (k = t.selection) == null ? void 0 : k.call(t, K) : m.value.length > 0 ? F.value : e.placeholder]);
             },
             leading: t.leading ? (...K) => {
-              var T;
-              return (T = t.leading) == null ? void 0 : T.call(t, ...K);
+              var k;
+              return (k = t.leading) == null ? void 0 : k.call(t, ...K);
             } : void 0,
             trailing: (...K) => t["dropdown-icon"] ? t["dropdown-icon"]() : d(ze, W(W(O), {
               icon: e.dropdownIcon,
               class: ["y-select__icon"]
             }), null),
             label: t.label ? (...K) => {
-              var T;
-              return (T = t.label) == null ? void 0 : T.call(t, ...K);
+              var k;
+              return (k = t.label) == null ? void 0 : k.call(t, ...K);
             } : void 0,
             "helper-text": t["helper-text"] ? (...K) => {
-              var T;
-              return (T = t["helper-text"]) == null ? void 0 : T.call(t, ...K);
+              var k;
+              return (k = t["helper-text"]) == null ? void 0 : k.call(t, ...K);
             } : void 0
           });
         },
@@ -9822,23 +9823,23 @@ const xl = L({
               var j, K;
               return [(j = t["menu-prepend"]) == null ? void 0 : j.call(t), c.value.length > 0 ? d(fr, {
                 ref: l
-              }, Lf(A = c.value.map((T) => {
+              }, Lf(A = c.value.map((k) => {
                 const N = {
-                  item: T,
-                  selected: g(T),
+                  item: k,
+                  selected: g(k),
                   select: () => {
-                    P(T);
+                    P(k);
                   }
                 };
                 return d(dr, {
-                  onClick: ($) => y(T),
+                  onClick: ($) => y(k),
                   class: [{
-                    "y-list-item--active": g(T)
+                    "y-list-item--active": g(k)
                   }]
                 }, {
                   default: () => {
                     var $;
-                    return t.item ? ($ = t.item) == null ? void 0 : $.call(t, N) : T.text;
+                    return t.item ? ($ = t.item) == null ? void 0 : $.call(t, N) : k.text;
                   },
                   leading: t["item-leading"] && (() => {
                     var $;
@@ -10085,7 +10086,7 @@ const xl = L({
       const p = c.value, S = n.date();
       return p.map((y, b) => y.map((D, P) => {
         var x;
-        const F = n.toISO(D), I = !n.isSameMonth(D, u.value), k = !!((x = l.value) != null && x.find((O) => O != null && n.isSameDay(D, O)));
+        const F = n.toISO(D), I = !n.isSameMonth(D, u.value), T = !!((x = l.value) != null && x.find((O) => O != null && n.isSameDay(D, O)));
         return {
           date: D,
           isoDate: F,
@@ -10096,10 +10097,10 @@ const xl = L({
           disabled: m(D),
           weekStart: P % 7 === 0,
           weekEnd: P % 7 === 6,
-          rangeStart: k && l.value.length > 1 && e.range && n.isSameDay(E.value, D),
-          rangeEnd: k && l.value.length === 2 && e.range && n.isSameDay(w.value, D),
+          rangeStart: T && l.value.length > 1 && e.range && n.isSameDay(E.value, D),
+          rangeEnd: T && l.value.length === 2 && e.range && n.isSameDay(w.value, D),
           weekIndex: b,
-          selected: k,
+          selected: T,
           interval: f(D),
           today: n.isSameDay(D, S),
           adjacent: I,
@@ -10601,58 +10602,58 @@ const xl = L({
       3: "",
       4: ""
     }), u = M(!1), c = M([]);
-    function v(k) {
-      return !/[^0-9]/.test(k) && Number(k) < 33 && Number(k) > -1;
+    function v(T) {
+      return !/[^0-9]/.test(T) && Number(T) < 33 && Number(T) > -1;
     }
-    function h(k, x) {
-      const O = x.target, A = (O == null ? void 0 : O.value) || "", j = s[k], K = k < 4 ? yi.test(A) : v(A), T = A !== "" ? Number(A).toString() : "";
-      o[k] = T, !K && A !== "" ? y(k, j) : (A.length > 2 && b(k), s[k] = T, P());
+    function h(T, x) {
+      const O = x.target, A = (O == null ? void 0 : O.value) || "", j = s[T], K = T < 4 ? yi.test(A) : v(A), k = A !== "" ? Number(A).toString() : "";
+      o[T] = k, !K && A !== "" ? y(T, j) : (A.length > 2 && b(T), s[T] = k, P());
     }
-    function _(k, x) {
-      u.value = !0, c.value.push(k);
+    function _(T, x) {
+      u.value = !0, c.value.push(T);
     }
-    function E(k, x) {
+    function E(T, x) {
       u.value = !1, Se(() => {
         setTimeout(() => {
           c.value.forEach((O, A) => {
-            O === k && c.value.splice(A, 1);
+            O === T && c.value.splice(A, 1);
           });
         });
       });
     }
-    function w(k, x) {
+    function w(T, x) {
     }
-    function m(k, x) {
+    function m(T, x) {
       const O = x.target;
-      if (x.key === "Backspace" && x.target && O.value === "" && D(k), (x.key === "ArrowRight" || x.key === "ArrowDown" && !x.shiftKey) && O.selectionStart !== null && O.value.length <= O.selectionStart)
-        if (k === 3) {
+      if (x.key === "Backspace" && x.target && O.value === "" && D(T), (x.key === "ArrowRight" || x.key === "ArrowDown" && !x.shiftKey) && O.selectionStart !== null && O.value.length <= O.selectionStart)
+        if (T === 3) {
           x.preventDefault(), n("tab");
           return;
         } else {
-          x.preventDefault(), b(k);
+          x.preventDefault(), b(T);
           return;
         }
       if ((x.key === "ArrowLeft" || x.key === "ArrowUp" && !x.shiftKey) && O.selectionStart !== null && O.selectionStart === 0)
-        if (k === 0) {
+        if (T === 0) {
           x.preventDefault(), n("tab", -1);
           return;
         } else {
-          x.preventDefault(), D(k);
+          x.preventDefault(), D(T);
           return;
         }
-      (x.key === "Tab" && !x.shiftKey && O.value !== "" || x.key === "Enter" || x.key === ".") && e.onTab && k === 3 && (x.preventDefault(), n("tab", 3));
+      (x.key === "Tab" && !x.shiftKey && O.value !== "" || x.key === "Enter" || x.key === ".") && e.onTab && T === 3 && (x.preventDefault(), n("tab", 3));
     }
-    function f(k, x) {
-      x.key === "." && b(k);
+    function f(T, x) {
+      x.key === "." && b(T);
     }
-    function g(k) {
-      if (typeof k == "string") {
+    function g(T) {
+      if (typeof T == "string") {
         let x = [];
-        if (k.lastIndexOf("/") > -1) {
-          const O = k.substring(k.lastIndexOf("/") + 1, k.length);
-          e.subnet && v(O) && (o[4] = O), x = k.substring(0, k.lastIndexOf("/")).split(".");
+        if (T.lastIndexOf("/") > -1) {
+          const O = T.substring(T.lastIndexOf("/") + 1, T.length);
+          e.subnet && v(O) && (o[4] = O), x = T.substring(0, T.lastIndexOf("/")).split(".");
         } else
-          x = k.split(".");
+          x = T.split(".");
         if (x.length > 2) {
           for (let O = 0; O < 4; O += 1) {
             const A = x[O];
@@ -10662,27 +10663,27 @@ const xl = L({
         }
       }
     }
-    function p(k) {
-      const x = (k.clipboardData || window.clipboardData).getData("text");
-      isNaN(Number(x)) && (k.preventDefault(), g(x));
+    function p(T) {
+      const x = (T.clipboardData || window.clipboardData).getData("text");
+      isNaN(Number(x)) && (T.preventDefault(), g(x));
     }
     function S() {
       e.autoFillSubnet && o[0] && o[1] && o[2] && o[3] && !o[4] && (typeof e.autoFillSubnet == "boolean" ? o[4] = "32" : o[4] = e.autoFillSubnet.toString(), P());
     }
-    function y(k, x) {
+    function y(T, x) {
       Se(() => {
-        o[k] = x, P();
+        o[T] = x, P();
       });
     }
-    function b(k) {
-      const x = k + 1;
+    function b(T) {
+      const x = T + 1;
       if (x < 4) {
         const O = i.value[x];
         O.focus(), O.selectionStart = 0;
       }
     }
-    function D(k) {
-      const x = k - 1;
+    function D(T) {
+      const x = T - 1;
       if (x > -1) {
         const O = i.value[x];
         O.focus(), O.selectionStart = O.value.length + 1;
@@ -10695,33 +10696,33 @@ const xl = L({
       return o[0] === "" && o[1] === "" && o[2] === "" && o[3] === "" ? "" : `${o[0]}.${o[1]}.${o[2]}.${o[3]}${e.subnet ? "/" + o[4] : ""}`;
     }
     const I = C(() => c.value.length > 0);
-    return B(l, (k) => {
-      if (k === "") {
+    return B(l, (T) => {
+      if (T === "") {
         for (let x = 0; x < 5; x += 1)
           o[x] = "", s[x] = "";
         return;
       } else
-        g(k);
+        g(T);
     }, {
       immediate: !0
-    }), B(I, (k) => {
-      k || S();
-    }), B(u, (k) => {
-      n(k ? "focus" : "blur");
+    }), B(I, (T) => {
+      T || S();
+    }), B(u, (T) => {
+      n(T ? "focus" : "blur");
     }), H(() => (i.value = [], d(lt, W({
       ref: r,
       class: [mi, ct, {
         [`${ct}--text`]: e.text
       }]
     }, ae(e, lt.props)), {
-      leading: (...k) => {
+      leading: (...T) => {
         var x;
-        return (x = t.leading) == null ? void 0 : x.call(t, ...k);
+        return (x = t.leading) == null ? void 0 : x.call(t, ...T);
       },
-      default: (k) => d("div", W({
+      default: (T) => d("div", W({
         class: [`${ct}__field`]
       }, W({
-        "data-id": k.attrId
+        "data-id": T.attrId
       }), {
         ref: a
       }), [[0, 1, 2, 3, 4].map((x) => {
@@ -10730,7 +10731,7 @@ const xl = L({
           class: [`${ct}__part`]
         }, [d("input", {
           ref: (A) => i.value.push(A),
-          id: `${k.attrId}__part--${x}`,
+          id: `${T.attrId}__part--${x}`,
           value: O.value,
           class: [`${ct}__part-input`],
           readonly: e.readonly || e.loading,
@@ -10748,17 +10749,17 @@ const xl = L({
           class: [`${ct}__part`]
         }, [x < 3 ? "." : "/"])];
       })]),
-      trailing: (...k) => {
+      trailing: (...T) => {
         var x;
-        return (x = t.trailing) == null ? void 0 : x.call(t, ...k);
+        return (x = t.trailing) == null ? void 0 : x.call(t, ...T);
       },
       label: t.label && (() => {
-        var k;
-        return (k = t.label) == null ? void 0 : k.call(t);
+        var T;
+        return (T = t.label) == null ? void 0 : T.call(t);
       }),
       "helper-text": t["helper-text"] && (() => {
-        var k;
-        return (k = t["helper-text"]) == null ? void 0 : k.call(t);
+        var T;
+        return (T = t["helper-text"]) == null ? void 0 : T.call(t);
       })
     }))), {};
   }
@@ -11010,7 +11011,7 @@ function fh(e = sh) {
       });
       Object.keys(gi).forEach((c) => {
         const v = gi[c];
-        l.component(c, v);
+        typeof v == "object" && l.component(c, v);
       }), l.directive("plate-wave", bo), l.provide(En, t.instance), l.provide(pl, r), l.provide(Co, {
         ...n.localeModule,
         ...n.rtlModule