quirk-ui 0.0.573 → 0.0.574
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/CategoryFilters-BGPMFzl6.cjs +1 -0
- package/dist/CategoryFilters-rg4cghkE.js +80 -0
- package/dist/assets/CategoryFilters.css +1 -1
- package/dist/assets/index11.css +1 -1
- package/dist/assets/index12.css +1 -1
- package/dist/assets/index13.css +1 -1
- package/dist/assets/index14.css +1 -1
- package/dist/assets/index4.css +1 -1
- package/dist/assets/index5.css +1 -1
- package/dist/assets/index9.css +1 -1
- package/dist/next/blocks/AccordionBlock/index.cjs +1 -1
- package/dist/next/blocks/AccordionBlock/index.mjs +28 -25
- package/dist/next/blocks/CardGridBlock/index.cjs +1 -1
- package/dist/next/blocks/CardGridBlock/index.mjs +48 -46
- package/dist/next/blocks/CarouselBlock/index.cjs +1 -1
- package/dist/next/blocks/CarouselBlock/index.mjs +26 -26
- package/dist/next/blocks/ContentBlock/index.cjs +1 -1
- package/dist/next/blocks/ContentBlock/index.mjs +35 -35
- package/dist/next/blocks/DocumentListBlock/CategoryFilters.cjs +1 -1
- package/dist/next/blocks/DocumentListBlock/CategoryFilters.mjs +1 -1
- package/dist/next/blocks/DocumentListBlock/index.cjs +1 -1
- package/dist/next/blocks/DocumentListBlock/index.mjs +1 -1
- package/dist/next/blocks/FaqBlock/index.cjs +1 -1
- package/dist/next/blocks/FaqBlock/index.mjs +26 -23
- package/dist/next/blocks/StickyScrollBlock/index.cjs +1 -1
- package/dist/next/blocks/StickyScrollBlock/index.mjs +41 -41
- package/dist/next/blocks/TabsBlock/index.cjs +1 -1
- package/dist/next/blocks/TabsBlock/index.mjs +107 -106
- package/dist/styles.css +16 -16
- package/package.json +1 -1
- package/dist/CategoryFilters-Bq6IIGpI.js +0 -80
- package/dist/CategoryFilters-Czgg9nOM.cjs +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";require('./assets/CategoryFilters.css');const i=require("react/jsx-runtime"),u=require("./index-CO28NoNa.cjs"),p=require("./x-Dft9NVe_.cjs"),x="_documentList_1firg_1",F="_container_1firg_9",H="_heading_1firg_20",L="_listContainer_1firg_30",S="_listWrapper_1firg_41",j="_list_1firg_30",m="_listHeader_1firg_62",b="_listSearch_1firg_75",C="_clearSearch_1firg_102",k="_listHeaderFilters_1firg_121",y="_listResults_1firg_132",v="_listSort_1firg_136",w="_filterToggle_1firg_159",T="_filterHeader_1firg_174",q="_loadMore_1firg_195",N="_filterList_1firg_199",$="_listFilters_1firg_206",A="_applyFilters_1firg_214",I="_show_1firg_243",M="_hide_1firg_252",R="_buttonIsLoading_1firg_301",t={documentList:x,container:F,heading:H,listContainer:L,listWrapper:S,list:j,listHeader:m,listSearch:b,clearSearch:C,listHeaderFilters:k,listResults:y,listSort:v,filterToggle:w,filterHeader:T,loadMore:q,filterList:N,listFilters:$,applyFilters:A,show:I,hide:M,buttonIsLoading:R};function W({categoryFilters:e,selectedCategories:r,setSelectedCategories:n,setArticles:_,setStart:o,setHasMore:c,showFilters:a,toggleFilters:l,isLoading:d}){return i.jsxs("div",{className:`${t.listFilters} ${a?t.show:t.hide}`,children:[i.jsxs("div",{className:t.filterHeader,children:[i.jsx("h5",{children:"Filters"}),i.jsx("button",{onClick:()=>l(),children:i.jsx(p.X,{size:24})})]}),i.jsx("div",{className:t.filterList,children:e==null?void 0:e.map(s=>i.jsxs("label",{children:[i.jsx("input",{type:"checkbox",value:s._id,checked:r.includes(s._id),onChange:h=>{const f=h.target.checked?[...r,s._id]:r.filter(g=>g!==s._id);_([]),o(0),c(!0),n(f)}}),s.title]},s._id))}),i.jsx(u.CallToAction,{as:"button",variant:"secondary",onClick:l,disabled:d,className:t.applyFilters,children:"Apply Filters"})]})}exports.CategoryFilters=W;exports.styles=t;
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
import { jsxs as l, jsx as t } from "react/jsx-runtime";
|
|
2
|
+
import { C as u } from "./index-DjdVn5xa.js";
|
|
3
|
+
import { X as m } from "./x-CnsEH4Ox.js";
|
|
4
|
+
import './assets/CategoryFilters.css';const H = "_documentList_1firg_1", L = "_container_1firg_9", S = "_heading_1firg_20", F = "_listContainer_1firg_30", b = "_listWrapper_1firg_41", C = "_list_1firg_30", k = "_listHeader_1firg_62", v = "_listSearch_1firg_75", w = "_clearSearch_1firg_102", y = "_listHeaderFilters_1firg_121", x = "_listResults_1firg_132", N = "_listSort_1firg_136", T = "_filterToggle_1firg_159", I = "_filterHeader_1firg_174", M = "_loadMore_1firg_195", R = "_filterList_1firg_199", W = "_listFilters_1firg_206", j = "_applyFilters_1firg_214", A = "_show_1firg_243", $ = "_hide_1firg_252", z = "_buttonIsLoading_1firg_301", s = {
|
|
5
|
+
documentList: H,
|
|
6
|
+
container: L,
|
|
7
|
+
heading: S,
|
|
8
|
+
listContainer: F,
|
|
9
|
+
listWrapper: b,
|
|
10
|
+
list: C,
|
|
11
|
+
listHeader: k,
|
|
12
|
+
listSearch: v,
|
|
13
|
+
clearSearch: w,
|
|
14
|
+
listHeaderFilters: y,
|
|
15
|
+
listResults: x,
|
|
16
|
+
listSort: N,
|
|
17
|
+
filterToggle: T,
|
|
18
|
+
filterHeader: I,
|
|
19
|
+
loadMore: M,
|
|
20
|
+
filterList: R,
|
|
21
|
+
listFilters: W,
|
|
22
|
+
applyFilters: j,
|
|
23
|
+
show: A,
|
|
24
|
+
hide: $,
|
|
25
|
+
buttonIsLoading: z
|
|
26
|
+
};
|
|
27
|
+
function E({
|
|
28
|
+
categoryFilters: e,
|
|
29
|
+
selectedCategories: r,
|
|
30
|
+
setSelectedCategories: _,
|
|
31
|
+
setArticles: o,
|
|
32
|
+
setStart: c,
|
|
33
|
+
setHasMore: a,
|
|
34
|
+
showFilters: d,
|
|
35
|
+
toggleFilters: n,
|
|
36
|
+
isLoading: f
|
|
37
|
+
}) {
|
|
38
|
+
return /* @__PURE__ */ l(
|
|
39
|
+
"div",
|
|
40
|
+
{
|
|
41
|
+
className: `${s.listFilters} ${d ? s.show : s.hide}`,
|
|
42
|
+
children: [
|
|
43
|
+
/* @__PURE__ */ l("div", { className: s.filterHeader, children: [
|
|
44
|
+
/* @__PURE__ */ t("h5", { children: "Filters" }),
|
|
45
|
+
/* @__PURE__ */ t("button", { onClick: () => n(), children: /* @__PURE__ */ t(m, { size: 24 }) })
|
|
46
|
+
] }),
|
|
47
|
+
/* @__PURE__ */ t("div", { className: s.filterList, children: e == null ? void 0 : e.map((i) => /* @__PURE__ */ l("label", { children: [
|
|
48
|
+
/* @__PURE__ */ t(
|
|
49
|
+
"input",
|
|
50
|
+
{
|
|
51
|
+
type: "checkbox",
|
|
52
|
+
value: i._id,
|
|
53
|
+
checked: r.includes(i._id),
|
|
54
|
+
onChange: (h) => {
|
|
55
|
+
const g = h.target.checked ? [...r, i._id] : r.filter((p) => p !== i._id);
|
|
56
|
+
o([]), c(0), a(!0), _(g);
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
),
|
|
60
|
+
i.title
|
|
61
|
+
] }, i._id)) }),
|
|
62
|
+
/* @__PURE__ */ t(
|
|
63
|
+
u,
|
|
64
|
+
{
|
|
65
|
+
as: "button",
|
|
66
|
+
variant: "secondary",
|
|
67
|
+
onClick: n,
|
|
68
|
+
disabled: f,
|
|
69
|
+
className: s.applyFilters,
|
|
70
|
+
children: "Apply Filters"
|
|
71
|
+
}
|
|
72
|
+
)
|
|
73
|
+
]
|
|
74
|
+
}
|
|
75
|
+
);
|
|
76
|
+
}
|
|
77
|
+
export {
|
|
78
|
+
E as C,
|
|
79
|
+
s
|
|
80
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._documentList_1firg_1{width:100%;padding-bottom:var(--spacing-xl);overflow:hidden}._container_1firg_9{width:100%;max-width:var(--layout-width);margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-md);padding-left:var(--spacing-md);padding-right:var(--spacing-md)}._heading_1firg_20{display:flex;flex-direction:column;gap:var(--spacing-sm)}._heading_1firg_20:has(._title_1firg_25+._cta_1firg_25):not(:has(._text_1firg_25)){gap:var(--spacing-lg)}._listContainer_1firg_30{display:flex;gap:var(--spacing-xl);align-items:flex-start}@media (max-width: 767px){._listContainer_1firg_30{flex-direction:column;gap:var(--spacing-sm)}}._listWrapper_1firg_41{flex:1;width:100%}._list_1firg_30{flex:1;display:grid;grid-template-columns:repeat(1,1fr);gap:var(--spacing-xl)}@media (min-width: 500px){._list_1firg_30{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}}@media (min-width: 768px){._list_1firg_30{grid-template-columns:repeat(3,1fr)}}._listHeader_1firg_62{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}@media (max-width: 767px){._listHeader_1firg_62{flex-direction:column-reverse;align-items:flex-start;gap:var(--spacing-md)}}._listSearch_1firg_75{position:relative;display:flex;align-items:center;gap:var(--spacing-sm);flex:1}._listSearch_1firg_75>div{width:100%}._listSearch_1firg_75 input{min-width:250px;padding-right:40px;height:40px}@media (max-width: 767px){._listSearch_1firg_75{min-width:unset;width:100%}._listSearch_1firg_75 input{min-width:unset}}._clearSearch_1firg_102{position:absolute;right:0;display:flex;align-items:center;justify-content:center;height:38.5px;width:38.5px;border-radius:var(--radius-md);border:none;background-color:var(--color-primary-100);transition:background-color .3s ease-in-out;cursor:pointer}._clearSearch_1firg_102:hover{background-color:var(--color-secondary)}._listHeaderFilters_1firg_121{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}@media (max-width: 767px){._listHeaderFilters_1firg_121{width:100%}}._listResults_1firg_132{color:var(--color-text-primary)}._listSort_1firg_136{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-primary)}._listSort_1firg_136 select{padding:var(--spacing-sm);font-size:var(--font-size-md);border:2px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-background);color:var(--color-text-primary);height:40px}._listSort_1firg_136 select:disabled{background-color:var(--color-secondary-25);color:var(--color-secondary-75);cursor:not-allowed}._filterToggle_1firg_159{display:none;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}._filterToggle_1firg_159 button{width:auto!important}@media (max-width: 767px){._filterToggle_1firg_159{display:flex}}._filterHeader_1firg_174{display:flex;align-items:center;justify-content:space-between;width:100%}._filterHeader_1firg_174 button{display:none;align-items:center;justify-content:center;background-color:transparent;color:var(--color-primary-100);border:none;cursor:pointer}@media (max-width: 767px){._filterHeader_1firg_174 button{display:flex}}._loadMore_1firg_195{margin-top:var(--spacing-xl)}@media (max-width: 767px){._filterList_1firg_199{overflow:auto;height:calc(100% - (40px + 2rem))}}._listFilters_1firg_206{flex:.175;display:flex;flex-direction:column;justify-content:flex-start;gap:var(--spacing-sm);position:relative}._listFilters_1firg_206 ._applyFilters_1firg_214{display:none}@media (max-width: 767px){._listFilters_1firg_206{position:fixed;top:0;left:0;right:0;width:100%;height:100dvh;min-height:100dvh;background-color:#fff;border-radius:var(--radius-md) var(--radius-md) 0 0;padding:calc(var(--nav-height) + 2rem) var(--spacing-xl) var(--spacing-xl);z-index:5;transition:transform .3s ease-in-out;transform:translateY(300%)}._listFilters_1firg_206 ._applyFilters_1firg_214{display:block;position:absolute;bottom:var(--spacing-md);left:0;right:0;width:calc(100% - 2rem);margin:0 auto}._listFilters_1firg_206._show_1firg_243{transform:translateY(0)}._listFilters_1firg_206._show_1firg_243 ._applyFilters_1firg_214{transition:transform .3s ease-in-out;transform:translateY(0)}._listFilters_1firg_206._hide_1firg_252{transform:translateY(300%)}._listFilters_1firg_206._hide_1firg_252 ._applyFilters_1firg_214{transition:transform 1s ease-in-out;transform:translateY(200%)}}._listFilters_1firg_206 ._wrapper_1firg_262{display:flex;align-items:center;gap:var(--spacing-sm)}._listFilters_1firg_206 input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1rem;height:1rem;border:2px solid var(--color-border);border-radius:var(--spacing-xs);position:relative;cursor:pointer;transition:background .2s,border-color .2s;margin:0}._listFilters_1firg_206 input[type=checkbox]:checked{background-color:var(--color-primary-100);border-color:var(--color-primary-100)}._listFilters_1firg_206 input[type=checkbox]:disabled{background-color:var(--color-secondary-50);cursor:not-allowed}._listFilters_1firg_206 label{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;margin:0}._buttonIsLoading_1firg_301 svg{animation:_rotate_1firg_1 2s linear infinite}@keyframes _rotate_1firg_1{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}
|
package/dist/assets/index11.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._cardGrid_8ubac_1{width:100%;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl);overflow:hidden}._container_8ubac_8{width:100%;max-width:var(--layout-width);margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-md);padding-left:var(--spacing-md);padding-right:var(--spacing-md)}._heading_8ubac_19{display:flex;flex-direction:column;gap:var(--spacing-sm)}._heading_8ubac_19:has(._title_8ubac_24+._cta_8ubac_24):not(:has(._text_8ubac_24)){gap:var(--spacing-lg)}._heading_8ubac_19 h1,._heading_8ubac_19 h2,._heading_8ubac_19 h3,._heading_8ubac_19 h4,._heading_8ubac_19 h5,._heading_8ubac_19 h6{width:100%;margin-bottom:0}._title_8ubac_24 span span:first-letter{text-transform:uppercase}._headingHorizontal_8ubac_47{flex-direction:row;justify-content:space-between}._headingHorizontal_8ubac_47 ._title_8ubac_24{margin-bottom:0}@media (max-width: 768px){._headingHorizontal_8ubac_47{flex-direction:column}}._headingVertical_8ubac_60{flex-direction:column;justify-content:flex-start}._title_8ubac_24:first-letter{text-transform:capitalize}h3._description_8ubac_71{font-size:var(--font-size-xl);margin-top:var(--spacing-md)}._disclaimer_8ubac_76{max-width:800px;margin-left:auto;margin-right:auto;margin-top:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:var(--line-height-tight)}._cardGrid_8ubac_1.split ._container_8ubac_8{flex-direction:row}@media (max-width: 767px){._cardGrid_8ubac_1.split ._container_8ubac_8{flex-direction:column}}._cardGrid_8ubac_1.split ._container_8ubac_8 ._heading_8ubac_19{flex:.5}._cardGrid_8ubac_1.split ._container_8ubac_8 ._grid_8ubac_98{margin-top:0;flex:1;flex-direction:row}._cardGrid_8ubac_1.split-35-65 ._container_8ubac_8{flex-direction:row}@media (max-width: 767px){._cardGrid_8ubac_1.split-35-65 ._container_8ubac_8{flex-direction:column}}._cardGrid_8ubac_1.split-35-65 ._container_8ubac_8 ._heading_8ubac_19{flex:.35}._cardGrid_8ubac_1.split-35-65 ._container_8ubac_8 ._grid_8ubac_98{margin-top:0;flex:1;flex-direction:row}._grid_8ubac_98{display:flex;flex-direction:column;gap:1rem}
|
package/dist/assets/index12.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._carousel_603xj_1{width:100%;overflow-x:hidden;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}._container_603xj_8{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%;max-width:var(--layout-width);margin:0 auto}@media (min-width: 768px){._container_603xj_8{padding:var(--spacing-xl) calc(var(--spacing-md) - var(--spacing-sm))}}._heading_603xj_21{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:0 var(--spacing-md)}._heading_603xj_21:has(._title_603xj_27+._cta_603xj_27):not(:has(._text_603xj_27)){gap:var(--spacing-lg)}._heading_603xj_21 h1,._heading_603xj_21 h2,._heading_603xj_21 h3,._heading_603xj_21 h4,._heading_603xj_21 h5,._heading_603xj_21 h6{width:100%;margin-bottom:0}@media (min-width: 768px){._heading_603xj_21{padding:0 calc(var(--spacing-md) - var(--spacing-sm))}}._carousel_603xj_1{display:block}._rating_603xj_60{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md)}@media (max-width: 767px){._rating_603xj_60{justify-content:flex-start}}._ratingValue_603xj_71{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}._ratingOuter_603xj_76{color:transparent;font-size:var(--font-size-xl);position:relative;display:inline-flex}._ratingInner_603xj_83{color:var(--color-warning);font-size:var(--font-size-xl);position:absolute;top:0;left:0;white-space:nowrap;overflow:hidden}.split ._carousel_603xj_1{padding-top:0;margin-top:0;flex:1}@media (max-width: 767px){.split ._carousel_603xj_1{gap:var(--spacing-md);padding-top:0}}.backgroundPrimary ._carouselComponent_603xj_105 ._indicator_603xj_106{background-color:var(--color-primary-100)}
|
package/dist/assets/index13.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._content_m6e5b_1{width:100%;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}._container_m6e5b_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_m6e5b_7 h1,._container_m6e5b_7 h2,._container_m6e5b_7 h3,._container_m6e5b_7 h4,._container_m6e5b_7 h5,._container_m6e5b_7 h6{width:100%;margin-block:0}@media (max-width: 767px){._container_m6e5b_7{gap:var(--spacing-xl)}}._metrics_m6e5b_34{display:flex;align-items:flex-start;flex-wrap:wrap;gap:var(--spacing-md);padding:var(--spacing-md)}@media (max-width: 767px){._metrics_m6e5b_34{flex-direction:column}}._metric_m6e5b_34{flex:1}._metricValue_m6e5b_50{font-size:2.5rem;font-weight:var(--font-weight-bold);position:relative;z-index:1;color:var(--color-text-primary)}._metricValue_m6e5b_50:after{content:"";display:block;background-color:var(--color-primary-100);width:35px;height:35px;position:absolute;top:-3px;left:-.5rem;z-index:-1;border-radius:var(--radius-md)}._disclaimer_m6e5b_71{color:var(--color-text-primary);font-size:var(--font-size-sm)}._layoutHImageRight_m6e5b_76{flex-direction:row;gap:var(--gap, 5rem)}._layoutHImageRight_m6e5b_76 ._heading_m6e5b_80{gap:var(--spacing-sm);flex:.65}._layoutHImageRight_m6e5b_76 ._image_m6e5b_85{flex:.5}@media (max-width: 768px){._layoutHImageRight_m6e5b_76{flex-direction:column-reverse;gap:var(--spacing-lg)}}._noImage_m6e5b_95{flex-direction:column}._layoutHImageLeft_m6e5b_99{flex-direction:row-reverse;gap:var(--gap, 5rem)}._layoutHImageLeft_m6e5b_99 ._heading_m6e5b_80{gap:var(--spacing-sm);flex:.65}._layoutHImageLeft_m6e5b_99 ._image_m6e5b_85{flex:.5}@media (max-width: 768px){._layoutHImageLeft_m6e5b_99{flex-direction:column-reverse;gap:var(--spacing-lg)}}._layoutVImageTop_m6e5b_118{flex-direction:column-reverse;gap:var(--gap, var(--spacing-md))}._layoutVImageTop_m6e5b_118 ._heading_m6e5b_80{gap:var(--spacing-sm)}@media (max-width: 768px){._layoutVImageTop_m6e5b_118{gap:var(--spacing-lg)}}._layoutVImageBottom_m6e5b_131{flex-direction:column;gap:var(--gap, var(--spacing-md))}._layoutVImageBottom_m6e5b_131 ._heading_m6e5b_80{gap:var(--spacing-sm)}@media (max-width: 768px){._layoutVImageBottom_m6e5b_131{gap:var(--spacing-lg)}}._heading_m6e5b_80{display:flex;flex-direction:column;width:100%;gap:var(--spacing-sm)}._heading_m6e5b_80:has(._title_m6e5b_150+._cta_m6e5b_150):not(:has(._text_m6e5b_150)){gap:var(--spacing-lg)}._title_m6e5b_150{text-wrap:pretty}._text_m6e5b_150{flex:1;display:flex;justify-content:center;flex-direction:column;gap:var(--spacing-lg)}@media (max-width: 767px){._text_m6e5b_150{flex:1;width:100%;align-items:flex-start}}._cta_m6e5b_150{width:100%}@media (max-width: 767px){._cta_m6e5b_150{justify-content:flex-start}}._headingHorizontal_m6e5b_182{flex-direction:row;justify-content:space-between;gap:5rem}@media (max-width: 767px){._headingHorizontal_m6e5b_182{gap:var(--spacing-md)}}._headingHorizontal_m6e5b_182 ._titleWrapper_m6e5b_191,._headingHorizontal_m6e5b_182 .portableTextContainer{flex:1}._headingHorizontal_m6e5b_182 ._title_m6e5b_150{margin-bottom:0}._headingHorizontal_m6e5b_182 p._title_m6e5b_150{margin-top:1rem}@media (max-width: 768px){._headingHorizontal_m6e5b_182{flex-direction:column}}._headingVertical_m6e5b_212{flex-direction:column;justify-content:flex-start}._image_m6e5b_85{display:flex;align-items:center;justify-content:center;flex:1;width:100%;margin:0 auto;line-height:0}._image_m6e5b_85 img{width:100%;height:auto}._videoWrapper_m6e5b_233{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:var(--radius-md);flex:1}._videoWrapper_m6e5b_233 iframe,._videoWrapper_m6e5b_233 video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}._default_m6e5b_253{display:block}._default_m6e5b_253 img{border-radius:var(--radius-md)}._maxWidth_m6e5b_261{margin:0 auto}._maxWidth_m6e5b_261 img{max-width:var(--max-width, var(--layout-width));border-radius:var(--radius-md);height:auto}._fullBleed_m6e5b_271{width:100%;max-width:unset;border-radius:var(--radius-md);overflow:hidden}.blog ._container_m6e5b_7{max-width:var(--blog-width)}.centered ._heading_m6e5b_80{gap:var(--spacing-sm);align-items:center;justify-content:center}.centered ._text_m6e5b_150{align-items:center}.centered ._cta_m6e5b_150{justify-content:center}.backgroundPrimary ._text_m6e5b_150 p,.backgroundPrimary ._text_m6e5b_150 p a,.backgroundPrimary ._metricValue_m6e5b_50{color:#fff}.backgroundPrimary ._metricValue_m6e5b_50:after{background-color:var(--color-secondary-100)}.backgroundPrimary ._cta_m6e5b_150 ._secondary_m6e5b_312{background-color:#fff}.split-35-65 ._heading_m6e5b_80{flex:.35}
|
package/dist/assets/index14.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._faq_kihnm_1{width:100%;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}._container_kihnm_7{display:flex;align-items:center;justify-content:space-between;flex-direction:column;gap:5rem;width:100%;max-width:var(--layout-width);margin:0 auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}@media (max-width: 768px){._container_kihnm_7{gap:var(--spacing-xl)}}._heading_kihnm_24{display:flex;flex-direction:column;gap:var(--spacing-sm)}._heading_kihnm_24:has(._title_kihnm_29+._cta_kihnm_29):not(:has(._text_kihnm_29)){gap:var(--spacing-lg)}._heading_kihnm_24 h1,._heading_kihnm_24 h2,._heading_kihnm_24 h3,._heading_kihnm_24 h4,._heading_kihnm_24 h5,._heading_kihnm_24 h6{width:100%;margin-bottom:0}.split ._content_kihnm_45{margin-top:0;flex:1}
|
package/dist/assets/index4.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._tabs_1n4lv_1{width:100%;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}._container_1n4lv_7{width:100%;max-width:var(--layout-width);margin:0 auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}._container_1n4lv_7 h1,._container_1n4lv_7 h2,._container_1n4lv_7 h3,._container_1n4lv_7 h4,._container_1n4lv_7 h5,._container_1n4lv_7 h6{width:100%;margin-block:0}._heading_1n4lv_25{position:relative;display:flex;flex-direction:column;gap:var(--spacing-sm)}._text_1n4lv_32{flex:1;display:flex;justify-content:center;flex-direction:column;gap:var(--spacing-lg)}@media (max-width: 767px){._text_1n4lv_32{flex:1;width:100%;align-items:flex-start}}._headingHorizontal_1n4lv_46{flex-direction:row;justify-content:space-between}._headingHorizontal_1n4lv_46 ._container_1n4lv_7{flex:1}._headingHorizontal_1n4lv_46 ._title_1n4lv_54{margin-bottom:0;text-wrap:pretty}@media (max-width: 768px){._headingHorizontal_1n4lv_46{flex-direction:column}}._headingVertical_1n4lv_64{flex-direction:column;justify-content:flex-start}._tabContent_1n4lv_74{display:flex;align-items:center;justify-content:space-between;gap:4rem;max-width:800px;margin:0 auto}._tabContent_1n4lv_74 ul{columns:1}._tabContent_1n4lv_74 .textPrimary{font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg)}@media (max-width: 767px){._tabContent_1n4lv_74{flex-direction:column;gap:var(--spacing-lg);align-items:flex-start}}._tabContent_1n4lv_74._vertical_1n4lv_97{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:var(--spacing-lg)}@media (max-width: 767px){._tabContent_1n4lv_74._vertical_1n4lv_97{flex-direction:column}}._tabContent_1n4lv_74._vertical_1n4lv_97 ._tabsContainer_1n4lv_69{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}._tabContent_1n4lv_74._vertical_1n4lv_97 ._tabImage_1n4lv_112 img{width:auto}._tabText_1n4lv_120{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-md);flex:1}._tabImage_1n4lv_112{width:100%;height:auto;max-width:175px;align-items:center}._tabImage_1n4lv_112 img{position:relative;width:100%;height:auto}._gridItems_1n4lv_141{display:grid;width:100%;grid-template-columns:1fr;gap:var(--spacing-md)}@media (min-width: 480px){._gridItems_1n4lv_141{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){._gridItems_1n4lv_141{grid-template-columns:repeat(4,1fr)}}._gridItem_1n4lv_141 img{width:100%;height:auto;aspect-ratio:15/9;object-fit:cover;border-radius:var(--radius-md)}._default_1n4lv_166 ._container_1n4lv_7{display:flex;flex-direction:column;gap:var(--spacing-md)}.orientationVertical ._tabsContainer_1n4lv_69{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}._fullBleed_1n4lv_181{position:relative;padding-top:var(--spacing-md);padding-left:var(--spacing-md);padding-right:var(--spacing-md)}._fullBleed_1n4lv_181 ._container_1n4lv_7{max-width:var(--layout-width);position:relative;display:flex;align-items:flex-end;width:100%;min-height:650px;height:100%;overflow:hidden;flex-grow:1;padding:var(--nav-height) 0 0;border-radius:var(--radius-md)}._fullBleed_1n4lv_181 ._container_1n4lv_7 img{transition:width .3s ease-in-out,height .3s ease-in-out}._fullBleed_1n4lv_181 ._overlay_1n4lv_206{width:100%;max-width:var(--layout-width);margin:0 auto;z-index:3;position:relative;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}._fullBleed_1n4lv_181 ._heading_1n4lv_25{z-index:3;position:relative;max-width:665px;display:flex;flex-direction:column;gap:var(--spacing-sm);background-color:#fff;padding:var(--spacing-xl);border-radius:var(--radius-md)}._fullBleed_1n4lv_181 ._heading_1n4lv_25:has(._title_1n4lv_54+._cta_1n4lv_228):not(:has(._text_1n4lv_32)){gap:var(--spacing-lg)}._fullBleed_1n4lv_181 ._text_1n4lv_32{flex:1;display:flex;justify-content:center;flex-direction:column;gap:var(--spacing-lg)}@media (max-width: 767px){._fullBleed_1n4lv_181 ._text_1n4lv_32{flex:1;width:100%;align-items:flex-start}}._fullBleed_1n4lv_181.paddingTopBanner,._fullBleed_1n4lv_181.paddingTop4,._fullBleed_1n4lv_181.paddingTop2,._fullBleed_1n4lv_181.paddingTop1{padding-top:0}._fullBleed_1n4lv_181.paddingBottomBanner,._fullBleed_1n4lv_181.paddingBottom4,._fullBleed_1n4lv_181.paddingBottom2,._fullBleed_1n4lv_181.paddingBottom1{padding-bottom:0}._fullBleed_1n4lv_181.paddingTopBanner ._overlay_1n4lv_206{padding-top:8rem}._fullBleed_1n4lv_181.paddingBottomBanner ._overlay_1n4lv_206{padding-bottom:8rem}._fullBleed_1n4lv_181.paddingTop4 ._overlay_1n4lv_206{padding-top:4rem}._fullBleed_1n4lv_181.paddingBottom4 ._overlay_1n4lv_206{padding-bottom:4rem}._fullBleed_1n4lv_181.paddingTop2 ._overlay_1n4lv_206{padding-top:2rem}._fullBleed_1n4lv_181.paddingBottom2 ._overlay_1n4lv_206{padding-bottom:2rem}._fullBleed_1n4lv_181.paddingTop1 ._overlay_1n4lv_206{padding-top:1rem}._fullBleed_1n4lv_181.paddingBottom1 ._overlay_1n4lv_206{padding-bottom:1rem}
|
package/dist/assets/index5.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._layout_1pq6u_1{width:100%;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}._container_1pq6u_7{display:flex;flex-direction:column;width:100%;max-width:var(--layout-width);margin:0 auto;gap:var(--spacing-xl);position:relative;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}._heading_1pq6u_19{display:flex;flex-direction:column;gap:var(--spacing-sm)}._heading_1pq6u_19:has(._title_1pq6u_24+._cta_1pq6u_24):not(:has(._text_1pq6u_24)){gap:var(--spacing-lg)}._heading_1pq6u_19 h1,._heading_1pq6u_19 h2,._heading_1pq6u_19 h3,._heading_1pq6u_19 h4,._heading_1pq6u_19 h5,._heading_1pq6u_19 h6{width:100%;margin-bottom:0}._scroll_1pq6u_39{display:flex;gap:var(--spacing-xl)}._sidebar_1pq6u_44{flex:.5;position:sticky;top:20%;align-self:flex-start;min-height:60vh;display:flex;align-items:center;padding:0 var(--spacing-xl)}@media (max-width: 767px){._sidebar_1pq6u_44{display:none}}._sidebar_1pq6u_44 ul{list-style:none;padding:0;margin:0;columns:1;display:flex;flex-direction:column;gap:var(--spacing-lg)}._sidebar_1pq6u_44 ul li ._number_1pq6u_69{border-radius:var(--radius-full);background-color:var(--color-secondary-50);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);width:35px;height:35px;flex:1 0 35px;display:flex;align-items:center;justify-content:center;transition:color .3s ease-in-out,background-color .3s ease-in-out}._sidebar_1pq6u_44 ul li ._link_1pq6u_84{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-sm);text-align:left;font-size:var(--font-size-md);text-decoration:none;color:var(--color-text-primary);background-color:transparent;border:none;font-weight:var(--font-weight-semibold);transition:color .3s ease-in-out}._sidebar_1pq6u_44 ul li ._link_1pq6u_84._active_1pq6u_98{color:var(--color-primary-100)}._sidebar_1pq6u_44 ul li ._link_1pq6u_84._active_1pq6u_98 ._number_1pq6u_69{background-color:var(--color-primary-100);color:#fff}._content_1pq6u_110{flex:1}._item_1pq6u_114{scroll-margin-top:100px;margin-bottom:6rem;height:60vh;display:flex;align-items:center;gap:2rem}._item_1pq6u_114:last-of-type{margin-bottom:0}._item_1pq6u_114 ._text_1pq6u_24{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}._item_1pq6u_114 ._title_1pq6u_24{margin-block-end:0}._item_1pq6u_114 ._image_1pq6u_137{flex:.5 0;display:flex;align-items:center;justify-content:center}._item_1pq6u_114 ._image_1pq6u_137 img{width:100%;max-width:200px;height:auto}@media (max-width: 767px){._item_1pq6u_114{flex-direction:column-reverse;height:auto}._item_1pq6u_114 ._image_1pq6u_137{flex:1;width:100%;max-width:150px;align-self:flex-start}}
|
package/dist/assets/index9.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._accordion_pip58_1{width:100%;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}._container_pip58_7{display:flex;align-items:center;justify-content:space-between;flex-direction:column;gap:5rem;width:100%;max-width:var(--layout-width);margin:0 auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}@media (max-width: 768px){._container_pip58_7{gap:var(--spacing-xl)}}._heading_pip58_24{display:flex;flex-direction:column;gap:var(--spacing-sm)}._heading_pip58_24:has(._title_pip58_29+._cta_pip58_29):not(:has(._text_pip58_29)){gap:var(--spacing-lg)}._heading_pip58_24 h1,._heading_pip58_24 h2,._heading_pip58_24 h3,._heading_pip58_24 h4,._heading_pip58_24 h5,._heading_pip58_24 h6{width:100%;margin-bottom:0}.split ._content_pip58_45{margin-top:0;flex:1}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index9.css');const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index9.css');const c=require("react/jsx-runtime"),_=require("../../../core/components/Accordion/index.cjs"),i=require("../../ui/PortableTextRenderer/index.cjs"),p=require("../../hooks/useStyleClasses.cjs"),d="_accordion_pip58_1",a="_container_pip58_7",u="_heading_pip58_24",x="_title_pip58_29",j="_cta_pip58_29",$="_text_pip58_29",k="_content_pip58_45",o={accordion:d,container:a,heading:u,title:x,cta:j,text:$,content:k};function m(t){return t.map(e=>({id:e._key,title:e.title,description:c.jsx(i.RichText,{blocks:e.content})}))}function y({heading:t,items:e,className:n,styleOptions:r}){const s=p.useStyleClasses(r),l=m(e??[]);return c.jsx("section",{className:`${o.accordion} ${s}`,children:c.jsxs("article",{className:`${s.includes("split")?"split":"default"} ${o.container}`,children:[c.jsxs("div",{children:[t.title&&c.jsx(i.RichText,{blocks:t==null?void 0:t.title}),t.description&&c.jsx(i.RichText,{blocks:t.description})]}),c.jsx("div",{className:`${o.content} ${n&&o[n]?o[n]:n??""}`,children:c.jsx(_.Accordion,{items:l,multiple:!0})})]})})}exports.AccordionBlock=y;
|
|
@@ -1,41 +1,44 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { Accordion as
|
|
1
|
+
import { jsx as c, jsxs as r } from "react/jsx-runtime";
|
|
2
|
+
import { Accordion as _ } from "../../../core/components/Accordion/index.mjs";
|
|
3
3
|
import { RichText as e } from "../../ui/PortableTextRenderer/index.mjs";
|
|
4
4
|
import { useStyleClasses as a } from "../../hooks/useStyleClasses.mjs";
|
|
5
|
-
import '../../../assets/index9.css';const
|
|
6
|
-
accordion:
|
|
7
|
-
container:
|
|
5
|
+
import '../../../assets/index9.css';const d = "_accordion_pip58_1", m = "_container_pip58_7", u = "_heading_pip58_24", f = "_title_pip58_29", x = "_cta_pip58_29", $ = "_text_pip58_29", k = "_content_pip58_45", i = {
|
|
6
|
+
accordion: d,
|
|
7
|
+
container: m,
|
|
8
8
|
heading: u,
|
|
9
|
-
|
|
9
|
+
title: f,
|
|
10
|
+
cta: x,
|
|
11
|
+
text: $,
|
|
12
|
+
content: k
|
|
10
13
|
};
|
|
11
|
-
function
|
|
12
|
-
return t.map((
|
|
13
|
-
id:
|
|
14
|
-
title:
|
|
15
|
-
description: /* @__PURE__ */
|
|
14
|
+
function y(t) {
|
|
15
|
+
return t.map((o) => ({
|
|
16
|
+
id: o._key,
|
|
17
|
+
title: o.title,
|
|
18
|
+
description: /* @__PURE__ */ c(e, { blocks: o.content })
|
|
16
19
|
}));
|
|
17
20
|
}
|
|
18
|
-
function
|
|
21
|
+
function I({
|
|
19
22
|
heading: t,
|
|
20
|
-
items:
|
|
21
|
-
className:
|
|
22
|
-
styleOptions:
|
|
23
|
+
items: o,
|
|
24
|
+
className: n,
|
|
25
|
+
styleOptions: p
|
|
23
26
|
}) {
|
|
24
|
-
const
|
|
25
|
-
return /* @__PURE__ */
|
|
27
|
+
const s = a(p), l = y(o ?? []);
|
|
28
|
+
return /* @__PURE__ */ c("section", { className: `${i.accordion} ${s}`, children: /* @__PURE__ */ r(
|
|
26
29
|
"article",
|
|
27
30
|
{
|
|
28
|
-
className: `${
|
|
31
|
+
className: `${s.includes("split") ? "split" : "default"} ${i.container}`,
|
|
29
32
|
children: [
|
|
30
|
-
/* @__PURE__ */
|
|
31
|
-
t.title && /* @__PURE__ */
|
|
32
|
-
t.description && /* @__PURE__ */
|
|
33
|
+
/* @__PURE__ */ r("div", { children: [
|
|
34
|
+
t.title && /* @__PURE__ */ c(e, { blocks: t == null ? void 0 : t.title }),
|
|
35
|
+
t.description && /* @__PURE__ */ c(e, { blocks: t.description })
|
|
33
36
|
] }),
|
|
34
|
-
/* @__PURE__ */
|
|
37
|
+
/* @__PURE__ */ c(
|
|
35
38
|
"div",
|
|
36
39
|
{
|
|
37
|
-
className: `${
|
|
38
|
-
children: /* @__PURE__ */
|
|
40
|
+
className: `${i.content} ${n && i[n] ? i[n] : n ?? ""}`,
|
|
41
|
+
children: /* @__PURE__ */ c(_, { items: l, multiple: !0 })
|
|
39
42
|
}
|
|
40
43
|
)
|
|
41
44
|
]
|
|
@@ -43,5 +46,5 @@ function y({
|
|
|
43
46
|
) });
|
|
44
47
|
}
|
|
45
48
|
export {
|
|
46
|
-
|
|
49
|
+
I as AccordionBlock
|
|
47
50
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index11.css');const c=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index11.css');const c=require("react/jsx-runtime"),l=require("react"),G=require("../../../core/components/Grid/index.cjs"),_=require("../../ui/PortableTextRenderer/index.cjs"),$=require("../../ui/CallToActions/index.cjs"),S=require("../../cards/ProductCard/index.cjs"),p=require("../../cards/GridCard/index.cjs"),H=require("../../cards/ServiceCard/index.cjs"),R=require("../../cards/TestimonialCard/index.cjs"),w=require("../../cards/ReviewCard/index.cjs"),M=require("../../hooks/useMediaQuery.cjs"),z=require("../../hooks/useStyleClasses.cjs"),P="_cardGrid_8ubac_1",V="_container_8ubac_8",A="_heading_8ubac_19",B="_title_8ubac_24",D="_cta_8ubac_24",L="_text_8ubac_24",O="_headingHorizontal_8ubac_47",Q="_headingVertical_8ubac_60",E="_description_8ubac_71",I="_disclaimer_8ubac_76",U="_grid_8ubac_98",o={cardGrid:P,container:V,heading:A,title:B,cta:D,text:L,headingHorizontal:O,headingVertical:Q,description:E,disclaimer:I,grid:U};function F({heading:e,grid:t,callToAction:n,styleOptions:v}){var f;const[u,x]=l.useState(null),i=M.useMediaQuery("(max-width: 768px)"),y=z.useStyleClasses(v),b={horizontal:o.headingHorizontal,vertical:o.headingVertical}[(e==null?void 0:e.headingLayout)??"vertical"];function m(s){for(const a of s)if(!(!a.children||!a.markDefs)){for(const r of a.children)if(r!=null&&r.marks)for(const N of r.marks){const k=a.markDefs.find(q=>q._key===N);if(k&&k._type==="coloredText")return r.text}}return null}l.useEffect(()=>{e&&e.title&&x(m(e.title))},[e]);const j=l.useMemo(()=>{if(t!=null&&t.areas&&!i)return t==null?void 0:t.areas.map(s=>s.trim().split(/\s+/))},[t==null?void 0:t.areas,i]),C=l.useMemo(()=>c.jsx(_.RichText,{className:o.title,textOverride:u??"",animateText:(e==null?void 0:e.animateText)??!1,blocks:e==null?void 0:e.title}),[e==null?void 0:e.title,u,e==null?void 0:e.animateText]),T=!(e!=null&&e.title)&&!(e!=null&&e.description);return c.jsx("section",{className:`${o.cardGrid} ${(t==null?void 0:t.className)??""} ${y}`,children:c.jsxs("article",{className:`${o.container}`,children:[!T&&c.jsxs("div",{className:`${o.heading} ${b??""}`,children:[(e==null?void 0:e.title)&&C,(e==null?void 0:e.description)&&c.jsx(_.RichText,{className:o.description,blocks:e==null?void 0:e.description})]}),c.jsxs("div",{className:`${o.grid} ${t!=null&&t.className&&o[t==null?void 0:t.className]?o[t==null?void 0:t.className]:(t==null?void 0:t.className)??""}`,children:[c.jsx(G.Grid,{columns:t==null?void 0:t.columns,gap:t==null?void 0:t.gap,areas:j,children:(f=t==null?void 0:t.items)==null?void 0:f.map(s=>{const a=s.title?m(s.title):"",r={gridArea:s.gridArea,onHover:()=>{x(a)},...s};switch(s.variant){case"service":return c.jsx(H.ServiceCard,{...r},s._key);case"grid":return c.jsx(p.GridCard,{...r},s._key);case"image":return c.jsx(p.GridCard,{...r},s._key);case"product":return c.jsx(S.ProductCard,{...r},s._key);case"testimonial":return c.jsx(R.TestimonialCard,{...r},s._key);case"review":return c.jsx(w.ReviewCard,{...r},s._key);default:return c.jsxs("div",{children:["Unknown item type: ",s._type]},s._key)}})}),n&&c.jsx($.CallToActions,{items:n.items,alignment:n.alignment}),c.jsx("div",{children:(e==null?void 0:e.disclaimer)&&c.jsx(_.RichText,{className:o.disclaimer,blocks:e==null?void 0:e.disclaimer})})]})]})})}exports.CardGridBlock=F;
|
|
@@ -1,46 +1,48 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { useState as
|
|
1
|
+
import { jsx as o, jsxs as a } from "react/jsx-runtime";
|
|
2
|
+
import { useState as w, useEffect as z, useMemo as x } from "react";
|
|
3
3
|
import { Grid as S } from "../../../core/components/Grid/index.mjs";
|
|
4
4
|
import { RichText as n } from "../../ui/PortableTextRenderer/index.mjs";
|
|
5
5
|
import { CallToActions as V } from "../../ui/CallToActions/index.mjs";
|
|
6
6
|
import { ProductCard as D } from "../../cards/ProductCard/index.mjs";
|
|
7
|
-
import { GridCard as
|
|
7
|
+
import { GridCard as v } from "../../cards/GridCard/index.mjs";
|
|
8
8
|
import { ServiceCard as M } from "../../cards/ServiceCard/index.mjs";
|
|
9
9
|
import { TestimonialCard as j } from "../../cards/TestimonialCard/index.mjs";
|
|
10
10
|
import { ReviewCard as A } from "../../cards/ReviewCard/index.mjs";
|
|
11
11
|
import { useMediaQuery as B } from "../../hooks/useMediaQuery.mjs";
|
|
12
12
|
import { useStyleClasses as L } from "../../hooks/useStyleClasses.mjs";
|
|
13
|
-
import '../../../assets/index11.css';const P = "
|
|
13
|
+
import '../../../assets/index11.css';const P = "_cardGrid_8ubac_1", R = "_container_8ubac_8", E = "_heading_8ubac_19", I = "_title_8ubac_24", O = "_cta_8ubac_24", Q = "_text_8ubac_24", U = "_headingHorizontal_8ubac_47", q = "_headingVertical_8ubac_60", F = "_description_8ubac_71", J = "_disclaimer_8ubac_76", K = "_grid_8ubac_98", r = {
|
|
14
14
|
cardGrid: P,
|
|
15
15
|
container: R,
|
|
16
16
|
heading: E,
|
|
17
17
|
title: I,
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
18
|
+
cta: O,
|
|
19
|
+
text: Q,
|
|
20
|
+
headingHorizontal: U,
|
|
21
|
+
headingVertical: q,
|
|
22
|
+
description: F,
|
|
23
|
+
disclaimer: J,
|
|
24
|
+
grid: K
|
|
23
25
|
};
|
|
24
|
-
function
|
|
26
|
+
function rt({
|
|
25
27
|
heading: t,
|
|
26
28
|
grid: s,
|
|
27
29
|
callToAction: m,
|
|
28
|
-
styleOptions:
|
|
30
|
+
styleOptions: b
|
|
29
31
|
}) {
|
|
30
|
-
var
|
|
31
|
-
const [
|
|
32
|
+
var i;
|
|
33
|
+
const [u, _] = w(null), f = B("(max-width: 768px)"), y = L(b), N = {
|
|
32
34
|
horizontal: r.headingHorizontal,
|
|
33
35
|
vertical: r.headingVertical
|
|
34
36
|
}[(t == null ? void 0 : t.headingLayout) ?? "vertical"];
|
|
35
|
-
function p(
|
|
36
|
-
for (const l of
|
|
37
|
+
function p(c) {
|
|
38
|
+
for (const l of c)
|
|
37
39
|
if (!(!l.children || !l.markDefs)) {
|
|
38
|
-
for (const
|
|
39
|
-
if (
|
|
40
|
-
for (const G of
|
|
41
|
-
const
|
|
42
|
-
if (
|
|
43
|
-
return
|
|
40
|
+
for (const e of l.children)
|
|
41
|
+
if (e != null && e.marks)
|
|
42
|
+
for (const G of e.marks) {
|
|
43
|
+
const k = l.markDefs.find((H) => H._key === G);
|
|
44
|
+
if (k && k._type === "coloredText")
|
|
45
|
+
return e.text;
|
|
44
46
|
}
|
|
45
47
|
}
|
|
46
48
|
return null;
|
|
@@ -48,29 +50,29 @@ function et({
|
|
|
48
50
|
z(() => {
|
|
49
51
|
t && t.title && _(p(t.title));
|
|
50
52
|
}, [t]);
|
|
51
|
-
const C =
|
|
53
|
+
const C = x(() => {
|
|
52
54
|
if (s != null && s.areas && !f)
|
|
53
|
-
return s == null ? void 0 : s.areas.map((
|
|
54
|
-
}, [s == null ? void 0 : s.areas, f]), T =
|
|
55
|
-
() => /* @__PURE__ */
|
|
55
|
+
return s == null ? void 0 : s.areas.map((c) => c.trim().split(/\s+/));
|
|
56
|
+
}, [s == null ? void 0 : s.areas, f]), T = x(
|
|
57
|
+
() => /* @__PURE__ */ o(
|
|
56
58
|
n,
|
|
57
59
|
{
|
|
58
60
|
className: r.title,
|
|
59
|
-
textOverride:
|
|
61
|
+
textOverride: u ?? "",
|
|
60
62
|
animateText: (t == null ? void 0 : t.animateText) ?? !1,
|
|
61
63
|
blocks: t == null ? void 0 : t.title
|
|
62
64
|
}
|
|
63
65
|
),
|
|
64
|
-
[t == null ? void 0 : t.title,
|
|
66
|
+
[t == null ? void 0 : t.title, u, t == null ? void 0 : t.animateText]
|
|
65
67
|
), $ = !(t != null && t.title) && !(t != null && t.description);
|
|
66
|
-
return /* @__PURE__ */
|
|
68
|
+
return /* @__PURE__ */ o(
|
|
67
69
|
"section",
|
|
68
70
|
{
|
|
69
|
-
className: `${r.cardGrid} ${(s == null ? void 0 : s.className) ?? ""} ${
|
|
71
|
+
className: `${r.cardGrid} ${(s == null ? void 0 : s.className) ?? ""} ${y}`,
|
|
70
72
|
children: /* @__PURE__ */ a("article", { className: `${r.container}`, children: [
|
|
71
73
|
!$ && /* @__PURE__ */ a("div", { className: `${r.heading} ${N ?? ""}`, children: [
|
|
72
74
|
(t == null ? void 0 : t.title) && T,
|
|
73
|
-
(t == null ? void 0 : t.description) && /* @__PURE__ */
|
|
75
|
+
(t == null ? void 0 : t.description) && /* @__PURE__ */ o(
|
|
74
76
|
n,
|
|
75
77
|
{
|
|
76
78
|
className: r.description,
|
|
@@ -83,42 +85,42 @@ function et({
|
|
|
83
85
|
{
|
|
84
86
|
className: `${r.grid} ${s != null && s.className && r[s == null ? void 0 : s.className] ? r[s == null ? void 0 : s.className] : (s == null ? void 0 : s.className) ?? ""}`,
|
|
85
87
|
children: [
|
|
86
|
-
/* @__PURE__ */
|
|
87
|
-
const l =
|
|
88
|
-
gridArea:
|
|
88
|
+
/* @__PURE__ */ o(S, { columns: s == null ? void 0 : s.columns, gap: s == null ? void 0 : s.gap, areas: C, children: (i = s == null ? void 0 : s.items) == null ? void 0 : i.map((c) => {
|
|
89
|
+
const l = c.title ? p(c.title) : "", e = {
|
|
90
|
+
gridArea: c.gridArea,
|
|
89
91
|
onHover: () => {
|
|
90
92
|
_(l);
|
|
91
93
|
},
|
|
92
|
-
...
|
|
94
|
+
...c
|
|
93
95
|
};
|
|
94
|
-
switch (
|
|
96
|
+
switch (c.variant) {
|
|
95
97
|
case "service":
|
|
96
|
-
return /* @__PURE__ */
|
|
98
|
+
return /* @__PURE__ */ o(M, { ...e }, c._key);
|
|
97
99
|
case "grid":
|
|
98
|
-
return /* @__PURE__ */
|
|
100
|
+
return /* @__PURE__ */ o(v, { ...e }, c._key);
|
|
99
101
|
case "image":
|
|
100
|
-
return /* @__PURE__ */
|
|
102
|
+
return /* @__PURE__ */ o(v, { ...e }, c._key);
|
|
101
103
|
case "product":
|
|
102
|
-
return /* @__PURE__ */
|
|
104
|
+
return /* @__PURE__ */ o(D, { ...e }, c._key);
|
|
103
105
|
case "testimonial":
|
|
104
|
-
return /* @__PURE__ */
|
|
106
|
+
return /* @__PURE__ */ o(j, { ...e }, c._key);
|
|
105
107
|
case "review":
|
|
106
|
-
return /* @__PURE__ */
|
|
108
|
+
return /* @__PURE__ */ o(A, { ...e }, c._key);
|
|
107
109
|
default:
|
|
108
110
|
return /* @__PURE__ */ a("div", { children: [
|
|
109
111
|
"Unknown item type: ",
|
|
110
|
-
|
|
111
|
-
] },
|
|
112
|
+
c._type
|
|
113
|
+
] }, c._key);
|
|
112
114
|
}
|
|
113
115
|
}) }),
|
|
114
|
-
m && /* @__PURE__ */
|
|
116
|
+
m && /* @__PURE__ */ o(
|
|
115
117
|
V,
|
|
116
118
|
{
|
|
117
119
|
items: m.items,
|
|
118
120
|
alignment: m.alignment
|
|
119
121
|
}
|
|
120
122
|
),
|
|
121
|
-
/* @__PURE__ */
|
|
123
|
+
/* @__PURE__ */ o("div", { children: (t == null ? void 0 : t.disclaimer) && /* @__PURE__ */ o(
|
|
122
124
|
n,
|
|
123
125
|
{
|
|
124
126
|
className: r.disclaimer,
|
|
@@ -133,5 +135,5 @@ function et({
|
|
|
133
135
|
);
|
|
134
136
|
}
|
|
135
137
|
export {
|
|
136
|
-
|
|
138
|
+
rt as CardGridBlock
|
|
137
139
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index12.css');const e=require("react/jsx-runtime"),i=require("react"),I=require("../../../core/components/Carousel/index.cjs"),_=require("../../ui/PortableTextRenderer/index.cjs"),P=require("../../cards/SegmentCard/index.cjs"),$=require("../../cards/TestimonialCard/index.cjs"),o=require("../../cards/GridCard/index.cjs"),w=require("../../cards/BioCard/index.cjs"),T=require("../../hooks/useStyleClasses.cjs"),s=require("../../../index-CBK5rp6X.cjs"),B="
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index12.css');const e=require("react/jsx-runtime"),i=require("react"),I=require("../../../core/components/Carousel/index.cjs"),_=require("../../ui/PortableTextRenderer/index.cjs"),P=require("../../cards/SegmentCard/index.cjs"),$=require("../../cards/TestimonialCard/index.cjs"),o=require("../../cards/GridCard/index.cjs"),w=require("../../cards/BioCard/index.cjs"),T=require("../../hooks/useStyleClasses.cjs"),s=require("../../../index-CBK5rp6X.cjs"),B="_carousel_603xj_1",V="_container_603xj_8",M="_heading_603xj_21",G="_rating_603xj_60",E="_ratingValue_603xj_71",H="_ratingOuter_603xj_76",L="_ratingInner_603xj_83",U="_carouselComponent_603xj_105",a={carousel:B,container:V,heading:M,rating:G,ratingValue:E,ratingOuter:H,ratingInner:L,carouselComponent:U};function z({heading:r,carouselOptions:t,items:b,styleOptions:g}){var d,m,u,C,y;const[k,f]=i.useState(!1),c=i.useRef(null),l=i.useRef(null),j=T.useStyleClasses(g);i.useEffect(()=>{const n=c==null?void 0:c.current;if(!n)return;const x=()=>{const R=n.classList.contains("split");f(R)};x();const v=new MutationObserver(x);return v.observe(n,{attributes:!0,attributeFilter:["class"]}),()=>v.disconnect()},[c]);const N=i.useMemo(()=>e.jsx(_.RichText,{blocks:r==null?void 0:r.title}),[r==null?void 0:r.title]),S=(b??[]).map(n=>{switch(n.variant){case"image":case"grid":return e.jsx(o.GridCard,{...n},n._key);case"segment":return e.jsx(P.SegmentCard,{...n},n._key);case"testimonial":return e.jsx($.TestimonialCard,{...n},n._key);case"bio":return e.jsx(w.BioCard,{...n},n._key);default:return e.jsxs("div",{children:["Unknown item type: ",n._type]},n._key)}}),q=()=>{var x;const n=Number((x=t==null?void 0:t.ratingSingleton)==null?void 0:x.rating)/5*100;return e.jsxs("div",{className:a.ratingOuter,children:[e.jsx(s.FaStar,{}),e.jsx(s.FaStar,{}),e.jsx(s.FaStar,{}),e.jsx(s.FaStar,{}),e.jsx(s.FaStar,{}),e.jsxs("div",{className:a.ratingInner,style:{width:`${n}%`},children:[e.jsx(s.FaStar,{}),e.jsx(s.FaStar,{}),e.jsx(s.FaStar,{}),e.jsx(s.FaStar,{}),e.jsx(s.FaStar,{})]})]})},F=!(r!=null&&r.title)&&!(r!=null&&r.description)&&!((d=t==null?void 0:t.ratingSingleton)!=null&&d.rating);return e.jsx("section",{className:`${j.replace("split","")} ${a.carousel}`,children:e.jsxs("article",{ref:c,className:`${j.includes("split")?"split":"default"} ${a.container}`,children:[!F&&e.jsxs("div",{ref:l,className:a.heading,children:[(r==null?void 0:r.title)&&N,((m=t==null?void 0:t.ratingSingleton)==null?void 0:m.rating)&&e.jsxs("div",{className:a.rating,children:[q(),e.jsx("div",{children:(u=t==null?void 0:t.ratingSingleton)!=null&&u.description?e.jsx(_.RichText,{blocks:(C=t==null?void 0:t.ratingSingleton)==null?void 0:C.description}):e.jsx("div",{className:a.ratingValue,children:(y=t==null?void 0:t.ratingSingleton)==null?void 0:y.rating})})]}),(r==null?void 0:r.description)&&e.jsx(_.RichText,{blocks:r==null?void 0:r.description})]}),e.jsx("div",{className:`${a.carousel}`,children:S&&e.jsx(I.Carousel,{autoplay:t==null?void 0:t.autoplay,autoplayInterval:t==null?void 0:t.autoplayInterval,itemsPerPage:t==null?void 0:t.itemsPerPage,itemsPerRow:t==null?void 0:t.itemsPerRow,items:S,externalRef:c,siblingRef:l,isSplit:k,className:a.carouselComponent})})]})})}exports.CarouselBlock=z;
|