@vanelsas/baredom 2.5.0 → 2.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +14 -0
- package/README.md +11 -296
- package/custom-elements.json +36 -1
- package/dist/base.js +38 -38
- package/dist/integrity.json +93 -93
- package/dist/x-alert.js +17 -17
- package/dist/x-avatar-group.js +10 -10
- package/dist/x-avatar.js +13 -13
- package/dist/x-badge.js +11 -11
- package/dist/x-bento-grid.js +5 -5
- package/dist/x-bento-item.js +4 -4
- package/dist/x-breadcrumbs.js +14 -14
- package/dist/x-button.js +15 -15
- package/dist/x-cancel-dialogue.js +12 -12
- package/dist/x-card.js +7 -7
- package/dist/x-carousel.js +28 -28
- package/dist/x-chart.js +46 -46
- package/dist/x-checkbox.js +11 -11
- package/dist/x-chip.js +8 -8
- package/dist/x-collapse.js +10 -10
- package/dist/x-color-picker.js +40 -40
- package/dist/x-combobox.d.ts +1 -0
- package/dist/x-combobox.js +25 -25
- package/dist/x-command-palette.js +24 -24
- package/dist/x-container.js +6 -6
- package/dist/x-context-menu.js +18 -18
- package/dist/x-copy.js +20 -20
- package/dist/x-currency-field.d.ts +1 -0
- package/dist/x-currency-field.js +23 -22
- package/dist/x-date-picker.js +37 -37
- package/dist/x-divider.js +8 -8
- package/dist/x-drawer.js +11 -11
- package/dist/x-dropdown.js +9 -9
- package/dist/x-fieldset.js +5 -5
- package/dist/x-file-download.js +7 -7
- package/dist/x-file-upload.js +22 -22
- package/dist/x-form-field.js +15 -15
- package/dist/x-form.js +9 -9
- package/dist/x-gaussian-blur.js +16 -16
- package/dist/x-grid.js +6 -6
- package/dist/x-icon.js +7 -7
- package/dist/x-image.js +18 -18
- package/dist/x-kinetic-font.js +28 -28
- package/dist/x-kinetic-typography.js +37 -37
- package/dist/x-liquid-dock.js +35 -35
- package/dist/x-liquid-fill.js +40 -40
- package/dist/x-liquid-glass.js +35 -35
- package/dist/x-menu-item.js +10 -10
- package/dist/x-menu.js +10 -10
- package/dist/x-metaball-cursor.js +25 -25
- package/dist/x-modal.js +11 -11
- package/dist/x-morph-stack.js +39 -39
- package/dist/x-navbar.js +12 -12
- package/dist/x-neural-glow.js +30 -30
- package/dist/x-notification-center.js +10 -10
- package/dist/x-organic-divider.js +15 -15
- package/dist/x-organic-progress.js +35 -35
- package/dist/x-organic-shape.js +12 -12
- package/dist/x-pagination.d.ts +2 -1
- package/dist/x-pagination.js +17 -16
- package/dist/x-particle-button.js +46 -46
- package/dist/x-popover.js +23 -23
- package/dist/x-progress-circle.js +7 -7
- package/dist/x-progress.js +7 -7
- package/dist/x-radio.js +11 -11
- package/dist/x-ripple-effect.js +11 -11
- package/dist/x-scroll-parallax.js +17 -17
- package/dist/x-scroll-stack.js +18 -18
- package/dist/x-scroll-story.js +33 -33
- package/dist/x-scroll-timeline.js +44 -44
- package/dist/x-scroll.js +39 -39
- package/dist/x-search-field.js +15 -15
- package/dist/x-select.d.ts +1 -0
- package/dist/x-select.js +10 -10
- package/dist/x-sidebar.js +16 -16
- package/dist/x-skeleton-group.js +13 -13
- package/dist/x-skeleton.js +1 -1
- package/dist/x-slider.d.ts +1 -0
- package/dist/x-slider.js +18 -16
- package/dist/x-soft-body.js +20 -20
- package/dist/x-spacer.js +5 -5
- package/dist/x-spinner.js +5 -5
- package/dist/x-splash.js +13 -13
- package/dist/x-stat.js +9 -9
- package/dist/x-stepper.js +14 -14
- package/dist/x-switch.js +10 -10
- package/dist/x-tab.js +7 -7
- package/dist/x-table-cell.js +19 -19
- package/dist/x-table-row.js +10 -10
- package/dist/x-table.js +13 -13
- package/dist/x-tabs.d.ts +1 -0
- package/dist/x-tabs.js +11 -11
- package/dist/x-text-area.d.ts +1 -0
- package/dist/x-text-area.js +20 -18
- package/dist/x-theme.js +24 -24
- package/dist/x-timeline-item.js +19 -19
- package/dist/x-timeline.js +9 -9
- package/dist/x-toast.js +21 -21
- package/dist/x-toaster.js +8 -8
- package/dist/x-tooltip.js +12 -12
- package/dist/x-typography.js +8 -8
- package/dist/x-welcome-tour.js +58 -58
- package/package.json +6 -2
package/dist/x-liquid-fill.js
CHANGED
|
@@ -1,46 +1,46 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
return $APP.n(isNaN(a))?b:Math.min(1,Math.max(0,a))}return b},
|
|
4
|
-
function(a,b,c,d){return c*(.5*Math.sin(a*6.283185307179586*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
|
-
window.getComputedStyle(a);b=c.getPropertyValue("overflow-y");c=c.getPropertyValue("overflow-x");if($APP.B.i(b,"auto")||$APP.B.i(b,"scroll")||$APP.B.i(c,"auto")||$APP.B.i(c,"scroll"))break a;a=a.parentElement}else{a=null;break a}a=void 0}return a},
|
|
6
|
-
a.clientWidth]:[a.scrollTop,a.scrollHeight,a.clientHeight]},
|
|
2
|
+
var k8=function(a){function b(d,e){d.push(e);return d}var c=[];return $APP.Xc?$APP.Xc(b,c,a):$APP.Yc.call(null,b,c,a)},m8=function(a){a=typeof a==="string"?a.trim().toLowerCase():null;return $APP.I(l8,a)?a:"vertical"},o8=function(a){a=typeof a==="string"?a.trim().toLowerCase():null;return $APP.I(n8,a)?a:"fill"},q8=function(a){a=typeof a==="string"?a.trim().toLowerCase():null;return $APP.I(p8,a)?a:"gold"},r8=function(a,b){if(typeof a==="string"){a=a.trim();if($APP.B.i(a,""))return b;a=parseFloat(a);
|
|
3
|
+
return $APP.n(isNaN(a))?b:Math.min(1,Math.max(0,a))}return b},s8=function(a){if(typeof a==="string"){a=a.trim();if($APP.B.i(a,""))return 3;a=parseInt(a,10);return $APP.n(isNaN(a))?3:Math.min(5,Math.max(2,a))}return 3},w8=function(a,b){b=b>1?a/(b-1):1;return new $APP.Q(null,6,[t8,a*2.39996,u8,.7+.6*b,v8,.6+.8*b,$APP.Tl,200-a*30,$APP.Pk,10+a*3,$APP.qi,1],null)},x8=function(a,b,c){b-=c;return b<=0?0:Math.min(1,Math.max(0,a/b))},y8=function(a,b,c){return c<=.001?0:Math.min(1,Math.abs(a-b)/c/2E3)},z8=
|
|
4
|
+
function(a,b,c,d){return c*(.5*Math.sin(a*6.283185307179586*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))},A8=function(a,b,c,d,e,g){b=c+(e*(b-a)-g*c)*d;return[a+b*d,b]},B8=function(a,b,c){return a+(b-a)*c},D8=function(){var a=C8+1;return C8=a},E8=function(){return $APP.F(window.matchMedia("(prefers-reduced-motion:reduce)").matches)},F8=function(a,b){if(typeof b==="string"&&$APP.N(b.trim(),""))a=document.querySelector(b);else a:{for(a=a.parentElement;;)if($APP.n(a)){var c=
|
|
5
|
+
window.getComputedStyle(a);b=c.getPropertyValue("overflow-y");c=c.getPropertyValue("overflow-x");if($APP.B.i(b,"auto")||$APP.B.i(b,"scroll")||$APP.B.i(c,"auto")||$APP.B.i(c,"scroll"))break a;a=a.parentElement}else{a=null;break a}a=void 0}return a},G8=function(a,b){return a==null?$APP.B.i(b,"horizontal")?[window.scrollX,document.documentElement.scrollWidth,window.innerWidth]:[window.scrollY,document.documentElement.scrollHeight,window.innerHeight]:$APP.B.i(b,"horizontal")?[a.scrollLeft,a.scrollWidth,
|
|
6
|
+
a.clientWidth]:[a.scrollTop,a.scrollHeight,a.clientHeight]},N8=function(a){var b=D8(),c=a.attachShadow({mode:"open"}),d=document.createElement("style"),e=document.createElement("div"),g=document.createElementNS("http://www.w3.org/2000/svg","svg"),h=document.createElementNS("http://www.w3.org/2000/svg","defs"),l=document.createElementNS("http://www.w3.org/2000/svg","radialGradient"),m=document.createElementNS("http://www.w3.org/2000/svg","stop"),p=document.createElementNS("http://www.w3.org/2000/svg",
|
|
7
7
|
"stop"),q=document.createElementNS("http://www.w3.org/2000/svg","stop"),v=document.createElementNS("http://www.w3.org/2000/svg","filter"),x=document.createElementNS("http://www.w3.org/2000/svg","feGaussianBlur"),y=document.createElementNS("http://www.w3.org/2000/svg","feSpecularLighting"),A=document.createElementNS("http://www.w3.org/2000/svg","fePointLight"),C=document.createElementNS("http://www.w3.org/2000/svg","feComposite"),E=document.createElementNS("http://www.w3.org/2000/svg","feComposite"),
|
|
8
|
-
H=
|
|
9
|
-
null)}($APP.dg(0,5))}()),G=document.createElement("div"),J=document.createElement("slot"),
|
|
8
|
+
H=k8(function(){return function Pa(Ca){return new $APP.rd(null,function(){for(;;){var db=$APP.t(Ca);if(db){if($APP.Nc(db)){var eb=$APP.yb(db),pb=$APP.z(eb),Nb=$APP.ud(pb);a:{for(var gb=0;;)if(gb<pb){$APP.yc(eb,gb);var ea=Nb,ta=document.createElementNS("http://www.w3.org/2000/svg","path");ea.add(ta);gb+=1}else{eb=!0;break a}eb=void 0}return eb?$APP.xd(Nb.aa(),Pa($APP.zb(db))):$APP.xd(Nb.aa(),null)}$APP.u(db);return $APP.od(document.createElementNS("http://www.w3.org/2000/svg","path"),Pa($APP.Yb(db)))}return null}},
|
|
9
|
+
null)}($APP.dg(0,5))}()),G=document.createElement("div"),J=document.createElement("slot"),R=""+$APP.T.g("xlf-grad-")+$APP.T.g(b),aa=""+$APP.T.g("xlf-spec-")+$APP.T.g(b);d.textContent=H8;e.setAttribute("part","container");g.setAttribute("part","svg");g.setAttribute("viewBox","0 0 300 200");g.setAttribute("preserveAspectRatio","none");g.setAttribute("aria-hidden","true");l.setAttribute("id",R);l.setAttribute("gradientUnits","userSpaceOnUse");l.setAttribute("cx","150");l.setAttribute("cy","200");l.setAttribute("r",
|
|
10
10
|
"200");l.setAttribute("fx","150");l.setAttribute("fy","200");m.setAttribute("offset","0%");m.setAttribute("stop-color","var("+$APP.T.g("--x-liquid-fill-color-1")+",#B8860B)");p.setAttribute("offset","50%");p.setAttribute("stop-color","var("+$APP.T.g("--x-liquid-fill-color-2")+",#D4AF37)");q.setAttribute("offset","100%");q.setAttribute("stop-color","var("+$APP.T.g("--x-liquid-fill-color-3")+",#F9F295)");l.appendChild(m);l.appendChild(p);l.appendChild(q);v.setAttribute("id",aa);v.setAttribute("x","-10%");
|
|
11
11
|
v.setAttribute("y","-10%");v.setAttribute("width","120%");v.setAttribute("height","120%");x.setAttribute("in","SourceAlpha");x.setAttribute("stdDeviation","3");x.setAttribute("result","blur");y.setAttribute("in","blur");y.setAttribute("surfaceScale","5");y.setAttribute("specularConstant","0.75");y.setAttribute("specularExponent","20");y.setAttribute("lighting-color","var("+$APP.T.g("--x-liquid-fill-specular-color")+",rgba(255,255,240,0.6))");y.setAttribute("result","specular");y.appendChild(A);A.setAttribute("x",
|
|
12
12
|
"90");A.setAttribute("y","-50");A.setAttribute("z","200");C.setAttribute("in","specular");C.setAttribute("in2","SourceAlpha");C.setAttribute("operator","in");C.setAttribute("result","specClip");E.setAttribute("in","SourceGraphic");E.setAttribute("in2","specClip");E.setAttribute("operator","arithmetic");E.setAttribute("k1","0");E.setAttribute("k2","1");E.setAttribute("k3","1");E.setAttribute("k4","0");v.appendChild(x);v.appendChild(y);v.appendChild(C);v.appendChild(E);h.appendChild(l);h.appendChild(v);
|
|
13
|
-
g.appendChild(h);for(h=0;;)if(h<5)m=H[h],m.setAttribute("class","wave-layer"),m.setAttribute("data-layer",""+$APP.T.g(h)),m.setAttribute("fill","url(#"+$APP.T.g(
|
|
14
|
-
8,[$APP.
|
|
15
|
-
"")?a.trim():null,$APP.
|
|
16
|
-
e.setAttribute("filter","url(#"+$APP.T.g(c)+")"):e.removeAttribute("filter")}else e.style.display="none";d+=1}else break},
|
|
17
|
-
a=$APP.D(a,
|
|
18
|
-
H.push("Z");q.setAttribute("d",H.join(""))}else{y=c*g;A=d;C=e;E=v;v=x;x=[];x.push("M"+$APP.T.g((y+
|
|
19
|
-
c=$APP.k(a,"__xLiquidFillW"),d=$APP.k(a,"__xLiquidFillH");var e=$APP.k(a,"__xLiquidFillProg");e=$APP.n(e)?e:0;var g=$APP.fj.g(b);b=
|
|
20
|
-
"M"+$APP.T.g(m.toFixed(2))+",0L"+$APP.T.g(m.toFixed(2))+","+$APP.T.g(d.toFixed(2))+"L0,"+$APP.T.g(d.toFixed(2))+"L0,0Z");h+=1}else break},
|
|
21
|
-
function(a){var b=$APP.k(a,"__xLiquidFillRaf");$APP.n(b)&&(cancelAnimationFrame(b),a.__xLiquidFillRaf=null)},
|
|
22
|
-
"__xLiquidFillModel");b=$APP.k(a,"__xLiquidFillST");var d=$APP.
|
|
23
|
-
return $APP.n(h)?h:
|
|
24
|
-
if($APP.n($APP.n(b)?$APP.k(b,"scrollAttached"):b)){var c=$APP.k(b,"scroll");a=$APP.k(a,"__xLiquidFillST");$APP.n(a)?a.removeEventListener("scroll",c):window.removeEventListener("scroll",c);b.scrollAttached=!1}else return null},
|
|
25
|
-
(d=
|
|
26
|
-
0){var d=c[0].contentRect;c=d.width;d=d.height;if(c>0&&d>0){a.__xLiquidFillW=c;a.__xLiquidFillH=d;var e=$APP.M($APP.k(a,"__xLiquidFillRefs")),g=$APP.D(e,$APP.mk),h=$APP.D(e,
|
|
27
|
-
"__xLiquidFillModel"));c=$APP.n(c)?c:
|
|
28
|
-
a.removeProperty("--x-liquid-fill-specular-color"))},
|
|
29
|
-
enumerable:!0,configurable:!0});Object.defineProperty(a,"mode",{get:function(){return
|
|
30
|
-
"waveIntensity",{get:function(){var b=this.getAttribute("wave-intensity");return
|
|
31
|
-
configurable:!0});Object.defineProperty(a,"layers",{get:function(){return
|
|
32
|
-
{get:function(){var b=$APP.k(this,"__xLiquidFillProg");return $APP.n(b)?b:0},enumerable:!0,configurable:!0})},
|
|
33
|
-
$APP.fj.g(b));
|
|
34
|
-
b;if(c==null||$APP.N($APP.fj.g(b),$APP.fj.g(c)))
|
|
35
|
-
|
|
36
|
-
-915557489),
|
|
37
|
-
$APP.zf([new $APP.K(null,"waveIntensity","waveIntensity",695633410),$APP.Pj,new $APP.K(null,"splashIntensity","splashIntensity",1275664841),$APP.wj,$APP.
|
|
38
|
-
new $APP.
|
|
39
|
-
var
|
|
40
|
-
null),"lava",new $APP.
|
|
13
|
+
g.appendChild(h);for(h=0;;)if(h<5)m=H[h],m.setAttribute("class","wave-layer"),m.setAttribute("data-layer",""+$APP.T.g(h)),m.setAttribute("fill","url(#"+$APP.T.g(R)+")"),m.style.display="none",g.appendChild(m),h+=1;else break;G.setAttribute("part","content");G.appendChild(J);e.appendChild(g);e.appendChild(G);c.appendChild(d);c.appendChild(e);a.__xLiquidFillUid=b;$APP.ja(a,"__xLiquidFillRefs",new $APP.Q(null,8,[$APP.Hi,c,$APP.mk,g,I8,H,$APP.zi,G,J8,A,K8,l,L8,aa,M8,R],null))},V8=function(a){a=new $APP.Q(null,
|
|
14
|
+
8,[$APP.vl,a.getAttribute("target"),$APP.Yl,a.getAttribute("orientation"),$APP.xl,a.getAttribute("mode"),O8,a.getAttribute("theme"),P8,a.getAttribute("wave-intensity"),Q8,a.getAttribute("splash-intensity"),R8,a.getAttribute("layers"),$APP.ej,a.getAttribute("disabled")],null);var b=$APP.M(a);a=$APP.D(b,$APP.vl);var c=$APP.D(b,$APP.Yl),d=$APP.D(b,$APP.xl),e=$APP.D(b,O8),g=$APP.D(b,P8),h=$APP.D(b,Q8),l=$APP.D(b,R8);b=$APP.D(b,$APP.ej);return new $APP.Q(null,8,[$APP.hn,typeof a==="string"&&$APP.N(a.trim(),
|
|
15
|
+
"")?a.trim():null,$APP.rl,m8(c),$APP.wj,o8(d),S8,q8(e),T8,r8(g,.5),U8,r8(h,.7),$APP.fj,s8(l),$APP.X,b!=null],null)},W8=function(a,b){var c=new Float64Array(b);a.__xLiquidFillWA=c;c=new Float64Array(b);a.__xLiquidFillWV=c;b=new Float64Array(b);a.__xLiquidFillWP=b},X8=function(a,b){var c=$APP.M($APP.k(a,"__xLiquidFillRefs"));a=$APP.D(c,I8);c=$APP.D(c,L8);for(var d=0;;)if(d<5){var e=a[d];if(d<b){var g=w8(d,b),h=$APP.B.i(d,b-1);e.style.display="";e.setAttribute("opacity",""+$APP.T.g($APP.qi.g(g)));h?
|
|
16
|
+
e.setAttribute("filter","url(#"+$APP.T.g(c)+")"):e.removeAttribute("filter")}else e.style.display="none";d+=1}else break},Y8=function(a){return $APP.B.i("vertical",$APP.rl.g(a))&&$APP.N("bar",$APP.wj.g(a))},Z8=function(a){var b=$APP.k(a,"__xLiquidFillModel"),c=$APP.k(a,"__xLiquidFillW"),d=$APP.k(a,"__xLiquidFillH"),e=$APP.k(a,"__xLiquidFillTime"),g=$APP.k(a,"__xLiquidFillProg"),h=$APP.fj.g(b);b=Y8(b);var l=$APP.k(a,"__xLiquidFillWA"),m=$APP.k(a,"__xLiquidFillWP");a=$APP.M($APP.k(a,"__xLiquidFillRefs"));
|
|
17
|
+
a=$APP.D(a,I8);if($APP.n($APP.n(c)?$APP.n(d)?c>0&&d>0:d:c))for(var p=0;;)if(p<h){var q=a[p],v=l[p],x=m[p];if(b){var y=d*(1-g),A=c,C=d,E=e,H=[];H.push("M0,"+$APP.T.g((y+z8(0,E,v,x)).toFixed(2)));for(var G=0;;)if(G<10){var J=(G+.5)/10,R=(G+1)/10,aa=y+z8(J,E,v,x),la=R*A;R=y+z8(R,E,v,x);H.push("Q"+$APP.T.g((J*A).toFixed(2))+","+$APP.T.g(aa.toFixed(2))+" "+$APP.T.g(la.toFixed(2))+","+$APP.T.g(R.toFixed(2)));G+=1}else break;H.push("L"+$APP.T.g(A.toFixed(2))+","+$APP.T.g(C.toFixed(2)));H.push("L0,"+$APP.T.g(C.toFixed(2)));
|
|
18
|
+
H.push("Z");q.setAttribute("d",H.join(""))}else{y=c*g;A=d;C=e;E=v;v=x;x=[];x.push("M"+$APP.T.g((y+z8(0,C,E,v)).toFixed(2))+",0");for(H=0;;)if(H<10)G=(H+.5)/10,la=(H+1)/10,J=G*A,aa=la*A,la=y+z8(la,C,E,v),x.push("Q"+$APP.T.g((y+z8(G,C,E,v)).toFixed(2))+","+$APP.T.g(J.toFixed(2))+" "+$APP.T.g(la.toFixed(2))+","+$APP.T.g(aa.toFixed(2))),H+=1;else break;x.push("L0,"+$APP.T.g(A.toFixed(2)));x.push("L0,0");x.push("Z");q.setAttribute("d",x.join(""))}p+=1}else break},$8=function(a){var b=$APP.k(a,"__xLiquidFillModel"),
|
|
19
|
+
c=$APP.k(a,"__xLiquidFillW"),d=$APP.k(a,"__xLiquidFillH");var e=$APP.k(a,"__xLiquidFillProg");e=$APP.n(e)?e:0;var g=$APP.fj.g(b);b=Y8(b);a=$APP.M($APP.k(a,"__xLiquidFillRefs"));a=$APP.D(a,I8);if($APP.n($APP.n(c)?$APP.n(d)?c>0&&d>0:d:c))for(var h=0;;)if(h<g){var l=a[h];if(b){var m=d*(1-e);l.setAttribute("d","M0,"+$APP.T.g(m.toFixed(2))+"L"+$APP.T.g(c.toFixed(2))+","+$APP.T.g(m.toFixed(2))+"L"+$APP.T.g(c.toFixed(2))+","+$APP.T.g(d.toFixed(2))+"L0,"+$APP.T.g(d.toFixed(2))+"Z")}else m=c*e,l.setAttribute("d",
|
|
20
|
+
"M"+$APP.T.g(m.toFixed(2))+",0L"+$APP.T.g(m.toFixed(2))+","+$APP.T.g(d.toFixed(2))+"L0,"+$APP.T.g(d.toFixed(2))+"L0,0Z");h+=1}else break},b9=function(a,b,c){b=new CustomEvent("x-liquid-fill-progress",{detail:$APP.Hh(new $APP.Q(null,2,[$APP.cm,b,a9,c],null)),bubbles:!0,composed:!0,cancelable:!1});a.dispatchEvent(b)},d9=function(a){$APP.n($APP.k(a,"__xLiquidFillRaf"))||($APP.ja(a,"__xLiquidFillLF",performance.now()),$APP.ja(a,"__xLiquidFillRaf",requestAnimationFrame(function(){return c9(a)})))},e9=
|
|
21
|
+
function(a){var b=$APP.k(a,"__xLiquidFillRaf");$APP.n(b)&&(cancelAnimationFrame(b),a.__xLiquidFillRaf=null)},h9=function(a){if($APP.n(function(){var h=a.isConnected;return $APP.n(h)?(h=$APP.k(a,"__xLiquidFillVis"),$APP.n(h)?$APP.r($APP.X.g($APP.k(a,"__xLiquidFillModel"))):h):h}())){var b=$APP.k(a,"__xLiquidFillModel");$APP.k(a,"__xLiquidFillST")==null&&$APP.hn.g(b)!=null&&(b=F8(a,$APP.hn.g(b)),$APP.n(b)&&(f9.g?f9.g(a):f9.call(null,a),a.__xLiquidFillST=b,g9.g?g9.g(a):g9.call(null,a)));var c=$APP.k(a,
|
|
22
|
+
"__xLiquidFillModel");b=$APP.k(a,"__xLiquidFillST");var d=$APP.rl.g(c);d=G8(b,d);var e=d[0];b=d[1];d=d[2];var g=performance.now();b=x8(e,b,d);d=y8(e,function(){var h=$APP.k(a,"__xLiquidFillLS");return $APP.n(h)?h:e}(),(g-function(){var h=$APP.k(a,"__xLiquidFillLST");return $APP.n(h)?h:g}())/1E3);a.__xLiquidFillTP=b;$APP.ja(a,"__xLiquidFillSV",Math.max(function(){var h=$APP.k(a,"__xLiquidFillSV");return $APP.n(h)?h:0}(),d));a.__xLiquidFillLS=e;a.__xLiquidFillLST=g;$APP.n(function(){var h=$APP.X.g(c);
|
|
23
|
+
return $APP.n(h)?h:E8()}())||d9(a);$APP.n(function(){var h=$APP.X.g(c);return $APP.n(h)?h:E8()}())&&(a.__xLiquidFillProg=b,$8(a),b9(a,b,d))}return null},g9=function(a){var b=$APP.k(a,"__xLiquidFillHdl");if($APP.n($APP.n(b)?$APP.r($APP.k(b,"scrollAttached")):b)){var c=$APP.k(b,"scroll");a=$APP.k(a,"__xLiquidFillST");$APP.n(a)?a.addEventListener("scroll",c,{passive:!0}):window.addEventListener("scroll",c,{passive:!0});b.scrollAttached=!0}else return null},f9=function(a){var b=$APP.k(a,"__xLiquidFillHdl");
|
|
24
|
+
if($APP.n($APP.n(b)?$APP.k(b,"scrollAttached"):b)){var c=$APP.k(b,"scroll");a=$APP.k(a,"__xLiquidFillST");$APP.n(a)?a.removeEventListener("scroll",c):window.removeEventListener("scroll",c);b.scrollAttached=!1}else return null},i9=function(a){var b=$APP.hn.g($APP.k(a,"__xLiquidFillModel")),c=F8(a,b);a.__xLiquidFillST=c;g9(a);h9(a);b!=null&&c==null&&requestAnimationFrame(function(){if($APP.n(a.isConnected)){var d=$APP.hn.g($APP.k(a,"__xLiquidFillModel"));d!=null&&$APP.k(a,"__xLiquidFillST")==null&&
|
|
25
|
+
(d=F8(a,d),$APP.n(d)&&(f9(a),a.__xLiquidFillST=d,g9(a),h9(a)))}return null})},j9=function(a){$APP.ja(a,"__xLiquidFillHdl",{scroll:function(){return h9(a)},scrollAttached:!1})},k9=function(a){f9(a);a.__xLiquidFillHdl=null},l9=function(a){var b=new IntersectionObserver(function(c){c=c[0].isIntersecting;a.__xLiquidFillVis=c;$APP.n(c)?(c=$APP.X.g($APP.k(a,"__xLiquidFillModel")),c=$APP.n(c)?c:E8(),$APP.n(c)||d9(a)):e9(a);return null},{threshold:[0]});b.observe(a);a.__xLiquidFillIO=b;b=new ResizeObserver(function(c){if(c.length>
|
|
26
|
+
0){var d=c[0].contentRect;c=d.width;d=d.height;if(c>0&&d>0){a.__xLiquidFillW=c;a.__xLiquidFillH=d;var e=$APP.M($APP.k(a,"__xLiquidFillRefs")),g=$APP.D(e,$APP.mk),h=$APP.D(e,J8);e=$APP.D(e,K8);var l=Math.max(c,d);g.setAttribute("viewBox","0 0 "+$APP.T.g(c)+" "+$APP.T.g(d));h.setAttribute("x",""+$APP.T.g(c*.3));e.setAttribute("cx",""+$APP.T.g(c*.5));e.setAttribute("cy",""+$APP.T.g(d));e.setAttribute("r",""+$APP.T.g(l));e.setAttribute("fx",""+$APP.T.g(c*.5));e.setAttribute("fy",""+$APP.T.g(d));c=$APP.X.g($APP.k(a,
|
|
27
|
+
"__xLiquidFillModel"));c=$APP.n(c)?c:E8();$APP.n(c)?$8(a):(Z8(a),d9(a))}}return null});b.observe(a);a.__xLiquidFillRO=b},o9=function(a,b){b=$APP.D(m9,b);$APP.n(b)?(a=a.style,a.setProperty("--x-liquid-fill-color-1",$APP.gl.g(b)),a.setProperty("--x-liquid-fill-color-2",$APP.hl.g(b)),a.setProperty("--x-liquid-fill-color-3",n9.g(b)),a.setProperty("--x-liquid-fill-specular-color",$APP.ql.g(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"),
|
|
28
|
+
a.removeProperty("--x-liquid-fill-specular-color"))},p9=function(a){Object.defineProperty(a,"target",{get:function(){return this.getAttribute("target")},set:function(b){return $APP.n(b)?this.setAttribute("target",""+$APP.T.g(b)):this.removeAttribute("target")},enumerable:!0,configurable:!0});Object.defineProperty(a,"orientation",{get:function(){return m8(this.getAttribute("orientation"))},set:function(b){return $APP.n(b)?this.setAttribute("orientation",""+$APP.T.g(b)):this.removeAttribute("orientation")},
|
|
29
|
+
enumerable:!0,configurable:!0});Object.defineProperty(a,"mode",{get:function(){return o8(this.getAttribute("mode"))},set:function(b){return $APP.n(b)?this.setAttribute("mode",""+$APP.T.g(b)):this.removeAttribute("mode")},enumerable:!0,configurable:!0});Object.defineProperty(a,"theme",{get:function(){return q8(this.getAttribute("theme"))},set:function(b){return $APP.n(b)?this.setAttribute("theme",""+$APP.T.g(b)):this.removeAttribute("theme")},enumerable:!0,configurable:!0});Object.defineProperty(a,
|
|
30
|
+
"waveIntensity",{get:function(){var b=this.getAttribute("wave-intensity");return r8(b,.5)},set:function(b){return b==null?this.removeAttribute("wave-intensity"):this.setAttribute("wave-intensity",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"splashIntensity",{get:function(){var b=this.getAttribute("splash-intensity");return r8(b,.7)},set:function(b){return b==null?this.removeAttribute("splash-intensity"):this.setAttribute("splash-intensity",""+$APP.T.g(b))},enumerable:!0,
|
|
31
|
+
configurable:!0});Object.defineProperty(a,"layers",{get:function(){return s8(this.getAttribute("layers"))},set:function(b){return b==null?this.removeAttribute("layers"):this.setAttribute("layers",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"disabled",{get:function(){return this.hasAttribute("disabled")},set:function(b){return $APP.n(b)?this.setAttribute("disabled",""):this.removeAttribute("disabled")},enumerable:!0,configurable:!0});Object.defineProperty(a,"progress",
|
|
32
|
+
{get:function(){var b=$APP.k(this,"__xLiquidFillProg");return $APP.n(b)?b:0},enumerable:!0,configurable:!0})},r9=function(){var a=class extends HTMLElement{};a.observedAttributes=q9;a.prototype.connectedCallback=function(){var b=V8(this);this.__xLiquidFillModel=b;this.__xLiquidFillTime=this.__xLiquidFillSV=this.__xLiquidFillTP=this.__xLiquidFillProg=0;this.__xLiquidFillLD=-1;this.__xLiquidFillVis=!0;$APP.n($APP.k(this,"__xLiquidFillRefs"))||N8(this);o9(this,S8.g(b));W8(this,$APP.fj.g(b));X8(this,
|
|
33
|
+
$APP.fj.g(b));k9(this);j9(this);l9(this);i9(this);return null};a.prototype.disconnectedCallback=function(){e9(this);k9(this);var b=$APP.k(this,"__xLiquidFillIO");$APP.n(b)&&(b.disconnect(),this.__xLiquidFillIO=null);b=$APP.k(this,"__xLiquidFillRO");$APP.n(b)&&(b.disconnect(),this.__xLiquidFillRO=null);this.__xLiquidFillVis=!1;return null};a.prototype.attributeChangedCallback=function(b,c,d){if($APP.N(c,d)&&$APP.n($APP.k(this,"__xLiquidFillRefs"))){b=V8(this);c=$APP.k(this,"__xLiquidFillModel");this.__xLiquidFillModel=
|
|
34
|
+
b;if(c==null||$APP.N($APP.fj.g(b),$APP.fj.g(c)))W8(this,$APP.fj.g(b)),X8(this,$APP.fj.g(b));(c==null||$APP.N(S8.g(b),S8.g(c)))&&o9(this,S8.g(b));if(c==null||$APP.N($APP.hn.g(b),$APP.hn.g(c)))f9(this),i9(this);c=$APP.k(this,"__xLiquidFillW");d=$APP.k(this,"__xLiquidFillH");$APP.n($APP.n(c)?$APP.n(d)?c>0&&d>0:d:c)&&(b=$APP.X.g(b),b=$APP.n(b)?b:E8(),$APP.n(b)?(e9(this),$8(this)):(Z8(this),d9(this)))}return null};p9(a.prototype);return a},s9=function(){$APP.n(customElements.get("x-liquid-fill"))||customElements.define("x-liquid-fill",
|
|
35
|
+
r9());return null},v8=new $APP.K(null,"amp-mult","amp-mult",698045242),J8=new $APP.K(null,"feLight","feLight",-1941454484),u8=new $APP.K(null,"speed-mult","speed-mult",-353631814),R8=new $APP.K(null,"layers-raw","layers-raw",-233899391),t8=new $APP.K(null,"phase-offset","phase-offset",-1013192067),I8=new $APP.K(null,"paths","paths",-1807389588),O8=new $APP.K(null,"theme-raw","theme-raw",1068228849),L8=new $APP.K(null,"filt-id","filt-id",-672558408),T8=new $APP.K(null,"wave-intensity","wave-intensity",
|
|
36
|
+
-915557489),K8=new $APP.K(null,"grad","grad",1125187229),S8=new $APP.K(null,"theme","theme",-1247880880),n9=new $APP.K(null,"color-3","color-3",265727868),P8=new $APP.K(null,"wave-intensity-raw","wave-intensity-raw",1563162777),M8=new $APP.K(null,"grad-id","grad-id",1430109665),U8=new $APP.K(null,"splash-intensity","splash-intensity",-619909243),a9=new $APP.K(null,"velocity","velocity",-581524355),Q8=new $APP.K(null,"splash-intensity-raw","splash-intensity-raw",1573376927);var q9="target orientation mode theme wave-intensity splash-intensity layers disabled".split(" ");
|
|
37
|
+
$APP.zf([new $APP.K(null,"waveIntensity","waveIntensity",695633410),$APP.Pj,new $APP.K(null,"splashIntensity","splashIntensity",1275664841),$APP.wj,$APP.rl,S8,$APP.fj,$APP.hn,$APP.cm],[new $APP.Q(null,1,[$APP.Z,$APP.W],null),new $APP.Q(null,1,[$APP.Z,$APP.Zj],null),new $APP.Q(null,1,[$APP.Z,$APP.W],null),new $APP.Q(null,1,[$APP.Z,$APP.Y],null),new $APP.Q(null,1,[$APP.Z,$APP.Y],null),new $APP.Q(null,1,[$APP.Z,$APP.Y],null),new $APP.Q(null,1,[$APP.Z,$APP.W],null),new $APP.Q(null,1,[$APP.Z,$APP.Y],null),
|
|
38
|
+
new $APP.Q(null,2,[$APP.Z,$APP.W,$APP.wk,!0],null)]);$APP.Pd(["x-liquid-fill-progress",new $APP.Q(null,2,[$APP.V,new $APP.Q(null,2,[$APP.cm,$APP.W,a9,$APP.W],null),$APP.lm,!1],null)]);
|
|
39
|
+
var l8=new $APP.S(null,new $APP.Q(null,2,["vertical",null,"horizontal",null],null),null),n8=new $APP.S(null,new $APP.Q(null,2,["bar",null,"fill",null],null),null),p8=new $APP.S(null,new $APP.Q(null,4,["custom",null,"gold",null,"lava",null,"water",null],null),null),m9=new $APP.Q(null,3,["gold",new $APP.Q(null,4,[$APP.gl,"#B8860B",$APP.hl,"#D4AF37",n9,"#F9F295",$APP.ql,"rgba(255,255,240,0.6)"],null),"water",new $APP.Q(null,4,[$APP.gl,"#0077B6",$APP.hl,"#00B4D8",n9,"#90E0EF",$APP.ql,"rgba(255,255,255,0.5)"],
|
|
40
|
+
null),"lava",new $APP.Q(null,4,[$APP.gl,"#8B0000",$APP.hl,"#FF4500",n9,"#FF8C00",$APP.ql,"rgba(255,255,200,0.7)"],null)],null);var C8=0,H8=":host{display:block;position:relative;overflow:hidden;"+$APP.T.g("--x-liquid-fill-bg")+":transparent;"+$APP.T.g("--x-liquid-fill-border")+":none;"+$APP.T.g("--x-liquid-fill-radius")+":0;"+$APP.T.g("--x-liquid-fill-opacity")+":1;"+$APP.T.g("--x-liquid-fill-wave-speed")+":1;"+$APP.T.g("--x-liquid-fill-color-1")+":#B8860B;"+$APP.T.g("--x-liquid-fill-color-2")+":#D4AF37;"+$APP.T.g("--x-liquid-fill-color-3")+":#F9F295;"+$APP.T.g("--x-liquid-fill-specular-color")+":rgba(255,255,240,0.6);}:host{background:var("+
|
|
41
41
|
$APP.T.g("--x-liquid-fill-bg")+",transparent);border:var("+$APP.T.g("--x-liquid-fill-border")+",none);border-radius:var("+$APP.T.g("--x-liquid-fill-radius")+",0);}:host([mode\x3dbar]){"+$APP.T.g("--x-liquid-fill-bar-height")+":14px;height:var("+$APP.T.g("--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("+
|
|
42
|
-
$APP.T.g("--x-liquid-fill-opacity")+",1);}[part\x3dcontent]{position:relative;z-index:1;}."+$APP.T.g("wave-layer")+"{transition:none;}@media(prefers-color-scheme:dark){:host{"+$APP.T.g("--x-liquid-fill-bg")+":transparent;"+$APP.T.g("--x-liquid-fill-specular-color")+":rgba(255,255,200,0.4);}}@media(prefers-reduced-motion:reduce){."+$APP.T.g("wave-layer")+"{transition:none!important;}}",
|
|
43
|
-
E:
|
|
44
|
-
q=$APP.k(a,"__xLiquidFillWV"),v=$APP.k(a,"__xLiquidFillWP");a.__xLiquidFillLF=d;$APP.ja(a,"__xLiquidFillTime",function(){var E=$APP.k(a,"__xLiquidFillTime");return $APP.n(E)?E:0}()+e*g);$APP.ja(a,"__xLiquidFillProg",
|
|
45
|
-
v[d]+=e*g*
|
|
46
|
-
requestAnimationFrame(function(){return
|
|
42
|
+
$APP.T.g("--x-liquid-fill-opacity")+",1);}[part\x3dcontent]{position:relative;z-index:1;}."+$APP.T.g("wave-layer")+"{transition:none;}@media(prefers-color-scheme:dark){:host{"+$APP.T.g("--x-liquid-fill-bg")+":transparent;"+$APP.T.g("--x-liquid-fill-specular-color")+":rgba(255,255,200,0.4);}}@media(prefers-reduced-motion:reduce){."+$APP.T.g("wave-layer")+"{transition:none!important;}}",c9=function c9(a){if(!$APP.r(a.isConnected))if($APP.n(function(){var E=$APP.X.g($APP.k(a,"__xLiquidFillModel"));return $APP.n(E)?
|
|
43
|
+
E:E8()}()))a.__xLiquidFillRaf=null;else{var c=$APP.k(a,"__xLiquidFillModel"),d=performance.now(),e=Math.min(d-$APP.k(a,"__xLiquidFillLF"),100)/1E3,g=function(){var E=window.getComputedStyle(a).getPropertyValue("--x-liquid-fill-wave-speed");E=typeof E==="string"?parseFloat(E.trim()):null;var H=E==null;H||(H=isNaN(E),H=$APP.n(H)?H:E<=0);return $APP.n(H)?1:E}(),h=$APP.fj.g(c),l=T8.g(c);c=U8.g(c);var m=function(){var E=$APP.k(a,"__xLiquidFillSV");return $APP.n(E)?E:0}(),p=$APP.k(a,"__xLiquidFillWA"),
|
|
44
|
+
q=$APP.k(a,"__xLiquidFillWV"),v=$APP.k(a,"__xLiquidFillWP");a.__xLiquidFillLF=d;$APP.ja(a,"__xLiquidFillTime",function(){var E=$APP.k(a,"__xLiquidFillTime");return $APP.n(E)?E:0}()+e*g);$APP.ja(a,"__xLiquidFillProg",B8(function(){var E=$APP.k(a,"__xLiquidFillProg");return $APP.n(E)?E:0}(),function(){var E=$APP.k(a,"__xLiquidFillTP");return $APP.n(E)?E:0}(),5*e));var x=[!1];for(d=0;;)if(d<h){var y=w8(d,h),A=m*l*c*v8.g(y)*30+2*l*v8.g(y);A=A8(p[d],A,q[d],e,$APP.Tl.g(y),$APP.Pk.g(y));p[d]=A[0];q[d]=A[1];
|
|
45
|
+
v[d]+=e*g*u8.g(y);Math.abs(q[d])>.05&&(x[0]=!0);d+=1}else break;a.__xLiquidFillSV=m*Math.max(0,1-3*e);Z8(a);e=$APP.k(a,"__xLiquidFillProg");Math.abs(e-function(){var E=$APP.k(a,"__xLiquidFillLD");return $APP.n(E)?E:-1}())>.005&&(a.__xLiquidFillLD=e,b9(a,e,m));var C=Math.abs(function(){var E=$APP.k(a,"__xLiquidFillProg");return $APP.n(E)?E:0}()-function(){var E=$APP.k(a,"__xLiquidFillTP");return $APP.n(E)?E:0}());$APP.n(function(){var E=x[0];return $APP.n(E)?E:m>.01||C>.001}())?$APP.ja(a,"__xLiquidFillRaf",
|
|
46
|
+
requestAnimationFrame(function(){return c9.g?c9.g(a):c9.call(null,a)})):a.__xLiquidFillRaf=null}return null};$APP.ha("baredom.exports.x_liquid_fill.init",s9);export const init=s9;
|
package/dist/x-liquid-glass.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
typeof a==="string"?a.trim().toLowerCase():null);return $APP.n(a)?a:
|
|
4
|
-
.4,.1,1),b!=null,function(){var A=
|
|
5
|
-
|
|
2
|
+
var OX=function(a,b,c,d){if(typeof a==="string"){a=a.trim();if($APP.B.i(a,""))return b;a=parseFloat(a);return $APP.n(isNaN(a))?b:Math.min(d,Math.max(c,a))}return b},PX=function(a){if(typeof a==="string"){a=a.trim();if($APP.B.i(a,""))return 5;a=parseInt(a,10);return $APP.n(isNaN(a))?5:Math.min(8,Math.max(3,a))}return 5},QX=function(a){return typeof a==="string"?(a=a.trim(),$APP.N(a,"")?a:null):null},RX=function(a){return typeof a==="string"?(a=a.trim(),$APP.N(a,"")?a:null):null},UX=function(a){a=$APP.D(SX,
|
|
3
|
+
typeof a==="string"?a.trim().toLowerCase():null);return $APP.n(a)?a:TX},mY=function(a){var b=$APP.M(a);a=$APP.D(b,$APP.ej);var c=$APP.D(b,VX),d=$APP.D(b,WX),e=$APP.D(b,$APP.qm),g=$APP.D(b,XX),h=$APP.D(b,YX),l=$APP.D(b,$APP.xl),m=$APP.D(b,ZX),p=$APP.D(b,$X),q=$APP.D(b,aY),v=$APP.D(b,bY),x=$APP.D(b,cY),y=$APP.D(b,dY);b=$APP.D(b,eY);return $APP.zf([fY,gY,hY,$APP.Gj,$APP.wj,iY,jY,kY,$APP.hl,$APP.ki,$APP.gl,$APP.Qm,lY,$APP.X],[OX(q,.5,0,1),OX(y,10,4,20),OX(h,.15,.05,.4),OX(p,.3,.05,2),UX(l),QX(d),OX(c,
|
|
4
|
+
.4,.1,1),b!=null,function(){var A=RX(v);return $APP.n(A)?A:"rgba(244,114,182,0.35)"}(),OX(e,12,0,40),function(){var A=RX(x);return $APP.n(A)?A:"rgba(99,102,241,0.4)"}(),PX(g),OX(m,.3,0,1),a!=null])},nY=function(a,b,c){return Math.sin(a*1.7+c*.3)*Math.cos(b*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},pY=function(){var a=$APP.k(oY,"v");oY.v=a+1;return a},qY=function(){return $APP.F(window.matchMedia("(prefers-reduced-motion:reduce)").matches)},
|
|
5
|
+
xY=function(a){var b=pY(),c=a.attachShadow({mode:"open"}),d=document.createElement("style"),e=document.createElementNS("http://www.w3.org/2000/svg","svg"),g=document.createElementNS("http://www.w3.org/2000/svg","defs"),h=document.createElementNS("http://www.w3.org/2000/svg","filter"),l=document.createElementNS("http://www.w3.org/2000/svg","feGaussianBlur"),m=document.createElementNS("http://www.w3.org/2000/svg","feColorMatrix"),p=document.createElementNS("http://www.w3.org/2000/svg","g"),q=document.createElementNS("http://www.w3.org/2000/svg",
|
|
6
6
|
"ellipse"),v=document.createElement("div"),x=document.createElement("div"),y=document.createElement("div"),A=document.createElement("div"),C=document.createElement("div"),E=document.createElement("slot"),H="lg-goo-"+$APP.T.g(b);a.__xLiquidGlassUID=b;d.textContent=":host{display:block;position:relative;isolation:isolate;min-width:120px;min-height:80px;"+$APP.T.g("--x-liquid-glass-padding")+":1.5rem;"+$APP.T.g("--x-liquid-glass-specular-color")+":rgba(255,255,255,0.6);"+$APP.T.g("--x-liquid-glass-spring")+
|
|
7
7
|
":"+$APP.T.g("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)")+";"+$APP.T.g("--x-liquid-glass-spring-duration")+":"+
|
|
8
8
|
$APP.T.g("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.T.g("--x-liquid-glass-blur")+",12px)) saturate(180%);-webkit-backdrop-filter:blur(var("+$APP.T.g("--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("+
|
|
@@ -11,38 +11,38 @@ $APP.T.g("--x-liquid-glass-spring-duration")+","+$APP.T.g("600ms")+") var("+$APP
|
|
|
11
11
|
");}[part\x3dcontent]{position:relative;padding:var("+$APP.T.g("--x-liquid-glass-padding")+",1.5rem);z-index:3;}@keyframes lg-enter{from{opacity:0;transform:scale(0.92);}to{opacity:1;transform:scale(1);}}:host([data-entering]) [part\x3dglass],:host([data-entering]) [part\x3dsvg]{animation:lg-enter var("+$APP.T.g("--x-liquid-glass-spring-duration")+","+$APP.T.g("600ms")+") var("+$APP.T.g("--x-liquid-glass-spring")+","+$APP.T.g("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)")+
|
|
12
12
|
") both;}@media(prefers-color-scheme:dark){:host{"+$APP.T.g("--x-liquid-glass-specular-color")+":rgba(255,255,255,0.3);}}@media(prefers-reduced-motion:reduce){:host([data-entering]) [part\x3dglass],:host([data-entering]) [part\x3dsvg]{animation:none;}[part\x3dspecular]{transition:none!important;}}";e.setAttribute("part","svg");e.setAttribute("viewBox","0 0 300 200");e.setAttribute("preserveAspectRatio","none");e.setAttribute("aria-hidden","true");h.setAttribute("id",H);l.setAttribute("in","SourceGraphic");
|
|
13
13
|
l.setAttribute("stdDeviation","10");l.setAttribute("result","blur");m.setAttribute("in","blur");m.setAttribute("mode","matrix");m.setAttribute("values","1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 19 -9");h.appendChild(l);h.appendChild(m);g.appendChild(h);e.appendChild(g);p.setAttribute("filter","url(#"+$APP.T.g(H)+")");p.setAttribute("opacity","0.35");q.setAttribute("class","blob-core");p.appendChild(q);e.appendChild(p);m=document.createElementNS("http://www.w3.org/2000/svg","linearGradient");var G="lg-edge-"+
|
|
14
|
-
$APP.T.g(b),J=document.createElementNS("http://www.w3.org/2000/svg","stop"),
|
|
15
|
-
"0.15");aa.setAttribute("offset","100%");aa.setAttribute("stop-color","white");aa.setAttribute("stop-opacity","0.5");m.appendChild(J);m.appendChild(
|
|
16
|
-
"none");G.setAttribute("stroke","url(#"+$APP.T.g(J)+")");G.setAttribute("stroke-width","2.5");m.appendChild(G);e.appendChild(m);a.__xLiquidGlassBorderG=m;a.__xLiquidGlassBorderCore=G;m=document.createElementNS("http://www.w3.org/2000/svg","filter");G="lg-grain-"+$APP.T.g(b);J=document.createElementNS("http://www.w3.org/2000/svg","feTurbulence");
|
|
17
|
-
"0.6");J.setAttribute("numOctaves","3");J.setAttribute("stitchTiles","stitch");
|
|
14
|
+
$APP.T.g(b),J=document.createElementNS("http://www.w3.org/2000/svg","stop"),R=document.createElementNS("http://www.w3.org/2000/svg","stop"),aa=document.createElementNS("http://www.w3.org/2000/svg","stop");m.setAttribute("id",G);m.setAttribute("x1","0");m.setAttribute("y1","0");m.setAttribute("x2","1");m.setAttribute("y2","1");J.setAttribute("offset","0%");J.setAttribute("stop-color","white");J.setAttribute("stop-opacity","0.9");R.setAttribute("offset","50%");R.setAttribute("stop-color","white");R.setAttribute("stop-opacity",
|
|
15
|
+
"0.15");aa.setAttribute("offset","100%");aa.setAttribute("stop-color","white");aa.setAttribute("stop-opacity","0.5");m.appendChild(J);m.appendChild(R);m.appendChild(aa);g.appendChild(m);a.__xLiquidGlassEdgeId=G;m=document.createElementNS("http://www.w3.org/2000/svg","g");G=document.createElementNS("http://www.w3.org/2000/svg","ellipse");J=$APP.k(a,"__xLiquidGlassEdgeId");m.setAttribute("filter","url(#"+$APP.T.g(H)+")");m.setAttribute("opacity","0.7");G.setAttribute("class","blob-border");G.setAttribute("fill",
|
|
16
|
+
"none");G.setAttribute("stroke","url(#"+$APP.T.g(J)+")");G.setAttribute("stroke-width","2.5");m.appendChild(G);e.appendChild(m);a.__xLiquidGlassBorderG=m;a.__xLiquidGlassBorderCore=G;m=document.createElementNS("http://www.w3.org/2000/svg","filter");G="lg-grain-"+$APP.T.g(b);J=document.createElementNS("http://www.w3.org/2000/svg","feTurbulence");R=document.createElementNS("http://www.w3.org/2000/svg","feColorMatrix");m.setAttribute("id",G);J.setAttribute("type","fractalNoise");J.setAttribute("baseFrequency",
|
|
17
|
+
"0.6");J.setAttribute("numOctaves","3");J.setAttribute("stitchTiles","stitch");R.setAttribute("type","matrix");R.setAttribute("values","0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0");m.appendChild(J);m.appendChild(R);g.appendChild(m);a.__xLiquidGlassGrainId=G;m=document.createElementNS("http://www.w3.org/2000/svg","mask");b="lg-mask-"+$APP.T.g(b);G=document.createElementNS("http://www.w3.org/2000/svg","g");J=document.createElementNS("http://www.w3.org/2000/svg","ellipse");m.setAttribute("id",b);
|
|
18
18
|
m.setAttribute("maskUnits","userSpaceOnUse");m.setAttribute("maskContentUnits","userSpaceOnUse");G.setAttribute("filter","url(#"+$APP.T.g(H)+")");J.setAttribute("fill","white");G.appendChild(J);m.appendChild(G);g.appendChild(m);a.__xLiquidGlassMaskG=G;a.__xLiquidGlassMaskCore=J;$APP.ja(a,"__xLiquidGlassMaskSats",[]);a.__xLiquidGlassMaskId=b;v.setAttribute("part","glass");g="url(#"+$APP.T.g($APP.k(a,"__xLiquidGlassMaskId"))+")";v.style.mask=g;v.style.webkitMask=g;x.setAttribute("part","grain");x.style.filter=
|
|
19
19
|
"url(#"+$APP.T.g($APP.k(a,"__xLiquidGlassGrainId"))+")";g="url(#"+$APP.T.g($APP.k(a,"__xLiquidGlassMaskId"))+")";x.style.mask=g;x.style.webkitMask=g;y.setAttribute("part","gradient");g="url(#"+$APP.T.g($APP.k(a,"__xLiquidGlassMaskId"))+")";y.style.mask=g;y.style.webkitMask=g;A.setAttribute("part","specular");g="url(#"+$APP.T.g($APP.k(a,"__xLiquidGlassMaskId"))+")";A.style.mask=g;A.style.webkitMask=g;C.setAttribute("part","content");C.appendChild(E);c.appendChild(d);c.appendChild(v);c.appendChild(e);
|
|
20
|
-
c.appendChild(x);c.appendChild(y);c.appendChild(A);c.appendChild(C);a.setAttribute("data-entering","");setTimeout(function(){return a.removeAttribute("data-entering")},700);$APP.ja(a,"__xLiquidGlassRefs",$APP.zf([$APP.zi,$APP.
|
|
21
|
-
d){var C=2*Math.PI*(A/d);x[A]=e+q*Math.cos(C);y[A]=g+v*Math.sin(C);A+=1}else break;q=[x,y];v=$APP.M($APP.k(a,"__xLiquidGlassRefs"));v=$APP.D(v,
|
|
22
|
-
$APP.k(a,"__xLiquidGlassBorderCore");$APP.n(h)&&(h.setAttribute("cx",""+$APP.T.g(e)),h.setAttribute("cy",""+$APP.T.g(g)),h.setAttribute("rx",""+$APP.T.g(b)),h.setAttribute("ry",""+$APP.T.g(c)));g=$APP.k(a,"__xLiquidGlassRefs");e=$APP.
|
|
23
|
-
"ellipse"),l.setAttribute("class","blob-sat-"+$APP.T.g(h)),l.setAttribute("fill","#ffffff"),e.appendChild(l),g.push(l),$APP.n(c)&&(l=document.createElementNS("http://www.w3.org/2000/svg","ellipse"),l.setAttribute("fill","white"),c.appendChild(l),b.push(l)),h+=1;else break;e=$APP.M($APP.k(a,"__xLiquidGlassRefs"));e=$APP.D(e,
|
|
24
|
-
b.setAttribute("rx",""+$APP.T.g(m)),b.setAttribute("ry",""+$APP.T.g(p))),c+=1;else break;a.__xLiquidGlassRX=q[0];a.__xLiquidGlassRY=q[1]},
|
|
25
|
-
"#ffffff"),h+=1;else break;h=$APP.B.i(
|
|
26
|
-
d.style.zIndex="3",d.style.filter="",d.style.opacity="",d.style.mask="",d.style.webkitMask="",l.setAttribute("opacity","0.35"),$APP.n(c)&&(c.style.opacity="0.4"),a.style.contain="";$APP.n(
|
|
27
|
-
|
|
28
|
-
g=$APP.k(a,"__xLiquidGlassPY"),h=$APP.k(a,"__xLiquidGlassW");a=$APP.k(a,"__xLiquidGlassH");h=
|
|
29
|
-
|
|
30
|
-
performance.now()),$APP.ja(a,"__xLiquidGlassRaf",requestAnimationFrame(function(){return
|
|
31
|
-
e[g];m.setAttribute("cx",h);m.setAttribute("cy",l)}$APP.n($APP.n(a)?g<a.length:a)&&(m=a[g],m.setAttribute("cx",h),m.setAttribute("cy",l));g+=1}else break},
|
|
32
|
-
"0"),d.setAttribute("y","0"),d.setAttribute("width",""+$APP.T.g(b)),d.setAttribute("height",""+$APP.T.g(c)));
|
|
33
|
-
e.clientX-g.left;a.__xLiquidGlassPY=e.clientY-g.top;return null}$APP.ja(a,"__xLiquidGlassHdl",{move:d,enter:c,leave:b});a.addEventListener("pointermove",d,{passive:!0});a.addEventListener("pointerenter",c);a.addEventListener("pointerleave",b)},
|
|
34
|
-
function(a){return
|
|
35
|
-
b;var c=$APP.k(a,"__xLiquidGlassW"),d=$APP.k(a,"__xLiquidGlassH");$APP.n($APP.n(c)?$APP.n(d)?c>0&&d>0:d:c)&&(
|
|
36
|
-
enumerable:!0,configurable:!0});Object.defineProperty(a,"speed",{get:function(){var b=this.getAttribute("speed");return
|
|
37
|
-
configurable:!0});Object.defineProperty(a,"blur",{get:function(){var b=this.getAttribute("blur");return
|
|
20
|
+
c.appendChild(x);c.appendChild(y);c.appendChild(A);c.appendChild(C);a.setAttribute("data-entering","");setTimeout(function(){return a.removeAttribute("data-entering")},700);$APP.ja(a,"__xLiquidGlassRefs",$APP.zf([$APP.zi,$APP.ql,rY,$APP.Rl,sY,tY,$APP.ki,$APP.Hi,uY,$APP.mk,vY,wY],[C,A,v,p,h,[],l,c,y,e,q,x]))},yY=function(a,b,c){var d=$APP.Qm.g($APP.k(a,"__xLiquidGlassModel")),e=b/2,g=c/2,h=b*.32,l=c*.32,m=h*.55,p=l*.55;var q=h*.9;for(var v=l*.9,x=new Float64Array(d),y=new Float64Array(d),A=0;;)if(A<
|
|
21
|
+
d){var C=2*Math.PI*(A/d);x[A]=e+q*Math.cos(C);y[A]=g+v*Math.sin(C);A+=1}else break;q=[x,y];v=$APP.M($APP.k(a,"__xLiquidGlassRefs"));v=$APP.D(v,vY);v.setAttribute("cx",""+$APP.T.g(e));v.setAttribute("cy",""+$APP.T.g(g));v.setAttribute("rx",""+$APP.T.g(h));v.setAttribute("ry",""+$APP.T.g(l));v=$APP.k(a,"__xLiquidGlassMaskCore");$APP.n(v)&&(v.setAttribute("cx",""+$APP.T.g(e)),v.setAttribute("cy",""+$APP.T.g(g)),v.setAttribute("rx",""+$APP.T.g(h)),v.setAttribute("ry",""+$APP.T.g(l)));b*=.44;c*=.44;h=
|
|
22
|
+
$APP.k(a,"__xLiquidGlassBorderCore");$APP.n(h)&&(h.setAttribute("cx",""+$APP.T.g(e)),h.setAttribute("cy",""+$APP.T.g(g)),h.setAttribute("rx",""+$APP.T.g(b)),h.setAttribute("ry",""+$APP.T.g(c)));g=$APP.k(a,"__xLiquidGlassRefs");e=$APP.Rl.g(g);g=tY.g(g);c=$APP.k(a,"__xLiquidGlassMaskG");b=$APP.k(a,"__xLiquidGlassMaskSats");for(h=g.length-1;;)if(h>=d)e.removeChild(g[h]),$APP.n(c)&&c.removeChild(b[h]),--h;else break;g.length>d&&(g.length=d,$APP.n(b)&&(b.length=d));for(h=g.length;;)if(h<d)l=document.createElementNS("http://www.w3.org/2000/svg",
|
|
23
|
+
"ellipse"),l.setAttribute("class","blob-sat-"+$APP.T.g(h)),l.setAttribute("fill","#ffffff"),e.appendChild(l),g.push(l),$APP.n(c)&&(l=document.createElementNS("http://www.w3.org/2000/svg","ellipse"),l.setAttribute("fill","white"),c.appendChild(l),b.push(l)),h+=1;else break;e=$APP.M($APP.k(a,"__xLiquidGlassRefs"));e=$APP.D(e,tY);g=$APP.k(a,"__xLiquidGlassMaskSats");for(c=0;;)if(c<d)b=e[c],b.setAttribute("rx",""+$APP.T.g(m)),b.setAttribute("ry",""+$APP.T.g(p)),$APP.n($APP.n(g)?c<g.length:g)&&(b=g[c],
|
|
24
|
+
b.setAttribute("rx",""+$APP.T.g(m)),b.setAttribute("ry",""+$APP.T.g(p))),c+=1;else break;a.__xLiquidGlassRX=q[0];a.__xLiquidGlassRY=q[1]},AY=function(a){var b=$APP.k(a,"__xLiquidGlassModel"),c=$APP.k(a,"__xLiquidGlassRefs"),d=$APP.ki.g(c),e=rY.g(c),g=$APP.ql.g(c),h=vY.g(c),l=$APP.Rl.g(c);d.setAttribute("stdDeviation",""+$APP.T.g(gY.g(b)));e.style.setProperty("--x-liquid-glass-blur",""+$APP.T.g($APP.ki.g(b))+"px");h.setAttribute("fill","#ffffff");d=tY.g(c);e=d.length;for(h=0;;)if(h<e)d[h].setAttribute("fill",
|
|
25
|
+
"#ffffff"),h+=1;else break;h=$APP.B.i(zY,$APP.wj.g(b));d=$APP.zi.g(c);c=wY.g(c);e="url(#"+$APP.T.g($APP.k(a,"__xLiquidGlassMaskId"))+")";if(h){d.style.position="relative";d.style.zIndex="0";h=fY.g(b);var m=1-h*.5,p=h*.35,q=h*.2;d.style.filter="blur("+$APP.T.g((h*2).toFixed(1))+"px)";d.style.opacity=""+$APP.T.g(m.toFixed(2));d.style.mask=e;d.style.webkitMask=e;l.setAttribute("opacity",p.toFixed(2));$APP.n(c)&&(c.style.opacity=q.toFixed(2));a.style.contain="layout style"}else d.style.position="relative",
|
|
26
|
+
d.style.zIndex="3",d.style.filter="",d.style.opacity="",d.style.mask="",d.style.webkitMask="",l.setAttribute("opacity","0.35"),$APP.n(c)&&(c.style.opacity="0.4"),a.style.contain="";$APP.n(kY.g(b))||(g.style.opacity="0")},BY=function(a,b){var c=$APP.k(a,"__xLiquidGlassModel"),d=$APP.Qm.g(c),e=$APP.Gj.g(c);c=hY.g(c)*(Math.min($APP.k(a,"__xLiquidGlassW"),$APP.k(a,"__xLiquidGlassH"))*.32)*.6;var g=$APP.k(a,"__xLiquidGlassRX"),h=$APP.k(a,"__xLiquidGlassRY"),l=$APP.M($APP.k(a,"__xLiquidGlassRefs"));l=$APP.D(l,
|
|
27
|
+
tY);a=$APP.k(a,"__xLiquidGlassMaskSats");for(var m=0;;)if(m<d){var p=m*2.39996;var q=[g[m]+c*nY(p,0,b*e),h[m]+c*nY(0,p,b*e)];p=q[0].toFixed(2);q=q[1].toFixed(2);var v=l[m];v.setAttribute("cx",p);v.setAttribute("cy",q);$APP.n($APP.n(a)?m<a.length:a)&&(v=a[m],v.setAttribute("cx",p),v.setAttribute("cy",q));m+=1}else break},CY=function(a){var b=$APP.k(a,"__xLiquidGlassModel"),c=$APP.ql.g($APP.k(a,"__xLiquidGlassRefs"));if($APP.n(kY.g(b))){var d=$APP.k(a,"__xLiquidGlassPA"),e=$APP.k(a,"__xLiquidGlassPX"),
|
|
28
|
+
g=$APP.k(a,"__xLiquidGlassPY"),h=$APP.k(a,"__xLiquidGlassW");a=$APP.k(a,"__xLiquidGlassH");h=jY.g(b)*Math.min(h,a);a="var("+$APP.T.g("--x-liquid-glass-specular-color")+",rgba(255,255,255,0.6))";$APP.n(d)?(c.style.opacity=""+$APP.T.g(lY.g(b)),c.style.background="radial-gradient(ellipse "+$APP.T.g(h)+"px "+$APP.T.g(h)+"px at "+$APP.T.g(e.toFixed(1))+"px "+$APP.T.g(g.toFixed(1))+"px,"+$APP.T.g(a)+" 0%,transparent 100%)"):c.style.opacity="0"}},DY=function(a,b){var c=$APP.k(a,"__xLiquidGlassModel");a=
|
|
29
|
+
uY.g($APP.k(a,"__xLiquidGlassRefs"));var d=$APP.gl.g(c);c=$APP.hl.g(c);var e=20+8*Math.cos(b*.09),g=70+12*Math.cos(b*.05),h=80+10*Math.sin(b*.06);a.style.background="radial-gradient(ellipse at "+$APP.T.g((30+10*Math.sin(b*.07)).toFixed(1))+"% "+$APP.T.g(e.toFixed(1))+"%,"+$APP.T.g(d)+" 0%,transparent 70%),radial-gradient(ellipse at "+$APP.T.g(g.toFixed(1))+"% "+$APP.T.g(h.toFixed(1))+"%,"+$APP.T.g(c)+" 0%,transparent 70%)"},FY=function(a){$APP.n($APP.k(a,"__xLiquidGlassRaf"))||($APP.ja(a,"__xLiquidGlassLF",
|
|
30
|
+
performance.now()),$APP.ja(a,"__xLiquidGlassRaf",requestAnimationFrame(function(){return EY(a)})))},GY=function(a){var b=$APP.k(a,"__xLiquidGlassRaf");$APP.n(b)&&(cancelAnimationFrame(b),a.__xLiquidGlassRaf=null)},HY=function(a){var b=$APP.Qm.g($APP.k(a,"__xLiquidGlassModel")),c=$APP.k(a,"__xLiquidGlassRX"),d=$APP.k(a,"__xLiquidGlassRY"),e=$APP.M($APP.k(a,"__xLiquidGlassRefs"));e=$APP.D(e,tY);a=$APP.k(a,"__xLiquidGlassMaskSats");for(var g=0;;)if(g<b){var h=c[g].toFixed(2),l=d[g].toFixed(2);if(g<e.length){var m=
|
|
31
|
+
e[g];m.setAttribute("cx",h);m.setAttribute("cy",l)}$APP.n($APP.n(a)?g<a.length:a)&&(m=a[g],m.setAttribute("cx",h),m.setAttribute("cy",l));g+=1}else break},IY=function(a,b){if(b.length>0){var c=b[0].contentRect;b=c.width;c=c.height;if(b>0&&c>0){a.__xLiquidGlassW=b;a.__xLiquidGlassH=c;var d=$APP.M($APP.k(a,"__xLiquidGlassRefs"));d=$APP.D(d,$APP.mk);d.setAttribute("viewBox","0 0 "+$APP.T.g(b)+" "+$APP.T.g(c));d=d.querySelector("#"+$APP.T.g($APP.k(a,"__xLiquidGlassMaskId")));$APP.n(d)&&(d.setAttribute("x",
|
|
32
|
+
"0"),d.setAttribute("y","0"),d.setAttribute("width",""+$APP.T.g(b)),d.setAttribute("height",""+$APP.T.g(c)));yY(a,b,c);AY(a);var e=$APP.k(a,"__xLiquidGlassModel");$APP.n(function(){var g=$APP.X.g(e);return $APP.n(g)?g:qY()}())?HY(a):(BY(a,function(){var g=$APP.k(a,"__xLiquidGlassTime");return $APP.n(g)?g:0}()),FY(a))}}return null},JY=function(a){function b(){a.__xLiquidGlassPA=!1;return null}function c(){a.__xLiquidGlassPA=!0;return null}function d(e){var g=a.getBoundingClientRect();a.__xLiquidGlassPX=
|
|
33
|
+
e.clientX-g.left;a.__xLiquidGlassPY=e.clientY-g.top;return null}$APP.ja(a,"__xLiquidGlassHdl",{move:d,enter:c,leave:b});a.addEventListener("pointermove",d,{passive:!0});a.addEventListener("pointerenter",c);a.addEventListener("pointerleave",b)},KY=function(a){var b=$APP.k(a,"__xLiquidGlassHdl");$APP.n(b)&&(a.removeEventListener("pointermove",$APP.k(b,"move")),a.removeEventListener("pointerenter",$APP.k(b,"enter")),a.removeEventListener("pointerleave",$APP.k(b,"leave")),a.__xLiquidGlassHdl=null)},LY=
|
|
34
|
+
function(a){return mY($APP.zf([$APP.qm,XX,YX,$APP.xl,ZX,$X,aY,bY,cY,dY,eY,$APP.ej,VX,WX],[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"),a.getAttribute("color-1"),a.getAttribute("goo"),a.getAttribute("specular"),a.getAttribute("disabled"),a.getAttribute("specular-size"),a.getAttribute("tint")]))},MY=function(a){var b=LY(a);a.__xLiquidGlassModel=
|
|
35
|
+
b;var c=$APP.k(a,"__xLiquidGlassW"),d=$APP.k(a,"__xLiquidGlassH");$APP.n($APP.n(c)?$APP.n(d)?c>0&&d>0:d:c)&&(yY(a,c,d),AY(a),$APP.n(function(){var e=$APP.X.g(b);return $APP.n(e)?e:qY()}())?(GY(a),HY(a)):(BY(a,function(){var e=$APP.k(a,"__xLiquidGlassTime");return $APP.n(e)?e:0}()),FY(a)))},NY=function(a){Object.defineProperty(a,"blobs",{get:function(){var b=this.getAttribute("blobs");return PX(b)},set:function(b){return b==null?this.removeAttribute("blobs"):this.setAttribute("blobs",""+$APP.T.g(b))},
|
|
36
|
+
enumerable:!0,configurable:!0});Object.defineProperty(a,"speed",{get:function(){var b=this.getAttribute("speed");return OX(b,.3,.05,2)},set:function(b){return b==null?this.removeAttribute("speed"):this.setAttribute("speed",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"amplitude",{get:function(){var b=this.getAttribute("amplitude");return OX(b,.15,.05,.4)},set:function(b){return b==null?this.removeAttribute("amplitude"):this.setAttribute("amplitude",""+$APP.T.g(b))},enumerable:!0,
|
|
37
|
+
configurable:!0});Object.defineProperty(a,"blur",{get:function(){var b=this.getAttribute("blur");return OX(b,12,0,40)},set:function(b){return b==null?this.removeAttribute("blur"):this.setAttribute("blur",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"goo",{get:function(){var b=this.getAttribute("goo");return OX(b,10,4,20)},set:function(b){return b==null?this.removeAttribute("goo"):this.setAttribute("goo",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,
|
|
38
38
|
"tint",{get:function(){return this.getAttribute("tint")},set:function(b){return b==null?this.removeAttribute("tint"):this.setAttribute("tint",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"specular",{get:function(){return this.hasAttribute("specular")},set:function(b){return $APP.n(b)?this.setAttribute("specular",""):this.removeAttribute("specular")},enumerable:!0,configurable:!0});Object.defineProperty(a,"specularSize",{get:function(){var b=this.getAttribute("specular-size");
|
|
39
|
-
return
|
|
40
|
-
set:function(b){return $APP.n(b)?this.setAttribute("disabled",""):this.removeAttribute("disabled")},enumerable:!0,configurable:!0});Object.defineProperty(a,"mode",{get:function(){var b=this.getAttribute("mode");return $APP.B.i(b,"submerged")?"submerged":"surface"},set:function(b){return b==null?this.removeAttribute("mode"):this.setAttribute("mode",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"frost",{get:function(){var b=this.getAttribute("frost");return
|
|
39
|
+
return OX(b,.4,.1,1)},set:function(b){return b==null?this.removeAttribute("specular-size"):this.setAttribute("specular-size",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"specularIntensity",{get:function(){var b=this.getAttribute("specular-intensity");return OX(b,.3,0,1)},set:function(b){return b==null?this.removeAttribute("specular-intensity"):this.setAttribute("specular-intensity",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"disabled",{get:function(){return this.hasAttribute("disabled")},
|
|
40
|
+
set:function(b){return $APP.n(b)?this.setAttribute("disabled",""):this.removeAttribute("disabled")},enumerable:!0,configurable:!0});Object.defineProperty(a,"mode",{get:function(){var b=this.getAttribute("mode");return $APP.B.i(b,"submerged")?"submerged":"surface"},set:function(b){return b==null?this.removeAttribute("mode"):this.setAttribute("mode",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"frost",{get:function(){var b=this.getAttribute("frost");return OX(b,.5,0,1)},
|
|
41
41
|
set:function(b){return b==null?this.removeAttribute("frost"):this.setAttribute("frost",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"color1",{get:function(){return this.getAttribute("color-1")},set:function(b){return b==null?this.removeAttribute("color-1"):this.setAttribute("color-1",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"color2",{get:function(){return this.getAttribute("color-2")},set:function(b){return b==null?this.removeAttribute("color-2"):
|
|
42
|
-
this.setAttribute("color-2",""+$APP.T.g(b))},enumerable:!0,configurable:!0})},
|
|
43
|
-
a.prototype.disconnectedCallback=function(){
|
|
44
|
-
"core","core",-86019209),
|
|
45
|
-
|
|
46
|
-
"color-1-raw",-1322552111),
|
|
47
|
-
$APP.zf([
|
|
48
|
-
1,[$APP.Z,$APP.W],null),new $APP.
|
|
42
|
+
this.setAttribute("color-2",""+$APP.T.g(b))},enumerable:!0,configurable:!0})},PY=function(){var a=class extends HTMLElement{};a.observedAttributes=OY;a.prototype.connectedCallback=function(){var b=this,c=LY(b);b.__xLiquidGlassModel=c;b.__xLiquidGlassTime=0;b.__xLiquidGlassPA=!1;b.__xLiquidGlassPX=0;b.__xLiquidGlassPY=0;b.__xLiquidGlassGT=0;$APP.n($APP.k(b,"__xLiquidGlassRefs"))||xY(b);AY(b);c=new ResizeObserver(function(d){return IY(b,d)});b.__xLiquidGlassRO=c;c.observe(b);KY(b);JY(b);return null};
|
|
43
|
+
a.prototype.disconnectedCallback=function(){GY(this);KY(this);var b=$APP.k(this,"__xLiquidGlassRO");$APP.n(b)&&(b.disconnect(),this.__xLiquidGlassRO=null);return null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.N(c,d)&&$APP.n($APP.k(this,"__xLiquidGlassRefs"))&&MY(this);return null};NY(a.prototype);return a},QY=function(){$APP.n(customElements.get("x-liquid-glass"))||customElements.define("x-liquid-glass",PY());return null},TX=new $APP.K(null,"surface","surface",699915646),vY=new $APP.K(null,
|
|
44
|
+
"core","core",-86019209),lY=new $APP.K(null,"specular-intensity","specular-intensity",437849876),YX=new $APP.K(null,"amplitude-raw","amplitude-raw",-673525115),gY=new $APP.K(null,"goo","goo",-1253057564),rY=new $APP.K(null,"glass","glass",1652756718),sY=new $APP.K(null,"filter","filter",-948537934),fY=new $APP.K(null,"frost","frost",-3478780),jY=new $APP.K(null,"specular-size","specular-size",757318993),zY=new $APP.K(null,"submerged","submerged",1636004473),iY=new $APP.K(null,"tint","tint",-1286736913),
|
|
45
|
+
wY=new $APP.K(null,"grain","grain",2007662171),WX=new $APP.K(null,"tint-raw","tint-raw",-653441954),bY=new $APP.K(null,"color-2-raw","color-2-raw",-1440423537),eY=new $APP.K(null,"specular-attr","specular-attr",-716021610),ZX=new $APP.K(null,"specular-intensity-raw","specular-intensity-raw",109079177),$X=new $APP.K(null,"speed-raw","speed-raw",1756460778),dY=new $APP.K(null,"goo-raw","goo-raw",59658675),VX=new $APP.K(null,"specular-size-raw","specular-size-raw",592980345),cY=new $APP.K(null,"color-1-raw",
|
|
46
|
+
"color-1-raw",-1322552111),hY=new $APP.K(null,"amplitude","amplitude",-1387734203),uY=new $APP.K(null,"gradient","gradient",-1983908971),aY=new $APP.K(null,"frost-raw","frost-raw",1383732749),kY=new $APP.K(null,"specular?","specular?",964138290),XX=new $APP.K(null,"blobs-raw","blobs-raw",1729393761),tY=new $APP.K(null,"satellites","satellites",644765266);var OY="blobs speed amplitude blur goo tint specular specular-size specular-intensity disabled mode frost color-1 color-2".split(" ");
|
|
47
|
+
$APP.zf([fY,gY,hY,new $APP.K(null,"specularSize","specularSize",-1757715579),$APP.Pj,$APP.Gj,$APP.wj,$APP.ql,iY,new $APP.K(null,"color2","color2",1248091856),$APP.ki,$APP.Qm,new $APP.K(null,"color1","color1",306558619),new $APP.K(null,"specularIntensity","specularIntensity",138075)],[new $APP.Q(null,1,[$APP.Z,$APP.W],null),new $APP.Q(null,1,[$APP.Z,$APP.W],null),new $APP.Q(null,1,[$APP.Z,$APP.W],null),new $APP.Q(null,1,[$APP.Z,$APP.W],null),new $APP.Q(null,1,[$APP.Z,$APP.Zj],null),new $APP.Q(null,
|
|
48
|
+
1,[$APP.Z,$APP.W],null),new $APP.Q(null,1,[$APP.Z,$APP.Y],null),new $APP.Q(null,1,[$APP.Z,$APP.Zj],null),new $APP.Q(null,1,[$APP.Z,$APP.Y],null),new $APP.Q(null,1,[$APP.Z,$APP.Y],null),new $APP.Q(null,1,[$APP.Z,$APP.W],null),new $APP.Q(null,1,[$APP.Z,$APP.W],null),new $APP.Q(null,1,[$APP.Z,$APP.Y],null),new $APP.Q(null,1,[$APP.Z,$APP.W],null)]);var SX=new $APP.Q(null,2,["surface",TX,"submerged",zY],null);var oY={v:0},EY=function EY(a){if($APP.n(a.isConnected)){var c=performance.now(),d=$APP.k(a,"__xLiquidGlassTime")+Math.min(c-$APP.k(a,"__xLiquidGlassLF"),100)/1E3;a.__xLiquidGlassLF=c;a.__xLiquidGlassTime=d;BY(a,d);CY(a);DY(a,d);$APP.ja(a,"__xLiquidGlassRaf",requestAnimationFrame(function(){return EY.g?EY.g(a):EY.call(null,a)}))}return null};$APP.ha("baredom.exports.x_liquid_glass.init",QY);export const init=QY;
|
package/dist/x-menu-item.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
return a.dispatchEvent(new CustomEvent("x-menu-item-select",{detail:{value:$APP.n(b)?b:""},bubbles:!0,composed:!0}))},
|
|
4
|
-
"menuitem");a.setAttribute("tabindex","-1");b.setAttribute("data-type","");b.setAttribute("data-variant",$APP.Vg.g(c));b.setAttribute("data-disabled",$APP.n($APP.Pj.g(c))?"true":"false");return $APP.n($APP.Pj.g(c))?a.setAttribute("aria-disabled","true"):a.removeAttribute("aria-disabled")}return null},
|
|
5
|
-
$APP.r($APP.Pj.g(m))&&$APP.N($APP.Z.g(m),"divider")?(h.preventDefault(),h=
|
|
6
|
-
g},
|
|
7
|
-
"variant",{get:function(){return this.getAttribute("variant")},set:function(b){return $APP.n(b)?this.setAttribute("variant",b):this.removeAttribute("variant")},configurable:!0,enumerable:!0});Object.defineProperty(a.prototype,"type",{get:function(){return this.getAttribute("type")},set:function(b){return $APP.n(b)?this.setAttribute("type",b):this.removeAttribute("type")},configurable:!0,enumerable:!0})},
|
|
8
|
-
function(){if($APP.Dg(this,"__xMenuItemInit")){
|
|
9
|
-
b.setAttribute("part","base");b.className="base";e.setAttribute("part","icon");e.className="icon-span";g.setAttribute("name","icon");e.appendChild(g);h.className="label-span";h.appendChild(l);m.className="divider-hr";b.appendChild(e);b.appendChild(h);b.appendChild(m);c.appendChild(d);c.appendChild(b);c={};c.base=b;c["icon-span"]=e;c["icon-slot"]=g;this.__xMenuItemRefs=c;
|
|
10
|
-
var c=$APP.k(this,"__xMenuItemRefs");if($APP.n(b)){var d=$APP.k(b,"keydown"),e=$APP.k(b,"icon-slotchange");c=$APP.n(c)?$APP.k(c,"icon-slot"):null;this.removeEventListener("click",$APP.k(b,"click"));this.removeEventListener("keydown",d);b=$APP.n(c)?c.removeEventListener("slotchange",e):null}else b=null;return b};a.prototype.attributeChangedCallback=function(){return $APP.Dg(this,"__xMenuItemInit")?
|
|
11
|
-
|
|
2
|
+
var cX=function(a){var b=$APP.M(a);a=$APP.D(b,$APP.Yi);var c=$APP.D(b,$APP.Pj),d=$APP.D(b,$APP.Vg);b=$APP.D(b,$APP.Z);a=$APP.n(a)?a:"";c=$APP.F(c);d=$APP.n(d)?d:"";d=$APP.I(aX,d)?d:"";b=$APP.n(b)?b:"";b=$APP.I(bX,b)?b:"";return new $APP.Q(null,4,[$APP.Yi,a,$APP.Pj,c,$APP.Vg,d,$APP.Z,b],null)},dX=function(a){return new $APP.Q(null,4,[$APP.Yi,a.getAttribute("value"),$APP.Pj,a.hasAttribute("disabled"),$APP.Vg,a.getAttribute("variant"),$APP.Z,a.getAttribute("type")],null)},eX=function(a){var b=a.getAttribute("value");
|
|
3
|
+
return a.dispatchEvent(new CustomEvent("x-menu-item-select",{detail:{value:$APP.n(b)?b:""},bubbles:!0,composed:!0}))},fX=function(a){var b=$APP.k(a,"__xMenuItemRefs");b=$APP.n(b)?$APP.k(b,"base"):null;var c=cX(dX(a));if($APP.n(b)){if($APP.B.i($APP.Z.g(c),"divider"))return a.setAttribute("role","separator"),a.removeAttribute("tabindex"),a.removeAttribute("aria-disabled"),b.setAttribute("data-type","divider"),b.setAttribute("data-variant",""),b.setAttribute("data-disabled","false");a.setAttribute("role",
|
|
4
|
+
"menuitem");a.setAttribute("tabindex","-1");b.setAttribute("data-type","");b.setAttribute("data-variant",$APP.Vg.g(c));b.setAttribute("data-disabled",$APP.n($APP.Pj.g(c))?"true":"false");return $APP.n($APP.Pj.g(c))?a.setAttribute("aria-disabled","true"):a.removeAttribute("aria-disabled")}return null},gX=function(a){function b(){return e.assignedNodes().length>0?a.setAttribute("has-icon",""):a.removeAttribute("has-icon")}function c(h){var l=h.key,m=cX(dX(a));($APP.B.i(l,"Enter")||$APP.B.i(l," "))&&
|
|
5
|
+
$APP.r($APP.Pj.g(m))&&$APP.N($APP.Z.g(m),"divider")?(h.preventDefault(),h=eX(a)):h=null;return h}function d(h){var l=cX(dX(a));var m=$APP.Pj.g(l);m=$APP.n(m)?m:$APP.B.i($APP.Z.g(l),"divider");$APP.n(m)&&h.preventDefault();return $APP.r($APP.Pj.g(l))&&$APP.N($APP.Z.g(l),"divider")?eX(a):null}var e=$APP.k($APP.k(a,"__xMenuItemRefs"),"icon-slot"),g={};a.addEventListener("click",d);a.addEventListener("keydown",c);e.addEventListener("slotchange",b);g.click=d;g.keydown=c;g["icon-slotchange"]=b;a.__xMenuItemHandlers=
|
|
6
|
+
g},hX=function(a){Object.defineProperty(a.prototype,"value",{get:function(){return this.getAttribute("value")},set:function(b){return $APP.n(b)?this.setAttribute("value",b):this.removeAttribute("value")},configurable:!0,enumerable:!0});Object.defineProperty(a.prototype,"disabled",{get:function(){return this.hasAttribute("disabled")},set:function(b){return $APP.n(b)?this.setAttribute("disabled",""):this.removeAttribute("disabled")},configurable:!0,enumerable:!0});Object.defineProperty(a.prototype,
|
|
7
|
+
"variant",{get:function(){return this.getAttribute("variant")},set:function(b){return $APP.n(b)?this.setAttribute("variant",b):this.removeAttribute("variant")},configurable:!0,enumerable:!0});Object.defineProperty(a.prototype,"type",{get:function(){return this.getAttribute("type")},set:function(b){return $APP.n(b)?this.setAttribute("type",b):this.removeAttribute("type")},configurable:!0,enumerable:!0})},jX=function(){var a=class extends HTMLElement{};a.observedAttributes=iX;a.prototype.connectedCallback=
|
|
8
|
+
function(){if($APP.Dg(this,"__xMenuItemInit")){gX(this);var b=fX(this)}else{if(!$APP.Dg(this,"__xMenuItemInit")){var c=this.attachShadow({mode:"open"}),d=document.createElement("style");b=document.createElement("div");var e=document.createElement("span"),g=document.createElement("slot"),h=document.createElement("span"),l=document.createElement("slot"),m=document.createElement("hr");d.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;}}";
|
|
9
|
+
b.setAttribute("part","base");b.className="base";e.setAttribute("part","icon");e.className="icon-span";g.setAttribute("name","icon");e.appendChild(g);h.className="label-span";h.appendChild(l);m.className="divider-hr";b.appendChild(e);b.appendChild(h);b.appendChild(m);c.appendChild(d);c.appendChild(b);c={};c.base=b;c["icon-span"]=e;c["icon-slot"]=g;this.__xMenuItemRefs=c;gX(this);this.__xMenuItemInit=!0}fX(this);b=this}return b};a.prototype.disconnectedCallback=function(){var b=$APP.k(this,"__xMenuItemHandlers");
|
|
10
|
+
var c=$APP.k(this,"__xMenuItemRefs");if($APP.n(b)){var d=$APP.k(b,"keydown"),e=$APP.k(b,"icon-slotchange");c=$APP.n(c)?$APP.k(c,"icon-slot"):null;this.removeEventListener("click",$APP.k(b,"click"));this.removeEventListener("keydown",d);b=$APP.n(c)?c.removeEventListener("slotchange",e):null}else b=null;return b};a.prototype.attributeChangedCallback=function(){return $APP.Dg(this,"__xMenuItemInit")?fX(this):null};hX(a);return a},kX=function(){return $APP.n(customElements.get("x-menu-item"))?null:customElements.define("x-menu-item",
|
|
11
|
+
jX())};var iX=["value","disabled","variant","type"],aX=new $APP.S(null,new $APP.Q(null,2,["",null,"danger",null],null),null),bX=new $APP.S(null,new $APP.Q(null,2,["",null,"divider",null],null),null);$APP.Pd(["x-menu-item-select",new $APP.Q(null,1,[$APP.V,new $APP.Q(null,1,[$APP.Yi,$APP.Y],null)],null)]);$APP.ha("baredom.exports.x_menu_item.init",kX);export const init=kX;
|
package/dist/x-menu.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
|
|
4
|
-
d=a.hasAttribute("open");if($APP.B.i(c,"Escape"))return $APP.n(d)?(b.preventDefault(),
|
|
5
|
-
e[0].focus()}else if($APP.B.i(c,"End")&&$APP.n(d)&&(e=
|
|
6
|
-
c,$APP.Qj,d,$APP.U,$APP.n(a)?a:""],null);return $APP.n(b)?(b.setAttribute("data-placement",$APP.Qj.g(a)),a=$APP.U.g(a),$APP.n($APP.n(a)?$APP.N(a,""):a)?b.setAttribute("aria-label",a):b.removeAttribute("aria-label")):null},
|
|
7
|
-
function e(h){var l=$APP.k(a,"__xMenuRefs");l=$APP.n(l)?$APP.k(l,"trigger-slot"):null;return $APP.n($APP.n(l)?
|
|
2
|
+
var fO=function(a){a=a.querySelectorAll("x-menu-item");for(var b=[],c=a.length,d=0;;)if(d<c){var e=a[d];$APP.r(e.hasAttribute("disabled"))&&$APP.N(e.getAttribute("type"),"divider")&&b.push(e);d+=1}else break;return b},gO=function(a,b,c){return a.dispatchEvent(new CustomEvent(b,{detail:c,bubbles:!0,composed:!0}))},jO=function(a){$APP.n(a.hasAttribute("open"))||(a.setAttribute("open",""),gO(a,"x-menu-open",{}));if($APP.n(null)){a=fO(a);var b=a.length;return b>0?$APP.B.i(null,hO)?a[0].focus():$APP.B.i(null,
|
|
3
|
+
iO)?a[b-1].focus():null:null}return null},kO=function(a,b){$APP.n(a.hasAttribute("open"))&&(a.removeAttribute("open"),gO(a,"x-menu-close",{}));return $APP.n(b)?(a=$APP.k(a,"__xMenuRefs"),a=$APP.n(a)?$APP.k(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},lO=function(a,b){var c=b.composedPath();a=$APP.vc(a.assignedElements());return $APP.F($APP.Td(function(d){return c.indexOf(d)>-1},a))},mO=function(a,b){var c=b.key,
|
|
4
|
+
d=a.hasAttribute("open");if($APP.B.i(c,"Escape"))return $APP.n(d)?(b.preventDefault(),kO(a,!0)):null;if($APP.B.i(c,"Tab"))return $APP.n(d)?kO(a,!1):null;if($APP.B.i(c,"ArrowDown")||$APP.B.i(c,"ArrowUp")){var e=fO(a),g=e.length;if(g>0){b.preventDefault();if($APP.n(d))return a=e.indexOf(document.activeElement),c=$APP.B.i(c,"ArrowDown")?a>=g-1?0:a<0?0:a+1:a<=0?g-1:a-1,e[c].focus();jO(a);return e[$APP.B.i(c,"ArrowDown")?0:g-1].focus()}}else if($APP.B.i(c,"Home")){if($APP.n(d)&&(e=fO(a),e.length>0))return b.preventDefault(),
|
|
5
|
+
e[0].focus()}else if($APP.B.i(c,"End")&&$APP.n(d)&&(e=fO(a),e.length>0))return b.preventDefault(),e[e.length-1].focus();return null},oO=function(a){var b=$APP.k(a,"__xMenuRefs");b=$APP.n(b)?$APP.k(b,"popup"):null;a=new $APP.Q(null,3,[$APP.im,a.hasAttribute("open"),$APP.Qj,a.getAttribute("placement"),$APP.U,a.getAttribute("label")],null);a=$APP.M(a);var c=$APP.D(a,$APP.im),d=$APP.D(a,$APP.Qj);a=$APP.D(a,$APP.U);c=$APP.F(c);d=$APP.n(d)?d:"";d=$APP.I(nO,d)?d:"bottom-start";a=new $APP.Q(null,3,[$APP.im,
|
|
6
|
+
c,$APP.Qj,d,$APP.U,$APP.n(a)?a:""],null);return $APP.n(b)?(b.setAttribute("data-placement",$APP.Qj.g(a)),a=$APP.U.g(a),$APP.n($APP.n(a)?$APP.N(a,""):a)?b.setAttribute("aria-label",a):b.removeAttribute("aria-label")):null},pO=function(a){function b(h){h.stopPropagation();h=h.detail.value;kO(a,!1);return gO(a,"x-menu-select",{value:$APP.n(h)?h:""})}function c(h){return mO(a,h)}function d(h){$APP.n(a.hasAttribute("open"))?(h=h.composedPath(),h=$APP.B.i(-1,h.indexOf(a))?kO(a,!1):null):h=null;return h}
|
|
7
|
+
function e(h){var l=$APP.k(a,"__xMenuRefs");l=$APP.n(l)?$APP.k(l,"trigger-slot"):null;return $APP.n($APP.n(l)?lO(l,h):l)?$APP.n(a.hasAttribute("open"))?kO(a,!0):jO(a):null}var g={};a.addEventListener("click",e);document.addEventListener("click",d,!0);a.addEventListener("keydown",c);a.addEventListener("x-menu-item-select",b);g.click=e;g["doc-click"]=d;g.keydown=c;g["item-select"]=b;a.__xMenuHandlers=g},qO=function(a){Object.defineProperty(a.prototype,"open",{get:function(){return this.hasAttribute("open")},
|
|
8
8
|
set:function(b){return $APP.n(b)?this.setAttribute("open",""):this.removeAttribute("open")},configurable:!0,enumerable:!0});Object.defineProperty(a.prototype,"placement",{get:function(){return this.getAttribute("placement")},set:function(b){return $APP.n(b)?this.setAttribute("placement",b):this.removeAttribute("placement")},configurable:!0,enumerable:!0});Object.defineProperty(a.prototype,"label",{get:function(){return this.getAttribute("label")},set:function(b){return $APP.n(b)?this.setAttribute("label",
|
|
9
|
-
b):this.removeAttribute("label")},configurable:!0,enumerable:!0})},
|
|
10
|
-
b.setAttribute("part","base");b.className="base";e.setAttribute("name","trigger");g.setAttribute("part","popup");g.className="popup";g.setAttribute("role","menu");g.appendChild(h);b.appendChild(e);b.appendChild(g);c.appendChild(d);c.appendChild(b);c={};c.base=b;c.popup=g;c["trigger-slot"]=e;c["item-slot"]=h;this.__xMenuRefs=c;
|
|
11
|
-
d=$APP.k(b,"keydown"),e=$APP.k(b,"item-select");this.removeEventListener("click",$APP.k(b,"click"));document.removeEventListener("click",c,!0);this.removeEventListener("keydown",d);b=this.removeEventListener("x-menu-item-select",e)}else b=null;return b};a.prototype.attributeChangedCallback=function(){return $APP.Dg(this,"__xMenuInit")?
|
|
12
|
-
1105735132),
|
|
9
|
+
b):this.removeAttribute("label")},configurable:!0,enumerable:!0})},sO=function(){var a=class extends HTMLElement{};a.observedAttributes=rO;a.prototype.connectedCallback=function(){if($APP.Dg(this,"__xMenuInit")){pO(this);var b=oO(this)}else{if(!$APP.Dg(this,"__xMenuInit")){var c=this.attachShadow({mode:"open"}),d=document.createElement("style");b=document.createElement("div");var e=document.createElement("slot"),g=document.createElement("div"),h=document.createElement("slot");d.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;}";
|
|
10
|
+
b.setAttribute("part","base");b.className="base";e.setAttribute("name","trigger");g.setAttribute("part","popup");g.className="popup";g.setAttribute("role","menu");g.appendChild(h);b.appendChild(e);b.appendChild(g);c.appendChild(d);c.appendChild(b);c={};c.base=b;c.popup=g;c["trigger-slot"]=e;c["item-slot"]=h;this.__xMenuRefs=c;pO(this);this.__xMenuInit=!0}oO(this);b=this}return b};a.prototype.disconnectedCallback=function(){var b=$APP.k(this,"__xMenuHandlers");if($APP.n(b)){var c=$APP.k(b,"doc-click"),
|
|
11
|
+
d=$APP.k(b,"keydown"),e=$APP.k(b,"item-select");this.removeEventListener("click",$APP.k(b,"click"));document.removeEventListener("click",c,!0);this.removeEventListener("keydown",d);b=this.removeEventListener("x-menu-item-select",e)}else b=null;return b};a.prototype.attributeChangedCallback=function(){return $APP.Dg(this,"__xMenuInit")?oO(this):null};qO(a);return a},tO=function(){return $APP.n(customElements.get("x-menu"))?null:customElements.define("x-menu",sO())},iO=new $APP.K(null,"last","last",
|
|
12
|
+
1105735132),hO=new $APP.K(null,"first","first",-644103046);var rO=["open","placement","label"],nO=new $APP.S(null,new $APP.Q(null,4,["bottom-start",null,"bottom-end",null,"top-end",null,"top-start",null],null),null);$APP.Pd(["x-menu-open",new $APP.Q(null,1,[$APP.V,$APP.Qd],null),"x-menu-close",new $APP.Q(null,1,[$APP.V,$APP.Qd],null),"x-menu-select",new $APP.Q(null,1,[$APP.V,new $APP.Q(null,1,[$APP.Yi,$APP.Y],null)],null)]);$APP.ha("baredom.exports.x_menu.init",tO);export const init=tO;
|