@evercam/ui 0.0.34 → 0.0.35

package/README.md

@@ -1,15 +1,15 @@
 ## Evercam UI
 
 ### Description
+
 Components libray for the [Evercam](https://evercam.io) frontends.
 
 ### Installation
 
-1- Install the package 
+1- Install the package
 
 `yarn add @evercam/ui`
 
-
 2- Use the components in a Vue app by either:
 
 - Installing the library globally as a Vue plugin:
@@ -33,8 +33,8 @@ import { EBadge } from "@evercam/ui"
 
 export default {
   components: {
-    EBadge,
-  },
+    EBadge
+  }
 }
 </script>
 ```
@@ -44,4 +44,4 @@ export default {
 You can preview the components and their stories by running the [Histoire](https://histoire.dev) sever:
 
 `yarn story:dev`
-
+..........

package/dist/attributes.json

@@ -185,5 +185,29 @@
   "EVideoPlayer/video-options": {
     "type": "any",
     "description": ""
+  },
+  "ECountryFlag/country": {
+    "type": "any",
+    "description": ""
+  },
+  "ECountryFlag/rounded": {
+    "type": "any",
+    "description": "",
+    "default": false
+  },
+  "ECountryFlag/shadow": {
+    "type": "any",
+    "description": "",
+    "default": false
+  },
+  "ECountryFlag/size": {
+    "type": "any",
+    "description": "",
+    "default": "normal"
+  },
+  "ECountryFlag/background": {
+    "type": "any",
+    "description": "",
+    "default": ""
   }
 }

package/dist/index.mjs

@@ -1,6 +1,6 @@
 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 Pe = W.extend({
+const Oe = W.extend({
   name: "EBadge",
   props: {
     text: {
@@ -79,12 +79,12 @@ function V(e, t, r, o, s, l, i, b) {
     options: a
   };
 }
-var $e = function() {
+var Pe = 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 = [], ze = /* @__PURE__ */ V(
+}, Ae = [], Fe = /* @__PURE__ */ V(
+  Oe,
   Pe,
-  $e,
   Ae,
   !1,
   null,
@@ -92,7 +92,7 @@ var $e = function() {
   null,
   null
 );
-const se = ze.exports, Fe = W.extend({
+const se = Fe.exports, ze = W.extend({
   name: "EAvatar",
   components: {
     Badge: se
@@ -152,7 +152,7 @@ var Te = function() {
     return [r("Badge", { attrs: { text: t.badgeText, color: t.badgeColor, size: t.badgeSize } })];
   })], 2) : t._e()], 2);
 }, je = [], Le = /* @__PURE__ */ V(
-  Fe,
+  ze,
   Te,
   je,
   !1,
@@ -396,8 +396,8 @@ var ce = {};
     ];
   }
 })(ce);
-var Q = {}, H = {}, ee = { exports: {} }, z = String, de = function() {
-  return { isColorSupported: !1, reset: z, bold: z, dim: z, italic: z, underline: z, inverse: z, hidden: z, strikethrough: z, black: z, red: z, green: z, yellow: z, blue: z, magenta: z, cyan: z, white: z, gray: z, bgBlack: z, bgRed: z, bgGreen: z, bgYellow: z, bgBlue: z, bgMagenta: z, bgCyan: z, bgWhite: z };
+var Q = {}, H = {}, ee = { exports: {} }, F = String, de = function() {
+  return { isColorSupported: !1, reset: F, bold: F, dim: F, italic: F, underline: F, inverse: F, hidden: F, strikethrough: F, black: F, red: F, green: F, yellow: F, blue: F, magenta: F, cyan: F, white: F, gray: F, bgBlack: F, bgRed: F, bgGreen: F, bgYellow: F, bgBlue: F, bgMagenta: F, bgCyan: F, bgWhite: F };
 };
 ee.exports = de();
 ee.exports.createColors = de;
@@ -910,8 +910,8 @@ var ge = {}, G = {};
       return g.future === "all" || ((k = (h = g == null || (S = g.future) === null || S === void 0 ? void 0 : S[d]) !== null && h !== void 0 ? h : l[d]) !== null && k !== void 0 ? k : !1);
     }
     if (i.experimental.includes(d)) {
-      var P, F, T;
-      return g.experimental === "all" || ((T = (F = g == null || (P = g.experimental) === null || P === void 0 ? void 0 : P[d]) !== null && F !== void 0 ? F : l[d]) !== null && T !== void 0 ? T : !1);
+      var O, z, T;
+      return g.experimental === "all" || ((T = (z = g == null || (O = g.experimental) === null || O === void 0 ? void 0 : O[d]) !== null && z !== void 0 ? z : l[d]) !== null && T !== void 0 ? T : !1);
     }
     return !1;
   }
@@ -1043,8 +1043,8 @@ var ge = {}, G = {};
       })(),
       extract: (() => {
         let n = (() => {
-          var d, S, h, k, P, F, 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 || (k = h.extract) === null || k === void 0) && k.DEFAULT ? i.purge.extract.DEFAULT : !((P = i.content) === null || P === void 0 || (F = P.extract) === null || F === void 0) && F.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 : {};
+          var d, S, h, k, O, 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 || (k = h.extract) === null || k === void 0) && k.DEFAULT ? i.purge.extract.DEFAULT : !((O = i.content) === null || O === void 0 || (z = O.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, k;
           if (!((d = i.purge) === null || d === void 0 || (S = d.options) === null || S === void 0) && S.defaultExtractor)
@@ -1064,8 +1064,8 @@ var ge = {}, G = {};
       })(),
       transform: (() => {
         let n = (() => {
-          var g, d, S, h, k, 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 : !((k = i.content) === null || k === void 0 || (P = k.transform) === null || P === void 0) && P.DEFAULT ? i.content.transform.DEFAULT : {};
+          var g, d, S, h, k, O;
+          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 : !((k = i.content) === null || k === void 0 || (O = k.transform) === null || O === void 0) && O.DEFAULT ? i.content.transform.DEFAULT : {};
         })(), p = {};
         return typeof n == "function" && (p.DEFAULT = n), typeof n == "object" && n !== null && Object.assign(p, n), p;
       })()
@@ -1887,10 +1887,10 @@ var te = {}, re = {}, xe = {};
     value: !0
   });
   function t(h, k) {
-    for (var P in k)
-      Object.defineProperty(h, P, {
+    for (var O in k)
+      Object.defineProperty(h, O, {
         enumerable: !0,
-        get: k[P]
+        get: k[O]
       });
   }
   t(e, {
@@ -1909,7 +1909,7 @@ var te = {}, re = {}, xe = {};
   }
   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: k = !1 } = {}) {
-    var P, F;
+    var O, z;
     if (typeof h != "string")
       return null;
     if (h = h.trim(), h === "transparent")
@@ -1965,12 +1965,12 @@ var te = {}, re = {}, xe = {};
     } : !k && L.length !== 3 || L.length < 3 && !L.some((R) => /^var\(.*?\)$/.test(R)) ? null : {
       mode: j[1],
       color: L,
-      alpha: (P = j[5]) === null || P === void 0 || (F = P.toString) === null || F === void 0 ? void 0 : F.call(P)
+      alpha: (O = j[5]) === null || O === void 0 || (z = O.toString) === null || z === void 0 ? void 0 : z.call(O)
     };
   }
-  function S({ mode: h, color: k, alpha: P }) {
-    let F = P !== void 0;
-    return h === "rgba" || h === "hsla" ? `${h}(${k.join(", ")}${F ? `, ${P}` : ""})` : `${h}(${k.join(" ")}${F ? ` / ${P}` : ""})`;
+  function S({ mode: h, color: k, alpha: O }) {
+    let z = O !== void 0;
+    return h === "rgba" || h === "hsla" ? `${h}(${k.join(", ")}${z ? `, ${O}` : ""})` : `${h}(${k.join(" ")}${z ? ` / ${O}` : ""})`;
   }
 })(re);
 (function(e) {
@@ -2110,10 +2110,10 @@ var ne = {}, _e = {}, X = {};
     value: !0
   });
   function t(u, x) {
-    for (var $ in x)
-      Object.defineProperty(u, $, {
+    for (var P in x)
+      Object.defineProperty(u, P, {
         enumerable: !0,
-        get: x[$]
+        get: x[P]
       });
   }
   t(e, {
@@ -2130,7 +2130,7 @@ var ne = {}, _e = {}, X = {};
       return S;
     },
     length: function() {
-      return P;
+      return O;
     },
     lineWidth: function() {
       return T;
@@ -2175,12 +2175,12 @@ var ne = {}, _e = {}, X = {};
   }
   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(($) => /^url\(.*?\)$/.test($) ? $ : n($, !1)).join("") : (u = u.replace(/([^\\])_+/g, ($, O) => O + " ".repeat($.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((P) => /^url\(.*?\)$/.test(P) ? P : n(P, !1)).join("") : (u = u.replace(/([^\\])_+/g, (P, $) => $ + " ".repeat(P.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 $ = [];
-      return x.replace(/var\((--.+?)[,)]/g, (O, I) => ($.push(I), O.replace(I, b))).replace(/(-?\d*\.?\d(?!\b-\d.+[,)](?![^+\-/*])\D)(?:%|[a-z]+)?|\))([+\-/*])/g, "$1 $2 ").replace(a, () => $.shift());
+      let P = [];
+      return x.replace(/var\((--.+?)[,)]/g, ($, I) => (P.push(I), $.replace(I, b))).replace(/(-?\d*\.?\d(?!\b-\d.+[,)](?![^+\-/*])\D)(?:%|[a-z]+)?|\))([+\-/*])/g, "$1 $2 ").replace(a, () => P.shift());
     });
   }
   function g(u) {
@@ -2225,38 +2225,38 @@ var ne = {}, _e = {}, X = {};
     "cqmin",
     "cqmax"
   ].join("|")})`;
