@evance/evance-ui 1.0.36 → 1.0.37

package/dist/esm/chunks/EvDataTable.vue_vue_type_script_setup_true_lang-VdiPBwPH.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvDataTable.vue_vue_type_script_setup_true_lang-VdiPBwPH.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\";\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":["_useSlots","EvDataTableSearch"],"mappings":"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"}

package/dist/esm/chunks/EvDataTableCell.vue_vue_type_script_setup_true_lang-BBNRPmaB.mjs

@@ -0,0 +1,53 @@
+/*! Evance UI v1.0.37 | MIT License */
+import { defineComponent, useSlots, computed, createBlock, openBlock, resolveDynamicComponent, normalizeStyle, normalizeClass, unref, withCtx, renderSlot } from "vue";
+import { m as makeComponentProps } from "./component-CK3NRQ91.mjs";
+import { m as makeDimensionsProps, u as useDimensions } from "./dimensions-BFUpTs7y.mjs";
+import { p as propsFactory } from "./props-C5O_XLol.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-BBNRPmaB.mjs.map

package/dist/esm/chunks/EvDataTableCell.vue_vue_type_script_setup_true_lang-BBNRPmaB.mjs.map

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

package/dist/esm/chunks/EvDataTableRow.vue_vue_type_script_setup_true_lang-C4el9hJs.mjs

