quirk-ui 0.1.138 → 0.1.140
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/index17.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._cardLink_1aspq_1{text-decoration:none;cursor:pointer}._card_1aspq_1{background-color:transparent;min-height:100%;border-radius:var(--radius-md);position:relative;overflow:hidden}@media (max-width: 768px){._card_1aspq_1{width:100%;max-width:none;min-width:0}}._container_1aspq_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_1aspq_31{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}._icon_1aspq_38{margin-bottom:var(--spacing-sm)}._icon_1aspq_38 i,._icon_1aspq_38 svg{font-size:2.5rem;color:var(--color-primary-100)}._cardLink_1aspq_1:hover ._card_1aspq_1,._modalTrigger_1aspq_60:hover ._card_1aspq_1{background-color:var(--color-primary-100)}._cardLink_1aspq_1:hover ._callToAction_1aspq_65 ._label_1aspq_66,._modalTrigger_1aspq_60:hover ._callToAction_1aspq_65 ._label_1aspq_66{opacity:1;transform:translateY(0)}._cardLink_1aspq_1:hover ._callToAction_1aspq_65 ._cardIcon_1aspq_71,._modalTrigger_1aspq_60:hover ._callToAction_1aspq_65 ._cardIcon_1aspq_71{background-color:var(--color-primary-100);color:#fff;border:5px solid var(--color-primary-100)}._title_1aspq_78{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);text-decoration:none;flex:1;transition:color .3s ease-in-out}._title_1aspq_78 span{transition:color .3s ease-in-out}._description_1aspq_101{margin:0}._description_1aspq_101:has(.inlineNumber){display:flex;gap:var(--spacing-md)}@media (max-width: 767px){._description_1aspq_101:has(.inlineNumber){align-items:center;justify-content:center;flex-direction:column}}._imageWrapper_1aspq_116{position:relative;height:100%;display:flex;justify-content:center}@media (max-width: 767px){._imageWrapper_1aspq_116{max-width:380px}}._imageWrapper_1aspq_116 img{position:relative;height:auto}._modalTrigger_1aspq_60{cursor:pointer}._modalTrigger_1aspq_60 ._imageWrapper_1aspq_116{transition:opacity .3s ease-in-out}._modalTrigger_1aspq_60:hover ._cardIcon_1aspq_71{background-color:var(--color-primary-100);border-color:var(--color-primary-100);color:#fff}._modalTrigger_1aspq_60:hover ._imageWrapper_1aspq_116{opacity:.75}._callToAction_1aspq_65{position:absolute;top:.75rem;right:.75rem;display:flex;align-items:center;gap:var(--spacing-sm)}._callToAction_1aspq_65 ._cardIcon_1aspq_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_1aspq_65 ._label_1aspq_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_1aspq_205 ._content_1aspq_31{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;height:100%;margin:0 auto}._metric_1aspq_205 ._description_1aspq_101{text-align:center;font-size:var(--font-size-lg)}._metric_1aspq_205 ._outerCircle_1aspq_222{stroke-width:10px;stroke:#ccc}._metric_1aspq_205 ._innerCircle_1aspq_227{stroke:var(--color-primary-100);fill:none;stroke-width:10px}._metric_1aspq_205 ._metricLabel_1aspq_233{position:relative;font-weight:var(--font-weight-bold);font-size:1.75rem;fill:var(--color-primary-100)}._textOnly_1aspq_241 ._title_1aspq_78{color:var(--color-primary-100);font-size:var(--font-size-xl)}._textOnly_1aspq_241 ._description_1aspq_101{color:var(--color-text-primary);font-size:var(--font-size-md)}._textOnly_1aspq_241 ._imageWrapper_1aspq_116{display:none}._textOnly_1aspq_241 ._cardLink_1aspq_1:hover ._card_1aspq_1,._textOnly_1aspq_241 ._modalTrigger_1aspq_60:hover ._card_1aspq_1{background-color:var(--color-primary-100)}._textOnly_1aspq_241 ._cardLink_1aspq_1:hover ._callToAction_1aspq_65 ._label_1aspq_66,._textOnly_1aspq_241 ._modalTrigger_1aspq_60:hover ._callToAction_1aspq_65 ._label_1aspq_66{opacity:1;transform:translateY(0);color:#fff}._textOnly_1aspq_241 ._cardLink_1aspq_1:hover ._callToAction_1aspq_65 ._cardIcon_1aspq_71,._textOnly_1aspq_241 ._modalTrigger_1aspq_60:hover ._callToAction_1aspq_65 ._cardIcon_1aspq_71{background-color:#e0eaf9;color:var(--color-primary-100);border:5px solid #e0eaf9}._imageOnly_1aspq_278 ._container_1aspq_21{padding:var(--spacing-md);display:flex;align-items:center;justify-content:center}._imageOnly_1aspq_278 ._imageWrapper_1aspq_116{display:flex;align-items:center;justify-content:center;position:relative;top:0;right:0;bottom:0;left:0;width:100%;height:100%}._imageOnly_1aspq_278 ._imageWrapper_1aspq_116 img{width:100%;height:100%;object-fit:cover}._fullBleed_1aspq_303{min-height:450px}._fullBleed_1aspq_303 ._container_1aspq_21{display:block;padding:0}._fullBleed_1aspq_303 ._modalTrigger_1aspq_60{display:block}._fullBleed_1aspq_303 ._content_1aspq_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_1aspq_303 ._imageWrapper_1aspq_116{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}._fullBleed_1aspq_303 ._imageWrapper_1aspq_116 img{width:100%;height:100%;object-fit:cover}._imageTop_1aspq_344 ._container_1aspq_21{height:auto;justify-content:flex-start;flex-direction:column-reverse}._imageTop_1aspq_344 ._imageWrapper_1aspq_116{aspect-ratio:16/9}._imageTop_1aspq_344 ._imageWrapper_1aspq_116 img{position:relative;width:100%;height:auto;object-fit:cover}._imageBottom_1aspq_363 ._container_1aspq_21{height:100%;justify-content:flex-start;flex-direction:column}._imageBottom_1aspq_363 ._imageWrapper_1aspq_116{height:auto;align-items:normal}@media (max-width: 767px){._imageBottom_1aspq_363 ._imageWrapper_1aspq_116{max-height:350px}}._imageBottom_1aspq_363 ._imageWrapper_1aspq_116 img{width:100%;height:auto;object-fit:cover}@media (max-width: 767px){._imageBottom_1aspq_363 ._imageWrapper_1aspq_116 img{position:relative}}._imageLeft_1aspq_391 ._container_1aspq_21{flex-direction:row-reverse}@media (max-width: 767px){._imageLeft_1aspq_391 ._container_1aspq_21{flex-direction:column-reverse}}._imageRight_1aspq_401 ._container_1aspq_21{flex-direction:row}@media (max-width: 767px){._imageRight_1aspq_401 ._container_1aspq_21{flex-direction:column}}._imageLeft_1aspq_391 ._content_1aspq_31,._imageRight_1aspq_401 ._content_1aspq_31{flex:.8;width:100%}._imageLeft_1aspq_391 ._title_1aspq_78,._imageRight_1aspq_401 ._title_1aspq_78{font-size:var(--font-size-xl)}._imageLeft_1aspq_391 ._description_1aspq_101,._imageRight_1aspq_401 ._description_1aspq_101{font-size:var(--font-size-md)}._imageLeft_1aspq_391 ._imageWrapper_1aspq_116,._imageRight_1aspq_401 ._imageWrapper_1aspq_116{flex:.75 1;height:100%;max-height:450px;max-width:275px;margin:0 auto;position:relative}._imageLeft_1aspq_391 ._imageWrapper_1aspq_116 img,._imageRight_1aspq_401 ._imageWrapper_1aspq_116 img{border-radius:var(--radius-md);overflow:hidden;width:100%;object-fit:cover;height:auto}@media (max-width: 767px){._imageLeft_1aspq_391 ._imageWrapper_1aspq_116,._imageRight_1aspq_401 ._imageWrapper_1aspq_116{flex:1;justify-content:flex-start;max-height:250px;width:100%}._imageLeft_1aspq_391 ._imageWrapper_1aspq_116 img,._imageRight_1aspq_401 ._imageWrapper_1aspq_116 img{position:relative;height:100%;width:100%;min-width:150px}}._containImage_1aspq_459{gap:var(--spacing-xl)}._containImage_1aspq_459 ._imageWrapper_1aspq_116{align-items:center}._fullBleedImage_1aspq_467{padding:0;gap:0}@media (max-width: 767px){._fullBleedImage_1aspq_467 ._imageWrapper_1aspq_116{max-width:unset}}._fullBleedImage_1aspq_467 ._imageWrapper_1aspq_116 img{height:100%}._fullBleedImage_1aspq_467 ._content_1aspq_31{width:auto;padding:var(--spacing-md)}._image_1aspq_116{min-height:unset}._image_1aspq_116 ._container_1aspq_21{padding:var(--spacing-sm);justify-content:center}._image_1aspq_116 ._imageWrapper_1aspq_116{width:100%;min-height:unset}._image_1aspq_116 ._imageWrapper_1aspq_116 ._imageWrapper_1aspq_116 img{position:relative}.homeGrid ._textOnly_1aspq_241 ._title_1aspq_78{color:#fff}.homeGrid ._textOnly_1aspq_241 ._description_1aspq_101{color:#fff;font-size:var(--font-size-md)}.homeGrid ._fullBleed_1aspq_303{min-height:400px}@media (min-width: 768px){.homeGrid ._fullBleed_1aspq_303{min-height:unset}}.startMetricGrid ._textOnly_1aspq_241{max-width:300px;margin:0 auto}.startMetricGrid ._textOnly_1aspq_241 ._title_1aspq_78{font-size:3rem}.conditionManagementServicesGrid ._imageLeft_1aspq_391{min-height:235px}.conditionManagementServicesGrid ._imageLeft_1aspq_391 ._content_1aspq_31{flex:1}.conditionManagementServicesGrid ._imageLeft_1aspq_391 ._title_1aspq_78{font-size:var(--font-size-xl)}.conditionManagementServicesGrid ._imageLeft_1aspq_391 ._imageWrapper_1aspq_116{flex:.25}@media (max-width: 767px){.conditionManagementServicesGrid ._imageLeft_1aspq_391 ._imageWrapper_1aspq_116{flex:1}}.backgroundPrimary ._eyebrow_1aspq_563,.backgroundPrimary ._title_1aspq_78,.backgroundPrimary ._description_1aspq_101{color:#fff}.backgroundPrimary ._cta_1aspq_575 ._secondary_1aspq_576{background-color:#fff}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index17.css');const s=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index17.css');const s=require("react/jsx-runtime"),j=require("../../../core/components/Modal/index.cjs"),O=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_1aspq_1",z="_card_1aspq_1",G="_container_1aspq_21",D="_content_1aspq_31",E="_icon_1aspq_38",Q="_modalTrigger_1aspq_60",Y="_callToAction_1aspq_65",H="_label_1aspq_66",J="_cardIcon_1aspq_71",K="_title_1aspq_78",X="_description_1aspq_101",Z="_imageWrapper_1aspq_116",V="_metric_1aspq_205",R="_outerCircle_1aspq_222",A="_innerCircle_1aspq_227",T="_metricLabel_1aspq_233",ee="_textOnly_1aspq_241",se="_imageOnly_1aspq_278",ae="_fullBleed_1aspq_303",te="_imageTop_1aspq_344",ne="_imageBottom_1aspq_363",re="_imageLeft_1aspq_391",oe="_imageRight_1aspq_401",ie="_containImage_1aspq_459",le="_fullBleedImage_1aspq_467",ce="_image_1aspq_116",_e="_eyebrow_1aspq_563",me="_cta_1aspq_575",de="_secondary_1aspq_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:se,fullBleed:ae,imageTop:te,imageBottom:ne,imageLeft:re,imageRight:oe,containImage:ie,fullBleedImage:le,image:ce,eyebrow:_e,cta:me,secondary:de},b={"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:a}){if(!a.includes("%"))return s.jsx("div",{className:e.metric});const t=125,n=(t-10)/2,r=2*Math.PI*n,l=r-parseFloat(a)/100*r;return s.jsxs("svg",{width:t,height:t,viewBox:`0 0 ${t} ${t}`,children:[s.jsx("circle",{className:e.outerCircle,cx:t/2,cy:t/2,r:n,fill:"none"}),s.jsx("circle",{className:e.innerCircle,cx:t/2,cy:t/2,r:n,fill:"none",strokeDasharray:r,strokeDashoffset:l,strokeLinecap:"round",transform:`rotate(-90 ${t/2} ${t/2})`}),s.jsx("text",{className:e.metricLabel,x:"50%",y:"52%",dominantBaseline:"middle",textAnchor:"middle",children:a})]})}function pe({callToAction:a,resolvedUrl:t,children:n}){var r,l;switch(a==null?void 0:a.type){case"link":return s.jsx("a",{className:e.cardLink,"aria-label":a.ariaLabel||a.label,href:t,target:((r=a.linkOptions)==null?void 0:r.linkType)==="external"?"_blank":"_self",rel:((l=a.linkOptions)==null?void 0:l.linkType)==="external"?"noopener noreferrer":"",children:n});case"modal":return s.jsx(j.Modal,{className:e.modalTrigger,trigger:n,content:a.modalContent});case"video":return s.jsx(j.Modal,{className:e.modalTrigger,trigger:n,content:s.jsx("video",{src:a.videoUrl,controls:!0,autoPlay:!0})});case"download":return s.jsx("a",{className:e.cardLink,"aria-label":a.ariaLabel||a.label,href:t,download:!0,target:"_blank",rel:"noopener noreferrer",children:n});default:return s.jsx(s.Fragment,{children:n})}}function ue({style:a,variant:t="noImage",metricValue:n,eyebrow:r,title:l,description:_,image:c,icon:g,callToAction:o,onHover:v,onLeave:h,gridArea:p,styleOptions:N,renderImage:u,renderRichText:i}){const{mode:q}=U.useTheme(),x=S.useMediaQuery("(max-width: 767px)"),k=$.useStyleClasses(N),L=O.resolveLinkURL(o),m=d.resolveImageUrl(c,q),y=d.resolveAltText(c,q),f=d.resolveImageStyle(c,x),C=(c==null?void 0:c.layout)==="cover",B=b[a??"image-top"]??b["image-top"],I=c&&m?s.jsx("div",{className:e.imageWrapper,children:u?u({src:m,alt:y,width:600,height:658,style:a==="full-bleed"?{objectFit:"cover",objectPosition:"top"}:f}):s.jsx("img",{src:m,alt:y,width:600,height:658,style:f})}):null,w=!n&&!r&&!l&&!_,M=s.jsxs(s.Fragment,{children:[s.jsxs("div",{className:`${e.container} ${C?e.fullBleedImage:e.containImage}`,children:[t!=="image"&&!w&&s.jsxs("div",{className:e.content,children:[g&&s.jsx("div",{className:e.icon,children:s.jsx("i",{className:g})}),n&&s.jsx(ge,{value:n}),r&&(i==null?void 0:i({blocks:r,className:e.eyebrow})),l&&(i==null?void 0:i({blocks:l,className:e.title})),_&&(i==null?void 0:i({blocks:_,className:e.description}))]}),I]}),(o==null?void 0:o.videoUrl)&&s.jsxs("div",{className:e.callToAction,children:[s.jsx("div",{className:e.label,children:o.label}),s.jsx("div",{className:e.cardIcon,children:s.jsx(P.Play,{size:45})})]}),(o==null?void 0:o.type)==="link"&&s.jsxs("div",{className:e.callToAction,children:[s.jsx("div",{className:e.label,children:o.label}),s.jsx("div",{className:e.cardIcon,children:s.jsx(F.ArrowRight,{size:45})})]})]});return s.jsx("div",{className:[k,e.card,B,e[t]??""].filter(Boolean).join(" "),onMouseEnter:v,onMouseLeave:h,style:p&&!x?{gridArea:p}:{},children:s.jsx(pe,{callToAction:o,resolvedUrl:L,children:M})})}exports.GridCard=ue;
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { jsx as a, jsxs as m, Fragment as h } from "react/jsx-runtime";
|
|
2
|
-
import { Modal as
|
|
3
|
-
import { resolveLinkURL as
|
|
4
|
-
import { useMediaQuery as
|
|
5
|
-
import { useStyleClasses as
|
|
6
|
-
import { useTheme as
|
|
7
|
-
import { resolveImageUrl as
|
|
8
|
-
import { P as
|
|
9
|
-
import { A as
|
|
10
|
-
import '../../../index17.css';const
|
|
11
|
-
cardLink:
|
|
12
|
-
card:
|
|
13
|
-
container:
|
|
2
|
+
import { Modal as v } from "../../../core/components/Modal/index.mjs";
|
|
3
|
+
import { resolveLinkURL as S } from "../../utils/resolveLinkUrl.mjs";
|
|
4
|
+
import { useMediaQuery as $ } from "../../hooks/useMediaQuery.mjs";
|
|
5
|
+
import { useStyleClasses as j } from "../../hooks/useStyleClasses.mjs";
|
|
6
|
+
import { useTheme as U } from "../../../core/context/ThemeContext.mjs";
|
|
7
|
+
import { resolveImageUrl as F, resolveAltText as W, resolveImageStyle as z } from "../../utils/mediaUtils.mjs";
|
|
8
|
+
import { P as D } from "../../../play-DYgKiSaf.js";
|
|
9
|
+
import { A as E } from "../../../arrow-right-QEwnX3Sk.js";
|
|
10
|
+
import '../../../index17.css';const G = "_cardLink_1aspq_1", Q = "_card_1aspq_1", Y = "_container_1aspq_21", H = "_content_1aspq_31", J = "_icon_1aspq_38", K = "_modalTrigger_1aspq_60", X = "_callToAction_1aspq_65", Z = "_label_1aspq_66", V = "_cardIcon_1aspq_71", R = "_title_1aspq_78", A = "_description_1aspq_101", T = "_imageWrapper_1aspq_116", ee = "_metric_1aspq_205", ae = "_outerCircle_1aspq_222", se = "_innerCircle_1aspq_227", te = "_metricLabel_1aspq_233", re = "_textOnly_1aspq_241", oe = "_imageOnly_1aspq_278", ne = "_fullBleed_1aspq_303", ie = "_imageTop_1aspq_344", le = "_imageBottom_1aspq_363", ce = "_imageLeft_1aspq_391", me = "_imageRight_1aspq_401", _e = "_containImage_1aspq_459", de = "_fullBleedImage_1aspq_467", pe = "_image_1aspq_116", ge = "_eyebrow_1aspq_563", fe = "_cta_1aspq_575", ue = "_secondary_1aspq_576", e = {
|
|
11
|
+
cardLink: G,
|
|
12
|
+
card: Q,
|
|
13
|
+
container: Y,
|
|
14
14
|
content: H,
|
|
15
15
|
icon: J,
|
|
16
16
|
modalTrigger: K,
|
|
@@ -22,22 +22,22 @@ import '../../../index17.css';const Q = "_cardLink_14uy9_1", Y = "_card_14uy9_1"
|
|
|
22
22
|
imageWrapper: T,
|
|
23
23
|
metric: ee,
|
|
24
24
|
outerCircle: ae,
|
|
25
|
-
innerCircle:
|
|
26
|
-
metricLabel:
|
|
25
|
+
innerCircle: se,
|
|
26
|
+
metricLabel: te,
|
|
27
27
|
textOnly: re,
|
|
28
|
-
imageOnly:
|
|
29
|
-
fullBleed:
|
|
28
|
+
imageOnly: oe,
|
|
29
|
+
fullBleed: ne,
|
|
30
30
|
imageTop: ie,
|
|
31
31
|
imageBottom: le,
|
|
32
32
|
imageLeft: ce,
|
|
33
33
|
imageRight: me,
|
|
34
34
|
containImage: _e,
|
|
35
35
|
fullBleedImage: de,
|
|
36
|
-
image:
|
|
36
|
+
image: pe,
|
|
37
37
|
eyebrow: ge,
|
|
38
|
-
cta:
|
|
39
|
-
secondary:
|
|
40
|
-
},
|
|
38
|
+
cta: fe,
|
|
39
|
+
secondary: ue
|
|
40
|
+
}, N = {
|
|
41
41
|
"full-bleed": e.fullBleed,
|
|
42
42
|
text: e.textOnly,
|
|
43
43
|
metric: e.metric,
|
|
@@ -47,16 +47,16 @@ import '../../../index17.css';const Q = "_cardLink_14uy9_1", Y = "_card_14uy9_1"
|
|
|
47
47
|
"image-bottom": e.imageBottom,
|
|
48
48
|
"image-only": e.imageOnly
|
|
49
49
|
};
|
|
50
|
-
function
|
|
51
|
-
if (!
|
|
52
|
-
const
|
|
53
|
-
return /* @__PURE__ */ m("svg", { width:
|
|
50
|
+
function ye({ value: s }) {
|
|
51
|
+
if (!s.includes("%")) return /* @__PURE__ */ a("div", { className: e.metric });
|
|
52
|
+
const t = 125, r = (t - 10) / 2, o = 2 * Math.PI * r, l = o - parseFloat(s) / 100 * o;
|
|
53
|
+
return /* @__PURE__ */ m("svg", { width: t, height: t, viewBox: `0 0 ${t} ${t}`, children: [
|
|
54
54
|
/* @__PURE__ */ a(
|
|
55
55
|
"circle",
|
|
56
56
|
{
|
|
57
57
|
className: e.outerCircle,
|
|
58
|
-
cx:
|
|
59
|
-
cy:
|
|
58
|
+
cx: t / 2,
|
|
59
|
+
cy: t / 2,
|
|
60
60
|
r,
|
|
61
61
|
fill: "none"
|
|
62
62
|
}
|
|
@@ -65,14 +65,14 @@ function pe({ value: t }) {
|
|
|
65
65
|
"circle",
|
|
66
66
|
{
|
|
67
67
|
className: e.innerCircle,
|
|
68
|
-
cx:
|
|
69
|
-
cy:
|
|
68
|
+
cx: t / 2,
|
|
69
|
+
cy: t / 2,
|
|
70
70
|
r,
|
|
71
71
|
fill: "none",
|
|
72
|
-
strokeDasharray:
|
|
72
|
+
strokeDasharray: o,
|
|
73
73
|
strokeDashoffset: l,
|
|
74
74
|
strokeLinecap: "round",
|
|
75
|
-
transform: `rotate(-90 ${
|
|
75
|
+
transform: `rotate(-90 ${t / 2} ${t / 2})`
|
|
76
76
|
}
|
|
77
77
|
),
|
|
78
78
|
/* @__PURE__ */ a(
|
|
@@ -83,46 +83,46 @@ function pe({ value: t }) {
|
|
|
83
83
|
y: "52%",
|
|
84
84
|
dominantBaseline: "middle",
|
|
85
85
|
textAnchor: "middle",
|
|
86
|
-
children:
|
|
86
|
+
children: s
|
|
87
87
|
}
|
|
88
88
|
)
|
|
89
89
|
] });
|
|
90
90
|
}
|
|
91
91
|
function be({
|
|
92
|
-
callToAction:
|
|
93
|
-
resolvedUrl:
|
|
92
|
+
callToAction: s,
|
|
93
|
+
resolvedUrl: t,
|
|
94
94
|
children: r
|
|
95
95
|
}) {
|
|
96
|
-
var
|
|
97
|
-
switch (
|
|
96
|
+
var o, l;
|
|
97
|
+
switch (s == null ? void 0 : s.type) {
|
|
98
98
|
case "link":
|
|
99
99
|
return /* @__PURE__ */ a(
|
|
100
100
|
"a",
|
|
101
101
|
{
|
|
102
102
|
className: e.cardLink,
|
|
103
|
-
"aria-label":
|
|
104
|
-
href:
|
|
105
|
-
target: ((
|
|
106
|
-
rel: ((l =
|
|
103
|
+
"aria-label": s.ariaLabel || s.label,
|
|
104
|
+
href: t,
|
|
105
|
+
target: ((o = s.linkOptions) == null ? void 0 : o.linkType) === "external" ? "_blank" : "_self",
|
|
106
|
+
rel: ((l = s.linkOptions) == null ? void 0 : l.linkType) === "external" ? "noopener noreferrer" : "",
|
|
107
107
|
children: r
|
|
108
108
|
}
|
|
109
109
|
);
|
|
110
110
|
case "modal":
|
|
111
111
|
return /* @__PURE__ */ a(
|
|
112
|
-
|
|
112
|
+
v,
|
|
113
113
|
{
|
|
114
114
|
className: e.modalTrigger,
|
|
115
115
|
trigger: r,
|
|
116
|
-
content:
|
|
116
|
+
content: s.modalContent
|
|
117
117
|
}
|
|
118
118
|
);
|
|
119
119
|
case "video":
|
|
120
120
|
return /* @__PURE__ */ a(
|
|
121
|
-
|
|
121
|
+
v,
|
|
122
122
|
{
|
|
123
123
|
className: e.modalTrigger,
|
|
124
124
|
trigger: r,
|
|
125
|
-
content: /* @__PURE__ */ a("video", { src:
|
|
125
|
+
content: /* @__PURE__ */ a("video", { src: s.videoUrl, controls: !0, autoPlay: !0 })
|
|
126
126
|
}
|
|
127
127
|
);
|
|
128
128
|
case "download":
|
|
@@ -130,8 +130,8 @@ function be({
|
|
|
130
130
|
"a",
|
|
131
131
|
{
|
|
132
132
|
className: e.cardLink,
|
|
133
|
-
"aria-label":
|
|
134
|
-
href:
|
|
133
|
+
"aria-label": s.ariaLabel || s.label,
|
|
134
|
+
href: t,
|
|
135
135
|
download: !0,
|
|
136
136
|
target: "_blank",
|
|
137
137
|
rel: "noopener noreferrer",
|
|
@@ -142,64 +142,65 @@ function be({
|
|
|
142
142
|
return /* @__PURE__ */ a(h, { children: r });
|
|
143
143
|
}
|
|
144
144
|
}
|
|
145
|
-
function
|
|
146
|
-
style:
|
|
147
|
-
variant:
|
|
145
|
+
function we({
|
|
146
|
+
style: s,
|
|
147
|
+
variant: t = "noImage",
|
|
148
148
|
metricValue: r,
|
|
149
|
-
eyebrow:
|
|
149
|
+
eyebrow: o,
|
|
150
150
|
title: l,
|
|
151
151
|
description: _,
|
|
152
152
|
image: c,
|
|
153
|
-
icon:
|
|
154
|
-
callToAction:
|
|
153
|
+
icon: p,
|
|
154
|
+
callToAction: n,
|
|
155
155
|
onHover: k,
|
|
156
156
|
onLeave: L,
|
|
157
157
|
gridArea: g,
|
|
158
158
|
styleOptions: B,
|
|
159
|
-
renderImage:
|
|
159
|
+
renderImage: f,
|
|
160
160
|
renderRichText: i
|
|
161
161
|
}) {
|
|
162
|
-
const { mode:
|
|
162
|
+
const { mode: u } = U(), y = $("(max-width: 767px)"), I = j(B), C = S(n), d = F(c, u), b = W(c, u), q = z(c, y), w = (c == null ? void 0 : c.layout) === "cover", O = N[s ?? "image-top"] ?? N["image-top"], M = c && d ? /* @__PURE__ */ a("div", { className: e.imageWrapper, children: f ? f({
|
|
163
163
|
src: d,
|
|
164
164
|
alt: b,
|
|
165
165
|
width: 600,
|
|
166
166
|
height: 658,
|
|
167
|
-
style:
|
|
167
|
+
style: s === "full-bleed" ? { objectFit: "cover", objectPosition: "top" } : q
|
|
168
168
|
}) : /* @__PURE__ */ a(
|
|
169
169
|
"img",
|
|
170
170
|
{
|
|
171
171
|
src: d,
|
|
172
172
|
alt: b,
|
|
173
173
|
width: 600,
|
|
174
|
-
height: 658
|
|
174
|
+
height: 658,
|
|
175
|
+
style: q
|
|
175
176
|
}
|
|
176
|
-
) }) : null,
|
|
177
|
+
) }) : null, x = !r && !o && !l && !_, P = /* @__PURE__ */ m(h, { children: [
|
|
177
178
|
/* @__PURE__ */ m(
|
|
178
179
|
"div",
|
|
179
180
|
{
|
|
180
|
-
className: `${e.container} ${
|
|
181
|
+
className: `${e.container} ${w ? e.fullBleedImage : e.containImage}`,
|
|
181
182
|
children: [
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
r && /* @__PURE__ */ a(
|
|
185
|
-
|
|
183
|
+
t !== "image" && !x && /* @__PURE__ */ m("div", { className: e.content, children: [
|
|
184
|
+
p && /* @__PURE__ */ a("div", { className: e.icon, children: /* @__PURE__ */ a("i", { className: p }) }),
|
|
185
|
+
r && /* @__PURE__ */ a(ye, { value: r }),
|
|
186
|
+
o && (i == null ? void 0 : i({ blocks: o, className: e.eyebrow })),
|
|
186
187
|
l && (i == null ? void 0 : i({ blocks: l, className: e.title })),
|
|
187
188
|
_ && (i == null ? void 0 : i({
|
|
188
189
|
blocks: _,
|
|
189
190
|
className: e.description
|
|
190
191
|
}))
|
|
191
192
|
] }),
|
|
192
|
-
|
|
193
|
+
M
|
|
193
194
|
]
|
|
194
195
|
}
|
|
195
196
|
),
|
|
196
|
-
(
|
|
197
|
-
/* @__PURE__ */ a("div", { className: e.label, children:
|
|
198
|
-
/* @__PURE__ */ a("div", { className: e.cardIcon, children: /* @__PURE__ */ a(
|
|
197
|
+
(n == null ? void 0 : n.videoUrl) && /* @__PURE__ */ m("div", { className: e.callToAction, children: [
|
|
198
|
+
/* @__PURE__ */ a("div", { className: e.label, children: n.label }),
|
|
199
|
+
/* @__PURE__ */ a("div", { className: e.cardIcon, children: /* @__PURE__ */ a(D, { size: 45 }) })
|
|
199
200
|
] }),
|
|
200
|
-
(
|
|
201
|
-
/* @__PURE__ */ a("div", { className: e.label, children:
|
|
202
|
-
/* @__PURE__ */ a("div", { className: e.cardIcon, children: /* @__PURE__ */ a(
|
|
201
|
+
(n == null ? void 0 : n.type) === "link" && /* @__PURE__ */ m("div", { className: e.callToAction, children: [
|
|
202
|
+
/* @__PURE__ */ a("div", { className: e.label, children: n.label }),
|
|
203
|
+
/* @__PURE__ */ a("div", { className: e.cardIcon, children: /* @__PURE__ */ a(E, { size: 45 }) })
|
|
203
204
|
] })
|
|
204
205
|
] });
|
|
205
206
|
return /* @__PURE__ */ a(
|
|
@@ -208,16 +209,16 @@ function Oe({
|
|
|
208
209
|
className: [
|
|
209
210
|
I,
|
|
210
211
|
e.card,
|
|
211
|
-
|
|
212
|
-
e[
|
|
212
|
+
O,
|
|
213
|
+
e[t] ?? ""
|
|
213
214
|
].filter(Boolean).join(" "),
|
|
214
215
|
onMouseEnter: k,
|
|
215
216
|
onMouseLeave: L,
|
|
216
|
-
style: g && !
|
|
217
|
-
children: /* @__PURE__ */ a(be, { callToAction:
|
|
217
|
+
style: g && !y ? { gridArea: g } : {},
|
|
218
|
+
children: /* @__PURE__ */ a(be, { callToAction: n, resolvedUrl: C, children: P })
|
|
218
219
|
}
|
|
219
220
|
);
|
|
220
221
|
}
|
|
221
222
|
export {
|
|
222
|
-
|
|
223
|
+
we as GridCard
|
|
223
224
|
};
|