quirk-ui 0.1.41 → 0.1.43
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/index7.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._content_6c3ij_1{width:100%;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}._container_6c3ij_7{display:flex;align-items:center;justify-content:space-between;flex-direction:column;width:100%;max-width:var(--container-max-width, var(--layout-width));margin:0 auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}._container_6c3ij_7 h1,._container_6c3ij_7 h2,._container_6c3ij_7 h3,._container_6c3ij_7 h4,._container_6c3ij_7 h5,._container_6c3ij_7 h6{width:100%;margin-block:0}@media (max-width: 767px){._container_6c3ij_7{gap:var(--spacing-xl)}}._eyebrow_6c3ij_34{font-weight:var(--font-weight-bold)}._metrics_6c3ij_38{display:flex;align-items:flex-start;flex-wrap:wrap;gap:var(--spacing-md);padding:var(--spacing-md)}@media (max-width: 767px){._metrics_6c3ij_38{flex-direction:column}}._metric_6c3ij_38{flex:1}._metricValue_6c3ij_54{font-size:2.5rem;font-weight:var(--font-weight-bold);position:relative;z-index:1;color:var(--color-text-primary)}._metricValue_6c3ij_54:after{content:"";display:block;background-color:var(--color-primary-10);width:35px;height:35px;position:absolute;top:-3px;left:-.5rem;z-index:-1;border-radius:var(--radius-md)}._disclaimer_6c3ij_75{color:var(--color-text-primary);font-size:var(--font-size-sm)}._layoutHImageRight_6c3ij_80{flex-direction:row;gap:var(--gap, 5rem)}._layoutHImageRight_6c3ij_80 ._heading_6c3ij_84{gap:var(--spacing-md);flex:.65}._layoutHImageRight_6c3ij_80 ._media_6c3ij_89{flex:.5}@media (max-width: 768px){._layoutHImageRight_6c3ij_80{flex-direction:column-reverse;gap:var(--spacing-lg)}}._noImage_6c3ij_99{flex-direction:column}._layoutHImageLeft_6c3ij_103{flex-direction:row-reverse;gap:var(--gap, 5rem)}._layoutHImageLeft_6c3ij_103 ._heading_6c3ij_84{gap:var(--spacing-md);flex:.65}._layoutHImageLeft_6c3ij_103 ._media_6c3ij_89{flex:.5}@media (max-width: 768px){._layoutHImageLeft_6c3ij_103{flex-direction:column-reverse;gap:var(--spacing-lg)}}._layoutVImageTop_6c3ij_122{flex-direction:column-reverse;gap:var(--gap, var(--spacing-md))}._layoutVImageTop_6c3ij_122 ._heading_6c3ij_84{gap:var(--spacing-md)}@media (max-width: 768px){._layoutVImageTop_6c3ij_122{gap:var(--spacing-lg)}}._layoutVImageBottom_6c3ij_135{flex-direction:column;gap:var(--gap, var(--spacing-md))}._layoutVImageBottom_6c3ij_135 ._heading_6c3ij_84{gap:var(--spacing-md)}@media (max-width: 768px){._layoutVImageBottom_6c3ij_135{gap:var(--spacing-lg)}}._heading_6c3ij_84{display:flex;flex-direction:column;width:100%;gap:var(--spacing-md)}._heading_6c3ij_84:not(:has(._text_6c3ij_154 .portableTextContainer)){gap:var(--spacing-lg)}._title_6c3ij_159{text-wrap:pretty}._text_6c3ij_154{flex:1;display:flex;justify-content:center;flex-direction:column;gap:var(--spacing-lg)}@media (max-width: 767px){._text_6c3ij_154{flex:1;width:100%;align-items:flex-start}}._cta_6c3ij_178{width:100%}@media (max-width: 767px){._cta_6c3ij_178{justify-content:flex-start}}._headingHorizontal_6c3ij_186{flex-direction:row;justify-content:space-between;gap:5rem}@media (max-width: 767px){._headingHorizontal_6c3ij_186{gap:var(--spacing-md)}}._headingHorizontal_6c3ij_186 ._titleWrapper_6c3ij_195,._headingHorizontal_6c3ij_186 .portableTextContainer{flex:1}._headingHorizontal_6c3ij_186 ._title_6c3ij_159{margin-bottom:0}._headingHorizontal_6c3ij_186 p._title_6c3ij_159{margin-top:1rem}@media (max-width: 768px){._headingHorizontal_6c3ij_186{flex-direction:column}}._headingVertical_6c3ij_216{flex-direction:column;justify-content:flex-start}._media_6c3ij_89{display:flex;align-items:center;justify-content:center;flex:1;width:100%;margin:0 auto;line-height:0}._media_6c3ij_89 img{width:100%;height:auto}._videoWrapper_6c3ij_237{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:var(--radius-md);flex:1}._videoWrapper_6c3ij_237 iframe,._videoWrapper_6c3ij_237 video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}._default_6c3ij_257{display:block}._default_6c3ij_257 img{border-radius:var(--radius-md)}._maxWidth_6c3ij_265{margin:0 auto}._maxWidth_6c3ij_265 img{max-width:var(--max-width, var(--layout-width));border-radius:var(--radius-md);height:auto}._fullBleed_6c3ij_275{width:100%;max-width:unset;border-radius:var(--radius-md);overflow:hidden}.blog ._container_6c3ij_7{max-width:var(--blog-width)}.centered ._heading_6c3ij_84{gap:var(--spacing-md);align-items:center;justify-content:center}.centered ._text_6c3ij_154{align-items:center}.centered ._cta_6c3ij_178{justify-content:center}.backgroundPrimary ._text_6c3ij_154 p,.backgroundPrimary ._text_6c3ij_154 p a,.backgroundPrimary ._metricValue_6c3ij_54{color:#fff}.backgroundPrimary ._metricValue_6c3ij_54:after{background-color:var(--color-secondary-100)}.backgroundPrimary ._cta_6c3ij_178 ._secondary_6c3ij_316{background-color:#fff}.split-35-65 ._heading_6c3ij_84{flex:.35}._layoutSplitText_6c3ij_329{flex-direction:row;align-items:flex-start;gap:var(--gap, 5rem)}@media (max-width: 768px){._layoutSplitText_6c3ij_329{flex-direction:column;gap:var(--spacing-lg)}}._layoutSplitText_6c3ij_329 ._heading_6c3ij_84{flex:.5}._additionalContent_6c3ij_344{flex:.5;display:flex;flex-direction:column;gap:var(--spacing-md)}@media (max-width: 768px){._additionalContent_6c3ij_344{flex:1;width:100%}}.imageRadius-sm ._media_6c3ij_89 img{border-radius:var(--radius-sm)}.imageRadius-md ._media_6c3ij_89 img{border-radius:var(--radius-md)}.imageRadius-lg ._media_6c3ij_89 img{border-radius:var(--radius-lg)}.imageRadius-full ._media_6c3ij_89 img{border-radius:var(--radius-full)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index7.css');const e=require("react/jsx-runtime"),k=require("../../hooks/useStyleClasses.cjs"),H=require("../../../core/context/ThemeContext.cjs"),W=require("../../hooks/useMediaQuery.cjs"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index7.css');const e=require("react/jsx-runtime"),k=require("../../hooks/useStyleClasses.cjs"),H=require("../../../core/context/ThemeContext.cjs"),W=require("../../hooks/useMediaQuery.cjs"),j=require("../../utils/mediaUtils.cjs"),z="_content_6c3ij_1",$="_container_6c3ij_7",L="_eyebrow_6c3ij_34",B="_metrics_6c3ij_38",C="_metric_6c3ij_38",q="_metricValue_6c3ij_54",M="_disclaimer_6c3ij_75",U="_layoutHImageRight_6c3ij_80",D="_heading_6c3ij_84",E="_media_6c3ij_89",Q="_noImage_6c3ij_99",Y="_layoutHImageLeft_6c3ij_103",F="_layoutVImageTop_6c3ij_122",G="_layoutVImageBottom_6c3ij_135",P="_text_6c3ij_154",J="_title_6c3ij_159",K="_cta_6c3ij_178",X="_headingHorizontal_6c3ij_186",Z="_titleWrapper_6c3ij_195",O="_headingVertical_6c3ij_216",A="_videoWrapper_6c3ij_237",T="_layoutSplitText_6c3ij_329",R="_additionalContent_6c3ij_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:P,title:J,cta:K,headingHorizontal:X,titleWrapper:Z,headingVertical:O,videoWrapper:A,layoutSplitText:T,additionalContent:R},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 et(s,a,c){const i=s.includes("vimeo.com"),n=s.includes("youtube.com")||s.includes("youtu.be");return i||n?e.jsx("div",{style:{maxWidth:c??"unset",flex:.65},children:e.jsx("div",{className:t.videoWrapper,children:e.jsx("iframe",{src:i?`${s}?autoplay=0&muted=0&loop=0`:`${s}?autoplay=0&mute=0&loop=0`,allow:"autoplay; fullscreen",allowFullScreen:!0})})}):e.jsx("div",{style:{maxWidth:c??"unset",width:"100%",flex:.65},children:e.jsx("div",{className:t.videoWrapper,children:e.jsx("video",{src:s,controls:!0,poster:a})})})}function it({metrics:s,renderRichText:a}){return e.jsx("div",{className:t.metrics,children:s.map(c=>e.jsxs("div",{className:t.metric,children:[e.jsx("div",{className:t.metricValue,children:c.metricValue}),c.metricDescription&&(a==null?void 0:a({blocks:c.metricDescription}))]},c._key))})}function ot({layout:s,heading:a,additionalContent:c,image:i,video:n,metrics:r,callToAction:l,disclaimer:p,styleOptions:_,id:V,renderImage:d,renderRichText:o,renderCallToAction:u}){var N;const{mode:g}=H.useTheme(),b=k.useStyleClasses(_),x=W.useMediaQuery("(max-width: 768px)")??!1,m=j.resolveImageUrl(i,g),h=j.resolveAltText(i,g),y=j.resolveImageStyle(i,x),w=tt[(s==null?void 0:s.orientation)??"horizontal-image-right"],S=st[a.headingLayout??"horizontal"],f={"--container-max-width":(_==null?void 0:_.maxWidth)??"unset","--gap":s==null?void 0:s.gap,"--max-width":(i==null?void 0:i.sizing)==="inset"?i==null?void 0:i.maxWidth:"unset"},I=(s==null?void 0:s.orientation)==="split-text",v=!I&&(s==null?void 0:s.orientation)!=="no-image";return e.jsx("section",{id:V,className:`${b} ${t.content}`,children:e.jsxs("article",{className:`${t.container} ${w}`,style:f,children:[e.jsxs("div",{className:`${t.heading} ${S}`,children:[e.jsxs("div",{className:t.titleWrapper,children:[a.eyebrow&&(o==null?void 0:o({blocks:a.eyebrow,className:t.eyebrow})),a.title&&(o==null?void 0:o({blocks:a.title,className:t.title}))]}),a.description||(N=l==null?void 0:l.items)!=null&&N.length?e.jsxs("div",{className:t.text,children:[a.description&&(o==null?void 0:o({blocks:a.description})),r&&r.length>0&&e.jsx(it,{metrics:r,renderRichText:o}),l&&(u==null?void 0:u({items:l.items,alignment:l.alignment,className:t.cta})),p&&(o==null?void 0:o({blocks:p,className:t.disclaimer}))]}):null]}),I&&c&&e.jsx("div",{className:t.additionalContent,children:o==null?void 0:o({blocks:c})}),v&&n?et(n,m,i==null?void 0:i.maxWidth):v&&i&&m?e.jsx("div",{className:t.media,children:d?d({src:m,alt:h,width:600,height:400,priority:!0,style:y}):e.jsx("img",{src:m,alt:h,width:600,height:400,style:{width:"100%",height:"auto",...y}})}):null]})})}exports.ContentBlock=ot;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { jsx as e, jsxs as
|
|
2
|
-
import { useStyleClasses as
|
|
3
|
-
import { useTheme as
|
|
4
|
-
import { useMediaQuery as
|
|
5
|
-
import { resolveImageUrl as
|
|
6
|
-
import '../../../index7.css';const
|
|
7
|
-
content:
|
|
8
|
-
container:
|
|
9
|
-
eyebrow:
|
|
10
|
-
metrics:
|
|
1
|
+
import { jsx as e, jsxs as n } from "react/jsx-runtime";
|
|
2
|
+
import { useStyleClasses as W } from "../../hooks/useStyleClasses.mjs";
|
|
3
|
+
import { useTheme as k } from "../../../core/context/ThemeContext.mjs";
|
|
4
|
+
import { useMediaQuery as z } from "../../hooks/useMediaQuery.mjs";
|
|
5
|
+
import { resolveImageUrl as L, resolveAltText as $, resolveImageStyle as B } from "../../utils/mediaUtils.mjs";
|
|
6
|
+
import '../../../index7.css';const C = "_content_6c3ij_1", M = "_container_6c3ij_7", D = "_eyebrow_6c3ij_34", U = "_metrics_6c3ij_38", E = "_metric_6c3ij_38", Y = "_metricValue_6c3ij_54", F = "_disclaimer_6c3ij_75", G = "_layoutHImageRight_6c3ij_80", Q = "_heading_6c3ij_84", q = "_media_6c3ij_89", J = "_noImage_6c3ij_99", K = "_layoutHImageLeft_6c3ij_103", P = "_layoutVImageTop_6c3ij_122", X = "_layoutVImageBottom_6c3ij_135", Z = "_text_6c3ij_154", O = "_title_6c3ij_159", x = "_cta_6c3ij_178", A = "_headingHorizontal_6c3ij_186", R = "_titleWrapper_6c3ij_195", T = "_headingVertical_6c3ij_216", tt = "_videoWrapper_6c3ij_237", it = "_layoutSplitText_6c3ij_329", ot = "_additionalContent_6c3ij_344", t = {
|
|
7
|
+
content: C,
|
|
8
|
+
container: M,
|
|
9
|
+
eyebrow: D,
|
|
10
|
+
metrics: U,
|
|
11
11
|
metric: E,
|
|
12
12
|
metricValue: Y,
|
|
13
13
|
disclaimer: F,
|
|
@@ -38,55 +38,55 @@ import '../../../index7.css';const M = "_content_15fiv_1", D = "_container_15fiv
|
|
|
38
38
|
horizontal: t.headingHorizontal,
|
|
39
39
|
vertical: t.headingVertical
|
|
40
40
|
};
|
|
41
|
-
function et(i, s,
|
|
41
|
+
function et(i, s, c) {
|
|
42
42
|
const o = i.includes("vimeo.com"), m = i.includes("youtube.com") || i.includes("youtu.be");
|
|
43
|
-
return o || m ? /* @__PURE__ */ e("div", { style: { maxWidth:
|
|
43
|
+
return o || m ? /* @__PURE__ */ e("div", { style: { maxWidth: c ?? "unset", flex: 0.65 }, children: /* @__PURE__ */ e("div", { className: t.videoWrapper, children: /* @__PURE__ */ e(
|
|
44
44
|
"iframe",
|
|
45
45
|
{
|
|
46
46
|
src: o ? `${i}?autoplay=0&muted=0&loop=0` : `${i}?autoplay=0&mute=0&loop=0`,
|
|
47
47
|
allow: "autoplay; fullscreen",
|
|
48
48
|
allowFullScreen: !0
|
|
49
49
|
}
|
|
50
|
-
) }) }) : /* @__PURE__ */ e("div", { style: { maxWidth:
|
|
50
|
+
) }) }) : /* @__PURE__ */ e("div", { style: { maxWidth: c ?? "unset", width: "100%", flex: 0.65 }, children: /* @__PURE__ */ e("div", { className: t.videoWrapper, children: /* @__PURE__ */ e("video", { src: i, controls: !0, poster: s }) }) });
|
|
51
51
|
}
|
|
52
|
-
function
|
|
52
|
+
function ct({
|
|
53
53
|
metrics: i,
|
|
54
54
|
renderRichText: s
|
|
55
55
|
}) {
|
|
56
|
-
return /* @__PURE__ */ e("div", { className: t.metrics, children: i.map((
|
|
57
|
-
/* @__PURE__ */ e("div", { className: t.metricValue, children:
|
|
58
|
-
|
|
59
|
-
] },
|
|
56
|
+
return /* @__PURE__ */ e("div", { className: t.metrics, children: i.map((c) => /* @__PURE__ */ n("div", { className: t.metric, children: [
|
|
57
|
+
/* @__PURE__ */ e("div", { className: t.metricValue, children: c.metricValue }),
|
|
58
|
+
c.metricDescription && (s == null ? void 0 : s({ blocks: c.metricDescription }))
|
|
59
|
+
] }, c._key)) });
|
|
60
60
|
}
|
|
61
61
|
function pt({
|
|
62
62
|
layout: i,
|
|
63
63
|
heading: s,
|
|
64
|
-
additionalContent:
|
|
64
|
+
additionalContent: c,
|
|
65
65
|
image: o,
|
|
66
66
|
video: m,
|
|
67
67
|
metrics: p,
|
|
68
|
-
callToAction:
|
|
69
|
-
disclaimer:
|
|
68
|
+
callToAction: l,
|
|
69
|
+
disclaimer: g,
|
|
70
70
|
styleOptions: _,
|
|
71
71
|
id: V,
|
|
72
|
-
renderImage:
|
|
72
|
+
renderImage: d,
|
|
73
73
|
renderRichText: a,
|
|
74
74
|
renderCallToAction: u
|
|
75
75
|
}) {
|
|
76
76
|
var N;
|
|
77
|
-
const { mode:
|
|
77
|
+
const { mode: j } = k(), f = W(_), b = z("(max-width: 768px)") ?? !1, r = L(o, j), I = $(o, j), h = B(o, b), w = at[(i == null ? void 0 : i.orientation) ?? "horizontal-image-right"], H = st[s.headingLayout ?? "horizontal"], S = {
|
|
78
78
|
"--container-max-width": (_ == null ? void 0 : _.maxWidth) ?? "unset",
|
|
79
79
|
"--gap": i == null ? void 0 : i.gap,
|
|
80
80
|
"--max-width": (o == null ? void 0 : o.sizing) === "inset" ? o == null ? void 0 : o.maxWidth : "unset"
|
|
81
|
-
},
|
|
82
|
-
return /* @__PURE__ */ e("section", { id: V, className: `${
|
|
81
|
+
}, v = (i == null ? void 0 : i.orientation) === "split-text", y = !v && (i == null ? void 0 : i.orientation) !== "no-image";
|
|
82
|
+
return /* @__PURE__ */ e("section", { id: V, className: `${f} ${t.content}`, children: /* @__PURE__ */ n(
|
|
83
83
|
"article",
|
|
84
84
|
{
|
|
85
|
-
className: `${t.container} ${
|
|
86
|
-
style:
|
|
85
|
+
className: `${t.container} ${w}`,
|
|
86
|
+
style: S,
|
|
87
87
|
children: [
|
|
88
|
-
/* @__PURE__ */
|
|
89
|
-
/* @__PURE__ */
|
|
88
|
+
/* @__PURE__ */ n("div", { className: `${t.heading} ${H}`, children: [
|
|
89
|
+
/* @__PURE__ */ n("div", { className: t.titleWrapper, children: [
|
|
90
90
|
s.eyebrow && (a == null ? void 0 : a({
|
|
91
91
|
blocks: s.eyebrow,
|
|
92
92
|
className: t.eyebrow
|
|
@@ -96,42 +96,42 @@ function pt({
|
|
|
96
96
|
className: t.title
|
|
97
97
|
}))
|
|
98
98
|
] }),
|
|
99
|
-
s.description || (N =
|
|
99
|
+
s.description || (N = l == null ? void 0 : l.items) != null && N.length ? /* @__PURE__ */ n("div", { className: t.text, children: [
|
|
100
100
|
s.description && (a == null ? void 0 : a({ blocks: s.description })),
|
|
101
101
|
p && p.length > 0 && /* @__PURE__ */ e(
|
|
102
|
-
|
|
102
|
+
ct,
|
|
103
103
|
{
|
|
104
104
|
metrics: p,
|
|
105
105
|
renderRichText: a
|
|
106
106
|
}
|
|
107
107
|
),
|
|
108
|
-
|
|
109
|
-
items:
|
|
110
|
-
alignment:
|
|
108
|
+
l && (u == null ? void 0 : u({
|
|
109
|
+
items: l.items,
|
|
110
|
+
alignment: l.alignment,
|
|
111
111
|
className: t.cta
|
|
112
112
|
})),
|
|
113
|
-
|
|
114
|
-
blocks:
|
|
113
|
+
g && (a == null ? void 0 : a({
|
|
114
|
+
blocks: g,
|
|
115
115
|
className: t.disclaimer
|
|
116
116
|
}))
|
|
117
117
|
] }) : null
|
|
118
118
|
] }),
|
|
119
|
-
|
|
120
|
-
y && m ? et(m, r, o == null ? void 0 : o.maxWidth) : y && o && r ? /* @__PURE__ */ e("div", { className: t.media, children:
|
|
119
|
+
v && c && /* @__PURE__ */ e("div", { className: t.additionalContent, children: a == null ? void 0 : a({ blocks: c }) }),
|
|
120
|
+
y && m ? et(m, r, o == null ? void 0 : o.maxWidth) : y && o && r ? /* @__PURE__ */ e("div", { className: t.media, children: d ? d({
|
|
121
121
|
src: r,
|
|
122
|
-
alt:
|
|
122
|
+
alt: I,
|
|
123
123
|
width: 600,
|
|
124
124
|
height: 400,
|
|
125
125
|
priority: !0,
|
|
126
|
-
style:
|
|
126
|
+
style: h
|
|
127
127
|
}) : /* @__PURE__ */ e(
|
|
128
128
|
"img",
|
|
129
129
|
{
|
|
130
130
|
src: r,
|
|
131
|
-
alt:
|
|
131
|
+
alt: I,
|
|
132
132
|
width: 600,
|
|
133
133
|
height: 400,
|
|
134
|
-
style: { width: "100%", height: "auto", ...
|
|
134
|
+
style: { width: "100%", height: "auto", ...h }
|
|
135
135
|
}
|
|
136
136
|
) }) : null
|
|
137
137
|
]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function d(t,e,o="medium"){var n;if(!(t!=null&&t.imageUrls))return;const{imageUrls:r}=t;return e==="dark"?((n=r.dark)==null?void 0:n[o])??r.default[o]:r.default[o]}function c(t,e){var o;if(t!=null&&t.imageUrls)return e==="dark"?((o=t.imageUrls.dark)==null?void 0:o.small)??t.imageUrls.default.small:t.imageUrls.default.small}function a(t,e,o="Image"){var n,u,l,i;if(!t)return o;const r=e==="dark"?"darkImage":"defaultImage";return((u=(n=t[r])==null?void 0:n.asset)==null?void 0:u.altText)??((i=(l=t[r])==null?void 0:l.asset)==null?void 0:i.description)??o}function f(t,e){if(!t)return{};if(t.layout==="cover")return{objectFit:"cover",...t.position&&{objectPosition:e?"top":t.position}};if(t.layout==="contain"){const o=t.sizing==="half"?e?"100%":"50%":t.sizing==="inset"?e?"100%":"75%":"100%",r=t.aspectRatio?t.aspectRatio.replace(":","/"):void 0;return{
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function d(t,e,o="medium"){var n;if(!(t!=null&&t.imageUrls))return;const{imageUrls:r}=t;return e==="dark"?((n=r.dark)==null?void 0:n[o])??r.default[o]:r.default[o]}function c(t,e){var o;if(t!=null&&t.imageUrls)return e==="dark"?((o=t.imageUrls.dark)==null?void 0:o.small)??t.imageUrls.default.small:t.imageUrls.default.small}function a(t,e,o="Image"){var n,u,l,i;if(!t)return o;const r=e==="dark"?"darkImage":"defaultImage";return((u=(n=t[r])==null?void 0:n.asset)==null?void 0:u.altText)??((i=(l=t[r])==null?void 0:l.asset)==null?void 0:i.description)??o}function f(t,e){if(!t)return{};if(t.layout==="cover")return{objectFit:"cover",...t.position&&{objectPosition:e?"top":t.position}};if(t.layout==="contain"){const o=t.sizing==="half"?e?"100%":"50%":t.sizing==="inset"?e?"100%":"75%":"100%",r=t.aspectRatio?t.aspectRatio.replace(":","/"):void 0;return{width:o,...t.sizing==="inset"&&{maxWidth:t.maxWidth??"unset"},...r&&{aspectRatio:r},objectFit:r?"cover":"contain"}}return{objectFit:"none"}}function s(t){const e=t.match(/(?:youtube\.com\/.*v=|youtu\.be\/)([^&?/]+)/);return(e==null?void 0:e[1])??""}function v(t){return t?t.includes("vimeo.com")?"vimeo":t.includes("youtube.com")||t.includes("youtu.be")?"youtube":"native":null}function b(t,e){if(e==="vimeo")return`${t}?autoplay=1&muted=1&loop=1&background=1`;const o=s(t);return`${t}?autoplay=1&mute=1&loop=1&playlist=${o}`}exports.buildEmbedSrc=b;exports.detectVideoProvider=v;exports.getYouTubeVideoId=s;exports.resolveAltText=a;exports.resolveImageStyle=f;exports.resolveImageUrl=d;exports.resolveSmallImageUrl=c;
|
|
@@ -27,10 +27,12 @@ function f(t, o) {
|
|
|
27
27
|
if (t.layout === "contain") {
|
|
28
28
|
const e = t.sizing === "half" ? o ? "100%" : "50%" : t.sizing === "inset" ? o ? "100%" : "75%" : "100%", n = t.aspectRatio ? t.aspectRatio.replace(":", "/") : void 0;
|
|
29
29
|
return {
|
|
30
|
-
objectFit: "contain",
|
|
31
30
|
width: e,
|
|
32
31
|
...t.sizing === "inset" && { maxWidth: t.maxWidth ?? "unset" },
|
|
33
|
-
...n && {
|
|
32
|
+
...n && {
|
|
33
|
+
aspectRatio: n
|
|
34
|
+
},
|
|
35
|
+
objectFit: n ? "cover" : "contain"
|
|
34
36
|
};
|
|
35
37
|
}
|
|
36
38
|
return { objectFit: "none" };
|
|
@@ -39,18 +41,18 @@ function s(t) {
|
|
|
39
41
|
const o = t.match(/(?:youtube\.com\/.*v=|youtu\.be\/)([^&?/]+)/);
|
|
40
42
|
return (o == null ? void 0 : o[1]) ?? "";
|
|
41
43
|
}
|
|
42
|
-
function
|
|
44
|
+
function v(t) {
|
|
43
45
|
return t ? t.includes("vimeo.com") ? "vimeo" : t.includes("youtube.com") || t.includes("youtu.be") ? "youtube" : "native" : null;
|
|
44
46
|
}
|
|
45
|
-
function
|
|
47
|
+
function p(t, o) {
|
|
46
48
|
if (o === "vimeo")
|
|
47
49
|
return `${t}?autoplay=1&muted=1&loop=1&background=1`;
|
|
48
50
|
const e = s(t);
|
|
49
51
|
return `${t}?autoplay=1&mute=1&loop=1&playlist=${e}`;
|
|
50
52
|
}
|
|
51
53
|
export {
|
|
52
|
-
|
|
53
|
-
|
|
54
|
+
p as buildEmbedSrc,
|
|
55
|
+
v as detectVideoProvider,
|
|
54
56
|
s as getYouTubeVideoId,
|
|
55
57
|
a as resolveAltText,
|
|
56
58
|
f as resolveImageStyle,
|