@soft-stech/bootsman-ui-shadcn 2.0.21 → 2.0.23

package/dist/BuiPaginationCommon.vue_vue_type_script_setup_true_lang-BOuWIF4c.js

@@ -0,0 +1,179 @@
+import { defineComponent as A, computed as h, createBlock as V, openBlock as x, unref as r, normalizeProps as w, guardReactiveProps as B, withCtx as p, renderSlot as E, mergeModels as L, useModel as I, createVNode as n, createElementVNode as S, createElementBlock as y, createCommentVNode as b, toDisplayString as _, createTextVNode as M, Fragment as R, renderList as k } from "vue";
+import { BuiInput as z } from "./components/input/index.js";
+import "vee-validate";
+import { i as N, P as q } from "./PaginationRoot-Xehp56La.js";
+import { u as U } from "./useForwardExpose-DmyWSR4F.js";
+import { P as j } from "./Primitive-EBuBc72_.js";
+import "@vueuse/core";
+import "./colorUtils-BgA4kYw8.js";
+import { _ as C } from "./BuiSelect.vue_vue_type_script_setup_true_lang-BYtbdIZS.js";
+import { _ as F } from "./BuiSelectValue.vue_vue_type_script_setup_true_lang-C3SieHyq.js";
+import { _ as D } from "./BuiSelectTrigger.vue_vue_type_script_setup_true_lang-YgwOKyQg.js";
+import { _ as T } from "./BuiSelectContent.vue_vue_type_script_setup_true_lang-DedLPTOu.js";
+import { _ as $ } from "./BuiSelectItem.vue_vue_type_script_setup_true_lang-LEr6XwVT.js";
+import { _ as G } from "./BuiPaginationFirst.vue_vue_type_script_setup_true_lang-CQIWuH4J.js";
+import { _ as H } from "./BuiPaginationLast.vue_vue_type_script_setup_true_lang-DPHBc8bO.js";
+import { _ as J } from "./BuiPaginationNext.vue_vue_type_script_setup_true_lang-CiVMJM-x.js";
+import { _ as K } from "./BuiPaginationPrev.vue_vue_type_script_setup_true_lang-C95kepR5.js";
+function d(a, o) {
+  const e = o - a + 1;
+  return Array.from({ length: e }, (m, u) => u + a);
+}
+function O(a) {
+  return a.map((o) => typeof o == "number" ? {
+    type: "page",
+    value: o
+  } : { type: "ellipsis" });
+}
+const v = "ellipsis";
+function Q(a, o, e, m) {
+  const t = o, g = Math.max(a - e, 1), f = Math.min(a + e, t);
+  if (m) {
+    const i = Math.min(2 * e + 5, o) - 2, c = g > 3 && Math.abs(t - i - 1 + 1) > 2 && Math.abs(g - 1) > 2, l = f < t - 2 && Math.abs(t - i) > 2 && Math.abs(t - f) > 2;
+    if (!c && l)
+      return [
+        ...d(1, i),
+        v,
+        t
+      ];
+    if (c && !l) {
+      const P = d(t - i + 1, t);
+      return [
+        1,
+        v,
+        ...P
+      ];
+    }
+    if (c && l) {
+      const P = d(g, f);
+      return [
+        1,
+        v,
+        ...P,
+        v,
+        t
+      ];
+    }
+    return d(1, t);
+  } else {
+    const s = e * 2 + 1;
+    return o < s ? d(1, t) : a <= e + 1 ? d(1, s) : o - a <= e ? d(o - s + 1, t) : d(g, f);
+  }
+}
+var W = /* @__PURE__ */ A({
+  __name: "PaginationList",
+  props: {
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    }
+  },
+  setup(a) {
+    const o = a;
+    U();
+    const e = N(), m = h(() => O(Q(e.page.value, e.pageCount.value, e.siblingCount.value, e.showEdges.value)));
+    return (u, t) => (x(), V(r(j), w(B(o)), {
+      default: p(() => [E(u.$slots, "default", { items: m.value })]),
+      _: 3
+    }, 16));
+  }
+}), X = W;
+const Y = { class: "text-muted-foreground text-sm" }, Z = { class: "text-muted-foreground text-sm" }, ve = /* @__PURE__ */ A({
+  __name: "BuiPaginationCommon",
+  props: /* @__PURE__ */ L({
+    total: {},
+    translations: {}
+  }, {
+    pageSize: { default: 10, required: !0 },
+    pageSizeModifiers: {},
+    pageIndex: { default: 1, required: !0 },
+    pageIndexModifiers: {},
+    pageAuto: { type: Boolean, default: !1, required: !0 },
+    pageAutoModifiers: {}
+  }),
+  emits: ["update:pageSize", "update:pageIndex", "update:pageAuto"],
+  setup(a) {
+    const o = [10, 20, 30, 40, 50], e = a, m = I(a, "pageSize"), u = I(a, "pageIndex"), t = I(a, "pageAuto"), g = h(() => Math.ceil(e.total / m.value)), f = h({
+      get() {
+        return t.value ? e.translations?.itemsPerPageAuto || "Auto" : String(m.value);
+      },
+      set(s) {
+        t.value = s === "auto", s === "auto" ? u.value = 1 : m.value = parseInt(s);
+      }
+    });
+    return (s, i) => (x(), V(r(q), {
+      total: e.total,
+      itemsPerPage: m.value,
+      page: u.value,
+      "onUpdate:page": i[2] || (i[2] = (c) => u.value = c)
+    }, {
+      default: p(({ page: c }) => [
+        n(r(X), { class: "relative flex items-center justify-center gap-2" }, {
+          default: p(() => [
+            S("p", Y, _(s.translations?.itemsPerPage || "Items per page"), 1),
+            n(r(C), {
+              modelValue: f.value,
+              "onUpdate:modelValue": i[0] || (i[0] = (l) => f.value = l)
+            }, {
+              default: p(() => [
+                n(r(D), { class: "mr-2 w-[70px]" }, {
+                  default: p(() => [
+                    n(r(F), { placeholder: f.value }, null, 8, ["placeholder"])
+                  ]),
+                  _: 1
+                }),
+                n(r(T), { side: "top" }, {
+                  default: p(() => [
+                    n(r($), {
+                      key: "auto",
+                      value: "auto"
+                    }, {
+                      default: p(() => [
+                        M(_(e.translations?.itemsPerPageAuto || "Auto"), 1)
+                      ]),
+                      _: 1
+                    }),
+                    (x(), y(R, null, k(o, (l) => n(r($), {
+                      key: l,
+                      value: l.toString()
+                    }, {
+                      default: p(() => [
+                        M(_(l), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["value"])), 64))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["modelValue"]),
+            !t.value && g.value > 1 ? (x(), y(R, { key: 0 }, [
+              S("p", Z, _(s.translations?.page || "Page") + " " + _(c) + " " + _(s.translations?.of || "of") + " " + _(g.value), 1),
+              n(r(G)),
+              n(r(K)),
+              n(r(z), {
+                modelValue: u.value,
+                "onUpdate:modelValue": i[1] || (i[1] = (l) => u.value = l),
+                class: "w-28",
+                placeholder: "Page number"
+              }, null, 8, ["modelValue"]),
+              n(r(J)),
+              n(r(H))
+            ], 64)) : b("", !0)
+          ]),
+          _: 2
+        }, 1024)
+      ]),
+      _: 1
+    }, 8, ["total", "itemsPerPage", "page"]));
+  }
+});
+export {
+  X as P,
+  ve as _
+};

package/dist/{BuiScrollArea.vue_vue_type_script_setup_true_lang-O7VUcRC4.js → BuiScrollArea.vue_vue_type_script_setup_true_lang-lyWD8KAT.js}

@@ -1,5 +1,5 @@
 import { defineComponent as f, ref as d, computed as p, watch as S, createBlock as C, createCommentVNode as k, openBlock as v, unref as r, mergeProps as _, withCtx as u, renderSlot as h, toRefs as E, onMounted as $, createElementBlock as V, Fragment as B, createElementVNode as R, createVNode as i, normalizeStyle as W, createTextVNode as X } from "vue";
-import { i as w, S as H, _ as N } from "./BuiScrollBar.vue_vue_type_script_setup_true_lang-cV0od8j0.js";
+import { i as w, S as H, _ as N } from "./BuiScrollBar.vue_vue_type_script_setup_true_lang-BCvjzEmb.js";
 import { u as x } from "./useForwardExpose-DmyWSR4F.js";
 import { P as b } from "./Primitive-EBuBc72_.js";
 import { useResizeObserver as A } from "@vueuse/core";

package/dist/{BuiScrollBar.vue_vue_type_script_setup_true_lang-cV0od8j0.js → BuiScrollBar.vue_vue_type_script_setup_true_lang-BCvjzEmb.js}

@@ -600,14 +600,14 @@ const qe = /* @__PURE__ */ y({
     });
     return (r, t) => (_(), S(c(Ce), P(l.value, {
       class: c(ne)(
-        "z-2 flex touch-none select-none transition-colors",
-        r.orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-px",
-        r.orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-px",
+        "z-10 flex touch-none transition-colors select-none",
+        e.orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-px",
+        e.orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-px",
         e.class
       )
     }), {
       default: b(() => [
-        k(c(Re), { class: "relative flex-1 rounded-full bg-border" })
+        k(c(Re), { class: "bg-border relative flex-1 rounded-full" })
       ]),
       _: 1
     }, 16, ["class"]));

package/dist/BuiTable.vue_vue_type_script_setup_true_lang-BQRl7YR1.js

@@ -0,0 +1,37 @@
+import { defineComponent as i, ref as s, createBlock as m, openBlock as d, unref as e, withCtx as p, renderSlot as t, createElementVNode as a, createVNode as _, normalizeClass as u } from "vue";
+import { _ as b } from "./BuiScrollArea.vue_vue_type_script_setup_true_lang-lyWD8KAT.js";
+import { _ as h } from "./BuiScrollBar.vue_vue_type_script_setup_true_lang-BCvjzEmb.js";
+import { g as w } from "./utils-DhVytAXN.js";
+const x = { class: "flex min-h-[90px] w-full grow flex-col" }, v = /* @__PURE__ */ i({
+  __name: "BuiTable",
+  props: {
+    class: {}
+  },
+  setup(n, { expose: c }) {
+    const f = n, o = s(void 0), r = s(null);
+    return c({ tableRef: o, scrollAreaElementRef: r }), (l, k) => (d(), m(e(b), {
+      ref_key: "scrollAreaElementRef",
+      ref: r,
+      class: "border-border/16 w-full grow overflow-auto rounded-sm border",
+      "scroll-hide-delay": 100
+    }, {
+      default: p(() => [
+        t(l.$slots, "columnVisibility"),
+        a("div", x, [
+          a("table", {
+            ref_key: "tableRef",
+            ref: o,
+            class: u(e(w)("h-full caption-top text-sm", f.class))
+          }, [
+            t(l.$slots, "default")
+          ], 2)
+        ]),
+        _(e(h), { orientation: "horizontal" })
+      ]),
+      _: 3
+    }, 512));
+  }
+});
+export {
+  v as _
+};

package/dist/{BuiTableEmpty.vue_vue_type_script_setup_true_lang-Da4qHIWo.js → BuiTableEmpty.vue_vue_type_script_setup_true_lang-CuffOAuP.js}

@@ -1,5 +1,5 @@
 import { defineComponent as a, createBlock as n, openBlock as r, withCtx as s, createVNode as c, normalizeClass as l, unref as p, createElementVNode as f, renderSlot as m } from "vue";
-import { _ as i } from "./BuiTableRow.vue_vue_type_script_setup_true_lang-BJk8Yk1B.js";
+import { _ as i } from "./BuiTableRow.vue_vue_type_script_setup_true_lang-BQnadEa7.js";
 import { _ } from "./BuiTableCell.vue_vue_type_script_setup_true_lang-BzFROkZg.js";
 import { g as u } from "./utils-DhVytAXN.js";
 const d = { class: "flex items-center justify-center py-10" }, C = /* @__PURE__ */ a({

package/dist/BuiTableRow.vue_vue_type_script_setup_true_lang-BQnadEa7.js

@@ -0,0 +1,51 @@
+import { defineComponent as $, createBlock as p, createElementBlock as b, openBlock as l, unref as o, withCtx as d, createVNode as c, renderSlot as a, createElementVNode as w, mergeProps as m } from "vue";
+import { _ as v } from "./BuiContextMenu.vue_vue_type_script_setup_true_lang-CGtCNQsI.js";
+import { _ as k } from "./BuiContextMenuTrigger.vue_vue_type_script_setup_true_lang-hfu_w_27.js";
+import { g as i } from "./utils-DhVytAXN.js";
+const g = ["data-row-state"], B = ["data-row-state"], E = /* @__PURE__ */ $({
+  inheritAttrs: !1,
+  __name: "BuiTableRow",
+  props: {
+    class: {}
+  },
+  emits: ["mouseenter", "mouseleave"],
+  setup(u, { emit: f }) {
+    const n = u, s = f;
+    return (e, t) => e.$slots.actions ? (l(), p(o(v), { key: 0 }, {
+      default: d(() => [
+        c(o(k), { "as-child": "" }, {
+          default: d(() => [
+            w("tr", m({
+              class: o(i)(
+                "border-border/8 data-[row-state=selected]:bg-accent/8 border-b transition-colors",
+                n.class
+              ),
+              "data-row-state": e.$attrs["data-row-state"],
+              onMouseenter: t[0] || (t[0] = (r) => s("mouseenter")),
+              onMouseleave: t[1] || (t[1] = (r) => s("mouseleave"))
+            }, e.$attrs), [
+              a(e.$slots, "default")
+            ], 16, g)
+          ]),
+          _: 3
+        }),
+        a(e.$slots, "actions")
+      ]),
+      _: 3
+    })) : (l(), b("tr", m({
+      key: 1,
+      class: o(i)(
+        "border-border/8 data-[row-state=selected]:bg-accent/8 border-b transition-colors",
+        n.class
+      ),
+      "data-row-state": e.$attrs["data-row-state"],
+      onMouseenter: t[2] || (t[2] = (r) => s("mouseenter")),
+      onMouseleave: t[3] || (t[3] = (r) => s("mouseleave"))
+    }, e.$attrs), [
+      a(e.$slots, "default")
+    ], 16, B));
+  }
+});
+export {
+  E as _
+};

package/dist/components/pagination/BuiPaginationCommon.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../../BuiPaginationCommon.vue_vue_type_script_setup_true_lang-DhSRYKth.js";
+import { _ as f } from "../../BuiPaginationCommon.vue_vue_type_script_setup_true_lang-BOuWIF4c.js";
 export {
   f as default
 };

package/dist/components/pagination/BuiPaginationCommon.vue.d.ts

@@ -4,6 +4,7 @@ type __VLS_Props = {
     total: number;
     translations?: {
         itemsPerPage: string;
+        itemsPerPageAuto: string;
         page: string;
         of: string;
     };
@@ -11,12 +12,15 @@ type __VLS_Props = {
 type __VLS_PublicProps = {
     'pageSize': PageSize;
     'pageIndex': number;
+    'pageAuto': boolean | undefined;
 } & __VLS_Props;
 declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:pageSize": (value: 10 | 20 | 50 | 30 | 40) => any;
     "update:pageIndex": (value: number) => any;
+    "update:pageAuto": (value: boolean | undefined) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:pageSize"?: ((value: 10 | 20 | 50 | 30 | 40) => any) | undefined;
     "onUpdate:pageIndex"?: ((value: number) => any) | undefined;
+    "onUpdate:pageAuto"?: ((value: boolean | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/pagination/index.js

@@ -1,4 +1,4 @@
-import { _ as o, P as t } from "../../BuiPaginationCommon.vue_vue_type_script_setup_true_lang-DhSRYKth.js";
+import { _ as o, P as t } from "../../BuiPaginationCommon.vue_vue_type_script_setup_true_lang-BOuWIF4c.js";
 import { _ as r } from "../../BuiPaginationFirst.vue_vue_type_script_setup_true_lang-CQIWuH4J.js";
 import { _ as P } from "../../BuiPaginationLast.vue_vue_type_script_setup_true_lang-DPHBc8bO.js";
 import { _ as m } from "../../BuiPaginationNext.vue_vue_type_script_setup_true_lang-CiVMJM-x.js";

package/dist/components/scroll-area/BuiScrollArea.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../../BuiScrollArea.vue_vue_type_script_setup_true_lang-O7VUcRC4.js";
+import { _ as f } from "../../BuiScrollArea.vue_vue_type_script_setup_true_lang-lyWD8KAT.js";
 export {
   f as default
 };

package/dist/components/scroll-area/BuiScrollBar.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../../BuiScrollBar.vue_vue_type_script_setup_true_lang-cV0od8j0.js";
+import { _ as f } from "../../BuiScrollBar.vue_vue_type_script_setup_true_lang-BCvjzEmb.js";
 export {
   f as default
 };

package/dist/components/scroll-area/index.js

@@ -1,5 +1,5 @@
-import { _ as a } from "../../BuiScrollArea.vue_vue_type_script_setup_true_lang-O7VUcRC4.js";
-import { _ as e } from "../../BuiScrollBar.vue_vue_type_script_setup_true_lang-cV0od8j0.js";
+import { _ as a } from "../../BuiScrollArea.vue_vue_type_script_setup_true_lang-lyWD8KAT.js";
+import { _ as e } from "../../BuiScrollBar.vue_vue_type_script_setup_true_lang-BCvjzEmb.js";
 export {
   a as BuiScrollArea,
   e as BuiScrollBar

package/dist/components/table/BuiDataTable.vue.d.ts

@@ -1,15 +1,18 @@
-import { ColumnDef, ColumnOrderState, PaginationState, Row, RowSelectionState, SortingState, VisibilityState } from '@tanstack/vue-table';
+import { ColumnDef, ColumnOrderState, Row, RowSelectionState, SortingState, VisibilityState, PaginationState } from '@tanstack/vue-table';
+export type PaginationAutoState = PaginationState & {
+    pageAuto?: boolean;
+};
 declare const _default: <TData, TValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly "onUpdate:sorting"?: ((value: SortingState) => any) | undefined;
-        readonly "onUpdate:pagination"?: ((value: PaginationState) => any) | undefined;
+        readonly "onUpdate:pagination"?: ((value: PaginationAutoState) => any) | undefined;
         readonly "onUpdate:selection"?: ((value: RowSelectionState) => any) | undefined;
         readonly "onUpdate:columnVisibility"?: ((value: VisibilityState) => any) | undefined;
         readonly "onUpdate:columnOrder"?: ((value: ColumnOrderState) => any) | undefined;
         readonly "onUpdate:columnSizing"?: ((value: Record<string, number>) => any) | undefined;
     } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:sorting" | "onUpdate:pagination" | "onUpdate:selection" | "onUpdate:columnVisibility" | "onUpdate:columnOrder" | "onUpdate:columnSizing"> & ({
         sorting?: SortingState;
-        pagination?: PaginationState;
+        pagination?: PaginationAutoState;
         selection?: RowSelectionState;
         columnVisibility?: VisibilityState;
         columnOrder?: ColumnOrderState;
@@ -35,6 +38,7 @@ declare const _default: <TData, TValue>(__VLS_props: NonNullable<Awaited<typeof
         columnResetVisibility?: string;
         paginationTranslations?: {
             itemsPerPage: string;
+            itemsPerPageAuto: string;
             page: string;
             of: string;
         };
@@ -70,7 +74,7 @@ declare const _default: <TData, TValue>(__VLS_props: NonNullable<Awaited<typeof
         nodata?(_: {}): any;
         numberOfItems?(_: {}): any;
     };
-    emit: ((evt: "update:sorting", value: SortingState) => void) & ((evt: "update:pagination", value: PaginationState) => void) & ((evt: "update:selection", value: RowSelectionState) => void) & ((evt: "update:columnVisibility", value: VisibilityState) => void) & ((evt: "update:columnOrder", value: ColumnOrderState) => void) & ((evt: "update:columnSizing", value: Record<string, number>) => void);
+    emit: ((evt: "update:sorting", value: SortingState) => void) & ((evt: "update:pagination", value: PaginationAutoState) => void) & ((evt: "update:selection", value: RowSelectionState) => void) & ((evt: "update:columnVisibility", value: VisibilityState) => void) & ((evt: "update:columnOrder", value: ColumnOrderState) => void) & ((evt: "update:columnSizing", value: Record<string, number>) => void);
 }>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/table/BuiTable.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../../BuiTable.vue_vue_type_script_setup_true_lang-CQpc0Sr1.js";
+import { _ as f } from "../../BuiTable.vue_vue_type_script_setup_true_lang-BQRl7YR1.js";
 export {
   f as default
 };

package/dist/components/table/BuiTableEmpty.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../../BuiTableEmpty.vue_vue_type_script_setup_true_lang-Da4qHIWo.js";
+import { _ as f } from "../../BuiTableEmpty.vue_vue_type_script_setup_true_lang-CuffOAuP.js";
 export {
   f as default
 };

package/dist/components/table/BuiTableRow.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../../BuiTableRow.vue_vue_type_script_setup_true_lang-BJk8Yk1B.js";
+import { _ as f } from "../../BuiTableRow.vue_vue_type_script_setup_true_lang-BQnadEa7.js";
 export {
   f as default
 };

package/dist/components/table/index.d.ts

@@ -12,4 +12,5 @@ export { default as BuiTableEmpty } from './BuiTableEmpty.vue';
 export { default as BuiTableFooter } from './BuiTableFooter.vue';
 export { default as BuiDataTable } from './BuiDataTable.vue';
 export { default as BuiDataTableColumnList } from './BuiDataTableColumnList.vue';
+export type { PaginationAutoState } from './BuiDataTable.vue';
 export declare function getPinningStyle<TData>(_column: Column<TData, unknown>): CSSProperties;