@itguy614/clean-ui 1.2.2 → 1.3.1

package/dist/components/CuiTooltip.vue2.js

@@ -1,6 +1,6 @@
-import { defineComponent as V, ref as A, watch as N, toRef as z, onUnmounted as L, computed as d, withDirectives as I, openBlock as u, createElementBlock as a, createElementVNode as v, renderSlot as g, createBlock as K, Teleport as O, normalizeStyle as p, unref as f, normalizeClass as P, createTextVNode as U, toDisplayString as j, createCommentVNode as m, vShow as q } from "vue";
-import { usePopover as G } from "../composables/usePopover.js";
-const H = { class: "cui-tooltip__content" }, X = /* @__PURE__ */ V({
+import { defineComponent as N, ref as P, watch as z, toRef as L, onUnmounted as U, computed as a, withDirectives as I, openBlock as u, createElementBlock as s, createElementVNode as v, renderSlot as g, createBlock as K, Teleport as O, normalizeStyle as p, unref as f, normalizeClass as j, createTextVNode as q, toDisplayString as G, createCommentVNode as m, vShow as H } from "vue";
+import { usePopover as J } from "../composables/usePopover.js";
+const Q = { class: "cui-tooltip__content" }, Z = /* @__PURE__ */ N({
   __name: "CuiTooltip",
   props: {
     text: {},
@@ -16,70 +16,74 @@ const H = { class: "cui-tooltip__content" }, X = /* @__PURE__ */ V({
   },
   emits: ["update:visible"],
   setup(n, { emit: h }) {
-    const e = n, s = h, r = A(!1);
-    let i = null, o = null;
-    N(
+    const e = n, d = h, i = P(!1);
+    let r = null, t = null;
+    z(
       () => e.visible,
-      (t) => {
-        t !== void 0 && (r.value = t);
-      }
+      (o) => {
+        o !== void 0 && (i.value = o);
+      },
+      { immediate: !0 }
     );
-    const { referenceRef: y, floatingRef: w, arrowRef: T, floatingStyles: k, arrowStyle: b, currentSide: _ } = G({
-      placement: z(e, "placement"),
+    const { referenceRef: y, floatingRef: w, arrowRef: T, floatingStyles: k, arrowStyle: b, currentSide: _, isPositioned: M } = J({
+      placement: L(e, "placement"),
       offsetDistance: 8,
       arrow: !e.noArrow
     });
     function c() {
-      e.disabled || (o && (clearTimeout(o), o = null), i = setTimeout(() => {
-        r.value = !0, s("update:visible", !0);
+      e.disabled || (t && (clearTimeout(t), t = null), r = setTimeout(() => {
+        i.value = !0, d("update:visible", !0);
       }, e.showDelay));
     }
     function l() {
-      i && (clearTimeout(i), i = null), o = setTimeout(() => {
-        r.value = !1, s("update:visible", !1);
+      r && (clearTimeout(r), r = null), t = setTimeout(() => {
+        i.value = !1, d("update:visible", !1);
       }, e.hideDelay);
     }
-    function M() {
-      r.value ? l() : c();
-    }
     function S() {
-      (e.trigger === "hover" || e.trigger === "hover-focus") && c();
+      i.value ? l() : c();
     }
     function B() {
-      (e.trigger === "hover" || e.trigger === "hover-focus") && l();
+      (e.trigger === "hover" || e.trigger === "hover-focus") && c();
     }
     function D() {
-      (e.trigger === "focus" || e.trigger === "hover-focus") && c();
+      (e.trigger === "hover" || e.trigger === "hover-focus") && l();
     }
     function R() {
+      (e.trigger === "focus" || e.trigger === "hover-focus") && c();
+    }
+    function E() {
       (e.trigger === "focus" || e.trigger === "hover-focus") && l();
     }
     function $() {
-      e.trigger === "click" && M();
+      e.trigger === "click" && S();
     }
-    function x(t) {
-      t.key === "Escape" && r.value && l();
+    function x(o) {
+      o.key === "Escape" && i.value && l();
     }
     function C() {
-      (e.trigger === "hover" || e.trigger === "hover-focus") && o && (clearTimeout(o), o = null);
+      (e.trigger === "hover" || e.trigger === "hover-focus") && t && (clearTimeout(t), t = null);
     }
-    function E() {
+    function F() {
       (e.trigger === "hover" || e.trigger === "hover-focus") && l();
     }
-    L(() => {
-      i && clearTimeout(i), o && clearTimeout(o);
+    U(() => {
+      r && clearTimeout(r), t && clearTimeout(t);
     });
-    const F = d(() => e.color ? {
+    const V = a(() => {
+      const o = {};
+      return M.value || (o.opacity = "0", o.pointerEvents = "none", o.animation = "none"), o;
+    }), A = a(() => e.color ? {
       background: `var(--cui-${e.color})`,
       color: `var(--cui-${e.color}-text)`,
       "--_arrow-bg": `var(--cui-${e.color})`
     } : {});
-    return d(() => e.text || !0), (t, J) => I((u(), a("div", {
+    return a(() => e.text || !0), (o, W) => I((u(), s("div", {
       class: "cui-tooltip-wrapper",
-      onMouseenter: S,
-      onMouseleave: B,
-      onFocusin: D,
-      onFocusout: R,
+      onMouseenter: B,
+      onMouseleave: D,
+      onFocusin: R,
+      onFocusout: E,
       onClick: $,
       onKeydown: x
     }, [
@@ -88,28 +92,28 @@ const H = { class: "cui-tooltip__content" }, X = /* @__PURE__ */ V({
         ref: y,
         class: "cui-tooltip__trigger"
       }, [
-        g(t.$slots, "default", {}, void 0, !0)
+        g(o.$slots, "default", {}, void 0, !0)
       ], 512),
       (u(), K(O, { to: "body" }, [
-        r.value ? (u(), a("div", {
+        i.value ? (u(), s("div", {
           key: 0,
           ref_key: "floatingRef",
           ref: w,
-          class: P(["cui-tooltip", [
+          class: j(["cui-tooltip", [
             e.color ? "cui-tooltip--colored" : "cui-tooltip--default",
             `cui-tooltip--${f(_)}`
           ]]),
-          style: p({ ...f(k), ...F.value }),
+          style: p({ ...f(k), ...A.value, ...V.value }),
           role: "tooltip",
           onMouseenter: C,
-          onMouseleave: E
+          onMouseleave: F
         }, [
-          v("div", H, [
-            g(t.$slots, "content", {}, () => [
-              U(j(n.text), 1)
+          v("div", Q, [
+            g(o.$slots, "content", {}, () => [
+              q(G(n.text), 1)
             ], !0)
           ]),
-          n.noArrow ? m("", !0) : (u(), a("div", {
+          n.noArrow ? m("", !0) : (u(), s("div", {
             key: 0,
             ref_key: "arrowRef",
             ref: T,
@@ -119,10 +123,10 @@ const H = { class: "cui-tooltip__content" }, X = /* @__PURE__ */ V({
         ], 38)) : m("", !0)
       ]))
     ], 544)), [
-      [q, !n.hidden]
+      [H, !n.hidden]
     ]);
   }
 });
 export {
-  X as default
+  Z as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"CuiTransferList.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiTransferList.vue"],"names":[],"mappings":"AA8aA,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEvE,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,oBAAqB,SAAQ,aAAa,EAAE,gBAAgB;IAC3E,0BAA0B;IAC1B,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,yDAAyD;IACzD,UAAU,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IACjC,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wCAAwC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gCAAgC;IAChC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gCAAgC;IAChC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,2BAA2B;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW;IACX,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B;AAouBD,QAAA,IAAI,QAAQ;;;CAAU,EAAE,QAAQ;;;CAAY,CAAE;AAC9C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC1C;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAsD7C,QAAA,MAAM,eAAe;;;;;;UA9xBZ,IAAI,GAAG,IAAI,GAAG,IAAI;YAFhB,MAAM;;gBAZF,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE;iBAElB,MAAM;iBAEN,MAAM;gBAEP,OAAO;uBAEA,MAAM;uBAEN,MAAM;6EA0yB1B,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":"CuiTransferList.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiTransferList.vue"],"names":[],"mappings":"AA+aA,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEvE,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,oBAAqB,SAAQ,aAAa,EAAE,gBAAgB;IAC3E,0BAA0B;IAC1B,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,yDAAyD;IACzD,UAAU,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IACjC,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wCAAwC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gCAAgC;IAChC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gCAAgC;IAChC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,2BAA2B;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW;IACX,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B;AAsuBD,QAAA,IAAI,QAAQ;;;CAAU,EAAE,QAAQ;;;CAAY,CAAE;AAC9C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC1C;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAsD7C,QAAA,MAAM,eAAe;;;;;;UAhyBZ,IAAI,GAAG,IAAI,GAAG,IAAI;YAFhB,MAAM;;gBAZF,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE;iBAElB,MAAM;iBAEN,MAAM;gBAEP,OAAO;uBAEA,MAAM;uBAEN,MAAM;6EA4yB1B,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/CuiTransferList.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as oe, ref as z, computed as k, withDirectives as se, openBlock as c, createElementBlock as m, normalizeStyle as y, createElementVNode as s, toDisplayString as p, createVNode as o, withCtx as b, createCommentVNode as x, Fragment as j, renderList as U, renderSlot as q, createBlock as G, vShow as de } from "vue";
+import { defineComponent as oe, ref as z, computed as k, withDirectives as se, openBlock as c, createElementBlock as m, normalizeStyle as y, createElementVNode as s, toDisplayString as p, createVNode as o, withCtx as b, createCommentVNode as x, Fragment as j, renderList as U, renderSlot as q, createBlock as G, vShow as ue } from "vue";
 import V from "./CuiButton.vue.js";
 import v from "./CuiIcon.vue.js";
 import J from "./CuiInput.vue.js";
-const ue = { style: { padding: "calc(0.625rem * var(--cui-density-scale, 1)) calc(0.75rem * var(--cui-density-scale, 1))", display: "flex", justifyContent: "space-between", alignItems: "center" } }, ce = { style: { fontSize: "0.6875rem", color: "var(--cui-text-tertiary)" } }, ve = {
+const de = { style: { padding: "calc(0.625rem * var(--cui-density-scale, 1)) calc(0.75rem * var(--cui-density-scale, 1))", display: "flex", justifyContent: "space-between", alignItems: "center" } }, ce = { style: { fontSize: "0.6875rem", color: "var(--cui-text-tertiary)" } }, ve = {
   key: 0,
   style: { padding: "0 calc(0.5rem * var(--cui-density-scale, 1)) calc(0.375rem * var(--cui-density-scale, 1))" }
 }, fe = ["draggable", "onClick", "onDblclick", "onDragstart", "onDragover"], me = { style: { flex: "1", minWidth: "0" } }, ge = { style: { lineHeight: "1.3" } }, ye = {
@@ -37,7 +37,7 @@ const ue = { style: { padding: "calc(0.625rem * var(--cui-density-scale, 1)) cal
   },
   emits: ["update:modelValue"],
   setup(n, { emit: K }) {
-    const r = n, f = K, C = z(""), w = z(""), h = z(/* @__PURE__ */ new Set()), u = z(/* @__PURE__ */ new Set()), M = k(() => new Set(r.modelValue)), T = k(
+    const r = n, f = K, C = z(""), w = z(""), h = z(/* @__PURE__ */ new Set()), d = z(/* @__PURE__ */ new Set()), M = k(() => new Set(r.modelValue)), T = k(
       () => r.items.filter((l) => !M.value.has(l.value))
     ), P = k(() => {
       if (!C.value) return T.value;
@@ -66,20 +66,20 @@ const ue = { style: { padding: "calc(0.625rem * var(--cui-density-scale, 1)) cal
     }
     function Z() {
       if (r.disabled) return;
-      const l = u.value, e = r.modelValue.filter((a) => !l.has(a));
-      u.value = /* @__PURE__ */ new Set(), f("update:modelValue", e);
+      const l = d.value, e = r.modelValue.filter((a) => !l.has(a));
+      d.value = /* @__PURE__ */ new Set(), f("update:modelValue", e);
     }
     function _() {
-      r.disabled || (u.value = /* @__PURE__ */ new Set(), f("update:modelValue", []));
+      r.disabled || (d.value = /* @__PURE__ */ new Set(), f("update:modelValue", []));
     }
     function ee() {
-      if (r.disabled || u.value.size !== 1) return;
-      const l = [...u.value][0], e = [...r.modelValue], a = e.indexOf(l);
+      if (r.disabled || d.value.size !== 1) return;
+      const l = [...d.value][0], e = [...r.modelValue], a = e.indexOf(l);
       a > 0 && ([e[a - 1], e[a]] = [e[a], e[a - 1]], f("update:modelValue", e));
     }
     function te() {
-      if (r.disabled || u.value.size !== 1) return;
-      const l = [...u.value][0], e = [...r.modelValue], a = e.indexOf(l);
+      if (r.disabled || d.value.size !== 1) return;
+      const l = [...d.value][0], e = [...r.modelValue], a = e.indexOf(l);
       a < e.length - 1 && ([e[a], e[a + 1]] = [e[a + 1], e[a]], f("update:modelValue", e));
     }
     function le(l) {
@@ -89,8 +89,8 @@ const ue = { style: { padding: "calc(0.625rem * var(--cui-density-scale, 1)) cal
     }
     function ae(l) {
       if (r.disabled) return;
-      const e = new Set(u.value);
-      e.has(l) ? e.delete(l) : e.add(l), u.value = e;
+      const e = new Set(d.value);
+      e.has(l) ? e.delete(l) : e.add(l), d.value = e;
     }
     function re(l) {
       r.disabled || l.disabled || f("update:modelValue", [...r.modelValue, l.value]);
@@ -98,7 +98,7 @@ const ue = { style: { padding: "calc(0.625rem * var(--cui-density-scale, 1)) cal
     function ie(l) {
       r.disabled || f("update:modelValue", r.modelValue.filter((e) => e !== l.value));
     }
-    const S = z(null), d = z(null), D = z(null);
+    const S = z(null), u = z(null), D = z(null);
     function O(l, e, a) {
       if (r.disabled) {
         l.preventDefault();
@@ -107,12 +107,12 @@ const ue = { style: { padding: "calc(0.625rem * var(--cui-density-scale, 1)) cal
       S.value = { value: e, from: a }, l.dataTransfer.effectAllowed = "move", l.dataTransfer.setData("text/plain", String(e));
     }
     function A() {
-      S.value = null, d.value = null, D.value = null;
+      S.value = null, u.value = null, D.value = null;
     }
     function H(l, e, a) {
       l.preventDefault(), l.dataTransfer.dropEffect = "move";
       const g = l.currentTarget.getBoundingClientRect(), t = g.top + g.height / 2, i = l.clientY < t ? "before" : "after";
-      d.value = { value: e, side: a, position: i };
+      u.value = { value: e, side: a, position: i };
     }
     function $(l, e) {
       l.preventDefault(), l.dataTransfer.dropEffect = "move", D.value = e;
@@ -125,10 +125,10 @@ const ue = { style: { padding: "calc(0.625rem * var(--cui-density-scale, 1)) cal
       const { value: a, from: g } = S.value;
       if (g === "source" && e === "target") {
         const t = [...r.modelValue];
-        if (d.value && d.value.side === "target") {
-          const i = t.indexOf(d.value.value);
+        if (u.value && u.value.side === "target") {
+          const i = t.indexOf(u.value.value);
           if (i >= 0) {
-            const F = d.value.position === "after" ? i + 1 : i;
+            const F = u.value.position === "after" ? i + 1 : i;
             t.splice(F, 0, a);
           } else
             t.push(a);
@@ -139,10 +139,10 @@ const ue = { style: { padding: "calc(0.625rem * var(--cui-density-scale, 1)) cal
         f("update:modelValue", r.modelValue.filter((t) => t !== a));
       else if (g === "target" && e === "target") {
         const t = r.modelValue.filter((i) => i !== a);
-        if (d.value && d.value.side === "target") {
-          const i = t.indexOf(d.value.value);
+        if (u.value && u.value.side === "target") {
+          const i = t.indexOf(u.value.value);
           if (i >= 0) {
-            const F = d.value.position === "after" ? i + 1 : i;
+            const F = u.value.position === "after" ? i + 1 : i;
             t.splice(F, 0, a);
           } else
             t.push(a);
@@ -150,12 +150,12 @@ const ue = { style: { padding: "calc(0.625rem * var(--cui-density-scale, 1)) cal
           t.push(a);
         f("update:modelValue", t);
       }
-      S.value = null, d.value = null, D.value = null;
+      S.value = null, u.value = null, D.value = null;
     }
     function R(l, e) {
-      if (!d.value || d.value.value !== l || d.value.side !== e) return;
+      if (!u.value || u.value.value !== l || u.value.side !== e) return;
       const a = "2px solid var(--cui-primary)";
-      return d.value.position === "before" ? { borderTop: a } : { borderBottom: a };
+      return u.value.position === "before" ? { borderTop: a } : { borderBottom: a };
     }
     const ne = {
       sm: { fontSize: "0.8125rem", itemPad: "0.3125rem 0.5rem", titleFont: "0.75rem" },
@@ -191,6 +191,7 @@ const ue = { style: { padding: "calc(0.625rem * var(--cui-density-scale, 1)) cal
     return (l, e) => {
       var a, g;
       return se((c(), m("div", {
+        class: "cui-transfer-list",
         style: y({
           display: "flex",
           gap: "calc(0.5rem * var(--cui-density-scale, 1))",
@@ -201,7 +202,7 @@ const ue = { style: { padding: "calc(0.625rem * var(--cui-density-scale, 1)) cal
         s("div", {
           style: y(Y.value)
         }, [
-          s("div", ue, [
+          s("div", de, [
             s("span", {
               style: y({ fontSize: I.value.titleFont, fontWeight: "600", color: "var(--cui-text-body)", textTransform: "uppercase", letterSpacing: "0.03em" })
             }, p(n.sourceTitle), 5),
@@ -303,7 +304,7 @@ const ue = { style: { padding: "calc(0.625rem * var(--cui-density-scale, 1)) cal
           o(V, {
             variant: "outline",
             size: "xs",
-            disabled: n.disabled || u.value.size === 0,
+            disabled: n.disabled || d.value.size === 0,
             onClick: Z
           }, {
             default: b(() => [
@@ -332,7 +333,7 @@ const ue = { style: { padding: "calc(0.625rem * var(--cui-density-scale, 1)) cal
           o(V, {
             variant: "outline",
             size: "xs",
-            disabled: n.disabled || u.value.size !== 1,
+            disabled: n.disabled || d.value.size !== 1,
             onClick: ee
           }, {
             default: b(() => [
@@ -346,7 +347,7 @@ const ue = { style: { padding: "calc(0.625rem * var(--cui-density-scale, 1)) cal
           o(V, {
             variant: "outline",
             size: "xs",
-            disabled: n.disabled || u.value.size !== 1,
+            disabled: n.disabled || d.value.size !== 1,
             onClick: te
           }, {
             default: b(() => [
@@ -400,7 +401,7 @@ const ue = { style: { padding: "calc(0.625rem * var(--cui-density-scale, 1)) cal
             (c(!0), m(j, null, U(L.value, (t) => (c(), m("div", {
               key: String(t.value),
               draggable: "true",
-              style: y({ ...W(u.value.has(t.value)), ...R(t.value, "target") }),
+              style: y({ ...W(d.value.has(t.value)), ...R(t.value, "target") }),
               onClick: (i) => ae(t.value),
               onDblclick: (i) => ie(t),
               onDragstart: (i) => O(i, t.value, "target"),
@@ -432,7 +433,7 @@ const ue = { style: { padding: "calc(0.625rem * var(--cui-density-scale, 1)) cal
           ], 36)
         ], 4)
       ], 4)), [
-        [de, !n.hidden]
+        [ue, !n.hidden]
       ]);
     };
   }

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

@@ -16,24 +16,31 @@ type __VLS_Props = {
         padY: string;
         padX: string;
     };
+    /** The single item carrying `tabindex="0"` — roving focus is owned by CuiTreeView. */
+    activeId: string | number | null;
+    /** aria-setsize / aria-posinset for this node among its siblings. */
+    sizeOfSet: number;
+    positionInSet: number;
 };
 declare var __VLS_7: {
     node: TreeNode;
     selected: boolean;
     expanded: boolean;
     depth: number;
-}, __VLS_18: any;
+}, __VLS_19: any;
 type __VLS_Slots = {} & {
     node?: (props: typeof __VLS_7) => any;
 } & {
-    node?: (props: typeof __VLS_18) => any;
+    node?: (props: typeof __VLS_19) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "toggle-expand": (node: TreeNode) => any;
     "select-node": (node: TreeNode) => any;
+    "node-focused": (id: string | number) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onToggle-expand"?: ((node: TreeNode) => any) | undefined;
     "onSelect-node"?: ((node: TreeNode) => any) | undefined;
+    "onNode-focused"?: ((id: string | number) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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":"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"}
+{"version":3,"file":"CuiTreeNode.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiTreeNode.vue"],"names":[],"mappings":"AAwQA,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;IACzG,sFAAsF;IACtF,QAAQ,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACjC,qEAAqE;IACrE,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAuSF,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;AAkC7C,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,181 +1,7 @@
-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: {},
-    depth: {},
-    isLast: { type: Boolean },
-    expanded: {},
-    selectedSet: {},
-    selectable: { type: Boolean },
-    showLines: { type: Boolean },
-    animated: { type: Boolean },
-    cfg: {}
-  },
-  emits: ["toggle-expand", "select-node"],
-  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 = a;
-        return;
-      }
-      a ? (h.value = !0, i.value = "0px", H(() => {
-        f.value && (i.value = f.value.scrollHeight + "px", setTimeout(() => {
-          i.value = void 0;
-        }, 250));
-      })) : f.value && (i.value = f.value.scrollHeight + "px", requestAnimationFrame(() => {
-        i.value = "0px", setTimeout(() => {
-          h.value = !1, i.value = void 0;
-        }, 250);
-      }));
-    });
-    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 (a, d) => {
-      const B = R("CuiTreeNode", !0);
-      return n(), o("div", {
-        role: "treeitem",
-        "aria-expanded": s.value ? u.value : void 0,
-        style: { position: "relative" }
-      }, [
-        e.showLines && e.depth > 0 && !e.isLast ? (n(), o("div", {
-          key: 0,
-          style: l({
-            position: "absolute",
-            left: `calc((${e.depth} - 1) * ${e.cfg.indent} + ${m.value} + 0.5rem)`,
-            top: "0",
-            bottom: "0",
-            width: "0",
-            borderLeft: `1px solid ${S}`,
-            zIndex: "0"
-          })
-        }, null, 4)) : c("", !0),
-        e.showLines && e.depth > 0 && e.isLast ? (n(), o("div", {
-          key: 1,
-          style: l({
-            position: "absolute",
-            left: `calc((${e.depth} - 1) * ${e.cfg.indent} + ${m.value} + 0.5rem)`,
-            top: "0",
-            height: `calc(${e.cfg.padY} + 0.625em)`,
-            width: "0",
-            borderLeft: `1px solid ${S}`,
-            zIndex: "0"
-          })
-        }, null, 4)) : c("", !0),
-        e.showLines && e.depth > 0 ? (n(), o("div", {
-          key: 2,
-          style: l({
-            position: "absolute",
-            left: `calc((${e.depth} - 1) * ${e.cfg.indent} + ${m.value} + 0.5rem)`,
-            top: `calc(${e.cfg.padY} + 0.625em)`,
-            width: `calc(${e.cfg.indent} * 0.5)`,
-            height: "0",
-            borderTop: `1px solid ${S}`,
-            zIndex: "0"
-          })
-        }, null, 4)) : c("", !0),
-        $("div", {
-          style: l({
-            display: "flex",
-            alignItems: "center",
-            gap: "calc(0.25rem * var(--cui-density-scale, 1))",
-            paddingTop: e.cfg.padY,
-            paddingRight: e.cfg.padX,
-            paddingBottom: e.cfg.padY,
-            paddingLeft: `calc(${m.value} + ${e.depth} * ${e.cfg.indent})`,
-            fontSize: e.cfg.fontSize,
-            cursor: e.node.disabled ? "default" : "pointer",
-            borderRadius: "0.25rem",
-            background: v.value ? "var(--cui-primary-bg)" : "transparent",
-            color: e.node.disabled ? "var(--cui-text-tertiary)" : v.value ? "var(--cui-primary)" : "var(--cui-text-body)",
-            fontWeight: v.value ? "600" : "400",
-            opacity: e.node.disabled ? "0.5" : "1",
-            transition: "background 0.1s ease",
-            position: "relative",
-            zIndex: "1"
-          }),
-          onClick: T
-        }, [
-          $("div", {
-            style: l({
-              width: e.cfg.hitSize,
-              height: e.cfg.hitSize,
-              marginLeft: `calc((${e.cfg.iconSize} - ${e.cfg.hitSize}) / 2)`,
-              display: "flex",
-              alignItems: "center",
-              justifyContent: "center",
-              flexShrink: "0",
-              transition: "transform 0.15s ease",
-              transform: u.value ? "rotate(90deg)" : "rotate(0deg)"
-            }),
-            onClick: d[0] || (d[0] = (x) => s.value && L(x))
-          }, [
-            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(), 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),
-          $("div", q, [
-            w(a.$slots, "node", {
-              node: e.node,
-              selected: v.value,
-              expanded: u.value,
-              depth: e.depth
-            }, () => [
-              Y(V(e.node.label), 1)
-            ])
-          ])
-        ], 4),
-        s.value && h.value ? (n(), o("div", {
-          key: 3,
-          ref_key: "childrenRef",
-          ref: f,
-          style: l({
-            position: "relative",
-            overflow: e.animated ? "hidden" : void 0,
-            maxHeight: i.value,
-            transition: e.animated ? "max-height 0.25s ease" : void 0
-          })
-        }, [
-          (n(!0), o(F, null, P(e.node.children, (x, N) => (n(), k(B, {
-            key: String(x.id),
-            node: x,
-            depth: e.depth + 1,
-            "is-last": N === e.node.children.length - 1,
-            expanded: e.expanded,
-            "selected-set": e.selectedSet,
-            selectable: e.selectable,
-            "show-lines": e.showLines,
-            animated: e.animated,
-            cfg: e.cfg,
-            onToggleExpand: d[1] || (d[1] = (g) => r("toggle-expand", g)),
-            onSelectNode: d[2] || (d[2] = (g) => r("select-node", g))
-          }, {
-            node: W((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))
-        ], 4)) : c("", !0)
-      ], 8, j);
-    };
-  }
-});
+import o from "./CuiTreeNode.vue2.js";
+/* empty css                 */
+import e from "../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ e(o, [["__scopeId", "data-v-fe205eb9"]]);
 export {
-  O as default
+  m as default
 };