@@ -0,0 +1,364 @@
+/*! Evance UI v1.0.37 | MIT License */
+import { ref, watchEffect, capitalize, provide, inject, defineComponent, useSlots, computed, toRaw, createElementBlock, openBlock, normalizeClass, unref, createBlock, createCommentVNode, renderSlot, withCtx, createVNode, withModifiers, normalizeProps, guardReactiveProps, Fragment, renderList, mergeProps, createTextVNode, toDisplayString } from "vue";
+import { E as EventProp } from "./events-DNs4xj1l.mjs";
+import { p as propsFactory } from "./props-C5O_XLol.mjs";
+import { _ as _sfc_main$1 } from "./EvDataTableCell.vue_vue_type_script_setup_true_lang-BBNRPmaB.mjs";
+import { _ as _sfc_main$2 } from "./EvCheckbox.vue_vue_type_script_setup_true_lang-Dd4Dtopc.mjs";
+import { u as useSelection } from "./select-BF_gkjgV.mjs";
+import { u as useDisplay } from "./display-DGppKNH9.mjs";
+import { d as isEmpty, b as isBoolean } from "./is-functions-cWaLib1L.mjs";
+import { a as getPropertyValue } from "./helpers-BObZTKcX.mjs";
+const makeEvDataTableRowProps = propsFactory(
+  {
+    index: Number,
+    selectable: Boolean,
+    item: Object,
+    cellProps: [Object, Function],
+    onClick: EventProp(),
+    onContextmenu: EventProp(),
+    onDblclick: EventProp()
+  },
+  "EvDataTableRow"
+);
+const makeDataTableHeaderProps = propsFactory(
+  {
+    headers: Array
+  },
+  "EvDataTable-header"
+);
+const EvDataTableHeadersSymbol = Symbol.for("ev:data-table-headers");
+function priorityQueue(arr = []) {
+  const queue = arr.map((element) => ({
+    element,
+    priority: 0
+  }));
+  return {
+    enqueue: (element, priority) => {
+      let added = false;
+      for (let i = 0; i < queue.length; i++) {
+        const item = queue[i];
+        if (item.priority > priority) {
+          queue.splice(i, 0, { element, priority });
+          added = true;
+          break;
+        }
+      }
+      if (!added) {
+        queue.push({ element, priority });
+      }
+    },
+    size: () => queue.length,
+    count: () => {
+      let count = 0;
+      if (!queue.length) {
+        return 0;
+      }
+      const whole = Math.floor(queue[0].priority);
+      for (let i = 0; i < queue.length; i++) {
+        if (Math.floor(queue[i].priority) === whole) count += 1;
+      }
+      return count;
+    },
+    dequeue: () => {
+      return queue.shift();
+    }
+  };
+}
+function extractLeaves(item, columns = []) {
+  if (!item.children) {
+    columns.push(item);
+  } else {
+    for (const child of item.children) {
+      extractLeaves(child, columns);
+    }
+  }
+  return columns;
+}
+function getDepth(item, depth = 0) {
+  if (!item.children) {
+    return depth;
+  }
+  return Math.max(
+    depth,
+    ...item.children.map(
+      (child) => getDepth(child, depth + 1)
+    )
+  );
+}
+function parseFixedColumns(items) {
+  let seenFixed = false;
+  function setFixed(item, parentFixed = false) {
+    if (!item) {
+      return;
+    }
+    if (parentFixed) {
+      item.fixed = true;
+    }
+    if (item.fixed) {
+      if (item.children) {
+        for (let i = item.children.length - 1; i >= 0; i--) {
+          setFixed(item.children[i], true);
+        }
+      } else {
+        if (!seenFixed) {
+          item.lastFixed = true;
+        } else if (isNaN(+item.width)) {
+          console.error(
+            `Multiple fixed columns should have a static width (key: ${item.key})`
+          );
+        }
+        seenFixed = true;
+      }
+    } else {
+      if (item.children) {
+        for (let i = item.children.length - 1; i >= 0; i--) {
+          setFixed(item.children[i]);
+        }
+      } else {
+        seenFixed = false;
+      }
+    }
+  }
+  for (let i = items.length - 1; i >= 0; i--) {
+    setFixed(items[i]);
+  }
+  function setFixedOffset(item, fixedOffset2 = 0) {
+    var _a;
+    if (!item) {
+      return fixedOffset2;
+    }
+    if (item.children) {
+      item.fixedOffset = fixedOffset2;
+      for (const child of item.children) {
+        fixedOffset2 = setFixedOffset(child, fixedOffset2);
+      }
+    } else if (item.fixed) {
+      item.fixedOffset = fixedOffset2;
+      fixedOffset2 += parseFloat(((_a = item.width) == null ? void 0 : _a.toString()) || "0") || 0;
+    }
+    return fixedOffset2;
+  }
+  let fixedOffset = 0;
+  for (const item of items) {
+    fixedOffset = setFixedOffset(item, fixedOffset);
+  }
+}
+function parse(items, maxDepth) {
+  const headers = [];
+  let currentDepth = 0;
+  const queue = priorityQueue(items);
+  while (queue.size() > 0) {
+    let rowSize = queue.count();
+    const row = [];
+    let fraction = 1;
+    while (rowSize > 0) {
+      const { element: item, priority } = queue.dequeue();
+      const diff = maxDepth - currentDepth - getDepth(item);
+      row.push({
+        ...item,
+        rowspan: diff ?? 1,
+        colspan: item.children ? extractLeaves(item).length : 1
+      });
+      if (item.children) {
+        for (const child of item.children) {
+          const sort = priority % 1 + fraction / Math.pow(10, currentDepth + 1);
+          queue.enqueue(child, currentDepth + diff + sort);
+        }
+      }
+      fraction += 1;
+      rowSize -= 1;
+    }
+    currentDepth += 1;
+    headers.push(row);
+  }
+  const columns = items.map((item) => extractLeaves(item)).flat();
+  return { columns, headers };
+}
+function convertToInternalHeaders(items, display) {
+  const internalHeaders = [];
+  for (const item of items) {
+    if (!isEmpty(item.hidden)) {
+      if (isBoolean(item.hidden) && !!item.hidden) {
+        continue;
+      }
+      if (!isBoolean(item.hidden) && display.hasActiveRule(item.hidden)) {
+        continue;
+      }
+    }
+    const defaultItem = { ...item };
+    const key = defaultItem.key ?? (typeof defaultItem.value === "string" ? defaultItem.value : null);
+    const value = defaultItem.value ?? key ?? null;
+    const internalItem = {
+      ...defaultItem,
+      key,
+      value,
+      sortable: defaultItem.sortable ?? (defaultItem.key != null || !!defaultItem.sort),
+      children: defaultItem.children ? convertToInternalHeaders(defaultItem.children, display) : void 0
+    };
+    internalHeaders.push(internalItem);
+  }
+  return internalHeaders;
+}
+function createHeaders(props) {
+  const headers = ref([]);
+  const columns = ref([]);
+  const sortFunctions = ref();
+  const filterFunctions = ref();
+  const display = useDisplay();
+  watchEffect(() => {
+    const _headers = props.headers || Object.keys(props.items[0] ?? {}).map((key) => ({
+      key,
+      title: capitalize(key)
+    }));
+    const items = _headers.slice();
+    const internalHeaders = convertToInternalHeaders(items, display);
+    parseFixedColumns(internalHeaders);
+    const maxDepth = Math.max(...internalHeaders.map((item) => getDepth(item))) + 1;
+    const parsed = parse(internalHeaders, maxDepth);
+    headers.value = parsed.headers;
+    columns.value = parsed.columns;
+    const flatHeaders = parsed.headers.flat(1);
+    sortFunctions.value = flatHeaders.reduce(
+      (acc, header) => {
+        if (header.sortable && header.key && header.sort) {
+          acc[header.key] = header.sort;
+        }
+        return acc;
+      },
+      {}
+    );
+    filterFunctions.value = flatHeaders.reduce((acc, header) => {
+      if (header.key && header.filter) {
+        acc[header.key] = header.filter;
+      }
+      return acc;
+    }, {});
+  });
+  const data = { headers, columns, sortFunctions, filterFunctions };
+  provide(EvDataTableHeadersSymbol, data);
+  return data;
+}
+function useHeaders() {
+  const data = inject(EvDataTableHeadersSymbol);
+  if (!data) {
+    throw new Error("Unable to `useHeaders()`.");
+  }
+  return data;
+}
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EvDataTableRow",
+  props: { ...makeEvDataTableRowProps() },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    useSlots();
+    const { isSelected, toggleSelect, showSelect, selectStrategy } = useSelection();
+    const { columns } = useHeaders();
+    const item = props.item;
+    const isItemSelected = computed(() => isSelected(item));
+    const isItemSelectable = computed(() => {
+      return (props.selectable || item.selectable) && selectStrategy.value.selectable;
+    });
+    const isClickable = computed(() => {
+      return props.onClick || props.onContextmenu || props.onDblclick || !showSelect.value && isItemSelectable.value;
+    });
+    function onCheckboxClick(e) {
+      toggleSelect(item, e.shiftKey);
+    }
+    function onClick(e) {
+      var _a;
+      if (!showSelect.value && isItemSelectable.value) {
+        toggleSelect(item, e.shiftKey);
+      }
+      (_a = props.onClick) == null ? void 0 : _a.call(props, e);
+    }
+    function onMouseDown(e) {
+      if (e.shiftKey) {
+        document.body.style.userSelect = "none";
+      }
+    }
+    function onMouseUp(e) {
+      if (e.shiftKey) {
+        document.body.style.userSelect = "";
+      }
+    }
+    __expose({
+      index: props.index,
+      columns,
+      item: toRaw(item.raw),
+      internalItem: toRaw(item),
+      isSelected,
+      toggleSelect
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("tr", {
+        class: normalizeClass([
+          "ev-data-table-row",
+          {
+            "is-clickable": isClickable.value,
+            "is-selected": isItemSelected.value,
+            "is-indicated": !unref(showSelect) && unref(selectStrategy).selectable
+          }
+        ]),
+        onMousedown: onMouseDown,
+        onMouseup: onMouseUp,
+        onClick,
+        onContextmenu: _cache[0] || (_cache[0] = //@ts-ignore
+        (...args) => props.onContextmenu && props.onContextmenu(...args)),
+        onDblclick: _cache[1] || (_cache[1] = //@ts-ignore
+        (...args) => props.onDblclick && props.onDblclick(...args))
+      }, [
+        unref(showSelect) ? (openBlock(), createBlock(unref(_sfc_main$1), {
+          key: 0,
+          class: "ev-data-table-cell--checkbox"
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(_sfc_main$2), {
+              "model-value": isItemSelected.value,
+              disabled: !isItemSelectable.value,
+              onClick: withModifiers(onCheckboxClick, ["stop"])
+            }, null, 8, ["model-value", "disabled", "onClick"])
+          ]),
+          _: 1
+        })) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({
+          index: _ctx.index,
+          columns: unref(columns),
+          item: unref(item).raw,
+          internalItem: unref(item),
+          isSelected: unref(isSelected),
+          toggleSelect: unref(toggleSelect)
+        })), () => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(columns), (column) => {
+            return openBlock(), createBlock(unref(_sfc_main$1), mergeProps({
+              key: `item-${_ctx.index}-${column.key}`
+            }, column.cellProps, {
+              align: column.align
+            }), {
+              default: withCtx(() => [
+                renderSlot(_ctx.$slots, `item.${column.key}`, normalizeProps(guardReactiveProps({
+                  index: _ctx.index,
+                  item: unref(item).raw,
+                  internalItem: unref(item),
+                  value: unref(getPropertyValue)(unref(item).columns, column.key),
+                  column,
+                  isSelected: unref(isSelected),
+                  toggleSelect: unref(toggleSelect)
+                })), () => [
+                  createTextVNode(toDisplayString(unref(getPropertyValue)(unref(item).columns, column.key)), 1)
+                ])
+              ]),
+              _: 2
+            }, 1040, ["align"]);
+          }), 128))
+        ])
+      ], 34);
+    };
+  }
+});
+export {
+  _sfc_main as _,
+  makeDataTableHeaderProps as a,
+  createHeaders as c,
+  makeEvDataTableRowProps as m
+};
+//# sourceMappingURL=EvDataTableRow.vue_vue_type_script_setup_true_lang-C4el9hJs.mjs.map

