@vanelsas/baredom 3.11.0 → 3.12.1
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 +38 -0
- package/custom-elements.json +10629 -10595
- package/dist/baredom.d.ts +92 -92
- package/dist/base.js +598 -598
- package/dist/integrity.json +111 -111
- package/dist/x-alert.js +17 -17
- package/dist/x-avatar-group.js +9 -9
- package/dist/x-avatar.js +14 -14
- package/dist/x-badge.js +8 -8
- package/dist/x-bento-grid.js +5 -5
- package/dist/x-bento-item.js +4 -4
- package/dist/x-breadcrumbs.js +13 -13
- package/dist/x-button.js +1 -1
- package/dist/x-calendar.js +38 -38
- package/dist/x-cancel-dialogue.js +13 -13
- package/dist/x-card.js +7 -7
- package/dist/x-carousel.js +31 -31
- package/dist/x-chart.js +44 -44
- package/dist/x-checkbox.js +1 -1
- package/dist/x-chip.js +1 -1
- package/dist/x-code.js +27 -27
- package/dist/x-collapse.js +8 -8
- package/dist/x-color-picker.js +44 -44
- package/dist/x-combobox.js +31 -31
- package/dist/x-command-palette.js +27 -27
- package/dist/x-confetti.js +24 -24
- package/dist/x-container.js +5 -5
- package/dist/x-context-menu.js +19 -19
- package/dist/x-copy.js +1 -1
- package/dist/x-currency-field.js +24 -23
- package/dist/x-date-picker.js +34 -34
- package/dist/x-divider.js +9 -9
- package/dist/x-drag-panel.js +32 -32
- package/dist/x-drawer.js +10 -10
- package/dist/x-drop-zone.js +11 -11
- package/dist/x-dropdown.js +12 -12
- package/dist/x-fieldset.js +5 -5
- package/dist/x-file-download.d.ts +4 -0
- package/dist/x-file-download.js +14 -6
- package/dist/x-file-upload.js +23 -23
- package/dist/x-floating-panel.js +21 -21
- package/dist/x-form-field.js +14 -14
- 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 +7 -7
- 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 +31 -31
- package/dist/x-liquid-dock.js +29 -29
- package/dist/x-liquid-fill.js +38 -38
- package/dist/x-liquid-glass.js +25 -25
- package/dist/x-menu-item.js +8 -8
- package/dist/x-menu.js +9 -9
- package/dist/x-metaball-cursor.js +22 -22
- package/dist/x-modal.js +10 -10
- package/dist/x-morph-stack.js +37 -37
- package/dist/x-multi-combobox.js +38 -37
- package/dist/x-navbar.js +13 -13
- package/dist/x-neural-glow.js +29 -29
- package/dist/x-notification-center.js +9 -9
- package/dist/x-organic-divider.js +15 -15
- package/dist/x-organic-progress.js +32 -32
- package/dist/x-organic-shape.js +12 -12
- package/dist/x-otp-input.js +20 -20
- package/dist/x-pagination.js +14 -14
- package/dist/x-particle-button.js +39 -39
- 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.js +12 -12
- package/dist/x-range-slider.js +28 -28
- package/dist/x-rating.js +24 -24
- package/dist/x-ripple-effect.js +8 -8
- package/dist/x-scroll-parallax.js +17 -17
- package/dist/x-scroll-stack.js +16 -16
- package/dist/x-scroll-story.js +30 -30
- package/dist/x-scroll-timeline.js +45 -45
- package/dist/x-scroll.js +34 -34
- package/dist/x-search-field.js +1 -1
- package/dist/x-select.js +1 -1
- package/dist/x-sidebar.js +15 -15
- package/dist/x-skeleton-group.js +12 -12
- package/dist/x-skeleton.js +1 -1
- package/dist/x-slider.js +16 -16
- package/dist/x-soft-body.js +17 -17
- package/dist/x-spacer.js +4 -4
- package/dist/x-spinner.js +4 -4
- package/dist/x-splash.js +11 -11
- package/dist/x-split-pane.js +14 -14
- package/dist/x-spotlight-card.js +12 -12
- package/dist/x-stat.js +8 -8
- package/dist/x-stepper.js +13 -13
- package/dist/x-switch.js +11 -11
- package/dist/x-tab.js +6 -6
- package/dist/x-table-cell.js +17 -17
- package/dist/x-table-row.js +8 -8
- package/dist/x-table.js +13 -13
- package/dist/x-tabs.js +11 -11
- package/dist/x-text-area.js +18 -18
- package/dist/x-theme.js +25 -25
- 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 +124 -124
- package/dist/x-typography.js +6 -6
- package/dist/x-welcome-tour.js +63 -63
- package/package.json +1 -1
package/dist/x-rating.js
CHANGED
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
c+1?
|
|
4
|
-
|
|
5
|
-
c.appendChild(d);return c},
|
|
6
|
-
a.hasAttribute("readonly"),a.getAttribute("precision"),a.getAttribute("aria-labelledby"),a.getAttribute("size"),a.hasAttribute("allow-clear"),a.getAttribute("max"),a.getAttribute("label"),a.getAttribute("shape"),a.getAttribute("aria-describedby"),a.getAttribute("aria-label")]);var b=$APP.G(a);a=$APP.C(b,$APP.
|
|
7
|
-
y=$APP.C(b,$APP.
|
|
8
|
-
|
|
9
|
-
f=$APP.l(b,"stars");var h=$APP.G(c),k=$APP.C(h,$APP.
|
|
10
|
-
h=$APP.C(m,$APP.
|
|
11
|
-
""+$APP.P.i(k));$APP.S(f,"aria-valuetext",m);$APP.S(f,"aria-readonly",$APP.n(d)?"true":"false");$APP.n(e)?($APP.S(f,"aria-disabled","true"),$APP.S(f,"tabindex","-1")):($APP.U(f,"aria-disabled"),$APP.S(f,"tabindex","0"));$APP.n(h)?($APP.S(f,"aria-labelledby",h),$APP.U(f,"aria-label")):($APP.S(f,"aria-label",$APP.n(b)?b:$APP.n(r)?r:"Rating"),$APP.U(f,"aria-labelledby"));$APP.n(x)?$APP.S(f,"aria-describedby",x):$APP.U(f,"aria-describedby");f=$APP.G(c);f=$APP.C(f,$APP.
|
|
12
|
-
$APP.n(b)&&b.setFormValue(""+$APP.P.i(f));return $APP.Q(a,"__xRatingModel",c)},
|
|
13
|
-
b,$APP.
|
|
14
|
-
function(a){return{"stars-move":function(b){a:{var c=$APP.l(a,"__xRatingModel");if($APP.n($APP.n(c)?
|
|
15
|
-
b=
|
|
16
|
-
|
|
17
|
-
$APP.l(b,e).removeEventListener(f,$APP.l(c,h),m),d=$APP.v(d),e=null,f=0),h=0;else break;$APP.Q(a,"__xRatingHandlers",null)}}
|
|
18
|
-
m=
|
|
19
|
-
$APP.S(d,"part","base");$APP.S(e,"part","label-text");$APP.S(f,"part","stars");$APP.S(f,"role","slider");$APP.S(f,"tabindex","0");$APP.S(f,"aria-valuemin","0");for(var r=$APP.q(m),u=null,x=0,y=0;;)if(y<x){var B=u.C(null,y);f.appendChild(B);y+=1}else if(r=$APP.q(r))u=r,$APP
|
|
20
|
-
stars:f,"star-els":m,shape:h,count:k});$APP.n(a.attachInternals)&&$APP.Q(a,"__xRatingInternals",a.attachInternals())}
|
|
21
|
-
$APP.A(k,3,null),$APP.l(b,e).addEventListener(f,$APP.l(c,h),k),d=$APP.v(d),e=null,f=0),h=0;else break;$APP.Q(a,"__xRatingHandlers",c)}return
|
|
22
|
-
|
|
23
|
-
$APP.
|
|
24
|
-
2,[$APP.N,$APP.X,$APP.W,"size"],null),new $APP.M(null,2,[$APP.N,$APP.
|
|
25
|
-
$APP.
|
|
2
|
+
var jla=function(a){return $APP.Ba(a)},uU=function(a,b){return typeof a==="string"?(a=parseFloat(a),$APP.n(isNaN(a))?b:a):b},vU=function(a){return $APP.Sl.j($APP.Rl.j(Math.round(uU(a,5)),1),20)},wU=function(a){return typeof a==="string"&&$APP.dd(kla,a)?a:"star"},xU=function(a){return typeof a==="string"&&$APP.I("",a)?a:null},yU=function(a,b){return b<0?0:$APP.Sl.j($APP.Rl.j(a,0),b)},zU=function(a,b){return b==null||b<=0?a:Math.round(b*Math.round(a/b)*1E9)/1E9},AU=function(a,b){return $APP.He(function(c){return a>=
|
|
3
|
+
c+1?lla:a>=c+.5?mla:$APP.At},$APP.qh(0,b))},nla=function(a,b,c,d,e){switch(a){case "ArrowRight":return b+d;case "ArrowUp":return b+d;case "ArrowLeft":return b-d;case "ArrowDown":return b-d;case "Home":return 0;case "End":return c;case "Delete":return $APP.n(e)?0:b;case "Backspace":return $APP.n(e)?0:b;default:return b}},BU=function(a){var b=$APP.G(a);a=$APP.C(b,$APP.Xj);b=$APP.C(b,$APP.fm);return $APP.D($APP.p(a)&&$APP.p(b))},CU=function(a,b){return new $APP.M(null,2,[$APP.Ui,a,$APP.yt,b],null)},
|
|
4
|
+
DU=function(a,b){var c=document.createElementNS("http://www.w3.org/2000/svg","svg"),d=document.createElementNS("http://www.w3.org/2000/svg","path");$APP.S(c,"viewBox","0 0 24 24");$APP.S(c,"class",b);$APP.S(c,"aria-hidden","true");$APP.S(d,"fill","currentColor");$APP.S(d,"d",$APP.z.j("heart",a)?"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z":"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z");
|
|
5
|
+
c.appendChild(d);return c},EU=function(a,b){return jla($APP.ye.j(function(c){var d=document.createElement("span");$APP.S(d,"part","star");$APP.S(d,"data-index",""+$APP.P.i(c));$APP.S(d,"aria-hidden","true");d.appendChild(DU(b,"x-rating-star-base"));d.appendChild(DU(b,"x-rating-star-fill"));return d},$APP.qh(0,a)))},LU=function(a){a=$APP.wg([$APP.un,$APP.Vj,$APP.Ui,$APP.rj,FU,$APP.im,$APP.Bn,GU,$APP.yt,$APP.Z,$APP.zs,$APP.jm,$APP.km],[a.hasAttribute("disabled"),a.getAttribute("name"),a.getAttribute("value"),
|
|
6
|
+
a.hasAttribute("readonly"),a.getAttribute("precision"),a.getAttribute("aria-labelledby"),a.getAttribute("size"),a.hasAttribute("allow-clear"),a.getAttribute("max"),a.getAttribute("label"),a.getAttribute("shape"),a.getAttribute("aria-describedby"),a.getAttribute("aria-label")]);var b=$APP.G(a);a=$APP.C(b,$APP.km);var c=$APP.C(b,$APP.un),d=$APP.C(b,$APP.Ui),e=$APP.C(b,$APP.Vj),f=$APP.C(b,$APP.rj),h=$APP.C(b,FU),k=$APP.C(b,$APP.im),m=$APP.C(b,GU),r=$APP.C(b,$APP.Bn),u=$APP.C(b,$APP.Z),x=$APP.C(b,$APP.yt),
|
|
7
|
+
y=$APP.C(b,$APP.zs);b=$APP.C(b,$APP.jm);x=vU(x);h=typeof h==="string"&&$APP.dd(ola,h)?h:"full";y=wU(y);var B=$APP.z.j("half",h)?.5:1;d=yU(zU(uU(d,0),B),x);m=$APP.D(m);f=$APP.D(f);e=xU(e);k=xU(k);r=typeof r==="string"&&$APP.dd(pla,r)?r:"md";var E=d<=0?"No rating":""+$APP.P.i(d)+" out of "+$APP.P.i(x)+" "+$APP.P.i($APP.z.j("heart",y)?"hearts":"stars");return $APP.wg([HU,$APP.fm,$APP.Vj,$APP.Ui,FU,IU,$APP.im,$APP.Bn,JU,$APP.yt,$APP.Z,$APP.zs,$APP.jm,$APP.km,$APP.Xj,KU],[m,f,e,d,h,B,k,r,E,x,xU(u),y,xU(b),
|
|
8
|
+
xU(a),$APP.D(c),AU(d,x)])},MU=function(a,b){$APP.Q(a,"__xRatingPreview",null);return $APP.U($APP.l(b,"stars"),"data-preview")},NU=function(a,b){a=$APP.l(a,"star-els");for(var c=a.length,d=0;;)if(d<c){var e=a[d],f=$APP.A(b,d,$APP.At);a:switch(f instanceof $APP.F?f.da:null){case "full":var h="100%";break a;case "half":h="50%";break a;default:h="0%"}e.style.setProperty("--_x-rating-star-fill",h);$APP.S(e,"data-fill",$APP.kh(f));d+=1}else break},OU=function(a,b,c){var d=$APP.l(b,"base"),e=$APP.l(b,"label"),
|
|
9
|
+
f=$APP.l(b,"stars");var h=$APP.G(c),k=$APP.C(h,$APP.yt);h=$APP.C(h,$APP.zs);if($APP.I($APP.l(b,"count"),k)||$APP.I($APP.l(b,"shape"),h)){var m=$APP.l(b,"stars"),r=EU(k,h);m.textContent="";for(var u=$APP.q(r),x=null,y=0,B=0;;)if(B<y){var E=x.C(null,B);m.appendChild(E);B+=1}else if(u=$APP.q(u))x=u,$APP.$c(x)?(u=$APP.Fb(x),B=$APP.Gb(x),x=u,y=$APP.w(u),u=B):(u=$APP.t(x),m.appendChild(u),u=$APP.v(x),x=null,y=0),B=0;else break;b["star-els"]=r;b.count=k;b.shape=h;MU(a,b)}m=$APP.G(c);k=$APP.C(m,$APP.Bn);
|
|
10
|
+
h=$APP.C(m,$APP.Xj);m=$APP.C(m,$APP.fm);$APP.S(d,"data-size",k);$APP.aj(a,"data-disabled",h);$APP.aj(a,"data-readonly",m);d=$APP.G(c);d=$APP.C(d,$APP.Z);e.textContent=$APP.n(d)?d:"";e.style.display=d!=null?"":"none";e=$APP.G(c);e=$APP.C(e,KU);NU(b,e);x=$APP.G(c);b=$APP.C(x,$APP.km);e=$APP.C(x,$APP.Xj);d=$APP.C(x,$APP.fm);k=$APP.C(x,$APP.Ui);h=$APP.C(x,$APP.im);m=$APP.C(x,JU);r=$APP.C(x,$APP.Z);u=$APP.C(x,$APP.yt);x=$APP.C(x,$APP.jm);$APP.S(f,"aria-valuemax",""+$APP.P.i(u));$APP.S(f,"aria-valuenow",
|
|
11
|
+
""+$APP.P.i(k));$APP.S(f,"aria-valuetext",m);$APP.S(f,"aria-readonly",$APP.n(d)?"true":"false");$APP.n(e)?($APP.S(f,"aria-disabled","true"),$APP.S(f,"tabindex","-1")):($APP.U(f,"aria-disabled"),$APP.S(f,"tabindex","0"));$APP.n(h)?($APP.S(f,"aria-labelledby",h),$APP.U(f,"aria-label")):($APP.S(f,"aria-label",$APP.n(b)?b:$APP.n(r)?r:"Rating"),$APP.U(f,"aria-labelledby"));$APP.n(x)?$APP.S(f,"aria-describedby",x):$APP.U(f,"aria-describedby");f=$APP.G(c);f=$APP.C(f,$APP.Ui);b=$APP.l(a,"__xRatingInternals");
|
|
12
|
+
$APP.n(b)&&b.setFormValue(""+$APP.P.i(f));return $APP.Q(a,"__xRatingModel",c)},PU=function(a){var b=$APP.l(a,"__xRatingRefs");return $APP.n(b)?OU(a,b,LU(a)):null},QU=function(a){var b=$APP.l(a,"__xRatingRefs");if($APP.n(b)){var c=LU(a);return $APP.I(c,$APP.l(a,"__xRatingModel"))?OU(a,b,c):null}return null},RU=function(a,b){var c=LU(a);b=zU(b,IU.i(c));var d=$APP.yt.i(c);b=yU(b,d);d=$APP.Ui.i(c);var e;if(e=$APP.I(b,d))c=$APP.yt.i(c),e=$APP.hj(a,"x-rating-change-request",$APP.an(new $APP.M(null,3,[$APP.Ui,
|
|
13
|
+
b,$APP.ut,d,$APP.yt,c],null)));return e?($APP.S(a,"value",""+$APP.P.i(b)),c=LU(a),$APP.fj(a,"x-rating-change",$APP.an(CU($APP.Ui.i(c),$APP.yt.i(c))))):null},SU=function(a,b,c){c=$APP.G(c);var d=$APP.C(c,$APP.yt);c=$APP.C(c,IU);var e=$APP.l(a,"stars").getBoundingClientRect();b=b.clientX;a=e.left;var f=e.width;f>0?(e=$APP.Sl.j($APP.Rl.j((b-a)/f,0),1),e=$APP.Sl.j($APP.Rl.j(Math.floor(e*d),0),d-1)):e=0;d=f/d;d=d>0?$APP.Sl.j($APP.Rl.j((b-(a+e*d))/d,0),1):1;b=e+1;return $APP.z.j(c,.5)&&d<.5?b-.5:b},rla=
|
|
14
|
+
function(a){return{"stars-move":function(b){a:{var c=$APP.l(a,"__xRatingModel");if($APP.n($APP.n(c)?BU(c):c)){var d=$APP.l(a,"__xRatingRefs");b=SU(d,b,c);if($APP.I(b,$APP.l(a,"__xRatingPreview"))){$APP.Q(a,"__xRatingPreview",b);var e=$APP.G(c);e=$APP.C(e,$APP.yt);$APP.S($APP.l(d,"stars"),"data-preview","");NU(d,AU(b,e));c=$APP.fj(a,"x-rating-hover",$APP.an(CU(b,$APP.yt.i(c))));break a}}c=null}return c},"stars-down":function(b){var c=LU(a);if(BU(c)){b.preventDefault();var d=$APP.l(a,"__xRatingRefs");
|
|
15
|
+
b=SU(d,b,c);var e=HU.i(c);c=$APP.n(e)?$APP.z.j(b,$APP.Ui.i(c)):e;c=$APP.n(c)?0:b;$APP.l(d,"stars").focus();RU(a,c);d=MU(a,d)}else d=null;return d},"stars-leave":function(){if($APP.l(a,"__xRatingPreview")!=null){var b=$APP.l(a,"__xRatingRefs");var c=$APP.l(a,"__xRatingModel");MU(a,b);NU(b,KU.i(c));b=$APP.fj(a,"x-rating-hover",$APP.an(CU(null,$APP.yt.i(c))))}else b=null;return b},"stars-key":function(b){var c=b.key;$APP.dd(qla,c)?(b.preventDefault(),b=LU(a),c=BU(b)?RU(a,nla(c,$APP.Ui.i(b),$APP.yt.i(b),
|
|
16
|
+
IU.i(b),HU.i(b))):null):c=null;return c}}},UU=function(a){var b=$APP.l(a,"__xRatingRefs"),c=$APP.l(a,"__xRatingHandlers");if($APP.n($APP.n(b)?c:b)){for(var d=$APP.q(TU),e=null,f=0,h=0;;)if(h<f){var k=e.C(null,h),m=$APP.A(k,0,null),r=$APP.A(k,1,null),u=$APP.A(k,2,null);k=$APP.A(k,3,null);$APP.l(b,m).removeEventListener(r,$APP.l(c,u),k);h+=1}else if(d=$APP.q(d))$APP.$c(d)?(f=$APP.Fb(d),d=$APP.Gb(d),e=f,f=$APP.w(f)):(m=$APP.t(d),e=$APP.A(m,0,null),f=$APP.A(m,1,null),h=$APP.A(m,2,null),m=$APP.A(m,3,null),
|
|
17
|
+
$APP.l(b,e).removeEventListener(f,$APP.l(c,h),m),d=$APP.v(d),e=null,f=0),h=0;else break;$APP.Q(a,"__xRatingHandlers",null)}},sla=function(a,b){$APP.aj(a,"disabled",$APP.D(b));return PU(a)},tla=function(a){$APP.U(a,"value");return PU(a)},ula=function(a){if(!$APP.n($APP.l(a,"__xRatingRefs"))){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("span"),f=document.createElement("div"),h=wU(a.getAttribute("shape")),k=vU(a.getAttribute("max")),
|
|
18
|
+
m=EU(k,h);c.textContent=":host{display:inline-block;color-scheme:light dark;--x-rating-active-color:var(--x-color-warning,#f59e0b);--x-rating-inactive-color:rgba(0,0,0,0.20);--x-rating-hover-color:var(--x-rating-active-color);--x-rating-focus-ring:var(--x-color-focus-ring,#60a5fa);--x-rating-disabled-opacity:0.45;--x-rating-label-color:rgba(0,0,0,0.60);}@media (prefers-color-scheme:dark){:host{--x-rating-inactive-color:rgba(255,255,255,0.22);--x-rating-focus-ring:var(--x-color-focus-ring,#93c5fd);--x-rating-label-color:rgba(255,255,255,0.60);}}[part\x3dbase]{display:inline-flex;flex-direction:column;gap:4px;align-items:flex-start;box-sizing:border-box;--_x-rating-star-sz:22px;}[part\x3dbase][data-size\x3dsm]{--_x-rating-star-sz:16px;}[part\x3dbase][data-size\x3dmd]{--_x-rating-star-sz:22px;}[part\x3dbase][data-size\x3dlg]{--_x-rating-star-sz:30px;}[part\x3dlabel-text]{font-size:0.875rem;color:var(--x-rating-label-color);font-weight:500;}[part\x3dstars]{display:inline-flex;touch-action:manipulation;border-radius:var(--x-radius-sm,0.375rem);}[part\x3dstars]:focus-visible{outline:none;box-shadow:0 0 0 3px var(--x-rating-focus-ring);}[part\x3dstar]{position:relative;display:inline-block;width:var(--_x-rating-star-sz,22px);height:var(--_x-rating-star-sz,22px);cursor:pointer;transition:transform var(--x-transition-duration,140ms) var(--x-transition-easing,ease);}[part\x3dstar] svg{position:absolute;inset:0;width:100%;height:100%;display:block;}.x-rating-star-base{color:var(--x-rating-inactive-color);}.x-rating-star-fill{color:var(--x-rating-active-color);clip-path:inset(0 calc(100% - var(--_x-rating-star-fill,0%)) 0 0);}[part\x3dstars][data-preview] .x-rating-star-fill{color:var(--x-rating-hover-color);}:host(:not([data-disabled]):not([data-readonly])) [part\x3dstar]:hover{transform:scale(1.08);}:host([data-disabled]) [part\x3dstars]{opacity:var(--x-rating-disabled-opacity);cursor:default;pointer-events:none;}:host([data-readonly]) [part\x3dstars]{cursor:default;pointer-events:none;}@media (prefers-reduced-motion:reduce){[part\x3dstar]{transition:none;}}@media (pointer:coarse){[part\x3dbase][data-size\x3dsm]{--_x-rating-star-sz:22px;}[part\x3dbase][data-size\x3dmd]{--_x-rating-star-sz:30px;}[part\x3dbase][data-size\x3dlg]{--_x-rating-star-sz:38px;}}";
|
|
19
|
+
$APP.S(d,"part","base");$APP.S(e,"part","label-text");$APP.S(f,"part","stars");$APP.S(f,"role","slider");$APP.S(f,"tabindex","0");$APP.S(f,"aria-valuemin","0");for(var r=$APP.q(m),u=null,x=0,y=0;;)if(y<x){var B=u.C(null,y);f.appendChild(B);y+=1}else if(r=$APP.q(r))u=r,$APP.$c(u)?(r=$APP.Fb(u),y=$APP.Gb(u),u=r,x=$APP.w(r),r=y):(r=$APP.t(u),f.appendChild(r),r=$APP.v(u),u=null,x=0),y=0;else break;d.appendChild(e);d.appendChild(f);b.appendChild(c);b.appendChild(d);$APP.Q(a,"__xRatingRefs",{base:d,label:e,
|
|
20
|
+
stars:f,"star-els":m,shape:h,count:k});$APP.n(a.attachInternals)&&$APP.Q(a,"__xRatingInternals",a.attachInternals())}UU(a);b=$APP.l(a,"__xRatingRefs");if($APP.n(b)){c=rla(a);d=$APP.q(TU);e=null;for(h=f=0;;)if(h<f)u=e.C(null,h),k=$APP.A(u,0,null),m=$APP.A(u,1,null),r=$APP.A(u,2,null),u=$APP.A(u,3,null),$APP.l(b,k).addEventListener(m,$APP.l(c,r),u),h+=1;else if(d=$APP.q(d))$APP.$c(d)?(f=$APP.Fb(d),d=$APP.Gb(d),e=f,f=$APP.w(f)):(k=$APP.t(d),e=$APP.A(k,0,null),f=$APP.A(k,1,null),h=$APP.A(k,2,null),k=
|
|
21
|
+
$APP.A(k,3,null),$APP.l(b,e).addEventListener(f,$APP.l(c,h),k),d=$APP.v(d),e=null,f=0),h=0;else break;$APP.Q(a,"__xRatingHandlers",c)}return QU(a)},vla=function(a){UU(a);var b=$APP.l(a,"__xRatingRefs");return $APP.n(b)?MU(a,b):null},wla=function(a,b,c,d){return $APP.I(c,d)?QU(a):null},yla=function(a){$APP.Gj(a,"__xRatingInternals");return $APP.uj(a,xla)},VU=function(){return $APP.si("x-rating",new $APP.M(null,8,[$APP.ji,zla,$APP.hi,ula,$APP.ei,vla,$APP.di,wla,$APP.fi,!0,$APP.ci,sla,$APP.bi,tla,$APP.ii,
|
|
22
|
+
yla],null))},FU=new $APP.F(null,"precision","precision",-1175707478),mla=new $APP.F(null,"half","half",741990005),IU=new $APP.F(null,"precision-step","precision-step",-1707508214),JU=new $APP.F(null,"value-text","value-text",-939054861),KU=new $APP.F(null,"fill-states","fill-states",-39922850),lla=new $APP.F(null,"full","full",436801220),GU=new $APP.F(null,"allow-clear","allow-clear",-424919217),HU=new $APP.F(null,"allow-clear?","allow-clear?",474545376);var ola=new $APP.ch(null,new $APP.M(null,2,["full",null,"half",null],null),null),kla=new $APP.ch(null,new $APP.M(null,2,["star",null,"heart",null],null),null),pla=new $APP.ch(null,new $APP.M(null,3,["md",null,"lg",null,"sm",null],null),null),zla="value max precision shape allow-clear disabled readonly name label size aria-label aria-labelledby aria-describedby".split(" "),xla=$APP.wg([$APP.cw,$APP.mv,new $APP.F(null,"allowClear","allowClear",2001597922),$APP.Or,$APP.un,$APP.Vj,$APP.Ui,FU,$APP.Bn,
|
|
23
|
+
$APP.bv,$APP.yt,$APP.Z,$APP.zs,$APP.Wt,$APP.gt],[new $APP.M(null,2,[$APP.N,$APP.X,$APP.rj,!0],null),new $APP.M(null,2,[$APP.N,$APP.vs,$APP.rj,!0],null),new $APP.M(null,2,[$APP.N,$APP.sj,$APP.W,"allow-clear"],null),new $APP.M(null,2,[$APP.N,$APP.sj,$APP.rj,!0],null),new $APP.M(null,2,[$APP.N,$APP.sj,$APP.W,"disabled"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"name"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"value"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"precision"],null),new $APP.M(null,
|
|
24
|
+
2,[$APP.N,$APP.X,$APP.W,"size"],null),new $APP.M(null,2,[$APP.N,$APP.sj,$APP.W,"readonly"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"max"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"label"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"shape"],null),new $APP.M(null,2,[$APP.N,$APP.rt,$APP.rj,!0],null),new $APP.M(null,2,[$APP.N,$APP.Ms,$APP.rj,!0],null)]);
|
|
25
|
+
$APP.je(["x-rating-change-request",new $APP.M(null,2,[$APP.$u,!0,$APP.V,new $APP.M(null,3,[$APP.Ui,$APP.Y,$APP.ut,$APP.Y,$APP.yt,$APP.Y],null)],null),"x-rating-change",new $APP.M(null,1,[$APP.V,new $APP.M(null,2,[$APP.Ui,$APP.Y,$APP.yt,$APP.Y],null)],null),"x-rating-hover",new $APP.M(null,1,[$APP.V,new $APP.M(null,2,[$APP.Ui,$APP.Y,$APP.yt,$APP.Y],null)],null)]);var qla=new $APP.ch(null,new $APP.M(null,8,["Backspace",null,"ArrowUp",null,"ArrowDown",null,"End",null,"ArrowRight",null,"Delete",null,"ArrowLeft",null,"Home",null],null),null),TU=new $APP.J(null,4,5,$APP.K,[new $APP.J(null,4,5,$APP.K,["stars","pointermove","stars-move",!1],null),new $APP.J(null,4,5,$APP.K,["stars","pointerdown","stars-down",!1],null),new $APP.J(null,4,5,$APP.K,["stars","pointerleave","stars-leave",!1],null),new $APP.J(null,4,5,$APP.K,["stars","keydown","stars-key",!1],null)],null);$APP.ha("baredom.exports.x_rating.init",VU);export const init=VU;
|
package/dist/x-ripple-effect.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
2
|
var z_=function(a){if(typeof a==="string"){a=parseFloat(a.trim());var b=isNaN(a);return $APP.n($APP.n(b)?b:!(a>0))?25:Math.min(100,Math.max(1,a))}return 25},A_=function(a){if(typeof a==="string"){a=parseInt(a.trim(),10);var b=isNaN(a);return $APP.n($APP.n(b)?b:!(a>0))?800:Math.min(5E3,Math.max(100,a))}return 800},B_=function(a){if(typeof a==="string"){a=parseFloat(a.trim());var b=isNaN(a);return $APP.n($APP.n(b)?b:!(a>0))?.04:Math.min(.2,Math.max(.005,a))}return.04},C_=function(a){var b=$APP.l(a,
|
|
3
3
|
"__xRippleRefs");if($APP.n(b))return b;b=a.attachShadow({mode:"open"});var c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("slot"),f=document.createElementNS("http://www.w3.org/2000/svg","svg");c.textContent=":host{display:inline-block;position:relative;}:host([disabled]){cursor:default;}[part\x3dcontainer]{display:block;width:100%;height:100%;}";$APP.S(d,"part","container");d.appendChild(e);$APP.S(f,"part","filters");f.style.position="absolute";f.style.width=
|
|
4
|
-
"0";f.style.height="0";f.style.overflow="hidden";b.appendChild(c);b.appendChild(d);b.appendChild(f);$APP.Q(a,"__xRippleRefs",new $APP.M(null,3,[$APP.
|
|
5
|
-
$APP.C(b,$APP.
|
|
6
|
-
"turbulence");$APP.S(e,"baseFrequency",""+$APP.P.i(c));$APP.S(e,"numOctaves","3");$APP.S(e,"seed",""+$APP.P.i(Math.floor(Math.random()*1E3)));$APP.S(e,"result","turbulence");$APP.S(f,"in","SourceGraphic");$APP.S(f,"in2","turbulence");$APP.S(f,"scale","0");$APP.S(f,"xChannelSelector","R");$APP.S(f,"yChannelSelector","G");d.appendChild(e);d.appendChild(f);a.appendChild(d);return new $APP.M(null,3,[$APP.
|
|
7
|
-
var d=$APP.C(c,$APP.
|
|
8
|
-
{x:y,y:B});b?($APP.S(x,"scale",""+$APP.P.i(d/2)),b=requestAnimationFrame(function(){$APP.S(x,"scale","0");k.removeChild(r);h.style.filter="";return $APP.
|
|
9
|
-
{x:y,y:B});R=requestAnimationFrame(T);return H.push(R)});return H.push(b)},
|
|
10
|
-
else break;c.style.filter=""}b=$APP.l(a,"__xRippleHandler");return $APP.n(b)?(a.removeEventListener("pointerdown",b),$APP.Q(a,"__xRippleHandler",null)):null},
|
|
11
|
-
|
|
4
|
+
"0";f.style.height="0";f.style.overflow="hidden";b.appendChild(c);b.appendChild(d);b.appendChild(f);$APP.Q(a,"__xRippleRefs",new $APP.M(null,3,[$APP.Tk,b,$APP.Uk,d,$APP.Ds,f],null));$APP.Q(a,"__xRippleCounter",0);$APP.Q(a,"__xRippleFrames",[]);return $APP.l(a,"__xRippleRefs")},cqa=function(a){a=new $APP.M(null,4,[$APP.bt,a.getAttribute("intensity"),$APP.gr,a.getAttribute("duration"),D_,a.getAttribute("frequency"),$APP.Qj,a.hasAttribute("disabled")],null);var b=$APP.G(a);a=$APP.C(b,$APP.bt);var c=
|
|
5
|
+
$APP.C(b,$APP.gr),d=$APP.C(b,D_);b=$APP.C(b,$APP.Qj);return new $APP.M(null,4,[$APP.Qs,z_(a),$APP.Ot,A_(c),E_,B_(d),$APP.Xj,$APP.D(b)],null)},dqa=function(a,b,c){var d=document.createElementNS("http://www.w3.org/2000/svg","filter"),e=document.createElementNS("http://www.w3.org/2000/svg","feTurbulence"),f=document.createElementNS("http://www.w3.org/2000/svg","feDisplacementMap");$APP.S(d,"id",b);$APP.S(d,"x","-10%");$APP.S(d,"y","-10%");$APP.S(d,"width","120%");$APP.S(d,"height","120%");$APP.S(e,"type",
|
|
6
|
+
"turbulence");$APP.S(e,"baseFrequency",""+$APP.P.i(c));$APP.S(e,"numOctaves","3");$APP.S(e,"seed",""+$APP.P.i(Math.floor(Math.random()*1E3)));$APP.S(e,"result","turbulence");$APP.S(f,"in","SourceGraphic");$APP.S(f,"in2","turbulence");$APP.S(f,"scale","0");$APP.S(f,"xChannelSelector","R");$APP.S(f,"yChannelSelector","G");d.appendChild(e);d.appendChild(f);a.appendChild(d);return new $APP.M(null,3,[$APP.Tt,d,F_,e,G_,f],null)},eqa=function(a,b){var c=cqa(a);if($APP.n($APP.Xj.i(c)))return null;c=$APP.G(c);
|
|
7
|
+
var d=$APP.C(c,$APP.Qs),e=$APP.C(c,$APP.Ot),f=$APP.C(c,E_);c=C_(a);c=$APP.G(c);var h=$APP.C(c,$APP.Uk),k=$APP.C(c,$APP.Ds),m=$APP.l(a,"__xRippleCounter");c="xr-"+$APP.P.i(m);$APP.Q(a,"__xRippleCounter",m+1);m=dqa(k,c,f);m=$APP.G(m);var r=$APP.C(m,$APP.Tt),u=$APP.C(m,F_),x=$APP.C(m,G_),y=b.clientX,B=b.clientY,E=performance.now(),H=$APP.l(a,"__xRippleFrames");b=$APP.D(window.matchMedia("(prefers-reduced-motion:reduce)").matches);h.style.filter="url(#"+$APP.P.i(c)+")";$APP.fj(a,"x-ripple-effect-start",
|
|
8
|
+
{x:y,y:B});b?($APP.S(x,"scale",""+$APP.P.i(d/2)),b=requestAnimationFrame(function(){$APP.S(x,"scale","0");k.removeChild(r);h.style.filter="";return $APP.fj(a,"x-ripple-effect-end",{x:y,y:B})})):b=requestAnimationFrame(function T(){var R=performance.now()-E;R=Math.min(1,R/e);var aa=1-R;aa=1-aa*aa*aa;var ma=f*(1-aa*.7);$APP.Zi(x,"scale",""+$APP.P.i(d*(1-aa)));$APP.Zi(u,"baseFrequency",""+$APP.P.i(ma));if(R>=1)return k.removeChild(r),k.childNodes.length===0&&(h.style.filter=""),$APP.fj(a,"x-ripple-effect-end",
|
|
9
|
+
{x:y,y:B});R=requestAnimationFrame(T);return H.push(R)});return H.push(b)},fqa=function(a){function b(c){return c.button===0?eqa(a,c):null}a.addEventListener("pointerdown",b);return $APP.Q(a,"__xRippleHandler",b)},H_=function(a){var b=$APP.l(a,"__xRippleFrames");if($APP.n(b)){for(var c=b.length,d=0;;)if(d<c)cancelAnimationFrame(b[d]),d+=1;else break;b.length=0}b=$APP.l(a,"__xRippleRefs");if($APP.n(b)){c=$APP.G(b);b=$APP.C(c,$APP.Ds);for(c=$APP.C(c,$APP.Uk);;)if(d=b.firstChild,$APP.n(d))b.removeChild(d);
|
|
10
|
+
else break;c.style.filter=""}b=$APP.l(a,"__xRippleHandler");return $APP.n(b)?(a.removeEventListener("pointerdown",b),$APP.Q(a,"__xRippleHandler",null)):null},gqa=function(a){$APP.qj(a,"intensity","intensity",z_);$APP.qj(a,"duration","duration",A_);$APP.qj(a,"frequency","frequency",B_);return $APP.kj(a,"disabled","disabled")},hqa=function(a){C_(a);H_(a);return fqa(a)},iqa=function(a){return H_(a)},jqa=function(){return null},I_=function(){return $APP.si("x-ripple-effect",new $APP.M(null,5,[$APP.ji,
|
|
11
|
+
kqa,$APP.hi,hqa,$APP.ei,iqa,$APP.di,jqa,$APP.ii,gqa],null))},F_=new $APP.F(null,"turb","turb",-804768361),D_=new $APP.F(null,"frequency-raw","frequency-raw",-1367383022),G_=new $APP.F(null,"disp","disp",-2047544334),E_=new $APP.F(null,"frequency","frequency",-1408891382);var kqa=["intensity","duration","frequency","disabled"];$APP.je(["x-ripple-effect-start",new $APP.M(null,2,[$APP.V,new $APP.M(null,2,[$APP.vu,$APP.Y,$APP.uu,$APP.Y],null),$APP.$u,!1],null),"x-ripple-effect-end",new $APP.M(null,2,[$APP.V,new $APP.M(null,2,[$APP.vu,$APP.Y,$APP.uu,$APP.Y],null),$APP.$u,!1],null)]);$APP.ha("baredom.exports.x_ripple_effect.init",I_);export const init=I_;
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var k4=function(a){return new $APP.M(null,1,[$APP.
|
|
3
|
-
$APP.S(d,"part","viewport");$APP.S(d,"role","region");d.appendChild(e);$APP.S(f,"part","live");$APP.S(f,"aria-live","polite");$APP.S(f,"aria-atomic","true");b.appendChild(c);b.appendChild(d);b.appendChild(f);$APP.Q(a,"__xScrollParallaxRefs",new $APP.M(null,4,[$APP.
|
|
4
|
-
"":null,$APP.
|
|
5
|
-
l4(a);a=$APP.G(a);return $APP.C(a,$APP.
|
|
6
|
-
if($APP.n(b))return b;b=p4(a);b=$APP.
|
|
7
|
-
a=typeof a==="string"?parseFloat(a.trim()):null;var b=a==null;return $APP.n(b?b:isNaN(a))?.85:a},r4=function(a){var b=function(){var T=$APP.l(a,"__xScrollParallaxModel");return $APP.n(T)?T:o4(a)}();if(!$APP.n($APP.
|
|
8
|
-
$APP.w(h)){var x=d[u],y=$APP.
|
|
9
|
-
$APP.
|
|
10
|
-
$APP.p($APP.l(a,"scrollAttached")):a)&&(window.addEventListener("scroll",$APP.l(a,"scroll"),{passive:!0}),a.scrollAttached=!0)},s4=function(a){a=$APP.l(a,"__xScrollParallaxHandlers");$APP.n($APP.n(a)?$APP.l(a,"scrollAttached"):a)&&(window.removeEventListener("scroll",$APP.l(a,"scroll")),a.scrollAttached=!1)},t4=function(a,b){a.textContent=b;setTimeout(function(){return a.textContent=""},1E3)},
|
|
11
|
-
$APP.Q(a,"__xScrollParallaxVisible",b);if($APP.n(b))return
|
|
12
|
-
(q4(a),r4(a)):null}function c(){q4(a);return $APP.n($APP.l(a,"__xScrollParallaxVisible"))?r4(a):null}var d=l4(a);d=$APP.G(d);$APP.C(d,$APP.
|
|
13
|
-
c.removeEventListener("slotchange",d)}b=$APP.l(b,"resize");$APP.n(b)&&window.removeEventListener("resize",b)}b=$APP.l(a,"__xScrollParallaxRAF");$APP.n(b)&&(cancelAnimationFrame(b),$APP
|
|
14
|
-
"__xScrollParallaxModel"),b)){var c=$APP.G(b),d=$APP.C(c,$APP.
|
|
15
|
-
"none");$APP.
|
|
16
|
-
|
|
17
|
-
d)?v4(a):null},w4=function(){return $APP.
|
|
18
|
-
var
|
|
2
|
+
var k4=function(a){return new $APP.M(null,1,[$APP.Qu,a],null)},l4=function(a){var b=$APP.l(a,"__xScrollParallaxRefs");if($APP.n(b))return b;b=a.attachShadow({mode:"open"});var c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("slot"),f=document.createElement("div");c.textContent=":host{display:block;position:relative;color-scheme:light dark;--x-scroll-parallax-perspective:none;--x-scroll-parallax-overflow:hidden;--x-scroll-parallax-smooth-duration:80ms;--x-scroll-parallax-fade-range:20%;--x-scroll-parallax-scale-min:0.85;--x-scroll-parallax-disabled-opacity:0.55;}[part\x3dviewport]{position:relative;width:100%;height:100%;overflow:var(--x-scroll-parallax-overflow);perspective:var(--x-scroll-parallax-perspective);}::slotted(*){will-change:transform;}:host([disabled]){opacity:var(--x-scroll-parallax-disabled-opacity);}:host([easing\x3dsmooth]) ::slotted(*){transition:transform var(--x-scroll-parallax-smooth-duration) ease-out,opacity var(--x-scroll-parallax-smooth-duration) ease-out;}[part\x3dlive]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;}@media (prefers-reduced-motion:reduce){::slotted(*){transform:none !important;opacity:1 !important;}}";
|
|
3
|
+
$APP.S(d,"part","viewport");$APP.S(d,"role","region");d.appendChild(e);$APP.S(f,"part","live");$APP.S(f,"aria-live","polite");$APP.S(f,"aria-atomic","true");b.appendChild(c);b.appendChild(d);b.appendChild(f);$APP.Q(a,"__xScrollParallaxRefs",new $APP.M(null,4,[$APP.Tk,b,$APP.Dr,d,$APP.fo,e,$APP.Lq,f],null));return $APP.l(a,"__xScrollParallaxRefs")},o4=function(a){a=new $APP.M(null,5,[$APP.jr,a.getAttribute("direction"),m4,a.getAttribute("source"),n4,a.getAttribute("easing"),$APP.rr,$APP.n(a.hasAttribute("disabled"))?
|
|
4
|
+
"":null,$APP.Pj,a.getAttribute("label")],null);var b=$APP.G(a),c=$APP.C(b,$APP.jr),d=$APP.C(b,m4),e=$APP.C(b,n4);a=$APP.C(b,$APP.rr);b=$APP.C(b,$APP.Pj);c=typeof c==="string"?c.trim().toLowerCase():null;c=$APP.dd(qta,c)?c:"vertical";d=typeof d==="string"?d.trim().toLowerCase():null;d=$APP.dd(rta,d)?d:"document";e=typeof e==="string"?e.trim().toLowerCase():null;e=$APP.dd(sta,e)?e:"none";return new $APP.M(null,5,[$APP.Kr,c,$APP.cu,d,tta,e,$APP.Xj,a!=null,$APP.Z,$APP.n(b)?b:""],null)},p4=function(a){a=
|
|
5
|
+
l4(a);a=$APP.G(a);return $APP.C(a,$APP.fo).assignedElements()},uta=function(a){var b=a.getAttribute("data-speed");typeof b==="string"?(b=parseFloat(b.trim()),b=$APP.n(isNaN(b))?1:b):b=1;var c=a.getAttribute("data-offset");typeof c==="string"?(c=parseFloat(c.trim()),c=$APP.n(isNaN(c))?0:c):c=0;return new $APP.M(null,4,[$APP.Wr,b,$APP.wq,c,$APP.tq,$APP.z.j("fade",a.getAttribute("data-opacity")),$APP.lr,$APP.z.j("grow",a.getAttribute("data-scale"))],null)},vta=function(a){var b=$APP.l(a,"__xScrollParallaxChildCache");
|
|
6
|
+
if($APP.n(b))return b;b=p4(a);b=$APP.Gf.m($APP.Ge,$APP.ye.i(uta),$APP.Ec(b));$APP.Q(a,"__xScrollParallaxChildCache",b);return b},q4=function(a){$APP.Q(a,"__xScrollParallaxChildCache",null)},wta=function(a){a=window.getComputedStyle(a).getPropertyValue("--x-scroll-parallax-fade-range");a=typeof a==="string"?a.trim():null;return $APP.n($APP.n(a)?a.endsWith("%"):a)?(a=parseFloat(a.slice(0,-1)),$APP.n(isNaN(a))?.2:a/100):.2},xta=function(a){a=window.getComputedStyle(a).getPropertyValue("--x-scroll-parallax-scale-min");
|
|
7
|
+
a=typeof a==="string"?parseFloat(a.trim()):null;var b=a==null;return $APP.n(b?b:isNaN(a))?.85:a},r4=function(a){var b=function(){var T=$APP.l(a,"__xScrollParallaxModel");return $APP.n(T)?T:o4(a)}();if(!$APP.n($APP.Xj.i(b))){var c=a.getBoundingClientRect();b=$APP.z.j("vertical",$APP.Kr.i(b));var d=window.innerHeight,e=b?d:window.innerWidth,f=$APP.Rl.j(0,$APP.Sl.j(1,(d-c.top)/(d+c.height)));c=$APP.l(a,"__xScrollParallaxLastProg");d=p4(a);for(var h=vta(a),k=wta(a),m=xta(a),r=d.length,u=0;;)if(u<r){if(u<
|
|
8
|
+
$APP.w(h)){var x=d[u],y=$APP.zc(h,u),B=$APP.G(y),E=$APP.C(B,$APP.Wr),H=$APP.C(B,$APP.wq);y=$APP.C(B,$APP.tq);B=$APP.C(B,$APP.lr);E=(f-.5)*e*(E-1)+H;var O=b?"translateY("+$APP.P.i(E)+"px)":"translateX("+$APP.P.i(E)+"px)";E=$APP.n(B)?function(){var T=m+(1-m)*(1-Math.abs(f-.5)*2);return""+$APP.P.i(O)+" scale("+$APP.P.i(T)+")"}():O;x.style.transform=E;$APP.n(y)&&(x.style.opacity=""+$APP.P.i(f<k?f/k:f>1-k?(1-f)/k:1))}u+=1}else break;if(c==null||Math.abs(f-c)>.001)$APP.Q(a,"__xScrollParallaxLastProg",f),
|
|
9
|
+
$APP.fj(a,"x-scroll-parallax-progress",$APP.an(k4(f)))}return $APP.$i(a,"__xScrollParallaxRAF",null)},yta=function(a){return $APP.n(function(){var b=a.isConnected;return $APP.n(b)?(b=$APP.l(a,"__xScrollParallaxVisible"),$APP.n(b)?!$APP.D(window.matchMedia("(prefers-reduced-motion:reduce)").matches):b):b}())?$APP.n($APP.l(a,"__xScrollParallaxRAF"))?null:$APP.$i(a,"__xScrollParallaxRAF",requestAnimationFrame(function(){return r4(a)})):null},zta=function(a){a=$APP.l(a,"__xScrollParallaxHandlers");$APP.n($APP.n(a)?
|
|
10
|
+
$APP.p($APP.l(a,"scrollAttached")):a)&&(window.addEventListener("scroll",$APP.l(a,"scroll"),{passive:!0}),a.scrollAttached=!0)},s4=function(a){a=$APP.l(a,"__xScrollParallaxHandlers");$APP.n($APP.n(a)?$APP.l(a,"scrollAttached"):a)&&(window.removeEventListener("scroll",$APP.l(a,"scroll")),a.scrollAttached=!1)},t4=function(a,b){a.textContent=b;setTimeout(function(){return a.textContent=""},1E3)},Ata=function(a,b){b=b[0].isIntersecting;var c=$APP.G($APP.l(a,"__xScrollParallaxRefs"));c=$APP.C(c,$APP.Lq);
|
|
11
|
+
$APP.Q(a,"__xScrollParallaxVisible",b);if($APP.n(b))return zta(a),r4(a),t4(c,"Parallax section entered viewport"),$APP.fj(a,"x-scroll-parallax-enter",$APP.an(k4(function(){var d=$APP.l(a,"__xScrollParallaxLastProg");return $APP.n(d)?d:0}())));s4(a);t4(c,"Parallax section left viewport");return $APP.fj(a,"x-scroll-parallax-leave",$APP.an(k4(function(){var d=$APP.l(a,"__xScrollParallaxLastProg");return $APP.n(d)?d:0}())))},Bta=function(a){function b(){return $APP.n($APP.l(a,"__xScrollParallaxVisible"))?
|
|
12
|
+
(q4(a),r4(a)):null}function c(){q4(a);return $APP.n($APP.l(a,"__xScrollParallaxVisible"))?r4(a):null}var d=l4(a);d=$APP.G(d);$APP.C(d,$APP.fo).addEventListener("slotchange",c);window.addEventListener("resize",b);$APP.Q(a,"__xScrollParallaxHandlers",{scroll:function(){return yta(a)},slot:c,resize:b,scrollAttached:!1})},u4=function(a){var b=$APP.l(a,"__xScrollParallaxHandlers");if($APP.n(b)){s4(a);var c=$APP.l(a,"__xScrollParallaxRefs");if($APP.n(c)){c=$APP.fo.i(c);var d=$APP.l(b,"slot");$APP.n(d)&&
|
|
13
|
+
c.removeEventListener("slotchange",d)}b=$APP.l(b,"resize");$APP.n(b)&&window.removeEventListener("resize",b)}b=$APP.l(a,"__xScrollParallaxRAF");$APP.n(b)&&(cancelAnimationFrame(b),$APP.$i(a,"__xScrollParallaxRAF",null));$APP.Q(a,"__xScrollParallaxHandlers",null)},Cta=function(a){var b=$APP.l(a,"__xScrollParallaxIO");$APP.n(b)&&b.disconnect();b=new IntersectionObserver(function(c){return Ata(a,c)},{threshold:[0]});b.observe(a);$APP.Q(a,"__xScrollParallaxIO",b)},v4=function(a){var b=o4(a);if($APP.I($APP.l(a,
|
|
14
|
+
"__xScrollParallaxModel"),b)){var c=$APP.G(b),d=$APP.C(c,$APP.Kr);b=$APP.C(c,$APP.Xj);var e=$APP.C(c,$APP.Z),f=l4(a);f=$APP.G(f);f=$APP.C(f,$APP.Dr);$APP.S(a,"data-direction",d);$APP.q(e)?$APP.S(f,"aria-label",e):$APP.U(f,"aria-label");$APP.Q(a,"__xScrollParallaxModel",c);c=$APP.l(a,"__xScrollParallaxVisible");a=$APP.n($APP.n(c)?$APP.p(b):c)?r4(a):null}else a=null;return a},Dta=function(a){$APP.nj(a,"direction","direction","vertical");$APP.nj(a,"source","source","document");$APP.nj(a,"easing","easing",
|
|
15
|
+
"none");$APP.kj(a,"disabled","disabled");Object.defineProperty(a,"label",{get:function(){var b=this.getAttribute("label");return $APP.n(b)?b:""},set:function(b){return $APP.n($APP.n(b)?$APP.I(b,""):b)?$APP.S(this,"label",""+$APP.P.i(b)):$APP.U(this,"label")},enumerable:!0,configurable:!0});return Object.defineProperty(a,"progress",{get:function(){var b=$APP.l(this,"__xScrollParallaxLastProg");return $APP.n(b)?b:0},enumerable:!0,configurable:!0})},Eta=function(a){l4(a);u4(a);Bta(a);Cta(a);return v4(a)},
|
|
16
|
+
Fta=function(a){for(var b=p4(a),c=b.length,d=0;;)if(d<c){var e=b[d];e.style.transform="";e.style.opacity="";d+=1}else break;$APP.n($APP.l(a,"__xScrollParallaxVisible"))&&(b=$APP.l(a,"__xScrollParallaxLastProg"),$APP.fj(a,"x-scroll-parallax-leave",$APP.an(k4($APP.n(b)?b:0))));u4(a);b=$APP.l(a,"__xScrollParallaxIO");$APP.n(b)&&(b.disconnect(),$APP.Q(a,"__xScrollParallaxIO",null));q4(a);$APP.Q(a,"__xScrollParallaxVisible",!1);return $APP.Q(a,"__xScrollParallaxLastProg",null)},Gta=function(a,b,c,d){return $APP.I(c,
|
|
17
|
+
d)?v4(a):null},w4=function(){return $APP.si("x-scroll-parallax",new $APP.M(null,5,[$APP.ji,Hta,$APP.hi,Eta,$APP.ei,Fta,$APP.di,Gta,$APP.ii,Dta],null))},m4=new $APP.F(null,"source-raw","source-raw",396083546),n4=new $APP.F(null,"easing-raw","easing-raw",440485546),tta=new $APP.F(null,"easing","easing",735372043);var Hta=["direction","source","easing","disabled","label"];$APP.je(["x-scroll-parallax-enter",new $APP.M(null,2,[$APP.V,new $APP.M(null,1,[$APP.Qu,$APP.Y],null),$APP.$u,!1],null),"x-scroll-parallax-leave",new $APP.M(null,2,[$APP.V,new $APP.M(null,1,[$APP.Qu,$APP.Y],null),$APP.$u,!1],null),"x-scroll-parallax-progress",new $APP.M(null,2,[$APP.V,new $APP.M(null,1,[$APP.Qu,$APP.Y],null),$APP.$u,!1],null)]);
|
|
18
|
+
var qta=new $APP.ch(null,new $APP.M(null,2,["vertical",null,"horizontal",null],null),null),rta=new $APP.ch(null,new $APP.M(null,1,["document",null],null),null),sta=new $APP.ch(null,new $APP.M(null,2,["none",null,"smooth",null],null),null);$APP.ha("baredom.exports.x_scroll_parallax.init",w4);export const init=w4;
|
package/dist/x-scroll-stack.js
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
2
|
+
var nM=function(a,b){return typeof a==="string"?(a=parseFloat(a.trim()),typeof a==="number"&&$APP.p(isNaN(a))&&a>0?a:b):b},oM=function(a){return typeof a==="string"&&$APP.dd(Hga,a.trim().toLowerCase())?a.trim().toLowerCase():"center"},Iga=function(a,b,c){b*=c;c=b+c-b;return Math.max(0,Math.min(1,c<=0?0:(a-b)/c))},Jga=function(a,b,c){b*=c;return b<=0?0:Math.max(0,Math.min(1,a/b))},pM=function(a){var b=$APP.l(a,"__xScrollStackRefs");if($APP.n(b))return b;b=a.attachShadow({mode:"open"});var c=document.createElement("style"),
|
|
3
3
|
d=document.createElement("div"),e=document.createElement("slot");c.textContent=":host{display:block;position:relative;color-scheme:light dark;--x-scroll-stack-peek:6px;--x-scroll-stack-rotation:3deg;--x-scroll-stack-gap:1rem;}[part\x3dcontainer]{position:sticky;top:0;height:100dvh;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:var(--x-scroll-stack-padding-top,2rem);gap:var(--x-scroll-stack-gap);}::slotted(*){flex-shrink:0;will-change:transform;transition:transform 60ms linear;}:host([disabled]){opacity:0.55;}@media (prefers-reduced-motion:reduce){::slotted(*){transition:none !important;}}";
|
|
4
|
-
$APP.S(d,"part","container");$APP.S(d,"role","region");d.appendChild(e);b.appendChild(c);b.appendChild(d);$APP.Q(a,"__xScrollStackRefs",new $APP.M(null,3,[$APP.
|
|
5
|
-
|
|
6
|
-
na:
|
|
7
|
-
32;break a;case "bottom":na=Na-na-32;break a;default:na=(Na-na)/2}return na-x}():0;b=
|
|
8
|
-
"px,"+$APP.P.i(aa.toFixed(2))+"px) rotate("+$APP.P.i(ma.toFixed(3))+"deg)";O.style.zIndex=ia;H+=1}else break;$APP.I(B,E)&&($APP.Q(a,"__xScrollStackStackedCount",B),$APP.
|
|
9
|
-
$APP.l(a,"__xScrollStackModel");return $APP.n(a)?$APP.
|
|
10
|
-
{passive:!0}),a.scrollAttached=!0)},
|
|
11
|
-
|
|
12
|
-
$APP.n(b)&&b.disconnect();b=new IntersectionObserver(function(c){c=c[0].isIntersecting;$APP.Q(a,"__xScrollStackVisible",c);$APP.n(c)?$APP.n(
|
|
13
|
-
"__xScrollStackVisible"))?
|
|
14
|
-
b)}b=$APP.l(a,"__xScrollStackRAF");$APP.n(b)&&(cancelAnimationFrame(b),$APP
|
|
15
|
-
|
|
16
|
-
Object.defineProperty(a,"progress",{get:function(){var b=$APP.l(this,"__xScrollStackLastProg");return $APP.n(b)?b:0},enumerable:!0,configurable:!0});return Object.defineProperty(a,"refresh",{value:function(){
|
|
17
|
-
$APP.Q(a,"__xScrollStackVisible",!1);$APP.Q(a,"__xScrollStackStackedCount",0);$APP.Q(a,"__xScrollStackLastProg",null);$APP.Q(a,"__xScrollStackNaturalOffsets",null);return $APP.Q(a,"__xScrollStackChildHeights",null)},
|
|
18
|
-
-949440704),
|
|
4
|
+
$APP.S(d,"part","container");$APP.S(d,"role","region");d.appendChild(e);b.appendChild(c);b.appendChild(d);$APP.Q(a,"__xScrollStackRefs",new $APP.M(null,3,[$APP.Tk,b,$APP.Uk,d,$APP.fo,e],null));return $APP.l(a,"__xScrollStackRefs")},tM=function(a){a=new $APP.M(null,5,[$APP.Su,a.getAttribute("peek"),qM,a.getAttribute("rotation"),rM,a.getAttribute("scroll-distance"),$APP.ir,a.getAttribute("align"),$APP.rr,$APP.n(a.hasAttribute("disabled"))?"":null],null);var b=$APP.G(a);a=$APP.C(b,$APP.Su);var c=$APP.C(b,
|
|
5
|
+
qM),d=$APP.C(b,rM),e=$APP.C(b,$APP.ir);b=$APP.C(b,$APP.rr);return new $APP.M(null,5,[$APP.nr,nM(a,6),$APP.Nu,nM(c,3),sM,nM(d,150),$APP.Pr,oM(e),$APP.Xj,b!=null],null)},uM=function(a){a=pM(a);a=$APP.G(a);return $APP.C(a,$APP.fo).assignedElements()},vM=function(a){var b=$APP.l(a,"__xScrollStackModel");b=$APP.n(b)?b:tM(a);var c=uM(a).length;b=window.innerHeight+c*sM.i(b);return a.style.height=""+$APP.P.i(b)+"px"},BM=function(a){var b=function(){var na=$APP.l(a,"__xScrollStackModel");return $APP.n(na)?
|
|
6
|
+
na:tM(a)}(),c=a.getBoundingClientRect();c=Math.max(0,-c.top);var d=uM(a),e=d.length,f=$APP.l(a,"__xScrollStackNaturalOffsets"),h=$APP.l(a,"__xScrollStackChildHeights");if($APP.n(function(){var na=e>0;return na?$APP.n(f)?$APP.n(h)?$APP.z.j(f.length,e)&&$APP.z.j(h.length,e):h:f:na}())){var k=sM.i(b),m=$APP.nr.i(b),r=$APP.Nu.i(b),u=$APP.Pr.i(b),x=f[0],y=$APP.n(a.hasAttribute("align"))?function(){var na=(e-1)*m+h[e-1],Na=$APP.G($APP.l(a,"__xScrollStackRefs"));Na=$APP.C(Na,$APP.Uk).clientHeight;a:switch(u){case "top":na=
|
|
7
|
+
32;break a;case "bottom":na=Na-na-32;break a;default:na=(Na-na)/2}return na-x}():0;b=Jga(c,e,k);for(var B=Math.max(0,Math.min(e,Math.floor(c/Math.max(1,k)))),E=function(){var na=$APP.l(a,"__xScrollStackStackedCount");return $APP.n(na)?na:0}(),H=0;;)if(H<e){var O=d[H],T=Iga(c,H,k),R=new $APP.M(null,3,[wM,H*m,xM,r*Math.sin(H*2.3),yM,2*Math.cos(H*3.7)],null),aa=f[H];aa=x+wM.i(R)-aa;aa=T*aa+T*y;var ma=T*xM.i(R);R=T*yM.i(R);var ia=T>0?""+$APP.P.i(H):"";O.style.transform=T===0?"":"translate("+$APP.P.i(R.toFixed(2))+
|
|
8
|
+
"px,"+$APP.P.i(aa.toFixed(2))+"px) rotate("+$APP.P.i(ma.toFixed(3))+"deg)";O.style.zIndex=ia;H+=1}else break;$APP.I(B,E)&&($APP.Q(a,"__xScrollStackStackedCount",B),$APP.fj(a,"x-scroll-stack-change",$APP.an(new $APP.M(null,3,[zM,B,AM,e,$APP.Qu,b],null))));c=$APP.l(a,"__xScrollStackLastProg");if(c==null||Math.abs(b-c)>.001)$APP.Q(a,"__xScrollStackLastProg",b),$APP.fj(a,"x-scroll-stack-progress",$APP.an(new $APP.M(null,3,[$APP.Qu,b,zM,B,AM,e],null)))}return $APP.$i(a,"__xScrollStackRAF",null)},CM=function(a){a=
|
|
9
|
+
$APP.l(a,"__xScrollStackModel");return $APP.n(a)?$APP.Xj.i(a):a},Kga=function(a){return $APP.n(function(){var b=a.isConnected;return $APP.n(b)?(b=$APP.l(a,"__xScrollStackVisible"),$APP.n(b)?$APP.p(CM(a)):b):b}())?$APP.n($APP.l(a,"__xScrollStackRAF"))?null:$APP.$i(a,"__xScrollStackRAF",requestAnimationFrame(function(){return BM(a)})):null},DM=function(a){a=$APP.l(a,"__xScrollStackHandlers");$APP.n($APP.n(a)?$APP.p($APP.l(a,"scrollAttached")):a)&&(window.addEventListener("scroll",$APP.l(a,"scroll"),
|
|
10
|
+
{passive:!0}),a.scrollAttached=!0)},EM=function(a){a=$APP.l(a,"__xScrollStackHandlers");if($APP.n($APP.n(a)?$APP.l(a,"scrollAttached"):a))window.removeEventListener("scroll",$APP.l(a,"scroll")),a.scrollAttached=!1;else return null},FM=function(a){var b=$APP.l(a,"__xScrollStackCacheRAF");$APP.n(b)&&(cancelAnimationFrame(b),$APP.Q(a,"__xScrollStackCacheRAF",null));return $APP.Q(a,"__xScrollStackCacheRAF",requestAnimationFrame(function(){$APP.Q(a,"__xScrollStackCacheRAF",null);if($APP.n(a.isConnected)){var c=
|
|
11
|
+
uM(a),d=c.length;if(d>0){var e=$APP.G($APP.l(a,"__xScrollStackRefs")),f=$APP.C(e,$APP.Uk);e=Array(d);for(var h=Array(d),k=0;;)if(k<d){var m=c[k];m.style.transform="";m.style.zIndex="";k+=1}else break;f.offsetHeight;f=f.getBoundingClientRect();for(k=0;;)if(k<d)m=c[k].getBoundingClientRect(),e[k]=m.top-f.top,h[k]=m.height,k+=1;else break;$APP.Q(a,"__xScrollStackNaturalOffsets",e);$APP.Q(a,"__xScrollStackChildHeights",h)}return BM(a)}return null}))},Lga=function(a){var b=$APP.l(a,"__xScrollStackIO");
|
|
12
|
+
$APP.n(b)&&b.disconnect();b=new IntersectionObserver(function(c){c=c[0].isIntersecting;$APP.Q(a,"__xScrollStackVisible",c);$APP.n(c)?$APP.n(CM(a))?c=null:(DM(a),c=FM(a)):c=EM(a);return c},{threshold:[0]});b.observe(a);$APP.Q(a,"__xScrollStackIO",b)},GM=function(a){a=uM(a);for(var b=a.length,c=0;;)if(c<b){var d=a[c];d.style.transform="";d.style.zIndex="";c+=1}else break},Mga=function(a){function b(){vM(a);return $APP.n($APP.l(a,"__xScrollStackVisible"))?FM(a):null}function c(){vM(a);return $APP.n($APP.l(a,
|
|
13
|
+
"__xScrollStackVisible"))?FM(a):null}var d=pM(a);d=$APP.G(d);$APP.C(d,$APP.fo).addEventListener("slotchange",c);window.addEventListener("resize",b);$APP.Q(a,"__xScrollStackHandlers",{scroll:function(){return Kga(a)},slot:c,resize:b,scrollAttached:!1})},HM=function(a){var b=$APP.l(a,"__xScrollStackHandlers");if($APP.n(b)){EM(a);var c=$APP.l(a,"__xScrollStackRefs");if($APP.n(c)){c=$APP.fo.i(c);var d=$APP.l(b,"slot");$APP.n(d)&&c.removeEventListener("slotchange",d)}b=$APP.l(b,"resize");$APP.n(b)&&window.removeEventListener("resize",
|
|
14
|
+
b)}b=$APP.l(a,"__xScrollStackRAF");$APP.n(b)&&(cancelAnimationFrame(b),$APP.$i(a,"__xScrollStackRAF",null));b=$APP.l(a,"__xScrollStackCacheRAF");$APP.n(b)&&(cancelAnimationFrame(b),$APP.Q(a,"__xScrollStackCacheRAF",null));$APP.Q(a,"__xScrollStackHandlers",null)},IM=function(a){var b=tM(a);if($APP.I($APP.l(a,"__xScrollStackModel"),b)){b=$APP.G(b);var c=$APP.C(b,$APP.Xj);$APP.Q(a,"__xScrollStackModel",b);$APP.n(c)?(GM(a),$APP.Q(a,"__xScrollStackStackedCount",0),$APP.Q(a,"__xScrollStackLastProg",null),
|
|
15
|
+
EM(a)):$APP.n($APP.l(a,"__xScrollStackVisible"))&&(DM(a),FM(a))}},Nga=function(a){return nM(a,6)},Oga=function(a){return nM(a,3)},Pga=function(a){return nM(a,150)},Qga=function(a){$APP.qj(a,"peek","peek",Nga);$APP.qj(a,"rotation","rotation",Oga);$APP.qj(a,"scrollDistance","scroll-distance",Pga);$APP.qj(a,"align","align",oM);$APP.kj(a,"disabled","disabled");Object.defineProperty(a,"stackedCount",{get:function(){var b=$APP.l(this,"__xScrollStackStackedCount");return $APP.n(b)?b:0},enumerable:!0,configurable:!0});
|
|
16
|
+
Object.defineProperty(a,"progress",{get:function(){var b=$APP.l(this,"__xScrollStackLastProg");return $APP.n(b)?b:0},enumerable:!0,configurable:!0});return Object.defineProperty(a,"refresh",{value:function(){vM(this);return $APP.n($APP.l(this,"__xScrollStackVisible"))?FM(this):null},writable:!0,configurable:!0})},Rga=function(a){pM(a);HM(a);Mga(a);Lga(a);IM(a);return vM(a)},Sga=function(a){GM(a);HM(a);var b=$APP.l(a,"__xScrollStackIO");$APP.n(b)&&(b.disconnect(),$APP.Q(a,"__xScrollStackIO",null));
|
|
17
|
+
$APP.Q(a,"__xScrollStackVisible",!1);$APP.Q(a,"__xScrollStackStackedCount",0);$APP.Q(a,"__xScrollStackLastProg",null);$APP.Q(a,"__xScrollStackNaturalOffsets",null);return $APP.Q(a,"__xScrollStackChildHeights",null)},Tga=function(a,b,c,d){return $APP.I(c,d)?(IM(a),vM(a),$APP.n($APP.l(a,"__xScrollStackVisible"))?FM(a):null):null},JM=function(){return $APP.si("x-scroll-stack",new $APP.M(null,5,[$APP.ji,Uga,$APP.hi,Rga,$APP.ei,Sga,$APP.di,Tga,$APP.ii,Qga],null))},xM=new $APP.F(null,"stack-rot","stack-rot",
|
|
18
|
+
-949440704),AM=new $APP.F(null,"totalCount","totalCount",2101470328),rM=new $APP.F(null,"scroll-distance-raw","scroll-distance-raw",1537519796),yM=new $APP.F(null,"stack-x","stack-x",-1557848736),wM=new $APP.F(null,"stack-y","stack-y",146748620),qM=new $APP.F(null,"rotation-raw","rotation-raw",318004495),zM=new $APP.F(null,"stackedCount","stackedCount",137366007),sM=new $APP.F(null,"scroll-distance","scroll-distance",-544947824);var Uga=["peek","rotation","scroll-distance","align","disabled"];$APP.je(["x-scroll-stack-change",new $APP.M(null,2,[$APP.V,new $APP.M(null,3,[zM,$APP.Y,AM,$APP.Y,$APP.Qu,$APP.Y],null),$APP.$u,!1],null),"x-scroll-stack-progress",new $APP.M(null,2,[$APP.V,new $APP.M(null,3,[$APP.Qu,$APP.Y,zM,$APP.Y,AM,$APP.Y],null),$APP.$u,!1],null)]);var Hga=new $APP.ch(null,new $APP.M(null,3,["top",null,"center",null,"bottom",null],null),null);$APP.ha("baredom.exports.x_scroll_stack.init",JM);export const init=JM;
|
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.S(d,"part","container");$APP.S(d,"role","region");$APP.S(e,"part","media");$APP.S(h,"name","media");var r=document.createElement("div");$APP.S(r,"part","indicator");e.appendChild(r);e.appendChild(h);$APP.S(f,"part","steps");f.appendChild(k);d.appendChild(e);d.appendChild(f);$APP.S(m,"part","live");$APP.S(m,"aria-live","polite");$APP.S(m,"aria-atomic","true");b.appendChild(c);b.appendChild(d);b.appendChild(m);$APP.Q(a,"__xScrollStoryRefs",new $APP.M(null,6,[$APP.
|
|
5
|
-
$APP.
|
|
6
|
-
a=$APP.C(b,$APP.
|
|
7
|
-
H8=function(a){a=a.getAttribute("id");return typeof a==="string"&&$APP.I(a,"")?a:null},I8=function(a,b){a.textContent=b;setTimeout(function(){return a.textContent=""},3E3)},
|
|
8
|
-
H8(b[d]):null;b=c>=0&&c<b.length?H8(b[c]):null;$APP.
|
|
9
|
-
h);f=h}for(h=0;;)if(h<e){if(h<$APP.w(c)){k=$APP.
|
|
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.
|
|
2
|
+
var x8=function(a){return typeof a==="string"?(a=parseFloat(a.trim()),$APP.n(isNaN(a))?.5:$APP.Rl.j(0,$APP.Sl.j(1,a))):.5},y8=function(a){return typeof a==="string"?(a=parseFloat(a.trim()),$APP.n(isNaN(a))?.5:$APP.Rl.j(.1,$APP.Sl.j(.9,a))):.5},z8=function(a){return typeof a==="string"?(a=parseFloat(a.trim()),$APP.n(isNaN(a))?50:$APP.Rl.j(1,$APP.Sl.j(1E3,a))):50},pwa=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.zc(a,d),k=$APP.G(h);h=$APP.C(k,
|
|
3
|
+
$APP.vq);k=$APP.C(k,$APP.ft);e=h<=b&&k>b?d:e;f=h<=b?d:f;d+=1}},B8=function(a){var b=$APP.l(a,"__xScrollStoryRefs");if($APP.n(b))return b;b=a.attachShadow({mode:"open"});var c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("div"),f=document.createElement("div"),h=document.createElement("slot"),k=document.createElement("slot"),m=document.createElement("div");c.textContent=":host{display:block;position:relative;color-scheme:light dark;--x-scroll-story-gap:0;--x-scroll-story-step-min-height:80vh;--x-scroll-story-step-padding:2rem;--x-scroll-story-active-opacity:1;--x-scroll-story-inactive-opacity:0.3;--x-scroll-story-transition-duration:300ms;--x-scroll-story-disabled-opacity:0.55;--x-scroll-story-media-top:0;}[part\x3dcontainer]{display:flex;gap:var(--x-scroll-story-gap);}:host([data-layout\x3dleft]) [part\x3dcontainer]{flex-direction:row;}:host([data-layout\x3dright]) [part\x3dcontainer]{flex-direction:row-reverse;}:host([data-layout\x3dtop]) [part\x3dcontainer]{flex-direction:column;}[part\x3dmedia]{position:sticky;top:var(--x-scroll-story-media-top);align-self:flex-start;flex-shrink:0;}:host([data-layout\x3dtop]) [part\x3dmedia]{position:sticky;width:100%;}[part\x3dsteps]{flex:1;min-width:0;}[part\x3dmedia]{height:100dvh;}::slotted(:not([slot])){min-height:var(--x-scroll-story-step-min-height);padding:var(--x-scroll-story-step-padding);opacity:var(--x-scroll-story-inactive-opacity);transition:opacity var(--x-scroll-story-transition-duration) ease;}::slotted([data-active]){opacity:var(--x-scroll-story-active-opacity);}:host([disabled]){opacity:var(--x-scroll-story-disabled-opacity);}[part\x3dlive]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;}[part\x3dindicator]{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;width:48px;height:48px;opacity:0.7;}[part\x3dindicator]::before,[part\x3dindicator]::after{content:'';position:absolute;top:8px;width:12px;height:32px;background:rgba(255,255,255,0.9);border-radius:3px;}[part\x3dindicator]::before{left:8px;}[part\x3dindicator]::after{right:8px;}:host([data-autoplay-paused][autoplay-indicator]) [part\x3dindicator]{display:block;}@media (prefers-reduced-motion:reduce){::slotted(*){transition:none !important;}}";
|
|
4
|
+
$APP.S(d,"part","container");$APP.S(d,"role","region");$APP.S(e,"part","media");$APP.S(h,"name","media");var r=document.createElement("div");$APP.S(r,"part","indicator");e.appendChild(r);e.appendChild(h);$APP.S(f,"part","steps");f.appendChild(k);d.appendChild(e);d.appendChild(f);$APP.S(m,"part","live");$APP.S(m,"aria-live","polite");$APP.S(m,"aria-atomic","true");b.appendChild(c);b.appendChild(d);b.appendChild(m);$APP.Q(a,"__xScrollStoryRefs",new $APP.M(null,6,[$APP.Tk,b,$APP.Uk,d,A8,e,$APP.ov,f,
|
|
5
|
+
$APP.fo,k,$APP.Lq,m],null));return $APP.l(a,"__xScrollStoryRefs")},E8=function(a){a=$APP.wg([$APP.Pj,$APP.ks,$APP.Vu,$APP.hq,$APP.Vt,$APP.$q,$APP.rr,$APP.Tu,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.rr);var c=$APP.C(b,$APP.Tu),d=$APP.C(b,C8),e=$APP.C(b,$APP.Pj),f=$APP.C(b,$APP.ks),h=$APP.C(b,$APP.Vu),k=$APP.C(b,$APP.hq),m=$APP.C(b,$APP.Vt);b=$APP.C(b,$APP.$q);m=typeof m==="string"?m.trim().toLowerCase():null;m=$APP.dd(qwa,m)?m:"left";return $APP.wg([$APP.Hs,$APP.Hq,$APP.Fu,D8,$APP.Z,$APP.Sq,$APP.Xj,$APP.ls,$APP.Xq],[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.fo).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)},rwa=function(a,b,c){var d=$APP.l(a,"__xScrollStoryActiveIndex");d=$APP.n(d)?d:-1;if($APP.I(d,c)){d>=0&&d<b.length&&$APP.U(b[d],"data-active");c>=0&&c<b.length&&$APP.S(b[c],"data-active","");c>=0?$APP.S(a,"data-active-index",""+$APP.P.i(c)):$APP.U(a,"data-active-index");$APP.Q(a,"__xScrollStoryActiveIndex",c);var e=d>=0&&d<b.length?
|
|
8
|
+
H8(b[d]):null;b=c>=0&&c<b.length?H8(b[c]):null;$APP.fj(a,"x-scroll-story-step-change",$APP.an(new $APP.M(null,4,[$APP.Vl,c,$APP.ju,b,$APP.ps,d,$APP.bw,e],null)));a=$APP.G($APP.l(a,"__xScrollStoryRefs"));a=$APP.C(a,$APP.Lq);I8(a,"Step "+$APP.P.i(c+1)+" active")}},swa=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.zc(c,h);k=$APP.G(k);var m=$APP.C(k,$APP.vq),r=$APP.C(k,$APP.ft),u=f[h];k=m<=d&&r>d;var x=H8(b[h]),y=m;m=r-m;m=m<=0?0:$APP.Rl.j(0,$APP.Sl.j(1,(d-y)/m));$APP.p(u)&&k?(f[h]=!0,$APP.fj(a,"x-scroll-story-step-enter",$APP.an(new $APP.M(null,3,[$APP.Vl,h,$APP.ju,x,$APP.Qu,m],null)))):$APP.n($APP.n(u)?!k:u)&&(f[h]=!1,$APP.fj(a,"x-scroll-story-step-leave",$APP.an(new $APP.M(null,3,[$APP.Vl,h,$APP.ju,x,$APP.Qu,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.Xj.i(b))){var c=F8(a),d=c.length,e=window.innerHeight,f=e*$APP.Fu.i(b),h=function(){for(var m=0,r=$APP.Ge;;){if(m>=d)return r;var u=c[m].getBoundingClientRect();m+=1;r=$APP.Bd.j(r,new $APP.M(null,2,[$APP.vq,u.top,$APP.ft,u.top+u.height],null))}}();b=pwa(h,f);var k=$APP.G($APP.l(a,"__xScrollStoryRefs"));k=$APP.C(k,$APP.ov).getBoundingClientRect();e=$APP.Rl.j(0,$APP.Sl.j(1,(e-k.top)/(e+k.height)));k=$APP.l(a,
|
|
11
|
+
"__xScrollStoryLastProg");rwa(a,c,b);swa(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.fj(a,"x-scroll-story-progress",$APP.an(new $APP.M(null,3,[$APP.Qu,e,$APP.Js,b,$APP.qu,f],null)))}return $APP.$i(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.Xq.i(e);return $APP.n(k)?$APP.p($APP.Xj.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.ls.i(e)*f);$APP.n(function(){var k=$APP.Hq.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.S(a,"data-autoplay-paused","");b=function(){var e=$APP.l(a,"__xScrollStoryLastProg");return $APP.n(e)?e:0}();var c=function(){var e=$APP.l(a,"__xScrollStoryActiveIndex");return $APP.n(e)?
|
|
14
|
-
e:-1}(),d=a.children;d=c>=0&&c<d.length?H8(d[c]):null;return $APP.
|
|
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.
|
|
14
|
+
e:-1}(),d=a.children;d=c>=0&&c<d.length?H8(d[c]):null;return $APP.fj(a,"x-scroll-story-autoplay-pause",$APP.an(new $APP.M(null,3,[$APP.Qu,b,$APP.Js,c,$APP.qu,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.fj(a,"x-scroll-story-autoplay-resume",$APP.an(new $APP.M(null,3,[$APP.Qu,b,$APP.Js,c,$APP.qu,d],null)))}return null},N8=function(a){var b=$APP.l(a,"__xScrollStoryAutoplayRAF");$APP.n(b)&&(cancelAnimationFrame(b),$APP.Q(a,"__xScrollStoryAutoplayRAF",null));b=$APP.l(a,"__xScrollStoryAutoplayHandlers");$APP.n(b)&&(a.removeEventListener("pointerdown",$APP.l(b,
|
|
16
16
|
"pointerdown")),a.removeEventListener("pointerup",$APP.l(b,"pointerup")),a.removeEventListener("pointerleave",$APP.l(b,"pointerleave")),a.removeEventListener("keydown",$APP.l(b,"keydown")),a.removeEventListener("keyup",$APP.l(b,"keyup")),$APP.Q(a,"__xScrollStoryAutoplayHandlers",null));$APP.U(a,"data-autoplay-paused");$APP.U(a,"tabindex");$APP.Q(a,"__xScrollStoryAutoplayPaused",!1);return $APP.Q(a,"__xScrollStoryAutoplayLast",null)},O8=function(a){if($APP.l(a,"__xScrollStoryAutoplayRAF")!=null)return null;
|
|
17
|
-
var b=$APP.l(a,"__xScrollStoryModel");if($APP.n(function(){if($APP.n(b)){var k=$APP.
|
|
17
|
+
var b=$APP.l(a,"__xScrollStoryModel");if($APP.n(function(){if($APP.n(b)){var k=$APP.Xq.i(b);return $APP.n(k)?(k=$APP.p($APP.Xj.i(b)))?(k=$APP.l(a,"__xScrollStoryVisible"),$APP.n(k)?!G8():k):k:k}return b}())){$APP.S(a,"tabindex","0");$APP.Q(a,"__xScrollStoryAutoplayPaused",!1);$APP.Q(a,"__xScrollStoryAutoplayLast",null);var c=function(){return L8(a)},d=function(){return M8(a)},e=function(){return $APP.n($APP.l(a,"__xScrollStoryAutoplayPaused"))?M8(a):null},f=function(k){return $APP.z.j(k.code,"Space")?
|
|
18
18
|
(k.preventDefault(),L8(a)):null},h=function(k){return $APP.z.j(k.code,"Space")?M8(a):null};a.addEventListener("pointerdown",c);a.addEventListener("pointerup",d);a.addEventListener("pointerleave",e);a.addEventListener("keydown",f);a.addEventListener("keyup",h);$APP.Q(a,"__xScrollStoryAutoplayHandlers",{pointerdown:c,pointerup:d,pointerleave:e,keydown:f,keyup:h});return $APP.Q(a,"__xScrollStoryAutoplayRAF",requestAnimationFrame(K8(a)))}return null},P8=function(a){a=$APP.l(a,"__xScrollStoryModel");return $APP.n(a)?
|
|
19
|
-
$APP.
|
|
20
|
-
$APP.l(a,"__xScrollStoryHandlers");$APP.n($APP.n(a)?$APP.l(a,"scrollAttached"):a)&&(window.removeEventListener("scroll",$APP.l(a,"scroll")),a.scrollAttached=!1)},
|
|
21
|
-
return $APP.n(d)?d:0}()],null)));b=$APP.l(a,"__xScrollStoryModel");return $APP.n($APP.n(b)?$APP.
|
|
22
|
-
"__xScrollStoryStepStates",null);return $APP.n($APP.l(a,"__xScrollStoryVisible"))?J8(a):null}var d=B8(a);d=$APP.G(d);$APP.C(d,$APP.
|
|
23
|
-
d)}b=$APP.l(b,"resize");$APP.n(b)&&window.removeEventListener("resize",b)}b=$APP.l(a,"__xScrollStoryRAF");$APP.n(b)&&(cancelAnimationFrame(b),$APP
|
|
24
|
-
else break},U8=function(a){var b=E8(a);if($APP.I($APP.l(a,"__xScrollStoryModel"),b)){var c=$APP.G(b),d=$APP.C(c,$APP.
|
|
25
|
-
-1),$APP.Q(a,"__xScrollStoryStepStates",null),R8(a),N8(a)):$APP.n($APP.l(a,"__xScrollStoryVisible"))&&(Q8(a),J8(a));c=$APP.
|
|
26
|
-
$APP.
|
|
27
|
-
$APP.l(this,"__xScrollStoryLastProg");return $APP.n(b)?b:0},enumerable:!0,configurable:!0});return Object.defineProperty(a,"autoplayPaused",{get:function(){return $APP.D($APP.l(this,"__xScrollStoryAutoplayPaused"))},enumerable:!0,configurable:!0})},
|
|
28
|
-
null)))}S8(a);b=$APP.l(a,"__xScrollStoryIO");$APP.n(b)&&(b.disconnect(),$APP.Q(a,"__xScrollStoryIO",null));$APP.Q(a,"__xScrollStoryVisible",!1);$APP.Q(a,"__xScrollStoryActiveIndex",-1);$APP.Q(a,"__xScrollStoryLastProg",null);return $APP.Q(a,"__xScrollStoryStepStates",null)},
|
|
29
|
-
C8=new $APP.F(null,"split-raw","split-raw",-455766786),D8=new $APP.F(null,"split","split",-599435118);var
|
|
30
|
-
$APP.
|
|
31
|
-
1,[$APP.N,$APP.X],null),new $APP.M(null,1,[$APP.N,$APP.
|
|
32
|
-
$APP.
|
|
33
|
-
new $APP.M(null,3,[$APP.
|
|
34
|
-
2,[$APP.V,new $APP.M(null,3,[$APP.
|
|
19
|
+
$APP.Xj.i(a):a},twa=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.$i(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)},uwa=function(a,b){b=b[0].isIntersecting;var c=$APP.G($APP.l(a,"__xScrollStoryRefs"));c=$APP.C(c,$APP.Lq);$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.fj(a,"x-scroll-story-enter",$APP.an(new $APP.M(null,1,[$APP.Qu,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.Xq.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.fj(a,"x-scroll-story-leave",$APP.an(new $APP.M(null,1,[$APP.Qu,function(){var d=$APP.l(a,"__xScrollStoryLastProg");return $APP.n(d)?d:0}()],null)))},vwa=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.fo).addEventListener("slotchange",c);window.addEventListener("resize",b);$APP.Q(a,"__xScrollStoryHandlers",{scroll:function(){return twa(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.fo.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.$i(a,"__xScrollStoryRAF",null));$APP.Q(a,"__xScrollStoryHandlers",null)},wwa=function(a){var b=$APP.l(a,"__xScrollStoryIO");$APP.n(b)&&b.disconnect();b=new IntersectionObserver(function(c){return uwa(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.Hs),e=$APP.C(c,D8);b=$APP.C(c,$APP.Xj);var f=$APP.C(c,$APP.Z),h=B8(a),k=$APP.G(h);h=$APP.C(k,$APP.Uk);k=$APP.C(k,A8);$APP.S(a,"data-layout",d);$APP.z.j(d,"top")?k.style.width="":k.style.width="var(--x-scroll-story-media-width,"+$APP.P.i(e*100)+"%)";$APP.q(f)?$APP.S(h,"aria-label",f):$APP.U(h,"aria-label");$APP.Q(a,"__xScrollStoryModel",c);$APP.n(b)?(T8(a),$APP.Q(a,"__xScrollStoryActiveIndex",
|
|
25
|
+
-1),$APP.Q(a,"__xScrollStoryStepStates",null),R8(a),N8(a)):$APP.n($APP.l(a,"__xScrollStoryVisible"))&&(Q8(a),J8(a));c=$APP.Xq.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},xwa=function(a){$APP.nj(a,"layout","layout","left");$APP.qj(a,"threshold","threshold",x8);$APP.qj(a,"split","split",y8);$APP.kj(a,"disabled","disabled");$APP.kj(a,"autoplay","autoplay");$APP.qj(a,"autoplaySpeed","autoplay-speed",z8);$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.n(b)?b:""},set:function(b){return $APP.n($APP.n(b)?$APP.I(b,""):b)?$APP.S(this,"label",""+$APP.P.i(b)):$APP.U(this,"label")},enumerable:!0,configurable:!0});Object.defineProperty(a,"activeIndex",{get:function(){var b=$APP.l(this,"__xScrollStoryActiveIndex");return b!=null?b:-1},enumerable:!0,configurable:!0});Object.defineProperty(a,"progress",{get:function(){var b=
|
|
27
|
+
$APP.l(this,"__xScrollStoryLastProg");return $APP.n(b)?b:0},enumerable:!0,configurable:!0});return Object.defineProperty(a,"autoplayPaused",{get:function(){return $APP.D($APP.l(this,"__xScrollStoryAutoplayPaused"))},enumerable:!0,configurable:!0})},ywa=function(a){B8(a);S8(a);vwa(a);wwa(a);return U8(a)},zwa=function(a){N8(a);T8(a);if($APP.n($APP.l(a,"__xScrollStoryVisible"))){var b=$APP.l(a,"__xScrollStoryLastProg");$APP.fj(a,"x-scroll-story-leave",$APP.an(new $APP.M(null,1,[$APP.Qu,$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)},Awa=function(a,b,c,d){return $APP.I(c,d)?U8(a):null},V8=function(){return $APP.si("x-scroll-story",new $APP.M(null,5,[$APP.ji,Bwa,$APP.hi,ywa,$APP.ei,zwa,$APP.di,Awa,$APP.ii,xwa],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 Bwa="layout threshold split disabled label autoplay autoplay-speed autoplay-loop autoplay-indicator".split(" ");
|
|
30
|
+
$APP.wg([$APP.du,$APP.Qp,$APP.mt,$APP.un,$APP.Hs,$APP.Js,$APP.Fu,$APP.yv,D8,$APP.Z,$APP.dt,$APP.Qu],[new $APP.M(null,1,[$APP.N,$APP.sj],null),new $APP.M(null,1,[$APP.N,$APP.Y],null),new $APP.M(null,1,[$APP.N,$APP.sj],null),new $APP.M(null,1,[$APP.N,$APP.sj],null),new $APP.M(null,1,[$APP.N,$APP.X],null),new $APP.M(null,2,[$APP.N,$APP.Y,$APP.Ps,!0],null),new $APP.M(null,1,[$APP.N,$APP.Y],null),new $APP.M(null,2,[$APP.N,$APP.sj,$APP.Ps,!0],null),new $APP.M(null,1,[$APP.N,$APP.Y],null),new $APP.M(null,
|
|
31
|
+
1,[$APP.N,$APP.X],null),new $APP.M(null,1,[$APP.N,$APP.sj],null),new $APP.M(null,2,[$APP.N,$APP.Y,$APP.Ps,!0],null)]);
|
|
32
|
+
$APP.je(["x-scroll-story-step-change",new $APP.M(null,2,[$APP.V,new $APP.M(null,4,[$APP.Vl,$APP.Y,$APP.ju,$APP.X,$APP.ps,$APP.Y,$APP.bw,$APP.X],null),$APP.$u,!1],null),"x-scroll-story-step-enter",new $APP.M(null,2,[$APP.V,new $APP.M(null,3,[$APP.Vl,$APP.Y,$APP.ju,$APP.X,$APP.Qu,$APP.Y],null),$APP.$u,!1],null),"x-scroll-story-step-leave",new $APP.M(null,2,[$APP.V,new $APP.M(null,3,[$APP.Vl,$APP.Y,$APP.ju,$APP.X,$APP.Qu,$APP.Y],null),$APP.$u,!1],null),"x-scroll-story-progress",new $APP.M(null,2,[$APP.V,
|
|
33
|
+
new $APP.M(null,3,[$APP.Qu,$APP.Y,$APP.Js,$APP.Y,$APP.qu,$APP.X],null),$APP.$u,!1],null),"x-scroll-story-enter",new $APP.M(null,2,[$APP.V,new $APP.M(null,1,[$APP.Qu,$APP.Y],null),$APP.$u,!1],null),"x-scroll-story-leave",new $APP.M(null,2,[$APP.V,new $APP.M(null,1,[$APP.Qu,$APP.Y],null),$APP.$u,!1],null),"x-scroll-story-autoplay-pause",new $APP.M(null,2,[$APP.V,new $APP.M(null,3,[$APP.Qu,$APP.Y,$APP.Js,$APP.Y,$APP.qu,$APP.X],null),$APP.$u,!1],null),"x-scroll-story-autoplay-resume",new $APP.M(null,
|
|
34
|
+
2,[$APP.V,new $APP.M(null,3,[$APP.Qu,$APP.Y,$APP.Js,$APP.Y,$APP.qu,$APP.X],null),$APP.$u,!1],null)]);var qwa=new $APP.ch(null,new $APP.M(null,3,["right",null,"top",null,"left",null],null),null);$APP.ha("baredom.exports.x_scroll_story.init",V8);export const init=V8;
|