@spash/frontlib 1.1.0-beta.2 → 1.1.0-beta.4

package/dist/main.js

@@ -1,4 +1,4 @@
-import { pushScopeId as b0, popScopeId as T0, defineComponent as Fe, nextTick as mh, openBlock as ee, createBlock as qe, createElementBlock as ye, normalizeClass as Ue, renderSlot as Wt, normalizeProps as R0, guardReactiveProps as I0, withScopeId as w0, resolveComponent as _e, normalizeStyle as Kt, withKeys as O0, createElementVNode as $, Fragment as Jt, createCommentVNode as nt, withCtx as it, createVNode as Xe, ref as ve, createApp as L0, h as an, mergeProps as jr, toDisplayString as tt, getCurrentInstance as ls, inject as ph, onMounted as cn, onUnmounted as Ni, shallowRef as fu, computed as Ie, onBeforeMount as k0, watch as Yt, effectScope as P0, isRef as hu, Text as F0, toRefs as Ct, Transition as M0, unref as de, createStaticVNode as Bi, resolveDynamicComponent as Vi, Teleport as Ns, getCurrentScope as D0, onScopeDispose as U0, toRef as N0, readonly as B0, customRef as V0, reactive as Sl, useCssVars as gh, renderList as vs, createTextVNode as Ft, withDirectives as Dr, vModelText as G0, resolveDirective as z0, TransitionGroup as j0, vShow as Bs, provide as La, withModifiers as H0, onUpdated as vh, onBeforeUnmount as K0 } from "vue";
+import { pushScopeId as b0, popScopeId as T0, defineComponent as Fe, nextTick as mh, openBlock as ee, createBlock as qe, createElementBlock as ye, normalizeClass as Ue, renderSlot as Wt, normalizeProps as R0, guardReactiveProps as I0, withScopeId as w0, resolveComponent as _e, normalizeStyle as Kt, withKeys as O0, createElementVNode as $, Fragment as Jt, createCommentVNode as rt, withCtx as it, createVNode as Xe, ref as ve, createApp as L0, h as an, mergeProps as jr, toDisplayString as tt, getCurrentInstance as ls, inject as ph, onMounted as cn, onUnmounted as Ni, shallowRef as fu, computed as Ie, onBeforeMount as k0, watch as Yt, effectScope as P0, isRef as hu, Text as F0, toRefs as Ct, Transition as M0, unref as de, createStaticVNode as Bi, resolveDynamicComponent as Vi, Teleport as Ns, getCurrentScope as D0, onScopeDispose as U0, toRef as N0, readonly as B0, customRef as V0, reactive as Sl, useCssVars as gh, renderList as vs, createTextVNode as Ft, withDirectives as Dr, vModelText as G0, resolveDirective as z0, TransitionGroup as j0, vShow as Bs, provide as La, withModifiers as H0, onUpdated as vh, onBeforeUnmount as K0 } from "vue";
 const W0 = ["top", "right", "bottom", "left"], mc = ["start", "end"], pc = /* @__PURE__ */ W0.reduce((n, e) => n.concat(e, e + "-" + mc[0], e + "-" + mc[1]), []), Si = Math.min, ts = Math.max, q0 = {
   left: "right",
   right: "left",
@@ -1758,8 +1758,8 @@ function Lv(n, e, t, r, s, i) {
           n.handleResize ? (ee(), qe(o, {
             key: 0,
             onNotify: e[1] || (e[1] = (a) => n.$emit("resize", a))
-          })) : nt("", !0)
-        ], 64)) : nt("", !0)
+          })) : rt("", !0)
+        ], 64)) : rt("", !0)
       ], 512),
       $("div", {
         ref: "arrow",
@@ -6112,7 +6112,7 @@ const UA = /* @__PURE__ */ Fe({
       onAfterEnter: u[1] || (u[1] = (c) => r("after-enter"))
     }, {
       default: it(() => [
-        o.value ? Wt(l.$slots, "default", { key: 0 }) : nt("", !0)
+        o.value ? Wt(l.$slots, "default", { key: 0 }) : rt("", !0)
       ]),
       _: 3
     }, 8, ["name", "duration"]));
@@ -6173,7 +6173,7 @@ const pd = {
             indeterminate: "",
             size: "32"
           }, null, 8, ["color"])
