@itguy614/clean-ui 1.2.2 → 1.3.0

package/dist/components/CuiColorPicker.vue.js

@@ -1,17 +1,17 @@
-import { defineComponent as pe, ref as s, computed as p, watch as he, onMounted as J, onUnmounted as me, useTemplateRef as Q, withDirectives as _, openBlock as d, createElementBlock as c, normalizeStyle as r, withModifiers as B, createElementVNode as l, createCommentVNode as h, withKeys as ge, vModelText as be, createBlock as xe, withCtx as ye, createTextVNode as we, toDisplayString as ke, Fragment as Se, renderList as Ee, vShow as Re } from "vue";
+import { defineComponent as me, ref as s, computed as m, watch as pe, onMounted as J, onUnmounted as he, useTemplateRef as Q, withDirectives as _, openBlock as d, createElementBlock as c, normalizeStyle as r, withModifiers as H, createElementVNode as l, createCommentVNode as p, withKeys as be, vModelText as ge, createBlock as ye, withCtx as xe, createTextVNode as we, toDisplayString as ke, Fragment as Se, renderList as Ee, vShow as Re } from "vue";
 import { clampSize as ze } from "../utils/sizing.js";
 import Pe from "./CuiButton.vue.js";
-import { hsvToRgb as ee, rgbToHex as Ce, formatColor as Le, getThemePalette as Me, PALETTE_BASIC as Te, PALETTE_MATERIAL as He, PALETTE_TAILWIND as Be, parseColor as A, rgbToHsv as $ } from "../utils/color.js";
-const Ae = {
+import { hsvToRgb as ee, rgbToHex as Ce, formatColor as Le, getThemePalette as Me, PALETTE_BASIC as Te, PALETTE_MATERIAL as Be, PALETTE_TAILWIND as He, parseColor as D, rgbToHsv as A } from "../utils/color.js";
+const De = {
   key: 0,
   style: { display: "flex", gap: "calc(0.625rem * var(--cui-density-scale, 1))", alignItems: "center" }
-}, $e = { style: { flex: "1", display: "flex", flexDirection: "column", gap: "calc(0.5rem * var(--cui-density-scale, 1))" } }, De = {
+}, Ae = { style: { flex: "1", display: "flex", flexDirection: "column", gap: "calc(0.5rem * var(--cui-density-scale, 1))" } }, $e = {
   key: 1,
   style: { display: "flex", gap: "calc(0.375rem * var(--cui-density-scale, 1))", alignItems: "center" }
-}, Ve = {
+}, Ve = ["id", "name", "autocomplete", "aria-describedby", "aria-required", "aria-labelledby"], Fe = {
   key: 2,
   style: { display: "flex", flexWrap: "wrap", gap: "calc(0.3125rem * var(--cui-density-scale, 1))" }
-}, Fe = ["onClick"], te = "repeating-conic-gradient(#d0d0d0 0% 25%, transparent 0% 50%) 0 0 / 12px 12px", Ge = /* @__PURE__ */ pe({
+}, Ie = ["onClick"], te = "repeating-conic-gradient(#d0d0d0 0% 25%, transparent 0% 50%) 0 0 / 12px 12px", Ge = /* @__PURE__ */ me({
   __name: "CuiColorPicker",
   props: {
     modelValue: { default: "#000000" },
@@ -22,47 +22,53 @@ const Ae = {
     showInput: { type: Boolean, default: !0 },
     showFormatToggle: { type: Boolean, default: !0 },
     swatchOnly: { type: Boolean, default: !1 },
+    name: {},
+    autocomplete: {},
+    id: {},
+    ariaDescribedby: {},
+    ariaLabelledby: {},
+    ariaRequired: { type: Boolean },
     hidden: { type: Boolean, default: !1 },
     size: { default: "md" },
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue"],
-  setup(a, { expose: ne, emit: oe }) {
-    const re = ["sm", "md", "lg"], n = a, ie = oe, v = s(0), m = s(1), g = s(1), u = s(1), S = s(n.format), f = s(""), ae = {
+  setup(n, { expose: ne, emit: ae }) {
+    const ie = ["sm", "md", "lg"], a = n, re = ae, v = s(0), h = s(1), b = s(1), u = s(1), S = s(a.format), f = s(""), oe = {
       sm: { width: "220px", gradientHeight: "130px", sliderHeight: "10px", thumbSize: "14px", swatchSize: "20px", fontSize: "0.75rem" },
       md: { width: "280px", gradientHeight: "160px", sliderHeight: "12px", thumbSize: "16px", swatchSize: "24px", fontSize: "0.8125rem" },
       lg: { width: "340px", gradientHeight: "200px", sliderHeight: "14px", thumbSize: "18px", swatchSize: "28px", fontSize: "0.875rem" }
-    }, i = p(() => ae[ze(n.size, re)]), b = p(() => ee(v.value, m.value, g.value)), x = p(() => Ce(b.value.r, b.value.g, b.value.b)), D = p(() => {
-      const { r: e, g: t, b: o } = b.value;
-      return u.value < 1 ? `rgba(${e}, ${t}, ${o}, ${u.value.toFixed(2)})` : x.value;
-    }), y = p(() => {
-      const { r: e, g: t, b: o } = b.value;
-      return Le(e, t, o, u.value, S.value);
+    }, o = m(() => oe[ze(a.size, ie)]), g = m(() => ee(v.value, h.value, b.value)), y = m(() => Ce(g.value.r, g.value.g, g.value.b)), $ = m(() => {
+      const { r: e, g: t, b: i } = g.value;
+      return u.value < 1 ? `rgba(${e}, ${t}, ${i}, ${u.value.toFixed(2)})` : y.value;
+    }), x = m(() => {
+      const { r: e, g: t, b: i } = g.value;
+      return Le(e, t, i, u.value, S.value);
     });
     function V() {
-      const e = A(n.modelValue);
+      const e = D(a.modelValue);
       if (e) {
-        const t = $(e.r, e.g, e.b);
-        v.value = t.h, m.value = t.s, g.value = t.v, u.value = e.a, f.value = y.value;
+        const t = A(e.r, e.g, e.b);
+        v.value = t.h, h.value = t.s, b.value = t.v, u.value = e.a, f.value = x.value;
       }
     }
-    he(() => n.modelValue, V), J(V);
+    pe(() => a.modelValue, V), J(V);
     const F = s(0);
     let w = null;
     J(() => {
-      n.presetPalette === "theme" && typeof MutationObserver < "u" && (w = new MutationObserver(() => {
+      a.presetPalette === "theme" && typeof MutationObserver < "u" && (w = new MutationObserver(() => {
         F.value++;
       }), w.observe(document.documentElement, { attributes: !0, attributeFilter: ["class"] }));
-    }), me(() => {
+    }), he(() => {
       w == null || w.disconnect();
     });
     function k() {
-      f.value = y.value, ie("update:modelValue", y.value);
+      f.value = x.value, re("update:modelValue", x.value);
     }
-    const I = p(() => n.palette ? n.palette : n.presetPalette === "theme" ? (F.value, Me()) : n.presetPalette === "basic" ? Te : n.presetPalette === "material" ? He : n.presetPalette === "tailwind" ? Be : []), P = s(null);
+    const I = m(() => a.palette ? a.palette : a.presetPalette === "theme" ? (F.value, Me()) : a.presetPalette === "basic" ? Te : a.presetPalette === "material" ? Be : a.presetPalette === "tailwind" ? He : []), P = s(null);
     let C = !1;
     function le(e) {
-      n.disabled || (C = !0, W(e), document.addEventListener("pointermove", O), document.addEventListener("pointerup", U));
+      a.disabled || (C = !0, W(e), document.addEventListener("pointermove", O), document.addEventListener("pointerup", U));
     }
     function O(e) {
       C && W(e);
@@ -73,61 +79,61 @@ const Ae = {
     function W(e) {
       if (!P.value) return;
       const t = P.value.getBoundingClientRect();
-      m.value = Math.max(0, Math.min(1, (e.clientX - t.left) / t.width)), g.value = Math.max(0, Math.min(1, 1 - (e.clientY - t.top) / t.height)), k();
+      h.value = Math.max(0, Math.min(1, (e.clientX - t.left) / t.width)), b.value = Math.max(0, Math.min(1, 1 - (e.clientY - t.top) / t.height)), k();
     }
     const L = s(null);
     let M = !1;
     function ue(e) {
-      n.disabled || (M = !0, X(e), document.addEventListener("pointermove", G), document.addEventListener("pointerup", N));
+      a.disabled || (M = !0, N(e), document.addEventListener("pointermove", q), document.addEventListener("pointerup", G));
     }
-    function G(e) {
-      M && X(e);
+    function q(e) {
+      M && N(e);
     }
-    function N() {
-      M = !1, document.removeEventListener("pointermove", G), document.removeEventListener("pointerup", N);
+    function G() {
+      M = !1, document.removeEventListener("pointermove", q), document.removeEventListener("pointerup", G);
     }
-    function X(e) {
+    function N(e) {
       if (!L.value) return;
       const t = L.value.getBoundingClientRect();
       v.value = Math.max(0, Math.min(360, (e.clientX - t.left) / t.width * 360)), k();
     }
     const T = s(null);
-    let H = !1;
+    let B = !1;
     function se(e) {
-      n.disabled || (H = !0, Z(e), document.addEventListener("pointermove", K), document.addEventListener("pointerup", Y));
+      a.disabled || (B = !0, Y(e), document.addEventListener("pointermove", X), document.addEventListener("pointerup", K));
     }
-    function K(e) {
-      H && Z(e);
+    function X(e) {
+      B && Y(e);
     }
-    function Y() {
-      H = !1, document.removeEventListener("pointermove", K), document.removeEventListener("pointerup", Y);
+    function K() {
+      B = !1, document.removeEventListener("pointermove", X), document.removeEventListener("pointerup", K);
     }
-    function Z(e) {
+    function Y(e) {
       if (!T.value) return;
       const t = T.value.getBoundingClientRect();
       u.value = Math.max(0, Math.min(1, (e.clientX - t.left) / t.width)), u.value = Math.round(u.value * 100) / 100, k();
     }
-    function j() {
-      const e = A(f.value);
+    function Z() {
+      const e = D(f.value);
       if (e) {
-        const t = $(e.r, e.g, e.b);
-        v.value = t.h, m.value = t.s, g.value = t.v, u.value = e.a, k();
+        const t = A(e.r, e.g, e.b);
+        v.value = t.h, h.value = t.s, b.value = t.v, u.value = e.a, k();
       } else
-        f.value = y.value;
+        f.value = x.value;
     }
     function de() {
       const e = ["hex", "rgb", "hsl"], t = e.indexOf(S.value);
-      S.value = e[(t + 1) % e.length], f.value = y.value;
+      S.value = e[(t + 1) % e.length], f.value = x.value;
     }
     function ce(e) {
-      if (n.disabled) return;
-      const t = A(e);
+      if (a.disabled) return;
+      const t = D(e);
       if (t) {
-        const o = $(t.r, t.g, t.b);
-        v.value = o.h, m.value = o.s, g.value = o.v, u.value = t.a, k();
+        const i = A(t.r, t.g, t.b);
+        v.value = i.h, h.value = i.s, b.value = i.v, u.value = t.a, k();
       }
     }
-    const q = p(() => {
+    const j = m(() => {
       const e = ee(v.value, 1, 1);
       return `rgb(${e.r}, ${e.g}, ${e.b})`;
     }), E = Q("rootEl"), R = Q("inputEl");
@@ -140,39 +146,40 @@ const Ae = {
       R.value ? R.value.blur() : (e = E.value) == null || e.blur();
     }
     return ne({ el: E, focus: ve, blur: fe }), (e, t) => _((d(), c("div", {
+      class: "cui-color-picker",
       ref_key: "rootEl",
       ref: E,
       style: r({
-        width: i.value.width,
-        opacity: a.disabled ? "0.5" : "1",
-        pointerEvents: a.disabled ? "none" : void 0,
+        width: o.value.width,
+        opacity: n.disabled ? "0.5" : "1",
+        pointerEvents: n.disabled ? "none" : void 0,
         userSelect: "none"
       })
     }, [
-      a.swatchOnly ? h("", !0) : (d(), c("div", {
+      n.swatchOnly ? p("", !0) : (d(), c("div", {
         key: 0,
         ref_key: "gradientRef",
         ref: P,
         style: r({
           position: "relative",
           width: "100%",
-          height: i.value.gradientHeight,
+          height: o.value.gradientHeight,
           borderRadius: "0.5rem 0.5rem 0 0",
           cursor: "crosshair",
           overflow: "hidden",
-          background: q.value
+          background: j.value
         }),
-        onPointerdown: B(le, ["prevent"])
+        onPointerdown: H(le, ["prevent"])
       }, [
         t[3] || (t[3] = l("div", { style: { position: "absolute", inset: "0", background: "linear-gradient(to right, white, transparent)" } }, null, -1)),
         t[4] || (t[4] = l("div", { style: { position: "absolute", inset: "0", background: "linear-gradient(to bottom, transparent, black)" } }, null, -1)),
         l("div", {
           style: r({
             position: "absolute",
-            left: `${m.value * 100}%`,
-            top: `${(1 - g.value) * 100}%`,
-            width: i.value.thumbSize,
-            height: i.value.thumbSize,
+            left: `${h.value * 100}%`,
+            top: `${(1 - b.value) * 100}%`,
+            width: o.value.thumbSize,
+            height: o.value.thumbSize,
             borderRadius: "50%",
             border: "2px solid white",
             boxShadow: "0 1px 4px rgba(0,0,0,0.3)",
@@ -186,14 +193,14 @@ const Ae = {
           padding: "calc(0.75rem * var(--cui-density-scale, 1))",
           background: "var(--cui-surface-base, white)",
           border: "1px solid var(--cui-border)",
-          borderTop: a.swatchOnly ? void 0 : "none",
-          borderRadius: a.swatchOnly ? "0.5rem" : "0 0 0.5rem 0.5rem",
+          borderTop: n.swatchOnly ? void 0 : "none",
+          borderRadius: n.swatchOnly ? "0.5rem" : "0 0 0.5rem 0.5rem",
           display: "flex",
           flexDirection: "column",
           gap: "calc(0.625rem * var(--cui-density-scale, 1))"
         })
       }, [
-        a.swatchOnly ? h("", !0) : (d(), c("div", Ae, [
+        n.swatchOnly ? p("", !0) : (d(), c("div", De, [
           l("div", {
             style: r({
               width: "2rem",
@@ -207,75 +214,75 @@ const Ae = {
             })
           }, [
             l("div", {
-              style: r({ position: "absolute", inset: "0", borderRadius: "50%", background: D.value })
+              style: r({ position: "absolute", inset: "0", borderRadius: "50%", background: $.value })
             }, null, 4)
           ], 4),
-          l("div", $e, [
+          l("div", Ae, [
             l("div", {
               ref_key: "hueRef",
               ref: L,
               style: r({
                 position: "relative",
-                height: i.value.sliderHeight,
+                height: o.value.sliderHeight,
                 borderRadius: "9999px",
                 cursor: "pointer",
                 background: "linear-gradient(to right, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000)"
               }),
-              onPointerdown: B(ue, ["prevent"])
+              onPointerdown: H(ue, ["prevent"])
             }, [
               l("div", {
                 style: r({
                   position: "absolute",
                   left: `${v.value / 360 * 100}%`,
                   top: "50%",
-                  width: i.value.thumbSize,
-                  height: i.value.thumbSize,
+                  width: o.value.thumbSize,
+                  height: o.value.thumbSize,
                   borderRadius: "50%",
                   border: "2px solid white",
                   boxShadow: "0 1px 3px rgba(0,0,0,0.3)",
                   transform: "translate(-50%, -50%)",
                   pointerEvents: "none",
-                  background: q.value
+                  background: j.value
                 })
               }, null, 4)
             ], 36),
-            a.showAlpha ? (d(), c("div", {
+            n.showAlpha ? (d(), c("div", {
               key: 0,
               ref_key: "alphaRef",
               ref: T,
               style: r({
                 position: "relative",
-                height: i.value.sliderHeight,
+                height: o.value.sliderHeight,
                 borderRadius: "9999px",
                 cursor: "pointer",
                 background: te,
                 overflow: "hidden"
               }),
-              onPointerdown: B(se, ["prevent"])
+              onPointerdown: H(se, ["prevent"])
             }, [
               l("div", {
-                style: r({ position: "absolute", inset: "0", borderRadius: "9999px", background: `linear-gradient(to right, transparent, ${x.value})` })
+                style: r({ position: "absolute", inset: "0", borderRadius: "9999px", background: `linear-gradient(to right, transparent, ${y.value})` })
               }, null, 4),
               l("div", {
                 style: r({
                   position: "absolute",
                   left: `${u.value * 100}%`,
                   top: "50%",
-                  width: i.value.thumbSize,
-                  height: i.value.thumbSize,
+                  width: o.value.thumbSize,
+                  height: o.value.thumbSize,
                   borderRadius: "50%",
                   border: "2px solid white",
                   boxShadow: "0 1px 3px rgba(0,0,0,0.3)",
                   transform: "translate(-50%, -50%)",
                   pointerEvents: "none",
-                  background: x.value
+                  background: y.value
                 })
               }, null, 4)
-            ], 36)) : h("", !0)
+            ], 36)) : p("", !0)
           ])
         ])),
-        a.showInput ? (d(), c("div", De, [
-          a.swatchOnly ? (d(), c("div", {
+        n.showInput ? (d(), c("div", $e, [
+          n.swatchOnly ? (d(), c("div", {
             key: 0,
             style: r({
               width: "1.5rem",
@@ -283,16 +290,22 @@ const Ae = {
               borderRadius: "0.25rem",
               border: "1px solid var(--cui-border)",
               flexShrink: "0",
-              background: D.value
+              background: $.value
             })
-          }, null, 4)) : h("", !0),
+          }, null, 4)) : p("", !0),
           _(l("input", {
             ref: "inputEl",
-            "onUpdate:modelValue": t[0] || (t[0] = (o) => f.value = o),
+            id: n.id,
+            name: n.name,
+            autocomplete: n.autocomplete,
+            "aria-describedby": n.ariaDescribedby,
+            "aria-required": n.ariaRequired || void 0,
+            "aria-labelledby": n.ariaLabelledby,
+            "onUpdate:modelValue": t[0] || (t[0] = (i) => f.value = i),
             style: r({
               flex: "1",
               padding: "calc(0.3125rem * var(--cui-density-scale, 1)) calc(0.5rem * var(--cui-density-scale, 1))",
-              fontSize: i.value.fontSize,
+              fontSize: o.value.fontSize,
               fontFamily: "var(--cui-font-mono, monospace)",
               border: "1px solid var(--cui-border-strong, var(--cui-border))",
               borderRadius: "0.25rem",
@@ -301,45 +314,45 @@ const Ae = {
               outline: "none",
               minWidth: "0"
             }),
-            onKeydown: ge(j, ["enter"]),
-            onBlur: j
-          }, null, 36), [
-            [be, f.value]
+            onKeydown: be(Z, ["enter"]),
+            onBlur: Z
+          }, null, 44, Ve), [
+            [ge, f.value]
           ]),
-          a.showFormatToggle ? (d(), xe(Pe, {
+          n.showFormatToggle ? (d(), ye(Pe, {
             key: 1,
             variant: "ghost",
             size: "xs",
-            style: r({ flexShrink: "0", fontFamily: "var(--cui-font-mono, monospace)", fontSize: i.value.fontSize, fontWeight: "600", minWidth: "2.5rem" }),
+            style: r({ flexShrink: "0", fontFamily: "var(--cui-font-mono, monospace)", fontSize: o.value.fontSize, fontWeight: "600", minWidth: "2.5rem" }),
             onClick: de
           }, {
-            default: ye(() => [
+            default: xe(() => [
               we(ke(S.value.toUpperCase()), 1)
             ]),
             _: 1
-          }, 8, ["style"])) : h("", !0)
-        ])) : h("", !0),
-        I.value.length > 0 ? (d(), c("div", Ve, [
-          (d(!0), c(Se, null, Ee(I.value, (o) => (d(), c("div", {
-            key: o,
+          }, 8, ["style"])) : p("", !0)
+        ])) : p("", !0),
+        I.value.length > 0 ? (d(), c("div", Fe, [
+          (d(!0), c(Se, null, Ee(I.value, (i) => (d(), c("div", {
+            key: i,
             style: r({
-              width: i.value.swatchSize,
-              height: i.value.swatchSize,
+              width: o.value.swatchSize,
+              height: o.value.swatchSize,
               borderRadius: "0.25rem",
-              background: o,
+              background: i,
               cursor: "pointer",
-              border: x.value.toLowerCase() === o.toLowerCase() ? "2px solid var(--cui-primary)" : "1px solid var(--cui-border)",
-              boxShadow: x.value.toLowerCase() === o.toLowerCase() ? "0 0 0 1px var(--cui-primary)" : "none",
+              border: y.value.toLowerCase() === i.toLowerCase() ? "2px solid var(--cui-primary)" : "1px solid var(--cui-border)",
+              boxShadow: y.value.toLowerCase() === i.toLowerCase() ? "0 0 0 1px var(--cui-primary)" : "none",
               transition: "transform 0.1s ease"
             }),
-            onClick: (z) => ce(o),
+            onClick: (z) => ce(i),
             onMouseenter: t[1] || (t[1] = (z) => z.target.style.transform = "scale(1.15)"),
             onMouseleave: t[2] || (t[2] = (z) => z.target.style.transform = "scale(1)")
-          }, null, 44, Fe))), 128))
-        ])) : h("", !0)
+          }, null, 44, Ie))), 128))
+        ])) : p("", !0)
       ], 4)
     ], 4)), [
-      [Re, !a.hidden]
+      [Re, !n.hidden]
     ]);
   }
 });

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

@@ -1,4 +1,4 @@
-import type { ColorableProps, SizeableProps, DisableableProps, HideableProps, CuiRounded } from "../types/common";
+import type { ColorableProps, SizeableProps, DisableableProps, HideableProps, CuiRounded, NativeControlProps } from "../types/common";
 export interface ComboboxOption {
     /** Unique value */
     value: string | number;
@@ -15,7 +15,7 @@ export interface ComboboxOption {
     /** Any extra data the consumer wants to access in slots */
     [key: string]: unknown;
 }
-export interface CuiComboboxProps extends HideableProps, ColorableProps, SizeableProps, DisableableProps {
+export interface CuiComboboxProps extends NativeControlProps, HideableProps, ColorableProps, SizeableProps, DisableableProps {
     /** Selected value(s) — string/number for single, array for multiple */
     modelValue?: string | number | (string | number)[] | null;
     /** Static options */

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

@@ -1 +1 @@
-{"version":3,"file":"CuiCombobox.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiCombobox.vue"],"names":[],"mappings":"AAyeA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAOlH,MAAM,WAAW,cAAc;IAC7B,mBAAmB;IACnB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,yCAAyC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2DAA2D;IAC3D,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,gBAAiB,SAAQ,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB;IACtG,uEAAuE;IACvE,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,IAAI,CAAC;IAC1D,qBAAqB;IACrB,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAC3B,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8DAA8D;IAC9D,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,cAAc,EAAE,CAAC,CAAC;IAC5D,qCAAqC;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wEAAwE;IACxE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+BAA+B;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,oBAAoB;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sBAAsB;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oBAAoB;IACpB,OAAO,CAAC,EAAE,UAAU,CAAC;CACtB;AAqQD,iBAAS,KAAK,CAAC,IAAI,CAAC,EAAE,YAAY,QAEjC;AAED,iBAAS,IAAI,SAEZ;AAyRD,QAAA,IAAI,QAAQ;;;CAAY,CAAE;AAC1B,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAgD/C,QAAA,MAAM,eAAe;;;;;;;;;;;WA7lBX,OAAO;;;;aAML,UAAU;aAVV,OAAO;;iBAVH,MAAM;aAJV,cAAc,EAAE;cAEf,OAAO;cAMP,MAAM;cAEN,MAAM;gBAEJ,MAAM;mBAUH,MAAM;6EAkmBtB,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":"CuiCombobox.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiCombobox.vue"],"names":[],"mappings":"AA2mBA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB,EAAE,aAAa,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAQtI,MAAM,WAAW,cAAc;IAC7B,mBAAmB;IACnB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,yCAAyC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2DAA2D;IAC3D,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,gBAAiB,SAAQ,kBAAkB,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB;IAC1H,uEAAuE;IACvE,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,IAAI,CAAC;IAC1D,qBAAqB;IACrB,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAC3B,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8DAA8D;IAC9D,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,cAAc,EAAE,CAAC,CAAC;IAC5D,qCAAqC;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wEAAwE;IACxE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+BAA+B;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,oBAAoB;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sBAAsB;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oBAAoB;IACpB,OAAO,CAAC,EAAE,UAAU,CAAC;CACtB;AAmSD,iBAAS,KAAK,CAAC,IAAI,CAAC,EAAE,YAAY,QAEjC;AAED,iBAAS,IAAI,SAEZ;AAkSD,QAAA,IAAI,QAAQ;;;CAAY,CAAE;AAC1B,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAmD/C,QAAA,MAAM,eAAe;;;;;;;;;;;WAvoBX,OAAO;;;;aAML,UAAU;aAVV,OAAO;;iBAVH,MAAM;aAJV,cAAc,EAAE;cAEf,OAAO;cAMP,MAAM;cAEN,MAAM;gBAEJ,MAAM;mBAUH,MAAM;6EA4oBtB,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"}