@evance/evance-ui 1.0.28 → 1.0.29

package/dist/esm/CalendarIcon-Bj8LJAZI.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarIcon-Bj8LJAZI.mjs","sources":["../../src/icons/glyph/CalendarIcon.svg"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  width: \"24\",\n  height: \"24\",\n  viewBox: \"0 0 24 24\",\n  fill: \"none\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  d: \"M20 4H19V2H17V4H7V2H5V4H4C2.9 4 2 4.81818 2 5.81818V20.1818C2 21.1818 2.9 22 4 22H20C21.1 22 22 21.1818 22 20.1818V5.81818C22 4.81818 21.1 4 20 4ZM20 20H4V9H20V20Z\",\n  fill: \"currentColor\"\n}, null, -1)\nconst _hoisted_3 = /*#__PURE__*/_createElementVNode(\"path\", {\n  d: \"M14 12H17V15H14V12Z\",\n  fill: \"currentColor\"\n}, null, -1)\nconst _hoisted_4 = [\n  _hoisted_2,\n  _hoisted_3\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, _hoisted_4))\n}\nexport default { render: render }"],"names":["_createElementVNode","_openBlock","_createElementBlock"],"mappings":";;AAEA,MAAM,aAAa;AAAA,EACjB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AACT;AACA,MAAM,aAA0BA,mCAAoB,QAAQ;AAAA,EAC1D,GAAG;AAAA,EACH,MAAM;AACR,GAAG,MAAM,EAAE;AACX,MAAM,aAA0BA,mCAAoB,QAAQ;AAAA,EAC1D,GAAG;AAAA,EACH,MAAM;AACR,GAAG,MAAM,EAAE;AACX,MAAM,aAAa;AAAA,EACjB;AAAA,EACA;AACF;AAEO,SAAS,OAAO,MAAM,QAAQ;AACnC,SAAQC,UAAU,GAAIC,mBAAoB,OAAO,YAAY,UAAU;AACzE;AACA,MAAe,eAAA,EAAE,OAAc;"}

package/dist/esm/CancelIcon-BIBad0x4.mjs

@@ -0,0 +1,24 @@
+/*! Evance UI v1.0.29 | MIT License */
+import { createElementBlock, openBlock, createElementVNode } from "vue";
+const _hoisted_1 = {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("path", {
+  d: "M18.9844 6.42188L13.4062 12L18.9844 17.5781L17.5781 18.9844L12 13.4062L6.42188 18.9844L5.01562 17.5781L10.5938 12L5.01562 6.42188L6.42188 5.01562L12 10.5938L17.5781 5.01562L18.9844 6.42188Z",
+  fill: "currentColor"
+}, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const CancelIcon = { render };
+export {
+  CancelIcon as C
+};
+//# sourceMappingURL=CancelIcon-BIBad0x4.mjs.map

package/dist/esm/CancelIcon-BIBad0x4.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CancelIcon-BIBad0x4.mjs","sources":["../../src/icons/glyph/CancelIcon.svg"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  width: \"24\",\n  height: \"24\",\n  viewBox: \"0 0 24 24\",\n  fill: \"none\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  d: \"M18.9844 6.42188L13.4062 12L18.9844 17.5781L17.5781 18.9844L12 13.4062L6.42188 18.9844L5.01562 17.5781L10.5938 12L5.01562 6.42188L6.42188 5.01562L12 10.5938L17.5781 5.01562L18.9844 6.42188Z\",\n  fill: \"currentColor\"\n}, null, -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, _hoisted_3))\n}\nexport default { render: render }"],"names":["_createElementVNode","_openBlock","_createElementBlock"],"mappings":";;AAEA,MAAM,aAAa;AAAA,EACjB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AACT;AACA,MAAM,aAA0BA,mCAAoB,QAAQ;AAAA,EAC1D,GAAG;AAAA,EACH,MAAM;AACR,GAAG,MAAM,EAAE;AACX,MAAM,aAAa;AAAA,EACjB;AACF;AAEO,SAAS,OAAO,MAAM,QAAQ;AACnC,SAAQC,UAAU,GAAIC,mBAAoB,OAAO,YAAY,UAAU;AACzE;AACA,MAAe,aAAA,EAAE,OAAc;"}

package/dist/esm/CheckIcon-zjMD_PwQ.mjs

@@ -0,0 +1,24 @@
+/*! Evance UI v1.0.29 | MIT License */
+import { createElementBlock, openBlock, createElementVNode } from "vue";
+const _hoisted_1 = {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("path", {
+  d: "M19.8996 7.60051L18.4854 6.18629L10.0002 14.6715L5.7576 10.4289L4.34338 11.8431L10.0001 17.5L19.8996 7.60051Z",
+  fill: "currentColor"
+}, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const CheckIcon = { render };
+export {
+  CheckIcon as C
+};
+//# sourceMappingURL=CheckIcon-zjMD_PwQ.mjs.map

package/dist/esm/CheckIcon-zjMD_PwQ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckIcon-zjMD_PwQ.mjs","sources":["../../src/icons/glyph/CheckIcon.svg"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  width: \"24\",\n  height: \"24\",\n  viewBox: \"0 0 24 24\",\n  fill: \"none\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  d: \"M19.8996 7.60051L18.4854 6.18629L10.0002 14.6715L5.7576 10.4289L4.34338 11.8431L10.0001 17.5L19.8996 7.60051Z\",\n  fill: \"currentColor\"\n}, null, -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, _hoisted_3))\n}\nexport default { render: render }"],"names":["_createElementVNode","_openBlock","_createElementBlock"],"mappings":";;AAEA,MAAM,aAAa;AAAA,EACjB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AACT;AACA,MAAM,aAA0BA,mCAAoB,QAAQ;AAAA,EAC1D,GAAG;AAAA,EACH,MAAM;AACR,GAAG,MAAM,EAAE;AACX,MAAM,aAAa;AAAA,EACjB;AACF;AAEO,SAAS,OAAO,MAAM,QAAQ;AACnC,SAAQC,UAAU,GAAIC,mBAAoB,OAAO,YAAY,UAAU;AACzE;AACA,MAAe,YAAA,EAAE,OAAc;"}

