@evance/evance-ui 1.0.33 → 1.0.35

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

@@ -1,393 +0,0 @@
-"use strict";
-/*! Evance UI v1.0.33 | MIT License */
-const vue = require("vue");
-const component = require("./component-Bp08mxBS.cjs");
-const EvVirtualScrollItem_vue_vue_type_script_setup_true_lang = require("./EvVirtualScrollItem.vue_vue_type_script_setup_true_lang-Cw1MOWPn.cjs");
-const dimensions = require("./dimensions-BFE0XPvC.cjs");
-const props = require("./props-vv1gvyYf.cjs");
-const helpers = require("./helpers-B6EL5rTN.cjs");
-const EvDataTableRow_vue_vue_type_script_setup_true_lang = require("./EvDataTableRow.vue_vue_type_script_setup_true_lang-8DUw6yaq.cjs");
-const select = require("./select-D78c56or.cjs");
-const EvDataTableSearch_vue_vue_type_script_setup_true_lang = require("./EvDataTableSearch.vue_vue_type_script_setup_true_lang-CZ3-408h.cjs");
-const modelProxy = require("./modelProxy-DNSsNBDt.cjs");
-const EvInfiniteScroll_vue_vue_type_script_setup_true_lang = require("./EvInfiniteScroll.vue_vue_type_script_setup_true_lang-ChEkZO4q.cjs");
-const EvDataTableCell_vue_vue_type_script_setup_true_lang = require("./EvDataTableCell.vue_vue_type_script_setup_true_lang-B1eHtL7h.cjs");
-const display = require("./display-BiJxSuV8.cjs");
-const EvCheckbox_vue_vue_type_script_setup_true_lang = require("./EvCheckbox.vue_vue_type_script_setup_true_lang-DmVKVoIr.cjs");
-const locale = require("./locale-4FwNxzyh.cjs");
-const events = require("./events-B0wFCeof.cjs");
-const units = require("./units-CRYfgihJ.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,
-    showFinished: {
-      type: Boolean,
-      default: false
-    },
-    "onClick:row": Function,
-    "onContextmenu:row": Function,
-    "onDblclick:row": Function,
-    ...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: ["click:row", "contextmenu:row", "dblclick:row", "load", "update:items", "update:loading", "update:selected", "update:page", "update:search", "update:sort"],
-  setup(__props, { expose: __expose, emit }) {
-    const props2 = __props;
-    const slots = vue.useSlots();
-    const isLoading = modelProxy.useModelProxy(props2, "loading", false);
-    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, 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,
-      () => {
-        loadFirstPage();
-      },
-      { deep: true }
-    );
-    function loadFirstPage() {
-      isLoading.value = true;
-      const nextPage = 1;
-      function setPageItems(results, isLastPage = false) {
-        itemsModel.value = results;
-        pageModel.value = nextPage;
-        vue.nextTick(() => {
-          resetScroll(
-            results.length < props2.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 < props2.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: display.calculateDisplayRuleValue(column.width),
-        minWidth: display.calculateDisplayRuleValue(column.minWidth),
-        maxWidth: display.calculateDisplayRuleValue(column.maxWidth)
-      };
-    }
-    __expose({
-      resetScroll,
-      reload: loadFirstPage
-    });
-    vue.onMounted(() => {
-      var _a;
-      if (!((_a = itemsModel.value) == null ? void 0 : _a.length)) {
-        loadFirstPage();
-      }
-    });
-    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),
-            loadFirstPage
-          ],
-          sort: vue.unref(sortModel),
-          "onUpdate:sort": [
-            _cache[1] || (_cache[1] = ($event) => vue.isRef(sortModel) ? sortModel.value = $event : null),
-            loadFirstPage
-          ],
-          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,
-          "show-finished": props2.showFinished,
-          onLoad: onInfiniteScrollLoad,
-          onScrollPassive: vue.unref(handleScroll),
-          onScrollend: vue.unref(handleScrollend)
-        }, vue.createSlots({
-          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.unref(events.getPrefixedEventHandlers)(
-                          props2,
-                          ":row",
-                          () => ({ ...itemRef.value })
-                        )
-                      })), vue.createSlots({
-                        default: vue.withCtx((itemProps) => [
-                          vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps(itemProps)))
-                        ]),
-                        _: 2
-                      }, [
-                        vue.renderList(vue.unref(columns), (column) => {
-                          return {
-                            name: `item.${column.key}`,
-                            fn: vue.withCtx((cellProps) => [
-                              !vue.unref(slots).default ? 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)
-              ])
-            ])
-          ]),
-          _: 2
-        }, [
-          vue.unref(slots).finished ? {
-            name: "finished",
-            fn: vue.withCtx(() => [
-              vue.renderSlot(_ctx.$slots, "finished")
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1032, ["disabled", "show-finished", "onScrollPassive", "onScrollend"]))
-      ], 6);
-    };
-  }
-});
-exports._sfc_main = _sfc_main;
-exports.makeEvDataTableProps = makeEvDataTableProps;
-//# sourceMappingURL=EvDataTable.vue_vue_type_script_setup_true_lang-DFXB5x35.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"EvDataTable.vue_vue_type_script_setup_true_lang-DFXB5x35.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\";\nimport { DataTableItem } from \"@/components/EvDataTable/composables/types\";\nimport { PropType } from \"vue\";\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        \"onClick:row\": Function as PropType<\n            (event: PointerEvent, item: DataTableItem) => void\n        >,\n        \"onContextmenu:row\": Function as PropType<\n            (event: PointerEvent, item: DataTableItem) => void\n        >,\n        \"onDblclick:row\": Function as PropType<\n            (event: PointerEvent, item: DataTableItem) => void\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 {\r\n    filterComponentProps,\r\n    getPrefixedEventHandlers,\r\n    omit,\r\n    toWebUnit,\r\n} 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    DataTableItem,\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(props: ItemSlot): never;\r\n    empty(): never;\r\n    filters(): never;\r\n    finished(): never;\r\n    \"select-actions\"(): never;\r\n}>();\r\n\r\nconst emit = defineEmits<{\r\n    (e: \"click:row\", event: PointerEvent, item: DataTableItem): void;\r\n    (e: \"contextmenu:row\", event: PointerEvent, item: DataTableItem): void;\r\n    (e: \"dblclick:row\", event: PointerEvent, item: DataTableItem): void;\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:selected\", 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, items);\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 v-if=\"slots.finished\" #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                                    ...getPrefixedEventHandlers(\r\n                                        props,\r\n                                        ':row',\r\n                                        () => ({ ...itemRef.value }),\r\n                                    ),\r\n                                }\">\r\n                                <template #default=\"itemProps\">\r\n                                    <slot name=\"default\" 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.default\"\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","nextTick","calculateDisplayRuleValue","onMounted"],"mappings":"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"}

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

@@ -1,52 +0,0 @@
-"use strict";
-/*! Evance UI v1.0.33 | MIT License */
-const vue = require("vue");
-const component = require("./component-Bp08mxBS.cjs");
-const dimensions = require("./dimensions-BFE0XPvC.cjs");
-const props = require("./props-vv1gvyYf.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-B1eHtL7h.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"EvDataTableCell.vue_vue_type_script_setup_true_lang-B1eHtL7h.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;;;;;;;;;;;;;;;;;;;;;;"}