-        ])) : nt("", !0),
+        ])) : rt("", !0),
         u.loading ? (ee(), ye("div", GA, [
           Wt(u.$slots, "default")
         ])) : Wt(u.$slots, "default", { key: 2 })
@@ -6308,7 +6308,7 @@ const pd = {
                 }, tt(de(s)[a.value].title), 3),
                 A[1] || (A[1] = $("div", { class: "mt-2 w-32 h-3 bg-primary" }, null, -1))
               ])
-            ])) : nt("", !0)
+            ])) : rt("", !0)
           ]),
           _: 1
         }),
@@ -6322,7 +6322,7 @@ const pd = {
               src: de(s)[a.value].imageSrc,
               class: Ue(["absolute", [de(s)[a.value].imageClasses]]),
               style: Kt([de(s)[a.value].imageStyles])
-            }, null, 14, YA)) : nt("", !0)
+            }, null, 14, YA)) : rt("", !0)
           ]),
           _: 1
         }),
@@ -6341,7 +6341,7 @@ const pd = {
                   onEnded: g,
                   onClick: A[0] || (A[0] = (I) => r("click-video"))
                 }, null, 40, _A)
-              ])) : nt("", !0)
+              ])) : rt("", !0)
             ]),
             _: 1
           })
@@ -6581,7 +6581,7 @@ const hE = ["onClick"], mE = { class: "h-full" }, pE = { class: "flex items-end"
                   I.key === de(o) && u.value === "end" ? (ee(), qe(A, {
                     key: 0,
                     class: "w-12 h-12 text-text"
-                  })) : nt("", !0)
+                  })) : rt("", !0)
                 ]),
                 _: 2
               }, 1024)
@@ -6605,10 +6605,10 @@ const hE = ["onClick"], mE = { class: "h-full" }, pE = { class: "flex items-end"
                         Ft(tt(I.descriptions[0]) + " ", 1),
                         v[0] || (v[0] = $("br", null, null, -1)),
                         Ft(" " + tt(I.descriptions[1]), 1)
-                      ])) : nt("", !0)
+                      ])) : rt("", !0)
                     ]),
                     _: 2
-                  }, 1024)) : nt("", !0)
+                  }, 1024)) : rt("", !0)
                 ], 2)
               ]),
               I.key === de(o) && u.value === "end" ? (ee(), qe(Im, {
@@ -6621,7 +6621,7 @@ const hE = ["onClick"], mE = { class: "h-full" }, pE = { class: "flex items-end"
                   Ft(tt(de(s)("commons.choose")), 1)
                 ]),
                 _: 2
-              }, 1032, ["color", "onClick"])) : nt("", !0)
+              }, 1032, ["color", "onClick"])) : rt("", !0)
             ])
           ], 6)
         ], 14, hE))), 256))