package/dist/esm/chunks/EvDataTableRow.vue_vue_type_script_setup_true_lang-C4el9hJs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvDataTableRow.vue_vue_type_script_setup_true_lang-C4el9hJs.mjs","sources":["../../../src/components/EvDataTable/EvDataTableRow/EvDataTableRow.ts","../../../src/components/EvDataTable/composables/headers.ts","../../../src/components/EvDataTable/EvDataTableRow/EvDataTableRow.vue"],"sourcesContent":["import { EventProp, propsFactory } from \"@/util\";\nimport { PropType } from \"vue\";\nimport {\n    CellProps,\n    DataTableItem,\n} from \"@/components/EvDataTable/composables/types.ts\";\n\nexport const makeEvDataTableRowProps = propsFactory(\n    {\n        index: Number,\n        selectable: Boolean,\n        item: Object as PropType<DataTableItem>,\n        cellProps: [Object, Function] as PropType<CellProps<any>>,\n        onClick: EventProp<[MouseEvent]>(),\n        onContextmenu: EventProp<[MouseEvent]>(),\n        onDblclick: EventProp<[MouseEvent]>(),\n    },\n    \"EvDataTableRow\",\n);\n","import {\n    capitalize,\n    DeepReadonly,\n    inject,\n    InjectionKey,\n    PropType,\n    provide,\n    ref,\n    Ref,\n    watchEffect,\n} from \"vue\";\nimport { GetterPropertyKey, isBoolean, isEmpty, propsFactory } from \"@/util\";\nimport { FilterKeyFunctions } from \"@/composables/filter\";\nimport {\n    DataTableCompareFunction,\n    DataTableHeader,\n    InternalDataTableHeader,\n} from \"@/components/EvDataTable/composables/types\";\nimport {\n    DisplayInstance,\n    DisplayRuleListProp,\n    useDisplay,\n} from \"@/composables/display\";\n\ntype HeaderProps = {\n    headers?: DeepReadonly<DataTableHeader[]> | undefined;\n    items: any[];\n};\n\nexport const makeDataTableHeaderProps = propsFactory(\n    {\n        headers: Array as PropType<DeepReadonly<DataTableHeader[]>>,\n    },\n    \"EvDataTable-header\",\n);\n\nexport const EvDataTableHeadersSymbol: InjectionKey<{\n    headers: Ref<InternalDataTableHeader[][]>;\n    columns: Ref<InternalDataTableHeader[]>;\n}> = Symbol.for(\"ev:data-table-headers\");\n\nfunction priorityQueue<T>(arr: T[] = []) {\n    const queue: { element: T; priority: number }[] = arr.map((element) => ({\n        element,\n        priority: 0,\n    }));\n\n    return {\n        enqueue: (element: T, priority: number) => {\n            let added = false;\n            for (let i = 0; i < queue.length; i++) {\n                const item = queue[i];\n                if (item.priority > priority) {\n                    queue.splice(i, 0, { element, priority });\n                    added = true;\n                    break;\n                }\n            }\n            if (!added) {\n                queue.push({ element, priority });\n            }\n        },\n        size: () => queue.length,\n        count: () => {\n            let count = 0;\n            if (!queue.length) {\n                return 0;\n            }\n            const whole = Math.floor(queue[0].priority);\n            for (let i = 0; i < queue.length; i++) {\n                if (Math.floor(queue[i].priority) === whole) count += 1;\n            }\n            return count;\n        },\n        dequeue: () => {\n            return queue.shift();\n        },\n    };\n}\n\nfunction extractLeaves(\n    item: InternalDataTableHeader,\n    columns: InternalDataTableHeader[] = [],\n) {\n    if (!item.children) {\n        columns.push(item);\n    } else {\n        for (const child of item.children) {\n            extractLeaves(child as InternalDataTableHeader, columns);\n        }\n    }\n    return columns;\n}\n\nfunction getDepth(item: InternalDataTableHeader, depth = 0): number {\n    if (!item.children) {\n        return depth;\n    }\n    return Math.max(\n        depth,\n        ...item.children.map((child) =>\n            getDepth(child as InternalDataTableHeader, depth + 1),\n        ),\n    );\n}\n\nfunction parseFixedColumns(items: InternalDataTableHeader[]) {\n    let seenFixed = false;\n    function setFixed(item: InternalDataTableHeader, parentFixed = false) {\n        if (!item) {\n            return;\n        }\n        if (parentFixed) {\n            item.fixed = true;\n        }\n        if (item.fixed) {\n            if (item.children) {\n                for (let i = item.children.length - 1; i >= 0; i--) {\n                    setFixed(item.children[i] as InternalDataTableHeader, true);\n                }\n            } else {\n                if (!seenFixed) {\n                    item.lastFixed = true;\n                } else if (isNaN(+item.width!)) {\n                    console.error(\n                        `Multiple fixed columns should have a static width (key: ${item.key})`,\n                    );\n                }\n                seenFixed = true;\n            }\n        } else {\n            if (item.children) {\n                for (let i = item.children.length - 1; i >= 0; i--) {\n                    setFixed(item.children[i]);\n                }\n            } else {\n                seenFixed = false;\n            }\n        }\n    }\n\n    for (let i = items.length - 1; i >= 0; i--) {\n        setFixed(items[i]);\n    }\n\n    function setFixedOffset(item: InternalDataTableHeader, fixedOffset = 0) {\n        if (!item) {\n            return fixedOffset;\n        }\n        if (item.children) {\n            item.fixedOffset = fixedOffset;\n            for (const child of item.children) {\n                fixedOffset = setFixedOffset(child, fixedOffset);\n            }\n        } else if (item.fixed) {\n            item.fixedOffset = fixedOffset;\n            fixedOffset += parseFloat(item.width?.toString() || \"0\") || 0;\n        }\n        return fixedOffset;\n    }\n\n    let fixedOffset = 0;\n    for (const item of items) {\n        fixedOffset = setFixedOffset(item, fixedOffset);\n    }\n}\n\nfunction parse(items: InternalDataTableHeader[], maxDepth: number) {\n    const headers: InternalDataTableHeader[][] = [];\n    let currentDepth = 0;\n    const queue = priorityQueue(items);\n\n    while (queue.size() > 0) {\n        let rowSize = queue.count();\n        const row: InternalDataTableHeader[] = [];\n        let fraction = 1;\n        while (rowSize > 0) {\n            const { element: item, priority } = queue.dequeue()!;\n            const diff = maxDepth - currentDepth - getDepth(item);\n\n            row.push({\n                ...item,\n                rowspan: diff ?? 1,\n                colspan: item.children ? extractLeaves(item).length : 1,\n            });\n\n            if (item.children) {\n                for (const child of item.children) {\n                    // This internally sorts items that are on the same priority \"row\"\n                    const sort =\n                        (priority % 1) +\n                        fraction / Math.pow(10, currentDepth + 1);\n                    queue.enqueue(child, currentDepth + diff + sort);\n                }\n            }\n\n            fraction += 1;\n            rowSize -= 1;\n        }\n        currentDepth += 1;\n        headers.push(row);\n    }\n    const columns = items.map((item) => extractLeaves(item)).flat();\n    return { columns, headers };\n}\n\n/**\n * # `convertToInternalHeaders`\n *\n * Convert the header items supplied to the table to items we\n * can use internally.\n *\n * @param items\n * @param display\n */\nfunction convertToInternalHeaders(\n    items: DeepReadonly<DataTableHeader[]>,\n    display: DisplayInstance,\n) {\n    const internalHeaders: InternalDataTableHeader[] = [];\n    for (const item of items) {\n        if (!isEmpty(item.hidden)) {\n            if (isBoolean(item.hidden) && !!item.hidden) {\n                continue;\n            }\n            if (\n                !isBoolean(item.hidden) &&\n                display.hasActiveRule(item.hidden as DisplayRuleListProp)\n            ) {\n                continue;\n            }\n        }\n        const defaultItem = { ...item };\n        const key =\n            defaultItem.key ??\n            (typeof defaultItem.value === \"string\" ? defaultItem.value : null);\n        const value = defaultItem.value ?? key ?? null;\n        const internalItem: InternalDataTableHeader = {\n            ...defaultItem,\n            key,\n            value: value as GetterPropertyKey,\n            sortable:\n                defaultItem.sortable ??\n                (defaultItem.key != null || !!defaultItem.sort),\n            children: defaultItem.children\n                ? convertToInternalHeaders(defaultItem.children, display)\n                : undefined,\n        };\n        internalHeaders.push(internalItem);\n    }\n    return internalHeaders;\n}\n\nexport function createHeaders(props: HeaderProps) {\n    const headers = ref<InternalDataTableHeader[][]>([]);\n    const columns = ref<InternalDataTableHeader[]>([]);\n    const sortFunctions = ref<Record<string, DataTableCompareFunction>>();\n    const filterFunctions = ref<FilterKeyFunctions>();\n    const display = useDisplay();\n\n    watchEffect(() => {\n        const _headers =\n            props.headers ||\n            (Object.keys(props.items[0] ?? {}).map((key) => ({\n                key,\n                title: capitalize(key),\n            })) as never);\n\n        const items = _headers.slice();\n        const internalHeaders = convertToInternalHeaders(items, display);\n        parseFixedColumns(internalHeaders);\n        const maxDepth =\n            Math.max(...internalHeaders.map((item) => getDepth(item))) + 1;\n        const parsed = parse(internalHeaders, maxDepth);\n\n        headers.value = parsed.headers;\n        columns.value = parsed.columns;\n\n        const flatHeaders = parsed.headers.flat(1);\n\n        sortFunctions.value = flatHeaders.reduce(\n            (acc, header) => {\n                if (header.sortable && header.key && header.sort) {\n                    acc[header.key] = header.sort;\n                }\n                return acc;\n            },\n            {} as Record<string, DataTableCompareFunction>,\n        );\n\n        filterFunctions.value = flatHeaders.reduce((acc, header) => {\n            if (header.key && header.filter) {\n                acc[header.key] = header.filter;\n            }\n            return acc;\n        }, {} as FilterKeyFunctions);\n    });\n\n    const data = { headers, columns, sortFunctions, filterFunctions };\n    provide(EvDataTableHeadersSymbol, data);\n    return data;\n}\n\nexport function useHeaders() {\n    const data = inject(EvDataTableHeadersSymbol);\n    if (!data) {\n        throw new Error(\"Unable to `useHeaders()`.\");\n    }\n    return data;\n}\n","<script setup lang=\"ts\">\nimport \"./EvDataTableRow.scss\";\nimport { makeEvDataTableRowProps } from \"./EvDataTableRow\";\nimport {computed, toRaw} from \"vue\";\nimport { EvDataTableCell } from \"@/components/EvDataTable/EvDataTableCell\";\nimport { EvCheckbox } from \"@/components/EvCheckbox\";\nimport { useSelection } from \"@/components/EvDataTable/composables/select\";\nimport { useHeaders } from \"@/components/EvDataTable/composables/headers\";\nimport { ItemSlot } from \"@/components/EvDataTable/composables/types\";\nimport { getPropertyValue } from \"@/util\";\n\nconst props = defineProps({ ...makeEvDataTableRowProps() });\nconst slots = defineSlots<{\n    default(props: ItemSlot): never;\n}>();\n\nconst { isSelected, toggleSelect, showSelect, selectStrategy } = useSelection();\n// const { isExpanded, toggleExpand } = useExpanded();\nconst { columns } = useHeaders();\nconst item = props.item;\nconst isItemSelected = computed(() => isSelected(item));\nconst isItemSelectable = computed(() => {\n    return (\n        (props.selectable || item.selectable) && selectStrategy.value.selectable\n    );\n});\n\nconst isClickable = computed(() => {\n    return (\n        props.onClick ||\n        props.onContextmenu ||\n        props.onDblclick ||\n        (!showSelect.value && isItemSelectable.value)\n    );\n});\n\nfunction onCheckboxClick(e: MouseEvent) {\n    toggleSelect(item, e.shiftKey);\n}\n\nfunction onClick(e: MouseEvent) {\n    if (!showSelect.value && isItemSelectable.value) {\n        toggleSelect(item, e.shiftKey);\n    }\n    props.onClick?.(e);\n}\n\nfunction onMouseDown(e: MouseEvent) {\n    if (e.shiftKey) {\n        document.body.style.userSelect = \"none\";\n    }\n}\n\nfunction onMouseUp(e: MouseEvent) {\n    if (e.shiftKey) {\n        document.body.style.userSelect = \"\";\n    }\n}\n\ndefineExpose({\n    index: props.index,\n    columns,\n    item: toRaw(item.raw),\n    internalItem: toRaw(item),\n    isSelected,\n    toggleSelect,\n});\n</script>\n\n<template>\n    <tr\n        :class=\"[\n            'ev-data-table-row',\n            {\n                'is-clickable': isClickable,\n                'is-selected': isItemSelected,\n                'is-indicated': !showSelect && selectStrategy.selectable,\n            },\n        ]\"\n        @mousedown=\"onMouseDown\"\n        @mouseup=\"onMouseUp\"\n        @click=\"onClick\"\n        @contextmenu=\"props.onContextmenu\"\n        @dblclick=\"props.onDblclick\">\n        <ev-data-table-cell\n            v-if=\"showSelect\"\n            class=\"ev-data-table-cell--checkbox\">\n            <ev-checkbox\n                :model-value=\"isItemSelected\"\n                :disabled=\"!isItemSelectable\"\n                @click.stop=\"onCheckboxClick\" />\n        </ev-data-table-cell>\n\n        <slot\n            name=\"default\"\n            v-bind=\"{\n                index,\n                columns,\n                item: item.raw,\n                internalItem: item,\n                isSelected,\n                toggleSelect,\n            }\">\n            <template\n                v-for=\"column in columns\"\n                :key=\"`item-${index}-${column.key}`\">\n                <ev-data-table-cell\n                    v-bind=\"column.cellProps\"\n                    :align=\"column.align\">\n                    <slot\n                        :name=\"`item.${column.key}`\"\n                        v-bind=\"{\n                            index,\n                            item: item.raw,\n                            internalItem: item,\n                            value: getPropertyValue(item.columns, column.key),\n                            column: column,\n                            isSelected,\n                            toggleSelect,\n                        }\">\n                        {{ getPropertyValue(item.columns, column.key) }}\n                    </slot>\n                </ev-data-table-cell>\n            </template>\n        </slot>\n    </tr>\n</template>\n"],"names":["fixedOffset","_useSlots"],"mappings":"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"}