@vanelsas/baredom 3.5.0 → 3.7.0
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/CHANGELOG.md +43 -0
- package/README.md +3 -3
- package/custom-elements.json +316 -0
- package/dist/baredom.d.ts +3 -0
- package/dist/base.js +606 -587
- package/dist/integrity.json +111 -108
- package/dist/x-alert.js +17 -17
- package/dist/x-avatar-group.js +9 -9
- package/dist/x-avatar.js +14 -14
- package/dist/x-badge.js +8 -8
- package/dist/x-bento-grid.js +5 -5
- package/dist/x-bento-item.js +4 -4
- package/dist/x-breadcrumbs.js +13 -13
- package/dist/x-button.js +1 -1
- package/dist/x-calendar.js +39 -39
- package/dist/x-cancel-dialogue.js +13 -13
- package/dist/x-card.js +7 -7
- package/dist/x-carousel.js +34 -34
- package/dist/x-chart.js +45 -45
- package/dist/x-checkbox.js +1 -1
- package/dist/x-chip.js +1 -1
- package/dist/x-code.js +27 -27
- package/dist/x-collapse.js +9 -9
- package/dist/x-color-picker.js +44 -44
- package/dist/x-combobox.js +33 -33
- package/dist/x-command-palette.js +28 -28
- package/dist/x-confetti.js +23 -23
- package/dist/x-container.js +5 -5
- package/dist/x-context-menu.js +20 -20
- package/dist/x-copy.js +1 -1
- package/dist/x-currency-field.js +23 -23
- package/dist/x-date-picker.js +43 -43
- package/dist/x-divider.js +9 -10
- package/dist/x-drag-panel.d.ts +45 -0
- package/dist/x-drag-panel.js +36 -0
- package/dist/x-drawer.js +11 -11
- package/dist/x-drop-zone.d.ts +49 -0
- package/dist/x-drop-zone.js +11 -0
- package/dist/x-dropdown.js +12 -12
- package/dist/x-fieldset.js +5 -5
- package/dist/x-file-download.js +6 -6
- package/dist/x-file-upload.js +25 -25
- package/dist/x-floating-panel.d.ts +50 -0
- package/dist/x-floating-panel.js +24 -0
- package/dist/x-form-field.js +15 -15
- package/dist/x-form.js +10 -10
- package/dist/x-gaussian-blur.js +13 -13
- package/dist/x-grid.js +6 -6
- package/dist/x-i18n-provider.js +7 -7
- package/dist/x-i18n.js +4 -4
- package/dist/x-icon.js +7 -7
- package/dist/x-image.js +17 -17
- package/dist/x-kbd.js +11 -11
- package/dist/x-kinetic-canvas.js +24 -24
- package/dist/x-kinetic-font.js +25 -25
- package/dist/x-kinetic-typography.js +34 -34
- package/dist/x-liquid-dock.js +31 -31
- package/dist/x-liquid-fill.js +41 -41
- package/dist/x-liquid-glass.js +35 -35
- package/dist/x-menu-item.js +8 -8
- package/dist/x-menu.js +9 -9
- package/dist/x-metaball-cursor.js +23 -23
- package/dist/x-modal.js +12 -12
- package/dist/x-morph-stack.js +37 -37
- package/dist/x-multi-combobox.js +39 -39
- package/dist/x-navbar.js +14 -14
- package/dist/x-neural-glow.js +29 -29
- package/dist/x-notification-center.js +9 -9
- package/dist/x-organic-divider.js +17 -17
- package/dist/x-organic-progress.js +34 -34
- package/dist/x-organic-shape.js +14 -14
- package/dist/x-otp-input.js +21 -21
- package/dist/x-pagination.js +14 -14
- package/dist/x-particle-button.js +45 -45
- package/dist/x-popover.js +27 -27
- package/dist/x-progress-circle.js +8 -8
- package/dist/x-progress.js +7 -7
- package/dist/x-proximity-list.js +20 -20
- package/dist/x-radio.js +12 -12
- package/dist/x-range-slider.js +28 -28
- package/dist/x-rating.js +24 -24
- package/dist/x-ripple-effect.js +9 -9
- package/dist/x-scroll-parallax.js +17 -17
- package/dist/x-scroll-stack.js +16 -16
- package/dist/x-scroll-story.js +31 -31
- package/dist/x-scroll-timeline.js +46 -46
- package/dist/x-scroll.js +36 -36
- package/dist/x-search-field.js +1 -1
- package/dist/x-select.js +1 -1
- package/dist/x-sidebar.js +15 -15
- package/dist/x-skeleton-group.js +12 -12
- package/dist/x-skeleton.js +1 -1
- package/dist/x-slider.js +16 -16
- package/dist/x-soft-body.js +17 -17
- package/dist/x-spacer.js +4 -4
- package/dist/x-spinner.js +4 -4
- package/dist/x-splash.js +12 -12
- package/dist/x-split-pane.js +14 -14
- package/dist/x-spotlight-card.js +11 -11
- package/dist/x-stat.js +10 -10
- package/dist/x-stepper.js +13 -13
- package/dist/x-switch.js +11 -11
- package/dist/x-tab.js +6 -6
- package/dist/x-table-cell.js +19 -19
- package/dist/x-table-row.js +8 -8
- package/dist/x-table.js +13 -13
- package/dist/x-tabs.js +11 -11
- package/dist/x-text-area.js +19 -19
- package/dist/x-theme.js +25 -25
- package/dist/x-timeline-item.js +20 -20
- package/dist/x-timeline.js +8 -8
- package/dist/x-toast.js +22 -22
- package/dist/x-toaster.js +7 -7
- package/dist/x-tooltip.js +12 -12
- package/dist/x-trace-history.js +125 -124
- package/dist/x-typography.js +6 -6
- package/dist/x-welcome-tour.js +63 -63
- package/package.json +16 -1
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var k4=function(a){return new $APP.M(null,1,[$APP.
|
|
3
|
-
$APP.
|
|
4
|
-
"":null,$APP.
|
|
5
|
-
l4(a);a=$APP.G(a);return $APP.C(a,$APP.
|
|
6
|
-
if($APP.n(b))return b;b=p4(a);b=$APP.
|
|
7
|
-
a=typeof a==="string"?parseFloat(a.trim()):null;var b=a==null;return $APP.n(b?b:isNaN(a))?.85:a},r4=function(a){var b=function(){var
|
|
8
|
-
$APP.w(h)){var x=d[
|
|
9
|
-
$APP.
|
|
10
|
-
$APP.p($APP.l(a,"scrollAttached")):a)&&(window.addEventListener("scroll",$APP.l(a,"scroll"),{passive:!0}),a.scrollAttached=!0)},s4=function(a){a=$APP.l(a,"__xScrollParallaxHandlers");$APP.n($APP.n(a)?$APP.l(a,"scrollAttached"):a)&&(window.removeEventListener("scroll",$APP.l(a,"scroll")),a.scrollAttached=!1)},t4=function(a,b){a.textContent=b;setTimeout(function(){return a.textContent=""},1E3)},
|
|
11
|
-
$APP.Q(a,"__xScrollParallaxVisible",b);if($APP.n(b))return
|
|
12
|
-
(q4(a),r4(a)):null}function c(){q4(a);return $APP.n($APP.l(a,"__xScrollParallaxVisible"))?r4(a):null}var d=l4(a);d=$APP.G(d);$APP.C(d,$APP.
|
|
13
|
-
c.removeEventListener("slotchange",d)}b=$APP.l(b,"resize");$APP.n(b)&&window.removeEventListener("resize",b)}b=$APP.l(a,"__xScrollParallaxRAF");$APP.n(b)&&(cancelAnimationFrame(b),$APP.
|
|
14
|
-
"__xScrollParallaxModel"),b)){var c=$APP.G(b),d=$APP.C(c,$APP.
|
|
15
|
-
"none");$APP.
|
|
16
|
-
|
|
17
|
-
d)?v4(a):null},w4=function(){return $APP.
|
|
18
|
-
var
|
|
2
|
+
var k4=function(a){return new $APP.M(null,1,[$APP.Nu,a],null)},l4=function(a){var b=$APP.l(a,"__xScrollParallaxRefs");if($APP.n(b))return b;b=a.attachShadow({mode:"open"});var c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("slot"),f=document.createElement("div");c.textContent=":host{display:block;position:relative;color-scheme:light dark;--x-scroll-parallax-perspective:none;--x-scroll-parallax-overflow:hidden;--x-scroll-parallax-smooth-duration:80ms;--x-scroll-parallax-fade-range:20%;--x-scroll-parallax-scale-min:0.85;--x-scroll-parallax-disabled-opacity:0.55;}[part\x3dviewport]{position:relative;width:100%;height:100%;overflow:var(--x-scroll-parallax-overflow);perspective:var(--x-scroll-parallax-perspective);}::slotted(*){will-change:transform;}:host([disabled]){opacity:var(--x-scroll-parallax-disabled-opacity);}:host([easing\x3dsmooth]) ::slotted(*){transition:transform var(--x-scroll-parallax-smooth-duration) ease-out,opacity var(--x-scroll-parallax-smooth-duration) ease-out;}[part\x3dlive]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;}@media (prefers-reduced-motion:reduce){::slotted(*){transform:none !important;opacity:1 !important;}}";
|
|
3
|
+
$APP.S(d,"part","viewport");$APP.S(d,"role","region");d.appendChild(e);$APP.S(f,"part","live");$APP.S(f,"aria-live","polite");$APP.S(f,"aria-atomic","true");b.appendChild(c);b.appendChild(d);b.appendChild(f);$APP.Q(a,"__xScrollParallaxRefs",new $APP.M(null,4,[$APP.Sk,b,$APP.Br,d,$APP.eo,e,$APP.Kq,f],null));return $APP.l(a,"__xScrollParallaxRefs")},o4=function(a){a=new $APP.M(null,5,[$APP.ir,a.getAttribute("direction"),m4,a.getAttribute("source"),n4,a.getAttribute("easing"),$APP.qr,$APP.n(a.hasAttribute("disabled"))?
|
|
4
|
+
"":null,$APP.Oj,a.getAttribute("label")],null);var b=$APP.G(a),c=$APP.C(b,$APP.ir),d=$APP.C(b,m4),e=$APP.C(b,n4);a=$APP.C(b,$APP.qr);b=$APP.C(b,$APP.Oj);c=typeof c==="string"?c.trim().toLowerCase():null;c=$APP.cd(Vsa,c)?c:"vertical";d=typeof d==="string"?d.trim().toLowerCase():null;d=$APP.cd(Wsa,d)?d:"document";e=typeof e==="string"?e.trim().toLowerCase():null;e=$APP.cd(Xsa,e)?e:"none";return new $APP.M(null,5,[$APP.Ir,c,$APP.au,d,Ysa,e,$APP.Wj,a!=null,$APP.Z,$APP.n(b)?b:""],null)},p4=function(a){a=
|
|
5
|
+
l4(a);a=$APP.G(a);return $APP.C(a,$APP.eo).assignedElements()},Zsa=function(a){var b=a.getAttribute("data-speed");typeof b==="string"?(b=parseFloat(b.trim()),b=$APP.n(isNaN(b))?1:b):b=1;var c=a.getAttribute("data-offset");typeof c==="string"?(c=parseFloat(c.trim()),c=$APP.n(isNaN(c))?0:c):c=0;return new $APP.M(null,4,[$APP.Ur,b,$APP.vq,c,$APP.sq,$APP.z.j("fade",a.getAttribute("data-opacity")),$APP.kr,$APP.z.j("grow",a.getAttribute("data-scale"))],null)},$sa=function(a){var b=$APP.l(a,"__xScrollParallaxChildCache");
|
|
6
|
+
if($APP.n(b))return b;b=p4(a);b=$APP.Ff.m($APP.Fe,$APP.xe.i(Zsa),$APP.Dc(b));$APP.Q(a,"__xScrollParallaxChildCache",b);return b},q4=function(a){$APP.Q(a,"__xScrollParallaxChildCache",null)},ata=function(a){a=window.getComputedStyle(a).getPropertyValue("--x-scroll-parallax-fade-range");a=typeof a==="string"?a.trim():null;return $APP.n($APP.n(a)?a.endsWith("%"):a)?(a=parseFloat(a.slice(0,-1)),$APP.n(isNaN(a))?.2:a/100):.2},bta=function(a){a=window.getComputedStyle(a).getPropertyValue("--x-scroll-parallax-scale-min");
|
|
7
|
+
a=typeof a==="string"?parseFloat(a.trim()):null;var b=a==null;return $APP.n(b?b:isNaN(a))?.85:a},r4=function(a){var b=function(){var T=$APP.l(a,"__xScrollParallaxModel");return $APP.n(T)?T:o4(a)}();if(!$APP.n($APP.Wj.i(b))){var c=a.getBoundingClientRect();b=$APP.z.j("vertical",$APP.Ir.i(b));var d=window.innerHeight,e=b?d:window.innerWidth,f=$APP.Ql.j(0,$APP.Rl.j(1,(d-c.top)/(d+c.height)));c=$APP.l(a,"__xScrollParallaxLastProg");d=p4(a);for(var h=$sa(a),k=ata(a),m=bta(a),r=d.length,u=0;;)if(u<r){if(u<
|
|
8
|
+
$APP.w(h)){var x=d[u],y=$APP.xc(h,u),A=$APP.G(y),E=$APP.C(A,$APP.Ur),H=$APP.C(A,$APP.vq);y=$APP.C(A,$APP.sq);A=$APP.C(A,$APP.kr);E=(f-.5)*e*(E-1)+H;var O=b?"translateY("+$APP.P.i(E)+"px)":"translateX("+$APP.P.i(E)+"px)";E=$APP.n(A)?function(){var T=m+(1-m)*(1-Math.abs(f-.5)*2);return""+$APP.P.i(O)+" scale("+$APP.P.i(T)+")"}():O;x.style.transform=E;$APP.n(y)&&(x.style.opacity=""+$APP.P.i(f<k?f/k:f>1-k?(1-f)/k:1))}u+=1}else break;if(c==null||Math.abs(f-c)>.001)$APP.Q(a,"__xScrollParallaxLastProg",f),
|
|
9
|
+
$APP.ej(a,"x-scroll-parallax-progress",$APP.$m(k4(f)))}return $APP.Zi(a,"__xScrollParallaxRAF",null)},cta=function(a){return $APP.n(function(){var b=a.isConnected;return $APP.n(b)?(b=$APP.l(a,"__xScrollParallaxVisible"),$APP.n(b)?!$APP.D(window.matchMedia("(prefers-reduced-motion:reduce)").matches):b):b}())?$APP.n($APP.l(a,"__xScrollParallaxRAF"))?null:$APP.Zi(a,"__xScrollParallaxRAF",requestAnimationFrame(function(){return r4(a)})):null},dta=function(a){a=$APP.l(a,"__xScrollParallaxHandlers");$APP.n($APP.n(a)?
|
|
10
|
+
$APP.p($APP.l(a,"scrollAttached")):a)&&(window.addEventListener("scroll",$APP.l(a,"scroll"),{passive:!0}),a.scrollAttached=!0)},s4=function(a){a=$APP.l(a,"__xScrollParallaxHandlers");$APP.n($APP.n(a)?$APP.l(a,"scrollAttached"):a)&&(window.removeEventListener("scroll",$APP.l(a,"scroll")),a.scrollAttached=!1)},t4=function(a,b){a.textContent=b;setTimeout(function(){return a.textContent=""},1E3)},eta=function(a,b){b=b[0].isIntersecting;var c=$APP.G($APP.l(a,"__xScrollParallaxRefs"));c=$APP.C(c,$APP.Kq);
|
|
11
|
+
$APP.Q(a,"__xScrollParallaxVisible",b);if($APP.n(b))return dta(a),r4(a),t4(c,"Parallax section entered viewport"),$APP.ej(a,"x-scroll-parallax-enter",$APP.$m(k4(function(){var d=$APP.l(a,"__xScrollParallaxLastProg");return $APP.n(d)?d:0}())));s4(a);t4(c,"Parallax section left viewport");return $APP.ej(a,"x-scroll-parallax-leave",$APP.$m(k4(function(){var d=$APP.l(a,"__xScrollParallaxLastProg");return $APP.n(d)?d:0}())))},fta=function(a){function b(){return $APP.n($APP.l(a,"__xScrollParallaxVisible"))?
|
|
12
|
+
(q4(a),r4(a)):null}function c(){q4(a);return $APP.n($APP.l(a,"__xScrollParallaxVisible"))?r4(a):null}var d=l4(a);d=$APP.G(d);$APP.C(d,$APP.eo).addEventListener("slotchange",c);window.addEventListener("resize",b);$APP.Q(a,"__xScrollParallaxHandlers",{scroll:function(){return cta(a)},slot:c,resize:b,scrollAttached:!1})},u4=function(a){var b=$APP.l(a,"__xScrollParallaxHandlers");if($APP.n(b)){s4(a);var c=$APP.l(a,"__xScrollParallaxRefs");if($APP.n(c)){c=$APP.eo.i(c);var d=$APP.l(b,"slot");$APP.n(d)&&
|
|
13
|
+
c.removeEventListener("slotchange",d)}b=$APP.l(b,"resize");$APP.n(b)&&window.removeEventListener("resize",b)}b=$APP.l(a,"__xScrollParallaxRAF");$APP.n(b)&&(cancelAnimationFrame(b),$APP.Zi(a,"__xScrollParallaxRAF",null));$APP.Q(a,"__xScrollParallaxHandlers",null)},gta=function(a){var b=$APP.l(a,"__xScrollParallaxIO");$APP.n(b)&&b.disconnect();b=new IntersectionObserver(function(c){return eta(a,c)},{threshold:[0]});b.observe(a);$APP.Q(a,"__xScrollParallaxIO",b)},v4=function(a){var b=o4(a);if($APP.I($APP.l(a,
|
|
14
|
+
"__xScrollParallaxModel"),b)){var c=$APP.G(b),d=$APP.C(c,$APP.Ir);b=$APP.C(c,$APP.Wj);var e=$APP.C(c,$APP.Z),f=l4(a);f=$APP.G(f);f=$APP.C(f,$APP.Br);$APP.S(a,"data-direction",d);$APP.q(e)?$APP.S(f,"aria-label",e):$APP.U(f,"aria-label");$APP.Q(a,"__xScrollParallaxModel",c);c=$APP.l(a,"__xScrollParallaxVisible");a=$APP.n($APP.n(c)?$APP.p(b):c)?r4(a):null}else a=null;return a},hta=function(a){$APP.mj(a,"direction","direction","vertical");$APP.mj(a,"source","source","document");$APP.mj(a,"easing","easing",
|
|
15
|
+
"none");$APP.jj(a,"disabled","disabled");Object.defineProperty(a,"label",{get:function(){var b=this.getAttribute("label");return $APP.n(b)?b:""},set:function(b){return $APP.n($APP.n(b)?$APP.I(b,""):b)?$APP.S(this,"label",""+$APP.P.i(b)):$APP.U(this,"label")},enumerable:!0,configurable:!0});return Object.defineProperty(a,"progress",{get:function(){var b=$APP.l(this,"__xScrollParallaxLastProg");return $APP.n(b)?b:0},enumerable:!0,configurable:!0})},ita=function(a){l4(a);u4(a);fta(a);gta(a);return v4(a)},
|
|
16
|
+
jta=function(a){for(var b=p4(a),c=b.length,d=0;;)if(d<c){var e=b[d];e.style.transform="";e.style.opacity="";d+=1}else break;$APP.n($APP.l(a,"__xScrollParallaxVisible"))&&(b=$APP.l(a,"__xScrollParallaxLastProg"),$APP.ej(a,"x-scroll-parallax-leave",$APP.$m(k4($APP.n(b)?b:0))));u4(a);b=$APP.l(a,"__xScrollParallaxIO");$APP.n(b)&&(b.disconnect(),$APP.Q(a,"__xScrollParallaxIO",null));q4(a);$APP.Q(a,"__xScrollParallaxVisible",!1);return $APP.Q(a,"__xScrollParallaxLastProg",null)},kta=function(a,b,c,d){return $APP.I(c,
|
|
17
|
+
d)?v4(a):null},w4=function(){return $APP.ri("x-scroll-parallax",new $APP.M(null,5,[$APP.ii,lta,$APP.gi,ita,$APP.di,jta,$APP.ci,kta,$APP.hi,hta],null))},m4=new $APP.F(null,"source-raw","source-raw",396083546),n4=new $APP.F(null,"easing-raw","easing-raw",440485546),Ysa=new $APP.F(null,"easing","easing",735372043);var lta=["direction","source","easing","disabled","label"];$APP.ie(["x-scroll-parallax-enter",new $APP.M(null,2,[$APP.V,new $APP.M(null,1,[$APP.Nu,$APP.Y],null),$APP.Xu,!1],null),"x-scroll-parallax-leave",new $APP.M(null,2,[$APP.V,new $APP.M(null,1,[$APP.Nu,$APP.Y],null),$APP.Xu,!1],null),"x-scroll-parallax-progress",new $APP.M(null,2,[$APP.V,new $APP.M(null,1,[$APP.Nu,$APP.Y],null),$APP.Xu,!1],null)]);
|
|
18
|
+
var Vsa=new $APP.bh(null,new $APP.M(null,2,["vertical",null,"horizontal",null],null),null),Wsa=new $APP.bh(null,new $APP.M(null,1,["document",null],null),null),Xsa=new $APP.bh(null,new $APP.M(null,2,["none",null,"smooth",null],null),null);$APP.ha("baredom.exports.x_scroll_parallax.init",w4);export const init=w4;
|
package/dist/x-scroll-stack.js
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
2
|
+
var rM=function(a,b){return typeof a==="string"?(a=parseFloat(a.trim()),typeof a==="number"&&$APP.p(isNaN(a))&&a>0?a:b):b},sM=function(a){return typeof a==="string"&&$APP.cd(lga,a.trim().toLowerCase())?a.trim().toLowerCase():"center"},mga=function(a,b,c){b*=c;c=b+c-b;return Math.max(0,Math.min(1,c<=0?0:(a-b)/c))},nga=function(a,b,c){b*=c;return b<=0?0:Math.max(0,Math.min(1,a/b))},tM=function(a){var b=$APP.l(a,"__xScrollStackRefs");if($APP.n(b))return b;b=a.attachShadow({mode:"open"});var c=document.createElement("style"),
|
|
3
3
|
d=document.createElement("div"),e=document.createElement("slot");c.textContent=":host{display:block;position:relative;color-scheme:light dark;--x-scroll-stack-peek:6px;--x-scroll-stack-rotation:3deg;--x-scroll-stack-gap:1rem;}[part\x3dcontainer]{position:sticky;top:0;height:100dvh;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:var(--x-scroll-stack-padding-top,2rem);gap:var(--x-scroll-stack-gap);}::slotted(*){flex-shrink:0;will-change:transform;transition:transform 60ms linear;}:host([disabled]){opacity:0.55;}@media (prefers-reduced-motion:reduce){::slotted(*){transition:none !important;}}";
|
|
4
|
-
$APP.
|
|
5
|
-
|
|
6
|
-
na:
|
|
7
|
-
32;break a;case "bottom":na=
|
|
8
|
-
"px,"+$APP.P.i(
|
|
9
|
-
$APP.l(a,"__xScrollStackModel");return $APP.n(a)?$APP.
|
|
10
|
-
{passive:!0}),a.scrollAttached=!0)},
|
|
11
|
-
|
|
12
|
-
$APP.n(b)&&b.disconnect();b=new IntersectionObserver(function(c){c=c[0].isIntersecting;$APP.Q(a,"__xScrollStackVisible",c);$APP.n(c)?$APP.n(
|
|
13
|
-
"__xScrollStackVisible"))?
|
|
14
|
-
b)}b=$APP.l(a,"__xScrollStackRAF");$APP.n(b)&&(cancelAnimationFrame(b),$APP.
|
|
15
|
-
|
|
16
|
-
Object.defineProperty(a,"progress",{get:function(){var b=$APP.l(this,"__xScrollStackLastProg");return $APP.n(b)?b:0},enumerable:!0,configurable:!0});return Object.defineProperty(a,"refresh",{value:function(){
|
|
17
|
-
$APP.Q(a,"__xScrollStackVisible",!1);$APP.Q(a,"__xScrollStackStackedCount",0);$APP.Q(a,"__xScrollStackLastProg",null);$APP.Q(a,"__xScrollStackNaturalOffsets",null);return $APP.Q(a,"__xScrollStackChildHeights",null)},
|
|
18
|
-
-949440704),
|
|
4
|
+
$APP.S(d,"part","container");$APP.S(d,"role","region");d.appendChild(e);b.appendChild(c);b.appendChild(d);$APP.Q(a,"__xScrollStackRefs",new $APP.M(null,3,[$APP.Sk,b,$APP.Tk,d,$APP.eo,e],null));return $APP.l(a,"__xScrollStackRefs")},xM=function(a){a=new $APP.M(null,5,[$APP.Pu,a.getAttribute("peek"),uM,a.getAttribute("rotation"),vM,a.getAttribute("scroll-distance"),$APP.hr,a.getAttribute("align"),$APP.qr,$APP.n(a.hasAttribute("disabled"))?"":null],null);var b=$APP.G(a);a=$APP.C(b,$APP.Pu);var c=$APP.C(b,
|
|
5
|
+
uM),d=$APP.C(b,vM),e=$APP.C(b,$APP.hr);b=$APP.C(b,$APP.qr);return new $APP.M(null,5,[$APP.mr,rM(a,6),$APP.Ku,rM(c,3),wM,rM(d,150),$APP.Nr,sM(e),$APP.Wj,b!=null],null)},yM=function(a){a=tM(a);a=$APP.G(a);return $APP.C(a,$APP.eo).assignedElements()},zM=function(a){var b=$APP.l(a,"__xScrollStackModel");b=$APP.n(b)?b:xM(a);var c=yM(a).length;b=window.innerHeight+c*wM.i(b);return a.style.height=""+$APP.P.i(b)+"px"},FM=function(a){var b=function(){var na=$APP.l(a,"__xScrollStackModel");return $APP.n(na)?
|
|
6
|
+
na:xM(a)}(),c=a.getBoundingClientRect();c=Math.max(0,-c.top);var d=yM(a),e=d.length,f=$APP.l(a,"__xScrollStackNaturalOffsets"),h=$APP.l(a,"__xScrollStackChildHeights");if($APP.n(function(){var na=e>0;return na?$APP.n(f)?$APP.n(h)?$APP.z.j(f.length,e)&&$APP.z.j(h.length,e):h:f:na}())){var k=wM.i(b),m=$APP.mr.i(b),r=$APP.Ku.i(b),u=$APP.Nr.i(b),x=f[0],y=$APP.n(a.hasAttribute("align"))?function(){var na=(e-1)*m+h[e-1],Na=$APP.G($APP.l(a,"__xScrollStackRefs"));Na=$APP.C(Na,$APP.Tk).clientHeight;a:switch(u){case "top":na=
|
|
7
|
+
32;break a;case "bottom":na=Na-na-32;break a;default:na=(Na-na)/2}return na-x}():0;b=nga(c,e,k);for(var A=Math.max(0,Math.min(e,Math.floor(c/Math.max(1,k)))),E=function(){var na=$APP.l(a,"__xScrollStackStackedCount");return $APP.n(na)?na:0}(),H=0;;)if(H<e){var O=d[H],T=mga(c,H,k),R=new $APP.M(null,3,[AM,H*m,BM,r*Math.sin(H*2.3),CM,2*Math.cos(H*3.7)],null),aa=f[H];aa=x+AM.i(R)-aa;aa=T*aa+T*y;var ma=T*BM.i(R);R=T*CM.i(R);var ia=T>0?""+$APP.P.i(H):"";O.style.transform=T===0?"":"translate("+$APP.P.i(R.toFixed(2))+
|
|
8
|
+
"px,"+$APP.P.i(aa.toFixed(2))+"px) rotate("+$APP.P.i(ma.toFixed(3))+"deg)";O.style.zIndex=ia;H+=1}else break;$APP.I(A,E)&&($APP.Q(a,"__xScrollStackStackedCount",A),$APP.ej(a,"x-scroll-stack-change",$APP.$m(new $APP.M(null,3,[DM,A,EM,e,$APP.Nu,b],null))));c=$APP.l(a,"__xScrollStackLastProg");if(c==null||Math.abs(b-c)>.001)$APP.Q(a,"__xScrollStackLastProg",b),$APP.ej(a,"x-scroll-stack-progress",$APP.$m(new $APP.M(null,3,[$APP.Nu,b,DM,A,EM,e],null)))}return $APP.Zi(a,"__xScrollStackRAF",null)},GM=function(a){a=
|
|
9
|
+
$APP.l(a,"__xScrollStackModel");return $APP.n(a)?$APP.Wj.i(a):a},oga=function(a){return $APP.n(function(){var b=a.isConnected;return $APP.n(b)?(b=$APP.l(a,"__xScrollStackVisible"),$APP.n(b)?$APP.p(GM(a)):b):b}())?$APP.n($APP.l(a,"__xScrollStackRAF"))?null:$APP.Zi(a,"__xScrollStackRAF",requestAnimationFrame(function(){return FM(a)})):null},HM=function(a){a=$APP.l(a,"__xScrollStackHandlers");$APP.n($APP.n(a)?$APP.p($APP.l(a,"scrollAttached")):a)&&(window.addEventListener("scroll",$APP.l(a,"scroll"),
|
|
10
|
+
{passive:!0}),a.scrollAttached=!0)},IM=function(a){a=$APP.l(a,"__xScrollStackHandlers");if($APP.n($APP.n(a)?$APP.l(a,"scrollAttached"):a))window.removeEventListener("scroll",$APP.l(a,"scroll")),a.scrollAttached=!1;else return null},JM=function(a){var b=$APP.l(a,"__xScrollStackCacheRAF");$APP.n(b)&&(cancelAnimationFrame(b),$APP.Q(a,"__xScrollStackCacheRAF",null));return $APP.Q(a,"__xScrollStackCacheRAF",requestAnimationFrame(function(){$APP.Q(a,"__xScrollStackCacheRAF",null);if($APP.n(a.isConnected)){var c=
|
|
11
|
+
yM(a),d=c.length;if(d>0){var e=$APP.G($APP.l(a,"__xScrollStackRefs")),f=$APP.C(e,$APP.Tk);e=Array(d);for(var h=Array(d),k=0;;)if(k<d){var m=c[k];m.style.transform="";m.style.zIndex="";k+=1}else break;f.offsetHeight;f=f.getBoundingClientRect();for(k=0;;)if(k<d)m=c[k].getBoundingClientRect(),e[k]=m.top-f.top,h[k]=m.height,k+=1;else break;$APP.Q(a,"__xScrollStackNaturalOffsets",e);$APP.Q(a,"__xScrollStackChildHeights",h)}return FM(a)}return null}))},pga=function(a){var b=$APP.l(a,"__xScrollStackIO");
|
|
12
|
+
$APP.n(b)&&b.disconnect();b=new IntersectionObserver(function(c){c=c[0].isIntersecting;$APP.Q(a,"__xScrollStackVisible",c);$APP.n(c)?$APP.n(GM(a))?c=null:(HM(a),c=JM(a)):c=IM(a);return c},{threshold:[0]});b.observe(a);$APP.Q(a,"__xScrollStackIO",b)},KM=function(a){a=yM(a);for(var b=a.length,c=0;;)if(c<b){var d=a[c];d.style.transform="";d.style.zIndex="";c+=1}else break},qga=function(a){function b(){zM(a);return $APP.n($APP.l(a,"__xScrollStackVisible"))?JM(a):null}function c(){zM(a);return $APP.n($APP.l(a,
|
|
13
|
+
"__xScrollStackVisible"))?JM(a):null}var d=tM(a);d=$APP.G(d);$APP.C(d,$APP.eo).addEventListener("slotchange",c);window.addEventListener("resize",b);$APP.Q(a,"__xScrollStackHandlers",{scroll:function(){return oga(a)},slot:c,resize:b,scrollAttached:!1})},LM=function(a){var b=$APP.l(a,"__xScrollStackHandlers");if($APP.n(b)){IM(a);var c=$APP.l(a,"__xScrollStackRefs");if($APP.n(c)){c=$APP.eo.i(c);var d=$APP.l(b,"slot");$APP.n(d)&&c.removeEventListener("slotchange",d)}b=$APP.l(b,"resize");$APP.n(b)&&window.removeEventListener("resize",
|
|
14
|
+
b)}b=$APP.l(a,"__xScrollStackRAF");$APP.n(b)&&(cancelAnimationFrame(b),$APP.Zi(a,"__xScrollStackRAF",null));b=$APP.l(a,"__xScrollStackCacheRAF");$APP.n(b)&&(cancelAnimationFrame(b),$APP.Q(a,"__xScrollStackCacheRAF",null));$APP.Q(a,"__xScrollStackHandlers",null)},MM=function(a){var b=xM(a);if($APP.I($APP.l(a,"__xScrollStackModel"),b)){b=$APP.G(b);var c=$APP.C(b,$APP.Wj);$APP.Q(a,"__xScrollStackModel",b);$APP.n(c)?(KM(a),$APP.Q(a,"__xScrollStackStackedCount",0),$APP.Q(a,"__xScrollStackLastProg",null),
|
|
15
|
+
IM(a)):$APP.n($APP.l(a,"__xScrollStackVisible"))&&(HM(a),JM(a))}},rga=function(a){return rM(a,6)},sga=function(a){return rM(a,3)},tga=function(a){return rM(a,150)},uga=function(a){$APP.pj(a,"peek","peek",rga);$APP.pj(a,"rotation","rotation",sga);$APP.pj(a,"scrollDistance","scroll-distance",tga);$APP.pj(a,"align","align",sM);$APP.jj(a,"disabled","disabled");Object.defineProperty(a,"stackedCount",{get:function(){var b=$APP.l(this,"__xScrollStackStackedCount");return $APP.n(b)?b:0},enumerable:!0,configurable:!0});
|
|
16
|
+
Object.defineProperty(a,"progress",{get:function(){var b=$APP.l(this,"__xScrollStackLastProg");return $APP.n(b)?b:0},enumerable:!0,configurable:!0});return Object.defineProperty(a,"refresh",{value:function(){zM(this);return $APP.n($APP.l(this,"__xScrollStackVisible"))?JM(this):null},writable:!0,configurable:!0})},vga=function(a){tM(a);LM(a);qga(a);pga(a);MM(a);return zM(a)},wga=function(a){KM(a);LM(a);var b=$APP.l(a,"__xScrollStackIO");$APP.n(b)&&(b.disconnect(),$APP.Q(a,"__xScrollStackIO",null));
|
|
17
|
+
$APP.Q(a,"__xScrollStackVisible",!1);$APP.Q(a,"__xScrollStackStackedCount",0);$APP.Q(a,"__xScrollStackLastProg",null);$APP.Q(a,"__xScrollStackNaturalOffsets",null);return $APP.Q(a,"__xScrollStackChildHeights",null)},xga=function(a,b,c,d){return $APP.I(c,d)?(MM(a),zM(a),$APP.n($APP.l(a,"__xScrollStackVisible"))?JM(a):null):null},NM=function(){return $APP.ri("x-scroll-stack",new $APP.M(null,5,[$APP.ii,yga,$APP.gi,vga,$APP.di,wga,$APP.ci,xga,$APP.hi,uga],null))},BM=new $APP.F(null,"stack-rot","stack-rot",
|
|
18
|
+
-949440704),EM=new $APP.F(null,"totalCount","totalCount",2101470328),vM=new $APP.F(null,"scroll-distance-raw","scroll-distance-raw",1537519796),CM=new $APP.F(null,"stack-x","stack-x",-1557848736),AM=new $APP.F(null,"stack-y","stack-y",146748620),uM=new $APP.F(null,"rotation-raw","rotation-raw",318004495),DM=new $APP.F(null,"stackedCount","stackedCount",137366007),wM=new $APP.F(null,"scroll-distance","scroll-distance",-544947824);var yga=["peek","rotation","scroll-distance","align","disabled"];$APP.ie(["x-scroll-stack-change",new $APP.M(null,2,[$APP.V,new $APP.M(null,3,[DM,$APP.Y,EM,$APP.Y,$APP.Nu,$APP.Y],null),$APP.Xu,!1],null),"x-scroll-stack-progress",new $APP.M(null,2,[$APP.V,new $APP.M(null,3,[$APP.Nu,$APP.Y,DM,$APP.Y,EM,$APP.Y],null),$APP.Xu,!1],null)]);var lga=new $APP.bh(null,new $APP.M(null,3,["top",null,"center",null,"bottom",null],null),null);$APP.ha("baredom.exports.x_scroll_stack.init",NM);export const init=NM;
|
package/dist/x-scroll-story.js
CHANGED
|
@@ -1,34 +1,34 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var x8=function(a){return typeof a==="string"?(a=parseFloat(a.trim()),$APP.n(isNaN(a))?.5:$APP.
|
|
3
|
-
$APP.
|
|
4
|
-
$APP.
|
|
5
|
-
$APP.
|
|
6
|
-
a=$APP.C(b,$APP.
|
|
7
|
-
H8=function(a){a=a.getAttribute("id");return typeof a==="string"&&$APP.I(a,"")?a:null},I8=function(a,b){a.textContent=b;setTimeout(function(){return a.textContent=""},3E3)}
|
|
8
|
-
H8(b[d]):null;b=c>=0&&c<b.length?H8(b[c]):null;$APP.
|
|
9
|
-
h);f=h}for(h=0;;)if(h<e){if(h<$APP.w(c)){k=$APP.xc(c,h);k=$APP.G(k);var m=$APP.C(k,$APP.
|
|
10
|
-
function(){var m=$APP.l(a,"__xScrollStoryModel");return $APP.n(m)?m:E8(a)}();if(!$APP.n($APP.
|
|
11
|
-
"__xScrollStoryLastProg")
|
|
12
|
-
"__xScrollStoryModel");if($APP.n(function(){if($APP.n(e)){var k=$APP.
|
|
13
|
-
"__xScrollStoryAutoplayRAF",requestAnimationFrame(d))}}return null}},L8=function(a){if($APP.n($APP.l(a,"__xScrollStoryAutoplayPaused")))return null;$APP.Q(a,"__xScrollStoryAutoplayPaused",!0);var b=$APP.l(a,"__xScrollStoryAutoplayRAF");$APP.n(b)&&(cancelAnimationFrame(b),$APP.Q(a,"__xScrollStoryAutoplayRAF",null));$APP.
|
|
14
|
-
e:-1}(),d=a.children;d=c>=0&&c<d.length?H8(d[c]):null;return $APP.
|
|
15
|
-
e:0}(),c=function(){var e=$APP.l(a,"__xScrollStoryActiveIndex");return $APP.n(e)?e:-1}(),d=a.children;d=c>=0&&c<d.length?H8(d[c]):null;return $APP.
|
|
2
|
+
var x8=function(a){return typeof a==="string"?(a=parseFloat(a.trim()),$APP.n(isNaN(a))?.5:$APP.Ql.j(0,$APP.Rl.j(1,a))):.5},y8=function(a){return typeof a==="string"?(a=parseFloat(a.trim()),$APP.n(isNaN(a))?.5:$APP.Ql.j(.1,$APP.Rl.j(.9,a))):.5},z8=function(a){return typeof a==="string"?(a=parseFloat(a.trim()),$APP.n(isNaN(a))?50:$APP.Ql.j(1,$APP.Rl.j(1E3,a))):50},Uva=function(a,b){var c=$APP.w(a);if(c===0)return-1;for(var d=0,e=-1,f=-1;;){if(d>=c)return e>=0?e:f;var h=$APP.xc(a,d),k=$APP.G(h);h=$APP.C(k,
|
|
3
|
+
$APP.uq);k=$APP.C(k,$APP.dt);e=h<=b&&k>b?d:e;f=h<=b?d:f;d+=1}},B8=function(a){var b=$APP.l(a,"__xScrollStoryRefs");if($APP.n(b))return b;b=a.attachShadow({mode:"open"});var c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("div"),f=document.createElement("div"),h=document.createElement("slot"),k=document.createElement("slot"),m=document.createElement("div");c.textContent=":host{display:block;position:relative;color-scheme:light dark;--x-scroll-story-gap:0;--x-scroll-story-step-min-height:80vh;--x-scroll-story-step-padding:2rem;--x-scroll-story-active-opacity:1;--x-scroll-story-inactive-opacity:0.3;--x-scroll-story-transition-duration:300ms;--x-scroll-story-disabled-opacity:0.55;--x-scroll-story-media-top:0;}[part\x3dcontainer]{display:flex;gap:var(--x-scroll-story-gap);}:host([data-layout\x3dleft]) [part\x3dcontainer]{flex-direction:row;}:host([data-layout\x3dright]) [part\x3dcontainer]{flex-direction:row-reverse;}:host([data-layout\x3dtop]) [part\x3dcontainer]{flex-direction:column;}[part\x3dmedia]{position:sticky;top:var(--x-scroll-story-media-top);align-self:flex-start;flex-shrink:0;}:host([data-layout\x3dtop]) [part\x3dmedia]{position:sticky;width:100%;}[part\x3dsteps]{flex:1;min-width:0;}[part\x3dmedia]{height:100dvh;}::slotted(:not([slot])){min-height:var(--x-scroll-story-step-min-height);padding:var(--x-scroll-story-step-padding);opacity:var(--x-scroll-story-inactive-opacity);transition:opacity var(--x-scroll-story-transition-duration) ease;}::slotted([data-active]){opacity:var(--x-scroll-story-active-opacity);}:host([disabled]){opacity:var(--x-scroll-story-disabled-opacity);}[part\x3dlive]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;}[part\x3dindicator]{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;width:48px;height:48px;opacity:0.7;}[part\x3dindicator]::before,[part\x3dindicator]::after{content:'';position:absolute;top:8px;width:12px;height:32px;background:rgba(255,255,255,0.9);border-radius:3px;}[part\x3dindicator]::before{left:8px;}[part\x3dindicator]::after{right:8px;}:host([data-autoplay-paused][autoplay-indicator]) [part\x3dindicator]{display:block;}@media (prefers-reduced-motion:reduce){::slotted(*){transition:none !important;}}";
|
|
4
|
+
$APP.S(d,"part","container");$APP.S(d,"role","region");$APP.S(e,"part","media");$APP.S(h,"name","media");var r=document.createElement("div");$APP.S(r,"part","indicator");e.appendChild(r);e.appendChild(h);$APP.S(f,"part","steps");f.appendChild(k);d.appendChild(e);d.appendChild(f);$APP.S(m,"part","live");$APP.S(m,"aria-live","polite");$APP.S(m,"aria-atomic","true");b.appendChild(c);b.appendChild(d);b.appendChild(m);$APP.Q(a,"__xScrollStoryRefs",new $APP.M(null,6,[$APP.Sk,b,$APP.Tk,d,A8,e,$APP.lv,f,
|
|
5
|
+
$APP.eo,k,$APP.Kq,m],null));return $APP.l(a,"__xScrollStoryRefs")},E8=function(a){a=$APP.vg([$APP.Oj,$APP.is,$APP.Su,$APP.gq,$APP.Tt,$APP.Zq,$APP.qr,$APP.Qu,C8],[a.getAttribute("label"),a.getAttribute("autoplay-speed"),$APP.n(a.hasAttribute("autoplay"))?"":null,a.getAttribute("threshold"),a.getAttribute("layout"),$APP.n(a.hasAttribute("autoplay-indicator"))?"":null,$APP.n(a.hasAttribute("disabled"))?"":null,$APP.n(a.hasAttribute("autoplay-loop"))?"":null,a.getAttribute("split")]);var b=$APP.G(a);
|
|
6
|
+
a=$APP.C(b,$APP.qr);var c=$APP.C(b,$APP.Qu),d=$APP.C(b,C8),e=$APP.C(b,$APP.Oj),f=$APP.C(b,$APP.is),h=$APP.C(b,$APP.Su),k=$APP.C(b,$APP.gq),m=$APP.C(b,$APP.Tt);b=$APP.C(b,$APP.Zq);m=typeof m==="string"?m.trim().toLowerCase():null;m=$APP.cd(Vva,m)?m:"left";return $APP.vg([$APP.Fs,$APP.Gq,$APP.Cu,D8,$APP.Z,$APP.Uq,$APP.Wj,$APP.js,$APP.Wq],[m,c!=null,x8(k),y8(d),$APP.n(e)?e:"",b!=null,a!=null,z8(f),h!=null])},F8=function(a){a=B8(a);a=$APP.G(a);return $APP.C(a,$APP.eo).assignedElements()},G8=function(){return $APP.D(window.matchMedia("(prefers-reduced-motion:reduce)").matches)},
|
|
7
|
+
H8=function(a){a=a.getAttribute("id");return typeof a==="string"&&$APP.I(a,"")?a:null},I8=function(a,b){a.textContent=b;setTimeout(function(){return a.textContent=""},3E3)},Wva=function(a,b,c){var d=$APP.l(a,"__xScrollStoryActiveIndex");d=$APP.n(d)?d:-1;if($APP.I(d,c)){d>=0&&d<b.length&&$APP.U(b[d],"data-active");c>=0&&c<b.length&&$APP.S(b[c],"data-active","");c>=0?$APP.S(a,"data-active-index",""+$APP.P.i(c)):$APP.U(a,"data-active-index");$APP.Q(a,"__xScrollStoryActiveIndex",c);var e=d>=0&&d<b.length?
|
|
8
|
+
H8(b[d]):null;b=c>=0&&c<b.length?H8(b[c]):null;$APP.ej(a,"x-scroll-story-step-change",$APP.$m(new $APP.M(null,4,[$APP.Ul,c,$APP.hu,b,$APP.ns,d,$APP.Yv,e],null)));a=$APP.G($APP.l(a,"__xScrollStoryRefs"));a=$APP.C(a,$APP.Kq);I8(a,"Step "+$APP.P.i(c+1)+" active")}},Xva=function(a,b,c,d){var e=b.length;var f=$APP.l(a,"__xScrollStoryStepStates");if(!$APP.n($APP.n(f)?$APP.z.j(f.length,e):f)){for(var h=Array(e),k=0;;)if(k<e)h[k]=$APP.n($APP.n(f)?k<f.length:f)?f[k]:!1,k+=1;else break;$APP.Q(a,"__xScrollStoryStepStates",
|
|
9
|
+
h);f=h}for(h=0;;)if(h<e){if(h<$APP.w(c)){k=$APP.xc(c,h);k=$APP.G(k);var m=$APP.C(k,$APP.uq),r=$APP.C(k,$APP.dt),u=f[h];k=m<=d&&r>d;var x=H8(b[h]),y=m;m=r-m;m=m<=0?0:$APP.Ql.j(0,$APP.Rl.j(1,(d-y)/m));$APP.p(u)&&k?(f[h]=!0,$APP.ej(a,"x-scroll-story-step-enter",$APP.$m(new $APP.M(null,3,[$APP.Ul,h,$APP.hu,x,$APP.Nu,m],null)))):$APP.n($APP.n(u)?!k:u)&&(f[h]=!1,$APP.ej(a,"x-scroll-story-step-leave",$APP.$m(new $APP.M(null,3,[$APP.Ul,h,$APP.hu,x,$APP.Nu,m],null))))}h+=1}else break},J8=function(a){var b=
|
|
10
|
+
function(){var m=$APP.l(a,"__xScrollStoryModel");return $APP.n(m)?m:E8(a)}();if(!$APP.n($APP.Wj.i(b))){var c=F8(a),d=c.length,e=window.innerHeight,f=e*$APP.Cu.i(b),h=function(){for(var m=0,r=$APP.Fe;;){if(m>=d)return r;var u=c[m].getBoundingClientRect();m+=1;r=$APP.Ad.j(r,new $APP.M(null,2,[$APP.uq,u.top,$APP.dt,u.top+u.height],null))}}();b=Uva(h,f);var k=$APP.G($APP.l(a,"__xScrollStoryRefs"));k=$APP.C(k,$APP.lv).getBoundingClientRect();e=$APP.Ql.j(0,$APP.Rl.j(1,(e-k.top)/(e+k.height)));k=$APP.l(a,
|
|
11
|
+
"__xScrollStoryLastProg");Wva(a,c,b);Xva(a,c,h,f);if(k==null||Math.abs(e-k)>.001)$APP.Q(a,"__xScrollStoryLastProg",e),f=b>=0&&b<d?H8(c[b]):null,$APP.ej(a,"x-scroll-story-progress",$APP.$m(new $APP.M(null,3,[$APP.Nu,e,$APP.Hs,b,$APP.ou,f],null)))}return $APP.Zi(a,"__xScrollStoryRAF",null)},K8=function(a){return function d(c){if($APP.n(function(){var k=a.isConnected;return $APP.n(k)?(k=$APP.l(a,"__xScrollStoryVisible"),$APP.n(k)?$APP.p($APP.l(a,"__xScrollStoryAutoplayPaused")):k):k}())){var e=$APP.l(a,
|
|
12
|
+
"__xScrollStoryModel");if($APP.n(function(){if($APP.n(e)){var k=$APP.Wq.i(e);return $APP.n(k)?$APP.p($APP.Wj.i(e)):k}return e}())){var f=$APP.l(a,"__xScrollStoryAutoplayLast");f=$APP.n(f)?(c-f)/1E3:0;$APP.Q(a,"__xScrollStoryAutoplayLast",c);if(f>0){var h=window.scrollY;window.scrollBy(0,$APP.js.i(e)*f);$APP.n(function(){var k=$APP.Gq.i(e);return $APP.n(k)?window.scrollY-h<.5:k}())&&(c=a.getBoundingClientRect().top+window.scrollY,window.scrollTo(0,c),$APP.Q(a,"__xScrollStoryAutoplayLast",null))}return $APP.Q(a,
|
|
13
|
+
"__xScrollStoryAutoplayRAF",requestAnimationFrame(d))}}return null}},L8=function(a){if($APP.n($APP.l(a,"__xScrollStoryAutoplayPaused")))return null;$APP.Q(a,"__xScrollStoryAutoplayPaused",!0);var b=$APP.l(a,"__xScrollStoryAutoplayRAF");$APP.n(b)&&(cancelAnimationFrame(b),$APP.Q(a,"__xScrollStoryAutoplayRAF",null));$APP.S(a,"data-autoplay-paused","");b=function(){var e=$APP.l(a,"__xScrollStoryLastProg");return $APP.n(e)?e:0}();var c=function(){var e=$APP.l(a,"__xScrollStoryActiveIndex");return $APP.n(e)?
|
|
14
|
+
e:-1}(),d=a.children;d=c>=0&&c<d.length?H8(d[c]):null;return $APP.ej(a,"x-scroll-story-autoplay-pause",$APP.$m(new $APP.M(null,3,[$APP.Nu,b,$APP.Hs,c,$APP.ou,d],null)))},M8=function(a){if($APP.n($APP.l(a,"__xScrollStoryAutoplayPaused"))){$APP.Q(a,"__xScrollStoryAutoplayPaused",!1);$APP.U(a,"data-autoplay-paused");$APP.Q(a,"__xScrollStoryAutoplayLast",null);$APP.Q(a,"__xScrollStoryAutoplayRAF",requestAnimationFrame(K8(a)));var b=function(){var e=$APP.l(a,"__xScrollStoryLastProg");return $APP.n(e)?
|
|
15
|
+
e:0}(),c=function(){var e=$APP.l(a,"__xScrollStoryActiveIndex");return $APP.n(e)?e:-1}(),d=a.children;d=c>=0&&c<d.length?H8(d[c]):null;return $APP.ej(a,"x-scroll-story-autoplay-resume",$APP.$m(new $APP.M(null,3,[$APP.Nu,b,$APP.Hs,c,$APP.ou,d],null)))}return null},N8=function(a){var b=$APP.l(a,"__xScrollStoryAutoplayRAF");$APP.n(b)&&(cancelAnimationFrame(b),$APP.Q(a,"__xScrollStoryAutoplayRAF",null));b=$APP.l(a,"__xScrollStoryAutoplayHandlers");$APP.n(b)&&(a.removeEventListener("pointerdown",$APP.l(b,
|
|
16
16
|
"pointerdown")),a.removeEventListener("pointerup",$APP.l(b,"pointerup")),a.removeEventListener("pointerleave",$APP.l(b,"pointerleave")),a.removeEventListener("keydown",$APP.l(b,"keydown")),a.removeEventListener("keyup",$APP.l(b,"keyup")),$APP.Q(a,"__xScrollStoryAutoplayHandlers",null));$APP.U(a,"data-autoplay-paused");$APP.U(a,"tabindex");$APP.Q(a,"__xScrollStoryAutoplayPaused",!1);return $APP.Q(a,"__xScrollStoryAutoplayLast",null)},O8=function(a){if($APP.l(a,"__xScrollStoryAutoplayRAF")!=null)return null;
|
|
17
|
-
var b=$APP.l(a,"__xScrollStoryModel");if($APP.n(function(){if($APP.n(b)){var k=$APP.
|
|
17
|
+
var b=$APP.l(a,"__xScrollStoryModel");if($APP.n(function(){if($APP.n(b)){var k=$APP.Wq.i(b);return $APP.n(k)?(k=$APP.p($APP.Wj.i(b)))?(k=$APP.l(a,"__xScrollStoryVisible"),$APP.n(k)?!G8():k):k:k}return b}())){$APP.S(a,"tabindex","0");$APP.Q(a,"__xScrollStoryAutoplayPaused",!1);$APP.Q(a,"__xScrollStoryAutoplayLast",null);var c=function(){return L8(a)},d=function(){return M8(a)},e=function(){return $APP.n($APP.l(a,"__xScrollStoryAutoplayPaused"))?M8(a):null},f=function(k){return $APP.z.j(k.code,"Space")?
|
|
18
18
|
(k.preventDefault(),L8(a)):null},h=function(k){return $APP.z.j(k.code,"Space")?M8(a):null};a.addEventListener("pointerdown",c);a.addEventListener("pointerup",d);a.addEventListener("pointerleave",e);a.addEventListener("keydown",f);a.addEventListener("keyup",h);$APP.Q(a,"__xScrollStoryAutoplayHandlers",{pointerdown:c,pointerup:d,pointerleave:e,keydown:f,keyup:h});return $APP.Q(a,"__xScrollStoryAutoplayRAF",requestAnimationFrame(K8(a)))}return null},P8=function(a){a=$APP.l(a,"__xScrollStoryModel");return $APP.n(a)?
|
|
19
|
-
$APP.
|
|
20
|
-
$APP.l(a,"__xScrollStoryHandlers");$APP.n($APP.n(a)?$APP.l(a,"scrollAttached"):a)&&(window.removeEventListener("scroll",$APP.l(a,"scroll")),a.scrollAttached=!1)},
|
|
21
|
-
return $APP.n(d)?d:0}()],null)));b=$APP.l(a,"__xScrollStoryModel");return $APP.n($APP.n(b)?$APP.
|
|
22
|
-
"__xScrollStoryStepStates",null);return $APP.n($APP.l(a,"__xScrollStoryVisible"))?J8(a):null}var d=B8(a);d=$APP.G(d);$APP.C(d,$APP.
|
|
23
|
-
d)}b=$APP.l(b,"resize");$APP.n(b)&&window.removeEventListener("resize",b)}b=$APP.l(a,"__xScrollStoryRAF");$APP.n(b)&&(cancelAnimationFrame(b),$APP.
|
|
24
|
-
else break},U8=function(a){var b=E8(a);if($APP.I($APP.l(a,"__xScrollStoryModel"),b)){var c=$APP.G(b),d=$APP.C(c,$APP.
|
|
25
|
-
-1),$APP.Q(a,"__xScrollStoryStepStates",null),R8(a),N8(a)):$APP.n($APP.l(a,"__xScrollStoryVisible"))&&(Q8(a),J8(a));c=$APP.
|
|
26
|
-
$APP.
|
|
27
|
-
$APP.l(this,"__xScrollStoryLastProg");return $APP.n(b)?b:0},enumerable:!0,configurable:!0});return Object.defineProperty(a,"autoplayPaused",{get:function(){return $APP.D($APP.l(this,"__xScrollStoryAutoplayPaused"))},enumerable:!0,configurable:!0})},
|
|
28
|
-
null)))}S8(a);b=$APP.l(a,"__xScrollStoryIO");$APP.n(b)&&(b.disconnect(),$APP.Q(a,"__xScrollStoryIO",null));$APP.Q(a,"__xScrollStoryVisible",!1);$APP.Q(a,"__xScrollStoryActiveIndex",-1);$APP.Q(a,"__xScrollStoryLastProg",null);return $APP.Q(a,"__xScrollStoryStepStates",null)},
|
|
29
|
-
C8=new $APP.F(null,"split-raw","split-raw",-455766786),D8=new $APP.F(null,"split","split",-599435118);var
|
|
30
|
-
$APP.
|
|
31
|
-
1,[$APP.
|
|
32
|
-
$APP.
|
|
33
|
-
new $APP.M(null,3,[$APP.
|
|
34
|
-
2,[$APP.V,new $APP.M(null,3,[$APP.
|
|
19
|
+
$APP.Wj.i(a):a},Yva=function(a){return $APP.n(function(){var b=a.isConnected;return $APP.n(b)?(b=$APP.l(a,"__xScrollStoryVisible"),$APP.n(b)?$APP.p(P8(a))&&!G8():b):b}())?$APP.n($APP.l(a,"__xScrollStoryRAF"))?null:$APP.Zi(a,"__xScrollStoryRAF",requestAnimationFrame(function(){return J8(a)})):null},Q8=function(a){a=$APP.l(a,"__xScrollStoryHandlers");$APP.n($APP.n(a)?$APP.p($APP.l(a,"scrollAttached")):a)&&(window.addEventListener("scroll",$APP.l(a,"scroll"),{passive:!0}),a.scrollAttached=!0)},R8=function(a){a=
|
|
20
|
+
$APP.l(a,"__xScrollStoryHandlers");$APP.n($APP.n(a)?$APP.l(a,"scrollAttached"):a)&&(window.removeEventListener("scroll",$APP.l(a,"scroll")),a.scrollAttached=!1)},Zva=function(a,b){b=b[0].isIntersecting;var c=$APP.G($APP.l(a,"__xScrollStoryRefs"));c=$APP.C(c,$APP.Kq);$APP.Q(a,"__xScrollStoryVisible",b);if($APP.n(b)){if($APP.n(P8(a)))return null;Q8(a);J8(a);I8(c,"Story section entered viewport");$APP.ej(a,"x-scroll-story-enter",$APP.$m(new $APP.M(null,1,[$APP.Nu,function(){var d=$APP.l(a,"__xScrollStoryLastProg");
|
|
21
|
+
return $APP.n(d)?d:0}()],null)));b=$APP.l(a,"__xScrollStoryModel");return $APP.n($APP.n(b)?$APP.Wq.i(b):b)?O8(a):null}R8(a);N8(a);if($APP.n(P8(a)))return null;I8(c,"Story section left viewport");return $APP.ej(a,"x-scroll-story-leave",$APP.$m(new $APP.M(null,1,[$APP.Nu,function(){var d=$APP.l(a,"__xScrollStoryLastProg");return $APP.n(d)?d:0}()],null)))},$va=function(a){function b(){return $APP.n($APP.l(a,"__xScrollStoryVisible"))?($APP.Q(a,"__xScrollStoryStepStates",null),J8(a)):null}function c(){$APP.Q(a,
|
|
22
|
+
"__xScrollStoryStepStates",null);return $APP.n($APP.l(a,"__xScrollStoryVisible"))?J8(a):null}var d=B8(a);d=$APP.G(d);$APP.C(d,$APP.eo).addEventListener("slotchange",c);window.addEventListener("resize",b);$APP.Q(a,"__xScrollStoryHandlers",{scroll:function(){return Yva(a)},slot:c,resize:b,scrollAttached:!1})},S8=function(a){var b=$APP.l(a,"__xScrollStoryHandlers");if($APP.n(b)){R8(a);var c=$APP.l(a,"__xScrollStoryRefs");if($APP.n(c)){c=$APP.eo.i(c);var d=$APP.l(b,"slot");$APP.n(d)&&c.removeEventListener("slotchange",
|
|
23
|
+
d)}b=$APP.l(b,"resize");$APP.n(b)&&window.removeEventListener("resize",b)}b=$APP.l(a,"__xScrollStoryRAF");$APP.n(b)&&(cancelAnimationFrame(b),$APP.Zi(a,"__xScrollStoryRAF",null));$APP.Q(a,"__xScrollStoryHandlers",null)},awa=function(a){var b=$APP.l(a,"__xScrollStoryIO");$APP.n(b)&&b.disconnect();b=new IntersectionObserver(function(c){return Zva(a,c)},{threshold:[0]});b.observe(a);$APP.Q(a,"__xScrollStoryIO",b)},T8=function(a){a=F8(a);for(var b=a.length,c=0;;)if(c<b)$APP.U(a[c],"data-active"),c+=1;
|
|
24
|
+
else break},U8=function(a){var b=E8(a);if($APP.I($APP.l(a,"__xScrollStoryModel"),b)){var c=$APP.G(b),d=$APP.C(c,$APP.Fs),e=$APP.C(c,D8);b=$APP.C(c,$APP.Wj);var f=$APP.C(c,$APP.Z),h=B8(a),k=$APP.G(h);h=$APP.C(k,$APP.Tk);k=$APP.C(k,A8);$APP.S(a,"data-layout",d);$APP.z.j(d,"top")?k.style.width="":k.style.width="var(--x-scroll-story-media-width,"+$APP.P.i(e*100)+"%)";$APP.q(f)?$APP.S(h,"aria-label",f):$APP.U(h,"aria-label");$APP.Q(a,"__xScrollStoryModel",c);$APP.n(b)?(T8(a),$APP.Q(a,"__xScrollStoryActiveIndex",
|
|
25
|
+
-1),$APP.Q(a,"__xScrollStoryStepStates",null),R8(a),N8(a)):$APP.n($APP.l(a,"__xScrollStoryVisible"))&&(Q8(a),J8(a));c=$APP.Wq.i(c);b=$APP.n(c)?(b=$APP.p(b))?$APP.l(a,"__xScrollStoryVisible"):b:c;a=$APP.n(b)?O8(a):N8(a)}else a=null;return a},bwa=function(a){$APP.mj(a,"layout","layout","left");$APP.pj(a,"threshold","threshold",x8);$APP.pj(a,"split","split",y8);$APP.jj(a,"disabled","disabled");$APP.jj(a,"autoplay","autoplay");$APP.pj(a,"autoplaySpeed","autoplay-speed",z8);$APP.jj(a,"autoplayLoop","autoplay-loop");
|
|
26
|
+
$APP.jj(a,"autoplayIndicator","autoplay-indicator");Object.defineProperty(a,"label",{get:function(){var b=this.getAttribute("label");return $APP.n(b)?b:""},set:function(b){return $APP.n($APP.n(b)?$APP.I(b,""):b)?$APP.S(this,"label",""+$APP.P.i(b)):$APP.U(this,"label")},enumerable:!0,configurable:!0});Object.defineProperty(a,"activeIndex",{get:function(){var b=$APP.l(this,"__xScrollStoryActiveIndex");return b!=null?b:-1},enumerable:!0,configurable:!0});Object.defineProperty(a,"progress",{get:function(){var b=
|
|
27
|
+
$APP.l(this,"__xScrollStoryLastProg");return $APP.n(b)?b:0},enumerable:!0,configurable:!0});return Object.defineProperty(a,"autoplayPaused",{get:function(){return $APP.D($APP.l(this,"__xScrollStoryAutoplayPaused"))},enumerable:!0,configurable:!0})},cwa=function(a){B8(a);S8(a);$va(a);awa(a);return U8(a)},dwa=function(a){N8(a);T8(a);if($APP.n($APP.l(a,"__xScrollStoryVisible"))){var b=$APP.l(a,"__xScrollStoryLastProg");$APP.ej(a,"x-scroll-story-leave",$APP.$m(new $APP.M(null,1,[$APP.Nu,$APP.n(b)?b:0],
|
|
28
|
+
null)))}S8(a);b=$APP.l(a,"__xScrollStoryIO");$APP.n(b)&&(b.disconnect(),$APP.Q(a,"__xScrollStoryIO",null));$APP.Q(a,"__xScrollStoryVisible",!1);$APP.Q(a,"__xScrollStoryActiveIndex",-1);$APP.Q(a,"__xScrollStoryLastProg",null);return $APP.Q(a,"__xScrollStoryStepStates",null)},ewa=function(a,b,c,d){return $APP.I(c,d)?U8(a):null},V8=function(){return $APP.ri("x-scroll-story",new $APP.M(null,5,[$APP.ii,fwa,$APP.gi,cwa,$APP.di,dwa,$APP.ci,ewa,$APP.hi,bwa],null))},A8=new $APP.F(null,"media","media",-1066138403),
|
|
29
|
+
C8=new $APP.F(null,"split-raw","split-raw",-455766786),D8=new $APP.F(null,"split","split",-599435118);var fwa="layout threshold split disabled label autoplay autoplay-speed autoplay-loop autoplay-indicator".split(" ");
|
|
30
|
+
$APP.vg([$APP.bu,$APP.Pp,$APP.kt,$APP.tn,$APP.Fs,$APP.Hs,$APP.Cu,$APP.vv,D8,$APP.Z,$APP.bt,$APP.Nu],[new $APP.M(null,1,[$APP.N,$APP.rj],null),new $APP.M(null,1,[$APP.N,$APP.Y],null),new $APP.M(null,1,[$APP.N,$APP.rj],null),new $APP.M(null,1,[$APP.N,$APP.rj],null),new $APP.M(null,1,[$APP.N,$APP.X],null),new $APP.M(null,2,[$APP.N,$APP.Y,$APP.Ns,!0],null),new $APP.M(null,1,[$APP.N,$APP.Y],null),new $APP.M(null,2,[$APP.N,$APP.rj,$APP.Ns,!0],null),new $APP.M(null,1,[$APP.N,$APP.Y],null),new $APP.M(null,
|
|
31
|
+
1,[$APP.N,$APP.X],null),new $APP.M(null,1,[$APP.N,$APP.rj],null),new $APP.M(null,2,[$APP.N,$APP.Y,$APP.Ns,!0],null)]);
|
|
32
|
+
$APP.ie(["x-scroll-story-step-change",new $APP.M(null,2,[$APP.V,new $APP.M(null,4,[$APP.Ul,$APP.Y,$APP.hu,$APP.X,$APP.ns,$APP.Y,$APP.Yv,$APP.X],null),$APP.Xu,!1],null),"x-scroll-story-step-enter",new $APP.M(null,2,[$APP.V,new $APP.M(null,3,[$APP.Ul,$APP.Y,$APP.hu,$APP.X,$APP.Nu,$APP.Y],null),$APP.Xu,!1],null),"x-scroll-story-step-leave",new $APP.M(null,2,[$APP.V,new $APP.M(null,3,[$APP.Ul,$APP.Y,$APP.hu,$APP.X,$APP.Nu,$APP.Y],null),$APP.Xu,!1],null),"x-scroll-story-progress",new $APP.M(null,2,[$APP.V,
|
|
33
|
+
new $APP.M(null,3,[$APP.Nu,$APP.Y,$APP.Hs,$APP.Y,$APP.ou,$APP.X],null),$APP.Xu,!1],null),"x-scroll-story-enter",new $APP.M(null,2,[$APP.V,new $APP.M(null,1,[$APP.Nu,$APP.Y],null),$APP.Xu,!1],null),"x-scroll-story-leave",new $APP.M(null,2,[$APP.V,new $APP.M(null,1,[$APP.Nu,$APP.Y],null),$APP.Xu,!1],null),"x-scroll-story-autoplay-pause",new $APP.M(null,2,[$APP.V,new $APP.M(null,3,[$APP.Nu,$APP.Y,$APP.Hs,$APP.Y,$APP.ou,$APP.X],null),$APP.Xu,!1],null),"x-scroll-story-autoplay-resume",new $APP.M(null,
|
|
34
|
+
2,[$APP.V,new $APP.M(null,3,[$APP.Nu,$APP.Y,$APP.Hs,$APP.Y,$APP.ou,$APP.X],null),$APP.Xu,!1],null)]);var Vva=new $APP.bh(null,new $APP.M(null,3,["right",null,"top",null,"left",null],null),null);$APP.ha("baredom.exports.x_scroll_story.init",V8);export const init=V8;
|
|
@@ -1,47 +1,47 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
$APP.
|
|
4
|
-
null);;){if(e>=d-1)return $APP.
|
|
5
|
-
var e=document.createElement("div");var f=document.createElement("div"),h=document.createElement("div");$APP.
|
|
6
|
-
"aria-hidden","true");$APP.
|
|
7
|
-
"aria-live","polite");$APP.
|
|
8
|
-
$APP.
|
|
9
|
-
$APP.
|
|
10
|
-
e=$APP.C(b,$APP.
|
|
11
|
-
$APP.
|
|
12
|
-
a.length,d=0;;)if(d<c){var e=a[d];$APP.
|
|
13
|
-
for(e=0;;)if(e<b)f=document.createElement("div"),f.classList.add("tl-marker"),c.appendChild(f),d[e]=f,e+=1;else break;$APP.Q(a,"__xScrollTimelineMarkerEls",d)},
|
|
14
|
-
document.createElement("span"),k.classList.add("tl-date"),k.textContent=h,c.appendChild(k),e[f]=k):e[f]=null,f+=1;else break;$APP.Q(a,"__xScrollTimelineDateEls",e)},
|
|
15
|
-
h=function(){var
|
|
16
|
-
|
|
17
|
-
a:{var k=c.length,m=0;for(h=$APP.
|
|
18
|
-
m.top)/(e+m.height)));m
|
|
19
|
-
null}),
|
|
20
|
-
id:A,progress:E})):$APP.n($APP.n(
|
|
21
|
-
"__xScrollTimelineLastProg");if(c==null||Math.abs(e-c)>.001)$APP.Q(a,"__xScrollTimelineLastProg",e),$APP.
|
|
22
|
-
$APP.
|
|
23
|
-
|
|
24
|
-
null;return $APP.
|
|
25
|
-
return $APP.n(e)?e:-1}(),d=
|
|
26
|
-
$APP.l(b,"pointerleave")),a.removeEventListener("keydown",$APP.l(b,"keydown")),a.removeEventListener("keyup",$APP.l(b,"keyup")),$APP.Q(a,"__xScrollTimelineAutoplayHandlers",null));$APP.U(a,"data-autoplay-paused");$APP.U(a,"tabindex");$APP.Q(a,"__xScrollTimelineAutoplayPaused",!1);return $APP.Q(a,"__xScrollTimelineAutoplayLast",null)},
|
|
27
|
-
return $APP.n(k)?(k=$APP.p($APP.
|
|
28
|
-
|
|
29
|
-
a.isConnected;return $APP.n(b)?(b=$APP.l(a,"__xScrollTimelineVisible"),$APP.n(b)?$APP.p(
|
|
30
|
-
$APP.n($APP.n(a)?$APP.l(a,"scrollAttached"):a)&&(window.removeEventListener("scroll",$APP.l(a,"scroll")),a.scrollAttached=!1)},
|
|
31
|
-
null}
|
|
32
|
-
h=$APP.G($APP.l(a,"__xScrollTimelineRefs"));h=$APP.C(h,$APP.Tk).getBoundingClientRect().top;var k=$APP.l(a,"__xScrollTimelineModel");k=$APP.n(k)?k:
|
|
33
|
-
"__xScrollTimelineVisible"))?
|
|
34
|
-
$APP.l(a,"__xScrollTimelineHandlers");if($APP.n(b)){
|
|
35
|
-
b=new IntersectionObserver(function(c){return
|
|
36
|
-
$APP.
|
|
37
|
-
c=$APP.C(c,$APP.
|
|
38
|
-
d.call(null,e)},set:function(e){return e!=null?$APP.
|
|
39
|
-
"disabled");$APP.
|
|
40
|
-
$APP.
|
|
41
|
-
|
|
42
|
-
"track-svg","track-svg",-556455964),
|
|
43
|
-
$APP.
|
|
44
|
-
new $APP.M(null,2,[$APP.
|
|
45
|
-
$APP.
|
|
46
|
-
2,[$APP.V,new $APP.M(null,3,[$APP.
|
|
47
|
-
new $APP.M(null,2,[$APP.V,new $APP.M(null,3,[$APP.
|
|
2
|
+
var FG=function(a){return typeof a==="string"?(a=parseFloat(a.trim()),$APP.n(isNaN(a))?.5:$APP.Ql.j(0,$APP.Rl.j(1,a))):.5},GG=function(a){return typeof a==="string"?(a=parseFloat(a.trim()),$APP.n(isNaN(a))?50:$APP.Ql.j(1,$APP.Rl.j(1E3,a))):50},HG=function(a,b){switch(a){case "alternating":return $APP.td(b,2)===0?"left":"right";case "left":return"right";case "right":return"left";default:return"right"}},IG=function(a,b,c){return b<=0?0:$APP.Ql.j(0,$APP.Rl.j(1,(c-a)/b))},wda=function(a,b,c){function d(r){return($APP.uq.i(r)+
|
|
3
|
+
$APP.dt.i(r))/2}var e=$APP.w(a);if(e<2||b<0)return 0;var f=d($APP.xc(a,0)),h=d($APP.xc(a,e-1))-f,k=$APP.xc(a,b),m=d(k);c=IG($APP.uq.i(k),$APP.dt.i(k)-$APP.uq.i(k),c);a=b<e-1?d($APP.xc(a,b+1)):m;return h<=0?1:$APP.Ql.j(0,$APP.Rl.j(1,(m+c*(a-m)-f)/h))},xda=function(a,b,c){var d=$APP.w(a);if(d===0)return"";if($APP.z.j(d,1))return a=$APP.t(a),a=$APP.G(a),a=$APP.C(a,$APP.su),"M "+$APP.P.i(c)+" "+$APP.P.i(a);var e=$APP.t(a),f=$APP.su.i(e);e=0;for(f=new $APP.J(null,1,5,$APP.K,["M "+$APP.P.i(c)+" "+$APP.P.i(f)],
|
|
4
|
+
null);;){if(e>=d-1)return $APP.vi(" ",f);var h=$APP.xc(a,e),k=$APP.xc(a,e+1),m=$APP.su.i(h),r=$APP.su.i(k);h=JG.i(h);var u=JG.i(k);k=$APP.z.j(h,"left")?-b:b;u=$APP.z.j(u,"left")?-b:b;h=m+(r-m)*.33;u=c+u;m+=(r-m)*.66;var x=c;e+=1;f=$APP.Ad.j(f,"C "+$APP.P.i(c+k)+" "+$APP.P.i(h)+" "+$APP.P.i(u)+" "+$APP.P.i(m)+" "+$APP.P.i(x)+" "+$APP.P.i(r))}},PG=function(a){var b=$APP.l(a,"__xScrollTimelineRefs");if($APP.n(b))return b;b=a.attachShadow({mode:"open"});var c=document.createElement("style"),d=document.createElement("div");
|
|
5
|
+
var e=document.createElement("div");var f=document.createElement("div"),h=document.createElement("div");$APP.S(e,"part","track");$APP.S(f,"part","track-line");$APP.S(h,"part","track-fill");e.appendChild(f);e.appendChild(h);e=new $APP.M(null,3,[$APP.pr,e,KG,f,$APP.$q,h],null);f=document.createElementNS("http://www.w3.org/2000/svg","svg");h=document.createElementNS("http://www.w3.org/2000/svg","path");var k=document.createElementNS("http://www.w3.org/2000/svg","path");$APP.S(f,"part","track-svg");$APP.S(f,
|
|
6
|
+
"aria-hidden","true");$APP.S(f,"focusable","false");$APP.S(h,"part","track-path");$APP.S(k,"part","track-fill-path");$APP.S(k,"pathLength","1");f.appendChild(h);f.appendChild(k);f=new $APP.M(null,3,[LG,f,MG,h,NG,k],null);h=document.createElement("div");k=document.createElement("slot");$APP.S(h,"part","entries");h.appendChild(k);h=new $APP.M(null,2,[OG,h,$APP.eo,k],null);k=document.createElement("div");$APP.S(k,"part","indicator");var m=document.createElement("div");$APP.S(m,"part","live");$APP.S(m,
|
|
7
|
+
"aria-live","polite");$APP.S(m,"aria-atomic","true");c.textContent=":host{display:block;position:relative;color-scheme:light dark;--x-scroll-timeline-track-color:rgba(0,0,0,0.12);--x-scroll-timeline-track-fill-color:var(--x-color-primary,#3b82f6);--x-scroll-timeline-track-width:3px;--x-scroll-timeline-marker-size:14px;--x-scroll-timeline-marker-color:rgba(0,0,0,0.15);--x-scroll-timeline-marker-active-color:var(--x-color-primary,#3b82f6);--x-scroll-timeline-marker-border-color:var(--x-color-primary,#3b82f6);--x-scroll-timeline-entry-gap:2rem;--x-scroll-timeline-date-color:rgba(0,0,0,0.5);--x-scroll-timeline-date-font-size:0.8125rem;--x-scroll-timeline-transition-duration:300ms;--x-scroll-timeline-curve-amplitude:60;--x-scroll-timeline-disabled-opacity:0.55;}@media (prefers-color-scheme:dark){:host{--x-scroll-timeline-track-color:rgba(255,255,255,0.12);--x-scroll-timeline-marker-color:rgba(255,255,255,0.18);--x-scroll-timeline-date-color:rgba(255,255,255,0.5);}}[part\x3dcontainer]{position:relative;padding:0;}[part\x3dtrack]{position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);width:var(--x-scroll-timeline-track-width);pointer-events:none;z-index:1;}:host([data-layout\x3dleft]) [part\x3dtrack]{left:calc(var(--x-scroll-timeline-marker-size) / 2);transform:none;}:host([data-layout\x3dright]) [part\x3dtrack]{left:auto;right:calc(var(--x-scroll-timeline-marker-size) / 2);transform:none;}[part\x3dtrack-line]{position:absolute;top:0;bottom:0;left:0;right:0;background:var(--x-scroll-timeline-track-color);border-radius:999px;}[part\x3dtrack-fill]{position:absolute;top:0;left:0;right:0;height:0%;background:var(--x-scroll-timeline-track-fill-color);border-radius:999px;transition:height 60ms linear;}[part\x3dtrack-svg]{display:none;position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1;}:host([data-track\x3dcurved]) [part\x3dtrack-line],:host([data-track\x3dcurved]) [part\x3dtrack-fill]{display:none;}:host([data-track\x3dcurved]) [part\x3dtrack-svg]{display:block;}[part\x3dtrack-path]{fill:none;stroke:var(--x-scroll-timeline-track-color);stroke-width:3px;stroke-linecap:round;}[part\x3dtrack-fill-path]{fill:none;stroke:var(--x-scroll-timeline-track-fill-color);stroke-width:3px;stroke-linecap:round;transition:stroke-dashoffset 60ms linear;}[part\x3dentries]{position:relative;z-index:2;}::slotted(*){display:block;margin-bottom:var(--x-scroll-timeline-entry-gap);opacity:0.4;transition:opacity var(--x-scroll-timeline-transition-duration) ease;}::slotted(:last-child){margin-bottom:0;}::slotted([data-active]){opacity:1;}:host([data-layout\x3dalternating]) ::slotted(*){width:calc(50% - var(--x-scroll-timeline-marker-size));}:host([data-layout\x3dalternating]) ::slotted([data-side\x3dleft]){margin-left:0;margin-right:auto;text-align:right;padding-right:1.5rem;}:host([data-layout\x3dalternating]) ::slotted([data-side\x3dright]){margin-left:auto;margin-right:0;text-align:left;padding-left:1.5rem;}:host([data-layout\x3dleft]) ::slotted(*){margin-left:calc(var(--x-scroll-timeline-marker-size) + 1.5rem);width:auto;}:host([data-layout\x3dright]) ::slotted(*){margin-right:calc(var(--x-scroll-timeline-marker-size) + 1.5rem);width:auto;text-align:right;}.tl-marker{position:absolute;z-index:3;width:var(--x-scroll-timeline-marker-size);height:var(--x-scroll-timeline-marker-size);border-radius:50%;background:var(--x-scroll-timeline-marker-color);border:2px solid transparent;transform:translate(-50%,-50%);transition:background var(--x-scroll-timeline-transition-duration) ease,border-color var(--x-scroll-timeline-transition-duration) ease,box-shadow var(--x-scroll-timeline-transition-duration) ease;}.tl-marker[data-active]{background:var(--x-scroll-timeline-marker-active-color);border-color:var(--x-scroll-timeline-marker-active-color);box-shadow:0 0 0 3px rgba(59,130,246,0.25);}:host([data-marker\x3dring]) .tl-marker{background:transparent;border:2px solid var(--x-scroll-timeline-marker-color);}:host([data-marker\x3dring]) .tl-marker[data-active]{background:var(--x-scroll-timeline-marker-active-color);border-color:var(--x-scroll-timeline-marker-active-color);}:host([data-marker\x3dnone]) .tl-marker{display:none;}.tl-marker{left:50%;}:host([data-layout\x3dleft]) .tl-marker{left:calc(var(--x-scroll-timeline-marker-size) / 2);}:host([data-layout\x3dright]) .tl-marker{left:auto;right:calc(var(--x-scroll-timeline-marker-size) / 2);transform:translate(50%,-50%);}.tl-date{position:absolute;z-index:3;font-size:var(--x-scroll-timeline-date-font-size);color:var(--x-scroll-timeline-date-color);white-space:nowrap;transform:translateY(-50%);transition:color var(--x-scroll-timeline-transition-duration) ease;}.tl-date[data-active]{color:var(--x-scroll-timeline-marker-active-color);font-weight:600;}:host([data-layout\x3dalternating]) .tl-date[data-side\x3dleft]{left:calc(50% + var(--x-scroll-timeline-marker-size));padding-left:0.5rem;}:host([data-layout\x3dalternating]) .tl-date[data-side\x3dright]{right:calc(50% + var(--x-scroll-timeline-marker-size));padding-right:0.5rem;text-align:right;}:host([data-layout\x3dleft]) .tl-date{left:calc(var(--x-scroll-timeline-marker-size) + 0.5rem);}:host([data-layout\x3dright]) .tl-date{right:calc(var(--x-scroll-timeline-marker-size) + 0.5rem);text-align:right;}:host([disabled]){opacity:var(--x-scroll-timeline-disabled-opacity);}[part\x3dlive]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;}[part\x3dindicator]{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;width:48px;height:48px;opacity:0.7;z-index:4;}[part\x3dindicator]::before,[part\x3dindicator]::after{content:'';position:absolute;top:8px;width:12px;height:32px;background:rgba(255,255,255,0.9);border-radius:3px;}[part\x3dindicator]::before{left:8px;}[part\x3dindicator]::after{right:8px;}:host([data-autoplay-paused][autoplay-indicator]) [part\x3dindicator]{display:block;}@media (pointer:coarse){:host{--x-scroll-timeline-marker-size:44px;}}@media (prefers-reduced-motion:reduce){::slotted(*){transition:none !important;}.tl-marker{transition:none !important;}.tl-date{transition:none !important;}[part\x3dtrack-fill]{transition:none !important;}[part\x3dtrack-fill-path]{transition:none !important;}}";
|
|
8
|
+
$APP.S(d,"part","container");$APP.S(d,"role","feed");d.appendChild($APP.pr.i(e));d.appendChild(OG.i(h));d.appendChild(LG.i(f));d.appendChild(k);b.appendChild(c);b.appendChild(d);b.appendChild(m);$APP.Q(a,"__xScrollTimelineRefs",$APP.vg([$APP.eo,LG,NG,OG,MG,KG,$APP.Sk,$APP.Tk,yda,$APP.Kq,$APP.$q,$APP.pr],[$APP.eo.i(h),LG.i(f),NG.i(f),OG.i(h),MG.i(f),KG.i(e),b,d,k,m,$APP.$q.i(e),$APP.pr.i(e)]));return $APP.l(a,"__xScrollTimelineRefs")},UG=function(a){a=$APP.vg([$APP.Oj,QG,$APP.is,$APP.Su,$APP.gq,$APP.Tt,
|
|
9
|
+
$APP.Zq,RG,$APP.qr,$APP.Qu,SG],[a.getAttribute("label"),a.getAttribute("marker"),a.getAttribute("autoplay-speed"),$APP.n(a.hasAttribute("autoplay"))?"":null,a.getAttribute("threshold"),a.getAttribute("layout"),$APP.n(a.hasAttribute("autoplay-indicator"))?"":null,a.getAttribute("track"),$APP.n(a.hasAttribute("disabled"))?"":null,$APP.n(a.hasAttribute("autoplay-loop"))?"":null,$APP.n(a.hasAttribute("no-progress"))?"":null]);var b=$APP.G(a);a=$APP.C(b,$APP.qr);var c=$APP.C(b,$APP.Qu),d=$APP.C(b,SG),
|
|
10
|
+
e=$APP.C(b,$APP.Oj),f=$APP.C(b,QG),h=$APP.C(b,$APP.is),k=$APP.C(b,$APP.Su),m=$APP.C(b,$APP.gq),r=$APP.C(b,$APP.Tt),u=$APP.C(b,$APP.Zq);b=$APP.C(b,RG);r=typeof r==="string"?r.trim().toLowerCase():null;r=$APP.cd(zda,r)?r:"alternating";f=typeof f==="string"?f.trim().toLowerCase():null;f=$APP.cd(Ada,f)?f:"dot";m=FG(m);e=$APP.n(e)?e:"";h=GG(h);b=typeof b==="string"?b.trim().toLowerCase():null;b=$APP.cd(Bda,b)?b:"straight";return $APP.vg([$APP.Fs,$APP.qt,$APP.Gq,TG,$APP.Cu,$APP.Z,$APP.Uq,$APP.Wj,$APP.js,
|
|
11
|
+
$APP.pr,$APP.Wq],[r,f,c!=null,d!=null,m,e,u!=null,a!=null,h,b,k!=null])},VG=function(a){a=PG(a);a=$APP.G(a);return $APP.C(a,$APP.eo).assignedElements()},WG=function(){return $APP.D(window.matchMedia("(prefers-reduced-motion:reduce)").matches)},XG=function(a){a=a.getAttribute("id");return typeof a==="string"&&$APP.I(a,"")?a:null},YG=function(a,b){a=$APP.G($APP.l(a,"__xScrollTimelineRefs"));var c=$APP.C(a,$APP.Kq);c.textContent=b;setTimeout(function(){return c.textContent=""},1E3)},Cda=function(a,b){for(var c=
|
|
12
|
+
a.length,d=0;;)if(d<c){var e=a[d];$APP.S(e,"data-side",HG(b,d));$APP.S(e,"data-index",""+$APP.P.i(d));d+=1}else break},ZG=function(a){a=VG(a);for(var b=a.length,c=0;;)if(c<b){var d=a[c];$APP.U(d,"data-active");$APP.U(d,"data-side");$APP.U(d,"data-index");c+=1}else break},Dda=function(a,b){var c=$APP.G($APP.l(a,"__xScrollTimelineRefs"));c=$APP.C(c,$APP.Tk);var d=$APP.l(a,"__xScrollTimelineMarkerEls");d=$APP.n(d)?d:[];b=b.length;for(var e=d.length,f=0;;)if(f<e)d[f].remove(),f+=1;else break;d=Array(b);
|
|
13
|
+
for(e=0;;)if(e<b)f=document.createElement("div"),f.classList.add("tl-marker"),c.appendChild(f),d[e]=f,e+=1;else break;$APP.Q(a,"__xScrollTimelineMarkerEls",d)},Eda=function(a,b){var c=$APP.G($APP.l(a,"__xScrollTimelineRefs"));c=$APP.C(c,$APP.Tk);var d=$APP.l(a,"__xScrollTimelineDateEls");var e=$APP.n(d)?d:[];d=b.length;for(var f=e.length,h=0;;)if(h<f){var k=e[h];$APP.n(k)&&k.remove();h+=1}else break;e=Array(d);for(f=0;;)if(f<d)h=b[f].getAttribute("data-date"),typeof h==="string"&&$APP.I(h,"")?(k=
|
|
14
|
+
document.createElement("span"),k.classList.add("tl-date"),k.textContent=h,c.appendChild(k),e[f]=k):e[f]=null,f+=1;else break;$APP.Q(a,"__xScrollTimelineDateEls",e)},Fda=function(a,b){var c=$APP.G($APP.l(a,"__xScrollTimelineRefs")),d=$APP.C(c,$APP.Tk),e=$APP.C(c,LG),f=$APP.C(c,MG);c=$APP.C(c,NG);var h=function(){var O=$APP.l(a,"__xScrollTimelineModel");return $APP.n(O)?O:UG(a)}(),k=$APP.Fs.i(h);h=d.getBoundingClientRect();var m=h.top;d=h.height;var r=h.width,u=window.getComputedStyle(a).getPropertyValue("--x-scroll-timeline-curve-amplitude");
|
|
15
|
+
h=function(){var O=parseFloat(u);return $APP.n(isNaN(O))?60:O}();var x=window.getComputedStyle(a).getPropertyValue("--x-scroll-timeline-marker-size"),y=function(){var O=parseFloat(x);return $APP.n(isNaN(O))?7:O/2}(),A=function(){switch(k){case "left":return y;case "right":return r-y;default:return r*.5}}(),E=b.length;if(E>0){var H=function(){for(var O=0,T=$APP.Fe;;){if(O>=E)return T;var R=b[O].getBoundingClientRect(),aa=O+1;T=$APP.Ad.j(T,new $APP.M(null,2,[$APP.su,R.top+R.height/2-m,JG,HG(k,O)],null));
|
|
16
|
+
O=aa}}();h=xda(H,h,A);$APP.S(e,"viewBox","0 0 "+$APP.P.i(r)+" "+$APP.P.i(d));$APP.S(f,"d",h);$APP.S(c,"d",h);$APP.S(c,"stroke-dasharray","1");$APP.S(c,"stroke-dashoffset","1")}},$G=function(a,b,c){$APP.n(a)&&(b>=0&&b<a.length&&(b=a[b],$APP.n(b)&&$APP.U(b,"data-active")),c>=0&&c<a.length&&(a=a[c],$APP.n(a)&&$APP.S(a,"data-active","")))},aH=function(a){var b=$APP.l(a,"__xScrollTimelineModel");b=$APP.n(b)?b:UG(a);if(!$APP.n($APP.Wj.i(b))){var c=VG(a),d=c.length,e=window.innerHeight,f=e*$APP.Cu.i(b),
|
|
17
|
+
h;a:{var k=c.length,m=0;for(h=$APP.Fe;;){if(m>=k)break a;var r=c[m].getBoundingClientRect();m+=1;h=$APP.Ad.j(h,new $APP.M(null,2,[$APP.uq,r.top,$APP.dt,r.top+r.height],null))}h=void 0}a:if(k=h,m=$APP.w(k),m===0)k=-1;else{r=0;for(var u=-1,x=-1;;){if(r>=m){k=u>=0?u:x;break a}var y=$APP.xc(k,r),A=$APP.G(y);y=$APP.C(A,$APP.uq);A=$APP.C(A,$APP.dt);u=y<=f&&A>f?r:u;x=y<=f?r:x;r+=1}k=void 0}m=$APP.G($APP.l(a,"__xScrollTimelineRefs"));m=$APP.C(m,$APP.Tk).getBoundingClientRect();e=$APP.Ql.j(0,$APP.Rl.j(1,(e-
|
|
18
|
+
m.top)/(e+m.height)));m=wda(h,k,f);d=k>=0&&k<d?XG(c[k]):null;r=k;u=$APP.l(a,"__xScrollTimelineActiveIndex");u=$APP.n(u)?u:-1;$APP.I(u,r)&&($G(c,u,r),$G($APP.l(a,"__xScrollTimelineMarkerEls"),u,r),$G($APP.l(a,"__xScrollTimelineDateEls"),u,r),r>=0?$APP.S(a,"data-active-index",""+$APP.P.i(r)):$APP.U(a,"data-active-index"),$APP.Q(a,"__xScrollTimelineActiveIndex",r),$APP.ej(a,"x-scroll-timeline-entry-change",{index:r,id:r>=0&&r<c.length?XG(c[r]):null,previousIndex:u,previousId:u>=0&&u<c.length?XG(c[u]):
|
|
19
|
+
null}),YG(a,"Entry "+$APP.P.i(r+1)+" active"));r=c.length;u=$APP.l(a,"__xScrollTimelineEntryStates");if(!$APP.n($APP.n(u)?$APP.z.j(u.length,r):u)){x=Array(r);for(y=0;;)if(y<r)x[y]=$APP.n($APP.n(u)?y<u.length:u)?u[y]:!1,y+=1;else break;$APP.Q(a,"__xScrollTimelineEntryStates",x);u=x}for(x=0;;)if(x<r){if(x<$APP.w(h)){y=$APP.xc(h,x);y=$APP.G(y);var E=$APP.C(y,$APP.uq),H=$APP.C(y,$APP.dt),O=u[x];y=E<=f&&H>f;A=XG(c[x]);E=IG(E,H-E,f);$APP.p(O)&&y?(u[x]=!0,$APP.ej(a,"x-scroll-timeline-entry-enter",{index:x,
|
|
20
|
+
id:A,progress:E})):$APP.n($APP.n(O)?!y:O)&&(u[x]=!1,$APP.ej(a,"x-scroll-timeline-entry-leave",{index:x,id:A,progress:E}))}x+=1}else break;b=$APP.G(b);c=$APP.C(b,$APP.pr);b=$APP.C(b,TG);$APP.z.j(c,"curved")?(c=$APP.G($APP.l(a,"__xScrollTimelineRefs")),c=$APP.C(c,NG),$APP.n(b)?$APP.S(c,"stroke-dashoffset","1"):$APP.S(c,"stroke-dashoffset",""+$APP.P.i(1-m))):(c=$APP.G($APP.l(a,"__xScrollTimelineRefs")),c=$APP.C(c,$APP.$q),$APP.n(b)?c.style.height="0%":c.style.height=""+$APP.P.i(m*100)+"%");b=k;c=$APP.l(a,
|
|
21
|
+
"__xScrollTimelineLastProg");if(c==null||Math.abs(e-c)>.001)$APP.Q(a,"__xScrollTimelineLastProg",e),$APP.ej(a,"x-scroll-timeline-progress",{progress:e,activeIndex:b,activeId:d})}return $APP.Zi(a,"__xScrollTimelineRAF",null)},bH=function(a){return function d(c){if($APP.n(function(){var h=a.isConnected;return $APP.n(h)?(h=$APP.l(a,"__xScrollTimelineVisible"),$APP.n(h)?$APP.p($APP.l(a,"__xScrollTimelineAutoplayPaused")):h):h}())){var e=$APP.l(a,"__xScrollTimelineModel");if($APP.n(function(){if($APP.n(e)){var h=
|
|
22
|
+
$APP.Wq.i(e);return $APP.n(h)?$APP.p($APP.Wj.i(e)):h}return e}())){var f=$APP.l(a,"__xScrollTimelineAutoplayLast");f=$APP.n(f)?(c-f)/1E3:0;$APP.Q(a,"__xScrollTimelineAutoplayLast",c);f>0&&(window.scrollBy(0,$APP.js.i(e)*f),$APP.n($APP.Gq.i(e))&&(f=window.scrollY,c=window.innerHeight,f+c>=document.documentElement.scrollHeight-1&&(f=a.getBoundingClientRect().top+f,window.scrollTo(0,$APP.Ql.j(0,f-c)),$APP.Q(a,"__xScrollTimelineAutoplayLast",null))));return $APP.Q(a,"__xScrollTimelineAutoplayRAF",requestAnimationFrame(d))}}return null}},
|
|
23
|
+
cH=function(a){if($APP.n($APP.l(a,"__xScrollTimelineAutoplayPaused")))return null;$APP.Q(a,"__xScrollTimelineAutoplayPaused",!0);var b=$APP.l(a,"__xScrollTimelineAutoplayRAF");$APP.n(b)&&(cancelAnimationFrame(b),$APP.Q(a,"__xScrollTimelineAutoplayRAF",null));$APP.S(a,"data-autoplay-paused","");b=function(){var e=$APP.l(a,"__xScrollTimelineLastProg");return $APP.n(e)?e:0}();var c=function(){var e=$APP.l(a,"__xScrollTimelineActiveIndex");return $APP.n(e)?e:-1}(),d=VG(a);d=c>=0&&c<d.length?XG(d[c]):
|
|
24
|
+
null;return $APP.ej(a,"x-scroll-timeline-autoplay-pause",{progress:b,activeIndex:c,activeId:d})},dH=function(a){if($APP.n($APP.l(a,"__xScrollTimelineAutoplayPaused"))){$APP.Q(a,"__xScrollTimelineAutoplayPaused",!1);$APP.U(a,"data-autoplay-paused");$APP.Q(a,"__xScrollTimelineAutoplayLast",null);$APP.Q(a,"__xScrollTimelineAutoplayRAF",requestAnimationFrame(bH(a)));var b=function(){var e=$APP.l(a,"__xScrollTimelineLastProg");return $APP.n(e)?e:0}(),c=function(){var e=$APP.l(a,"__xScrollTimelineActiveIndex");
|
|
25
|
+
return $APP.n(e)?e:-1}(),d=VG(a);d=c>=0&&c<d.length?XG(d[c]):null;return $APP.ej(a,"x-scroll-timeline-autoplay-resume",{progress:b,activeIndex:c,activeId:d})}return null},eH=function(a){var b=$APP.l(a,"__xScrollTimelineAutoplayRAF");$APP.n(b)&&(cancelAnimationFrame(b),$APP.Q(a,"__xScrollTimelineAutoplayRAF",null));b=$APP.l(a,"__xScrollTimelineAutoplayHandlers");$APP.n(b)&&(a.removeEventListener("pointerdown",$APP.l(b,"pointerdown")),a.removeEventListener("pointerup",$APP.l(b,"pointerup")),a.removeEventListener("pointerleave",
|
|
26
|
+
$APP.l(b,"pointerleave")),a.removeEventListener("keydown",$APP.l(b,"keydown")),a.removeEventListener("keyup",$APP.l(b,"keyup")),$APP.Q(a,"__xScrollTimelineAutoplayHandlers",null));$APP.U(a,"data-autoplay-paused");$APP.U(a,"tabindex");$APP.Q(a,"__xScrollTimelineAutoplayPaused",!1);return $APP.Q(a,"__xScrollTimelineAutoplayLast",null)},fH=function(a){if($APP.l(a,"__xScrollTimelineAutoplayRAF")!=null)return null;var b=$APP.l(a,"__xScrollTimelineModel");if($APP.n(function(){if($APP.n(b)){var k=$APP.Wq.i(b);
|
|
27
|
+
return $APP.n(k)?(k=$APP.p($APP.Wj.i(b)))?(k=$APP.l(a,"__xScrollTimelineVisible"),$APP.n(k)?!WG():k):k:k}return b}())){$APP.S(a,"tabindex","0");$APP.Q(a,"__xScrollTimelineAutoplayPaused",!1);$APP.Q(a,"__xScrollTimelineAutoplayLast",null);var c=function(){return cH(a)},d=function(){return dH(a)},e=function(){return $APP.n($APP.l(a,"__xScrollTimelineAutoplayPaused"))?dH(a):null},f=function(k){return $APP.z.j(k.code,"Space")?(k.preventDefault(),cH(a)):null},h=function(k){return $APP.z.j(k.code,"Space")?
|
|
28
|
+
dH(a):null};a.addEventListener("pointerdown",c);a.addEventListener("pointerup",d);a.addEventListener("pointerleave",e);a.addEventListener("keydown",f);a.addEventListener("keyup",h);$APP.Q(a,"__xScrollTimelineAutoplayHandlers",{pointerdown:c,pointerup:d,pointerleave:e,keydown:f,keyup:h});return $APP.Q(a,"__xScrollTimelineAutoplayRAF",requestAnimationFrame(bH(a)))}return null},gH=function(a){a=$APP.l(a,"__xScrollTimelineModel");return $APP.n(a)?$APP.Wj.i(a):a},Gda=function(a){return $APP.n(function(){var b=
|
|
29
|
+
a.isConnected;return $APP.n(b)?(b=$APP.l(a,"__xScrollTimelineVisible"),$APP.n(b)?$APP.p(gH(a))&&!WG():b):b}())?$APP.n($APP.l(a,"__xScrollTimelineRAF"))?null:$APP.Zi(a,"__xScrollTimelineRAF",requestAnimationFrame(function(){return aH(a)})):null},Hda=function(a){a=$APP.l(a,"__xScrollTimelineHandlers");$APP.n($APP.n(a)?$APP.p($APP.l(a,"scrollAttached")):a)&&(window.addEventListener("scroll",$APP.l(a,"scroll"),{passive:!0}),a.scrollAttached=!0)},hH=function(a){a=$APP.l(a,"__xScrollTimelineHandlers");
|
|
30
|
+
$APP.n($APP.n(a)?$APP.l(a,"scrollAttached"):a)&&(window.removeEventListener("scroll",$APP.l(a,"scroll")),a.scrollAttached=!1)},Ida=function(a,b){b=b[0].isIntersecting;$APP.Q(a,"__xScrollTimelineVisible",b);if($APP.n(b)){if($APP.n(gH(a)))return null;Hda(a);aH(a);YG(a,"Timeline entered viewport");$APP.ej(a,"x-scroll-timeline-enter",{progress:function(){var c=$APP.l(a,"__xScrollTimelineLastProg");return $APP.n(c)?c:0}()});b=$APP.l(a,"__xScrollTimelineModel");return $APP.n($APP.n(b)?$APP.Wq.i(b):b)?fH(a):
|
|
31
|
+
null}hH(a);eH(a);if($APP.n(gH(a)))return null;YG(a,"Timeline left viewport");return $APP.ej(a,"x-scroll-timeline-leave",{progress:function(){var c=$APP.l(a,"__xScrollTimelineLastProg");return $APP.n(c)?c:0}()})},iH=function(a){var b=function(){var d=$APP.l(a,"__xScrollTimelineModel");return $APP.n(d)?d:UG(a)}(),c=VG(a);Cda(c,$APP.Fs.i(b));Dda(a,c);Eda(a,c);return requestAnimationFrame(function(){if($APP.n(a.isConnected)){var d=VG(a),e=$APP.l(a,"__xScrollTimelineMarkerEls"),f=$APP.l(a,"__xScrollTimelineDateEls"),
|
|
32
|
+
h=$APP.G($APP.l(a,"__xScrollTimelineRefs"));h=$APP.C(h,$APP.Tk).getBoundingClientRect().top;var k=$APP.l(a,"__xScrollTimelineModel");k=$APP.n(k)?k:UG(a);k=$APP.Fs.i(k);for(var m=d.length,r=0;;)if(r<m){var u=d[r].getBoundingClientRect();u=u.top+u.height/2-h;var x=HG(k,r),y=$APP.n(e)?e[r]:e;$APP.n(y)&&(y.style.top=""+$APP.P.i(u)+"px");y=$APP.n(f)?f[r]:f;$APP.n(y)&&(y.style.top=""+$APP.P.i(u)+"px",$APP.S(y,"data-side",x));r+=1}else break;$APP.z.j($APP.pr.i(b),"curved")&&Fda(a,d);return $APP.n($APP.l(a,
|
|
33
|
+
"__xScrollTimelineVisible"))?aH(a):null}return null})},Jda=function(a){function b(){return $APP.n($APP.l(a,"__xScrollTimelineVisible"))?($APP.Q(a,"__xScrollTimelineEntryStates",null),iH(a)):null}function c(){$APP.Q(a,"__xScrollTimelineEntryStates",null);return iH(a)}var d=PG(a);d=$APP.G(d);$APP.C(d,$APP.eo).addEventListener("slotchange",c);window.addEventListener("resize",b);$APP.Q(a,"__xScrollTimelineHandlers",{scroll:function(){return Gda(a)},slot:c,resize:b,scrollAttached:!1})},jH=function(a){var b=
|
|
34
|
+
$APP.l(a,"__xScrollTimelineHandlers");if($APP.n(b)){hH(a);var c=$APP.l(a,"__xScrollTimelineRefs");if($APP.n(c)){c=$APP.eo.i(c);var d=$APP.l(b,"slot");$APP.n(d)&&c.removeEventListener("slotchange",d)}b=$APP.l(b,"resize");$APP.n(b)&&window.removeEventListener("resize",b)}b=$APP.l(a,"__xScrollTimelineRAF");$APP.n(b)&&(cancelAnimationFrame(b),$APP.Zi(a,"__xScrollTimelineRAF",null));$APP.Q(a,"__xScrollTimelineHandlers",null)},Kda=function(a){var b=$APP.l(a,"__xScrollTimelineIO");$APP.n(b)&&b.disconnect();
|
|
35
|
+
b=new IntersectionObserver(function(c){return Ida(a,c)},{threshold:[0]});b.observe(a);$APP.Q(a,"__xScrollTimelineIO",b)},kH=function(a){var b=UG(a);if($APP.I($APP.l(a,"__xScrollTimelineModel"),b)){b=$APP.G(b);var c=$APP.C(b,$APP.Wj),d=PG(a);d=$APP.G(d);d=$APP.C(d,$APP.Tk);var e=$APP.l(a,"__xScrollTimelineModel"),f=$APP.G(b),h=$APP.C(f,$APP.Fs),k=$APP.C(f,$APP.pr);f=$APP.C(f,$APP.qt);$APP.S(a,"data-layout",h);$APP.S(a,"data-track",k);$APP.S(a,"data-marker",f);h=$APP.G(b);h=$APP.C(h,$APP.Z);$APP.q(h)?
|
|
36
|
+
$APP.S(d,"aria-label",h):$APP.U(d,"aria-label");$APP.Q(a,"__xScrollTimelineModel",b);$APP.n(c)?(ZG(a),$APP.Q(a,"__xScrollTimelineActiveIndex",-1),$APP.Q(a,"__xScrollTimelineEntryStates",null),hH(a),eH(a)):$APP.n(e)&&($APP.I($APP.Fs.i(e),$APP.Fs.i(b))||$APP.I($APP.pr.i(e),$APP.pr.i(b))||$APP.I($APP.qt.i(e),$APP.qt.i(b))||$APP.I($APP.Wj.i(e),$APP.Wj.i(b))?iH(a):($APP.I($APP.Cu.i(e),$APP.Cu.i(b))||$APP.I(TG.i(e),TG.i(b)))&&$APP.n($APP.l(a,"__xScrollTimelineVisible"))&&aH(a));c=$APP.G(b);b=$APP.C(c,$APP.Wq);
|
|
37
|
+
c=$APP.C(c,$APP.Wj);a=$APP.n(c)?null:$APP.n($APP.n(b)?$APP.l(a,"__xScrollTimelineVisible"):b)?fH(a):eH(a)}else a=null;return a},Lda=function(a){Object.defineProperty(a,"label",{get:function(){var b=this.getAttribute("label");return $APP.n(b)?b:""},set:function(b){return $APP.n($APP.n(b)?$APP.I(b,""):b)?$APP.S(this,"label",""+$APP.P.i(b)):$APP.U(this,"label")},enumerable:!0,configurable:!0})},lH=function(a,b,c,d){Object.defineProperty(a,b,{get:function(){var e=this.getAttribute(c);return d.i?d.i(e):
|
|
38
|
+
d.call(null,e)},set:function(e){return e!=null?$APP.S(this,c,""+$APP.P.i(e)):$APP.U(this,c)},enumerable:!0,configurable:!0})},mH=function(a,b,c,d){return Object.defineProperty(a,b,{get:function(){var e=$APP.l(this,c);return e!=null?e:d},enumerable:!0,configurable:!0})},Mda=function(a){$APP.mj(a,"layout","layout","alternating");$APP.mj(a,"track","track","straight");$APP.mj(a,"marker","marker","dot");Lda(a);lH(a,"threshold","threshold",FG);$APP.jj(a,"noProgress","no-progress");$APP.jj(a,"disabled",
|
|
39
|
+
"disabled");$APP.jj(a,"autoplay","autoplay");lH(a,"autoplaySpeed","autoplay-speed",GG);$APP.jj(a,"autoplayLoop","autoplay-loop");$APP.jj(a,"autoplayIndicator","autoplay-indicator");mH(a,"activeIndex","__xScrollTimelineActiveIndex",-1);mH(a,"progress","__xScrollTimelineLastProg",0);return mH(a,"autoplayPaused","__xScrollTimelineAutoplayPaused",!1)},Nda=function(a){PG(a);jH(a);Jda(a);Kda(a);return kH(a)},Oda=function(a){eH(a);ZG(a);if($APP.n($APP.l(a,"__xScrollTimelineVisible"))){var b=$APP.l(a,"__xScrollTimelineLastProg");
|
|
40
|
+
$APP.ej(a,"x-scroll-timeline-leave",{progress:$APP.n(b)?b:0})}jH(a);b=$APP.l(a,"__xScrollTimelineIO");$APP.n(b)&&(b.disconnect(),$APP.Q(a,"__xScrollTimelineIO",null));$APP.Q(a,"__xScrollTimelineVisible",!1);$APP.Q(a,"__xScrollTimelineActiveIndex",-1);$APP.Q(a,"__xScrollTimelineLastProg",null);return $APP.Q(a,"__xScrollTimelineEntryStates",null)},Pda=function(a,b,c,d){return $APP.I(c,d)?kH(a):null},nH=function(){return $APP.ri("x-scroll-timeline",new $APP.M(null,5,[$APP.ii,Qda,$APP.gi,Nda,$APP.di,
|
|
41
|
+
Oda,$APP.ci,Pda,$APP.hi,Mda],null))},OG=new $APP.F(null,"entries","entries",-86943161),QG=new $APP.F(null,"marker-raw","marker-raw",2140891555),yda=new $APP.F(null,"indicator","indicator",1928219637),TG=new $APP.F(null,"no-progress?","no-progress?",-1599319890),RG=new $APP.F(null,"track-raw","track-raw",751958776),MG=new $APP.F(null,"track-path","track-path",-1838135442),NG=new $APP.F(null,"fill-path","fill-path",-792439899),SG=new $APP.F(null,"no-progress-attr","no-progress-attr",115951679),LG=new $APP.F(null,
|
|
42
|
+
"track-svg","track-svg",-556455964),JG=new $APP.F(null,"side","side",389652279),KG=new $APP.F(null,"track-line","track-line",1370628624);var Qda="layout track threshold no-progress disabled label marker autoplay autoplay-speed autoplay-loop autoplay-indicator".split(" ");
|
|
43
|
+
$APP.vg([$APP.bu,$APP.Pp,$APP.kt,$APP.tn,$APP.Fs,$APP.Hs,$APP.qt,$APP.Cu,$APP.vv,$APP.Z,$APP.bt,$APP.Nu,new $APP.F(null,"noProgress","noProgress",-2114530658),$APP.pr],[new $APP.M(null,1,[$APP.N,$APP.rj],null),new $APP.M(null,1,[$APP.N,$APP.Y],null),new $APP.M(null,1,[$APP.N,$APP.rj],null),new $APP.M(null,1,[$APP.N,$APP.rj],null),new $APP.M(null,1,[$APP.N,$APP.X],null),new $APP.M(null,2,[$APP.N,$APP.Y,$APP.qj,!0],null),new $APP.M(null,1,[$APP.N,$APP.X],null),new $APP.M(null,1,[$APP.N,$APP.Y],null),
|
|
44
|
+
new $APP.M(null,2,[$APP.N,$APP.rj,$APP.qj,!0],null),new $APP.M(null,1,[$APP.N,$APP.X],null),new $APP.M(null,1,[$APP.N,$APP.rj],null),new $APP.M(null,2,[$APP.N,$APP.Y,$APP.qj,!0],null),new $APP.M(null,1,[$APP.N,$APP.rj],null),new $APP.M(null,1,[$APP.N,$APP.X],null)]);
|
|
45
|
+
$APP.ie(["x-scroll-timeline-entry-change",new $APP.M(null,2,[$APP.V,new $APP.M(null,4,[$APP.Ul,$APP.Y,$APP.hu,$APP.X,$APP.ns,$APP.Y,$APP.Yv,$APP.X],null),$APP.Xu,!1],null),"x-scroll-timeline-entry-enter",new $APP.M(null,2,[$APP.V,new $APP.M(null,3,[$APP.Ul,$APP.Y,$APP.hu,$APP.X,$APP.Nu,$APP.Y],null),$APP.Xu,!1],null),"x-scroll-timeline-entry-leave",new $APP.M(null,2,[$APP.V,new $APP.M(null,3,[$APP.Ul,$APP.Y,$APP.hu,$APP.X,$APP.Nu,$APP.Y],null),$APP.Xu,!1],null),"x-scroll-timeline-progress",new $APP.M(null,
|
|
46
|
+
2,[$APP.V,new $APP.M(null,3,[$APP.Nu,$APP.Y,$APP.Hs,$APP.Y,$APP.ou,$APP.X],null),$APP.Xu,!1],null),"x-scroll-timeline-enter",new $APP.M(null,2,[$APP.V,new $APP.M(null,1,[$APP.Nu,$APP.Y],null),$APP.Xu,!1],null),"x-scroll-timeline-leave",new $APP.M(null,2,[$APP.V,new $APP.M(null,1,[$APP.Nu,$APP.Y],null),$APP.Xu,!1],null),"x-scroll-timeline-autoplay-pause",new $APP.M(null,2,[$APP.V,new $APP.M(null,3,[$APP.Nu,$APP.Y,$APP.Hs,$APP.Y,$APP.ou,$APP.X],null),$APP.Xu,!1],null),"x-scroll-timeline-autoplay-resume",
|
|
47
|
+
new $APP.M(null,2,[$APP.V,new $APP.M(null,3,[$APP.Nu,$APP.Y,$APP.Hs,$APP.Y,$APP.ou,$APP.X],null),$APP.Xu,!1],null)]);var zda=new $APP.bh(null,new $APP.M(null,3,["right",null,"left",null,"alternating",null],null),null),Bda=new $APP.bh(null,new $APP.M(null,2,["curved",null,"straight",null],null),null),Ada=new $APP.bh(null,new $APP.M(null,3,["ring",null,"none",null,"dot",null],null),null);$APP.ha("baredom.exports.x_scroll_timeline.init",nH);export const init=nH;
|