@evance/evance-ui 1.0.40 → 1.0.41

package/dist/cjs/src/components/EvDataTable/EvDataTableSearch/EvDataTableSearch.cjs

@@ -0,0 +1,26 @@
+"use strict";
+/*! Evance UI v1.0.40 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const sort = require("../composables/sort.cjs");
+const props = require("../../../util/props.cjs");
+const makeEvDataTableSearchProps = props.propsFactory(
+  {
+    filters: {
+      type: Object,
+      default: () => ({})
+    },
+    hideSelectAll: Boolean,
+    loading: Boolean,
+    search: String,
+    searchDelay: {
+      type: Number,
+      default: 300
+    },
+    searchPlaceholder: String,
+    selectActions: Array,
+    ...sort.makeDataTableSortProps()
+  },
+  "EvDataTableSearch"
+);
+exports.makeEvDataTableSearchProps = makeEvDataTableSearchProps;
+//# sourceMappingURL=EvDataTableSearch.cjs.map

package/dist/cjs/src/components/EvDataTable/EvDataTableSearch/EvDataTableSearch.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvDataTableSearch.cjs","sources":["../../../../../../src/components/EvDataTable/EvDataTableSearch/EvDataTableSearch.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeDataTableSortProps } from \"../composables/sort\";\nimport { PropType } from \"vue\";\nimport { EvButtonProps } from \"@/components\";\n\nexport const makeEvDataTableSearchProps = propsFactory(\n    {\n        filters: {\n            type: Object as PropType<Record<string, any>>,\n            default: () => ({}),\n        },\n        hideSelectAll: Boolean,\n        loading: Boolean,\n        search: String,\n        searchDelay: {\n            type: Number,\n            default: 300,\n        },\n        searchPlaceholder: String,\n        selectActions: Array as PropType<EvButtonProps[]>,\n        ...makeDataTableSortProps(),\n    },\n    \"EvDataTableSearch\",\n);\n"],"names":["propsFactory","makeDataTableSortProps"],"mappings":";;;;;AAKO,MAAM,6BAA6BA,MAAA;AAAA,EACtC;AAAA,IACI,SAAS;AAAA,MACL,MAAM;AAAA,MACN,SAAS,OAAO,CAAC;AAAA,IACrB;AAAA,IACA,eAAe;AAAA,IACf,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,aAAa;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,mBAAmB;AAAA,IACnB,eAAe;AAAA,IACf,GAAGC,KAAuB,uBAAA;AAAA,EAC9B;AAAA,EACA;AACJ;;"}

package/dist/cjs/src/components/EvDataTable/EvDataTableSearch/EvDataTableSearch.vue.cjs

@@ -0,0 +1,333 @@
+"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 EvDataTableSearch = require("./EvDataTableSearch.cjs");
+const EvBadge_vue_vue_type_script_setup_true_lang = require("../../EvBadge/EvBadge.vue.cjs");
+const EvButton_vue_vue_type_script_setup_true_lang = require("../../EvButton/EvButton.vue.cjs");
+const EvButtonGroup_vue_vue_type_script_setup_true_lang = require("../../EvButtonGroup/EvButtonGroup.vue.cjs");
+const EvCheckbox_vue_vue_type_script_setup_true_lang = require("../../EvCheckbox/EvCheckbox.vue.cjs");
+const EvDefaultsProvider_vue_vue_type_script_setup_true_lang = require("../../EvDefaultsProvider/EvDefaultsProvider.vue.cjs");
+const EvDivider_vue_vue_type_script_setup_true_lang = require("../../EvDivider/EvDivider.vue.cjs");
+;/* empty css                               */
+const EvList_vue_vue_type_script_setup_true_lang = require("../../EvList/EvList.vue.cjs");
+const EvMenu_vue_vue_type_script_setup_true_lang = require("../../EvMenu/EvMenu.vue.cjs");
+const EvSection_vue_vue_type_script_setup_true_lang = require("../../EvSection/EvSection.vue.cjs");
+const EvSlideGroup_vue_vue_type_script_setup_true_lang = require("../../EvSlideGroup/EvSlideGroup.vue.cjs");
+const EvSurface_vue_vue_type_script_setup_true_lang = require("../../EvSurface/EvSurface.vue.cjs");
+const EvTextfield_vue_vue_type_script_setup_true_lang = require("../../EvTextfield/EvTextfield.vue.cjs");
+const EvTooltip_vue_vue_type_script_setup_true_lang = require("../../EvTooltip/EvTooltip.vue.cjs");
+const FilterIcon = require("../../../icons/glyph/FilterIcon.svg.cjs");
+const SearchIcon = require("../../../icons/glyph/SearchIcon.svg.cjs");
+const sort = require("../composables/sort.cjs");
+const modelProxy = require("../../../composables/modelProxy.cjs");
+const select = require("../composables/select.cjs");
+const EvTransitionExpand = require("../../../../EvTransitionExpand.cjs");
+const locale = require("../../../composables/locale.cjs");
+const helpers = require("../../../util/helpers.cjs");
+const isFunctions = require("../../../util/is-functions.cjs");
+const _hoisted_1 = {
+  key: 0,
+  class: "ev-data-table-search--checkbox"
+};
+const _hoisted_2 = {
+  key: 0,
+  class: "ev-data-table-search--options"
+};
+const _hoisted_3 = { class: "ev-data-table-search--field" };
+const _hoisted_4 = {
+  key: 0,
+  class: "ev-data-table-search--filter"
+};
+const _hoisted_5 = {
+  key: 1,
+  class: "ev-data-table-search--filters"
+};
+const _hoisted_6 = {
+  key: 2,
+  class: "ev-data-table-search--sort"
+};
+const _hoisted_7 = {
+  key: 1,
+  class: "ev-data-table-search--actions"
+};
+const _hoisted_8 = {
+  key: "filter",
+  class: "ev-data-table-filters-mask"
+};
+const _hoisted_9 = { class: "ev-data-table-filters" };
+const filtersBreakpoint = 900;
+const sortBreakpoint = 480;
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvDataTableSearch",
+  props: { ...EvDataTableSearch.makeEvDataTableSearchProps() },
+  emits: ["update:sort", "click:filter", "update:search"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const sortButtonRef = vue.ref();
+    const filterButtonRef = vue.ref();
+    const { t } = locale.useLocaleFunctions();
+    const search = modelProxy.useModelProxy(props, "search");
+    const searchInternal = vue.shallowRef("");
+    const {
+      hasSort,
+      sortSelected,
+      sortTitle,
+      sortTitleOptions,
+      sortTitleSelected,
+      sortDirectionOptions,
+      onSortTitleSelected,
+      sortIcon
+    } = sort.useSortOptions(props);
+    const slots = vue.useSlots();
+    const { allSelected, someSelected, selectAll, showSelectAll } = select.useSelection();
+    const isTransitioning = vue.shallowRef(false);
+    const containerRef = vue.ref(null);
+    const containerWidth = vue.shallowRef(null);
+    const showFilters = vue.shallowRef(false);
+    function onClickFilter(e) {
+      showFilters.value = !showFilters.value;
+      emit("click:filter", e);
+    }
+    const placeholder = vue.computed(
+      () => {
+        var _a;
+        return ((_a = props.searchPlaceholder) == null ? void 0 : _a.length) ? props.searchPlaceholder : t("search.placeholder");
+      }
+    );
+    const updateSearch = helpers.debounce((value) => {
+      search.value = value;
+    }, props.searchDelay);
+    const showActions = vue.computed(() => {
+      const hasSelectActions = slots["select-actions"] || props.selectActions;
+      return someSelected.value && hasSelectActions;
+    });
+    const isFiltersMobile = vue.computed(() => {
+      return containerWidth.value < filtersBreakpoint;
+    });
+    const filterDefaults = {
+      EvFilterButton: { size: "small" },
+      EvButton: { size: "small" }
+    };
+    const sortButtonTitle = vue.computed(() => {
+      return containerWidth.value > sortBreakpoint ? sortTitle.value : void 0;
+    });
+    const isFiltered = vue.computed(() => {
+      for (const key in props.filters) {
+        const value = props.filters[key];
+        if (isFunctions.isBoolean(value) && value) {
+          return true;
+        } else if (Array.isArray(value) && value.length > 0) {
+          return true;
+        } else if (!isFunctions.isBoolean(value) && !isFunctions.isArray(value) && !isFunctions.isEmpty(value)) {
+          return true;
+        }
+      }
+      return false;
+    });
+    function onSearchInternal(value) {
+      updateSearch(value);
+    }
+    function onBeforeLeave() {
+      isTransitioning.value = true;
+    }
+    function onAfterEnter() {
+      isTransitioning.value = false;
+    }
+    function onResize() {
+      containerWidth.value = containerRef.value.getBoundingClientRect().width;
+    }
+    vue.onMounted(() => {
+      window.addEventListener("resize", onResize, { passive: true });
+      onResize();
+    });
+    vue.onUnmounted(() => {
+      window.removeEventListener("resize", onResize);
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        vue.createElementVNode("div", {
+          ref_key: "containerRef",
+          ref: containerRef,
+          class: "ev-data-table-search"
+        }, [
+          vue.unref(showSelectAll) && !props.hideSelectAll ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+            vue.createVNode(vue.unref(EvCheckbox_vue_vue_type_script_setup_true_lang.default), {
+              "model-value": vue.unref(allSelected),
+              indeterminate: vue.unref(someSelected) && !vue.unref(allSelected),
+              "onUpdate:modelValue": vue.unref(selectAll)
+            }, null, 8, ["model-value", "indeterminate", "onUpdate:modelValue"])
+          ])) : vue.createCommentVNode("", true),
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass([
+              "ev-data-table-search--modifiers",
+              {
+                "is-transitioning": isTransitioning.value
+              }
+            ])
+          }, [
+            vue.createVNode(vue.Transition, {
+              name: "transition-slide-up",
+              mode: "out-in",
+              onBeforeLeave,
+              onAfterEnter
+            }, {
+              default: vue.withCtx(() => [
+                !showActions.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+                  vue.createElementVNode("div", _hoisted_3, [
+                    vue.createVNode(vue.unref(EvTextfield_vue_vue_type_script_setup_true_lang.default), {
+                      modelValue: searchInternal.value,
+                      "onUpdate:modelValue": [
+                        _cache[0] || (_cache[0] = ($event) => searchInternal.value = $event),
+                        onSearchInternal
+                      ],
+                      clearable: "",
+                      appearance: "subtle",
+                      size: "small",
+                      loading: props.loading,
+                      placeholder: placeholder.value,
+                      "icon-start": vue.unref(SearchIcon.default)
+                    }, null, 8, ["modelValue", "loading", "placeholder", "icon-start"])
+                  ]),
+                  isFiltersMobile.value && vue.unref(slots).filters ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
+                    vue.createVNode(vue.unref(EvBadge_vue_vue_type_script_setup_true_lang.default), {
+                      dot: "",
+                      bold: "",
+                      pulsate: "",
+                      appearance: "primary",
+                      "model-value": isFiltered.value && !showFilters.value
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(vue.unref(EvButton_vue_vue_type_script_setup_true_lang.default), {
+                          ref_key: "filterButtonRef",
+                          ref: filterButtonRef,
+                          size: "small",
+                          appearance: isFiltered.value ? "primary" : "default",
+                          variant: isFiltered.value ? "tonal" : "subtle",
+                          icon: vue.unref(FilterIcon.default),
+                          onClick: onClickFilter
+                        }, null, 8, ["appearance", "variant", "icon"])
+                      ]),
+                      _: 1
+                    }, 8, ["model-value"]),
+                    vue.createVNode(vue.unref(EvTooltip_vue_vue_type_script_setup_true_lang.default), {
+                      activator: filterButtonRef.value,
+                      text: vue.unref(t)("search.filter")
+                    }, null, 8, ["activator", "text"])
+                  ])) : vue.createCommentVNode("", true),
+                  !isFiltersMobile.value && vue.unref(slots).filters ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+                    vue.createVNode(vue.unref(EvDefaultsProvider_vue_vue_type_script_setup_true_lang.default), { defaults: filterDefaults }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(vue.unref(EvSlideGroup_vue_vue_type_script_setup_true_lang.default), null, {
+                          default: vue.withCtx(() => [
+                            vue.renderSlot(_ctx.$slots, "filters")
+                          ]),
+                          _: 3
+                        })
+                      ]),
+                      _: 3
+                    })
+                  ])) : vue.createCommentVNode("", true),
+                  vue.unref(hasSort) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
+                    vue.createVNode(vue.unref(EvButton_vue_vue_type_script_setup_true_lang.default), {
+                      ref_key: "sortButtonRef",
+                      ref: sortButtonRef,
+                      size: "small",
+                      variant: "subtle",
+                      text: sortButtonTitle.value,
+                      "icon-end": vue.unref(sortIcon)
+                    }, null, 8, ["text", "icon-end"]),
+                    vue.createVNode(vue.unref(EvTooltip_vue_vue_type_script_setup_true_lang.default), {
+                      activator: sortButtonRef.value,
+                      text: vue.unref(t)("sort.label")
+                    }, null, 8, ["activator", "text"]),
+                    vue.createVNode(vue.unref(EvMenu_vue_vue_type_script_setup_true_lang.default), {
+                      activator: sortButtonRef.value,
+                      "close-on-content-click": false,
+                      width: 200,
+                      position: "bottom-end"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(vue.unref(EvSurface_vue_vue_type_script_setup_true_lang.default), {
+                          elevation: "overlay",
+                          class: "w-100 h-100"
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(vue.unref(EvSection_vue_vue_type_script_setup_true_lang.default), {
+                              title: vue.unref(t)("sort.heading")
+                            }, {
+                              default: vue.withCtx(() => [
+                                vue.createVNode(vue.unref(EvList_vue_vue_type_script_setup_true_lang.default), {
+                                  required: "",
+                                  "select-strategy": "single-any",
+                                  items: vue.unref(sortTitleOptions),
+                                  selected: vue.unref(sortTitleSelected),
+                                  "onUpdate:selected": vue.unref(onSortTitleSelected)
+                                }, null, 8, ["items", "selected", "onUpdate:selected"])
+                              ]),
+                              _: 1
+                            }, 8, ["title"]),
+                            vue.createVNode(vue.unref(EvDivider_vue_vue_type_script_setup_true_lang.default)),
+                            vue.createVNode(vue.unref(EvSection_vue_vue_type_script_setup_true_lang.default), {
+                              title: vue.unref(t)("sort.direction")
+                            }, {
+                              default: vue.withCtx(() => [
+                                vue.createVNode(vue.unref(EvList_vue_vue_type_script_setup_true_lang.default), {
+                                  selected: vue.unref(sortSelected),
+                                  "onUpdate:selected": _cache[1] || (_cache[1] = ($event) => vue.isRef(sortSelected) ? sortSelected.value = $event : null),
+                                  required: "",
+                                  "select-strategy": "single-any",
+                                  "item-title": "direction",
+                                  items: vue.unref(sortDirectionOptions)
+                                }, null, 8, ["selected", "items"])
+                              ]),
+                              _: 1
+                            }, 8, ["title"])
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["activator"])
+                  ])) : vue.createCommentVNode("", true)
+                ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
+                  vue.renderSlot(_ctx.$slots, "select-actions", {}, () => [
+                    vue.createVNode(vue.unref(EvButtonGroup_vue_vue_type_script_setup_true_lang.default), {
+                      size: "small",
+                      variant: "subtle",
+                      items: props.selectActions
+                    }, null, 8, ["items"])
+                  ])
+                ]))
+              ]),
+              _: 3
+            })
+          ], 2)
+        ], 512),
+        vue.createVNode(vue.unref(EvTransitionExpand.EvTransitionExpand), null, {
+          default: vue.withCtx(() => [
+            isFiltersMobile.value && showFilters.value && vue.unref(slots).filters && !showActions.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8, [
+              vue.createElementVNode("div", _hoisted_9, [
+                vue.createVNode(vue.unref(EvDefaultsProvider_vue_vue_type_script_setup_true_lang.default), { defaults: filterDefaults }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(EvSlideGroup_vue_vue_type_script_setup_true_lang.default), null, {
+                      default: vue.withCtx(() => [
+                        vue.renderSlot(_ctx.$slots, "filters")
+                      ]),
+                      _: 3
+                    })
+                  ]),
+                  _: 3
+                })
+              ])
+            ])) : vue.createCommentVNode("", true)
+          ]),
+          _: 3
+        })
+      ], 64);
+    };
+  }
+});
+exports.default = _sfc_main;
+//# sourceMappingURL=EvDataTableSearch.vue.cjs.map

