@soft-stech/bootsman-ui-shadcn 1.5.0 → 1.5.2

package/dist/lib/useResizeColumns.d.ts

@@ -1,4 +1,17 @@
 export declare function useResizeColumns(): {
+    cells: import('vue').Ref<{
+        [key: string]: {
+            cell: HTMLTableCellElement;
+            initialWidth: number;
+            minWidth: number;
+        };
+    } | undefined, {
+        [key: string]: {
+            cell: HTMLTableCellElement;
+            initialWidth: number;
+            minWidth: number;
+        };
+    } | undefined>;
     tableHeaderElement: import('vue').Ref<({
         $: import('vue').ComponentInternalInstance;
         $data: {};

package/dist/lib/useResizeColumns.js

@@ -1,89 +1,96 @@
-import { ref as n } from "vue";
+import { ref as o } from "vue";
 import "vee-validate";
-import { useEventListener as R } from "@vueuse/core";
-function A() {
-  const u = n(!1), o = n(""), r = n(""), i = n(void 0), d = n(90), m = n(void 0), a = n(null), v = n(void 0), w = (e) => {
-    a.value && a.value.headRef && [...a.value.headRef.querySelectorAll("th")].forEach((l) => {
-      const s = l.id.split("_")[0];
-      e && e[s] && (l.style.width = e[s] + "px");
+import { useEventListener as M } from "@vueuse/core";
+function b() {
+  const r = o(!1), u = o(""), d = o(""), l = o(void 0), h = 90, x = 56, z = 10, v = o(void 0), n = o(null), f = o(void 0), y = (e) => {
+    n.value && n.value.headRef && [...n.value.headRef.querySelectorAll("th")].forEach((i) => {
+      const s = a(i);
+      e && e[s] && (i.style.width = e[s] + "px");
     });
-  }, W = () => {
-    if (a.value && a.value.headRef)
-      return [...a.value.headRef.querySelectorAll("th")].reduce((l, s) => {
-        const h = s.id.split("_")[0];
+  }, E = () => {
+    if (n.value && n.value.headRef)
+      return [...n.value.headRef.querySelectorAll("th")].reduce((i, s) => {
+        const c = a(s);
         return {
-          ...l,
-          [h]: {
+          ...i,
+          [c]: {
             cell: s,
-            initialWidth: s.offsetWidth
+            initialWidth: s.offsetWidth,
+            minWidth: c === "actions" ? z : Math.min(s.offsetWidth, h)
           }
         };
       }, {});
-  }, g = (e, t) => {
-    if (t && (u.value = !0, o.value = e, i.value)) {
-      const l = i.value[e].cell;
-      let s = l.nextElementSibling;
-      s || (s = l.previousElementSibling), r.value = s ? s.id.split("_")[0] : "", v.value = R(document, "mousemove", z);
+  }, I = (e, t) => {
+    if (t && (r.value = !0, u.value = e, l.value)) {
+      const i = l.value[e].cell;
+      let s = i.nextElementSibling;
+      s || (s = i.previousElementSibling), d.value = s ? s.id.split("_")[0] : "", f.value = M(document, "mousemove", R);
     }
-  }, x = () => {
-    if (u.value && (u.value = !1, o.value = "", r.value = "", v.value && v.value(), i.value)) {
+  }, g = () => {
+    if (r.value && (r.value = !1, u.value = "", d.value = "", f.value && f.value(), l.value)) {
       const e = {};
-      for (let t in i.value) {
-        const l = i.value[t], s = l.cell.hasAttribute("can-resize") ? Math.floor(l.cell.offsetWidth) <= d.value ? d.value : l.cell.offsetWidth : l.initialWidth;
-        l.cell.style.width = s + "px", e[t] = s;
+      for (let t in l.value) {
+        const i = l.value[t], s = i.cell.hasAttribute("can-resize") ? Math.floor(i.cell.offsetWidth) <= i.minWidth ? i.minWidth : i.cell.offsetWidth : i.initialWidth;
+        i.cell.style.width = s + "px", e[t] = s;
       }
-      m.value = e;
+      v.value = e;
     }
-  }, y = (e) => {
-    if (!e.nextElementSibling) {
-      const t = e.querySelector(".header-cell_wrapper");
-      if (t)
-        return parseInt(window.getComputedStyle(t).paddingRight);
-    }
-    return 0;
-  }, c = (e, t, l) => {
+  }, S = (e) => a(e) === "actions" ? x : 0, a = (e) => e.id.split("_")[0], m = (e, t, i) => {
     if (!e || !t) {
-      o.value = "", r.value = "";
+      u.value = "", d.value = "";
       return;
     }
-    const s = l.movementX, h = s < 0 ? "left" : "right", f = Math.floor(parseInt(e.style.width)) + s, p = Math.floor(parseInt(t.style.width)) - s;
-    if (h === "left")
-      if (f <= d.value || !e.hasAttribute("can-resize")) {
-        const C = e.previousElementSibling;
-        c(C, t, l);
+    const s = i.movementX, c = s < 0 ? "left" : "right", C = Math.floor(parseInt(e.style.width)) + s, W = Math.floor(parseInt(t.style.width)) - s;
+    if (c === "left") {
+      const p = l.value && l.value[a(e)] ? l.value[a(e)].minWidth : h;
+      if (C <= p || !e.hasAttribute("can-resize")) {
+        const w = e.previousElementSibling;
+        m(w, t, i);
+      } else
+        e.style.width = C + "px", t.style.width = W + "px";
+    } else {
+      const p = l.value && l.value[a(t)] ? l.value[a(t)].minWidth + S(t) : h;
+      if (W <= p || !t.hasAttribute("can-resize")) {
+        const w = t.nextElementSibling;
+        m(e, w, i);
       } else
-        e.style.width = f + "px", t.style.width = p + "px";
-    else if (p <= d.value + y(t) || !t.hasAttribute("can-resize")) {
-      const C = t.nextElementSibling;
-      c(e, C, l);
-    } else
-      e.style.width = f + "px", t.style.width = p + "px";
-  }, z = (e) => {
-    if (e.preventDefault(), i.value) {
-      const t = i.value[o.value]?.cell, l = i.value[r.value]?.cell;
-      c(t, l, e);
+        e.style.width = C + "px", t.style.width = W + "px";
+    }
+  }, R = (e) => {
+    if (e.preventDefault(), l.value) {
+      const t = l.value[u.value]?.cell, i = l.value[d.value]?.cell;
+      m(t, i, e);
     }
   };
   return {
-    tableHeaderElement: a,
-    calculatedColumnSizing: m,
-    isResizing: u,
-    resizingCellId: o,
-    handleResizeControlMouseDown: g,
-    handleResizeControlMouseUp: x,
+    cells: l,
+    tableHeaderElement: n,
+    calculatedColumnSizing: v,
+    isResizing: r,
+    resizingCellId: u,
+    handleResizeControlMouseDown: I,
+    handleResizeControlMouseUp: g,
     resetCells: () => {
-      if (i.value)
-        for (let e in i.value)
-          i.value[e].cell.style.width = i.value[e].initialWidth + "px";
+      if (l.value) {
+        const e = {};
+        for (let t in l.value) {
+          const i = l.value[t].initialWidth;
+          l.value[t].cell.style.width = i + "px", e[t] = i;
+        }
+        v.value = e;
+      }
     },
     setInitialColumnWidths: () => {
-      if (i.value = W(), i.value)
-        for (let e in i.value)
-          i.value[e].cell.style.width || (i.value[e].cell.style.width = i.value[e].initialWidth + "px");
+      if (l.value = E(), l.value) {
+        const e = {};
+        for (let t in l.value)
+          l.value[t].cell.style.width || (l.value[t].cell.style.width = l.value[t].initialWidth + "px"), e[t] = l.value[t].cell.offsetWidth;
+        v.value = e;
+      }
     },
-    setProvidedCellWidths: w
+    setProvidedCellWidths: y
   };
 }
 export {
-  A as useResizeColumns
+  b as useResizeColumns
 };