@evance/evance-ui 1.0.21 → 1.0.23

package/dist/cjs/EvDataTable.vue_vue_type_script_setup_true_lang-CLBOFqD7.cjs

@@ -0,0 +1,364 @@
+"use strict";
+/*! Evance UI v1.0.22 | MIT License */
+const vue = require("vue");
+const component = require("./component-DsyXS-ec.cjs");
+const EvVirtualScrollItem_vue_vue_type_script_setup_true_lang = require("./EvVirtualScrollItem.vue_vue_type_script_setup_true_lang-qryStUM-.cjs");
+const dimensions = require("./dimensions-D0ZJQC41.cjs");
+const props = require("./props-DdJFC6BD.cjs");
+const helpers = require("./helpers-B0q4awNI.cjs");
+const EvDataTableRow_vue_vue_type_script_setup_true_lang = require("./EvDataTableRow.vue_vue_type_script_setup_true_lang-Df1TzUld.cjs");
+const select = require("./select-khsfU57e.cjs");
+const EvDataTableSearch_vue_vue_type_script_setup_true_lang = require("./EvDataTableSearch.vue_vue_type_script_setup_true_lang-B63cTbHJ.cjs");
+const modelProxy = require("./modelProxy-BMICOorK.cjs");
+const EvInfiniteScroll_vue_vue_type_script_setup_true_lang = require("./EvInfiniteScroll.vue_vue_type_script_setup_true_lang-CzIqPf58.cjs");
+const EvDataTableCell_vue_vue_type_script_setup_true_lang = require("./EvDataTableCell.vue_vue_type_script_setup_true_lang-BQLmUPnm.cjs");
+const display = require("./display-C-uMWpwu.cjs");
+const EvCheckbox_vue_vue_type_script_setup_true_lang = require("./EvCheckbox.vue_vue_type_script_setup_true_lang-B--1jDfk.cjs");
+const locale = require("./locale-aPS1rGRt.cjs");
+const units = require("./units-C1m6wIw9.cjs");
+const makeDataTableItemsProps = props.propsFactory(
+  {
+    items: {
+      type: Array,
+      default: () => []
+    },
+    itemValue: {
+      type: [String, Array, Function],
+      default: "id"
+    },
+    itemSelectable: {
+      type: [String, Array, Function],
+      default: null
+    },
+    returnObject: Boolean
+  },
+  "data-table-items"
+);
+function transformItem(props2, item, index, columns) {
+  const value = props2.returnObject ? item : helpers.getPropertyValue(item, props2.itemValue);
+  const selectable = helpers.getPropertyValue(item, props2.itemSelectable, true);
+  const itemColumns = columns.reduce(
+    (obj, column) => {
+      if (column.key != null) {
+        obj[column.key] = helpers.getPropertyValue(item, column.value);
+        return obj;
+      }
+    },
+    {}
+  );
+  return {
+    key: props2.returnObject ? helpers.getPropertyValue(item, props2.itemValue) : value,
+    index,
+    value,
+    selectable,
+    columns: itemColumns,
+    raw: item
+  };
+}
+function transformItems(props2, items, columns) {
+  return items.map(
+    (item, index) => transformItem(props2, item, index, columns)
+  );
+}
+function useDataTableItems(items, props2, columns) {
+  const internalItems = vue.computed(
+    () => transformItems(props2, items.value, columns.value)
+  );
+  return { items: internalItems };
+}
+const makeEvDataTableProps = props.propsFactory(
+  {
+    loading: Boolean,
+    page: { type: Number, default: 1 },
+    itemsPerPage: { type: Number, default: 50 },
+    showHeaders: Boolean,
+    ...EvDataTableSearch_vue_vue_type_script_setup_true_lang.makeEvDataTableSearchProps(),
+    ...EvDataTableRow_vue_vue_type_script_setup_true_lang.makeDataTableHeaderProps(),
+    ...makeDataTableItemsProps(),
+    ...select.makeDataTableSelectProps(),
+    ...dimensions.makeDimensionsProps(),
+    ...EvVirtualScrollItem_vue_vue_type_script_setup_true_lang.makeVirtualProps(),
+    ...component.makeComponentProps()
+  },
+  "EvDataTable"
+);
+const _hoisted_1 = {
+  key: 0,
+  class: "ev-data-table--empty"
+};
+const _hoisted_2 = { class: "ev-data-table--native" };
+const _hoisted_3 = { key: 0 };
+const _hoisted_4 = {
+  key: 0,
+  class: "ev-data-table--thead",
+  role: "rowgroup"
+};
+const _hoisted_5 = {
+  class: "ev-data-table--tbody",
+  role: "rowgroup"
+};
+const _hoisted_6 = ["colspan"];
+const _hoisted_7 = ["colspan"];
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvDataTable",
+  props: { ...makeEvDataTableProps() },
+  emits: ["load", "update:modelValue", "update:page", "update:search", "update:sort"],
+  setup(__props, { expose: __expose, emit }) {
+    const props2 = __props;
+    const slots = vue.useSlots();
+    const isLoading = modelProxy.useModelProxy(props2, "loading");
+    const itemsModel = modelProxy.useModelProxy(props2, "items");
+    const pageModel = modelProxy.useModelProxy(props2, "page");
+    const dimensions$1 = dimensions.useDimensions(props2);
+    const { columns, headers } = EvDataTableRow_vue_vue_type_script_setup_true_lang.createHeaders(props2);
+    const { items } = useDataTableItems(itemsModel, props2, columns);
+    const { allSelected, selectAll, showSelectAll, someSelected } = select.provideSelection(props2, {
+      allItems: items,
+      currentPage: items
+    });
+    const {
+      containerRef,
+      markerRef,
+      paddingTop,
+      paddingBottom,
+      computedItems,
+      handleItemResize,
+      handleScroll,
+      handleScrollend
+    } = EvVirtualScrollItem_vue_vue_type_script_setup_true_lang.useVirtual(props2, items);
+    const totalColumns = vue.computed(() => {
+      return columns.value.length + (props2.showSelect ? 1 : 0);
+    });
+    const { t } = locale.useLocaleFunctions();
+    const sortModel = modelProxy.useModelProxy(props2, "sort");
+    const searchModel = modelProxy.useModelProxy(props2, "search");
+    const infiniteScrollRef = vue.ref();
+    const infiniteScrollDisabled = vue.computed(() => isLoading.value);
+    const isEmpty = vue.computed(() => {
+      var _a;
+      return !((_a = itemsModel.value) == null ? void 0 : _a.length);
+    });
+    const searchProps = vue.computed(() => {
+      return helpers.omit(helpers.filterComponentProps(EvDataTableSearch_vue_vue_type_script_setup_true_lang._sfc_main, props2), [
+        "loading",
+        "search",
+        "sort"
+      ]);
+    });
+    const spaceAbove = vue.computed(() => units.toWebUnit(paddingTop.value));
+    const spaceBelow = vue.computed(() => units.toWebUnit(paddingBottom.value));
+    vue.watch(
+      () => {
+        var _a;
+        return (_a = infiniteScrollRef.value) == null ? void 0 : _a.rootElement;
+      },
+      (value) => {
+        containerRef.value = value;
+      }
+    );
+    vue.watch(
+      () => props2.filters,
+      () => {
+        onChange();
+      },
+      { deep: true }
+    );
+    function onChange() {
+      isLoading.value = true;
+      const nextPage = 1;
+      function next(results) {
+        itemsModel.value = results;
+        pageModel.value = nextPage;
+        isLoading.value = false;
+        resetScroll(results.length < props2.itemsPerPage ? "finished" : "ok");
+      }
+      emit("load", { next, page: nextPage });
+    }
+    function onInfiniteScrollLoad(options) {
+      const nextPage = pageModel.value + 1;
+      function next(results) {
+        itemsModel.value.push(...results);
+        pageModel.value = nextPage;
+        results.length < props2.itemsPerPage ? options.done() : options.next();
+      }
+      emit("load", { next, page: nextPage });
+    }
+    function resetScroll(status = "ok") {
+      var _a;
+      (_a = infiniteScrollRef.value) == null ? void 0 : _a.reset(status);
+    }
+    function colStyle(column) {
+      return {
+        width: display.calculateDisplayRuleValue(column.width),
+        minWidth: display.calculateDisplayRuleValue(column.minWidth),
+        maxWidth: display.calculateDisplayRuleValue(column.maxWidth)
+      };
+    }
+    __expose({
+      resetScroll,
+      reload: onChange
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(["ev-data-table", props2.class]),
+        style: vue.normalizeStyle([vue.unref(dimensions$1), props2.style])
+      }, [
+        vue.createVNode(vue.unref(EvDataTableSearch_vue_vue_type_script_setup_true_lang._sfc_main), vue.mergeProps(searchProps.value, {
+          search: vue.unref(searchModel),
+          "onUpdate:search": [
+            _cache[0] || (_cache[0] = ($event) => vue.isRef(searchModel) ? searchModel.value = $event : null),
+            onChange
+          ],
+          sort: vue.unref(sortModel),
+          "onUpdate:sort": [
+            _cache[1] || (_cache[1] = ($event) => vue.isRef(sortModel) ? sortModel.value = $event : null),
+            onChange
+          ],
+          loading: vue.unref(isLoading),
+          "hide-select-all": props2.showHeaders,
+          filters: props2.filters
+        }), vue.createSlots({ _: 2 }, [
+          vue.unref(slots)["select-actions"] ? {
+            name: "select-actions",
+            fn: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "select-actions")
+            ]),
+            key: "0"
+          } : void 0,
+          vue.unref(slots).filters ? {
+            name: "filters",
+            fn: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "filters")
+            ]),
+            key: "1"
+          } : void 0
+        ]), 1040, ["search", "sort", "loading", "hide-select-all", "filters"]),
+        isEmpty.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+          vue.renderSlot(_ctx.$slots, "empty", {}, () => [
+            vue.createTextVNode(vue.toDisplayString(vue.unref(t)("table.empty")), 1)
+          ])
+        ])) : (vue.openBlock(), vue.createBlock(vue.unref(EvInfiniteScroll_vue_vue_type_script_setup_true_lang._sfc_main), {
+          key: 1,
+          ref_key: "infiniteScrollRef",
+          ref: infiniteScrollRef,
+          class: "ev-data-table--wrapper",
+          disabled: infiniteScrollDisabled.value,
+          onLoad: onInfiniteScrollLoad,
+          onScrollPassive: vue.unref(handleScroll),
+          onScrollend: vue.unref(handleScrollend)
+        }, {
+          default: vue.withCtx(() => [
+            vue.createElementVNode("table", _hoisted_2, [
+              vue.renderSlot(_ctx.$slots, "colgroup", {}, () => [
+                vue.createElementVNode("colgroup", null, [
+                  props2.showSelect ? (vue.openBlock(), vue.createElementBlock("col", _hoisted_3)) : vue.createCommentVNode("", true),
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(columns), (column, colIndex) => {
+                    return vue.openBlock(), vue.createElementBlock("col", {
+                      key: colIndex,
+                      style: vue.normalizeStyle(colStyle(column))
+                    }, null, 4);
+                  }), 128))
+                ])
+              ]),
+              props2.showHeaders ? (vue.openBlock(), vue.createElementBlock("thead", _hoisted_4, [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(headers), (row, rowIndex) => {
+                  return vue.openBlock(), vue.createElementBlock("tr", { key: rowIndex }, [
+                    vue.unref(showSelectAll) && rowIndex === 0 ? (vue.openBlock(), vue.createBlock(vue.unref(EvDataTableCell_vue_vue_type_script_setup_true_lang._sfc_main), {
+                      key: 0,
+                      tag: "th",
+                      colspan: 1,
+                      rowspan: vue.unref(headers).length,
+                      class: "ev-data-table-cell--checkbox"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(vue.unref(EvCheckbox_vue_vue_type_script_setup_true_lang._sfc_main), {
+                          "model-value": vue.unref(allSelected),
+                          indeterminate: vue.unref(someSelected) && !vue.unref(allSelected),
+                          "onUpdate:modelValue": vue.unref(selectAll)
+                        }, null, 8, ["model-value", "indeterminate", "onUpdate:modelValue"])
+                      ]),
+                      _: 1
+                    }, 8, ["rowspan"])) : vue.createCommentVNode("", true),
+                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(row, (header, headerIndex) => {
+                      return vue.openBlock(), vue.createBlock(vue.unref(EvDataTableCell_vue_vue_type_script_setup_true_lang._sfc_main), vue.mergeProps({
+                        key: headerIndex,
+                        tag: "th"
+                      }, header.headerProps, {
+                        align: header.align,
+                        colspan: header.colspan,
+                        rowspan: header.rowspan
+                      }), {
+                        default: vue.withCtx(() => [
+                          vue.renderSlot(_ctx.$slots, `header.${header.key}`, vue.normalizeProps(vue.guardReactiveProps({ header })), () => [
+                            vue.createTextVNode(vue.toDisplayString(header.title), 1)
+                          ])
+                        ]),
+                        _: 2
+                      }, 1040, ["align", "colspan", "rowspan"]);
+                    }), 128))
+                  ]);
+                }), 128))
+              ])) : vue.createCommentVNode("", true),
+              vue.createElementVNode("tbody", _hoisted_5, [
+                vue.createElementVNode("tr", {
+                  ref_key: "markerRef",
+                  ref: markerRef,
+                  class: "ev-data-table--spacer-above",
+                  style: vue.normalizeStyle({ height: spaceAbove.value, border: 0 })
+                }, [
+                  vue.createElementVNode("td", {
+                    colspan: totalColumns.value,
+                    style: { height: 0, border: 0 }
+                  }, null, 8, _hoisted_6)
+                ], 4),
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(computedItems), (displayItem) => {
+                  return vue.openBlock(), vue.createBlock(EvVirtualScrollItem_vue_vue_type_script_setup_true_lang._sfc_main, {
+                    key: displayItem.index,
+                    renderless: "",
+                    "onUpdate:height": (h) => vue.unref(handleItemResize)(displayItem.index, h)
+                  }, {
+                    default: vue.withCtx(({ itemRef }) => [
+                      vue.createVNode(vue.unref(EvDataTableRow_vue_vue_type_script_setup_true_lang._sfc_main), vue.normalizeProps(vue.guardReactiveProps({
+                        ref: itemRef,
+                        item: displayItem.raw,
+                        index: displayItem.index
+                      })), vue.createSlots({
+                        default: vue.withCtx((itemProps) => [
+                          vue.renderSlot(_ctx.$slots, "item", vue.normalizeProps(vue.guardReactiveProps(itemProps)))
+                        ]),
+                        _: 2
+                      }, [
+                        vue.renderList(vue.unref(columns), (column) => {
+                          return {
+                            name: `item.${column.key}`,
+                            fn: vue.withCtx((cellProps) => [
+                              !vue.unref(slots).item ? vue.renderSlot(_ctx.$slots, `item.${column.key}`, vue.normalizeProps(vue.mergeProps({ key: 0 }, cellProps))) : vue.createCommentVNode("", true)
+                            ])
+                          };
+                        })
+                      ]), 1040)
+                    ]),
+                    _: 2
+                  }, 1032, ["onUpdate:height"]);
+                }), 128)),
+                vue.createElementVNode("tr", {
+                  class: "ev-data-table--spacer-below",
+                  style: vue.normalizeStyle({ height: spaceBelow.value, border: 0 })
+                }, [
+                  vue.createElementVNode("td", {
+                    colspan: totalColumns.value,
+                    style: { height: 0, border: 0 }
+                  }, null, 8, _hoisted_7)
+                ], 4)
+              ])
+            ])
+          ]),
+          _: 3
+        }, 8, ["disabled", "onScrollPassive", "onScrollend"]))
+      ], 6);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;
+exports.makeEvDataTableProps = makeEvDataTableProps;
+//# sourceMappingURL=EvDataTable.vue_vue_type_script_setup_true_lang-CLBOFqD7.cjs.map