-  function P(u) {
+  function O(u) {
     return u === "0" || new RegExp(`^[+-]?[0-9]*.?[0-9]+(?:[eE][+-]?[0-9]+)?${k}$`).test(u) || i(u);
   }
-  let F = /* @__PURE__ */ new Set([
+  let z = /* @__PURE__ */ new Set([
     "thin",
     "medium",
     "thick"
   ]);
   function T(u) {
-    return F.has(u);
+    return z.has(u);
   }
   function A(u) {
     let x = (0, o.parseBoxShadowValue)(n(u));
-    for (let $ of x)
-      if (!$.valid)
+    for (let P of x)
+      if (!P.valid)
         return !1;
     return !0;
   }
   function j(u) {
     let x = 0;
-    return (0, s.splitAtTopLevelOnly)(u, "_").every((O) => (O = n(O), O.startsWith("var(") ? !0 : (0, r.parseColor)(O, {
+    return (0, s.splitAtTopLevelOnly)(u, "_").every(($) => ($ = n($), $.startsWith("var(") ? !0 : (0, r.parseColor)($, {
       loose: !0
     }) !== null ? (x++, !0) : !1)) ? x > 0 : !1;
   }
   function L(u) {
     let x = 0;
-    return (0, s.splitAtTopLevelOnly)(u, ",").every((O) => (O = n(O), O.startsWith("var(") ? !0 : g(O) || B(O) || [
+    return (0, s.splitAtTopLevelOnly)(u, ",").every(($) => ($ = n($), $.startsWith("var(") ? !0 : g($) || B($) || [
       "element(",
       "image(",
       "cross-fade(",
       "image-set("
-    ].some((I) => O.startsWith(I)) ? (x++, !0) : !1)) ? x > 0 : !1;
+    ].some((I) => $.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((O) => (O = n(O), O.startsWith("var(") ? !0 : N.has(O) || P(O) || S(O) ? (x++, !0) : !1)) ? x > 0 : !1;
+    return (0, s.splitAtTopLevelOnly)(u, "_").every(($) => ($ = n($), $.startsWith("var(") ? !0 : N.has($) || O($) || S($) ? (x++, !0) : !1)) ? x > 0 : !1;
   }
   function E(u) {
     let x = 0;
-    return (0, s.splitAtTopLevelOnly)(u, ",").every((O) => (O = n(O), O.startsWith("var(") ? !0 : O.includes(" ") && !/(['"])([^"']+)\1/g.test(O) || /^\d/g.test(O) ? !1 : (x++, !0))) ? x > 0 : !1;
+    return (0, s.splitAtTopLevelOnly)(u, ",").every(($) => ($ = n($), $.startsWith("var(") ? !0 : $.includes(" ") && !/(['"])([^"']+)\1/g.test($) || /^\d/g.test($) ? !1 : (x++, !0))) ? x > 0 : !1;
   }
   let _ = /* @__PURE__ */ new Set([
     "serif",
@@ -2371,7 +2371,7 @@ var we = {};
       return k;
     },
     asColor: function() {
-      return F;
+      return z;
     },
     asLookupValue: function() {
       return T;
@@ -2441,10 +2441,10 @@ var we = {};
     }
     return m;
   }
-  function P(m) {
+  function O(m) {
     return (0, s.normalize)(m.slice(1, -1));
   }
-  function F(m, E = {}, { tailwindConfig: _ = {} } = {}) {
+  function z(m, E = {}, { tailwindConfig: _ = {} } = {}) {
     var c;
     if (((c = E.values) === null || c === void 0 ? void 0 : c[m]) !== void 0) {
       var y;
@@ -2452,9 +2452,9 @@ var we = {};
     }
     let [v, f] = h(m);
     if (f !== void 0) {
-      var C, u, x, $;
-      let O = ($ = (C = E.values) === null || C === void 0 ? void 0 : C[v]) !== null && $ !== void 0 ? $ : S(v) ? v.slice(1, -1) : void 0;
-      return O === void 0 ? void 0 : (O = k(O), S(f) ? (0, o.withAlphaValue)(O, 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)(O, _.theme.opacity[f]));
+      var C, u, x, P;
+      let $ = (P = (C = E.values) === null || C === void 0 ? void 0 : C[v]) !== null && P !== void 0 ? P : S(v) ? v.slice(1, -1) : void 0;
+      return $ === void 0 ? void 0 : ($ = k($), S(f) ? (0, o.withAlphaValue)($, O(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)($, _.theme.opacity[f]));
     }
     return d(m, E, {
       validate: s.color
@@ -2471,7 +2471,7 @@ var we = {};
   }
   let j = {
     any: d,
-    color: F,
+    color: z,
     url: A(s.url),
     image: A(s.image),
     length: A(s.length),
@@ -2532,16 +2532,16 @@ var we = {};
     let y = (0, b.flagEnabled)(c, "generalizedModifiers"), [v, f] = h(E);
     if (y && _.modifiers != null && (_.modifiers === "any" || typeof _.modifiers == "object" && (f && S(f) || f in _.modifiers)) || (v = E, f = void 0), f !== void 0 && v === "" && (v = "DEFAULT"), f !== void 0 && typeof _.modifiers == "object") {
       var u, x;
-      let $ = (x = (u = _.modifiers) === null || u === void 0 ? void 0 : u[f]) !== null && x !== void 0 ? x : null;
-      $ !== null ? f = $ : S(f) && (f = P(f));
+      let P = (x = (u = _.modifiers) === null || u === void 0 ? void 0 : u[f]) !== null && x !== void 0 ? x : null;
+      P !== null ? f = P : S(f) && (f = O(f));
     }
-    for (let { type: $ } of m != null ? m : []) {
-      let O = j[$](v, _, {
+    for (let { type: P } of m != null ? m : []) {
+      let $ = j[P](v, _, {
         tailwindConfig: c
       });
-      O !== void 0 && (yield [
-        O,
+      $ !== void 0 && (yield [
         $,
+        P,
         f != null ? f : null
       ]);
     }
@@ -2588,7 +2588,7 @@ var Se = {};
       }
     return c;
   }
-  const P = {
+  const O = {
     colors: s.default,
     negative(c) {
       return Object.keys(c).filter((y) => c[y] !== "0").reduce((y, v) => {
@@ -2603,7 +2603,7 @@ var Se = {};
       }), {});
     }
   };
-  function F(c, ...y) {
+  function z(c, ...y) {
     return h(c) ? c(...y) : c;
   }
   function T(c) {
@@ -2640,7 +2640,7 @@ var Se = {};
     return k(y, c, (v, f) => !h(v) && !f.some(h) ? k({}, v, ...f, j) : (C, u) => k({}, ...[
       v,
       ...f
-    ].map((x) => F(x, C, u)), j));
+    ].map((x) => z(x, C, u)), j));
   }
   function* R(c) {
     let y = (0, i.toPath)(c);
@@ -2657,11 +2657,11 @@ var Se = {};
       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, O) : x;
         if (x !== void 0) {
           if (C.alpha !== void 0) {
-            let $ = (0, p.parseColorFormat)(x);
-            return (0, g.withAlphaValue)($, C.alpha, (0, d.default)($));
+            let P = (0, p.parseColorFormat)(x);
+            return (0, g.withAlphaValue)(P, C.alpha, (0, d.default)(P));
           }
           return (0, a.default)(x) ? (0, n.cloneDeep)(x) : x;
         }
@@ -2670,8 +2670,8 @@ var Se = {};
     };
     return Object.assign(y, {
       theme: y,
-      ...P
-    }), Object.keys(c).reduce((v, f) => (v[f] = h(c[f]) ? c[f](y, P) : c[f], v), {});
+      ...O
+    }), Object.keys(c).reduce((v, f) => (v[f] = h(c[f]) ? c[f](y, O) : c[f], v), {});
   }
   function N(c) {
     let y = [];
@@ -3914,14 +3914,14 @@ const Be = {
       pattern: /e-content-(around|baseline|between|center|end|evenly|normal|start|stretch)/
     }
   ]
-}, Ee = Ue(Ve), Ie = Ee.theme.fontSize, qe = Ee.theme.colors, wt = [
+}, Ee = Ue(Ve), Ie = Ee.theme.fontSize, qe = Ee.theme.colors, $t = [
   w.dot,
   w.xs,
   w.sm,
   w.md,
   w.lg,
   w.xl
-], St = [
+], Ot = [
   w.xs,
   w.sm,
   w.md,
@@ -3943,14 +3943,14 @@ const Be = {
   w["7xl"],
   w["8xl"],
   w["9xl"]
-], Ct = [
+], Pt = [
   D.warning,
   D.error,
   D.info,
   D.success,
   D.primary,
   D.default
-], Et = [
+], At = [
   "play",
   "pause",
   "ended",
@@ -4278,11 +4278,11 @@ var lt = function() {
   null
 );
 const dt = ct.exports;
-function Oe() {
+function $e() {
   return !!(document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement || document.msFullscreenElement);
 }
 function ft(e) {
-  if (Oe())
+  if ($e())
     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 (!Oe())
+  if (!$e())
     return new Promise((e) => e());
   if (document.exitFullscreen)
     return document.exitFullscreen();
@@ -4467,8 +4467,8 @@ const J = new Intl.NumberFormat(void 0, {
     handleEnded() {
       this.isFinished = !0, this.playing = !1;
     },
-    handleLoading(e) {
-      console.log({ error: e }), this.isLoading = !1;
+    handleLoading() {
+      this.isLoading = !1;
     },
     play() {
       const e = this.$refs.player;
@@ -4599,11 +4599,79 @@ var gt = function() {
   ht,
   !1,
   null,
-  "fe9b5bd5",
+  "40b3a4ac",
   null,
   null
 );
-const bt = yt.exports, vt = {
+const bt = yt.exports;
+const vt = W.extend({
+  name: "ECountryFlag",
+  props: {
+    country: {
+      type: String,
+      required: !0
+    },
+    rounded: {
+      type: Boolean,
+      default: !1
+    },
+    shadow: {
+      type: Boolean,
+      default: !1
+    },
+    size: {
+      type: String,
+      validator: function(e) {
+        return e === "small" || e === "normal" || e === "big";
+      },
+      default: "normal"
+    },
+    background: {
+      type: String,
+      default: ""
+    }
+  },
+  computed: {
+    flagIconClass() {
+      return {
+        [`flag ${this.flagIconCountry}`]: !0,
+        rounded: this.rounded,
+        shadow: this.shadow,
+        [this.flagMargin]: !0
+      };
+    },
+    flagIconCountry() {
+      let e = this.country.toLowerCase();
+      return e = e === "ad" ? "andorra" : e, `f-${e}`;
+    },
+    flagMargin() {
+      switch (this.size) {
+        case "small":
+          return "small-flag";
+        case "normal":
+          return "normal-flag";
+        case "big":
+          return "big-flag";
+        default:
+          return "normal-flag";
+      }
+    }
+  }
+});
+var xt = function() {
+  var t = this, r = t._self._c;
+  return t.country ? r("span", { class: t.flagIconClass }) : t._e();
+}, _t = [], wt = /* @__PURE__ */ V(
+  vt,
+  xt,
+  _t,
+  !1,
+  null,
+  "62902876",
+  null,
+  null
+);
+const St = wt.exports, Ct = {
   bind(e, t) {
     const { value: r } = t;
     if (typeof r != "function") {
@@ -4620,10 +4688,10 @@ const bt = yt.exports, vt = {
   unbind(e) {
     e.__resizeObserver__ && (e.__resizeObserver__.disconnect(), delete e.__resizeObserver__);
   }
-}, xt = [
+}, Et = [
   {
     name: "resize-observer",
-    definition: vt
+    definition: Ct
   }
 ], ae = {
   EAvatar: De,
@@ -4632,40 +4700,42 @@ const bt = yt.exports, vt = {
   ESpinner: ke,
   ERow: st,
   ECol: dt,
-  EVideoPlayer: bt
-}, kt = {
+  EVideoPlayer: bt,
+  ECountryFlag: St
+}, Ft = {
   install(e) {
     Object.keys(ae).forEach((t) => {
       e.component(t, ae[t]);
-    }), xt.forEach(({ name: t, definition: r }) => {
+    }), Et.forEach(({ name: t, definition: r }) => {
       e.directive(t, r);
     });
   }
 };
 export {
-  St as AvatarSizes,
-  Ct as BadgeColors,
-  wt as BadgeSizes,
+  Ot as AvatarSizes,
+  Pt as BadgeColors,
+  $t as BadgeSizes,
   D as BaseColor,
   qe as Colors,
-  xt as DirectivesMap,
+  Et as DirectivesMap,
   De as EAvatar,
   se as EBadge,
   dt as ECol,
+  St as ECountryFlag,
   Je as EIcon,
   st as ERow,
   ke as ESpinner,
-  Et as EVENTS,
+  At as EVENTS,
   bt as EVideoPlayer,
   He as IconSizes,
-  vt as ResizeObserverDirective,
+  Ct as ResizeObserverDirective,
   w as Size,
   Ie as TextSizes,
   ae as components,
-  kt as default,
+  Ft as default,
   pt as exitFullScreen,
   Ee as fullConfig,
-  Oe as isFullScreen,
+  $e as isFullScreen,
   ft as makeFullScreen
 };
 //# sourceMappingURL=index.mjs.map