@pantograph/vue 0.27.3 → 0.27.5

package/dist/DataTable/DataTable.d.ts

@@ -1,4 +1,4 @@
-import { TableColumn } from './DataTable.model.ts';
+import { TableColumn } from './DataTable.model';
 import { DataTableProps, DataTableSlots } from './types';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -24,7 +24,7 @@ declare function __VLS_template(): {
             $host: Element | null;
             $emit: (event: string, ...args: any[]) => void;
             $el: HTMLTableSectionElement;
-            $options: import('vue').ComponentOptionsBase<Readonly<import('../Table').TBodyProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            $options: import('vue').ComponentOptionsBase<Readonly<import('..').TBodyProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
                 beforeMount?: (() => void) | (() => void)[];
@@ -44,7 +44,7 @@ declare function __VLS_template(): {
             $forceUpdate: () => void;
             $nextTick: typeof import('vue').nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-        } & Readonly<{}> & Omit<Readonly<import('../Table').TBodyProps> & Readonly<{}>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+        } & Readonly<{}> & Omit<Readonly<import('..').TBodyProps> & Readonly<{}>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 default?(_: {}): any;
             };
@@ -54,7 +54,7 @@ declare function __VLS_template(): {
             $data: {};
             $props: {
                 readonly class?: import('clsx').ClassValue;
-                readonly size?: import('../Table').TableSize | undefined;
+                readonly size?: import('..').TableSize | undefined;
                 readonly empty?: boolean | undefined;
                 readonly wrap?: boolean | undefined;
                 readonly lazyLoadObserver?: boolean | undefined;
@@ -73,7 +73,7 @@ declare function __VLS_template(): {
             $host: Element | null;
             $emit: (event: string, ...args: any[]) => void;
             $el: HTMLTableCellElement;
-            $options: import('vue').ComponentOptionsBase<Readonly<import('../Table').TdProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            $options: import('vue').ComponentOptionsBase<Readonly<import('..').TdProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
                 beforeMount?: (() => void) | (() => void)[];
@@ -93,8 +93,8 @@ declare function __VLS_template(): {
             $forceUpdate: () => void;
             $nextTick: typeof import('vue').nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-        } & Readonly<{}> & Omit<Readonly<import('../Table').TdProps> & Readonly<{}>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
-            $slots: Readonly<import('../Table').TdSlots> & import('../Table').TdSlots;
+        } & Readonly<{}> & Omit<Readonly<import('..').TdProps> & Readonly<{}>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: Readonly<import('..').TdSlots> & import('..').TdSlots;
         }) | null;
     };
     rootEl: HTMLDivElement;
@@ -135,7 +135,7 @@ declare const __VLS_component: import('vue').DefineComponent<DataTableProps, {},
         $host: Element | null;
         $emit: (event: string, ...args: any[]) => void;
         $el: HTMLTableSectionElement;
-        $options: import('vue').ComponentOptionsBase<Readonly<import('../Table').TBodyProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+        $options: import('vue').ComponentOptionsBase<Readonly<import('..').TBodyProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
             beforeMount?: (() => void) | (() => void)[];
@@ -155,7 +155,7 @@ declare const __VLS_component: import('vue').DefineComponent<DataTableProps, {},
         $forceUpdate: () => void;
         $nextTick: typeof import('vue').nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-    } & Readonly<{}> & Omit<Readonly<import('../Table').TBodyProps> & Readonly<{}>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+    } & Readonly<{}> & Omit<Readonly<import('..').TBodyProps> & Readonly<{}>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             default?(_: {}): any;
         };
@@ -165,7 +165,7 @@ declare const __VLS_component: import('vue').DefineComponent<DataTableProps, {},
         $data: {};
         $props: {
             readonly class?: import('clsx').ClassValue;
-            readonly size?: import('../Table').TableSize | undefined;
+            readonly size?: import('..').TableSize | undefined;
             readonly empty?: boolean | undefined;
             readonly wrap?: boolean | undefined;
             readonly lazyLoadObserver?: boolean | undefined;
@@ -184,7 +184,7 @@ declare const __VLS_component: import('vue').DefineComponent<DataTableProps, {},
         $host: Element | null;
         $emit: (event: string, ...args: any[]) => void;
         $el: HTMLTableCellElement;
-        $options: import('vue').ComponentOptionsBase<Readonly<import('../Table').TdProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+        $options: import('vue').ComponentOptionsBase<Readonly<import('..').TdProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
             beforeMount?: (() => void) | (() => void)[];
@@ -204,8 +204,8 @@ declare const __VLS_component: import('vue').DefineComponent<DataTableProps, {},
         $forceUpdate: () => void;
         $nextTick: typeof import('vue').nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-    } & Readonly<{}> & Omit<Readonly<import('../Table').TdProps> & Readonly<{}>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
-        $slots: Readonly<import('../Table').TdSlots> & import('../Table').TdSlots;
+    } & Readonly<{}> & Omit<Readonly<import('..').TdProps> & Readonly<{}>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: Readonly<import('..').TdSlots> & import('..').TdSlots;
     }) | null;
 }, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/DataTable/index.js

@@ -1,4 +1,4 @@
-import { _ as t, _ as f } from "../DataTable.vue_vue_type_script_setup_true_lang-FcKxN2S3.js";
+import { _ as t, _ as f } from "../DataTable.vue_vue_type_style_index_0_lang-BzdZ7aX8.js";
 export {
   t as DataTable,
   f as default

package/dist/DataTable/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../DataTable.vue_vue_type_script_setup_true_lang-CnRD6Q68.js");exports.DataTable=e._sfc_main;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../DataTable.vue_vue_type_style_index_0_lang-D95CpMGo.js");exports.DataTable=e._sfc_main;exports.default=e._sfc_main;

package/dist/DataTable/types.d.ts

@@ -1,7 +1,7 @@
-import { TableColumn, TableGetFunctionsProps, TableRowSelection, TableSelectProps } from './DataTable.model.js';
+import { TableColumn, TableGetFunctionsProps, TableRowSelection, TableSelectProps } from './DataTable.model';
 import { EmptyProps } from '../Empty/Empty';
 import { ScrollContainerProps } from '../ScrollContainer/ScrollContainer';
