@evance/evance-ui 1.0.22 → 1.0.24

package/dist/cjs/EvCheckbox.vue_vue_type_script_setup_true_lang-DbTvcvG1.cjs

@@ -1,121 +0,0 @@
-"use strict";
-/*! Evance UI v1.0.21 | MIT License */
-const vue = require("vue");
-const EvCheckbox = require("./EvCheckbox-CEDQAFaN.cjs");
-const EvErrors_vue_vue_type_script_setup_true_lang = require("./EvErrors.vue_vue_type_script_setup_true_lang-DXxtO6iY.cjs");
-const EvLabel_vue_vue_type_script_setup_true_lang = require("./EvLabel.vue_vue_type_script_setup_true_lang-C3tVeoUK.cjs");
-const validation = require("./validation-B2PREc7o.cjs");
-const modelProxy = require("./modelProxy-DVRroBt5.cjs");
-const defaults = require("./defaults-Cj5EBlgJ.cjs");
-const helpers = require("./helpers-PhIb_S7C.cjs");
-const _hoisted_1 = { class: "ev-checkbox--control" };
-const _hoisted_2 = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
-  ...{
-    inheritAttrs: false
-  },
-  __name: "EvCheckbox",
-  props: {
-    ...EvCheckbox.makeEvCheckboxProps()
-  },
-  emits: ["update:focused", "update:modelValue", "update:indeterminate"],
-  setup(__props, { expose: __expose }) {
-    const definedProps = __props;
-    const props = defaults.useDefaults(definedProps);
-    const slots = vue.useSlots();
-    const attrs = vue.useAttrs();
-    const containerRef = vue.ref(null);
-    const inputRef = vue.ref(null);
-    const [containerAttrs, inputAttrs] = helpers.splitInputAttrs(attrs);
-    const formField = validation.useFormField(props);
-    const { trueValue, isChecked } = EvCheckbox.useToggleControl(formField.model, props);
-    const indeterminate = modelProxy.useModelProxy(props, "indeterminate");
-    function getInputElement() {
-      return inputRef.value;
-    }
-    function onInput(e) {
-      isChecked.value = e.target.checked;
-      if (indeterminate.value) {
-        indeterminate.value = false;
-      }
-    }
-    __expose({
-      input: inputRef,
-      focus: () => {
-        var _a;
-        (_a = getInputElement()) == null ? void 0 : _a.focus();
-      },
-      ...formField.expose()
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
-        ref_key: "containerRef",
-        ref: containerRef,
-        class: [
-          "ev-checkbox",
-          {
-            "is-checked": vue.unref(isChecked),
-            "is-labelled": vue.unref(props).label || vue.unref(slots).label,
-            "is-indeterminate": vue.unref(indeterminate)
-          },
-          vue.unref(formField).classes,
-          vue.unref(props).class
-        ],
-        style: vue.unref(props).style
-      }, vue.unref(containerAttrs)), [
-        vue.createElementVNode("div", _hoisted_1, [
-          _hoisted_2,
-          vue.createElementVNode("input", vue.mergeProps({
-            id: vue.unref(formField).id,
-            ref_key: "inputRef",
-            ref: inputRef,
-            type: "checkbox",
-            role: "switch",
-            name: vue.unref(formField).name,
-            disabled: vue.unref(formField).isDisabled,
-            readonly: vue.unref(formField).isReadonly,
-            checked: vue.unref(isChecked),
-            value: vue.unref(trueValue),
-            "aria-disabled": vue.unref(formField).isDisabled,
-            "aria-checked": vue.unref(indeterminate) ? "mixed" : vue.unref(isChecked)
-          }, vue.unref(inputAttrs), {
-            onInput,
-            onFocus: _cache[0] || (_cache[0] = //@ts-ignore
-            (...args) => vue.unref(formField).focus && vue.unref(formField).focus(...args)),
-            onBlur: _cache[1] || (_cache[1] = //@ts-ignore
-            (...args) => vue.unref(formField).blur && vue.unref(formField).blur(...args))
-          }), null, 16, _hoisted_3)
-        ]),
-        vue.unref(props).label || vue.unref(props).hint || vue.unref(slots).label ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
-          vue.createVNode(vue.unref(EvLabel_vue_vue_type_script_setup_true_lang._sfc_main), {
-            clickable: "",
-            for: vue.unref(formField).id,
-            title: vue.unref(props).label,
-            hint: vue.unref(props).hint
-          }, {
-            default: vue.withCtx(() => [
-              vue.renderSlot(_ctx.$slots, "label")
-            ]),
-            _: 3
-          }, 8, ["for", "title", "hint"]),
-          vue.unref(formField).isShowErrorMessages ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
-            vue.createVNode(vue.unref(EvErrors_vue_vue_type_script_setup_true_lang._sfc_main), {
-              messages: vue.unref(formField).errorMessages
-            }, null, 8, ["messages"])
-          ])) : vue.createCommentVNode("", true)
-        ])) : vue.createCommentVNode("", true)
-      ], 16);
-    };
-  }
-});
-exports._sfc_main = _sfc_main;
-//# sourceMappingURL=EvCheckbox.vue_vue_type_script_setup_true_lang-DbTvcvG1.cjs.map

