quirk-ui 0.1.8 → 0.1.9
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('../../../assets/index8.css');const e=require("react/jsx-runtime"),k=require("../../hooks/useStyleClasses.cjs"),H=require("../../../core/context/ThemeContext.cjs"),W=require("../../hooks/useMediaQuery.cjs"),g=require("../../utils/mediaUtils.cjs"),z="_content_xj7w9_1",$="_container_xj7w9_7",
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index8.css');const e=require("react/jsx-runtime"),k=require("../../hooks/useStyleClasses.cjs"),H=require("../../../core/context/ThemeContext.cjs"),W=require("../../hooks/useMediaQuery.cjs"),g=require("../../utils/mediaUtils.cjs"),z="_content_xj7w9_1",$="_container_xj7w9_7",L="_eyebrow_xj7w9_34",B="_metrics_xj7w9_38",C="_metric_xj7w9_38",q="_metricValue_xj7w9_54",M="_disclaimer_xj7w9_75",U="_layoutHImageRight_xj7w9_80",D="_heading_xj7w9_84",E="_image_xj7w9_89",Q="_noImage_xj7w9_99",Y="_layoutHImageLeft_xj7w9_103",F="_layoutVImageTop_xj7w9_122",G="_layoutVImageBottom_xj7w9_135",P="_text_xj7w9_154",J="_title_xj7w9_159",K="_cta_xj7w9_178",X="_headingHorizontal_xj7w9_186",Z="_titleWrapper_xj7w9_195",O="_headingVertical_xj7w9_216",A="_videoWrapper_xj7w9_237",T="_layoutSplitText_xj7w9_329",R="_additionalContent_xj7w9_344",t={content:z,container:$,eyebrow:L,metrics:B,metric:C,metricValue:q,disclaimer:M,layoutHImageRight:U,heading:D,image: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,i,l){const o=s.includes("vimeo.com"),c=s.includes("youtube.com")||s.includes("youtu.be");return o||c?e.jsx("div",{style:{maxWidth:l??"unset",flex:.65},children:e.jsx("div",{className:t.videoWrapper,children:e.jsx("iframe",{src:o?`${s}?autoplay=0&muted=0&loop=0`:`${s}?autoplay=0&mute=0&loop=0`,allow:"autoplay; fullscreen",allowFullScreen:!0})})}):e.jsx("div",{style:{maxWidth:l??"unset",width:"100%",flex:.65},children:e.jsx("div",{className:t.videoWrapper,children:e.jsx("video",{src:s,controls:!0,poster:i})})})}function ot({metrics:s,renderRichText:i}){return e.jsx("div",{className:t.metrics,children:s.map(l=>e.jsxs("div",{className:t.metric,children:[e.jsx("div",{className:t.metricValue,children:l.metricValue}),l.metricDescription&&(i==null?void 0:i({blocks:l.metricDescription}))]},l._key))})}function at({layout:s,heading:i,additionalContent:l,image:o,video:c,metrics:r,callToAction:n,disclaimer:j,styleOptions:_,id:v,renderImage:p,renderRichText:a,renderCallToAction:u}){var I;const{mode:x}=H.useTheme(),N=k.useStyleClasses(_),V=W.useMediaQuery("(max-width: 768px)"),m=g.resolveImageUrl(o,x),w=g.resolveAltText(o,x),d=g.resolveImageStyle(o,V),b=tt[(s==null?void 0:s.orientation)??"horizontal-image-right"],S=st[i.headingLayout??"horizontal"],f={"--container-max-width":(_==null?void 0:_.maxWidth)??"unset","--gap":s==null?void 0:s.gap,"--max-width":(o==null?void 0:o.sizing)==="inset"?o==null?void 0:o.maxWidth:"unset"},h=(s==null?void 0:s.orientation)==="split-text",y=!h&&(s==null?void 0:s.orientation)!=="no-image";return e.jsx("section",{id:v,className:`${N} ${t.content}`,children:e.jsxs("article",{className:`${t.container} ${b}`,style:f,children:[e.jsxs("div",{className:`${t.heading} ${S}`,children:[e.jsxs("div",{className:t.titleWrapper,children:[i.eyebrow&&(a==null?void 0:a({blocks:i.eyebrow,className:t.eyebrow})),i.title&&(a==null?void 0:a({blocks:i.title,className:t.title}))]}),i.description||(I=n==null?void 0:n.items)!=null&&I.length?e.jsxs("div",{className:t.text,children:[i.description&&(a==null?void 0:a({blocks:i.description})),r&&r.length>0&&e.jsx(ot,{metrics:r,renderRichText:a}),n&&(u==null?void 0:u({items:n.items,alignment:n.alignment,className:t.cta})),j&&(a==null?void 0:a({blocks:j,className:t.disclaimer}))]}):null]}),h&&l&&e.jsx("div",{className:t.additionalContent,children:a==null?void 0:a({blocks:l})}),y&&c?et(c,m,o==null?void 0:o.maxWidth):y&&o&&m?e.jsx("div",{className:t.image,children:p?p({src:m,alt:w,width:600,height:400,priority:!0,style:d}):e.jsx("img",{src:m,alt:w,width:600,height:400,style:{width:"100%",height:"auto",...d}})}):null]})})}exports.ContentBlock=at;
|
|
@@ -3,7 +3,7 @@ import { useStyleClasses as S } from "../../hooks/useStyleClasses.mjs";
|
|
|
3
3
|
import { useTheme as W } from "../../../core/context/ThemeContext.mjs";
|
|
4
4
|
import { useMediaQuery as k } from "../../hooks/useMediaQuery.mjs";
|
|
5
5
|
import { resolveImageUrl as z, resolveAltText as L, resolveImageStyle as $ } from "../../utils/mediaUtils.mjs";
|
|
6
|
-
import '../../../assets/index8.css';const B = "_content_xj7w9_1", C = "_container_xj7w9_7", M = "_eyebrow_xj7w9_34", D = "_metrics_xj7w9_38", U = "_metric_xj7w9_38", E = "_metricValue_xj7w9_54", Y = "_disclaimer_xj7w9_75", F = "_layoutHImageRight_xj7w9_80", G = "_heading_xj7w9_84", Q = "_image_xj7w9_89", q = "_noImage_xj7w9_99", J = "_layoutHImageLeft_xj7w9_103", K = "_layoutVImageTop_xj7w9_122", P = "_layoutVImageBottom_xj7w9_135", X = "_text_xj7w9_154", Z = "_title_xj7w9_159", O = "_cta_xj7w9_178", A = "_headingHorizontal_xj7w9_186", R = "_titleWrapper_xj7w9_195", T = "_headingVertical_xj7w9_216", tt = "_videoWrapper_xj7w9_237", ot = "_layoutSplitText_xj7w9_329",
|
|
6
|
+
import '../../../assets/index8.css';const B = "_content_xj7w9_1", C = "_container_xj7w9_7", M = "_eyebrow_xj7w9_34", D = "_metrics_xj7w9_38", U = "_metric_xj7w9_38", E = "_metricValue_xj7w9_54", Y = "_disclaimer_xj7w9_75", F = "_layoutHImageRight_xj7w9_80", G = "_heading_xj7w9_84", Q = "_image_xj7w9_89", q = "_noImage_xj7w9_99", J = "_layoutHImageLeft_xj7w9_103", K = "_layoutVImageTop_xj7w9_122", P = "_layoutVImageBottom_xj7w9_135", X = "_text_xj7w9_154", Z = "_title_xj7w9_159", O = "_cta_xj7w9_178", A = "_headingHorizontal_xj7w9_186", R = "_titleWrapper_xj7w9_195", T = "_headingVertical_xj7w9_216", tt = "_videoWrapper_xj7w9_237", ot = "_layoutSplitText_xj7w9_329", at = "_additionalContent_xj7w9_344", t = {
|
|
7
7
|
content: B,
|
|
8
8
|
container: C,
|
|
9
9
|
eyebrow: M,
|
|
@@ -26,8 +26,8 @@ import '../../../assets/index8.css';const B = "_content_xj7w9_1", C = "_containe
|
|
|
26
26
|
headingVertical: T,
|
|
27
27
|
videoWrapper: tt,
|
|
28
28
|
layoutSplitText: ot,
|
|
29
|
-
additionalContent:
|
|
30
|
-
},
|
|
29
|
+
additionalContent: at
|
|
30
|
+
}, st = {
|
|
31
31
|
"no-image": t.noImage,
|
|
32
32
|
"split-text": t.layoutSplitText,
|
|
33
33
|
"horizontal-image-right": t.layoutHImageRight,
|
|
@@ -39,11 +39,11 @@ import '../../../assets/index8.css';const B = "_content_xj7w9_1", C = "_containe
|
|
|
39
39
|
vertical: t.headingVertical
|
|
40
40
|
};
|
|
41
41
|
function it(o, e, l) {
|
|
42
|
-
const
|
|
43
|
-
return
|
|
42
|
+
const a = o.includes("vimeo.com"), m = o.includes("youtube.com") || o.includes("youtu.be");
|
|
43
|
+
return a || m ? /* @__PURE__ */ i("div", { style: { maxWidth: l ?? "unset", flex: 0.65 }, children: /* @__PURE__ */ i("div", { className: t.videoWrapper, children: /* @__PURE__ */ i(
|
|
44
44
|
"iframe",
|
|
45
45
|
{
|
|
46
|
-
src:
|
|
46
|
+
src: a ? `${o}?autoplay=0&muted=0&loop=0` : `${o}?autoplay=0&mute=0&loop=0`,
|
|
47
47
|
allow: "autoplay; fullscreen",
|
|
48
48
|
allowFullScreen: !0
|
|
49
49
|
}
|
|
@@ -62,7 +62,7 @@ function pt({
|
|
|
62
62
|
layout: o,
|
|
63
63
|
heading: e,
|
|
64
64
|
additionalContent: l,
|
|
65
|
-
image:
|
|
65
|
+
image: a,
|
|
66
66
|
video: m,
|
|
67
67
|
metrics: p,
|
|
68
68
|
callToAction: n,
|
|
@@ -70,16 +70,14 @@ function pt({
|
|
|
70
70
|
styleOptions: _,
|
|
71
71
|
id: x,
|
|
72
72
|
renderImage: w,
|
|
73
|
-
renderRichText:
|
|
73
|
+
renderRichText: s,
|
|
74
74
|
renderCallToAction: u
|
|
75
75
|
}) {
|
|
76
76
|
var y;
|
|
77
|
-
const { mode: d } = W(), N = S(_), V = k("(max-width: 768px)"), r = z(
|
|
78
|
-
console.log("CTA", n);
|
|
79
|
-
const f = at[(o == null ? void 0 : o.orientation) ?? "horizontal-image-right"], b = et[e.headingLayout ?? "horizontal"], H = {
|
|
77
|
+
const { mode: d } = W(), N = S(_), V = k("(max-width: 768px)"), r = z(a, d), j = L(a, d), I = $(a, V), f = st[(o == null ? void 0 : o.orientation) ?? "horizontal-image-right"], b = et[e.headingLayout ?? "horizontal"], H = {
|
|
80
78
|
"--container-max-width": (_ == null ? void 0 : _.maxWidth) ?? "unset",
|
|
81
79
|
"--gap": o == null ? void 0 : o.gap,
|
|
82
|
-
"--max-width": (
|
|
80
|
+
"--max-width": (a == null ? void 0 : a.sizing) === "inset" ? a == null ? void 0 : a.maxWidth : "unset"
|
|
83
81
|
}, h = (o == null ? void 0 : o.orientation) === "split-text", v = !h && (o == null ? void 0 : o.orientation) !== "no-image";
|
|
84
82
|
return /* @__PURE__ */ i("section", { id: x, className: `${N} ${t.content}`, children: /* @__PURE__ */ c(
|
|
85
83
|
"article",
|
|
@@ -89,22 +87,22 @@ function pt({
|
|
|
89
87
|
children: [
|
|
90
88
|
/* @__PURE__ */ c("div", { className: `${t.heading} ${b}`, children: [
|
|
91
89
|
/* @__PURE__ */ c("div", { className: t.titleWrapper, children: [
|
|
92
|
-
e.eyebrow && (
|
|
90
|
+
e.eyebrow && (s == null ? void 0 : s({
|
|
93
91
|
blocks: e.eyebrow,
|
|
94
92
|
className: t.eyebrow
|
|
95
93
|
})),
|
|
96
|
-
e.title && (
|
|
94
|
+
e.title && (s == null ? void 0 : s({
|
|
97
95
|
blocks: e.title,
|
|
98
96
|
className: t.title
|
|
99
97
|
}))
|
|
100
98
|
] }),
|
|
101
99
|
e.description || (y = n == null ? void 0 : n.items) != null && y.length ? /* @__PURE__ */ c("div", { className: t.text, children: [
|
|
102
|
-
e.description && (
|
|
100
|
+
e.description && (s == null ? void 0 : s({ blocks: e.description })),
|
|
103
101
|
p && p.length > 0 && /* @__PURE__ */ i(
|
|
104
102
|
lt,
|
|
105
103
|
{
|
|
106
104
|
metrics: p,
|
|
107
|
-
renderRichText:
|
|
105
|
+
renderRichText: s
|
|
108
106
|
}
|
|
109
107
|
),
|
|
110
108
|
n && (u == null ? void 0 : u({
|
|
@@ -112,14 +110,14 @@ function pt({
|
|
|
112
110
|
alignment: n.alignment,
|
|
113
111
|
className: t.cta
|
|
114
112
|
})),
|
|
115
|
-
g && (
|
|
113
|
+
g && (s == null ? void 0 : s({
|
|
116
114
|
blocks: g,
|
|
117
115
|
className: t.disclaimer
|
|
118
116
|
}))
|
|
119
117
|
] }) : null
|
|
120
118
|
] }),
|
|
121
|
-
h && l && /* @__PURE__ */ i("div", { className: t.additionalContent, children:
|
|
122
|
-
v && m ? it(m, r,
|
|
119
|
+
h && l && /* @__PURE__ */ i("div", { className: t.additionalContent, children: s == null ? void 0 : s({ blocks: l }) }),
|
|
120
|
+
v && m ? it(m, r, a == null ? void 0 : a.maxWidth) : v && a && r ? /* @__PURE__ */ i("div", { className: t.image, children: w ? w({
|
|
123
121
|
src: r,
|
|
124
122
|
alt: j,
|
|
125
123
|
width: 600,
|