@zenpatient-org/healthspan-marketing-ui 0.1.43 → 0.1.45
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/components/AnchorLinks/AnchorLinks.cjs.js +1 -1
- package/dist/components/AnchorLinks/AnchorLinks.es.js +14 -6
- package/dist/components/AnchorLinks/types.d.ts +4 -0
- package/dist/components/ComplexImageCarousel/ComplexCarousel/ComplexCarousel.cjs.js +1 -0
- package/dist/components/ComplexImageCarousel/ComplexCarousel/ComplexCarousel.d.ts +5 -0
- package/dist/components/ComplexImageCarousel/ComplexCarousel/ComplexCarousel.es.js +57 -0
- package/dist/components/ComplexImageCarousel/ComplexCarousel/complexImageCarousel.module.css.cjs.js +1 -0
- package/dist/components/ComplexImageCarousel/ComplexCarousel/complexImageCarousel.module.css.es.js +24 -0
- package/dist/components/ComplexImageCarousel/ComplexCarousel/index.d.ts +1 -0
- package/dist/components/ComplexImageCarousel/ComplexImageCarousel.cjs.js +1 -1
- package/dist/components/ComplexImageCarousel/ComplexImageCarousel.d.ts +1 -1
- package/dist/components/ComplexImageCarousel/ComplexImageCarousel.es.js +5 -55
- package/dist/components/ComplexImageCarousel/SimpleImageCarousel/SimpleImageCarousel.cjs.js +1 -0
- package/dist/components/ComplexImageCarousel/SimpleImageCarousel/SimpleImageCarousel.d.ts +5 -0
- package/dist/components/ComplexImageCarousel/SimpleImageCarousel/SimpleImageCarousel.es.js +76 -0
- package/dist/components/ComplexImageCarousel/SimpleImageCarousel/index.d.ts +1 -0
- package/dist/components/ComplexImageCarousel/SimpleImageCarousel/simpleImageCarousel.module.css.cjs.js +1 -0
- package/dist/components/ComplexImageCarousel/SimpleImageCarousel/simpleImageCarousel.module.css.es.js +15 -0
- package/dist/components/ComplexTooltip/ComplexTooltip.cjs.js +1 -1
- package/dist/components/ComplexTooltip/ComplexTooltip.d.ts +5 -2
- package/dist/components/ComplexTooltip/ComplexTooltip.es.js +34 -29
- package/dist/components/FAQComponent/FAQComponent.cjs.js +1 -1
- package/dist/components/FAQComponent/FAQComponent.es.js +1 -1
- package/dist/components/FAQComponent/components/index.d.ts +1 -1
- package/dist/components/FAQComponentItem/FAQComponentItem.cjs.js +1 -0
- package/dist/components/{FAQComponent/components/FAQComponentItem → FAQComponentItem}/FAQComponentItem.es.js +4 -4
- package/dist/components/FAQComponentItem/faqComponentItem.module.css.cjs.js +1 -0
- package/dist/components/FAQComponentItem/faqComponentItem.module.css.es.js +27 -0
- package/dist/components/InfiniteScroll/InfiniteScroll.cjs.js +1 -1
- package/dist/components/InfiniteScroll/InfiniteScroll.d.ts +1 -0
- package/dist/components/InfiniteScroll/InfiniteScroll.es.js +61 -46
- package/dist/components/StudyGridCard/StudyGridCard.cjs.js +1 -1
- package/dist/components/StudyGridCard/StudyGridCard.d.ts +10 -2
- package/dist/components/StudyGridCard/StudyGridCard.es.js +115 -60
- package/dist/components/StudyGridCard/studyGridCard.module.css.cjs.js +1 -1
- package/dist/components/StudyGridCard/studyGridCard.module.css.es.js +24 -12
- package/dist/healthspan-marketing-ui.css +1 -1
- package/dist/modules/ExpandingDetails/ExpandingDetails.cjs.js +1 -0
- package/dist/modules/ExpandingDetails/ExpandingDetails.d.ts +3 -0
- package/dist/modules/ExpandingDetails/ExpandingDetails.es.js +157 -0
- package/dist/modules/ExpandingDetails/expandingDetails.module.css.cjs.js +1 -0
- package/dist/modules/ExpandingDetails/expandingDetails.module.css.es.js +47 -0
- package/dist/modules/ExpandingDetails/index.d.ts +1 -0
- package/dist/modules/ExpandingDetails/types.d.ts +13 -0
- package/dist/modules/IndividualProductCard/IndividualProductCard.d.ts +2 -2
- package/dist/modules/TextBlockAnimated/TextBlockAnimated.cjs.js +1 -0
- package/dist/modules/TextBlockAnimated/TextBlockAnimated.es.js +54 -0
- package/dist/modules/TextBlockAnimated/index.d.ts +1 -0
- package/dist/modules/TextBlockAnimated/textBlockAnimated.module.css.cjs.js +1 -0
- package/dist/modules/TextBlockAnimated/textBlockAnimated.module.css.es.js +21 -0
- package/dist/node_modules/gsap/SplitText.cjs.js +9 -0
- package/dist/node_modules/gsap/SplitText.es.js +148 -0
- package/package.json +16 -1
- package/dist/components/ComplexImageCarousel/complexImageCarousel.module.css.cjs.js +0 -1
- package/dist/components/ComplexImageCarousel/complexImageCarousel.module.css.es.js +0 -24
- package/dist/components/FAQComponent/components/FAQComponentItem/FAQComponentItem.cjs.js +0 -1
- package/dist/components/FAQComponent/components/FAQComponentItem/faqComponentItem.module.css.cjs.js +0 -1
- package/dist/components/FAQComponent/components/FAQComponentItem/faqComponentItem.module.css.es.js +0 -27
- /package/dist/components/{FAQComponent/components/FAQComponentItem → FAQComponentItem}/FAQComponentItem.d.ts +0 -0
- /package/dist/components/{FAQComponent/components/FAQComponentItem → FAQComponentItem}/index.d.ts +0 -0
- /package/dist/components/{FAQComponent/components/FAQComponentItem → FAQComponentItem}/types.d.ts +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),H=require("../../node_modules/@gsap/react/src/index.cjs.js"),d=require("../../node_modules/gsap/index.cjs.js"),u=require("../../node_modules/gsap/ScrollTrigger.cjs.js"),w=require("react"),A=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),g=require("../../components/Typography/Typography.cjs.js"),V=require("../../utils/debounce.cjs.js"),r=require("./expandingDetails.module.css.cjs.js");d.gsap.registerPlugin(u.ScrollTrigger);const $=({colorScheme:h,label:N,title:P,sections:b})=>{const c=w.useRef(null);return H.useGSAP(()=>{if(!c.current)return;const a=()=>{var S;d.gsap.killTweensOf("*"),u.ScrollTrigger.getAll().forEach(e=>e.kill());const o=d.gsap.utils.toArray('[data-scroll-id="section"]'),t=(S=c.current)==null?void 0:S.querySelector('[data-scroll-id="sections"]');if(!t)return;const f=d.gsap.timeline({scrollTrigger:{trigger:c.current,start:"top top",end:()=>`+=${o.length*500}`,scrub:1,markers:!1,pin:!0}}),p=t==null?void 0:t.querySelector('[data-scroll-id="heading"]');if(!p)return;d.gsap.set(t==null?void 0:t.querySelectorAll('[data-scroll-id="section"]'),{height:p.offsetHeight||0}),d.gsap.set(t==null?void 0:t.querySelectorAll('[data-scroll-id="protocol"]'),{scale:.5,yPercent:0}),d.gsap.set(t==null?void 0:t.querySelectorAll('[data-scroll-id="image-circle"]'),{scale:.5,yPercent:5});const y=window.innerWidth<768?1.2:2,m=window.innerWidth<768?1.2:2;o.forEach((e,E)=>{var x,q,T,j,v;const n=e==null?void 0:e.querySelector('[data-scroll-id="heading"]'),i=e==null?void 0:e.querySelector('[data-scroll-id="content"]');!n||!i||(f.to(e,{height:n.offsetHeight+i.offsetHeight}).to(e==null?void 0:e.querySelector('[data-scroll-id="section-title"]'),{scale:y,yPercent:50},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="section-index"]'),{scale:m,yPercent:50},"<").to(i,{height:i.offsetHeight},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="protocol"]'),{scale:1},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="image-circle"]'),{scale:1,yPercent:5},"<"),E<o.length-1&&f.to(e,{height:n.offsetHeight,delay:.5}).to(e.nextElementSibling,{height:n.offsetHeight+i.offsetHeight},"<").to(((x=e.nextElementSibling)==null?void 0:x.querySelector('[data-scroll-id="section-title"]'))||null,{scale:y,yPercent:100},"<").to(((q=e.nextElementSibling)==null?void 0:q.querySelector('[data-scroll-id="section-index"]'))||null,{scale:m,yPercent:100},"<").to(((T=e.nextElementSibling)==null?void 0:T.querySelector('[data-scroll-id="content"]'))||null,{height:i.offsetHeight,yPercent:0},"<").to(((j=e.nextElementSibling)==null?void 0:j.querySelector('[data-scroll-id="protocol"]'))||null,{scale:1},"<").to(((v=e.nextElementSibling)==null?void 0:v.querySelector('[data-scroll-id="image-circle"]'))||null,{scale:1,yPercent:5},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="section-title"]'),{scale:1,yPercent:-15},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="section-index"]'),{scale:1,yPercent:-15},"<").to(i,{height:0,yPercent:0},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="protocol"]'),{scale:0,yPercent:200},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="image-circle"]'),{scale:0,yPercent:200},"<"))})};a();const s=V.default(()=>{a()},200);return window.addEventListener("resize",s),()=>{window.removeEventListener("resize",s),u.ScrollTrigger.getAll().forEach(o=>o.kill()),d.gsap.killTweensOf("*")}},{scope:c,dependencies:[c]}),l.jsx("div",{ref:c,className:`${r.default.root} ${r.default[h]}`,children:l.jsxs("div",{className:r.default.expandingDetailsWrapper,children:[l.jsxs("header",{"data-scroll-id":"header",className:r.default.header,children:[l.jsx(g.Typography,{as:"div",defaultVariant:"labelSm",emphasis:!0,className:r.default.label,children:N}),l.jsx(A.HighlightedTitle,{as:"div",defaultVariant:"displayMd",mobileVariant:"headingXl",colorScheme:h,className:r.default.title,title:P})]}),l.jsx("div",{"data-scroll-id":"sections",className:r.default.sections,children:b.map((a,s)=>l.jsxs("div",{id:`section-${s+1}`,"data-scroll-id":"section",className:r.default.section,children:[l.jsxs("div",{"data-scroll-id":"heading",className:r.default.heading,children:[l.jsx("div",{"data-scroll-id":"section-title",className:r.default.sectionTitleWrapper,children:l.jsx(g.Typography,{as:"h3",defaultVariant:"headingSm",className:r.default.sectionTitle,children:a.title})}),l.jsx("div",{"data-scroll-id":"section-index",className:r.default.sectionIndexWrapper,children:l.jsxs(g.Typography,{as:"p",defaultVariant:"headingSm",className:r.default.sectionIndex,children:["(",String(s+1).padStart(2,"0"),")"]})})]}),l.jsxs("div",{"data-scroll-id":"content",className:r.default.content,children:[l.jsx("div",{"data-scroll-id":"protocol",className:r.default.protocolWrapper,children:l.jsx(g.Typography,{as:"div",defaultVariant:"bodyMd",mobileVariant:"bodySm",className:r.default.protocol,children:a.protocol})}),l.jsx("div",{"data-scroll-id":"image-circle",className:r.default.imageCircle,children:l.jsx("img",{src:a.image,alt:a.title})})]}),l.jsx("div",{className:r.default.leftBorder}),l.jsx("div",{className:r.default.rightBorder})]},a.title))})]})})};exports.ExpandingDetails=$;
|
|
@@ -0,0 +1,157 @@
|
|
|
1
|
+
import { jsx as t, jsxs as o } from "react/jsx-runtime";
|
|
2
|
+
import { useGSAP as A } from "../../node_modules/@gsap/react/src/index.es.js";
|
|
3
|
+
import { gsap as d } from "../../node_modules/gsap/index.es.js";
|
|
4
|
+
import { ScrollTrigger as g } from "../../node_modules/gsap/ScrollTrigger.es.js";
|
|
5
|
+
import { useRef as V } from "react";
|
|
6
|
+
import { HighlightedTitle as W } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
|
|
7
|
+
import { Typography as m } from "../../components/Typography/Typography.es.js";
|
|
8
|
+
import k from "../../utils/debounce.es.js";
|
|
9
|
+
import l from "./expandingDetails.module.css.es.js";
|
|
10
|
+
d.registerPlugin(g);
|
|
11
|
+
const O = ({ colorScheme: u, label: E, title: w, sections: T }) => {
|
|
12
|
+
const c = V(null);
|
|
13
|
+
return A(
|
|
14
|
+
() => {
|
|
15
|
+
if (!c.current) return;
|
|
16
|
+
const a = () => {
|
|
17
|
+
var q;
|
|
18
|
+
d.killTweensOf("*"), g.getAll().forEach((e) => e.kill());
|
|
19
|
+
const n = d.utils.toArray('[data-scroll-id="section"]'), r = (q = c.current) == null ? void 0 : q.querySelector('[data-scroll-id="sections"]');
|
|
20
|
+
if (!r) return;
|
|
21
|
+
const f = d.timeline({
|
|
22
|
+
scrollTrigger: {
|
|
23
|
+
trigger: c.current,
|
|
24
|
+
start: "top top",
|
|
25
|
+
end: () => `+=${n.length * 500}`,
|
|
26
|
+
scrub: 1,
|
|
27
|
+
markers: !1,
|
|
28
|
+
pin: !0
|
|
29
|
+
}
|
|
30
|
+
}), p = r == null ? void 0 : r.querySelector('[data-scroll-id="heading"]');
|
|
31
|
+
if (!p) return;
|
|
32
|
+
d.set(r == null ? void 0 : r.querySelectorAll('[data-scroll-id="section"]'), {
|
|
33
|
+
height: p.offsetHeight || 0
|
|
34
|
+
}), d.set(r == null ? void 0 : r.querySelectorAll('[data-scroll-id="protocol"]'), {
|
|
35
|
+
scale: 0.5,
|
|
36
|
+
yPercent: 0
|
|
37
|
+
}), d.set(r == null ? void 0 : r.querySelectorAll('[data-scroll-id="image-circle"]'), {
|
|
38
|
+
scale: 0.5,
|
|
39
|
+
yPercent: 5
|
|
40
|
+
});
|
|
41
|
+
const y = window.innerWidth < 768 ? 1.2 : 2, S = window.innerWidth < 768 ? 1.2 : 2;
|
|
42
|
+
n.forEach((e, H) => {
|
|
43
|
+
var v, N, x, P, b;
|
|
44
|
+
const h = e == null ? void 0 : e.querySelector('[data-scroll-id="heading"]'), i = e == null ? void 0 : e.querySelector('[data-scroll-id="content"]');
|
|
45
|
+
!h || !i || (f.to(e, { height: h.offsetHeight + i.offsetHeight }).to(
|
|
46
|
+
e == null ? void 0 : e.querySelector('[data-scroll-id="section-title"]'),
|
|
47
|
+
{ scale: y, yPercent: 50 },
|
|
48
|
+
"<"
|
|
49
|
+
).to(
|
|
50
|
+
e == null ? void 0 : e.querySelector('[data-scroll-id="section-index"]'),
|
|
51
|
+
{ scale: S, yPercent: 50 },
|
|
52
|
+
"<"
|
|
53
|
+
).to(i, { height: i.offsetHeight }, "<").to(e == null ? void 0 : e.querySelector('[data-scroll-id="protocol"]'), { scale: 1 }, "<").to(e == null ? void 0 : e.querySelector('[data-scroll-id="image-circle"]'), { scale: 1, yPercent: 5 }, "<"), H < n.length - 1 && f.to(e, { height: h.offsetHeight, delay: 0.5 }).to(
|
|
54
|
+
e.nextElementSibling,
|
|
55
|
+
{ height: h.offsetHeight + i.offsetHeight },
|
|
56
|
+
"<"
|
|
57
|
+
).to(
|
|
58
|
+
((v = e.nextElementSibling) == null ? void 0 : v.querySelector('[data-scroll-id="section-title"]')) || null,
|
|
59
|
+
{ scale: y, yPercent: 100 },
|
|
60
|
+
"<"
|
|
61
|
+
).to(
|
|
62
|
+
((N = e.nextElementSibling) == null ? void 0 : N.querySelector('[data-scroll-id="section-index"]')) || null,
|
|
63
|
+
{ scale: S, yPercent: 100 },
|
|
64
|
+
"<"
|
|
65
|
+
).to(
|
|
66
|
+
((x = e.nextElementSibling) == null ? void 0 : x.querySelector('[data-scroll-id="content"]')) || null,
|
|
67
|
+
{ height: i.offsetHeight, yPercent: 0 },
|
|
68
|
+
"<"
|
|
69
|
+
).to(
|
|
70
|
+
((P = e.nextElementSibling) == null ? void 0 : P.querySelector('[data-scroll-id="protocol"]')) || null,
|
|
71
|
+
{ scale: 1 },
|
|
72
|
+
"<"
|
|
73
|
+
).to(
|
|
74
|
+
((b = e.nextElementSibling) == null ? void 0 : b.querySelector('[data-scroll-id="image-circle"]')) || null,
|
|
75
|
+
{ scale: 1, yPercent: 5 },
|
|
76
|
+
"<"
|
|
77
|
+
).to(
|
|
78
|
+
e == null ? void 0 : e.querySelector('[data-scroll-id="section-title"]'),
|
|
79
|
+
{ scale: 1, yPercent: -15 },
|
|
80
|
+
"<"
|
|
81
|
+
).to(
|
|
82
|
+
e == null ? void 0 : e.querySelector('[data-scroll-id="section-index"]'),
|
|
83
|
+
{ scale: 1, yPercent: -15 },
|
|
84
|
+
"<"
|
|
85
|
+
).to(i, { height: 0, yPercent: 0 }, "<").to(e == null ? void 0 : e.querySelector('[data-scroll-id="protocol"]'), { scale: 0, yPercent: 200 }, "<").to(
|
|
86
|
+
e == null ? void 0 : e.querySelector('[data-scroll-id="image-circle"]'),
|
|
87
|
+
{ scale: 0, yPercent: 200 },
|
|
88
|
+
"<"
|
|
89
|
+
));
|
|
90
|
+
});
|
|
91
|
+
};
|
|
92
|
+
a();
|
|
93
|
+
const s = k(() => {
|
|
94
|
+
a();
|
|
95
|
+
}, 200);
|
|
96
|
+
return window.addEventListener("resize", s), () => {
|
|
97
|
+
window.removeEventListener("resize", s), g.getAll().forEach((n) => n.kill()), d.killTweensOf("*");
|
|
98
|
+
};
|
|
99
|
+
},
|
|
100
|
+
{
|
|
101
|
+
scope: c,
|
|
102
|
+
dependencies: [c]
|
|
103
|
+
}
|
|
104
|
+
), /* @__PURE__ */ t("div", { ref: c, className: `${l.root} ${l[u]}`, children: /* @__PURE__ */ o("div", { className: l.expandingDetailsWrapper, children: [
|
|
105
|
+
/* @__PURE__ */ o("header", { "data-scroll-id": "header", className: l.header, children: [
|
|
106
|
+
/* @__PURE__ */ t(m, { as: "div", defaultVariant: "labelSm", emphasis: !0, className: l.label, children: E }),
|
|
107
|
+
/* @__PURE__ */ t(
|
|
108
|
+
W,
|
|
109
|
+
{
|
|
110
|
+
as: "div",
|
|
111
|
+
defaultVariant: "displayMd",
|
|
112
|
+
mobileVariant: "headingXl",
|
|
113
|
+
colorScheme: u,
|
|
114
|
+
className: l.title,
|
|
115
|
+
title: w
|
|
116
|
+
}
|
|
117
|
+
)
|
|
118
|
+
] }),
|
|
119
|
+
/* @__PURE__ */ t("div", { "data-scroll-id": "sections", className: l.sections, children: T.map((a, s) => /* @__PURE__ */ o(
|
|
120
|
+
"div",
|
|
121
|
+
{
|
|
122
|
+
id: `section-${s + 1}`,
|
|
123
|
+
"data-scroll-id": "section",
|
|
124
|
+
className: l.section,
|
|
125
|
+
children: [
|
|
126
|
+
/* @__PURE__ */ o("div", { "data-scroll-id": "heading", className: l.heading, children: [
|
|
127
|
+
/* @__PURE__ */ t("div", { "data-scroll-id": "section-title", className: l.sectionTitleWrapper, children: /* @__PURE__ */ t(m, { as: "h3", defaultVariant: "headingSm", className: l.sectionTitle, children: a.title }) }),
|
|
128
|
+
/* @__PURE__ */ t("div", { "data-scroll-id": "section-index", className: l.sectionIndexWrapper, children: /* @__PURE__ */ o(m, { as: "p", defaultVariant: "headingSm", className: l.sectionIndex, children: [
|
|
129
|
+
"(",
|
|
130
|
+
String(s + 1).padStart(2, "0"),
|
|
131
|
+
")"
|
|
132
|
+
] }) })
|
|
133
|
+
] }),
|
|
134
|
+
/* @__PURE__ */ o("div", { "data-scroll-id": "content", className: l.content, children: [
|
|
135
|
+
/* @__PURE__ */ t("div", { "data-scroll-id": "protocol", className: l.protocolWrapper, children: /* @__PURE__ */ t(
|
|
136
|
+
m,
|
|
137
|
+
{
|
|
138
|
+
as: "div",
|
|
139
|
+
defaultVariant: "bodyMd",
|
|
140
|
+
mobileVariant: "bodySm",
|
|
141
|
+
className: l.protocol,
|
|
142
|
+
children: a.protocol
|
|
143
|
+
}
|
|
144
|
+
) }),
|
|
145
|
+
/* @__PURE__ */ t("div", { "data-scroll-id": "image-circle", className: l.imageCircle, children: /* @__PURE__ */ t("img", { src: a.image, alt: a.title }) })
|
|
146
|
+
] }),
|
|
147
|
+
/* @__PURE__ */ t("div", { className: l.leftBorder }),
|
|
148
|
+
/* @__PURE__ */ t("div", { className: l.rightBorder })
|
|
149
|
+
]
|
|
150
|
+
},
|
|
151
|
+
a.title
|
|
152
|
+
)) })
|
|
153
|
+
] }) });
|
|
154
|
+
};
|
|
155
|
+
export {
|
|
156
|
+
O as ExpandingDetails
|
|
157
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="expandingDetails-module__root___5WLQh",t="expandingDetails-module__dark___BhUf9",o="expandingDetails-module__expandingDetailsWrapper___sqLS5",n="expandingDetails-module__header___Rp1BD",r="expandingDetails-module__title___5WsER",i="expandingDetails-module__label___w2Sjs",_="expandingDetails-module__sections___xpvak",a="expandingDetails-module__section___zgXvg",l="expandingDetails-module__leftBorder___lZI-L",s="expandingDetails-module__rightBorder___xfwvL",d="expandingDetails-module__topLeftCorner___sT8-Q",p="expandingDetails-module__topRightCorner___q9HbO",c="expandingDetails-module__bottomLeftCorner___E3e0F",g="expandingDetails-module__bottomRightCorner___VQJBu",x="expandingDetails-module__heading___htlX-",m="expandingDetails-module__sectionTitleWrapper___WxS9B",u="expandingDetails-module__sectionIndexWrapper___l-3VD",D="expandingDetails-module__content___1uGIY",h="expandingDetails-module__protocolWrapper___nq7ij",C="expandingDetails-module__imageCircle___HZJB-",W="expandingDetails-module__sectionIndex___spgOf",f={root:e,dark:t,expandingDetailsWrapper:o,header:n,title:r,label:i,sections:_,section:a,leftBorder:l,rightBorder:s,topLeftCorner:d,topRightCorner:p,bottomLeftCorner:c,bottomRightCorner:g,heading:x,sectionTitleWrapper:m,sectionIndexWrapper:u,content:D,protocolWrapper:h,imageCircle:C,sectionIndex:W};exports.bottomLeftCorner=c;exports.bottomRightCorner=g;exports.content=D;exports.dark=t;exports.default=f;exports.expandingDetailsWrapper=o;exports.header=n;exports.heading=x;exports.imageCircle=C;exports.label=i;exports.leftBorder=l;exports.protocolWrapper=h;exports.rightBorder=s;exports.root=e;exports.section=a;exports.sectionIndex=W;exports.sectionIndexWrapper=u;exports.sectionTitleWrapper=m;exports.sections=_;exports.title=r;exports.topLeftCorner=d;exports.topRightCorner=p;
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
const e = "expandingDetails-module__root___5WLQh", t = "expandingDetails-module__dark___BhUf9", n = "expandingDetails-module__expandingDetailsWrapper___sqLS5", o = "expandingDetails-module__header___Rp1BD", _ = "expandingDetails-module__title___5WsER", i = "expandingDetails-module__label___w2Sjs", r = "expandingDetails-module__sections___xpvak", a = "expandingDetails-module__section___zgXvg", s = "expandingDetails-module__leftBorder___lZI-L", l = "expandingDetails-module__rightBorder___xfwvL", d = "expandingDetails-module__topLeftCorner___sT8-Q", p = "expandingDetails-module__topRightCorner___q9HbO", c = "expandingDetails-module__bottomLeftCorner___E3e0F", g = "expandingDetails-module__bottomRightCorner___VQJBu", x = "expandingDetails-module__heading___htlX-", m = "expandingDetails-module__sectionTitleWrapper___WxS9B", D = "expandingDetails-module__sectionIndexWrapper___l-3VD", u = "expandingDetails-module__content___1uGIY", h = "expandingDetails-module__protocolWrapper___nq7ij", C = "expandingDetails-module__imageCircle___HZJB-", W = "expandingDetails-module__sectionIndex___spgOf", f = {
|
|
2
|
+
root: e,
|
|
3
|
+
dark: t,
|
|
4
|
+
expandingDetailsWrapper: n,
|
|
5
|
+
header: o,
|
|
6
|
+
title: _,
|
|
7
|
+
label: i,
|
|
8
|
+
sections: r,
|
|
9
|
+
section: a,
|
|
10
|
+
leftBorder: s,
|
|
11
|
+
rightBorder: l,
|
|
12
|
+
topLeftCorner: d,
|
|
13
|
+
topRightCorner: p,
|
|
14
|
+
bottomLeftCorner: c,
|
|
15
|
+
bottomRightCorner: g,
|
|
16
|
+
heading: x,
|
|
17
|
+
sectionTitleWrapper: m,
|
|
18
|
+
sectionIndexWrapper: D,
|
|
19
|
+
content: u,
|
|
20
|
+
protocolWrapper: h,
|
|
21
|
+
imageCircle: C,
|
|
22
|
+
sectionIndex: W
|
|
23
|
+
};
|
|
24
|
+
export {
|
|
25
|
+
c as bottomLeftCorner,
|
|
26
|
+
g as bottomRightCorner,
|
|
27
|
+
u as content,
|
|
28
|
+
t as dark,
|
|
29
|
+
f as default,
|
|
30
|
+
n as expandingDetailsWrapper,
|
|
31
|
+
o as header,
|
|
32
|
+
x as heading,
|
|
33
|
+
C as imageCircle,
|
|
34
|
+
i as label,
|
|
35
|
+
s as leftBorder,
|
|
36
|
+
h as protocolWrapper,
|
|
37
|
+
l as rightBorder,
|
|
38
|
+
e as root,
|
|
39
|
+
a as section,
|
|
40
|
+
W as sectionIndex,
|
|
41
|
+
D as sectionIndexWrapper,
|
|
42
|
+
m as sectionTitleWrapper,
|
|
43
|
+
r as sections,
|
|
44
|
+
_ as title,
|
|
45
|
+
d as topLeftCorner,
|
|
46
|
+
p as topRightCorner
|
|
47
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { ExpandingDetails } from './ExpandingDetails';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { TColorScheme } from '../../types/common';
|
|
3
|
+
|
|
4
|
+
export type ExpandingDetailsProps = {
|
|
5
|
+
colorScheme: TColorScheme;
|
|
6
|
+
label: string;
|
|
7
|
+
title: ReactNode;
|
|
8
|
+
sections: {
|
|
9
|
+
title: string;
|
|
10
|
+
protocol: React.ReactNode;
|
|
11
|
+
image: string;
|
|
12
|
+
}[];
|
|
13
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),e=require("./textBlockAnimated.module.css.cjs.js"),i=require("../../node_modules/gsap/index.cjs.js"),l=require("../../node_modules/gsap/SplitText.cjs.js"),u=require("../../node_modules/gsap/ScrollTrigger.cjs.js"),d=require("../../node_modules/@gsap/react/src/index.cjs.js"),p=require("react"),s=require("../../components/Typography/Typography.cjs.js"),g=require("../../utils/cn/cn.cjs.js");i.gsap.registerPlugin(l.SplitText,u.ScrollTrigger);function m({label:a,body:n,colorScheme:c}){const t=p.useRef(null);return d.useGSAP(()=>{l.SplitText.create(t.current,{type:"words chars",className:e.default.bodyText,autoSplit:!0,onSplit:o=>i.gsap.from(o.chars,{stagger:2,opacity:.3,duration:1,scrollTrigger:{trigger:t.current,start:"top 70%",end:"top 30%",scrub:!0,markers:!1}})})},{scope:t}),r.jsx("div",{className:g.cn(e.default.root,e.default[c]),children:r.jsxs("div",{className:e.default.container,children:[a&&r.jsx(s.Typography,{as:"p",defaultVariant:"labelMd",mobileVariant:"labelSm",emphasis:!0,className:e.default.label,children:a}),r.jsxs(s.Typography,{as:"div",defaultVariant:"displayMd",mobileVariant:"headingMd",className:e.default.body,children:[a&&r.jsx("span",{className:e.default.spacer,children:" "}),r.jsx("p",{className:e.default.bodyText,ref:t,children:n})]})]})})}exports.TextBlockAnimated=m;
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { jsx as t, jsxs as o } from "react/jsx-runtime";
|
|
2
|
+
import r from "./textBlockAnimated.module.css.es.js";
|
|
3
|
+
import { gsap as i } from "../../node_modules/gsap/index.es.js";
|
|
4
|
+
import { SplitText as l } from "../../node_modules/gsap/SplitText.es.js";
|
|
5
|
+
import { ScrollTrigger as p } from "../../node_modules/gsap/ScrollTrigger.es.js";
|
|
6
|
+
import { useGSAP as d } from "../../node_modules/@gsap/react/src/index.es.js";
|
|
7
|
+
import { useRef as u } from "react";
|
|
8
|
+
import { Typography as s } from "../../components/Typography/Typography.es.js";
|
|
9
|
+
import { cn as f } from "../../utils/cn/cn.es.js";
|
|
10
|
+
i.registerPlugin(l, p);
|
|
11
|
+
function v({ label: a, body: m, colorScheme: c }) {
|
|
12
|
+
const e = u(null);
|
|
13
|
+
return d(
|
|
14
|
+
() => {
|
|
15
|
+
l.create(e.current, {
|
|
16
|
+
type: "words chars",
|
|
17
|
+
className: r.bodyText,
|
|
18
|
+
autoSplit: !0,
|
|
19
|
+
onSplit: (n) => i.from(n.chars, {
|
|
20
|
+
stagger: 2,
|
|
21
|
+
opacity: 0.3,
|
|
22
|
+
duration: 1,
|
|
23
|
+
scrollTrigger: {
|
|
24
|
+
trigger: e.current,
|
|
25
|
+
start: "top 70%",
|
|
26
|
+
end: "top 30%",
|
|
27
|
+
scrub: !0,
|
|
28
|
+
markers: !1
|
|
29
|
+
}
|
|
30
|
+
})
|
|
31
|
+
});
|
|
32
|
+
},
|
|
33
|
+
{ scope: e }
|
|
34
|
+
), /* @__PURE__ */ t("div", { className: f(r.root, r[c]), children: /* @__PURE__ */ o("div", { className: r.container, children: [
|
|
35
|
+
a && /* @__PURE__ */ t(
|
|
36
|
+
s,
|
|
37
|
+
{
|
|
38
|
+
as: "p",
|
|
39
|
+
defaultVariant: "labelMd",
|
|
40
|
+
mobileVariant: "labelSm",
|
|
41
|
+
emphasis: !0,
|
|
42
|
+
className: r.label,
|
|
43
|
+
children: a
|
|
44
|
+
}
|
|
45
|
+
),
|
|
46
|
+
/* @__PURE__ */ o(s, { as: "div", defaultVariant: "displayMd", mobileVariant: "headingMd", className: r.body, children: [
|
|
47
|
+
a && /* @__PURE__ */ t("span", { className: r.spacer, children: " " }),
|
|
48
|
+
/* @__PURE__ */ t("p", { className: r.bodyText, ref: e, children: m })
|
|
49
|
+
] })
|
|
50
|
+
] }) });
|
|
51
|
+
}
|
|
52
|
+
export {
|
|
53
|
+
v as TextBlockAnimated
|
|
54
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { TextBlockAnimated } from './TextBlockAnimated';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="textBlockAnimated-module__root___V0bMj",e="textBlockAnimated-module__container___uAVHG",o="textBlockAnimated-module__label___Bn6xU",_="textBlockAnimated-module__dark___bDegK",l="textBlockAnimated-module__light___CQsqA",d="textBlockAnimated-module__bodyText___HM1U2",n="textBlockAnimated-module__body___UnIbx",a="textBlockAnimated-module__spacer___0EhT-",c={root:t,container:e,label:o,dark:_,light:l,bodyText:d,body:n,spacer:a};exports.body=n;exports.bodyText=d;exports.container=e;exports.dark=_;exports.default=c;exports.label=o;exports.light=l;exports.root=t;exports.spacer=a;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
const t = "textBlockAnimated-module__root___V0bMj", o = "textBlockAnimated-module__container___uAVHG", e = "textBlockAnimated-module__label___Bn6xU", _ = "textBlockAnimated-module__dark___bDegK", l = "textBlockAnimated-module__light___CQsqA", d = "textBlockAnimated-module__bodyText___HM1U2", n = "textBlockAnimated-module__body___UnIbx", c = "textBlockAnimated-module__spacer___0EhT-", a = {
|
|
2
|
+
root: t,
|
|
3
|
+
container: o,
|
|
4
|
+
label: e,
|
|
5
|
+
dark: _,
|
|
6
|
+
light: l,
|
|
7
|
+
bodyText: d,
|
|
8
|
+
body: n,
|
|
9
|
+
spacer: c
|
|
10
|
+
};
|
|
11
|
+
export {
|
|
12
|
+
n as body,
|
|
13
|
+
d as bodyText,
|
|
14
|
+
o as container,
|
|
15
|
+
_ as dark,
|
|
16
|
+
a as default,
|
|
17
|
+
e as label,
|
|
18
|
+
l as light,
|
|
19
|
+
t as root,
|
|
20
|
+
c as spacer
|
|
21
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});/*!
|
|
2
|
+
* SplitText 3.13.0
|
|
3
|
+
* https://gsap.com
|
|
4
|
+
*
|
|
5
|
+
* @license Copyright 2025, GreenSock. All rights reserved. Subject to the terms at https://gsap.com/standard-license.
|
|
6
|
+
* @author: Jack Doyle
|
|
7
|
+
*/let D,M,G,ne=()=>G||Q.register(window.gsap),V=typeof Intl<"u"?new Intl.Segmenter:0,q=e=>typeof e=="string"?q(document.querySelectorAll(e)):"length"in e?Array.from(e):[e],X=e=>q(e).filter(t=>t instanceof HTMLElement),J=[],$=function(){},le=/\s+/g,Y=new RegExp("\\p{RI}\\p{RI}|\\p{Emoji}(\\p{EMod}|\\u{FE0F}\\u{20E3}?|[\\u{E0020}-\\u{E007E}]+\\u{E007F})?(\\u{200D}\\p{Emoji}(\\p{EMod}|\\u{FE0F}\\u{20E3}?|[\\u{E0020}-\\u{E007E}]+\\u{E007F})?)*|.","gu"),Z={left:0,top:0,width:0,height:0},ee=(e,t)=>{if(t){let n=new Set(e.join("").match(t)||J),i=e.length,o,f,s,a;if(n.size)for(;--i>-1;){f=e[i];for(s of n)if(s.startsWith(f)&&s.length>f.length){for(o=0,a=f;s.startsWith(a+=e[i+ ++o])&&a.length<s.length;);if(o&&a.length===s.length){e[i]=s,e.splice(i+1,o);break}}}}return e},te=e=>window.getComputedStyle(e).display==="inline"&&(e.style.display="inline-block"),F=(e,t,n)=>t.insertBefore(typeof e=="string"?document.createTextNode(e):e,n),K=(e,t,n)=>{let i=t[e+"sClass"]||"",{tag:o="div",aria:f="auto",propIndex:s=!1}=t,a=e==="line"?"block":"inline-block",d=i.indexOf("++")>-1,b=S=>{let g=document.createElement(o),y=n.length+1;return i&&(g.className=i+(d?" "+i+y:"")),s&&g.style.setProperty("--"+e,y+""),f!=="none"&&g.setAttribute("aria-hidden","true"),o!=="span"&&(g.style.position="relative",g.style.display=a),g.textContent=S,n.push(g),g};return d&&(i=i.replace("++","")),b.collection=n,b},oe=(e,t,n,i)=>{let o=K("line",n,i),f=window.getComputedStyle(e).textAlign||"left";return(s,a)=>{let d=o("");for(d.style.textAlign=f,e.insertBefore(d,t[s]);s<a;s++)d.appendChild(t[s]);d.normalize()}},ie=(e,t,n,i,o,f,s,a,d,b)=>{var S;let g=Array.from(e.childNodes),y=0,{wordDelimiter:N,reduceWhiteSpace:R=!0,prepareText:P}=t,H=e.getBoundingClientRect(),k=H,z=!R&&window.getComputedStyle(e).whiteSpace.substring(0,3)==="pre",_=0,v=n.collection,l,c,I,r,m,x,O,h,u,A,C,W,T,L,w,p,B,E;for(typeof N=="object"?(I=N.delimiter||N,c=N.replaceWith||""):c=N===""?"":N||" ",l=c!==" ";y<g.length;y++)if(r=g[y],r.nodeType===3){for(w=r.textContent||"",R?w=w.replace(le," "):z&&(w=w.replace(/\n/g,c+`
|
|
8
|
+
`)),P&&(w=P(w,e)),r.textContent=w,m=c||I?w.split(I||c):w.match(a)||J,B=m[m.length-1],h=l?B.slice(-1)===" ":!B,B||m.pop(),k=H,O=l?m[0].charAt(0)===" ":!m[0],O&&F(" ",e,r),m[0]||m.shift(),ee(m,d),f&&b||(r.textContent=""),u=1;u<=m.length;u++)if(p=m[u-1],!R&&z&&p.charAt(0)===`
|
|
9
|
+
`&&((S=r.previousSibling)==null||S.remove(),F(document.createElement("br"),e,r),p=p.slice(1)),!R&&p==="")F(c,e,r);else if(p===" ")e.insertBefore(document.createTextNode(" "),r);else{if(l&&p.charAt(0)===" "&&F(" ",e,r),_&&u===1&&!O&&v.indexOf(_.parentNode)>-1?(x=v[v.length-1],x.appendChild(document.createTextNode(i?"":p))):(x=n(i?"":p),F(x,e,r),_&&u===1&&!O&&x.insertBefore(_,x.firstChild)),i)for(C=V?ee([...V.segment(p)].map(j=>j.segment),d):p.match(a)||J,E=0;E<C.length;E++)x.appendChild(C[E]===" "?document.createTextNode(" "):i(C[E]));if(f&&b){if(w=r.textContent=w.substring(p.length+1,w.length),A=x.getBoundingClientRect(),A.top>k.top&&A.left<=k.left){for(W=e.cloneNode(),T=e.childNodes[0];T&&T!==x;)L=T,T=T.nextSibling,W.appendChild(L);e.parentNode.insertBefore(W,e),o&&te(W)}k=A}(u<m.length||h)&&F(u>=m.length?" ":l&&p.slice(-1)===" "?" "+c:c,e,r)}e.removeChild(r),_=0}else r.nodeType===1&&(s&&s.indexOf(r)>-1?(v.indexOf(r.previousSibling)>-1&&v[v.length-1].appendChild(r),_=r):(ie(r,t,n,i,o,f,s,a,d,!0),_=0),o&&te(r))};const se=class re{constructor(t,n){this.isSplit=!1,ne(),this.elements=X(t),this.chars=[],this.words=[],this.lines=[],this.masks=[],this.vars=n,this._split=()=>this.isSplit&&this.split(this.vars);let i=[],o,f=()=>{let s=i.length,a;for(;s--;){a=i[s];let d=a.element.offsetWidth;if(d!==a.width){a.width=d,this._split();return}}};this._data={orig:i,obs:typeof ResizeObserver<"u"&&new ResizeObserver(()=>{clearTimeout(o),o=setTimeout(f,200)})},$(this),this.split(n)}split(t){this.isSplit&&this.revert(),this.vars=t=t||this.vars||{};let{type:n="chars,words,lines",aria:i="auto",deepSlice:o=!0,smartWrap:f,onSplit:s,autoSplit:a=!1,specialChars:d,mask:b}=this.vars,S=n.indexOf("lines")>-1,g=n.indexOf("chars")>-1,y=n.indexOf("words")>-1,N=g&&!y&&!S,R=d&&("push"in d?new RegExp("(?:"+d.join("|")+")","gu"):d),P=R?new RegExp(R.source+"|"+Y.source,"gu"):Y,H=!!t.ignore&&X(t.ignore),{orig:k,animTime:z,obs:_}=this._data,v;return(g||y||S)&&(this.elements.forEach((l,c)=>{k[c]={element:l,html:l.innerHTML,ariaL:l.getAttribute("aria-label"),ariaH:l.getAttribute("aria-hidden")},i==="auto"?l.setAttribute("aria-label",(l.textContent||"").trim()):i==="hidden"&&l.setAttribute("aria-hidden","true");let I=[],r=[],m=[],x=g?K("char",t,I):null,O=K("word",t,r),h,u,A,C;if(ie(l,t,O,x,N,o&&(S||N),H,P,R,!1),S){let W=q(l.childNodes),T=oe(l,W,t,m),L,w=[],p=0,B=W.map(j=>j.nodeType===1?j.getBoundingClientRect():Z),E=Z;for(h=0;h<W.length;h++)L=W[h],L.nodeType===1&&(L.nodeName==="BR"?(w.push(L),T(p,h+1),p=h+1,E=B[p]):(h&&B[h].top>E.top&&B[h].left<=E.left&&(T(p,h),p=h),E=B[h]));p<h&&T(p,h),w.forEach(j=>{var U;return(U=j.parentNode)==null?void 0:U.removeChild(j)})}if(!y){for(h=0;h<r.length;h++)if(u=r[h],g||!u.nextSibling||u.nextSibling.nodeType!==3)if(f&&!S){for(A=document.createElement("span"),A.style.whiteSpace="nowrap";u.firstChild;)A.appendChild(u.firstChild);u.replaceWith(A)}else u.replaceWith(...u.childNodes);else C=u.nextSibling,C&&C.nodeType===3&&(C.textContent=(u.textContent||"")+(C.textContent||""),u.remove());r.length=0,l.normalize()}this.lines.push(...m),this.words.push(...r),this.chars.push(...I)}),b&&this[b]&&this.masks.push(...this[b].map(l=>{let c=l.cloneNode();return l.replaceWith(c),c.appendChild(l),l.className&&(c.className=l.className.replace(/(\b\w+\b)/g,"$1-mask")),c.style.overflow="clip",c}))),this.isSplit=!0,M&&(a?M.addEventListener("loadingdone",this._split):M.status==="loading"&&console.warn("SplitText called before fonts loaded")),(v=s&&s(this))&&v.totalTime&&(this._data.anim=z?v.totalTime(z):v),S&&a&&this.elements.forEach((l,c)=>{k[c].width=l.offsetWidth,_&&_.observe(l)}),this}revert(){var t,n;let{orig:i,anim:o,obs:f}=this._data;return f&&f.disconnect(),i.forEach(({element:s,html:a,ariaL:d,ariaH:b})=>{s.innerHTML=a,d?s.setAttribute("aria-label",d):s.removeAttribute("aria-label"),b?s.setAttribute("aria-hidden",b):s.removeAttribute("aria-hidden")}),this.chars.length=this.words.length=this.lines.length=i.length=this.masks.length=0,this.isSplit=!1,M==null||M.removeEventListener("loadingdone",this._split),o&&(this._data.animTime=o.totalTime(),o.revert()),(n=(t=this.vars).onRevert)==null||n.call(t,this),this}static create(t,n){return new re(t,n)}static register(t){D=D||t||window.gsap,D&&(q=D.utils.toArray,$=D.core.context||$),!G&&window.innerWidth>0&&(M=document.fonts,G=!0)}};se.version="3.13.0";let Q=se;exports.SplitText=Q;exports.default=Q;
|
|
@@ -0,0 +1,148 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* SplitText 3.13.0
|
|
3
|
+
* https://gsap.com
|
|
4
|
+
*
|
|
5
|
+
* @license Copyright 2025, GreenSock. All rights reserved. Subject to the terms at https://gsap.com/standard-license.
|
|
6
|
+
* @author: Jack Doyle
|
|
7
|
+
*/
|
|
8
|
+
let M, F, G, re = () => G || oe.register(window.gsap), U = typeof Intl < "u" ? new Intl.Segmenter() : 0, q = (e) => typeof e == "string" ? q(document.querySelectorAll(e)) : "length" in e ? Array.from(e) : [e], V = (e) => q(e).filter((t) => t instanceof HTMLElement), J = [], $ = function() {
|
|
9
|
+
}, ne = /\s+/g, X = new RegExp("\\p{RI}\\p{RI}|\\p{Emoji}(\\p{EMod}|\\u{FE0F}\\u{20E3}?|[\\u{E0020}-\\u{E007E}]+\\u{E007F})?(\\u{200D}\\p{Emoji}(\\p{EMod}|\\u{FE0F}\\u{20E3}?|[\\u{E0020}-\\u{E007E}]+\\u{E007F})?)*|.", "gu"), Y = { left: 0, top: 0, width: 0, height: 0 }, Z = (e, t) => {
|
|
10
|
+
if (t) {
|
|
11
|
+
let n = new Set(e.join("").match(t) || J), i = e.length, o, f, s, a;
|
|
12
|
+
if (n.size)
|
|
13
|
+
for (; --i > -1; ) {
|
|
14
|
+
f = e[i];
|
|
15
|
+
for (s of n)
|
|
16
|
+
if (s.startsWith(f) && s.length > f.length) {
|
|
17
|
+
for (o = 0, a = f; s.startsWith(a += e[i + ++o]) && a.length < s.length; )
|
|
18
|
+
;
|
|
19
|
+
if (o && a.length === s.length) {
|
|
20
|
+
e[i] = s, e.splice(i + 1, o);
|
|
21
|
+
break;
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
return e;
|
|
27
|
+
}, ee = (e) => window.getComputedStyle(e).display === "inline" && (e.style.display = "inline-block"), z = (e, t, n) => t.insertBefore(typeof e == "string" ? document.createTextNode(e) : e, n), K = (e, t, n) => {
|
|
28
|
+
let i = t[e + "sClass"] || "", { tag: o = "div", aria: f = "auto", propIndex: s = !1 } = t, a = e === "line" ? "block" : "inline-block", d = i.indexOf("++") > -1, b = (x) => {
|
|
29
|
+
let g = document.createElement(o), y = n.length + 1;
|
|
30
|
+
return i && (g.className = i + (d ? " " + i + y : "")), s && g.style.setProperty("--" + e, y + ""), f !== "none" && g.setAttribute("aria-hidden", "true"), o !== "span" && (g.style.position = "relative", g.style.display = a), g.textContent = x, n.push(g), g;
|
|
31
|
+
};
|
|
32
|
+
return d && (i = i.replace("++", "")), b.collection = n, b;
|
|
33
|
+
}, le = (e, t, n, i) => {
|
|
34
|
+
let o = K("line", n, i), f = window.getComputedStyle(e).textAlign || "left";
|
|
35
|
+
return (s, a) => {
|
|
36
|
+
let d = o("");
|
|
37
|
+
for (d.style.textAlign = f, e.insertBefore(d, t[s]); s < a; s++)
|
|
38
|
+
d.appendChild(t[s]);
|
|
39
|
+
d.normalize();
|
|
40
|
+
};
|
|
41
|
+
}, te = (e, t, n, i, o, f, s, a, d, b) => {
|
|
42
|
+
var x;
|
|
43
|
+
let g = Array.from(e.childNodes), y = 0, { wordDelimiter: N, reduceWhiteSpace: R = !0, prepareText: H } = t, P = e.getBoundingClientRect(), k = P, D = !R && window.getComputedStyle(e).whiteSpace.substring(0, 3) === "pre", C = 0, S = n.collection, l, c, j, r, m, v, O, h, u, A, _, W, E, L, w, p, B, T;
|
|
44
|
+
for (typeof N == "object" ? (j = N.delimiter || N, c = N.replaceWith || "") : c = N === "" ? "" : N || " ", l = c !== " "; y < g.length; y++)
|
|
45
|
+
if (r = g[y], r.nodeType === 3) {
|
|
46
|
+
for (w = r.textContent || "", R ? w = w.replace(ne, " ") : D && (w = w.replace(/\n/g, c + `
|
|
47
|
+
`)), H && (w = H(w, e)), r.textContent = w, m = c || j ? w.split(j || c) : w.match(a) || J, B = m[m.length - 1], h = l ? B.slice(-1) === " " : !B, B || m.pop(), k = P, O = l ? m[0].charAt(0) === " " : !m[0], O && z(" ", e, r), m[0] || m.shift(), Z(m, d), f && b || (r.textContent = ""), u = 1; u <= m.length; u++)
|
|
48
|
+
if (p = m[u - 1], !R && D && p.charAt(0) === `
|
|
49
|
+
` && ((x = r.previousSibling) == null || x.remove(), z(document.createElement("br"), e, r), p = p.slice(1)), !R && p === "")
|
|
50
|
+
z(c, e, r);
|
|
51
|
+
else if (p === " ")
|
|
52
|
+
e.insertBefore(document.createTextNode(" "), r);
|
|
53
|
+
else {
|
|
54
|
+
if (l && p.charAt(0) === " " && z(" ", e, r), C && u === 1 && !O && S.indexOf(C.parentNode) > -1 ? (v = S[S.length - 1], v.appendChild(document.createTextNode(i ? "" : p))) : (v = n(i ? "" : p), z(v, e, r), C && u === 1 && !O && v.insertBefore(C, v.firstChild)), i)
|
|
55
|
+
for (_ = U ? Z([...U.segment(p)].map((I) => I.segment), d) : p.match(a) || J, T = 0; T < _.length; T++)
|
|
56
|
+
v.appendChild(_[T] === " " ? document.createTextNode(" ") : i(_[T]));
|
|
57
|
+
if (f && b) {
|
|
58
|
+
if (w = r.textContent = w.substring(p.length + 1, w.length), A = v.getBoundingClientRect(), A.top > k.top && A.left <= k.left) {
|
|
59
|
+
for (W = e.cloneNode(), E = e.childNodes[0]; E && E !== v; )
|
|
60
|
+
L = E, E = E.nextSibling, W.appendChild(L);
|
|
61
|
+
e.parentNode.insertBefore(W, e), o && ee(W);
|
|
62
|
+
}
|
|
63
|
+
k = A;
|
|
64
|
+
}
|
|
65
|
+
(u < m.length || h) && z(u >= m.length ? " " : l && p.slice(-1) === " " ? " " + c : c, e, r);
|
|
66
|
+
}
|
|
67
|
+
e.removeChild(r), C = 0;
|
|
68
|
+
} else r.nodeType === 1 && (s && s.indexOf(r) > -1 ? (S.indexOf(r.previousSibling) > -1 && S[S.length - 1].appendChild(r), C = r) : (te(r, t, n, i, o, f, s, a, d, !0), C = 0), o && ee(r));
|
|
69
|
+
};
|
|
70
|
+
const ie = class se {
|
|
71
|
+
constructor(t, n) {
|
|
72
|
+
this.isSplit = !1, re(), this.elements = V(t), this.chars = [], this.words = [], this.lines = [], this.masks = [], this.vars = n, this._split = () => this.isSplit && this.split(this.vars);
|
|
73
|
+
let i = [], o, f = () => {
|
|
74
|
+
let s = i.length, a;
|
|
75
|
+
for (; s--; ) {
|
|
76
|
+
a = i[s];
|
|
77
|
+
let d = a.element.offsetWidth;
|
|
78
|
+
if (d !== a.width) {
|
|
79
|
+
a.width = d, this._split();
|
|
80
|
+
return;
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
};
|
|
84
|
+
this._data = { orig: i, obs: typeof ResizeObserver < "u" && new ResizeObserver(() => {
|
|
85
|
+
clearTimeout(o), o = setTimeout(f, 200);
|
|
86
|
+
}) }, $(this), this.split(n);
|
|
87
|
+
}
|
|
88
|
+
split(t) {
|
|
89
|
+
this.isSplit && this.revert(), this.vars = t = t || this.vars || {};
|
|
90
|
+
let { type: n = "chars,words,lines", aria: i = "auto", deepSlice: o = !0, smartWrap: f, onSplit: s, autoSplit: a = !1, specialChars: d, mask: b } = this.vars, x = n.indexOf("lines") > -1, g = n.indexOf("chars") > -1, y = n.indexOf("words") > -1, N = g && !y && !x, R = d && ("push" in d ? new RegExp("(?:" + d.join("|") + ")", "gu") : d), H = R ? new RegExp(R.source + "|" + X.source, "gu") : X, P = !!t.ignore && V(t.ignore), { orig: k, animTime: D, obs: C } = this._data, S;
|
|
91
|
+
return (g || y || x) && (this.elements.forEach((l, c) => {
|
|
92
|
+
k[c] = {
|
|
93
|
+
element: l,
|
|
94
|
+
html: l.innerHTML,
|
|
95
|
+
ariaL: l.getAttribute("aria-label"),
|
|
96
|
+
ariaH: l.getAttribute("aria-hidden")
|
|
97
|
+
}, i === "auto" ? l.setAttribute("aria-label", (l.textContent || "").trim()) : i === "hidden" && l.setAttribute("aria-hidden", "true");
|
|
98
|
+
let j = [], r = [], m = [], v = g ? K("char", t, j) : null, O = K("word", t, r), h, u, A, _;
|
|
99
|
+
if (te(l, t, O, v, N, o && (x || N), P, H, R, !1), x) {
|
|
100
|
+
let W = q(l.childNodes), E = le(l, W, t, m), L, w = [], p = 0, B = W.map((I) => I.nodeType === 1 ? I.getBoundingClientRect() : Y), T = Y;
|
|
101
|
+
for (h = 0; h < W.length; h++)
|
|
102
|
+
L = W[h], L.nodeType === 1 && (L.nodeName === "BR" ? (w.push(L), E(p, h + 1), p = h + 1, T = B[p]) : (h && B[h].top > T.top && B[h].left <= T.left && (E(p, h), p = h), T = B[h]));
|
|
103
|
+
p < h && E(p, h), w.forEach((I) => {
|
|
104
|
+
var Q;
|
|
105
|
+
return (Q = I.parentNode) == null ? void 0 : Q.removeChild(I);
|
|
106
|
+
});
|
|
107
|
+
}
|
|
108
|
+
if (!y) {
|
|
109
|
+
for (h = 0; h < r.length; h++)
|
|
110
|
+
if (u = r[h], g || !u.nextSibling || u.nextSibling.nodeType !== 3)
|
|
111
|
+
if (f && !x) {
|
|
112
|
+
for (A = document.createElement("span"), A.style.whiteSpace = "nowrap"; u.firstChild; )
|
|
113
|
+
A.appendChild(u.firstChild);
|
|
114
|
+
u.replaceWith(A);
|
|
115
|
+
} else
|
|
116
|
+
u.replaceWith(...u.childNodes);
|
|
117
|
+
else
|
|
118
|
+
_ = u.nextSibling, _ && _.nodeType === 3 && (_.textContent = (u.textContent || "") + (_.textContent || ""), u.remove());
|
|
119
|
+
r.length = 0, l.normalize();
|
|
120
|
+
}
|
|
121
|
+
this.lines.push(...m), this.words.push(...r), this.chars.push(...j);
|
|
122
|
+
}), b && this[b] && this.masks.push(...this[b].map((l) => {
|
|
123
|
+
let c = l.cloneNode();
|
|
124
|
+
return l.replaceWith(c), c.appendChild(l), l.className && (c.className = l.className.replace(/(\b\w+\b)/g, "$1-mask")), c.style.overflow = "clip", c;
|
|
125
|
+
}))), this.isSplit = !0, F && (a ? F.addEventListener("loadingdone", this._split) : F.status === "loading" && console.warn("SplitText called before fonts loaded")), (S = s && s(this)) && S.totalTime && (this._data.anim = D ? S.totalTime(D) : S), x && a && this.elements.forEach((l, c) => {
|
|
126
|
+
k[c].width = l.offsetWidth, C && C.observe(l);
|
|
127
|
+
}), this;
|
|
128
|
+
}
|
|
129
|
+
revert() {
|
|
130
|
+
var t, n;
|
|
131
|
+
let { orig: i, anim: o, obs: f } = this._data;
|
|
132
|
+
return f && f.disconnect(), i.forEach(({ element: s, html: a, ariaL: d, ariaH: b }) => {
|
|
133
|
+
s.innerHTML = a, d ? s.setAttribute("aria-label", d) : s.removeAttribute("aria-label"), b ? s.setAttribute("aria-hidden", b) : s.removeAttribute("aria-hidden");
|
|
134
|
+
}), this.chars.length = this.words.length = this.lines.length = i.length = this.masks.length = 0, this.isSplit = !1, F == null || F.removeEventListener("loadingdone", this._split), o && (this._data.animTime = o.totalTime(), o.revert()), (n = (t = this.vars).onRevert) == null || n.call(t, this), this;
|
|
135
|
+
}
|
|
136
|
+
static create(t, n) {
|
|
137
|
+
return new se(t, n);
|
|
138
|
+
}
|
|
139
|
+
static register(t) {
|
|
140
|
+
M = M || t || window.gsap, M && (q = M.utils.toArray, $ = M.core.context || $), !G && window.innerWidth > 0 && (F = document.fonts, G = !0);
|
|
141
|
+
}
|
|
142
|
+
};
|
|
143
|
+
ie.version = "3.13.0";
|
|
144
|
+
let oe = ie;
|
|
145
|
+
export {
|
|
146
|
+
oe as SplitText,
|
|
147
|
+
oe as default
|
|
148
|
+
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zenpatient-org/healthspan-marketing-ui",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.45",
|
|
4
4
|
"description": "Design system",
|
|
5
5
|
"main": "dist/index.cjs.js",
|
|
6
6
|
"module": "dist/index.es.js",
|
|
@@ -330,6 +330,11 @@
|
|
|
330
330
|
"import": "./dist/modules/FeaturesGallery/FeaturesGallery.es.js",
|
|
331
331
|
"require": "./dist/modules/FeaturesGallery/FeaturesGallery.cjs.js"
|
|
332
332
|
},
|
|
333
|
+
"./FAQComponentItem": {
|
|
334
|
+
"types": "./dist/components/FAQComponentItem/FAQComponentItem.d.ts",
|
|
335
|
+
"import": "./dist/components/FAQComponentItem/FAQComponentItem.es.js",
|
|
336
|
+
"require": "./dist/components/FAQComponentItem/FAQComponentItem.cjs.js"
|
|
337
|
+
},
|
|
333
338
|
"./FollowTheScience": {
|
|
334
339
|
"types": "./dist/modules/FollowTheScience/FollowTheScience.d.ts",
|
|
335
340
|
"import": "./dist/modules/FollowTheScience/FollowTheScience.es.js",
|
|
@@ -395,6 +400,11 @@
|
|
|
395
400
|
"import": "./dist/modules/LongevityPathways/LongevityPathways.es.js",
|
|
396
401
|
"require": "./dist/modules/LongevityPathways/LongevityPathways.cjs.js"
|
|
397
402
|
},
|
|
403
|
+
"./ExpandingDetails": {
|
|
404
|
+
"types": "./dist/modules/ExpandingDetails/ExpandingDetails.d.ts",
|
|
405
|
+
"import": "./dist/modules/ExpandingDetails/ExpandingDetails.es.js",
|
|
406
|
+
"require": "./dist/modules/ExpandingDetails/ExpandingDetails.cjs.js"
|
|
407
|
+
},
|
|
398
408
|
"./Compare": {
|
|
399
409
|
"types": "./dist/modules/Compare/Compare.d.ts",
|
|
400
410
|
"import": "./dist/modules/Compare/Compare.es.js",
|
|
@@ -535,6 +545,11 @@
|
|
|
535
545
|
"import": "./dist/pageComponents/HowItWorksHero/HowItWorksHero.es.js",
|
|
536
546
|
"require": "./dist/pageComponents/HowItWorksHero/HowItWorksHero.cjs.js"
|
|
537
547
|
},
|
|
548
|
+
"./TextBlockAnimated": {
|
|
549
|
+
"types": "./dist/modules/TextBlockAnimated/TextBlockAnimated.d.ts",
|
|
550
|
+
"import": "./dist/modules/TextBlockAnimated/TextBlockAnimated.es.js",
|
|
551
|
+
"require": "./dist/modules/TextBlockAnimated/TextBlockAnimated.cjs.js"
|
|
552
|
+
},
|
|
538
553
|
"./dist/*.css": "./dist/*.css"
|
|
539
554
|
}
|
|
540
555
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="complexImageCarousel-module__container___uoYKj",o="complexImageCarousel-module__carouselArea___dqNWo",s="complexImageCarousel-module__slideContainer___H-r26",r="complexImageCarousel-module__description___R8XsG",t="complexImageCarousel-module__descriptionItem___SAPt8",_="complexImageCarousel-module__progressButtonContainer___l3Qih",l="complexImageCarousel-module__progressButton___b78tE",a={container:e,carouselArea:o,slideContainer:s,"size-atom":"complexImageCarousel-module__size-atom___t7PmI","size-small":"complexImageCarousel-module__size-small___mjSZM","size-medium":"complexImageCarousel-module__size-medium___M-0BQ","size-large":"complexImageCarousel-module__size-large___GITeg","size-x-large":"complexImageCarousel-module__size-x-large___e-BOY",description:r,descriptionItem:t,progressButtonContainer:_,progressButton:l};exports.carouselArea=o;exports.container=e;exports.default=a;exports.description=r;exports.descriptionItem=t;exports.progressButton=l;exports.progressButtonContainer=_;exports.slideContainer=s;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
const e = "complexImageCarousel-module__container___uoYKj", o = "complexImageCarousel-module__carouselArea___dqNWo", s = "complexImageCarousel-module__slideContainer___H-r26", _ = "complexImageCarousel-module__description___R8XsG", l = "complexImageCarousel-module__descriptionItem___SAPt8", r = "complexImageCarousel-module__progressButtonContainer___l3Qih", a = "complexImageCarousel-module__progressButton___b78tE", m = {
|
|
2
|
-
container: e,
|
|
3
|
-
carouselArea: o,
|
|
4
|
-
slideContainer: s,
|
|
5
|
-
"size-atom": "complexImageCarousel-module__size-atom___t7PmI",
|
|
6
|
-
"size-small": "complexImageCarousel-module__size-small___mjSZM",
|
|
7
|
-
"size-medium": "complexImageCarousel-module__size-medium___M-0BQ",
|
|
8
|
-
"size-large": "complexImageCarousel-module__size-large___GITeg",
|
|
9
|
-
"size-x-large": "complexImageCarousel-module__size-x-large___e-BOY",
|
|
10
|
-
description: _,
|
|
11
|
-
descriptionItem: l,
|
|
12
|
-
progressButtonContainer: r,
|
|
13
|
-
progressButton: a
|
|
14
|
-
};
|
|
15
|
-
export {
|
|
16
|
-
o as carouselArea,
|
|
17
|
-
e as container,
|
|
18
|
-
m as default,
|
|
19
|
-
_ as description,
|
|
20
|
-
l as descriptionItem,
|
|
21
|
-
a as progressButton,
|
|
22
|
-
r as progressButtonContainer,
|
|
23
|
-
s as slideContainer
|
|
24
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("../../../Typography/Typography.cjs.js"),o=require("../../../Icon/Icon.cjs.js"),t=require("../../../Icon/constants.cjs.js"),s=require("../../../../utils/cn/cn.cjs.js"),n=require("./faqComponentItem.module.css.cjs.js"),u=({title:r,content:d,isOpen:a,index:i,onClick:l})=>e.jsxs("div",{className:n.default.root,children:[e.jsxs("div",{onClick:()=>l(i??0),className:s.cn(n.default.header,{[n.default.headerSticky]:a}),children:[e.jsx(c.Typography,{defaultVariant:"headingMd",mobileVariant:"headingXxs",children:r}),e.jsxs("div",{className:n.default.closeButtonWrapper,children:[e.jsx(o.Icon,{name:t.EIconName.BRACKET_LEFT}),e.jsx("div",{className:s.cn(n.default.closeButton,{[n.default.closeButtonActive]:a}),children:e.jsx(o.Icon,{name:t.EIconName.PLUS_BOLD})}),e.jsx(o.Icon,{name:t.EIconName.BRACKET_RIGHT})]})]}),e.jsx("div",{className:s.cn(n.default.description,{[n.default.descriptionShow]:a}),children:e.jsx("div",{className:n.default.descriptionInner,children:e.jsx(c.Typography,{as:"p",defaultVariant:"bodyMd",mobileVariant:"bodyXs",children:d})})}),e.jsx("div",{className:n.default.leftBorder}),e.jsx("div",{className:n.default.rightBorder})]});exports.FAQComponentItem=u;
|
package/dist/components/FAQComponent/components/FAQComponentItem/faqComponentItem.module.css.cjs.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="faqComponentItem-module__root___zTwix",o="faqComponentItem-module__header___LxS2t",t="faqComponentItem-module__closeButtonWrapper___FMjQq",n="faqComponentItem-module__closeButton___yWXnz",r="faqComponentItem-module__closeButtonActive___eqfRz",_="faqComponentItem-module__description___UQs0o",c="faqComponentItem-module__descriptionInner___aC4CL",d="faqComponentItem-module__descriptionShow___DZNFQ",s="faqComponentItem-module__leftBorder___7tMoB",i="faqComponentItem-module__rightBorder___xiCjz",l="faqComponentItem-module__headerSticky___nPXFL",m={root:e,header:o,closeButtonWrapper:t,closeButton:n,closeButtonActive:r,description:_,descriptionInner:c,descriptionShow:d,leftBorder:s,rightBorder:i,headerSticky:l};exports.closeButton=n;exports.closeButtonActive=r;exports.closeButtonWrapper=t;exports.default=m;exports.description=_;exports.descriptionInner=c;exports.descriptionShow=d;exports.header=o;exports.headerSticky=l;exports.leftBorder=s;exports.rightBorder=i;exports.root=e;
|