package/dist/esm/ChevronDownIcon-BEgt1iVG.mjs

@@ -0,0 +1,24 @@
+/*! Evance UI v1.0.29 | MIT License */
+import { createElementBlock, openBlock, createElementVNode } from "vue";
+const _hoisted_1 = {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("path", {
+  d: "M16 9L12 13L8 9L7 10L12 15L17 10L16 9Z",
+  fill: "currentColor"
+}, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const ChevronDownIcon = { render };
+export {
+  ChevronDownIcon as C
+};
+//# sourceMappingURL=ChevronDownIcon-BEgt1iVG.mjs.map

package/dist/esm/ChevronDownIcon-BEgt1iVG.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChevronDownIcon-BEgt1iVG.mjs","sources":["../../src/icons/glyph/ChevronDownIcon.svg"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  width: \"24\",\n  height: \"24\",\n  viewBox: \"0 0 24 24\",\n  fill: \"none\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  d: \"M16 9L12 13L8 9L7 10L12 15L17 10L16 9Z\",\n  fill: \"currentColor\"\n}, null, -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, _hoisted_3))\n}\nexport default { render: render }"],"names":["_createElementVNode","_openBlock","_createElementBlock"],"mappings":";;AAEA,MAAM,aAAa;AAAA,EACjB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AACT;AACA,MAAM,aAA0BA,mCAAoB,QAAQ;AAAA,EAC1D,GAAG;AAAA,EACH,MAAM;AACR,GAAG,MAAM,EAAE;AACX,MAAM,aAAa;AAAA,EACjB;AACF;AAEO,SAAS,OAAO,MAAM,QAAQ;AACnC,SAAQC,UAAU,GAAIC,mBAAoB,OAAO,YAAY,UAAU;AACzE;AACA,MAAe,kBAAA,EAAE,OAAc;"}

package/dist/esm/ChevronRightIcon-CUgxQAiv.mjs

@@ -0,0 +1,43 @@
+/*! Evance UI v1.0.29 | MIT License */
+import { createElementBlock, openBlock, createElementVNode } from "vue";
+const _hoisted_1$1 = {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2$1 = /* @__PURE__ */ createElementVNode("path", {
+  d: "M15 16L11 12L15 8L14 7L9 12L14 17L15 16Z",
+  fill: "currentColor"
+}, null, -1);
+const _hoisted_3$1 = [
+  _hoisted_2$1
+];
+function render$1(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$1, _hoisted_3$1);
+}
+const ChevronLeftIcon = { render: render$1 };
+const _hoisted_1 = {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("path", {
+  d: "M9 8L13 12L9 16L10 17L15 12L10 7L9 8Z",
+  fill: "currentColor"
+}, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const ChevronRightIcon = { render };
+export {
+  ChevronLeftIcon as C,
+  ChevronRightIcon as a
+};
+//# sourceMappingURL=ChevronRightIcon-CUgxQAiv.mjs.map

package/dist/esm/ChevronRightIcon-CUgxQAiv.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChevronRightIcon-CUgxQAiv.mjs","sources":["../../src/icons/glyph/ChevronLeftIcon.svg","../../src/icons/glyph/ChevronRightIcon.svg"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  width: \"24\",\n  height: \"24\",\n  viewBox: \"0 0 24 24\",\n  fill: \"none\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  d: \"M15 16L11 12L15 8L14 7L9 12L14 17L15 16Z\",\n  fill: \"currentColor\"\n}, null, -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, _hoisted_3))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  width: \"24\",\n  height: \"24\",\n  viewBox: \"0 0 24 24\",\n  fill: \"none\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  d: \"M9 8L13 12L9 16L10 17L15 12L10 7L9 8Z\",\n  fill: \"currentColor\"\n}, null, -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, _hoisted_3))\n}\nexport default { render: render }"],"names":["_hoisted_1","_hoisted_2","_createElementVNode","_hoisted_3","render","_openBlock","_createElementBlock"],"mappings":";;AAEA,MAAMA,eAAa;AAAA,EACjB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AACT;AACA,MAAMC,eAA0BC,mCAAoB,QAAQ;AAAA,EAC1D,GAAG;AAAA,EACH,MAAM;AACR,GAAG,MAAM,EAAE;AACX,MAAMC,eAAa;AAAA,EACjBF;AACF;AAEO,SAASG,SAAO,MAAM,QAAQ;AACnC,SAAQC,UAAU,GAAIC,mBAAoB,OAAON,cAAYG,YAAU;AACzE;AACA,MAAe,kBAAA,EAAE,QAAQC,SAAM;AClB/B,MAAM,aAAa;AAAA,EACjB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AACT;AACA,MAAM,aAA0BF,mCAAoB,QAAQ;AAAA,EAC1D,GAAG;AAAA,EACH,MAAM;AACR,GAAG,MAAM,EAAE;AACX,MAAM,aAAa;AAAA,EACjB;AACF;AAEO,SAAS,OAAO,MAAM,QAAQ;AACnC,SAAQG,UAAU,GAAIC,mBAAoB,OAAO,YAAY,UAAU;AACzE;AACA,MAAe,mBAAA,EAAE,OAAc;"}

package/dist/esm/ChevronUpIcon-jZ0DjafH.mjs

