@zenpatient-org/healthspan-marketing-ui 0.1.45 → 0.1.46
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 +6 -14
- package/dist/components/AnchorLinks/types.d.ts +0 -4
- package/dist/components/Button/Button.d.ts +1 -1
- 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 +55 -5
- package/dist/components/ComplexImageCarousel/complexImageCarousel.module.css.cjs.js +1 -0
- package/dist/components/ComplexImageCarousel/complexImageCarousel.module.css.es.js +24 -0
- package/dist/components/ComplexTooltip/ComplexTooltip.cjs.js +1 -1
- package/dist/components/ComplexTooltip/ComplexTooltip.d.ts +2 -5
- package/dist/components/ComplexTooltip/ComplexTooltip.es.js +29 -34
- package/dist/components/FAQComponent/FAQComponent.cjs.js +1 -1
- package/dist/components/FAQComponent/FAQComponent.es.js +1 -1
- package/dist/components/FAQComponent/components/FAQComponentItem/FAQComponentItem.cjs.js +1 -0
- package/dist/components/{FAQComponentItem → FAQComponent/components/FAQComponentItem}/FAQComponentItem.es.js +4 -4
- package/dist/components/FAQComponent/components/FAQComponentItem/faqComponentItem.module.css.cjs.js +1 -0
- package/dist/components/FAQComponent/components/FAQComponentItem/faqComponentItem.module.css.es.js +27 -0
- package/dist/components/FAQComponent/components/index.d.ts +1 -1
- package/dist/components/IconButton/IconButton.d.ts +1 -1
- package/dist/components/InfiniteScroll/InfiniteScroll.cjs.js +1 -1
- package/dist/components/InfiniteScroll/InfiniteScroll.d.ts +0 -1
- package/dist/components/InfiniteScroll/InfiniteScroll.es.js +46 -61
- package/dist/components/Label/index.d.ts +1 -1
- package/dist/components/Label/types.d.ts +3 -1
- package/dist/components/StepsCarousel/StepsCarousel.cjs.js +1 -1
- package/dist/components/StepsCarousel/StepsCarousel.es.js +35 -29
- package/dist/components/StudyGridCard/StudyGridCard.cjs.js +1 -1
- package/dist/components/StudyGridCard/StudyGridCard.d.ts +2 -10
- package/dist/components/StudyGridCard/StudyGridCard.es.js +60 -115
- package/dist/components/StudyGridCard/studyGridCard.module.css.cjs.js +1 -1
- package/dist/components/StudyGridCard/studyGridCard.module.css.es.js +12 -24
- package/dist/components/Tag/Tag.cjs.js +1 -1
- package/dist/components/Tag/Tag.d.ts +2 -2
- package/dist/components/Tag/Tag.es.js +11 -11
- package/dist/healthspan-marketing-ui.css +1 -1
- package/dist/modules/FollowTheScience/FollowTheScience.cjs.js +1 -1
- package/dist/modules/FollowTheScience/FollowTheScience.d.ts +0 -1
- package/dist/modules/FollowTheScience/FollowTheScience.es.js +14 -13
- package/dist/modules/IndividualProductCard/IndividualProductCard.d.ts +2 -2
- package/dist/modules/IngredientHighlight/components/Ingredient/Ingredient.cjs.js +1 -1
- package/dist/modules/IngredientHighlight/components/Ingredient/Ingredient.es.js +6 -6
- package/dist/modules/IngredientHighlight/components/Ingredient/types.d.ts +1 -1
- package/dist/modules/IngredientHighlight/types.d.ts +1 -1
- package/dist/modules/ResearchEssentialReadings/ResearchEssentialReadings.cjs.js +1 -1
- package/dist/modules/ResearchEssentialReadings/ResearchEssentialReadings.es.js +13 -13
- package/dist/modules/ResearchEssentialReadings/index.d.ts +0 -2
- package/dist/modules/ResearchFeatured/ResearchFeatured.cjs.js +1 -1
- package/dist/modules/ResearchFeatured/ResearchFeatured.es.js +9 -9
- package/dist/modules/ResearchFeatured/index.d.ts +0 -1
- package/dist/modules/ResearchFilters/ResearchFilters.cjs.js +1 -1
- package/dist/modules/ResearchFilters/ResearchFilters.d.ts +1 -3
- package/dist/modules/ResearchFilters/ResearchFilters.es.js +24 -18
- package/dist/modules/ResearchStudies/ResearchStudies.cjs.js +1 -1
- package/dist/modules/ResearchStudies/ResearchStudies.d.ts +2 -8
- package/dist/modules/ResearchStudies/ResearchStudies.es.js +11 -10
- package/dist/modules/ResearchStudies/components/StudyCard/StudyCard.d.ts +1 -1
- package/dist/modules/ResearchStudies/components/StudyCard/index.d.ts +1 -0
- package/dist/modules/ResearchStudies/components/StudyCard/types.d.ts +10 -0
- package/dist/modules/ResearchStudies/components/index.d.ts +2 -0
- package/dist/modules/ResearchStudies/index.d.ts +0 -1
- package/dist/modules/ResearchStudies/types.d.ts +3 -8
- package/package.json +6 -1
- package/dist/components/ComplexImageCarousel/ComplexCarousel/ComplexCarousel.cjs.js +0 -1
- package/dist/components/ComplexImageCarousel/ComplexCarousel/ComplexCarousel.d.ts +0 -5
- package/dist/components/ComplexImageCarousel/ComplexCarousel/ComplexCarousel.es.js +0 -57
- package/dist/components/ComplexImageCarousel/ComplexCarousel/complexImageCarousel.module.css.cjs.js +0 -1
- package/dist/components/ComplexImageCarousel/ComplexCarousel/complexImageCarousel.module.css.es.js +0 -24
- package/dist/components/ComplexImageCarousel/ComplexCarousel/index.d.ts +0 -1
- package/dist/components/ComplexImageCarousel/SimpleImageCarousel/SimpleImageCarousel.cjs.js +0 -1
- package/dist/components/ComplexImageCarousel/SimpleImageCarousel/SimpleImageCarousel.d.ts +0 -5
- package/dist/components/ComplexImageCarousel/SimpleImageCarousel/SimpleImageCarousel.es.js +0 -76
- package/dist/components/ComplexImageCarousel/SimpleImageCarousel/index.d.ts +0 -1
- package/dist/components/ComplexImageCarousel/SimpleImageCarousel/simpleImageCarousel.module.css.cjs.js +0 -1
- package/dist/components/ComplexImageCarousel/SimpleImageCarousel/simpleImageCarousel.module.css.es.js +0 -15
- package/dist/components/FAQComponentItem/FAQComponentItem.cjs.js +0 -1
- package/dist/components/FAQComponentItem/faqComponentItem.module.css.cjs.js +0 -1
- package/dist/components/FAQComponentItem/faqComponentItem.module.css.es.js +0 -27
- package/dist/modules/ExpandingDetails/ExpandingDetails.cjs.js +0 -1
- package/dist/modules/ExpandingDetails/ExpandingDetails.d.ts +0 -3
- package/dist/modules/ExpandingDetails/ExpandingDetails.es.js +0 -157
- package/dist/modules/ExpandingDetails/expandingDetails.module.css.cjs.js +0 -1
- package/dist/modules/ExpandingDetails/expandingDetails.module.css.es.js +0 -47
- package/dist/modules/ExpandingDetails/index.d.ts +0 -1
- package/dist/modules/ExpandingDetails/types.d.ts +0 -13
- package/dist/modules/TextBlockAnimated/TextBlockAnimated.cjs.js +0 -1
- package/dist/modules/TextBlockAnimated/TextBlockAnimated.d.ts +0 -6
- package/dist/modules/TextBlockAnimated/TextBlockAnimated.es.js +0 -54
- package/dist/modules/TextBlockAnimated/index.d.ts +0 -1
- package/dist/modules/TextBlockAnimated/textBlockAnimated.module.css.cjs.js +0 -1
- package/dist/modules/TextBlockAnimated/textBlockAnimated.module.css.es.js +0 -21
- package/dist/node_modules/gsap/SplitText.cjs.js +0 -9
- package/dist/node_modules/gsap/SplitText.es.js +0 -148
- package/dist/pageComponents/HowItWorksHero/HowItWorksHero.d.ts +0 -1
- package/dist/pageComponents/HowItWorksHero/assets/Container.png.cjs.js +0 -1
- package/dist/pageComponents/HowItWorksHero/assets/Container.png.es.js +0 -4
- package/dist/pageComponents/HowItWorksHero/assets/people.png.cjs.js +0 -1
- package/dist/pageComponents/HowItWorksHero/assets/people.png.es.js +0 -4
- package/dist/pageComponents/HowItWorksHero/howItWorksHero.module.css.cjs.js +0 -1
- package/dist/pageComponents/HowItWorksHero/howItWorksHero.module.css.es.js +0 -17
- package/dist/pageComponents/HowItWorksHero/index.d.ts +0 -1
- package/dist/pageComponents/HowItWorksHero.cjs.js +0 -1
- package/dist/pageComponents/HowItWorksHero.es.js +0 -14
- /package/dist/components/{FAQComponentItem → FAQComponent/components/FAQComponentItem}/FAQComponentItem.d.ts +0 -0
- /package/dist/components/{FAQComponentItem → FAQComponent/components/FAQComponentItem}/index.d.ts +0 -0
- /package/dist/components/{FAQComponentItem → FAQComponent/components/FAQComponentItem}/types.d.ts +0 -0
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as l, jsxs as n } from "react/jsx-runtime";
|
|
3
|
-
import { useState as p } from "react";
|
|
4
|
-
import { ComplexTooltip as c } from "../../ComplexTooltip/ComplexTooltip.es.js";
|
|
5
|
-
import "../../Icon/Icon.es.js";
|
|
6
|
-
import { Typography as o } from "../../Typography/Typography.es.js";
|
|
7
|
-
import { InfiniteScroll as d } from "../../InfiniteScroll/InfiniteScroll.es.js";
|
|
8
|
-
import e from "./simpleImageCarousel.module.css.es.js";
|
|
9
|
-
const b = ({ images: m }) => {
|
|
10
|
-
const [t, s] = p(null);
|
|
11
|
-
return /* @__PURE__ */ l("div", { className: e.simpleContainer, children: /* @__PURE__ */ l(
|
|
12
|
-
d,
|
|
13
|
-
{
|
|
14
|
-
items: m,
|
|
15
|
-
renderItem: (i, a) => /* @__PURE__ */ n(
|
|
16
|
-
"div",
|
|
17
|
-
{
|
|
18
|
-
className: e.simpleItem,
|
|
19
|
-
onMouseEnter: (r) => {
|
|
20
|
-
s({
|
|
21
|
-
x: r.clientX,
|
|
22
|
-
y: r.clientY
|
|
23
|
-
});
|
|
24
|
-
},
|
|
25
|
-
onMouseMove: (r) => {
|
|
26
|
-
s({
|
|
27
|
-
x: r.clientX,
|
|
28
|
-
y: r.clientY
|
|
29
|
-
});
|
|
30
|
-
},
|
|
31
|
-
children: [
|
|
32
|
-
/* @__PURE__ */ l(
|
|
33
|
-
c,
|
|
34
|
-
{
|
|
35
|
-
trigger: "hover",
|
|
36
|
-
title: i.title || "",
|
|
37
|
-
description: i.description || "",
|
|
38
|
-
style: "light",
|
|
39
|
-
transformMode: "absolute",
|
|
40
|
-
transform: { top: (t == null ? void 0 : t.y) || 0, left: t == null ? void 0 : t.x },
|
|
41
|
-
children: /* @__PURE__ */ l("img", { src: i.image, alt: i.title, className: e.simpleImage })
|
|
42
|
-
}
|
|
43
|
-
),
|
|
44
|
-
/* @__PURE__ */ l(
|
|
45
|
-
o,
|
|
46
|
-
{
|
|
47
|
-
as: "h4",
|
|
48
|
-
defaultVariant: "headingXs",
|
|
49
|
-
mobileVariant: "bodyLg",
|
|
50
|
-
className: e.simpleTitle,
|
|
51
|
-
children: i.title
|
|
52
|
-
}
|
|
53
|
-
),
|
|
54
|
-
/* @__PURE__ */ l(
|
|
55
|
-
o,
|
|
56
|
-
{
|
|
57
|
-
as: "p",
|
|
58
|
-
defaultVariant: "bodyMd",
|
|
59
|
-
mobileVariant: "bodySm",
|
|
60
|
-
className: e.simpleDescription,
|
|
61
|
-
children: i.description
|
|
62
|
-
}
|
|
63
|
-
)
|
|
64
|
-
]
|
|
65
|
-
},
|
|
66
|
-
a
|
|
67
|
-
),
|
|
68
|
-
itemClassName: e.simpleItemWrapper,
|
|
69
|
-
contentClassName: e.simpleContent,
|
|
70
|
-
rootClassName: e.simpleRoot
|
|
71
|
-
}
|
|
72
|
-
) });
|
|
73
|
-
};
|
|
74
|
-
export {
|
|
75
|
-
b as SimpleImageCarousel
|
|
76
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { SimpleImageCarousel } from './SimpleImageCarousel';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="simpleImageCarousel-module__simpleContainer___ic1jr",s="simpleImageCarousel-module__simpleContent___FGCNH",m="simpleImageCarousel-module__simpleItemWrapper___Z9nwO",i="simpleImageCarousel-module__simpleItem___91wGk",l="simpleImageCarousel-module__simpleDescription___dV2Sv",t={simpleContainer:e,simpleContent:s,simpleItemWrapper:m,simpleItem:i,simpleDescription:l};exports.default=t;exports.simpleContainer=e;exports.simpleContent=s;exports.simpleDescription=l;exports.simpleItem=i;exports.simpleItemWrapper=m;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
const e = "simpleImageCarousel-module__simpleContainer___ic1jr", s = "simpleImageCarousel-module__simpleContent___FGCNH", m = "simpleImageCarousel-module__simpleItemWrapper___Z9nwO", l = "simpleImageCarousel-module__simpleItem___91wGk", i = "simpleImageCarousel-module__simpleDescription___dV2Sv", p = {
|
|
2
|
-
simpleContainer: e,
|
|
3
|
-
simpleContent: s,
|
|
4
|
-
simpleItemWrapper: m,
|
|
5
|
-
simpleItem: l,
|
|
6
|
-
simpleDescription: i
|
|
7
|
-
};
|
|
8
|
-
export {
|
|
9
|
-
p as default,
|
|
10
|
-
e as simpleContainer,
|
|
11
|
-
s as simpleContent,
|
|
12
|
-
i as simpleDescription,
|
|
13
|
-
l as simpleItem,
|
|
14
|
-
m as simpleItemWrapper
|
|
15
|
-
};
|
|
@@ -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;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="faqComponentItem-module__root___qscxM",o="faqComponentItem-module__header___dmHbo",t="faqComponentItem-module__closeButtonWrapper___FcDO8",n="faqComponentItem-module__closeButton___Va-zE",r="faqComponentItem-module__closeButtonActive___T7tO4",_="faqComponentItem-module__description___V8Qa3",c="faqComponentItem-module__descriptionInner___a-wWW",d="faqComponentItem-module__descriptionShow___nR-X1",s="faqComponentItem-module__leftBorder___lWokl",i="faqComponentItem-module__rightBorder___TGNNR",l="faqComponentItem-module__headerSticky___eQzFQ",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;
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
const o = "faqComponentItem-module__root___qscxM", e = "faqComponentItem-module__header___dmHbo", t = "faqComponentItem-module__closeButtonWrapper___FcDO8", n = "faqComponentItem-module__closeButton___Va-zE", _ = "faqComponentItem-module__closeButtonActive___T7tO4", r = "faqComponentItem-module__description___V8Qa3", c = "faqComponentItem-module__descriptionInner___a-wWW", d = "faqComponentItem-module__descriptionShow___nR-X1", m = "faqComponentItem-module__leftBorder___lWokl", s = "faqComponentItem-module__rightBorder___TGNNR", i = "faqComponentItem-module__headerSticky___eQzFQ", l = {
|
|
2
|
-
root: o,
|
|
3
|
-
header: e,
|
|
4
|
-
closeButtonWrapper: t,
|
|
5
|
-
closeButton: n,
|
|
6
|
-
closeButtonActive: _,
|
|
7
|
-
description: r,
|
|
8
|
-
descriptionInner: c,
|
|
9
|
-
descriptionShow: d,
|
|
10
|
-
leftBorder: m,
|
|
11
|
-
rightBorder: s,
|
|
12
|
-
headerSticky: i
|
|
13
|
-
};
|
|
14
|
-
export {
|
|
15
|
-
n as closeButton,
|
|
16
|
-
_ as closeButtonActive,
|
|
17
|
-
t as closeButtonWrapper,
|
|
18
|
-
l as default,
|
|
19
|
-
r as description,
|
|
20
|
-
c as descriptionInner,
|
|
21
|
-
d as descriptionShow,
|
|
22
|
-
e as header,
|
|
23
|
-
i as headerSticky,
|
|
24
|
-
m as leftBorder,
|
|
25
|
-
s as rightBorder,
|
|
26
|
-
o as root
|
|
27
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
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=$;
|
|
@@ -1,157 +0,0 @@
|
|
|
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
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
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;
|
|
@@ -1,47 +0,0 @@
|
|
|
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
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { ExpandingDetails } from './ExpandingDetails';
|
|
@@ -1,13 +0,0 @@
|
|
|
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
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
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;
|
|
@@ -1,54 +0,0 @@
|
|
|
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
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { TextBlockAnimated } from './TextBlockAnimated';
|
|
@@ -1 +0,0 @@
|
|
|
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;
|
|
@@ -1,21 +0,0 @@
|
|
|
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
|
-
};
|
|
@@ -1,9 +0,0 @@
|
|
|
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;
|