package/dist/cjs/EvDataTable.vue_vue_type_script_setup_true_lang-CLBOFqD7.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvDataTable.vue_vue_type_script_setup_true_lang-CLBOFqD7.cjs","sources":["../../src/components/EvDataTable/composables/items.ts","../../src/components/EvDataTable/EvDataTable.ts","../../src/components/EvDataTable/EvDataTable.vue"],"sourcesContent":["import { getPropertyValue, GetterPropertyKey, propsFactory } from \"@/util\";\r\nimport { computed, PropType, Ref } from \"vue\";\r\nimport {\r\n    DataTableItem,\r\n    InternalDataTableHeader,\r\n} from \"@/components/EvDataTable/composables/types.ts\";\r\n\r\nexport interface DataTableItemProps {\r\n    items: any[];\r\n    itemValue: GetterPropertyKey;\r\n    itemSelectable?: GetterPropertyKey;\r\n    returnObject: boolean;\r\n}\r\n\r\nexport const makeDataTableItemsProps = propsFactory(\r\n    {\r\n        items: {\r\n            type: Array as PropType<DataTableItemProps[\"items\"]>,\r\n            default: () => [],\r\n        },\r\n        itemValue: {\r\n            type: [String, Array, Function] as PropType<GetterPropertyKey>,\r\n            default: \"id\",\r\n        },\r\n        itemSelectable: {\r\n            type: [String, Array, Function] as PropType<GetterPropertyKey>,\r\n            default: null,\r\n        },\r\n        returnObject: Boolean,\r\n    },\r\n    \"data-table-items\",\r\n);\r\n\r\nexport function transformItem(\r\n    props: Omit<DataTableItemProps, \"items\">,\r\n    item: any,\r\n    index: number,\r\n    columns: InternalDataTableHeader[],\r\n): DataTableItem {\r\n    const value = props.returnObject\r\n        ? item\r\n        : getPropertyValue(item, props.itemValue);\r\n    const selectable = getPropertyValue(item, props.itemSelectable, true);\r\n    const itemColumns = columns.reduce(\r\n        (obj, column) => {\r\n            if (column.key != null) {\r\n                obj[column.key] = getPropertyValue(item, column.value);\r\n                return obj;\r\n            }\r\n        },\r\n        {} as Record<string, unknown>,\r\n    );\r\n    return {\r\n        key: props.returnObject\r\n            ? getPropertyValue(item, props.itemValue)\r\n            : value,\r\n        index,\r\n        value,\r\n        selectable,\r\n        columns: itemColumns,\r\n        raw: item,\r\n    };\r\n}\r\n\r\nexport function transformItems(\r\n    props: Omit<DataTableItemProps, \"items\">,\r\n    items: DataTableItemProps[\"items\"],\r\n    columns: InternalDataTableHeader[],\r\n): DataTableItem[] {\r\n    return items.map((item, index) =>\r\n        transformItem(props, item, index, columns),\r\n    );\r\n}\r\n\r\nexport function useDataTableItems(\r\n    items,\r\n    props: DataTableItemProps,\r\n    columns: Ref<InternalDataTableHeader[]>,\r\n) {\r\n    const internalItems = computed(() =>\r\n        transformItems(props, items.value, columns.value),\r\n    );\r\n    return { items: internalItems };\r\n}\r\n","import { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { makeVirtualProps } from \"@/composables/virtual\";\nimport { makeDimensionsProps } from \"@/composables/dimensions\";\nimport { makeDataTableItemsProps } from \"./composables/items\";\nimport { makeDataTableHeaderProps } from \"./composables/headers\";\nimport { makeDataTableSelectProps } from \"./composables/select\";\nimport { makeEvDataTableSearchProps } from \"./EvDataTableSearch\";\n\nexport const makeEvDataTableProps = propsFactory(\n    {\n        loading: Boolean,\n        page: { type: Number, default: 1 },\n        itemsPerPage: { type: Number, default: 50 },\n        showHeaders: Boolean,\n\n        ...makeEvDataTableSearchProps(),\n        ...makeDataTableHeaderProps(),\n        ...makeDataTableItemsProps(),\n        ...makeDataTableSelectProps(),\n        ...makeDimensionsProps(),\n        ...makeVirtualProps(),\n        ...makeComponentProps(),\n    },\n    \"EvDataTable\",\n);\n","<script setup lang=\"ts\">\r\nimport \"./EvDataTable.scss\";\r\nimport { makeEvDataTableProps } from \"./EvDataTable\";\r\nimport { useDimensions } from \"@/composables/dimensions\";\r\nimport { computed, ref, watch } from \"vue\";\r\nimport { useVirtual } from \"@/composables/virtual\";\r\nimport { filterComponentProps, omit, toWebUnit } from \"@/util\";\r\nimport { DataTableItemProps, useDataTableItems } from \"./composables/items\";\r\nimport EvVirtualScrollItem from \"@/components/EvVirtualScroll/EvVirtualScrollItem.vue\";\r\nimport { createHeaders } from \"@/components/EvDataTable/composables/headers\";\r\nimport { EvDataTableRow } from \"@/components/EvDataTable/EvDataTableRow\";\r\nimport { provideSelection } from \"@/components/EvDataTable/composables/select\";\r\nimport { EvDataTableSearch } from \"@/components/EvDataTable/EvDataTableSearch\";\r\nimport { useModelProxy } from \"@/composables/modelProxy\";\r\nimport {\r\n    DataTableHeader,\r\n    ItemSlot,\r\n} from \"@/components/EvDataTable/composables/types\";\r\nimport { useLocaleFunctions } from \"@/composables\";\r\nimport {\r\n    EvInfiniteScroll,\r\n    InfiniteScrollStatus,\r\n} from \"@/components/EvInfiniteScroll\";\r\nimport { ComponentExposed } from \"vue-component-type-helpers\";\r\nimport { EvDataTableCell } from \"@/components/EvDataTable/EvDataTableCell\";\r\nimport { calculateDisplayRuleValue } from \"@/composables/display\";\r\nimport { EvCheckbox } from \"@/components/EvCheckbox\";\r\n\r\nconst props = defineProps({ ...makeEvDataTableProps() });\r\nconst slots = defineSlots<{\r\n    colgroup(): never;\r\n    default(): never;\r\n    empty(): never;\r\n    filters(): never;\r\n    item(props: ItemSlot): never;\r\n    \"select-actions\"(): never;\r\n}>();\r\n\r\nconst emit = defineEmits<{\r\n    (\r\n        e: \"load\",\r\n        options: {\r\n            next: (nextItems: DataTableItemProps[\"items\"]) => void;\r\n            page: number;\r\n        },\r\n    ): void;\r\n    (e: \"update:modelValue\", value: unknown[]): void;\r\n    (e: \"update:page\", value: number): void;\r\n    (e: \"update:search\", value: string): void;\r\n    (e: \"update:sort\", value: string[]): void;\r\n}>();\r\n\r\nconst isLoading = useModelProxy(props, \"loading\");\r\nconst itemsModel = useModelProxy(props, \"items\");\r\nconst pageModel = useModelProxy(props, \"page\");\r\nconst dimensions = useDimensions(props);\r\nconst { columns, headers } = createHeaders(props);\r\nconst { items } = useDataTableItems(itemsModel, props, columns);\r\n\r\nconst { allSelected, selectAll, showSelectAll, someSelected } =\r\n    provideSelection(props, {\r\n        allItems: items,\r\n        currentPage: items,\r\n    });\r\n\r\nconst {\r\n    containerRef,\r\n    markerRef,\r\n    paddingTop,\r\n    paddingBottom,\r\n    computedItems,\r\n    handleItemResize,\r\n    handleScroll,\r\n    handleScrollend,\r\n} = useVirtual(props, items);\r\n\r\nconst totalColumns = computed(() => {\r\n    return columns.value.length + (props.showSelect ? 1 : 0);\r\n});\r\n\r\nconst { t } = useLocaleFunctions();\r\nconst sortModel = useModelProxy(props, \"sort\");\r\nconst searchModel = useModelProxy(props, \"search\");\r\nconst infiniteScrollRef = ref<ComponentExposed<typeof EvInfiniteScroll>>();\r\nconst infiniteScrollDisabled = computed(() => isLoading.value);\r\nconst isEmpty = computed(() => !itemsModel.value?.length);\r\nconst searchProps = computed(() => {\r\n    return omit(filterComponentProps(EvDataTableSearch, props), [\r\n        \"loading\",\r\n        \"search\",\r\n        \"sort\",\r\n    ]);\r\n});\r\n\r\nconst spaceAbove = computed(() => toWebUnit(paddingTop.value));\r\nconst spaceBelow = computed(() => toWebUnit(paddingBottom.value));\r\n\r\nwatch(\r\n    () => infiniteScrollRef.value?.rootElement,\r\n    (value) => {\r\n        containerRef.value = value;\r\n    },\r\n);\r\n\r\nwatch(\r\n    () => props.filters,\r\n    () => {\r\n        onChange();\r\n    },\r\n    { deep: true },\r\n);\r\n\r\nfunction onChange() {\r\n    isLoading.value = true;\r\n    const nextPage = 1;\r\n    function next(results: DataTableItemProps[\"items\"]) {\r\n        itemsModel.value = results;\r\n        pageModel.value = nextPage;\r\n        isLoading.value = false;\r\n        resetScroll(results.length < props.itemsPerPage ? \"finished\" : \"ok\");\r\n    }\r\n    emit(\"load\", { next, page: nextPage });\r\n}\r\n\r\nfunction onInfiniteScrollLoad(options) {\r\n    const nextPage = pageModel.value + 1;\r\n    function next(results: DataTableItemProps[\"items\"]) {\r\n        itemsModel.value.push(...results);\r\n        pageModel.value = nextPage;\r\n        results.length < props.itemsPerPage ? options.done() : options.next();\r\n    }\r\n    emit(\"load\", { next, page: nextPage });\r\n}\r\n\r\nfunction resetScroll(status: InfiniteScrollStatus = \"ok\") {\r\n    infiniteScrollRef.value?.reset(status);\r\n}\r\n\r\nfunction colStyle(column: DataTableHeader) {\r\n    return {\r\n        width: calculateDisplayRuleValue(column.width),\r\n        minWidth: calculateDisplayRuleValue(column.minWidth),\r\n        maxWidth: calculateDisplayRuleValue(column.maxWidth),\r\n    };\r\n}\r\n\r\ndefineExpose({\r\n    resetScroll,\r\n    reload: onChange,\r\n});\r\n</script>\r\n\r\n<template>\r\n    <div\r\n        :class=\"['ev-data-table', props.class]\"\r\n        :style=\"[dimensions, props.style]\">\r\n        <ev-data-table-search\r\n            v-bind=\"searchProps\"\r\n            v-model:search=\"searchModel\"\r\n            v-model:sort=\"sortModel\"\r\n            :loading=\"isLoading\"\r\n            :hide-select-all=\"props.showHeaders\"\r\n            :filters=\"props.filters\"\r\n            @update:sort=\"onChange\"\r\n            @update:search=\"onChange\">\r\n            <template v-if=\"slots['select-actions']\" #select-actions>\r\n                <slot name=\"select-actions\" />\r\n            </template>\r\n            <template v-if=\"slots.filters\" #filters>\r\n                <slot name=\"filters\" />\r\n            </template>\r\n        </ev-data-table-search>\r\n        <div v-if=\"isEmpty\" class=\"ev-data-table--empty\">\r\n            <slot name=\"empty\">{{ t(\"table.empty\") }}</slot>\r\n        </div>\r\n        <ev-infinite-scroll\r\n            v-else\r\n            ref=\"infiniteScrollRef\"\r\n            class=\"ev-data-table--wrapper\"\r\n            :disabled=\"infiniteScrollDisabled\"\r\n            @load=\"onInfiniteScrollLoad\"\r\n            @scroll.passive=\"handleScroll\"\r\n            @scrollend=\"handleScrollend\">\r\n            <table class=\"ev-data-table--native\">\r\n                <slot name=\"colgroup\">\r\n                    <colgroup>\r\n                        <col v-if=\"props.showSelect\" />\r\n                        <col\r\n                            v-for=\"(column, colIndex) of columns\"\r\n                            :key=\"colIndex\"\r\n                            :style=\"colStyle(column)\" />\r\n                    </colgroup>\r\n                </slot>\r\n                <thead\r\n                    v-if=\"props.showHeaders\"\r\n                    class=\"ev-data-table--thead\"\r\n                    role=\"rowgroup\">\r\n                    <tr v-for=\"(row, rowIndex) of headers\" :key=\"rowIndex\">\r\n                        <ev-data-table-cell\r\n                            v-if=\"showSelectAll && rowIndex === 0\"\r\n                            tag=\"th\"\r\n                            :colspan=\"1\"\r\n                            :rowspan=\"headers.length\"\r\n                            class=\"ev-data-table-cell--checkbox\">\r\n                            <ev-checkbox\r\n                                :model-value=\"allSelected\"\r\n                                :indeterminate=\"someSelected && !allSelected\"\r\n                                @update:model-value=\"selectAll\" />\r\n                        </ev-data-table-cell>\r\n                        <ev-data-table-cell\r\n                            v-for=\"(header, headerIndex) of row\"\r\n                            :key=\"headerIndex\"\r\n                            tag=\"th\"\r\n                            v-bind=\"header.headerProps\"\r\n                            :align=\"header.align\"\r\n                            :colspan=\"header.colspan\"\r\n                            :rowspan=\"header.rowspan\">\r\n                            <slot\r\n                                :name=\"`header.${header.key}`\"\r\n                                v-bind=\"{ header }\">\r\n                                {{ header.title }}\r\n                            </slot>\r\n                        </ev-data-table-cell>\r\n                    </tr>\r\n                </thead>\r\n                <tbody class=\"ev-data-table--tbody\" role=\"rowgroup\">\r\n                    <tr\r\n                        ref=\"markerRef\"\r\n                        class=\"ev-data-table--spacer-above\"\r\n                        :style=\"{ height: spaceAbove, border: 0 }\">\r\n                        <td\r\n                            :colspan=\"totalColumns\"\r\n                            :style=\"{ height: 0, border: 0 }\"></td>\r\n                    </tr>\r\n                    <ev-virtual-scroll-item\r\n                        v-for=\"displayItem of computedItems\"\r\n                        :key=\"displayItem.index\"\r\n                        renderless\r\n                        @update:height=\"\r\n                            (h) => handleItemResize(displayItem.index, h)\r\n                        \">\r\n                        <template #default=\"{ itemRef }\">\r\n                            <ev-data-table-row\r\n                                v-bind=\"{\r\n                                    ref: itemRef,\r\n                                    item: displayItem.raw,\r\n                                    index: displayItem.index,\r\n                                }\">\r\n                                <template #default=\"itemProps\">\r\n                                    <slot name=\"item\" v-bind=\"itemProps\" />\r\n                                </template>\r\n                                <template\r\n                                    v-for=\"column in columns\"\r\n                                    :key=\"`item-${displayItem.index}-${column.key}`\"\r\n                                    #[`item.${column.key}`]=\"cellProps\">\r\n                                    <slot\r\n                                        v-if=\"!slots.item\"\r\n                                        :name=\"`item.${column.key}`\"\r\n                                        v-bind=\"cellProps\" />\r\n                                </template>\r\n                            </ev-data-table-row>\r\n                        </template>\r\n                    </ev-virtual-scroll-item>\r\n                    <tr\r\n                        class=\"ev-data-table--spacer-below\"\r\n                        :style=\"{ height: spaceBelow, border: 0 }\">\r\n                        <td\r\n                            :colspan=\"totalColumns\"\r\n                            :style=\"{ height: 0, border: 0 }\"></td>\r\n                    </tr>\r\n                </tbody>\r\n            </table>\r\n        </ev-infinite-scroll>\r\n    </div>\r\n</template>\r\n"],"names":["propsFactory","props","getPropertyValue","computed","makeEvDataTableSearchProps","makeDataTableHeaderProps","makeDataTableSelectProps","makeDimensionsProps","makeVirtualProps","makeComponentProps","_useSlots","useModelProxy","dimensions","useDimensions","createHeaders","provideSelection","useVirtual","useLocaleFunctions","ref","omit","filterComponentProps","EvDataTableSearch","toWebUnit","watch","calculateDisplayRuleValue"],"mappings":"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"}

