@evance/evance-ui 1.0.40 → 1.0.41

package/dist/cjs/src/components/EvDataTable/composables/headers.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"headers.cjs","sources":["../../../../../../src/components/EvDataTable/composables/headers.ts"],"sourcesContent":["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"],"names":["propsFactory","fixedOffset","display","isEmpty","isBoolean","props","ref","useDisplay","watchEffect","capitalize","provide","inject"],"mappings":"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"}

package/dist/cjs/src/components/EvDataTable/composables/items.cjs

@@ -0,0 +1,61 @@
+"use strict";
+/*! Evance UI v1.0.40 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const props = require("../../../util/props.cjs");
+const helpers = require("../../../util/helpers.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 };
+}
+exports.makeDataTableItemsProps = makeDataTableItemsProps;
+exports.transformItem = transformItem;
+exports.transformItems = transformItems;
+exports.useDataTableItems = useDataTableItems;
+//# sourceMappingURL=items.cjs.map

package/dist/cjs/src/components/EvDataTable/composables/items.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"items.cjs","sources":["../../../../../../src/components/EvDataTable/composables/items.ts"],"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"],"names":["propsFactory","props","getPropertyValue","computed"],"mappings":";;;;;;AAcO,MAAM,0BAA0BA,MAAA;AAAA,EACnC;AAAA,IACI,OAAO;AAAA,MACH,MAAM;AAAA,MACN,SAAS,MAAM,CAAA;AAAA,IACnB;AAAA,IACA,WAAW;AAAA,MACP,MAAM,CAAC,QAAQ,OAAO,QAAQ;AAAA,MAC9B,SAAS;AAAA,IACb;AAAA,IACA,gBAAgB;AAAA,MACZ,MAAM,CAAC,QAAQ,OAAO,QAAQ;AAAA,MAC9B,SAAS;AAAA,IACb;AAAA,IACA,cAAc;AAAA,EAClB;AAAA,EACA;AACJ;AAEO,SAAS,cACZC,QACA,MACA,OACA,SACa;AACb,QAAM,QAAQA,OAAM,eACd,OACAC,QAAAA,iBAAiB,MAAMD,OAAM,SAAS;AAC5C,QAAM,aAAaC,QAAAA,iBAAiB,MAAMD,OAAM,gBAAgB,IAAI;AACpE,QAAM,cAAc,QAAQ;AAAA,IACxB,CAAC,KAAK,WAAW;AACT,UAAA,OAAO,OAAO,MAAM;AACpB,YAAI,OAAO,GAAG,IAAIC,QAAiB,iBAAA,MAAM,OAAO,KAAK;AAC9C,eAAA;AAAA,MAAA;AAAA,IAEf;AAAA,IACA,CAAA;AAAA,EACJ;AACO,SAAA;AAAA,IACH,KAAKD,OAAM,eACLC,QAAAA,iBAAiB,MAAMD,OAAM,SAAS,IACtC;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT,KAAK;AAAA,EACT;AACJ;AAEgB,SAAA,eACZA,QACA,OACA,SACe;AACf,SAAO,MAAM;AAAA,IAAI,CAAC,MAAM,UACpB,cAAcA,QAAO,MAAM,OAAO,OAAO;AAAA,EAC7C;AACJ;AAEgB,SAAA,kBACZ,OACAA,QACA,SACF;AACE,QAAM,gBAAgBE,IAAA;AAAA,IAAS,MAC3B,eAAeF,QAAO,MAAM,OAAO,QAAQ,KAAK;AAAA,EACpD;AACO,SAAA,EAAE,OAAO,cAAc;AAClC;;;;;"}

package/dist/cjs/src/components/EvDataTable/composables/select.cjs

@@ -0,0 +1,194 @@
+"use strict";
+/*! Evance UI v1.0.40 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const modelProxy = require("../../../composables/modelProxy.cjs");
+const props = require("../../../util/props.cjs");
+const helpers = require("../../../util/helpers.cjs");
+const isFunctions = require("../../../util/is-functions.cjs");
+const singleSelectStrategy = {
+  selectable: true,
+  showSelectAll: false,
+  allSelected: () => [],
+  select: ({ items, value, selected, isRequired }) => {
+    var _a;
+    return new Set(value || isRequired ? [(_a = items[0]) == null ? void 0 : _a.value] : []);
+  },
+  selectAll: ({ selected }) => selected
+};
+const multiSelectStrategy = {
+  selectable: true,
+  showSelectAll: true,
+  allSelected: ({ allItems }) => allItems,
+  select: ({ items, value, selected, isRequired }) => {
+    for (const item of items) {
+      value ? selected.add(item.value) : !isRequired || selected.size > 1 ? selected.delete(item.value) : null;
+    }
+    return selected;
+  },
+  selectAll: ({ value, allItems, selected }) => multiSelectStrategy.select({
+    items: allItems,
+    value,
+    selected,
+    isRequired: false
+  })
+};
+const nullSelectStrategy = {
+  selectable: false,
+  showSelectAll: false,
+  allSelected: () => [],
+  select: () => /* @__PURE__ */ new Set(),
+  selectAll: () => /* @__PURE__ */ new Set()
+};
+const makeDataTableSelectProps = props.propsFactory(
+  {
+    required: Boolean,
+    showSelect: Boolean,
+    selectStrategy: {
+      type: [String, Object],
+      default: void 0
+    },
+    selected: {
+      type: Array,
+      default: () => []
+    },
+    valueComparator: {
+      type: Function,
+      default: isFunctions.isDeepEqual
+    }
+  },
+  "DataTable-select"
+);
+const EvDataTableSelectionSymbol = Symbol.for("ev:data-table-selection");
+function provideSelection(props2, allItems) {
+  const showSelect = vue.toRef(props2, "showSelect");
+  const isRequired = vue.toRef(props2, "required");
+  const lastToggledItem = vue.ref(null);
+  const selected = modelProxy.useModelProxy(
+    props2,
+    "selected",
+    props2.selected,
+    (v) => {
+      return new Set(
+        helpers.wrapInArray(v).map((v2) => {
+          var _a;
+          return ((_a = allItems.value.find(
+            (item) => props2.valueComparator(v2, item.value)
+          )) == null ? void 0 : _a.value) ?? v2;
+        })
+      );
+    },
+    (v) => {
+      return [...v.values()];
+    }
+  );
+  const allSelectable = vue.computed(
+    () => allItems.value.filter((item) => item.selectable)
+  );
+  const selectStrategy = vue.computed(() => {
+    if (typeof props2.selectStrategy === "object") {
+      return props2.selectStrategy;
+    }
+    switch (props2.selectStrategy) {
+      case "single":
+        return singleSelectStrategy;
+      case "multiple":
+        return multiSelectStrategy;
+      default:
+        return nullSelectStrategy;
+    }
+  });
+  function isSelected(items) {
+    return helpers.wrapInArray(items).every(
+      (item) => selected.value.has(item.value)
+    );
+  }
+  function isSomeSelected(items) {
+    return helpers.wrapInArray(items).some(
+      (item) => selected.value.has(item.value)
+    );
+  }
+  function select(items, value) {
+    selected.value = selectStrategy.value.select({
+      items,
+      value,
+      selected: new Set(selected.value),
+      isRequired: isRequired.value
+    });
+  }
+  function toggleSelect(item, shiftPressed = false) {
+    const isItemSelected = isSelected([item]);
+    if (lastToggledItem.value && shiftPressed) {
+      const lastIndex = allSelectable.value.findIndex((v) => {
+        return props2.valueComparator(v, lastToggledItem.value);
+      });
+      const currentIndex = allSelectable.value.findIndex((v) => {
+        return props2.valueComparator(v, item);
+      });
+      if (lastIndex === -1 || currentIndex === -1) {
+        select([item], !isSelected([item]));
+        lastToggledItem.value = selected.value.size > 0 ? item : null;
+        return;
+      }
+      const [start, end] = lastIndex < currentIndex ? [lastIndex, currentIndex] : [currentIndex, lastIndex];
+      const rangeItems = allSelectable.value.slice(start, end + 1);
+      const isLastSelected = isSelected([lastToggledItem.value]);
+      const allOpposite = rangeItems.filter(
+        (i) => isSelected([i]) !== isLastSelected
+      );
+      select(allOpposite, isLastSelected);
+      if (isLastSelected === isItemSelected) {
+        select([item], !isItemSelected);
+      }
+    } else {
+      select([item], !isSelected([item]));
+    }
+    lastToggledItem.value = selected.value.size > 0 ? item : null;
+  }
+  function selectAll(value) {
+    lastToggledItem.value = null;
+    selected.value = selectStrategy.value.selectAll({
+      value,
+      allItems: allSelectable.value,
+      selected: new Set(selected.value)
+    });
+  }
+  const someSelected = vue.computed(() => selected.value.size > 0);
+  const allSelected = vue.computed(() => {
+    const items = selectStrategy.value.allSelected({
+      allItems: allSelectable.value
+    });
+    return !!items.length && isSelected(items);
+  });
+  const showSelectAll = vue.computed(
+    () => showSelect.value && selectStrategy.value.showSelectAll
+  );
+  const data = {
+    selected,
+    selectStrategy,
+    toggleSelect,
+    select,
+    selectAll,
+    isRequired,
+    isSelected,
+    isSomeSelected,
+    someSelected,
+    allSelected,
+    showSelect,
+    showSelectAll
+  };
+  vue.provide(EvDataTableSelectionSymbol, data);
+  return data;
+}
+function useSelection() {
+  const data = vue.inject(EvDataTableSelectionSymbol);
+  if (!data) {
+    throw new Error("Unable to `useSelection()`");
+  }
+  return data;
+}
+exports.EvDataTableSelectionSymbol = EvDataTableSelectionSymbol;
+exports.makeDataTableSelectProps = makeDataTableSelectProps;
+exports.provideSelection = provideSelection;
+exports.useSelection = useSelection;
+//# sourceMappingURL=select.cjs.map

