@evance/evance-ui 1.0.36 → 1.0.37

package/dist/esm/chunks/EvCheckbox.vue_vue_type_script_setup_true_lang-Dd4Dtopc.mjs

@@ -0,0 +1,122 @@
+/*! Evance UI v1.0.37 | MIT License */
+import { defineComponent, useSlots, useAttrs, ref, createElementBlock, openBlock, mergeProps, unref, createElementVNode, createCommentVNode, createStaticVNode, createVNode, withCtx, renderSlot } from "vue";
+import { m as makeEvCheckboxProps, u as useToggleControl } from "./EvCheckbox-D90qbQw8.mjs";
+import { _ as _sfc_main$2 } from "./EvErrors.vue_vue_type_script_setup_true_lang-C9hO_70T.mjs";
+import { _ as _sfc_main$1 } from "./EvLabel.vue_vue_type_script_setup_true_lang-CP3l7oIt.mjs";
+import { u as useFormField } from "./validation-DEqs8Ujs.mjs";
+import { u as useModelProxy } from "./modelProxy-DgW6Hnv7.mjs";
+import { u as useDefaults } from "./defaults-T3hFBkob.mjs";
+import { s as splitInputAttrs } from "./helpers-BObZTKcX.mjs";
+const _hoisted_1 = { class: "ev-checkbox--control" };
+const _hoisted_2 = /* @__PURE__ */ createStaticVNode('<div class="ev-checkbox--boxes"><div class="ev-checkbox--outer-box"></div><div class="ev-checkbox--inner-box"><svg class="ev-checkbox--checkmark" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path class="ev-checkbox--checkmark-path" d="M3 7.5L6.5 11L13.5 4" stroke="currentColor" stroke-width="2"></path></svg></div></div>', 1);
+const _hoisted_3 = ["id", "name", "disabled", "readonly", "checked", "value", "aria-disabled", "aria-checked"];
+const _hoisted_4 = {
+  key: 0,
+  class: "ev-checkbox--label"
+};
+const _hoisted_5 = {
+  key: 0,
+  class: "ev-checkbox--errors"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "EvCheckbox",
+  props: {
+    ...makeEvCheckboxProps()
+  },
+  emits: ["update:focused", "update:modelValue", "update:indeterminate"],
+  setup(__props, { expose: __expose }) {
+    const definedProps = __props;
+    const props = useDefaults(definedProps);
+    const slots = useSlots();
+    const attrs = useAttrs();
+    const containerRef = ref(null);
+    const inputRef = ref(null);
+    const [containerAttrs, inputAttrs] = splitInputAttrs(attrs);
+    const formField = useFormField(props);
+    const { trueValue, isChecked } = useToggleControl(formField.model, props);
+    const indeterminate = useModelProxy(props, "indeterminate");
+    function getInputElement() {
+      return inputRef.value;
+    }
+    function onInput(e) {
+      isChecked.value = e.target.checked;
+      if (indeterminate.value) {
+        indeterminate.value = false;
+      }
+    }
+    __expose({
+      field: formField,
+      input: inputRef,
+      focus: () => {
+        var _a;
+        (_a = getInputElement()) == null ? void 0 : _a.focus();
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", mergeProps({
+        ref_key: "containerRef",
+        ref: containerRef,
+        class: [
+          "ev-checkbox",
+          {
+            "is-checked": unref(isChecked),
+            "is-labelled": unref(props).label || unref(slots).label,
+            "is-indeterminate": unref(indeterminate)
+          },
+          unref(formField).classes,
+          unref(props).class
+        ],
+        style: unref(props).style
+      }, unref(containerAttrs)), [
+        createElementVNode("div", _hoisted_1, [
+          _hoisted_2,
+          createElementVNode("input", mergeProps({
+            id: unref(formField).id,
+            ref_key: "inputRef",
+            ref: inputRef,
+            type: "checkbox",
+            role: "switch",
+            name: unref(formField).name,
+            disabled: unref(formField).isDisabled,
+            readonly: unref(formField).isReadonly,
+            checked: unref(isChecked),
+            value: unref(trueValue),
+            "aria-disabled": unref(formField).isDisabled,
+            "aria-checked": unref(indeterminate) ? "mixed" : unref(isChecked)
+          }, unref(inputAttrs), {
+            onInput,
+            onFocus: _cache[0] || (_cache[0] = //@ts-ignore
+            (...args) => unref(formField).focus && unref(formField).focus(...args)),
+            onBlur: _cache[1] || (_cache[1] = //@ts-ignore
+            (...args) => unref(formField).blur && unref(formField).blur(...args))
+          }), null, 16, _hoisted_3)
+        ]),
+        unref(props).label || unref(props).hint || unref(slots).label ? (openBlock(), createElementBlock("div", _hoisted_4, [
+          createVNode(unref(_sfc_main$1), {
+            clickable: "",
+            for: unref(formField).id,
+            title: unref(props).label,
+            hint: unref(props).hint
+          }, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "label")
+            ]),
+            _: 3
+          }, 8, ["for", "title", "hint"]),
+          unref(formField).isShowErrorMessages ? (openBlock(), createElementBlock("div", _hoisted_5, [
+            createVNode(unref(_sfc_main$2), {
+              messages: unref(formField).errorMessages
+            }, null, 8, ["messages"])
+          ])) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true)
+      ], 16);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};
+//# sourceMappingURL=EvCheckbox.vue_vue_type_script_setup_true_lang-Dd4Dtopc.mjs.map

