@evance/evance-ui 1.0.26 → 1.0.29

package/dist/esm/EvDataTable.vue_vue_type_script_setup_true_lang-CEYVBm-A.mjs

@@ -1,383 +0,0 @@
-/*! Evance UI v1.0.26 | MIT License */
-import { computed, defineComponent, useSlots, ref, watch, onMounted, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createVNode, createBlock, mergeProps, isRef, createSlots, withCtx, renderSlot, createTextVNode, toDisplayString, createElementVNode, createCommentVNode, Fragment, renderList, normalizeProps, guardReactiveProps, nextTick } from "vue";
-import { m as makeComponentProps } from "./component-BvNIqt-7.mjs";
-import { b as makeVirtualProps, u as useVirtual, _ as _sfc_main$5 } from "./EvVirtualScrollItem.vue_vue_type_script_setup_true_lang--i4nEeiJ.mjs";
-import { m as makeDimensionsProps, u as useDimensions } from "./dimensions-CqVuuFnS.mjs";
-import { p as propsFactory } from "./props-3pM5ha4E.mjs";
-import { a as getPropertyValue, o as omit, f as filterComponentProps } from "./helpers-zPDn5Str.mjs";
-import { a as makeDataTableHeaderProps, c as createHeaders, _ as _sfc_main$6 } from "./EvDataTableRow.vue_vue_type_script_setup_true_lang-ipsvk7QM.mjs";
-import { m as makeDataTableSelectProps, p as provideSelection } from "./select-Bgx5FAMe.mjs";
-import { m as makeEvDataTableSearchProps, _ as _sfc_main$1 } from "./EvDataTableSearch.vue_vue_type_script_setup_true_lang-bI_E3ukj.mjs";
-import { u as useModelProxy } from "./modelProxy-B7XFEtfW.mjs";
-import { _ as _sfc_main$2 } from "./EvInfiniteScroll.vue_vue_type_script_setup_true_lang-BLBfBBuS.mjs";
-import { _ as _sfc_main$3 } from "./EvDataTableCell.vue_vue_type_script_setup_true_lang-DBgFqCFo.mjs";
-import { c as calculateDisplayRuleValue } from "./display-DUQ-vU34.mjs";
-import { _ as _sfc_main$4 } from "./EvCheckbox.vue_vue_type_script_setup_true_lang-CT5RlHic.mjs";
-import { u as useLocaleFunctions } from "./locale-C1d3Ub2L.mjs";
-import { t as toWebUnit } from "./units-DAPYbZaM.mjs";
-const makeDataTableItemsProps = 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(props, item, index, columns) {
-  const value = props.returnObject ? item : getPropertyValue(item, props.itemValue);
-  const selectable = getPropertyValue(item, props.itemSelectable, true);
-  const itemColumns = columns.reduce(
-    (obj, column) => {
-      if (column.key != null) {
-        obj[column.key] = getPropertyValue(item, column.value);
-        return obj;
-      }
-    },
-    {}
-  );
-  return {
-    key: props.returnObject ? getPropertyValue(item, props.itemValue) : value,
-    index,
-    value,
-    selectable,
-    columns: itemColumns,
-    raw: item
-  };
-}
-function transformItems(props, items, columns) {
-  return items.map(
-    (item, index) => transformItem(props, item, index, columns)
-  );
-}
-function useDataTableItems(items, props, columns) {
-  const internalItems = computed(
-    () => transformItems(props, items.value, columns.value)
-  );
-  return { items: internalItems };
-}
-const makeEvDataTableProps = propsFactory(
-  {
-    loading: Boolean,
-    page: { type: Number, default: 1 },
-    itemsPerPage: { type: Number, default: 50 },
-    showHeaders: Boolean,
-    showFinished: {
-      type: Boolean,
-      default: false
-    },
-    ...makeEvDataTableSearchProps(),
-    ...makeDataTableHeaderProps(),
-    ...makeDataTableItemsProps(),
-    ...makeDataTableSelectProps(),
-    ...makeDimensionsProps(),
-    ...makeVirtualProps(),
-    ...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__ */ defineComponent({
-  __name: "EvDataTable",
-  props: { ...makeEvDataTableProps() },
-  emits: ["load", "update:items", "update:loading", "update:modelValue", "update:page", "update:search", "update:sort"],
-  setup(__props, { expose: __expose, emit }) {
-    const props = __props;
-    const slots = useSlots();
-    const isLoading = useModelProxy(props, "loading", false);
-    const itemsModel = useModelProxy(props, "items");
-    const pageModel = useModelProxy(props, "page");
-    const dimensions = useDimensions(props);
-    const { columns, headers } = createHeaders(props);
-    const { items } = useDataTableItems(itemsModel, props, columns);
-    const { allSelected, selectAll, showSelectAll, someSelected } = provideSelection(props, {
-      allItems: items,
-      currentPage: items
-    });
-    const {
-      containerRef,
-      markerRef,
-      paddingTop,
-      paddingBottom,
-      computedItems,
-      handleItemResize,
-      handleScroll,
-      handleScrollend
-    } = useVirtual(props, items);
-    const totalColumns = computed(() => {
-      return columns.value.length + (props.showSelect ? 1 : 0);
-    });
-    const { t } = useLocaleFunctions();
-    const sortModel = useModelProxy(props, "sort");
-    const searchModel = useModelProxy(props, "search");
-    const infiniteScrollRef = ref();
-    const infiniteScrollDisabled = computed(() => isLoading.value);
-    const isEmpty = computed(() => {
-      var _a;
-      return !((_a = itemsModel.value) == null ? void 0 : _a.length);
-    });
-    const searchProps = computed(() => {
-      return omit(filterComponentProps(_sfc_main$1, props), [
-        "loading",
-        "search",
-        "sort"
-      ]);
-    });
-    const spaceAbove = computed(() => toWebUnit(paddingTop.value));
-    const spaceBelow = computed(() => toWebUnit(paddingBottom.value));
-    watch(
-      () => {
-        var _a;
-        return (_a = infiniteScrollRef.value) == null ? void 0 : _a.rootElement;
-      },
-      (value) => {
-        containerRef.value = value;
-      }
-    );
-    watch(
-      () => props.filters,
-      () => {
-        loadFirstPage();
-      },
-      { deep: true }
-    );
-    function loadFirstPage() {
-      isLoading.value = true;
-      const nextPage = 1;
-      function setPageItems(results, isLastPage = false) {
-        itemsModel.value = results;
-        pageModel.value = nextPage;
-        nextTick(() => {
-          resetScroll(
-            results.length < props.itemsPerPage || isLastPage ? "finished" : "ok"
-          );
-          isLoading.value = false;
-        });
-      }
-      emit("load", { setPageItems, page: nextPage });
-    }
-    function onInfiniteScrollLoad(options) {
-      const nextPage = pageModel.value + 1;
-      function setPageItems(results, isLastPage = false) {
-        itemsModel.value.push(...results);
-        pageModel.value = nextPage;
-        results.length < props.itemsPerPage || isLastPage ? options.done() : options.next();
-      }
-      emit("load", { setPageItems, page: nextPage });
-    }
-    function resetScroll(status = "ok") {
-      var _a;
-      (_a = infiniteScrollRef.value) == null ? void 0 : _a.reset(status);
-    }
-    function colStyle(column) {
-      return {
-        width: calculateDisplayRuleValue(column.width),
-        minWidth: calculateDisplayRuleValue(column.minWidth),
-        maxWidth: calculateDisplayRuleValue(column.maxWidth)
-      };
-    }
-    __expose({
-      resetScroll,
-      reload: loadFirstPage
-    });
-    onMounted(() => {
-      var _a;
-      if (!((_a = itemsModel.value) == null ? void 0 : _a.length)) {
-        loadFirstPage();
-      }
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["ev-data-table", props.class]),
-        style: normalizeStyle([unref(dimensions), props.style])
-      }, [
-        createVNode(unref(_sfc_main$1), mergeProps(searchProps.value, {
-          search: unref(searchModel),
-          "onUpdate:search": [
-            _cache[0] || (_cache[0] = ($event) => isRef(searchModel) ? searchModel.value = $event : null),
-            loadFirstPage
-          ],
-          sort: unref(sortModel),
-          "onUpdate:sort": [
-            _cache[1] || (_cache[1] = ($event) => isRef(sortModel) ? sortModel.value = $event : null),
-            loadFirstPage
-          ],
-          loading: unref(isLoading),
-          "hide-select-all": props.showHeaders,
-          filters: props.filters
-        }), createSlots({ _: 2 }, [
-          unref(slots)["select-actions"] ? {
-            name: "select-actions",
-            fn: withCtx(() => [
-              renderSlot(_ctx.$slots, "select-actions")
-            ]),
-            key: "0"
-          } : void 0,
-          unref(slots).filters ? {
-            name: "filters",
-            fn: withCtx(() => [
-              renderSlot(_ctx.$slots, "filters")
-            ]),
-            key: "1"
-          } : void 0
-        ]), 1040, ["search", "sort", "loading", "hide-select-all", "filters"]),
-        isEmpty.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
-          renderSlot(_ctx.$slots, "empty", {}, () => [
-            createTextVNode(toDisplayString(unref(t)("table.empty")), 1)
-          ])
-        ])) : (openBlock(), createBlock(unref(_sfc_main$2), {
-          key: 1,
-          ref_key: "infiniteScrollRef",
-          ref: infiniteScrollRef,
-          class: "ev-data-table--wrapper",
-          disabled: infiniteScrollDisabled.value,
-          "show-finished": props.showFinished,
-          onLoad: onInfiniteScrollLoad,
-          onScrollPassive: unref(handleScroll),
-          onScrollend: unref(handleScrollend)
-        }, {
-          finished: withCtx(() => [
-            renderSlot(_ctx.$slots, "finished")
-          ]),
-          default: withCtx(() => [
-            createElementVNode("table", _hoisted_2, [
-              renderSlot(_ctx.$slots, "colgroup", {}, () => [
-                createElementVNode("colgroup", null, [
-                  props.showSelect ? (openBlock(), createElementBlock("col", _hoisted_3)) : createCommentVNode("", true),
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(unref(columns), (column, colIndex) => {
-                    return openBlock(), createElementBlock("col", {
-                      key: colIndex,
-                      style: normalizeStyle(colStyle(column))
-                    }, null, 4);
-                  }), 128))
-                ])
-              ]),
-              props.showHeaders ? (openBlock(), createElementBlock("thead", _hoisted_4, [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(headers), (row, rowIndex) => {
-                  return openBlock(), createElementBlock("tr", { key: rowIndex }, [
-                    unref(showSelectAll) && rowIndex === 0 ? (openBlock(), createBlock(unref(_sfc_main$3), {
-                      key: 0,
-                      tag: "th",
-                      colspan: 1,
-                      rowspan: unref(headers).length,
-                      class: "ev-data-table-cell--checkbox"
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(unref(_sfc_main$4), {
-                          "model-value": unref(allSelected),
-                          indeterminate: unref(someSelected) && !unref(allSelected),
-                          "onUpdate:modelValue": unref(selectAll)
-                        }, null, 8, ["model-value", "indeterminate", "onUpdate:modelValue"])
-                      ]),
-                      _: 1
-                    }, 8, ["rowspan"])) : createCommentVNode("", true),
-                    (openBlock(true), createElementBlock(Fragment, null, renderList(row, (header, headerIndex) => {
-                      return openBlock(), createBlock(unref(_sfc_main$3), mergeProps({
-                        key: headerIndex,
-                        tag: "th"
-                      }, header.headerProps, {
-                        align: header.align,
-                        colspan: header.colspan,
-                        rowspan: header.rowspan
-                      }), {
-                        default: withCtx(() => [
-                          renderSlot(_ctx.$slots, `header.${header.key}`, normalizeProps(guardReactiveProps({ header })), () => [
-                            createTextVNode(toDisplayString(header.title), 1)
-                          ])
-                        ]),
-                        _: 2
-                      }, 1040, ["align", "colspan", "rowspan"]);
-                    }), 128))
-                  ]);
-                }), 128))
-              ])) : createCommentVNode("", true),
-              createElementVNode("tbody", _hoisted_5, [
-                createElementVNode("tr", {
-                  ref_key: "markerRef",
-                  ref: markerRef,
-                  class: "ev-data-table--spacer-above",
-                  style: normalizeStyle({ height: spaceAbove.value, border: 0 })
-                }, [
-                  createElementVNode("td", {
-                    colspan: totalColumns.value,
-                    style: { height: 0, border: 0 }
-                  }, null, 8, _hoisted_6)
-                ], 4),
-                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(computedItems), (displayItem) => {
-                  return openBlock(), createBlock(_sfc_main$5, {
-                    key: displayItem.index,
-                    renderless: "",
-                    "onUpdate:height": (h) => unref(handleItemResize)(displayItem.index, h)
-                  }, {
-                    default: withCtx(({ itemRef }) => [
-                      createVNode(unref(_sfc_main$6), normalizeProps(guardReactiveProps({
-                        ref: itemRef,
-                        item: displayItem.raw,
-                        index: displayItem.index
-                      })), createSlots({
-                        default: withCtx((itemProps) => [
-                          renderSlot(_ctx.$slots, "item", normalizeProps(guardReactiveProps(itemProps)))
-                        ]),
-                        _: 2
-                      }, [
-                        renderList(unref(columns), (column) => {
-                          return {
-                            name: `item.${column.key}`,
-                            fn: withCtx((cellProps) => [
-                              !unref(slots).item ? renderSlot(_ctx.$slots, `item.${column.key}`, normalizeProps(mergeProps({ key: 0 }, cellProps))) : createCommentVNode("", true)
-                            ])
-                          };
-                        })
-                      ]), 1040)
-                    ]),
-                    _: 2
-                  }, 1032, ["onUpdate:height"]);
-                }), 128)),
-                createElementVNode("tr", {
-                  class: "ev-data-table--spacer-below",
-                  style: normalizeStyle({ height: spaceBelow.value, border: 0 })
-                }, [
-                  createElementVNode("td", {
-                    colspan: totalColumns.value,
-                    style: { height: 0, border: 0 }
-                  }, null, 8, _hoisted_7)
-                ], 4)
-              ])
-            ])
-          ]),
-          _: 3
-        }, 8, ["disabled", "show-finished", "onScrollPassive", "onScrollend"]))
-      ], 6);
-    };
-  }
-});
-export {
-  _sfc_main as _,
-  makeEvDataTableProps as m
-};
-//# sourceMappingURL=EvDataTable.vue_vue_type_script_setup_true_lang-CEYVBm-A.mjs.map

