@itguy614/clean-ui 1.2.2 → 1.3.1

package/dist/components/CuiTableFoot.vue.js

@@ -1,18 +1,18 @@
-import { defineComponent as t, provide as n, withDirectives as l, openBlock as r, createElementBlock as a, renderSlot as i, vShow as d } from "vue";
-import { TableSectionContextKey as s } from "./table-context.js";
-const m = /* @__PURE__ */ t({
+import { defineComponent as t, provide as n, withDirectives as a, openBlock as i, createElementBlock as l, renderSlot as r, vShow as s } from "vue";
+import { TableSectionContextKey as c } from "./table-context.js";
+const d = { class: "cui-table-foot" }, u = /* @__PURE__ */ t({
   __name: "CuiTableFoot",
   props: {
     hidden: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return n(s, { isHead: !1 }), (o, f) => l((r(), a("tfoot", null, [
-      i(o.$slots, "default")
+    return n(c, { isHead: !1 }), (o, f) => a((i(), l("tfoot", d, [
+      r(o.$slots, "default")
     ], 512)), [
-      [d, !e.hidden]
+      [s, !e.hidden]
     ]);
   }
 });
 export {
-  m as default
+  u as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"CuiTableHead.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiTableHead.vue"],"names":[],"mappings":"AA8BA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,WAAW,iBAAkB,SAAQ,aAAa;CACvD;AAgCD,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAoB/C,QAAA,MAAM,eAAe;;6EAOnB,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":"CuiTableHead.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiTableHead.vue"],"names":[],"mappings":"AA8BA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,WAAW,iBAAkB,SAAQ,aAAa;CACvD;AAkCD,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAoB/C,QAAA,MAAM,eAAe;;6EAOnB,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/CuiTableHead.vue.js

@@ -1,18 +1,18 @@
-import { defineComponent as o, provide as n, withDirectives as r, openBlock as a, createElementBlock as l, renderSlot as d, vShow as i } from "vue";
-import { TableSectionContextKey as p } from "./table-context.js";
-const f = /* @__PURE__ */ o({
+import { defineComponent as o, provide as a, withDirectives as n, openBlock as r, createElementBlock as d, renderSlot as i, vShow as l } from "vue";
+import { TableSectionContextKey as s } from "./table-context.js";
+const c = { class: "cui-table-head" }, h = /* @__PURE__ */ o({
   __name: "CuiTableHead",
   props: {
     hidden: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return n(p, { isHead: !0 }), (t, s) => r((a(), l("thead", null, [
-      d(t.$slots, "default")
+    return a(s, { isHead: !0 }), (t, p) => n((r(), d("thead", c, [
+      i(t.$slots, "default")
     ], 512)), [
-      [i, !e.hidden]
+      [l, !e.hidden]
     ]);
   }
 });
 export {
-  f as default
+  h as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"CuiTabs.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiTabs.vue"],"names":[],"mappings":"AA2fA,OAAO,EAGL,KAAK,UAAU,EACf,KAAK,cAAc,EACnB,KAAK,aAAa,EACnB,MAAM,gBAAgB,CAAC;AACxB,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGrE,MAAM,WAAW,YAAa,SAAQ,aAAa,EAAE,cAAc;IACjE,uBAAuB;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oBAAoB;IACpB,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,yBAAyB;IACzB,WAAW,CAAC,EAAE,cAAc,CAAC;IAC7B,sCAAsC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iCAAiC;IACjC,UAAU,CAAC,EAAE,aAAa,CAAC;CAC5B;AA2WD,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAgC/C,QAAA,MAAM,eAAe;;;;;;;;;aApZT,UAAU;iBAEN,cAAc;gBAIf,aAAa;eAFd,OAAO;6EAwZnB,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":"CuiTabs.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiTabs.vue"],"names":[],"mappings":"AA8gBA,OAAO,EAGL,KAAK,UAAU,EACf,KAAK,cAAc,EACnB,KAAK,aAAa,EACnB,MAAM,gBAAgB,CAAC;AACxB,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGrE,MAAM,WAAW,YAAa,SAAQ,aAAa,EAAE,cAAc;IACjE,uBAAuB;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oBAAoB;IACpB,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,yBAAyB;IACzB,WAAW,CAAC,EAAE,cAAc,CAAC;IAC7B,sCAAsC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iCAAiC;IACjC,UAAU,CAAC,EAAE,aAAa,CAAC;CAC5B;AAyXD,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAgC/C,QAAA,MAAM,eAAe;;;;;;;;;aAlaT,UAAU;iBAEN,cAAc;gBAIf,aAAa;eAFd,OAAO;6EAsanB,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/CuiTabs.vue.js

@@ -1,7 +1,7 @@
 import o from "./CuiTabs.vue2.js";
 /* empty css             */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-ed16f53a"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3da0079d"]]);
 export {
-  m as default
+  p as default
 };

package/dist/components/CuiTabs.vue2.js

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

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

@@ -1,11 +1,11 @@
-import type { CuiColor, CuiSize, HideableProps, ColorableProps, SizeableProps, DisableableProps, CuiRounded } from "../types/common";
+import type { CuiColor, CuiSize, HideableProps, ColorableProps, SizeableProps, DisableableProps, CuiRounded, NativeControlProps } from "../types/common";
 export interface TagOption {
     value: string;
     label?: string;
     color?: CuiColor;
     [key: string]: unknown;
 }
-export interface CuiTagInputProps extends HideableProps, ColorableProps, SizeableProps, DisableableProps {
+export interface CuiTagInputProps extends NativeControlProps, HideableProps, ColorableProps, SizeableProps, DisableableProps {
     /** Selected tags */
     modelValue?: string[];
     /** Predefined tag suggestions */

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

@@ -1 +1 @@
-{"version":3,"file":"CuiTagInput.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiTagInput.vue"],"names":[],"mappings":"AA8ZA,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAMrI,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,gBAAiB,SAAQ,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB;IACtG,oBAAoB;IACpB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,iCAAiC;IACjC,WAAW,CAAC,EAAE,SAAS,EAAE,CAAC;IAC1B,mCAAmC;IACnC,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,SAAS,EAAE,CAAC,CAAC;IAC3D,0DAA0D;IAC1D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qDAAqD;IACrD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kBAAkB;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,oBAAoB;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0BAA0B;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,qDAAqD;IACrD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,oBAAoB;IACpB,OAAO,CAAC,EAAE,UAAU,CAAC;CACtB;AAoOD,iBAAS,KAAK,CAAC,IAAI,CAAC,EAAE,YAAY,QAGjC;AAED,iBAAS,IAAI,SAEZ;AAiOD,QAAA,IAAI,QAAQ;;CAAY,CAAE;AAC1B,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAgDnD,QAAA,MAAM,eAAe;;;;;;;;;WAzgBX,OAAO;YAQN,OAAO;;;aAEN,UAAU;;iBAdN,MAAM;gBAdP,MAAM,EAAE;cAQV,MAAM;cAEN,MAAM;iBARH,SAAS,EAAE;iBAIX,OAAO;aAMX,MAAM;uBAUI,MAAM;gBAEb,MAAM;6EA4gBnB,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":"CuiTagInput.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiTagInput.vue"],"names":[],"mappings":"AAyhBA,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAOzJ,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,gBAAiB,SAAQ,kBAAkB,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB;IAC1H,oBAAoB;IACpB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,iCAAiC;IACjC,WAAW,CAAC,EAAE,SAAS,EAAE,CAAC;IAC1B,mCAAmC;IACnC,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,SAAS,EAAE,CAAC,CAAC;IAC3D,0DAA0D;IAC1D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qDAAqD;IACrD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kBAAkB;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,oBAAoB;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0BAA0B;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,qDAAqD;IACrD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,oBAAoB;IACpB,OAAO,CAAC,EAAE,UAAU,CAAC;CACtB;AAmQD,iBAAS,KAAK,CAAC,IAAI,CAAC,EAAE,YAAY,QAGjC;AAED,iBAAS,IAAI,SAEZ;AAkOD,QAAA,IAAI,QAAQ;;CAAY,CAAE;AAC1B,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAmDnD,QAAA,MAAM,eAAe;;;;;;;;;WA5iBX,OAAO;YAQN,OAAO;;;aAEN,UAAU;;iBAdN,MAAM;gBAdP,MAAM,EAAE;cAQV,MAAM;cAEN,MAAM;iBARH,SAAS,EAAE;iBAIX,OAAO;aAMX,MAAM;uBAUI,MAAM;gBAEb,MAAM;6EA+iBnB,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/CuiTagInput.vue.js

@@ -1,296 +1,7 @@
-import { defineComponent as le, ref as v, computed as h, onMounted as ne, onUnmounted as re, watch as oe, nextTick as L, withDirectives as ue, openBlock as s, createElementBlock as d, toDisplayString as x, createCommentVNode as w, createElementVNode as $, normalizeStyle as k, Fragment as q, renderList as F, createBlock as O, withCtx as ie, createTextVNode as se, Teleport as ce, createVNode as P, withModifiers as U, renderSlot as de, vShow as ve } from "vue";
-import { clampSize as fe } from "../utils/sizing.js";
-import me from "./CuiIcon.vue.js";
-import ge from "./CuiBadge.vue.js";
-import pe from "./CuiSpinner.vue.js";
-/* empty css                */
-const ye = {
-  key: 0,
-  style: { display: "block", marginBottom: "calc(0.25rem * var(--cui-density-scale, 1))", fontSize: "0.875rem", fontWeight: "500", color: "var(--cui-text-secondary)" }
-}, be = ["value", "placeholder", "disabled"], he = {
-  key: 1,
-  style: { fontSize: "0.75rem", color: "var(--cui-error)", marginTop: "calc(0.25rem * var(--cui-density-scale, 1))" }
-}, xe = {
-  key: 0,
-  style: { padding: "calc(0.75rem * var(--cui-density-scale, 1))", textAlign: "center" }
-}, we = ["data-index", "onClick", "onMouseenter"], Me = /* @__PURE__ */ le({
-  __name: "CuiTagInput",
-  props: {
-    modelValue: { default: () => [] },
-    suggestions: { default: () => [] },
-    fetchSuggestions: {},
-    allowCreate: { type: Boolean, default: !0 },
-    debounce: { default: 300 },
-    minChars: { default: 0 },
-    maxTags: { default: 0 },
-    placeholder: { default: "Add tag..." },
-    label: {},
-    error: { type: Boolean, default: !1 },
-    errorMessage: {},
-    noSuggestionsText: { default: "No suggestions" },
-    createText: { default: "Create" },
-    hidden: { type: Boolean, default: !1 },
-    rounded: { default: "md" },
-    color: { default: "primary" },
-    size: { default: "md" },
-    disabled: { type: Boolean, default: !1 }
-  },
-  emits: ["update:modelValue"],
-  setup(r, { expose: K, emit: Y }) {
-    const l = r, Z = {
-      none: "0",
-      sm: "0.25rem",
-      md: "var(--cui-button-radius, 0.375rem)",
-      lg: "0.5rem",
-      full: "9999px"
-    }, B = Y, o = v(""), c = v(!1), u = v(-1), V = v(!1), m = v([]), f = v(null), E = v(null), g = v(null), I = v({});
-    let S = null;
-    const z = h(() => new Set(l.modelValue)), C = h(() => l.maxTags > 0 && l.modelValue.length >= l.maxTags);
-    function j(e) {
-      const a = [...l.suggestions, ...m.value].find((t) => t.value === e);
-      return (a == null ? void 0 : a.label) ?? e;
-    }
-    function G(e) {
-      const a = [...l.suggestions, ...m.value].find((t) => t.value === e);
-      return (a == null ? void 0 : a.color) ?? l.color;
-    }
-    const i = h(() => {
-      const a = (l.fetchSuggestions ? m.value : l.suggestions).filter((n) => !z.value.has(n.value));
-      if (!o.value || l.fetchSuggestions) return a;
-      const t = o.value.toLowerCase();
-      return a.filter(
-        (n) => n.value.toLowerCase().includes(t) || n.label && n.label.toLowerCase().includes(t)
-      );
-    }), p = h(() => {
-      if (!l.allowCreate || !o.value.trim() || C.value) return !1;
-      const e = o.value.trim().toLowerCase();
-      return z.value.has(e) || z.value.has(o.value.trim()) ? !1 : ![...l.suggestions, ...m.value].map((t) => t.value.toLowerCase()).includes(e);
-    }), D = h(() => V.value), J = ["sm", "md", "lg"], Q = {
-      sm: { fontSize: "0.8125rem", padding: "calc(0.25rem * var(--cui-density-scale, 1)) calc(0.5rem * var(--cui-density-scale, 1))", tagSize: "sm", inputHeight: "2rem" },
-      md: { fontSize: "0.875rem", padding: "calc(0.3125rem * var(--cui-density-scale, 1)) calc(0.625rem * var(--cui-density-scale, 1))", tagSize: "sm", inputHeight: "2.375rem" },
-      lg: { fontSize: "0.9375rem", padding: "calc(0.4375rem * var(--cui-density-scale, 1)) calc(0.75rem * var(--cui-density-scale, 1))", tagSize: "md", inputHeight: "2.75rem" }
-    }, y = h(() => Q[fe(l.size, J)]);
-    function b() {
-      if (!g.value) return;
-      const e = g.value.getBoundingClientRect(), a = window.innerHeight, t = a - e.bottom, n = t < 200 && e.top > t, M = Math.min(240, Math.max(t, e.top) - 16), R = {
-        position: "fixed",
-        zIndex: "9990",
-        left: `${e.left}px`,
-        width: `${e.width}px`,
-        maxHeight: `${M}px`,
-        overflowY: "auto",
-        background: "var(--cui-surface-base)",
-        border: "1px solid var(--cui-border)",
-        borderRadius: "0.5rem",
-        boxShadow: "0 8px 24px -4px rgba(0,0,0,0.12), 0 2px 8px -2px rgba(0,0,0,0.08)",
-        padding: "calc(0.25rem * var(--cui-density-scale, 1))"
-      };
-      n ? R.bottom = `${a - e.top + 4}px` : R.top = `${e.bottom + 4}px`, I.value = R;
-    }
-    function X(e) {
-      if (o.value = e.target.value, u.value = -1, c.value || (c.value = !0, b()), l.fetchSuggestions) {
-        if (o.value.length < l.minChars) {
-          m.value = [];
-          return;
-        }
-        S && clearTimeout(S), S = setTimeout(async () => {
-          V.value = !0;
-          try {
-            m.value = await l.fetchSuggestions(o.value);
-          } finally {
-            V.value = !1;
-          }
-        }, l.debounce);
-      }
-    }
-    function H(e) {
-      if (l.disabled || C.value) return;
-      const a = e.trim();
-      !a || z.value.has(a) || (B("update:modelValue", [...l.modelValue, a]), o.value = "", u.value = -1, L(() => {
-        var t;
-        return (t = f.value) == null ? void 0 : t.focus();
-      }));
-    }
-    function A(e) {
-      H(e.value);
-    }
-    function T() {
-      p.value && H(o.value.trim());
-    }
-    function N(e) {
-      l.disabled || (B("update:modelValue", l.modelValue.filter((a) => a !== e)), L(() => {
-        var a;
-        return (a = f.value) == null ? void 0 : a.focus();
-      }));
-    }
-    function _(e) {
-      const a = i.value.length + (p.value ? 1 : 0);
-      if (e.key === "ArrowDown") {
-        if (e.preventDefault(), !c.value) {
-          c.value = !0, b();
-          return;
-        }
-        u.value = Math.min(u.value + 1, a - 1);
-      } else e.key === "ArrowUp" ? (e.preventDefault(), u.value = Math.max(u.value - 1, 0)) : e.key === "Enter" ? (e.preventDefault(), u.value >= 0 && u.value < i.value.length ? A(i.value[u.value]) : (p.value && (u.value === i.value.length || u.value === -1) || p.value && o.value.trim()) && T()) : e.key === "," || e.key === "Tab" ? o.value.trim() && l.allowCreate && (e.preventDefault(), T()) : e.key === "Escape" ? c.value = !1 : e.key === "Backspace" && !o.value && l.modelValue.length > 0 && N(l.modelValue[l.modelValue.length - 1]);
-    }
-    function W(e) {
-      var t, n;
-      const a = e.target;
-      (t = g.value) != null && t.contains(a) || (n = E.value) != null && n.contains(a) || (c.value = !1);
-    }
-    function ee() {
-      !l.disabled && !C.value && (c.value = !0, b());
-    }
-    ne(() => {
-      document.addEventListener("mousedown", W), window.addEventListener("scroll", () => {
-        c.value && b();
-      }, !0), window.addEventListener("resize", () => {
-        c.value && b();
-      });
-    }), re(() => {
-      document.removeEventListener("mousedown", W), S && clearTimeout(S);
-    }), oe(c, (e) => {
-      e || (o.value = ""), e && L(b);
-    });
-    function ae(e) {
-      var a;
-      f.value ? f.value.focus(e) : (a = g.value) == null || a.focus(e);
-    }
-    function te() {
-      var e;
-      (e = f.value) == null || e.blur();
-    }
-    return K({ el: g, focus: ae, blur: te }), (e, a) => ue((s(), d("div", {
-      ref_key: "wrapperRef",
-      ref: g,
-      style: { position: "relative" }
-    }, [
-      r.label ? (s(), d("label", ye, x(r.label), 1)) : w("", !0),
-      $("div", {
-        style: k({
-          display: "flex",
-          flexWrap: "wrap",
-          alignItems: "center",
-          gap: "calc(0.25rem * var(--cui-density-scale, 1))",
-          padding: y.value.padding,
-          border: `1px solid ${r.error ? "var(--cui-error)" : "var(--cui-border-strong, var(--cui-border))"}`,
-          borderRadius: Z[r.rounded],
-          background: "var(--cui-surface-base, white)",
-          cursor: r.disabled ? "default" : "text",
-          opacity: r.disabled ? "0.5" : "1",
-          minHeight: y.value.inputHeight
-        }),
-        onClick: a[0] || (a[0] = (t) => {
-          var n;
-          return (n = f.value) == null ? void 0 : n.focus();
-        })
-      }, [
-        (s(!0), d(q, null, F(r.modelValue, (t) => (s(), O(ge, {
-          key: t,
-          color: G(t),
-          size: y.value.tagSize,
-          removable: "",
-          onRemove: (n) => N(t)
-        }, {
-          default: ie(() => [
-            se(x(j(t)), 1)
-          ]),
-          _: 2
-        }, 1032, ["color", "size", "onRemove"]))), 128)),
-        C.value ? w("", !0) : (s(), d("input", {
-          key: 0,
-          ref_key: "inputRef",
-          ref: f,
-          value: o.value,
-          placeholder: r.modelValue.length > 0 ? "" : r.placeholder,
-          disabled: r.disabled,
-          style: k({
-            flex: "1",
-            minWidth: "4rem",
-            border: "none",
-            outline: "none",
-            background: "transparent",
-            fontSize: y.value.fontSize,
-            color: "var(--cui-text-body)",
-            padding: "calc(0.125rem * var(--cui-density-scale, 1)) 0",
-            fontFamily: "inherit"
-          }),
-          onInput: X,
-          onFocus: ee,
-          onKeydown: _
-        }, null, 44, be))
-      ], 4),
-      r.error && r.errorMessage ? (s(), d("div", he, x(r.errorMessage), 1)) : w("", !0),
-      (s(), O(ce, { to: "body" }, [
-        c.value && (i.value.length > 0 || p.value || D.value) ? (s(), d("div", {
-          key: 0,
-          ref_key: "dropdownRef",
-          ref: E,
-          style: k(I.value)
-        }, [
-          D.value && i.value.length === 0 ? (s(), d("div", xe, [
-            P(pe, {
-              size: "xs",
-              "show-label": "",
-              label: "Searching..."
-            })
-          ])) : w("", !0),
-          (s(!0), d(q, null, F(i.value, (t, n) => (s(), d("div", {
-            key: t.value,
-            "data-index": n,
-            style: k({
-              display: "flex",
-              alignItems: "center",
-              gap: "calc(0.5rem * var(--cui-density-scale, 1))",
-              padding: "calc(0.4375rem * var(--cui-density-scale, 1)) calc(0.625rem * var(--cui-density-scale, 1))",
-              cursor: "pointer",
-              fontSize: y.value.fontSize,
-              borderRadius: "0.25rem",
-              background: u.value === n ? "var(--cui-primary-bg)" : "transparent",
-              color: "var(--cui-text-body)",
-              transition: "background 0.1s ease"
-            }),
-            onClick: U((M) => A(t), ["stop"]),
-            onMouseenter: (M) => u.value = n
-          }, [
-            de(e.$slots, "suggestion", { suggestion: t }, () => [
-              $("span", null, x(t.label || t.value), 1)
-            ])
-          ], 44, we))), 128)),
-          p.value ? (s(), d("div", {
-            key: 1,
-            style: k({
-              display: "flex",
-              alignItems: "center",
-              gap: "calc(0.375rem * var(--cui-density-scale, 1))",
-              padding: "calc(0.4375rem * var(--cui-density-scale, 1)) calc(0.625rem * var(--cui-density-scale, 1))",
-              cursor: "pointer",
-              fontSize: y.value.fontSize,
-              borderRadius: "0.25rem",
-              background: u.value === i.value.length ? "var(--cui-primary-bg)" : "transparent",
-              color: "var(--cui-primary)",
-              fontWeight: "500",
-              transition: "background 0.1s ease",
-              borderTop: i.value.length > 0 ? "1px solid color-mix(in srgb, var(--cui-border) 50%, transparent)" : "none",
-              marginTop: i.value.length > 0 ? "calc(0.125rem * var(--cui-density-scale, 1))" : "0",
-              paddingTop: i.value.length > 0 ? "calc(0.5rem * var(--cui-density-scale, 1))" : void 0
-            }),
-            onClick: U(T, ["stop"]),
-            onMouseenter: a[1] || (a[1] = (t) => u.value = i.value.length)
-          }, [
-            P(me, {
-              name: "plus",
-              size: "0.75rem"
-            }),
-            $("span", null, x(r.createText) + " “" + x(o.value.trim()) + "”", 1)
-          ], 36)) : w("", !0)
-        ], 4)) : w("", !0)
-      ]))
-    ], 512)), [
-      [ve, !r.hidden]
-    ]);
-  }
-});
+import o from "./CuiTagInput.vue2.js";
+/* empty css                 */
+import t from "../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-532a086a"]]);
 export {
-  Me as default
+  m as default
 };