package/dist/esm/chunks/EvCheckbox.vue_vue_type_script_setup_true_lang-Dd4Dtopc.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvCheckbox.vue_vue_type_script_setup_true_lang-Dd4Dtopc.mjs","sources":["../../../src/components/EvCheckbox/EvCheckbox.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * # `<ev-checkbox>`\n */\nimport \"./EvCheckbox.scss\";\nimport { makeEvCheckboxProps, useToggleControl } from \"./EvCheckbox\";\nimport { ref, useAttrs } from \"vue\";\nimport { splitInputAttrs } from \"@/util\";\nimport { EvErrors } from \"@/components/EvErrors\";\nimport { EvLabel } from \"@/components/EvLabel\";\nimport { useFormField } from \"@/composables/validation\";\nimport { useDefaults } from \"@/composables\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\n\n/**\n * We want to pass attributes not defined as 'props'\n * to the `<input>` field, so we need to turn off `inheritAttrs`.\n */\ndefineOptions({\n    inheritAttrs: false,\n});\n\n// Props & slots\nconst definedProps = defineProps({\n    ...makeEvCheckboxProps(),\n});\nconst props = useDefaults(definedProps);\nconst slots = defineSlots<{\n    label(): never;\n}>();\n\n// Emit\ndefineEmits([\"update:focused\", \"update:modelValue\", \"update:indeterminate\"]);\n\nconst attrs = useAttrs();\nconst containerRef = ref<HTMLElement | null>(null);\nconst inputRef = ref<HTMLInputElement | null>(null);\nconst [containerAttrs, inputAttrs] = splitInputAttrs(attrs);\nconst formField = useFormField(props);\nconst { trueValue, isChecked } = useToggleControl(formField.model, props);\nconst indeterminate = useModelProxy(props, \"indeterminate\");\n\n/**\n * ## Get Input Element\n */\nfunction getInputElement(): HTMLInputElement | null {\n    return inputRef.value;\n}\n\n/**\n * ## On Input\n * @param e\n */\nfunction onInput(e: Event) {\n    isChecked.value = (e.target as HTMLInputElement).checked;\n    if (indeterminate.value) {\n        indeterminate.value = false;\n    }\n}\n\n/**\n * ## Expose stuff\n */\ndefineExpose({\n    field: formField,\n    input: inputRef,\n    focus: () => {\n        getInputElement()?.focus();\n    },\n});\n</script>\n\n<template>\n    <div\n        ref=\"containerRef\"\n        :class=\"[\n            'ev-checkbox',\n            {\n                'is-checked': isChecked,\n                'is-labelled': props.label || slots.label,\n                'is-indeterminate': indeterminate,\n            },\n            formField.classes,\n            props.class,\n        ]\"\n        :style=\"props.style\"\n        v-bind=\"containerAttrs\">\n        <div class=\"ev-checkbox--control\">\n            <div class=\"ev-checkbox--boxes\">\n                <div class=\"ev-checkbox--outer-box\"></div>\n                <div class=\"ev-checkbox--inner-box\">\n                    <svg\n                        class=\"ev-checkbox--checkmark\"\n                        width=\"16\"\n                        height=\"16\"\n                        viewBox=\"0 0 16 16\"\n                        fill=\"none\"\n                        xmlns=\"http://www.w3.org/2000/svg\">\n                        <path\n                            class=\"ev-checkbox--checkmark-path\"\n                            d=\"M3 7.5L6.5 11L13.5 4\"\n                            stroke=\"currentColor\"\n                            stroke-width=\"2\" />\n                    </svg>\n                </div>\n            </div>\n\n            <input\n                :id=\"formField.id\"\n                ref=\"inputRef\"\n                type=\"checkbox\"\n                role=\"switch\"\n                :name=\"formField.name\"\n                :disabled=\"formField.isDisabled\"\n                :readonly=\"formField.isReadonly\"\n                :checked=\"isChecked\"\n                :value=\"trueValue\"\n                :aria-disabled=\"formField.isDisabled\"\n                :aria-checked=\"indeterminate ? 'mixed' : isChecked\"\n                v-bind=\"inputAttrs\"\n                @input=\"onInput\"\n                @focus=\"formField.focus\"\n                @blur=\"formField.blur\" />\n        </div>\n\n        <div\n            v-if=\"props.label || props.hint || slots.label\"\n            class=\"ev-checkbox--label\">\n            <ev-label\n                clickable\n                :for=\"formField.id\"\n                :title=\"props.label\"\n                :hint=\"props.hint\">\n                <slot name=\"label\" />\n            </ev-label>\n\n            <div\n                v-if=\"formField.isShowErrorMessages\"\n                class=\"ev-checkbox--errors\">\n                <ev-errors :messages=\"formField.errorMessages\" />\n            </div>\n        </div>\n    </div>\n</template>\n"],"names":["_useSlots"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BM,UAAA,QAAQ,YAAY,YAAY;AACtC,UAAM,QAAQA;AAOd,UAAM,QAAQ,SAAS;AACjB,UAAA,eAAe,IAAwB,IAAI;AAC3C,UAAA,WAAW,IAA6B,IAAI;AAClD,UAAM,CAAC,gBAAgB,UAAU,IAAI,gBAAgB,KAAK;AACpD,UAAA,YAAY,aAAa,KAAK;AACpC,UAAM,EAAE,WAAW,cAAc,iBAAiB,UAAU,OAAO,KAAK;AAClE,UAAA,gBAAgB,cAAc,OAAO,eAAe;AAK1D,aAAS,kBAA2C;AAChD,aAAO,SAAS;AAAA,IAAA;AAOpB,aAAS,QAAQ,GAAU;AACb,gBAAA,QAAS,EAAE,OAA4B;AACjD,UAAI,cAAc,OAAO;AACrB,sBAAc,QAAQ;AAAA,MAAA;AAAA,IAC1B;AAMS,aAAA;AAAA,MACT,OAAO;AAAA,MACP,OAAO;AAAA,MACP,OAAO,MAAM;;AACT,8BAAA,MAAA,mBAAmB;AAAA,MAAM;AAAA,IAC7B,CACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/chunks/EvCode.vue_vue_type_script_setup_true_lang-C8Ln_4PZ.mjs

