@telefonica/mistica 12.11.1 → 12.12.0

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./touchable.css.ts.vanilla.js";
-var y = "mhti6u1 _1y2v1nfbg", f = "mhti6u4", _ = "mhti6u1 _1y2v1nfbg _1y2v1nf7y _1y2v1nf8c _1y2v1nf8q _1y2v1nf94 _1y2v1nf7d _1y2v1nfb9 _1y2v1nf9i _1y2v1nf2d _1y2v1nf74 _1y2v1nfbi";
-export { y as base, f as notTouchable, _ as touchable };
+var f = "mhti6u1 _1y2v1nf93", y = "mhti6u4", _ = "mhti6u1 _1y2v1nf93 _1y2v1nf5l _1y2v1nf5z _1y2v1nf6d _1y2v1nf6r _1y2v1nf50 _1y2v1nf8w _1y2v1nf75 _1y2v1nf2d _1y2v1nf4s _1y2v1nf95";
+export { f as base, y as notTouchable, _ as touchable };

package/dist-es/touchable.js

@@ -62,9 +62,9 @@ import { jsxs as W, jsx as l } from "./_virtual/jsx-runtime.js";
 var L = function(e) {
     var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1, d = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !1;
     t ? window.open(e, "_blank") : d ? window.open(e, "_top") : document.location.href = e;
-}, N = /*#__PURE__*/ c.forwardRef(function(e, t) {
+}, T = /*#__PURE__*/ c.forwardRef(function(e, t) {
     var w, g;
-    var ref = K(), d = ref.texts, T = ref.analytics, E = ref.platformOverrides, P = ref.Link, x = ref.useHrefDecorator, C = x(), f = c.useRef(!1);
+    var ref = K(), d = ref.texts, N = ref.analytics, E = ref.platformOverrides, P = ref.Link, x = ref.useHrefDecorator, C = x(), f = c.useRef(!1);
     var i = [];
     e.trackingEvent && (Array.isArray(e.trackingEvent) ? i = e.trackingEvent : i = [
         e.trackingEvent
@@ -81,14 +81,14 @@ var L = function(e) {
         "aria-selected": e["aria-selected"],
         "aria-live": e["aria-live"],
         tabIndex: e.tabIndex
-    }, V(e.dataAttributes)), m = e.type ? e.type : "button", r = !!e.href && !!e.newTab, s = !r && !!e.href && !!e.loadOnTop, u = function(a) {
+    }, V(e.dataAttributes, "Touchable")), m = e.type ? e.type : "button", r = !!e.href && !!e.newTab, u = !r && !!e.href && !!e.loadOnTop, s = function(a) {
         e.onPress && e.onPress(a);
     }, h = function() {
         var a;
         return e.href ? C(e.href) : e.to && e.fullPageOnWebView ? typeof e.to == "string" ? e.to : (a = e.to.pathname) != null ? a : "" : "";
     }, y = function() {
         return Promise.all(i.map(function(a) {
-            return T.logEvent(a);
+            return N.logEvent(a);
         }));
     }, k = function(a) {
         f.current || (f.current = !0, y().finally(function() {
@@ -96,15 +96,15 @@ var L = function(e) {
         }));
     }, R = function(a) {
         if (!i.length) {
-            u(a);
+            s(a);
             return;
         }
         k(function() {
-            return u(a);
+            return s(a);
         });
     }, D = function(a) {
         !i.length || (a.preventDefault(), k(function() {
-            return L(h(), r, s);
+            return L(h(), r, u);
         }));
     }, v = function(a) {
         (a.keyCode === B || a.keyCode === S) && (a.preventDefault(), a.currentTarget.click());
@@ -117,7 +117,7 @@ var L = function(e) {
         href: e.disabled ? void 0 : h(),
         target: function() {
             if (r) return "_blank";
-            if (s) return "_top";
+            if (u) return "_top";
         }(),
         rel: r ? "noopener noreferrer" : void 0,
         ref: t,
@@ -159,12 +159,12 @@ var L = function(e) {
         children: o
     }));
 }), X = /*#__PURE__*/ c.forwardRef(function(e, t) {
-    return /* @__PURE__ */ l(N, _objectSpreadProps(_objectSpread({}, e), {
+    return /* @__PURE__ */ l(T, _objectSpreadProps(_objectSpread({}, e), {
         className: b(_, e.className),
         ref: t
     }));
 }), Y = /*#__PURE__*/ c.forwardRef(function(e, t) {
-    return /* @__PURE__ */ l(N, _objectSpreadProps(_objectSpread({}, e), {
+    return /* @__PURE__ */ l(T, _objectSpreadProps(_objectSpread({}, e), {
         className: b(H, e.className),
         ref: t
     }));

package/dist-es/utils/animation.js

@@ -54,49 +54,15 @@ var _typeof = function(obj) {
     "@swc/helpers - typeof";
     return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
 };
-import { isOldChrome as o, isRunningAcceptanceTest as l } from "./platform.js";
-import { jsxs as r, Fragment as s, jsx as a } from "../_virtual/jsx-runtime.js";
-var i = function(e) {
-    return !o(e) && !l(e) && (typeof window === "undefined" ? "undefined" : _typeof(window)) < "u";
-}, f = function(e) {
-    return i(e) ? {
-        "@keyframes shake": {
-            "10%, 90%": {
-                transform: "translate(3px, 0)"
-            },
-            "20%, 80%": {
-                transform: "translate(6px, 0)"
-            },
-            "30%, 50%, 70%": {
-                transform: "translate(0px, 0)"
-            },
-            "40%, 60%": {
-                transform: "translate(8px, 0)"
-            }
-        },
-        outerAnimation: {
-            animation: "$shake 0.82s cubic-bezier(.36,.07,.19,.97) both",
-            animationDelay: function(param) {
-                var t = param.delay;
-                return "".concat(t + 0.04, "s");
-            }
-        },
-        innerAnimation: {
-            animation: "$shake 0.82s cubic-bezier(.36,.07,.19,.97) both",
-            animationDelay: function(param) {
-                var t = param.delay;
-                return "".concat(t, "s");
-            }
-        }
-    } : {
-        innerAnimation: {},
-        outerAnimation: {}
-    };
-}, d = function(e, t, n) {
-    return i(n) ? {
+import { isOldChrome as l, isRunningAcceptanceTest as o } from "./platform.js";
+import { jsxs as n, Fragment as s, jsx as r } from "../_virtual/jsx-runtime.js";
+var a = function(e) {
+    return !l(e) && !o(e) && (typeof window === "undefined" ? "undefined" : _typeof(window)) < "u";
+}, p = function(e, t, i) {
+    return a(i) ? {
         strokeDasharray: e.replace("-", ""),
         strokeDashoffset: e,
-        children: /* @__PURE__ */ a("animate", {
+        children: /* @__PURE__ */ r("animate", {
             attributeName: "stroke-dashoffset",
             from: e,
             to: "0",
@@ -109,10 +75,10 @@ var i = function(e) {
             keySplines: "0.75 0 0.25 1"
         })
     } : null;
-}, u = function(e, t) {
-    return i(t) ? {
+}, f = function(e, t) {
+    return a(t) ? {
         opacity: 0,
-        children: /* @__PURE__ */ a("animate", {
+        children: /* @__PURE__ */ r("animate", {
             attributeName: "opacity",
             from: "0",
             to: "1",
@@ -125,11 +91,11 @@ var i = function(e) {
             keySplines: "0.75 0 0.25 1"
         })
     } : null;
-}, y = function(e, t) {
-    return i(t) ? {
-        children: /* @__PURE__ */ r(s, {
+}, u = function(e, t) {
+    return a(t) ? {
+        children: /* @__PURE__ */ n(s, {
             children: [
-                /* @__PURE__ */ a("animate", {
+                /* @__PURE__ */ r("animate", {
                     from: "2.5",
                     to: "2",
                     dur: "0.7s",
@@ -139,7 +105,7 @@ var i = function(e) {
                     fill: "freeze",
                     keySplines: "0.75 0 0.25 1"
                 }),
-                /* @__PURE__ */ a("animateTransform", {
+                /* @__PURE__ */ r("animateTransform", {
                     attributeName: "transform",
                     type: "translate",
                     from: "-0.5 1",
@@ -154,12 +120,12 @@ var i = function(e) {
             ]
         })
     } : null;
-}, k = function(e, t) {
-    return i(t) ? {
+}, y = function(e, t) {
+    return a(t) ? {
         opacity: 0,
-        children: /* @__PURE__ */ r(s, {
+        children: /* @__PURE__ */ n(s, {
             children: [
-                /* @__PURE__ */ a("animate", {
+                /* @__PURE__ */ r("animate", {
                     attributeName: "opacity",
                     from: "0",
                     to: "1",
@@ -170,7 +136,7 @@ var i = function(e) {
                     calcMode: "spline",
                     keySplines: "0.75 0 0.25 1"
                 }),
-                /* @__PURE__ */ a("animateTransform", {
+                /* @__PURE__ */ r("animateTransform", {
                     attributeName: "transform",
                     type: "scale",
                     from: "0 0",
@@ -183,7 +149,7 @@ var i = function(e) {
                     fill: "freeze",
                     keySplines: "0.8 0 0 1"
                 }),
-                /* @__PURE__ */ a("animateTransform", {
+                /* @__PURE__ */ r("animateTransform", {
                     attributeName: "transform",
                     type: "rotate",
                     from: "50 21 10",
@@ -196,7 +162,7 @@ var i = function(e) {
                     fill: "freeze",
                     keySplines: "0.8 0 0 1"
                 }),
-                /* @__PURE__ */ a("animateTransform", {
+                /* @__PURE__ */ r("animateTransform", {
                     attributeName: "transform",
                     type: "scale",
                     from: "1.1 1.1",
@@ -213,22 +179,22 @@ var i = function(e) {
     } : null;
 }, m = function(param, t) {
     var e = param.children;
-    return /* @__PURE__ */ r(s, {
+    return /* @__PURE__ */ n(s, {
         children: [
             e,
             t
         ]
     });
-}, h = function() {
+}, k = function() {
     for(var _len = arguments.length, e = new Array(_len), _key = 0; _key < _len; _key++){
         e[_key] = arguments[_key];
     }
-    return e.reduce(function(t, n) {
-        return _objectSpreadProps(_objectSpread({}, t, n || {}), {
-            children: m(t, n ? n.children : null)
+    return e.reduce(function(t, i) {
+        return _objectSpreadProps(_objectSpread({}, t, i || {}), {
+            children: m(t, i ? i.children : null)
         });
     }, {
         children: null
     });
 };
-export { f as animateShakeStyles, d as getAnimateDrawLineProps, u as getAnimateFadeInProps, y as getAnimateHopInProps, k as getAnimateSweepInProps, h as mergeProperties };
+export { p as getAnimateDrawLineProps, f as getAnimateFadeInProps, u as getAnimateHopInProps, y as getAnimateSweepInProps, k as mergeProperties };

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

@@ -0,0 +1,6 @@
+import "../sprinkles.css.ts.vanilla.js";
+import "./aspect-ratio-support.css.ts.vanilla.js";
+var a = "yqswj62", n = "_1y2v1nf75 _1y2v1nf7l _1y2v1nf96 _1y2v1nf9k", t = {
+    aspectRatio: "var(--yqswj60)"
+}, y = "_1y2v1nf94 _1y2v1nf8t _1y2v1nf8u _1y2v1nf4t";
+export { a as container, n as containerWithWrapper, t as vars, y as wrapper };

package/dist-es/utils/aspect-ratio-support.css.ts.vanilla.js

@@ -0,0 +1,2 @@
+var t = "";
+export { t as default };

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

@@ -96,80 +96,56 @@ function _unsupportedIterableToArray(o, minLen) {
     if (n === "Map" || n === "Set") return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
-import * as r from "react";
-import { useIsomorphicLayoutEffect as l } from "../hooks.js";
-import { createUseStyles as m } from "../jss.js";
+import { assignInlineVars as l } from "@vanilla-extract/dynamic";
+import f from "classnames";
+import * as c from "react";
+import { useIsomorphicLayoutEffect as w } from "../hooks.js";
+import { container as R, containerWithWrapper as g, vars as N, wrapper as v } from "./aspect-ratio-support.css-mistica.js";
 import { jsx as u } from "../_virtual/jsx-runtime.js";
-var d = /*#__PURE__*/ r.createContext(!0), v = function(param) {
+var d = /*#__PURE__*/ c.createContext(!0), W = function(param) {
     var t = param.children;
-    var ref = _slicedToArray(r.useState(!0), 2), e = ref[0], s = ref[1];
-    return l(function() {
+    var ref = _slicedToArray(c.useState(!0), 2), n = ref[0], s = ref[1];
+    return w(function() {
         try {
             CSS.supports("aspect-ratio", "1 / 1") || s(!1);
         } catch (e) {
             s(!1);
         }
     }, []), /* @__PURE__ */ u(d.Provider, {
-        value: e,
+        value: n,
         children: t
     });
-}, f = function() {
-    return r.useContext(d);
-}, w = m(function() {
-    return {
-        container: {
-            "@supports (aspect-ratio: 1 / 1)": {
-                aspectRatio: function(param) {
-                    var t = param.aspectRatio;
-                    return t != null ? t : "unset";
-                }
-            },
-            "$wrapper &": {
-                position: function(param) {
-                    var t = param.aspectRatio;
-                    return t ? "absolute" : "static";
-                },
-                width: "100%",
-                height: "100%",
-                top: 0,
-                left: 0
-            }
-        },
-        wrapper: {
-            overflow: "hidden",
-            maxWidth: "100%",
-            maxHeight: "100%",
-            position: "relative",
-            paddingTop: function(param) {
-                var t = param.aspectRatio, e = param.width;
-                return t ? e && typeof e == "string" && e.endsWith("%") ? "".concat(Number(e.replace("%", "")) / t, "%") : "".concat(100 / t, "%") : 0;
-            }
-        }
-    };
-}), b = function(t) {
+}, y = function() {
+    return c.useContext(d);
+}, E = function(t) {
     var h;
-    var e = f(), s = typeof t.width != "number" && typeof t.height != "number" && t.aspectRatio !== 0, o = w({
-        aspectRatio: s ? t.aspectRatio : void 0,
-        width: t.width
-    });
+    var n = y(), s = typeof t.width != "number" && typeof t.height != "number" && t.aspectRatio !== 0, e = s ? t.aspectRatio : void 0;
     var i = t.width, a = t.height;
     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 : void 0 : typeof t.height == "number" ? i = t.aspectRatio !== 0 ? t.height * t.aspectRatio : void 0 : i = t.width || "100%";
-    var c = s && !e, n = /*#__PURE__*/ r.createElement((h = t.as) != null ? h : "div", {
-        className: t.className ? "".concat(t.className, " ").concat(o.container) : o.container,
-        style: _objectSpread({}, c ? _objectSpreadProps(_objectSpread({}, t.style), {
+    var o = s && !n, r = /*#__PURE__*/ c.createElement((h = t.as) != null ? h : "div", {
+        className: f(t.className, R, _defineProperty({}, g, o)),
+        style: _objectSpread({}, o ? _objectSpreadProps(_objectSpread({
+            position: e ? "absolute" : "static"
+        }, t.style), {
             width: "100%"
         }) : _objectSpreadProps(_objectSpread({}, t.style), {
             width: isNaN(Number(i)) ? i : Number(i),
             height: isNaN(Number(a)) ? a : Number(a)
-        }))
+        }), l(_defineProperty({}, N.aspectRatio, e ? String(e) : "unset")))
     }, t.children);
-    return c ? /* @__PURE__ */ u("div", {
-        style: {
-            width: i,
-            height: a
-        },
-        className: o.wrapper,
-        children: n
-    }) : n;
+    if (o) {
+        var m = function() {
+            return e ? t.width && typeof t.width == "string" && t.width.endsWith("%") ? "".concat(Number(t.width.replace("%", "")) / e, "%") : "".concat(100 / e, "%") : 0;
+        }();
+        return /* @__PURE__ */ u("div", {
+            style: {
+                width: i,
+                height: a,
+                paddingTop: m
+            },
+            className: v,
+            children: r
+        });
+    } else return r;
 };
-export { b as AspectRatioElement, v as AspectRatioSupportProvider, f as useSupportsAspectRatio };
+export { E as AspectRatioElement, W as AspectRatioSupportProvider, y as useSupportsAspectRatio };

package/dist-es/utils/dom.js

@@ -83,11 +83,13 @@ var p = function(e, n, t) {
     } : !1);
 }, f = function(e, n, t) {
     return e.removeEventListener(n, t, !1);
-}, m = function(e) {
-    var n = {};
-    return e && Object.keys(e).forEach(function(t) {
-        n["data-" + t] = e[t];
-    }), n;
+}, m = function(e, n) {
+    var t = n ? {
+        "data-component-name": n
+    } : {};
+    return e && Object.keys(e).forEach(function(r) {
+        t["data-" + r] = e[r];
+    }), t;
 }, c = function(e, n) {
     var t = "overflow".concat(n), r = window.getComputedStyle(e)[t];
     return [

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

@@ -1,3 +1,3 @@
 import "./sprinkles.css.ts.vanilla.js";
-var y = "_1y2v1nf7d _1y2v1nf9i _1y2v1nf9y _1y2v1nf4q _1y2v1nfb6 _1y2v1nfb7 _1y2v1nfd3";
-export { y as video };
+var f = "_1y2v1nf50 _1y2v1nf75 _1y2v1nf7l _1y2v1nf4s _1y2v1nf8t _1y2v1nf8u _1y2v1nfaq";
+export { f as video };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@telefonica/mistica",
-    "version": "12.11.1",
+    "version": "12.12.0",
     "license": "MIT",
     "repository": {
         "type": "git",
@@ -107,6 +107,7 @@
         "cross-env": "^7.0.3",
         "detect-port": "^1.3.0",
         "dpdm": "^3.8.0",
+        "es6-promise-pool": "^2.5.0",
         "eslint": "^8.11.0",
         "flow-bin": "^0.152.0",
         "flow-typed": "^3.7.0",