@profitliga/ui 1.2.89 → 2.0.0

package/dist/components/DataTable/DataTable.vue2.js

@@ -0,0 +1,164 @@
+import { defineComponent as $, useModel as c, computed as s, ref as M, h, resolveDirective as D, openBlock as i, createElementBlock as v, withDirectives as H, normalizeStyle as I, normalizeClass as P, createBlock as g, unref as b, createCommentVNode as f, createVNode as N, createElementVNode as V, mergeModels as y } from "vue";
+import { createColumnHelper as A, useVueTable as E, getCoreRowModel as F } from "@tanstack/vue-table";
+import p from "../Checkbox/Checkbox.vue.js";
+/* empty css                        */
+import U from "./components/DataTableBody.vue.js";
+import j from "./components/DataTableFooter.vue.js";
+import G from "./components/DataTableHead.vue.js";
+import q from "./components/DataTablePagination.vue.js";
+const J = {
+  class: "table-wrapper"
+}, K = {
+  class: "table__actions"
+}, ee = /* @__PURE__ */ $({
+  name: "DataTable",
+  __name: "DataTable",
+  props: /* @__PURE__ */ y({
+    data: {},
+    columns: {},
+    size: {
+      default: "medium"
+    },
+    paginator: {
+      type: Boolean
+    },
+    page: {},
+    rowsPerPageOptions: {},
+    paginatorTemplate: {},
+    rows: {},
+    total: {},
+    alwaysShowPaginator: {
+      type: Boolean,
+      default: !0
+    },
+    loading: {
+      type: Boolean
+    },
+    enableSorting: {
+      type: Boolean
+    },
+    enableRowSelection: {
+      type: Boolean
+    },
+    rowId: {},
+    header: {},
+    filled: {
+      type: Boolean
+    },
+    border: {
+      type: Boolean
+    },
+    hideHeader: {
+      type: Boolean
+    }
+  }, {
+    page: {
+      type: Number,
+      default: 1
+    },
+    pageModifiers: {},
+    rows: {
+      type: Number,
+      default: 25
+    },
+    rowsModifiers: {},
+    rowSelection: {},
+    rowSelectionModifiers: {}
+  }),
+  emits: /* @__PURE__ */ y(["update:sort", "update:selected", "update:page", "update:rows"], ["update:page", "update:rows", "update:rowSelection"]),
+  setup(e, {
+    emit: z
+  }) {
+    const w = z, C = A(), S = c(e, "page"), x = c(e, "rows"), k = s(() => e.total ? e.total : e.data.length), R = s(() => e.columns.some((a) => !!a.footer)), r = M([]), d = c(e, "rowSelection"), B = s(() => {
+      let a = e.columns;
+      return e.enableRowSelection && (a = [C.display({
+        id: "checkbox",
+        size: 40,
+        header: ({
+          table: t
+        }) => h(p, {
+          size: "small",
+          checked: t.getIsAllRowsSelected(),
+          indeterminate: t.getIsSomeRowsSelected(),
+          onChange: (l, o) => t.getToggleAllRowsSelectedHandler()(o)
+        }),
+        cell: ({
+          row: t
+        }) => t.original.isViewCheckbox || t.original.isViewCheckbox === void 0 ? h(p, {
+          size: "small",
+          checked: t.getIsSelected(),
+          disabled: !t.getCanSelect(),
+          onChange: (l) => t.getToggleSelectedHandler()(l)
+        }) : null
+      }), ...e.columns]), a;
+    }), m = E({
+      get data() {
+        return e.data;
+      },
+      columns: B.value,
+      state: {
+        get sorting() {
+          return r.value;
+        },
+        get rowSelection() {
+          return d.value;
+        }
+      },
+      columnResizeMode: "onChange",
+      getRowId: (a, t) => e.rowId ? a.data[e.rowId] : t.toString(),
+      getCoreRowModel: F(),
+      //sorting
+      enableSorting: e.enableSorting,
+      onSortingChange: (a) => {
+        r.value = typeof a == "function" ? a(r.value) : a, w("update:sort", r.value);
+      },
+      //selection
+      enableRowSelection: (a) => (a.original.isViewCheckbox || a.original.isViewCheckbox === void 0) && !a.original.disabledRow && e.enableRowSelection,
+      onRowSelectionChange: (a) => {
+        d.value = typeof a == "function" ? a(d.value || {}) : a, w("update:selected", d.value);
+      },
+      debugTable: !1
+    }), T = s(() => m.getHeaderGroups()[0].headers.map((a) => {
+      const t = a.column.columnDef, l = !!t.meta?.autoSize, o = t.minSize !== 20, n = t.maxSize !== void 0 && t.maxSize < 3e3, u = t.minSize ?? 50;
+      return l && !o && !n ? "1fr" : l ? n ? `minmax(${u}px, ${t.maxSize}px)` : `minmax(${u}px, 1fr)` : o && !n ? `minmax(${u}px, 1fr)` : o && n ? `minmax(${t.minSize}px, ${t.maxSize}px)` : n ? `minmax(${t.minSize}px, ${t.maxSize}px)` : `${a.column.getSize()}px`;
+    }).join(" "));
+    return (a, t) => {
+      const l = D("loading");
+      return i(), v("div", J, [H((i(), v("div", {
+        class: P(["table", `table--${e.size}`, {
+          "table--with-pagiantion": e.paginator,
+          "table--empty": e.data.length === 0,
+          "table--loading": e.loading,
+          "table--border": e.border
+        }]),
+        style: I({
+          gridTemplateColumns: T.value
+        })
+      }, [e.hideHeader ? f("", !0) : (i(), g(G, {
+        key: 0,
+        table: b(m),
+        "text-style": e.header?.textStyle,
+        filled: e.filled
+      }, null, 8, ["table", "text-style", "filled"])), N(U, {
+        table: b(m),
+        loading: e.loading
+      }, null, 8, ["table", "loading"]), R.value ? (i(), g(j, {
+        key: 1,
+        table: b(m)
+      }, null, 8, ["table"])) : f("", !0)], 6)), [[l, e.loading, void 0, {
+        xl: !0
+      }]]), V("div", K, [e.paginator ? (i(), g(q, {
+        key: 0,
+        page: S.value,
+        "onUpdate:page": t[0] || (t[0] = (o) => S.value = o),
+        "item-per-page": x.value,
+        "onUpdate:itemPerPage": t[1] || (t[1] = (o) => x.value = o),
+        "always-show-paginator": e.alwaysShowPaginator,
+        total: k.value
+      }, null, 8, ["page", "item-per-page", "always-show-paginator", "total"])) : f("", !0)])]);
+    };
+  }
+});
+export {
+  ee as default
+};