@@ -0,0 +1,34 @@
+/*! Evance UI v1.0.37 | MIT License */
+import { defineComponent, useSlots, createElementBlock, openBlock, normalizeStyle, normalizeClass, renderSlot, createTextVNode, toDisplayString } from "vue";
+import { m as makeComponentProps } from "./component-CK3NRQ91.mjs";
+import { p as propsFactory } from "./props-C5O_XLol.mjs";
+const makeEvCodeProps = propsFactory(
+  {
+    text: String,
+    ...makeComponentProps()
+  },
+  "EvCode"
+);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EvCode",
+  props: { ...makeEvCodeProps() },
+  setup(__props) {
+    const props = __props;
+    useSlots();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("code", {
+        class: normalizeClass(["ev-code", props.class]),
+        style: normalizeStyle(props.style)
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, () => [
+          createTextVNode(toDisplayString(props.text), 1)
+        ])
+      ], 6);
+    };
+  }
+});
+export {
+  _sfc_main as _,
+  makeEvCodeProps as m
+};
+//# sourceMappingURL=EvCode.vue_vue_type_script_setup_true_lang-C8Ln_4PZ.mjs.map

package/dist/esm/chunks/EvCode.vue_vue_type_script_setup_true_lang-C8Ln_4PZ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvCode.vue_vue_type_script_setup_true_lang-C8Ln_4PZ.mjs","sources":["../../../src/components/EvCode/EvCode.ts","../../../src/components/EvCode/EvCode.vue"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component\";\n\nexport const makeEvCodeProps = propsFactory(\n    {\n        text: String,\n        ...makeComponentProps(),\n    },\n    \"EvCode\",\n);","<script setup lang=\"ts\">\nimport \"./EvCode.scss\";\nimport { makeEvCodeProps } from \"./EvCode\";\n\nconst props = defineProps({ ...makeEvCodeProps() });\n\nconst slots = defineSlots<{\n    default(): never;\n}>();\n</script>\n\n<template>\n    <code :class=\"['ev-code', props.class]\" :style=\"props.style\">\n        <slot>{{ props.text }}</slot>\n    </code>\n</template>\n"],"names":["_useSlots"],"mappings":";;;;AAGO,MAAM,kBAAkB;AAAA,EAC3B;AAAA,IACI,MAAM;AAAA,IACN,GAAG,mBAAmB;AAAA,EAC1B;AAAA,EACA;AACJ;;;;;;ACHcA;;;;;;;;;;;;;"}

