quirk-ui 0.1.124 → 0.1.126
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index33.css');const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index33.css');const _=require("react/jsx-runtime"),o=require("react"),R=require("./Context.cjs"),B="_tabs_1g6a3_1",K="_tabsList_1g6a3_7",O="_horizontal_1g6a3_24",U="_tabsPanel_1g6a3_26",X="_vertical_1g6a3_31",Y="_tabsTrigger_1g6a3_42",F="_tabsPanelWrapper_1g6a3_47",G="_indicator_1g6a3_70",J="_active_1g6a3_119",Q="_disabled_1g6a3_123",V="_dark_1g6a3_177",Z="_light_1g6a3_189",tt="_transparent_1g6a3_213",n={tabs:B,tabsList:K,horizontal:O,tabsPanel:U,vertical:X,tabsTrigger:Y,tabsPanelWrapper:F,indicator:G,active:J,disabled:Q,default:"_default_1g6a3_173",dark:V,light:Z,transparent:tt},D={horizontal:n.horizontal,vertical:n.vertical},N={default:n.default,light:n.light,dark:n.dark,transparent:n.transparent};function L({children:g,defaultIndex:a=0,activeIndex:r,onIndexChange:l,orientation:c="horizontal",theme:f="default",className:h,style:v}){const[p,x]=o.useState(a),y=r!==void 0,s=y?r:p,[i,$]=o.useState({width:0,left:0,top:0,height:0}),w=typeof window<"u",T=w?o.useLayoutEffect:o.useEffect,m=o.useId(),P=[],t=[],I=new Set,j=o.useRef(null),A=o.useRef([]),M=o.useRef([]),S=o.useCallback(e=>{I.has(e)||(y||x(e),l==null||l(e))},[y,l,I]),q=o.useMemo(()=>({activeIndex:s,setActiveIndex:S,idPrefix:m,orientation:c,theme:f,panelRefs:A,triggerRefs:M,indicatorStyle:i,disabledIndices:I}),[s,S,m,c,f,i]);o.Children.forEach(g,e=>{var u;(e==null?void 0:e.type)===H?P.push(e):((e==null?void 0:e.type)===W||((u=e==null?void 0:e.type)==null?void 0:u.name)==="Panel")&&t.push(e)});const k=o.useCallback(()=>{var u;const e=M.current[s];if(e){const b=e.getBoundingClientRect(),d=(u=e.parentElement)==null?void 0:u.getBoundingClientRect();if(!d)return;if(window.innerWidth<768||c==="vertical"){const z=b.top-d.top,E=b.height;$({top:z,height:E,left:0,width:d.width})}else{const z=b.left-d.left,E=b.width;$({left:z,width:E,top:0,height:d.height})}}},[s,c]);return T(()=>{if(!(typeof window>"u")&&w)return k(),window.addEventListener("resize",k),()=>{window.removeEventListener("resize",k)}},[k,w]),o.useLayoutEffect(()=>{const e=j.current,u=A.current[s];if(!e||!u)return;const b=()=>{const C=u.offsetHeight;e.offsetHeight,e.style.height=`${C}px`};b();const d=new ResizeObserver(b);return d.observe(u),()=>{d.disconnect()}},[s]),_.jsx(R.TabsContext.Provider,{value:q,children:_.jsxs("div",{className:`${n.tabs} ${D[c]} ${N[f]} ${h??""}`.trim(),style:v,children:[P,_.jsx("div",{ref:j,className:n.tabsPanelWrapper,children:t})]})})}function H({children:g,className:a}){const{indicatorStyle:r}=R.useTabsContext();return _.jsxs("div",{className:`${n.tabsList} ${a??""}`.trim(),role:"tablist","aria-label":"Tabs",children:[_.jsx("div",{className:n.indicator,style:{width:r.width,height:r.height,transform:`translateX(${r.left}px) translateY(${r.top}px)`}}),g]})}function et({children:g,index:a,disabled:r=!1,className:l}){const{activeIndex:c,setActiveIndex:f,idPrefix:h,triggerRefs:v,disabledIndices:p}=R.useTabsContext();r&&p.add(a);const x=s=>{var w,T,m,P;const i=v.current.filter(Boolean),$=i.findIndex(t=>t===s.currentTarget);if(s.key==="ArrowRight"||s.key==="ArrowDown"){s.preventDefault();let t=$+1;for(;t<i.length&&p.has(t);)t++;t<i.length&&(f(t),(w=i[t])==null||w.focus())}else if(s.key==="ArrowLeft"||s.key==="ArrowUp"){s.preventDefault();let t=$-1;for(;t>=0&&p.has(t);)t--;t>=0&&(f(t),(T=i[t])==null||T.focus())}else if(s.key==="Home"){s.preventDefault();let t=0;for(;t<i.length&&p.has(t);)t++;t<i.length&&(f(t),(m=i[t])==null||m.focus())}else if(s.key==="End"){s.preventDefault();let t=i.length-1;for(;t>=0&&p.has(t);)t--;t>=0&&(f(t),(P=i[t])==null||P.focus())}},y=c===a;return _.jsx("button",{className:`${n.tabsTrigger} ${y?n.active:""} ${r?n.disabled:""} ${l??""}`.trim(),role:"tab",ref:s=>{v.current[a]=s},id:`${h}-tab-${a}`,"aria-selected":c===a,"aria-disabled":r,tabIndex:c===a?0:-1,onClick:()=>!r&&f(a),onKeyDown:x,disabled:r,children:g})}function W({children:g,index:a,className:r}){const{activeIndex:l,idPrefix:c,panelRefs:f}=R.useTabsContext(),h=a===l;return _.jsx("div",{ref:v=>{f.current[a]=v},className:`${n.tabsPanel} ${r??""}`.trim(),role:"tabpanel",id:`${c}-panel-${a}`,"aria-labelledby":`${c}-tab-${a}`,"aria-hidden":!h,hidden:!h,children:g})}L.List=H;L.Trigger=et;L.Panel=W;exports.Tabs=L;exports.orientationClassMap=D;exports.themeClassMap=N;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as $, jsxs as j } from "react/jsx-runtime";
|
|
2
2
|
import U, { useState as W, useId as X, useRef as z, useCallback as x, useMemo as Y, useLayoutEffect as B, useEffect as q } from "react";
|
|
3
3
|
import { TabsContext as F, useTabsContext as A } from "./Context.mjs";
|
|
4
|
-
import '../../../index33.css';const G = "
|
|
4
|
+
import '../../../index33.css';const G = "_tabs_1g6a3_1", J = "_tabsList_1g6a3_7", Q = "_horizontal_1g6a3_24", V = "_tabsPanel_1g6a3_26", Z = "_vertical_1g6a3_31", tt = "_tabsTrigger_1g6a3_42", et = "_tabsPanelWrapper_1g6a3_47", st = "_indicator_1g6a3_70", rt = "_active_1g6a3_119", at = "_disabled_1g6a3_123", nt = "_dark_1g6a3_177", it = "_light_1g6a3_189", ot = "_transparent_1g6a3_213", n = {
|
|
5
5
|
tabs: G,
|
|
6
6
|
tabsList: J,
|
|
7
7
|
horizontal: Q,
|
|
@@ -12,7 +12,7 @@ import '../../../index33.css';const G = "_tabs_1evwt_1", J = "_tabsList_1evwt_7"
|
|
|
12
12
|
indicator: st,
|
|
13
13
|
active: rt,
|
|
14
14
|
disabled: at,
|
|
15
|
-
default: "
|
|
15
|
+
default: "_default_1g6a3_173",
|
|
16
16
|
dark: nt,
|
|
17
17
|
light: it,
|
|
18
18
|
transparent: ot
|
|
@@ -32,19 +32,19 @@ function E({
|
|
|
32
32
|
onIndexChange: c,
|
|
33
33
|
orientation: o = "horizontal",
|
|
34
34
|
theme: l = "default",
|
|
35
|
-
className:
|
|
36
|
-
style:
|
|
35
|
+
className: b,
|
|
36
|
+
style: _
|
|
37
37
|
}) {
|
|
38
|
-
const [p, L] = W(r),
|
|
38
|
+
const [p, L] = W(r), v = a !== void 0, s = v ? a : p, [i, w] = W({
|
|
39
39
|
width: 0,
|
|
40
40
|
left: 0,
|
|
41
41
|
top: 0,
|
|
42
42
|
height: 0
|
|
43
|
-
}),
|
|
43
|
+
}), h = typeof window < "u", P = h ? B : q, m = X(), y = [], t = [], R = /* @__PURE__ */ new Set(), D = z(null), N = z([]), H = z([]), M = x(
|
|
44
44
|
(e) => {
|
|
45
|
-
R.has(e) || (
|
|
45
|
+
R.has(e) || (v || L(e), c == null || c(e));
|
|
46
46
|
},
|
|
47
|
-
[
|
|
47
|
+
[v, c, R]
|
|
48
48
|
), O = Y(
|
|
49
49
|
() => ({
|
|
50
50
|
activeIndex: s,
|
|
@@ -67,14 +67,14 @@ function E({
|
|
|
67
67
|
var f;
|
|
68
68
|
const e = H.current[s];
|
|
69
69
|
if (e) {
|
|
70
|
-
const
|
|
70
|
+
const g = e.getBoundingClientRect(), u = (f = e.parentElement) == null ? void 0 : f.getBoundingClientRect();
|
|
71
71
|
if (!u) return;
|
|
72
72
|
if (window.innerWidth < 768 || o === "vertical") {
|
|
73
|
-
const T =
|
|
74
|
-
|
|
73
|
+
const T = g.top - u.top, I = g.height;
|
|
74
|
+
w({ top: T, height: I, left: 0, width: u.width });
|
|
75
75
|
} else {
|
|
76
|
-
const T =
|
|
77
|
-
|
|
76
|
+
const T = g.left - u.left, I = g.width;
|
|
77
|
+
w({
|
|
78
78
|
left: T,
|
|
79
79
|
width: I,
|
|
80
80
|
top: 0,
|
|
@@ -84,27 +84,27 @@ function E({
|
|
|
84
84
|
}
|
|
85
85
|
}, [s, o]);
|
|
86
86
|
return P(() => {
|
|
87
|
-
if (!(typeof window > "u") &&
|
|
87
|
+
if (!(typeof window > "u") && h)
|
|
88
88
|
return k(), window.addEventListener("resize", k), () => {
|
|
89
89
|
window.removeEventListener("resize", k);
|
|
90
90
|
};
|
|
91
|
-
}, [k,
|
|
91
|
+
}, [k, h]), B(() => {
|
|
92
92
|
const e = D.current, f = N.current[s];
|
|
93
93
|
if (!e || !f) return;
|
|
94
|
-
const
|
|
94
|
+
const g = () => {
|
|
95
95
|
const S = f.offsetHeight;
|
|
96
96
|
e.offsetHeight, e.style.height = `${S}px`;
|
|
97
97
|
};
|
|
98
|
-
|
|
99
|
-
const u = new ResizeObserver(
|
|
98
|
+
g();
|
|
99
|
+
const u = new ResizeObserver(g);
|
|
100
100
|
return u.observe(f), () => {
|
|
101
101
|
u.disconnect();
|
|
102
102
|
};
|
|
103
103
|
}, [s]), /* @__PURE__ */ $(F.Provider, { value: O, children: /* @__PURE__ */ j(
|
|
104
104
|
"div",
|
|
105
105
|
{
|
|
106
|
-
className: `${n.tabs} ${ct[o]} ${lt[l]} ${
|
|
107
|
-
style:
|
|
106
|
+
className: `${n.tabs} ${ct[o]} ${lt[l]} ${b ?? ""}`.trim(),
|
|
107
|
+
style: _,
|
|
108
108
|
children: [
|
|
109
109
|
y,
|
|
110
110
|
/* @__PURE__ */ $("div", { ref: D, className: n.tabsPanelWrapper, children: t })
|
|
@@ -146,25 +146,25 @@ function ft({
|
|
|
146
146
|
const {
|
|
147
147
|
activeIndex: o,
|
|
148
148
|
setActiveIndex: l,
|
|
149
|
-
idPrefix:
|
|
150
|
-
triggerRefs:
|
|
149
|
+
idPrefix: b,
|
|
150
|
+
triggerRefs: _,
|
|
151
151
|
disabledIndices: p
|
|
152
152
|
} = A();
|
|
153
153
|
a && p.add(r);
|
|
154
154
|
const L = (s) => {
|
|
155
|
-
var
|
|
156
|
-
const i =
|
|
155
|
+
var h, P, m, y;
|
|
156
|
+
const i = _.current.filter(Boolean), w = i.findIndex(
|
|
157
157
|
(t) => t === s.currentTarget
|
|
158
158
|
);
|
|
159
159
|
if (s.key === "ArrowRight" || s.key === "ArrowDown") {
|
|
160
160
|
s.preventDefault();
|
|
161
|
-
let t =
|
|
161
|
+
let t = w + 1;
|
|
162
162
|
for (; t < i.length && p.has(t); )
|
|
163
163
|
t++;
|
|
164
|
-
t < i.length && (l(t), (
|
|
164
|
+
t < i.length && (l(t), (h = i[t]) == null || h.focus());
|
|
165
165
|
} else if (s.key === "ArrowLeft" || s.key === "ArrowUp") {
|
|
166
166
|
s.preventDefault();
|
|
167
|
-
let t =
|
|
167
|
+
let t = w - 1;
|
|
168
168
|
for (; t >= 0 && p.has(t); )
|
|
169
169
|
t--;
|
|
170
170
|
t >= 0 && (l(t), (P = i[t]) == null || P.focus());
|
|
@@ -181,16 +181,16 @@ function ft({
|
|
|
181
181
|
t--;
|
|
182
182
|
t >= 0 && (l(t), (y = i[t]) == null || y.focus());
|
|
183
183
|
}
|
|
184
|
-
},
|
|
184
|
+
}, v = o === r;
|
|
185
185
|
return /* @__PURE__ */ $(
|
|
186
186
|
"button",
|
|
187
187
|
{
|
|
188
|
-
className: `${n.tabsTrigger} ${
|
|
188
|
+
className: `${n.tabsTrigger} ${v ? n.active : ""} ${a ? n.disabled : ""} ${c ?? ""}`.trim(),
|
|
189
189
|
role: "tab",
|
|
190
190
|
ref: (s) => {
|
|
191
|
-
|
|
191
|
+
_.current[r] = s;
|
|
192
192
|
},
|
|
193
|
-
id: `${
|
|
193
|
+
id: `${b}-tab-${r}`,
|
|
194
194
|
"aria-selected": o === r,
|
|
195
195
|
"aria-disabled": a,
|
|
196
196
|
tabIndex: o === r ? 0 : -1,
|
|
@@ -202,19 +202,19 @@ function ft({
|
|
|
202
202
|
);
|
|
203
203
|
}
|
|
204
204
|
function C({ children: d, index: r, className: a }) {
|
|
205
|
-
const { activeIndex: c, idPrefix: o, panelRefs: l } = A(),
|
|
205
|
+
const { activeIndex: c, idPrefix: o, panelRefs: l } = A(), b = r === c;
|
|
206
206
|
return /* @__PURE__ */ $(
|
|
207
207
|
"div",
|
|
208
208
|
{
|
|
209
|
-
ref: (
|
|
210
|
-
l.current[r] =
|
|
209
|
+
ref: (_) => {
|
|
210
|
+
l.current[r] = _;
|
|
211
211
|
},
|
|
212
212
|
className: `${n.tabsPanel} ${a ?? ""}`.trim(),
|
|
213
213
|
role: "tabpanel",
|
|
214
214
|
id: `${o}-panel-${r}`,
|
|
215
215
|
"aria-labelledby": `${o}-tab-${r}`,
|
|
216
|
-
"aria-hidden": !
|
|
217
|
-
hidden: !
|
|
216
|
+
"aria-hidden": !b,
|
|
217
|
+
hidden: !b,
|
|
218
218
|
children: d
|
|
219
219
|
}
|
|
220
220
|
);
|
package/dist/index17.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._cardLink_1a29y_1{text-decoration:none;cursor:pointer}._card_1a29y_1{background-color:transparent;min-height:100%;border-radius:var(--radius-md);position:relative;overflow:hidden}@media (max-width: 768px){._card_1a29y_1{width:100%;max-width:none;min-width:0}}._container_1a29y_21{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;height:100%;width:100%;padding:3.25rem var(--spacing-xl)}._content_1a29y_31{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}._icon_1a29y_38{margin-bottom:var(--spacing-sm)}._icon_1a29y_38 i,._icon_1a29y_38 svg{font-size:2.5rem;color:var(--color-primary-100)}._cardLink_1a29y_1:hover ._card_1a29y_1,._modalTrigger_1a29y_60:hover ._card_1a29y_1{background-color:var(--color-primary-100)}._cardLink_1a29y_1:hover ._callToAction_1a29y_65 ._label_1a29y_66,._modalTrigger_1a29y_60:hover ._callToAction_1a29y_65 ._label_1a29y_66{opacity:1;transform:translateY(0)}._cardLink_1a29y_1:hover ._callToAction_1a29y_65 ._cardIcon_1a29y_71,._modalTrigger_1a29y_60:hover ._callToAction_1a29y_65 ._cardIcon_1a29y_71{background-color:var(--color-primary-100);color:#fff;border:5px solid var(--color-primary-100)}._title_1a29y_78{margin:0;font-size:1.75rem;font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);text-decoration:none;flex:1;transition:color .3s ease-in-out}._title_1a29y_78 span{transition:color .3s ease-in-out}._description_1a29y_101{margin:0}._description_1a29y_101:has(.inlineNumber){display:flex;gap:var(--spacing-md)}@media (max-width: 767px){._description_1a29y_101:has(.inlineNumber){align-items:center;justify-content:center;flex-direction:column}}._imageWrapper_1a29y_116{position:relative;height:100%;display:flex;justify-content:center}@media (max-width: 767px){._imageWrapper_1a29y_116{max-width:380px}}._imageWrapper_1a29y_116 img{position:relative;height:auto}._modalTrigger_1a29y_60{cursor:pointer}._modalTrigger_1a29y_60 ._imageWrapper_1a29y_116{transition:opacity .3s ease-in-out}._modalTrigger_1a29y_60:hover ._cardIcon_1a29y_71{background-color:var(--color-primary-100);border-color:var(--color-primary-100);color:#fff}._modalTrigger_1a29y_60:hover ._imageWrapper_1a29y_116{opacity:.75}._callToAction_1a29y_65{position:absolute;top:.75rem;right:.75rem;display:flex;align-items:center;gap:var(--spacing-sm)}._callToAction_1a29y_65 ._cardIcon_1a29y_71{display:flex;align-items:center;justify-content:center;width:35px;height:35px;padding:var(--spacing-xs);background-color:#fff;color:var(--color-primary-100);border:5px solid #fff;border-radius:var(--radius-full);transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out}._callToAction_1a29y_65 ._label_1a29y_66{color:var(--color-primary-100);font-weight:var(--font-weight-semibold);opacity:0;transform:translateY(-10px);transition:opacity .3s ease-in-out,transform .3s ease-in-out}._metric_1a29y_205 ._content_1a29y_31{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;height:100%;margin:0 auto}._metric_1a29y_205 ._description_1a29y_101{text-align:center;font-size:var(--font-size-lg)}._metric_1a29y_205 ._outerCircle_1a29y_222{stroke-width:10px;stroke:#ccc}._metric_1a29y_205 ._innerCircle_1a29y_227{stroke:var(--color-primary-100);fill:none;stroke-width:10px}._metric_1a29y_205 ._metricLabel_1a29y_233{position:relative;font-weight:var(--font-weight-bold);font-size:1.75rem;fill:var(--color-primary-100)}._textOnly_1a29y_241 ._title_1a29y_78{color:var(--color-primary-100);font-size:var(--font-size-xl)}._textOnly_1a29y_241 ._description_1a29y_101{color:var(--color-text-primary);font-size:var(--font-size-md)}._textOnly_1a29y_241 ._imageWrapper_1a29y_116{display:none}._textOnly_1a29y_241 ._cardLink_1a29y_1:hover ._card_1a29y_1,._textOnly_1a29y_241 ._modalTrigger_1a29y_60:hover ._card_1a29y_1{background-color:var(--color-primary-100)}._textOnly_1a29y_241 ._cardLink_1a29y_1:hover ._callToAction_1a29y_65 ._label_1a29y_66,._textOnly_1a29y_241 ._modalTrigger_1a29y_60:hover ._callToAction_1a29y_65 ._label_1a29y_66{opacity:1;transform:translateY(0);color:#fff}._textOnly_1a29y_241 ._cardLink_1a29y_1:hover ._callToAction_1a29y_65 ._cardIcon_1a29y_71,._textOnly_1a29y_241 ._modalTrigger_1a29y_60:hover ._callToAction_1a29y_65 ._cardIcon_1a29y_71{background-color:#e0eaf9;color:var(--color-primary-100);border:5px solid #e0eaf9}._imageOnly_1a29y_278 ._container_1a29y_21{padding:var(--spacing-md);display:flex;align-items:center;justify-content:center}._imageOnly_1a29y_278 ._imageWrapper_1a29y_116{display:flex;align-items:center;justify-content:center;position:relative;top:0;right:0;bottom:0;left:0;width:100%;height:100%}._imageOnly_1a29y_278 ._imageWrapper_1a29y_116 img{width:100%;height:100%;object-fit:cover}._fullBleed_1a29y_303{min-height:450px}._fullBleed_1a29y_303 ._container_1a29y_21{display:block;padding:0}._fullBleed_1a29y_303 ._modalTrigger_1a29y_60{display:block}._fullBleed_1a29y_303 ._content_1a29y_31{position:absolute;bottom:var(--spacing-md);right:var(--spacing-md);left:var(--spacing-md);z-index:5;background:#ffffffa6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-md);padding:var(--spacing-lg)}._fullBleed_1a29y_303 ._imageWrapper_1a29y_116{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}._fullBleed_1a29y_303 ._imageWrapper_1a29y_116 img{width:100%;height:100%;object-fit:cover}._imageTop_1a29y_344 ._container_1a29y_21{height:auto;justify-content:flex-start;flex-direction:column-reverse}._imageTop_1a29y_344 ._imageWrapper_1a29y_116{aspect-ratio:16/9}._imageTop_1a29y_344 ._imageWrapper_1a29y_116 img{position:relative;width:100%;height:auto;object-fit:cover}._imageBottom_1a29y_363 ._container_1a29y_21{height:100%;justify-content:flex-start;flex-direction:column}._imageBottom_1a29y_363 ._imageWrapper_1a29y_116{height:auto;align-items:normal}@media (max-width: 767px){._imageBottom_1a29y_363 ._imageWrapper_1a29y_116{max-height:350px}}._imageBottom_1a29y_363 ._imageWrapper_1a29y_116 img{width:100%;height:auto;object-fit:cover}@media (max-width: 767px){._imageBottom_1a29y_363 ._imageWrapper_1a29y_116 img{position:relative}}._imageLeft_1a29y_391 ._container_1a29y_21{flex-direction:row-reverse}@media (max-width: 767px){._imageLeft_1a29y_391 ._container_1a29y_21{flex-direction:column-reverse}}._imageRight_1a29y_401 ._container_1a29y_21{flex-direction:row}@media (max-width: 767px){._imageRight_1a29y_401 ._container_1a29y_21{flex-direction:column}}._imageLeft_1a29y_391 ._content_1a29y_31,._imageRight_1a29y_401 ._content_1a29y_31{flex:.8;width:100%}._imageLeft_1a29y_391 ._title_1a29y_78,._imageRight_1a29y_401 ._title_1a29y_78{font-size:var(--font-size-xl)}._imageLeft_1a29y_391 ._description_1a29y_101,._imageRight_1a29y_401 ._description_1a29y_101{font-size:var(--font-size-md)}._imageLeft_1a29y_391 ._imageWrapper_1a29y_116,._imageRight_1a29y_401 ._imageWrapper_1a29y_116{flex:.75 1;height:100%;max-height:450px;max-width:275px;margin:0 auto;position:relative;aspect-ratio:4 / 5}._imageLeft_1a29y_391 ._imageWrapper_1a29y_116 img,._imageRight_1a29y_401 ._imageWrapper_1a29y_116 img{border-radius:var(--radius-md);overflow:hidden;width:100%;object-fit:cover;height:auto}@media (max-width: 767px){._imageLeft_1a29y_391 ._imageWrapper_1a29y_116,._imageRight_1a29y_401 ._imageWrapper_1a29y_116{flex:1;justify-content:flex-start;max-height:250px;width:100%}._imageLeft_1a29y_391 ._imageWrapper_1a29y_116 img,._imageRight_1a29y_401 ._imageWrapper_1a29y_116 img{position:relative;height:100%;width:100%;min-width:150px}}._containImage_1a29y_459{gap:var(--spacing-xl)}._containImage_1a29y_459 ._imageWrapper_1a29y_116{align-items:center}._fullBleedImage_1a29y_467{padding:0;gap:0}@media (max-width: 767px){._fullBleedImage_1a29y_467 ._imageWrapper_1a29y_116{max-width:unset}}._fullBleedImage_1a29y_467 ._imageWrapper_1a29y_116 img{height:100%}._fullBleedImage_1a29y_467 ._content_1a29y_31{width:auto;padding:var(--spacing-md)}._image_1a29y_116{min-height:unset}._image_1a29y_116 ._container_1a29y_21{padding:var(--spacing-sm);justify-content:center}._image_1a29y_116 ._imageWrapper_1a29y_116{width:100%;min-height:unset}._image_1a29y_116 ._imageWrapper_1a29y_116 ._imageWrapper_1a29y_116 img{position:relative}.homeGrid ._textOnly_1a29y_241 ._title_1a29y_78{color:#fff}.homeGrid ._textOnly_1a29y_241 ._description_1a29y_101{color:#fff;font-size:var(--font-size-md)}.homeGrid ._fullBleed_1a29y_303{min-height:400px}@media (min-width: 768px){.homeGrid ._fullBleed_1a29y_303{min-height:unset}}.startMetricGrid ._textOnly_1a29y_241{max-width:300px;margin:0 auto}.startMetricGrid ._textOnly_1a29y_241 ._title_1a29y_78{font-size:3rem}.conditionManagementServicesGrid ._imageLeft_1a29y_391{min-height:235px}.conditionManagementServicesGrid ._imageLeft_1a29y_391 ._content_1a29y_31{flex:1}.conditionManagementServicesGrid ._imageLeft_1a29y_391 ._title_1a29y_78{font-size:var(--font-size-xl)}.conditionManagementServicesGrid ._imageLeft_1a29y_391 ._imageWrapper_1a29y_116{flex:.25}@media (max-width: 767px){.conditionManagementServicesGrid ._imageLeft_1a29y_391 ._imageWrapper_1a29y_116{flex:1}}.backgroundPrimary ._eyebrow_1a29y_563,.backgroundPrimary ._title_1a29y_78,.backgroundPrimary ._description_1a29y_101{color:#fff}.backgroundPrimary ._cta_1a29y_575 ._secondary_1a29y_576{background-color:#fff}
|
package/dist/index33.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._tabs_1g6a3_1{display:flex;flex-direction:column;width:100%}._tabsList_1g6a3_7{display:flex;width:100%;background-color:var(--color-secondary-10);border-radius:calc(var(--radius-md) + 5px);position:relative;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}._tabsList_1g6a3_7::-webkit-scrollbar{display:none}._horizontal_1g6a3_24{flex-direction:column}._horizontal_1g6a3_24 ._tabsPanel_1g6a3_26{padding:var(--spacing-lg) var(--spacing-md)}._vertical_1g6a3_31{flex-direction:column;align-items:flex-start;gap:3rem}._vertical_1g6a3_31 ._tabsList_1g6a3_7{flex-direction:column;overflow-x:visible;flex:.25 0 150px}._vertical_1g6a3_31 ._tabsTrigger_1g6a3_42{white-space:normal;text-align:left}._vertical_1g6a3_31 ._tabsPanelWrapper_1g6a3_47{flex:1;width:100%}@media (max-width: 767px){._vertical_1g6a3_31{flex-direction:column}}._left_1g6a3_58{justify-content:flex-start}._center_1g6a3_62{justify-content:center}._right_1g6a3_66{justify-content:flex-end}._indicator_1g6a3_70{position:absolute;left:0;top:0;border-radius:var(--radius-md);transition:transform .3s ease-in-out,width .3s ease-in-out;z-index:0;border:5px solid var(--color-secondary-10)}._indicator_1g6a3_70:after{content:"";border-radius:var(--radius-md);background-color:var(--color-secondary-100);display:block;position:absolute;width:100%;height:100%}._tabsTrigger_1g6a3_42{padding:var(--spacing-md);border:none;background:none;cursor:pointer;color:var(--color-text-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);transition:color .3s ease;position:relative;z-index:1;white-space:nowrap;text-align:center;width:100%}._tabsTrigger_1g6a3_42._active_1g6a3_119{color:var(--color-tab-text)}._tabsTrigger_1g6a3_42._disabled_1g6a3_123{opacity:.5;cursor:not-allowed}._tabsTrigger_1g6a3_42:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 767px){._tabsList_1g6a3_7{flex-direction:column;overflow-x:visible}._tabsTrigger_1g6a3_42{white-space:normal;text-align:left}}._tabsPanelWrapper_1g6a3_47{position:relative;overflow:hidden;height:auto;transition:height .3s ease-in-out}._tabsPanel_1g6a3_26{animation:_fadeSlide_1g6a3_1 .3s ease both;position:relative;width:100%;color:var(--color-text-primary)}@keyframes _fadeSlide_1g6a3_1{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}._default_1g6a3_173{background-color:transparent}._dark_1g6a3_177{background-color:var(--color-tab-background)}._dark_1g6a3_177 ._indicator_1g6a3_70{border:5px solid transparent}._dark_1g6a3_177 ._tabsTrigger_1g6a3_42{color:var(--color-primary-25)}._light_1g6a3_189{background-color:#fff}._light_1g6a3_189 ._indicator_1g6a3_70{border:5px solid transparent}._light_1g6a3_189 ._tabsList_1g6a3_7{background-color:#fff}._light_1g6a3_189 ._tabsTrigger_1g6a3_42{color:var(--color-text-primary)}._light_1g6a3_189 ._tabsTrigger_1g6a3_42:hover{color:var(--color-primary-100)}._light_1g6a3_189 ._tabsTrigger_1g6a3_42._active_1g6a3_119{color:#fff}._transparent_1g6a3_213{background-color:transparent}._transparent_1g6a3_213 ._indicator_1g6a3_70{border:5px solid transparent}._transparent_1g6a3_213 ._tabsList_1g6a3_7{background-color:transparent}._transparent_1g6a3_213 ._tabsTrigger_1g6a3_42{color:var(--color-text-primary)}._transparent_1g6a3_213 ._tabsTrigger_1g6a3_42:hover{color:var(--color-primary-100)}._transparent_1g6a3_213 ._tabsTrigger_1g6a3_42._active_1g6a3_119{color:#fff}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index17.css');const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index17.css');const a=require("react/jsx-runtime"),b=require("../../../core/components/Modal/index.cjs"),q=require("../../utils/resolveLinkUrl.cjs"),S=require("../../hooks/useMediaQuery.cjs"),$=require("../../hooks/useStyleClasses.cjs"),U=require("../../../core/context/ThemeContext.cjs"),d=require("../../utils/mediaUtils.cjs"),P=require("../../../play-CQBnZgNa.cjs"),F=require("../../../arrow-right-DO6S4vfx.cjs"),W="_cardLink_1a29y_1",z="_card_1a29y_1",G="_container_1a29y_21",D="_content_1a29y_31",E="_icon_1a29y_38",Q="_modalTrigger_1a29y_60",Y="_callToAction_1a29y_65",H="_label_1a29y_66",J="_cardIcon_1a29y_71",K="_title_1a29y_78",X="_description_1a29y_101",Z="_imageWrapper_1a29y_116",V="_metric_1a29y_205",R="_outerCircle_1a29y_222",A="_innerCircle_1a29y_227",T="_metricLabel_1a29y_233",ee="_textOnly_1a29y_241",ae="_imageOnly_1a29y_278",se="_fullBleed_1a29y_303",te="_imageTop_1a29y_344",ne="_imageBottom_1a29y_363",re="_imageLeft_1a29y_391",oe="_imageRight_1a29y_401",le="_containImage_1a29y_459",ie="_fullBleedImage_1a29y_467",ce="_image_1a29y_116",_e="_eyebrow_1a29y_563",me="_cta_1a29y_575",de="_secondary_1a29y_576",e={cardLink:W,card:z,container:G,content:D,icon:E,modalTrigger:Q,callToAction:Y,label:H,cardIcon:J,title:K,description:X,imageWrapper:Z,metric:V,outerCircle:R,innerCircle:A,metricLabel:T,textOnly:ee,imageOnly:ae,fullBleed:se,imageTop:te,imageBottom:ne,imageLeft:re,imageRight:oe,containImage:le,fullBleedImage:ie,image:ce,eyebrow:_e,cta:me,secondary:de},h={"full-bleed":e.fullBleed,text:e.textOnly,metric:e.metric,"image-left":e.imageLeft,"image-right":e.imageRight,"image-top":e.imageTop,"image-bottom":e.imageBottom,"image-only":e.imageOnly};function ge({value:s}){if(!s.includes("%"))return a.jsx("div",{className:e.metric});const t=125,n=(t-10)/2,r=2*Math.PI*n,i=r-parseFloat(s)/100*r;return a.jsxs("svg",{width:t,height:t,viewBox:`0 0 ${t} ${t}`,children:[a.jsx("circle",{className:e.outerCircle,cx:t/2,cy:t/2,r:n,fill:"none"}),a.jsx("circle",{className:e.innerCircle,cx:t/2,cy:t/2,r:n,fill:"none",strokeDasharray:r,strokeDashoffset:i,strokeLinecap:"round",transform:`rotate(-90 ${t/2} ${t/2})`}),a.jsx("text",{className:e.metricLabel,x:"50%",y:"52%",dominantBaseline:"middle",textAnchor:"middle",children:s})]})}function ye({callToAction:s,resolvedUrl:t,children:n}){var r,i;switch(s==null?void 0:s.type){case"link":return a.jsx("a",{className:e.cardLink,"aria-label":s.ariaLabel||s.label,href:t,target:((r=s.linkOptions)==null?void 0:r.linkType)==="external"?"_blank":"_self",rel:((i=s.linkOptions)==null?void 0:i.linkType)==="external"?"noopener noreferrer":"",children:n});case"modal":return a.jsx(b.Modal,{className:e.modalTrigger,trigger:n,content:s.modalContent});case"video":return a.jsx(b.Modal,{className:e.modalTrigger,trigger:n,content:a.jsx("video",{src:s.videoUrl,controls:!0,autoPlay:!0})});case"download":return a.jsx("a",{className:e.cardLink,"aria-label":s.ariaLabel||s.label,href:t,download:!0,target:"_blank",rel:"noopener noreferrer",children:n});default:return a.jsx(a.Fragment,{children:n})}}function ue({style:s,variant:t="noImage",metricValue:n,eyebrow:r,title:i,description:_,image:c,icon:g,callToAction:o,onHover:v,onLeave:N,gridArea:y,styleOptions:k,renderImage:u,renderRichText:l}){const{mode:x}=U.useTheme(),f=S.useMediaQuery("(max-width: 767px)"),L=$.useStyleClasses(k),C=q.resolveLinkURL(o),m=d.resolveImageUrl(c,x),j=d.resolveAltText(c,x),p=d.resolveImageStyle(c,f),B=(c==null?void 0:c.layout)==="cover",I=h[s??"image-top"]??h["image-top"],w=c&&m?a.jsx("div",{className:e.imageWrapper,children:u?u({src:m,alt:j,width:600,height:658,style:p}):a.jsx("img",{src:m,alt:j,width:600,height:658,style:p})}):null,M=!n&&!r&&!i&&!_,O=a.jsxs(a.Fragment,{children:[a.jsxs("div",{className:`${e.container} ${B?e.fullBleedImage:e.containImage}`,children:[t!=="image"&&!M&&a.jsxs("div",{className:e.content,children:[g&&a.jsx("div",{className:e.icon,children:a.jsx("i",{className:g})}),n&&a.jsx(ge,{value:n}),r&&(l==null?void 0:l({blocks:r,className:e.eyebrow})),i&&(l==null?void 0:l({blocks:i,className:e.title})),_&&(l==null?void 0:l({blocks:_,className:e.description}))]}),w]}),(o==null?void 0:o.videoUrl)&&a.jsxs("div",{className:e.callToAction,children:[a.jsx("div",{className:e.label,children:o.label}),a.jsx("div",{className:e.cardIcon,children:a.jsx(P.Play,{size:45})})]}),(o==null?void 0:o.type)==="link"&&a.jsxs("div",{className:e.callToAction,children:[a.jsx("div",{className:e.label,children:o.label}),a.jsx("div",{className:e.cardIcon,children:a.jsx(F.ArrowRight,{size:45})})]})]});return a.jsx("div",{className:[L,e.card,I,e[t]??""].filter(Boolean).join(" "),onMouseEnter:v,onMouseLeave:N,style:y&&!f?{gridArea:y}:{},children:a.jsx(ye,{callToAction:o,resolvedUrl:C,children:O})})}exports.GridCard=ue;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { Modal as
|
|
1
|
+
import { jsx as a, jsxs as m, Fragment as k } from "react/jsx-runtime";
|
|
2
|
+
import { Modal as v } from "../../../core/components/Modal/index.mjs";
|
|
3
3
|
import { resolveLinkURL as P } from "../../utils/resolveLinkUrl.mjs";
|
|
4
4
|
import { useMediaQuery as U } from "../../hooks/useMediaQuery.mjs";
|
|
5
5
|
import { useStyleClasses as W } from "../../hooks/useStyleClasses.mjs";
|
|
@@ -7,7 +7,7 @@ import { useTheme as j } from "../../../core/context/ThemeContext.mjs";
|
|
|
7
7
|
import { resolveImageUrl as z, resolveAltText as F, resolveImageStyle as D } from "../../utils/mediaUtils.mjs";
|
|
8
8
|
import { P as E } from "../../../play-DYgKiSaf.js";
|
|
9
9
|
import { A as G } from "../../../arrow-right-QEwnX3Sk.js";
|
|
10
|
-
import '../../../index17.css';const Q = "
|
|
10
|
+
import '../../../index17.css';const Q = "_cardLink_1a29y_1", Y = "_card_1a29y_1", q = "_container_1a29y_21", H = "_content_1a29y_31", J = "_icon_1a29y_38", K = "_modalTrigger_1a29y_60", X = "_callToAction_1a29y_65", Z = "_label_1a29y_66", V = "_cardIcon_1a29y_71", R = "_title_1a29y_78", A = "_description_1a29y_101", T = "_imageWrapper_1a29y_116", ee = "_metric_1a29y_205", ae = "_outerCircle_1a29y_222", te = "_innerCircle_1a29y_227", se = "_metricLabel_1a29y_233", re = "_textOnly_1a29y_241", ne = "_imageOnly_1a29y_278", oe = "_fullBleed_1a29y_303", le = "_imageTop_1a29y_344", ie = "_imageBottom_1a29y_363", ce = "_imageLeft_1a29y_391", me = "_imageRight_1a29y_401", _e = "_containImage_1a29y_459", de = "_fullBleedImage_1a29y_467", ge = "_image_1a29y_116", ye = "_eyebrow_1a29y_563", fe = "_cta_1a29y_575", ue = "_secondary_1a29y_576", e = {
|
|
11
11
|
cardLink: Q,
|
|
12
12
|
card: Y,
|
|
13
13
|
container: q,
|
|
@@ -21,8 +21,8 @@ import '../../../index17.css';const Q = "_cardLink_16ew5_1", Y = "_card_16ew5_1"
|
|
|
21
21
|
description: A,
|
|
22
22
|
imageWrapper: T,
|
|
23
23
|
metric: ee,
|
|
24
|
-
outerCircle:
|
|
25
|
-
innerCircle:
|
|
24
|
+
outerCircle: ae,
|
|
25
|
+
innerCircle: te,
|
|
26
26
|
metricLabel: se,
|
|
27
27
|
textOnly: re,
|
|
28
28
|
imageOnly: ne,
|
|
@@ -34,10 +34,10 @@ import '../../../index17.css';const Q = "_cardLink_16ew5_1", Y = "_card_16ew5_1"
|
|
|
34
34
|
containImage: _e,
|
|
35
35
|
fullBleedImage: de,
|
|
36
36
|
image: ge,
|
|
37
|
-
eyebrow:
|
|
38
|
-
cta:
|
|
37
|
+
eyebrow: ye,
|
|
38
|
+
cta: fe,
|
|
39
39
|
secondary: ue
|
|
40
|
-
},
|
|
40
|
+
}, h = {
|
|
41
41
|
"full-bleed": e.fullBleed,
|
|
42
42
|
text: e.textOnly,
|
|
43
43
|
metric: e.metric,
|
|
@@ -47,11 +47,11 @@ import '../../../index17.css';const Q = "_cardLink_16ew5_1", Y = "_card_16ew5_1"
|
|
|
47
47
|
"image-bottom": e.imageBottom,
|
|
48
48
|
"image-only": e.imageOnly
|
|
49
49
|
};
|
|
50
|
-
function pe({ value:
|
|
51
|
-
if (!
|
|
52
|
-
const s = 125, r = (s - 10) / 2, n = 2 * Math.PI * r, i = n - parseFloat(
|
|
50
|
+
function pe({ value: t }) {
|
|
51
|
+
if (!t.includes("%")) return /* @__PURE__ */ a("div", { className: e.metric });
|
|
52
|
+
const s = 125, r = (s - 10) / 2, n = 2 * Math.PI * r, i = n - parseFloat(t) / 100 * n;
|
|
53
53
|
return /* @__PURE__ */ m("svg", { width: s, height: s, viewBox: `0 0 ${s} ${s}`, children: [
|
|
54
|
-
/* @__PURE__ */
|
|
54
|
+
/* @__PURE__ */ a(
|
|
55
55
|
"circle",
|
|
56
56
|
{
|
|
57
57
|
className: e.outerCircle,
|
|
@@ -61,7 +61,7 @@ function pe({ value: a }) {
|
|
|
61
61
|
fill: "none"
|
|
62
62
|
}
|
|
63
63
|
),
|
|
64
|
-
/* @__PURE__ */
|
|
64
|
+
/* @__PURE__ */ a(
|
|
65
65
|
"circle",
|
|
66
66
|
{
|
|
67
67
|
className: e.innerCircle,
|
|
@@ -75,7 +75,7 @@ function pe({ value: a }) {
|
|
|
75
75
|
transform: `rotate(-90 ${s / 2} ${s / 2})`
|
|
76
76
|
}
|
|
77
77
|
),
|
|
78
|
-
/* @__PURE__ */
|
|
78
|
+
/* @__PURE__ */ a(
|
|
79
79
|
"text",
|
|
80
80
|
{
|
|
81
81
|
className: e.metricLabel,
|
|
@@ -83,54 +83,54 @@ function pe({ value: a }) {
|
|
|
83
83
|
y: "52%",
|
|
84
84
|
dominantBaseline: "middle",
|
|
85
85
|
textAnchor: "middle",
|
|
86
|
-
children:
|
|
86
|
+
children: t
|
|
87
87
|
}
|
|
88
88
|
)
|
|
89
89
|
] });
|
|
90
90
|
}
|
|
91
|
-
function
|
|
92
|
-
callToAction:
|
|
91
|
+
function be({
|
|
92
|
+
callToAction: t,
|
|
93
93
|
resolvedUrl: s,
|
|
94
94
|
children: r
|
|
95
95
|
}) {
|
|
96
96
|
var n, i;
|
|
97
|
-
switch (
|
|
97
|
+
switch (t == null ? void 0 : t.type) {
|
|
98
98
|
case "link":
|
|
99
|
-
return /* @__PURE__ */
|
|
99
|
+
return /* @__PURE__ */ a(
|
|
100
100
|
"a",
|
|
101
101
|
{
|
|
102
102
|
className: e.cardLink,
|
|
103
|
-
"aria-label":
|
|
103
|
+
"aria-label": t.ariaLabel || t.label,
|
|
104
104
|
href: s,
|
|
105
|
-
target: ((n =
|
|
106
|
-
rel: ((i =
|
|
105
|
+
target: ((n = t.linkOptions) == null ? void 0 : n.linkType) === "external" ? "_blank" : "_self",
|
|
106
|
+
rel: ((i = t.linkOptions) == null ? void 0 : i.linkType) === "external" ? "noopener noreferrer" : "",
|
|
107
107
|
children: r
|
|
108
108
|
}
|
|
109
109
|
);
|
|
110
110
|
case "modal":
|
|
111
|
-
return /* @__PURE__ */
|
|
112
|
-
|
|
111
|
+
return /* @__PURE__ */ a(
|
|
112
|
+
v,
|
|
113
113
|
{
|
|
114
114
|
className: e.modalTrigger,
|
|
115
115
|
trigger: r,
|
|
116
|
-
content:
|
|
116
|
+
content: t.modalContent
|
|
117
117
|
}
|
|
118
118
|
);
|
|
119
119
|
case "video":
|
|
120
|
-
return /* @__PURE__ */
|
|
121
|
-
|
|
120
|
+
return /* @__PURE__ */ a(
|
|
121
|
+
v,
|
|
122
122
|
{
|
|
123
123
|
className: e.modalTrigger,
|
|
124
124
|
trigger: r,
|
|
125
|
-
content: /* @__PURE__ */
|
|
125
|
+
content: /* @__PURE__ */ a("video", { src: t.videoUrl, controls: !0, autoPlay: !0 })
|
|
126
126
|
}
|
|
127
127
|
);
|
|
128
128
|
case "download":
|
|
129
|
-
return /* @__PURE__ */
|
|
129
|
+
return /* @__PURE__ */ a(
|
|
130
130
|
"a",
|
|
131
131
|
{
|
|
132
132
|
className: e.cardLink,
|
|
133
|
-
"aria-label":
|
|
133
|
+
"aria-label": t.ariaLabel || t.label,
|
|
134
134
|
href: s,
|
|
135
135
|
download: !0,
|
|
136
136
|
target: "_blank",
|
|
@@ -139,11 +139,11 @@ function ye({
|
|
|
139
139
|
}
|
|
140
140
|
);
|
|
141
141
|
default:
|
|
142
|
-
return /* @__PURE__ */
|
|
142
|
+
return /* @__PURE__ */ a(k, { children: r });
|
|
143
143
|
}
|
|
144
144
|
}
|
|
145
145
|
function Oe({
|
|
146
|
-
style:
|
|
146
|
+
style: t,
|
|
147
147
|
variant: s = "noImage",
|
|
148
148
|
metricValue: r,
|
|
149
149
|
eyebrow: n,
|
|
@@ -152,37 +152,37 @@ function Oe({
|
|
|
152
152
|
image: c,
|
|
153
153
|
icon: g,
|
|
154
154
|
callToAction: o,
|
|
155
|
-
onHover:
|
|
156
|
-
onLeave:
|
|
157
|
-
gridArea:
|
|
158
|
-
styleOptions:
|
|
159
|
-
renderImage:
|
|
155
|
+
onHover: L,
|
|
156
|
+
onLeave: B,
|
|
157
|
+
gridArea: y,
|
|
158
|
+
styleOptions: I,
|
|
159
|
+
renderImage: f,
|
|
160
160
|
renderRichText: l
|
|
161
161
|
}) {
|
|
162
|
-
const { mode: u } = j(), p = U("(max-width: 767px)"),
|
|
162
|
+
const { mode: u } = j(), p = U("(max-width: 767px)"), C = W(I), w = P(o), d = z(c, u), b = F(c, u), N = D(c, p), O = (c == null ? void 0 : c.layout) === "cover", M = h[t ?? "image-top"] ?? h["image-top"], x = c && d ? /* @__PURE__ */ a("div", { className: e.imageWrapper, children: f ? f({
|
|
163
163
|
src: d,
|
|
164
|
-
alt:
|
|
164
|
+
alt: b,
|
|
165
165
|
width: 600,
|
|
166
166
|
height: 658,
|
|
167
|
-
style:
|
|
168
|
-
}) : /* @__PURE__ */
|
|
167
|
+
style: N
|
|
168
|
+
}) : /* @__PURE__ */ a(
|
|
169
169
|
"img",
|
|
170
170
|
{
|
|
171
171
|
src: d,
|
|
172
|
-
alt:
|
|
172
|
+
alt: b,
|
|
173
173
|
width: 600,
|
|
174
174
|
height: 658,
|
|
175
|
-
style:
|
|
175
|
+
style: N
|
|
176
176
|
}
|
|
177
|
-
) }) : null, S = !r && !n && !i && !_, $ = /* @__PURE__ */ m(
|
|
177
|
+
) }) : null, S = !r && !n && !i && !_, $ = /* @__PURE__ */ m(k, { children: [
|
|
178
178
|
/* @__PURE__ */ m(
|
|
179
179
|
"div",
|
|
180
180
|
{
|
|
181
181
|
className: `${e.container} ${O ? e.fullBleedImage : e.containImage}`,
|
|
182
182
|
children: [
|
|
183
183
|
s !== "image" && !S && /* @__PURE__ */ m("div", { className: e.content, children: [
|
|
184
|
-
g && /* @__PURE__ */
|
|
185
|
-
r && /* @__PURE__ */
|
|
184
|
+
g && /* @__PURE__ */ a("div", { className: e.icon, children: /* @__PURE__ */ a("i", { className: g }) }),
|
|
185
|
+
r && /* @__PURE__ */ a(pe, { value: r }),
|
|
186
186
|
n && (l == null ? void 0 : l({ blocks: n, className: e.eyebrow })),
|
|
187
187
|
i && (l == null ? void 0 : l({ blocks: i, className: e.title })),
|
|
188
188
|
_ && (l == null ? void 0 : l({
|
|
@@ -195,27 +195,27 @@ function Oe({
|
|
|
195
195
|
}
|
|
196
196
|
),
|
|
197
197
|
(o == null ? void 0 : o.videoUrl) && /* @__PURE__ */ m("div", { className: e.callToAction, children: [
|
|
198
|
-
/* @__PURE__ */
|
|
199
|
-
/* @__PURE__ */
|
|
198
|
+
/* @__PURE__ */ a("div", { className: e.label, children: o.label }),
|
|
199
|
+
/* @__PURE__ */ a("div", { className: e.cardIcon, children: /* @__PURE__ */ a(E, { size: 45 }) })
|
|
200
200
|
] }),
|
|
201
201
|
(o == null ? void 0 : o.type) === "link" && /* @__PURE__ */ m("div", { className: e.callToAction, children: [
|
|
202
|
-
/* @__PURE__ */
|
|
203
|
-
/* @__PURE__ */
|
|
202
|
+
/* @__PURE__ */ a("div", { className: e.label, children: o.label }),
|
|
203
|
+
/* @__PURE__ */ a("div", { className: e.cardIcon, children: /* @__PURE__ */ a(G, { size: 45 }) })
|
|
204
204
|
] })
|
|
205
205
|
] });
|
|
206
|
-
return /* @__PURE__ */
|
|
206
|
+
return /* @__PURE__ */ a(
|
|
207
207
|
"div",
|
|
208
208
|
{
|
|
209
209
|
className: [
|
|
210
|
-
|
|
210
|
+
C,
|
|
211
211
|
e.card,
|
|
212
212
|
M,
|
|
213
213
|
e[s] ?? ""
|
|
214
214
|
].filter(Boolean).join(" "),
|
|
215
|
-
onMouseEnter:
|
|
216
|
-
onMouseLeave:
|
|
217
|
-
style:
|
|
218
|
-
children: /* @__PURE__ */
|
|
215
|
+
onMouseEnter: L,
|
|
216
|
+
onMouseLeave: B,
|
|
217
|
+
style: y && !p ? { gridArea: y } : {},
|
|
218
|
+
children: /* @__PURE__ */ a(be, { callToAction: o, resolvedUrl: w, children: $ })
|
|
219
219
|
}
|
|
220
220
|
);
|
|
221
221
|
}
|