@evance/evance-ui 1.0.17 → 1.0.18

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

@@ -1 +0,0 @@
-{"version":3,"file":"EvDataTable.vue_vue_type_script_setup_true_lang-kOFCNoav.cjs","sources":["../../src/components/EvDataTable/composables/items.ts","../../src/components/EvDataTable/EvDataTable.ts","../../src/components/EvDataTable/EvDataTable.vue"],"sourcesContent":["import { getPropertyValue, GetterPropertyKey, propsFactory } from \"@/util\";\r\nimport { computed, PropType, Ref } from \"vue\";\r\nimport {\r\n    DataTableItem,\r\n    InternalDataTableHeader,\r\n} from \"@/components/EvDataTable/composables/types.ts\";\r\n\r\nexport interface DataTableItemProps {\r\n    items: any[];\r\n    itemValue: GetterPropertyKey;\r\n    itemSelectable?: GetterPropertyKey;\r\n    returnObject: boolean;\r\n}\r\n\r\nexport const makeDataTableItemsProps = propsFactory(\r\n    {\r\n        items: {\r\n            type: Array as PropType<DataTableItemProps[\"items\"]>,\r\n            default: () => [],\r\n        },\r\n        itemValue: {\r\n            type: [String, Array, Function] as PropType<GetterPropertyKey>,\r\n            default: \"id\",\r\n        },\r\n        itemSelectable: {\r\n            type: [String, Array, Function] as PropType<GetterPropertyKey>,\r\n            default: null,\r\n        },\r\n        returnObject: Boolean,\r\n    },\r\n    \"data-table-items\",\r\n);\r\n\r\nexport function transformItem(\r\n    props: Omit<DataTableItemProps, \"items\">,\r\n    item: any,\r\n    index: number,\r\n    columns: InternalDataTableHeader[],\r\n): DataTableItem {\r\n    const value = props.returnObject\r\n        ? item\r\n        : getPropertyValue(item, props.itemValue);\r\n    const selectable = getPropertyValue(item, props.itemSelectable, true);\r\n    const itemColumns = columns.reduce(\r\n        (obj, column) => {\r\n            if (column.key != null) {\r\n                obj[column.key] = getPropertyValue(item, column.value);\r\n                return obj;\r\n            }\r\n        },\r\n        {} as Record<string, unknown>,\r\n    );\r\n    return {\r\n        key: props.returnObject\r\n            ? getPropertyValue(item, props.itemValue)\r\n            : value,\r\n        index,\r\n        value,\r\n        selectable,\r\n        columns: itemColumns,\r\n        raw: item,\r\n    };\r\n}\r\n\r\nexport function transformItems(\r\n    props: Omit<DataTableItemProps, \"items\">,\r\n    items: DataTableItemProps[\"items\"],\r\n    columns: InternalDataTableHeader[],\r\n): DataTableItem[] {\r\n    return items.map((item, index) =>\r\n        transformItem(props, item, index, columns),\r\n    );\r\n}\r\n\r\nexport function useDataTableItems(\r\n    items,\r\n    props: DataTableItemProps,\r\n    columns: Ref<InternalDataTableHeader[]>,\r\n) {\r\n    const internalItems = computed(() =>\r\n        transformItems(props, items.value, columns.value),\r\n    );\r\n    return { items: internalItems };\r\n}\r\n","import { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { makeVirtualProps } from \"@/composables/virtual\";\nimport { makeDimensionsProps } from \"@/composables/dimensions\";\nimport { makeDataTableItemsProps } from \"./composables/items\";\nimport { makeDataTableHeaderProps } from \"./composables/headers\";\nimport { makeDataTableSelectProps } from \"./composables/select\";\nimport { makeEvDataTableSearchProps } from \"./EvDataTableSearch\";\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\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, ref, watch } from \"vue\";\r\nimport { useVirtual } from \"@/composables/virtual\";\r\nimport { filterComponentProps, omit, toWebUnit } from \"@/util\";\r\nimport { DataTableItemProps, useDataTableItems } from \"./composables/items\";\r\nimport EvVirtualScrollItem from \"@/components/EvVirtualScroll/EvVirtualScrollItem.vue\";\r\nimport { createHeaders } from \"@/components/EvDataTable/composables/headers\";\r\nimport { EvDataTableRow } from \"@/components/EvDataTable/EvDataTableRow\";\r\nimport { provideSelection } from \"@/components/EvDataTable/composables/select\";\r\nimport { EvDataTableSearch } from \"@/components/EvDataTable/EvDataTableSearch\";\r\nimport { useModelProxy } from \"@/composables/modelProxy\";\r\nimport {\r\n    DataTableHeader,\r\n    ItemSlot,\r\n} from \"@/components/EvDataTable/composables/types\";\r\nimport { useLocaleFunctions } from \"@/composables\";\r\nimport {\r\n    EvInfiniteScroll,\r\n    InfiniteScrollStatus,\r\n} from \"@/components/EvInfiniteScroll\";\r\nimport { ComponentExposed } from \"vue-component-type-helpers\";\r\nimport { EvDataTableCell } from \"@/components/EvDataTable/EvDataTableCell\";\r\nimport { calculateDisplayRuleValue } from \"@/composables/display\";\r\nimport { EvCheckbox } from \"@/components/EvCheckbox\";\r\n\r\nconst props = defineProps({ ...makeEvDataTableProps() });\r\nconst slots = defineSlots<{\r\n    colgroup(): never;\r\n    default(): never;\r\n    empty(): never;\r\n    filters(): never;\r\n    item(props: ItemSlot): never;\r\n    \"select-actions\"(): never;\r\n}>();\r\n\r\nconst emit = defineEmits<{\r\n    (\r\n        e: \"load\",\r\n        options: {\r\n            next: (nextItems: DataTableItemProps[\"items\"]) => void;\r\n            page: number;\r\n        },\r\n    ): void;\r\n    (e: \"update:modelValue\", value: unknown[]): void;\r\n    (e: \"update:page\", value: number): void;\r\n    (e: \"update:search\", value: string): void;\r\n    (e: \"update:sort\", value: string[]): void;\r\n}>();\r\n\r\nconst isLoading = useModelProxy(props, \"loading\");\r\nconst itemsModel = useModelProxy(props, \"items\");\r\nconst pageModel = useModelProxy(props, \"page\");\r\nconst dimensions = useDimensions(props);\r\nconst { columns, headers } = createHeaders(props);\r\nconst { items } = useDataTableItems(itemsModel, props, columns);\r\n\r\nconst { allSelected, selectAll, showSelectAll, someSelected } =\r\n    provideSelection(props, {\r\n        allItems: items,\r\n        currentPage: items,\r\n    });\r\n\r\nconst {\r\n    containerRef,\r\n    markerRef,\r\n    paddingTop,\r\n    paddingBottom,\r\n    computedItems,\r\n    handleItemResize,\r\n    handleScroll,\r\n    handleScrollend,\r\n} = useVirtual(props, items);\r\n\r\nconst totalColumns = computed(() => {\r\n    return columns.value.length + (props.showSelect ? 1 : 0);\r\n});\r\n\r\nconst { t } = useLocaleFunctions();\r\nconst sortModel = useModelProxy(props, \"sort\");\r\nconst searchModel = useModelProxy(props, \"search\");\r\nconst infiniteScrollRef = ref<ComponentExposed<typeof EvInfiniteScroll>>();\r\nconst infiniteScrollDisabled = computed(() => isLoading.value);\r\nconst isEmpty = computed(() => !itemsModel.value?.length);\r\nconst searchProps = computed(() => {\r\n    return omit(filterComponentProps(EvDataTableSearch, props), [\r\n        \"loading\",\r\n        \"search\",\r\n        \"sort\",\r\n    ]);\r\n});\r\n\r\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        onChange();\r\n    },\r\n    { deep: true },\r\n);\r\n\r\nfunction onChange() {\r\n    isLoading.value = true;\r\n    const nextPage = 1;\r\n    function next(results: DataTableItemProps[\"items\"]) {\r\n        itemsModel.value = results;\r\n        pageModel.value = nextPage;\r\n        isLoading.value = false;\r\n        resetScroll(results.length < props.itemsPerPage ? \"finished\" : \"ok\");\r\n    }\r\n    emit(\"load\", { next, page: nextPage });\r\n}\r\n\r\nfunction onInfiniteScrollLoad(options) {\r\n    const nextPage = pageModel.value + 1;\r\n    function next(results: DataTableItemProps[\"items\"]) {\r\n        itemsModel.value.push(...results);\r\n        pageModel.value = nextPage;\r\n        results.length < props.itemsPerPage ? options.done() : options.next();\r\n    }\r\n    emit(\"load\", { next, 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: onChange,\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=\"onChange\"\r\n            @update:search=\"onChange\">\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            @load=\"onInfiniteScrollLoad\"\r\n            @scroll.passive=\"handleScroll\"\r\n            @scrollend=\"handleScrollend\">\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: toWebUnit(paddingTop), border: 0 }\">\r\n                        <td\r\n                            :colspan=\"totalColumns\"\r\n                            :style=\"{ height: 0, border: 0 }\"></td>\r\n                    </tr>\r\n                    <ev-virtual-scroll-item\r\n                        v-for=\"displayItem of computedItems\"\r\n                        :key=\"displayItem.index\"\r\n                        renderless\r\n                        @update:height=\"\r\n                            (h) => handleItemResize(displayItem.index, h)\r\n                        \">\r\n                        <template #default=\"{ itemRef }\">\r\n                            <ev-data-table-row\r\n                                v-bind=\"{\r\n                                    ref: itemRef,\r\n                                    item: displayItem.raw,\r\n                                    index: displayItem.index,\r\n                                }\">\r\n                                <template #default=\"itemProps\">\r\n                                    <slot name=\"item\" v-bind=\"itemProps\" />\r\n                                </template>\r\n                                <template\r\n                                    v-for=\"column in columns\"\r\n                                    :key=\"`item-${displayItem.index}-${column.key}`\"\r\n                                    #[`item.${column.key}`]=\"cellProps\">\r\n                                    <slot\r\n                                        v-if=\"!slots.item\"\r\n                                        :name=\"`item.${column.key}`\"\r\n                                        v-bind=\"cellProps\" />\r\n                                </template>\r\n                            </ev-data-table-row>\r\n                        </template>\r\n                    </ev-virtual-scroll-item>\r\n                    <tr\r\n                        class=\"ev-data-table--spacer-below\"\r\n                        :style=\"{\r\n                            height: toWebUnit(paddingBottom),\r\n                            border: 0,\r\n                        }\">\r\n                        <td\r\n                            :colspan=\"totalColumns\"\r\n                            :style=\"{ height: 0, border: 0 }\"></td>\r\n                    </tr>\r\n                </tbody>\r\n            </table>\r\n        </ev-infinite-scroll>\r\n    </div>\r\n</template>\r\n"],"names":["propsFactory","props","getPropertyValue","computed","makeEvDataTableSearchProps","makeDataTableHeaderProps","makeDataTableSelectProps","makeDimensionsProps","makeVirtualProps","makeComponentProps","_useSlots","useModelProxy","dimensions","useDimensions","createHeaders","provideSelection","useVirtual","useLocaleFunctions","ref","omit","filterComponentProps","EvDataTableSearch","watch","calculateDisplayRuleValue"],"mappings":"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"}

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

