@evance/evance-ui 1.0.20 → 1.0.22

package/dist/esm/EvProgress.vue_vue_type_script_setup_true_lang-BEVC3-Bd.mjs

@@ -1,70 +0,0 @@
-/*! Evance UI v1.0.20 | MIT License */
-import { defineComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createElementVNode, createCommentVNode } from "vue";
-import { I as IntegerishPattern, i as isIntegerish } from "./numbers-DoCZLSQ0.mjs";
-import { a as appearanceModifier, s as sizeModifier } from "./modifiers-CFQQX1O7.mjs";
-const _hoisted_1 = ["aria-valuenow"];
-const _hoisted_2 = /* @__PURE__ */ createElementVNode("div", { class: "ev-progress--track" }, null, -1);
-const _hoisted_3 = {
-  key: 1,
-  class: "ev-progress--indeterminate"
-};
-const _hoisted_4 = /* @__PURE__ */ createElementVNode("div", { class: "ev-progress--bar ev-progress--indeterminate--primary" }, null, -1);
-const _hoisted_5 = /* @__PURE__ */ createElementVNode("div", { class: "ev-progress--bar ev-progress--indeterminate--secondary" }, null, -1);
-const _hoisted_6 = [
-  _hoisted_4,
-  _hoisted_5
-];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "EvProgress",
-  props: {
-    appearance: { default: "default" },
-    indeterminate: { type: Boolean, default: false },
-    percentage: { default: 0 },
-    size: { default: "medium" }
-  },
-  setup(__props) {
-    const props = __props;
-    function getPercentageTranslation() {
-      const percent = 0 - (100 - props.percentage);
-      return `translateX(${percent}%)`;
-    }
-    function getSizeHeight() {
-      return !isSizeNumeric() ? void 0 : props.size + "px";
-    }
-    function isSizeNumeric() {
-      return isIntegerish(props.size);
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        role: "progressbar",
-        "aria-valuemin": "0",
-        "aria-valuemax": "100",
-        "aria-valuenow": _ctx.percentage,
-        class: normalizeClass(["ev-progress", [
-          {
-            "is-indeterminate": props.indeterminate
-          },
-          unref(appearanceModifier)(props.appearance, ["default"]),
-          unref(sizeModifier)(props.size, [unref(IntegerishPattern)])
-        ]]),
-        style: normalizeStyle({
-          height: getSizeHeight()
-        })
-      }, [
-        _hoisted_2,
-        !props.indeterminate ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: "ev-progress--bar",
-          style: normalizeStyle({
-            transform: getPercentageTranslation()
-          })
-        }, null, 4)) : createCommentVNode("", true),
-        props.indeterminate ? (openBlock(), createElementBlock("div", _hoisted_3, _hoisted_6)) : createCommentVNode("", true)
-      ], 14, _hoisted_1);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};
-//# sourceMappingURL=EvProgress.vue_vue_type_script_setup_true_lang-BEVC3-Bd.mjs.map

