quirk-ui 0.1.125 → 0.1.127
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/index13.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._tabs_jt1ik_1{width:100%;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}._container_jt1ik_7{width:100%;max-width:var(--layout-width);margin:0 auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}._container_jt1ik_7 h1,._container_jt1ik_7 h2,._container_jt1ik_7 h3,._container_jt1ik_7 h4,._container_jt1ik_7 h5,._container_jt1ik_7 h6{width:100%;margin-block:0}._heading_jt1ik_25{position:relative;display:flex;flex-direction:column;gap:var(--spacing-md)}._text_jt1ik_32{flex:1;display:flex;justify-content:center;flex-direction:column;gap:var(--spacing-lg)}@media (max-width: 767px){._text_jt1ik_32{flex:1;width:100%;align-items:flex-start}}._headingHorizontal_jt1ik_46{flex-direction:row;justify-content:space-between}._headingHorizontal_jt1ik_46 ._container_jt1ik_7{flex:1}._headingHorizontal_jt1ik_46 ._title_jt1ik_54{margin-bottom:0;text-wrap:pretty}@media (max-width: 768px){._headingHorizontal_jt1ik_46{flex-direction:column}}._headingVertical_jt1ik_64{flex-direction:column;justify-content:flex-start}._tabContent_jt1ik_74{display:flex;align-items:center;justify-content:space-between;gap:4rem;max-width:800px;margin:0 auto}._tabContent_jt1ik_74 ul{columns:1}._tabContent_jt1ik_74 .textPrimary{font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg)}@media (max-width: 767px){._tabContent_jt1ik_74{flex-direction:column;gap:var(--spacing-lg);align-items:flex-start}}._tabContent_jt1ik_74._horizontal_jt1ik_97 ._tabImage_jt1ik_98{max-width:175px}._tabContent_jt1ik_74._vertical_jt1ik_103{flex-direction:column;align-items:flex-start;justify-content:space-between;gap:var(--spacing-lg)}@media (max-width: 767px){._tabContent_jt1ik_74._vertical_jt1ik_103{flex-direction:column}}._tabContent_jt1ik_74._vertical_jt1ik_103 ._tabsContainer_jt1ik_69{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}._tabContent_jt1ik_74._vertical_jt1ik_103 ._tabImage_jt1ik_98 img{width:auto}._tabText_jt1ik_126{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-md);flex:1}._tabImage_jt1ik_98{width:100%;height:auto;align-items:center}._tabImage_jt1ik_98 img{position:relative;width:100%;height:auto}._gridItems_jt1ik_146{display:grid;width:100%;grid-template-columns:1fr;gap:var(--spacing-md)}@media (min-width: 480px){._gridItems_jt1ik_146{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){._gridItems_jt1ik_146{grid-template-columns:repeat(4,1fr)}}._gridItem_jt1ik_146 img{width:100%;height:auto;aspect-ratio:15/9;object-fit:cover;border-radius:var(--radius-md)}._default_jt1ik_171 ._container_jt1ik_7{display:flex;flex-direction:column;gap:var(--spacing-md)}.orientationVertical ._tabsContainer_jt1ik_69{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}._fullBleed_jt1ik_186{position:relative;padding-top:var(--spacing-md);padding-left:var(--spacing-md);padding-right:var(--spacing-md)}._fullBleed_jt1ik_186 ._container_jt1ik_7{max-width:var(--layout-width);position:relative;display:flex;align-items:flex-end;width:100%;min-height:650px;height:100%;overflow:hidden;flex-grow:1;border-radius:var(--radius-md)}._fullBleed_jt1ik_186 ._container_jt1ik_7 img{transition:width .3s ease-in-out,height .3s ease-in-out}._fullBleed_jt1ik_186 ._overlay_jt1ik_213{width:100%;max-width:var(--layout-width);margin:0 auto;z-index:3;position:relative;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}._fullBleed_jt1ik_186 ._heading_jt1ik_25{z-index:3;position:relative;max-width:665px;display:flex;flex-direction:column;gap:var(--spacing-md);background-color:#fff;padding:var(--spacing-xl);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}._fullBleed_jt1ik_186 ._heading_jt1ik_25:has(._title_jt1ik_54+._cta_jt1ik_237):not(:has(._text_jt1ik_32)){gap:var(--spacing-lg)}._fullBleed_jt1ik_186 ._text_jt1ik_32{flex:1;display:flex;justify-content:center;flex-direction:column;gap:var(--spacing-lg)}@media (max-width: 767px){._fullBleed_jt1ik_186 ._text_jt1ik_32{flex:1;width:100%;align-items:flex-start}}._fullBleed_jt1ik_186.paddingTopBanner,._fullBleed_jt1ik_186.paddingTop4,._fullBleed_jt1ik_186.paddingTop2,._fullBleed_jt1ik_186.paddingTop1{padding-top:0}._fullBleed_jt1ik_186.paddingBottomBanner,._fullBleed_jt1ik_186.paddingBottom4,._fullBleed_jt1ik_186.paddingBottom2,._fullBleed_jt1ik_186.paddingBottom1{padding-bottom:0}._fullBleed_jt1ik_186.paddingTopBanner ._overlay_jt1ik_213{padding-top:8rem}._fullBleed_jt1ik_186.paddingBottomBanner ._overlay_jt1ik_213{padding-bottom:8rem}._fullBleed_jt1ik_186.paddingTop4 ._overlay_jt1ik_213{padding-top:4rem}._fullBleed_jt1ik_186.paddingBottom4 ._overlay_jt1ik_213{padding-bottom:4rem}._fullBleed_jt1ik_186.paddingTop2 ._overlay_jt1ik_213{padding-top:2rem}._fullBleed_jt1ik_186.paddingBottom2 ._overlay_jt1ik_213{padding-bottom:2rem}._fullBleed_jt1ik_186.paddingTop1 ._overlay_jt1ik_213{padding-top:1rem}._fullBleed_jt1ik_186.paddingBottom1 ._overlay_jt1ik_213{padding-bottom:1rem}._eyebrow_jt1ik_319{font-weight:var(--font-weight-bold)}.imageRadius-sm ._tabImage_jt1ik_98 img{border-radius:var(--radius-sm)}.imageRadius-md ._tabImage_jt1ik_98 img{border-radius:var(--radius-md)}.imageRadius-lg ._tabImage_jt1ik_98 img{border-radius:var(--radius-lg)}.imageRadius-full ._tabImage_jt1ik_98 img{border-radius:var(--radius-full)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index13.css');const a=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index13.css');const a=require("react/jsx-runtime"),G=require("../../hooks/useStyleClasses.cjs"),g=require("../../../core/components/Tabs/index.cjs"),F=require("../../../index-CAS0iFfs.cjs"),Y=require("../../utils/resolveLinkUrl.cjs"),J=require("../../../core/context/ThemeContext.cjs"),r=require("../../utils/mediaUtils.cjs"),K="_tabs_jt1ik_1",O="_container_jt1ik_7",Q="_heading_jt1ik_25",W="_text_jt1ik_32",X="_headingHorizontal_jt1ik_46",Z="_title_jt1ik_54",A="_headingVertical_jt1ik_64",T="_tabContent_jt1ik_74",R="_tabImage_jt1ik_98",tt="_vertical_jt1ik_103",at="_tabsContainer_jt1ik_69",st="_tabText_jt1ik_126",lt="_gridItems_jt1ik_146",it="_gridItem_jt1ik_146",ot="_fullBleed_jt1ik_186",et="_overlay_jt1ik_213",nt="_eyebrow_jt1ik_319",s={tabs:K,container:O,heading:Q,text:W,headingHorizontal:X,title:Z,headingVertical:A,tabContent:T,tabImage:R,vertical:tt,tabsContainer:at,tabText:st,gridItems:lt,gridItem:it,default:"_default_jt1ik_171",fullBleed:ot,overlay:et,eyebrow:nt},ct={orientationHorizontal:"horizontal",orientationVertical:"vertical"},bt={themeDefault:"default",themeLight:"light",themeDark:"dark",themeTransparent:"transparent"},mt={horizontal:s.headingHorizontal,vertical:s.headingVertical},_t={horizontal:"",vertical:s.vertical};function rt({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 ut({items:l,mode:c,renderImage:m,renderRichText:e}){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&&(e==null?void 0:e({blocks:o.itemText}))]},t)})})}function gt({heading:l,image:c,items:m,callToAction:e,styleOptions:o,renderRichText:t,renderCallToAction:n,renderImage:b}){const{mode:u}=J.useTheme(),I=G.useStyleClasses(o),d=(o==null?void 0:o.layout)??"default",y=mt[l.headingLayout??"vertical"],w=ct[(o==null?void 0:o.orientation)??"orientationHorizontal"],M=bt[(o==null?void 0:o.theme)??"themeDefault"],L=r.resolveImageUrl(c,u,"medium"),j=r.resolveImageUrl(c,u,"large"),k=r.resolveAltText(c,u,"Block image"),p=a.jsxs(g.Tabs,{defaultIndex:0,orientation:w,theme:M,children:[a.jsx(g.Tabs.List,{children:m.map((i,v)=>a.jsx(g.Tabs.Trigger,{index:v,children:i.title},i.title))}),m.map((i,v)=>{var B,S,z,h,q,C,H,E,V,x,D;const N=r.resolveImageUrl((B=i.content)==null?void 0:B.tabImage,u,"medium"),$=r.resolveAltText((S=i.content)==null?void 0:S.tabImage,u,"Tab image"),f=(z=i.content)!=null&&z.tabLink?Y.resolveLinkURL(i.content.tabLink):void 0,_=(h=i.content)==null?void 0:h.tabLink,U=Array.isArray((q=i.content)==null?void 0:q.tabGridItem)?i.content.tabGridItem:null,P=(C=i.content)!=null&&C.tabStyleOptions?G.useStyleClasses((H=i.content)==null?void 0:H.tabStyleOptions):void 0;return a.jsx(g.Tabs.Panel,{index:v,children:a.jsxs("div",{className:`${s.tabContent} ${_t[w]} ${P}`,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:[((E=i.content)==null?void 0:E.tabText)&&(t==null?void 0:t({blocks:i.content.tabText})),U&&a.jsx(ut,{items:U,mode:u,renderImage:b,renderRichText:t}),f&&f!=="#"&&_&&a.jsx(F.Button,{as:"a",variant:_.variant??"primary",href:f,target:((V=_.linkOptions)==null?void 0:V.linkType)==="external"?"_blank":"_self",rel:((x=_.linkOptions)==null?void 0:x.linkType)==="external"?"noopener noreferrer":"","aria-label":_.ariaLabel||_.label,children:_.label}),((D=i.content)==null?void 0:D.tabDisclaimer)&&(t==null?void 0:t({blocks:i.content.tabDisclaimer}))]})]})},i.title)})]});return d==="default"?a.jsx("section",{className:`${s.tabs} ${s.default} ${I}`,children:a.jsxs("article",{className:s.container,children:[L&&a.jsx(rt,{src:L,alt:k,renderImage:b}),a.jsxs("div",{className:`${s.heading} ${y}`,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:p}),e&&(n==null?void 0:n({items:e.items,alignment:e.alignment,spacing:e.spacing,mobileOrientation:e.mobileOrientation})),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:[j&&(b?b({src:j,alt:k,fill:!0,priority:!0,sizes:"(max-width: 767px) 600px, 1200px",style:{objectFit:"cover"},draggable:!1}):a.jsx("img",{src:j,alt:k,style:{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover"}})),a.jsx("div",{className:s.overlay,children:a.jsxs("div",{className:`${s.heading} ${y}`,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:p}),e&&(n==null?void 0:n({items:e.items,alignment:e.alignment,spacing:e.spacing,mobileOrientation:e.mobileOrientation})),l.disclaimer&&(t==null?void 0:t({blocks:l.disclaimer}))]})})]})}):null}exports.TabsBlock=gt;
|
|
@@ -1,165 +1,165 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { useStyleClasses as
|
|
3
|
-
import { Tabs as
|
|
4
|
-
import { B as
|
|
5
|
-
import { resolveLinkURL as
|
|
6
|
-
import { useTheme as
|
|
7
|
-
import { resolveImageUrl as
|
|
8
|
-
import '../../../index13.css';const
|
|
9
|
-
tabs:
|
|
10
|
-
container:
|
|
11
|
-
heading:
|
|
12
|
-
text:
|
|
13
|
-
headingHorizontal:
|
|
14
|
-
title:
|
|
15
|
-
headingVertical:
|
|
16
|
-
tabContent:
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
tabText:
|
|
21
|
-
gridItems:
|
|
22
|
-
gridItem:
|
|
23
|
-
default: "
|
|
24
|
-
fullBleed:
|
|
25
|
-
overlay:
|
|
26
|
-
eyebrow:
|
|
27
|
-
},
|
|
1
|
+
import { jsxs as m, jsx as i } from "react/jsx-runtime";
|
|
2
|
+
import { useStyleClasses as Y } from "../../hooks/useStyleClasses.mjs";
|
|
3
|
+
import { Tabs as k } from "../../../core/components/Tabs/index.mjs";
|
|
4
|
+
import { B as K } from "../../../index-Cahn_yoK.js";
|
|
5
|
+
import { resolveLinkURL as Q } from "../../utils/resolveLinkUrl.mjs";
|
|
6
|
+
import { useTheme as W } from "../../../core/context/ThemeContext.mjs";
|
|
7
|
+
import { resolveImageUrl as g, resolveAltText as p } from "../../utils/mediaUtils.mjs";
|
|
8
|
+
import '../../../index13.css';const X = "_tabs_jt1ik_1", Z = "_container_jt1ik_7", O = "_heading_jt1ik_25", A = "_text_jt1ik_32", x = "_headingHorizontal_jt1ik_46", T = "_title_jt1ik_54", R = "_headingVertical_jt1ik_64", tt = "_tabContent_jt1ik_74", at = "_tabImage_jt1ik_98", lt = "_vertical_jt1ik_103", it = "_tabsContainer_jt1ik_69", st = "_tabText_jt1ik_126", ot = "_gridItems_jt1ik_146", nt = "_gridItem_jt1ik_146", et = "_fullBleed_jt1ik_186", mt = "_overlay_jt1ik_213", bt = "_eyebrow_jt1ik_319", a = {
|
|
9
|
+
tabs: X,
|
|
10
|
+
container: Z,
|
|
11
|
+
heading: O,
|
|
12
|
+
text: A,
|
|
13
|
+
headingHorizontal: x,
|
|
14
|
+
title: T,
|
|
15
|
+
headingVertical: R,
|
|
16
|
+
tabContent: tt,
|
|
17
|
+
tabImage: at,
|
|
18
|
+
vertical: lt,
|
|
19
|
+
tabsContainer: it,
|
|
20
|
+
tabText: st,
|
|
21
|
+
gridItems: ot,
|
|
22
|
+
gridItem: nt,
|
|
23
|
+
default: "_default_jt1ik_171",
|
|
24
|
+
fullBleed: et,
|
|
25
|
+
overlay: mt,
|
|
26
|
+
eyebrow: bt
|
|
27
|
+
}, ct = {
|
|
28
28
|
orientationHorizontal: "horizontal",
|
|
29
29
|
orientationVertical: "vertical"
|
|
30
|
-
},
|
|
30
|
+
}, _t = {
|
|
31
31
|
themeDefault: "default",
|
|
32
32
|
themeLight: "light",
|
|
33
33
|
themeDark: "dark",
|
|
34
34
|
themeTransparent: "transparent"
|
|
35
|
-
},
|
|
35
|
+
}, rt = {
|
|
36
36
|
horizontal: a.headingHorizontal,
|
|
37
37
|
vertical: a.headingVertical
|
|
38
|
-
},
|
|
38
|
+
}, ut = {
|
|
39
39
|
horizontal: "",
|
|
40
40
|
vertical: a.vertical
|
|
41
41
|
};
|
|
42
|
-
function
|
|
43
|
-
return _ ? _({ src: l, alt: b, width: 600, height: 658, priority: !0 }) : /* @__PURE__ */
|
|
42
|
+
function kt({ src: l, alt: b, renderImage: _ }) {
|
|
43
|
+
return _ ? _({ src: l, alt: b, width: 600, height: 658, priority: !0 }) : /* @__PURE__ */ i("img", { src: l, alt: b, width: 600, height: 658 });
|
|
44
44
|
}
|
|
45
|
-
function
|
|
45
|
+
function gt({
|
|
46
46
|
items: l,
|
|
47
47
|
mode: b,
|
|
48
48
|
renderImage: _,
|
|
49
49
|
renderRichText: n
|
|
50
50
|
}) {
|
|
51
|
-
return /* @__PURE__ */
|
|
52
|
-
const
|
|
53
|
-
|
|
51
|
+
return /* @__PURE__ */ i("div", { className: a.gridItems, children: l.map((o, t) => {
|
|
52
|
+
const e = g(
|
|
53
|
+
o.itemImage,
|
|
54
54
|
b,
|
|
55
55
|
"medium"
|
|
56
|
-
), c =
|
|
57
|
-
|
|
56
|
+
), c = p(
|
|
57
|
+
o.itemImage,
|
|
58
58
|
b,
|
|
59
59
|
"Grid image"
|
|
60
60
|
);
|
|
61
|
-
return /* @__PURE__ */
|
|
62
|
-
|
|
63
|
-
src:
|
|
61
|
+
return /* @__PURE__ */ m("div", { className: a.gridItem, children: [
|
|
62
|
+
e && _ ? _({
|
|
63
|
+
src: e,
|
|
64
64
|
alt: c,
|
|
65
65
|
width: 200,
|
|
66
66
|
height: 200
|
|
67
|
-
}) :
|
|
67
|
+
}) : e ? /* @__PURE__ */ i(
|
|
68
68
|
"img",
|
|
69
69
|
{
|
|
70
|
-
src:
|
|
70
|
+
src: e,
|
|
71
71
|
alt: c,
|
|
72
72
|
width: 200,
|
|
73
73
|
height: 200
|
|
74
74
|
}
|
|
75
75
|
) : null,
|
|
76
|
-
|
|
76
|
+
o.itemText && (n == null ? void 0 : n({ blocks: o.itemText }))
|
|
77
77
|
] }, t);
|
|
78
78
|
}) });
|
|
79
79
|
}
|
|
80
|
-
function
|
|
80
|
+
function yt({
|
|
81
81
|
heading: l,
|
|
82
82
|
image: b,
|
|
83
83
|
items: _,
|
|
84
84
|
callToAction: n,
|
|
85
|
-
styleOptions:
|
|
85
|
+
styleOptions: o,
|
|
86
86
|
renderRichText: t,
|
|
87
|
-
renderCallToAction:
|
|
87
|
+
renderCallToAction: e,
|
|
88
88
|
renderImage: c
|
|
89
89
|
}) {
|
|
90
|
-
const { mode: u } =
|
|
91
|
-
/* @__PURE__ */
|
|
92
|
-
_.map((
|
|
93
|
-
var E, V, h, D, G, C,
|
|
94
|
-
const
|
|
95
|
-
(
|
|
90
|
+
const { mode: u } = W(), w = Y(o), y = (o == null ? void 0 : o.layout) ?? "default", d = rt[l.headingLayout ?? "vertical"], L = ct[(o == null ? void 0 : o.orientation) ?? "orientationHorizontal"], q = _t[(o == null ? void 0 : o.theme) ?? "themeDefault"], $ = g(b, u, "medium"), v = g(b, u, "large"), f = p(b, u, "Block image"), B = /* @__PURE__ */ m(k, { defaultIndex: 0, orientation: L, theme: q, children: [
|
|
91
|
+
/* @__PURE__ */ i(k.List, { children: _.map((s, N) => /* @__PURE__ */ i(k.Trigger, { index: N, children: s.title }, s.title)) }),
|
|
92
|
+
_.map((s, N) => {
|
|
93
|
+
var S, U, E, V, h, D, G, C, F, M, P;
|
|
94
|
+
const j = g(
|
|
95
|
+
(S = s.content) == null ? void 0 : S.tabImage,
|
|
96
96
|
u,
|
|
97
97
|
"medium"
|
|
98
|
-
),
|
|
99
|
-
(
|
|
98
|
+
), z = p(
|
|
99
|
+
(U = s.content) == null ? void 0 : U.tabImage,
|
|
100
100
|
u,
|
|
101
101
|
"Tab image"
|
|
102
|
-
),
|
|
103
|
-
return /* @__PURE__ */
|
|
102
|
+
), I = (E = s.content) != null && E.tabLink ? Q(s.content.tabLink) : void 0, r = (V = s.content) == null ? void 0 : V.tabLink, H = Array.isArray((h = s.content) == null ? void 0 : h.tabGridItem) ? s.content.tabGridItem : null, J = (D = s.content) != null && D.tabStyleOptions ? Y((G = s.content) == null ? void 0 : G.tabStyleOptions) : void 0;
|
|
103
|
+
return /* @__PURE__ */ i(k.Panel, { index: N, children: /* @__PURE__ */ m(
|
|
104
104
|
"div",
|
|
105
105
|
{
|
|
106
|
-
className: `${a.tabContent} ${
|
|
106
|
+
className: `${a.tabContent} ${ut[L]} ${J}`,
|
|
107
107
|
children: [
|
|
108
|
-
|
|
109
|
-
src:
|
|
110
|
-
alt:
|
|
108
|
+
j && /* @__PURE__ */ i("div", { className: a.tabImage, children: c ? c({
|
|
109
|
+
src: j,
|
|
110
|
+
alt: z,
|
|
111
111
|
width: 250,
|
|
112
112
|
height: 250
|
|
113
|
-
}) : /* @__PURE__ */
|
|
113
|
+
}) : /* @__PURE__ */ i(
|
|
114
114
|
"img",
|
|
115
115
|
{
|
|
116
|
-
src:
|
|
117
|
-
alt:
|
|
116
|
+
src: j,
|
|
117
|
+
alt: z,
|
|
118
118
|
width: 250,
|
|
119
119
|
height: 250
|
|
120
120
|
}
|
|
121
121
|
) }),
|
|
122
|
-
/* @__PURE__ */
|
|
123
|
-
((C =
|
|
124
|
-
|
|
125
|
-
|
|
122
|
+
/* @__PURE__ */ m("div", { className: a.tabText, children: [
|
|
123
|
+
((C = s.content) == null ? void 0 : C.tabText) && (t == null ? void 0 : t({ blocks: s.content.tabText })),
|
|
124
|
+
H && /* @__PURE__ */ i(
|
|
125
|
+
gt,
|
|
126
126
|
{
|
|
127
|
-
items:
|
|
127
|
+
items: H,
|
|
128
128
|
mode: u,
|
|
129
129
|
renderImage: c,
|
|
130
130
|
renderRichText: t
|
|
131
131
|
}
|
|
132
132
|
),
|
|
133
|
-
|
|
134
|
-
|
|
133
|
+
I && I !== "#" && r && /* @__PURE__ */ i(
|
|
134
|
+
K,
|
|
135
135
|
{
|
|
136
136
|
as: "a",
|
|
137
137
|
variant: r.variant ?? "primary",
|
|
138
|
-
href:
|
|
139
|
-
target: ((
|
|
140
|
-
rel: ((
|
|
138
|
+
href: I,
|
|
139
|
+
target: ((F = r.linkOptions) == null ? void 0 : F.linkType) === "external" ? "_blank" : "_self",
|
|
140
|
+
rel: ((M = r.linkOptions) == null ? void 0 : M.linkType) === "external" ? "noopener noreferrer" : "",
|
|
141
141
|
"aria-label": r.ariaLabel || r.label,
|
|
142
142
|
children: r.label
|
|
143
143
|
}
|
|
144
144
|
),
|
|
145
|
-
((
|
|
145
|
+
((P = s.content) == null ? void 0 : P.tabDisclaimer) && (t == null ? void 0 : t({ blocks: s.content.tabDisclaimer }))
|
|
146
146
|
] })
|
|
147
147
|
]
|
|
148
148
|
}
|
|
149
|
-
) },
|
|
149
|
+
) }, s.title);
|
|
150
150
|
})
|
|
151
151
|
] });
|
|
152
|
-
return
|
|
153
|
-
|
|
154
|
-
|
|
152
|
+
return y === "default" ? /* @__PURE__ */ i("section", { className: `${a.tabs} ${a.default} ${w}`, children: /* @__PURE__ */ m("article", { className: a.container, children: [
|
|
153
|
+
$ && /* @__PURE__ */ i(
|
|
154
|
+
kt,
|
|
155
155
|
{
|
|
156
|
-
src:
|
|
157
|
-
alt:
|
|
156
|
+
src: $,
|
|
157
|
+
alt: f,
|
|
158
158
|
renderImage: c
|
|
159
159
|
}
|
|
160
160
|
),
|
|
161
|
-
/* @__PURE__ */
|
|
162
|
-
/* @__PURE__ */
|
|
161
|
+
/* @__PURE__ */ m("div", { className: `${a.heading} ${d}`, children: [
|
|
162
|
+
/* @__PURE__ */ m("div", { children: [
|
|
163
163
|
l.eyebrow && (t == null ? void 0 : t({
|
|
164
164
|
blocks: l.eyebrow,
|
|
165
165
|
className: a.eyebrow
|
|
@@ -169,35 +169,35 @@ function pt({
|
|
|
169
169
|
className: a.title
|
|
170
170
|
})
|
|
171
171
|
] }),
|
|
172
|
-
l.description && /* @__PURE__ */
|
|
172
|
+
l.description && /* @__PURE__ */ i("div", { className: a.text, children: t == null ? void 0 : t({ blocks: l.description }) })
|
|
173
173
|
] }),
|
|
174
|
-
/* @__PURE__ */
|
|
175
|
-
n && (
|
|
174
|
+
/* @__PURE__ */ i("div", { className: a.tabsContainer, children: B }),
|
|
175
|
+
n && (e == null ? void 0 : e({
|
|
176
176
|
items: n.items,
|
|
177
177
|
alignment: n.alignment,
|
|
178
178
|
spacing: n.spacing,
|
|
179
179
|
mobileOrientation: n.mobileOrientation
|
|
180
180
|
})),
|
|
181
181
|
l.disclaimer && (t == null ? void 0 : t({ blocks: l.disclaimer }))
|
|
182
|
-
] }) }) :
|
|
182
|
+
] }) }) : y === "full-bleed" ? /* @__PURE__ */ i(
|
|
183
183
|
"section",
|
|
184
184
|
{
|
|
185
185
|
"data-overlay": "true",
|
|
186
|
-
className: `${a.tabs} ${a.fullBleed} ${
|
|
187
|
-
children: /* @__PURE__ */
|
|
188
|
-
|
|
189
|
-
src:
|
|
190
|
-
alt:
|
|
186
|
+
className: `${a.tabs} ${a.fullBleed} ${w} tabsFullBleed`,
|
|
187
|
+
children: /* @__PURE__ */ m("article", { className: a.container, children: [
|
|
188
|
+
v && (c ? c({
|
|
189
|
+
src: v,
|
|
190
|
+
alt: f,
|
|
191
191
|
fill: !0,
|
|
192
192
|
priority: !0,
|
|
193
193
|
sizes: "(max-width: 767px) 600px, 1200px",
|
|
194
194
|
style: { objectFit: "cover" },
|
|
195
195
|
draggable: !1
|
|
196
|
-
}) : /* @__PURE__ */
|
|
196
|
+
}) : /* @__PURE__ */ i(
|
|
197
197
|
"img",
|
|
198
198
|
{
|
|
199
|
-
src:
|
|
200
|
-
alt:
|
|
199
|
+
src: v,
|
|
200
|
+
alt: f,
|
|
201
201
|
style: {
|
|
202
202
|
position: "absolute",
|
|
203
203
|
inset: 0,
|
|
@@ -207,8 +207,8 @@ function pt({
|
|
|
207
207
|
}
|
|
208
208
|
}
|
|
209
209
|
)),
|
|
210
|
-
/* @__PURE__ */
|
|
211
|
-
/* @__PURE__ */
|
|
210
|
+
/* @__PURE__ */ i("div", { className: a.overlay, children: /* @__PURE__ */ m("div", { className: `${a.heading} ${d}`, children: [
|
|
211
|
+
/* @__PURE__ */ m("div", { children: [
|
|
212
212
|
l.eyebrow && (t == null ? void 0 : t({
|
|
213
213
|
blocks: l.eyebrow,
|
|
214
214
|
className: a.eyebrow
|
|
@@ -219,8 +219,8 @@ function pt({
|
|
|
219
219
|
})
|
|
220
220
|
] }),
|
|
221
221
|
l.description && (t == null ? void 0 : t({ blocks: l.description })),
|
|
222
|
-
/* @__PURE__ */
|
|
223
|
-
n && (
|
|
222
|
+
/* @__PURE__ */ i("div", { className: a.tabsContainer, children: B }),
|
|
223
|
+
n && (e == null ? void 0 : e({
|
|
224
224
|
items: n.items,
|
|
225
225
|
alignment: n.alignment,
|
|
226
226
|
spacing: n.spacing,
|
|
@@ -233,5 +233,5 @@ function pt({
|
|
|
233
233
|
) : null;
|
|
234
234
|
}
|
|
235
235
|
export {
|
|
236
|
-
|
|
236
|
+
yt as TabsBlock
|
|
237
237
|
};
|