@@ -0,0 +1,24 @@
+/*! Evance UI v1.0.29 | MIT License */
+import { createElementBlock, openBlock, createElementVNode } from "vue";
+const _hoisted_1 = {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("path", {
+  d: "M8 15L12 11L16 15L17 14L12 9L7 14L8 15Z",
+  fill: "currentColor"
+}, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const ChevronUpIcon = { render };
+export {
+  ChevronUpIcon as C
+};
+//# sourceMappingURL=ChevronUpIcon-jZ0DjafH.mjs.map

package/dist/esm/ChevronUpIcon-jZ0DjafH.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChevronUpIcon-jZ0DjafH.mjs","sources":["../../src/icons/glyph/ChevronUpIcon.svg"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  width: \"24\",\n  height: \"24\",\n  viewBox: \"0 0 24 24\",\n  fill: \"none\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  d: \"M8 15L12 11L16 15L17 14L12 9L7 14L8 15Z\",\n  fill: \"currentColor\"\n}, null, -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, _hoisted_3))\n}\nexport default { render: render }"],"names":["_createElementVNode","_openBlock","_createElementBlock"],"mappings":";;AAEA,MAAM,aAAa;AAAA,EACjB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AACT;AACA,MAAM,aAA0BA,mCAAoB,QAAQ;AAAA,EAC1D,GAAG;AAAA,EACH,MAAM;AACR,GAAG,MAAM,EAAE;AACX,MAAM,aAAa;AAAA,EACjB;AACF;AAEO,SAAS,OAAO,MAAM,QAAQ;AACnC,SAAQC,UAAU,GAAIC,mBAAoB,OAAO,YAAY,UAAU;AACzE;AACA,MAAe,gBAAA,EAAE,OAAc;"}

package/dist/esm/EvApp.mjs

@@ -1,5 +1,5 @@
-/*! Evance UI v1.0.28 | MIT License */
-import { _, m } from "./EvApp.vue_vue_type_script_setup_true_lang-ZtCCLriU.mjs";
+/*! Evance UI v1.0.29 | MIT License */
+import { _, m } from "./EvApp.vue_vue_type_script_setup_true_lang-BOJqT3ME.mjs";
 export {
   _ as EvApp,
   m as makeEvAppProps

package/dist/esm/EvApp.vue_vue_type_script_setup_true_lang-BOJqT3ME.mjs

@@ -0,0 +1,98 @@
+/*! Evance UI v1.0.29 | MIT License */
+import { inject, computed, provide, ref, defineComponent, watch, onMounted, createElementBlock, openBlock, normalizeClass, createElementVNode, renderSlot } from "vue";
+import { p as propsFactory } from "./props-CAutTSQJ.mjs";
+import { g as getCurrentComponent } from "./components-BXRHCToo.mjs";
+import { m as mergeDeep } from "./helpers-BKv7T7oP.mjs";
+import { m as makeComponentProps } from "./component-BpYm1WT0.mjs";
+const ThemeSymbol = Symbol.for("ev:theme");
+const makeThemeProps = propsFactory(
+  {
+    theme: String
+  },
+  "theme"
+);
+const defaultThemeOptions = {
+  defaultTheme: "system"
+};
+function parseThemeOptions(options = defaultThemeOptions) {
+  return !options ? defaultThemeOptions : mergeDeep(defaultThemeOptions, options);
+}
+function createTheme(options) {
+  const parsedOptions = parseThemeOptions(options);
+  const name = ref(parsedOptions.defaultTheme);
+  const themeClasses = computed(() => `ev-theme-${name.value}`);
+  return {
+    name,
+    themeClasses
+  };
+}
+function provideTheme(props) {
+  getCurrentComponent("provideTheme");
+  const theme = inject(ThemeSymbol, null);
+  if (!theme) {
+    throw new Error("Unable to find theme provider.");
+  }
+  const name = computed(() => props.theme ?? theme.name.value);
+  const themeClasses = computed(() => `ev-theme-${name.value}`);
+  const newTheme = {
+    name,
+    themeClasses
+  };
+  provide(ThemeSymbol, newTheme);
+  return newTheme;
+}
+const makeEvAppProps = propsFactory(
+  {
+    themeScope: {
+      type: String,
+      default: "body"
+    },
+    ...makeComponentProps(),
+    ...makeThemeProps()
+  },
+  "EvApp"
+);
+const _hoisted_1 = { class: "ev-application--container" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EvApp",
+  props: { ...makeEvAppProps() },
+  setup(__props) {
+    const props = __props;
+    const { themeClasses } = provideTheme(props);
+    const appThemeClasses = computed(() => {
+      return props.themeScope === "app" ? themeClasses.value : void 0;
+    });
+    const bodyThemeClasses = computed(() => {
+      return props.themeScope === "body" ? themeClasses.value : void 0;
+    });
+    watch(bodyThemeClasses, (newValue, oldValue) => {
+      if (oldValue) {
+        document.body.classList.remove(oldValue);
+      }
+      if (newValue) {
+        document.body.classList.add(newValue);
+      }
+    });
+    onMounted(() => {
+      if (bodyThemeClasses.value) {
+        document.body.classList.add(bodyThemeClasses.value);
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["ev-application", appThemeClasses.value, props.class])
+      }, [
+        createElementVNode("div", _hoisted_1, [
+          renderSlot(_ctx.$slots, "default")
+        ])
+      ], 2);
+    };
+  }
+});
+export {
+  ThemeSymbol as T,
+  _sfc_main as _,
+  createTheme as c,
+  makeEvAppProps as m
+};
+//# sourceMappingURL=EvApp.vue_vue_type_script_setup_true_lang-BOJqT3ME.mjs.map