package/dist/cjs/EvDataTableCell.cjs

@@ -1,7 +1,7 @@
 "use strict";
-/*! Evance UI v1.0.21 | MIT License */
+/*! Evance UI v1.0.22 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const EvDataTableCell_vue_vue_type_script_setup_true_lang = require("./EvDataTableCell.vue_vue_type_script_setup_true_lang-Bx93imxb.cjs");
+const EvDataTableCell_vue_vue_type_script_setup_true_lang = require("./EvDataTableCell.vue_vue_type_script_setup_true_lang-BQLmUPnm.cjs");
 exports.EvDataTableCell = EvDataTableCell_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.makeEvDataTableCellProps = EvDataTableCell_vue_vue_type_script_setup_true_lang.makeEvDataTableCellProps;
 //# sourceMappingURL=EvDataTableCell.cjs.map

package/dist/cjs/EvDataTableCell.vue_vue_type_script_setup_true_lang-BQLmUPnm.cjs

@@ -0,0 +1,52 @@
+"use strict";
+/*! Evance UI v1.0.22 | MIT License */
+const vue = require("vue");
+const component = require("./component-DsyXS-ec.cjs");
+const dimensions = require("./dimensions-D0ZJQC41.cjs");
+const props = require("./props-DdJFC6BD.cjs");
+const makeEvDataTableCellProps = props.propsFactory(
+  {
+    align: String,
+    colspan: Number,
+    noPadding: Boolean,
+    tag: {
+      type: String,
+      default: "td"
+    },
+    ...dimensions.makeDimensionsProps(),
+    ...component.makeComponentProps()
+  },
+  "EvDataTableCell"
+);
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvDataTableCell",
+  props: { ...makeEvDataTableCellProps() },
+  setup(__props) {
+    const props2 = __props;
+    vue.useSlots();
+    const alignClass = vue.computed(() => {
+      return props2.align ? `text-${props2.align}` : void 0;
+    });
+    const dimensions$1 = dimensions.useDimensions(props2);
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(props2.tag), {
+        class: vue.normalizeClass([
+          "ev-data-table-cell",
+          { "pa-0": props2.noPadding },
+          alignClass.value,
+          props2.class
+        ]),
+        colspan: props2.colspan,
+        style: vue.normalizeStyle([vue.unref(dimensions$1), props2.style])
+      }, {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["class", "colspan", "style"]);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;
+exports.makeEvDataTableCellProps = makeEvDataTableCellProps;
+//# sourceMappingURL=EvDataTableCell.vue_vue_type_script_setup_true_lang-BQLmUPnm.cjs.map

package/dist/cjs/EvDataTableCell.vue_vue_type_script_setup_true_lang-BQLmUPnm.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvDataTableCell.vue_vue_type_script_setup_true_lang-BQLmUPnm.cjs","sources":["../../src/components/EvDataTable/EvDataTableCell/EvDataTableCell.ts","../../src/components/EvDataTable/EvDataTableCell/EvDataTableCell.vue"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { PropType } from \"vue\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { makeDimensionsProps } from \"@/composables/dimensions\";\n\nexport const makeEvDataTableCellProps = propsFactory(\n    {\n        align: String as PropType<\"start\" | \"center\" | \"end\">,\n        colspan: Number,\n        noPadding: Boolean,\n        tag: {\n            type: String as PropType<\"td\" | \"th\">,\n            default: \"td\",\n        },\n        ...makeDimensionsProps(),\n        ...makeComponentProps(),\n    },\n    \"EvDataTableCell\",\n);\n","<script setup lang=\"ts\">\nimport \"./EvDataTableCell.scss\";\nimport { makeEvDataTableCellProps } from \"./EvDataTableCell\";\nimport { computed } from \"vue\";\nimport { useDimensions } from \"@/composables/dimensions\";\n\nconst props = defineProps({ ...makeEvDataTableCellProps() });\nconst slots = defineSlots<{\n    default(): never;\n}>();\n\nconst alignClass = computed(() => {\n    return props.align ? `text-${props.align}` : undefined;\n});\n\nconst dimensions = useDimensions(props);\n</script>\n\n<template>\n    <component\n        :is=\"props.tag\"\n        :class=\"[\n            'ev-data-table-cell',\n            { 'pa-0': props.noPadding },\n            alignClass,\n            props.class,\n        ]\"\n        :colspan=\"props.colspan\"\n        :style=\"[dimensions, props.style]\">\n        <slot name=\"default\" />\n    </component>\n</template>\n"],"names":["propsFactory","makeDimensionsProps","makeComponentProps","_useSlots","computed","props","dimensions","useDimensions"],"mappings":";;;;;;AAKO,MAAM,2BAA2BA,MAAA;AAAA,EACpC;AAAA,IACI,OAAO;AAAA,IACP,SAAS;AAAA,IACT,WAAW;AAAA,IACX,KAAK;AAAA,MACD,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,GAAGC,+BAAoB;AAAA,IACvB,GAAGC,UAAmB,mBAAA;AAAA,EAC1B;AAAA,EACA;AACJ;;;;;;ACXcC;AAIR,UAAA,aAAaC,IAAAA,SAAS,MAAM;AAC9B,aAAOC,OAAM,QAAQ,QAAQA,OAAM,KAAK,KAAK;AAAA,IAAA,CAChD;AAEK,UAAAC,eAAaC,yBAAcF,MAAK;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/EvDataTableRow.cjs

@@ -1,7 +1,7 @@
 "use strict";
-/*! Evance UI v1.0.21 | MIT License */
+/*! Evance UI v1.0.22 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const EvDataTableRow_vue_vue_type_script_setup_true_lang = require("./EvDataTableRow.vue_vue_type_script_setup_true_lang-C8J5sfVS.cjs");
+const EvDataTableRow_vue_vue_type_script_setup_true_lang = require("./EvDataTableRow.vue_vue_type_script_setup_true_lang-Df1TzUld.cjs");
 exports.EvDataTableRow = EvDataTableRow_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.makeEvDataTableRowProps = EvDataTableRow_vue_vue_type_script_setup_true_lang.makeEvDataTableRowProps;
 //# sourceMappingURL=EvDataTableRow.cjs.map