@evance/evance-ui 1.0.3 → 1.0.4

package/dist/esm/EvProgress.mjs

@@ -1,5 +1,5 @@
-/*! Evance UI v1.0.2 | MIT License */
-import { _ } from "./EvProgress.vue_vue_type_script_setup_true_lang-V_Wg1CJ6.mjs";
+/*! Evance UI v1.0.4 | MIT License */
+import { _ } from "./EvProgress.vue_vue_type_script_setup_true_lang-BJyLya7p.mjs";
 export {
   _ as EvProgress
 };

package/dist/esm/EvProgress.vue_vue_type_script_setup_true_lang-BJyLya7p.mjs

@@ -0,0 +1,70 @@
+/*! Evance UI v1.0.4 | MIT License */
+import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, createCommentVNode, createElementVNode } from "vue";
+import { I as IntegerishPattern, i as isIntegerish } from "./numbers-DxfGVI8-.mjs";
+import { a as appearanceModifier, s as sizeModifier } from "./modifiers-VukLygRU.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-BJyLya7p.mjs.map

package/dist/esm/EvProgress.vue_vue_type_script_setup_true_lang-BJyLya7p.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvProgress.vue_vue_type_script_setup_true_lang-BJyLya7p.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,IAChC;AAKA,aAAS,gBAAgB;AACrB,aAAO,CAAC,cAAA,IAAkB,SAAY,MAAM,OAAO;AAAA,IACvD;AAEA,aAAS,gBAAyB;AACvB,aAAA,aAAa,MAAM,IAAI;AAAA,IAClC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/EvProgressCircular.mjs

@@ -1,5 +1,5 @@
-/*! Evance UI v1.0.2 | MIT License */
-import { _ } from "./EvProgressCircular.vue_vue_type_script_setup_true_lang-D5PS2qrT.mjs";
+/*! Evance UI v1.0.4 | MIT License */
+import { _ } from "./EvProgressCircular.vue_vue_type_script_setup_true_lang-CeWn9au7.mjs";
 export {
   _ as EvProgressCircular
 };

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

@@ -0,0 +1,110 @@
+/*! Evance UI v1.0.4 | MIT License */
+import { defineComponent, ref, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, createElementVNode, renderSlot } from "vue";
+import { a as appearanceModifier } from "./modifiers-VukLygRU.mjs";
+import { t as toWebUnit } from "./units-BfGYqMlE.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-CeWn9au7.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EvProgressCircular.vue_vue_type_script_setup_true_lang-CeWn9au7.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,MACX;AACO,aAAA,UAAU,MAAM,IAAI;AAAA,IAC/B;AAMA,aAAS,mBAAmB;AACjB,aAAA,KAAK,MAAM,UAAc,IAAA;AAAA,IACpC;AAMA,aAAS,oBAAoB;AACzB,aAAO,CAAC,UAAU,QAAQ,cAAc,UAAU,MAAM;AAAA,IAC5D;AAMA,aAAS,oBAAoB;AACzB,aAAO,MAAM,gBACP,IACA,sBAAsB,IAAI,MAAM,aAAa;AAAA,IACvD;AAMA,aAAS,YAAY;AACV,aAAA,gBAAgB,aAAiB,IAAA;AAAA,IAC5C;AAMA,aAAS,cAAc;AACb,YAAA,WAAW,kBAAkB,MAAM;AACzC,aAAO,UAAU,QAAQ;AAAA,IAC7B;AAOA,aAAS,eAAe;AACpB,YAAM,eAAe,cAAc;AACnC,YAAM,YAAa,MAAM,YAAY,kBAAA,IAAuB;AACrD,aAAA,YAAY,eAAe,eAAe;AAAA,IACrD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/EvQuickfind.mjs

@@ -1,5 +1,5 @@
-/*! Evance UI v1.0.2 | MIT License */
-import { _ } from "./EvQuickfind.vue_vue_type_script_setup_true_lang-XI-MwIxZ.mjs";
+/*! Evance UI v1.0.4 | MIT License */
+import { _ } from "./EvQuickfind.vue_vue_type_script_setup_true_lang-C-dXD6OX.mjs";
 export {
   _ as EvQuickfind
 };