@@ -6827,7 +6827,7 @@ const hE = ["onClick"], mE = { class: "h-full" }, pE = { class: "flex items-end"
     }), (g, v) => {
       const A = _e("SpashIconChevronDown"), C = _e("SpashDropdown"), I = z0("close-popper");
       return ee(), ye("div", wE, [
-        g.label ? (ee(), ye("label", OE, tt(g.label), 1)) : nt("", !0),
+        g.label ? (ee(), ye("label", OE, tt(g.label), 1)) : rt("", !0),
         Xe(C, {
           disabled: g.disabled,
           onHide: h,
@@ -6838,7 +6838,7 @@ const hE = ["onClick"], mE = { class: "h-full" }, pE = { class: "flex items-end"
               class: "max-h-64 overflow-auto",
               style: Kt([{ width: a.value }])
             }, [
-              g.options.length ? nt("", !0) : (ee(), ye("li", FE, tt(g.emptyMessage), 1)),
+              g.options.length ? rt("", !0) : (ee(), ye("li", FE, tt(g.emptyMessage), 1)),
               (ee(!0), ye(Jt, null, vs(g.options, (b) => Dr((ee(), ye("li", {
                 key: b[g.itemKey],
                 class: Ue([[c(b[g.itemKey]) ? "text-red-500" : ""], "flex items-center py-4 cursor-pointer rounded-t-lg text-sm p-6 hover:text-red-500 hover:bg-red-100 font-medium"]),
@@ -7524,7 +7524,7 @@ const km = /* @__PURE__ */ je(hC, [["render", mC]]), pC = {
       ]),
       e.showBlur ? (ee(), ye("defs", xC, t[0] || (t[0] = [
         Bi('<filter id="a" x=".827" y="8.716" width="130.659" height="130.562" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation="15"></feGaussianBlur><feComposite in2="hardAlpha" operator="out"></feComposite><feColorMatrix values="0 0 0 0 1 0 0 0 0 0.196078 0 0 0 0 0.294118 0 0 0 0.62 0"></feColorMatrix><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_4587_32262"></feBlend><feBlend in="SourceGraphic" in2="effect1_dropShadow_4587_32262" result="shape"></feBlend></filter><filter id="b" x="72.27" y=".886" width="69.838" height="68.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation="10"></feGaussianBlur><feComposite in2="hardAlpha" operator="out"></feComposite><feColorMatrix values="0 0 0 0 1 0 0 0 0 0.196078 0 0 0 0 0.294118 0 0 0 0.57 0"></feColorMatrix><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_4587_32262"></feBlend><feBlend in="SourceGraphic" in2="effect1_dropShadow_4587_32262" result="shape"></feBlend></filter><filter id="c" x="69.389" y="74.942" width="75.792" height="75.741" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation="10"></feGaussianBlur><feComposite in2="hardAlpha" operator="out"></feComposite><feColorMatrix values="0 0 0 0 1 0 0 0 0 0.196078 0 0 0 0 0.294118 0 0 0 0.57 0"></feColorMatrix><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_4587_32262"></feBlend><feBlend in="SourceGraphic" in2="effect1_dropShadow_4587_32262" result="shape"></feBlend></filter>', 3)
-      ]))) : nt("", !0)
+      ]))) : rt("", !0)
     ], 2));
   }
 }), CC = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
@@ -7615,13 +7615,13 @@ const km = /* @__PURE__ */ je(hC, [["render", mC]]), pC = {
                       Wt(l.$slots, "default")
                     ]),
                     _: 3
-                  }, 16, ["class", "style"])) : nt("", !0)
+                  }, 16, ["class", "style"])) : rt("", !0)
                 ]),
                 _: 3
               }, 8, ["name"])
             ], 2)
           ])
-        ], 2)) : nt("", !0)
+        ], 2)) : rt("", !0)
       ]);
     };
   }
@@ -8036,7 +8036,7 @@ const pb = () => {
     ]));
   }
 }), Eb = /* @__PURE__ */ je(Ab, [["__scopeId", "data-v-881f5b87"]]);
