@vanelsas/baredom 2.4.0 → 2.5.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 +17 -0
- package/README.md +83 -5
- package/custom-elements.json +7338 -0
- package/dist/baredom.d.ts +97 -0
- package/dist/base.js +53 -53
- package/dist/integrity.json +87 -87
- package/dist/x-alert.d.ts +43 -0
- package/dist/x-alert.js +16 -16
- package/dist/x-avatar-group.d.ts +18 -0
- package/dist/x-avatar-group.js +10 -10
- package/dist/x-avatar.d.ts +21 -0
- package/dist/x-avatar.js +2 -2
- package/dist/x-badge.d.ts +19 -0
- package/dist/x-badge.js +7 -7
- package/dist/x-bento-grid.d.ts +12 -0
- package/dist/x-bento-grid.js +2 -2
- package/dist/x-bento-item.d.ts +12 -0
- package/dist/x-bento-item.js +4 -4
- package/dist/x-breadcrumbs.d.ts +20 -0
- package/dist/x-breadcrumbs.js +14 -14
- package/dist/x-button.d.ts +45 -0
- package/dist/x-button.js +4 -4
- package/dist/x-cancel-dialogue.d.ts +50 -0
- package/dist/x-cancel-dialogue.js +12 -12
- package/dist/x-card.d.ts +39 -0
- package/dist/x-card.js +3 -3
- package/dist/x-carousel.d.ts +48 -0
- package/dist/x-carousel.js +28 -28
- package/dist/x-chart.d.ts +23 -0
- package/dist/x-chart.js +28 -28
- package/dist/x-checkbox.d.ts +45 -0
- package/dist/x-checkbox.js +6 -6
- package/dist/x-chip.d.ts +41 -0
- package/dist/x-chip.js +8 -8
- package/dist/x-collapse.d.ts +42 -0
- package/dist/x-collapse.js +1 -1
- package/dist/x-color-picker.d.ts +47 -0
- package/dist/x-color-picker.js +40 -40
- package/dist/x-combobox.d.ts +46 -0
- package/dist/x-combobox.js +24 -24
- package/dist/x-command-palette.d.ts +46 -0
- package/dist/x-command-palette.js +24 -24
- package/dist/x-container.d.ts +14 -0
- package/dist/x-container.js +2 -2
- package/dist/x-context-menu.d.ts +17 -0
- package/dist/x-context-menu.js +9 -9
- package/dist/x-copy.d.ts +51 -0
- package/dist/x-copy.js +6 -6
- package/dist/x-currency-field.d.ts +51 -0
- package/dist/x-currency-field.js +9 -8
- package/dist/x-date-picker.d.ts +20 -0
- package/dist/x-date-picker.js +8 -8
- package/dist/x-divider.d.ts +20 -0
- package/dist/x-divider.js +3 -3
- package/dist/x-drawer.d.ts +44 -0
- package/dist/x-drawer.js +3 -3
- package/dist/x-dropdown.d.ts +42 -0
- package/dist/x-dropdown.js +9 -9
- package/dist/x-fieldset.d.ts +14 -0
- package/dist/x-fieldset.js +2 -2
- package/dist/x-file-download.d.ts +40 -0
- package/dist/x-file-download.js +7 -7
- package/dist/x-file-upload.d.ts +46 -0
- package/dist/x-file-upload.js +22 -22
- package/dist/x-form-field.d.ts +47 -0
- package/dist/x-form-field.js +6 -6
- package/dist/x-form.d.ts +41 -0
- package/dist/x-form.js +3 -3
- package/dist/x-gaussian-blur.d.ts +20 -0
- package/dist/x-gaussian-blur.js +6 -6
- package/dist/x-grid.d.ts +12 -0
- package/dist/x-grid.js +3 -3
- package/dist/x-icon.d.ts +15 -0
- package/dist/x-icon.js +2 -2
- package/dist/x-image.d.ts +48 -0
- package/dist/x-image.js +6 -6
- package/dist/x-kinetic-font.d.ts +48 -0
- package/dist/x-kinetic-font.js +11 -11
- package/dist/x-kinetic-typography.d.ts +27 -0
- package/dist/x-kinetic-typography.js +20 -20
- package/dist/x-liquid-dock.d.ts +47 -0
- package/dist/x-liquid-dock.js +35 -35
- package/dist/x-liquid-fill.d.ts +46 -0
- package/dist/x-liquid-fill.js +18 -18
- package/dist/x-liquid-glass.d.ts +25 -0
- package/dist/x-liquid-glass.js +10 -10
- package/dist/x-menu-item.d.ts +41 -0
- package/dist/x-menu.d.ts +42 -0
- package/dist/x-menu.js +1 -1
- package/dist/x-metaball-cursor.d.ts +21 -0
- package/dist/x-metaball-cursor.js +9 -9
- package/dist/x-modal.d.ts +44 -0
- package/dist/x-modal.js +2 -2
- package/dist/x-morph-stack.d.ts +46 -0
- package/dist/x-morph-stack.js +39 -39
- package/dist/x-navbar.d.ts +46 -0
- package/dist/x-navbar.js +3 -3
- package/dist/x-neural-glow.d.ts +22 -0
- package/dist/x-neural-glow.js +2 -2
- package/dist/x-notification-center.d.ts +42 -0
- package/dist/x-notification-center.js +10 -10
- package/dist/x-organic-divider.d.ts +19 -0
- package/dist/x-organic-progress.d.ts +45 -0
- package/dist/x-organic-progress.js +9 -9
- package/dist/x-organic-shape.d.ts +18 -0
- package/dist/x-pagination.d.ts +44 -0
- package/dist/x-pagination.js +1 -1
- package/dist/x-particle-button.d.ts +47 -0
- package/dist/x-particle-button.js +7 -7
- package/dist/x-popover.d.ts +45 -0
- package/dist/x-popover.js +23 -23
- package/dist/x-progress-circle.d.ts +41 -0
- package/dist/x-progress-circle.js +3 -3
- package/dist/x-progress.d.ts +44 -0
- package/dist/x-progress.js +3 -3
- package/dist/x-radio.d.ts +44 -0
- package/dist/x-radio.js +11 -11
- package/dist/x-ripple-effect.d.ts +42 -0
- package/dist/x-ripple-effect.js +5 -5
- package/dist/x-scroll-parallax.d.ts +45 -0
- package/dist/x-scroll-parallax.js +3 -3
- package/dist/x-scroll-stack.d.ts +46 -0
- package/dist/x-scroll-stack.js +6 -6
- package/dist/x-scroll-story.d.ts +56 -0
- package/dist/x-scroll-story.js +14 -14
- package/dist/x-scroll-timeline.d.ts +58 -0
- package/dist/x-scroll-timeline.js +43 -43
- package/dist/x-scroll.d.ts +51 -0
- package/dist/x-scroll.js +14 -14
- package/dist/x-search-field.d.ts +47 -0
- package/dist/x-search-field.js +15 -14
- package/dist/x-select.d.ts +40 -0
- package/dist/x-select.js +3 -3
- package/dist/x-sidebar.d.ts +40 -0
- package/dist/x-sidebar.js +8 -8
- package/dist/x-skeleton-group.d.ts +15 -0
- package/dist/x-skeleton-group.js +5 -5
- package/dist/x-skeleton.d.ts +16 -0
- package/dist/x-slider.d.ts +48 -0
- package/dist/x-slider.js +5 -5
- package/dist/x-soft-body.d.ts +44 -0
- package/dist/x-soft-body.js +5 -5
- package/dist/x-spacer.d.ts +15 -0
- package/dist/x-spacer.js +1 -1
- package/dist/x-spinner.d.ts +15 -0
- package/dist/x-splash.d.ts +42 -0
- package/dist/x-splash.js +3 -3
- package/dist/x-stat.d.ts +21 -0
- package/dist/x-stat.js +6 -6
- package/dist/x-stepper.d.ts +42 -0
- package/dist/x-stepper.js +14 -14
- package/dist/x-switch.d.ts +44 -0
- package/dist/x-switch.js +5 -5
- package/dist/x-tab.d.ts +40 -0
- package/dist/x-tab.js +7 -7
- package/dist/x-table-cell.d.ts +50 -0
- package/dist/x-table-cell.js +5 -5
- package/dist/x-table-row.d.ts +43 -0
- package/dist/x-table-row.js +10 -10
- package/dist/x-table.d.ts +124 -0
- package/dist/x-table.js +3 -3
- package/dist/x-tabs.d.ts +70 -0
- package/dist/x-tabs.js +2 -2
- package/dist/x-text-area.d.ts +47 -0
- package/dist/x-text-area.js +7 -7
- package/dist/x-theme.d.ts +15 -0
- package/dist/x-timeline-item.d.ts +46 -0
- package/dist/x-timeline-item.js +19 -19
- package/dist/x-timeline.d.ts +78 -0
- package/dist/x-timeline.js +3 -3
- package/dist/x-toast.d.ts +45 -0
- package/dist/x-toast.js +21 -21
- package/dist/x-toaster.d.ts +41 -0
- package/dist/x-toaster.js +8 -8
- package/dist/x-tooltip.d.ts +43 -0
- package/dist/x-tooltip.js +12 -12
- package/dist/x-typography.d.ts +16 -0
- package/dist/x-typography.js +1 -1
- package/dist/x-welcome-tour.d.ts +92 -0
- package/dist/x-welcome-tour.js +59 -59
- package/package.json +502 -392
package/dist/x-scroll-stack.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
2
|
var tF=function(a,b){return typeof a==="string"?(a=parseFloat(a.trim()),typeof a==="number"&&$APP.r(isNaN(a))&&a>0?a:b):b},vF=function(a){return typeof a==="string"&&$APP.I(uF,a.trim().toLowerCase())?a.trim().toLowerCase():"center"},wF=function(a,b,c){b*=c;c=b+c-b;return Math.max(0,Math.min(1,c<=0?0:(a-b)/c))},xF=function(a,b,c){b*=c;return b<=0?0:Math.max(0,Math.min(1,a/b))},yF=function(a){var b=$APP.k(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
|
-
d.setAttribute("part","container");d.setAttribute("role","region");d.appendChild(e);b.appendChild(c);b.appendChild(d);a.__xScrollStackRefs=new $APP.R(null,3,[$APP.Hi,b,$APP.Hj,d,$APP.kj,e],null);return $APP.k(a,"__xScrollStackRefs")},CF=function(a){a=new $APP.R(null,5,[$APP.
|
|
5
|
-
zF),d=$APP.D(b,AF),e=$APP.D(b,$APP.Xi);b=$APP.D(b,$APP.ej);return new $APP.R(null,5,[$APP.bj,tF(a,6),$APP
|
|
6
|
-
""+$APP.T.g(b)+"px"},LF=function(a){var b=function(){var
|
|
7
|
-
(e-1)*m+h[e-1],Ca=$APP.M($APP.k(a,"__xScrollStackRefs"));Ca=$APP.D(Ca,$APP.Hj).clientHeight;a:switch(q){case "top":
|
|
8
|
-
H*x;var Q=H*HF.g(G);G=H*IF.g(G);var aa=H>0?""+$APP.T.g(C):"";E.style.transform=H===0?"":"translate("+$APP.T.g(G.toFixed(2))+"px,"+$APP.T.g(J.toFixed(2))+"px) rotate("+$APP.T.g(Q.toFixed(3))+"deg)";E.style.zIndex=aa;C+=1}else break;$APP.N(y,A)&&(a.__xScrollStackStackedCount=y,EF(a,"x-scroll-stack-change",new $APP.R(null,3,[JF,y,KF,e,$APP.
|
|
4
|
+
d.setAttribute("part","container");d.setAttribute("role","region");d.appendChild(e);b.appendChild(c);b.appendChild(d);a.__xScrollStackRefs=new $APP.R(null,3,[$APP.Hi,b,$APP.Hj,d,$APP.kj,e],null);return $APP.k(a,"__xScrollStackRefs")},CF=function(a){a=new $APP.R(null,5,[$APP.dm,a.getAttribute("peek"),zF,a.getAttribute("rotation"),AF,a.getAttribute("scroll-distance"),$APP.Xi,a.getAttribute("align"),$APP.ej,$APP.n(a.hasAttribute("disabled"))?"":null],null);var b=$APP.M(a);a=$APP.D(b,$APP.dm);var c=$APP.D(b,
|
|
5
|
+
zF),d=$APP.D(b,AF),e=$APP.D(b,$APP.Xi);b=$APP.D(b,$APP.ej);return new $APP.R(null,5,[$APP.bj,tF(a,6),$APP.am,tF(c,3),BF,tF(d,150),$APP.vj,vF(e),$APP.X,b!=null],null)},DF=function(a){a=yF(a);a=$APP.M(a);return $APP.D(a,$APP.kj).assignedElements()},EF=function(a,b,c){b=new CustomEvent(b,{detail:$APP.Hh(c),bubbles:!0,composed:!0,cancelable:!1});a.dispatchEvent(b)},FF=function(a){var b=$APP.k(a,"__xScrollStackModel");b=$APP.n(b)?b:CF(a);var c=DF(a).length;b=window.innerHeight+c*BF.g(b);a.style.height=
|
|
6
|
+
""+$APP.T.g(b)+"px"},LF=function(a){var b=function(){var la=$APP.k(a,"__xScrollStackModel");return $APP.n(la)?la:CF(a)}(),c=a.getBoundingClientRect();c=Math.max(0,-c.top);var d=DF(a),e=d.length,g=$APP.k(a,"__xScrollStackNaturalOffsets"),h=$APP.k(a,"__xScrollStackChildHeights");if($APP.n(function(){var la=e>0;return la?$APP.n(g)?$APP.n(h)?$APP.B.i(g.length,e)&&$APP.B.i(h.length,e):h:g:la}())){var l=BF.g(b),m=$APP.bj.g(b),p=$APP.am.g(b),q=$APP.vj.g(b),v=g[0],x=$APP.n(a.hasAttribute("align"))?function(){var la=
|
|
7
|
+
(e-1)*m+h[e-1],Ca=$APP.M($APP.k(a,"__xScrollStackRefs"));Ca=$APP.D(Ca,$APP.Hj).clientHeight;a:switch(q){case "top":la=32;break a;case "bottom":la=Ca-la-32;break a;default:la=(Ca-la)/2}return la-v}():0;b=xF(c,e,l);for(var y=Math.max(0,Math.min(e,Math.floor(c/Math.max(1,l)))),A=function(){var la=$APP.k(a,"__xScrollStackStackedCount");return $APP.n(la)?la:0}(),C=0;;)if(C<e){var E=d[C],H=wF(c,C,l),G=new $APP.R(null,3,[GF,C*m,HF,p*Math.sin(C*2.3),IF,2*Math.cos(C*3.7)],null),J=g[C];J=v+GF.g(G)-J;J=H*J+
|
|
8
|
+
H*x;var Q=H*HF.g(G);G=H*IF.g(G);var aa=H>0?""+$APP.T.g(C):"";E.style.transform=H===0?"":"translate("+$APP.T.g(G.toFixed(2))+"px,"+$APP.T.g(J.toFixed(2))+"px) rotate("+$APP.T.g(Q.toFixed(3))+"deg)";E.style.zIndex=aa;C+=1}else break;$APP.N(y,A)&&(a.__xScrollStackStackedCount=y,EF(a,"x-scroll-stack-change",new $APP.R(null,3,[JF,y,KF,e,$APP.bm,b],null)));c=$APP.k(a,"__xScrollStackLastProg");if(c==null||Math.abs(b-c)>.001)a.__xScrollStackLastProg=b,EF(a,"x-scroll-stack-progress",new $APP.R(null,3,[$APP.bm,
|
|
9
9
|
b,JF,y,KF,e],null))}a.__xScrollStackRAF=null},MF=function(a){a=$APP.k(a,"__xScrollStackModel");return $APP.n(a)?$APP.X.g(a):a},NF=function(a){return $APP.n(function(){var b=a.isConnected;return $APP.n(b)?(b=$APP.k(a,"__xScrollStackVisible"),$APP.n(b)?$APP.r(MF(a)):b):b}())?$APP.n($APP.k(a,"__xScrollStackRAF"))?null:$APP.ja(a,"__xScrollStackRAF",requestAnimationFrame(function(){return LF(a)})):null},OF=function(a){a=$APP.k(a,"__xScrollStackHandlers");$APP.n($APP.n(a)?$APP.r($APP.k(a,"scrollAttached")):
|
|
10
10
|
a)&&(window.addEventListener("scroll",$APP.k(a,"scroll"),{passive:!0}),a.scrollAttached=!0)},PF=function(a){a=$APP.k(a,"__xScrollStackHandlers");if($APP.n($APP.n(a)?$APP.k(a,"scrollAttached"):a))window.removeEventListener("scroll",$APP.k(a,"scroll")),a.scrollAttached=!1;else return null},QF=function(a){var b=$APP.k(a,"__xScrollStackCacheRAF");$APP.n(b)&&(cancelAnimationFrame(b),a.__xScrollStackCacheRAF=null);return $APP.ja(a,"__xScrollStackCacheRAF",requestAnimationFrame(function(){a.__xScrollStackCacheRAF=
|
|
11
11
|
null;if($APP.n(a.isConnected)){var c=DF(a),d=c.length;if(d>0){var e=$APP.M($APP.k(a,"__xScrollStackRefs")),g=$APP.D(e,$APP.Hj);e=Array(d);for(var h=Array(d),l=0;;)if(l<d){var m=c[l];m.style.transform="";m.style.zIndex="";l+=1}else break;g.offsetHeight;g=g.getBoundingClientRect();for(l=0;;)if(l<d)m=c[l].getBoundingClientRect(),e[l]=m.top-g.top,h[l]=m.height,l+=1;else break;a.__xScrollStackNaturalOffsets=e;a.__xScrollStackChildHeights=h}return LF(a)}return null}))},RF=function(a){var b=$APP.k(a,"__xScrollStackIO");
|
|
@@ -17,4 +17,4 @@ WF=function(a){Object.defineProperty(a,"peek",{get:function(){return tF(this.get
|
|
|
17
17
|
set:function(b){return $APP.n(b)?this.setAttribute("disabled",""):this.removeAttribute("disabled")},enumerable:!0,configurable:!0});Object.defineProperty(a,"stackedCount",{get:function(){var b=$APP.k(this,"__xScrollStackStackedCount");return $APP.n(b)?b:0},enumerable:!0,configurable:!0});Object.defineProperty(a,"progress",{get:function(){var b=$APP.k(this,"__xScrollStackLastProg");return $APP.n(b)?b:0},enumerable:!0,configurable:!0});Object.defineProperty(a,"refresh",{value:function(){FF(this);return $APP.n($APP.k(this,
|
|
18
18
|
"__xScrollStackVisible"))?QF(this):null},enumerable:!0,configurable:!0})},YF=function(){var a=class extends HTMLElement{};a.observedAttributes=XF;a.prototype.connectedCallback=function(){yF(this);UF(this);TF(this);RF(this);VF(this);FF(this);return null};a.prototype.disconnectedCallback=function(){SF(this);UF(this);var b=$APP.k(this,"__xScrollStackIO");$APP.n(b)&&(b.disconnect(),this.__xScrollStackIO=null);this.__xScrollStackVisible=!1;this.__xScrollStackStackedCount=0;return this.__xScrollStackChildHeights=
|
|
19
19
|
this.__xScrollStackNaturalOffsets=this.__xScrollStackLastProg=null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.N(c,d)&&(VF(this),FF(this),$APP.n($APP.k(this,"__xScrollStackVisible"))&&QF(this));return null};WF(a.prototype);return a},ZF=function(){$APP.n(customElements.get("x-scroll-stack"))||customElements.define("x-scroll-stack",YF());return null},HF=new $APP.K(null,"stack-rot","stack-rot",-949440704),KF=new $APP.K(null,"totalCount","totalCount",2101470328),AF=new $APP.K(null,"scroll-distance-raw",
|
|
20
|
-
"scroll-distance-raw",1537519796),IF=new $APP.K(null,"stack-x","stack-x",-1557848736),GF=new $APP.K(null,"stack-y","stack-y",146748620),zF=new $APP.K(null,"rotation-raw","rotation-raw",318004495),JF=new $APP.K(null,"stackedCount","stackedCount",137366007),BF=new $APP.K(null,"scroll-distance","scroll-distance",-544947824);var XF=["peek","rotation","scroll-distance","align","disabled"];$APP.Pd(["x-scroll-stack-change",new $APP.R(null,2,[$APP.V,new $APP.R(null,3,[JF,$APP.W,KF,$APP.W,$APP.
|
|
20
|
+
"scroll-distance-raw",1537519796),IF=new $APP.K(null,"stack-x","stack-x",-1557848736),GF=new $APP.K(null,"stack-y","stack-y",146748620),zF=new $APP.K(null,"rotation-raw","rotation-raw",318004495),JF=new $APP.K(null,"stackedCount","stackedCount",137366007),BF=new $APP.K(null,"scroll-distance","scroll-distance",-544947824);var XF=["peek","rotation","scroll-distance","align","disabled"];$APP.Pd(["x-scroll-stack-change",new $APP.R(null,2,[$APP.V,new $APP.R(null,3,[JF,$APP.W,KF,$APP.W,$APP.bm,$APP.W],null),$APP.km,!1],null),"x-scroll-stack-progress",new $APP.R(null,2,[$APP.V,new $APP.R(null,3,[$APP.bm,$APP.W,JF,$APP.W,KF,$APP.W],null),$APP.km,!1],null)]);var uF=new $APP.S(null,new $APP.R(null,3,["top",null,"center",null,"bottom",null],null),null);$APP.ha("baredom.exports.x_scroll_stack.init",ZF);export const init=ZF;
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
// x-scroll-story.d.ts — auto-generated by generate_types.bb, do not edit
|
|
2
|
+
|
|
3
|
+
export function init(): void;
|
|
4
|
+
|
|
5
|
+
export interface XScrollStoryEventMap {
|
|
6
|
+
"x-scroll-story-step-change": CustomEvent<{ index: number; id: string; previousIndex: number; previousId: string }>;
|
|
7
|
+
"x-scroll-story-step-enter": CustomEvent<{ index: number; id: string; progress: number }>;
|
|
8
|
+
"x-scroll-story-step-leave": CustomEvent<{ index: number; id: string; progress: number }>;
|
|
9
|
+
"x-scroll-story-progress": CustomEvent<{ progress: number; activeIndex: number; activeId: string }>;
|
|
10
|
+
"x-scroll-story-enter": CustomEvent<{ progress: number }>;
|
|
11
|
+
"x-scroll-story-leave": CustomEvent<{ progress: number }>;
|
|
12
|
+
"x-scroll-story-autoplay-pause": CustomEvent<{ progress: number; activeIndex: number; activeId: string }>;
|
|
13
|
+
"x-scroll-story-autoplay-resume": CustomEvent<{ progress: number; activeIndex: number; activeId: string }>;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
export interface XScrollStory extends HTMLElement {
|
|
17
|
+
autoplayLoop: boolean;
|
|
18
|
+
autoplaySpeed: number;
|
|
19
|
+
autoplayIndicator: boolean;
|
|
20
|
+
disabled: boolean;
|
|
21
|
+
layout: string;
|
|
22
|
+
readonly activeIndex: number;
|
|
23
|
+
threshold: number;
|
|
24
|
+
readonly autoplayPaused: boolean;
|
|
25
|
+
split: number;
|
|
26
|
+
label: string;
|
|
27
|
+
autoplay: boolean;
|
|
28
|
+
readonly progress: number;
|
|
29
|
+
|
|
30
|
+
addEventListener<K extends keyof XScrollStoryEventMap>(
|
|
31
|
+
type: K,
|
|
32
|
+
listener: (this: XScrollStory, ev: XScrollStoryEventMap[K]) => any,
|
|
33
|
+
options?: boolean | AddEventListenerOptions
|
|
34
|
+
): void;
|
|
35
|
+
addEventListener(
|
|
36
|
+
type: string,
|
|
37
|
+
listener: EventListenerOrEventListenerObject,
|
|
38
|
+
options?: boolean | AddEventListenerOptions
|
|
39
|
+
): void;
|
|
40
|
+
removeEventListener<K extends keyof XScrollStoryEventMap>(
|
|
41
|
+
type: K,
|
|
42
|
+
listener: (this: XScrollStory, ev: XScrollStoryEventMap[K]) => any,
|
|
43
|
+
options?: boolean | EventListenerOptions
|
|
44
|
+
): void;
|
|
45
|
+
removeEventListener(
|
|
46
|
+
type: string,
|
|
47
|
+
listener: EventListenerOrEventListenerObject,
|
|
48
|
+
options?: boolean | EventListenerOptions
|
|
49
|
+
): void;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
declare global {
|
|
53
|
+
interface HTMLElementTagNameMap {
|
|
54
|
+
"x-scroll-story": XScrollStory;
|
|
55
|
+
}
|
|
56
|
+
}
|
package/dist/x-scroll-story.js
CHANGED
|
@@ -2,23 +2,23 @@ import { $APP, shadow$provide } from "./base.js";
|
|
|
2
2
|
var y5=function(a){return typeof a==="string"?(a=parseFloat(a.trim()),$APP.n(isNaN(a))?.5:$APP.oh.i(0,$APP.sh.i(1,a))):.5},z5=function(a){return typeof a==="string"?(a=parseFloat(a.trim()),$APP.n(isNaN(a))?.5:$APP.oh.i(.1,$APP.sh.i(.9,a))):.5},A5=function(a){return typeof a==="string"?(a=parseFloat(a.trim()),$APP.n(isNaN(a))?50:$APP.oh.i(1,$APP.sh.i(1E3,a))):50},B5=function(a,b){var c=$APP.z(a);if(c===0)return-1;for(var d=0,e=-1,g=-1;;){if(d>=c)return e>=0?e:g;var h=$APP.pc(a,d),l=$APP.M(h);h=$APP.D(l,
|
|
3
3
|
$APP.si);l=$APP.D(l,$APP.Kk);e=h<=b&&l>b?d:e;g=h<=b?d:g;d+=1}},D5=function(a){var b=$APP.k(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"),g=document.createElement("div"),h=document.createElement("slot"),l=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
4
|
d.setAttribute("part","container");d.setAttribute("role","region");e.setAttribute("part","media");h.setAttribute("name","media");var p=document.createElement("div");p.setAttribute("part","indicator");e.appendChild(p);e.appendChild(h);g.setAttribute("part","steps");g.appendChild(l);d.appendChild(e);d.appendChild(g);m.setAttribute("part","live");m.setAttribute("aria-live","polite");m.setAttribute("aria-atomic","true");b.appendChild(c);b.appendChild(d);b.appendChild(m);a.__xScrollStoryRefs=new $APP.R(null,
|
|
5
|
-
6,[$APP.Hi,b,$APP.Hj,d,C5,e,$APP.
|
|
6
|
-
var b=$APP.M(a);a=$APP.D(b,$APP.ej);var c=$APP.D(b,$APP.
|
|
5
|
+
6,[$APP.Hi,b,$APP.Hj,d,C5,e,$APP.Em,g,$APP.kj,l,$APP.Fi,m],null);return $APP.k(a,"__xScrollStoryRefs")},H5=function(a){a=$APP.zf([$APP.pi,$APP.Vj,$APP.gm,$APP.Wh,$APP.ll,$APP.Ri,$APP.ej,$APP.em,E5],[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")]);
|
|
6
|
+
var b=$APP.M(a);a=$APP.D(b,$APP.ej);var c=$APP.D(b,$APP.em),d=$APP.D(b,E5),e=$APP.D(b,$APP.pi),g=$APP.D(b,$APP.Vj),h=$APP.D(b,$APP.gm),l=$APP.D(b,$APP.Wh),m=$APP.D(b,$APP.ll);b=$APP.D(b,$APP.Ri);m=typeof m==="string"?m.trim().toLowerCase():null;m=$APP.I(F5,m)?m:"left";return $APP.zf([$APP.qk,$APP.Ai,$APP.Tl,G5,$APP.U,$APP.Ki,$APP.X,$APP.Wj,$APP.Ni],[m,c!=null,y5(l),z5(d),$APP.n(e)?e:"",b!=null,a!=null,A5(g),h!=null])},I5=function(a){a=D5(a);a=$APP.M(a);return $APP.D(a,$APP.kj).assignedElements()},
|
|
7
7
|
J5=function(){return $APP.F(window.matchMedia("(prefers-reduced-motion:reduce)").matches)},K5=function(a){a=a.getAttribute("id");return typeof a==="string"&&$APP.N(a,"")?a:null},L5=function(a,b,c){b=new CustomEvent(b,{detail:$APP.Hh(c),bubbles:!0,composed:!0,cancelable:!1});return a.dispatchEvent(b)},M5=function(a,b){a.textContent=b;setTimeout(function(){return a.textContent=""},3E3)},N5=function(a,b,c){var d=$APP.k(a,"__xScrollStoryActiveIndex");d=$APP.n(d)?d:-1;if($APP.N(d,c)){d>=0&&d<b.length&&
|
|
8
|
-
b[d].removeAttribute("data-active");c>=0&&c<b.length&&b[c].setAttribute("data-active","");c>=0?a.setAttribute("data-active-index",""+$APP.T.g(c)):a.removeAttribute("data-active-index");a.__xScrollStoryActiveIndex=c;var e=d>=0&&d<b.length?K5(b[d]):null;b=c>=0&&c<b.length?K5(b[c]):null;L5(a,"x-scroll-story-step-change",new $APP.R(null,4,[$APP.ai,c,$APP.
|
|
8
|
+
b[d].removeAttribute("data-active");c>=0&&c<b.length&&b[c].setAttribute("data-active","");c>=0?a.setAttribute("data-active-index",""+$APP.T.g(c)):a.removeAttribute("data-active-index");a.__xScrollStoryActiveIndex=c;var e=d>=0&&d<b.length?K5(b[d]):null;b=c>=0&&c<b.length?K5(b[c]):null;L5(a,"x-scroll-story-step-change",new $APP.R(null,4,[$APP.ai,c,$APP.yl,b,$APP.ak,d,$APP.en,e],null));a=$APP.M($APP.k(a,"__xScrollStoryRefs"));a=$APP.D(a,$APP.Fi);M5(a,"Step "+$APP.T.g(c+1)+" active")}},O5=function(a,
|
|
9
9
|
b,c,d){var e=b.length;var g=$APP.k(a,"__xScrollStoryStepStates");if(!$APP.n($APP.n(g)?$APP.B.i(g.length,e):g)){for(var h=Array(e),l=0;;)if(l<e)h[l]=$APP.n($APP.n(g)?l<g.length:g)?g[l]:!1,l+=1;else break;g=a.__xScrollStoryStepStates=h}for(h=0;;)if(h<e){if(h<$APP.z(c)){l=$APP.pc(c,h);l=$APP.M(l);var m=$APP.D(l,$APP.si),p=$APP.D(l,$APP.Kk),q=g[h];l=m<=d&&p>d;var v=K5(b[h]),x=m;m=p-m;m=m<=0?0:$APP.oh.i(0,$APP.sh.i(1,(d-x)/m));$APP.r(q)&&l?(g[h]=!0,L5(a,"x-scroll-story-step-enter",new $APP.R(null,3,[$APP.ai,
|
|
10
|
-
h,$APP.
|
|
11
|
-
q.top+q.height],null))}}();b=B5(h,g);var l=$APP.M($APP.k(a,"__xScrollStoryRefs"));l=$APP.D(l,$APP.
|
|
10
|
+
h,$APP.yl,v,$APP.bm,m],null))):$APP.n($APP.n(q)?!l:q)&&(g[h]=!1,L5(a,"x-scroll-story-step-leave",new $APP.R(null,3,[$APP.ai,h,$APP.yl,v,$APP.bm,m],null)))}h+=1}else break},P5=function(a){var b=function(){var m=$APP.k(a,"__xScrollStoryModel");return $APP.n(m)?m:H5(a)}();if(!$APP.n($APP.X.g(b))){var c=I5(a),d=c.length,e=window.innerHeight,g=e*$APP.Tl.g(b),h=function(){for(var m=0,p=$APP.fe;;){if(m>=d)return p;var q=c[m].getBoundingClientRect();m+=1;p=$APP.ld.i(p,new $APP.R(null,2,[$APP.si,q.top,$APP.Kk,
|
|
11
|
+
q.top+q.height],null))}}();b=B5(h,g);var l=$APP.M($APP.k(a,"__xScrollStoryRefs"));l=$APP.D(l,$APP.Em).getBoundingClientRect();e=$APP.oh.i(0,$APP.sh.i(1,(e-l.top)/(e+l.height)));l=$APP.k(a,"__xScrollStoryLastProg");N5(a,c,b);O5(a,c,h,g);if(l==null||Math.abs(e-l)>.001)a.__xScrollStoryLastProg=e,g=b>=0&&b<d?K5(c[b]):null,L5(a,"x-scroll-story-progress",new $APP.R(null,3,[$APP.bm,e,$APP.sk,b,$APP.Fl,g],null))}a.__xScrollStoryRAF=null},Q5=function(a){return function d(c){if($APP.n(function(){var l=a.isConnected;
|
|
12
12
|
return $APP.n(l)?(l=$APP.k(a,"__xScrollStoryVisible"),$APP.n(l)?$APP.r($APP.k(a,"__xScrollStoryAutoplayPaused")):l):l}())){var e=$APP.k(a,"__xScrollStoryModel");if($APP.n(function(){if($APP.n(e)){var l=$APP.Ni.g(e);return $APP.n(l)?$APP.r($APP.X.g(e)):l}return e}())){var g=$APP.k(a,"__xScrollStoryAutoplayLast");g=$APP.n(g)?(c-g)/1E3:0;a.__xScrollStoryAutoplayLast=c;if(g>0){var h=window.scrollY;window.scrollBy(0,$APP.Wj.g(e)*g);$APP.n(function(){var l=$APP.Ai.g(e);return $APP.n(l)?window.scrollY-h<
|
|
13
13
|
.5:l}())&&(c=a.getBoundingClientRect().top+window.scrollY,window.scrollTo(0,c),a.__xScrollStoryAutoplayLast=null)}return $APP.ja(a,"__xScrollStoryAutoplayRAF",requestAnimationFrame(d))}}return null}},R5=function(a){if($APP.n($APP.k(a,"__xScrollStoryAutoplayPaused")))return null;a.__xScrollStoryAutoplayPaused=!0;var b=$APP.k(a,"__xScrollStoryAutoplayRAF");$APP.n(b)&&(cancelAnimationFrame(b),a.__xScrollStoryAutoplayRAF=null);a.setAttribute("data-autoplay-paused","");b=function(){var e=$APP.k(a,"__xScrollStoryLastProg");
|
|
14
|
-
return $APP.n(e)?e:0}();var c=function(){var e=$APP.k(a,"__xScrollStoryActiveIndex");return $APP.n(e)?e:-1}(),d=a.children;d=c>=0&&c<d.length?K5(d[c]):null;return L5(a,"x-scroll-story-autoplay-pause",new $APP.R(null,3,[$APP.
|
|
15
|
-
var b=function(){var e=$APP.k(a,"__xScrollStoryLastProg");return $APP.n(e)?e:0}(),c=function(){var e=$APP.k(a,"__xScrollStoryActiveIndex");return $APP.n(e)?e:-1}(),d=a.children;d=c>=0&&c<d.length?K5(d[c]):null;return L5(a,"x-scroll-story-autoplay-resume",new $APP.R(null,3,[$APP.
|
|
14
|
+
return $APP.n(e)?e:0}();var c=function(){var e=$APP.k(a,"__xScrollStoryActiveIndex");return $APP.n(e)?e:-1}(),d=a.children;d=c>=0&&c<d.length?K5(d[c]):null;return L5(a,"x-scroll-story-autoplay-pause",new $APP.R(null,3,[$APP.bm,b,$APP.sk,c,$APP.Fl,d],null))},S5=function(a){if($APP.n($APP.k(a,"__xScrollStoryAutoplayPaused"))){a.__xScrollStoryAutoplayPaused=!1;a.removeAttribute("data-autoplay-paused");a.__xScrollStoryAutoplayLast=null;$APP.ja(a,"__xScrollStoryAutoplayRAF",requestAnimationFrame(Q5(a)));
|
|
15
|
+
var b=function(){var e=$APP.k(a,"__xScrollStoryLastProg");return $APP.n(e)?e:0}(),c=function(){var e=$APP.k(a,"__xScrollStoryActiveIndex");return $APP.n(e)?e:-1}(),d=a.children;d=c>=0&&c<d.length?K5(d[c]):null;return L5(a,"x-scroll-story-autoplay-resume",new $APP.R(null,3,[$APP.bm,b,$APP.sk,c,$APP.Fl,d],null))}return null},T5=function(a){var b=$APP.k(a,"__xScrollStoryAutoplayRAF");$APP.n(b)&&(cancelAnimationFrame(b),a.__xScrollStoryAutoplayRAF=null);b=$APP.k(a,"__xScrollStoryAutoplayHandlers");$APP.n(b)&&
|
|
16
16
|
(a.removeEventListener("pointerdown",$APP.k(b,"pointerdown")),a.removeEventListener("pointerup",$APP.k(b,"pointerup")),a.removeEventListener("pointerleave",$APP.k(b,"pointerleave")),a.removeEventListener("keydown",$APP.k(b,"keydown")),a.removeEventListener("keyup",$APP.k(b,"keyup")),a.__xScrollStoryAutoplayHandlers=null);a.removeAttribute("data-autoplay-paused");a.removeAttribute("tabindex");a.__xScrollStoryAutoplayPaused=!1;a.__xScrollStoryAutoplayLast=null},U5=function(a){if($APP.k(a,"__xScrollStoryAutoplayRAF")==
|
|
17
17
|
null){var b=$APP.k(a,"__xScrollStoryModel");if($APP.n(function(){if($APP.n(b)){var l=$APP.Ni.g(b);return $APP.n(l)?(l=$APP.r($APP.X.g(b)))?(l=$APP.k(a,"__xScrollStoryVisible"),$APP.n(l)?!J5():l):l:l}return b}())){a.setAttribute("tabindex","0");a.__xScrollStoryAutoplayPaused=!1;a.__xScrollStoryAutoplayLast=null;var c=function(){return R5(a)},d=function(){return S5(a)},e=function(){return $APP.n($APP.k(a,"__xScrollStoryAutoplayPaused"))?S5(a):null},g=function(l){return $APP.B.i(l.code,"Space")?(l.preventDefault(),
|
|
18
18
|
R5(a)):null},h=function(l){return $APP.B.i(l.code,"Space")?S5(a):null};a.addEventListener("pointerdown",c);a.addEventListener("pointerup",d);a.addEventListener("pointerleave",e);a.addEventListener("keydown",g);a.addEventListener("keyup",h);$APP.ja(a,"__xScrollStoryAutoplayHandlers",{pointerdown:c,pointerup:d,pointerleave:e,keydown:g,keyup:h});$APP.ja(a,"__xScrollStoryAutoplayRAF",requestAnimationFrame(Q5(a)))}}return null},V5=function(a){a=$APP.k(a,"__xScrollStoryModel");return $APP.n(a)?$APP.X.g(a):
|
|
19
19
|
a},W5=function(a){return $APP.n(function(){var b=a.isConnected;return $APP.n(b)?(b=$APP.k(a,"__xScrollStoryVisible"),$APP.n(b)?$APP.r(V5(a))&&!J5():b):b}())?$APP.n($APP.k(a,"__xScrollStoryRAF"))?null:$APP.ja(a,"__xScrollStoryRAF",requestAnimationFrame(function(){return P5(a)})):null},X5=function(a){a=$APP.k(a,"__xScrollStoryHandlers");$APP.n($APP.n(a)?$APP.r($APP.k(a,"scrollAttached")):a)&&(window.addEventListener("scroll",$APP.k(a,"scroll"),{passive:!0}),a.scrollAttached=!0)},Y5=function(a){a=$APP.k(a,
|
|
20
|
-
"__xScrollStoryHandlers");$APP.n($APP.n(a)?$APP.k(a,"scrollAttached"):a)&&(window.removeEventListener("scroll",$APP.k(a,"scroll")),a.scrollAttached=!1)},Z5=function(a,b){b=b[0].isIntersecting;var c=$APP.M($APP.k(a,"__xScrollStoryRefs"));c=$APP.D(c,$APP.Fi);a.__xScrollStoryVisible=b;if($APP.n(b)){if($APP.n(V5(a)))return null;X5(a);P5(a);M5(c,"Story section entered viewport");L5(a,"x-scroll-story-enter",new $APP.R(null,1,[$APP.
|
|
21
|
-
d:0}()],null));b=$APP.k(a,"__xScrollStoryModel");return $APP.n($APP.n(b)?$APP.Ni.g(b):b)?U5(a):null}Y5(a);T5(a);if($APP.n(V5(a)))return null;M5(c,"Story section left viewport");return L5(a,"x-scroll-story-leave",new $APP.R(null,1,[$APP.
|
|
20
|
+
"__xScrollStoryHandlers");$APP.n($APP.n(a)?$APP.k(a,"scrollAttached"):a)&&(window.removeEventListener("scroll",$APP.k(a,"scroll")),a.scrollAttached=!1)},Z5=function(a,b){b=b[0].isIntersecting;var c=$APP.M($APP.k(a,"__xScrollStoryRefs"));c=$APP.D(c,$APP.Fi);a.__xScrollStoryVisible=b;if($APP.n(b)){if($APP.n(V5(a)))return null;X5(a);P5(a);M5(c,"Story section entered viewport");L5(a,"x-scroll-story-enter",new $APP.R(null,1,[$APP.bm,function(){var d=$APP.k(a,"__xScrollStoryLastProg");return $APP.n(d)?
|
|
21
|
+
d:0}()],null));b=$APP.k(a,"__xScrollStoryModel");return $APP.n($APP.n(b)?$APP.Ni.g(b):b)?U5(a):null}Y5(a);T5(a);if($APP.n(V5(a)))return null;M5(c,"Story section left viewport");return L5(a,"x-scroll-story-leave",new $APP.R(null,1,[$APP.bm,function(){var d=$APP.k(a,"__xScrollStoryLastProg");return $APP.n(d)?d:0}()],null))},$5=function(a){function b(){return $APP.n($APP.k(a,"__xScrollStoryVisible"))?(a.__xScrollStoryStepStates=null,P5(a)):null}function c(){a.__xScrollStoryStepStates=null;return $APP.n($APP.k(a,
|
|
22
22
|
"__xScrollStoryVisible"))?P5(a):null}var d=D5(a);d=$APP.M(d);$APP.D(d,$APP.kj).addEventListener("slotchange",c);window.addEventListener("resize",b);$APP.ja(a,"__xScrollStoryHandlers",{scroll:function(){return W5(a)},slot:c,resize:b,scrollAttached:!1})},a6=function(a){var b=$APP.k(a,"__xScrollStoryHandlers");if($APP.n(b)){Y5(a);var c=$APP.k(a,"__xScrollStoryRefs");if($APP.n(c)){c=$APP.kj.g(c);var d=$APP.k(b,"slot");$APP.n(d)&&c.removeEventListener("slotchange",d)}b=$APP.k(b,"resize");$APP.n(b)&&window.removeEventListener("resize",
|
|
23
23
|
b)}b=$APP.k(a,"__xScrollStoryRAF");$APP.n(b)&&(cancelAnimationFrame(b),a.__xScrollStoryRAF=null);a.__xScrollStoryHandlers=null},b6=function(a){var b=$APP.k(a,"__xScrollStoryIO");$APP.n(b)&&b.disconnect();b=new IntersectionObserver(function(c){return Z5(a,c)},{threshold:[0]});b.observe(a);a.__xScrollStoryIO=b},c6=function(a){a=I5(a);for(var b=a.length,c=0;;)if(c<b)a[c].removeAttribute("data-active"),c+=1;else break},d6=function(a){var b=H5(a);if($APP.N($APP.k(a,"__xScrollStoryModel"),b)){var c=$APP.M(b),
|
|
24
24
|
d=$APP.D(c,$APP.qk),e=$APP.D(c,G5);b=$APP.D(c,$APP.X);var g=$APP.D(c,$APP.U),h=D5(a),l=$APP.M(h);h=$APP.D(l,$APP.Hj);l=$APP.D(l,C5);a.setAttribute("data-layout",d);$APP.B.i(d,"top")?l.style.width="":l.style.width="var(--x-scroll-story-media-width,"+$APP.T.g(e*100)+"%)";$APP.t(g)?h.setAttribute("aria-label",g):h.removeAttribute("aria-label");a.__xScrollStoryModel=c;$APP.n(b)?(c6(a),a.__xScrollStoryActiveIndex=-1,a.__xScrollStoryStepStates=null,Y5(a),T5(a)):$APP.n($APP.k(a,"__xScrollStoryVisible"))&&
|
|
@@ -28,10 +28,10 @@ enumerable:!0,configurable:!0});Object.defineProperty(a,"label",{get:function(){
|
|
|
28
28
|
$APP.k(this,"__xScrollStoryLastProg");return $APP.n(b)?b:0},enumerable:!0,configurable:!0});Object.defineProperty(a,"autoplay",{get:function(){return this.hasAttribute("autoplay")},set:function(b){return $APP.n(b)?this.setAttribute("autoplay",""):this.removeAttribute("autoplay")},enumerable:!0,configurable:!0});Object.defineProperty(a,"autoplaySpeed",{get:function(){return A5(this.getAttribute("autoplay-speed"))},set:function(b){return b!=null?this.setAttribute("autoplay-speed",""+$APP.T.g(b)):this.removeAttribute("autoplay-speed")},
|
|
29
29
|
enumerable:!0,configurable:!0});Object.defineProperty(a,"autoplayLoop",{get:function(){return this.hasAttribute("autoplay-loop")},set:function(b){return $APP.n(b)?this.setAttribute("autoplay-loop",""):this.removeAttribute("autoplay-loop")},enumerable:!0,configurable:!0});Object.defineProperty(a,"autoplayIndicator",{get:function(){return this.hasAttribute("autoplay-indicator")},set:function(b){return $APP.n(b)?this.setAttribute("autoplay-indicator",""):this.removeAttribute("autoplay-indicator")},enumerable:!0,
|
|
30
30
|
configurable:!0});Object.defineProperty(a,"autoplayPaused",{get:function(){return $APP.F($APP.k(this,"__xScrollStoryAutoplayPaused"))},enumerable:!0,configurable:!0})},g6=function(){var a=class extends HTMLElement{};a.observedAttributes=f6;a.prototype.connectedCallback=function(){D5(this);a6(this);$5(this);b6(this);d6(this);return null};a.prototype.disconnectedCallback=function(){T5(this);c6(this);if($APP.n($APP.k(this,"__xScrollStoryVisible"))){var b=$APP.k(this,"__xScrollStoryLastProg");L5(this,
|
|
31
|
-
"x-scroll-story-leave",new $APP.R(null,1,[$APP.
|
|
31
|
+
"x-scroll-story-leave",new $APP.R(null,1,[$APP.bm,$APP.n(b)?b:0],null))}a6(this);b=$APP.k(this,"__xScrollStoryIO");$APP.n(b)&&(b.disconnect(),this.__xScrollStoryIO=null);this.__xScrollStoryVisible=!1;this.__xScrollStoryActiveIndex=-1;return this.__xScrollStoryStepStates=this.__xScrollStoryLastProg=null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.N(c,d)&&d6(this);return null};e6(a.prototype);return a},h6=function(){$APP.n(customElements.get("x-scroll-story"))||customElements.define("x-scroll-story",
|
|
32
32
|
g6());return null},C5=new $APP.K(null,"media","media",-1066138403),E5=new $APP.K(null,"split-raw","split-raw",-455766786),G5=new $APP.K(null,"split","split",-599435118);var f6="layout threshold split disabled label autoplay autoplay-speed autoplay-loop autoplay-indicator".split(" ");
|
|
33
|
-
$APP.zf([$APP.
|
|
33
|
+
$APP.zf([$APP.sl,$APP.Jh,$APP.Ok,$APP.Pj,$APP.qk,$APP.sk,$APP.Tl,$APP.Lm,G5,$APP.U,$APP.Hk,$APP.bm],[new $APP.R(null,1,[$APP.Z,$APP.Zj],null),new $APP.R(null,1,[$APP.Z,$APP.W],null),new $APP.R(null,1,[$APP.Z,$APP.Zj],null),new $APP.R(null,1,[$APP.Z,$APP.Zj],null),new $APP.R(null,1,[$APP.Z,$APP.Y],null),new $APP.R(null,2,[$APP.Z,$APP.W,$APP.wk,!0],null),new $APP.R(null,1,[$APP.Z,$APP.W],null),new $APP.R(null,2,[$APP.Z,$APP.Zj,$APP.wk,!0],null),new $APP.R(null,1,[$APP.Z,$APP.W],null),new $APP.R(null,
|
|
34
34
|
1,[$APP.Z,$APP.Y],null),new $APP.R(null,1,[$APP.Z,$APP.Zj],null),new $APP.R(null,2,[$APP.Z,$APP.W,$APP.wk,!0],null)]);
|
|
35
|
-
$APP.Pd(["x-scroll-story-step-change",new $APP.R(null,2,[$APP.V,new $APP.R(null,4,[$APP.ai,$APP.W,$APP.
|
|
36
|
-
new $APP.R(null,3,[$APP.
|
|
37
|
-
2,[$APP.V,new $APP.R(null,3,[$APP.
|
|
35
|
+
$APP.Pd(["x-scroll-story-step-change",new $APP.R(null,2,[$APP.V,new $APP.R(null,4,[$APP.ai,$APP.W,$APP.yl,$APP.Y,$APP.ak,$APP.W,$APP.en,$APP.Y],null),$APP.km,!1],null),"x-scroll-story-step-enter",new $APP.R(null,2,[$APP.V,new $APP.R(null,3,[$APP.ai,$APP.W,$APP.yl,$APP.Y,$APP.bm,$APP.W],null),$APP.km,!1],null),"x-scroll-story-step-leave",new $APP.R(null,2,[$APP.V,new $APP.R(null,3,[$APP.ai,$APP.W,$APP.yl,$APP.Y,$APP.bm,$APP.W],null),$APP.km,!1],null),"x-scroll-story-progress",new $APP.R(null,2,[$APP.V,
|
|
36
|
+
new $APP.R(null,3,[$APP.bm,$APP.W,$APP.sk,$APP.W,$APP.Fl,$APP.Y],null),$APP.km,!1],null),"x-scroll-story-enter",new $APP.R(null,2,[$APP.V,new $APP.R(null,1,[$APP.bm,$APP.W],null),$APP.km,!1],null),"x-scroll-story-leave",new $APP.R(null,2,[$APP.V,new $APP.R(null,1,[$APP.bm,$APP.W],null),$APP.km,!1],null),"x-scroll-story-autoplay-pause",new $APP.R(null,2,[$APP.V,new $APP.R(null,3,[$APP.bm,$APP.W,$APP.sk,$APP.W,$APP.Fl,$APP.Y],null),$APP.km,!1],null),"x-scroll-story-autoplay-resume",new $APP.R(null,
|
|
37
|
+
2,[$APP.V,new $APP.R(null,3,[$APP.bm,$APP.W,$APP.sk,$APP.W,$APP.Fl,$APP.Y],null),$APP.km,!1],null)]);var F5=new $APP.S(null,new $APP.R(null,3,["right",null,"top",null,"left",null],null),null);$APP.ha("baredom.exports.x_scroll_story.init",h6);export const init=h6;
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
// x-scroll-timeline.d.ts — auto-generated by generate_types.bb, do not edit
|
|
2
|
+
|
|
3
|
+
export function init(): void;
|
|
4
|
+
|
|
5
|
+
export interface XScrollTimelineEventMap {
|
|
6
|
+
"x-scroll-timeline-entry-change": CustomEvent<{ index: number; id: string; previousIndex: number; previousId: string }>;
|
|
7
|
+
"x-scroll-timeline-entry-enter": CustomEvent<{ index: number; id: string; progress: number }>;
|
|
8
|
+
"x-scroll-timeline-entry-leave": CustomEvent<{ index: number; id: string; progress: number }>;
|
|
9
|
+
"x-scroll-timeline-progress": CustomEvent<{ progress: number; activeIndex: number; activeId: string }>;
|
|
10
|
+
"x-scroll-timeline-enter": CustomEvent<{ progress: number }>;
|
|
11
|
+
"x-scroll-timeline-leave": CustomEvent<{ progress: number }>;
|
|
12
|
+
"x-scroll-timeline-autoplay-pause": CustomEvent<{ progress: number; activeIndex: number; activeId: string }>;
|
|
13
|
+
"x-scroll-timeline-autoplay-resume": CustomEvent<{ progress: number; activeIndex: number; activeId: string }>;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
export interface XScrollTimeline extends HTMLElement {
|
|
17
|
+
autoplayLoop: boolean;
|
|
18
|
+
autoplaySpeed: number;
|
|
19
|
+
autoplayIndicator: boolean;
|
|
20
|
+
disabled: boolean;
|
|
21
|
+
layout: string;
|
|
22
|
+
readonly activeIndex: number;
|
|
23
|
+
marker: string;
|
|
24
|
+
threshold: number;
|
|
25
|
+
readonly autoplayPaused: boolean;
|
|
26
|
+
label: string;
|
|
27
|
+
autoplay: boolean;
|
|
28
|
+
readonly progress: number;
|
|
29
|
+
noProgress: boolean;
|
|
30
|
+
track: string;
|
|
31
|
+
|
|
32
|
+
addEventListener<K extends keyof XScrollTimelineEventMap>(
|
|
33
|
+
type: K,
|
|
34
|
+
listener: (this: XScrollTimeline, ev: XScrollTimelineEventMap[K]) => any,
|
|
35
|
+
options?: boolean | AddEventListenerOptions
|
|
36
|
+
): void;
|
|
37
|
+
addEventListener(
|
|
38
|
+
type: string,
|
|
39
|
+
listener: EventListenerOrEventListenerObject,
|
|
40
|
+
options?: boolean | AddEventListenerOptions
|
|
41
|
+
): void;
|
|
42
|
+
removeEventListener<K extends keyof XScrollTimelineEventMap>(
|
|
43
|
+
type: K,
|
|
44
|
+
listener: (this: XScrollTimeline, ev: XScrollTimelineEventMap[K]) => any,
|
|
45
|
+
options?: boolean | EventListenerOptions
|
|
46
|
+
): void;
|
|
47
|
+
removeEventListener(
|
|
48
|
+
type: string,
|
|
49
|
+
listener: EventListenerOrEventListenerObject,
|
|
50
|
+
options?: boolean | EventListenerOptions
|
|
51
|
+
): void;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
declare global {
|
|
55
|
+
interface HTMLElementTagNameMap {
|
|
56
|
+
"x-scroll-timeline": XScrollTimeline;
|
|
57
|
+
}
|
|
58
|
+
}
|
|
@@ -1,48 +1,48 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
e:g;var h=$APP.pc(a,d),l=$APP.M(h);h=$APP.D(l,$APP.si);l=$APP.D(l,$APP.Kk);e=h<=b&&l>b?d:e;g=h<=b?d:g;d+=1}},
|
|
4
|
-
e+1),m=$APP.
|
|
2
|
+
var ny=function(a){return typeof a==="string"?(a=parseFloat(a.trim()),$APP.n(isNaN(a))?.5:$APP.oh.i(0,$APP.sh.i(1,a))):.5},oy=function(a){return typeof a==="string"?(a=parseFloat(a.trim()),$APP.n(isNaN(a))?50:$APP.oh.i(1,$APP.sh.i(1E3,a))):50},py=function(a,b){switch(a){case "alternating":return $APP.fd(b,2)===0?"left":"right";case "left":return"right";case "right":return"left";default:return"right"}},qy=function(a,b){var c=$APP.z(a);if(c===0)return-1;for(var d=0,e=-1,g=-1;;){if(d>=c)return e>=0?
|
|
3
|
+
e:g;var h=$APP.pc(a,d),l=$APP.M(h);h=$APP.D(l,$APP.si);l=$APP.D(l,$APP.Kk);e=h<=b&&l>b?d:e;g=h<=b?d:g;d+=1}},ry=function(a,b,c){return b<=0?0:$APP.oh.i(0,$APP.sh.i(1,(c-a)/b))},ty=function(a,b,c){var d=$APP.z(a);if(d===0)return"";if($APP.B.i(d,1))return a=$APP.u(a),a=$APP.M(a),a=$APP.D(a,$APP.Jl),"M "+$APP.T.g(c)+" "+$APP.T.g(a);var e=$APP.u(a),g=$APP.Jl.g(e);e=0;for(g=new $APP.O(null,1,5,$APP.P,["M "+$APP.T.g(c)+" "+$APP.T.g(g)],null);;){if(e>=d-1)return $APP.Gg(g);var h=$APP.pc(a,e),l=$APP.pc(a,
|
|
4
|
+
e+1),m=$APP.Jl.g(h),p=$APP.Jl.g(l);h=sy.g(h);var q=sy.g(l);l=$APP.B.i(h,"left")?-b:b;q=$APP.B.i(q,"left")?-b:b;h=m+(p-m)*.33;q=c+q;m+=(p-m)*.66;var v=c;e+=1;g=$APP.ld.i(g,"C "+$APP.T.g(c+l)+" "+$APP.T.g(h)+" "+$APP.T.g(q)+" "+$APP.T.g(m)+" "+$APP.T.g(v)+" "+$APP.T.g(p))}},By=function(a){var b=$APP.k(a,"__xScrollTimelineRefs");if($APP.n(b))return b;b=a.attachShadow({mode:"open"});var c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("div"),g=document.createElement("div"),
|
|
5
5
|
h=document.createElement("div"),l=document.createElementNS("http://www.w3.org/2000/svg","svg"),m=document.createElementNS("http://www.w3.org/2000/svg","path"),p=document.createElementNS("http://www.w3.org/2000/svg","path"),q=document.createElement("div"),v=document.createElement("slot"),x=document.createElement("div"),y=document.createElement("div");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;}}";
|
|
6
6
|
d.setAttribute("part","container");d.setAttribute("role","feed");e.setAttribute("part","track");g.setAttribute("part","track-line");h.setAttribute("part","track-fill");l.setAttribute("part","track-svg");l.setAttribute("aria-hidden","true");l.setAttribute("focusable","false");m.setAttribute("part","track-path");p.setAttribute("part","track-fill-path");p.setAttribute("pathLength","1");l.appendChild(m);l.appendChild(p);e.appendChild(g);e.appendChild(h);q.setAttribute("part","entries");q.appendChild(v);
|
|
7
|
-
x.setAttribute("part","indicator");d.appendChild(e);d.appendChild(q);d.appendChild(l);d.appendChild(x);y.setAttribute("part","live");y.setAttribute("aria-live","polite");y.setAttribute("aria-atomic","true");b.appendChild(c);b.appendChild(d);b.appendChild(y);b=$APP.zf([$APP.kj,
|
|
8
|
-
|
|
9
|
-
$APP.pi),g=$APP.D(b,
|
|
10
|
-
[p,g,c!=null,d!=null,m,e,q!=null,a!=null,h,b,l!=null])},
|
|
11
|
-
$APP.Fi);c.textContent=b;setTimeout(function(){return c.textContent=""},1E3)},
|
|
12
|
-
var d=$APP.k(a,"__xScrollTimelineMarkerEls");d=$APP.n(d)?d:[];b=b.length;for(var e=d.length,g=0;;)if(g<e)d[g].remove(),g+=1;else break;d=Array(b);for(e=0;;)if(e<b)g=document.createElement("div"),g.classList.add("tl-marker"),c.appendChild(g),d[e]=g,e+=1;else break;a.__xScrollTimelineMarkerEls=d},
|
|
13
|
-
l.remove();h+=1}else break;e=Array(d);for(g=0;;)if(g<d)h=b[g].getAttribute("data-date"),typeof h==="string"&&$APP.N(h,"")?(l=document.createElement("span"),l.classList.add("tl-date"),l.textContent=h,c.appendChild(l),e[g]=l):e[g]=null,g+=1;else break;a.__xScrollTimelineDateEls=e},
|
|
14
|
-
$APP.Hj),e=$APP.D(c,
|
|
15
|
-
7:E/2}(),y=function(){switch(l){case "left":return x;case "right":return p-x;default:return p*.5}}(),A=b.length;if(A>0){var C=function(){for(var E=0,H=$APP.fe;;){if(E>=A)return H;var G=b[E].getBoundingClientRect(),J=E+1;H=$APP.ld.i(H,new $APP.R(null,2,[$APP.
|
|
16
|
-
|
|
17
|
-
e[d].removeAttribute("data-active"),c>=0&&c<e.length&&e[c].setAttribute("data-active",""));$APP.n(g)&&(d>=0&&d<g.length&&(e=g[d],$APP.n(e)&&e.removeAttribute("data-active")),c>=0&&c<g.length&&(g=g[c],$APP.n(g)&&g.setAttribute("data-active","")));c>=0?a.setAttribute("data-active-index",""+$APP.T.g(c)):a.removeAttribute("data-active-index");a.__xScrollTimelineActiveIndex=c;g=d>=0&&d<b.length?
|
|
18
|
-
previousId:g});
|
|
19
|
-
{index:h,id:v,progress:m})):$APP.n($APP.n(q)?!l:q)&&(g[h]=!1,
|
|
20
|
-
l=
|
|
21
|
-
1);return($APP.si.g(C)+$APP.Kk.g(C))/2}():y;return v<=0?1:$APP.oh.i(0,$APP.sh.i(1,(y+x*(A-y)-q)/v))}();
|
|
7
|
+
x.setAttribute("part","indicator");d.appendChild(e);d.appendChild(q);d.appendChild(l);d.appendChild(x);y.setAttribute("part","live");y.setAttribute("aria-live","polite");y.setAttribute("aria-atomic","true");b.appendChild(c);b.appendChild(d);b.appendChild(y);b=$APP.zf([$APP.kj,uy,vy,wy,xy,yy,$APP.Hi,$APP.Hj,zy,$APP.Fi,Ay,$APP.dj],[v,l,p,q,m,g,b,d,x,y,h,e]);a.__xScrollTimelineRefs=b;return $APP.k(a,"__xScrollTimelineRefs")},Jy=function(a){a=$APP.zf([$APP.pi,Cy,$APP.Vj,$APP.gm,$APP.Wh,$APP.ll,$APP.Ri,
|
|
8
|
+
Dy,$APP.ej,$APP.em,Ey],[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.M(a);a=$APP.D(b,$APP.ej);var c=$APP.D(b,$APP.em),d=$APP.D(b,Ey),e=$APP.D(b,
|
|
9
|
+
$APP.pi),g=$APP.D(b,Cy),h=$APP.D(b,$APP.Vj),l=$APP.D(b,$APP.gm),m=$APP.D(b,$APP.Wh),p=$APP.D(b,$APP.ll),q=$APP.D(b,$APP.Ri);b=$APP.D(b,Dy);p=typeof p==="string"?p.trim().toLowerCase():null;p=$APP.I(Fy,p)?p:"alternating";g=typeof g==="string"?g.trim().toLowerCase():null;g=$APP.I(Gy,g)?g:"dot";m=ny(m);e=$APP.n(e)?e:"";h=oy(h);b=typeof b==="string"?b.trim().toLowerCase():null;b=$APP.I(Hy,b)?b:"straight";return $APP.zf([$APP.qk,$APP.Rk,$APP.Ai,Iy,$APP.Tl,$APP.U,$APP.Ki,$APP.X,$APP.Wj,$APP.dj,$APP.Ni],
|
|
10
|
+
[p,g,c!=null,d!=null,m,e,q!=null,a!=null,h,b,l!=null])},Ky=function(a){a=By(a);a=$APP.M(a);return $APP.D(a,$APP.kj).assignedElements()},Ly=function(){return $APP.F(window.matchMedia("(prefers-reduced-motion:reduce)").matches)},My=function(a){a=a.getAttribute("id");return typeof a==="string"&&$APP.N(a,"")?a:null},Ny=function(a,b,c){b=new CustomEvent(b,{detail:c,bubbles:!0,composed:!0,cancelable:!1});return a.dispatchEvent(b)},Oy=function(a,b){a=$APP.M($APP.k(a,"__xScrollTimelineRefs"));var c=$APP.D(a,
|
|
11
|
+
$APP.Fi);c.textContent=b;setTimeout(function(){return c.textContent=""},1E3)},Py=function(a,b){for(var c=a.length,d=0;;)if(d<c){var e=a[d];e.setAttribute("data-side",py(b,d));e.setAttribute("data-index",""+$APP.T.g(d));d+=1}else break},Qy=function(a){a=Ky(a);for(var b=a.length,c=0;;)if(c<b){var d=a[c];d.removeAttribute("data-active");d.removeAttribute("data-side");d.removeAttribute("data-index");c+=1}else break},Ry=function(a,b){var c=$APP.M($APP.k(a,"__xScrollTimelineRefs"));c=$APP.D(c,$APP.Hj);
|
|
12
|
+
var d=$APP.k(a,"__xScrollTimelineMarkerEls");d=$APP.n(d)?d:[];b=b.length;for(var e=d.length,g=0;;)if(g<e)d[g].remove(),g+=1;else break;d=Array(b);for(e=0;;)if(e<b)g=document.createElement("div"),g.classList.add("tl-marker"),c.appendChild(g),d[e]=g,e+=1;else break;a.__xScrollTimelineMarkerEls=d},Sy=function(a,b){var c=$APP.M($APP.k(a,"__xScrollTimelineRefs"));c=$APP.D(c,$APP.Hj);var d=$APP.k(a,"__xScrollTimelineDateEls");var e=$APP.n(d)?d:[];d=b.length;for(var g=e.length,h=0;;)if(h<g){var l=e[h];$APP.n(l)&&
|
|
13
|
+
l.remove();h+=1}else break;e=Array(d);for(g=0;;)if(g<d)h=b[g].getAttribute("data-date"),typeof h==="string"&&$APP.N(h,"")?(l=document.createElement("span"),l.classList.add("tl-date"),l.textContent=h,c.appendChild(l),e[g]=l):e[g]=null,g+=1;else break;a.__xScrollTimelineDateEls=e},Ty=function(a,b,c){a=$APP.M($APP.k(a,"__xScrollTimelineRefs"));a=$APP.D(a,Ay);$APP.n(c)?a.style.height="0%":a.style.height=""+$APP.T.g(b*100)+"%"},Uy=function(a,b){var c=$APP.M($APP.k(a,"__xScrollTimelineRefs")),d=$APP.D(c,
|
|
14
|
+
$APP.Hj),e=$APP.D(c,uy),g=$APP.D(c,xy);c=$APP.D(c,vy);var h=function(){var E=$APP.k(a,"__xScrollTimelineModel");return $APP.n(E)?E:Jy(a)}(),l=$APP.qk.g(h);h=d.getBoundingClientRect();var m=h.top;d=h.height;var p=h.width,q=window.getComputedStyle(a).getPropertyValue("--x-scroll-timeline-curve-amplitude");h=function(){var E=parseFloat(q);return $APP.n(isNaN(E))?60:E}();var v=window.getComputedStyle(a).getPropertyValue("--x-scroll-timeline-marker-size"),x=function(){var E=parseFloat(v);return $APP.n(isNaN(E))?
|
|
15
|
+
7:E/2}(),y=function(){switch(l){case "left":return x;case "right":return p-x;default:return p*.5}}(),A=b.length;if(A>0){var C=function(){for(var E=0,H=$APP.fe;;){if(E>=A)return H;var G=b[E].getBoundingClientRect(),J=E+1;H=$APP.ld.i(H,new $APP.R(null,2,[$APP.Jl,G.top+G.height/2-m,sy,py(l,E)],null));E=J}}();h=ty(C,h,y);e.setAttribute("viewBox","0 0 "+$APP.T.g(p)+" "+$APP.T.g(d));g.setAttribute("d",h);c.setAttribute("d",h);c.setAttribute("stroke-dasharray","1");c.setAttribute("stroke-dashoffset","1")}},
|
|
16
|
+
Vy=function(a,b,c){a=$APP.M($APP.k(a,"__xScrollTimelineRefs"));a=$APP.D(a,vy);$APP.n(c)?a.setAttribute("stroke-dashoffset","1"):a.setAttribute("stroke-dashoffset",""+$APP.T.g(1-b))},Wy=function(a,b,c){var d=$APP.k(a,"__xScrollTimelineActiveIndex");d=$APP.n(d)?d:-1;if($APP.N(d,c)){d>=0&&d<b.length&&b[d].removeAttribute("data-active");c>=0&&c<b.length&&b[c].setAttribute("data-active","");var e=$APP.k(a,"__xScrollTimelineMarkerEls"),g=$APP.k(a,"__xScrollTimelineDateEls");$APP.n(e)&&(d>=0&&d<e.length&&
|
|
17
|
+
e[d].removeAttribute("data-active"),c>=0&&c<e.length&&e[c].setAttribute("data-active",""));$APP.n(g)&&(d>=0&&d<g.length&&(e=g[d],$APP.n(e)&&e.removeAttribute("data-active")),c>=0&&c<g.length&&(g=g[c],$APP.n(g)&&g.setAttribute("data-active","")));c>=0?a.setAttribute("data-active-index",""+$APP.T.g(c)):a.removeAttribute("data-active-index");a.__xScrollTimelineActiveIndex=c;g=d>=0&&d<b.length?My(b[d]):null;b=c>=0&&c<b.length?My(b[c]):null;Ny(a,"x-scroll-timeline-entry-change",{index:c,id:b,previousIndex:d,
|
|
18
|
+
previousId:g});Oy(a,"Entry "+$APP.T.g(c+1)+" active")}},Xy=function(a,b,c,d){var e=b.length;var g=$APP.k(a,"__xScrollTimelineEntryStates");if(!$APP.n($APP.n(g)?$APP.B.i(g.length,e):g)){for(var h=Array(e),l=0;;)if(l<e)h[l]=$APP.n($APP.n(g)?l<g.length:g)?g[l]:!1,l+=1;else break;g=a.__xScrollTimelineEntryStates=h}for(h=0;;)if(h<e){if(h<$APP.z(c)){l=$APP.pc(c,h);l=$APP.M(l);var m=$APP.D(l,$APP.si),p=$APP.D(l,$APP.Kk),q=g[h];l=m<=d&&p>d;var v=My(b[h]);m=ry(m,p-m,d);$APP.r(q)&&l?(g[h]=!0,Ny(a,"x-scroll-timeline-entry-enter",
|
|
19
|
+
{index:h,id:v,progress:m})):$APP.n($APP.n(q)?!l:q)&&(g[h]=!1,Ny(a,"x-scroll-timeline-entry-leave",{index:h,id:v,progress:m}))}h+=1}else break},Yy=function(a){var b=function(){var q=$APP.k(a,"__xScrollTimelineModel");return $APP.n(q)?q:Jy(a)}();if(!$APP.n($APP.X.g(b))){var c=Ky(a),d=c.length,e=window.innerHeight,g=e*$APP.Tl.g(b),h=function(){for(var q=0,v=$APP.fe;;){if(q>=d)return v;var x=c[q].getBoundingClientRect();q+=1;v=$APP.ld.i(v,new $APP.R(null,2,[$APP.si,x.top,$APP.Kk,x.top+x.height],null))}}(),
|
|
20
|
+
l=qy(h,g),m=$APP.M($APP.k(a,"__xScrollTimelineRefs"));m=$APP.D(m,$APP.Hj).getBoundingClientRect();e=$APP.oh.i(0,$APP.sh.i(1,(e-m.top)/(e+m.height)));m=$APP.k(a,"__xScrollTimelineLastProg");var p=d<2||l<0?0:function(){var q=function(){var C=$APP.pc(h,0);return($APP.si.g(C)+$APP.Kk.g(C))/2}(),v=function(){var C=$APP.pc(h,d-1);return($APP.si.g(C)+$APP.Kk.g(C))/2}()-q,x=$APP.pc(h,l),y=($APP.si.g(x)+$APP.Kk.g(x))/2;x=ry($APP.si.g(x),$APP.Kk.g(x)-$APP.si.g(x),g);var A=l<d-1?function(){var C=$APP.pc(h,l+
|
|
21
|
+
1);return($APP.si.g(C)+$APP.Kk.g(C))/2}():y;return v<=0?1:$APP.oh.i(0,$APP.sh.i(1,(y+x*(A-y)-q)/v))}();Wy(a,c,l);Xy(a,c,h,g);$APP.B.i($APP.dj.g(b),"curved")?Vy(a,p,Iy.g(b)):Ty(a,p,Iy.g(b));if(m==null||Math.abs(e-m)>.001)a.__xScrollTimelineLastProg=e,b=l>=0&&l<d?My(c[l]):null,Ny(a,"x-scroll-timeline-progress",{progress:e,activeIndex:l,activeId:b})}a.__xScrollTimelineRAF=null},Zy=function(a){return function d(c){if($APP.n(function(){var h=a.isConnected;return $APP.n(h)?(h=$APP.k(a,"__xScrollTimelineVisible"),
|
|
22
22
|
$APP.n(h)?$APP.r($APP.k(a,"__xScrollTimelineAutoplayPaused")):h):h}())){var e=$APP.k(a,"__xScrollTimelineModel");if($APP.n(function(){if($APP.n(e)){var h=$APP.Ni.g(e);return $APP.n(h)?$APP.r($APP.X.g(e)):h}return e}())){var g=$APP.k(a,"__xScrollTimelineAutoplayLast");g=$APP.n(g)?(c-g)/1E3:0;a.__xScrollTimelineAutoplayLast=c;g>0&&(window.scrollBy(0,$APP.Wj.g(e)*g),$APP.n($APP.Ai.g(e))&&(g=window.scrollY,c=window.innerHeight,g+c>=document.documentElement.scrollHeight-1&&(g=a.getBoundingClientRect().top+
|
|
23
|
-
g,window.scrollTo(0,$APP.oh.i(0,g-c)),a.__xScrollTimelineAutoplayLast=null)));return $APP.ja(a,"__xScrollTimelineAutoplayRAF",requestAnimationFrame(d))}}return null}}
|
|
24
|
-
return $APP.n(e)?e:0}();var c=function(){var e=$APP.k(a,"__xScrollTimelineActiveIndex");return $APP.n(e)?e:-1}(),d=
|
|
25
|
-
function(){var e=$APP.k(a,"__xScrollTimelineLastProg");return $APP.n(e)?e:0}(),c=function(){var e=$APP.k(a,"__xScrollTimelineActiveIndex");return $APP.n(e)?e:-1}(),d=
|
|
26
|
-
$APP.k(b,"pointerdown")),a.removeEventListener("pointerup",$APP.k(b,"pointerup")),a.removeEventListener("pointerleave",$APP.k(b,"pointerleave")),a.removeEventListener("keydown",$APP.k(b,"keydown")),a.removeEventListener("keyup",$APP.k(b,"keyup")),a.__xScrollTimelineAutoplayHandlers=null);a.removeAttribute("data-autoplay-paused");a.removeAttribute("tabindex");a.__xScrollTimelineAutoplayPaused=!1;a.__xScrollTimelineAutoplayLast=null},
|
|
27
|
-
$APP.k(a,"__xScrollTimelineModel");if($APP.n(function(){if($APP.n(b)){var l=$APP.Ni.g(b);return $APP.n(l)?(l=$APP.r($APP.X.g(b)))?(l=$APP.k(a,"__xScrollTimelineVisible"),$APP.n(l)?!
|
|
28
|
-
|
|
29
|
-
$APP.X.g(a):a},
|
|
30
|
-
!0)},
|
|
31
|
-
return $APP.n($APP.n(b)?$APP.Ni.g(b):b)?
|
|
32
|
-
"__xScrollTimelineDateEls"),h=$APP.M($APP.k(a,"__xScrollTimelineRefs"));h=$APP.D(h,$APP.Hj).getBoundingClientRect().top;var l=$APP.k(a,"__xScrollTimelineModel");l=$APP.n(l)?l:
|
|
33
|
-
|
|
34
|
-
$APP.k(a,"__xScrollTimelineHandlers");if($APP.n(b)){
|
|
35
|
-
c)},{threshold:[0]});b.observe(a);a.__xScrollTimelineIO=b},
|
|
36
|
-
b;$APP.n(e)?(
|
|
37
|
-
return $APP.n(e)?e:d},set:function(e){return $APP.n(e)?this.setAttribute(c,""+$APP.T.g(e)):this.removeAttribute(c)},enumerable:!0,configurable:!0})},
|
|
38
|
-
set:function(d){return $APP.n(d)?this.setAttribute(c,""):this.removeAttribute(c)},enumerable:!0,configurable:!0})},
|
|
39
|
-
|
|
40
|
-
!1)},
|
|
41
|
-
this.__xScrollTimelineVisible=!1;this.__xScrollTimelineActiveIndex=-1;return this.__xScrollTimelineEntryStates=this.__xScrollTimelineLastProg=null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.N(c,d)&&
|
|
42
|
-
"marker-raw","marker-raw",2140891555),
|
|
43
|
-
"track-line","track-line",1370628624);var
|
|
44
|
-
$APP.zf([$APP.
|
|
23
|
+
g,window.scrollTo(0,$APP.oh.i(0,g-c)),a.__xScrollTimelineAutoplayLast=null)));return $APP.ja(a,"__xScrollTimelineAutoplayRAF",requestAnimationFrame(d))}}return null}},$y=function(a){if($APP.n($APP.k(a,"__xScrollTimelineAutoplayPaused")))return null;a.__xScrollTimelineAutoplayPaused=!0;var b=$APP.k(a,"__xScrollTimelineAutoplayRAF");$APP.n(b)&&(cancelAnimationFrame(b),a.__xScrollTimelineAutoplayRAF=null);a.setAttribute("data-autoplay-paused","");b=function(){var e=$APP.k(a,"__xScrollTimelineLastProg");
|
|
24
|
+
return $APP.n(e)?e:0}();var c=function(){var e=$APP.k(a,"__xScrollTimelineActiveIndex");return $APP.n(e)?e:-1}(),d=Ky(a);d=c>=0&&c<d.length?My(d[c]):null;return Ny(a,"x-scroll-timeline-autoplay-pause",{progress:b,activeIndex:c,activeId:d})},az=function(a){if($APP.n($APP.k(a,"__xScrollTimelineAutoplayPaused"))){a.__xScrollTimelineAutoplayPaused=!1;a.removeAttribute("data-autoplay-paused");a.__xScrollTimelineAutoplayLast=null;$APP.ja(a,"__xScrollTimelineAutoplayRAF",requestAnimationFrame(Zy(a)));var b=
|
|
25
|
+
function(){var e=$APP.k(a,"__xScrollTimelineLastProg");return $APP.n(e)?e:0}(),c=function(){var e=$APP.k(a,"__xScrollTimelineActiveIndex");return $APP.n(e)?e:-1}(),d=Ky(a);d=c>=0&&c<d.length?My(d[c]):null;return Ny(a,"x-scroll-timeline-autoplay-resume",{progress:b,activeIndex:c,activeId:d})}return null},bz=function(a){var b=$APP.k(a,"__xScrollTimelineAutoplayRAF");$APP.n(b)&&(cancelAnimationFrame(b),a.__xScrollTimelineAutoplayRAF=null);b=$APP.k(a,"__xScrollTimelineAutoplayHandlers");$APP.n(b)&&(a.removeEventListener("pointerdown",
|
|
26
|
+
$APP.k(b,"pointerdown")),a.removeEventListener("pointerup",$APP.k(b,"pointerup")),a.removeEventListener("pointerleave",$APP.k(b,"pointerleave")),a.removeEventListener("keydown",$APP.k(b,"keydown")),a.removeEventListener("keyup",$APP.k(b,"keyup")),a.__xScrollTimelineAutoplayHandlers=null);a.removeAttribute("data-autoplay-paused");a.removeAttribute("tabindex");a.__xScrollTimelineAutoplayPaused=!1;a.__xScrollTimelineAutoplayLast=null},cz=function(a){if($APP.k(a,"__xScrollTimelineAutoplayRAF")==null){var b=
|
|
27
|
+
$APP.k(a,"__xScrollTimelineModel");if($APP.n(function(){if($APP.n(b)){var l=$APP.Ni.g(b);return $APP.n(l)?(l=$APP.r($APP.X.g(b)))?(l=$APP.k(a,"__xScrollTimelineVisible"),$APP.n(l)?!Ly():l):l:l}return b}())){a.setAttribute("tabindex","0");a.__xScrollTimelineAutoplayPaused=!1;a.__xScrollTimelineAutoplayLast=null;var c=function(){return $y(a)},d=function(){return az(a)},e=function(){return $APP.n($APP.k(a,"__xScrollTimelineAutoplayPaused"))?az(a):null},g=function(l){return $APP.B.i(l.code,"Space")?(l.preventDefault(),
|
|
28
|
+
$y(a)):null},h=function(l){return $APP.B.i(l.code,"Space")?az(a):null};a.addEventListener("pointerdown",c);a.addEventListener("pointerup",d);a.addEventListener("pointerleave",e);a.addEventListener("keydown",g);a.addEventListener("keyup",h);$APP.ja(a,"__xScrollTimelineAutoplayHandlers",{pointerdown:c,pointerup:d,pointerleave:e,keydown:g,keyup:h});$APP.ja(a,"__xScrollTimelineAutoplayRAF",requestAnimationFrame(Zy(a)))}}return null},dz=function(a){a=$APP.k(a,"__xScrollTimelineModel");return $APP.n(a)?
|
|
29
|
+
$APP.X.g(a):a},ez=function(a){return $APP.n(function(){var b=a.isConnected;return $APP.n(b)?(b=$APP.k(a,"__xScrollTimelineVisible"),$APP.n(b)?$APP.r(dz(a))&&!Ly():b):b}())?$APP.n($APP.k(a,"__xScrollTimelineRAF"))?null:$APP.ja(a,"__xScrollTimelineRAF",requestAnimationFrame(function(){return Yy(a)})):null},fz=function(a){a=$APP.k(a,"__xScrollTimelineHandlers");$APP.n($APP.n(a)?$APP.r($APP.k(a,"scrollAttached")):a)&&(window.addEventListener("scroll",$APP.k(a,"scroll"),{passive:!0}),a.scrollAttached=
|
|
30
|
+
!0)},gz=function(a){a=$APP.k(a,"__xScrollTimelineHandlers");$APP.n($APP.n(a)?$APP.k(a,"scrollAttached"):a)&&(window.removeEventListener("scroll",$APP.k(a,"scroll")),a.scrollAttached=!1)},hz=function(a,b){b=b[0].isIntersecting;a.__xScrollTimelineVisible=b;if($APP.n(b)){if($APP.n(dz(a)))return null;fz(a);Yy(a);Oy(a,"Timeline entered viewport");Ny(a,"x-scroll-timeline-enter",{progress:function(){var c=$APP.k(a,"__xScrollTimelineLastProg");return $APP.n(c)?c:0}()});b=$APP.k(a,"__xScrollTimelineModel");
|
|
31
|
+
return $APP.n($APP.n(b)?$APP.Ni.g(b):b)?cz(a):null}gz(a);bz(a);if($APP.n(dz(a)))return null;Oy(a,"Timeline left viewport");return Ny(a,"x-scroll-timeline-leave",{progress:function(){var c=$APP.k(a,"__xScrollTimelineLastProg");return $APP.n(c)?c:0}()})},iz=function(a){var b=function(){var d=$APP.k(a,"__xScrollTimelineModel");return $APP.n(d)?d:Jy(a)}(),c=Ky(a);Py(c,$APP.qk.g(b));Ry(a,c);Sy(a,c);return requestAnimationFrame(function(){var d=Ky(a),e=$APP.k(a,"__xScrollTimelineMarkerEls"),g=$APP.k(a,
|
|
32
|
+
"__xScrollTimelineDateEls"),h=$APP.M($APP.k(a,"__xScrollTimelineRefs"));h=$APP.D(h,$APP.Hj).getBoundingClientRect().top;var l=$APP.k(a,"__xScrollTimelineModel");l=$APP.n(l)?l:Jy(a);l=$APP.qk.g(l);for(var m=d.length,p=0;;)if(p<m){var q=d[p].getBoundingClientRect();q=q.top+q.height/2-h;var v=py(l,p),x=$APP.n(e)?e[p]:e;$APP.n(x)&&(x.style.top=""+$APP.T.g(q)+"px");x=$APP.n(g)?g[p]:g;$APP.n(x)&&(x.style.top=""+$APP.T.g(q)+"px",x.setAttribute("data-side",v));p+=1}else break;$APP.B.i($APP.dj.g(b),"curved")&&
|
|
33
|
+
Uy(a,d);return $APP.n($APP.k(a,"__xScrollTimelineVisible"))?Yy(a):null})},jz=function(a){function b(){return $APP.n($APP.k(a,"__xScrollTimelineVisible"))?(a.__xScrollTimelineEntryStates=null,iz(a)):null}function c(){a.__xScrollTimelineEntryStates=null;return iz(a)}var d=By(a);d=$APP.M(d);$APP.D(d,$APP.kj).addEventListener("slotchange",c);window.addEventListener("resize",b);$APP.ja(a,"__xScrollTimelineHandlers",{scroll:function(){return ez(a)},slot:c,resize:b,scrollAttached:!1})},kz=function(a){var b=
|
|
34
|
+
$APP.k(a,"__xScrollTimelineHandlers");if($APP.n(b)){gz(a);var c=$APP.k(a,"__xScrollTimelineRefs");if($APP.n(c)){c=$APP.kj.g(c);var d=$APP.k(b,"slot");$APP.n(d)&&c.removeEventListener("slotchange",d)}b=$APP.k(b,"resize");$APP.n(b)&&window.removeEventListener("resize",b)}b=$APP.k(a,"__xScrollTimelineRAF");$APP.n(b)&&(cancelAnimationFrame(b),a.__xScrollTimelineRAF=null);a.__xScrollTimelineHandlers=null},lz=function(a){var b=$APP.k(a,"__xScrollTimelineIO");$APP.n(b)&&b.disconnect();b=new IntersectionObserver(function(c){return hz(a,
|
|
35
|
+
c)},{threshold:[0]});b.observe(a);a.__xScrollTimelineIO=b},mz=function(a){var b=Jy(a);if($APP.N($APP.k(a,"__xScrollTimelineModel"),b)){b=$APP.M(b);var c=$APP.D(b,$APP.qk),d=$APP.D(b,$APP.dj),e=$APP.D(b,$APP.X),g=$APP.D(b,$APP.U),h=$APP.D(b,$APP.Rk),l=By(a);l=$APP.M(l);l=$APP.D(l,$APP.Hj);var m=$APP.k(a,"__xScrollTimelineModel");a.setAttribute("data-layout",c);a.setAttribute("data-track",d);a.setAttribute("data-marker",h);$APP.t(g)?l.setAttribute("aria-label",g):l.removeAttribute("aria-label");a.__xScrollTimelineModel=
|
|
36
|
+
b;$APP.n(e)?(Qy(a),a.__xScrollTimelineActiveIndex=-1,a.__xScrollTimelineEntryStates=null,gz(a),bz(a)):$APP.n(m)&&($APP.N($APP.qk.g(m),c)||$APP.N($APP.dj.g(m),d)||$APP.N($APP.Rk.g(m),h)||$APP.N($APP.X.g(m),e)?iz(a):($APP.N($APP.Tl.g(m),$APP.Tl.g(b))||$APP.N(Iy.g(m),Iy.g(b)))&&$APP.n($APP.k(a,"__xScrollTimelineVisible"))&&Yy(a));$APP.n(e)||(b=$APP.Ni.g(b),$APP.n($APP.n(b)?$APP.k(a,"__xScrollTimelineVisible"):b)?cz(a):bz(a))}},nz=function(a,b,c,d){Object.defineProperty(a,b,{get:function(){var e=this.getAttribute(c);
|
|
37
|
+
return $APP.n(e)?e:d},set:function(e){return $APP.n(e)?this.setAttribute(c,""+$APP.T.g(e)):this.removeAttribute(c)},enumerable:!0,configurable:!0})},oz=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.N(b,""):b)?this.setAttribute("label",""+$APP.T.g(b)):this.removeAttribute("label")},enumerable:!0,configurable:!0})},pz=function(a,b,c){Object.defineProperty(a,b,{get:function(){return this.hasAttribute(c)},
|
|
38
|
+
set:function(d){return $APP.n(d)?this.setAttribute(c,""):this.removeAttribute(c)},enumerable:!0,configurable:!0})},qz=function(a,b,c,d){Object.defineProperty(a,b,{get:function(){var e=this.getAttribute(c);return d.g?d.g(e):d.call(null,e)},set:function(e){return e!=null?this.setAttribute(c,""+$APP.T.g(e)):this.removeAttribute(c)},enumerable:!0,configurable:!0})},rz=function(a,b,c,d){Object.defineProperty(a,b,{get:function(){var e=$APP.k(this,c);return e!=null?e:d},enumerable:!0,configurable:!0})},
|
|
39
|
+
sz=function(a){nz(a,"layout","layout","alternating");nz(a,"track","track","straight");nz(a,"marker","marker","dot");oz(a);qz(a,"threshold","threshold",ny);pz(a,"noProgress","no-progress");pz(a,"disabled","disabled");pz(a,"autoplay","autoplay");qz(a,"autoplaySpeed","autoplay-speed",oy);pz(a,"autoplayLoop","autoplay-loop");pz(a,"autoplayIndicator","autoplay-indicator");rz(a,"activeIndex","__xScrollTimelineActiveIndex",-1);rz(a,"progress","__xScrollTimelineLastProg",0);rz(a,"autoplayPaused","__xScrollTimelineAutoplayPaused",
|
|
40
|
+
!1)},uz=function(){var a=class extends HTMLElement{};a.observedAttributes=tz;a.prototype.connectedCallback=function(){By(this);kz(this);jz(this);lz(this);mz(this);return null};a.prototype.disconnectedCallback=function(){bz(this);Qy(this);if($APP.n($APP.k(this,"__xScrollTimelineVisible"))){var b=$APP.k(this,"__xScrollTimelineLastProg");Ny(this,"x-scroll-timeline-leave",{progress:$APP.n(b)?b:0})}kz(this);b=$APP.k(this,"__xScrollTimelineIO");$APP.n(b)&&(b.disconnect(),this.__xScrollTimelineIO=null);
|
|
41
|
+
this.__xScrollTimelineVisible=!1;this.__xScrollTimelineActiveIndex=-1;return this.__xScrollTimelineEntryStates=this.__xScrollTimelineLastProg=null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.N(c,d)&&mz(this);return null};sz(a.prototype);return a},vz=function(){$APP.n(customElements.get("x-scroll-timeline"))||customElements.define("x-scroll-timeline",uz());return null},Ay=new $APP.K(null,"track-fill","track-fill",1852369499),wy=new $APP.K(null,"entries","entries",-86943161),Cy=new $APP.K(null,
|
|
42
|
+
"marker-raw","marker-raw",2140891555),zy=new $APP.K(null,"indicator","indicator",1928219637),Iy=new $APP.K(null,"no-progress?","no-progress?",-1599319890),Dy=new $APP.K(null,"track-raw","track-raw",751958776),xy=new $APP.K(null,"track-path","track-path",-1838135442),vy=new $APP.K(null,"fill-path","fill-path",-792439899),Ey=new $APP.K(null,"no-progress-attr","no-progress-attr",115951679),uy=new $APP.K(null,"track-svg","track-svg",-556455964),sy=new $APP.K(null,"side","side",389652279),yy=new $APP.K(null,
|
|
43
|
+
"track-line","track-line",1370628624);var tz="layout track threshold no-progress disabled label marker autoplay autoplay-speed autoplay-loop autoplay-indicator".split(" ");
|
|
44
|
+
$APP.zf([$APP.sl,$APP.Jh,$APP.Ok,$APP.Pj,$APP.qk,$APP.sk,$APP.Rk,$APP.Tl,$APP.Lm,$APP.U,$APP.Hk,$APP.bm,new $APP.K(null,"noProgress","noProgress",-2114530658),$APP.dj],[new $APP.R(null,1,[$APP.Z,$APP.Zj],null),new $APP.R(null,1,[$APP.Z,$APP.W],null),new $APP.R(null,1,[$APP.Z,$APP.Zj],null),new $APP.R(null,1,[$APP.Z,$APP.Zj],null),new $APP.R(null,1,[$APP.Z,$APP.Y],null),new $APP.R(null,2,[$APP.Z,$APP.W,$APP.wk,!0],null),new $APP.R(null,1,[$APP.Z,$APP.Y],null),new $APP.R(null,1,[$APP.Z,$APP.W],null),
|
|
45
45
|
new $APP.R(null,2,[$APP.Z,$APP.Zj,$APP.wk,!0],null),new $APP.R(null,1,[$APP.Z,$APP.Y],null),new $APP.R(null,1,[$APP.Z,$APP.Zj],null),new $APP.R(null,2,[$APP.Z,$APP.W,$APP.wk,!0],null),new $APP.R(null,1,[$APP.Z,$APP.Zj],null),new $APP.R(null,1,[$APP.Z,$APP.Y],null)]);
|
|
46
|
-
$APP.Pd(["x-scroll-timeline-entry-change",new $APP.R(null,2,[$APP.V,new $APP.R(null,4,[$APP.ai,$APP.W,$APP.
|
|
47
|
-
2,[$APP.V,new $APP.R(null,3,[$APP.
|
|
48
|
-
new $APP.R(null,2,[$APP.V,new $APP.R(null,3,[$APP.
|
|
46
|
+
$APP.Pd(["x-scroll-timeline-entry-change",new $APP.R(null,2,[$APP.V,new $APP.R(null,4,[$APP.ai,$APP.W,$APP.yl,$APP.Y,$APP.ak,$APP.W,$APP.en,$APP.Y],null),$APP.km,!1],null),"x-scroll-timeline-entry-enter",new $APP.R(null,2,[$APP.V,new $APP.R(null,3,[$APP.ai,$APP.W,$APP.yl,$APP.Y,$APP.bm,$APP.W],null),$APP.km,!1],null),"x-scroll-timeline-entry-leave",new $APP.R(null,2,[$APP.V,new $APP.R(null,3,[$APP.ai,$APP.W,$APP.yl,$APP.Y,$APP.bm,$APP.W],null),$APP.km,!1],null),"x-scroll-timeline-progress",new $APP.R(null,
|
|
47
|
+
2,[$APP.V,new $APP.R(null,3,[$APP.bm,$APP.W,$APP.sk,$APP.W,$APP.Fl,$APP.Y],null),$APP.km,!1],null),"x-scroll-timeline-enter",new $APP.R(null,2,[$APP.V,new $APP.R(null,1,[$APP.bm,$APP.W],null),$APP.km,!1],null),"x-scroll-timeline-leave",new $APP.R(null,2,[$APP.V,new $APP.R(null,1,[$APP.bm,$APP.W],null),$APP.km,!1],null),"x-scroll-timeline-autoplay-pause",new $APP.R(null,2,[$APP.V,new $APP.R(null,3,[$APP.bm,$APP.W,$APP.sk,$APP.W,$APP.Fl,$APP.Y],null),$APP.km,!1],null),"x-scroll-timeline-autoplay-resume",
|
|
48
|
+
new $APP.R(null,2,[$APP.V,new $APP.R(null,3,[$APP.bm,$APP.W,$APP.sk,$APP.W,$APP.Fl,$APP.Y],null),$APP.km,!1],null)]);var Fy=new $APP.S(null,new $APP.R(null,3,["right",null,"left",null,"alternating",null],null),null),Hy=new $APP.S(null,new $APP.R(null,2,["curved",null,"straight",null],null),null),Gy=new $APP.S(null,new $APP.R(null,3,["ring",null,"none",null,"dot",null],null),null);$APP.ha("baredom.exports.x_scroll_timeline.init",vz);export const init=vz;
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
// x-scroll.d.ts — auto-generated by generate_types.bb, do not edit
|
|
2
|
+
|
|
3
|
+
export function init(): void;
|
|
4
|
+
|
|
5
|
+
export interface XScrollEventMap {
|
|
6
|
+
"x-scroll-change": CustomEvent<{ activeIndex: number; previousIndex: number }>;
|
|
7
|
+
"x-scroll-start": CustomEvent<{ direction: string; activeIndex: number }>;
|
|
8
|
+
"x-scroll-end": CustomEvent<{ activeIndex: number }>;
|
|
9
|
+
"x-scroll-loop": CustomEvent<{ direction: string }>;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
export interface XScroll extends HTMLElement {
|
|
13
|
+
disabled: boolean;
|
|
14
|
+
showIndicators: boolean;
|
|
15
|
+
snap: string;
|
|
16
|
+
activeIndex: number;
|
|
17
|
+
mode: string;
|
|
18
|
+
showControls: boolean;
|
|
19
|
+
loop: boolean;
|
|
20
|
+
label: string;
|
|
21
|
+
gap: number;
|
|
22
|
+
autoPlay: boolean;
|
|
23
|
+
interval: number;
|
|
24
|
+
|
|
25
|
+
addEventListener<K extends keyof XScrollEventMap>(
|
|
26
|
+
type: K,
|
|
27
|
+
listener: (this: XScroll, ev: XScrollEventMap[K]) => any,
|
|
28
|
+
options?: boolean | AddEventListenerOptions
|
|
29
|
+
): void;
|
|
30
|
+
addEventListener(
|
|
31
|
+
type: string,
|
|
32
|
+
listener: EventListenerOrEventListenerObject,
|
|
33
|
+
options?: boolean | AddEventListenerOptions
|
|
34
|
+
): void;
|
|
35
|
+
removeEventListener<K extends keyof XScrollEventMap>(
|
|
36
|
+
type: K,
|
|
37
|
+
listener: (this: XScroll, ev: XScrollEventMap[K]) => any,
|
|
38
|
+
options?: boolean | EventListenerOptions
|
|
39
|
+
): void;
|
|
40
|
+
removeEventListener(
|
|
41
|
+
type: string,
|
|
42
|
+
listener: EventListenerOrEventListenerObject,
|
|
43
|
+
options?: boolean | EventListenerOptions
|
|
44
|
+
): void;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
declare global {
|
|
48
|
+
interface HTMLElementTagNameMap {
|
|
49
|
+
"x-scroll": XScroll;
|
|
50
|
+
}
|
|
51
|
+
}
|