@telefonica/mistica 16.4.0 → 16.5.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/css/vivo-new.css +11 -11
- package/dist/accordion.css-mistica.js +16 -13
- package/dist/accordion.css.d.ts +1 -0
- package/dist/accordion.d.ts +4 -0
- package/dist/accordion.js +110 -93
- package/dist/mosaic.d.ts +6 -2
- package/dist/mosaic.js +50 -48
- package/dist/navigation-bar.css-mistica.js +96 -37
- package/dist/navigation-bar.css.d.ts +27 -1
- package/dist/navigation-bar.d.ts +65 -30
- package/dist/navigation-bar.js +818 -193
- package/dist/package-version.js +1 -1
- package/dist/skins/blau.js +94 -94
- package/dist/skins/movistar.js +94 -94
- package/dist/skins/o2-new.js +94 -94
- package/dist/skins/o2.js +94 -94
- package/dist/skins/telefonica.js +94 -94
- package/dist/skins/tu.js +94 -94
- package/dist/skins/vivo-new.js +98 -98
- package/dist/skins/vivo.js +94 -94
- package/dist/text-tokens.d.ts +4 -0
- package/dist/text-tokens.js +101 -85
- package/dist/theme.js +20 -17
- package/dist-es/accordion.css-mistica.js +7 -7
- package/dist-es/accordion.js +140 -123
- package/dist-es/mosaic.js +73 -71
- package/dist-es/navigation-bar.css-mistica.js +14 -15
- package/dist-es/navigation-bar.js +864 -240
- package/dist-es/package-version.js +1 -1
- package/dist-es/skins/blau.js +94 -94
- package/dist-es/skins/movistar.js +94 -94
- package/dist-es/skins/o2-new.js +94 -94
- package/dist-es/skins/o2.js +94 -94
- package/dist-es/skins/telefonica.js +94 -94
- package/dist-es/skins/tu.js +94 -94
- package/dist-es/skins/vivo-new.js +98 -98
- package/dist-es/skins/vivo.js +94 -94
- package/dist-es/style.css +1 -1
- package/dist-es/text-tokens.js +53 -43
- package/dist-es/theme.js +20 -20
- package/package.json +1 -1
package/dist-es/accordion.js
CHANGED
|
@@ -78,213 +78,230 @@ function _object_without_properties_loose(source, excluded) {
|
|
|
78
78
|
}
|
|
79
79
|
return target;
|
|
80
80
|
}
|
|
81
|
-
import { jsxs as
|
|
82
|
-
import * as
|
|
83
|
-
import { Content as
|
|
84
|
-
import
|
|
85
|
-
import
|
|
86
|
-
import { itemContent as
|
|
87
|
-
import
|
|
88
|
-
import { BaseTouchable as
|
|
89
|
-
import
|
|
90
|
-
import { vars as
|
|
91
|
-
import { getPrefixedDataAttributes as
|
|
92
|
-
import
|
|
93
|
-
import { Boxed as
|
|
94
|
-
import { useIsInverseOrMediaVariant as
|
|
95
|
-
import { CSSTransition as
|
|
96
|
-
import { isRunningAcceptanceTest as
|
|
97
|
-
|
|
81
|
+
import { jsxs as A, jsx as o } from "react/jsx-runtime";
|
|
82
|
+
import * as i from "react";
|
|
83
|
+
import { Content as T } from "./list.js";
|
|
84
|
+
import w from "./icons/icon-chevron.js";
|
|
85
|
+
import v from "./box.js";
|
|
86
|
+
import { itemContent as D, touchableBackgroundInverse as P, touchableBackground as V, rightContentContainer as E, chevronContainer as _, panelTransitionClasses as k, panelContainer as L, panel as M, accordionItem as X } from "./accordion.css-mistica.js";
|
|
87
|
+
import j from "./stack.js";
|
|
88
|
+
import { BaseTouchable as q } from "./touchable.js";
|
|
89
|
+
import z from "classnames";
|
|
90
|
+
import { vars as g } from "./skins/skin-contract.css-mistica.js";
|
|
91
|
+
import { getPrefixedDataAttributes as B } from "./utils/dom.js";
|
|
92
|
+
import F from "./divider.js";
|
|
93
|
+
import { Boxed as H } from "./boxed.js";
|
|
94
|
+
import { useIsInverseOrMediaVariant as U } from "./theme-variant-context.js";
|
|
95
|
+
import { CSSTransition as G } from "react-transition-group";
|
|
96
|
+
import { isRunningAcceptanceTest as J } from "./utils/platform.js";
|
|
97
|
+
import K from "./inline.js";
|
|
98
|
+
const R = 400, C = /*#__PURE__*/ i.createContext({
|
|
98
99
|
index: [],
|
|
99
100
|
toggle: ()=>{}
|
|
100
|
-
}),
|
|
101
|
-
let { value:
|
|
102
|
-
const
|
|
101
|
+
}), Q = ()=>i.useContext(C), N = (param)=>{
|
|
102
|
+
let { value: n, defaultValue: r, onChange: t, singleOpen: c } = param;
|
|
103
|
+
const d = n !== void 0, s = (e)=>e === void 0 ? [] : typeof e == "number" ? [
|
|
103
104
|
e
|
|
104
|
-
] : e, [
|
|
105
|
-
|
|
106
|
-
if (
|
|
105
|
+
] : e, [a, u] = i.useState(s(r));
|
|
106
|
+
i.useEffect(()=>{
|
|
107
|
+
if (a.length > 1 && c) {
|
|
107
108
|
const e = [
|
|
108
|
-
...
|
|
109
|
+
...a
|
|
109
110
|
];
|
|
110
|
-
e.splice(1),
|
|
111
|
+
e.splice(1), u(e);
|
|
111
112
|
}
|
|
112
113
|
}, [
|
|
113
|
-
|
|
114
|
-
|
|
114
|
+
c,
|
|
115
|
+
a
|
|
115
116
|
]);
|
|
116
|
-
const
|
|
117
|
+
const m = (e, l)=>{
|
|
117
118
|
if (!l) return [
|
|
118
119
|
e
|
|
119
120
|
];
|
|
120
|
-
const
|
|
121
|
+
const p = l.indexOf(e);
|
|
121
122
|
let I = [
|
|
122
123
|
...l
|
|
123
124
|
];
|
|
124
|
-
return
|
|
125
|
+
return p === -1 ? c ? I = [
|
|
125
126
|
e
|
|
126
|
-
] : I.push(e) : I.splice(
|
|
127
|
+
] : I.push(e) : I.splice(p, 1), I;
|
|
127
128
|
}, f = (e)=>{
|
|
128
|
-
if (
|
|
129
|
-
const l = (
|
|
130
|
-
|
|
129
|
+
if (d || u(m(e, a)), t) {
|
|
130
|
+
const l = (d ? s(n) : a).includes(e);
|
|
131
|
+
t(e, !l);
|
|
131
132
|
}
|
|
132
133
|
};
|
|
133
|
-
return
|
|
134
|
-
s(
|
|
134
|
+
return d ? [
|
|
135
|
+
s(n),
|
|
135
136
|
f
|
|
136
137
|
] : [
|
|
137
|
-
|
|
138
|
+
a,
|
|
138
139
|
f
|
|
139
140
|
];
|
|
140
|
-
},
|
|
141
|
-
const r =
|
|
142
|
-
if (r) return Array.from(r.querySelectorAll("[data-accordion-item]")).filter((
|
|
143
|
-
},
|
|
144
|
-
var { content:
|
|
141
|
+
}, W = (n)=>{
|
|
142
|
+
const r = n == null ? void 0 : n.closest("[data-accordion]");
|
|
143
|
+
if (r) return Array.from(r.querySelectorAll("[data-accordion-item]")).filter((t)=>t.closest("[data-accordion]") === r).findIndex((t)=>t === n);
|
|
144
|
+
}, S = /*#__PURE__*/ i.forwardRef((_param, u)=>{
|
|
145
|
+
var { content: n, dataAttributes: r, trackingEvent: t, right: c, "aria-label": d, "aria-labelledby": s } = _param, a = _object_without_properties(_param, [
|
|
145
146
|
"content",
|
|
146
147
|
"dataAttributes",
|
|
147
|
-
"trackingEvent"
|
|
148
|
+
"trackingEvent",
|
|
149
|
+
"right",
|
|
150
|
+
"aria-label",
|
|
151
|
+
"aria-labelledby"
|
|
148
152
|
]);
|
|
149
|
-
const
|
|
150
|
-
return
|
|
151
|
-
|
|
152
|
-
}, []), /* @__PURE__ */
|
|
153
|
-
ref:
|
|
154
|
-
},
|
|
153
|
+
const m = i.useRef(null), f = i.useRef(null), { index: e, toggle: l } = Q(), p = U(), I = i.useId(), b = i.useId(), [x, y] = i.useState(), h = x !== void 0 && (e == null ? void 0 : e.includes(x));
|
|
154
|
+
return i.useEffect(()=>{
|
|
155
|
+
y(W(f.current));
|
|
156
|
+
}, []), /* @__PURE__ */ A("div", _object_spread_props(_object_spread({
|
|
157
|
+
ref: f
|
|
158
|
+
}, B(_object_spread_props(_object_spread({}, r), {
|
|
155
159
|
"accordion-item": !0
|
|
156
160
|
}))), {
|
|
157
161
|
children: [
|
|
158
|
-
/* @__PURE__ */ o(
|
|
159
|
-
ref:
|
|
160
|
-
className:
|
|
162
|
+
/* @__PURE__ */ o(q, {
|
|
163
|
+
ref: u,
|
|
164
|
+
className: z(D, p ? P : V),
|
|
161
165
|
onPress: ()=>{
|
|
162
|
-
|
|
166
|
+
x !== void 0 && l(x);
|
|
163
167
|
},
|
|
164
|
-
trackingEvent:
|
|
165
|
-
"aria-expanded":
|
|
166
|
-
"aria-controls":
|
|
167
|
-
|
|
168
|
+
trackingEvent: t,
|
|
169
|
+
"aria-expanded": h,
|
|
170
|
+
"aria-controls": b,
|
|
171
|
+
"aria-label": d,
|
|
172
|
+
"aria-labelledby": s,
|
|
173
|
+
children: /* @__PURE__ */ o(v, {
|
|
168
174
|
paddingX: 16,
|
|
169
|
-
children: /* @__PURE__ */ o(
|
|
170
|
-
labelId:
|
|
171
|
-
},
|
|
172
|
-
right:
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
175
|
+
children: /* @__PURE__ */ o(T, _object_spread_props(_object_spread({
|
|
176
|
+
labelId: I
|
|
177
|
+
}, a), {
|
|
178
|
+
right: (param)=>{
|
|
179
|
+
let { centerY: O } = param;
|
|
180
|
+
return /* @__PURE__ */ A(K, {
|
|
181
|
+
space: 4,
|
|
182
|
+
alignItems: O ? "center" : void 0,
|
|
183
|
+
className: E,
|
|
184
|
+
children: [
|
|
185
|
+
c,
|
|
186
|
+
/* @__PURE__ */ o("div", {
|
|
187
|
+
className: _,
|
|
188
|
+
children: /* @__PURE__ */ o(w, {
|
|
189
|
+
size: 24,
|
|
190
|
+
transitionDuration: R,
|
|
191
|
+
direction: h ? "up" : "down",
|
|
192
|
+
color: p ? g.colors.inverse : h ? g.colors.neutralHigh : g.colors.neutralMedium
|
|
193
|
+
})
|
|
194
|
+
})
|
|
195
|
+
]
|
|
196
|
+
});
|
|
197
|
+
}
|
|
181
198
|
}))
|
|
182
199
|
})
|
|
183
200
|
}),
|
|
184
|
-
/* @__PURE__ */ o(
|
|
185
|
-
in:
|
|
186
|
-
timeout:
|
|
187
|
-
nodeRef:
|
|
188
|
-
classNames:
|
|
201
|
+
/* @__PURE__ */ o(G, {
|
|
202
|
+
in: h,
|
|
203
|
+
timeout: J() ? 0 : R,
|
|
204
|
+
nodeRef: m,
|
|
205
|
+
classNames: k,
|
|
189
206
|
mountOnEnter: !0,
|
|
190
207
|
unmountOnExit: !0,
|
|
191
208
|
children: /* @__PURE__ */ o("div", {
|
|
192
|
-
className:
|
|
193
|
-
ref:
|
|
209
|
+
className: L,
|
|
210
|
+
ref: m,
|
|
194
211
|
children: /* @__PURE__ */ o("div", {
|
|
195
|
-
className:
|
|
212
|
+
className: M,
|
|
196
213
|
role: "region",
|
|
197
|
-
"aria-labelledby":
|
|
198
|
-
id:
|
|
199
|
-
children: /* @__PURE__ */ o(
|
|
214
|
+
"aria-labelledby": I,
|
|
215
|
+
id: b,
|
|
216
|
+
children: /* @__PURE__ */ o(v, {
|
|
200
217
|
paddingX: 16,
|
|
201
218
|
paddingBottom: 16,
|
|
202
|
-
children:
|
|
219
|
+
children: n
|
|
203
220
|
})
|
|
204
221
|
})
|
|
205
222
|
})
|
|
206
223
|
})
|
|
207
224
|
]
|
|
208
225
|
}));
|
|
209
|
-
}),
|
|
210
|
-
var { dataAttributes:
|
|
226
|
+
}), fe = /*#__PURE__*/ i.forwardRef((_param, c)=>{
|
|
227
|
+
var { dataAttributes: n, role: r } = _param, t = _object_without_properties(_param, [
|
|
211
228
|
"dataAttributes",
|
|
212
229
|
"role"
|
|
213
230
|
]);
|
|
214
231
|
return /* @__PURE__ */ o("div", {
|
|
215
232
|
role: r,
|
|
216
|
-
className:
|
|
217
|
-
children: /* @__PURE__ */ o(
|
|
218
|
-
ref:
|
|
233
|
+
className: X,
|
|
234
|
+
children: /* @__PURE__ */ o(S, _object_spread_props(_object_spread({}, t), {
|
|
235
|
+
ref: c,
|
|
219
236
|
dataAttributes: _object_spread({
|
|
220
237
|
"component-name": "AccordionItem"
|
|
221
|
-
},
|
|
238
|
+
}, n)
|
|
222
239
|
}))
|
|
223
240
|
});
|
|
224
|
-
}),
|
|
225
|
-
let { children:
|
|
226
|
-
const [
|
|
227
|
-
value:
|
|
228
|
-
defaultValue:
|
|
229
|
-
onChange:
|
|
241
|
+
}), pe = (param)=>{
|
|
242
|
+
let { children: n, dataAttributes: r, index: t, defaultIndex: c, onChange: d, singleOpen: s, role: a } = param;
|
|
243
|
+
const [u, m] = N({
|
|
244
|
+
value: t,
|
|
245
|
+
defaultValue: c,
|
|
246
|
+
onChange: d,
|
|
230
247
|
singleOpen: s
|
|
231
|
-
}), f =
|
|
232
|
-
return /* @__PURE__ */ o(
|
|
248
|
+
}), f = i.Children.toArray(n).filter(Boolean), e = f.length - 1;
|
|
249
|
+
return /* @__PURE__ */ o(C.Provider, {
|
|
233
250
|
value: {
|
|
234
|
-
index:
|
|
235
|
-
toggle:
|
|
251
|
+
index: u,
|
|
252
|
+
toggle: m
|
|
236
253
|
},
|
|
237
254
|
children: /* @__PURE__ */ o("div", _object_spread_props(_object_spread({
|
|
238
|
-
role:
|
|
239
|
-
},
|
|
255
|
+
role: a
|
|
256
|
+
}, B(_object_spread_props(_object_spread({}, r), {
|
|
240
257
|
accordion: !0
|
|
241
258
|
}), "Accordion")), {
|
|
242
|
-
children: f.map((l,
|
|
259
|
+
children: f.map((l, p)=>/* @__PURE__ */ A(i.Fragment, {
|
|
243
260
|
children: [
|
|
244
261
|
l,
|
|
245
|
-
|
|
262
|
+
p < e && /* @__PURE__ */ o(v, {
|
|
246
263
|
paddingX: 16,
|
|
247
|
-
children: /* @__PURE__ */ o(
|
|
264
|
+
children: /* @__PURE__ */ o(F, {})
|
|
248
265
|
})
|
|
249
266
|
]
|
|
250
|
-
},
|
|
267
|
+
}, p))
|
|
251
268
|
}))
|
|
252
269
|
});
|
|
253
|
-
},
|
|
254
|
-
var { dataAttributes:
|
|
270
|
+
}, Ie = /*#__PURE__*/ i.forwardRef((_param, c)=>{
|
|
271
|
+
var { dataAttributes: n, isInverse: r } = _param, t = _object_without_properties(_param, [
|
|
255
272
|
"dataAttributes",
|
|
256
273
|
"isInverse"
|
|
257
274
|
]);
|
|
258
|
-
return /* @__PURE__ */ o(
|
|
259
|
-
|
|
260
|
-
ref:
|
|
275
|
+
return /* @__PURE__ */ o(H, {
|
|
276
|
+
variant: r ? "inverse" : "default",
|
|
277
|
+
ref: c,
|
|
261
278
|
dataAttributes: _object_spread({
|
|
262
279
|
"component-name": "BoxedAccordionItem"
|
|
263
|
-
},
|
|
264
|
-
children: /* @__PURE__ */ o(
|
|
280
|
+
}, n),
|
|
281
|
+
children: /* @__PURE__ */ o(S, _object_spread({}, t))
|
|
265
282
|
});
|
|
266
|
-
}),
|
|
267
|
-
let { children:
|
|
268
|
-
const [
|
|
269
|
-
value:
|
|
270
|
-
defaultValue:
|
|
271
|
-
onChange:
|
|
283
|
+
}), xe = (param)=>{
|
|
284
|
+
let { children: n, dataAttributes: r, index: t, defaultIndex: c, onChange: d, singleOpen: s, role: a } = param;
|
|
285
|
+
const [u, m] = N({
|
|
286
|
+
value: t,
|
|
287
|
+
defaultValue: c,
|
|
288
|
+
onChange: d,
|
|
272
289
|
singleOpen: s
|
|
273
290
|
});
|
|
274
|
-
return /* @__PURE__ */ o(
|
|
291
|
+
return /* @__PURE__ */ o(C.Provider, {
|
|
275
292
|
value: {
|
|
276
|
-
index:
|
|
277
|
-
toggle:
|
|
293
|
+
index: u,
|
|
294
|
+
toggle: m
|
|
278
295
|
},
|
|
279
|
-
children: /* @__PURE__ */ o(
|
|
296
|
+
children: /* @__PURE__ */ o(j, {
|
|
280
297
|
space: 16,
|
|
281
|
-
role:
|
|
298
|
+
role: a,
|
|
282
299
|
dataAttributes: _object_spread({
|
|
283
300
|
"component-name": "BoxedAccordion",
|
|
284
301
|
accordion: !0
|
|
285
302
|
}, r),
|
|
286
|
-
children:
|
|
303
|
+
children: n
|
|
287
304
|
})
|
|
288
305
|
});
|
|
289
306
|
};
|
|
290
|
-
export {
|
|
307
|
+
export { pe as Accordion, fe as AccordionItem, xe as BoxedAccordion, Ie as BoxedAccordionItem };
|
package/dist-es/mosaic.js
CHANGED
|
@@ -50,62 +50,64 @@ function _object_spread_props(target, source) {
|
|
|
50
50
|
}
|
|
51
51
|
return target;
|
|
52
52
|
}
|
|
53
|
-
import { jsx as
|
|
53
|
+
import { jsx as r, jsxs as g, Fragment as v } from "react/jsx-runtime";
|
|
54
54
|
import { Grid as i, GridItem as e } from "./grid.js";
|
|
55
|
-
import { Carousel as
|
|
56
|
-
import { singleItemRowContainer as m, squareContainer as
|
|
57
|
-
const
|
|
55
|
+
import { Carousel as w } from "./carousel.js";
|
|
56
|
+
import { singleItemRowContainer as m, squareContainer as f, fourItemsContainer as q } from "./mosaic.css-mistica.js";
|
|
57
|
+
const u = {
|
|
58
58
|
mobile: 8,
|
|
59
59
|
desktop: 16
|
|
60
|
-
},
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
60
|
+
}, t = (n, o)=>typeof n == "function" ? n({
|
|
61
|
+
gridMode: o
|
|
62
|
+
}) : n, C = (param)=>{
|
|
63
|
+
let { items: n, isEven: o } = param;
|
|
64
|
+
return /* @__PURE__ */ r("div", {
|
|
65
|
+
className: n.length === 1 ? m : f,
|
|
66
|
+
children: /* @__PURE__ */ r(i, {
|
|
67
|
+
gap: u,
|
|
66
68
|
rows: 2,
|
|
67
69
|
columns: 2,
|
|
68
70
|
height: "100%",
|
|
69
|
-
children: n.length === 3 ? /* @__PURE__ */ g(
|
|
71
|
+
children: n.length === 3 ? /* @__PURE__ */ g(v, {
|
|
70
72
|
children: [
|
|
71
|
-
/* @__PURE__ */
|
|
72
|
-
columnSpan:
|
|
73
|
-
children: n[0]
|
|
73
|
+
/* @__PURE__ */ r(e, {
|
|
74
|
+
columnSpan: o ? 2 : void 0,
|
|
75
|
+
children: t(n[0], o ? "horizontal" : "square")
|
|
74
76
|
}),
|
|
75
|
-
/* @__PURE__ */
|
|
76
|
-
children: n[1]
|
|
77
|
+
/* @__PURE__ */ r(e, {
|
|
78
|
+
children: t(n[1], "square")
|
|
77
79
|
}),
|
|
78
|
-
/* @__PURE__ */
|
|
79
|
-
columnSpan:
|
|
80
|
-
children: n[2]
|
|
80
|
+
/* @__PURE__ */ r(e, {
|
|
81
|
+
columnSpan: o ? void 0 : 2,
|
|
82
|
+
children: t(n[2], o ? "square" : "horizontal")
|
|
81
83
|
})
|
|
82
84
|
]
|
|
83
|
-
}) : n.map((a,
|
|
85
|
+
}) : n.map((a, s)=>/* @__PURE__ */ r(e, {
|
|
84
86
|
columnSpan: n.length === 4 ? void 0 : 2,
|
|
85
87
|
rowSpan: n.length === 1 ? 2 : void 0,
|
|
86
|
-
children: a
|
|
87
|
-
},
|
|
88
|
+
children: t(a, n.length === 4 ? "square" : "horizontal")
|
|
89
|
+
}, s))
|
|
88
90
|
})
|
|
89
91
|
});
|
|
90
|
-
},
|
|
91
|
-
let { items: n, withBullets:
|
|
92
|
-
const c = n.length,
|
|
93
|
-
length:
|
|
92
|
+
}, G = (param)=>{
|
|
93
|
+
let { items: n, withBullets: o, free: a, dataAttributes: s } = param;
|
|
94
|
+
const c = n.length, l = c < 5 ? Math.min(c, 1) : Math.floor((c + 1) / 3), h = Array.from({
|
|
95
|
+
length: l
|
|
94
96
|
}, ()=>[]);
|
|
95
|
-
return n.forEach((
|
|
96
|
-
const
|
|
97
|
-
|
|
98
|
-
}), /* @__PURE__ */
|
|
99
|
-
dataAttributes: _object_spread_props(_object_spread({},
|
|
97
|
+
return n.forEach((d, p)=>{
|
|
98
|
+
const M = Math.min(l - 1, Math.floor(p / 3));
|
|
99
|
+
h[M].push(d);
|
|
100
|
+
}), /* @__PURE__ */ r(w, {
|
|
101
|
+
dataAttributes: _object_spread_props(_object_spread({}, s), {
|
|
100
102
|
"component-name": "HorizontalMosaic"
|
|
101
103
|
}),
|
|
102
|
-
items:
|
|
103
|
-
children: /* @__PURE__ */
|
|
104
|
-
items:
|
|
104
|
+
items: h.map((d, p)=>/* @__PURE__ */ r(i, {
|
|
105
|
+
children: /* @__PURE__ */ r(C, {
|
|
106
|
+
items: d,
|
|
105
107
|
isEven: p % 2 === 0
|
|
106
108
|
}, p)
|
|
107
109
|
})),
|
|
108
|
-
withBullets:
|
|
110
|
+
withBullets: o,
|
|
109
111
|
free: a
|
|
110
112
|
});
|
|
111
113
|
}, S = (param)=>{
|
|
@@ -113,77 +115,77 @@ const d = {
|
|
|
113
115
|
switch(n.length){
|
|
114
116
|
case 1:
|
|
115
117
|
case 2:
|
|
116
|
-
return /* @__PURE__ */
|
|
118
|
+
return /* @__PURE__ */ r("div", {
|
|
117
119
|
className: m,
|
|
118
|
-
children: /* @__PURE__ */
|
|
119
|
-
gap:
|
|
120
|
+
children: /* @__PURE__ */ r(i, {
|
|
121
|
+
gap: u,
|
|
120
122
|
columns: 2,
|
|
121
123
|
height: "100%",
|
|
122
|
-
children: n.map((
|
|
124
|
+
children: n.map((o, a)=>/* @__PURE__ */ r(e, {
|
|
123
125
|
columnSpan: n.length === 2 ? void 0 : 2,
|
|
124
|
-
children:
|
|
126
|
+
children: t(o, n.length === 2 ? "square" : "horizontal")
|
|
125
127
|
}, a))
|
|
126
128
|
})
|
|
127
129
|
});
|
|
128
130
|
case 3:
|
|
129
|
-
return /* @__PURE__ */
|
|
130
|
-
className:
|
|
131
|
-
children: /* @__PURE__ */
|
|
132
|
-
gap:
|
|
131
|
+
return /* @__PURE__ */ r("div", {
|
|
132
|
+
className: f,
|
|
133
|
+
children: /* @__PURE__ */ r(i, {
|
|
134
|
+
gap: u,
|
|
133
135
|
columns: 2,
|
|
134
136
|
flow: "column",
|
|
135
137
|
height: "100%",
|
|
136
|
-
children: n.map((
|
|
138
|
+
children: n.map((o, a)=>/* @__PURE__ */ r(e, {
|
|
137
139
|
rowSpan: a === 0 ? 2 : void 0,
|
|
138
|
-
children:
|
|
140
|
+
children: t(o, a === 0 ? "vertical" : "square")
|
|
139
141
|
}, a))
|
|
140
142
|
})
|
|
141
143
|
});
|
|
142
144
|
case 4:
|
|
143
145
|
default:
|
|
144
|
-
return /* @__PURE__ */
|
|
145
|
-
className:
|
|
146
|
+
return /* @__PURE__ */ r("div", {
|
|
147
|
+
className: q,
|
|
146
148
|
children: /* @__PURE__ */ g(i, {
|
|
147
|
-
gap:
|
|
149
|
+
gap: u,
|
|
148
150
|
rows: 3,
|
|
149
151
|
columns: 2,
|
|
150
152
|
height: "100%",
|
|
151
153
|
children: [
|
|
152
|
-
/* @__PURE__ */
|
|
154
|
+
/* @__PURE__ */ r(e, {
|
|
153
155
|
rowSpan: 2,
|
|
154
|
-
children: n[0]
|
|
156
|
+
children: t(n[0], "vertical")
|
|
155
157
|
}),
|
|
156
|
-
/* @__PURE__ */
|
|
157
|
-
children: n[1]
|
|
158
|
+
/* @__PURE__ */ r(e, {
|
|
159
|
+
children: t(n[1], "square")
|
|
158
160
|
}),
|
|
159
|
-
/* @__PURE__ */
|
|
161
|
+
/* @__PURE__ */ r(e, {
|
|
160
162
|
rowSpan: 2,
|
|
161
|
-
children: n[3]
|
|
163
|
+
children: t(n[3], "vertical")
|
|
162
164
|
}),
|
|
163
|
-
/* @__PURE__ */
|
|
164
|
-
children: n[2]
|
|
165
|
+
/* @__PURE__ */ r(e, {
|
|
166
|
+
children: t(n[2], "square")
|
|
165
167
|
})
|
|
166
168
|
]
|
|
167
169
|
})
|
|
168
170
|
});
|
|
169
171
|
}
|
|
170
|
-
},
|
|
171
|
-
let { items: n, dataAttributes:
|
|
172
|
-
const a = n.length,
|
|
173
|
-
length:
|
|
172
|
+
}, N = (param)=>{
|
|
173
|
+
let { items: n, dataAttributes: o } = param;
|
|
174
|
+
const a = n.length, s = Math.ceil(a / 4), c = Array.from({
|
|
175
|
+
length: s
|
|
174
176
|
}, ()=>[]);
|
|
175
|
-
return n.forEach((
|
|
176
|
-
const
|
|
177
|
-
c[
|
|
178
|
-
}), /* @__PURE__ */
|
|
177
|
+
return n.forEach((l, h)=>{
|
|
178
|
+
const d = Math.floor(h / 4);
|
|
179
|
+
c[d].push(l);
|
|
180
|
+
}), /* @__PURE__ */ r(i, {
|
|
179
181
|
rows: 1,
|
|
180
|
-
gap:
|
|
181
|
-
dataAttributes: _object_spread_props(_object_spread({},
|
|
182
|
+
gap: u,
|
|
183
|
+
dataAttributes: _object_spread_props(_object_spread({}, o), {
|
|
182
184
|
"component-name": "VerticalMosaic"
|
|
183
185
|
}),
|
|
184
|
-
children: c.map((
|
|
185
|
-
items:
|
|
186
|
-
},
|
|
186
|
+
children: c.map((l, h)=>/* @__PURE__ */ r(S, {
|
|
187
|
+
items: l
|
|
188
|
+
}, h))
|
|
187
189
|
});
|
|
188
190
|
};
|
|
189
|
-
export {
|
|
191
|
+
export { G as HorizontalMosaic, N as VerticalMosaic };
|
|
@@ -1,20 +1,19 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./navigation-bar.css.ts.vanilla.css-mistica.js";
|
|
3
|
-
var y = "_1vcy5dz1 _1y2v1nfhi _1y2v1nfik _1y2v1nfj0",
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
}, a = "_1vcy5dzn", d = "_1vcy5dz5 _1vcy5dz3 _1y2v1nfhj", c = "_1vcy5dz4 _1vcy5dz3 _1y2v1nfhj", i = "_1vcy5dz7 _1vcy5dz3 _1y2v1nfhj", f = "_1vcy5dz6 _1vcy5dz3 _1y2v1nfhj", o = "_1vcy5dz18", t = "_1vcy5dz10 _1y2v1nfho _1y2v1nfhx", z = "_1vcy5dzy", h = {
|
|
3
|
+
var _ = 300, y = 400, e = 184, r = "_1vcy5dz1 _1y2v1nfhi _1y2v1nfik _1y2v1nfj0", a = "_1y2v1nfhk _1y2v1nfl6 _1y2v1nfla _1y2v1nflp _1y2v1nfm4 _1y2v1nf3r", f = "_1vcy5dz1f", i = "_1y2v1nfis _1y2v1nfhi", t = "_1vcy5dz1j _1y2v1nfku _1y2v1nfib _1y2v1nfis _1y2v1nfhj _1y2v1nfkv", o = {
|
|
4
|
+
enter: "_1vcy5dz16",
|
|
5
|
+
enterActive: "_1vcy5dz17",
|
|
6
|
+
exit: "_1vcy5dz18",
|
|
7
|
+
exitActive: "_1vcy5dz19"
|
|
8
|
+
}, d = "_1vcy5dz1z _1y2v1nf88 _1y2v1nf9h _1y2v1nfhi", c = "_1vcy5dz1v _1y2v1nf3s _1y2v1nfhj _1y2v1nfla _1y2v1nflp", z = "_1vcy5dz21", h = "_1vcy5dz1t _1y2v1nfhk _1y2v1nfla _1y2v1nflp", p = "_1vcy5dz20", u = "_1vcy5dzf", s = "_1vcy5dzg", k = "_1vcy5dzn _1y2v1nf7h _1y2v1nf8q _1y2v1nf9z _1y2v1nfb8 _1y2v1nfk6 _1y2v1nf7g", M = "_1vcy5dzl _1y2v1nfhj _1y2v1nfkv _1y2v1nfm4 _1y2v1nfho _1y2v1nfi3", l = "_1vcy5dzi _1y2v1nfhi _1y2v1nfho", g = "_1y2v1nfhi", b = "_1y2v1nfhj _1y2v1nfla _1y2v1nflp", C = "_1vcy5dzx", S = "_1vcy5dz1x _1y2v1nfak _1y2v1nfbt _1y2v1nf88 _1y2v1nf9h _1y2v1nf3s _1y2v1nfhk _1y2v1nfku", A = "_1vcy5dz5 _1vcy5dz3 _1y2v1nfhj", j = "_1vcy5dz4 _1vcy5dz3 _1y2v1nfhj", B = "_1vcy5dz7 _1vcy5dz3 _1y2v1nfhj", N = "_1vcy5dz6 _1vcy5dz3 _1y2v1nfhj", m = "_1vcy5dz1o", x = "_1vcy5dz1e _1y2v1nfho _1y2v1nfhx", I = "_1vcy5dz1c _1y2v1nfho _1y2v1nfia", O = "_1vcy5dz1q _1y2v1nfib", T = {
|
|
10
9
|
default: "_1vcy5dzc _1vcy5dzb _1y2v1nfho _1y2v1nfi3 _1y2v1nfib",
|
|
11
10
|
noBorder: "_1vcy5dzd _1vcy5dzb _1y2v1nfho _1y2v1nfi3 _1y2v1nfib",
|
|
12
11
|
menuOpen: "_1vcy5dze _1vcy5dzb _1y2v1nfho _1y2v1nfi3 _1y2v1nfib"
|
|
13
|
-
},
|
|
14
|
-
default: "
|
|
15
|
-
inverse: "
|
|
16
|
-
},
|
|
17
|
-
default: "
|
|
18
|
-
inverse: "
|
|
19
|
-
},
|
|
20
|
-
export { y as burgerIconContainer,
|
|
12
|
+
}, E = "_1y2v1nf7h _1y2v1nf8q _1y2v1nf9z _1y2v1nfb8 _1y2v1nfk6 _1y2v1nf7g", R = "_1vcy5dzv _1y2v1nfi3 _1y2v1nfib _1y2v1nfho", U = "_1vcy5dzz _1y2v1nfho _1y2v1nfi3 _1y2v1nfhy", W = "_1vcy5dz11 _1vcy5dzz _1y2v1nfho _1y2v1nfi3 _1y2v1nfhy _1y2v1nfia", D = "_1vcy5dzp _1y2v1nfa8 _1y2v1nfbh _1y2v1nfj7 _1y2v1nfho _1y2v1nfi3 _1y2v1nfk6 _1y2v1nf7g _1y2v1nfhi", q = {
|
|
13
|
+
default: "_1vcy5dzq",
|
|
14
|
+
inverse: "_1vcy5dzr"
|
|
15
|
+
}, F = "_1y2v1nfj7 _1vcy5dz12", H = "_1vcy5dz15 _1vcy5dz12", L = {
|
|
16
|
+
default: "_1vcy5dzs",
|
|
17
|
+
inverse: "_1vcy5dzt"
|
|
18
|
+
}, w = "_1vcy5dz9 _1y2v1nfhk _1y2v1nfkv _1y2v1nfla _1y2v1nflp";
|
|
19
|
+
export { _ as BURGER_MENU_ANIMATION_DURATION_MS, y as DESKTOP_MENU_ANIMATION_DURATION_MS, e as DESKTOP_SMALL_MENU_WIDTH, r as burgerIconContainer, a as burgerMenu, f as burgerMenuButton, i as burgerMenuContainer, t as burgerMenuContentContainer, o as burgerMenuTransition, d as desktopMenu, c as desktopMenuBackgroundContainer, z as desktopMenuColumnItem, h as desktopMenuContainer, p as desktopMenuContentFadeIn, u as desktopMenuFirstSection, s as desktopMenuLastSection, k as desktopMenuSectionArrow, M as desktopMenuSectionArrowContainer, l as desktopMenuSectionContainer, g as desktopMenuSectionWithArrowWrapper, b as desktopMenuWrapper, C as desktopOnly, S as desktopSmallMenuContainer, A as iconCloseHidden, j as iconCloseOpen, B as iconMenuHidden, N as iconMenuOpen, m as lineHeightFix, x as logoContainer, I as mainNavBarSectionsContainer, O as mainNavigationBarContentWrapper, T as navbarBorderColorVariants, E as navigationBarAction, R as navigationBarContent, U as navigationBarContentRight, W as navigationBarContentRightExpanded, D as section, q as selectedSectionVariantes, F as spacer, H as spacerLarge, L as textWrapperVariants, w as topFixed };
|