-import { TableSize } from '../Table/Table.model.ts';
+import { TableSize } from '../Table/Table.model';
 import { TrProps } from '../Table/Tr';
 import { ClassValue } from 'class-variance-authority/types';
 export interface GetRowProps {

package/dist/DataTable/useCell.d.ts

@@ -1,4 +1,4 @@
-import { TableColumn, TableCustomCellReturn } from './DataTable.model.ts';
+import { TableColumn, TableCustomCellReturn } from './DataTable.model';
 import { SkeletonProps } from '../Skeleton';
 export declare const useCell: ({ isColumnWrapped, selectionId }: any) => {
     getSkeletonProps: (column?: TableColumn) => SkeletonProps;

package/dist/DataTable/useColumnWrap.d.ts

@@ -1,4 +1,4 @@
-import { DataTableProps } from './types.ts';
+import { DataTableProps } from './types';
 export interface TableWrapColumn {
     id: string;
     wrap?: boolean;

package/dist/DataTable/useSelection.d.ts

@@ -1,6 +1,6 @@
 import { ComputedRef } from 'vue';
 import { RowSelectionState, Table } from '@tanstack/vue-table';
-import { DataTableProps } from './types.ts';
+import { DataTableProps } from './types';
 export declare const useSelectionState: (props: DataTableProps, { colId, onSelectionChange }: {
     colId: string;
     onSelectionChange: () => void;

package/dist/DataTable/useSort.d.ts

@@ -1,6 +1,6 @@
 import { Column } from '@tanstack/vue-table';
-import { DataTableEmits, DataTableProps, SortItem } from './types.ts';
-import { TableColumn } from './DataTable.model.ts';
+import { DataTableEmits, DataTableProps, SortItem } from './types';
+import { TableColumn } from './DataTable.model';
 export declare const useSort: (props: DataTableProps, emit: DataTableEmits, checkSelections: () => void) => {
     data: import('vue').ComputedRef<object[]>;
     sorting: import('vue').Ref<{

package/dist/{DataTable.vue_vue_type_script_setup_true_lang-FcKxN2S3.js → DataTable.vue_vue_type_style_index_0_lang-BzdZ7aX8.js}

@@ -1,34 +1,33 @@
 import { h as Ne, ref as F, computed as H, watch as ae, unref as t, nextTick as ce, defineComponent as xe, useSlots as Fe, shallowRef as Ze, createElementBlock as R, openBlock as v, normalizeClass as b, createVNode as w, withCtx as p, normalizeProps as U, guardReactiveProps as Ce, normalizeStyle as qe, createElementVNode as M, createBlock as L, createCommentVNode as E, Fragment as I, renderList as N, mergeProps as $, renderSlot as W, createTextVNode as Ge, toDisplayString as he, createSlots as Se, withModifiers as _e } from "vue";
 import { flattenBy as Ie, createColumnHelper as De, useVueTable as Je, getSortedRowModel as Qe, getCoreRowModel as Ue } from "@tanstack/vue-table";
-import { _ as ke } from "./Checkbox.vue_vue_type_script_setup_true_lang-DVmFg39-.js";
-import { _ as Xe, a as le } from "./MenuItem.vue_vue_type_script_setup_true_lang-CC0ZX8mk.js";
-import { _ as Ye } from "./ActionButton.vue_vue_type_script_setup_true_lang-CMYqH6Se.js";
-import { _ as et } from "./Empty.vue_vue_type_script_setup_true_lang-BCQOhz-A.js";
+import { _ as ke } from "./Checkbox.vue_vue_type_style_index_0_lang-DnfmdUgk.js";
+import { _ as Xe, a as le } from "./MenuItem.vue_vue_type_style_index_0_lang-CzNgZ7CJ.js";
+import { _ as Ye } from "./ActionButton.vue_vue_type_script_setup_true_lang-D6GO-k30.js";
+import { _ as et } from "./Empty.vue_vue_type_style_index_0_lang-GEhjGuWp.js";
 import { isFunction as O, omit as ue, isBoolean as tt, isEqual as be, uniq as ot, cloneDeep as x, sortBy as Re } from "es-toolkit";
 import { usePCId as nt, getBemBlock as lt, wgt_pre as rt, generateVariantClassList as st, getBemElement as z, normCls as X } from "@pantograph/utils";
-import { _ as it } from "./Skeleton.vue_vue_type_script_setup_true_lang-V3Y9sTi-.js";
+import { _ as it } from "./Skeleton.vue_vue_type_style_index_0_lang-BUizov_K.js";
 import { _ as ct } from "./Tooltip.vue_vue_type_script_setup_true_lang-DX19Sbqt.js";
-import { _ as at } from "./Badge.vue_vue_type_script_setup_true_lang-DIHxOGxU.js";
-import { _ as $e } from "./Divider.vue_vue_type_script_setup_true_lang-BZRu0h3n.js";
-import { _ as ze } from "./IconButton.vue_vue_type_script_setup_true_lang-lZz3QWio.js";
-import { _ as re } from "./Icon.vue_vue_type_script_setup_true_lang-DBiBHDqC.js";
-import { _ as ut } from "./Switch.vue_vue_type_script_setup_true_lang-C-mChuJl.js";
+import { _ as at } from "./Badge.vue_vue_type_script_setup_true_lang-CjM2eHxl.js";
+import { _ as $e } from "./Divider.vue_vue_type_style_index_0_lang-Clrzj4R0.js";
+import { _ as ze } from "./IconButton.vue_vue_type_script_setup_true_lang-ahPqU4HJ.js";
+import { _ as re } from "./Icon.vue_vue_type_style_index_0_lang-LLvjBJx0.js";
+import { _ as ut } from "./Switch.vue_vue_type_style_index_0_lang-6euiPiT-.js";
 import { cva as dt } from "class-variance-authority";
-import { isEmptyLikeLodash as se, getComponentOptions as mt, useComponentStyle as ft, useLazyLoading as gt } from "@pantograph/utils-vue";
+import { isEmptyLikeLodash as se, getComponentOptions as mt, useLazyLoading as ft } from "@pantograph/utils-vue";
 import { i as te } from "./isObject-vmP43YLW.js";
-import { _ as pt, e as yt, c as q, a as vt, d as wt, b as Y } from "./THead.vue_vue_type_script_setup_true_lang-DEiGZvbY.js";
-import { _ as Ct } from "./ScrollContainer.vue_vue_type_script_setup_true_lang-FKw-Hnvi.js";
-import { getBreakpoints as ht } from "@pantograph/tokens";
-import { useBreakpoints as St } from "@vueuse/core";
+import { _ as gt, e as pt, c as q, a as yt, d as vt, b as Y } from "./THead.vue_vue_type_style_index_0_lang-DaCjVYIl.js";
+import { _ as wt } from "./ScrollContainer.vue_vue_type_style_index_0_lang-CCEG6AjN.js";
+import { getBreakpoints as Ct } from "@pantograph/tokens";
+import { useBreakpoints as ht } from "@vueuse/core";
 import { i as ie } from "./isArray-QlWcxgml.js";
 import { g as Pe } from "./get-DwC3C6S0.js";
 import { i as Be } from "./isNumber-BduWbB-B.js";
-import { _ as Ae } from "./HoverCard.vue_vue_type_script_setup_true_lang-CgDV1bGl.js";
-import _t from "@pantograph/style/data_table.css?raw";
+import { _ as Ae } from "./HoverCard.vue_vue_type_style_index_0_lang-Btu3REIl.js";
 function ee(u) {
   return typeof u == "function";
 }
-const kt = ({ isColumnWrapped: u, selectionId: S }) => {
+const St = ({ isColumnWrapped: u, selectionId: S }) => {
   const c = (e) => {
     var r;
     const i = (h) => h === "list" ? "md" : "sm";
@@ -113,7 +112,7 @@ const kt = ({ isColumnWrapped: u, selectionId: S }) => {
     },
     isThVisible: (e, i, r) => n[r] === 1 ? !0 : i - e === n[r]
   };
-}, bt = (u) => {
+}, _t = (u) => {
   const S = F([]), c = (m) => m ? S.value.findIndex((C) => C.id === m) : -1, _ = (m) => {
     if (m) return S.value.find((C) => C.id === m);
   }, f = (m) => {
@@ -143,7 +142,7 @@ const kt = ({ isColumnWrapped: u, selectionId: S }) => {
     isColumnWrapped: f,
     toggleWrap: n
   };
-}, Rt = (u, { colId: S, onSelectionChange: c }) => {
+}, kt = (u, { colId: S, onSelectionChange: c }) => {
   const _ = F({}), f = H(() => Object.keys(_.value));
   ae(
     () => {
@@ -193,7 +192,7 @@ const kt = ({ isColumnWrapped: u, selectionId: S }) => {
       _.value = {};
     }
   };
-}, $t = (u, { selectedRowKeys: S, props: c }) => {
+}, bt = (u, { selectedRowKeys: S, props: c }) => {
   const _ = H(() => u.getIsAllRowsSelected() ? !0 : u.getIsSomeRowsSelected() ? "indeterminate" : !1), f = H(() => ({
     selectedRowKeys: S.value,
     selectedRows: u.getFilteredSelectedRowModel().flatRows.map((s) => s.original)
@@ -235,7 +234,7 @@ const kt = ({ isColumnWrapped: u, selectionId: S }) => {
     selectedItemsLength: D,
     getSelectCallbackProps: f
   };
-}, zt = ({
+}, Rt = ({
   props: u,
   prefix: S,
   slots: c,
@@ -276,7 +275,7 @@ const kt = ({ isColumnWrapped: u, selectionId: S }) => {
         ...l(u.actionCol)
       })
     ), r;
-  }), m = ht(), D = St(
+  }), m = Ct(), D = ht(
     Object.fromEntries(
       Object.keys(m).map((l) => [l, m[l].minWidth])
     ),
@@ -301,7 +300,7 @@ const kt = ({ isColumnWrapped: u, selectionId: S }) => {
     actionId: n,
     columnVisibility: s
   };
-}, Pt = (u, S, c) => {
+}, $t = (u, S, c) => {
   const _ = (s) => {
     const l = C(s);
     if (!l) return "tabler:arrows-up-down";
@@ -335,7 +334,7 @@ const kt = ({ isColumnWrapped: u, selectionId: S }) => {
     toggleSort: m,
     getIsSorted: C
   };
-}, oo = /* @__PURE__ */ xe({
+}, Yt = /* @__PURE__ */ xe({
   ...mt("DataTable"),
   __name: "DataTable",
   props: {
@@ -366,18 +365,17 @@ const kt = ({ isColumnWrapped: u, selectionId: S }) => {
   },
   emits: ["fetch", "rowClick", "sort"],
   setup(u, { emit: S }) {
-    ft("data_table", _t);
     const c = u, _ = S, f = Fe(), n = lt("data_table", rt), d = `$${n}_selection$`, m = dt(n, {
       variants: {
         empty: st("empty", n)
       }
-    }), { rowSelection: C, checkSelections: D, getSelectionCol: s, clearSelection: l, selectedRowKeys: e } = Rt(c, {
+    }), { rowSelection: C, checkSelections: D, getSelectionCol: s, clearSelection: l, selectedRowKeys: e } = kt(c, {
       colId: d,
       onSelectionChange: () => {
         var o;
         ee((o = c.rowSelection) == null ? void 0 : o.onChange) && c.rowSelection.onChange(fe.value);
       }
-    }), { cols: i, actionId: r, columnVisibility: h } = zt({ props: c, slots: f, prefix: n, getSelectionCol: s }), { toggleWrap: B, isColumnWrapped: y } = bt(c), { getSortTooltip: A, getSortIcon: T, sorting: G, data: J, toggleSort: j, getIsSorted: Q } = Pt(
+    }), { cols: i, actionId: r, columnVisibility: h } = Rt({ props: c, slots: f, prefix: n, getSelectionCol: s }), { toggleWrap: B, isColumnWrapped: y } = _t(c), { getSortTooltip: A, getSortIcon: T, sorting: G, data: J, toggleSort: j, getIsSorted: Q } = $t(
       c,
       _,
       D
@@ -421,12 +419,12 @@ const kt = ({ isColumnWrapped: u, selectionId: S }) => {
       selectedItemsLength: me,
       getCheckboxProps: Ke,
       getSelectCallbackProps: fe
-    } = $t(V, {
+    } = bt(V, {
       selectedRowKeys: e,
       props: c
     }), ge = F();
-    gt({ target: ge });
-    const { getSkeletonProps: Le, getThProps: We, RenderCell: pe, getTdProps: ne, getColProps: He, isThVisible: Me } = kt({
+    ft({ target: ge });
+    const { getSkeletonProps: Le, getThProps: We, RenderCell: pe, getTdProps: ne, getColProps: He, isThVisible: Me } = St({
       selectionId: d,
       isColumnWrapped: y
     }), ye = Ze(0), Ee = ({ item: o }, k) => {
@@ -504,9 +502,9 @@ const kt = ({ isColumnWrapped: u, selectionId: S }) => {
           ], 2)
         ]),
         default: p(() => [
-          w(t(Ct), U(Ce(je.value)), {
+          w(t(wt), U(Ce(je.value)), {
             default: p(() => [
-              w(t(pt), {
+              w(t(gt), {
                 size: o.size,
                 style: qe({
                   tableLayout: o.tableLayout
@@ -526,7 +524,7 @@ const kt = ({ isColumnWrapped: u, selectionId: S }) => {
                       key: g.id
                     }, { ref_for: !0 }, t(He)(g)), null, 16))), 128))
                   ]),
-                  o.noHeader ? E("", !0) : (v(), L(t(yt), {
+                  o.noHeader ? E("", !0) : (v(), L(t(pt), {
                     key: 0,
                     class: b(o.theadCls),
                     sticky: o.stickyHeader
@@ -539,7 +537,7 @@ const kt = ({ isColumnWrapped: u, selectionId: S }) => {
                           (v(!0), R(I, null, N(g.headers, (a) => (v(), R(I, {
                             key: a.id
                           }, [
-                            t(Me)(P, ve.value.length, a.column.id) ? (v(), L(t(vt), $({
+                            t(Me)(P, ve.value.length, a.column.id) ? (v(), L(t(yt), $({
                               key: 0,
                               ref_for: !0
                             }, a.bindings, {
@@ -682,7 +680,7 @@ const kt = ({ isColumnWrapped: u, selectionId: S }) => {
                     ]),
                     _: 3
                   }, 8, ["class", "sticky"])),
-                  w(t(wt), {
+                  w(t(vt), {
                     class: b(o.tbodyCls),
                     ref: "body"
                   }, {
@@ -877,5 +875,5 @@ const kt = ({ isColumnWrapped: u, selectionId: S }) => {
   }
 });
 export {
-  oo as _
+  Yt as _
 };

package/dist/DataTable.vue_vue_type_style_index_0_lang-D95CpMGo.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),R=require("@tanstack/vue-table"),Y=require("./Checkbox.vue_vue_type_style_index_0_lang-bWMji_p5.js"),T=require("./MenuItem.vue_vue_type_style_index_0_lang-DRaDzSf5.js"),pe=require("./ActionButton.vue_vue_type_script_setup_true_lang-D3TR9Ar1.js"),_e=require("./Empty.vue_vue_type_style_index_0_lang-JL3Igq8r.js"),k=require("es-toolkit"),y=require("@pantograph/utils"),Ce=require("./Skeleton.vue_vue_type_style_index_0_lang-W1OLEfkY.js"),ye=require("./Tooltip.vue_vue_type_script_setup_true_lang-DWMPc3HZ.js"),ke=require("./Badge.vue_vue_type_script_setup_true_lang-BP3OmkDG.js"),ee=require("./Divider.vue_vue_type_style_index_0_lang-jjCOfwfM.js"),te=require("./IconButton.vue_vue_type_script_setup_true_lang-Dk1TQJVA.js"),M=require("./Icon.vue_vue_type_style_index_0_lang-CMFYMG-2.js"),ve=require("./Switch.vue_vue_type_style_index_0_lang-Cc1XCDc2.js"),he=require("class-variance-authority"),$=require("@pantograph/utils-vue"),F=require("./isObject-BDHKUJKN.js"),b=require("./THead.vue_vue_type_style_index_0_lang-CnapuGqj.js"),we=require("./ScrollContainer.vue_vue_type_style_index_0_lang-Dti6qFXk.js"),Se=require("@pantograph/tokens"),Be=require("@vueuse/core"),O=require("./isArray-Bin_5of_.js"),ne=require("./get-Zt0OZYlq.js"),oe=require("./isNumber-DMOjxgl8.js"),re=require("./HoverCard.vue_vue_type_style_index_0_lang-hVdE6mvJ.js");function I(u){return typeof u=="function"}const be=({isColumnWrapped:u,selectionId:v})=>{const c=t=>{var l;const i=C=>C==="list"?"md":"sm";return{...(t==null?void 0:t.skeletonProps)??{},style:"width: 100%",size:i((l=t==null?void 0:t.skeletonProps)==null?void 0:l.type)}},h=t=>{var l,C;const i=(l=t.props)==null?void 0:l.column.columnDef;return k.isFunction(i==null?void 0:i.render)&&t.props.row?(C=i==null?void 0:i.render)==null?void 0:C.call(i,{index:t.props.row.index,record:t.props.row.original,column:k.omit(i,["render"])}):typeof t.render=="function"||typeof t.render=="object"?e.h(t.render,t.props):t.render},f=t=>{let i={};if(t){const l=V=>Number(V)>=0?`${V}px`:V,{width:C,maxWidth:B,minWidth:p}=t;(C||B||p)&&(i={width:l(C),maxWidth:l(B),minWidth:l(p),overflow:C||B?"hidden":void 0})}return i},o={},m=(t,i=!0)=>{var C;let l=1;return((C=t==null?void 0:t.subHeaders)==null?void 0:C.length)===1&&t.column.id===t.subHeaders[0].column.id&&(l+=m(t.subHeaders[0],!1)),i&&(!o[t.column.id]||o[t.column.id]<l)&&(o[t.column.id]=l),l},d=(t,i={})=>{var l;if(t!=null&&t.column){const C=(l=t==null?void 0:t.column)==null?void 0:l.columnDef,B=[];let p={};if(F.isObject(C)){let V=u(t.column.id);const{customCell:z,class:D}=C;if($.isEmptyLikeLodash(D)||B.push(D),z&&(F.isObject(z)||k.isFunction(z))){const q=x=>{if(F.isObject(x)){const{wrap:L,class:N,...K}=x;V=V||(L??!1),p={...p,...K},$.isEmptyLikeLodash(x.class)||B.push(x.class)}};k.isFunction(z)&&t.row?q(z({index:t.row.index,record:t.row.original,column:C})):q(z)}t.header?p.rowSpan=m(t.header):V&&(p.wrap=!0)}return{class:$.isEmptyLikeLodash(B)?void 0:B,...p,...i}}return{}};return{getSkeletonProps:c,RenderCell:h,getThProps:t=>{var i,l,C;return d(t,{colSpan:(i=t==null?void 0:t.header)==null?void 0:i.colSpan,"data-has-children":((C=(l=t==null?void 0:t.column)==null?void 0:l.columns)==null?void 0:C.length)>1?!0:void 0})},getTdProps:t=>d(t),getColProps:t=>{const i=f(t.columnDef);return t.id===v&&(i.width="var(--pt-dimension-2800)"),{style:i}},isThVisible:(t,i,l)=>o[l]===1?!0:i-t===o[l]}},Ve=u=>{const v=e.ref([]),c=d=>d?v.value.findIndex(_=>_.id===d):-1,h=d=>{if(d)return v.value.find(_=>_.id===d)},f=d=>{var _;return!!((_=h(d))!=null&&_.wrap)},o=d=>{const{id:_}=d;if(!_)return!1;const E=d.wrap??!f(_),s=c(_);return s>=0?v.value[s]={id:_,wrap:E}:v.value.push({id:_,wrap:E}),!0},m=e.computed(()=>(u.columns??[]).filter(d=>k.isBoolean(d.wrap)).map(d=>({id:d.id,wrap:!!d.wrap})));return e.watch(m,d=>{v.value=[...v.value,...d]},{immediate:!0,deep:!0}),{isColumnWrapped:f,toggleWrap:o}},Ee=(u,{colId:v,onSelectionChange:c})=>{const h=e.ref({}),f=e.computed(()=>Object.keys(h.value));e.watch(()=>{var s;return(s=u.rowSelection)==null?void 0:s.selectedRowKeys},(s,r)=>{var t,i;if((i=(t=u.rowSelection)==null?void 0:t.selectedRowKeys)!=null&&i.length&&!k.isEqual(s,r)){const l=Object.fromEntries(e.unref(u.rowSelection.selectedRowKeys??Object.keys(h.value)).map(C=>[C,!0]));k.isEqual(l,h.value)||(h.value=l)}},{immediate:!0});const o=e.computed(()=>u.rowKey?R.flattenBy(u.data,s=>s.children).map(s=>s[u.rowKey]):[]),m=()=>{const s=Object.fromEntries(f.value.filter(r=>{var t;return!((t=u.rowSelection)!=null&&t.preserveSelectedRowKeys)&&u.rowKey?o.value.includes(r):!0}).map(r=>[r,!0]));Object.keys(s).length!==f.value.length&&(h.value=s,e.nextTick(()=>{c()}))},d=R.createColumnHelper();return{rowSelection:h,selectedRowKeys:f,checkSelections:m,getSelectionCol:()=>{if(u.rowSelection&&u.rowKey)return d.accessor(v,{id:v,enableSorting:!1})},clearSelection:()=>{h.value={}}}},ze=(u,{selectedRowKeys:v,props:c})=>{const h=e.computed(()=>u.getIsAllRowsSelected()?!0:u.getIsSomeRowsSelected()?"indeterminate":!1),f=e.computed(()=>({selectedRowKeys:v.value,selectedRows:u.getFilteredSelectedRowModel().flatRows.map(s=>s.original)})),o=s=>{u.getIsSomeRowsSelected()||u.getIsAllRowsSelected()?u.toggleAllRowsSelected(!1):u.toggleAllRowsSelected(!0),e.nextTick(()=>{var r,t;k.isFunction((r=c.rowSelection)==null?void 0:r.onSelectAll)&&c.rowSelection.onSelectAll({...f.value,selected:s}),k.isFunction((t=c.rowSelection)==null?void 0:t.onChange)&&c.rowSelection.onChange(f.value)})},m=(s,r)=>{var t;r.toggleSelected(s,{selectChildren:!((t=c.rowSelection)!=null&&t.checkStrictly)}),e.nextTick(()=>{var i,l;k.isFunction((i=c.rowSelection)==null?void 0:i.onSelect)&&c.rowSelection.onSelect({...f.value,selected:s,record:r.original}),k.isFunction((l=c.rowSelection)==null?void 0:l.onChange)&&c.rowSelection.onChange(f.value)})},d=s=>{var r,t;return k.isFunction((r=c.rowSelection)==null?void 0:r.getCheckboxProps)&&((t=c.rowSelection)==null||t.getCheckboxProps(s)),{}},_=s=>{var r;if(s.getIsSelected())return!0;if((r=s.subRows)!=null&&r.length){if(s.getIsAllSubRowsSelected())return!0;if(s.getIsSomeSelected())return"indeterminate"}return!1},E=e.computed(()=>u.getFilteredSelectedRowModel().flatRows.length);return{getCheckedAll:h,checkAll:o,check:m,getCheckboxProps:d,getRowChecked:_,selectedItemsLength:E,getSelectCallbackProps:f}},Ne=({props:u,prefix:v,slots:c,getSelectionCol:h})=>{const f=R.createColumnHelper(),o=e.computed(()=>{var r;return((r=u.actionCol)==null?void 0:r.id)??`$${v}_action$`}),m=e.computed(()=>{var B;const r=p=>k.omit(p??{},["columns","id"]),t=p=>{var z;const V=p.id??y.usePCId(`${v}--col`);return O.isArray(ne.get(p,u.childrenColumnName??"children"))?f.group({header:p.title,id:V,columns:(z=ne.get(p,u.childrenColumnName??"children")??[])==null?void 0:z.map(t),enableSorting:!1,...r(p)}):f.accessor(p.dataIndex??p.id,{header:p.title,id:V,enableSorting:!!p.sorter,...r(p)})};if(!O.isArray(u.columns))throw"no columns";const i=u.columns.map(({id:p})=>p);if(k.uniq(i).length!==i.length)throw"no uniq column ids";const l=[],C=h();return C&&l.push(C),u.columns.forEach(p=>{l.push(t(p))}),(c.action||c.hoverAction)&&l.push(f.accessor(o.value,{id:o.value,header:(B=u.actionCol)==null?void 0:B.title,enableSorting:!1,...r(u.actionCol)})),l}),d=Se.getBreakpoints(),E=Be.useBreakpoints(Object.fromEntries(Object.keys(d).map(r=>[r,d[r].minWidth])),{strategy:"min-width"}).active(),s=e.ref({});return e.watch(E,r=>{s.value=Object.fromEntries(R.flattenBy(m.value,t=>t.columns).map(t=>{var i;return[t.id,O.isArray(t==null?void 0:t.responsive)?((i=t.responsive)==null?void 0:i.includes(r))??!1:!0]}))},{immediate:!0}),{cols:m,actionId:o,columnVisibility:s}},Pe=(u,v,c)=>{const h=s=>{const r=_(s);if(!r)return"tabler:arrows-up-down";if(r==="desc")return"tabler:arrow-down";if(r==="asc")return"tabler:arrow-up"},f=s=>{const r=_(s);if(!r)return"Sort A → Z";if(r==="desc")return"Sorted Z → A\u2028Click to change sort";if(r==="asc")return"Sorted A → Z\u2028Click to change sort"},o=e.ref([]),m=e.ref([]),d=(s,r)=>{const t=k.cloneDeep([...o.value,...m.value].find(l=>l.id===s.id))??{id:s.id,sorter:s.columnDef.sorter,multiple:s.columnDef.multiSort};r?t.desc=r==="desc":t.desc===void 0?t.desc=!1:t.desc===!0?t.desc=void 0:t.desc=!0;const i=()=>t.desc===void 0?!1:t.desc===!0?"desc":"asc";oe.isNumber(s.columnDef.multiSort)&&[...o.value,...m.value].every(l=>oe.isNumber(l.multiple))?(o.value=k.cloneDeep(o.value).filter(l=>l.id!==s.id),m.value=k.cloneDeep(m.value).filter(l=>l.id!==s.id),t.sorter==="server"?m.value.push(t):o.value.push(t),o.value=k.sortBy(o.value,["multiple"]),m.value=k.sortBy(m.value,["multiple"])):t.sorter==="server"?(o.value=[],m.value=[t]):(o.value=[t],m.value=[]),o.value=o.value.filter(l=>l.desc!==void 0),m.value=m.value.filter(l=>l.desc!==void 0),v("sort",s.columnDef,i(),k.cloneDeep([...o.value,...m.value]))},_=s=>{const r=[...m.value,...o.value].find(t=>s.id===t.id);return(r==null?void 0:r.desc)===!1?"asc":(r==null?void 0:r.desc)===!0?"desc":!1};return{data:e.computed(()=>(c(),[...u.data])),sorting:o,getSortIcon:h,getSortTooltip:f,toggleSort:d,getIsSorted:_}},xe=e.defineComponent({...$.getComponentOptions("DataTable"),__name:"DataTable",props:{columns:{},childrenColumnName:{default:"children"},data:{},class:{},scrollContainerRootCls:{},theadCls:{},tbodyCls:{},actionHoverCls:{},rootCls:{},rowSelection:{},rowKey:{},lazyLoading:{type:Boolean},loading:{type:Boolean},emptyProps:{},scrollContainerProps:{},size:{},batchActionsTitle:{default:"Records selected :"},loadingRowCount:{default:5},stickyHeader:{type:Boolean},zebra:{type:Boolean,default:!0},tableLayout:{default:"fixed"},actionCol:{},noHeader:{type:Boolean},rowProps:{}},emits:["fetch","rowClick","sort"],setup(u,{emit:v}){const c=u,h=v,f=e.useSlots(),o=y.getBemBlock("data_table",y.wgt_pre),m=`$${o}_selection$`,d=he.cva(o,{variants:{empty:y.generateVariantClassList("empty",o)}}),{rowSelection:_,checkSelections:E,getSelectionCol:s,clearSelection:r,selectedRowKeys:t}=Ee(c,{colId:m,onSelectionChange:()=>{var n;I((n=c.rowSelection)==null?void 0:n.onChange)&&c.rowSelection.onChange(Z.value)}}),{cols:i,actionId:l,columnVisibility:C}=Ne({props:c,slots:f,prefix:o,getSelectionCol:s}),{toggleWrap:B,isColumnWrapped:p}=Ve(c),{getSortTooltip:V,getSortIcon:z,sorting:D,data:q,toggleSort:x,getIsSorted:L}=Pe(c,h,E),N=R.useVueTable({getSubRows:n=>n.children,enableSorting:!0,enableMultiSort:!0,get data(){return q.value},state:{get sorting(){return D.value},get rowSelection(){return _.value},get columnVisibility(){return C.value}},enableRowSelection:!0,get columns(){return i.value},getRowId(n,w){return c.rowKey?n[c.rowKey]:w},getRowCanExpand:()=>!0,getCoreRowModel:R.getCoreRowModel(),getSortedRowModel:R.getSortedRowModel(),onRowSelectionChange:n=>{_.value=typeof n=="function"?n(_.value):n}}),{getCheckedAll:K,checkAll:le,check:se,getRowChecked:j,selectedItemsLength:W,getCheckboxProps:ie,getSelectCallbackProps:Z}=ze(N,{selectedRowKeys:t,props:c}),G=e.ref();$.useLazyLoading({target:G});const{getSkeletonProps:ce,getThProps:ae,RenderCell:J,getTdProps:H,getColProps:ue,isThVisible:me}=be({selectionId:m,isColumnWrapped:p}),Q=e.shallowRef(0),de=({item:n},w)=>{n.key==="a-z"&&x(w,"asc"),n.key==="z-a"&&x(w,"desc"),n.key==="wrap"&&B({id:w.id}),Q.value++},U=e.computed(()=>N.getHeaderGroups().map(n=>({...n,headers:n.headers.map(w=>({...w,bindings:ae(w.getContext())}))}))),A=n=>{const w=k.cloneDeep(k.omit(n??{},["row"]));let g={};c.rowProps&&(I(c.rowProps)?g=k.cloneDeep(c.rowProps(n)??{}):F.isObject(c.rowProps)&&(g=k.cloneDeep(c.rowProps)));const S=I(g.onClick)||n.row?a=>{n.row&&h("rowClick",n.row,a),I(g.onClick)&&g.onClick(a)}:void 0;return{...g,...w,onClick:S}},fe=e.computed(()=>{const n=c.scrollContainerProps??{},w=n.rootProps??{};return{...n,rootProps:{...w,class:y.normCls(y.getBemElement(o,"scroll_container"),w==null?void 0:w.class)},areaCls:[y.getBemElement(o,"scroll_area"),n==null?void 0:n.class,n==null?void 0:n.areaCls]}});return(n,w)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(y.normCls)(e.unref(y.getBemElement)(e.unref(o),"root"),n.rootCls))},[e.createVNode(re._sfc_main,{"z-index":"1",open:!!(e.unref(W)&&f.batchActions),placement:"bottom","side-offset":-54,"container-cls":"pantograph-tokens pantograph-dark"},{content:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(y.getBemElement)(e.unref(o),"batch_actions"))},[e.createVNode(ke._sfc_main,{text:e.unref(W),size:"xsm"},null,8,["text"]),e.createElementVNode("div",{class:e.normalizeClass(e.unref(y.getBemElement)(e.unref(o),"batch_actions__title"))},e.toDisplayString(n.batchActionsTitle),3),e.createElementVNode("div",{class:e.normalizeClass(e.unref(y.getBemElement)(e.unref(o),"batch_actions__actions"))},[e.renderSlot(n.$slots,"batchActions",e.normalizeProps(e.guardReactiveProps(e.unref(Z))))],2),e.createVNode(ee._sfc_main,{type:"vertical",class:e.normalizeClass(e.unref(y.getBemElement)(e.unref(o),"batch_actions__divider"))},null,8,["class"]),e.createVNode(te._sfc_main,{icon:"tabler:x",color:"neutral",type:"ghost",onClick:e.unref(r)},null,8,["onClick"])],2)]),default:e.withCtx(()=>[e.createVNode(e.unref(we._sfc_main),e.normalizeProps(e.guardReactiveProps(fe.value)),{default:e.withCtx(()=>[e.createVNode(e.unref(b._sfc_main),{size:n.size,style:e.normalizeStyle({tableLayout:n.tableLayout}),class:e.normalizeClass(e.unref(y.normCls)(e.unref(d)({empty:!e.unref(N).getRowModel().rows.length}),c.class))},{default:e.withCtx(()=>[e.createElementVNode("colgroup",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(N).getVisibleLeafColumns(),g=>(e.openBlock(),e.createElementBlock("col",e.mergeProps({key:g.id},{ref_for:!0},e.unref(ue)(g)),null,16))),128))]),n.noHeader?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(b._sfc_main$5),{key:0,class:e.normalizeClass(n.theadCls),sticky:n.stickyHeader},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(U.value,(g,S)=>(e.openBlock(),e.createBlock(e.unref(b._sfc_main$3),e.mergeProps({key:g.id},{ref_for:!0},A({index:S,header:!0})),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(g.headers,a=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:a.id},[e.unref(me)(S,U.value.length,a.column.id)?(e.openBlock(),e.createBlock(e.unref(b._sfc_main$1),e.mergeProps({key:0,ref_for:!0},a.bindings,{"data-selection":a.column.id===m}),{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(y.getBemElement)(e.unref(o),"header"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(y.getBemElement)(e.unref(o),"header__content"))},[a.column.id!==m?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(y.getBemElement)(e.unref(o),"header__content__title"))},[e.renderSlot(n.$slots,"headerCell",e.mergeProps({ref_for:!0},{column:a.column.columnDef}),()=>[e.createVNode(e.unref(J),{props:a.getContext(),render:a.column.columnDef.header},null,8,["props","render"])])],2),a.column.getCanSort()?(e.openBlock(),e.createBlock(ye._sfc_main,{key:0,placement:"bottom"},{content:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(V)(a.column)),1)]),default:e.withCtx(()=>[e.createVNode(pe._sfc_main,{class:e.normalizeClass({hide_filter_action:!e.unref(L)(a.column)}),icon:e.unref(z)(a.column),size:"sm",type:"ghost",variant:"icon",active:!!e.unref(L)(a.column),onClick:P=>e.unref(x)(a.column)},null,8,["class","icon","active","onClick"])]),_:2},1024)):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(y.getBemElement)(e.unref(o),"selection_space"))},null,2),e.createVNode(Y._sfc_main,{rootCls:"w-fit",modelValue:e.unref(K),onChange:e.unref(le)},null,8,["modelValue","onChange"])],64))],2),![e.unref(l),m].includes(a.column.id)&&!a.column.columns.length?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(y.getBemElement)(e.unref(o),"header__action"))},[(e.openBlock(),e.createBlock(re._sfc_main,{"z-index":"1",placement:"bottom-end",key:Q.value,sideOffset:3},{content:e.withCtx(()=>[e.createVNode(T._sfc_main,{onSelect:P=>de(P,a.column)},{default:e.withCtx(()=>[a.column.getCanSort()?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(T._sfc_main$1,{title:"Sort A → Z",key:"a-z"},{leading:e.withCtx(({iconSize:P})=>[e.createVNode(M._sfc_main,{icon:"tabler:arrow-up",size:P},null,8,["size"])]),_:1}),e.createVNode(T._sfc_main$1,{title:"Sort Z → A",key:"z-a"},{leading:e.withCtx(({iconSize:P})=>[e.createVNode(M._sfc_main,{icon:"tabler:arrow-down",size:P},null,8,["size"])]),_:1}),e.createVNode(ee._sfc_main)],64)):e.createCommentVNode("",!0),e.createVNode(T._sfc_main$1,{title:"Wrap Column",key:"wrap"},{leading:e.withCtx(({iconSize:P})=>[e.createVNode(M._sfc_main,{icon:"tabler:text-wrap",size:P},null,8,["size"])]),trailing:e.withCtx(()=>[e.createVNode(ve._sfc_main,{modelValue:e.unref(p)(a.column.id)},null,8,["modelValue"])]),_:2},1024)]),_:2},1032,["onSelect"])]),default:e.withCtx(()=>[e.createVNode(te._sfc_main,{icon:"tabler:dots-vertical",size:"sm",color:"neutral",type:"ghost",class:e.normalizeClass(e.unref(y.getBemElement)(e.unref(o),"header__action__hover"))},null,8,["class"])]),_:2},1024))],2)):e.createCommentVNode("",!0)],2)]),_:2},1040,["data-selection"])):e.createCommentVNode("",!0)],64))),128))]),_:2},1040))),128))]),_:3},8,["class","sticky"])),e.createVNode(e.unref(b._sfc_main$4),{class:e.normalizeClass(n.tbodyCls),ref:"body"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(N).getRowModel().rows,(g,S)=>(e.openBlock(),e.createBlock(e.unref(b._sfc_main$3),e.mergeProps({key:g.id,ref_for:!0},A({index:S,zebra:n.zebra,checked:!!e.unref(j)(g),row:g.original})),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(g.getVisibleCells(),a=>{var P,X;return e.openBlock(),e.createElementBlock(e.Fragment,{key:a.id},[((P=e.unref(H)(a.getContext()))==null?void 0:P.colSpan)!==0&&((X=e.unref(H)(a.getContext()))==null?void 0:X.rowSpan)!==0?(e.openBlock(),e.createBlock(e.unref(b._sfc_main$2),e.mergeProps({key:0,ref_for:!0},e.unref(H)(a.getContext())),e.createSlots({default:e.withCtx(()=>[a.column.id===e.unref(l)&&(f.hoverAction||f.action)?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:w[0]||(w[0]=e.withModifiers(()=>{},["stop"])),class:e.normalizeClass(e.unref(y.getBemElement)(e.unref(o),"action_cell"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(y.normCls)(e.unref(y.getBemElement)(e.unref(o),"action_cell__hover"),n.actionHoverCls))},[e.renderSlot(n.$slots,"hoverAction",e.mergeProps({ref_for:!0},{column:a.column.columnDef,record:g.original,index:S}))],2),e.renderSlot(n.$slots,"action",e.mergeProps({ref_for:!0},{column:a.column.columnDef,record:g.original,index:S}))],2)):a.column.id!==m?e.renderSlot(n.$slots,"bodyCell",e.mergeProps({key:1,ref_for:!0},{column:a.column.columnDef,record:g.original,index:S}),()=>[e.createVNode(e.unref(J),{render:a.column.columnDef.cell,props:a.getContext()},null,8,["render","props"])]):n.rowKey&&g.original[n.rowKey]?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(y.getBemElement)(e.unref(o),"selection")),onClick:w[1]||(w[1]=e.withModifiers(()=>{},["stop"]))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(y.getBemElement)(e.unref(o),"selection_space"))},null,2),e.createVNode(Y._sfc_main,e.mergeProps({rootCls:"w-fit",disabled:!g.getCanSelect(),modelValue:e.unref(j)(g),onChange:ge=>e.unref(se)(ge,g)},{ref_for:!0},e.unref(ie)(g.original)),null,16,["disabled","modelValue","onChange"])],2)):e.createCommentVNode("",!0)]),_:2},[f.cellAction&&![e.unref(l),m].includes(a.column.id)?{name:"absoluteAction",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"cellAction",e.mergeProps({ref_for:!0},{column:a.column.columnDef,record:g.original,index:S}))]),key:"0"}:void 0]),1040)):e.createCommentVNode("",!0)],64)}),128))]),_:2},1040))),128)),c.loading?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(e.unref(N).getRowModel().rows.length?2:n.loadingRowCount,g=>(e.openBlock(),e.createBlock(e.unref(b._sfc_main$3),e.mergeProps({key:g},{ref_for:!0},A({index:g,zebra:n.zebra,loading:!0})),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(N).getVisibleLeafColumns(),(S,a)=>(e.openBlock(),e.createBlock(e.unref(b._sfc_main$2),{key:a},{default:e.withCtx(()=>[S.id!==m?e.renderSlot(n.$slots,"skeleton",e.mergeProps({key:0,ref_for:!0},{index:a,column:S.columnDef}),()=>[e.createVNode(Ce._sfc_main,e.mergeProps({ref_for:!0},e.unref(ce)(S.columnDef)),null,16)]):e.createCommentVNode("",!0)]),_:2},1024))),128))]),_:2},1040))),128)):e.unref(N).getRowModel().rows.length?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(b._sfc_main$3),e.normalizeProps(e.mergeProps({key:1},A({empty:!0}))),{default:e.withCtx(()=>[e.createVNode(e.unref(b._sfc_main$2),{colspan:e.unref(N).getVisibleLeafColumns().length,empty:""},{default:e.withCtx(()=>[e.createVNode(_e._sfc_main,e.mergeProps({type:"advance"},n.emptyProps),e.createSlots({_:2},[f.emptyTitle?{name:"title",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"emptyTitle")]),key:"0"}:void 0,f.emptyDescription?{name:"description",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"emptyDescription")]),key:"1"}:void 0,f.emptyActions?{name:"actions",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"emptyActions")]),key:"2"}:void 0,f.emptyImage?{name:"image",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"emptyImage")]),key:"3"}:void 0]),1040)]),_:3},8,["colspan"])]),_:3},16)),n.lazyLoading?(e.openBlock(),e.createBlock(e.unref(b._sfc_main$3),e.normalizeProps(e.mergeProps({key:2},A({lazyLoadObserver:!0}))),{default:e.withCtx(()=>[e.createVNode(e.unref(b._sfc_main$2),{ref_key:"target",ref:G,"lazy-load-observer":"",colspan:e.unref(N).getVisibleLeafColumns().length},null,8,["colspan"])]),_:1},16)):e.createCommentVNode("",!0)]),_:3},8,["class"])]),_:3},8,["size","style","class"])]),_:3},16)]),_:3},8,["open"])],2))}});exports._sfc_main=xe;