-var rt = /* @__PURE__ */ ((n) => (n.buzz = "buzz", n.layer = "layer", n.draw = "draw", n.field2D = "field2D", n.resumeAuto = "resumeAuto", n.filterPlayers = "filterPlayers", n))(rt || {}), ks = /* @__PURE__ */ ((n) => (n.fullscreen = "fullscreen", n.readingSpeed = "reading-speed", n.videoTimecode = "video-timecode", n.playPause = "play-pause", n.changeTimecode = "change-timecode", n))(ks || {}), _n = /* @__PURE__ */ ((n) => (n.black = "--color-black", n.white = "--color-white", n.red = "--color-red-500", n.yellow = "--color-yellow-500", n.green = "--color-green-500", n.blue = "--color-blue-500", n))(_n || {}), jn = /* @__PURE__ */ ((n) => (n.PLAY = "PLAY", n.PAUSE = "PAUSE", n))(jn || {});
+var nt = /* @__PURE__ */ ((n) => (n.buzz = "buzz", n.layer = "layer", n.draw = "draw", n.field2D = "field2D", n.resumeAuto = "resumeAuto", n.filterPlayers = "filterPlayers", n))(nt || {}), ks = /* @__PURE__ */ ((n) => (n.fullscreen = "fullscreen", n.readingSpeed = "reading-speed", n.videoTimecode = "video-timecode", n.playPause = "play-pause", n.changeTimecode = "change-timecode", n))(ks || {}), _n = /* @__PURE__ */ ((n) => (n.black = "--color-black", n.white = "--color-white", n.red = "--color-red-500", n.yellow = "--color-yellow-500", n.green = "--color-green-500", n.blue = "--color-blue-500", n))(_n || {}), jn = /* @__PURE__ */ ((n) => (n.PLAY = "PLAY", n.PAUSE = "PAUSE", n))(jn || {});
 const xb = { class: "flex flex-col gap-12 w-full" }, Sb = ["onClick"], Cb = /* @__PURE__ */ Fe({
   __name: "SpashVideoCameras",
   props: {
@@ -25195,7 +25195,7 @@ const W3 = /* @__PURE__ */ Fe({
             C[0] || (C[0] = (B) => o.value = B),
             c
           ]
-        }, null, 8, ["modelValue"])) : nt("", !0),
+        }, null, 8, ["modelValue"])) : rt("", !0),
         (b = de(s)) != null && b.includes(de(ks).changeTimecode) ? (ee(), qe(_3, {
           key: 1,
           modelValue: a.value,
@@ -25203,14 +25203,14 @@ const W3 = /* @__PURE__ */ Fe({
             C[1] || (C[1] = (B) => a.value = B),
             d
           ]
-        }, null, 8, ["modelValue"])) : nt("", !0),
+        }, null, 8, ["modelValue"])) : rt("", !0),
         (L = de(s)) != null && L.includes(de(ks).videoTimecode) ? (ee(), qe(r5, {
           key: 2,
           "video-timecode": A.videoTimecode,
           "video-timecode-total": A.videoTimecodeTotal,
           "onUpdate:timecode": h,
           "onClick:timecode": p
-        }, null, 8, ["video-timecode", "video-timecode-total"])) : nt("", !0),
+        }, null, 8, ["video-timecode", "video-timecode-total"])) : rt("", !0),
         (O = de(s)) != null && O.includes(de(ks).readingSpeed) ? (ee(), qe($3, {
           key: 3,
           modelValue: l.value,
@@ -25218,7 +25218,7 @@ const W3 = /* @__PURE__ */ Fe({
             C[2] || (C[2] = (B) => l.value = B),
             g
           ]
-        }, null, 8, ["modelValue"])) : nt("", !0),
+        }, null, 8, ["modelValue"])) : rt("", !0),
         (N = de(s)) != null && N.includes(de(ks).fullscreen) ? (ee(), qe(s5, {
           key: 4,
           modelValue: u.value,
@@ -25226,7 +25226,7 @@ const W3 = /* @__PURE__ */ Fe({
             C[3] || (C[3] = (B) => u.value = B),
             v
           ]
-        }, null, 8, ["modelValue"])) : nt("", !0)
+        }, null, 8, ["modelValue"])) : rt("", !0)
       ]);
     };
   }
@@ -25244,10 +25244,10 @@ const W3 = /* @__PURE__ */ Fe({
     const A = Ie(() => ({
       transform: `translate(calc(-50% + ${g.value}px), calc(-50% + ${v.value}px)) scale(${l.value})`
     })), C = (G) => {
-      s.value && (G.touches.length === 2 ? (G.preventDefault(), d.value = O(G.touches)) : G.touches.length === 1 && l.value > 1 && (c.value = !0, h.value = G.touches[0].clientX, p.value = G.touches[0].clientY));
+      s.value && (G.touches.length === 2 ? d.value = O(G.touches) : G.touches.length === 1 && l.value > 1 && (c.value = !0, h.value = G.touches[0].clientX, p.value = G.touches[0].clientY));
     }, I = (G) => {
       if (!(!s.value || !o.value)) {
-        if (G.preventDefault(), G.touches.length === 2) {
+        if (G.touches.length === 2) {
           const _ = O(G.touches), Z = _ - d.value;
           if (Math.abs(Z) > 8) {
             const J = N(G.touches), le = Z > 0 ? 1.015 : 0.985;
@@ -25262,7 +25262,7 @@ const W3 = /* @__PURE__ */ Fe({
     }, b = (G) => {
       s.value && G.touches.length < 2 && (c.value = !1);
     }, L = (G) => {
-      if (!s.value || !i.value || (G.preventDefault(), !a.value)) return;
+      if (!s.value || !i.value || !a.value) return;
       const _ = a.value.getBoundingClientRect(), Z = {
         x: G.clientX - _.left,
         y: G.clientY - _.top
@@ -25306,10 +25306,10 @@ const W3 = /* @__PURE__ */ Fe({
       ref_key: "videoContainer",
       ref: a,
       class: "relative touch-none h-full z-2 overflow-hidden",
-      onTouchstart: C,
-      onTouchmove: I,
-      onTouchend: b,
-      onWheel: L
+      onTouchstartPassive: C,
+      onTouchmovePassive: I,
+      onTouchendPassive: b,
+      onWheelPassive: L
     }, [
       $("div", {
         class: "absolute top-1/2 left-1/2 object-fill transition-transform duration-100 ease-out origin-center w-full h-full",
@@ -25586,7 +25586,7 @@ const p5 = {
               key: 0,
               class: Ue(["w-full h-full text-white flex items-center justify-center bg-black bg-opacity-70 text-4xl font-bold", [ue.spashMode === "landscape" ? "" : "min-h-[600px]"]]),
               style: { padding: "0 300px" }
-            }, tt(ue.$t("components.SpashVideo.SpashVideoPlayer.videoError")), 3)) : nt("", !0),
+            }, tt(ue.$t("components.SpashVideo.SpashVideoPlayer.videoError")), 3)) : rt("", !0),
             x[1] || (x[1] = $("div", { id: "spash-video-layer-option" }, null, -1)),
             x[2] || (x[2] = $("div", { id: "spash-video-draw-option" }, null, -1))
           ]),
@@ -25610,7 +25610,7 @@ const p5 = {
               "onUpdate:fullscreen": Z,
               "onClick:timecode": J,
               "onControls:loaded": se
-            }, null, 8, ["controlsEnabled", "style", "video-timecode", "video-timecode-total", "class", "has-buzz-enabled"])) : nt("", !0)
+            }, null, 8, ["controlsEnabled", "style", "video-timecode", "video-timecode-total", "class", "has-buzz-enabled"])) : rt("", !0)
           ]),
           _: 1
         }),
