@evance/evance-ui 1.1.8 → 1.1.10

package/dist/cjs/components/EvProgressCircular/EvProgressCircular.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvProgressCircular.vue.cjs","sources":["../../../../src/components/EvProgressCircular/EvProgressCircular.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * # EvProgressCircular\n */\nimport \"./EvProgressCircular.scss\";\nimport { appearanceModifier, AppearanceProp, toWebUnit } from \"@/util\";\nimport { ref } from \"vue\";\n\ntype Size = \"default\";\n\ninterface ProgressProps {\n    appearance?: AppearanceProp;\n    indeterminate?: boolean;\n    percentage?: number;\n    rotate?: number;\n    size?: Size | number;\n    thickness?: number;\n}\nconst props = withDefaults(defineProps<ProgressProps>(), {\n    appearance: \"default\",\n    size: \"default\",\n    indeterminate: false,\n    percentage: 0,\n    rotate: 0,\n    thickness: 2,\n});\n\nconst container = ref<HTMLElement | null>(null);\nconst defaultSize = 48;\nconst defaultRadius = defaultSize / 2;\nconst defaultRotation = -90;\n\n/**\n * ## Get Size with Units\n * The default units is `px` when only a number is supplied.\n */\nfunction getSizeWithUnits() {\n    if (props.size === \"default\") {\n        return undefined;\n    }\n    return toWebUnit(props.size);\n}\n\n/**\n * ## Get Circumference\n * Calculate the circumference of the inner circles.\n */\nfunction getCircumference() {\n    return Math.PI * (getRadius() * 2);\n}\n\n/**\n * ## Get Width\n * Returns the width of the container.\n */\nfunction getContainerWidth() {\n    return !container.value ? defaultSize : container.value.clientWidth;\n}\n\n/**\n * ## Get Progress Offset\n * Calculate progress offset based on the percentage of the circumference.\n */\nfunction getProgressOffset() {\n    return props.indeterminate\n        ? 0\n        : getCircumference() * (1 - props.percentage / 100);\n}\n\n/**\n * ## Get Radius\n * Calculate the radius of the\n */\nfunction getRadius() {\n    return defaultRadius - getThickness() / 2;\n}\n\n/**\n * ## Get Rotation\n * Returns the starting point rotation style.\n */\nfunction getRotation() {\n    const rotation = defaultRotation + props.rotate;\n    return `rotate(${rotation}deg)`;\n}\n\n/**\n * ## Get Thickness (Stroke Width)\n * Calculate the requested stroke width as this will be different from\n * the actual stroke-width attribute.\n */\nfunction getThickness() {\n    const maxThickness = defaultSize / 2;\n    const thickness = (props.thickness / getContainerWidth()) * defaultSize;\n    return thickness > maxThickness ? maxThickness : thickness;\n}\n</script>\n\n<template>\n    <span\n        ref=\"container\"\n        role=\"progressbar\"\n        aria-valuemin=\"0\"\n        aria-valuemax=\"100\"\n        :aria-valuenow=\"percentage\"\n        class=\"ev-progress-circular\"\n        :class=\"[\n            {\n                'is-indeterminate': props.indeterminate,\n                'is-size-default': props.size === 'default',\n            },\n            appearanceModifier(props.appearance, ['default']),\n        ]\"\n        :style=\"{\n            width: getSizeWithUnits(),\n            height: getSizeWithUnits(),\n        }\">\n        <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 48 48\"\n            :style=\"{\n                transform: getRotation(),\n            }\">\n            <circle\n                class=\"ev-progress-circular--track\"\n                fill=\"transparent\"\n                cx=\"50%\"\n                cy=\"50%\"\n                :r=\"getRadius()\"\n                :stroke-width=\"getThickness()\"\n                :stroke-dasharray=\"getCircumference()\"\n                stroke-dashoffset=\"0\"></circle>\n            <circle\n                class=\"ev-progress-circular--bar\"\n                fill=\"transparent\"\n                cx=\"50%\"\n                cy=\"50%\"\n                :r=\"getRadius()\"\n                :stroke-width=\"getThickness()\"\n                :stroke-dasharray=\"getCircumference()\"\n                :stroke-dashoffset=\"getProgressOffset()\"></circle>\n        </svg>\n        <span class=\"ev-progress-circular--content\">\n            <slot />\n        </span>\n    </span>\n</template>\n"],"names":["ref","toWebUnit"],"mappings":";;;;;;;;;;;AA4BA,MAAM,cAAc;AAEpB,MAAM,kBAAkB;;;;;;;;;;;;;AAHlB,UAAA,YAAYA,QAAwB,IAAI;AAE9C,UAAM,gBAAgB,cAAc;AAOpC,aAAS,mBAAmB;AACpB,UAAA,MAAM,SAAS,WAAW;AACnB,eAAA;AAAA,MAAA;AAEJ,aAAAC,MAAA,UAAU,MAAM,IAAI;AAAA,IAAA;AAO/B,aAAS,mBAAmB;AACjB,aAAA,KAAK,MAAM,UAAA,IAAc;AAAA,IAAA;AAOpC,aAAS,oBAAoB;AACzB,aAAO,CAAC,UAAU,QAAQ,cAAc,UAAU,MAAM;AAAA,IAAA;AAO5D,aAAS,oBAAoB;AACzB,aAAO,MAAM,gBACP,IACA,iBAAsB,KAAA,IAAI,MAAM,aAAa;AAAA,IAAA;AAOvD,aAAS,YAAY;AACV,aAAA,gBAAgB,iBAAiB;AAAA,IAAA;AAO5C,aAAS,cAAc;AACb,YAAA,WAAW,kBAAkB,MAAM;AACzC,aAAO,UAAU,QAAQ;AAAA,IAAA;AAQ7B,aAAS,eAAe;AACpB,YAAM,eAAe,cAAc;AACnC,YAAM,YAAa,MAAM,YAAY,kBAAuB,IAAA;AACrD,aAAA,YAAY,eAAe,eAAe;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/components/EvProgressCircular/EvProgressCircular.vue2.cjs

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

