@itguy614/clean-ui 1.0.1 → 1.1.0

package/dist/components/CuiTabs.vue2.js

@@ -1,8 +1,8 @@
-import { defineComponent as $, ref as p, watch as A, provide as D, toRef as s, computed as T, withDirectives as z, openBlock as v, createElementBlock as f, normalizeClass as _, createElementVNode as h, Fragment as S, renderList as B, normalizeStyle as K, toDisplayString as N, withModifiers as E, unref as H, createVNode as L, createCommentVNode as M, renderSlot as R, vShow as q, nextTick as F } from "vue";
-import U from "./CuiIcon.vue.js";
-import { TabsContextKey as j } from "./tabs-context.js";
-import { useMessages as G } from "../composables/useMessages.js";
-const J = ["aria-orientation"], O = ["data-cui-tab-value", "aria-selected", "aria-disabled", "tabindex", "onClick"], P = { class: "cui-tabs__tab-content" }, Q = ["aria-label", "onClick"], W = { class: "cui-tabs__panels" }, te = /* @__PURE__ */ $({
+import { defineComponent as H, ref as b, watch as _, provide as K, toRef as m, onMounted as M, nextTick as S, onBeforeUnmount as N, computed as L, withDirectives as O, openBlock as v, createElementBlock as h, normalizeClass as T, createElementVNode as k, Fragment as $, renderList as U, normalizeStyle as W, createBlock as q, resolveDynamicComponent as F, createTextVNode as j, toDisplayString as G, withModifiers as J, unref as P, createVNode as Q, createCommentVNode as X, renderSlot as Y, vShow as Z } from "vue";
+import ee from "./CuiIcon.vue.js";
+import { TabsContextKey as te } from "./tabs-context.js";
+import { useMessages as ae } from "../composables/useMessages.js";
+const oe = { class: "cui-tabs__bar-outer" }, le = ["aria-orientation", "data-overflow"], ne = ["data-cui-tab-value", "aria-selected", "aria-disabled", "tabindex", "onClick"], ie = { class: "cui-tabs__tab-content" }, re = ["aria-label", "onClick"], ue = { class: "cui-tabs__panels" }, fe = /* @__PURE__ */ H({
   __name: "CuiTabs",
   props: {
     modelValue: {},
@@ -14,111 +14,149 @@ const J = ["aria-orientation"], O = ["data-cui-tab-value", "aria-selected", "ari
     color: { default: "primary" }
   },
   emits: ["update:modelValue", "close"],
-  setup(o, { emit: x }) {
-    const n = o, b = x, l = p(n.modelValue ?? ""), c = p(""), i = p([]);
-    A(
+  setup(r, { emit: A }) {
+    const n = r, x = A, o = b(n.modelValue ?? ""), p = b(""), l = b([]), f = b(null);
+    _(
       () => n.modelValue,
       (e) => {
-        e !== void 0 && e !== l.value && (c.value = l.value, l.value = e);
+        e !== void 0 && e !== o.value && (p.value = o.value, o.value = e);
       }
     );
-    function k(e) {
-      i.value.find((a) => a.value === e.value) || i.value.push(e), !l.value && !e.disabled && (l.value = e.value, b("update:modelValue", e.value));
+    function D(e) {
+      const a = l.value.findIndex((t) => t.value === e.value);
+      a >= 0 ? l.value[a] = e : l.value.push(e), !o.value && !e.disabled && (o.value = e.value, x("update:modelValue", e.value));
     }
-    function g(e) {
-      i.value = i.value.filter((a) => a.value !== e);
+    function B(e) {
+      l.value = l.value.filter((a) => a.value !== e);
     }
-    function m(e) {
-      const a = i.value.find((t) => t.value === e);
-      a != null && a.disabled || (c.value = l.value, l.value = e, b("update:modelValue", e));
+    function w(e) {
+      const a = l.value.find((t) => t.value === e);
+      a != null && a.disabled || (p.value = o.value, o.value = e, x("update:modelValue", e));
     }
-    function y(e) {
-      b("close", e);
+    function V(e) {
+      x("close", e);
     }
-    D(j, {
-      activeTab: l,
-      variant: s(n, "variant"),
-      orientation: s(n, "orientation"),
-      color: s(n, "color"),
-      keepAlive: s(n, "keepAlive"),
-      transition: s(n, "transition"),
-      previousTab: c,
-      register: k,
-      unregister: g,
-      activate: m,
-      close: y
+    K(te, {
+      activeTab: o,
+      variant: m(n, "variant"),
+      orientation: m(n, "orientation"),
+      color: m(n, "color"),
+      keepAlive: m(n, "keepAlive"),
+      transition: m(n, "transition"),
+      previousTab: p,
+      register: D,
+      unregister: B,
+      activate: w,
+      close: V
     });
-    function w(e) {
-      const a = i.value.filter((r) => !r.disabled), t = a.findIndex((r) => r.value === l.value);
+    function E(e) {
+      const a = l.value.filter((d) => !d.disabled), t = a.findIndex((d) => d.value === o.value);
       if (t < 0) return;
-      const d = n.orientation === "horizontal", I = d ? "ArrowRight" : "ArrowDown", V = d ? "ArrowLeft" : "ArrowUp";
-      let u = -1;
-      e.key === I ? (e.preventDefault(), u = t < a.length - 1 ? t + 1 : 0) : e.key === V ? (e.preventDefault(), u = t > 0 ? t - 1 : a.length - 1) : e.key === "Home" ? (e.preventDefault(), u = 0) : e.key === "End" && (e.preventDefault(), u = a.length - 1), u >= 0 && (m(a[u].value), F(() => {
-        const r = document.querySelector(
-          `[data-cui-tab-value="${a[u].value}"]`
-        );
-        r == null || r.focus();
+      const u = n.orientation === "horizontal", y = u ? "ArrowRight" : "ArrowDown", I = u ? "ArrowLeft" : "ArrowUp";
+      let i = -1;
+      e.key === y ? (e.preventDefault(), i = t < a.length - 1 ? t + 1 : 0) : e.key === I ? (e.preventDefault(), i = t > 0 ? t - 1 : a.length - 1) : e.key === "Home" ? (e.preventDefault(), i = 0) : e.key === "End" && (e.preventDefault(), i = a.length - 1), i >= 0 && (w(a[i].value), S(() => {
+        var d;
+        (d = C(a[i].value)) == null || d.focus();
       }));
     }
-    T(() => {
-      const e = i.value.findIndex((t) => t.value === c.value);
-      return i.value.findIndex((t) => t.value === l.value) >= e ? "left" : "right";
+    function C(e) {
+      var a;
+      return ((a = f.value) == null ? void 0 : a.querySelector(`[data-cui-tab-value="${e}"]`)) ?? null;
+    }
+    const g = b("none");
+    function s() {
+      const e = f.value;
+      if (!e) return;
+      const a = n.orientation === "horizontal", t = a ? e.clientWidth : e.clientHeight, u = a ? e.scrollWidth : e.scrollHeight, y = Math.abs(a ? e.scrollLeft : e.scrollTop);
+      if (u - t <= 1) {
+        g.value = "none";
+        return;
+      }
+      const I = y <= 1, i = y >= u - t - 1;
+      g.value = I ? "end" : i ? "start" : "both";
+    }
+    function z() {
+      var e, a;
+      (a = (e = C(o.value)) == null ? void 0 : e.scrollIntoView) == null || a.call(e, { inline: "nearest", block: "nearest" });
+    }
+    let c;
+    M(() => {
+      S(() => {
+        z(), s();
+      }), typeof ResizeObserver < "u" && f.value && (c = new ResizeObserver(s), c.observe(f.value));
+    }), N(() => {
+      c == null || c.disconnect(), c = void 0;
+    }), _(o, () => {
+      z(), s();
+    }, { flush: "post" }), _(() => l.value.length, s, { flush: "post" }), _(() => n.orientation, s, { flush: "post" }), L(() => {
+      const e = l.value.findIndex((t) => t.value === p.value);
+      return l.value.findIndex((t) => t.value === o.value) >= e ? "left" : "right";
     });
-    const C = G();
-    return (e, a) => z((v(), f("div", {
-      class: _(["cui-tabs", [
-        `cui-tabs--${o.variant}`,
-        `cui-tabs--${o.orientation}`
+    const R = ae();
+    return (e, a) => O((v(), h("div", {
+      class: T(["cui-tabs", [
+        `cui-tabs--${r.variant}`,
+        `cui-tabs--${r.orientation}`
       ]])
     }, [
-      h("div", {
-        class: "cui-tabs__bar",
-        role: "tablist",
-        "aria-orientation": o.orientation,
-        onKeydown: w
-      }, [
-        (v(!0), f(S, null, B(i.value, (t) => (v(), f("button", {
-          key: t.value,
-          "data-cui-tab-value": t.value,
-          class: _(["cui-tabs__tab", {
-            "cui-tabs__tab--active": l.value === t.value,
-            "cui-tabs__tab--disabled": t.disabled
-          }]),
-          style: K({
-            "--_tab-color": `var(--cui-${o.color})`,
-            "--_tab-hover": `var(--cui-${o.color}-hover)`,
-            "--_tab-bg": `var(--cui-${o.color}-bg)`
-          }),
-          role: "tab",
-          "aria-selected": l.value === t.value,
-          "aria-disabled": t.disabled || void 0,
-          tabindex: l.value === t.value ? 0 : -1,
-          onClick: (d) => m(t.value)
+      k("div", oe, [
+        k("div", {
+          ref_key: "barRef",
+          ref: f,
+          class: "cui-tabs__bar",
+          role: "tablist",
+          "aria-orientation": r.orientation,
+          "data-overflow": g.value,
+          onKeydown: E,
+          onScroll: s
         }, [
-          h("span", P, N(t.label), 1),
-          t.closeable ? (v(), f("button", {
-            key: 0,
-            type: "button",
-            class: "cui-tabs__tab-close",
-            "aria-label": H(C).tabs.closeTab,
-            tabindex: "-1",
-            onClick: E((d) => y(t.value), ["stop"])
+          (v(!0), h($, null, U(l.value, (t) => (v(), h("button", {
+            key: t.value,
+            "data-cui-tab-value": t.value,
+            class: T(["cui-tabs__tab", {
+              "cui-tabs__tab--active": o.value === t.value,
+              "cui-tabs__tab--disabled": t.disabled
+            }]),
+            style: W({
+              "--_tab-color": `var(--cui-${r.color})`,
+              "--_tab-hover": `var(--cui-${r.color}-hover)`,
+              "--_tab-bg": `var(--cui-${r.color}-bg)`
+            }),
+            role: "tab",
+            "aria-selected": o.value === t.value,
+            "aria-disabled": t.disabled || void 0,
+            tabindex: o.value === t.value ? 0 : -1,
+            onClick: (u) => w(t.value)
           }, [
-            L(U, {
-              name: "x",
-              size: "0.75rem"
-            })
-          ], 8, Q)) : M("", !0)
-        ], 14, O))), 128))
-      ], 40, J),
-      h("div", W, [
-        R(e.$slots, "default", {}, void 0, !0)
+            k("span", ie, [
+              t.labelSlot ? (v(), q(F(t.labelSlot), { key: 0 })) : (v(), h($, { key: 1 }, [
+                j(G(t.label), 1)
+              ], 64))
+            ]),
+            t.closeable ? (v(), h("button", {
+              key: 0,
+              type: "button",
+              class: "cui-tabs__tab-close",
+              "aria-label": P(R).tabs.closeTab,
+              tabindex: "-1",
+              onClick: J((u) => V(t.value), ["stop"])
+            }, [
+              Q(ee, {
+                name: "x",
+                size: "0.75rem"
+              })
+            ], 8, re)) : X("", !0)
+          ], 14, ne))), 128))
+        ], 40, le)
+      ]),
+      k("div", ue, [
+        Y(e.$slots, "default", {}, void 0, !0)
       ])
     ], 2)), [
-      [q, !o.hidden]
+      [Z, !r.hidden]
     ]);
   }
 });
 export {
-  te as default
+  fe as default
 };

package/dist/components/CuiTreeNode.vue.d.ts

@@ -11,6 +11,7 @@ type __VLS_Props = {
     cfg: {
         fontSize: string;
         iconSize: string;
+        hitSize: string;
         indent: string;
         padY: string;
         padX: string;

package/dist/components/CuiTreeNode.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CuiTreeNode.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiTreeNode.vue"],"names":[],"mappings":"AA6NA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAElD,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IAC/B,WAAW,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IAClC,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,GAAG,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;CACzF,CAAC;AAgQF,QAAA,IAAI,OAAO;;;;;CAAU,EAAE,QAAQ,KAAY,CAAE;AAC7C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACzC;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAiC7C,QAAA,MAAM,eAAe;;;;;;kFAOnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"CuiTreeNode.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiTreeNode.vue"],"names":[],"mappings":"AAiOA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAElD,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IAC/B,WAAW,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IAClC,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,GAAG,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;CAC1G,CAAC;AAiQF,QAAA,IAAI,OAAO;;;;;CAAU,EAAE,QAAQ,KAAY,CAAE;AAC7C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACzC;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAiC7C,QAAA,MAAM,eAAe;;;;;;kFAOnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/CuiTreeNode.vue.js

@@ -1,6 +1,6 @@
-import { defineComponent as I, computed as y, ref as b, watch as E, nextTick as H, resolveComponent as R, openBlock as n, createElementBlock as o, normalizeStyle as l, createCommentVNode as c, createElementVNode as k, createBlock as $, renderSlot as S, createTextVNode as Y, toDisplayString as V, Fragment as F, renderList as P, withCtx as W, mergeProps as X } from "vue";
-import C from "./CuiIcon.vue.js";
-const j = ["aria-expanded"], q = { style: { flex: "1", minWidth: "0", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" } }, w = "var(--cui-border-strong, var(--cui-border))", O = /* @__PURE__ */ I({
+import { defineComponent as I, computed as y, ref as b, watch as E, nextTick as H, resolveComponent as R, openBlock as n, createElementBlock as o, normalizeStyle as l, createCommentVNode as c, createElementVNode as $, createBlock as k, renderSlot as w, createTextVNode as Y, toDisplayString as V, Fragment as F, renderList as P, withCtx as W, mergeProps as X } from "vue";
+import z from "./CuiIcon.vue.js";
+const j = ["aria-expanded"], q = { style: { flex: "1", minWidth: "0", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" } }, S = "var(--cui-border-strong, var(--cui-border))", O = /* @__PURE__ */ I({
   __name: "CuiTreeNode",
   props: {
     node: {},
@@ -14,14 +14,14 @@ const j = ["aria-expanded"], q = { style: { flex: "1", minWidth: "0", overflow:
     cfg: {}
   },
   emits: ["toggle-expand", "select-node"],
-  setup(e, { emit: z }) {
-    const t = e, r = z, s = y(() => t.node.children && t.node.children.length > 0), u = y(() => t.expanded.has(t.node.id)), v = y(() => t.selectedSet.has(t.node.id)), f = b(null), i = b(void 0), h = b(u.value);
-    E(u, (d) => {
+  setup(e, { emit: C }) {
+    const t = e, r = C, s = y(() => t.node.children && t.node.children.length > 0), u = y(() => t.expanded.has(t.node.id)), v = y(() => t.selectedSet.has(t.node.id)), f = b(null), i = b(void 0), h = b(u.value);
+    E(u, (a) => {
       if (!t.animated) {
-        h.value = d;
+        h.value = a;
         return;
       }
-      d ? (h.value = !0, i.value = "0px", H(() => {
+      a ? (h.value = !0, i.value = "0px", H(() => {
         f.value && (i.value = f.value.scrollHeight + "px", setTimeout(() => {
           i.value = void 0;
         }, 250));
@@ -31,14 +31,14 @@ const j = ["aria-expanded"], q = { style: { flex: "1", minWidth: "0", overflow:
         }, 250);
       }));
     });
-    function L(d) {
-      d.stopPropagation(), r("toggle-expand", t.node);
+    function L(a) {
+      a.stopPropagation(), r("toggle-expand", t.node);
     }
     function T() {
       s.value && !t.selectable ? r("toggle-expand", t.node) : r("select-node", t.node);
     }
     const m = y(() => t.cfg.padX);
-    return (d, a) => {
+    return (a, d) => {
       const B = R("CuiTreeNode", !0);
       return n(), o("div", {
         role: "treeitem",
@@ -53,7 +53,7 @@ const j = ["aria-expanded"], q = { style: { flex: "1", minWidth: "0", overflow:
             top: "0",
             bottom: "0",
             width: "0",
-            borderLeft: `1px solid ${w}`,
+            borderLeft: `1px solid ${S}`,
             zIndex: "0"
           })
         }, null, 4)) : c("", !0),
@@ -65,7 +65,7 @@ const j = ["aria-expanded"], q = { style: { flex: "1", minWidth: "0", overflow:
             top: "0",
             height: `calc(${e.cfg.padY} + 0.625em)`,
             width: "0",
-            borderLeft: `1px solid ${w}`,
+            borderLeft: `1px solid ${S}`,
             zIndex: "0"
           })
         }, null, 4)) : c("", !0),
@@ -77,11 +77,11 @@ const j = ["aria-expanded"], q = { style: { flex: "1", minWidth: "0", overflow:
             top: `calc(${e.cfg.padY} + 0.625em)`,
             width: `calc(${e.cfg.indent} * 0.5)`,
             height: "0",
-            borderTop: `1px solid ${w}`,
+            borderTop: `1px solid ${S}`,
             zIndex: "0"
           })
         }, null, 4)) : c("", !0),
-        k("div", {
+        $("div", {
           style: l({
             display: "flex",
             alignItems: "center",
@@ -103,10 +103,11 @@ const j = ["aria-expanded"], q = { style: { flex: "1", minWidth: "0", overflow:
           }),
           onClick: T
         }, [
-          k("div", {
+          $("div", {
             style: l({
-              width: e.cfg.iconSize,
-              height: e.cfg.iconSize,
+              width: e.cfg.hitSize,
+              height: e.cfg.hitSize,
+              marginLeft: `calc((${e.cfg.iconSize} - ${e.cfg.hitSize}) / 2)`,
               display: "flex",
               alignItems: "center",
               justifyContent: "center",
@@ -114,23 +115,23 @@ const j = ["aria-expanded"], q = { style: { flex: "1", minWidth: "0", overflow:
               transition: "transform 0.15s ease",
               transform: u.value ? "rotate(90deg)" : "rotate(0deg)"
             }),
-            onClick: a[0] || (a[0] = (x) => s.value && L(x))
+            onClick: d[0] || (d[0] = (x) => s.value && L(x))
           }, [
-            s.value ? (n(), $(C, {
+            s.value ? (n(), k(z, {
               key: 0,
               name: "caret-right",
               size: e.cfg.iconSize,
               style: { color: "var(--cui-text-tertiary)" }
             }, null, 8, ["size"])) : c("", !0)
           ], 4),
-          e.node.icon ? (n(), $(C, {
+          e.node.icon ? (n(), k(z, {
             key: 0,
             name: e.node.icon,
             size: e.cfg.iconSize,
             style: l({ flexShrink: "0", color: v.value ? "var(--cui-primary)" : "var(--cui-text-secondary)" })
           }, null, 8, ["name", "size", "style"])) : c("", !0),
-          k("div", q, [
-            S(d.$slots, "node", {
+          $("div", q, [
+            w(a.$slots, "node", {
               node: e.node,
               selected: v.value,
               expanded: u.value,
@@ -151,7 +152,7 @@ const j = ["aria-expanded"], q = { style: { flex: "1", minWidth: "0", overflow:
             transition: e.animated ? "max-height 0.25s ease" : void 0
           })
         }, [
-          (n(!0), o(F, null, P(e.node.children, (x, N) => (n(), $(B, {
+          (n(!0), o(F, null, P(e.node.children, (x, N) => (n(), k(B, {
             key: String(x.id),
             node: x,
             depth: e.depth + 1,
@@ -162,11 +163,11 @@ const j = ["aria-expanded"], q = { style: { flex: "1", minWidth: "0", overflow:
             "show-lines": e.showLines,
             animated: e.animated,
             cfg: e.cfg,
-            onToggleExpand: a[1] || (a[1] = (g) => r("toggle-expand", g)),
-            onSelectNode: a[2] || (a[2] = (g) => r("select-node", g))
+            onToggleExpand: d[1] || (d[1] = (g) => r("toggle-expand", g)),
+            onSelectNode: d[2] || (d[2] = (g) => r("select-node", g))
           }, {
             node: W((g) => [
-              S(d.$slots, "node", X({ ref_for: !0 }, g))
+              w(a.$slots, "node", X({ ref_for: !0 }, g))
             ]),
             _: 3
           }, 8, ["node", "depth", "is-last", "expanded", "selected-set", "selectable", "show-lines", "animated", "cfg"]))), 128))

package/dist/components/CuiTreeView.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CuiTreeView.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiTreeView.vue"],"names":[],"mappings":"AAyIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGrD,MAAM,WAAW,QAAQ;IACvB,wBAAwB;IACxB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;IACtB,eAAe;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,gBAAiB,SAAQ,aAAa;IACrD,gBAAgB;IAChB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,yEAAyE;IACzE,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,IAAI,CAAC;IAC1D,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kCAAkC;IAClC,eAAe,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IACtC,kCAAkC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2DAA2D;IAC3D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW;IACX,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B;AA6ID,QAAA,IAAI,OAAO,KAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AA2B5C,QAAA,MAAM,eAAe;;;;;;;;;;UA3KZ,IAAI,GAAG,IAAI,GAAG,IAAI;cAZd,OAAO;gBAQL,OAAO;eAFR,OAAO;cAIR,OAAO;eANN,OAAO;6EA2LnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"CuiTreeView.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiTreeView.vue"],"names":[],"mappings":"AA6IA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGrD,MAAM,WAAW,QAAQ;IACvB,wBAAwB;IACxB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;IACtB,eAAe;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,gBAAiB,SAAQ,aAAa;IACrD,gBAAgB;IAChB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,yEAAyE;IACzE,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,IAAI,CAAC;IAC1D,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kCAAkC;IAClC,eAAe,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IACtC,kCAAkC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2DAA2D;IAC3D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW;IACX,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B;AAiJD,QAAA,IAAI,OAAO,KAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AA2B5C,QAAA,MAAM,eAAe;;;;;;;;;;UA/KZ,IAAI,GAAG,IAAI,GAAG,IAAI;cAZd,OAAO;gBAQL,OAAO;eAFR,OAAO;cAIR,OAAO;eANN,OAAO;6EA+LnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/CuiTreeView.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent as w, ref as v, computed as c, withDirectives as y, openBlock as s, createElementBlock as u, Fragment as z, renderList as B, createBlock as V, withCtx as b, renderSlot as k, mergeProps as E, vShow as A } from "vue";
-import C from "./CuiTreeNode.vue.js";
-import { scaleDensity as d } from "../utils/sizing.js";
-const L = { role: "tree" }, N = /* @__PURE__ */ w({
+import { defineComponent as z, ref as v, computed as u, withDirectives as y, openBlock as s, createElementBlock as m, Fragment as B, renderList as V, createBlock as b, withCtx as k, renderSlot as E, mergeProps as C, vShow as A } from "vue";
+import L from "./CuiTreeNode.vue.js";
+import { scaleDensity as d, scaleControlHeight as c } from "../utils/sizing.js";
+const X = { role: "tree" }, T = /* @__PURE__ */ z({
   __name: "CuiTreeView",
   props: {
     nodes: {},
@@ -16,8 +16,8 @@ const L = { role: "tree" }, N = /* @__PURE__ */ w({
     hidden: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "node-click", "node-expand"],
-  setup(a, { emit: m }) {
-    const l = a, i = m, o = v(new Set(l.defaultExpanded ?? []));
+  setup(a, { emit: f }) {
+    const l = a, i = f, o = v(new Set(l.defaultExpanded ?? []));
     if (l.expandAll) {
       let e = function(t) {
         for (const n of t)
@@ -25,12 +25,12 @@ const L = { role: "tree" }, N = /* @__PURE__ */ w({
       };
       e(l.nodes);
     }
-    const r = c(() => l.modelValue == null ? /* @__PURE__ */ new Set() : Array.isArray(l.modelValue) ? new Set(l.modelValue) : /* @__PURE__ */ new Set([l.modelValue]));
-    function f(e) {
+    const r = u(() => l.modelValue == null ? /* @__PURE__ */ new Set() : Array.isArray(l.modelValue) ? new Set(l.modelValue) : /* @__PURE__ */ new Set([l.modelValue]));
+    function p(e) {
       const t = new Set(o.value), n = t.has(e.id);
       n ? t.delete(e.id) : t.add(e.id), o.value = t, i("node-expand", e, !n);
     }
-    function p(e) {
+    function h(e) {
       if (!(!l.selectable || e.disabled))
         if (i("node-click", e), l.multiple) {
           const t = new Set(r.value);
@@ -38,13 +38,13 @@ const L = { role: "tree" }, N = /* @__PURE__ */ w({
         } else
           i("update:modelValue", r.value.has(e.id) ? null : e.id);
     }
-    const h = {
-      sm: { fontSize: "0.8125rem", iconSize: "0.75rem", indent: d("1rem"), padY: d("0.1875rem"), padX: d("0.375rem") },
-      md: { fontSize: "0.875rem", iconSize: "0.875rem", indent: d("1.25rem"), padY: d("0.25rem"), padX: d("0.5rem") },
-      lg: { fontSize: "0.9375rem", iconSize: "1rem", indent: d("1.5rem"), padY: d("0.375rem"), padX: d("0.625rem") }
-    }, S = c(() => h[l.size]);
-    return (e, t) => y((s(), u("div", L, [
-      (s(!0), u(z, null, B(a.nodes, (n, x) => (s(), V(C, {
+    const S = {
+      sm: { fontSize: "0.8125rem", iconSize: "0.75rem", hitSize: c("0.75rem"), indent: d("1rem"), padY: d("0.1875rem"), padX: d("0.375rem") },
+      md: { fontSize: "0.875rem", iconSize: "0.875rem", hitSize: c("0.875rem"), indent: d("1.25rem"), padY: d("0.25rem"), padX: d("0.5rem") },
+      lg: { fontSize: "0.9375rem", iconSize: "1rem", hitSize: c("1rem"), indent: d("1.5rem"), padY: d("0.375rem"), padX: d("0.625rem") }
+    }, g = u(() => S[l.size]);
+    return (e, t) => y((s(), m("div", X, [
+      (s(!0), m(B, null, V(a.nodes, (n, x) => (s(), b(L, {
         key: String(n.id),
         node: n,
         depth: 0,
@@ -54,12 +54,12 @@ const L = { role: "tree" }, N = /* @__PURE__ */ w({
         selectable: a.selectable,
         "show-lines": a.showLines,
         animated: a.animated,
-        cfg: S.value,
-        onToggleExpand: f,
-        onSelectNode: p
+        cfg: g.value,
+        onToggleExpand: p,
+        onSelectNode: h
       }, {
-        node: b((g) => [
-          k(e.$slots, "node", E({ ref_for: !0 }, g))
+        node: k((w) => [
+          E(e.$slots, "node", C({ ref_for: !0 }, w))
         ]),
         _: 3
       }, 8, ["node", "is-last", "expanded", "selected-set", "selectable", "show-lines", "animated", "cfg"]))), 128))
@@ -69,5 +69,5 @@ const L = { role: "tree" }, N = /* @__PURE__ */ w({
   }
 });
 export {
-  N as default
+  T as default
 };

package/dist/components/tabs-context.d.ts

@@ -1,4 +1,4 @@
-import type { InjectionKey, Ref } from "vue";
+import type { InjectionKey, Ref, VNodeChild } from "vue";
 import type { CuiColor } from "../types/common";
 export type TabVariant = "underline" | "segmented";
 export type TabOrientation = "horizontal" | "vertical";
@@ -8,6 +8,12 @@ export interface TabDefinition {
     label: string;
     disabled?: boolean;
     closeable?: boolean;
+    /**
+     * CuiTab's `#label` slot, forwarded so CuiTabs can render it inside the tab
+     * button (the button lives in the bar, which the parent owns). Absent when the
+     * tab has no `#label` slot, in which case the parent renders `label` as text.
+     */
+    labelSlot?: () => VNodeChild;
 }
 export interface TabsContext {
     activeTab: Ref<string>;

package/dist/components/tabs-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs-context.d.ts","sourceRoot":"","sources":["../../src/components/tabs-context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC7C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG,WAAW,CAAC;AACnD,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG,UAAU,CAAC;AACvD,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AAEtD,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,WAAW;IAC1B,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACvB,OAAO,EAAE,GAAG,CAAC,UAAU,CAAC,CAAC;IACzB,WAAW,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IACjC,KAAK,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAC;IACrB,SAAS,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACxB,UAAU,EAAE,GAAG,CAAC,aAAa,CAAC,CAAC;IAC/B,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACzB,QAAQ,EAAE,CAAC,GAAG,EAAE,aAAa,KAAK,IAAI,CAAC;IACvC,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC;AAED,eAAO,MAAM,cAAc,EAAE,YAAY,CAAC,WAAW,CAA0B,CAAC"}
+{"version":3,"file":"tabs-context.d.ts","sourceRoot":"","sources":["../../src/components/tabs-context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACzD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG,WAAW,CAAC;AACnD,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG,UAAU,CAAC;AACvD,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AAEtD,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,UAAU,CAAC;CAC9B;AAED,MAAM,WAAW,WAAW;IAC1B,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACvB,OAAO,EAAE,GAAG,CAAC,UAAU,CAAC,CAAC;IACzB,WAAW,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IACjC,KAAK,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAC;IACrB,SAAS,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACxB,UAAU,EAAE,GAAG,CAAC,aAAa,CAAC,CAAC;IAC/B,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACzB,QAAQ,EAAE,CAAC,GAAG,EAAE,aAAa,KAAK,IAAI,CAAC;IACvC,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC;AAED,eAAO,MAAM,cAAc,EAAE,YAAY,CAAC,WAAW,CAA0B,CAAC"}

package/dist/composables/useDataGridViews.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDataGridViews.d.ts","sourceRoot":"","sources":["../../src/composables/useDataGridViews.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAEjF,oCAAoC;AACpC,wBAAgB,uBAAuB,CAAC,MAAM,SAAiB,GAAG,mBAAmB,CAgCpF;AAED,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,mBAAmB,CAAC;CAC/B;AAED,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAejC,MAAM,UAAU,iBAAiB,CAAC,QAAQ,CAAC;qBAY3C,MAAM,UAAU,iBAAiB,CAAC,QAAQ,CAAC;qBAO3C,MAAM;qBAMZ,MAAM;EAc/B"}
+{"version":3,"file":"useDataGridViews.d.ts","sourceRoot":"","sources":["../../src/composables/useDataGridViews.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAGjF,oCAAoC;AACpC,wBAAgB,uBAAuB,CAAC,MAAM,SAAiB,GAAG,mBAAmB,CAkCpF;AAED,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,mBAAmB,CAAC;CAC/B;AAED,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAejC,MAAM,UAAU,iBAAiB,CAAC,QAAQ,CAAC;qBAY3C,MAAM,UAAU,iBAAiB,CAAC,QAAQ,CAAC;qBAO3C,MAAM;qBAMZ,MAAM;EAc/B"}