@itguy614/clean-ui 1.3.1 → 1.3.2

package/dist/components/CuiTooltip.vue2.js

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

package/dist/composables/useDataGrid.d.ts

@@ -1,8 +1,9 @@
-import { type Ref } from "vue";
+import { type MaybeRefOrGetter, type Ref } from "vue";
 import type { DataGridColumn, DataGridRow, DataGridViewConfig, PaginatedData } from "../types/data-grid";
 import { type DataGridContext } from "../components/data-grid-context";
 export interface UseDataGridOptions {
-    columns: DataGridColumn[];
+    /** A plain array is read once; pass a ref or getter to follow later changes. */
+    columns: MaybeRefOrGetter<DataGridColumn[]>;
     data: Ref<DataGridRow[] | PaginatedData>;
     serverSide?: boolean;
     rowKey?: string;

package/dist/composables/useDataGrid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDataGrid.d.ts","sourceRoot":"","sources":["../../src/composables/useDataGrid.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkC,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AAC/D,OAAO,KAAK,EACV,cAAc,EAKd,WAAW,EACX,kBAAkB,EAElB,aAAa,EACd,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAsB,KAAK,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAE3F,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,IAAI,EAAE,GAAG,CAAC,WAAW,EAAE,GAAG,aAAa,CAAC,CAAC;IACzC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,wBAAgB,WAAW,CAAC,OAAO,EAAE,kBAAkB,mBAibtD;AAED,sDAAsD;AACtD,wBAAgB,eAAe,CAAC,OAAO,EAAE,eAAe,QAEvD;AAED,4DAA4D;AAC5D,wBAAgB,gBAAgB,IAAI,eAAe,CAIlD"}
+{"version":3,"file":"useDataGrid.d.ts","sourceRoot":"","sources":["../../src/composables/useDataGrid.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmE,KAAK,gBAAgB,EAAE,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AACvH,OAAO,KAAK,EACV,cAAc,EAKd,WAAW,EACX,kBAAkB,EAElB,aAAa,EACd,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAsB,KAAK,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAE3F,MAAM,WAAW,kBAAkB;IACjC,gFAAgF;IAChF,OAAO,EAAE,gBAAgB,CAAC,cAAc,EAAE,CAAC,CAAC;IAC5C,IAAI,EAAE,GAAG,CAAC,WAAW,EAAE,GAAG,aAAa,CAAC,CAAC;IACzC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,wBAAgB,WAAW,CAAC,OAAO,EAAE,kBAAkB,mBA8ftD;AAED,sDAAsD;AACtD,wBAAgB,eAAe,CAAC,OAAO,EAAE,eAAe,QAEvD;AAED,4DAA4D;AAC5D,wBAAgB,gBAAgB,IAAI,eAAe,CAIlD"}