package/dist/cjs/components/EvQuickfind/EvQuickfind.vue.cjs

@@ -0,0 +1,51 @@
+"use strict";
+/*! Evance UI v1.1.10 | MIT License */
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+;/* empty css                   */
+const EvIcon_vue_vue_type_script_setup_true_lang = require("../EvIcon/EvIcon.vue.cjs");
+;/* empty css                      */
+const QuickfindIcon = require("../../icons/glyph/QuickfindIcon.svg.cjs");
+const modelProxy = require("../../composables/modelProxy.cjs");
+const modifiers = require("../../util/modifiers.cjs");
+const _hoisted_1 = { class: "ev-quickfind--code" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvQuickfind",
+  props: {
+    modelValue: {},
+    bold: { type: Boolean, default: false },
+    size: { default: "medium" }
+  },
+  setup(__props) {
+    const props = __props;
+    const modelProxy$1 = modelProxy.useModelProxy(props, "modelValue");
+    const iconSize = vue.computed(() => {
+      switch (props.size) {
+        case "small":
+        case "medium":
+          return "small";
+        default:
+          return "medium";
+      }
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("span", {
+        class: vue.normalizeClass([
+          "ev-quickfind",
+          {
+            "is-variant-bold": _ctx.bold
+          },
+          vue.unref(modifiers.sizeModifier)(_ctx.size, ["medium"])
+        ])
+      }, [
+        vue.createVNode(EvIcon_vue_vue_type_script_setup_true_lang.default, {
+          glyph: vue.unref(QuickfindIcon.default),
+          size: iconSize.value
+        }, null, 8, ["glyph", "size"]),
+        vue.createElementVNode("span", _hoisted_1, vue.toDisplayString(vue.unref(modelProxy$1)), 1)
+      ], 2);
+    };
+  }
+});
+exports.default = _sfc_main;
+//# sourceMappingURL=EvQuickfind.vue.cjs.map