package/dist/esm/chunks/EvContainer.vue_vue_type_script_setup_true_lang-D98JKuC8.mjs

@@ -0,0 +1,74 @@
+/*! Evance UI v1.0.37 | MIT License */
+import { defineComponent, computed, createBlock, openBlock, resolveDynamicComponent, normalizeStyle, normalizeClass, unref, withCtx, renderSlot } from "vue";
+import { m as makeComponentProps } from "./component-CK3NRQ91.mjs";
+import { m as makeTagProps } from "./tag-DCioVUrd.mjs";
+import { p as propsFactory } from "./props-C5O_XLol.mjs";
+import { a as useDisplayRuleClasses, c as calculateDisplayRuleValue } from "./display-DGppKNH9.mjs";
+import { b as isBoolean, d as isEmpty } from "./is-functions-cWaLib1L.mjs";
+const makeEvContainerProps = propsFactory(
+  {
+    fluid: {
+      type: Boolean,
+      default: false
+    },
+    fill: Boolean,
+    hidden: [Boolean, String, Array],
+    height: [String, Number, Object],
+    width: [String, Number, Object],
+    ...makeComponentProps(),
+    ...makeTagProps()
+  },
+  "EvContainer"
+);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EvContainer",
+  props: {
+    ...makeEvContainerProps()
+  },
+  setup(__props) {
+    const props = __props;
+    const hiddenClasses = useDisplayRuleClasses(props, "hidden", "hidden");
+    const hiddenAttribute = computed(() => {
+      return isBoolean(props.hidden) && props.hidden;
+    });
+    const heightStyles = computed(() => {
+      const value = calculateDisplayRuleValue(props.height);
+      if (isEmpty(value)) {
+        return void 0;
+      }
+      return { height: value + " !important" };
+    });
+    const widthStyles = computed(() => {
+      const value = calculateDisplayRuleValue(props.width);
+      if (isEmpty(value)) {
+        return void 0;
+      }
+      return value === "grow" ? { width: "100%" } : { width: value };
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(props.tag), {
+        class: normalizeClass([
+          "ev-container",
+          {
+            "is-fluid": props.fluid,
+            "fill-height": props.fill
+          },
+          ...unref(hiddenClasses),
+          props.class
+        ]),
+        style: normalizeStyle([props.style, widthStyles.value, heightStyles.value]),
+        hidden: hiddenAttribute.value
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["class", "style", "hidden"]);
+    };
+  }
+});
+export {
+  _sfc_main as _,
+  makeEvContainerProps as m
+};
+//# sourceMappingURL=EvContainer.vue_vue_type_script_setup_true_lang-D98JKuC8.mjs.map

