@rtstic.dev/pulse 0.0.19 → 0.0.21
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/global/faqs.js +1 -0
- package/dist/global/faqs.js.map +7 -0
- package/dist/global/styles.css +1 -1
- package/dist/global/styles.css.map +2 -2
- package/dist/home/hero-animation/scroll.js +1 -1
- package/dist/home/hero-animation/scroll.js.map +4 -4
- package/dist/home/horizontal-scroll.js.map +4 -4
- package/dist/slider/testimonial.js.map +2 -2
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";(()=>{document.addEventListener("DOMContentLoaded",()=>{document.querySelectorAll('[data-acc="item"]').forEach(a=>{let o=a.querySelector('[data-acc="toggle"]'),t=a.querySelector('[data-acc="panel"]'),r=a.querySelector('[data-acc="inner"]'),c=a.querySelector('[data-acc="x-line"]'),i=a.querySelector('[data-acc="y-line"]'),l=a.querySelector('[data-acc="divider"]');if(!o||!t||!r)return;gsap.set(t,{height:0,overflow:"hidden"}),gsap.set(r,{opacity:0}),o.setAttribute("aria-expanded","false"),c&&i&&(gsap.set(c,{rotation:0}),gsap.set(i,{rotation:0})),l&&gsap.set(l,{backgroundColor:"var(--grey--grey40)"});let e=!1;o.addEventListener("click",()=>{if(e)return;e=!0,o.getAttribute("aria-expanded")==="true"?u(a,()=>e=!1):s(a,()=>e=!1)})})});function s(n,a){let o=n.querySelector('[data-acc="toggle"]'),t=n.querySelector('[data-acc="panel"]'),r=n.querySelector('[data-acc="inner"]'),c=n.querySelector('[data-acc="x-line"]'),i=n.querySelector('[data-acc="y-line"]'),l=n.querySelector('[data-acc="divider"]');if(!o||!t||!r){a?.();return}t.accAnim?.kill();let e=gsap.timeline({onComplete:()=>a?.()});gsap.set(t,{height:"auto",visibility:"hidden"});let d=t.offsetHeight;gsap.set(t,{height:0,visibility:"visible",overflow:"hidden"}),e.to(t,{height:d,duration:.35,ease:"power3.inOut",onComplete:()=>{t.style.height="auto"}}),e.to(r,{opacity:1,duration:.2,ease:"power2.out"},"-=0.15"),c&&i&&(e.to(c,{rotation:180,duration:.4,ease:"power2.inOut"},0),e.to(i,{rotation:270,duration:.4,ease:"power2.inOut"},0)),l&&e.to(l,{backgroundColor:"var(--grey--grey10)",duration:.3,ease:"power2.inOut"},0),t.accAnim=e,o.setAttribute("aria-expanded","true")}function u(n,a){let o=n.querySelector('[data-acc="toggle"]'),t=n.querySelector('[data-acc="panel"]'),r=n.querySelector('[data-acc="inner"]'),c=n.querySelector('[data-acc="x-line"]'),i=n.querySelector('[data-acc="y-line"]'),l=n.querySelector('[data-acc="divider"]');if(!o||!t||!r){a?.();return}t.accAnim?.kill();let e=gsap.timeline({onComplete:()=>a?.()});e.to(r,{opacity:0,duration:.15,ease:"power2.in"}),e.to(t,{height:0,duration:.25,ease:"power3.inOut"},"-=0.05"),c&&i&&(e.to(c,{rotation:0,duration:.4,ease:"power2.inOut"},0),e.to(i,{rotation:0,duration:.4,ease:"power2.inOut"},0)),l&&e.to(l,{backgroundColor:"var(--grey--grey40)",duration:.3,ease:"power2.inOut"},0),t.accAnim=e,o.setAttribute("aria-expanded","false")}})();
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/global/faqs.ts"],
|
|
4
|
+
"sourcesContent": ["// \u2705 Simple GSAP Accordion (open/close only)\n// Attribute names used in HTML:\n// - data-acc=\"item\" (wrapper)\n// - data-acc=\"toggle\" (click target)\n// - data-acc=\"panel\" (height animates)\n// - data-acc=\"inner\" (opacity animates)\n\ninterface AccordionPanel extends HTMLElement {\n accAnim?: { kill(): void };\n}\n\ndocument.addEventListener(\"DOMContentLoaded\", (): void => {\n const items = document.querySelectorAll<HTMLElement>('[data-acc=\"item\"]');\n\n items.forEach((item) => {\n const toggle = item.querySelector<HTMLElement>('[data-acc=\"toggle\"]');\n const panel = item.querySelector<AccordionPanel>('[data-acc=\"panel\"]');\n const inner = item.querySelector<HTMLElement>('[data-acc=\"inner\"]');\n const xLine = item.querySelector<HTMLElement>('[data-acc=\"x-line\"]');\n const yLine = item.querySelector<HTMLElement>('[data-acc=\"y-line\"]');\n const divider = item.querySelector<HTMLElement>('[data-acc=\"divider\"]');\n\n if (!toggle || !panel || !inner) return;\n\n // initial: closed\n gsap.set(panel, { height: 0, overflow: \"hidden\" });\n gsap.set(inner, { opacity: 0 });\n toggle.setAttribute(\"aria-expanded\", \"false\");\n\n if (xLine && yLine) {\n gsap.set(xLine, { rotation: 0 });\n gsap.set(yLine, { rotation: 0 });\n }\n if (divider) {\n gsap.set(divider, {\n backgroundColor: \"var(--grey--grey40)\",\n });\n }\n let animating = false;\n\n toggle.addEventListener(\"click\", () => {\n if (animating) return;\n animating = true;\n\n const open = toggle.getAttribute(\"aria-expanded\") === \"true\";\n\n if (open) {\n collapseItem(item, () => (animating = false));\n } else {\n expandItem(item, () => (animating = false));\n }\n });\n });\n});\n\nfunction expandItem(item: HTMLElement, done?: () => void): void {\n const toggle = item.querySelector<HTMLElement>('[data-acc=\"toggle\"]');\n const panel = item.querySelector<AccordionPanel>('[data-acc=\"panel\"]');\n const inner = item.querySelector<HTMLElement>('[data-acc=\"inner\"]');\n const xLine = item.querySelector<HTMLElement>('[data-acc=\"x-line\"]');\n const yLine = item.querySelector<HTMLElement>('[data-acc=\"y-line\"]');\n const divider = item.querySelector<HTMLElement>('[data-acc=\"divider\"]');\n\n\n if (!toggle || !panel || !inner) {\n done?.();\n return;\n }\n\n panel.accAnim?.kill();\n\n const tl = gsap.timeline({ onComplete: () => done?.() });\n\n gsap.set(panel, { height: \"auto\", visibility: \"hidden\" });\n const h = panel.offsetHeight;\n gsap.set(panel, { height: 0, visibility: \"visible\", overflow: \"hidden\" });\n\n tl.to(panel, {\n height: h,\n duration: 0.35,\n ease: \"power3.inOut\",\n onComplete: () => {\n panel.style.height = \"auto\";\n },\n });\n\n tl.to(inner, { opacity: 1, duration: 0.2, ease: \"power2.out\" }, \"-=0.15\");\n\n if (xLine && yLine) {\n tl.to(xLine, { rotation: 180, duration: 0.4, ease: \"power2.inOut\" }, 0);\n tl.to(yLine, { rotation: 270, duration: 0.4, ease: \"power2.inOut\" }, 0);\n }\nif (divider) {\n tl.to(\n divider,\n {\n backgroundColor: \"var(--grey--grey10)\",\n duration: 0.3,\n ease: \"power2.inOut\",\n },\n 0\n );\n}\n panel.accAnim = tl;\n toggle.setAttribute(\"aria-expanded\", \"true\");\n}\n\nfunction collapseItem(item: HTMLElement, done?: () => void): void {\n const toggle = item.querySelector<HTMLElement>('[data-acc=\"toggle\"]');\n const panel = item.querySelector<AccordionPanel>('[data-acc=\"panel\"]');\n const inner = item.querySelector<HTMLElement>('[data-acc=\"inner\"]');\n const xLine = item.querySelector<HTMLElement>('[data-acc=\"x-line\"]');\n const yLine = item.querySelector<HTMLElement>('[data-acc=\"y-line\"]');\n const divider = item.querySelector<HTMLElement>('[data-acc=\"divider\"]');\n\n\n if (!toggle || !panel || !inner) {\n done?.();\n return;\n }\n\n panel.accAnim?.kill();\n\n const tl = gsap.timeline({ onComplete: () => done?.() });\n\n tl.to(inner, { opacity: 0, duration: 0.15, ease: \"power2.in\" });\n tl.to(panel, { height: 0, duration: 0.25, ease: \"power3.inOut\" }, \"-=0.05\");\n\n if (xLine && yLine) {\n tl.to(xLine, { rotation: 0, duration: 0.4, ease: \"power2.inOut\" }, 0);\n tl.to(yLine, { rotation: 0, duration: 0.4, ease: \"power2.inOut\" }, 0);\n }\n if (divider) {\n tl.to(\n divider,\n {\n backgroundColor: \"var(--grey--grey40)\",\n duration: 0.3,\n ease: \"power2.inOut\",\n },\n 0\n );\n}\n\n\n panel.accAnim = tl;\n toggle.setAttribute(\"aria-expanded\", \"false\");\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
package/dist/global/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
[ai-gradient="1"]{background:linear-gradient(90deg,#ff84d2 2%,#ffa49d 46%,#ff5c2a 88%)}[ai-gradient="2"]{background:linear-gradient(90deg,#fd4fad 17%,#ff5200)}[style-bg-color=foreground]{background-color:var(--background-colors--foreground)}[style-bg-color=background]{background-color:var(--background-colors--background)}[style-type=h1]{font-family:var(--_font-family---heading);font-size:var(--_text-size---heading--h1);line-height:var(--_line-height---line-height-heading-tags--h1);font-weight:var(--_font-weight---font-weight-heading-tags--h1);letter-spacing:var(--_letter-spacing---letter-spacing-heading-tags--h1);margin:0}[style-type=h2]{font-family:var(--_font-family---heading);font-size:var(--_text-size---heading--h2);line-height:var(--_line-height---line-height-heading-tags--h2);font-weight:var(--_font-weight---font-weight-heading-tags--h2);letter-spacing:var(--_letter-spacing---letter-spacing-heading-tags--h2);margin:0}[style-type=h3]{font-family:var(--_font-family---heading);font-size:var(--_text-size---heading--h3);line-height:var(--_line-height---line-height-heading-tags--h3);font-weight:var(--_font-weight---font-weight-heading-tags--h3);letter-spacing:var(--_letter-spacing---letter-spacing-heading-tags--h3);margin:0}[style-type=h4]{font-family:var(--_font-family---heading);font-size:var(--_text-size---heading--h4);line-height:var(--_line-height---line-height-heading-tags--h4);font-weight:var(--_font-weight---font-weight-heading-tags--h4);letter-spacing:var(--_letter-spacing---letter-spacing-heading-tags--h4);margin:0}[style-type=h5]{font-family:var(--_font-family---heading);font-size:var(--_text-size---heading--h5);line-height:var(--_line-height---line-height-heading-tags--h5);font-weight:var(--_font-weight---font-weight-heading-tags--h5);letter-spacing:var(--_letter-spacing---letter-spacing-heading-tags--h5);margin:0}[style-type=h6]{font-family:var(--_font-family---heading);font-size:var(--_text-size---heading--h6);line-height:var(--_line-height---line-height-heading-tags--h6);font-weight:var(--_font-weight---font-weight-heading-tags--h6);letter-spacing:var(--_letter-spacing---letter-spacing-heading-tags--h6);margin:0}[style-type=title-l]{font-family:var(--_font-family---title);font-size:var(--_text-size---title--l);line-height:var(--_line-height---line-height-title--l);font-weight:var(--_font-weight---font-weight-title--l);letter-spacing:var(--_letter-spacing---letter-spacing-body--l)}[style-type=title-m]{font-family:var(--_font-family---title);font-size:var(--_text-size---title--m);line-height:var(--_line-height---line-height-title--m);font-weight:var(--_font-weight---font-weight-title--m);letter-spacing:var(--_letter-spacing---letter-spacing-title--m)}[style-type=title-s]{font-family:var(--_font-family---title);font-size:var(--_text-size---title--s);line-height:var(--_line-height---line-height-title--s);font-weight:var(--_font-weight---font-weight-title--s);letter-spacing:var(--_letter-spacing---letter-spacing-title--s)}[style-type=body-l]{font-family:var(--_font-family---body);font-size:var(--_text-size---body--l);line-height:var(--_line-height---line-height-body--l);font-weight:var(--_font-weight---font-weight-body--l);letter-spacing:var(--_letter-spacing---letter-spacing-body--l)}[style-type=body-m]{font-family:var(--_font-family---body);font-size:var(--_text-size---body--m);line-height:var(--_line-height---line-height-body--m);font-weight:var(--_font-weight---font-weight-body--m);letter-spacing:var(--_letter-spacing---letter-spacing-body--m)}[style-type=body-s]{font-family:var(--_font-family---body);font-size:var(--_text-size---body--s);line-height:var(--_line-height---line-height-body--s);font-weight:var(--_font-weight---font-weight-body--s);letter-spacing:var(--_letter-spacing---letter-spacing-body--s)}[style-text-align=center]{text-align:center}[style-text-align=left]{text-align:left}[style-text-align=right]{text-align:right}[style-text-color=title]{color:var(--text-colors--title)}[style-text-color=subtext]{color:var(--text-colors--subtext)}[style-text-color=orange]{color:var(--text-colors--orange)}[style-button-color=orange]{border-color:var(--orange--orange40);background-color:var(--orange--orange40);color:var(--text-colors--title-inverse)}[style-button-color=white]{border:1px solid var(--white);background-color:var(--white);color:var(--text-colors--title-inverse)}[style-button-color=transparent]{background-color:var(--transparent);color:var(--white);border:1px solid var(--white)}[style-padding-y=small]{padding-top:var(--_spaces---padding--small);padding-bottom:var(--_spaces---padding--small)}[style-padding-y=large]{padding-top:var(--_spaces---padding--large);padding-bottom:var(--_spaces---padding--largea)}[style-flex=center]{display:flex;justify-content:center;align-items:center}[style-flex=left]{flex-flow:column;align-items:flex-start;display:flex}[style-flex=right]{flex-flow:column;align-items:flex-end;display:flex}[style-flex=center]{flex-flow:column;align-items:center;justify-content:space-between;display:flex}
|
|
1
|
+
[ai-gradient="1"]{background:linear-gradient(90deg,#ff84d2 2%,#ffa49d 46%,#ff5c2a 88%)}[ai-gradient="2"]{background:linear-gradient(90deg,#fd4fad 17%,#ff5200)}[style-bg-color=foreground]{background-color:var(--background-colors--foreground)}[style-bg-color=background]{background-color:var(--background-colors--background)}[style-type=h1]{font-family:var(--_font-family---heading);font-size:var(--_text-size---heading--h1);line-height:var(--_line-height---line-height-heading-tags--h1);font-weight:var(--_font-weight---font-weight-heading-tags--h1);letter-spacing:var(--_letter-spacing---letter-spacing-heading-tags--h1);margin:0}[style-type=h2]{font-family:var(--_font-family---heading);font-size:var(--_text-size---heading--h2);line-height:var(--_line-height---line-height-heading-tags--h2);font-weight:var(--_font-weight---font-weight-heading-tags--h2);letter-spacing:var(--_letter-spacing---letter-spacing-heading-tags--h2);margin:0}[style-type=h3]{font-family:var(--_font-family---heading);font-size:var(--_text-size---heading--h3);line-height:var(--_line-height---line-height-heading-tags--h3);font-weight:var(--_font-weight---font-weight-heading-tags--h3);letter-spacing:var(--_letter-spacing---letter-spacing-heading-tags--h3);margin:0}[style-type=h4]{font-family:var(--_font-family---heading);font-size:var(--_text-size---heading--h4);line-height:var(--_line-height---line-height-heading-tags--h4);font-weight:var(--_font-weight---font-weight-heading-tags--h4);letter-spacing:var(--_letter-spacing---letter-spacing-heading-tags--h4);margin:0}[style-type=h5]{font-family:var(--_font-family---heading);font-size:var(--_text-size---heading--h5);line-height:var(--_line-height---line-height-heading-tags--h5);font-weight:var(--_font-weight---font-weight-heading-tags--h5);letter-spacing:var(--_letter-spacing---letter-spacing-heading-tags--h5);margin:0}[style-type=h6]{font-family:var(--_font-family---heading);font-size:var(--_text-size---heading--h6);line-height:var(--_line-height---line-height-heading-tags--h6);font-weight:var(--_font-weight---font-weight-heading-tags--h6);letter-spacing:var(--_letter-spacing---letter-spacing-heading-tags--h6);margin:0}[style-type=title-l]{font-family:var(--_font-family---title);font-size:var(--_text-size---title--l);line-height:var(--_line-height---line-height-title--l);font-weight:var(--_font-weight---font-weight-title--l);letter-spacing:var(--_letter-spacing---letter-spacing-body--l)}[style-type=title-m]{font-family:var(--_font-family---title);font-size:var(--_text-size---title--m);line-height:var(--_line-height---line-height-title--m);font-weight:var(--_font-weight---font-weight-title--m);letter-spacing:var(--_letter-spacing---letter-spacing-title--m)}[style-type=title-s]{font-family:var(--_font-family---title);font-size:var(--_text-size---title--s);line-height:var(--_line-height---line-height-title--s);font-weight:var(--_font-weight---font-weight-title--s);letter-spacing:var(--_letter-spacing---letter-spacing-title--s)}[style-type=display-l]{font-family:var(--_font-family---display);font-size:var(--_text-size---display--l);line-height:var(--_line-height---line-height-display--l);font-weight:var(--_font-weight---font-weight-display--l);letter-spacing:var(--_letter-spacing---letter-spacing-display--l)}[style-type=display-m]{font-family:var(--_font-family---display);font-size:var(--_text-size---display--m);line-height:var(--_line-height---line-height-display--m);font-weight:var(--_font-weight---font-weight-display--m);letter-spacing:var(--_letter-spacing---letter-spacing-display--m)}[style-type=display-s]{font-family:var(--_font-family---display);font-size:var(--_text-size---display--s);line-height:var(--_line-height---line-height-display--s);font-weight:var(--_font-weight---font-weight-display--s);letter-spacing:var(--_letter-spacing---letter-spacing-display--s)}[style-type=body-l]{font-family:var(--_font-family---body);font-size:var(--_text-size---body--l);line-height:var(--_line-height---line-height-body--l);font-weight:var(--_font-weight---font-weight-body--l);letter-spacing:var(--_letter-spacing---letter-spacing-body--l)}[style-type=body-m]{font-family:var(--_font-family---body);font-size:var(--_text-size---body--m);line-height:var(--_line-height---line-height-body--m);font-weight:var(--_font-weight---font-weight-body--m);letter-spacing:var(--_letter-spacing---letter-spacing-body--m)}[style-type=body-s]{font-family:var(--_font-family---body);font-size:var(--_text-size---body--s);line-height:var(--_line-height---line-height-body--s);font-weight:var(--_font-weight---font-weight-body--s);letter-spacing:var(--_letter-spacing---letter-spacing-body--s)}[style-text-align=center]{text-align:center}[style-text-align=left]{text-align:left}[style-text-align=right]{text-align:right}[style-text-color=title]{color:var(--text-colors--title)}[style-text-color=subtext]{color:var(--text-colors--subtext)}[style-text-color=orange]{color:var(--text-colors--orange)}[style-button-color=orange]{border-color:var(--orange--orange40);background-color:var(--orange--orange40);color:var(--text-colors--title-inverse)}[style-button-color=white]{border:1px solid var(--white);background-color:var(--white);color:var(--text-colors--title-inverse)}[style-button-color=transparent]{background-color:var(--transparent);color:var(--white);border:1px solid var(--white)}[style-padding-y=small]{padding-top:var(--_spaces---padding--small);padding-bottom:var(--_spaces---padding--small)}[style-padding-y=large]{padding-top:var(--_spaces---padding--large);padding-bottom:var(--_spaces---padding--largea)}[style-flex=center]{display:flex;justify-content:center;align-items:center}[style-flex=left]{flex-flow:column;align-items:flex-start;display:flex}[style-flex=right]{flex-flow:column;align-items:flex-end;display:flex}[style-flex=center]{flex-flow:column;align-items:center;justify-content:space-between;display:flex}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/global/styles.css"],
|
|
4
|
-
"sourcesContent": ["/* Gradient Backgrounds */\n[ai-gradient=\"1\"]{\nbackground: linear-gradient(\n 90deg,\n #FF84D2 2%,\n #FFA49D 46%,\n #FF5C2A 88%\n);\n}\n[ai-gradient=\"2\"]{\nbackground: linear-gradient(\n 90deg,\n #FD4FAD 17%,\n #FF5200 100%\n);\n}\n/* Solid Backgrounds */\n[style-bg-color=\"foreground\"]{\n background-color: var(--background-colors--foreground);\n}\n[style-bg-color=\"background\"]{\n background-color: var(--background-colors--background);\n}\n\n/*Heading Styles */\n[style-type=\"h1\"]{\n font-family: var(--_font-family---heading);\n font-size: var(--_text-size---heading--h1);\n line-height: var(--_line-height---line-height-heading-tags--h1);\n font-weight: var(--_font-weight---font-weight-heading-tags--h1);\n letter-spacing: var(--_letter-spacing---letter-spacing-heading-tags--h1);\n margin: 0;\n}\n[style-type=\"h2\"]{\n font-family: var(--_font-family---heading);\n font-size: var(--_text-size---heading--h2);\n line-height: var(--_line-height---line-height-heading-tags--h2);\n font-weight: var(--_font-weight---font-weight-heading-tags--h2);\n letter-spacing: var(--_letter-spacing---letter-spacing-heading-tags--h2);\n margin: 0;\n}\n[style-type=\"h3\"]{\n font-family: var(--_font-family---heading);\n font-size: var(--_text-size---heading--h3);\n line-height: var(--_line-height---line-height-heading-tags--h3);\n font-weight: var(--_font-weight---font-weight-heading-tags--h3);\n letter-spacing: var(--_letter-spacing---letter-spacing-heading-tags--h3);\n margin: 0;\n}\n[style-type=\"h4\"]{\n font-family: var(--_font-family---heading);\n font-size: var(--_text-size---heading--h4);\n line-height: var(--_line-height---line-height-heading-tags--h4);\n font-weight: var(--_font-weight---font-weight-heading-tags--h4);\n letter-spacing: var(--_letter-spacing---letter-spacing-heading-tags--h4);\n margin: 0;\n}\n[style-type=\"h5\"]{\n font-family: var(--_font-family---heading);\n font-size: var(--_text-size---heading--h5);\n line-height: var(--_line-height---line-height-heading-tags--h5);\n font-weight: var(--_font-weight---font-weight-heading-tags--h5);\n letter-spacing: var(--_letter-spacing---letter-spacing-heading-tags--h5);\n margin: 0;\n}\n[style-type=\"h6\"]{\n font-family: var(--_font-family---heading);\n font-size: var(--_text-size---heading--h6);\n line-height: var(--_line-height---line-height-heading-tags--h6);\n font-weight: var(--_font-weight---font-weight-heading-tags--h6);\n letter-spacing: var(--_letter-spacing---letter-spacing-heading-tags--h6);\n margin: 0;\n}\n\n/* Title Styles */\n[style-type=\"title-l\"]{\n font-family: var(--_font-family---title);\n font-size: var(--_text-size---title--l);\n line-height: var(--_line-height---line-height-title--l);\n font-weight: var(--_font-weight---font-weight-title--l);\n letter-spacing: var(--_letter-spacing---letter-spacing-body--l);\n}\n[style-type=\"title-m\"]{\n font-family: var(--_font-family---title);\n font-size: var(--_text-size---title--m);\n line-height: var(--_line-height---line-height-title--m);\n font-weight: var(--_font-weight---font-weight-title--m);\n letter-spacing: var(--_letter-spacing---letter-spacing-title--m);\n}\n[style-type=\"title-s\"]{\n font-family: var(--_font-family---title);\n font-size: var(--_text-size---title--s);\n line-height: var(--_line-height---line-height-title--s);\n font-weight: var(--_font-weight---font-weight-title--s);\n letter-spacing: var(--_letter-spacing---letter-spacing-title--s);\n}\n\n/* Body Styles */\n[style-type=\"body-l\"]{\n font-family: var(--_font-family---body);\n font-size: var(--_text-size---body--l);\n line-height: var(--_line-height---line-height-body--l);\n font-weight: var(--_font-weight---font-weight-body--l);\n letter-spacing: var(--_letter-spacing---letter-spacing-body--l);\n}\n[style-type=\"body-m\"]{\n font-family: var(--_font-family---body);\n font-size: var(--_text-size---body--m);\n line-height: var(--_line-height---line-height-body--m);\n font-weight: var(--_font-weight---font-weight-body--m);\n letter-spacing: var(--_letter-spacing---letter-spacing-body--m);\n}\n[style-type=\"body-s\"]{\n font-family: var(--_font-family---body);\n font-size: var(--_text-size---body--s);\n line-height: var(--_line-height---line-height-body--s);\n font-weight: var(--_font-weight---font-weight-body--s);\n letter-spacing: var(--_letter-spacing---letter-spacing-body--s);\n}\n\n/* Alignments */\n[style-text-align=\"center\"]{\n text-align: center;\n}\n[style-text-align=\"left\"]{\n text-align: left;\n}\n[style-text-align=\"right\"]{\n text-align: right;\n}\n\n/* Text Colors */\n[style-text-color=\"title\"]{\n color : var(--text-colors--title)\n}\n[style-text-color=\"subtext\"]{\n color : var(--text-colors--subtext)\n}\n[style-text-color=\"subtext\"]{\n color : var(--text-colors--subtext)\n}\n[style-text-color=\"orange\"]{\n color : var(--text-colors--orange)\n}\n\n/* Button Styles */\n[style-button-color=\"orange\"]{\n border-color: var(--orange--orange40);\n background-color: var(--orange--orange40);\n color: var(--text-colors--title-inverse);\n}\n[style-button-color=\"white\"]{\n border: 1px solid var(--white);\n background-color: var(--white);\n color: var(--text-colors--title-inverse);\n}\n\n[style-button-color=\"transparent\"]{\n background-color: var(--transparent);\n color: var(--white);\n border: 1px solid var(--white);\n}\n\n[style-padding-y=\"small\"]{\n padding-top: var(--_spaces---padding--small);\n padding-bottom: var(--_spaces---padding--small);\n}\n[style-padding-y=\"large\"]{\n padding-top: var(--_spaces---padding--large);\n padding-bottom: var(--_spaces---padding--largea);\n}\n\n[style-flex=\"center\"]{\n display: flex;\n justify-content: center;\n align-items: center;\n}\n[style-flex=\"left\"]{\n flex-flow: column;\n align-items: flex-start;\n display: flex;\n}\n[style-flex=\"right\"]{\n flex-flow: column;\n align-items: flex-end;\n display: flex;\n}\n[style-flex=\"center\"]{\n flex-flow: column;\n align-items: center;\n justify-content: space-between;\n display: flex;\n}"],
|
|
5
|
-
"mappings": "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",
|
|
4
|
+
"sourcesContent": ["/* Gradient Backgrounds */\n[ai-gradient=\"1\"]{\nbackground: linear-gradient(\n 90deg,\n #FF84D2 2%,\n #FFA49D 46%,\n #FF5C2A 88%\n);\n}\n[ai-gradient=\"2\"]{\nbackground: linear-gradient(\n 90deg,\n #FD4FAD 17%,\n #FF5200 100%\n);\n}\n/* Solid Backgrounds */\n[style-bg-color=\"foreground\"]{\n background-color: var(--background-colors--foreground);\n}\n[style-bg-color=\"background\"]{\n background-color: var(--background-colors--background);\n}\n\n/*Heading Styles */\n[style-type=\"h1\"]{\n font-family: var(--_font-family---heading);\n font-size: var(--_text-size---heading--h1);\n line-height: var(--_line-height---line-height-heading-tags--h1);\n font-weight: var(--_font-weight---font-weight-heading-tags--h1);\n letter-spacing: var(--_letter-spacing---letter-spacing-heading-tags--h1);\n margin: 0;\n}\n[style-type=\"h2\"]{\n font-family: var(--_font-family---heading);\n font-size: var(--_text-size---heading--h2);\n line-height: var(--_line-height---line-height-heading-tags--h2);\n font-weight: var(--_font-weight---font-weight-heading-tags--h2);\n letter-spacing: var(--_letter-spacing---letter-spacing-heading-tags--h2);\n margin: 0;\n}\n[style-type=\"h3\"]{\n font-family: var(--_font-family---heading);\n font-size: var(--_text-size---heading--h3);\n line-height: var(--_line-height---line-height-heading-tags--h3);\n font-weight: var(--_font-weight---font-weight-heading-tags--h3);\n letter-spacing: var(--_letter-spacing---letter-spacing-heading-tags--h3);\n margin: 0;\n}\n[style-type=\"h4\"]{\n font-family: var(--_font-family---heading);\n font-size: var(--_text-size---heading--h4);\n line-height: var(--_line-height---line-height-heading-tags--h4);\n font-weight: var(--_font-weight---font-weight-heading-tags--h4);\n letter-spacing: var(--_letter-spacing---letter-spacing-heading-tags--h4);\n margin: 0;\n}\n[style-type=\"h5\"]{\n font-family: var(--_font-family---heading);\n font-size: var(--_text-size---heading--h5);\n line-height: var(--_line-height---line-height-heading-tags--h5);\n font-weight: var(--_font-weight---font-weight-heading-tags--h5);\n letter-spacing: var(--_letter-spacing---letter-spacing-heading-tags--h5);\n margin: 0;\n}\n[style-type=\"h6\"]{\n font-family: var(--_font-family---heading);\n font-size: var(--_text-size---heading--h6);\n line-height: var(--_line-height---line-height-heading-tags--h6);\n font-weight: var(--_font-weight---font-weight-heading-tags--h6);\n letter-spacing: var(--_letter-spacing---letter-spacing-heading-tags--h6);\n margin: 0;\n}\n\n/* Title Styles */\n[style-type=\"title-l\"]{\n font-family: var(--_font-family---title);\n font-size: var(--_text-size---title--l);\n line-height: var(--_line-height---line-height-title--l);\n font-weight: var(--_font-weight---font-weight-title--l);\n letter-spacing: var(--_letter-spacing---letter-spacing-body--l);\n}\n[style-type=\"title-m\"]{\n font-family: var(--_font-family---title);\n font-size: var(--_text-size---title--m);\n line-height: var(--_line-height---line-height-title--m);\n font-weight: var(--_font-weight---font-weight-title--m);\n letter-spacing: var(--_letter-spacing---letter-spacing-title--m);\n}\n[style-type=\"title-s\"]{\n font-family: var(--_font-family---title);\n font-size: var(--_text-size---title--s);\n line-height: var(--_line-height---line-height-title--s);\n font-weight: var(--_font-weight---font-weight-title--s);\n letter-spacing: var(--_letter-spacing---letter-spacing-title--s);\n}\n\n/* Display Styles */\n[style-type=\"display-l\"]{\n font-family: var(--_font-family---display);\n font-size: var(--_text-size---display--l);\n line-height: var(--_line-height---line-height-display--l);\n font-weight: var(--_font-weight---font-weight-display--l);\n letter-spacing: var(--_letter-spacing---letter-spacing-display--l);\n}\n\n[style-type=\"display-m\"]{\n font-family: var(--_font-family---display);\n font-size: var(--_text-size---display--m);\n line-height: var(--_line-height---line-height-display--m);\n font-weight: var(--_font-weight---font-weight-display--m);\n letter-spacing: var(--_letter-spacing---letter-spacing-display--m);\n}\n\n[style-type=\"display-s\"]{\n font-family: var(--_font-family---display);\n font-size: var(--_text-size---display--s);\n line-height: var(--_line-height---line-height-display--s);\n font-weight: var(--_font-weight---font-weight-display--s);\n letter-spacing: var(--_letter-spacing---letter-spacing-display--s);\n}\n\n/* Body Styles */\n[style-type=\"body-l\"]{\n font-family: var(--_font-family---body);\n font-size: var(--_text-size---body--l);\n line-height: var(--_line-height---line-height-body--l);\n font-weight: var(--_font-weight---font-weight-body--l);\n letter-spacing: var(--_letter-spacing---letter-spacing-body--l);\n}\n[style-type=\"body-m\"]{\n font-family: var(--_font-family---body);\n font-size: var(--_text-size---body--m);\n line-height: var(--_line-height---line-height-body--m);\n font-weight: var(--_font-weight---font-weight-body--m);\n letter-spacing: var(--_letter-spacing---letter-spacing-body--m);\n}\n[style-type=\"body-s\"]{\n font-family: var(--_font-family---body);\n font-size: var(--_text-size---body--s);\n line-height: var(--_line-height---line-height-body--s);\n font-weight: var(--_font-weight---font-weight-body--s);\n letter-spacing: var(--_letter-spacing---letter-spacing-body--s);\n}\n\n/* Alignments */\n[style-text-align=\"center\"]{\n text-align: center;\n}\n[style-text-align=\"left\"]{\n text-align: left;\n}\n[style-text-align=\"right\"]{\n text-align: right;\n}\n\n/* Text Colors */\n[style-text-color=\"title\"]{\n color : var(--text-colors--title)\n}\n[style-text-color=\"subtext\"]{\n color : var(--text-colors--subtext)\n}\n[style-text-color=\"subtext\"]{\n color : var(--text-colors--subtext)\n}\n[style-text-color=\"orange\"]{\n color : var(--text-colors--orange)\n}\n\n/* Button Styles */\n[style-button-color=\"orange\"]{\n border-color: var(--orange--orange40);\n background-color: var(--orange--orange40);\n color: var(--text-colors--title-inverse);\n}\n[style-button-color=\"white\"]{\n border: 1px solid var(--white);\n background-color: var(--white);\n color: var(--text-colors--title-inverse);\n}\n\n[style-button-color=\"transparent\"]{\n background-color: var(--transparent);\n color: var(--white);\n border: 1px solid var(--white);\n}\n\n[style-padding-y=\"small\"]{\n padding-top: var(--_spaces---padding--small);\n padding-bottom: var(--_spaces---padding--small);\n}\n[style-padding-y=\"large\"]{\n padding-top: var(--_spaces---padding--large);\n padding-bottom: var(--_spaces---padding--largea);\n}\n\n[style-flex=\"center\"]{\n display: flex;\n justify-content: center;\n align-items: center;\n}\n[style-flex=\"left\"]{\n flex-flow: column;\n align-items: flex-start;\n display: flex;\n}\n[style-flex=\"right\"]{\n flex-flow: column;\n align-items: flex-end;\n display: flex;\n}\n[style-flex=\"center\"]{\n flex-flow: column;\n align-items: center;\n justify-content: space-between;\n display: flex;\n}"],
|
|
5
|
+
"mappings": ";AACA,CAAC;AACD;AAAA,IAAY;AAAA,MACR,KADQ;AAAA,MAER,QAAQ,EAFA;AAAA,MAGR,QAAQ,GAHA;AAAA,MAIR,QAAQ;AAEZ;AACA,CAAC;AACD;AAAA,IAAY;AAAA,MACR,KADQ;AAAA,MAER,QAAQ,GAFA;AAAA,MAGR,QAAQ;AAEZ;AAEA,CAAC;AACG,oBAAkB,IAAI;AAC1B;AACA,CAAC;AACG,oBAAkB,IAAI;AAC1B;AAGA,CAAC;AACG,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACpB,UAAQ;AACZ;AACA,CAAC;AACG,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACpB,UAAQ;AACZ;AACA,CAAC;AACG,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACpB,UAAQ;AACZ;AACA,CAAC;AACG,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACpB,UAAQ;AACZ;AACA,CAAC;AACG,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACpB,UAAQ;AACZ;AACA,CAAC;AACG,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACpB,UAAQ;AACZ;AAGA,CAAC;AACG,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACxB;AACA,CAAC;AACG,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACxB;AACA,CAAC;AACG,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACxB;AAGA,CAAC;AACG,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACxB;AAEA,CAAC;AACG,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACxB;AAEA,CAAC;AACG,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACxB;AAGA,CAAC;AACG,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACxB;AACA,CAAC;AACO,eAAa,IAAI;AACrB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACxB;AACA,CAAC;AACG,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACxB;AAGA,CAAC;AACG,cAAY;AAChB;AACA,CAAC;AACG,cAAY;AAChB;AACA,CAAC;AACG,cAAY;AAChB;AAGA,CAAC;AACG,SAAQ,IAAI;AAChB;AACA,CAAC;AACG,SAAQ,IAAI;AAChB;AACA,CAAC;AACG,SAAQ,IAAI;AAChB;AACA,CAAC;AACG,SAAQ,IAAI;AAChB;AAGA,CAAC;AACG,gBAAc,IAAI;AAClB,oBAAkB,IAAI;AACtB,SAAO,IAAI;AACf;AACA,CAAC;AACO,UAAQ,IAAI,MAAM,IAAI;AAC1B,oBAAkB,IAAI;AACtB,SAAO,IAAI;AACf;AAEA,CAAC;AACG,oBAAkB,IAAI;AACtB,SAAO,IAAI;AACP,UAAQ,IAAI,MAAM,IAAI;AAC9B;AAEA,CAAC;AACG,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACxB;AACA,CAAC;AACG,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACxB;AAEA,CAAC;AACG,WAAS;AACT,mBAAiB;AACjB,eAAa;AACjB;AACA,CAAC;AACE,aAAW;AACV,eAAa;AACb,WAAS;AACb;AACA,CAAC;AACG,aAAW;AACV,eAAa;AACb,WAAS;AACd;AACA,CAAC;AACG,aAAW;AACV,eAAa;AACb,mBAAiB;AACjB,WAAS;AACd;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(()=>{var
|
|
1
|
+
"use strict";(()=>{var L=e=>!!e;function H(){if(typeof window>"u")return null;let e=window.gsap;if(!e)return console.warn("window.gsap not found. Make sure GSAP is loaded globally before this code runs."),null;let o=window.ScrollTrigger||e.ScrollTrigger;return o?(e.registerPlugin(o),e):(console.warn("ScrollTrigger not found on window (or gsap). Make sure the ScrollTrigger plugin script is loaded globally."),null)}function D(){let e=H();if(!e)return;let o=document.getElementById("home-scroll");if(!o)return;let T=o.querySelector("[pulse-animation-element='hero-title']"),S=o.querySelector("[pulse-animation-element='hero-description']"),R=o.querySelector("[pulse-animation-element='hero-button']"),a=Array.from(o.querySelectorAll("[pulse-animation-element='hero-blur']")),m=o.querySelector("[pulse-animation-element='hero-blur-overlay']"),s=o.querySelector("#canvas3d"),h=document.querySelector('[pulse-animation-element="col-1-row-1-item-1"]'),M=document.querySelector('[pulse-animation-element="col-1-row-1-item-2"]'),q=document.querySelector('[pulse-animation-element="col-1-row-2-item-1"]'),C=document.querySelector('[pulse-animation-element="col-1-row-2-item-2"]'),I=document.querySelector('[pulse-animation-element="col-1-row-3-item-1"]'),b=document.querySelector('[pulse-animation-element="col-2-row-1-item-1"]'),v=document.querySelector('[pulse-animation-element="col-2-row-1-item-2"]'),V=document.querySelector('[pulse-animation-element="col-2-row-2-item-1"]'),A=document.querySelector('[pulse-animation-element="col-2-row-3-item-1"]'),G=document.querySelector('[pulse-animation-element="col-3-row-1-item-1"]'),P=document.querySelector('[pulse-animation-element="col-3-row-2-col-1-item-1"]'),W=document.querySelector('[pulse-animation-element="col-3-row-2-col-1-item-2"]'),B=document.querySelector('[pulse-animation-element="col-3-row-2-col-2-item-1"]'),O=document.querySelector('[pulse-animation-element="col-3-row-2-col-2-item-2"]'),k=document.querySelector('[pulse-animation-element="col-3-row-3-item-1"]'),j=document.querySelector('[pulse-animation-element="canvas"]'),c=document.querySelector('[pulse-animation-element="radial-gradient-wrapper"]'),n=[h,M,q,C,I,b,v,A,G,P,W,B,O,k].filter(L),r=document.querySelector('[pulse-animation-element="player-inner-elements"]'),u=document.querySelector('[pulse-animation-element="player-radius-rect"]'),i=document.querySelector('[pulse-animation-element="line-art"]');if(!u){console.warn("Player radius rect not found");return}let z=u.getTotalLength(),l=document.querySelector('[pulse-animation-element="player-handle"]'),d=document.querySelector('[pulse-animation-element="player-handle-tail"]'),p=document.querySelector('[pulse-animation-element="handle-wrapper"]'),y=Array.from(document.querySelectorAll('[pulse-animation-element="vignette"]')),x=document.querySelector('[pulse-animation-element="torch-wrapper"]'),f=document.querySelector('[pulse-animation-element="torch"]'),g=document.querySelector('[pulse-animation-element="launch-button"]'),w=document.querySelector('[pulse-animation-element="launch-title"]');console.log("playerHandle:",l);let t=e.timeline({defaults:{ease:"power2.out",duration:1},scrollTrigger:{trigger:o,start:"top bottom",end:"bottom top",scrub:!0,invalidateOnRefresh:!0}});a.length&&e.set(a,{yPercent:32,opacity:1}),m&&e.set(m,{y:0,opacity:1}),c&&e.set(c,{opacity:0}),t.addLabel("start",0),T&&t.fromTo(T,{y:1100},{y:-400,ease:"power2.out",duration:1.2,immediateRender:!1},"start+=0.1"),S&&t.fromTo(S,{y:680},{y:-400,ease:"power2.out",duration:1.2,immediateRender:!1},"start+=0.2"),R&&t.fromTo(R,{y:440},{y:-480,ease:"power2.out",duration:1.2,immediateRender:!1},"start+=0.3"),a.length&&t.to(a,{yPercent:-100,opacity:0,ease:"power2.out",duration:1.2,delay:.2,immediateRender:!1},"start+=0.2"),m&&t.to(m,{y:-1200,ease:"power2.out",duration:1,delay:.2,immediateRender:!1},"start+=0.2");let E=[T,S,R].filter(L);E.length&&(t.to(E,{scale:.95,duration:.8,ease:"power2.out",immediateRender:!1},"start+=0.4"),t.to(E,{opacity:0,duration:.2,delay:.2,ease:"power2.out",immediateRender:!1},"start+=0.35")),n.length&&e.set(n,{opacity:0,scale:()=>e.utils.random(.5,.95),y:()=>e.utils.random(40,60)}),r&&e.set(r,{scale:.8}),e.set(u,{opacity:0}),i&&e.set(i,{opacity:0,scale:.5}),s&&e.set(s,{height:"auto"}),l&&e.set(l,{rotation:-10}),d&&e.set(d,{rotation:-10}),p&&e.set(p,{scale:.8,opacity:0}),w&&e.set(w,{y:50,opacity:0,scale:.95}),g&&e.set(g,{y:0,opacity:0,scale:.95}),y.length&&e.set(y,{opacity:0}),f&&e.set(f,{opacity:0}),t.addLabel("grid-in","start+=0.5"),n.length&&(t.to(n,{scale:1,y:0,ease:"power2.out",duration:()=>e.utils.random(.4,.8),stagger:{amount:.1,from:"random"},immediateRender:!1},"grid-in"),t.to(n,{opacity:1,ease:"power2.out",duration:()=>e.utils.random(.2,.4),stagger:{amount:.1,from:"random"},immediateRender:!1},"grid-in")),s&&t.to(s,{height:"100%",ease:"power2.out",duration:.5,immediateRender:!1},"grid-in"),r&&(t.to(r,{scale:1,ease:"power2.out",duration:.3,immediateRender:!1},"grid-in"),t.to(r,{opacity:1,ease:"power2.out",duration:.1,immediateRender:!1},"grid-in+=0.1")),i&&(t.fromTo(i,{opacity:0},{opacity:1,ease:"power2.out",duration:.2,immediateRender:!1},"grid-in+=0.1"),t.fromTo(i,{scale:.5},{scale:1,ease:"power2.out",duration:.5,immediateRender:!1},"grid-in+=0.2")),t.to(u,{opacity:1,ease:"power2.out",duration:.3,immediateRender:!1},"grid-in+=0.3"),l&&d&&p&&(t.to(p,{opacity:1,scale:1,duration:.1,ease:"power2.out",immediateRender:!1},"grid-in+=0.4"),t.to(l,{rotation:30,duration:.5,ease:"power2.out",immediateRender:!1},"grid-in+=0.4"),t.to(d,{rotation:30,duration:.5,ease:"power2.out",immediateRender:!1},"grid-in+=0.4")),w&&t.to(w,{y:0,opacity:1,scale:1,duration:.2,ease:"power2.out",immediateRender:!1},"grid-in+=0.35"),g&&t.to(g,{y:0,opacity:1,scale:1,duration:.2,ease:"power2.out",immediateRender:!1},"grid-in+=0.45"),c&&t.to(c,{opacity:1,duration:.1,ease:"power2.out",immediateRender:!1},"grid-in+=0.4"),y.length&&t.to(y,{opacity:1,duration:.2,ease:"power2.out",immediateRender:!1},"grid-in+=0.4"),f&&t.to(f,{opacity:1,duration:.2,ease:"power2.out",immediateRender:!1},"grid-in+=0.4"),n.length&&t.to(n,{opacity:.8,ease:"power2.out",duration:.2,stagger:{amount:.1,from:"random"},immediateRender:!1},"grid-in+=0.30")}typeof window<"u"&&(window.addEventListener("DOMContentLoaded",()=>{D()}),window.addEventListener("load",()=>{let e=H();if(!e)return;let o=window.ScrollTrigger||e.ScrollTrigger;o&&o.refresh&&o.refresh()}));})();
|