@@ -25620,7 +25620,7 @@ const p5 = {
             indeterminate: "",
             size: "64"
           })
-        ])) : nt("", !0)
+        ])) : rt("", !0)
       ], 2);
     };
   }
@@ -25748,13 +25748,13 @@ const U5 = /* @__PURE__ */ je(F5, [["render", D5]]), N5 = { class: "relative min
           alt: de(a).alt
         }, null, 8, B5),
         $("p", V5, tt(u.value), 1),
-        de(t).type === "goal" ? (ee(), ye("p", G5, tt(c.value), 1)) : nt("", !0),
-        de(t).type === "game" ? (ee(), ye("p", z5, tt((b = de(t)) == null ? void 0 : b.currentScoreHome[(I = de(t)) == null ? void 0 : I.currentSet]) + " - " + tt((O = de(t)) == null ? void 0 : O.currentScoreAway[(L = de(t)) == null ? void 0 : L.currentSet]), 1)) : nt("", !0),
+        de(t).type === "goal" ? (ee(), ye("p", G5, tt(c.value), 1)) : rt("", !0),
+        de(t).type === "game" ? (ee(), ye("p", z5, tt((b = de(t)) == null ? void 0 : b.currentScoreHome[(I = de(t)) == null ? void 0 : I.currentSet]) + " - " + tt((O = de(t)) == null ? void 0 : O.currentScoreAway[(L = de(t)) == null ? void 0 : L.currentSet]), 1)) : rt("", !0),
         de(t).type === "new_set" ? (ee(), ye("div", j5, [
           $("p", H5, tt(((N = de(t)) == null ? void 0 : N.currentSet) + 1), 1),
           Xe(v, { class: "w-8 h-8 mx-2" }),
           $("p", K5, tt(((B = de(t)) == null ? void 0 : B.currentSet) + 2), 1)
-        ])) : nt("", !0),
+        ])) : rt("", !0),
         Xe(C, {
           size: "sm",
           color: h.value.color,
@@ -25766,7 +25766,7 @@ const U5 = /* @__PURE__ */ je(F5, [["render", D5]]), N5 = { class: "relative min
                 class: "w-5 h-5",
                 "animation-active": !1
               })
-            ])) : nt("", !0),
+            ])) : rt("", !0),
             $("div", {
               class: Ue({ "mt-1": de(t).aiCalculated })
             }, tt(h.value.title), 3)