package/dist/esm/EvApp.vue_vue_type_script_setup_true_lang-BOJqT3ME.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvApp.vue_vue_type_script_setup_true_lang-BOJqT3ME.mjs","sources":["../../src/composables/theme.ts","../../src/components/EvApp/EvApp.ts","../../src/components/EvApp/EvApp.vue"],"sourcesContent":["import {\n    computed,\n    inject,\n    InjectionKey,\n    PropType,\n    provide,\n    Ref,\n    ref,\n} from \"vue\";\nimport { getCurrentComponent, mergeDeep, propsFactory } from \"@/util\";\n\nexport type Theme = \"system\" | \"light\" | \"dark\";\n\nexport type ThemeOptions = {\n    defaultTheme?: Theme;\n};\n\nexport interface ThemeInstance {\n    readonly name: Readonly<Ref<Theme>>;\n    readonly themeClasses: Readonly<Ref<string | undefined>>;\n}\n\nexport const ThemeSymbol: InjectionKey<ThemeInstance> = Symbol.for(\"ev:theme\");\n\nexport const makeThemeProps = propsFactory(\n    {\n        theme: String as PropType<Theme>,\n    },\n    \"theme\",\n);\n\nconst defaultThemeOptions: ThemeOptions = {\n    defaultTheme: \"system\",\n};\n\nfunction parseThemeOptions(\n    options: ThemeOptions = defaultThemeOptions,\n): ThemeOptions {\n    return !options\n        ? defaultThemeOptions\n        : mergeDeep(defaultThemeOptions, options);\n}\n\nexport function createTheme(options?: ThemeOptions): ThemeInstance {\n    const parsedOptions = parseThemeOptions(options);\n    const name = ref<Theme>(parsedOptions.defaultTheme);\n    const themeClasses = computed(() => `ev-theme-${name.value}`);\n\n    return {\n        name,\n        themeClasses,\n    };\n}\n\n/**\n * # `provideTheme`\n *\n * @param props\n */\nexport function provideTheme(props: { theme?: Theme }) {\n    getCurrentComponent(\"provideTheme\");\n    const theme = inject(ThemeSymbol, null);\n    if (!theme) {\n        throw new Error(\"Unable to find theme provider.\");\n    }\n    const name = computed(() => props.theme ?? theme.name.value);\n    const themeClasses = computed(() => `ev-theme-${name.value}`);\n    const newTheme: ThemeInstance = {\n        name,\n        themeClasses,\n    };\n    provide(ThemeSymbol, newTheme);\n    return newTheme;\n}\n\nexport function useTheme() {\n    getCurrentComponent(\"useTheme\");\n    const theme = inject(ThemeSymbol, null);\n    if (!theme) {\n        throw new Error(\"Unable to find theme provider.\");\n    }\n    return theme;\n}\n","import { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables\";\nimport { makeThemeProps } from \"@/composables/theme\";\nimport { PropType } from \"vue\";\n\nexport type ThemeScope = \"body\" | \"app\";\n\nexport const makeEvAppProps = propsFactory(\n    {\n        themeScope: {\n            type: String as PropType<ThemeScope>,\n            default: \"body\",\n        },\n        ...makeComponentProps(),\n        ...makeThemeProps(),\n    },\n    \"EvApp\",\n);\n","<script setup lang=\"ts\">\nimport \"./EvApp.scss\";\nimport { makeEvAppProps } from \"./EvApp\";\nimport { provideTheme } from \"@/composables/theme\";\nimport { computed, onMounted, watch } from \"vue\";\n\nconst props = defineProps({ ...makeEvAppProps() });\nconst { themeClasses } = provideTheme(props);\n\nconst appThemeClasses = computed(() => {\n    return props.themeScope === \"app\" ? themeClasses.value : undefined;\n});\n\nconst bodyThemeClasses = computed(() => {\n    return props.themeScope === \"body\" ? themeClasses.value : undefined;\n});\n\nwatch(bodyThemeClasses, (newValue, oldValue) => {\n    if (oldValue) {\n        document.body.classList.remove(oldValue);\n    }\n    if (newValue) {\n        document.body.classList.add(newValue);\n    }\n});\n\nonMounted(() => {\n    if (bodyThemeClasses.value) {\n        document.body.classList.add(bodyThemeClasses.value);\n    }\n});\n</script>\n\n<template>\n    <div :class=\"['ev-application', appThemeClasses, props.class]\">\n        <div class=\"ev-application--container\">\n            <slot />\n        </div>\n    </div>\n</template>\n"],"names":[],"mappings":";;;;;;AAsBa,MAAA,cAA2C,OAAO,IAAI,UAAU;AAEtE,MAAM,iBAAiB;AAAA,EAC1B;AAAA,IACI,OAAO;AAAA,EACX;AAAA,EACA;AACJ;AAEA,MAAM,sBAAoC;AAAA,EACtC,cAAc;AAClB;AAEA,SAAS,kBACL,UAAwB,qBACZ;AACZ,SAAO,CAAC,UACF,sBACA,UAAU,qBAAqB,OAAO;AAChD;AAEO,SAAS,YAAY,SAAuC;AACzD,QAAA,gBAAgB,kBAAkB,OAAO;AACzC,QAAA,OAAO,IAAW,cAAc,YAAY;AAClD,QAAM,eAAe,SAAS,MAAM,YAAY,KAAK,KAAK,EAAE;AAErD,SAAA;AAAA,IACH;AAAA,IACA;AAAA,EACJ;AACJ;AAOO,SAAS,aAAa,OAA0B;AACnD,sBAAoB,cAAc;AAC5B,QAAA,QAAQ,OAAO,aAAa,IAAI;AACtC,MAAI,CAAC,OAAO;AACF,UAAA,IAAI,MAAM,gCAAgC;AAAA,EAAA;AAEpD,QAAM,OAAO,SAAS,MAAM,MAAM,SAAS,MAAM,KAAK,KAAK;AAC3D,QAAM,eAAe,SAAS,MAAM,YAAY,KAAK,KAAK,EAAE;AAC5D,QAAM,WAA0B;AAAA,IAC5B;AAAA,IACA;AAAA,EACJ;AACA,UAAQ,aAAa,QAAQ;AACtB,SAAA;AACX;AClEO,MAAM,iBAAiB;AAAA,EAC1B;AAAA,IACI,YAAY;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,GAAG,mBAAmB;AAAA,IACtB,GAAG,eAAe;AAAA,EACtB;AAAA,EACA;AACJ;;;;;;;ACVA,UAAM,EAAE,aAAA,IAAiB,aAAa,KAAK;AAErC,UAAA,kBAAkB,SAAS,MAAM;AACnC,aAAO,MAAM,eAAe,QAAQ,aAAa,QAAQ;AAAA,IAAA,CAC5D;AAEK,UAAA,mBAAmB,SAAS,MAAM;AACpC,aAAO,MAAM,eAAe,SAAS,aAAa,QAAQ;AAAA,IAAA,CAC7D;AAEK,UAAA,kBAAkB,CAAC,UAAU,aAAa;AAC5C,UAAI,UAAU;AACD,iBAAA,KAAK,UAAU,OAAO,QAAQ;AAAA,MAAA;AAE3C,UAAI,UAAU;AACD,iBAAA,KAAK,UAAU,IAAI,QAAQ;AAAA,MAAA;AAAA,IACxC,CACH;AAED,cAAU,MAAM;AACZ,UAAI,iBAAiB,OAAO;AACxB,iBAAS,KAAK,UAAU,IAAI,iBAAiB,KAAK;AAAA,MAAA;AAAA,IACtD,CACH;;;;;;;;;;;;"}