package/dist/Divider/index.js

@@ -1,4 +1,4 @@
-import { _ as i, D as r, _ as s } from "../Divider.vue_vue_type_script_setup_true_lang-BZRu0h3n.js";
+import { _ as i, D as r, _ as s } from "../Divider.vue_vue_type_style_index_0_lang-Clrzj4R0.js";
 export {
   i as Divider,
   r as DividerTypes,

package/dist/Divider/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Divider.vue_vue_type_script_setup_true_lang-D6Tc-M5M.js");exports.Divider=e._sfc_main;exports.DividerTypes=e.DividerTypes;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Divider.vue_vue_type_style_index_0_lang-jjCOfwfM.js");exports.Divider=e._sfc_main;exports.DividerTypes=e.DividerTypes;exports.default=e._sfc_main;

package/dist/Divider.vue_vue_type_style_index_0_lang-Clrzj4R0.js

@@ -0,0 +1,36 @@
+import { defineComponent as a, createElementBlock as i, openBlock as p, normalizeClass as l, unref as o, renderSlot as c } from "vue";
+import { getBemBlock as m, generateVariantClassList as d, normCls as f } from "@pantograph/utils";
+import { cva as v } from "class-variance-authority";
+import { getComponentOptions as u } from "@pantograph/utils-vue";
+const C = ["horizontal", "vertical"], h = /* @__PURE__ */ a({
+  ...u("Divider"),
+  __name: "Divider",
+  props: {
+    type: { default: "horizontal" },
+    class: {}
+  },
+  setup(r) {
+    const s = r, e = m("divider"), n = v(e, {
+      variants: {
+        type: d(C, e)
+        // hasChild: generateVariantClassList('has-child', prefix),
+      }
+    });
+    return (t, y) => (p(), i("div", {
+      class: l(
+        o(f)(
+          o(n)({
+            type: t.type
+          }),
+          s.class
+        )
+      )
+    }, [
+      c(t.$slots, "default")
+    ], 2));
+  }
+});
+export {
+  C as D,
+  h as _
+};

