@vanelsas/baredom 4.0.0-alpha.0 → 4.0.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 +342 -6
- package/README.md +23 -10
- package/custom-elements.json +17352 -4514
- package/dist/baredom.d.ts +92 -94
- package/dist/baremirror-alpha.js +25 -0
- package/dist/base.js +700 -605
- package/dist/integrity.json +113 -113
- package/dist/requests.d.ts +3 -0
- package/dist/requests.js +35 -0
- package/dist/x-alert.js +17 -17
- package/dist/x-avatar-group.js +10 -9
- package/dist/x-avatar.js +14 -14
- package/dist/x-badge.js +9 -9
- package/dist/x-bento-grid.d.ts +5 -0
- package/dist/x-bento-grid.js +6 -5
- package/dist/x-bento-item.d.ts +3 -0
- package/dist/x-bento-item.js +4 -4
- package/dist/x-breadcrumbs.d.ts +6 -5
- package/dist/x-breadcrumbs.js +16 -14
- package/dist/x-button.d.ts +4 -0
- package/dist/x-button.js +1 -1
- package/dist/x-calendar.js +42 -39
- package/dist/x-cancel-dialogue.js +16 -14
- package/dist/x-card.d.ts +4 -0
- package/dist/x-card.js +7 -7
- package/dist/x-carousel.js +37 -35
- package/dist/x-chart.d.ts +2 -0
- package/dist/x-chart.js +48 -47
- 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 +29 -27
- package/dist/x-collapse.js +11 -11
- package/dist/x-color-picker.d.ts +7 -0
- package/dist/x-color-picker.js +48 -46
- package/dist/x-combobox.d.ts +12 -4
- package/dist/x-combobox.js +36 -30
- package/dist/x-command-palette.d.ts +9 -1
- package/dist/x-command-palette.js +32 -28
- package/dist/x-confetti.js +24 -24
- package/dist/x-container.d.ts +4 -0
- package/dist/x-container.js +6 -5
- package/dist/x-context-menu.js +20 -20
- package/dist/x-copy.js +1 -1
- package/dist/x-currency-field.d.ts +5 -0
- package/dist/x-currency-field.js +26 -24
- package/dist/x-date-picker.d.ts +20 -2
- package/dist/x-date-picker.js +46 -39
- package/dist/x-divider.js +9 -10
- package/dist/x-drag-panel.d.ts +45 -0
- package/dist/x-drag-panel.js +37 -0
- package/dist/x-drawer.js +12 -11
- package/dist/x-drop-zone.d.ts +49 -0
- package/dist/x-drop-zone.js +12 -0
- package/dist/x-dropdown.js +12 -12
- package/dist/x-fieldset.js +6 -6
- package/dist/x-file-download.d.ts +4 -0
- package/dist/x-file-download.js +15 -7
- package/dist/x-file-upload.d.ts +10 -5
- package/dist/x-file-upload.js +27 -23
- package/dist/x-floating-panel.d.ts +50 -0
- package/dist/x-floating-panel.js +25 -0
- package/dist/x-form-field.d.ts +11 -1
- package/dist/x-form-field.js +18 -15
- package/dist/x-form.js +10 -11
- package/dist/x-gaussian-blur.js +13 -14
- package/dist/x-grid.d.ts +9 -0
- package/dist/x-grid.js +8 -6
- package/dist/x-i18n-provider.js +7 -7
- package/dist/x-i18n.js +4 -4
- package/dist/x-icon.js +7 -7
- package/dist/x-image.js +19 -17
- package/dist/x-kbd.js +16 -16
- package/dist/x-kinetic-canvas.js +26 -26
- package/dist/x-kinetic-font.js +27 -27
- package/dist/x-kinetic-typography.js +35 -35
- package/dist/x-liquid-dock.js +34 -34
- package/dist/x-liquid-fill.js +42 -42
- package/dist/x-liquid-glass.js +42 -41
- package/dist/x-menu-item.js +9 -8
- package/dist/x-menu.js +10 -10
- package/dist/x-metaball-cursor.js +23 -23
- package/dist/x-modal.js +13 -12
- package/dist/x-morph-stack.js +38 -37
- package/dist/x-multi-combobox.d.ts +13 -5
- package/dist/x-multi-combobox.js +42 -36
- package/dist/x-navbar.js +16 -15
- package/dist/x-neural-glow.js +31 -30
- package/dist/x-notification-center.js +9 -9
- package/dist/x-organic-divider.js +18 -18
- package/dist/x-organic-progress.js +35 -35
- package/dist/x-organic-shape.js +13 -14
- package/dist/x-otp-input.d.ts +5 -0
- package/dist/x-otp-input.js +23 -22
- package/dist/x-pagination.js +16 -14
- package/dist/x-particle-button.d.ts +10 -1
- package/dist/x-particle-button.js +55 -51
- package/dist/x-popover.js +28 -27
- package/dist/x-progress-circle.js +8 -9
- package/dist/x-progress.js +8 -8
- package/dist/x-proximity-list.js +20 -20
- package/dist/x-radio.d.ts +10 -3
- package/dist/x-radio.js +13 -11
- package/dist/x-range-slider.d.ts +7 -0
- package/dist/x-range-slider.js +31 -28
- package/dist/x-rating.d.ts +7 -0
- package/dist/x-rating.js +25 -23
- package/dist/x-ripple-effect.js +10 -10
- package/dist/x-scroll-parallax.js +17 -17
- package/dist/x-scroll-stack.js +17 -17
- package/dist/x-scroll-story.js +33 -33
- package/dist/x-scroll-timeline.js +46 -46
- package/dist/x-scroll.js +39 -38
- package/dist/x-search-field.d.ts +10 -3
- package/dist/x-search-field.js +1 -1
- package/dist/x-select.d.ts +12 -2
- package/dist/x-select.js +1 -1
- package/dist/x-sidebar.d.ts +4 -0
- package/dist/x-sidebar.js +17 -18
- package/dist/x-skeleton-group.js +13 -12
- package/dist/x-skeleton.js +1 -1
- package/dist/x-slider.d.ts +7 -0
- package/dist/x-slider.js +17 -16
- package/dist/x-soft-body.js +20 -20
- package/dist/x-spacer.js +4 -4
- package/dist/x-spinner.js +4 -4
- package/dist/x-splash.js +13 -12
- package/dist/x-split-pane.js +15 -15
- package/dist/x-spotlight-card.js +13 -12
- package/dist/x-stat.js +10 -10
- package/dist/x-stepper.js +15 -13
- package/dist/x-switch.d.ts +10 -3
- package/dist/x-switch.js +12 -11
- package/dist/x-tab.d.ts +5 -0
- package/dist/x-tab.js +10 -7
- package/dist/x-table-cell.js +21 -21
- package/dist/x-table-row.js +9 -8
- package/dist/x-table.js +14 -13
- package/dist/x-tabs.d.ts +9 -0
- package/dist/x-tabs.js +11 -11
- package/dist/x-text-area.d.ts +12 -0
- package/dist/x-text-area.js +21 -19
- package/dist/x-theme.js +26 -25
- package/dist/x-timeline-item.js +21 -20
- package/dist/x-timeline.js +8 -8
- package/dist/x-toast.js +22 -22
- package/dist/x-toaster.js +7 -7
- package/dist/x-tooltip.js +14 -12
- package/dist/x-trace-history.js +119 -127
- package/dist/x-typography.js +9 -9
- package/dist/x-welcome-tour.js +63 -63
- package/package.json +25 -26
- package/dist/barebuild-action.d.ts +0 -45
- package/dist/barebuild-action.js +0 -9
- package/dist/barebuild-data.d.ts +0 -39
- package/dist/barebuild-data.js +0 -5
- package/dist/barebuild-invalidate-on.d.ts +0 -42
- package/dist/barebuild-invalidate-on.js +0 -5
- package/dist/barebuild-route.d.ts +0 -39
- package/dist/barebuild-route.js +0 -4
- package/dist/barebuild-router.d.ts +0 -41
- package/dist/barebuild-router.js +0 -13
package/dist/x-scroll-story.js
CHANGED
|
@@ -1,34 +1,34 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
$APP.
|
|
4
|
-
|
|
5
|
-
$APP
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
h);f=h}for(h=0;;)if(h<e){if(h<$APP.w(c)){k=$APP.
|
|
10
|
-
function(){var
|
|
11
|
-
"__xScrollStoryLastProg")
|
|
12
|
-
"__xScrollStoryModel");if($APP.
|
|
13
|
-
"__xScrollStoryAutoplayRAF",requestAnimationFrame(d))}}return null}},
|
|
14
|
-
e:-1}(),d=a.children;d=c>=0&&c<d.length?
|
|
15
|
-
e:0}(),c=function(){var e=$APP.l(a,"__xScrollStoryActiveIndex");return $APP.
|
|
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.
|
|
17
|
-
var b=$APP.l(a,"__xScrollStoryModel");if($APP.
|
|
18
|
-
(k.preventDefault(),
|
|
19
|
-
$APP.
|
|
20
|
-
$APP.l(a,"__xScrollStoryHandlers");$APP.
|
|
21
|
-
return $APP.
|
|
22
|
-
"__xScrollStoryStepStates",null);return $APP.
|
|
23
|
-
d)}b=$APP.l(b,"resize");$APP.
|
|
24
|
-
else break},
|
|
25
|
-
-1),$APP.
|
|
26
|
-
$APP.
|
|
27
|
-
$APP.l(this,"__xScrollStoryLastProg");return $APP.
|
|
28
|
-
null)))}
|
|
29
|
-
|
|
30
|
-
$APP.
|
|
31
|
-
|
|
32
|
-
$APP.
|
|
33
|
-
new $APP.
|
|
34
|
-
2,[$APP.
|
|
2
|
+
var Q7=function(a){return typeof a==="string"?(a=parseFloat(a.trim()),$APP.m(isNaN(a))?.5:$APP.Sm.j(0,$APP.Dk.j(1,a))):.5},R7=function(a){return typeof a==="string"?(a=parseFloat(a.trim()),$APP.m(isNaN(a))?.5:$APP.Sm.j(.1,$APP.Dk.j(.9,a))):.5},S7=function(a){return typeof a==="string"?(a=parseFloat(a.trim()),$APP.m(isNaN(a))?50:$APP.Sm.j(1,$APP.Dk.j(1E3,a))):50},XAa=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.Ec(a,d),k=$APP.G(h);h=$APP.C(k,
|
|
3
|
+
$APP.Ju);k=$APP.C(k,$APP.Vs);e=h<=b&&k>b?d:e;f=h<=b?d:f;d+=1}},U7=function(a){var b=$APP.l(a,"__xScrollStoryRefs");if($APP.m(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"),n=document.createElement("div");c.textContent=YAa;$APP.U(d,"part","container");$APP.U(d,"role","region");$APP.U(e,"part","media");$APP.U(h,
|
|
4
|
+
"name","media");var r=document.createElement("div");$APP.U(r,"part","indicator");e.appendChild(r);e.appendChild(h);$APP.U(f,"part","steps");f.appendChild(k);d.appendChild(e);d.appendChild(f);$APP.U(n,"part","live");$APP.U(n,"aria-live","polite");$APP.U(n,"aria-atomic","true");b.appendChild(c);b.appendChild(d);b.appendChild(n);$APP.T(a,"__xScrollStoryRefs",new $APP.K(null,6,[$APP.hm,b,$APP.im,d,T7,e,$APP.Zt,f,$APP.rp,k,$APP.Uu,n],null));return $APP.l(a,"__xScrollStoryRefs")},W7=function(a){a=$APP.Ag([$APP.fl,
|
|
5
|
+
$APP.Bv,$APP.dx,$APP.zu,$APP.tt,$APP.zr,$APP.ev,$APP.Pt,V7],[a.getAttribute("label"),a.getAttribute("autoplay-speed"),$APP.m(a.hasAttribute("autoplay"))?"":null,a.getAttribute("threshold"),a.getAttribute("layout"),$APP.m(a.hasAttribute("autoplay-indicator"))?"":null,$APP.m(a.hasAttribute("disabled"))?"":null,$APP.m(a.hasAttribute("autoplay-loop"))?"":null,a.getAttribute("split")]);var b=$APP.G(a);a=$APP.C(b,$APP.ev);var c=$APP.C(b,$APP.Pt),d=$APP.C(b,V7),e=$APP.C(b,$APP.fl),f=$APP.C(b,$APP.Bv),h=
|
|
6
|
+
$APP.C(b,$APP.dx),k=$APP.C(b,$APP.zu),n=$APP.C(b,$APP.tt);b=$APP.C(b,$APP.zr);n=typeof n==="string"?n.trim().toLowerCase():null;n=$APP.kd(ZAa,n)?n:"left";return $APP.Ag([$APP.Kv,$APP.Ru,$APP.Jw,$APP.rx,$APP.Z,$APP.ur,$APP.nl,$APP.Cv,$APP.wr],[n,c!=null,Q7(k),R7(d),$APP.m(e)?e:"",b!=null,a!=null,S7(f),h!=null])},X7=function(a){a=U7(a);a=$APP.G(a);return $APP.C(a,$APP.rp).assignedElements()},Y7=function(){return $APP.D(window.matchMedia("(prefers-reduced-motion:reduce)").matches)},Z7=function(a){a=
|
|
7
|
+
a.getAttribute("id");return typeof a==="string"&&$APP.M.j(a,"")?a:null},$7=function(a,b){a.textContent=b;setTimeout(function(){return a.textContent=""},3E3)},$Aa=function(a,b,c){var d=$APP.l(a,"__xScrollStoryActiveIndex");d=$APP.m(d)?d:-1;if($APP.M.j(d,c)){d>=0&&d<b.length&&$APP.V(b[d],"data-active");c>=0&&c<b.length&&$APP.U(b[c],"data-active","");c>=0?$APP.U(a,"data-active-index",""+$APP.N.i(c)):$APP.V(a,"data-active-index");$APP.T(a,"__xScrollStoryActiveIndex",c);var e=d>=0&&d<b.length?Z7(b[d]):
|
|
8
|
+
null;b=c>=0&&c<b.length?Z7(b[c]):null;$APP.fj(a,"x-scroll-story-step-change",$APP.xo(new $APP.K(null,4,[$APP.Vm,c,$APP.zt,b,$APP.ts,d,$APP.Jx,e],null)));a=$APP.G($APP.l(a,"__xScrollStoryRefs"));a=$APP.C(a,$APP.Uu);$7(a,"Step "+$APP.N.i(c+1)+" active")}},aBa=function(a,b,c,d){var e=b.length;var f=$APP.l(a,"__xScrollStoryStepStates");if(!$APP.m($APP.m(f)?$APP.z.j(f.length,e):f)){for(var h=Array(e),k=0;;)if(k<e)h[k]=$APP.m($APP.m(f)?k<f.length:f)?f[k]:!1,k+=1;else break;$APP.T(a,"__xScrollStoryStepStates",
|
|
9
|
+
h);f=h}for(h=0;;)if(h<e){if(h<$APP.w(c)){k=$APP.Ec(c,h);k=$APP.G(k);var n=$APP.C(k,$APP.Ju),r=$APP.C(k,$APP.Vs),v=f[h];k=n<=d&&r>d;var x=Z7(b[h]),y=n;n=r-n;n=n<=0?0:$APP.Sm.j(0,$APP.Dk.j(1,(d-y)/n));$APP.p(v)&&k?(f[h]=!0,$APP.fj(a,"x-scroll-story-step-enter",$APP.xo(new $APP.K(null,3,[$APP.Vm,h,$APP.zt,x,$APP.Nt,n],null)))):$APP.m($APP.m(v)?!k:v)&&(f[h]=!1,$APP.fj(a,"x-scroll-story-step-leave",$APP.xo(new $APP.K(null,3,[$APP.Vm,h,$APP.zt,x,$APP.Nt,n],null))))}h+=1}else break},a8=function(a){var b=
|
|
10
|
+
function(){var n=$APP.l(a,"__xScrollStoryModel");return $APP.m(n)?n:W7(a)}();if(!$APP.m($APP.nl.i(b))){var c=X7(a),d=c.length,e=window.innerHeight,f=e*$APP.Jw.i(b),h=function(){for(var n=0,r=$APP.Xe;;){if(n>=d)return r;var v=c[n].getBoundingClientRect();n+=1;r=$APP.Jd.j(r,new $APP.K(null,2,[$APP.Ju,v.top,$APP.Vs,v.top+v.height],null))}}();b=XAa(h,f);var k=$APP.G($APP.l(a,"__xScrollStoryRefs"));k=$APP.C(k,$APP.Zt).getBoundingClientRect();e=$APP.Sm.j(0,$APP.Dk.j(1,(e-k.top)/(e+k.height)));k=$APP.l(a,
|
|
11
|
+
"__xScrollStoryLastProg");$Aa(a,c,b);aBa(a,c,h,f);if(k==null||Math.abs(e-k)>.001)$APP.T(a,"__xScrollStoryLastProg",e),f=b>=0&&b<d?Z7(c[b]):null,$APP.fj(a,"x-scroll-story-progress",$APP.xo(new $APP.K(null,3,[$APP.Nt,e,$APP.Fs,b,$APP.yw,f],null)))}return $APP.Xi(a,"__xScrollStoryRAF",null)},b8=function(a){return function d(c){if($APP.m(function(){var k=a.isConnected;return $APP.m(k)?(k=$APP.l(a,"__xScrollStoryVisible"),$APP.m(k)?$APP.p($APP.l(a,"__xScrollStoryAutoplayPaused")):k):k}())){var e=$APP.l(a,
|
|
12
|
+
"__xScrollStoryModel");if($APP.m(function(){if($APP.m(e)){var k=$APP.wr.i(e);return $APP.m(k)?$APP.p($APP.nl.i(e)):k}return e}())){var f=$APP.l(a,"__xScrollStoryAutoplayLast");f=$APP.m(f)?(c-f)/1E3:0;$APP.T(a,"__xScrollStoryAutoplayLast",c);if(f>0){var h=window.scrollY;window.scrollBy(0,$APP.Cv.i(e)*f);$APP.m(function(){var k=$APP.Ru.i(e);return $APP.m(k)?window.scrollY-h<.5:k}())&&(c=a.getBoundingClientRect().top+window.scrollY,window.scrollTo(0,c),$APP.T(a,"__xScrollStoryAutoplayLast",null))}return $APP.T(a,
|
|
13
|
+
"__xScrollStoryAutoplayRAF",requestAnimationFrame(d))}}return null}},c8=function(a){if($APP.m($APP.l(a,"__xScrollStoryAutoplayPaused")))return null;$APP.T(a,"__xScrollStoryAutoplayPaused",!0);var b=$APP.l(a,"__xScrollStoryAutoplayRAF");$APP.m(b)&&(cancelAnimationFrame(b),$APP.T(a,"__xScrollStoryAutoplayRAF",null));$APP.U(a,"data-autoplay-paused","");b=function(){var e=$APP.l(a,"__xScrollStoryLastProg");return $APP.m(e)?e:0}();var c=function(){var e=$APP.l(a,"__xScrollStoryActiveIndex");return $APP.m(e)?
|
|
14
|
+
e:-1}(),d=a.children;d=c>=0&&c<d.length?Z7(d[c]):null;return $APP.fj(a,"x-scroll-story-autoplay-pause",$APP.xo(new $APP.K(null,3,[$APP.Nt,b,$APP.Fs,c,$APP.yw,d],null)))},d8=function(a){if($APP.m($APP.l(a,"__xScrollStoryAutoplayPaused"))){$APP.T(a,"__xScrollStoryAutoplayPaused",!1);$APP.V(a,"data-autoplay-paused");$APP.T(a,"__xScrollStoryAutoplayLast",null);$APP.T(a,"__xScrollStoryAutoplayRAF",requestAnimationFrame(b8(a)));var b=function(){var e=$APP.l(a,"__xScrollStoryLastProg");return $APP.m(e)?
|
|
15
|
+
e:0}(),c=function(){var e=$APP.l(a,"__xScrollStoryActiveIndex");return $APP.m(e)?e:-1}(),d=a.children;d=c>=0&&c<d.length?Z7(d[c]):null;return $APP.fj(a,"x-scroll-story-autoplay-resume",$APP.xo(new $APP.K(null,3,[$APP.Nt,b,$APP.Fs,c,$APP.yw,d],null)))}return null},e8=function(a){var b=$APP.l(a,"__xScrollStoryAutoplayRAF");$APP.m(b)&&(cancelAnimationFrame(b),$APP.T(a,"__xScrollStoryAutoplayRAF",null));b=$APP.l(a,"__xScrollStoryAutoplayHandlers");$APP.m(b)&&(a.removeEventListener("pointerdown",$APP.l(b,
|
|
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.T(a,"__xScrollStoryAutoplayHandlers",null));$APP.V(a,"data-autoplay-paused");$APP.V(a,"tabindex");$APP.T(a,"__xScrollStoryAutoplayPaused",!1);return $APP.T(a,"__xScrollStoryAutoplayLast",null)},f8=function(a){if($APP.l(a,"__xScrollStoryAutoplayRAF")!=null)return null;
|
|
17
|
+
var b=$APP.l(a,"__xScrollStoryModel");if($APP.m(function(){if($APP.m(b)){var k=$APP.wr.i(b);return $APP.m(k)?(k=$APP.p($APP.nl.i(b)))?(k=$APP.l(a,"__xScrollStoryVisible"),$APP.m(k)?!Y7():k):k:k}return b}())){$APP.U(a,"tabindex","0");$APP.T(a,"__xScrollStoryAutoplayPaused",!1);$APP.T(a,"__xScrollStoryAutoplayLast",null);var c=function(){return c8(a)},d=function(){return d8(a)},e=function(){return $APP.m($APP.l(a,"__xScrollStoryAutoplayPaused"))?d8(a):null},f=function(k){return $APP.z.j(k.code,"Space")?
|
|
18
|
+
(k.preventDefault(),c8(a)):null},h=function(k){return $APP.z.j(k.code,"Space")?d8(a):null};a.addEventListener("pointerdown",c);a.addEventListener("pointerup",d);a.addEventListener("pointerleave",e);a.addEventListener("keydown",f);a.addEventListener("keyup",h);$APP.T(a,"__xScrollStoryAutoplayHandlers",{pointerdown:c,pointerup:d,pointerleave:e,keydown:f,keyup:h});return $APP.T(a,"__xScrollStoryAutoplayRAF",requestAnimationFrame(b8(a)))}return null},g8=function(a){a=$APP.l(a,"__xScrollStoryModel");return $APP.m(a)?
|
|
19
|
+
$APP.nl.i(a):a},bBa=function(a){return $APP.m(function(){var b=a.isConnected;return $APP.m(b)?(b=$APP.l(a,"__xScrollStoryVisible"),$APP.m(b)?$APP.p(g8(a))&&!Y7():b):b}())?$APP.m($APP.l(a,"__xScrollStoryRAF"))?null:$APP.Xi(a,"__xScrollStoryRAF",requestAnimationFrame(function(){return a8(a)})):null},h8=function(a){a=$APP.l(a,"__xScrollStoryHandlers");$APP.m($APP.m(a)?$APP.p($APP.l(a,"scrollAttached")):a)&&(window.addEventListener("scroll",$APP.l(a,"scroll"),{passive:!0}),a.scrollAttached=!0)},i8=function(a){a=
|
|
20
|
+
$APP.l(a,"__xScrollStoryHandlers");$APP.m($APP.m(a)?$APP.l(a,"scrollAttached"):a)&&(window.removeEventListener("scroll",$APP.l(a,"scroll")),a.scrollAttached=!1)},cBa=function(a,b){b=b[0].isIntersecting;var c=$APP.G($APP.l(a,"__xScrollStoryRefs"));c=$APP.C(c,$APP.Uu);$APP.T(a,"__xScrollStoryVisible",b);if($APP.m(b)){if($APP.m(g8(a)))return null;h8(a);a8(a);$7(c,"Story section entered viewport");$APP.fj(a,"x-scroll-story-enter",$APP.xo(new $APP.K(null,1,[$APP.Nt,function(){var d=$APP.l(a,"__xScrollStoryLastProg");
|
|
21
|
+
return $APP.m(d)?d:0}()],null)));b=$APP.l(a,"__xScrollStoryModel");return $APP.m($APP.m(b)?$APP.wr.i(b):b)?f8(a):null}i8(a);e8(a);if($APP.m(g8(a)))return null;$7(c,"Story section left viewport");return $APP.fj(a,"x-scroll-story-leave",$APP.xo(new $APP.K(null,1,[$APP.Nt,function(){var d=$APP.l(a,"__xScrollStoryLastProg");return $APP.m(d)?d:0}()],null)))},dBa=function(a){function b(){return $APP.m($APP.l(a,"__xScrollStoryVisible"))?($APP.T(a,"__xScrollStoryStepStates",null),a8(a)):null}function c(){$APP.T(a,
|
|
22
|
+
"__xScrollStoryStepStates",null);return $APP.m($APP.l(a,"__xScrollStoryVisible"))?a8(a):null}var d=U7(a);d=$APP.G(d);$APP.C(d,$APP.rp).addEventListener("slotchange",c);window.addEventListener("resize",b);$APP.T(a,"__xScrollStoryHandlers",{scroll:function(){return bBa(a)},slot:c,resize:b,scrollAttached:!1})},j8=function(a){var b=$APP.l(a,"__xScrollStoryHandlers");if($APP.m(b)){i8(a);var c=$APP.l(a,"__xScrollStoryRefs");if($APP.m(c)){c=$APP.rp.i(c);var d=$APP.l(b,"slot");$APP.m(d)&&c.removeEventListener("slotchange",
|
|
23
|
+
d)}b=$APP.l(b,"resize");$APP.m(b)&&window.removeEventListener("resize",b)}b=$APP.l(a,"__xScrollStoryRAF");$APP.m(b)&&(cancelAnimationFrame(b),$APP.Xi(a,"__xScrollStoryRAF",null));$APP.T(a,"__xScrollStoryHandlers",null)},eBa=function(a){var b=$APP.l(a,"__xScrollStoryIO");$APP.m(b)&&b.disconnect();b=new IntersectionObserver(function(c){return cBa(a,c)},{threshold:[0]});b.observe(a);$APP.T(a,"__xScrollStoryIO",b)},k8=function(a){a=X7(a);for(var b=a.length,c=0;;)if(c<b)$APP.V(a[c],"data-active"),c+=1;
|
|
24
|
+
else break},l8=function(a){var b=W7(a);if($APP.M.j($APP.l(a,"__xScrollStoryModel"),b)){var c=$APP.G(b),d=$APP.C(c,$APP.Kv),e=$APP.C(c,$APP.rx);b=$APP.C(c,$APP.nl);var f=$APP.C(c,$APP.Z),h=U7(a),k=$APP.G(h);h=$APP.C(k,$APP.im);k=$APP.C(k,T7);$APP.U(a,"data-layout",d);$APP.z.j(d,"top")?k.style.width="":k.style.width="var(--x-scroll-story-media-width,"+$APP.N.i(e*100)+"%)";$APP.q(f)?$APP.U(h,"aria-label",f):$APP.V(h,"aria-label");$APP.T(a,"__xScrollStoryModel",c);$APP.m(b)?(k8(a),$APP.T(a,"__xScrollStoryActiveIndex",
|
|
25
|
+
-1),$APP.T(a,"__xScrollStoryStepStates",null),i8(a),e8(a)):$APP.m($APP.l(a,"__xScrollStoryVisible"))&&(h8(a),a8(a));c=$APP.wr.i(c);b=$APP.m(c)?(b=$APP.p(b))?$APP.l(a,"__xScrollStoryVisible"):b:c;a=$APP.m(b)?f8(a):e8(a)}else a=null;return a},fBa=function(a){$APP.nj(a,"layout","layout","left");$APP.qj(a,"threshold","threshold",Q7);$APP.qj(a,"split","split",R7);$APP.kj(a,"disabled","disabled");$APP.kj(a,"autoplay","autoplay");$APP.qj(a,"autoplaySpeed","autoplay-speed",S7);$APP.kj(a,"autoplayLoop","autoplay-loop");
|
|
26
|
+
$APP.kj(a,"autoplayIndicator","autoplay-indicator");Object.defineProperty(a,"label",{get:function(){var b=this.getAttribute("label");return $APP.m(b)?b:""},set:function(b){return $APP.m($APP.m(b)?$APP.M.j(b,""):b)?$APP.U(this,"label",""+$APP.N.i(b)):$APP.V(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.m(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})},gBa=function(a){U7(a);j8(a);dBa(a);eBa(a);return l8(a)},hBa=function(a){e8(a);k8(a);if($APP.m($APP.l(a,"__xScrollStoryVisible"))){var b=$APP.l(a,"__xScrollStoryLastProg");$APP.fj(a,"x-scroll-story-leave",$APP.xo(new $APP.K(null,1,[$APP.Nt,$APP.m(b)?b:0],
|
|
28
|
+
null)))}j8(a);b=$APP.l(a,"__xScrollStoryIO");$APP.m(b)&&(b.disconnect(),$APP.T(a,"__xScrollStoryIO",null));$APP.T(a,"__xScrollStoryVisible",!1);$APP.T(a,"__xScrollStoryActiveIndex",-1);$APP.T(a,"__xScrollStoryLastProg",null);return $APP.T(a,"__xScrollStoryStepStates",null)},iBa=function(a,b,c,d){return $APP.M.j(c,d)?l8(a):null},m8=function(){return $APP.Oj("x-scroll-story",new $APP.K(null,5,[$APP.Gj,jBa,$APP.Ej,gBa,$APP.Bj,hBa,$APP.Aj,iBa,$APP.Fj,fBa],null))},V7=new $APP.F(null,"split-raw","split-raw",
|
|
29
|
+
-455766786),T7=new $APP.F(null,"media","media",-1066138403);var jBa="layout threshold split disabled label autoplay autoplay-speed autoplay-loop autoplay-indicator".split(" ");
|
|
30
|
+
$APP.Ag([$APP.sw,$APP.ou,$APP.$s,$APP.Qo,$APP.Kv,$APP.Fs,$APP.Jw,$APP.vx,$APP.rx,$APP.Z,$APP.Sv,$APP.Nt],[new $APP.K(null,2,[$APP.P,$APP.sj,$APP.W,"autoplay-loop"],null),new $APP.K(null,2,[$APP.P,$APP.Y,$APP.W,"autoplay-speed"],null),new $APP.K(null,2,[$APP.P,$APP.sj,$APP.W,"autoplay-indicator"],null),new $APP.K(null,2,[$APP.P,$APP.sj,$APP.W,"disabled"],null),new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"layout"],null),new $APP.K(null,2,[$APP.P,$APP.Y,$APP.Ks,!0],null),new $APP.K(null,2,[$APP.P,$APP.Y,
|
|
31
|
+
$APP.W,"threshold"],null),new $APP.K(null,2,[$APP.P,$APP.sj,$APP.Ks,!0],null),new $APP.K(null,2,[$APP.P,$APP.Y,$APP.W,"split"],null),new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"label"],null),new $APP.K(null,2,[$APP.P,$APP.sj,$APP.W,"autoplay"],null),new $APP.K(null,2,[$APP.P,$APP.Y,$APP.Ks,!0],null)]);
|
|
32
|
+
$APP.ne(["x-scroll-story-step-change",new $APP.K(null,2,[$APP.cj,new $APP.K(null,4,[$APP.Vm,$APP.Y,$APP.zt,$APP.X,$APP.ts,$APP.Y,$APP.Jx,$APP.X],null),$APP.St,!1],null),"x-scroll-story-step-enter",new $APP.K(null,2,[$APP.cj,new $APP.K(null,3,[$APP.Vm,$APP.Y,$APP.zt,$APP.X,$APP.Nt,$APP.Y],null),$APP.St,!1],null),"x-scroll-story-step-leave",new $APP.K(null,2,[$APP.cj,new $APP.K(null,3,[$APP.Vm,$APP.Y,$APP.zt,$APP.X,$APP.Nt,$APP.Y],null),$APP.St,!1],null),"x-scroll-story-progress",new $APP.K(null,2,
|
|
33
|
+
[$APP.cj,new $APP.K(null,3,[$APP.Nt,$APP.Y,$APP.Fs,$APP.Y,$APP.yw,$APP.X],null),$APP.St,!1],null),"x-scroll-story-enter",new $APP.K(null,2,[$APP.cj,new $APP.K(null,1,[$APP.Nt,$APP.Y],null),$APP.St,!1],null),"x-scroll-story-leave",new $APP.K(null,2,[$APP.cj,new $APP.K(null,1,[$APP.Nt,$APP.Y],null),$APP.St,!1],null),"x-scroll-story-autoplay-pause",new $APP.K(null,2,[$APP.cj,new $APP.K(null,3,[$APP.Nt,$APP.Y,$APP.Fs,$APP.Y,$APP.yw,$APP.X],null),$APP.St,!1],null),"x-scroll-story-autoplay-resume",new $APP.K(null,
|
|
34
|
+
2,[$APP.cj,new $APP.K(null,3,[$APP.Nt,$APP.Y,$APP.Fs,$APP.Y,$APP.yw,$APP.X],null),$APP.St,!1],null)]);var ZAa=new $APP.ah(null,new $APP.K(null,3,["right",null,"top",null,"left",null],null),null);var YAa=":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:var(--x-transition-duration,300ms);--x-scroll-story-disabled-opacity:0.55;--x-scroll-story-media-top:0;}"+$APP.N.i(":host([hidden]){display:none;}")+"[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:var(--x-radius-sm,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;}}";$APP.ha("baredom.exports.x_scroll_story.init",m8);export const init=m8;
|
|
@@ -1,47 +1,47 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
$APP.
|
|
4
|
-
null);;){if(e>=d-1)return $APP.
|
|
5
|
-
var e=document.createElement("div");var f=document.createElement("div"),h=document.createElement("div");$APP.
|
|
6
|
-
"aria-hidden","true");$APP.
|
|
7
|
-
"aria-live","polite");$APP.
|
|
8
|
-
|
|
9
|
-
$APP.
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
h=
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
null;return $APP.
|
|
25
|
-
|
|
26
|
-
$APP.
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
"
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
"
|
|
43
|
-
$APP.
|
|
44
|
-
new $APP.
|
|
45
|
-
|
|
46
|
-
2,[$APP.
|
|
47
|
-
|
|
2
|
+
var eG=function(a){return typeof a==="string"?(a=parseFloat(a.trim()),$APP.m(isNaN(a))?.5:$APP.Sm.j(0,$APP.Dk.j(1,a))):.5},fG=function(a){return typeof a==="string"?(a=parseFloat(a.trim()),$APP.m(isNaN(a))?50:$APP.Sm.j(1,$APP.Dk.j(1E3,a))):50},gG=function(a,b){switch(a){case "alternating":return $APP.Bd(b,2)===0?"left":"right";case "left":return"right";case "right":return"left";default:return"right"}},hG=function(a,b,c){return b<=0?0:$APP.Sm.j(0,$APP.Dk.j(1,(c-a)/b))},Oga=function(a,b,c){function d(r){return($APP.Ju.i(r)+
|
|
3
|
+
$APP.Vs.i(r))/2}var e=$APP.w(a);if(e<2||b<0)return 0;var f=d($APP.Ec(a,0)),h=d($APP.Ec(a,e-1))-f,k=$APP.Ec(a,b),n=d(k);c=hG($APP.Ju.i(k),$APP.Vs.i(k)-$APP.Ju.i(k),c);a=b<e-1?d($APP.Ec(a,b+1)):n;return h<=0?1:$APP.Sm.j(0,$APP.Dk.j(1,(n+c*(a-n)-f)/h))},Pga=function(a,b,c){var d=$APP.w(a);if(d===0)return"";if($APP.z.j(d,1))return a=$APP.t(a),a=$APP.G(a),a=$APP.C(a,$APP.Cw),"M "+$APP.N.i(c)+" "+$APP.N.i(a);var e=$APP.t(a),f=$APP.Cw.i(e);e=0;for(f=new $APP.H(null,1,5,$APP.J,["M "+$APP.N.i(c)+" "+$APP.N.i(f)],
|
|
4
|
+
null);;){if(e>=d-1)return $APP.li(" ",f);var h=$APP.Ec(a,e),k=$APP.Ec(a,e+1),n=$APP.Cw.i(h),r=$APP.Cw.i(k);h=iG.i(h);var v=iG.i(k);k=$APP.z.j(h,"left")?-b:b;v=$APP.z.j(v,"left")?-b:b;h=n+(r-n)*.33;v=c+v;n+=(r-n)*.66;var x=c;e+=1;f=$APP.Jd.j(f,"C "+$APP.N.i(c+k)+" "+$APP.N.i(h)+" "+$APP.N.i(v)+" "+$APP.N.i(n)+" "+$APP.N.i(x)+" "+$APP.N.i(r))}},nG=function(a){var b=$APP.l(a,"__xScrollTimelineRefs");if($APP.m(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.U(e,"part","track");$APP.U(f,"part","track-line");$APP.U(h,"part","track-fill");e.appendChild(f);e.appendChild(h);e=new $APP.K(null,3,[$APP.dv,e,jG,f,$APP.Wu,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.U(f,"part","track-svg");$APP.U(f,
|
|
6
|
+
"aria-hidden","true");$APP.U(f,"focusable","false");$APP.U(h,"part","track-path");$APP.U(k,"part","track-fill-path");$APP.U(k,"pathLength","1");f.appendChild(h);f.appendChild(k);f=new $APP.K(null,3,[kG,f,lG,h,mG,k],null);h=document.createElement("div");k=document.createElement("slot");$APP.U(h,"part","entries");h.appendChild(k);h=new $APP.K(null,2,[$APP.$u,h,$APP.rp,k],null);k=document.createElement("div");$APP.U(k,"part","indicator");var n=document.createElement("div");$APP.U(n,"part","live");$APP.U(n,
|
|
7
|
+
"aria-live","polite");$APP.U(n,"aria-atomic","true");c.textContent=Qga;$APP.U(d,"part","container");$APP.U(d,"role","feed");d.appendChild($APP.dv.i(e));d.appendChild($APP.$u.i(h));d.appendChild(kG.i(f));d.appendChild(k);b.appendChild(c);b.appendChild(d);b.appendChild(n);$APP.T(a,"__xScrollTimelineRefs",$APP.Ag([$APP.rp,kG,mG,$APP.$u,lG,jG,$APP.hm,$APP.im,Rga,$APP.Uu,$APP.Wu,$APP.dv],[$APP.rp.i(h),kG.i(f),mG.i(f),$APP.$u.i(h),lG.i(f),jG.i(e),b,d,k,n,$APP.Wu.i(e),$APP.dv.i(e)]));return $APP.l(a,"__xScrollTimelineRefs")},
|
|
8
|
+
sG=function(a){a=$APP.Ag([$APP.fl,oG,$APP.Bv,$APP.dx,$APP.zu,$APP.tt,$APP.zr,pG,$APP.ev,$APP.Pt,qG],[a.getAttribute("label"),a.getAttribute("marker"),a.getAttribute("autoplay-speed"),$APP.m(a.hasAttribute("autoplay"))?"":null,a.getAttribute("threshold"),a.getAttribute("layout"),$APP.m(a.hasAttribute("autoplay-indicator"))?"":null,a.getAttribute("track"),$APP.m(a.hasAttribute("disabled"))?"":null,$APP.m(a.hasAttribute("autoplay-loop"))?"":null,$APP.m(a.hasAttribute("no-progress"))?"":null]);var b=
|
|
9
|
+
$APP.G(a);a=$APP.C(b,$APP.ev);var c=$APP.C(b,$APP.Pt),d=$APP.C(b,qG),e=$APP.C(b,$APP.fl),f=$APP.C(b,oG),h=$APP.C(b,$APP.Bv),k=$APP.C(b,$APP.dx),n=$APP.C(b,$APP.zu),r=$APP.C(b,$APP.tt),v=$APP.C(b,$APP.zr);b=$APP.C(b,pG);r=typeof r==="string"?r.trim().toLowerCase():null;r=$APP.kd(Sga,r)?r:"alternating";f=typeof f==="string"?f.trim().toLowerCase():null;f=$APP.kd(Tga,f)?f:"dot";n=eG(n);e=$APP.m(e)?e:"";h=fG(h);b=typeof b==="string"?b.trim().toLowerCase():null;b=$APP.kd(Uga,b)?b:"straight";return $APP.Ag([$APP.Kv,
|
|
10
|
+
$APP.ct,$APP.Ru,rG,$APP.Jw,$APP.Z,$APP.ur,$APP.nl,$APP.Cv,$APP.dv,$APP.wr],[r,f,c!=null,d!=null,n,e,v!=null,a!=null,h,b,k!=null])},tG=function(a){a=nG(a);a=$APP.G(a);return $APP.C(a,$APP.rp).assignedElements()},uG=function(){return $APP.D(window.matchMedia("(prefers-reduced-motion:reduce)").matches)},vG=function(a){a=a.getAttribute("id");return typeof a==="string"&&$APP.M.j(a,"")?a:null},wG=function(a,b){a=$APP.G($APP.l(a,"__xScrollTimelineRefs"));var c=$APP.C(a,$APP.Uu);c.textContent=b;setTimeout(function(){return c.textContent=
|
|
11
|
+
""},1E3)},Vga=function(a,b){for(var c=a.length,d=0;;)if(d<c){var e=a[d];$APP.U(e,"data-side",gG(b,d));$APP.U(e,"data-index",""+$APP.N.i(d));d+=1}else break},xG=function(a){a=tG(a);for(var b=a.length,c=0;;)if(c<b){var d=a[c];$APP.V(d,"data-active");$APP.V(d,"data-side");$APP.V(d,"data-index");c+=1}else break},Wga=function(a,b){var c=$APP.G($APP.l(a,"__xScrollTimelineRefs"));c=$APP.C(c,$APP.im);var d=$APP.l(a,"__xScrollTimelineMarkerEls");d=$APP.m(d)?d:[];b=b.length;for(var e=d.length,f=0;;)if(f<e)d[f].remove(),
|
|
12
|
+
f+=1;else break;d=Array(b);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.T(a,"__xScrollTimelineMarkerEls",d)},Xga=function(a,b){var c=$APP.G($APP.l(a,"__xScrollTimelineRefs"));c=$APP.C(c,$APP.im);var d=$APP.l(a,"__xScrollTimelineDateEls");var e=$APP.m(d)?d:[];d=b.length;for(var f=e.length,h=0;;)if(h<f){var k=e[h];$APP.m(k)&&k.remove();h+=1}else break;e=Array(d);for(f=0;;)if(f<d)h=b[f].getAttribute("data-date"),typeof h===
|
|
13
|
+
"string"&&$APP.M.j(h,"")?(k=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.T(a,"__xScrollTimelineDateEls",e)},Yga=function(a,b){var c=$APP.G($APP.l(a,"__xScrollTimelineRefs")),d=$APP.C(c,$APP.im),e=$APP.C(c,kG),f=$APP.C(c,lG);c=$APP.C(c,mG);var h=function(){var O=$APP.l(a,"__xScrollTimelineModel");return $APP.m(O)?O:sG(a)}(),k=$APP.Kv.i(h);h=d.getBoundingClientRect();var n=h.top;d=h.height;var r=h.width,v=window.getComputedStyle(a).getPropertyValue("--x-scroll-timeline-curve-amplitude");
|
|
14
|
+
h=function(){var O=parseFloat(v);return $APP.m(isNaN(O))?60:O}();var x=window.getComputedStyle(a).getPropertyValue("--x-scroll-timeline-marker-size"),y=function(){var O=parseFloat(x);return $APP.m(isNaN(O))?7:O/2}(),A=function(){switch(k){case "left":return y;case "right":return r-y;default:return r*.5}}(),E=b.length;if(E>0){var I=function(){for(var O=0,S=$APP.Xe;;){if(O>=E)return S;var R=b[O].getBoundingClientRect(),da=O+1;S=$APP.Jd.j(S,new $APP.K(null,2,[$APP.Cw,R.top+R.height/2-n,iG,gG(k,O)],null));
|
|
15
|
+
O=da}}();h=Pga(I,h,A);$APP.U(e,"viewBox","0 0 "+$APP.N.i(r)+" "+$APP.N.i(d));$APP.U(f,"d",h);$APP.U(c,"d",h);$APP.U(c,"stroke-dasharray","1");$APP.U(c,"stroke-dashoffset","1")}},yG=function(a,b,c){$APP.m(a)&&(b>=0&&b<a.length&&(b=a[b],$APP.m(b)&&$APP.V(b,"data-active")),c>=0&&c<a.length&&(a=a[c],$APP.m(a)&&$APP.U(a,"data-active","")))},zG=function(a){var b=$APP.l(a,"__xScrollTimelineModel");b=$APP.m(b)?b:sG(a);if(!$APP.m($APP.nl.i(b))){var c=tG(a),d=c.length,e=window.innerHeight,f=e*$APP.Jw.i(b),
|
|
16
|
+
h;a:{var k=c.length,n=0;for(h=$APP.Xe;;){if(n>=k)break a;var r=c[n].getBoundingClientRect();n+=1;h=$APP.Jd.j(h,new $APP.K(null,2,[$APP.Ju,r.top,$APP.Vs,r.top+r.height],null))}h=void 0}a:if(k=h,n=$APP.w(k),n===0)k=-1;else{r=0;for(var v=-1,x=-1;;){if(r>=n){k=v>=0?v:x;break a}var y=$APP.Ec(k,r),A=$APP.G(y);y=$APP.C(A,$APP.Ju);A=$APP.C(A,$APP.Vs);v=y<=f&&A>f?r:v;x=y<=f?r:x;r+=1}k=void 0}n=$APP.G($APP.l(a,"__xScrollTimelineRefs"));n=$APP.C(n,$APP.im).getBoundingClientRect();e=$APP.Sm.j(0,$APP.Dk.j(1,(e-
|
|
17
|
+
n.top)/(e+n.height)));n=Oga(h,k,f);d=k>=0&&k<d?vG(c[k]):null;r=k;v=$APP.l(a,"__xScrollTimelineActiveIndex");v=$APP.m(v)?v:-1;$APP.M.j(v,r)&&(yG(c,v,r),yG($APP.l(a,"__xScrollTimelineMarkerEls"),v,r),yG($APP.l(a,"__xScrollTimelineDateEls"),v,r),r>=0?$APP.U(a,"data-active-index",""+$APP.N.i(r)):$APP.V(a,"data-active-index"),$APP.T(a,"__xScrollTimelineActiveIndex",r),$APP.fj(a,"x-scroll-timeline-entry-change",{index:r,id:r>=0&&r<c.length?vG(c[r]):null,previousIndex:v,previousId:v>=0&&v<c.length?vG(c[v]):
|
|
18
|
+
null}),wG(a,"Entry "+$APP.N.i(r+1)+" active"));r=c.length;v=$APP.l(a,"__xScrollTimelineEntryStates");if(!$APP.m($APP.m(v)?$APP.z.j(v.length,r):v)){x=Array(r);for(y=0;;)if(y<r)x[y]=$APP.m($APP.m(v)?y<v.length:v)?v[y]:!1,y+=1;else break;$APP.T(a,"__xScrollTimelineEntryStates",x);v=x}for(x=0;;)if(x<r){if(x<$APP.w(h)){y=$APP.Ec(h,x);y=$APP.G(y);var E=$APP.C(y,$APP.Ju),I=$APP.C(y,$APP.Vs),O=v[x];y=E<=f&&I>f;A=vG(c[x]);E=hG(E,I-E,f);$APP.p(O)&&y?(v[x]=!0,$APP.fj(a,"x-scroll-timeline-entry-enter",{index:x,
|
|
19
|
+
id:A,progress:E})):$APP.m($APP.m(O)?!y:O)&&(v[x]=!1,$APP.fj(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.dv);b=$APP.C(b,rG);$APP.z.j(c,"curved")?(c=$APP.G($APP.l(a,"__xScrollTimelineRefs")),c=$APP.C(c,mG),$APP.m(b)?$APP.U(c,"stroke-dashoffset","1"):$APP.U(c,"stroke-dashoffset",""+$APP.N.i(1-n))):(c=$APP.G($APP.l(a,"__xScrollTimelineRefs")),c=$APP.C(c,$APP.Wu),$APP.m(b)?c.style.height="0%":c.style.height=""+$APP.N.i(n*100)+"%");b=k;c=$APP.l(a,
|
|
20
|
+
"__xScrollTimelineLastProg");if(c==null||Math.abs(e-c)>.001)$APP.T(a,"__xScrollTimelineLastProg",e),$APP.fj(a,"x-scroll-timeline-progress",{progress:e,activeIndex:b,activeId:d})}return $APP.Xi(a,"__xScrollTimelineRAF",null)},AG=function(a){return function d(c){if($APP.m(function(){var h=a.isConnected;return $APP.m(h)?(h=$APP.l(a,"__xScrollTimelineVisible"),$APP.m(h)?$APP.p($APP.l(a,"__xScrollTimelineAutoplayPaused")):h):h}())){var e=$APP.l(a,"__xScrollTimelineModel");if($APP.m(function(){if($APP.m(e)){var h=
|
|
21
|
+
$APP.wr.i(e);return $APP.m(h)?$APP.p($APP.nl.i(e)):h}return e}())){var f=$APP.l(a,"__xScrollTimelineAutoplayLast");f=$APP.m(f)?(c-f)/1E3:0;$APP.T(a,"__xScrollTimelineAutoplayLast",c);f>0&&(window.scrollBy(0,$APP.Cv.i(e)*f),$APP.m($APP.Ru.i(e))&&(f=window.scrollY,c=window.innerHeight,f+c>=document.documentElement.scrollHeight-1&&(f=a.getBoundingClientRect().top+f,window.scrollTo(0,$APP.Sm.j(0,f-c)),$APP.T(a,"__xScrollTimelineAutoplayLast",null))));return $APP.T(a,"__xScrollTimelineAutoplayRAF",requestAnimationFrame(d))}}return null}},
|
|
22
|
+
BG=function(a){if($APP.m($APP.l(a,"__xScrollTimelineAutoplayPaused")))return null;$APP.T(a,"__xScrollTimelineAutoplayPaused",!0);var b=$APP.l(a,"__xScrollTimelineAutoplayRAF");$APP.m(b)&&(cancelAnimationFrame(b),$APP.T(a,"__xScrollTimelineAutoplayRAF",null));$APP.U(a,"data-autoplay-paused","");b=function(){var e=$APP.l(a,"__xScrollTimelineLastProg");return $APP.m(e)?e:0}();var c=function(){var e=$APP.l(a,"__xScrollTimelineActiveIndex");return $APP.m(e)?e:-1}(),d=tG(a);d=c>=0&&c<d.length?vG(d[c]):
|
|
23
|
+
null;return $APP.fj(a,"x-scroll-timeline-autoplay-pause",{progress:b,activeIndex:c,activeId:d})},CG=function(a){if($APP.m($APP.l(a,"__xScrollTimelineAutoplayPaused"))){$APP.T(a,"__xScrollTimelineAutoplayPaused",!1);$APP.V(a,"data-autoplay-paused");$APP.T(a,"__xScrollTimelineAutoplayLast",null);$APP.T(a,"__xScrollTimelineAutoplayRAF",requestAnimationFrame(AG(a)));var b=function(){var e=$APP.l(a,"__xScrollTimelineLastProg");return $APP.m(e)?e:0}(),c=function(){var e=$APP.l(a,"__xScrollTimelineActiveIndex");
|
|
24
|
+
return $APP.m(e)?e:-1}(),d=tG(a);d=c>=0&&c<d.length?vG(d[c]):null;return $APP.fj(a,"x-scroll-timeline-autoplay-resume",{progress:b,activeIndex:c,activeId:d})}return null},DG=function(a){var b=$APP.l(a,"__xScrollTimelineAutoplayRAF");$APP.m(b)&&(cancelAnimationFrame(b),$APP.T(a,"__xScrollTimelineAutoplayRAF",null));b=$APP.l(a,"__xScrollTimelineAutoplayHandlers");$APP.m(b)&&(a.removeEventListener("pointerdown",$APP.l(b,"pointerdown")),a.removeEventListener("pointerup",$APP.l(b,"pointerup")),a.removeEventListener("pointerleave",
|
|
25
|
+
$APP.l(b,"pointerleave")),a.removeEventListener("keydown",$APP.l(b,"keydown")),a.removeEventListener("keyup",$APP.l(b,"keyup")),$APP.T(a,"__xScrollTimelineAutoplayHandlers",null));$APP.V(a,"data-autoplay-paused");$APP.V(a,"tabindex");$APP.T(a,"__xScrollTimelineAutoplayPaused",!1);return $APP.T(a,"__xScrollTimelineAutoplayLast",null)},EG=function(a){if($APP.l(a,"__xScrollTimelineAutoplayRAF")!=null)return null;var b=$APP.l(a,"__xScrollTimelineModel");if($APP.m(function(){if($APP.m(b)){var k=$APP.wr.i(b);
|
|
26
|
+
return $APP.m(k)?(k=$APP.p($APP.nl.i(b)))?(k=$APP.l(a,"__xScrollTimelineVisible"),$APP.m(k)?!uG():k):k:k}return b}())){$APP.U(a,"tabindex","0");$APP.T(a,"__xScrollTimelineAutoplayPaused",!1);$APP.T(a,"__xScrollTimelineAutoplayLast",null);var c=function(){return BG(a)},d=function(){return CG(a)},e=function(){return $APP.m($APP.l(a,"__xScrollTimelineAutoplayPaused"))?CG(a):null},f=function(k){return $APP.z.j(k.code,"Space")?(k.preventDefault(),BG(a)):null},h=function(k){return $APP.z.j(k.code,"Space")?
|
|
27
|
+
CG(a):null};a.addEventListener("pointerdown",c);a.addEventListener("pointerup",d);a.addEventListener("pointerleave",e);a.addEventListener("keydown",f);a.addEventListener("keyup",h);$APP.T(a,"__xScrollTimelineAutoplayHandlers",{pointerdown:c,pointerup:d,pointerleave:e,keydown:f,keyup:h});return $APP.T(a,"__xScrollTimelineAutoplayRAF",requestAnimationFrame(AG(a)))}return null},FG=function(a){a=$APP.l(a,"__xScrollTimelineModel");return $APP.m(a)?$APP.nl.i(a):a},Zga=function(a){return $APP.m(function(){var b=
|
|
28
|
+
a.isConnected;return $APP.m(b)?(b=$APP.l(a,"__xScrollTimelineVisible"),$APP.m(b)?$APP.p(FG(a))&&!uG():b):b}())?$APP.m($APP.l(a,"__xScrollTimelineRAF"))?null:$APP.Xi(a,"__xScrollTimelineRAF",requestAnimationFrame(function(){return zG(a)})):null},$ga=function(a){a=$APP.l(a,"__xScrollTimelineHandlers");$APP.m($APP.m(a)?$APP.p($APP.l(a,"scrollAttached")):a)&&(window.addEventListener("scroll",$APP.l(a,"scroll"),{passive:!0}),a.scrollAttached=!0)},GG=function(a){a=$APP.l(a,"__xScrollTimelineHandlers");
|
|
29
|
+
$APP.m($APP.m(a)?$APP.l(a,"scrollAttached"):a)&&(window.removeEventListener("scroll",$APP.l(a,"scroll")),a.scrollAttached=!1)},aha=function(a,b){b=b[0].isIntersecting;$APP.T(a,"__xScrollTimelineVisible",b);if($APP.m(b)){if($APP.m(FG(a)))return null;$ga(a);zG(a);wG(a,"Timeline entered viewport");$APP.fj(a,"x-scroll-timeline-enter",{progress:function(){var c=$APP.l(a,"__xScrollTimelineLastProg");return $APP.m(c)?c:0}()});b=$APP.l(a,"__xScrollTimelineModel");return $APP.m($APP.m(b)?$APP.wr.i(b):b)?EG(a):
|
|
30
|
+
null}GG(a);DG(a);if($APP.m(FG(a)))return null;wG(a,"Timeline left viewport");return $APP.fj(a,"x-scroll-timeline-leave",{progress:function(){var c=$APP.l(a,"__xScrollTimelineLastProg");return $APP.m(c)?c:0}()})},HG=function(a){var b=function(){var d=$APP.l(a,"__xScrollTimelineModel");return $APP.m(d)?d:sG(a)}(),c=tG(a);Vga(c,$APP.Kv.i(b));Wga(a,c);Xga(a,c);return requestAnimationFrame(function(){if($APP.m(a.isConnected)){var d=tG(a),e=$APP.l(a,"__xScrollTimelineMarkerEls"),f=$APP.l(a,"__xScrollTimelineDateEls"),
|
|
31
|
+
h=$APP.G($APP.l(a,"__xScrollTimelineRefs"));h=$APP.C(h,$APP.im).getBoundingClientRect().top;var k=$APP.l(a,"__xScrollTimelineModel");k=$APP.m(k)?k:sG(a);k=$APP.Kv.i(k);for(var n=d.length,r=0;;)if(r<n){var v=d[r].getBoundingClientRect();v=v.top+v.height/2-h;var x=gG(k,r),y=$APP.m(e)?e[r]:e;$APP.m(y)&&(y.style.top=""+$APP.N.i(v)+"px");y=$APP.m(f)?f[r]:f;$APP.m(y)&&(y.style.top=""+$APP.N.i(v)+"px",$APP.U(y,"data-side",x));r+=1}else break;$APP.z.j($APP.dv.i(b),"curved")&&Yga(a,d);return $APP.m($APP.l(a,
|
|
32
|
+
"__xScrollTimelineVisible"))?zG(a):null}return null})},bha=function(a){function b(){return $APP.m($APP.l(a,"__xScrollTimelineVisible"))?($APP.T(a,"__xScrollTimelineEntryStates",null),HG(a)):null}function c(){$APP.T(a,"__xScrollTimelineEntryStates",null);return HG(a)}var d=nG(a);d=$APP.G(d);$APP.C(d,$APP.rp).addEventListener("slotchange",c);window.addEventListener("resize",b);$APP.T(a,"__xScrollTimelineHandlers",{scroll:function(){return Zga(a)},slot:c,resize:b,scrollAttached:!1})},IG=function(a){var b=
|
|
33
|
+
$APP.l(a,"__xScrollTimelineHandlers");if($APP.m(b)){GG(a);var c=$APP.l(a,"__xScrollTimelineRefs");if($APP.m(c)){c=$APP.rp.i(c);var d=$APP.l(b,"slot");$APP.m(d)&&c.removeEventListener("slotchange",d)}b=$APP.l(b,"resize");$APP.m(b)&&window.removeEventListener("resize",b)}b=$APP.l(a,"__xScrollTimelineRAF");$APP.m(b)&&(cancelAnimationFrame(b),$APP.Xi(a,"__xScrollTimelineRAF",null));$APP.T(a,"__xScrollTimelineHandlers",null)},cha=function(a){var b=$APP.l(a,"__xScrollTimelineIO");$APP.m(b)&&b.disconnect();
|
|
34
|
+
b=new IntersectionObserver(function(c){return aha(a,c)},{threshold:[0]});b.observe(a);$APP.T(a,"__xScrollTimelineIO",b)},JG=function(a){var b=sG(a);if($APP.M.j($APP.l(a,"__xScrollTimelineModel"),b)){b=$APP.G(b);var c=$APP.C(b,$APP.nl),d=nG(a);d=$APP.G(d);d=$APP.C(d,$APP.im);var e=$APP.l(a,"__xScrollTimelineModel"),f=$APP.G(b),h=$APP.C(f,$APP.Kv),k=$APP.C(f,$APP.dv);f=$APP.C(f,$APP.ct);$APP.U(a,"data-layout",h);$APP.U(a,"data-track",k);$APP.U(a,"data-marker",f);h=$APP.G(b);h=$APP.C(h,$APP.Z);$APP.q(h)?
|
|
35
|
+
$APP.U(d,"aria-label",h):$APP.V(d,"aria-label");$APP.T(a,"__xScrollTimelineModel",b);$APP.m(c)?(xG(a),$APP.T(a,"__xScrollTimelineActiveIndex",-1),$APP.T(a,"__xScrollTimelineEntryStates",null),GG(a),DG(a)):$APP.m(e)&&($APP.M.j($APP.Kv.i(e),$APP.Kv.i(b))||$APP.M.j($APP.dv.i(e),$APP.dv.i(b))||$APP.M.j($APP.ct.i(e),$APP.ct.i(b))||$APP.M.j($APP.nl.i(e),$APP.nl.i(b))?HG(a):($APP.M.j($APP.Jw.i(e),$APP.Jw.i(b))||$APP.M.j(rG.i(e),rG.i(b)))&&$APP.m($APP.l(a,"__xScrollTimelineVisible"))&&zG(a));c=$APP.G(b);
|
|
36
|
+
b=$APP.C(c,$APP.wr);c=$APP.C(c,$APP.nl);a=$APP.m(c)?null:$APP.m($APP.m(b)?$APP.l(a,"__xScrollTimelineVisible"):b)?EG(a):DG(a)}else a=null;return a},dha=function(a){Object.defineProperty(a,"label",{get:function(){var b=this.getAttribute("label");return $APP.m(b)?b:""},set:function(b){return $APP.m($APP.m(b)?$APP.M.j(b,""):b)?$APP.U(this,"label",""+$APP.N.i(b)):$APP.V(this,"label")},enumerable:!0,configurable:!0})},KG=function(a,b,c,d){Object.defineProperty(a,b,{get:function(){var e=this.getAttribute(c);
|
|
37
|
+
return d.i?d.i(e):d.call(null,e)},set:function(e){return e!=null?$APP.U(this,c,""+$APP.N.i(e)):$APP.V(this,c)},enumerable:!0,configurable:!0})},LG=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})},eha=function(a){$APP.nj(a,"layout","layout","alternating");$APP.nj(a,"track","track","straight");$APP.nj(a,"marker","marker","dot");dha(a);KG(a,"threshold","threshold",eG);$APP.kj(a,"noProgress","no-progress");$APP.kj(a,
|
|
38
|
+
"disabled","disabled");$APP.kj(a,"autoplay","autoplay");KG(a,"autoplaySpeed","autoplay-speed",fG);$APP.kj(a,"autoplayLoop","autoplay-loop");$APP.kj(a,"autoplayIndicator","autoplay-indicator");LG(a,"activeIndex","__xScrollTimelineActiveIndex",-1);LG(a,"progress","__xScrollTimelineLastProg",0);return LG(a,"autoplayPaused","__xScrollTimelineAutoplayPaused",!1)},fha=function(a){nG(a);IG(a);bha(a);cha(a);return JG(a)},gha=function(a){DG(a);xG(a);if($APP.m($APP.l(a,"__xScrollTimelineVisible"))){var b=$APP.l(a,
|
|
39
|
+
"__xScrollTimelineLastProg");$APP.fj(a,"x-scroll-timeline-leave",{progress:$APP.m(b)?b:0})}IG(a);b=$APP.l(a,"__xScrollTimelineIO");$APP.m(b)&&(b.disconnect(),$APP.T(a,"__xScrollTimelineIO",null));$APP.T(a,"__xScrollTimelineVisible",!1);$APP.T(a,"__xScrollTimelineActiveIndex",-1);$APP.T(a,"__xScrollTimelineLastProg",null);return $APP.T(a,"__xScrollTimelineEntryStates",null)},hha=function(a,b,c,d){return $APP.M.j(c,d)?JG(a):null},MG=function(){return $APP.Oj("x-scroll-timeline",new $APP.K(null,5,[$APP.Gj,
|
|
40
|
+
iha,$APP.Ej,fha,$APP.Bj,gha,$APP.Aj,hha,$APP.Fj,eha],null))},oG=new $APP.F(null,"marker-raw","marker-raw",2140891555),mG=new $APP.F(null,"fill-path","fill-path",-792439899),kG=new $APP.F(null,"track-svg","track-svg",-556455964),iG=new $APP.F(null,"side","side",389652279),jG=new $APP.F(null,"track-line","track-line",1370628624),Rga=new $APP.F(null,"indicator","indicator",1928219637),rG=new $APP.F(null,"no-progress?","no-progress?",-1599319890),pG=new $APP.F(null,"track-raw","track-raw",751958776),
|
|
41
|
+
lG=new $APP.F(null,"track-path","track-path",-1838135442),qG=new $APP.F(null,"no-progress-attr","no-progress-attr",115951679);var iha="layout track threshold no-progress disabled label marker autoplay autoplay-speed autoplay-loop autoplay-indicator".split(" ");
|
|
42
|
+
$APP.Ag([$APP.sw,$APP.ou,$APP.$s,$APP.Qo,$APP.Kv,$APP.Fs,$APP.ct,$APP.Jw,$APP.vx,$APP.Z,$APP.Sv,$APP.Nt,new $APP.F(null,"noProgress","noProgress",-2114530658),$APP.dv],[new $APP.K(null,2,[$APP.P,$APP.sj,$APP.W,"autoplay-loop"],null),new $APP.K(null,2,[$APP.P,$APP.Y,$APP.W,"autoplay-speed"],null),new $APP.K(null,2,[$APP.P,$APP.sj,$APP.W,"autoplay-indicator"],null),new $APP.K(null,2,[$APP.P,$APP.sj,$APP.W,"disabled"],null),new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"layout"],null),new $APP.K(null,2,[$APP.P,
|
|
43
|
+
$APP.Y,$APP.rj,!0],null),new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"marker"],null),new $APP.K(null,2,[$APP.P,$APP.Y,$APP.W,"threshold"],null),new $APP.K(null,2,[$APP.P,$APP.sj,$APP.rj,!0],null),new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"label"],null),new $APP.K(null,2,[$APP.P,$APP.sj,$APP.W,"autoplay"],null),new $APP.K(null,2,[$APP.P,$APP.Y,$APP.rj,!0],null),new $APP.K(null,2,[$APP.P,$APP.sj,$APP.W,"no-progress"],null),new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"track"],null)]);
|
|
44
|
+
$APP.ne(["x-scroll-timeline-entry-change",new $APP.K(null,2,[$APP.cj,new $APP.K(null,4,[$APP.Vm,$APP.Y,$APP.zt,$APP.X,$APP.ts,$APP.Y,$APP.Jx,$APP.X],null),$APP.St,!1],null),"x-scroll-timeline-entry-enter",new $APP.K(null,2,[$APP.cj,new $APP.K(null,3,[$APP.Vm,$APP.Y,$APP.zt,$APP.X,$APP.Nt,$APP.Y],null),$APP.St,!1],null),"x-scroll-timeline-entry-leave",new $APP.K(null,2,[$APP.cj,new $APP.K(null,3,[$APP.Vm,$APP.Y,$APP.zt,$APP.X,$APP.Nt,$APP.Y],null),$APP.St,!1],null),"x-scroll-timeline-progress",new $APP.K(null,
|
|
45
|
+
2,[$APP.cj,new $APP.K(null,3,[$APP.Nt,$APP.Y,$APP.Fs,$APP.Y,$APP.yw,$APP.X],null),$APP.St,!1],null),"x-scroll-timeline-enter",new $APP.K(null,2,[$APP.cj,new $APP.K(null,1,[$APP.Nt,$APP.Y],null),$APP.St,!1],null),"x-scroll-timeline-leave",new $APP.K(null,2,[$APP.cj,new $APP.K(null,1,[$APP.Nt,$APP.Y],null),$APP.St,!1],null),"x-scroll-timeline-autoplay-pause",new $APP.K(null,2,[$APP.cj,new $APP.K(null,3,[$APP.Nt,$APP.Y,$APP.Fs,$APP.Y,$APP.yw,$APP.X],null),$APP.St,!1],null),"x-scroll-timeline-autoplay-resume",
|
|
46
|
+
new $APP.K(null,2,[$APP.cj,new $APP.K(null,3,[$APP.Nt,$APP.Y,$APP.Fs,$APP.Y,$APP.yw,$APP.X],null),$APP.St,!1],null)]);var Sga=new $APP.ah(null,new $APP.K(null,3,["right",null,"left",null,"alternating",null],null),null),Uga=new $APP.ah(null,new $APP.K(null,2,["curved",null,"straight",null],null),null),Tga=new $APP.ah(null,new $APP.K(null,3,["ring",null,"none",null,"dot",null],null),null);var Qga=":host{display:block;position:relative;color-scheme:light dark;--x-scroll-timeline-track-color:var(--x-color-border,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:var(--x-color-border,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:var(--x-color-text-muted,rgba(0,0,0,0.5));--x-scroll-timeline-date-font-size:var(--x-font-size-sm,0.8125rem);--x-scroll-timeline-transition-duration:var(--x-transition-duration,300ms);--x-scroll-timeline-curve-amplitude:60;--x-scroll-timeline-disabled-opacity:0.55;}"+
|
|
47
|
+
$APP.N.i(":host([hidden]){display:none;}")+"@media (prefers-color-scheme:dark){:host{--x-scroll-timeline-track-color:var(--x-color-border,rgba(255,255,255,0.12));--x-scroll-timeline-marker-color:var(--x-color-border,rgba(255,255,255,0.18));--x-scroll-timeline-date-color:var(--x-color-text-muted,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:var(--x-radius-full,999px);}[part\x3dtrack-fill]{position:absolute;top:0;left:0;right:0;height:0%;background:var(--x-scroll-timeline-track-fill-color);border-radius:var(--x-radius-full,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 color-mix(in srgb,var(--x-scroll-timeline-marker-active-color) 25%,transparent);}: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:var(--x-font-weight-semibold,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:var(--x-radius-sm,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;}}";$APP.ha("baredom.exports.x_scroll_timeline.init",MG);export const init=MG;
|