@telefonica/mistica 15.2.1 → 15.4.0

package/dist-es/utils/aspect-ratio-support.js

@@ -53,13 +53,13 @@ function _object_spread_props(target, source) {
 }
 import { jsx as h } from "react/jsx-runtime";
 import m from "classnames";
-import * as o from "react";
+import * as n from "react";
 import { useIsomorphicLayoutEffect as l } from "../hooks.js";
-import { container as f, containerWithWrapper as w, vars as R, wrapper as N } from "./aspect-ratio-support.css-mistica.js";
-import { applyCssVars as b } from "./css.js";
-const u = /*#__PURE__*/ o.createContext(!0), x = (param)=>{
+import { container as f, containerWithWrapper as w, vars as R, wrapper as b } from "./aspect-ratio-support.css-mistica.js";
+import { applyCssVars as y } from "./css.js";
+const u = /*#__PURE__*/ n.createContext(!0), x = (param)=>{
     let { children: t } = param;
-    const [r, s] = o.useState(!0);
+    const [o, s] = n.useState(!0);
     return l(()=>{
         try {
             CSS.supports("aspect-ratio", "1 / 1") || s(!1);
@@ -67,16 +67,16 @@ const u = /*#__PURE__*/ o.createContext(!0), x = (param)=>{
             s(!1);
         }
     }, []), /* @__PURE__ */ h(u.Provider, {
-        value: r,
+        value: o,
         children: t
     });
-}, y = ()=>o.useContext(u), W = (t)=>{
-    const r = y(), s = typeof t.width != "number" && typeof t.height != "number" && t.aspectRatio !== 0, e = s ? t.aspectRatio : void 0;
+}, N = ()=>n.useContext(u), W = (t)=>{
+    const o = N(), s = typeof t.width != "number" && typeof t.height != "number" && t.aspectRatio !== 0, e = s ? t.aspectRatio : void 0;
     let i = t.width, a = t.height;
     var _t_aspectRatio, _t_aspectRatio1;
     t.width !== void 0 && t.height !== void 0 ? (i = t.width, a = t.height) : typeof t.width == "number" ? a = t.aspectRatio !== 0 ? t.width / ((_t_aspectRatio = t.aspectRatio) !== null && _t_aspectRatio !== void 0 ? _t_aspectRatio : 1) : void 0 : typeof t.height == "number" ? i = t.aspectRatio !== 0 ? t.height * ((_t_aspectRatio1 = t.aspectRatio) !== null && _t_aspectRatio1 !== void 0 ? _t_aspectRatio1 : 1) : void 0 : i = t.width || "100%";
     var _t_as;
-    const c = s && !r, n = /*#__PURE__*/ o.createElement((_t_as = t.as) !== null && _t_as !== void 0 ? _t_as : "div", _object_spread({
+    const c = s && !o, r = /*#__PURE__*/ n.createElement((_t_as = t.as) !== null && _t_as !== void 0 ? _t_as : "div", _object_spread({
         className: m(t.className, f, {
             [w]: c
         }),
@@ -86,7 +86,7 @@ const u = /*#__PURE__*/ o.createContext(!0), x = (param)=>{
         }) : _object_spread_props(_object_spread({}, t.style), {
             width: isNaN(Number(i)) ? i : Number(i),
             height: isNaN(Number(a)) ? a : Number(a)
-        }), b({
+        }), y({
             [R.aspectRatio]: e ? String(e) : "unset"
         }))
     }, !c && t.dataAttributes), t.children);
@@ -98,10 +98,10 @@ const u = /*#__PURE__*/ o.createContext(!0), x = (param)=>{
                 height: a,
                 paddingTop: d
             },
-            className: N
+            className: b
         }, t.dataAttributes), {
-            children: n
+            children: r
         }));
-    } else return n;
+    } else return r;
 };
-export { W as AspectRatioContainer, x as AspectRatioSupportProvider, y as useSupportsAspectRatio };
+export { W as AspectRatioContainer, x as AspectRatioSupportProvider, N as useSupportsAspectRatio };

package/dist-es/utils/browser.js

@@ -1,5 +1,5 @@
 const i = function(e) {
     let o = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1, n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !1;
-    o ? window.open(e, "_blank") : n ? window.open(e, "_top") : document.location.href = e;
+    o ? window.open(e, "_blank") : n ? window.open(e, "_top") : window.location.assign(e);
 };
 export { i as redirect };

package/dist-es/video.css-mistica.js

@@ -1,3 +1,3 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
-var f = "_1y2v1nfkh _1y2v1nfkw _1y2v1nfhc _1y2v1nf72 _1y2v1nfjp _1y2v1nfjq _1y2v1nfm5";
+var f = "_1y2v1nfkr _1y2v1nfl6 _1y2v1nfhm _1y2v1nf7c _1y2v1nfjz _1y2v1nfk0 _1y2v1nfmf";
 export { f as video };

package/dist-es/video.js

@@ -32,7 +32,7 @@ import { ImageContent as J, ImageError as O } from "./image.js";
 import { AspectRatioContainer as P } from "./utils/aspect-ratio-support.js";
 import { isRunningAcceptanceTest as Q } from "./utils/platform.js";
 import { video as X } from "./video.css-mistica.js";
-import { defaultBorderRadius as N } from "./image.css-mistica.js";
+import { defaultBorderRadius as S } from "./image.css-mistica.js";
 import { getPrefixedDataAttributes as Y } from "./utils/dom.js";
 import $ from "classnames";
 const q = {
@@ -73,7 +73,7 @@ const q = {
     "16:9": 16 / 9,
     "4:3": 4 / 3
 }, M = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAAtJREFUGFdjYAACAAAFAAGq1chRAAAAAElFTkSuQmCC", _ = /*#__PURE__*/ a.forwardRef((_param, A)=>{
-    var { src: s, poster: u, autoPlay: g = "when-loaded", muted: S = !0, loop: k = !0, preload: x = "none", loadingTimeout: b = 1e4, onLoad: y, onError: h, onPause: w, onPlay: v, aspectRatio: c = "1:1", dataAttributes: U } = _param, n = _object_without_properties(_param, [
+    var { src: s, poster: u, autoPlay: g = "when-loaded", muted: N = !0, loop: k = !0, preload: x = "none", loadingTimeout: b = 1e4, onLoad: y, onError: h, onPause: w, onPlay: v, aspectRatio: c = "1:1", dataAttributes: U } = _param, n = _object_without_properties(_param, [
         "src",
         "poster",
         "autoPlay",
@@ -110,7 +110,7 @@ const q = {
     const C = ()=>{
         if (y == null || y(), l === "stopped") return;
         const e = i.current, t = g && !Q();
-        o("finishLoad"), e && t && e.paused && (e.play(), o("play"));
+        o("finishLoad"), e && t && e.paused && e.play();
     }, V = (Array.isArray(s) ? s : [
         s
     ]).map((e)=>typeof e == "string" ? {
@@ -125,9 +125,9 @@ const q = {
         playsInline: !0,
         disablePictureInPicture: !0,
         disableRemotePlayback: !0,
-        muted: S,
+        muted: N,
         loop: k,
-        className: $(X, N),
+        className: $(X, S),
         preload: x,
         onError: R,
         onPause: ()=>{
@@ -169,7 +169,7 @@ const q = {
                 height: "100%"
             },
             children: /* @__PURE__ */ d(O, {
-                className: N,
+                className: S,
                 withIcon: E
             })
         }) : void 0, [

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@telefonica/mistica",
-    "version": "15.2.1",
+    "version": "15.4.0",
     "license": "MIT",
     "repository": {
         "type": "git",