package/dist/esm/EvProgress.vue_vue_type_script_setup_true_lang-BEVC3-Bd.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EvProgress.vue_vue_type_script_setup_true_lang-BEVC3-Bd.mjs","sources":["../../src/components/EvProgress/EvProgress.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * # EvProgress\n */\nimport \"./EvProgress.scss\";\nimport {\n    appearanceModifier,\n    sizeModifier,\n    IntegerishPattern,\n    isIntegerish,\n    AppearanceProp,\n    InputSizeProp,\n} from \"@/util\";\n\ninterface ProgressProps {\n    appearance?: AppearanceProp;\n    indeterminate?: boolean;\n    percentage?: number;\n    size?: InputSizeProp | number;\n}\nconst props = withDefaults(defineProps<ProgressProps>(), {\n    appearance: \"default\",\n    indeterminate: false,\n    percentage: 0,\n    size: \"medium\",\n});\n\nfunction getPercentageTranslation() {\n    const percent = 0 - (100 - props.percentage);\n    return `translateX(${percent}%)`;\n}\n\n/**\n * ## Get Size Class\n */\nfunction getSizeHeight() {\n    return !isSizeNumeric() ? undefined : props.size + \"px\";\n}\n\nfunction isSizeNumeric(): boolean {\n    return isIntegerish(props.size);\n}\n</script>\n\n<template>\n    <div\n        role=\"progressbar\"\n        aria-valuemin=\"0\"\n        aria-valuemax=\"100\"\n        :aria-valuenow=\"percentage\"\n        class=\"ev-progress\"\n        :class=\"[\n            {\n                'is-indeterminate': props.indeterminate,\n            },\n            appearanceModifier(props.appearance, ['default']),\n            sizeModifier(props.size, [IntegerishPattern]),\n        ]\"\n        :style=\"{\n            height: getSizeHeight(),\n        }\">\n        <div class=\"ev-progress--track\"></div>\n        <div\n            v-if=\"!props.indeterminate\"\n            class=\"ev-progress--bar\"\n            :style=\"{\n                transform: getPercentageTranslation(),\n            }\"></div>\n        <div v-if=\"props.indeterminate\" class=\"ev-progress--indeterminate\">\n            <div\n                class=\"ev-progress--bar ev-progress--indeterminate--primary\"></div>\n            <div\n                class=\"ev-progress--bar ev-progress--indeterminate--secondary\"></div>\n        </div>\n    </div>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,aAAS,2BAA2B;AAC1B,YAAA,UAAU,KAAK,MAAM,MAAM;AACjC,aAAO,cAAc,OAAO;AAAA,IAAA;AAMhC,aAAS,gBAAgB;AACrB,aAAO,CAAC,cAAkB,IAAA,SAAY,MAAM,OAAO;AAAA,IAAA;AAGvD,aAAS,gBAAyB;AACvB,aAAA,aAAa,MAAM,IAAI;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/EvProgressCircular.vue_vue_type_script_setup_true_lang-BmOHSynx.mjs

@@ -1,110 +0,0 @@
-/*! Evance UI v1.0.20 | MIT License */
-import { defineComponent, ref, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createElementVNode, renderSlot } from "vue";
-import { a as appearanceModifier } from "./modifiers-CFQQX1O7.mjs";
-import { t as toWebUnit } from "./units-CZJcbfQt.mjs";
-const _hoisted_1 = ["aria-valuenow"];
-const _hoisted_2 = ["r", "stroke-width", "stroke-dasharray"];
-const _hoisted_3 = ["r", "stroke-width", "stroke-dasharray", "stroke-dashoffset"];
-const _hoisted_4 = { class: "ev-progress-circular--content" };
-const defaultSize = 48;
-const defaultRotation = -90;
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "EvProgressCircular",
-  props: {
-    appearance: { default: "default" },
-    indeterminate: { type: Boolean, default: false },
-    percentage: { default: 0 },
-    rotate: { default: 0 },
-    size: { default: "default" },
-    thickness: { default: 2 }
-  },
-  setup(__props) {
-    const props = __props;
-    const container = ref(null);
-    const defaultRadius = defaultSize / 2;
-    function getSizeWithUnits() {
-      if (props.size === "default") {
-        return void 0;
-      }
-      return toWebUnit(props.size);
-    }
-    function getCircumference() {
-      return Math.PI * (getRadius() * 2);
-    }
-    function getContainerWidth() {
-      return !container.value ? defaultSize : container.value.clientWidth;
-    }
-    function getProgressOffset() {
-      return props.indeterminate ? 0 : getCircumference() * (1 - props.percentage / 100);
-    }
-    function getRadius() {
-      return defaultRadius - getThickness() / 2;
-    }
-    function getRotation() {
-      const rotation = defaultRotation + props.rotate;
-      return `rotate(${rotation}deg)`;
-    }
-    function getThickness() {
-      const maxThickness = defaultSize / 2;
-      const thickness = props.thickness / getContainerWidth() * defaultSize;
-      return thickness > maxThickness ? maxThickness : thickness;
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", {
-        ref_key: "container",
-        ref: container,
-        role: "progressbar",
-        "aria-valuemin": "0",
-        "aria-valuemax": "100",
-        "aria-valuenow": _ctx.percentage,
-        class: normalizeClass(["ev-progress-circular", [
-          {
-            "is-indeterminate": props.indeterminate,
-            "is-size-default": props.size === "default"
-          },
-          unref(appearanceModifier)(props.appearance, ["default"])
-        ]]),
-        style: normalizeStyle({
-          width: getSizeWithUnits(),
-          height: getSizeWithUnits()
-        })
-      }, [
-        (openBlock(), createElementBlock("svg", {
-          xmlns: "http://www.w3.org/2000/svg",
-          viewBox: "0 0 48 48",
-          style: normalizeStyle({
-            transform: getRotation()
-          })
-        }, [
-          createElementVNode("circle", {
-            class: "ev-progress-circular--track",
-            fill: "transparent",
-            cx: "50%",
-            cy: "50%",
-            r: getRadius(),
-            "stroke-width": getThickness(),
-            "stroke-dasharray": getCircumference(),
-            "stroke-dashoffset": "0"
-          }, null, 8, _hoisted_2),
-          createElementVNode("circle", {
-            class: "ev-progress-circular--bar",
-            fill: "transparent",
-            cx: "50%",
-            cy: "50%",
-            r: getRadius(),
-            "stroke-width": getThickness(),
-            "stroke-dasharray": getCircumference(),
-            "stroke-dashoffset": getProgressOffset()
-          }, null, 8, _hoisted_3)
-        ], 4)),
-        createElementVNode("span", _hoisted_4, [
-          renderSlot(_ctx.$slots, "default")
-        ])
-      ], 14, _hoisted_1);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};
-//# sourceMappingURL=EvProgressCircular.vue_vue_type_script_setup_true_lang-BmOHSynx.mjs.map