package/dist/esm/chunks/EvContainer.vue_vue_type_script_setup_true_lang-D98JKuC8.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvContainer.vue_vue_type_script_setup_true_lang-D98JKuC8.mjs","sources":["../../../src/components/EvGrid/EvContainer/EvContainer.ts","../../../src/components/EvGrid/EvContainer/EvContainer.vue"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { makeTagProps } from \"@/composables/tag\";\nimport { PropType } from \"vue\";\nimport { DisplayRuleProp, VisibilityRuleProp } from \"@/composables/display\";\n\n/**\n * # makeEvContainerProps\n */\nexport const makeEvContainerProps = propsFactory(\n    {\n        fluid: {\n            type: Boolean,\n            default: false,\n        },\n        fill: Boolean,\n        hidden: [Boolean, String, Array] as PropType<VisibilityRuleProp>,\n        height: [String, Number, Object] as PropType<DisplayRuleProp>,\n        width: [String, Number, Object] as PropType<DisplayRuleProp>,\n\n        ...makeComponentProps(),\n        ...makeTagProps(),\n    },\n    \"EvContainer\",\n);\n","<script setup lang=\"ts\">\nimport \"./EvContainer.scss\";\nimport { makeEvContainerProps } from \"./EvContainer\";\nimport {\n    calculateDisplayRuleValue,\n    useDisplayRuleClasses,\n} from \"@/composables/display\";\nimport { computed } from \"vue\";\nimport { isBoolean, isEmpty } from \"@/util\";\n\nconst props = defineProps({\n    ...makeEvContainerProps(),\n});\n\n/**\n * Hidden\n */\nconst hiddenClasses = useDisplayRuleClasses(props, \"hidden\", \"hidden\");\nconst hiddenAttribute = computed(() => {\n    return isBoolean(props.hidden) && props.hidden;\n});\n\n/**\n * Height\n */\nconst heightStyles = computed(() => {\n    const value = calculateDisplayRuleValue(props.height);\n    if (isEmpty(value)) {\n        return undefined;\n    }\n    return { height: value + \" !important\" };\n});\n\n/**\n * Width\n */\nconst widthStyles = computed(() => {\n    const value = calculateDisplayRuleValue(props.width);\n    if (isEmpty(value)) {\n        return undefined;\n    }\n    return value === \"grow\" ? { width: \"100%\" } : { width: value };\n});\n</script>\n\n<template>\n    <component\n        :is=\"props.tag\"\n        :class=\"[\n            'ev-container',\n            {\n                'is-fluid': props.fluid,\n                'fill-height': props.fill,\n            },\n            ...hiddenClasses,\n            props.class,\n        ]\"\n        :style=\"[props.style, widthStyles, heightStyles]\"\n        :hidden=\"hiddenAttribute\">\n        <slot />\n    </component>\n</template>\n"],"names":[],"mappings":";;;;;;;AASO,MAAM,uBAAuB;AAAA,EAChC;AAAA,IACI,OAAO;AAAA,MACH,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,MAAM;AAAA,IACN,QAAQ,CAAC,SAAS,QAAQ,KAAK;AAAA,IAC/B,QAAQ,CAAC,QAAQ,QAAQ,MAAM;AAAA,IAC/B,OAAO,CAAC,QAAQ,QAAQ,MAAM;AAAA,IAE9B,GAAG,mBAAmB;AAAA,IACtB,GAAG,aAAa;AAAA,EACpB;AAAA,EACA;AACJ;;;;;;;;ACPA,UAAM,gBAAgB,sBAAsB,OAAO,UAAU,QAAQ;AAC/D,UAAA,kBAAkB,SAAS,MAAM;AACnC,aAAO,UAAU,MAAM,MAAM,KAAK,MAAM;AAAA,IAAA,CAC3C;AAKK,UAAA,eAAe,SAAS,MAAM;AAC1B,YAAA,QAAQ,0BAA0B,MAAM,MAAM;AAChD,UAAA,QAAQ,KAAK,GAAG;AACT,eAAA;AAAA,MAAA;AAEJ,aAAA,EAAE,QAAQ,QAAQ,cAAc;AAAA,IAAA,CAC1C;AAKK,UAAA,cAAc,SAAS,MAAM;AACzB,YAAA,QAAQ,0BAA0B,MAAM,KAAK;AAC/C,UAAA,QAAQ,KAAK,GAAG;AACT,eAAA;AAAA,MAAA;AAEJ,aAAA,UAAU,SAAS,EAAE,OAAO,WAAW,EAAE,OAAO,MAAM;AAAA,IAAA,CAChE;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,394 @@
+/*! Evance UI v1.0.37 | MIT License */
+import { computed, defineComponent, useSlots, ref, watch, onMounted, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createVNode, createBlock, mergeProps, isRef, createSlots, withCtx, renderSlot, createTextVNode, toDisplayString, createElementVNode, createCommentVNode, Fragment, renderList, normalizeProps, guardReactiveProps, nextTick } from "vue";
+import { m as makeComponentProps } from "./component-CK3NRQ91.mjs";
+import { b as makeVirtualProps, u as useVirtual, _ as _sfc_main$5 } from "./EvVirtualScrollItem.vue_vue_type_script_setup_true_lang-DZLM8EyF.mjs";
+import { m as makeDimensionsProps, u as useDimensions } from "./dimensions-BFUpTs7y.mjs";
+import { p as propsFactory } from "./props-C5O_XLol.mjs";
+import { a as getPropertyValue, o as omit, f as filterComponentProps } from "./helpers-BObZTKcX.mjs";
+import { a as makeDataTableHeaderProps, c as createHeaders, _ as _sfc_main$6 } from "./EvDataTableRow.vue_vue_type_script_setup_true_lang-C4el9hJs.mjs";
+import { m as makeDataTableSelectProps, p as provideSelection } from "./select-BF_gkjgV.mjs";
+import { m as makeEvDataTableSearchProps, _ as _sfc_main$1 } from "./EvDataTableSearch.vue_vue_type_script_setup_true_lang-CbJgZKY8.mjs";
+import { u as useModelProxy } from "./modelProxy-DgW6Hnv7.mjs";
+import { _ as _sfc_main$2 } from "./EvInfiniteScroll.vue_vue_type_script_setup_true_lang-DkgJQ7GM.mjs";
+import { _ as _sfc_main$3 } from "./EvDataTableCell.vue_vue_type_script_setup_true_lang-BBNRPmaB.mjs";
+import { c as calculateDisplayRuleValue } from "./display-DGppKNH9.mjs";
+import { _ as _sfc_main$4 } from "./EvCheckbox.vue_vue_type_script_setup_true_lang-Dd4Dtopc.mjs";
+import { u as useLocaleFunctions } from "./locale-BIAWh1oC.mjs";
+import { g as getPrefixedEventHandlers } from "./events-DNs4xj1l.mjs";
+import { t as toWebUnit } from "./units-HJ_5926T.mjs";
+const makeDataTableItemsProps = 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(props, item, index, columns) {
+  const value = props.returnObject ? item : getPropertyValue(item, props.itemValue);
+  const selectable = getPropertyValue(item, props.itemSelectable, true);
+  const itemColumns = columns.reduce(
+    (obj, column) => {
+      if (column.key != null) {
+        obj[column.key] = getPropertyValue(item, column.value);
+        return obj;
+      }
+    },
+    {}
+  );
+  return {
+    key: props.returnObject ? getPropertyValue(item, props.itemValue) : value,
+    index,
+    value,
+    selectable,
+    columns: itemColumns,
+    raw: item
+  };
+}
+function transformItems(props, items, columns) {
+  return items.map(
+    (item, index) => transformItem(props, item, index, columns)
+  );
+}
+function useDataTableItems(items, props, columns) {
+  const internalItems = computed(
+    () => transformItems(props, items.value, columns.value)
+  );
+  return { items: internalItems };
+}
+const makeEvDataTableProps = propsFactory(
+  {
+    loading: Boolean,
+    page: { type: Number, default: 1 },
+    itemsPerPage: { type: Number, default: 50 },
+    showHeaders: Boolean,
+    showFinished: {
+      type: Boolean,
+      default: false
+    },
+    "onClick:row": Function,
+    "onContextmenu:row": Function,
+    "onDblclick:row": Function,
+    ...makeEvDataTableSearchProps(),
+    ...makeDataTableHeaderProps(),
+    ...makeDataTableItemsProps(),
+    ...makeDataTableSelectProps(),
+    ...makeDimensionsProps(),
+    ...makeVirtualProps(),
+    ...makeComponentProps()
+  },
+  "EvDataTable"
+);
+const _hoisted_1 = {
+  key: 0,
+  class: "ev-data-table--empty"
+};
+const _hoisted_2 = { class: "ev-data-table--native" };
+const _hoisted_3 = { key: 0 };
+const _hoisted_4 = {
+  key: 0,
+  class: "ev-data-table--thead",
+  role: "rowgroup"
+};
+const _hoisted_5 = {
+  class: "ev-data-table--tbody",
+  role: "rowgroup"
+};
+const _hoisted_6 = ["colspan"];
+const _hoisted_7 = ["colspan"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EvDataTable",
+  props: { ...makeEvDataTableProps() },
+  emits: ["click:row", "contextmenu:row", "dblclick:row", "load", "update:items", "update:loading", "update:selected", "update:page", "update:search", "update:sort"],
+  setup(__props, { expose: __expose, emit }) {
+    const props = __props;
+    const slots = useSlots();
+    const isLoading = useModelProxy(props, "loading", false);
+    const itemsModel = useModelProxy(props, "items");
+    const pageModel = useModelProxy(props, "page");
+    const dimensions = useDimensions(props);
+    const { columns, headers } = createHeaders(props);
+    const { items } = useDataTableItems(itemsModel, props, columns);
+    const { allSelected, selectAll, showSelectAll, someSelected } = provideSelection(props, items);
+    const {
+      containerRef,
+      markerRef,
+      paddingTop,
+      paddingBottom,
+      computedItems,
+      handleItemResize,
+      handleScroll,
+      handleScrollend
+    } = useVirtual(props, items);
+    const totalColumns = computed(() => {
+      return columns.value.length + (props.showSelect ? 1 : 0);
+    });
+    const { t } = useLocaleFunctions();
+    const sortModel = useModelProxy(props, "sort");
+    const searchModel = useModelProxy(props, "search");
+    const infiniteScrollRef = ref();
+    const infiniteScrollDisabled = computed(() => isLoading.value);
+    const isEmpty = computed(() => {
+      var _a;
+      return !((_a = itemsModel.value) == null ? void 0 : _a.length);
+    });
+    const searchProps = computed(() => {
+      return omit(filterComponentProps(_sfc_main$1, props), [
+        "loading",
+        "search",
+        "sort"
+      ]);
+    });
+    const spaceAbove = computed(() => toWebUnit(paddingTop.value));
+    const spaceBelow = computed(() => toWebUnit(paddingBottom.value));
+    watch(
+      () => {
+        var _a;
+        return (_a = infiniteScrollRef.value) == null ? void 0 : _a.rootElement;
+      },
+      (value) => {
+        containerRef.value = value;
+      }
+    );
+    watch(
+      () => props.filters,
+      () => {
+        loadFirstPage();
+      },
+      { deep: true }
+    );
+    function loadFirstPage() {
+      isLoading.value = true;
+      const nextPage = 1;
+      function setPageItems(results, isLastPage = false) {
+        itemsModel.value = results;
+        pageModel.value = nextPage;
+        nextTick(() => {
+          resetScroll(
+            results.length < props.itemsPerPage || isLastPage ? "finished" : "ok"
+          );
+          isLoading.value = false;
+        });
+      }
+      emit("load", { setPageItems, page: nextPage });
+    }
+    function onInfiniteScrollLoad(options) {
+      const nextPage = pageModel.value + 1;
+      function setPageItems(results, isLastPage = false) {
+        itemsModel.value.push(...results);
+        pageModel.value = nextPage;
+        results.length < props.itemsPerPage || isLastPage ? options.done() : options.next();
+      }
+      emit("load", { setPageItems, page: nextPage });
+    }
+    function resetScroll(status = "ok") {
+      var _a;
+      (_a = infiniteScrollRef.value) == null ? void 0 : _a.reset(status);
+    }
+    function colStyle(column) {
+      return {
+        width: calculateDisplayRuleValue(column.width),
+        minWidth: calculateDisplayRuleValue(column.minWidth),
+        maxWidth: calculateDisplayRuleValue(column.maxWidth)
+      };
+    }
+    __expose({
+      resetScroll,
+      reload: loadFirstPage
+    });
+    onMounted(() => {
+      var _a;
+      if (!((_a = itemsModel.value) == null ? void 0 : _a.length)) {
+        loadFirstPage();
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["ev-data-table", props.class]),
+        style: normalizeStyle([unref(dimensions), props.style])
+      }, [
+        createVNode(unref(_sfc_main$1), mergeProps(searchProps.value, {
+          search: unref(searchModel),
+          "onUpdate:search": [
+            _cache[0] || (_cache[0] = ($event) => isRef(searchModel) ? searchModel.value = $event : null),
+            loadFirstPage
+          ],
+          sort: unref(sortModel),
+          "onUpdate:sort": [
+            _cache[1] || (_cache[1] = ($event) => isRef(sortModel) ? sortModel.value = $event : null),
+            loadFirstPage
+          ],
+          loading: unref(isLoading),
+          "hide-select-all": props.showHeaders,
+          filters: props.filters
+        }), createSlots({ _: 2 }, [
+          unref(slots)["select-actions"] ? {
+            name: "select-actions",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "select-actions")
+            ]),
+            key: "0"
+          } : void 0,
+          unref(slots).filters ? {
+            name: "filters",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "filters")
+            ]),
+            key: "1"
+          } : void 0
+        ]), 1040, ["search", "sort", "loading", "hide-select-all", "filters"]),
+        isEmpty.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          renderSlot(_ctx.$slots, "empty", {}, () => [
+            createTextVNode(toDisplayString(unref(t)("table.empty")), 1)
+          ])
+        ])) : (openBlock(), createBlock(unref(_sfc_main$2), {
+          key: 1,
+          ref_key: "infiniteScrollRef",
+          ref: infiniteScrollRef,
+          class: "ev-data-table--wrapper",
+          disabled: infiniteScrollDisabled.value,
+          "show-finished": props.showFinished,
+          onLoad: onInfiniteScrollLoad,
+          onScrollPassive: unref(handleScroll),
+          onScrollend: unref(handleScrollend)
+        }, createSlots({
+          default: withCtx(() => [
+            createElementVNode("table", _hoisted_2, [
+              renderSlot(_ctx.$slots, "colgroup", {}, () => [
+                createElementVNode("colgroup", null, [
+                  props.showSelect ? (openBlock(), createElementBlock("col", _hoisted_3)) : createCommentVNode("", true),
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(unref(columns), (column, colIndex) => {
+                    return openBlock(), createElementBlock("col", {
+                      key: colIndex,
+                      style: normalizeStyle(colStyle(column))
+                    }, null, 4);
+                  }), 128))
+                ])
+              ]),
+              props.showHeaders ? (openBlock(), createElementBlock("thead", _hoisted_4, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(headers), (row, rowIndex) => {
+                  return openBlock(), createElementBlock("tr", { key: rowIndex }, [
+                    unref(showSelectAll) && rowIndex === 0 ? (openBlock(), createBlock(unref(_sfc_main$3), {
+                      key: 0,
+                      tag: "th",
+                      colspan: 1,
+                      rowspan: unref(headers).length,
+                      class: "ev-data-table-cell--checkbox"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(unref(_sfc_main$4), {
+                          "model-value": unref(allSelected),
+                          indeterminate: unref(someSelected) && !unref(allSelected),
+                          "onUpdate:modelValue": unref(selectAll)
+                        }, null, 8, ["model-value", "indeterminate", "onUpdate:modelValue"])
+                      ]),
+                      _: 1
+                    }, 8, ["rowspan"])) : createCommentVNode("", true),
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(row, (header, headerIndex) => {
+                      return openBlock(), createBlock(unref(_sfc_main$3), mergeProps({
+                        key: headerIndex,
+                        tag: "th"
+                      }, header.headerProps, {
+                        align: header.align,
+                        colspan: header.colspan,
+                        rowspan: header.rowspan
+                      }), {
+                        default: withCtx(() => [
+                          renderSlot(_ctx.$slots, `header.${header.key}`, normalizeProps(guardReactiveProps({ header })), () => [
+                            createTextVNode(toDisplayString(header.title), 1)
+                          ])
+                        ]),
+                        _: 2
+                      }, 1040, ["align", "colspan", "rowspan"]);
+                    }), 128))
+                  ]);
+                }), 128))
+              ])) : createCommentVNode("", true),
+              createElementVNode("tbody", _hoisted_5, [
+                createElementVNode("tr", {
+                  ref_key: "markerRef",
+                  ref: markerRef,
+                  class: "ev-data-table--spacer-above",
+                  style: normalizeStyle({ height: spaceAbove.value, border: 0 })
+                }, [
+                  createElementVNode("td", {
+                    colspan: totalColumns.value,
+                    style: { height: 0, border: 0 }
+                  }, null, 8, _hoisted_6)
+                ], 4),
+                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(computedItems), (displayItem) => {
+                  return openBlock(), createBlock(_sfc_main$5, {
+                    key: displayItem.index,
+                    renderless: "",
+                    "onUpdate:height": (h) => unref(handleItemResize)(displayItem.index, h)
+                  }, {
+                    default: withCtx(({ itemRef }) => [
+                      createVNode(unref(_sfc_main$6), normalizeProps(guardReactiveProps({
+                        ref: itemRef,
+                        item: displayItem.raw,
+                        index: displayItem.index,
+                        ...unref(getPrefixedEventHandlers)(
+                          props,
+                          ":row",
+                          () => ({ ...itemRef.value })
+                        )
+                      })), createSlots({
+                        default: withCtx((itemProps) => [
+                          renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(itemProps)))
+                        ]),
+                        _: 2
+                      }, [
+                        renderList(unref(columns), (column) => {
+                          return {
+                            name: `item.${column.key}`,
+                            fn: withCtx((cellProps) => [
+                              !unref(slots).default ? renderSlot(_ctx.$slots, `item.${column.key}`, normalizeProps(mergeProps({ key: 0 }, cellProps))) : createCommentVNode("", true)
+                            ])
+                          };
+                        })
+                      ]), 1040)
+                    ]),
+                    _: 2
+                  }, 1032, ["onUpdate:height"]);
+                }), 128)),
+                createElementVNode("tr", {
+                  class: "ev-data-table--spacer-below",
+                  style: normalizeStyle({ height: spaceBelow.value, border: 0 })
+                }, [
+                  createElementVNode("td", {
+                    colspan: totalColumns.value,
+                    style: { height: 0, border: 0 }
+                  }, null, 8, _hoisted_7)
+                ], 4)
+              ])
+            ])
+          ]),
+          _: 2
+        }, [
+          unref(slots).finished ? {
+            name: "finished",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "finished")
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["disabled", "show-finished", "onScrollPassive", "onScrollend"]))
+      ], 6);
+    };
+  }
+});
+export {
+  _sfc_main as _,
+  makeEvDataTableProps as m
+};
+//# sourceMappingURL=EvDataTable.vue_vue_type_script_setup_true_lang-VdiPBwPH.mjs.map