package/dist/cjs/src/components/EvDataTable/EvDataTableSearch/EvDataTableSearch.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvDataTableSearch.vue.cjs","sources":["../../../../../../src/components/EvDataTable/EvDataTableSearch/EvDataTableSearch.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvDataTableSearch.scss\";\nimport { makeEvDataTableSearchProps } from \"./EvDataTableSearch\";\nimport { EvBadge } from \"@/components/EvBadge\";\nimport { EvButton } from \"@/components/EvButton\";\nimport { EvButtonGroup } from \"@/components/EvButtonGroup\";\nimport { EvCheckbox } from \"@/components/EvCheckbox\";\nimport { EvDefaultsProvider } from \"@/components/EvDefaultsProvider\";\nimport { EvDivider } from \"@/components/EvDivider\";\nimport { EvList } from \"@/components/EvList\";\nimport { EvMenu } from \"@/components/EvMenu\";\nimport { EvSection } from \"@/components/EvSection\";\nimport { EvSlideGroup } from \"@/components/EvSlideGroup\";\nimport { EvSurface } from \"@/components/EvSurface\";\nimport { EvTextfield } from \"@/components/EvTextfield\";\nimport { EvTooltip } from \"@/components/EvTooltip\";\nimport { FilterIcon, SearchIcon } from \"@/icons\";\nimport { computed, onMounted, onUnmounted, ref, shallowRef } from \"vue\";\nimport { useLocaleFunctions } from \"@/composables\";\nimport {\n    SortProps,\n    useSortOptions,\n} from \"@/components/EvDataTable/composables/sort\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\nimport { useSelection } from \"@/components/EvDataTable/composables/select\";\nimport { debounce, isArray, isBoolean, isEmpty } from \"@/util\";\nimport { EvTransitionExpand } from \"@/components/EvTransition/transitions\";\n\nconst props = defineProps({ ...makeEvDataTableSearchProps() });\nconst emit = defineEmits([\"update:sort\", \"click:filter\", \"update:search\"]);\nconst sortButtonRef = ref<HTMLElement>();\nconst filterButtonRef = ref<HTMLElement>();\nconst { t } = useLocaleFunctions();\nconst search = useModelProxy(props, \"search\");\nconst searchInternal = shallowRef(\"\");\nconst {\n    hasSort,\n    sortSelected,\n    sortTitle,\n    sortTitleOptions,\n    sortTitleSelected,\n    sortDirectionOptions,\n    onSortTitleSelected,\n    sortIcon,\n} = useSortOptions(props as SortProps);\n\nconst slots = defineSlots<{\n    filters(): never;\n    \"select-actions\"(): never;\n}>();\n\nconst { allSelected, someSelected, selectAll, showSelectAll } = useSelection();\nconst isTransitioning = shallowRef(false);\nconst containerRef = ref<HTMLElement | null>(null);\nconst containerWidth = shallowRef<number | null>(null);\nconst showFilters = shallowRef(false);\nconst filtersBreakpoint = 900;\nconst sortBreakpoint = 480;\n\nfunction onClickFilter(e: MouseEvent) {\n    showFilters.value = !showFilters.value;\n    emit(\"click:filter\", e);\n}\n\nconst placeholder = computed(() =>\n    props.searchPlaceholder?.length\n        ? props.searchPlaceholder\n        : t(\"search.placeholder\"),\n);\n\nconst updateSearch = debounce((value) => {\n    search.value = value;\n}, props.searchDelay);\n\nconst showActions = computed(() => {\n    const hasSelectActions = slots[\"select-actions\"] || props.selectActions;\n    return someSelected.value && hasSelectActions;\n});\n\nconst isFiltersMobile = computed(() => {\n    return containerWidth.value < filtersBreakpoint;\n});\n\nconst filterDefaults = {\n    EvFilterButton: { size: \"small\" },\n    EvButton: { size: \"small\" },\n};\n\nconst sortButtonTitle = computed(() => {\n    return containerWidth.value > sortBreakpoint\n        ? sortTitle.value\n        : undefined;\n});\n\nconst isFiltered = computed(() => {\n    for (const key in props.filters) {\n        const value = props.filters[key];\n        if (isBoolean(value) && value) {\n            return true;\n        } else if (Array.isArray(value) && value.length > 0) {\n            return true;\n        } else if (!isBoolean(value) && !isArray(value) && !isEmpty(value)) {\n            return true;\n        }\n    }\n    return false;\n});\n\nfunction onSearchInternal(value: string) {\n    updateSearch(value);\n}\n\nfunction onBeforeLeave() {\n    isTransitioning.value = true;\n}\n\nfunction onAfterEnter() {\n    isTransitioning.value = false;\n}\n\nfunction onResize() {\n    containerWidth.value = containerRef.value.getBoundingClientRect().width;\n}\n\nonMounted(() => {\n    window.addEventListener(\"resize\", onResize, { passive: true });\n    onResize();\n});\n\nonUnmounted(() => {\n    window.removeEventListener(\"resize\", onResize);\n});\n</script>\n\n<template>\n    <div ref=\"containerRef\" class=\"ev-data-table-search\">\n        <div\n            v-if=\"showSelectAll && !props.hideSelectAll\"\n            class=\"ev-data-table-search--checkbox\">\n            <ev-checkbox\n                :model-value=\"allSelected\"\n                :indeterminate=\"someSelected && !allSelected\"\n                @update:model-value=\"selectAll\" />\n        </div>\n        <div\n            :class=\"[\n                'ev-data-table-search--modifiers',\n                {\n                    'is-transitioning': isTransitioning,\n                },\n            ]\">\n            <transition\n                name=\"transition-slide-up\"\n                mode=\"out-in\"\n                @before-leave=\"onBeforeLeave\"\n                @after-enter=\"onAfterEnter\">\n                <div v-if=\"!showActions\" class=\"ev-data-table-search--options\">\n                    <div class=\"ev-data-table-search--field\">\n                        <ev-textfield\n                            v-model=\"searchInternal\"\n                            clearable\n                            appearance=\"subtle\"\n                            size=\"small\"\n                            :loading=\"props.loading\"\n                            :placeholder=\"placeholder\"\n                            :icon-start=\"SearchIcon\"\n                            @update:model-value=\"onSearchInternal\" />\n                    </div>\n                    <div\n                        v-if=\"isFiltersMobile && slots.filters\"\n                        class=\"ev-data-table-search--filter\">\n                        <ev-badge\n                            dot\n                            bold\n                            pulsate\n                            appearance=\"primary\"\n                            :model-value=\"isFiltered && !showFilters\">\n                            <ev-button\n                                ref=\"filterButtonRef\"\n                                size=\"small\"\n                                :appearance=\"isFiltered ? 'primary' : 'default'\"\n                                :variant=\"isFiltered ? 'tonal' : 'subtle'\"\n                                :icon=\"FilterIcon\"\n                                @click=\"onClickFilter\" />\n                        </ev-badge>\n                        <ev-tooltip\n                            :activator=\"filterButtonRef\"\n                            :text=\"t('search.filter')\" />\n                    </div>\n                    <div\n                        v-if=\"!isFiltersMobile && slots.filters\"\n                        class=\"ev-data-table-search--filters\">\n                        <ev-defaults-provider :defaults=\"filterDefaults\">\n                            <ev-slide-group>\n                                <slot name=\"filters\" />\n                            </ev-slide-group>\n                        </ev-defaults-provider>\n                    </div>\n                    <div v-if=\"hasSort\" class=\"ev-data-table-search--sort\">\n                        <ev-button\n                            ref=\"sortButtonRef\"\n                            size=\"small\"\n                            variant=\"subtle\"\n                            :text=\"sortButtonTitle\"\n                            :icon-end=\"sortIcon\" />\n                        <ev-tooltip\n                            :activator=\"sortButtonRef\"\n                            :text=\"t('sort.label')\" />\n                        <ev-menu\n                            :activator=\"sortButtonRef\"\n                            :close-on-content-click=\"false\"\n                            :width=\"200\"\n                            position=\"bottom-end\">\n                            <ev-surface elevation=\"overlay\" class=\"w-100 h-100\">\n                                <ev-section :title=\"t('sort.heading')\">\n                                    <ev-list\n                                        required\n                                        select-strategy=\"single-any\"\n                                        :items=\"sortTitleOptions\"\n                                        :selected=\"sortTitleSelected\"\n                                        @update:selected=\"\n                                            onSortTitleSelected\n                                        \" />\n                                </ev-section>\n                                <ev-divider />\n                                <ev-section :title=\"t('sort.direction')\">\n                                    <ev-list\n                                        v-model:selected=\"sortSelected\"\n                                        required\n                                        select-strategy=\"single-any\"\n                                        item-title=\"direction\"\n                                        :items=\"sortDirectionOptions\" />\n                                </ev-section>\n                            </ev-surface>\n                        </ev-menu>\n                    </div>\n                </div>\n                <div v-else class=\"ev-data-table-search--actions\">\n                    <slot name=\"select-actions\">\n                        <ev-button-group\n                            size=\"small\"\n                            variant=\"subtle\"\n                            :items=\"props.selectActions\" />\n                    </slot>\n                </div>\n            </transition>\n        </div>\n    </div>\n    <ev-transition-expand>\n        <div\n            v-if=\"isFiltersMobile && showFilters && slots.filters && !showActions\"\n            key=\"filter\"\n            class=\"ev-data-table-filters-mask\">\n            <div class=\"ev-data-table-filters\">\n                <ev-defaults-provider :defaults=\"filterDefaults\">\n                    <ev-slide-group>\n                        <slot name=\"filters\" />\n                    </ev-slide-group>\n                </ev-defaults-provider>\n            </div>\n        </div>\n    </ev-transition-expand>\n</template>\n"],"names":["ref","useLocaleFunctions","useModelProxy","shallowRef","useSortOptions","_useSlots","useSelection","computed","debounce","isBoolean","isArray","isEmpty","onMounted","onUnmounted"],"mappings":"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"}

package/dist/cjs/src/components/EvDataTable/EvDataTableSearch/EvDataTableSearch.vue2.cjs

@@ -0,0 +1,6 @@
+"use strict";
+/*! Evance UI v1.0.40 | MIT License */
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const EvDataTableSearch_vue_vue_type_script_setup_true_lang = require("./EvDataTableSearch.vue.cjs");
+exports.default = EvDataTableSearch_vue_vue_type_script_setup_true_lang.default;
+//# sourceMappingURL=EvDataTableSearch.vue2.cjs.map

package/dist/cjs/src/components/EvDataTable/EvDataTableSearch/EvDataTableSearch.vue2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvDataTableSearch.vue2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

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

@@ -0,0 +1,237 @@
+"use strict";
+/*! Evance UI v1.0.40 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const display = require("../../../composables/display.cjs");
+const props = require("../../../util/props.cjs");
+const isFunctions = require("../../../util/is-functions.cjs");
+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;
+}
+exports.EvDataTableHeadersSymbol = EvDataTableHeadersSymbol;
+exports.createHeaders = createHeaders;
+exports.makeDataTableHeaderProps = makeDataTableHeaderProps;
+exports.useHeaders = useHeaders;
+//# sourceMappingURL=headers.cjs.map