@vanelsas/baredom 2.5.0 → 2.7.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 +26 -0
- package/README.md +23 -337
- package/custom-elements.json +36 -1
- package/dist/base.js +358 -352
- package/dist/integrity.json +93 -93
- package/dist/x-alert.js +18 -19
- package/dist/x-avatar-group.js +10 -11
- package/dist/x-avatar.js +14 -14
- package/dist/x-badge.js +10 -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 +18 -16
- package/dist/x-cancel-dialogue.js +17 -17
- package/dist/x-card.js +7 -7
- package/dist/x-carousel.js +34 -34
- package/dist/x-chart.js +46 -48
- package/dist/x-checkbox.js +10 -11
- package/dist/x-chip.js +9 -9
- package/dist/x-collapse.js +10 -12
- package/dist/x-color-picker.js +44 -45
- package/dist/x-combobox.d.ts +1 -0
- package/dist/x-combobox.js +26 -27
- package/dist/x-command-palette.js +26 -27
- package/dist/x-container.js +5 -6
- package/dist/x-context-menu.js +18 -18
- package/dist/x-copy.js +22 -22
- package/dist/x-currency-field.d.ts +1 -0
- package/dist/x-currency-field.js +22 -23
- package/dist/x-date-picker.js +41 -42
- package/dist/x-divider.js +8 -9
- package/dist/x-drawer.js +11 -12
- package/dist/x-dropdown.js +10 -11
- package/dist/x-fieldset.js +6 -6
- package/dist/x-file-download.js +7 -8
- package/dist/x-file-upload.js +22 -25
- package/dist/x-form-field.js +15 -17
- package/dist/x-form.js +8 -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 +19 -19
- package/dist/x-kinetic-font.js +28 -29
- package/dist/x-kinetic-typography.js +39 -39
- package/dist/x-liquid-dock.js +39 -39
- package/dist/x-liquid-fill.js +44 -44
- package/dist/x-liquid-glass.js +47 -47
- package/dist/x-menu-item.js +9 -10
- package/dist/x-menu.js +11 -11
- package/dist/x-metaball-cursor.js +27 -27
- package/dist/x-modal.js +12 -13
- package/dist/x-morph-stack.js +38 -39
- package/dist/x-navbar.js +12 -13
- package/dist/x-neural-glow.js +32 -33
- package/dist/x-notification-center.js +9 -10
- package/dist/x-organic-divider.js +18 -19
- package/dist/x-organic-progress.js +37 -38
- package/dist/x-organic-shape.js +13 -14
- package/dist/x-pagination.d.ts +2 -1
- package/dist/x-pagination.js +16 -16
- package/dist/x-particle-button.js +48 -49
- package/dist/x-popover.js +24 -25
- package/dist/x-progress-circle.js +8 -9
- package/dist/x-progress.js +11 -11
- package/dist/x-radio.js +10 -12
- package/dist/x-ripple-effect.js +11 -11
- package/dist/x-scroll-parallax.js +19 -19
- package/dist/x-scroll-stack.js +18 -18
- package/dist/x-scroll-story.js +36 -36
- package/dist/x-scroll-timeline.js +46 -47
- package/dist/x-scroll.js +40 -41
- package/dist/x-search-field.js +15 -17
- package/dist/x-select.d.ts +1 -0
- package/dist/x-select.js +10 -11
- package/dist/x-sidebar.js +16 -16
- package/dist/x-skeleton-group.js +12 -14
- package/dist/x-skeleton.js +1 -1
- package/dist/x-slider.d.ts +1 -0
- package/dist/x-slider.js +16 -16
- package/dist/x-soft-body.js +21 -21
- package/dist/x-spacer.js +5 -5
- package/dist/x-spinner.js +5 -6
- 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 +9 -11
- package/dist/x-tab.js +7 -7
- package/dist/x-table-cell.js +22 -22
- package/dist/x-table-row.js +9 -10
- package/dist/x-table.js +14 -15
- 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 +19 -19
- package/dist/x-theme.d.ts +1 -1
- package/dist/x-theme.js +25 -25
- package/dist/x-timeline-item.js +23 -23
- package/dist/x-timeline.js +9 -9
- package/dist/x-toast.js +24 -24
- package/dist/x-toaster.js +8 -8
- package/dist/x-tooltip.js +11 -13
- package/dist/x-typography.js +11 -11
- package/dist/x-welcome-tour.js +64 -65
- package/package.json +186 -182
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"),C=document.createElement("div"),E=document.createElement("slot"),H="lg-goo-"+$APP.
|
|
7
|
-
":"+$APP.
|
|
8
|
-
$APP.
|
|
9
|
-
$APP.
|
|
10
|
-
"),opacity var("+$APP.
|
|
11
|
-
");}[part\x3dcontent]{position:relative;padding:var("+$APP.
|
|
12
|
-
") both;}@media(prefers-color-scheme:dark){:host{"+$APP.
|
|
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.
|
|
14
|
-
$APP.
|
|
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.
|
|
17
|
-
"0.6");J.setAttribute("numOctaves","3");J.setAttribute("stitchTiles","stitch");
|
|
18
|
-
m.setAttribute("maskUnits","userSpaceOnUse");m.setAttribute("maskContentUnits","userSpaceOnUse");G.setAttribute("filter","url(#"+$APP.
|
|
19
|
-
"url(#"+$APP.
|
|
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.
|
|
21
|
-
d){var C=2*Math.PI*(A/d);x[A]=e+
|
|
22
|
-
$APP.k(a,"__xLiquidGlassBorderCore");$APP.n(h)&&(h.setAttribute("cx",""+$APP.
|
|
23
|
-
"ellipse"),l.setAttribute("class","blob-sat-"+$APP.
|
|
24
|
-
b.setAttribute("rx",""+$APP.
|
|
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.
|
|
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
|
|
38
|
-
"tint",{get:function(){return this.getAttribute("tint")},set:function(b){return b==null?this.removeAttribute("tint"):this.setAttribute("tint",""+$APP.
|
|
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.
|
|
41
|
-
set:function(b){return b==null?this.removeAttribute("frost"):this.setAttribute("frost",""+$APP.
|
|
42
|
-
this.setAttribute("color-2",""+$APP.
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
$APP.zf([
|
|
48
|
-
1,[$APP.Z,$APP.W],null),new $APP.
|
|
2
|
+
var IZ=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},JZ=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},KZ=function(a){return typeof a==="string"?(a=a.trim(),$APP.N(a,"")?a:null):null},LZ=function(a){return typeof a==="string"?(a=a.trim(),$APP.N(a,"")?a:null):null},OZ=function(a){a=$APP.D(MZ,
|
|
3
|
+
typeof a==="string"?a.trim().toLowerCase():null);return $APP.n(a)?a:NZ},g_=function(a){var b=$APP.M(a);a=$APP.D(b,$APP.wj);var c=$APP.D(b,PZ),d=$APP.D(b,QZ),e=$APP.D(b,$APP.Pm),g=$APP.D(b,RZ),h=$APP.D(b,SZ),l=$APP.D(b,$APP.Pl),m=$APP.D(b,TZ),p=$APP.D(b,UZ),r=$APP.D(b,VZ),v=$APP.D(b,WZ),x=$APP.D(b,XZ),y=$APP.D(b,YZ);b=$APP.D(b,ZZ);return $APP.zf([$Z,a_,b_,$APP.Yj,$APP.Oj,c_,d_,e_,$APP.zl,$APP.Ci,$APP.yl,$APP.hn,f_,$APP.X],[IZ(r,.5,0,1),IZ(y,10,4,20),IZ(h,.15,.05,.4),IZ(p,.3,.05,2),OZ(l),KZ(d),IZ(c,
|
|
4
|
+
.4,.1,1),b!=null,function(){var A=LZ(v);return $APP.n(A)?A:"rgba(244,114,182,0.35)"}(),IZ(e,12,0,40),function(){var A=LZ(x);return $APP.n(A)?A:"rgba(99,102,241,0.4)"}(),JZ(g),IZ(m,.3,0,1),a!=null])},h_=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},j_=function(){var a=$APP.k(i_,"v");i_.v=a+1;return a},k_=function(){return $APP.F(window.matchMedia("(prefers-reduced-motion:reduce)").matches)},
|
|
5
|
+
r_=function(a){var b=j_(),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"),r=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.S.g(b);a.__xLiquidGlassUID=b;d.textContent=":host{display:block;position:relative;isolation:isolate;min-width:120px;min-height:80px;"+$APP.S.g("--x-liquid-glass-padding")+":1.5rem;"+$APP.S.g("--x-liquid-glass-specular-color")+":rgba(255,255,255,0.6);"+$APP.S.g("--x-liquid-glass-spring")+
|
|
7
|
+
":"+$APP.S.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.S.g("--x-liquid-glass-spring-duration")+":"+
|
|
8
|
+
$APP.S.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.S.g("--x-liquid-glass-blur")+",12px)) saturate(180%);-webkit-backdrop-filter:blur(var("+$APP.S.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
|
+
$APP.S.g("--x-liquid-glass-spring-duration")+","+$APP.S.g("600ms")+") var("+$APP.S.g("--x-liquid-glass-spring")+","+$APP.S.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
|
+
"),opacity var("+$APP.S.g("--x-liquid-glass-spring-duration")+","+$APP.S.g("600ms")+") var("+$APP.S.g("--x-liquid-glass-spring")+","+$APP.S.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
|
+
");}[part\x3dcontent]{position:relative;padding:var("+$APP.S.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.S.g("--x-liquid-glass-spring-duration")+","+$APP.S.g("600ms")+") var("+$APP.S.g("--x-liquid-glass-spring")+","+$APP.S.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.S.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.S.g(H)+")");p.setAttribute("opacity","0.35");r.setAttribute("class","blob-core");p.appendChild(r);e.appendChild(p);m=document.createElementNS("http://www.w3.org/2000/svg","linearGradient");var G="lg-edge-"+
|
|
14
|
+
$APP.S.g(b),J=document.createElementNS("http://www.w3.org/2000/svg","stop"),U=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");U.setAttribute("offset","50%");U.setAttribute("stop-color","white");U.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(U);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.S.g(H)+")");m.setAttribute("opacity","0.7");G.setAttribute("class","blob-border");G.setAttribute("fill",
|
|
16
|
+
"none");G.setAttribute("stroke","url(#"+$APP.S.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.S.g(b);J=document.createElementNS("http://www.w3.org/2000/svg","feTurbulence");U=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");U.setAttribute("type","matrix");U.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(U);g.appendChild(m);a.__xLiquidGlassGrainId=G;m=document.createElementNS("http://www.w3.org/2000/svg","mask");b="lg-mask-"+$APP.S.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.S.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.S.g($APP.k(a,"__xLiquidGlassMaskId"))+")";v.style.mask=g;v.style.webkitMask=g;x.setAttribute("part","grain");x.style.filter=
|
|
19
|
+
"url(#"+$APP.S.g($APP.k(a,"__xLiquidGlassGrainId"))+")";g="url(#"+$APP.S.g($APP.k(a,"__xLiquidGlassMaskId"))+")";x.style.mask=g;x.style.webkitMask=g;y.setAttribute("part","gradient");g="url(#"+$APP.S.g($APP.k(a,"__xLiquidGlassMaskId"))+")";y.style.mask=g;y.style.webkitMask=g;A.setAttribute("part","specular");g="url(#"+$APP.S.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.Ri,$APP.Il,l_,$APP.im,m_,n_,$APP.Ci,$APP.Zi,o_,$APP.Ek,p_,q_],[C,A,v,p,h,[],l,c,y,e,r,x]))},s_=function(a,b,c){var d=$APP.hn.g($APP.k(a,"__xLiquidGlassModel")),e=b/2,g=c/2,h=b*.32,l=c*.32,m=h*.55,p=l*.55;var r=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+r*Math.cos(C);y[A]=g+v*Math.sin(C);A+=1}else break;r=[x,y];v=$APP.M($APP.k(a,"__xLiquidGlassRefs"));v=$APP.D(v,p_);v.setAttribute("cx",""+$APP.S.g(e));v.setAttribute("cy",""+$APP.S.g(g));v.setAttribute("rx",""+$APP.S.g(h));v.setAttribute("ry",""+$APP.S.g(l));v=$APP.k(a,"__xLiquidGlassMaskCore");$APP.n(v)&&(v.setAttribute("cx",""+$APP.S.g(e)),v.setAttribute("cy",""+$APP.S.g(g)),v.setAttribute("rx",""+$APP.S.g(h)),v.setAttribute("ry",""+$APP.S.g(l)));b*=.44;c*=.44;h=
|
|
22
|
+
$APP.k(a,"__xLiquidGlassBorderCore");$APP.n(h)&&(h.setAttribute("cx",""+$APP.S.g(e)),h.setAttribute("cy",""+$APP.S.g(g)),h.setAttribute("rx",""+$APP.S.g(b)),h.setAttribute("ry",""+$APP.S.g(c)));g=$APP.k(a,"__xLiquidGlassRefs");e=$APP.im.g(g);g=n_.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.S.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,n_);g=$APP.k(a,"__xLiquidGlassMaskSats");for(c=0;;)if(c<d)b=e[c],b.setAttribute("rx",""+$APP.S.g(m)),b.setAttribute("ry",""+$APP.S.g(p)),$APP.n($APP.n(g)?c<g.length:g)&&(b=g[c],
|
|
24
|
+
b.setAttribute("rx",""+$APP.S.g(m)),b.setAttribute("ry",""+$APP.S.g(p))),c+=1;else break;a.__xLiquidGlassRX=r[0];a.__xLiquidGlassRY=r[1]},u_=function(a){var b=$APP.k(a,"__xLiquidGlassModel"),c=$APP.k(a,"__xLiquidGlassRefs"),d=$APP.Ci.g(c),e=l_.g(c),g=$APP.Il.g(c),h=p_.g(c),l=$APP.im.g(c);d.setAttribute("stdDeviation",""+$APP.S.g(a_.g(b)));e.style.setProperty("--x-liquid-glass-blur",""+$APP.S.g($APP.Ci.g(b))+"px");h.setAttribute("fill","#ffffff");d=n_.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(t_,$APP.Oj.g(b));d=$APP.Ri.g(c);c=q_.g(c);e="url(#"+$APP.S.g($APP.k(a,"__xLiquidGlassMaskId"))+")";if(h){d.style.position="relative";d.style.zIndex="0";h=$Z.g(b);var m=1-h*.5,p=h*.35,r=h*.2;d.style.filter="blur("+$APP.S.g((h*2).toFixed(1))+"px)";d.style.opacity=""+$APP.S.g(m.toFixed(2));d.style.mask=e;d.style.webkitMask=e;l.setAttribute("opacity",p.toFixed(2));$APP.n(c)&&(c.style.opacity=r.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(e_.g(b))||(g.style.opacity="0")},v_=function(a,b){var c=$APP.k(a,"__xLiquidGlassModel"),d=$APP.hn.g(c),e=$APP.Yj.g(c);c=b_.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
|
+
n_);a=$APP.k(a,"__xLiquidGlassMaskSats");for(var m=0;;)if(m<d){var p=m*2.39996;var r=[g[m]+c*h_(p,0,b*e),h[m]+c*h_(0,p,b*e)];p=r[0].toFixed(2);r=r[1].toFixed(2);var v=l[m];v.setAttribute("cx",p);v.setAttribute("cy",r);$APP.n($APP.n(a)?m<a.length:a)&&(v=a[m],v.setAttribute("cx",p),v.setAttribute("cy",r));m+=1}else break},w_=function(a){var b=$APP.k(a,"__xLiquidGlassModel"),c=$APP.Il.g($APP.k(a,"__xLiquidGlassRefs"));if($APP.n(e_.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=d_.g(b)*Math.min(h,a);a="var("+$APP.S.g("--x-liquid-glass-specular-color")+",rgba(255,255,255,0.6))";$APP.n(d)?(c.style.opacity=""+$APP.S.g(f_.g(b)),c.style.background="radial-gradient(ellipse "+$APP.S.g(h)+"px "+$APP.S.g(h)+"px at "+$APP.S.g(e.toFixed(1))+"px "+$APP.S.g(g.toFixed(1))+"px,"+$APP.S.g(a)+" 0%,transparent 100%)"):c.style.opacity="0"}},x_=function(a,b){var c=$APP.k(a,"__xLiquidGlassModel");a=
|
|
29
|
+
o_.g($APP.k(a,"__xLiquidGlassRefs"));var d=$APP.yl.g(c);c=$APP.zl.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.S.g((30+10*Math.sin(b*.07)).toFixed(1))+"% "+$APP.S.g(e.toFixed(1))+"%,"+$APP.S.g(d)+" 0%,transparent 70%),radial-gradient(ellipse at "+$APP.S.g(g.toFixed(1))+"% "+$APP.S.g(h.toFixed(1))+"%,"+$APP.S.g(c)+" 0%,transparent 70%)"},z_=function(a){$APP.n($APP.k(a,"__xLiquidGlassRaf"))||($APP.ja(a,"__xLiquidGlassLF",
|
|
30
|
+
performance.now()),$APP.ja(a,"__xLiquidGlassRaf",requestAnimationFrame(function(){return y_(a)})))},A_=function(a){var b=$APP.k(a,"__xLiquidGlassRaf");$APP.n(b)&&(cancelAnimationFrame(b),a.__xLiquidGlassRaf=null)},B_=function(a){var b=$APP.hn.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,n_);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},C_=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.Ek);d.setAttribute("viewBox","0 0 "+$APP.S.g(b)+" "+$APP.S.g(c));d=d.querySelector("#"+$APP.S.g($APP.k(a,"__xLiquidGlassMaskId")));$APP.n(d)&&(d.setAttribute("x",
|
|
32
|
+
"0"),d.setAttribute("y","0"),d.setAttribute("width",""+$APP.S.g(b)),d.setAttribute("height",""+$APP.S.g(c)));s_(a,b,c);u_(a);var e=$APP.k(a,"__xLiquidGlassModel");$APP.n(function(){var g=$APP.X.g(e);return $APP.n(g)?g:k_()}())?B_(a):(v_(a,function(){var g=$APP.k(a,"__xLiquidGlassTime");return $APP.n(g)?g:0}()),z_(a))}}return null},D_=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)},E_=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)},F_=
|
|
34
|
+
function(a){return g_($APP.zf([$APP.Pm,RZ,SZ,$APP.Pl,TZ,UZ,VZ,WZ,XZ,YZ,ZZ,$APP.wj,PZ,QZ],[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")]))},G_=function(a){var b=F_(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)&&(s_(a,c,d),u_(a),$APP.n(function(){var e=$APP.X.g(b);return $APP.n(e)?e:k_()}())?(A_(a),B_(a)):(v_(a,function(){var e=$APP.k(a,"__xLiquidGlassTime");return $APP.n(e)?e:0}()),z_(a)))},H_=function(a){Object.defineProperty(a,"blobs",{get:function(){var b=this.getAttribute("blobs");return JZ(b)},set:function(b){return b==null?this.removeAttribute("blobs"):this.setAttribute("blobs",""+$APP.S.g(b))},
|
|
36
|
+
enumerable:!0,configurable:!0});Object.defineProperty(a,"speed",{get:function(){var b=this.getAttribute("speed");return IZ(b,.3,.05,2)},set:function(b){return b==null?this.removeAttribute("speed"):this.setAttribute("speed",""+$APP.S.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"amplitude",{get:function(){var b=this.getAttribute("amplitude");return IZ(b,.15,.05,.4)},set:function(b){return b==null?this.removeAttribute("amplitude"):this.setAttribute("amplitude",""+$APP.S.g(b))},enumerable:!0,
|
|
37
|
+
configurable:!0});Object.defineProperty(a,"blur",{get:function(){var b=this.getAttribute("blur");return IZ(b,12,0,40)},set:function(b){return b==null?this.removeAttribute("blur"):this.setAttribute("blur",""+$APP.S.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"goo",{get:function(){var b=this.getAttribute("goo");return IZ(b,10,4,20)},set:function(b){return b==null?this.removeAttribute("goo"):this.setAttribute("goo",""+$APP.S.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,
|
|
38
|
+
"tint",{get:function(){return this.getAttribute("tint")},set:function(b){return b==null?this.removeAttribute("tint"):this.setAttribute("tint",""+$APP.S.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 IZ(b,.4,.1,1)},set:function(b){return b==null?this.removeAttribute("specular-size"):this.setAttribute("specular-size",""+$APP.S.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"specularIntensity",{get:function(){var b=this.getAttribute("specular-intensity");return IZ(b,.3,0,1)},set:function(b){return b==null?this.removeAttribute("specular-intensity"):this.setAttribute("specular-intensity",""+$APP.S.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.S.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"frost",{get:function(){var b=this.getAttribute("frost");return IZ(b,.5,0,1)},
|
|
41
|
+
set:function(b){return b==null?this.removeAttribute("frost"):this.setAttribute("frost",""+$APP.S.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.S.g(b))},enumerable:!0,configurable:!0});return 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.S.g(b))},enumerable:!0,configurable:!0})},I_=function(a){var b=F_(a);a.__xLiquidGlassModel=b;a.__xLiquidGlassTime=0;a.__xLiquidGlassPA=!1;a.__xLiquidGlassPX=0;a.__xLiquidGlassPY=0;a.__xLiquidGlassGT=0;$APP.n($APP.k(a,"__xLiquidGlassRefs"))||r_(a);u_(a);b=new ResizeObserver(function(c){return C_(a,c)});a.__xLiquidGlassRO=b;b.observe(a);E_(a);D_(a);return null},J_=function(a){A_(a);E_(a);var b=$APP.k(a,"__xLiquidGlassRO");$APP.n(b)&&(b.disconnect(),a.__xLiquidGlassRO=
|
|
43
|
+
null);return null},K_=function(a,b,c,d){$APP.N(c,d)&&$APP.n($APP.k(a,"__xLiquidGlassRefs"))&&G_(a);return null},M_=function(){return $APP.Lg("x-liquid-glass",new $APP.Q(null,5,[$APP.Cg,L_,$APP.Dg,I_,$APP.Eg,J_,$APP.Fg,K_,$APP.Jg,H_],null))},NZ=new $APP.K(null,"surface","surface",699915646),p_=new $APP.K(null,"core","core",-86019209),f_=new $APP.K(null,"specular-intensity","specular-intensity",437849876),SZ=new $APP.K(null,"amplitude-raw","amplitude-raw",-673525115),a_=new $APP.K(null,"goo","goo",
|
|
44
|
+
-1253057564),l_=new $APP.K(null,"glass","glass",1652756718),m_=new $APP.K(null,"filter","filter",-948537934),$Z=new $APP.K(null,"frost","frost",-3478780),d_=new $APP.K(null,"specular-size","specular-size",757318993),t_=new $APP.K(null,"submerged","submerged",1636004473),c_=new $APP.K(null,"tint","tint",-1286736913),q_=new $APP.K(null,"grain","grain",2007662171),QZ=new $APP.K(null,"tint-raw","tint-raw",-653441954),WZ=new $APP.K(null,"color-2-raw","color-2-raw",-1440423537),ZZ=new $APP.K(null,"specular-attr",
|
|
45
|
+
"specular-attr",-716021610),TZ=new $APP.K(null,"specular-intensity-raw","specular-intensity-raw",109079177),UZ=new $APP.K(null,"speed-raw","speed-raw",1756460778),YZ=new $APP.K(null,"goo-raw","goo-raw",59658675),PZ=new $APP.K(null,"specular-size-raw","specular-size-raw",592980345),XZ=new $APP.K(null,"color-1-raw","color-1-raw",-1322552111),b_=new $APP.K(null,"amplitude","amplitude",-1387734203),o_=new $APP.K(null,"gradient","gradient",-1983908971),VZ=new $APP.K(null,"frost-raw","frost-raw",1383732749),
|
|
46
|
+
e_=new $APP.K(null,"specular?","specular?",964138290),RZ=new $APP.K(null,"blobs-raw","blobs-raw",1729393761),n_=new $APP.K(null,"satellites","satellites",644765266);var L_="blobs speed amplitude blur goo tint specular specular-size specular-intensity disabled mode frost color-1 color-2".split(" ");
|
|
47
|
+
$APP.zf([$Z,a_,b_,new $APP.K(null,"specularSize","specularSize",-1757715579),$APP.kk,$APP.Yj,$APP.Oj,$APP.Il,c_,new $APP.K(null,"color2","color2",1248091856),$APP.Ci,$APP.hn,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.uk],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.uk],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 MZ=new $APP.Q(null,2,["surface",NZ,"submerged",t_],null);var i_={v:0},y_=function y_(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;v_(a,d);w_(a);x_(a,d);$APP.ja(a,"__xLiquidGlassRaf",requestAnimationFrame(function(){return y_.g?y_.g(a):y_.call(null,a)}))}return null};$APP.ha("baredom.exports.x_liquid_glass.init",M_);export const init=M_;
|
package/dist/x-menu-item.js
CHANGED
|
@@ -1,11 +1,10 @@
|
|
|
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.
|
|
6
|
-
g},
|
|
7
|
-
"
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
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;
|
|
2
|
+
var TY=function(a){var b=$APP.M(a);a=$APP.D(b,$APP.pj);var c=$APP.D(b,$APP.kk),d=$APP.D(b,$APP.lh);b=$APP.D(b,$APP.Z);a=$APP.n(a)?a:"";c=$APP.F(c);d=$APP.n(d)?d:"";d=$APP.I(RY,d)?d:"";b=$APP.n(b)?b:"";b=$APP.I(SY,b)?b:"";return new $APP.Q(null,4,[$APP.pj,a,$APP.kk,c,$APP.lh,d,$APP.Z,b],null)},UY=function(a){return new $APP.Q(null,4,[$APP.pj,a.getAttribute("value"),$APP.kk,a.hasAttribute("disabled"),$APP.lh,a.getAttribute("variant"),$APP.Z,a.getAttribute("type")],null)},VY=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}))},WY=function(a){var b=$APP.k(a,"__xMenuItemRefs");b=$APP.n(b)?$APP.k(b,"base"):null;var c=TY(UY(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.lh.g(c));b.setAttribute("data-disabled",$APP.n($APP.kk.g(c))?"true":"false");return $APP.n($APP.kk.g(c))?a.setAttribute("aria-disabled","true"):a.removeAttribute("aria-disabled")}return null},XY=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=TY(UY(a));($APP.B.i(l,"Enter")||$APP.B.i(l," "))&&
|
|
5
|
+
$APP.q($APP.kk.g(m))&&$APP.N($APP.Z.g(m),"divider")?(h.preventDefault(),h=VY(a)):h=null;return h}function d(h){var l=TY(UY(a));var m=$APP.kk.g(l);m=$APP.n(m)?m:$APP.B.i($APP.Z.g(l),"divider");$APP.n(m)&&h.preventDefault();return $APP.q($APP.kk.g(l))&&$APP.N($APP.Z.g(l),"divider")?VY(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},YY=function(a){if($APP.Ng(a,"__xMenuItemInit"))return XY(a),WY(a);if(!$APP.Ng(a,"__xMenuItemInit")){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("span"),g=document.createElement("slot"),h=document.createElement("span"),l=document.createElement("slot"),m=document.createElement("hr");c.textContent=":host{display:block;outline:none;color-scheme:light dark;--x-menu-item-color:var(--x-color-text,#111827);--x-menu-item-hover-bg:var(--x-color-surface-hover,#f3f4f6);--x-menu-item-focus-bg:var(--x-color-surface-hover,#eff6ff);--x-menu-item-focus-color:var(--x-color-primary-hover,#1d4ed8);--x-menu-item-disabled-opacity:0.45;--x-menu-item-danger-color:var(--x-color-danger,#dc2626);--x-menu-item-danger-hover-bg:#fef2f2;--x-menu-item-padding:8px 12px;--x-menu-item-border-radius:var(--x-radius-sm,4px);--x-menu-item-font-size:0.9375rem;--x-menu-item-icon-gap:8px;--x-menu-item-divider-color:var(--x-color-border,#e5e7eb);}:host([disabled]){pointer-events:none;}@media (prefers-color-scheme:dark){:host{--x-menu-item-color:var(--x-color-text,#f9fafb);--x-menu-item-hover-bg:var(--x-color-surface-hover,#1f2937);--x-menu-item-focus-bg:var(--x-color-surface-hover,#1e3a5f);--x-menu-item-focus-color:var(--x-color-focus-ring,#60a5fa);--x-menu-item-danger-color:var(--x-color-danger,#f87171);--x-menu-item-danger-hover-bg:#2d1515;--x-menu-item-divider-color:var(--x-color-border,#374151);}}.base{display:flex;align-items:center;gap:var(--x-menu-item-icon-gap);padding:var(--x-menu-item-padding);border-radius:var(--x-menu-item-border-radius);font-size:var(--x-menu-item-font-size);color:var(--x-menu-item-color);cursor:pointer;user-select:none;transition:background 100ms ease,color 100ms ease;}.base:hover{background:var(--x-menu-item-hover-bg);}:host(:focus) .base{background:var(--x-menu-item-focus-bg);color:var(--x-menu-item-focus-color);}.base[data-variant\x3d'danger']{color:var(--x-menu-item-danger-color);}.base[data-variant\x3d'danger']:hover{background:var(--x-menu-item-danger-hover-bg);}:host(:focus) .base[data-variant\x3d'danger']{background:var(--x-menu-item-danger-hover-bg);}.base[data-disabled\x3d'true']{opacity:var(--x-menu-item-disabled-opacity);cursor:default;pointer-events:none;}.base[data-type\x3d'divider']{padding:0;cursor:default;pointer-events:none;}.icon-span{display:none;flex-shrink:0;align-items:center;}:host([has-icon]) .icon-span{display:flex;}.divider-hr{display:none;}.base[data-type\x3d'divider'] .icon-span,.base[data-type\x3d'divider'] .label-span{display:none;}.base[data-type\x3d'divider'] .divider-hr{display:block;width:100%;border:none;border-top:1px solid var(--x-menu-item-divider-color);margin:4px 0;}@media (prefers-reduced-motion:reduce){.base{transition:none;}}";
|
|
7
|
+
d.setAttribute("part","base");d.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";d.appendChild(e);d.appendChild(h);d.appendChild(m);b.appendChild(c);b.appendChild(d);b={};b.base=d;b["icon-span"]=e;b["icon-slot"]=g;a.__xMenuItemRefs=b;XY(a);a.__xMenuItemInit=!0}WY(a);return a},ZY=function(a){var b=$APP.k(a,"__xMenuItemHandlers"),c=$APP.k(a,"__xMenuItemRefs");if($APP.n(b)){var d=
|
|
8
|
+
$APP.k(b,"keydown"),e=$APP.k(b,"icon-slotchange");c=$APP.n(c)?$APP.k(c,"icon-slot"):null;a.removeEventListener("click",$APP.k(b,"click"));a.removeEventListener("keydown",d);a=$APP.n(c)?c.removeEventListener("slotchange",e):null}else a=null;return a},$Y=function(a){return $APP.Ng(a,"__xMenuItemInit")?WY(a):null},aZ=function(a){Object.defineProperty(a,"value",{get:function(){return this.getAttribute("value")},set:function(b){return $APP.n(b)?this.setAttribute("value",b):this.removeAttribute("value")},
|
|
9
|
+
configurable:!0,enumerable:!0});Object.defineProperty(a,"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,"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});return Object.defineProperty(a,"type",
|
|
10
|
+
{get:function(){return this.getAttribute("type")},set:function(b){return $APP.n(b)?this.setAttribute("type",b):this.removeAttribute("type")},configurable:!0,enumerable:!0})},cZ=function(){return $APP.Lg("x-menu-item",new $APP.Q(null,5,[$APP.Cg,bZ,$APP.Dg,YY,$APP.Eg,ZY,$APP.Fg,$Y,$APP.Jg,aZ],null))};var bZ=["value","disabled","variant","type"],RY=new $APP.R(null,new $APP.Q(null,2,["",null,"danger",null],null),null),SY=new $APP.R(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.pj,$APP.Y],null)],null)]);$APP.ha("baredom.exports.x_menu_item.init",cZ);export const init=cZ;
|
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.
|
|
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)?
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
1105735132),
|
|
2
|
+
var CP=function(a){a=a.querySelectorAll("x-menu-item");for(var b=[],c=a.length,d=0;;)if(d<c){var e=a[d];$APP.q(e.hasAttribute("disabled"))&&$APP.N(e.getAttribute("type"),"divider")&&b.push(e);d+=1}else break;return b},DP=function(a,b,c){return a.dispatchEvent(new CustomEvent(b,{detail:c,bubbles:!0,composed:!0}))},GP=function(a){$APP.n(a.hasAttribute("open"))||(a.setAttribute("open",""),DP(a,"x-menu-open",{}));if($APP.n(null)){a=CP(a);var b=a.length;return b>0?$APP.B.i(null,EP)?a[0].focus():$APP.B.i(null,
|
|
3
|
+
FP)?a[b-1].focus():null:null}return null},HP=function(a,b){$APP.n(a.hasAttribute("open"))&&(a.removeAttribute("open"),DP(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},IP=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))},JP=function(a,b){var c=b.key,
|
|
4
|
+
d=a.hasAttribute("open");if($APP.B.i(c,"Escape"))return $APP.n(d)?(b.preventDefault(),HP(a,!0)):null;if($APP.B.i(c,"Tab"))return $APP.n(d)?HP(a,!1):null;if($APP.B.i(c,"ArrowDown")||$APP.B.i(c,"ArrowUp")){var e=CP(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();GP(a);return e[$APP.B.i(c,"ArrowDown")?0:g-1].focus()}}else if($APP.B.i(c,"Home")){if($APP.n(d)&&(e=CP(a),e.length>0))return b.preventDefault(),
|
|
5
|
+
e[0].focus()}else if($APP.B.i(c,"End")&&$APP.n(d)&&(e=CP(a),e.length>0))return b.preventDefault(),e[e.length-1].focus();return null},LP=function(a){var b=$APP.k(a,"__xMenuRefs");b=$APP.n(b)?$APP.k(b,"popup"):null;a=new $APP.Q(null,3,[$APP.Hm,a.hasAttribute("open"),$APP.lk,a.getAttribute("placement"),$APP.T,a.getAttribute("label")],null);a=$APP.M(a);var c=$APP.D(a,$APP.Hm),d=$APP.D(a,$APP.lk);a=$APP.D(a,$APP.T);c=$APP.F(c);d=$APP.n(d)?d:"";d=$APP.I(KP,d)?d:"bottom-start";a=new $APP.Q(null,3,[$APP.Hm,
|
|
6
|
+
c,$APP.lk,d,$APP.T,$APP.n(a)?a:""],null);return $APP.n(b)?(b.setAttribute("data-placement",$APP.lk.g(a)),a=$APP.T.g(a),$APP.n($APP.n(a)?$APP.N(a,""):a)?b.setAttribute("aria-label",a):b.removeAttribute("aria-label")):null},MP=function(a){function b(h){h.stopPropagation();h=h.detail.value;HP(a,!1);return DP(a,"x-menu-select",{value:$APP.n(h)?h:""})}function c(h){return JP(a,h)}function d(h){$APP.n(a.hasAttribute("open"))?(h=h.composedPath(),h=$APP.B.i(-1,h.indexOf(a))?HP(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)?IP(l,h):l)?$APP.n(a.hasAttribute("open"))?HP(a,!0):GP(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},NP=function(a){if($APP.Ng(a,"__xMenuInit"))return MP(a),LP(a);if(!$APP.Ng(a,"__xMenuInit")){var b=
|
|
8
|
+
a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("slot"),g=document.createElement("div"),h=document.createElement("slot");c.textContent=":host{display:inline-block;position:relative;color-scheme:light dark;--x-menu-bg:var(--x-color-bg,#ffffff);--x-menu-border:1px solid var(--x-color-border,#e5e7eb);--x-menu-border-radius:var(--x-radius-md,8px);--x-menu-shadow:var(--x-shadow-md,0 4px 16px rgba(0,0,0,0.12));--x-menu-min-width:160px;--x-menu-padding:4px;--x-menu-z-index:1000;}@media (prefers-color-scheme:dark){:host{--x-menu-bg:var(--x-color-bg,#1f2937);--x-menu-border:1px solid var(--x-color-border,#374151);--x-menu-shadow:var(--x-shadow-md,0 4px 16px rgba(0,0,0,0.4));}}.base{position:relative;display:inline-block;}.popup{display:none;position:absolute;background:var(--x-menu-bg);border:var(--x-menu-border);border-radius:var(--x-menu-border-radius);box-shadow:var(--x-menu-shadow);min-width:var(--x-menu-min-width);max-width:calc(100vw - 1rem);padding:var(--x-menu-padding);z-index:var(--x-menu-z-index);box-sizing:border-box;}:host([open]) .popup{display:block;}.popup[data-placement\x3d'bottom-start']{top:100%;left:0;margin-top:4px;}.popup[data-placement\x3d'bottom-end']{top:100%;right:0;margin-top:4px;}.popup[data-placement\x3d'top-start']{bottom:100%;left:0;margin-bottom:4px;}.popup[data-placement\x3d'top-end']{bottom:100%;right:0;margin-bottom:4px;}";
|
|
9
|
+
d.setAttribute("part","base");d.className="base";e.setAttribute("name","trigger");g.setAttribute("part","popup");g.className="popup";g.setAttribute("role","menu");g.appendChild(h);d.appendChild(e);d.appendChild(g);b.appendChild(c);b.appendChild(d);b={};b.base=d;b.popup=g;b["trigger-slot"]=e;b["item-slot"]=h;a.__xMenuRefs=b;MP(a);a.__xMenuInit=!0}LP(a);return a},OP=function(a){var b=$APP.k(a,"__xMenuHandlers");if($APP.n(b)){var c=$APP.k(b,"doc-click"),d=$APP.k(b,"keydown"),e=$APP.k(b,"item-select");
|
|
10
|
+
a.removeEventListener("click",$APP.k(b,"click"));document.removeEventListener("click",c,!0);a.removeEventListener("keydown",d);a=a.removeEventListener("x-menu-item-select",e)}else a=null;return a},PP=function(a){return $APP.Ng(a,"__xMenuInit")?LP(a):null},QP=function(a){Object.defineProperty(a,"open",{get:function(){return this.hasAttribute("open")},set:function(b){return $APP.n(b)?this.setAttribute("open",""):this.removeAttribute("open")},configurable:!0,enumerable:!0});Object.defineProperty(a,"placement",
|
|
11
|
+
{get:function(){return this.getAttribute("placement")},set:function(b){return $APP.n(b)?this.setAttribute("placement",b):this.removeAttribute("placement")},configurable:!0,enumerable:!0});return Object.defineProperty(a,"label",{get:function(){return this.getAttribute("label")},set:function(b){return $APP.n(b)?this.setAttribute("label",b):this.removeAttribute("label")},configurable:!0,enumerable:!0})},SP=function(){return $APP.Lg("x-menu",new $APP.Q(null,5,[$APP.Cg,RP,$APP.Dg,NP,$APP.Eg,OP,$APP.Fg,
|
|
12
|
+
PP,$APP.Jg,QP],null))},FP=new $APP.K(null,"last","last",1105735132),EP=new $APP.K(null,"first","first",-644103046);var RP=["open","placement","label"],KP=new $APP.R(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.pj,$APP.Y],null)],null)]);$APP.ha("baredom.exports.x_menu.init",SP);export const init=SP;
|
|
@@ -1,28 +1,28 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
3:Math.min(20,Math.max(.5,a))}return 3},
|
|
4
|
-
function(a){return typeof a==="string"&&a.trim().length>0?a.trim():"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 20 -10"},
|
|
5
|
-
return b},
|
|
6
|
-
var b=$APP.M(a),c=$APP.D(b,
|
|
7
|
-
|
|
8
|
-
window.addEventListener("pointermove",b);a.__xMetaballHandler=b},
|
|
9
|
-
set:function(b){return b==null?this.removeAttribute("blob-size"):this.setAttribute("blob-size",""+$APP.
|
|
10
|
-
""):this.removeAttribute("noise")},enumerable:!0,configurable:!0});Object.defineProperty(a,"noiseScale",{get:function(){return
|
|
11
|
-
""+$APP.
|
|
12
|
-
configurable:!0});Object.defineProperty(a,"threshold",{get:function(){return
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
$APP.zf([$APP.
|
|
25
|
-
null),new $APP.
|
|
26
|
-
var
|
|
27
|
-
$APP.
|
|
28
|
-
$APP.
|
|
2
|
+
var KL=function(a){if(typeof a==="string"){a=parseInt(a.trim(),10);var b=isNaN(a);return $APP.n($APP.n(b)?b:!(a>0))?5:Math.min(10,Math.max(2,a))}return 5},LL=function(a){if(typeof a==="string"){a=parseFloat(a.trim());var b=isNaN(a);return $APP.n($APP.n(b)?b:!(a>0))?40:Math.min(200,Math.max(10,a))}return 40},ML=function(a){return typeof a==="string"&&a.trim().length>0?a.trim():"#6366f1"},NL=function(a){if(typeof a==="string"){a=parseFloat(a.trim());var b=isNaN(a);return $APP.n($APP.n(b)?b:!(a>0))?
|
|
3
|
+
3:Math.min(20,Math.max(.5,a))}return 3},OL=function(a){if(typeof a==="string"){a=parseFloat(a.trim());var b=isNaN(a);return $APP.n($APP.n(b)?b:!(a>0))?.02:Math.min(.1,Math.max(.001,a))}return.02},PL=function(a){if(typeof a==="string"){a=parseFloat(a.trim());var b=isNaN(a);return $APP.n($APP.n(b)?b:!(a>0))?6:Math.min(30,Math.max(1,a))}return 6},QL=function(a){if(typeof a==="string"){a=parseFloat(a.trim());var b=isNaN(a);return $APP.n($APP.n(b)?b:!(a>0))?12:Math.min(40,Math.max(4,a))}return 12},RL=
|
|
4
|
+
function(a){return typeof a==="string"&&a.trim().length>0?a.trim():"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 20 -10"},TL=function(a){if(typeof a==="string"&&a.trim().length>0){var b=$APP.D(SL,a.trim().toLowerCase());if($APP.n(b))return b;if(a.indexOf(",")>=0)return a=a.split(","),$APP.We.m($APP.ee,$APP.Lh.i($APP.$d.g(function(c){return c.trim()}),$APP.be(function(c){return c.length>0})),a)}return null},UL=function(a){for(var b=[],c=0;;)if(c<a)b.push(Math.max(.01,.35*Math.pow(.45,c))),c+=1;else break;
|
|
5
|
+
return b},VL=function(a,b){for(var c=[],d=0;;)if(d<b)c.push(Math.max(a*.5,a*(1-d*.08))),d+=1;else break;return c},WL=function(a,b,c){return a+(b-a)*c},kM=function(a){a=$APP.zf([$APP.Pm,XL,YL,ZL,$L,aM,$APP.ri,$APP.zn,bM,cM],[a.getAttribute("blur"),a.getAttribute("noise-intensity"),a.getAttribute("blob-size"),a.getAttribute("palette"),a.getAttribute("noise-scale"),a.getAttribute("noise"),a.getAttribute("threshold"),a.getAttribute("color"),a.getAttribute("blob-count"),a.getAttribute("noise-speed")]);
|
|
6
|
+
var b=$APP.M(a),c=$APP.D(b,cM);a=$APP.D(b,$APP.Pm);var d=$APP.D(b,XL),e=$APP.D(b,YL),g=$APP.D(b,ZL),h=$APP.D(b,$L),l=$APP.D(b,aM),m=$APP.D(b,$APP.ri),p=$APP.D(b,$APP.zn);b=$APP.D(b,bM);b=KL(b);p=ML(p);g=TL(g);c=OL(c);var r=[];if($APP.n($APP.n(g)?$APP.z(g)>0:g))for(var v=$APP.z(g),x=0;;)if(x<b)r.push($APP.pc(g,$APP.ed(x,v))),x+=1;else break;else for(v=0;;)if(v<b)r.push(p),v+=1;else break;return $APP.zf([$APP.jk,dM,eM,$APP.Qm,$APP.lm,fM,gM,$APP.Ci,hM,iM,jM],[p,g,c,r,RL(m),NL(h),b,QL(a),LL(e),l!=null,
|
|
7
|
+
PL(d)])},lM=function(a,b){b=$APP.M(b);b=$APP.D(b,$APP.jk);return a.style.setProperty("--x-metaball-cursor-color",b)},nM=function(a){$APP.F(window.matchMedia("(prefers-reduced-motion:reduce)").matches)||(a.__xMetaballSeed=0,$APP.ja(a,"__xMetaballRaf",requestAnimationFrame(function(){return mM(a)})))},oM=function(a){function b(c){var d=$APP.Ej.g($APP.k(a,"__xMetaballRefs"));if($APP.n(d)){d=d.getBoundingClientRect();var e=$APP.k(a,"__xMetaballMouse");e.x=c.clientX-d.left;e.y=c.clientY-d.top}return null}
|
|
8
|
+
window.addEventListener("pointermove",b);a.__xMetaballHandler=b},pM=function(a){var b=$APP.k(a,"__xMetaballHandler");$APP.n(b)&&(window.removeEventListener("pointermove",b),a.__xMetaballHandler=null)},qM=function(a){Object.defineProperty(a,"blobCount",{get:function(){return KL(this.getAttribute("blob-count"))},set:function(b){return b==null?this.removeAttribute("blob-count"):this.setAttribute("blob-count",""+$APP.S.g(b|0))},enumerable:!0,configurable:!0});Object.defineProperty(a,"blobSize",{get:function(){return LL(this.getAttribute("blob-size"))},
|
|
9
|
+
set:function(b){return b==null?this.removeAttribute("blob-size"):this.setAttribute("blob-size",""+$APP.S.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"color",{get:function(){return ML(this.getAttribute("color"))},set:function(b){return b==null?this.removeAttribute("color"):this.setAttribute("color",""+$APP.S.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"noise",{get:function(){return this.hasAttribute("noise")},set:function(b){return $APP.n(b)?this.setAttribute("noise",
|
|
10
|
+
""):this.removeAttribute("noise")},enumerable:!0,configurable:!0});Object.defineProperty(a,"noiseScale",{get:function(){return NL(this.getAttribute("noise-scale"))},set:function(b){return b==null?this.removeAttribute("noise-scale"):this.setAttribute("noise-scale",""+$APP.S.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"noiseSpeed",{get:function(){return OL(this.getAttribute("noise-speed"))},set:function(b){return b==null?this.removeAttribute("noise-speed"):this.setAttribute("noise-speed",
|
|
11
|
+
""+$APP.S.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"noiseIntensity",{get:function(){return PL(this.getAttribute("noise-intensity"))},set:function(b){return b==null?this.removeAttribute("noise-intensity"):this.setAttribute("noise-intensity",""+$APP.S.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"blur",{get:function(){return QL(this.getAttribute("blur"))},set:function(b){return b==null?this.removeAttribute("blur"):this.setAttribute("blur",""+$APP.S.g(b))},enumerable:!0,
|
|
12
|
+
configurable:!0});Object.defineProperty(a,"threshold",{get:function(){return RL(this.getAttribute("threshold"))},set:function(b){return b==null?this.removeAttribute("threshold"):this.setAttribute("threshold",""+$APP.S.g(b))},enumerable:!0,configurable:!0});return Object.defineProperty(a,"palette",{get:function(){return TL(this.getAttribute("palette"))},set:function(b){return b==null||$APP.B.i("",b)?this.removeAttribute("palette"):this.setAttribute("palette",""+$APP.S.g(b))},enumerable:!0,configurable:!0})},
|
|
13
|
+
tM=function(a){var b=kM(a);a.__xMetaballModel=b;a.__xMetaballMouse={x:0,y:0};if(!$APP.n($APP.k(a,"__xMetaballRefs"))){var c=$APP.k(a,"__xMetaballModel"),d=rM[0];rM[0]=d+1;var e="mb-"+$APP.S.g(d),g=a.attachShadow({mode:"open"}),h=document.createElement("style"),l=document.createElement("div"),m=document.createElementNS("http://www.w3.org/2000/svg","svg");a.__xMetaballUid=d;h.textContent=sM;l.setAttribute("part","viewport");l.style.filter="url(#"+$APP.S.g(e)+")";m.style.position="absolute";m.style.width=
|
|
14
|
+
"0";m.style.height="0";m.style.overflow="hidden";var p=$APP.M(c);c=$APP.D(p,$APP.Ci);d=$APP.D(p,$APP.lm);var r=$APP.D(p,iM),v=$APP.D(p,fM);p=$APP.D(p,jM);var x=document.createElementNS("http://www.w3.org/2000/svg","defs"),y=document.createElementNS("http://www.w3.org/2000/svg","filter"),A=document.createElementNS("http://www.w3.org/2000/svg","feGaussianBlur"),C=document.createElementNS("http://www.w3.org/2000/svg","feColorMatrix"),E=document.createElementNS("http://www.w3.org/2000/svg","feTurbulence"),
|
|
15
|
+
H=document.createElementNS("http://www.w3.org/2000/svg","feDisplacementMap");y.setAttribute("id",e);y.setAttribute("x","-20%");y.setAttribute("y","-20%");y.setAttribute("width","140%");y.setAttribute("height","140%");A.setAttribute("in","SourceGraphic");A.setAttribute("stdDeviation",""+$APP.S.g(c));A.setAttribute("result","blur");C.setAttribute("in","blur");C.setAttribute("type","matrix");C.setAttribute("values",d);C.setAttribute("result","threshold");E.setAttribute("type","fractalNoise");E.setAttribute("baseFrequency",
|
|
16
|
+
""+$APP.S.g(.01*v));E.setAttribute("numOctaves","3");E.setAttribute("seed","0");E.setAttribute("result","noise");H.setAttribute("in","threshold");H.setAttribute("in2","noise");H.setAttribute("scale",$APP.n(r)?""+$APP.S.g(p):"0");H.setAttribute("xChannelSelector","R");H.setAttribute("yChannelSelector","G");y.appendChild(A);y.appendChild(C);y.appendChild(E);y.appendChild(H);x.appendChild(y);m.appendChild(x);e=new $APP.Q(null,5,[$APP.Cl,y,$APP.Fj,A,$APP.nn,C,$APP.gm,E,$APP.ek,H],null);l.appendChild(m);
|
|
17
|
+
g.appendChild(h);g.appendChild(l);g=$APP.Rf($APP.uc([e,new $APP.Q(null,3,[$APP.Zi,g,$APP.Ej,l,$APP.Ek,m],null)]));a.__xMetaballRefs=g}g=$APP.k(a,"__xMetaballBlobs");if($APP.n(g)){h=g.length;for(l=0;;)if(l<h)m=g[l],$APP.n(m.parentNode)&&m.parentNode.removeChild(m),l+=1;else break;a.__xMetaballBlobs=[];a.__xMetaballPos=[]}h=$APP.M(b);g=$APP.D(h,gM);m=$APP.D(h,hM);h=$APP.D(h,$APP.Qm);l=$APP.M($APP.k(a,"__xMetaballRefs"));l=$APP.D(l,$APP.Ej);m=VL(m,g);e=[];c=[];for(d=0;;)if(d<g)r=document.createElement("div"),
|
|
18
|
+
v=m[d],r.className="blob",r.style.width=""+$APP.S.g(v)+"px",r.style.height=""+$APP.S.g(v)+"px",r.style.background=h[d],l.appendChild(r),e.push(r),c.push({x:0,y:0}),d+=1;else break;a.__xMetaballBlobs=e;a.__xMetaballPos=c;g=UL(g);a.__xMetaballSpeeds=g;lM(a,b);a.setAttribute("aria-hidden","true");a.setAttribute("role","presentation");pM(a);oM(a);nM(a);return null},uM=function(a){var b=$APP.k(a,"__xMetaballRaf");$APP.n(b)&&(cancelAnimationFrame(b),a.__xMetaballRaf=null);pM(a);return null},vM=function(a,
|
|
19
|
+
b,c,d){if($APP.N(c,d)&&(b=kM(a),a.__xMetaballModel=b,$APP.n($APP.k(a,"__xMetaballRefs")))){d=$APP.M(b);c=$APP.D(d,gM);var e=$APP.D(d,hM);d=$APP.D(d,$APP.Qm);var g=$APP.M($APP.k(a,"__xMetaballRefs")),h=$APP.D(g,$APP.Ej);g=$APP.k(a,"__xMetaballBlobs");var l=$APP.k(a,"__xMetaballPos"),m=g.length;e=VL(e,c);for(var p=m;;)if(p<c){var r=document.createElement("div");r.className="blob";h.appendChild(r);g.push(r);l.push({x:0,y:0});p+=1}else break;for(h=m;;)if(h>c)m=g.pop(),l.pop(),$APP.n(m.parentNode)&&m.parentNode.removeChild(m),
|
|
20
|
+
--h;else break;for(l=0;;)if(l<c)h=g[l],m=e[l],h.style.width=""+$APP.S.g(m)+"px",h.style.height=""+$APP.S.g(m)+"px",h.style.background=d[l],l+=1;else break;c=UL(c);a.__xMetaballSpeeds=c;g=$APP.M(b);h=$APP.D(g,$APP.Ci);e=$APP.D(g,$APP.lm);c=$APP.D(g,iM);d=$APP.D(g,fM);g=$APP.D(g,jM);l=$APP.k(a,"__xMetaballRefs");m=$APP.Fj.g(l);$APP.n(m)&&m.setAttribute("stdDeviation",""+$APP.S.g(h));h=$APP.nn.g(l);$APP.n(h)&&h.setAttribute("values",e);e=$APP.gm.g(l);$APP.n(e)&&e.setAttribute("baseFrequency",""+$APP.S.g(.01*
|
|
21
|
+
d));d=$APP.ek.g(l);$APP.n(d)&&d.setAttribute("scale",$APP.n(c)?""+$APP.S.g(g):"0");return lM(a,b)}return null},xM=function(){return $APP.Lg("x-metaball-cursor",new $APP.Q(null,5,[$APP.Cg,wM,$APP.Dg,tM,$APP.Eg,uM,$APP.Fg,vM,$APP.Jg,qM],null))},$L=new $APP.K(null,"noise-scale-raw","noise-scale-raw",123215597),XL=new $APP.K(null,"noise-intensity-raw","noise-intensity-raw",-116633534),iM=new $APP.K(null,"noise?","noise?",-38350370),hM=new $APP.K(null,"blob-size","blob-size",-1862159046),fM=new $APP.K(null,
|
|
22
|
+
"noise-scale","noise-scale",-2033475279),aM=new $APP.K(null,"noise-attr","noise-attr",-1534959409),ZL=new $APP.K(null,"palette-raw","palette-raw",-1398782582),dM=new $APP.K(null,"palette","palette",-456203511),bM=new $APP.K(null,"blob-count-raw","blob-count-raw",-1850938603),cM=new $APP.K(null,"noise-speed-raw","noise-speed-raw",1761342974),eM=new $APP.K(null,"noise-speed","noise-speed",866692139),gM=new $APP.K(null,"blob-count","blob-count",-248711053),jM=new $APP.K(null,"noise-intensity","noise-intensity",
|
|
23
|
+
747731519),YL=new $APP.K(null,"blob-size-raw","blob-size-raw",530207878);var wM="blob-count blob-size color noise noise-scale noise-speed noise-intensity blur threshold palette".split(" ");
|
|
24
|
+
$APP.zf([$APP.jk,new $APP.K(null,"blobSize","blobSize",-64083896),new $APP.K(null,"noiseIntensity","noiseIntensity",-792053623),dM,new $APP.K(null,"noiseScale","noiseScale",2003002730),new $APP.K(null,"noise","noise",-994696820),$APP.lm,$APP.Ci,new $APP.K(null,"noiseSpeed","noiseSpeed",-959403627),new $APP.K(null,"blobCount","blobCount",-1279691625)],[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],
|
|
25
|
+
null),new $APP.Q(null,1,[$APP.Z,$APP.W],null),new $APP.Q(null,1,[$APP.Z,$APP.uk],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.W],null)]);
|
|
26
|
+
var SL=new $APP.Q(null,5,["rainbow",new $APP.O(null,5,5,$APP.P,["#ef4444","#f59e0b","#22c55e","#3b82f6","#a855f7"],null),"ocean",new $APP.O(null,5,5,$APP.P,["#06b6d4","#0ea5e9","#6366f1","#8b5cf6","#0d9488"],null),"sunset",new $APP.O(null,5,5,$APP.P,["#ef4444","#f97316","#eab308","#ec4899","#f43f5e"],null),"neon",new $APP.O(null,5,5,$APP.P,["#22d3ee","#a78bfa","#f472b6","#34d399","#facc15"],null),"ember",new $APP.O(null,5,5,$APP.P,["#dc2626","#ea580c","#d97706","#b91c1c","#f59e0b"],null)],null);var rM=[0],sM=":host{display:block;position:relative;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:var("+$APP.S.g("--x-metaball-cursor-z-index")+",9999);}[part\x3dviewport]{position:absolute;inset:var("+$APP.S.g("--x-metaball-cursor-inset")+",0);pointer-events:none;opacity:var("+$APP.S.g("--x-metaball-cursor-opacity")+",1);mix-blend-mode:var("+$APP.S.g("--x-metaball-cursor-blend-mode")+",normal);}.blob{position:absolute;border-radius:50%;will-change:transform;pointer-events:none;top:0;left:0;background:var("+
|
|
27
|
+
$APP.S.g("--x-metaball-cursor-color")+",#6366f1);}@media(prefers-reduced-motion:reduce){.blob{transition:none!important;}}",mM=function mM(a){if($APP.n(a.isConnected)){var c=$APP.k(a,"__xMetaballMouse"),d=$APP.k(a,"__xMetaballBlobs"),e=$APP.k(a,"__xMetaballPos"),g=$APP.k(a,"__xMetaballSpeeds"),h=$APP.k(c,"x");c=$APP.k(c,"y");for(var l=$APP.k(a,"__xMetaballModel"),m=d.length,p=0;;)if(p<m){var r=e[p],v=g[p],x=WL($APP.k(r,"x"),h,v);v=WL($APP.k(r,"y"),c,v);var y=d[p];r.x=x;r.y=v;y.style.transform="translate("+
|
|
28
|
+
$APP.S.g(x)+"px,"+$APP.S.g(v)+"px) translate(-50%,-50%)";p+=1}else break;$APP.n(iM.g(l))&&(d=$APP.k(a,"__xMetaballSeed")+eM.g(l),e=$APP.k(a,"__xMetaballRefs"),a.__xMetaballSeed=d,e=$APP.gm.g(e),$APP.n(e)&&e.setAttribute("seed",""+$APP.S.g(Math.floor(d))));$APP.ja(a,"__xMetaballRaf",requestAnimationFrame(function(){return mM.g?mM.g(a):mM.call(null,a)}))}return null};$APP.ha("baredom.exports.x_metaball_cursor.init",xM);export const init=xM;
|