quirk-ui 0.1.3 → 0.1.4
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"),S=require("../../hooks/useStyleClasses.cjs"),k=require("../../../core/context/ThemeContext.cjs"),H=require("../../hooks/useMediaQuery.cjs"),g=require("../../utils/mediaUtils.cjs"),W="_content_1fjz8_1",$="_container_1fjz8_7",L="_eyebrow_1fjz8_34",B="_metrics_1fjz8_38",C="_metric_1fjz8_38",q="_metricValue_1fjz8_54",M="_disclaimer_1fjz8_75",U="_layoutHImageRight_1fjz8_80",D="_heading_1fjz8_84",E="_image_1fjz8_89",Q="_noImage_1fjz8_99",Y="_layoutHImageLeft_1fjz8_103",F="_layoutVImageTop_1fjz8_122",G="_layoutVImageBottom_1fjz8_135",P="_text_1fjz8_154",J="_title_1fjz8_159",K="_cta_1fjz8_178",X="_headingHorizontal_1fjz8_186",Z="_titleWrapper_1fjz8_195",O="_headingVertical_1fjz8_216",A="_videoWrapper_1fjz8_237",T="_layoutSplitText_1fjz8_329",R="_additionalContent_1fjz8_344",t={content:W,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:f}=k.useTheme(),N=S.useStyleClasses(_),V=H.useMediaQuery("(max-width: 768px)"),m=g.resolveImageUrl(o,f),d=g.resolveAltText(o,f),z=g.resolveImageStyle(o,V),b=tt[(s==null?void 0:s.orientation)??"horizontal-image-right"],x=st[i.headingLayout??"horizontal"]
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index8.css');const e=require("react/jsx-runtime"),S=require("../../hooks/useStyleClasses.cjs"),k=require("../../../core/context/ThemeContext.cjs"),H=require("../../hooks/useMediaQuery.cjs"),g=require("../../utils/mediaUtils.cjs"),W="_content_1fjz8_1",$="_container_1fjz8_7",L="_eyebrow_1fjz8_34",B="_metrics_1fjz8_38",C="_metric_1fjz8_38",q="_metricValue_1fjz8_54",M="_disclaimer_1fjz8_75",U="_layoutHImageRight_1fjz8_80",D="_heading_1fjz8_84",E="_image_1fjz8_89",Q="_noImage_1fjz8_99",Y="_layoutHImageLeft_1fjz8_103",F="_layoutVImageTop_1fjz8_122",G="_layoutVImageBottom_1fjz8_135",P="_text_1fjz8_154",J="_title_1fjz8_159",K="_cta_1fjz8_178",X="_headingHorizontal_1fjz8_186",Z="_titleWrapper_1fjz8_195",O="_headingVertical_1fjz8_216",A="_videoWrapper_1fjz8_237",T="_layoutSplitText_1fjz8_329",R="_additionalContent_1fjz8_344",t={content:W,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:f}=k.useTheme(),N=S.useStyleClasses(_),V=H.useMediaQuery("(max-width: 768px)"),m=g.resolveImageUrl(o,f),d=g.resolveAltText(o,f),z=g.resolveImageStyle(o,V),b=tt[(s==null?void 0:s.orientation)??"horizontal-image-right"],x=st[i.headingLayout??"horizontal"];console.log(o);const w={"--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:w,children:[e.jsxs("div",{className:`${t.heading} ${x}`,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:d,width:600,height:400,priority:!0,style:z}):e.jsx("img",{src:m,alt:d,width:600,height:400,style:{width:"100%",height:"auto",...z}})}):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 L, resolveAltText as $, resolveImageStyle as B } from "../../utils/mediaUtils.mjs";
|
|
6
|
-
import '../../../assets/index8.css';const C = "_content_1fjz8_1", M = "_container_1fjz8_7", D = "_eyebrow_1fjz8_34", U = "_metrics_1fjz8_38", E = "_metric_1fjz8_38", Y = "_metricValue_1fjz8_54", F = "_disclaimer_1fjz8_75", G = "_layoutHImageRight_1fjz8_80", Q = "_heading_1fjz8_84", q = "_image_1fjz8_89", J = "_noImage_1fjz8_99", K = "_layoutHImageLeft_1fjz8_103", P = "_layoutVImageTop_1fjz8_122", X = "_layoutVImageBottom_1fjz8_135", Z = "_text_1fjz8_154", O = "_title_1fjz8_159", x = "_cta_1fjz8_178", A = "_headingHorizontal_1fjz8_186", R = "_titleWrapper_1fjz8_195", T = "_headingVertical_1fjz8_216", tt = "_videoWrapper_1fjz8_237", ot = "_layoutSplitText_1fjz8_329",
|
|
6
|
+
import '../../../assets/index8.css';const C = "_content_1fjz8_1", M = "_container_1fjz8_7", D = "_eyebrow_1fjz8_34", U = "_metrics_1fjz8_38", E = "_metric_1fjz8_38", Y = "_metricValue_1fjz8_54", F = "_disclaimer_1fjz8_75", G = "_layoutHImageRight_1fjz8_80", Q = "_heading_1fjz8_84", q = "_image_1fjz8_89", J = "_noImage_1fjz8_99", K = "_layoutHImageLeft_1fjz8_103", P = "_layoutVImageTop_1fjz8_122", X = "_layoutVImageBottom_1fjz8_135", Z = "_text_1fjz8_154", O = "_title_1fjz8_159", x = "_cta_1fjz8_178", A = "_headingHorizontal_1fjz8_186", R = "_titleWrapper_1fjz8_195", T = "_headingVertical_1fjz8_216", tt = "_videoWrapper_1fjz8_237", ot = "_layoutSplitText_1fjz8_329", st = "_additionalContent_1fjz8_344", t = {
|
|
7
7
|
content: C,
|
|
8
8
|
container: M,
|
|
9
9
|
eyebrow: D,
|
|
@@ -26,8 +26,8 @@ import '../../../assets/index8.css';const C = "_content_1fjz8_1", M = "_containe
|
|
|
26
26
|
headingVertical: T,
|
|
27
27
|
videoWrapper: tt,
|
|
28
28
|
layoutSplitText: ot,
|
|
29
|
-
additionalContent:
|
|
30
|
-
},
|
|
29
|
+
additionalContent: st
|
|
30
|
+
}, at = {
|
|
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 C = "_content_1fjz8_1", M = "_containe
|
|
|
39
39
|
vertical: t.headingVertical
|
|
40
40
|
};
|
|
41
41
|
function it(o, e, l) {
|
|
42
|
-
const
|
|
43
|
-
return
|
|
42
|
+
const s = o.includes("vimeo.com"), m = o.includes("youtube.com") || o.includes("youtu.be");
|
|
43
|
+
return s || 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: s ? `${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: s,
|
|
66
66
|
video: m,
|
|
67
67
|
metrics: p,
|
|
68
68
|
callToAction: n,
|
|
@@ -70,14 +70,16 @@ function pt({
|
|
|
70
70
|
styleOptions: _,
|
|
71
71
|
id: y,
|
|
72
72
|
renderImage: g,
|
|
73
|
-
renderRichText:
|
|
73
|
+
renderRichText: a,
|
|
74
74
|
renderCallToAction: u
|
|
75
75
|
}) {
|
|
76
76
|
var v;
|
|
77
|
-
const { mode: z } = W(), N = S(_), V = k("(max-width: 768px)"), r = L(
|
|
77
|
+
const { mode: z } = W(), N = S(_), V = k("(max-width: 768px)"), r = L(s, z), d = $(s, z), j = B(s, V), b = at[(o == null ? void 0 : o.orientation) ?? "horizontal-image-right"], w = et[e.headingLayout ?? "horizontal"];
|
|
78
|
+
console.log(s);
|
|
79
|
+
const H = {
|
|
78
80
|
"--container-max-width": (_ == null ? void 0 : _.maxWidth) ?? "unset",
|
|
79
81
|
"--gap": o == null ? void 0 : o.gap,
|
|
80
|
-
"--max-width": (
|
|
82
|
+
"--max-width": (s == null ? void 0 : s.sizing) === "inset" ? s == null ? void 0 : s.maxWidth : "unset"
|
|
81
83
|
}, I = (o == null ? void 0 : o.orientation) === "split-text", h = !I && (o == null ? void 0 : o.orientation) !== "no-image";
|
|
82
84
|
return /* @__PURE__ */ i("section", { id: y, className: `${N} ${t.content}`, children: /* @__PURE__ */ c(
|
|
83
85
|
"article",
|
|
@@ -87,22 +89,22 @@ function pt({
|
|
|
87
89
|
children: [
|
|
88
90
|
/* @__PURE__ */ c("div", { className: `${t.heading} ${w}`, children: [
|
|
89
91
|
/* @__PURE__ */ c("div", { className: t.titleWrapper, children: [
|
|
90
|
-
e.eyebrow && (
|
|
92
|
+
e.eyebrow && (a == null ? void 0 : a({
|
|
91
93
|
blocks: e.eyebrow,
|
|
92
94
|
className: t.eyebrow
|
|
93
95
|
})),
|
|
94
|
-
e.title && (
|
|
96
|
+
e.title && (a == null ? void 0 : a({
|
|
95
97
|
blocks: e.title,
|
|
96
98
|
className: t.title
|
|
97
99
|
}))
|
|
98
100
|
] }),
|
|
99
101
|
e.description || (v = n == null ? void 0 : n.items) != null && v.length ? /* @__PURE__ */ c("div", { className: t.text, children: [
|
|
100
|
-
e.description && (
|
|
102
|
+
e.description && (a == null ? void 0 : a({ blocks: e.description })),
|
|
101
103
|
p && p.length > 0 && /* @__PURE__ */ i(
|
|
102
104
|
lt,
|
|
103
105
|
{
|
|
104
106
|
metrics: p,
|
|
105
|
-
renderRichText:
|
|
107
|
+
renderRichText: a
|
|
106
108
|
}
|
|
107
109
|
),
|
|
108
110
|
n && (u == null ? void 0 : u({
|
|
@@ -110,14 +112,14 @@ function pt({
|
|
|
110
112
|
alignment: n.alignment,
|
|
111
113
|
className: t.cta
|
|
112
114
|
})),
|
|
113
|
-
f && (
|
|
115
|
+
f && (a == null ? void 0 : a({
|
|
114
116
|
blocks: f,
|
|
115
117
|
className: t.disclaimer
|
|
116
118
|
}))
|
|
117
119
|
] }) : null
|
|
118
120
|
] }),
|
|
119
|
-
I && l && /* @__PURE__ */ i("div", { className: t.additionalContent, children:
|
|
120
|
-
h && m ? it(m, r,
|
|
121
|
+
I && l && /* @__PURE__ */ i("div", { className: t.additionalContent, children: a == null ? void 0 : a({ blocks: l }) }),
|
|
122
|
+
h && m ? it(m, r, s == null ? void 0 : s.maxWidth) : h && s && r ? /* @__PURE__ */ i("div", { className: t.image, children: g ? g({
|
|
121
123
|
src: r,
|
|
122
124
|
alt: d,
|
|
123
125
|
width: 600,
|