@digital-b2c/coreui-kit 0.7.5 → 0.9.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/LICENSE.txt +21 -21
- package/README.md +52 -52
- package/dist/index.cjs +878 -127
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +1525 -456
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +80 -5
- package/dist/index.d.ts +80 -5
- package/dist/index.mjs +848 -100
- package/dist/index.mjs.map +1 -1
- package/dist/types/global.d.ts +25 -25
- package/package.json +99 -100
package/dist/index.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import
|
|
1
|
+
import clsx23 from 'clsx';
|
|
2
2
|
import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
|
|
3
|
-
import
|
|
3
|
+
import React62, { forwardRef, useRef, useState, useCallback, useMemo, Children, isValidElement, useEffect } from 'react';
|
|
4
4
|
import gsap$1, { gsap } from 'gsap';
|
|
5
5
|
import { useGSAP } from '@gsap/react';
|
|
6
6
|
import { ScrollTrigger } from 'gsap/ScrollTrigger';
|
|
@@ -58,7 +58,7 @@ var Picture = (_a) => {
|
|
|
58
58
|
__spreadValues({
|
|
59
59
|
src: desktop.src,
|
|
60
60
|
alt: desktop.alt,
|
|
61
|
-
className:
|
|
61
|
+
className: clsx23(className, Picture_module_default["image-desktop"])
|
|
62
62
|
}, rest)
|
|
63
63
|
),
|
|
64
64
|
/* @__PURE__ */ jsx(
|
|
@@ -66,7 +66,7 @@ var Picture = (_a) => {
|
|
|
66
66
|
__spreadValues({
|
|
67
67
|
src: (_b2 = mobile == null ? void 0 : mobile.src) != null ? _b2 : desktop.src,
|
|
68
68
|
alt: (_c = mobile == null ? void 0 : mobile.alt) != null ? _c : desktop.alt,
|
|
69
|
-
className:
|
|
69
|
+
className: clsx23(className, Picture_module_default["image-mobile"])
|
|
70
70
|
}, rest)
|
|
71
71
|
)
|
|
72
72
|
] });
|
|
@@ -193,6 +193,8 @@ var SvgIconFilledChevronRight = (props) => /* @__PURE__ */ jsx("svg", __spreadPr
|
|
|
193
193
|
var icon_filled_chevron_right_default = SvgIconFilledChevronRight;
|
|
194
194
|
var SvgIconFilledChevronUp = (props) => /* @__PURE__ */ jsx("svg", __spreadProps(__spreadValues({ width: 38, height: 38, viewBox: "0 0 38 38", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: /* @__PURE__ */ jsx("path", { d: "M19 13.9267L12.1629 20.7642L13.6787 22.2379L19 16.9162L24.3213 22.2379L25.8371 20.7642L19 13.9267ZM18.9971 3C21.1986 3 23.2712 3.41993 25.2147 4.25979C27.1583 5.09965 28.855 6.24407 30.3048 7.69305C31.7544 9.14232 32.8994 10.8383 33.7398 12.7811C34.5799 14.7238 35 16.7958 35 18.9971C35 21.2101 34.5801 23.2902 33.7402 25.2375C32.9004 27.1847 31.7559 28.8785 30.3069 30.3187C28.8577 31.759 27.1617 32.8994 25.2189 33.7398C23.2762 34.5799 21.2042 35 19.0029 35C16.7899 35 14.7098 34.5801 12.7625 33.7402C10.8153 32.9004 9.12154 31.7606 7.68126 30.3208C6.24098 28.8811 5.10063 27.1881 4.26021 25.2417C3.42007 23.2953 3 21.2157 3 19.0029C3 16.8014 3.41993 14.7288 4.25979 12.7853C5.09965 10.8417 6.23944 9.14498 7.67916 7.69516C9.11888 6.24562 10.8119 5.10063 12.7583 4.26021C14.7047 3.42007 16.7843 3 18.9971 3Z", fill: "white" }) }));
|
|
195
195
|
var icon_filled_chevron_up_default = SvgIconFilledChevronUp;
|
|
196
|
+
var SvgIconFilledChevronUpBlack = (props) => /* @__PURE__ */ jsx("svg", __spreadProps(__spreadValues({ width: 32, height: 32, viewBox: "-4 -4 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: /* @__PURE__ */ jsx("path", { d: "M16 10.9267L9.16295 17.7642L10.6787 19.2379L16 13.9162L21.3213 19.2379L22.8371 17.7642L16 10.9267ZM15.9971 0C18.1986 0 20.2712 0.419928 22.2147 1.25979C24.1583 2.09965 25.855 3.24407 27.3048 4.69305C28.7544 6.14232 29.8994 7.83831 30.7398 9.78105C31.5799 11.7238 32 13.7958 32 15.9971C32 18.2101 31.5801 20.2902 30.7402 22.2375C29.9004 24.1847 28.7559 25.8785 27.3069 27.3187C25.8577 28.759 24.1617 29.8994 22.2189 30.7398C20.2762 31.5799 18.2042 32 16.0029 32C13.7899 32 11.7098 31.5801 9.76253 30.7402C7.8153 29.9004 6.12154 28.7606 4.68126 27.3208C3.24098 25.8811 2.10063 24.1881 1.26021 22.2417C0.420071 20.2953 0 18.2157 0 16.0029C0 13.8014 0.419928 11.7288 1.25979 9.78526C2.09965 7.84168 3.23944 6.14498 4.67916 4.69516C6.11888 3.24562 7.81193 2.10063 9.75832 1.26021C11.7047 0.420071 13.7843 0 15.9971 0Z", fill: "#080808" }) }));
|
|
197
|
+
var icon_filled_chevron_up_black_default = SvgIconFilledChevronUpBlack;
|
|
196
198
|
var SvgIconLeftWhite = (props) => /* @__PURE__ */ jsxs("svg", __spreadProps(__spreadValues({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: [
|
|
197
199
|
/* @__PURE__ */ jsx("mask", { id: "mask0_2379_35929", style: {
|
|
198
200
|
maskType: "alpha"
|
|
@@ -226,7 +228,12 @@ var SvgIconTiltedRightBlack = (props) => /* @__PURE__ */ jsxs("svg", __spreadPro
|
|
|
226
228
|
/* @__PURE__ */ jsx("g", { mask: "url(#mask0_901_1704)", children: /* @__PURE__ */ jsx("path", { d: "M17.656 14.8283L15.6407 14.7929V9.77246L7.04936 18.3638L5.63514 16.9496L14.2265 8.35825L9.20603 8.35825L9.17068 6.34299H17.656V14.8283Z", fill: "#080808" }) })
|
|
227
229
|
] }));
|
|
228
230
|
var icon_tilted_right_black_default = SvgIconTiltedRightBlack;
|
|
229
|
-
var SvgIconTiltedRightWhite = (props) => /* @__PURE__ */
|
|
231
|
+
var SvgIconTiltedRightWhite = (props) => /* @__PURE__ */ jsxs("svg", __spreadProps(__spreadValues({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: [
|
|
232
|
+
/* @__PURE__ */ jsx("mask", { id: "mask0_901_1706", style: {
|
|
233
|
+
maskType: "alpha"
|
|
234
|
+
}, maskUnits: "userSpaceOnUse", x: 0, y: 0, width: 24, height: 24, children: /* @__PURE__ */ jsx("rect", { width: 24, height: 24, fill: "#D9D9D9" }) }),
|
|
235
|
+
/* @__PURE__ */ jsx("g", { mask: "url(#mask0_901_1706)", children: /* @__PURE__ */ jsx("path", { d: "M17.656 14.8283L15.6407 14.7929V9.77246L7.04936 18.3638L5.63514 16.9496L14.2265 8.35825L9.20603 8.35825L9.17068 6.34299H17.656V14.8283Z", fill: "white" }) })
|
|
236
|
+
] }));
|
|
230
237
|
var icon_tilted_right_white_default = SvgIconTiltedRightWhite;
|
|
231
238
|
var SvgIconUpChevronUpWhite = (props) => /* @__PURE__ */ jsx("svg", __spreadProps(__spreadValues({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: /* @__PURE__ */ jsx("path", { d: "M6 15L12 9L18 15", stroke: "white", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }) }));
|
|
232
239
|
var icon_up_chevron_up_white_default = SvgIconUpChevronUpWhite;
|
|
@@ -272,6 +279,30 @@ var SvgIconXWhite = (props) => /* @__PURE__ */ jsxs("svg", __spreadProps(__sprea
|
|
|
272
279
|
/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_942_1878", children: /* @__PURE__ */ jsx("rect", { width: 24, height: 24, fill: "white" }) }) })
|
|
273
280
|
] }));
|
|
274
281
|
var icon_x_white_default = SvgIconXWhite;
|
|
282
|
+
var SvgIconFilter = (props) => /* @__PURE__ */ jsx("svg", __spreadProps(__spreadValues({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: /* @__PURE__ */ jsx("path", { d: "M10.9991 20C10.7158 20 10.4783 19.9042 10.2866 19.7125C10.0949 19.5208 9.9991 19.2833 9.9991 19V13L4.1991 5.6C3.9491 5.26667 3.9116 4.91667 4.0866 4.55C4.2616 4.18333 4.56577 4 4.9991 4H18.9991C19.4324 4 19.7366 4.18333 19.9116 4.55C20.0866 4.91667 20.0491 5.26667 19.7991 5.6L13.9991 13V19C13.9991 19.2833 13.9033 19.5208 13.7116 19.7125C13.5199 19.9042 13.2824 20 12.9991 20H10.9991Z", fill: "#080808" }) }));
|
|
283
|
+
var icon_filter_default = SvgIconFilter;
|
|
284
|
+
var SvgIconInternalFilter = (props) => /* @__PURE__ */ jsx("svg", __spreadProps(__spreadValues({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: /* @__PURE__ */ jsx("path", { d: "M3 18V16H9V18H3ZM3 13V11H15V13H3ZM3 8V6H21V8H3Z", fill: "#080808" }) }));
|
|
285
|
+
var icon_internal_filter_default = SvgIconInternalFilter;
|
|
286
|
+
var SvgIconSearch = (props) => /* @__PURE__ */ jsx("svg", __spreadProps(__spreadValues({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: /* @__PURE__ */ jsx("path", { d: "M19.9 20.9746L13.325 14.3996C12.825 14.8329 12.242 15.1704 11.576 15.4121C10.91 15.6538 10.2013 15.7746 9.45 15.7746C7.64733 15.7746 6.12167 15.1496 4.873 13.8996C3.62433 12.6496 3 11.1413 3 9.37461C3 7.60794 3.625 6.09961 4.875 4.84961C6.125 3.59961 7.6375 2.97461 9.4125 2.97461C11.1875 2.97461 12.6958 3.59961 13.9375 4.84961C15.1792 6.09961 15.8 7.60919 15.8 9.37836C15.8 10.0925 15.6833 10.7829 15.45 11.4496C15.2167 12.1163 14.8667 12.7413 14.4 13.3246L21 19.8746L19.9 20.9746ZM9.425 14.2746C10.7792 14.2746 11.9303 13.7954 12.8783 12.8371C13.8261 11.8788 14.3 10.7246 14.3 9.37461C14.3 8.02461 13.8261 6.87044 12.8783 5.91211C11.9303 4.95378 10.7792 4.47461 9.425 4.47461C8.057 4.47461 6.89417 4.95378 5.9365 5.91211C4.97883 6.87044 4.5 8.02461 4.5 9.37461C4.5 10.7246 4.97883 11.8788 5.9365 12.8371C6.89417 13.7954 8.057 14.2746 9.425 14.2746Z", fill: "#080808" }) }));
|
|
287
|
+
var icon_search_default = SvgIconSearch;
|
|
288
|
+
var SvgIconGrid = (props) => /* @__PURE__ */ jsx("svg", __spreadProps(__spreadValues({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: /* @__PURE__ */ jsx("path", { d: "M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H8.325V15.675H5V19ZM10.325 19H13.675V15.675H10.325V19ZM15.675 19H19V15.675H15.675V19ZM5 13.675H8.325V10.325H5V13.675ZM10.325 13.675H13.675V10.325H10.325V13.675ZM15.675 13.675H19V10.325H15.675V13.675ZM5 8.325H8.325V5H5V8.325ZM10.325 8.325H13.675V5H10.325V8.325ZM15.675 8.325H19V5H15.675V8.325Z", fill: "#080808" }) }));
|
|
289
|
+
var icon_grid_default = SvgIconGrid;
|
|
290
|
+
var SvgIconList = (props) => /* @__PURE__ */ jsx("svg", __spreadProps(__spreadValues({ width: 18, height: 18, viewBox: "0 -4 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: /* @__PURE__ */ jsx("path", { d: "M4 2V0H18V2H4ZM4 6V4H18V6H4ZM4 10V8H18V10H4ZM1 2C0.716667 2 0.479167 1.90417 0.2875 1.7125C0.0958333 1.52083 0 1.28333 0 1C0 0.716667 0.0958333 0.479167 0.2875 0.2875C0.479167 0.0958333 0.716667 0 1 0C1.28333 0 1.52083 0.0958333 1.7125 0.2875C1.90417 0.479167 2 0.716667 2 1C2 1.28333 1.90417 1.52083 1.7125 1.7125C1.52083 1.90417 1.28333 2 1 2ZM1 6C0.716667 6 0.479167 5.90417 0.2875 5.7125C0.0958333 5.52083 0 5.28333 0 5C0 4.71667 0.0958333 4.47917 0.2875 4.2875C0.479167 4.09583 0.716667 4 1 4C1.28333 4 1.52083 4.09583 1.7125 4.2875C1.90417 4.47917 2 4.71667 2 5C2 5.28333 1.90417 5.52083 1.7125 5.7125C1.52083 5.90417 1.28333 6 1 6ZM1 10C0.716667 10 0.479167 9.90417 0.2875 9.7125C0.0958333 9.52083 0 9.28333 0 9C0 8.71667 0.0958333 8.47917 0.2875 8.2875C0.479167 8.09583 0.716667 8 1 8C1.28333 8 1.52083 8.09583 1.7125 8.2875C1.90417 8.47917 2 8.71667 2 9C2 9.28333 1.90417 9.52083 1.7125 9.7125C1.52083 9.90417 1.28333 10 1 10Z", fill: "#080808" }) }));
|
|
291
|
+
var icon_list_default = SvgIconList;
|
|
292
|
+
var SvgIconChevronLeftBlack = (props) => /* @__PURE__ */ jsx("svg", __spreadProps(__spreadValues({ width: 44, height: 44, viewBox: "0 0 44 44", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: /* @__PURE__ */ jsx("path", { d: "M17.5186 22.8324L25.0399 30.3532L26.6609 28.6858L20.8071 22.8324L26.6609 16.979L25.0399 15.3117L17.5186 22.8324ZM5.49922 22.8357C5.49922 20.414 5.96114 18.1341 6.88499 15.9962C7.80883 13.8583 9.0677 11.9919 10.6616 10.3971C12.2558 8.8026 14.1214 7.54312 16.2584 6.61865C18.3954 5.6945 20.6746 5.23242 23.096 5.23242C25.5303 5.23242 27.8185 5.69434 29.9604 6.61819C32.1024 7.54204 33.9655 8.8009 35.5498 10.3948C37.1341 11.989 38.3885 13.8546 39.313 15.9916C40.2371 18.1286 40.6992 20.4078 40.6992 22.8292C40.6992 25.2635 40.2373 27.5517 39.3135 29.6936C38.3896 31.8356 37.1358 33.6987 35.5521 35.283C33.9685 36.8673 32.1061 38.1217 29.9651 39.0462C27.824 39.9703 25.5365 40.4324 23.1025 40.4324C20.6808 40.4324 18.4009 39.9705 16.263 39.0467C14.1251 38.1228 12.2587 36.869 10.6639 35.2853C9.0694 33.7017 7.80991 31.8393 6.88545 29.6983C5.9613 27.5573 5.49922 25.2697 5.49922 22.8357Z", fill: "#080808" }) }));
|
|
293
|
+
var icon_chevron_left_black_default = SvgIconChevronLeftBlack;
|
|
294
|
+
var SvgIconChevronRightBlack = (props) => /* @__PURE__ */ jsx("svg", __spreadProps(__spreadValues({ width: 44, height: 44, viewBox: "0 0 44 44", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: /* @__PURE__ */ jsx("path", { d: "M28.6806 23.1676L21.1594 15.6468L19.5383 17.3142L25.3922 23.1676L19.5383 29.021L21.1594 30.6883L28.6806 23.1676ZM40.7 23.1643C40.7 25.586 40.2381 27.8659 39.3142 30.0038C38.3904 32.1417 37.1315 34.0081 35.5376 35.6029C33.9435 37.1974 32.0779 38.4569 29.9408 39.3813C27.8038 40.3055 25.5246 40.7676 23.1032 40.7676C20.6689 40.7676 18.3807 40.3057 16.2388 39.3818C14.0968 38.458 12.2337 37.1991 10.6494 35.6052C9.06508 34.011 7.81069 32.1454 6.88623 30.0084C5.96208 27.8714 5.5 25.5922 5.5 23.1708C5.5 20.7365 5.96192 18.4483 6.88577 16.3064C7.80961 14.1644 9.06338 12.3013 10.6471 10.717C12.2308 9.13266 14.0931 7.87827 16.2341 6.95381C18.3752 6.02966 20.6627 5.56758 23.0968 5.56758C25.5185 5.56758 27.7983 6.0295 29.9362 6.95335C32.0741 7.87719 33.9405 9.13096 35.5353 10.7147C37.1298 12.2983 38.3893 14.1607 39.3138 16.3017C40.2379 18.4427 40.7 20.7303 40.7 23.1643Z", fill: "#080808" }) }));
|
|
295
|
+
var icon_chevron_right_black_default = SvgIconChevronRightBlack;
|
|
296
|
+
var SvgIconPdf = (props) => /* @__PURE__ */ jsxs("svg", __spreadProps(__spreadValues({ width: 33, height: 32, viewBox: "0 0 33 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: [
|
|
297
|
+
/* @__PURE__ */ jsx("g", { clipPath: "url(#clip0_7870_13608)", children: /* @__PURE__ */ jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M28.875 8.92428V27.7644C28.875 28.8164 28.4404 29.8252 27.6668 30.5691C26.8932 31.3129 25.844 31.7308 24.75 31.7308H22.6875V29.7476H24.75C25.297 29.7476 25.8216 29.5387 26.2084 29.1667C26.5952 28.7948 26.8125 28.2904 26.8125 27.7644V8.92428H22.6875C21.867 8.92428 21.0801 8.61087 20.4999 8.05299C19.9197 7.49512 19.5938 6.73847 19.5938 5.94952V1.98317H8.25C7.70299 1.98317 7.17839 2.19211 6.79159 2.56403C6.4048 2.93595 6.1875 3.44038 6.1875 3.96635V21.8149H4.125V3.96635C4.125 2.91441 4.5596 1.90555 5.33318 1.16172C6.10677 0.417882 7.15598 0 8.25 0L19.5938 0L28.875 8.92428ZM3.3 23.5006H0V31.4313H1.63144V28.7699H3.28762C3.87887 28.7699 4.38212 28.6555 4.79737 28.4268C5.21675 28.1954 5.53506 27.8821 5.75231 27.4868C5.97875 27.0732 6.09297 26.6114 6.08438 26.1442C6.08438 25.6484 5.97575 25.2008 5.7585 24.8016C5.54086 24.4069 5.21207 24.079 4.80975 23.8556C4.39725 23.6176 3.894 23.4993 3.3 23.5006ZM4.42406 26.1442C4.43107 26.4054 4.37085 26.6643 4.24875 26.8978C4.13927 27.1012 3.96809 27.2679 3.75788 27.3757C3.51761 27.4895 3.25216 27.5453 2.98444 27.5383H1.62525V24.75H2.9865C3.43612 24.75 3.78813 24.8697 4.0425 25.109C4.29688 25.3509 4.42406 25.696 4.42406 26.1442ZM6.93412 23.5006V31.4313H9.94538C10.7731 31.4313 11.4593 31.2746 12.0038 30.9613C12.5548 30.6443 12.985 30.1652 13.2309 29.5949C13.5004 28.9999 13.6352 28.2834 13.6352 27.4451C13.6352 26.6122 13.5004 25.9016 13.2309 25.3132C12.9874 24.7497 12.5614 24.2768 12.0161 23.9647C11.4716 23.6553 10.7807 23.5006 9.94331 23.5006H6.93412ZM8.56556 24.7797H9.72675C10.2369 24.7797 10.6556 24.8802 10.9828 25.0812C11.3221 25.2964 11.5786 25.6127 11.7129 25.9816C11.8752 26.3808 11.9563 26.8786 11.9563 27.4749C11.9627 27.8704 11.9156 28.2651 11.8161 28.6489C11.7449 28.9524 11.6071 29.2378 11.4118 29.4858C11.2324 29.7082 10.9946 29.8807 10.7229 29.9856C10.4046 30.1 10.0665 30.1552 9.72675 30.1482H8.56556V24.7797ZM16.2855 28.2761V31.4313H14.6561V23.5006H19.9114V24.7956H16.2855V27.0108H19.5979V28.2761H16.2855Z", fill: "#949494" }) }),
|
|
298
|
+
/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_7870_13608", children: /* @__PURE__ */ jsx("rect", { width: 33, height: 31.7308, fill: "white" }) }) })
|
|
299
|
+
] }));
|
|
300
|
+
var icon_pdf_default = SvgIconPdf;
|
|
301
|
+
var SvgIconExternalLink = (props) => /* @__PURE__ */ jsxs("svg", __spreadProps(__spreadValues({ width: 33, height: 33, viewBox: "0 0 33 33", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: [
|
|
302
|
+
/* @__PURE__ */ jsx("path", { d: "M13.5215 17.8754C14.1612 18.6649 14.9773 19.3181 15.9146 19.7907C16.8518 20.2634 17.8882 20.5445 18.9535 20.6149C20.0187 20.6853 21.088 20.5434 22.0886 20.1989C23.0892 19.8543 23.9979 19.3152 24.7529 18.6179L29.2217 14.4929C30.5784 13.1963 31.3291 11.4597 31.3121 9.65706C31.2952 7.85445 30.5119 6.13012 29.131 4.85544C27.7501 3.58076 25.882 2.85772 23.9292 2.84206C21.9764 2.82639 20.095 3.51935 18.6903 4.77169L16.1283 7.12294", stroke: "#949494", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
303
|
+
/* @__PURE__ */ jsx("path", { d: "M19.4784 15.1242C18.8387 14.3348 18.0226 13.6816 17.0853 13.2089C16.1481 12.7363 15.1117 12.4552 14.0464 12.3848C12.9812 12.3143 11.912 12.4562 10.9113 12.8008C9.91068 13.1453 9.00202 13.6845 8.24697 14.3817L3.77822 18.5067C2.42152 19.8034 1.67081 21.54 1.68778 23.3426C1.70475 25.1452 2.48804 26.8695 3.86894 28.1442C5.24985 29.4189 7.11788 30.1419 9.0707 30.1576C11.0235 30.1733 12.9049 29.4803 14.3096 28.228L16.8568 25.8767", stroke: "#949494", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round" })
|
|
304
|
+
] }));
|
|
305
|
+
var icon_external_link_default = SvgIconExternalLink;
|
|
275
306
|
var svgs = {
|
|
276
307
|
/* Card */
|
|
277
308
|
ads: icon_ads_default,
|
|
@@ -292,6 +323,8 @@ var svgs = {
|
|
|
292
323
|
tech: icon_tech_default,
|
|
293
324
|
work: icon_work_default,
|
|
294
325
|
workhome: icon_workhome_default,
|
|
326
|
+
pdf: icon_pdf_default,
|
|
327
|
+
externalLink: icon_external_link_default,
|
|
295
328
|
/* Button */
|
|
296
329
|
blankCheckbox: icon_blank_checkbox_default,
|
|
297
330
|
blankCheckboxWhite: icon_blank_checkbox_white_default,
|
|
@@ -307,6 +340,7 @@ var svgs = {
|
|
|
307
340
|
filledChevronLeft: icon_filled_chevron_left_default,
|
|
308
341
|
filledChevronRight: icon_filled_chevron_right_default,
|
|
309
342
|
filledChevronUp: icon_filled_chevron_up_default,
|
|
343
|
+
filledChevronUpBlack: icon_filled_chevron_up_black_default,
|
|
310
344
|
leftWhite: icon_left_white_default,
|
|
311
345
|
mailBlack: icon_mail_black_default,
|
|
312
346
|
rightBlack: icon_right_black_default,
|
|
@@ -317,6 +351,13 @@ var svgs = {
|
|
|
317
351
|
upChevronWhite: icon_up_chevron_white_default,
|
|
318
352
|
watchBlack: icon_watch_black_default,
|
|
319
353
|
watchWhite: icon_watch_white_default,
|
|
354
|
+
filter: icon_filter_default,
|
|
355
|
+
internalFilter: icon_internal_filter_default,
|
|
356
|
+
search: icon_search_default,
|
|
357
|
+
grid: icon_grid_default,
|
|
358
|
+
list: icon_list_default,
|
|
359
|
+
chevronLeftBlack: icon_chevron_left_black_default,
|
|
360
|
+
chevronRightBlack: icon_chevron_right_black_default,
|
|
320
361
|
/* Dropdown */
|
|
321
362
|
chevronDefault: icon_chevron_default_default,
|
|
322
363
|
chevronHovered: icon_chevron_hovered_default,
|
|
@@ -329,7 +370,7 @@ var svgs = {
|
|
|
329
370
|
xBlack: icon_x_black_default,
|
|
330
371
|
xWhite: icon_x_white_default
|
|
331
372
|
};
|
|
332
|
-
var Icon =
|
|
373
|
+
var Icon = React62.memo(
|
|
333
374
|
(_a) => {
|
|
334
375
|
var _b = _a, { type, size } = _b, props = __objRest(_b, ["type", "size"]);
|
|
335
376
|
if (type) {
|
|
@@ -355,6 +396,8 @@ var Button_module_default = {
|
|
|
355
396
|
grey: "Button_module_grey",
|
|
356
397
|
shiny: "Button_module_shiny",
|
|
357
398
|
rotateGradient: "Button_module_rotateGradient",
|
|
399
|
+
tabbutton: "Button_module_tabbutton",
|
|
400
|
+
active: "Button_module_active",
|
|
358
401
|
icon: "Button_module_icon",
|
|
359
402
|
logo: "Button_module_logo"
|
|
360
403
|
};
|
|
@@ -367,7 +410,8 @@ var Button = (_a) => {
|
|
|
367
410
|
href,
|
|
368
411
|
isExternal,
|
|
369
412
|
icon,
|
|
370
|
-
logo
|
|
413
|
+
logo,
|
|
414
|
+
isActive
|
|
371
415
|
} = _b, rest = __objRest(_b, [
|
|
372
416
|
"className",
|
|
373
417
|
"children",
|
|
@@ -376,14 +420,16 @@ var Button = (_a) => {
|
|
|
376
420
|
"href",
|
|
377
421
|
"isExternal",
|
|
378
422
|
"icon",
|
|
379
|
-
"logo"
|
|
423
|
+
"logo",
|
|
424
|
+
"isActive"
|
|
380
425
|
]);
|
|
381
426
|
const isLink = !!href;
|
|
382
427
|
const props = __spreadValues(__spreadValues({
|
|
383
|
-
className:
|
|
428
|
+
className: clsx23(
|
|
384
429
|
Button_module_default.button,
|
|
385
430
|
variant ? Button_module_default[variant] : null,
|
|
386
431
|
{ [Button_module_default.fullWidth]: !!fullWidth },
|
|
432
|
+
{ [Button_module_default.active]: !!isActive },
|
|
387
433
|
className
|
|
388
434
|
)
|
|
389
435
|
}, isLink ? { href, isExternal } : {}), rest);
|
|
@@ -611,7 +657,7 @@ var BrandsStrip = ({
|
|
|
611
657
|
"div",
|
|
612
658
|
{
|
|
613
659
|
ref: containerRef,
|
|
614
|
-
className:
|
|
660
|
+
className: clsx23(
|
|
615
661
|
BrandsStrip_module_default.brandsStrip,
|
|
616
662
|
BrandsStrip_module_default[variant],
|
|
617
663
|
{ [BrandsStrip_module_default.small]: size === "small" },
|
|
@@ -620,13 +666,13 @@ var BrandsStrip = ({
|
|
|
620
666
|
onMouseEnter: handleMouseEnter,
|
|
621
667
|
onMouseLeave: handleMouseLeave,
|
|
622
668
|
children: [
|
|
623
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
624
|
-
title && logos.length === 1 && /* @__PURE__ */ jsx("h2", { className:
|
|
669
|
+
/* @__PURE__ */ jsxs("div", { className: clsx23(BrandsStrip_module_default.container, { [BrandsStrip_module_default.blurred]: show && logos.length > 1 }), children: [
|
|
670
|
+
title && logos.length === 1 && /* @__PURE__ */ jsx("h2", { className: clsx23("body", BrandsStrip_module_default.title), children: title }),
|
|
625
671
|
logos.length > 0 && /* @__PURE__ */ jsx(
|
|
626
672
|
"div",
|
|
627
673
|
{
|
|
628
674
|
ref: marqueeRef,
|
|
629
|
-
className:
|
|
675
|
+
className: clsx23(BrandsStrip_module_default.logos, { [BrandsStrip_module_default.marqueeGSAP]: shouldAnimate }),
|
|
630
676
|
children: duplicatedLogos.map((logo, index) => /* @__PURE__ */ jsx("div", { className: BrandsStrip_module_default.logoWrapper, children: /* @__PURE__ */ jsx(Picture, __spreadValues({ className: BrandsStrip_module_default.logo }, logo)) }, `${logo.alt}-${index}`))
|
|
631
677
|
}
|
|
632
678
|
)
|
|
@@ -673,7 +719,7 @@ var Container_module_default = {
|
|
|
673
719
|
var Container = forwardRef(
|
|
674
720
|
(_a, ref) => {
|
|
675
721
|
var _b = _a, { children, className } = _b, props = __objRest(_b, ["children", "className"]);
|
|
676
|
-
return /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({ ref, className:
|
|
722
|
+
return /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({ ref, className: clsx23(Container_module_default.container, className) }, props), { children }));
|
|
677
723
|
}
|
|
678
724
|
);
|
|
679
725
|
Container.displayName = "Container";
|
|
@@ -685,7 +731,10 @@ var Card_module_default = {
|
|
|
685
731
|
content: "Card_module_content",
|
|
686
732
|
subtitle: "Card_module_subtitle",
|
|
687
733
|
light: "Card_module_light",
|
|
688
|
-
|
|
734
|
+
logoContainer: "Card_module_logoContainer",
|
|
735
|
+
logo: "Card_module_logo",
|
|
736
|
+
logoHover: "Card_module_logoHover",
|
|
737
|
+
hideLogo: "Card_module_hideLogo"
|
|
689
738
|
};
|
|
690
739
|
var Card = ({
|
|
691
740
|
className,
|
|
@@ -706,17 +755,21 @@ var Card = ({
|
|
|
706
755
|
});
|
|
707
756
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
708
757
|
const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
|
|
758
|
+
const isLink = !!(href && !label);
|
|
709
759
|
return /* @__PURE__ */ jsxs(
|
|
710
760
|
ConditionalWrapper,
|
|
711
761
|
__spreadProps(__spreadValues({
|
|
712
762
|
ref,
|
|
713
|
-
className:
|
|
763
|
+
className: clsx23(Card_module_default.card, Card_module_default[variant], className),
|
|
714
764
|
wrapper: Anchor,
|
|
715
765
|
fallback: "div",
|
|
716
|
-
condition:
|
|
766
|
+
condition: isLink
|
|
717
767
|
}, href ? { href, isExternal } : {}), {
|
|
718
768
|
children: [
|
|
719
|
-
|
|
769
|
+
/* @__PURE__ */ jsxs("div", { className: Card_module_default.logoContainer, children: [
|
|
770
|
+
(logo == null ? void 0 : logo.src) ? /* @__PURE__ */ jsx(Picture, __spreadValues({ className: clsx23(Card_module_default.logo, isLink && Card_module_default.hideLogo) }, logo)) : icon && /* @__PURE__ */ jsx(Icon, { type: icon, className: clsx23(Card_module_default.logo, isLink && Card_module_default.hideLogo) }),
|
|
771
|
+
isLink && /* @__PURE__ */ jsx(Icon, { type: "tiltedRightWhite", className: Card_module_default.logoHover })
|
|
772
|
+
] }),
|
|
720
773
|
/* @__PURE__ */ jsxs("div", { className: Card_module_default.content, children: [
|
|
721
774
|
titleNode && /* @__PURE__ */ jsx("h3", { className: "h4", children: titleNode }),
|
|
722
775
|
subtitleNode && /* @__PURE__ */ jsx("div", { className: Card_module_default.subtitle, children: subtitleNode })
|
|
@@ -749,10 +802,10 @@ var CountingCard = ({ className, title, count, image, children }) => {
|
|
|
749
802
|
title: CountingCardTitle
|
|
750
803
|
});
|
|
751
804
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
752
|
-
return /* @__PURE__ */ jsxs("div", { className:
|
|
805
|
+
return /* @__PURE__ */ jsxs("div", { className: clsx23(CountingCard_module_default["counting-card"], className), children: [
|
|
753
806
|
/* @__PURE__ */ jsxs("div", { className: CountingCard_module_default.content, children: [
|
|
754
807
|
titleNode && /* @__PURE__ */ jsx("div", { className: "body", children: titleNode }),
|
|
755
|
-
count && /* @__PURE__ */ jsx("div", { className:
|
|
808
|
+
count && /* @__PURE__ */ jsx("div", { className: clsx23(CountingCard_module_default.count, "h1"), children: count })
|
|
756
809
|
] }),
|
|
757
810
|
image && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: CountingCard_module_default.logo }, image))
|
|
758
811
|
] });
|
|
@@ -784,9 +837,9 @@ var InfoCard = ({ className, title, subtitle, icon, badge, children }) => {
|
|
|
784
837
|
});
|
|
785
838
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
786
839
|
const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
|
|
787
|
-
return /* @__PURE__ */ jsxs("div", { className:
|
|
840
|
+
return /* @__PURE__ */ jsxs("div", { className: clsx23(InfoCard_module_default["info-card"], { [InfoCard_module_default.hasIcon]: !!icon }, className), children: [
|
|
788
841
|
/* @__PURE__ */ jsxs("div", { className: InfoCard_module_default.header, children: [
|
|
789
|
-
icon ? /* @__PURE__ */ jsx(Icon, { type: icon }) : badge ? /* @__PURE__ */ jsx("div", { className:
|
|
842
|
+
icon ? /* @__PURE__ */ jsx(Icon, { type: icon }) : badge ? /* @__PURE__ */ jsx("div", { className: clsx23(InfoCard_module_default.badge, "h4"), children: badge }) : null,
|
|
790
843
|
titleNode && /* @__PURE__ */ jsx("div", { className: "h4", children: titleNode })
|
|
791
844
|
] }),
|
|
792
845
|
subtitleNode && /* @__PURE__ */ jsx("div", { className: "body", children: subtitleNode })
|
|
@@ -848,7 +901,7 @@ var Pagination = ({
|
|
|
848
901
|
setActivePage(page);
|
|
849
902
|
onPageChange == null ? void 0 : onPageChange(page);
|
|
850
903
|
};
|
|
851
|
-
return /* @__PURE__ */ jsxs("div", { className:
|
|
904
|
+
return /* @__PURE__ */ jsxs("div", { className: clsx23(Pagination_module_default.pagination, className), children: [
|
|
852
905
|
!disableArrows && /* @__PURE__ */ jsx(
|
|
853
906
|
"button",
|
|
854
907
|
{
|
|
@@ -865,7 +918,7 @@ var Pagination = ({
|
|
|
865
918
|
"button",
|
|
866
919
|
{
|
|
867
920
|
onClick: () => goToPage(page),
|
|
868
|
-
className:
|
|
921
|
+
className: clsx23(Pagination_module_default.page, {
|
|
869
922
|
[Pagination_module_default.active]: activePage === page,
|
|
870
923
|
[Pagination_module_default.number]: hasNumber
|
|
871
924
|
}),
|
|
@@ -901,7 +954,7 @@ var PracticeCard_module_default = {
|
|
|
901
954
|
};
|
|
902
955
|
var PracticeCard = ({ className, title, cta, image }) => {
|
|
903
956
|
const { url: href, isExternal } = cta != null ? cta : {};
|
|
904
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
957
|
+
return /* @__PURE__ */ jsx("div", { className: clsx23(PracticeCard_module_default["practice-card"], className), children: /* @__PURE__ */ jsxs(
|
|
905
958
|
ConditionalWrapper,
|
|
906
959
|
__spreadProps(__spreadValues({
|
|
907
960
|
className: PracticeCard_module_default.wrapper,
|
|
@@ -912,7 +965,7 @@ var PracticeCard = ({ className, title, cta, image }) => {
|
|
|
912
965
|
children: [
|
|
913
966
|
image && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: PracticeCard_module_default.background }, image)),
|
|
914
967
|
/* @__PURE__ */ jsxs("div", { className: PracticeCard_module_default.container, children: [
|
|
915
|
-
title && /* @__PURE__ */ jsx("div", { className:
|
|
968
|
+
title && /* @__PURE__ */ jsx("div", { className: clsx23(PracticeCard_module_default.title, "h3"), children: title }),
|
|
916
969
|
href && /* @__PURE__ */ jsxs("div", { className: PracticeCard_module_default.cta, children: [
|
|
917
970
|
/* @__PURE__ */ jsx(Icon, { className: PracticeCard_module_default.ctaRest, type: "right" }),
|
|
918
971
|
/* @__PURE__ */ jsx(Icon, { className: PracticeCard_module_default.ctaHover, type: "tiltedRight" })
|
|
@@ -922,6 +975,23 @@ var PracticeCard = ({ className, title, cta, image }) => {
|
|
|
922
975
|
})
|
|
923
976
|
) });
|
|
924
977
|
};
|
|
978
|
+
|
|
979
|
+
// src/components/LogoBar/LogoBar.module.scss
|
|
980
|
+
var LogoBar_module_default = {
|
|
981
|
+
logoBar: "LogoBar_module_logoBar",
|
|
982
|
+
logoWrapper: "LogoBar_module_logoWrapper",
|
|
983
|
+
logo: "LogoBar_module_logo",
|
|
984
|
+
logoHover: "LogoBar_module_logoHover"
|
|
985
|
+
};
|
|
986
|
+
var LogoBar = ({ className, items }) => {
|
|
987
|
+
if (!items || items.length === 0) return null;
|
|
988
|
+
return /* @__PURE__ */ jsx("div", { className: clsx23(LogoBar_module_default.logoBar, className), children: items.map((item, key) => {
|
|
989
|
+
return /* @__PURE__ */ jsx(Anchor, { href: item.url, isExternal: item.isExternal, children: /* @__PURE__ */ jsxs("div", { className: LogoBar_module_default.logoWrapper, children: [
|
|
990
|
+
item.logo && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: LogoBar_module_default.logo }, item.logo)),
|
|
991
|
+
item.hoverLogo && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: LogoBar_module_default.logoHover }, item.hoverLogo))
|
|
992
|
+
] }) }, key);
|
|
993
|
+
}) });
|
|
994
|
+
};
|
|
925
995
|
var CardCollectionTitle = ({ children }) => {
|
|
926
996
|
return /* @__PURE__ */ jsx(Fragment, { children });
|
|
927
997
|
};
|
|
@@ -1001,13 +1071,13 @@ var CardCollection = ({
|
|
|
1001
1071
|
Container,
|
|
1002
1072
|
{
|
|
1003
1073
|
ref: container,
|
|
1004
|
-
className:
|
|
1074
|
+
className: clsx23(CardCollection_module_default["card-collection"], CardCollection_module_default[variant], className),
|
|
1005
1075
|
children: [
|
|
1006
1076
|
/* @__PURE__ */ jsxs("div", { className: CardCollection_module_default.content, children: [
|
|
1007
1077
|
titleNode && /* @__PURE__ */ jsx("h2", { children: titleNode }),
|
|
1008
1078
|
subtitleNode && /* @__PURE__ */ jsx("div", { className: "subheading", children: subtitleNode })
|
|
1009
1079
|
] }),
|
|
1010
|
-
/* @__PURE__ */ jsx("div", { className: CardCollection_module_default.wrapper, children: /* @__PURE__ */ jsxs("div", { className:
|
|
1080
|
+
/* @__PURE__ */ jsx("div", { className: CardCollection_module_default.wrapper, children: /* @__PURE__ */ jsxs("div", { className: clsx23(CardCollection_module_default.cardWrapper, { [CardCollection_module_default["is-expanded"]]: isExpanded }), children: [
|
|
1011
1081
|
visibleCards.map((card, key) => /* @__PURE__ */ jsx(Card2, __spreadValues({ className: CardCollection_module_default.card, variant: theme }, card), key)),
|
|
1012
1082
|
isExamCard && hiddenCards.length > 0 && /* @__PURE__ */ jsx("div", { ref: revealWrapper, className: CardCollection_module_default["reveal-wrapper"], children: /* @__PURE__ */ jsx("div", { className: CardCollection_module_default["reveal-inner"], children: hiddenCards.map((card, key) => /* @__PURE__ */ jsx(
|
|
1013
1083
|
Card2,
|
|
@@ -1108,7 +1178,7 @@ var ContactModule = ({
|
|
|
1108
1178
|
},
|
|
1109
1179
|
{ scope: containerRef, dependencies: [blurred, animateBlur] }
|
|
1110
1180
|
);
|
|
1111
|
-
return /* @__PURE__ */ jsxs("div", { ref: containerRef, className:
|
|
1181
|
+
return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: clsx23(ContactModule_module_default["contact-module"], className), children: [
|
|
1112
1182
|
blurred && /* @__PURE__ */ jsx(
|
|
1113
1183
|
"div",
|
|
1114
1184
|
{
|
|
@@ -1123,8 +1193,8 @@ var ContactModule = ({
|
|
|
1123
1193
|
/* @__PURE__ */ jsxs(Container, { className: ContactModule_module_default.container, children: [
|
|
1124
1194
|
/* @__PURE__ */ jsxs("div", { className: ContactModule_module_default.wrapper, children: [
|
|
1125
1195
|
/* @__PURE__ */ jsxs("div", { className: ContactModule_module_default.content, children: [
|
|
1126
|
-
titleNode && /* @__PURE__ */ jsx("div", { className:
|
|
1127
|
-
subtitleNode && /* @__PURE__ */ jsx("div", { className:
|
|
1196
|
+
titleNode && /* @__PURE__ */ jsx("div", { className: clsx23(ContactModule_module_default.title, "h1"), children: titleNode }),
|
|
1197
|
+
subtitleNode && /* @__PURE__ */ jsx("div", { className: clsx23(ContactModule_module_default.subtitle, "subheading"), children: subtitleNode })
|
|
1128
1198
|
] }),
|
|
1129
1199
|
/* @__PURE__ */ jsx("div", { className: ContactModule_module_default["cta-wrapper"], children: ctas == null ? void 0 : ctas.map((cta, key) => /* @__PURE__ */ jsx(
|
|
1130
1200
|
Button,
|
|
@@ -1185,7 +1255,7 @@ var Footer = ({
|
|
|
1185
1255
|
disclaimer: FooterDisclaimer
|
|
1186
1256
|
});
|
|
1187
1257
|
const titleNode = (_a = slots.disclaimer) != null ? _a : disclaimer;
|
|
1188
|
-
return /* @__PURE__ */ jsx("footer", { className:
|
|
1258
|
+
return /* @__PURE__ */ jsx("footer", { className: clsx23(Footer_module_default.footer, className), children: /* @__PURE__ */ jsxs(Container, { className: Footer_module_default.container, children: [
|
|
1189
1259
|
/* @__PURE__ */ jsxs("div", { className: Footer_module_default.bottom, children: [
|
|
1190
1260
|
/* @__PURE__ */ jsxs("div", { className: Footer_module_default["bottom-left"], children: [
|
|
1191
1261
|
supporters.length > 0 && /* @__PURE__ */ jsx("div", { className: Footer_module_default.supporters, children: /* @__PURE__ */ jsx("div", { className: Footer_module_default["supporters-logos"], children: supporters.map(
|
|
@@ -1201,7 +1271,7 @@ var Footer = ({
|
|
|
1201
1271
|
index
|
|
1202
1272
|
) : /* @__PURE__ */ jsx("div", { className: Footer_module_default["supporter-link-primary"], children: /* @__PURE__ */ jsx(Picture, __spreadValues({}, supporter.image)) }, index)
|
|
1203
1273
|
) }) }),
|
|
1204
|
-
titleNode && /* @__PURE__ */ jsx("div", { className:
|
|
1274
|
+
titleNode && /* @__PURE__ */ jsx("div", { className: clsx23(Footer_module_default.disclaimer, "p"), children: titleNode }),
|
|
1205
1275
|
copyright && /* @__PURE__ */ jsx("p", { className: Footer_module_default.copyright, children: copyright })
|
|
1206
1276
|
] }),
|
|
1207
1277
|
columns.length > 0 && /* @__PURE__ */ jsx("nav", { className: Footer_module_default["bottom-right"], children: columns.map((column, colIndex) => /* @__PURE__ */ jsx("ul", { className: Footer_module_default["nav-list"], children: column.map((link) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
|
|
@@ -1217,6 +1287,12 @@ var Footer = ({
|
|
|
1217
1287
|
children
|
|
1218
1288
|
] }) });
|
|
1219
1289
|
};
|
|
1290
|
+
var Text = (_a) => {
|
|
1291
|
+
var _b = _a, { tag = "p", promoteToH1 = false, ref, children } = _b, props = __objRest(_b, ["tag", "promoteToH1", "ref", "children"]);
|
|
1292
|
+
const Component = promoteToH1 ? "h1" : tag;
|
|
1293
|
+
return /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({ ref }, props), { children }));
|
|
1294
|
+
};
|
|
1295
|
+
Text.displayName = "Text";
|
|
1220
1296
|
var HeroBannerTitle = ({ children }) => {
|
|
1221
1297
|
return /* @__PURE__ */ jsx(Fragment, { children });
|
|
1222
1298
|
};
|
|
@@ -1227,26 +1303,23 @@ var HeroBannerSubtitle = ({ children }) => {
|
|
|
1227
1303
|
// src/widgets/HeroBanner/HeroBanner.module.scss
|
|
1228
1304
|
var HeroBanner_module_default = {
|
|
1229
1305
|
heroBanner: "HeroBanner_module_heroBanner",
|
|
1230
|
-
pageHeroBanner: "HeroBanner_module_pageHeroBanner",
|
|
1231
1306
|
container: "HeroBanner_module_container",
|
|
1232
|
-
bannerPodcast: "HeroBanner_module_bannerPodcast",
|
|
1233
1307
|
banner: "HeroBanner_module_banner",
|
|
1234
1308
|
text: "HeroBanner_module_text",
|
|
1309
|
+
titleLogo: "HeroBanner_module_titleLogo",
|
|
1235
1310
|
title: "HeroBanner_module_title",
|
|
1236
1311
|
subtitle: "HeroBanner_module_subtitle",
|
|
1237
|
-
logoWrapper: "HeroBanner_module_logoWrapper",
|
|
1238
|
-
logo: "HeroBanner_module_logo",
|
|
1239
|
-
horizontalGradient: "HeroBanner_module_horizontalGradient",
|
|
1240
|
-
lensCrafters: "HeroBanner_module_lensCrafters",
|
|
1241
|
-
forEyes: "HeroBanner_module_forEyes",
|
|
1242
|
-
optical: "HeroBanner_module_optical",
|
|
1243
|
-
pearleVision: "HeroBanner_module_pearleVision",
|
|
1244
1312
|
ctaContainer: "HeroBanner_module_ctaContainer",
|
|
1245
1313
|
brandsStrip: "HeroBanner_module_brandsStrip",
|
|
1246
1314
|
backgroundImage: "HeroBanner_module_backgroundImage",
|
|
1247
1315
|
scrollDown: "HeroBanner_module_scrollDown",
|
|
1248
1316
|
arrow: "HeroBanner_module_arrow",
|
|
1249
|
-
mainHeroBanner: "HeroBanner_module_mainHeroBanner"
|
|
1317
|
+
mainHeroBanner: "HeroBanner_module_mainHeroBanner",
|
|
1318
|
+
bannerPodcast: "HeroBanner_module_bannerPodcast",
|
|
1319
|
+
logoWrapper: "HeroBanner_module_logoWrapper",
|
|
1320
|
+
logo: "HeroBanner_module_logo",
|
|
1321
|
+
horizontalGradient: "HeroBanner_module_horizontalGradient",
|
|
1322
|
+
logoBar: "HeroBanner_module_logoBar"
|
|
1250
1323
|
};
|
|
1251
1324
|
var HeroBanner = ({
|
|
1252
1325
|
className,
|
|
@@ -1256,7 +1329,9 @@ var HeroBanner = ({
|
|
|
1256
1329
|
backgroundImage,
|
|
1257
1330
|
logo,
|
|
1258
1331
|
cta,
|
|
1332
|
+
ctaLogo,
|
|
1259
1333
|
brands,
|
|
1334
|
+
promoteToH1,
|
|
1260
1335
|
children
|
|
1261
1336
|
}) => {
|
|
1262
1337
|
var _a, _b;
|
|
@@ -1264,18 +1339,42 @@ var HeroBanner = ({
|
|
|
1264
1339
|
const isTabletBelow = is("tablet", "below");
|
|
1265
1340
|
const vPageHeroBanner = variant === "pageHeroBanner";
|
|
1266
1341
|
const vBannerPodcast = variant === "bannerPodcast";
|
|
1342
|
+
const isTitleLogo = (logo == null ? void 0 : logo.variant) === "titleLogo";
|
|
1343
|
+
const GRADIENT_BANDS = [
|
|
1344
|
+
{ color: "var(--color-lenscrafter-blue)" },
|
|
1345
|
+
{ color: "var(--color-foreyes-brown)" },
|
|
1346
|
+
{ color: "var(--color-targetoptical-red)" },
|
|
1347
|
+
{ color: "var(--color-pearlevision-green)" }
|
|
1348
|
+
];
|
|
1267
1349
|
const slots = resolveCompoundSlots(children, {
|
|
1268
1350
|
title: HeroBannerTitle,
|
|
1269
1351
|
subtitle: HeroBannerSubtitle
|
|
1270
1352
|
});
|
|
1271
1353
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
1272
1354
|
const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
|
|
1273
|
-
return /* @__PURE__ */ jsxs("div", { className:
|
|
1355
|
+
return /* @__PURE__ */ jsxs("div", { className: clsx23(HeroBanner_module_default.heroBanner, HeroBanner_module_default[variant], className), children: [
|
|
1274
1356
|
/* @__PURE__ */ jsxs("div", { className: HeroBanner_module_default.container, children: [
|
|
1275
1357
|
/* @__PURE__ */ jsxs("div", { className: HeroBanner_module_default.banner, children: [
|
|
1276
1358
|
(titleNode || subtitleNode) && /* @__PURE__ */ jsxs("div", { className: HeroBanner_module_default.text, children: [
|
|
1277
|
-
|
|
1278
|
-
|
|
1359
|
+
isTitleLogo && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: HeroBanner_module_default.titleLogo }, logo)),
|
|
1360
|
+
titleNode && /* @__PURE__ */ jsx(
|
|
1361
|
+
Text,
|
|
1362
|
+
{
|
|
1363
|
+
tag: "h2",
|
|
1364
|
+
promoteToH1,
|
|
1365
|
+
className: clsx23(HeroBanner_module_default.title, vBannerPodcast ? "h3" : "h1"),
|
|
1366
|
+
children: titleNode
|
|
1367
|
+
}
|
|
1368
|
+
),
|
|
1369
|
+
subtitleNode && /* @__PURE__ */ jsx(
|
|
1370
|
+
Text,
|
|
1371
|
+
{
|
|
1372
|
+
tag: "div",
|
|
1373
|
+
promoteToH1: promoteToH1 && !titleNode,
|
|
1374
|
+
className: clsx23(HeroBanner_module_default.subtitle, "subheading"),
|
|
1375
|
+
children: subtitleNode
|
|
1376
|
+
}
|
|
1377
|
+
)
|
|
1279
1378
|
] }),
|
|
1280
1379
|
cta && cta.length > 0 && !vBannerPodcast && /* @__PURE__ */ jsx("div", { className: HeroBanner_module_default.ctaContainer, children: cta.slice(0, 2).map((cta2, key) => {
|
|
1281
1380
|
return /* @__PURE__ */ jsx(
|
|
@@ -1290,9 +1389,10 @@ var HeroBanner = ({
|
|
|
1290
1389
|
},
|
|
1291
1390
|
key
|
|
1292
1391
|
);
|
|
1293
|
-
}) })
|
|
1392
|
+
}) }),
|
|
1393
|
+
ctaLogo && ctaLogo.length > 0 && vBannerPodcast && /* @__PURE__ */ jsx(LogoBar, { items: ctaLogo, className: HeroBanner_module_default.logoBar })
|
|
1294
1394
|
] }),
|
|
1295
|
-
/* @__PURE__ */ jsx("div", { className: HeroBanner_module_default.logoWrapper, children:
|
|
1395
|
+
logo && !isTitleLogo && /* @__PURE__ */ jsx("div", { className: HeroBanner_module_default.logoWrapper, children: /* @__PURE__ */ jsx(Picture, __spreadValues({ className: HeroBanner_module_default.logo }, logo)) }),
|
|
1296
1396
|
!vBannerPodcast && /* @__PURE__ */ jsx(
|
|
1297
1397
|
BrandsStrip,
|
|
1298
1398
|
__spreadValues({
|
|
@@ -1301,14 +1401,9 @@ var HeroBanner = ({
|
|
|
1301
1401
|
size: isTabletBelow || vPageHeroBanner ? "small" : void 0
|
|
1302
1402
|
}, brands)
|
|
1303
1403
|
),
|
|
1304
|
-
backgroundImage && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: HeroBanner_module_default.backgroundImage }, backgroundImage))
|
|
1305
|
-
] }),
|
|
1306
|
-
/* @__PURE__ */ jsxs("div", { className: HeroBanner_module_default.horizontalGradient, children: [
|
|
1307
|
-
/* @__PURE__ */ jsx("div", { className: HeroBanner_module_default.lensCrafters }),
|
|
1308
|
-
/* @__PURE__ */ jsx("div", { className: HeroBanner_module_default.forEyes }),
|
|
1309
|
-
/* @__PURE__ */ jsx("div", { className: HeroBanner_module_default.optical }),
|
|
1310
|
-
/* @__PURE__ */ jsx("div", { className: HeroBanner_module_default.pearleVision })
|
|
1404
|
+
backgroundImage && !vBannerPodcast && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: HeroBanner_module_default.backgroundImage }, backgroundImage))
|
|
1311
1405
|
] }),
|
|
1406
|
+
vBannerPodcast && /* @__PURE__ */ jsx("div", { className: HeroBanner_module_default.horizontalGradient, children: GRADIENT_BANDS.map((band, index) => /* @__PURE__ */ jsx("div", { style: { backgroundColor: band.color } }, index)) }),
|
|
1312
1407
|
!vBannerPodcast && /* @__PURE__ */ jsx("div", { className: HeroBanner_module_default.scrollDown, children: /* @__PURE__ */ jsx(Icon, { type: "downChevronBlack", className: HeroBanner_module_default.arrow }) })
|
|
1313
1408
|
] });
|
|
1314
1409
|
};
|
|
@@ -1353,7 +1448,7 @@ var HeroBannerCarousel = ({
|
|
|
1353
1448
|
const [swiperInstance, setSwiperInstance] = useState(null);
|
|
1354
1449
|
const [activeIndex, setActiveIndex] = useState(0);
|
|
1355
1450
|
if (!items.length) return null;
|
|
1356
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
1451
|
+
return /* @__PURE__ */ jsx("div", { className: clsx23(HeroBannerCarousel_module_default.heroBannerCarousel, className), children: /* @__PURE__ */ jsxs("div", { className: HeroBannerCarousel_module_default.inner, children: [
|
|
1357
1452
|
/* @__PURE__ */ jsx("div", { className: HeroBannerCarousel_module_default.swiperContainer, children: /* @__PURE__ */ jsx(
|
|
1358
1453
|
Swiper,
|
|
1359
1454
|
{
|
|
@@ -1400,7 +1495,7 @@ var HeroBannerCarousel = ({
|
|
|
1400
1495
|
/* @__PURE__ */ jsx("div", { className: HeroBannerCarousel_module_default.pagination, children: items.map((_, index) => /* @__PURE__ */ jsx(
|
|
1401
1496
|
"button",
|
|
1402
1497
|
{
|
|
1403
|
-
className:
|
|
1498
|
+
className: clsx23(HeroBannerCarousel_module_default.dot, index === activeIndex && HeroBannerCarousel_module_default.dotActive),
|
|
1404
1499
|
onClick: () => swiperInstance == null ? void 0 : swiperInstance.slideTo(index),
|
|
1405
1500
|
"aria-label": `Go to slide ${index + 1}`
|
|
1406
1501
|
},
|
|
@@ -1419,6 +1514,290 @@ var HeroBannerCarousel = ({
|
|
|
1419
1514
|
] })
|
|
1420
1515
|
] }) });
|
|
1421
1516
|
};
|
|
1517
|
+
|
|
1518
|
+
// src/components/Accordion/Accordion.module.scss
|
|
1519
|
+
var Accordion_module_default = {
|
|
1520
|
+
accordionTitle: "Accordion_module_accordionTitle",
|
|
1521
|
+
accordion: "Accordion_module_accordion",
|
|
1522
|
+
accordionItem: "Accordion_module_accordionItem",
|
|
1523
|
+
accordionItemOpen: "Accordion_module_accordionItemOpen",
|
|
1524
|
+
accordionHeader: "Accordion_module_accordionHeader",
|
|
1525
|
+
accordionHeaderLeft: "Accordion_module_accordionHeaderLeft",
|
|
1526
|
+
accordionChevron: "Accordion_module_accordionChevron",
|
|
1527
|
+
accordionContent: "Accordion_module_accordionContent",
|
|
1528
|
+
accordionContentInner: "Accordion_module_accordionContentInner"
|
|
1529
|
+
};
|
|
1530
|
+
var AccordionItem = ({
|
|
1531
|
+
id,
|
|
1532
|
+
title,
|
|
1533
|
+
children,
|
|
1534
|
+
isOpen = false,
|
|
1535
|
+
onToggle,
|
|
1536
|
+
className
|
|
1537
|
+
}) => {
|
|
1538
|
+
const contentRef = useRef(null);
|
|
1539
|
+
const contentInnerRef = useRef(null);
|
|
1540
|
+
const timelineRef = useRef(null);
|
|
1541
|
+
const [contentHeight, setContentHeight] = useState(0);
|
|
1542
|
+
useEffect(() => {
|
|
1543
|
+
if (contentInnerRef.current) {
|
|
1544
|
+
setContentHeight(contentInnerRef.current.scrollHeight);
|
|
1545
|
+
}
|
|
1546
|
+
}, [children]);
|
|
1547
|
+
useEffect(() => {
|
|
1548
|
+
if (contentRef.current && contentHeight > 0) {
|
|
1549
|
+
if (timelineRef.current) {
|
|
1550
|
+
timelineRef.current.kill();
|
|
1551
|
+
}
|
|
1552
|
+
const tl = gsap$1.timeline({
|
|
1553
|
+
defaults: { duration: 0.25, ease: "power2.inOut" }
|
|
1554
|
+
});
|
|
1555
|
+
if (isOpen) {
|
|
1556
|
+
tl.to(contentRef.current, {
|
|
1557
|
+
height: contentHeight,
|
|
1558
|
+
duration: 0.25,
|
|
1559
|
+
ease: "power2.inOut",
|
|
1560
|
+
clearProps: "height"
|
|
1561
|
+
});
|
|
1562
|
+
} else {
|
|
1563
|
+
tl.to(contentRef.current, {
|
|
1564
|
+
height: 0,
|
|
1565
|
+
duration: 0.25,
|
|
1566
|
+
ease: "power2.inOut"
|
|
1567
|
+
});
|
|
1568
|
+
}
|
|
1569
|
+
timelineRef.current = tl;
|
|
1570
|
+
}
|
|
1571
|
+
}, [isOpen, contentHeight]);
|
|
1572
|
+
const handleToggle = () => {
|
|
1573
|
+
onToggle == null ? void 0 : onToggle(id);
|
|
1574
|
+
};
|
|
1575
|
+
return /* @__PURE__ */ jsxs(
|
|
1576
|
+
"div",
|
|
1577
|
+
{
|
|
1578
|
+
className: clsx23(
|
|
1579
|
+
Accordion_module_default.accordionItem,
|
|
1580
|
+
{
|
|
1581
|
+
[Accordion_module_default.accordionItemOpen]: isOpen
|
|
1582
|
+
},
|
|
1583
|
+
className
|
|
1584
|
+
),
|
|
1585
|
+
children: [
|
|
1586
|
+
/* @__PURE__ */ jsxs(
|
|
1587
|
+
"button",
|
|
1588
|
+
{
|
|
1589
|
+
className: clsx23(Accordion_module_default.accordionHeader, {
|
|
1590
|
+
[Accordion_module_default.accordionHeaderOpen]: isOpen
|
|
1591
|
+
}),
|
|
1592
|
+
onClick: handleToggle,
|
|
1593
|
+
"aria-expanded": isOpen,
|
|
1594
|
+
"aria-label": `Toggle ${title}`,
|
|
1595
|
+
children: [
|
|
1596
|
+
/* @__PURE__ */ jsx("div", { className: Accordion_module_default.accordionHeaderLeft, children: /* @__PURE__ */ jsx("span", { className: clsx23("body", Accordion_module_default.accordionTitle), children: title }) }),
|
|
1597
|
+
/* @__PURE__ */ jsx(
|
|
1598
|
+
"span",
|
|
1599
|
+
{
|
|
1600
|
+
className: clsx23(Accordion_module_default.accordionChevron, {
|
|
1601
|
+
[Accordion_module_default.accordionChevronOpen]: isOpen
|
|
1602
|
+
}),
|
|
1603
|
+
children: isOpen ? /* @__PURE__ */ jsx(Icon, { type: "filledChevronUpBlack", size: 40 }) : /* @__PURE__ */ jsx(Icon, { type: "circleChevronDown", size: 40 })
|
|
1604
|
+
}
|
|
1605
|
+
)
|
|
1606
|
+
]
|
|
1607
|
+
}
|
|
1608
|
+
),
|
|
1609
|
+
/* @__PURE__ */ jsx(
|
|
1610
|
+
"div",
|
|
1611
|
+
{
|
|
1612
|
+
ref: contentRef,
|
|
1613
|
+
className: Accordion_module_default.accordionContent,
|
|
1614
|
+
style: {
|
|
1615
|
+
overflow: "hidden",
|
|
1616
|
+
height: 0
|
|
1617
|
+
},
|
|
1618
|
+
children: /* @__PURE__ */ jsx("div", { ref: contentInnerRef, className: Accordion_module_default.accordionContentInner, children })
|
|
1619
|
+
}
|
|
1620
|
+
)
|
|
1621
|
+
]
|
|
1622
|
+
}
|
|
1623
|
+
);
|
|
1624
|
+
};
|
|
1625
|
+
var Accordion = ({
|
|
1626
|
+
className,
|
|
1627
|
+
items = [],
|
|
1628
|
+
defaultOpenIds = [],
|
|
1629
|
+
allowMultiple = false,
|
|
1630
|
+
onItemToggle
|
|
1631
|
+
}) => {
|
|
1632
|
+
const [openIds, setOpenIds] = useState(defaultOpenIds);
|
|
1633
|
+
const handleToggle = (id) => {
|
|
1634
|
+
setOpenIds((prev) => {
|
|
1635
|
+
let newOpenIds;
|
|
1636
|
+
if (prev.includes(id)) {
|
|
1637
|
+
newOpenIds = prev.filter((itemId) => itemId !== id);
|
|
1638
|
+
} else {
|
|
1639
|
+
if (allowMultiple) {
|
|
1640
|
+
newOpenIds = [...prev, id];
|
|
1641
|
+
} else {
|
|
1642
|
+
newOpenIds = [id];
|
|
1643
|
+
}
|
|
1644
|
+
}
|
|
1645
|
+
onItemToggle == null ? void 0 : onItemToggle(id, !prev.includes(id));
|
|
1646
|
+
return newOpenIds;
|
|
1647
|
+
});
|
|
1648
|
+
};
|
|
1649
|
+
if (items.length === 0) {
|
|
1650
|
+
return null;
|
|
1651
|
+
}
|
|
1652
|
+
return /* @__PURE__ */ jsx("div", { className: clsx23(Accordion_module_default.accordion, className), children: items.map((item) => /* @__PURE__ */ jsx(
|
|
1653
|
+
AccordionItem,
|
|
1654
|
+
{
|
|
1655
|
+
id: item.id,
|
|
1656
|
+
title: item.title,
|
|
1657
|
+
isOpen: openIds.includes(item.id),
|
|
1658
|
+
onToggle: handleToggle,
|
|
1659
|
+
children: item.content
|
|
1660
|
+
},
|
|
1661
|
+
item.id
|
|
1662
|
+
)) });
|
|
1663
|
+
};
|
|
1664
|
+
|
|
1665
|
+
// src/widgets/InternalBrandsTab/InternalBrandsTab.module.scss
|
|
1666
|
+
var InternalBrandsTab_module_default = {
|
|
1667
|
+
internalBrandsTab: "InternalBrandsTab_module_internalBrandsTab",
|
|
1668
|
+
textsContainer: "InternalBrandsTab_module_textsContainer",
|
|
1669
|
+
subTitle: "InternalBrandsTab_module_subTitle",
|
|
1670
|
+
contentArea: "InternalBrandsTab_module_contentArea",
|
|
1671
|
+
topContent: "InternalBrandsTab_module_topContent",
|
|
1672
|
+
topContentTitle: "InternalBrandsTab_module_topContentTitle",
|
|
1673
|
+
topContentLongText: "InternalBrandsTab_module_topContentLongText",
|
|
1674
|
+
accordionTopContent: "InternalBrandsTab_module_accordionTopContent",
|
|
1675
|
+
bottomContent: "InternalBrandsTab_module_bottomContent",
|
|
1676
|
+
bottomContentLeftSide: "InternalBrandsTab_module_bottomContentLeftSide",
|
|
1677
|
+
bottomContentTitle: "InternalBrandsTab_module_bottomContentTitle",
|
|
1678
|
+
bottomContentRightSide: "InternalBrandsTab_module_bottomContentRightSide",
|
|
1679
|
+
bottomContentQuote: "InternalBrandsTab_module_bottomContentQuote",
|
|
1680
|
+
accordionBottomContent: "InternalBrandsTab_module_accordionBottomContent",
|
|
1681
|
+
bottomContentTextList: "InternalBrandsTab_module_bottomContentTextList",
|
|
1682
|
+
title: "InternalBrandsTab_module_title",
|
|
1683
|
+
tabWrapper: "InternalBrandsTab_module_tabWrapper",
|
|
1684
|
+
tabButtonsRow: "InternalBrandsTab_module_tabButtonsRow",
|
|
1685
|
+
topContentCta: "InternalBrandsTab_module_topContentCta",
|
|
1686
|
+
topContentRightSide: "InternalBrandsTab_module_topContentRightSide",
|
|
1687
|
+
bottomContentIcon: "InternalBrandsTab_module_bottomContentIcon",
|
|
1688
|
+
topContentCtaContainer: "InternalBrandsTab_module_topContentCtaContainer"
|
|
1689
|
+
};
|
|
1690
|
+
var InternalBrandsTab = (props) => {
|
|
1691
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A;
|
|
1692
|
+
const { title, subTitle, className, tabs } = props;
|
|
1693
|
+
const [activeIndex, setActiveIndex] = useState(0);
|
|
1694
|
+
const { is } = useViewPort_default();
|
|
1695
|
+
const isTabletBelow = is("tablet", "below");
|
|
1696
|
+
const accordionItems = useMemo(() => {
|
|
1697
|
+
return (tabs == null ? void 0 : tabs.map((tab, index) => {
|
|
1698
|
+
var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2;
|
|
1699
|
+
return {
|
|
1700
|
+
id: index,
|
|
1701
|
+
title: tab.tabTitle || "",
|
|
1702
|
+
content: /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
1703
|
+
tab.topContent && /* @__PURE__ */ jsxs("div", { className: InternalBrandsTab_module_default.accordionTopContent, children: [
|
|
1704
|
+
/* @__PURE__ */ jsxs("div", { children: [
|
|
1705
|
+
((_a2 = tab.topContent) == null ? void 0 : _a2.title) && /* @__PURE__ */ jsx("p", { className: InternalBrandsTab_module_default.topContentTitle, children: tab.topContent.title }),
|
|
1706
|
+
((_b2 = tab.topContent) == null ? void 0 : _b2.longText) && /* @__PURE__ */ jsx("div", { className: InternalBrandsTab_module_default.topContentLongText, children: tab.topContent.longText }),
|
|
1707
|
+
((_c2 = tab.topContent) == null ? void 0 : _c2.cta) && /* @__PURE__ */ jsx("div", { className: InternalBrandsTab_module_default.topContentCtaContainer, children: /* @__PURE__ */ jsx(
|
|
1708
|
+
Button,
|
|
1709
|
+
{
|
|
1710
|
+
className: InternalBrandsTab_module_default.topContentCta,
|
|
1711
|
+
variant: "primary",
|
|
1712
|
+
href: (_d2 = tab.topContent.cta) == null ? void 0 : _d2.url,
|
|
1713
|
+
isExternal: (_e2 = tab.topContent.cta) == null ? void 0 : _e2.isExternal,
|
|
1714
|
+
logo: (_f2 = tab.topContent.cta) == null ? void 0 : _f2.logo,
|
|
1715
|
+
children: (_g2 = tab.topContent.cta) == null ? void 0 : _g2.label
|
|
1716
|
+
}
|
|
1717
|
+
) })
|
|
1718
|
+
] }),
|
|
1719
|
+
/* @__PURE__ */ jsx("div", { children: ((_h2 = tab.topContent) == null ? void 0 : _h2.rightSideText) && /* @__PURE__ */ jsx("div", { className: InternalBrandsTab_module_default.topContentRightSide, children: tab.topContent.rightSideText }) })
|
|
1720
|
+
] }),
|
|
1721
|
+
tab.bottomContent && /* @__PURE__ */ jsxs("div", { className: InternalBrandsTab_module_default.accordionBottomContent, children: [
|
|
1722
|
+
/* @__PURE__ */ jsxs("div", { className: InternalBrandsTab_module_default.bottomContentLeftSide, children: [
|
|
1723
|
+
((_i2 = tab.bottomContent) == null ? void 0 : _i2.title) && /* @__PURE__ */ jsx("p", { className: InternalBrandsTab_module_default.bottomContentTitle, children: tab.bottomContent.title }),
|
|
1724
|
+
((_j2 = tab.bottomContent) == null ? void 0 : _j2.textList) && /* @__PURE__ */ jsx("div", { className: InternalBrandsTab_module_default.bottomContentTextList, children: tab.bottomContent.textList })
|
|
1725
|
+
] }),
|
|
1726
|
+
/* @__PURE__ */ jsxs("div", { className: InternalBrandsTab_module_default.bottomContentRightSide, children: [
|
|
1727
|
+
((_k2 = tab.bottomContent) == null ? void 0 : _k2.icon) && /* @__PURE__ */ jsx(
|
|
1728
|
+
Picture,
|
|
1729
|
+
{
|
|
1730
|
+
src: (_l2 = tab.bottomContent.icon) == null ? void 0 : _l2.src,
|
|
1731
|
+
alt: (_m2 = tab.bottomContent.icon) == null ? void 0 : _m2.alt,
|
|
1732
|
+
className: InternalBrandsTab_module_default.bottomContentIcon
|
|
1733
|
+
}
|
|
1734
|
+
),
|
|
1735
|
+
((_n2 = tab.bottomContent) == null ? void 0 : _n2.quote) && /* @__PURE__ */ jsx("div", { className: InternalBrandsTab_module_default.bottomContentQuote, children: tab.bottomContent.quote })
|
|
1736
|
+
] })
|
|
1737
|
+
] })
|
|
1738
|
+
] })
|
|
1739
|
+
};
|
|
1740
|
+
})) || [];
|
|
1741
|
+
}, [tabs]);
|
|
1742
|
+
return /* @__PURE__ */ jsxs(Container, { className: clsx23(InternalBrandsTab_module_default.internalBrandsTab, className), children: [
|
|
1743
|
+
/* @__PURE__ */ jsxs("div", { className: InternalBrandsTab_module_default.textsContainer, children: [
|
|
1744
|
+
title && /* @__PURE__ */ jsx(Text, { tag: "h2", className: InternalBrandsTab_module_default.title, children: title }),
|
|
1745
|
+
subTitle && /* @__PURE__ */ jsx("div", { className: InternalBrandsTab_module_default.subTitle, children: subTitle })
|
|
1746
|
+
] }),
|
|
1747
|
+
isTabletBelow ? /* @__PURE__ */ jsx(Accordion, { items: accordionItems, allowMultiple: true, defaultOpenIds: [] }) : /* @__PURE__ */ jsxs("div", { className: InternalBrandsTab_module_default.tabWrapper, children: [
|
|
1748
|
+
/* @__PURE__ */ jsx("div", { className: InternalBrandsTab_module_default.tabButtonsRow, children: tabs == null ? void 0 : tabs.map(({ tabTitle }, index) => /* @__PURE__ */ jsx(
|
|
1749
|
+
Button,
|
|
1750
|
+
{
|
|
1751
|
+
variant: "tabbutton",
|
|
1752
|
+
onClick: () => setActiveIndex(index),
|
|
1753
|
+
isActive: activeIndex === index,
|
|
1754
|
+
children: tabTitle
|
|
1755
|
+
},
|
|
1756
|
+
index
|
|
1757
|
+
)) }),
|
|
1758
|
+
/* @__PURE__ */ jsx("div", { className: clsx23(InternalBrandsTab_module_default.contentArea), children: ((_a = tabs == null ? void 0 : tabs[activeIndex]) == null ? void 0 : _a.topContent) && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
1759
|
+
/* @__PURE__ */ jsxs("div", { className: InternalBrandsTab_module_default.topContent, children: [
|
|
1760
|
+
/* @__PURE__ */ jsxs("div", { children: [
|
|
1761
|
+
((_b = tabs[activeIndex].topContent) == null ? void 0 : _b.title) && /* @__PURE__ */ jsx("p", { className: InternalBrandsTab_module_default.topContentTitle, children: (_c = tabs[activeIndex].topContent) == null ? void 0 : _c.title }),
|
|
1762
|
+
((_d = tabs[activeIndex].topContent) == null ? void 0 : _d.longText) && /* @__PURE__ */ jsx("div", { className: InternalBrandsTab_module_default.topContentLongText, children: (_e = tabs[activeIndex].topContent) == null ? void 0 : _e.longText }),
|
|
1763
|
+
((_f = tabs[activeIndex].topContent) == null ? void 0 : _f.cta) && /* @__PURE__ */ jsx(
|
|
1764
|
+
Button,
|
|
1765
|
+
{
|
|
1766
|
+
className: InternalBrandsTab_module_default.topContentCta,
|
|
1767
|
+
variant: "primary",
|
|
1768
|
+
href: (_h = (_g = tabs[activeIndex].topContent) == null ? void 0 : _g.cta) == null ? void 0 : _h.url,
|
|
1769
|
+
isExternal: (_j = (_i = tabs[activeIndex].topContent) == null ? void 0 : _i.cta) == null ? void 0 : _j.isExternal,
|
|
1770
|
+
logo: (_l = (_k = tabs[activeIndex].topContent) == null ? void 0 : _k.cta) == null ? void 0 : _l.logo,
|
|
1771
|
+
children: (_n = (_m = tabs[activeIndex].topContent) == null ? void 0 : _m.cta) == null ? void 0 : _n.label
|
|
1772
|
+
}
|
|
1773
|
+
)
|
|
1774
|
+
] }),
|
|
1775
|
+
/* @__PURE__ */ jsx("div", { children: ((_o = tabs[activeIndex].topContent) == null ? void 0 : _o.rightSideText) && /* @__PURE__ */ jsx("div", { className: InternalBrandsTab_module_default.topContentRightSide, children: (_p = tabs[activeIndex].topContent) == null ? void 0 : _p.rightSideText }) })
|
|
1776
|
+
] }),
|
|
1777
|
+
/* @__PURE__ */ jsxs("div", { className: InternalBrandsTab_module_default.bottomContent, children: [
|
|
1778
|
+
/* @__PURE__ */ jsxs("div", { className: InternalBrandsTab_module_default.bottomContentLeftSide, children: [
|
|
1779
|
+
((_q = tabs[activeIndex].bottomContent) == null ? void 0 : _q.title) && /* @__PURE__ */ jsx("p", { className: InternalBrandsTab_module_default.bottomContentTitle, children: (_r = tabs[activeIndex].bottomContent) == null ? void 0 : _r.title }),
|
|
1780
|
+
((_s = tabs[activeIndex].bottomContent) == null ? void 0 : _s.textList) && /* @__PURE__ */ jsx("div", { className: InternalBrandsTab_module_default.bottomContentTextList, children: (_t = tabs[activeIndex].bottomContent) == null ? void 0 : _t.textList })
|
|
1781
|
+
] }),
|
|
1782
|
+
/* @__PURE__ */ jsxs("div", { className: InternalBrandsTab_module_default.bottomContentRightSide, children: [
|
|
1783
|
+
((_u = tabs[activeIndex].bottomContent) == null ? void 0 : _u.icon) && /* @__PURE__ */ jsx(
|
|
1784
|
+
Picture,
|
|
1785
|
+
{
|
|
1786
|
+
src: (_w = (_v = tabs[activeIndex].bottomContent) == null ? void 0 : _v.icon) == null ? void 0 : _w.src,
|
|
1787
|
+
alt: (_y = (_x = tabs[activeIndex].bottomContent) == null ? void 0 : _x.icon) == null ? void 0 : _y.alt,
|
|
1788
|
+
className: InternalBrandsTab_module_default.bottomContentIcon
|
|
1789
|
+
}
|
|
1790
|
+
),
|
|
1791
|
+
((_z = tabs[activeIndex].bottomContent) == null ? void 0 : _z.quote) && /* @__PURE__ */ jsx("div", { className: InternalBrandsTab_module_default.bottomContentQuote, children: (_A = tabs[activeIndex].bottomContent) == null ? void 0 : _A.quote })
|
|
1792
|
+
] })
|
|
1793
|
+
] })
|
|
1794
|
+
] }) })
|
|
1795
|
+
] })
|
|
1796
|
+
] });
|
|
1797
|
+
};
|
|
1798
|
+
|
|
1799
|
+
// src/widgets/InternalBrandsTab/index.tsx
|
|
1800
|
+
var InternalBrandsTab2 = Object.assign(InternalBrandsTab, {});
|
|
1422
1801
|
var MiniBannerTitle = ({ children }) => {
|
|
1423
1802
|
return /* @__PURE__ */ jsx(Fragment, { children });
|
|
1424
1803
|
};
|
|
@@ -1467,17 +1846,17 @@ var MiniBanner = ({
|
|
|
1467
1846
|
const pretitleNode = (_a = slots.pretitle) != null ? _a : pretitle;
|
|
1468
1847
|
const titleNode = (_b = slots.title) != null ? _b : title;
|
|
1469
1848
|
const subtitleNode = (_c = slots.subtitle) != null ? _c : subtitle;
|
|
1470
|
-
return /* @__PURE__ */ jsxs("div", { className:
|
|
1849
|
+
return /* @__PURE__ */ jsxs("div", { className: clsx23(MiniBanner_module_default.minibanner, MiniBanner_module_default[variant], className), children: [
|
|
1471
1850
|
((background == null ? void 0 : background.src) || ((_d = background == null ? void 0 : background.desktop) == null ? void 0 : _d.src) || ((_e = background == null ? void 0 : background.mobile) == null ? void 0 : _e.src)) && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: MiniBanner_module_default.background }, background)),
|
|
1472
1851
|
/* @__PURE__ */ jsxs("div", { className: MiniBanner_module_default.wrapper, children: [
|
|
1473
1852
|
/* @__PURE__ */ jsxs("div", { className: MiniBanner_module_default.textContainer, children: [
|
|
1474
1853
|
(logo == null ? void 0 : logo.src) && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: MiniBanner_module_default.logo }, logo)),
|
|
1475
|
-
pretitleNode && /* @__PURE__ */ jsx("div", { className:
|
|
1476
|
-
/* @__PURE__ */ jsx("div", { className: MiniBanner_module_default.headingWrapper, children: titleNode && /* @__PURE__ */ jsx("div", { className:
|
|
1854
|
+
pretitleNode && /* @__PURE__ */ jsx("div", { className: clsx23(MiniBanner_module_default.pretitle, "small"), children: pretitleNode }),
|
|
1855
|
+
/* @__PURE__ */ jsx("div", { className: MiniBanner_module_default.headingWrapper, children: titleNode && /* @__PURE__ */ jsx("div", { className: clsx23(MiniBanner_module_default.title, isMiniBannerTextLeft ? "h1" : "h4"), children: titleNode }) }),
|
|
1477
1856
|
subtitleNode && /* @__PURE__ */ jsx(
|
|
1478
1857
|
"div",
|
|
1479
1858
|
{
|
|
1480
|
-
className:
|
|
1859
|
+
className: clsx23(MiniBanner_module_default.title, {
|
|
1481
1860
|
subheading: isMiniBannerNoBG || isMiniBannerTextLeft,
|
|
1482
1861
|
h1: !isMiniBannerNoBG && !isMiniBannerTextLeft
|
|
1483
1862
|
}),
|
|
@@ -1548,14 +1927,14 @@ var MiniSectionCta = ({
|
|
|
1548
1927
|
return /* @__PURE__ */ jsx(
|
|
1549
1928
|
"div",
|
|
1550
1929
|
{
|
|
1551
|
-
className:
|
|
1930
|
+
className: clsx23(MiniSectionCta_module_default.miniSectionCta, MiniSectionCta_module_default[variant], theme && MiniSectionCta_module_default[theme], className),
|
|
1552
1931
|
children: /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsxs("div", { className: MiniSectionCta_module_default.wrapper, children: [
|
|
1553
1932
|
/* @__PURE__ */ jsxs("div", { className: MiniSectionCta_module_default.col, children: [
|
|
1554
1933
|
titleNode && /* @__PURE__ */ jsx("h2", { className: variant === "BgColorBlack" || variant === "BgColorGrey" ? "h3" : "h2", children: titleNode }),
|
|
1555
1934
|
subtitleNode && /* @__PURE__ */ jsx(
|
|
1556
1935
|
"div",
|
|
1557
1936
|
{
|
|
1558
|
-
className:
|
|
1937
|
+
className: clsx23(MiniSectionCta_module_default.subtitle, variant === "infoCallout" ? "h4" : "subheading"),
|
|
1559
1938
|
children: subtitleNode
|
|
1560
1939
|
}
|
|
1561
1940
|
)
|
|
@@ -1620,7 +1999,7 @@ var PracticePathCards = ({
|
|
|
1620
1999
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
1621
2000
|
const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
|
|
1622
2001
|
const footerNode = (_c = slots.footer) != null ? _c : footer;
|
|
1623
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
2002
|
+
return /* @__PURE__ */ jsx("div", { className: clsx23(PracticePathCards_module_default["practice-path-cards"], className), children: /* @__PURE__ */ jsxs(Container, { className: PracticePathCards_module_default.container, children: [
|
|
1624
2003
|
/* @__PURE__ */ jsxs("div", { className: PracticePathCards_module_default.wrapper, children: [
|
|
1625
2004
|
/* @__PURE__ */ jsxs("div", { className: PracticePathCards_module_default.content, children: [
|
|
1626
2005
|
titleNode && /* @__PURE__ */ jsx("h2", { children: titleNode }),
|
|
@@ -1674,8 +2053,8 @@ var Teaser5050With3Text = ({
|
|
|
1674
2053
|
title: Teaser5050With3TextTitle
|
|
1675
2054
|
});
|
|
1676
2055
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
1677
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
1678
|
-
titleNode && /* @__PURE__ */ jsx("div", { className:
|
|
2056
|
+
return /* @__PURE__ */ jsx("div", { className: clsx23(Teaser5050With3Text_module_default["teaser5050-3text"], Teaser5050With3Text_module_default[variant], className), children: /* @__PURE__ */ jsxs(Container, { className: Teaser5050With3Text_module_default.container, children: [
|
|
2057
|
+
titleNode && /* @__PURE__ */ jsx("div", { className: clsx23(Teaser5050With3Text_module_default.title, "h3"), children: titleNode }),
|
|
1679
2058
|
/* @__PURE__ */ jsxs("div", { className: Teaser5050With3Text_module_default.content, children: [
|
|
1680
2059
|
/* @__PURE__ */ jsx("div", { className: Teaser5050With3Text_module_default.cards, children: cards == null ? void 0 : cards.map((card, key) => /* @__PURE__ */ jsx(InfoCard2, __spreadValues({}, card), key)) }),
|
|
1681
2060
|
image && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: Teaser5050With3Text_module_default.image }, image))
|
|
@@ -1725,12 +2104,12 @@ var Teaser5050WithCta = ({
|
|
|
1725
2104
|
return /* @__PURE__ */ jsx(
|
|
1726
2105
|
"div",
|
|
1727
2106
|
{
|
|
1728
|
-
className:
|
|
2107
|
+
className: clsx23(Teaser5050WithCta_module_default.teaser5050, Teaser5050WithCta_module_default[variant], className),
|
|
1729
2108
|
style: { backgroundColor: bgColor ? bgColor : "#ffffff" },
|
|
1730
2109
|
children: /* @__PURE__ */ jsxs(Container, { className: Teaser5050WithCta_module_default.container, children: [
|
|
1731
2110
|
/* @__PURE__ */ jsxs("div", { className: Teaser5050WithCta_module_default.wrapper, children: [
|
|
1732
2111
|
/* @__PURE__ */ jsxs("div", { className: Teaser5050WithCta_module_default.content, children: [
|
|
1733
|
-
titleNode && /* @__PURE__ */ jsx("div", { className:
|
|
2112
|
+
titleNode && /* @__PURE__ */ jsx("div", { className: clsx23(Teaser5050WithCta_module_default.title, "h3"), children: titleNode }),
|
|
1734
2113
|
subtitleNode && /* @__PURE__ */ jsx("div", { className: "subheading", children: subtitleNode })
|
|
1735
2114
|
] }),
|
|
1736
2115
|
(ctas == null ? void 0 : ctas.length) && /* @__PURE__ */ jsx("div", { className: Teaser5050WithCta_module_default.ctaWrapper, children: ctas.map((cta, key) => /* @__PURE__ */ jsx(
|
|
@@ -1794,7 +2173,7 @@ var UpcomingEventCard = ({
|
|
|
1794
2173
|
return /* @__PURE__ */ jsxs(
|
|
1795
2174
|
"article",
|
|
1796
2175
|
{
|
|
1797
|
-
className:
|
|
2176
|
+
className: clsx23(
|
|
1798
2177
|
"card",
|
|
1799
2178
|
UpcomingEventCard_module_default["event-card"],
|
|
1800
2179
|
UpcomingEventCard_module_default[direction],
|
|
@@ -1802,26 +2181,26 @@ var UpcomingEventCard = ({
|
|
|
1802
2181
|
className
|
|
1803
2182
|
),
|
|
1804
2183
|
children: [
|
|
1805
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
1806
|
-
showImage && image && /* @__PURE__ */ jsx(Picture, __spreadProps(__spreadValues({}, image), { className:
|
|
2184
|
+
/* @__PURE__ */ jsxs("div", { className: clsx23("card-content", UpcomingEventCard_module_default["event-card-content"]), children: [
|
|
2185
|
+
showImage && image && /* @__PURE__ */ jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx23("card-image", UpcomingEventCard_module_default["event-card-image"]) })),
|
|
1807
2186
|
/* @__PURE__ */ jsxs(
|
|
1808
2187
|
"div",
|
|
1809
2188
|
{
|
|
1810
|
-
className:
|
|
2189
|
+
className: clsx23(
|
|
1811
2190
|
"card-text-content",
|
|
1812
2191
|
UpcomingEventCard_module_default["event-card-text-content"],
|
|
1813
2192
|
(!showImage || !hasImage) && UpcomingEventCard_module_default["event-card-show-image"]
|
|
1814
2193
|
),
|
|
1815
2194
|
children: [
|
|
1816
2195
|
/* @__PURE__ */ jsx("span", { className: UpcomingEventCard_module_default.date, children: date }),
|
|
1817
|
-
title && /* @__PURE__ */ jsx("h3", { className:
|
|
2196
|
+
title && /* @__PURE__ */ jsx("h3", { className: clsx23("card-text-title"), children: title }),
|
|
1818
2197
|
location && /* @__PURE__ */ jsx("span", { className: UpcomingEventCard_module_default.location, children: location }),
|
|
1819
|
-
description && /* @__PURE__ */ jsx("div", { className:
|
|
2198
|
+
description && /* @__PURE__ */ jsx("div", { className: clsx23("card-text-description", UpcomingEventCard_module_default.description), children: description }),
|
|
1820
2199
|
cta && cta.url && /* @__PURE__ */ jsx(
|
|
1821
2200
|
Button,
|
|
1822
2201
|
{
|
|
1823
2202
|
variant: "secondary",
|
|
1824
|
-
className:
|
|
2203
|
+
className: clsx23(
|
|
1825
2204
|
"card-cta",
|
|
1826
2205
|
UpcomingEventCard_module_default["event-card-cta"],
|
|
1827
2206
|
!hasCTAandImage && UpcomingEventCard_module_default.hidden
|
|
@@ -1840,12 +2219,12 @@ var UpcomingEventCard = ({
|
|
|
1840
2219
|
cta && cta.url && /* @__PURE__ */ jsx(
|
|
1841
2220
|
"div",
|
|
1842
2221
|
{
|
|
1843
|
-
className:
|
|
2222
|
+
className: clsx23("card-footer", UpcomingEventCard_module_default["event-card-footer"], hasImage && UpcomingEventCard_module_default.hidden),
|
|
1844
2223
|
children: /* @__PURE__ */ jsx(
|
|
1845
2224
|
Button,
|
|
1846
2225
|
{
|
|
1847
2226
|
variant: "secondary",
|
|
1848
|
-
className:
|
|
2227
|
+
className: clsx23("card-cta", UpcomingEventCard_module_default["event-card-cta"]),
|
|
1849
2228
|
fullWidth: isBelowMobile,
|
|
1850
2229
|
href: cta.url,
|
|
1851
2230
|
icon: cta.icon,
|
|
@@ -1882,7 +2261,7 @@ var Carousel = (_a) => {
|
|
|
1882
2261
|
},
|
|
1883
2262
|
role: "region",
|
|
1884
2263
|
"aria-label": ariaLabel,
|
|
1885
|
-
className:
|
|
2264
|
+
className: clsx23(Carousel_module_default.carousel, className),
|
|
1886
2265
|
spaceBetween: 0,
|
|
1887
2266
|
slidesPerView: "auto",
|
|
1888
2267
|
modules: [FreeMode, A11y],
|
|
@@ -1892,7 +2271,7 @@ var Carousel = (_a) => {
|
|
|
1892
2271
|
children: slides.map((slide, index) => /* @__PURE__ */ jsx(
|
|
1893
2272
|
SwiperSlide,
|
|
1894
2273
|
{
|
|
1895
|
-
className:
|
|
2274
|
+
className: clsx23(Carousel_module_default["carousel-item"], props.slideClass),
|
|
1896
2275
|
children: slide
|
|
1897
2276
|
},
|
|
1898
2277
|
index
|
|
@@ -1942,13 +2321,13 @@ var EventList = ({
|
|
|
1942
2321
|
return /* @__PURE__ */ jsx(
|
|
1943
2322
|
"div",
|
|
1944
2323
|
{
|
|
1945
|
-
className:
|
|
2324
|
+
className: clsx23("event-list-module", EventList_module_default["event-list-module"], className),
|
|
1946
2325
|
style: {
|
|
1947
2326
|
backgroundColor
|
|
1948
2327
|
},
|
|
1949
|
-
children: /* @__PURE__ */ jsxs(Container, { className:
|
|
2328
|
+
children: /* @__PURE__ */ jsxs(Container, { className: clsx23(EventList_module_default["event-list-container"]), children: [
|
|
1950
2329
|
/* @__PURE__ */ jsxs("div", { className: EventList_module_default["event-list-header-container"], children: [
|
|
1951
|
-
titleNode && /* @__PURE__ */ jsx("h2", { className:
|
|
2330
|
+
titleNode && /* @__PURE__ */ jsx("h2", { className: clsx23(EventList_module_default["event-list-title"]), children: titleNode }),
|
|
1952
2331
|
cta && cta.url && /* @__PURE__ */ jsx(
|
|
1953
2332
|
Button,
|
|
1954
2333
|
{
|
|
@@ -1965,7 +2344,7 @@ var EventList = ({
|
|
|
1965
2344
|
Carousel,
|
|
1966
2345
|
{
|
|
1967
2346
|
"aria-label": "Upcoming events",
|
|
1968
|
-
wrapperClass:
|
|
2347
|
+
wrapperClass: clsx23(EventList_module_default["carousel-wrapper"], EventList_module_default[variant]),
|
|
1969
2348
|
slideClass: EventList_module_default["carousel-list-item"],
|
|
1970
2349
|
spaceBetween: 16,
|
|
1971
2350
|
slides: items.map((item) => {
|
|
@@ -1973,7 +2352,7 @@ var EventList = ({
|
|
|
1973
2352
|
return /* @__PURE__ */ jsx(
|
|
1974
2353
|
UpcomingEventCard,
|
|
1975
2354
|
__spreadValues({
|
|
1976
|
-
className:
|
|
2355
|
+
className: clsx23(EventList_module_default["event-card"]),
|
|
1977
2356
|
direction: "vertical",
|
|
1978
2357
|
showImage: false
|
|
1979
2358
|
}, item),
|
|
@@ -1986,17 +2365,17 @@ var EventList = ({
|
|
|
1986
2365
|
"ul",
|
|
1987
2366
|
{
|
|
1988
2367
|
"aria-label": "Upcoming events",
|
|
1989
|
-
className:
|
|
2368
|
+
className: clsx23(EventList_module_default["event-list-wrapper"], EventList_module_default["horizontal"], EventList_module_default[variant]),
|
|
1990
2369
|
children: items == null ? void 0 : items.map((item, index) => {
|
|
1991
2370
|
var _a2, _b, _c;
|
|
1992
2371
|
return /* @__PURE__ */ jsx(
|
|
1993
2372
|
"li",
|
|
1994
2373
|
{
|
|
1995
|
-
className:
|
|
2374
|
+
className: clsx23(EventList_module_default["card-list-item"]),
|
|
1996
2375
|
children: /* @__PURE__ */ jsx(
|
|
1997
2376
|
UpcomingEventCard,
|
|
1998
2377
|
__spreadProps(__spreadValues({}, item), {
|
|
1999
|
-
className:
|
|
2378
|
+
className: clsx23(EventList_module_default["card-item"]),
|
|
2000
2379
|
showImage: false,
|
|
2001
2380
|
direction: "vertical"
|
|
2002
2381
|
})
|
|
@@ -2011,7 +2390,7 @@ var EventList = ({
|
|
|
2011
2390
|
"ul",
|
|
2012
2391
|
{
|
|
2013
2392
|
"aria-label": "Upcoming events",
|
|
2014
|
-
className:
|
|
2393
|
+
className: clsx23(EventList_module_default["event-list-wrapper"], EventList_module_default[listDirection]),
|
|
2015
2394
|
children: items == null ? void 0 : items.map((item, index) => {
|
|
2016
2395
|
var _a2, _b, _c;
|
|
2017
2396
|
return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(UpcomingEventCard, __spreadProps(__spreadValues({}, item), { direction: cardDirection })) }, (_c = (_b = (_a2 = item.title) != null ? _a2 : item.date) != null ? _b : item.location) != null ? _c : index);
|
|
@@ -2027,12 +2406,6 @@ var EventList = ({
|
|
|
2027
2406
|
var EventList2 = Object.assign(EventList, {
|
|
2028
2407
|
Title: EventListTitle
|
|
2029
2408
|
});
|
|
2030
|
-
var Text = (_a) => {
|
|
2031
|
-
var _b = _a, { tag = "p", promoteToH1 = false, ref, children } = _b, props = __objRest(_b, ["tag", "promoteToH1", "ref", "children"]);
|
|
2032
|
-
const Component = promoteToH1 ? "h1" : tag;
|
|
2033
|
-
return /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({ ref }, props), { children }));
|
|
2034
|
-
};
|
|
2035
|
-
Text.displayName = "Text";
|
|
2036
2409
|
|
|
2037
2410
|
// src/widgets/TextEvent/TextEvent.module.scss
|
|
2038
2411
|
var TextEvent_module_default = {
|
|
@@ -2064,9 +2437,9 @@ var TextEvent = (props) => {
|
|
|
2064
2437
|
});
|
|
2065
2438
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
2066
2439
|
const richTextNode = (_b = slots.richText) != null ? _b : richText;
|
|
2067
|
-
return /* @__PURE__ */ jsxs(Container, { className:
|
|
2440
|
+
return /* @__PURE__ */ jsxs(Container, { className: clsx23(TextEvent_module_default.textEvent, className), children: [
|
|
2068
2441
|
/* @__PURE__ */ jsx(Text, { tag: "h2", className: TextEvent_module_default.title, children: titleNode }),
|
|
2069
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
2442
|
+
/* @__PURE__ */ jsx("div", { className: clsx23(TextEvent_module_default.richText, TextEvent_module_default[variant != null ? variant : ""]), children: richTextNode })
|
|
2070
2443
|
] });
|
|
2071
2444
|
};
|
|
2072
2445
|
|
|
@@ -2097,7 +2470,7 @@ var TextBody = (props) => {
|
|
|
2097
2470
|
});
|
|
2098
2471
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
2099
2472
|
const bodyNode = (_b = slots.body) != null ? _b : body;
|
|
2100
|
-
return /* @__PURE__ */ jsxs(Container, { className:
|
|
2473
|
+
return /* @__PURE__ */ jsxs(Container, { className: clsx23(TextBody_module_default.textBody, className), children: [
|
|
2101
2474
|
titleNode && /* @__PURE__ */ jsx(Text, { tag: "h2", className: TextBody_module_default.title, children: titleNode }),
|
|
2102
2475
|
/* @__PURE__ */ jsx("div", { className: TextBody_module_default.body, children: bodyNode })
|
|
2103
2476
|
] });
|
|
@@ -2140,7 +2513,7 @@ var TextCenterCtaInBottom = ({
|
|
|
2140
2513
|
});
|
|
2141
2514
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
2142
2515
|
const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
|
|
2143
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
2516
|
+
return /* @__PURE__ */ jsx("div", { className: clsx23(TextCenterCtaInBottom_module_default.textCenterCta, className), children: /* @__PURE__ */ jsxs(Container, { className: TextCenterCtaInBottom_module_default.container, children: [
|
|
2144
2517
|
/* @__PURE__ */ jsxs("div", { className: TextCenterCtaInBottom_module_default.content, children: [
|
|
2145
2518
|
titleNode && /* @__PURE__ */ jsx("div", { className: TextCenterCtaInBottom_module_default.title, children: titleNode }),
|
|
2146
2519
|
subtitleNode && /* @__PURE__ */ jsx("div", { className: TextCenterCtaInBottom_module_default.subtitle, children: subtitleNode })
|
|
@@ -2148,7 +2521,7 @@ var TextCenterCtaInBottom = ({
|
|
|
2148
2521
|
!!(ctas == null ? void 0 : ctas.length) && /* @__PURE__ */ jsx(
|
|
2149
2522
|
"div",
|
|
2150
2523
|
{
|
|
2151
|
-
className:
|
|
2524
|
+
className: clsx23(
|
|
2152
2525
|
TextCenterCtaInBottom_module_default.ctaWrapper,
|
|
2153
2526
|
ctas.every((cta) => !cta.label && cta.logo) && TextCenterCtaInBottom_module_default.iconOnly
|
|
2154
2527
|
),
|
|
@@ -2174,6 +2547,381 @@ var TextCenterCtaInBottom2 = Object.assign(TextCenterCtaInBottom, {
|
|
|
2174
2547
|
Title: TextCenterCtaInBottomTitle,
|
|
2175
2548
|
Subtitle: TextCenterCtaInBottomSubtitle
|
|
2176
2549
|
});
|
|
2550
|
+
|
|
2551
|
+
// src/widgets/ResourcesGridList/ResourcesGridList.module.scss
|
|
2552
|
+
var ResourcesGridList_module_default = {
|
|
2553
|
+
widget: "ResourcesGridList_module_widget",
|
|
2554
|
+
filterBar: "ResourcesGridList_module_filterBar",
|
|
2555
|
+
viewToggle: "ResourcesGridList_module_viewToggle",
|
|
2556
|
+
filterActions: "ResourcesGridList_module_filterActions",
|
|
2557
|
+
chip: "ResourcesGridList_module_chip",
|
|
2558
|
+
active: "ResourcesGridList_module_active",
|
|
2559
|
+
chipLabel: "ResourcesGridList_module_chipLabel",
|
|
2560
|
+
dropdownWrapper: "ResourcesGridList_module_dropdownWrapper",
|
|
2561
|
+
searchExpanded: "ResourcesGridList_module_searchExpanded",
|
|
2562
|
+
searchExpand: "ResourcesGridList_module_searchExpand",
|
|
2563
|
+
searchCollapsing: "ResourcesGridList_module_searchCollapsing",
|
|
2564
|
+
searchCollapse: "ResourcesGridList_module_searchCollapse",
|
|
2565
|
+
searchIconInner: "ResourcesGridList_module_searchIconInner",
|
|
2566
|
+
searchInput: "ResourcesGridList_module_searchInput",
|
|
2567
|
+
dropdownPanel: "ResourcesGridList_module_dropdownPanel",
|
|
2568
|
+
dropdownOption: "ResourcesGridList_module_dropdownOption",
|
|
2569
|
+
selected: "ResourcesGridList_module_selected",
|
|
2570
|
+
content: "ResourcesGridList_module_content",
|
|
2571
|
+
mobileSidebarOverlay: "ResourcesGridList_module_mobileSidebarOverlay",
|
|
2572
|
+
mobileSidebarOverlayOpen: "ResourcesGridList_module_mobileSidebarOverlayOpen",
|
|
2573
|
+
mobileCategoriesPanel: "ResourcesGridList_module_mobileCategoriesPanel",
|
|
2574
|
+
mobileCategoriesList: "ResourcesGridList_module_mobileCategoriesList",
|
|
2575
|
+
mobileSidebarItem: "ResourcesGridList_module_mobileSidebarItem",
|
|
2576
|
+
mobileSidebarCloseColumn: "ResourcesGridList_module_mobileSidebarCloseColumn",
|
|
2577
|
+
sidebar: "ResourcesGridList_module_sidebar",
|
|
2578
|
+
sidebarItem: "ResourcesGridList_module_sidebarItem",
|
|
2579
|
+
sidebarMobile: "ResourcesGridList_module_sidebarMobile",
|
|
2580
|
+
hamburger: "ResourcesGridList_module_hamburger",
|
|
2581
|
+
cardsArea: "ResourcesGridList_module_cardsArea",
|
|
2582
|
+
grid: "ResourcesGridList_module_grid",
|
|
2583
|
+
list: "ResourcesGridList_module_list",
|
|
2584
|
+
cardGrid: "ResourcesGridList_module_cardGrid",
|
|
2585
|
+
cardBody: "ResourcesGridList_module_cardBody",
|
|
2586
|
+
cardIconTitle: "ResourcesGridList_module_cardIconTitle",
|
|
2587
|
+
cardTitle: "ResourcesGridList_module_cardTitle",
|
|
2588
|
+
cardMeta: "ResourcesGridList_module_cardMeta",
|
|
2589
|
+
cardDate: "ResourcesGridList_module_cardDate",
|
|
2590
|
+
cardList: "ResourcesGridList_module_cardList",
|
|
2591
|
+
cardListLeft: "ResourcesGridList_module_cardListLeft",
|
|
2592
|
+
cardListRight: "ResourcesGridList_module_cardListRight",
|
|
2593
|
+
notificationDot: "ResourcesGridList_module_notificationDot",
|
|
2594
|
+
iconWrapper: "ResourcesGridList_module_iconWrapper",
|
|
2595
|
+
pagination: "ResourcesGridList_module_pagination",
|
|
2596
|
+
pageArrow: "ResourcesGridList_module_pageArrow",
|
|
2597
|
+
pageDotActive: "ResourcesGridList_module_pageDotActive",
|
|
2598
|
+
pageDot: "ResourcesGridList_module_pageDot"
|
|
2599
|
+
};
|
|
2600
|
+
var FILTER_OPTIONS = [
|
|
2601
|
+
{ value: "link", label: "Link", icon: "externalLink" },
|
|
2602
|
+
{ value: "pdf", label: "PDF", icon: "pdf" }
|
|
2603
|
+
];
|
|
2604
|
+
var SORT_OPTIONS = [
|
|
2605
|
+
{ value: "latest", label: "Latest" },
|
|
2606
|
+
{ value: "oldest", label: "Oldest" },
|
|
2607
|
+
{ value: "az", label: "A \u2192 Z" },
|
|
2608
|
+
{ value: "za", label: "Z \u2192 A" }
|
|
2609
|
+
];
|
|
2610
|
+
function FilterBar({
|
|
2611
|
+
view,
|
|
2612
|
+
onViewChange,
|
|
2613
|
+
isMobile,
|
|
2614
|
+
filterValue,
|
|
2615
|
+
onFilterChange,
|
|
2616
|
+
sortValue,
|
|
2617
|
+
onSortChange
|
|
2618
|
+
}) {
|
|
2619
|
+
const [openDropdown, setOpenDropdown] = useState(null);
|
|
2620
|
+
const [searchState, setSearchState] = useState("closed");
|
|
2621
|
+
const [searchQuery, setSearchQuery] = useState("");
|
|
2622
|
+
const filterRef = useRef(null);
|
|
2623
|
+
const sortRef = useRef(null);
|
|
2624
|
+
const searchInputRef = useRef(null);
|
|
2625
|
+
const closeSearch = () => {
|
|
2626
|
+
setSearchState("closing");
|
|
2627
|
+
setSearchQuery("");
|
|
2628
|
+
};
|
|
2629
|
+
useEffect(() => {
|
|
2630
|
+
const handleMouseDown = (e) => {
|
|
2631
|
+
var _a, _b;
|
|
2632
|
+
const target = e.target;
|
|
2633
|
+
if (((_a = filterRef.current) == null ? void 0 : _a.contains(target)) || ((_b = sortRef.current) == null ? void 0 : _b.contains(target))) return;
|
|
2634
|
+
setOpenDropdown(null);
|
|
2635
|
+
};
|
|
2636
|
+
document.addEventListener("mousedown", handleMouseDown);
|
|
2637
|
+
return () => document.removeEventListener("mousedown", handleMouseDown);
|
|
2638
|
+
}, []);
|
|
2639
|
+
useEffect(() => {
|
|
2640
|
+
var _a;
|
|
2641
|
+
if (searchState === "open") (_a = searchInputRef.current) == null ? void 0 : _a.focus();
|
|
2642
|
+
}, [searchState]);
|
|
2643
|
+
return /* @__PURE__ */ jsxs("div", { className: ResourcesGridList_module_default.filterBar, children: [
|
|
2644
|
+
/* @__PURE__ */ jsxs("div", { className: ResourcesGridList_module_default.viewToggle, children: [
|
|
2645
|
+
/* @__PURE__ */ jsxs(
|
|
2646
|
+
"button",
|
|
2647
|
+
{
|
|
2648
|
+
type: "button",
|
|
2649
|
+
className: clsx23(ResourcesGridList_module_default.chip, view === "grid" && ResourcesGridList_module_default.active),
|
|
2650
|
+
onClick: () => onViewChange("grid"),
|
|
2651
|
+
"aria-pressed": view === "grid",
|
|
2652
|
+
children: [
|
|
2653
|
+
/* @__PURE__ */ jsx(Icon, { type: "grid", size: 20, "aria-hidden": "true" }),
|
|
2654
|
+
/* @__PURE__ */ jsx("span", { className: ResourcesGridList_module_default.chipLabel, children: "Grid" })
|
|
2655
|
+
]
|
|
2656
|
+
}
|
|
2657
|
+
),
|
|
2658
|
+
/* @__PURE__ */ jsxs(
|
|
2659
|
+
"button",
|
|
2660
|
+
{
|
|
2661
|
+
type: "button",
|
|
2662
|
+
className: clsx23(ResourcesGridList_module_default.chip, view === "list" && ResourcesGridList_module_default.active),
|
|
2663
|
+
onClick: () => onViewChange("list"),
|
|
2664
|
+
"aria-pressed": view === "list",
|
|
2665
|
+
children: [
|
|
2666
|
+
/* @__PURE__ */ jsx(Icon, { type: "list", size: 20, "aria-hidden": "true" }),
|
|
2667
|
+
/* @__PURE__ */ jsx("span", { className: ResourcesGridList_module_default.chipLabel, children: "List" })
|
|
2668
|
+
]
|
|
2669
|
+
}
|
|
2670
|
+
)
|
|
2671
|
+
] }),
|
|
2672
|
+
/* @__PURE__ */ jsxs("div", { className: ResourcesGridList_module_default.filterActions, children: [
|
|
2673
|
+
/* @__PURE__ */ jsxs("div", { className: ResourcesGridList_module_default.dropdownWrapper, ref: filterRef, children: [
|
|
2674
|
+
/* @__PURE__ */ jsxs(
|
|
2675
|
+
"button",
|
|
2676
|
+
{
|
|
2677
|
+
type: "button",
|
|
2678
|
+
className: clsx23(ResourcesGridList_module_default.chip, filterValue !== "all" && ResourcesGridList_module_default.active),
|
|
2679
|
+
onClick: () => setOpenDropdown(openDropdown === "filter" ? null : "filter"),
|
|
2680
|
+
"aria-expanded": openDropdown === "filter",
|
|
2681
|
+
children: [
|
|
2682
|
+
/* @__PURE__ */ jsx(Icon, { type: "filter", size: 20, "aria-hidden": "true" }),
|
|
2683
|
+
!isMobile && /* @__PURE__ */ jsx("span", { className: ResourcesGridList_module_default.chipLabel, children: "Filter" })
|
|
2684
|
+
]
|
|
2685
|
+
}
|
|
2686
|
+
),
|
|
2687
|
+
openDropdown === "filter" && /* @__PURE__ */ jsx("div", { className: ResourcesGridList_module_default.dropdownPanel, role: "listbox", "aria-label": "Filter by type", children: FILTER_OPTIONS.map((opt) => /* @__PURE__ */ jsxs(
|
|
2688
|
+
"button",
|
|
2689
|
+
{
|
|
2690
|
+
type: "button",
|
|
2691
|
+
role: "option",
|
|
2692
|
+
"aria-selected": filterValue === opt.value,
|
|
2693
|
+
className: clsx23(
|
|
2694
|
+
ResourcesGridList_module_default.dropdownOption,
|
|
2695
|
+
filterValue === opt.value && ResourcesGridList_module_default.selected
|
|
2696
|
+
),
|
|
2697
|
+
onClick: () => {
|
|
2698
|
+
onFilterChange(filterValue === opt.value ? "all" : opt.value);
|
|
2699
|
+
setOpenDropdown(null);
|
|
2700
|
+
},
|
|
2701
|
+
children: [
|
|
2702
|
+
/* @__PURE__ */ jsx(Icon, { type: opt.icon, size: 20, "aria-hidden": "true" }),
|
|
2703
|
+
opt.label
|
|
2704
|
+
]
|
|
2705
|
+
},
|
|
2706
|
+
opt.value
|
|
2707
|
+
)) })
|
|
2708
|
+
] }),
|
|
2709
|
+
/* @__PURE__ */ jsxs("div", { className: ResourcesGridList_module_default.dropdownWrapper, ref: sortRef, children: [
|
|
2710
|
+
/* @__PURE__ */ jsxs(
|
|
2711
|
+
"button",
|
|
2712
|
+
{
|
|
2713
|
+
type: "button",
|
|
2714
|
+
className: ResourcesGridList_module_default.chip,
|
|
2715
|
+
onClick: () => setOpenDropdown(openDropdown === "sort" ? null : "sort"),
|
|
2716
|
+
"aria-expanded": openDropdown === "sort",
|
|
2717
|
+
children: [
|
|
2718
|
+
/* @__PURE__ */ jsx(Icon, { type: "internalFilter", size: 20, "aria-hidden": "true" }),
|
|
2719
|
+
!isMobile && /* @__PURE__ */ jsx("span", { className: ResourcesGridList_module_default.chipLabel, children: "Sort" })
|
|
2720
|
+
]
|
|
2721
|
+
}
|
|
2722
|
+
),
|
|
2723
|
+
openDropdown === "sort" && /* @__PURE__ */ jsx("div", { className: ResourcesGridList_module_default.dropdownPanel, role: "listbox", "aria-label": "Sort by", children: SORT_OPTIONS.map((opt) => /* @__PURE__ */ jsx(
|
|
2724
|
+
"button",
|
|
2725
|
+
{
|
|
2726
|
+
type: "button",
|
|
2727
|
+
role: "option",
|
|
2728
|
+
"aria-selected": sortValue === opt.value,
|
|
2729
|
+
className: clsx23(
|
|
2730
|
+
ResourcesGridList_module_default.dropdownOption,
|
|
2731
|
+
sortValue === opt.value && ResourcesGridList_module_default.selected
|
|
2732
|
+
),
|
|
2733
|
+
onClick: () => {
|
|
2734
|
+
onSortChange(opt.value);
|
|
2735
|
+
setOpenDropdown(null);
|
|
2736
|
+
},
|
|
2737
|
+
children: opt.label
|
|
2738
|
+
},
|
|
2739
|
+
opt.value
|
|
2740
|
+
)) })
|
|
2741
|
+
] }),
|
|
2742
|
+
searchState !== "closed" ? /* @__PURE__ */ jsxs(
|
|
2743
|
+
"div",
|
|
2744
|
+
{
|
|
2745
|
+
className: clsx23(
|
|
2746
|
+
ResourcesGridList_module_default.searchExpanded,
|
|
2747
|
+
searchState === "closing" && ResourcesGridList_module_default.searchCollapsing
|
|
2748
|
+
),
|
|
2749
|
+
onAnimationEnd: () => {
|
|
2750
|
+
if (searchState === "closing") setSearchState("closed");
|
|
2751
|
+
},
|
|
2752
|
+
children: [
|
|
2753
|
+
/* @__PURE__ */ jsx("span", { className: ResourcesGridList_module_default.searchIconInner, children: /* @__PURE__ */ jsx(Icon, { type: "search", size: 20, "aria-hidden": "true" }) }),
|
|
2754
|
+
/* @__PURE__ */ jsx(
|
|
2755
|
+
"input",
|
|
2756
|
+
{
|
|
2757
|
+
ref: searchInputRef,
|
|
2758
|
+
type: "text",
|
|
2759
|
+
className: ResourcesGridList_module_default.searchInput,
|
|
2760
|
+
placeholder: "Search\u2026",
|
|
2761
|
+
value: searchQuery,
|
|
2762
|
+
onChange: (e) => setSearchQuery(e.target.value),
|
|
2763
|
+
onKeyDown: (e) => {
|
|
2764
|
+
if (e.key === "Escape") closeSearch();
|
|
2765
|
+
},
|
|
2766
|
+
onBlur: closeSearch
|
|
2767
|
+
}
|
|
2768
|
+
)
|
|
2769
|
+
]
|
|
2770
|
+
}
|
|
2771
|
+
) : /* @__PURE__ */ jsxs("button", { type: "button", className: ResourcesGridList_module_default.chip, onClick: () => setSearchState("open"), children: [
|
|
2772
|
+
/* @__PURE__ */ jsx(Icon, { type: "search", size: 20, "aria-hidden": "true" }),
|
|
2773
|
+
!isMobile && /* @__PURE__ */ jsx("span", { className: ResourcesGridList_module_default.chipLabel, children: "Search" })
|
|
2774
|
+
] })
|
|
2775
|
+
] })
|
|
2776
|
+
] });
|
|
2777
|
+
}
|
|
2778
|
+
var Sidebar = ({ categories, isMobile, onToggle }) => {
|
|
2779
|
+
if (isMobile) {
|
|
2780
|
+
return /* @__PURE__ */ jsx("div", { className: ResourcesGridList_module_default.sidebarMobile, children: /* @__PURE__ */ jsx(
|
|
2781
|
+
"button",
|
|
2782
|
+
{
|
|
2783
|
+
type: "button",
|
|
2784
|
+
className: ResourcesGridList_module_default.hamburger,
|
|
2785
|
+
"aria-label": "Open categories",
|
|
2786
|
+
onClick: onToggle,
|
|
2787
|
+
children: /* @__PURE__ */ jsx(Icon, { type: "menuBlack", size: 20, "aria-hidden": "true" })
|
|
2788
|
+
}
|
|
2789
|
+
) });
|
|
2790
|
+
}
|
|
2791
|
+
return /* @__PURE__ */ jsx("nav", { className: ResourcesGridList_module_default.sidebar, "aria-label": "Resource categories", children: /* @__PURE__ */ jsx("ul", { children: categories.map((cat, i) => {
|
|
2792
|
+
var _a;
|
|
2793
|
+
return /* @__PURE__ */ jsxs(
|
|
2794
|
+
"li",
|
|
2795
|
+
{
|
|
2796
|
+
className: clsx23(ResourcesGridList_module_default.sidebarItem, cat.active && ResourcesGridList_module_default.active),
|
|
2797
|
+
children: [
|
|
2798
|
+
/* @__PURE__ */ jsx("span", { children: cat.label }),
|
|
2799
|
+
cat.hasNotification && /* @__PURE__ */ jsx("span", { className: ResourcesGridList_module_default.notificationDot, "aria-label": "New" })
|
|
2800
|
+
]
|
|
2801
|
+
},
|
|
2802
|
+
(_a = cat.label) != null ? _a : i
|
|
2803
|
+
);
|
|
2804
|
+
}) }) });
|
|
2805
|
+
};
|
|
2806
|
+
var ResourceIcon = ({ type }) => /* @__PURE__ */ jsx("div", { className: ResourcesGridList_module_default.iconWrapper, children: /* @__PURE__ */ jsx(Icon, { type: type === "pdf" ? "pdf" : "externalLink", size: 32, "aria-hidden": "true" }) });
|
|
2807
|
+
var ResourceCardItem = ({ item, view }) => {
|
|
2808
|
+
if (view === "grid") {
|
|
2809
|
+
return /* @__PURE__ */ jsx("article", { className: ResourcesGridList_module_default.cardGrid, children: /* @__PURE__ */ jsxs("div", { className: ResourcesGridList_module_default.cardBody, children: [
|
|
2810
|
+
/* @__PURE__ */ jsxs("div", { className: ResourcesGridList_module_default.cardIconTitle, children: [
|
|
2811
|
+
/* @__PURE__ */ jsx(ResourceIcon, { type: item.type }),
|
|
2812
|
+
/* @__PURE__ */ jsx("span", { className: ResourcesGridList_module_default.cardTitle, children: item.title })
|
|
2813
|
+
] }),
|
|
2814
|
+
/* @__PURE__ */ jsxs("div", { className: ResourcesGridList_module_default.cardMeta, children: [
|
|
2815
|
+
/* @__PURE__ */ jsx("span", { className: ResourcesGridList_module_default.cardDate, children: item.date }),
|
|
2816
|
+
item.hasNotification && /* @__PURE__ */ jsx("span", { className: ResourcesGridList_module_default.notificationDot, "aria-label": "New" })
|
|
2817
|
+
] })
|
|
2818
|
+
] }) });
|
|
2819
|
+
}
|
|
2820
|
+
return /* @__PURE__ */ jsxs("article", { className: ResourcesGridList_module_default.cardList, children: [
|
|
2821
|
+
/* @__PURE__ */ jsxs("div", { className: ResourcesGridList_module_default.cardListLeft, children: [
|
|
2822
|
+
/* @__PURE__ */ jsx("span", { className: ResourcesGridList_module_default.cardDate, children: item.date }),
|
|
2823
|
+
item.hasNotification && /* @__PURE__ */ jsx("span", { className: ResourcesGridList_module_default.notificationDot, "aria-label": "New" })
|
|
2824
|
+
] }),
|
|
2825
|
+
/* @__PURE__ */ jsxs("div", { className: ResourcesGridList_module_default.cardListRight, children: [
|
|
2826
|
+
/* @__PURE__ */ jsx(ResourceIcon, { type: item.type }),
|
|
2827
|
+
/* @__PURE__ */ jsx("span", { className: ResourcesGridList_module_default.cardTitle, children: item.title })
|
|
2828
|
+
] })
|
|
2829
|
+
] });
|
|
2830
|
+
};
|
|
2831
|
+
var Pagination3 = () => /* @__PURE__ */ jsxs("div", { className: ResourcesGridList_module_default.pagination, "aria-label": "Pagination", children: [
|
|
2832
|
+
/* @__PURE__ */ jsx("button", { type: "button", className: ResourcesGridList_module_default.pageArrow, "aria-label": "Previous page", children: /* @__PURE__ */ jsx(Icon, { type: "chevronLeftBlack", size: 32, "aria-hidden": "true" }) }),
|
|
2833
|
+
/* @__PURE__ */ jsx("span", { className: ResourcesGridList_module_default.pageDotActive, "aria-current": "page" }),
|
|
2834
|
+
/* @__PURE__ */ jsx("span", { className: ResourcesGridList_module_default.pageDot }),
|
|
2835
|
+
/* @__PURE__ */ jsx("span", { className: ResourcesGridList_module_default.pageDot }),
|
|
2836
|
+
/* @__PURE__ */ jsx("button", { type: "button", className: ResourcesGridList_module_default.pageArrow, "aria-label": "Next page", children: /* @__PURE__ */ jsx(Icon, { type: "chevronRightBlack", size: 32, "aria-hidden": "true" }) })
|
|
2837
|
+
] });
|
|
2838
|
+
var ResourcesGridList = ({
|
|
2839
|
+
className,
|
|
2840
|
+
items = [],
|
|
2841
|
+
categories = [],
|
|
2842
|
+
defaultView = "grid",
|
|
2843
|
+
defaultFilter = "all",
|
|
2844
|
+
defaultSort = "latest"
|
|
2845
|
+
}) => {
|
|
2846
|
+
const [view, setView] = useState(defaultView);
|
|
2847
|
+
const [isSidebarOpen, setIsSidebarOpen] = useState(false);
|
|
2848
|
+
const [filterValue, setFilterValue] = useState(defaultFilter);
|
|
2849
|
+
const [sortValue, setSortValue] = useState(defaultSort);
|
|
2850
|
+
const { is } = useViewPort_default();
|
|
2851
|
+
const isMobile = is("tablet", "below");
|
|
2852
|
+
const displayedItems = [...items].filter((item) => filterValue === "all" || item.type === filterValue).sort((a, b) => {
|
|
2853
|
+
if (sortValue === "latest") return new Date(b.date).getTime() - new Date(a.date).getTime();
|
|
2854
|
+
if (sortValue === "oldest") return new Date(a.date).getTime() - new Date(b.date).getTime();
|
|
2855
|
+
if (sortValue === "az") return a.title.localeCompare(b.title);
|
|
2856
|
+
if (sortValue === "za") return b.title.localeCompare(a.title);
|
|
2857
|
+
return 0;
|
|
2858
|
+
});
|
|
2859
|
+
return /* @__PURE__ */ jsxs("div", { className: clsx23(ResourcesGridList_module_default.widget, className), children: [
|
|
2860
|
+
/* @__PURE__ */ jsx(
|
|
2861
|
+
FilterBar,
|
|
2862
|
+
{
|
|
2863
|
+
view,
|
|
2864
|
+
onViewChange: setView,
|
|
2865
|
+
isMobile,
|
|
2866
|
+
filterValue,
|
|
2867
|
+
onFilterChange: setFilterValue,
|
|
2868
|
+
sortValue,
|
|
2869
|
+
onSortChange: setSortValue
|
|
2870
|
+
}
|
|
2871
|
+
),
|
|
2872
|
+
/* @__PURE__ */ jsxs("div", { className: ResourcesGridList_module_default.content, children: [
|
|
2873
|
+
isMobile && /* @__PURE__ */ jsxs(
|
|
2874
|
+
"div",
|
|
2875
|
+
{
|
|
2876
|
+
className: clsx23(
|
|
2877
|
+
ResourcesGridList_module_default.mobileSidebarOverlay,
|
|
2878
|
+
isSidebarOpen && ResourcesGridList_module_default.mobileSidebarOverlayOpen
|
|
2879
|
+
),
|
|
2880
|
+
"aria-hidden": !isSidebarOpen,
|
|
2881
|
+
children: [
|
|
2882
|
+
/* @__PURE__ */ jsx("nav", { className: ResourcesGridList_module_default.mobileCategoriesPanel, "aria-label": "Resource categories", children: /* @__PURE__ */ jsx("ul", { className: ResourcesGridList_module_default.mobileCategoriesList, children: categories.map((cat, i) => {
|
|
2883
|
+
var _a;
|
|
2884
|
+
return /* @__PURE__ */ jsxs(
|
|
2885
|
+
"li",
|
|
2886
|
+
{
|
|
2887
|
+
className: clsx23(ResourcesGridList_module_default.mobileSidebarItem, cat.active && ResourcesGridList_module_default.active),
|
|
2888
|
+
children: [
|
|
2889
|
+
/* @__PURE__ */ jsx("span", { children: cat.label }),
|
|
2890
|
+
cat.hasNotification && /* @__PURE__ */ jsx("span", { className: ResourcesGridList_module_default.notificationDot, "aria-label": "New" })
|
|
2891
|
+
]
|
|
2892
|
+
},
|
|
2893
|
+
(_a = cat.label) != null ? _a : i
|
|
2894
|
+
);
|
|
2895
|
+
}) }) }),
|
|
2896
|
+
/* @__PURE__ */ jsx("div", { className: ResourcesGridList_module_default.mobileSidebarCloseColumn, children: /* @__PURE__ */ jsx(
|
|
2897
|
+
"button",
|
|
2898
|
+
{
|
|
2899
|
+
type: "button",
|
|
2900
|
+
className: ResourcesGridList_module_default.hamburger,
|
|
2901
|
+
"aria-label": "Close categories",
|
|
2902
|
+
onClick: () => setIsSidebarOpen(false),
|
|
2903
|
+
children: /* @__PURE__ */ jsx(Icon, { type: "xBlack", size: 20, "aria-hidden": "true" })
|
|
2904
|
+
}
|
|
2905
|
+
) })
|
|
2906
|
+
]
|
|
2907
|
+
}
|
|
2908
|
+
),
|
|
2909
|
+
/* @__PURE__ */ jsx(
|
|
2910
|
+
Sidebar,
|
|
2911
|
+
{
|
|
2912
|
+
categories,
|
|
2913
|
+
isMobile,
|
|
2914
|
+
onToggle: () => setIsSidebarOpen(true)
|
|
2915
|
+
}
|
|
2916
|
+
),
|
|
2917
|
+
/* @__PURE__ */ jsx("div", { className: clsx23(ResourcesGridList_module_default.cardsArea, ResourcesGridList_module_default[view]), children: displayedItems.map((item, i) => {
|
|
2918
|
+
var _a;
|
|
2919
|
+
return /* @__PURE__ */ jsx(ResourceCardItem, { item, view }, (_a = item.title) != null ? _a : i);
|
|
2920
|
+
}) })
|
|
2921
|
+
] }),
|
|
2922
|
+
/* @__PURE__ */ jsx(Pagination3, {})
|
|
2923
|
+
] });
|
|
2924
|
+
};
|
|
2177
2925
|
function useIntersectionObserver({
|
|
2178
2926
|
animateOnce = false,
|
|
2179
2927
|
options = {}
|
|
@@ -2203,6 +2951,6 @@ function useIntersectionObserver({
|
|
|
2203
2951
|
return { observeRef, isVisible };
|
|
2204
2952
|
}
|
|
2205
2953
|
|
|
2206
|
-
export { Anchor, BrandsStrip, Button, Card2 as Card, CardCollection2 as CardCollection, ConditionalWrapper, ContactModule2 as ContactModule, Container, CountingCard2 as CountingCard, EventList2 as EventList, Footer, HeroBanner2 as HeroBanner, HeroBannerCarousel, Icon, InfoCard2 as InfoCard, MiniBanner2 as MiniBanner, MiniSectionCta2 as MiniSectionCta, Pagination, Picture, PracticeCard, PracticePathCards2 as PracticePathCards, Teaser5050With3Text2 as Teaser5050With3Text, Teaser5050WithCta2 as Teaser5050WithCta, TextBody2 as TextBody, TextCenterCtaInBottom2 as TextCenterCtaInBottom, TextEvent2 as TextEvent, resolveCompoundSlots, svgs, useIntersectionObserver };
|
|
2954
|
+
export { Anchor, BrandsStrip, Button, Card2 as Card, CardCollection2 as CardCollection, ConditionalWrapper, ContactModule2 as ContactModule, Container, CountingCard2 as CountingCard, EventList2 as EventList, Footer, HeroBanner2 as HeroBanner, HeroBannerCarousel, Icon, InfoCard2 as InfoCard, InternalBrandsTab2 as InternalBrandsTab, LogoBar, MiniBanner2 as MiniBanner, MiniSectionCta2 as MiniSectionCta, Pagination, Picture, PracticeCard, PracticePathCards2 as PracticePathCards, ResourcesGridList, Teaser5050With3Text2 as Teaser5050With3Text, Teaser5050WithCta2 as Teaser5050WithCta, TextBody2 as TextBody, TextCenterCtaInBottom2 as TextCenterCtaInBottom, TextEvent2 as TextEvent, resolveCompoundSlots, svgs, useIntersectionObserver };
|
|
2207
2955
|
//# sourceMappingURL=index.mjs.map
|
|
2208
2956
|
//# sourceMappingURL=index.mjs.map
|