@@ -1,52 +0,0 @@
-"use strict";
-/*! Evance UI v1.0.17 | MIT License */
-const vue = require("vue");
-const component = require("./component-B9JZWOlz.cjs");
-const dimensions = require("./dimensions-1IY4hyND.cjs");
-const props = require("./props-BZlSMo5N.cjs");
-const makeEvDataTableCellProps = props.propsFactory(
-  {
-    align: String,
-    colspan: Number,
-    noPadding: Boolean,
-    tag: {
-      type: String,
-      default: "td"
-    },
-    ...dimensions.makeDimensionsProps(),
-    ...component.makeComponentProps()
-  },
-  "EvDataTableCell"
-);
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "EvDataTableCell",
-  props: { ...makeEvDataTableCellProps() },
-  setup(__props) {
-    const props2 = __props;
-    vue.useSlots();
-    const alignClass = vue.computed(() => {
-      return props2.align ? `text-${props2.align}` : void 0;
-    });
-    const dimensions$1 = dimensions.useDimensions(props2);
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(props2.tag), {
-        class: vue.normalizeClass([
-          "ev-data-table-cell",
-          { "pa-0": props2.noPadding },
-          alignClass.value,
-          props2.class
-        ]),
-        colspan: props2.colspan,
-        style: vue.normalizeStyle([vue.unref(dimensions$1), props2.style])
-      }, {
-        default: vue.withCtx(() => [
-          vue.renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["class", "colspan", "style"]);
-    };
-  }
-});
-exports._sfc_main = _sfc_main;
-exports.makeEvDataTableCellProps = makeEvDataTableCellProps;
-//# sourceMappingURL=EvDataTableCell.vue_vue_type_script_setup_true_lang-DC6zhfyW.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"EvDataTableCell.vue_vue_type_script_setup_true_lang-DC6zhfyW.cjs","sources":["../../src/components/EvDataTable/EvDataTableCell/EvDataTableCell.ts","../../src/components/EvDataTable/EvDataTableCell/EvDataTableCell.vue"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { PropType } from \"vue\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { makeDimensionsProps } from \"@/composables/dimensions\";\n\nexport const makeEvDataTableCellProps = propsFactory(\n    {\n        align: String as PropType<\"start\" | \"center\" | \"end\">,\n        colspan: Number,\n        noPadding: Boolean,\n        tag: {\n            type: String as PropType<\"td\" | \"th\">,\n            default: \"td\",\n        },\n        ...makeDimensionsProps(),\n        ...makeComponentProps(),\n    },\n    \"EvDataTableCell\",\n);\n","<script setup lang=\"ts\">\nimport \"./EvDataTableCell.scss\";\nimport { makeEvDataTableCellProps } from \"./EvDataTableCell\";\nimport { computed } from \"vue\";\nimport { useDimensions } from \"@/composables/dimensions\";\n\nconst props = defineProps({ ...makeEvDataTableCellProps() });\nconst slots = defineSlots<{\n    default(): never;\n}>();\n\nconst alignClass = computed(() => {\n    return props.align ? `text-${props.align}` : undefined;\n});\n\nconst dimensions = useDimensions(props);\n</script>\n\n<template>\n    <component\n        :is=\"props.tag\"\n        :class=\"[\n            'ev-data-table-cell',\n            { 'pa-0': props.noPadding },\n            alignClass,\n            props.class,\n        ]\"\n        :colspan=\"props.colspan\"\n        :style=\"[dimensions, props.style]\">\n        <slot name=\"default\" />\n    </component>\n</template>\n"],"names":["propsFactory","makeDimensionsProps","makeComponentProps","_useSlots","computed","props","dimensions","useDimensions"],"mappings":";;;;;;AAKO,MAAM,2BAA2BA,MAAA;AAAA,EACpC;AAAA,IACI,OAAO;AAAA,IACP,SAAS;AAAA,IACT,WAAW;AAAA,IACX,KAAK;AAAA,MACD,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,GAAGC,+BAAoB;AAAA,IACvB,GAAGC,UAAmB,mBAAA;AAAA,EAC1B;AAAA,EACA;AACJ;;;;;;ACXcC;AAIR,UAAA,aAAaC,IAAAA,SAAS,MAAM;AAC9B,aAAOC,OAAM,QAAQ,QAAQA,OAAM,KAAK,KAAK;AAAA,IAAA,CAChD;AAEK,UAAAC,eAAaC,yBAAcF,MAAK;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/EvDataTableRow.vue_vue_type_script_setup_true_lang-CtbjDJV0.cjs

