@vanelsas/baredom 3.4.0 → 3.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 +22 -0
- package/custom-elements.json +4430 -3627
- package/dist/baredom.d.ts +92 -92
- package/dist/base.js +394 -388
- package/dist/integrity.json +108 -108
- package/dist/x-alert.js +16 -16
- package/dist/x-avatar-group.js +9 -9
- package/dist/x-avatar.js +13 -13
- 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 +31 -31
- package/dist/x-cancel-dialogue.js +11 -11
- package/dist/x-card.js +7 -7
- package/dist/x-carousel.js +25 -25
- package/dist/x-chart.js +43 -43
- package/dist/x-checkbox.d.ts +11 -4
- package/dist/x-checkbox.js +1 -1
- package/dist/x-chip.js +1 -1
- package/dist/x-code.js +24 -24
- package/dist/x-collapse.js +8 -8
- package/dist/x-color-picker.d.ts +7 -0
- package/dist/x-color-picker.js +34 -34
- package/dist/x-combobox.d.ts +12 -5
- package/dist/x-combobox.js +30 -29
- package/dist/x-command-palette.js +27 -27
- package/dist/x-confetti.js +22 -22
- package/dist/x-container.js +3 -3
- package/dist/x-context-menu.js +18 -18
- package/dist/x-copy.js +1 -1
- package/dist/x-currency-field.d.ts +5 -0
- package/dist/x-currency-field.js +21 -21
- package/dist/x-date-picker.d.ts +7 -0
- package/dist/x-date-picker.js +36 -35
- package/dist/x-divider.js +9 -9
- package/dist/x-drawer.js +8 -8
- package/dist/x-dropdown.js +12 -12
- package/dist/x-fieldset.js +5 -5
- package/dist/x-file-download.js +5 -5
- package/dist/x-file-upload.d.ts +10 -5
- package/dist/x-file-upload.js +23 -20
- package/dist/x-form-field.d.ts +7 -0
- package/dist/x-form-field.js +13 -12
- package/dist/x-form.js +10 -10
- package/dist/x-gaussian-blur.js +11 -11
- package/dist/x-grid.js +6 -6
- package/dist/x-i18n-provider.js +6 -6
- package/dist/x-i18n.js +4 -4
- package/dist/x-icon.js +7 -7
- package/dist/x-image.js +16 -16
- package/dist/x-kbd.js +11 -11
- package/dist/x-kinetic-canvas.js +24 -24
- package/dist/x-kinetic-font.js +22 -22
- package/dist/x-kinetic-typography.js +27 -27
- package/dist/x-liquid-dock.js +30 -30
- package/dist/x-liquid-fill.js +35 -35
- package/dist/x-liquid-glass.js +26 -26
- package/dist/x-menu-item.js +6 -6
- package/dist/x-menu.js +7 -7
- package/dist/x-metaball-cursor.js +17 -17
- package/dist/x-modal.js +10 -10
- package/dist/x-morph-stack.js +28 -28
- package/dist/x-multi-combobox.d.ts +7 -0
- package/dist/x-multi-combobox.js +36 -36
- package/dist/x-navbar.js +12 -12
- package/dist/x-neural-glow.js +19 -19
- package/dist/x-notification-center.js +9 -9
- package/dist/x-organic-divider.js +13 -13
- package/dist/x-organic-progress.js +30 -30
- package/dist/x-organic-shape.js +7 -7
- package/dist/x-otp-input.d.ts +5 -0
- package/dist/x-otp-input.js +19 -19
- package/dist/x-pagination.js +11 -11
- package/dist/x-particle-button.js +40 -40
- package/dist/x-popover.js +24 -24
- package/dist/x-progress-circle.js +6 -6
- package/dist/x-progress.js +6 -6
- package/dist/x-proximity-list.js +20 -20
- package/dist/x-radio.d.ts +10 -3
- package/dist/x-radio.js +12 -11
- package/dist/x-range-slider.d.ts +7 -0
- package/dist/x-range-slider.js +27 -27
- package/dist/x-rating.d.ts +7 -0
- package/dist/x-rating.js +19 -18
- package/dist/x-ripple-effect.js +7 -7
- package/dist/x-scroll-parallax.js +17 -17
- package/dist/x-scroll-stack.js +15 -15
- package/dist/x-scroll-story.js +29 -29
- package/dist/x-scroll-timeline.js +39 -39
- package/dist/x-scroll.js +32 -32
- package/dist/x-search-field.d.ts +9 -4
- package/dist/x-search-field.js +1 -1
- package/dist/x-select.d.ts +9 -2
- package/dist/x-select.js +1 -1
- package/dist/x-sidebar.js +14 -14
- package/dist/x-skeleton-group.js +11 -11
- package/dist/x-skeleton.js +1 -1
- package/dist/x-slider.d.ts +7 -0
- package/dist/x-slider.js +16 -15
- package/dist/x-soft-body.js +13 -13
- package/dist/x-spacer.js +4 -4
- package/dist/x-spinner.js +3 -3
- package/dist/x-splash.js +11 -11
- package/dist/x-split-pane.js +13 -13
- package/dist/x-spotlight-card.js +12 -12
- package/dist/x-stat.js +7 -7
- package/dist/x-stepper.js +13 -13
- package/dist/x-switch.d.ts +10 -3
- package/dist/x-switch.js +11 -10
- package/dist/x-tab.js +6 -6
- package/dist/x-table-cell.js +15 -15
- package/dist/x-table-row.js +7 -7
- package/dist/x-table.d.ts +32 -32
- package/dist/x-table.js +12 -12
- package/dist/x-tabs.js +9 -9
- package/dist/x-text-area.d.ts +7 -0
- package/dist/x-text-area.js +18 -18
- package/dist/x-theme.js +21 -21
- package/dist/x-timeline-item.js +18 -18
- package/dist/x-timeline.js +8 -8
- package/dist/x-toast.js +20 -20
- package/dist/x-toaster.js +6 -6
- package/dist/x-tooltip.js +11 -11
- package/dist/x-trace-history.js +96 -96
- package/dist/x-typography.js +5 -5
- package/dist/x-welcome-tour.js +52 -52
- package/package.json +1 -1
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.T(d,"part","container");$APP.T(d,"role","region");$APP.T(e,"part","media");$APP.T(h,"name","media");var r=document.createElement("div");$APP.T(r,"part","indicator");e.appendChild(r);e.appendChild(h);$APP.T(f,"part","steps");f.appendChild(k);d.appendChild(e);d.appendChild(f);$APP.T(m,"part","live");$APP.T(m,"aria-live","polite");$APP.T(m,"aria-atomic","true");b.appendChild(c);b.appendChild(d);b.appendChild(m);$APP.Q(a,"__xScrollStoryRefs",new $APP.M(null,6,[$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.dj(a,"x-scroll-story-step-change",$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.kq.i(e);return $APP.n(k)?$APP.p($APP.
|
|
2
|
+
var x8=function(a){return typeof a==="string"?(a=parseFloat(a.trim()),$APP.n(isNaN(a))?.5:$APP.So.j(0,$APP.Bo.j(1,a))):.5},y8=function(a){return typeof a==="string"?(a=parseFloat(a.trim()),$APP.n(isNaN(a))?.5:$APP.So.j(.1,$APP.Bo.j(.9,a))):.5},z8=function(a){return typeof a==="string"?(a=parseFloat(a.trim()),$APP.n(isNaN(a))?50:$APP.So.j(1,$APP.Bo.j(1E3,a))):50},Ysa=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.Np);k=$APP.C(k,$APP.ns);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.T(d,"part","container");$APP.T(d,"role","region");$APP.T(e,"part","media");$APP.T(h,"name","media");var r=document.createElement("div");$APP.T(r,"part","indicator");e.appendChild(r);e.appendChild(h);$APP.T(f,"part","steps");f.appendChild(k);d.appendChild(e);d.appendChild(f);$APP.T(m,"part","live");$APP.T(m,"aria-live","polite");$APP.T(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.nu,f,
|
|
5
|
+
$APP.nn,k,$APP.aq,m],null));return $APP.l(a,"__xScrollStoryRefs")},E8=function(a){a=$APP.ug([$APP.Zj,$APP.wr,$APP.Tt,$APP.Ap,$APP.$s,$APP.nq,$APP.Iq,$APP.Rt,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.Iq);var c=$APP.C(b,$APP.Rt),d=$APP.C(b,C8),e=$APP.C(b,$APP.Zj),f=$APP.C(b,$APP.wr),h=$APP.C(b,$APP.Tt),k=$APP.C(b,$APP.Ap),m=$APP.C(b,$APP.$s);b=$APP.C(b,$APP.nq);m=typeof m==="string"?m.trim().toLowerCase():null;m=$APP.bd(Zsa,m)?m:"left";return $APP.ug([$APP.Tr,$APP.Xp,$APP.Ft,D8,$APP.hk,$APP.hq,$APP.ik,$APP.xr,$APP.kq],[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.nn).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)},$sa=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.T(b[c],"data-active","");c>=0?$APP.T(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.dj(a,"x-scroll-story-step-change",$APP.tm(new $APP.M(null,4,[$APP.Fp,c,$APP.lt,b,$APP.Br,d,$APP.Yu,e],null)));a=$APP.G($APP.l(a,"__xScrollStoryRefs"));a=$APP.C(a,$APP.aq);I8(a,"Step "+$APP.P.i(c+1)+" active")}},ata=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.Np),r=$APP.C(k,$APP.ns),t=f[h];k=m<=d&&r>d;var x=H8(b[h]),y=m;m=r-m;m=m<=0?0:$APP.So.j(0,$APP.Bo.j(1,(d-y)/m));$APP.p(t)&&k?(f[h]=!0,$APP.dj(a,"x-scroll-story-step-enter",$APP.tm(new $APP.M(null,3,[$APP.Fp,h,$APP.lt,x,$APP.Ot,m],null)))):$APP.n($APP.n(t)?!k:t)&&(f[h]=!1,$APP.dj(a,"x-scroll-story-step-leave",$APP.tm(new $APP.M(null,3,[$APP.Fp,h,$APP.lt,x,$APP.Ot,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.ik.i(b))){var c=F8(a),d=c.length,e=window.innerHeight,f=e*$APP.Ft.i(b),h=function(){for(var m=0,r=$APP.Ee;;){if(m>=d)return r;var t=c[m].getBoundingClientRect();m+=1;r=$APP.Ad.j(r,new $APP.M(null,2,[$APP.Np,t.top,$APP.ns,t.top+t.height],null))}}();b=Ysa(h,f);var k=$APP.G($APP.l(a,"__xScrollStoryRefs"));k=$APP.C(k,$APP.nu).getBoundingClientRect();e=$APP.So.j(0,$APP.Bo.j(1,(e-k.top)/(e+k.height)));k=$APP.l(a,
|
|
11
|
+
"__xScrollStoryLastProg");$sa(a,c,b);ata(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.dj(a,"x-scroll-story-progress",$APP.tm(new $APP.M(null,3,[$APP.Ot,e,$APP.Vr,b,$APP.rt,f],null)))}return $APP.Yi(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.kq.i(e);return $APP.n(k)?$APP.p($APP.ik.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.xr.i(e)*f);$APP.n(function(){var k=$APP.Xp.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
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.T(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.dj(a,"x-scroll-story-autoplay-pause",$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.dj(a,"x-scroll-story-autoplay-resume",$APP.
|
|
14
|
+
e:-1}(),d=a.children;d=c>=0&&c<d.length?H8(d[c]):null;return $APP.dj(a,"x-scroll-story-autoplay-pause",$APP.tm(new $APP.M(null,3,[$APP.Ot,b,$APP.Vr,c,$APP.rt,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.dj(a,"x-scroll-story-autoplay-resume",$APP.tm(new $APP.M(null,3,[$APP.Ot,b,$APP.Vr,c,$APP.rt,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.kq.i(b);return $APP.n(k)?(k=$APP.p($APP.
|
|
17
|
+
var b=$APP.l(a,"__xScrollStoryModel");if($APP.n(function(){if($APP.n(b)){var k=$APP.kq.i(b);return $APP.n(k)?(k=$APP.p($APP.ik.i(b)))?(k=$APP.l(a,"__xScrollStoryVisible"),$APP.n(k)?!G8():k):k:k}return b}())){$APP.T(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.kq.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.dj(a,"x-scroll-story-leave",$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.Yi(a,"__xScrollStoryRAF",null));$APP.Q(a,"__xScrollStoryHandlers",null)},
|
|
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.kq.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},
|
|
19
|
+
$APP.ik.i(a):a},bta=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.Yi(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)},cta=function(a,b){b=b[0].isIntersecting;var c=$APP.G($APP.l(a,"__xScrollStoryRefs"));c=$APP.C(c,$APP.aq);$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.dj(a,"x-scroll-story-enter",$APP.tm(new $APP.M(null,1,[$APP.Ot,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.kq.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.dj(a,"x-scroll-story-leave",$APP.tm(new $APP.M(null,1,[$APP.Ot,function(){var d=$APP.l(a,"__xScrollStoryLastProg");return $APP.n(d)?d:0}()],null)))},dta=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.nn).addEventListener("slotchange",c);window.addEventListener("resize",b);$APP.Q(a,"__xScrollStoryHandlers",{scroll:function(){return bta(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.nn.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.Yi(a,"__xScrollStoryRAF",null));$APP.Q(a,"__xScrollStoryHandlers",null)},eta=function(a){var b=$APP.l(a,"__xScrollStoryIO");$APP.n(b)&&b.disconnect();b=new IntersectionObserver(function(c){return cta(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.Tr),e=$APP.C(c,D8);b=$APP.C(c,$APP.ik);var f=$APP.C(c,$APP.hk),h=B8(a),k=$APP.G(h);h=$APP.C(k,$APP.Tk);k=$APP.C(k,A8);$APP.T(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.T(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.kq.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},fta=function(a){$APP.lj(a,"layout","layout","left");$APP.oj(a,"threshold","threshold",x8);$APP.oj(a,"split","split",y8);$APP.ij(a,"disabled","disabled");$APP.ij(a,"autoplay","autoplay");$APP.oj(a,"autoplaySpeed","autoplay-speed",z8);$APP.ij(a,"autoplayLoop","autoplay-loop");
|
|
26
26
|
$APP.ij(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.T(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})},
|
|
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.O,$APP.X],null),new $APP.M(null,1,[$APP.O,$APP.qj],null),new $APP.M(null,2,[$APP.O,$APP.Z,$APP.
|
|
32
|
-
$APP.he(["x-scroll-story-step-change",new $APP.M(null,2,[$APP.V,new $APP.M(null,4,[$APP.
|
|
33
|
-
new $APP.M(null,3,[$APP.
|
|
34
|
-
2,[$APP.V,new $APP.M(null,3,[$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})},gta=function(a){B8(a);S8(a);dta(a);eta(a);return U8(a)},hta=function(a){N8(a);T8(a);if($APP.n($APP.l(a,"__xScrollStoryVisible"))){var b=$APP.l(a,"__xScrollStoryLastProg");$APP.dj(a,"x-scroll-story-leave",$APP.tm(new $APP.M(null,1,[$APP.Ot,$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)},ita=function(a,b,c,d){return $APP.I(c,d)?U8(a):null},V8=function(){return $APP.qi("x-scroll-story",new $APP.M(null,5,[$APP.hi,jta,$APP.fi,gta,$APP.ci,hta,$APP.bi,ita,$APP.gi,fta],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 jta="layout threshold split disabled label autoplay autoplay-speed autoplay-loop autoplay-indicator".split(" ");
|
|
30
|
+
$APP.ug([$APP.ht,$APP.kp,$APP.ts,$APP.Mm,$APP.Tr,$APP.Vr,$APP.Ft,$APP.wu,D8,$APP.hk,$APP.ls,$APP.Ot],[new $APP.M(null,1,[$APP.O,$APP.qj],null),new $APP.M(null,1,[$APP.O,$APP.Z],null),new $APP.M(null,1,[$APP.O,$APP.qj],null),new $APP.M(null,1,[$APP.O,$APP.qj],null),new $APP.M(null,1,[$APP.O,$APP.X],null),new $APP.M(null,2,[$APP.O,$APP.Z,$APP.as,!0],null),new $APP.M(null,1,[$APP.O,$APP.Z],null),new $APP.M(null,2,[$APP.O,$APP.qj,$APP.as,!0],null),new $APP.M(null,1,[$APP.O,$APP.Z],null),new $APP.M(null,
|
|
31
|
+
1,[$APP.O,$APP.X],null),new $APP.M(null,1,[$APP.O,$APP.qj],null),new $APP.M(null,2,[$APP.O,$APP.Z,$APP.as,!0],null)]);
|
|
32
|
+
$APP.he(["x-scroll-story-step-change",new $APP.M(null,2,[$APP.V,new $APP.M(null,4,[$APP.Fp,$APP.Z,$APP.lt,$APP.X,$APP.Br,$APP.Z,$APP.Yu,$APP.X],null),$APP.Yt,!1],null),"x-scroll-story-step-enter",new $APP.M(null,2,[$APP.V,new $APP.M(null,3,[$APP.Fp,$APP.Z,$APP.lt,$APP.X,$APP.Ot,$APP.Z],null),$APP.Yt,!1],null),"x-scroll-story-step-leave",new $APP.M(null,2,[$APP.V,new $APP.M(null,3,[$APP.Fp,$APP.Z,$APP.lt,$APP.X,$APP.Ot,$APP.Z],null),$APP.Yt,!1],null),"x-scroll-story-progress",new $APP.M(null,2,[$APP.V,
|
|
33
|
+
new $APP.M(null,3,[$APP.Ot,$APP.Z,$APP.Vr,$APP.Z,$APP.rt,$APP.X],null),$APP.Yt,!1],null),"x-scroll-story-enter",new $APP.M(null,2,[$APP.V,new $APP.M(null,1,[$APP.Ot,$APP.Z],null),$APP.Yt,!1],null),"x-scroll-story-leave",new $APP.M(null,2,[$APP.V,new $APP.M(null,1,[$APP.Ot,$APP.Z],null),$APP.Yt,!1],null),"x-scroll-story-autoplay-pause",new $APP.M(null,2,[$APP.V,new $APP.M(null,3,[$APP.Ot,$APP.Z,$APP.Vr,$APP.Z,$APP.rt,$APP.X],null),$APP.Yt,!1],null),"x-scroll-story-autoplay-resume",new $APP.M(null,
|
|
34
|
+
2,[$APP.V,new $APP.M(null,3,[$APP.Ot,$APP.Z,$APP.Vr,$APP.Z,$APP.rt,$APP.X],null),$APP.Yt,!1],null)]);var Zsa=new $APP.ah(null,new $APP.M(null,3,["right",null,"top",null,"left",null],null),null);$APP.fa("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 sH=function(a){return typeof a==="string"?(a=parseFloat(a.trim()),$APP.n(isNaN(a))?.5:$APP.
|
|
3
|
-
$APP.
|
|
4
|
-
null);;){if(e>=d-1)return $APP.Bi(" ",f);var h=$APP.xc(a,e),k=$APP.xc(a,e+1),m=$APP.
|
|
5
|
-
var e=document.createElement("div");var f=document.createElement("div"),h=document.createElement("div");$APP.T(e,"part","track");$APP.T(f,"part","track-line");$APP.T(h,"part","track-fill");e.appendChild(f);e.appendChild(h);e=new $APP.M(null,3,[$APP.
|
|
6
|
-
"aria-hidden","true");$APP.T(f,"focusable","false");$APP.T(h,"part","track-path");$APP.T(k,"part","track-fill-path");$APP.T(k,"pathLength","1");f.appendChild(h);f.appendChild(k);f=new $APP.M(null,3,[yH,f,zH,h,AH,k],null);h=document.createElement("div");k=document.createElement("slot");$APP.T(h,"part","entries");h.appendChild(k);h=new $APP.M(null,2,[BH,h,$APP.
|
|
2
|
+
var sH=function(a){return typeof a==="string"?(a=parseFloat(a.trim()),$APP.n(isNaN(a))?.5:$APP.So.j(0,$APP.Bo.j(1,a))):.5},tH=function(a){return typeof a==="string"?(a=parseFloat(a.trim()),$APP.n(isNaN(a))?50:$APP.So.j(1,$APP.Bo.j(1E3,a))):50},uH=function(a,b){switch(a){case "alternating":return $APP.sd(b,2)===0?"left":"right";case "left":return"right";case "right":return"left";default:return"right"}},vH=function(a,b,c){return b<=0?0:$APP.So.j(0,$APP.Bo.j(1,(c-a)/b))},$aa=function(a,b,c){function d(r){return($APP.Np.i(r)+
|
|
3
|
+
$APP.ns.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=vH($APP.Np.i(k),$APP.ns.i(k)-$APP.Np.i(k),c);a=b<e-1?d($APP.xc(a,b+1)):m;return h<=0?1:$APP.So.j(0,$APP.Bo.j(1,(m+c*(a-m)-f)/h))},aba=function(a,b,c){var d=$APP.w(a);if(d===0)return"";if($APP.z.j(d,1))return a=$APP.u(a),a=$APP.G(a),a=$APP.C(a,$APP.vt),"M "+$APP.P.i(c)+" "+$APP.P.i(a);var e=$APP.u(a),f=$APP.vt.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.Bi(" ",f);var h=$APP.xc(a,e),k=$APP.xc(a,e+1),m=$APP.vt.i(h),r=$APP.vt.i(k);h=wH.i(h);var t=wH.i(k);k=$APP.z.j(h,"left")?-b:b;t=$APP.z.j(t,"left")?-b:b;h=m+(r-m)*.33;t=c+t;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(t)+" "+$APP.P.i(m)+" "+$APP.P.i(x)+" "+$APP.P.i(r))}},CH=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.T(e,"part","track");$APP.T(f,"part","track-line");$APP.T(h,"part","track-fill");e.appendChild(f);e.appendChild(h);e=new $APP.M(null,3,[$APP.Hq,e,xH,f,$APP.oq,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.T(f,"part","track-svg");$APP.T(f,
|
|
6
|
+
"aria-hidden","true");$APP.T(f,"focusable","false");$APP.T(h,"part","track-path");$APP.T(k,"part","track-fill-path");$APP.T(k,"pathLength","1");f.appendChild(h);f.appendChild(k);f=new $APP.M(null,3,[yH,f,zH,h,AH,k],null);h=document.createElement("div");k=document.createElement("slot");$APP.T(h,"part","entries");h.appendChild(k);h=new $APP.M(null,2,[BH,h,$APP.nn,k],null);k=document.createElement("div");$APP.T(k,"part","indicator");var m=document.createElement("div");$APP.T(m,"part","live");$APP.T(m,
|
|
7
7
|
"aria-live","polite");$APP.T(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.T(d,"part","container");$APP.T(d,"role","feed");d.appendChild($APP.
|
|
9
|
-
$APP.nq,EH,$APP.
|
|
10
|
-
e=$APP.C(b,$APP.
|
|
11
|
-
$APP.
|
|
12
|
-
a.length,d=0;;)if(d<c){var e=a[d];$APP.T(e,"data-side",uH(b,d));$APP.T(e,"data-index",""+$APP.P.i(d));d+=1}else break},MH=function(a){a=IH(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},
|
|
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 N=parseFloat(t);return $APP.n(isNaN(N))?60:N}();var x=window.getComputedStyle(a).getPropertyValue("--x-scroll-timeline-marker-size"),y=function(){var N=parseFloat(x);return $APP.n(isNaN(N))?7:N/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 N=0,S=$APP.Ee;;){if(N>=E)return S;var R=b[N].getBoundingClientRect(),Y=N+1;S=$APP.Ad.j(S,new $APP.M(null,2,[$APP.
|
|
16
|
-
N=Y}}();h=
|
|
17
|
-
a:{var k=c.length,m=0;for(h=$APP.Ee;;){if(m>=k)break a;var r=c[m].getBoundingClientRect();m+=1;h=$APP.Ad.j(h,new $APP.M(null,2,[$APP.
|
|
18
|
-
m.top)/(e+m.height)));m
|
|
19
|
-
null}),LH(a,"Entry "+$APP.P.i(r+1)+" active"));r=c.length;t=$APP.l(a,"__xScrollTimelineEntryStates");if(!$APP.n($APP.n(t)?$APP.z.j(t.length,r):t)){x=Array(r);for(y=0;;)if(y<r)x[y]=$APP.n($APP.n(t)?y<t.length:t)?t[y]:!1,y+=1;else break;$APP.Q(a,"__xScrollTimelineEntryStates",x);t=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.
|
|
20
|
-
id:A,progress:E})):$APP.n($APP.n(N)?!y:N)&&(t[x]=!1,$APP.dj(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.
|
|
8
|
+
$APP.T(d,"part","container");$APP.T(d,"role","feed");d.appendChild($APP.Hq.i(e));d.appendChild(BH.i(h));d.appendChild(yH.i(f));d.appendChild(k);b.appendChild(c);b.appendChild(d);b.appendChild(m);$APP.Q(a,"__xScrollTimelineRefs",$APP.ug([$APP.nn,yH,AH,BH,zH,xH,$APP.Sk,$APP.Tk,bba,$APP.aq,$APP.oq,$APP.Hq],[$APP.nn.i(h),yH.i(f),AH.i(f),BH.i(h),zH.i(f),xH.i(e),b,d,k,m,$APP.oq.i(e),$APP.Hq.i(e)]));return $APP.l(a,"__xScrollTimelineRefs")},HH=function(a){a=$APP.ug([$APP.Zj,DH,$APP.wr,$APP.Tt,$APP.Ap,$APP.$s,
|
|
9
|
+
$APP.nq,EH,$APP.Iq,$APP.Rt,FH],[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.Iq);var c=$APP.C(b,$APP.Rt),d=$APP.C(b,FH),
|
|
10
|
+
e=$APP.C(b,$APP.Zj),f=$APP.C(b,DH),h=$APP.C(b,$APP.wr),k=$APP.C(b,$APP.Tt),m=$APP.C(b,$APP.Ap),r=$APP.C(b,$APP.$s),t=$APP.C(b,$APP.nq);b=$APP.C(b,EH);r=typeof r==="string"?r.trim().toLowerCase():null;r=$APP.bd(cba,r)?r:"alternating";f=typeof f==="string"?f.trim().toLowerCase():null;f=$APP.bd(dba,f)?f:"dot";m=sH(m);e=$APP.n(e)?e:"";h=tH(h);b=typeof b==="string"?b.trim().toLowerCase():null;b=$APP.bd(eba,b)?b:"straight";return $APP.ug([$APP.Tr,$APP.ys,$APP.Xp,GH,$APP.Ft,$APP.hk,$APP.hq,$APP.ik,$APP.xr,
|
|
11
|
+
$APP.Hq,$APP.kq],[r,f,c!=null,d!=null,m,e,t!=null,a!=null,h,b,k!=null])},IH=function(a){a=CH(a);a=$APP.G(a);return $APP.C(a,$APP.nn).assignedElements()},JH=function(){return $APP.D(window.matchMedia("(prefers-reduced-motion:reduce)").matches)},KH=function(a){a=a.getAttribute("id");return typeof a==="string"&&$APP.I(a,"")?a:null},LH=function(a,b){a=$APP.G($APP.l(a,"__xScrollTimelineRefs"));var c=$APP.C(a,$APP.aq);c.textContent=b;setTimeout(function(){return c.textContent=""},1E3)},fba=function(a,b){for(var c=
|
|
12
|
+
a.length,d=0;;)if(d<c){var e=a[d];$APP.T(e,"data-side",uH(b,d));$APP.T(e,"data-index",""+$APP.P.i(d));d+=1}else break},MH=function(a){a=IH(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},gba=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)},hba=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)},iba=function(a,b){var c=$APP.G($APP.l(a,"__xScrollTimelineRefs")),d=$APP.C(c,$APP.Tk),e=$APP.C(c,yH),f=$APP.C(c,zH);c=$APP.C(c,AH);var h=function(){var N=$APP.l(a,"__xScrollTimelineModel");return $APP.n(N)?N:HH(a)}(),k=$APP.Tr.i(h);h=d.getBoundingClientRect();var m=h.top;d=h.height;var r=h.width,t=window.getComputedStyle(a).getPropertyValue("--x-scroll-timeline-curve-amplitude");
|
|
15
|
+
h=function(){var N=parseFloat(t);return $APP.n(isNaN(N))?60:N}();var x=window.getComputedStyle(a).getPropertyValue("--x-scroll-timeline-marker-size"),y=function(){var N=parseFloat(x);return $APP.n(isNaN(N))?7:N/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 N=0,S=$APP.Ee;;){if(N>=E)return S;var R=b[N].getBoundingClientRect(),Y=N+1;S=$APP.Ad.j(S,new $APP.M(null,2,[$APP.vt,R.top+R.height/2-m,wH,uH(k,N)],null));
|
|
16
|
+
N=Y}}();h=aba(H,h,A);$APP.T(e,"viewBox","0 0 "+$APP.P.i(r)+" "+$APP.P.i(d));$APP.T(f,"d",h);$APP.T(c,"d",h);$APP.T(c,"stroke-dasharray","1");$APP.T(c,"stroke-dashoffset","1")}},NH=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.T(a,"data-active","")))},OH=function(a){var b=$APP.l(a,"__xScrollTimelineModel");b=$APP.n(b)?b:HH(a);if(!$APP.n($APP.ik.i(b))){var c=IH(a),d=c.length,e=window.innerHeight,f=e*$APP.Ft.i(b),h;
|
|
17
|
+
a:{var k=c.length,m=0;for(h=$APP.Ee;;){if(m>=k)break a;var r=c[m].getBoundingClientRect();m+=1;h=$APP.Ad.j(h,new $APP.M(null,2,[$APP.Np,r.top,$APP.ns,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 t=-1,x=-1;;){if(r>=m){k=t>=0?t:x;break a}var y=$APP.xc(k,r),A=$APP.G(y);y=$APP.C(A,$APP.Np);A=$APP.C(A,$APP.ns);t=y<=f&&A>f?r:t;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.So.j(0,$APP.Bo.j(1,(e-
|
|
18
|
+
m.top)/(e+m.height)));m=$aa(h,k,f);d=k>=0&&k<d?KH(c[k]):null;r=k;t=$APP.l(a,"__xScrollTimelineActiveIndex");t=$APP.n(t)?t:-1;$APP.I(t,r)&&(NH(c,t,r),NH($APP.l(a,"__xScrollTimelineMarkerEls"),t,r),NH($APP.l(a,"__xScrollTimelineDateEls"),t,r),r>=0?$APP.T(a,"data-active-index",""+$APP.P.i(r)):$APP.U(a,"data-active-index"),$APP.Q(a,"__xScrollTimelineActiveIndex",r),$APP.dj(a,"x-scroll-timeline-entry-change",{index:r,id:r>=0&&r<c.length?KH(c[r]):null,previousIndex:t,previousId:t>=0&&t<c.length?KH(c[t]):
|
|
19
|
+
null}),LH(a,"Entry "+$APP.P.i(r+1)+" active"));r=c.length;t=$APP.l(a,"__xScrollTimelineEntryStates");if(!$APP.n($APP.n(t)?$APP.z.j(t.length,r):t)){x=Array(r);for(y=0;;)if(y<r)x[y]=$APP.n($APP.n(t)?y<t.length:t)?t[y]:!1,y+=1;else break;$APP.Q(a,"__xScrollTimelineEntryStates",x);t=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.Np),H=$APP.C(y,$APP.ns),N=t[x];y=E<=f&&H>f;A=KH(c[x]);E=vH(E,H-E,f);$APP.p(N)&&y?(t[x]=!0,$APP.dj(a,"x-scroll-timeline-entry-enter",{index:x,
|
|
20
|
+
id:A,progress:E})):$APP.n($APP.n(N)?!y:N)&&(t[x]=!1,$APP.dj(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.Hq);b=$APP.C(b,GH);$APP.z.j(c,"curved")?(c=$APP.G($APP.l(a,"__xScrollTimelineRefs")),c=$APP.C(c,AH),$APP.n(b)?$APP.T(c,"stroke-dashoffset","1"):$APP.T(c,"stroke-dashoffset",""+$APP.P.i(1-m))):(c=$APP.G($APP.l(a,"__xScrollTimelineRefs")),c=$APP.C(c,$APP.oq),$APP.n(b)?c.style.height="0%":c.style.height=""+$APP.P.i(m*100)+"%");b=k;c=$APP.l(a,
|
|
21
21
|
"__xScrollTimelineLastProg");if(c==null||Math.abs(e-c)>.001)$APP.Q(a,"__xScrollTimelineLastProg",e),$APP.dj(a,"x-scroll-timeline-progress",{progress:e,activeIndex:b,activeId:d})}return $APP.Yi(a,"__xScrollTimelineRAF",null)},PH=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.kq.i(e);return $APP.n(h)?$APP.p($APP.
|
|
22
|
+
$APP.kq.i(e);return $APP.n(h)?$APP.p($APP.ik.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.xr.i(e)*f),$APP.n($APP.Xp.i(e))&&(f=window.scrollY,c=window.innerHeight,f+c>=document.documentElement.scrollHeight-1&&(f=a.getBoundingClientRect().top+f,window.scrollTo(0,$APP.So.j(0,f-c)),$APP.Q(a,"__xScrollTimelineAutoplayLast",null))));return $APP.Q(a,"__xScrollTimelineAutoplayRAF",requestAnimationFrame(d))}}return null}},
|
|
23
23
|
QH=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.T(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=IH(a);d=c>=0&&c<d.length?KH(d[c]):
|
|
24
24
|
null;return $APP.dj(a,"x-scroll-timeline-autoplay-pause",{progress:b,activeIndex:c,activeId:d})},RH=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(PH(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
25
|
return $APP.n(e)?e:-1}(),d=IH(a);d=c>=0&&c<d.length?KH(d[c]):null;return $APP.dj(a,"x-scroll-timeline-autoplay-resume",{progress:b,activeIndex:c,activeId:d})}return null},SH=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
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)},TH=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.kq.i(b);
|
|
27
|
-
return $APP.n(k)?(k=$APP.p($APP.
|
|
28
|
-
RH(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(PH(a)))}return null},UH=function(a){a=$APP.l(a,"__xScrollTimelineModel");return $APP.n(a)?$APP.
|
|
29
|
-
a.isConnected;return $APP.n(b)?(b=$APP.l(a,"__xScrollTimelineVisible"),$APP.n(b)?$APP.p(UH(a))&&!JH():b):b}())?$APP.n($APP.l(a,"__xScrollTimelineRAF"))?null:$APP.Yi(a,"__xScrollTimelineRAF",requestAnimationFrame(function(){return OH(a)})):null},
|
|
30
|
-
$APP.n($APP.n(a)?$APP.l(a,"scrollAttached"):a)&&(window.removeEventListener("scroll",$APP.l(a,"scroll")),a.scrollAttached=!1)},
|
|
31
|
-
null}VH(a);SH(a);if($APP.n(UH(a)))return null;LH(a,"Timeline left viewport");return $APP.dj(a,"x-scroll-timeline-leave",{progress:function(){var c=$APP.l(a,"__xScrollTimelineLastProg");return $APP.n(c)?c:0}()})},WH=function(a){var b=function(){var d=$APP.l(a,"__xScrollTimelineModel");return $APP.n(d)?d:HH(a)}(),c=IH(a);
|
|
32
|
-
h=$APP.G($APP.l(a,"__xScrollTimelineRefs"));h=$APP.C(h,$APP.
|
|
33
|
-
"__xScrollTimelineVisible"))?OH(a):null}return null})}
|
|
34
|
-
$APP.l(a,"__xScrollTimelineHandlers");if($APP.n(b)){VH(a);var c=$APP.l(a,"__xScrollTimelineRefs");if($APP.n(c)){c=$APP.
|
|
35
|
-
b=new IntersectionObserver(function(c){return
|
|
36
|
-
$APP.T(d,"aria-label",h):$APP.U(d,"aria-label");$APP.Q(a,"__xScrollTimelineModel",b);$APP.n(c)?(MH(a),$APP.Q(a,"__xScrollTimelineActiveIndex",-1),$APP.Q(a,"__xScrollTimelineEntryStates",null),VH(a),SH(a)):$APP.n(e)&&($APP.I($APP.
|
|
37
|
-
c=$APP.C(c,$APP.
|
|
38
|
-
d.call(null,e)},set:function(e){return e!=null?$APP.T(this,c,""+$APP.P.i(e)):$APP.U(this,c)},enumerable:!0,configurable:!0})},$H=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})},
|
|
39
|
-
"disabled");$APP.ij(a,"autoplay","autoplay");ZH(a,"autoplaySpeed","autoplay-speed",tH);$APP.ij(a,"autoplayLoop","autoplay-loop");$APP.ij(a,"autoplayIndicator","autoplay-indicator");$H(a,"activeIndex","__xScrollTimelineActiveIndex",-1);$H(a,"progress","__xScrollTimelineLastProg",0);return $H(a,"autoplayPaused","__xScrollTimelineAutoplayPaused",!1)},
|
|
40
|
-
$APP.dj(a,"x-scroll-timeline-leave",{progress:$APP.n(b)?b:0})}XH(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)},
|
|
41
|
-
|
|
42
|
-
"track-svg","track-svg",-556455964),wH=new $APP.F(null,"side","side",389652279),xH=new $APP.F(null,"track-line","track-line",1370628624);var
|
|
43
|
-
$APP.
|
|
27
|
+
return $APP.n(k)?(k=$APP.p($APP.ik.i(b)))?(k=$APP.l(a,"__xScrollTimelineVisible"),$APP.n(k)?!JH():k):k:k}return b}())){$APP.T(a,"tabindex","0");$APP.Q(a,"__xScrollTimelineAutoplayPaused",!1);$APP.Q(a,"__xScrollTimelineAutoplayLast",null);var c=function(){return QH(a)},d=function(){return RH(a)},e=function(){return $APP.n($APP.l(a,"__xScrollTimelineAutoplayPaused"))?RH(a):null},f=function(k){return $APP.z.j(k.code,"Space")?(k.preventDefault(),QH(a)):null},h=function(k){return $APP.z.j(k.code,"Space")?
|
|
28
|
+
RH(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(PH(a)))}return null},UH=function(a){a=$APP.l(a,"__xScrollTimelineModel");return $APP.n(a)?$APP.ik.i(a):a},jba=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(UH(a))&&!JH():b):b}())?$APP.n($APP.l(a,"__xScrollTimelineRAF"))?null:$APP.Yi(a,"__xScrollTimelineRAF",requestAnimationFrame(function(){return OH(a)})):null},kba=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)},VH=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)},lba=function(a,b){b=b[0].isIntersecting;$APP.Q(a,"__xScrollTimelineVisible",b);if($APP.n(b)){if($APP.n(UH(a)))return null;kba(a);OH(a);LH(a,"Timeline entered viewport");$APP.dj(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.kq.i(b):b)?TH(a):
|
|
31
|
+
null}VH(a);SH(a);if($APP.n(UH(a)))return null;LH(a,"Timeline left viewport");return $APP.dj(a,"x-scroll-timeline-leave",{progress:function(){var c=$APP.l(a,"__xScrollTimelineLastProg");return $APP.n(c)?c:0}()})},WH=function(a){var b=function(){var d=$APP.l(a,"__xScrollTimelineModel");return $APP.n(d)?d:HH(a)}(),c=IH(a);fba(c,$APP.Tr.i(b));gba(a,c);hba(a,c);return requestAnimationFrame(function(){if($APP.n(a.isConnected)){var d=IH(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:HH(a);k=$APP.Tr.i(k);for(var m=d.length,r=0;;)if(r<m){var t=d[r].getBoundingClientRect();t=t.top+t.height/2-h;var x=uH(k,r),y=$APP.n(e)?e[r]:e;$APP.n(y)&&(y.style.top=""+$APP.P.i(t)+"px");y=$APP.n(f)?f[r]:f;$APP.n(y)&&(y.style.top=""+$APP.P.i(t)+"px",$APP.T(y,"data-side",x));r+=1}else break;$APP.z.j($APP.Hq.i(b),"curved")&&iba(a,d);return $APP.n($APP.l(a,
|
|
33
|
+
"__xScrollTimelineVisible"))?OH(a):null}return null})},mba=function(a){function b(){return $APP.n($APP.l(a,"__xScrollTimelineVisible"))?($APP.Q(a,"__xScrollTimelineEntryStates",null),WH(a)):null}function c(){$APP.Q(a,"__xScrollTimelineEntryStates",null);return WH(a)}var d=CH(a);d=$APP.G(d);$APP.C(d,$APP.nn).addEventListener("slotchange",c);window.addEventListener("resize",b);$APP.Q(a,"__xScrollTimelineHandlers",{scroll:function(){return jba(a)},slot:c,resize:b,scrollAttached:!1})},XH=function(a){var b=
|
|
34
|
+
$APP.l(a,"__xScrollTimelineHandlers");if($APP.n(b)){VH(a);var c=$APP.l(a,"__xScrollTimelineRefs");if($APP.n(c)){c=$APP.nn.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.Yi(a,"__xScrollTimelineRAF",null));$APP.Q(a,"__xScrollTimelineHandlers",null)},nba=function(a){var b=$APP.l(a,"__xScrollTimelineIO");$APP.n(b)&&b.disconnect();
|
|
35
|
+
b=new IntersectionObserver(function(c){return lba(a,c)},{threshold:[0]});b.observe(a);$APP.Q(a,"__xScrollTimelineIO",b)},YH=function(a){var b=HH(a);if($APP.I($APP.l(a,"__xScrollTimelineModel"),b)){b=$APP.G(b);var c=$APP.C(b,$APP.ik),d=CH(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.Tr),k=$APP.C(f,$APP.Hq);f=$APP.C(f,$APP.ys);$APP.T(a,"data-layout",h);$APP.T(a,"data-track",k);$APP.T(a,"data-marker",f);h=$APP.G(b);h=$APP.C(h,$APP.hk);$APP.q(h)?
|
|
36
|
+
$APP.T(d,"aria-label",h):$APP.U(d,"aria-label");$APP.Q(a,"__xScrollTimelineModel",b);$APP.n(c)?(MH(a),$APP.Q(a,"__xScrollTimelineActiveIndex",-1),$APP.Q(a,"__xScrollTimelineEntryStates",null),VH(a),SH(a)):$APP.n(e)&&($APP.I($APP.Tr.i(e),$APP.Tr.i(b))||$APP.I($APP.Hq.i(e),$APP.Hq.i(b))||$APP.I($APP.ys.i(e),$APP.ys.i(b))||$APP.I($APP.ik.i(e),$APP.ik.i(b))?WH(a):($APP.I($APP.Ft.i(e),$APP.Ft.i(b))||$APP.I(GH.i(e),GH.i(b)))&&$APP.n($APP.l(a,"__xScrollTimelineVisible"))&&OH(a));c=$APP.G(b);b=$APP.C(c,$APP.kq);
|
|
37
|
+
c=$APP.C(c,$APP.ik);a=$APP.n(c)?null:$APP.n($APP.n(b)?$APP.l(a,"__xScrollTimelineVisible"):b)?TH(a):SH(a)}else a=null;return a},oba=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.T(this,"label",""+$APP.P.i(b)):$APP.U(this,"label")},enumerable:!0,configurable:!0})},ZH=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.T(this,c,""+$APP.P.i(e)):$APP.U(this,c)},enumerable:!0,configurable:!0})},$H=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})},pba=function(a){$APP.lj(a,"layout","layout","alternating");$APP.lj(a,"track","track","straight");$APP.lj(a,"marker","marker","dot");oba(a);ZH(a,"threshold","threshold",sH);$APP.ij(a,"noProgress","no-progress");$APP.ij(a,"disabled",
|
|
39
|
+
"disabled");$APP.ij(a,"autoplay","autoplay");ZH(a,"autoplaySpeed","autoplay-speed",tH);$APP.ij(a,"autoplayLoop","autoplay-loop");$APP.ij(a,"autoplayIndicator","autoplay-indicator");$H(a,"activeIndex","__xScrollTimelineActiveIndex",-1);$H(a,"progress","__xScrollTimelineLastProg",0);return $H(a,"autoplayPaused","__xScrollTimelineAutoplayPaused",!1)},qba=function(a){CH(a);XH(a);mba(a);nba(a);return YH(a)},rba=function(a){SH(a);MH(a);if($APP.n($APP.l(a,"__xScrollTimelineVisible"))){var b=$APP.l(a,"__xScrollTimelineLastProg");
|
|
40
|
+
$APP.dj(a,"x-scroll-timeline-leave",{progress:$APP.n(b)?b:0})}XH(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)},sba=function(a,b,c,d){return $APP.I(c,d)?YH(a):null},aI=function(){return $APP.qi("x-scroll-timeline",new $APP.M(null,5,[$APP.hi,tba,$APP.fi,qba,$APP.ci,
|
|
41
|
+
rba,$APP.bi,sba,$APP.gi,pba],null))},BH=new $APP.F(null,"entries","entries",-86943161),DH=new $APP.F(null,"marker-raw","marker-raw",2140891555),bba=new $APP.F(null,"indicator","indicator",1928219637),GH=new $APP.F(null,"no-progress?","no-progress?",-1599319890),EH=new $APP.F(null,"track-raw","track-raw",751958776),zH=new $APP.F(null,"track-path","track-path",-1838135442),AH=new $APP.F(null,"fill-path","fill-path",-792439899),FH=new $APP.F(null,"no-progress-attr","no-progress-attr",115951679),yH=new $APP.F(null,
|
|
42
|
+
"track-svg","track-svg",-556455964),wH=new $APP.F(null,"side","side",389652279),xH=new $APP.F(null,"track-line","track-line",1370628624);var tba="layout track threshold no-progress disabled label marker autoplay autoplay-speed autoplay-loop autoplay-indicator".split(" ");
|
|
43
|
+
$APP.ug([$APP.ht,$APP.kp,$APP.ts,$APP.Mm,$APP.Tr,$APP.Vr,$APP.ys,$APP.Ft,$APP.wu,$APP.hk,$APP.ls,$APP.Ot,new $APP.F(null,"noProgress","noProgress",-2114530658),$APP.Hq],[new $APP.M(null,1,[$APP.O,$APP.qj],null),new $APP.M(null,1,[$APP.O,$APP.Z],null),new $APP.M(null,1,[$APP.O,$APP.qj],null),new $APP.M(null,1,[$APP.O,$APP.qj],null),new $APP.M(null,1,[$APP.O,$APP.X],null),new $APP.M(null,2,[$APP.O,$APP.Z,$APP.pj,!0],null),new $APP.M(null,1,[$APP.O,$APP.X],null),new $APP.M(null,1,[$APP.O,$APP.Z],null),
|
|
44
44
|
new $APP.M(null,2,[$APP.O,$APP.qj,$APP.pj,!0],null),new $APP.M(null,1,[$APP.O,$APP.X],null),new $APP.M(null,1,[$APP.O,$APP.qj],null),new $APP.M(null,2,[$APP.O,$APP.Z,$APP.pj,!0],null),new $APP.M(null,1,[$APP.O,$APP.qj],null),new $APP.M(null,1,[$APP.O,$APP.X],null)]);
|
|
45
|
-
$APP.he(["x-scroll-timeline-entry-change",new $APP.M(null,2,[$APP.V,new $APP.M(null,4,[$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.
|
|
45
|
+
$APP.he(["x-scroll-timeline-entry-change",new $APP.M(null,2,[$APP.V,new $APP.M(null,4,[$APP.Fp,$APP.Z,$APP.lt,$APP.X,$APP.Br,$APP.Z,$APP.Yu,$APP.X],null),$APP.Yt,!1],null),"x-scroll-timeline-entry-enter",new $APP.M(null,2,[$APP.V,new $APP.M(null,3,[$APP.Fp,$APP.Z,$APP.lt,$APP.X,$APP.Ot,$APP.Z],null),$APP.Yt,!1],null),"x-scroll-timeline-entry-leave",new $APP.M(null,2,[$APP.V,new $APP.M(null,3,[$APP.Fp,$APP.Z,$APP.lt,$APP.X,$APP.Ot,$APP.Z],null),$APP.Yt,!1],null),"x-scroll-timeline-progress",new $APP.M(null,
|
|
46
|
+
2,[$APP.V,new $APP.M(null,3,[$APP.Ot,$APP.Z,$APP.Vr,$APP.Z,$APP.rt,$APP.X],null),$APP.Yt,!1],null),"x-scroll-timeline-enter",new $APP.M(null,2,[$APP.V,new $APP.M(null,1,[$APP.Ot,$APP.Z],null),$APP.Yt,!1],null),"x-scroll-timeline-leave",new $APP.M(null,2,[$APP.V,new $APP.M(null,1,[$APP.Ot,$APP.Z],null),$APP.Yt,!1],null),"x-scroll-timeline-autoplay-pause",new $APP.M(null,2,[$APP.V,new $APP.M(null,3,[$APP.Ot,$APP.Z,$APP.Vr,$APP.Z,$APP.rt,$APP.X],null),$APP.Yt,!1],null),"x-scroll-timeline-autoplay-resume",
|
|
47
|
+
new $APP.M(null,2,[$APP.V,new $APP.M(null,3,[$APP.Ot,$APP.Z,$APP.Vr,$APP.Z,$APP.rt,$APP.X],null),$APP.Yt,!1],null)]);var cba=new $APP.ah(null,new $APP.M(null,3,["right",null,"left",null,"alternating",null],null),null),eba=new $APP.ah(null,new $APP.M(null,2,["curved",null,"straight",null],null),null),dba=new $APP.ah(null,new $APP.M(null,3,["ring",null,"none",null,"dot",null],null),null);$APP.fa("baredom.exports.x_scroll_timeline.init",aI);export const init=aI;
|
package/dist/x-scroll.js
CHANGED
|
@@ -1,39 +1,39 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var i9=function(a,b){if(typeof a==="string"){a=parseInt(a.trim(),10);var c=isNaN(a);return $APP.n($APP.n(c)?c:a<0)?b:a}return b},j9=function(a){return $APP.
|
|
3
|
-
a>0},p9=function(a,b){var c=$APP.G(a);a=$APP.C(c,$APP.
|
|
2
|
+
var i9=function(a,b){if(typeof a==="string"){a=parseInt(a.trim(),10);var c=isNaN(a);return $APP.n($APP.n(c)?c:a<0)?b:a}return b},j9=function(a){return $APP.So.j(500,i9(a,5E3))},k9=function(a){return i9(a,0)},l9=function(a){return i9(a,0)},m9=function(a,b){return $APP.n(a)?b>=3:a},n9=function(a,b,c,d){a+=b;return $APP.n(m9(d,c))?c<=0?0:$APP.sd($APP.sd(a,c)+c,c):c<=0?0:$APP.So.j(0,$APP.Bo.j(a,c-1))},o9=function(a,b){var c=$APP.G(a);a=$APP.C(c,$APP.Fr);c=$APP.C(c,$APP.kt);return $APP.n(m9(c,b))?b>0:
|
|
3
|
+
a>0},p9=function(a,b){var c=$APP.G(a);a=$APP.C(c,$APP.Fr);c=$APP.C(c,$APP.kt);return $APP.n(m9(c,b))?b>0:a<b-1},r9=function(a){var b=$APP.l(a,"__xScrollRefs");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("slot"),h=document.createElement("button"),k=document.createElement("button"),m=document.createElement("div"),r=document.createElement("div");c.textContent=":host{display:block;position:relative;overflow:hidden;color-scheme:light dark;--x-scroll-gap:0px;--x-scroll-padding:0px;--x-scroll-border-radius:0px;--x-scroll-bg:transparent;--x-scroll-control-size:36px;--x-scroll-control-bg:var(--x-color-bg,rgba(255,255,255,0.9));--x-scroll-control-color:var(--x-color-text,rgba(0,0,0,0.7));--x-scroll-control-hover-bg:var(--x-color-bg,rgba(255,255,255,1));--x-scroll-control-border-radius:50%;--x-scroll-control-shadow:var(--x-shadow-md,0 2px 8px rgba(0,0,0,.15));--x-scroll-indicator-size:8px;--x-scroll-indicator-gap:6px;--x-scroll-indicator-color:var(--x-color-text-muted,rgba(0,0,0,0.25));--x-scroll-indicator-active-color:var(--x-color-text,rgba(0,0,0,0.7));--x-scroll-transition-duration:var(--x-transition-duration,300ms);--x-scroll-slide-size:100%;--x-scroll-disabled-opacity:0.55;--x-scroll-focus-ring:var(--x-color-focus-ring,rgba(0,102,204,0.6));}@media (prefers-color-scheme:dark){:host{--x-scroll-control-bg:var(--x-color-bg,rgba(40,40,40,0.9));--x-scroll-control-color:var(--x-color-text,rgba(255,255,255,0.8));--x-scroll-control-hover-bg:var(--x-color-bg,rgba(50,50,50,1));--x-scroll-control-shadow:var(--x-shadow-md,0 2px 8px rgba(0,0,0,.4));--x-scroll-indicator-color:var(--x-color-text-muted,rgba(255,255,255,0.3));--x-scroll-indicator-active-color:var(--x-color-text,rgba(255,255,255,0.8));--x-scroll-focus-ring:var(--x-color-focus-ring,rgba(100,180,255,0.7));}}[part\x3dviewport]{position:relative;overflow:hidden;width:100%;height:100%;border-radius:var(--x-scroll-border-radius);background:var(--x-scroll-bg);padding:var(--x-scroll-padding);}[part\x3dtrack]{display:flex;position:relative;will-change:transform;transition:transform var(--x-scroll-transition-duration) cubic-bezier(0.25,0.1,0.25,1);touch-action:none;user-select:none;}:host([data-mode\x3dhorizontal]) [part\x3dtrack]{flex-direction:row;}:host([data-mode\x3dvertical]) [part\x3dtrack]{flex-direction:column;}::slotted(*){flex:0 0 var(--x-scroll-slide-size);min-width:0;box-sizing:border-box;}:host([data-mode\x3dhorizontal]) ::slotted(*){min-height:0;}[part\x3dprev],[part\x3dnext]{position:absolute;top:50%;z-index:2;appearance:none;border:0;margin:0;padding:0;width:var(--x-scroll-control-size);height:var(--x-scroll-control-size);border-radius:var(--x-scroll-control-border-radius);background:var(--x-scroll-control-bg);color:var(--x-scroll-control-color);box-shadow:var(--x-scroll-control-shadow);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:calc(var(--x-scroll-control-size) * 0.5);line-height:1;transform:translateY(-50%);transition:background 120ms ease,opacity 120ms ease;}[part\x3dprev]{left:8px;}[part\x3dnext]{right:8px;}:host([data-mode\x3dvertical]) [part\x3dprev],:host([data-mode\x3dvertical]) [part\x3dnext]{top:auto;left:50%;transform:translateX(-50%);}:host([data-mode\x3dvertical]) [part\x3dprev]{top:8px;}:host([data-mode\x3dvertical]) [part\x3dnext]{bottom:8px;top:auto;}[part\x3dprev]:hover,[part\x3dnext]:hover{background:var(--x-scroll-control-hover-bg);}[part\x3dprev]:focus,[part\x3dnext]:focus{outline:none;}[part\x3dprev]:focus-visible,[part\x3dnext]:focus-visible{outline:2px solid var(--x-scroll-focus-ring);outline-offset:2px;}[part\x3dprev]:disabled,[part\x3dnext]:disabled{opacity:0.3;cursor:default;pointer-events:none;}[data-hide-controls] [part\x3dprev],[data-hide-controls] [part\x3dnext]{display:none;}[part\x3dindicators]{display:flex;justify-content:center;gap:var(--x-scroll-indicator-gap);position:absolute;bottom:12px;left:50%;transform:translateX(-50%);z-index:2;}:host([data-mode\x3dvertical]) [part\x3dindicators]{flex-direction:column;bottom:auto;left:auto;right:12px;top:50%;transform:translateY(-50%);}[part\x3dindicator]{appearance:none;border:0;margin:0;padding:0;width:var(--x-scroll-indicator-size);height:var(--x-scroll-indicator-size);border-radius:50%;background:var(--x-scroll-indicator-color);cursor:pointer;transition:background 120ms ease;}[part\x3dindicator]:focus{outline:none;}[part\x3dindicator]:focus-visible{outline:2px solid var(--x-scroll-focus-ring);outline-offset:2px;}[part\x3dindicator][aria-selected\x3dtrue]{background:var(--x-scroll-indicator-active-color);}[part\x3dlive]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;}:host([disabled]){opacity:var(--x-scroll-disabled-opacity);pointer-events:none;}@media (prefers-reduced-motion:reduce){[part\x3dtrack]{transition:none !important;}}";
|
|
4
4
|
$APP.T(d,"part","viewport");$APP.T(d,"role","region");$APP.T(d,"aria-roledescription","carousel");$APP.T(e,"part","track");e.appendChild(f);d.appendChild(e);$APP.T(h,"part","prev");$APP.T(h,"type","button");$APP.T(h,"aria-label","Previous slide");h.textContent="‹";$APP.T(k,"part","next");$APP.T(k,"type","button");$APP.T(k,"aria-label","Next slide");k.textContent="›";$APP.T(m,"part","indicators");$APP.T(m,"role","tablist");$APP.T(m,"aria-label","Slide indicators");$APP.T(r,"part","live");$APP.T(r,
|
|
5
|
-
"aria-live","polite");$APP.T(r,"aria-atomic","true");b.appendChild(c);b.appendChild(d);b.appendChild(h);b.appendChild(k);b.appendChild(m);b.appendChild(r);$APP.Q(a,"__xScrollRefs",new $APP.M(null,8,[$APP.
|
|
6
|
-
null,a.getAttribute("mode"),$APP.n(a.hasAttribute("loop"))?"":null,a.getAttribute("gap"),$APP.n(a.hasAttribute("show-indicators"))?"":null,a.getAttribute("interval"),$APP.n(a.hasAttribute("disabled"))?"":null,a.getAttribute("snap"),a.getAttribute("active-index")]);var b=$APP.G(a),c=$APP.C(b,w9);a=$APP.C(b,$APP.
|
|
7
|
-
c=typeof c==="string"?c.trim().toLowerCase():null;c=$APP.
|
|
8
|
-
$APP.
|
|
9
|
-
b,c){for(var d=0;;)if(d<b){var e=$APP.td(b);a[d].style.order=""+$APP.P.i($APP.sd(d-c+e+b,b)-e);d+=1}else break},L9=function(a,b){var c=r9(a);c=$APP.G(c);var d=$APP.C(c,$APP.
|
|
10
|
-
return G9(c,E9(b)?"translateX("+$APP.P.i(-a)+"px)":"translateY("+$APP.P.i(-a)+"px)")}return null},
|
|
11
|
-
E),f.style.transition="none",K9(h,k,$APP.
|
|
12
|
-
d.call(null,m)}}(h,k,b,a,e,f,f));f.appendChild(k);h+=1}else break},
|
|
13
|
-
return $APP.n(c)?$APP.p($APP.
|
|
14
|
-
arguments[1],null);case 3:return O9(arguments[0],arguments[1],arguments[2]);default:throw Error(["Invalid arity: ",arguments.length].join(""));}},O9=function(a,b,c){var d=function(){var r=$APP.l(a,"__xScrollModel");return $APP.n(r)?r:B9(a)}(),e=function(){var r=$APP.l(a,"__xScrollChildCount");return $APP.n(r)?r:C9(a).length}(),f=$APP.
|
|
15
|
-
(c=$APP.n(c)?c:b>0?1:-1,b=c>0?"forward":"backward",!(e>0&&(c>0&&k<f||c<0&&k>f))||$APP.fj(a,"x-scroll-loop",$APP.
|
|
16
|
-
"Slide "+$APP.P.i(k+1)+" of "+$APP.P.i(e);$APP.dj(a,"x-scroll-change",$APP.
|
|
17
|
-
$APP.l(a,"__xScrollModel");return $APP.n(d)?d:B9(a)}(),c=function(){var d=$APP.l(a,"__xScrollChildCount");return $APP.n(d)?d:C9(a).length}();b=n9($APP.
|
|
18
|
-
var d=function(){var k=$APP.l(a,"__xScrollModel");return $APP.n(k)?k:B9(a)}();if($APP.n($APP.
|
|
5
|
+
"aria-live","polite");$APP.T(r,"aria-atomic","true");b.appendChild(c);b.appendChild(d);b.appendChild(h);b.appendChild(k);b.appendChild(m);b.appendChild(r);$APP.Q(a,"__xScrollRefs",new $APP.M(null,8,[$APP.Sk,b,$APP.Rq,d,$APP.Hq,e,$APP.nn,f,$APP.Lq,h,$APP.up,k,q9,m,$APP.aq,r],null));return $APP.l(a,"__xScrollRefs")},B9=function(a){a=$APP.ug([s9,$APP.Zj,t9,$APP.Zl,u9,$APP.yq,v9,$APP.Gp,$APP.Iq,w9,$APP.bt],[a.getAttribute("show-controls"),a.getAttribute("label"),$APP.n(a.hasAttribute("auto-play"))?"":
|
|
6
|
+
null,a.getAttribute("mode"),$APP.n(a.hasAttribute("loop"))?"":null,a.getAttribute("gap"),$APP.n(a.hasAttribute("show-indicators"))?"":null,a.getAttribute("interval"),$APP.n(a.hasAttribute("disabled"))?"":null,a.getAttribute("snap"),a.getAttribute("active-index")]);var b=$APP.G(a),c=$APP.C(b,w9);a=$APP.C(b,$APP.Gp);var d=$APP.C(b,$APP.Iq),e=$APP.C(b,$APP.bt),f=$APP.C(b,s9),h=$APP.C(b,$APP.Zj),k=$APP.C(b,t9),m=$APP.C(b,$APP.Zl),r=$APP.C(b,u9),t=$APP.C(b,$APP.yq);b=$APP.C(b,v9);e=k9(e);f=$APP.Ii(f);
|
|
7
|
+
c=typeof c==="string"?c.trim().toLowerCase():null;c=$APP.bd(zta,c)?c:"none";m=typeof m==="string"?m.trim().toLowerCase():null;m=$APP.bd(Ata,m)?m:"horizontal";return $APP.ug([$APP.Fr,x9,y9,$APP.em,z9,A9,$APP.hk,$APP.zr,$APP.kt,$APP.Is,$APP.ik],[e,f,c,m,b!=null,k!=null,$APP.n(h)?h:"",l9(t),r!=null,j9(a),d!=null])},C9=function(a){a=r9(a);a=$APP.G(a);return $APP.C(a,$APP.nn).assignedElements()},D9=function(){return $APP.D(window.matchMedia("(prefers-reduced-motion:reduce)").matches)},E9=function(a){return $APP.z.j("horizontal",
|
|
8
|
+
$APP.em.i(a))},F9=function(a,b){a=C9(a);return a.length>0?(a=a[0].getBoundingClientRect(),E9(b)?a.width:a.height):0},G9=function(a,b){return a.style.transform=b},H9=function(a,b){a=a.getBoundingClientRect();return $APP.z.j("horizontal",$APP.em.i(b))?a.width:a.height},I9=function(a,b,c){switch(a){case "center":return(b-c)/2;case "end":return b-c;default:return 0}},J9=function(a,b,c,d,e){a=$APP.td(a)*(b+c)-d;return $APP.n(e)?"translateX("+$APP.P.i(-a)+"px)":"translateY("+$APP.P.i(-a)+"px)"},K9=function(a,
|
|
9
|
+
b,c){for(var d=0;;)if(d<b){var e=$APP.td(b);a[d].style.order=""+$APP.P.i($APP.sd(d-c+e+b,b)-e);d+=1}else break},L9=function(a,b){var c=r9(a);c=$APP.G(c);var d=$APP.C(c,$APP.Rq);c=$APP.C(c,$APP.Hq);var e=C9(a),f=e.length,h=F9(a,b),k=$APP.zr.i(b),m=$APP.Fr.i(b),r=m9($APP.kt.i(b),f);d=H9(d,b);d=I9(y9.i(b),d,h);$APP.Q(a,"__xScrollChildCount",f);if(f>0){c.style.gap=""+$APP.P.i(k)+"px";if($APP.n(r))return K9(e,f,m),G9(c,J9(f,h,k,d,E9(b)));for(a=0;;)if(a<f)e[a].style.order="",a+=1;else break;a=m*(h+k)-d;
|
|
10
|
+
return G9(c,E9(b)?"translateX("+$APP.P.i(-a)+"px)":"translateY("+$APP.P.i(-a)+"px)")}return null},Bta=function(a,b,c){var d=r9(a);d=$APP.G(d);var e=$APP.C(d,$APP.Rq),f=$APP.C(d,$APP.Hq),h=C9(a),k=h.length,m=F9(a,b),r=$APP.zr.i(b),t=E9(b);a=H9(e,b);var x=I9(y9.i(b),a,m);c=-($APP.td(k)*(m+r)-x+c*(m+r));G9(f,t?"translateX("+$APP.P.i(c)+"px)":"translateY("+$APP.P.i(c)+"px)");D9()?(K9(h,k,$APP.Fr.i(b)),G9(f,J9(k,m,r,x,t))):f.addEventListener("transitionend",function E(A){return $APP.z.j(A.target,f)?(f.removeEventListener("transitionend",
|
|
11
|
+
E),f.style.transition="none",K9(h,k,$APP.Fr.i(b)),G9(f,J9(k,m,r,x,t)),f.offsetHeight,f.style.transition=""):null})},M9=function(a,b,c,d){a=r9(a);var e=$APP.G(a),f=$APP.C(e,q9);f.innerHTML="";for(var h=0;;)if(h<b){var k=document.createElement("button");$APP.T(k,"part","indicator");$APP.T(k,"type","button");$APP.T(k,"role","tab");$APP.T(k,"aria-label","Slide "+$APP.P.i(h+1));$APP.T(k,"aria-selected",""+$APP.P.i($APP.z.j(h,c)));k.addEventListener("click",function(m){return function(){return d.i?d.i(m):
|
|
12
|
+
d.call(null,m)}}(h,k,b,a,e,f,f));f.appendChild(k);h+=1}else break},Cta=function(a,b){a=r9(a);a=$APP.G(a);a=$APP.C(a,q9).children;for(var c=a.length,d=0;;)if(d<c)$APP.T(a[d],"aria-selected",""+$APP.P.i($APP.z.j(d,b))),d+=1;else break},N9=function(a){var b=$APP.l(a,"__xScrollAutoplayTid");return $APP.n(b)?(clearInterval(b),$APP.Q(a,"__xScrollAutoplayTid",null)):null},P9=function(a){N9(a);var b=function(){var c=$APP.l(a,"__xScrollModel");return $APP.n(c)?c:B9(a)}();return $APP.n(function(){var c=A9.i(b);
|
|
13
|
+
return $APP.n(c)?$APP.p($APP.ik.i(b)):c}())?$APP.Q(a,"__xScrollAutoplayTid",setInterval(function(){if($APP.n(a.isConnected)){var c=C9(a).length;if(c>0){var d=$APP.Fr.i(function(){var f=$APP.l(a,"__xScrollModel");return $APP.n(f)?f:B9(a)}()),e=function(){var f=$APP.l(a,"__xScrollModel");return $APP.n(f)?f:B9(a)}();c=n9(d,1,c,$APP.kt.i(e));return $APP.I(d,c)?O9?O9(a,c,1):Dta.call(null,a,c,1):null}}return null},$APP.Is.i(b))):null},Q9=function(a){N9(a);return P9(a)},Dta=function(a){switch(arguments.length){case 2:return O9(arguments[0],
|
|
14
|
+
arguments[1],null);case 3:return O9(arguments[0],arguments[1],arguments[2]);default:throw Error(["Invalid arity: ",arguments.length].join(""));}},O9=function(a,b,c){var d=function(){var r=$APP.l(a,"__xScrollModel");return $APP.n(r)?r:B9(a)}(),e=function(){var r=$APP.l(a,"__xScrollChildCount");return $APP.n(r)?r:C9(a).length}(),f=$APP.Fr.i(d);if(e>0&&$APP.p($APP.ik.i(d))){var h=m9($APP.kt.i(d),e),k=$APP.n(h)?e<=0?0:$APP.sd($APP.sd(b,e)+e,e):e<=0?0:$APP.So.j(0,$APP.Bo.j(b,e-1));b=k-f;if($APP.I(k,f)&&
|
|
15
|
+
(c=$APP.n(c)?c:b>0?1:-1,b=c>0?"forward":"backward",!(e>0&&(c>0&&k<f||c<0&&k>f))||$APP.fj(a,"x-scroll-loop",$APP.tm(new $APP.M(null,1,[$APP.Yq,b],null))))){$APP.dj(a,"x-scroll-start",$APP.tm(new $APP.M(null,2,[$APP.Yq,b,$APP.Vr,f],null)));d=$APP.Yg.m(d,$APP.Fr,k);$APP.Q(a,"__xScrollModel",d);$APP.T(a,"active-index",""+$APP.P.i(k));$APP.n(h)?Bta(a,d,c):L9(a,d);Cta(a,k);h=r9(a);b=$APP.G(h);h=$APP.C(b,$APP.Lq);c=$APP.C(b,$APP.up);b=$APP.C(b,$APP.aq);h.disabled=!o9(d,e);c.disabled=!p9(d,e);b.textContent=
|
|
16
|
+
"Slide "+$APP.P.i(k+1)+" of "+$APP.P.i(e);$APP.dj(a,"x-scroll-change",$APP.tm(new $APP.M(null,2,[$APP.Vr,k,$APP.Br,f],null)));if(D9())$APP.dj(a,"x-scroll-end",$APP.tm(new $APP.M(null,1,[$APP.Vr,k],null)));else{e=r9(a);e=$APP.G(e);var m=$APP.C(e,$APP.Hq);m.addEventListener("transitionend",function x(t){return $APP.z.j(t.target,m)?(m.removeEventListener("transitionend",x),$APP.dj(a,"x-scroll-end",$APP.tm(new $APP.M(null,1,[$APP.Vr,k],null)))):null})}return Q9(a)}}return null},R9=function(a){var b=function(){var d=
|
|
17
|
+
$APP.l(a,"__xScrollModel");return $APP.n(d)?d:B9(a)}(),c=function(){var d=$APP.l(a,"__xScrollChildCount");return $APP.n(d)?d:C9(a).length}();b=n9($APP.Fr.i(b),1,c,$APP.kt.i(b));return O9(a,b,1)},S9=function(a){var b=function(){var d=$APP.l(a,"__xScrollModel");return $APP.n(d)?d:B9(a)}(),c=function(){var d=$APP.l(a,"__xScrollChildCount");return $APP.n(d)?d:C9(a).length}();b=n9($APP.Fr.i(b),-1,c,$APP.kt.i(b));return O9(a,b,-1)},Eta=function(a,b){function c(k){return T9.j?T9.j(a,k):T9.call(null,a,k)}
|
|
18
|
+
var d=function(){var k=$APP.l(a,"__xScrollModel");return $APP.n(k)?k:B9(a)}();if($APP.n($APP.ik.i(d)))return null;var e=r9(a);e=$APP.G(e);e=$APP.C(e,$APP.Hq);var f=E9(d);e.style.transition="none";N9(a);var h=function r(m){window.removeEventListener("pointermove",c);window.removeEventListener("pointerup",r);return U9.j?U9.j(a,m):U9.call(null,a,m)};window.addEventListener("pointermove",c);window.addEventListener("pointerup",h);return $APP.Q(a,"__xScrollDragState",function(){var m={};m.startX=b.clientX;
|
|
19
19
|
m.startTime=Date.now();m.startY=b.clientY;m.upH=h;m.moveH=c;m.isDragging=!1;m.lastY=b.clientY;m.lastTime=Date.now();m.horiz=f;m.lastX=b.clientX;return m}())},T9=function(a,b){var c=$APP.l(a,"__xScrollDragState");if($APP.n(c)){b.preventDefault();var d=$APP.l(c,"horiz"),e=($APP.n(d)?b.clientX:b.clientY)-($APP.n(d)?$APP.l(c,"startX"):$APP.l(c,"startY"));$APP.p($APP.l(c,"isDragging"))&&Math.abs(e)>3&&(c.isDragging=!0);if($APP.n($APP.l(c,"isDragging"))){c.lastX=b.clientX;c.lastY=b.clientY;$APP.ja(c,"lastTime",
|
|
20
|
-
Date.now());b=r9(a);b=$APP.G(b);var f=$APP.C(b,$APP.
|
|
21
|
-
$APP.P.i(e)+"px)")}}return null},U9=function(a,b){var c=$APP.l(a,"__xScrollDragState");if($APP.n(c)){$APP.Q(a,"__xScrollDragState",null);var d=r9(a);d=$APP.G(d);$APP.C(d,$APP.
|
|
22
|
-
$APP.l(a,"__xScrollChildCount");return $APP.n(k)?k:C9(a).length}();d=$APP.
|
|
23
|
-
$APP.z.j(d,"ArrowDown")?(R9(a),d=!0):$APP.z.j(d,"Home")?(O9(a,0,null),d=!0):d=$APP.z.j(d,"End")&&function(){var e=$APP.l(a,"__xScrollChildCount");e=$APP.n(e)?e:C9(a).length;O9(a,e-1,null);return!0}();return d?b.preventDefault():null},
|
|
24
|
-
function(){var h=$APP.l(a,"__xScrollModel");return $APP.n(h)?h:B9(a)}();d=r9(a);var e=$APP.G(d);d=$APP.C(e,$APP.
|
|
25
|
-
N9(a):Q9(a)}function h(){return
|
|
26
|
-
e);a.addEventListener("pointerleave",d);a.addEventListener("focusin",c);a.addEventListener("focusout",b);$APP.Q(a,"__xScrollHandlers",{slot:h,focusin:c,keydown:m,vis:f,enter:e,next:r,leave:d,prev:t,pdown:k,focusout:b})},V9=function(a){N9(a);var b=$APP.l(a,"__xScrollHandlers"),c=$APP.l(a,"__xScrollRefs");if($APP.n($APP.n(b)?c:b)){var d=$APP.
|
|
20
|
+
Date.now());b=r9(a);b=$APP.G(b);var f=$APP.C(b,$APP.Rq);b=$APP.C(b,$APP.Hq);var h=function(){var x=$APP.l(a,"__xScrollModel");return $APP.n(x)?x:B9(a)}(),k=F9(a,h),m=$APP.zr.i(h);c=function(){var x=$APP.l(a,"__xScrollChildCount");return $APP.n(x)?x:C9(a).length}();var r=$APP.Fr.i(h),t=m9($APP.kt.i(h),c);f=H9(f,h);f=I9(y9.i(h),f,k);k=($APP.n(t)?$APP.td(c)*(k+m):r*(k+m))-f;e=($APP.p(t)&&(e<0&&$APP.z.j(r,c-1)||e>0&&$APP.z.j(r,0))?e*.3:e)-k;return G9(b,$APP.n(d)?"translateX("+$APP.P.i(e)+"px)":"translateY("+
|
|
21
|
+
$APP.P.i(e)+"px)")}}return null},U9=function(a,b){var c=$APP.l(a,"__xScrollDragState");if($APP.n(c)){$APP.Q(a,"__xScrollDragState",null);var d=r9(a);d=$APP.G(d);$APP.C(d,$APP.Hq).style.transition="";if($APP.n($APP.l(c,"isDragging"))){d=$APP.l(c,"horiz");b=($APP.n(d)?b.clientX:b.clientY)-($APP.n(d)?$APP.l(c,"startX"):$APP.l(c,"startY"));c=Date.now()-$APP.l(c,"lastTime");var e=c>0?Math.abs(b)/c:0;c=function(){var k=$APP.l(a,"__xScrollModel");return $APP.n(k)?k:B9(a)}();var f=F9(a,c),h=function(){var k=
|
|
22
|
+
$APP.l(a,"__xScrollChildCount");return $APP.n(k)?k:C9(a).length}();d=$APP.Fr.i(c);e=e>.5?b<0?1:-1:Math.abs(b)>.5*f?b<0?1:-1:0;h=e===0?d:n9(d,e,h,$APP.kt.i(c));$APP.z.j(h,d)?L9(a,c):O9(a,h,b<0?1:-1);return Q9(a)}}return null},Fta=function(a,b){var c=function(){var e=$APP.l(a,"__xScrollModel");return $APP.n(e)?e:B9(a)}();if($APP.n($APP.ik.i(c)))return null;var d=b.key;(c=E9(c))&&$APP.z.j(d,"ArrowLeft")?(S9(a),d=!0):c&&$APP.z.j(d,"ArrowRight")?(R9(a),d=!0):!c&&$APP.z.j(d,"ArrowUp")?(S9(a),d=!0):!c&&
|
|
23
|
+
$APP.z.j(d,"ArrowDown")?(R9(a),d=!0):$APP.z.j(d,"Home")?(O9(a,0,null),d=!0):d=$APP.z.j(d,"End")&&function(){var e=$APP.l(a,"__xScrollChildCount");e=$APP.n(e)?e:C9(a).length;O9(a,e-1,null);return!0}();return d?b.preventDefault():null},Gta=function(a){var b=function(){var h=$APP.l(a,"__xScrollModel");return $APP.n(h)?h:B9(a)}(),c=C9(a).length;$APP.Q(a,"__xScrollChildCount",c);if(c>0&&$APP.Fr.i(b)>=c){var d=c-1;$APP.T(a,"active-index",""+$APP.P.i(d));$APP.Q(a,"__xScrollModel",$APP.Yg.m(b,$APP.Fr,d))}b=
|
|
24
|
+
function(){var h=$APP.l(a,"__xScrollModel");return $APP.n(h)?h:B9(a)}();d=r9(a);var e=$APP.G(d);d=$APP.C(e,$APP.Lq);var f=$APP.C(e,$APP.up);e=$APP.C(e,$APP.aq);$APP.n(z9.i(b))&&M9(a,c,$APP.Fr.i(b),function(h){return O9(a,h,null)});d.disabled=!o9(b,c);f.disabled=!p9(b,c);c>0&&(e.textContent="Slide "+$APP.P.i($APP.Fr.i(b)+1)+" of "+$APP.P.i(c));return L9(a,b)},Hta=function(a){function b(){return Q9(a)}function c(){return N9(a)}function d(){return Q9(a)}function e(){return N9(a)}function f(){return $APP.n(document.hidden)?
|
|
25
|
+
N9(a):Q9(a)}function h(){return Gta(a)}function k(H){return Eta(a,H)}function m(H){return Fta(a,H)}function r(){return R9(a)}function t(){return S9(a)}var x=r9(a),y=$APP.G(x);x=$APP.C(y,$APP.Lq);var A=$APP.C(y,$APP.up),E=$APP.C(y,$APP.nn);y=$APP.C(y,$APP.Rq);x.addEventListener("click",t);A.addEventListener("click",r);a.addEventListener("keydown",m);y.addEventListener("pointerdown",k);E.addEventListener("slotchange",h);document.addEventListener("visibilitychange",f);a.addEventListener("pointerenter",
|
|
26
|
+
e);a.addEventListener("pointerleave",d);a.addEventListener("focusin",c);a.addEventListener("focusout",b);$APP.Q(a,"__xScrollHandlers",{slot:h,focusin:c,keydown:m,vis:f,enter:e,next:r,leave:d,prev:t,pdown:k,focusout:b})},V9=function(a){N9(a);var b=$APP.l(a,"__xScrollHandlers"),c=$APP.l(a,"__xScrollRefs");if($APP.n($APP.n(b)?c:b)){var d=$APP.Lq.i(c),e=$APP.up.i(c),f=$APP.nn.i(c);c=$APP.Rq.i(c);var h=$APP.l(b,"prev");$APP.n(h)&&d.removeEventListener("click",h);d=$APP.l(b,"next");$APP.n(d)&&e.removeEventListener("click",
|
|
27
27
|
d);e=$APP.l(b,"keydown");$APP.n(e)&&a.removeEventListener("keydown",e);e=$APP.l(b,"pdown");$APP.n(e)&&c.removeEventListener("pointerdown",e);c=$APP.l(a,"__xScrollDragState");$APP.n(c)&&(e=$APP.l(c,"moveH"),$APP.n(e)&&window.removeEventListener("pointermove",e),c=$APP.l(c,"upH"),$APP.n(c)&&window.removeEventListener("pointerup",c),$APP.Q(a,"__xScrollDragState",null));c=$APP.l(b,"slot");$APP.n(c)&&f.removeEventListener("slotchange",c);f=$APP.l(b,"vis");$APP.n(f)&&document.removeEventListener("visibilitychange",
|
|
28
|
-
f);f=$APP.l(b,"enter");$APP.n(f)&&a.removeEventListener("pointerenter",f);f=$APP.l(b,"leave");$APP.n(f)&&a.removeEventListener("pointerleave",f);f=$APP.l(b,"focusin");$APP.n(f)&&a.removeEventListener("focusin",f);b=$APP.l(b,"focusout");$APP.n(b)&&a.removeEventListener("focusout",b)}$APP.Q(a,"__xScrollHandlers",null)},
|
|
29
|
-
$APP.l(a,"__xScrollModel");d=$APP.n(d)?d:B9(a);return L9(a,d)}return null});c.observe(b);$APP.Q(a,"__xScrollResizeObs",c)},
|
|
30
|
-
"data-hide-controls"):$APP.T(a,"data-hide-controls","");$APP.q(h)?$APP.T(r,"aria-label",h):$APP.U(r,"aria-label");t.disabled=!o9(b,y);x.disabled=!p9(b,y);a.tabIndex=$APP.n(f)?-1:0;$APP.n(e)&&M9(a,y,k,function(A){return O9(a,A,null)});$APP.n(e)||(c=r9(a),c=$APP.G(c),$APP.C(c,q9).innerHTML="");y>0&&(m.textContent="Slide "+$APP.P.i(k+1)+" of "+$APP.P.i(y));L9(a,b);$APP.Q(a,"__xScrollModel",b)},W9=function(a){var b=B9(a);$APP.I($APP.l(a,"__xScrollModel"),b)&&
|
|
28
|
+
f);f=$APP.l(b,"enter");$APP.n(f)&&a.removeEventListener("pointerenter",f);f=$APP.l(b,"leave");$APP.n(f)&&a.removeEventListener("pointerleave",f);f=$APP.l(b,"focusin");$APP.n(f)&&a.removeEventListener("focusin",f);b=$APP.l(b,"focusout");$APP.n(b)&&a.removeEventListener("focusout",b)}$APP.Q(a,"__xScrollHandlers",null)},Ita=function(a){var b=$APP.l(a,"__xScrollResizeObs");$APP.n(b)&&b.disconnect();b=r9(a);b=$APP.G(b);b=$APP.C(b,$APP.Rq);var c=new ResizeObserver(function(){if($APP.n(a.isConnected)){var d=
|
|
29
|
+
$APP.l(a,"__xScrollModel");d=$APP.n(d)?d:B9(a);return L9(a,d)}return null});c.observe(b);$APP.Q(a,"__xScrollResizeObs",c)},Jta=function(a,b){b=$APP.G(b);var c=$APP.C(b,$APP.em),d=$APP.C(b,x9),e=$APP.C(b,z9),f=$APP.C(b,$APP.ik),h=$APP.C(b,$APP.hk),k=$APP.C(b,$APP.Fr),m=r9(a);m=$APP.G(m);var r=$APP.C(m,$APP.Rq),t=$APP.C(m,$APP.Lq),x=$APP.C(m,$APP.up);m=$APP.C(m,$APP.aq);var y=function(){var A=$APP.l(a,"__xScrollChildCount");return $APP.n(A)?A:C9(a).length}();$APP.T(a,"data-mode",c);$APP.n(d)?$APP.U(a,
|
|
30
|
+
"data-hide-controls"):$APP.T(a,"data-hide-controls","");$APP.q(h)?$APP.T(r,"aria-label",h):$APP.U(r,"aria-label");t.disabled=!o9(b,y);x.disabled=!p9(b,y);a.tabIndex=$APP.n(f)?-1:0;$APP.n(e)&&M9(a,y,k,function(A){return O9(a,A,null)});$APP.n(e)||(c=r9(a),c=$APP.G(c),$APP.C(c,q9).innerHTML="");y>0&&(m.textContent="Slide "+$APP.P.i(k+1)+" of "+$APP.P.i(y));L9(a,b);$APP.Q(a,"__xScrollModel",b)},W9=function(a){var b=B9(a);$APP.I($APP.l(a,"__xScrollModel"),b)&&Jta(a,b)},Kta=function(a){$APP.lj(a,"mode",
|
|
31
31
|
"mode","horizontal");$APP.lj(a,"snap","snap","none");$APP.ij(a,"loop","loop");$APP.ij(a,"autoPlay","auto-play");$APP.oj(a,"interval","interval",j9);$APP.ij(a,"showIndicators","show-indicators");$APP.oj(a,"activeIndex","active-index",k9);$APP.oj(a,"gap","gap",l9);$APP.ij(a,"disabled","disabled");$APP.jj(a,"showControls","show-controls");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.T(this,
|
|
32
|
-
"label",""+$APP.P.i(b)):$APP.U(this,"label")},enumerable:!0,configurable:!0});Object.defineProperty(a,"goTo",{value:function(b){return O9(this,b,null)},writable:!0,configurable:!0});Object.defineProperty(a,"next",{value:function(){return R9(this)},writable:!0,configurable:!0});return Object.defineProperty(a,"prev",{value:function(){return S9(this)},writable:!0,configurable:!0})},
|
|
33
|
-
$APP.n(b)&&(b.disconnect(),$APP.Q(a,"__xScrollResizeObs",null));a=C9(a);b=a.length;for(var c=0;;)if(c<b)a[c].style.order="",c+=1;else return null},
|
|
32
|
+
"label",""+$APP.P.i(b)):$APP.U(this,"label")},enumerable:!0,configurable:!0});Object.defineProperty(a,"goTo",{value:function(b){return O9(this,b,null)},writable:!0,configurable:!0});Object.defineProperty(a,"next",{value:function(){return R9(this)},writable:!0,configurable:!0});return Object.defineProperty(a,"prev",{value:function(){return S9(this)},writable:!0,configurable:!0})},Lta=function(a){r9(a);V9(a);Hta(a);Ita(a);W9(a);return P9(a)},Mta=function(a){V9(a);var b=$APP.l(a,"__xScrollResizeObs");
|
|
33
|
+
$APP.n(b)&&(b.disconnect(),$APP.Q(a,"__xScrollResizeObs",null));a=C9(a);b=a.length;for(var c=0;;)if(c<b)a[c].style.order="",c+=1;else return null},Nta=function(a,b,c,d){return $APP.I(c,d)?(W9(a),c=a.isConnected,b=$APP.n(c)?$APP.z.j(b,"auto-play")||$APP.z.j(b,"interval")||$APP.z.j(b,"disabled"):c,$APP.n(b)?Q9(a):null):null},X9=function(){return $APP.qi("x-scroll",new $APP.M(null,5,[$APP.hi,Ota,$APP.fi,Lta,$APP.ci,Mta,$APP.bi,Nta,$APP.gi,Kta],null))},y9=new $APP.F(null,"snap","snap",-51714904),w9=new $APP.F(null,
|
|
34
34
|
"snap-raw","snap-raw",828444409),A9=new $APP.F(null,"auto-play?","auto-play?",385278451),x9=new $APP.F(null,"show-controls?","show-controls?",1318868354),v9=new $APP.F(null,"show-indicators-attr","show-indicators-attr",1148535895),s9=new $APP.F(null,"show-controls-attr","show-controls-attr",-894641087),u9=new $APP.F(null,"loop-attr","loop-attr",-132212822),t9=new $APP.F(null,"auto-play-attr","auto-play-attr",329299716),z9=new $APP.F(null,"show-indicators?","show-indicators?",-370587412),q9=new $APP.F(null,
|
|
35
|
-
"indicators","indicators",1312373003);var
|
|
36
|
-
$APP.
|
|
35
|
+
"indicators","indicators",1312373003);var Ota="mode snap loop auto-play interval show-controls show-indicators active-index gap disabled label".split(" ");
|
|
36
|
+
$APP.ug([$APP.Mm,new $APP.F(null,"showIndicators","showIndicators",1780978055),y9,$APP.Vr,$APP.em,new $APP.F(null,"showControls","showControls",1591218925),$APP.su,$APP.hk,$APP.zr,new $APP.F(null,"autoPlay","autoPlay",-561263241),$APP.Is],[new $APP.M(null,1,[$APP.O,$APP.qj],null),new $APP.M(null,1,[$APP.O,$APP.qj],null),new $APP.M(null,1,[$APP.O,$APP.X],null),new $APP.M(null,1,[$APP.O,$APP.Z],null),new $APP.M(null,1,[$APP.O,$APP.X],null),new $APP.M(null,1,[$APP.O,$APP.qj],null),new $APP.M(null,1,
|
|
37
37
|
[$APP.O,$APP.qj],null),new $APP.M(null,1,[$APP.O,$APP.X],null),new $APP.M(null,1,[$APP.O,$APP.Z],null),new $APP.M(null,1,[$APP.O,$APP.qj],null),new $APP.M(null,1,[$APP.O,$APP.Z],null)]);
|
|
38
|
-
$APP.he(["x-scroll-change",new $APP.M(null,2,[$APP.V,new $APP.M(null,2,[$APP.
|
|
39
|
-
var
|
|
38
|
+
$APP.he(["x-scroll-change",new $APP.M(null,2,[$APP.V,new $APP.M(null,2,[$APP.Vr,$APP.Z,$APP.Br,$APP.Z],null),$APP.Yt,!1],null),"x-scroll-start",new $APP.M(null,2,[$APP.V,new $APP.M(null,2,[$APP.Yq,$APP.X,$APP.Vr,$APP.Z],null),$APP.Yt,!1],null),"x-scroll-end",new $APP.M(null,2,[$APP.V,new $APP.M(null,1,[$APP.Vr,$APP.Z],null),$APP.Yt,!1],null),"x-scroll-loop",new $APP.M(null,2,[$APP.V,new $APP.M(null,1,[$APP.Yq,$APP.X],null),$APP.Yt,!0],null)]);
|
|
39
|
+
var Ata=new $APP.ah(null,new $APP.M(null,2,["vertical",null,"horizontal",null],null),null),zta=new $APP.ah(null,new $APP.M(null,4,["none",null,"center",null,"start",null,"end",null],null),null);$APP.fa("baredom.exports.x_scroll.init",X9);export const init=X9;
|
package/dist/x-search-field.d.ts
CHANGED
|
@@ -10,14 +10,19 @@ export interface XSearchFieldEventMap {
|
|
|
10
10
|
}
|
|
11
11
|
|
|
12
12
|
export interface XSearchField extends HTMLElement {
|
|
13
|
-
|
|
14
|
-
|
|
13
|
+
readonly validationMessage: string;
|
|
14
|
+
readonly labels: NodeList | null;
|
|
15
|
+
readonly willValidate: boolean;
|
|
15
16
|
placeholder: string;
|
|
17
|
+
disabled: boolean;
|
|
18
|
+
debounce: number;
|
|
19
|
+
name: string;
|
|
20
|
+
value: string;
|
|
16
21
|
label: string;
|
|
17
22
|
autocomplete: string;
|
|
18
|
-
|
|
23
|
+
readonly form: HTMLFormElement | null;
|
|
19
24
|
required: boolean;
|
|
20
|
-
|
|
25
|
+
readonly validity: ValidityState;
|
|
21
26
|
checkValidity(): boolean;
|
|
22
27
|
reportValidity(): boolean;
|
|
23
28
|
|
package/dist/x-search-field.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
2
|
+
var zy=function(){return $APP.Bk()};$APP.fa("baredom.exports.x_search_field.init",zy);export const init=zy;
|
package/dist/x-select.d.ts
CHANGED
|
@@ -8,11 +8,18 @@ export interface XSelectEventMap {
|
|
|
8
8
|
}
|
|
9
9
|
|
|
10
10
|
export interface XSelect extends HTMLElement {
|
|
11
|
+
readonly validationMessage: string;
|
|
12
|
+
readonly labels: NodeList | null;
|
|
13
|
+
readonly willValidate: boolean;
|
|
11
14
|
disabled: boolean;
|
|
12
|
-
required: boolean;
|
|
13
|
-
value: string;
|
|
14
15
|
name: string;
|
|
16
|
+
value: string;
|
|
15
17
|
error: string;
|
|
18
|
+
readonly form: HTMLFormElement | null;
|
|
19
|
+
required: boolean;
|
|
20
|
+
readonly validity: ValidityState;
|
|
21
|
+
checkValidity(): boolean;
|
|
22
|
+
reportValidity(): boolean;
|
|
16
23
|
|
|
17
24
|
addEventListener<K extends keyof XSelectEventMap>(
|
|
18
25
|
type: K,
|
package/dist/x-select.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var n_=function(){return $APP.
|
|
2
|
+
var n_=function(){return $APP.fo()};$APP.fa("baredom.exports.x_select.init",n_);export const init=n_;
|