@evercam/ui 0.0.24 → 0.0.26

package/dist/index.mjs

@@ -1,6 +1,6 @@
-import V from "vue";
-var w = /* @__PURE__ */ ((e) => (e.dot = "dot", e.xs = "xs", e.sm = "sm", e.md = "base", e.base = "base", e.lg = "lg", e.xl = "xl", e["2xl"] = "2xl", e["3xl"] = "3xl", e["4xl"] = "4xl", e["5xl"] = "5xl", e["6xl"] = "6xl", e["7xl"] = "7xl", e["8xl"] = "8xl", e["9xl"] = "9xl", e))(w || {}), L = /* @__PURE__ */ ((e) => (e.warning = "warning", e.error = "error", e.info = "info", e.success = "success", e.primary = "primary", e.brand = "brand", e.default = "default", e))(L || {});
-const Pe = V.extend({
+import W from "vue";
+var w = /* @__PURE__ */ ((e) => (e.dot = "dot", e.xs = "xs", e.sm = "sm", e.md = "base", e.base = "base", e.lg = "lg", e.xl = "xl", e["2xl"] = "2xl", e["3xl"] = "3xl", e["4xl"] = "4xl", e["5xl"] = "5xl", e["6xl"] = "6xl", e["7xl"] = "7xl", e["8xl"] = "8xl", e["9xl"] = "9xl", e))(w || {}), D = /* @__PURE__ */ ((e) => (e.warning = "warning", e.error = "error", e.info = "info", e.success = "success", e.primary = "primary", e.brand = "brand", e.default = "default", e))(D || {});
+const $e = W.extend({
   name: "EBadge",
   props: {
     text: {
@@ -9,7 +9,7 @@ const Pe = V.extend({
     },
     color: {
       type: String,
-      default: L.default
+      default: D.default
     },
     size: {
       type: String,
@@ -19,12 +19,12 @@ const Pe = V.extend({
   data() {
     return {
       colors: {
-        [L.error]: "e-bg-rose-500 e-text-white",
-        [L.info]: "e-bg-cyan-500 e-text-white",
-        [L.warning]: "e-bg-amber-500 e-text-white",
-        [L.primary]: "e-bg-sky-500 e-text-white",
-        [L.default]: "e-bg-slate-300 e-text-white",
-        [L.success]: "e-bg-lime-500 e-text-white"
+        [D.error]: "e-bg-rose-500 e-text-white",
+        [D.info]: "e-bg-cyan-500 e-text-white",
+        [D.warning]: "e-bg-amber-500 e-text-white",
+        [D.primary]: "e-bg-sky-500 e-text-white",
+        [D.default]: "e-bg-slate-300 e-text-white",
+        [D.success]: "e-bg-lime-500 e-text-white"
       },
       sizes: {
         [w.dot]: "e-w-2 e-h-2",
@@ -38,7 +38,7 @@ const Pe = V.extend({
   },
   computed: {
     badgeClasses() {
-      const e = this.colors[this.color] || this.colors[L.default], t = this.sizes[this.size] || this.sizes[w.md];
+      const e = this.colors[this.color] || this.colors[D.default], t = this.sizes[this.size] || this.sizes[w.md];
       return [
         "e-flex e-items-center e-justify-center e-rounded-full",
         e,
@@ -50,7 +50,7 @@ const Pe = V.extend({
     }
   }
 });
-function W(e, t, r, o, s, l, i, v) {
+function V(e, t, r, o, s, l, i, b) {
   var a = typeof e == "function" ? e.options : e;
   t && (a.render = t, a.staticRenderFns = r, a._compiled = !0), o && (a.functional = !0), l && (a._scopeId = "data-v-" + l);
   var n;
@@ -58,7 +58,7 @@ function W(e, t, r, o, s, l, i, v) {
     d = d || // cached call
     this.$vnode && this.$vnode.ssrContext || // stateful
     this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !d && typeof __VUE_SSR_CONTEXT__ != "undefined" && (d = __VUE_SSR_CONTEXT__), s && s.call(this, d), d && d._registeredComponents && d._registeredComponents.add(i);
-  }, a._ssrRegister = n) : s && (n = v ? function() {
+  }, a._ssrRegister = n) : s && (n = b ? function() {
     s.call(
       this,
       (a.functional ? this.parent : this).$root.$options.shadowRoot
@@ -82,8 +82,8 @@ function W(e, t, r, o, s, l, i, v) {
 var Oe = function() {
   var t = this, r = t._self._c;
   return r("span", { staticClass: "e-badge", class: t.badgeClasses }, [t.showText ? r("span", [t._v(t._s(t.text))]) : t._e()]);
-}, Ae = [], Fe = /* @__PURE__ */ W(
-  Pe,
+}, Ae = [], Fe = /* @__PURE__ */ V(
+  $e,
   Oe,
   Ae,
   !1,
@@ -92,7 +92,7 @@ var Oe = function() {
   null,
   null
 );
-const se = Fe.exports, ze = V.extend({
+const se = Fe.exports, ze = W.extend({
   name: "EAvatar",
   components: {
     Badge: se
@@ -108,7 +108,7 @@ const se = Fe.exports, ze = V.extend({
     },
     badgeColor: {
       type: String,
-      default: L.error
+      default: D.error
     },
     badgeText: {
       type: String,
@@ -151,7 +151,7 @@ var Te = function() {
   }), t.showBadge ? r("div", { staticClass: "e-avatar__badge e-absolute e-top-0 e-right-0" }, [t._t("badge", function() {
     return [r("Badge", { attrs: { text: t.badgeText, color: t.badgeColor, size: t.badgeSize } })];
   })], 2) : t._e()], 2);
-}, je = [], Me = /* @__PURE__ */ W(
+}, je = [], Le = /* @__PURE__ */ V(
   ze,
   Te,
   je,
@@ -161,8 +161,8 @@ var Te = function() {
   null,
   null
 );
-const Le = Me.exports;
-function De(e) {
+const De = Le.exports;
+function Me(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var oe = {}, le = {}, Z = {};
@@ -418,7 +418,7 @@ var fe = ee.exports;
       return i;
     },
     default: function() {
-      return v;
+      return b;
     }
   });
   const r = /* @__PURE__ */ o(fe);
@@ -434,7 +434,7 @@ var fe = ee.exports;
   function i(a) {
     return r.default.dim(a);
   }
-  const v = {
+  const b = {
     info(a, n) {
       l(r.default.bold(r.default.cyan("info")), ...Array.isArray(a) ? [
         a
@@ -476,9 +476,9 @@ var fe = ee.exports;
       default: l
     };
   }
-  function o({ version: l, from: i, to: v }) {
+  function o({ version: l, from: i, to: b }) {
     t.default.warn(`${i}-color-renamed`, [
-      `As of Tailwind CSS ${l}, \`${i}\` has been renamed to \`${v}\`.`,
+      `As of Tailwind CSS ${l}, \`${i}\` has been renamed to \`${b}\`.`,
       "Update your configuration file to silence this warning."
     ]);
   }
@@ -823,13 +823,13 @@ var pe = {};
   });
   function t(r, ...o) {
     for (let i of o) {
-      for (let v in i) {
+      for (let b in i) {
         var s;
-        !(r == null || (s = r.hasOwnProperty) === null || s === void 0) && s.call(r, v) || (r[v] = i[v]);
+        !(r == null || (s = r.hasOwnProperty) === null || s === void 0) && s.call(r, b) || (r[b] = i[b]);
       }
-      for (let v of Object.getOwnPropertySymbols(i)) {
+      for (let b of Object.getOwnPropertySymbols(i)) {
         var l;
-        !(r == null || (l = r.hasOwnProperty) === null || l === void 0) && l.call(r, v) || (r[v] = i[v]);
+        !(r == null || (l = r.hasOwnProperty) === null || l === void 0) && l.call(r, b) || (r[b] = i[b]);
       }
     }
     return r;
@@ -868,7 +868,7 @@ var ge = {}, G = {};
   }
   t(e, {
     flagEnabled: function() {
-      return v;
+      return b;
     },
     issueFlagNotices: function() {
       return n;
@@ -904,14 +904,14 @@ var ge = {}, G = {};
       "generalizedModifiers"
     ]
   };
-  function v(g, d) {
+  function b(g, d) {
     if (i.future.includes(d)) {
-      var S, h, $;
-      return g.future === "all" || (($ = (h = g == null || (S = g.future) === null || S === void 0 ? void 0 : S[d]) !== null && h !== void 0 ? h : l[d]) !== null && $ !== void 0 ? $ : !1);
+      var S, h, E;
+      return g.future === "all" || ((E = (h = g == null || (S = g.future) === null || S === void 0 ? void 0 : S[d]) !== null && h !== void 0 ? h : l[d]) !== null && E !== void 0 ? E : !1);
     }
     if (i.experimental.includes(d)) {
-      var P, z, T;
-      return g.experimental === "all" || ((T = (z = g == null || (P = g.experimental) === null || P === void 0 ? void 0 : P[d]) !== null && z !== void 0 ? z : l[d]) !== null && T !== void 0 ? T : !1);
+      var $, z, T;
+      return g.experimental === "all" || ((T = (z = g == null || ($ = g.experimental) === null || $ === void 0 ? void 0 : $[d]) !== null && z !== void 0 ? z : l[d]) !== null && T !== void 0 ? T : !1);
     }
     return !1;
   }
@@ -945,19 +945,19 @@ var ge = {}, G = {};
   function o(i) {
     if (typeof WeakMap != "function")
       return null;
-    var v = /* @__PURE__ */ new WeakMap(), a = /* @__PURE__ */ new WeakMap();
+    var b = /* @__PURE__ */ new WeakMap(), a = /* @__PURE__ */ new WeakMap();
     return (o = function(n) {
-      return n ? a : v;
+      return n ? a : b;
     })(i);
   }
-  function s(i, v) {
-    if (!v && i && i.__esModule)
+  function s(i, b) {
+    if (!b && i && i.__esModule)
       return i;
     if (i === null || typeof i != "object" && typeof i != "function")
       return {
         default: i
       };
-    var a = o(v);
+    var a = o(b);
     if (a && a.has(i))
       return a.get(i);
     var n = {}, p = Object.defineProperty && Object.getOwnPropertyDescriptor;
@@ -1043,13 +1043,13 @@ var ge = {}, G = {};
       })(),
       extract: (() => {
         let n = (() => {
-          var d, S, h, $, P, z, T, A, j, M;
-          return !((d = i.purge) === null || d === void 0) && d.extract ? i.purge.extract : !((S = i.content) === null || S === void 0) && S.extract ? i.content.extract : !((h = i.purge) === null || h === void 0 || ($ = h.extract) === null || $ === void 0) && $.DEFAULT ? i.purge.extract.DEFAULT : !((P = i.content) === null || P === void 0 || (z = P.extract) === null || z === void 0) && z.DEFAULT ? i.content.extract.DEFAULT : !((T = i.purge) === null || T === void 0 || (A = T.options) === null || A === void 0) && A.extractors ? i.purge.options.extractors : !((j = i.content) === null || j === void 0 || (M = j.options) === null || M === void 0) && M.extractors ? i.content.options.extractors : {};
+          var d, S, h, E, $, z, T, A, j, L;
+          return !((d = i.purge) === null || d === void 0) && d.extract ? i.purge.extract : !((S = i.content) === null || S === void 0) && S.extract ? i.content.extract : !((h = i.purge) === null || h === void 0 || (E = h.extract) === null || E === void 0) && E.DEFAULT ? i.purge.extract.DEFAULT : !(($ = i.content) === null || $ === void 0 || (z = $.extract) === null || z === void 0) && z.DEFAULT ? i.content.extract.DEFAULT : !((T = i.purge) === null || T === void 0 || (A = T.options) === null || A === void 0) && A.extractors ? i.purge.options.extractors : !((j = i.content) === null || j === void 0 || (L = j.options) === null || L === void 0) && L.extractors ? i.content.options.extractors : {};
         })(), p = {}, g = (() => {
-          var d, S, h, $;
+          var d, S, h, E;
           if (!((d = i.purge) === null || d === void 0 || (S = d.options) === null || S === void 0) && S.defaultExtractor)
             return i.purge.options.defaultExtractor;
-          if (!((h = i.content) === null || h === void 0 || ($ = h.options) === null || $ === void 0) && $.defaultExtractor)
+          if (!((h = i.content) === null || h === void 0 || (E = h.options) === null || E === void 0) && E.defaultExtractor)
             return i.content.options.defaultExtractor;
         })();
         if (g !== void 0 && (p.DEFAULT = g), typeof n == "function")
@@ -1064,8 +1064,8 @@ var ge = {}, G = {};
       })(),
       transform: (() => {
         let n = (() => {
-          var g, d, S, h, $, P;
-          return !((g = i.purge) === null || g === void 0) && g.transform ? i.purge.transform : !((d = i.content) === null || d === void 0) && d.transform ? i.content.transform : !((S = i.purge) === null || S === void 0 || (h = S.transform) === null || h === void 0) && h.DEFAULT ? i.purge.transform.DEFAULT : !(($ = i.content) === null || $ === void 0 || (P = $.transform) === null || P === void 0) && P.DEFAULT ? i.content.transform.DEFAULT : {};
+          var g, d, S, h, E, $;
+          return !((g = i.purge) === null || g === void 0) && g.transform ? i.purge.transform : !((d = i.content) === null || d === void 0) && d.transform ? i.content.transform : !((S = i.purge) === null || S === void 0 || (h = S.transform) === null || h === void 0) && h.DEFAULT ? i.purge.transform.DEFAULT : !((E = i.content) === null || E === void 0 || ($ = E.transform) === null || $ === void 0) && $.DEFAULT ? i.content.transform.DEFAULT : {};
         })(), p = {};
         return typeof n == "function" && (p.DEFAULT = n), typeof n == "object" && n !== null && Object.assign(p, n), p;
       })()
@@ -1115,7 +1115,7 @@ var ye = {};
     ])) : r;
   }
 })(ye);
-var ve = {}, be = {};
+var be = {}, ve = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -1128,7 +1128,7 @@ var ve = {}, be = {};
   function t(r) {
     return r.replace(/\\,/g, "\\2c ");
   }
-})(be);
+})(ve);
 var te = {}, re = {}, xe = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
@@ -1886,11 +1886,11 @@ var te = {}, re = {}, xe = {};
   Object.defineProperty(e, "__esModule", {
     value: !0
   });
-  function t(h, $) {
-    for (var P in $)
-      Object.defineProperty(h, P, {
+  function t(h, E) {
+    for (var $ in E)
+      Object.defineProperty(h, $, {
         enumerable: !0,
-        get: $[P]
+        get: E[$]
       });
   }
   t(e, {
@@ -1907,9 +1907,9 @@ var te = {}, re = {}, xe = {};
       default: h
     };
   }
-  let s = /^#([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})?$/i, l = /^#([a-f\d])([a-f\d])([a-f\d])([a-f\d])?$/i, i = /(?:\d+|\d*\.\d+)%?/, v = /(?:\s*,\s*|\s+)/, a = /\s*[,/]\s*/, n = /var\(--(?:[^ )]*?)\)/, p = new RegExp(`^(rgba?)\\(\\s*(${i.source}|${n.source})(?:${v.source}(${i.source}|${n.source}))?(?:${v.source}(${i.source}|${n.source}))?(?:${a.source}(${i.source}|${n.source}))?\\s*\\)$`), g = new RegExp(`^(hsla?)\\(\\s*((?:${i.source})(?:deg|rad|grad|turn)?|${n.source})(?:${v.source}(${i.source}|${n.source}))?(?:${v.source}(${i.source}|${n.source}))?(?:${a.source}(${i.source}|${n.source}))?\\s*\\)$`);
-  function d(h, { loose: $ = !1 } = {}) {
-    var P, z;
+  let s = /^#([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})?$/i, l = /^#([a-f\d])([a-f\d])([a-f\d])([a-f\d])?$/i, i = /(?:\d+|\d*\.\d+)%?/, b = /(?:\s*,\s*|\s+)/, a = /\s*[,/]\s*/, n = /var\(--(?:[^ )]*?)\)/, p = new RegExp(`^(rgba?)\\(\\s*(${i.source}|${n.source})(?:${b.source}(${i.source}|${n.source}))?(?:${b.source}(${i.source}|${n.source}))?(?:${a.source}(${i.source}|${n.source}))?\\s*\\)$`), g = new RegExp(`^(hsla?)\\(\\s*((?:${i.source})(?:deg|rad|grad|turn)?|${n.source})(?:${b.source}(${i.source}|${n.source}))?(?:${b.source}(${i.source}|${n.source}))?(?:${a.source}(${i.source}|${n.source}))?\\s*\\)$`);
+  function d(h, { loose: E = !1 } = {}) {
+    var $, z;
     if (typeof h != "string")
       return null;
     if (h = h.trim(), h === "transparent")
@@ -1951,26 +1951,26 @@ var te = {}, re = {}, xe = {};
     let j = (A = h.match(p)) !== null && A !== void 0 ? A : h.match(g);
     if (j === null)
       return null;
-    let M = [
+    let L = [
       j[2],
       j[3],
       j[4]
     ].filter(Boolean).map((R) => R.toString());
-    return M.length === 2 && M[0].startsWith("var(") ? {
+    return L.length === 2 && L[0].startsWith("var(") ? {
       mode: j[1],
       color: [
-        M[0]
+        L[0]
       ],
-      alpha: M[1]
-    } : !$ && M.length !== 3 || M.length < 3 && !M.some((R) => /^var\(.*?\)$/.test(R)) ? null : {
+      alpha: L[1]
+    } : !E && L.length !== 3 || L.length < 3 && !L.some((R) => /^var\(.*?\)$/.test(R)) ? null : {
       mode: j[1],
-      color: M,
-      alpha: (P = j[5]) === null || P === void 0 || (z = P.toString) === null || z === void 0 ? void 0 : z.call(P)
+      color: L,
+      alpha: ($ = j[5]) === null || $ === void 0 || (z = $.toString) === null || z === void 0 ? void 0 : z.call($)
     };
   }
-  function S({ mode: h, color: $, alpha: P }) {
-    let z = P !== void 0;
-    return h === "rgba" || h === "hsla" ? `${h}(${$.join(", ")}${z ? `, ${P}` : ""})` : `${h}(${$.join(" ")}${z ? ` / ${P}` : ""})`;
+  function S({ mode: h, color: E, alpha: $ }) {
+    let z = $ !== void 0;
+    return h === "rgba" || h === "hsla" ? `${h}(${E.join(", ")}${z ? `, ${$}` : ""})` : `${h}(${E.join(" ")}${z ? ` / ${$}` : ""})`;
   }
 })(re);
 (function(e) {
@@ -1978,10 +1978,10 @@ var te = {}, re = {}, xe = {};
     value: !0
   });
   function t(l, i) {
-    for (var v in i)
-      Object.defineProperty(l, v, {
+    for (var b in i)
+      Object.defineProperty(l, b, {
         enumerable: !0,
-        get: i[v]
+        get: i[b]
       });
   }
   t(e, {
@@ -1993,7 +1993,7 @@ var te = {}, re = {}, xe = {};
     }
   });
   const r = re;
-  function o(l, i, v) {
+  function o(l, i, b) {
     if (typeof l == "function")
       return l({
         opacityValue: i
@@ -2001,21 +2001,21 @@ var te = {}, re = {}, xe = {};
     let a = (0, r.parseColor)(l, {
       loose: !0
     });
-    return a === null ? v : (0, r.formatColor)({
+    return a === null ? b : (0, r.formatColor)({
       ...a,
       alpha: i
     });
   }
-  function s({ color: l, property: i, variable: v }) {
+  function s({ color: l, property: i, variable: b }) {
     let a = [].concat(i);
     if (typeof l == "function")
       return {
-        [v]: "1",
+        [b]: "1",
         ...Object.fromEntries(a.map((p) => [
           p,
           l({
-            opacityVariable: v,
-            opacityValue: `var(${v})`
+            opacityVariable: b,
+            opacityValue: `var(${b})`
           })
         ]))
       };
@@ -2027,12 +2027,12 @@ var te = {}, re = {}, xe = {};
       p,
       l
     ])) : {
-      [v]: "1",
+      [b]: "1",
       ...Object.fromEntries(a.map((p) => [
         p,
         (0, r.formatColor)({
           ...n,
-          alpha: `var(${v})`
+          alpha: `var(${b})`
         })
       ]))
     };
@@ -2049,10 +2049,10 @@ var ne = {}, _e = {}, X = {};
     }
   });
   function t(r, o) {
-    let s = [], l = [], i = 0, v = !1;
+    let s = [], l = [], i = 0, b = !1;
     for (let a = 0; a < r.length; a++) {
       let n = r[a];
-      s.length === 0 && n === o[0] && !v && (o.length === 1 || r.slice(a, a + o.length) === o) && (l.push(r.slice(i, a)), i = a + o.length), v ? v = !1 : n === "\\" && (v = !0), n === "(" || n === "[" || n === "{" ? s.push(n) : (n === ")" && s[s.length - 1] === "(" || n === "]" && s[s.length - 1] === "[" || n === "}" && s[s.length - 1] === "{") && s.pop();
+      s.length === 0 && n === o[0] && !b && (o.length === 1 || r.slice(a, a + o.length) === o) && (l.push(r.slice(i, a)), i = a + o.length), b ? b = !1 : n === "\\" && (b = !0), n === "(" || n === "[" || n === "{" ? s.push(n) : (n === ")" && s[s.length - 1] === "(" || n === "]" && s[s.length - 1] === "[" || n === "}" && s[s.length - 1] === "{") && s.pop();
     }
     return l.push(r.slice(i)), l;
   }
@@ -2073,7 +2073,7 @@ var ne = {}, _e = {}, X = {};
       return i;
     },
     formatBoxShadowValue: function() {
-      return v;
+      return b;
     }
   });
   const r = X;
@@ -2089,12 +2089,12 @@ var ne = {}, _e = {}, X = {};
       let g = p.trim(), d = {
         raw: g
       }, S = g.split(s), h = /* @__PURE__ */ new Set();
-      for (let $ of S)
-        l.lastIndex = 0, !h.has("KEYWORD") && o.has($) ? (d.keyword = $, h.add("KEYWORD")) : l.test($) ? h.has("X") ? h.has("Y") ? h.has("BLUR") ? h.has("SPREAD") || (d.spread = $, h.add("SPREAD")) : (d.blur = $, h.add("BLUR")) : (d.y = $, h.add("Y")) : (d.x = $, h.add("X")) : d.color ? (d.unknown || (d.unknown = []), d.unknown.push($)) : d.color = $;
+      for (let E of S)
+        l.lastIndex = 0, !h.has("KEYWORD") && o.has(E) ? (d.keyword = E, h.add("KEYWORD")) : l.test(E) ? h.has("X") ? h.has("Y") ? h.has("BLUR") ? h.has("SPREAD") || (d.spread = E, h.add("SPREAD")) : (d.blur = E, h.add("BLUR")) : (d.y = E, h.add("Y")) : (d.x = E, h.add("X")) : d.color ? (d.unknown || (d.unknown = []), d.unknown.push(E)) : d.color = E;
       return d.valid = d.x !== void 0 && d.y !== void 0, d;
     });
   }
-  function v(a) {
+  function b(a) {
     return a.map((n) => n.valid ? [
       n.keyword,
       n.x,
@@ -2130,7 +2130,7 @@ var ne = {}, _e = {}, X = {};
       return S;
     },
     length: function() {
-      return P;
+      return $;
     },
     lineWidth: function() {
       return T;
@@ -2142,7 +2142,7 @@ var ne = {}, _e = {}, X = {};
       return j;
     },
     image: function() {
-      return M;
+      return L;
     },
     gradient: function() {
       return B;
@@ -2157,7 +2157,7 @@ var ne = {}, _e = {}, X = {};
       return c;
     },
     absoluteSize: function() {
-      return b;
+      return v;
     },
     relativeSize: function() {
       return C;
@@ -2173,14 +2173,14 @@ var ne = {}, _e = {}, X = {};
   function i(u) {
     return l.some((x) => new RegExp(`^${x}\\(.*\\)`).test(u));
   }
-  const v = "--tw-placeholder", a = new RegExp(v, "g");
+  const b = "--tw-placeholder", a = new RegExp(b, "g");
   function n(u, x = !0) {
-    return u.startsWith("--") ? `var(${u})` : u.includes("url(") ? u.split(/(url\(.*?\))/g).filter(Boolean).map((O) => /^url\(.*?\)$/.test(O) ? O : n(O, !1)).join("") : (u = u.replace(/([^\\])_+/g, (O, E) => E + " ".repeat(O.length - 1)).replace(/^_/g, " ").replace(/\\_/g, "_"), x && (u = u.trim()), u = p(u), u);
+    return u.startsWith("--") ? `var(${u})` : u.includes("url(") ? u.split(/(url\(.*?\))/g).filter(Boolean).map((O) => /^url\(.*?\)$/.test(O) ? O : n(O, !1)).join("") : (u = u.replace(/([^\\])_+/g, (O, P) => P + " ".repeat(O.length - 1)).replace(/^_/g, " ").replace(/\\_/g, "_"), x && (u = u.trim()), u = p(u), u);
   }
   function p(u) {
     return u.replace(/(calc|min|max|clamp)\(.+\)/g, (x) => {
       let O = [];
-      return x.replace(/var\((--.+?)[,)]/g, (E, I) => (O.push(I), E.replace(I, v))).replace(/(-?\d*\.?\d(?!\b-\d.+[,)](?![^+\-/*])\D)(?:%|[a-z]+)?|\))([+\-/*])/g, "$1 $2 ").replace(a, () => O.shift());
+      return x.replace(/var\((--.+?)[,)]/g, (P, I) => (O.push(I), P.replace(I, b))).replace(/(-?\d*\.?\d(?!\b-\d.+[,)](?![^+\-/*])\D)(?:%|[a-z]+)?|\))([+\-/*])/g, "$1 $2 ").replace(a, () => O.shift());
     });
   }
   function g(u) {
@@ -2192,7 +2192,7 @@ var ne = {}, _e = {}, X = {};
   function S(u) {
     return u.endsWith("%") && d(u.slice(0, -1)) || i(u);
   }
-  let $ = `(?:${[
+  let E = `(?:${[
     "cm",
     "mm",
     "Q",
@@ -2225,8 +2225,8 @@ var ne = {}, _e = {}, X = {};
     "cqmin",
     "cqmax"
   ].join("|")})`;
-  function P(u) {
-    return u === "0" || new RegExp(`^[+-]?[0-9]*.?[0-9]+(?:[eE][+-]?[0-9]+)?${$}$`).test(u) || i(u);
+  function $(u) {
+    return u === "0" || new RegExp(`^[+-]?[0-9]*.?[0-9]+(?:[eE][+-]?[0-9]+)?${E}$`).test(u) || i(u);
   }
   let z = /* @__PURE__ */ new Set([
     "thin",
@@ -2245,18 +2245,18 @@ var ne = {}, _e = {}, X = {};
   }
   function j(u) {
     let x = 0;
-    return (0, s.splitAtTopLevelOnly)(u, "_").every((E) => (E = n(E), E.startsWith("var(") ? !0 : (0, r.parseColor)(E, {
+    return (0, s.splitAtTopLevelOnly)(u, "_").every((P) => (P = n(P), P.startsWith("var(") ? !0 : (0, r.parseColor)(P, {
       loose: !0
     }) !== null ? (x++, !0) : !1)) ? x > 0 : !1;
   }
-  function M(u) {
+  function L(u) {
     let x = 0;
-    return (0, s.splitAtTopLevelOnly)(u, ",").every((E) => (E = n(E), E.startsWith("var(") ? !0 : g(E) || B(E) || [
+    return (0, s.splitAtTopLevelOnly)(u, ",").every((P) => (P = n(P), P.startsWith("var(") ? !0 : g(P) || B(P) || [
       "element(",
       "image(",
       "cross-fade(",
       "image-set("
-    ].some((I) => E.startsWith(I)) ? (x++, !0) : !1)) ? x > 0 : !1;
+    ].some((I) => P.startsWith(I)) ? (x++, !0) : !1)) ? x > 0 : !1;
   }
   let R = /* @__PURE__ */ new Set([
     "conic-gradient",
@@ -2282,11 +2282,11 @@ var ne = {}, _e = {}, X = {};
   ]);
   function m(u) {
     let x = 0;
-    return (0, s.splitAtTopLevelOnly)(u, "_").every((E) => (E = n(E), E.startsWith("var(") ? !0 : N.has(E) || P(E) || S(E) ? (x++, !0) : !1)) ? x > 0 : !1;
+    return (0, s.splitAtTopLevelOnly)(u, "_").every((P) => (P = n(P), P.startsWith("var(") ? !0 : N.has(P) || $(P) || S(P) ? (x++, !0) : !1)) ? x > 0 : !1;
   }
   function k(u) {
     let x = 0;
-    return (0, s.splitAtTopLevelOnly)(u, ",").every((E) => (E = n(E), E.startsWith("var(") ? !0 : E.includes(" ") && !/(['"])([^"']+)\1/g.test(E) || /^\d/g.test(E) ? !1 : (x++, !0))) ? x > 0 : !1;
+    return (0, s.splitAtTopLevelOnly)(u, ",").every((P) => (P = n(P), P.startsWith("var(") ? !0 : P.includes(" ") && !/(['"])([^"']+)\1/g.test(P) || /^\d/g.test(P) ? !1 : (x++, !0))) ? x > 0 : !1;
   }
   let _ = /* @__PURE__ */ new Set([
     "serif",
@@ -2316,7 +2316,7 @@ var ne = {}, _e = {}, X = {};
     "x-large",
     "xxx-large"
   ]);
-  function b(u) {
+  function v(u) {
     return y.has(u);
   }
   let f = /* @__PURE__ */ new Set([
@@ -2344,8 +2344,8 @@ var we = {};
       "contain"
     ];
     return (0, r.splitAtTopLevelOnly)(s, ",").every((i) => {
-      let v = (0, r.splitAtTopLevelOnly)(i, "_").filter(Boolean);
-      return v.length === 1 && l.includes(v[0]) ? !0 : v.length !== 1 && v.length !== 2 ? !1 : v.every((a) => (0, t.length)(a) || (0, t.percentage)(a) || a === "auto");
+      let b = (0, r.splitAtTopLevelOnly)(i, "_").filter(Boolean);
+      return b.length === 1 && l.includes(b[0]) ? !0 : b.length !== 1 && b.length !== 2 ? !1 : b.every((a) => (0, t.length)(a) || (0, t.percentage)(a) || a === "auto");
     });
   }
 })(we);
@@ -2368,7 +2368,7 @@ var we = {};
       return d;
     },
     parseColorFormat: function() {
-      return $;
+      return E;
     },
     asColor: function() {
       return z;
@@ -2386,7 +2386,7 @@ var we = {};
       return N;
     }
   });
-  const r = /* @__PURE__ */ a(be), o = te, s = ne, l = /* @__PURE__ */ a(Z), i = we, v = G;
+  const r = /* @__PURE__ */ a(ve), o = te, s = ne, l = /* @__PURE__ */ a(Z), i = we, b = G;
   function a(m) {
     return m && m.__esModule ? m : {
       default: m
@@ -2434,27 +2434,27 @@ var we = {};
       m.slice(k + 1)
     ];
   }
-  function $(m) {
+  function E(m) {
     if (typeof m == "string" && m.includes("<alpha-value>")) {
       let k = m;
       return ({ opacityValue: _ = 1 }) => k.replace("<alpha-value>", _);
     }
     return m;
   }
-  function P(m) {
+  function $(m) {
     return (0, s.normalize)(m.slice(1, -1));
   }
   function z(m, k = {}, { tailwindConfig: _ = {} } = {}) {
     var c;
     if (((c = k.values) === null || c === void 0 ? void 0 : c[m]) !== void 0) {
       var y;
-      return $((y = k.values) === null || y === void 0 ? void 0 : y[m]);
+      return E((y = k.values) === null || y === void 0 ? void 0 : y[m]);
     }
-    let [b, f] = h(m);
+    let [v, f] = h(m);
     if (f !== void 0) {
       var C, u, x, O;
-      let E = (O = (C = k.values) === null || C === void 0 ? void 0 : C[b]) !== null && O !== void 0 ? O : S(b) ? b.slice(1, -1) : void 0;
-      return E === void 0 ? void 0 : (E = $(E), S(f) ? (0, o.withAlphaValue)(E, P(f)) : ((u = _.theme) === null || u === void 0 || (x = u.opacity) === null || x === void 0 ? void 0 : x[f]) === void 0 ? void 0 : (0, o.withAlphaValue)(E, _.theme.opacity[f]));
+      let P = (O = (C = k.values) === null || C === void 0 ? void 0 : C[v]) !== null && O !== void 0 ? O : S(v) ? v.slice(1, -1) : void 0;
+      return P === void 0 ? void 0 : (P = E(P), S(f) ? (0, o.withAlphaValue)(P, $(f)) : ((u = _.theme) === null || u === void 0 || (x = u.opacity) === null || x === void 0 ? void 0 : x[f]) === void 0 ? void 0 : (0, o.withAlphaValue)(P, _.theme.opacity[f]));
     }
     return d(m, k, {
       validate: s.color
@@ -2486,7 +2486,7 @@ var we = {};
     "relative-size": A(s.relativeSize),
     shadow: A(s.shadow),
     size: A(i.backgroundSize)
-  }, M = Object.keys(j);
+  }, L = Object.keys(j);
   function R(m, k) {
     let _ = m.indexOf(k);
     return _ === -1 ? [
@@ -2499,24 +2499,24 @@ var we = {};
   }
   function B(m, k, _, c) {
     if (_.values && k in _.values)
-      for (let { type: b } of m != null ? m : []) {
-        let f = j[b](k, _, {
+      for (let { type: v } of m != null ? m : []) {
+        let f = j[v](k, _, {
           tailwindConfig: c
         });
         if (f !== void 0)
           return [
             f,
-            b,
+            v,
             null
           ];
       }
     if (S(k)) {
-      let b = k.slice(1, -1), [f, C] = R(b, ":");
+      let v = k.slice(1, -1), [f, C] = R(v, ":");
       if (!/^[\w-_]+$/g.test(f))
-        C = b;
-      else if (f !== void 0 && !M.includes(f))
+        C = v;
+      else if (f !== void 0 && !L.includes(f))
         return [];
-      if (C.length > 0 && M.includes(f))
+      if (C.length > 0 && L.includes(f))
         return [
           d(`[${C}]`, _),
           f,
@@ -2524,29 +2524,29 @@ var we = {};
         ];
     }
     let y = N(m, k, _, c);
-    for (let b of y)
-      return b;
+    for (let v of y)
+      return v;
     return [];
   }
   function* N(m, k, _, c) {
-    let y = (0, v.flagEnabled)(c, "generalizedModifiers"), [b, f] = h(k);
-    if (y && _.modifiers != null && (_.modifiers === "any" || typeof _.modifiers == "object" && (f && S(f) || f in _.modifiers)) || (b = k, f = void 0), f !== void 0 && b === "" && (b = "DEFAULT"), f !== void 0 && typeof _.modifiers == "object") {
+    let y = (0, b.flagEnabled)(c, "generalizedModifiers"), [v, f] = h(k);
+    if (y && _.modifiers != null && (_.modifiers === "any" || typeof _.modifiers == "object" && (f && S(f) || f in _.modifiers)) || (v = k, f = void 0), f !== void 0 && v === "" && (v = "DEFAULT"), f !== void 0 && typeof _.modifiers == "object") {
       var u, x;
       let O = (x = (u = _.modifiers) === null || u === void 0 ? void 0 : u[f]) !== null && x !== void 0 ? x : null;
-      O !== null ? f = O : S(f) && (f = P(f));
+      O !== null ? f = O : S(f) && (f = $(f));
     }
     for (let { type: O } of m != null ? m : []) {
-      let E = j[O](b, _, {
+      let P = j[O](v, _, {
         tailwindConfig: c
       });
-      E !== void 0 && (yield [
-        E,
+      P !== void 0 && (yield [
+        P,
         O,
         f != null ? f : null
       ]);
     }
   }
-})(ve);
+})(be);
 var Se = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
@@ -2570,7 +2570,7 @@ var Se = {};
       return _;
     }
   });
-  const t = /* @__PURE__ */ S(Z), r = /* @__PURE__ */ S(ue), o = /* @__PURE__ */ S(ce), s = /* @__PURE__ */ S(Q), l = pe, i = me, v = ge, a = /* @__PURE__ */ S(he), n = ye, p = ve, g = te, d = /* @__PURE__ */ S(Se);
+  const t = /* @__PURE__ */ S(Z), r = /* @__PURE__ */ S(ue), o = /* @__PURE__ */ S(ce), s = /* @__PURE__ */ S(Q), l = pe, i = me, b = ge, a = /* @__PURE__ */ S(he), n = ye, p = be, g = te, d = /* @__PURE__ */ S(Se);
   function S(c) {
     return c && c.__esModule ? c : {
       default: c
@@ -2579,27 +2579,27 @@ var Se = {};
   function h(c) {
     return typeof c == "function";
   }
-  function $(c, ...y) {
-    let b = y.pop();
+  function E(c, ...y) {
+    let v = y.pop();
     for (let f of y)
       for (let C in f) {
-        let u = b(c[C], f[C]);
-        u === void 0 ? (0, a.default)(c[C]) && (0, a.default)(f[C]) ? c[C] = $({}, c[C], f[C], b) : c[C] = f[C] : c[C] = u;
+        let u = v(c[C], f[C]);
+        u === void 0 ? (0, a.default)(c[C]) && (0, a.default)(f[C]) ? c[C] = E({}, c[C], f[C], v) : c[C] = f[C] : c[C] = u;
       }
     return c;
   }
-  const P = {
+  const $ = {
     colors: s.default,
     negative(c) {
-      return Object.keys(c).filter((y) => c[y] !== "0").reduce((y, b) => {
-        let f = (0, t.default)(c[b]);
-        return f !== void 0 && (y[`-${b}`] = f), y;
+      return Object.keys(c).filter((y) => c[y] !== "0").reduce((y, v) => {
+        let f = (0, t.default)(c[v]);
+        return f !== void 0 && (y[`-${v}`] = f), y;
       }, {});
     },
     breakpoints(c) {
-      return Object.keys(c).filter((y) => typeof c[y] == "string").reduce((y, b) => ({
+      return Object.keys(c).filter((y) => typeof c[y] == "string").reduce((y, v) => ({
         ...y,
-        [`screen-${b}`]: c[b]
+        [`screen-${v}`]: c[v]
       }), {});
     }
   };
@@ -2607,7 +2607,7 @@ var Se = {};
     return h(c) ? c(...y) : c;
   }
   function T(c) {
-    return c.reduce((y, { extend: b }) => $(y, b, (f, C) => f === void 0 ? [
+    return c.reduce((y, { extend: v }) => E(y, v, (f, C) => f === void 0 ? [
       C
     ] : Array.isArray(f) ? [
       C,
@@ -2619,7 +2619,7 @@ var Se = {};
   }
   function A(c) {
     return {
-      ...c.reduce((y, b) => (0, l.defaults)(y, b), {}),
+      ...c.reduce((y, v) => (0, l.defaults)(y, v), {}),
       // In order to resolve n config objects, we combine all of their `extend` properties
       // into arrays instead of objects so they aren't overridden.
       extend: T(c)
@@ -2636,9 +2636,9 @@ var Se = {};
     if (Array.isArray(y))
       return y;
   }
-  function M({ extend: c, ...y }) {
-    return $(y, c, (b, f) => !h(b) && !f.some(h) ? $({}, b, ...f, j) : (C, u) => $({}, ...[
-      b,
+  function L({ extend: c, ...y }) {
+    return E(y, c, (v, f) => !h(v) && !f.some(h) ? E({}, v, ...f, j) : (C, u) => E({}, ...[
+      v,
       ...f
     ].map((x) => z(x, C, u)), j));
   }
@@ -2646,18 +2646,18 @@ var Se = {};
     let y = (0, i.toPath)(c);
     if (y.length === 0 || (yield y, Array.isArray(c)))
       return;
-    let b = /^(.*?)\s*\/\s*([^/]+)$/, f = c.match(b);
+    let v = /^(.*?)\s*\/\s*([^/]+)$/, f = c.match(v);
     if (f !== null) {
       let [, C, u] = f, x = (0, i.toPath)(C);
       x.alpha = u, yield x;
     }
   }
   function B(c) {
-    const y = (b, f) => {
-      for (const C of R(b)) {
+    const y = (v, f) => {
+      for (const C of R(v)) {
         let u = 0, x = c;
         for (; x != null && u < C.length; )
-          x = x[C[u++]], x = h(x) && (C.alpha === void 0 || u <= C.length - 1) ? x(y, P) : x;
+          x = x[C[u++]], x = h(x) && (C.alpha === void 0 || u <= C.length - 1) ? x(y, $) : x;
         if (x !== void 0) {
           if (C.alpha !== void 0) {
             let O = (0, p.parseColorFormat)(x);
@@ -2670,18 +2670,18 @@ var Se = {};
     };
     return Object.assign(y, {
       theme: y,
-      ...P
-    }), Object.keys(c).reduce((b, f) => (b[f] = h(c[f]) ? c[f](y, P) : c[f], b), {});
+      ...$
+    }), Object.keys(c).reduce((v, f) => (v[f] = h(c[f]) ? c[f](y, $) : c[f], v), {});
   }
   function N(c) {
     let y = [];
-    return c.forEach((b) => {
+    return c.forEach((v) => {
       y = [
         ...y,
-        b
+        v
       ];
       var f;
-      const C = (f = b == null ? void 0 : b.plugins) !== null && f !== void 0 ? f : [];
+      const C = (f = v == null ? void 0 : v.plugins) !== null && f !== void 0 ? f : [];
       C.length !== 0 && C.forEach((u) => {
         u.__isOptionsFunction && (u = u());
         var x;
@@ -2697,15 +2697,15 @@ var Se = {};
   function m(c) {
     return [
       ...c
-    ].reduceRight((b, f) => h(f) ? f({
-      corePlugins: b
-    }) : (0, o.default)(f, b), r.default);
+    ].reduceRight((v, f) => h(f) ? f({
+      corePlugins: v
+    }) : (0, o.default)(f, v), r.default);
   }
   function k(c) {
     return [
       ...c
-    ].reduceRight((b, f) => [
-      ...b,
+    ].reduceRight((v, f) => [
+      ...v,
       ...f
     ], []);
   }
@@ -2718,9 +2718,9 @@ var Se = {};
         separator: ":"
       }
     ];
-    var b, f;
-    return (0, v.normalizeConfig)((0, l.defaults)({
-      theme: B(M(A(y.map((C) => (b = C == null ? void 0 : C.theme) !== null && b !== void 0 ? b : {})))),
+    var v, f;
+    return (0, b.normalizeConfig)((0, l.defaults)({
+      theme: B(L(A(y.map((C) => (v = C == null ? void 0 : C.theme) !== null && v !== void 0 ? v : {})))),
       corePlugins: m(y.map((C) => C.corePlugins)),
       plugins: k(c.map((C) => (f = C == null ? void 0 : C.plugins) !== null && f !== void 0 ? f : []))
     }, ...y));
@@ -3734,7 +3734,7 @@ var Ce = {}, Re = {
   }
   function s(l) {
     var i;
-    const v = ((i = l == null ? void 0 : l.presets) !== null && i !== void 0 ? i : [
+    const b = ((i = l == null ? void 0 : l.presets) !== null && i !== void 0 ? i : [
       t.default
     ]).slice().reverse().flatMap((p) => s(p instanceof Function ? p() : p)), a = {
       // Add experimental configs here...
@@ -3760,7 +3760,7 @@ var Ce = {}, Re = {
     return [
       l,
       ...n,
-      ...v
+      ...b
     ];
   }
 })(Ce);
@@ -3789,7 +3789,7 @@ var Ce = {}, Re = {
 })(oe);
 let Y = oe;
 var Ne = (Y.__esModule ? Y : { default: Y }).default;
-const Ue = /* @__PURE__ */ De(Ne);
+const Ue = /* @__PURE__ */ Me(Ne);
 let K = Q;
 var U = (K.__esModule ? K : { default: K }).default;
 const Be = {
@@ -3803,7 +3803,7 @@ const Be = {
   700: "#770D11",
   800: "#4E090B",
   900: "#290506"
-}, D = {
+}, M = {
   onprimary: U.white,
   warning: U.amber,
   error: U.rose,
@@ -3811,34 +3811,34 @@ const Be = {
   success: U.lime,
   primary: U.sky,
   brand: Be
-}, Ve = {
-  ...D,
+}, We = {
+  ...M,
   // Warning
-  warning: D.warning[500],
-  "warning-darken": D.warning[600],
-  "warning-lighten": D.warning[400],
+  warning: M.warning[500],
+  "warning-darken": M.warning[600],
+  "warning-lighten": M.warning[400],
   // Success
-  success: D.success[500],
-  "success-darken": D.success[600],
-  "success-lighten": D.success[400],
+  success: M.success[500],
+  "success-darken": M.success[600],
+  "success-lighten": M.success[400],
   // Error
-  error: D.error[500],
-  "error-darken": D.error[600],
-  "error-lighten": D.error[400],
+  error: M.error[500],
+  "error-darken": M.error[600],
+  "error-lighten": M.error[400],
   // Info
-  info: D.info[500],
-  "info-darken": D.info[600],
-  "info-lighten": D.info[400],
+  info: M.info[500],
+  "info-darken": M.info[600],
+  "info-lighten": M.info[400],
   // Primary
-  primary: D.primary[500],
-  "primary-darken": D.primary[600],
-  "primary-lighten": D.primary[400],
+  primary: M.primary[500],
+  "primary-darken": M.primary[600],
+  "primary-lighten": M.primary[400],
   // Surfaces
   onsurface: U.slate[500],
   onbackground: U.slate[700],
   surface: U.slate[50],
   background: U.white
-}, We = {
+}, Ve = {
   prefix: "e-",
   corePlugins: {
     preflight: !1
@@ -3846,7 +3846,7 @@ const Be = {
   content: ["./src/**/*.{html,js,vue,ts}"],
   theme: {
     extend: {
-      colors: Ve,
+      colors: We,
       maxWidth: {
         "1/12": "8.333333333%",
         "2/12": "16.666666666%",
@@ -3914,7 +3914,7 @@ const Be = {
       pattern: /e-content-(around|baseline|between|center|end|evenly|normal|start|stretch)/
     }
   ]
-}, ke = Ue(We), Ie = ke.theme.fontSize, qe = ke.theme.colors, xt = [
+}, ke = Ue(Ve), Ie = ke.theme.fontSize, qe = ke.theme.colors, xt = [
   w.dot,
   w.xs,
   w.sm,
@@ -3944,12 +3944,12 @@ const Be = {
   w["8xl"],
   w["9xl"]
 ], wt = [
-  L.warning,
-  L.error,
-  L.info,
-  L.success,
-  L.primary,
-  L.default
+  D.warning,
+  D.error,
+  D.info,
+  D.success,
+  D.primary,
+  D.default
 ], St = [
   "play",
   "pause",
@@ -3961,7 +3961,7 @@ const Be = {
   "canplay",
   "canplaythrough",
   "statechanged"
-], Ge = V.extend({
+], Ge = W.extend({
   name: "EIcon",
   props: {
     icon: {
@@ -3970,7 +3970,7 @@ const Be = {
     },
     color: {
       type: String,
-      default: L.default
+      default: D.default
     },
     size: {
       type: String,
@@ -3999,7 +3999,7 @@ const Be = {
 var Xe = function() {
   var t = this, r = t._self._c;
   return r("div", { staticClass: "e-icon" }, [r("i", { class: t.iconClasses })]);
-}, Ye = [], Ke = /* @__PURE__ */ W(
+}, Ye = [], Ke = /* @__PURE__ */ V(
   Ge,
   Xe,
   Ye,
@@ -4009,7 +4009,7 @@ var Xe = function() {
   null,
   null
 );
-const Je = Ke.exports, Ze = V.extend({
+const Je = Ke.exports, Ze = W.extend({
   name: "ESpinner",
   props: {
     dark: {
@@ -4077,7 +4077,7 @@ var Qe = function() {
     "e-spinner--dark": t.dark,
     "e-spinner--grey": !t.color
   }, style: { opacity: t.opacity }, attrs: { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 1629.32 1608.86", width: t.computedSize, height: t.computedSize } }, [r("path", { staticClass: "e-spinner__primary", style: t.getNthPathStyle(0), attrs: { d: "m1254.12,591.61C992.01,401.11,439.78,0,439.78,0h601.2c14.3,0,48.95,9.02,62.54,38.01,55.27,117.88,111.32,235.46,170.48,351.43,33.16,70.9-8.99,170.35-19.87,202.16" } }), r("path", { staticClass: "e-spinner__secondary", style: t.getNthPathStyle(1), attrs: { d: "m1404.65,131.67c-29.37,89.94-55.8,170.95-82.25,251.93-4.05.87-8.1,1.73-12.15,2.61-40.61-83.95-81.21-167.9-123.12-254.54h217.51Z" } }), r("path", { staticClass: "e-spinner__primary", style: t.getNthPathStyle(2), attrs: { d: "m1129.06,1093.51c100.75-307.98,312.75-956.75,312.75-956.75,0,0,180.36,558.53,184.75,572.14,4.39,13.59,6.45,49.34-16.96,71.19-95.21,88.81-189.88,178.28-282.06,270.2-57.29,53.34-164.86,43.8-198.48,43.21" } }), r("path", { staticClass: "e-spinner__secondary", style: t.getNthPathStyle(3), attrs: { d: "m1342.3,1083.06c66.6-63.43,133.22-126.86,207.93-197.98,21.51,73.55,40.3,137.81,60.64,207.37h-263.35c-1.75-3.13-3.48-6.27-5.22-9.39" } }), r("path", { staticClass: "e-spinner__primary", style: t.getNthPathStyle(4), attrs: { d: "m610.27,1137.17c324.03-.53,1006.55-1.85,1006.55-1.85,0,0-474.19,345.83-485.74,354.25-11.55,8.42-44.87,21.56-72.94,6.14-114.11-62.68-228.69-124.66-344.81-183.5-68.56-37.76-93.12-142.93-103.06-175.04" } }), r("path", { staticClass: "e-spinner__secondary", style: t.getNthPathStyle(5), attrs: { d: "m938.58,1468.29c-62.81,42.58-118.35,80.24-180.28,122.23-28.35-87.22-54.62-168.03-80.89-248.86,2.62-2.92,5.26-5.85,7.9-8.76,81.89,43.78,163.79,87.56,253.26,135.39" } }), r("path", { staticClass: "e-spinner__primary", style: t.getNthPathStyle(6), attrs: { d: "m413.07,652.86c101.35,307.77,314.99,956,314.99,956,0,0-476.23-343.04-487.83-351.39-11.58-8.36-34.44-35.93-28.52-67.4,24.07-127.96,47.3-256.13,67.09-384.8,14.54-76.9,106.84-132.96,134.28-152.42" } }), r("path", { staticClass: "e-spinner__secondary", style: t.getNthPathStyle(7), attrs: { d: "m197.48,1068.8c-62.36-47.73-115.99-88.79-176.78-135.33,75.54-54.91,146.18-106.24,216.83-157.57,3.73,2.24,7.45,4.47,11.19,6.71-16.36,91.3-32.7,182.61-51.25,286.19" } }), r("path", { staticClass: "e-spinner__primary", style: t.getNthPathStyle(8), attrs: { d: "m813.58,314.41C551.63,505.15,0,907.07,0,907.07c0,0,180.68-558.4,185.09-572.01,4.39-13.59,23.65-43.78,55.41-47.8,129.19-16.29,258.32-33.41,386.86-53.99,77.67-9.72,159.3,60.97,186.22,81.13" } }), r("path", { staticClass: "e-spinner__secondary", style: t.getNthPathStyle(9), attrs: { d: "m635.14,199.78c-91.99,12.38-183.97,24.77-288.07,38.76,25.77-73.18,48.3-137.14,73.8-209.53,76.56,55.41,147.27,106.58,217.97,157.75-1.23,4.34-2.46,8.68-3.69,13.02" } })]);
-}, et = [], tt = /* @__PURE__ */ W(
+}, et = [], tt = /* @__PURE__ */ V(
   Ze,
   Qe,
   et,
@@ -4087,7 +4087,7 @@ var Qe = function() {
   null,
   null
 );
-const $e = tt.exports, rt = V.extend({
+const Ee = tt.exports, rt = W.extend({
   props: {
     align: {
       type: String,
@@ -4150,7 +4150,7 @@ const $e = tt.exports, rt = V.extend({
 var nt = function() {
   var t = this, r = t._self._c;
   return t._self._setupProxy, r("div", { staticClass: "e-row e-flex e-flex-wrap", class: t.rowClasses }, [t._t("default")], 2);
-}, it = [], at = /* @__PURE__ */ W(
+}, it = [], at = /* @__PURE__ */ V(
   rt,
   nt,
   it,
@@ -4160,7 +4160,7 @@ var nt = function() {
   null,
   null
 );
-const st = at.exports, ot = V.extend({
+const st = at.exports, ot = W.extend({
   props: {
     alignSelf: {
       type: String,
@@ -4267,7 +4267,7 @@ const st = at.exports, ot = V.extend({
 var lt = function() {
   var t = this, r = t._self._c;
   return r("div", { staticClass: "e-col", class: t.colClasses }, [t._t("default")], 2);
-}, ut = [], ct = /* @__PURE__ */ W(
+}, ut = [], ct = /* @__PURE__ */ V(
   ot,
   lt,
   ut,
@@ -4278,11 +4278,11 @@ var lt = function() {
   null
 );
 const dt = ct.exports;
-function Ee() {
+function Pe() {
   return !!(document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement || document.msFullscreenElement);
 }
 function ft(e) {
-  if (Ee())
+  if (Pe())
     return new Promise((t) => t());
   if (e.requestFullscreen)
     return e == null ? void 0 : e.requestFullscreen();
@@ -4294,7 +4294,7 @@ function ft(e) {
     return e == null ? void 0 : e.msRequestFullscreen();
 }
 function pt() {
-  if (!Ee())
+  if (!Pe())
     return new Promise((e) => e());
   if (document.exitFullscreen)
     return document.exitFullscreen();
@@ -4323,10 +4323,10 @@ const J = new Intl.NumberFormat(void 0, {
   return o === 0 ? `${r}:${J.format(t)}` : `${o}:${J.format(
     r
   )}:${J.format(t)}`;
-}, mt = V.extend({
+}, mt = W.extend({
   name: "VideoPlayer",
   components: {
-    ESpinner: $e
+    ESpinner: Ee
   },
   props: {
     sources: {
@@ -4346,7 +4346,6 @@ const J = new Intl.NumberFormat(void 0, {
     return {
       playing: !1,
       percentagePlayed: 0,
-      videoMuted: !1,
       videoLength: "0:00",
       duration: 0,
       videoDuration: 0,
@@ -4354,7 +4353,6 @@ const J = new Intl.NumberFormat(void 0, {
       realtime: 0,
       isScrubbing: !1,
       wasPaused: !1,
-      volume: 1,
       isFullscreen: !1,
       isFinished: !1,
       isLoading: !0
@@ -4417,7 +4415,7 @@ const J = new Intl.NumberFormat(void 0, {
     },
     initializePlayer() {
       const e = this.$refs.player;
-      e && (e.muted && this.setMuted(!0), document.addEventListener("mouseup", (t) => {
+      e && (e.autoplay && this.setPlaying(!0), document.addEventListener("mouseup", (t) => {
         this.isScrubbing && this.toggleScrubbing(t);
       }), document.addEventListener("keydown", this.handleKeyDown));
     },
@@ -4474,13 +4472,6 @@ const J = new Intl.NumberFormat(void 0, {
         return;
       e.play() !== void 0 && e.play().then(() => this.setPlaying(!0)).catch(console.error);
     },
-    handleVolumeChange(e) {
-      const t = this.$refs.player, r = e.target;
-      t.volume = Number(r.value), t.muted = Number(r.value) === 0, this.setVolume(Number(r.value)), this.setMuted(Number(r.value) === 0);
-    },
-    setVolume(e) {
-      this.volume = e;
-    },
     pause() {
       const e = this.$refs.player;
       e && (e.pause(), this.setPlaying(!1));
@@ -4501,20 +4492,6 @@ const J = new Intl.NumberFormat(void 0, {
     convertTimeToDuration(e) {
       return [parseInt(e / 60 % 60, 10), parseInt(e % 60, 10)].join(":").replace(/\b(\d)\b/g, "0$1");
     },
-    mute() {
-      const e = this.$refs.player;
-      e && (e.muted = !0, this.setMuted(!0));
-    },
-    unmute() {
-      const e = this.$refs.player;
-      e && (e.muted = !1, this.setMuted(!1));
-    },
-    toggleMute() {
-      this.videoMuted ? this.unmute() : this.mute();
-    },
-    setMuted(e) {
-      this.videoMuted = e;
-    },
     closeFullscreenMode() {
       document.fullscreenElement && (pt().then(() => {
         this.isFullscreen = !1, console.log("Exited fullscreen");
@@ -4594,9 +4571,6 @@ const J = new Intl.NumberFormat(void 0, {
           case "f":
             this.openFullscreenMode(), this.isFullscreen = !0;
             break;
-          case "m":
-            this.toggleMute();
-            break;
         }
     }
   }
@@ -4605,38 +4579,34 @@ var gt = function() {
   var t = this, r = t._self._c;
   return r("div", { ref: "videoContainer", staticClass: "video-container paused", attrs: { "data-volume-level": "high" } }, [r("video", t._g(t._b({ ref: "player", attrs: { controls: !1, preload: "auto" }, on: { ended: t.handleEnded, click: t.togglePlay, loadedmetadata: t.getDuration, timeupdate: t.handleTimeUpdate, loadeddata: t.handleLoading } }, "video", t.videoOptions, !1), t.videoListeners), t._l(t.hasMultipleSources ? t.sources : [{ src: t.sources }], function(o) {
     return r("source", { key: o.src, attrs: { src: o.src, type: o.type } });
-  }), 0), t.isLoading ? r("div", { staticClass: "spinner-container" }, [r("ESpinner", { attrs: { size: "9xl", opacity: "0.6", dark: !0 } })], 1) : t._e(), r("div", { class: ["video-controls-container", t.withControls] }, [r("div", { staticClass: "controls" }, [r("button", { ref: "playPauseBtn", staticClass: "play-pause-btn fa-sm fa-solid", class: {
+  }), 0), t.isLoading ? r("div", { staticClass: "spinner-container" }, [r("ESpinner", { attrs: { size: "9xl", opacity: "0.6", dark: !0 } })], 1) : t._e(), r("div", { class: ["video-controls-container", t.withControls] }, [r("div", { staticClass: "controls" }, [r("button", { ref: "playPauseBtn", staticClass: "play-pause-btn fa-lg fa-solid", class: {
     "fa-play": !t.playing,
     "fa-pause": t.playing
-  }, attrs: { title: t.playing ? "pause" : "play" }, on: { click: t.togglePlay } }), r("div", { staticClass: "volume-container" }, [r("button", { ref: "muteBtn", staticClass: "mute-btn fa-solid", class: {
-    "fa-volume": t.volume > 0.5 && !t.videoMuted,
-    "fa-volume-low": t.volume <= 0.5 && !t.videoMuted,
-    "fa-volume-slash": t.videoMuted
-  }, attrs: { title: t.videoMuted ? "Unmute" : "Mute" }, on: { click: t.toggleMute } }), r("input", { ref: "volumeSlider", staticClass: "volume-slider", attrs: { type: "range", min: "0", max: "1", step: "any" }, domProps: { value: t.volume }, on: { input: t.handleVolumeChange } })]), r("div", { staticClass: "duration-container" }, [r("div", { ref: "currentTimeElem", staticClass: "current-time" }, [t._v(" " + t._s(t.currentTime) + " ")]), t._v(" / "), r("div", { ref: "totalTimeElem", staticClass: "total-time" }, [t._v(t._s(t.videoLength))])]), r("div", { ref: "timelineContainer", staticClass: "timeline-container", on: { mousemove: t.handleTimelineUpdate, mousedown: t.toggleScrubbing } }, [t._m(0)]), r("button", { ref: "fullScreenBtn", staticClass: "full-screen-btn fa-solid", class: {
+  }, attrs: { title: t.playing ? "pause" : "play" }, on: { click: t.togglePlay } }), r("div", { staticClass: "duration-container" }, [r("div", { ref: "currentTimeElem", staticClass: "current-time" }, [t._v(" " + t._s(t.currentTime) + " ")]), t._v(" / "), r("div", { ref: "totalTimeElem", staticClass: "total-time" }, [t._v(t._s(t.videoLength))])]), r("div", { ref: "timelineContainer", staticClass: "timeline-container", on: { mousemove: t.handleTimelineUpdate, mousedown: t.toggleScrubbing } }, [t._m(0)]), r("button", { ref: "fullScreenBtn", staticClass: "full-screen-btn fa-solid", class: {
     "fa-expand": !t.isFullscreen,
     "fa-compress": t.isFullscreen
   }, on: { click: t.toggleFullscreenMode } })])])]);
 }, ht = [function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "timeline" }, [t("div", { staticClass: "thumb-indicator" })]);
-}], yt = /* @__PURE__ */ W(
+}], yt = /* @__PURE__ */ V(
   mt,
   gt,
   ht,
   !1,
   null,
-  "e338fc91",
+  "e5c1c90c",
   null,
   null
 );
-const vt = yt.exports, ae = {
-  EAvatar: Le,
+const bt = yt.exports, ae = {
+  EAvatar: De,
   EBadge: se,
   EIcon: Je,
-  ESpinner: $e,
+  ESpinner: Ee,
   ERow: st,
   ECol: dt,
-  EVideoPlayer: vt
+  EVideoPlayer: bt
 }, Ct = {
   install(e) {
     Object.keys(ae).forEach((t) => {
@@ -4648,16 +4618,16 @@ export {
   _t as AvatarSizes,
   wt as BadgeColors,
   xt as BadgeSizes,
-  L as BaseColor,
+  D as BaseColor,
   qe as Colors,
-  Le as EAvatar,
+  De as EAvatar,
   se as EBadge,
   dt as ECol,
   Je as EIcon,
   st as ERow,
-  $e as ESpinner,
+  Ee as ESpinner,
   St as EVENTS,
-  vt as EVideoPlayer,
+  bt as EVideoPlayer,
   He as IconSizes,
   w as Size,
   Ie as TextSizes,
@@ -4665,7 +4635,7 @@ export {
   Ct as default,
   pt as exitFullScreen,
   ke as fullConfig,
-  Ee as isFullScreen,
+  Pe as isFullScreen,
   ft as makeFullScreen
 };
 //# sourceMappingURL=index.mjs.map