@telefonica/mistica 16.64.0-beta.1 → 16.65.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.css-mistica.js +16 -16
- package/dist/align.css-mistica.js +2 -2
- package/dist/autocomplete.css-mistica.js +6 -6
- package/dist/avatar.css-mistica.js +3 -3
- package/dist/badge.css-mistica.js +7 -7
- package/dist/box.css-mistica.js +15 -15
- package/dist/boxed.css-mistica.js +31 -31
- package/dist/button-group.css-mistica.js +10 -10
- package/dist/button-layout.css-mistica.js +21 -21
- package/dist/button.css-mistica.js +51 -51
- package/dist/callout.css-mistica.js +16 -16
- package/dist/card-internal.css-mistica.js +38 -38
- package/dist/carousel.css-mistica.js +18 -18
- package/dist/checkbox.css-mistica.js +21 -21
- package/dist/chip.css-mistica.js +30 -30
- package/dist/circle.css-mistica.js +2 -2
- package/dist/community/advanced-data-card.css-mistica.js +26 -26
- package/dist/community/ai-card.css-mistica.js +14 -14
- package/dist/community/blocks.css-mistica.js +3 -3
- package/dist/community/cyber/example-component.css-mistica.js +11 -0
- package/dist/community/cyber/example-component.css.d.ts +1 -0
- package/dist/community/cyber/example-component.d.ts +6 -0
- package/dist/community/cyber/example-component.js +25 -0
- package/dist/community/cyber/index.d.ts +1 -0
- package/dist/community/example-component.css-mistica.js +2 -2
- package/dist/community/index.d.ts +2 -0
- package/dist/community/index.js +11 -0
- package/dist/community/skins/cyber-skin.d.ts +44 -0
- package/dist/community/skins/cyber-skin.js +633 -0
- package/dist/counter.css-mistica.js +12 -12
- package/dist/cover-hero.css-mistica.js +16 -16
- package/dist/credit-card-number-field.css-mistica.js +6 -6
- package/dist/date-field.css-mistica.js +1 -1
- package/dist/date-time-picker.css-mistica.js +2 -2
- package/dist/dialog.css-mistica.js +15 -15
- package/dist/divider.css-mistica.js +5 -5
- package/dist/double-field.css-mistica.js +4 -4
- package/dist/drawer.css-mistica.js +15 -15
- package/dist/empty-state-card.css-mistica.js +4 -4
- package/dist/empty-state.css-mistica.js +14 -14
- package/dist/fade-in.css-mistica.js +1 -1
- package/dist/feedback.css-mistica.js +14 -14
- package/dist/file-upload.css-mistica.js +14 -14
- package/dist/fixed-footer-layout.css-mistica.js +12 -12
- package/dist/form.css-mistica.js +2 -2
- package/dist/grid-layout.css-mistica.js +9 -9
- package/dist/grid.css-mistica.js +147 -147
- package/dist/header.css-mistica.js +5 -5
- package/dist/hero.css-mistica.js +11 -11
- package/dist/horizontal-scroll.css-mistica.js +3 -3
- package/dist/icon-button.css-mistica.js +66 -66
- package/dist/icons/icon-chevron.css-mistica.js +6 -6
- package/dist/icons/icon-error.css-mistica.js +3 -3
- package/dist/image.css-mistica.js +9 -9
- package/dist/index.d.ts +1 -1
- package/dist/inline.css-mistica.js +18 -18
- package/dist/list.css-mistica.js +15 -15
- package/dist/loading-bar.css-mistica.js +5 -5
- package/dist/loading-screen.css-mistica.js +15 -15
- package/dist/logo.css-mistica.js +9 -9
- package/dist/media-queries.css-mistica.js +13 -13
- package/dist/menu.css-mistica.js +25 -25
- package/dist/mosaic.css-mistica.js +3 -3
- package/dist/navigation-bar.css-mistica.js +45 -45
- package/dist/navigation-breadcrumbs.css-mistica.js +5 -5
- package/dist/package-version.js +2 -2
- package/dist/pin-field.css-mistica.js +10 -10
- package/dist/popover.css-mistica.js +2 -2
- package/dist/progress-bar.css-mistica.js +12 -12
- package/dist/radio-button.css-mistica.js +33 -33
- package/dist/rating.css-mistica.js +12 -12
- package/dist/responsive-layout.css-mistica.js +20 -20
- package/dist/screen-reader-only.css-mistica.js +2 -2
- package/dist/select.css-mistica.js +29 -29
- package/dist/sheet-action-row.css-mistica.js +2 -2
- package/dist/sheet-common.css-mistica.js +16 -16
- package/dist/sheet-info.css-mistica.js +4 -4
- package/dist/skeletons.css-mistica.js +12 -12
- package/dist/skins/skin-contract.css-mistica.js +686 -686
- package/dist/skip-link.css-mistica.js +3 -3
- package/dist/slider.css-mistica.js +28 -28
- package/dist/snackbar.css-mistica.js +16 -16
- package/dist/spinner.css-mistica.js +5 -5
- package/dist/square.css-mistica.js +2 -2
- package/dist/stack.css-mistica.js +9 -9
- package/dist/stacking-group.css-mistica.js +2 -2
- package/dist/stepper.css-mistica.js +16 -16
- package/dist/switch-component.css-mistica.js +53 -53
- package/dist/table.css-mistica.js +24 -24
- package/dist/tabs.css-mistica.js +30 -30
- package/dist/tag.css-mistica.js +5 -5
- package/dist/text-field-base.css-mistica.js +30 -30
- package/dist/text-field-components.css-mistica.js +19 -19
- package/dist/text-link.css-mistica.js +10 -10
- package/dist/text.css-mistica.js +13 -13
- package/dist/theme-context.css-mistica.js +2 -2
- package/dist/timeline.css-mistica.js +18 -18
- package/dist/timer.css-mistica.js +13 -13
- package/dist/tooltip.css-mistica.js +12 -12
- package/dist/touchable.css-mistica.js +5 -5
- package/dist/utils/aspect-ratio-support.css-mistica.js +7 -7
- package/dist/video.css-mistica.js +2 -2
- package/dist/video.d.ts +16 -0
- package/dist/video.js +93 -75
- package/dist/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +3 -3
- package/dist-es/accordion.css-mistica.js +7 -7
- package/dist-es/align.css-mistica.js +2 -2
- package/dist-es/autocomplete.css-mistica.js +2 -2
- package/dist-es/avatar.css-mistica.js +2 -2
- package/dist-es/badge.css-mistica.js +2 -2
- package/dist-es/box.css-mistica.js +15 -15
- package/dist-es/boxed.css-mistica.js +25 -25
- package/dist-es/button-group.css-mistica.js +2 -2
- package/dist-es/button-layout.css-mistica.js +16 -16
- package/dist-es/button.css-mistica.js +38 -38
- package/dist-es/callout.css-mistica.js +12 -12
- package/dist-es/card-internal.css-mistica.js +20 -20
- package/dist-es/carousel.css-mistica.js +10 -10
- package/dist-es/checkbox.css-mistica.js +14 -14
- package/dist-es/chip.css-mistica.js +17 -17
- package/dist-es/circle.css-mistica.js +2 -2
- package/dist-es/community/advanced-data-card.css-mistica.js +7 -7
- package/dist-es/community/ai-card.css-mistica.js +4 -4
- package/dist-es/community/blocks.css-mistica.js +2 -2
- package/dist-es/community/cyber/example-component.css-mistica.js +2 -0
- package/dist-es/community/cyber/example-component.js +11 -0
- package/dist-es/community/example-component.css-mistica.js +2 -2
- package/dist-es/community/index.js +6 -4
- package/dist-es/community/skins/cyber-skin.js +613 -0
- package/dist-es/counter.css-mistica.js +2 -2
- package/dist-es/cover-hero.css-mistica.js +4 -4
- package/dist-es/credit-card-number-field.css-mistica.js +4 -4
- package/dist-es/date-field.css-mistica.js +1 -1
- package/dist-es/date-time-picker.css-mistica.js +2 -2
- package/dist-es/dialog.css-mistica.js +5 -5
- package/dist-es/divider.css-mistica.js +5 -5
- package/dist-es/double-field.css-mistica.js +4 -4
- package/dist-es/drawer.css-mistica.js +2 -2
- package/dist-es/empty-state-card.css-mistica.js +2 -2
- package/dist-es/empty-state.css-mistica.js +7 -7
- package/dist-es/fade-in.css-mistica.js +1 -1
- package/dist-es/feedback.css-mistica.js +2 -2
- package/dist-es/file-upload.css-mistica.js +8 -8
- package/dist-es/fixed-footer-layout.css-mistica.js +4 -4
- package/dist-es/form.css-mistica.js +2 -2
- package/dist-es/grid-layout.css-mistica.js +4 -4
- package/dist-es/grid.css-mistica.js +127 -127
- package/dist-es/header.css-mistica.js +2 -2
- package/dist-es/hero.css-mistica.js +4 -4
- package/dist-es/horizontal-scroll.css-mistica.js +2 -2
- package/dist-es/icon-button.css-mistica.js +56 -56
- package/dist-es/icons/icon-chevron.css-mistica.js +4 -4
- package/dist-es/icons/icon-error.css-mistica.js +2 -2
- package/dist-es/image.css-mistica.js +4 -4
- package/dist-es/inline.css-mistica.js +10 -10
- package/dist-es/list.css-mistica.js +2 -2
- package/dist-es/loading-bar.css-mistica.js +2 -2
- package/dist-es/loading-screen.css-mistica.js +5 -5
- package/dist-es/logo.css-mistica.js +7 -7
- package/dist-es/media-queries.css-mistica.js +3 -3
- package/dist-es/menu.css-mistica.js +15 -15
- package/dist-es/mosaic.css-mistica.js +2 -2
- package/dist-es/navigation-bar.css-mistica.js +20 -20
- package/dist-es/navigation-breadcrumbs.css-mistica.js +2 -2
- package/dist-es/package-version.js +2 -2
- package/dist-es/pin-field.css-mistica.js +2 -2
- package/dist-es/popover.css-mistica.js +2 -2
- package/dist-es/progress-bar.css-mistica.js +8 -8
- package/dist-es/radio-button.css-mistica.js +25 -25
- package/dist-es/rating.css-mistica.js +4 -4
- package/dist-es/responsive-layout.css-mistica.js +7 -7
- package/dist-es/screen-reader-only.css-mistica.js +2 -2
- package/dist-es/select.css-mistica.js +20 -20
- package/dist-es/sheet-action-row.css-mistica.js +2 -2
- package/dist-es/sheet-common.css-mistica.js +2 -2
- package/dist-es/sheet-info.css-mistica.js +2 -2
- package/dist-es/skeletons.css-mistica.js +8 -8
- package/dist-es/skins/skin-contract.css-mistica.js +686 -686
- package/dist-es/skip-link.css-mistica.js +2 -2
- package/dist-es/slider.css-mistica.js +20 -20
- package/dist-es/snackbar.css-mistica.js +5 -5
- package/dist-es/spinner.css-mistica.js +2 -2
- package/dist-es/square.css-mistica.js +2 -2
- package/dist-es/stack.css-mistica.js +7 -7
- package/dist-es/stacking-group.css-mistica.js +2 -2
- package/dist-es/stepper.css-mistica.js +4 -4
- package/dist-es/style.css +1 -1
- package/dist-es/switch-component.css-mistica.js +41 -41
- package/dist-es/table.css-mistica.js +11 -11
- package/dist-es/tabs.css-mistica.js +21 -21
- package/dist-es/tag.css-mistica.js +2 -2
- package/dist-es/text-field-base.css-mistica.js +17 -17
- package/dist-es/text-field-components.css-mistica.js +4 -4
- package/dist-es/text-link.css-mistica.js +9 -9
- package/dist-es/text.css-mistica.js +8 -8
- package/dist-es/theme-context.css-mistica.js +2 -2
- package/dist-es/timeline.css-mistica.js +11 -11
- package/dist-es/timer.css-mistica.js +7 -7
- package/dist-es/tooltip.css-mistica.js +3 -3
- package/dist-es/touchable.css-mistica.js +2 -2
- package/dist-es/utils/aspect-ratio-support.css-mistica.js +4 -4
- package/dist-es/video.css-mistica.js +2 -2
- package/dist-es/video.js +106 -88
- package/dist-es/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +2 -2
- package/doc/components.md +1 -1
- package/doc/figma-mcp.md +0 -35
- package/doc/layout.md +45 -1
- package/doc/patterns.md +23 -0
- package/package.json +1 -1
- package/src/community/__stories__/cyber/example-component-story.tsx +15 -0
- package/src/community/cyber/example-component.css.ts +7 -0
- package/src/community/cyber/example-component.tsx +17 -0
- package/src/community/cyber/index.tsx +1 -0
- package/src/community/index.tsx +3 -0
- package/src/community/skins/cyber-skin.tsx +628 -0
- package/src/index.tsx +1 -1
- package/src/navigation-bar.css.ts +1 -1
- package/src/package-version.tsx +1 -1
- package/src/video.tsx +36 -0
- package/doc/agents/figma-verifier.md +0 -49
package/dist/video.d.ts
CHANGED
|
@@ -10,6 +10,14 @@ type VideoSourceWithType = {
|
|
|
10
10
|
src: string;
|
|
11
11
|
type?: string;
|
|
12
12
|
};
|
|
13
|
+
export type VideoTrack = {
|
|
14
|
+
src: string;
|
|
15
|
+
kind: 'subtitles' | 'captions';
|
|
16
|
+
/** https://developer.mozilla.org/en-US/docs/Glossary/BCP_47_language_tag */
|
|
17
|
+
srcLang: string;
|
|
18
|
+
label?: string;
|
|
19
|
+
default?: boolean;
|
|
20
|
+
};
|
|
13
21
|
export type VideoSource = string | ReadonlyArray<string> | VideoSourceWithType | ReadonlyArray<VideoSourceWithType>;
|
|
14
22
|
export type VideoProps = {
|
|
15
23
|
/** defaults to 100% when no width and no height are given */
|
|
@@ -32,6 +40,8 @@ export type VideoProps = {
|
|
|
32
40
|
onPause?: () => void;
|
|
33
41
|
onLoad?: () => void;
|
|
34
42
|
poster?: string;
|
|
43
|
+
/** text track elements for subtitles and captions */
|
|
44
|
+
tracks?: ReadonlyArray<VideoTrack>;
|
|
35
45
|
children?: void;
|
|
36
46
|
/** defaults to none */
|
|
37
47
|
preload?: 'none' | 'metadata' | 'auto';
|
|
@@ -44,6 +54,12 @@ export interface VideoElement extends HTMLDivElement {
|
|
|
44
54
|
/** Stops the video and shows the poster image (if available) */
|
|
45
55
|
stop: () => void;
|
|
46
56
|
setCurrentTime: (time: number) => void;
|
|
57
|
+
/**
|
|
58
|
+
* Sets the display mode of a track by its index.
|
|
59
|
+
* - 'showing': track is visible
|
|
60
|
+
* - 'disabled': track is inactive
|
|
61
|
+
*/
|
|
62
|
+
setTrackMode: (index: number, mode: 'showing' | 'disabled') => void;
|
|
47
63
|
}
|
|
48
64
|
declare const Video: React.ForwardRefExoticComponent<VideoProps & React.RefAttributes<VideoElement>>;
|
|
49
65
|
export default Video;
|
package/dist/video.js
CHANGED
|
@@ -11,10 +11,10 @@ function _export(target, all) {
|
|
|
11
11
|
}
|
|
12
12
|
_export(exports, {
|
|
13
13
|
get RATIO () {
|
|
14
|
-
return
|
|
14
|
+
return $;
|
|
15
15
|
},
|
|
16
16
|
get default () {
|
|
17
|
-
return
|
|
17
|
+
return ne;
|
|
18
18
|
}
|
|
19
19
|
});
|
|
20
20
|
const _jsxruntime = require("react/jsx-runtime");
|
|
@@ -99,7 +99,7 @@ function _object_without_properties_loose(source, excluded) {
|
|
|
99
99
|
}
|
|
100
100
|
return target;
|
|
101
101
|
}
|
|
102
|
-
const
|
|
102
|
+
const K = {
|
|
103
103
|
loading: {
|
|
104
104
|
play: "playing",
|
|
105
105
|
pause: "paused",
|
|
@@ -132,14 +132,15 @@ const Y = {
|
|
|
132
132
|
play: "playing",
|
|
133
133
|
reset: "loading"
|
|
134
134
|
}
|
|
135
|
-
},
|
|
135
|
+
}, _ = (i, u)=>K[i][u] || i, $ = {
|
|
136
136
|
"1:1": 1,
|
|
137
137
|
"16:9": 16 / 9,
|
|
138
138
|
"4:3": 4 / 3
|
|
139
|
-
},
|
|
140
|
-
var { src:
|
|
139
|
+
}, z = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAAtJREFUGFdjYAACAAAFAAGq1chRAAAAAElFTkSuQmCC", ne = /*#__PURE__*/ _react.forwardRef((_param, h)=>{
|
|
140
|
+
var { src: i, poster: u, tracks: v, autoPlay: g = "when-loaded", muted: F = !0, loop: N = !0, preload: x = "none", loadingTimeout: R = 1e4, onLoad: L, onError: b, onPause: U, onPlay: j, aspectRatio: c = 0, dataAttributes: B } = _param, o = _object_without_properties(_param, [
|
|
141
141
|
"src",
|
|
142
142
|
"poster",
|
|
143
|
+
"tracks",
|
|
143
144
|
"autoPlay",
|
|
144
145
|
"muted",
|
|
145
146
|
"loop",
|
|
@@ -152,81 +153,94 @@ const Y = {
|
|
|
152
153
|
"aspectRatio",
|
|
153
154
|
"dataAttributes"
|
|
154
155
|
]);
|
|
155
|
-
const [d, n] = _react.useReducer(
|
|
156
|
-
d === "loading" && (n("fail"),
|
|
156
|
+
const [d, n] = _react.useReducer(_, "loading"), r = _react.useRef(null), E = _react.useRef(null), f = _react.useRef(null), A = o.width && o.height ? void 0 : typeof c == "number" ? c : $[c], y = _react.useCallback(()=>{
|
|
157
|
+
d === "loading" && (n("fail"), b === null || b === void 0 ? void 0 : b());
|
|
157
158
|
}, [
|
|
158
|
-
|
|
159
|
+
b,
|
|
159
160
|
d
|
|
160
161
|
]);
|
|
161
162
|
_react.useEffect(()=>{
|
|
162
|
-
if (
|
|
163
|
-
var
|
|
163
|
+
if (E.current !== i) {
|
|
164
|
+
var _r_current;
|
|
164
165
|
let e;
|
|
165
|
-
return
|
|
166
|
+
return E.current = i, n("reset"), i ? (e = setTimeout(y, R), (_r_current = r.current) === null || _r_current === void 0 ? void 0 : _r_current.load()) : n("fail"), ()=>{
|
|
166
167
|
clearTimeout(e);
|
|
167
168
|
};
|
|
168
169
|
}
|
|
169
170
|
}, [
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
171
|
+
i,
|
|
172
|
+
R,
|
|
173
|
+
y
|
|
173
174
|
]);
|
|
174
|
-
const
|
|
175
|
-
if (
|
|
176
|
-
const e =
|
|
177
|
-
n("finishLoad"), e &&
|
|
178
|
-
},
|
|
179
|
-
|
|
175
|
+
const T = ()=>{
|
|
176
|
+
if (L === null || L === void 0 ? void 0 : L(), d === "stopped") return;
|
|
177
|
+
const e = r.current, t = g && !(0, _platform.isRunningAcceptanceTest)();
|
|
178
|
+
n("finishLoad"), e && t && e.paused && e.play();
|
|
179
|
+
}, G = (Array.isArray(i) ? i : [
|
|
180
|
+
i
|
|
180
181
|
]).map((e)=>typeof e == "string" ? {
|
|
181
182
|
src: e
|
|
182
|
-
} : e),
|
|
183
|
+
} : e), m = [
|
|
183
184
|
"error",
|
|
184
185
|
"loading",
|
|
185
186
|
"loaded",
|
|
186
187
|
"stopped"
|
|
187
|
-
].includes(d),
|
|
188
|
-
ref:
|
|
188
|
+
].includes(d), O = /* @__PURE__ */ (0, _jsxruntime.jsxs)("video", {
|
|
189
|
+
ref: r,
|
|
189
190
|
playsInline: !0,
|
|
190
191
|
disablePictureInPicture: !0,
|
|
191
192
|
disableRemotePlayback: !0,
|
|
192
|
-
muted:
|
|
193
|
-
loop:
|
|
193
|
+
muted: F,
|
|
194
|
+
loop: N,
|
|
195
|
+
crossOrigin: (v === null || v === void 0 ? void 0 : v.length) ? "anonymous" : void 0,
|
|
194
196
|
className: (0, _classnames.default)(_videocssmistica.video, _imagecssmistica.defaultBorderRadius),
|
|
195
|
-
preload:
|
|
196
|
-
onError:
|
|
197
|
+
preload: x,
|
|
198
|
+
onError: y,
|
|
197
199
|
onPause: ()=>{
|
|
198
|
-
|
|
200
|
+
U === null || U === void 0 ? void 0 : U(), n("pause");
|
|
199
201
|
},
|
|
200
202
|
onTimeUpdate: ()=>{
|
|
201
|
-
var
|
|
202
|
-
d !== "playing" && ((
|
|
203
|
+
var _r_current;
|
|
204
|
+
d !== "playing" && ((_r_current = r.current) === null || _r_current === void 0 ? void 0 : _r_current.currentTime) !== 0 && (j === null || j === void 0 ? void 0 : j(), n("play"));
|
|
203
205
|
},
|
|
204
206
|
onCanPlay: ()=>{
|
|
205
|
-
|
|
207
|
+
g === "streaming" && T();
|
|
206
208
|
},
|
|
207
209
|
onCanPlayThrough: ()=>{
|
|
208
|
-
|
|
210
|
+
g !== "streaming" && T();
|
|
209
211
|
},
|
|
210
|
-
poster:
|
|
212
|
+
poster: z,
|
|
211
213
|
style: {
|
|
212
|
-
visibility:
|
|
213
|
-
position:
|
|
214
|
+
visibility: m ? "hidden" : "visible",
|
|
215
|
+
position: m || A !== 0 ? "absolute" : "static",
|
|
214
216
|
width: "100%",
|
|
215
217
|
height: "100%"
|
|
216
218
|
},
|
|
217
|
-
children:
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
219
|
+
children: [
|
|
220
|
+
G.map((param, a)=>{
|
|
221
|
+
let { src: e, type: t } = param;
|
|
222
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)("source", {
|
|
223
|
+
src: e,
|
|
224
|
+
type: t
|
|
225
|
+
}, a);
|
|
226
|
+
}),
|
|
227
|
+
v === null || v === void 0 ? void 0 : v.map((param, p)=>{
|
|
228
|
+
let { src: e, kind: t, srcLang: a, label: w, default: I } = param;
|
|
229
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)("track", {
|
|
230
|
+
src: e,
|
|
231
|
+
kind: t,
|
|
232
|
+
srcLang: a,
|
|
233
|
+
label: w,
|
|
234
|
+
default: I
|
|
235
|
+
}, p);
|
|
236
|
+
})
|
|
237
|
+
]
|
|
238
|
+
}), k = !!(A !== 0 || o.width && o.height), C = d === "error", V = _react.useMemo(()=>u ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_image.ImageContent, {
|
|
239
|
+
aspectRatio: c,
|
|
226
240
|
width: o.width,
|
|
227
241
|
height: o.height,
|
|
228
|
-
src:
|
|
229
|
-
}) :
|
|
242
|
+
src: u
|
|
243
|
+
}) : k ? /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
230
244
|
style: {
|
|
231
245
|
position: "absolute",
|
|
232
246
|
width: "100%",
|
|
@@ -234,15 +248,15 @@ const Y = {
|
|
|
234
248
|
},
|
|
235
249
|
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_image.ImageError, {
|
|
236
250
|
className: _imagecssmistica.defaultBorderRadius,
|
|
237
|
-
withIcon:
|
|
251
|
+
withIcon: C
|
|
238
252
|
})
|
|
239
253
|
}) : void 0, [
|
|
240
|
-
|
|
254
|
+
c,
|
|
241
255
|
o.height,
|
|
242
256
|
o.width,
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
257
|
+
C,
|
|
258
|
+
u,
|
|
259
|
+
k
|
|
246
260
|
]);
|
|
247
261
|
return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_aspectratiosupport.AspectRatioContainer, {
|
|
248
262
|
style: {
|
|
@@ -251,7 +265,7 @@ const Y = {
|
|
|
251
265
|
aspectRatio: A,
|
|
252
266
|
width: o.width,
|
|
253
267
|
height: o.height,
|
|
254
|
-
dataAttributes: (0, _dom.getPrefixedDataAttributes)(
|
|
268
|
+
dataAttributes: (0, _dom.getPrefixedDataAttributes)(B, "Video"),
|
|
255
269
|
children: [
|
|
256
270
|
/* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
257
271
|
style: {
|
|
@@ -260,36 +274,40 @@ const Y = {
|
|
|
260
274
|
height: "100%"
|
|
261
275
|
},
|
|
262
276
|
ref: (e)=>{
|
|
263
|
-
const
|
|
264
|
-
|
|
265
|
-
var
|
|
266
|
-
return ((
|
|
267
|
-
},
|
|
268
|
-
var
|
|
269
|
-
return (
|
|
270
|
-
},
|
|
271
|
-
var
|
|
272
|
-
((
|
|
273
|
-
var
|
|
274
|
-
n("reset"), (
|
|
277
|
+
const t = e || null;
|
|
278
|
+
t && (t.play = ()=>{
|
|
279
|
+
var _r_current;
|
|
280
|
+
return ((_r_current = r.current) === null || _r_current === void 0 ? void 0 : _r_current.play()) || Promise.resolve();
|
|
281
|
+
}, t.pause = ()=>{
|
|
282
|
+
var _r_current;
|
|
283
|
+
return (_r_current = r.current) === null || _r_current === void 0 ? void 0 : _r_current.pause();
|
|
284
|
+
}, t.load = ()=>{
|
|
285
|
+
var _f_current;
|
|
286
|
+
((_f_current = f.current) === null || _f_current === void 0 ? void 0 : _f_current.style) && (f.current.style.width = "100%", f.current.style.height = "100%"), setTimeout(()=>{
|
|
287
|
+
var _r_current;
|
|
288
|
+
n("reset"), (_r_current = r.current) === null || _r_current === void 0 ? void 0 : _r_current.load();
|
|
275
289
|
}, 100);
|
|
276
|
-
},
|
|
277
|
-
|
|
278
|
-
},
|
|
279
|
-
|
|
280
|
-
}
|
|
290
|
+
}, t.setCurrentTime = (a)=>{
|
|
291
|
+
r.current && (r.current.currentTime = a);
|
|
292
|
+
}, t.stop = ()=>{
|
|
293
|
+
r.current && (r.current.pause(), r.current.currentTime = 0, n("stop"));
|
|
294
|
+
}, t.setTrackMode = (a, w)=>{
|
|
295
|
+
var _r_current_querySelectorAll, _r_current;
|
|
296
|
+
const p = (_r_current = r.current) === null || _r_current === void 0 ? void 0 : (_r_current_querySelectorAll = _r_current.querySelectorAll("track")) === null || _r_current_querySelectorAll === void 0 ? void 0 : _r_current_querySelectorAll[a];
|
|
297
|
+
(p === null || p === void 0 ? void 0 : p.track) && (p.track.mode = w);
|
|
298
|
+
}), typeof h == "function" ? h(t) : h && (h.current = t);
|
|
281
299
|
}
|
|
282
300
|
}),
|
|
283
|
-
|
|
301
|
+
O,
|
|
284
302
|
/* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
285
|
-
ref:
|
|
303
|
+
ref: f,
|
|
286
304
|
style: {
|
|
287
305
|
position: A !== 0 ? "absolute" : "static",
|
|
288
|
-
width:
|
|
289
|
-
height:
|
|
306
|
+
width: m ? "100%" : 0,
|
|
307
|
+
height: m ? "100%" : 0,
|
|
290
308
|
overflow: "hidden"
|
|
291
309
|
},
|
|
292
|
-
children:
|
|
310
|
+
children: V
|
|
293
311
|
})
|
|
294
312
|
]
|
|
295
313
|
});
|
|
@@ -10,10 +10,10 @@ function _export(target, all) {
|
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
12
|
get container () {
|
|
13
|
-
return
|
|
13
|
+
return a;
|
|
14
14
|
},
|
|
15
15
|
get waveFadeOut () {
|
|
16
|
-
return
|
|
16
|
+
return r;
|
|
17
17
|
}
|
|
18
18
|
});
|
|
19
|
-
/* empty css */ var
|
|
19
|
+
/* empty css */ var a = "v16_65_1ezqdj90", r = "v16_65_1ezqdj91";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
/* empty css */ /* empty css */ var
|
|
2
|
-
enter: "
|
|
3
|
-
enterActive: "
|
|
4
|
-
exit: "
|
|
5
|
-
exitActive: "
|
|
6
|
-
},
|
|
7
|
-
export {
|
|
1
|
+
/* empty css */ /* empty css */ var n = "v16_65_8s3szx0 v16_65_1y2v1nffx v16_65_1y2v1nfh6 v16_65_1y2v1nfif v16_65_1y2v1nfjo v16_65_1y2v1nfqr v16_65_1y2v1nfsm v16_65_1y2v1nffw v16_65_1y2v1nfq6 v16_65_1y2v1nfr8", s = "v16_65_8s3szx1", r = "v16_65_8s3szx2", a = "v16_65_8s3szx3", e = "v16_65_8s3szx4", t = "v16_65_8s3szx5", o = "v16_65_8s3szx6", x = {
|
|
2
|
+
enter: "v16_65_8s3szx7",
|
|
3
|
+
enterActive: "v16_65_8s3szx8",
|
|
4
|
+
exit: "v16_65_8s3szx9",
|
|
5
|
+
exitActive: "v16_65_8s3szxa"
|
|
6
|
+
}, i = "v16_65_8s3szxb", f = "v16_65_8s3szxc v16_65_1y2v1nfqr";
|
|
7
|
+
export { f as accordionItem, s as boxed, t as chevronContainer, n as itemContent, i as panel, o as panelContainer, x as panelTransitionClasses, e as rightContentContainer, r as touchableBackground, a as touchableBackgroundOverBrand };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/* empty css */ var
|
|
2
|
-
export {
|
|
1
|
+
/* empty css */ var o = "v16_65_1mfs0fk0";
|
|
2
|
+
export { o as container };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/* empty css */ /* empty css */ var
|
|
2
|
-
export {
|
|
1
|
+
/* empty css */ /* empty css */ var n = "v16_65_1rj3nw81 v16_65_1rj3nw80 v16_65_1y2v1nfpy", r = "v16_65_1rj3nw83 v16_65_1rj3nw82 v16_65_1y2v1nfg6 v16_65_1y2v1nfhf v16_65_1y2v1nfio v16_65_1y2v1nfjx v16_65_1y2v1nfpz v16_65_1y2v1nfsy", y = "v16_65_1rj3nw85 v16_65_1rj3nw84 v16_65_1y2v1nfio v16_65_1y2v1nfjx v16_65_1y2v1nfg9 v16_65_1y2v1nfhi", f = "v16_65_1rj3nw87 v16_65_1rj3nw85 v16_65_1rj3nw84 v16_65_1y2v1nfio v16_65_1y2v1nfjx v16_65_1y2v1nfg9 v16_65_1y2v1nfhi v16_65_1rj3nw86 v16_65_1y2v1nft7", o = "v16_65_1rj3nw88";
|
|
2
|
+
export { n as autocompleteContainer, y as optionBaseItem, f as optionItem, o as optionItemSelected, r as optionsList };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/* empty css */ /* empty css */ var
|
|
2
|
-
export {
|
|
1
|
+
/* empty css */ /* empty css */ var f = "v16_65_f1g4uj0 v16_65_1y2v1nft4 v16_65_1y2v1nfq4 v16_65_1y2v1nfqj v16_65_1y2v1nfqd v16_65_1y2v1nft8", a = "v16_65_f1g4uj1 v16_65_1y2v1nfv2";
|
|
2
|
+
export { f as avatar, a as image };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/* empty css */ /* empty css */ var
|
|
2
|
-
export {
|
|
1
|
+
/* empty css */ /* empty css */ var r = "v16_65_17szrmd0 v16_65_1y2v1nfpy v16_65_1y2v1nfq8", d = "v16_65_17szrmd2 v16_65_17szrmd1 v16_65_1y2v1nfce", m = "v16_65_17szrmd3", e = "v16_65_17szrmd5 v16_65_17szrmd2 v16_65_17szrmd1 v16_65_1y2v1nfce v16_65_17szrmd4 v16_65_1y2v1nfq4 v16_65_1y2v1nfqj v16_65_1y2v1nfqd", a = "v16_65_17szrmd6 v16_65_1y2v1nfpz", n = "v16_65_17szrmd7";
|
|
2
|
+
export { d as badge, n as badgeBigNumber, m as badgeBorder, e as badgeNumber, a as badgeWithChildren, r as container };
|
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
/* empty css */ var
|
|
1
|
+
/* empty css */ var _ = {
|
|
2
2
|
paddingTop: {
|
|
3
|
-
desktop: "var(--
|
|
4
|
-
tablet: "var(--
|
|
5
|
-
mobile: "var(--
|
|
3
|
+
desktop: "var(--v16_65_1xgjmkv0)",
|
|
4
|
+
tablet: "var(--v16_65_1xgjmkv1)",
|
|
5
|
+
mobile: "var(--v16_65_1xgjmkv2)"
|
|
6
6
|
},
|
|
7
7
|
paddingBottom: {
|
|
8
|
-
desktop: "var(--
|
|
9
|
-
tablet: "var(--
|
|
10
|
-
mobile: "var(--
|
|
8
|
+
desktop: "var(--v16_65_1xgjmkv3)",
|
|
9
|
+
tablet: "var(--v16_65_1xgjmkv4)",
|
|
10
|
+
mobile: "var(--v16_65_1xgjmkv5)"
|
|
11
11
|
},
|
|
12
12
|
paddingLeft: {
|
|
13
|
-
desktop: "var(--
|
|
14
|
-
tablet: "var(--
|
|
15
|
-
mobile: "var(--
|
|
13
|
+
desktop: "var(--v16_65_1xgjmkv6)",
|
|
14
|
+
tablet: "var(--v16_65_1xgjmkv7)",
|
|
15
|
+
mobile: "var(--v16_65_1xgjmkv8)"
|
|
16
16
|
},
|
|
17
17
|
paddingRight: {
|
|
18
|
-
desktop: "var(--
|
|
19
|
-
tablet: "var(--
|
|
20
|
-
mobile: "var(--
|
|
18
|
+
desktop: "var(--v16_65_1xgjmkv9)",
|
|
19
|
+
tablet: "var(--v16_65_1xgjmkva)",
|
|
20
|
+
mobile: "var(--v16_65_1xgjmkvb)"
|
|
21
21
|
}
|
|
22
|
-
}, a = "
|
|
23
|
-
export { a as box,
|
|
22
|
+
}, a = "v16_65_1xgjmkvc";
|
|
23
|
+
export { a as box, _ as vars };
|
|
@@ -1,31 +1,31 @@
|
|
|
1
|
-
/* empty css */ /* empty css */ var
|
|
2
|
-
width: "var(--
|
|
3
|
-
height: "var(--
|
|
4
|
-
minHeight: "var(--
|
|
5
|
-
maxWidth: "var(--
|
|
6
|
-
minWidth: "var(--
|
|
1
|
+
/* empty css */ /* empty css */ var _ = {
|
|
2
|
+
width: "var(--v16_65_ihbkeq0)",
|
|
3
|
+
height: "var(--v16_65_ihbkeq1)",
|
|
4
|
+
minHeight: "var(--v16_65_ihbkeq2)",
|
|
5
|
+
maxWidth: "var(--v16_65_ihbkeq3)",
|
|
6
|
+
minWidth: "var(--v16_65_ihbkeq4)",
|
|
7
7
|
mobile: {
|
|
8
|
-
width: "var(--
|
|
9
|
-
height: "var(--
|
|
10
|
-
minHeight: "var(--
|
|
11
|
-
maxWidth: "var(--
|
|
12
|
-
minWidth: "var(--
|
|
8
|
+
width: "var(--v16_65_ihbkeq5)",
|
|
9
|
+
height: "var(--v16_65_ihbkeq6)",
|
|
10
|
+
minHeight: "var(--v16_65_ihbkeq7)",
|
|
11
|
+
maxWidth: "var(--v16_65_ihbkeq8)",
|
|
12
|
+
minWidth: "var(--v16_65_ihbkeq9)"
|
|
13
13
|
},
|
|
14
14
|
tablet: {
|
|
15
|
-
width: "var(--
|
|
16
|
-
height: "var(--
|
|
17
|
-
minHeight: "var(--
|
|
18
|
-
maxWidth: "var(--
|
|
19
|
-
minWidth: "var(--
|
|
15
|
+
width: "var(--v16_65_ihbkeqa)",
|
|
16
|
+
height: "var(--v16_65_ihbkeqb)",
|
|
17
|
+
minHeight: "var(--v16_65_ihbkeqc)",
|
|
18
|
+
maxWidth: "var(--v16_65_ihbkeqd)",
|
|
19
|
+
minWidth: "var(--v16_65_ihbkeqe)"
|
|
20
20
|
},
|
|
21
21
|
desktop: {
|
|
22
|
-
width: "var(--
|
|
23
|
-
height: "var(--
|
|
24
|
-
minHeight: "var(--
|
|
25
|
-
maxWidth: "var(--
|
|
26
|
-
minWidth: "var(--
|
|
22
|
+
width: "var(--v16_65_ihbkeqf)",
|
|
23
|
+
height: "var(--v16_65_ihbkeqg)",
|
|
24
|
+
minHeight: "var(--v16_65_ihbkeqh)",
|
|
25
|
+
maxWidth: "var(--v16_65_ihbkeqi)",
|
|
26
|
+
minWidth: "var(--v16_65_ihbkeqj)"
|
|
27
27
|
},
|
|
28
|
-
background: "var(--
|
|
29
|
-
borderRadius: "var(--
|
|
30
|
-
},
|
|
31
|
-
export {
|
|
28
|
+
background: "var(--v16_65_ihbkeqk)",
|
|
29
|
+
borderRadius: "var(--v16_65_ihbkeql)"
|
|
30
|
+
}, h = "v16_65_ihbkeqm", e = "v16_65_ihbkeqn v16_65_1y2v1nft8", r = "v16_65_ihbkeqo v16_65_1y2v1nfsl", a = "v16_65_ihbkeqp", b = "v16_65_ihbkeqq v16_65_1y2v1nfsm";
|
|
31
|
+
export { r as boxBorder, h as boxed, a as desktopOnly, b as noBorder, e as overflowHidden, _ as vars };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/* empty css */ /* empty css */ /* empty css */ var
|
|
2
|
-
export {
|
|
1
|
+
/* empty css */ /* empty css */ /* empty css */ var n = "v16_65_1xdd1h61 v16_65_1xdd1h60 v16_65_1y2v1nfq5 v16_65_1y2v1nfqj v16_65_1y2v1nfq9", t = "v16_65_1xdd1h62", r = "v16_65_1xdd1h63", a = "v16_65_1xdd1h64", e = "v16_65_1xdd1h65", h = "v16_65_1xdd1h66", i = "v16_65_1xdd1h67", o = "v16_65_1xdd1h68", x = "v16_65_1xdd1h69";
|
|
2
|
+
export { x as buttonChild, i as buttons, o as buttonsWithSmallLink, a as centerInDesktop, t as centerInMobile, r as centerInTablet, e as container, h as containerWithSmallLink, n as inline };
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
/* empty css */ /* empty css */ /* empty css */ var
|
|
2
|
-
right: "
|
|
3
|
-
left: "
|
|
4
|
-
center: "
|
|
5
|
-
"full-width": "
|
|
6
|
-
},
|
|
7
|
-
center: "
|
|
8
|
-
left: "
|
|
9
|
-
right: "
|
|
10
|
-
"full-width": "
|
|
11
|
-
},
|
|
12
|
-
center: "
|
|
13
|
-
left: "
|
|
14
|
-
right: "
|
|
15
|
-
"full-width": "
|
|
1
|
+
/* empty css */ /* empty css */ /* empty css */ var y = "v16_65_kfxylh1 v16_65_kfxylh0 v16_65_1y2v1nfq4 v16_65_1y2v1nfqj", l = "v16_65_kfxylh2", h = {
|
|
2
|
+
right: "v16_65_kfxylh7 v16_65_kfxylh3 v16_65_1y2v1nfqe",
|
|
3
|
+
left: "v16_65_kfxylh8 v16_65_kfxylh4 v16_65_1y2v1nfqc",
|
|
4
|
+
center: "v16_65_kfxylh9 v16_65_kfxylh5 v16_65_1y2v1nfqd",
|
|
5
|
+
"full-width": "v16_65_kfxylha v16_65_kfxylh6 v16_65_1y2v1nfqd"
|
|
6
|
+
}, k = "v16_65_kfxylhd v16_65_kfxylhc v16_65_kfxylhb v16_65_1y2v1nfq4 v16_65_1y2v1nfqr", x = {
|
|
7
|
+
center: "v16_65_kfxylhh v16_65_kfxylhc v16_65_kfxylhb v16_65_1y2v1nfq4 v16_65_1y2v1nfqr",
|
|
8
|
+
left: "v16_65_kfxylhi v16_65_kfxylhc v16_65_kfxylhb v16_65_1y2v1nfq4 v16_65_1y2v1nfqr v16_65_kfxylhe",
|
|
9
|
+
right: "v16_65_kfxylhj v16_65_kfxylhc v16_65_kfxylhb v16_65_1y2v1nfq4 v16_65_1y2v1nfqr v16_65_kfxylhf",
|
|
10
|
+
"full-width": "v16_65_kfxylhk v16_65_kfxylhc v16_65_kfxylhb v16_65_1y2v1nfq4 v16_65_1y2v1nfqr v16_65_kfxylhg"
|
|
11
|
+
}, n = {
|
|
12
|
+
center: "v16_65_kfxylho v16_65_kfxylhc v16_65_kfxylhb v16_65_1y2v1nfq4 v16_65_1y2v1nfqr",
|
|
13
|
+
left: "v16_65_kfxylhp v16_65_kfxylhc v16_65_kfxylhb v16_65_1y2v1nfq4 v16_65_1y2v1nfqr v16_65_kfxylhl",
|
|
14
|
+
right: "v16_65_kfxylhq v16_65_kfxylhc v16_65_kfxylhb v16_65_1y2v1nfq4 v16_65_1y2v1nfqr v16_65_kfxylhm",
|
|
15
|
+
"full-width": "v16_65_kfxylhr v16_65_kfxylhc v16_65_kfxylhb v16_65_1y2v1nfq4 v16_65_1y2v1nfqr v16_65_kfxylhn"
|
|
16
16
|
};
|
|
17
|
-
export {
|
|
17
|
+
export { h as alignVariant, y as container, l as containerWithTwoButtons, k as link, x as linkInNewLine, n as smallLinkInNewLine };
|