package/dist/cjs/EvCheckbox.vue_vue_type_script_setup_true_lang-DbTvcvG1.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EvCheckbox.vue_vue_type_script_setup_true_lang-DbTvcvG1.cjs","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    input: inputRef,\n    focus: () => {\n        getInputElement()?.focus();\n    },\n    ...formField.expose(),\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":["useDefaults","_useSlots","useAttrs","ref","splitInputAttrs","useFormField","useToggleControl","useModelProxy"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BM,UAAA,QAAQA,qBAAY,YAAY;AACtC,UAAM,QAAQC,IAAAA;AAOd,UAAM,QAAQC,IAAAA,SAAS;AACjB,UAAA,eAAeC,QAAwB,IAAI;AAC3C,UAAA,WAAWA,QAA6B,IAAI;AAClD,UAAM,CAAC,gBAAgB,UAAU,IAAIC,QAAAA,gBAAgB,KAAK;AACpD,UAAA,YAAYC,wBAAa,KAAK;AACpC,UAAM,EAAE,WAAW,cAAcC,WAAiB,iBAAA,UAAU,OAAO,KAAK;AAClE,UAAA,gBAAgBC,WAAAA,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,MAAM;;AACT,8BAAA,MAAA,mBAAmB;AAAA,MACvB;AAAA,MACA,GAAG,UAAU,OAAO;AAAA,IAAA,CACvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/EvCode.vue_vue_type_script_setup_true_lang-Dm1L_bQe.cjs

@@ -1,33 +0,0 @@
-"use strict";
-/*! Evance UI v1.0.21 | MIT License */
-const vue = require("vue");
-const component = require("./component-CNhKFCnY.cjs");
-const props = require("./props-B-0qGG2x.cjs");
-const makeEvCodeProps = props.propsFactory(
-  {
-    text: String,
-    ...component.makeComponentProps()
-  },
-  "EvCode"
-);
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "EvCode",
-  props: { ...makeEvCodeProps() },
-  setup(__props) {
-    const props2 = __props;
-    vue.useSlots();
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("code", {
-        class: vue.normalizeClass(["ev-code", props2.class]),
-        style: vue.normalizeStyle(props2.style)
-      }, [
-        vue.renderSlot(_ctx.$slots, "default", {}, () => [
-          vue.createTextVNode(vue.toDisplayString(props2.text), 1)
-        ])
-      ], 6);
-    };
-  }
-});
-exports._sfc_main = _sfc_main;
-exports.makeEvCodeProps = makeEvCodeProps;
-//# sourceMappingURL=EvCode.vue_vue_type_script_setup_true_lang-Dm1L_bQe.cjs.map

package/dist/cjs/EvCode.vue_vue_type_script_setup_true_lang-Dm1L_bQe.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EvCode.vue_vue_type_script_setup_true_lang-Dm1L_bQe.cjs","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":["propsFactory","makeComponentProps","_useSlots"],"mappings":";;;;;AAGO,MAAM,kBAAkBA,MAAA;AAAA,EAC3B;AAAA,IACI,MAAM;AAAA,IACN,GAAGC,UAAmB,mBAAA;AAAA,EAC1B;AAAA,EACA;AACJ;;;;;;ACHcC;;;;;;;;;;;;;;;"}