package/dist/Divider.vue_vue_type_style_index_0_lang-jjCOfwfM.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),s=require("@pantograph/utils"),c=require("class-variance-authority"),l=require("@pantograph/utils-vue"),n=["horizontal","vertical"],u=e.defineComponent({...l.getComponentOptions("Divider"),__name:"Divider",props:{type:{default:"horizontal"},class:{}},setup(i){const o=i,t=s.getBemBlock("divider"),a=c.cva(t,{variants:{type:s.generateVariantClassList(n,t)}});return(r,p)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(s.normCls)(e.unref(a)({type:r.type}),o.class))},[e.renderSlot(r.$slots,"default")],2))}});exports.DividerTypes=n;exports._sfc_main=u;

package/dist/DropZone/DropZone.d.ts

@@ -45,8 +45,8 @@ declare const __VLS_component: import('vue').DefineComponent<DropZoneProps, {},
     onUpload?: ((value: MouseEvent) => any) | undefined;
 }>, {
     type: DropZoneType;
-    icon: string | boolean;
     size: DropZoneSize;
+    icon: string | boolean;
     disabled: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/DropZone/index.js

@@ -1,4 +1,4 @@
-import { _ as a, a as s, D as p, _ as r } from "../DropZone.vue_vue_type_script_setup_true_lang-CeEBMopD.js";
+import { _ as a, a as s, D as p, _ as r } from "../DropZone.vue_vue_type_style_index_0_lang-ZfmWjf5_.js";
 export {
   a as DropZone,
   s as DropZoneSizes,

package/dist/DropZone/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../DropZone.vue_vue_type_script_setup_true_lang-dVL4HZVW.js");exports.DropZone=e._sfc_main;exports.DropZoneSizes=e.DropZoneSizes;exports.DropZoneTypes=e.DropZoneTypes;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../DropZone.vue_vue_type_style_index_0_lang-D2U8rqTy.js");exports.DropZone=e._sfc_main;exports.DropZoneSizes=e.DropZoneSizes;exports.DropZoneTypes=e.DropZoneTypes;exports.default=e._sfc_main;

package/dist/DropZone.vue_vue_type_style_index_0_lang-D2U8rqTy.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),o=require("@pantograph/utils"),T=require("class-variance-authority"),b=require("./Icon.vue_vue_type_style_index_0_lang-CMFYMG-2.js"),h=require("./Button.vue_vue_type_script_setup_true_lang-jL1v7uqc.js"),d=require("@pantograph/utils-vue"),p=["default","placeholder"],m=["sm","md","lg"],N=["tabindex","disabled"],E=e.defineComponent({...d.getComponentOptions("DropZone"),__name:"DropZone",props:{type:{default:"default"},size:{default:"md"},uploadButton:{type:Boolean},disabled:{type:Boolean,default:void 0},class:{},iconCls:{},icon:{type:[String,Boolean],default:!0},titleCls:{},descriptionCls:{},title:{},description:{},uploadText:{}},emits:["upload","drop","dragleave","dragenter"],setup(f,{emit:g}){const l=g,n=f,{getDisabled:i}=d.useFormInput(),v=e.computed(()=>n.icon===!0?"tabler:drag-drop":n.icon),u=e.useSlots(),s=o.getBemBlock("drop_zone"),C=T.cva(s,{variants:{type:o.generateVariantClassList(p,s),size:o.generateVariantClassList(m,s),active:o.generateVariantClassList("active",s)}}),a=e.shallowRef(!1),B=e.computed(()=>n.title||!!u.title),y=e.computed(()=>n.description||!!u.description),z=e.computed(()=>{switch(n.size){case"sm":return"xsm";default:return"sm"}}),k=e.computed(()=>{switch(n.size){case"sm":return"sm";default:return"md"}}),D=t=>{var r,c;(c=(r=t==null?void 0:t.currentTarget)==null?void 0:r.contains)!=null&&c.call(r,t.relatedTarget)||(a.value=!1,l("dragleave",t))},_=t=>{a.value||(a.value=!0,l("dragenter",t))},S=t=>{a.value=!1,l("drop",t)},V=t=>{l("upload",t)};return(t,r)=>(e.openBlock(),e.createElementBlock("div",{onDragenter:_,onDragleave:D,onDragover:r[0]||(r[0]=e.withModifiers(()=>{},["prevent"])),onDrop:S,class:e.normalizeClass(e.unref(o.normCls)(e.unref(C)({type:t.type,size:t.size,active:a.value}),n.class)),tabindex:e.unref(i)?void 0:0,disabled:e.unref(i)},[t.icon||u.icon?(e.openBlock(),e.createBlock(b._sfc_main,{key:0,size:z.value,icon:v.value,class:e.normalizeClass(e.unref(o.normCls)(e.unref(o.getBemElement)(e.unref(s),"icon"),t.iconCls))},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"icon")]),_:3},8,["size","icon","class"])):e.createCommentVNode("",!0),B.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(o.normCls)(e.unref(o.getBemElement)(e.unref(s),"title"),t.titleCls))},[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])],2)):e.createCommentVNode("",!0),y.value?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(o.normCls)(e.unref(o.getBemElement)(e.unref(s),"description"),t.descriptionCls))},[e.renderSlot(t.$slots,"description",{},()=>[e.createTextVNode(e.toDisplayString(t.description),1)])],2)):e.createCommentVNode("",!0),t.type=="default"?e.renderSlot(t.$slots,"uploadButton",{key:3},()=>[t.uploadText?(e.openBlock(),e.createBlock(h._sfc_main,{key:0,size:k.value,"pre-icon":"tabler:upload",type:"outline",disabled:e.unref(i)||a.value,onClick:V},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.uploadText),1)]),_:1},8,["size","disabled"])):e.createCommentVNode("",!0)]):e.createCommentVNode("",!0)],42,N))}});exports.DropZoneSizes=m;exports.DropZoneTypes=p;exports._sfc_main=E;