@itguy614/clean-ui 1.2.1 → 1.3.0

package/dist/components/CuiToggleGroup.vue2.js

@@ -1,9 +1,7 @@
-import { defineComponent as y, useSlots as h, computed as u, provide as v, toRef as a, withDirectives as b, openBlock as s, createElementBlock as c, normalizeClass as V, createElementVNode as S, renderSlot as B, toDisplayString as C, createCommentVNode as k, vShow as x } from "vue";
-import { ToggleGroupKey as D } from "./multi-select-group-context.js";
-const M = ["aria-label", "aria-invalid"], w = { class: "cui-toggle-group__options" }, z = {
-  key: 0,
-  class: "cui-toggle-group__error"
-}, N = /* @__PURE__ */ y({
+import { defineComponent as p, useSlots as B, computed as u, provide as V, toRef as i, withDirectives as S, openBlock as s, createElementBlock as c, normalizeClass as C, unref as f, createElementVNode as D, renderSlot as q, toDisplayString as k, createCommentVNode as x, vShow as L } from "vue";
+import { useFieldDescribedBy as M } from "../composables/useFieldDescribedBy.js";
+import { ToggleGroupKey as R } from "./multi-select-group-context.js";
+const w = ["id", "aria-labelledby", "aria-describedby", "aria-required", "aria-label", "aria-invalid"], z = { class: "cui-toggle-group__options" }, E = ["id"], $ = /* @__PURE__ */ p({
   __name: "CuiToggleGroup",
   props: {
     modelValue: { default: () => [] },
@@ -12,48 +10,60 @@ const M = ["aria-label", "aria-invalid"], w = { class: "cui-toggle-group__option
     error: { type: Boolean, default: !1 },
     errorMessage: {},
     label: {},
+    id: {},
+    ariaDescribedby: {},
+    ariaLabelledby: {},
+    ariaRequired: { type: Boolean },
     hidden: { type: Boolean, default: !1 },
     color: { default: "primary" },
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue"],
-  setup(o, { emit: f }) {
-    const e = o, g = f, i = h(), m = u(() => {
-      var r;
-      const t = (r = i.default) == null ? void 0 : r.call(i);
-      return t ? t.reduce((l, n) => {
-        var d;
-        return n.type === Symbol.for("v-fgm") || n.type === Symbol.for("v-fgt") ? l + (((d = n.children) == null ? void 0 : d.length) ?? 0) : l + 1;
+  setup(e, { emit: g }) {
+    const r = e, { errorId: b, describedBy: m } = M(r), y = g, t = B(), v = u(() => {
+      var a;
+      const o = (a = t.default) == null ? void 0 : a.call(t);
+      return o ? o.reduce((l, d) => {
+        var n;
+        return d.type === Symbol.for("v-fgm") || d.type === Symbol.for("v-fgt") ? l + (((n = d.children) == null ? void 0 : n.length) ?? 0) : l + 1;
       }, 0) : 0;
-    }), p = u(() => e.orientation !== "auto" ? e.orientation : m.value <= 2 ? "horizontal" : "vertical");
-    return v(D, {
-      modelValue: a(e, "modelValue"),
-      color: a(e, "color"),
-      disabled: a(e, "disabled"),
-      readonly: a(e, "readonly"),
-      toggle(t) {
-        if (e.disabled || e.readonly) return;
-        const r = [...e.modelValue], l = r.indexOf(t);
-        l >= 0 ? r.splice(l, 1) : r.push(t), g("update:modelValue", r);
+    }), h = u(() => r.orientation !== "auto" ? r.orientation : v.value <= 2 ? "horizontal" : "vertical");
+    return V(R, {
+      modelValue: i(r, "modelValue"),
+      color: i(r, "color"),
+      disabled: i(r, "disabled"),
+      readonly: i(r, "readonly"),
+      toggle(o) {
+        if (r.disabled || r.readonly) return;
+        const a = [...r.modelValue], l = a.indexOf(o);
+        l >= 0 ? a.splice(l, 1) : a.push(o), y("update:modelValue", a);
       }
-    }), (t, r) => b((s(), c("div", {
+    }), (o, a) => S((s(), c("div", {
       role: "group",
-      "aria-label": o.label,
-      "aria-invalid": o.error || void 0,
-      class: V(["cui-toggle-group", [
-        `cui-toggle-group--${p.value}`,
-        { "cui-toggle-group--error": o.error }
+      id: e.id,
+      "aria-labelledby": e.ariaLabelledby,
+      "aria-describedby": f(m),
+      "aria-required": e.ariaRequired || void 0,
+      "aria-label": e.ariaLabelledby ? void 0 : e.label,
+      "aria-invalid": e.error || void 0,
+      class: C(["cui-toggle-group", [
+        `cui-toggle-group--${h.value}`,
+        { "cui-toggle-group--error": e.error }
       ]])
     }, [
-      S("div", w, [
-        B(t.$slots, "default", {}, void 0, !0)
+      D("div", z, [
+        q(o.$slots, "default", {}, void 0, !0)
       ]),
-      o.error && o.errorMessage ? (s(), c("div", z, C(o.errorMessage), 1)) : k("", !0)
-    ], 10, M)), [
-      [x, !o.hidden]
+      e.error && e.errorMessage ? (s(), c("div", {
+        key: 0,
+        id: f(b),
+        class: "cui-toggle-group__error"
+      }, k(e.errorMessage), 9, E)) : x("", !0)
+    ], 10, w)), [
+      [L, !e.hidden]
     ]);
   }
 });
 export {
-  N as default
+  $ as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"CuiTooltip.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiTooltip.vue"],"names":[],"mappings":"AAsRA,OAAO,EAAc,KAAK,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC9E,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEvF,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,aAAa,CAAC;AAEzE,MAAM,WAAW,eAAgB,SAAQ,aAAa,EAAE,cAAc,EAAE,gBAAgB;IACtF,0BAA0B;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0BAA0B;IAC1B,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,mCAAmC;IACnC,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gCAAgC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAsOD,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAwC/C,QAAA,MAAM,eAAe;;;;;;;eA5RP,gBAAgB;aAElB,cAAc;eAEZ,MAAM;eAEN,MAAM;aAER,OAAO;6EA4RjB,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":"CuiTooltip.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiTooltip.vue"],"names":[],"mappings":"AA+SA,OAAO,EAAc,KAAK,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC9E,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEvF,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,aAAa,CAAC;AAEzE,MAAM,WAAW,eAAgB,SAAQ,aAAa,EAAE,cAAc,EAAE,gBAAgB;IACtF,0BAA0B;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0BAA0B;IAC1B,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,mCAAmC;IACnC,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gCAAgC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AA+PD,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAyC/C,QAAA,MAAM,eAAe;;;;;;;eAtTP,gBAAgB;aAElB,cAAc;eAEZ,MAAM;eAEN,MAAM;aAER,OAAO;6EAsTjB,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/CuiTooltip.vue.js

@@ -1,7 +1,7 @@
 import o from "./CuiTooltip.vue2.js";
 /* empty css                */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-db0bf3e6"]]);
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-edabcc13"]]);
 export {
-  i as default
+  c as default
 };

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,73 @@ 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);
       }
     );
-    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 +91,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 +122,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"}