@vanelsas/baredom 3.2.0 → 4.0.0-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +42 -0
- package/README.md +82 -170
- package/custom-elements.json +3705 -3385
- package/dist/barebuild-action.d.ts +45 -0
- package/dist/barebuild-action.js +9 -0
- package/dist/barebuild-data.d.ts +39 -0
- package/dist/barebuild-data.js +5 -0
- package/dist/barebuild-invalidate-on.d.ts +42 -0
- package/dist/barebuild-invalidate-on.js +5 -0
- package/dist/barebuild-route.d.ts +39 -0
- package/dist/barebuild-route.js +4 -0
- package/dist/barebuild-router.d.ts +41 -0
- package/dist/barebuild-router.js +13 -0
- package/dist/baredom.d.ts +96 -91
- package/dist/base.js +589 -579
- package/dist/integrity.json +113 -108
- package/dist/x-alert.js +17 -17
- package/dist/x-avatar-group.js +9 -9
- package/dist/x-avatar.js +14 -14
- package/dist/x-badge.js +9 -9
- package/dist/x-bento-grid.js +5 -5
- package/dist/x-bento-item.js +4 -4
- package/dist/x-breadcrumbs.js +13 -13
- package/dist/x-button.js +1 -1
- package/dist/x-calendar.js +38 -38
- package/dist/x-cancel-dialogue.js +13 -13
- package/dist/x-card.js +7 -7
- package/dist/x-carousel.js +33 -33
- package/dist/x-chart.js +47 -47
- package/dist/x-checkbox.js +1 -1
- package/dist/x-chip.js +1 -1
- package/dist/x-code.js +27 -27
- package/dist/x-collapse.js +11 -11
- package/dist/x-color-picker.js +44 -44
- package/dist/x-combobox.js +28 -28
- package/dist/x-command-palette.js +27 -27
- package/dist/x-confetti.js +24 -24
- package/dist/x-container.js +5 -5
- package/dist/x-context-menu.js +20 -20
- package/dist/x-copy.js +1 -1
- package/dist/x-currency-field.js +24 -24
- package/dist/x-date-picker.d.ts +5 -4
- package/dist/x-date-picker.js +37 -37
- package/dist/x-divider.js +10 -10
- package/dist/x-drawer.js +11 -11
- package/dist/x-dropdown.js +12 -12
- package/dist/x-fieldset.js +5 -5
- package/dist/x-file-download.js +5 -5
- package/dist/x-file-upload.js +22 -22
- package/dist/x-form-field.js +14 -14
- package/dist/x-form.js +11 -10
- package/dist/x-gaussian-blur.js +13 -13
- package/dist/x-grid.js +6 -6
- package/dist/x-i18n-provider.js +7 -7
- package/dist/x-i18n.js +4 -4
- package/dist/x-icon.js +7 -7
- package/dist/x-image.js +17 -17
- package/dist/x-kbd.js +12 -12
- package/dist/x-kinetic-canvas.js +25 -25
- package/dist/x-kinetic-font.js +27 -27
- package/dist/x-kinetic-typography.js +33 -33
- package/dist/x-liquid-dock.js +31 -31
- package/dist/x-liquid-fill.js +41 -41
- package/dist/x-liquid-glass.js +34 -34
- package/dist/x-menu-item.js +8 -8
- package/dist/x-menu.js +9 -9
- package/dist/x-metaball-cursor.js +23 -23
- package/dist/x-modal.js +12 -12
- package/dist/x-morph-stack.js +37 -37
- package/dist/x-multi-combobox.js +35 -35
- package/dist/x-navbar.js +15 -15
- package/dist/x-neural-glow.js +29 -29
- package/dist/x-notification-center.js +9 -9
- package/dist/x-organic-divider.js +17 -17
- package/dist/x-organic-progress.js +33 -33
- package/dist/x-organic-shape.js +12 -12
- package/dist/x-otp-input.js +21 -21
- package/dist/x-pagination.js +14 -14
- package/dist/x-particle-button.js +48 -48
- package/dist/x-popover.js +26 -26
- package/dist/x-progress-circle.js +7 -7
- package/dist/x-progress.js +7 -7
- package/dist/x-proximity-list.js +20 -20
- package/dist/x-radio.js +11 -11
- package/dist/x-range-slider.js +28 -28
- package/dist/x-rating.js +23 -23
- package/dist/x-ripple-effect.js +9 -9
- package/dist/x-scroll-parallax.js +17 -17
- package/dist/x-scroll-stack.js +16 -16
- package/dist/x-scroll-story.js +33 -33
- package/dist/x-scroll-timeline.js +45 -45
- package/dist/x-scroll.js +37 -37
- package/dist/x-search-field.js +1 -1
- package/dist/x-select.d.ts +1 -0
- package/dist/x-select.js +1 -1
- package/dist/x-sidebar.js +16 -16
- package/dist/x-skeleton-group.js +12 -12
- package/dist/x-skeleton.js +1 -1
- package/dist/x-slider.js +15 -15
- package/dist/x-soft-body.js +18 -18
- package/dist/x-spacer.js +4 -4
- package/dist/x-spinner.js +4 -4
- package/dist/x-splash.js +12 -12
- package/dist/x-split-pane.js +15 -15
- package/dist/x-spotlight-card.js +12 -12
- package/dist/x-stat.js +10 -10
- package/dist/x-stepper.js +13 -13
- package/dist/x-switch.js +10 -10
- package/dist/x-tab.js +6 -6
- package/dist/x-table-cell.js +19 -19
- package/dist/x-table-row.js +8 -8
- package/dist/x-table.js +13 -13
- package/dist/x-tabs.js +11 -11
- package/dist/x-text-area.js +18 -18
- package/dist/x-theme.js +25 -25
- package/dist/x-timeline-item.js +20 -20
- package/dist/x-timeline.js +8 -8
- package/dist/x-toast.js +22 -22
- package/dist/x-toaster.js +6 -6
- package/dist/x-tooltip.js +12 -12
- package/dist/x-trace-history.js +124 -124
- package/dist/x-typography.js +6 -6
- package/dist/x-welcome-tour.js +63 -63
- package/package.json +28 -1
package/dist/x-range-slider.js
CHANGED
|
@@ -1,29 +1,29 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
f*10;b=$APP.n(b)?h:f;switch(a){case "ArrowRight":return c+b;case "ArrowUp":return c+b;case "ArrowLeft":return c-b;case "ArrowDown":return c-b;case "PageUp":return c+h;case "PageDown":return c-h;case "Home":return d;case "End":return e;default:return c}},
|
|
4
|
-
return $APP.D($APP.p(a)&&$APP.p(b))},
|
|
5
|
-
a.getAttribute("name"),a.hasAttribute("readonly"),a.getAttribute("start"),a.getAttribute("aria-labelledby"),a.getAttribute("size"),a.getAttribute("max"),a.getAttribute("label"),a.getAttribute("aria-describedby"),a.getAttribute("aria-label"),a.getAttribute("end"),a.getAttribute("step"),a.getAttribute("min-gap")]);var b=$APP.G(a);a=$APP.C(b,$APP.
|
|
6
|
-
u=$APP.C(b,$APP.
|
|
7
|
-
H,$APP.
|
|
8
|
-
""+$APP.P.i(c));$APP.T(a,"aria-valuenow",""+$APP.P.i(d));$APP.T(a,"aria-readonly",$APP.n(f)?"true":"false");$APP.n(e)?($APP.T(a,"aria-disabled","true"),$APP.T(a,"tabindex","-1")):($APP.U(a,"aria-disabled"),$APP.T(a,"tabindex","0"))},
|
|
9
|
-
m=$APP.C(u,$APP.
|
|
10
|
-
$APP.P.i(e.toFixed(2))+"%");
|
|
11
|
-
|
|
12
|
-
$APP.l(a,"__xRangeSliderRefs");return $APP.n(b)?
|
|
13
|
-
f;if(b=$APP.I(k,c)||$APP.I(h,f))b=$APP.
|
|
14
|
-
b=b.clientX;var e=a.left;a=a.width;a=a>0?$APP.
|
|
15
|
-
$APP.
|
|
16
|
-
"__xRangeSliderRefs"),e=b.target,f=
|
|
17
|
-
|
|
18
|
-
b)},"start-up":function(){return
|
|
19
|
-
$APP.l(c,u),k);h+=1}else if(d=$APP.
|
|
20
|
-
a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div");var e=document.createElement("div");var f=document.createElement("span"),h=document.createElement("span");$APP.T(e,"part","header");$APP.T(f,"part","label-text");$APP.T(h,"part","value-text");e.appendChild(f);e.appendChild(h);e=new $APP.M(null,3,[$APP.
|
|
21
|
-
$APP.T(f,"part","track");$APP.T(h,"part","track-fill");
|
|
22
|
-
$APP.T(d,"part","base");$APP.T(d,"role","group");d.appendChild($APP.
|
|
23
|
-
0;;)if(h<f){var
|
|
24
|
-
null)},
|
|
25
|
-
"thumb-end",767456848),
|
|
26
|
-
[$APP.
|
|
27
|
-
[$APP.
|
|
28
|
-
$APP.
|
|
29
|
-
!1],null),new $APP.J(null,4,5,$APP.K,["thumb-start","keydown","start-key",!1],null),new $APP.J(null,4,5,$APP.K,["thumb-end","pointermove","end-move",!1],null),new $APP.J(null,4,5,$APP.K,["thumb-end","pointerup","end-up",!1],null),new $APP.J(null,4,5,$APP.K,["thumb-end","pointercancel","end-up",!1],null),new $APP.J(null,4,5,$APP.K,["thumb-end","keydown","end-key",!1],null)],null);$APP.fa("baredom.exports.x_range_slider.init",
|
|
2
|
+
var HJ=function(a,b){return typeof a==="string"?(a=parseFloat(a),$APP.n(isNaN(a))?b:a):b},IJ=function(a){return typeof a==="string"&&$APP.I("",a)?a:null},JJ=function(a){return $APP.I("any",a)?(a=parseFloat(a),$APP.p(isNaN(a))&&a>0?a:null):null},KJ=function(a,b,c){return c==null||c<=0?a:Math.round((b+c*Math.round((a-b)/c))*1E9)/1E9},LJ=function(a,b,c){return c<b?b:$APP.po.j($APP.Wo.j(a,b),c)},MJ=function(a,b,c){return c>b?$APP.po.j($APP.Wo.j((a-b)/(c-b)*100,0),100):0},Vca=function(a,b,c,d,e,f){var h=
|
|
3
|
+
f*10;b=$APP.n(b)?h:f;switch(a){case "ArrowRight":return c+b;case "ArrowUp":return c+b;case "ArrowLeft":return c-b;case "ArrowDown":return c-b;case "PageUp":return c+h;case "PageDown":return c-h;case "Home":return d;case "End":return e;default:return c}},NJ=function(a,b,c,d,e){a=LJ(a,c,d);b=LJ(b,c,d);b=$APP.Wo.j(b,a);d=$APP.po.j(d,$APP.Wo.j(b,a+e));c=d-a<e?$APP.Wo.j(c,d-e):a;return new $APP.M(null,2,[$APP.hu,c,$APP.sq,d],null)},OJ=function(a){var b=$APP.G(a);a=$APP.C(b,$APP.Xj);b=$APP.C(b,$APP.ll);
|
|
4
|
+
return $APP.D($APP.p(a)&&$APP.p(b))},PJ=function(a,b,c,d){return new $APP.M(null,4,[$APP.hu,a,$APP.sq,b,$APP.Rr,c,$APP.Js,d],null)},QJ=function(a,b,c){$APP.T(a,"part",b);$APP.T(a,"role","slider");$APP.T(a,"tabindex","0");$APP.T(a,"aria-label",c);$APP.T(a,"aria-orientation","horizontal")},WJ=function(a){a=$APP.Gg([$APP.Rr,$APP.zm,$APP.Xr,$APP.Uj,$APP.uj,$APP.hu,$APP.ol,$APP.Gm,$APP.Js,$APP.Wj,$APP.pl,$APP.ql,$APP.sq,$APP.xu,RJ],[a.getAttribute("min"),a.hasAttribute("disabled"),a.hasAttribute("show-value"),
|
|
5
|
+
a.getAttribute("name"),a.hasAttribute("readonly"),a.getAttribute("start"),a.getAttribute("aria-labelledby"),a.getAttribute("size"),a.getAttribute("max"),a.getAttribute("label"),a.getAttribute("aria-describedby"),a.getAttribute("aria-label"),a.getAttribute("end"),a.getAttribute("step"),a.getAttribute("min-gap")]);var b=$APP.G(a);a=$APP.C(b,$APP.ql);var c=$APP.C(b,$APP.sq),d=$APP.C(b,$APP.xu),e=$APP.C(b,RJ),f=$APP.C(b,$APP.zm),h=$APP.C(b,$APP.Xr),k=$APP.C(b,$APP.Uj),m=$APP.C(b,$APP.uj),r=$APP.C(b,$APP.ol),
|
|
6
|
+
u=$APP.C(b,$APP.hu),x=$APP.C(b,$APP.Rr),y=$APP.C(b,$APP.Js),A=$APP.C(b,$APP.Gm),E=$APP.C(b,$APP.Wj);b=$APP.C(b,$APP.pl);x=HJ(x,0);y=$APP.Wo.j(x,HJ(y,100));$APP.z.j(d,"any")?d="any":(d=typeof d==="string"?parseFloat(d):NaN,d=$APP.p(isNaN(d))&&d>0?""+$APP.P.i(d):"1");var H=JJ(d);e=$APP.po.j($APP.Wo.j(0,HJ(e,0)),y-x);u=NJ(HJ(u,x),HJ(c,y),x,y,e);c=LJ(KJ($APP.hu.i(u),x,H),x,y);u=LJ(KJ($APP.sq.i(u),x,H),x,y);u=NJ(c,u,x,y,e);c=$APP.hu.i(u);u=$APP.sq.i(u);H=MJ(c,x,y);var O=MJ(u,x,y);H=new $APP.M(null,2,[$APP.pp,
|
|
7
|
+
H,$APP.Sn,$APP.Wo.j(0,O-H)],null);m=$APP.D(m);O=MJ(c,x,y);k=IJ(k);r=IJ(r);h=$APP.D(h);A=typeof A==="string"&&$APP.ed(Wca,A)?A:"md";return $APP.Gg([$APP.Rr,$APP.ll,SJ,$APP.Uj,$APP.hu,$APP.ol,$APP.Cp,$APP.Gm,$APP.Js,$APP.Wj,TJ,UJ,$APP.pl,VJ,$APP.ql,$APP.sq,$APP.Xj,$APP.xu,RJ],[x,m,O,k,c,r,h,A,y,IJ(E),$APP.pp.i(H),$APP.Sn.i(H),IJ(b),MJ(u,x,y),IJ(a),u,$APP.D(f),d,e])},XJ=function(a,b,c,d,e){var f=$APP.G(e);e=$APP.C(f,$APP.Xj);f=$APP.C(f,$APP.ll);$APP.T(a,"aria-valuemin",""+$APP.P.i(b));$APP.T(a,"aria-valuemax",
|
|
8
|
+
""+$APP.P.i(c));$APP.T(a,"aria-valuenow",""+$APP.P.i(d));$APP.T(a,"aria-readonly",$APP.n(f)?"true":"false");$APP.n(e)?($APP.T(a,"aria-disabled","true"),$APP.T(a,"tabindex","-1")):($APP.U(a,"aria-disabled"),$APP.T(a,"tabindex","0"))},YJ=function(a,b,c){var d=$APP.l(b,"base"),e=$APP.l(b,"header"),f=$APP.l(b,"label"),h=$APP.l(b,"value"),k=$APP.G(c),m=$APP.C(k,$APP.Gm),r=$APP.C(k,$APP.Xj);k=$APP.C(k,$APP.ll);$APP.T(d,"data-size",m);$APP.cj(a,"data-disabled",r);$APP.cj(a,"data-readonly",k);var u=$APP.G(c);
|
|
9
|
+
m=$APP.C(u,$APP.Wj);r=$APP.C(u,$APP.hu);k=$APP.C(u,$APP.sq);u=$APP.C(u,$APP.Cp);var x=m!=null;e.style.display=$APP.n(x?x:u)?"flex":"none";f.textContent=$APP.n(m)?m:"";f.style.display=m!=null?"":"none";e=$APP.n(u)?""+$APP.P.i(r)+" – "+$APP.P.i(k):"";h.textContent=e;h.style.display=$APP.n(u)?"":"none";m=$APP.G(c);h=$APP.C(m,SJ);e=$APP.C(m,VJ);f=$APP.C(m,TJ);m=$APP.C(m,UJ);r=d.style;r.setProperty("--_x-range-slider-start-pct",""+$APP.P.i(h.toFixed(2))+"%");r.setProperty("--_x-range-slider-end-pct",""+
|
|
10
|
+
$APP.P.i(e.toFixed(2))+"%");r.setProperty("--_x-range-slider-fill-left",""+$APP.P.i(f.toFixed(2))+"%");r.setProperty("--_x-range-slider-fill-width",""+$APP.P.i(m.toFixed(2))+"%");h=$APP.G(c);e=$APP.C(h,$APP.hu);f=$APP.C(h,$APP.sq);m=$APP.C(h,$APP.Rr);r=$APP.C(h,$APP.Js);k=$APP.C(h,RJ);x=$APP.C(h,$APP.ql);var y=$APP.C(h,$APP.Wj);u=$APP.l(b,"thumb-start");b=$APP.l(b,"thumb-end");x=$APP.n(x)?x:$APP.n(y)?y:"Range";$APP.T(u,"aria-label",""+$APP.P.i(x)+" minimum");$APP.T(b,"aria-label",""+$APP.P.i(x)+" maximum");
|
|
11
|
+
XJ(u,m,f-k,e,h);XJ(b,e+k,r,f,h);e=$APP.G(c);b=$APP.C(e,$APP.ql);h=$APP.C(e,$APP.ol);e=$APP.C(e,$APP.pl);$APP.n(b)?$APP.T(d,"aria-label",b):$APP.U(d,"aria-label");$APP.n(h)?$APP.T(d,"aria-labelledby",h):$APP.U(d,"aria-labelledby");$APP.n(e)?$APP.T(d,"aria-describedby",e):$APP.U(d,"aria-describedby");b=$APP.G(c);d=$APP.C(b,$APP.hu);b=$APP.C(b,$APP.sq);h=$APP.l(a,"__xRangeSliderInternals");$APP.n(h)&&h.setFormValue(""+$APP.P.i(d)+","+$APP.P.i(b));return $APP.Q(a,"__xRangeSliderModel",c)},ZJ=function(a){var b=
|
|
12
|
+
$APP.l(a,"__xRangeSliderRefs");return $APP.n(b)?YJ(a,b,WJ(a)):null},$J=function(a){var b=$APP.l(a,"__xRangeSliderRefs");if($APP.n(b)){var c=WJ(a);return $APP.I(c,$APP.l(a,"__xRangeSliderModel"))?YJ(a,b,c):null}return null},cK=function(a,b,c,d){var e=WJ(a),f=JJ($APP.xu.i(e)),h=KJ(c,$APP.Rr.i(e),f);c=$APP.hu.i(e);f=$APP.sq.i(e);if($APP.z.j(b,$APP.hu)){var k=$APP.Rr.i(e);var m=$APP.sq.i(e),r=RJ.i(e);k=LJ(h,k,m-r)}else k=c;$APP.z.j(b,$APP.sq)?(b=$APP.hu.i(e),m=$APP.Js.i(e),r=RJ.i(e),h=LJ(h,b+r,m)):h=
|
|
13
|
+
f;if(b=$APP.I(k,c)||$APP.I(h,f))b=$APP.Rr.i(e),e=$APP.Js.i(e),b=$APP.jj(a,"x-range-slider-change-request",$APP.gm(new $APP.M(null,6,[$APP.hu,k,$APP.sq,h,aK,c,bK,f,$APP.Rr,b,$APP.Js,e],null)));return b?($APP.I(k,c)&&$APP.T(a,"start",""+$APP.P.i(k)),$APP.I(h,f)&&$APP.T(a,"end",""+$APP.P.i(h)),e=WJ(a),e=$APP.gm(PJ($APP.hu.i(e),$APP.sq.i(e),$APP.Rr.i(e),$APP.Js.i(e))),$APP.hj(a,"x-range-slider-input",e),$APP.n(d)?$APP.hj(a,"x-range-slider-change",e):null):null},dK=function(a,b,c,d){a=a.getBoundingClientRect();
|
|
14
|
+
b=b.clientX;var e=a.left;a=a.width;a=a>0?$APP.po.j($APP.Wo.j((b-e)/a,0),1):0;return c+a*(d-c)},eK=function(a,b,c){if($APP.z.j($APP.kh(b),$APP.l(a,"__xRangeSliderDragging"))){var d=WJ(a);return cK(a,b,dK($APP.l($APP.l(a,"__xRangeSliderRefs"),"track"),c,$APP.Rr.i(d),$APP.Js.i(d)),!1)}return null},fK=function(a,b){return $APP.z.j($APP.kh(b),$APP.l(a,"__xRangeSliderDragging"))?($APP.Q(a,"__xRangeSliderDragging",null),b=WJ(a),$APP.I($APP.l(a,"__xRangeSliderDragOrigin"),new $APP.J(null,2,5,$APP.K,[$APP.hu.i(b),
|
|
15
|
+
$APP.sq.i(b)],null))?$APP.hj(a,"x-range-slider-change",$APP.gm(PJ($APP.hu.i(b),$APP.sq.i(b),$APP.Rr.i(b),$APP.Js.i(b)))):null):null},gK=function(a,b,c){var d=c.key;if($APP.ed(Xca,d)){c.preventDefault();var e=WJ(a);if(OJ(e)){var f=JJ($APP.xu.i(e));f=$APP.n(f)?f:1;var h=$APP.z.j(b,$APP.hu)?$APP.hu.i(e):$APP.sq.i(e);c=Vca(d,c.shiftKey,h,$APP.Rr.i(e),$APP.Js.i(e),f);return cK(a,b,c,!0)}}return null},Yca=function(a){return{"track-down":function(b){var c=WJ(a);if(OJ(c)){b.preventDefault();var d=$APP.l(a,
|
|
16
|
+
"__xRangeSliderRefs"),e=b.target,f=dK($APP.l(d,"track"),b,$APP.Rr.i(c),$APP.Js.i(c)),h=$APP.l(d,"thumb-start").contains(e);e=$APP.l(d,"thumb-end").contains(e);var k=$APP.z.j($APP.hu.i(c),$APP.sq.i(c));$APP.n($APP.n(h)?!k:h)?h=new $APP.M(null,2,[hK,$APP.hu,iK,!0],null):$APP.n($APP.n(e)?!k:e)?h=new $APP.M(null,2,[hK,$APP.sq,iK,!0],null):(h=$APP.hu.i(c),k=$APP.sq.i(c),e=Math.abs(f-h),k=Math.abs(f-k),h=new $APP.M(null,2,[hK,e<k?$APP.hu:e>k?$APP.sq:f<=h?$APP.hu:$APP.sq,iK,!1],null));e=$APP.G(h);h=$APP.C(e,
|
|
17
|
+
hK);e=$APP.C(e,iK);k=$APP.l(d,$APP.z.j(h,$APP.hu)?"thumb-start":"thumb-end");try{k.setPointerCapture(b.pointerId)}catch(m){}$APP.Q(a,"__xRangeSliderDragging",$APP.kh(h));$APP.Q(a,"__xRangeSliderDragOrigin",new $APP.J(null,2,5,$APP.K,[$APP.hu.i(c),$APP.sq.i(c)],null));$APP.cj($APP.l(d,"thumb-start"),"data-active",$APP.z.j(h,$APP.hu));$APP.cj($APP.l(d,"thumb-end"),"data-active",$APP.z.j(h,$APP.sq));k.focus();b=$APP.n(e)?null:cK(a,h,f,!1)}else b=null;return b},"start-move":function(b){return eK(a,$APP.hu,
|
|
18
|
+
b)},"start-up":function(){return fK(a,$APP.hu)},"start-key":function(b){return gK(a,$APP.hu,b)},"end-move":function(b){return eK(a,$APP.sq,b)},"end-up":function(){return fK(a,$APP.sq)},"end-key":function(b){return gK(a,$APP.sq,b)}}},kK=function(a){var b=$APP.l(a,"__xRangeSliderRefs"),c=$APP.l(a,"__xRangeSliderHandlers");if($APP.n($APP.n(b)?c:b)){for(var d=$APP.q(jK),e=null,f=0,h=0;;)if(h<f){var k=e.C(null,h),m=$APP.B(k,0,null),r=$APP.B(k,1,null),u=$APP.B(k,2,null);k=$APP.B(k,3,null);$APP.l(b,m).removeEventListener(r,
|
|
19
|
+
$APP.l(c,u),k);h+=1}else if(d=$APP.q(d))$APP.$c(d)?(f=$APP.Fb(d),d=$APP.Gb(d),e=f,f=$APP.w(f)):(m=$APP.t(d),e=$APP.B(m,0,null),f=$APP.B(m,1,null),h=$APP.B(m,2,null),m=$APP.B(m,3,null),$APP.l(b,e).removeEventListener(f,$APP.l(c,h),m),d=$APP.v(d),e=null,f=0),h=0;else break;$APP.Q(a,"__xRangeSliderHandlers",null)}},Zca=function(a,b){$APP.cj(a,"disabled",$APP.D(b));return ZJ(a)},$ca=function(a){$APP.U(a,"start");$APP.U(a,"end");return ZJ(a)},ada=function(a){if(!$APP.n($APP.l(a,"__xRangeSliderRefs"))){var b=
|
|
20
|
+
a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div");var e=document.createElement("div");var f=document.createElement("span"),h=document.createElement("span");$APP.T(e,"part","header");$APP.T(f,"part","label-text");$APP.T(h,"part","value-text");e.appendChild(f);e.appendChild(h);e=new $APP.M(null,3,[$APP.ar,e,$APP.Wj,f,$APP.Ui,h],null);f=document.createElement("div");h=document.createElement("div");var k=document.createElement("div"),m=document.createElement("div");
|
|
21
|
+
$APP.T(f,"part","track");$APP.T(h,"part","track-fill");QJ(k,"thumb-start","Range minimum");QJ(m,"thumb-end","Range maximum");f.appendChild(h);f.appendChild(k);f.appendChild(m);f=new $APP.M(null,4,[$APP.Oq,f,$APP.yq,h,lK,k,mK,m],null);c.textContent=":host{display:block;color-scheme:light dark;--x-range-slider-track-color:rgba(0,0,0,0.15);--x-range-slider-fill-color:var(--x-color-primary,#3b82f6);--x-range-slider-thumb-color:var(--x-color-surface,#ffffff);--x-range-slider-thumb-border:2px solid var(--x-color-primary,#3b82f6);--x-range-slider-thumb-shadow:0 1px 4px rgba(0,0,0,0.20);--x-range-slider-focus-ring:var(--x-color-focus-ring,#60a5fa);--x-range-slider-disabled-opacity:0.45;--x-range-slider-label-color:rgba(0,0,0,0.60);--x-range-slider-value-color:rgba(0,0,0,0.50);--x-range-slider-radius:var(--x-radius-full,9999px);}@media (prefers-color-scheme:dark){:host{--x-range-slider-track-color:rgba(255,255,255,0.15);--x-range-slider-focus-ring:var(--x-color-focus-ring,#93c5fd);--x-range-slider-label-color:rgba(255,255,255,0.60);--x-range-slider-value-color:rgba(255,255,255,0.50);}}[part\x3dbase]{width:100%;box-sizing:border-box;--_x-range-slider-track-h:6px;--_x-range-slider-thumb-sz:18px;}[part\x3dbase][data-size\x3dsm]{--_x-range-slider-track-h:4px;--_x-range-slider-thumb-sz:14px;}[part\x3dbase][data-size\x3dmd]{--_x-range-slider-track-h:6px;--_x-range-slider-thumb-sz:18px;}[part\x3dbase][data-size\x3dlg]{--_x-range-slider-track-h:8px;--_x-range-slider-thumb-sz:22px;}[part\x3dheader]{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px;}[part\x3dlabel-text]{font-size:0.875rem;color:var(--x-range-slider-label-color);font-weight:500;}[part\x3dvalue-text]{font-size:0.8125rem;color:var(--x-range-slider-value-color);font-variant-numeric:tabular-nums;}[part\x3dtrack]{position:relative;width:100%;height:var(--_x-range-slider-thumb-sz,18px);box-sizing:border-box;cursor:pointer;touch-action:none;}[part\x3dtrack]::before{content:'';position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:var(--_x-range-slider-track-h,6px);border-radius:var(--x-range-slider-radius);background:var(--x-range-slider-track-color);}[part\x3dtrack-fill]{position:absolute;top:50%;transform:translateY(-50%);height:var(--_x-range-slider-track-h,6px);border-radius:var(--x-range-slider-radius);background:var(--x-range-slider-fill-color);pointer-events:none;left:var(--_x-range-slider-fill-left,0%);width:var(--_x-range-slider-fill-width,100%);}[part\x3dthumb-start],[part\x3dthumb-end]{position:absolute;top:50%;width:var(--_x-range-slider-thumb-sz,18px);height:var(--_x-range-slider-thumb-sz,18px);border-radius:50%;background:var(--x-range-slider-thumb-color);border:var(--x-range-slider-thumb-border);box-shadow:var(--x-range-slider-thumb-shadow);box-sizing:border-box;transform:translate(-50%,-50%);cursor:grab;z-index:1;transition:box-shadow 100ms ease;}[part\x3dthumb-start]{left:var(--_x-range-slider-start-pct,0%);}[part\x3dthumb-end]{left:var(--_x-range-slider-end-pct,100%);}[part\x3dthumb-start][data-active],[part\x3dthumb-end][data-active]{z-index:2;}[part\x3dthumb-start]:focus-visible,[part\x3dthumb-end]:focus-visible{outline:none;box-shadow:var(--x-range-slider-thumb-shadow),0 0 0 3px var(--x-range-slider-focus-ring);}:host([data-disabled]) [part\x3dtrack]{opacity:var(--x-range-slider-disabled-opacity);cursor:default;pointer-events:none;}:host([data-readonly]) [part\x3dtrack]{pointer-events:none;}@media (prefers-reduced-motion:reduce){[part\x3dthumb-start],[part\x3dthumb-end]{transition:none;}}@media (pointer:coarse){[part\x3dbase]{--_x-range-slider-thumb-sz:28px;}}";
|
|
22
|
+
$APP.T(d,"part","base");$APP.T(d,"role","group");d.appendChild($APP.ar.i(e));d.appendChild($APP.Oq.i(f));b.appendChild(c);b.appendChild(d);b={base:d,header:$APP.ar.i(e),label:$APP.Wj.i(e),value:$APP.Ui.i(e),track:$APP.Oq.i(f),"track-fill":$APP.yq.i(f),"thumb-start":lK.i(f),"thumb-end":mK.i(f)};$APP.Q(a,"__xRangeSliderRefs",b);$APP.n(a.attachInternals)&&$APP.Q(a,"__xRangeSliderInternals",a.attachInternals())}kK(a);b=$APP.l(a,"__xRangeSliderRefs");if($APP.n(b)){c=Yca(a);d=$APP.q(jK);e=null;for(h=f=
|
|
23
|
+
0;;)if(h<f){var r=e.C(null,h);k=$APP.B(r,0,null);m=$APP.B(r,1,null);var u=$APP.B(r,2,null);r=$APP.B(r,3,null);$APP.l(b,k).addEventListener(m,$APP.l(c,u),r);h+=1}else if(d=$APP.q(d))$APP.$c(d)?(f=$APP.Fb(d),d=$APP.Gb(d),e=f,f=$APP.w(f)):(k=$APP.t(d),e=$APP.B(k,0,null),f=$APP.B(k,1,null),h=$APP.B(k,2,null),k=$APP.B(k,3,null),$APP.l(b,e).addEventListener(f,$APP.l(c,h),k),d=$APP.v(d),e=null,f=0),h=0;else break;$APP.Q(a,"__xRangeSliderHandlers",c)}return $J(a)},bda=function(a){kK(a);return $APP.Q(a,"__xRangeSliderDragging",
|
|
24
|
+
null)},cda=function(a,b,c,d){return $APP.I(c,d)?$J(a):null},eda=function(a){return $APP.xj(a,dda)},nK=function(){return $APP.zi("x-range-slider",new $APP.M(null,8,[$APP.ji,fda,$APP.hi,ada,$APP.ei,bda,$APP.di,cda,$APP.fi,!0,$APP.ci,Zca,$APP.bi,$ca,$APP.ii,eda],null))},hK=new $APP.F(null,"which","which",-1255268941),UJ=new $APP.F(null,"fill-width","fill-width",-168039914),iK=new $APP.F(null,"in-place?","in-place?",1671707774),VJ=new $APP.F(null,"end-pct","end-pct",651636025),mK=new $APP.F(null,"thumb-end",
|
|
25
|
+
"thumb-end",767456848),RJ=new $APP.F(null,"min-gap","min-gap",-597317123),bK=new $APP.F(null,"previousEnd","previousEnd",238071363),lK=new $APP.F(null,"thumb-start","thumb-start",-1513664491),aK=new $APP.F(null,"previousStart","previousStart",1056045164),SJ=new $APP.F(null,"start-pct","start-pct",2022475208),TJ=new $APP.F(null,"fill-left","fill-left",-1207003115);var Wca=new $APP.ch(null,new $APP.M(null,3,["md",null,"lg",null,"sm",null],null),null),fda="start end min max step min-gap disabled readonly name label show-value size aria-label aria-labelledby aria-describedby".split(" "),dda=$APP.Gg([$APP.Rr,$APP.zm,$APP.tp,$APP.Uj,$APP.hu,new $APP.F(null,"minGap","minGap",11370316),$APP.Gm,$APP.iu,$APP.Js,$APP.Wj,$APP.sq,$APP.xu],[new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"min"],null),new $APP.M(null,2,[$APP.N,$APP.vj,$APP.W,"disabled"],null),new $APP.M(null,2,
|
|
26
|
+
[$APP.N,$APP.vj,$APP.W,"show-value"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"name"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"start"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"min-gap"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"size"],null),new $APP.M(null,2,[$APP.N,$APP.vj,$APP.W,"readonly"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"max"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"label"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"end"],null),new $APP.M(null,2,
|
|
27
|
+
[$APP.N,$APP.X,$APP.W,"step"],null)]);
|
|
28
|
+
$APP.je(["x-range-slider-change-request",new $APP.M(null,2,[$APP.fu,!0,$APP.V,new $APP.M(null,6,[$APP.hu,$APP.Y,$APP.sq,$APP.Y,aK,$APP.Y,bK,$APP.Y,$APP.Rr,$APP.Y,$APP.Js,$APP.Y],null)],null),"x-range-slider-input",new $APP.M(null,1,[$APP.V,new $APP.M(null,4,[$APP.hu,$APP.Y,$APP.sq,$APP.Y,$APP.Rr,$APP.Y,$APP.Js,$APP.Y],null)],null),"x-range-slider-change",new $APP.M(null,1,[$APP.V,new $APP.M(null,4,[$APP.hu,$APP.Y,$APP.sq,$APP.Y,$APP.Rr,$APP.Y,$APP.Js,$APP.Y],null)],null)]);var Xca=new $APP.ch(null,new $APP.M(null,8,["PageDown",null,"ArrowUp",null,"ArrowDown",null,"End",null,"ArrowRight",null,"ArrowLeft",null,"PageUp",null,"Home",null],null),null),jK=new $APP.J(null,9,5,$APP.K,[new $APP.J(null,4,5,$APP.K,["track","pointerdown","track-down",!1],null),new $APP.J(null,4,5,$APP.K,["thumb-start","pointermove","start-move",!1],null),new $APP.J(null,4,5,$APP.K,["thumb-start","pointerup","start-up",!1],null),new $APP.J(null,4,5,$APP.K,["thumb-start","pointercancel","start-up",
|
|
29
|
+
!1],null),new $APP.J(null,4,5,$APP.K,["thumb-start","keydown","start-key",!1],null),new $APP.J(null,4,5,$APP.K,["thumb-end","pointermove","end-move",!1],null),new $APP.J(null,4,5,$APP.K,["thumb-end","pointerup","end-up",!1],null),new $APP.J(null,4,5,$APP.K,["thumb-end","pointercancel","end-up",!1],null),new $APP.J(null,4,5,$APP.K,["thumb-end","keydown","end-key",!1],null)],null);$APP.fa("baredom.exports.x_range_slider.init",nK);export const init=nK;
|
package/dist/x-rating.js
CHANGED
|
@@ -1,24 +1,24 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
c+1?
|
|
4
|
-
|
|
5
|
-
c.appendChild(d);return c},
|
|
6
|
-
a.hasAttribute("readonly"),a.getAttribute("precision"),a.getAttribute("aria-labelledby"),a.getAttribute("size"),a.hasAttribute("allow-clear"),a.getAttribute("max"),a.getAttribute("label"),a.getAttribute("shape"),a.getAttribute("aria-describedby"),a.getAttribute("aria-label")]);var b=$APP.G(a);a=$APP.C(b,$APP.
|
|
7
|
-
y=$APP.C(b,$APP.
|
|
8
|
-
|
|
9
|
-
"label"),f=$APP.l(b,"stars");var h=$APP.G(c),k=$APP.C(h,$APP.
|
|
10
|
-
$APP.
|
|
11
|
-
""+$APP.P.i(k));$APP.T(f,"aria-valuetext",m);$APP.T(f,"aria-readonly",$APP.n(d)?"true":"false");$APP.n(e)?($APP.T(f,"aria-disabled","true"),$APP.T(f,"tabindex","-1")):($APP.U(f,"aria-disabled"),$APP.T(f,"tabindex","0"));$APP.n(h)?($APP.T(f,"aria-labelledby",h),$APP.U(f,"aria-label")):($APP.T(f,"aria-label",$APP.n(b)?b:$APP.n(
|
|
12
|
-
$APP.n(b)&&b.setFormValue(""+$APP.P.i(f));return $APP.Q(a,"__xRatingModel",c)},
|
|
13
|
-
b,$APP.
|
|
14
|
-
function(a){return{"stars-move":function(b){a:{var c=$APP.l(a,"__xRatingModel");if($APP.n($APP.n(c)?
|
|
15
|
-
b=
|
|
16
|
-
|
|
17
|
-
$APP.l(b,e).removeEventListener(f,$APP.l(c,h),m),d=$APP.v(d),e=null,f=0),h=0;else break;$APP.Q(a,"__xRatingHandlers",null)}},
|
|
18
|
-
m=
|
|
19
|
-
$APP.T(d,"part","base");$APP.T(e,"part","label-text");$APP.T(f,"part","stars");$APP.T(f,"role","slider");$APP.T(f,"tabindex","0");$APP.T(f,"aria-valuemin","0");for(var
|
|
20
|
-
stars:f,"star-els":m,shape:h,count:k});$APP.n(a.attachInternals)&&$APP.Q(a,"__xRatingInternals",a.attachInternals())}
|
|
21
|
-
$APP.B(k,3,null),$APP.l(b,e).addEventListener(f,$APP.l(c,h),k),d=$APP.v(d),e=null,f=0),h=0;else break;$APP.Q(a,"__xRatingHandlers",c)}return
|
|
22
|
-
"precision","precision",-1175707478),
|
|
23
|
-
$APP.
|
|
24
|
-
"label"],null),new $APP.M(null,2,[$APP.
|
|
2
|
+
var Bia=function(a){return $APP.Ba(a)},oU=function(a,b){return typeof a==="string"?(a=parseFloat(a),$APP.n(isNaN(a))?b:a):b},pU=function(a){return $APP.po.j($APP.Wo.j(Math.round(oU(a,5)),1),20)},qU=function(a){return typeof a==="string"&&$APP.ed(Cia,a)?a:"star"},rU=function(a){return typeof a==="string"&&$APP.I("",a)?a:null},sU=function(a,b){return b<0?0:$APP.po.j($APP.Wo.j(a,0),b)},tU=function(a,b){return b==null||b<=0?a:Math.round(b*Math.round(a/b)*1E9)/1E9},uU=function(a,b){return $APP.He(function(c){return a>=
|
|
3
|
+
c+1?Dia:a>=c+.5?Eia:$APP.Ls},$APP.xh(0,b))},Fia=function(a,b,c,d,e){switch(a){case "ArrowRight":return b+d;case "ArrowUp":return b+d;case "ArrowLeft":return b-d;case "ArrowDown":return b-d;case "Home":return 0;case "End":return c;case "Delete":return $APP.n(e)?0:b;case "Backspace":return $APP.n(e)?0:b;default:return b}},vU=function(a){var b=$APP.G(a);a=$APP.C(b,$APP.Xj);b=$APP.C(b,$APP.ll);return $APP.D($APP.p(a)&&$APP.p(b))},wU=function(a,b){return new $APP.M(null,2,[$APP.Ui,a,$APP.Js,b],null)},
|
|
4
|
+
xU=function(a,b){var c=document.createElementNS("http://www.w3.org/2000/svg","svg"),d=document.createElementNS("http://www.w3.org/2000/svg","path");$APP.T(c,"viewBox","0 0 24 24");$APP.T(c,"class",b);$APP.T(c,"aria-hidden","true");$APP.T(d,"fill","currentColor");$APP.T(d,"d",$APP.z.j("heart",a)?"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z":"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z");
|
|
5
|
+
c.appendChild(d);return c},yU=function(a,b){return Bia($APP.ye.j(function(c){var d=document.createElement("span");$APP.T(d,"part","star");$APP.T(d,"data-index",""+$APP.P.i(c));$APP.T(d,"aria-hidden","true");d.appendChild(xU(b,"x-rating-star-base"));d.appendChild(xU(b,"x-rating-star-fill"));return d},$APP.xh(0,a)))},FU=function(a){a=$APP.Gg([$APP.zm,$APP.Uj,$APP.Ui,$APP.uj,zU,$APP.ol,$APP.Gm,AU,$APP.Js,$APP.Wj,$APP.Sr,$APP.pl,$APP.ql],[a.hasAttribute("disabled"),a.getAttribute("name"),a.getAttribute("value"),
|
|
6
|
+
a.hasAttribute("readonly"),a.getAttribute("precision"),a.getAttribute("aria-labelledby"),a.getAttribute("size"),a.hasAttribute("allow-clear"),a.getAttribute("max"),a.getAttribute("label"),a.getAttribute("shape"),a.getAttribute("aria-describedby"),a.getAttribute("aria-label")]);var b=$APP.G(a);a=$APP.C(b,$APP.ql);var c=$APP.C(b,$APP.zm),d=$APP.C(b,$APP.Ui),e=$APP.C(b,$APP.Uj),f=$APP.C(b,$APP.uj),h=$APP.C(b,zU),k=$APP.C(b,$APP.ol),m=$APP.C(b,AU),r=$APP.C(b,$APP.Gm),u=$APP.C(b,$APP.Wj),x=$APP.C(b,$APP.Js),
|
|
7
|
+
y=$APP.C(b,$APP.Sr);b=$APP.C(b,$APP.pl);x=pU(x);h=typeof h==="string"&&$APP.ed(Gia,h)?h:"full";y=qU(y);var A=$APP.z.j("half",h)?.5:1;d=sU(tU(oU(d,0),A),x);m=$APP.D(m);f=$APP.D(f);e=rU(e);k=rU(k);r=typeof r==="string"&&$APP.ed(Hia,r)?r:"md";var E=d<=0?"No rating":""+$APP.P.i(d)+" out of "+$APP.P.i(x)+" "+$APP.P.i($APP.z.j("heart",y)?"hearts":"stars");return $APP.Gg([BU,$APP.ll,$APP.Uj,$APP.Ui,zU,CU,$APP.ol,$APP.Gm,DU,$APP.Js,$APP.Wj,$APP.Sr,$APP.pl,$APP.ql,$APP.Xj,EU],[m,f,e,d,h,A,k,r,E,x,rU(u),y,
|
|
8
|
+
rU(b),rU(a),$APP.D(c),uU(d,x)])},GU=function(a,b){$APP.Q(a,"__xRatingPreview",null);return $APP.U($APP.l(b,"stars"),"data-preview")},HU=function(a,b){a=$APP.l(a,"star-els");for(var c=a.length,d=0;;)if(d<c){var e=a[d],f=$APP.B(b,d,$APP.Ls);a:switch(f instanceof $APP.F?f.ea:null){case "full":var h="100%";break a;case "half":h="50%";break a;default:h="0%"}e.style.setProperty("--_x-rating-star-fill",h);$APP.T(e,"data-fill",$APP.kh(f));d+=1}else break},IU=function(a,b,c){var d=$APP.l(b,"base"),e=$APP.l(b,
|
|
9
|
+
"label"),f=$APP.l(b,"stars");var h=$APP.G(c),k=$APP.C(h,$APP.Js);h=$APP.C(h,$APP.Sr);if($APP.I($APP.l(b,"count"),k)||$APP.I($APP.l(b,"shape"),h)){var m=$APP.l(b,"stars"),r=yU(k,h);m.textContent="";for(var u=$APP.q(r),x=null,y=0,A=0;;)if(A<y){var E=x.C(null,A);m.appendChild(E);A+=1}else if(u=$APP.q(u))x=u,$APP.$c(x)?(u=$APP.Fb(x),A=$APP.Gb(x),x=u,y=$APP.w(u),u=A):(u=$APP.t(x),m.appendChild(u),u=$APP.v(x),x=null,y=0),A=0;else break;b["star-els"]=r;b.count=k;b.shape=h;GU(a,b)}m=$APP.G(c);k=$APP.C(m,
|
|
10
|
+
$APP.Gm);h=$APP.C(m,$APP.Xj);m=$APP.C(m,$APP.ll);$APP.T(d,"data-size",k);$APP.cj(a,"data-disabled",h);$APP.cj(a,"data-readonly",m);d=$APP.G(c);d=$APP.C(d,$APP.Wj);e.textContent=$APP.n(d)?d:"";e.style.display=d!=null?"":"none";e=$APP.G(c);e=$APP.C(e,EU);HU(b,e);x=$APP.G(c);b=$APP.C(x,$APP.ql);e=$APP.C(x,$APP.Xj);d=$APP.C(x,$APP.ll);k=$APP.C(x,$APP.Ui);h=$APP.C(x,$APP.ol);m=$APP.C(x,DU);r=$APP.C(x,$APP.Wj);u=$APP.C(x,$APP.Js);x=$APP.C(x,$APP.pl);$APP.T(f,"aria-valuemax",""+$APP.P.i(u));$APP.T(f,"aria-valuenow",
|
|
11
|
+
""+$APP.P.i(k));$APP.T(f,"aria-valuetext",m);$APP.T(f,"aria-readonly",$APP.n(d)?"true":"false");$APP.n(e)?($APP.T(f,"aria-disabled","true"),$APP.T(f,"tabindex","-1")):($APP.U(f,"aria-disabled"),$APP.T(f,"tabindex","0"));$APP.n(h)?($APP.T(f,"aria-labelledby",h),$APP.U(f,"aria-label")):($APP.T(f,"aria-label",$APP.n(b)?b:$APP.n(r)?r:"Rating"),$APP.U(f,"aria-labelledby"));$APP.n(x)?$APP.T(f,"aria-describedby",x):$APP.U(f,"aria-describedby");f=$APP.G(c);f=$APP.C(f,$APP.Ui);b=$APP.l(a,"__xRatingInternals");
|
|
12
|
+
$APP.n(b)&&b.setFormValue(""+$APP.P.i(f));return $APP.Q(a,"__xRatingModel",c)},JU=function(a){var b=$APP.l(a,"__xRatingRefs");return $APP.n(b)?IU(a,b,FU(a)):null},KU=function(a){var b=$APP.l(a,"__xRatingRefs");if($APP.n(b)){var c=FU(a);return $APP.I(c,$APP.l(a,"__xRatingModel"))?IU(a,b,c):null}return null},LU=function(a,b){var c=FU(a);b=tU(b,CU.i(c));var d=$APP.Js.i(c);b=sU(b,d);d=$APP.Ui.i(c);var e;if(e=$APP.I(b,d))c=$APP.Js.i(c),e=$APP.jj(a,"x-rating-change-request",$APP.gm(new $APP.M(null,3,[$APP.Ui,
|
|
13
|
+
b,$APP.Gs,d,$APP.Js,c],null)));return e?($APP.T(a,"value",""+$APP.P.i(b)),c=FU(a),$APP.hj(a,"x-rating-change",$APP.gm(wU($APP.Ui.i(c),$APP.Js.i(c))))):null},MU=function(a,b,c){c=$APP.G(c);var d=$APP.C(c,$APP.Js);c=$APP.C(c,CU);var e=$APP.l(a,"stars").getBoundingClientRect();b=b.clientX;a=e.left;var f=e.width;f>0?(e=$APP.po.j($APP.Wo.j((b-a)/f,0),1),e=$APP.po.j($APP.Wo.j(Math.floor(e*d),0),d-1)):e=0;d=f/d;d=d>0?$APP.po.j($APP.Wo.j((b-(a+e*d))/d,0),1):1;b=e+1;return $APP.z.j(c,.5)&&d<.5?b-.5:b},Jia=
|
|
14
|
+
function(a){return{"stars-move":function(b){a:{var c=$APP.l(a,"__xRatingModel");if($APP.n($APP.n(c)?vU(c):c)){var d=$APP.l(a,"__xRatingRefs");b=MU(d,b,c);if($APP.I(b,$APP.l(a,"__xRatingPreview"))){$APP.Q(a,"__xRatingPreview",b);var e=$APP.G(c);e=$APP.C(e,$APP.Js);$APP.T($APP.l(d,"stars"),"data-preview","");HU(d,uU(b,e));c=$APP.hj(a,"x-rating-hover",$APP.gm(wU(b,$APP.Js.i(c))));break a}}c=null}return c},"stars-down":function(b){var c=FU(a);if(vU(c)){b.preventDefault();var d=$APP.l(a,"__xRatingRefs");
|
|
15
|
+
b=MU(d,b,c);var e=BU.i(c);c=$APP.n(e)?$APP.z.j(b,$APP.Ui.i(c)):e;c=$APP.n(c)?0:b;$APP.l(d,"stars").focus();LU(a,c);d=GU(a,d)}else d=null;return d},"stars-leave":function(){if($APP.l(a,"__xRatingPreview")!=null){var b=$APP.l(a,"__xRatingRefs");var c=$APP.l(a,"__xRatingModel");GU(a,b);HU(b,EU.i(c));b=$APP.hj(a,"x-rating-hover",$APP.gm(wU(null,$APP.Js.i(c))))}else b=null;return b},"stars-key":function(b){var c=b.key;$APP.ed(Iia,c)?(b.preventDefault(),b=FU(a),c=vU(b)?LU(a,Fia(c,$APP.Ui.i(b),$APP.Js.i(b),
|
|
16
|
+
CU.i(b),BU.i(b))):null):c=null;return c}}},OU=function(a){var b=$APP.l(a,"__xRatingRefs"),c=$APP.l(a,"__xRatingHandlers");if($APP.n($APP.n(b)?c:b)){for(var d=$APP.q(NU),e=null,f=0,h=0;;)if(h<f){var k=e.C(null,h),m=$APP.B(k,0,null),r=$APP.B(k,1,null),u=$APP.B(k,2,null);k=$APP.B(k,3,null);$APP.l(b,m).removeEventListener(r,$APP.l(c,u),k);h+=1}else if(d=$APP.q(d))$APP.$c(d)?(f=$APP.Fb(d),d=$APP.Gb(d),e=f,f=$APP.w(f)):(m=$APP.t(d),e=$APP.B(m,0,null),f=$APP.B(m,1,null),h=$APP.B(m,2,null),m=$APP.B(m,3,null),
|
|
17
|
+
$APP.l(b,e).removeEventListener(f,$APP.l(c,h),m),d=$APP.v(d),e=null,f=0),h=0;else break;$APP.Q(a,"__xRatingHandlers",null)}},Kia=function(a,b){$APP.cj(a,"disabled",$APP.D(b));return JU(a)},Lia=function(a){$APP.U(a,"value");return JU(a)},Mia=function(a){if(!$APP.n($APP.l(a,"__xRatingRefs"))){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("span"),f=document.createElement("div"),h=qU(a.getAttribute("shape")),k=pU(a.getAttribute("max")),
|
|
18
|
+
m=yU(k,h);c.textContent=":host{display:inline-block;color-scheme:light dark;--x-rating-active-color:var(--x-color-warning,#f59e0b);--x-rating-inactive-color:rgba(0,0,0,0.20);--x-rating-hover-color:var(--x-rating-active-color);--x-rating-focus-ring:var(--x-color-focus-ring,#60a5fa);--x-rating-disabled-opacity:0.45;--x-rating-label-color:rgba(0,0,0,0.60);}@media (prefers-color-scheme:dark){:host{--x-rating-inactive-color:rgba(255,255,255,0.22);--x-rating-focus-ring:var(--x-color-focus-ring,#93c5fd);--x-rating-label-color:rgba(255,255,255,0.60);}}[part\x3dbase]{display:inline-flex;flex-direction:column;gap:4px;align-items:flex-start;box-sizing:border-box;--_x-rating-star-sz:22px;}[part\x3dbase][data-size\x3dsm]{--_x-rating-star-sz:16px;}[part\x3dbase][data-size\x3dmd]{--_x-rating-star-sz:22px;}[part\x3dbase][data-size\x3dlg]{--_x-rating-star-sz:30px;}[part\x3dlabel-text]{font-size:0.875rem;color:var(--x-rating-label-color);font-weight:500;}[part\x3dstars]{display:inline-flex;touch-action:manipulation;border-radius:var(--x-radius-sm,0.375rem);}[part\x3dstars]:focus-visible{outline:none;box-shadow:0 0 0 3px var(--x-rating-focus-ring);}[part\x3dstar]{position:relative;display:inline-block;width:var(--_x-rating-star-sz,22px);height:var(--_x-rating-star-sz,22px);cursor:pointer;transition:transform var(--x-transition-duration,140ms) var(--x-transition-easing,ease);}[part\x3dstar] svg{position:absolute;inset:0;width:100%;height:100%;display:block;}.x-rating-star-base{color:var(--x-rating-inactive-color);}.x-rating-star-fill{color:var(--x-rating-active-color);clip-path:inset(0 calc(100% - var(--_x-rating-star-fill,0%)) 0 0);}[part\x3dstars][data-preview] .x-rating-star-fill{color:var(--x-rating-hover-color);}:host(:not([data-disabled]):not([data-readonly])) [part\x3dstar]:hover{transform:scale(1.08);}:host([data-disabled]) [part\x3dstars]{opacity:var(--x-rating-disabled-opacity);cursor:default;pointer-events:none;}:host([data-readonly]) [part\x3dstars]{cursor:default;pointer-events:none;}@media (prefers-reduced-motion:reduce){[part\x3dstar]{transition:none;}}@media (pointer:coarse){[part\x3dbase][data-size\x3dsm]{--_x-rating-star-sz:22px;}[part\x3dbase][data-size\x3dmd]{--_x-rating-star-sz:30px;}[part\x3dbase][data-size\x3dlg]{--_x-rating-star-sz:38px;}}";
|
|
19
|
+
$APP.T(d,"part","base");$APP.T(e,"part","label-text");$APP.T(f,"part","stars");$APP.T(f,"role","slider");$APP.T(f,"tabindex","0");$APP.T(f,"aria-valuemin","0");for(var r=$APP.q(m),u=null,x=0,y=0;;)if(y<x){var A=u.C(null,y);f.appendChild(A);y+=1}else if(r=$APP.q(r))u=r,$APP.$c(u)?(r=$APP.Fb(u),y=$APP.Gb(u),u=r,x=$APP.w(r),r=y):(r=$APP.t(u),f.appendChild(r),r=$APP.v(u),u=null,x=0),y=0;else break;d.appendChild(e);d.appendChild(f);b.appendChild(c);b.appendChild(d);$APP.Q(a,"__xRatingRefs",{base:d,label:e,
|
|
20
|
+
stars:f,"star-els":m,shape:h,count:k});$APP.n(a.attachInternals)&&$APP.Q(a,"__xRatingInternals",a.attachInternals())}OU(a);b=$APP.l(a,"__xRatingRefs");if($APP.n(b)){c=Jia(a);d=$APP.q(NU);e=null;for(h=f=0;;)if(h<f)u=e.C(null,h),k=$APP.B(u,0,null),m=$APP.B(u,1,null),r=$APP.B(u,2,null),u=$APP.B(u,3,null),$APP.l(b,k).addEventListener(m,$APP.l(c,r),u),h+=1;else if(d=$APP.q(d))$APP.$c(d)?(f=$APP.Fb(d),d=$APP.Gb(d),e=f,f=$APP.w(f)):(k=$APP.t(d),e=$APP.B(k,0,null),f=$APP.B(k,1,null),h=$APP.B(k,2,null),k=
|
|
21
|
+
$APP.B(k,3,null),$APP.l(b,e).addEventListener(f,$APP.l(c,h),k),d=$APP.v(d),e=null,f=0),h=0;else break;$APP.Q(a,"__xRatingHandlers",c)}return KU(a)},Nia=function(a){OU(a);var b=$APP.l(a,"__xRatingRefs");return $APP.n(b)?GU(a,b):null},Oia=function(a,b,c,d){return $APP.I(c,d)?KU(a):null},Qia=function(a){return $APP.xj(a,Pia)},PU=function(){return $APP.zi("x-rating",new $APP.M(null,8,[$APP.ji,Ria,$APP.hi,Mia,$APP.ei,Nia,$APP.di,Oia,$APP.fi,!0,$APP.ci,Kia,$APP.bi,Lia,$APP.ii,Qia],null))},zU=new $APP.F(null,
|
|
22
|
+
"precision","precision",-1175707478),Eia=new $APP.F(null,"half","half",741990005),CU=new $APP.F(null,"precision-step","precision-step",-1707508214),DU=new $APP.F(null,"value-text","value-text",-939054861),EU=new $APP.F(null,"fill-states","fill-states",-39922850),Dia=new $APP.F(null,"full","full",436801220),AU=new $APP.F(null,"allow-clear","allow-clear",-424919217),BU=new $APP.F(null,"allow-clear?","allow-clear?",474545376);var Gia=new $APP.ch(null,new $APP.M(null,2,["full",null,"half",null],null),null),Cia=new $APP.ch(null,new $APP.M(null,2,["star",null,"heart",null],null),null),Hia=new $APP.ch(null,new $APP.M(null,3,["md",null,"lg",null,"sm",null],null),null),Ria="value max precision shape allow-clear disabled readonly name label size aria-label aria-labelledby aria-describedby".split(" "),Pia=$APP.Gg([new $APP.F(null,"allowClear","allowClear",2001597922),$APP.zm,$APP.Uj,$APP.Ui,zU,$APP.Gm,$APP.iu,$APP.Js,$APP.Wj,
|
|
23
|
+
$APP.Sr],[new $APP.M(null,2,[$APP.N,$APP.vj,$APP.W,"allow-clear"],null),new $APP.M(null,2,[$APP.N,$APP.vj,$APP.W,"disabled"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"name"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"value"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"precision"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"size"],null),new $APP.M(null,2,[$APP.N,$APP.vj,$APP.W,"readonly"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"max"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,
|
|
24
|
+
"label"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"shape"],null)]);$APP.je(["x-rating-change-request",new $APP.M(null,2,[$APP.fu,!0,$APP.V,new $APP.M(null,3,[$APP.Ui,$APP.Y,$APP.Gs,$APP.Y,$APP.Js,$APP.Y],null)],null),"x-rating-change",new $APP.M(null,1,[$APP.V,new $APP.M(null,2,[$APP.Ui,$APP.Y,$APP.Js,$APP.Y],null)],null),"x-rating-hover",new $APP.M(null,1,[$APP.V,new $APP.M(null,2,[$APP.Ui,$APP.Y,$APP.Js,$APP.Y],null)],null)]);var Iia=new $APP.ch(null,new $APP.M(null,8,["Backspace",null,"ArrowUp",null,"ArrowDown",null,"End",null,"ArrowRight",null,"Delete",null,"ArrowLeft",null,"Home",null],null),null),NU=new $APP.J(null,4,5,$APP.K,[new $APP.J(null,4,5,$APP.K,["stars","pointermove","stars-move",!1],null),new $APP.J(null,4,5,$APP.K,["stars","pointerdown","stars-down",!1],null),new $APP.J(null,4,5,$APP.K,["stars","pointerleave","stars-leave",!1],null),new $APP.J(null,4,5,$APP.K,["stars","keydown","stars-key",!1],null)],null);$APP.fa("baredom.exports.x_rating.init",PU);export const init=PU;
|
package/dist/x-ripple-effect.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
2
|
+
var q_=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},r_=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},s_=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},t_=function(a){var b=$APP.l(a,
|
|
3
3
|
"__xRippleRefs");if($APP.n(b))return b;b=a.attachShadow({mode:"open"});var c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("slot"),f=document.createElementNS("http://www.w3.org/2000/svg","svg");c.textContent=":host{display:inline-block;position:relative;}:host([disabled]){cursor:default;}[part\x3dcontainer]{display:block;width:100%;height:100%;}";$APP.T(d,"part","container");d.appendChild(e);$APP.T(f,"part","filters");f.style.position="absolute";f.style.width=
|
|
4
|
-
"0";f.style.height="0";f.style.overflow="hidden";b.appendChild(c);b.appendChild(d);b.appendChild(f);$APP.Q(a,"__xRippleRefs",new $APP.M(null,3,[$APP.
|
|
5
|
-
$APP.C(b,$APP.
|
|
6
|
-
"turbulence");$APP.T(e,"baseFrequency",""+$APP.P.i(c));$APP.T(e,"numOctaves","3");$APP.T(e,"seed",""+$APP.P.i(Math.floor(Math.random()*1E3)));$APP.T(e,"result","turbulence");$APP.T(f,"in","SourceGraphic");$APP.T(f,"in2","turbulence");$APP.T(f,"scale","0");$APP.T(f,"xChannelSelector","R");$APP.T(f,"yChannelSelector","G");d.appendChild(e);d.appendChild(f);a.appendChild(d);return new $APP.M(null,3,[$APP.
|
|
7
|
-
var d=$APP.C(c,$APP.
|
|
8
|
-
{x:y,y:A});b?($APP.T(x,"scale",""+$APP.P.i(d/2)),b=requestAnimationFrame(function(){$APP.T(x,"scale","0");k.removeChild(
|
|
9
|
-
"x-ripple-effect-end",{x:y,y:A});R=requestAnimationFrame(S);return H.push(R)});return H.push(b)},
|
|
10
|
-
$APP.n(d))b.removeChild(d);else break;c.style.filter=""}b=$APP.l(a,"__xRippleHandler");return $APP.n(b)?(a.removeEventListener("pointerdown",b),$APP.Q(a,"__xRippleHandler",null)):null},
|
|
11
|
-
new $APP.M(null,5,[$APP.
|
|
4
|
+
"0";f.style.height="0";f.style.overflow="hidden";b.appendChild(c);b.appendChild(d);b.appendChild(f);$APP.Q(a,"__xRippleRefs",new $APP.M(null,3,[$APP.Fk,b,$APP.Gk,d,$APP.Wr,f],null));$APP.Q(a,"__xRippleCounter",0);$APP.Q(a,"__xRippleFrames",[]);return $APP.l(a,"__xRippleRefs")},Ana=function(a){a=new $APP.M(null,4,[$APP.ss,a.getAttribute("intensity"),$APP.Eq,a.getAttribute("duration"),u_,a.getAttribute("frequency"),$APP.Ej,a.hasAttribute("disabled")],null);var b=$APP.G(a);a=$APP.C(b,$APP.ss);var c=
|
|
5
|
+
$APP.C(b,$APP.Eq),d=$APP.C(b,u_);b=$APP.C(b,$APP.Ej);return new $APP.M(null,4,[$APP.hs,q_(a),$APP.Zs,r_(c),v_,s_(d),$APP.Xj,$APP.D(b)],null)},Bna=function(a,b,c){var d=document.createElementNS("http://www.w3.org/2000/svg","filter"),e=document.createElementNS("http://www.w3.org/2000/svg","feTurbulence"),f=document.createElementNS("http://www.w3.org/2000/svg","feDisplacementMap");$APP.T(d,"id",b);$APP.T(d,"x","-10%");$APP.T(d,"y","-10%");$APP.T(d,"width","120%");$APP.T(d,"height","120%");$APP.T(e,"type",
|
|
6
|
+
"turbulence");$APP.T(e,"baseFrequency",""+$APP.P.i(c));$APP.T(e,"numOctaves","3");$APP.T(e,"seed",""+$APP.P.i(Math.floor(Math.random()*1E3)));$APP.T(e,"result","turbulence");$APP.T(f,"in","SourceGraphic");$APP.T(f,"in2","turbulence");$APP.T(f,"scale","0");$APP.T(f,"xChannelSelector","R");$APP.T(f,"yChannelSelector","G");d.appendChild(e);d.appendChild(f);a.appendChild(d);return new $APP.M(null,3,[$APP.dt,d,w_,e,x_,f],null)},Cna=function(a,b){var c=Ana(a);if($APP.n($APP.Xj.i(c)))return null;c=$APP.G(c);
|
|
7
|
+
var d=$APP.C(c,$APP.hs),e=$APP.C(c,$APP.Zs),f=$APP.C(c,v_);c=t_(a);c=$APP.G(c);var h=$APP.C(c,$APP.Gk),k=$APP.C(c,$APP.Wr),m=$APP.l(a,"__xRippleCounter");c="xr-"+$APP.P.i(m);$APP.Q(a,"__xRippleCounter",m+1);m=Bna(k,c,f);m=$APP.G(m);var r=$APP.C(m,$APP.dt),u=$APP.C(m,w_),x=$APP.C(m,x_),y=b.clientX,A=b.clientY,E=performance.now(),H=$APP.l(a,"__xRippleFrames");b=$APP.D(window.matchMedia("(prefers-reduced-motion:reduce)").matches);h.style.filter="url(#"+$APP.P.i(c)+")";$APP.hj(a,"x-ripple-effect-start",
|
|
8
|
+
{x:y,y:A});b?($APP.T(x,"scale",""+$APP.P.i(d/2)),b=requestAnimationFrame(function(){$APP.T(x,"scale","0");k.removeChild(r);h.style.filter="";return $APP.hj(a,"x-ripple-effect-end",{x:y,y:A})})):b=requestAnimationFrame(function S(){var R=performance.now()-E;R=Math.min(1,R/e);var Z=1-R;var ka=1-Z*Z*Z;Z=f*(1-ka*.7);ka=""+$APP.P.i(d*(1-ka));x.setAttribute("scale",ka);Z=""+$APP.P.i(Z);u.setAttribute("baseFrequency",Z);if(R>=1)return k.removeChild(r),k.childNodes.length===0&&(h.style.filter=""),$APP.hj(a,
|
|
9
|
+
"x-ripple-effect-end",{x:y,y:A});R=requestAnimationFrame(S);return H.push(R)});return H.push(b)},Dna=function(a){function b(c){return c.button===0?Cna(a,c):null}a.addEventListener("pointerdown",b);return $APP.Q(a,"__xRippleHandler",b)},y_=function(a){var b=$APP.l(a,"__xRippleFrames");if($APP.n(b)){for(var c=b.length,d=0;;)if(d<c)cancelAnimationFrame(b[d]),d+=1;else break;b.length=0}b=$APP.l(a,"__xRippleRefs");if($APP.n(b)){c=$APP.G(b);b=$APP.C(c,$APP.Wr);for(c=$APP.C(c,$APP.Gk);;)if(d=b.firstChild,
|
|
10
|
+
$APP.n(d))b.removeChild(d);else break;c.style.filter=""}b=$APP.l(a,"__xRippleHandler");return $APP.n(b)?(a.removeEventListener("pointerdown",b),$APP.Q(a,"__xRippleHandler",null)):null},Ena=function(a){$APP.sj(a,"intensity","intensity",q_);$APP.sj(a,"duration","duration",r_);$APP.sj(a,"frequency","frequency",s_);return $APP.mj(a,"disabled","disabled")},Fna=function(a){t_(a);y_(a);return Dna(a)},Gna=function(a){return y_(a)},Hna=function(){return null},z_=function(){return $APP.zi("x-ripple-effect",
|
|
11
|
+
new $APP.M(null,5,[$APP.ji,Ina,$APP.hi,Fna,$APP.ei,Gna,$APP.di,Hna,$APP.ii,Ena],null))},w_=new $APP.F(null,"turb","turb",-804768361),u_=new $APP.F(null,"frequency-raw","frequency-raw",-1367383022),x_=new $APP.F(null,"disp","disp",-2047544334),v_=new $APP.F(null,"frequency","frequency",-1408891382);var Ina=["intensity","duration","frequency","disabled"];$APP.je(["x-ripple-effect-start",new $APP.M(null,2,[$APP.V,new $APP.M(null,2,[$APP.Bt,$APP.Y,$APP.At,$APP.Y],null),$APP.fu,!1],null),"x-ripple-effect-end",new $APP.M(null,2,[$APP.V,new $APP.M(null,2,[$APP.Bt,$APP.Y,$APP.At,$APP.Y],null),$APP.fu,!1],null)]);$APP.fa("baredom.exports.x_ripple_effect.init",z_);export const init=z_;
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
$APP.T(d,"part","viewport");$APP.T(d,"role","region");d.appendChild(e);$APP.T(f,"part","live");$APP.T(f,"aria-live","polite");$APP.T(f,"aria-atomic","true");b.appendChild(c);b.appendChild(d);b.appendChild(f);$APP.Q(a,"__xScrollParallaxRefs",new $APP.M(null,4,[$APP.
|
|
4
|
-
"":null,$APP.
|
|
5
|
-
|
|
6
|
-
if($APP.n(b))return b;b=
|
|
7
|
-
a=typeof a==="string"?parseFloat(a.trim()):null;var b=a==null;return $APP.n(b?b:isNaN(a))?.85:a},
|
|
8
|
-
$APP.w(h)){var x=d[u],y=$APP.
|
|
9
|
-
$APP.
|
|
10
|
-
$APP.p($APP.l(a,"scrollAttached")):a)&&(window.addEventListener("scroll",$APP.l(a,"scroll"),{passive:!0}),a.scrollAttached=!0)},
|
|
11
|
-
$APP.Q(a,"__xScrollParallaxVisible",b);if($APP.n(b))return
|
|
12
|
-
(
|
|
13
|
-
c.removeEventListener("slotchange",d)}b=$APP.l(b,"resize");$APP.n(b)&&window.removeEventListener("resize",b)}b=$APP.l(a,"__xScrollParallaxRAF");$APP.n(b)&&(cancelAnimationFrame(b),$APP.
|
|
14
|
-
"__xScrollParallaxModel"),b)){var c=$APP.G(b),d=$APP.C(c,$APP.
|
|
15
|
-
"none");$APP.
|
|
16
|
-
|
|
17
|
-
d)?
|
|
18
|
-
var
|
|
2
|
+
var a4=function(a){return new $APP.M(null,1,[$APP.Vt,a],null)},b4=function(a){var b=$APP.l(a,"__xScrollParallaxRefs");if($APP.n(b))return b;b=a.attachShadow({mode:"open"});var c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("slot"),f=document.createElement("div");c.textContent=":host{display:block;position:relative;color-scheme:light dark;--x-scroll-parallax-perspective:none;--x-scroll-parallax-overflow:hidden;--x-scroll-parallax-smooth-duration:80ms;--x-scroll-parallax-fade-range:20%;--x-scroll-parallax-scale-min:0.85;--x-scroll-parallax-disabled-opacity:0.55;}[part\x3dviewport]{position:relative;width:100%;height:100%;overflow:var(--x-scroll-parallax-overflow);perspective:var(--x-scroll-parallax-perspective);}::slotted(*){will-change:transform;}:host([disabled]){opacity:var(--x-scroll-parallax-disabled-opacity);}:host([easing\x3dsmooth]) ::slotted(*){transition:transform var(--x-scroll-parallax-smooth-duration) ease-out,opacity var(--x-scroll-parallax-smooth-duration) ease-out;}[part\x3dlive]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;}@media (prefers-reduced-motion:reduce){::slotted(*){transform:none !important;opacity:1 !important;}}";
|
|
3
|
+
$APP.T(d,"part","viewport");$APP.T(d,"role","region");d.appendChild(e);$APP.T(f,"part","live");$APP.T(f,"aria-live","polite");$APP.T(f,"aria-atomic","true");b.appendChild(c);b.appendChild(d);b.appendChild(f);$APP.Q(a,"__xScrollParallaxRefs",new $APP.M(null,4,[$APP.Fk,b,$APP.Zq,d,$APP.$m,e,$APP.gq,f],null));return $APP.l(a,"__xScrollParallaxRefs")},e4=function(a){a=new $APP.M(null,5,[$APP.Hq,a.getAttribute("direction"),c4,a.getAttribute("source"),d4,a.getAttribute("easing"),$APP.Pq,$APP.n(a.hasAttribute("disabled"))?
|
|
4
|
+
"":null,$APP.Dj,a.getAttribute("label")],null);var b=$APP.G(a),c=$APP.C(b,$APP.Hq),d=$APP.C(b,c4),e=$APP.C(b,d4);a=$APP.C(b,$APP.Pq);b=$APP.C(b,$APP.Dj);c=typeof c==="string"?c.trim().toLowerCase():null;c=$APP.ed(Wqa,c)?c:"vertical";d=typeof d==="string"?d.trim().toLowerCase():null;d=$APP.ed(Xqa,d)?d:"document";e=typeof e==="string"?e.trim().toLowerCase():null;e=$APP.ed(Yqa,e)?e:"none";return new $APP.M(null,5,[$APP.fr,c,$APP.lt,d,Zqa,e,$APP.Xj,a!=null,$APP.Wj,$APP.n(b)?b:""],null)},f4=function(a){a=
|
|
5
|
+
b4(a);a=$APP.G(a);return $APP.C(a,$APP.$m).assignedElements()},$qa=function(a){var b=a.getAttribute("data-speed");typeof b==="string"?(b=parseFloat(b.trim()),b=$APP.n(isNaN(b))?1:b):b=1;var c=a.getAttribute("data-offset");typeof c==="string"?(c=parseFloat(c.trim()),c=$APP.n(isNaN(c))?0:c):c=0;return new $APP.M(null,4,[$APP.qr,b,$APP.Sp,c,$APP.Pp,$APP.z.j("fade",a.getAttribute("data-opacity")),$APP.Jq,$APP.z.j("grow",a.getAttribute("data-scale"))],null)},ara=function(a){var b=$APP.l(a,"__xScrollParallaxChildCache");
|
|
6
|
+
if($APP.n(b))return b;b=f4(a);b=$APP.Kf.m($APP.Ge,$APP.ye.i($qa),$APP.Ec(b));$APP.Q(a,"__xScrollParallaxChildCache",b);return b},g4=function(a){$APP.Q(a,"__xScrollParallaxChildCache",null)},bra=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},cra=function(a){a=window.getComputedStyle(a).getPropertyValue("--x-scroll-parallax-scale-min");
|
|
7
|
+
a=typeof a==="string"?parseFloat(a.trim()):null;var b=a==null;return $APP.n(b?b:isNaN(a))?.85:a},h4=function(a){var b=function(){var S=$APP.l(a,"__xScrollParallaxModel");return $APP.n(S)?S:e4(a)}();if(!$APP.n($APP.Xj.i(b))){var c=a.getBoundingClientRect();b=$APP.z.j("vertical",$APP.fr.i(b));var d=window.innerHeight,e=b?d:window.innerWidth,f=$APP.Wo.j(0,$APP.po.j(1,(d-c.top)/(d+c.height)));c=$APP.l(a,"__xScrollParallaxLastProg");d=f4(a);for(var h=ara(a),k=bra(a),m=cra(a),r=d.length,u=0;;)if(u<r){if(u<
|
|
8
|
+
$APP.w(h)){var x=d[u],y=$APP.zc(h,u),A=$APP.G(y),E=$APP.C(A,$APP.qr),H=$APP.C(A,$APP.Sp);y=$APP.C(A,$APP.Pp);A=$APP.C(A,$APP.Jq);E=(f-.5)*e*(E-1)+H;var O=b?"translateY("+$APP.P.i(E)+"px)":"translateX("+$APP.P.i(E)+"px)";E=$APP.n(A)?function(){var S=m+(1-m)*(1-Math.abs(f-.5)*2);return""+$APP.P.i(O)+" scale("+$APP.P.i(S)+")"}():O;x.style.transform=E;$APP.n(y)&&(x.style.opacity=""+$APP.P.i(f<k?f/k:f>1-k?(1-f)/k:1))}u+=1}else break;if(c==null||Math.abs(f-c)>.001)$APP.Q(a,"__xScrollParallaxLastProg",f),
|
|
9
|
+
$APP.hj(a,"x-scroll-parallax-progress",$APP.gm(a4(f)))}return $APP.bj(a,"__xScrollParallaxRAF",null)},dra=function(a){return $APP.n(function(){var b=a.isConnected;return $APP.n(b)?(b=$APP.l(a,"__xScrollParallaxVisible"),$APP.n(b)?!$APP.D(window.matchMedia("(prefers-reduced-motion:reduce)").matches):b):b}())?$APP.n($APP.l(a,"__xScrollParallaxRAF"))?null:$APP.bj(a,"__xScrollParallaxRAF",requestAnimationFrame(function(){return h4(a)})):null},era=function(a){a=$APP.l(a,"__xScrollParallaxHandlers");$APP.n($APP.n(a)?
|
|
10
|
+
$APP.p($APP.l(a,"scrollAttached")):a)&&(window.addEventListener("scroll",$APP.l(a,"scroll"),{passive:!0}),a.scrollAttached=!0)},i4=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)},j4=function(a,b){a.textContent=b;setTimeout(function(){return a.textContent=""},1E3)},fra=function(a,b){b=b[0].isIntersecting;var c=$APP.G($APP.l(a,"__xScrollParallaxRefs"));c=$APP.C(c,$APP.gq);
|
|
11
|
+
$APP.Q(a,"__xScrollParallaxVisible",b);if($APP.n(b))return era(a),h4(a),j4(c,"Parallax section entered viewport"),$APP.hj(a,"x-scroll-parallax-enter",$APP.gm(a4(function(){var d=$APP.l(a,"__xScrollParallaxLastProg");return $APP.n(d)?d:0}())));i4(a);j4(c,"Parallax section left viewport");return $APP.hj(a,"x-scroll-parallax-leave",$APP.gm(a4(function(){var d=$APP.l(a,"__xScrollParallaxLastProg");return $APP.n(d)?d:0}())))},gra=function(a){function b(){return $APP.n($APP.l(a,"__xScrollParallaxVisible"))?
|
|
12
|
+
(g4(a),h4(a)):null}function c(){g4(a);return $APP.n($APP.l(a,"__xScrollParallaxVisible"))?h4(a):null}var d=b4(a);d=$APP.G(d);$APP.C(d,$APP.$m).addEventListener("slotchange",c);window.addEventListener("resize",b);$APP.Q(a,"__xScrollParallaxHandlers",{scroll:function(){return dra(a)},slot:c,resize:b,scrollAttached:!1})},k4=function(a){var b=$APP.l(a,"__xScrollParallaxHandlers");if($APP.n(b)){i4(a);var c=$APP.l(a,"__xScrollParallaxRefs");if($APP.n(c)){c=$APP.$m.i(c);var d=$APP.l(b,"slot");$APP.n(d)&&
|
|
13
|
+
c.removeEventListener("slotchange",d)}b=$APP.l(b,"resize");$APP.n(b)&&window.removeEventListener("resize",b)}b=$APP.l(a,"__xScrollParallaxRAF");$APP.n(b)&&(cancelAnimationFrame(b),$APP.bj(a,"__xScrollParallaxRAF",null));$APP.Q(a,"__xScrollParallaxHandlers",null)},hra=function(a){var b=$APP.l(a,"__xScrollParallaxIO");$APP.n(b)&&b.disconnect();b=new IntersectionObserver(function(c){return fra(a,c)},{threshold:[0]});b.observe(a);$APP.Q(a,"__xScrollParallaxIO",b)},l4=function(a){var b=e4(a);if($APP.I($APP.l(a,
|
|
14
|
+
"__xScrollParallaxModel"),b)){var c=$APP.G(b),d=$APP.C(c,$APP.fr);b=$APP.C(c,$APP.Xj);var e=$APP.C(c,$APP.Wj),f=b4(a);f=$APP.G(f);f=$APP.C(f,$APP.Zq);$APP.T(a,"data-direction",d);$APP.q(e)?$APP.T(f,"aria-label",e):$APP.U(f,"aria-label");$APP.Q(a,"__xScrollParallaxModel",c);c=$APP.l(a,"__xScrollParallaxVisible");a=$APP.n($APP.n(c)?$APP.p(b):c)?h4(a):null}else a=null;return a},ira=function(a){$APP.pj(a,"direction","direction","vertical");$APP.pj(a,"source","source","document");$APP.pj(a,"easing","easing",
|
|
15
|
+
"none");$APP.mj(a,"disabled","disabled");Object.defineProperty(a,"label",{get:function(){var b=this.getAttribute("label");return $APP.n(b)?b:""},set:function(b){return $APP.n($APP.n(b)?$APP.I(b,""):b)?$APP.T(this,"label",""+$APP.P.i(b)):$APP.U(this,"label")},enumerable:!0,configurable:!0});return Object.defineProperty(a,"progress",{get:function(){var b=$APP.l(this,"__xScrollParallaxLastProg");return $APP.n(b)?b:0},enumerable:!0,configurable:!0})},jra=function(a){b4(a);k4(a);gra(a);hra(a);return l4(a)},
|
|
16
|
+
kra=function(a){for(var b=f4(a),c=b.length,d=0;;)if(d<c){var e=b[d];e.style.transform="";e.style.opacity="";d+=1}else break;$APP.n($APP.l(a,"__xScrollParallaxVisible"))&&(b=$APP.l(a,"__xScrollParallaxLastProg"),$APP.hj(a,"x-scroll-parallax-leave",$APP.gm(a4($APP.n(b)?b:0))));k4(a);b=$APP.l(a,"__xScrollParallaxIO");$APP.n(b)&&(b.disconnect(),$APP.Q(a,"__xScrollParallaxIO",null));g4(a);$APP.Q(a,"__xScrollParallaxVisible",!1);return $APP.Q(a,"__xScrollParallaxLastProg",null)},lra=function(a,b,c,d){return $APP.I(c,
|
|
17
|
+
d)?l4(a):null},m4=function(){return $APP.zi("x-scroll-parallax",new $APP.M(null,5,[$APP.ji,mra,$APP.hi,jra,$APP.ei,kra,$APP.di,lra,$APP.ii,ira],null))},c4=new $APP.F(null,"source-raw","source-raw",396083546),d4=new $APP.F(null,"easing-raw","easing-raw",440485546),Zqa=new $APP.F(null,"easing","easing",735372043);var mra=["direction","source","easing","disabled","label"];$APP.je(["x-scroll-parallax-enter",new $APP.M(null,2,[$APP.V,new $APP.M(null,1,[$APP.Vt,$APP.Y],null),$APP.fu,!1],null),"x-scroll-parallax-leave",new $APP.M(null,2,[$APP.V,new $APP.M(null,1,[$APP.Vt,$APP.Y],null),$APP.fu,!1],null),"x-scroll-parallax-progress",new $APP.M(null,2,[$APP.V,new $APP.M(null,1,[$APP.Vt,$APP.Y],null),$APP.fu,!1],null)]);
|
|
18
|
+
var Wqa=new $APP.ch(null,new $APP.M(null,2,["vertical",null,"horizontal",null],null),null),Xqa=new $APP.ch(null,new $APP.M(null,1,["document",null],null),null),Yqa=new $APP.ch(null,new $APP.M(null,2,["none",null,"smooth",null],null),null);$APP.fa("baredom.exports.x_scroll_parallax.init",m4);export const init=m4;
|
package/dist/x-scroll-stack.js
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
2
|
+
var cM=function(a,b){return typeof a==="string"?(a=parseFloat(a.trim()),typeof a==="number"&&$APP.p(isNaN(a))&&a>0?a:b):b},dM=function(a){return typeof a==="string"&&$APP.ed(Rda,a.trim().toLowerCase())?a.trim().toLowerCase():"center"},Sda=function(a,b,c){b*=c;c=b+c-b;return Math.max(0,Math.min(1,c<=0?0:(a-b)/c))},Tda=function(a,b,c){b*=c;return b<=0?0:Math.max(0,Math.min(1,a/b))},eM=function(a){var b=$APP.l(a,"__xScrollStackRefs");if($APP.n(b))return b;b=a.attachShadow({mode:"open"});var c=document.createElement("style"),
|
|
3
3
|
d=document.createElement("div"),e=document.createElement("slot");c.textContent=":host{display:block;position:relative;color-scheme:light dark;--x-scroll-stack-peek:6px;--x-scroll-stack-rotation:3deg;--x-scroll-stack-gap:1rem;}[part\x3dcontainer]{position:sticky;top:0;height:100dvh;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:var(--x-scroll-stack-padding-top,2rem);gap:var(--x-scroll-stack-gap);}::slotted(*){flex-shrink:0;will-change:transform;transition:transform 60ms linear;}:host([disabled]){opacity:0.55;}@media (prefers-reduced-motion:reduce){::slotted(*){transition:none !important;}}";
|
|
4
|
-
$APP.T(d,"part","container");$APP.T(d,"role","region");d.appendChild(e);b.appendChild(c);b.appendChild(d);$APP.Q(a,"__xScrollStackRefs",new $APP.M(null,3,[$APP.
|
|
5
|
-
|
|
6
|
-
na:
|
|
7
|
-
32;break a;case "bottom":na=La-na-32;break a;default:na=(La-na)/2}return na-x}():0;b=
|
|
8
|
-
"px,"+$APP.P.i(
|
|
9
|
-
$APP.l(a,"__xScrollStackModel");return $APP.n(a)?$APP.
|
|
10
|
-
{passive:!0}),a.scrollAttached=!0)},
|
|
11
|
-
|
|
12
|
-
$APP.n(b)&&b.disconnect();b=new IntersectionObserver(function(c){c=c[0].isIntersecting;$APP.Q(a,"__xScrollStackVisible",c);$APP.n(c)?$APP.n(
|
|
13
|
-
"__xScrollStackVisible"))?
|
|
14
|
-
b)}b=$APP.l(a,"__xScrollStackRAF");$APP.n(b)&&(cancelAnimationFrame(b),$APP.
|
|
15
|
-
|
|
16
|
-
Object.defineProperty(a,"progress",{get:function(){var b=$APP.l(this,"__xScrollStackLastProg");return $APP.n(b)?b:0},enumerable:!0,configurable:!0});return Object.defineProperty(a,"refresh",{value:function(){
|
|
17
|
-
$APP.Q(a,"__xScrollStackVisible",!1);$APP.Q(a,"__xScrollStackStackedCount",0);$APP.Q(a,"__xScrollStackLastProg",null);$APP.Q(a,"__xScrollStackNaturalOffsets",null);return $APP.Q(a,"__xScrollStackChildHeights",null)},
|
|
18
|
-
-949440704),
|
|
4
|
+
$APP.T(d,"part","container");$APP.T(d,"role","region");d.appendChild(e);b.appendChild(c);b.appendChild(d);$APP.Q(a,"__xScrollStackRefs",new $APP.M(null,3,[$APP.Fk,b,$APP.Gk,d,$APP.$m,e],null));return $APP.l(a,"__xScrollStackRefs")},iM=function(a){a=new $APP.M(null,5,[$APP.Xt,a.getAttribute("peek"),fM,a.getAttribute("rotation"),gM,a.getAttribute("scroll-distance"),$APP.Gq,a.getAttribute("align"),$APP.Pq,$APP.n(a.hasAttribute("disabled"))?"":null],null);var b=$APP.G(a);a=$APP.C(b,$APP.Xt);var c=$APP.C(b,
|
|
5
|
+
fM),d=$APP.C(b,gM),e=$APP.C(b,$APP.Gq);b=$APP.C(b,$APP.Pq);return new $APP.M(null,5,[$APP.Lq,cM(a,6),$APP.St,cM(c,3),hM,cM(d,150),$APP.jr,dM(e),$APP.Xj,b!=null],null)},jM=function(a){a=eM(a);a=$APP.G(a);return $APP.C(a,$APP.$m).assignedElements()},kM=function(a){var b=$APP.l(a,"__xScrollStackModel");b=$APP.n(b)?b:iM(a);var c=jM(a).length;b=window.innerHeight+c*hM.i(b);return a.style.height=""+$APP.P.i(b)+"px"},qM=function(a){var b=function(){var na=$APP.l(a,"__xScrollStackModel");return $APP.n(na)?
|
|
6
|
+
na:iM(a)}(),c=a.getBoundingClientRect();c=Math.max(0,-c.top);var d=jM(a),e=d.length,f=$APP.l(a,"__xScrollStackNaturalOffsets"),h=$APP.l(a,"__xScrollStackChildHeights");if($APP.n(function(){var na=e>0;return na?$APP.n(f)?$APP.n(h)?$APP.z.j(f.length,e)&&$APP.z.j(h.length,e):h:f:na}())){var k=hM.i(b),m=$APP.Lq.i(b),r=$APP.St.i(b),u=$APP.jr.i(b),x=f[0],y=$APP.n(a.hasAttribute("align"))?function(){var na=(e-1)*m+h[e-1],La=$APP.G($APP.l(a,"__xScrollStackRefs"));La=$APP.C(La,$APP.Gk).clientHeight;a:switch(u){case "top":na=
|
|
7
|
+
32;break a;case "bottom":na=La-na-32;break a;default:na=(La-na)/2}return na-x}():0;b=Tda(c,e,k);for(var A=Math.max(0,Math.min(e,Math.floor(c/Math.max(1,k)))),E=function(){var na=$APP.l(a,"__xScrollStackStackedCount");return $APP.n(na)?na:0}(),H=0;;)if(H<e){var O=d[H],S=Sda(c,H,k),R=new $APP.M(null,3,[lM,H*m,mM,r*Math.sin(H*2.3),nM,2*Math.cos(H*3.7)],null),Z=f[H];Z=x+lM.i(R)-Z;Z=S*Z+S*y;var ka=S*mM.i(R);R=S*nM.i(R);var ha=S>0?""+$APP.P.i(H):"";O.style.transform=S===0?"":"translate("+$APP.P.i(R.toFixed(2))+
|
|
8
|
+
"px,"+$APP.P.i(Z.toFixed(2))+"px) rotate("+$APP.P.i(ka.toFixed(3))+"deg)";O.style.zIndex=ha;H+=1}else break;$APP.I(A,E)&&($APP.Q(a,"__xScrollStackStackedCount",A),$APP.hj(a,"x-scroll-stack-change",$APP.gm(new $APP.M(null,3,[oM,A,pM,e,$APP.Vt,b],null))));c=$APP.l(a,"__xScrollStackLastProg");if(c==null||Math.abs(b-c)>.001)$APP.Q(a,"__xScrollStackLastProg",b),$APP.hj(a,"x-scroll-stack-progress",$APP.gm(new $APP.M(null,3,[$APP.Vt,b,oM,A,pM,e],null)))}return $APP.bj(a,"__xScrollStackRAF",null)},rM=function(a){a=
|
|
9
|
+
$APP.l(a,"__xScrollStackModel");return $APP.n(a)?$APP.Xj.i(a):a},Uda=function(a){return $APP.n(function(){var b=a.isConnected;return $APP.n(b)?(b=$APP.l(a,"__xScrollStackVisible"),$APP.n(b)?$APP.p(rM(a)):b):b}())?$APP.n($APP.l(a,"__xScrollStackRAF"))?null:$APP.bj(a,"__xScrollStackRAF",requestAnimationFrame(function(){return qM(a)})):null},sM=function(a){a=$APP.l(a,"__xScrollStackHandlers");$APP.n($APP.n(a)?$APP.p($APP.l(a,"scrollAttached")):a)&&(window.addEventListener("scroll",$APP.l(a,"scroll"),
|
|
10
|
+
{passive:!0}),a.scrollAttached=!0)},tM=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},uM=function(a){var b=$APP.l(a,"__xScrollStackCacheRAF");$APP.n(b)&&(cancelAnimationFrame(b),$APP.Q(a,"__xScrollStackCacheRAF",null));return $APP.Q(a,"__xScrollStackCacheRAF",requestAnimationFrame(function(){$APP.Q(a,"__xScrollStackCacheRAF",null);if($APP.n(a.isConnected)){var c=
|
|
11
|
+
jM(a),d=c.length;if(d>0){var e=$APP.G($APP.l(a,"__xScrollStackRefs")),f=$APP.C(e,$APP.Gk);e=Array(d);for(var h=Array(d),k=0;;)if(k<d){var m=c[k];m.style.transform="";m.style.zIndex="";k+=1}else break;f.offsetHeight;f=f.getBoundingClientRect();for(k=0;;)if(k<d)m=c[k].getBoundingClientRect(),e[k]=m.top-f.top,h[k]=m.height,k+=1;else break;$APP.Q(a,"__xScrollStackNaturalOffsets",e);$APP.Q(a,"__xScrollStackChildHeights",h)}return qM(a)}return null}))},Vda=function(a){var b=$APP.l(a,"__xScrollStackIO");
|
|
12
|
+
$APP.n(b)&&b.disconnect();b=new IntersectionObserver(function(c){c=c[0].isIntersecting;$APP.Q(a,"__xScrollStackVisible",c);$APP.n(c)?$APP.n(rM(a))?c=null:(sM(a),c=uM(a)):c=tM(a);return c},{threshold:[0]});b.observe(a);$APP.Q(a,"__xScrollStackIO",b)},vM=function(a){a=jM(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},Wda=function(a){function b(){kM(a);return $APP.n($APP.l(a,"__xScrollStackVisible"))?uM(a):null}function c(){kM(a);return $APP.n($APP.l(a,
|
|
13
|
+
"__xScrollStackVisible"))?uM(a):null}var d=eM(a);d=$APP.G(d);$APP.C(d,$APP.$m).addEventListener("slotchange",c);window.addEventListener("resize",b);$APP.Q(a,"__xScrollStackHandlers",{scroll:function(){return Uda(a)},slot:c,resize:b,scrollAttached:!1})},wM=function(a){var b=$APP.l(a,"__xScrollStackHandlers");if($APP.n(b)){tM(a);var c=$APP.l(a,"__xScrollStackRefs");if($APP.n(c)){c=$APP.$m.i(c);var d=$APP.l(b,"slot");$APP.n(d)&&c.removeEventListener("slotchange",d)}b=$APP.l(b,"resize");$APP.n(b)&&window.removeEventListener("resize",
|
|
14
|
+
b)}b=$APP.l(a,"__xScrollStackRAF");$APP.n(b)&&(cancelAnimationFrame(b),$APP.bj(a,"__xScrollStackRAF",null));b=$APP.l(a,"__xScrollStackCacheRAF");$APP.n(b)&&(cancelAnimationFrame(b),$APP.Q(a,"__xScrollStackCacheRAF",null));$APP.Q(a,"__xScrollStackHandlers",null)},xM=function(a){var b=iM(a);if($APP.I($APP.l(a,"__xScrollStackModel"),b)){b=$APP.G(b);var c=$APP.C(b,$APP.Xj);$APP.Q(a,"__xScrollStackModel",b);$APP.n(c)?(vM(a),$APP.Q(a,"__xScrollStackStackedCount",0),$APP.Q(a,"__xScrollStackLastProg",null),
|
|
15
|
+
tM(a)):$APP.n($APP.l(a,"__xScrollStackVisible"))&&(sM(a),uM(a))}},Xda=function(a){return cM(a,6)},Yda=function(a){return cM(a,3)},Zda=function(a){return cM(a,150)},$da=function(a){$APP.sj(a,"peek","peek",Xda);$APP.sj(a,"rotation","rotation",Yda);$APP.sj(a,"scrollDistance","scroll-distance",Zda);$APP.sj(a,"align","align",dM);$APP.mj(a,"disabled","disabled");Object.defineProperty(a,"stackedCount",{get:function(){var b=$APP.l(this,"__xScrollStackStackedCount");return $APP.n(b)?b:0},enumerable:!0,configurable:!0});
|
|
16
|
+
Object.defineProperty(a,"progress",{get:function(){var b=$APP.l(this,"__xScrollStackLastProg");return $APP.n(b)?b:0},enumerable:!0,configurable:!0});return Object.defineProperty(a,"refresh",{value:function(){kM(this);return $APP.n($APP.l(this,"__xScrollStackVisible"))?uM(this):null},writable:!0,configurable:!0})},aea=function(a){eM(a);wM(a);Wda(a);Vda(a);xM(a);return kM(a)},bea=function(a){vM(a);wM(a);var b=$APP.l(a,"__xScrollStackIO");$APP.n(b)&&(b.disconnect(),$APP.Q(a,"__xScrollStackIO",null));
|
|
17
|
+
$APP.Q(a,"__xScrollStackVisible",!1);$APP.Q(a,"__xScrollStackStackedCount",0);$APP.Q(a,"__xScrollStackLastProg",null);$APP.Q(a,"__xScrollStackNaturalOffsets",null);return $APP.Q(a,"__xScrollStackChildHeights",null)},cea=function(a,b,c,d){return $APP.I(c,d)?(xM(a),kM(a),$APP.n($APP.l(a,"__xScrollStackVisible"))?uM(a):null):null},yM=function(){return $APP.zi("x-scroll-stack",new $APP.M(null,5,[$APP.ji,dea,$APP.hi,aea,$APP.ei,bea,$APP.di,cea,$APP.ii,$da],null))},mM=new $APP.F(null,"stack-rot","stack-rot",
|
|
18
|
+
-949440704),pM=new $APP.F(null,"totalCount","totalCount",2101470328),gM=new $APP.F(null,"scroll-distance-raw","scroll-distance-raw",1537519796),nM=new $APP.F(null,"stack-x","stack-x",-1557848736),lM=new $APP.F(null,"stack-y","stack-y",146748620),fM=new $APP.F(null,"rotation-raw","rotation-raw",318004495),oM=new $APP.F(null,"stackedCount","stackedCount",137366007),hM=new $APP.F(null,"scroll-distance","scroll-distance",-544947824);var dea=["peek","rotation","scroll-distance","align","disabled"];$APP.je(["x-scroll-stack-change",new $APP.M(null,2,[$APP.V,new $APP.M(null,3,[oM,$APP.Y,pM,$APP.Y,$APP.Vt,$APP.Y],null),$APP.fu,!1],null),"x-scroll-stack-progress",new $APP.M(null,2,[$APP.V,new $APP.M(null,3,[$APP.Vt,$APP.Y,oM,$APP.Y,pM,$APP.Y],null),$APP.fu,!1],null)]);var Rda=new $APP.ch(null,new $APP.M(null,3,["top",null,"center",null,"bottom",null],null),null);$APP.fa("baredom.exports.x_scroll_stack.init",yM);export const init=yM;
|