quirk-ui 0.1.70 → 0.1.72
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/index12.css +1 -1
- package/dist/next/blocks/ContentBlock/index.cjs +1 -1
- package/dist/next/blocks/ContentBlock/index.mjs +9 -7
- package/dist/next/blocks/StickyScrollBlock/index.cjs +1 -1
- package/dist/next/blocks/StickyScrollBlock/index.mjs +57 -57
- package/dist/next/blocks/TabsBlock/index.cjs +1 -1
- package/dist/next/blocks/TabsBlock/index.mjs +91 -87
- package/package.json +1 -1
package/dist/index12.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._layout_1e5td_1{width:100%;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}._container_1e5td_7{display:flex;flex-direction:column;width:100%;max-width:var(--layout-width);margin:0 auto;gap:var(--spacing-md);position:relative;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}@media (max-width: 767px){._container_1e5td_7{gap:var(--spacing-xl)}}._heading_1e5td_23{display:flex;flex-direction:column;gap:var(--spacing-md)}._heading_1e5td_23:has(._title_1e5td_28+._cta_1e5td_28):not(:has(._text_1e5td_28)){gap:var(--spacing-lg)}._heading_1e5td_23 h1,._heading_1e5td_23 h2,._heading_1e5td_23 h3,._heading_1e5td_23 h4,._heading_1e5td_23 h5,._heading_1e5td_23 h6{width:100%;margin-bottom:0}._scroll_1e5td_43{display:flex;gap:var(--spacing-xl)}._sidebar_1e5td_48{flex:.4;position:sticky;top:30%;align-self:flex-start;min-height:40vh;display:flex;align-items:center;padding:0 var(--spacing-xl)}@media (max-width: 767px){._sidebar_1e5td_48{display:none}}._sidebar_1e5td_48 ul{list-style:none;padding:0;margin:0;columns:1;display:flex;flex-direction:column;gap:var(--spacing-lg)}._sidebar_1e5td_48 ul li ._number_1e5td_73{border-radius:var(--radius-full);background-color:var(--color-secondary-25);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);font-family:var(--font-family-primary, "inherit");width:35px;height:35px;flex:1 0 35px;display:flex;align-items:center;justify-content:center;transition:color .3s ease-in-out,background-color .3s ease-in-out}._sidebar_1e5td_48 ul li ._link_1e5td_91{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-sm);text-align:left;font-size:var(--font-size-md);font-family:var(--font-family-primary, "inherit");font-weight:var(--font-weight-semibold);text-decoration:none;color:var(--color-text-primary);background-color:transparent;border:none;transition:color .3s ease-in-out}._sidebar_1e5td_48 ul li ._link_1e5td_91._active_1e5td_106{color:var(--color-primary-100)}._sidebar_1e5td_48 ul li ._link_1e5td_91._active_1e5td_106 ._number_1e5td_73{background-color:var(--color-primary-100);color:#fff}._content_1e5td_118{flex:1;display:flex;flex-direction:column;gap:40rem}@media (max-width: 767px){._content_1e5td_118{gap:10rem}}._flex_1e5td_129{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:var(--spacing-md)}._flex_1e5td_129 ._number_1e5td_73{border-radius:var(--radius-full);background-color:var(--color-secondary-25);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);width:35px;height:35px;flex:1 0 35px;display:flex;align-items:center;justify-content:center;transition:color .3s ease-in-out,background-color .3s ease-in-out}._item_1e5td_154{scroll-margin-top:18rem;height:40vh;display:flex;align-items:center;gap:2rem}._item_1e5td_154 ._text_1e5td_28{flex:1;display:flex;flex-direction:column;gap:var(--spacing-md);width:100%}._item_1e5td_154 ._title_1e5td_28{margin-block-end:0}._item_1e5td_154 ._image_1e5td_173{flex:1 0;display:flex;align-items:center;justify-content:center}._item_1e5td_154 ._image_1e5td_173 img{width:100%;max-width:600px;height:auto}@media (max-width: 767px){._item_1e5td_154{flex-direction:column-reverse;height:auto}._item_1e5td_154 ._image_1e5td_173{flex:1;width:100%;align-self:center}}._eyebrow_1e5td_199{font-weight:var(--font-weight-bold)}._image_1e5td_173.imageRadius-sm img{border-radius:var(--radius-sm)}._image_1e5td_173.imageRadius-md img{border-radius:var(--radius-md)}._image_1e5td_173.imageRadius-lg img{border-radius:var(--radius-lg)}._image_1e5td_173.imageRadius-full img{border-radius:var(--radius-full)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index7.css');const a=require("react/jsx-runtime"),k=require("../../hooks/useStyleClasses.cjs"),H=require("../../../core/context/ThemeContext.cjs"),W=require("../../hooks/useMediaQuery.cjs"),p=require("../../utils/mediaUtils.cjs"),z="_content_1atux_1",$="_container_1atux_7",L="_eyebrow_1atux_34",B="_metrics_1atux_38",C="_metric_1atux_38",q="_metricValue_1atux_54",M="_disclaimer_1atux_75",U="_layoutHImageRight_1atux_80",D="_heading_1atux_84",E="_media_1atux_89",Q="_noImage_1atux_99",Y="_layoutHImageLeft_1atux_103",F="_layoutVImageTop_1atux_122",G="_layoutVImageBottom_1atux_135",
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index7.css');const a=require("react/jsx-runtime"),k=require("../../hooks/useStyleClasses.cjs"),H=require("../../../core/context/ThemeContext.cjs"),W=require("../../hooks/useMediaQuery.cjs"),p=require("../../utils/mediaUtils.cjs"),z="_content_1atux_1",$="_container_1atux_7",L="_eyebrow_1atux_34",B="_metrics_1atux_38",C="_metric_1atux_38",q="_metricValue_1atux_54",M="_disclaimer_1atux_75",U="_layoutHImageRight_1atux_80",D="_heading_1atux_84",E="_media_1atux_89",Q="_noImage_1atux_99",Y="_layoutHImageLeft_1atux_103",F="_layoutVImageTop_1atux_122",G="_layoutVImageBottom_1atux_135",O="_text_1atux_154",P="_title_1atux_159",J="_cta_1atux_178",K="_headingHorizontal_1atux_186",X="_titleWrapper_1atux_195",Z="_headingVertical_1atux_216",A="_videoWrapper_1atux_237",R="_layoutSplitText_1atux_329",T="_additionalContent_1atux_344",t={content:z,container:$,eyebrow:L,metrics:B,metric:C,metricValue:q,disclaimer:M,layoutHImageRight:U,heading:D,media:E,noImage:Q,layoutHImageLeft:Y,layoutVImageTop:F,layoutVImageBottom:G,text:O,title:P,cta:J,headingHorizontal:K,titleWrapper:X,headingVertical:Z,videoWrapper:A,layoutSplitText:R,additionalContent:T},tt={"no-image":t.noImage,"split-text":t.layoutSplitText,"horizontal-image-right":t.layoutHImageRight,"horizontal-image-left":t.layoutHImageLeft,"vertical-image-top":t.layoutVImageTop,"vertical-image-bottom":t.layoutVImageBottom},st={horizontal:t.headingHorizontal,vertical:t.headingVertical};function at(s,i,n){const e=s.includes("vimeo.com"),c=s.includes("youtube.com")||s.includes("youtu.be");return e||c?a.jsx("div",{style:{maxWidth:n??"unset",flex:.65},children:a.jsx("div",{className:t.videoWrapper,children:a.jsx("iframe",{src:e?`${s}?autoplay=0&muted=0&loop=0`:`${s}?autoplay=0&mute=0&loop=0`,allow:"autoplay; fullscreen",allowFullScreen:!0})})}):a.jsx("div",{style:{maxWidth:n??"unset",width:"100%",flex:.65},children:a.jsx("div",{className:t.videoWrapper,children:a.jsx("video",{src:s,controls:!0,poster:i})})})}function et({metrics:s,renderRichText:i}){return a.jsx("div",{className:t.metrics,children:s.map(n=>a.jsxs("div",{className:t.metric,children:[a.jsx("div",{className:t.metricValue,children:n.metricValue}),n.metricDescription&&(i==null?void 0:i({blocks:n.metricDescription}))]},n._key))})}function ot({layout:s,heading:i,additionalContent:n,image:e,video:c,metrics:m,callToAction:l,disclaimer:g,styleOptions:u,id:N,renderImage:x,renderRichText:o,renderCallToAction:r}){var b;const{mode:d}=H.useTheme(),V=k.useStyleClasses(u),j=W.useMediaQuery("(max-width: 768px)")??!1,_=p.resolveImageUrl(e,d),h=p.resolveAltText(e,d),y=p.resolveImageStyle(e,j),w=tt[(s==null?void 0:s.orientation)??"horizontal-image-right"],S=st[i.headingLayout??"horizontal"],f={"--container-max-width":(u==null?void 0:u.maxWidth)??"unset","--gap":s==null?void 0:s.gap,"--max-width":(e==null?void 0:e.sizing)==="inset"?e==null?void 0:e.maxWidth:"unset"},I=(s==null?void 0:s.orientation)==="split-text",v=!I&&(s==null?void 0:s.orientation)!=="no-image";return a.jsx("section",{id:N,className:`${V} ${t.content}`,children:a.jsxs("article",{className:`${t.container} ${w}`,style:f,children:[a.jsxs("div",{className:`${t.heading} ${S}`,children:[a.jsxs("div",{className:t.titleWrapper,children:[i.eyebrow&&(o==null?void 0:o({blocks:i.eyebrow,className:t.eyebrow})),i.title&&(o==null?void 0:o({blocks:i.title,className:t.title}))]}),i.description||(b=l==null?void 0:l.items)!=null&&b.length?a.jsxs("div",{className:t.text,children:[i.description&&(o==null?void 0:o({blocks:i.description})),m&&m.length>0&&a.jsx(et,{metrics:m,renderRichText:o}),l&&(r==null?void 0:r({items:l.items,alignment:l.alignment,spacing:l.spacing,mobileOrientation:l.mobileOrientation,className:t.cta})),g&&(o==null?void 0:o({blocks:g,className:t.disclaimer}))]}):null]}),I&&n&&a.jsx("div",{className:t.additionalContent,children:o==null?void 0:o({blocks:n})}),v&&c?at(c,_,e==null?void 0:e.maxWidth):v&&e&&_?a.jsx("div",{className:t.media,children:x?x({src:_,alt:h,width:600,height:400,priority:!0,style:y}):a.jsx("img",{src:_,alt:h,width:600,height:400,style:{width:"100%",height:"auto",...y}})}):null]})})}exports.ContentBlock=ot;
|
|
@@ -3,7 +3,7 @@ import { useStyleClasses as W } from "../../hooks/useStyleClasses.mjs";
|
|
|
3
3
|
import { useTheme as k } from "../../../core/context/ThemeContext.mjs";
|
|
4
4
|
import { useMediaQuery as z } from "../../hooks/useMediaQuery.mjs";
|
|
5
5
|
import { resolveImageUrl as L, resolveAltText as $, resolveImageStyle as B } from "../../utils/mediaUtils.mjs";
|
|
6
|
-
import '../../../index7.css';const C = "_content_1atux_1", M = "_container_1atux_7", D = "_eyebrow_1atux_34", U = "_metrics_1atux_38", j = "_metric_1atux_38", E = "_metricValue_1atux_54", Y = "_disclaimer_1atux_75", F = "_layoutHImageRight_1atux_80", G = "_heading_1atux_84", Q = "_media_1atux_89", q = "_noImage_1atux_99", J = "_layoutHImageLeft_1atux_103", K = "_layoutVImageTop_1atux_122",
|
|
6
|
+
import '../../../index7.css';const C = "_content_1atux_1", M = "_container_1atux_7", D = "_eyebrow_1atux_34", U = "_metrics_1atux_38", j = "_metric_1atux_38", E = "_metricValue_1atux_54", Y = "_disclaimer_1atux_75", F = "_layoutHImageRight_1atux_80", G = "_heading_1atux_84", Q = "_media_1atux_89", q = "_noImage_1atux_99", J = "_layoutHImageLeft_1atux_103", K = "_layoutVImageTop_1atux_122", O = "_layoutVImageBottom_1atux_135", P = "_text_1atux_154", X = "_title_1atux_159", Z = "_cta_1atux_178", A = "_headingHorizontal_1atux_186", R = "_titleWrapper_1atux_195", T = "_headingVertical_1atux_216", tt = "_videoWrapper_1atux_237", at = "_layoutSplitText_1atux_329", ot = "_additionalContent_1atux_344", t = {
|
|
7
7
|
content: C,
|
|
8
8
|
container: M,
|
|
9
9
|
eyebrow: D,
|
|
@@ -17,10 +17,10 @@ import '../../../index7.css';const C = "_content_1atux_1", M = "_container_1atux
|
|
|
17
17
|
noImage: q,
|
|
18
18
|
layoutHImageLeft: J,
|
|
19
19
|
layoutVImageTop: K,
|
|
20
|
-
layoutVImageBottom:
|
|
21
|
-
text:
|
|
22
|
-
title:
|
|
23
|
-
cta:
|
|
20
|
+
layoutVImageBottom: O,
|
|
21
|
+
text: P,
|
|
22
|
+
title: X,
|
|
23
|
+
cta: Z,
|
|
24
24
|
headingHorizontal: A,
|
|
25
25
|
titleWrapper: R,
|
|
26
26
|
headingVertical: T,
|
|
@@ -74,12 +74,12 @@ function rt({
|
|
|
74
74
|
renderCallToAction: p
|
|
75
75
|
}) {
|
|
76
76
|
var N;
|
|
77
|
-
const { mode: I } = k(),
|
|
77
|
+
const { mode: I } = k(), b = W(_), f = z("(max-width: 768px)") ?? !1, u = L(o, I), h = $(o, I), v = B(o, f), w = st[(a == null ? void 0 : a.orientation) ?? "horizontal-image-right"], H = et[e.headingLayout ?? "horizontal"], S = {
|
|
78
78
|
"--container-max-width": (_ == null ? void 0 : _.maxWidth) ?? "unset",
|
|
79
79
|
"--gap": a == null ? void 0 : a.gap,
|
|
80
80
|
"--max-width": (o == null ? void 0 : o.sizing) === "inset" ? o == null ? void 0 : o.maxWidth : "unset"
|
|
81
81
|
}, y = (a == null ? void 0 : a.orientation) === "split-text", x = !y && (a == null ? void 0 : a.orientation) !== "no-image";
|
|
82
|
-
return /* @__PURE__ */ i("section", { id: V, className: `${
|
|
82
|
+
return /* @__PURE__ */ i("section", { id: V, className: `${b} ${t.content}`, children: /* @__PURE__ */ c(
|
|
83
83
|
"article",
|
|
84
84
|
{
|
|
85
85
|
className: `${t.container} ${w}`,
|
|
@@ -108,6 +108,8 @@ function rt({
|
|
|
108
108
|
n && (p == null ? void 0 : p({
|
|
109
109
|
items: n.items,
|
|
110
110
|
alignment: n.alignment,
|
|
111
|
+
spacing: n.spacing,
|
|
112
|
+
mobileOrientation: n.mobileOrientation,
|
|
111
113
|
className: t.cta
|
|
112
114
|
})),
|
|
113
115
|
g && (s == null ? void 0 : s({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index12.css');const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index12.css');const s=require("react/jsx-runtime"),a=require("react"),j=require("../../utils/mediaUtils.cjs"),$=require("../../utils/blockRenderers.cjs"),q=require("../../../core/context/ThemeContext.cjs"),C=require("../../hooks/useMediaQuery.cjs"),N=require("../../hooks/useStyleClasses.cjs"),I="_layout_1e5td_1",M="_container_1e5td_7",A="_heading_1e5td_23",B="_title_1e5td_28",E="_text_1e5td_28",U="_scroll_1e5td_43",z="_sidebar_1e5td_48",Q="_number_1e5td_73",O="_link_1e5td_91",P="_active_1e5td_106",V="_content_1e5td_118",D="_flex_1e5td_129",F="_item_1e5td_154",G="_image_1e5td_173",H="_eyebrow_1e5td_199",l={layout:I,container:M,heading:A,title:B,text:E,scroll:U,sidebar:z,number:Q,link:O,active:P,content:V,flex:D,item:F,image:G,eyebrow:H};function J({heading:i,items:r,showNumbers:b,styleOptions:m,id:h,renderImage:y,renderRichText:o}){const[k,v]=a.useState(null),{mode:g}=q.useTheme(),S=C.useMediaQuery("(max-width: 768px)"),p=N.useStyleClasses(m),u=a.useRef(!1),_=a.useRef(null),f=a.useRef([]),w=a.useCallback(e=>t=>{f.current[e]=t},[]);a.useEffect(()=>{const e=new IntersectionObserver(t=>{if(u.current)return;const n=t.filter(c=>c.isIntersecting).sort((c,d)=>d.intersectionRatio-c.intersectionRatio);if(n.length>0){const c=n[0].target.getAttribute("id");c&&v(c)}},{rootMargin:"-45% 0px -45% 0px",threshold:.1});return f.current.forEach(t=>{t&&e.observe(t)}),()=>{e.disconnect()}},[r]);const x=a.useCallback(e=>{var t;v(e),u.current=!0,_.current&&clearTimeout(_.current),_.current=setTimeout(()=>{u.current=!1},600),(t=document.getElementById(e))==null||t.scrollIntoView({behavior:"smooth",block:"start"})},[]);return s.jsx("section",{id:h,className:`${p} ${l.layout}`,children:s.jsxs("article",{className:l.container,children:[s.jsxs("div",{className:l.heading,children:[s.jsxs("div",{children:[i.eyebrow&&(o==null?void 0:o({blocks:i.eyebrow,className:l.eyebrow})),o==null?void 0:o({blocks:i.title,className:l.title})]}),i.description&&(o==null?void 0:o({blocks:i.description}))]}),s.jsxs("div",{className:l.scroll,children:[s.jsx("nav",{className:l.sidebar,"aria-label":"Section navigation",children:s.jsx("ul",{children:r.map((e,t)=>s.jsx("li",{children:s.jsxs("button",{type:"button",className:`${l.link} ${k===e._key?l.active:""}`,"aria-current":k===e._key?"true":void 0,onClick:()=>x(e._key),children:[b&&s.jsx("div",{className:l.number,"aria-hidden":"true",children:t+1}),e.title&&$.extractText(e.title)]})},e._key))})}),s.jsx("div",{className:l.content,children:r.map((e,t)=>{const n=j.resolveImageUrl(e.image,g),c=j.resolveAltText(e.image,g),d=N.useStyleClasses(m);return s.jsxs("section",{ref:w(t),id:e._key,className:l.item,"aria-labelledby":`${e._key}-heading`,children:[s.jsxs("div",{className:l.text,children:[s.jsxs("div",{className:l.flex,children:[S&&b&&s.jsx("div",{className:l.number,"aria-hidden":"true",children:t+1}),e.title&&(o==null?void 0:o({blocks:e.title,className:l.title}))]}),e.description&&(o==null?void 0:o({blocks:e.description}))]}),e.image&&n&&s.jsx("div",{className:` ${d} ${l.image}`,children:y?y({src:n,alt:c,width:600,height:400,priority:t===0,loading:t===0?"eager":"lazy"}):s.jsx("img",{src:n,alt:c,width:600,height:400,loading:t===0?"eager":"lazy"})})]},e._key)})})]})]})})}exports.StickyScrollBlock=J;
|
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
import { jsx as a, jsxs as c } from "react/jsx-runtime";
|
|
2
|
-
import { useState as
|
|
3
|
-
import { resolveImageUrl as
|
|
4
|
-
import { extractText as
|
|
5
|
-
import { useTheme as
|
|
6
|
-
import { useMediaQuery as
|
|
7
|
-
import { useStyleClasses as
|
|
8
|
-
import '../../../index12.css';const
|
|
9
|
-
layout:
|
|
10
|
-
container:
|
|
11
|
-
heading:
|
|
12
|
-
title:
|
|
13
|
-
text:
|
|
14
|
-
scroll:
|
|
15
|
-
sidebar:
|
|
16
|
-
number:
|
|
17
|
-
link:
|
|
18
|
-
active:
|
|
2
|
+
import { useState as A, useRef as d, useCallback as N, useEffect as E } from "react";
|
|
3
|
+
import { resolveImageUrl as M, resolveAltText as j } from "../../utils/mediaUtils.mjs";
|
|
4
|
+
import { extractText as z } from "../../utils/blockRenderers.mjs";
|
|
5
|
+
import { useTheme as B } from "../../../core/context/ThemeContext.mjs";
|
|
6
|
+
import { useMediaQuery as U } from "../../hooks/useMediaQuery.mjs";
|
|
7
|
+
import { useStyleClasses as w } from "../../hooks/useStyleClasses.mjs";
|
|
8
|
+
import '../../../index12.css';const Q = "_layout_1e5td_1", V = "_container_1e5td_7", q = "_heading_1e5td_23", D = "_title_1e5td_28", F = "_text_1e5td_28", G = "_scroll_1e5td_43", H = "_sidebar_1e5td_48", J = "_number_1e5td_73", L = "_link_1e5td_91", O = "_active_1e5td_106", P = "_content_1e5td_118", W = "_flex_1e5td_129", X = "_item_1e5td_154", Y = "_image_1e5td_173", Z = "_eyebrow_1e5td_199", s = {
|
|
9
|
+
layout: Q,
|
|
10
|
+
container: V,
|
|
11
|
+
heading: q,
|
|
12
|
+
title: D,
|
|
13
|
+
text: F,
|
|
14
|
+
scroll: G,
|
|
15
|
+
sidebar: H,
|
|
16
|
+
number: J,
|
|
17
|
+
link: L,
|
|
18
|
+
active: O,
|
|
19
19
|
content: P,
|
|
20
20
|
flex: W,
|
|
21
21
|
item: X,
|
|
@@ -25,26 +25,26 @@ import '../../../index12.css';const U = "_layout_11dq8_1", O = "_container_11dq8
|
|
|
25
25
|
function lt({
|
|
26
26
|
heading: n,
|
|
27
27
|
items: r,
|
|
28
|
-
showNumbers:
|
|
29
|
-
styleOptions:
|
|
30
|
-
id:
|
|
31
|
-
renderImage:
|
|
28
|
+
showNumbers: b,
|
|
29
|
+
styleOptions: f,
|
|
30
|
+
id: h,
|
|
31
|
+
renderImage: v,
|
|
32
32
|
renderRichText: l
|
|
33
33
|
}) {
|
|
34
|
-
const [
|
|
35
|
-
(t) => (
|
|
36
|
-
|
|
34
|
+
const [y, g] = A(null), { mode: k } = B(), I = U("(max-width: 768px)"), $ = w(f), _ = d(!1), m = d(null), p = d([]), S = N(
|
|
35
|
+
(t) => (e) => {
|
|
36
|
+
p.current[t] = e;
|
|
37
37
|
},
|
|
38
38
|
[]
|
|
39
39
|
);
|
|
40
|
-
|
|
40
|
+
E(() => {
|
|
41
41
|
const t = new IntersectionObserver(
|
|
42
|
-
(
|
|
42
|
+
(e) => {
|
|
43
43
|
if (_.current) return;
|
|
44
|
-
const i =
|
|
44
|
+
const i = e.filter((o) => o.isIntersecting).sort((o, u) => u.intersectionRatio - o.intersectionRatio);
|
|
45
45
|
if (i.length > 0) {
|
|
46
46
|
const o = i[0].target.getAttribute("id");
|
|
47
|
-
o &&
|
|
47
|
+
o && g(o);
|
|
48
48
|
}
|
|
49
49
|
},
|
|
50
50
|
{
|
|
@@ -52,74 +52,74 @@ function lt({
|
|
|
52
52
|
threshold: 0.1
|
|
53
53
|
}
|
|
54
54
|
);
|
|
55
|
-
return
|
|
56
|
-
|
|
55
|
+
return p.current.forEach((e) => {
|
|
56
|
+
e && t.observe(e);
|
|
57
57
|
}), () => {
|
|
58
58
|
t.disconnect();
|
|
59
59
|
};
|
|
60
60
|
}, [r]);
|
|
61
|
-
const
|
|
62
|
-
var
|
|
63
|
-
|
|
61
|
+
const C = N((t) => {
|
|
62
|
+
var e;
|
|
63
|
+
g(t), _.current = !0, m.current && clearTimeout(m.current), m.current = setTimeout(() => {
|
|
64
64
|
_.current = !1;
|
|
65
|
-
}, 600), (
|
|
65
|
+
}, 600), (e = document.getElementById(t)) == null || e.scrollIntoView({ behavior: "smooth", block: "start" });
|
|
66
66
|
}, []);
|
|
67
|
-
return /* @__PURE__ */ a("section", { id:
|
|
68
|
-
/* @__PURE__ */ c("div", { className:
|
|
67
|
+
return /* @__PURE__ */ a("section", { id: h, className: `${$} ${s.layout}`, children: /* @__PURE__ */ c("article", { className: s.container, children: [
|
|
68
|
+
/* @__PURE__ */ c("div", { className: s.heading, children: [
|
|
69
69
|
/* @__PURE__ */ c("div", { children: [
|
|
70
70
|
n.eyebrow && (l == null ? void 0 : l({
|
|
71
71
|
blocks: n.eyebrow,
|
|
72
|
-
className:
|
|
72
|
+
className: s.eyebrow
|
|
73
73
|
})),
|
|
74
74
|
l == null ? void 0 : l({
|
|
75
75
|
blocks: n.title,
|
|
76
|
-
className:
|
|
76
|
+
className: s.title
|
|
77
77
|
})
|
|
78
78
|
] }),
|
|
79
79
|
n.description && (l == null ? void 0 : l({ blocks: n.description }))
|
|
80
80
|
] }),
|
|
81
|
-
/* @__PURE__ */ c("div", { className:
|
|
82
|
-
/* @__PURE__ */ a("nav", { className:
|
|
81
|
+
/* @__PURE__ */ c("div", { className: s.scroll, children: [
|
|
82
|
+
/* @__PURE__ */ a("nav", { className: s.sidebar, "aria-label": "Section navigation", children: /* @__PURE__ */ a("ul", { children: r.map((t, e) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ c(
|
|
83
83
|
"button",
|
|
84
84
|
{
|
|
85
85
|
type: "button",
|
|
86
|
-
className: `${
|
|
87
|
-
"aria-current":
|
|
88
|
-
onClick: () =>
|
|
86
|
+
className: `${s.link} ${y === t._key ? s.active : ""}`,
|
|
87
|
+
"aria-current": y === t._key ? "true" : void 0,
|
|
88
|
+
onClick: () => C(t._key),
|
|
89
89
|
children: [
|
|
90
|
-
|
|
91
|
-
t.title &&
|
|
90
|
+
b && /* @__PURE__ */ a("div", { className: s.number, "aria-hidden": "true", children: e + 1 }),
|
|
91
|
+
t.title && z(t.title)
|
|
92
92
|
]
|
|
93
93
|
}
|
|
94
94
|
) }, t._key)) }) }),
|
|
95
|
-
/* @__PURE__ */ a("div", { className:
|
|
96
|
-
const i =
|
|
95
|
+
/* @__PURE__ */ a("div", { className: s.content, children: r.map((t, e) => {
|
|
96
|
+
const i = M(t.image, k), o = j(t.image, k), u = w(f);
|
|
97
97
|
return /* @__PURE__ */ c(
|
|
98
98
|
"section",
|
|
99
99
|
{
|
|
100
|
-
ref:
|
|
100
|
+
ref: S(e),
|
|
101
101
|
id: t._key,
|
|
102
|
-
className:
|
|
102
|
+
className: s.item,
|
|
103
103
|
"aria-labelledby": `${t._key}-heading`,
|
|
104
104
|
children: [
|
|
105
|
-
/* @__PURE__ */ c("div", { className:
|
|
106
|
-
/* @__PURE__ */ c("div", { className:
|
|
107
|
-
|
|
105
|
+
/* @__PURE__ */ c("div", { className: s.text, children: [
|
|
106
|
+
/* @__PURE__ */ c("div", { className: s.flex, children: [
|
|
107
|
+
I && b && /* @__PURE__ */ a("div", { className: s.number, "aria-hidden": "true", children: e + 1 }),
|
|
108
108
|
t.title && (l == null ? void 0 : l({
|
|
109
109
|
blocks: t.title,
|
|
110
|
-
className:
|
|
110
|
+
className: s.title
|
|
111
111
|
}))
|
|
112
112
|
] }),
|
|
113
113
|
t.description && (l == null ? void 0 : l({ blocks: t.description }))
|
|
114
114
|
] }),
|
|
115
|
-
t.image && i && /* @__PURE__ */ a("div", { className:
|
|
115
|
+
t.image && i && /* @__PURE__ */ a("div", { className: ` ${u} ${s.image}`, children: v ? v({
|
|
116
116
|
src: i,
|
|
117
117
|
alt: o,
|
|
118
118
|
width: 600,
|
|
119
119
|
height: 400,
|
|
120
120
|
// Only the first image is above-the-fold.
|
|
121
|
-
priority:
|
|
122
|
-
loading:
|
|
121
|
+
priority: e === 0,
|
|
122
|
+
loading: e === 0 ? "eager" : "lazy"
|
|
123
123
|
}) : /* @__PURE__ */ a(
|
|
124
124
|
"img",
|
|
125
125
|
{
|
|
@@ -127,7 +127,7 @@ function lt({
|
|
|
127
127
|
alt: o,
|
|
128
128
|
width: 600,
|
|
129
129
|
height: 400,
|
|
130
|
-
loading:
|
|
130
|
+
loading: e === 0 ? "eager" : "lazy"
|
|
131
131
|
}
|
|
132
132
|
) })
|
|
133
133
|
]
|
|
@@ -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"),g=require("../../../core/components/Tabs/index.cjs"),G=require("../../../index-D0ylyll7.cjs"),M=require("../../utils/resolveLinkUrl.cjs"),P=require("../../../core/context/ThemeContext.cjs"),r=require("../../utils/mediaUtils.cjs"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index13.css');const a=require("react/jsx-runtime"),D=require("../../hooks/useStyleClasses.cjs"),g=require("../../../core/components/Tabs/index.cjs"),G=require("../../../index-D0ylyll7.cjs"),M=require("../../utils/resolveLinkUrl.cjs"),P=require("../../../core/context/ThemeContext.cjs"),r=require("../../utils/mediaUtils.cjs"),F="_tabs_3x761_1",Y="_container_3x761_7",J="_heading_3x761_25",K="_text_3x761_32",Q="_headingHorizontal_3x761_46",W="_title_3x761_54",X="_headingVertical_3x761_64",Z="_tabContent_3x761_74",A="_vertical_3x761_97",O="_tabsContainer_3x761_69",T="_tabImage_3x761_112",R="_tabText_3x761_120",tt="_gridItems_3x761_141",at="_gridItem_3x761_141",st="_fullBleed_3x761_181",lt="_overlay_3x761_208",ot="_eyebrow_3x761_314",s={tabs:F,container:Y,heading:J,text:K,headingHorizontal:Q,title:W,headingVertical:X,tabContent:Z,vertical:A,tabsContainer:O,tabImage:T,tabText:R,gridItems:tt,gridItem:at,default:"_default_3x761_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},ct={horizontal:"",vertical:s.vertical};function bt({src:l,alt:c,renderImage:m}){return m?m({src:l,alt:c,width:600,height:658,priority:!0}):a.jsx("img",{src:l,alt:c,width:600,height:658})}function mt({items:l,mode:c,renderImage:m,renderRichText:i}){return a.jsx("div",{className:s.gridItems,children:l.map((o,t)=>{const n=r.resolveImageUrl(o.itemImage,c,"medium"),b=r.resolveAltText(o.itemImage,c,"Grid image");return a.jsxs("div",{className:s.gridItem,children:[n&&m?m({src:n,alt:b,width:200,height:200}):n?a.jsx("img",{src:n,alt:b,width:200,height:200}):null,o.itemText&&(i==null?void 0:i({blocks:o.itemText}))]},t)})})}function _t({heading:l,image:c,items:m,callToAction:i,styleOptions:o,renderRichText:t,renderCallToAction:n,renderImage:b}){const{mode:u}=P.useTheme(),I=D.useStyleClasses(o),x=(o==null?void 0:o.layout)??"default",d=nt[l.headingLayout??"vertical"],w=et[(o==null?void 0:o.orientation)??"orientationHorizontal"],V=it[(o==null?void 0:o.theme)??"themeDefault"],y=r.resolveImageUrl(c,u,"medium"),v=r.resolveImageUrl(c,u,"large"),j=r.resolveAltText(c,u,"Block image"),L=a.jsxs(g.Tabs,{defaultIndex:0,orientation:w,theme:V,children:[a.jsx(g.Tabs.List,{children:m.map((e,k)=>a.jsx(g.Tabs.Trigger,{index:k,children:e.title},e.title))}),m.map((e,k)=>{var U,B,z,h,q,H,S,C,E;const N=r.resolveImageUrl((U=e.content)==null?void 0:U.tabImage,u,"medium"),$=r.resolveAltText((B=e.content)==null?void 0:B.tabImage,u,"Tab image"),f=(z=e.content)!=null&&z.tabLink?M.resolveLinkURL(e.content.tabLink):void 0,_=(h=e.content)==null?void 0:h.tabLink,p=Array.isArray((q=e.content)==null?void 0:q.tabGridItem)?e.content.tabGridItem:null;return a.jsx(g.Tabs.Panel,{index:k,children:a.jsxs("div",{className:`${s.tabContent} ${ct[w]}`,children:[N&&a.jsx("div",{className:s.tabImage,children:b?b({src:N,alt:$,width:250,height:250}):a.jsx("img",{src:N,alt:$,width:250,height:250})}),a.jsxs("div",{className:s.tabText,children:[((H=e.content)==null?void 0:H.tabText)&&(t==null?void 0:t({blocks:e.content.tabText})),p&&a.jsx(mt,{items:p,mode:u,renderImage:b,renderRichText:t}),f&&f!=="#"&&_&&a.jsx(G.Button,{as:"a",variant:_.variant??"primary",href:f,target:((S=_.linkOptions)==null?void 0:S.linkType)==="external"?"_blank":"_self",rel:((C=_.linkOptions)==null?void 0:C.linkType)==="external"?"noopener noreferrer":"","aria-label":_.ariaLabel||_.label,children:_.label}),((E=e.content)==null?void 0:E.tabDisclaimer)&&(t==null?void 0:t({blocks:e.content.tabDisclaimer}))]})]})},e.title)})]});return x==="default"?a.jsx("section",{className:`${s.tabs} ${s.default} ${I}`,children:a.jsxs("article",{className:s.container,children:[y&&a.jsx(bt,{src:y,alt:j,renderImage:b}),a.jsxs("div",{className:`${s.heading} ${d}`,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:L}),i&&(n==null?void 0:n({items:i.items,alignment:i.alignment,spacing:i.spacing,mobileOrientation:i.mobileOrientation})),l.disclaimer&&(t==null?void 0:t({blocks:l.disclaimer}))]})}):x==="full-bleed"?a.jsx("section",{"data-overlay":"true",className:`${s.tabs} ${s.fullBleed} ${I} tabsFullBleed`,children:a.jsxs("article",{className:s.container,children:[v&&(b?b({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} ${d}`,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:L}),i&&(n==null?void 0:n({items:i.items,alignment:i.alignment,spacing:i.spacing,mobileOrientation:i.mobileOrientation})),l.disclaimer&&(t==null?void 0:t({blocks:l.disclaimer}))]})})]})}):null}exports.TabsBlock=_t;
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as e, jsx as s } from "react/jsx-runtime";
|
|
2
2
|
import { useStyleClasses as P } from "../../hooks/useStyleClasses.mjs";
|
|
3
3
|
import { Tabs as g } from "../../../core/components/Tabs/index.mjs";
|
|
4
|
-
import { B as
|
|
5
|
-
import { resolveLinkURL as
|
|
6
|
-
import { useTheme as
|
|
7
|
-
import { resolveImageUrl as v, resolveAltText as
|
|
8
|
-
import '../../../index13.css';const
|
|
9
|
-
tabs:
|
|
10
|
-
container:
|
|
11
|
-
heading:
|
|
12
|
-
text:
|
|
13
|
-
headingHorizontal:
|
|
14
|
-
title:
|
|
4
|
+
import { B as Y } from "../../../index-CnlJ2RgH.js";
|
|
5
|
+
import { resolveLinkURL as q } from "../../utils/resolveLinkUrl.mjs";
|
|
6
|
+
import { useTheme as J } from "../../../core/context/ThemeContext.mjs";
|
|
7
|
+
import { resolveImageUrl as v, resolveAltText as w } from "../../utils/mediaUtils.mjs";
|
|
8
|
+
import '../../../index13.css';const K = "_tabs_3x761_1", Q = "_container_3x761_7", W = "_heading_3x761_25", X = "_text_3x761_32", Z = "_headingHorizontal_3x761_46", A = "_title_3x761_54", O = "_headingVertical_3x761_64", x = "_tabContent_3x761_74", T = "_vertical_3x761_97", R = "_tabsContainer_3x761_69", tt = "_tabImage_3x761_112", at = "_tabText_3x761_120", lt = "_gridItems_3x761_141", st = "_gridItem_3x761_141", it = "_fullBleed_3x761_181", ot = "_overlay_3x761_208", nt = "_eyebrow_3x761_314", a = {
|
|
9
|
+
tabs: K,
|
|
10
|
+
container: Q,
|
|
11
|
+
heading: W,
|
|
12
|
+
text: X,
|
|
13
|
+
headingHorizontal: Z,
|
|
14
|
+
title: A,
|
|
15
15
|
headingVertical: O,
|
|
16
16
|
tabContent: x,
|
|
17
17
|
vertical: T,
|
|
@@ -21,91 +21,91 @@ import '../../../index13.css';const J = "_tabs_3x761_1", K = "_container_3x761_7
|
|
|
21
21
|
gridItems: lt,
|
|
22
22
|
gridItem: st,
|
|
23
23
|
default: "_default_3x761_166",
|
|
24
|
-
fullBleed:
|
|
25
|
-
overlay:
|
|
24
|
+
fullBleed: it,
|
|
25
|
+
overlay: ot,
|
|
26
26
|
eyebrow: nt
|
|
27
27
|
}, mt = {
|
|
28
28
|
orientationHorizontal: "horizontal",
|
|
29
29
|
orientationVertical: "vertical"
|
|
30
|
-
},
|
|
30
|
+
}, et = {
|
|
31
31
|
themeDefault: "default",
|
|
32
32
|
themeLight: "light",
|
|
33
33
|
themeDark: "dark",
|
|
34
34
|
themeTransparent: "transparent"
|
|
35
|
-
},
|
|
35
|
+
}, bt = {
|
|
36
36
|
horizontal: a.headingHorizontal,
|
|
37
37
|
vertical: a.headingVertical
|
|
38
|
-
},
|
|
38
|
+
}, ct = {
|
|
39
39
|
horizontal: "",
|
|
40
40
|
vertical: a.vertical
|
|
41
41
|
};
|
|
42
|
-
function _t({ src: l, alt:
|
|
43
|
-
return _ ? _({ src: l, alt:
|
|
42
|
+
function _t({ src: l, alt: b, renderImage: _ }) {
|
|
43
|
+
return _ ? _({ src: l, alt: b, width: 600, height: 658, priority: !0 }) : /* @__PURE__ */ s("img", { src: l, alt: b, width: 600, height: 658 });
|
|
44
44
|
}
|
|
45
|
-
function
|
|
45
|
+
function rt({
|
|
46
46
|
items: l,
|
|
47
|
-
mode:
|
|
47
|
+
mode: b,
|
|
48
48
|
renderImage: _,
|
|
49
|
-
renderRichText:
|
|
49
|
+
renderRichText: n
|
|
50
50
|
}) {
|
|
51
|
-
return /* @__PURE__ */ s("div", { className: a.gridItems, children: l.map((
|
|
52
|
-
const
|
|
53
|
-
|
|
54
|
-
|
|
51
|
+
return /* @__PURE__ */ s("div", { className: a.gridItems, children: l.map((i, t) => {
|
|
52
|
+
const m = v(
|
|
53
|
+
i.itemImage,
|
|
54
|
+
b,
|
|
55
55
|
"medium"
|
|
56
|
-
),
|
|
57
|
-
|
|
58
|
-
|
|
56
|
+
), c = w(
|
|
57
|
+
i.itemImage,
|
|
58
|
+
b,
|
|
59
59
|
"Grid image"
|
|
60
60
|
);
|
|
61
|
-
return /* @__PURE__ */
|
|
62
|
-
|
|
63
|
-
src:
|
|
64
|
-
alt:
|
|
61
|
+
return /* @__PURE__ */ e("div", { className: a.gridItem, children: [
|
|
62
|
+
m && _ ? _({
|
|
63
|
+
src: m,
|
|
64
|
+
alt: c,
|
|
65
65
|
width: 200,
|
|
66
66
|
height: 200
|
|
67
|
-
}) :
|
|
67
|
+
}) : m ? /* @__PURE__ */ s(
|
|
68
68
|
"img",
|
|
69
69
|
{
|
|
70
|
-
src:
|
|
71
|
-
alt:
|
|
70
|
+
src: m,
|
|
71
|
+
alt: c,
|
|
72
72
|
width: 200,
|
|
73
73
|
height: 200
|
|
74
74
|
}
|
|
75
75
|
) : null,
|
|
76
|
-
|
|
76
|
+
i.itemText && (n == null ? void 0 : n({ blocks: i.itemText }))
|
|
77
77
|
] }, t);
|
|
78
78
|
}) });
|
|
79
79
|
}
|
|
80
|
-
function
|
|
80
|
+
function pt({
|
|
81
81
|
heading: l,
|
|
82
|
-
image:
|
|
82
|
+
image: b,
|
|
83
83
|
items: _,
|
|
84
|
-
callToAction:
|
|
85
|
-
styleOptions:
|
|
84
|
+
callToAction: n,
|
|
85
|
+
styleOptions: i,
|
|
86
86
|
renderRichText: t,
|
|
87
|
-
renderCallToAction:
|
|
88
|
-
renderImage:
|
|
87
|
+
renderCallToAction: m,
|
|
88
|
+
renderImage: c
|
|
89
89
|
}) {
|
|
90
|
-
const { mode:
|
|
91
|
-
/* @__PURE__ */ s(g.List, { children: _.map((
|
|
92
|
-
_.map((
|
|
90
|
+
const { mode: u } = J(), d = P(i), L = (i == null ? void 0 : i.layout) ?? "default", y = bt[l.headingLayout ?? "vertical"], $ = mt[(i == null ? void 0 : i.orientation) ?? "orientationHorizontal"], M = et[(i == null ? void 0 : i.theme) ?? "themeDefault"], B = v(b, u, "medium"), f = v(b, u, "large"), k = w(b, u, "Block image"), z = /* @__PURE__ */ e(g, { defaultIndex: 0, orientation: $, theme: M, children: [
|
|
91
|
+
/* @__PURE__ */ s(g.List, { children: _.map((o, N) => /* @__PURE__ */ s(g.Trigger, { index: N, children: o.title }, o.title)) }),
|
|
92
|
+
_.map((o, N) => {
|
|
93
93
|
var E, V, h, D, G, C, S, j, F;
|
|
94
94
|
const I = v(
|
|
95
|
-
(E =
|
|
96
|
-
|
|
95
|
+
(E = o.content) == null ? void 0 : E.tabImage,
|
|
96
|
+
u,
|
|
97
97
|
"medium"
|
|
98
|
-
), H =
|
|
99
|
-
(V =
|
|
100
|
-
|
|
98
|
+
), H = w(
|
|
99
|
+
(V = o.content) == null ? void 0 : V.tabImage,
|
|
100
|
+
u,
|
|
101
101
|
"Tab image"
|
|
102
|
-
),
|
|
103
|
-
return /* @__PURE__ */ s(g.Panel, { index: N, children: /* @__PURE__ */
|
|
102
|
+
), p = (h = o.content) != null && h.tabLink ? q(o.content.tabLink) : void 0, r = (D = o.content) == null ? void 0 : D.tabLink, U = Array.isArray((G = o.content) == null ? void 0 : G.tabGridItem) ? o.content.tabGridItem : null;
|
|
103
|
+
return /* @__PURE__ */ s(g.Panel, { index: N, children: /* @__PURE__ */ e(
|
|
104
104
|
"div",
|
|
105
105
|
{
|
|
106
|
-
className: `${a.tabContent} ${
|
|
106
|
+
className: `${a.tabContent} ${ct[$]}`,
|
|
107
107
|
children: [
|
|
108
|
-
I && /* @__PURE__ */ s("div", { className: a.tabImage, children:
|
|
108
|
+
I && /* @__PURE__ */ s("div", { className: a.tabImage, children: c ? c({
|
|
109
109
|
src: I,
|
|
110
110
|
alt: H,
|
|
111
111
|
width: 250,
|
|
@@ -119,47 +119,47 @@ function wt({
|
|
|
119
119
|
height: 250
|
|
120
120
|
}
|
|
121
121
|
) }),
|
|
122
|
-
/* @__PURE__ */
|
|
123
|
-
((C =
|
|
122
|
+
/* @__PURE__ */ e("div", { className: a.tabText, children: [
|
|
123
|
+
((C = o.content) == null ? void 0 : C.tabText) && (t == null ? void 0 : t({ blocks: o.content.tabText })),
|
|
124
124
|
U && /* @__PURE__ */ s(
|
|
125
|
-
|
|
125
|
+
rt,
|
|
126
126
|
{
|
|
127
127
|
items: U,
|
|
128
|
-
mode:
|
|
129
|
-
renderImage:
|
|
128
|
+
mode: u,
|
|
129
|
+
renderImage: c,
|
|
130
130
|
renderRichText: t
|
|
131
131
|
}
|
|
132
132
|
),
|
|
133
|
-
|
|
134
|
-
|
|
133
|
+
p && p !== "#" && r && /* @__PURE__ */ s(
|
|
134
|
+
Y,
|
|
135
135
|
{
|
|
136
136
|
as: "a",
|
|
137
|
-
variant:
|
|
138
|
-
href:
|
|
139
|
-
target: ((S =
|
|
140
|
-
rel: ((j =
|
|
141
|
-
"aria-label":
|
|
142
|
-
children:
|
|
137
|
+
variant: r.variant ?? "primary",
|
|
138
|
+
href: p,
|
|
139
|
+
target: ((S = r.linkOptions) == null ? void 0 : S.linkType) === "external" ? "_blank" : "_self",
|
|
140
|
+
rel: ((j = r.linkOptions) == null ? void 0 : j.linkType) === "external" ? "noopener noreferrer" : "",
|
|
141
|
+
"aria-label": r.ariaLabel || r.label,
|
|
142
|
+
children: r.label
|
|
143
143
|
}
|
|
144
144
|
),
|
|
145
|
-
((F =
|
|
145
|
+
((F = o.content) == null ? void 0 : F.tabDisclaimer) && (t == null ? void 0 : t({ blocks: o.content.tabDisclaimer }))
|
|
146
146
|
] })
|
|
147
147
|
]
|
|
148
148
|
}
|
|
149
|
-
) },
|
|
149
|
+
) }, o.title);
|
|
150
150
|
})
|
|
151
151
|
] });
|
|
152
|
-
return
|
|
152
|
+
return L === "default" ? /* @__PURE__ */ s("section", { className: `${a.tabs} ${a.default} ${d}`, children: /* @__PURE__ */ e("article", { className: a.container, children: [
|
|
153
153
|
B && /* @__PURE__ */ s(
|
|
154
154
|
_t,
|
|
155
155
|
{
|
|
156
156
|
src: B,
|
|
157
157
|
alt: k,
|
|
158
|
-
renderImage:
|
|
158
|
+
renderImage: c
|
|
159
159
|
}
|
|
160
160
|
),
|
|
161
|
-
/* @__PURE__ */
|
|
162
|
-
/* @__PURE__ */
|
|
161
|
+
/* @__PURE__ */ e("div", { className: `${a.heading} ${y}`, children: [
|
|
162
|
+
/* @__PURE__ */ e("div", { children: [
|
|
163
163
|
l.eyebrow && (t == null ? void 0 : t({
|
|
164
164
|
blocks: l.eyebrow,
|
|
165
165
|
className: a.eyebrow
|
|
@@ -172,18 +172,20 @@ function wt({
|
|
|
172
172
|
l.description && /* @__PURE__ */ s("div", { className: a.text, children: t == null ? void 0 : t({ blocks: l.description }) })
|
|
173
173
|
] }),
|
|
174
174
|
/* @__PURE__ */ s("div", { className: a.tabsContainer, children: z }),
|
|
175
|
-
|
|
176
|
-
items:
|
|
177
|
-
alignment:
|
|
175
|
+
n && (m == null ? void 0 : m({
|
|
176
|
+
items: n.items,
|
|
177
|
+
alignment: n.alignment,
|
|
178
|
+
spacing: n.spacing,
|
|
179
|
+
mobileOrientation: n.mobileOrientation
|
|
178
180
|
})),
|
|
179
181
|
l.disclaimer && (t == null ? void 0 : t({ blocks: l.disclaimer }))
|
|
180
|
-
] }) }) :
|
|
182
|
+
] }) }) : L === "full-bleed" ? /* @__PURE__ */ s(
|
|
181
183
|
"section",
|
|
182
184
|
{
|
|
183
185
|
"data-overlay": "true",
|
|
184
|
-
className: `${a.tabs} ${a.fullBleed} ${
|
|
185
|
-
children: /* @__PURE__ */
|
|
186
|
-
f && (
|
|
186
|
+
className: `${a.tabs} ${a.fullBleed} ${d} tabsFullBleed`,
|
|
187
|
+
children: /* @__PURE__ */ e("article", { className: a.container, children: [
|
|
188
|
+
f && (c ? c({
|
|
187
189
|
src: f,
|
|
188
190
|
alt: k,
|
|
189
191
|
fill: !0,
|
|
@@ -205,8 +207,8 @@ function wt({
|
|
|
205
207
|
}
|
|
206
208
|
}
|
|
207
209
|
)),
|
|
208
|
-
/* @__PURE__ */ s("div", { className: a.overlay, children: /* @__PURE__ */
|
|
209
|
-
/* @__PURE__ */
|
|
210
|
+
/* @__PURE__ */ s("div", { className: a.overlay, children: /* @__PURE__ */ e("div", { className: `${a.heading} ${y}`, children: [
|
|
211
|
+
/* @__PURE__ */ e("div", { children: [
|
|
210
212
|
l.eyebrow && (t == null ? void 0 : t({
|
|
211
213
|
blocks: l.eyebrow,
|
|
212
214
|
className: a.eyebrow
|
|
@@ -218,9 +220,11 @@ function wt({
|
|
|
218
220
|
] }),
|
|
219
221
|
l.description && (t == null ? void 0 : t({ blocks: l.description })),
|
|
220
222
|
/* @__PURE__ */ s("div", { className: a.tabsContainer, children: z }),
|
|
221
|
-
|
|
222
|
-
items:
|
|
223
|
-
alignment:
|
|
223
|
+
n && (m == null ? void 0 : m({
|
|
224
|
+
items: n.items,
|
|
225
|
+
alignment: n.alignment,
|
|
226
|
+
spacing: n.spacing,
|
|
227
|
+
mobileOrientation: n.mobileOrientation
|
|
224
228
|
})),
|
|
225
229
|
l.disclaimer && (t == null ? void 0 : t({ blocks: l.disclaimer }))
|
|
226
230
|
] }) })
|
|
@@ -229,5 +233,5 @@ function wt({
|
|
|
229
233
|
) : null;
|
|
230
234
|
}
|
|
231
235
|
export {
|
|
232
|
-
|
|
236
|
+
pt as TabsBlock
|
|
233
237
|
};
|