package/dist/esm/EvDataTable.vue_vue_type_script_setup_true_lang-CEYVBm-A.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EvDataTable.vue_vue_type_script_setup_true_lang-CEYVBm-A.mjs","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        showFinished: {\n            type: Boolean,\n            default: false,\n        },\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, nextTick, onMounted, 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    finished(): 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            setPageItems: (\r\n                items: DataTableItemProps[\"items\"],\r\n                isLastPage?: boolean,\r\n            ) => void;\r\n            page: number;\r\n        },\r\n    ): void;\r\n    (e: \"update:items\", value: unknown[]): void;\r\n    (e: \"update:loading\", value: boolean): 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\", false);\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        loadFirstPage();\r\n    },\r\n    { deep: true },\r\n);\r\n\r\nfunction loadFirstPage() {\r\n    isLoading.value = true;\r\n    const nextPage = 1;\r\n    function setPageItems(\r\n        results: DataTableItemProps[\"items\"],\r\n        isLastPage: boolean = false,\r\n    ) {\r\n        itemsModel.value = results;\r\n        pageModel.value = nextPage;\r\n        /**\r\n         * We have to wait for DOM to update before resetScroll to cater for\r\n         * show/hiding infinite scroll from an empty state.\r\n         */\r\n        nextTick(() => {\r\n            resetScroll(\r\n                results.length < props.itemsPerPage || isLastPage\r\n                    ? \"finished\"\r\n                    : \"ok\",\r\n            );\r\n            isLoading.value = false;\r\n        });\r\n    }\r\n    emit(\"load\", { setPageItems, page: nextPage });\r\n}\r\n\r\nfunction onInfiniteScrollLoad(options) {\r\n    const nextPage = pageModel.value + 1;\r\n    function setPageItems(\r\n        results: DataTableItemProps[\"items\"],\r\n        isLastPage: boolean = false,\r\n    ) {\r\n        itemsModel.value.push(...results);\r\n        pageModel.value = nextPage;\r\n        results.length < props.itemsPerPage || isLastPage\r\n            ? options.done()\r\n            : options.next();\r\n    }\r\n    emit(\"load\", { setPageItems, 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: loadFirstPage,\r\n});\r\n\r\nonMounted(() => {\r\n    if (!itemsModel.value?.length) {\r\n        loadFirstPage();\r\n    }\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=\"loadFirstPage\"\r\n            @update:search=\"loadFirstPage\">\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            :show-finished=\"props.showFinished\"\r\n            @load=\"onInfiniteScrollLoad\"\r\n            @scroll.passive=\"handleScroll\"\r\n            @scrollend=\"handleScrollend\">\r\n            <template #finished>\r\n                <slot name=\"finished\" />\r\n            </template>\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":["_useSlots","EvDataTableSearch"],"mappings":"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"}

package/dist/esm/EvDataTableCell.vue_vue_type_script_setup_true_lang-DBgFqCFo.mjs

@@ -1,53 +0,0 @@
-/*! Evance UI v1.0.26 | MIT License */
-import { defineComponent, useSlots, computed, createBlock, openBlock, resolveDynamicComponent, normalizeStyle, normalizeClass, unref, withCtx, renderSlot } from "vue";
-import { m as makeComponentProps } from "./component-BvNIqt-7.mjs";
-import { m as makeDimensionsProps, u as useDimensions } from "./dimensions-CqVuuFnS.mjs";
-import { p as propsFactory } from "./props-3pM5ha4E.mjs";
-const makeEvDataTableCellProps = propsFactory(
-  {
-    align: String,
-    colspan: Number,
-    noPadding: Boolean,
-    tag: {
-      type: String,
-      default: "td"
-    },
-    ...makeDimensionsProps(),
-    ...makeComponentProps()
-  },
-  "EvDataTableCell"
-);
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "EvDataTableCell",
-  props: { ...makeEvDataTableCellProps() },
-  setup(__props) {
-    const props = __props;
-    useSlots();
-    const alignClass = computed(() => {
-      return props.align ? `text-${props.align}` : void 0;
-    });
-    const dimensions = useDimensions(props);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(props.tag), {
-        class: normalizeClass([
-          "ev-data-table-cell",
-          { "pa-0": props.noPadding },
-          alignClass.value,
-          props.class
-        ]),
-        colspan: props.colspan,
-        style: normalizeStyle([unref(dimensions), props.style])
-      }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["class", "colspan", "style"]);
-    };
-  }
-});
-export {
-  _sfc_main as _,
-  makeEvDataTableCellProps as m
-};
-//# sourceMappingURL=EvDataTableCell.vue_vue_type_script_setup_true_lang-DBgFqCFo.mjs.map

package/dist/esm/EvDataTableCell.vue_vue_type_script_setup_true_lang-DBgFqCFo.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EvDataTableCell.vue_vue_type_script_setup_true_lang-DBgFqCFo.mjs","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":["_useSlots"],"mappings":";;;;;AAKO,MAAM,2BAA2B;AAAA,EACpC;AAAA,IACI,OAAO;AAAA,IACP,SAAS;AAAA,IACT,WAAW;AAAA,IACX,KAAK;AAAA,MACD,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,GAAG,oBAAoB;AAAA,IACvB,GAAG,mBAAmB;AAAA,EAC1B;AAAA,EACA;AACJ;;;;;;ACXcA;AAIR,UAAA,aAAa,SAAS,MAAM;AAC9B,aAAO,MAAM,QAAQ,QAAQ,MAAM,KAAK,KAAK;AAAA,IAAA,CAChD;AAEK,UAAA,aAAa,cAAc,KAAK;;;;;;;;;;;;;;;;;;;;"}