package/dist/esm/EvProgressCircular.vue_vue_type_script_setup_true_lang-BmOHSynx.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EvProgressCircular.vue_vue_type_script_setup_true_lang-BmOHSynx.mjs","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":[],"mappings":";;;;;;;;AA4BA,MAAM,cAAc;AAEpB,MAAM,kBAAkB;;;;;;;;;;;;;AAHlB,UAAA,YAAY,IAAwB,IAAI;AAE9C,UAAM,gBAAgB,cAAc;AAOpC,aAAS,mBAAmB;AACpB,UAAA,MAAM,SAAS,WAAW;AACnB,eAAA;AAAA,MAAA;AAEJ,aAAA,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/esm/EvQuickfind.vue_vue_type_script_setup_true_lang-cPYaW3Oz.mjs

@@ -1,49 +0,0 @@
-/*! Evance UI v1.0.20 | MIT License */
-import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, unref, createVNode, createElementVNode, toDisplayString } from "vue";
-import { _ as _sfc_main$1 } from "./EvIcon.vue_vue_type_style_index_0_lang-C5dWVEO_.mjs";
-import { Q as QuickfindIcon } from "./QuickfindIcon-DPFxFwwN.mjs";
-import { u as useModelProxy } from "./modelProxy-Cjt6DvkW.mjs";
-import { s as sizeModifier } from "./modifiers-CFQQX1O7.mjs";
-const _hoisted_1 = { class: "ev-quickfind--code" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "EvQuickfind",
-  props: {
-    modelValue: {},
-    bold: { type: Boolean, default: false },
-    size: { default: "medium" }
-  },
-  setup(__props) {
-    const props = __props;
-    const modelProxy = useModelProxy(props, "modelValue");
-    const iconSize = computed(() => {
-      switch (props.size) {
-        case "small":
-        case "medium":
-          return "small";
-        default:
-          return "medium";
-      }
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", {
-        class: normalizeClass([
-          "ev-quickfind",
-          {
-            "is-variant-bold": _ctx.bold
-          },
-          unref(sizeModifier)(_ctx.size, ["medium"])
-        ])
-      }, [
-        createVNode(_sfc_main$1, {
-          glyph: unref(QuickfindIcon),
-          size: iconSize.value
-        }, null, 8, ["glyph", "size"]),
-        createElementVNode("span", _hoisted_1, toDisplayString(unref(modelProxy)), 1)
-      ], 2);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};
-//# sourceMappingURL=EvQuickfind.vue_vue_type_script_setup_true_lang-cPYaW3Oz.mjs.map

package/dist/esm/EvQuickfind.vue_vue_type_script_setup_true_lang-cPYaW3Oz.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EvQuickfind.vue_vue_type_script_setup_true_lang-cPYaW3Oz.mjs","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":[],"mappings":";;;;;;;;;;;;;;;;AAmBM,UAAA,aAAa,cAAc,OAAO,YAAY;AAE9C,UAAA,WAAW,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/esm/EvRadio.vue_vue_type_script_setup_true_lang-CAey2QSJ.mjs

@@ -1,142 +0,0 @@
-/*! Evance UI v1.0.20 | MIT License */
-import { defineComponent, useSlots, inject, useAttrs, ref, computed, createElementBlock, openBlock, mergeProps, unref, createElementVNode, createCommentVNode, withKeys, createVNode, withCtx, renderSlot } from "vue";
-import { m as makeLabelProps, _ as _sfc_main$1 } from "./EvLabel.vue_vue_type_script_setup_true_lang-MwkDEmuB.mjs";
-import { E as EvRadioGroupSymbol } from "./EvRadioGroup-DBpOYb1h.mjs";
-import { m as makeFormFieldProps, u as useFormField } from "./validation-Dc1ZWHvH.mjs";
-import { m as makeComponentProps } from "./component-D6aMXQeO.mjs";
-import { p as propsFactory } from "./props-C3K2wQPJ.mjs";
-import { s as splitInputAttrs } from "./helpers-CP9rdGd8.mjs";
-import { c as isDeepEqual } from "./is-functions-CTIo9xSY.mjs";
-const makeEvRadioProps = propsFactory(
-  {
-    clearable: Boolean,
-    value: null,
-    ...makeLabelProps(),
-    ...makeFormFieldProps(),
-    ...makeComponentProps()
-  },
-  "EvRadio"
-);
-const _hoisted_1 = { class: "ev-radio--control" };
-const _hoisted_2 = /* @__PURE__ */ createElementVNode("div", { class: "ev-radio--circles" }, [
-  /* @__PURE__ */ createElementVNode("div", { class: "ev-radio--outer-circle" }),
-  /* @__PURE__ */ 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__ */ defineComponent({
-  ...{
-    inheritAttrs: false
-  },
-  __name: "EvRadio",
-  props: {
-    ...makeEvRadioProps()
-  },
-  emits: ["update:focused", "update:modelValue"],
-  setup(__props, { expose: __expose }) {
-    const props = __props;
-    const slots = useSlots();
-    const group = inject(EvRadioGroupSymbol, void 0);
-    const attrs = useAttrs();
-    const containerRef = ref(null);
-    const inputRef = ref(null);
-    const [containerAttrs, inputAttrs] = splitInputAttrs(attrs);
-    const formField = useFormField(props, group);
-    const valueComparator = isDeepEqual;
-    const isChecked = 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({
-      input: inputRef,
-      focus: () => {
-        var _a;
-        (_a = getInputElement()) == null ? void 0 : _a.focus();
-      },
-      ...formField.expose()
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", mergeProps({
-        ref_key: "containerRef",
-        ref: containerRef,
-        class: [
-          "ev-radio",
-          {
-            "is-checked": isChecked.value,
-            "is-labelled": props.label || unref(slots).label
-          },
-          unref(formField).classes,
-          props.class
-        ],
-        style: props.style
-      }, unref(containerAttrs)), [
-        createElementVNode("div", _hoisted_1, [
-          _hoisted_2,
-          createElementVNode("input", mergeProps({
-            id: unref(formField).id,
-            ref_key: "inputRef",
-            ref: inputRef,
-            type: "radio",
-            name: unref(formField).name,
-            disabled: unref(formField).isDisabled || unref(formField).isReadonly,
-            value: props.value,
-            checked: isChecked.value
-          }, unref(inputAttrs), {
-            onBlur: _cache[0] || (_cache[0] = //@ts-ignore
-            (...args) => unref(formField).blur && unref(formField).blur(...args)),
-            onClick,
-            onFocus: _cache[1] || (_cache[1] = //@ts-ignore
-            (...args) => unref(formField).focus && unref(formField).focus(...args)),
-            onInput,
-            onKeyup: withKeys(onSpace, ["space"])
-          }), null, 16, _hoisted_3)
-        ]),
-        props.label || unref(slots).label ? (openBlock(), createElementBlock("div", _hoisted_4, [
-          createVNode(_sfc_main$1, {
-            clickable: "",
-            for: unref(formField).id,
-            title: props.label,
-            hint: props.hint
-          }, {
-            default: withCtx(() => [
-              renderSlot(_ctx.$slots, "label")
-            ]),
-            _: 3
-          }, 8, ["for", "title", "hint"])
-        ])) : createCommentVNode("", true)
-      ], 16);
-    };
-  }
-});
-export {
-  _sfc_main as _,
-  makeEvRadioProps as m
-};
-//# sourceMappingURL=EvRadio.vue_vue_type_script_setup_true_lang-CAey2QSJ.mjs.map

package/dist/esm/EvRadio.vue_vue_type_script_setup_true_lang-CAey2QSJ.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EvRadio.vue_vue_type_script_setup_true_lang-CAey2QSJ.mjs","sources":["../../src/components/EvRadio/EvRadio.ts","../../src/components/EvRadio/EvRadio.vue"],"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","<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    input: inputRef,\n    focus: () => {\n        getInputElement()?.focus();\n    },\n    ...formField.expose(),\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"],"mappings":";;;;;;;;;AAKO,MAAM,mBAAmB;AAAA,EAC5B;AAAA,IACI,WAAW;AAAA,IACX,OAAO;AAAA,IACP,GAAG,eAAe;AAAA,IAClB,GAAG,mBAAmB;AAAA,IACtB,GAAG,mBAAmB;AAAA,EAC1B;AAAA,EACA;AACJ;;;;;;;;;;;;;;;;;;;;;;ACUA,UAAM,QAAQA;AAGR,UAAA,QAAQ,OAAO,oBAAoB,MAAS;AAKlD,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,OAAO,KAAK;AAC3C,UAAM,kBAAkB;AAGxB,UAAM,YAAY,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,MAAM;;AACT,8BAAA,MAAA,mBAAmB;AAAA,MACvB;AAAA,MACA,GAAG,UAAU,OAAO;AAAA,IAAA,CACvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/EvRadioGroup-DBpOYb1h.mjs

@@ -1,20 +0,0 @@
-/*! Evance UI v1.0.20 | MIT License */
-import { m as makeComponentProps } from "./component-D6aMXQeO.mjs";
-import { m as makeFormFieldProps } from "./validation-Dc1ZWHvH.mjs";
-import { m as makeLabelProps } from "./EvLabel.vue_vue_type_script_setup_true_lang-MwkDEmuB.mjs";
-import { p as propsFactory } from "./props-C3K2wQPJ.mjs";
-const EvRadioGroupSymbol = Symbol.for("ev:radio-group");
-const makeEvRadioGroupProps = propsFactory(
-  {
-    inline: Boolean,
-    ...makeLabelProps(),
-    ...makeFormFieldProps(),
-    ...makeComponentProps()
-  },
-  "EvRadioGroup"
-);
-export {
-  EvRadioGroupSymbol as E,
-  makeEvRadioGroupProps as m
-};
-//# sourceMappingURL=EvRadioGroup-DBpOYb1h.mjs.map

package/dist/esm/EvRadioGroup-DBpOYb1h.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EvRadioGroup-DBpOYb1h.mjs","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":[],"mappings":";;;;;AASa,MAAA,qBACT,OAAO,IAAI,gBAAgB;AAExB,MAAM,wBAAwB;AAAA,EACjC;AAAA,IACI,QAAQ;AAAA,IAER,GAAG,eAAe;AAAA,IAClB,GAAG,mBAAmB;AAAA,IACtB,GAAG,mBAAmB;AAAA,EAC1B;AAAA,EACA;AACJ;"}

package/dist/esm/EvRadioGroup.vue_vue_type_script_setup_true_lang-BXIm9mqR.mjs

@@ -1,74 +0,0 @@
-/*! Evance UI v1.0.20 | MIT License */
-import { defineComponent, useSlots, computed, provide, createElementBlock, openBlock, normalizeStyle, normalizeClass, createCommentVNode, createElementVNode, unref, createVNode, withCtx, renderSlot } from "vue";
-import { _ as _sfc_main$1 } from "./EvLabel.vue_vue_type_script_setup_true_lang-MwkDEmuB.mjs";
-import { m as makeEvRadioGroupProps, E as EvRadioGroupSymbol } from "./EvRadioGroup-DBpOYb1h.mjs";
-import { u as useFormField } from "./validation-Dc1ZWHvH.mjs";
-import { _ as _sfc_main$2 } from "./EvErrors.vue_vue_type_script_setup_true_lang-BjNLJkXY.mjs";
-import { g as getNextId } from "./helpers-CP9rdGd8.mjs";
-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__ */ defineComponent({
-  ...{
-    inheritAttrs: false
-  },
-  __name: "EvRadioGroup",
-  props: {
-    ...makeEvRadioGroupProps()
-  },
-  emits: ["update:modelValue"],
-  setup(__props) {
-    const props = __props;
-    const slots = useSlots();
-    const uid = getNextId();
-    const id = computed(() => {
-      return props.id || `radio-group-${uid}`;
-    });
-    const formField = useFormField(props);
-    provide(EvRadioGroupSymbol, formField);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        id: id.value,
-        class: normalizeClass([
-          "ev-radio-group",
-          props.class,
-          {
-            "is-inline": props.inline
-          }
-        ]),
-        style: normalizeStyle(props.style)
-      }, [
-        props.label || props.hint || unref(slots).label ? (openBlock(), createElementBlock("div", _hoisted_2, [
-          createVNode(_sfc_main$1, {
-            title: props.label,
-            hint: props.hint
-          }, {
-            default: withCtx(() => [
-              renderSlot(_ctx.$slots, "label")
-            ]),
-            _: 3
-          }, 8, ["title", "hint"])
-        ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_3, [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        unref(formField).isShowErrorMessages ? (openBlock(), createElementBlock("div", _hoisted_4, [
-          createVNode(_sfc_main$2, {
-            messages: unref(formField).errorMessages
-          }, null, 8, ["messages"])
-        ])) : createCommentVNode("", true)
-      ], 14, _hoisted_1);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};
-//# sourceMappingURL=EvRadioGroup.vue_vue_type_script_setup_true_lang-BXIm9mqR.mjs.map

package/dist/esm/EvRadioGroup.vue_vue_type_script_setup_true_lang-BXIm9mqR.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EvRadioGroup.vue_vue_type_script_setup_true_lang-BXIm9mqR.mjs","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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,UAAM,QAAQA;AAQd,UAAM,MAAM,UAAU;AAChB,UAAA,KAAK,SAAS,MAAM;AACf,aAAA,MAAM,MAAM,eAAe,GAAG;AAAA,IAAA,CACxC;AAEK,UAAA,YAAY,aAAa,KAAK;AACpC,YAAQ,oBAAoB,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/EvResponsive.vue_vue_type_script_setup_true_lang-MyBoeje8.mjs

@@ -1,70 +0,0 @@
-/*! Evance UI v1.0.20 | MIT License */
-import { computed, defineComponent, useSlots, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createElementVNode, renderSlot, createCommentVNode } from "vue";
-import { m as makeComponentProps } from "./component-D6aMXQeO.mjs";
-import { m as makeDimensionsProps, u as useDimensions } from "./dimensions-1_QkqX7R.mjs";
-import { p as propsFactory } from "./props-C3K2wQPJ.mjs";
-function useAspectStyles(props) {
-  return {
-    aspectStyles: computed(() => {
-      if (!props.aspectRatio) {
-        return void 0;
-      }
-      const ratio = String(props.aspectRatio);
-      return {
-        aspectRatio: ratio.replace(":", "/")
-      };
-    })
-  };
-}
-const makeEvResponsiveProps = propsFactory(
-  {
-    aspectRatio: [String, Number],
-    contentClass: String,
-    inline: Boolean,
-    ...makeComponentProps(),
-    ...makeDimensionsProps()
-  },
-  "EvResponsive"
-);
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "EvResponsive",
-  props: {
-    ...makeEvResponsiveProps()
-  },
-  setup(__props) {
-    const props = __props;
-    const slots = useSlots();
-    const { aspectStyles } = useAspectStyles(props);
-    const dimensionStyles = useDimensions(props);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([
-          "ev-responsive",
-          {
-            "is-inline": props.inline
-          },
-          props.class
-        ]),
-        style: normalizeStyle([unref(dimensionStyles), props.style])
-      }, [
-        createElementVNode("div", {
-          class: "ev-responsive--sizer",
-          style: normalizeStyle(unref(aspectStyles))
-        }, null, 4),
-        renderSlot(_ctx.$slots, "additional"),
-        unref(slots).default ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: normalizeClass(["ev-responsive--content", props.contentClass])
-        }, [
-          renderSlot(_ctx.$slots, "default")
-        ], 2)) : createCommentVNode("", true)
-      ], 6);
-    };
-  }
-});
-export {
-  _sfc_main as _,
-  makeEvResponsiveProps as m,
-  useAspectStyles as u
-};
-//# sourceMappingURL=EvResponsive.vue_vue_type_script_setup_true_lang-MyBoeje8.mjs.map

