@vanelsas/baredom 1.3.0 → 1.4.0

package/dist/x-progress.js

@@ -1,12 +1,12 @@
 import { $APP, shadow$provide } from "./base.js";
-var WU=function(a,b){return typeof a==="string"?(a=parseFloat(a),$APP.n(isNaN(a))?b:a):b},ZU=function(a){var b=new $APP.R(null,7,[$APP.Xh,a.getAttribute("value"),$APP.wj,a.getAttribute("max"),$APP.jh,a.getAttribute("variant"),$APP.Wg,a.getAttribute("size"),$APP.U,a.getAttribute("label"),$APP.Ui,a.hasAttribute("show-value"),$APP.uk,a.hasAttribute("indeterminate")],null);var c=$APP.N(b),d=$APP.I(c,$APP.wj),e=$APP.I(c,$APP.Xh),g=$APP.I(c,$APP.jh),h=$APP.I(c,$APP.Wg);b=$APP.I(c,$APP.U);var k=$APP.I(c,
-$APP.Ui);c=$APP.I(c,$APP.uk);d=WU(d,100);d=d>0?d:100;e=$APP.Gg.h($APP.Fg.h(WU(e,0),0),d);g=typeof g==="string"&&$APP.K(XU,g)?g:"default";h=typeof h==="string"&&$APP.K(YU,h)?h:"md";c=$APP.J(c);k=$APP.J(k);var m=c?50:$APP.Gg.h($APP.Fg.h(e/d*100,0),100);b=$APP.mf([$APP.jh,$APP.Ui,$APP.Xh,$APP.Wg,$APP.uk,$APP.Pk,$APP.wj,$APP.U,$APP.bk],[g,k,e,h,c,c?"Loading…":""+$APP.T.g(Math.round(m))+"%",d,typeof b==="string"&&$APP.O("",b)?b:null,m]);var p=$APP.N(b);b=$APP.I(p,$APP.bk);k=$APP.I(p,$APP.jh);d=$APP.I(p,
-$APP.Ui);h=$APP.I(p,$APP.Xh);c=$APP.I(p,$APP.Wg);e=$APP.I(p,$APP.Pk);g=$APP.I(p,$APP.uk);m=$APP.I(p,$APP.U);p=$APP.I(p,$APP.wj);var q=$APP.l(a,"__xProgressBase"),v=$APP.l(a,"__xProgressHeader"),x=$APP.l(a,"__xProgressFill"),y=$APP.l(a,"__xProgressLabel"),A=$APP.l(a,"__xProgressValue");var D=(D=m!=null)?D:d;var G=$APP.l(a,"__xProgressCompleted"),H=$APP.r(g)&&h>=p;q.setAttribute("data-variant",k);q.setAttribute("data-size",c);q.setAttribute("data-indeterminate",$APP.n(g)?"true":"false");x.style.width=
-$APP.n(g)?"40%":""+$APP.T.g(b.toFixed(2))+"%";v.style.display=$APP.n(D)?"flex":"none";y.textContent=$APP.n(m)?m:"";y.style.display=m!=null?"":"none";A.textContent=$APP.n($APP.n(d)?$APP.r(g):d)?""+$APP.T.g(Math.round(b))+"%":"";A.style.display=$APP.n(d)?"":"none";a.setAttribute("role","progressbar");a.setAttribute("aria-valuemin","0");$APP.n(g)?(a.removeAttribute("aria-valuenow"),a.setAttribute("aria-busy","true"),a.setAttribute("aria-valuetext",e)):(a.setAttribute("aria-valuenow",""+$APP.T.g(h)),
-a.setAttribute("aria-valuemax",""+$APP.T.g(p)),a.setAttribute("aria-valuetext",e),a.removeAttribute("aria-busy"));m!=null?a.setAttribute("aria-label",m):a.removeAttribute("aria-label");H&&$APP.r(G)&&a.dispatchEvent(new CustomEvent("x-progress-complete",{bubbles:!0,composed:!0,detail:{value:h,max:p}}));a.__xProgressCompleted=$APP.J(H)},$U=function(a){Object.defineProperty(a,"value",{get:function(){var b=this.getAttribute("value");return $APP.n(b)?b:"0"},set:function(b){return this.setAttribute("value",
-""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"max",{get:function(){var b=this.getAttribute("max");return $APP.n(b)?b:"100"},set:function(b){return this.setAttribute("max",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"indeterminate",{get:function(){return this.hasAttribute("indeterminate")},set:function(b){return $APP.n(b)?this.setAttribute("indeterminate",""):this.removeAttribute("indeterminate")},enumerable:!0,configurable:!0});Object.defineProperty(a,
-"showValue",{get:function(){return this.hasAttribute("show-value")},set:function(b){return $APP.n(b)?this.setAttribute("show-value",""):this.removeAttribute("show-value")},enumerable:!0,configurable:!0});Object.defineProperty(a,"variant",{get:function(){var b=this.getAttribute("variant");return $APP.n(b)?b:""},set:function(b){return this.setAttribute("variant",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"size",{get:function(){var b=this.getAttribute("size");return $APP.n(b)?
-b:""},set:function(b){return this.setAttribute("size",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"label",{get:function(){return this.getAttribute("label")},set:function(b){return $APP.n(b)?this.setAttribute("label",""+$APP.T.g(b)):this.removeAttribute("label")},enumerable:!0,configurable:!0})},bV=function(){var a=class extends HTMLElement{};a.observedAttributes=aV;a.prototype.connectedCallback=function(){if(!$APP.n($APP.l(this,"__xProgressInit"))){var b=this.attachShadow({mode:"open"}),
+var DZ=function(a,b){return typeof a==="string"?(a=parseFloat(a),$APP.r(isNaN(a))?b:a):b},GZ=function(a){var b=new $APP.P(null,7,[$APP.ui,a.getAttribute("value"),$APP.Zj,a.getAttribute("max"),$APP.Fh,a.getAttribute("variant"),$APP.rh,a.getAttribute("size"),$APP.T,a.getAttribute("label"),$APP.yj,a.hasAttribute("show-value"),$APP.nl,a.hasAttribute("indeterminate")],null);var c=$APP.N(b),d=$APP.G(c,$APP.Zj),e=$APP.G(c,$APP.ui),g=$APP.G(c,$APP.Fh),h=$APP.G(c,$APP.rh);b=$APP.G(c,$APP.T);var k=$APP.G(c,
+$APP.yj);c=$APP.G(c,$APP.nl);d=DZ(d,100);d=d>0?d:100;e=$APP.Zg.i($APP.Yg.i(DZ(e,0),0),d);g=typeof g==="string"&&$APP.J(EZ,g)?g:"default";h=typeof h==="string"&&$APP.J(FZ,h)?h:"md";c=$APP.I(c);k=$APP.I(k);var m=c?50:$APP.Zg.i($APP.Yg.i(e/d*100,0),100);b=$APP.Q([$APP.Fh,$APP.yj,$APP.ui,$APP.rh,$APP.nl,$APP.Nl,$APP.Zj,$APP.T,$APP.Qk],[g,k,e,h,c,c?"Loading…":""+$APP.S.g(Math.round(m))+"%",d,typeof b==="string"&&$APP.O("",b)?b:null,m]);var p=$APP.N(b);b=$APP.G(p,$APP.Qk);k=$APP.G(p,$APP.Fh);d=$APP.G(p,
+$APP.yj);h=$APP.G(p,$APP.ui);c=$APP.G(p,$APP.rh);e=$APP.G(p,$APP.Nl);g=$APP.G(p,$APP.nl);m=$APP.G(p,$APP.T);p=$APP.G(p,$APP.Zj);var q=$APP.l(a,"__xProgressBase"),w=$APP.l(a,"__xProgressHeader"),x=$APP.l(a,"__xProgressFill"),y=$APP.l(a,"__xProgressLabel"),A=$APP.l(a,"__xProgressValue");var C=(C=m!=null)?C:d;var E=$APP.l(a,"__xProgressCompleted"),H=$APP.t(g)&&h>=p;q.setAttribute("data-variant",k);q.setAttribute("data-size",c);q.setAttribute("data-indeterminate",$APP.r(g)?"true":"false");x.style.width=
+$APP.r(g)?"40%":""+$APP.S.g(b.toFixed(2))+"%";w.style.display=$APP.r(C)?"flex":"none";y.textContent=$APP.r(m)?m:"";y.style.display=m!=null?"":"none";A.textContent=$APP.r($APP.r(d)?$APP.t(g):d)?""+$APP.S.g(Math.round(b))+"%":"";A.style.display=$APP.r(d)?"":"none";a.setAttribute("role","progressbar");a.setAttribute("aria-valuemin","0");$APP.r(g)?(a.removeAttribute("aria-valuenow"),a.setAttribute("aria-busy","true"),a.setAttribute("aria-valuetext",e)):(a.setAttribute("aria-valuenow",""+$APP.S.g(h)),
+a.setAttribute("aria-valuemax",""+$APP.S.g(p)),a.setAttribute("aria-valuetext",e),a.removeAttribute("aria-busy"));m!=null?a.setAttribute("aria-label",m):a.removeAttribute("aria-label");H&&$APP.t(E)&&a.dispatchEvent(new CustomEvent("x-progress-complete",{bubbles:!0,composed:!0,detail:{value:h,max:p}}));a.__xProgressCompleted=$APP.I(H)},HZ=function(a){Object.defineProperty(a,"value",{get:function(){var b=this.getAttribute("value");return $APP.r(b)?b:"0"},set:function(b){return this.setAttribute("value",
+""+$APP.S.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"max",{get:function(){var b=this.getAttribute("max");return $APP.r(b)?b:"100"},set:function(b){return this.setAttribute("max",""+$APP.S.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"indeterminate",{get:function(){return this.hasAttribute("indeterminate")},set:function(b){return $APP.r(b)?this.setAttribute("indeterminate",""):this.removeAttribute("indeterminate")},enumerable:!0,configurable:!0});Object.defineProperty(a,
+"showValue",{get:function(){return this.hasAttribute("show-value")},set:function(b){return $APP.r(b)?this.setAttribute("show-value",""):this.removeAttribute("show-value")},enumerable:!0,configurable:!0});Object.defineProperty(a,"variant",{get:function(){var b=this.getAttribute("variant");return $APP.r(b)?b:""},set:function(b){return this.setAttribute("variant",""+$APP.S.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"size",{get:function(){var b=this.getAttribute("size");return $APP.r(b)?
+b:""},set:function(b){return this.setAttribute("size",""+$APP.S.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"label",{get:function(){return this.getAttribute("label")},set:function(b){return $APP.r(b)?this.setAttribute("label",""+$APP.S.g(b)):this.removeAttribute("label")},enumerable:!0,configurable:!0})},JZ=function(){var a=class extends HTMLElement{};a.observedAttributes=IZ;a.prototype.connectedCallback=function(){if(!$APP.r($APP.l(this,"__xProgressInit"))){var b=this.attachShadow({mode:"open"}),
 c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("div"),g=document.createElement("span"),h=document.createElement("span"),k=document.createElement("div"),m=document.createElement("div");c.textContent=":host{display:block;color-scheme:light dark;box-sizing:border-box;--x-progress-border-radius:9999px;--x-progress-track-color:rgba(0,0,0,0.10);--x-progress-fill-color:#3b82f6;--x-progress-label-color:rgba(0,0,0,0.60);--x-progress-value-color:rgba(0,0,0,0.50);}@media (prefers-color-scheme:dark){:host{--x-progress-track-color:rgba(255,255,255,0.12);--x-progress-label-color:rgba(255,255,255,0.60);--x-progress-value-color:rgba(255,255,255,0.50);}}[part\x3dbase][data-size\x3d'sm']{--x-progress-height:4px;}[part\x3dbase][data-size\x3d'md']{--x-progress-height:8px;}[part\x3dbase][data-size\x3d'lg']{--x-progress-height:12px;}[part\x3dbase][data-variant\x3d'success']{--x-progress-fill-color:#22c55e;}[part\x3dbase][data-variant\x3d'warning']{--x-progress-fill-color:#f59e0b;}[part\x3dbase][data-variant\x3d'danger']{--x-progress-fill-color:#ef4444;}[part\x3dbase]{width:100%;box-sizing:border-box;}[part\x3dheader]{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px;}[part\x3dlabel-text]{font-size:0.875rem;color:var(--x-progress-label-color);font-weight:500;}[part\x3dvalue-text]{font-size:0.8125rem;color:var(--x-progress-value-color);}[part\x3dtrack]{height:var(--x-progress-height,8px);border-radius:var(--x-progress-border-radius,9999px);background:var(--x-progress-track-color);overflow:hidden;position:relative;}[part\x3dfill]{height:100%;background:var(--x-progress-fill-color);border-radius:var(--x-progress-border-radius,9999px);transition:width 0.3s ease;width:0%;}@keyframes x-progress-indeterminate{0%{transform:translateX(-100%) scaleX(0.5);}50%{transform:translateX(60%) scaleX(0.8);}100%{transform:translateX(200%) scaleX(0.5);}}[part\x3dbase][data-indeterminate\x3d'true'] [part\x3dfill]{animation:x-progress-indeterminate 1.5s ease infinite;width:40%;transform-origin:left center;}@media (prefers-reduced-motion:reduce){[part\x3dfill]{transition:none;}[part\x3dbase][data-indeterminate\x3d'true'] [part\x3dfill]{animation:none;width:50%;}}";
-d.setAttribute("part","base");e.setAttribute("part","header");g.setAttribute("part","label-text");h.setAttribute("part","value-text");k.setAttribute("part","track");m.setAttribute("part","fill");e.appendChild(g);e.appendChild(h);k.appendChild(m);d.appendChild(e);d.appendChild(k);b.appendChild(c);b.appendChild(d);this.__xProgressBase=d;this.__xProgressHeader=e;this.__xProgressFill=m;this.__xProgressLabel=g;this.__xProgressValue=h;this.__xProgressInit=!0}ZU(this);return null};a.prototype.disconnectedCallback=
-function(){return null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.O(c,d)&&$APP.n($APP.l(this,"__xProgressInit"))&&ZU(this);return null};$U(a.prototype);return a},cV=function(){$APP.n(customElements.get("x-progress"))||customElements.define("x-progress",bV());return null};var XU=new $APP.S(null,new $APP.R(null,4,["success",null,"warning",null,"danger",null,"default",null],null),null),YU=new $APP.S(null,new $APP.R(null,3,["md",null,"lg",null,"sm",null],null),null),aV="value max variant size label show-value indeterminate".split(" ");$APP.Ed(["x-progress-complete",new $APP.R(null,1,[$APP.V,new $APP.R(null,2,[$APP.Xh,$APP.W,$APP.wj,$APP.W],null)],null)]);$APP.ja("baredom.exports.x_progress.init",cV);export const init=cV;
+d.setAttribute("part","base");e.setAttribute("part","header");g.setAttribute("part","label-text");h.setAttribute("part","value-text");k.setAttribute("part","track");m.setAttribute("part","fill");e.appendChild(g);e.appendChild(h);k.appendChild(m);d.appendChild(e);d.appendChild(k);b.appendChild(c);b.appendChild(d);this.__xProgressBase=d;this.__xProgressHeader=e;this.__xProgressFill=m;this.__xProgressLabel=g;this.__xProgressValue=h;this.__xProgressInit=!0}GZ(this);return null};a.prototype.disconnectedCallback=
+function(){return null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.O(c,d)&&$APP.r($APP.l(this,"__xProgressInit"))&&GZ(this);return null};HZ(a.prototype);return a},KZ=function(){$APP.r(customElements.get("x-progress"))||customElements.define("x-progress",JZ());return null};var EZ=new $APP.R(null,new $APP.P(null,4,["success",null,"warning",null,"danger",null,"default",null],null),null),FZ=new $APP.R(null,new $APP.P(null,3,["md",null,"lg",null,"sm",null],null),null),IZ="value max variant size label show-value indeterminate".split(" ");$APP.Sd(["x-progress-complete",new $APP.P(null,1,[$APP.U,new $APP.P(null,2,[$APP.ui,$APP.V,$APP.Zj,$APP.V],null)],null)]);$APP.ka("baredom.exports.x_progress.init",KZ);export const init=KZ;

package/dist/x-radio.js

@@ -1,13 +1,13 @@
 import { $APP, shadow$provide } from "./base.js";
-var vp=function(a,b,c){return a.setAttribute(b,c)},wp=function(a,b,c){return $APP.n(c)?a.setAttribute(b,""):a.removeAttribute(b)},xp=function(a){a=$APP.mf([$APP.Pj,$APP.ck,$APP.Xg,$APP.hh,$APP.mi,$APP.Bi,$APP.Ak,$APP.Hi,$APP.ui],[a.getAttribute("name"),a.hasAttribute("disabled"),a.hasAttribute("required"),a.getAttribute("aria-labelledby"),a.hasAttribute("checked"),a.hasAttribute("readonly"),a.getAttribute("value"),a.getAttribute("aria-label"),a.getAttribute("aria-describedby")]);var b=$APP.N(a);a=
-$APP.I(b,$APP.Hi);var c=$APP.I(b,$APP.ui),d=$APP.I(b,$APP.Pj),e=$APP.I(b,$APP.ck),g=$APP.I(b,$APP.Xg),h=$APP.I(b,$APP.hh),k=$APP.I(b,$APP.mi),m=$APP.I(b,$APP.Bi);b=$APP.I(b,$APP.Ak);k=$APP.J(k);g=$APP.J(g);return $APP.mf([$APP.ph,$APP.kh,$APP.Uk,$APP.wi,$APP.bh,$APP.si,$APP.Xh,$APP.Pi,$APP.Qk,$APP.dk,$APP.X],[g,k?"true":"false",$APP.J(m),k,$APP.n(g)?k:!0,d,b!=null?b:"on",h,c,a,$APP.J(e)])},yp=function(a){var b=$APP.l(a,"__xRadioRefs");if($APP.n(b)){var c=$APP.l(b,"control");b=xp(a);var d=$APP.X.g(b),
-e=$APP.wi.g(b);vp(c,"aria-checked",$APP.kh.g(b));c.setAttribute("aria-disabled",$APP.n(d)?"true":"false");vp(c,"aria-required",$APP.n($APP.ph.g(b))?"true":"false");vp(c,"aria-readonly",$APP.n($APP.Uk.g(b))?"true":"false");var g=$APP.dk.g(b);$APP.n(g)?c.setAttribute("aria-label",g):c.removeAttribute("aria-label");g=$APP.Pi.g(b);$APP.n(g)?c.setAttribute("aria-labelledby",g):c.removeAttribute("aria-labelledby");g=$APP.Qk.g(b);$APP.n(g)?c.setAttribute("aria-describedby",g):c.removeAttribute("aria-describedby");
-$APP.n(d)?c.setAttribute("disabled",""):c.removeAttribute("disabled");wp(a,"data-checked",e);wp(a,"data-disabled",d);a=$APP.l(a,"__xRadioInternals");return $APP.n(a)?a.setFormValue($APP.n(e)?$APP.Xh.g(b):null):null}return null},zp=function(a){var b=a.getAttribute("name"),c=$APP.n(a.form)?a.form:null;c=$APP.n(c)?c:document;if($APP.n($APP.n(b)?$APP.O(b,""):b)){var d=[];c.querySelectorAll("x-radio").forEach(function(e){return $APP.C.h(e.getAttribute("name"),b)?d.push(e):null});return d}return[a]},Ap=
-function(a){a=zp(a);var b=a.find(function(d){return d.hasAttribute("checked")}),c=a.length>0?a[0]:null;return a.forEach(function(d){var e=$APP.l(d,"__xRadioRefs");return $APP.n(e)?(e=$APP.l(e,"control"),d=$APP.n(b)?$APP.C.h(d,b)?0:-1:$APP.C.h(d,c)?0:-1,e.tabIndex=d):null})},Bp=function(a,b){b=new CustomEvent("x-radio-change-request",{detail:b,bubbles:!0,composed:!0,cancelable:!0});a.dispatchEvent(b);return $APP.r(b.defaultPrevented)},Cp=function(a,b){return a.dispatchEvent(new CustomEvent("x-radio-change",
-{detail:b,bubbles:!0,composed:!0,cancelable:!1}))},Dp=function(a){var b=xp(a),c=$APP.X.g(b),d=$APP.Uk.g(b),e=$APP.wi.g(b);if($APP.n($APP.n(c)?c:$APP.n(d)?d:e))return null;b=$APP.Xh.g(b);return Bp(a,{value:b,previousChecked:!1,nextChecked:!0})?(a.setAttribute("checked",""),yp(a),zp(a).forEach(function(g){var h=$APP.O(g,a);return $APP.n(h?g.hasAttribute("checked"):h)?(g.removeAttribute("checked"),yp(g)):null}),Ap(a),Cp(a,{value:b,checked:!0})):null},Ep=function(a){a=$APP.l(a,"__xRadioRefs");return $APP.n(a)?
-$APP.l(a,"control").focus():null},Fp=function(a){return function(b){var c=b.key,d=zp(a),e=d.length,g=d.indexOf(a);if($APP.C.h(c," ")||$APP.C.h(c,"Enter"))return b.preventDefault(),Dp(a);if($APP.C.h(c,"ArrowDown")||$APP.C.h(c,"ArrowRight")){if(b.preventDefault(),e>0)return b=d[$APP.Vc(g+1,e)],Dp(b),Ep(b)}else if($APP.C.h(c,"ArrowUp")||$APP.C.h(c,"ArrowLeft"))if(b.preventDefault(),e>0)return b=d[$APP.Vc(g-1,e)],Dp(b),Ep(b);return null}},Gp=function(a){return function(){return Dp(a)}},Hp=function(a){var b=
-$APP.l(a,"__xRadioRefs");if($APP.n(b)){var c=$APP.l(a,"__xRadioHandlers");if($APP.n(c)){b=$APP.l(b,"control");a.removeEventListener("click",$APP.l(c,"click"));b.removeEventListener("keydown",$APP.l(c,"keydown"));a.__xRadioHandlers=null;return}}return null},Ip=function(a,b,c){Object.defineProperty(a,b,{configurable:!0,enumerable:!0,get:function(){return this.hasAttribute(c)},set:function(d){return wp(this,c,$APP.J(d))}})},Jp=function(a,b,c){Object.defineProperty(a,b,{configurable:!0,enumerable:!0,
-get:function(){var d=this.getAttribute(c);return $APP.n(d)?d:null},set:function(d){return d!=null&&$APP.O(d)?vp(this,c,""+$APP.T.g(d)):this.removeAttribute(c)}})},Lp=function(){var a=class extends HTMLElement{},b=a.prototype;a.formAssociated=!0;Object.defineProperty(a,"observedAttributes",{get:function(){return Kp}});Ip(b,"checked","checked");Ip(b,"disabled","disabled");Ip(b,"readOnly","readonly");Ip(b,"required","required");Jp(b,"name","name");Jp(b,"value","value");b.connectedCallback=function(){if(!$APP.n($APP.l(this,
+var ur=function(a,b,c){return a.setAttribute(b,c)},vr=function(a,b,c){return $APP.r(c)?a.setAttribute(b,""):a.removeAttribute(b)},wr=function(a){a=$APP.Q([$APP.Ek,$APP.Rk,$APP.sh,$APP.Dh,$APP.Mi,$APP.cj,$APP.vl,$APP.kj,$APP.Ui],[a.getAttribute("name"),a.hasAttribute("disabled"),a.hasAttribute("required"),a.getAttribute("aria-labelledby"),a.hasAttribute("checked"),a.hasAttribute("readonly"),a.getAttribute("value"),a.getAttribute("aria-label"),a.getAttribute("aria-describedby")]);var b=$APP.N(a);a=
+$APP.G(b,$APP.kj);var c=$APP.G(b,$APP.Ui),d=$APP.G(b,$APP.Ek),e=$APP.G(b,$APP.Rk),g=$APP.G(b,$APP.sh),h=$APP.G(b,$APP.Dh),k=$APP.G(b,$APP.Mi),m=$APP.G(b,$APP.cj);b=$APP.G(b,$APP.vl);k=$APP.I(k);g=$APP.I(g);return $APP.Q([$APP.Lh,$APP.Gh,$APP.Sl,$APP.Wi,$APP.xh,$APP.Si,$APP.ui,$APP.sj,$APP.Ol,$APP.Tk,$APP.W],[g,k?"true":"false",$APP.I(m),k,$APP.r(g)?k:!0,d,b!=null?b:"on",h,c,a,$APP.I(e)])},xr=function(a){var b=$APP.l(a,"__xRadioRefs");if($APP.r(b)){var c=$APP.l(b,"control");b=wr(a);var d=$APP.W.g(b),
+e=$APP.Wi.g(b);ur(c,"aria-checked",$APP.Gh.g(b));c.setAttribute("aria-disabled",$APP.r(d)?"true":"false");ur(c,"aria-required",$APP.r($APP.Lh.g(b))?"true":"false");ur(c,"aria-readonly",$APP.r($APP.Sl.g(b))?"true":"false");var g=$APP.Tk.g(b);$APP.r(g)?c.setAttribute("aria-label",g):c.removeAttribute("aria-label");g=$APP.sj.g(b);$APP.r(g)?c.setAttribute("aria-labelledby",g):c.removeAttribute("aria-labelledby");g=$APP.Ol.g(b);$APP.r(g)?c.setAttribute("aria-describedby",g):c.removeAttribute("aria-describedby");
+$APP.r(d)?c.setAttribute("disabled",""):c.removeAttribute("disabled");vr(a,"data-checked",e);vr(a,"data-disabled",d);a=$APP.l(a,"__xRadioInternals");return $APP.r(a)?a.setFormValue($APP.r(e)?$APP.ui.g(b):null):null}return null},yr=function(a){var b=a.getAttribute("name"),c=$APP.r(a.form)?a.form:null;c=$APP.r(c)?c:document;if($APP.r($APP.r(b)?$APP.O(b,""):b)){var d=[];c.querySelectorAll("x-radio").forEach(function(e){return $APP.D.i(e.getAttribute("name"),b)?d.push(e):null});return d}return[a]},zr=
+function(a){a=yr(a);var b=a.find(function(d){return d.hasAttribute("checked")}),c=a.length>0?a[0]:null;return a.forEach(function(d){var e=$APP.l(d,"__xRadioRefs");return $APP.r(e)?(e=$APP.l(e,"control"),d=$APP.r(b)?$APP.D.i(d,b)?0:-1:$APP.D.i(d,c)?0:-1,e.tabIndex=d):null})},Ar=function(a,b){b=new CustomEvent("x-radio-change-request",{detail:b,bubbles:!0,composed:!0,cancelable:!0});a.dispatchEvent(b);return $APP.t(b.defaultPrevented)},Pr=function(a,b){return a.dispatchEvent(new CustomEvent("x-radio-change",
+{detail:b,bubbles:!0,composed:!0,cancelable:!1}))},Qr=function(a){var b=wr(a),c=$APP.W.g(b),d=$APP.Sl.g(b),e=$APP.Wi.g(b);if($APP.r($APP.r(c)?c:$APP.r(d)?d:e))return null;b=$APP.ui.g(b);return Ar(a,{value:b,previousChecked:!1,nextChecked:!0})?(a.setAttribute("checked",""),xr(a),yr(a).forEach(function(g){var h=$APP.O(g,a);return $APP.r(h?g.hasAttribute("checked"):h)?(g.removeAttribute("checked"),xr(g)):null}),zr(a),Pr(a,{value:b,checked:!0})):null},Rr=function(a){a=$APP.l(a,"__xRadioRefs");return $APP.r(a)?
+$APP.l(a,"control").focus():null},Sr=function(a){return function(b){var c=b.key,d=yr(a),e=d.length,g=d.indexOf(a);if($APP.D.i(c," ")||$APP.D.i(c,"Enter"))return b.preventDefault(),Qr(a);if($APP.D.i(c,"ArrowDown")||$APP.D.i(c,"ArrowRight")){if(b.preventDefault(),e>0)return b=d[$APP.hd(g+1,e)],Qr(b),Rr(b)}else if($APP.D.i(c,"ArrowUp")||$APP.D.i(c,"ArrowLeft"))if(b.preventDefault(),e>0)return b=d[$APP.hd(g-1,e)],Qr(b),Rr(b);return null}},Tr=function(a){return function(){return Qr(a)}},Ur=function(a){var b=
+$APP.l(a,"__xRadioRefs");if($APP.r(b)){var c=$APP.l(a,"__xRadioHandlers");if($APP.r(c)){b=$APP.l(b,"control");a.removeEventListener("click",$APP.l(c,"click"));b.removeEventListener("keydown",$APP.l(c,"keydown"));a.__xRadioHandlers=null;return}}return null},Vr=function(a,b,c){Object.defineProperty(a,b,{configurable:!0,enumerable:!0,get:function(){return this.hasAttribute(c)},set:function(d){return vr(this,c,$APP.I(d))}})},Wr=function(a,b,c){Object.defineProperty(a,b,{configurable:!0,enumerable:!0,
+get:function(){var d=this.getAttribute(c);return $APP.r(d)?d:null},set:function(d){return d!=null&&$APP.O(d)?ur(this,c,""+$APP.S.g(d)):this.removeAttribute(c)}})},Yr=function(){var a=class extends HTMLElement{},b=a.prototype;a.formAssociated=!0;Object.defineProperty(a,"observedAttributes",{get:function(){return Xr}});Vr(b,"checked","checked");Vr(b,"disabled","disabled");Vr(b,"readOnly","readonly");Vr(b,"required","required");Wr(b,"name","name");Wr(b,"value","value");b.connectedCallback=function(){if(!$APP.r($APP.l(this,
 "__xRadioRefs"))){var c=this.attachShadow({mode:"open"}),d=document.createElement("style"),e=document.createElement("button"),g=document.createElement("span");d.textContent=":host{display:inline-block;vertical-align:middle;color-scheme:light dark;--x-radio-size:16px;--x-radio-border-width:2px;--x-radio-border-color:#6b7280;--x-radio-bg:#ffffff;--x-radio-checked-color:#2563eb;--x-radio-dot-size:6px;--x-radio-focus-ring:#60a5fa;--x-radio-disabled-opacity:0.45;--x-radio-transition:background 120ms ease,border-color 120ms ease;}@media (prefers-color-scheme:dark){:host{--x-radio-border-color:#9ca3af;--x-radio-bg:#1f2937;--x-radio-checked-color:#3b82f6;--x-radio-focus-ring:#93c5fd;}}[part\x3dcontrol]{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:var(--x-radio-size);height:var(--x-radio-size);border:var(--x-radio-border-width) solid var(--x-radio-border-color);border-radius:50%;background:var(--x-radio-bg);transition:var(--x-radio-transition);cursor:pointer;flex-shrink:0;position:relative;}[part\x3dcontrol][disabled]{cursor:default;opacity:var(--x-radio-disabled-opacity);}[part\x3dcontrol]:focus-visible{outline:none;box-shadow:0 0 0 3px var(--x-radio-focus-ring);}:host([data-checked]) [part\x3dcontrol]{border-color:var(--x-radio-checked-color);}[part\x3ddot]{display:block;width:var(--x-radio-dot-size);height:var(--x-radio-dot-size);border-radius:50%;background:var(--x-radio-checked-color);opacity:0;transition:opacity 100ms ease;}:host([data-checked]) [part\x3ddot]{opacity:1;}@media (prefers-reduced-motion:reduce){[part\x3dcontrol]{transition:none;}[part\x3ddot]{transition:none;}}";
-e.setAttribute("part","control");e.setAttribute("type","button");e.setAttribute("role","radio");g.setAttribute("part","dot");e.appendChild(g);c.appendChild(d);c.appendChild(e);this.__xRadioRefs={root:c,control:e,dot:g};$APP.n(this.attachInternals)&&(this.__xRadioInternals=this.attachInternals())}Hp(this);c=$APP.l(this,"__xRadioRefs");$APP.n(c)&&(c=$APP.l(c,"control"),d=Gp(this),e=Fp(this),g={click:d,keydown:e},this.addEventListener("click",d),c.addEventListener("keydown",e),this.__xRadioHandlers=
-g);yp(this);return Ap(this)};b.disconnectedCallback=function(){return Hp(this)};b.attributeChangedCallback=function(){return yp(this)};b.formDisabledCallback=function(c){wp(this,"disabled",$APP.J(c));return yp(this)};b.formResetCallback=function(){this.removeAttribute("checked");return yp(this)};return a},Mp=function(){return $APP.n(customElements.get("x-radio"))?null:customElements.define("x-radio",Lp())};var Kp="checked disabled readonly required name value aria-label aria-describedby aria-labelledby".split(" ");$APP.Ed(["x-radio-change-request",new $APP.R(null,2,[$APP.rk,!0,$APP.V,new $APP.R(null,3,[$APP.Xh,$APP.Y,$APP.fj,$APP.Ni,$APP.gk,$APP.Ni],null)],null),"x-radio-change",new $APP.R(null,2,[$APP.rk,!1,$APP.V,new $APP.R(null,2,[$APP.Xh,$APP.Y,$APP.Lk,$APP.Ni],null)],null)]);$APP.ja("baredom.exports.x_radio.init",Mp);export const init=Mp;
+e.setAttribute("part","control");e.setAttribute("type","button");e.setAttribute("role","radio");g.setAttribute("part","dot");e.appendChild(g);c.appendChild(d);c.appendChild(e);this.__xRadioRefs={root:c,control:e,dot:g};$APP.r(this.attachInternals)&&(this.__xRadioInternals=this.attachInternals())}Ur(this);c=$APP.l(this,"__xRadioRefs");$APP.r(c)&&(c=$APP.l(c,"control"),d=Tr(this),e=Sr(this),g={click:d,keydown:e},this.addEventListener("click",d),c.addEventListener("keydown",e),this.__xRadioHandlers=
+g);xr(this);return zr(this)};b.disconnectedCallback=function(){return Ur(this)};b.attributeChangedCallback=function(){return xr(this)};b.formDisabledCallback=function(c){vr(this,"disabled",$APP.I(c));return xr(this)};b.formResetCallback=function(){this.removeAttribute("checked");return xr(this)};return a},Zr=function(){return $APP.r(customElements.get("x-radio"))?null:customElements.define("x-radio",Yr())};var Xr="checked disabled readonly required name value aria-label aria-describedby aria-labelledby".split(" ");$APP.Sd(["x-radio-change-request",new $APP.P(null,2,[$APP.kl,!0,$APP.U,new $APP.P(null,3,[$APP.ui,$APP.Y,$APP.Ej,$APP.qj,$APP.Xk,$APP.qj],null)],null),"x-radio-change",new $APP.P(null,2,[$APP.kl,!1,$APP.U,new $APP.P(null,2,[$APP.ui,$APP.Y,$APP.Hl,$APP.qj],null)],null)]);$APP.ka("baredom.exports.x_radio.init",Zr);export const init=Zr;

package/dist/x-ripple-effect.js

@@ -1,14 +1,13 @@
 import { $APP, shadow$provide } from "./base.js";
-var lI=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},mI=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},nI=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},oI=function(a){var b=$APP.l(a,
-"__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"),g=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%;}";d.setAttribute("part","container");d.appendChild(e);g.setAttribute("part","filters");g.style.position="absolute";
-g.style.width="0";g.style.height="0";g.style.overflow="hidden";b.appendChild(c);b.appendChild(d);b.appendChild(g);a.__xRippleRefs=new $APP.R(null,3,[$APP.Jh,b,$APP.yi,d,$APP.Ti,g],null);a.__xRippleCounter=0;a.__xRippleFrames=[];return $APP.l(a,"__xRippleRefs")},vI=function(a){a=new $APP.R(null,4,[pI,a.getAttribute("intensity"),qI,a.getAttribute("duration"),rI,a.getAttribute("frequency"),$APP.ck,a.hasAttribute("disabled")],null);var b=$APP.N(a);a=$APP.I(b,pI);var c=$APP.I(b,qI),d=$APP.I(b,rI);b=$APP.I(b,
-$APP.ck);return new $APP.R(null,4,[sI,lI(a),tI,mI(c),uI,nI(d),$APP.X,$APP.J(b)],null)},yI=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"),g=document.createElementNS("http://www.w3.org/2000/svg","feDisplacementMap");d.setAttribute("id",b);d.setAttribute("x","-10%");d.setAttribute("y","-10%");d.setAttribute("width","120%");d.setAttribute("height","120%");e.setAttribute("type","turbulence");
-e.setAttribute("baseFrequency",""+$APP.T.g(c));e.setAttribute("numOctaves","3");e.setAttribute("seed",""+$APP.T.g(Math.floor(Math.random()*1E3)));e.setAttribute("result","turbulence");g.setAttribute("in","SourceGraphic");g.setAttribute("in2","turbulence");g.setAttribute("scale","0");g.setAttribute("xChannelSelector","R");g.setAttribute("yChannelSelector","G");d.appendChild(e);d.appendChild(g);a.appendChild(d);return new $APP.R(null,3,[$APP.Dj,d,wI,e,xI,g],null)},zI=function(a,b){var c=vI(a);if(!$APP.n($APP.X.g(c))){c=
-$APP.N(c);var d=$APP.I(c,sI),e=$APP.I(c,tI),g=$APP.I(c,uI);c=oI(a);c=$APP.N(c);var h=$APP.I(c,$APP.yi),k=$APP.I(c,$APP.Ti),m=$APP.l(a,"__xRippleCounter");c="xr-"+$APP.T.g(m);a.__xRippleCounter=m+1;m=yI(k,c,g);m=$APP.N(m);var p=$APP.I(m,$APP.Dj),q=$APP.I(m,wI),v=$APP.I(m,xI),x=b.clientX,y=b.clientY,A=performance.now(),D=$APP.l(a,"__xRippleFrames");b=$APP.J(window.matchMedia("(prefers-reduced-motion:reduce)").matches);h.style.filter="url(#"+$APP.T.g(c)+")";a.dispatchEvent(new CustomEvent("x-ripple-effect-start",
-{detail:{x,y},bubbles:!0,composed:!0}));b?(v.setAttribute("scale",""+$APP.T.g(d/2)),b=requestAnimationFrame(function(){v.setAttribute("scale","0");k.removeChild(p);h.style.filter="";return a.dispatchEvent(new CustomEvent("x-ripple-effect-end",{detail:{x,y},bubbles:!0,composed:!0}))})):b=requestAnimationFrame(function H(){var F=performance.now()-A;F=Math.min(1,F/e);var P=1-F;P=1-P*P*P;var la=g*(1-P*.7);v.setAttribute("scale",""+$APP.T.g(d*(1-P)));q.setAttribute("baseFrequency",""+$APP.T.g(la));if(F>=
-1)return k.removeChild(p),k.childNodes.length===0&&(h.style.filter=""),a.dispatchEvent(new CustomEvent("x-ripple-effect-end",{detail:{x,y},bubbles:!0,composed:!0}));F=requestAnimationFrame(H);return D.push(F)});D.push(b)}},AI=function(a){function b(c){c.button===0&&zI(a,c);return null}a.addEventListener("pointerdown",b);a.__xRippleHandler=b},BI=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.N(b);b=$APP.I(c,$APP.Ti);for(c=$APP.I(c,$APP.yi);;)if(d=b.firstChild,$APP.n(d))b.removeChild(d);else break;c.style.filter=""}b=$APP.l(a,"__xRippleHandler");$APP.n(b)&&(a.removeEventListener("pointerdown",b),a.__xRippleHandler=null)},CI=function(a){Object.defineProperty(a,"intensity",{get:function(){return lI(this.getAttribute("intensity"))},set:function(b){return b==null?this.removeAttribute("intensity"):this.setAttribute("intensity",""+$APP.T.g(b))},enumerable:!0,
-configurable:!0});Object.defineProperty(a,"duration",{get:function(){return mI(this.getAttribute("duration"))},set:function(b){return b==null?this.removeAttribute("duration"):this.setAttribute("duration",""+$APP.T.g(b|0))},enumerable:!0,configurable:!0});Object.defineProperty(a,"frequency",{get:function(){return nI(this.getAttribute("frequency"))},set:function(b){return b==null?this.removeAttribute("frequency"):this.setAttribute("frequency",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,
-"disabled",{get:function(){return this.hasAttribute("disabled")},set:function(b){return $APP.n(b)?this.setAttribute("disabled",""):this.removeAttribute("disabled")},enumerable:!0,configurable:!0})},EI=function(){var a=class extends HTMLElement{};a.observedAttributes=DI;a.prototype.connectedCallback=function(){oI(this);BI(this);AI(this);return null};a.prototype.disconnectedCallback=function(){BI(this);return null};a.prototype.attributeChangedCallback=function(){return null};CI(a.prototype);return a},
-FI=function(){$APP.n(customElements.get("x-ripple-effect"))||customElements.define("x-ripple-effect",EI());return null},wI=new $APP.M(null,"turb","turb",-804768361),qI=new $APP.M(null,"duration-raw","duration-raw",-510770508),sI=new $APP.M(null,"intensity","intensity",1142770863),pI=new $APP.M(null,"intensity-raw","intensity-raw",135576065),tI=new $APP.M(null,"duration","duration",1444101068),rI=new $APP.M(null,"frequency-raw","frequency-raw",-1367383022),xI=new $APP.M(null,"disp","disp",-2047544334),
-uI=new $APP.M(null,"frequency","frequency",-1408891382);var DI=["intensity","duration","frequency","disabled"];$APP.Ed(["x-ripple-effect-start",new $APP.R(null,2,[$APP.V,new $APP.R(null,2,[$APP.Zj,$APP.W,$APP.Yj,$APP.W],null),$APP.rk,!1],null),"x-ripple-effect-end",new $APP.R(null,2,[$APP.V,new $APP.R(null,2,[$APP.Zj,$APP.W,$APP.Yj,$APP.W],null),$APP.rk,!1],null)]);$APP.ja("baredom.exports.x_ripple_effect.init",FI);export const init=FI;
+var gL=function(a){if(typeof a==="string"){a=parseFloat(a.trim());var b=isNaN(a);return $APP.r($APP.r(b)?b:!(a>0))?25:Math.min(100,Math.max(1,a))}return 25},hL=function(a){if(typeof a==="string"){a=parseInt(a.trim(),10);var b=isNaN(a);return $APP.r($APP.r(b)?b:!(a>0))?800:Math.min(5E3,Math.max(100,a))}return 800},iL=function(a){if(typeof a==="string"){a=parseFloat(a.trim());var b=isNaN(a);return $APP.r($APP.r(b)?b:!(a>0))?.04:Math.min(.2,Math.max(.005,a))}return.04},jL=function(a){var b=$APP.l(a,
+"__xRippleRefs");if($APP.r(b))return b;b=a.attachShadow({mode:"open"});var c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("slot"),g=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%;}";d.setAttribute("part","container");d.appendChild(e);g.setAttribute("part","filters");g.style.position="absolute";
+g.style.width="0";g.style.height="0";g.style.overflow="hidden";b.appendChild(c);b.appendChild(d);b.appendChild(g);a.__xRippleRefs=new $APP.P(null,3,[$APP.bi,b,$APP.Zi,d,$APP.xj,g],null);a.__xRippleCounter=0;a.__xRippleFrames=[];return $APP.l(a,"__xRippleRefs")},mL=function(a){a=new $APP.P(null,4,[$APP.Mj,a.getAttribute("intensity"),$APP.oi,a.getAttribute("duration"),kL,a.getAttribute("frequency"),$APP.Rk,a.hasAttribute("disabled")],null);var b=$APP.N(a);a=$APP.G(b,$APP.Mj);var c=$APP.G(b,$APP.oi),
+d=$APP.G(b,kL);b=$APP.G(b,$APP.Rk);return new $APP.P(null,4,[$APP.Gj,gL(a),$APP.nk,hL(c),lL,iL(d),$APP.W,$APP.I(b)],null)},pL=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"),g=document.createElementNS("http://www.w3.org/2000/svg","feDisplacementMap");d.setAttribute("id",b);d.setAttribute("x","-10%");d.setAttribute("y","-10%");d.setAttribute("width","120%");d.setAttribute("height","120%");
+e.setAttribute("type","turbulence");e.setAttribute("baseFrequency",""+$APP.S.g(c));e.setAttribute("numOctaves","3");e.setAttribute("seed",""+$APP.S.g(Math.floor(Math.random()*1E3)));e.setAttribute("result","turbulence");g.setAttribute("in","SourceGraphic");g.setAttribute("in2","turbulence");g.setAttribute("scale","0");g.setAttribute("xChannelSelector","R");g.setAttribute("yChannelSelector","G");d.appendChild(e);d.appendChild(g);a.appendChild(d);return new $APP.P(null,3,[$APP.qk,d,nL,e,oL,g],null)},
+qL=function(a,b){var c=mL(a);if(!$APP.r($APP.W.g(c))){c=$APP.N(c);var d=$APP.G(c,$APP.Gj),e=$APP.G(c,$APP.nk),g=$APP.G(c,lL);c=jL(a);c=$APP.N(c);var h=$APP.G(c,$APP.Zi),k=$APP.G(c,$APP.xj),m=$APP.l(a,"__xRippleCounter");c="xr-"+$APP.S.g(m);a.__xRippleCounter=m+1;m=pL(k,c,g);m=$APP.N(m);var p=$APP.G(m,$APP.qk),q=$APP.G(m,nL),w=$APP.G(m,oL),x=b.clientX,y=b.clientY,A=performance.now(),C=$APP.l(a,"__xRippleFrames");b=$APP.I(window.matchMedia("(prefers-reduced-motion:reduce)").matches);h.style.filter=
+"url(#"+$APP.S.g(c)+")";a.dispatchEvent(new CustomEvent("x-ripple-effect-start",{detail:{x,y},bubbles:!0,composed:!0}));b?(w.setAttribute("scale",""+$APP.S.g(d/2)),b=requestAnimationFrame(function(){w.setAttribute("scale","0");k.removeChild(p);h.style.filter="";return a.dispatchEvent(new CustomEvent("x-ripple-effect-end",{detail:{x,y},bubbles:!0,composed:!0}))})):b=requestAnimationFrame(function H(){var F=performance.now()-A;F=Math.min(1,F/e);var K=1-F;K=1-K*K*K;var X=g*(1-K*.7);w.setAttribute("scale",
+""+$APP.S.g(d*(1-K)));q.setAttribute("baseFrequency",""+$APP.S.g(X));if(F>=1)return k.removeChild(p),k.childNodes.length===0&&(h.style.filter=""),a.dispatchEvent(new CustomEvent("x-ripple-effect-end",{detail:{x,y},bubbles:!0,composed:!0}));F=requestAnimationFrame(H);return C.push(F)});C.push(b)}},rL=function(a){function b(c){c.button===0&&qL(a,c);return null}a.addEventListener("pointerdown",b);a.__xRippleHandler=b},sL=function(a){var b=$APP.l(a,"__xRippleFrames");if($APP.r(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.r(b)){c=$APP.N(b);b=$APP.G(c,$APP.xj);for(c=$APP.G(c,$APP.Zi);;)if(d=b.firstChild,$APP.r(d))b.removeChild(d);else break;c.style.filter=""}b=$APP.l(a,"__xRippleHandler");$APP.r(b)&&(a.removeEventListener("pointerdown",b),a.__xRippleHandler=null)},tL=function(a){Object.defineProperty(a,"intensity",{get:function(){return gL(this.getAttribute("intensity"))},set:function(b){return b==null?this.removeAttribute("intensity"):
+this.setAttribute("intensity",""+$APP.S.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"duration",{get:function(){return hL(this.getAttribute("duration"))},set:function(b){return b==null?this.removeAttribute("duration"):this.setAttribute("duration",""+$APP.S.g(b|0))},enumerable:!0,configurable:!0});Object.defineProperty(a,"frequency",{get:function(){return iL(this.getAttribute("frequency"))},set:function(b){return b==null?this.removeAttribute("frequency"):this.setAttribute("frequency",
+""+$APP.S.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"disabled",{get:function(){return this.hasAttribute("disabled")},set:function(b){return $APP.r(b)?this.setAttribute("disabled",""):this.removeAttribute("disabled")},enumerable:!0,configurable:!0})},vL=function(){var a=class extends HTMLElement{};a.observedAttributes=uL;a.prototype.connectedCallback=function(){jL(this);sL(this);rL(this);return null};a.prototype.disconnectedCallback=function(){sL(this);return null};a.prototype.attributeChangedCallback=
+function(){return null};tL(a.prototype);return a},wL=function(){$APP.r(customElements.get("x-ripple-effect"))||customElements.define("x-ripple-effect",vL());return null},nL=new $APP.M(null,"turb","turb",-804768361),kL=new $APP.M(null,"frequency-raw","frequency-raw",-1367383022),oL=new $APP.M(null,"disp","disp",-2047544334),lL=new $APP.M(null,"frequency","frequency",-1408891382);var uL=["intensity","duration","frequency","disabled"];$APP.Sd(["x-ripple-effect-start",new $APP.P(null,2,[$APP.U,new $APP.P(null,2,[$APP.Ok,$APP.V,$APP.Nk,$APP.V],null),$APP.kl,!1],null),"x-ripple-effect-end",new $APP.P(null,2,[$APP.U,new $APP.P(null,2,[$APP.Ok,$APP.V,$APP.Nk,$APP.V],null),$APP.kl,!1],null)]);$APP.ka("baredom.exports.x_ripple_effect.init",wL);export const init=wL;

package/dist/x-scroll-parallax.js

@@ -1,20 +1,20 @@
 import { $APP, shadow$provide } from "./base.js";
-var LN=function(a){return new $APP.R(null,1,[$APP.mk,a],null)},MN=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"),g=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;}}";
-d.setAttribute("part","viewport");d.setAttribute("role","region");d.appendChild(e);g.setAttribute("part","live");g.setAttribute("aria-live","polite");g.setAttribute("aria-atomic","true");b.appendChild(c);b.appendChild(d);b.appendChild(g);a.__xScrollParallaxRefs=new $APP.R(null,4,[$APP.Jh,b,$APP.hi,d,$APP.fi,e,$APP.Hh,g],null);return $APP.l(a,"__xScrollParallaxRefs")},TN=function(a){a=new $APP.R(null,5,[$APP.Yh,a.getAttribute("direction"),NN,a.getAttribute("source"),ON,a.getAttribute("easing"),$APP.bi,
-$APP.n(a.hasAttribute("disabled"))?"":null,$APP.sh,a.getAttribute("label")],null);var b=$APP.N(a),c=$APP.I(b,$APP.Yh),d=$APP.I(b,NN),e=$APP.I(b,ON);a=$APP.I(b,$APP.bi);b=$APP.I(b,$APP.sh);c=typeof c==="string"?c.trim().toLowerCase():null;c=$APP.K(PN,c)?c:"vertical";d=typeof d==="string"?d.trim().toLowerCase():null;d=$APP.K(QN,d)?d:"document";e=typeof e==="string"?e.trim().toLowerCase():null;e=$APP.K(RN,e)?e:"none";return new $APP.R(null,5,[$APP.ni,c,$APP.Jj,d,SN,e,$APP.X,a!=null,$APP.U,$APP.n(b)?
-b:""],null)},UN=function(a){a=MN(a);a=$APP.N(a);return $APP.I(a,$APP.fi).assignedElements()},WN=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.R(null,4,[$APP.xi,b,$APP.vh,c,$APP.th,$APP.C.h("fade",a.getAttribute("data-opacity")),VN,$APP.C.h("grow",a.getAttribute("data-scale"))],null)},XN=function(a){var b=
-$APP.l(a,"__xScrollParallaxChildCache");if($APP.n(b))return b;b=UN(a);b=$APP.Je.m($APP.Td,$APP.Od.g(WN),$APP.kc(b));return a.__xScrollParallaxChildCache=b},YN=function(a){a.__xScrollParallaxChildCache=null},ZN=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},$N=function(a){a=window.getComputedStyle(a).getPropertyValue("--x-scroll-parallax-scale-min");
-a=typeof a==="string"?parseFloat(a.trim()):null;var b=a==null;return $APP.n(b?b:isNaN(a))?.85:a},aO=function(a,b,c){b=new CustomEvent(b,{detail:$APP.Sg(c),bubbles:!0,composed:!0,cancelable:!1});return a.dispatchEvent(b)},bO=function(a){var b=function(){var H=$APP.l(a,"__xScrollParallaxModel");return $APP.n(H)?H:TN(a)}();if(!$APP.n($APP.X.g(b))){var c=a.getBoundingClientRect();b=$APP.C.h("vertical",$APP.ni.g(b));var d=window.innerHeight,e=b?d:window.innerWidth,g=$APP.Fg.h(0,$APP.Gg.h(1,(d-c.top)/(d+
-c.height)));c=$APP.l(a,"__xScrollParallaxLastProg");d=UN(a);for(var h=XN(a),k=ZN(a),m=$N(a),p=d.length,q=0;;)if(q<p){if(q<$APP.B(h)){var v=d[q],x=$APP.fc(h,q),y=$APP.N(x),A=$APP.I(y,$APP.xi),D=$APP.I(y,$APP.vh);x=$APP.I(y,$APP.th);y=$APP.I(y,VN);A=(g-.5)*e*(A-1)+D;var G=b?"translateY("+$APP.T.g(A)+"px)":"translateX("+$APP.T.g(A)+"px)";A=$APP.n(y)?function(){var H=m+(1-m)*(1-Math.abs(g-.5)*2);return""+$APP.T.g(G)+" scale("+$APP.T.g(H)+")"}():G;v.style.transform=A;$APP.n(x)&&(v.style.opacity=""+$APP.T.g(g<
-k?g/k:g>1-k?(1-g)/k:1))}q+=1}else break;if(c==null||Math.abs(g-c)>.001)a.__xScrollParallaxLastProg=g,aO(a,"x-scroll-parallax-progress",LN(g))}a.__xScrollParallaxRAF=null},cO=function(a){return $APP.n(function(){var b=a.isConnected;return $APP.n(b)?(b=$APP.l(a,"__xScrollParallaxVisible"),$APP.n(b)?!$APP.J(window.matchMedia("(prefers-reduced-motion:reduce)").matches):b):b}())?$APP.n($APP.l(a,"__xScrollParallaxRAF"))?null:$APP.ma(a,"__xScrollParallaxRAF",requestAnimationFrame(function(){return bO(a)})):
-null},dO=function(a){a=$APP.l(a,"__xScrollParallaxHandlers");$APP.n($APP.n(a)?$APP.r($APP.l(a,"scrollAttached")):a)&&(window.addEventListener("scroll",$APP.l(a,"scroll"),{passive:!0}),a.scrollAttached=!0)},eO=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)},fO=function(a,b){a.textContent=b;setTimeout(function(){return a.textContent=""},1E3)},gO=function(a,b){b=b[0].isIntersecting;
-var c=$APP.N($APP.l(a,"__xScrollParallaxRefs"));c=$APP.I(c,$APP.Hh);a.__xScrollParallaxVisible=b;if($APP.n(b))return dO(a),bO(a),fO(c,"Parallax section entered viewport"),aO(a,"x-scroll-parallax-enter",LN(function(){var d=$APP.l(a,"__xScrollParallaxLastProg");return $APP.n(d)?d:0}()));eO(a);fO(c,"Parallax section left viewport");return aO(a,"x-scroll-parallax-leave",LN(function(){var d=$APP.l(a,"__xScrollParallaxLastProg");return $APP.n(d)?d:0}()))},hO=function(a){function b(){return $APP.n($APP.l(a,
-"__xScrollParallaxVisible"))?(YN(a),bO(a)):null}function c(){YN(a);return $APP.n($APP.l(a,"__xScrollParallaxVisible"))?bO(a):null}var d=MN(a);d=$APP.N(d);$APP.I(d,$APP.fi).addEventListener("slotchange",c);window.addEventListener("resize",b);$APP.ma(a,"__xScrollParallaxHandlers",{scroll:function(){return cO(a)},slot:c,resize:b,scrollAttached:!1})},iO=function(a){var b=$APP.l(a,"__xScrollParallaxHandlers");if($APP.n(b)){eO(a);var c=$APP.l(a,"__xScrollParallaxRefs");if($APP.n(c)){c=$APP.fi.g(c);var d=
-$APP.l(b,"slot");$APP.n(d)&&c.removeEventListener("slotchange",d)}b=$APP.l(b,"resize");$APP.n(b)&&window.removeEventListener("resize",b)}b=$APP.l(a,"__xScrollParallaxRAF");$APP.n(b)&&(cancelAnimationFrame(b),a.__xScrollParallaxRAF=null);a.__xScrollParallaxHandlers=null},jO=function(a){var b=$APP.l(a,"__xScrollParallaxIO");$APP.n(b)&&b.disconnect();b=new IntersectionObserver(function(c){return gO(a,c)},{threshold:[0]});b.observe(a);a.__xScrollParallaxIO=b},kO=function(a){var b=TN(a);if($APP.O($APP.l(a,
-"__xScrollParallaxModel"),b)){var c=$APP.N(b),d=$APP.I(c,$APP.ni);$APP.I(c,SN);b=$APP.I(c,$APP.X);var e=$APP.I(c,$APP.U),g=MN(a);g=$APP.N(g);var h=$APP.I(g,$APP.hi);$APP.I(g,$APP.Hh);a.setAttribute("data-direction",d);$APP.u(e)?h.setAttribute("aria-label",e):h.removeAttribute("aria-label");a.__xScrollParallaxModel=c;c=$APP.l(a,"__xScrollParallaxVisible");$APP.n($APP.n(c)?$APP.r(b):c)&&bO(a)}},lO=function(a){Object.defineProperty(a,"direction",{get:function(){var b=this.getAttribute("direction");return $APP.n(b)?
-b:"vertical"},set:function(b){return $APP.n(b)?this.setAttribute("direction",""+$APP.T.g(b)):this.removeAttribute("direction")},enumerable:!0,configurable:!0});Object.defineProperty(a,"source",{get:function(){var b=this.getAttribute("source");return $APP.n(b)?b:"document"},set:function(b){return $APP.n(b)?this.setAttribute("source",""+$APP.T.g(b)):this.removeAttribute("source")},enumerable:!0,configurable:!0});Object.defineProperty(a,"easing",{get:function(){var b=this.getAttribute("easing");return $APP.n(b)?
-b:"none"},set:function(b){return $APP.n(b)?this.setAttribute("easing",""+$APP.T.g(b)):this.removeAttribute("easing")},enumerable:!0,configurable:!0});Object.defineProperty(a,"disabled",{get:function(){return this.hasAttribute("disabled")},set:function(b){return $APP.n(b)?this.setAttribute("disabled",""):this.removeAttribute("disabled")},enumerable:!0,configurable:!0});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.O(b,""):b)?this.setAttribute("label",""+$APP.T.g(b)):this.removeAttribute("label")},enumerable:!0,configurable:!0});Object.defineProperty(a,"progress",{get:function(){var b=$APP.l(this,"__xScrollParallaxLastProg");return $APP.n(b)?b:0},enumerable:!0,configurable:!0})},nO=function(){var a=class extends HTMLElement{};a.observedAttributes=mO;a.prototype.connectedCallback=function(){MN(this);iO(this);hO(this);jO(this);kO(this);return null};a.prototype.disconnectedCallback=function(){for(var b=UN(this),
-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(this,"__xScrollParallaxVisible"))&&(b=$APP.l(this,"__xScrollParallaxLastProg"),aO(this,"x-scroll-parallax-leave",LN($APP.n(b)?b:0)));iO(this);b=$APP.l(this,"__xScrollParallaxIO");$APP.n(b)&&(b.disconnect(),this.__xScrollParallaxIO=null);YN(this);this.__xScrollParallaxVisible=!1;return this.__xScrollParallaxLastProg=null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.O(c,d)&&kO(this);
-return null};lO(a.prototype);return a},tO=function(){$APP.n(customElements.get("x-scroll-parallax"))||customElements.define("x-scroll-parallax",nO());return null},VN=new $APP.M(null,"scale","scale",-230427353),NN=new $APP.M(null,"source-raw","source-raw",396083546),ON=new $APP.M(null,"easing-raw","easing-raw",440485546),SN=new $APP.M(null,"easing","easing",735372043);var mO=["direction","source","easing","disabled","label"];$APP.Ed(["x-scroll-parallax-enter",new $APP.R(null,2,[$APP.V,new $APP.R(null,1,[$APP.mk,$APP.W],null),$APP.rk,!1],null),"x-scroll-parallax-leave",new $APP.R(null,2,[$APP.V,new $APP.R(null,1,[$APP.mk,$APP.W],null),$APP.rk,!1],null),"x-scroll-parallax-progress",new $APP.R(null,2,[$APP.V,new $APP.R(null,1,[$APP.mk,$APP.W],null),$APP.rk,!1],null)]);
-var PN=new $APP.S(null,new $APP.R(null,2,["vertical",null,"horizontal",null],null),null),QN=new $APP.S(null,new $APP.R(null,1,["document",null],null),null),RN=new $APP.S(null,new $APP.R(null,2,["none",null,"smooth",null],null),null);$APP.ja("baredom.exports.x_scroll_parallax.init",tO);export const init=tO;
+var DR=function(a){return new $APP.P(null,1,[$APP.dl,a],null)},ER=function(a){var b=$APP.l(a,"__xScrollParallaxRefs");if($APP.r(b))return b;b=a.attachShadow({mode:"open"});var c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("slot"),g=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;}}";
+d.setAttribute("part","viewport");d.setAttribute("role","region");d.appendChild(e);g.setAttribute("part","live");g.setAttribute("aria-live","polite");g.setAttribute("aria-atomic","true");b.appendChild(c);b.appendChild(d);b.appendChild(g);a.__xScrollParallaxRefs=new $APP.P(null,4,[$APP.bi,b,$APP.Hi,d,$APP.Fi,e,$APP.$h,g],null);return $APP.l(a,"__xScrollParallaxRefs")},LR=function(a){a=new $APP.P(null,5,[$APP.vi,a.getAttribute("direction"),FR,a.getAttribute("source"),GR,a.getAttribute("easing"),$APP.Ai,
+$APP.r(a.hasAttribute("disabled"))?"":null,$APP.Oh,a.getAttribute("label")],null);var b=$APP.N(a),c=$APP.G(b,$APP.vi),d=$APP.G(b,FR),e=$APP.G(b,GR);a=$APP.G(b,$APP.Ai);b=$APP.G(b,$APP.Oh);c=typeof c==="string"?c.trim().toLowerCase():null;c=$APP.J(HR,c)?c:"vertical";d=typeof d==="string"?d.trim().toLowerCase():null;d=$APP.J(IR,d)?d:"document";e=typeof e==="string"?e.trim().toLowerCase():null;e=$APP.J(JR,e)?e:"none";return new $APP.P(null,5,[$APP.Ni,c,$APP.yk,d,KR,e,$APP.W,a!=null,$APP.T,$APP.r(b)?
+b:""],null)},MR=function(a){a=ER(a);a=$APP.N(a);return $APP.G(a,$APP.Fi).assignedElements()},NR=function(a){var b=a.getAttribute("data-speed");typeof b==="string"?(b=parseFloat(b.trim()),b=$APP.r(isNaN(b))?1:b):b=1;var c=a.getAttribute("data-offset");typeof c==="string"?(c=parseFloat(c.trim()),c=$APP.r(isNaN(c))?0:c):c=0;return new $APP.P(null,4,[$APP.Yi,b,$APP.Rh,c,$APP.Ph,$APP.D.i("fade",a.getAttribute("data-opacity")),$APP.xi,$APP.D.i("grow",a.getAttribute("data-scale"))],null)},OR=function(a){var b=
+$APP.l(a,"__xScrollParallaxChildCache");if($APP.r(b))return b;b=MR(a);b=$APP.af.o($APP.ie,$APP.de.g(NR),$APP.wc(b));return a.__xScrollParallaxChildCache=b},PR=function(a){a.__xScrollParallaxChildCache=null},QR=function(a){a=window.getComputedStyle(a).getPropertyValue("--x-scroll-parallax-fade-range");a=typeof a==="string"?a.trim():null;return $APP.r($APP.r(a)?a.endsWith("%"):a)?(a=parseFloat(a.slice(0,-1)),$APP.r(isNaN(a))?.2:a/100):.2},RR=function(a){a=window.getComputedStyle(a).getPropertyValue("--x-scroll-parallax-scale-min");
+a=typeof a==="string"?parseFloat(a.trim()):null;var b=a==null;return $APP.r(b?b:isNaN(a))?.85:a},SR=function(a,b,c){b=new CustomEvent(b,{detail:$APP.nh(c),bubbles:!0,composed:!0,cancelable:!1});return a.dispatchEvent(b)},TR=function(a){var b=function(){var H=$APP.l(a,"__xScrollParallaxModel");return $APP.r(H)?H:LR(a)}();if(!$APP.r($APP.W.g(b))){var c=a.getBoundingClientRect();b=$APP.D.i("vertical",$APP.Ni.g(b));var d=window.innerHeight,e=b?d:window.innerWidth,g=$APP.Yg.i(0,$APP.Zg.i(1,(d-c.top)/(d+
+c.height)));c=$APP.l(a,"__xScrollParallaxLastProg");d=MR(a);for(var h=OR(a),k=QR(a),m=RR(a),p=d.length,q=0;;)if(q<p){if(q<$APP.B(h)){var w=d[q],x=$APP.rc(h,q),y=$APP.N(x),A=$APP.G(y,$APP.Yi),C=$APP.G(y,$APP.Rh);x=$APP.G(y,$APP.Ph);y=$APP.G(y,$APP.xi);A=(g-.5)*e*(A-1)+C;var E=b?"translateY("+$APP.S.g(A)+"px)":"translateX("+$APP.S.g(A)+"px)";A=$APP.r(y)?function(){var H=m+(1-m)*(1-Math.abs(g-.5)*2);return""+$APP.S.g(E)+" scale("+$APP.S.g(H)+")"}():E;w.style.transform=A;$APP.r(x)&&(w.style.opacity=""+
+$APP.S.g(g<k?g/k:g>1-k?(1-g)/k:1))}q+=1}else break;if(c==null||Math.abs(g-c)>.001)a.__xScrollParallaxLastProg=g,SR(a,"x-scroll-parallax-progress",DR(g))}a.__xScrollParallaxRAF=null},UR=function(a){return $APP.r(function(){var b=a.isConnected;return $APP.r(b)?(b=$APP.l(a,"__xScrollParallaxVisible"),$APP.r(b)?!$APP.I(window.matchMedia("(prefers-reduced-motion:reduce)").matches):b):b}())?$APP.r($APP.l(a,"__xScrollParallaxRAF"))?null:$APP.n(a,"__xScrollParallaxRAF",requestAnimationFrame(function(){return TR(a)})):
+null},VR=function(a){a=$APP.l(a,"__xScrollParallaxHandlers");$APP.r($APP.r(a)?$APP.t($APP.l(a,"scrollAttached")):a)&&(window.addEventListener("scroll",$APP.l(a,"scroll"),{passive:!0}),a.scrollAttached=!0)},WR=function(a){a=$APP.l(a,"__xScrollParallaxHandlers");$APP.r($APP.r(a)?$APP.l(a,"scrollAttached"):a)&&(window.removeEventListener("scroll",$APP.l(a,"scroll")),a.scrollAttached=!1)},YR=function(a,b){a.textContent=b;setTimeout(function(){return a.textContent=""},1E3)},ZR=function(a,b){b=b[0].isIntersecting;
+var c=$APP.N($APP.l(a,"__xScrollParallaxRefs"));c=$APP.G(c,$APP.$h);a.__xScrollParallaxVisible=b;if($APP.r(b))return VR(a),TR(a),YR(c,"Parallax section entered viewport"),SR(a,"x-scroll-parallax-enter",DR(function(){var d=$APP.l(a,"__xScrollParallaxLastProg");return $APP.r(d)?d:0}()));WR(a);YR(c,"Parallax section left viewport");return SR(a,"x-scroll-parallax-leave",DR(function(){var d=$APP.l(a,"__xScrollParallaxLastProg");return $APP.r(d)?d:0}()))},$R=function(a){function b(){return $APP.r($APP.l(a,
+"__xScrollParallaxVisible"))?(PR(a),TR(a)):null}function c(){PR(a);return $APP.r($APP.l(a,"__xScrollParallaxVisible"))?TR(a):null}var d=ER(a);d=$APP.N(d);$APP.G(d,$APP.Fi).addEventListener("slotchange",c);window.addEventListener("resize",b);$APP.n(a,"__xScrollParallaxHandlers",{scroll:function(){return UR(a)},slot:c,resize:b,scrollAttached:!1})},aS=function(a){var b=$APP.l(a,"__xScrollParallaxHandlers");if($APP.r(b)){WR(a);var c=$APP.l(a,"__xScrollParallaxRefs");if($APP.r(c)){c=$APP.Fi.g(c);var d=
+$APP.l(b,"slot");$APP.r(d)&&c.removeEventListener("slotchange",d)}b=$APP.l(b,"resize");$APP.r(b)&&window.removeEventListener("resize",b)}b=$APP.l(a,"__xScrollParallaxRAF");$APP.r(b)&&(cancelAnimationFrame(b),a.__xScrollParallaxRAF=null);a.__xScrollParallaxHandlers=null},bS=function(a){var b=$APP.l(a,"__xScrollParallaxIO");$APP.r(b)&&b.disconnect();b=new IntersectionObserver(function(c){return ZR(a,c)},{threshold:[0]});b.observe(a);a.__xScrollParallaxIO=b},cS=function(a){var b=LR(a);if($APP.O($APP.l(a,
+"__xScrollParallaxModel"),b)){var c=$APP.N(b),d=$APP.G(c,$APP.Ni);$APP.G(c,KR);b=$APP.G(c,$APP.W);var e=$APP.G(c,$APP.T),g=ER(a);g=$APP.N(g);var h=$APP.G(g,$APP.Hi);$APP.G(g,$APP.$h);a.setAttribute("data-direction",d);$APP.u(e)?h.setAttribute("aria-label",e):h.removeAttribute("aria-label");a.__xScrollParallaxModel=c;c=$APP.l(a,"__xScrollParallaxVisible");$APP.r($APP.r(c)?$APP.t(b):c)&&TR(a)}},dS=function(a){Object.defineProperty(a,"direction",{get:function(){var b=this.getAttribute("direction");return $APP.r(b)?
+b:"vertical"},set:function(b){return $APP.r(b)?this.setAttribute("direction",""+$APP.S.g(b)):this.removeAttribute("direction")},enumerable:!0,configurable:!0});Object.defineProperty(a,"source",{get:function(){var b=this.getAttribute("source");return $APP.r(b)?b:"document"},set:function(b){return $APP.r(b)?this.setAttribute("source",""+$APP.S.g(b)):this.removeAttribute("source")},enumerable:!0,configurable:!0});Object.defineProperty(a,"easing",{get:function(){var b=this.getAttribute("easing");return $APP.r(b)?
+b:"none"},set:function(b){return $APP.r(b)?this.setAttribute("easing",""+$APP.S.g(b)):this.removeAttribute("easing")},enumerable:!0,configurable:!0});Object.defineProperty(a,"disabled",{get:function(){return this.hasAttribute("disabled")},set:function(b){return $APP.r(b)?this.setAttribute("disabled",""):this.removeAttribute("disabled")},enumerable:!0,configurable:!0});Object.defineProperty(a,"label",{get:function(){var b=this.getAttribute("label");return $APP.r(b)?b:""},set:function(b){return $APP.r($APP.r(b)?
+$APP.O(b,""):b)?this.setAttribute("label",""+$APP.S.g(b)):this.removeAttribute("label")},enumerable:!0,configurable:!0});Object.defineProperty(a,"progress",{get:function(){var b=$APP.l(this,"__xScrollParallaxLastProg");return $APP.r(b)?b:0},enumerable:!0,configurable:!0})},fS=function(){var a=class extends HTMLElement{};a.observedAttributes=eS;a.prototype.connectedCallback=function(){ER(this);aS(this);$R(this);bS(this);cS(this);return null};a.prototype.disconnectedCallback=function(){for(var b=MR(this),
+c=b.length,d=0;;)if(d<c){var e=b[d];e.style.transform="";e.style.opacity="";d+=1}else break;$APP.r($APP.l(this,"__xScrollParallaxVisible"))&&(b=$APP.l(this,"__xScrollParallaxLastProg"),SR(this,"x-scroll-parallax-leave",DR($APP.r(b)?b:0)));aS(this);b=$APP.l(this,"__xScrollParallaxIO");$APP.r(b)&&(b.disconnect(),this.__xScrollParallaxIO=null);PR(this);this.__xScrollParallaxVisible=!1;return this.__xScrollParallaxLastProg=null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.O(c,d)&&cS(this);
+return null};dS(a.prototype);return a},gS=function(){$APP.r(customElements.get("x-scroll-parallax"))||customElements.define("x-scroll-parallax",fS());return null},FR=new $APP.M(null,"source-raw","source-raw",396083546),GR=new $APP.M(null,"easing-raw","easing-raw",440485546),KR=new $APP.M(null,"easing","easing",735372043);var eS=["direction","source","easing","disabled","label"];$APP.Sd(["x-scroll-parallax-enter",new $APP.P(null,2,[$APP.U,new $APP.P(null,1,[$APP.dl,$APP.V],null),$APP.kl,!1],null),"x-scroll-parallax-leave",new $APP.P(null,2,[$APP.U,new $APP.P(null,1,[$APP.dl,$APP.V],null),$APP.kl,!1],null),"x-scroll-parallax-progress",new $APP.P(null,2,[$APP.U,new $APP.P(null,1,[$APP.dl,$APP.V],null),$APP.kl,!1],null)]);
+var HR=new $APP.R(null,new $APP.P(null,2,["vertical",null,"horizontal",null],null),null),IR=new $APP.R(null,new $APP.P(null,1,["document",null],null),null),JR=new $APP.R(null,new $APP.P(null,2,["none",null,"smooth",null],null),null);$APP.ka("baredom.exports.x_scroll_parallax.init",gS);export const init=gS;

package/dist/x-scroll-stack.js

@@ -1,20 +1,20 @@
 import { $APP, shadow$provide } from "./base.js";
-var Tv=function(a,b){return typeof a==="string"?(a=parseFloat(a.trim()),typeof a==="number"&&$APP.r(isNaN(a))&&a>0?a:b):b},Vv=function(a){return typeof a==="string"&&$APP.K(Uv,a.trim().toLowerCase())?a.trim().toLowerCase():"center"},Wv=function(a,b,c){b*=c;c=b+c-b;return Math.max(0,Math.min(1,c<=0?0:(a-b)/c))},Xv=function(a,b,c){b*=c;return b<=0?0:Math.max(0,Math.min(1,a/b))},Yv=function(a){var b=$APP.l(a,"__xScrollStackRefs");if($APP.n(b))return b;b=a.attachShadow({mode:"open"});var c=document.createElement("style"),
+var Uy=function(a,b){return typeof a==="string"?(a=parseFloat(a.trim()),typeof a==="number"&&$APP.t(isNaN(a))&&a>0?a:b):b},Wy=function(a){return typeof a==="string"&&$APP.J(Vy,a.trim().toLowerCase())?a.trim().toLowerCase():"center"},Xy=function(a,b,c){b*=c;c=b+c-b;return Math.max(0,Math.min(1,c<=0?0:(a-b)/c))},Yy=function(a,b,c){b*=c;return b<=0?0:Math.max(0,Math.min(1,a/b))},Zy=function(a){var b=$APP.l(a,"__xScrollStackRefs");if($APP.r(b))return b;b=a.attachShadow({mode:"open"});var c=document.createElement("style"),
 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:100vh;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;}}";
-d.setAttribute("part","container");d.setAttribute("role","region");d.appendChild(e);b.appendChild(c);b.appendChild(d);a.__xScrollStackRefs=new $APP.R(null,3,[$APP.Jh,b,$APP.yi,d,$APP.fi,e],null);return $APP.l(a,"__xScrollStackRefs")},ew=function(a){a=new $APP.R(null,5,[Zv,a.getAttribute("peek"),$v,a.getAttribute("rotation"),aw,a.getAttribute("scroll-distance"),$APP.Wh,a.getAttribute("align"),$APP.bi,$APP.n(a.hasAttribute("disabled"))?"":null],null);var b=$APP.N(a);a=$APP.I(b,Zv);var c=$APP.I(b,$v),
-d=$APP.I(b,aw),e=$APP.I(b,$APP.Wh);b=$APP.I(b,$APP.bi);return new $APP.R(null,5,[bw,Tv(a,6),cw,Tv(c,3),dw,Tv(d,150),$APP.qi,Vv(e),$APP.X,b!=null],null)},fw=function(a){a=Yv(a);a=$APP.N(a);return $APP.I(a,$APP.fi).assignedElements()},gw=function(a,b,c){b=new CustomEvent(b,{detail:$APP.Sg(c),bubbles:!0,composed:!0,cancelable:!1});a.dispatchEvent(b)},hw=function(a){var b=$APP.l(a,"__xScrollStackModel");b=$APP.n(b)?b:ew(a);var c=fw(a).length;b=window.innerHeight+c*dw.g(b);a.style.height=""+$APP.T.g(b)+
-"px"},nw=function(a){var b=function(){var Xa=$APP.l(a,"__xScrollStackModel");return $APP.n(Xa)?Xa:ew(a)}(),c=a.getBoundingClientRect();c=Math.max(0,-c.top);var d=fw(a),e=d.length,g=$APP.l(a,"__xScrollStackNaturalOffsets"),h=$APP.l(a,"__xScrollStackChildHeights");if($APP.n(function(){var Xa=e>0;return Xa?$APP.n(g)?$APP.n(h)?$APP.C.h(g.length,e)&&$APP.C.h(h.length,e):h:g:Xa}())){var k=dw.g(b),m=bw.g(b),p=cw.g(b),q=$APP.qi.g(b),v=g[0],x=$APP.n(a.hasAttribute("align"))?function(){var Xa=(e-1)*m+h[e-1],
-Wb=$APP.N($APP.l(a,"__xScrollStackRefs"));Wb=$APP.I(Wb,$APP.yi).clientHeight;a:switch(q){case "top":Xa=32;break a;case "bottom":Xa=Wb-Xa-32;break a;default:Xa=(Wb-Xa)/2}return Xa-v}():0;b=Xv(c,e,k);for(var y=Math.max(0,Math.min(e,Math.floor(c/Math.max(1,k)))),A=function(){var Xa=$APP.l(a,"__xScrollStackStackedCount");return $APP.n(Xa)?Xa:0}(),D=0;;)if(D<e){var G=d[D],H=Wv(c,D,k),F=new $APP.R(null,3,[iw,D*m,jw,p*Math.sin(D*2.3),kw,2*Math.cos(D*3.7)],null),P=g[D];P=v+iw.g(F)-P;P=H*P+H*x;var la=H*jw.g(F);
-F=H*kw.g(F);var Ca=H>0?""+$APP.T.g(D):"";G.style.transform=H===0?"":"translate("+$APP.T.g(F.toFixed(2))+"px,"+$APP.T.g(P.toFixed(2))+"px) rotate("+$APP.T.g(la.toFixed(3))+"deg)";G.style.zIndex=Ca;D+=1}else break;$APP.O(y,A)&&(a.__xScrollStackStackedCount=y,gw(a,"x-scroll-stack-change",new $APP.R(null,3,[lw,y,mw,e,$APP.mk,b],null)));c=$APP.l(a,"__xScrollStackLastProg");if(c==null||Math.abs(b-c)>.001)a.__xScrollStackLastProg=b,gw(a,"x-scroll-stack-progress",new $APP.R(null,3,[$APP.mk,b,lw,y,mw,e],null))}a.__xScrollStackRAF=
-null},ow=function(a){a=$APP.l(a,"__xScrollStackModel");return $APP.n(a)?$APP.X.g(a):a},pw=function(a){return $APP.n(function(){var b=a.isConnected;return $APP.n(b)?(b=$APP.l(a,"__xScrollStackVisible"),$APP.n(b)?$APP.r(ow(a)):b):b}())?$APP.n($APP.l(a,"__xScrollStackRAF"))?null:$APP.ma(a,"__xScrollStackRAF",requestAnimationFrame(function(){return nw(a)})):null},qw=function(a){a=$APP.l(a,"__xScrollStackHandlers");$APP.n($APP.n(a)?$APP.r($APP.l(a,"scrollAttached")):a)&&(window.addEventListener("scroll",
-$APP.l(a,"scroll"),{passive:!0}),a.scrollAttached=!0)},rw=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},sw=function(a){var b=$APP.l(a,"__xScrollStackCacheRAF");$APP.n(b)&&(cancelAnimationFrame(b),a.__xScrollStackCacheRAF=null);return $APP.ma(a,"__xScrollStackCacheRAF",requestAnimationFrame(function(){a.__xScrollStackCacheRAF=null;if($APP.n(a.isConnected)){var c=
-fw(a),d=c.length;if(d>0){var e=$APP.N($APP.l(a,"__xScrollStackRefs")),g=$APP.I(e,$APP.yi);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;g.offsetHeight;g=g.getBoundingClientRect();for(k=0;;)if(k<d)m=c[k].getBoundingClientRect(),e[k]=m.top-g.top,h[k]=m.height,k+=1;else break;a.__xScrollStackNaturalOffsets=e;a.__xScrollStackChildHeights=h}return nw(a)}return null}))},tw=function(a){var b=$APP.l(a,"__xScrollStackIO");$APP.n(b)&&b.disconnect();
-b=new IntersectionObserver(function(c){c=c[0].isIntersecting;a.__xScrollStackVisible=c;$APP.n(c)?$APP.n(ow(a))?c=null:(qw(a),c=sw(a)):c=rw(a);return c},{threshold:[0]});b.observe(a);a.__xScrollStackIO=b},uw=function(a){a=fw(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},vw=function(a){function b(){hw(a);return $APP.n($APP.l(a,"__xScrollStackVisible"))?sw(a):null}function c(){hw(a);return $APP.n($APP.l(a,"__xScrollStackVisible"))?sw(a):null}var d=
-Yv(a);d=$APP.N(d);$APP.I(d,$APP.fi).addEventListener("slotchange",c);window.addEventListener("resize",b);$APP.ma(a,"__xScrollStackHandlers",{scroll:function(){return pw(a)},slot:c,resize:b,scrollAttached:!1})},ww=function(a){var b=$APP.l(a,"__xScrollStackHandlers");if($APP.n(b)){rw(a);var c=$APP.l(a,"__xScrollStackRefs");if($APP.n(c)){c=$APP.fi.g(c);var d=$APP.l(b,"slot");$APP.n(d)&&c.removeEventListener("slotchange",d)}b=$APP.l(b,"resize");$APP.n(b)&&window.removeEventListener("resize",b)}b=$APP.l(a,
-"__xScrollStackRAF");$APP.n(b)&&(cancelAnimationFrame(b),a.__xScrollStackRAF=null);b=$APP.l(a,"__xScrollStackCacheRAF");$APP.n(b)&&(cancelAnimationFrame(b),a.__xScrollStackCacheRAF=null);a.__xScrollStackHandlers=null},xw=function(a){var b=ew(a);if($APP.O($APP.l(a,"__xScrollStackModel"),b)){b=$APP.N(b);var c=$APP.I(b,$APP.X);a.__xScrollStackModel=b;$APP.n(c)?(uw(a),a.__xScrollStackStackedCount=0,a.__xScrollStackLastProg=null,rw(a)):$APP.n($APP.l(a,"__xScrollStackVisible"))&&(qw(a),sw(a))}},yw=function(a){Object.defineProperty(a,
-"peek",{get:function(){return Tv(this.getAttribute("peek"),6)},set:function(b){return b!=null?this.setAttribute("peek",""+$APP.T.g(b)):this.removeAttribute("peek")},enumerable:!0,configurable:!0});Object.defineProperty(a,"rotation",{get:function(){return Tv(this.getAttribute("rotation"),3)},set:function(b){return b!=null?this.setAttribute("rotation",""+$APP.T.g(b)):this.removeAttribute("rotation")},enumerable:!0,configurable:!0});Object.defineProperty(a,"scrollDistance",{get:function(){return Tv(this.getAttribute("scroll-distance"),
-150)},set:function(b){return b!=null?this.setAttribute("scroll-distance",""+$APP.T.g(b)):this.removeAttribute("scroll-distance")},enumerable:!0,configurable:!0});Object.defineProperty(a,"align",{get:function(){return Vv(this.getAttribute("align"))},set:function(b){return b!=null?this.setAttribute("align",""+$APP.T.g(b)):this.removeAttribute("align")},enumerable:!0,configurable:!0});Object.defineProperty(a,"disabled",{get:function(){return this.hasAttribute("disabled")},set:function(b){return $APP.n(b)?
-this.setAttribute("disabled",""):this.removeAttribute("disabled")},enumerable:!0,configurable:!0});Object.defineProperty(a,"stackedCount",{get:function(){var b=$APP.l(this,"__xScrollStackStackedCount");return $APP.n(b)?b:0},enumerable:!0,configurable:!0});Object.defineProperty(a,"progress",{get:function(){var b=$APP.l(this,"__xScrollStackLastProg");return $APP.n(b)?b:0},enumerable:!0,configurable:!0});Object.defineProperty(a,"refresh",{value:function(){hw(this);return $APP.n($APP.l(this,"__xScrollStackVisible"))?
-sw(this):null},enumerable:!0,configurable:!0})},Aw=function(){var a=class extends HTMLElement{};a.observedAttributes=zw;a.prototype.connectedCallback=function(){Yv(this);ww(this);vw(this);tw(this);xw(this);hw(this);return null};a.prototype.disconnectedCallback=function(){uw(this);ww(this);var b=$APP.l(this,"__xScrollStackIO");$APP.n(b)&&(b.disconnect(),this.__xScrollStackIO=null);this.__xScrollStackVisible=!1;this.__xScrollStackStackedCount=0;return this.__xScrollStackChildHeights=this.__xScrollStackNaturalOffsets=
-this.__xScrollStackLastProg=null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.O(c,d)&&(xw(this),hw(this),$APP.n($APP.l(this,"__xScrollStackVisible"))&&sw(this));return null};yw(a.prototype);return a},Bw=function(){$APP.n(customElements.get("x-scroll-stack"))||customElements.define("x-scroll-stack",Aw());return null},jw=new $APP.M(null,"stack-rot","stack-rot",-949440704),bw=new $APP.M(null,"peek","peek",-291396325),mw=new $APP.M(null,"totalCount","totalCount",2101470328),aw=new $APP.M(null,
-"scroll-distance-raw","scroll-distance-raw",1537519796),kw=new $APP.M(null,"stack-x","stack-x",-1557848736),iw=new $APP.M(null,"stack-y","stack-y",146748620),$v=new $APP.M(null,"rotation-raw","rotation-raw",318004495),cw=new $APP.M(null,"rotation","rotation",-1728051644),Zv=new $APP.M(null,"peek-raw","peek-raw",361729174),lw=new $APP.M(null,"stackedCount","stackedCount",137366007),dw=new $APP.M(null,"scroll-distance","scroll-distance",-544947824);var zw=["peek","rotation","scroll-distance","align","disabled"];$APP.Ed(["x-scroll-stack-change",new $APP.R(null,2,[$APP.V,new $APP.R(null,3,[lw,$APP.W,mw,$APP.W,$APP.mk,$APP.W],null),$APP.rk,!1],null),"x-scroll-stack-progress",new $APP.R(null,2,[$APP.V,new $APP.R(null,3,[$APP.mk,$APP.W,lw,$APP.W,mw,$APP.W],null),$APP.rk,!1],null)]);var Uv=new $APP.S(null,new $APP.R(null,3,["top",null,"center",null,"bottom",null],null),null);$APP.ja("baredom.exports.x_scroll_stack.init",Bw);export const init=Bw;
+d.setAttribute("part","container");d.setAttribute("role","region");d.appendChild(e);b.appendChild(c);b.appendChild(d);a.__xScrollStackRefs=new $APP.P(null,3,[$APP.bi,b,$APP.Zi,d,$APP.Fi,e],null);return $APP.l(a,"__xScrollStackRefs")},ez=function(a){a=new $APP.P(null,5,[$y,a.getAttribute("peek"),az,a.getAttribute("rotation"),bz,a.getAttribute("scroll-distance"),$APP.qi,a.getAttribute("align"),$APP.Ai,$APP.r(a.hasAttribute("disabled"))?"":null],null);var b=$APP.N(a);a=$APP.G(b,$y);var c=$APP.G(b,az),
+d=$APP.G(b,bz),e=$APP.G(b,$APP.qi);b=$APP.G(b,$APP.Ai);return new $APP.P(null,5,[cz,Uy(a,6),$APP.cl,Uy(c,3),dz,Uy(d,150),$APP.Qi,Wy(e),$APP.W,b!=null],null)},fz=function(a){a=Zy(a);a=$APP.N(a);return $APP.G(a,$APP.Fi).assignedElements()},gz=function(a,b,c){b=new CustomEvent(b,{detail:$APP.nh(c),bubbles:!0,composed:!0,cancelable:!1});a.dispatchEvent(b)},hz=function(a){var b=$APP.l(a,"__xScrollStackModel");b=$APP.r(b)?b:ez(a);var c=fz(a).length;b=window.innerHeight+c*dz.g(b);a.style.height=""+$APP.S.g(b)+
+"px"},nz=function(a){var b=function(){var sa=$APP.l(a,"__xScrollStackModel");return $APP.r(sa)?sa:ez(a)}(),c=a.getBoundingClientRect();c=Math.max(0,-c.top);var d=fz(a),e=d.length,g=$APP.l(a,"__xScrollStackNaturalOffsets"),h=$APP.l(a,"__xScrollStackChildHeights");if($APP.r(function(){var sa=e>0;return sa?$APP.r(g)?$APP.r(h)?$APP.D.i(g.length,e)&&$APP.D.i(h.length,e):h:g:sa}())){var k=dz.g(b),m=cz.g(b),p=$APP.cl.g(b),q=$APP.Qi.g(b),w=g[0],x=$APP.r(a.hasAttribute("align"))?function(){var sa=(e-1)*m+
+h[e-1],Ga=$APP.N($APP.l(a,"__xScrollStackRefs"));Ga=$APP.G(Ga,$APP.Zi).clientHeight;a:switch(q){case "top":sa=32;break a;case "bottom":sa=Ga-sa-32;break a;default:sa=(Ga-sa)/2}return sa-w}():0;b=Yy(c,e,k);for(var y=Math.max(0,Math.min(e,Math.floor(c/Math.max(1,k)))),A=function(){var sa=$APP.l(a,"__xScrollStackStackedCount");return $APP.r(sa)?sa:0}(),C=0;;)if(C<e){var E=d[C],H=Xy(c,C,k),F=new $APP.P(null,3,[iz,C*m,jz,p*Math.sin(C*2.3),kz,2*Math.cos(C*3.7)],null),K=g[C];K=w+iz.g(F)-K;K=H*K+H*x;var X=
+H*jz.g(F);F=H*kz.g(F);var da=H>0?""+$APP.S.g(C):"";E.style.transform=H===0?"":"translate("+$APP.S.g(F.toFixed(2))+"px,"+$APP.S.g(K.toFixed(2))+"px) rotate("+$APP.S.g(X.toFixed(3))+"deg)";E.style.zIndex=da;C+=1}else break;$APP.O(y,A)&&(a.__xScrollStackStackedCount=y,gz(a,"x-scroll-stack-change",new $APP.P(null,3,[lz,y,mz,e,$APP.dl,b],null)));c=$APP.l(a,"__xScrollStackLastProg");if(c==null||Math.abs(b-c)>.001)a.__xScrollStackLastProg=b,gz(a,"x-scroll-stack-progress",new $APP.P(null,3,[$APP.dl,b,lz,
+y,mz,e],null))}a.__xScrollStackRAF=null},oz=function(a){a=$APP.l(a,"__xScrollStackModel");return $APP.r(a)?$APP.W.g(a):a},pz=function(a){return $APP.r(function(){var b=a.isConnected;return $APP.r(b)?(b=$APP.l(a,"__xScrollStackVisible"),$APP.r(b)?$APP.t(oz(a)):b):b}())?$APP.r($APP.l(a,"__xScrollStackRAF"))?null:$APP.n(a,"__xScrollStackRAF",requestAnimationFrame(function(){return nz(a)})):null},qz=function(a){a=$APP.l(a,"__xScrollStackHandlers");$APP.r($APP.r(a)?$APP.t($APP.l(a,"scrollAttached")):a)&&
+(window.addEventListener("scroll",$APP.l(a,"scroll"),{passive:!0}),a.scrollAttached=!0)},rz=function(a){a=$APP.l(a,"__xScrollStackHandlers");if($APP.r($APP.r(a)?$APP.l(a,"scrollAttached"):a))window.removeEventListener("scroll",$APP.l(a,"scroll")),a.scrollAttached=!1;else return null},sz=function(a){var b=$APP.l(a,"__xScrollStackCacheRAF");$APP.r(b)&&(cancelAnimationFrame(b),a.__xScrollStackCacheRAF=null);return $APP.n(a,"__xScrollStackCacheRAF",requestAnimationFrame(function(){a.__xScrollStackCacheRAF=
+null;if($APP.r(a.isConnected)){var c=fz(a),d=c.length;if(d>0){var e=$APP.N($APP.l(a,"__xScrollStackRefs")),g=$APP.G(e,$APP.Zi);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;g.offsetHeight;g=g.getBoundingClientRect();for(k=0;;)if(k<d)m=c[k].getBoundingClientRect(),e[k]=m.top-g.top,h[k]=m.height,k+=1;else break;a.__xScrollStackNaturalOffsets=e;a.__xScrollStackChildHeights=h}return nz(a)}return null}))},tz=function(a){var b=$APP.l(a,"__xScrollStackIO");
+$APP.r(b)&&b.disconnect();b=new IntersectionObserver(function(c){c=c[0].isIntersecting;a.__xScrollStackVisible=c;$APP.r(c)?$APP.r(oz(a))?c=null:(qz(a),c=sz(a)):c=rz(a);return c},{threshold:[0]});b.observe(a);a.__xScrollStackIO=b},uz=function(a){a=fz(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},vz=function(a){function b(){hz(a);return $APP.r($APP.l(a,"__xScrollStackVisible"))?sz(a):null}function c(){hz(a);return $APP.r($APP.l(a,"__xScrollStackVisible"))?
+sz(a):null}var d=Zy(a);d=$APP.N(d);$APP.G(d,$APP.Fi).addEventListener("slotchange",c);window.addEventListener("resize",b);$APP.n(a,"__xScrollStackHandlers",{scroll:function(){return pz(a)},slot:c,resize:b,scrollAttached:!1})},wz=function(a){var b=$APP.l(a,"__xScrollStackHandlers");if($APP.r(b)){rz(a);var c=$APP.l(a,"__xScrollStackRefs");if($APP.r(c)){c=$APP.Fi.g(c);var d=$APP.l(b,"slot");$APP.r(d)&&c.removeEventListener("slotchange",d)}b=$APP.l(b,"resize");$APP.r(b)&&window.removeEventListener("resize",
+b)}b=$APP.l(a,"__xScrollStackRAF");$APP.r(b)&&(cancelAnimationFrame(b),a.__xScrollStackRAF=null);b=$APP.l(a,"__xScrollStackCacheRAF");$APP.r(b)&&(cancelAnimationFrame(b),a.__xScrollStackCacheRAF=null);a.__xScrollStackHandlers=null},xz=function(a){var b=ez(a);if($APP.O($APP.l(a,"__xScrollStackModel"),b)){b=$APP.N(b);var c=$APP.G(b,$APP.W);a.__xScrollStackModel=b;$APP.r(c)?(uz(a),a.__xScrollStackStackedCount=0,a.__xScrollStackLastProg=null,rz(a)):$APP.r($APP.l(a,"__xScrollStackVisible"))&&(qz(a),sz(a))}},
+yz=function(a){Object.defineProperty(a,"peek",{get:function(){return Uy(this.getAttribute("peek"),6)},set:function(b){return b!=null?this.setAttribute("peek",""+$APP.S.g(b)):this.removeAttribute("peek")},enumerable:!0,configurable:!0});Object.defineProperty(a,"rotation",{get:function(){return Uy(this.getAttribute("rotation"),3)},set:function(b){return b!=null?this.setAttribute("rotation",""+$APP.S.g(b)):this.removeAttribute("rotation")},enumerable:!0,configurable:!0});Object.defineProperty(a,"scrollDistance",
+{get:function(){return Uy(this.getAttribute("scroll-distance"),150)},set:function(b){return b!=null?this.setAttribute("scroll-distance",""+$APP.S.g(b)):this.removeAttribute("scroll-distance")},enumerable:!0,configurable:!0});Object.defineProperty(a,"align",{get:function(){return Wy(this.getAttribute("align"))},set:function(b){return b!=null?this.setAttribute("align",""+$APP.S.g(b)):this.removeAttribute("align")},enumerable:!0,configurable:!0});Object.defineProperty(a,"disabled",{get:function(){return this.hasAttribute("disabled")},
+set:function(b){return $APP.r(b)?this.setAttribute("disabled",""):this.removeAttribute("disabled")},enumerable:!0,configurable:!0});Object.defineProperty(a,"stackedCount",{get:function(){var b=$APP.l(this,"__xScrollStackStackedCount");return $APP.r(b)?b:0},enumerable:!0,configurable:!0});Object.defineProperty(a,"progress",{get:function(){var b=$APP.l(this,"__xScrollStackLastProg");return $APP.r(b)?b:0},enumerable:!0,configurable:!0});Object.defineProperty(a,"refresh",{value:function(){hz(this);return $APP.r($APP.l(this,
+"__xScrollStackVisible"))?sz(this):null},enumerable:!0,configurable:!0})},Az=function(){var a=class extends HTMLElement{};a.observedAttributes=zz;a.prototype.connectedCallback=function(){Zy(this);wz(this);vz(this);tz(this);xz(this);hz(this);return null};a.prototype.disconnectedCallback=function(){uz(this);wz(this);var b=$APP.l(this,"__xScrollStackIO");$APP.r(b)&&(b.disconnect(),this.__xScrollStackIO=null);this.__xScrollStackVisible=!1;this.__xScrollStackStackedCount=0;return this.__xScrollStackChildHeights=
+this.__xScrollStackNaturalOffsets=this.__xScrollStackLastProg=null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.O(c,d)&&(xz(this),hz(this),$APP.r($APP.l(this,"__xScrollStackVisible"))&&sz(this));return null};yz(a.prototype);return a},Bz=function(){$APP.r(customElements.get("x-scroll-stack"))||customElements.define("x-scroll-stack",Az());return null},jz=new $APP.M(null,"stack-rot","stack-rot",-949440704),cz=new $APP.M(null,"peek","peek",-291396325),mz=new $APP.M(null,"totalCount","totalCount",
+2101470328),bz=new $APP.M(null,"scroll-distance-raw","scroll-distance-raw",1537519796),kz=new $APP.M(null,"stack-x","stack-x",-1557848736),iz=new $APP.M(null,"stack-y","stack-y",146748620),az=new $APP.M(null,"rotation-raw","rotation-raw",318004495),$y=new $APP.M(null,"peek-raw","peek-raw",361729174),lz=new $APP.M(null,"stackedCount","stackedCount",137366007),dz=new $APP.M(null,"scroll-distance","scroll-distance",-544947824);var zz=["peek","rotation","scroll-distance","align","disabled"];$APP.Sd(["x-scroll-stack-change",new $APP.P(null,2,[$APP.U,new $APP.P(null,3,[lz,$APP.V,mz,$APP.V,$APP.dl,$APP.V],null),$APP.kl,!1],null),"x-scroll-stack-progress",new $APP.P(null,2,[$APP.U,new $APP.P(null,3,[$APP.dl,$APP.V,lz,$APP.V,mz,$APP.V],null),$APP.kl,!1],null)]);var Vy=new $APP.R(null,new $APP.P(null,3,["top",null,"center",null,"bottom",null],null),null);$APP.ka("baredom.exports.x_scroll_stack.init",Bz);export const init=Bz;

package/dist/x-scroll-story.js

@@ -1,38 +1,38 @@
 import { $APP, shadow$provide } from "./base.js";
-var AS=function(a){return typeof a==="string"?(a=parseFloat(a.trim()),$APP.n(isNaN(a))?.5:$APP.Fg.h(0,$APP.Gg.h(1,a))):.5},BS=function(a){return typeof a==="string"?(a=parseFloat(a.trim()),$APP.n(isNaN(a))?.5:$APP.Fg.h(.1,$APP.Gg.h(.9,a))):.5},CS=function(a){return typeof a==="string"?(a=parseFloat(a.trim()),$APP.n(isNaN(a))?50:$APP.Fg.h(1,$APP.Gg.h(1E3,a))):50},DS=function(a,b){var c=$APP.B(a);if(c===0)return-1;for(var d=0,e=-1,g=-1;;){if(d>=c)return e>=0?e:g;var h=$APP.fc(a,d),k=$APP.N(h);h=$APP.I(k,
-$APP.uh);k=$APP.I(k,$APP.oj);e=h<=b&&k>b?d:e;g=h<=b?d:g;d+=1}},FS=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"),g=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:100vh;}::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;}}";
-d.setAttribute("part","container");d.setAttribute("role","region");e.setAttribute("part","media");h.setAttribute("name","media");var p=document.createElement("div");p.setAttribute("part","indicator");e.appendChild(p);e.appendChild(h);g.setAttribute("part","steps");g.appendChild(k);d.appendChild(e);d.appendChild(g);m.setAttribute("part","live");m.setAttribute("aria-live","polite");m.setAttribute("aria-atomic","true");b.appendChild(c);b.appendChild(d);b.appendChild(m);a.__xScrollStoryRefs=new $APP.R(null,
-6,[$APP.Jh,b,$APP.yi,d,ES,e,$APP.Bk,g,$APP.fi,k,$APP.Hh,m],null);return $APP.l(a,"__xScrollStoryRefs")},JS=function(a){a=$APP.mf([$APP.sh,$APP.Ii,$APP.ok,$APP.eh,$APP.Fj,$APP.Sh,$APP.bi,$APP.nk,GS],[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.N(a);a=$APP.I(b,$APP.bi);var c=$APP.I(b,$APP.nk),d=$APP.I(b,GS),e=$APP.I(b,$APP.sh),g=$APP.I(b,$APP.Ii),h=$APP.I(b,$APP.ok),k=$APP.I(b,$APP.eh),m=$APP.I(b,$APP.Fj);b=$APP.I(b,$APP.Sh);m=typeof m==="string"?m.trim().toLowerCase():null;m=$APP.K(HS,m)?m:"left";return $APP.mf([$APP.Wi,$APP.Dh,$APP.fk,IS,$APP.U,$APP.Lh,$APP.X,$APP.Ji,$APP.Oh],[m,c!=null,AS(k),BS(d),$APP.n(e)?e:"",b!=null,a!=null,CS(g),h!=null])},KS=function(a){a=FS(a);a=$APP.N(a);return $APP.I(a,$APP.fi).assignedElements()},
-LS=function(){return $APP.J(window.matchMedia("(prefers-reduced-motion:reduce)").matches)},MS=function(a){a=a.getAttribute("id");return typeof a==="string"&&$APP.O(a,"")?a:null},NS=function(a,b,c){b=new CustomEvent(b,{detail:$APP.Sg(c),bubbles:!0,composed:!0,cancelable:!1});return a.dispatchEvent(b)},OS=function(a,b){a.textContent=b;setTimeout(function(){return a.textContent=""},3E3)},PS=function(a,b,c){var d=$APP.l(a,"__xScrollStoryActiveIndex");d=$APP.n(d)?d:-1;if($APP.O(d,c)){d>=0&&d<b.length&&
-b[d].removeAttribute("data-active");c>=0&&c<b.length&&b[c].setAttribute("data-active","");c>=0?a.setAttribute("data-active-index",""+$APP.T.g(c)):a.removeAttribute("data-active-index");a.__xScrollStoryActiveIndex=c;var e=d>=0&&d<b.length?MS(b[d]):null;b=c>=0&&c<b.length?MS(b[c]):null;NS(a,"x-scroll-story-step-change",new $APP.R(null,4,[$APP.ih,c,$APP.Oj,b,$APP.Oi,d,$APP.Wk,e],null));a=$APP.N($APP.l(a,"__xScrollStoryRefs"));a=$APP.I(a,$APP.Hh);OS(a,"Step "+$APP.T.g(c+1)+" active")}},QS=function(a,
-b,c,d){var e=b.length;var g=$APP.l(a,"__xScrollStoryStepStates");if(!$APP.n($APP.n(g)?$APP.C.h(g.length,e):g)){for(var h=Array(e),k=0;;)if(k<e)h[k]=$APP.n($APP.n(g)?k<g.length:g)?g[k]:!1,k+=1;else break;g=a.__xScrollStoryStepStates=h}for(h=0;;)if(h<e){if(h<$APP.B(c)){k=$APP.fc(c,h);k=$APP.N(k);var m=$APP.I(k,$APP.uh),p=$APP.I(k,$APP.oj),q=g[h];k=m<=d&&p>d;var v=MS(b[h]),x=m;m=p-m;m=m<=0?0:$APP.Fg.h(0,$APP.Gg.h(1,(d-x)/m));$APP.r(q)&&k?(g[h]=!0,NS(a,"x-scroll-story-step-enter",new $APP.R(null,3,[$APP.ih,
-h,$APP.Oj,v,$APP.mk,m],null))):$APP.n($APP.n(q)?!k:q)&&(g[h]=!1,NS(a,"x-scroll-story-step-leave",new $APP.R(null,3,[$APP.ih,h,$APP.Oj,v,$APP.mk,m],null)))}h+=1}else break},RS=function(a){var b=function(){var m=$APP.l(a,"__xScrollStoryModel");return $APP.n(m)?m:JS(a)}();if(!$APP.n($APP.X.g(b))){var c=KS(a),d=c.length,e=window.innerHeight,g=e*$APP.fk.g(b),h=function(){for(var m=0,p=$APP.Td;;){if(m>=d)return p;var q=c[m].getBoundingClientRect();m+=1;p=$APP.ad.h(p,new $APP.R(null,2,[$APP.uh,q.top,$APP.oj,
-q.top+q.height],null))}}();b=DS(h,g);var k=$APP.N($APP.l(a,"__xScrollStoryRefs"));k=$APP.I(k,$APP.Bk).getBoundingClientRect();e=$APP.Fg.h(0,$APP.Gg.h(1,(e-k.top)/(e+k.height)));k=$APP.l(a,"__xScrollStoryLastProg");PS(a,c,b);QS(a,c,h,g);if(k==null||Math.abs(e-k)>.001)a.__xScrollStoryLastProg=e,g=b>=0&&b<d?MS(c[b]):null,NS(a,"x-scroll-story-progress",new $APP.R(null,3,[$APP.mk,e,$APP.ej,b,$APP.Vj,g],null))}a.__xScrollStoryRAF=null},SS=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.r($APP.l(a,"__xScrollStoryAutoplayPaused")):k):k}())){var e=$APP.l(a,"__xScrollStoryModel");if($APP.n(function(){if($APP.n(e)){var k=$APP.Oh.g(e);return $APP.n(k)?$APP.r($APP.X.g(e)):k}return e}())){var g=$APP.l(a,"__xScrollStoryAutoplayLast");g=$APP.n(g)?(c-g)/1E3:0;a.__xScrollStoryAutoplayLast=c;if(g>0){var h=window.scrollY;window.scrollBy(0,$APP.Ji.g(e)*g);$APP.n(function(){var k=$APP.Dh.g(e);return $APP.n(k)?window.scrollY-h<
-.5:k}())&&(c=a.getBoundingClientRect().top+window.scrollY,window.scrollTo(0,c),a.__xScrollStoryAutoplayLast=null)}return $APP.ma(a,"__xScrollStoryAutoplayRAF",requestAnimationFrame(d))}}return null}},TS=function(a){if($APP.n($APP.l(a,"__xScrollStoryAutoplayPaused")))return null;a.__xScrollStoryAutoplayPaused=!0;var b=$APP.l(a,"__xScrollStoryAutoplayRAF");$APP.n(b)&&(cancelAnimationFrame(b),a.__xScrollStoryAutoplayRAF=null);a.setAttribute("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)?e:-1}(),d=a.children;d=c>=0&&c<d.length?MS(d[c]):null;return NS(a,"x-scroll-story-autoplay-pause",new $APP.R(null,3,[$APP.mk,b,$APP.ej,c,$APP.Vj,d],null))},US=function(a){if($APP.n($APP.l(a,"__xScrollStoryAutoplayPaused"))){a.__xScrollStoryAutoplayPaused=!1;a.removeAttribute("data-autoplay-paused");a.__xScrollStoryAutoplayLast=null;$APP.ma(a,"__xScrollStoryAutoplayRAF",requestAnimationFrame(SS(a)));
-var b=function(){var e=$APP.l(a,"__xScrollStoryLastProg");return $APP.n(e)?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?MS(d[c]):null;return NS(a,"x-scroll-story-autoplay-resume",new $APP.R(null,3,[$APP.mk,b,$APP.ej,c,$APP.Vj,d],null))}return null},VS=function(a){var b=$APP.l(a,"__xScrollStoryAutoplayRAF");$APP.n(b)&&(cancelAnimationFrame(b),a.__xScrollStoryAutoplayRAF=null);b=$APP.l(a,"__xScrollStoryAutoplayHandlers");$APP.n(b)&&
+var kX=function(a){return typeof a==="string"?(a=parseFloat(a.trim()),$APP.r(isNaN(a))?.5:$APP.Yg.i(0,$APP.Zg.i(1,a))):.5},lX=function(a){return typeof a==="string"?(a=parseFloat(a.trim()),$APP.r(isNaN(a))?.5:$APP.Yg.i(.1,$APP.Zg.i(.9,a))):.5},mX=function(a){return typeof a==="string"?(a=parseFloat(a.trim()),$APP.r(isNaN(a))?50:$APP.Yg.i(1,$APP.Zg.i(1E3,a))):50},nX=function(a,b){var c=$APP.B(a);if(c===0)return-1;for(var d=0,e=-1,g=-1;;){if(d>=c)return e>=0?e:g;var h=$APP.rc(a,d),k=$APP.N(h);h=$APP.G(k,
+$APP.Qh);k=$APP.G(k,$APP.Qj);e=h<=b&&k>b?d:e;g=h<=b?d:g;d+=1}},pX=function(a){var b=$APP.l(a,"__xScrollStoryRefs");if($APP.r(b))return b;b=a.attachShadow({mode:"open"});var c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("div"),g=document.createElement("div"),h=document.createElement("slot"),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:100vh;}::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;}}";
+d.setAttribute("part","container");d.setAttribute("role","region");e.setAttribute("part","media");h.setAttribute("name","media");var p=document.createElement("div");p.setAttribute("part","indicator");e.appendChild(p);e.appendChild(h);g.setAttribute("part","steps");g.appendChild(k);d.appendChild(e);d.appendChild(g);m.setAttribute("part","live");m.setAttribute("aria-live","polite");m.setAttribute("aria-atomic","true");b.appendChild(c);b.appendChild(d);b.appendChild(m);a.__xScrollStoryRefs=new $APP.P(null,
+6,[$APP.bi,b,$APP.Zi,d,oX,e,$APP.wl,g,$APP.Fi,k,$APP.$h,m],null);return $APP.l(a,"__xScrollStoryRefs")},tX=function(a){a=$APP.Q([$APP.Oh,$APP.lj,$APP.gl,$APP.Ah,$APP.sk,$APP.ki,$APP.Ai,$APP.fl,qX],[a.getAttribute("label"),a.getAttribute("autoplay-speed"),$APP.r(a.hasAttribute("autoplay"))?"":null,a.getAttribute("threshold"),a.getAttribute("layout"),$APP.r(a.hasAttribute("autoplay-indicator"))?"":null,$APP.r(a.hasAttribute("disabled"))?"":null,$APP.r(a.hasAttribute("autoplay-loop"))?"":null,a.getAttribute("split")]);
+var b=$APP.N(a);a=$APP.G(b,$APP.Ai);var c=$APP.G(b,$APP.fl),d=$APP.G(b,qX),e=$APP.G(b,$APP.Oh),g=$APP.G(b,$APP.lj),h=$APP.G(b,$APP.gl),k=$APP.G(b,$APP.Ah),m=$APP.G(b,$APP.sk);b=$APP.G(b,$APP.ki);m=typeof m==="string"?m.trim().toLowerCase():null;m=$APP.J(rX,m)?m:"left";return $APP.Q([$APP.Aj,$APP.Wh,$APP.Wk,sX,$APP.T,$APP.di,$APP.W,$APP.mj,$APP.gi],[m,c!=null,kX(k),lX(d),$APP.r(e)?e:"",b!=null,a!=null,mX(g),h!=null])},uX=function(a){a=pX(a);a=$APP.N(a);return $APP.G(a,$APP.Fi).assignedElements()},
+vX=function(){return $APP.I(window.matchMedia("(prefers-reduced-motion:reduce)").matches)},wX=function(a){a=a.getAttribute("id");return typeof a==="string"&&$APP.O(a,"")?a:null},xX=function(a,b,c){b=new CustomEvent(b,{detail:$APP.nh(c),bubbles:!0,composed:!0,cancelable:!1});return a.dispatchEvent(b)},yX=function(a,b){a.textContent=b;setTimeout(function(){return a.textContent=""},3E3)},zX=function(a,b,c){var d=$APP.l(a,"__xScrollStoryActiveIndex");d=$APP.r(d)?d:-1;if($APP.O(d,c)){d>=0&&d<b.length&&
+b[d].removeAttribute("data-active");c>=0&&c<b.length&&b[c].setAttribute("data-active","");c>=0?a.setAttribute("data-active-index",""+$APP.S.g(c)):a.removeAttribute("data-active-index");a.__xScrollStoryActiveIndex=c;var e=d>=0&&d<b.length?wX(b[d]):null;b=c>=0&&c<b.length?wX(b[c]):null;xX(a,"x-scroll-story-step-change",new $APP.P(null,4,[$APP.Eh,c,$APP.Dk,b,$APP.rj,d,$APP.Ul,e],null));a=$APP.N($APP.l(a,"__xScrollStoryRefs"));a=$APP.G(a,$APP.$h);yX(a,"Step "+$APP.S.g(c+1)+" active")}},AX=function(a,
+b,c,d){var e=b.length;var g=$APP.l(a,"__xScrollStoryStepStates");if(!$APP.r($APP.r(g)?$APP.D.i(g.length,e):g)){for(var h=Array(e),k=0;;)if(k<e)h[k]=$APP.r($APP.r(g)?k<g.length:g)?g[k]:!1,k+=1;else break;g=a.__xScrollStoryStepStates=h}for(h=0;;)if(h<e){if(h<$APP.B(c)){k=$APP.rc(c,h);k=$APP.N(k);var m=$APP.G(k,$APP.Qh),p=$APP.G(k,$APP.Qj),q=g[h];k=m<=d&&p>d;var w=wX(b[h]),x=m;m=p-m;m=m<=0?0:$APP.Yg.i(0,$APP.Zg.i(1,(d-x)/m));$APP.t(q)&&k?(g[h]=!0,xX(a,"x-scroll-story-step-enter",new $APP.P(null,3,[$APP.Eh,
+h,$APP.Dk,w,$APP.dl,m],null))):$APP.r($APP.r(q)?!k:q)&&(g[h]=!1,xX(a,"x-scroll-story-step-leave",new $APP.P(null,3,[$APP.Eh,h,$APP.Dk,w,$APP.dl,m],null)))}h+=1}else break},BX=function(a){var b=function(){var m=$APP.l(a,"__xScrollStoryModel");return $APP.r(m)?m:tX(a)}();if(!$APP.r($APP.W.g(b))){var c=uX(a),d=c.length,e=window.innerHeight,g=e*$APP.Wk.g(b),h=function(){for(var m=0,p=$APP.ie;;){if(m>=d)return p;var q=c[m].getBoundingClientRect();m+=1;p=$APP.od.i(p,new $APP.P(null,2,[$APP.Qh,q.top,$APP.Qj,
+q.top+q.height],null))}}();b=nX(h,g);var k=$APP.N($APP.l(a,"__xScrollStoryRefs"));k=$APP.G(k,$APP.wl).getBoundingClientRect();e=$APP.Yg.i(0,$APP.Zg.i(1,(e-k.top)/(e+k.height)));k=$APP.l(a,"__xScrollStoryLastProg");zX(a,c,b);AX(a,c,h,g);if(k==null||Math.abs(e-k)>.001)a.__xScrollStoryLastProg=e,g=b>=0&&b<d?wX(c[b]):null,xX(a,"x-scroll-story-progress",new $APP.P(null,3,[$APP.dl,e,$APP.Cj,b,$APP.Kk,g],null))}a.__xScrollStoryRAF=null},CX=function(a){return function d(c){if($APP.r(function(){var k=a.isConnected;
+return $APP.r(k)?(k=$APP.l(a,"__xScrollStoryVisible"),$APP.r(k)?$APP.t($APP.l(a,"__xScrollStoryAutoplayPaused")):k):k}())){var e=$APP.l(a,"__xScrollStoryModel");if($APP.r(function(){if($APP.r(e)){var k=$APP.gi.g(e);return $APP.r(k)?$APP.t($APP.W.g(e)):k}return e}())){var g=$APP.l(a,"__xScrollStoryAutoplayLast");g=$APP.r(g)?(c-g)/1E3:0;a.__xScrollStoryAutoplayLast=c;if(g>0){var h=window.scrollY;window.scrollBy(0,$APP.mj.g(e)*g);$APP.r(function(){var k=$APP.Wh.g(e);return $APP.r(k)?window.scrollY-h<
+.5:k}())&&(c=a.getBoundingClientRect().top+window.scrollY,window.scrollTo(0,c),a.__xScrollStoryAutoplayLast=null)}return $APP.n(a,"__xScrollStoryAutoplayRAF",requestAnimationFrame(d))}}return null}},DX=function(a){if($APP.r($APP.l(a,"__xScrollStoryAutoplayPaused")))return null;a.__xScrollStoryAutoplayPaused=!0;var b=$APP.l(a,"__xScrollStoryAutoplayRAF");$APP.r(b)&&(cancelAnimationFrame(b),a.__xScrollStoryAutoplayRAF=null);a.setAttribute("data-autoplay-paused","");b=function(){var e=$APP.l(a,"__xScrollStoryLastProg");
+return $APP.r(e)?e:0}();var c=function(){var e=$APP.l(a,"__xScrollStoryActiveIndex");return $APP.r(e)?e:-1}(),d=a.children;d=c>=0&&c<d.length?wX(d[c]):null;return xX(a,"x-scroll-story-autoplay-pause",new $APP.P(null,3,[$APP.dl,b,$APP.Cj,c,$APP.Kk,d],null))},EX=function(a){if($APP.r($APP.l(a,"__xScrollStoryAutoplayPaused"))){a.__xScrollStoryAutoplayPaused=!1;a.removeAttribute("data-autoplay-paused");a.__xScrollStoryAutoplayLast=null;$APP.n(a,"__xScrollStoryAutoplayRAF",requestAnimationFrame(CX(a)));
+var b=function(){var e=$APP.l(a,"__xScrollStoryLastProg");return $APP.r(e)?e:0}(),c=function(){var e=$APP.l(a,"__xScrollStoryActiveIndex");return $APP.r(e)?e:-1}(),d=a.children;d=c>=0&&c<d.length?wX(d[c]):null;return xX(a,"x-scroll-story-autoplay-resume",new $APP.P(null,3,[$APP.dl,b,$APP.Cj,c,$APP.Kk,d],null))}return null},FX=function(a){var b=$APP.l(a,"__xScrollStoryAutoplayRAF");$APP.r(b)&&(cancelAnimationFrame(b),a.__xScrollStoryAutoplayRAF=null);b=$APP.l(a,"__xScrollStoryAutoplayHandlers");$APP.r(b)&&
 (a.removeEventListener("mousedown",$APP.l(b,"mousedown")),a.removeEventListener("mouseup",$APP.l(b,"mouseup")),a.removeEventListener("mouseleave",$APP.l(b,"mouseleave")),a.removeEventListener("touchstart",$APP.l(b,"touchstart")),a.removeEventListener("touchend",$APP.l(b,"touchend")),a.removeEventListener("keydown",$APP.l(b,"keydown")),a.removeEventListener("keyup",$APP.l(b,"keyup")),a.__xScrollStoryAutoplayHandlers=null);a.removeAttribute("data-autoplay-paused");a.removeAttribute("tabindex");a.__xScrollStoryAutoplayPaused=
-!1;a.__xScrollStoryAutoplayLast=null},WS=function(a){if($APP.l(a,"__xScrollStoryAutoplayRAF")==null){var b=$APP.l(a,"__xScrollStoryModel");if($APP.n(function(){if($APP.n(b)){var p=$APP.Oh.g(b);return $APP.n(p)?(p=$APP.r($APP.X.g(b)))?(p=$APP.l(a,"__xScrollStoryVisible"),$APP.n(p)?!LS():p):p:p}return b}())){a.setAttribute("tabindex","0");a.__xScrollStoryAutoplayPaused=!1;a.__xScrollStoryAutoplayLast=null;var c=function(){return TS(a)},d=function(){return US(a)},e=function(){return $APP.n($APP.l(a,
-"__xScrollStoryAutoplayPaused"))?US(a):null},g=function(){return TS(a)},h=function(){return US(a)},k=function(p){return $APP.C.h(p.code,"Space")?(p.preventDefault(),TS(a)):null},m=function(p){return $APP.C.h(p.code,"Space")?US(a):null};a.addEventListener("mousedown",c);a.addEventListener("mouseup",d);a.addEventListener("mouseleave",e);a.addEventListener("touchstart",g,{passive:!0});a.addEventListener("touchend",h,{passive:!0});a.addEventListener("keydown",k);a.addEventListener("keyup",m);$APP.ma(a,
-"__xScrollStoryAutoplayHandlers",{mousedown:c,mouseup:d,mouseleave:e,touchstart:g,touchend:h,keydown:k,keyup:m});$APP.ma(a,"__xScrollStoryAutoplayRAF",requestAnimationFrame(SS(a)))}}return null},XS=function(a){a=$APP.l(a,"__xScrollStoryModel");return $APP.n(a)?$APP.X.g(a):a},YS=function(a){return $APP.n(function(){var b=a.isConnected;return $APP.n(b)?(b=$APP.l(a,"__xScrollStoryVisible"),$APP.n(b)?$APP.r(XS(a))&&!LS():b):b}())?$APP.n($APP.l(a,"__xScrollStoryRAF"))?null:$APP.ma(a,"__xScrollStoryRAF",
-requestAnimationFrame(function(){return RS(a)})):null},ZS=function(a){a=$APP.l(a,"__xScrollStoryHandlers");$APP.n($APP.n(a)?$APP.r($APP.l(a,"scrollAttached")):a)&&(window.addEventListener("scroll",$APP.l(a,"scroll"),{passive:!0}),a.scrollAttached=!0)},$S=function(a){a=$APP.l(a,"__xScrollStoryHandlers");$APP.n($APP.n(a)?$APP.l(a,"scrollAttached"):a)&&(window.removeEventListener("scroll",$APP.l(a,"scroll")),a.scrollAttached=!1)},aT=function(a,b){b=b[0].isIntersecting;var c=$APP.N($APP.l(a,"__xScrollStoryRefs"));
-c=$APP.I(c,$APP.Hh);a.__xScrollStoryVisible=b;if($APP.n(b)){if($APP.n(XS(a)))return null;ZS(a);RS(a);OS(c,"Story section entered viewport");NS(a,"x-scroll-story-enter",new $APP.R(null,1,[$APP.mk,function(){var d=$APP.l(a,"__xScrollStoryLastProg");return $APP.n(d)?d:0}()],null));b=$APP.l(a,"__xScrollStoryModel");return $APP.n($APP.n(b)?$APP.Oh.g(b):b)?WS(a):null}$S(a);VS(a);if($APP.n(XS(a)))return null;OS(c,"Story section left viewport");return NS(a,"x-scroll-story-leave",new $APP.R(null,1,[$APP.mk,
-function(){var d=$APP.l(a,"__xScrollStoryLastProg");return $APP.n(d)?d:0}()],null))},bT=function(a){function b(){return $APP.n($APP.l(a,"__xScrollStoryVisible"))?(a.__xScrollStoryStepStates=null,RS(a)):null}function c(){a.__xScrollStoryStepStates=null;return $APP.n($APP.l(a,"__xScrollStoryVisible"))?RS(a):null}var d=FS(a);d=$APP.N(d);$APP.I(d,$APP.fi).addEventListener("slotchange",c);window.addEventListener("resize",b);$APP.ma(a,"__xScrollStoryHandlers",{scroll:function(){return YS(a)},slot:c,resize:b,
-scrollAttached:!1})},cT=function(a){var b=$APP.l(a,"__xScrollStoryHandlers");if($APP.n(b)){$S(a);var c=$APP.l(a,"__xScrollStoryRefs");if($APP.n(c)){c=$APP.fi.g(c);var d=$APP.l(b,"slot");$APP.n(d)&&c.removeEventListener("slotchange",d)}b=$APP.l(b,"resize");$APP.n(b)&&window.removeEventListener("resize",b)}b=$APP.l(a,"__xScrollStoryRAF");$APP.n(b)&&(cancelAnimationFrame(b),a.__xScrollStoryRAF=null);a.__xScrollStoryHandlers=null},dT=function(a){var b=$APP.l(a,"__xScrollStoryIO");$APP.n(b)&&b.disconnect();
-b=new IntersectionObserver(function(c){return aT(a,c)},{threshold:[0]});b.observe(a);a.__xScrollStoryIO=b},eT=function(a){a=KS(a);for(var b=a.length,c=0;;)if(c<b)a[c].removeAttribute("data-active"),c+=1;else break},fT=function(a){var b=JS(a);if($APP.O($APP.l(a,"__xScrollStoryModel"),b)){var c=$APP.N(b),d=$APP.I(c,$APP.Wi),e=$APP.I(c,IS);b=$APP.I(c,$APP.X);var g=$APP.I(c,$APP.U),h=FS(a);h=$APP.N(h);var k=$APP.I(h,$APP.yi),m=$APP.I(h,ES);$APP.I(h,$APP.Hh);a.setAttribute("data-layout",d);$APP.C.h(d,
-"top")?m.style.width="":m.style.width="var(--x-scroll-story-media-width,"+$APP.T.g(e*100)+"%)";$APP.u(g)?k.setAttribute("aria-label",g):k.removeAttribute("aria-label");a.__xScrollStoryModel=c;$APP.n(b)?(eT(a),a.__xScrollStoryActiveIndex=-1,a.__xScrollStoryStepStates=null,$S(a),VS(a)):$APP.n($APP.l(a,"__xScrollStoryVisible"))&&(ZS(a),RS(a));c=$APP.Oh.g(c);b=$APP.n(c)?(b=$APP.r(b))?$APP.l(a,"__xScrollStoryVisible"):b:c;$APP.n(b)?WS(a):VS(a)}},gT=function(a){Object.defineProperty(a,"layout",{get:function(){var b=
-this.getAttribute("layout");return $APP.n(b)?b:"left"},set:function(b){return $APP.n(b)?this.setAttribute("layout",""+$APP.T.g(b)):this.removeAttribute("layout")},enumerable:!0,configurable:!0});Object.defineProperty(a,"threshold",{get:function(){return AS(this.getAttribute("threshold"))},set:function(b){return b!=null?this.setAttribute("threshold",""+$APP.T.g(b)):this.removeAttribute("threshold")},enumerable:!0,configurable:!0});Object.defineProperty(a,"split",{get:function(){return BS(this.getAttribute("split"))},
-set:function(b){return b!=null?this.setAttribute("split",""+$APP.T.g(b)):this.removeAttribute("split")},enumerable:!0,configurable:!0});Object.defineProperty(a,"disabled",{get:function(){return this.hasAttribute("disabled")},set:function(b){return $APP.n(b)?this.setAttribute("disabled",""):this.removeAttribute("disabled")},enumerable:!0,configurable:!0});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.O(b,""):b)?this.setAttribute("label",""+$APP.T.g(b)):this.removeAttribute("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=$APP.l(this,"__xScrollStoryLastProg");return $APP.n(b)?b:0},enumerable:!0,configurable:!0});Object.defineProperty(a,"autoplay",{get:function(){return this.hasAttribute("autoplay")},
-set:function(b){return $APP.n(b)?this.setAttribute("autoplay",""):this.removeAttribute("autoplay")},enumerable:!0,configurable:!0});Object.defineProperty(a,"autoplaySpeed",{get:function(){return CS(this.getAttribute("autoplay-speed"))},set:function(b){return b!=null?this.setAttribute("autoplay-speed",""+$APP.T.g(b)):this.removeAttribute("autoplay-speed")},enumerable:!0,configurable:!0});Object.defineProperty(a,"autoplayLoop",{get:function(){return this.hasAttribute("autoplay-loop")},set:function(b){return $APP.n(b)?
-this.setAttribute("autoplay-loop",""):this.removeAttribute("autoplay-loop")},enumerable:!0,configurable:!0});Object.defineProperty(a,"autoplayIndicator",{get:function(){return this.hasAttribute("autoplay-indicator")},set:function(b){return $APP.n(b)?this.setAttribute("autoplay-indicator",""):this.removeAttribute("autoplay-indicator")},enumerable:!0,configurable:!0});Object.defineProperty(a,"autoplayPaused",{get:function(){return $APP.J($APP.l(this,"__xScrollStoryAutoplayPaused"))},enumerable:!0,configurable:!0})},
-iT=function(){var a=class extends HTMLElement{};a.observedAttributes=hT;a.prototype.connectedCallback=function(){FS(this);cT(this);bT(this);dT(this);fT(this);return null};a.prototype.disconnectedCallback=function(){VS(this);eT(this);if($APP.n($APP.l(this,"__xScrollStoryVisible"))){var b=$APP.l(this,"__xScrollStoryLastProg");NS(this,"x-scroll-story-leave",new $APP.R(null,1,[$APP.mk,$APP.n(b)?b:0],null))}cT(this);b=$APP.l(this,"__xScrollStoryIO");$APP.n(b)&&(b.disconnect(),this.__xScrollStoryIO=null);
-this.__xScrollStoryVisible=!1;this.__xScrollStoryActiveIndex=-1;return this.__xScrollStoryStepStates=this.__xScrollStoryLastProg=null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.O(c,d)&&fT(this);return null};gT(a.prototype);return a},jT=function(){$APP.n(customElements.get("x-scroll-story"))||customElements.define("x-scroll-story",iT());return null},ES=new $APP.M(null,"media","media",-1066138403),GS=new $APP.M(null,"split-raw","split-raw",-455766786),IS=new $APP.M(null,"split","split",
--599435118);var hT="layout threshold split disabled label autoplay autoplay-speed autoplay-loop autoplay-indicator".split(" ");
-$APP.mf([$APP.Kj,$APP.Ug,$APP.sj,$APP.Di,$APP.Wi,$APP.ej,$APP.fk,$APP.Gk,IS,$APP.U,$APP.mj,$APP.mk],[new $APP.R(null,1,[$APP.Z,$APP.Ni],null),new $APP.R(null,1,[$APP.Z,$APP.W],null),new $APP.R(null,1,[$APP.Z,$APP.Ni],null),new $APP.R(null,1,[$APP.Z,$APP.Ni],null),new $APP.R(null,1,[$APP.Z,$APP.Y],null),new $APP.R(null,2,[$APP.Z,$APP.W,$APP.gj,!0],null),new $APP.R(null,1,[$APP.Z,$APP.W],null),new $APP.R(null,2,[$APP.Z,$APP.Ni,$APP.gj,!0],null),new $APP.R(null,1,[$APP.Z,$APP.W],null),new $APP.R(null,
-1,[$APP.Z,$APP.Y],null),new $APP.R(null,1,[$APP.Z,$APP.Ni],null),new $APP.R(null,2,[$APP.Z,$APP.W,$APP.gj,!0],null)]);
-$APP.Ed(["x-scroll-story-step-change",new $APP.R(null,2,[$APP.V,new $APP.R(null,4,[$APP.ih,$APP.W,$APP.Oj,$APP.Y,$APP.Oi,$APP.W,$APP.Wk,$APP.Y],null),$APP.rk,!1],null),"x-scroll-story-step-enter",new $APP.R(null,2,[$APP.V,new $APP.R(null,3,[$APP.ih,$APP.W,$APP.Oj,$APP.Y,$APP.mk,$APP.W],null),$APP.rk,!1],null),"x-scroll-story-step-leave",new $APP.R(null,2,[$APP.V,new $APP.R(null,3,[$APP.ih,$APP.W,$APP.Oj,$APP.Y,$APP.mk,$APP.W],null),$APP.rk,!1],null),"x-scroll-story-progress",new $APP.R(null,2,[$APP.V,
-new $APP.R(null,3,[$APP.mk,$APP.W,$APP.ej,$APP.W,$APP.Vj,$APP.Y],null),$APP.rk,!1],null),"x-scroll-story-enter",new $APP.R(null,2,[$APP.V,new $APP.R(null,1,[$APP.mk,$APP.W],null),$APP.rk,!1],null),"x-scroll-story-leave",new $APP.R(null,2,[$APP.V,new $APP.R(null,1,[$APP.mk,$APP.W],null),$APP.rk,!1],null),"x-scroll-story-autoplay-pause",new $APP.R(null,2,[$APP.V,new $APP.R(null,3,[$APP.mk,$APP.W,$APP.ej,$APP.W,$APP.Vj,$APP.Y],null),$APP.rk,!1],null),"x-scroll-story-autoplay-resume",new $APP.R(null,
-2,[$APP.V,new $APP.R(null,3,[$APP.mk,$APP.W,$APP.ej,$APP.W,$APP.Vj,$APP.Y],null),$APP.rk,!1],null)]);var HS=new $APP.S(null,new $APP.R(null,3,["right",null,"top",null,"left",null],null),null);$APP.ja("baredom.exports.x_scroll_story.init",jT);export const init=jT;
+!1;a.__xScrollStoryAutoplayLast=null},GX=function(a){if($APP.l(a,"__xScrollStoryAutoplayRAF")==null){var b=$APP.l(a,"__xScrollStoryModel");if($APP.r(function(){if($APP.r(b)){var p=$APP.gi.g(b);return $APP.r(p)?(p=$APP.t($APP.W.g(b)))?(p=$APP.l(a,"__xScrollStoryVisible"),$APP.r(p)?!vX():p):p:p}return b}())){a.setAttribute("tabindex","0");a.__xScrollStoryAutoplayPaused=!1;a.__xScrollStoryAutoplayLast=null;var c=function(){return DX(a)},d=function(){return EX(a)},e=function(){return $APP.r($APP.l(a,
+"__xScrollStoryAutoplayPaused"))?EX(a):null},g=function(){return DX(a)},h=function(){return EX(a)},k=function(p){return $APP.D.i(p.code,"Space")?(p.preventDefault(),DX(a)):null},m=function(p){return $APP.D.i(p.code,"Space")?EX(a):null};a.addEventListener("mousedown",c);a.addEventListener("mouseup",d);a.addEventListener("mouseleave",e);a.addEventListener("touchstart",g,{passive:!0});a.addEventListener("touchend",h,{passive:!0});a.addEventListener("keydown",k);a.addEventListener("keyup",m);$APP.n(a,
+"__xScrollStoryAutoplayHandlers",{mousedown:c,mouseup:d,mouseleave:e,touchstart:g,touchend:h,keydown:k,keyup:m});$APP.n(a,"__xScrollStoryAutoplayRAF",requestAnimationFrame(CX(a)))}}return null},HX=function(a){a=$APP.l(a,"__xScrollStoryModel");return $APP.r(a)?$APP.W.g(a):a},IX=function(a){return $APP.r(function(){var b=a.isConnected;return $APP.r(b)?(b=$APP.l(a,"__xScrollStoryVisible"),$APP.r(b)?$APP.t(HX(a))&&!vX():b):b}())?$APP.r($APP.l(a,"__xScrollStoryRAF"))?null:$APP.n(a,"__xScrollStoryRAF",
+requestAnimationFrame(function(){return BX(a)})):null},JX=function(a){a=$APP.l(a,"__xScrollStoryHandlers");$APP.r($APP.r(a)?$APP.t($APP.l(a,"scrollAttached")):a)&&(window.addEventListener("scroll",$APP.l(a,"scroll"),{passive:!0}),a.scrollAttached=!0)},KX=function(a){a=$APP.l(a,"__xScrollStoryHandlers");$APP.r($APP.r(a)?$APP.l(a,"scrollAttached"):a)&&(window.removeEventListener("scroll",$APP.l(a,"scroll")),a.scrollAttached=!1)},LX=function(a,b){b=b[0].isIntersecting;var c=$APP.N($APP.l(a,"__xScrollStoryRefs"));
+c=$APP.G(c,$APP.$h);a.__xScrollStoryVisible=b;if($APP.r(b)){if($APP.r(HX(a)))return null;JX(a);BX(a);yX(c,"Story section entered viewport");xX(a,"x-scroll-story-enter",new $APP.P(null,1,[$APP.dl,function(){var d=$APP.l(a,"__xScrollStoryLastProg");return $APP.r(d)?d:0}()],null));b=$APP.l(a,"__xScrollStoryModel");return $APP.r($APP.r(b)?$APP.gi.g(b):b)?GX(a):null}KX(a);FX(a);if($APP.r(HX(a)))return null;yX(c,"Story section left viewport");return xX(a,"x-scroll-story-leave",new $APP.P(null,1,[$APP.dl,
+function(){var d=$APP.l(a,"__xScrollStoryLastProg");return $APP.r(d)?d:0}()],null))},MX=function(a){function b(){return $APP.r($APP.l(a,"__xScrollStoryVisible"))?(a.__xScrollStoryStepStates=null,BX(a)):null}function c(){a.__xScrollStoryStepStates=null;return $APP.r($APP.l(a,"__xScrollStoryVisible"))?BX(a):null}var d=pX(a);d=$APP.N(d);$APP.G(d,$APP.Fi).addEventListener("slotchange",c);window.addEventListener("resize",b);$APP.n(a,"__xScrollStoryHandlers",{scroll:function(){return IX(a)},slot:c,resize:b,
+scrollAttached:!1})},NX=function(a){var b=$APP.l(a,"__xScrollStoryHandlers");if($APP.r(b)){KX(a);var c=$APP.l(a,"__xScrollStoryRefs");if($APP.r(c)){c=$APP.Fi.g(c);var d=$APP.l(b,"slot");$APP.r(d)&&c.removeEventListener("slotchange",d)}b=$APP.l(b,"resize");$APP.r(b)&&window.removeEventListener("resize",b)}b=$APP.l(a,"__xScrollStoryRAF");$APP.r(b)&&(cancelAnimationFrame(b),a.__xScrollStoryRAF=null);a.__xScrollStoryHandlers=null},OX=function(a){var b=$APP.l(a,"__xScrollStoryIO");$APP.r(b)&&b.disconnect();
+b=new IntersectionObserver(function(c){return LX(a,c)},{threshold:[0]});b.observe(a);a.__xScrollStoryIO=b},PX=function(a){a=uX(a);for(var b=a.length,c=0;;)if(c<b)a[c].removeAttribute("data-active"),c+=1;else break},QX=function(a){var b=tX(a);if($APP.O($APP.l(a,"__xScrollStoryModel"),b)){var c=$APP.N(b),d=$APP.G(c,$APP.Aj),e=$APP.G(c,sX);b=$APP.G(c,$APP.W);var g=$APP.G(c,$APP.T),h=pX(a);h=$APP.N(h);var k=$APP.G(h,$APP.Zi),m=$APP.G(h,oX);$APP.G(h,$APP.$h);a.setAttribute("data-layout",d);$APP.D.i(d,
+"top")?m.style.width="":m.style.width="var(--x-scroll-story-media-width,"+$APP.S.g(e*100)+"%)";$APP.u(g)?k.setAttribute("aria-label",g):k.removeAttribute("aria-label");a.__xScrollStoryModel=c;$APP.r(b)?(PX(a),a.__xScrollStoryActiveIndex=-1,a.__xScrollStoryStepStates=null,KX(a),FX(a)):$APP.r($APP.l(a,"__xScrollStoryVisible"))&&(JX(a),BX(a));c=$APP.gi.g(c);b=$APP.r(c)?(b=$APP.t(b))?$APP.l(a,"__xScrollStoryVisible"):b:c;$APP.r(b)?GX(a):FX(a)}},RX=function(a){Object.defineProperty(a,"layout",{get:function(){var b=
+this.getAttribute("layout");return $APP.r(b)?b:"left"},set:function(b){return $APP.r(b)?this.setAttribute("layout",""+$APP.S.g(b)):this.removeAttribute("layout")},enumerable:!0,configurable:!0});Object.defineProperty(a,"threshold",{get:function(){return kX(this.getAttribute("threshold"))},set:function(b){return b!=null?this.setAttribute("threshold",""+$APP.S.g(b)):this.removeAttribute("threshold")},enumerable:!0,configurable:!0});Object.defineProperty(a,"split",{get:function(){return lX(this.getAttribute("split"))},
+set:function(b){return b!=null?this.setAttribute("split",""+$APP.S.g(b)):this.removeAttribute("split")},enumerable:!0,configurable:!0});Object.defineProperty(a,"disabled",{get:function(){return this.hasAttribute("disabled")},set:function(b){return $APP.r(b)?this.setAttribute("disabled",""):this.removeAttribute("disabled")},enumerable:!0,configurable:!0});Object.defineProperty(a,"label",{get:function(){var b=this.getAttribute("label");return $APP.r(b)?b:""},set:function(b){return $APP.r($APP.r(b)?
+$APP.O(b,""):b)?this.setAttribute("label",""+$APP.S.g(b)):this.removeAttribute("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=$APP.l(this,"__xScrollStoryLastProg");return $APP.r(b)?b:0},enumerable:!0,configurable:!0});Object.defineProperty(a,"autoplay",{get:function(){return this.hasAttribute("autoplay")},
+set:function(b){return $APP.r(b)?this.setAttribute("autoplay",""):this.removeAttribute("autoplay")},enumerable:!0,configurable:!0});Object.defineProperty(a,"autoplaySpeed",{get:function(){return mX(this.getAttribute("autoplay-speed"))},set:function(b){return b!=null?this.setAttribute("autoplay-speed",""+$APP.S.g(b)):this.removeAttribute("autoplay-speed")},enumerable:!0,configurable:!0});Object.defineProperty(a,"autoplayLoop",{get:function(){return this.hasAttribute("autoplay-loop")},set:function(b){return $APP.r(b)?
+this.setAttribute("autoplay-loop",""):this.removeAttribute("autoplay-loop")},enumerable:!0,configurable:!0});Object.defineProperty(a,"autoplayIndicator",{get:function(){return this.hasAttribute("autoplay-indicator")},set:function(b){return $APP.r(b)?this.setAttribute("autoplay-indicator",""):this.removeAttribute("autoplay-indicator")},enumerable:!0,configurable:!0});Object.defineProperty(a,"autoplayPaused",{get:function(){return $APP.I($APP.l(this,"__xScrollStoryAutoplayPaused"))},enumerable:!0,configurable:!0})},
+TX=function(){var a=class extends HTMLElement{};a.observedAttributes=SX;a.prototype.connectedCallback=function(){pX(this);NX(this);MX(this);OX(this);QX(this);return null};a.prototype.disconnectedCallback=function(){FX(this);PX(this);if($APP.r($APP.l(this,"__xScrollStoryVisible"))){var b=$APP.l(this,"__xScrollStoryLastProg");xX(this,"x-scroll-story-leave",new $APP.P(null,1,[$APP.dl,$APP.r(b)?b:0],null))}NX(this);b=$APP.l(this,"__xScrollStoryIO");$APP.r(b)&&(b.disconnect(),this.__xScrollStoryIO=null);
+this.__xScrollStoryVisible=!1;this.__xScrollStoryActiveIndex=-1;return this.__xScrollStoryStepStates=this.__xScrollStoryLastProg=null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.O(c,d)&&QX(this);return null};RX(a.prototype);return a},UX=function(){$APP.r(customElements.get("x-scroll-story"))||customElements.define("x-scroll-story",TX());return null},oX=new $APP.M(null,"media","media",-1066138403),qX=new $APP.M(null,"split-raw","split-raw",-455766786),sX=new $APP.M(null,"split","split",
+-599435118);var SX="layout threshold split disabled label autoplay autoplay-speed autoplay-loop autoplay-indicator".split(" ");
+$APP.Q([$APP.zk,$APP.ph,$APP.Uj,$APP.gj,$APP.Aj,$APP.Cj,$APP.Wk,$APP.Bl,sX,$APP.T,$APP.Nj,$APP.dl],[new $APP.P(null,1,[$APP.Z,$APP.qj],null),new $APP.P(null,1,[$APP.Z,$APP.V],null),new $APP.P(null,1,[$APP.Z,$APP.qj],null),new $APP.P(null,1,[$APP.Z,$APP.qj],null),new $APP.P(null,1,[$APP.Z,$APP.Y],null),new $APP.P(null,2,[$APP.Z,$APP.V,$APP.Fj,!0],null),new $APP.P(null,1,[$APP.Z,$APP.V],null),new $APP.P(null,2,[$APP.Z,$APP.qj,$APP.Fj,!0],null),new $APP.P(null,1,[$APP.Z,$APP.V],null),new $APP.P(null,
+1,[$APP.Z,$APP.Y],null),new $APP.P(null,1,[$APP.Z,$APP.qj],null),new $APP.P(null,2,[$APP.Z,$APP.V,$APP.Fj,!0],null)]);
+$APP.Sd(["x-scroll-story-step-change",new $APP.P(null,2,[$APP.U,new $APP.P(null,4,[$APP.Eh,$APP.V,$APP.Dk,$APP.Y,$APP.rj,$APP.V,$APP.Ul,$APP.Y],null),$APP.kl,!1],null),"x-scroll-story-step-enter",new $APP.P(null,2,[$APP.U,new $APP.P(null,3,[$APP.Eh,$APP.V,$APP.Dk,$APP.Y,$APP.dl,$APP.V],null),$APP.kl,!1],null),"x-scroll-story-step-leave",new $APP.P(null,2,[$APP.U,new $APP.P(null,3,[$APP.Eh,$APP.V,$APP.Dk,$APP.Y,$APP.dl,$APP.V],null),$APP.kl,!1],null),"x-scroll-story-progress",new $APP.P(null,2,[$APP.U,
+new $APP.P(null,3,[$APP.dl,$APP.V,$APP.Cj,$APP.V,$APP.Kk,$APP.Y],null),$APP.kl,!1],null),"x-scroll-story-enter",new $APP.P(null,2,[$APP.U,new $APP.P(null,1,[$APP.dl,$APP.V],null),$APP.kl,!1],null),"x-scroll-story-leave",new $APP.P(null,2,[$APP.U,new $APP.P(null,1,[$APP.dl,$APP.V],null),$APP.kl,!1],null),"x-scroll-story-autoplay-pause",new $APP.P(null,2,[$APP.U,new $APP.P(null,3,[$APP.dl,$APP.V,$APP.Cj,$APP.V,$APP.Kk,$APP.Y],null),$APP.kl,!1],null),"x-scroll-story-autoplay-resume",new $APP.P(null,
+2,[$APP.U,new $APP.P(null,3,[$APP.dl,$APP.V,$APP.Cj,$APP.V,$APP.Kk,$APP.Y],null),$APP.kl,!1],null)]);var rX=new $APP.R(null,new $APP.P(null,3,["right",null,"top",null,"left",null],null),null);$APP.ka("baredom.exports.x_scroll_story.init",UX);export const init=UX;