@vanelsas/baredom 4.0.0-alpha.0 → 4.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +342 -6
- package/README.md +23 -10
- package/custom-elements.json +17352 -4514
- package/dist/baredom.d.ts +92 -94
- package/dist/baremirror-alpha.js +25 -0
- package/dist/base.js +700 -605
- package/dist/integrity.json +113 -113
- package/dist/requests.d.ts +3 -0
- package/dist/requests.js +35 -0
- package/dist/x-alert.js +17 -17
- package/dist/x-avatar-group.js +10 -9
- package/dist/x-avatar.js +14 -14
- package/dist/x-badge.js +9 -9
- package/dist/x-bento-grid.d.ts +5 -0
- package/dist/x-bento-grid.js +6 -5
- package/dist/x-bento-item.d.ts +3 -0
- package/dist/x-bento-item.js +4 -4
- package/dist/x-breadcrumbs.d.ts +6 -5
- package/dist/x-breadcrumbs.js +16 -14
- package/dist/x-button.d.ts +4 -0
- package/dist/x-button.js +1 -1
- package/dist/x-calendar.js +42 -39
- package/dist/x-cancel-dialogue.js +16 -14
- package/dist/x-card.d.ts +4 -0
- package/dist/x-card.js +7 -7
- package/dist/x-carousel.js +37 -35
- package/dist/x-chart.d.ts +2 -0
- package/dist/x-chart.js +48 -47
- package/dist/x-checkbox.d.ts +11 -4
- package/dist/x-checkbox.js +1 -1
- package/dist/x-chip.js +1 -1
- package/dist/x-code.js +29 -27
- package/dist/x-collapse.js +11 -11
- package/dist/x-color-picker.d.ts +7 -0
- package/dist/x-color-picker.js +48 -46
- package/dist/x-combobox.d.ts +12 -4
- package/dist/x-combobox.js +36 -30
- package/dist/x-command-palette.d.ts +9 -1
- package/dist/x-command-palette.js +32 -28
- package/dist/x-confetti.js +24 -24
- package/dist/x-container.d.ts +4 -0
- package/dist/x-container.js +6 -5
- package/dist/x-context-menu.js +20 -20
- package/dist/x-copy.js +1 -1
- package/dist/x-currency-field.d.ts +5 -0
- package/dist/x-currency-field.js +26 -24
- package/dist/x-date-picker.d.ts +20 -2
- package/dist/x-date-picker.js +46 -39
- package/dist/x-divider.js +9 -10
- package/dist/x-drag-panel.d.ts +45 -0
- package/dist/x-drag-panel.js +37 -0
- package/dist/x-drawer.js +12 -11
- package/dist/x-drop-zone.d.ts +49 -0
- package/dist/x-drop-zone.js +12 -0
- package/dist/x-dropdown.js +12 -12
- package/dist/x-fieldset.js +6 -6
- package/dist/x-file-download.d.ts +4 -0
- package/dist/x-file-download.js +15 -7
- package/dist/x-file-upload.d.ts +10 -5
- package/dist/x-file-upload.js +27 -23
- package/dist/x-floating-panel.d.ts +50 -0
- package/dist/x-floating-panel.js +25 -0
- package/dist/x-form-field.d.ts +11 -1
- package/dist/x-form-field.js +18 -15
- package/dist/x-form.js +10 -11
- package/dist/x-gaussian-blur.js +13 -14
- package/dist/x-grid.d.ts +9 -0
- package/dist/x-grid.js +8 -6
- package/dist/x-i18n-provider.js +7 -7
- package/dist/x-i18n.js +4 -4
- package/dist/x-icon.js +7 -7
- package/dist/x-image.js +19 -17
- package/dist/x-kbd.js +16 -16
- package/dist/x-kinetic-canvas.js +26 -26
- package/dist/x-kinetic-font.js +27 -27
- package/dist/x-kinetic-typography.js +35 -35
- package/dist/x-liquid-dock.js +34 -34
- package/dist/x-liquid-fill.js +42 -42
- package/dist/x-liquid-glass.js +42 -41
- package/dist/x-menu-item.js +9 -8
- package/dist/x-menu.js +10 -10
- package/dist/x-metaball-cursor.js +23 -23
- package/dist/x-modal.js +13 -12
- package/dist/x-morph-stack.js +38 -37
- package/dist/x-multi-combobox.d.ts +13 -5
- package/dist/x-multi-combobox.js +42 -36
- package/dist/x-navbar.js +16 -15
- package/dist/x-neural-glow.js +31 -30
- package/dist/x-notification-center.js +9 -9
- package/dist/x-organic-divider.js +18 -18
- package/dist/x-organic-progress.js +35 -35
- package/dist/x-organic-shape.js +13 -14
- package/dist/x-otp-input.d.ts +5 -0
- package/dist/x-otp-input.js +23 -22
- package/dist/x-pagination.js +16 -14
- package/dist/x-particle-button.d.ts +10 -1
- package/dist/x-particle-button.js +55 -51
- package/dist/x-popover.js +28 -27
- package/dist/x-progress-circle.js +8 -9
- package/dist/x-progress.js +8 -8
- package/dist/x-proximity-list.js +20 -20
- package/dist/x-radio.d.ts +10 -3
- package/dist/x-radio.js +13 -11
- package/dist/x-range-slider.d.ts +7 -0
- package/dist/x-range-slider.js +31 -28
- package/dist/x-rating.d.ts +7 -0
- package/dist/x-rating.js +25 -23
- package/dist/x-ripple-effect.js +10 -10
- package/dist/x-scroll-parallax.js +17 -17
- package/dist/x-scroll-stack.js +17 -17
- package/dist/x-scroll-story.js +33 -33
- package/dist/x-scroll-timeline.js +46 -46
- package/dist/x-scroll.js +39 -38
- package/dist/x-search-field.d.ts +10 -3
- package/dist/x-search-field.js +1 -1
- package/dist/x-select.d.ts +12 -2
- package/dist/x-select.js +1 -1
- package/dist/x-sidebar.d.ts +4 -0
- package/dist/x-sidebar.js +17 -18
- package/dist/x-skeleton-group.js +13 -12
- package/dist/x-skeleton.js +1 -1
- package/dist/x-slider.d.ts +7 -0
- package/dist/x-slider.js +17 -16
- package/dist/x-soft-body.js +20 -20
- package/dist/x-spacer.js +4 -4
- package/dist/x-spinner.js +4 -4
- package/dist/x-splash.js +13 -12
- package/dist/x-split-pane.js +15 -15
- package/dist/x-spotlight-card.js +13 -12
- package/dist/x-stat.js +10 -10
- package/dist/x-stepper.js +15 -13
- package/dist/x-switch.d.ts +10 -3
- package/dist/x-switch.js +12 -11
- package/dist/x-tab.d.ts +5 -0
- package/dist/x-tab.js +10 -7
- package/dist/x-table-cell.js +21 -21
- package/dist/x-table-row.js +9 -8
- package/dist/x-table.js +14 -13
- package/dist/x-tabs.d.ts +9 -0
- package/dist/x-tabs.js +11 -11
- package/dist/x-text-area.d.ts +12 -0
- package/dist/x-text-area.js +21 -19
- package/dist/x-theme.js +26 -25
- package/dist/x-timeline-item.js +21 -20
- package/dist/x-timeline.js +8 -8
- package/dist/x-toast.js +22 -22
- package/dist/x-toaster.js +7 -7
- package/dist/x-tooltip.js +14 -12
- package/dist/x-trace-history.js +119 -127
- package/dist/x-typography.js +9 -9
- package/dist/x-welcome-tour.js +63 -63
- package/package.json +25 -26
- package/dist/barebuild-action.d.ts +0 -45
- package/dist/barebuild-action.js +0 -9
- package/dist/barebuild-data.d.ts +0 -39
- package/dist/barebuild-data.js +0 -5
- package/dist/barebuild-invalidate-on.d.ts +0 -42
- package/dist/barebuild-invalidate-on.js +0 -5
- package/dist/barebuild-route.d.ts +0 -39
- package/dist/barebuild-route.js +0 -4
- package/dist/barebuild-router.d.ts +0 -41
- package/dist/barebuild-router.js +0 -13
package/dist/x-rating.js
CHANGED
|
@@ -1,24 +1,26 @@
|
|
|
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
|
-
|
|
10
|
-
|
|
11
|
-
""+$APP.
|
|
12
|
-
$APP.
|
|
13
|
-
b,$APP.
|
|
14
|
-
function(a){return{"stars-move":function(b){a:{var c=$APP.l(a,"__xRatingModel");if($APP.
|
|
15
|
-
b=
|
|
16
|
-
|
|
17
|
-
$APP.l(b,e).removeEventListener(f,$APP.l(c,h),
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
2
|
+
var Toa=function(a){return $APP.Ba(a)},ST=function(a,b){return typeof a==="string"?(a=parseFloat(a),$APP.m(isNaN(a))?b:a):b},TT=function(a){return $APP.Dk.j($APP.Sm.j(Math.round(ST(a,5)),1),20)},UT=function(a){return typeof a==="string"&&$APP.kd(Uoa,a)?a:"star"},VT=function(a){return typeof a==="string"&&$APP.M.j("",a)?a:null},WT=function(a,b){return b<0?0:$APP.Dk.j($APP.Sm.j(a,0),b)},XT=function(a,b){return b==null||b<=0?a:Math.round(b*Math.round(a/b)*1E9)/1E9},YT=function(a,b){return $APP.Ci.j(function(c){return a>=
|
|
3
|
+
c+1?Voa:a>=c+.5?Woa:$APP.et},$APP.vh(b))},Xoa=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.m(e)?0:b;case "Backspace":return $APP.m(e)?0:b;default:return b}},ZT=function(a){var b=$APP.G(a);a=$APP.C(b,$APP.nl);b=$APP.C(b,$APP.fn);return $APP.D($APP.p(a)&&$APP.p(b))},$T=function(a,b){return new $APP.K(null,2,[$APP.Q,a,$APP.dw,b],null)},aU=
|
|
4
|
+
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.U(c,"viewBox","0 0 24 24");$APP.U(c,"class",b);$APP.U(c,"aria-hidden","true");$APP.U(d,"fill","currentColor");$APP.U(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},bU=function(a,b){return Toa($APP.Oe.j(function(c){var d=document.createElement("span");$APP.U(d,"part","star");$APP.U(d,"data-index",""+$APP.N.i(c));$APP.U(d,"aria-hidden","true");d.appendChild(aU(b,"x-rating-star-base"));d.appendChild(aU(b,"x-rating-star-fill"));return d},$APP.vh(a)))},iU=function(a){a=$APP.Ag([$APP.Qo,$APP.ll,$APP.Q,$APP.rj,cU,$APP.jn,$APP.Xo,dU,$APP.dw,$APP.Z,$APP.Iv,$APP.kn,$APP.ln],[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.ln);var c=$APP.C(b,$APP.Qo),d=$APP.C(b,$APP.Q),e=$APP.C(b,$APP.ll),f=$APP.C(b,$APP.rj),h=$APP.C(b,cU),k=$APP.C(b,$APP.jn),n=$APP.C(b,dU),r=$APP.C(b,$APP.Xo),v=$APP.C(b,$APP.Z),x=$APP.C(b,$APP.dw),
|
|
7
|
+
y=$APP.C(b,$APP.Iv);b=$APP.C(b,$APP.kn);x=TT(x);h=typeof h==="string"&&$APP.kd(Yoa,h)?h:"full";y=UT(y);var A=$APP.z.j("half",h)?.5:1;d=WT(XT(ST(d,0),A),x);n=$APP.D(n);f=$APP.D(f);e=VT(e);k=VT(k);r=typeof r==="string"&&$APP.kd(Zoa,r)?r:"md";var E=d<=0?"No rating":""+$APP.N.i(d)+" out of "+$APP.N.i(x)+" "+$APP.N.i($APP.z.j("heart",y)?"hearts":"stars");return $APP.Ag([eU,$APP.fn,$APP.ll,$APP.Q,cU,fU,$APP.jn,$APP.Xo,gU,$APP.dw,$APP.Z,$APP.Iv,$APP.kn,$APP.ln,$APP.nl,hU],[n,f,e,d,h,A,k,r,E,x,VT(v),y,VT(b),
|
|
8
|
+
VT(a),$APP.D(c),YT(d,x)])},jU=function(a,b){$APP.T(a,"__xRatingPreview",null);return $APP.V($APP.l(b,"stars"),"data-preview")},kU=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.et);a:switch(f instanceof $APP.F?f.da:null){case "full":var h="100%";break a;case "half":h="50%";break a;default:h="0%"}e.style.setProperty("--_x-rating-star-fill",h);$APP.U(e,"data-fill",$APP.jh(f));d+=1}else break},lU=function(a,b,c){var d=$APP.l(b,"base"),e=$APP.l(b,"label"),
|
|
9
|
+
f=$APP.l(b,"stars");var h=$APP.G(c),k=$APP.C(h,$APP.dw);h=$APP.C(h,$APP.Iv);if($APP.M.j($APP.l(b,"count"),k)||$APP.M.j($APP.l(b,"shape"),h)){var n=$APP.l(b,"stars"),r=bU(k,h);n.textContent="";for(var v=$APP.q(r),x=null,y=0,A=0;;)if(A<y){var E=x.C(null,A);n.appendChild(E);A+=1}else if(v=$APP.q(v))x=v,$APP.gd(x)?(v=$APP.Jb(x),A=$APP.Kb(x),x=v,y=$APP.w(v),v=A):(v=$APP.t(x),n.appendChild(v),v=$APP.u(x),x=null,y=0),A=0;else break;b["star-els"]=r;b.count=k;b.shape=h;jU(a,b)}n=$APP.G(c);k=$APP.C(n,$APP.Xo);
|
|
10
|
+
h=$APP.C(n,$APP.nl);n=$APP.C(n,$APP.fn);$APP.U(d,"data-size",k);$APP.Yi(a,"data-disabled",h);$APP.Yi(a,"data-readonly",n);d=$APP.G(c);d=$APP.C(d,$APP.Z);e.textContent=$APP.m(d)?d:"";e.style.display=d!=null?"":"none";e=$APP.G(c);e=$APP.C(e,hU);kU(b,e);x=$APP.G(c);b=$APP.C(x,$APP.ln);e=$APP.C(x,$APP.nl);d=$APP.C(x,$APP.fn);k=$APP.C(x,$APP.Q);h=$APP.C(x,$APP.jn);n=$APP.C(x,gU);r=$APP.C(x,$APP.Z);v=$APP.C(x,$APP.dw);x=$APP.C(x,$APP.kn);$APP.U(f,"aria-valuemax",""+$APP.N.i(v));$APP.U(f,"aria-valuenow",
|
|
11
|
+
""+$APP.N.i(k));$APP.U(f,"aria-valuetext",n);$APP.U(f,"aria-readonly",$APP.m(d)?"true":"false");$APP.m(e)?($APP.U(f,"aria-disabled","true"),$APP.U(f,"tabindex","-1")):($APP.V(f,"aria-disabled"),$APP.U(f,"tabindex","0"));$APP.m(h)?($APP.U(f,"aria-labelledby",h),$APP.V(f,"aria-label")):($APP.U(f,"aria-label",$APP.m(b)?b:$APP.m(r)?r:"Rating"),$APP.V(f,"aria-labelledby"));$APP.m(x)?$APP.U(f,"aria-describedby",x):$APP.V(f,"aria-describedby");f=$APP.G(c);f=$APP.C(f,$APP.Q);b=$APP.l(a,"__xRatingInternals");
|
|
12
|
+
$APP.m(b)&&b.setFormValue(""+$APP.N.i(f));return $APP.T(a,"__xRatingModel",c)},mU=function(a){var b=$APP.l(a,"__xRatingRefs");return $APP.m(b)?lU(a,b,iU(a)):null},nU=function(a){var b=$APP.l(a,"__xRatingRefs");if($APP.m(b)){var c=iU(a);return $APP.M.j(c,$APP.l(a,"__xRatingModel"))?lU(a,b,c):null}return null},oU=function(a,b){var c=iU(a);b=XT(b,fU.i(c));var d=$APP.dw.i(c);b=WT(b,d);d=$APP.Q.i(c);var e;if(e=$APP.M.j(b,d))c=$APP.dw.i(c),e=$APP.hj(a,"x-rating-change-request",$APP.xo(new $APP.K(null,3,
|
|
13
|
+
[$APP.Q,b,$APP.aw,d,$APP.dw,c],null)));return e?($APP.U(a,"value",""+$APP.N.i(b)),c=iU(a),$APP.fj(a,"x-rating-change",$APP.xo($T($APP.Q.i(c),$APP.dw.i(c))))):null},pU=function(a,b,c){c=$APP.G(c);var d=$APP.C(c,$APP.dw);c=$APP.C(c,fU);var e=$APP.l(a,"stars").getBoundingClientRect();b=b.clientX;a=e.left;var f=e.width;f>0?(e=$APP.Dk.j($APP.Sm.j((b-a)/f,0),1),e=$APP.Dk.j($APP.Sm.j(Math.floor(e*d),0),d-1)):e=0;d=f/d;d=d>0?$APP.Dk.j($APP.Sm.j((b-(a+e*d))/d,0),1):1;b=e+1;return $APP.z.j(c,.5)&&d<.5?b-.5:
|
|
14
|
+
b},apa=function(a){return{"stars-move":function(b){a:{var c=$APP.l(a,"__xRatingModel");if($APP.m($APP.m(c)?ZT(c):c)){var d=$APP.l(a,"__xRatingRefs");b=pU(d,b,c);if($APP.M.j(b,$APP.l(a,"__xRatingPreview"))){$APP.T(a,"__xRatingPreview",b);var e=$APP.G(c);e=$APP.C(e,$APP.dw);$APP.U($APP.l(d,"stars"),"data-preview","");kU(d,YT(b,e));c=$APP.fj(a,"x-rating-hover",$APP.xo($T(b,$APP.dw.i(c))));break a}}c=null}return c},"stars-down":function(b){var c=iU(a);if(ZT(c)){b.preventDefault();var d=$APP.l(a,"__xRatingRefs");
|
|
15
|
+
b=pU(d,b,c);var e=eU.i(c);c=$APP.m(e)?$APP.z.j(b,$APP.Q.i(c)):e;c=$APP.m(c)?0:b;$APP.l(d,"stars").focus();oU(a,c);d=jU(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");jU(a,b);kU(b,hU.i(c));b=$APP.fj(a,"x-rating-hover",$APP.xo($T(null,$APP.dw.i(c))))}else b=null;return b},"stars-key":function(b){var c=b.key;$APP.kd($oa,c)?(b.preventDefault(),b=iU(a),c=ZT(b)?oU(a,Xoa(c,$APP.Q.i(b),$APP.dw.i(b),
|
|
16
|
+
fU.i(b),eU.i(b))):null):c=null;return c}}},rU=function(a){var b=$APP.l(a,"__xRatingRefs"),c=$APP.l(a,"__xRatingHandlers");if($APP.m($APP.m(b)?c:b)){for(var d=$APP.q(qU),e=null,f=0,h=0;;)if(h<f){var k=e.C(null,h),n=$APP.B(k,0,null),r=$APP.B(k,1,null),v=$APP.B(k,2,null);k=$APP.B(k,3,null);$APP.l(b,n).removeEventListener(r,$APP.l(c,v),k);h+=1}else if(d=$APP.q(d))$APP.gd(d)?(f=$APP.Jb(d),d=$APP.Kb(d),e=f,f=$APP.w(f)):(n=$APP.t(d),e=$APP.B(n,0,null),f=$APP.B(n,1,null),h=$APP.B(n,2,null),n=$APP.B(n,3,null),
|
|
17
|
+
$APP.l(b,e).removeEventListener(f,$APP.l(c,h),n),d=$APP.u(d),e=null,f=0),h=0;else break;$APP.T(a,"__xRatingHandlers",null)}},bpa=function(a,b){$APP.Yi(a,"disabled",$APP.D(b));return mU(a)},cpa=function(a){$APP.V(a,"value");return mU(a)},epa=function(a){if(!$APP.m($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=UT(a.getAttribute("shape")),k=TT(a.getAttribute("max")),
|
|
18
|
+
n=bU(k,h);c.textContent=dpa;$APP.U(d,"part","base");$APP.U(e,"part","label-text");$APP.U(f,"part","stars");$APP.U(f,"role","slider");$APP.U(f,"tabindex","0");$APP.U(f,"aria-valuemin","0");for(var r=$APP.q(n),v=null,x=0,y=0;;)if(y<x){var A=v.C(null,y);f.appendChild(A);y+=1}else if(r=$APP.q(r))v=r,$APP.gd(v)?(r=$APP.Jb(v),y=$APP.Kb(v),v=r,x=$APP.w(r),r=y):(r=$APP.t(v),f.appendChild(r),r=$APP.u(v),v=null,x=0),y=0;else break;d.appendChild(e);d.appendChild(f);b.appendChild(c);b.appendChild(d);$APP.T(a,
|
|
19
|
+
"__xRatingRefs",{base:d,label:e,stars:f,"star-els":n,shape:h,count:k});$APP.m(a.attachInternals)&&$APP.T(a,"__xRatingInternals",a.attachInternals())}rU(a);b=$APP.l(a,"__xRatingRefs");if($APP.m(b)){c=apa(a);d=$APP.q(qU);e=null;for(h=f=0;;)if(h<f)v=e.C(null,h),k=$APP.B(v,0,null),n=$APP.B(v,1,null),r=$APP.B(v,2,null),v=$APP.B(v,3,null),$APP.l(b,k).addEventListener(n,$APP.l(c,r),v),h+=1;else if(d=$APP.q(d))$APP.gd(d)?(f=$APP.Jb(d),d=$APP.Kb(d),e=f,f=$APP.w(f)):(k=$APP.t(d),e=$APP.B(k,0,null),f=$APP.B(k,
|
|
20
|
+
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.u(d),e=null,f=0),h=0;else break;$APP.T(a,"__xRatingHandlers",c)}return nU(a)},fpa=function(a){rU(a);var b=$APP.l(a,"__xRatingRefs");return $APP.m(b)?jU(a,b):null},gpa=function(a,b,c,d){return $APP.M.j(c,d)?nU(a):null},ipa=function(a){$APP.ak(a,"__xRatingInternals");return $APP.uj(a,hpa)},sU=function(){return $APP.Oj("x-rating",new $APP.K(null,8,[$APP.Gj,jpa,$APP.Ej,epa,$APP.Bj,fpa,$APP.Aj,gpa,$APP.Cj,
|
|
21
|
+
!0,$APP.zj,bpa,$APP.yj,cpa,$APP.Fj,ipa],null))},hU=new $APP.F(null,"fill-states","fill-states",-39922850),cU=new $APP.F(null,"precision","precision",-1175707478),Woa=new $APP.F(null,"half","half",741990005),fU=new $APP.F(null,"precision-step","precision-step",-1707508214),gU=new $APP.F(null,"value-text","value-text",-939054861),Voa=new $APP.F(null,"full","full",436801220),dU=new $APP.F(null,"allow-clear","allow-clear",-424919217),eU=new $APP.F(null,"allow-clear?","allow-clear?",474545376);var Yoa=new $APP.ah(null,new $APP.K(null,2,["full",null,"half",null],null),null),Uoa=new $APP.ah(null,new $APP.K(null,2,["star",null,"heart",null],null),null),Zoa=new $APP.ah(null,new $APP.K(null,3,["md",null,"lg",null,"sm",null],null),null),jpa="value max precision shape allow-clear disabled readonly name label size aria-label aria-labelledby aria-describedby".split(" "),hpa=$APP.Ag([$APP.Kx,$APP.nx,new $APP.F(null,"allowClear","allowClear",2001597922),$APP.js,$APP.Qo,$APP.ll,$APP.Q,cU,$APP.Xo,$APP.gx,
|
|
22
|
+
$APP.dw,$APP.Z,$APP.Iv,$APP.ut,$APP.Ws],[new $APP.K(null,2,[$APP.P,$APP.X,$APP.rj,!0],null),new $APP.K(null,2,[$APP.P,$APP.ws,$APP.rj,!0],null),new $APP.K(null,2,[$APP.P,$APP.sj,$APP.W,"allow-clear"],null),new $APP.K(null,2,[$APP.P,$APP.sj,$APP.rj,!0],null),new $APP.K(null,2,[$APP.P,$APP.sj,$APP.W,"disabled"],null),new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"name"],null),new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"value"],null),new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"precision"],null),new $APP.K(null,
|
|
23
|
+
2,[$APP.P,$APP.X,$APP.W,"size"],null),new $APP.K(null,2,[$APP.P,$APP.sj,$APP.W,"readonly"],null),new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"max"],null),new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"label"],null),new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"shape"],null),new $APP.K(null,2,[$APP.P,$APP.Zv,$APP.rj,!0],null),new $APP.K(null,2,[$APP.P,$APP.Mv,$APP.rj,!0],null)]);
|
|
24
|
+
$APP.ne(["x-rating-change-request",new $APP.K(null,3,[$APP.St,!0,$APP.wu,$APP.ne(["value",$APP.Q]),$APP.cj,new $APP.K(null,3,[$APP.Q,$APP.Y,$APP.aw,$APP.Y,$APP.dw,$APP.Y],null)],null),"x-rating-change",new $APP.K(null,2,[$APP.St,!1,$APP.cj,new $APP.K(null,2,[$APP.Q,$APP.Y,$APP.dw,$APP.Y],null)],null),"x-rating-hover",new $APP.K(null,2,[$APP.St,!1,$APP.cj,new $APP.K(null,2,[$APP.Q,$APP.Y,$APP.dw,$APP.Y],null)],null)]);var $oa=new $APP.ah(null,new $APP.K(null,8,["Backspace",null,"ArrowUp",null,"ArrowDown",null,"End",null,"ArrowRight",null,"Delete",null,"ArrowLeft",null,"Home",null],null),null),dpa=":host{display:inline-block;color-scheme:light dark;--x-rating-active-color:var(--x-color-warning,#f59e0b);--x-rating-inactive-color:var(--x-color-border,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:var(--x-color-text-muted,rgba(0,0,0,0.60));}"+
|
|
25
|
+
$APP.N.i(":host([hidden]){display:none;}")+"@media (prefers-color-scheme:dark){:host{--x-rating-inactive-color:var(--x-color-border,rgba(255,255,255,0.22));--x-rating-focus-ring:var(--x-color-focus-ring,#93c5fd);--x-rating-label-color:var(--x-color-text-muted,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:var(--x-font-size-sm,0.875rem);color:var(--x-rating-label-color);font-weight:var(--x-font-weight-medium,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;}}",
|
|
26
|
+
qU=new $APP.H(null,4,5,$APP.J,[new $APP.H(null,4,5,$APP.J,["stars","pointermove","stars-move",!1],null),new $APP.H(null,4,5,$APP.J,["stars","pointerdown","stars-down",!1],null),new $APP.H(null,4,5,$APP.J,["stars","pointerleave","stars-leave",!1],null),new $APP.H(null,4,5,$APP.J,["stars","keydown","stars-key",!1],null)],null);$APP.ha("baredom.exports.x_rating.init",sU);export const init=sU;
|
package/dist/x-ripple-effect.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
"__xRippleRefs");if($APP.
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
2
|
+
var LZ=function(a){if(typeof a==="string"){a=parseFloat(a.trim());var b=isNaN(a);return $APP.m($APP.m(b)?b:!(a>0))?25:Math.min(100,Math.max(1,a))}return 25},MZ=function(a){if(typeof a==="string"){a=parseInt(a.trim(),10);var b=isNaN(a);return $APP.m($APP.m(b)?b:!(a>0))?800:Math.min(5E3,Math.max(100,a))}return 800},NZ=function(a){if(typeof a==="string"){a=parseFloat(a.trim());var b=isNaN(a);return $APP.m($APP.m(b)?b:!(a>0))?.04:Math.min(.2,Math.max(.005,a))}return.04},OZ=function(a){var b=$APP.l(a,
|
|
3
|
+
"__xRippleRefs");if($APP.m(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=hua;$APP.U(d,"part","container");d.appendChild(e);$APP.U(f,"part","filters");f.style.position="absolute";f.style.width="0";f.style.height="0";f.style.overflow="hidden";b.appendChild(c);b.appendChild(d);b.appendChild(f);$APP.T(a,"__xRippleRefs",new $APP.K(null,
|
|
4
|
+
3,[$APP.hm,b,$APP.im,d,$APP.Jv,f],null));$APP.T(a,"__xRippleCounter",0);$APP.T(a,"__xRippleFrames",[]);return $APP.l(a,"__xRippleRefs")},iua=function(a){a=new $APP.K(null,4,[$APP.Rv,a.getAttribute("intensity"),$APP.Yu,a.getAttribute("duration"),PZ,a.getAttribute("frequency"),$APP.gl,a.hasAttribute("disabled")],null);var b=$APP.G(a);a=$APP.C(b,$APP.Rv);var c=$APP.C(b,$APP.Yu),d=$APP.C(b,PZ);b=$APP.C(b,$APP.gl);return new $APP.K(null,4,[$APP.Nv,LZ(a),$APP.nt,MZ(c),QZ,NZ(d),$APP.nl,$APP.D(b)],null)},
|
|
5
|
+
jua=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.U(d,"id",b);$APP.U(d,"x","-10%");$APP.U(d,"y","-10%");$APP.U(d,"width","120%");$APP.U(d,"height","120%");$APP.U(e,"type","turbulence");$APP.U(e,"baseFrequency",""+$APP.N.i(c));$APP.U(e,"numOctaves","3");$APP.U(e,"seed",""+$APP.N.i(Math.floor(Math.random()*1E3)));
|
|
6
|
+
$APP.U(e,"result","turbulence");$APP.U(f,"in","SourceGraphic");$APP.U(f,"in2","turbulence");$APP.U(f,"scale","0");$APP.U(f,"xChannelSelector","R");$APP.U(f,"yChannelSelector","G");d.appendChild(e);d.appendChild(f);a.appendChild(d);return new $APP.K(null,3,[$APP.rt,d,RZ,e,SZ,f],null)},kua=function(a,b){var c=iua(a);if($APP.m($APP.nl.i(c)))return null;c=$APP.G(c);var d=$APP.C(c,$APP.Nv),e=$APP.C(c,$APP.nt),f=$APP.C(c,QZ);c=OZ(a);c=$APP.G(c);var h=$APP.C(c,$APP.im),k=$APP.C(c,$APP.Jv),n=$APP.l(a,"__xRippleCounter");
|
|
7
|
+
c="xr-"+$APP.N.i(n);$APP.T(a,"__xRippleCounter",n+1);n=jua(k,c,f);n=$APP.G(n);var r=$APP.C(n,$APP.rt),v=$APP.C(n,RZ),x=$APP.C(n,SZ),y=b.clientX,A=b.clientY,E=performance.now(),I=$APP.l(a,"__xRippleFrames");b=$APP.D(window.matchMedia("(prefers-reduced-motion:reduce)").matches);h.style.filter="url(#"+$APP.N.i(c)+")";$APP.fj(a,"x-ripple-effect-start",{x:y,y:A});b?($APP.U(x,"scale",""+$APP.N.i(d/2)),b=requestAnimationFrame(function(){$APP.U(x,"scale","0");k.removeChild(r);h.style.filter="";return $APP.fj(a,
|
|
8
|
+
"x-ripple-effect-end",{x:y,y:A})})):b=requestAnimationFrame(function S(){var R=performance.now()-E;R=Math.min(1,R/e);var da=1-R;da=1-da*da*da;var na=f*(1-da*.7);$APP.Wi(x,"scale",""+$APP.N.i(d*(1-da)));$APP.Wi(v,"baseFrequency",""+$APP.N.i(na));if(R>=1)return k.removeChild(r),k.childNodes.length===0&&(h.style.filter=""),$APP.fj(a,"x-ripple-effect-end",{x:y,y:A});R=requestAnimationFrame(S);return I.push(R)});return I.push(b)},lua=function(a){function b(c){return c.button===0?kua(a,c):null}a.addEventListener("pointerdown",
|
|
9
|
+
b);return $APP.T(a,"__xRippleHandler",b)},TZ=function(a){var b=$APP.l(a,"__xRippleFrames");if($APP.m(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.m(b)){c=$APP.G(b);b=$APP.C(c,$APP.Jv);for(c=$APP.C(c,$APP.im);;)if(d=b.firstChild,$APP.m(d))b.removeChild(d);else break;c.style.filter=""}b=$APP.l(a,"__xRippleHandler");return $APP.m(b)?(a.removeEventListener("pointerdown",b),$APP.T(a,"__xRippleHandler",null)):null},mua=function(a){$APP.qj(a,
|
|
10
|
+
"intensity","intensity",LZ);$APP.qj(a,"duration","duration",MZ);$APP.qj(a,"frequency","frequency",NZ);return $APP.kj(a,"disabled","disabled")},nua=function(a){OZ(a);TZ(a);return lua(a)},oua=function(a){return TZ(a)},pua=function(){return null},UZ=function(){return $APP.Oj("x-ripple-effect",new $APP.K(null,5,[$APP.Gj,qua,$APP.Ej,nua,$APP.Bj,oua,$APP.Aj,pua,$APP.Fj,mua],null))},PZ=new $APP.F(null,"frequency-raw","frequency-raw",-1367383022),SZ=new $APP.F(null,"disp","disp",-2047544334),QZ=new $APP.F(null,
|
|
11
|
+
"frequency","frequency",-1408891382),RZ=new $APP.F(null,"turb","turb",-804768361);var qua=["intensity","duration","frequency","disabled"];$APP.ne(["x-ripple-effect-start",new $APP.K(null,2,[$APP.cj,new $APP.K(null,2,[$APP.Dw,$APP.Y,$APP.Cw,$APP.Y],null),$APP.St,!1],null),"x-ripple-effect-end",new $APP.K(null,2,[$APP.cj,new $APP.K(null,2,[$APP.Dw,$APP.Y,$APP.Cw,$APP.Y],null),$APP.St,!1],null)]);var hua=":host{display:inline-block;position:relative;}"+$APP.N.i(":host([hidden]){display:none;}")+":host([disabled]){cursor:default;}[part\x3dcontainer]{display:block;width:100%;height:100%;}";$APP.ha("baredom.exports.x_ripple_effect.init",UZ);export const init=UZ;
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
$APP.
|
|
9
|
-
|
|
10
|
-
$APP.
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
"
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
var
|
|
2
|
+
var D3=function(a){return new $APP.K(null,1,[$APP.Nt,a],null)},E3=function(a){var b=$APP.l(a,"__xScrollParallaxRefs");if($APP.m(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=Oxa;$APP.U(d,"part","viewport");$APP.U(d,"role","region");d.appendChild(e);$APP.U(f,"part","live");$APP.U(f,"aria-live","polite");$APP.U(f,"aria-atomic","true");b.appendChild(c);b.appendChild(d);
|
|
3
|
+
b.appendChild(f);$APP.T(a,"__xScrollParallaxRefs",new $APP.K(null,4,[$APP.hm,b,$APP.es,d,$APP.rp,e,$APP.Uu,f],null));return $APP.l(a,"__xScrollParallaxRefs")},H3=function(a){a=new $APP.K(null,5,[$APP.Ur,a.getAttribute("direction"),F3,a.getAttribute("source"),G3,a.getAttribute("easing"),$APP.ev,$APP.m(a.hasAttribute("disabled"))?"":null,$APP.fl,a.getAttribute("label")],null);var b=$APP.G(a),c=$APP.C(b,$APP.Ur),d=$APP.C(b,F3),e=$APP.C(b,G3);a=$APP.C(b,$APP.ev);b=$APP.C(b,$APP.fl);c=typeof c==="string"?
|
|
4
|
+
c.trim().toLowerCase():null;c=$APP.kd(Pxa,c)?c:"vertical";d=typeof d==="string"?d.trim().toLowerCase():null;d=$APP.kd(Qxa,d)?d:"document";e=typeof e==="string"?e.trim().toLowerCase():null;e=$APP.kd(Rxa,e)?e:"none";return new $APP.K(null,5,[$APP.hs,c,$APP.wt,d,Sxa,e,$APP.nl,a!=null,$APP.Z,$APP.m(b)?b:""],null)},I3=function(a){a=E3(a);a=$APP.G(a);return $APP.C(a,$APP.rp).assignedElements()},Txa=function(a){var b=a.getAttribute("data-speed");typeof b==="string"?(b=parseFloat(b.trim()),b=$APP.m(isNaN(b))?
|
|
5
|
+
1:b):b=1;var c=a.getAttribute("data-offset");typeof c==="string"?(c=parseFloat(c.trim()),c=$APP.m(isNaN(c))?0:c):c=0;return new $APP.K(null,4,[$APP.rv,b,$APP.Ku,c,$APP.Hu,$APP.z.j("fade",a.getAttribute("data-opacity")),$APP.Vr,$APP.z.j("grow",a.getAttribute("data-scale"))],null)},Uxa=function(a){var b=$APP.l(a,"__xScrollParallaxChildCache");if($APP.m(b))return b;b=I3(a);b=$APP.Xf.l($APP.Xe,$APP.Oe.i(Txa),$APP.Jc(b));$APP.T(a,"__xScrollParallaxChildCache",b);return b},J3=function(a){$APP.T(a,"__xScrollParallaxChildCache",
|
|
6
|
+
null)},Vxa=function(a){a=window.getComputedStyle(a).getPropertyValue("--x-scroll-parallax-fade-range");a=typeof a==="string"?a.trim():null;return $APP.m($APP.m(a)?a.endsWith("%"):a)?(a=parseFloat(a.slice(0,-1)),$APP.m(isNaN(a))?.2:a/100):.2},Wxa=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.m(b?b:isNaN(a))?.85:a},K3=function(a){var b=function(){var S=$APP.l(a,"__xScrollParallaxModel");
|
|
7
|
+
return $APP.m(S)?S:H3(a)}();if(!$APP.m($APP.nl.i(b))){var c=a.getBoundingClientRect();b=$APP.z.j("vertical",$APP.hs.i(b));var d=window.innerHeight,e=b?d:window.innerWidth,f=$APP.Sm.j(0,$APP.Dk.j(1,(d-c.top)/(d+c.height)));c=$APP.l(a,"__xScrollParallaxLastProg");d=I3(a);for(var h=Uxa(a),k=Vxa(a),n=Wxa(a),r=d.length,v=0;;)if(v<r){if(v<$APP.w(h)){var x=d[v],y=$APP.Ec(h,v),A=$APP.G(y),E=$APP.C(A,$APP.rv),I=$APP.C(A,$APP.Ku);y=$APP.C(A,$APP.Hu);A=$APP.C(A,$APP.Vr);E=(f-.5)*e*(E-1)+I;var O=b?"translateY("+
|
|
8
|
+
$APP.N.i(E)+"px)":"translateX("+$APP.N.i(E)+"px)";E=$APP.m(A)?function(){var S=n+(1-n)*(1-Math.abs(f-.5)*2);return""+$APP.N.i(O)+" scale("+$APP.N.i(S)+")"}():O;x.style.transform=E;$APP.m(y)&&(x.style.opacity=""+$APP.N.i(f<k?f/k:f>1-k?(1-f)/k:1))}v+=1}else break;if(c==null||Math.abs(f-c)>.001)$APP.T(a,"__xScrollParallaxLastProg",f),$APP.fj(a,"x-scroll-parallax-progress",$APP.xo(D3(f)))}return $APP.Xi(a,"__xScrollParallaxRAF",null)},Xxa=function(a){return $APP.m(function(){var b=a.isConnected;return $APP.m(b)?
|
|
9
|
+
(b=$APP.l(a,"__xScrollParallaxVisible"),$APP.m(b)?!$APP.D(window.matchMedia("(prefers-reduced-motion:reduce)").matches):b):b}())?$APP.m($APP.l(a,"__xScrollParallaxRAF"))?null:$APP.Xi(a,"__xScrollParallaxRAF",requestAnimationFrame(function(){return K3(a)})):null},Yxa=function(a){a=$APP.l(a,"__xScrollParallaxHandlers");$APP.m($APP.m(a)?$APP.p($APP.l(a,"scrollAttached")):a)&&(window.addEventListener("scroll",$APP.l(a,"scroll"),{passive:!0}),a.scrollAttached=!0)},L3=function(a){a=$APP.l(a,"__xScrollParallaxHandlers");
|
|
10
|
+
$APP.m($APP.m(a)?$APP.l(a,"scrollAttached"):a)&&(window.removeEventListener("scroll",$APP.l(a,"scroll")),a.scrollAttached=!1)},M3=function(a,b){a.textContent=b;setTimeout(function(){return a.textContent=""},1E3)},Zxa=function(a,b){b=b[0].isIntersecting;var c=$APP.G($APP.l(a,"__xScrollParallaxRefs"));c=$APP.C(c,$APP.Uu);$APP.T(a,"__xScrollParallaxVisible",b);if($APP.m(b))return Yxa(a),K3(a),M3(c,"Parallax section entered viewport"),$APP.fj(a,"x-scroll-parallax-enter",$APP.xo(D3(function(){var d=$APP.l(a,
|
|
11
|
+
"__xScrollParallaxLastProg");return $APP.m(d)?d:0}())));L3(a);M3(c,"Parallax section left viewport");return $APP.fj(a,"x-scroll-parallax-leave",$APP.xo(D3(function(){var d=$APP.l(a,"__xScrollParallaxLastProg");return $APP.m(d)?d:0}())))},$xa=function(a){function b(){return $APP.m($APP.l(a,"__xScrollParallaxVisible"))?(J3(a),K3(a)):null}function c(){J3(a);return $APP.m($APP.l(a,"__xScrollParallaxVisible"))?K3(a):null}var d=E3(a);d=$APP.G(d);$APP.C(d,$APP.rp).addEventListener("slotchange",c);window.addEventListener("resize",
|
|
12
|
+
b);$APP.T(a,"__xScrollParallaxHandlers",{scroll:function(){return Xxa(a)},slot:c,resize:b,scrollAttached:!1})},N3=function(a){var b=$APP.l(a,"__xScrollParallaxHandlers");if($APP.m(b)){L3(a);var c=$APP.l(a,"__xScrollParallaxRefs");if($APP.m(c)){c=$APP.rp.i(c);var d=$APP.l(b,"slot");$APP.m(d)&&c.removeEventListener("slotchange",d)}b=$APP.l(b,"resize");$APP.m(b)&&window.removeEventListener("resize",b)}b=$APP.l(a,"__xScrollParallaxRAF");$APP.m(b)&&(cancelAnimationFrame(b),$APP.Xi(a,"__xScrollParallaxRAF",
|
|
13
|
+
null));$APP.T(a,"__xScrollParallaxHandlers",null)},aya=function(a){var b=$APP.l(a,"__xScrollParallaxIO");$APP.m(b)&&b.disconnect();b=new IntersectionObserver(function(c){return Zxa(a,c)},{threshold:[0]});b.observe(a);$APP.T(a,"__xScrollParallaxIO",b)},O3=function(a){var b=H3(a);if($APP.M.j($APP.l(a,"__xScrollParallaxModel"),b)){var c=$APP.G(b),d=$APP.C(c,$APP.hs);b=$APP.C(c,$APP.nl);var e=$APP.C(c,$APP.Z),f=E3(a);f=$APP.G(f);f=$APP.C(f,$APP.es);$APP.U(a,"data-direction",d);$APP.q(e)?$APP.U(f,"aria-label",
|
|
14
|
+
e):$APP.V(f,"aria-label");$APP.T(a,"__xScrollParallaxModel",c);c=$APP.l(a,"__xScrollParallaxVisible");a=$APP.m($APP.m(c)?$APP.p(b):c)?K3(a):null}else a=null;return a},bya=function(a){$APP.nj(a,"direction","direction","vertical");$APP.nj(a,"source","source","document");$APP.nj(a,"easing","easing","none");$APP.kj(a,"disabled","disabled");Object.defineProperty(a,"label",{get:function(){var b=this.getAttribute("label");return $APP.m(b)?b:""},set:function(b){return $APP.m($APP.m(b)?$APP.M.j(b,""):b)?$APP.U(this,
|
|
15
|
+
"label",""+$APP.N.i(b)):$APP.V(this,"label")},enumerable:!0,configurable:!0});return Object.defineProperty(a,"progress",{get:function(){var b=$APP.l(this,"__xScrollParallaxLastProg");return $APP.m(b)?b:0},enumerable:!0,configurable:!0})},cya=function(a){E3(a);N3(a);$xa(a);aya(a);return O3(a)},dya=function(a){for(var b=I3(a),c=b.length,d=0;;)if(d<c){var e=b[d];e.style.transform="";e.style.opacity="";d+=1}else break;$APP.m($APP.l(a,"__xScrollParallaxVisible"))&&(b=$APP.l(a,"__xScrollParallaxLastProg"),
|
|
16
|
+
$APP.fj(a,"x-scroll-parallax-leave",$APP.xo(D3($APP.m(b)?b:0))));N3(a);b=$APP.l(a,"__xScrollParallaxIO");$APP.m(b)&&(b.disconnect(),$APP.T(a,"__xScrollParallaxIO",null));J3(a);$APP.T(a,"__xScrollParallaxVisible",!1);return $APP.T(a,"__xScrollParallaxLastProg",null)},eya=function(a,b,c,d){return $APP.M.j(c,d)?O3(a):null},P3=function(){return $APP.Oj("x-scroll-parallax",new $APP.K(null,5,[$APP.Gj,fya,$APP.Ej,cya,$APP.Bj,dya,$APP.Aj,eya,$APP.Fj,bya],null))},F3=new $APP.F(null,"source-raw","source-raw",
|
|
17
|
+
396083546),G3=new $APP.F(null,"easing-raw","easing-raw",440485546),Sxa=new $APP.F(null,"easing","easing",735372043);var fya=["direction","source","easing","disabled","label"];$APP.ne(["x-scroll-parallax-enter",new $APP.K(null,2,[$APP.cj,new $APP.K(null,1,[$APP.Nt,$APP.Y],null),$APP.St,!1],null),"x-scroll-parallax-leave",new $APP.K(null,2,[$APP.cj,new $APP.K(null,1,[$APP.Nt,$APP.Y],null),$APP.St,!1],null),"x-scroll-parallax-progress",new $APP.K(null,2,[$APP.cj,new $APP.K(null,1,[$APP.Nt,$APP.Y],null),$APP.St,!1],null)]);
|
|
18
|
+
var Pxa=new $APP.ah(null,new $APP.K(null,2,["vertical",null,"horizontal",null],null),null),Qxa=new $APP.ah(null,new $APP.K(null,1,["document",null],null),null),Rxa=new $APP.ah(null,new $APP.K(null,2,["none",null,"smooth",null],null),null);var Oxa=":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;}"+$APP.N.i(":host([hidden]){display:none;}")+"[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;}}";$APP.ha("baredom.exports.x_scroll_parallax.init",P3);export const init=P3;
|
package/dist/x-scroll-stack.js
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
d=document.createElement("div"),e=document.createElement("slot");c.textContent="
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
$APP.l(a,"
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
"
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
$APP.
|
|
18
|
-
-
|
|
2
|
+
var VL=function(a,b){return typeof a==="string"?(a=parseFloat(a.trim()),typeof a==="number"&&$APP.p(isNaN(a))&&a>0?a:b):b},WL=function(a){return typeof a==="string"&&$APP.kd(Yja,a.trim().toLowerCase())?a.trim().toLowerCase():"center"},Zja=function(a,b,c){b*=c;c=b+c-b;return Math.max(0,Math.min(1,c<=0?0:(a-b)/c))},$ja=function(a,b,c){b*=c;return b<=0?0:Math.max(0,Math.min(1,a/b))},XL=function(a){var b=$APP.l(a,"__xScrollStackRefs");if($APP.m(b))return b;b=a.attachShadow({mode:"open"});var c=document.createElement("style"),
|
|
3
|
+
d=document.createElement("div"),e=document.createElement("slot");c.textContent=aka;$APP.U(d,"part","container");$APP.U(d,"role","region");d.appendChild(e);b.appendChild(c);b.appendChild(d);$APP.T(a,"__xScrollStackRefs",new $APP.K(null,3,[$APP.hm,b,$APP.im,d,$APP.rp,e],null));return $APP.l(a,"__xScrollStackRefs")},aM=function(a){a=new $APP.K(null,5,[$APP.bx,a.getAttribute("peek"),YL,a.getAttribute("rotation"),ZL,a.getAttribute("scroll-distance"),$APP.Tr,a.getAttribute("align"),$APP.ev,$APP.m(a.hasAttribute("disabled"))?
|
|
4
|
+
"":null],null);var b=$APP.G(a);a=$APP.C(b,$APP.bx);var c=$APP.C(b,YL),d=$APP.C(b,ZL),e=$APP.C(b,$APP.Tr);b=$APP.C(b,$APP.ev);return new $APP.K(null,5,[$APP.bv,VL(a,6),$APP.ax,VL(c,3),$L,VL(d,150),$APP.ks,WL(e),$APP.nl,b!=null],null)},bM=function(a){a=XL(a);a=$APP.G(a);return $APP.C(a,$APP.rp).assignedElements()},cM=function(a){var b=$APP.l(a,"__xScrollStackModel");b=$APP.m(b)?b:aM(a);var c=bM(a).length;b=window.innerHeight+c*$L.i(b);return a.style.height=""+$APP.N.i(b)+"px"},iM=function(a){var b=
|
|
5
|
+
function(){var oa=$APP.l(a,"__xScrollStackModel");return $APP.m(oa)?oa:aM(a)}(),c=a.getBoundingClientRect();c=Math.max(0,-c.top);var d=bM(a),e=d.length,f=$APP.l(a,"__xScrollStackNaturalOffsets"),h=$APP.l(a,"__xScrollStackChildHeights");if($APP.m(function(){var oa=e>0;return oa?$APP.m(f)?$APP.m(h)?$APP.z.j(f.length,e)&&$APP.z.j(h.length,e):h:f:oa}())){var k=$L.i(b),n=$APP.bv.i(b),r=$APP.ax.i(b),v=$APP.ks.i(b),x=f[0],y=$APP.m(a.hasAttribute("align"))?function(){var oa=(e-1)*n+h[e-1],Qa=$APP.G($APP.l(a,
|
|
6
|
+
"__xScrollStackRefs"));Qa=$APP.C(Qa,$APP.im).clientHeight;a:switch(v){case "top":oa=32;break a;case "bottom":oa=Qa-oa-32;break a;default:oa=(Qa-oa)/2}return oa-x}():0;b=$ja(c,e,k);for(var A=Math.max(0,Math.min(e,Math.floor(c/Math.max(1,k)))),E=function(){var oa=$APP.l(a,"__xScrollStackStackedCount");return $APP.m(oa)?oa:0}(),I=0;;)if(I<e){var O=d[I],S=Zja(c,I,k),R=new $APP.K(null,3,[dM,I*n,eM,r*Math.sin(I*2.3),fM,2*Math.cos(I*3.7)],null),da=f[I];da=x+dM.i(R)-da;da=S*da+S*y;var na=S*eM.i(R);R=S*fM.i(R);
|
|
7
|
+
var ka=S>0?""+$APP.N.i(I):"";O.style.transform=S===0?"":"translate("+$APP.N.i(R.toFixed(2))+"px,"+$APP.N.i(da.toFixed(2))+"px) rotate("+$APP.N.i(na.toFixed(3))+"deg)";O.style.zIndex=ka;I+=1}else break;$APP.M.j(A,E)&&($APP.T(a,"__xScrollStackStackedCount",A),$APP.fj(a,"x-scroll-stack-change",$APP.xo(new $APP.K(null,3,[gM,A,hM,e,$APP.Nt,b],null))));c=$APP.l(a,"__xScrollStackLastProg");if(c==null||Math.abs(b-c)>.001)$APP.T(a,"__xScrollStackLastProg",b),$APP.fj(a,"x-scroll-stack-progress",$APP.xo(new $APP.K(null,
|
|
8
|
+
3,[$APP.Nt,b,gM,A,hM,e],null)))}return $APP.Xi(a,"__xScrollStackRAF",null)},jM=function(a){a=$APP.l(a,"__xScrollStackModel");return $APP.m(a)?$APP.nl.i(a):a},bka=function(a){return $APP.m(function(){var b=a.isConnected;return $APP.m(b)?(b=$APP.l(a,"__xScrollStackVisible"),$APP.m(b)?$APP.p(jM(a)):b):b}())?$APP.m($APP.l(a,"__xScrollStackRAF"))?null:$APP.Xi(a,"__xScrollStackRAF",requestAnimationFrame(function(){return iM(a)})):null},kM=function(a){a=$APP.l(a,"__xScrollStackHandlers");$APP.m($APP.m(a)?
|
|
9
|
+
$APP.p($APP.l(a,"scrollAttached")):a)&&(window.addEventListener("scroll",$APP.l(a,"scroll"),{passive:!0}),a.scrollAttached=!0)},lM=function(a){a=$APP.l(a,"__xScrollStackHandlers");if($APP.m($APP.m(a)?$APP.l(a,"scrollAttached"):a))window.removeEventListener("scroll",$APP.l(a,"scroll")),a.scrollAttached=!1;else return null},mM=function(a){var b=$APP.l(a,"__xScrollStackCacheRAF");$APP.m(b)&&(cancelAnimationFrame(b),$APP.T(a,"__xScrollStackCacheRAF",null));return $APP.T(a,"__xScrollStackCacheRAF",requestAnimationFrame(function(){$APP.T(a,
|
|
10
|
+
"__xScrollStackCacheRAF",null);if($APP.m(a.isConnected)){var c=bM(a),d=c.length;if(d>0){var e=$APP.G($APP.l(a,"__xScrollStackRefs")),f=$APP.C(e,$APP.im);e=Array(d);for(var h=Array(d),k=0;;)if(k<d){var n=c[k];n.style.transform="";n.style.zIndex="";k+=1}else break;f.offsetHeight;f=f.getBoundingClientRect();for(k=0;;)if(k<d)n=c[k].getBoundingClientRect(),e[k]=n.top-f.top,h[k]=n.height,k+=1;else break;$APP.T(a,"__xScrollStackNaturalOffsets",e);$APP.T(a,"__xScrollStackChildHeights",h)}return iM(a)}return null}))},
|
|
11
|
+
cka=function(a){var b=$APP.l(a,"__xScrollStackIO");$APP.m(b)&&b.disconnect();b=new IntersectionObserver(function(c){c=c[0].isIntersecting;$APP.T(a,"__xScrollStackVisible",c);$APP.m(c)?$APP.m(jM(a))?c=null:(kM(a),c=mM(a)):c=lM(a);return c},{threshold:[0]});b.observe(a);$APP.T(a,"__xScrollStackIO",b)},nM=function(a){a=bM(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},dka=function(a){function b(){cM(a);return $APP.m($APP.l(a,"__xScrollStackVisible"))?
|
|
12
|
+
mM(a):null}function c(){cM(a);return $APP.m($APP.l(a,"__xScrollStackVisible"))?mM(a):null}var d=XL(a);d=$APP.G(d);$APP.C(d,$APP.rp).addEventListener("slotchange",c);window.addEventListener("resize",b);$APP.T(a,"__xScrollStackHandlers",{scroll:function(){return bka(a)},slot:c,resize:b,scrollAttached:!1})},oM=function(a){var b=$APP.l(a,"__xScrollStackHandlers");if($APP.m(b)){lM(a);var c=$APP.l(a,"__xScrollStackRefs");if($APP.m(c)){c=$APP.rp.i(c);var d=$APP.l(b,"slot");$APP.m(d)&&c.removeEventListener("slotchange",
|
|
13
|
+
d)}b=$APP.l(b,"resize");$APP.m(b)&&window.removeEventListener("resize",b)}b=$APP.l(a,"__xScrollStackRAF");$APP.m(b)&&(cancelAnimationFrame(b),$APP.Xi(a,"__xScrollStackRAF",null));b=$APP.l(a,"__xScrollStackCacheRAF");$APP.m(b)&&(cancelAnimationFrame(b),$APP.T(a,"__xScrollStackCacheRAF",null));$APP.T(a,"__xScrollStackHandlers",null)},pM=function(a){var b=aM(a);if($APP.M.j($APP.l(a,"__xScrollStackModel"),b)){b=$APP.G(b);var c=$APP.C(b,$APP.nl);$APP.T(a,"__xScrollStackModel",b);$APP.m(c)?(nM(a),$APP.T(a,
|
|
14
|
+
"__xScrollStackStackedCount",0),$APP.T(a,"__xScrollStackLastProg",null),lM(a)):$APP.m($APP.l(a,"__xScrollStackVisible"))&&(kM(a),mM(a))}},eka=function(a){return VL(a,6)},fka=function(a){return VL(a,3)},gka=function(a){return VL(a,150)},hka=function(a){$APP.qj(a,"peek","peek",eka);$APP.qj(a,"rotation","rotation",fka);$APP.qj(a,"scrollDistance","scroll-distance",gka);$APP.qj(a,"align","align",WL);$APP.kj(a,"disabled","disabled");Object.defineProperty(a,"stackedCount",{get:function(){var b=$APP.l(this,
|
|
15
|
+
"__xScrollStackStackedCount");return $APP.m(b)?b:0},enumerable:!0,configurable:!0});Object.defineProperty(a,"progress",{get:function(){var b=$APP.l(this,"__xScrollStackLastProg");return $APP.m(b)?b:0},enumerable:!0,configurable:!0});return Object.defineProperty(a,"refresh",{value:function(){cM(this);return $APP.m($APP.l(this,"__xScrollStackVisible"))?mM(this):null},writable:!0,configurable:!0})},ika=function(a){XL(a);oM(a);dka(a);cka(a);pM(a);return cM(a)},jka=function(a){nM(a);oM(a);var b=$APP.l(a,
|
|
16
|
+
"__xScrollStackIO");$APP.m(b)&&(b.disconnect(),$APP.T(a,"__xScrollStackIO",null));$APP.T(a,"__xScrollStackVisible",!1);$APP.T(a,"__xScrollStackStackedCount",0);$APP.T(a,"__xScrollStackLastProg",null);$APP.T(a,"__xScrollStackNaturalOffsets",null);return $APP.T(a,"__xScrollStackChildHeights",null)},kka=function(a,b,c,d){return $APP.M.j(c,d)?(pM(a),cM(a),$APP.m($APP.l(a,"__xScrollStackVisible"))?mM(a):null):null},qM=function(){return $APP.Oj("x-scroll-stack",new $APP.K(null,5,[$APP.Gj,lka,$APP.Ej,ika,
|
|
17
|
+
$APP.Bj,jka,$APP.Aj,kka,$APP.Fj,hka],null))},eM=new $APP.F(null,"stack-rot","stack-rot",-949440704),hM=new $APP.F(null,"totalCount","totalCount",2101470328),ZL=new $APP.F(null,"scroll-distance-raw","scroll-distance-raw",1537519796),fM=new $APP.F(null,"stack-x","stack-x",-1557848736),dM=new $APP.F(null,"stack-y","stack-y",146748620),YL=new $APP.F(null,"rotation-raw","rotation-raw",318004495),gM=new $APP.F(null,"stackedCount","stackedCount",137366007),$L=new $APP.F(null,"scroll-distance","scroll-distance",
|
|
18
|
+
-544947824);var lka=["peek","rotation","scroll-distance","align","disabled"];$APP.ne(["x-scroll-stack-change",new $APP.K(null,2,[$APP.cj,new $APP.K(null,3,[gM,$APP.Y,hM,$APP.Y,$APP.Nt,$APP.Y],null),$APP.St,!1],null),"x-scroll-stack-progress",new $APP.K(null,2,[$APP.cj,new $APP.K(null,3,[$APP.Nt,$APP.Y,gM,$APP.Y,hM,$APP.Y],null),$APP.St,!1],null)]);var Yja=new $APP.ah(null,new $APP.K(null,3,["top",null,"center",null,"bottom",null],null),null);var aka=":host{display:block;position:relative;color-scheme:light dark;--x-scroll-stack-peek:6px;--x-scroll-stack-rotation:3deg;--x-scroll-stack-gap:1rem;}"+$APP.N.i(":host([hidden]){display:none;}")+"[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;}}";$APP.ha("baredom.exports.x_scroll_stack.init",qM);export const init=qM;
|