package/dist/esm/EvQuickfind.vue_vue_type_script_setup_true_lang-C-dXD6OX.mjs

@@ -0,0 +1,50 @@
+/*! Evance UI v1.0.4 | MIT License */
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, createVNode, createElementVNode, toDisplayString } from "vue";
+import { _ as _sfc_main$1 } from "./EvIcon.vue_vue_type_script_setup_true_lang-B-JZfg8H.mjs";
+import "./EvIcon.vue_vue_type_style_index_0_lang-D6V8HLr4.mjs";
+import { Q as QuickfindIcon } from "./QuickfindIcon-Bc9oczci.mjs";
+import { u as useModelProxy } from "./modelProxy-MDEML1Hj.mjs";
+import { s as sizeModifier } from "./modifiers-VukLygRU.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-C-dXD6OX.mjs.map

package/dist/esm/EvQuickfind.vue_vue_type_script_setup_true_lang-C-dXD6OX.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvQuickfind.vue_vue_type_script_setup_true_lang-C-dXD6OX.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.ts\";\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,MACf;AAAA,IAAA,CACH;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/EvRadio.mjs

@@ -1,5 +1,5 @@
-/*! Evance UI v1.0.2 | MIT License */
-import { _, m } from "./EvRadio.vue_vue_type_script_setup_true_lang-C1rSDxeN.mjs";
+/*! Evance UI v1.0.4 | MIT License */
+import { _, m } from "./EvRadio.vue_vue_type_script_setup_true_lang-dOhz3PBW.mjs";
 export {
   _ as EvRadio,
   m as makeEvRadioProps

package/dist/esm/EvRadio.vue_vue_type_script_setup_true_lang-dOhz3PBW.mjs

@@ -0,0 +1,142 @@
+/*! Evance UI v1.0.4 | MIT License */
+import { defineComponent, useSlots, inject, useAttrs, ref, computed, openBlock, createElementBlock, mergeProps, unref, createElementVNode, withKeys, createVNode, withCtx, renderSlot, createCommentVNode } from "vue";
+import { m as makeLabelProps, _ as _sfc_main$1 } from "./EvLabel.vue_vue_type_script_setup_true_lang-CH5qLBDT.mjs";
+import { E as EvRadioGroupSymbol } from "./EvRadioGroup-Bs26DnvJ.mjs";
+import { m as makeFormFieldProps, u as useFormField } from "./validation-C_LDW_qA.mjs";
+import { m as makeComponentProps } from "./component-B_H9WGvL.mjs";
+import { p as propsFactory } from "./props-DwRGNAyc.mjs";
+import { s as splitInputAttrs } from "./helpers-BBJ8aYIT.mjs";
+import { c as isDeepEqual } from "./is-functions-C4Ohethd.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-dOhz3PBW.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EvRadio.vue_vue_type_script_setup_true_lang-dOhz3PBW.mjs","sources":["../../src/components/EvRadio/EvRadio.ts","../../src/components/EvRadio/EvRadio.vue"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeFormFieldProps } from \"@/composables/validation.ts\";\nimport { makeComponentProps } from \"@/composables/component.ts\";\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.ts\";\nimport { useFormField } from \"@/composables/validation.ts\";\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;AACR,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,QACJ;AACU,kBAAA,QAAQ,QAAQ,MAAM,QAAQ;AAAA,MAC5C;AAAA,IAAA,CACH;AASD,aAAS,QAAQ,GAAgB;AACzB,UAAA,UAAU,SAAS,MAAM,WAAW;AACpC,kBAAU,QAAQ;AAAA,MACtB;AAAA,IACJ;AASA,aAAS,QAAQ,GAAgB;AACnB,gBAAA,QAAS,EAAE,OAA4B;AAAA,IACrD;AAUA,aAAS,QAAQ,GAAgB;AACzB,UAAA,UAAU,SAAS,MAAM,WAAW;AACpC,kBAAU,QAAQ;AAElB,UAAE,eAAe;AAAA,MACrB;AAAA,IACJ;AAKA,aAAS,kBAA2C;AAChD,aAAO,SAAS;AAAA,IACpB;AAKa,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-Bs26DnvJ.mjs

@@ -0,0 +1,20 @@
+/*! Evance UI v1.0.4 | MIT License */
+import { m as makeComponentProps } from "./component-B_H9WGvL.mjs";
+import { m as makeFormFieldProps } from "./validation-C_LDW_qA.mjs";
+import { m as makeLabelProps } from "./EvLabel.vue_vue_type_script_setup_true_lang-CH5qLBDT.mjs";
+import { p as propsFactory } from "./props-DwRGNAyc.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-Bs26DnvJ.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EvRadioGroup-Bs26DnvJ.mjs","sources":["../../src/components/EvRadioGroup/EvRadioGroup.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component.ts\";\nimport { makeFormFieldProps } from \"@/composables/validation.ts\";\nimport { InjectionKey } from \"vue\";\nimport { FormField } from \"@/modules/Form/FormField.ts\";\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.mjs

@@ -1,6 +1,6 @@
-/*! Evance UI v1.0.2 | MIT License */
-import { E, m } from "./EvRadioGroup-Dn61Ywn5.mjs";
-import { _ } from "./EvRadioGroup.vue_vue_type_script_setup_true_lang-CNz-dR5B.mjs";
+/*! Evance UI v1.0.4 | MIT License */
+import { E, m } from "./EvRadioGroup-Bs26DnvJ.mjs";
+import { _ } from "./EvRadioGroup.vue_vue_type_script_setup_true_lang-jTBdpFLb.mjs";
 export {
   _ as EvRadioGroup,
   E as EvRadioGroupSymbol,

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

@@ -0,0 +1,74 @@
+/*! Evance UI v1.0.4 | MIT License */
+import { defineComponent, useSlots, computed, provide, openBlock, createElementBlock, normalizeClass, normalizeStyle, unref, createVNode, withCtx, renderSlot, createCommentVNode, createElementVNode } from "vue";
+import { _ as _sfc_main$1 } from "./EvLabel.vue_vue_type_script_setup_true_lang-CH5qLBDT.mjs";
+import { m as makeEvRadioGroupProps, E as EvRadioGroupSymbol } from "./EvRadioGroup-Bs26DnvJ.mjs";
+import { u as useFormField } from "./validation-C_LDW_qA.mjs";
+import { _ as _sfc_main$2 } from "./EvErrors.vue_vue_type_script_setup_true_lang-CaUClomW.mjs";
+import { g as getNextId } from "./helpers-BBJ8aYIT.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-jTBdpFLb.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EvRadioGroup.vue_vue_type_script_setup_true_lang-jTBdpFLb.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.ts\";\nimport { computed, provide } from \"vue\";\nimport { getNextId } from \"@/util\";\nimport { useFormField } from \"@/composables/validation.ts\";\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;AACN,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.mjs

@@ -1,5 +1,5 @@
-/*! Evance UI v1.0.2 | MIT License */
-import { _, m, u } from "./EvResponsive.vue_vue_type_script_setup_true_lang-TdQg4avc.mjs";
+/*! Evance UI v1.0.4 | MIT License */
+import { _, m, u } from "./EvResponsive.vue_vue_type_script_setup_true_lang-BIMivNeN.mjs";
 export {
   _ as EvResponsive,
   m as makeEvResponsiveProps,

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

@@ -0,0 +1,70 @@
+/*! Evance UI v1.0.4 | MIT License */
+import { computed, defineComponent, useSlots, openBlock, createElementBlock, normalizeClass, normalizeStyle, unref, createElementVNode, renderSlot, createCommentVNode } from "vue";
+import { m as makeComponentProps } from "./component-B_H9WGvL.mjs";
+import { m as makeDimensionsProps, u as useDimensions } from "./dimensions-BR2pwRcF.mjs";
+import { p as propsFactory } from "./props-DwRGNAyc.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-BIMivNeN.mjs.map