package/dist/esm/EvAvatar.mjs

@@ -1,5 +1,5 @@
-/*! Evance UI v1.0.28 | MIT License */
-import { _, m } from "./EvAvatar.vue_vue_type_script_setup_true_lang-BqSNe7oC.mjs";
+/*! Evance UI v1.0.29 | MIT License */
+import { _, m } from "./EvAvatar.vue_vue_type_script_setup_true_lang-wsrrEv1c.mjs";
 export {
   _ as EvAvatar,
   m as makeEvAvatarProps

package/dist/esm/EvAvatar.vue_vue_type_script_setup_true_lang-wsrrEv1c.mjs

@@ -0,0 +1,125 @@
+/*! Evance UI v1.0.29 | MIT License */
+import { computed, isRef, defineComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createBlock, renderSlot, createTextVNode, toDisplayString } from "vue";
+import { m as makeComponentProps } from "./component-BpYm1WT0.mjs";
+import { I as IconProp } from "./icons-B4ua57M8.mjs";
+import { e as destructComputed } from "./helpers-BKv7T7oP.mjs";
+import { p as propsFactory } from "./props-CAutTSQJ.mjs";
+import { t as toWebUnit } from "./units-DO_LcAfh.mjs";
+import { b as makeAppearanceProps, u as useAppearance } from "./appearance-DfOM_xZQ.mjs";
+import { _ as _sfc_main$2 } from "./EvIcon.vue_vue_type_style_index_0_lang-BcTzM7B4.mjs";
+import { _ as _sfc_main$1 } from "./EvImg.vue_vue_type_script_setup_true_lang-FZtaDvfu.mjs";
+import { u as useDefaults } from "./defaults-BaLKswI6.mjs";
+const Size = {
+  default: "medium",
+  xSmall: "x-small",
+  small: "small",
+  medium: "medium",
+  large: "large",
+  xLarge: "x-large"
+};
+const predefinedSizes = Array.from(new Set(Object.values(Size)));
+const makeSizeProps = propsFactory(
+  {
+    size: {
+      type: [String, Number],
+      default: Size.default
+    }
+  },
+  "size"
+);
+function useSize(props) {
+  return destructComputed(() => {
+    let sizeClasses;
+    let sizeStyles = {};
+    if (predefinedSizes.includes(props.size)) {
+      sizeClasses = `is-size-${props.size}`;
+    } else if (props.size) {
+      sizeStyles = {
+        width: toWebUnit(props.size),
+        height: toWebUnit(props.size)
+      };
+    }
+    return { sizeClasses, sizeStyles };
+  });
+}
+const makeRoundedProps = propsFactory(
+  {
+    rounded: {
+      type: [Boolean, Number, String],
+      default: void 0
+    }
+  },
+  "rounded"
+);
+function useRounded(props) {
+  const roundedClasses = computed(() => {
+    const rounded = isRef(props) ? props.value : props.rounded;
+    const classes = [];
+    if (rounded === true || rounded === "") {
+      classes.push("is-rounded");
+    } else if (typeof rounded === "string" || rounded === 0) {
+      for (const value of String(rounded).split(" ")) {
+        classes.push(`is-rounded-${value}`);
+      }
+    }
+    return classes;
+  });
+  return { roundedClasses };
+}
+const makeEvAvatarProps = propsFactory(
+  {
+    icon: IconProp,
+    image: String,
+    text: String,
+    bold: Boolean,
+    ...makeComponentProps(),
+    ...makeAppearanceProps(),
+    ...makeSizeProps(),
+    ...makeRoundedProps()
+  },
+  "EvAvatar"
+);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EvAvatar",
+  props: {
+    ...makeEvAvatarProps()
+  },
+  setup(__props) {
+    const definedProps = __props;
+    const props = useDefaults(definedProps);
+    const { appearanceClass, variantClass } = useAppearance(props);
+    const { sizeClasses, sizeStyles } = useSize(props);
+    const { roundedClasses } = useRounded(props);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([
+          "ev-avatar",
+          unref(appearanceClass),
+          unref(variantClass),
+          unref(sizeClasses),
+          unref(roundedClasses),
+          unref(props).class
+        ]),
+        style: normalizeStyle([unref(sizeStyles), unref(props).style])
+      }, [
+        unref(props).image ? (openBlock(), createBlock(unref(_sfc_main$1), {
+          key: "image",
+          alt: "",
+          cover: "",
+          src: unref(props).image
+        }, null, 8, ["src"])) : unref(props).icon ? (openBlock(), createBlock(unref(_sfc_main$2), {
+          key: 1,
+          glyph: unref(props).icon
+        }, null, 8, ["glyph"])) : renderSlot(_ctx.$slots, "default", { key: 2 }, () => [
+          createTextVNode(toDisplayString(unref(props).text), 1)
+        ])
+      ], 6);
+    };
+  }
+});
+export {
+  _sfc_main as _,
+  makeRoundedProps as a,
+  makeEvAvatarProps as m
+};
+//# sourceMappingURL=EvAvatar.vue_vue_type_script_setup_true_lang-wsrrEv1c.mjs.map

