@vanelsas/baredom 2.3.2 → 2.4.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 +18 -0
- package/README.md +3 -3
- package/dist/base.js +265 -264
- package/dist/integrity.json +98 -0
- package/dist/x-alert.js +17 -17
- package/dist/x-avatar-group.js +11 -11
- package/dist/x-avatar.js +14 -14
- 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 +16 -16
- package/dist/x-card.js +7 -7
- package/dist/x-carousel.js +32 -32
- package/dist/x-chart.js +47 -47
- 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 +42 -42
- package/dist/x-combobox.js +24 -24
- 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 +22 -22
- package/dist/x-currency-field.js +22 -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 +26 -0
- package/dist/x-form-field.js +15 -15
- package/dist/x-form.js +10 -10
- package/dist/x-gaussian-blur.js +18 -18
- 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 +38 -38
- package/dist/x-liquid-dock.js +36 -36
- package/dist/x-liquid-fill.js +42 -42
- package/dist/x-liquid-glass.js +40 -40
- package/dist/x-menu-item.js +10 -10
- package/dist/x-menu.js +10 -10
- package/dist/x-metaball-cursor.js +27 -27
- package/dist/x-modal.js +11 -11
- package/dist/x-morph-stack.js +39 -39
- package/dist/x-navbar.js +13 -13
- package/dist/x-neural-glow.js +30 -30
- package/dist/x-notification-center.js +10 -10
- package/dist/x-organic-divider.js +16 -16
- package/dist/x-organic-progress.js +35 -35
- package/dist/x-organic-shape.js +12 -12
- package/dist/x-pagination.js +16 -16
- package/dist/x-particle-button.js +49 -49
- package/dist/x-popover.js +23 -23
- package/dist/x-progress-circle.js +8 -8
- package/dist/x-progress.js +8 -8
- 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 +34 -34
- package/dist/x-scroll-timeline.js +45 -45
- package/dist/x-scroll.js +40 -40
- package/dist/x-search-field.js +14 -14
- package/dist/x-select.js +9 -9
- 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.js +16 -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 +11 -11
- package/dist/x-stepper.js +15 -15
- package/dist/x-switch.js +10 -10
- package/dist/x-tab.js +7 -7
- package/dist/x-table-cell.js +20 -20
- package/dist/x-table-row.js +10 -10
- package/dist/x-table.js +14 -14
- package/dist/x-tabs.js +11 -11
- package/dist/x-text-area.js +17 -17
- package/dist/x-theme.js +25 -25
- package/dist/x-timeline-item.js +20 -21
- package/dist/x-timeline.js +9 -9
- package/dist/x-toast.js +22 -22
- 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 +66 -0
- package/package.json +10 -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.
|
|
6
|
-
a.clientWidth]:[a.scrollTop,a.scrollHeight,a.clientHeight]},
|
|
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"),
|
|
8
|
-
|
|
9
|
-
null)}($APP.dg(0,5))}()),
|
|
2
|
+
var f8=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)},h8=function(a){a=typeof a==="string"?a.trim().toLowerCase():null;return $APP.I(g8,a)?a:"vertical"},j8=function(a){a=typeof a==="string"?a.trim().toLowerCase():null;return $APP.I(i8,a)?a:"fill"},l8=function(a){a=typeof a==="string"?a.trim().toLowerCase():null;return $APP.I(k8,a)?a:"gold"},m8=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},n8=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},r8=function(a,b){b=b>1?a/(b-1):1;return new $APP.R(null,6,[o8,a*2.39996,p8,.7+.6*b,q8,.6+.8*b,$APP.Rl,200-a*30,$APP.Pk,10+a*3,$APP.qi,1],null)},s8=function(a,b,c){b-=c;return b<=0?0:Math.min(1,Math.max(0,a/b))},t8=function(a,b,c){return c<=.001?0:Math.min(1,Math.abs(a-b)/c/2E3)},u8=
|
|
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))},v8=function(a,b,c,d,e,g){b=c+(e*(b-a)-g*c)*d;return[a+b*d,b]},w8=function(a,b,c){return a+(b-a)*c},y8=function(){var a=x8+1;return x8=a},z8=function(){return $APP.F(window.matchMedia("(prefers-reduced-motion:reduce)").matches)},A8=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},B8=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]},I8=function(a){var b=y8(),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
|
+
"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=f8(function(){return function Pa(Ca){return new $APP.rd(null,function(){for(;;){var cb=$APP.t(Ca);if(cb){if($APP.Nc(cb)){var db=$APP.yb(cb),ob=$APP.z(db),Nb=$APP.ud(ob);a:{for(var fb=0;;)if(fb<ob){$APP.yc(db,fb);var da=Nb,ta=document.createElementNS("http://www.w3.org/2000/svg","path");da.add(ta);fb+=1}else{db=!0;break a}db=void 0}return db?$APP.xd(Nb.aa(),Pa($APP.zb(cb))):$APP.xd(Nb.aa(),null)}$APP.u(cb);return $APP.od(document.createElementNS("http://www.w3.org/2000/svg","path"),Pa($APP.Yb(cb)))}return null}},
|
|
9
|
+
null)}($APP.dg(0,5))}()),G=document.createElement("div"),J=document.createElement("slot"),Q=""+$APP.T.g("xlf-grad-")+$APP.T.g(b),aa=""+$APP.T.g("xlf-spec-")+$APP.T.g(b);d.textContent=C8;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",Q);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
|
-
"90");A.setAttribute("y","-50");A.setAttribute("z","200");
|
|
13
|
-
g.appendChild(h);for(h=0;;)if(h<5)m=
|
|
14
|
-
8,[
|
|
15
|
-
null,$APP.
|
|
16
|
-
"url(#"+$APP.T.g(c)+")"):e.removeAttribute("filter")}else e.style.display="none";d+=1}else break},
|
|
17
|
-
$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,
|
|
18
|
-
|
|
19
|
-
d=$APP.k(a,"__xLiquidFillH");var e=$APP.k(a,"__xLiquidFillProg");e=$APP.n(e)?e:0;var g=$APP.
|
|
20
|
-
",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
|
-
"__xLiquidFillRaf");$APP.n(b)&&(cancelAnimationFrame(b),a.__xLiquidFillRaf=null)},
|
|
22
|
-
var d=$APP.
|
|
23
|
-
$APP.X.g(c);return $APP.n(h)?h
|
|
24
|
-
$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
|
-
|
|
26
|
-
0&&d>0){a.__xLiquidFillW=c;a.__xLiquidFillH=d;var e=$APP.M($APP.k(a,"__xLiquidFillRefs")),g=$APP.D(e,$APP.
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
"mode",{get:function(){return
|
|
30
|
-
return
|
|
31
|
-
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
|
-
|
|
33
|
-
|
|
34
|
-
null||$APP.N(
|
|
35
|
-
|
|
36
|
-
"theme","theme",-1247880880),
|
|
37
|
-
$APP.zf([new $APP.K(null,"waveIntensity","waveIntensity",695633410),$APP.
|
|
38
|
-
new $APP.
|
|
39
|
-
var
|
|
40
|
-
null),"lava",new $APP.
|
|
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(Q)+")"),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.R(null,8,[$APP.Hi,c,$APP.mk,g,D8,H,$APP.zi,G,E8,A,F8,l,G8,aa,H8,Q],null))},Q8=function(a){a=new $APP.R(null,
|
|
14
|
+
8,[$APP.tl,a.getAttribute("target"),$APP.Wl,a.getAttribute("orientation"),$APP.vl,a.getAttribute("mode"),J8,a.getAttribute("theme"),K8,a.getAttribute("wave-intensity"),L8,a.getAttribute("splash-intensity"),M8,a.getAttribute("layers"),$APP.ej,a.getAttribute("disabled")],null);var b=$APP.M(a);a=$APP.D(b,$APP.tl);var c=$APP.D(b,$APP.Wl),d=$APP.D(b,$APP.vl),e=$APP.D(b,J8),g=$APP.D(b,K8),h=$APP.D(b,L8),l=$APP.D(b,M8);b=$APP.D(b,$APP.ej);return new $APP.R(null,8,[$APP.fn,typeof a==="string"&&$APP.N(a.trim(),
|
|
15
|
+
"")?a.trim():null,$APP.pl,h8(c),$APP.wj,j8(d),N8,l8(e),O8,m8(g,.5),P8,m8(h,.7),$APP.fj,n8(l),$APP.X,b!=null],null)},R8=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},S8=function(a,b){var c=$APP.M($APP.k(a,"__xLiquidFillRefs"));a=$APP.D(c,D8);c=$APP.D(c,G8);for(var d=0;;)if(d<5){var e=a[d];if(d<b){var g=r8(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},T8=function(a){return $APP.B.i("vertical",$APP.pl.g(a))&&$APP.N("bar",$APP.wj.g(a))},U8=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=T8(b);var l=$APP.k(a,"__xLiquidFillWA"),m=$APP.k(a,"__xLiquidFillWP");a=$APP.M($APP.k(a,"__xLiquidFillRefs"));
|
|
17
|
+
a=$APP.D(a,D8);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+u8(0,E,v,x)).toFixed(2)));for(var G=0;;)if(G<10){var J=(G+.5)/10,Q=(G+1)/10,aa=y+u8(J,E,v,x),ka=Q*A;Q=y+u8(Q,E,v,x);H.push("Q"+$APP.T.g((J*A).toFixed(2))+","+$APP.T.g(aa.toFixed(2))+" "+$APP.T.g(ka.toFixed(2))+","+$APP.T.g(Q.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+u8(0,C,E,v)).toFixed(2))+",0");for(H=0;;)if(H<10)G=(H+.5)/10,ka=(H+1)/10,J=G*A,aa=ka*A,ka=y+u8(ka,C,E,v),x.push("Q"+$APP.T.g((y+u8(G,C,E,v)).toFixed(2))+","+$APP.T.g(J.toFixed(2))+" "+$APP.T.g(ka.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},V8=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=T8(b);a=$APP.M($APP.k(a,"__xLiquidFillRefs"));a=$APP.D(a,D8);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},X8=function(a,b,c){b=new CustomEvent("x-liquid-fill-progress",{detail:$APP.Hh(new $APP.R(null,2,[$APP.am,b,W8,c],null)),bubbles:!0,composed:!0,cancelable:!1});a.dispatchEvent(b)},Z8=function(a){$APP.n($APP.k(a,"__xLiquidFillRaf"))||($APP.ja(a,"__xLiquidFillLF",performance.now()),$APP.ja(a,"__xLiquidFillRaf",requestAnimationFrame(function(){return Y8(a)})))},$8=
|
|
21
|
+
function(a){var b=$APP.k(a,"__xLiquidFillRaf");$APP.n(b)&&(cancelAnimationFrame(b),a.__xLiquidFillRaf=null)},c9=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.fn.g(b)!=null&&(b=A8(a,$APP.fn.g(b)),$APP.n(b)&&(a9.g?a9.g(a):a9.call(null,a),a.__xLiquidFillST=b,b9.g?b9.g(a):b9.call(null,a)));var c=$APP.k(a,
|
|
22
|
+
"__xLiquidFillModel");b=$APP.k(a,"__xLiquidFillST");var d=$APP.pl.g(c);d=B8(b,d);var e=d[0];b=d[1];d=d[2];var g=performance.now();b=s8(e,b,d);d=t8(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:z8()}())||Z8(a);$APP.n(function(){var h=$APP.X.g(c);return $APP.n(h)?h:z8()}())&&(a.__xLiquidFillProg=b,V8(a),X8(a,b,d))}return null},b9=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},a9=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},d9=function(a){var b=$APP.fn.g($APP.k(a,"__xLiquidFillModel")),c=A8(a,b);a.__xLiquidFillST=c;b9(a);c9(a);b!=null&&c==null&&requestAnimationFrame(function(){if($APP.n(a.isConnected)){var d=$APP.fn.g($APP.k(a,"__xLiquidFillModel"));d!=null&&$APP.k(a,"__xLiquidFillST")==null&&
|
|
25
|
+
(d=A8(a,d),$APP.n(d)&&(a9(a),a.__xLiquidFillST=d,b9(a),c9(a)))}return null})},e9=function(a){$APP.ja(a,"__xLiquidFillHdl",{scroll:function(){return c9(a)},scrollAttached:!1})},f9=function(a){a9(a);a.__xLiquidFillHdl=null},g9=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:z8(),$APP.n(c)||Z8(a)):$8(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,E8);e=$APP.D(e,F8);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:z8();$APP.n(c)?V8(a):(U8(a),Z8(a))}}return null});b.observe(a);a.__xLiquidFillRO=b},j9=function(a,b){b=$APP.D(h9,b);$APP.n(b)?(a=a.style,a.setProperty("--x-liquid-fill-color-1",$APP.el.g(b)),a.setProperty("--x-liquid-fill-color-2",$APP.fl.g(b)),a.setProperty("--x-liquid-fill-color-3",i9.g(b)),a.setProperty("--x-liquid-fill-specular-color",$APP.ol.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"))},k9=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 h8(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 j8(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 l8(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 m8(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 m8(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 n8(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})},m9=function(){var a=class extends HTMLElement{};a.observedAttributes=l9;a.prototype.connectedCallback=function(){var b=Q8(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"))||I8(this);j9(this,N8.g(b));R8(this,$APP.fj.g(b));S8(this,
|
|
33
|
+
$APP.fj.g(b));f9(this);e9(this);g9(this);d9(this);return null};a.prototype.disconnectedCallback=function(){$8(this);f9(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=Q8(this);c=$APP.k(this,"__xLiquidFillModel");this.__xLiquidFillModel=
|
|
34
|
+
b;if(c==null||$APP.N($APP.fj.g(b),$APP.fj.g(c)))R8(this,$APP.fj.g(b)),S8(this,$APP.fj.g(b));(c==null||$APP.N(N8.g(b),N8.g(c)))&&j9(this,N8.g(b));if(c==null||$APP.N($APP.fn.g(b),$APP.fn.g(c)))a9(this),d9(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:z8(),$APP.n(b)?($8(this),V8(this)):(U8(this),Z8(this)))}return null};k9(a.prototype);return a},n9=function(){$APP.n(customElements.get("x-liquid-fill"))||customElements.define("x-liquid-fill",
|
|
35
|
+
m9());return null},q8=new $APP.K(null,"amp-mult","amp-mult",698045242),E8=new $APP.K(null,"feLight","feLight",-1941454484),p8=new $APP.K(null,"speed-mult","speed-mult",-353631814),M8=new $APP.K(null,"layers-raw","layers-raw",-233899391),o8=new $APP.K(null,"phase-offset","phase-offset",-1013192067),D8=new $APP.K(null,"paths","paths",-1807389588),J8=new $APP.K(null,"theme-raw","theme-raw",1068228849),G8=new $APP.K(null,"filt-id","filt-id",-672558408),O8=new $APP.K(null,"wave-intensity","wave-intensity",
|
|
36
|
+
-915557489),F8=new $APP.K(null,"grad","grad",1125187229),N8=new $APP.K(null,"theme","theme",-1247880880),i9=new $APP.K(null,"color-3","color-3",265727868),K8=new $APP.K(null,"wave-intensity-raw","wave-intensity-raw",1563162777),H8=new $APP.K(null,"grad-id","grad-id",1430109665),P8=new $APP.K(null,"splash-intensity","splash-intensity",-619909243),W8=new $APP.K(null,"velocity","velocity",-581524355),L8=new $APP.K(null,"splash-intensity-raw","splash-intensity-raw",1573376927);var l9="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.pl,N8,$APP.fj,$APP.fn,$APP.am],[new $APP.R(null,1,[$APP.Z,$APP.W],null),new $APP.R(null,1,[$APP.Z,$APP.Zj],null),new $APP.R(null,1,[$APP.Z,$APP.W],null),new $APP.R(null,1,[$APP.Z,$APP.Y],null),new $APP.R(null,1,[$APP.Z,$APP.Y],null),new $APP.R(null,1,[$APP.Z,$APP.Y],null),new $APP.R(null,1,[$APP.Z,$APP.W],null),new $APP.R(null,1,[$APP.Z,$APP.Y],null),
|
|
38
|
+
new $APP.R(null,2,[$APP.Z,$APP.W,$APP.wk,!0],null)]);$APP.Pd(["x-liquid-fill-progress",new $APP.R(null,2,[$APP.V,new $APP.R(null,2,[$APP.am,$APP.W,W8,$APP.W],null),$APP.jm,!1],null)]);
|
|
39
|
+
var g8=new $APP.S(null,new $APP.R(null,2,["vertical",null,"horizontal",null],null),null),i8=new $APP.S(null,new $APP.R(null,2,["bar",null,"fill",null],null),null),k8=new $APP.S(null,new $APP.R(null,4,["custom",null,"gold",null,"lava",null,"water",null],null),null),h9=new $APP.R(null,3,["gold",new $APP.R(null,4,[$APP.el,"#B8860B",$APP.fl,"#D4AF37",i9,"#F9F295",$APP.ol,"rgba(255,255,240,0.6)"],null),"water",new $APP.R(null,4,[$APP.el,"#0077B6",$APP.fl,"#00B4D8",i9,"#90E0EF",$APP.ol,"rgba(255,255,255,0.5)"],
|
|
40
|
+
null),"lava",new $APP.R(null,4,[$APP.el,"#8B0000",$APP.fl,"#FF4500",i9,"#FF8C00",$APP.ol,"rgba(255,255,200,0.7)"],null)],null);var x8=0,C8=":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;}}",Y8=function Y8(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:z8()}()))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=O8.g(c);c=P8.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",w8(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=r8(d,h),A=m*l*c*q8.g(y)*30+2*l*q8.g(y);A=v8(p[d],A,q[d],e,$APP.Rl.g(y),$APP.Pk.g(y));p[d]=A[0];q[d]=A[1];
|
|
45
|
+
v[d]+=e*g*p8.g(y);Math.abs(q[d])>.05&&(x[0]=!0);d+=1}else break;a.__xLiquidFillSV=m*Math.max(0,1-3*e);U8(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,X8(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 Y8.g?Y8.g(a):Y8.call(null,a)})):a.__xLiquidFillRaf=null}return null};$APP.ha("baredom.exports.x_liquid_fill.init",n9);export const init=n9;
|
package/dist/x-liquid-glass.js
CHANGED
|
@@ -1,48 +1,48 @@
|
|
|
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
|
-
|
|
6
|
-
"ellipse"),v=document.createElement("div"),x=document.createElement("div"),y=document.createElement("div"),A=document.createElement("div"),
|
|
2
|
+
var LX=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},MX=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},NX=function(a){return typeof a==="string"?(a=a.trim(),$APP.N(a,"")?a:null):null},OX=function(a){return typeof a==="string"?(a=a.trim(),$APP.N(a,"")?a:null):null},RX=function(a){a=$APP.D(PX,
|
|
3
|
+
typeof a==="string"?a.trim().toLowerCase():null);return $APP.n(a)?a:QX},jY=function(a){var b=$APP.M(a);a=$APP.D(b,$APP.ej);var c=$APP.D(b,SX),d=$APP.D(b,TX),e=$APP.D(b,$APP.om),g=$APP.D(b,UX),h=$APP.D(b,VX),l=$APP.D(b,$APP.vl),m=$APP.D(b,WX),p=$APP.D(b,XX),q=$APP.D(b,YX),v=$APP.D(b,ZX),x=$APP.D(b,$X),y=$APP.D(b,aY);b=$APP.D(b,bY);return $APP.zf([cY,dY,eY,$APP.Gj,$APP.wj,fY,gY,hY,$APP.fl,$APP.ki,$APP.el,$APP.Om,iY,$APP.X],[LX(q,.5,0,1),LX(y,10,4,20),LX(h,.15,.05,.4),LX(p,.3,.05,2),RX(l),NX(d),LX(c,
|
|
4
|
+
.4,.1,1),b!=null,function(){var A=OX(v);return $APP.n(A)?A:"rgba(244,114,182,0.35)"}(),LX(e,12,0,40),function(){var A=OX(x);return $APP.n(A)?A:"rgba(99,102,241,0.4)"}(),MX(g),LX(m,.3,0,1),a!=null])},kY=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},mY=function(){var a=$APP.k(lY,"v");lY.v=a+1;return a},nY=function(){return $APP.F(window.matchMedia("(prefers-reduced-motion:reduce)").matches)},
|
|
5
|
+
uY=function(a){var b=mY(),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
|
+
"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("+
|
|
9
9
|
$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)")+
|
|
10
10
|
"),opacity 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)")+
|
|
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
|
-
") 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",
|
|
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(
|
|
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");
|
|
17
|
-
"0.6");J.setAttribute("numOctaves","3");J.setAttribute("stitchTiles","stitch");
|
|
18
|
-
m.setAttribute("maskUnits","userSpaceOnUse");m.setAttribute("maskContentUnits","userSpaceOnUse");
|
|
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;
|
|
20
|
-
c.appendChild(x);c.appendChild(y);c.appendChild(A);c.appendChild(
|
|
21
|
-
d){var
|
|
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.
|
|
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
|
|
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
|
+
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"),Q=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");Q.setAttribute("offset","50%");Q.setAttribute("stop-color","white");Q.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(Q);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");Q=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");Q.setAttribute("type","matrix");Q.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(Q);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
|
+
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
|
+
"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.ol,oY,$APP.Pl,pY,qY,$APP.ki,$APP.Hi,rY,$APP.mk,sY,tY],[C,A,v,p,h,[],l,c,y,e,q,x]))},vY=function(a,b,c){var d=$APP.Om.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,sY);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.Pl.g(g);g=qY.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,qY);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]},xY=function(a){var b=$APP.k(a,"__xLiquidGlassModel"),c=$APP.k(a,"__xLiquidGlassRefs"),d=$APP.ki.g(c),e=oY.g(c),g=$APP.ol.g(c),h=sY.g(c),l=$APP.Pl.g(c);d.setAttribute("stdDeviation",""+$APP.T.g(dY.g(b)));e.style.setProperty("--x-liquid-glass-blur",""+$APP.T.g($APP.ki.g(b))+"px");h.setAttribute("fill","#ffffff");d=qY.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(wY,$APP.wj.g(b));d=$APP.zi.g(c);c=tY.g(c);e="url(#"+$APP.T.g($APP.k(a,"__xLiquidGlassMaskId"))+")";if(h){d.style.position="relative";d.style.zIndex="0";h=cY.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(hY.g(b))||(g.style.opacity="0")},yY=function(a,b){var c=$APP.k(a,"__xLiquidGlassModel"),d=$APP.Om.g(c),e=$APP.Gj.g(c);c=eY.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
|
+
qY);a=$APP.k(a,"__xLiquidGlassMaskSats");for(var m=0;;)if(m<d){var p=m*2.39996;var q=[g[m]+c*kY(p,0,b*e),h[m]+c*kY(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},zY=function(a){var b=$APP.k(a,"__xLiquidGlassModel"),c=$APP.ol.g($APP.k(a,"__xLiquidGlassRefs"));if($APP.n(hY.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=gY.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(iY.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"}},AY=function(a,b){var c=$APP.k(a,"__xLiquidGlassModel");a=
|
|
29
|
+
rY.g($APP.k(a,"__xLiquidGlassRefs"));var d=$APP.el.g(c);c=$APP.fl.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%)"},CY=function(a){$APP.n($APP.k(a,"__xLiquidGlassRaf"))||($APP.ja(a,"__xLiquidGlassLF",
|
|
30
|
+
performance.now()),$APP.ja(a,"__xLiquidGlassRaf",requestAnimationFrame(function(){return BY(a)})))},DY=function(a){var b=$APP.k(a,"__xLiquidGlassRaf");$APP.n(b)&&(cancelAnimationFrame(b),a.__xLiquidGlassRaf=null)},EY=function(a){var b=$APP.Om.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,qY);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},FY=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)));vY(a,b,c);xY(a);var e=$APP.k(a,"__xLiquidGlassModel");$APP.n(function(){var g=$APP.X.g(e);return $APP.n(g)?g:nY()}())?EY(a):(yY(a,function(){var g=$APP.k(a,"__xLiquidGlassTime");return $APP.n(g)?g:0}()),CY(a))}}return null},GY=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)},HY=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)},IY=
|
|
34
|
+
function(a){return jY($APP.zf([$APP.om,UX,VX,$APP.vl,WX,XX,YX,ZX,$X,aY,bY,$APP.ej,SX,TX],[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")]))},JY=function(a){var b=IY(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)&&(vY(a,c,d),xY(a),$APP.n(function(){var e=$APP.X.g(b);return $APP.n(e)?e:nY()}())?(DY(a),EY(a)):(yY(a,function(){var e=$APP.k(a,"__xLiquidGlassTime");return $APP.n(e)?e:0}()),CY(a)))},KY=function(a){Object.defineProperty(a,"blobs",{get:function(){var b=this.getAttribute("blobs");return MX(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 LX(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 LX(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 LX(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 LX(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.
|
|
39
|
+
return LX(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 LX(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 LX(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})},MY=function(){var a=class extends HTMLElement{};a.observedAttributes=LY;a.prototype.connectedCallback=function(){var b=this,c=IY(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"))||uY(b);xY(b);c=new ResizeObserver(function(d){return FY(b,d)});b.__xLiquidGlassRO=c;c.observe(b);HY(b);GY(b);return null};
|
|
43
|
+
a.prototype.disconnectedCallback=function(){DY(this);HY(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"))&&JY(this);return null};KY(a.prototype);return a},NY=function(){$APP.n(customElements.get("x-liquid-glass"))||customElements.define("x-liquid-glass",MY());return null},QX=new $APP.K(null,"surface","surface",699915646),sY=new $APP.K(null,
|
|
44
|
+
"core","core",-86019209),iY=new $APP.K(null,"specular-intensity","specular-intensity",437849876),VX=new $APP.K(null,"amplitude-raw","amplitude-raw",-673525115),dY=new $APP.K(null,"goo","goo",-1253057564),oY=new $APP.K(null,"glass","glass",1652756718),pY=new $APP.K(null,"filter","filter",-948537934),cY=new $APP.K(null,"frost","frost",-3478780),gY=new $APP.K(null,"specular-size","specular-size",757318993),wY=new $APP.K(null,"submerged","submerged",1636004473),fY=new $APP.K(null,"tint","tint",-1286736913),
|
|
45
|
+
tY=new $APP.K(null,"grain","grain",2007662171),TX=new $APP.K(null,"tint-raw","tint-raw",-653441954),ZX=new $APP.K(null,"color-2-raw","color-2-raw",-1440423537),bY=new $APP.K(null,"specular-attr","specular-attr",-716021610),WX=new $APP.K(null,"specular-intensity-raw","specular-intensity-raw",109079177),XX=new $APP.K(null,"speed-raw","speed-raw",1756460778),aY=new $APP.K(null,"goo-raw","goo-raw",59658675),SX=new $APP.K(null,"specular-size-raw","specular-size-raw",592980345),$X=new $APP.K(null,"color-1-raw",
|
|
46
|
+
"color-1-raw",-1322552111),eY=new $APP.K(null,"amplitude","amplitude",-1387734203),rY=new $APP.K(null,"gradient","gradient",-1983908971),YX=new $APP.K(null,"frost-raw","frost-raw",1383732749),hY=new $APP.K(null,"specular?","specular?",964138290),UX=new $APP.K(null,"blobs-raw","blobs-raw",1729393761),qY=new $APP.K(null,"satellites","satellites",644765266);var LY="blobs speed amplitude blur goo tint specular specular-size specular-intensity disabled mode frost color-1 color-2".split(" ");
|
|
47
|
+
$APP.zf([cY,dY,eY,new $APP.K(null,"specularSize","specularSize",-1757715579),$APP.Pj,$APP.Gj,$APP.wj,$APP.ol,fY,new $APP.K(null,"color2","color2",1248091856),$APP.ki,$APP.Om,new $APP.K(null,"color1","color1",306558619),new $APP.K(null,"specularIntensity","specularIntensity",138075)],[new $APP.R(null,1,[$APP.Z,$APP.W],null),new $APP.R(null,1,[$APP.Z,$APP.W],null),new $APP.R(null,1,[$APP.Z,$APP.W],null),new $APP.R(null,1,[$APP.Z,$APP.W],null),new $APP.R(null,1,[$APP.Z,$APP.Zj],null),new $APP.R(null,
|
|
48
|
+
1,[$APP.Z,$APP.W],null),new $APP.R(null,1,[$APP.Z,$APP.Y],null),new $APP.R(null,1,[$APP.Z,$APP.Zj],null),new $APP.R(null,1,[$APP.Z,$APP.Y],null),new $APP.R(null,1,[$APP.Z,$APP.Y],null),new $APP.R(null,1,[$APP.Z,$APP.W],null),new $APP.R(null,1,[$APP.Z,$APP.W],null),new $APP.R(null,1,[$APP.Z,$APP.Y],null),new $APP.R(null,1,[$APP.Z,$APP.W],null)]);var PX=new $APP.R(null,2,["surface",QX,"submerged",wY],null);var lY={v:0},BY=function BY(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;yY(a,d);zY(a);AY(a,d);$APP.ja(a,"__xLiquidGlassRaf",requestAnimationFrame(function(){return BY.g?BY.g(a):BY.call(null,a)}))}return null};$APP.ha("baredom.exports.x_liquid_glass.init",NY);export const init=NY;
|
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.
|
|
5
|
-
$APP.r($APP.
|
|
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 $W=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(YW,d)?d:"";b=$APP.n(b)?b:"";b=$APP.I(ZW,b)?b:"";return new $APP.R(null,4,[$APP.Yi,a,$APP.Pj,c,$APP.Vg,d,$APP.Z,b],null)},aX=function(a){return new $APP.R(null,4,[$APP.Yi,a.getAttribute("value"),$APP.Pj,a.hasAttribute("disabled"),$APP.Vg,a.getAttribute("variant"),$APP.Z,a.getAttribute("type")],null)},bX=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}))},cX=function(a){var b=$APP.k(a,"__xMenuItemRefs");b=$APP.n(b)?$APP.k(b,"base"):null;var c=$W(aX(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},dX=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=$W(aX(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=bX(a)):h=null;return h}function d(h){var l=$W(aX(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")?bX(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},eX=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})},gX=function(){var a=class extends HTMLElement{};a.observedAttributes=fX;a.prototype.connectedCallback=
|
|
8
|
+
function(){if($APP.Dg(this,"__xMenuItemInit")){dX(this);var b=cX(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;dX(this);this.__xMenuItemInit=!0}cX(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")?cX(this):null};eX(a);return a},hX=function(){return $APP.n(customElements.get("x-menu-item"))?null:customElements.define("x-menu-item",
|
|
11
|
+
gX())};var fX=["value","disabled","variant","type"],YW=new $APP.S(null,new $APP.R(null,2,["",null,"danger",null],null),null),ZW=new $APP.S(null,new $APP.R(null,2,["",null,"divider",null],null),null);$APP.Pd(["x-menu-item-select",new $APP.R(null,1,[$APP.V,new $APP.R(null,1,[$APP.Yi,$APP.Y],null)],null)]);$APP.ha("baredom.exports.x_menu_item.init",hX);export const init=hX;
|
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.
|
|
5
|
-
e[0].focus()}else if($APP.
|
|
6
|
-
c,$APP.
|
|
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 dO=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},eO=function(a,b,c){return a.dispatchEvent(new CustomEvent(b,{detail:c,bubbles:!0,composed:!0}))},hO=function(a){$APP.n(a.hasAttribute("open"))||(a.setAttribute("open",""),eO(a,"x-menu-open",{}));if($APP.n(null)){a=dO(a);var b=a.length;return b>0?$APP.B.i(null,fO)?a[0].focus():$APP.B.i(null,
|
|
3
|
+
gO)?a[b-1].focus():null:null}return null},iO=function(a,b){$APP.n(a.hasAttribute("open"))&&(a.removeAttribute("open"),eO(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},jO=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))},kO=function(a,b){var c=b.key,
|
|
4
|
+
d=a.hasAttribute("open");if($APP.B.i(c,"Escape"))return $APP.n(d)?(b.preventDefault(),iO(a,!0)):null;if($APP.B.i(c,"Tab"))return $APP.n(d)?iO(a,!1):null;if($APP.B.i(c,"ArrowDown")||$APP.B.i(c,"ArrowUp")){var e=dO(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();hO(a);return e[$APP.B.i(c,"ArrowDown")?0:g-1].focus()}}else if($APP.B.i(c,"Home")){if($APP.n(d)&&(e=dO(a),e.length>0))return b.preventDefault(),
|
|
5
|
+
e[0].focus()}else if($APP.B.i(c,"End")&&$APP.n(d)&&(e=dO(a),e.length>0))return b.preventDefault(),e[e.length-1].focus();return null},mO=function(a){var b=$APP.k(a,"__xMenuRefs");b=$APP.n(b)?$APP.k(b,"popup"):null;a=new $APP.R(null,3,[$APP.gm,a.hasAttribute("open"),$APP.Qj,a.getAttribute("placement"),$APP.U,a.getAttribute("label")],null);a=$APP.M(a);var c=$APP.D(a,$APP.gm),d=$APP.D(a,$APP.Qj);a=$APP.D(a,$APP.U);c=$APP.F(c);d=$APP.n(d)?d:"";d=$APP.I(lO,d)?d:"bottom-start";a=new $APP.R(null,3,[$APP.gm,
|
|
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},nO=function(a){function b(h){h.stopPropagation();h=h.detail.value;iO(a,!1);return eO(a,"x-menu-select",{value:$APP.n(h)?h:""})}function c(h){return kO(a,h)}function d(h){$APP.n(a.hasAttribute("open"))?(h=h.composedPath(),h=$APP.B.i(-1,h.indexOf(a))?iO(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)?jO(l,h):l)?$APP.n(a.hasAttribute("open"))?iO(a,!0):hO(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},oO=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})},qO=function(){var a=class extends HTMLElement{};a.observedAttributes=pO;a.prototype.connectedCallback=function(){if($APP.Dg(this,"__xMenuInit")){nO(this);var b=mO(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;nO(this);this.__xMenuInit=!0}mO(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")?mO(this):null};oO(a);return a},rO=function(){return $APP.n(customElements.get("x-menu"))?null:customElements.define("x-menu",qO())},gO=new $APP.K(null,"last","last",
|
|
12
|
+
1105735132),fO=new $APP.K(null,"first","first",-644103046);var pO=["open","placement","label"],lO=new $APP.S(null,new $APP.R(null,4,["bottom-start",null,"bottom-end",null,"top-end",null,"top-start",null],null),null);$APP.Pd(["x-menu-open",new $APP.R(null,1,[$APP.V,$APP.Qd],null),"x-menu-close",new $APP.R(null,1,[$APP.V,$APP.Qd],null),"x-menu-select",new $APP.R(null,1,[$APP.V,new $APP.R(null,1,[$APP.Yi,$APP.Y],null)],null)]);$APP.ha("baredom.exports.x_menu.init",rO);export const init=rO;
|