@vanelsas/baredom 4.0.0-alpha.0 → 4.0.0-alpha.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +8 -0
- package/dist/barebuild-action.js +8 -8
- package/dist/barebuild-data.js +4 -4
- package/dist/barebuild-invalidate-on.js +4 -4
- package/dist/barebuild-route.js +3 -3
- package/dist/barebuild-router.js +12 -12
- package/dist/base.js +143 -141
- package/dist/integrity.json +110 -110
- package/dist/x-alert.js +15 -15
- package/dist/x-avatar-group.js +8 -8
- package/dist/x-avatar.js +13 -13
- package/dist/x-badge.js +8 -8
- package/dist/x-bento-grid.js +5 -5
- package/dist/x-bento-item.js +4 -4
- package/dist/x-breadcrumbs.js +13 -13
- package/dist/x-calendar.js +31 -31
- package/dist/x-cancel-dialogue.js +11 -11
- package/dist/x-card.js +7 -7
- package/dist/x-carousel.js +22 -22
- package/dist/x-chart.js +42 -42
- package/dist/x-chip.js +1 -1
- package/dist/x-code.js +23 -23
- package/dist/x-collapse.js +8 -8
- package/dist/x-color-picker.js +32 -32
- package/dist/x-combobox.js +26 -26
- package/dist/x-command-palette.js +28 -28
- package/dist/x-confetti.js +21 -21
- package/dist/x-container.js +3 -3
- package/dist/x-context-menu.js +17 -17
- package/dist/x-currency-field.js +20 -20
- package/dist/x-date-picker.js +29 -29
- package/dist/x-divider.js +8 -8
- package/dist/x-drawer.js +8 -8
- package/dist/x-dropdown.js +12 -12
- package/dist/x-fieldset.js +3 -3
- package/dist/x-file-download.js +5 -5
- package/dist/x-file-upload.js +10 -10
- package/dist/x-form-field.js +12 -12
- package/dist/x-form.js +10 -10
- package/dist/x-gaussian-blur.js +11 -11
- package/dist/x-grid.js +6 -6
- package/dist/x-i18n-provider.js +6 -6
- package/dist/x-i18n.js +4 -4
- package/dist/x-icon.js +7 -7
- package/dist/x-image.js +16 -16
- package/dist/x-kbd.js +11 -11
- package/dist/x-kinetic-canvas.js +24 -24
- package/dist/x-kinetic-font.js +19 -19
- package/dist/x-kinetic-typography.js +24 -24
- package/dist/x-liquid-dock.js +30 -30
- package/dist/x-liquid-fill.js +32 -32
- package/dist/x-liquid-glass.js +26 -26
- package/dist/x-menu-item.js +4 -4
- package/dist/x-menu.js +7 -7
- package/dist/x-metaball-cursor.js +17 -17
- package/dist/x-modal.js +9 -9
- package/dist/x-morph-stack.js +26 -26
- package/dist/x-multi-combobox.js +28 -28
- package/dist/x-navbar.js +11 -11
- package/dist/x-neural-glow.js +18 -18
- package/dist/x-notification-center.js +9 -9
- package/dist/x-organic-divider.js +13 -13
- package/dist/x-organic-progress.js +30 -30
- package/dist/x-organic-shape.js +7 -7
- package/dist/x-otp-input.js +18 -18
- package/dist/x-pagination.js +9 -9
- package/dist/x-particle-button.js +32 -32
- package/dist/x-popover.js +23 -23
- package/dist/x-progress-circle.js +6 -6
- package/dist/x-progress.js +6 -6
- package/dist/x-proximity-list.js +20 -20
- package/dist/x-radio.js +10 -10
- package/dist/x-range-slider.js +24 -24
- package/dist/x-rating.js +18 -18
- package/dist/x-ripple-effect.js +7 -7
- package/dist/x-scroll-parallax.js +17 -17
- package/dist/x-scroll-stack.js +14 -14
- package/dist/x-scroll-story.js +29 -29
- package/dist/x-scroll-timeline.js +38 -38
- package/dist/x-scroll.js +31 -31
- package/dist/x-search-field.js +1 -1
- package/dist/x-select.js +1 -1
- package/dist/x-sidebar.js +14 -14
- package/dist/x-skeleton-group.js +11 -11
- package/dist/x-skeleton.js +1 -1
- package/dist/x-slider.js +14 -14
- package/dist/x-soft-body.js +13 -13
- package/dist/x-spacer.js +4 -4
- package/dist/x-spinner.js +3 -3
- package/dist/x-splash.js +11 -11
- package/dist/x-split-pane.js +13 -13
- package/dist/x-spotlight-card.js +11 -11
- package/dist/x-stat.js +7 -7
- package/dist/x-stepper.js +13 -13
- package/dist/x-switch.js +6 -6
- package/dist/x-tab.js +6 -6
- package/dist/x-table-cell.js +14 -14
- package/dist/x-table-row.js +7 -7
- package/dist/x-table.js +11 -11
- package/dist/x-tabs.js +9 -9
- package/dist/x-text-area.js +16 -16
- package/dist/x-theme.js +12 -12
- package/dist/x-timeline-item.js +18 -18
- package/dist/x-timeline.js +8 -8
- package/dist/x-toast.js +20 -20
- package/dist/x-toaster.js +6 -6
- package/dist/x-tooltip.js +11 -11
- package/dist/x-trace-history.js +90 -90
- package/dist/x-typography.js +5 -5
- package/dist/x-welcome-tour.js +52 -52
- package/package.json +1 -1
package/dist/x-liquid-dock.js
CHANGED
|
@@ -1,35 +1,35 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
function(a){return typeof a==="string"&&a.trim().length>0?a.trim():null},
|
|
4
|
-
3,[
|
|
5
|
-
d*a*b,$APP.
|
|
6
|
-
"role","navigation");$APP.T(h,"aria-label","Navigation dock");$APP.T(k,"part","filter-svg");$APP.T(k,"aria-hidden","true");$APP.T(k,"role","presentation");$APP.T(m,"part","liquid-layer");m.style.filter="url(#"+$APP.P.i(d)+")";$APP.T(r,"part","items");r.appendChild(u);var x=$APP.G(b);b=$APP.C(x,$APP.
|
|
2
|
+
var Iy=function(a){return typeof a==="string"?(a=a.trim().toLowerCase(),$APP.ed(Hy,a)?a:"bottom"):"bottom"},Jy=function(a,b,c,d){return typeof a==="string"?(a=parseFloat(a.trim()),$APP.n(isNaN(a))?b:Math.min(d,Math.max(c,a))):b},Ky=function(a){return Jy(a,8,0,40)},Ly=function(a){return Jy(a,10,2,30)},My=function(a){return typeof a==="string"&&a.trim().length>0?a.trim():"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 18 -7"},Ny=function(a){return Jy(a,8,0,40)},Oy=function(a){return Jy(a,.03,.005,.15)},Py=
|
|
3
|
+
function(a){return typeof a==="string"&&a.trim().length>0?a.trim():null},Qy=function(a){return Jy(a,150,40,400)},Ry=function(a){return Jy(a,.6,0,2)},Sy=function(a){return Jy(a,1,0,2)},Ty=function(a,b){return a+(b-a)*.1},Xy=function(a,b,c,d,e,f,h){a=c-a;b=d-b;d=Math.sqrt(a*a+b*b);e=Math.max(0,1-d/e);c=e*e;f=c*f*20;d=d>.001?1/d:0;return new $APP.M(null,4,[Uy,e,$APP.Kq,1+c*(h-1),Vy,a*d*f*.3,Wy,b*d*f*.3],null)},$y=function(a,b){var c=a*a;a=c*28;c=.6+c*.9;switch(b){case "bottom":return new $APP.M(null,
|
|
4
|
+
3,[Yy,0,Zy,-a,$APP.Kq,c],null);case "top":return new $APP.M(null,3,[Yy,0,Zy,a,$APP.Kq,c],null);case "left":return new $APP.M(null,3,[Yy,a,Zy,0,$APP.Kq,c],null);case "right":return new $APP.M(null,3,[Yy,-a,Zy,0,$APP.Kq,c],null);default:return new $APP.M(null,3,[Yy,0,Zy,-a,$APP.Kq,c],null)}},az=function(a,b,c,d){a*=a;var e=12*d*a;return new $APP.M(null,3,[$APP.mu,function(){switch(c){case "bottom":return-e;case "top":return e;case "left":return e;case "right":return-e;default:return-e}}(),$APP.Tt,5*
|
|
5
|
+
d*a*b,$APP.Kq,1+.12*d*a],null)},gz=function(a){if(!$APP.n($APP.l(a,"__xLiquidDockRefs"))){var b=$APP.l(a,"__xLiquidDockModel"),c=bz[0];bz[0]=c+1;var d="goo-"+$APP.P.i(c),e=a.attachShadow({mode:"open"}),f=document.createElement("style"),h=document.createElement("nav"),k=document.createElementNS("http://www.w3.org/2000/svg","svg"),m=document.createElement("div"),r=document.createElement("div"),u=document.createElement("slot");$APP.Q(a,"__xLiquidDockUid",c);f.textContent=cz;$APP.T(h,"part","dock");$APP.T(h,
|
|
6
|
+
"role","navigation");$APP.T(h,"aria-label","Navigation dock");$APP.T(k,"part","filter-svg");$APP.T(k,"aria-hidden","true");$APP.T(k,"role","presentation");$APP.T(m,"part","liquid-layer");m.style.filter="url(#"+$APP.P.i(d)+")";$APP.T(r,"part","items");r.appendChild(u);var x=$APP.G(b);b=$APP.C(x,$APP.Op);c=$APP.C(x,$APP.Lt);x=$APP.C(x,dz);var y=document.createElementNS("http://www.w3.org/2000/svg","defs"),A=document.createElementNS("http://www.w3.org/2000/svg","filter"),E=document.createElementNS("http://www.w3.org/2000/svg",
|
|
7
7
|
"feGaussianBlur"),H=document.createElementNS("http://www.w3.org/2000/svg","feColorMatrix"),O=document.createElementNS("http://www.w3.org/2000/svg","feTurbulence"),S=document.createElementNS("http://www.w3.org/2000/svg","feDisplacementMap");$APP.T(A,"id",d);$APP.T(A,"x","-20%");$APP.T(A,"y","-20%");$APP.T(A,"width","140%");$APP.T(A,"height","140%");$APP.T(E,"in","SourceGraphic");$APP.T(E,"stdDeviation",""+$APP.P.i(b));$APP.T(E,"result","blur");$APP.T(H,"in","blur");$APP.T(H,"type","matrix");$APP.T(H,
|
|
8
|
-
"values",c);$APP.T(H,"result","goo");$APP.T(O,"type","fractalNoise");$APP.T(O,"baseFrequency","0.015");$APP.T(O,"numOctaves","2");$APP.T(O,"seed","0");$APP.T(O,"result","noise");$APP.T(S,"in","goo");$APP.T(S,"in2","noise");$APP.T(S,"scale",""+$APP.P.i(x));$APP.T(S,"xChannelSelector","R");$APP.T(S,"yChannelSelector","G");A.appendChild(E);A.appendChild(H);A.appendChild(O);A.appendChild(S);y.appendChild(A);k.appendChild(y);d=new $APP.M(null,5,[$APP.
|
|
9
|
-
h.appendChild(k);h.appendChild(m);h.appendChild(r);e.appendChild(f);e.appendChild(h);$APP.Q(a,"__xLiquidDockRefs",$APP.Yg($APP.Ec([d,new $APP.M(null,6,[$APP.Fk,e,$APP.
|
|
10
|
-
a.getAttribute("gap"),a.getAttribute("bob-intensity"),a.getAttribute("disabled"),a.getAttribute("magnet-radius")]);var b=$APP.G(a);a=$APP.C(b,$APP.
|
|
11
|
-
|
|
12
|
-
m?"blob blob-rest":"blob blob-phantom";var r=m?52:44;k.style.width=""+$APP.P.i(r)+"px";k.style.height=""+$APP.P.i(r)+"px";c.appendChild(k);d.push(k);e.push(m?{type:"rest"}:{type:"phantom",cpDx:0,cpDy:0,cpScale:.6,cLift:0,cRot:0,cScale:1});h+=1}else break;for(c=f;;)if(c>b)f=d.pop(),e.pop(),$APP.n(f.parentNode)&&f.parentNode.removeChild(f),--c;else break;$APP.Q(a,"__xLiquidDockBlobs",d);$APP.Q(a,"__xLiquidDockBlobSt",e)},
|
|
13
|
-
b=
|
|
14
|
-
$APP.P.i(c)+"px")},
|
|
15
|
-
c+=1;else break},
|
|
16
|
-
c))return b.preventDefault(),b=k<1?e-1:k-1,$APP.Q(a,"__xLiquidDockFocus",b),d[b].focus();if($APP.z.j(f,h))return b.preventDefault(),b=k>=e-1?0:k+1,$APP.Q(a,"__xLiquidDockFocus",b),d[b].focus();if(($APP.z.j(f,"Enter")||$APP.z.j(f," "))&&k>=0)return b.preventDefault(),
|
|
17
|
-
|
|
18
|
-
var r=$APP.l(a,"__xLiquidDockMouse");r.x=k.clientX-m.left;r.y=k.clientY-m.top;r.active=!0;k=void 0}else k=null;return k}var h=$APP.G($APP.l(a,"__xLiquidDockRefs"));h=$APP.C(h,$APP.$m);a.addEventListener("pointermove",f);a.addEventListener("pointerleave",e);a.addEventListener("click",d);a.addEventListener("keydown",c);$APP.n(h)&&h.addEventListener("slotchange",b);$APP.Q(a,"__xLiquidDockHdl",new $APP.M(null,5,[$APP.
|
|
19
|
-
"__xLiquidDockHdl");if($APP.n(b)){a.removeEventListener("pointermove",$APP.
|
|
20
|
-
|
|
21
|
-
[]);$APP.Q(a,"__xLiquidDockItemsR",[]);$APP.Q(a,"__xLiquidDockFocus",-1);$APP.Q(a,"__xLiquidDockBurst",0);
|
|
22
|
-
$APP.Q(a,"__xLiquidDockRO",null)):null},
|
|
23
|
-
"__xLiquidDockRaf"))||
|
|
24
|
-
"items-div",-555506089),
|
|
25
|
-
"magnet-strength-raw",535053898),
|
|
26
|
-
$APP.Gg([
|
|
27
|
-
$APP.X],null)]);var
|
|
8
|
+
"values",c);$APP.T(H,"result","goo");$APP.T(O,"type","fractalNoise");$APP.T(O,"baseFrequency","0.015");$APP.T(O,"numOctaves","2");$APP.T(O,"seed","0");$APP.T(O,"result","noise");$APP.T(S,"in","goo");$APP.T(S,"in2","noise");$APP.T(S,"scale",""+$APP.P.i(x));$APP.T(S,"xChannelSelector","R");$APP.T(S,"yChannelSelector","G");A.appendChild(E);A.appendChild(H);A.appendChild(O);A.appendChild(S);y.appendChild(A);k.appendChild(y);d=new $APP.M(null,5,[$APP.et,A,$APP.ar,E,$APP.Uu,H,$APP.Ft,O,$APP.xr,S],null);
|
|
9
|
+
h.appendChild(k);h.appendChild(m);h.appendChild(r);e.appendChild(f);e.appendChild(h);$APP.Q(a,"__xLiquidDockRefs",$APP.Yg($APP.Ec([d,new $APP.M(null,6,[$APP.Fk,e,$APP.dq,h,$APP.Xr,k,ez,m,fz,r,$APP.$m,u],null)])))}},qz=function(a){a=$APP.Gg([$APP.Hr,$APP.ou,hz,iz,$APP.Ep,$APP.hv,jz,$APP.Gq,kz,$APP.Qq,lz],[a.getAttribute("position"),a.getAttribute("blur"),a.getAttribute("magnet-strength"),a.getAttribute("ripple-speed"),a.getAttribute("threshold"),a.getAttribute("color"),a.getAttribute("ripple-scale"),
|
|
10
|
+
a.getAttribute("gap"),a.getAttribute("bob-intensity"),a.getAttribute("disabled"),a.getAttribute("magnet-radius")]);var b=$APP.G(a);a=$APP.C(b,$APP.Qq);var c=$APP.C(b,lz),d=$APP.C(b,$APP.Hr),e=$APP.C(b,$APP.ou),f=$APP.C(b,hz),h=$APP.C(b,iz),k=$APP.C(b,$APP.Ep),m=$APP.C(b,$APP.hv),r=$APP.C(b,jz),u=$APP.C(b,$APP.Gq);b=$APP.C(b,kz);d=Iy(d);return $APP.Gg([$APP.Ar,mz,nz,$APP.Lt,dz,$APP.Op,$APP.Jr,$APP.Ir,oz,$APP.cv,pz,$APP.Xj],[Py(m),Oy(h),Sy(b),My(k),Ny(r),Ly(e),$APP.z.j(d,"left")||$APP.z.j(d,"right"),
|
|
11
|
+
Ky(u),Qy(c),d,Ry(f),a!=null])},rz=function(a){a=$APP.$m.i($APP.l(a,"__xLiquidDockRefs"));return $APP.n(a)?a.assignedElements():null},sz=function(a){var b=$APP.G($APP.l(a,"__xLiquidDockRefs")),c=$APP.C(b,ez);b=function(){var u=rz(a);return $APP.n(u)?u:[]}().length*2;for(var d=function(){var u=$APP.l(a,"__xLiquidDockBlobs");return $APP.n(u)?u:[]}(),e=function(){var u=$APP.l(a,"__xLiquidDockBlobSt");return $APP.n(u)?u:[]}(),f=d.length,h=f;;)if(h<b){var k=document.createElement("div"),m=$APP.qe(h);k.className=
|
|
12
|
+
m?"blob blob-rest":"blob blob-phantom";var r=m?52:44;k.style.width=""+$APP.P.i(r)+"px";k.style.height=""+$APP.P.i(r)+"px";c.appendChild(k);d.push(k);e.push(m?{type:"rest"}:{type:"phantom",cpDx:0,cpDy:0,cpScale:.6,cLift:0,cRot:0,cScale:1});h+=1}else break;for(c=f;;)if(c>b)f=d.pop(),e.pop(),$APP.n(f.parentNode)&&f.parentNode.removeChild(f),--c;else break;$APP.Q(a,"__xLiquidDockBlobs",d);$APP.Q(a,"__xLiquidDockBlobSt",e)},tz=function(a){var b=$APP.G($APP.l(a,"__xLiquidDockRefs")),c=$APP.C(b,$APP.dq);
|
|
13
|
+
b=rz(a);b=$APP.n(b)?b:[];var d=b.length,e=[];if($APP.n($APP.n(c)?d>0:c)){c=c.getBoundingClientRect();for(var f=0;;)if(f<d){var h=b[f].getBoundingClientRect();e.push({cx:h.left+h.width/2-c.left,cy:h.top+h.height/2-c.top});f+=1}else break}return $APP.Q(a,"__xLiquidDockItemsR",e)},uz=function(a,b){var c=$APP.G(b);b=$APP.C(c,$APP.Ar);c=$APP.C(c,$APP.Ir);$APP.n(b)?a.style.setProperty("--x-liquid-dock-color",b):a.style.removeProperty("--x-liquid-dock-color");a.style.setProperty("--x-liquid-dock-gap",""+
|
|
14
|
+
$APP.P.i(c)+"px")},wz=function(a){if($APP.D(window.matchMedia("(prefers-reduced-motion:reduce)").matches)||$APP.n($APP.Xj.i($APP.l(a,"__xLiquidDockModel"))))return null;$APP.Q(a,"__xLiquidDockSeed",0);return $APP.bj(a,"__xLiquidDockRaf",requestAnimationFrame(function(){return vz(a)}))},xz=function(a){var b=$APP.l(a,"__xLiquidDockRaf");$APP.n(b)&&(cancelAnimationFrame(b),$APP.bj(a,"__xLiquidDockRaf",null))},yz=function(a){a=rz(a);if($APP.n(a))for(var b=a.length,c=0;;)if(c<b)a[c].style.transform="",
|
|
15
|
+
c+=1;else break},zz=function(a,b,c,d){$APP.Q(a,"__xLiquidDockBurst",Date.now());return $APP.jj(a,"x-liquid-dock-select",$APP.gm(new $APP.M(null,3,["index",b,"item",c,"source",d],null)))},Az=function(a,b){var c=$APP.l(a,"__xLiquidDockModel");if($APP.n($APP.Xj.i(c)))return null;var d=rz(a),e=$APP.n(d)?d.length:null,f=b.key,h=$APP.Jr.i(c);c=$APP.n(h)?"ArrowUp":"ArrowLeft";h=$APP.n(h)?"ArrowDown":"ArrowRight";var k=$APP.l(a,"__xLiquidDockFocus");k=$APP.n(k)?k:-1;if($APP.n($APP.n(e)?e>0:e)){if($APP.z.j(f,
|
|
16
|
+
c))return b.preventDefault(),b=k<1?e-1:k-1,$APP.Q(a,"__xLiquidDockFocus",b),d[b].focus();if($APP.z.j(f,h))return b.preventDefault(),b=k>=e-1?0:k+1,$APP.Q(a,"__xLiquidDockFocus",b),d[b].focus();if(($APP.z.j(f,"Enter")||$APP.z.j(f," "))&&k>=0)return b.preventDefault(),zz(a,k,d[k],"keyboard")}return null},Bz=function(a){sz(a);var b=rz(a);if($APP.n(b))for(var c=b.length,d=0;;)if(d<c){var e=b[d];e.getAttribute("tabindex")==null&&$APP.T(e,"tabindex","0");d+=1}else break;return requestAnimationFrame(function(){return tz(a)})},
|
|
17
|
+
Cz=function(a){function b(){return Bz(a)}function c(k){return Az(a,k)}function d(k){if($APP.n($APP.Xj.i($APP.l(a,"__xLiquidDockModel"))))var m=null;else if(m=rz(a),$APP.n(m)){b:{k=k.target;for(var r=m.length,u=0;;)if(u<r){if($APP.z.j(k,m[u])){k=u;break b}u+=1}else{k=null;break b}k=void 0}m=$APP.n(k)?zz(a,k,m[k],"pointer"):null}else m=null;return m}function e(){$APP.l(a,"__xLiquidDockMouse").active=!1}function f(k){var m=$APP.G($APP.l(a,"__xLiquidDockRefs"));m=$APP.C(m,$APP.dq);if($APP.n(m)){m=m.getBoundingClientRect();
|
|
18
|
+
var r=$APP.l(a,"__xLiquidDockMouse");r.x=k.clientX-m.left;r.y=k.clientY-m.top;r.active=!0;k=void 0}else k=null;return k}var h=$APP.G($APP.l(a,"__xLiquidDockRefs"));h=$APP.C(h,$APP.$m);a.addEventListener("pointermove",f);a.addEventListener("pointerleave",e);a.addEventListener("click",d);a.addEventListener("keydown",c);$APP.n(h)&&h.addEventListener("slotchange",b);$APP.Q(a,"__xLiquidDockHdl",new $APP.M(null,5,[$APP.ms,f,$APP.zr,e,$APP.vs,d,$APP.Wr,c,$APP.$m,b],null))},Dz=function(a){var b=$APP.l(a,
|
|
19
|
+
"__xLiquidDockHdl");if($APP.n(b)){a.removeEventListener("pointermove",$APP.ms.i(b));a.removeEventListener("pointerleave",$APP.zr.i(b));a.removeEventListener("click",$APP.vs.i(b));a.removeEventListener("keydown",$APP.Wr.i(b));var c=$APP.l(a,"__xLiquidDockRefs");$APP.n(c)&&(c=$APP.G(c),c=$APP.C(c,$APP.$m),$APP.n(c)&&c.removeEventListener("slotchange",$APP.$m.i(b)));$APP.Q(a,"__xLiquidDockHdl",null)}},Ez=function(a){$APP.sj(a,"position","position",Iy);$APP.sj(a,"gap","gap",Ky);$APP.sj(a,"blur","blur",
|
|
20
|
+
Ly);$APP.sj(a,"threshold","threshold",My);$APP.sj(a,"rippleScale","ripple-scale",Ny);$APP.sj(a,"rippleSpeed","ripple-speed",Oy);$APP.sj(a,"color","color",Py);$APP.sj(a,"magnetRadius","magnet-radius",Qy);$APP.sj(a,"magnetStrength","magnet-strength",Ry);$APP.sj(a,"bobIntensity","bob-intensity",Sy);return $APP.mj(a,"disabled","disabled")},Fz=function(a){var b=qz(a);$APP.Q(a,"__xLiquidDockModel",b);$APP.Q(a,"__xLiquidDockMouse",{x:0,y:0,active:!1});$APP.Q(a,"__xLiquidDockBlobs",[]);$APP.Q(a,"__xLiquidDockBlobSt",
|
|
21
|
+
[]);$APP.Q(a,"__xLiquidDockItemsR",[]);$APP.Q(a,"__xLiquidDockFocus",-1);$APP.Q(a,"__xLiquidDockBurst",0);gz(a);uz(a,b);$APP.n(a.hasAttribute("role"))||$APP.T(a,"role","navigation");Dz(a);Cz(a);b=$APP.l(a,"__xLiquidDockRO");$APP.n(b)&&b.disconnect();b=new ResizeObserver(function(){return tz(a)});$APP.Q(a,"__xLiquidDockRO",b);b.observe(a);return requestAnimationFrame(function(){sz(a);tz(a);return wz(a)})},Gz=function(a){xz(a);Dz(a);yz(a);var b=$APP.l(a,"__xLiquidDockRO");return $APP.n(b)?(b.disconnect(),
|
|
22
|
+
$APP.Q(a,"__xLiquidDockRO",null)):null},Hz=function(a,b,c,d){if($APP.I(c,d))if(b=qz(a),$APP.I(b,$APP.l(a,"__xLiquidDockModel"))){if($APP.n($APP.l(a,"__xLiquidDockRefs"))){d=$APP.G(b);var e=$APP.C(d,$APP.Op);c=$APP.C(d,$APP.Lt);d=$APP.C(d,dz);var f=$APP.l(a,"__xLiquidDockRefs"),h=$APP.ar.i(f);$APP.n(h)&&$APP.T(h,"stdDeviation",""+$APP.P.i(e));e=$APP.Uu.i(f);$APP.n(e)&&$APP.T(e,"values",c);c=$APP.xr.i(f);$APP.n(c)&&$APP.T(c,"scale",""+$APP.P.i(d));uz(a,b);tz(a);$APP.n($APP.Xj.i(b))?(xz(a),yz(a)):$APP.n($APP.l(a,
|
|
23
|
+
"__xLiquidDockRaf"))||wz(a)}a=$APP.Q(a,"__xLiquidDockModel",b)}else a=null;else a=null;return a},Jz=function(){return $APP.zi("x-liquid-dock",new $APP.M(null,5,[$APP.ji,Iz,$APP.hi,Fz,$APP.ei,Gz,$APP.di,Hz,$APP.ii,Ez],null))},mz=new $APP.F(null,"ripple-speed","ripple-speed",229709223),dz=new $APP.F(null,"ripple-scale","ripple-scale",-1874116111),lz=new $APP.F(null,"magnet-radius-raw","magnet-radius-raw",1386161852),Kz=new $APP.F(null,"bobIntensity","bobIntensity",-531647277),fz=new $APP.F(null,"items-div",
|
|
24
|
+
"items-div",-555506089),Lz=new $APP.F(null,"magnetStrength","magnetStrength",331224709),Mz=new $APP.F(null,"rippleScale","rippleScale",-1633180735),oz=new $APP.F(null,"magnet-radius","magnet-radius",1447549494),ez=new $APP.F(null,"liquid","liquid",1322031275),Uy=new $APP.F(null,"influence","influence",1453493017),kz=new $APP.F(null,"bob-intensity-raw","bob-intensity-raw",-669810474),Zy=new $APP.F(null,"dy","dy",1719547243),Yy=new $APP.F(null,"dx","dx",-381796732),hz=new $APP.F(null,"magnet-strength-raw",
|
|
25
|
+
"magnet-strength-raw",535053898),iz=new $APP.F(null,"ripple-speed-raw","ripple-speed-raw",-1426902422),Nz=new $APP.F(null,"rippleSpeed","rippleSpeed",-1816718091),Wy=new $APP.F(null,"ty","ty",158290825),Vy=new $APP.F(null,"tx","tx",466630418),nz=new $APP.F(null,"bob-intensity","bob-intensity",-981181657),Oz=new $APP.F(null,"magnetRadius","magnetRadius",1616130031),pz=new $APP.F(null,"magnet-strength","magnet-strength",-1089389895),jz=new $APP.F(null,"ripple-scale-raw","ripple-scale-raw",1254964336);var Iz="position gap blur threshold ripple-scale ripple-speed color magnet-radius magnet-strength disabled bob-intensity".split(" ");$APP.je(["x-liquid-dock-select",new $APP.M(null,4,[$APP.V,new $APP.M(null,3,[$APP.Jp,$APP.Y,$APP.ds,$APP.Ap,$APP.mt,$APP.X],null),$APP.xu,!0,$APP.Ou,!0,$APP.gu,!0],null)]);
|
|
26
|
+
$APP.Gg([Mz,$APP.Ar,Lz,$APP.zm,$APP.Lt,Oz,Kz,$APP.Op,Nz,$APP.Ir,$APP.cv],[new $APP.M(null,1,[$APP.N,$APP.Y],null),new $APP.M(null,1,[$APP.N,$APP.X],null),new $APP.M(null,1,[$APP.N,$APP.Y],null),new $APP.M(null,1,[$APP.N,$APP.vj],null),new $APP.M(null,1,[$APP.N,$APP.X],null),new $APP.M(null,1,[$APP.N,$APP.Y],null),new $APP.M(null,1,[$APP.N,$APP.Y],null),new $APP.M(null,1,[$APP.N,$APP.Y],null),new $APP.M(null,1,[$APP.N,$APP.Y],null),new $APP.M(null,1,[$APP.N,$APP.Y],null),new $APP.M(null,1,[$APP.N,
|
|
27
|
+
$APP.X],null)]);var Hy=new $APP.ch(null,new $APP.M(null,4,["right",null,"top",null,"bottom",null,"left",null],null),null);var bz=[0],cz=":host{display:block;position:fixed;z-index:var("+$APP.P.i("--x-liquid-dock-z-index")+",50);pointer-events:auto;"+$APP.P.i("--x-liquid-dock-color")+':var(--x-color-primary,#6366f1);}:host(:not([position])),:host([position\x3d"bottom"]){bottom:12px;left:50%;transform:translateX(-50%);}:host([position\x3d"top"]){top:12px;left:50%;transform:translateX(-50%);}:host([position\x3d"left"]){left:12px;top:50%;transform:translateY(-50%);}:host([position\x3d"right"]){right:12px;top:50%;transform:translateY(-50%);}[part\x3ddock]{display:flex;align-items:center;gap:var('+
|
|
28
28
|
$APP.P.i("--x-liquid-dock-gap")+",8px);padding:var("+$APP.P.i("--x-liquid-dock-padding")+",8px);border-radius:var("+$APP.P.i("--x-liquid-dock-radius")+",20px);background:var("+$APP.P.i("--x-liquid-dock-bg")+",rgba(255,255,255,0.88));border:1px solid var("+$APP.P.i("--x-liquid-dock-border")+",rgba(148,163,184,0.22));box-shadow:var("+$APP.P.i("--x-liquid-dock-shadow")+',0 8px 24px rgba(15,23,42,0.12));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);position:relative;outline:none;}:host([position\x3d"left"]) [part\x3ddock],:host([position\x3d"right"]) [part\x3ddock]{flex-direction:column;}[part\x3dfilter-svg]{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none;}[part\x3dliquid-layer]{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none;}.blob{position:absolute;border-radius:50%;will-change:transform;pointer-events:none;background:var('+
|
|
29
29
|
$APP.P.i("--x-liquid-dock-color")+',#6366f1);top:0;left:0;}.blob-rest{opacity:0.65;}.blob-phantom{opacity:0.5;}[part\x3ditems]{display:flex;align-items:center;gap:inherit;position:relative;z-index:1;}:host([position\x3d"left"]) [part\x3ditems],:host([position\x3d"right"]) [part\x3ditems]{flex-direction:column;}::slotted(*){width:var('+$APP.P.i("--x-liquid-dock-item-size")+",48px);height:var("+$APP.P.i("--x-liquid-dock-item-size")+",48px);display:flex;align-items:center;justify-content:center;cursor:pointer;will-change:transform;position:relative;z-index:1;border:none;background:transparent;color:inherit;font-size:1.4em;transition:none;border-radius:50%;}::slotted(:hover){background:color-mix(in srgb,var("+
|
|
30
30
|
$APP.P.i("--x-liquid-dock-color")+",#6366f1) 12%,transparent);}::slotted(:focus-visible){outline:2px solid var("+$APP.P.i("--x-liquid-dock-color")+",#6366f1);outline-offset:2px;}@media(prefers-color-scheme:dark){:host{--x-liquid-dock-bg:rgba(15,23,42,0.84);--x-liquid-dock-border:rgba(51,65,85,0.9);--x-liquid-dock-shadow:var(--x-shadow-lg,0 14px 36px rgba(0,0,0,0.35));--x-liquid-dock-color:var(--x-color-primary,#818cf8);}}@media(prefers-reduced-motion:reduce){.blob{transition:none!important;}::slotted(*){transition:none!important;}}",
|
|
31
|
-
|
|
32
|
-
$APP.l(a,"__xLiquidDockBurst");return $APP.n(rc)?rc:0}();var Z=R-d<300;if(Z){R=(1-(R-d)/300)*20;var ka=
|
|
33
|
-
H);ha=f[Na];cb=
|
|
34
|
-
cb;ha.cRot=La;ha.cScale=Na;Hb=S+R*2.39996;nb=1-ka*.7;ka=Math.sin(Hb)*1.8*nb*E;ha=Math.cos(Hb*.7)*.8*nb*E;var Vb=Math.sin(Hb*1.3)*1.2*nb*E;Hb=k[R];nb=$APP.
|
|
35
|
-
e=.012+.006*Math.sin(f);$APP.Q(a,"__xLiquidDockSeed",f);f=$APP.
|
|
31
|
+
vz=function vz(a){if($APP.n(a.isConnected)){var c=$APP.l(a,"__xLiquidDockModel"),d=$APP.l(a,"__xLiquidDockMouse"),e=$APP.l(a,"__xLiquidDockBlobs"),f=$APP.l(a,"__xLiquidDockBlobSt"),h=$APP.l(a,"__xLiquidDockItemsR"),k=function(){var rc=rz(a);return $APP.n(rc)?rc:[]}(),m=$APP.qo.j(h.length,k.length),r=$APP.l(d,"x"),u=$APP.l(d,"y"),x=$APP.l(d,"active"),y=oz.i(c),A=pz.i(c),E=nz.i(c),H=$APP.cv.i(c),O=1+A*.8,S=function(){var rc=$APP.l(a,"__xLiquidDockSeed");return $APP.n(rc)?rc:0}(),R=Date.now();d=function(){var rc=
|
|
32
|
+
$APP.l(a,"__xLiquidDockBurst");return $APP.n(rc)?rc:0}();var Z=R-d<300;if(Z){R=(1-(R-d)/300)*20;var ka=dz.i(c),ha=$APP.xr.i($APP.l(a,"__xLiquidDockRefs"));$APP.n(ha)&&$APP.aj(ha,"scale",""+$APP.P.i(ka+R))}for(R=0;;)if(R<m){ka=h[R];var na=$APP.l(ka,"cx"),La=$APP.l(ka,"cy");ha=R*2;var Na=ha+1;if(Na<e.length){ka=Uy.i($APP.n(x)?Xy(na,La,r,u,y,A,O):new $APP.M(null,4,[Uy,0,$APP.Kq,1,Vy,0,Wy,0],null));ha=e[ha];var cb="translate("+$APP.P.i(na-26)+"px,"+$APP.P.i(La-26)+"px)";ha.style.transform=cb;var nb=$y(ka,
|
|
33
|
+
H);ha=f[Na];cb=Yy.i(nb);var Hb=Zy.i(nb);nb=$APP.Kq.i(nb);cb=Ty($APP.l(ha,"cpDx"),cb);Hb=Ty($APP.l(ha,"cpDy"),Hb);nb=Ty($APP.l(ha,"cpScale"),nb);ha.cpDx=cb;ha.cpDy=Hb;ha.cpScale=nb;Na=e[Na];La="translate("+$APP.P.i(na-22+cb)+"px,"+$APP.P.i(La-22+Hb)+"px) scale("+$APP.P.i(nb)+")";Na.style.transform=La;Na=az(ka,$APP.n(x)?function(){var rc=r-na;return rc>1?1:rc<-1?-1:0}():0,H,E);cb=Ty($APP.l(ha,"cLift"),$APP.mu.i(Na));La=Ty($APP.l(ha,"cRot"),$APP.Tt.i(Na));Na=Ty($APP.l(ha,"cScale"),$APP.Kq.i(Na));ha.cLift=
|
|
34
|
+
cb;ha.cRot=La;ha.cScale=Na;Hb=S+R*2.39996;nb=1-ka*.7;ka=Math.sin(Hb)*1.8*nb*E;ha=Math.cos(Hb*.7)*.8*nb*E;var Vb=Math.sin(Hb*1.3)*1.2*nb*E;Hb=k[R];nb=$APP.Jr.i(c);cb+=$APP.n(nb)?ha:ka;La+=Vb;ka=$APP.n(nb)?"translate("+$APP.P.i(cb)+"px,"+$APP.P.i(ka)+"px) rotate("+$APP.P.i(La)+"deg) scale("+$APP.P.i(Na)+")":"translate("+$APP.P.i(ha)+"px,"+$APP.P.i(cb)+"px) rotate("+$APP.P.i(La)+"deg) scale("+$APP.P.i(Na)+")";Hb.style.transform=ka}R+=1}else break;f=$APP.l(a,"__xLiquidDockSeed")+mz.i(c);h=$APP.l(a,"__xLiquidDockRefs");
|
|
35
|
+
e=.012+.006*Math.sin(f);$APP.Q(a,"__xLiquidDockSeed",f);f=$APP.Ft.i(h);$APP.n(f)&&$APP.aj(f,"baseFrequency",""+$APP.P.i(e));!Z&&d>0&&(d=$APP.xr.i($APP.l(a,"__xLiquidDockRefs")),$APP.n(d)&&$APP.aj(d,"scale",""+$APP.P.i(dz.i(c))),$APP.Q(a,"__xLiquidDockBurst",0));return $APP.bj(a,"__xLiquidDockRaf",requestAnimationFrame(function(){return vz.i?vz.i(a):vz.call(null,a)}))}return null};$APP.fa("baredom.exports.x_liquid_dock.init",Jz);export const init=Jz;
|
package/dist/x-liquid-fill.js
CHANGED
|
@@ -1,43 +1,43 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var l$=function(a){a=typeof a==="string"?a.trim().toLowerCase():null;return $APP.ed(
|
|
3
|
-
.7)},r$=function(a){if(typeof a==="string"){a=a.trim();if($APP.z.j(a,""))return 3;a=parseInt(a,10);return $APP.n(isNaN(a))?3:Math.min(5,Math.max(2,a))}return 3},u$=function(a,b){b=b>1?a/(b-1):1;return new $APP.M(null,6,[
|
|
4
|
-
3+b+d)+.3*Math.sin(a*6.283185307179586*5+b*1.3+d*1.7)+.2*Math.sin(a*6.283185307179586*7+b*.7+d*2.3))},
|
|
5
|
-
b=c.getPropertyValue("overflow-y");c=c.getPropertyValue("overflow-x");if($APP.z.j(b,"auto")||$APP.z.j(b,"scroll")||$APP.z.j(c,"auto")||$APP.z.j(c,"scroll"))break a;a=a.parentElement}else{a=null;break a}a=void 0}return a},
|
|
6
|
-
a.scrollHeight,a.clientHeight]},
|
|
2
|
+
var l$=function(a){a=typeof a==="string"?a.trim().toLowerCase():null;return $APP.ed(vva,a)?a:"vertical"},m$=function(a){a=typeof a==="string"?a.trim().toLowerCase():null;return $APP.ed(wva,a)?a:"fill"},n$=function(a){a=typeof a==="string"?a.trim().toLowerCase():null;return $APP.ed(xva,a)?a:"gold"},o$=function(a,b){if(typeof a==="string"){a=a.trim();if($APP.z.j(a,""))return b;a=parseFloat(a);return $APP.n(isNaN(a))?b:Math.min(1,Math.max(0,a))}return b},p$=function(a){return o$(a,.5)},q$=function(a){return o$(a,
|
|
3
|
+
.7)},r$=function(a){if(typeof a==="string"){a=a.trim();if($APP.z.j(a,""))return 3;a=parseInt(a,10);return $APP.n(isNaN(a))?3:Math.min(5,Math.max(2,a))}return 3},u$=function(a,b){b=b>1?a/(b-1):1;return new $APP.M(null,6,[yva,a*2.39996,s$,.7+.6*b,t$,.6+.8*b,$APP.Jt,200-a*30,$APP.Cs,10+a*3,$APP.Qp,1],null)},zva=function(a,b,c){b-=c;return b<=0?0:Math.min(1,Math.max(0,a/b))},Ava=function(a,b,c){return c<=.001?0:Math.min(1,Math.abs(a-b)/c/2E3)},v$=function(a,b,c,d){return c*(.5*Math.sin(a*6.283185307179586*
|
|
4
|
+
3+b+d)+.3*Math.sin(a*6.283185307179586*5+b*1.3+d*1.7)+.2*Math.sin(a*6.283185307179586*7+b*.7+d*2.3))},Bva=function(a,b,c,d,e,f){b=c+(e*(b-a)-f*c)*d;return[a+b*d,b]},Cva=function(a,b,c){return a+(b-a)*c},Dva=function(){var a=w$+1;return w$=a},x$=function(){return $APP.D(window.matchMedia("(prefers-reduced-motion:reduce)").matches)},y$=function(a,b){if(typeof b==="string"&&$APP.I(b.trim(),""))a=document.querySelector(b);else a:{for(a=a.parentElement;;)if($APP.n(a)){var c=window.getComputedStyle(a);
|
|
5
|
+
b=c.getPropertyValue("overflow-y");c=c.getPropertyValue("overflow-x");if($APP.z.j(b,"auto")||$APP.z.j(b,"scroll")||$APP.z.j(c,"auto")||$APP.z.j(c,"scroll"))break a;a=a.parentElement}else{a=null;break a}a=void 0}return a},Eva=function(a,b){return a==null?$APP.z.j(b,"horizontal")?[window.scrollX,document.documentElement.scrollWidth,window.innerWidth]:[window.scrollY,document.documentElement.scrollHeight,window.innerHeight]:$APP.z.j(b,"horizontal")?[a.scrollLeft,a.scrollWidth,a.clientWidth]:[a.scrollTop,
|
|
6
|
+
a.scrollHeight,a.clientHeight]},Hva=function(a){var b=Dva(),c=a.attachShadow({mode:"open"}),d=document.createElement("style"),e=document.createElement("div"),f=document.createElementNS("http://www.w3.org/2000/svg","svg"),h=document.createElementNS("http://www.w3.org/2000/svg","defs"),k=document.createElementNS("http://www.w3.org/2000/svg","radialGradient"),m=document.createElementNS("http://www.w3.org/2000/svg","stop"),r=document.createElementNS("http://www.w3.org/2000/svg","stop"),u=document.createElementNS("http://www.w3.org/2000/svg",
|
|
7
7
|
"stop"),x=document.createElementNS("http://www.w3.org/2000/svg","filter"),y=document.createElementNS("http://www.w3.org/2000/svg","feGaussianBlur"),A=document.createElementNS("http://www.w3.org/2000/svg","feSpecularLighting"),E=document.createElementNS("http://www.w3.org/2000/svg","fePointLight"),H=document.createElementNS("http://www.w3.org/2000/svg","feComposite"),O=document.createElementNS("http://www.w3.org/2000/svg","feComposite"),S=$APP.Ba(function(){return function Na(La){return new $APP.Id(null,
|
|
8
8
|
function(){for(;;){var cb=$APP.q(La);if(cb){if($APP.$c(cb)){var nb=$APP.Fb(cb),Hb=$APP.w(nb),Vb=$APP.Md(Hb);a:{for(var rc=0;;)if(rc<Hb){$APP.Jc(nb,rc);var Qf=Vb,tg=document.createElementNS("http://www.w3.org/2000/svg","path");Qf.add(tg);rc+=1}else{nb=!0;break a}nb=void 0}return nb?$APP.Rd(Vb.da(),Na($APP.Gb(cb))):$APP.Rd(Vb.da(),null)}$APP.t(cb);return $APP.Fd(document.createElementNS("http://www.w3.org/2000/svg","path"),Na($APP.gc(cb)))}return null}},null)}($APP.xh(0,5))}()),R=document.createElement("div"),
|
|
9
|
-
Z=document.createElement("slot"),ka=""+$APP.P.i("xlf-grad-")+$APP.P.i(b),ha=""+$APP.P.i("xlf-spec-")+$APP.P.i(b);d.textContent=
|
|
9
|
+
Z=document.createElement("slot"),ka=""+$APP.P.i("xlf-grad-")+$APP.P.i(b),ha=""+$APP.P.i("xlf-spec-")+$APP.P.i(b);d.textContent=Fva;$APP.T(e,"part","container");$APP.T(f,"part","svg");$APP.T(f,"viewBox","0 0 300 200");$APP.T(f,"preserveAspectRatio","none");$APP.T(f,"aria-hidden","true");$APP.T(k,"id",ka);$APP.T(k,"gradientUnits","userSpaceOnUse");$APP.T(k,"cx","150");$APP.T(k,"cy","200");$APP.T(k,"r","200");$APP.T(k,"fx","150");$APP.T(k,"fy","200");$APP.T(m,"offset","0%");$APP.T(m,"stop-color","var("+
|
|
10
10
|
$APP.P.i("--x-liquid-fill-color-1")+",#B8860B)");$APP.T(r,"offset","50%");$APP.T(r,"stop-color","var("+$APP.P.i("--x-liquid-fill-color-2")+",#D4AF37)");$APP.T(u,"offset","100%");$APP.T(u,"stop-color","var("+$APP.P.i("--x-liquid-fill-color-3")+",#F9F295)");k.appendChild(m);k.appendChild(r);k.appendChild(u);$APP.T(x,"id",ha);$APP.T(x,"x","-10%");$APP.T(x,"y","-10%");$APP.T(x,"width","120%");$APP.T(x,"height","120%");$APP.T(y,"in","SourceAlpha");$APP.T(y,"stdDeviation","3");$APP.T(y,"result","blur");
|
|
11
11
|
$APP.T(A,"in","blur");$APP.T(A,"surfaceScale","5");$APP.T(A,"specularConstant","0.75");$APP.T(A,"specularExponent","20");$APP.T(A,"lighting-color","var("+$APP.P.i("--x-liquid-fill-specular-color")+",rgba(255,255,240,0.6))");$APP.T(A,"result","specular");A.appendChild(E);$APP.T(E,"x","90");$APP.T(E,"y","-50");$APP.T(E,"z","200");$APP.T(H,"in","specular");$APP.T(H,"in2","SourceAlpha");$APP.T(H,"operator","in");$APP.T(H,"result","specClip");$APP.T(O,"in","SourceGraphic");$APP.T(O,"in2","specClip");$APP.T(O,
|
|
12
12
|
"operator","arithmetic");$APP.T(O,"k1","0");$APP.T(O,"k2","1");$APP.T(O,"k3","1");$APP.T(O,"k4","0");x.appendChild(y);x.appendChild(A);x.appendChild(H);x.appendChild(O);h.appendChild(k);h.appendChild(x);f.appendChild(h);for(h=0;;)if(h<5)m=S[h],$APP.T(m,"class","wave-layer"),$APP.T(m,"data-layer",""+$APP.P.i(h)),$APP.T(m,"fill","url(#"+$APP.P.i(ka)+")"),m.style.display="none",f.appendChild(m),h+=1;else break;$APP.T(R,"part","content");R.appendChild(Z);e.appendChild(f);e.appendChild(R);c.appendChild(d);
|
|
13
|
-
c.appendChild(e);$APP.Q(a,"__xLiquidFillUid",b);$APP.Q(a,"__xLiquidFillRefs",new $APP.M(null,8,[$APP.Fk,c,$APP.
|
|
14
|
-
var c=$APP.C(b,$APP.
|
|
15
|
-
"__xLiquidFillRefs"));a=$APP.C(c,z$);c=$APP.C(c,C$);for(var d=0;;)if(d<5){var e=a[d];if(d<b){var f=u$(d,b),h=$APP.z.j(d,b-1);e.style.display="";$APP.T(e,"opacity",""+$APP.P.i($APP.
|
|
16
|
-
"__xLiquidFillTime"),f=$APP.l(a,"__xLiquidFillProg"),h=$APP.
|
|
13
|
+
c.appendChild(e);$APP.Q(a,"__xLiquidFillUid",b);$APP.Q(a,"__xLiquidFillRefs",new $APP.M(null,8,[$APP.Fk,c,$APP.Xr,f,z$,S,$APP.bq,R,A$,E,B$,k,C$,ha,Gva,ka],null))},K$=function(a){a=new $APP.M(null,8,[$APP.pt,a.getAttribute("target"),$APP.Rt,a.getAttribute("orientation"),$APP.Ml,a.getAttribute("mode"),D$,a.getAttribute("theme"),E$,a.getAttribute("wave-intensity"),F$,a.getAttribute("splash-intensity"),G$,a.getAttribute("layers"),$APP.Qq,a.getAttribute("disabled")],null);var b=$APP.G(a);a=$APP.C(b,$APP.pt);
|
|
14
|
+
var c=$APP.C(b,$APP.Rt),d=$APP.C(b,$APP.Ml),e=$APP.C(b,D$),f=$APP.C(b,E$),h=$APP.C(b,F$),k=$APP.C(b,G$);b=$APP.C(b,$APP.Qq);return new $APP.M(null,8,[$APP.iv,typeof a==="string"&&$APP.I(a.trim(),"")?a.trim():null,$APP.kt,l$(c),$APP.Sl,m$(d),H$,n$(e),I$,p$(f),J$,q$(h),$APP.Rq,r$(k),$APP.Xj,b!=null],null)},L$=function(a,b){$APP.Q(a,"__xLiquidFillWA",new Float64Array(b));$APP.Q(a,"__xLiquidFillWV",new Float64Array(b));$APP.Q(a,"__xLiquidFillWP",new Float64Array(b))},M$=function(a,b){var c=$APP.G($APP.l(a,
|
|
15
|
+
"__xLiquidFillRefs"));a=$APP.C(c,z$);c=$APP.C(c,C$);for(var d=0;;)if(d<5){var e=a[d];if(d<b){var f=u$(d,b),h=$APP.z.j(d,b-1);e.style.display="";$APP.T(e,"opacity",""+$APP.P.i($APP.Qp.i(f)));h?$APP.T(e,"filter","url(#"+$APP.P.i(c)+")"):$APP.U(e,"filter")}else e.style.display="none";d+=1}else break},N$=function(a){return $APP.z.j("vertical",$APP.kt.i(a))&&$APP.I("bar",$APP.Sl.i(a))},O$=function(a){var b=$APP.l(a,"__xLiquidFillModel"),c=$APP.l(a,"__xLiquidFillW"),d=$APP.l(a,"__xLiquidFillH"),e=$APP.l(a,
|
|
16
|
+
"__xLiquidFillTime"),f=$APP.l(a,"__xLiquidFillProg"),h=$APP.Rq.i(b);b=N$(b);var k=$APP.l(a,"__xLiquidFillWA"),m=$APP.l(a,"__xLiquidFillWP");a=$APP.G($APP.l(a,"__xLiquidFillRefs"));a=$APP.C(a,z$);if($APP.n($APP.n(c)?$APP.n(d)?c>0&&d>0:d:c))for(var r=0;;)if(r<h){var u=a[r],x=k[r],y=m[r];if(b){var A=d*(1-f),E=c,H=d,O=e,S=[];S.push("M0,"+$APP.P.i((A+v$(0,O,x,y)).toFixed(2)));for(var R=0;;)if(R<10){var Z=(R+.5)/10,ka=(R+1)/10,ha=A+v$(Z,O,x,y),na=ka*E;ka=A+v$(ka,O,x,y);S.push("Q"+$APP.P.i((Z*E).toFixed(2))+
|
|
17
17
|
","+$APP.P.i(ha.toFixed(2))+" "+$APP.P.i(na.toFixed(2))+","+$APP.P.i(ka.toFixed(2)));R+=1}else break;S.push("L"+$APP.P.i(E.toFixed(2))+","+$APP.P.i(H.toFixed(2)));S.push("L0,"+$APP.P.i(H.toFixed(2)));S.push("Z");u.setAttribute("d",S.join(""))}else{A=c*f;E=d;H=e;O=x;x=y;y=[];y.push("M"+$APP.P.i((A+v$(0,H,O,x)).toFixed(2))+",0");for(S=0;;)if(S<10)R=(S+.5)/10,na=(S+1)/10,Z=R*E,ha=na*E,na=A+v$(na,H,O,x),y.push("Q"+$APP.P.i((A+v$(R,H,O,x)).toFixed(2))+","+$APP.P.i(Z.toFixed(2))+" "+$APP.P.i(na.toFixed(2))+
|
|
18
|
-
","+$APP.P.i(ha.toFixed(2))),S+=1;else break;y.push("L0,"+$APP.P.i(E.toFixed(2)));y.push("L0,0");y.push("Z");u.setAttribute("d",y.join(""))}r+=1}else break},P$=function(a){var b=$APP.l(a,"__xLiquidFillModel"),c=$APP.l(a,"__xLiquidFillW"),d=$APP.l(a,"__xLiquidFillH");var e=$APP.l(a,"__xLiquidFillProg");e=$APP.n(e)?e:0;var f=$APP.
|
|
18
|
+
","+$APP.P.i(ha.toFixed(2))),S+=1;else break;y.push("L0,"+$APP.P.i(E.toFixed(2)));y.push("L0,0");y.push("Z");u.setAttribute("d",y.join(""))}r+=1}else break},P$=function(a){var b=$APP.l(a,"__xLiquidFillModel"),c=$APP.l(a,"__xLiquidFillW"),d=$APP.l(a,"__xLiquidFillH");var e=$APP.l(a,"__xLiquidFillProg");e=$APP.n(e)?e:0;var f=$APP.Rq.i(b);b=N$(b);a=$APP.G($APP.l(a,"__xLiquidFillRefs"));a=$APP.C(a,z$);if($APP.n($APP.n(c)?$APP.n(d)?c>0&&d>0:d:c))for(var h=0;;)if(h<f){var k=a[h];if(b){var m=d*(1-e);$APP.T(k,
|
|
19
19
|
"d","M0,"+$APP.P.i(m.toFixed(2))+"L"+$APP.P.i(c.toFixed(2))+","+$APP.P.i(m.toFixed(2))+"L"+$APP.P.i(c.toFixed(2))+","+$APP.P.i(d.toFixed(2))+"L0,"+$APP.P.i(d.toFixed(2))+"Z")}else m=c*e,$APP.T(k,"d","M"+$APP.P.i(m.toFixed(2))+",0L"+$APP.P.i(m.toFixed(2))+","+$APP.P.i(d.toFixed(2))+"L0,"+$APP.P.i(d.toFixed(2))+"L0,0Z");h+=1}else return null;else return null},R$=function(a){if($APP.n($APP.l(a,"__xLiquidFillRaf")))return null;$APP.bj(a,"__xLiquidFillLF",performance.now());return $APP.bj(a,"__xLiquidFillRaf",
|
|
20
|
-
requestAnimationFrame(function(){return Q$(a)}))},S$=function(a){var b=$APP.l(a,"__xLiquidFillRaf");return $APP.n(b)?(cancelAnimationFrame(b),$APP.bj(a,"__xLiquidFillRaf",null)):null},V$=function(a){if($APP.n(function(){var h=a.isConnected;return $APP.n(h)?(h=$APP.l(a,"__xLiquidFillVis"),$APP.n(h)?$APP.p($APP.Xj.i($APP.l(a,"__xLiquidFillModel"))):h):h}())){var b=$APP.l(a,"__xLiquidFillModel");$APP.l(a,"__xLiquidFillST")==null&&$APP.
|
|
21
|
-
a),$APP.Q(a,"__xLiquidFillST",b),U$.i?U$.i(a):U$.call(null,a)));var c=$APP.l(a,"__xLiquidFillModel");b=$APP.l(a,"__xLiquidFillST");var d=$APP.
|
|
22
|
-
h:0}(),d));$APP.Q(a,"__xLiquidFillLS",e);$APP.Q(a,"__xLiquidFillLST",f);$APP.n(function(){var h=$APP.Xj.i(c);return $APP.n(h)?h:x$()}())||R$(a);if($APP.n(function(){var h=$APP.Xj.i(c);return $APP.n(h)?h:x$()}()))return $APP.Q(a,"__xLiquidFillProg",b),P$(a),$APP.hj(a,"x-liquid-fill-progress",$APP.gm(new $APP.M(null,2,[$APP.
|
|
23
|
-
"__xLiquidFillST");$APP.n(a)?a.addEventListener("scroll",c,{passive:!0}):window.addEventListener("scroll",c,{passive:!0});b.scrollAttached=!0}else return null},T$=function(a){var b=$APP.l(a,"__xLiquidFillHdl");if($APP.n($APP.n(b)?$APP.l(b,"scrollAttached"):b)){var c=$APP.l(b,"scroll");a=$APP.l(a,"__xLiquidFillST");$APP.n(a)?a.removeEventListener("scroll",c):window.removeEventListener("scroll",c);b.scrollAttached=!1}else return null},W$=function(a){var b=$APP.
|
|
24
|
-
y$(a,b);$APP.Q(a,"__xLiquidFillST",c);U$(a);V$(a);return b!=null&&c==null?requestAnimationFrame(function(){a:{if($APP.n(a.isConnected)){var d=$APP.
|
|
25
|
-
new IntersectionObserver(function(c){c=c[0].isIntersecting;$APP.Q(a,"__xLiquidFillVis",c);$APP.n(c)?(c=$APP.Xj.i($APP.l(a,"__xLiquidFillModel")),c=$APP.n(c)?c:x$(),c=$APP.n(c)?null:R$(a)):c=S$(a);return c},{threshold:[0]});b.observe(a);$APP.Q(a,"__xLiquidFillIO",b);b=new ResizeObserver(function(c){a:{if(c.length>0){var d=c[0].contentRect;c=d.width;d=d.height;if(c>0&&d>0){$APP.Q(a,"__xLiquidFillW",c);$APP.Q(a,"__xLiquidFillH",d);var e=$APP.G($APP.l(a,"__xLiquidFillRefs")),f=$APP.C(e,$APP.
|
|
26
|
-
A$);e=$APP.C(e,B$);var k=Math.max(c,d);$APP.T(f,"viewBox","0 0 "+$APP.P.i(c)+" "+$APP.P.i(d));$APP.T(h,"x",""+$APP.P.i(c*.3));$APP.T(e,"cx",""+$APP.P.i(c*.5));$APP.T(e,"cy",""+$APP.P.i(d));$APP.T(e,"r",""+$APP.P.i(k));$APP.T(e,"fx",""+$APP.P.i(c*.5));$APP.T(e,"fy",""+$APP.P.i(d));c=$APP.Xj.i($APP.l(a,"__xLiquidFillModel"));c=$APP.n(c)?c:x$();if($APP.n(c)){c=P$(a);break a}O$(a);c=R$(a);break a}}c=null}return c});b.observe(a);$APP.Q(a,"__xLiquidFillRO",b)},Z$=function(a,b){b=$APP.C(
|
|
27
|
-
(a=a.style,a.setProperty("--x-liquid-fill-color-1",$APP
|
|
28
|
-
l$);$APP.sj(a,"mode","mode",m$);$APP.sj(a,"theme","theme",n$);$APP.sj(a,"waveIntensity","wave-intensity",p$);$APP.sj(a,"splashIntensity","splash-intensity",q$);$APP.sj(a,"layers","layers",r$);$APP.mj(a,"disabled","disabled");return Object.defineProperty(a,"progress",{get:function(){var b=$APP.l(this,"__xLiquidFillProg");return $APP.n(b)?b:0},enumerable:!0,configurable:!0})},
|
|
29
|
-
"__xLiquidFillSV",0);$APP.bj(a,"__xLiquidFillTime",0);$APP.Q(a,"__xLiquidFillLD",-1);$APP.Q(a,"__xLiquidFillVis",!0);$APP.n($APP.l(a,"__xLiquidFillRefs"))||
|
|
30
|
-
|
|
31
|
-
(S$(a),a=P$(a)):(O$(a),a=R$(a))):a=null}else a=null;else a=null;else a=null;return a},$$=function(){return $APP.zi("x-liquid-fill",new $APP.M(null,5,[$APP.ji,
|
|
32
|
-
new $APP.F(null,"paths","paths",-1807389588),D$=new $APP.F(null,"theme-raw","theme-raw",1068228849),C$=new $APP.F(null,"filt-id","filt-id",-672558408),I$=new $APP.F(null,"wave-intensity","wave-intensity",-915557489),B$=new $APP.F(null,"grad","grad",1125187229),H$=new $APP.F(null,"theme","theme",-1247880880),Y$=new $APP.F(null,"color-3","color-3",265727868),E$=new $APP.F(null,"wave-intensity-raw","wave-intensity-raw",1563162777),
|
|
33
|
-
"splash-intensity","splash-intensity",-619909243),F$=new $APP.F(null,"splash-intensity-raw","splash-intensity-raw",1573376927);var
|
|
34
|
-
$APP.Gg([new $APP.F(null,"waveIntensity","waveIntensity",695633410),$APP.zm,new $APP.F(null,"splashIntensity","splashIntensity",1275664841),$APP.Sl,$APP.
|
|
35
|
-
new $APP.M(null,2,[$APP.N,$APP.Y,$APP.
|
|
36
|
-
var
|
|
37
|
-
null),"lava",new $APP.M(null,4,[$APP
|
|
20
|
+
requestAnimationFrame(function(){return Q$(a)}))},S$=function(a){var b=$APP.l(a,"__xLiquidFillRaf");return $APP.n(b)?(cancelAnimationFrame(b),$APP.bj(a,"__xLiquidFillRaf",null)):null},V$=function(a){if($APP.n(function(){var h=a.isConnected;return $APP.n(h)?(h=$APP.l(a,"__xLiquidFillVis"),$APP.n(h)?$APP.p($APP.Xj.i($APP.l(a,"__xLiquidFillModel"))):h):h}())){var b=$APP.l(a,"__xLiquidFillModel");$APP.l(a,"__xLiquidFillST")==null&&$APP.iv.i(b)!=null&&(b=y$(a,$APP.iv.i(b)),$APP.n(b)&&(T$.i?T$.i(a):T$.call(null,
|
|
21
|
+
a),$APP.Q(a,"__xLiquidFillST",b),U$.i?U$.i(a):U$.call(null,a)));var c=$APP.l(a,"__xLiquidFillModel");b=$APP.l(a,"__xLiquidFillST");var d=$APP.kt.i(c);d=Eva(b,d);var e=d[0];b=d[1];d=d[2];var f=performance.now();b=zva(e,b,d);d=Ava(e,function(){var h=$APP.l(a,"__xLiquidFillLS");return $APP.n(h)?h:e}(),(f-function(){var h=$APP.l(a,"__xLiquidFillLST");return $APP.n(h)?h:f}())/1E3);$APP.Q(a,"__xLiquidFillTP",b);$APP.Q(a,"__xLiquidFillSV",Math.max(function(){var h=$APP.l(a,"__xLiquidFillSV");return $APP.n(h)?
|
|
22
|
+
h:0}(),d));$APP.Q(a,"__xLiquidFillLS",e);$APP.Q(a,"__xLiquidFillLST",f);$APP.n(function(){var h=$APP.Xj.i(c);return $APP.n(h)?h:x$()}())||R$(a);if($APP.n(function(){var h=$APP.Xj.i(c);return $APP.n(h)?h:x$()}()))return $APP.Q(a,"__xLiquidFillProg",b),P$(a),$APP.hj(a,"x-liquid-fill-progress",$APP.gm(new $APP.M(null,2,[$APP.Wt,b,$APP.It,d],null)))}return null},U$=function(a){var b=$APP.l(a,"__xLiquidFillHdl");if($APP.n($APP.n(b)?$APP.p($APP.l(b,"scrollAttached")):b)){var c=$APP.l(b,"scroll");a=$APP.l(a,
|
|
23
|
+
"__xLiquidFillST");$APP.n(a)?a.addEventListener("scroll",c,{passive:!0}):window.addEventListener("scroll",c,{passive:!0});b.scrollAttached=!0}else return null},T$=function(a){var b=$APP.l(a,"__xLiquidFillHdl");if($APP.n($APP.n(b)?$APP.l(b,"scrollAttached"):b)){var c=$APP.l(b,"scroll");a=$APP.l(a,"__xLiquidFillST");$APP.n(a)?a.removeEventListener("scroll",c):window.removeEventListener("scroll",c);b.scrollAttached=!1}else return null},W$=function(a){var b=$APP.iv.i($APP.l(a,"__xLiquidFillModel")),c=
|
|
24
|
+
y$(a,b);$APP.Q(a,"__xLiquidFillST",c);U$(a);V$(a);return b!=null&&c==null?requestAnimationFrame(function(){a:{if($APP.n(a.isConnected)){var d=$APP.iv.i($APP.l(a,"__xLiquidFillModel"));if(d!=null&&$APP.l(a,"__xLiquidFillST")==null&&(d=y$(a,d),$APP.n(d))){T$(a);$APP.Q(a,"__xLiquidFillST",d);U$(a);d=V$(a);break a}}d=null}return d}):null},Iva=function(a){$APP.Q(a,"__xLiquidFillHdl",{scroll:function(){return V$(a)},scrollAttached:!1})},X$=function(a){T$(a);$APP.Q(a,"__xLiquidFillHdl",null)},Jva=function(a){var b=
|
|
25
|
+
new IntersectionObserver(function(c){c=c[0].isIntersecting;$APP.Q(a,"__xLiquidFillVis",c);$APP.n(c)?(c=$APP.Xj.i($APP.l(a,"__xLiquidFillModel")),c=$APP.n(c)?c:x$(),c=$APP.n(c)?null:R$(a)):c=S$(a);return c},{threshold:[0]});b.observe(a);$APP.Q(a,"__xLiquidFillIO",b);b=new ResizeObserver(function(c){a:{if(c.length>0){var d=c[0].contentRect;c=d.width;d=d.height;if(c>0&&d>0){$APP.Q(a,"__xLiquidFillW",c);$APP.Q(a,"__xLiquidFillH",d);var e=$APP.G($APP.l(a,"__xLiquidFillRefs")),f=$APP.C(e,$APP.Xr),h=$APP.C(e,
|
|
26
|
+
A$);e=$APP.C(e,B$);var k=Math.max(c,d);$APP.T(f,"viewBox","0 0 "+$APP.P.i(c)+" "+$APP.P.i(d));$APP.T(h,"x",""+$APP.P.i(c*.3));$APP.T(e,"cx",""+$APP.P.i(c*.5));$APP.T(e,"cy",""+$APP.P.i(d));$APP.T(e,"r",""+$APP.P.i(k));$APP.T(e,"fx",""+$APP.P.i(c*.5));$APP.T(e,"fy",""+$APP.P.i(d));c=$APP.Xj.i($APP.l(a,"__xLiquidFillModel"));c=$APP.n(c)?c:x$();if($APP.n(c)){c=P$(a);break a}O$(a);c=R$(a);break a}}c=null}return c});b.observe(a);$APP.Q(a,"__xLiquidFillRO",b)},Z$=function(a,b){b=$APP.C(Kva,b);$APP.n(b)?
|
|
27
|
+
(a=a.style,a.setProperty("--x-liquid-fill-color-1",$APP.at.i(b)),a.setProperty("--x-liquid-fill-color-2",$APP.bt.i(b)),a.setProperty("--x-liquid-fill-color-3",Y$.i(b)),a.setProperty("--x-liquid-fill-specular-color",$APP.jt.i(b))):(a=a.style,a.removeProperty("--x-liquid-fill-color-1"),a.removeProperty("--x-liquid-fill-color-2"),a.removeProperty("--x-liquid-fill-color-3"),a.removeProperty("--x-liquid-fill-specular-color"))},Lva=function(a){$APP.qj(a,"target","target");$APP.sj(a,"orientation","orientation",
|
|
28
|
+
l$);$APP.sj(a,"mode","mode",m$);$APP.sj(a,"theme","theme",n$);$APP.sj(a,"waveIntensity","wave-intensity",p$);$APP.sj(a,"splashIntensity","splash-intensity",q$);$APP.sj(a,"layers","layers",r$);$APP.mj(a,"disabled","disabled");return Object.defineProperty(a,"progress",{get:function(){var b=$APP.l(this,"__xLiquidFillProg");return $APP.n(b)?b:0},enumerable:!0,configurable:!0})},Mva=function(a){var b=K$(a);$APP.Q(a,"__xLiquidFillModel",b);$APP.Q(a,"__xLiquidFillProg",0);$APP.Q(a,"__xLiquidFillTP",0);$APP.Q(a,
|
|
29
|
+
"__xLiquidFillSV",0);$APP.bj(a,"__xLiquidFillTime",0);$APP.Q(a,"__xLiquidFillLD",-1);$APP.Q(a,"__xLiquidFillVis",!0);$APP.n($APP.l(a,"__xLiquidFillRefs"))||Hva(a);Z$(a,H$.i(b));L$(a,$APP.Rq.i(b));M$(a,$APP.Rq.i(b));X$(a);Iva(a);Jva(a);return W$(a)},Nva=function(a){S$(a);X$(a);var b=$APP.l(a,"__xLiquidFillIO");$APP.n(b)&&(b.disconnect(),$APP.Q(a,"__xLiquidFillIO",null));b=$APP.l(a,"__xLiquidFillRO");$APP.n(b)&&(b.disconnect(),$APP.Q(a,"__xLiquidFillRO",null));return $APP.Q(a,"__xLiquidFillVis",!1)},
|
|
30
|
+
Ova=function(a,b,c,d){if($APP.I(c,d))if($APP.n($APP.l(a,"__xLiquidFillRefs")))if(b=K$(a),c=$APP.l(a,"__xLiquidFillModel"),$APP.I(b,c)){$APP.Q(a,"__xLiquidFillModel",b);if(c==null||$APP.I($APP.Rq.i(b),$APP.Rq.i(c)))L$(a,$APP.Rq.i(b)),M$(a,$APP.Rq.i(b));(c==null||$APP.I(H$.i(b),H$.i(c)))&&Z$(a,H$.i(b));if(c==null||$APP.I($APP.iv.i(b),$APP.iv.i(c)))T$(a),W$(a);c=$APP.l(a,"__xLiquidFillW");d=$APP.l(a,"__xLiquidFillH");$APP.n($APP.n(c)?$APP.n(d)?c>0&&d>0:d:c)?(b=$APP.Xj.i(b),b=$APP.n(b)?b:x$(),$APP.n(b)?
|
|
31
|
+
(S$(a),a=P$(a)):(O$(a),a=R$(a))):a=null}else a=null;else a=null;else a=null;return a},$$=function(){return $APP.zi("x-liquid-fill",new $APP.M(null,5,[$APP.ji,Pva,$APP.hi,Mva,$APP.ei,Nva,$APP.di,Ova,$APP.ii,Lva],null))},t$=new $APP.F(null,"amp-mult","amp-mult",698045242),A$=new $APP.F(null,"feLight","feLight",-1941454484),s$=new $APP.F(null,"speed-mult","speed-mult",-353631814),G$=new $APP.F(null,"layers-raw","layers-raw",-233899391),yva=new $APP.F(null,"phase-offset","phase-offset",-1013192067),z$=
|
|
32
|
+
new $APP.F(null,"paths","paths",-1807389588),D$=new $APP.F(null,"theme-raw","theme-raw",1068228849),C$=new $APP.F(null,"filt-id","filt-id",-672558408),I$=new $APP.F(null,"wave-intensity","wave-intensity",-915557489),B$=new $APP.F(null,"grad","grad",1125187229),H$=new $APP.F(null,"theme","theme",-1247880880),Y$=new $APP.F(null,"color-3","color-3",265727868),E$=new $APP.F(null,"wave-intensity-raw","wave-intensity-raw",1563162777),Gva=new $APP.F(null,"grad-id","grad-id",1430109665),J$=new $APP.F(null,
|
|
33
|
+
"splash-intensity","splash-intensity",-619909243),F$=new $APP.F(null,"splash-intensity-raw","splash-intensity-raw",1573376927);var Pva="target orientation mode theme wave-intensity splash-intensity layers disabled".split(" ");
|
|
34
|
+
$APP.Gg([new $APP.F(null,"waveIntensity","waveIntensity",695633410),$APP.zm,new $APP.F(null,"splashIntensity","splashIntensity",1275664841),$APP.Sl,$APP.kt,H$,$APP.Rq,$APP.iv,$APP.Wt],[new $APP.M(null,1,[$APP.N,$APP.Y],null),new $APP.M(null,1,[$APP.N,$APP.vj],null),new $APP.M(null,1,[$APP.N,$APP.Y],null),new $APP.M(null,1,[$APP.N,$APP.X],null),new $APP.M(null,1,[$APP.N,$APP.X],null),new $APP.M(null,1,[$APP.N,$APP.X],null),new $APP.M(null,1,[$APP.N,$APP.Y],null),new $APP.M(null,1,[$APP.N,$APP.X],null),
|
|
35
|
+
new $APP.M(null,2,[$APP.N,$APP.Y,$APP.hs,!0],null)]);$APP.je(["x-liquid-fill-progress",new $APP.M(null,2,[$APP.V,new $APP.M(null,2,[$APP.Wt,$APP.Y,$APP.It,$APP.Y],null),$APP.gu,!1],null)]);
|
|
36
|
+
var vva=new $APP.ch(null,new $APP.M(null,2,["vertical",null,"horizontal",null],null),null),wva=new $APP.ch(null,new $APP.M(null,2,["bar",null,"fill",null],null),null),xva=new $APP.ch(null,new $APP.M(null,4,["custom",null,"gold",null,"lava",null,"water",null],null),null),Kva=new $APP.M(null,3,["gold",new $APP.M(null,4,[$APP.at,"#B8860B",$APP.bt,"#D4AF37",Y$,"#F9F295",$APP.jt,"rgba(255,255,240,0.6)"],null),"water",new $APP.M(null,4,[$APP.at,"#0077B6",$APP.bt,"#00B4D8",Y$,"#90E0EF",$APP.jt,"rgba(255,255,255,0.5)"],
|
|
37
|
+
null),"lava",new $APP.M(null,4,[$APP.at,"#8B0000",$APP.bt,"#FF4500",Y$,"#FF8C00",$APP.jt,"rgba(255,255,200,0.7)"],null)],null);var w$=0,Fva=":host{display:block;position:relative;overflow:hidden;"+$APP.P.i("--x-liquid-fill-bg")+":transparent;"+$APP.P.i("--x-liquid-fill-border")+":none;"+$APP.P.i("--x-liquid-fill-radius")+":0;"+$APP.P.i("--x-liquid-fill-opacity")+":1;"+$APP.P.i("--x-liquid-fill-wave-speed")+":1;"+$APP.P.i("--x-liquid-fill-color-1")+":#B8860B;"+$APP.P.i("--x-liquid-fill-color-2")+":#D4AF37;"+$APP.P.i("--x-liquid-fill-color-3")+":#F9F295;"+$APP.P.i("--x-liquid-fill-specular-color")+":rgba(255,255,240,0.6);}:host{background:var("+
|
|
38
38
|
$APP.P.i("--x-liquid-fill-bg")+",transparent);border:var("+$APP.P.i("--x-liquid-fill-border")+",none);border-radius:var("+$APP.P.i("--x-liquid-fill-radius")+",0);}:host([mode\x3dbar]){"+$APP.P.i("--x-liquid-fill-bar-height")+":14px;height:var("+$APP.P.i("--x-liquid-fill-bar-height")+",14px);}[part\x3dcontainer]{position:relative;width:100%;height:100%;overflow:hidden;border-radius:inherit;}[part\x3dsvg]{display:block;width:100%;height:100%;position:absolute;inset:0;pointer-events:none;opacity:var("+
|
|
39
39
|
$APP.P.i("--x-liquid-fill-opacity")+",1);}[part\x3dcontent]{position:relative;z-index:1;}."+$APP.P.i("wave-layer")+"{transition:none;}@media(prefers-color-scheme:dark){:host{"+$APP.P.i("--x-liquid-fill-bg")+":transparent;"+$APP.P.i("--x-liquid-fill-specular-color")+":rgba(255,255,200,0.4);}}@media(prefers-reduced-motion:reduce){."+$APP.P.i("wave-layer")+"{transition:none!important;}}",Q$=function Q$(a){if($APP.p(a.isConnected))return null;if($APP.n(function(){var O=$APP.Xj.i($APP.l(a,"__xLiquidFillModel"));
|
|
40
|
-
return $APP.n(O)?O:x$()}()))return $APP.bj(a,"__xLiquidFillRaf",null);var c=$APP.l(a,"__xLiquidFillModel"),d=performance.now(),e=Math.min(d-$APP.l(a,"__xLiquidFillLF"),100)/1E3,f=function(){var O=window.getComputedStyle(a).getPropertyValue("--x-liquid-fill-wave-speed");O=typeof O==="string"?parseFloat(O.trim()):null;var S=O==null;S||(S=isNaN(O),S=$APP.n(S)?S:O<=0);return $APP.n(S)?1:O}(),h=$APP.
|
|
41
|
-
r=$APP.l(a,"__xLiquidFillWA"),u=$APP.l(a,"__xLiquidFillWV"),x=$APP.l(a,"__xLiquidFillWP");$APP.bj(a,"__xLiquidFillLF",d);$APP.bj(a,"__xLiquidFillTime",function(){var O=$APP.l(a,"__xLiquidFillTime");return $APP.n(O)?O:0}()+e*f);$APP.Q(a,"__xLiquidFillProg",
|
|
42
|
-
$APP.
|
|
40
|
+
return $APP.n(O)?O:x$()}()))return $APP.bj(a,"__xLiquidFillRaf",null);var c=$APP.l(a,"__xLiquidFillModel"),d=performance.now(),e=Math.min(d-$APP.l(a,"__xLiquidFillLF"),100)/1E3,f=function(){var O=window.getComputedStyle(a).getPropertyValue("--x-liquid-fill-wave-speed");O=typeof O==="string"?parseFloat(O.trim()):null;var S=O==null;S||(S=isNaN(O),S=$APP.n(S)?S:O<=0);return $APP.n(S)?1:O}(),h=$APP.Rq.i(c),k=I$.i(c);c=J$.i(c);var m=function(){var O=$APP.l(a,"__xLiquidFillSV");return $APP.n(O)?O:0}(),
|
|
41
|
+
r=$APP.l(a,"__xLiquidFillWA"),u=$APP.l(a,"__xLiquidFillWV"),x=$APP.l(a,"__xLiquidFillWP");$APP.bj(a,"__xLiquidFillLF",d);$APP.bj(a,"__xLiquidFillTime",function(){var O=$APP.l(a,"__xLiquidFillTime");return $APP.n(O)?O:0}()+e*f);$APP.Q(a,"__xLiquidFillProg",Cva(function(){var O=$APP.l(a,"__xLiquidFillProg");return $APP.n(O)?O:0}(),function(){var O=$APP.l(a,"__xLiquidFillTP");return $APP.n(O)?O:0}(),5*e));var y=[!1];for(d=0;;)if(d<h){var A=u$(d,h),E=m*k*c*t$.i(A)*30+2*k*t$.i(A);E=Bva(r[d],E,u[d],e,$APP.Jt.i(A),
|
|
42
|
+
$APP.Cs.i(A));r[d]=E[0];u[d]=E[1];x[d]+=e*f*s$.i(A);Math.abs(u[d])>.05&&(y[0]=!0);d+=1}else break;$APP.Q(a,"__xLiquidFillSV",m*Math.max(0,1-3*e));O$(a);e=$APP.l(a,"__xLiquidFillProg");Math.abs(e-function(){var O=$APP.l(a,"__xLiquidFillLD");return $APP.n(O)?O:-1}())>.005&&($APP.Q(a,"__xLiquidFillLD",e),$APP.hj(a,"x-liquid-fill-progress",$APP.gm(new $APP.M(null,2,[$APP.Wt,e,$APP.It,m],null))));var H=Math.abs(function(){var O=$APP.l(a,"__xLiquidFillProg");return $APP.n(O)?O:0}()-function(){var O=$APP.l(a,
|
|
43
43
|
"__xLiquidFillTP");return $APP.n(O)?O:0}());return $APP.n(function(){var O=y[0];return $APP.n(O)?O:m>.01||H>.001}())?$APP.bj(a,"__xLiquidFillRaf",requestAnimationFrame(function(){return Q$.i?Q$.i(a):Q$.call(null,a)})):$APP.bj(a,"__xLiquidFillRaf",null)};$APP.fa("baredom.exports.x_liquid_fill.init",$$);export const init=$$;
|
package/dist/x-liquid-glass.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var O2=function(a,b,c,d){if(typeof a==="string"){a=a.trim();if($APP.z.j(a,""))return b;a=parseFloat(a);return $APP.n(isNaN(a))?b:Math.min(d,Math.max(c,a))}return b},P2=function(a){if(typeof a==="string"){a=a.trim();if($APP.z.j(a,""))return 5;a=parseInt(a,10);return $APP.n(isNaN(a))?5:Math.min(8,Math.max(3,a))}return 5},
|
|
3
|
-
U2=function(a){return O2(a,.5,0,1)},V2=function(a){return O2(a,.4,.1,1)},W2=function(a){return O2(a,.3,0,1)},
|
|
4
|
-
b3),k=$APP.C(b,$APP.Ml),m=$APP.C(b,c3),r=$APP.C(b,$APP.
|
|
5
|
-
2.3+c*.5)*.5+Math.sin(a*3.1-c*.7)*Math.cos(b*1.3+c*.2)*.25+Math.sin(a*5.3+c*.4)*Math.cos(b*4.7-c*.6)*.125},
|
|
2
|
+
var O2=function(a,b,c,d){if(typeof a==="string"){a=a.trim();if($APP.z.j(a,""))return b;a=parseFloat(a);return $APP.n(isNaN(a))?b:Math.min(d,Math.max(c,a))}return b},P2=function(a){if(typeof a==="string"){a=a.trim();if($APP.z.j(a,""))return 5;a=parseInt(a,10);return $APP.n(isNaN(a))?5:Math.min(8,Math.max(3,a))}return 5},hqa=function(a){return P2(a)},Q2=function(a){return O2(a,.3,.05,2)},R2=function(a){return O2(a,.15,.05,.4)},S2=function(a){return O2(a,12,0,40)},T2=function(a){return O2(a,10,4,20)},
|
|
3
|
+
U2=function(a){return O2(a,.5,0,1)},V2=function(a){return O2(a,.4,.1,1)},W2=function(a){return O2(a,.3,0,1)},iqa=function(a){return typeof a==="string"?(a=a.trim(),$APP.I(a,"")?a:null):null},X2=function(a){return typeof a==="string"?(a=a.trim(),$APP.I(a,"")?a:null):null},kqa=function(a){a=$APP.C(jqa,typeof a==="string"?a.trim().toLowerCase():null);return $APP.n(a)?a:Y2},lqa=function(a){var b=$APP.G(a);a=$APP.C(b,$APP.Qq);var c=$APP.C(b,Z2),d=$APP.C(b,$2),e=$APP.C(b,$APP.ou),f=$APP.C(b,a3),h=$APP.C(b,
|
|
4
|
+
b3),k=$APP.C(b,$APP.Ml),m=$APP.C(b,c3),r=$APP.C(b,$APP.Ys),u=$APP.C(b,d3),x=$APP.C(b,e3),y=$APP.C(b,f3),A=$APP.C(b,g3);b=$APP.C(b,h3);return $APP.Gg([i3,j3,k3,$APP.rr,$APP.Sl,l3,m3,n3,$APP.bt,$APP.Op,$APP.at,$APP.Ku,o3,$APP.Xj],[U2(u),T2(A),R2(h),Q2(r),kqa(k),iqa(d),V2(c),b!=null,function(){var E=X2(x);return $APP.n(E)?E:"rgba(244,114,182,0.35)"}(),S2(e),function(){var E=X2(y);return $APP.n(E)?E:"rgba(99,102,241,0.4)"}(),P2(f),W2(m),a!=null])},p3=function(a,b,c){return Math.sin(a*1.7+c*.3)*Math.cos(b*
|
|
5
|
+
2.3+c*.5)*.5+Math.sin(a*3.1-c*.7)*Math.cos(b*1.3+c*.2)*.25+Math.sin(a*5.3+c*.4)*Math.cos(b*4.7-c*.6)*.125},mqa=function(){var a=$APP.l(q3,"v");q3.v=a+1;return a},r3=function(){return $APP.D(window.matchMedia("(prefers-reduced-motion:reduce)").matches)},oqa=function(a){var b=mqa(),c=a.attachShadow({mode:"open"}),d=document.createElement("style"),e=document.createElementNS("http://www.w3.org/2000/svg","svg"),f=document.createElementNS("http://www.w3.org/2000/svg","defs"),h=document.createElementNS("http://www.w3.org/2000/svg",
|
|
6
6
|
"filter"),k=document.createElementNS("http://www.w3.org/2000/svg","feGaussianBlur"),m=document.createElementNS("http://www.w3.org/2000/svg","feColorMatrix"),r=document.createElementNS("http://www.w3.org/2000/svg","g"),u=document.createElementNS("http://www.w3.org/2000/svg","ellipse"),x=document.createElement("div"),y=document.createElement("div"),A=document.createElement("div"),E=document.createElement("div"),H=document.createElement("div"),O=document.createElement("slot"),S="lg-goo-"+$APP.P.i(b);
|
|
7
7
|
$APP.Q(a,"__xLiquidGlassUID",b);d.textContent=":host{display:block;position:relative;isolation:isolate;min-width:120px;min-height:80px;"+$APP.P.i("--x-liquid-glass-padding")+":1.5rem;"+$APP.P.i("--x-liquid-glass-specular-color")+":rgba(255,255,255,0.6);"+$APP.P.i("--x-liquid-glass-spring")+":"+$APP.P.i("linear(0, 0.006, 0.025, 0.058, 0.104, 0.163, 0.234, 0.315, 0.403, 0.496, 0.591, 0.685, 0.774, 0.856, 0.926, 0.983, 1.025, 1.052, 1.065, 1.063, 1.049, 1.025, 0.995, 0.961, 0.927, 0.896, 0.870, 0.850, 0.837, 0.831, 0.832, 0.839, 0.851, 0.867, 0.885, 0.903, 0.921, 0.937, 0.951, 0.962, 0.970, 0.976, 0.979, 0.981, 0.981, 0.980, 0.979, 0.977, 0.976, 0.975, 0.975, 0.976, 0.977, 0.979, 0.981, 0.983, 0.986, 0.989, 0.992, 0.995, 0.998, 1)")+
|
|
8
8
|
";"+$APP.P.i("--x-liquid-glass-spring-duration")+":"+$APP.P.i("600ms")+";}[part\x3dsvg]{display:block;width:100%;height:100%;position:absolute;inset:0;overflow:visible;pointer-events:none;z-index:1;}[part\x3dglass]{position:absolute;inset:0;backdrop-filter:blur(var("+$APP.P.i("--x-liquid-glass-blur")+",12px)) saturate(180%);-webkit-backdrop-filter:blur(var("+$APP.P.i("--x-liquid-glass-blur")+",12px)) saturate(180%);z-index:0;}[part\x3dgrain]{position:absolute;inset:0;z-index:2;opacity:0.4;pointer-events:none;}[part\x3dgradient]{position:absolute;inset:0;z-index:1;pointer-events:none;}[part\x3dspecular]{position:absolute;inset:0;z-index:1;opacity:0;pointer-events:none;transition:background var("+
|
|
@@ -16,27 +16,27 @@ m.appendChild(ka);m.appendChild(ha);f.appendChild(m);$APP.Q(a,"__xLiquidGlassEdg
|
|
|
16
16
|
m);$APP.Q(a,"__xLiquidGlassBorderCore",R);m=document.createElementNS("http://www.w3.org/2000/svg","filter");R="lg-grain-"+$APP.P.i(b);Z=document.createElementNS("http://www.w3.org/2000/svg","feTurbulence");ka=document.createElementNS("http://www.w3.org/2000/svg","feColorMatrix");$APP.T(m,"id",R);$APP.T(Z,"type","fractalNoise");$APP.T(Z,"baseFrequency","0.6");$APP.T(Z,"numOctaves","3");$APP.T(Z,"stitchTiles","stitch");$APP.T(ka,"type","matrix");$APP.T(ka,"values","0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0");
|
|
17
17
|
m.appendChild(Z);m.appendChild(ka);f.appendChild(m);$APP.Q(a,"__xLiquidGlassGrainId",R);m=document.createElementNS("http://www.w3.org/2000/svg","mask");b="lg-mask-"+$APP.P.i(b);R=document.createElementNS("http://www.w3.org/2000/svg","g");Z=document.createElementNS("http://www.w3.org/2000/svg","ellipse");$APP.T(m,"id",b);$APP.T(m,"maskUnits","userSpaceOnUse");$APP.T(m,"maskContentUnits","userSpaceOnUse");$APP.T(R,"filter","url(#"+$APP.P.i(S)+")");$APP.T(Z,"fill","white");R.appendChild(Z);m.appendChild(R);
|
|
18
18
|
f.appendChild(m);$APP.Q(a,"__xLiquidGlassMaskG",R);$APP.Q(a,"__xLiquidGlassMaskCore",Z);$APP.Q(a,"__xLiquidGlassMaskSats",[]);$APP.Q(a,"__xLiquidGlassMaskId",b);$APP.T(x,"part","glass");f="url(#"+$APP.P.i($APP.l(a,"__xLiquidGlassMaskId"))+")";x.style.mask=f;x.style.webkitMask=f;$APP.T(y,"part","grain");y.style.filter="url(#"+$APP.P.i($APP.l(a,"__xLiquidGlassGrainId"))+")";f="url(#"+$APP.P.i($APP.l(a,"__xLiquidGlassMaskId"))+")";y.style.mask=f;y.style.webkitMask=f;$APP.T(A,"part","gradient");f="url(#"+
|
|
19
|
-
$APP.P.i($APP.l(a,"__xLiquidGlassMaskId"))+")";A.style.mask=f;A.style.webkitMask=f;$APP.T(E,"part","specular");f="url(#"+$APP.P.i($APP.l(a,"__xLiquidGlassMaskId"))+")";E.style.mask=f;E.style.webkitMask=f;$APP.T(H,"part","content");H.appendChild(O);c.appendChild(d);c.appendChild(x);c.appendChild(e);c.appendChild(y);c.appendChild(A);c.appendChild(E);c.appendChild(H);$APP.T(a,"data-entering","");setTimeout(function(){return $APP.U(a,"data-entering")},700);$APP.Q(a,"__xLiquidGlassRefs",$APP.Gg([$APP.
|
|
20
|
-
$APP.
|
|
21
|
-
""+$APP.P.i(h));$APP.T(x,"ry",""+$APP.P.i(k));x=$APP.l(a,"__xLiquidGlassMaskCore");$APP.n(x)&&($APP.T(x,"cx",""+$APP.P.i(e)),$APP.T(x,"cy",""+$APP.P.i(f)),$APP.T(x,"rx",""+$APP.P.i(h)),$APP.T(x,"ry",""+$APP.P.i(k)));b*=.44;c*=.44;h=$APP.l(a,"__xLiquidGlassBorderCore");$APP.n(h)&&($APP.T(h,"cx",""+$APP.P.i(e)),$APP.T(h,"cy",""+$APP.P.i(f)),$APP.T(h,"rx",""+$APP.P.i(b)),$APP.T(h,"ry",""+$APP.P.i(c)));f=$APP.l(a,"__xLiquidGlassRefs");e=$APP.
|
|
19
|
+
$APP.P.i($APP.l(a,"__xLiquidGlassMaskId"))+")";A.style.mask=f;A.style.webkitMask=f;$APP.T(E,"part","specular");f="url(#"+$APP.P.i($APP.l(a,"__xLiquidGlassMaskId"))+")";E.style.mask=f;E.style.webkitMask=f;$APP.T(H,"part","content");H.appendChild(O);c.appendChild(d);c.appendChild(x);c.appendChild(e);c.appendChild(y);c.appendChild(A);c.appendChild(E);c.appendChild(H);$APP.T(a,"data-entering","");setTimeout(function(){return $APP.U(a,"data-entering")},700);$APP.Q(a,"__xLiquidGlassRefs",$APP.Gg([$APP.bq,
|
|
20
|
+
$APP.jt,s3,$APP.Gt,nqa,t3,$APP.Op,$APP.Fk,u3,$APP.Xr,v3,w3],[H,E,x,r,h,[],k,c,A,e,u,y]))},x3=function(a,b,c){var d=$APP.Ku.i($APP.l(a,"__xLiquidGlassModel")),e=b/2,f=c/2,h=b*.32,k=c*.32,m=h*.55,r=k*.55;var u=h*.9;for(var x=k*.9,y=new Float64Array(d),A=new Float64Array(d),E=0;;)if(E<d){var H=2*Math.PI*(E/d);y[E]=e+u*Math.cos(H);A[E]=f+x*Math.sin(H);E+=1}else break;u=[y,A];x=$APP.G($APP.l(a,"__xLiquidGlassRefs"));x=$APP.C(x,v3);$APP.T(x,"cx",""+$APP.P.i(e));$APP.T(x,"cy",""+$APP.P.i(f));$APP.T(x,"rx",
|
|
21
|
+
""+$APP.P.i(h));$APP.T(x,"ry",""+$APP.P.i(k));x=$APP.l(a,"__xLiquidGlassMaskCore");$APP.n(x)&&($APP.T(x,"cx",""+$APP.P.i(e)),$APP.T(x,"cy",""+$APP.P.i(f)),$APP.T(x,"rx",""+$APP.P.i(h)),$APP.T(x,"ry",""+$APP.P.i(k)));b*=.44;c*=.44;h=$APP.l(a,"__xLiquidGlassBorderCore");$APP.n(h)&&($APP.T(h,"cx",""+$APP.P.i(e)),$APP.T(h,"cy",""+$APP.P.i(f)),$APP.T(h,"rx",""+$APP.P.i(b)),$APP.T(h,"ry",""+$APP.P.i(c)));f=$APP.l(a,"__xLiquidGlassRefs");e=$APP.Gt.i(f);f=t3.i(f);c=$APP.l(a,"__xLiquidGlassMaskG");b=$APP.l(a,
|
|
22
22
|
"__xLiquidGlassMaskSats");for(h=f.length-1;;)if(h>=d)e.removeChild(f[h]),$APP.n(c)&&c.removeChild(b[h]),--h;else break;f.length>d&&(f.length=d,$APP.n(b)&&(b.length=d));for(h=f.length;;)if(h<d)k=document.createElementNS("http://www.w3.org/2000/svg","ellipse"),$APP.T(k,"class","blob-sat-"+$APP.P.i(h)),$APP.T(k,"fill","#ffffff"),e.appendChild(k),f.push(k),$APP.n(c)&&(k=document.createElementNS("http://www.w3.org/2000/svg","ellipse"),$APP.T(k,"fill","white"),c.appendChild(k),b.push(k)),h+=1;else break;
|
|
23
|
-
e=$APP.G($APP.l(a,"__xLiquidGlassRefs"));e=$APP.C(e,t3);f=$APP.l(a,"__xLiquidGlassMaskSats");for(c=0;;)if(c<d)b=e[c],$APP.T(b,"rx",""+$APP.P.i(m)),$APP.T(b,"ry",""+$APP.P.i(r)),$APP.n($APP.n(f)?c<f.length:f)&&(b=f[c],$APP.T(b,"rx",""+$APP.P.i(m)),$APP.T(b,"ry",""+$APP.P.i(r))),c+=1;else break;$APP.Q(a,"__xLiquidGlassRX",u[0]);$APP.Q(a,"__xLiquidGlassRY",u[1])},z3=function(a,b){var c=$APP.l(a,"__xLiquidGlassRefs"),d=$APP.
|
|
24
|
-
""+$APP.P.i(j3.i(b)));e.style.setProperty("--x-liquid-glass-blur",""+$APP.P.i($APP.
|
|
25
|
-
d.style.mask=e;d.style.webkitMask=e;$APP.T(k,"opacity",r.toFixed(2));$APP.n(c)&&(c.style.opacity=u.toFixed(2));a.style.contain="layout style"}else d.style.position="relative",d.style.zIndex="3",d.style.filter="",d.style.opacity="",d.style.mask="",d.style.webkitMask="",$APP.T(k,"opacity","0.35"),$APP.n(c)&&(c.style.opacity="0.4"),a.style.contain="";$APP.n(n3.i(b))||(f.style.opacity="0")},A3=function(a,b){var c=$APP.l(a,"__xLiquidGlassModel"),d=$APP.
|
|
26
|
-
"__xLiquidGlassW"),$APP.l(a,"__xLiquidGlassH"))*.32)*.6;var f=$APP.l(a,"__xLiquidGlassRX"),h=$APP.l(a,"__xLiquidGlassRY"),k=$APP.G($APP.l(a,"__xLiquidGlassRefs"));k=$APP.C(k,t3);a=$APP.l(a,"__xLiquidGlassMaskSats");for(var m=0;;)if(m<d){var r=m*2.39996;var u=[f[m]+c*p3(r,0,b*e),h[m]+c*p3(0,r,b*e)];r=u[0].toFixed(2);u=u[1].toFixed(2);var x=k[m];x.setAttribute("cx",r);x.setAttribute("cy",u);$APP.n($APP.n(a)?m<a.length:a)&&(x=a[m],x.setAttribute("cx",r),x.setAttribute("cy",u));m+=1}else break},
|
|
27
|
-
$APP.l(a,"__xLiquidGlassModel"),c=$APP.
|
|
28
|
-
"px "+$APP.P.i(f.toFixed(1))+"px,"+$APP.P.i(a)+" 0%,transparent 100%)"):c.style.opacity="0"}},
|
|
29
|
-
"% "+$APP.P.i(h.toFixed(1))+"%,"+$APP.P.i(c)+" 0%,transparent 70%)"},C3=function(a){if($APP.n($APP.l(a,"__xLiquidGlassRaf")))return null;$APP.bj(a,"__xLiquidGlassLF",performance.now());return $APP.bj(a,"__xLiquidGlassRaf",requestAnimationFrame(function(){return B3(a)}))},D3=function(a){var b=$APP.l(a,"__xLiquidGlassRaf");$APP.n(b)&&(cancelAnimationFrame(b),$APP.bj(a,"__xLiquidGlassRaf",null))},E3=function(a){var b=$APP.
|
|
30
|
-
"__xLiquidGlassRY"),e=$APP.G($APP.l(a,"__xLiquidGlassRefs"));e=$APP.C(e,t3);a=$APP.l(a,"__xLiquidGlassMaskSats");for(var f=0;;)if(f<b){var h=c[f].toFixed(2),k=d[f].toFixed(2);if(f<e.length){var m=e[f];$APP.T(m,"cx",h);$APP.T(m,"cy",k)}$APP.n($APP.n(a)?f<a.length:a)&&(m=a[f],$APP.T(m,"cx",h),$APP.T(m,"cy",k));f+=1}else return null},
|
|
31
|
-
"__xLiquidGlassRefs"));d=$APP.C(d,$APP.
|
|
32
|
-
|
|
33
|
-
$APP.n(b)&&(a.removeEventListener("pointermove",$APP.l(b,"move")),a.removeEventListener("pointerenter",$APP.l(b,"enter")),a.removeEventListener("pointerleave",$APP.l(b,"leave")),$APP.Q(a,"__xLiquidGlassHdl",null))},G3=function(a){return
|
|
34
|
-
a.getAttribute("color-1"),a.getAttribute("goo"),a.getAttribute("specular"),a.getAttribute("disabled"),a.getAttribute("specular-size"),a.getAttribute("tint")]))},
|
|
35
|
-
e:0}()),C3(a)));return $APP.Q(a,"__xLiquidGlassModel",b)}return null},
|
|
36
|
-
"mode","mode",
|
|
37
|
-
|
|
38
|
-
"specular-intensity",437849876),b3=new $APP.F(null,"amplitude-raw","amplitude-raw",-673525115),j3=new $APP.F(null,"goo","goo",-1253057564),s3=new $APP.F(null,"glass","glass",1652756718),
|
|
23
|
+
e=$APP.G($APP.l(a,"__xLiquidGlassRefs"));e=$APP.C(e,t3);f=$APP.l(a,"__xLiquidGlassMaskSats");for(c=0;;)if(c<d)b=e[c],$APP.T(b,"rx",""+$APP.P.i(m)),$APP.T(b,"ry",""+$APP.P.i(r)),$APP.n($APP.n(f)?c<f.length:f)&&(b=f[c],$APP.T(b,"rx",""+$APP.P.i(m)),$APP.T(b,"ry",""+$APP.P.i(r))),c+=1;else break;$APP.Q(a,"__xLiquidGlassRX",u[0]);$APP.Q(a,"__xLiquidGlassRY",u[1])},z3=function(a,b){var c=$APP.l(a,"__xLiquidGlassRefs"),d=$APP.Op.i(c),e=s3.i(c),f=$APP.jt.i(c),h=v3.i(c),k=$APP.Gt.i(c);$APP.T(d,"stdDeviation",
|
|
24
|
+
""+$APP.P.i(j3.i(b)));e.style.setProperty("--x-liquid-glass-blur",""+$APP.P.i($APP.Op.i(b))+"px");$APP.T(h,"fill","#ffffff");d=t3.i(c);e=d.length;for(h=0;;)if(h<e)$APP.T(d[h],"fill","#ffffff"),h+=1;else break;h=$APP.z.j(y3,$APP.Sl.i(b));d=$APP.bq.i(c);c=w3.i(c);e="url(#"+$APP.P.i($APP.l(a,"__xLiquidGlassMaskId"))+")";if(h){d.style.position="relative";d.style.zIndex="0";h=i3.i(b);var m=1-h*.5,r=h*.35,u=h*.2;d.style.filter="blur("+$APP.P.i((h*2).toFixed(1))+"px)";d.style.opacity=""+$APP.P.i(m.toFixed(2));
|
|
25
|
+
d.style.mask=e;d.style.webkitMask=e;$APP.T(k,"opacity",r.toFixed(2));$APP.n(c)&&(c.style.opacity=u.toFixed(2));a.style.contain="layout style"}else d.style.position="relative",d.style.zIndex="3",d.style.filter="",d.style.opacity="",d.style.mask="",d.style.webkitMask="",$APP.T(k,"opacity","0.35"),$APP.n(c)&&(c.style.opacity="0.4"),a.style.contain="";$APP.n(n3.i(b))||(f.style.opacity="0")},A3=function(a,b){var c=$APP.l(a,"__xLiquidGlassModel"),d=$APP.Ku.i(c),e=$APP.rr.i(c);c=k3.i(c)*(Math.min($APP.l(a,
|
|
26
|
+
"__xLiquidGlassW"),$APP.l(a,"__xLiquidGlassH"))*.32)*.6;var f=$APP.l(a,"__xLiquidGlassRX"),h=$APP.l(a,"__xLiquidGlassRY"),k=$APP.G($APP.l(a,"__xLiquidGlassRefs"));k=$APP.C(k,t3);a=$APP.l(a,"__xLiquidGlassMaskSats");for(var m=0;;)if(m<d){var r=m*2.39996;var u=[f[m]+c*p3(r,0,b*e),h[m]+c*p3(0,r,b*e)];r=u[0].toFixed(2);u=u[1].toFixed(2);var x=k[m];x.setAttribute("cx",r);x.setAttribute("cy",u);$APP.n($APP.n(a)?m<a.length:a)&&(x=a[m],x.setAttribute("cx",r),x.setAttribute("cy",u));m+=1}else break},pqa=function(a){var b=
|
|
27
|
+
$APP.l(a,"__xLiquidGlassModel"),c=$APP.jt.i($APP.l(a,"__xLiquidGlassRefs"));if($APP.n(n3.i(b))){var d=$APP.l(a,"__xLiquidGlassPA"),e=$APP.l(a,"__xLiquidGlassPX"),f=$APP.l(a,"__xLiquidGlassPY"),h=$APP.l(a,"__xLiquidGlassW");a=$APP.l(a,"__xLiquidGlassH");h=m3.i(b)*Math.min(h,a);a="var("+$APP.P.i("--x-liquid-glass-specular-color")+",rgba(255,255,255,0.6))";$APP.n(d)?(c.style.opacity=""+$APP.P.i(o3.i(b)),c.style.background="radial-gradient(ellipse "+$APP.P.i(h)+"px "+$APP.P.i(h)+"px at "+$APP.P.i(e.toFixed(1))+
|
|
28
|
+
"px "+$APP.P.i(f.toFixed(1))+"px,"+$APP.P.i(a)+" 0%,transparent 100%)"):c.style.opacity="0"}},qqa=function(a,b){var c=$APP.l(a,"__xLiquidGlassModel");a=u3.i($APP.l(a,"__xLiquidGlassRefs"));var d=$APP.at.i(c);c=$APP.bt.i(c);var e=20+8*Math.cos(b*.09),f=70+12*Math.cos(b*.05),h=80+10*Math.sin(b*.06);a.style.background="radial-gradient(ellipse at "+$APP.P.i((30+10*Math.sin(b*.07)).toFixed(1))+"% "+$APP.P.i(e.toFixed(1))+"%,"+$APP.P.i(d)+" 0%,transparent 70%),radial-gradient(ellipse at "+$APP.P.i(f.toFixed(1))+
|
|
29
|
+
"% "+$APP.P.i(h.toFixed(1))+"%,"+$APP.P.i(c)+" 0%,transparent 70%)"},C3=function(a){if($APP.n($APP.l(a,"__xLiquidGlassRaf")))return null;$APP.bj(a,"__xLiquidGlassLF",performance.now());return $APP.bj(a,"__xLiquidGlassRaf",requestAnimationFrame(function(){return B3(a)}))},D3=function(a){var b=$APP.l(a,"__xLiquidGlassRaf");$APP.n(b)&&(cancelAnimationFrame(b),$APP.bj(a,"__xLiquidGlassRaf",null))},E3=function(a){var b=$APP.Ku.i($APP.l(a,"__xLiquidGlassModel")),c=$APP.l(a,"__xLiquidGlassRX"),d=$APP.l(a,
|
|
30
|
+
"__xLiquidGlassRY"),e=$APP.G($APP.l(a,"__xLiquidGlassRefs"));e=$APP.C(e,t3);a=$APP.l(a,"__xLiquidGlassMaskSats");for(var f=0;;)if(f<b){var h=c[f].toFixed(2),k=d[f].toFixed(2);if(f<e.length){var m=e[f];$APP.T(m,"cx",h);$APP.T(m,"cy",k)}$APP.n($APP.n(a)?f<a.length:a)&&(m=a[f],$APP.T(m,"cx",h),$APP.T(m,"cy",k));f+=1}else return null},rqa=function(a,b){if(b.length>0){var c=b[0].contentRect;b=c.width;c=c.height;if(b>0&&c>0){$APP.Q(a,"__xLiquidGlassW",b);$APP.Q(a,"__xLiquidGlassH",c);var d=$APP.G($APP.l(a,
|
|
31
|
+
"__xLiquidGlassRefs"));d=$APP.C(d,$APP.Xr);$APP.T(d,"viewBox","0 0 "+$APP.P.i(b)+" "+$APP.P.i(c));d=d.querySelector("#"+$APP.P.i($APP.l(a,"__xLiquidGlassMaskId")));$APP.n(d)&&($APP.T(d,"x","0"),$APP.T(d,"y","0"),$APP.T(d,"width",""+$APP.P.i(b)),$APP.T(d,"height",""+$APP.P.i(c)));x3(a,b,c);var e=$APP.l(a,"__xLiquidGlassModel");z3(a,e);if($APP.n(function(){var f=$APP.Xj.i(e);return $APP.n(f)?f:r3()}()))return E3(a);A3(a,function(){var f=$APP.l(a,"__xLiquidGlassTime");return $APP.n(f)?f:0}());return C3(a)}}return null},
|
|
32
|
+
sqa=function(a){function b(){return $APP.Q(a,"__xLiquidGlassPA",!1)}function c(){return $APP.Q(a,"__xLiquidGlassPA",!0)}function d(e){var f=a.getBoundingClientRect();$APP.Q(a,"__xLiquidGlassPX",e.clientX-f.left);return $APP.Q(a,"__xLiquidGlassPY",e.clientY-f.top)}$APP.Q(a,"__xLiquidGlassHdl",{move:d,enter:c,leave:b});a.addEventListener("pointermove",d,{passive:!0});a.addEventListener("pointerenter",c);return a.addEventListener("pointerleave",b)},F3=function(a){var b=$APP.l(a,"__xLiquidGlassHdl");
|
|
33
|
+
$APP.n(b)&&(a.removeEventListener("pointermove",$APP.l(b,"move")),a.removeEventListener("pointerenter",$APP.l(b,"enter")),a.removeEventListener("pointerleave",$APP.l(b,"leave")),$APP.Q(a,"__xLiquidGlassHdl",null))},G3=function(a){return lqa($APP.Gg([$APP.ou,a3,b3,$APP.Ml,c3,$APP.Ys,d3,e3,f3,g3,h3,$APP.Qq,Z2,$2],[a.getAttribute("blur"),a.getAttribute("blobs"),a.getAttribute("amplitude"),a.getAttribute("mode"),a.getAttribute("specular-intensity"),a.getAttribute("speed"),a.getAttribute("frost"),a.getAttribute("color-2"),
|
|
34
|
+
a.getAttribute("color-1"),a.getAttribute("goo"),a.getAttribute("specular"),a.getAttribute("disabled"),a.getAttribute("specular-size"),a.getAttribute("tint")]))},tqa=function(a){var b=G3(a);if($APP.I(b,$APP.l(a,"__xLiquidGlassModel"))){var c=$APP.l(a,"__xLiquidGlassW"),d=$APP.l(a,"__xLiquidGlassH");$APP.n($APP.n(c)?$APP.n(d)?c>0&&d>0:d:c)&&(x3(a,c,d),z3(a,b),$APP.n(function(){var e=$APP.Xj.i(b);return $APP.n(e)?e:r3()}())?(D3(a),E3(a)):(A3(a,function(){var e=$APP.l(a,"__xLiquidGlassTime");return $APP.n(e)?
|
|
35
|
+
e:0}()),C3(a)));return $APP.Q(a,"__xLiquidGlassModel",b)}return null},uqa=function(a){return $APP.z.j(a,"submerged")?"submerged":"surface"},vqa=function(a){$APP.sj(a,"blobs","blobs",hqa);$APP.sj(a,"speed","speed",Q2);$APP.sj(a,"amplitude","amplitude",R2);$APP.sj(a,"blur","blur",S2);$APP.sj(a,"goo","goo",T2);$APP.qj(a,"tint","tint");$APP.mj(a,"specular","specular");$APP.sj(a,"specularSize","specular-size",V2);$APP.sj(a,"specularIntensity","specular-intensity",W2);$APP.mj(a,"disabled","disabled");$APP.sj(a,
|
|
36
|
+
"mode","mode",uqa);$APP.sj(a,"frost","frost",U2);$APP.qj(a,"color1","color-1");return $APP.qj(a,"color2","color-2")},wqa=function(a){var b=G3(a);$APP.Q(a,"__xLiquidGlassModel",b);$APP.bj(a,"__xLiquidGlassTime",0);$APP.Q(a,"__xLiquidGlassPA",!1);$APP.Q(a,"__xLiquidGlassPX",0);$APP.Q(a,"__xLiquidGlassPY",0);$APP.Q(a,"__xLiquidGlassGT",0);$APP.n($APP.l(a,"__xLiquidGlassRefs"))||oqa(a);z3(a,b);b=new ResizeObserver(function(c){return rqa(a,c)});$APP.Q(a,"__xLiquidGlassRO",b);b.observe(a);F3(a);return sqa(a)},
|
|
37
|
+
xqa=function(a){D3(a);F3(a);var b=$APP.l(a,"__xLiquidGlassRO");return $APP.n(b)?(b.disconnect(),$APP.Q(a,"__xLiquidGlassRO",null)):null},yqa=function(a,b,c,d){return $APP.I(c,d)?$APP.n($APP.l(a,"__xLiquidGlassRefs"))?tqa(a):null:null},H3=function(){return $APP.zi("x-liquid-glass",new $APP.M(null,5,[$APP.ji,zqa,$APP.hi,wqa,$APP.ei,xqa,$APP.di,yqa,$APP.ii,vqa],null))},Y2=new $APP.F(null,"surface","surface",699915646),v3=new $APP.F(null,"core","core",-86019209),o3=new $APP.F(null,"specular-intensity",
|
|
38
|
+
"specular-intensity",437849876),b3=new $APP.F(null,"amplitude-raw","amplitude-raw",-673525115),j3=new $APP.F(null,"goo","goo",-1253057564),s3=new $APP.F(null,"glass","glass",1652756718),nqa=new $APP.F(null,"filter","filter",-948537934),i3=new $APP.F(null,"frost","frost",-3478780),m3=new $APP.F(null,"specular-size","specular-size",757318993),y3=new $APP.F(null,"submerged","submerged",1636004473),l3=new $APP.F(null,"tint","tint",-1286736913),w3=new $APP.F(null,"grain","grain",2007662171),$2=new $APP.F(null,
|
|
39
39
|
"tint-raw","tint-raw",-653441954),e3=new $APP.F(null,"color-2-raw","color-2-raw",-1440423537),h3=new $APP.F(null,"specular-attr","specular-attr",-716021610),c3=new $APP.F(null,"specular-intensity-raw","specular-intensity-raw",109079177),g3=new $APP.F(null,"goo-raw","goo-raw",59658675),Z2=new $APP.F(null,"specular-size-raw","specular-size-raw",592980345),f3=new $APP.F(null,"color-1-raw","color-1-raw",-1322552111),k3=new $APP.F(null,"amplitude","amplitude",-1387734203),u3=new $APP.F(null,"gradient",
|
|
40
|
-
"gradient",-1983908971),d3=new $APP.F(null,"frost-raw","frost-raw",1383732749),n3=new $APP.F(null,"specular?","specular?",964138290),a3=new $APP.F(null,"blobs-raw","blobs-raw",1729393761),t3=new $APP.F(null,"satellites","satellites",644765266);var
|
|
41
|
-
$APP.Gg([i3,j3,k3,new $APP.F(null,"specularSize","specularSize",-1757715579),$APP.zm,$APP.
|
|
42
|
-
1,[$APP.N,$APP.Y],null),new $APP.M(null,1,[$APP.N,$APP.X],null),new $APP.M(null,1,[$APP.N,$APP.vj],null),new $APP.M(null,1,[$APP.N,$APP.X],null),new $APP.M(null,1,[$APP.N,$APP.X],null),new $APP.M(null,1,[$APP.N,$APP.Y],null),new $APP.M(null,1,[$APP.N,$APP.Y],null),new $APP.M(null,1,[$APP.N,$APP.X],null),new $APP.M(null,1,[$APP.N,$APP.Y],null)]);var
|
|
40
|
+
"gradient",-1983908971),d3=new $APP.F(null,"frost-raw","frost-raw",1383732749),n3=new $APP.F(null,"specular?","specular?",964138290),a3=new $APP.F(null,"blobs-raw","blobs-raw",1729393761),t3=new $APP.F(null,"satellites","satellites",644765266);var zqa="blobs speed amplitude blur goo tint specular specular-size specular-intensity disabled mode frost color-1 color-2".split(" ");
|
|
41
|
+
$APP.Gg([i3,j3,k3,new $APP.F(null,"specularSize","specularSize",-1757715579),$APP.zm,$APP.rr,$APP.Sl,$APP.jt,l3,new $APP.F(null,"color2","color2",1248091856),$APP.Op,$APP.Ku,new $APP.F(null,"color1","color1",306558619),new $APP.F(null,"specularIntensity","specularIntensity",138075)],[new $APP.M(null,1,[$APP.N,$APP.Y],null),new $APP.M(null,1,[$APP.N,$APP.Y],null),new $APP.M(null,1,[$APP.N,$APP.Y],null),new $APP.M(null,1,[$APP.N,$APP.Y],null),new $APP.M(null,1,[$APP.N,$APP.vj],null),new $APP.M(null,
|
|
42
|
+
1,[$APP.N,$APP.Y],null),new $APP.M(null,1,[$APP.N,$APP.X],null),new $APP.M(null,1,[$APP.N,$APP.vj],null),new $APP.M(null,1,[$APP.N,$APP.X],null),new $APP.M(null,1,[$APP.N,$APP.X],null),new $APP.M(null,1,[$APP.N,$APP.Y],null),new $APP.M(null,1,[$APP.N,$APP.Y],null),new $APP.M(null,1,[$APP.N,$APP.X],null),new $APP.M(null,1,[$APP.N,$APP.Y],null)]);var jqa=new $APP.M(null,2,["surface",Y2,"submerged",y3],null);var q3={v:0},B3=function B3(a){if($APP.n(a.isConnected)){var c=performance.now(),d=$APP.l(a,"__xLiquidGlassTime")+Math.min(c-$APP.l(a,"__xLiquidGlassLF"),100)/1E3;$APP.bj(a,"__xLiquidGlassLF",c);$APP.bj(a,"__xLiquidGlassTime",d);A3(a,d);pqa(a);qqa(a,d);return $APP.bj(a,"__xLiquidGlassRaf",requestAnimationFrame(function(){return B3.i?B3.i(a):B3.call(null,a)}))}return null};$APP.fa("baredom.exports.x_liquid_glass.init",H3);export const init=H3;
|
package/dist/x-menu-item.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var v1=function(a){a=new $APP.M(null,4,[$APP.Ui,a.getAttribute("value"),$APP.zm,a.hasAttribute("disabled"),$APP.Fm,a.getAttribute("variant"),$APP.N,a.getAttribute("type")],null);var b=$APP.G(a);a=$APP.C(b,$APP.Ui);var c=$APP.C(b,$APP.zm),d=$APP.C(b,$APP.Fm);b=$APP.C(b,$APP.N);a=$APP.n(a)?a:"";c=$APP.D(c);d=$APP.n(d)?d:"";d=$APP.ed(
|
|
2
|
+
var v1=function(a){a=new $APP.M(null,4,[$APP.Ui,a.getAttribute("value"),$APP.zm,a.hasAttribute("disabled"),$APP.Fm,a.getAttribute("variant"),$APP.N,a.getAttribute("type")],null);var b=$APP.G(a);a=$APP.C(b,$APP.Ui);var c=$APP.C(b,$APP.zm),d=$APP.C(b,$APP.Fm);b=$APP.C(b,$APP.N);a=$APP.n(a)?a:"";c=$APP.D(c);d=$APP.n(d)?d:"";d=$APP.ed(Soa,d)?d:"";b=$APP.n(b)?b:"";b=$APP.ed(Toa,b)?b:"";return new $APP.M(null,4,[$APP.Ui,a,$APP.zm,c,$APP.Fm,d,$APP.N,b],null)},w1=function(a){var b=a.getAttribute("value");
|
|
3
3
|
return $APP.hj(a,"x-menu-item-select",{value:$APP.n(b)?b:""})},x1=function(a){var b=v1(a);if($APP.I(b,$APP.l(a,"__xMenuItemModel"))){var c=$APP.l(a,"__xMenuItemRefs");c=$APP.n(c)?$APP.l(c,"base"):null;if($APP.n(c))if($APP.z.j($APP.N.i(b),"divider"))$APP.T(a,"role","separator"),$APP.U(a,"tabindex"),$APP.U(a,"aria-disabled"),$APP.T(c,"data-type","divider"),$APP.T(c,"data-variant",""),$APP.T(c,"data-disabled","false");else{var d=$APP.G(b),e=$APP.C(d,$APP.Fm);d=$APP.C(d,$APP.zm);$APP.T(a,"role","menuitem");
|
|
4
4
|
$APP.T(a,"tabindex","-1");$APP.T(c,"data-type","");$APP.T(c,"data-variant",e);$APP.T(c,"data-disabled",$APP.n(d)?"true":"false");$APP.n(d)?$APP.T(a,"aria-disabled","true"):$APP.U(a,"aria-disabled")}a=$APP.Q(a,"__xMenuItemModel",b)}else a=null;return a},y1=function(a){function b(){return e.assignedNodes().length>0?$APP.T(a,"has-icon",""):$APP.U(a,"has-icon")}function c(h){var k=h.key,m=v1(a);($APP.z.j(k,"Enter")||$APP.z.j(k," "))&&$APP.p($APP.zm.i(m))&&$APP.I($APP.N.i(m),"divider")?(h.preventDefault(),
|
|
5
|
-
h=w1(a)):h=null;return h}function d(h){var k=v1(a);var m=$APP.zm.i(k);m=$APP.n(m)?m:$APP.z.j($APP.N.i(k),"divider");$APP.n(m)&&h.preventDefault();return $APP.p($APP.zm.i(k))&&$APP.I($APP.N.i(k),"divider")?w1(a):null}var e=$APP.l($APP.l(a,"__xMenuItemRefs"),"icon-slot"),f={};a.addEventListener("click",d);a.addEventListener("keydown",c);e.addEventListener("slotchange",b);f.click=d;f.keydown=c;f["icon-slotchange"]=b;$APP.Q(a,"__xMenuItemHandlers",f)},
|
|
5
|
+
h=w1(a)):h=null;return h}function d(h){var k=v1(a);var m=$APP.zm.i(k);m=$APP.n(m)?m:$APP.z.j($APP.N.i(k),"divider");$APP.n(m)&&h.preventDefault();return $APP.p($APP.zm.i(k))&&$APP.I($APP.N.i(k),"divider")?w1(a):null}var e=$APP.l($APP.l(a,"__xMenuItemRefs"),"icon-slot"),f={};a.addEventListener("click",d);a.addEventListener("keydown",c);e.addEventListener("slotchange",b);f.click=d;f.keydown=c;f["icon-slotchange"]=b;$APP.Q(a,"__xMenuItemHandlers",f)},Uoa=function(a){if($APP.Vi(a,"__xMenuItemInit"))return y1(a),
|
|
6
6
|
x1(a);if(!$APP.Vi(a,"__xMenuItemInit")){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("span"),f=document.createElement("slot"),h=document.createElement("span"),k=document.createElement("slot"),m=document.createElement("hr"),r={};c.textContent=":host{display:block;outline:none;color-scheme:light dark;--x-menu-item-color:var(--x-color-text,#111827);--x-menu-item-hover-bg:var(--x-color-surface-hover,#f3f4f6);--x-menu-item-focus-bg:var(--x-color-surface-hover,#eff6ff);--x-menu-item-focus-color:var(--x-color-primary-hover,#1d4ed8);--x-menu-item-disabled-opacity:0.45;--x-menu-item-danger-color:var(--x-color-danger,#dc2626);--x-menu-item-danger-hover-bg:#fef2f2;--x-menu-item-padding:8px 12px;--x-menu-item-border-radius:var(--x-radius-sm,4px);--x-menu-item-font-size:0.9375rem;--x-menu-item-icon-gap:8px;--x-menu-item-divider-color:var(--x-color-border,#e5e7eb);}:host([disabled]){pointer-events:none;}@media (prefers-color-scheme:dark){:host{--x-menu-item-color:var(--x-color-text,#f9fafb);--x-menu-item-hover-bg:var(--x-color-surface-hover,#1f2937);--x-menu-item-focus-bg:var(--x-color-surface-hover,#1e3a5f);--x-menu-item-focus-color:var(--x-color-focus-ring,#60a5fa);--x-menu-item-danger-color:var(--x-color-danger,#f87171);--x-menu-item-danger-hover-bg:#2d1515;--x-menu-item-divider-color:var(--x-color-border,#374151);}}.base{display:flex;align-items:center;gap:var(--x-menu-item-icon-gap);padding:var(--x-menu-item-padding);border-radius:var(--x-menu-item-border-radius);font-size:var(--x-menu-item-font-size);color:var(--x-menu-item-color);cursor:pointer;user-select:none;transition:background 100ms ease,color 100ms ease;}.base:hover{background:var(--x-menu-item-hover-bg);}:host(:focus) .base{background:var(--x-menu-item-focus-bg);color:var(--x-menu-item-focus-color);}.base[data-variant\x3d'danger']{color:var(--x-menu-item-danger-color);}.base[data-variant\x3d'danger']:hover{background:var(--x-menu-item-danger-hover-bg);}:host(:focus) .base[data-variant\x3d'danger']{background:var(--x-menu-item-danger-hover-bg);}.base[data-disabled\x3d'true']{opacity:var(--x-menu-item-disabled-opacity);cursor:default;pointer-events:none;}.base[data-type\x3d'divider']{padding:0;cursor:default;pointer-events:none;}.icon-span{display:none;flex-shrink:0;align-items:center;}:host([has-icon]) .icon-span{display:flex;}.divider-hr{display:none;}.base[data-type\x3d'divider'] .icon-span,.base[data-type\x3d'divider'] .label-span{display:none;}.base[data-type\x3d'divider'] .divider-hr{display:block;width:100%;border:none;border-top:1px solid var(--x-menu-item-divider-color);margin:4px 0;}@media (prefers-reduced-motion:reduce){.base{transition:none;}}";
|
|
7
|
-
$APP.T(d,"part","base");d.className="base";$APP.T(e,"part","icon");e.className="icon-span";$APP.T(f,"name","icon");e.appendChild(f);h.className="label-span";h.appendChild(k);m.className="divider-hr";d.appendChild(e);d.appendChild(h);d.appendChild(m);b.appendChild(c);b.appendChild(d);r.base=d;r["icon-span"]=e;r["icon-slot"]=f;$APP.Q(a,"__xMenuItemRefs",r);y1(a);$APP.Wi(a,"__xMenuItemInit")}x1(a);return a},
|
|
8
|
-
$APP.l(b,"keydown"),e=$APP.l(b,"icon-slotchange");c=$APP.n(c)?$APP.l(c,"icon-slot"):null;a.removeEventListener("click",$APP.l(b,"click"));a.removeEventListener("keydown",d);a=$APP.n(c)?c.removeEventListener("slotchange",e):null}else a=null;return a},
|
|
7
|
+
$APP.T(d,"part","base");d.className="base";$APP.T(e,"part","icon");e.className="icon-span";$APP.T(f,"name","icon");e.appendChild(f);h.className="label-span";h.appendChild(k);m.className="divider-hr";d.appendChild(e);d.appendChild(h);d.appendChild(m);b.appendChild(c);b.appendChild(d);r.base=d;r["icon-span"]=e;r["icon-slot"]=f;$APP.Q(a,"__xMenuItemRefs",r);y1(a);$APP.Wi(a,"__xMenuItemInit")}x1(a);return a},Voa=function(a){var b=$APP.l(a,"__xMenuItemHandlers"),c=$APP.l(a,"__xMenuItemRefs");if($APP.n(b)){var d=
|
|
8
|
+
$APP.l(b,"keydown"),e=$APP.l(b,"icon-slotchange");c=$APP.n(c)?$APP.l(c,"icon-slot"):null;a.removeEventListener("click",$APP.l(b,"click"));a.removeEventListener("keydown",d);a=$APP.n(c)?c.removeEventListener("slotchange",e):null}else a=null;return a},Woa=function(a,b,c,d){return $APP.I(c,d)&&$APP.Vi(a,"__xMenuItemInit")?x1(a):null},Yoa=function(a){return $APP.xj(a,Xoa)},z1=function(){return $APP.zi("x-menu-item",new $APP.M(null,5,[$APP.ji,Zoa,$APP.hi,Uoa,$APP.ei,Voa,$APP.di,Woa,$APP.ii,Yoa],null))};var Zoa=["value","disabled","variant","type"],Soa=new $APP.ch(null,new $APP.M(null,2,["",null,"danger",null],null),null),Toa=new $APP.ch(null,new $APP.M(null,2,["",null,"divider",null],null),null),Xoa=new $APP.M(null,4,[$APP.Ui,new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"value"],null),$APP.zm,new $APP.M(null,2,[$APP.N,$APP.vj,$APP.W,"disabled"],null),$APP.Fm,new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"variant"],null),$APP.N,new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"type"],null)],null);
|
|
9
9
|
$APP.je(["x-menu-item-select",new $APP.M(null,1,[$APP.V,new $APP.M(null,1,[$APP.Ui,$APP.X],null)],null)]);$APP.fa("baredom.exports.x_menu_item.init",z1);export const init=z1;
|
package/dist/x-menu.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var oX=function(a){a=a.querySelectorAll("x-menu-item");for(var b=[],c=a.length,d=0;;)if(d<c){var e=a[d];$APP.p(e.hasAttribute("disabled"))&&$APP.I(e.getAttribute("type"),"divider")&&b.push(e);d+=1}else break;return b},pX=function(a){$APP.n(a.hasAttribute("open"))||($APP.T(a,"open",""),$APP.hj(a,"x-menu-open",{}));if($APP.n(null)){a=oX(a);var b=a.length;return b>0?$APP.z.j(null,
|
|
3
|
-
($APP.U(a,"open"),$APP.hj(a,"x-menu-close",{}));return $APP.n(b)?(a=$APP.l(a,"__xMenuRefs"),a=$APP.n(a)?$APP.l(a,"trigger-slot"):null,a=$APP.n(a)?a.assignedElements():null,a=$APP.n($APP.n(a)?a.length>0:a)?a[0]:null,$APP.n(a)?a.focus():null):null},
|
|
2
|
+
var oX=function(a){a=a.querySelectorAll("x-menu-item");for(var b=[],c=a.length,d=0;;)if(d<c){var e=a[d];$APP.p(e.hasAttribute("disabled"))&&$APP.I(e.getAttribute("type"),"divider")&&b.push(e);d+=1}else break;return b},pX=function(a){$APP.n(a.hasAttribute("open"))||($APP.T(a,"open",""),$APP.hj(a,"x-menu-open",{}));if($APP.n(null)){a=oX(a);var b=a.length;return b>0?$APP.z.j(null,Mka)?a[0].focus():$APP.z.j(null,Nka)?a[b-1].focus():null:null}return null},qX=function(a,b){$APP.n(a.hasAttribute("open"))&&
|
|
3
|
+
($APP.U(a,"open"),$APP.hj(a,"x-menu-close",{}));return $APP.n(b)?(a=$APP.l(a,"__xMenuRefs"),a=$APP.n(a)?$APP.l(a,"trigger-slot"):null,a=$APP.n(a)?a.assignedElements():null,a=$APP.n($APP.n(a)?a.length>0:a)?a[0]:null,$APP.n(a)?a.focus():null):null},Oka=function(a,b){var c=b.composedPath();a=$APP.Fc(a.assignedElements());return $APP.D($APP.pe(function(d){return c.indexOf(d)>-1},a))},Pka=function(a,b){var c=b.key,d=a.hasAttribute("open");if($APP.z.j(c,"Escape"))return $APP.n(d)?(b.preventDefault(),qX(a,
|
|
4
4
|
!0)):null;if($APP.z.j(c,"Tab"))return $APP.n(d)?qX(a,!1):null;if($APP.z.j(c,"ArrowDown")||$APP.z.j(c,"ArrowUp")){var e=oX(a),f=e.length;if(f>0){b.preventDefault();if($APP.n(d))return a=e.indexOf(document.activeElement),c=$APP.z.j(c,"ArrowDown")?a>=f-1?0:a<0?0:a+1:a<=0?f-1:a-1,e[c].focus();pX(a);return e[$APP.z.j(c,"ArrowDown")?0:f-1].focus()}}else if($APP.z.j(c,"Home")){if($APP.n(d)&&(e=oX(a),e.length>0))return b.preventDefault(),e[0].focus()}else if($APP.z.j(c,"End")&&$APP.n(d)&&(e=oX(a),e.length>
|
|
5
|
-
0))return b.preventDefault(),e[e.length-1].focus();return null},rX=function(a){var b=new $APP.M(null,3,[$APP.
|
|
6
|
-
"popup"):null,$APP.n(d)&&($APP.T(d,"data-placement",$APP.
|
|
7
|
-
$APP.l(a,"__xMenuRefs");k=$APP.n(k)?$APP.l(k,"trigger-slot"):null;return $APP.n($APP.n(k)?
|
|
5
|
+
0))return b.preventDefault(),e[e.length-1].focus();return null},rX=function(a){var b=new $APP.M(null,3,[$APP.cu,a.hasAttribute("open"),$APP.Br,a.getAttribute("placement"),$APP.Wj,a.getAttribute("label")],null);b=$APP.G(b);var c=$APP.C(b,$APP.cu),d=$APP.C(b,$APP.Br);b=$APP.C(b,$APP.Wj);c=$APP.D(c);d=$APP.n(d)?d:"";d=$APP.ed(Qka,d)?d:"bottom-start";b=new $APP.M(null,3,[$APP.cu,c,$APP.Br,d,$APP.Wj,$APP.n(b)?b:""],null);$APP.I(b,$APP.l(a,"__xMenuModel"))?(d=$APP.l(a,"__xMenuRefs"),d=$APP.n(d)?$APP.l(d,
|
|
6
|
+
"popup"):null,$APP.n(d)&&($APP.T(d,"data-placement",$APP.Br.i(b)),c=$APP.Wj.i(b),$APP.n($APP.n(c)?$APP.I(c,""):c)?$APP.T(d,"aria-label",c):$APP.U(d,"aria-label")),a=$APP.Q(a,"__xMenuModel",b)):a=null;return a},sX=function(a){function b(h){h.stopPropagation();h=h.detail.value;qX(a,!1);return $APP.hj(a,"x-menu-select",{value:$APP.n(h)?h:""})}function c(h){return Pka(a,h)}function d(h){$APP.n(a.hasAttribute("open"))?(h=h.composedPath(),h=$APP.z.j(-1,h.indexOf(a))?qX(a,!1):null):h=null;return h}function e(h){var k=
|
|
7
|
+
$APP.l(a,"__xMenuRefs");k=$APP.n(k)?$APP.l(k,"trigger-slot"):null;return $APP.n($APP.n(k)?Oka(k,h):k)?$APP.n(a.hasAttribute("open"))?qX(a,!0):pX(a):null}var f={};a.addEventListener("click",e);document.addEventListener("click",d,!0);a.addEventListener("keydown",c);a.addEventListener("x-menu-item-select",b);f.click=e;f["doc-click"]=d;f.keydown=c;f["item-select"]=b;$APP.Q(a,"__xMenuHandlers",f)},Rka=function(a){if($APP.Vi(a,"__xMenuInit"))return sX(a),rX(a);if(!$APP.Vi(a,"__xMenuInit")){var b=a.attachShadow({mode:"open"}),
|
|
8
8
|
c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("slot"),f=document.createElement("div"),h=document.createElement("slot"),k={};c.textContent=":host{display:inline-block;position:relative;color-scheme:light dark;--x-menu-bg:var(--x-color-bg,#ffffff);--x-menu-border:1px solid var(--x-color-border,#e5e7eb);--x-menu-border-radius:var(--x-radius-md,8px);--x-menu-shadow:var(--x-shadow-md,0 4px 16px rgba(0,0,0,0.12));--x-menu-min-width:160px;--x-menu-padding:4px;--x-menu-z-index:1000;}@media (prefers-color-scheme:dark){:host{--x-menu-bg:var(--x-color-bg,#1f2937);--x-menu-border:1px solid var(--x-color-border,#374151);--x-menu-shadow:var(--x-shadow-md,0 4px 16px rgba(0,0,0,0.4));}}.base{position:relative;display:inline-block;}.popup{display:none;position:absolute;background:var(--x-menu-bg);border:var(--x-menu-border);border-radius:var(--x-menu-border-radius);box-shadow:var(--x-menu-shadow);min-width:var(--x-menu-min-width);max-width:calc(100vw - 1rem);padding:var(--x-menu-padding);z-index:var(--x-menu-z-index);box-sizing:border-box;}:host([open]) .popup{display:block;}.popup[data-placement\x3d'bottom-start']{top:100%;left:0;margin-top:4px;}.popup[data-placement\x3d'bottom-end']{top:100%;right:0;margin-top:4px;}.popup[data-placement\x3d'top-start']{bottom:100%;left:0;margin-bottom:4px;}.popup[data-placement\x3d'top-end']{bottom:100%;right:0;margin-bottom:4px;}";
|
|
9
|
-
$APP.T(d,"part","base");d.className="base";$APP.T(e,"name","trigger");$APP.T(f,"part","popup");f.className="popup";$APP.T(f,"role","menu");f.appendChild(h);d.appendChild(e);d.appendChild(f);b.appendChild(c);b.appendChild(d);k.base=d;k.popup=f;k["trigger-slot"]=e;k["item-slot"]=h;$APP.Q(a,"__xMenuRefs",k);sX(a);$APP.Wi(a,"__xMenuInit")}rX(a);return a},
|
|
10
|
-
$APP.l(b,"click"));document.removeEventListener("click",c,!0);a.removeEventListener("keydown",d);a=a.removeEventListener("x-menu-item-select",e)}else a=null;return a},
|
|
9
|
+
$APP.T(d,"part","base");d.className="base";$APP.T(e,"name","trigger");$APP.T(f,"part","popup");f.className="popup";$APP.T(f,"role","menu");f.appendChild(h);d.appendChild(e);d.appendChild(f);b.appendChild(c);b.appendChild(d);k.base=d;k.popup=f;k["trigger-slot"]=e;k["item-slot"]=h;$APP.Q(a,"__xMenuRefs",k);sX(a);$APP.Wi(a,"__xMenuInit")}rX(a);return a},Ska=function(a){var b=$APP.l(a,"__xMenuHandlers");if($APP.n(b)){var c=$APP.l(b,"doc-click"),d=$APP.l(b,"keydown"),e=$APP.l(b,"item-select");a.removeEventListener("click",
|
|
10
|
+
$APP.l(b,"click"));document.removeEventListener("click",c,!0);a.removeEventListener("keydown",d);a=a.removeEventListener("x-menu-item-select",e)}else a=null;return a},Tka=function(a,b,c,d){return $APP.I(c,d)&&$APP.Vi(a,"__xMenuInit")?rX(a):null},Vka=function(a){return $APP.xj(a,Uka)},tX=function(){return $APP.zi("x-menu",new $APP.M(null,5,[$APP.ji,Wka,$APP.hi,Rka,$APP.ei,Ska,$APP.di,Tka,$APP.ii,Vka],null))},Nka=new $APP.F(null,"last","last",1105735132),Mka=new $APP.F(null,"first","first",-644103046);var Wka=["open","placement","label"],Qka=new $APP.ch(null,new $APP.M(null,4,["bottom-start",null,"bottom-end",null,"top-end",null,"top-start",null],null),null),Uka=new $APP.M(null,3,[$APP.cu,new $APP.M(null,2,[$APP.N,$APP.vj,$APP.W,"open"],null),$APP.Br,new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"placement"],null),$APP.Wj,new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"label"],null)],null);
|
|
11
11
|
$APP.je(["x-menu-open",new $APP.M(null,1,[$APP.V,$APP.ke],null),"x-menu-close",new $APP.M(null,1,[$APP.V,$APP.ke],null),"x-menu-select",new $APP.M(null,1,[$APP.V,new $APP.M(null,1,[$APP.Ui,$APP.X],null)],null)]);$APP.fa("baredom.exports.x_menu.init",tX);export const init=tX;
|