package/dist/cjs/components/EvQuickfind/EvQuickfind.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvQuickfind.vue.cjs","sources":["../../../../src/components/EvQuickfind/EvQuickfind.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvQuickfind.scss\";\nimport EvIcon from \"../EvIcon/EvIcon.vue\";\nimport { QuickfindIcon } from \"@/icons\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\nimport { sizeModifier } from \"@/util\";\nimport { computed } from \"vue\";\n\ntype QuickfindSize = \"small\" | \"medium\" | \"large\";\n\ninterface QuickfindProps {\n    modelValue: string | number;\n    bold?: boolean;\n    size?: QuickfindSize;\n}\nconst props = withDefaults(defineProps<QuickfindProps>(), {\n    bold: false,\n    size: \"medium\",\n});\nconst modelProxy = useModelProxy(props, \"modelValue\");\n\nconst iconSize = computed(() => {\n    switch (props.size) {\n        case \"small\":\n        case \"medium\":\n            return \"small\";\n        default:\n            return \"medium\";\n    }\n});\n</script>\n\n<template>\n    <span\n        :class=\"[\n            'ev-quickfind',\n            {\n                'is-variant-bold': bold,\n            },\n            sizeModifier(size, ['medium']),\n        ]\">\n        <ev-icon :glyph=\"QuickfindIcon\" :size=\"iconSize\" />\n        <span class=\"ev-quickfind--code\">{{ modelProxy }}</span>\n    </span>\n</template>\n"],"names":["modelProxy","useModelProxy","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;AAmBM,UAAAA,eAAaC,WAAAA,cAAc,OAAO,YAAY;AAE9C,UAAA,WAAWC,IAAAA,SAAS,MAAM;AAC5B,cAAQ,MAAM,MAAM;AAAA,QAChB,KAAK;AAAA,QACL,KAAK;AACM,iBAAA;AAAA,QACX;AACW,iBAAA;AAAA,MAAA;AAAA,IACf,CACH;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/components/EvQuickfind/EvQuickfind.vue2.cjs

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

package/dist/cjs/components/EvRadio/EvRadio.cjs

@@ -0,0 +1,19 @@
+"use strict";
+/*! Evance UI v1.1.10 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const validation = require("../../composables/validation.cjs");
+const component = require("../../composables/component.cjs");
+const EvLabel = require("../EvLabel/EvLabel.cjs");
+const props = require("../../util/props.cjs");
+const makeEvRadioProps = props.propsFactory(
+  {
+    clearable: Boolean,
+    value: null,
+    ...EvLabel.makeLabelProps(),
+    ...validation.makeFormFieldProps(),
+    ...component.makeComponentProps()
+  },
+  "EvRadio"
+);
+exports.makeEvRadioProps = makeEvRadioProps;
+//# sourceMappingURL=EvRadio.cjs.map

package/dist/cjs/components/EvRadio/EvRadio.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvRadio.cjs","sources":["../../../../src/components/EvRadio/EvRadio.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeFormFieldProps } from \"@/composables/validation\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { makeLabelProps } from \"@/components/EvLabel\";\n\nexport const makeEvRadioProps = propsFactory(\n    {\n        clearable: Boolean,\n        value: null,\n        ...makeLabelProps(),\n        ...makeFormFieldProps(),\n        ...makeComponentProps(),\n    },\n    \"EvRadio\",\n);\n"],"names":["propsFactory","makeLabelProps","makeFormFieldProps","makeComponentProps"],"mappings":";;;;;;;AAKO,MAAM,mBAAmBA,MAAA;AAAA,EAC5B;AAAA,IACI,WAAW;AAAA,IACX,OAAO;AAAA,IACP,GAAGC,uBAAe;AAAA,IAClB,GAAGC,8BAAmB;AAAA,IACtB,GAAGC,UAAmB,mBAAA;AAAA,EAC1B;AAAA,EACA;AACJ;;"}

package/dist/cjs/components/EvRadio/EvRadio.vue.cjs

@@ -0,0 +1,131 @@
+"use strict";
+/*! Evance UI v1.1.10 | MIT License */
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+;/* empty css               */
+const EvLabel_vue_vue_type_script_setup_true_lang = require("../EvLabel/EvLabel.vue.cjs");
+const EvRadioGroup = require("../EvRadioGroup/EvRadioGroup.cjs");
+const EvRadio = require("./EvRadio.cjs");
+const validation = require("../../composables/validation.cjs");
+const helpers = require("../../util/helpers.cjs");
+const isFunctions = require("../../util/is-functions.cjs");
+const _hoisted_1 = { class: "ev-radio--control" };
+const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("div", { class: "ev-radio--circles" }, [
+  /* @__PURE__ */ vue.createElementVNode("div", { class: "ev-radio--outer-circle" }),
+  /* @__PURE__ */ vue.createElementVNode("div", { class: "ev-radio--inner-circle" })
+], -1);
+const _hoisted_3 = ["id", "name", "disabled", "value", "checked", "onKeyup"];
+const _hoisted_4 = {
+  key: 0,
+  class: "ev-radio--label"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "EvRadio",
+  props: {
+    ...EvRadio.makeEvRadioProps()
+  },
+  emits: ["update:focused", "update:modelValue"],
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const slots = vue.useSlots();
+    const group = vue.inject(EvRadioGroup.EvRadioGroupSymbol, void 0);
+    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, group);
+    const valueComparator = isFunctions.isDeepEqual;
+    const isChecked = vue.computed({
+      get() {
+        return valueComparator(formField.value, props.value);
+      },
+      set(value) {
+        if (props.readonly) {
+          return;
+        }
+        formField.value = value ? props.value : "";
+      }
+    });
+    function onClick(e) {
+      if (isChecked.value && props.clearable) {
+        isChecked.value = false;
+      }
+    }
+    function onInput(e) {
+      isChecked.value = e.target.checked;
+    }
+    function onSpace(e) {
+      if (isChecked.value && props.clearable) {
+        isChecked.value = false;
+        e.preventDefault();
+      }
+    }
+    function getInputElement() {
+      return inputRef.value;
+    }
+    __expose({
+      field: formField,
+      input: inputRef,
+      focus: () => {
+        var _a;
+        (_a = getInputElement()) == null ? void 0 : _a.focus();
+      }
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+        ref_key: "containerRef",
+        ref: containerRef,
+        class: [
+          "ev-radio",
+          {
+            "is-checked": isChecked.value,
+            "is-labelled": props.label || vue.unref(slots).label
+          },
+          vue.unref(formField).classes,
+          props.class
+        ],
+        style: 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: "radio",
+            name: vue.unref(formField).name,
+            disabled: vue.unref(formField).isDisabled || vue.unref(formField).isReadonly,
+            value: props.value,
+            checked: isChecked.value
+          }, vue.unref(inputAttrs), {
+            onBlur: _cache[0] || (_cache[0] = //@ts-ignore
+            (...args) => vue.unref(formField).blur && vue.unref(formField).blur(...args)),
+            onClick,
+            onFocus: _cache[1] || (_cache[1] = //@ts-ignore
+            (...args) => vue.unref(formField).focus && vue.unref(formField).focus(...args)),
+            onInput,
+            onKeyup: vue.withKeys(onSpace, ["space"])
+          }), null, 16, _hoisted_3)
+        ]),
+        props.label || vue.unref(slots).label ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
+          vue.createVNode(EvLabel_vue_vue_type_script_setup_true_lang.default, {
+            clickable: "",
+            for: vue.unref(formField).id,
+            title: props.label,
+            hint: props.hint
+          }, {
+            default: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "label")
+            ]),
+            _: 3
+          }, 8, ["for", "title", "hint"])
+        ])) : vue.createCommentVNode("", true)
+      ], 16);
+    };
+  }
+});
+exports.default = _sfc_main;
+//# sourceMappingURL=EvRadio.vue.cjs.map