package/dist/cjs/EvContainer.vue_vue_type_script_setup_true_lang-CG4nipmK.cjs

@@ -1,73 +0,0 @@
-"use strict";
-/*! Evance UI v1.0.21 | MIT License */
-const vue = require("vue");
-const component = require("./component-CNhKFCnY.cjs");
-const tag = require("./tag-CpkLjvvi.cjs");
-const props = require("./props-B-0qGG2x.cjs");
-const display = require("./display-Wn2sVYkX.cjs");
-const isFunctions = require("./is-functions-CrI3JzuN.cjs");
-const makeEvContainerProps = props.propsFactory(
-  {
-    fluid: {
-      type: Boolean,
-      default: false
-    },
-    fill: Boolean,
-    hidden: [Boolean, String, Array],
-    height: [String, Number, Object],
-    width: [String, Number, Object],
-    ...component.makeComponentProps(),
-    ...tag.makeTagProps()
-  },
-  "EvContainer"
-);
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "EvContainer",
-  props: {
-    ...makeEvContainerProps()
-  },
-  setup(__props) {
-    const props2 = __props;
-    const hiddenClasses = display.useDisplayRuleClasses(props2, "hidden", "hidden");
-    const hiddenAttribute = vue.computed(() => {
-      return isFunctions.isBoolean(props2.hidden) && props2.hidden;
-    });
-    const heightStyles = vue.computed(() => {
-      const value = display.calculateDisplayRuleValue(props2.height);
-      if (isFunctions.isEmpty(value)) {
-        return void 0;
-      }
-      return { height: value + " !important" };
-    });
-    const widthStyles = vue.computed(() => {
-      const value = display.calculateDisplayRuleValue(props2.width);
-      if (isFunctions.isEmpty(value)) {
-        return void 0;
-      }
-      return value === "grow" ? { width: "100%" } : { width: value };
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(props2.tag), {
-        class: vue.normalizeClass([
-          "ev-container",
-          {
-            "is-fluid": props2.fluid,
-            "fill-height": props2.fill
-          },
-          ...vue.unref(hiddenClasses),
-          props2.class
-        ]),
-        style: vue.normalizeStyle([props2.style, widthStyles.value, heightStyles.value]),
-        hidden: hiddenAttribute.value
-      }, {
-        default: vue.withCtx(() => [
-          vue.renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["class", "style", "hidden"]);
-    };
-  }
-});
-exports._sfc_main = _sfc_main;
-exports.makeEvContainerProps = makeEvContainerProps;
-//# sourceMappingURL=EvContainer.vue_vue_type_script_setup_true_lang-CG4nipmK.cjs.map

package/dist/cjs/EvContainer.vue_vue_type_script_setup_true_lang-CG4nipmK.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EvContainer.vue_vue_type_script_setup_true_lang-CG4nipmK.cjs","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":["propsFactory","makeComponentProps","makeTagProps","useDisplayRuleClasses","props","computed","isBoolean","calculateDisplayRuleValue","isEmpty"],"mappings":";;;;;;;;AASO,MAAM,uBAAuBA,MAAA;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,GAAGC,6BAAmB;AAAA,IACtB,GAAGC,IAAa,aAAA;AAAA,EACpB;AAAA,EACA;AACJ;;;;;;;;ACPA,UAAM,gBAAgBC,QAAA,sBAAsBC,QAAO,UAAU,QAAQ;AAC/D,UAAA,kBAAkBC,IAAAA,SAAS,MAAM;AACnC,aAAOC,YAAU,UAAAF,OAAM,MAAM,KAAKA,OAAM;AAAA,IAAA,CAC3C;AAKK,UAAA,eAAeC,IAAAA,SAAS,MAAM;AAC1B,YAAA,QAAQE,QAAAA,0BAA0BH,OAAM,MAAM;AAChD,UAAAI,YAAAA,QAAQ,KAAK,GAAG;AACT,eAAA;AAAA,MAAA;AAEJ,aAAA,EAAE,QAAQ,QAAQ,cAAc;AAAA,IAAA,CAC1C;AAKK,UAAA,cAAcH,IAAAA,SAAS,MAAM;AACzB,YAAA,QAAQE,QAAAA,0BAA0BH,OAAM,KAAK;AAC/C,UAAAI,YAAAA,QAAQ,KAAK,GAAG;AACT,eAAA;AAAA,MAAA;AAEJ,aAAA,UAAU,SAAS,EAAE,OAAO,WAAW,EAAE,OAAO,MAAM;AAAA,IAAA,CAChE;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/EvDataTable.vue_vue_type_script_setup_true_lang-DY5SCXhT.cjs

@@ -1,365 +0,0 @@
-"use strict";
-/*! Evance UI v1.0.21 | MIT License */
-const vue = require("vue");
-const component = require("./component-CNhKFCnY.cjs");
-const EvVirtualScrollItem_vue_vue_type_script_setup_true_lang = require("./EvVirtualScrollItem.vue_vue_type_script_setup_true_lang-C3B0d5It.cjs");
-const dimensions = require("./dimensions-Cr3hY69C.cjs");
-const props = require("./props-B-0qGG2x.cjs");
-const helpers = require("./helpers-PhIb_S7C.cjs");
-const EvDataTableRow_vue_vue_type_script_setup_true_lang = require("./EvDataTableRow.vue_vue_type_script_setup_true_lang-C8J5sfVS.cjs");
-const select = require("./select-DBIX6Cka.cjs");
-const EvDataTableSearch_vue_vue_type_script_setup_true_lang = require("./EvDataTableSearch.vue_vue_type_script_setup_true_lang-DNCTTUXt.cjs");
-const modelProxy = require("./modelProxy-DVRroBt5.cjs");
-const EvInfiniteScroll_vue_vue_type_script_setup_true_lang = require("./EvInfiniteScroll.vue_vue_type_script_setup_true_lang-C6NyAlVg.cjs");
-const EvDataTableCell_vue_vue_type_script_setup_true_lang = require("./EvDataTableCell.vue_vue_type_script_setup_true_lang-Bx93imxb.cjs");
-const display = require("./display-Wn2sVYkX.cjs");
-const EvCheckbox_vue_vue_type_script_setup_true_lang = require("./EvCheckbox.vue_vue_type_script_setup_true_lang-DbTvcvG1.cjs");
-const locale = require("./locale-DnxNlaVB.cjs");
-const units = require("./units-D9bNoBBu.cjs");
-const makeDataTableItemsProps = props.propsFactory(
-  {
-    items: {
-      type: Array,
-      default: () => []
-    },
-    itemValue: {
-      type: [String, Array, Function],
-      default: "id"
-    },
-    itemSelectable: {
-      type: [String, Array, Function],
-      default: null
-    },
-    returnObject: Boolean
-  },
-  "data-table-items"
-);
-function transformItem(props2, item, index, columns) {
-  const value = props2.returnObject ? item : helpers.getPropertyValue(item, props2.itemValue);
-  const selectable = helpers.getPropertyValue(item, props2.itemSelectable, true);
-  const itemColumns = columns.reduce(
-    (obj, column) => {
-      if (column.key != null) {
-        obj[column.key] = helpers.getPropertyValue(item, column.value);
-        return obj;
-      }
-    },
-    {}
-  );
-  return {
-    key: props2.returnObject ? helpers.getPropertyValue(item, props2.itemValue) : value,
-    index,
-    value,
-    selectable,
-    columns: itemColumns,
-    raw: item
-  };
-}
-function transformItems(props2, items, columns) {
-  return items.map(
-    (item, index) => transformItem(props2, item, index, columns)
-  );
-}
-function useDataTableItems(items, props2, columns) {
-  const internalItems = vue.computed(
-    () => transformItems(props2, items.value, columns.value)
-  );
-  return { items: internalItems };
-}
-const makeEvDataTableProps = props.propsFactory(
-  {
-    loading: Boolean,
-    page: { type: Number, default: 1 },
-    itemsPerPage: { type: Number, default: 50 },
-    showHeaders: Boolean,
-    ...EvDataTableSearch_vue_vue_type_script_setup_true_lang.makeEvDataTableSearchProps(),
-    ...EvDataTableRow_vue_vue_type_script_setup_true_lang.makeDataTableHeaderProps(),
-    ...makeDataTableItemsProps(),
-    ...select.makeDataTableSelectProps(),
-    ...dimensions.makeDimensionsProps(),
-    ...EvVirtualScrollItem_vue_vue_type_script_setup_true_lang.makeVirtualProps(),
-    ...component.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__ */ vue.defineComponent({
-  __name: "EvDataTable",
-  props: { ...makeEvDataTableProps() },
-  emits: ["load", "update:modelValue", "update:page", "update:search", "update:sort"],
-  setup(__props, { expose: __expose, emit }) {
-    const props2 = __props;
-    const slots = vue.useSlots();
-    const isLoading = modelProxy.useModelProxy(props2, "loading");
-    const itemsModel = modelProxy.useModelProxy(props2, "items");
-    const pageModel = modelProxy.useModelProxy(props2, "page");
-    const dimensions$1 = dimensions.useDimensions(props2);
-    const { columns, headers } = EvDataTableRow_vue_vue_type_script_setup_true_lang.createHeaders(props2);
-    const { items } = useDataTableItems(itemsModel, props2, columns);
-    const { allSelected, selectAll, showSelectAll, someSelected } = select.provideSelection(props2, {
-      allItems: items,
-      currentPage: items
-    });
-    const {
-      containerRef,
-      markerRef,
-      paddingTop,
-      paddingBottom,
-      computedItems,
-      handleItemResize,
-      handleScroll,
-      handleScrollend
-    } = EvVirtualScrollItem_vue_vue_type_script_setup_true_lang.useVirtual(props2, items);
-    const totalColumns = vue.computed(() => {
-      return columns.value.length + (props2.showSelect ? 1 : 0);
-    });
-    const { t } = locale.useLocaleFunctions();
-    const sortModel = modelProxy.useModelProxy(props2, "sort");
-    const searchModel = modelProxy.useModelProxy(props2, "search");
-    const infiniteScrollRef = vue.ref();
-    const infiniteScrollDisabled = vue.computed(() => isLoading.value);
-    const isEmpty = vue.computed(() => {
-      var _a;
-      return !((_a = itemsModel.value) == null ? void 0 : _a.length);
-    });
-    const searchProps = vue.computed(() => {
-      return helpers.omit(helpers.filterComponentProps(EvDataTableSearch_vue_vue_type_script_setup_true_lang._sfc_main, props2), [
-        "loading",
-        "search",
-        "sort"
-      ]);
-    });
-    vue.watch(
-      () => {
-        var _a;
-        return (_a = infiniteScrollRef.value) == null ? void 0 : _a.rootElement;
-      },
-      (value) => {
-        containerRef.value = value;
-      }
-    );
-    vue.watch(
-      () => props2.filters,
-      () => {
-        onChange();
-      },
-      { deep: true }
-    );
-    function onChange() {
-      isLoading.value = true;
-      const nextPage = 1;
-      function next(results) {
-        itemsModel.value = results;
-        pageModel.value = nextPage;
-        isLoading.value = false;
-        resetScroll(results.length < props2.itemsPerPage ? "finished" : "ok");
-      }
-      emit("load", { next, page: nextPage });
-    }
-    function onInfiniteScrollLoad(options) {
-      const nextPage = pageModel.value + 1;
-      function next(results) {
-        itemsModel.value.push(...results);
-        pageModel.value = nextPage;
-        results.length < props2.itemsPerPage ? options.done() : options.next();
-      }
-      emit("load", { next, page: nextPage });
-    }
-    function resetScroll(status = "ok") {
-      var _a;
-      (_a = infiniteScrollRef.value) == null ? void 0 : _a.reset(status);
-    }
-    function colStyle(column) {
-      return {
-        width: display.calculateDisplayRuleValue(column.width),
-        minWidth: display.calculateDisplayRuleValue(column.minWidth),
-        maxWidth: display.calculateDisplayRuleValue(column.maxWidth)
-      };
-    }
-    __expose({
-      resetScroll,
-      reload: onChange
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(["ev-data-table", props2.class]),
-        style: vue.normalizeStyle([vue.unref(dimensions$1), props2.style])
-      }, [
-        vue.createVNode(vue.unref(EvDataTableSearch_vue_vue_type_script_setup_true_lang._sfc_main), vue.mergeProps(searchProps.value, {
-          search: vue.unref(searchModel),
-          "onUpdate:search": [
-            _cache[0] || (_cache[0] = ($event) => vue.isRef(searchModel) ? searchModel.value = $event : null),
-            onChange
-          ],
-          sort: vue.unref(sortModel),
-          "onUpdate:sort": [
-            _cache[1] || (_cache[1] = ($event) => vue.isRef(sortModel) ? sortModel.value = $event : null),
-            onChange
-          ],
-          loading: vue.unref(isLoading),
-          "hide-select-all": props2.showHeaders,
-          filters: props2.filters
-        }), vue.createSlots({ _: 2 }, [
-          vue.unref(slots)["select-actions"] ? {
-            name: "select-actions",
-            fn: vue.withCtx(() => [
-              vue.renderSlot(_ctx.$slots, "select-actions")
-            ]),
-            key: "0"
-          } : void 0,
-          vue.unref(slots).filters ? {
-            name: "filters",
-            fn: vue.withCtx(() => [
-              vue.renderSlot(_ctx.$slots, "filters")
-            ]),
-            key: "1"
-          } : void 0
-        ]), 1040, ["search", "sort", "loading", "hide-select-all", "filters"]),
-        isEmpty.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-          vue.renderSlot(_ctx.$slots, "empty", {}, () => [
-            vue.createTextVNode(vue.toDisplayString(vue.unref(t)("table.empty")), 1)
-          ])
-        ])) : (vue.openBlock(), vue.createBlock(vue.unref(EvInfiniteScroll_vue_vue_type_script_setup_true_lang._sfc_main), {
-          key: 1,
-          ref_key: "infiniteScrollRef",
-          ref: infiniteScrollRef,
-          class: "ev-data-table--wrapper",
-          disabled: infiniteScrollDisabled.value,
-          onLoad: onInfiniteScrollLoad,
-          onScrollPassive: vue.unref(handleScroll),
-          onScrollend: vue.unref(handleScrollend)
-        }, {
-          default: vue.withCtx(() => [
-            vue.createElementVNode("table", _hoisted_2, [
-              vue.renderSlot(_ctx.$slots, "colgroup", {}, () => [
-                vue.createElementVNode("colgroup", null, [
-                  props2.showSelect ? (vue.openBlock(), vue.createElementBlock("col", _hoisted_3)) : vue.createCommentVNode("", true),
-                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(columns), (column, colIndex) => {
-                    return vue.openBlock(), vue.createElementBlock("col", {
-                      key: colIndex,
-                      style: vue.normalizeStyle(colStyle(column))
-                    }, null, 4);
-                  }), 128))
-                ])
-              ]),
-              props2.showHeaders ? (vue.openBlock(), vue.createElementBlock("thead", _hoisted_4, [
-                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(headers), (row, rowIndex) => {
-                  return vue.openBlock(), vue.createElementBlock("tr", { key: rowIndex }, [
-                    vue.unref(showSelectAll) && rowIndex === 0 ? (vue.openBlock(), vue.createBlock(vue.unref(EvDataTableCell_vue_vue_type_script_setup_true_lang._sfc_main), {
-                      key: 0,
-                      tag: "th",
-                      colspan: 1,
-                      rowspan: vue.unref(headers).length,
-                      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": vue.unref(allSelected),
-                          indeterminate: vue.unref(someSelected) && !vue.unref(allSelected),
-                          "onUpdate:modelValue": vue.unref(selectAll)
-                        }, null, 8, ["model-value", "indeterminate", "onUpdate:modelValue"])
-                      ]),
-                      _: 1
-                    }, 8, ["rowspan"])) : vue.createCommentVNode("", true),
-                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(row, (header, headerIndex) => {
-                      return vue.openBlock(), vue.createBlock(vue.unref(EvDataTableCell_vue_vue_type_script_setup_true_lang._sfc_main), vue.mergeProps({
-                        key: headerIndex,
-                        tag: "th"
-                      }, header.headerProps, {
-                        align: header.align,
-                        colspan: header.colspan,
-                        rowspan: header.rowspan
-                      }), {
-                        default: vue.withCtx(() => [
-                          vue.renderSlot(_ctx.$slots, `header.${header.key}`, vue.normalizeProps(vue.guardReactiveProps({ header })), () => [
-                            vue.createTextVNode(vue.toDisplayString(header.title), 1)
-                          ])
-                        ]),
-                        _: 2
-                      }, 1040, ["align", "colspan", "rowspan"]);
-                    }), 128))
-                  ]);
-                }), 128))
-              ])) : vue.createCommentVNode("", true),
-              vue.createElementVNode("tbody", _hoisted_5, [
-                vue.createElementVNode("tr", {
-                  ref_key: "markerRef",
-                  ref: markerRef,
-                  class: "ev-data-table--spacer-above",
-                  style: vue.normalizeStyle({ height: vue.unref(units.toWebUnit)(vue.unref(paddingTop)), border: 0 })
-                }, [
-                  vue.createElementVNode("td", {
-                    colspan: totalColumns.value,
-                    style: { height: 0, border: 0 }
-                  }, null, 8, _hoisted_6)
-                ], 4),
-                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(computedItems), (displayItem) => {
-                  return vue.openBlock(), vue.createBlock(EvVirtualScrollItem_vue_vue_type_script_setup_true_lang._sfc_main, {
-                    key: displayItem.index,
-                    renderless: "",
-                    "onUpdate:height": (h) => vue.unref(handleItemResize)(displayItem.index, h)
-                  }, {
-                    default: vue.withCtx(({ itemRef }) => [
-                      vue.createVNode(vue.unref(EvDataTableRow_vue_vue_type_script_setup_true_lang._sfc_main), vue.normalizeProps(vue.guardReactiveProps({
-                        ref: itemRef,
-                        item: displayItem.raw,
-                        index: displayItem.index
-                      })), vue.createSlots({
-                        default: vue.withCtx((itemProps) => [
-                          vue.renderSlot(_ctx.$slots, "item", vue.normalizeProps(vue.guardReactiveProps(itemProps)))
-                        ]),
-                        _: 2
-                      }, [
-                        vue.renderList(vue.unref(columns), (column) => {
-                          return {
-                            name: `item.${column.key}`,
-                            fn: vue.withCtx((cellProps) => [
-                              !vue.unref(slots).item ? vue.renderSlot(_ctx.$slots, `item.${column.key}`, vue.normalizeProps(vue.mergeProps({ key: 0 }, cellProps))) : vue.createCommentVNode("", true)
-                            ])
-                          };
-                        })
-                      ]), 1040)
-                    ]),
-                    _: 2
-                  }, 1032, ["onUpdate:height"]);
-                }), 128)),
-                vue.createElementVNode("tr", {
-                  class: "ev-data-table--spacer-below",
-                  style: vue.normalizeStyle({
-                    height: vue.unref(units.toWebUnit)(vue.unref(paddingBottom)),
-                    border: 0
-                  })
-                }, [
-                  vue.createElementVNode("td", {
-                    colspan: totalColumns.value,
-                    style: { height: 0, border: 0 }
-                  }, null, 8, _hoisted_7)
-                ], 4)
-              ])
-            ])
-          ]),
-          _: 3
-        }, 8, ["disabled", "onScrollPassive", "onScrollend"]))
-      ], 6);
-    };
-  }
-});
-exports._sfc_main = _sfc_main;
-exports.makeEvDataTableProps = makeEvDataTableProps;
-//# sourceMappingURL=EvDataTable.vue_vue_type_script_setup_true_lang-DY5SCXhT.cjs.map