quirk-ui 0.1.62 → 0.1.64
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/dist/core/components/NotificationContainer/index.cjs +1 -1
- package/dist/core/components/NotificationContainer/index.mjs +15 -15
- package/dist/index49.css +1 -1
- package/dist/index5.css +1 -1
- package/dist/next/blocks/CardGridBlock/index.cjs +1 -1
- package/dist/next/blocks/CardGridBlock/index.mjs +32 -32
- package/dist/next/blocks/HeroBlock/index.cjs +1 -1
- package/dist/next/blocks/HeroBlock/index.mjs +1 -0
- package/dist/next/blocks/TabsBlock/index.cjs +1 -1
- package/dist/next/blocks/TabsBlock/index.mjs +39 -38
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index49.css');const r=require("react/jsx-runtime"),n=require("react"),g=require("../Notification/index.cjs"),b="
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index49.css');const r=require("react/jsx-runtime"),n=require("react"),g=require("../Notification/index.cjs"),b="_container_1p8kf_2",f={container:b,"position-top-right":"_position-top-right_1p8kf_19","position-top-left":"_position-top-left_1p8kf_24","position-top-center":"_position-top-center_1p8kf_29","position-bottom-right":"_position-bottom-right_1p8kf_35","position-bottom-left":"_position-bottom-left_1p8kf_41","position-bottom-center":"_position-bottom-center_1p8kf_47"};function m({position:i="top-right",maxNotifications:o=5,className:e}){const[a,c]=n.useState([]),p=n.useCallback(t=>{const s=Date.now().toString()+Math.random().toString(36).substr(2,9);return c(d=>{const l=[...d,{...t,id:s}];return l.length>o?l.slice(-o):l}),s},[o]),u=n.useCallback(t=>{c(s=>s.filter(d=>d.id!==t))},[]),w=n.useCallback(()=>{c([])},[]),_=f[`position-${i}`]||f["position-top-right"];return r.jsxs(r.Fragment,{children:[r.jsx("div",{className:`${f.container} ${_} ${e??""}`.trim(),children:a.map(t=>r.jsx(g.Notification,{id:t.id,message:t.message,variant:t.variant,title:t.title,action:t.action,duration:t.duration,showIcon:t.showIcon,closable:t.closable,position:i,onClose:()=>u(t.id)},t.id))}),typeof window<"u"&&r.jsx(k,{addNotification:p,removeNotification:u,clearAll:w})]})}function k({addNotification:i,removeNotification:o,clearAll:e}){return n.useEffect(()=>{typeof window<"u"&&(window.notificationManager={add:i,remove:o,clear:e})},[i,o,e]),null}function h(){const i=n.useCallback(a=>typeof window<"u"&&window.notificationManager?window.notificationManager.add(a):(console.warn("NotificationContainer not found. Please add <NotificationContainer /> to your app."),null),[]),o=n.useCallback(a=>{typeof window<"u"&&window.notificationManager&&window.notificationManager.remove(a)},[]),e=n.useCallback(()=>{typeof window<"u"&&window.notificationManager&&window.notificationManager.clear()},[]);return{addNotification:i,removeNotification:o,clearAll:e}}exports.NotificationContainer=m;exports.useNotifications=h;
|
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
import { jsxs as g, Fragment as m, jsx as f } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
3
|
-
import { Notification as
|
|
4
|
-
import '../../../index49.css';const
|
|
5
|
-
container:
|
|
6
|
-
"position-top-right": "_position-top-
|
|
7
|
-
"position-top-left": "_position-top-
|
|
8
|
-
"position-top-center": "_position-top-
|
|
9
|
-
"position-bottom-right": "_position-bottom-
|
|
10
|
-
"position-bottom-left": "_position-bottom-
|
|
11
|
-
"position-bottom-center": "_position-bottom-
|
|
2
|
+
import h, { useState as b, useCallback as e } from "react";
|
|
3
|
+
import { Notification as M } from "../Notification/index.mjs";
|
|
4
|
+
import '../../../index49.css';const N = "_container_1p8kf_2", p = {
|
|
5
|
+
container: N,
|
|
6
|
+
"position-top-right": "_position-top-right_1p8kf_19",
|
|
7
|
+
"position-top-left": "_position-top-left_1p8kf_24",
|
|
8
|
+
"position-top-center": "_position-top-center_1p8kf_29",
|
|
9
|
+
"position-bottom-right": "_position-bottom-right_1p8kf_35",
|
|
10
|
+
"position-bottom-left": "_position-bottom-left_1p8kf_41",
|
|
11
|
+
"position-bottom-center": "_position-bottom-center_1p8kf_47"
|
|
12
12
|
};
|
|
13
13
|
function S({
|
|
14
14
|
position: n = "top-right",
|
|
15
15
|
maxNotifications: t = 5,
|
|
16
16
|
className: i
|
|
17
17
|
}) {
|
|
18
|
-
const [r, s] =
|
|
18
|
+
const [r, s] = b([]), w = e(
|
|
19
19
|
(o) => {
|
|
20
20
|
const a = Date.now().toString() + Math.random().toString(36).substr(2, 9);
|
|
21
21
|
return s((c) => {
|
|
@@ -35,7 +35,7 @@ function S({
|
|
|
35
35
|
{
|
|
36
36
|
className: `${p.container} ${_} ${i ?? ""}`.trim(),
|
|
37
37
|
children: r.map((o) => /* @__PURE__ */ f(
|
|
38
|
-
|
|
38
|
+
M,
|
|
39
39
|
{
|
|
40
40
|
id: o.id,
|
|
41
41
|
message: o.message,
|
|
@@ -53,7 +53,7 @@ function S({
|
|
|
53
53
|
}
|
|
54
54
|
),
|
|
55
55
|
typeof window < "u" && /* @__PURE__ */ f(
|
|
56
|
-
|
|
56
|
+
k,
|
|
57
57
|
{
|
|
58
58
|
addNotification: w,
|
|
59
59
|
removeNotification: l,
|
|
@@ -62,12 +62,12 @@ function S({
|
|
|
62
62
|
)
|
|
63
63
|
] });
|
|
64
64
|
}
|
|
65
|
-
function
|
|
65
|
+
function k({
|
|
66
66
|
addNotification: n,
|
|
67
67
|
removeNotification: t,
|
|
68
68
|
clearAll: i
|
|
69
69
|
}) {
|
|
70
|
-
return
|
|
70
|
+
return h.useEffect(() => {
|
|
71
71
|
typeof window < "u" && (window.notificationManager = {
|
|
72
72
|
add: n,
|
|
73
73
|
remove: t,
|
package/dist/index49.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._container_1p8kf_2{position:fixed;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-md);max-width:400px;pointer-events:none}._container_1p8kf_2>*{pointer-events:auto}._position-top-right_1p8kf_19{top:1rem;right:1rem}._position-top-left_1p8kf_24{top:1rem;left:1rem}._position-top-center_1p8kf_29{top:1rem;left:50%;transform:translate(-50%)}._position-bottom-right_1p8kf_35{bottom:1rem;right:1rem;flex-direction:column-reverse}._position-bottom-left_1p8kf_41{bottom:1rem;left:1rem;flex-direction:column-reverse}._position-bottom-center_1p8kf_47{bottom:1rem;left:50%;transform:translate(-50%);flex-direction:column-reverse}@media (max-width: 768px){._container_1p8kf_2{max-width:calc(100vw - 2rem)}}@media (max-width: 480px){._container_1p8kf_2{max-width:calc(100vw - 1rem)}._position-top-right_1p8kf_19,._position-top-left_1p8kf_24,._position-top-center_1p8kf_29{top:.5rem;left:.5rem;right:.5rem;transform:none}._position-bottom-right_1p8kf_35,._position-bottom-left_1p8kf_41,._position-bottom-center_1p8kf_47{bottom:.5rem;left:.5rem;right:.5rem;transform:none}}
|
package/dist/index5.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._cardGrid_10546_1{width:100%;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl);overflow:hidden}._padding_10546_8{padding:var(--spacing-md) 0}._noPadding_10546_12{padding:0}._container_10546_16{width:100%;max-width:var(--layout-width);margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-md);padding-left:var(--spacing-md);padding-right:var(--spacing-md)}._heading_10546_27{display:flex;flex-direction:column;gap:var(--spacing-md)}._heading_10546_27:has(._title_10546_32+._cta_10546_32):not(:has(._text_10546_32)){gap:var(--spacing-lg)}._heading_10546_27 h1,._heading_10546_27 h2,._heading_10546_27 h3,._heading_10546_27 h4,._heading_10546_27 h5,._heading_10546_27 h6{width:100%;margin-bottom:0}._title_10546_32 span span:first-letter{text-transform:uppercase}._headingHorizontal_10546_55{flex-direction:row;justify-content:space-between}._headingHorizontal_10546_55 ._title_10546_32{margin-bottom:0}@media (max-width: 768px){._headingHorizontal_10546_55{flex-direction:column}}._headingVertical_10546_68{flex-direction:column;justify-content:flex-start}._title_10546_32:first-letter{text-transform:capitalize}h3._description_10546_79{font-size:var(--font-size-xl);margin-top:var(--spacing-md)}._disclaimer_10546_84{max-width:800px;margin-left:auto;margin-right:auto;margin-top:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:var(--line-height-tight)}._cardGrid_10546_1.split ._container_10546_16{flex-direction:row}@media (max-width: 767px){._cardGrid_10546_1.split ._container_10546_16{flex-direction:column}}._cardGrid_10546_1.split ._container_10546_16 ._heading_10546_27{flex:.5}._cardGrid_10546_1.split ._container_10546_16 ._grid_10546_106{margin-top:0;flex:1;flex-direction:row}._cardGrid_10546_1.split-35-65 ._container_10546_16{flex-direction:row}@media (max-width: 767px){._cardGrid_10546_1.split-35-65 ._container_10546_16{flex-direction:column}}._cardGrid_10546_1.split-35-65 ._container_10546_16 ._heading_10546_27{flex:.35}._cardGrid_10546_1.split-35-65 ._container_10546_16 ._grid_10546_106{margin-top:0;flex:1;flex-direction:row}._grid_10546_106{display:flex;flex-direction:column;gap:var(--spacing-lg)}._segmentGrid_10546_163{display:flex;flex-direction:row;align-items:stretch}@media (max-width: 768px){._segmentGrid_10546_163{flex-direction:column}}._segmentGrid_10546_163>*{flex:1;min-width:0;transition:flex .4s ease}._segmentGrid_10546_163:has(article:hover)>*:has(article:hover){flex:1.4}._segmentGrid_10546_163:has(article:hover)>*:not(:has(article:hover)){flex:.8}._gridComponent_10546_195{padding:0}._grid--product_10546_199 ._gridComponent_10546_195{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index5.css');const c=require("react/jsx-runtime"),p=require("react"),V=require("../../../core/components/Grid/index.cjs"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index5.css');const c=require("react/jsx-runtime"),p=require("react"),V=require("../../../core/components/Grid/index.cjs"),b=require("../../cards/cardRegistry.cjs"),B=require("../../hooks/useMediaQuery.cjs"),L=require("../../hooks/useStyleClasses.cjs"),w="_cardGrid_10546_1",D="_padding_10546_8",Q="_noPadding_10546_12",U="_container_10546_16",E="_heading_10546_27",F="_title_10546_32",I="_cta_10546_32",J="_text_10546_32",K="_headingHorizontal_10546_55",W="_headingVertical_10546_68",X="_description_10546_79",Y="_disclaimer_10546_84",Z="_grid_10546_106",O="_segmentGrid_10546_163",A="_gridComponent_10546_195",l={cardGrid:w,padding:D,noPadding:Q,container:U,heading:E,title:F,cta:I,text:J,headingHorizontal:K,headingVertical:W,description:X,disclaimer:Y,grid:Z,segmentGrid:O,gridComponent:A,"grid--product":"_grid--product_10546_199"};function i(s){for(const t of s)if(!(!t.children||!t.markDefs)){for(const a of t.children)if(a!=null&&a.marks)for(const n of a.marks){const e=t.markDefs.find(_=>_._key===n);if((e==null?void 0:e._type)==="coloredText")return a.text}}return null}function q(s){return s.flatMap(t=>t.children??[]).map(t=>t.text??"").join("")}function M({heading:s,callToAction:t,renderRichText:a,renderCallToAction:n}){return c.jsxs("div",{className:l.cta,children:[t&&(n==null?void 0:n(t)),(s==null?void 0:s.disclaimer)&&(a==null?void 0:a({blocks:s.disclaimer,className:l.disclaimer}))]})}function T({heading:s,grid:t,callToAction:a,styleOptions:n,id:e,textReplaceOnHover:_=!1,renderRichText:r,renderCallToAction:v,renderImage:k}){var N,G,$,C;const[y,u]=p.useState(null),j=B.useMediaQuery("(max-width: 768px)"),f=L.useStyleClasses(n),S={horizontal:l.headingHorizontal,vertical:l.headingVertical}[(s==null?void 0:s.headingLayout)??"vertical"];p.useEffect(()=>{s!=null&&s.title&&u(i(s.title))},[s==null?void 0:s.title]);const z=p.useMemo(()=>{if(!(!(t!=null&&t.areas)||j))return t.areas.map(o=>o.trim().split(/\s+/))},[t==null?void 0:t.areas,j]),H=p.useMemo(()=>(r==null?void 0:r({blocks:s==null?void 0:s.title,className:l.title,animateText:(s==null?void 0:s.animateText)??!1,textOverride:y??void 0}))??null,[s==null?void 0:s.title,s==null?void 0:s.animateText,r,y]),P=!(s!=null&&s.title)&&!(s!=null&&s.description),x=((G=(N=t==null?void 0:t.items)==null?void 0:N[0])==null?void 0:G.variant)??null;return c.jsx("section",{id:e,className:`${l.cardGrid} ${(t==null?void 0:t.className)??""} ${f}`,children:c.jsxs("article",{className:l.container,children:[!P&&c.jsxs("div",{className:`${l.heading} ${S??""}`,children:[(s==null?void 0:s.title)&&H,(s==null?void 0:s.description)&&(r==null?void 0:r({blocks:s.description,className:l.description})),f.includes("split")&&c.jsx(M,{heading:s,callToAction:a,renderRichText:r,renderCallToAction:v})]}),c.jsxs("div",{className:`${l.grid} ${x?l[`grid--${x}`]??"":""}`,children:[(t==null?void 0:t.className)==="segmentGrid"?c.jsx("div",{className:l.segmentGrid,style:{gap:t==null?void 0:t.gap},children:($=t==null?void 0:t.items)==null?void 0:$.map(o=>{const m=b.resolveCard(o.variant);return m?c.jsx(m,{...o,gridArea:o.gridArea,renderRichText:r,renderImage:k,onHover:()=>{_&&o.title&&u(q(o.title))},onLeave:()=>{_&&u(s!=null&&s.title?i(s.title):null)}},o._key):c.jsxs("div",{children:["Unknown variant: ",o.variant]},o._key)})}):c.jsx(V.Grid,{className:l.gridComponent,columns:t==null?void 0:t.columns,gap:t==null?void 0:t.gap,areas:z,children:(C=t==null?void 0:t.items)==null?void 0:C.map(o=>{const m=b.resolveCard(o.variant);return m?c.jsx(m,{...o,gridArea:o.gridArea,renderRichText:r,renderImage:k,onHover:()=>{_&&o.title&&u(q(o.title))},onLeave:()=>{_&&u(s!=null&&s.title?i(s.title):null)}},o._key):c.jsxs("div",{children:["Unknown variant: ",o.variant]},o._key)})}),!f.includes("split")&&c.jsx(M,{heading:s,callToAction:a,renderRichText:r,renderCallToAction:v})]})]})})}exports.CardGridBlock=T;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { jsx as r, jsxs as m } from "react/jsx-runtime";
|
|
2
|
-
import { useState as
|
|
3
|
-
import { Grid as
|
|
4
|
-
import { resolveCard as
|
|
5
|
-
import { useMediaQuery as
|
|
6
|
-
import { useStyleClasses as
|
|
7
|
-
import '../../../index5.css';const
|
|
8
|
-
cardGrid:
|
|
2
|
+
import { useState as S, useEffect as D, useMemo as H } from "react";
|
|
3
|
+
import { Grid as U } from "../../../core/components/Grid/index.mjs";
|
|
4
|
+
import { resolveCard as V } from "../../cards/cardRegistry.mjs";
|
|
5
|
+
import { useMediaQuery as E } from "../../hooks/useMediaQuery.mjs";
|
|
6
|
+
import { useStyleClasses as Q } from "../../hooks/useStyleClasses.mjs";
|
|
7
|
+
import '../../../index5.css';const q = "_cardGrid_10546_1", x = "_padding_10546_8", F = "_noPadding_10546_12", I = "_container_10546_16", J = "_heading_10546_27", K = "_title_10546_32", W = "_cta_10546_32", X = "_text_10546_32", Y = "_headingHorizontal_10546_55", Z = "_headingVertical_10546_68", A = "_description_10546_79", O = "_disclaimer_10546_84", T = "_grid_10546_106", R = "_segmentGrid_10546_163", d = "_gridComponent_10546_195", l = {
|
|
8
|
+
cardGrid: q,
|
|
9
9
|
padding: x,
|
|
10
10
|
noPadding: F,
|
|
11
11
|
container: I,
|
|
@@ -20,7 +20,7 @@ import '../../../index5.css';const Q = "_cardGrid_16q24_1", x = "_padding_16q24_
|
|
|
20
20
|
grid: T,
|
|
21
21
|
segmentGrid: R,
|
|
22
22
|
gridComponent: d,
|
|
23
|
-
"grid--product": "_grid--
|
|
23
|
+
"grid--product": "_grid--product_10546_199"
|
|
24
24
|
};
|
|
25
25
|
function k(t) {
|
|
26
26
|
for (const s of t)
|
|
@@ -34,10 +34,10 @@ function k(t) {
|
|
|
34
34
|
}
|
|
35
35
|
return null;
|
|
36
36
|
}
|
|
37
|
-
function
|
|
37
|
+
function L(t) {
|
|
38
38
|
return t.flatMap((s) => s.children ?? []).map((s) => s.text ?? "").join("");
|
|
39
39
|
}
|
|
40
|
-
function
|
|
40
|
+
function M({
|
|
41
41
|
heading: t,
|
|
42
42
|
callToAction: s,
|
|
43
43
|
renderRichText: c,
|
|
@@ -62,43 +62,43 @@ function ct({
|
|
|
62
62
|
renderCallToAction: e,
|
|
63
63
|
renderImage: i
|
|
64
64
|
}) {
|
|
65
|
-
var
|
|
66
|
-
const [
|
|
65
|
+
var $, C, b, z;
|
|
66
|
+
const [N, p] = S(null), y = E("(max-width: 768px)"), v = Q(_), P = {
|
|
67
67
|
horizontal: l.headingHorizontal,
|
|
68
68
|
vertical: l.headingVertical
|
|
69
69
|
}[(t == null ? void 0 : t.headingLayout) ?? "vertical"];
|
|
70
|
-
|
|
70
|
+
D(() => {
|
|
71
71
|
t != null && t.title && p(k(t.title));
|
|
72
72
|
}, [t == null ? void 0 : t.title]);
|
|
73
|
-
const
|
|
74
|
-
if (!(!(s != null && s.areas) ||
|
|
73
|
+
const j = H(() => {
|
|
74
|
+
if (!(!(s != null && s.areas) || y))
|
|
75
75
|
return s.areas.map((o) => o.trim().split(/\s+/));
|
|
76
|
-
}, [s == null ? void 0 : s.areas,
|
|
76
|
+
}, [s == null ? void 0 : s.areas, y]), w = H(
|
|
77
77
|
() => (a == null ? void 0 : a({
|
|
78
78
|
blocks: t == null ? void 0 : t.title,
|
|
79
79
|
className: l.title,
|
|
80
80
|
animateText: (t == null ? void 0 : t.animateText) ?? !1,
|
|
81
81
|
// Pass hoveredText as textOverride so renderRichText can swap
|
|
82
82
|
// the coloredText span in the heading without mutating the blocks.
|
|
83
|
-
textOverride:
|
|
83
|
+
textOverride: N ?? void 0
|
|
84
84
|
})) ?? null,
|
|
85
85
|
// hoveredText must be a dependency — heading text changes on every hover.
|
|
86
|
-
[t == null ? void 0 : t.title, t == null ? void 0 : t.animateText, a,
|
|
87
|
-
),
|
|
86
|
+
[t == null ? void 0 : t.title, t == null ? void 0 : t.animateText, a, N]
|
|
87
|
+
), B = !(t != null && t.title) && !(t != null && t.description), G = ((C = ($ = s == null ? void 0 : s.items) == null ? void 0 : $[0]) == null ? void 0 : C.variant) ?? null;
|
|
88
88
|
return /* @__PURE__ */ r(
|
|
89
89
|
"section",
|
|
90
90
|
{
|
|
91
91
|
id: u,
|
|
92
92
|
className: `${l.cardGrid} ${(s == null ? void 0 : s.className) ?? ""} ${v}`,
|
|
93
93
|
children: /* @__PURE__ */ m("article", { className: l.container, children: [
|
|
94
|
-
!
|
|
95
|
-
(t == null ? void 0 : t.title) &&
|
|
94
|
+
!B && /* @__PURE__ */ m("div", { className: `${l.heading} ${P ?? ""}`, children: [
|
|
95
|
+
(t == null ? void 0 : t.title) && w,
|
|
96
96
|
(t == null ? void 0 : t.description) && (a == null ? void 0 : a({
|
|
97
97
|
blocks: t.description,
|
|
98
98
|
className: l.description
|
|
99
99
|
})),
|
|
100
100
|
v.includes("split") && /* @__PURE__ */ r(
|
|
101
|
-
|
|
101
|
+
M,
|
|
102
102
|
{
|
|
103
103
|
heading: t,
|
|
104
104
|
callToAction: c,
|
|
@@ -110,10 +110,10 @@ function ct({
|
|
|
110
110
|
/* @__PURE__ */ m(
|
|
111
111
|
"div",
|
|
112
112
|
{
|
|
113
|
-
className: `${l.grid} ${
|
|
113
|
+
className: `${l.grid} ${G ? l[`grid--${G}`] ?? "" : ""}`,
|
|
114
114
|
children: [
|
|
115
|
-
(s == null ? void 0 : s.className) === "segmentGrid" ? /* @__PURE__ */ r("div", { className: l.segmentGrid, style: { gap: s == null ? void 0 : s.gap }, children: (
|
|
116
|
-
const f =
|
|
115
|
+
(s == null ? void 0 : s.className) === "segmentGrid" ? /* @__PURE__ */ r("div", { className: l.segmentGrid, style: { gap: s == null ? void 0 : s.gap }, children: (b = s == null ? void 0 : s.items) == null ? void 0 : b.map((o) => {
|
|
116
|
+
const f = V(o.variant);
|
|
117
117
|
return f ? /* @__PURE__ */ r(
|
|
118
118
|
f,
|
|
119
119
|
{
|
|
@@ -122,7 +122,7 @@ function ct({
|
|
|
122
122
|
renderRichText: a,
|
|
123
123
|
renderImage: i,
|
|
124
124
|
onHover: () => {
|
|
125
|
-
n && o.title && p(
|
|
125
|
+
n && o.title && p(L(o.title));
|
|
126
126
|
},
|
|
127
127
|
onLeave: () => {
|
|
128
128
|
n && p(
|
|
@@ -136,14 +136,14 @@ function ct({
|
|
|
136
136
|
o.variant
|
|
137
137
|
] }, o._key);
|
|
138
138
|
}) }) : /* @__PURE__ */ r(
|
|
139
|
-
|
|
139
|
+
U,
|
|
140
140
|
{
|
|
141
141
|
className: l.gridComponent,
|
|
142
142
|
columns: s == null ? void 0 : s.columns,
|
|
143
143
|
gap: s == null ? void 0 : s.gap,
|
|
144
|
-
areas:
|
|
145
|
-
children: (
|
|
146
|
-
const f =
|
|
144
|
+
areas: j,
|
|
145
|
+
children: (z = s == null ? void 0 : s.items) == null ? void 0 : z.map((o) => {
|
|
146
|
+
const f = V(o.variant);
|
|
147
147
|
return f ? /* @__PURE__ */ r(
|
|
148
148
|
f,
|
|
149
149
|
{
|
|
@@ -152,7 +152,7 @@ function ct({
|
|
|
152
152
|
renderRichText: a,
|
|
153
153
|
renderImage: i,
|
|
154
154
|
onHover: () => {
|
|
155
|
-
n && o.title && p(
|
|
155
|
+
n && o.title && p(L(o.title));
|
|
156
156
|
},
|
|
157
157
|
onLeave: () => {
|
|
158
158
|
n && p(
|
|
@@ -169,7 +169,7 @@ function ct({
|
|
|
169
169
|
}
|
|
170
170
|
),
|
|
171
171
|
!v.includes("split") && /* @__PURE__ */ r(
|
|
172
|
-
|
|
172
|
+
M,
|
|
173
173
|
{
|
|
174
174
|
heading: t,
|
|
175
175
|
callToAction: c,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),k=require("react"),V=require("./HeroContext.cjs"),s=require("../../../HeroSubComponents-DwgNZsms.cjs"),w=require("../../utils/mediaUtils.cjs"),W=require("../../hooks/usePrefersReducedMotion.cjs"),Y={default:s.styles.default,split:s.styles.split,"split-35-65":s.styles.splitAlt,tile:s.styles.tile,fullBleed:s.styles.fullBleed,blog:s.styles.blog};function $({heading:l,callToAction:a,renderRichText:t,renderCallToAction:r,extraChildren:n}){return e.jsxs(e.Fragment,{children:[e.jsxs("div",{children:[l.eyebrow&&(t==null?void 0:t({blocks:l.eyebrow,className:s.styles.eyebrow})),t==null?void 0:t({blocks:l.title})]}),n,l.description&&(t==null?void 0:t({blocks:l.description})),a&&(r==null?void 0:r(a))]})}function C({id:l,paddingClasses:a,layoutClass:t,extraSectionClass:r,mediaNode:n,overlayContent:c}){return e.jsx("section",{id:l,className:`${s.styles.hero} ${a} ${t} ${r??""}`,children:e.jsxs("article",{className:s.styles.container,children:[n,e.jsx("div",{className:s.styles.overlay,children:e.jsx("div",{className:s.styles.text,children:c})})]})})}const z={render:({href:l,className:a,children:t})=>e.jsx("a",{href:l,className:a,children:t})};function G({heading:l,image:a,video:t,callToAction:r,pageData:n,styleOptions:c,id:y,imageAdapter:m,linkAdapter:v,renderRichText:o,renderCallToAction:i}){var M;const u=W.usePrefersReducedMotion(),[B,H]=k.useState(!u),d=(()=>{try{return V.useHeroContext()}catch{return null}})(),F=v??z,b=(c==null?void 0:c.layout)??"default",j=((M=c==null?void 0:c.padding)==null?void 0:M.join(" "))??"",g=Y[b]??s.styles.default,N=(c==null?void 0:c.mode)??"light",p=w.resolveImageUrl(a,N,"medium"),f=w.resolveImageUrl(a,N,"large"),I=w.resolveAltText(a,N),U=t?w.detectVideoProvider(t):null,x=!u,L=k.useCallback(()=>{H(P=>!P)},[]);k.useEffect(()=>{if(!(b==="tile"||b==="fullBleed")||typeof window>"u")return;d==null||d.setIsFullbleedHeroAtTop(!0);const q=()=>{d==null||d.setIsFullbleedHeroAtTop(window.scrollY===0)};return window.addEventListener("scroll",q,{passive:!0}),()=>window.removeEventListener("scroll",q)},[b,d]),k.useEffect(()=>{H(!u)},[u]);const S=t&&U?e.jsx(s.VideoBlock,{url:t,autoPlay:x,posterUrl:f,isPlaying:B,onToggle:L,variant:"inline"}):a?e.jsx(s.HeroImage,{image:a,mode:N,variant:"intrinsic",imageAdapter:m}):null,_=t&&U?e.jsx(s.VideoBlock,{url:t,autoPlay:x,posterUrl:f,isPlaying:B,onToggle:L,variant:"background"}):p||f?m?m.render({src:f??p??"",alt:I,fill:!0,priority:!0,style:{objectFit:"cover"},draggable:!1,sizes:"(min-width: 500px) 500px, 100vw"}):e.jsx("img",{src:f??p,alt:I,style:{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover"},draggable:!1}):null,E=n?J(n,F):null;switch(b){case"split":case"split-35-65":return e.jsx("section",{id:y,className:`${s.styles.hero} ${g} ${j}`,children:e.jsxs("article",{className:s.styles.container,children:[e.jsxs("div",{className:s.styles.heading,children:[e.jsxs("div",{children:[l.eyebrow&&(o==null?void 0:o({blocks:l.eyebrow,className:s.styles.eyebrow})),o==null?void 0:o({blocks:l.title})]}),e.jsxs("div",{className:s.styles.text,children:[l.description&&(o==null?void 0:o({blocks:l.description})),r&&(i==null?void 0:i(r))]}),l.disclaimer&&(o==null?void 0:o({blocks:l.disclaimer,className:s.styles.disclaimer}))]}),S]})});case"default":return e.jsx("section",{id:y,className:`${s.styles.hero} ${j} ${g}`,children:e.jsxs("article",{className:s.styles.container,children:[S,e.jsx("div",{className:s.styles.text,children:e.jsx($,{heading:l,callToAction:r,renderRichText:o,renderCallToAction:i})})]})});case"tile":return e.jsx(C,{id:y,paddingClasses:j,layoutClass:g,extraSectionClass:"heroTile",mediaNode:_,overlayContent:e.jsx($,{heading:l,callToAction:r,renderRichText:o,renderCallToAction:i})});case"fullBleed":return e.jsxs("section",{id:y,className:`${s.styles.hero} ${s.styles.fullBleed} ${j}`,children:[e.jsx("div",{className:s.styles.media,children:_}),e.jsx("div",{className:s.styles.container,children:e.jsx("div",{className:s.styles.text,children:e.jsx($,{heading:l,callToAction:r,renderRichText:o,renderCallToAction:i})})})]});case"blog":return e.jsx(C,{id:y,paddingClasses:j,layoutClass:g,mediaNode:_,overlayContent:e.jsx($,{heading:l,callToAction:r,renderRichText:o,renderCallToAction:i,extraChildren:E})})}}function J(l,a){var m,v;const t=((m=l.categories)==null?void 0:m.filter(o=>{var i,u;return!((u=(i=o.slug)==null?void 0:i.current)!=null&&u.startsWith("library/type"))}))??[],r=t[0]??null,n=t[1]??null,c=((v=l.categories)==null?void 0:v.find(o=>{var i,u;return(u=(i=o.slug)==null?void 0:i.current)==null?void 0:u.startsWith("library/type")}))??null,y=n&&n.title.toLowerCase()!=="library"&&!n.slug.current.includes("keywords");return e.jsxs("div",{className:s.styles.articleDetails,children:[c&&a.render({href:`/blog/search?categories=${encodeURIComponent(c._id)}`,className:s.styles.articleType,children:c.title}),e.jsxs("div",{className:s.styles.articleCategories,children:[r&&a.render({href:`/blog/search?categories=${encodeURIComponent(r._id)}`,className:s.styles.category,children:r.title}),y&&a.render({href:`/blog/search?categories=${encodeURIComponent(n._id)}`,className:s.styles.category,children:n.title})]}),l.timeToRead>0&&e.jsxs("span",{children:[e.jsx("span",{className:s.styles.number,children:l.timeToRead}),"min read"]})]})}exports.HeroBlock=G;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),k=require("react"),V=require("./HeroContext.cjs"),s=require("../../../HeroSubComponents-DwgNZsms.cjs"),w=require("../../utils/mediaUtils.cjs"),W=require("../../hooks/usePrefersReducedMotion.cjs"),Y={default:s.styles.default,split:s.styles.split,"split-35-65":s.styles.splitAlt,tile:s.styles.tile,fullBleed:s.styles.fullBleed,blog:s.styles.blog};function $({heading:l,callToAction:a,renderRichText:t,renderCallToAction:r,extraChildren:n}){return e.jsxs(e.Fragment,{children:[e.jsxs("div",{children:[l.eyebrow&&(t==null?void 0:t({blocks:l.eyebrow,className:s.styles.eyebrow})),t==null?void 0:t({blocks:l.title})]}),n,l.description&&(t==null?void 0:t({blocks:l.description})),a&&(r==null?void 0:r(a))]})}function C({id:l,paddingClasses:a,layoutClass:t,extraSectionClass:r,mediaNode:n,overlayContent:c}){return e.jsx("section",{id:l,className:`${s.styles.hero} ${a} ${t} ${r??""}`,children:e.jsxs("article",{className:s.styles.container,children:[n,e.jsx("div",{className:s.styles.overlay,children:e.jsx("div",{className:s.styles.text,children:c})})]})})}const z={render:({href:l,className:a,children:t})=>e.jsx("a",{href:l,className:a,children:t})};function G({heading:l,image:a,video:t,callToAction:r,pageData:n,styleOptions:c,id:y,imageAdapter:m,linkAdapter:v,renderRichText:o,renderCallToAction:i}){var M;const u=W.usePrefersReducedMotion(),[B,H]=k.useState(!u),d=(()=>{try{return V.useHeroContext()}catch{return null}})(),F=v??z,b=(c==null?void 0:c.layout)??"default",j=((M=c==null?void 0:c.padding)==null?void 0:M.join(" "))??"",g=Y[b]??s.styles.default,N=(c==null?void 0:c.mode)??"light",p=w.resolveImageUrl(a,N,"medium"),f=w.resolveImageUrl(a,N,"large"),I=w.resolveAltText(a,N),U=t?w.detectVideoProvider(t):null,x=!u,L=k.useCallback(()=>{H(P=>!P)},[]);k.useEffect(()=>{if(!(b==="tile"||b==="fullBleed")||typeof window>"u")return;d==null||d.setIsFullbleedHeroAtTop(!0);const q=()=>{d==null||d.setIsFullbleedHeroAtTop(window.scrollY===0)};return window.addEventListener("scroll",q,{passive:!0}),()=>window.removeEventListener("scroll",q)},[b,d]),k.useEffect(()=>{H(!u)},[u]);const S=t&&U?e.jsx(s.VideoBlock,{url:t,autoPlay:x,posterUrl:f,isPlaying:B,onToggle:L,variant:"inline"}):a?e.jsx(s.HeroImage,{image:a,mode:N,variant:"intrinsic",imageAdapter:m}):null,_=t&&U?e.jsx(s.VideoBlock,{url:t,autoPlay:x,posterUrl:f,isPlaying:B,onToggle:L,variant:"background"}):p||f?m?m.render({src:f??p??"",alt:I,fill:!0,priority:!0,style:{objectFit:"cover"},draggable:!1,sizes:"(min-width: 500px) 500px, 100vw"}):e.jsx("img",{src:f??p,alt:I,style:{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover"},draggable:!1}):null,E=n?J(n,F):null;switch(b){case"split":case"split-35-65":return e.jsx("section",{id:y,className:`${s.styles.hero} ${g} ${j}`,children:e.jsxs("article",{className:s.styles.container,children:[e.jsxs("div",{className:s.styles.heading,children:[e.jsxs("div",{children:[l.eyebrow&&(o==null?void 0:o({blocks:l.eyebrow,className:s.styles.eyebrow})),o==null?void 0:o({blocks:l.title})]}),e.jsxs("div",{className:s.styles.text,children:[l.description&&(o==null?void 0:o({blocks:l.description})),r&&(i==null?void 0:i(r))]}),l.disclaimer&&(o==null?void 0:o({blocks:l.disclaimer,className:s.styles.disclaimer}))]}),S]})});case"default":return e.jsx("section",{id:y,className:`${s.styles.hero} ${j} ${g}`,children:e.jsxs("article",{className:s.styles.container,children:[S,e.jsx("div",{className:s.styles.text,children:e.jsx($,{heading:l,callToAction:r,renderRichText:o,renderCallToAction:i})})]})});case"tile":return e.jsx(C,{id:y,paddingClasses:j,layoutClass:g,extraSectionClass:"heroTile",mediaNode:_,overlayContent:e.jsx($,{heading:l,callToAction:r,renderRichText:o,renderCallToAction:i})});case"fullBleed":return e.jsxs("section",{"data-overlay":"true",id:y,className:`${s.styles.hero} ${s.styles.fullBleed} ${j}`,children:[e.jsx("div",{className:s.styles.media,children:_}),e.jsx("div",{className:s.styles.container,children:e.jsx("div",{className:s.styles.text,children:e.jsx($,{heading:l,callToAction:r,renderRichText:o,renderCallToAction:i})})})]});case"blog":return e.jsx(C,{id:y,paddingClasses:j,layoutClass:g,mediaNode:_,overlayContent:e.jsx($,{heading:l,callToAction:r,renderRichText:o,renderCallToAction:i,extraChildren:E})})}}function J(l,a){var m,v;const t=((m=l.categories)==null?void 0:m.filter(o=>{var i,u;return!((u=(i=o.slug)==null?void 0:i.current)!=null&&u.startsWith("library/type"))}))??[],r=t[0]??null,n=t[1]??null,c=((v=l.categories)==null?void 0:v.find(o=>{var i,u;return(u=(i=o.slug)==null?void 0:i.current)==null?void 0:u.startsWith("library/type")}))??null,y=n&&n.title.toLowerCase()!=="library"&&!n.slug.current.includes("keywords");return e.jsxs("div",{className:s.styles.articleDetails,children:[c&&a.render({href:`/blog/search?categories=${encodeURIComponent(c._id)}`,className:s.styles.articleType,children:c.title}),e.jsxs("div",{className:s.styles.articleCategories,children:[r&&a.render({href:`/blog/search?categories=${encodeURIComponent(r._id)}`,className:s.styles.category,children:r.title}),y&&a.render({href:`/blog/search?categories=${encodeURIComponent(n._id)}`,className:s.styles.category,children:n.title})]}),l.timeToRead>0&&e.jsxs("span",{children:[e.jsx("span",{className:s.styles.number,children:l.timeToRead}),"min read"]})]})}exports.HeroBlock=G;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index13.css');const a=require("react/jsx-runtime"),D=require("../../hooks/useStyleClasses.cjs"),u=require("../../../core/components/Tabs/index.cjs"),G=require("../../../index-D0ylyll7.cjs"),M=require("../../utils/resolveLinkUrl.cjs"),P=require("../../../core/context/ThemeContext.cjs"),m=require("../../utils/mediaUtils.cjs"),A="_tabs_1rrg8_1",F="_container_1rrg8_7",Y="_heading_1rrg8_25",J="_text_1rrg8_32",K="_headingHorizontal_1rrg8_46",Q="_title_1rrg8_54",W="_headingVertical_1rrg8_64",X="_tabContent_1rrg8_74",Z="_vertical_1rrg8_97",O="_tabsContainer_1rrg8_69",T="_tabImage_1rrg8_112",R="_tabText_1rrg8_120",tt="_gridItems_1rrg8_141",at="_gridItem_1rrg8_141",st="_fullBleed_1rrg8_181",lt="_overlay_1rrg8_208",ot="_eyebrow_1rrg8_314",s={tabs:A,container:F,heading:Y,text:J,headingHorizontal:K,title:Q,headingVertical:W,tabContent:X,vertical:Z,tabsContainer:O,tabImage:T,tabText:R,gridItems:tt,gridItem:at,default:"_default_1rrg8_166",fullBleed:st,overlay:lt,eyebrow:ot},et={orientationHorizontal:"horizontal",orientationVertical:"vertical"},it={themeDefault:"default",themeLight:"light",themeDark:"dark",themeTransparent:"transparent"},nt={horizontal:s.headingHorizontal,vertical:s.headingVertical},rt={horizontal:"",vertical:s.vertical};function ct({src:l,alt:r,renderImage:b}){return b?b({src:l,alt:r,width:600,height:658,priority:!0}):a.jsx("img",{src:l,alt:r,width:600,height:658})}function bt({items:l,mode:r,renderImage:b,renderRichText:n}){return a.jsx("div",{className:s.gridItems,children:l.map((o,t)=>{const i=m.resolveImageUrl(o.itemImage,r,"medium"),c=m.resolveAltText(o.itemImage,r,"Grid image");return a.jsxs("div",{className:s.gridItem,children:[i&&b?b({src:i,alt:c,width:200,height:200}):i?a.jsx("img",{src:i,alt:c,width:200,height:200}):null,o.itemText&&(n==null?void 0:n({blocks:o.itemText}))]},t)})})}function _t({heading:l,image:r,items:b,callToAction:n,styleOptions:o,renderRichText:t,renderCallToAction:i,renderImage:c}){const{mode:g}=P.useTheme(),I=D.useStyleClasses(o),d=(o==null?void 0:o.layout)??"default",w=nt[l.headingLayout??"vertical"],y=et[(o==null?void 0:o.orientation)??"orientationHorizontal"],x=it[(o==null?void 0:o.theme)??"themeDefault"],L=m.resolveImageUrl(r,g,"medium"),v=m.resolveImageUrl(r,g,"large"),j=m.resolveAltText(r,g,"Block image"),$=a.jsxs(u.Tabs,{defaultIndex:0,orientation:y,theme:x,children:[a.jsx(u.Tabs.List,{children:b.map((e,k)=>a.jsx(u.Tabs.Trigger,{index:k,children:e.title},e.title))}),b.map((e,k)=>{var z,p,h,q,H,S,C,E,V;const N=m.resolveImageUrl((z=e.content)==null?void 0:z.tabImage,g,"medium"),U=m.resolveAltText((p=e.content)==null?void 0:p.tabImage,g,"Tab image"),f=(h=e.content)!=null&&h.tabLink?M.resolveLinkURL(e.content.tabLink):void 0,_=(q=e.content)==null?void 0:q.tabLink,B=Array.isArray((H=e.content)==null?void 0:H.tabGridItem)?e.content.tabGridItem:null;return a.jsx(u.Tabs.Panel,{index:k,children:a.jsxs("div",{className:`${s.tabContent} ${rt[y]}`,children:[N&&a.jsx("div",{className:s.tabImage,children:c?c({src:N,alt:U,width:250,height:250}):a.jsx("img",{src:N,alt:U,width:250,height:250})}),a.jsxs("div",{className:s.tabText,children:[((S=e.content)==null?void 0:S.tabText)&&(t==null?void 0:t({blocks:e.content.tabText})),B&&a.jsx(bt,{items:B,mode:g,renderImage:c,renderRichText:t}),f&&f!=="#"&&_&&a.jsx(G.Button,{as:"a",variant:_.variant??"primary",href:f,target:((C=_.linkOptions)==null?void 0:C.linkType)==="external"?"_blank":"_self",rel:((E=_.linkOptions)==null?void 0:E.linkType)==="external"?"noopener noreferrer":"","aria-label":_.ariaLabel||_.label,children:_.label}),((V=e.content)==null?void 0:V.tabDisclaimer)&&(t==null?void 0:t({blocks:e.content.tabDisclaimer}))]})]})},e.title)})]});return d==="default"?a.jsx("section",{className:`${s.tabs} ${s.default} ${I}`,children:a.jsxs("article",{className:s.container,children:[L&&a.jsx(ct,{src:L,alt:j,renderImage:c}),a.jsxs("div",{className:`${s.heading} ${w}`,children:[a.jsxs("div",{children:[l.eyebrow&&(t==null?void 0:t({blocks:l.eyebrow,className:s.eyebrow})),t==null?void 0:t({blocks:l.title,className:s.title})]}),l.description&&a.jsx("div",{className:s.text,children:t==null?void 0:t({blocks:l.description})})]}),a.jsx("div",{className:s.tabsContainer,children:$}),n&&(i==null?void 0:i({items:n.items,alignment:n.alignment})),l.disclaimer&&(t==null?void 0:t({blocks:l.disclaimer}))]})}):d==="full-bleed"?a.jsx("section",{className:`${s.tabs} ${s.fullBleed} ${I} tabsFullBleed`,children:a.jsxs("article",{className:s.container,children:[v&&(c?c({src:v,alt:j,fill:!0,priority:!0,sizes:"(max-width: 767px) 600px, 1200px",style:{objectFit:"cover"},draggable:!1}):a.jsx("img",{src:v,alt:j,style:{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover"}})),a.jsx("div",{className:s.overlay,children:a.jsxs("div",{className:`${s.heading} ${w}`,children:[a.jsxs("div",{children:[l.eyebrow&&(t==null?void 0:t({blocks:l.eyebrow,className:s.eyebrow})),t==null?void 0:t({blocks:l.title,className:s.title})]}),l.description&&(t==null?void 0:t({blocks:l.description})),a.jsx("div",{className:s.tabsContainer,children:$}),n&&(i==null?void 0:i({items:n.items,alignment:n.alignment})),l.disclaimer&&(t==null?void 0:t({blocks:l.disclaimer}))]})})]})}):null}exports.TabsBlock=_t;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index13.css');const a=require("react/jsx-runtime"),D=require("../../hooks/useStyleClasses.cjs"),u=require("../../../core/components/Tabs/index.cjs"),G=require("../../../index-D0ylyll7.cjs"),M=require("../../utils/resolveLinkUrl.cjs"),P=require("../../../core/context/ThemeContext.cjs"),m=require("../../utils/mediaUtils.cjs"),A="_tabs_1rrg8_1",F="_container_1rrg8_7",Y="_heading_1rrg8_25",J="_text_1rrg8_32",K="_headingHorizontal_1rrg8_46",Q="_title_1rrg8_54",W="_headingVertical_1rrg8_64",X="_tabContent_1rrg8_74",Z="_vertical_1rrg8_97",O="_tabsContainer_1rrg8_69",T="_tabImage_1rrg8_112",R="_tabText_1rrg8_120",tt="_gridItems_1rrg8_141",at="_gridItem_1rrg8_141",st="_fullBleed_1rrg8_181",lt="_overlay_1rrg8_208",ot="_eyebrow_1rrg8_314",s={tabs:A,container:F,heading:Y,text:J,headingHorizontal:K,title:Q,headingVertical:W,tabContent:X,vertical:Z,tabsContainer:O,tabImage:T,tabText:R,gridItems:tt,gridItem:at,default:"_default_1rrg8_166",fullBleed:st,overlay:lt,eyebrow:ot},et={orientationHorizontal:"horizontal",orientationVertical:"vertical"},it={themeDefault:"default",themeLight:"light",themeDark:"dark",themeTransparent:"transparent"},nt={horizontal:s.headingHorizontal,vertical:s.headingVertical},rt={horizontal:"",vertical:s.vertical};function ct({src:l,alt:r,renderImage:b}){return b?b({src:l,alt:r,width:600,height:658,priority:!0}):a.jsx("img",{src:l,alt:r,width:600,height:658})}function bt({items:l,mode:r,renderImage:b,renderRichText:n}){return a.jsx("div",{className:s.gridItems,children:l.map((o,t)=>{const i=m.resolveImageUrl(o.itemImage,r,"medium"),c=m.resolveAltText(o.itemImage,r,"Grid image");return a.jsxs("div",{className:s.gridItem,children:[i&&b?b({src:i,alt:c,width:200,height:200}):i?a.jsx("img",{src:i,alt:c,width:200,height:200}):null,o.itemText&&(n==null?void 0:n({blocks:o.itemText}))]},t)})})}function _t({heading:l,image:r,items:b,callToAction:n,styleOptions:o,renderRichText:t,renderCallToAction:i,renderImage:c}){const{mode:g}=P.useTheme(),I=D.useStyleClasses(o),d=(o==null?void 0:o.layout)??"default",w=nt[l.headingLayout??"vertical"],y=et[(o==null?void 0:o.orientation)??"orientationHorizontal"],x=it[(o==null?void 0:o.theme)??"themeDefault"],L=m.resolveImageUrl(r,g,"medium"),v=m.resolveImageUrl(r,g,"large"),j=m.resolveAltText(r,g,"Block image"),$=a.jsxs(u.Tabs,{defaultIndex:0,orientation:y,theme:x,children:[a.jsx(u.Tabs.List,{children:b.map((e,k)=>a.jsx(u.Tabs.Trigger,{index:k,children:e.title},e.title))}),b.map((e,k)=>{var z,p,h,q,H,S,C,E,V;const N=m.resolveImageUrl((z=e.content)==null?void 0:z.tabImage,g,"medium"),U=m.resolveAltText((p=e.content)==null?void 0:p.tabImage,g,"Tab image"),f=(h=e.content)!=null&&h.tabLink?M.resolveLinkURL(e.content.tabLink):void 0,_=(q=e.content)==null?void 0:q.tabLink,B=Array.isArray((H=e.content)==null?void 0:H.tabGridItem)?e.content.tabGridItem:null;return a.jsx(u.Tabs.Panel,{index:k,children:a.jsxs("div",{className:`${s.tabContent} ${rt[y]}`,children:[N&&a.jsx("div",{className:s.tabImage,children:c?c({src:N,alt:U,width:250,height:250}):a.jsx("img",{src:N,alt:U,width:250,height:250})}),a.jsxs("div",{className:s.tabText,children:[((S=e.content)==null?void 0:S.tabText)&&(t==null?void 0:t({blocks:e.content.tabText})),B&&a.jsx(bt,{items:B,mode:g,renderImage:c,renderRichText:t}),f&&f!=="#"&&_&&a.jsx(G.Button,{as:"a",variant:_.variant??"primary",href:f,target:((C=_.linkOptions)==null?void 0:C.linkType)==="external"?"_blank":"_self",rel:((E=_.linkOptions)==null?void 0:E.linkType)==="external"?"noopener noreferrer":"","aria-label":_.ariaLabel||_.label,children:_.label}),((V=e.content)==null?void 0:V.tabDisclaimer)&&(t==null?void 0:t({blocks:e.content.tabDisclaimer}))]})]})},e.title)})]});return d==="default"?a.jsx("section",{className:`${s.tabs} ${s.default} ${I}`,children:a.jsxs("article",{className:s.container,children:[L&&a.jsx(ct,{src:L,alt:j,renderImage:c}),a.jsxs("div",{className:`${s.heading} ${w}`,children:[a.jsxs("div",{children:[l.eyebrow&&(t==null?void 0:t({blocks:l.eyebrow,className:s.eyebrow})),t==null?void 0:t({blocks:l.title,className:s.title})]}),l.description&&a.jsx("div",{className:s.text,children:t==null?void 0:t({blocks:l.description})})]}),a.jsx("div",{className:s.tabsContainer,children:$}),n&&(i==null?void 0:i({items:n.items,alignment:n.alignment})),l.disclaimer&&(t==null?void 0:t({blocks:l.disclaimer}))]})}):d==="full-bleed"?a.jsx("section",{"data-overlay":"true",className:`${s.tabs} ${s.fullBleed} ${I} tabsFullBleed`,children:a.jsxs("article",{className:s.container,children:[v&&(c?c({src:v,alt:j,fill:!0,priority:!0,sizes:"(max-width: 767px) 600px, 1200px",style:{objectFit:"cover"},draggable:!1}):a.jsx("img",{src:v,alt:j,style:{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover"}})),a.jsx("div",{className:s.overlay,children:a.jsxs("div",{className:`${s.heading} ${w}`,children:[a.jsxs("div",{children:[l.eyebrow&&(t==null?void 0:t({blocks:l.eyebrow,className:s.eyebrow})),t==null?void 0:t({blocks:l.title,className:s.title})]}),l.description&&(t==null?void 0:t({blocks:l.description})),a.jsx("div",{className:s.tabsContainer,children:$}),n&&(i==null?void 0:i({items:n.items,alignment:n.alignment})),l.disclaimer&&(t==null?void 0:t({blocks:l.disclaimer}))]})})]})}):null}exports.TabsBlock=_t;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as r, jsx as s } from "react/jsx-runtime";
|
|
2
2
|
import { useStyleClasses as P } from "../../hooks/useStyleClasses.mjs";
|
|
3
3
|
import { Tabs as u } from "../../../core/components/Tabs/index.mjs";
|
|
4
4
|
import { B as A } from "../../../index-CnlJ2RgH.js";
|
|
5
5
|
import { resolveLinkURL as Y } from "../../utils/resolveLinkUrl.mjs";
|
|
6
6
|
import { useTheme as q } from "../../../core/context/ThemeContext.mjs";
|
|
7
|
-
import { resolveImageUrl as v, resolveAltText as
|
|
7
|
+
import { resolveImageUrl as v, resolveAltText as d } from "../../utils/mediaUtils.mjs";
|
|
8
8
|
import '../../../index13.css';const J = "_tabs_1rrg8_1", K = "_container_1rrg8_7", Q = "_heading_1rrg8_25", W = "_text_1rrg8_32", X = "_headingHorizontal_1rrg8_46", Z = "_title_1rrg8_54", O = "_headingVertical_1rrg8_64", x = "_tabContent_1rrg8_74", T = "_vertical_1rrg8_97", R = "_tabsContainer_1rrg8_69", tt = "_tabImage_1rrg8_112", at = "_tabText_1rrg8_120", lt = "_gridItems_1rrg8_141", st = "_gridItem_1rrg8_141", ot = "_fullBleed_1rrg8_181", it = "_overlay_1rrg8_208", nt = "_eyebrow_1rrg8_314", a = {
|
|
9
9
|
tabs: J,
|
|
10
10
|
container: K,
|
|
@@ -27,48 +27,48 @@ import '../../../index13.css';const J = "_tabs_1rrg8_1", K = "_container_1rrg8_7
|
|
|
27
27
|
}, mt = {
|
|
28
28
|
orientationHorizontal: "horizontal",
|
|
29
29
|
orientationVertical: "vertical"
|
|
30
|
-
},
|
|
30
|
+
}, rt = {
|
|
31
31
|
themeDefault: "default",
|
|
32
32
|
themeLight: "light",
|
|
33
33
|
themeDark: "dark",
|
|
34
34
|
themeTransparent: "transparent"
|
|
35
|
-
},
|
|
35
|
+
}, ct = {
|
|
36
36
|
horizontal: a.headingHorizontal,
|
|
37
37
|
vertical: a.headingVertical
|
|
38
|
-
},
|
|
38
|
+
}, et = {
|
|
39
39
|
horizontal: "",
|
|
40
40
|
vertical: a.vertical
|
|
41
41
|
};
|
|
42
|
-
function
|
|
43
|
-
return
|
|
42
|
+
function bt({ src: l, alt: c, renderImage: b }) {
|
|
43
|
+
return b ? b({ src: l, alt: c, width: 600, height: 658, priority: !0 }) : /* @__PURE__ */ s("img", { src: l, alt: c, width: 600, height: 658 });
|
|
44
44
|
}
|
|
45
45
|
function _t({
|
|
46
46
|
items: l,
|
|
47
|
-
mode:
|
|
48
|
-
renderImage:
|
|
47
|
+
mode: c,
|
|
48
|
+
renderImage: b,
|
|
49
49
|
renderRichText: m
|
|
50
50
|
}) {
|
|
51
51
|
return /* @__PURE__ */ s("div", { className: a.gridItems, children: l.map((o, t) => {
|
|
52
52
|
const n = v(
|
|
53
53
|
o.itemImage,
|
|
54
|
-
|
|
54
|
+
c,
|
|
55
55
|
"medium"
|
|
56
|
-
),
|
|
56
|
+
), e = d(
|
|
57
57
|
o.itemImage,
|
|
58
|
-
|
|
58
|
+
c,
|
|
59
59
|
"Grid image"
|
|
60
60
|
);
|
|
61
|
-
return /* @__PURE__ */
|
|
62
|
-
n &&
|
|
61
|
+
return /* @__PURE__ */ r("div", { className: a.gridItem, children: [
|
|
62
|
+
n && b ? b({
|
|
63
63
|
src: n,
|
|
64
|
-
alt:
|
|
64
|
+
alt: e,
|
|
65
65
|
width: 200,
|
|
66
66
|
height: 200
|
|
67
67
|
}) : n ? /* @__PURE__ */ s(
|
|
68
68
|
"img",
|
|
69
69
|
{
|
|
70
70
|
src: n,
|
|
71
|
-
alt:
|
|
71
|
+
alt: e,
|
|
72
72
|
width: 200,
|
|
73
73
|
height: 200
|
|
74
74
|
}
|
|
@@ -79,33 +79,33 @@ function _t({
|
|
|
79
79
|
}
|
|
80
80
|
function wt({
|
|
81
81
|
heading: l,
|
|
82
|
-
image:
|
|
83
|
-
items:
|
|
82
|
+
image: c,
|
|
83
|
+
items: b,
|
|
84
84
|
callToAction: m,
|
|
85
85
|
styleOptions: o,
|
|
86
86
|
renderRichText: t,
|
|
87
87
|
renderCallToAction: n,
|
|
88
|
-
renderImage:
|
|
88
|
+
renderImage: e
|
|
89
89
|
}) {
|
|
90
|
-
const { mode: g } = q(),
|
|
91
|
-
/* @__PURE__ */ s(u.List, { children:
|
|
92
|
-
|
|
90
|
+
const { mode: g } = q(), L = P(o), p = (o == null ? void 0 : o.layout) ?? "default", y = ct[l.headingLayout ?? "vertical"], $ = mt[(o == null ? void 0 : o.orientation) ?? "orientationHorizontal"], M = rt[(o == null ? void 0 : o.theme) ?? "themeDefault"], B = v(c, g, "medium"), f = v(c, g, "large"), k = d(c, g, "Block image"), z = /* @__PURE__ */ r(u, { defaultIndex: 0, orientation: $, theme: M, children: [
|
|
91
|
+
/* @__PURE__ */ s(u.List, { children: b.map((i, N) => /* @__PURE__ */ s(u.Trigger, { index: N, children: i.title }, i.title)) }),
|
|
92
|
+
b.map((i, N) => {
|
|
93
93
|
var E, V, h, D, G, C, S, j, F;
|
|
94
94
|
const I = v(
|
|
95
95
|
(E = i.content) == null ? void 0 : E.tabImage,
|
|
96
96
|
g,
|
|
97
97
|
"medium"
|
|
98
|
-
), H =
|
|
98
|
+
), H = d(
|
|
99
99
|
(V = i.content) == null ? void 0 : V.tabImage,
|
|
100
100
|
g,
|
|
101
101
|
"Tab image"
|
|
102
102
|
), w = (h = i.content) != null && h.tabLink ? Y(i.content.tabLink) : void 0, _ = (D = i.content) == null ? void 0 : D.tabLink, U = Array.isArray((G = i.content) == null ? void 0 : G.tabGridItem) ? i.content.tabGridItem : null;
|
|
103
|
-
return /* @__PURE__ */ s(u.Panel, { index: N, children: /* @__PURE__ */
|
|
103
|
+
return /* @__PURE__ */ s(u.Panel, { index: N, children: /* @__PURE__ */ r(
|
|
104
104
|
"div",
|
|
105
105
|
{
|
|
106
|
-
className: `${a.tabContent} ${
|
|
106
|
+
className: `${a.tabContent} ${et[$]}`,
|
|
107
107
|
children: [
|
|
108
|
-
I && /* @__PURE__ */ s("div", { className: a.tabImage, children:
|
|
108
|
+
I && /* @__PURE__ */ s("div", { className: a.tabImage, children: e ? e({
|
|
109
109
|
src: I,
|
|
110
110
|
alt: H,
|
|
111
111
|
width: 250,
|
|
@@ -119,14 +119,14 @@ function wt({
|
|
|
119
119
|
height: 250
|
|
120
120
|
}
|
|
121
121
|
) }),
|
|
122
|
-
/* @__PURE__ */
|
|
122
|
+
/* @__PURE__ */ r("div", { className: a.tabText, children: [
|
|
123
123
|
((C = i.content) == null ? void 0 : C.tabText) && (t == null ? void 0 : t({ blocks: i.content.tabText })),
|
|
124
124
|
U && /* @__PURE__ */ s(
|
|
125
125
|
_t,
|
|
126
126
|
{
|
|
127
127
|
items: U,
|
|
128
128
|
mode: g,
|
|
129
|
-
renderImage:
|
|
129
|
+
renderImage: e,
|
|
130
130
|
renderRichText: t
|
|
131
131
|
}
|
|
132
132
|
),
|
|
@@ -149,17 +149,17 @@ function wt({
|
|
|
149
149
|
) }, i.title);
|
|
150
150
|
})
|
|
151
151
|
] });
|
|
152
|
-
return p === "default" ? /* @__PURE__ */ s("section", { className: `${a.tabs} ${a.default} ${
|
|
152
|
+
return p === "default" ? /* @__PURE__ */ s("section", { className: `${a.tabs} ${a.default} ${L}`, children: /* @__PURE__ */ r("article", { className: a.container, children: [
|
|
153
153
|
B && /* @__PURE__ */ s(
|
|
154
|
-
|
|
154
|
+
bt,
|
|
155
155
|
{
|
|
156
156
|
src: B,
|
|
157
157
|
alt: k,
|
|
158
|
-
renderImage:
|
|
158
|
+
renderImage: e
|
|
159
159
|
}
|
|
160
160
|
),
|
|
161
|
-
/* @__PURE__ */
|
|
162
|
-
/* @__PURE__ */
|
|
161
|
+
/* @__PURE__ */ r("div", { className: `${a.heading} ${y}`, children: [
|
|
162
|
+
/* @__PURE__ */ r("div", { children: [
|
|
163
163
|
l.eyebrow && (t == null ? void 0 : t({
|
|
164
164
|
blocks: l.eyebrow,
|
|
165
165
|
className: a.eyebrow
|
|
@@ -180,9 +180,10 @@ function wt({
|
|
|
180
180
|
] }) }) : p === "full-bleed" ? /* @__PURE__ */ s(
|
|
181
181
|
"section",
|
|
182
182
|
{
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
183
|
+
"data-overlay": "true",
|
|
184
|
+
className: `${a.tabs} ${a.fullBleed} ${L} tabsFullBleed`,
|
|
185
|
+
children: /* @__PURE__ */ r("article", { className: a.container, children: [
|
|
186
|
+
f && (e ? e({
|
|
186
187
|
src: f,
|
|
187
188
|
alt: k,
|
|
188
189
|
fill: !0,
|
|
@@ -204,8 +205,8 @@ function wt({
|
|
|
204
205
|
}
|
|
205
206
|
}
|
|
206
207
|
)),
|
|
207
|
-
/* @__PURE__ */ s("div", { className: a.overlay, children: /* @__PURE__ */
|
|
208
|
-
/* @__PURE__ */
|
|
208
|
+
/* @__PURE__ */ s("div", { className: a.overlay, children: /* @__PURE__ */ r("div", { className: `${a.heading} ${y}`, children: [
|
|
209
|
+
/* @__PURE__ */ r("div", { children: [
|
|
209
210
|
l.eyebrow && (t == null ? void 0 : t({
|
|
210
211
|
blocks: l.eyebrow,
|
|
211
212
|
className: a.eyebrow
|