@telefonica/mistica 14.39.0 → 14.40.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/mistica.css +1 -1
- package/dist/accordion.js +47 -49
- package/dist/button.js +10 -10
- package/dist/card.js +10 -10
- package/dist/carousel.css-mistica.js +48 -24
- package/dist/carousel.css.d.ts +9 -1
- package/dist/carousel.d.ts +2 -2
- package/dist/carousel.js +227 -219
- package/dist/community/advanced-data-card.css-mistica.js +6 -6
- package/dist/community/blocks.js +12 -12
- package/dist/desktop-container-type-context.js +2 -2
- package/dist/fade-in.js +2 -2
- package/dist/feedback.js +6 -6
- package/dist/focus-trap.js +2 -2
- package/dist/header.js +4 -4
- package/dist/hero.js +4 -4
- package/dist/horizontal-scroll.js +2 -2
- package/dist/icons/icon-amex.js +2 -2
- package/dist/icons/icon-chevron.js +2 -2
- package/dist/icons/icon-cvv-amex.js +2 -2
- package/dist/icons/icon-cvv-visa-mc.js +2 -2
- package/dist/icons/icon-info.js +4 -4
- package/dist/icons/icon-mastercard.js +2 -2
- package/dist/icons/icon-visa.js +2 -2
- package/dist/image.js +2 -2
- package/dist/list.js +16 -16
- package/dist/loading-bar.js +2 -2
- package/dist/logo.js +10 -10
- package/dist/menu.js +2 -2
- package/dist/mosaic.js +2 -2
- package/dist/navigation-bar.js +8 -8
- package/dist/navigation-breadcrumbs.js +2 -2
- package/dist/negative-box.js +2 -2
- package/dist/nestable-context.js +2 -2
- package/dist/package-version.js +1 -1
- package/dist/placeholder.js +2 -2
- package/dist/responsive-layout.js +2 -2
- package/dist/select.js +4 -4
- package/dist/sheet.js +71 -67
- package/dist/skeletons.js +12 -12
- package/dist/stack.js +2 -2
- package/dist/text-field-base.js +2 -2
- package/dist/text-field-components.js +2 -2
- package/dist/text.js +18 -17
- package/dist/theme-variant-context.js +2 -2
- package/dist/theme.js +8 -8
- package/dist/title.js +2 -2
- package/dist/tooltip.js +64 -60
- package/dist/utils/animation.js +2 -2
- package/dist/utils/css.js +1 -1
- package/dist/video.js +2 -2
- package/dist/vivinho-loading-animation/pulse-lottie.json.js +3 -5
- package/dist-es/accordion.js +65 -67
- package/dist-es/button.js +10 -10
- package/dist-es/card.js +10 -10
- package/dist-es/carousel.css-mistica.js +7 -7
- package/dist-es/carousel.js +278 -270
- package/dist-es/community/advanced-data-card.css-mistica.js +3 -3
- package/dist-es/community/blocks.js +12 -12
- package/dist-es/desktop-container-type-context.js +2 -2
- package/dist-es/fade-in.js +2 -2
- package/dist-es/feedback.js +6 -6
- package/dist-es/focus-trap.js +2 -2
- package/dist-es/header.js +4 -4
- package/dist-es/hero.js +4 -4
- package/dist-es/horizontal-scroll.js +2 -2
- package/dist-es/icons/icon-amex.js +2 -2
- package/dist-es/icons/icon-chevron.js +2 -2
- package/dist-es/icons/icon-cvv-amex.js +2 -2
- package/dist-es/icons/icon-cvv-visa-mc.js +2 -2
- package/dist-es/icons/icon-info.js +4 -4
- package/dist-es/icons/icon-mastercard.js +2 -2
- package/dist-es/icons/icon-visa.js +2 -2
- package/dist-es/image.js +2 -2
- package/dist-es/list.js +16 -16
- package/dist-es/loading-bar.js +2 -2
- package/dist-es/logo.js +10 -10
- package/dist-es/menu.js +2 -2
- package/dist-es/mosaic.js +2 -2
- package/dist-es/navigation-bar.js +8 -8
- package/dist-es/navigation-breadcrumbs.js +2 -2
- package/dist-es/negative-box.js +2 -2
- package/dist-es/nestable-context.js +2 -2
- package/dist-es/package-version.js +1 -1
- package/dist-es/placeholder.js +2 -2
- package/dist-es/responsive-layout.js +2 -2
- package/dist-es/select.js +4 -4
- package/dist-es/sheet.js +79 -75
- package/dist-es/skeletons.js +12 -12
- package/dist-es/stack.js +2 -2
- package/dist-es/style.css +1 -1
- package/dist-es/text-field-base.js +2 -2
- package/dist-es/text-field-components.js +4 -4
- package/dist-es/text.js +21 -20
- package/dist-es/theme-variant-context.js +2 -2
- package/dist-es/theme.js +8 -8
- package/dist-es/title.js +2 -2
- package/dist-es/tooltip.js +80 -76
- package/dist-es/utils/animation.js +2 -2
- package/dist-es/utils/css.js +1 -1
- package/dist-es/video.js +2 -2
- package/dist-es/vivinho-loading-animation/pulse-lottie.json.js +3 -5
- package/package.json +16 -17
package/dist/text.js
CHANGED
|
@@ -187,8 +187,8 @@ const J = {
|
|
|
187
187
|
medium: 500,
|
|
188
188
|
bold: 700
|
|
189
189
|
}, K = (e)=>e === !0 ? 1 : e || "initial", n = (param)=>{
|
|
190
|
-
let { weight: e, color: i = _skincontractcssmistica.vars.colors.textPrimary, decoration: t, truncate: o, transform: l, wordBreak: c = !0, hyphens:
|
|
191
|
-
const
|
|
190
|
+
let { weight: e, color: i = _skincontractcssmistica.vars.colors.textPrimary, decoration: t, truncate: o, transform: l, wordBreak: c = !0, hyphens: u, as: z = "span", children: g, size: d, mobileSize: b = d, desktopSize: T = d, lineHeight: k, mobileLineHeight: L = k, desktopLineHeight: S = k, letterSpacing: w, textAlign: H, textShadow: v, id: A, role: P, "aria-level": y, dataAttributes: W } = param;
|
|
191
|
+
const I = (0, _themevariantcontext.useIsInverseVariant)(), C = K(o), V = {
|
|
192
192
|
[_skincontractcssmistica.vars.colors.textPrimary]: _skincontractcssmistica.vars.colors.textPrimaryInverse,
|
|
193
193
|
[_skincontractcssmistica.vars.colors.textSecondary]: _skincontractcssmistica.vars.colors.textSecondaryInverse,
|
|
194
194
|
[_skincontractcssmistica.vars.colors.textLink]: _skincontractcssmistica.vars.colors.textLinkInverse
|
|
@@ -198,10 +198,10 @@ const J = {
|
|
|
198
198
|
[_textcssmistica.truncateToOneLine]: o === 1 || o === !0,
|
|
199
199
|
[_textcssmistica.truncateToMoreThanOneLine]: o && o > 1
|
|
200
200
|
}), M = (0, _css.applyCssVars)({
|
|
201
|
-
[_textcssmistica.vars.mobileSize]:
|
|
202
|
-
[_textcssmistica.vars.mobileLineHeight]:
|
|
203
|
-
[_textcssmistica.vars.desktopSize]:
|
|
204
|
-
[_textcssmistica.vars.desktopLineHeight]:
|
|
201
|
+
[_textcssmistica.vars.mobileSize]: b ? (0, _css.pxToRem)(b) : "inherit",
|
|
202
|
+
[_textcssmistica.vars.mobileLineHeight]: L ? (0, _css.pxToRem)(L) : "inherit",
|
|
203
|
+
[_textcssmistica.vars.desktopSize]: T ? (0, _css.pxToRem)(T) : "inherit",
|
|
204
|
+
[_textcssmistica.vars.desktopLineHeight]: S ? (0, _css.pxToRem)(S) : "inherit"
|
|
205
205
|
}), O = o ? (0, _css.applyCssVars)({
|
|
206
206
|
[_textcssmistica.vars.lineClamp]: String(C)
|
|
207
207
|
}) : {};
|
|
@@ -211,15 +211,16 @@ const J = {
|
|
|
211
211
|
id: A,
|
|
212
212
|
role: P,
|
|
213
213
|
"aria-level": y
|
|
214
|
-
}, (0, _dom.getPrefixedDataAttributes)(
|
|
214
|
+
}, (0, _dom.getPrefixedDataAttributes)(W)), {
|
|
215
215
|
style: _object_spread_props(_object_spread({}, M, O), {
|
|
216
|
-
hyphens:
|
|
216
|
+
hyphens: u,
|
|
217
|
+
WebkitHyphens: u,
|
|
217
218
|
letterSpacing: w,
|
|
218
219
|
fontWeight: e ? J[e] : "inherit",
|
|
219
220
|
textTransform: l || "inherit",
|
|
220
221
|
textDecoration: t !== null && t !== void 0 ? t : "inherit",
|
|
221
222
|
overflowWrap: c ? "anywhere" : "inherit",
|
|
222
|
-
color:
|
|
223
|
+
color: I ? (_V_i = V[i]) !== null && _V_i !== void 0 ? _V_i : i : i,
|
|
223
224
|
textAlign: H,
|
|
224
225
|
textShadow: v
|
|
225
226
|
})
|
|
@@ -348,12 +349,12 @@ const J = {
|
|
|
348
349
|
"component-name": "Text5"
|
|
349
350
|
}, e)
|
|
350
351
|
}), t));
|
|
351
|
-
}, ae = (_param)
|
|
352
|
+
}, ae = (_param)=>{
|
|
352
353
|
var { dataAttributes: e, forceMobileSizes: i } = _param, t = _object_without_properties(_param, [
|
|
353
354
|
"dataAttributes",
|
|
354
355
|
"forceMobileSizes"
|
|
355
356
|
]);
|
|
356
|
-
return (0, _jsxruntime.jsx)(n, _object_spread(_object_spread_props(_object_spread({}, s({
|
|
357
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)(n, _object_spread(_object_spread_props(_object_spread({}, s({
|
|
357
358
|
forceMobileSizes: i,
|
|
358
359
|
mobileSize: 18,
|
|
359
360
|
mobileLineHeight: "24px",
|
|
@@ -365,12 +366,12 @@ const J = {
|
|
|
365
366
|
"component-name": "Text4"
|
|
366
367
|
}, e)
|
|
367
368
|
}), t));
|
|
368
|
-
}, xe = (_param)
|
|
369
|
+
}, xe = (_param)=>{
|
|
369
370
|
var { dataAttributes: e, forceMobileSizes: i } = _param, t = _object_without_properties(_param, [
|
|
370
371
|
"dataAttributes",
|
|
371
372
|
"forceMobileSizes"
|
|
372
373
|
]);
|
|
373
|
-
return (0, _jsxruntime.jsx)(n, _object_spread(_object_spread_props(_object_spread({}, s({
|
|
374
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)(n, _object_spread(_object_spread_props(_object_spread({}, s({
|
|
374
375
|
forceMobileSizes: i,
|
|
375
376
|
mobileSize: 16,
|
|
376
377
|
mobileLineHeight: "24px",
|
|
@@ -382,12 +383,12 @@ const J = {
|
|
|
382
383
|
"component-name": "Text3"
|
|
383
384
|
}, e)
|
|
384
385
|
}), t));
|
|
385
|
-
}, pe = (_param)
|
|
386
|
+
}, pe = (_param)=>{
|
|
386
387
|
var { dataAttributes: e, forceMobileSizes: i } = _param, t = _object_without_properties(_param, [
|
|
387
388
|
"dataAttributes",
|
|
388
389
|
"forceMobileSizes"
|
|
389
390
|
]);
|
|
390
|
-
return (0, _jsxruntime.jsx)(n, _object_spread(_object_spread_props(_object_spread({}, s({
|
|
391
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)(n, _object_spread(_object_spread_props(_object_spread({}, s({
|
|
391
392
|
forceMobileSizes: i,
|
|
392
393
|
mobileSize: 14,
|
|
393
394
|
mobileLineHeight: "20px",
|
|
@@ -399,12 +400,12 @@ const J = {
|
|
|
399
400
|
"component-name": "Text2"
|
|
400
401
|
}, e)
|
|
401
402
|
}), t));
|
|
402
|
-
}, he = (_param)
|
|
403
|
+
}, he = (_param)=>{
|
|
403
404
|
var { dataAttributes: e, forceMobileSizes: i } = _param, t = _object_without_properties(_param, [
|
|
404
405
|
"dataAttributes",
|
|
405
406
|
"forceMobileSizes"
|
|
406
407
|
]);
|
|
407
|
-
return (0, _jsxruntime.jsx)(n, _object_spread(_object_spread_props(_object_spread({}, s({
|
|
408
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)(n, _object_spread(_object_spread_props(_object_spread({}, s({
|
|
408
409
|
forceMobileSizes: i,
|
|
409
410
|
mobileSize: 12,
|
|
410
411
|
mobileLineHeight: "16px",
|
|
@@ -63,9 +63,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
|
|
|
63
63
|
}
|
|
64
64
|
return newObj;
|
|
65
65
|
}
|
|
66
|
-
const t = /*#__PURE__*/ _react.createContext("default"), m = (param)
|
|
66
|
+
const t = /*#__PURE__*/ _react.createContext("default"), m = (param)=>{
|
|
67
67
|
let { isInverse: r, variant: a, children: n } = param;
|
|
68
|
-
return (0, _jsxruntime.jsx)(t.Provider, {
|
|
68
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)(t.Provider, {
|
|
69
69
|
value: a !== null && a !== void 0 ? a : r ? "inverse" : "default",
|
|
70
70
|
children: n
|
|
71
71
|
});
|
package/dist/theme.js
CHANGED
|
@@ -293,31 +293,31 @@ const l = {
|
|
|
293
293
|
}, u = 56, d = 80, E = {
|
|
294
294
|
headerMobileHeight: u,
|
|
295
295
|
headerDesktopHeight: d
|
|
296
|
-
}, m = (_param)
|
|
296
|
+
}, m = (_param)=>{
|
|
297
297
|
var { to: e, innerRef: r } = _param, a = _object_without_properties(_param, [
|
|
298
298
|
"to",
|
|
299
299
|
"innerRef"
|
|
300
300
|
]);
|
|
301
|
-
return (0, _jsxruntime.jsx)("a", _object_spread_props(_object_spread({
|
|
301
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)("a", _object_spread_props(_object_spread({
|
|
302
302
|
ref: r,
|
|
303
303
|
href: typeof e == "string" ? e : e == null ? void 0 : e.pathname
|
|
304
304
|
}, a), {
|
|
305
305
|
children: a.children
|
|
306
306
|
}));
|
|
307
|
-
}, C = (e)=>e, f = (e)=>(_param)
|
|
307
|
+
}, C = (e)=>e, f = (e)=>(_param)=>{
|
|
308
308
|
var { innerRef: r } = _param, a = _object_without_properties(_param, [
|
|
309
309
|
"innerRef"
|
|
310
310
|
]);
|
|
311
|
-
return (0, _jsxruntime.jsx)(e, _object_spread({
|
|
311
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)(e, _object_spread({
|
|
312
312
|
ref: r
|
|
313
313
|
}, a));
|
|
314
|
-
}, p = (e)=>(_param)
|
|
314
|
+
}, p = (e)=>(_param)=>{
|
|
315
315
|
var { to: r, innerRef: a, children: t } = _param, n = _object_without_properties(_param, [
|
|
316
316
|
"to",
|
|
317
317
|
"innerRef",
|
|
318
318
|
"children"
|
|
319
319
|
]);
|
|
320
|
-
return (0, _jsxruntime.jsx)(e, {
|
|
320
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)(e, {
|
|
321
321
|
href: r,
|
|
322
322
|
children: /* @__PURE__ */ (0, _jsxruntime.jsx)("a", _object_spread_props(_object_spread({
|
|
323
323
|
ref: a
|
|
@@ -325,13 +325,13 @@ const l = {
|
|
|
325
325
|
children: t
|
|
326
326
|
}))
|
|
327
327
|
});
|
|
328
|
-
}, b = (e)=>(_param)
|
|
328
|
+
}, b = (e)=>(_param)=>{
|
|
329
329
|
var { to: r, innerRef: a, children: t } = _param, n = _object_without_properties(_param, [
|
|
330
330
|
"to",
|
|
331
331
|
"innerRef",
|
|
332
332
|
"children"
|
|
333
333
|
]);
|
|
334
|
-
return (0, _jsxruntime.jsx)(e, _object_spread_props(_object_spread({
|
|
334
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)(e, _object_spread_props(_object_spread({
|
|
335
335
|
href: r,
|
|
336
336
|
ref: a
|
|
337
337
|
}, n), {
|
package/dist/title.js
CHANGED
|
@@ -182,9 +182,9 @@ const m = (param)=>{
|
|
|
182
182
|
"component-name": "Title2"
|
|
183
183
|
}, s)
|
|
184
184
|
});
|
|
185
|
-
}, S = (param)
|
|
185
|
+
}, S = (param)=>{
|
|
186
186
|
let { children: t, as: i = "h3", id: o, right: r, dataAttributes: s } = param;
|
|
187
|
-
return (0, _jsxruntime.jsx)(m, {
|
|
187
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)(m, {
|
|
188
188
|
title: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text6, {
|
|
189
189
|
as: i,
|
|
190
190
|
id: o,
|
package/dist/tooltip.js
CHANGED
|
@@ -127,59 +127,60 @@ function _object_spread_props(target, source) {
|
|
|
127
127
|
}
|
|
128
128
|
const at = (e)=>({
|
|
129
129
|
border: `1px solid ${e ? _skincontractcssmistica.vars.colors.backgroundContainer : _skincontractcssmistica.vars.colors.border}`
|
|
130
|
-
}), lt = 496, Dt = 300, Wt = 500, Vt = 100, c = 20,
|
|
130
|
+
}), lt = 496, Dt = 300, Wt = 500, Vt = 100, c = 20, O = 6, E = O + c / 2 + 1, Bt = (e)=>{
|
|
131
131
|
switch(e){
|
|
132
132
|
case "left":
|
|
133
|
-
return `translateX(-${
|
|
133
|
+
return `translateX(-${O}px)`;
|
|
134
134
|
case "right":
|
|
135
|
-
return `translateX(${
|
|
135
|
+
return `translateX(${O}px)`;
|
|
136
136
|
case "top":
|
|
137
|
-
return `translateY(-${
|
|
137
|
+
return `translateY(-${O}px)`;
|
|
138
138
|
case "bottom":
|
|
139
|
-
return `translateY(${
|
|
139
|
+
return `translateY(${O}px)`;
|
|
140
140
|
default:
|
|
141
141
|
return "";
|
|
142
142
|
}
|
|
143
|
-
},
|
|
144
|
-
const
|
|
143
|
+
}, pt = (e)=>{
|
|
144
|
+
const I = parseFloat(getComputedStyle(e, null).paddingLeft) + parseFloat(getComputedStyle(e, null).paddingRight), m = parseFloat(getComputedStyle(e, null).paddingTop) + parseFloat(getComputedStyle(e, null).paddingBottom), w = e.offsetWidth - I, h = e.offsetHeight - m;
|
|
145
145
|
return {
|
|
146
146
|
width: w,
|
|
147
147
|
height: h
|
|
148
148
|
};
|
|
149
|
-
}, ct = (e,
|
|
150
|
-
if (!e || !
|
|
151
|
-
const { top: D, bottom: R, left: W, right: V } = e,
|
|
152
|
-
if (!(!
|
|
149
|
+
}, ct = (e, I, m, w, h)=>{
|
|
150
|
+
if (!e || !I) return;
|
|
151
|
+
const { top: D, bottom: R, left: W, right: V } = e, M = w - R, g = h - V, S = D, n = W, { width: B, height: $ } = pt(I), y = B + E, d = $ + E, T = y <= Math.max(n, g), v = d <= Math.max(M, S);
|
|
152
|
+
if (!(!v && !T)) switch(m){
|
|
153
153
|
case "left":
|
|
154
|
-
return
|
|
154
|
+
return T ? y <= n ? "left" : "right" : M > S ? "bottom" : "top";
|
|
155
155
|
case "right":
|
|
156
|
-
return
|
|
156
|
+
return T ? y <= g ? "right" : "left" : M > S ? "bottom" : "top";
|
|
157
157
|
case "top":
|
|
158
|
-
return
|
|
158
|
+
return v ? d <= S ? "top" : "bottom" : n > g ? "left" : "right";
|
|
159
159
|
case "bottom":
|
|
160
|
-
return
|
|
160
|
+
return v ? d <= M ? "bottom" : "top" : n > g ? "left" : "right";
|
|
161
161
|
default:
|
|
162
162
|
return;
|
|
163
163
|
}
|
|
164
164
|
}, Xt = (param)=>{
|
|
165
|
-
let { children: e, extra:
|
|
166
|
-
const n = (0, _hooks.useAriaId)(), { openTooltipId: B } = (0, _tooltipcontextprovider.useTooltipState)(), { openTooltip: $, closeTooltip:
|
|
167
|
-
|
|
165
|
+
let { children: e, extra: I, description: m, target: w, title: h, width: D, position: R = "top", dataAttributes: W, delay: V = !0, centerContent: M, open: g, textCenter: S } = param;
|
|
166
|
+
const n = (0, _hooks.useAriaId)(), { openTooltipId: B } = (0, _tooltipcontextprovider.useTooltipState)(), { openTooltip: $, closeTooltip: y } = (0, _tooltipcontextprovider.useSetTooltipState)(), [d, T] = _react.useState(), [v, X] = _react.useState(), z = _react.useRef(null), H = _react.useRef(null), [_, ft] = _react.useState(null), f = (0, _environment.isTouchableDevice)(), Y = V ? Wt : 0, [Q, G] = _react.useState(!1), [tt, P] = _react.useState(!1), K = g !== void 0, [et, U] = _react.useState(!1), x = K ? g : n === B, j = (0, _themevariantcontext.useIsInverseVariant)(), l = (0, _hooks.useBoundingRect)(z, x), dt = (0, _hooks.useBoundingRect)(H, x, !0), s = (0, _hooks.useWindowSize)(), b = _react.useCallback(()=>{
|
|
167
|
+
U(!1), G(!1), P(!1);
|
|
168
168
|
}, []);
|
|
169
169
|
_react.useEffect(()=>{
|
|
170
|
-
|
|
170
|
+
x || b();
|
|
171
171
|
}, [
|
|
172
|
-
|
|
173
|
-
|
|
172
|
+
x,
|
|
173
|
+
b
|
|
174
174
|
]), _react.useEffect(()=>{
|
|
175
|
-
if (!_ || !
|
|
175
|
+
if (!_ || !x) return;
|
|
176
176
|
const r = ct(l, _, R, s.height, s.width);
|
|
177
177
|
if (!r || !l) {
|
|
178
|
-
|
|
178
|
+
T(void 0), X(void 0), b();
|
|
179
179
|
return;
|
|
180
180
|
}
|
|
181
181
|
let o, t;
|
|
182
|
-
|
|
182
|
+
var _parseInt;
|
|
183
|
+
const { left: a, right: C, top: N, bottom: k } = l, { width: L, height: A } = pt(_), ot = s.width - L, rt = s.height - A, u = (_parseInt = parseInt((0, _dom.getCssVarValue)(_skincontractcssmistica.vars.borderRadii.popup))) !== null && _parseInt !== void 0 ? _parseInt : 8;
|
|
183
184
|
switch(r){
|
|
184
185
|
case "top":
|
|
185
186
|
o = {
|
|
@@ -194,7 +195,7 @@ const at = (e)=>({
|
|
|
194
195
|
case "bottom":
|
|
195
196
|
o = {
|
|
196
197
|
left: Math.max(0, Math.min(ot, (a + C - L) / 2)),
|
|
197
|
-
top: k -
|
|
198
|
+
top: k - O,
|
|
198
199
|
padding: `${E}px 0px 0px 0px`
|
|
199
200
|
}, t = {
|
|
200
201
|
left: Math.max(u, Math.min(s.width - u - c, (a + C - c) / 2)),
|
|
@@ -217,7 +218,7 @@ const at = (e)=>({
|
|
|
217
218
|
case "right":
|
|
218
219
|
default:
|
|
219
220
|
o = {
|
|
220
|
-
left: C -
|
|
221
|
+
left: C - O,
|
|
221
222
|
top: Math.max(0, Math.min(rt, (N + k - A) / 2)),
|
|
222
223
|
padding: `0px 0px 0px ${E}px`
|
|
223
224
|
}, t = {
|
|
@@ -228,52 +229,52 @@ const at = (e)=>({
|
|
|
228
229
|
};
|
|
229
230
|
break;
|
|
230
231
|
}
|
|
231
|
-
typeof t.top == "number" && (t.top -= o.top, t.top = `${t.top / A * 100}%`), typeof t.left == "number" && (t.left -= o.left, t.left = `${t.left / L * 100}%`), (0, _helpers.isEqual)(o, d) ||
|
|
232
|
+
typeof t.top == "number" && (t.top -= o.top, t.top = `${t.top / A * 100}%`), typeof t.left == "number" && (t.left -= o.left, t.left = `${t.left / L * 100}%`), (0, _helpers.isEqual)(o, d) || T(o), (0, _helpers.isEqual)(t, v) || X(t);
|
|
232
233
|
}, [
|
|
233
234
|
_,
|
|
234
235
|
l,
|
|
235
236
|
dt,
|
|
236
|
-
|
|
237
|
+
x,
|
|
237
238
|
R,
|
|
238
239
|
s,
|
|
239
240
|
d,
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
241
|
+
v,
|
|
242
|
+
j,
|
|
243
|
+
f,
|
|
243
244
|
n,
|
|
244
|
-
|
|
245
|
+
b
|
|
245
246
|
]);
|
|
246
|
-
const
|
|
247
|
+
const q = _react.useRef(!1);
|
|
247
248
|
_react.useEffect(()=>{
|
|
248
249
|
const r = (a)=>{
|
|
249
250
|
switch(a.key){
|
|
250
251
|
case _keys.ESC:
|
|
251
|
-
|
|
252
|
+
b();
|
|
252
253
|
break;
|
|
253
254
|
case _keys.TAB:
|
|
254
|
-
|
|
255
|
+
q.current = !0;
|
|
255
256
|
break;
|
|
256
257
|
}
|
|
257
|
-
}, o = ()=>
|
|
258
|
-
|
|
258
|
+
}, o = ()=>q.current = !1, t = (a)=>{
|
|
259
|
+
f && l && (a.clientX < l.left || a.clientX > l.right || a.clientY < l.top || a.clientY > l.bottom) && b();
|
|
259
260
|
};
|
|
260
261
|
return document.addEventListener("keydown", r, !1), document.addEventListener("keyup", o, !1), document.addEventListener("click", t, !1), ()=>{
|
|
261
262
|
document.removeEventListener("keydown", r, !1), document.removeEventListener("keyup", o, !1), document.removeEventListener("click", t, !1);
|
|
262
263
|
};
|
|
263
264
|
}, [
|
|
264
|
-
|
|
265
|
-
|
|
265
|
+
f,
|
|
266
|
+
b,
|
|
266
267
|
l
|
|
267
268
|
]), _react.useEffect(()=>{
|
|
268
|
-
|
|
269
|
+
K || (tt || Q || et ? $(n) : y(n));
|
|
269
270
|
}, [
|
|
270
271
|
tt,
|
|
271
272
|
Q,
|
|
272
273
|
et,
|
|
273
274
|
n,
|
|
274
275
|
$,
|
|
275
|
-
|
|
276
|
-
|
|
276
|
+
y,
|
|
277
|
+
K
|
|
277
278
|
]);
|
|
278
279
|
const ut = ct(l, _, R, s.height, s.width);
|
|
279
280
|
return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
|
|
@@ -281,34 +282,37 @@ const at = (e)=>({
|
|
|
281
282
|
/* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
282
283
|
ref: (r)=>{
|
|
283
284
|
const o = r == null ? void 0 : r.firstElementChild;
|
|
284
|
-
o && o !==
|
|
285
|
+
o && o !== z.current && (z.current = o);
|
|
285
286
|
},
|
|
286
287
|
onMouseOver: ()=>{
|
|
287
|
-
|
|
288
|
+
f || P(!0);
|
|
288
289
|
},
|
|
289
290
|
onMouseLeave: ()=>{
|
|
290
|
-
|
|
291
|
+
f || P(!1);
|
|
291
292
|
},
|
|
292
293
|
onClick: ()=>{
|
|
293
|
-
|
|
294
|
+
f && P(!0);
|
|
294
295
|
},
|
|
295
296
|
onFocus: ()=>{
|
|
296
|
-
|
|
297
|
+
q.current && U(!0);
|
|
297
298
|
},
|
|
298
299
|
onBlur: ()=>{
|
|
299
|
-
|
|
300
|
+
f || U(!1);
|
|
300
301
|
},
|
|
301
302
|
"aria-describedby": n,
|
|
302
303
|
children: w
|
|
303
304
|
}),
|
|
304
305
|
/* @__PURE__ */ (0, _jsxruntime.jsx)(_portal.Portal, {
|
|
305
306
|
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_reacttransitiongroup.Transition, {
|
|
306
|
-
in:
|
|
307
|
-
nodeRef:
|
|
307
|
+
in: x,
|
|
308
|
+
nodeRef: H,
|
|
308
309
|
timeout: (0, _platform.isRunningAcceptanceTest)() ? 0 : {
|
|
309
|
-
enter: Dt +
|
|
310
|
+
enter: Dt + Y,
|
|
310
311
|
exit: Vt
|
|
311
312
|
},
|
|
313
|
+
onExited: ()=>{
|
|
314
|
+
T(void 0), X(void 0);
|
|
315
|
+
},
|
|
312
316
|
mountOnEnter: !0,
|
|
313
317
|
unmountOnExit: !0,
|
|
314
318
|
children: (r)=>/* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
|
|
@@ -333,23 +337,23 @@ const at = (e)=>({
|
|
|
333
337
|
pointerEvents: r === "entered" ? "auto" : "none",
|
|
334
338
|
transform: Bt(ut)
|
|
335
339
|
}, d, _tooltipcssmistica.tooltipTransitionClasses[r]), {
|
|
336
|
-
transition: r === "entering" ? `opacity .1s linear ${
|
|
340
|
+
transition: r === "entering" ? `opacity .1s linear ${Y}ms,transform .3s cubic-bezier(0.215,0.61,0.335,1) ${Y}ms` : "opacity .1s linear"
|
|
337
341
|
}),
|
|
338
|
-
ref: (0, _common.combineRefs)(
|
|
342
|
+
ref: (0, _common.combineRefs)(ft, H),
|
|
339
343
|
onMouseEnter: ()=>{
|
|
340
|
-
!
|
|
344
|
+
!f && r === "entered" && G(!0);
|
|
341
345
|
},
|
|
342
346
|
onMouseLeave: ()=>{
|
|
343
|
-
|
|
347
|
+
f || G(!1);
|
|
344
348
|
},
|
|
345
349
|
children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
|
|
346
350
|
className: _tooltipcssmistica.tooltip,
|
|
347
351
|
style: _object_spread({
|
|
348
352
|
width: D
|
|
349
|
-
}, at(
|
|
353
|
+
}, at(j)),
|
|
350
354
|
children: [
|
|
351
355
|
/* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
352
|
-
className: (0, _classnames.default)(_tooltipcssmistica.content,
|
|
356
|
+
className: (0, _classnames.default)(_tooltipcssmistica.content, M || S ? _tooltipcssmistica.tooltipCenter : void 0),
|
|
353
357
|
style: {
|
|
354
358
|
maxWidth: Math.min(lt, s.width)
|
|
355
359
|
},
|
|
@@ -369,16 +373,16 @@ const at = (e)=>({
|
|
|
369
373
|
})
|
|
370
374
|
]
|
|
371
375
|
}),
|
|
372
|
-
|
|
376
|
+
I || e
|
|
373
377
|
]
|
|
374
378
|
})
|
|
375
379
|
}),
|
|
376
380
|
/* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
377
381
|
className: _tooltipcssmistica.arrowContainer,
|
|
378
|
-
style:
|
|
382
|
+
style: v,
|
|
379
383
|
children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
380
384
|
className: (0, _classnames.default)(_tooltipcssmistica.arrow),
|
|
381
|
-
style: at(
|
|
385
|
+
style: at(j)
|
|
382
386
|
})
|
|
383
387
|
})
|
|
384
388
|
]
|
package/dist/utils/animation.js
CHANGED
|
@@ -204,9 +204,9 @@ const a = (e)=>!(0, _platform.isRunningAcceptanceTest)(e), d = (e, t)=>a(t) ? {
|
|
|
204
204
|
})
|
|
205
205
|
]
|
|
206
206
|
})
|
|
207
|
-
} : null, m = (param, t)
|
|
207
|
+
} : null, m = (param, t)=>{
|
|
208
208
|
let { children: e } = param;
|
|
209
|
-
return (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
|
|
209
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
|
|
210
210
|
children: [
|
|
211
211
|
e,
|
|
212
212
|
t
|
package/dist/utils/css.js
CHANGED
|
@@ -55,7 +55,7 @@ function _object_spread(target) {
|
|
|
55
55
|
const n = 16, f = (e)=>`${(parseFloat(e) / n).toFixed(3)}rem`, p = (e)=>_object_spread({}, (0, _dynamic.assignInlineVars)(e));
|
|
56
56
|
(0, _platform.isRunningAcceptanceTest)();
|
|
57
57
|
(0, _platform.isRunningAcceptanceTest)();
|
|
58
|
-
const v = (0, _platform.isRunningAcceptanceTest)() ? "max(env(safe-area-inset-bottom), var(--acceptance-test-override-safe-area-inset
|
|
58
|
+
const v = (0, _platform.isRunningAcceptanceTest)() ? "max(env(safe-area-inset-bottom), var(--acceptance-test-override-safe-area-inset-bottom, 0px))" : "env(safe-area-inset-bottom)";
|
|
59
59
|
(0, _platform.isRunningAcceptanceTest)();
|
|
60
60
|
const o = function() {
|
|
61
61
|
for(var _len = arguments.length, e = new Array(_len), _key = 0; _key < _len; _key++){
|
package/dist/video.js
CHANGED
|
@@ -201,9 +201,9 @@ const K = {
|
|
|
201
201
|
width: "100%",
|
|
202
202
|
height: "100%"
|
|
203
203
|
},
|
|
204
|
-
children: V.map((param, i)
|
|
204
|
+
children: V.map((param, i)=>{
|
|
205
205
|
let { src: e, type: t } = param;
|
|
206
|
-
return (0, _jsxruntime.jsx)("source", {
|
|
206
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)("source", {
|
|
207
207
|
src: e,
|
|
208
208
|
type: t
|
|
209
209
|
}, i);
|
|
@@ -19,7 +19,7 @@ _export(exports, {
|
|
|
19
19
|
return x;
|
|
20
20
|
},
|
|
21
21
|
default: function() {
|
|
22
|
-
return
|
|
22
|
+
return p;
|
|
23
23
|
},
|
|
24
24
|
fr: function() {
|
|
25
25
|
return r;
|
|
@@ -170,9 +170,7 @@ const t = "4.8.0", e = {
|
|
|
170
170
|
]
|
|
171
171
|
}
|
|
172
172
|
],
|
|
173
|
-
ix: 6
|
|
174
|
-
x: `var $bm_rt;
|
|
175
|
-
$bm_rt = loopOut('cycle', 0);`
|
|
173
|
+
ix: 6
|
|
176
174
|
}
|
|
177
175
|
},
|
|
178
176
|
ao: 0,
|
|
@@ -2000,7 +1998,7 @@ $bm_rt = loopOut('cycle', 0);`
|
|
|
2000
1998
|
bm: 0,
|
|
2001
1999
|
completed: !0
|
|
2002
2000
|
}
|
|
2003
|
-
], c = [], d = !0,
|
|
2001
|
+
], c = [], d = !0, p = {
|
|
2004
2002
|
v: t,
|
|
2005
2003
|
meta: e,
|
|
2006
2004
|
fr: r,
|