@@ -25951,7 +25951,7 @@ const U5 = /* @__PURE__ */ je(F5, [["render", D5]]), N5 = { class: "relative min
               "item-key": "id",
               "item-value": "name",
               multiple: ""
-            }, null, 8, ["modelValue", "options"])) : nt("", !0),
+            }, null, 8, ["modelValue", "options"])) : rt("", !0),
             de(l) ? (ee(), qe(Ns, {
               key: 1,
               to: "#spash-video-resume-auto"
@@ -25966,7 +25966,7 @@ const U5 = /* @__PURE__ */ je(F5, [["render", D5]]), N5 = { class: "relative min
                 "true-label": de(u)("commons.on"),
                 "false-label": de(u)("commons.off")
               }, null, 8, ["modelValue", "label", "true-label", "false-label"])
-            ])) : nt("", !0),
+            ])) : rt("", !0),
             Xe(oe, {
               class: "flex items-center gap-4 font-medium",
               size: "sm",
@@ -26255,43 +26255,43 @@ const e2 = /* @__PURE__ */ Fe({
       return ((ge = (oe = (se = i.value) == null ? void 0 : se.field) == null ? void 0 : oe.sport) == null ? void 0 : ge.racketSport) || !1;
     }), C = ve(o.value), I = fu([
       {
-        key: rt.buzz,
+        key: nt.buzz,
         icon: E5,
         iconClass: "w-14 h-14",
-        display: a.value.includes(rt.buzz),
+        display: a.value.includes(nt.buzz),
         disabled: !1,
         onClick: () => {
-          j(rt.buzz);
+          j(nt.buzz);
         }
       },
       {
-        key: rt.field2D,
+        key: nt.field2D,
         icon: A.value ? b5 : w5,
         iconClass: "w-14 h-14",
-        display: a.value.includes(rt.field2D),
+        display: a.value.includes(nt.field2D),
         disabled: !1,
         onClick: () => {
-          j(rt.field2D);
+          j(nt.field2D);
         }
       },
       {
-        key: rt.layer,
+        key: nt.layer,
         icon: P5,
         iconClass: "w-12 h-12",
-        display: a.value.includes(rt.layer),
+        display: a.value.includes(nt.layer),
         disabled: !v.value,
         onClick: () => {
-          v.value && j(rt.layer);
+          v.value && j(nt.layer);
         }
       },
       {
-        key: rt.draw,
+        key: nt.draw,
         icon: U5,
         iconClass: "w-10 h-10",
-        display: a.value.includes(rt.draw),
+        display: a.value.includes(nt.draw),
         disabled: !1,
         onClick: () => {
-          j(rt.draw);
+          j(nt.draw);
         }
       }
     ]), b = ve(null), L = ve(null), O = ve(_n.red), N = Ie(() => I.value.filter((se) => se.display)), B = Ie(() => {
@@ -26301,14 +26301,14 @@ const e2 = /* @__PURE__ */ Fe({
       var se;
       return ((se = b.value) == null ? void 0 : se.enableNext) || !1;
     }), j = (se) => {
-      C.value.includes(se) ? [rt.field2D, rt.draw].includes(se) ? C.value = C.value.filter(
-        (ge) => ge !== rt.field2D && ge !== rt.draw
+      C.value.includes(se) ? [nt.field2D, nt.draw].includes(se) ? C.value = C.value.filter(
+        (ge) => ge !== nt.field2D && ge !== nt.draw
       ) : C.value = C.value.filter(
         (ge) => ge !== se
-      ) : (C.value = [...C.value, se], se === rt.field2D && (C.value = [
+      ) : (C.value = [...C.value, se], se === nt.field2D && (C.value = [
         ...C.value,
         se,
-        rt.draw
+        nt.draw
       ])), s("update:optionsSelected", C.value);
     }, G = ({ width: se, height: oe }) => {
       var ge;
@@ -26333,7 +26333,7 @@ const e2 = /* @__PURE__ */ Fe({
       g.value = !0;
     }), Yt(d, () => {
       I.value.forEach((se) => {
-        se.key === rt.layer && (se.disabled = !v.value, se.disabled && C.value.includes(rt.layer) && j(rt.layer));
+        se.key === nt.layer && (se.disabled = !v.value, se.disabled && C.value.includes(nt.layer) && j(nt.layer));
       });
     }), Yt(o, (se) => {
       C.value = se;
@@ -26363,12 +26363,12 @@ const e2 = /* @__PURE__ */ Fe({
               (ee(), qe(Vi(ue.icon), {
                 class: Ue([ue.iconClass])
               }, null, 8, ["class"])),
-              ue.key === de(rt).draw ? (ee(), qe(ge, {
+              ue.key === de(nt).draw ? (ee(), qe(ge, {
                 key: 0,
                 name: "slide-left"
               }, {
                 default: it(() => [
-                  C.value.includes(de(rt).draw) ? (ee(), qe(o2, {
+                  C.value.includes(de(nt).draw) ? (ee(), qe(o2, {
                     key: 0,
                     color: O.value,
                     "onUpdate:color": oe[0] || (oe[0] = (x) => O.value = x),
@@ -26380,15 +26380,15 @@ const e2 = /* @__PURE__ */ Fe({
                     "onDraw:prev": J,
                     "onDraw:next": le,
                     "onDraw:delete": ae
-                  }, null, 8, ["color", "total-strokes", "enable-next", "onClose"])) : nt("", !0)
+                  }, null, 8, ["color", "total-strokes", "enable-next", "onClose"])) : rt("", !0)
                 ]),
                 _: 2
-              }, 1024)) : nt("", !0)
+              }, 1024)) : rt("", !0)
             ], 10, p2))), 128))
           ])
         ], 2),
         (ee(), qe(Ns, { to: "body" }, [
-          de(a).includes(de(rt).buzz) ? (ee(), qe(ge, {
+          de(a).includes(de(nt).buzz) ? (ee(), qe(ge, {
             key: 0,
             name: "slide-up"
           }, {
@@ -26401,63 +26401,63 @@ const e2 = /* @__PURE__ */ Fe({
                 timecode: de(h),
                 "session-event-types": se.sessionEventTypes,
                 "navigate-back": se.navigateBack,
-                "has-resume-auto": de(a).includes(de(rt).resumeAuto) && se.isLoadedControls,
-                "has-filter-players": de(a).includes(de(rt).filterPlayers) && se.isLoadedControls,
+                "has-resume-auto": de(a).includes(de(nt).resumeAuto) && se.isLoadedControls,
+                "has-filter-players": de(a).includes(de(nt).filterPlayers) && se.isLoadedControls,
                 "onUpdate:timecode": oe[2] || (oe[2] = (ue) => se.$emit("update:timecode", ue)),
-                onClose: oe[3] || (oe[3] = (ue) => j(de(rt).buzz))
+                onClose: oe[3] || (oe[3] = (ue) => j(de(nt).buzz))
               }, null, 8, ["session", "events", "timecode", "session-event-types", "navigate-back", "has-resume-auto", "has-filter-players"]), [
-                [Bs, C.value.includes(de(rt).buzz)]
+                [Bs, C.value.includes(de(nt).buzz)]
               ])
             ]),
             _: 1
-          })) : nt("", !0)
+          })) : rt("", !0)
         ])),
-        de(a).includes(de(rt).field2D) ? (ee(), qe(ge, { key: 0 }, {
+        de(a).includes(de(nt).field2D) ? (ee(), qe(ge, { key: 0 }, {
           default: it(() => [
-            C.value.includes(de(rt).field2D) ? (ee(), qe(f2, {
+            C.value.includes(de(nt).field2D) ? (ee(), qe(f2, {
               key: 0,
               "is-racket-sport": A.value
-            }, null, 8, ["is-racket-sport"])) : nt("", !0)
+            }, null, 8, ["is-racket-sport"])) : rt("", !0)
           ]),
           _: 1
-        })) : nt("", !0),
+        })) : rt("", !0),
         g.value ? (ee(), qe(Ns, {
           key: 1,
           to: "#spash-video-layer-option"
         }, [
-          de(a).includes(de(rt).layer) ? (ee(), qe(ge, { key: 0 }, {
+          de(a).includes(de(nt).layer) ? (ee(), qe(ge, { key: 0 }, {
             default: it(() => [
               Dr(Xe(h2, {
                 ref_key: "spashVideoOptionsLayerEl",
                 ref: L,
                 field: de(c)
               }, null, 8, ["field"]), [
-                [Bs, C.value.includes(de(rt).layer)]
+                [Bs, C.value.includes(de(nt).layer)]
               ])
             ]),
             _: 1
-          })) : nt("", !0)
-        ])) : nt("", !0),
+          })) : rt("", !0)
+        ])) : rt("", !0),
         g.value ? (ee(), qe(Ns, {
           key: 2,
           to: "#spash-video-draw-option"
         }, [
-          de(a).includes(de(rt).draw) ? (ee(), qe(ge, { key: 0 }, {
+          de(a).includes(de(nt).draw) ? (ee(), qe(ge, { key: 0 }, {
             default: it(() => [
               Dr(Xe(e2, {
                 ref_key: "spashVideoOptionsDrawEl",
                 ref: b,
                 color: O.value,
-                "is-open": C.value.includes(de(rt).draw),
-                "is-open-field2d": C.value.includes(de(rt).field2D),
+                "is-open": C.value.includes(de(nt).draw),
+                "is-open-field2d": C.value.includes(de(nt).field2D),
                 "spash-mode": se.spashMode
               }, null, 8, ["color", "is-open", "is-open-field2d", "spash-mode"]), [
-                [Bs, C.value.includes(de(rt).draw)]
+                [Bs, C.value.includes(de(nt).draw)]
               ])
             ]),
             _: 1
-          })) : nt("", !0)
-        ])) : nt("", !0)
+          })) : rt("", !0)
+        ])) : rt("", !0)
       ]);
     };
   }
