@evercam/ui 0.0.28 → 0.0.30

package/dist/attributes.json

@@ -175,7 +175,7 @@
     "description": ""
   },
   "EVideoPlayer/sources": {
-    "type": "any",
+    "type": "array|string",
     "description": ""
   },
   "EVideoPlayer/video-listeners": {

package/dist/index.mjs

@@ -906,8 +906,8 @@ var ge = {}, G = {};
   };
   function b(g, d) {
     if (i.future.includes(d)) {
-      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);
+      var S, h, k;
+      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 $, z, T;
@@ -1043,13 +1043,13 @@ var ge = {}, G = {};
       })(),
       extract: (() => {
         let n = (() => {
-          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 : {};
+          var d, S, h, k, $, 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 : !(($ = 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, E;
+          var d, S, h, k;
           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 || (E = h.options) === null || E === void 0) && E.defaultExtractor)
+          if (!((h = i.content) === null || h === void 0 || (k = h.options) === null || k === void 0) && k.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, 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 : {};
+          var g, d, S, h, k, $;
+          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 || ($ = k.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;
       })()
@@ -1886,11 +1886,11 @@ var te = {}, re = {}, xe = {};
   Object.defineProperty(e, "__esModule", {
     value: !0
   });
-  function t(h, E) {
-    for (var $ in E)
+  function t(h, k) {
+    for (var $ in k)
       Object.defineProperty(h, $, {
         enumerable: !0,
-        get: E[$]
+        get: k[$]
       });
   }
   t(e, {
@@ -1908,7 +1908,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: E = !1 } = {}) {
+  function d(h, { loose: k = !1 } = {}) {
     var $, z;
     if (typeof h != "string")
       return null;
@@ -1927,7 +1927,7 @@ var te = {}, re = {}, xe = {};
         mode: "rgb",
         color: r.default[h].map((R) => R.toString())
       };
-    let T = h.replace(l, (R, B, N, m, k) => [
+    let T = h.replace(l, (R, B, N, m, E) => [
       "#",
       B,
       B,
@@ -1935,7 +1935,7 @@ var te = {}, re = {}, xe = {};
       N,
       m,
       m,
-      k ? k + k : ""
+      E ? E + E : ""
     ].join("")).match(s);
     if (T !== null)
       return {
@@ -1962,15 +1962,15 @@ var te = {}, re = {}, xe = {};
         L[0]
       ],
       alpha: L[1]
-    } : !E && L.length !== 3 || L.length < 3 && !L.some((R) => /^var\(.*?\)$/.test(R)) ? null : {
+    } : !k && L.length !== 3 || L.length < 3 && !L.some((R) => /^var\(.*?\)$/.test(R)) ? null : {
       mode: j[1],
       color: L,
       alpha: ($ = j[5]) === null || $ === void 0 || (z = $.toString) === null || z === void 0 ? void 0 : z.call($)
     };
   }
-  function S({ mode: h, color: E, alpha: $ }) {
+  function S({ mode: h, color: k, alpha: $ }) {
     let z = $ !== void 0;
-    return h === "rgba" || h === "hsla" ? `${h}(${E.join(", ")}${z ? `, ${$}` : ""})` : `${h}(${E.join(" ")}${z ? ` / ${$}` : ""})`;
+    return h === "rgba" || h === "hsla" ? `${h}(${k.join(", ")}${z ? `, ${$}` : ""})` : `${h}(${k.join(" ")}${z ? ` / ${$}` : ""})`;
   }
 })(re);
 (function(e) {
@@ -2089,8 +2089,8 @@ var ne = {}, _e = {}, X = {};
       let g = p.trim(), d = {
         raw: g
       }, S = g.split(s), h = /* @__PURE__ */ new Set();
-      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;
+      for (let k of S)
+        l.lastIndex = 0, !h.has("KEYWORD") && o.has(k) ? (d.keyword = k, h.add("KEYWORD")) : l.test(k) ? h.has("X") ? h.has("Y") ? h.has("BLUR") ? h.has("SPREAD") || (d.spread = k, h.add("SPREAD")) : (d.blur = k, h.add("BLUR")) : (d.y = k, h.add("Y")) : (d.x = k, h.add("X")) : d.color ? (d.unknown || (d.unknown = []), d.unknown.push(k)) : d.color = k;
       return d.valid = d.x !== void 0 && d.y !== void 0, d;
     });
   }
@@ -2151,7 +2151,7 @@ var ne = {}, _e = {}, X = {};
       return m;
     },
     familyName: function() {
-      return k;
+      return E;
     },
     genericName: function() {
       return c;
@@ -2192,7 +2192,7 @@ var ne = {}, _e = {}, X = {};
   function S(u) {
     return u.endsWith("%") && d(u.slice(0, -1)) || i(u);
   }
-  let E = `(?:${[
+  let k = `(?:${[
     "cm",
     "mm",
     "Q",
@@ -2226,7 +2226,7 @@ var ne = {}, _e = {}, X = {};
     "cqmax"
   ].join("|")})`;
   function $(u) {
-    return u === "0" || new RegExp(`^[+-]?[0-9]*.?[0-9]+(?:[eE][+-]?[0-9]+)?${E}$`).test(u) || i(u);
+    return u === "0" || new RegExp(`^[+-]?[0-9]*.?[0-9]+(?:[eE][+-]?[0-9]+)?${k}$`).test(u) || i(u);
   }
   let z = /* @__PURE__ */ new Set([
     "thin",
@@ -2284,7 +2284,7 @@ var ne = {}, _e = {}, X = {};
     let x = 0;
     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) {
+  function E(u) {
     let x = 0;
     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;
   }
@@ -2353,11 +2353,11 @@ var we = {};
   Object.defineProperty(e, "__esModule", {
     value: !0
   });
-  function t(m, k) {
-    for (var _ in k)
+  function t(m, E) {
+    for (var _ in E)
       Object.defineProperty(m, _, {
         enumerable: !0,
-        get: k[_]
+        get: E[_]
       });
   }
   t(e, {
@@ -2368,7 +2368,7 @@ var we = {};
       return d;
     },
     parseColorFormat: function() {
-      return E;
+      return k;
     },
     asColor: function() {
       return z;
@@ -2392,20 +2392,20 @@ var we = {};
       default: m
     };
   }
-  function n(m, k) {
+  function n(m, E) {
     m.walkClasses((_) => {
-      _.value = k(_.value), _.raws && _.raws.value && (_.raws.value = (0, r.default)(_.raws.value));
+      _.value = E(_.value), _.raws && _.raws.value && (_.raws.value = (0, r.default)(_.raws.value));
     });
   }
-  function p(m, k) {
+  function p(m, E) {
     if (!S(m))
       return;
     let _ = m.slice(1, -1);
-    if (k(_))
+    if (E(_))
       return (0, s.normalize)(_);
   }
-  function g(m, k = {}, _) {
-    let c = k[m];
+  function g(m, E = {}, _) {
+    let c = E[m];
     if (c !== void 0)
       return (0, l.default)(c);
     if (S(m)) {
@@ -2413,59 +2413,59 @@ var we = {};
       return y === void 0 ? void 0 : (0, l.default)(y);
     }
   }
-  function d(m, k = {}, { validate: _ = () => !0 } = {}) {
+  function d(m, E = {}, { validate: _ = () => !0 } = {}) {
     var c;
-    let y = (c = k.values) === null || c === void 0 ? void 0 : c[m];
-    return y !== void 0 ? y : k.supportsNegativeValues && m.startsWith("-") ? g(m.slice(1), k.values, _) : p(m, _);
+    let y = (c = E.values) === null || c === void 0 ? void 0 : c[m];
+    return y !== void 0 ? y : E.supportsNegativeValues && m.startsWith("-") ? g(m.slice(1), E.values, _) : p(m, _);
   }
   function S(m) {
     return m.startsWith("[") && m.endsWith("]");
   }
   function h(m) {
-    let k = m.lastIndexOf("/");
-    return k === -1 || k === m.length - 1 ? [
+    let E = m.lastIndexOf("/");
+    return E === -1 || E === m.length - 1 ? [
       m,
       void 0
     ] : S(m) && !m.includes("]/[") ? [
       m,
       void 0
     ] : [
-      m.slice(0, k),
-      m.slice(k + 1)
+      m.slice(0, E),
+      m.slice(E + 1)
     ];
   }
-  function E(m) {
+  function k(m) {
     if (typeof m == "string" && m.includes("<alpha-value>")) {
-      let k = m;
-      return ({ opacityValue: _ = 1 }) => k.replace("<alpha-value>", _);
+      let E = m;
+      return ({ opacityValue: _ = 1 }) => E.replace("<alpha-value>", _);
     }
     return m;
   }
   function $(m) {
     return (0, s.normalize)(m.slice(1, -1));
   }
-  function z(m, k = {}, { tailwindConfig: _ = {} } = {}) {
+  function z(m, E = {}, { tailwindConfig: _ = {} } = {}) {
     var c;
-    if (((c = k.values) === null || c === void 0 ? void 0 : c[m]) !== void 0) {
+    if (((c = E.values) === null || c === void 0 ? void 0 : c[m]) !== void 0) {
       var y;
-      return E((y = k.values) === null || y === void 0 ? void 0 : y[m]);
+      return k((y = E.values) === null || y === void 0 ? void 0 : y[m]);
     }
     let [v, f] = h(m);
     if (f !== void 0) {
       var C, u, x, O;
-      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]));
+      let P = (O = (C = E.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 = k(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, {
+    return d(m, E, {
       validate: s.color
     });
   }
-  function T(m, k = {}) {
+  function T(m, E = {}) {
     var _;
-    return (_ = k.values) === null || _ === void 0 ? void 0 : _[m];
+    return (_ = E.values) === null || _ === void 0 ? void 0 : _[m];
   }
   function A(m) {
-    return (k, _) => d(k, _, {
+    return (E, _) => d(E, _, {
       validate: m
     });
   }
@@ -2487,8 +2487,8 @@ var we = {};
     shadow: A(s.shadow),
     size: A(i.backgroundSize)
   }, L = Object.keys(j);
-  function R(m, k) {
-    let _ = m.indexOf(k);
+  function R(m, E) {
+    let _ = m.indexOf(E);
     return _ === -1 ? [
       void 0,
       m
@@ -2497,10 +2497,10 @@ var we = {};
       m.slice(_ + 1)
     ];
   }
-  function B(m, k, _, c) {
-    if (_.values && k in _.values)
+  function B(m, E, _, c) {
+    if (_.values && E in _.values)
       for (let { type: v } of m != null ? m : []) {
-        let f = j[v](k, _, {
+        let f = j[v](E, _, {
           tailwindConfig: c
         });
         if (f !== void 0)
@@ -2510,8 +2510,8 @@ var we = {};
             null
           ];
       }
-    if (S(k)) {
-      let v = k.slice(1, -1), [f, C] = R(v, ":");
+    if (S(E)) {
+      let v = E.slice(1, -1), [f, C] = R(v, ":");
       if (!/^[\w-_]+$/g.test(f))
         C = v;
       else if (f !== void 0 && !L.includes(f))
@@ -2523,14 +2523,14 @@ var we = {};
           null
         ];
     }
-    let y = N(m, k, _, c);
+    let y = N(m, E, _, c);
     for (let v of y)
       return v;
     return [];
   }
-  function* N(m, k, _, c) {
-    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") {
+  function* N(m, E, _, c) {
+    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 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 = $(f));
@@ -2579,12 +2579,12 @@ var Se = {};
   function h(c) {
     return typeof c == "function";
   }
-  function E(c, ...y) {
+  function k(c, ...y) {
     let v = y.pop();
     for (let f of y)
       for (let C in f) {
         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;
+        u === void 0 ? (0, a.default)(c[C]) && (0, a.default)(f[C]) ? c[C] = k({}, c[C], f[C], v) : c[C] = f[C] : c[C] = u;
       }
     return c;
   }
@@ -2607,7 +2607,7 @@ var Se = {};
     return h(c) ? c(...y) : c;
   }
   function T(c) {
-    return c.reduce((y, { extend: v }) => E(y, v, (f, C) => f === void 0 ? [
+    return c.reduce((y, { extend: v }) => k(y, v, (f, C) => f === void 0 ? [
       C
     ] : Array.isArray(f) ? [
       C,
@@ -2637,7 +2637,7 @@ var Se = {};
       return y;
   }
   function L({ extend: c, ...y }) {
-    return E(y, c, (v, f) => !h(v) && !f.some(h) ? E({}, v, ...f, j) : (C, u) => E({}, ...[
+    return k(y, c, (v, f) => !h(v) && !f.some(h) ? k({}, v, ...f, j) : (C, u) => k({}, ...[
       v,
       ...f
     ].map((x) => z(x, C, u)), j));
@@ -2701,7 +2701,7 @@ var Se = {};
       corePlugins: v
     }) : (0, o.default)(f, v), r.default);
   }
-  function k(c) {
+  function E(c) {
     return [
       ...c
     ].reduceRight((v, f) => [
@@ -2722,7 +2722,7 @@ var Se = {};
     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 : []))
+      plugins: E(c.map((C) => (f = C == null ? void 0 : C.plugins) !== null && f !== void 0 ? f : []))
     }, ...y));
   }
 })(le);
@@ -3914,7 +3914,7 @@ const Be = {
       pattern: /e-content-(around|baseline|between|center|end|evenly|normal|start|stretch)/
     }
   ]
-}, ke = Ue(Ve), Ie = ke.theme.fontSize, qe = ke.theme.colors, xt = [
+}, Ee = Ue(Ve), Ie = Ee.theme.fontSize, qe = Ee.theme.colors, xt = [
   w.dot,
   w.xs,
   w.sm,
@@ -4087,7 +4087,7 @@ var Qe = function() {
   null,
   null
 );
-const Ee = tt.exports, rt = W.extend({
+const ke = tt.exports, rt = W.extend({
   props: {
     align: {
       type: String,
@@ -4317,7 +4317,8 @@ const J = new Intl.NumberFormat(void 0, {
   "timeupdate",
   "canplay",
   "canplaythrough",
-  "statechanged"
+  "statechanged",
+  "error"
 ], q = (e) => {
   const t = Math.floor(e % 60), r = Math.floor(e / 60) % 60, o = Math.floor(e / 3600);
   return o === 0 ? `${r}:${J.format(t)}` : `${o}:${J.format(
@@ -4326,11 +4327,11 @@ const J = new Intl.NumberFormat(void 0, {
 }, mt = W.extend({
   name: "VideoPlayer",
   components: {
-    ESpinner: Ee
+    ESpinner: ke
   },
   props: {
     sources: {
-      type: Array || String,
+      type: [Array, String],
       required: !0
     },
     videoListeners: {
@@ -4355,12 +4356,13 @@ const J = new Intl.NumberFormat(void 0, {
       wasPaused: !1,
       isFullscreen: !1,
       isFinished: !1,
-      isLoading: !0
+      isLoading: !1,
+      isError: !1
     };
   },
   computed: {
-    hasMultipleSources() {
-      return Array.isArray(this.sources);
+    sourceItems() {
+      return Array.isArray(this.sources) ? this.sources : [{ src: this.sources }];
     },
     hasStartedOrFinished() {
       return (this.isFinished || this.realtime <= 0.1) && !this.isLoading && !this.isLooped();
@@ -4377,6 +4379,9 @@ const J = new Intl.NumberFormat(void 0, {
     this.unbindEvents(), this.destroyPlayer(), this.removeFullscreenListeners();
   },
   methods: {
+    handle404Error() {
+      this.isError = !0, this.isLoading = !1, this.playing = !1;
+    },
     bindEvents() {
       ie.forEach((e) => {
         this.bindVideoEvent(e);
@@ -4462,8 +4467,8 @@ const J = new Intl.NumberFormat(void 0, {
     handleEnded() {
       this.isFinished = !0, this.playing = !1;
     },
-    handleLoading() {
-      this.isLoading = !1;
+    handleLoading(e) {
+      console.log({ error: e }), this.isLoading = !1;
     },
     play() {
       const e = this.$refs.player;
@@ -4576,9 +4581,9 @@ const J = new Intl.NumberFormat(void 0, {
 });
 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-lg fa-solid", class: {
+  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.sourceItems, function(o) {
+    return r("source", { key: o.src, attrs: { src: o.src, type: o.type }, on: { error: t.handle404Error } });
+  }), 0), t.isLoading ? r("div", { staticClass: "spinner-container" }, [r("ESpinner", { attrs: { size: "9xl", opacity: "0.6", dark: !0 } })], 1) : t._e(), t.isError ? r("div", { staticClass: "spinner-container e-gap-3" }, [r("i", { staticClass: "fa-solid fa-video-slash fa-2xl" }), r("p", [t._v("This video file cannot be played.")])]) : 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: "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: {
@@ -4594,7 +4599,7 @@ var gt = function() {
   ht,
   !1,
   null,
-  "a2d04d0f",
+  "d56e218a",
   null,
   null
 );
@@ -4602,7 +4607,7 @@ const bt = yt.exports, ae = {
   EAvatar: De,
   EBadge: se,
   EIcon: Je,
-  ESpinner: Ee,
+  ESpinner: ke,
   ERow: st,
   ECol: dt,
   EVideoPlayer: bt
@@ -4624,7 +4629,7 @@ export {
   dt as ECol,
   Je as EIcon,
   st as ERow,
-  Ee as ESpinner,
+  ke as ESpinner,
   St as EVENTS,
   bt as EVideoPlayer,
   He as IconSizes,
@@ -4633,7 +4638,7 @@ export {
   ae as components,
   Ct as default,
   pt as exitFullScreen,
-  ke as fullConfig,
+  Ee as fullConfig,
   Pe as isFullScreen,
   ft as makeFullScreen
 };