@evance/evance-ui 1.0.37 → 1.0.39

package/dist/cjs/chunks/EvDataTableRow.vue_vue_type_script_setup_true_lang-CRVqUcbr.cjs

@@ -0,0 +1,363 @@
+"use strict";
+/*! Evance UI v1.0.39 | MIT License */
+const vue = require("vue");
+const events = require("./events-zYOfuE8E.cjs");
+const props = require("./props-BjI4Mhey.cjs");
+const EvDataTableCell_vue_vue_type_script_setup_true_lang = require("./EvDataTableCell.vue_vue_type_script_setup_true_lang-Dor3r8wz.cjs");
+const EvCheckbox_vue_vue_type_script_setup_true_lang = require("./EvCheckbox.vue_vue_type_script_setup_true_lang-BukxVOD-.cjs");
+const select = require("./select-vEtRzxTh.cjs");
+const display = require("./display-D95hBCaX.cjs");
+const isFunctions = require("./is-functions-BhjwCVcN.cjs");
+const helpers = require("./helpers-D5sNmblP.cjs");
+const makeEvDataTableRowProps = props.propsFactory(
+  {
+    index: Number,
+    selectable: Boolean,
+    item: Object,
+    cellProps: [Object, Function],
+    onClick: events.EventProp(),
+    onContextmenu: events.EventProp(),
+    onDblclick: events.EventProp()
+  },
+  "EvDataTableRow"
+);
+const makeDataTableHeaderProps = props.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, display2) {
+  const internalHeaders = [];
+  for (const item of items) {
+    if (!isFunctions.isEmpty(item.hidden)) {
+      if (isFunctions.isBoolean(item.hidden) && !!item.hidden) {
+        continue;
+      }
+      if (!isFunctions.isBoolean(item.hidden) && display2.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, display2) : void 0
+    };
+    internalHeaders.push(internalItem);
+  }
+  return internalHeaders;
+}
+function createHeaders(props2) {
+  const headers = vue.ref([]);
+  const columns = vue.ref([]);
+  const sortFunctions = vue.ref();
+  const filterFunctions = vue.ref();
+  const display$1 = display.useDisplay();
+  vue.watchEffect(() => {
+    const _headers = props2.headers || Object.keys(props2.items[0] ?? {}).map((key) => ({
+      key,
+      title: vue.capitalize(key)
+    }));
+    const items = _headers.slice();
+    const internalHeaders = convertToInternalHeaders(items, display$1);
+    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 };
+  vue.provide(EvDataTableHeadersSymbol, data);
+  return data;
+}
+function useHeaders() {
+  const data = vue.inject(EvDataTableHeadersSymbol);
+  if (!data) {
+    throw new Error("Unable to `useHeaders()`.");
+  }
+  return data;
+}
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvDataTableRow",
+  props: { ...makeEvDataTableRowProps() },
+  setup(__props, { expose: __expose }) {
+    const props2 = __props;
+    vue.useSlots();
+    const { isSelected, toggleSelect, showSelect, selectStrategy } = select.useSelection();
+    const { columns } = useHeaders();
+    const item = props2.item;
+    const isItemSelected = vue.computed(() => isSelected(item));
+    const isItemSelectable = vue.computed(() => {
+      return (props2.selectable || item.selectable) && selectStrategy.value.selectable;
+    });
+    const isClickable = vue.computed(() => {
+      return props2.onClick || props2.onContextmenu || props2.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 = props2.onClick) == null ? void 0 : _a.call(props2, e);
+    }
+    function onMouseDown(e) {
+      if (e.shiftKey) {
+        document.body.style.userSelect = "none";
+      }
+    }
+    function onMouseUp(e) {
+      if (e.shiftKey) {
+        document.body.style.userSelect = "";
+      }
+    }
+    __expose({
+      index: props2.index,
+      columns,
+      item: vue.toRaw(item.raw),
+      internalItem: vue.toRaw(item),
+      isSelected,
+      toggleSelect
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("tr", {
+        class: vue.normalizeClass([
+          "ev-data-table-row",
+          {
+            "is-clickable": isClickable.value,
+            "is-selected": isItemSelected.value,
+            "is-indicated": !vue.unref(showSelect) && vue.unref(selectStrategy).selectable
+          }
+        ]),
+        onMousedown: onMouseDown,
+        onMouseup: onMouseUp,
+        onClick,
+        onContextmenu: _cache[0] || (_cache[0] = //@ts-ignore
+        (...args) => props2.onContextmenu && props2.onContextmenu(...args)),
+        onDblclick: _cache[1] || (_cache[1] = //@ts-ignore
+        (...args) => props2.onDblclick && props2.onDblclick(...args))
+      }, [
+        vue.unref(showSelect) ? (vue.openBlock(), vue.createBlock(vue.unref(EvDataTableCell_vue_vue_type_script_setup_true_lang._sfc_main), {
+          key: 0,
+          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": isItemSelected.value,
+              disabled: !isItemSelectable.value,
+              onClick: vue.withModifiers(onCheckboxClick, ["stop"])
+            }, null, 8, ["model-value", "disabled", "onClick"])
+          ]),
+          _: 1
+        })) : vue.createCommentVNode("", true),
+        vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps({
+          index: _ctx.index,
+          columns: vue.unref(columns),
+          item: vue.unref(item).raw,
+          internalItem: vue.unref(item),
+          isSelected: vue.unref(isSelected),
+          toggleSelect: vue.unref(toggleSelect)
+        })), () => [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(columns), (column) => {
+            return vue.openBlock(), vue.createBlock(vue.unref(EvDataTableCell_vue_vue_type_script_setup_true_lang._sfc_main), vue.mergeProps({
+              key: `item-${_ctx.index}-${column.key}`
+            }, column.cellProps, {
+              align: column.align
+            }), {
+              default: vue.withCtx(() => [
+                vue.renderSlot(_ctx.$slots, `item.${column.key}`, vue.normalizeProps(vue.guardReactiveProps({
+                  index: _ctx.index,
+                  item: vue.unref(item).raw,
+                  internalItem: vue.unref(item),
+                  value: vue.unref(helpers.getPropertyValue)(vue.unref(item).columns, column.key),
+                  column,
+                  isSelected: vue.unref(isSelected),
+                  toggleSelect: vue.unref(toggleSelect)
+                })), () => [
+                  vue.createTextVNode(vue.toDisplayString(vue.unref(helpers.getPropertyValue)(vue.unref(item).columns, column.key)), 1)
+                ])
+              ]),
+              _: 2
+            }, 1040, ["align"]);
+          }), 128))
+        ])
+      ], 34);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;
+exports.createHeaders = createHeaders;
+exports.makeDataTableHeaderProps = makeDataTableHeaderProps;
+exports.makeEvDataTableRowProps = makeEvDataTableRowProps;
+//# sourceMappingURL=EvDataTableRow.vue_vue_type_script_setup_true_lang-CRVqUcbr.cjs.map