package/dist/cjs/components/EvRadio/EvRadio.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvRadio.vue.cjs","sources":["../../../../src/components/EvRadio/EvRadio.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * # `<ev-radio>`\n */\nimport \"./EvRadio.scss\";\nimport { computed, inject, ref, useAttrs } from \"vue\";\nimport { isDeepEqual, splitInputAttrs } from \"@/util\";\nimport EvLabel from \"@/components/EvLabel/EvLabel.vue\";\nimport { EvRadioGroupSymbol } from \"@/components/EvRadioGroup\";\nimport { makeEvRadioProps } from \"./EvRadio\";\nimport { useFormField } from \"@/composables/validation\";\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 props = defineProps({\n    ...makeEvRadioProps(),\n});\nconst slots = defineSlots<{\n    label(): never;\n}>();\nconst group = inject(EvRadioGroupSymbol, undefined);\n\n// Emit\ndefineEmits([\"update:focused\", \"update:modelValue\"]);\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, group);\nconst valueComparator = isDeepEqual;\n\n// Computed\nconst isChecked = computed({\n    get() {\n        return valueComparator(formField.value, props.value);\n    },\n    set(value: boolean) {\n        if (props.readonly) {\n            return;\n        }\n        formField.value = value ? props.value : \"\";\n    },\n});\n\n/**\n * # On Click\n *\n * Handle clearable radio buttons when the input is checked and is then clicked again.\n *\n * @param e\n */\nfunction onClick(e: Event): void {\n    if (isChecked.value && props.clearable) {\n        isChecked.value = false;\n    }\n}\n\n/**\n * ## On Input\n *\n * Handle changes to the checked state.\n *\n * @param e\n */\nfunction onInput(e: Event): void {\n    isChecked.value = (e.target as HTMLInputElement).checked;\n}\n\n/**\n * # On Space\n *\n * We need this event handler to handle clearable radio, because\n * the `click` event is not triggered when the input is checked.\n *\n * @param e\n */\nfunction onSpace(e: Event): void {\n    if (isChecked.value && props.clearable) {\n        isChecked.value = false;\n        // Prevent default to avoid the click event being triggered.\n        e.preventDefault();\n    }\n}\n\n/**\n * ## Get Input Element\n */\nfunction getInputElement(): HTMLInputElement | null {\n    return inputRef.value;\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-radio',\n            {\n                'is-checked': isChecked,\n                'is-labelled': props.label || slots.label,\n            },\n            formField.classes,\n            props.class,\n        ]\"\n        :style=\"props.style\"\n        v-bind=\"containerAttrs\">\n        <div class=\"ev-radio--control\">\n            <div class=\"ev-radio--circles\">\n                <div class=\"ev-radio--outer-circle\"></div>\n                <div class=\"ev-radio--inner-circle\"></div>\n            </div>\n            <input\n                :id=\"formField.id\"\n                ref=\"inputRef\"\n                type=\"radio\"\n                :name=\"formField.name\"\n                :disabled=\"formField.isDisabled || formField.isReadonly\"\n                :value=\"props.value\"\n                :checked=\"isChecked\"\n                v-bind=\"inputAttrs\"\n                @blur=\"formField.blur\"\n                @click=\"onClick\"\n                @focus=\"formField.focus\"\n                @input=\"onInput\"\n                @keyup.space=\"onSpace\" />\n        </div>\n        <div v-if=\"props.label || slots.label\" class=\"ev-radio--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        </div>\n    </div>\n</template>\n"],"names":["_useSlots","inject","EvRadioGroupSymbol","useAttrs","ref","splitInputAttrs","useFormField","isDeepEqual","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,UAAM,QAAQA,IAAAA;AAGR,UAAA,QAAQC,IAAAA,OAAOC,aAAA,oBAAoB,MAAS;AAKlD,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,WAAAA,aAAa,OAAO,KAAK;AAC3C,UAAM,kBAAkBC,YAAA;AAGxB,UAAM,YAAYC,IAAAA,SAAS;AAAA,MACvB,MAAM;AACF,eAAO,gBAAgB,UAAU,OAAO,MAAM,KAAK;AAAA,MACvD;AAAA,MACA,IAAI,OAAgB;AAChB,YAAI,MAAM,UAAU;AAChB;AAAA,QAAA;AAEM,kBAAA,QAAQ,QAAQ,MAAM,QAAQ;AAAA,MAAA;AAAA,IAC5C,CACH;AASD,aAAS,QAAQ,GAAgB;AACzB,UAAA,UAAU,SAAS,MAAM,WAAW;AACpC,kBAAU,QAAQ;AAAA,MAAA;AAAA,IACtB;AAUJ,aAAS,QAAQ,GAAgB;AACnB,gBAAA,QAAS,EAAE,OAA4B;AAAA,IAAA;AAWrD,aAAS,QAAQ,GAAgB;AACzB,UAAA,UAAU,SAAS,MAAM,WAAW;AACpC,kBAAU,QAAQ;AAElB,UAAE,eAAe;AAAA,MAAA;AAAA,IACrB;AAMJ,aAAS,kBAA2C;AAChD,aAAO,SAAS;AAAA,IAAA;AAMP,aAAA;AAAA,MACT,OAAO;AAAA,MACP,OAAO;AAAA,MACP,OAAO,MAAM;;AACT,8BAAA,MAAA,mBAAmB;AAAA,MAAM;AAAA,IAC7B,CACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/components/EvRadio/EvRadio.vue2.cjs

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

package/dist/cjs/components/EvRadioGroup/EvRadioGroup.cjs