package/dist/components/DataTable/components/DataTableBody.css

@@ -0,0 +1 @@
+.table-wrapper[data-v-ccf193f5]{width:100%;height:max-content}.table[data-v-ccf193f5]{--table-header-cell-padding-x:12px;--table-header-cell-padding-y:12px;--table-body-cell-padding-x:12px;--table-body-cell-padding-y:16px;--table-cell-border-color:#0000000f;--table-header-border-radius:16px;--table-body-font-size:16px;border-spacing:0;table-layout:auto;grid-template-columns:repeat(6,1fr);width:100%;display:grid}.table td[data-v-ccf193f5],.table th[data-v-ccf193f5]{vertical-align:middle;text-align:start}.table__row[data-v-ccf193f5],.table__body[data-v-ccf193f5],.table__footer[data-v-ccf193f5]{grid-template-columns:subgrid;grid-column:-1/1;display:grid}.table.table--empty .table__body[data-v-ccf193f5]{min-height:300px}.table__header[data-v-ccf193f5]{grid-template-columns:subgrid;grid-column:-1/1;display:grid}.table__header[data-v-ccf193f5]:not(.table__header--filled){background-color:var(--theme-neutral-0)}.table__header.table__header--filled[data-v-ccf193f5]{background-color:var(--theme-neutral-200)}.table__header-cell[data-v-ccf193f5]{color:var(--theme-neutral-850);padding:var(--table-header-cell-padding-y) 0;border-bottom:1px solid var(--table-cell-border-color);font-size:13px;font-weight:500;line-height:120%}.table__header-cell:last-child .table__header-cell__content[data-v-ccf193f5]{border-right:none}.table__header-cell[data-v-ccf193f5]:first-child{border-top-left-radius:var(--table-header-border-radius)}.table__header-cell[data-v-ccf193f5]:last-child{border-top-right-radius:var(--table-header-border-radius)}.table__header-cell.table__header-cell--filled[data-v-ccf193f5]{background-color:var(--theme-neutral-surface-icon)}.table__header-cell__content[data-v-ccf193f5]{width:100%;height:100%;padding:0 var(--table-header-cell-padding-x);border-right:1px solid var(--table-cell-border-color);word-break:break-word;justify-content:space-between;align-items:center;display:flex}.table__header-cell__sort[data-v-ccf193f5]{flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-left:16px;display:flex}.table__header-cell__sort svg[data-v-ccf193f5]{width:10px;height:10px;color:var(--theme-neutral-icon-caption);cursor:pointer;-webkit-user-select:none;user-select:none}.table__header-cell__sort svg.active[data-v-ccf193f5]{color:var(--theme-primary-500)}.table__body-empty[data-v-ccf193f5]{grid-column:-1/1;justify-content:center;align-items:center;display:flex}.table__body-empty__text[data-v-ccf193f5]{text-align:center;font-size:14px}.table__cell[data-v-ccf193f5]{font-size:var(--table-body-font-size);color:var(--theme-neutral-text-body);padding:var(--table-body-cell-padding-y) var(--table-body-cell-padding-x);border-bottom:1px solid var(--table-cell-border-color);line-height:120%}.table__cell.table__cell--selected[data-v-ccf193f5]{padding:var(--table-header-cell-padding-y) var(--table-header-cell-padding-x)}.table__footer-cell[data-v-ccf193f5]{color:var(--theme-neutral-850);padding:var(--table-header-cell-padding-y) 0;font-size:12px;font-weight:600;line-height:120%}.table__footer-cell__content[data-v-ccf193f5]{width:100%;height:100%;padding:0 var(--table-header-cell-padding-x);justify-content:space-between;align-items:center;display:flex}.table--border[data-v-ccf193f5]{border:1px solid var(--theme-secondary-250);border-radius:var(--table-header-border-radius);overflow:hidden}.table.table--small[data-v-ccf193f5]{--table-header-cell-padding-x:12px;--table-header-cell-padding-y:8px;--table-header-border-radius:12px;--table-body-cell-padding-x:12px;--table-body-cell-padding-y:12px;--table-body-font-size:13px}.table.table--large[data-v-ccf193f5]{--table-header-cell-padding-x:12px;--table-header-cell-padding-y:16px;--table-header-border-radius:18px;--table-body-cell-padding-x:16px;--table-body-cell-padding-y:12px;--table-body-font-size:18px}.table.table--with-pagination[data-v-ccf193f5]{margin-bottom:16px}

package/dist/components/DataTable/components/DataTableBody.vue.d.ts

@@ -1,24 +1,19 @@
 import { Table } from '@tanstack/vue-table';
 import { IData } from '../DataTable.types';
-import { PublicProps, VNode } from 'vue';
-declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: PublicProps & __VLS_PrettifyLocal<{
+import { VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps, ShallowUnwrapRef, VNode } from 'vue';
+declare const _default: <T>(__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<{} & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, never> & {
         table: Table<IData<T>>;
         loading?: boolean;
-    }> & (typeof globalThis extends {
-        __VLS_PROPS_FALLBACK: infer P;
-    } ? P : {});
-    expose: (exposed: {}) => void;
+    } & Partial<{}>> & PublicProps;
+    expose(exposed: ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {};
     emit: {};
 }>) => VNode & {
-    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+    __ctx?: Awaited<typeof __VLS_setup>;
 };
-declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_PrettifyLocal<T> = (T extends any ? {
+type __VLS_PrettifyLocal<T> = {
     [K in keyof T]: T[K];
-} : {
-    [K in keyof T as K]: T[K];
-}) & {};
+} & {};

package/dist/components/DataTable/components/DataTableBody.vue.js

@@ -0,0 +1,8 @@
+import './DataTableBody.css';
+import o from "./DataTableBody.vue2.js";
+/* empty css                   */
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-ccf193f5"]]);
+export {
+  c as default
+};

package/dist/components/DataTable/components/DataTableBody.vue2.js

@@ -0,0 +1,59 @@
+import { defineComponent as g, computed as u, resolveDirective as _, openBlock as l, createElementBlock as o, Fragment as r, renderList as s, withDirectives as b, normalizeStyle as c, normalizeClass as d, createVNode as p, unref as v, createElementVNode as y, createCommentVNode as C } from "vue";
+import { FlexRender as k } from "@tanstack/vue-table";
+const f = { class: "table__body" }, x = ["onClick"], D = {
+  key: 1,
+  class: "table__body-empty"
+}, A = /* @__PURE__ */ g({
+  __name: "DataTableBody",
+  props: {
+    table: {},
+    loading: { type: Boolean }
+  },
+  setup(n) {
+    const i = u(() => n.table.getRowModel().rows);
+    return (h, a) => {
+      const m = _("loading");
+      return l(), o("div", f, [
+        i.value.length > 0 ? (l(!0), o(r, { key: 0 }, s(i.value, (e) => b((l(), o("div", {
+          key: e.id,
+          class: d(["table__row", e.original.rowClass]),
+          style: c({
+            background: e.original.bgColor && e.original.viewBgColor ? e.original.bgColor : "transparent"
+          }),
+          onClick: e.original.onClick
+        }, [
+          (l(!0), o(r, null, s(e.getVisibleCells(), (t) => (l(), o("div", {
+            key: t.id,
+            class: d([
+              "table__cell",
+              {
+                "table__cell--selected": t.id.includes("checkbox")
+              }
+            ]),
+            style: c({
+              verticalAlign: t.column.columnDef.meta?.verticalAlign,
+              textAlign: t.column.columnDef.meta?.align
+            })
+          }, [
+            p(v(k), {
+              render: t.column.columnDef.cell,
+              props: t.getContext()
+            }, null, 8, ["render", "props"])
+          ], 6))), 128))
+        ], 14, x)), [
+          [
+            m,
+            e.original.isLoading,
+            void 0,
+            { xl: !0 }
+          ]
+        ])), 128)) : n.loading ? C("", !0) : (l(), o("div", D, [...a[0] || (a[0] = [
+          y("span", { class: "table__body-empty__text" }, "Данные отсутствуют", -1)
+        ])]))
+      ]);
+    };
+  }
+});
+export {
+  A as default
+};

package/dist/components/DataTable/components/DataTableFooter.css

@@ -0,0 +1 @@
+.table-wrapper[data-v-c0ba85be]{width:100%;height:max-content}.table[data-v-c0ba85be]{--table-header-cell-padding-x:12px;--table-header-cell-padding-y:12px;--table-body-cell-padding-x:12px;--table-body-cell-padding-y:16px;--table-cell-border-color:#0000000f;--table-header-border-radius:16px;--table-body-font-size:16px;border-spacing:0;table-layout:auto;grid-template-columns:repeat(6,1fr);width:100%;display:grid}.table td[data-v-c0ba85be],.table th[data-v-c0ba85be]{vertical-align:middle;text-align:start}.table__row[data-v-c0ba85be],.table__body[data-v-c0ba85be],.table__footer[data-v-c0ba85be]{grid-template-columns:subgrid;grid-column:-1/1;display:grid}.table.table--empty .table__body[data-v-c0ba85be]{min-height:300px}.table__header[data-v-c0ba85be]{grid-template-columns:subgrid;grid-column:-1/1;display:grid}.table__header[data-v-c0ba85be]:not(.table__header--filled){background-color:var(--theme-neutral-0)}.table__header.table__header--filled[data-v-c0ba85be]{background-color:var(--theme-neutral-200)}.table__header-cell[data-v-c0ba85be]{color:var(--theme-neutral-850);padding:var(--table-header-cell-padding-y) 0;border-bottom:1px solid var(--table-cell-border-color);font-size:13px;font-weight:500;line-height:120%}.table__header-cell:last-child .table__header-cell__content[data-v-c0ba85be]{border-right:none}.table__header-cell[data-v-c0ba85be]:first-child{border-top-left-radius:var(--table-header-border-radius)}.table__header-cell[data-v-c0ba85be]:last-child{border-top-right-radius:var(--table-header-border-radius)}.table__header-cell.table__header-cell--filled[data-v-c0ba85be]{background-color:var(--theme-neutral-surface-icon)}.table__header-cell__content[data-v-c0ba85be]{width:100%;height:100%;padding:0 var(--table-header-cell-padding-x);border-right:1px solid var(--table-cell-border-color);word-break:break-word;justify-content:space-between;align-items:center;display:flex}.table__header-cell__sort[data-v-c0ba85be]{flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-left:16px;display:flex}.table__header-cell__sort svg[data-v-c0ba85be]{width:10px;height:10px;color:var(--theme-neutral-icon-caption);cursor:pointer;-webkit-user-select:none;user-select:none}.table__header-cell__sort svg.active[data-v-c0ba85be]{color:var(--theme-primary-500)}.table__body-empty[data-v-c0ba85be]{grid-column:-1/1;justify-content:center;align-items:center;display:flex}.table__body-empty__text[data-v-c0ba85be]{text-align:center;font-size:14px}.table__cell[data-v-c0ba85be]{font-size:var(--table-body-font-size);color:var(--theme-neutral-text-body);padding:var(--table-body-cell-padding-y) var(--table-body-cell-padding-x);border-bottom:1px solid var(--table-cell-border-color);line-height:120%}.table__cell.table__cell--selected[data-v-c0ba85be]{padding:var(--table-header-cell-padding-y) var(--table-header-cell-padding-x)}.table__footer-cell[data-v-c0ba85be]{color:var(--theme-neutral-850);padding:var(--table-header-cell-padding-y) 0;font-size:12px;font-weight:600;line-height:120%}.table__footer-cell__content[data-v-c0ba85be]{width:100%;height:100%;padding:0 var(--table-header-cell-padding-x);justify-content:space-between;align-items:center;display:flex}.table--border[data-v-c0ba85be]{border:1px solid var(--theme-secondary-250);border-radius:var(--table-header-border-radius);overflow:hidden}.table.table--small[data-v-c0ba85be]{--table-header-cell-padding-x:12px;--table-header-cell-padding-y:8px;--table-header-border-radius:12px;--table-body-cell-padding-x:12px;--table-body-cell-padding-y:12px;--table-body-font-size:13px}.table.table--large[data-v-c0ba85be]{--table-header-cell-padding-x:12px;--table-header-cell-padding-y:16px;--table-header-border-radius:18px;--table-body-cell-padding-x:16px;--table-body-cell-padding-y:12px;--table-body-font-size:18px}.table.table--with-pagination[data-v-c0ba85be]{margin-bottom:16px}

package/dist/components/DataTable/components/DataTableFooter.vue.d.ts

@@ -1,23 +1,18 @@
 import { Table } from '@tanstack/vue-table';
 import { IData } from '../DataTable.types';
-import { PublicProps, VNode } from 'vue';
-declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: PublicProps & __VLS_PrettifyLocal<{
+import { VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps, ShallowUnwrapRef, VNode } from 'vue';
+declare const _default: <T>(__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<{} & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, never> & {
         table: Table<IData<T>>;
-    }> & (typeof globalThis extends {
-        __VLS_PROPS_FALLBACK: infer P;
-    } ? P : {});
-    expose: (exposed: {}) => void;
+    } & Partial<{}>> & PublicProps;
+    expose(exposed: ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {};
     emit: {};
 }>) => VNode & {
-    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+    __ctx?: Awaited<typeof __VLS_setup>;
 };
-declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_PrettifyLocal<T> = (T extends any ? {
+type __VLS_PrettifyLocal<T> = {
     [K in keyof T]: T[K];
-} : {
-    [K in keyof T as K]: T[K];
-}) & {};
+} & {};

package/dist/components/DataTable/components/DataTableFooter.vue.js

@@ -0,0 +1,8 @@
+import './DataTableFooter.css';
+import o from "./DataTableFooter.vue2.js";
+/* empty css                     */
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c0ba85be"]]);
+export {
+  m as default
+};

package/dist/components/DataTable/components/DataTableFooter.vue2.js

@@ -0,0 +1,46 @@
+import { defineComponent as m, openBlock as t, createElementBlock as o, Fragment as r, renderList as c, normalizeStyle as s, normalizeClass as u, createElementVNode as i, createBlock as _, unref as p, createCommentVNode as a } from "vue";
+import { FlexRender as f } from "@tanstack/vue-table";
+const d = {
+  key: 0,
+  class: "table__footer"
+}, b = ["colspan"], z = /* @__PURE__ */ m({
+  __name: "DataTableFooter",
+  props: {
+    table: {}
+  },
+  setup(l) {
+    return (y, g) => l.table.getFooterGroups().length > 0 ? (t(), o("div", d, [
+      (t(!0), o(r, null, c(l.table.getFooterGroups(), (n) => (t(), o("div", {
+        key: n.id,
+        class: "table__row table__row--footer"
+      }, [
+        (t(!0), o(r, null, c(n.headers, (e) => (t(), o("div", {
+          key: e.id,
+          colspan: e.colSpan,
+          scope: "row",
+          class: u(["table__footer-cell"]),
+          style: s({
+            width: `${e.column.columnDef.meta?.autoSize ? "auto" : e.getSize()}px`,
+            minWidth: `${e.column.columnDef.minSize || 50}px`
+          })
+        }, [
+          i("div", {
+            class: "table__footer-cell__content",
+            style: s({
+              justifyContent: e.column.columnDef.meta?.align
+            })
+          }, [
+            e.isPlaceholder ? a("", !0) : (t(), _(p(f), {
+              key: 0,
+              render: e.column.columnDef.footer,
+              props: e.getContext()
+            }, null, 8, ["render", "props"]))
+          ], 4)
+        ], 12, b))), 128))
+      ]))), 128))
+    ])) : a("", !0);
+  }
+});
+export {
+  z as default
+};

package/dist/components/DataTable/components/DataTableHead.css

@@ -0,0 +1 @@
+.table-wrapper[data-v-e5e15988]{width:100%;height:max-content}.table[data-v-e5e15988]{--table-header-cell-padding-x:12px;--table-header-cell-padding-y:12px;--table-body-cell-padding-x:12px;--table-body-cell-padding-y:16px;--table-cell-border-color:#0000000f;--table-header-border-radius:16px;--table-body-font-size:16px;border-spacing:0;table-layout:auto;grid-template-columns:repeat(6,1fr);width:100%;display:grid}.table td[data-v-e5e15988],.table th[data-v-e5e15988]{vertical-align:middle;text-align:start}.table__row[data-v-e5e15988],.table__body[data-v-e5e15988],.table__footer[data-v-e5e15988]{grid-template-columns:subgrid;grid-column:-1/1;display:grid}.table.table--empty .table__body[data-v-e5e15988]{min-height:300px}.table__header[data-v-e5e15988]{grid-template-columns:subgrid;grid-column:-1/1;display:grid}.table__header[data-v-e5e15988]:not(.table__header--filled){background-color:var(--theme-neutral-0)}.table__header.table__header--filled[data-v-e5e15988]{background-color:var(--theme-neutral-200)}.table__header-cell[data-v-e5e15988]{color:var(--theme-neutral-850);padding:var(--table-header-cell-padding-y) 0;border-bottom:1px solid var(--table-cell-border-color);font-size:13px;font-weight:500;line-height:120%}.table__header-cell:last-child .table__header-cell__content[data-v-e5e15988]{border-right:none}.table__header-cell[data-v-e5e15988]:first-child{border-top-left-radius:var(--table-header-border-radius)}.table__header-cell[data-v-e5e15988]:last-child{border-top-right-radius:var(--table-header-border-radius)}.table__header-cell.table__header-cell--filled[data-v-e5e15988]{background-color:var(--theme-neutral-surface-icon)}.table__header-cell__content[data-v-e5e15988]{width:100%;height:100%;padding:0 var(--table-header-cell-padding-x);border-right:1px solid var(--table-cell-border-color);word-break:break-word;justify-content:space-between;align-items:center;display:flex}.table__header-cell__sort[data-v-e5e15988]{flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-left:16px;display:flex}.table__header-cell__sort svg[data-v-e5e15988]{width:10px;height:10px;color:var(--theme-neutral-icon-caption);cursor:pointer;-webkit-user-select:none;user-select:none}.table__header-cell__sort svg.active[data-v-e5e15988]{color:var(--theme-primary-500)}.table__body-empty[data-v-e5e15988]{grid-column:-1/1;justify-content:center;align-items:center;display:flex}.table__body-empty__text[data-v-e5e15988]{text-align:center;font-size:14px}.table__cell[data-v-e5e15988]{font-size:var(--table-body-font-size);color:var(--theme-neutral-text-body);padding:var(--table-body-cell-padding-y) var(--table-body-cell-padding-x);border-bottom:1px solid var(--table-cell-border-color);line-height:120%}.table__cell.table__cell--selected[data-v-e5e15988]{padding:var(--table-header-cell-padding-y) var(--table-header-cell-padding-x)}.table__footer-cell[data-v-e5e15988]{color:var(--theme-neutral-850);padding:var(--table-header-cell-padding-y) 0;font-size:12px;font-weight:600;line-height:120%}.table__footer-cell__content[data-v-e5e15988]{width:100%;height:100%;padding:0 var(--table-header-cell-padding-x);justify-content:space-between;align-items:center;display:flex}.table--border[data-v-e5e15988]{border:1px solid var(--theme-secondary-250);border-radius:var(--table-header-border-radius);overflow:hidden}.table.table--small[data-v-e5e15988]{--table-header-cell-padding-x:12px;--table-header-cell-padding-y:8px;--table-header-border-radius:12px;--table-body-cell-padding-x:12px;--table-body-cell-padding-y:12px;--table-body-font-size:13px}.table.table--large[data-v-e5e15988]{--table-header-cell-padding-x:12px;--table-header-cell-padding-y:16px;--table-header-border-radius:18px;--table-body-cell-padding-x:16px;--table-body-cell-padding-y:12px;--table-body-font-size:18px}.table.table--with-pagination[data-v-e5e15988]{margin-bottom:16px}

package/dist/components/DataTable/components/DataTableHead.vue.d.ts

@@ -1,24 +1,19 @@
 import { Table } from '@tanstack/vue-table';
 import { IData, IDataHeader } from '../DataTable.types';
-import { PublicProps, VNode } from 'vue';
-declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: PublicProps & __VLS_PrettifyLocal<IDataHeader & {
+import { VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps, ShallowUnwrapRef, VNode } from 'vue';
+declare const _default: <T>(__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<{} & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, never> & (IDataHeader & {
         table: Table<IData<T>>;
         filled?: boolean;
-    }> & (typeof globalThis extends {
-        __VLS_PROPS_FALLBACK: infer P;
-    } ? P : {});
-    expose: (exposed: {}) => void;
+    }) & Partial<{}>> & PublicProps;
+    expose(exposed: ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {};
     emit: {};
 }>) => VNode & {
-    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+    __ctx?: Awaited<typeof __VLS_setup>;
 };
-declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_PrettifyLocal<T> = (T extends any ? {
+type __VLS_PrettifyLocal<T> = {
     [K in keyof T]: T[K];
-} : {
-    [K in keyof T as K]: T[K];
-}) & {};
+} & {};

package/dist/components/DataTable/components/DataTableHead.vue.js

@@ -0,0 +1,8 @@
+import './DataTableHead.css';
+import a from "./DataTableHead.vue2.js";
+/* empty css                   */
+import o from "../../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ o(a, [["__scopeId", "data-v-e5e15988"]]);
+export {
+  m as default
+};

package/dist/components/DataTable/components/DataTableHead.vue2.js

@@ -0,0 +1,68 @@
+import { defineComponent as u, openBlock as l, createElementBlock as t, normalizeClass as n, Fragment as r, renderList as s, createElementVNode as _, normalizeStyle as f, createBlock as p, unref as a, createCommentVNode as i, createVNode as d } from "vue";
+import { FlexRender as g } from "@tanstack/vue-table";
+import b from "../../../icons/monochrome/SortDownFillIcon.vue.js";
+import S from "../../../icons/monochrome/SortUpFillIcon.vue.js";
+const y = ["colspan"], k = ["onClick"], I = /* @__PURE__ */ u({
+  __name: "DataTableHead",
+  props: {
+    textStyle: { default: "none" },
+    table: {},
+    filled: { type: Boolean }
+  },
+  setup(o) {
+    return (C, v) => (l(), t("div", {
+      class: n(["table__header", { "table__header--filled": o.filled }])
+    }, [
+      (l(!0), t(r, null, s(o.table.getHeaderGroups(), (c) => (l(), t("div", {
+        key: c.id,
+        class: "table__row table__row--header"
+      }, [
+        (l(!0), t(r, null, s(c.headers, (e) => (l(), t("div", {
+          key: e.id,
+          colspan: e.colSpan,
+          scope: "col",
+          class: n([
+            "table__header-cell",
+            {
+              "table__header-cell--sorting": e.column.getCanSort(),
+              "table__header-cell--filled": o.filled
+            }
+          ])
+        }, [
+          _("div", {
+            class: "table__header-cell__content",
+            style: f({
+              justifyContent: e.column.columnDef.meta?.align,
+              textTransform: o.textStyle
+            })
+          }, [
+            e.isPlaceholder ? i("", !0) : (l(), p(a(g), {
+              key: 0,
+              render: e.column.columnDef.header,
+              props: e.getContext()
+            }, null, 8, ["render", "props"])),
+            e.column.getCanSort() ? (l(), t("div", {
+              key: 1,
+              class: "table__header-cell__sort",
+              onClick: (m) => e.column.getToggleSortingHandler()?.(m)
+            }, [
+              d(a(S), {
+                class: n({
+                  active: e.column.getIsSorted() === "asc"
+                })
+              }, null, 8, ["class"]),
+              d(a(b), {
+                class: n({
+                  active: e.column.getIsSorted() === "desc"
+                })
+              }, null, 8, ["class"])
+            ], 8, k)) : i("", !0)
+          ], 4)
+        ], 10, y))), 128))
+      ]))), 128))
+    ], 2));
+  }
+});
+export {
+  I as default
+};

package/dist/components/DataTable/components/DataTablePagination.css

@@ -0,0 +1 @@
+.table-wrapper[data-v-335ed389]{width:100%;height:max-content}.table[data-v-335ed389]{--table-header-cell-padding-x:12px;--table-header-cell-padding-y:12px;--table-body-cell-padding-x:12px;--table-body-cell-padding-y:16px;--table-cell-border-color:#0000000f;--table-header-border-radius:16px;--table-body-font-size:16px;border-spacing:0;table-layout:auto;grid-template-columns:repeat(6,1fr);width:100%;display:grid}.table td[data-v-335ed389],.table th[data-v-335ed389]{vertical-align:middle;text-align:start}.table__row[data-v-335ed389],.table__body[data-v-335ed389],.table__footer[data-v-335ed389]{grid-template-columns:subgrid;grid-column:-1/1;display:grid}.table.table--empty .table__body[data-v-335ed389]{min-height:300px}.table__header[data-v-335ed389]{grid-template-columns:subgrid;grid-column:-1/1;display:grid}.table__header[data-v-335ed389]:not(.table__header--filled){background-color:var(--theme-neutral-0)}.table__header.table__header--filled[data-v-335ed389]{background-color:var(--theme-neutral-200)}.table__header-cell[data-v-335ed389]{color:var(--theme-neutral-850);padding:var(--table-header-cell-padding-y) 0;border-bottom:1px solid var(--table-cell-border-color);font-size:13px;font-weight:500;line-height:120%}.table__header-cell:last-child .table__header-cell__content[data-v-335ed389]{border-right:none}.table__header-cell[data-v-335ed389]:first-child{border-top-left-radius:var(--table-header-border-radius)}.table__header-cell[data-v-335ed389]:last-child{border-top-right-radius:var(--table-header-border-radius)}.table__header-cell.table__header-cell--filled[data-v-335ed389]{background-color:var(--theme-neutral-surface-icon)}.table__header-cell__content[data-v-335ed389]{width:100%;height:100%;padding:0 var(--table-header-cell-padding-x);border-right:1px solid var(--table-cell-border-color);word-break:break-word;justify-content:space-between;align-items:center;display:flex}.table__header-cell__sort[data-v-335ed389]{flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-left:16px;display:flex}.table__header-cell__sort svg[data-v-335ed389]{width:10px;height:10px;color:var(--theme-neutral-icon-caption);cursor:pointer;-webkit-user-select:none;user-select:none}.table__header-cell__sort svg.active[data-v-335ed389]{color:var(--theme-primary-500)}.table__body-empty[data-v-335ed389]{grid-column:-1/1;justify-content:center;align-items:center;display:flex}.table__body-empty__text[data-v-335ed389]{text-align:center;font-size:14px}.table__cell[data-v-335ed389]{font-size:var(--table-body-font-size);color:var(--theme-neutral-text-body);padding:var(--table-body-cell-padding-y) var(--table-body-cell-padding-x);border-bottom:1px solid var(--table-cell-border-color);line-height:120%}.table__cell.table__cell--selected[data-v-335ed389]{padding:var(--table-header-cell-padding-y) var(--table-header-cell-padding-x)}.table__footer-cell[data-v-335ed389]{color:var(--theme-neutral-850);padding:var(--table-header-cell-padding-y) 0;font-size:12px;font-weight:600;line-height:120%}.table__footer-cell__content[data-v-335ed389]{width:100%;height:100%;padding:0 var(--table-header-cell-padding-x);justify-content:space-between;align-items:center;display:flex}.table--border[data-v-335ed389]{border:1px solid var(--theme-secondary-250);border-radius:var(--table-header-border-radius);overflow:hidden}.table.table--small[data-v-335ed389]{--table-header-cell-padding-x:12px;--table-header-cell-padding-y:8px;--table-header-border-radius:12px;--table-body-cell-padding-x:12px;--table-body-cell-padding-y:12px;--table-body-font-size:13px}.table.table--large[data-v-335ed389]{--table-header-cell-padding-x:12px;--table-header-cell-padding-y:16px;--table-header-border-radius:18px;--table-body-cell-padding-x:16px;--table-body-cell-padding-y:12px;--table-body-font-size:18px}.table.table--with-pagination[data-v-335ed389]{margin-bottom:16px}

package/dist/components/DataTable/components/DataTablePagination.vue.d.ts

@@ -6,12 +6,11 @@ interface IDataTablePaginationProps {
     alwaysShowPaginator?: boolean;
 }
 type __VLS_Props = IDataTablePaginationProps;
-type __VLS_ModelProps = {
+type __VLS_PublicProps = {
     'page'?: number;
     'rows'?: number;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+} & __VLS_Props;
+declare const _default: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:page": (value: number) => any;
     "update:rows": (value: number) => any;
 }, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
@@ -20,5 +19,4 @@ declare const __VLS_export: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, C
 }>, {
     paginatorTemplate: DataTablePaginationTemplate[];
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/DataTable/components/DataTablePagination.vue.js

@@ -0,0 +1,8 @@
+import './DataTablePagination.css';
+import a from "./DataTablePagination.vue2.js";
+/* empty css                         */
+import o from "../../../_virtual/_plugin-vue_export-helper.js";
+const i = /* @__PURE__ */ o(a, [["__scopeId", "data-v-335ed389"]]);
+export {
+  i as default
+};

package/dist/components/DataTable/components/DataTablePagination.vue2.js

@@ -0,0 +1,65 @@
+import { defineComponent as w, useModel as u, openBlock as e, createBlock as t, unref as a, withCtx as P, createCommentVNode as i, createElementBlock as d, Fragment as f, renderList as y, mergeModels as v } from "vue";
+import { PaginationRoot as x } from "reka-ui";
+import B from "../../Pagination/PaginationEllipsis.vue.js";
+import F from "../../Pagination/PaginationFirst.vue.js";
+import M from "../../Pagination/PaginationLast.vue.js";
+import N from "../../Pagination/PaginationList.vue.js";
+import T from "../../Pagination/PaginationListItem.vue.js";
+import h from "../../Pagination/PaginationNext.vue.js";
+import C from "../../Pagination/PaginationPrev.vue.js";
+const q = /* @__PURE__ */ w({
+  __name: "DataTablePagination",
+  props: /* @__PURE__ */ v({
+    paginatorTemplate: { default: () => [
+      "FirstPageLink",
+      "PrevPageLink",
+      "PageLinks",
+      "NextPageLink",
+      "LastPageLink",
+      "RowsPerPageDropdown"
+    ] },
+    total: {},
+    alwaysShowPaginator: { type: Boolean }
+  }, {
+    page: { default: 1 },
+    pageModifiers: {},
+    rows: { default: 25 },
+    rowsModifiers: {}
+  }),
+  emits: ["update:page", "update:rows"],
+  setup(o) {
+    const s = u(o, "page"), k = u(o, "rows"), L = o, n = (g) => L.paginatorTemplate.includes(g);
+    return (g, m) => (e(), t(a(x), {
+      page: s.value,
+      "onUpdate:page": m[0] || (m[0] = (r) => s.value = r),
+      "items-per-page": k.value,
+      total: o.total,
+      "show-edges": ""
+    }, {
+      default: P(({ pageCount: r }) => [
+        o.alwaysShowPaginator || r > 1 ? (e(), t(a(N), { key: 0 }, {
+          default: P(({ items: c }) => [
+            n("FirstPageLink") ? (e(), t(a(F), { key: 0 })) : i("", !0),
+            n("PrevPageLink") ? (e(), t(a(C), { key: 1 })) : i("", !0),
+            (e(!0), d(f, null, y(c, (l, p) => (e(), d(f, null, [
+              l.type === "page" ? (e(), t(a(T), {
+                key: p,
+                value: l.value
+              }, null, 8, ["value"])) : (e(), t(a(B), {
+                key: l.type,
+                index: p
+              }, null, 8, ["index"]))
+            ], 64))), 256)),
+            n("NextPageLink") ? (e(), t(a(h), { key: 2 })) : i("", !0),
+            n("LastPageLink") ? (e(), t(a(M), { key: 3 })) : i("", !0)
+          ]),
+          _: 1
+        })) : i("", !0)
+      ]),
+      _: 1
+    }, 8, ["page", "items-per-page", "total"]));
+  }
+});
+export {
+  q as default
+};

package/dist/components/DatePicker/DatePicker.vue.d.ts

@@ -8,22 +8,18 @@ interface IDatePickerProps extends DatePickerRootProps {
     breakpointMobile?: TBreakpoints;
 }
 type __VLS_Props = IDatePickerProps;
-type __VLS_ModelProps = {
+type __VLS_PublicProps = {
     modelValue?: DateValue | null | undefined;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+} & __VLS_Props;
+declare const _default: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:modelValue": (...args: unknown[]) => any;
-    "update:open": (value: boolean) => any;
     "update:placeholder": (date: DateValue) => any;
 }, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((...args: unknown[]) => any) | undefined;
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     "onUpdate:placeholder"?: ((date: DateValue) => any) | undefined;
 }>, {
     breakpointMobile: TBreakpoints;
     contentProps: DatePickerContentProps;
     fieldProps: IDatePickerFieldProps;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
 export default _default;