package/dist/cjs/src/components/EvDataTable/composables/select.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.cjs","sources":["../../../../../../src/components/EvDataTable/composables/select.ts"],"sourcesContent":["import { DataTableItemProps } from \"./items\";\nimport { EventProp, isDeepEqual, propsFactory, wrapInArray } from \"@/util\";\nimport {\n    computed,\n    inject,\n    InjectionKey,\n    PropType,\n    provide,\n    ref,\n    Ref,\n    toRef,\n} from \"vue\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\n\nexport interface SelectableItem {\n    value: any;\n    selectable: boolean;\n}\n\nexport interface DataTableSelectStrategy {\n    selectable: boolean;\n    showSelectAll: boolean;\n    allSelected: (data: {\n        allItems: SelectableItem[];\n    }) => SelectableItem[];\n    select: (data: {\n        items: SelectableItem[];\n        value: boolean;\n        selected: Set<unknown>;\n        isRequired: boolean;\n    }) => Set<unknown>;\n    selectAll: (data: {\n        value: boolean;\n        allItems: SelectableItem[];\n        selected: Set<unknown>;\n    }) => Set<unknown>;\n}\n\ntype SelectionProps = Pick<DataTableItemProps, \"itemValue\"> & {\n    selected: readonly any[];\n    selectStrategy?: \"single\" | \"multiple\" | undefined;\n    showSelect: boolean;\n    valueComparator: typeof isDeepEqual;\n    required: boolean;\n    \"onUpdate:selected\"?: EventProp<[any[]]> | undefined;\n};\n\nconst singleSelectStrategy: DataTableSelectStrategy = {\n    selectable: true,\n    showSelectAll: false,\n    allSelected: () => [],\n    select: ({ items, value, selected, isRequired }) => {\n        return new Set(value || isRequired ? [items[0]?.value] : []);\n    },\n    selectAll: ({ selected }) => selected,\n};\n\nconst multiSelectStrategy: DataTableSelectStrategy = {\n    selectable: true,\n    showSelectAll: true,\n    allSelected: ({ allItems }) => allItems,\n    select: ({ items, value, selected, isRequired }) => {\n        for (const item of items) {\n            value\n                ? selected.add(item.value)\n                : !isRequired || selected.size > 1\n                  ? selected.delete(item.value)\n                  : null;\n        }\n        return selected;\n    },\n    selectAll: ({ value, allItems, selected }) =>\n        multiSelectStrategy.select({\n            items: allItems,\n            value,\n            selected,\n            isRequired: false,\n        }),\n};\n\nconst nullSelectStrategy: DataTableSelectStrategy = {\n    selectable: false,\n    showSelectAll: false,\n    allSelected: () => [],\n    select: () => new Set(),\n    selectAll: () => new Set(),\n};\n\nexport const makeDataTableSelectProps = propsFactory(\n    {\n        required: Boolean,\n        showSelect: Boolean,\n        selectStrategy: {\n            type: [String, Object] as PropType<\"single\" | \"multiple\">,\n            default: undefined,\n        },\n        selected: {\n            type: Array as PropType<readonly any[]>,\n            default: () => [],\n        },\n        valueComparator: {\n            type: Function as PropType<typeof isDeepEqual>,\n            default: isDeepEqual,\n        },\n    },\n    \"DataTable-select\",\n);\n\nexport const EvDataTableSelectionSymbol: InjectionKey<\n    ReturnType<typeof provideSelection>\n> = Symbol.for(\"ev:data-table-selection\");\n\nexport function provideSelection(\n    props: SelectionProps,\n    allItems: Ref<SelectableItem[]>,\n) {\n    const showSelect = toRef(props, \"showSelect\");\n    const isRequired = toRef(props, \"required\");\n    const lastToggledItem = ref<SelectableItem | null>(null);\n\n    const selected = useModelProxy(\n        props,\n        \"selected\",\n        props.selected,\n        (v) => {\n            return new Set(\n                wrapInArray(v).map((v) => {\n                    return (\n                        allItems.value.find((item) =>\n                            props.valueComparator(v, item.value),\n                        )?.value ?? v\n                    );\n                }),\n            );\n        },\n        (v) => {\n            return [...v.values()];\n        },\n    );\n\n    const allSelectable = computed(() =>\n        allItems.value.filter((item) => item.selectable),\n    );\n\n    const selectStrategy = computed(() => {\n        if (typeof props.selectStrategy === \"object\") {\n            return props.selectStrategy;\n        }\n        switch (props.selectStrategy) {\n            case \"single\":\n                return singleSelectStrategy;\n            case \"multiple\":\n                return multiSelectStrategy;\n            default:\n                return nullSelectStrategy;\n        }\n    });\n\n    function isSelected(items: SelectableItem | SelectableItem[]) {\n        return wrapInArray(items).every((item) =>\n            selected.value.has(item.value),\n        );\n    }\n\n    function isSomeSelected(items: SelectableItem | SelectableItem[]) {\n        return wrapInArray(items).some((item) =>\n            selected.value.has(item.value),\n        );\n    }\n\n    function select(items: SelectableItem[], value: boolean) {\n        selected.value = selectStrategy.value.select({\n            items,\n            value,\n            selected: new Set(selected.value),\n            isRequired: isRequired.value,\n        });\n    }\n\n    function toggleSelect(item: SelectableItem, shiftPressed: boolean = false) {\n        const isItemSelected = isSelected([item]);\n        if (lastToggledItem.value && shiftPressed) {\n            const lastIndex = allSelectable.value.findIndex((v) => {\n                return props.valueComparator(v, lastToggledItem.value);\n            });\n            const currentIndex = allSelectable.value.findIndex((v) => {\n                return props.valueComparator(v, item);\n            });\n            if (lastIndex === -1 || currentIndex === -1) {\n                select([item], !isSelected([item]));\n                lastToggledItem.value = selected.value.size > 0 ? item : null;\n                return;\n            }\n            const [start, end] =\n                lastIndex < currentIndex\n                    ? [lastIndex, currentIndex]\n                    : [currentIndex, lastIndex];\n            const rangeItems = allSelectable.value.slice(start, end + 1);\n            const isLastSelected = isSelected([lastToggledItem.value]);\n            const allOpposite = rangeItems.filter(\n                (i) => isSelected([i]) !== isLastSelected,\n            );\n            select(allOpposite, isLastSelected);\n            if (isLastSelected === isItemSelected) {\n                select([item], !isItemSelected);\n            }\n        } else {\n            select([item], !isSelected([item]));\n        }\n        lastToggledItem.value = selected.value.size > 0 ? item : null;\n    }\n\n    function selectAll(value: boolean) {\n        lastToggledItem.value = null;\n        selected.value = selectStrategy.value.selectAll({\n            value,\n            allItems: allSelectable.value,\n            selected: new Set(selected.value),\n        });\n    }\n\n    const someSelected = computed(() => selected.value.size > 0);\n    const allSelected = computed(() => {\n        const items = selectStrategy.value.allSelected({\n            allItems: allSelectable.value,\n        });\n        return !!items.length && isSelected(items);\n    });\n\n    const showSelectAll = computed(\n        () => showSelect.value && selectStrategy.value.showSelectAll,\n    );\n\n    const data = {\n        selected,\n        selectStrategy,\n        toggleSelect,\n        select,\n        selectAll,\n        isRequired,\n        isSelected,\n        isSomeSelected,\n        someSelected,\n        allSelected,\n        showSelect,\n        showSelectAll,\n    };\n    provide(EvDataTableSelectionSymbol, data);\n    return data;\n}\n\nexport function useSelection() {\n    const data = inject(EvDataTableSelectionSymbol);\n    if (!data) {\n        throw new Error(\"Unable to `useSelection()`\");\n    }\n    return data;\n}\n"],"names":["propsFactory","isDeepEqual","props","toRef","ref","useModelProxy","wrapInArray","v","computed","provide","inject"],"mappings":"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"}