@@ -0,0 +1,20 @@
+"use strict";
+/*! Evance UI v1.1.10 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const component = require("../../composables/component.cjs");
+const validation = require("../../composables/validation.cjs");
+const EvLabel = require("../EvLabel/EvLabel.cjs");
+const props = require("../../util/props.cjs");
+const EvRadioGroupSymbol = Symbol.for("ev:radio-group");
+const makeEvRadioGroupProps = props.propsFactory(
+  {
+    inline: Boolean,
+    ...EvLabel.makeLabelProps(),
+    ...validation.makeFormFieldProps(),
+    ...component.makeComponentProps()
+  },
+  "EvRadioGroup"
+);
+exports.EvRadioGroupSymbol = EvRadioGroupSymbol;
+exports.makeEvRadioGroupProps = makeEvRadioGroupProps;
+//# sourceMappingURL=EvRadioGroup.cjs.map

package/dist/cjs/components/EvRadioGroup/EvRadioGroup.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvRadioGroup.cjs","sources":["../../../../src/components/EvRadioGroup/EvRadioGroup.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { makeFormFieldProps } from \"@/composables/validation\";\nimport { InjectionKey } from \"vue\";\nimport { FormField } from \"@/modules/Form/FormField\";\nimport { makeLabelProps } from \"@/components/EvLabel\";\n\nexport interface EvRadioGroupContext extends FormField {}\n\nexport const EvRadioGroupSymbol: InjectionKey<EvRadioGroupContext> =\n    Symbol.for(\"ev:radio-group\");\n\nexport const makeEvRadioGroupProps = propsFactory(\n    {\n        inline: Boolean,\n\n        ...makeLabelProps(),\n        ...makeFormFieldProps(),\n        ...makeComponentProps(),\n    },\n    \"EvRadioGroup\",\n);\n"],"names":["propsFactory","makeLabelProps","makeFormFieldProps","makeComponentProps"],"mappings":";;;;;;;AASa,MAAA,qBACT,OAAO,IAAI,gBAAgB;AAExB,MAAM,wBAAwBA,MAAA;AAAA,EACjC;AAAA,IACI,QAAQ;AAAA,IAER,GAAGC,uBAAe;AAAA,IAClB,GAAGC,8BAAmB;AAAA,IACtB,GAAGC,UAAmB,mBAAA;AAAA,EAC1B;AAAA,EACA;AACJ;;;"}

package/dist/cjs/components/EvRadioGroup/EvRadioGroup.vue.cjs

@@ -0,0 +1,75 @@
+"use strict";
+/*! Evance UI v1.1.10 | MIT License */
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+;/* empty css                    */
+const EvLabel_vue_vue_type_script_setup_true_lang = require("../EvLabel/EvLabel.vue.cjs");
+const EvRadioGroup = require("./EvRadioGroup.cjs");
+const validation = require("../../composables/validation.cjs");
+const EvErrors_vue_vue_type_script_setup_true_lang = require("../EvErrors/EvErrors.vue.cjs");
+const helpers = require("../../util/helpers.cjs");
+const _hoisted_1 = ["id"];
+const _hoisted_2 = {
+  key: 0,
+  class: "ev-radio-group--label"
+};
+const _hoisted_3 = { class: "ev-radio-group--control" };
+const _hoisted_4 = {
+  key: 1,
+  class: "ev-radio-group-errors"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "EvRadioGroup",
+  props: {
+    ...EvRadioGroup.makeEvRadioGroupProps()
+  },
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const props = __props;
+    const slots = vue.useSlots();
+    const uid = helpers.getNextId();
+    const id = vue.computed(() => {
+      return props.id || `radio-group-${uid}`;
+    });
+    const formField = validation.useFormField(props);
+    vue.provide(EvRadioGroup.EvRadioGroupSymbol, formField);
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        id: id.value,
+        class: vue.normalizeClass([
+          "ev-radio-group",
+          props.class,
+          {
+            "is-inline": props.inline
+          }
+        ]),
+        style: vue.normalizeStyle(props.style)
+      }, [
+        props.label || props.hint || vue.unref(slots).label ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+          vue.createVNode(EvLabel_vue_vue_type_script_setup_true_lang.default, {
+            title: props.label,
+            hint: props.hint
+          }, {
+            default: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "label")
+            ]),
+            _: 3
+          }, 8, ["title", "hint"])
+        ])) : vue.createCommentVNode("", true),
+        vue.createElementVNode("div", _hoisted_3, [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        vue.unref(formField).isShowErrorMessages ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
+          vue.createVNode(EvErrors_vue_vue_type_script_setup_true_lang.default, {
+            messages: vue.unref(formField).errorMessages
+          }, null, 8, ["messages"])
+        ])) : vue.createCommentVNode("", true)
+      ], 14, _hoisted_1);
+    };
+  }
+});
+exports.default = _sfc_main;
+//# sourceMappingURL=EvRadioGroup.vue.cjs.map