package/dist/esm/EvAvatar.vue_vue_type_script_setup_true_lang-wsrrEv1c.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvAvatar.vue_vue_type_script_setup_true_lang-wsrrEv1c.mjs","sources":["../../src/composables/size.ts","../../src/composables/rounded.ts","../../src/components/EvAvatar/EvAvatar.ts","../../src/components/EvAvatar/EvAvatar.vue"],"sourcesContent":["import { destructComputed, propsFactory, toWebUnit } from \"@/util\";\nimport { PropType } from \"vue\";\n\nexport const Size = {\n    default: \"medium\",\n    xSmall: \"x-small\",\n    small: \"small\",\n    medium: \"medium\",\n    large: \"large\",\n    xLarge: \"x-large\",\n} as const;\n\ntype SizeValue = (typeof Size)[keyof typeof Size];\n\nexport const predefinedSizes = Array.from(new Set(Object.values(Size)));\n\nexport type SizeProp = SizeValue | number;\n\nexport interface SizeProps {\n    size?: SizeProp;\n}\n\nexport const makeSizeProps = propsFactory(\n    {\n        size: {\n            type: [String, Number] as PropType<SizeProp>,\n            default: Size.default,\n        },\n    },\n    \"size\",\n);\n\nexport function useSize(props: SizeProps) {\n    return destructComputed(() => {\n        let sizeClasses: string;\n        let sizeStyles = {};\n\n        if (predefinedSizes.includes(props.size as SizeValue)) {\n            sizeClasses = `is-size-${props.size}`;\n        } else if (props.size) {\n            sizeStyles = {\n                width: toWebUnit(props.size),\n                height: toWebUnit(props.size),\n            };\n        }\n        return { sizeClasses, sizeStyles };\n    });\n}\n","import { computed, isRef, Ref } from \"vue\";\nimport { propsFactory } from \"@/util\";\n\ntype RoundedValue = boolean | string | number | null | undefined;\n\nexport interface RoundedProps {\n    rounded?: RoundedValue;\n    tile?: boolean;\n}\n\ntype RoundedData = {\n    roundedClasses: Ref<string[]>;\n};\n\nexport const makeRoundedProps = propsFactory(\n    {\n        rounded: {\n            type: [Boolean, Number, String],\n            default: undefined,\n        },\n    },\n    \"rounded\",\n);\n\nexport function useRounded(\n    props: RoundedProps | Ref<RoundedValue>,\n): RoundedData {\n    const roundedClasses = computed(() => {\n        const rounded = isRef(props) ? props.value : props.rounded;\n        const classes: string[] = [];\n\n        if (rounded === true || rounded === \"\") {\n            classes.push(\"is-rounded\");\n        } else if (typeof rounded === \"string\" || rounded === 0) {\n            for (const value of String(rounded).split(\" \")) {\n                classes.push(`is-rounded-${value}`);\n            }\n        }\n\n        return classes;\n    });\n\n    return { roundedClasses };\n}\n","import { makeAppearanceProps, propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { IconProp } from \"@/composables/icons\";\nimport { makeSizeProps } from \"@/composables/size\";\nimport { makeRoundedProps } from \"@/composables/rounded\";\n\nexport const makeEvAvatarProps = propsFactory(\n    {\n        icon: IconProp,\n        image: String,\n        text: String,\n        bold: Boolean,\n\n        ...makeComponentProps(),\n        ...makeAppearanceProps(),\n        ...makeSizeProps(),\n        ...makeRoundedProps(),\n    },\n    \"EvAvatar\",\n);\n","<script setup lang=\"ts\">\n/**\n * `<ev-avatar>`\n */\nimport \"./EvAvatar.scss\";\nimport { makeEvAvatarProps } from \"./EvAvatar\";\nimport { useAppearance } from \"@/util\";\nimport { EvIcon } from \"@/components/EvIcon\";\nimport { EvImg } from \"@/components/EvImg\";\nimport { useSize } from \"@/composables/size\";\nimport { useRounded } from \"@/composables/rounded\";\nimport { useDefaults } from \"@/composables\";\n\nconst definedProps = defineProps({\n    ...makeEvAvatarProps(),\n});\nconst props = useDefaults(definedProps);\nconst { appearanceClass, variantClass } = useAppearance(props);\nconst { sizeClasses, sizeStyles } = useSize(props);\nconst { roundedClasses } = useRounded(props);\n\ndefineSlots<{\n    default(): never;\n}>();\n\n// @todo: color styles\n</script>\n\n<template>\n    <div\n        :class=\"[\n            'ev-avatar',\n            appearanceClass,\n            variantClass,\n            sizeClasses,\n            roundedClasses,\n            props.class,\n        ]\"\n        :style=\"[sizeStyles, props.style]\">\n        <ev-img\n            v-if=\"props.image\"\n            key=\"image\"\n            alt=\"\"\n            cover\n            :src=\"props.image\" />\n        <ev-icon v-else-if=\"props.icon\" :glyph=\"props.icon\" />\n        <slot v-else name=\"default\">{{ props.text }}</slot>\n    </div>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;AAGO,MAAM,OAAO;AAAA,EAChB,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,QAAQ;AACZ;AAIa,MAAA,kBAAkB,MAAM,KAAK,IAAI,IAAI,OAAO,OAAO,IAAI,CAAC,CAAC;AAQ/D,MAAM,gBAAgB;AAAA,EACzB;AAAA,IACI,MAAM;AAAA,MACF,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS,KAAK;AAAA,IAAA;AAAA,EAEtB;AAAA,EACA;AACJ;AAEO,SAAS,QAAQ,OAAkB;AACtC,SAAO,iBAAiB,MAAM;AACtB,QAAA;AACJ,QAAI,aAAa,CAAC;AAElB,QAAI,gBAAgB,SAAS,MAAM,IAAiB,GAAG;AACrC,oBAAA,WAAW,MAAM,IAAI;AAAA,IAAA,WAC5B,MAAM,MAAM;AACN,mBAAA;AAAA,QACT,OAAO,UAAU,MAAM,IAAI;AAAA,QAC3B,QAAQ,UAAU,MAAM,IAAI;AAAA,MAChC;AAAA,IAAA;AAEG,WAAA,EAAE,aAAa,WAAW;AAAA,EAAA,CACpC;AACL;ACjCO,MAAM,mBAAmB;AAAA,EAC5B;AAAA,IACI,SAAS;AAAA,MACL,MAAM,CAAC,SAAS,QAAQ,MAAM;AAAA,MAC9B,SAAS;AAAA,IAAA;AAAA,EAEjB;AAAA,EACA;AACJ;AAEO,SAAS,WACZ,OACW;AACL,QAAA,iBAAiB,SAAS,MAAM;AAClC,UAAM,UAAU,MAAM,KAAK,IAAI,MAAM,QAAQ,MAAM;AACnD,UAAM,UAAoB,CAAC;AAEvB,QAAA,YAAY,QAAQ,YAAY,IAAI;AACpC,cAAQ,KAAK,YAAY;AAAA,IAClB,WAAA,OAAO,YAAY,YAAY,YAAY,GAAG;AACrD,iBAAW,SAAS,OAAO,OAAO,EAAE,MAAM,GAAG,GAAG;AACpC,gBAAA,KAAK,cAAc,KAAK,EAAE;AAAA,MAAA;AAAA,IACtC;AAGG,WAAA;AAAA,EAAA,CACV;AAED,SAAO,EAAE,eAAe;AAC5B;ACrCO,MAAM,oBAAoB;AAAA,EAC7B;AAAA,IACI,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,IAEN,GAAG,mBAAmB;AAAA,IACtB,GAAG,oBAAoB;AAAA,IACvB,GAAG,cAAc;AAAA,IACjB,GAAG,iBAAiB;AAAA,EACxB;AAAA,EACA;AACJ;;;;;;;;ACHM,UAAA,QAAQ,YAAY,YAAY;AACtC,UAAM,EAAE,iBAAiB,iBAAiB,cAAc,KAAK;AAC7D,UAAM,EAAE,aAAa,eAAe,QAAQ,KAAK;AACjD,UAAM,EAAE,eAAA,IAAmB,WAAW,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/EvBadge.mjs

