@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.cjs
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var clsx23 = require('clsx');
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
-
var
|
|
5
|
+
var React62 = require('react');
|
|
6
6
|
var gsap = require('gsap');
|
|
7
7
|
var react = require('@gsap/react');
|
|
8
8
|
var ScrollTrigger = require('gsap/ScrollTrigger');
|
|
@@ -12,8 +12,8 @@ require('swiper/css');
|
|
|
12
12
|
|
|
13
13
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
14
|
|
|
15
|
-
var
|
|
16
|
-
var
|
|
15
|
+
var clsx23__default = /*#__PURE__*/_interopDefault(clsx23);
|
|
16
|
+
var React62__default = /*#__PURE__*/_interopDefault(React62);
|
|
17
17
|
var gsap__default = /*#__PURE__*/_interopDefault(gsap);
|
|
18
18
|
|
|
19
19
|
var __defProp = Object.defineProperty;
|
|
@@ -66,7 +66,7 @@ var Picture = (_a) => {
|
|
|
66
66
|
__spreadValues({
|
|
67
67
|
src: desktop.src,
|
|
68
68
|
alt: desktop.alt,
|
|
69
|
-
className:
|
|
69
|
+
className: clsx23__default.default(className, Picture_module_default["image-desktop"])
|
|
70
70
|
}, rest)
|
|
71
71
|
),
|
|
72
72
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -74,7 +74,7 @@ var Picture = (_a) => {
|
|
|
74
74
|
__spreadValues({
|
|
75
75
|
src: (_b2 = mobile == null ? void 0 : mobile.src) != null ? _b2 : desktop.src,
|
|
76
76
|
alt: (_c = mobile == null ? void 0 : mobile.alt) != null ? _c : desktop.alt,
|
|
77
|
-
className:
|
|
77
|
+
className: clsx23__default.default(className, Picture_module_default["image-mobile"])
|
|
78
78
|
}, rest)
|
|
79
79
|
)
|
|
80
80
|
] });
|
|
@@ -201,6 +201,8 @@ var SvgIconFilledChevronRight = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg",
|
|
|
201
201
|
var icon_filled_chevron_right_default = SvgIconFilledChevronRight;
|
|
202
202
|
var SvgIconFilledChevronUp = (props) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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" }) }));
|
|
203
203
|
var icon_filled_chevron_up_default = SvgIconFilledChevronUp;
|
|
204
|
+
var SvgIconFilledChevronUpBlack = (props) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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" }) }));
|
|
205
|
+
var icon_filled_chevron_up_black_default = SvgIconFilledChevronUpBlack;
|
|
204
206
|
var SvgIconLeftWhite = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", __spreadProps(__spreadValues({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: [
|
|
205
207
|
/* @__PURE__ */ jsxRuntime.jsx("mask", { id: "mask0_2379_35929", style: {
|
|
206
208
|
maskType: "alpha"
|
|
@@ -234,7 +236,12 @@ var SvgIconTiltedRightBlack = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg",
|
|
|
234
236
|
/* @__PURE__ */ jsxRuntime.jsx("g", { mask: "url(#mask0_901_1704)", children: /* @__PURE__ */ jsxRuntime.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" }) })
|
|
235
237
|
] }));
|
|
236
238
|
var icon_tilted_right_black_default = SvgIconTiltedRightBlack;
|
|
237
|
-
var SvgIconTiltedRightWhite = (props) => /* @__PURE__ */ jsxRuntime.
|
|
239
|
+
var SvgIconTiltedRightWhite = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", __spreadProps(__spreadValues({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: [
|
|
240
|
+
/* @__PURE__ */ jsxRuntime.jsx("mask", { id: "mask0_901_1706", style: {
|
|
241
|
+
maskType: "alpha"
|
|
242
|
+
}, maskUnits: "userSpaceOnUse", x: 0, y: 0, width: 24, height: 24, children: /* @__PURE__ */ jsxRuntime.jsx("rect", { width: 24, height: 24, fill: "#D9D9D9" }) }),
|
|
243
|
+
/* @__PURE__ */ jsxRuntime.jsx("g", { mask: "url(#mask0_901_1706)", children: /* @__PURE__ */ jsxRuntime.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" }) })
|
|
244
|
+
] }));
|
|
238
245
|
var icon_tilted_right_white_default = SvgIconTiltedRightWhite;
|
|
239
246
|
var SvgIconUpChevronUpWhite = (props) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("path", { d: "M6 15L12 9L18 15", stroke: "white", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }) }));
|
|
240
247
|
var icon_up_chevron_up_white_default = SvgIconUpChevronUpWhite;
|
|
@@ -280,6 +287,30 @@ var SvgIconXWhite = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", __spreadPr
|
|
|
280
287
|
/* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "clip0_942_1878", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { width: 24, height: 24, fill: "white" }) }) })
|
|
281
288
|
] }));
|
|
282
289
|
var icon_x_white_default = SvgIconXWhite;
|
|
290
|
+
var SvgIconFilter = (props) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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" }) }));
|
|
291
|
+
var icon_filter_default = SvgIconFilter;
|
|
292
|
+
var SvgIconInternalFilter = (props) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("path", { d: "M3 18V16H9V18H3ZM3 13V11H15V13H3ZM3 8V6H21V8H3Z", fill: "#080808" }) }));
|
|
293
|
+
var icon_internal_filter_default = SvgIconInternalFilter;
|
|
294
|
+
var SvgIconSearch = (props) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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" }) }));
|
|
295
|
+
var icon_search_default = SvgIconSearch;
|
|
296
|
+
var SvgIconGrid = (props) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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" }) }));
|
|
297
|
+
var icon_grid_default = SvgIconGrid;
|
|
298
|
+
var SvgIconList = (props) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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" }) }));
|
|
299
|
+
var icon_list_default = SvgIconList;
|
|
300
|
+
var SvgIconChevronLeftBlack = (props) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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" }) }));
|
|
301
|
+
var icon_chevron_left_black_default = SvgIconChevronLeftBlack;
|
|
302
|
+
var SvgIconChevronRightBlack = (props) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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" }) }));
|
|
303
|
+
var icon_chevron_right_black_default = SvgIconChevronRightBlack;
|
|
304
|
+
var SvgIconPdf = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", __spreadProps(__spreadValues({ width: 33, height: 32, viewBox: "0 0 33 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: [
|
|
305
|
+
/* @__PURE__ */ jsxRuntime.jsx("g", { clipPath: "url(#clip0_7870_13608)", children: /* @__PURE__ */ jsxRuntime.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" }) }),
|
|
306
|
+
/* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "clip0_7870_13608", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { width: 33, height: 31.7308, fill: "white" }) }) })
|
|
307
|
+
] }));
|
|
308
|
+
var icon_pdf_default = SvgIconPdf;
|
|
309
|
+
var SvgIconExternalLink = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", __spreadProps(__spreadValues({ width: 33, height: 33, viewBox: "0 0 33 33", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: [
|
|
310
|
+
/* @__PURE__ */ jsxRuntime.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" }),
|
|
311
|
+
/* @__PURE__ */ jsxRuntime.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" })
|
|
312
|
+
] }));
|
|
313
|
+
var icon_external_link_default = SvgIconExternalLink;
|
|
283
314
|
var svgs = {
|
|
284
315
|
/* Card */
|
|
285
316
|
ads: icon_ads_default,
|
|
@@ -300,6 +331,8 @@ var svgs = {
|
|
|
300
331
|
tech: icon_tech_default,
|
|
301
332
|
work: icon_work_default,
|
|
302
333
|
workhome: icon_workhome_default,
|
|
334
|
+
pdf: icon_pdf_default,
|
|
335
|
+
externalLink: icon_external_link_default,
|
|
303
336
|
/* Button */
|
|
304
337
|
blankCheckbox: icon_blank_checkbox_default,
|
|
305
338
|
blankCheckboxWhite: icon_blank_checkbox_white_default,
|
|
@@ -315,6 +348,7 @@ var svgs = {
|
|
|
315
348
|
filledChevronLeft: icon_filled_chevron_left_default,
|
|
316
349
|
filledChevronRight: icon_filled_chevron_right_default,
|
|
317
350
|
filledChevronUp: icon_filled_chevron_up_default,
|
|
351
|
+
filledChevronUpBlack: icon_filled_chevron_up_black_default,
|
|
318
352
|
leftWhite: icon_left_white_default,
|
|
319
353
|
mailBlack: icon_mail_black_default,
|
|
320
354
|
rightBlack: icon_right_black_default,
|
|
@@ -325,6 +359,13 @@ var svgs = {
|
|
|
325
359
|
upChevronWhite: icon_up_chevron_white_default,
|
|
326
360
|
watchBlack: icon_watch_black_default,
|
|
327
361
|
watchWhite: icon_watch_white_default,
|
|
362
|
+
filter: icon_filter_default,
|
|
363
|
+
internalFilter: icon_internal_filter_default,
|
|
364
|
+
search: icon_search_default,
|
|
365
|
+
grid: icon_grid_default,
|
|
366
|
+
list: icon_list_default,
|
|
367
|
+
chevronLeftBlack: icon_chevron_left_black_default,
|
|
368
|
+
chevronRightBlack: icon_chevron_right_black_default,
|
|
328
369
|
/* Dropdown */
|
|
329
370
|
chevronDefault: icon_chevron_default_default,
|
|
330
371
|
chevronHovered: icon_chevron_hovered_default,
|
|
@@ -337,7 +378,7 @@ var svgs = {
|
|
|
337
378
|
xBlack: icon_x_black_default,
|
|
338
379
|
xWhite: icon_x_white_default
|
|
339
380
|
};
|
|
340
|
-
var Icon =
|
|
381
|
+
var Icon = React62__default.default.memo(
|
|
341
382
|
(_a) => {
|
|
342
383
|
var _b = _a, { type, size } = _b, props = __objRest(_b, ["type", "size"]);
|
|
343
384
|
if (type) {
|
|
@@ -363,6 +404,8 @@ var Button_module_default = {
|
|
|
363
404
|
grey: "Button_module_grey",
|
|
364
405
|
shiny: "Button_module_shiny",
|
|
365
406
|
rotateGradient: "Button_module_rotateGradient",
|
|
407
|
+
tabbutton: "Button_module_tabbutton",
|
|
408
|
+
active: "Button_module_active",
|
|
366
409
|
icon: "Button_module_icon",
|
|
367
410
|
logo: "Button_module_logo"
|
|
368
411
|
};
|
|
@@ -375,7 +418,8 @@ var Button = (_a) => {
|
|
|
375
418
|
href,
|
|
376
419
|
isExternal,
|
|
377
420
|
icon,
|
|
378
|
-
logo
|
|
421
|
+
logo,
|
|
422
|
+
isActive
|
|
379
423
|
} = _b, rest = __objRest(_b, [
|
|
380
424
|
"className",
|
|
381
425
|
"children",
|
|
@@ -384,14 +428,16 @@ var Button = (_a) => {
|
|
|
384
428
|
"href",
|
|
385
429
|
"isExternal",
|
|
386
430
|
"icon",
|
|
387
|
-
"logo"
|
|
431
|
+
"logo",
|
|
432
|
+
"isActive"
|
|
388
433
|
]);
|
|
389
434
|
const isLink = !!href;
|
|
390
435
|
const props = __spreadValues(__spreadValues({
|
|
391
|
-
className:
|
|
436
|
+
className: clsx23__default.default(
|
|
392
437
|
Button_module_default.button,
|
|
393
438
|
variant ? Button_module_default[variant] : null,
|
|
394
439
|
{ [Button_module_default.fullWidth]: !!fullWidth },
|
|
440
|
+
{ [Button_module_default.active]: !!isActive },
|
|
395
441
|
className
|
|
396
442
|
)
|
|
397
443
|
}, isLink ? { href, isExternal } : {}), rest);
|
|
@@ -443,21 +489,21 @@ var getDeviceType = (width) => {
|
|
|
443
489
|
return "desktop";
|
|
444
490
|
};
|
|
445
491
|
var useViewPort = () => {
|
|
446
|
-
const [device, setDevice] =
|
|
492
|
+
const [device, setDevice] = React62.useState(
|
|
447
493
|
() => typeof window !== "undefined" ? getDeviceType(window.innerWidth) : "desktop"
|
|
448
494
|
);
|
|
449
|
-
const getOtherDevices =
|
|
495
|
+
const getOtherDevices = React62.useCallback(
|
|
450
496
|
(list, what, includeSelf = false) => {
|
|
451
497
|
const deviceIndex = list.indexOf(what) + (!includeSelf ? 1 : 0);
|
|
452
498
|
return [...list].slice(deviceIndex);
|
|
453
499
|
},
|
|
454
500
|
[]
|
|
455
501
|
);
|
|
456
|
-
const onWindowResize =
|
|
502
|
+
const onWindowResize = React62.useCallback(() => {
|
|
457
503
|
setDevice(getDeviceType(window.innerWidth));
|
|
458
504
|
}, []);
|
|
459
505
|
const onWindowResizeDebounce = useDebounce_default(onWindowResize, 100);
|
|
460
|
-
|
|
506
|
+
React62.useEffect(() => {
|
|
461
507
|
window.addEventListener("resize", onWindowResizeDebounce);
|
|
462
508
|
return () => window.removeEventListener("resize", onWindowResizeDebounce);
|
|
463
509
|
}, [onWindowResizeDebounce]);
|
|
@@ -510,13 +556,13 @@ var BrandsStrip = ({
|
|
|
510
556
|
cta,
|
|
511
557
|
size
|
|
512
558
|
}) => {
|
|
513
|
-
const [show, setShow] =
|
|
514
|
-
const [shouldAnimate, setShouldAnimate] =
|
|
559
|
+
const [show, setShow] = React62.useState(false);
|
|
560
|
+
const [shouldAnimate, setShouldAnimate] = React62.useState(false);
|
|
515
561
|
const { is } = useViewPort_default();
|
|
516
562
|
const isTabletBelow = is("tablet", "below");
|
|
517
|
-
const containerRef =
|
|
518
|
-
const marqueeRef =
|
|
519
|
-
const timeline =
|
|
563
|
+
const containerRef = React62.useRef(null);
|
|
564
|
+
const marqueeRef = React62.useRef(null);
|
|
565
|
+
const timeline = React62.useRef(null);
|
|
520
566
|
const horizontalLoop = (items, config) => {
|
|
521
567
|
const itemsArray = gsap__default.default.utils.toArray(items);
|
|
522
568
|
const cfg = config || {};
|
|
@@ -610,7 +656,7 @@ var BrandsStrip = ({
|
|
|
610
656
|
timeline.current.play();
|
|
611
657
|
}
|
|
612
658
|
};
|
|
613
|
-
const duplicatedLogos =
|
|
659
|
+
const duplicatedLogos = React62.useMemo(() => {
|
|
614
660
|
if (logos.length === 0) return [];
|
|
615
661
|
if (!shouldAnimate) return [...logos];
|
|
616
662
|
return [...logos, ...logos];
|
|
@@ -619,7 +665,7 @@ var BrandsStrip = ({
|
|
|
619
665
|
"div",
|
|
620
666
|
{
|
|
621
667
|
ref: containerRef,
|
|
622
|
-
className:
|
|
668
|
+
className: clsx23__default.default(
|
|
623
669
|
BrandsStrip_module_default.brandsStrip,
|
|
624
670
|
BrandsStrip_module_default[variant],
|
|
625
671
|
{ [BrandsStrip_module_default.small]: size === "small" },
|
|
@@ -628,13 +674,13 @@ var BrandsStrip = ({
|
|
|
628
674
|
onMouseEnter: handleMouseEnter,
|
|
629
675
|
onMouseLeave: handleMouseLeave,
|
|
630
676
|
children: [
|
|
631
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
632
|
-
title && logos.length === 1 && /* @__PURE__ */ jsxRuntime.jsx("h2", { className:
|
|
677
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx23__default.default(BrandsStrip_module_default.container, { [BrandsStrip_module_default.blurred]: show && logos.length > 1 }), children: [
|
|
678
|
+
title && logos.length === 1 && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: clsx23__default.default("body", BrandsStrip_module_default.title), children: title }),
|
|
633
679
|
logos.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
|
|
634
680
|
"div",
|
|
635
681
|
{
|
|
636
682
|
ref: marqueeRef,
|
|
637
|
-
className:
|
|
683
|
+
className: clsx23__default.default(BrandsStrip_module_default.logos, { [BrandsStrip_module_default.marqueeGSAP]: shouldAnimate }),
|
|
638
684
|
children: duplicatedLogos.map((logo, index) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: BrandsStrip_module_default.logoWrapper, children: /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: BrandsStrip_module_default.logo }, logo)) }, `${logo.alt}-${index}`))
|
|
639
685
|
}
|
|
640
686
|
)
|
|
@@ -663,8 +709,8 @@ var CardSubtitle = ({ children }) => {
|
|
|
663
709
|
};
|
|
664
710
|
function resolveCompoundSlots(children, slots) {
|
|
665
711
|
const resolved = {};
|
|
666
|
-
|
|
667
|
-
if (!
|
|
712
|
+
React62.Children.forEach(children, (child) => {
|
|
713
|
+
if (!React62.isValidElement(child)) return;
|
|
668
714
|
Object.entries(slots).forEach(([key, Component]) => {
|
|
669
715
|
if (child.type === Component) {
|
|
670
716
|
resolved[key] = child.props.children;
|
|
@@ -678,10 +724,10 @@ function resolveCompoundSlots(children, slots) {
|
|
|
678
724
|
var Container_module_default = {
|
|
679
725
|
container: "Container_module_container"
|
|
680
726
|
};
|
|
681
|
-
var Container =
|
|
727
|
+
var Container = React62.forwardRef(
|
|
682
728
|
(_a, ref) => {
|
|
683
729
|
var _b = _a, { children, className } = _b, props = __objRest(_b, ["children", "className"]);
|
|
684
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", __spreadProps(__spreadValues({ ref, className:
|
|
730
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", __spreadProps(__spreadValues({ ref, className: clsx23__default.default(Container_module_default.container, className) }, props), { children }));
|
|
685
731
|
}
|
|
686
732
|
);
|
|
687
733
|
Container.displayName = "Container";
|
|
@@ -693,7 +739,10 @@ var Card_module_default = {
|
|
|
693
739
|
content: "Card_module_content",
|
|
694
740
|
subtitle: "Card_module_subtitle",
|
|
695
741
|
light: "Card_module_light",
|
|
696
|
-
|
|
742
|
+
logoContainer: "Card_module_logoContainer",
|
|
743
|
+
logo: "Card_module_logo",
|
|
744
|
+
logoHover: "Card_module_logoHover",
|
|
745
|
+
hideLogo: "Card_module_hideLogo"
|
|
697
746
|
};
|
|
698
747
|
var Card = ({
|
|
699
748
|
className,
|
|
@@ -714,17 +763,21 @@ var Card = ({
|
|
|
714
763
|
});
|
|
715
764
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
716
765
|
const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
|
|
766
|
+
const isLink = !!(href && !label);
|
|
717
767
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
718
768
|
ConditionalWrapper,
|
|
719
769
|
__spreadProps(__spreadValues({
|
|
720
770
|
ref,
|
|
721
|
-
className:
|
|
771
|
+
className: clsx23__default.default(Card_module_default.card, Card_module_default[variant], className),
|
|
722
772
|
wrapper: Anchor,
|
|
723
773
|
fallback: "div",
|
|
724
|
-
condition:
|
|
774
|
+
condition: isLink
|
|
725
775
|
}, href ? { href, isExternal } : {}), {
|
|
726
776
|
children: [
|
|
727
|
-
|
|
777
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: Card_module_default.logoContainer, children: [
|
|
778
|
+
(logo == null ? void 0 : logo.src) ? /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: clsx23__default.default(Card_module_default.logo, isLink && Card_module_default.hideLogo) }, logo)) : icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: icon, className: clsx23__default.default(Card_module_default.logo, isLink && Card_module_default.hideLogo) }),
|
|
779
|
+
isLink && /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "tiltedRightWhite", className: Card_module_default.logoHover })
|
|
780
|
+
] }),
|
|
728
781
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: Card_module_default.content, children: [
|
|
729
782
|
titleNode && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "h4", children: titleNode }),
|
|
730
783
|
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: Card_module_default.subtitle, children: subtitleNode })
|
|
@@ -757,10 +810,10 @@ var CountingCard = ({ className, title, count, image, children }) => {
|
|
|
757
810
|
title: CountingCardTitle
|
|
758
811
|
});
|
|
759
812
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
760
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
813
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx23__default.default(CountingCard_module_default["counting-card"], className), children: [
|
|
761
814
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: CountingCard_module_default.content, children: [
|
|
762
815
|
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "body", children: titleNode }),
|
|
763
|
-
count && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
816
|
+
count && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx23__default.default(CountingCard_module_default.count, "h1"), children: count })
|
|
764
817
|
] }),
|
|
765
818
|
image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: CountingCard_module_default.logo }, image))
|
|
766
819
|
] });
|
|
@@ -792,9 +845,9 @@ var InfoCard = ({ className, title, subtitle, icon, badge, children }) => {
|
|
|
792
845
|
});
|
|
793
846
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
794
847
|
const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
|
|
795
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
848
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx23__default.default(InfoCard_module_default["info-card"], { [InfoCard_module_default.hasIcon]: !!icon }, className), children: [
|
|
796
849
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: InfoCard_module_default.header, children: [
|
|
797
|
-
icon ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: icon }) : badge ? /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
850
|
+
icon ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: icon }) : badge ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx23__default.default(InfoCard_module_default.badge, "h4"), children: badge }) : null,
|
|
798
851
|
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h4", children: titleNode })
|
|
799
852
|
] }),
|
|
800
853
|
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "body", children: subtitleNode })
|
|
@@ -826,7 +879,7 @@ var Pagination = ({
|
|
|
826
879
|
disableArrows = false,
|
|
827
880
|
onPageChange
|
|
828
881
|
}) => {
|
|
829
|
-
const [activePage, setActivePage] =
|
|
882
|
+
const [activePage, setActivePage] = React62.useState(currentPage);
|
|
830
883
|
const goToPage = (page) => {
|
|
831
884
|
if (page < 1 || page > totalPages) return;
|
|
832
885
|
setActivePage(page);
|
|
@@ -856,7 +909,7 @@ var Pagination = ({
|
|
|
856
909
|
setActivePage(page);
|
|
857
910
|
onPageChange == null ? void 0 : onPageChange(page);
|
|
858
911
|
};
|
|
859
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
912
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx23__default.default(Pagination_module_default.pagination, className), children: [
|
|
860
913
|
!disableArrows && /* @__PURE__ */ jsxRuntime.jsx(
|
|
861
914
|
"button",
|
|
862
915
|
{
|
|
@@ -873,7 +926,7 @@ var Pagination = ({
|
|
|
873
926
|
"button",
|
|
874
927
|
{
|
|
875
928
|
onClick: () => goToPage(page),
|
|
876
|
-
className:
|
|
929
|
+
className: clsx23__default.default(Pagination_module_default.page, {
|
|
877
930
|
[Pagination_module_default.active]: activePage === page,
|
|
878
931
|
[Pagination_module_default.number]: hasNumber
|
|
879
932
|
}),
|
|
@@ -909,7 +962,7 @@ var PracticeCard_module_default = {
|
|
|
909
962
|
};
|
|
910
963
|
var PracticeCard = ({ className, title, cta, image }) => {
|
|
911
964
|
const { url: href, isExternal } = cta != null ? cta : {};
|
|
912
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
965
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx23__default.default(PracticeCard_module_default["practice-card"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
913
966
|
ConditionalWrapper,
|
|
914
967
|
__spreadProps(__spreadValues({
|
|
915
968
|
className: PracticeCard_module_default.wrapper,
|
|
@@ -920,7 +973,7 @@ var PracticeCard = ({ className, title, cta, image }) => {
|
|
|
920
973
|
children: [
|
|
921
974
|
image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: PracticeCard_module_default.background }, image)),
|
|
922
975
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: PracticeCard_module_default.container, children: [
|
|
923
|
-
title && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
976
|
+
title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx23__default.default(PracticeCard_module_default.title, "h3"), children: title }),
|
|
924
977
|
href && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: PracticeCard_module_default.cta, children: [
|
|
925
978
|
/* @__PURE__ */ jsxRuntime.jsx(Icon, { className: PracticeCard_module_default.ctaRest, type: "right" }),
|
|
926
979
|
/* @__PURE__ */ jsxRuntime.jsx(Icon, { className: PracticeCard_module_default.ctaHover, type: "tiltedRight" })
|
|
@@ -930,6 +983,23 @@ var PracticeCard = ({ className, title, cta, image }) => {
|
|
|
930
983
|
})
|
|
931
984
|
) });
|
|
932
985
|
};
|
|
986
|
+
|
|
987
|
+
// src/components/LogoBar/LogoBar.module.scss
|
|
988
|
+
var LogoBar_module_default = {
|
|
989
|
+
logoBar: "LogoBar_module_logoBar",
|
|
990
|
+
logoWrapper: "LogoBar_module_logoWrapper",
|
|
991
|
+
logo: "LogoBar_module_logo",
|
|
992
|
+
logoHover: "LogoBar_module_logoHover"
|
|
993
|
+
};
|
|
994
|
+
var LogoBar = ({ className, items }) => {
|
|
995
|
+
if (!items || items.length === 0) return null;
|
|
996
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx23__default.default(LogoBar_module_default.logoBar, className), children: items.map((item, key) => {
|
|
997
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Anchor, { href: item.url, isExternal: item.isExternal, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: LogoBar_module_default.logoWrapper, children: [
|
|
998
|
+
item.logo && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: LogoBar_module_default.logo }, item.logo)),
|
|
999
|
+
item.hoverLogo && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: LogoBar_module_default.logoHover }, item.hoverLogo))
|
|
1000
|
+
] }) }, key);
|
|
1001
|
+
}) });
|
|
1002
|
+
};
|
|
933
1003
|
var CardCollectionTitle = ({ children }) => {
|
|
934
1004
|
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
|
|
935
1005
|
};
|
|
@@ -963,10 +1033,10 @@ var CardCollection = ({
|
|
|
963
1033
|
children
|
|
964
1034
|
}) => {
|
|
965
1035
|
var _a, _b;
|
|
966
|
-
const container =
|
|
967
|
-
const revealWrapper =
|
|
968
|
-
const extraCard =
|
|
969
|
-
const [isExpanded, setIsExpanded] =
|
|
1036
|
+
const container = React62.useRef(null);
|
|
1037
|
+
const revealWrapper = React62.useRef(null);
|
|
1038
|
+
const extraCard = React62.useRef(null);
|
|
1039
|
+
const [isExpanded, setIsExpanded] = React62.useState(false);
|
|
970
1040
|
const slots = resolveCompoundSlots(children, {
|
|
971
1041
|
title: CardCollectionTitle,
|
|
972
1042
|
subtitle: CardCollectionSubtitle
|
|
@@ -977,7 +1047,7 @@ var CardCollection = ({
|
|
|
977
1047
|
const visibleCards = isExamCard ? cards.slice(0, 8) : cards;
|
|
978
1048
|
const hiddenCards = isExamCard ? cards.slice(8) : [];
|
|
979
1049
|
const { contextSafe } = react.useGSAP({ scope: container });
|
|
980
|
-
const handleShowMore =
|
|
1050
|
+
const handleShowMore = React62.useCallback(() => {
|
|
981
1051
|
contextSafe(() => {
|
|
982
1052
|
setIsExpanded(true);
|
|
983
1053
|
const tl = gsap__default.default.timeline({ defaults: { ease: "power3.inOut" } });
|
|
@@ -1009,13 +1079,13 @@ var CardCollection = ({
|
|
|
1009
1079
|
Container,
|
|
1010
1080
|
{
|
|
1011
1081
|
ref: container,
|
|
1012
|
-
className:
|
|
1082
|
+
className: clsx23__default.default(CardCollection_module_default["card-collection"], CardCollection_module_default[variant], className),
|
|
1013
1083
|
children: [
|
|
1014
1084
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: CardCollection_module_default.content, children: [
|
|
1015
1085
|
titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { children: titleNode }),
|
|
1016
1086
|
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "subheading", children: subtitleNode })
|
|
1017
1087
|
] }),
|
|
1018
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: CardCollection_module_default.wrapper, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
1088
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: CardCollection_module_default.wrapper, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx23__default.default(CardCollection_module_default.cardWrapper, { [CardCollection_module_default["is-expanded"]]: isExpanded }), children: [
|
|
1019
1089
|
visibleCards.map((card, key) => /* @__PURE__ */ jsxRuntime.jsx(Card2, __spreadValues({ className: CardCollection_module_default.card, variant: theme }, card), key)),
|
|
1020
1090
|
isExamCard && hiddenCards.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { ref: revealWrapper, className: CardCollection_module_default["reveal-wrapper"], children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: CardCollection_module_default["reveal-inner"], children: hiddenCards.map((card, key) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1021
1091
|
Card2,
|
|
@@ -1081,8 +1151,8 @@ var ContactModule = ({
|
|
|
1081
1151
|
animateBlur = true
|
|
1082
1152
|
}) => {
|
|
1083
1153
|
var _a, _b;
|
|
1084
|
-
const containerRef =
|
|
1085
|
-
const blurRef =
|
|
1154
|
+
const containerRef = React62.useRef(null);
|
|
1155
|
+
const blurRef = React62.useRef(null);
|
|
1086
1156
|
const slots = resolveCompoundSlots(children, {
|
|
1087
1157
|
title: ContactModuleTitle,
|
|
1088
1158
|
subtitle: ContactModuleSubtitle
|
|
@@ -1116,7 +1186,7 @@ var ContactModule = ({
|
|
|
1116
1186
|
},
|
|
1117
1187
|
{ scope: containerRef, dependencies: [blurred, animateBlur] }
|
|
1118
1188
|
);
|
|
1119
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className:
|
|
1189
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: clsx23__default.default(ContactModule_module_default["contact-module"], className), children: [
|
|
1120
1190
|
blurred && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1121
1191
|
"div",
|
|
1122
1192
|
{
|
|
@@ -1131,8 +1201,8 @@ var ContactModule = ({
|
|
|
1131
1201
|
/* @__PURE__ */ jsxRuntime.jsxs(Container, { className: ContactModule_module_default.container, children: [
|
|
1132
1202
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: ContactModule_module_default.wrapper, children: [
|
|
1133
1203
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: ContactModule_module_default.content, children: [
|
|
1134
|
-
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
1135
|
-
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
1204
|
+
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx23__default.default(ContactModule_module_default.title, "h1"), children: titleNode }),
|
|
1205
|
+
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx23__default.default(ContactModule_module_default.subtitle, "subheading"), children: subtitleNode })
|
|
1136
1206
|
] }),
|
|
1137
1207
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: ContactModule_module_default["cta-wrapper"], children: ctas == null ? void 0 : ctas.map((cta, key) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1138
1208
|
Button,
|
|
@@ -1193,7 +1263,7 @@ var Footer = ({
|
|
|
1193
1263
|
disclaimer: FooterDisclaimer
|
|
1194
1264
|
});
|
|
1195
1265
|
const titleNode = (_a = slots.disclaimer) != null ? _a : disclaimer;
|
|
1196
|
-
return /* @__PURE__ */ jsxRuntime.jsx("footer", { className:
|
|
1266
|
+
return /* @__PURE__ */ jsxRuntime.jsx("footer", { className: clsx23__default.default(Footer_module_default.footer, className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: Footer_module_default.container, children: [
|
|
1197
1267
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: Footer_module_default.bottom, children: [
|
|
1198
1268
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: Footer_module_default["bottom-left"], children: [
|
|
1199
1269
|
supporters.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: Footer_module_default.supporters, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: Footer_module_default["supporters-logos"], children: supporters.map(
|
|
@@ -1209,7 +1279,7 @@ var Footer = ({
|
|
|
1209
1279
|
index
|
|
1210
1280
|
) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: Footer_module_default["supporter-link-primary"], children: /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({}, supporter.image)) }, index)
|
|
1211
1281
|
) }) }),
|
|
1212
|
-
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
1282
|
+
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx23__default.default(Footer_module_default.disclaimer, "p"), children: titleNode }),
|
|
1213
1283
|
copyright && /* @__PURE__ */ jsxRuntime.jsx("p", { className: Footer_module_default.copyright, children: copyright })
|
|
1214
1284
|
] }),
|
|
1215
1285
|
columns.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("nav", { className: Footer_module_default["bottom-right"], children: columns.map((column, colIndex) => /* @__PURE__ */ jsxRuntime.jsx("ul", { className: Footer_module_default["nav-list"], children: column.map((link) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -1225,6 +1295,12 @@ var Footer = ({
|
|
|
1225
1295
|
children
|
|
1226
1296
|
] }) });
|
|
1227
1297
|
};
|
|
1298
|
+
var Text = (_a) => {
|
|
1299
|
+
var _b = _a, { tag = "p", promoteToH1 = false, ref, children } = _b, props = __objRest(_b, ["tag", "promoteToH1", "ref", "children"]);
|
|
1300
|
+
const Component = promoteToH1 ? "h1" : tag;
|
|
1301
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Component, __spreadProps(__spreadValues({ ref }, props), { children }));
|
|
1302
|
+
};
|
|
1303
|
+
Text.displayName = "Text";
|
|
1228
1304
|
var HeroBannerTitle = ({ children }) => {
|
|
1229
1305
|
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
|
|
1230
1306
|
};
|
|
@@ -1235,26 +1311,23 @@ var HeroBannerSubtitle = ({ children }) => {
|
|
|
1235
1311
|
// src/widgets/HeroBanner/HeroBanner.module.scss
|
|
1236
1312
|
var HeroBanner_module_default = {
|
|
1237
1313
|
heroBanner: "HeroBanner_module_heroBanner",
|
|
1238
|
-
pageHeroBanner: "HeroBanner_module_pageHeroBanner",
|
|
1239
1314
|
container: "HeroBanner_module_container",
|
|
1240
|
-
bannerPodcast: "HeroBanner_module_bannerPodcast",
|
|
1241
1315
|
banner: "HeroBanner_module_banner",
|
|
1242
1316
|
text: "HeroBanner_module_text",
|
|
1317
|
+
titleLogo: "HeroBanner_module_titleLogo",
|
|
1243
1318
|
title: "HeroBanner_module_title",
|
|
1244
1319
|
subtitle: "HeroBanner_module_subtitle",
|
|
1245
|
-
logoWrapper: "HeroBanner_module_logoWrapper",
|
|
1246
|
-
logo: "HeroBanner_module_logo",
|
|
1247
|
-
horizontalGradient: "HeroBanner_module_horizontalGradient",
|
|
1248
|
-
lensCrafters: "HeroBanner_module_lensCrafters",
|
|
1249
|
-
forEyes: "HeroBanner_module_forEyes",
|
|
1250
|
-
optical: "HeroBanner_module_optical",
|
|
1251
|
-
pearleVision: "HeroBanner_module_pearleVision",
|
|
1252
1320
|
ctaContainer: "HeroBanner_module_ctaContainer",
|
|
1253
1321
|
brandsStrip: "HeroBanner_module_brandsStrip",
|
|
1254
1322
|
backgroundImage: "HeroBanner_module_backgroundImage",
|
|
1255
1323
|
scrollDown: "HeroBanner_module_scrollDown",
|
|
1256
1324
|
arrow: "HeroBanner_module_arrow",
|
|
1257
|
-
mainHeroBanner: "HeroBanner_module_mainHeroBanner"
|
|
1325
|
+
mainHeroBanner: "HeroBanner_module_mainHeroBanner",
|
|
1326
|
+
bannerPodcast: "HeroBanner_module_bannerPodcast",
|
|
1327
|
+
logoWrapper: "HeroBanner_module_logoWrapper",
|
|
1328
|
+
logo: "HeroBanner_module_logo",
|
|
1329
|
+
horizontalGradient: "HeroBanner_module_horizontalGradient",
|
|
1330
|
+
logoBar: "HeroBanner_module_logoBar"
|
|
1258
1331
|
};
|
|
1259
1332
|
var HeroBanner = ({
|
|
1260
1333
|
className,
|
|
@@ -1264,7 +1337,9 @@ var HeroBanner = ({
|
|
|
1264
1337
|
backgroundImage,
|
|
1265
1338
|
logo,
|
|
1266
1339
|
cta,
|
|
1340
|
+
ctaLogo,
|
|
1267
1341
|
brands,
|
|
1342
|
+
promoteToH1,
|
|
1268
1343
|
children
|
|
1269
1344
|
}) => {
|
|
1270
1345
|
var _a, _b;
|
|
@@ -1272,18 +1347,42 @@ var HeroBanner = ({
|
|
|
1272
1347
|
const isTabletBelow = is("tablet", "below");
|
|
1273
1348
|
const vPageHeroBanner = variant === "pageHeroBanner";
|
|
1274
1349
|
const vBannerPodcast = variant === "bannerPodcast";
|
|
1350
|
+
const isTitleLogo = (logo == null ? void 0 : logo.variant) === "titleLogo";
|
|
1351
|
+
const GRADIENT_BANDS = [
|
|
1352
|
+
{ color: "var(--color-lenscrafter-blue)" },
|
|
1353
|
+
{ color: "var(--color-foreyes-brown)" },
|
|
1354
|
+
{ color: "var(--color-targetoptical-red)" },
|
|
1355
|
+
{ color: "var(--color-pearlevision-green)" }
|
|
1356
|
+
];
|
|
1275
1357
|
const slots = resolveCompoundSlots(children, {
|
|
1276
1358
|
title: HeroBannerTitle,
|
|
1277
1359
|
subtitle: HeroBannerSubtitle
|
|
1278
1360
|
});
|
|
1279
1361
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
1280
1362
|
const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
|
|
1281
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
1363
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx23__default.default(HeroBanner_module_default.heroBanner, HeroBanner_module_default[variant], className), children: [
|
|
1282
1364
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBanner_module_default.container, children: [
|
|
1283
1365
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBanner_module_default.banner, children: [
|
|
1284
1366
|
(titleNode || subtitleNode) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBanner_module_default.text, children: [
|
|
1285
|
-
|
|
1286
|
-
|
|
1367
|
+
isTitleLogo && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: HeroBanner_module_default.titleLogo }, logo)),
|
|
1368
|
+
titleNode && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1369
|
+
Text,
|
|
1370
|
+
{
|
|
1371
|
+
tag: "h2",
|
|
1372
|
+
promoteToH1,
|
|
1373
|
+
className: clsx23__default.default(HeroBanner_module_default.title, vBannerPodcast ? "h3" : "h1"),
|
|
1374
|
+
children: titleNode
|
|
1375
|
+
}
|
|
1376
|
+
),
|
|
1377
|
+
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1378
|
+
Text,
|
|
1379
|
+
{
|
|
1380
|
+
tag: "div",
|
|
1381
|
+
promoteToH1: promoteToH1 && !titleNode,
|
|
1382
|
+
className: clsx23__default.default(HeroBanner_module_default.subtitle, "subheading"),
|
|
1383
|
+
children: subtitleNode
|
|
1384
|
+
}
|
|
1385
|
+
)
|
|
1287
1386
|
] }),
|
|
1288
1387
|
cta && cta.length > 0 && !vBannerPodcast && /* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBanner_module_default.ctaContainer, children: cta.slice(0, 2).map((cta2, key) => {
|
|
1289
1388
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -1298,9 +1397,10 @@ var HeroBanner = ({
|
|
|
1298
1397
|
},
|
|
1299
1398
|
key
|
|
1300
1399
|
);
|
|
1301
|
-
}) })
|
|
1400
|
+
}) }),
|
|
1401
|
+
ctaLogo && ctaLogo.length > 0 && vBannerPodcast && /* @__PURE__ */ jsxRuntime.jsx(LogoBar, { items: ctaLogo, className: HeroBanner_module_default.logoBar })
|
|
1302
1402
|
] }),
|
|
1303
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBanner_module_default.logoWrapper, children:
|
|
1403
|
+
logo && !isTitleLogo && /* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBanner_module_default.logoWrapper, children: /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: HeroBanner_module_default.logo }, logo)) }),
|
|
1304
1404
|
!vBannerPodcast && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1305
1405
|
BrandsStrip,
|
|
1306
1406
|
__spreadValues({
|
|
@@ -1309,14 +1409,9 @@ var HeroBanner = ({
|
|
|
1309
1409
|
size: isTabletBelow || vPageHeroBanner ? "small" : void 0
|
|
1310
1410
|
}, brands)
|
|
1311
1411
|
),
|
|
1312
|
-
backgroundImage && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: HeroBanner_module_default.backgroundImage }, backgroundImage))
|
|
1313
|
-
] }),
|
|
1314
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBanner_module_default.horizontalGradient, children: [
|
|
1315
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBanner_module_default.lensCrafters }),
|
|
1316
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBanner_module_default.forEyes }),
|
|
1317
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBanner_module_default.optical }),
|
|
1318
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBanner_module_default.pearleVision })
|
|
1412
|
+
backgroundImage && !vBannerPodcast && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: HeroBanner_module_default.backgroundImage }, backgroundImage))
|
|
1319
1413
|
] }),
|
|
1414
|
+
vBannerPodcast && /* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBanner_module_default.horizontalGradient, children: GRADIENT_BANDS.map((band, index) => /* @__PURE__ */ jsxRuntime.jsx("div", { style: { backgroundColor: band.color } }, index)) }),
|
|
1320
1415
|
!vBannerPodcast && /* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBanner_module_default.scrollDown, children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "downChevronBlack", className: HeroBanner_module_default.arrow }) })
|
|
1321
1416
|
] });
|
|
1322
1417
|
};
|
|
@@ -1358,10 +1453,10 @@ var HeroBannerCarousel = ({
|
|
|
1358
1453
|
}) => {
|
|
1359
1454
|
const { is } = useViewPort_default();
|
|
1360
1455
|
const isMobile = is("tablet", "below");
|
|
1361
|
-
const [swiperInstance, setSwiperInstance] =
|
|
1362
|
-
const [activeIndex, setActiveIndex] =
|
|
1456
|
+
const [swiperInstance, setSwiperInstance] = React62.useState(null);
|
|
1457
|
+
const [activeIndex, setActiveIndex] = React62.useState(0);
|
|
1363
1458
|
if (!items.length) return null;
|
|
1364
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
1459
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx23__default.default(HeroBannerCarousel_module_default.heroBannerCarousel, className), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBannerCarousel_module_default.inner, children: [
|
|
1365
1460
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBannerCarousel_module_default.swiperContainer, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1366
1461
|
react$1.Swiper,
|
|
1367
1462
|
{
|
|
@@ -1408,7 +1503,7 @@ var HeroBannerCarousel = ({
|
|
|
1408
1503
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBannerCarousel_module_default.pagination, children: items.map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1409
1504
|
"button",
|
|
1410
1505
|
{
|
|
1411
|
-
className:
|
|
1506
|
+
className: clsx23__default.default(HeroBannerCarousel_module_default.dot, index === activeIndex && HeroBannerCarousel_module_default.dotActive),
|
|
1412
1507
|
onClick: () => swiperInstance == null ? void 0 : swiperInstance.slideTo(index),
|
|
1413
1508
|
"aria-label": `Go to slide ${index + 1}`
|
|
1414
1509
|
},
|
|
@@ -1427,6 +1522,290 @@ var HeroBannerCarousel = ({
|
|
|
1427
1522
|
] })
|
|
1428
1523
|
] }) });
|
|
1429
1524
|
};
|
|
1525
|
+
|
|
1526
|
+
// src/components/Accordion/Accordion.module.scss
|
|
1527
|
+
var Accordion_module_default = {
|
|
1528
|
+
accordionTitle: "Accordion_module_accordionTitle",
|
|
1529
|
+
accordion: "Accordion_module_accordion",
|
|
1530
|
+
accordionItem: "Accordion_module_accordionItem",
|
|
1531
|
+
accordionItemOpen: "Accordion_module_accordionItemOpen",
|
|
1532
|
+
accordionHeader: "Accordion_module_accordionHeader",
|
|
1533
|
+
accordionHeaderLeft: "Accordion_module_accordionHeaderLeft",
|
|
1534
|
+
accordionChevron: "Accordion_module_accordionChevron",
|
|
1535
|
+
accordionContent: "Accordion_module_accordionContent",
|
|
1536
|
+
accordionContentInner: "Accordion_module_accordionContentInner"
|
|
1537
|
+
};
|
|
1538
|
+
var AccordionItem = ({
|
|
1539
|
+
id,
|
|
1540
|
+
title,
|
|
1541
|
+
children,
|
|
1542
|
+
isOpen = false,
|
|
1543
|
+
onToggle,
|
|
1544
|
+
className
|
|
1545
|
+
}) => {
|
|
1546
|
+
const contentRef = React62.useRef(null);
|
|
1547
|
+
const contentInnerRef = React62.useRef(null);
|
|
1548
|
+
const timelineRef = React62.useRef(null);
|
|
1549
|
+
const [contentHeight, setContentHeight] = React62.useState(0);
|
|
1550
|
+
React62.useEffect(() => {
|
|
1551
|
+
if (contentInnerRef.current) {
|
|
1552
|
+
setContentHeight(contentInnerRef.current.scrollHeight);
|
|
1553
|
+
}
|
|
1554
|
+
}, [children]);
|
|
1555
|
+
React62.useEffect(() => {
|
|
1556
|
+
if (contentRef.current && contentHeight > 0) {
|
|
1557
|
+
if (timelineRef.current) {
|
|
1558
|
+
timelineRef.current.kill();
|
|
1559
|
+
}
|
|
1560
|
+
const tl = gsap__default.default.timeline({
|
|
1561
|
+
defaults: { duration: 0.25, ease: "power2.inOut" }
|
|
1562
|
+
});
|
|
1563
|
+
if (isOpen) {
|
|
1564
|
+
tl.to(contentRef.current, {
|
|
1565
|
+
height: contentHeight,
|
|
1566
|
+
duration: 0.25,
|
|
1567
|
+
ease: "power2.inOut",
|
|
1568
|
+
clearProps: "height"
|
|
1569
|
+
});
|
|
1570
|
+
} else {
|
|
1571
|
+
tl.to(contentRef.current, {
|
|
1572
|
+
height: 0,
|
|
1573
|
+
duration: 0.25,
|
|
1574
|
+
ease: "power2.inOut"
|
|
1575
|
+
});
|
|
1576
|
+
}
|
|
1577
|
+
timelineRef.current = tl;
|
|
1578
|
+
}
|
|
1579
|
+
}, [isOpen, contentHeight]);
|
|
1580
|
+
const handleToggle = () => {
|
|
1581
|
+
onToggle == null ? void 0 : onToggle(id);
|
|
1582
|
+
};
|
|
1583
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1584
|
+
"div",
|
|
1585
|
+
{
|
|
1586
|
+
className: clsx23__default.default(
|
|
1587
|
+
Accordion_module_default.accordionItem,
|
|
1588
|
+
{
|
|
1589
|
+
[Accordion_module_default.accordionItemOpen]: isOpen
|
|
1590
|
+
},
|
|
1591
|
+
className
|
|
1592
|
+
),
|
|
1593
|
+
children: [
|
|
1594
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
1595
|
+
"button",
|
|
1596
|
+
{
|
|
1597
|
+
className: clsx23__default.default(Accordion_module_default.accordionHeader, {
|
|
1598
|
+
[Accordion_module_default.accordionHeaderOpen]: isOpen
|
|
1599
|
+
}),
|
|
1600
|
+
onClick: handleToggle,
|
|
1601
|
+
"aria-expanded": isOpen,
|
|
1602
|
+
"aria-label": `Toggle ${title}`,
|
|
1603
|
+
children: [
|
|
1604
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: Accordion_module_default.accordionHeaderLeft, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx23__default.default("body", Accordion_module_default.accordionTitle), children: title }) }),
|
|
1605
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1606
|
+
"span",
|
|
1607
|
+
{
|
|
1608
|
+
className: clsx23__default.default(Accordion_module_default.accordionChevron, {
|
|
1609
|
+
[Accordion_module_default.accordionChevronOpen]: isOpen
|
|
1610
|
+
}),
|
|
1611
|
+
children: isOpen ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "filledChevronUpBlack", size: 40 }) : /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "circleChevronDown", size: 40 })
|
|
1612
|
+
}
|
|
1613
|
+
)
|
|
1614
|
+
]
|
|
1615
|
+
}
|
|
1616
|
+
),
|
|
1617
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1618
|
+
"div",
|
|
1619
|
+
{
|
|
1620
|
+
ref: contentRef,
|
|
1621
|
+
className: Accordion_module_default.accordionContent,
|
|
1622
|
+
style: {
|
|
1623
|
+
overflow: "hidden",
|
|
1624
|
+
height: 0
|
|
1625
|
+
},
|
|
1626
|
+
children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref: contentInnerRef, className: Accordion_module_default.accordionContentInner, children })
|
|
1627
|
+
}
|
|
1628
|
+
)
|
|
1629
|
+
]
|
|
1630
|
+
}
|
|
1631
|
+
);
|
|
1632
|
+
};
|
|
1633
|
+
var Accordion = ({
|
|
1634
|
+
className,
|
|
1635
|
+
items = [],
|
|
1636
|
+
defaultOpenIds = [],
|
|
1637
|
+
allowMultiple = false,
|
|
1638
|
+
onItemToggle
|
|
1639
|
+
}) => {
|
|
1640
|
+
const [openIds, setOpenIds] = React62.useState(defaultOpenIds);
|
|
1641
|
+
const handleToggle = (id) => {
|
|
1642
|
+
setOpenIds((prev) => {
|
|
1643
|
+
let newOpenIds;
|
|
1644
|
+
if (prev.includes(id)) {
|
|
1645
|
+
newOpenIds = prev.filter((itemId) => itemId !== id);
|
|
1646
|
+
} else {
|
|
1647
|
+
if (allowMultiple) {
|
|
1648
|
+
newOpenIds = [...prev, id];
|
|
1649
|
+
} else {
|
|
1650
|
+
newOpenIds = [id];
|
|
1651
|
+
}
|
|
1652
|
+
}
|
|
1653
|
+
onItemToggle == null ? void 0 : onItemToggle(id, !prev.includes(id));
|
|
1654
|
+
return newOpenIds;
|
|
1655
|
+
});
|
|
1656
|
+
};
|
|
1657
|
+
if (items.length === 0) {
|
|
1658
|
+
return null;
|
|
1659
|
+
}
|
|
1660
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx23__default.default(Accordion_module_default.accordion, className), children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1661
|
+
AccordionItem,
|
|
1662
|
+
{
|
|
1663
|
+
id: item.id,
|
|
1664
|
+
title: item.title,
|
|
1665
|
+
isOpen: openIds.includes(item.id),
|
|
1666
|
+
onToggle: handleToggle,
|
|
1667
|
+
children: item.content
|
|
1668
|
+
},
|
|
1669
|
+
item.id
|
|
1670
|
+
)) });
|
|
1671
|
+
};
|
|
1672
|
+
|
|
1673
|
+
// src/widgets/InternalBrandsTab/InternalBrandsTab.module.scss
|
|
1674
|
+
var InternalBrandsTab_module_default = {
|
|
1675
|
+
internalBrandsTab: "InternalBrandsTab_module_internalBrandsTab",
|
|
1676
|
+
textsContainer: "InternalBrandsTab_module_textsContainer",
|
|
1677
|
+
subTitle: "InternalBrandsTab_module_subTitle",
|
|
1678
|
+
contentArea: "InternalBrandsTab_module_contentArea",
|
|
1679
|
+
topContent: "InternalBrandsTab_module_topContent",
|
|
1680
|
+
topContentTitle: "InternalBrandsTab_module_topContentTitle",
|
|
1681
|
+
topContentLongText: "InternalBrandsTab_module_topContentLongText",
|
|
1682
|
+
accordionTopContent: "InternalBrandsTab_module_accordionTopContent",
|
|
1683
|
+
bottomContent: "InternalBrandsTab_module_bottomContent",
|
|
1684
|
+
bottomContentLeftSide: "InternalBrandsTab_module_bottomContentLeftSide",
|
|
1685
|
+
bottomContentTitle: "InternalBrandsTab_module_bottomContentTitle",
|
|
1686
|
+
bottomContentRightSide: "InternalBrandsTab_module_bottomContentRightSide",
|
|
1687
|
+
bottomContentQuote: "InternalBrandsTab_module_bottomContentQuote",
|
|
1688
|
+
accordionBottomContent: "InternalBrandsTab_module_accordionBottomContent",
|
|
1689
|
+
bottomContentTextList: "InternalBrandsTab_module_bottomContentTextList",
|
|
1690
|
+
title: "InternalBrandsTab_module_title",
|
|
1691
|
+
tabWrapper: "InternalBrandsTab_module_tabWrapper",
|
|
1692
|
+
tabButtonsRow: "InternalBrandsTab_module_tabButtonsRow",
|
|
1693
|
+
topContentCta: "InternalBrandsTab_module_topContentCta",
|
|
1694
|
+
topContentRightSide: "InternalBrandsTab_module_topContentRightSide",
|
|
1695
|
+
bottomContentIcon: "InternalBrandsTab_module_bottomContentIcon",
|
|
1696
|
+
topContentCtaContainer: "InternalBrandsTab_module_topContentCtaContainer"
|
|
1697
|
+
};
|
|
1698
|
+
var InternalBrandsTab = (props) => {
|
|
1699
|
+
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;
|
|
1700
|
+
const { title, subTitle, className, tabs } = props;
|
|
1701
|
+
const [activeIndex, setActiveIndex] = React62.useState(0);
|
|
1702
|
+
const { is } = useViewPort_default();
|
|
1703
|
+
const isTabletBelow = is("tablet", "below");
|
|
1704
|
+
const accordionItems = React62.useMemo(() => {
|
|
1705
|
+
return (tabs == null ? void 0 : tabs.map((tab, index) => {
|
|
1706
|
+
var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2;
|
|
1707
|
+
return {
|
|
1708
|
+
id: index,
|
|
1709
|
+
title: tab.tabTitle || "",
|
|
1710
|
+
content: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
1711
|
+
tab.topContent && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: InternalBrandsTab_module_default.accordionTopContent, children: [
|
|
1712
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
1713
|
+
((_a2 = tab.topContent) == null ? void 0 : _a2.title) && /* @__PURE__ */ jsxRuntime.jsx("p", { className: InternalBrandsTab_module_default.topContentTitle, children: tab.topContent.title }),
|
|
1714
|
+
((_b2 = tab.topContent) == null ? void 0 : _b2.longText) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: InternalBrandsTab_module_default.topContentLongText, children: tab.topContent.longText }),
|
|
1715
|
+
((_c2 = tab.topContent) == null ? void 0 : _c2.cta) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: InternalBrandsTab_module_default.topContentCtaContainer, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1716
|
+
Button,
|
|
1717
|
+
{
|
|
1718
|
+
className: InternalBrandsTab_module_default.topContentCta,
|
|
1719
|
+
variant: "primary",
|
|
1720
|
+
href: (_d2 = tab.topContent.cta) == null ? void 0 : _d2.url,
|
|
1721
|
+
isExternal: (_e2 = tab.topContent.cta) == null ? void 0 : _e2.isExternal,
|
|
1722
|
+
logo: (_f2 = tab.topContent.cta) == null ? void 0 : _f2.logo,
|
|
1723
|
+
children: (_g2 = tab.topContent.cta) == null ? void 0 : _g2.label
|
|
1724
|
+
}
|
|
1725
|
+
) })
|
|
1726
|
+
] }),
|
|
1727
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { children: ((_h2 = tab.topContent) == null ? void 0 : _h2.rightSideText) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: InternalBrandsTab_module_default.topContentRightSide, children: tab.topContent.rightSideText }) })
|
|
1728
|
+
] }),
|
|
1729
|
+
tab.bottomContent && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: InternalBrandsTab_module_default.accordionBottomContent, children: [
|
|
1730
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: InternalBrandsTab_module_default.bottomContentLeftSide, children: [
|
|
1731
|
+
((_i2 = tab.bottomContent) == null ? void 0 : _i2.title) && /* @__PURE__ */ jsxRuntime.jsx("p", { className: InternalBrandsTab_module_default.bottomContentTitle, children: tab.bottomContent.title }),
|
|
1732
|
+
((_j2 = tab.bottomContent) == null ? void 0 : _j2.textList) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: InternalBrandsTab_module_default.bottomContentTextList, children: tab.bottomContent.textList })
|
|
1733
|
+
] }),
|
|
1734
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: InternalBrandsTab_module_default.bottomContentRightSide, children: [
|
|
1735
|
+
((_k2 = tab.bottomContent) == null ? void 0 : _k2.icon) && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1736
|
+
Picture,
|
|
1737
|
+
{
|
|
1738
|
+
src: (_l2 = tab.bottomContent.icon) == null ? void 0 : _l2.src,
|
|
1739
|
+
alt: (_m2 = tab.bottomContent.icon) == null ? void 0 : _m2.alt,
|
|
1740
|
+
className: InternalBrandsTab_module_default.bottomContentIcon
|
|
1741
|
+
}
|
|
1742
|
+
),
|
|
1743
|
+
((_n2 = tab.bottomContent) == null ? void 0 : _n2.quote) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: InternalBrandsTab_module_default.bottomContentQuote, children: tab.bottomContent.quote })
|
|
1744
|
+
] })
|
|
1745
|
+
] })
|
|
1746
|
+
] })
|
|
1747
|
+
};
|
|
1748
|
+
})) || [];
|
|
1749
|
+
}, [tabs]);
|
|
1750
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx23__default.default(InternalBrandsTab_module_default.internalBrandsTab, className), children: [
|
|
1751
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: InternalBrandsTab_module_default.textsContainer, children: [
|
|
1752
|
+
title && /* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h2", className: InternalBrandsTab_module_default.title, children: title }),
|
|
1753
|
+
subTitle && /* @__PURE__ */ jsxRuntime.jsx("div", { className: InternalBrandsTab_module_default.subTitle, children: subTitle })
|
|
1754
|
+
] }),
|
|
1755
|
+
isTabletBelow ? /* @__PURE__ */ jsxRuntime.jsx(Accordion, { items: accordionItems, allowMultiple: true, defaultOpenIds: [] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: InternalBrandsTab_module_default.tabWrapper, children: [
|
|
1756
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: InternalBrandsTab_module_default.tabButtonsRow, children: tabs == null ? void 0 : tabs.map(({ tabTitle }, index) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1757
|
+
Button,
|
|
1758
|
+
{
|
|
1759
|
+
variant: "tabbutton",
|
|
1760
|
+
onClick: () => setActiveIndex(index),
|
|
1761
|
+
isActive: activeIndex === index,
|
|
1762
|
+
children: tabTitle
|
|
1763
|
+
},
|
|
1764
|
+
index
|
|
1765
|
+
)) }),
|
|
1766
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx23__default.default(InternalBrandsTab_module_default.contentArea), children: ((_a = tabs == null ? void 0 : tabs[activeIndex]) == null ? void 0 : _a.topContent) && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
1767
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: InternalBrandsTab_module_default.topContent, children: [
|
|
1768
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
1769
|
+
((_b = tabs[activeIndex].topContent) == null ? void 0 : _b.title) && /* @__PURE__ */ jsxRuntime.jsx("p", { className: InternalBrandsTab_module_default.topContentTitle, children: (_c = tabs[activeIndex].topContent) == null ? void 0 : _c.title }),
|
|
1770
|
+
((_d = tabs[activeIndex].topContent) == null ? void 0 : _d.longText) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: InternalBrandsTab_module_default.topContentLongText, children: (_e = tabs[activeIndex].topContent) == null ? void 0 : _e.longText }),
|
|
1771
|
+
((_f = tabs[activeIndex].topContent) == null ? void 0 : _f.cta) && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1772
|
+
Button,
|
|
1773
|
+
{
|
|
1774
|
+
className: InternalBrandsTab_module_default.topContentCta,
|
|
1775
|
+
variant: "primary",
|
|
1776
|
+
href: (_h = (_g = tabs[activeIndex].topContent) == null ? void 0 : _g.cta) == null ? void 0 : _h.url,
|
|
1777
|
+
isExternal: (_j = (_i = tabs[activeIndex].topContent) == null ? void 0 : _i.cta) == null ? void 0 : _j.isExternal,
|
|
1778
|
+
logo: (_l = (_k = tabs[activeIndex].topContent) == null ? void 0 : _k.cta) == null ? void 0 : _l.logo,
|
|
1779
|
+
children: (_n = (_m = tabs[activeIndex].topContent) == null ? void 0 : _m.cta) == null ? void 0 : _n.label
|
|
1780
|
+
}
|
|
1781
|
+
)
|
|
1782
|
+
] }),
|
|
1783
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { children: ((_o = tabs[activeIndex].topContent) == null ? void 0 : _o.rightSideText) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: InternalBrandsTab_module_default.topContentRightSide, children: (_p = tabs[activeIndex].topContent) == null ? void 0 : _p.rightSideText }) })
|
|
1784
|
+
] }),
|
|
1785
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: InternalBrandsTab_module_default.bottomContent, children: [
|
|
1786
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: InternalBrandsTab_module_default.bottomContentLeftSide, children: [
|
|
1787
|
+
((_q = tabs[activeIndex].bottomContent) == null ? void 0 : _q.title) && /* @__PURE__ */ jsxRuntime.jsx("p", { className: InternalBrandsTab_module_default.bottomContentTitle, children: (_r = tabs[activeIndex].bottomContent) == null ? void 0 : _r.title }),
|
|
1788
|
+
((_s = tabs[activeIndex].bottomContent) == null ? void 0 : _s.textList) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: InternalBrandsTab_module_default.bottomContentTextList, children: (_t = tabs[activeIndex].bottomContent) == null ? void 0 : _t.textList })
|
|
1789
|
+
] }),
|
|
1790
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: InternalBrandsTab_module_default.bottomContentRightSide, children: [
|
|
1791
|
+
((_u = tabs[activeIndex].bottomContent) == null ? void 0 : _u.icon) && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1792
|
+
Picture,
|
|
1793
|
+
{
|
|
1794
|
+
src: (_w = (_v = tabs[activeIndex].bottomContent) == null ? void 0 : _v.icon) == null ? void 0 : _w.src,
|
|
1795
|
+
alt: (_y = (_x = tabs[activeIndex].bottomContent) == null ? void 0 : _x.icon) == null ? void 0 : _y.alt,
|
|
1796
|
+
className: InternalBrandsTab_module_default.bottomContentIcon
|
|
1797
|
+
}
|
|
1798
|
+
),
|
|
1799
|
+
((_z = tabs[activeIndex].bottomContent) == null ? void 0 : _z.quote) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: InternalBrandsTab_module_default.bottomContentQuote, children: (_A = tabs[activeIndex].bottomContent) == null ? void 0 : _A.quote })
|
|
1800
|
+
] })
|
|
1801
|
+
] })
|
|
1802
|
+
] }) })
|
|
1803
|
+
] })
|
|
1804
|
+
] });
|
|
1805
|
+
};
|
|
1806
|
+
|
|
1807
|
+
// src/widgets/InternalBrandsTab/index.tsx
|
|
1808
|
+
var InternalBrandsTab2 = Object.assign(InternalBrandsTab, {});
|
|
1430
1809
|
var MiniBannerTitle = ({ children }) => {
|
|
1431
1810
|
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
|
|
1432
1811
|
};
|
|
@@ -1475,17 +1854,17 @@ var MiniBanner = ({
|
|
|
1475
1854
|
const pretitleNode = (_a = slots.pretitle) != null ? _a : pretitle;
|
|
1476
1855
|
const titleNode = (_b = slots.title) != null ? _b : title;
|
|
1477
1856
|
const subtitleNode = (_c = slots.subtitle) != null ? _c : subtitle;
|
|
1478
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
1857
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx23__default.default(MiniBanner_module_default.minibanner, MiniBanner_module_default[variant], className), children: [
|
|
1479
1858
|
((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__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: MiniBanner_module_default.background }, background)),
|
|
1480
1859
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniBanner_module_default.wrapper, children: [
|
|
1481
1860
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniBanner_module_default.textContainer, children: [
|
|
1482
1861
|
(logo == null ? void 0 : logo.src) && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: MiniBanner_module_default.logo }, logo)),
|
|
1483
|
-
pretitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
1484
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: MiniBanner_module_default.headingWrapper, children: titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
1862
|
+
pretitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx23__default.default(MiniBanner_module_default.pretitle, "small"), children: pretitleNode }),
|
|
1863
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: MiniBanner_module_default.headingWrapper, children: titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx23__default.default(MiniBanner_module_default.title, isMiniBannerTextLeft ? "h1" : "h4"), children: titleNode }) }),
|
|
1485
1864
|
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1486
1865
|
"div",
|
|
1487
1866
|
{
|
|
1488
|
-
className:
|
|
1867
|
+
className: clsx23__default.default(MiniBanner_module_default.title, {
|
|
1489
1868
|
subheading: isMiniBannerNoBG || isMiniBannerTextLeft,
|
|
1490
1869
|
h1: !isMiniBannerNoBG && !isMiniBannerTextLeft
|
|
1491
1870
|
}),
|
|
@@ -1556,14 +1935,14 @@ var MiniSectionCta = ({
|
|
|
1556
1935
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1557
1936
|
"div",
|
|
1558
1937
|
{
|
|
1559
|
-
className:
|
|
1938
|
+
className: clsx23__default.default(MiniSectionCta_module_default.miniSectionCta, MiniSectionCta_module_default[variant], theme && MiniSectionCta_module_default[theme], className),
|
|
1560
1939
|
children: /* @__PURE__ */ jsxRuntime.jsx(Container, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniSectionCta_module_default.wrapper, children: [
|
|
1561
1940
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniSectionCta_module_default.col, children: [
|
|
1562
1941
|
titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: variant === "BgColorBlack" || variant === "BgColorGrey" ? "h3" : "h2", children: titleNode }),
|
|
1563
1942
|
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1564
1943
|
"div",
|
|
1565
1944
|
{
|
|
1566
|
-
className:
|
|
1945
|
+
className: clsx23__default.default(MiniSectionCta_module_default.subtitle, variant === "infoCallout" ? "h4" : "subheading"),
|
|
1567
1946
|
children: subtitleNode
|
|
1568
1947
|
}
|
|
1569
1948
|
)
|
|
@@ -1628,7 +2007,7 @@ var PracticePathCards = ({
|
|
|
1628
2007
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
1629
2008
|
const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
|
|
1630
2009
|
const footerNode = (_c = slots.footer) != null ? _c : footer;
|
|
1631
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2010
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx23__default.default(PracticePathCards_module_default["practice-path-cards"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: PracticePathCards_module_default.container, children: [
|
|
1632
2011
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: PracticePathCards_module_default.wrapper, children: [
|
|
1633
2012
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: PracticePathCards_module_default.content, children: [
|
|
1634
2013
|
titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { children: titleNode }),
|
|
@@ -1682,8 +2061,8 @@ var Teaser5050With3Text = ({
|
|
|
1682
2061
|
title: Teaser5050With3TextTitle
|
|
1683
2062
|
});
|
|
1684
2063
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
1685
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
1686
|
-
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2064
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx23__default.default(Teaser5050With3Text_module_default["teaser5050-3text"], Teaser5050With3Text_module_default[variant], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: Teaser5050With3Text_module_default.container, children: [
|
|
2065
|
+
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx23__default.default(Teaser5050With3Text_module_default.title, "h3"), children: titleNode }),
|
|
1687
2066
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: Teaser5050With3Text_module_default.content, children: [
|
|
1688
2067
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: Teaser5050With3Text_module_default.cards, children: cards == null ? void 0 : cards.map((card, key) => /* @__PURE__ */ jsxRuntime.jsx(InfoCard2, __spreadValues({}, card), key)) }),
|
|
1689
2068
|
image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: Teaser5050With3Text_module_default.image }, image))
|
|
@@ -1733,12 +2112,12 @@ var Teaser5050WithCta = ({
|
|
|
1733
2112
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1734
2113
|
"div",
|
|
1735
2114
|
{
|
|
1736
|
-
className:
|
|
2115
|
+
className: clsx23__default.default(Teaser5050WithCta_module_default.teaser5050, Teaser5050WithCta_module_default[variant], className),
|
|
1737
2116
|
style: { backgroundColor: bgColor ? bgColor : "#ffffff" },
|
|
1738
2117
|
children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: Teaser5050WithCta_module_default.container, children: [
|
|
1739
2118
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: Teaser5050WithCta_module_default.wrapper, children: [
|
|
1740
2119
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: Teaser5050WithCta_module_default.content, children: [
|
|
1741
|
-
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2120
|
+
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx23__default.default(Teaser5050WithCta_module_default.title, "h3"), children: titleNode }),
|
|
1742
2121
|
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "subheading", children: subtitleNode })
|
|
1743
2122
|
] }),
|
|
1744
2123
|
(ctas == null ? void 0 : ctas.length) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: Teaser5050WithCta_module_default.ctaWrapper, children: ctas.map((cta, key) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -1802,7 +2181,7 @@ var UpcomingEventCard = ({
|
|
|
1802
2181
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1803
2182
|
"article",
|
|
1804
2183
|
{
|
|
1805
|
-
className:
|
|
2184
|
+
className: clsx23__default.default(
|
|
1806
2185
|
"card",
|
|
1807
2186
|
UpcomingEventCard_module_default["event-card"],
|
|
1808
2187
|
UpcomingEventCard_module_default[direction],
|
|
@@ -1810,26 +2189,26 @@ var UpcomingEventCard = ({
|
|
|
1810
2189
|
className
|
|
1811
2190
|
),
|
|
1812
2191
|
children: [
|
|
1813
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
1814
|
-
showImage && image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadProps(__spreadValues({}, image), { className:
|
|
2192
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx23__default.default("card-content", UpcomingEventCard_module_default["event-card-content"]), children: [
|
|
2193
|
+
showImage && image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx23__default.default("card-image", UpcomingEventCard_module_default["event-card-image"]) })),
|
|
1815
2194
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
1816
2195
|
"div",
|
|
1817
2196
|
{
|
|
1818
|
-
className:
|
|
2197
|
+
className: clsx23__default.default(
|
|
1819
2198
|
"card-text-content",
|
|
1820
2199
|
UpcomingEventCard_module_default["event-card-text-content"],
|
|
1821
2200
|
(!showImage || !hasImage) && UpcomingEventCard_module_default["event-card-show-image"]
|
|
1822
2201
|
),
|
|
1823
2202
|
children: [
|
|
1824
2203
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: UpcomingEventCard_module_default.date, children: date }),
|
|
1825
|
-
title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className:
|
|
2204
|
+
title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: clsx23__default.default("card-text-title"), children: title }),
|
|
1826
2205
|
location && /* @__PURE__ */ jsxRuntime.jsx("span", { className: UpcomingEventCard_module_default.location, children: location }),
|
|
1827
|
-
description && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2206
|
+
description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx23__default.default("card-text-description", UpcomingEventCard_module_default.description), children: description }),
|
|
1828
2207
|
cta && cta.url && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1829
2208
|
Button,
|
|
1830
2209
|
{
|
|
1831
2210
|
variant: "secondary",
|
|
1832
|
-
className:
|
|
2211
|
+
className: clsx23__default.default(
|
|
1833
2212
|
"card-cta",
|
|
1834
2213
|
UpcomingEventCard_module_default["event-card-cta"],
|
|
1835
2214
|
!hasCTAandImage && UpcomingEventCard_module_default.hidden
|
|
@@ -1848,12 +2227,12 @@ var UpcomingEventCard = ({
|
|
|
1848
2227
|
cta && cta.url && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1849
2228
|
"div",
|
|
1850
2229
|
{
|
|
1851
|
-
className:
|
|
2230
|
+
className: clsx23__default.default("card-footer", UpcomingEventCard_module_default["event-card-footer"], hasImage && UpcomingEventCard_module_default.hidden),
|
|
1852
2231
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1853
2232
|
Button,
|
|
1854
2233
|
{
|
|
1855
2234
|
variant: "secondary",
|
|
1856
|
-
className:
|
|
2235
|
+
className: clsx23__default.default("card-cta", UpcomingEventCard_module_default["event-card-cta"]),
|
|
1857
2236
|
fullWidth: isBelowMobile,
|
|
1858
2237
|
href: cta.url,
|
|
1859
2238
|
icon: cta.icon,
|
|
@@ -1890,7 +2269,7 @@ var Carousel = (_a) => {
|
|
|
1890
2269
|
},
|
|
1891
2270
|
role: "region",
|
|
1892
2271
|
"aria-label": ariaLabel,
|
|
1893
|
-
className:
|
|
2272
|
+
className: clsx23__default.default(Carousel_module_default.carousel, className),
|
|
1894
2273
|
spaceBetween: 0,
|
|
1895
2274
|
slidesPerView: "auto",
|
|
1896
2275
|
modules: [modules.FreeMode, modules.A11y],
|
|
@@ -1900,7 +2279,7 @@ var Carousel = (_a) => {
|
|
|
1900
2279
|
children: slides.map((slide, index) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1901
2280
|
react$1.SwiperSlide,
|
|
1902
2281
|
{
|
|
1903
|
-
className:
|
|
2282
|
+
className: clsx23__default.default(Carousel_module_default["carousel-item"], props.slideClass),
|
|
1904
2283
|
children: slide
|
|
1905
2284
|
},
|
|
1906
2285
|
index
|
|
@@ -1950,13 +2329,13 @@ var EventList = ({
|
|
|
1950
2329
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1951
2330
|
"div",
|
|
1952
2331
|
{
|
|
1953
|
-
className:
|
|
2332
|
+
className: clsx23__default.default("event-list-module", EventList_module_default["event-list-module"], className),
|
|
1954
2333
|
style: {
|
|
1955
2334
|
backgroundColor
|
|
1956
2335
|
},
|
|
1957
|
-
children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className:
|
|
2336
|
+
children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx23__default.default(EventList_module_default["event-list-container"]), children: [
|
|
1958
2337
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: EventList_module_default["event-list-header-container"], children: [
|
|
1959
|
-
titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { className:
|
|
2338
|
+
titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: clsx23__default.default(EventList_module_default["event-list-title"]), children: titleNode }),
|
|
1960
2339
|
cta && cta.url && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1961
2340
|
Button,
|
|
1962
2341
|
{
|
|
@@ -1973,7 +2352,7 @@ var EventList = ({
|
|
|
1973
2352
|
Carousel,
|
|
1974
2353
|
{
|
|
1975
2354
|
"aria-label": "Upcoming events",
|
|
1976
|
-
wrapperClass:
|
|
2355
|
+
wrapperClass: clsx23__default.default(EventList_module_default["carousel-wrapper"], EventList_module_default[variant]),
|
|
1977
2356
|
slideClass: EventList_module_default["carousel-list-item"],
|
|
1978
2357
|
spaceBetween: 16,
|
|
1979
2358
|
slides: items.map((item) => {
|
|
@@ -1981,7 +2360,7 @@ var EventList = ({
|
|
|
1981
2360
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1982
2361
|
UpcomingEventCard,
|
|
1983
2362
|
__spreadValues({
|
|
1984
|
-
className:
|
|
2363
|
+
className: clsx23__default.default(EventList_module_default["event-card"]),
|
|
1985
2364
|
direction: "vertical",
|
|
1986
2365
|
showImage: false
|
|
1987
2366
|
}, item),
|
|
@@ -1994,17 +2373,17 @@ var EventList = ({
|
|
|
1994
2373
|
"ul",
|
|
1995
2374
|
{
|
|
1996
2375
|
"aria-label": "Upcoming events",
|
|
1997
|
-
className:
|
|
2376
|
+
className: clsx23__default.default(EventList_module_default["event-list-wrapper"], EventList_module_default["horizontal"], EventList_module_default[variant]),
|
|
1998
2377
|
children: items == null ? void 0 : items.map((item, index) => {
|
|
1999
2378
|
var _a2, _b, _c;
|
|
2000
2379
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2001
2380
|
"li",
|
|
2002
2381
|
{
|
|
2003
|
-
className:
|
|
2382
|
+
className: clsx23__default.default(EventList_module_default["card-list-item"]),
|
|
2004
2383
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2005
2384
|
UpcomingEventCard,
|
|
2006
2385
|
__spreadProps(__spreadValues({}, item), {
|
|
2007
|
-
className:
|
|
2386
|
+
className: clsx23__default.default(EventList_module_default["card-item"]),
|
|
2008
2387
|
showImage: false,
|
|
2009
2388
|
direction: "vertical"
|
|
2010
2389
|
})
|
|
@@ -2019,7 +2398,7 @@ var EventList = ({
|
|
|
2019
2398
|
"ul",
|
|
2020
2399
|
{
|
|
2021
2400
|
"aria-label": "Upcoming events",
|
|
2022
|
-
className:
|
|
2401
|
+
className: clsx23__default.default(EventList_module_default["event-list-wrapper"], EventList_module_default[listDirection]),
|
|
2023
2402
|
children: items == null ? void 0 : items.map((item, index) => {
|
|
2024
2403
|
var _a2, _b, _c;
|
|
2025
2404
|
return /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(UpcomingEventCard, __spreadProps(__spreadValues({}, item), { direction: cardDirection })) }, (_c = (_b = (_a2 = item.title) != null ? _a2 : item.date) != null ? _b : item.location) != null ? _c : index);
|
|
@@ -2035,12 +2414,6 @@ var EventList = ({
|
|
|
2035
2414
|
var EventList2 = Object.assign(EventList, {
|
|
2036
2415
|
Title: EventListTitle
|
|
2037
2416
|
});
|
|
2038
|
-
var Text = (_a) => {
|
|
2039
|
-
var _b = _a, { tag = "p", promoteToH1 = false, ref, children } = _b, props = __objRest(_b, ["tag", "promoteToH1", "ref", "children"]);
|
|
2040
|
-
const Component = promoteToH1 ? "h1" : tag;
|
|
2041
|
-
return /* @__PURE__ */ jsxRuntime.jsx(Component, __spreadProps(__spreadValues({ ref }, props), { children }));
|
|
2042
|
-
};
|
|
2043
|
-
Text.displayName = "Text";
|
|
2044
2417
|
|
|
2045
2418
|
// src/widgets/TextEvent/TextEvent.module.scss
|
|
2046
2419
|
var TextEvent_module_default = {
|
|
@@ -2072,9 +2445,9 @@ var TextEvent = (props) => {
|
|
|
2072
2445
|
});
|
|
2073
2446
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
2074
2447
|
const richTextNode = (_b = slots.richText) != null ? _b : richText;
|
|
2075
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className:
|
|
2448
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx23__default.default(TextEvent_module_default.textEvent, className), children: [
|
|
2076
2449
|
/* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h2", className: TextEvent_module_default.title, children: titleNode }),
|
|
2077
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2450
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx23__default.default(TextEvent_module_default.richText, TextEvent_module_default[variant != null ? variant : ""]), children: richTextNode })
|
|
2078
2451
|
] });
|
|
2079
2452
|
};
|
|
2080
2453
|
|
|
@@ -2105,7 +2478,7 @@ var TextBody = (props) => {
|
|
|
2105
2478
|
});
|
|
2106
2479
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
2107
2480
|
const bodyNode = (_b = slots.body) != null ? _b : body;
|
|
2108
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className:
|
|
2481
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx23__default.default(TextBody_module_default.textBody, className), children: [
|
|
2109
2482
|
titleNode && /* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h2", className: TextBody_module_default.title, children: titleNode }),
|
|
2110
2483
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: TextBody_module_default.body, children: bodyNode })
|
|
2111
2484
|
] });
|
|
@@ -2148,7 +2521,7 @@ var TextCenterCtaInBottom = ({
|
|
|
2148
2521
|
});
|
|
2149
2522
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
2150
2523
|
const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
|
|
2151
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2524
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx23__default.default(TextCenterCtaInBottom_module_default.textCenterCta, className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: TextCenterCtaInBottom_module_default.container, children: [
|
|
2152
2525
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: TextCenterCtaInBottom_module_default.content, children: [
|
|
2153
2526
|
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: TextCenterCtaInBottom_module_default.title, children: titleNode }),
|
|
2154
2527
|
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: TextCenterCtaInBottom_module_default.subtitle, children: subtitleNode })
|
|
@@ -2156,7 +2529,7 @@ var TextCenterCtaInBottom = ({
|
|
|
2156
2529
|
!!(ctas == null ? void 0 : ctas.length) && /* @__PURE__ */ jsxRuntime.jsx(
|
|
2157
2530
|
"div",
|
|
2158
2531
|
{
|
|
2159
|
-
className:
|
|
2532
|
+
className: clsx23__default.default(
|
|
2160
2533
|
TextCenterCtaInBottom_module_default.ctaWrapper,
|
|
2161
2534
|
ctas.every((cta) => !cta.label && cta.logo) && TextCenterCtaInBottom_module_default.iconOnly
|
|
2162
2535
|
),
|
|
@@ -2182,17 +2555,392 @@ var TextCenterCtaInBottom2 = Object.assign(TextCenterCtaInBottom, {
|
|
|
2182
2555
|
Title: TextCenterCtaInBottomTitle,
|
|
2183
2556
|
Subtitle: TextCenterCtaInBottomSubtitle
|
|
2184
2557
|
});
|
|
2558
|
+
|
|
2559
|
+
// src/widgets/ResourcesGridList/ResourcesGridList.module.scss
|
|
2560
|
+
var ResourcesGridList_module_default = {
|
|
2561
|
+
widget: "ResourcesGridList_module_widget",
|
|
2562
|
+
filterBar: "ResourcesGridList_module_filterBar",
|
|
2563
|
+
viewToggle: "ResourcesGridList_module_viewToggle",
|
|
2564
|
+
filterActions: "ResourcesGridList_module_filterActions",
|
|
2565
|
+
chip: "ResourcesGridList_module_chip",
|
|
2566
|
+
active: "ResourcesGridList_module_active",
|
|
2567
|
+
chipLabel: "ResourcesGridList_module_chipLabel",
|
|
2568
|
+
dropdownWrapper: "ResourcesGridList_module_dropdownWrapper",
|
|
2569
|
+
searchExpanded: "ResourcesGridList_module_searchExpanded",
|
|
2570
|
+
searchExpand: "ResourcesGridList_module_searchExpand",
|
|
2571
|
+
searchCollapsing: "ResourcesGridList_module_searchCollapsing",
|
|
2572
|
+
searchCollapse: "ResourcesGridList_module_searchCollapse",
|
|
2573
|
+
searchIconInner: "ResourcesGridList_module_searchIconInner",
|
|
2574
|
+
searchInput: "ResourcesGridList_module_searchInput",
|
|
2575
|
+
dropdownPanel: "ResourcesGridList_module_dropdownPanel",
|
|
2576
|
+
dropdownOption: "ResourcesGridList_module_dropdownOption",
|
|
2577
|
+
selected: "ResourcesGridList_module_selected",
|
|
2578
|
+
content: "ResourcesGridList_module_content",
|
|
2579
|
+
mobileSidebarOverlay: "ResourcesGridList_module_mobileSidebarOverlay",
|
|
2580
|
+
mobileSidebarOverlayOpen: "ResourcesGridList_module_mobileSidebarOverlayOpen",
|
|
2581
|
+
mobileCategoriesPanel: "ResourcesGridList_module_mobileCategoriesPanel",
|
|
2582
|
+
mobileCategoriesList: "ResourcesGridList_module_mobileCategoriesList",
|
|
2583
|
+
mobileSidebarItem: "ResourcesGridList_module_mobileSidebarItem",
|
|
2584
|
+
mobileSidebarCloseColumn: "ResourcesGridList_module_mobileSidebarCloseColumn",
|
|
2585
|
+
sidebar: "ResourcesGridList_module_sidebar",
|
|
2586
|
+
sidebarItem: "ResourcesGridList_module_sidebarItem",
|
|
2587
|
+
sidebarMobile: "ResourcesGridList_module_sidebarMobile",
|
|
2588
|
+
hamburger: "ResourcesGridList_module_hamburger",
|
|
2589
|
+
cardsArea: "ResourcesGridList_module_cardsArea",
|
|
2590
|
+
grid: "ResourcesGridList_module_grid",
|
|
2591
|
+
list: "ResourcesGridList_module_list",
|
|
2592
|
+
cardGrid: "ResourcesGridList_module_cardGrid",
|
|
2593
|
+
cardBody: "ResourcesGridList_module_cardBody",
|
|
2594
|
+
cardIconTitle: "ResourcesGridList_module_cardIconTitle",
|
|
2595
|
+
cardTitle: "ResourcesGridList_module_cardTitle",
|
|
2596
|
+
cardMeta: "ResourcesGridList_module_cardMeta",
|
|
2597
|
+
cardDate: "ResourcesGridList_module_cardDate",
|
|
2598
|
+
cardList: "ResourcesGridList_module_cardList",
|
|
2599
|
+
cardListLeft: "ResourcesGridList_module_cardListLeft",
|
|
2600
|
+
cardListRight: "ResourcesGridList_module_cardListRight",
|
|
2601
|
+
notificationDot: "ResourcesGridList_module_notificationDot",
|
|
2602
|
+
iconWrapper: "ResourcesGridList_module_iconWrapper",
|
|
2603
|
+
pagination: "ResourcesGridList_module_pagination",
|
|
2604
|
+
pageArrow: "ResourcesGridList_module_pageArrow",
|
|
2605
|
+
pageDotActive: "ResourcesGridList_module_pageDotActive",
|
|
2606
|
+
pageDot: "ResourcesGridList_module_pageDot"
|
|
2607
|
+
};
|
|
2608
|
+
var FILTER_OPTIONS = [
|
|
2609
|
+
{ value: "link", label: "Link", icon: "externalLink" },
|
|
2610
|
+
{ value: "pdf", label: "PDF", icon: "pdf" }
|
|
2611
|
+
];
|
|
2612
|
+
var SORT_OPTIONS = [
|
|
2613
|
+
{ value: "latest", label: "Latest" },
|
|
2614
|
+
{ value: "oldest", label: "Oldest" },
|
|
2615
|
+
{ value: "az", label: "A \u2192 Z" },
|
|
2616
|
+
{ value: "za", label: "Z \u2192 A" }
|
|
2617
|
+
];
|
|
2618
|
+
function FilterBar({
|
|
2619
|
+
view,
|
|
2620
|
+
onViewChange,
|
|
2621
|
+
isMobile,
|
|
2622
|
+
filterValue,
|
|
2623
|
+
onFilterChange,
|
|
2624
|
+
sortValue,
|
|
2625
|
+
onSortChange
|
|
2626
|
+
}) {
|
|
2627
|
+
const [openDropdown, setOpenDropdown] = React62.useState(null);
|
|
2628
|
+
const [searchState, setSearchState] = React62.useState("closed");
|
|
2629
|
+
const [searchQuery, setSearchQuery] = React62.useState("");
|
|
2630
|
+
const filterRef = React62.useRef(null);
|
|
2631
|
+
const sortRef = React62.useRef(null);
|
|
2632
|
+
const searchInputRef = React62.useRef(null);
|
|
2633
|
+
const closeSearch = () => {
|
|
2634
|
+
setSearchState("closing");
|
|
2635
|
+
setSearchQuery("");
|
|
2636
|
+
};
|
|
2637
|
+
React62.useEffect(() => {
|
|
2638
|
+
const handleMouseDown = (e) => {
|
|
2639
|
+
var _a, _b;
|
|
2640
|
+
const target = e.target;
|
|
2641
|
+
if (((_a = filterRef.current) == null ? void 0 : _a.contains(target)) || ((_b = sortRef.current) == null ? void 0 : _b.contains(target))) return;
|
|
2642
|
+
setOpenDropdown(null);
|
|
2643
|
+
};
|
|
2644
|
+
document.addEventListener("mousedown", handleMouseDown);
|
|
2645
|
+
return () => document.removeEventListener("mousedown", handleMouseDown);
|
|
2646
|
+
}, []);
|
|
2647
|
+
React62.useEffect(() => {
|
|
2648
|
+
var _a;
|
|
2649
|
+
if (searchState === "open") (_a = searchInputRef.current) == null ? void 0 : _a.focus();
|
|
2650
|
+
}, [searchState]);
|
|
2651
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ResourcesGridList_module_default.filterBar, children: [
|
|
2652
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: ResourcesGridList_module_default.viewToggle, children: [
|
|
2653
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
2654
|
+
"button",
|
|
2655
|
+
{
|
|
2656
|
+
type: "button",
|
|
2657
|
+
className: clsx23__default.default(ResourcesGridList_module_default.chip, view === "grid" && ResourcesGridList_module_default.active),
|
|
2658
|
+
onClick: () => onViewChange("grid"),
|
|
2659
|
+
"aria-pressed": view === "grid",
|
|
2660
|
+
children: [
|
|
2661
|
+
/* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "grid", size: 20, "aria-hidden": "true" }),
|
|
2662
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: ResourcesGridList_module_default.chipLabel, children: "Grid" })
|
|
2663
|
+
]
|
|
2664
|
+
}
|
|
2665
|
+
),
|
|
2666
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
2667
|
+
"button",
|
|
2668
|
+
{
|
|
2669
|
+
type: "button",
|
|
2670
|
+
className: clsx23__default.default(ResourcesGridList_module_default.chip, view === "list" && ResourcesGridList_module_default.active),
|
|
2671
|
+
onClick: () => onViewChange("list"),
|
|
2672
|
+
"aria-pressed": view === "list",
|
|
2673
|
+
children: [
|
|
2674
|
+
/* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "list", size: 20, "aria-hidden": "true" }),
|
|
2675
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: ResourcesGridList_module_default.chipLabel, children: "List" })
|
|
2676
|
+
]
|
|
2677
|
+
}
|
|
2678
|
+
)
|
|
2679
|
+
] }),
|
|
2680
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: ResourcesGridList_module_default.filterActions, children: [
|
|
2681
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: ResourcesGridList_module_default.dropdownWrapper, ref: filterRef, children: [
|
|
2682
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
2683
|
+
"button",
|
|
2684
|
+
{
|
|
2685
|
+
type: "button",
|
|
2686
|
+
className: clsx23__default.default(ResourcesGridList_module_default.chip, filterValue !== "all" && ResourcesGridList_module_default.active),
|
|
2687
|
+
onClick: () => setOpenDropdown(openDropdown === "filter" ? null : "filter"),
|
|
2688
|
+
"aria-expanded": openDropdown === "filter",
|
|
2689
|
+
children: [
|
|
2690
|
+
/* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "filter", size: 20, "aria-hidden": "true" }),
|
|
2691
|
+
!isMobile && /* @__PURE__ */ jsxRuntime.jsx("span", { className: ResourcesGridList_module_default.chipLabel, children: "Filter" })
|
|
2692
|
+
]
|
|
2693
|
+
}
|
|
2694
|
+
),
|
|
2695
|
+
openDropdown === "filter" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: ResourcesGridList_module_default.dropdownPanel, role: "listbox", "aria-label": "Filter by type", children: FILTER_OPTIONS.map((opt) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
2696
|
+
"button",
|
|
2697
|
+
{
|
|
2698
|
+
type: "button",
|
|
2699
|
+
role: "option",
|
|
2700
|
+
"aria-selected": filterValue === opt.value,
|
|
2701
|
+
className: clsx23__default.default(
|
|
2702
|
+
ResourcesGridList_module_default.dropdownOption,
|
|
2703
|
+
filterValue === opt.value && ResourcesGridList_module_default.selected
|
|
2704
|
+
),
|
|
2705
|
+
onClick: () => {
|
|
2706
|
+
onFilterChange(filterValue === opt.value ? "all" : opt.value);
|
|
2707
|
+
setOpenDropdown(null);
|
|
2708
|
+
},
|
|
2709
|
+
children: [
|
|
2710
|
+
/* @__PURE__ */ jsxRuntime.jsx(Icon, { type: opt.icon, size: 20, "aria-hidden": "true" }),
|
|
2711
|
+
opt.label
|
|
2712
|
+
]
|
|
2713
|
+
},
|
|
2714
|
+
opt.value
|
|
2715
|
+
)) })
|
|
2716
|
+
] }),
|
|
2717
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: ResourcesGridList_module_default.dropdownWrapper, ref: sortRef, children: [
|
|
2718
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
2719
|
+
"button",
|
|
2720
|
+
{
|
|
2721
|
+
type: "button",
|
|
2722
|
+
className: ResourcesGridList_module_default.chip,
|
|
2723
|
+
onClick: () => setOpenDropdown(openDropdown === "sort" ? null : "sort"),
|
|
2724
|
+
"aria-expanded": openDropdown === "sort",
|
|
2725
|
+
children: [
|
|
2726
|
+
/* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "internalFilter", size: 20, "aria-hidden": "true" }),
|
|
2727
|
+
!isMobile && /* @__PURE__ */ jsxRuntime.jsx("span", { className: ResourcesGridList_module_default.chipLabel, children: "Sort" })
|
|
2728
|
+
]
|
|
2729
|
+
}
|
|
2730
|
+
),
|
|
2731
|
+
openDropdown === "sort" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: ResourcesGridList_module_default.dropdownPanel, role: "listbox", "aria-label": "Sort by", children: SORT_OPTIONS.map((opt) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2732
|
+
"button",
|
|
2733
|
+
{
|
|
2734
|
+
type: "button",
|
|
2735
|
+
role: "option",
|
|
2736
|
+
"aria-selected": sortValue === opt.value,
|
|
2737
|
+
className: clsx23__default.default(
|
|
2738
|
+
ResourcesGridList_module_default.dropdownOption,
|
|
2739
|
+
sortValue === opt.value && ResourcesGridList_module_default.selected
|
|
2740
|
+
),
|
|
2741
|
+
onClick: () => {
|
|
2742
|
+
onSortChange(opt.value);
|
|
2743
|
+
setOpenDropdown(null);
|
|
2744
|
+
},
|
|
2745
|
+
children: opt.label
|
|
2746
|
+
},
|
|
2747
|
+
opt.value
|
|
2748
|
+
)) })
|
|
2749
|
+
] }),
|
|
2750
|
+
searchState !== "closed" ? /* @__PURE__ */ jsxRuntime.jsxs(
|
|
2751
|
+
"div",
|
|
2752
|
+
{
|
|
2753
|
+
className: clsx23__default.default(
|
|
2754
|
+
ResourcesGridList_module_default.searchExpanded,
|
|
2755
|
+
searchState === "closing" && ResourcesGridList_module_default.searchCollapsing
|
|
2756
|
+
),
|
|
2757
|
+
onAnimationEnd: () => {
|
|
2758
|
+
if (searchState === "closing") setSearchState("closed");
|
|
2759
|
+
},
|
|
2760
|
+
children: [
|
|
2761
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: ResourcesGridList_module_default.searchIconInner, children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "search", size: 20, "aria-hidden": "true" }) }),
|
|
2762
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2763
|
+
"input",
|
|
2764
|
+
{
|
|
2765
|
+
ref: searchInputRef,
|
|
2766
|
+
type: "text",
|
|
2767
|
+
className: ResourcesGridList_module_default.searchInput,
|
|
2768
|
+
placeholder: "Search\u2026",
|
|
2769
|
+
value: searchQuery,
|
|
2770
|
+
onChange: (e) => setSearchQuery(e.target.value),
|
|
2771
|
+
onKeyDown: (e) => {
|
|
2772
|
+
if (e.key === "Escape") closeSearch();
|
|
2773
|
+
},
|
|
2774
|
+
onBlur: closeSearch
|
|
2775
|
+
}
|
|
2776
|
+
)
|
|
2777
|
+
]
|
|
2778
|
+
}
|
|
2779
|
+
) : /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", className: ResourcesGridList_module_default.chip, onClick: () => setSearchState("open"), children: [
|
|
2780
|
+
/* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "search", size: 20, "aria-hidden": "true" }),
|
|
2781
|
+
!isMobile && /* @__PURE__ */ jsxRuntime.jsx("span", { className: ResourcesGridList_module_default.chipLabel, children: "Search" })
|
|
2782
|
+
] })
|
|
2783
|
+
] })
|
|
2784
|
+
] });
|
|
2785
|
+
}
|
|
2786
|
+
var Sidebar = ({ categories, isMobile, onToggle }) => {
|
|
2787
|
+
if (isMobile) {
|
|
2788
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: ResourcesGridList_module_default.sidebarMobile, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2789
|
+
"button",
|
|
2790
|
+
{
|
|
2791
|
+
type: "button",
|
|
2792
|
+
className: ResourcesGridList_module_default.hamburger,
|
|
2793
|
+
"aria-label": "Open categories",
|
|
2794
|
+
onClick: onToggle,
|
|
2795
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "menuBlack", size: 20, "aria-hidden": "true" })
|
|
2796
|
+
}
|
|
2797
|
+
) });
|
|
2798
|
+
}
|
|
2799
|
+
return /* @__PURE__ */ jsxRuntime.jsx("nav", { className: ResourcesGridList_module_default.sidebar, "aria-label": "Resource categories", children: /* @__PURE__ */ jsxRuntime.jsx("ul", { children: categories.map((cat, i) => {
|
|
2800
|
+
var _a;
|
|
2801
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
2802
|
+
"li",
|
|
2803
|
+
{
|
|
2804
|
+
className: clsx23__default.default(ResourcesGridList_module_default.sidebarItem, cat.active && ResourcesGridList_module_default.active),
|
|
2805
|
+
children: [
|
|
2806
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { children: cat.label }),
|
|
2807
|
+
cat.hasNotification && /* @__PURE__ */ jsxRuntime.jsx("span", { className: ResourcesGridList_module_default.notificationDot, "aria-label": "New" })
|
|
2808
|
+
]
|
|
2809
|
+
},
|
|
2810
|
+
(_a = cat.label) != null ? _a : i
|
|
2811
|
+
);
|
|
2812
|
+
}) }) });
|
|
2813
|
+
};
|
|
2814
|
+
var ResourceIcon = ({ type }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: ResourcesGridList_module_default.iconWrapper, children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: type === "pdf" ? "pdf" : "externalLink", size: 32, "aria-hidden": "true" }) });
|
|
2815
|
+
var ResourceCardItem = ({ item, view }) => {
|
|
2816
|
+
if (view === "grid") {
|
|
2817
|
+
return /* @__PURE__ */ jsxRuntime.jsx("article", { className: ResourcesGridList_module_default.cardGrid, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ResourcesGridList_module_default.cardBody, children: [
|
|
2818
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: ResourcesGridList_module_default.cardIconTitle, children: [
|
|
2819
|
+
/* @__PURE__ */ jsxRuntime.jsx(ResourceIcon, { type: item.type }),
|
|
2820
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: ResourcesGridList_module_default.cardTitle, children: item.title })
|
|
2821
|
+
] }),
|
|
2822
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: ResourcesGridList_module_default.cardMeta, children: [
|
|
2823
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: ResourcesGridList_module_default.cardDate, children: item.date }),
|
|
2824
|
+
item.hasNotification && /* @__PURE__ */ jsxRuntime.jsx("span", { className: ResourcesGridList_module_default.notificationDot, "aria-label": "New" })
|
|
2825
|
+
] })
|
|
2826
|
+
] }) });
|
|
2827
|
+
}
|
|
2828
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("article", { className: ResourcesGridList_module_default.cardList, children: [
|
|
2829
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: ResourcesGridList_module_default.cardListLeft, children: [
|
|
2830
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: ResourcesGridList_module_default.cardDate, children: item.date }),
|
|
2831
|
+
item.hasNotification && /* @__PURE__ */ jsxRuntime.jsx("span", { className: ResourcesGridList_module_default.notificationDot, "aria-label": "New" })
|
|
2832
|
+
] }),
|
|
2833
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: ResourcesGridList_module_default.cardListRight, children: [
|
|
2834
|
+
/* @__PURE__ */ jsxRuntime.jsx(ResourceIcon, { type: item.type }),
|
|
2835
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: ResourcesGridList_module_default.cardTitle, children: item.title })
|
|
2836
|
+
] })
|
|
2837
|
+
] });
|
|
2838
|
+
};
|
|
2839
|
+
var Pagination3 = () => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ResourcesGridList_module_default.pagination, "aria-label": "Pagination", children: [
|
|
2840
|
+
/* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: ResourcesGridList_module_default.pageArrow, "aria-label": "Previous page", children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "chevronLeftBlack", size: 32, "aria-hidden": "true" }) }),
|
|
2841
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: ResourcesGridList_module_default.pageDotActive, "aria-current": "page" }),
|
|
2842
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: ResourcesGridList_module_default.pageDot }),
|
|
2843
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: ResourcesGridList_module_default.pageDot }),
|
|
2844
|
+
/* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: ResourcesGridList_module_default.pageArrow, "aria-label": "Next page", children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "chevronRightBlack", size: 32, "aria-hidden": "true" }) })
|
|
2845
|
+
] });
|
|
2846
|
+
var ResourcesGridList = ({
|
|
2847
|
+
className,
|
|
2848
|
+
items = [],
|
|
2849
|
+
categories = [],
|
|
2850
|
+
defaultView = "grid",
|
|
2851
|
+
defaultFilter = "all",
|
|
2852
|
+
defaultSort = "latest"
|
|
2853
|
+
}) => {
|
|
2854
|
+
const [view, setView] = React62.useState(defaultView);
|
|
2855
|
+
const [isSidebarOpen, setIsSidebarOpen] = React62.useState(false);
|
|
2856
|
+
const [filterValue, setFilterValue] = React62.useState(defaultFilter);
|
|
2857
|
+
const [sortValue, setSortValue] = React62.useState(defaultSort);
|
|
2858
|
+
const { is } = useViewPort_default();
|
|
2859
|
+
const isMobile = is("tablet", "below");
|
|
2860
|
+
const displayedItems = [...items].filter((item) => filterValue === "all" || item.type === filterValue).sort((a, b) => {
|
|
2861
|
+
if (sortValue === "latest") return new Date(b.date).getTime() - new Date(a.date).getTime();
|
|
2862
|
+
if (sortValue === "oldest") return new Date(a.date).getTime() - new Date(b.date).getTime();
|
|
2863
|
+
if (sortValue === "az") return a.title.localeCompare(b.title);
|
|
2864
|
+
if (sortValue === "za") return b.title.localeCompare(a.title);
|
|
2865
|
+
return 0;
|
|
2866
|
+
});
|
|
2867
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx23__default.default(ResourcesGridList_module_default.widget, className), children: [
|
|
2868
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2869
|
+
FilterBar,
|
|
2870
|
+
{
|
|
2871
|
+
view,
|
|
2872
|
+
onViewChange: setView,
|
|
2873
|
+
isMobile,
|
|
2874
|
+
filterValue,
|
|
2875
|
+
onFilterChange: setFilterValue,
|
|
2876
|
+
sortValue,
|
|
2877
|
+
onSortChange: setSortValue
|
|
2878
|
+
}
|
|
2879
|
+
),
|
|
2880
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: ResourcesGridList_module_default.content, children: [
|
|
2881
|
+
isMobile && /* @__PURE__ */ jsxRuntime.jsxs(
|
|
2882
|
+
"div",
|
|
2883
|
+
{
|
|
2884
|
+
className: clsx23__default.default(
|
|
2885
|
+
ResourcesGridList_module_default.mobileSidebarOverlay,
|
|
2886
|
+
isSidebarOpen && ResourcesGridList_module_default.mobileSidebarOverlayOpen
|
|
2887
|
+
),
|
|
2888
|
+
"aria-hidden": !isSidebarOpen,
|
|
2889
|
+
children: [
|
|
2890
|
+
/* @__PURE__ */ jsxRuntime.jsx("nav", { className: ResourcesGridList_module_default.mobileCategoriesPanel, "aria-label": "Resource categories", children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: ResourcesGridList_module_default.mobileCategoriesList, children: categories.map((cat, i) => {
|
|
2891
|
+
var _a;
|
|
2892
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
2893
|
+
"li",
|
|
2894
|
+
{
|
|
2895
|
+
className: clsx23__default.default(ResourcesGridList_module_default.mobileSidebarItem, cat.active && ResourcesGridList_module_default.active),
|
|
2896
|
+
children: [
|
|
2897
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { children: cat.label }),
|
|
2898
|
+
cat.hasNotification && /* @__PURE__ */ jsxRuntime.jsx("span", { className: ResourcesGridList_module_default.notificationDot, "aria-label": "New" })
|
|
2899
|
+
]
|
|
2900
|
+
},
|
|
2901
|
+
(_a = cat.label) != null ? _a : i
|
|
2902
|
+
);
|
|
2903
|
+
}) }) }),
|
|
2904
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: ResourcesGridList_module_default.mobileSidebarCloseColumn, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2905
|
+
"button",
|
|
2906
|
+
{
|
|
2907
|
+
type: "button",
|
|
2908
|
+
className: ResourcesGridList_module_default.hamburger,
|
|
2909
|
+
"aria-label": "Close categories",
|
|
2910
|
+
onClick: () => setIsSidebarOpen(false),
|
|
2911
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "xBlack", size: 20, "aria-hidden": "true" })
|
|
2912
|
+
}
|
|
2913
|
+
) })
|
|
2914
|
+
]
|
|
2915
|
+
}
|
|
2916
|
+
),
|
|
2917
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2918
|
+
Sidebar,
|
|
2919
|
+
{
|
|
2920
|
+
categories,
|
|
2921
|
+
isMobile,
|
|
2922
|
+
onToggle: () => setIsSidebarOpen(true)
|
|
2923
|
+
}
|
|
2924
|
+
),
|
|
2925
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx23__default.default(ResourcesGridList_module_default.cardsArea, ResourcesGridList_module_default[view]), children: displayedItems.map((item, i) => {
|
|
2926
|
+
var _a;
|
|
2927
|
+
return /* @__PURE__ */ jsxRuntime.jsx(ResourceCardItem, { item, view }, (_a = item.title) != null ? _a : i);
|
|
2928
|
+
}) })
|
|
2929
|
+
] }),
|
|
2930
|
+
/* @__PURE__ */ jsxRuntime.jsx(Pagination3, {})
|
|
2931
|
+
] });
|
|
2932
|
+
};
|
|
2185
2933
|
function useIntersectionObserver({
|
|
2186
2934
|
animateOnce = false,
|
|
2187
2935
|
options = {}
|
|
2188
2936
|
} = {}) {
|
|
2189
|
-
const observeRef =
|
|
2190
|
-
const [isVisible, setIsVisible] =
|
|
2937
|
+
const observeRef = React62.useRef(null);
|
|
2938
|
+
const [isVisible, setIsVisible] = React62.useState(false);
|
|
2191
2939
|
if (typeof IntersectionObserver === "undefined") {
|
|
2192
2940
|
console.warn("IntersectionObserver is not supported in this browser.");
|
|
2193
2941
|
return { observeRef, isVisible: true };
|
|
2194
2942
|
}
|
|
2195
|
-
|
|
2943
|
+
React62.useEffect(() => {
|
|
2196
2944
|
const currentRef = observeRef.current;
|
|
2197
2945
|
if (!currentRef) return;
|
|
2198
2946
|
const observer = new IntersectionObserver((entries) => {
|
|
@@ -2226,12 +2974,15 @@ exports.HeroBanner = HeroBanner2;
|
|
|
2226
2974
|
exports.HeroBannerCarousel = HeroBannerCarousel;
|
|
2227
2975
|
exports.Icon = Icon;
|
|
2228
2976
|
exports.InfoCard = InfoCard2;
|
|
2977
|
+
exports.InternalBrandsTab = InternalBrandsTab2;
|
|
2978
|
+
exports.LogoBar = LogoBar;
|
|
2229
2979
|
exports.MiniBanner = MiniBanner2;
|
|
2230
2980
|
exports.MiniSectionCta = MiniSectionCta2;
|
|
2231
2981
|
exports.Pagination = Pagination;
|
|
2232
2982
|
exports.Picture = Picture;
|
|
2233
2983
|
exports.PracticeCard = PracticeCard;
|
|
2234
2984
|
exports.PracticePathCards = PracticePathCards2;
|
|
2985
|
+
exports.ResourcesGridList = ResourcesGridList;
|
|
2235
2986
|
exports.Teaser5050With3Text = Teaser5050With3Text2;
|
|
2236
2987
|
exports.Teaser5050WithCta = Teaser5050WithCta2;
|
|
2237
2988
|
exports.TextBody = TextBody2;
|