@@ -1,332 +0,0 @@
-"use strict";
-/*! Evance UI v1.0.17 | MIT License */
-const vue = require("vue");
-const events = require("./events-CNtFZgJA.cjs");
-const props = require("./props-BZlSMo5N.cjs");
-const EvDataTableCell_vue_vue_type_script_setup_true_lang = require("./EvDataTableCell.vue_vue_type_script_setup_true_lang-DC6zhfyW.cjs");
-const EvCheckbox_vue_vue_type_script_setup_true_lang = require("./EvCheckbox.vue_vue_type_script_setup_true_lang-cTS0UjpN.cjs");
-const select = require("./select-CoKl75xZ.cjs");
-const display = require("./display-BbX3i47i.cjs");
-const isFunctions = require("./is-functions-C3_uJs3B.cjs");
-const helpers = require("./helpers-DzawGRgw.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) {
-    const props2 = __props;
-    vue.useSlots();
-    const isClickable = vue.computed(() => {
-      return props2.onClick || props2.onContextmenu || props2.onDblclick;
-    });
-    const { isSelected, toggleSelect, showSelect } = select.useSelection();
-    const { columns } = useHeaders();
-    const item = props2.item;
-    const isItemSelected = vue.computed(() => isSelected(item));
-    function onCheckboxClick(e) {
-      toggleSelect(item, e.shiftKey);
-    }
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("tr", {
-        class: vue.normalizeClass([
-          "ev-data-table-row",
-          {
-            "is-clickable": isClickable.value,
-            "is-selected": isItemSelected.value
-          }
-        ]),
-        onClick: _cache[0] || (_cache[0] = //@ts-ignore
-        (...args) => props2.onClick && props2.onClick(...args)),
-        onContextmenu: _cache[1] || (_cache[1] = //@ts-ignore
-        (...args) => props2.onContextmenu && props2.onContextmenu(...args)),
-        onDblclick: _cache[2] || (_cache[2] = //@ts-ignore
-        (...args) => props2.onClick && props2.onClick(...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,
-              onClick: vue.withModifiers(onCheckboxClick, ["stop"])
-            }, null, 8, ["model-value", "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-CtbjDJV0.cjs.map

package/dist/cjs/EvDataTableRow.vue_vue_type_script_setup_true_lang-CtbjDJV0.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EvDataTableRow.vue_vue_type_script_setup_true_lang-CtbjDJV0.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 } 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 isClickable = computed(() => {\n    return props.onClick || props.onContextmenu || props.onDblclick;\n});\n\nconst { isSelected, toggleSelect, showSelect } = useSelection();\n// const { isExpanded, toggleExpand } = useExpanded();\nconst { columns } = useHeaders();\n\nconst item = props.item;\n\nconst isItemSelected = computed(() => isSelected(item));\n\nfunction onCheckboxClick(e: PointerEvent) {\n    toggleSelect(item, e.shiftKey);\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            },\n        ]\"\n        @click=\"props.onClick\"\n        @contextmenu=\"props.onContextmenu\"\n        @dblclick=\"props.onClick\">\n        <ev-data-table-cell\n            v-if=\"showSelect\"\n            class=\"ev-data-table-cell--checkbox\">\n            <ev-checkbox\n                :model-value=\"isItemSelected\"\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","computed","useSelection"],"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;AAIR,UAAA,cAAcC,IAAAA,SAAS,MAAM;AAC/B,aAAOR,OAAM,WAAWA,OAAM,iBAAiBA,OAAM;AAAA,IAAA,CACxD;AAED,UAAM,EAAE,YAAY,cAAc,WAAA,IAAeS,OAAAA,aAAa;AAExD,UAAA,EAAE,QAAQ,IAAI,WAAW;AAE/B,UAAM,OAAOT,OAAM;AAEnB,UAAM,iBAAiBQ,IAAA,SAAS,MAAM,WAAW,IAAI,CAAC;AAEtD,aAAS,gBAAgB,GAAiB;AACzB,mBAAA,MAAM,EAAE,QAAQ;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}