package/dist/cjs/components/EvRadioGroup/EvRadioGroup.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvRadioGroup.vue.cjs","sources":["../../../../src/components/EvRadioGroup/EvRadioGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvRadioGroup.scss\";\nimport EvLabel from \"@/components/EvLabel/EvLabel.vue\";\nimport { EvRadioGroupSymbol, makeEvRadioGroupProps } from \"./EvRadioGroup\";\nimport { computed, provide } from \"vue\";\nimport { getNextId } from \"@/util\";\nimport { useFormField } from \"@/composables/validation\";\nimport EvErrors from \"@/components/EvErrors/EvErrors.vue\";\n\ndefineOptions({\n    inheritAttrs: false,\n});\n\n// Props & slots\nconst props = defineProps({\n    ...makeEvRadioGroupProps(),\n});\nconst slots = defineSlots<{\n    default(): never;\n    label(): never;\n}>();\n\n// Emit\ndefineEmits([\"update:modelValue\"]);\n\nconst uid = getNextId();\nconst id = computed(() => {\n    return props.id || `radio-group-${uid}`;\n});\n\nconst formField = useFormField(props);\nprovide(EvRadioGroupSymbol, formField);\n</script>\n\n<template>\n    <div\n        :id=\"id\"\n        :class=\"[\n            'ev-radio-group',\n            props.class,\n            {\n                'is-inline': props.inline,\n            },\n        ]\"\n        :style=\"props.style\">\n        <div v-if=\"props.label || props.hint || slots.label\" class=\"ev-radio-group--label\">\n            <ev-label :title=\"props.label\" :hint=\"props.hint\">\n                <slot name=\"label\" />\n            </ev-label>\n        </div>\n\n        <div class=\"ev-radio-group--control\">\n            <slot />\n        </div>\n\n        <div v-if=\"formField.isShowErrorMessages\" class=\"ev-radio-group-errors\">\n            <ev-errors :messages=\"formField.errorMessages\" />\n        </div>\n    </div>\n</template>\n"],"names":["_useSlots","getNextId","computed","useFormField","provide","EvRadioGroupSymbol"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,UAAM,QAAQA,IAAAA;AAQd,UAAM,MAAMC,QAAAA,UAAU;AAChB,UAAA,KAAKC,IAAAA,SAAS,MAAM;AACf,aAAA,MAAM,MAAM,eAAe,GAAG;AAAA,IAAA,CACxC;AAEK,UAAA,YAAYC,wBAAa,KAAK;AACpCC,QAAA,QAAQC,iCAAoB,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/components/EvRadioGroup/EvRadioGroup.vue2.cjs

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

package/dist/cjs/components/EvResponsive/EvResponsive.cjs

@@ -0,0 +1,23 @@
+"use strict";
+/*! Evance UI v1.1.10 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const component = require("../../composables/component.cjs");
+const dimensions = require("../../composables/dimensions.cjs");
+const aspectRatio = require("../../composables/aspectRatio.cjs");
+const props = require("../../util/props.cjs");
+const makeEvResponsiveProps = props.propsFactory(
+  {
+    contentClass: String,
+    inline: {
+      type: Boolean,
+      default: void 0,
+      required: false
+    },
+    ...aspectRatio.makeAspectRatioProps(),
+    ...component.makeComponentProps(),
+    ...dimensions.makeDimensionsProps()
+  },
+  "EvResponsive"
+);
+exports.makeEvResponsiveProps = makeEvResponsiveProps;
+//# sourceMappingURL=EvResponsive.cjs.map

package/dist/cjs/components/EvResponsive/EvResponsive.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvResponsive.cjs","sources":["../../../../src/components/EvResponsive/EvResponsive.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { ComponentProps, makeComponentProps } from \"@/composables/component\";\nimport { DimensionsProps, makeDimensionsProps } from \"@/composables/dimensions\";\nimport {\n    AspectRatioProps,\n    makeAspectRatioProps,\n} from \"@/composables/aspectRatio\";\n\nexport type EvResponsiveSlots = {\n    default: never;\n    content: never;\n};\n\nexport interface EvResponsiveProps\n    extends AspectRatioProps,\n        DimensionsProps,\n        ComponentProps {\n    contentClass?: string;\n    inline?: boolean;\n}\n\nexport const makeEvResponsiveProps = propsFactory(\n    {\n        contentClass: String,\n        inline: {\n            type: Boolean,\n            default: undefined,\n            required: false,\n        },\n\n        ...makeAspectRatioProps(),\n        ...makeComponentProps(),\n        ...makeDimensionsProps(),\n    },\n    \"EvResponsive\",\n);\n"],"names":["propsFactory","makeAspectRatioProps","makeComponentProps","makeDimensionsProps"],"mappings":";;;;;;;AAqBO,MAAM,wBAAwBA,MAAA;AAAA,EACjC;AAAA,IACI,cAAc;AAAA,IACd,QAAQ;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,MACT,UAAU;AAAA,IACd;AAAA,IAEA,GAAGC,iCAAqB;AAAA,IACxB,GAAGC,6BAAmB;AAAA,IACtB,GAAGC,WAAoB,oBAAA;AAAA,EAC3B;AAAA,EACA;AACJ;;"}

package/dist/cjs/components/EvResponsive/EvResponsive.vue.cjs

@@ -0,0 +1,46 @@
+"use strict";
+/*! Evance UI v1.1.10 | MIT License */
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+;/* empty css                    */
+const EvResponsive = require("./EvResponsive.cjs");
+const dimensions = require("../../composables/dimensions.cjs");
+const aspectRatio = require("../../composables/aspectRatio.cjs");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvResponsive",
+  props: {
+    ...EvResponsive.makeEvResponsiveProps()
+  },
+  setup(__props) {
+    const props = __props;
+    const slots = vue.useSlots();
+    const { aspectStyles } = aspectRatio.useAspectStyles(props);
+    const dimensionStyles = dimensions.useDimensions(props);
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass([
+          "ev-responsive",
+          {
+            "is-inline": props.inline
+          },
+          props.class
+        ]),
+        style: vue.normalizeStyle([vue.unref(dimensionStyles), props.style])
+      }, [
+        vue.createElementVNode("div", {
+          class: "ev-responsive--sizer",
+          style: vue.normalizeStyle(vue.unref(aspectStyles))
+        }, null, 4),
+        vue.renderSlot(_ctx.$slots, "additional"),
+        vue.unref(slots).default ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 0,
+          class: vue.normalizeClass(["ev-responsive--content", props.contentClass])
+        }, [
+          vue.renderSlot(_ctx.$slots, "default")
+        ], 2)) : vue.createCommentVNode("", true)
+      ], 6);
+    };
+  }
+});
+exports.default = _sfc_main;
+//# sourceMappingURL=EvResponsive.vue.cjs.map