@@ -26493,9 +26493,9 @@ const e2 = /* @__PURE__ */ Fe({
       for (let ge = 0; ge < i.value.field.camerasTotal; ge++)
         oe = [...oe, `/data/ngtv_sessions/${i.value.reference}/video${ge}.m3u8`];
       return oe;
-    }), O = Ie(() => L.value[c.value - 1]), N = Ie(() => a.value.includes(rt.buzz)), B = Ie(
+    }), O = Ie(() => L.value[c.value - 1]), N = Ie(() => a.value.includes(nt.buzz)), B = Ie(
       () => i.value.ngtvSessionEvents.filter((oe) => !oe.type.includes("FastestHit"))
-    ), q = Ie(() => a.value.some((oe) => oe !== "draw")), j = (oe) => {
+    ), q = Ie(() => a.value.includes(nt.draw)), j = (oe) => {
       var ge, ue, x;
       (ge = d.value) == null || ge.createCanvas({ width: +oe.width, height: +oe.height }), (ue = u.value) == null || ue.setControlWidth(`${+oe.width}px`), (x = d.value) == null || x.createLayerContainer({ width: +oe.width, height: +oe.height }), h.value = !0;
     }, G = (oe) => {
@@ -26513,9 +26513,9 @@ const e2 = /* @__PURE__ */ Fe({
     }, ae = () => {
       I.value = !0;
     }, se = () => {
-      a.value.some((ge) => ge !== "draw") && s(
+      q.value && s(
         "update:optionsSelected",
-        a.value.filter((ge) => ge !== "draw")
+        a.value.filter((oe) => oe !== "draw")
       );
     };
     return Yt(
@@ -26537,13 +26537,13 @@ const e2 = /* @__PURE__ */ Fe({
         $("div", jr({
           class: ["flex", [
             `video-mode-${oe.spashMode}`,
-            oe.fullWidth && !g.value.includes(de(rt).field2D) && !v.value ? "relative" : "",
+            oe.fullWidth && !g.value.includes(de(nt).field2D) && !v.value ? "relative" : "",
             v.value ? "absolute left-0 top-0 z-5 w-full" : "",
             oe.spashMode === "landscape" ? "h-full" : "w-full min-h-[600px]",
             oe.extraClasses
           ]]
         }, oe.$attrs), [
-          v.value ? nt("", !0) : (ee(), qe(Cb, {
+          v.value ? rt("", !0) : (ee(), qe(Cb, {
             key: 0,
             "cameras-total": C.value,
             "full-width": oe.fullWidth,
@@ -38326,7 +38326,7 @@ export {
   B9 as Plugin,
   E9 as SessionStatus,
   ks as SpashVideoControls,
-  rt as SpashVideoOptions,
+  nt as SpashVideoOptions,
   V9 as default,
   O9 as useAdServer,
   L9 as useAxios,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spash/frontlib",
-  "version": "1.1.0-beta.2",
+  "version": "1.1.0-beta.4",
   "type": "module",
   "files": [
     "dist"