@itguy614/clean-ui 1.3.0 → 1.3.2

package/dist/components/CuiDivider.vue.js

@@ -1,6 +1,6 @@
-import { defineComponent as p, useSlots as x, computed as n, withDirectives as s, openBlock as i, createElementBlock as a, normalizeStyle as l, createCommentVNode as d, createElementVNode as f, renderSlot as g, createTextVNode as h, toDisplayString as b, vShow as u } from "vue";
-import { resolveColor as S } from "../utils/color.js";
-const B = /* @__PURE__ */ p({
+import { defineComponent as b, useSlots as p, useId as S, computed as n, withDirectives as c, openBlock as a, createElementBlock as r, normalizeStyle as i, createCommentVNode as m, createElementVNode as x, renderSlot as k, createTextVNode as w, toDisplayString as z, vShow as d } from "vue";
+import { resolveColor as h } from "../utils/color.js";
+const T = ["aria-orientation"], D = /* @__PURE__ */ b({
   __name: "CuiDivider",
   props: {
     orientation: { default: "horizontal" },
@@ -12,10 +12,10 @@ const B = /* @__PURE__ */ p({
     hidden: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, k = x(), v = n(() => !!t.label || !!k.default), r = n(() => {
-      const c = t.color ? S(t.color) : "var(--cui-border)";
-      return `1px ${t.variant} ${c}`;
-    }), m = n(() => t.orientation === "vertical" ? {
+    const t = e, v = p(), g = () => !!t.label || !!v.default, s = `cui-divider-label-${S()}`, l = n(() => {
+      const o = t.color ? h(t.color) : "var(--cui-border)";
+      return `1px ${t.variant} ${o}`;
+    }), f = n(() => t.orientation === "vertical" ? {
       display: "inline-flex",
       flexDirection: "column",
       alignItems: "center",
@@ -28,101 +28,85 @@ const B = /* @__PURE__ */ p({
       width: "100%",
       marginTop: t.spacing,
       marginBottom: t.spacing
-    }), o = n(() => t.orientation === "vertical" ? {
+    }), u = n(() => t.orientation === "vertical" ? {
       flex: "1",
       width: "0",
-      borderLeft: r.value,
+      borderLeft: l.value,
       minHeight: "1rem"
     } : {
       flex: "1",
       height: "0",
-      borderTop: r.value
+      borderTop: l.value
     }), y = n(() => ({
       fontSize: "0.75rem",
       fontWeight: "500",
-      color: t.color ? S(t.color) : "var(--cui-text-tertiary)",
+      color: t.color ? h(t.color) : "var(--cui-text-tertiary)",
       padding: t.orientation === "horizontal" ? "0 calc(0.75rem * var(--cui-density-scale, 1))" : "calc(0.5rem * var(--cui-density-scale, 1)) 0",
       whiteSpace: "nowrap",
       textTransform: "uppercase",
       letterSpacing: "0.04em"
     }));
-    return (c, w) => e.orientation === "horizontal" && v.value ? s((i(), a("div", {
+    return (o, B) => g() ? c((a(), r("div", {
       key: 0,
       class: "cui-divider",
-      style: l(m.value),
-      role: "separator"
+      style: i(f.value),
+      role: "separator",
+      "aria-orientation": e.orientation === "vertical" ? "vertical" : "horizontal",
+      "aria-labelledby": s
     }, [
-      e.labelPosition !== "start" ? (i(), a("div", {
+      e.labelPosition !== "start" ? (a(), r("div", {
         key: 0,
-        style: l(o.value)
-      }, null, 4)) : d("", !0),
-      f("span", {
-        style: l(y.value)
+        style: i(u.value),
+        "aria-hidden": "true"
+      }, null, 4)) : m("", !0),
+      x("span", {
+        id: s,
+        style: i(y.value)
       }, [
-        g(c.$slots, "default", {}, () => [
-          h(b(e.label), 1)
+        k(o.$slots, "default", {}, () => [
+          w(z(e.label), 1)
         ])
       ], 4),
-      e.labelPosition !== "end" ? (i(), a("div", {
+      e.labelPosition !== "end" ? (a(), r("div", {
         key: 1,
-        style: l(o.value)
-      }, null, 4)) : d("", !0)
-    ], 4)), [
-      [u, !e.hidden]
-    ]) : e.orientation === "horizontal" ? s((i(), a("hr", {
+        style: i(u.value),
+        "aria-hidden": "true"
+      }, null, 4)) : m("", !0)
+    ], 12, T)), [
+      [d, !e.hidden]
+    ]) : e.orientation === "horizontal" ? c((a(), r("hr", {
       key: 1,
       class: "cui-divider",
-      style: l({
+      style: i({
         border: "none",
-        borderTop: r.value,
+        borderTop: l.value,
         width: "100%",
         marginTop: e.spacing,
         marginBottom: e.spacing
       }),
-      role: "separator"
+      role: "separator",
+      "aria-orientation": "horizontal"
     }, null, 4)), [
-      [u, !e.hidden]
-    ]) : v.value ? s((i(), a("div", {
+      [d, !e.hidden]
+    ]) : c((a(), r("div", {
       key: 2,
       class: "cui-divider",
-      style: l(m.value),
-      role: "separator"
-    }, [
-      e.labelPosition !== "start" ? (i(), a("div", {
-        key: 0,
-        style: l(o.value)
-      }, null, 4)) : d("", !0),
-      f("span", {
-        style: l(y.value)
-      }, [
-        g(c.$slots, "default", {}, () => [
-          h(b(e.label), 1)
-        ])
-      ], 4),
-      e.labelPosition !== "end" ? (i(), a("div", {
-        key: 1,
-        style: l(o.value)
-      }, null, 4)) : d("", !0)
-    ], 4)), [
-      [u, !e.hidden]
-    ]) : s((i(), a("div", {
-      key: 3,
-      class: "cui-divider",
-      style: l({
+      style: i({
         display: "inline-block",
         width: "0",
         alignSelf: "stretch",
-        borderLeft: r.value,
+        borderLeft: l.value,
         marginLeft: e.spacing,
         marginRight: e.spacing,
         minHeight: "1rem"
       }),
-      role: "separator"
+      role: "separator",
+      "aria-orientation": "vertical"
     }, null, 4)), [
-      [u, !e.hidden]
+      [d, !e.hidden]
     ]);
   }
 });
 export {
-  B as default
+  D as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"CuiPagination.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiPagination.vue"],"names":[],"mappings":"AA4VA,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIvG,MAAM,WAAW,oBAAoB;IACnC,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;CACnB;AAED,MAAM,WAAW,kBAAmB,SAAQ,aAAa,EAAE,cAAc,EAAE,aAAa;IACtF,oCAAoC;IACpC,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B,4CAA4C;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2CAA2C;IAC3C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oCAAoC;IACpC,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,iCAAiC;IACjC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;;;;;;;;;;;oBAPkB,MAAM,EAAE;iBAEX,OAAO;cAEV,OAAO;gBAEL,MAAM;;AAgUrB,wBAQG"}
+{"version":3,"file":"CuiPagination.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiPagination.vue"],"names":[],"mappings":"AA+VA,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIvG,MAAM,WAAW,oBAAoB;IACnC,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;CACnB;AAED,MAAM,WAAW,kBAAmB,SAAQ,aAAa,EAAE,cAAc,EAAE,aAAa;IACtF,oCAAoC;IACpC,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B,4CAA4C;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2CAA2C;IAC3C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oCAAoC;IACpC,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,iCAAiC;IACjC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;;;;;;;;;;;oBAPkB,MAAM,EAAE;iBAEX,OAAO;cAEV,OAAO;gBAEL,MAAM;;AAmUrB,wBAQG"}

package/dist/components/CuiPagination.vue.js

@@ -1,7 +1,7 @@
 import o from "./CuiPagination.vue2.js";
 /* empty css                   */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-fc0b9696"]]);
+const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-fd425fec"]]);
 export {
-  f as default
+  r as default
 };

package/dist/components/CuiPagination.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as F, computed as n, withDirectives as L, openBlock as r, createElementBlock as u, normalizeClass as p, toDisplayString as x, unref as T, createCommentVNode as $, createElementVNode as v, createVNode as k, Fragment as B, renderList as U, normalizeStyle as R, vShow as W } from "vue";
+import { defineComponent as F, computed as i, withDirectives as L, openBlock as r, createElementBlock as u, normalizeClass as g, toDisplayString as x, unref as T, createCommentVNode as $, createElementVNode as v, createVNode as k, Fragment as B, renderList as U, normalizeStyle as R, vShow as W } from "vue";
 import N from "./CuiIcon.vue.js";
 import Z from "./CuiSelect.vue.js";
 import { clampSize as j } from "../utils/sizing.js";
@@ -33,46 +33,46 @@ const G = {
   },
   emits: ["update:currentPage", "update:perPage"],
   setup(s, { emit: I }) {
-    const a = s, f = I, M = ["sm", "md"], m = n(() => j(a.size, M)), i = n(() => {
+    const a = s, f = I, M = ["sm", "md"], m = i(() => j(a.size, M)), n = i(() => {
       var e;
       return a.currentPage ?? ((e = a.meta) == null ? void 0 : e.current_page) ?? 1;
-    }), _ = n(() => {
+    }), _ = i(() => {
       var e;
       return a.totalPages ?? ((e = a.meta) == null ? void 0 : e.last_page) ?? 1;
-    }), b = n(() => {
+    }), b = i(() => {
       var e;
       return a.perPage ?? ((e = a.meta) == null ? void 0 : e.per_page) ?? 15;
-    }), d = n(() => {
+    }), d = i(() => {
       var e;
       return a.total ?? ((e = a.meta) == null ? void 0 : e.total) ?? 0;
-    }), E = n(() => {
+    }), E = i(() => {
       var e;
-      return ((e = a.meta) == null ? void 0 : e.from) != null ? a.meta.from : d.value === 0 ? 0 : (i.value - 1) * b.value + 1;
-    }), O = n(() => {
+      return ((e = a.meta) == null ? void 0 : e.from) != null ? a.meta.from : d.value === 0 ? 0 : (n.value - 1) * b.value + 1;
+    }), O = i(() => {
       var e;
-      return ((e = a.meta) == null ? void 0 : e.to) != null ? a.meta.to : Math.min(i.value * b.value, d.value);
-    }), z = n(() => i.value <= 1), C = n(() => i.value >= _.value), V = n(() => {
-      const e = _.value, o = i.value, t = a.maxButtons;
+      return ((e = a.meta) == null ? void 0 : e.to) != null ? a.meta.to : Math.min(n.value * b.value, d.value);
+    }), z = i(() => n.value <= 1), C = i(() => n.value >= _.value), V = i(() => {
+      const e = _.value, o = n.value, t = a.maxButtons;
       if (e <= t + 2)
-        return Array.from({ length: e }, (g, w) => w + 1);
+        return Array.from({ length: e }, (p, w) => w + 1);
       const l = [], c = Math.floor(t / 2);
       let h = Math.max(2, o - c), y = Math.min(e - 1, o + c);
       o <= c + 1 && (y = t), o >= e - c && (h = e - t + 1), l.push(1), h > 2 && l.push("ellipsis");
-      for (let g = h; g <= y; g++)
-        l.push(g);
+      for (let p = h; p <= y; p++)
+        l.push(p);
       return y < e - 1 && l.push("ellipsis"), e > 1 && l.push(e), l;
     });
     function P(e) {
-      e < 1 || e > _.value || e === i.value || f("update:currentPage", e);
+      e < 1 || e > _.value || e === n.value || f("update:currentPage", e);
     }
     function A(e) {
       e != null && !Array.isArray(e) && (f("update:perPage", Number(e)), f("update:currentPage", 1));
     }
-    const S = q(), D = n(
+    const S = q(), D = i(
       () => a.perPageOptions.map((e) => ({ value: e, label: S.value.pagination.perPage(e) }))
     );
     return (e, o) => L((r(), u("div", {
-      class: p(["cui-pagination", `cui-pagination--${m.value}`])
+      class: g(["cui-pagination", `cui-pagination--${m.value}`])
     }, [
       !s.hideInfo && d.value > 0 ? (r(), u("div", G, x(T(S).pagination.summary({ from: E.value, to: O.value, total: d.value })), 1)) : $("", !0),
       v("div", H, [
@@ -86,10 +86,11 @@ const G = {
         ])),
         v("nav", K, [
           v("button", {
-            class: p(["cui-pagination__btn cui-pagination__btn--nav", { "cui-pagination__btn--disabled": z.value }]),
+            type: "button",
+            class: g(["cui-pagination__btn cui-pagination__btn--nav", { "cui-pagination__btn--disabled": z.value }]),
             disabled: z.value,
             "aria-label": "Previous page",
-            onClick: o[0] || (o[0] = (t) => P(i.value - 1))
+            onClick: o[0] || (o[0] = (t) => P(n.value - 1))
           }, [
             k(N, {
               name: "caret-left",
@@ -99,25 +100,27 @@ const G = {
           (r(!0), u(B, null, U(V.value, (t, l) => (r(), u(B, { key: l }, [
             t === "ellipsis" ? (r(), u("span", X, "...")) : (r(), u("button", {
               key: 1,
-              class: p(["cui-pagination__btn", {
-                "cui-pagination__btn--active": t === i.value
+              type: "button",
+              class: g(["cui-pagination__btn", {
+                "cui-pagination__btn--active": t === n.value
               }]),
-              style: R(t === i.value ? {
+              style: R(t === n.value ? {
                 background: `var(--cui-${s.color}-bg)`,
                 color: `var(--cui-${s.color})`,
                 borderColor: `var(--cui-${s.color}-border)`,
                 fontWeight: "600"
               } : {}),
               "aria-label": `Page ${t}`,
-              "aria-current": t === i.value ? "page" : void 0,
+              "aria-current": t === n.value ? "page" : void 0,
               onClick: (c) => P(t)
             }, x(t), 15, Y))
           ], 64))), 128)),
           v("button", {
-            class: p(["cui-pagination__btn cui-pagination__btn--nav", { "cui-pagination__btn--disabled": C.value }]),
+            type: "button",
+            class: g(["cui-pagination__btn cui-pagination__btn--nav", { "cui-pagination__btn--disabled": C.value }]),
             disabled: C.value,
             "aria-label": "Next page",
-            onClick: o[1] || (o[1] = (t) => P(i.value + 1))
+            onClick: o[1] || (o[1] = (t) => P(n.value + 1))
           }, [
             k(N, {
               name: "caret-right",

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

@@ -1 +1 @@
-{"version":3,"file":"CuiPopover.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiPopover.vue"],"names":[],"mappings":"AAiTA,OAAO,EAAc,KAAK,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAG9E,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGnF,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,aAAa,CAAC;AAEzE,MAAM,WAAW,eAAgB,SAAQ,aAAa,EAAE,gBAAgB;IACtE,mEAAmE;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,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,iCAAiC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,OAAO,CAAC,EAAE,UAAU,CAAC;CACtB;AAmTD,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AACrF,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAiD/C,QAAA,MAAM,eAAe;;;;;;aA1WT,UAAU;;eAlBR,gBAAgB;aAElB,cAAc;eAEZ,MAAM;eAEN,MAAM;aAER,OAAO;cAQN,OAAO;6EAoXlB,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":"CuiPopover.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiPopover.vue"],"names":[],"mappings":"AA4TA,OAAO,EAAc,KAAK,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAG9E,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGnF,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,aAAa,CAAC;AAEzE,MAAM,WAAW,eAAgB,SAAQ,aAAa,EAAE,gBAAgB;IACtE,mEAAmE;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,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,iCAAiC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,OAAO,CAAC,EAAE,UAAU,CAAC;CACtB;AA+TD,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AACrF,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAiD/C,QAAA,MAAM,eAAe;;;;;;aAtXT,UAAU;;eAlBR,gBAAgB;aAElB,cAAc;eAEZ,MAAM;eAEN,MAAM;aAER,OAAO;cAQN,OAAO;6EAgYlB,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/CuiPopover.vue.js

@@ -1,9 +1,9 @@
-import { defineComponent as q, useSlots as G, ref as S, watch as E, computed as r, onUnmounted as J, withDirectives as Q, openBlock as n, createElementBlock as s, createElementVNode as p, renderSlot as f, createBlock as X, Teleport as Y, normalizeStyle as y, unref as g, toDisplayString as Z, withModifiers as ee, createVNode as te, createCommentVNode as u, vShow as oe } from "vue";
-import { usePopover as ie } from "../composables/usePopover.js";
-import { useClickOutside as re } from "../composables/useClickOutside.js";
+import { defineComponent as q, useSlots as G, ref as S, watch as E, computed as c, onUnmounted as J, useId as Q, withDirectives as X, openBlock as n, createElementBlock as l, createElementVNode as f, renderSlot as v, createBlock as Y, Teleport as Z, normalizeStyle as g, unref as h, toDisplayString as ee, withModifiers as te, createVNode as oe, createCommentVNode as u, vShow as ie } from "vue";
+import { usePopover as re } from "../composables/usePopover.js";
+import { useClickOutside as ne } from "../composables/useClickOutside.js";
 import ae from "./CuiIcon.vue.js";
-import { useMessages as ne } from "../composables/useMessages.js";
-const le = ["aria-labelledby"], se = {
+import { useMessages as le } from "../composables/useMessages.js";
+const se = ["aria-labelledby"], ce = {
   key: 0,
   style: {
     display: "flex",
@@ -12,12 +12,12 @@ const le = ["aria-labelledby"], se = {
     gap: "calc(0.5rem * var(--cui-density-scale, 1))",
     padding: "calc(0.75rem * var(--cui-density-scale, 1)) calc(0.875rem * var(--cui-density-scale, 1)) calc(0.25rem * var(--cui-density-scale, 1))"
   }
-}, ce = ["id"], ue = ["aria-label"], de = {
+}, ue = { style: { fontSize: "0.875rem", fontWeight: "600", color: "var(--cui-text-body)" } }, de = ["aria-label"], fe = {
   key: 1,
   style: {
     padding: "0 calc(0.875rem * var(--cui-density-scale, 1)) calc(0.75rem * var(--cui-density-scale, 1))"
   }
-}, he = /* @__PURE__ */ q({
+}, be = /* @__PURE__ */ q({
   __name: "CuiPopover",
   props: {
     title: {},
@@ -35,75 +35,76 @@ const le = ["aria-labelledby"], se = {
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["update:visible"],
-  setup(c, { emit: M }) {
-    const e = c, R = {
+  setup(s, { emit: M }) {
+    const e = s, R = {
       none: "0",
       sm: "var(--cui-radius-sm, 0.25rem)",
       md: "var(--cui-button-radius, var(--cui-radius-md, 0.375rem))",
       lg: "var(--cui-radius-lg, 0.5rem)",
       full: "9999px"
-    }, d = M, h = G(), o = S(!1);
-    let l = null, i = null;
+    }, d = M, b = G(), o = S(!1);
+    let a = null, i = null;
     E(
       () => e.visible,
       (t) => {
         t !== void 0 && (o.value = t);
-      }
+      },
+      { immediate: !0 }
     );
-    const { referenceRef: T, floatingRef: b, arrowRef: C, floatingStyles: _, arrowStyle: D, currentSide: B, isPositioned: P } = ie({
-      placement: r(() => e.placement),
-      offsetDistance: r(() => e.offset ?? 10),
+    const { referenceRef: T, floatingRef: w, arrowRef: C, floatingStyles: _, arrowStyle: D, currentSide: B, isPositioned: P } = re({
+      placement: c(() => e.placement),
+      offsetDistance: c(() => e.offset ?? 10),
       arrow: !e.noArrow
-    }), w = S(null);
-    re(
-      () => [w.value, b.value],
+    }), k = S(null);
+    ne(
+      () => [k.value, w.value],
       () => {
-        o.value && e.trigger === "click" && a();
+        o.value && e.trigger === "click" && r();
       }
     ), E(o, (t) => {
-      typeof document > "u" || (t ? document.addEventListener("keydown", m) : document.removeEventListener("keydown", m));
-    });
-    function v() {
-      e.disabled || (i && (clearTimeout(i), i = null), e.showDelay > 0 ? l = setTimeout(() => {
+      typeof document > "u" || (t ? document.addEventListener("keydown", p) : document.removeEventListener("keydown", p));
+    }, { immediate: !0 });
+    function m() {
+      e.disabled || (i && (clearTimeout(i), i = null), e.showDelay > 0 ? a = setTimeout(() => {
         o.value = !0, d("update:visible", !0);
       }, e.showDelay) : (o.value = !0, d("update:visible", !0)));
     }
-    function a() {
-      l && (clearTimeout(l), l = null), e.hideDelay > 0 ? i = setTimeout(() => {
+    function r() {
+      a && (clearTimeout(a), a = null), e.hideDelay > 0 ? i = setTimeout(() => {
         o.value = !1, d("update:visible", !1);
       }, e.hideDelay) : (o.value = !1, d("update:visible", !1));
     }
     function I() {
-      o.value ? a() : v();
+      o.value ? r() : m();
     }
     function z() {
-      (e.trigger === "hover" || e.trigger === "hover-focus") && v();
+      (e.trigger === "hover" || e.trigger === "hover-focus") && m();
     }
     function F() {
-      (e.trigger === "hover" || e.trigger === "hover-focus") && a();
+      (e.trigger === "hover" || e.trigger === "hover-focus") && r();
     }
     function L() {
-      (e.trigger === "focus" || e.trigger === "hover-focus") && v();
-    }
-    function V() {
-      (e.trigger === "focus" || e.trigger === "hover-focus") && a();
+      (e.trigger === "focus" || e.trigger === "hover-focus") && m();
     }
     function $() {
+      (e.trigger === "focus" || e.trigger === "hover-focus") && r();
+    }
+    function V() {
       e.trigger === "click" && I();
     }
-    function m(t) {
-      t.key === "Escape" && o.value && a();
+    function p(t) {
+      t.key === "Escape" && o.value && r();
     }
     function A() {
       (e.trigger === "hover" || e.trigger === "hover-focus") && i && (clearTimeout(i), i = null);
     }
     function H() {
-      (e.trigger === "hover" || e.trigger === "hover-focus") && a();
+      (e.trigger === "hover" || e.trigger === "hover-focus") && r();
     }
     J(() => {
-      l && clearTimeout(l), i && clearTimeout(i), typeof document < "u" && document.removeEventListener("keydown", m);
+      a && clearTimeout(a), i && clearTimeout(i), typeof document < "u" && document.removeEventListener("keydown", p);
     });
-    const k = r(() => e.title || h.header), N = r(() => !!h.footer), x = r(() => e.title ? "cui-popover-title" : void 0), W = r(() => {
+    const y = () => !!(e.title || b.header), N = () => !!b.footer, x = `cui-popover-title-${Q()}`, W = c(() => {
       const t = {
         zIndex: "9998",
         background: "var(--cui-surface-base)",
@@ -117,10 +118,10 @@ const le = ["aria-labelledby"], se = {
         overflow: "hidden"
       };
       return e.width && (t.width = e.width), t;
-    }), j = r(() => {
+    }), j = c(() => {
       const t = {};
       return P.value || (t.opacity = "0", t.pointerEvents = "none", t.animation = "none"), t;
-    }), O = r(() => ({
+    }), O = c(() => ({
       width: "8px",
       height: "8px",
       background: "var(--cui-surface-base)",
@@ -133,45 +134,47 @@ const le = ["aria-labelledby"], se = {
       bottom: "polygon(0% 0%, 0% 100%, 100% 100%)",
       left: "polygon(0% 0%, 100% 0%, 100% 100%)",
       right: "polygon(0% 0%, 0% 100%, 100% 100%)"
-    }, K = ne();
-    return (t, fe) => Q((n(), s("div", {
+    }, K = le();
+    return (t, ve) => X((n(), l("div", {
       class: "cui-popover",
       ref_key: "wrapperRef",
-      ref: w,
+      ref: k,
       style: { display: "inline-flex" },
       onMouseenter: z,
       onMouseleave: F,
       onFocusin: L,
-      onFocusout: V,
-      onClick: $
+      onFocusout: $,
+      onClick: V
     }, [
-      p("div", {
+      f("div", {
         ref_key: "referenceRef",
         ref: T,
         style: { display: "inline-flex" }
       }, [
-        f(t.$slots, "default")
+        v(t.$slots, "default")
       ], 512),
-      (n(), X(Y, { to: "body" }, [
-        o.value ? (n(), s("div", {
+      (n(), Y(Z, { to: "body" }, [
+        o.value ? (n(), l("div", {
           key: 0,
           ref_key: "floatingRef",
-          ref: b,
+          ref: w,
           class: "cui-popover__panel",
-          style: y({ ...g(_), ...W.value, ...j.value }),
+          style: g({ ...h(_), ...W.value, ...j.value }),
           role: "dialog",
-          "aria-labelledby": x.value,
+          "aria-labelledby": y() ? x : void 0,
           onMouseenter: A,
           onMouseleave: H
         }, [
-          k.value ? (n(), s("div", se, [
-            f(t.$slots, "header", {}, () => [
-              p("span", {
-                id: x.value,
-                style: { fontSize: "0.875rem", fontWeight: "600", color: "var(--cui-text-body)" }
-              }, Z(c.title), 9, ce)
+          y() ? (n(), l("div", ce, [
+            f("div", {
+              id: x,
+              style: { display: "contents" }
+            }, [
+              v(t.$slots, "header", {}, () => [
+                f("span", ue, ee(s.title), 1)
+              ])
             ]),
-            c.closable ? (n(), s("button", {
+            s.closable ? (n(), l("button", {
               key: 0,
               type: "button",
               style: {
@@ -189,44 +192,44 @@ const le = ["aria-labelledby"], se = {
                 marginTop: "calc(-0.0625rem * var(--cui-density-scale, 1))",
                 marginRight: "calc(-0.125rem * var(--cui-density-scale, 1))"
               },
-              "aria-label": g(K).close,
-              onClick: ee(a, ["stop"])
+              "aria-label": h(K).close,
+              onClick: te(r, ["stop"])
             }, [
-              te(ae, {
+              oe(ae, {
                 name: "x",
                 size: "0.8125rem"
               })
-            ], 8, ue)) : u("", !0)
+            ], 8, de)) : u("", !0)
           ])) : u("", !0),
-          p("div", {
-            style: y({
-              padding: k.value ? "calc(0.25rem * var(--cui-density-scale, 1)) calc(0.875rem * var(--cui-density-scale, 1)) calc(0.75rem * var(--cui-density-scale, 1))" : "calc(0.75rem * var(--cui-density-scale, 1)) calc(0.875rem * var(--cui-density-scale, 1))",
+          f("div", {
+            style: g({
+              padding: y() ? "calc(0.25rem * var(--cui-density-scale, 1)) calc(0.875rem * var(--cui-density-scale, 1)) calc(0.75rem * var(--cui-density-scale, 1))" : "calc(0.75rem * var(--cui-density-scale, 1)) calc(0.875rem * var(--cui-density-scale, 1))",
               fontSize: "0.875rem",
               lineHeight: "1.55",
               color: "var(--cui-text-secondary)"
             })
           }, [
-            f(t.$slots, "content")
+            v(t.$slots, "content")
           ], 4),
-          N.value ? (n(), s("div", de, [
-            f(t.$slots, "footer")
+          N() ? (n(), l("div", fe, [
+            v(t.$slots, "footer")
           ])) : u("", !0),
-          c.noArrow ? u("", !0) : (n(), s("div", {
+          s.noArrow ? u("", !0) : (n(), l("div", {
             key: 2,
             ref_key: "arrowRef",
             ref: C,
-            style: y({
+            style: g({
               ...O.value,
-              clipPath: U[g(B)] || void 0
+              clipPath: U[h(B)] || void 0
             })
           }, null, 4))
-        ], 44, le)) : u("", !0)
+        ], 44, se)) : u("", !0)
       ]))
     ], 544)), [
-      [oe, !c.hidden]
+      [ie, !s.hidden]
     ]);
   }
 });
 export {
-  he as default
+  be as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"CuiSlider.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiSlider.vue"],"names":[],"mappings":"AAsMA,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAI7I,MAAM,WAAW,cAAe,SAAQ,kBAAkB,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB;IACxH,oBAAoB;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,qBAAqB;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6BAA6B;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0CAA0C;IAC1C,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,0CAA0C;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAkDD,iBAAS,KAAK,CAAC,IAAI,CAAC,EAAE,YAAY,QAEjC;AAED,iBAAS,IAAI,SAEZ;AA+JD,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AA8B7C,QAAA,MAAM,eAAe;;;;;;;;;;;;;gBAxQN,MAAM;SAIb,MAAM;UAEL,MAAM;SAJP,MAAM;eAQA,OAAO;eAIP,OAAO;6EAmQnB,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":"CuiSlider.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiSlider.vue"],"names":[],"mappings":"AA0NA,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAI7I,MAAM,WAAW,cAAe,SAAQ,kBAAkB,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB;IACxH,oBAAoB;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,qBAAqB;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6BAA6B;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0CAA0C;IAC1C,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,0CAA0C;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAuDD,iBAAS,KAAK,CAAC,IAAI,CAAC,EAAE,YAAY,QAEjC;AAED,iBAAS,IAAI,SAEZ;AA0KD,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AA+B7C,QAAA,MAAM,eAAe;;;;;;;;;;;;;gBAzRN,MAAM;SAIb,MAAM;UAEL,MAAM;SAJP,MAAM;eAQA,OAAO;eAIP,OAAO;6EAoRnB,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"}