package/dist/cjs/components/EvResponsive/EvResponsive.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvResponsive.vue.cjs","sources":["../../../../src/components/EvResponsive/EvResponsive.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * '<ev-responsive>`\n */\nimport \"./EvResponsive.scss\";\nimport { makeEvResponsiveProps } from \"./EvResponsive\";\nimport { useDimensions } from \"@/composables/dimensions\";\nimport { useAspectStyles } from \"@/composables/aspectRatio\";\n\nconst props = defineProps({\n    ...makeEvResponsiveProps(),\n});\nconst slots = defineSlots<{\n    additional(): never;\n    default(): never;\n}>();\n\nconst { aspectStyles } = useAspectStyles(props);\nconst dimensionStyles = useDimensions(props);\n</script>\n\n<template>\n    <div\n        :class=\"[\n            'ev-responsive',\n            {\n                'is-inline': props.inline,\n            },\n            props.class,\n        ]\"\n        :style=\"[dimensionStyles, props.style]\">\n        <div class=\"ev-responsive--sizer\" :style=\"aspectStyles\"></div>\n        <slot name=\"additional\" />\n        <div\n            v-if=\"slots.default\"\n            :class=\"['ev-responsive--content', props.contentClass]\">\n            <slot name=\"default\" />\n        </div>\n    </div>\n</template>\n"],"names":["_useSlots","useAspectStyles","useDimensions"],"mappings":";;;;;;;;;;;;;;;AAYA,UAAM,QAAQA,IAAAA;AAKd,UAAM,EAAE,aAAA,IAAiBC,YAAA,gBAAgB,KAAK;AACxC,UAAA,kBAAkBC,yBAAc,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/components/EvResponsive/EvResponsive.vue2.cjs

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

package/dist/cjs/components/EvSection/EvSection.cjs

@@ -0,0 +1,16 @@
+"use strict";
+/*! Evance UI v1.1.10 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const component = require("../../composables/component.cjs");
+const tag = require("../../composables/tag.cjs");
+const props = require("../../util/props.cjs");
+const makeEvSectionProps = props.propsFactory(
+  {
+    title: String,
+    ...component.makeComponentProps(),
+    ...tag.makeTagProps()
+  },
+  "EvSection"
+);
+exports.makeEvSectionProps = makeEvSectionProps;
+//# sourceMappingURL=EvSection.cjs.map

package/dist/cjs/components/EvSection/EvSection.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvSection.cjs","sources":["../../../../src/components/EvSection/EvSection.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { makeTagProps } from \"@/composables/tag\";\n\nexport const makeEvSectionProps = propsFactory(\n    {\n        title: String,\n\n        ...makeComponentProps(),\n        ...makeTagProps(),\n    },\n    \"EvSection\",\n);\n"],"names":["propsFactory","makeComponentProps","makeTagProps"],"mappings":";;;;;;AAIO,MAAM,qBAAqBA,MAAA;AAAA,EAC9B;AAAA,IACI,OAAO;AAAA,IAEP,GAAGC,6BAAmB;AAAA,IACtB,GAAGC,IAAa,aAAA;AAAA,EACpB;AAAA,EACA;AACJ;;"}

package/dist/cjs/components/EvSection/EvSection.vue.cjs

@@ -0,0 +1,48 @@
+"use strict";
+/*! Evance UI v1.1.10 | MIT License */
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+;/* empty css                 */
+const EvSection = require("./EvSection.cjs");
+const EvEyebrow_vue_vue_type_script_setup_true_lang = require("../EvEyebrow/EvEyebrow.vue.cjs");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvSection",
+  props: { ...EvSection.makeEvSectionProps() },
+  setup(__props) {
+    const props = __props;
+    const slots = vue.useSlots();
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(props.tag), {
+        role: "group",
+        "aria-label": props.title,
+        class: vue.normalizeClass([
+          "ev-section",
+          props.class
+        ]),
+        style: vue.normalizeStyle(props.style)
+      }, {
+        default: vue.withCtx(() => [
+          props.title || vue.unref(slots).heading ? (vue.openBlock(), vue.createBlock(vue.unref(EvEyebrow_vue_vue_type_script_setup_true_lang.default), {
+            key: 0,
+            tag: "div",
+            appearance: "subtle",
+            role: "heading",
+            class: "ev-section--heading",
+            "aria-hidden": "true"
+          }, {
+            default: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "heading", {}, () => [
+                vue.createTextVNode(vue.toDisplayString(props.title), 1)
+              ])
+            ]),
+            _: 3
+          })) : vue.createCommentVNode("", true),
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["aria-label", "class", "style"]);
+    };
+  }
+});
+exports.default = _sfc_main;
+//# sourceMappingURL=EvSection.vue.cjs.map

package/dist/cjs/components/EvSection/EvSection.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvSection.vue.cjs","sources":["../../../../src/components/EvSection/EvSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvSection.scss\";\nimport { makeEvSectionProps } from \"./EvSection\";\nimport { EvEyebrow } from \"@/components/EvEyebrow\";\n\nconst props = defineProps({ ...makeEvSectionProps() });\nconst slots = defineSlots<{\n    default(): never;\n    heading(): never;\n}>();\n</script>\n\n<template>\n    <component\n        :is=\"props.tag\"\n        role=\"group\"\n        :aria-label=\"props.title\"\n        :class=\"[\n            'ev-section',\n            props.class\n        ]\"\n        :style=\"props.style\">\n        <ev-eyebrow\n            v-if=\"props.title || slots.heading\"\n            tag=\"div\"\n            appearance=\"subtle\"\n            role=\"heading\"\n            class=\"ev-section--heading\"\n            aria-hidden=\"true\">\n            <slot name=\"heading\">{{ props.title }}</slot>\n        </ev-eyebrow>\n        <slot name=\"default\" />\n    </component>\n</template>\n"],"names":["_useSlots"],"mappings":";;;;;;;;;;;;AAMA,UAAM,QAAQA,IAAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/components/EvSection/EvSection.vue2.cjs

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