package/dist/cjs/src/components/EvDataTable/composables/sort.cjs

@@ -0,0 +1,114 @@
+"use strict";
+/*! Evance UI v1.0.40 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const modelProxy = require("../../../composables/modelProxy.cjs");
+const ArrowDownIcon = require("../../../icons/glyph/ArrowDownIcon.svg.cjs");
+const ArrowUpIcon = require("../../../icons/glyph/ArrowUpIcon.svg.cjs");
+const locale = require("../../../composables/locale.cjs");
+const props = require("../../../util/props.cjs");
+const makeDataTableSortProps = props.propsFactory(
+  {
+    sort: {
+      type: Array,
+      default: () => []
+    },
+    sortOptions: Array
+  },
+  "data-table-sort"
+);
+function useSortOptions(props2) {
+  const sortSelected = modelProxy.useModelProxy(props2, "sort");
+  const { t } = locale.useLocaleFunctions();
+  const hasSort = vue.computed(() => {
+    var _a;
+    return (_a = props2.sortOptions) == null ? void 0 : _a.length;
+  });
+  function isTitleDisabled(title) {
+    return getItemsByTitle(title).every((option) => option.disabled);
+  }
+  function getItemsByTitle(title) {
+    return sortOptions.value.filter((item) => item.title === title);
+  }
+  function getTitleFromValue(value) {
+    const titles = sortOptions.value.filter((item) => item.value === value).map((item) => item.title);
+    return titles[0] ?? void 0;
+  }
+  function isAscending(value) {
+    return value == null ? void 0 : value.endsWith("asc");
+  }
+  const sortOptions = vue.computed(() => {
+    return props2.sortOptions.map((item) => {
+      return Object.assign(
+        {
+          disabled: item.disabled ?? false,
+          direction: item.value.endsWith("asc") ? t("sort.ascending") : t("sort.descending")
+        },
+        item
+      );
+    });
+  });
+  const sortTitleOptions = vue.computed(() => {
+    const titles = Array.from(
+      new Set(sortOptions.value.map((item) => item.title))
+    );
+    const options = [];
+    for (const title of titles) {
+      options.push({
+        title,
+        value: title,
+        props: {
+          disabled: isTitleDisabled(title)
+        }
+      });
+    }
+    return options;
+  });
+  const sortTitleSelected = vue.computed(() => {
+    const titles = [];
+    for (const value of sortSelected.value) {
+      titles.push(getTitleFromValue(value));
+    }
+    return titles;
+  });
+  const sortTitle = vue.computed(() => sortTitleSelected.value[0]);
+  const sortDirectionOptions = vue.computed(() => {
+    const options = getItemsByTitle(sortTitle.value);
+    return options.map((option) => {
+      return Object.assign(
+        {
+          props: {
+            disabled: option.disabled,
+            iconStart: isAscending(option.value) ? ArrowUpIcon.default : ArrowDownIcon.default
+          }
+        },
+        option
+      );
+    });
+  });
+  const onSortTitleSelected = (selection) => {
+    const options = getItemsByTitle(selection[0]);
+    const availableValues = options.filter((option) => {
+      return isAscending(option.value) === isAscending(sortSelected.value[0]) && !option.disabled;
+    });
+    const newOption = availableValues[0] ?? options[0];
+    sortSelected.value = [newOption.value];
+  };
+  const sortIcon = vue.computed(() => {
+    return isAscending(sortSelected.value[0]) ? ArrowUpIcon.default : ArrowDownIcon.default;
+  });
+  return {
+    hasSort,
+    sortOptions,
+    sortSelected,
+    sortTitle,
+    sortTitleOptions,
+    sortTitleSelected,
+    sortDirectionOptions,
+    onSortTitleSelected,
+    sortIcon
+  };
+}
+exports.makeDataTableSortProps = makeDataTableSortProps;
+exports.useSortOptions = useSortOptions;
+//# sourceMappingURL=sort.cjs.map

package/dist/cjs/src/components/EvDataTable/composables/sort.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sort.cjs","sources":["../../../../../../src/components/EvDataTable/composables/sort.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { computed, ComputedRef, PropType } from \"vue\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\nimport { useLocaleFunctions } from \"@/composables\";\nimport { ArrowDownIcon, ArrowUpIcon } from \"@/icons\";\n\nexport type SortItem = {\n    key: string;\n    order?: boolean | \"asc\" | \"desc\";\n};\n\nexport interface SortOption {\n    title: string;\n    value: string;\n    direction?: string;\n    disabled?: boolean;\n}\n\nexport interface SortProps {\n    sort: string[];\n    sortOptions: SortOption[];\n}\n\nexport const makeDataTableSortProps = propsFactory(\n    {\n        sort: {\n            type: Array as PropType<string[]>,\n            default: () => [],\n        },\n        sortOptions: Array as PropType<SortOption[]>,\n    },\n    \"data-table-sort\",\n);\n\nexport function useSortOptions(props: SortProps) {\n    const sortSelected = useModelProxy(props, \"sort\");\n    const { t } = useLocaleFunctions();\n    const hasSort = computed(() => props.sortOptions?.length);\n\n    function isTitleDisabled(title: string) {\n        return getItemsByTitle(title).every((option) => option.disabled);\n    }\n\n    function getItemsByTitle(title: string) {\n        return sortOptions.value.filter((item) => item.title === title);\n    }\n\n    function getTitleFromValue(value: string) {\n        const titles = sortOptions.value\n            .filter((item) => item.value === value)\n            .map((item) => item.title);\n        return titles[0] ?? undefined;\n    }\n\n    function isAscending(value: string) {\n        return value?.endsWith(\"asc\");\n    }\n\n    /**\n     * Fixes some optional properties in `SortOption` objects.\n     */\n    const sortOptions: ComputedRef<SortOption[]> = computed(() => {\n        return props.sortOptions.map((item) => {\n            return Object.assign(\n                {\n                    disabled: item.disabled ?? false,\n                    direction: item.value.endsWith(\"asc\")\n                        ? t(\"sort.ascending\")\n                        : t(\"sort.descending\"),\n                },\n                item,\n            );\n        });\n    });\n\n    /**\n     * Reduces the supplied sort options down to unique titles\n     * and determines whether the title is disabled if all of its\n     * values are disabled.\n     */\n    const sortTitleOptions = computed(() => {\n        const titles = Array.from(\n            new Set(sortOptions.value.map((item) => item.title)),\n        );\n        const options = [];\n        for (const title of titles) {\n            options.push({\n                title,\n                value: title,\n                props: {\n                    disabled: isTitleDisabled(title),\n                },\n            });\n        }\n        return options;\n    });\n\n    const sortTitleSelected = computed(() => {\n        const titles = [];\n        for (const value of sortSelected.value) {\n            titles.push(getTitleFromValue(value));\n        }\n        return titles;\n    });\n\n    const sortTitle = computed(() => sortTitleSelected.value[0]);\n\n    const sortDirectionOptions = computed(() => {\n        const options = getItemsByTitle(sortTitle.value);\n        return options.map((option) => {\n            return Object.assign(\n                {\n                    props: {\n                        disabled: option.disabled,\n                        iconStart: isAscending(option.value)\n                            ? ArrowUpIcon\n                            : ArrowDownIcon,\n                    },\n                },\n                option,\n            );\n        });\n    });\n\n    const onSortTitleSelected = (selection: string[]) => {\n        const options = getItemsByTitle(selection[0]);\n        const availableValues = options.filter((option) => {\n            return (\n                isAscending(option.value) ===\n                    isAscending(sortSelected.value[0]) && !option.disabled\n            );\n        });\n        const newOption = availableValues[0] ?? options[0];\n        sortSelected.value = [newOption.value];\n    };\n\n    const sortIcon = computed(() => {\n        return isAscending(sortSelected.value[0]) ? ArrowUpIcon : ArrowDownIcon;\n    });\n\n    return {\n        hasSort,\n        sortOptions,\n        sortSelected,\n        sortTitle,\n        sortTitleOptions,\n        sortTitleSelected,\n        sortDirectionOptions,\n        onSortTitleSelected,\n        sortIcon,\n    };\n}\n"],"names":["propsFactory","props","useModelProxy","useLocaleFunctions","computed","ArrowUpIcon","ArrowDownIcon"],"mappings":"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"}

package/dist/cjs/src/components/EvDateField/EvDateField.cjs

@@ -0,0 +1,22 @@
+"use strict";
+/*! Evance UI v1.0.40 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const EvDatePicker = require("../EvDatePicker/EvDatePicker.cjs");
+const EvTextfield = require("../EvTextfield/EvTextfield.cjs");
+const CalendarIcon = require("../../icons/glyph/CalendarIcon.svg.cjs");
+const props = require("../../util/props.cjs");
+const helpers = require("../../util/helpers.cjs");
+const makeEvDateFieldProps = props.propsFactory(
+  {
+    ...helpers.omit(
+      EvTextfield.makeEvTextfieldProps({
+        iconStart: CalendarIcon.default
+      }),
+      ["type"]
+    ),
+    ...EvDatePicker.makeEvDatePickerProps()
+  },
+  "EvDateField"
+);
+exports.makeEvDateFieldProps = makeEvDateFieldProps;
+//# sourceMappingURL=EvDateField.cjs.map

package/dist/cjs/src/components/EvDateField/EvDateField.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvDateField.cjs","sources":["../../../../../src/components/EvDateField/EvDateField.ts"],"sourcesContent":["import { omit, propsFactory } from \"@/util\";\nimport { makeEvDatePickerProps } from \"@/components/EvDatePicker\";\nimport { makeEvTextfieldProps } from \"@/components/EvTextfield\";\nimport { CalendarIcon } from \"@/icons\";\n\nexport const makeEvDateFieldProps = propsFactory(\n    {\n        ...omit(\n            makeEvTextfieldProps({\n                iconStart: CalendarIcon,\n            }),\n            [\"type\"],\n        ),\n        ...makeEvDatePickerProps(),\n    },\n    \"EvDateField\",\n);\n"],"names":["propsFactory","omit","makeEvTextfieldProps","CalendarIcon","makeEvDatePickerProps"],"mappings":";;;;;;;;AAKO,MAAM,uBAAuBA,MAAA;AAAA,EAChC;AAAA,IACI,GAAGC,QAAA;AAAA,MACCC,iCAAqB;AAAA,QACjB,WAAWC,aAAAA;AAAAA,MAAA,CACd;AAAA,MACD,CAAC,MAAM;AAAA,IACX;AAAA,IACA,GAAGC,aAAsB,sBAAA;AAAA,EAC7B;AAAA,EACA;AACJ;;"}

package/dist/cjs/src/components/EvDateField/EvDateField.vue.cjs

@@ -0,0 +1,161 @@
+"use strict";
+/*! Evance UI v1.0.40 | MIT License */
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+;/* empty css                   */
+const EvDateField = require("./EvDateField.cjs");
+const EvTextfield_vue_vue_type_script_setup_true_lang = require("../EvTextfield/EvTextfield.vue.cjs");
+const EvMenu_vue_vue_type_script_setup_true_lang = require("../EvMenu/EvMenu.vue.cjs");
+const EvDatePicker_vue_vue_type_script_setup_true_lang = require("../EvDatePicker/EvDatePicker.vue.cjs");
+const EvSurface_vue_vue_type_script_setup_true_lang = require("../EvSurface/EvSurface.vue.cjs");
+const modelProxy = require("../../composables/modelProxy.cjs");
+const date = require("../../composables/date/date.cjs");
+const helpers = require("../../util/helpers.cjs");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvDateField",
+  props: {
+    ...EvDateField.makeEvDateFieldProps()
+  },
+  setup(__props) {
+    const props = __props;
+    const dateAdapter = date.useDate();
+    const slots = vue.useSlots();
+    const evMenuRef = vue.ref();
+    const evTextfieldRef = vue.ref();
+    const evTextfieldProps = vue.computed(() => {
+      return helpers.omit(helpers.filterComponentProps(EvTextfield_vue_vue_type_script_setup_true_lang.default, props), ["modelValue"]);
+    });
+    const isFocused = vue.shallowRef(false);
+    const datePickerRef = vue.ref();
+    const datePickerProps = vue.computed(() => {
+      return helpers.omit(helpers.filterComponentProps(EvDatePicker_vue_vue_type_script_setup_true_lang.default, props), ["modelValue"]);
+    });
+    const isMenuOpen = vue.shallowRef(false);
+    const modelValue = modelProxy.useModelProxy(
+      props,
+      "modelValue",
+      void 0,
+      (value) => helpers.wrapInArray(value),
+      (value) => {
+        return value[0] ?? null;
+      }
+    );
+    const displayValue = vue.shallowRef(null);
+    function onMenuAfterLeave() {
+      if (isFocused.value && evTextfieldRef.value) {
+        evTextfieldRef.value.focus();
+      }
+    }
+    function onFieldFocus() {
+      isFocused.value = true;
+      isMenuOpen.value = true;
+    }
+    function onFieldBlur(e) {
+      var _a;
+      if (!((_a = datePickerRef.value) == null ? void 0 : _a.$el.contains(e.relatedTarget))) {
+        isMenuOpen.value = false;
+      }
+    }
+    function onDatePickerFocusIn(e) {
+      isFocused.value = true;
+    }
+    function onUpdateModelValue() {
+      isMenuOpen.value = false;
+    }
+    function onClearInput() {
+      setModelValue(null);
+    }
+    function setModelValue(value) {
+      modelValue.value = helpers.wrapInArray(value);
+    }
+    function onInput(e) {
+      var _a;
+      if (!((_a = displayValue.value) == null ? void 0 : _a.length)) {
+        setModelValue(null);
+        return;
+      }
+      const date2 = dateAdapter.date(displayValue.value);
+      if (date2 && dateAdapter.isValid(date2) && dateAdapter.getYear(date2).toString().length === 4 && dateAdapter.format(date2, "displayDate") === displayValue.value) {
+        setModelValue(date2);
+      }
+    }
+    vue.watch(modelValue, () => {
+      const date2 = modelValue.value[0] ?? null;
+      if (!date2 || !dateAdapter.isValid(date2)) {
+        displayValue.value = null;
+      } else {
+        displayValue.value = dateAdapter.format(
+          modelValue.value[0],
+          "displayDate"
+        );
+      }
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(EvTextfield_vue_vue_type_script_setup_true_lang.default), vue.mergeProps({
+        ref_key: "evTextfieldRef",
+        ref: evTextfieldRef
+      }, evTextfieldProps.value, {
+        modelValue: displayValue.value,
+        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => displayValue.value = $event),
+        focused: isFocused.value,
+        "onUpdate:focused": _cache[4] || (_cache[4] = ($event) => isFocused.value = $event),
+        class: "ev-date-field",
+        "validation-value": vue.unref(modelValue),
+        "onClick:control": onFieldFocus,
+        onBlur: onFieldBlur,
+        "onClick:clear": onClearInput,
+        onInput
+      }), vue.createSlots({
+        default: vue.withCtx(() => [
+          vue.createVNode(vue.unref(EvMenu_vue_vue_type_script_setup_true_lang.default), {
+            ref_key: "evMenuRef",
+            ref: evMenuRef,
+            modelValue: isMenuOpen.value,
+            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isMenuOpen.value = $event),
+            activator: "parent",
+            position: "bottom-start",
+            "open-on-click": false,
+            "close-on-content-click": false,
+            onAfterLeave: onMenuAfterLeave
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(vue.unref(EvSurface_vue_vue_type_script_setup_true_lang.default), {
+                elevation: "overlay",
+                class: "ev-date-field--surface"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(EvDatePicker_vue_vue_type_script_setup_true_lang.default), vue.mergeProps({
+                    ref_key: "datePickerRef",
+                    ref: datePickerRef
+                  }, datePickerProps.value, {
+                    modelValue: vue.unref(modelValue),
+                    "onUpdate:modelValue": [
+                      _cache[0] || (_cache[0] = ($event) => vue.isRef(modelValue) ? modelValue.value = $event : null),
+                      _cache[1] || (_cache[1] = ($event) => onUpdateModelValue())
+                    ],
+                    onFocusin: onDatePickerFocusIn
+                  }), null, 16, ["modelValue"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ]),
+        _: 2
+      }, [
+        props.label || vue.unref(slots).label ? {
+          name: "label",
+          fn: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "label", {}, () => [
+              vue.createTextVNode(vue.toDisplayString(props.label), 1)
+            ])
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040, ["modelValue", "focused", "validation-value"]);
+    };
+  }
+});
+exports.default = _sfc_main;
+//# sourceMappingURL=EvDateField.vue.cjs.map