@@ -1,5 +1,5 @@
-/*! Evance UI v1.0.28 | MIT License */
-import { _, m } from "./EvBadge.vue_vue_type_script_setup_true_lang-bJRmrA2L.mjs";
+/*! Evance UI v1.0.29 | MIT License */
+import { _, m } from "./EvBadge.vue_vue_type_script_setup_true_lang-BMcEBa4A.mjs";
 export {
   _ as EvBadge,
   m as makeEvBadgeProps

package/dist/esm/EvBadge.vue_vue_type_script_setup_true_lang-BMcEBa4A.mjs

@@ -0,0 +1,184 @@
+/*! Evance UI v1.0.29 | MIT License */
+import { computed, defineComponent, useSlots, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, renderSlot, createVNode, withCtx, withDirectives, createElementVNode, createCommentVNode, createBlock, Fragment, createTextVNode, toDisplayString, vShow } from "vue";
+import { I as IconProp } from "./icons-B4ua57M8.mjs";
+import { m as makeComponentProps } from "./component-BpYm1WT0.mjs";
+import { b as useRtl } from "./locale-CBRvRU5T.mjs";
+import { A as Anchor } from "./anchor-MNxppgXu.mjs";
+import { p as propsFactory } from "./props-CAutTSQJ.mjs";
+import { m as makeEvTransitionProps, E as EvTransition } from "./EvTransition-B50TllnV.mjs";
+import { b as makeAppearanceProps } from "./appearance-DfOM_xZQ.mjs";
+import { _ as _sfc_main$1 } from "./EvIcon.vue_vue_type_style_index_0_lang-BcTzM7B4.mjs";
+import { u as useModelProxy } from "./modelProxy-CNuDW0vB.mjs";
+import { u as useDefaults } from "./defaults-BaLKswI6.mjs";
+import { a as appearanceModifier } from "./modifiers-DQkZRYG0.mjs";
+const makePositionProps = propsFactory(
+  {
+    position: String
+  },
+  "position"
+);
+const oppositeMap = {
+  center: "center",
+  top: "bottom",
+  bottom: "top",
+  left: "right",
+  right: "left"
+};
+function usePosition(props, opposite = false, offset) {
+  const { isRtl } = useRtl();
+  const positionStyles = computed(() => {
+    if (!props.position) {
+      return {};
+    }
+    const anchor = Anchor.fromSelector(props.position, isRtl.value);
+    function getOffset(side) {
+      return offset ? offset(side) : 0;
+    }
+    const styles = {};
+    if (anchor.side !== "center" && anchor.side !== "auto") {
+      if (opposite) {
+        styles[oppositeMap[anchor.side]] = `calc(100% - ${getOffset(anchor.side)}px)`;
+      } else {
+        styles[anchor.side] = 0;
+      }
+    }
+    if (anchor.physicalAlignment !== "center") {
+      if (opposite) {
+        styles[oppositeMap[anchor.physicalAlignment]] = `calc(100% - ${getOffset(anchor.physicalAlignment)}px)`;
+      } else {
+        styles[anchor.physicalAlignment] = 0;
+      }
+    } else {
+      if (anchor.side === "center") {
+        styles.top = styles.left = "50%";
+      } else {
+        styles[{
+          top: "left",
+          bottom: "left",
+          left: "top",
+          right: "top"
+        }[anchor.side]] = "50%";
+      }
+      if (anchor.side !== "auto") {
+        styles.transform = {
+          top: "translateX(-50%)",
+          bottom: "translateX(-50%)",
+          left: "translateY(-50%)",
+          right: "translateY(-50%)",
+          center: "translate(-50%, -50%)"
+        }[anchor.side];
+      }
+    }
+    return styles;
+  });
+  return { positionStyles };
+}
+const makeEvBadgeProps = propsFactory(
+  {
+    icon: IconProp,
+    bordered: Boolean,
+    content: [Number, String],
+    dot: Boolean,
+    floating: Boolean,
+    max: [Number, String],
+    bold: Boolean,
+    inline: Boolean,
+    modelValue: {
+      type: Boolean,
+      default: true
+    },
+    offsetX: [Number, String],
+    offsetY: [Number, String],
+    pulsate: Boolean,
+    ...makeComponentProps(),
+    ...makePositionProps({
+      position: "top end"
+    }),
+    ...makeAppearanceProps(),
+    ...makeEvTransitionProps({
+      transition: "scale-rotate-transition"
+    })
+  },
+  "EvBadge"
+);
+const _hoisted_1 = ["aria-label"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EvBadge",
+  props: {
+    ...makeEvBadgeProps()
+  },
+  setup(__props) {
+    const definedProps = __props;
+    const props = useDefaults(definedProps);
+    const slots = useSlots();
+    const modelValue = useModelProxy(props, "modelValue");
+    const contentNumber = computed(() => {
+      return Number(props.content);
+    });
+    const content = computed(() => {
+      return !props.max || isNaN(contentNumber.value) ? props.content : contentNumber.value <= +props.max ? contentNumber.value : `${props.max}+`;
+    });
+    const { positionStyles } = usePosition(props, true, (side) => {
+      const base = props.floating ? props.dot ? 2 : 4 : props.dot ? 8 : 12;
+      return base + (["top", "bottom"].includes(side) ? +(props.offsetY ?? 0) : ["left", "right"].includes(side) ? +(props.offsetX ?? 0) : 0);
+    });
+    const isInline = computed(() => {
+      return props.inline ? true : !slots.default;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([
+          "ev-badge",
+          {
+            "is-inline": isInline.value,
+            "is-dot": unref(props).dot,
+            "is-bordered": unref(props).bordered,
+            "is-floating": unref(props).floating
+          },
+          unref(props).class
+        ]),
+        style: normalizeStyle(unref(props).style)
+      }, [
+        renderSlot(_ctx.$slots, "default"),
+        createVNode(unref(EvTransition), {
+          appear: "",
+          transition: unref(props).transition
+        }, {
+          default: withCtx(() => [
+            withDirectives(createElementVNode("div", {
+              class: normalizeClass([
+                "ev-badge--content",
+                unref(appearanceModifier)(unref(props).appearance),
+                {
+                  "is-variant-bold": unref(props).bold,
+                  "is-pulsate": unref(props).pulsate
+                }
+              ]),
+              style: normalizeStyle([isInline.value ? {} : unref(positionStyles)]),
+              "aria-atomic": "true",
+              "aria-label": contentNumber.value.toString(),
+              "aria-live": "polite",
+              role: "status"
+            }, [
+              !unref(props).dot && unref(slots).content ? renderSlot(_ctx.$slots, "content", { key: 0 }) : createCommentVNode("", true),
+              !unref(props).dot && unref(props).icon ? (openBlock(), createBlock(unref(_sfc_main$1), {
+                key: 1,
+                glyph: unref(props).icon
+              }, null, 8, ["glyph"])) : !unref(props).dot ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+                createTextVNode(toDisplayString(content.value), 1)
+              ], 64)) : createCommentVNode("", true)
+            ], 14, _hoisted_1), [
+              [vShow, unref(modelValue)]
+            ])
+          ]),
+          _: 3
+        }, 8, ["transition"])
+      ], 6);
+    };
+  }
+});
+export {
+  _sfc_main as _,
+  makeEvBadgeProps as m
+};
+//# sourceMappingURL=EvBadge.vue_vue_type_script_setup_true_lang-BMcEBa4A.mjs.map