package/dist/cjs/chunks/EvDataTableRow.vue_vue_type_script_setup_true_lang-CRVqUcbr.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvDataTableRow.vue_vue_type_script_setup_true_lang-CRVqUcbr.cjs","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":["propsFactory","EventProp","fixedOffset","display","isEmpty","isBoolean","props","ref","useDisplay","watchEffect","capitalize","provide","inject","_useSlots","useSelection","computed","toRaw"],"mappings":";;;;;;;;;;;AAOO,MAAM,0BAA0BA,MAAA;AAAA,EACnC;AAAA,IACI,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,MAAM;AAAA,IACN,WAAW,CAAC,QAAQ,QAAQ;AAAA,IAC5B,SAASC,OAAAA,UAAwB;AAAA,IACjC,eAAeA,OAAAA,UAAwB;AAAA,IACvC,YAAYA,OAAwB,UAAA;AAAA,EACxC;AAAA,EACA;AACJ;ACWO,MAAM,2BAA2BD,MAAA;AAAA,EACpC;AAAA,IACI,SAAS;AAAA,EACb;AAAA,EACA;AACJ;AAEa,MAAA,2BAGR,OAAO,IAAI,uBAAuB;AAEvC,SAAS,cAAiB,MAAW,IAAI;AACrC,QAAM,QAA4C,IAAI,IAAI,CAAC,aAAa;AAAA,IACpE;AAAA,IACA,UAAU;AAAA,EAAA,EACZ;AAEK,SAAA;AAAA,IACH,SAAS,CAAC,SAAY,aAAqB;AACvC,UAAI,QAAQ;AACZ,eAAS,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK;AAC7B,cAAA,OAAO,MAAM,CAAC;AAChB,YAAA,KAAK,WAAW,UAAU;AAC1B,gBAAM,OAAO,GAAG,GAAG,EAAE,SAAS,UAAU;AAChC,kBAAA;AACR;AAAA,QAAA;AAAA,MACJ;AAEJ,UAAI,CAAC,OAAO;AACR,cAAM,KAAK,EAAE,SAAS,SAAA,CAAU;AAAA,MAAA;AAAA,IAExC;AAAA,IACA,MAAM,MAAM,MAAM;AAAA,IAClB,OAAO,MAAM;AACT,UAAI,QAAQ;AACR,UAAA,CAAC,MAAM,QAAQ;AACR,eAAA;AAAA,MAAA;AAEX,YAAM,QAAQ,KAAK,MAAM,MAAM,CAAC,EAAE,QAAQ;AAC1C,eAAS,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK;AAC/B,YAAA,KAAK,MAAM,MAAM,CAAC,EAAE,QAAQ,MAAM,MAAgB,UAAA;AAAA,MAAA;AAEnD,aAAA;AAAA,IACX;AAAA,IACA,SAAS,MAAM;AACX,aAAO,MAAM,MAAM;AAAA,IAAA;AAAA,EAE3B;AACJ;AAEA,SAAS,cACL,MACA,UAAqC,IACvC;AACM,MAAA,CAAC,KAAK,UAAU;AAChB,YAAQ,KAAK,IAAI;AAAA,EAAA,OACd;AACQ,eAAA,SAAS,KAAK,UAAU;AAC/B,oBAAc,OAAkC,OAAO;AAAA,IAAA;AAAA,EAC3D;AAEG,SAAA;AACX;AAEA,SAAS,SAAS,MAA+B,QAAQ,GAAW;AAC5D,MAAA,CAAC,KAAK,UAAU;AACT,WAAA;AAAA,EAAA;AAEX,SAAO,KAAK;AAAA,IACR;AAAA,IACA,GAAG,KAAK,SAAS;AAAA,MAAI,CAAC,UAClB,SAAS,OAAkC,QAAQ,CAAC;AAAA,IAAA;AAAA,EAE5D;AACJ;AAEA,SAAS,kBAAkB,OAAkC;AACzD,MAAI,YAAY;AACP,WAAA,SAAS,MAA+B,cAAc,OAAO;AAClE,QAAI,CAAC,MAAM;AACP;AAAA,IAAA;AAEJ,QAAI,aAAa;AACb,WAAK,QAAQ;AAAA,IAAA;AAEjB,QAAI,KAAK,OAAO;AACZ,UAAI,KAAK,UAAU;AACf,iBAAS,IAAI,KAAK,SAAS,SAAS,GAAG,KAAK,GAAG,KAAK;AAChD,mBAAS,KAAK,SAAS,CAAC,GAA8B,IAAI;AAAA,QAAA;AAAA,MAC9D,OACG;AACH,YAAI,CAAC,WAAW;AACZ,eAAK,YAAY;AAAA,QACV,WAAA,MAAM,CAAC,KAAK,KAAM,GAAG;AACpB,kBAAA;AAAA,YACJ,2DAA2D,KAAK,GAAG;AAAA,UACvE;AAAA,QAAA;AAEQ,oBAAA;AAAA,MAAA;AAAA,IAChB,OACG;AACH,UAAI,KAAK,UAAU;AACf,iBAAS,IAAI,KAAK,SAAS,SAAS,GAAG,KAAK,GAAG,KAAK;AACvC,mBAAA,KAAK,SAAS,CAAC,CAAC;AAAA,QAAA;AAAA,MAC7B,OACG;AACS,oBAAA;AAAA,MAAA;AAAA,IAChB;AAAA,EACJ;AAGJ,WAAS,IAAI,MAAM,SAAS,GAAG,KAAK,GAAG,KAAK;AAC/B,aAAA,MAAM,CAAC,CAAC;AAAA,EAAA;AAGZ,WAAA,eAAe,MAA+BE,eAAc,GAAG;;AACpE,QAAI,CAAC,MAAM;AACAA,aAAAA;AAAAA,IAAA;AAEX,QAAI,KAAK,UAAU;AACf,WAAK,cAAcA;AACR,iBAAA,SAAS,KAAK,UAAU;AAC/BA,uBAAc,eAAe,OAAOA,YAAW;AAAA,MAAA;AAAA,IACnD,WACO,KAAK,OAAO;AACnB,WAAK,cAAcA;AACnBA,sBAAe,aAAW,UAAK,UAAL,mBAAY,eAAc,GAAG,KAAK;AAAA,IAAA;AAEzDA,WAAAA;AAAAA,EAAA;AAGX,MAAI,cAAc;AAClB,aAAW,QAAQ,OAAO;AACR,kBAAA,eAAe,MAAM,WAAW;AAAA,EAAA;AAEtD;AAEA,SAAS,MAAM,OAAkC,UAAkB;AAC/D,QAAM,UAAuC,CAAC;AAC9C,MAAI,eAAe;AACb,QAAA,QAAQ,cAAc,KAAK;AAE1B,SAAA,MAAM,KAAK,IAAI,GAAG;AACjB,QAAA,UAAU,MAAM,MAAM;AAC1B,UAAM,MAAiC,CAAC;AACxC,QAAI,WAAW;AACf,WAAO,UAAU,GAAG;AAChB,YAAM,EAAE,SAAS,MAAM,SAAS,IAAI,MAAM,QAAQ;AAClD,YAAM,OAAO,WAAW,eAAe,SAAS,IAAI;AAEpD,UAAI,KAAK;AAAA,QACL,GAAG;AAAA,QACH,SAAS,QAAQ;AAAA,QACjB,SAAS,KAAK,WAAW,cAAc,IAAI,EAAE,SAAS;AAAA,MAAA,CACzD;AAED,UAAI,KAAK,UAAU;AACJ,mBAAA,SAAS,KAAK,UAAU;AAEzB,gBAAA,OACD,WAAW,IACZ,WAAW,KAAK,IAAI,IAAI,eAAe,CAAC;AAC5C,gBAAM,QAAQ,OAAO,eAAe,OAAO,IAAI;AAAA,QAAA;AAAA,MACnD;AAGQ,kBAAA;AACD,iBAAA;AAAA,IAAA;AAEC,oBAAA;AAChB,YAAQ,KAAK,GAAG;AAAA,EAAA;AAEd,QAAA,UAAU,MAAM,IAAI,CAAC,SAAS,cAAc,IAAI,CAAC,EAAE,KAAK;AACvD,SAAA,EAAE,SAAS,QAAQ;AAC9B;AAWA,SAAS,yBACL,OACAC,UACF;AACE,QAAM,kBAA6C,CAAC;AACpD,aAAW,QAAQ,OAAO;AACtB,QAAI,CAACC,YAAA,QAAQ,KAAK,MAAM,GAAG;AACvB,UAAIC,YAAAA,UAAU,KAAK,MAAM,KAAK,CAAC,CAAC,KAAK,QAAQ;AACzC;AAAA,MAAA;AAGA,UAAA,CAACA,YAAAA,UAAU,KAAK,MAAM,KACtBF,SAAQ,cAAc,KAAK,MAA6B,GAC1D;AACE;AAAA,MAAA;AAAA,IACJ;AAEE,UAAA,cAAc,EAAE,GAAG,KAAK;AACxB,UAAA,MACF,YAAY,QACX,OAAO,YAAY,UAAU,WAAW,YAAY,QAAQ;AAC3D,UAAA,QAAQ,YAAY,SAAS,OAAO;AAC1C,UAAM,eAAwC;AAAA,MAC1C,GAAG;AAAA,MACH;AAAA,MACA;AAAA,MACA,UACI,YAAY,aACX,YAAY,OAAO,QAAQ,CAAC,CAAC,YAAY;AAAA,MAC9C,UAAU,YAAY,WAChB,yBAAyB,YAAY,UAAUA,QAAO,IACtD;AAAA,IACV;AACA,oBAAgB,KAAK,YAAY;AAAA,EAAA;AAE9B,SAAA;AACX;AAEO,SAAS,cAAcG,QAAoB;AACxC,QAAA,UAAUC,IAAiC,IAAA,EAAE;AAC7C,QAAA,UAAUA,IAA+B,IAAA,EAAE;AACjD,QAAM,gBAAgBA,IAAAA,IAA8C;AACpE,QAAM,kBAAkBA,IAAAA,IAAwB;AAChD,QAAMJ,YAAUK,QAAAA,WAAW;AAE3BC,MAAAA,YAAY,MAAM;AACd,UAAM,WACFH,OAAM,WACL,OAAO,KAAKA,OAAM,MAAM,CAAC,KAAK,CAAA,CAAE,EAAE,IAAI,CAAC,SAAS;AAAA,MAC7C;AAAA,MACA,OAAOI,eAAW,GAAG;AAAA,IAAA,EACvB;AAEA,UAAA,QAAQ,SAAS,MAAM;AACvB,UAAA,kBAAkB,yBAAyB,OAAOP,SAAO;AAC/D,sBAAkB,eAAe;AACjC,UAAM,WACF,KAAK,IAAI,GAAG,gBAAgB,IAAI,CAAC,SAAS,SAAS,IAAI,CAAC,CAAC,IAAI;AAC3D,UAAA,SAAS,MAAM,iBAAiB,QAAQ;AAE9C,YAAQ,QAAQ,OAAO;AACvB,YAAQ,QAAQ,OAAO;AAEvB,UAAM,cAAc,OAAO,QAAQ,KAAK,CAAC;AAEzC,kBAAc,QAAQ,YAAY;AAAA,MAC9B,CAAC,KAAK,WAAW;AACb,YAAI,OAAO,YAAY,OAAO,OAAO,OAAO,MAAM;AAC1C,cAAA,OAAO,GAAG,IAAI,OAAO;AAAA,QAAA;AAEtB,eAAA;AAAA,MACX;AAAA,MACA,CAAA;AAAA,IACJ;AAEA,oBAAgB,QAAQ,YAAY,OAAO,CAAC,KAAK,WAAW;AACpD,UAAA,OAAO,OAAO,OAAO,QAAQ;AACzB,YAAA,OAAO,GAAG,IAAI,OAAO;AAAA,MAAA;AAEtB,aAAA;AAAA,IACX,GAAG,EAAwB;AAAA,EAAA,CAC9B;AAED,QAAM,OAAO,EAAE,SAAS,SAAS,eAAe,gBAAgB;AAChEQ,MAAA,QAAQ,0BAA0B,IAAI;AAC/B,SAAA;AACX;AAEO,SAAS,aAAa;AACnB,QAAA,OAAOC,WAAO,wBAAwB;AAC5C,MAAI,CAAC,MAAM;AACD,UAAA,IAAI,MAAM,2BAA2B;AAAA,EAAA;AAExC,SAAA;AACX;;;;;;ACzScC;AAId,UAAM,EAAE,YAAY,cAAc,YAAY,eAAA,IAAmBC,OAAAA,aAAa;AAExE,UAAA,EAAE,QAAQ,IAAI,WAAW;AAC/B,UAAM,OAAOR,OAAM;AACnB,UAAM,iBAAiBS,IAAA,SAAS,MAAM,WAAW,IAAI,CAAC;AAChD,UAAA,mBAAmBA,IAAAA,SAAS,MAAM;AACpC,cACKT,OAAM,cAAc,KAAK,eAAe,eAAe,MAAM;AAAA,IAAA,CAErE;AAEK,UAAA,cAAcS,IAAAA,SAAS,MAAM;AAE3B,aAAAT,OAAM,WACNA,OAAM,iBACNA,OAAM,cACL,CAAC,WAAW,SAAS,iBAAiB;AAAA,IAAA,CAE9C;AAED,aAAS,gBAAgB,GAAe;AACvB,mBAAA,MAAM,EAAE,QAAQ;AAAA,IAAA;AAGjC,aAAS,QAAQ,GAAe;;AAC5B,UAAI,CAAC,WAAW,SAAS,iBAAiB,OAAO;AAChC,qBAAA,MAAM,EAAE,QAAQ;AAAA,MAAA;AAEjC,YAAAA,OAAM,YAAN,wBAAAA,QAAgB;AAAA,IAAC;AAGrB,aAAS,YAAY,GAAe;AAChC,UAAI,EAAE,UAAU;AACH,iBAAA,KAAK,MAAM,aAAa;AAAA,MAAA;AAAA,IACrC;AAGJ,aAAS,UAAU,GAAe;AAC9B,UAAI,EAAE,UAAU;AACH,iBAAA,KAAK,MAAM,aAAa;AAAA,MAAA;AAAA,IACrC;AAGS,aAAA;AAAA,MACT,OAAOA,OAAM;AAAA,MACb;AAAA,MACA,MAAMU,IAAAA,MAAM,KAAK,GAAG;AAAA,MACpB,cAAcA,UAAM,IAAI;AAAA,MACxB;AAAA,MACA;AAAA,IAAA,CACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}