package/dist/cjs/components/EvSelect/EvSelect.cjs

@@ -0,0 +1,50 @@
+"use strict";
+/*! Evance UI v1.1.10 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const listItems = require("../../composables/lists/list-items.cjs");
+const EvTextfield = require("../EvTextfield/EvTextfield.cjs");
+const ChevronDownIcon = require("../../icons/glyph/ChevronDownIcon.svg.cjs");
+const filter = require("../../composables/filter.cjs");
+const props = require("../../util/props.cjs");
+const helpers = require("../../util/helpers.cjs");
+const makeEvSelectProps = props.propsFactory(
+  {
+    autoSelectFirst: {
+      type: [Boolean, String]
+    },
+    behavior: {
+      type: String,
+      default: "select"
+    },
+    delimiters: {
+      type: Array,
+      default: [","]
+    },
+    hideItemsEmpty: Boolean,
+    hideSelected: Boolean,
+    itemsEmptyText: {
+      type: String,
+      default: "select.noItemsText"
+    },
+    menuOpen: Boolean,
+    multiple: Boolean,
+    openOnClear: Boolean,
+    search: String,
+    tags: Boolean,
+    ...filter.makeFilterProps({ filterKeys: ["title"] }),
+    ...listItems.makeListItemsProps({
+      itemChildren: false
+    }),
+    ...helpers.omit(
+      EvTextfield.makeEvTextfieldProps({
+        modelValue: null,
+        iconEnd: ChevronDownIcon.default,
+        role: "select"
+      }),
+      ["align", "monospace", "type"]
+    )
+  },
+  "EvSelect"
+);
+exports.makeEvSelectProps = makeEvSelectProps;
+//# sourceMappingURL=EvSelect.cjs.map

package/dist/cjs/components/EvSelect/EvSelect.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvSelect.cjs","sources":["../../../../src/components/EvSelect/EvSelect.ts"],"sourcesContent":["import { omit, propsFactory } from \"@/util\";\nimport { makeListItemsProps } from \"@/composables/lists\";\nimport { makeEvTextfieldProps } from \"@/components/EvTextfield\";\nimport { ChevronDownIcon } from \"@/icons\";\nimport { PropType } from \"vue\";\nimport { makeFilterProps } from \"@/composables/filter\";\n\n/**\n * # Selectable Behavior\n * - 'select' simple selection (HTML select replacement)\n * - 'autocomplete' only permits selection of items\n * - 'combobox' allows selection or new values as strings\n */\nexport type SelectableBehavior = \"select\" | \"autocomplete\" | \"combobox\";\n\n/**\n * # Make EvSelect Props\n */\nexport const makeEvSelectProps = propsFactory(\n    {\n        autoSelectFirst: {\n            type: [Boolean, String] as PropType<boolean | \"exact\">,\n        },\n        behavior: {\n            type: String as PropType<SelectableBehavior>,\n            default: \"select\",\n        },\n        delimiters: {\n            type: Array as PropType<string[]>,\n            default: [\",\"],\n        },\n        hideItemsEmpty: Boolean,\n        hideSelected: Boolean,\n        itemsEmptyText: {\n            type: String,\n            default: \"select.noItemsText\",\n        },\n        menuOpen: Boolean,\n        multiple: Boolean,\n        openOnClear: Boolean,\n        search: String,\n        tags: Boolean,\n\n        ...makeFilterProps({ filterKeys: [\"title\"] }),\n\n        ...makeListItemsProps({\n            itemChildren: false,\n        }),\n\n        ...omit(\n            makeEvTextfieldProps({\n                modelValue: null,\n                iconEnd: ChevronDownIcon,\n                role: \"select\",\n            }),\n            [\"align\", \"monospace\", \"type\"],\n        ),\n    },\n    \"EvSelect\",\n);\n"],"names":["propsFactory","makeFilterProps","makeListItemsProps","omit","makeEvTextfieldProps","ChevronDownIcon"],"mappings":";;;;;;;;;AAkBO,MAAM,oBAAoBA,MAAA;AAAA,EAC7B;AAAA,IACI,iBAAiB;AAAA,MACb,MAAM,CAAC,SAAS,MAAM;AAAA,IAC1B;AAAA,IACA,UAAU;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,YAAY;AAAA,MACR,MAAM;AAAA,MACN,SAAS,CAAC,GAAG;AAAA,IACjB;AAAA,IACA,gBAAgB;AAAA,IAChB,cAAc;AAAA,IACd,gBAAgB;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,UAAU;AAAA,IACV,UAAU;AAAA,IACV,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,MAAM;AAAA,IAEN,GAAGC,OAAgB,gBAAA,EAAE,YAAY,CAAC,OAAO,GAAG;AAAA,IAE5C,GAAGC,6BAAmB;AAAA,MAClB,cAAc;AAAA,IAAA,CACjB;AAAA,IAED,GAAGC,QAAA;AAAA,MACCC,iCAAqB;AAAA,QACjB,YAAY;AAAA,QACZ,SAASC,gBAAA;AAAA,QACT,MAAM;AAAA,MAAA,CACT;AAAA,MACD,CAAC,SAAS,aAAa,MAAM;AAAA,IAAA;AAAA,EAErC;AAAA,EACA;AACJ;;"}