package/dist/esm/EvResponsive.vue_vue_type_script_setup_true_lang-MyBoeje8.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EvResponsive.vue_vue_type_script_setup_true_lang-MyBoeje8.mjs","sources":["../../src/components/EvResponsive/EvResponsive.ts","../../src/components/EvResponsive/EvResponsive.vue"],"sourcesContent":["import { computed } from \"vue\";\nimport { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { makeDimensionsProps } from \"@/composables/dimensions\";\n\nexport type EvResponsiveSlots = {\n    default: never;\n    content: never;\n};\n\nexport type AspectRatioProps = {\n    aspectRatio?: string | number;\n};\n\n/**\n * # useAspectStyles\n *\n * Aspect ratio notation is permitted as a number or a string where aspects such as '16:9' is\n * converted to a division '16/9'.\n *\n * @link https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio\n * @param props\n */\nexport function useAspectStyles(props: AspectRatioProps) {\n    return {\n        aspectStyles: computed(() => {\n            if (!props.aspectRatio) {\n                return undefined;\n            }\n            const ratio = String(props.aspectRatio);\n            return {\n                aspectRatio: ratio.replace(\":\", \"/\"),\n            };\n        }),\n    };\n}\n\nexport const makeEvResponsiveProps = propsFactory(\n    {\n        aspectRatio: [String, Number],\n        contentClass: String,\n        inline: Boolean,\n\n        ...makeComponentProps(),\n        ...makeDimensionsProps(),\n    },\n    \"EvResponsive\",\n);\n","<script setup lang=\"ts\">\n/**\n * '<ev-responsive>`\n */\nimport \"./EvResponsive.scss\";\nimport { makeEvResponsiveProps, useAspectStyles } from \"./EvResponsive\";\nimport { useDimensions } from \"@/composables/dimensions\";\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"],"mappings":";;;;;AAuBO,SAAS,gBAAgB,OAAyB;AAC9C,SAAA;AAAA,IACH,cAAc,SAAS,MAAM;AACrB,UAAA,CAAC,MAAM,aAAa;AACb,eAAA;AAAA,MAAA;AAEL,YAAA,QAAQ,OAAO,MAAM,WAAW;AAC/B,aAAA;AAAA,QACH,aAAa,MAAM,QAAQ,KAAK,GAAG;AAAA,MACvC;AAAA,IACH,CAAA;AAAA,EACL;AACJ;AAEO,MAAM,wBAAwB;AAAA,EACjC;AAAA,IACI,aAAa,CAAC,QAAQ,MAAM;AAAA,IAC5B,cAAc;AAAA,IACd,QAAQ;AAAA,IAER,GAAG,mBAAmB;AAAA,IACtB,GAAG,oBAAoB;AAAA,EAC3B;AAAA,EACA;AACJ;;;;;;;;ACpCA,UAAM,QAAQA;AAKd,UAAM,EAAE,aAAA,IAAiB,gBAAgB,KAAK;AACxC,UAAA,kBAAkB,cAAc,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;"}