yuyeon 0.0.11 → 0.0.12

package/dist/yuyeon.mjs

@@ -667,7 +667,7 @@ const rt = "y-field-input", vt = A({
     "blur"
   ],
   setup(e, { attrs: t, expose: n, emit: a, slots: i }) {
-    const r = T(), o = T(), s = T(!1), c = T(""), h = T(""), f = Fe(e, "type"), d = C(() => {
+    const r = T(), o = T(), s = T(!1), c = T(""), h = T(""), d = Fe(e, "type"), f = C(() => {
       var u;
       return {
         ...((u = r.value) == null ? void 0 : u.classes) || {},
@@ -753,7 +753,7 @@ const rt = "y-field-input", vt = A({
     return () => k(
       ht,
       {
-        class: d.value,
+        class: f.value,
         ref: r,
         ...Y(),
         modelValue: c.value,
@@ -782,7 +782,7 @@ const rt = "y-field-input", vt = A({
             k("input", {
               ".value": h.value,
               ".id": u.attrId,
-              "^type": f.value,
+              "^type": d.value,
               readonly: e.readonly || e.loading || u.formLoading,
               ".placeholder": e.placeholder,
               ".disabled": e.disabled,
@@ -1034,8 +1034,8 @@ const Za = /* @__PURE__ */ A({
     }), e.classList.add(i);
   }
   Ae(() => {
-    var s, c, h, f, d;
-    const i = ((c = (s = t.instance) == null ? void 0 : s.$yuyeon) == null ? void 0 : c.theme) ?? ((d = (f = (h = n == null ? void 0 : n.ctx) == null ? void 0 : h.root.appContext.config.globalProperties) == null ? void 0 : f.$yuyeon) == null ? void 0 : d.theme), r = t.value ?? i.name ?? "";
+    var s, c, h, d, f;
+    const i = ((c = (s = t.instance) == null ? void 0 : s.$yuyeon) == null ? void 0 : c.theme) ?? ((f = (d = (h = n == null ? void 0 : n.ctx) == null ? void 0 : h.root.appContext.config.globalProperties) == null ? void 0 : d.$yuyeon) == null ? void 0 : f.theme), r = t.value ?? i.name ?? "";
     if (!r)
       return;
     const o = `theme--${r}`;
@@ -1279,8 +1279,8 @@ const ni = /* @__PURE__ */ A({
       innerValue: s,
       disabled: c,
       trackStyles: h,
-      stateLabel: f,
-      labelOn: d,
+      stateLabel: d,
+      labelOn: f,
       labelOff: p,
       loading: x
     } = this;
@@ -1309,12 +1309,12 @@ const ni = /* @__PURE__ */ A({
     }, null), l("div", {
       class: "y-switch__track",
       style: h
-    }, [f && l("div", {
+    }, [d && l("div", {
       class: "y-switch__state"
     }, [l("span", {
       class: "y-switch__state-label y-switch__state-label--on"
     }, {
-      labelOn: d
+      labelOn: f
     }), l("span", {
       class: "y-switch__state-label y-switch__state-label--off"
     }, {
@@ -1380,18 +1380,18 @@ function ri(e, t = 1e3, n) {
       o.value = x, r = window.setTimeout(h, v);
     }
   }
-  function f() {
+  function d() {
     c.value || (c.value = !0, o.value = Date.now(), r = window.setTimeout(h, i));
   }
-  function d() {
+  function f() {
     window.clearTimeout(r), r = -1, c.value = !1;
   }
   function p() {
-    d(), s.value = t;
+    f(), s.value = t;
   }
   return {
-    start: f,
-    stop: d,
+    start: d,
+    stop: f,
     reset: p,
     drift: s,
     isWork: c
@@ -1543,8 +1543,8 @@ const le = /* @__PURE__ */ A({
       }
     }), c = Fe(e, "disabled"), {
       lazyValue: h,
-      onAfterUpdate: f
-    } = ii(!!e.eager, s), d = C(() => !c.value && (h.value || s.value)), p = T(), x = T();
+      onAfterUpdate: d
+    } = ii(!!e.eager, s), f = C(() => !c.value && (h.value || s.value)), p = T(), x = T();
     function m(I) {
       t("click:complement", I), e.persistent || p.value !== null && p.value === I.target && e.closeClickScrim && (s.value = !1);
     }
@@ -1562,12 +1562,12 @@ const le = /* @__PURE__ */ A({
       scrim$: p,
       content$: x,
       active: s,
-      onAfterUpdate: f
+      onAfterUpdate: d
     });
     function g() {
     }
     function y() {
-      f();
+      d();
     }
     function S() {
       e.closeClickScrim && (s.value = !1);
@@ -1589,7 +1589,7 @@ const le = /* @__PURE__ */ A({
       disabled: !r.value,
       to: r.value
     }, {
-      default: () => [d.value && l("div", Z({
+      default: () => [f.value && l("div", Z({
         class: {
           "y-layer": !0,
           ...$.value
@@ -1629,8 +1629,8 @@ const le = /* @__PURE__ */ A({
       complementClickOption: v,
       layerGroup: r,
       active: s,
-      rendered: d,
-      onAfterUpdate: f,
+      rendered: f,
+      onAfterUpdate: d,
       scrim$: p,
       content$: x,
       polyTransitionBindProps: o
@@ -1661,17 +1661,17 @@ const ci = /* @__PURE__ */ A({
   }) {
     const a = C({
       get: () => !!e.modelValue,
-      set: (f) => {
-        t("update:modelValue", f);
+      set: (d) => {
+        t("update:modelValue", d);
       }
     }), i = C(() => ({
       ...ve(e.dialogClasses),
       "y-dialog": !0
     })), r = T();
-    function o(f) {
+    function o(d) {
       var x, m, _;
-      const d = f.relatedTarget, p = f.target;
-      if (d !== p && ((x = r.value) != null && x.content$) && ![document, (m = r.value) == null ? void 0 : m.content$].includes(p) && !((_ = r.value) != null && _.content$.contains(p))) {
+      const f = d.relatedTarget, p = d.target;
+      if (f !== p && ((x = r.value) != null && x.content$) && ![document, (m = r.value) == null ? void 0 : m.content$].includes(p) && !((_ = r.value) != null && _.content$.contains(p))) {
         const v = 'button, [href], input:not([type="hidden"]), select, textarea, [tabindex]:not([tabindex="-1"])', g = [...r.value.content$.querySelectorAll(v)].filter((w) => !w.hasAttribute("disabled") && !w.matches('[tabindex="-1"]'));
         if (!g.length)
           return;
@@ -1685,16 +1685,16 @@ const ci = /* @__PURE__ */ A({
     function c() {
       document.removeEventListener("focusin", o);
     }
-    function h(f) {
-      a.value = f;
+    function h(d) {
+      a.value = d;
     }
-    return R(() => a.value, (f) => {
-      f ? s() : c();
+    return R(() => a.value, (d) => {
+      d ? s() : c();
     }, {
       immediate: !0
     }), M(() => {
-      var f;
-      return l(L, null, [(f = n.base) == null ? void 0 : f.call(n), l(le, {
+      var d;
+      return l(L, null, [(d = n.base) == null ? void 0 : d.call(n), l(le, {
         "model-value": a.value,
         "onUpdate:modelValue": h,
         scrim: !0,
@@ -1702,9 +1702,9 @@ const ci = /* @__PURE__ */ A({
         persistent: e.persistent,
         ref: r
       }, {
-        default: (...d) => {
+        default: (...f) => {
           var p;
-          return (p = n.default) == null ? void 0 : p.call(n, ...d);
+          return (p = n.default) == null ? void 0 : p.call(n, ...f);
         }
       })]);
     }), {
@@ -1798,25 +1798,25 @@ function an(e) {
 }
 class Wn {
   constructor(t, n = [0, 1], { easing: a, duration: i = K.duration, delay: r = K.delay, endDelay: o = K.endDelay, repeat: s = K.repeat, offset: c, direction: h = "normal" } = {}) {
-    if (this.startTime = null, this.rate = 1, this.t = 0, this.cancelTimestamp = null, this.easing = ne, this.duration = 0, this.totalDuration = 0, this.repeat = 0, this.playState = "idle", this.finished = new Promise((d, p) => {
-      this.resolve = d, this.reject = p;
+    if (this.startTime = null, this.rate = 1, this.t = 0, this.cancelTimestamp = null, this.easing = ne, this.duration = 0, this.totalDuration = 0, this.repeat = 0, this.playState = "idle", this.finished = new Promise((f, p) => {
+      this.resolve = f, this.reject = p;
     }), a = a || K.easing, pt(a)) {
-      const d = a.createAnimation(n);
-      a = d.easing, n = d.keyframes || n, i = d.duration || i;
+      const f = a.createAnimation(n);
+      a = f.easing, n = f.keyframes || n, i = f.duration || i;
     }
     this.repeat = s, this.easing = he(a) ? ne : an(a), this.updateDuration(i);
-    const f = pi(n, c, he(a) ? a.map(an) : ne);
-    this.tick = (d) => {
+    const d = pi(n, c, he(a) ? a.map(an) : ne);
+    this.tick = (f) => {
       var p;
       r = r;
       let x = 0;
-      this.pauseTime !== void 0 ? x = this.pauseTime : x = (d - this.startTime) * this.rate, this.t = x, x /= 1e3, x = Math.max(x - r, 0), this.playState === "finished" && this.pauseTime === void 0 && (x = this.totalDuration);
+      this.pauseTime !== void 0 ? x = this.pauseTime : x = (f - this.startTime) * this.rate, this.t = x, x /= 1e3, x = Math.max(x - r, 0), this.playState === "finished" && this.pauseTime === void 0 && (x = this.totalDuration);
       const m = x / this.duration;
       let _ = Math.floor(m), v = m % 1;
       !v && m >= 1 && (v = 1), v === 1 && _--;
       const g = _ % 2;
       (h === "reverse" || h === "alternate" && g || h === "alternate-reverse" && !g) && (v = 1 - v);
-      const y = x >= this.totalDuration ? 1 : Math.min(v, 1), S = f(this.easing(y));
+      const y = x >= this.totalDuration ? 1 : Math.min(v, 1), S = d(this.easing(y));
       t(S), this.pauseTime === void 0 && (this.playState === "finished" || x >= this.totalDuration + o) ? (this.playState = "finished", (p = this.resolve) === null || p === void 0 || p.call(this, S)) : this.playState !== "idle" && (this.frameRequestId = requestAnimationFrame(this.tick));
     }, this.play();
   }
@@ -2005,7 +2005,7 @@ function Mi() {
 }
 function Li(e, t, n, a = {}, i) {
   const r = Mi(), o = a.record !== !1 && r;
-  let s, { duration: c = K.duration, delay: h = K.delay, endDelay: f = K.endDelay, repeat: d = K.repeat, easing: p = K.easing, persist: x = !1, direction: m, offset: _, allowWebkitAcceleration: v = !1 } = a;
+  let s, { duration: c = K.duration, delay: h = K.delay, endDelay: d = K.endDelay, repeat: f = K.repeat, easing: p = K.easing, persist: x = !1, direction: m, offset: _, allowWebkitAcceleration: v = !1 } = a;
   const g = Un(e), y = qn(t);
   let S = de.waapi();
   y && Ai(e, t);
@@ -2026,10 +2026,10 @@ function Li(e, t, n, a = {}, i) {
       const V = {
         delay: _e.ms(h),
         duration: _e.ms(c),
-        endDelay: _e.ms(f),
+        endDelay: _e.ms(d),
         easing: he(p) ? void 0 : ln(p, c),
         direction: m,
-        iterations: d + 1,
+        iterations: f + 1,
         fill: "both"
       };
       s = e.animate({
@@ -2058,7 +2058,7 @@ function Li(e, t, n, a = {}, i) {
       duration: c,
       delay: h,
       easing: p,
-      repeat: d,
+      repeat: f,
       offset: _
     }, "motion-one"), $.setAnimation(s), s;
   };
@@ -2129,10 +2129,10 @@ function qi(e) {
     for (let s = 0; s < r; s++) {
       const c = n[s];
       for (const h in a) {
-        const f = ji(i, h);
-        f.delay = Ui(f.delay, s, r);
-        const d = Li(c, h, a[h], f, e);
-        o.push(d);
+        const d = ji(i, h);
+        d.delay = Ui(d.delay, s, r);
+        const f = Li(c, h, a[h], d, e);
+        o.push(f);
       }
     }
     return Xn(
@@ -2206,13 +2206,13 @@ function W(e, t = "modelValue", n, a = (r) => r, i = (r) => r) {
   function h() {
     return e[s];
   }
-  const f = C(() => {
+  const d = C(() => {
     h();
     const p = r.vnode.props;
     return (oe(p, o) || oe(p, s)) && (oe(p, `onUpdate:${o}`) || oe(p, `onUpdate:${s}`));
   });
   Ji(
-    () => !f.value,
+    () => !d.value,
     () => {
       R(
         () => h(),
@@ -2222,18 +2222,18 @@ function W(e, t = "modelValue", n, a = (r) => r, i = (r) => r) {
       );
     }
   );
-  const d = C({
+  const f = C({
     get() {
-      return a(f.value ? h() : c.value);
+      return a(d.value ? h() : c.value);
     },
     set(p) {
-      const x = i(p), m = xn(f.value ? h() : c.value);
+      const x = i(p), m = xn(d.value ? h() : c.value);
       m === x || i(m) === p || (c.value = x, r == null || r.emit(`update:${s}`, x));
     }
   });
-  return Object.defineProperty(d, "rxValue", {
-    get: () => f.value ? h() : c.value
-  }), d;
+  return Object.defineProperty(f, "rxValue", {
+    get: () => d.value ? h() : c.value
+  }), f;
 }
 const Ce = /* @__PURE__ */ A({
   name: "YPlate",
@@ -2327,16 +2327,16 @@ const un = {
     }
     const {
       start: h,
-      stop: f,
-      reset: d
+      stop: d,
+      reset: f
     } = ri(c, e.duration);
     function p() {
       e.duration > 0 && h();
     }
     R(i, (_) => {
-      _ ? f() : p();
+      _ ? d() : p();
     }), R(a, (_) => {
-      _ ? p() : d();
+      _ ? p() : f();
     }, {
       immediate: !0
     });
@@ -2430,10 +2430,10 @@ const er = {
     const i = T(), r = T(), o = T(), s = T(), c = T(), h = C(() => ({
       ...ve(e.tooltipClasses),
       "y-tooltip": !0
-    })), f = W(e), d = C({
-      get: () => !!f.value,
+    })), d = W(e), f = C({
+      get: () => !!d.value,
       set: (y) => {
-        y && e.disabled || (f.value = y);
+        y && e.disabled || (d.value = y);
       }
     }), p = C(() => {
       const y = s.value;
@@ -2461,7 +2461,7 @@ const er = {
       }
       const y = r.value;
       s.value = (w = r.value) != null && w.$el ? ($ = r.value) == null ? void 0 : $.$el : y;
-    }), R(d, (y) => {
+    }), R(f, (y) => {
       y && et(() => {
         var w;
         const S = (w = i.value) == null ? void 0 : w.content$;
@@ -2469,10 +2469,10 @@ const er = {
       });
     });
     function m(y) {
-      e.openOnHover && (d.value = !0);
+      e.openOnHover && (f.value = !0);
     }
     function _(y) {
-      e.openOnHover && (d.value = !1);
+      e.openOnHover && (f.value = !1);
     }
     function v(y) {
       y.addEventListener("mouseenter", m), y.addEventListener("mouseleave", _);
@@ -2485,14 +2485,14 @@ const er = {
     }), M(() => {
       var S;
       const y = (S = t.base) == null ? void 0 : S.call(t, {
-        active: d.value,
+        active: f.value,
         props: Z({
           ref: r
         })
       });
       return o.value = y, l(L, null, [y, l(le, {
-        modelValue: d.value,
-        "onUpdate:modelValue": (w) => d.value = w,
+        modelValue: f.value,
+        "onUpdate:modelValue": (w) => f.value = w,
         ref: i,
         classes: h.value,
         scrim: !1,
@@ -2515,7 +2515,7 @@ const er = {
       baseEl: s,
       coordinatesStyles: p,
       baseSlot: o,
-      active: d
+      active: f
     };
   }
 });
@@ -2611,17 +2611,17 @@ const ar = /* @__PURE__ */ A({
         n.value = Math.min(Math.max(10, (_.clientY - v.y) / v.height * 100), 90);
       });
     }
-    function f() {
-      a.value = !1, o.value.removeEventListener("mousemove", h), o.value.removeEventListener("mouseup", d), o.value.removeEventListener("mouseleave", p);
+    function d() {
+      a.value = !1, o.value.removeEventListener("mousemove", h), o.value.removeEventListener("mouseup", f), o.value.removeEventListener("mouseleave", p);
     }
-    function d(m) {
-      f();
+    function f(m) {
+      d();
     }
     function p(m) {
-      f();
+      d();
     }
     function x(m) {
-      m.preventDefault(), a.value = !0, o.value.addEventListener("mousemove", h), o.value.addEventListener("mouseup", d), o.value.addEventListener("mouseleave", p);
+      m.preventDefault(), a.value = !0, o.value.addEventListener("mousemove", h), o.value.addEventListener("mouseup", f), o.value.addEventListener("mouseleave", p);
     }
     return M(() => {
       var m, _;
@@ -2748,15 +2748,15 @@ const ae = /* @__PURE__ */ A({
       const S = !i.value;
       i.value = S, a.updateExpanded(g.value, S), a.emitExpanded();
     }
-    function f(y) {
+    function d(y) {
       y.stopPropagation();
       const S = !o.value;
       o.value = S, a.updateSelected(g.value, S), a.emitSelected();
     }
-    const d = C(() => {
+    const f = C(() => {
       var y;
       return ((y = e.item) == null ? void 0 : y[e.childrenKey]) ?? [];
-    }), p = C(() => d.value.length < 1), x = C(() => ({
+    }), p = C(() => f.value.length < 1), x = C(() => ({
       "y-tree-view-node": !0,
       "y-tree-view-node--leaf": p.value,
       "y-tree-view-node--expanded": i.value,
@@ -2769,7 +2769,7 @@ const ae = /* @__PURE__ */ A({
     }));
     M(() => {
       var w;
-      const y = d.value.map(($) => k(
+      const y = f.value.map(($) => k(
         Rt,
         { ...e, level: (e.level ?? 0) + 1, item: $ },
         t
@@ -2812,7 +2812,7 @@ const ae = /* @__PURE__ */ A({
                 "div",
                 {
                   class: ["y-tree-view-node__select"],
-                  onClick: ($) => f($)
+                  onClick: ($) => d($)
                 },
                 [k(ae, { checked: o.value })]
               ),
@@ -2840,7 +2840,7 @@ const ae = /* @__PURE__ */ A({
             ]
           ),
           /* CHILDREN */
-          d.value.length > 0 ? k(
+          f.value.length > 0 ? k(
             ea,
             { disabled: e.disableTransition },
             i.value ? () => k(
@@ -2935,15 +2935,15 @@ const dn = Pt(), rr = /* @__PURE__ */ A({
     emit: n,
     expose: a
   }) {
-    const i = T({}), r = W(e, "expanded"), o = W(e, "active"), s = W(e, "selected"), c = T(/* @__PURE__ */ new Set()), h = T(/* @__PURE__ */ new Set()), f = T(/* @__PURE__ */ new Set());
+    const i = T({}), r = W(e, "expanded"), o = W(e, "active"), s = W(e, "selected"), c = T(/* @__PURE__ */ new Set()), h = T(/* @__PURE__ */ new Set()), d = T(/* @__PURE__ */ new Set());
     T([]);
-    function d(u, b = []) {
+    function f(u, b = []) {
       const {
         childKeys: O
       } = i.value[u];
       b.push(...O);
       for (const N of O)
-        b = d(N, b);
+        b = f(N, b);
       return b;
     }
     function p(u) {
@@ -2968,7 +2968,7 @@ const dn = Pt(), rr = /* @__PURE__ */ A({
           indeterminate: me.indeterminate,
           selected: me.selected
         };
-        x(U, P, O + 1), i.value[P] = Ta, i.value[P].expanded && c.value.add(P), i.value[P].selected && c.value.add(P), i.value[P].active && f.value.add(P), B(P);
+        x(U, P, O + 1), i.value[P] = Ta, i.value[P].expanded && c.value.add(P), i.value[P].selected && c.value.add(P), i.value[P].active && d.value.add(P), B(P);
       }
     }
     function m(u, b) {
@@ -2987,16 +2987,16 @@ const dn = Pt(), rr = /* @__PURE__ */ A({
         return;
       const O = i.value[u];
       let N = b ? "" : u;
-      if (e.multipleActive || ([N] = f.value.keys()), b && (f.value.add(u), O.active = !0), N && N in i.value && (f.value.delete(N), i.value[N].active = !1, B(N)), e.multipleActive && e.activeStrategy === "cascade")
-        for (const P of d(u))
-          P in i.value && (b ? f.value.add(P) : f.value.delete(P), i.value[P].active = b, B(P));
+      if (e.multipleActive || ([N] = d.value.keys()), b && (d.value.add(u), O.active = !0), N && N in i.value && (d.value.delete(N), i.value[N].active = !1, B(N)), e.multipleActive && e.activeStrategy === "cascade")
+        for (const P of f(u))
+          P in i.value && (b ? d.value.add(P) : d.value.delete(P), i.value[P].active = b, B(P));
     }
     function g(u, b) {
       if (!(u in i.value))
         return;
       const O = i.value[u];
       if (b && (h.value.add(u), O.selected = !0), !b && u in i.value && (h.value.delete(u), i.value[u].selected = !1, B(u)), e.selectStrategy === "cascade")
-        for (const N of d(u))
+        for (const N of f(u))
           N in i.value && (b ? h.value.add(N) : h.value.delete(N), i.value[N].selected = b, B(N));
     }
     function y() {
@@ -3004,7 +3004,7 @@ const dn = Pt(), rr = /* @__PURE__ */ A({
       r.value = e.returnItem ? u.map((b) => i.value[b].item) : u;
     }
     function S() {
-      const u = [...f.value];
+      const u = [...d.value];
       o.value = e.returnItem ? u.map((b) => i.value[b].item) : u;
     }
     function w() {
@@ -3018,7 +3018,7 @@ const dn = Pt(), rr = /* @__PURE__ */ A({
     R(r, (u) => {
       $(u, c, m, y);
     }), R(o, (u) => {
-      $(u, f, v, S);
+      $(u, d, v, S);
     }), R(s, (u) => {
       $(u, h, g, w);
     }), R(() => e.items, (u) => {
@@ -3027,7 +3027,7 @@ const dn = Pt(), rr = /* @__PURE__ */ A({
         return;
       N.forEach((U) => delete i.value[U]);
       const P = [...h.value];
-      h.value.clear(), c.value.clear(), f.value.clear(), x(u), He(P, [...h.value]) || w();
+      h.value.clear(), c.value.clear(), d.value.clear(), x(u), He(P, [...h.value]) || w();
     }, {
       deep: !0
     });
@@ -3073,7 +3073,7 @@ const dn = Pt(), rr = /* @__PURE__ */ A({
       nodes: i,
       expandedSet: c,
       selectedSet: h,
-      activeSet: f
+      activeSet: d
     };
   }
 });
@@ -3180,14 +3180,14 @@ const Mt = j({
         }]
       }, {
         default: () => {
-          var s, c, h, f, d;
+          var s, c, h, d, f;
           return [(s = t.top) == null ? void 0 : s.call(t), t.default ? l("div", {
             class: ["y-table__container"],
             ref: n,
             style: {
               height: X(r)
             }
-          }, [(c = t.leading) == null ? void 0 : c.call(t), l("table", null, [t.default()]), (h = t.trailing) == null ? void 0 : h.call(t)]) : (f = t.container) == null ? void 0 : f.call(t, n, a), (d = t.bottom) == null ? void 0 : d.call(t)];
+          }, [(c = t.leading) == null ? void 0 : c.call(t), l("table", null, [t.default()]), (h = t.trailing) == null ? void 0 : h.call(t)]) : (d = t.container) == null ? void 0 : d.call(t, n, a), (f = t.bottom) == null ? void 0 : f.call(t)];
         }
       });
     });
@@ -3285,17 +3285,17 @@ function ur(e, t) {
         rowIndex: o[m].rowIndex
       });
     }
-    const f = ce(s).map(() => []), d = ce(s).fill(0);
+    const d = ce(s).map(() => []), f = ce(s).fill(0);
     o.forEach(({ column: m, rowIndex: _ }) => {
       const { key: v } = m;
       for (let g = _; g <= _ + (m.rowspan ?? 1) - 1; g += 1)
-        f[g].push({
+        d[g].push({
           ...m,
           key: v,
-          fixedOffset: d[g],
+          fixedOffset: f[g],
           sortable: m.sortable ?? !!v
-        }), d[g] += Number(m.width ?? 0);
-    }), f.forEach((m) => {
+        }), f[g] += Number(m.width ?? 0);
+    }), d.forEach((m) => {
       for (let _ = m.length; _ -= 1; _ >= 0)
         if (m[_].fixed) {
           m[_].lastFixed = !0;
@@ -3303,12 +3303,12 @@ function ur(e, t) {
         }
     });
     const p = /* @__PURE__ */ new Set();
-    n.value = f.map((m) => {
+    n.value = d.map((m) => {
       const _ = [];
       for (const v of m)
         p.has(v.key) || (p.add(v.key), _.push(v));
       return _;
-    }), a.value = f.at(-1) ?? [];
+    }), a.value = d.at(-1) ?? [];
   });
   const i = { headers: n, columns: a };
   return ye(_t, i), i;
@@ -3399,10 +3399,10 @@ function fr(e, {
       selected: new Set(a.value)
     });
   }
-  function f(v) {
+  function d(v) {
     h([v], !s([v]));
   }
-  function d(v) {
+  function f(v) {
     a.value = o.value.selectAll({
       value: v,
       allItems: i.value,
@@ -3414,9 +3414,9 @@ function fr(e, {
     allItems: i.value,
     pageItems: r.value
   })), x = C(() => a.value.size > 0), m = C(() => s(p.value)), _ = {
-    toggleSelect: f,
+    toggleSelect: d,
     select: h,
-    selectAll: d,
+    selectAll: f,
     isSelected: s,
     isSomeSelected: c,
     someSelected: x,
@@ -3464,22 +3464,23 @@ const hr = j({
       }]
     }, {
       default: () => {
-        var d, p;
-        const c = e.item, h = `item.${o.key}`, f = {
+        var f, p;
+        const c = e.item, h = `item.${o.key}`, d = {
           index: e.index,
           item: e.item,
           columns: r.value,
+          value: Re(c.columns, o.key),
           isSelected: a,
           toggleSelect: i
         };
-        return n[h] ? (d = n[h]) == null ? void 0 : d.call(n, f) : o.key === "data-table-select" ? ((p = n["item.data-table-select"]) == null ? void 0 : p.call(n, f)) ?? l(ae, Z({
+        return n[h] ? (f = n[h]) == null ? void 0 : f.call(n, d) : o.key === "data-table-select" ? ((p = n["item.data-table-select"]) == null ? void 0 : p.call(n, d)) ?? l(ae, Z({
           checked: a([c]),
           disabled: !c.selectable
         }, {
           onClick: (x) => {
             x.stopPropagation(), i(c);
           }
-        }), null) : Re(c.columns, o.key);
+        }), null) : d.value;
       }
     }))]));
   }
@@ -3522,7 +3523,7 @@ const hr = j({
       }, [l("td", {
         colspan: a.value.length
       }, [((o = t["no-data"]) == null ? void 0 : o.call(t)) ?? e.noDataText])]) : l(L, null, [t.body ? (s = t.body) == null ? void 0 : s.call(t, e) : e.items.map((c, h) => {
-        const d = {
+        const f = {
           ...{
             index: h,
             item: c,
@@ -3542,7 +3543,7 @@ const hr = j({
             item: c
           }
         };
-        return l(L, null, [t.item ? t.item(d) : l(vr, d.props, t)]);
+        return l(L, null, [t.item ? t.item(f) : l(vr, f.props, t)]);
       })]);
     }), {};
   }
@@ -3676,8 +3677,8 @@ function re(e, t, n, a, i, r) {
     s = [...o.values()];
   else if (n === "length" && ie(e)) {
     const h = Number(a);
-    o.forEach((f, d) => {
-      (d === "length" || d >= h) && s.push(f);
+    o.forEach((d, f) => {
+      (f === "length" || f >= h) && s.push(d);
     });
   } else
     switch (n !== void 0 && s.push(o.get(n)), t) {
@@ -3696,8 +3697,8 @@ function re(e, t, n, a, i, r) {
     s[0] && (process.env.NODE_ENV !== "production" ? fe(s[0], c) : fe(s[0]));
   else {
     const h = [];
-    for (const f of s)
-      f && h.push(...f);
+    for (const d of s)
+      d && h.push(...d);
     process.env.NODE_ENV !== "production" ? fe($e(h), c) : fe($e(h));
   }
 }
@@ -3850,12 +3851,12 @@ function gn() {
 function De(e, t) {
   return function(a, i) {
     const r = this, o = r.__v_raw, s = D(o), c = t ? Wt : e ? Ut : ke;
-    return !e && z(s, "iterate", se), o.forEach((h, f) => a.call(i, c(h), c(f), r));
+    return !e && z(s, "iterate", se), o.forEach((h, d) => a.call(i, c(h), c(d), r));
   };
 }
 function Ne(e, t, n) {
   return function(...a) {
-    const i = this.__v_raw, r = D(i), o = we(r), s = e === "entries" || e === Symbol.iterator && o, c = e === "keys" && o, h = i[e](...a), f = n ? Wt : t ? Ut : ke;
+    const i = this.__v_raw, r = D(i), o = we(r), s = e === "entries" || e === Symbol.iterator && o, c = e === "keys" && o, h = i[e](...a), d = n ? Wt : t ? Ut : ke;
     return !t && z(
       r,
       "iterate",
@@ -3863,9 +3864,9 @@ function Ne(e, t, n) {
     ), {
       // iterator protocol
       next() {
-        const { value: d, done: p } = h.next();
-        return p ? { value: d, done: p } : {
-          value: s ? [f(d[0]), f(d[1])] : f(d),
+        const { value: f, done: p } = h.next();
+        return p ? { value: f, done: p } : {
+          value: s ? [d(f[0]), d(f[1])] : d(f),
           done: p
         };
       },
@@ -4151,10 +4152,10 @@ function so(e) {
 }
 function lo(e) {
   const { sortBy: t, multiSort: n, page: a } = e, i = (s) => {
-    var d;
-    let c = ((d = t.value) == null ? void 0 : d.map((p) => ({ ...p }))) ?? [];
-    const h = c.find((p) => p.key === s.key), f = { key: s.key, order: "asc" };
-    h ? h.order === "desc" ? s.mustSort ? h.order = "asc" : c = c.filter((p) => p.key !== s.key) : h.order = "desc" : n != null && n.value ? c = [...c, f] : c = [f], t.value = c, a && (a.value = 1);
+    var f;
+    let c = ((f = t.value) == null ? void 0 : f.map((p) => ({ ...p }))) ?? [];
+    const h = c.find((p) => p.key === s.key), d = { key: s.key, order: "asc" };
+    h ? h.order === "desc" ? s.mustSort ? h.order = "asc" : c = c.filter((p) => p.key !== s.key) : h.order = "desc" : n != null && n.value ? c = [...c, d] : c = [d], t.value = c, a && (a.value = 1);
   };
   function r(s) {
     return !!t.value.find((c) => c.key === s.key);
@@ -4202,8 +4203,8 @@ const _a = j({
       showSelectAll: c,
       selectables: h
     } = jt(), {
-      columns: f,
-      headers: d
+      columns: d,
+      headers: f
     } = Lt(), p = (v, g) => {
       if (!(!e.sticky && !v.fixed))
         return {
@@ -4288,7 +4289,7 @@ const _a = j({
     });
     M(() => {
       var v;
-      return l(L, null, [t.head ? (v = t.head) == null ? void 0 : v.call(t, e) : d.value.map((g, y) => l("tr", null, [g.map((S, w) => l(_, {
+      return l(L, null, [t.head ? (v = t.head) == null ? void 0 : v.call(t, e) : f.value.map((g, y) => l("tr", null, [g.map((S, w) => l(_, {
         column: S,
         x: w,
         y
@@ -4343,10 +4344,10 @@ function fo(e) {
   function h() {
     t.value = it(t.value - 1, 1, o.value);
   }
-  function f(p) {
+  function d(p) {
     t.value = it(p, 1, o.value);
   }
-  const d = {
+  const f = {
     page: t,
     pageSize: n,
     startIndex: i,
@@ -4355,10 +4356,10 @@ function fo(e) {
     total: a,
     nextPage: c,
     prevPage: h,
-    setPage: f,
+    setPage: d,
     setPageSize: s
   };
-  return ye(co, d), d;
+  return ye(co, f), f;
 }
 const ho = j(
   {
@@ -4516,9 +4517,9 @@ const xa = j({
     } = ur(e, {
       enableSelect: Et(e, "enableSelect")
     }), {
-      items: f
+      items: d
     } = yo(e, c), {
-      toggleSort: d
+      toggleSort: f
     } = lo({
       sortBy: r,
       multiSort: o,
@@ -4539,8 +4540,8 @@ const xa = j({
       someSelected: S,
       allSelected: w
     } = fr(e, {
-      allItems: f,
-      pageItems: f
+      allItems: d,
+      pageItems: d
     });
     go({
       page: a,
@@ -4548,7 +4549,7 @@ const xa = j({
       search: Et(e, "search"),
       sortBy: r
     }, n), ye("y-data-table", {
-      toggleSort: d,
+      toggleSort: f,
       sortBy: r
     });
     const $ = C(() => ({
@@ -4560,7 +4561,7 @@ const xa = j({
       setPage: m,
       // sorting
       sortBy: r.value,
-      toggleSort: d,
+      toggleSort: f,
       // selection
       someSelected: S.value,
       allSelected: w.value,
@@ -4569,7 +4570,7 @@ const xa = j({
       selectAll: g,
       toggleSelect: y,
       //
-      items: f.value,
+      items: d.value,
       columns: c.value,
       headers: h.value
     }));
@@ -4586,7 +4587,7 @@ const xa = j({
         default: () => {
           var Y, V, u;
           return t.default ? t.default($.value) : l(L, null, [l("thead", null, [l(je, B, t)]), (Y = t.thead) == null ? void 0 : Y.call(t, $.value), l("tbody", null, [l(Le, Z(I, {
-            items: f.value
+            items: d.value
           }), t)]), (V = t.tbody) == null ? void 0 : V.call(t, $.value), (u = t.tfoot) == null ? void 0 : u.call(t, $.value)]);
         },
         trailing: () => {
@@ -4654,14 +4655,14 @@ const Ea = {
     const i = T(), r = T(), o = T(), s = T(), c = T(), h = C(() => ({
       ...ve(e.menuClasses),
       "y-menu": !0
-    })), f = W(e), d = C({
-      get: () => !!f.value,
+    })), d = W(e), f = C({
+      get: () => !!d.value,
       set: (E) => {
-        E && e.disabled || (f.value = E);
+        E && e.disabled || (d.value = E);
       }
     }), p = Fe(e, "position"), x = Fe(e, "align"), m = T(), _ = C(() => m.value ?? {});
     function v() {
-      const E = s.value, Y = d.value;
+      const E = s.value, Y = f.value;
       if (E && Y) {
         const V = c.value, u = E.getBoundingClientRect();
         let b = u.top, O = u.left + u.width / 2;
@@ -4685,7 +4686,7 @@ const Ea = {
       }
       const E = r.value;
       s.value = (Y = r.value) != null && Y.$el ? (V = r.value) == null ? void 0 : V.$el : E;
-    }), R(d, (E) => {
+    }), R(f, (E) => {
       E && et(() => {
         var V;
         const Y = (V = i.value) == null ? void 0 : V.content$;
@@ -4693,17 +4694,17 @@ const Ea = {
       });
     });
     function y(E) {
-      e.openOnHover && (d.value = !0);
+      e.openOnHover && (f.value = !0);
     }
     function S(E) {
-      e.openOnHover && (d.value = !1);
+      e.openOnHover && (f.value = !1);
     }
     function w(E) {
-      const Y = d.value;
-      e.disabled || (d.value = !Y);
+      const Y = f.value;
+      e.disabled || (f.value = !Y);
     }
     function $(E) {
-      d.value && (d.value = !1);
+      f.value && (f.value = !1);
     }
     function B(E) {
       E.addEventListener("mouseenter", y), E.addEventListener("mouseleave", S);
@@ -4716,18 +4717,18 @@ const Ea = {
     }), M(() => {
       var Y;
       const E = (Y = t.base) == null ? void 0 : Y.call(t, {
-        active: d.value,
+        active: f.value,
         props: Z({
           ref: r,
           class: {
             "y-menu-base": !0,
-            "y-menu-base--active": d.value
+            "y-menu-base--active": f.value
           }
         })
       });
       return o.value = E, l(L, null, [E, l(le, {
-        modelValue: d.value,
-        "onUpdate:modelValue": (V) => d.value = V,
+        modelValue: f.value,
+        "onUpdate:modelValue": (V) => f.value = V,
         ref: i,
         classes: h.value,
         scrim: !1,
@@ -4886,11 +4887,11 @@ const kt = /* @__PURE__ */ A({
     function h(m, ..._) {
       e.disabled || e.readonly || (i.value = !i.value, t("change", i.value, m));
     }
-    function f() {
+    function d() {
       var m;
       Array.isArray(e.inputValue) ? ((m = e.inputValue) == null ? void 0 : m.find((v) => v === e.value)) !== void 0 ? i.value = !0 : i.value = !1 : typeof e.inputValue == "boolean" && (i.value = e.inputValue);
     }
-    const d = C(() => {
+    const f = C(() => {
       const {
         reverse: m,
         disabled: _,
@@ -4910,7 +4911,7 @@ const kt = /* @__PURE__ */ A({
     return C(() => x.value ? e.inputValue.findIndex((m) => m === e.value) : -1), M(() => {
       var m, _;
       return l("div", {
-        class: d
+        class: f
       }, [l("slot", {
         name: "prepend"
       }, null), l("div", {
@@ -4942,7 +4943,7 @@ const kt = /* @__PURE__ */ A({
       }, [n.label ? (m = n.label) == null ? void 0 : m.call(n) : e.label])]), (_ = n.append) == null ? void 0 : _.call(n)]);
     }), {
       innerValue: i,
-      inputByValue: f
+      inputByValue: d
     };
   },
   created() {
@@ -5055,7 +5056,7 @@ const $a = j({
       const S = e.showEndButton ? 5 : 3, w = y * S, $ = +(e.gap ?? 4);
       return Math.max(0, Math.floor(+((g - w - $) / (y + $)).toFixed(2)));
     }
-    const h = C(() => e.totalVisible ? parseInt(e.totalVisible, 10) : o.value >= 0 ? o.value : c(innerWidth, 58)), f = C(() => {
+    const h = C(() => e.totalVisible ? parseInt(e.totalVisible, 10) : o.value >= 0 ? o.value : c(innerWidth, 58)), d = C(() => {
       const g = !!e.disabled || a.value <= r.value, y = !!e.disabled || a.value >= r.value + i.value - 1;
       return {
         first: {
@@ -5093,7 +5094,7 @@ const $a = j({
           }
         }
       };
-    }), d = C(() => {
+    }), f = C(() => {
       if (i.value <= 0 || isNaN(i.value) || i.value > Number.MAX_SAFE_INTEGER)
         return [];
       if (h.value <= 1)
@@ -5117,7 +5118,7 @@ const $a = j({
     function m(g, y = 1) {
       g.preventDefault(), a.value = y, n("change", y);
     }
-    const _ = C(() => d.value.map((g, y) => {
+    const _ = C(() => f.value.map((g, y) => {
       const S = (w) => x(w, y);
       if (g === "ellipsis")
         return {
@@ -5167,14 +5168,14 @@ const $a = j({
     }, [e.showEndButton && l("li", {
       key: "first",
       class: "y-pagination__first"
-    }, [t.first ? t.first(f.value.first) : l(H, f.value.first, {
+    }, [t.first ? t.first(d.value.first) : l(H, d.value.first, {
       default: () => [t["first-icon"] ? t["first-icon"]() : l(Pe, {
         type: "first"
       }, null)]
     })]), l("li", {
       key: "prev",
       class: "y-pagination__prev"
-    }, [t.prev ? t.prev(f.value.prev) : l(H, f.value.prev, {
+    }, [t.prev ? t.prev(d.value.prev) : l(H, d.value.prev, {
       default: () => [t["prev-icon"] ? t["prev-icon"]() : l(Pe, {
         type: "prev"
       }, null)]
@@ -5188,14 +5189,14 @@ const $a = j({
     })])), l("li", {
       key: "next",
       class: "y-pagination__next"
-    }, [t.next ? t.next(f.value.next) : l(H, f.value.next, {
+    }, [t.next ? t.next(d.value.next) : l(H, d.value.next, {
       default: () => [t["next-icon"] ? t["next-icon"]() : l(Pe, {
         type: "next"
       }, null)]
     })]), e.showEndButton && l("li", {
       key: "last",
       class: "y-pagination__last"
-    }, [t.last ? t.last(f.value.last) : l(H, f.value.last, {
+    }, [t.last ? t.last(d.value.last) : l(H, d.value.last, {
       default: () => [t["last-icon"] ? t["last-icon"]() : l(Pe, {
         type: "last"
       }, null)]
@@ -5293,33 +5294,33 @@ function Eo(e) {
     themes: o,
     mode: i
   });
-  function c(d) {
-    d.directive("theme", Dn);
+  function c(f) {
+    f.directive("theme", Dn);
   }
-  function h(d) {
-    console.log(xn(d.theme)), R(
+  function h(f) {
+    console.log(xn(f.theme)), R(
       r,
       (p) => {
         const [x, m] = p;
-        d.root.dataset.lightTheme = x, d.root.dataset.darkTheme = m;
+        f.root.dataset.lightTheme = x, f.root.dataset.darkTheme = m;
       },
       { immediate: !0 }
     ), R(
       a,
       (p) => {
-        d.root.setAttribute("data-theme-scheme", p);
+        f.root.setAttribute("data-theme-scheme", p);
       },
       { immediate: !0 }
     );
   }
-  function f(d) {
+  function d(f) {
     t.run(() => {
-      h(d);
+      h(f);
     });
   }
   return {
     install: c,
-    init: f,
+    init: d,
     scope: t,
     instance: s
   };