@vanelsas/baredom 2.4.1 → 2.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +25 -0
- package/README.md +63 -270
- package/custom-elements.json +7373 -0
- package/dist/baredom.d.ts +97 -0
- package/dist/base.js +74 -74
- package/dist/integrity.json +93 -93
- package/dist/x-alert.d.ts +43 -0
- package/dist/x-alert.js +17 -17
- package/dist/x-avatar-group.d.ts +18 -0
- package/dist/x-avatar-group.js +10 -10
- package/dist/x-avatar.d.ts +21 -0
- package/dist/x-avatar.js +13 -13
- package/dist/x-badge.d.ts +19 -0
- package/dist/x-badge.js +11 -11
- package/dist/x-bento-grid.d.ts +12 -0
- package/dist/x-bento-grid.js +5 -5
- package/dist/x-bento-item.d.ts +12 -0
- package/dist/x-bento-item.js +4 -4
- package/dist/x-breadcrumbs.d.ts +20 -0
- package/dist/x-breadcrumbs.js +14 -14
- package/dist/x-button.d.ts +45 -0
- package/dist/x-button.js +15 -15
- package/dist/x-cancel-dialogue.d.ts +50 -0
- package/dist/x-cancel-dialogue.js +12 -12
- package/dist/x-card.d.ts +39 -0
- package/dist/x-card.js +7 -7
- package/dist/x-carousel.d.ts +48 -0
- package/dist/x-carousel.js +28 -28
- package/dist/x-chart.d.ts +23 -0
- package/dist/x-chart.js +46 -46
- package/dist/x-checkbox.d.ts +45 -0
- package/dist/x-checkbox.js +11 -11
- package/dist/x-chip.d.ts +41 -0
- package/dist/x-chip.js +8 -8
- package/dist/x-collapse.d.ts +42 -0
- package/dist/x-collapse.js +10 -10
- package/dist/x-color-picker.d.ts +47 -0
- package/dist/x-color-picker.js +41 -41
- package/dist/x-combobox.d.ts +47 -0
- package/dist/x-combobox.js +25 -25
- package/dist/x-command-palette.d.ts +46 -0
- package/dist/x-command-palette.js +24 -24
- package/dist/x-container.d.ts +14 -0
- package/dist/x-container.js +6 -6
- package/dist/x-context-menu.d.ts +17 -0
- package/dist/x-context-menu.js +18 -18
- package/dist/x-copy.d.ts +51 -0
- package/dist/x-copy.js +20 -20
- package/dist/x-currency-field.d.ts +52 -0
- package/dist/x-currency-field.js +23 -21
- package/dist/x-date-picker.d.ts +20 -0
- package/dist/x-date-picker.js +37 -37
- package/dist/x-divider.d.ts +20 -0
- package/dist/x-divider.js +8 -8
- package/dist/x-drawer.d.ts +44 -0
- package/dist/x-drawer.js +11 -11
- package/dist/x-dropdown.d.ts +42 -0
- package/dist/x-dropdown.js +9 -9
- package/dist/x-fieldset.d.ts +14 -0
- package/dist/x-fieldset.js +5 -5
- package/dist/x-file-download.d.ts +40 -0
- package/dist/x-file-download.js +7 -7
- package/dist/x-file-upload.d.ts +46 -0
- package/dist/x-file-upload.js +22 -22
- package/dist/x-form-field.d.ts +47 -0
- package/dist/x-form-field.js +15 -15
- package/dist/x-form.d.ts +41 -0
- package/dist/x-form.js +9 -9
- package/dist/x-gaussian-blur.d.ts +20 -0
- package/dist/x-gaussian-blur.js +16 -16
- package/dist/x-grid.d.ts +12 -0
- package/dist/x-grid.js +6 -6
- package/dist/x-icon.d.ts +15 -0
- package/dist/x-icon.js +7 -7
- package/dist/x-image.d.ts +48 -0
- package/dist/x-image.js +18 -18
- package/dist/x-kinetic-font.d.ts +48 -0
- package/dist/x-kinetic-font.js +28 -28
- package/dist/x-kinetic-typography.d.ts +27 -0
- package/dist/x-kinetic-typography.js +37 -37
- package/dist/x-liquid-dock.d.ts +47 -0
- package/dist/x-liquid-dock.js +35 -35
- package/dist/x-liquid-fill.d.ts +46 -0
- package/dist/x-liquid-fill.js +40 -40
- package/dist/x-liquid-glass.d.ts +25 -0
- package/dist/x-liquid-glass.js +35 -35
- package/dist/x-menu-item.d.ts +41 -0
- package/dist/x-menu-item.js +10 -10
- package/dist/x-menu.d.ts +42 -0
- package/dist/x-menu.js +10 -10
- package/dist/x-metaball-cursor.d.ts +21 -0
- package/dist/x-metaball-cursor.js +25 -25
- package/dist/x-modal.d.ts +44 -0
- package/dist/x-modal.js +11 -11
- package/dist/x-morph-stack.d.ts +46 -0
- package/dist/x-morph-stack.js +39 -39
- package/dist/x-navbar.d.ts +46 -0
- package/dist/x-navbar.js +12 -12
- package/dist/x-neural-glow.d.ts +22 -0
- package/dist/x-neural-glow.js +30 -30
- package/dist/x-notification-center.d.ts +42 -0
- package/dist/x-notification-center.js +10 -10
- package/dist/x-organic-divider.d.ts +19 -0
- package/dist/x-organic-divider.js +15 -15
- package/dist/x-organic-progress.d.ts +45 -0
- package/dist/x-organic-progress.js +35 -35
- package/dist/x-organic-shape.d.ts +18 -0
- package/dist/x-organic-shape.js +12 -12
- package/dist/x-pagination.d.ts +45 -0
- package/dist/x-pagination.js +17 -16
- package/dist/x-particle-button.d.ts +47 -0
- package/dist/x-particle-button.js +46 -46
- package/dist/x-popover.d.ts +45 -0
- package/dist/x-popover.js +23 -23
- package/dist/x-progress-circle.d.ts +41 -0
- package/dist/x-progress-circle.js +7 -7
- package/dist/x-progress.d.ts +44 -0
- package/dist/x-progress.js +7 -7
- package/dist/x-radio.d.ts +44 -0
- package/dist/x-radio.js +11 -11
- package/dist/x-ripple-effect.d.ts +42 -0
- package/dist/x-ripple-effect.js +11 -11
- package/dist/x-scroll-parallax.d.ts +45 -0
- package/dist/x-scroll-parallax.js +17 -17
- package/dist/x-scroll-stack.d.ts +46 -0
- package/dist/x-scroll-stack.js +18 -18
- package/dist/x-scroll-story.d.ts +56 -0
- package/dist/x-scroll-story.js +33 -33
- package/dist/x-scroll-timeline.d.ts +58 -0
- package/dist/x-scroll-timeline.js +44 -44
- package/dist/x-scroll.d.ts +51 -0
- package/dist/x-scroll.js +39 -39
- package/dist/x-search-field.d.ts +47 -0
- package/dist/x-search-field.js +15 -14
- package/dist/x-select.d.ts +41 -0
- package/dist/x-select.js +10 -10
- package/dist/x-sidebar.d.ts +40 -0
- package/dist/x-sidebar.js +16 -16
- package/dist/x-skeleton-group.d.ts +15 -0
- package/dist/x-skeleton-group.js +13 -13
- package/dist/x-skeleton.d.ts +16 -0
- package/dist/x-skeleton.js +1 -1
- package/dist/x-slider.d.ts +49 -0
- package/dist/x-slider.js +18 -16
- package/dist/x-soft-body.d.ts +44 -0
- package/dist/x-soft-body.js +20 -20
- package/dist/x-spacer.d.ts +15 -0
- package/dist/x-spacer.js +5 -5
- package/dist/x-spinner.d.ts +15 -0
- package/dist/x-spinner.js +5 -5
- package/dist/x-splash.d.ts +42 -0
- package/dist/x-splash.js +13 -13
- package/dist/x-stat.d.ts +21 -0
- package/dist/x-stat.js +9 -9
- package/dist/x-stepper.d.ts +42 -0
- package/dist/x-stepper.js +14 -14
- package/dist/x-switch.d.ts +44 -0
- package/dist/x-switch.js +10 -10
- package/dist/x-tab.d.ts +40 -0
- package/dist/x-tab.js +7 -7
- package/dist/x-table-cell.d.ts +50 -0
- package/dist/x-table-cell.js +19 -19
- package/dist/x-table-row.d.ts +43 -0
- package/dist/x-table-row.js +10 -10
- package/dist/x-table.d.ts +124 -0
- package/dist/x-table.js +13 -13
- package/dist/x-tabs.d.ts +71 -0
- package/dist/x-tabs.js +11 -11
- package/dist/x-text-area.d.ts +48 -0
- package/dist/x-text-area.js +20 -18
- package/dist/x-theme.d.ts +15 -0
- package/dist/x-theme.js +24 -24
- package/dist/x-timeline-item.d.ts +46 -0
- package/dist/x-timeline-item.js +19 -19
- package/dist/x-timeline.d.ts +78 -0
- package/dist/x-timeline.js +9 -9
- package/dist/x-toast.d.ts +45 -0
- package/dist/x-toast.js +21 -21
- package/dist/x-toaster.d.ts +41 -0
- package/dist/x-toaster.js +8 -8
- package/dist/x-tooltip.d.ts +43 -0
- package/dist/x-tooltip.js +12 -12
- package/dist/x-typography.d.ts +16 -0
- package/dist/x-typography.js +8 -8
- package/dist/x-welcome-tour.d.ts +92 -0
- package/dist/x-welcome-tour.js +58 -58
- package/package.json +506 -392
package/dist/x-liquid-glass.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
typeof a==="string"?a.trim().toLowerCase():null);return $APP.n(a)?a:
|
|
4
|
-
.4,.1,1),b!=null,function(){var A=
|
|
5
|
-
|
|
2
|
+
var OX=function(a,b,c,d){if(typeof a==="string"){a=a.trim();if($APP.B.i(a,""))return b;a=parseFloat(a);return $APP.n(isNaN(a))?b:Math.min(d,Math.max(c,a))}return b},PX=function(a){if(typeof a==="string"){a=a.trim();if($APP.B.i(a,""))return 5;a=parseInt(a,10);return $APP.n(isNaN(a))?5:Math.min(8,Math.max(3,a))}return 5},QX=function(a){return typeof a==="string"?(a=a.trim(),$APP.N(a,"")?a:null):null},RX=function(a){return typeof a==="string"?(a=a.trim(),$APP.N(a,"")?a:null):null},UX=function(a){a=$APP.D(SX,
|
|
3
|
+
typeof a==="string"?a.trim().toLowerCase():null);return $APP.n(a)?a:TX},mY=function(a){var b=$APP.M(a);a=$APP.D(b,$APP.ej);var c=$APP.D(b,VX),d=$APP.D(b,WX),e=$APP.D(b,$APP.qm),g=$APP.D(b,XX),h=$APP.D(b,YX),l=$APP.D(b,$APP.xl),m=$APP.D(b,ZX),p=$APP.D(b,$X),q=$APP.D(b,aY),v=$APP.D(b,bY),x=$APP.D(b,cY),y=$APP.D(b,dY);b=$APP.D(b,eY);return $APP.zf([fY,gY,hY,$APP.Gj,$APP.wj,iY,jY,kY,$APP.hl,$APP.ki,$APP.gl,$APP.Qm,lY,$APP.X],[OX(q,.5,0,1),OX(y,10,4,20),OX(h,.15,.05,.4),OX(p,.3,.05,2),UX(l),QX(d),OX(c,
|
|
4
|
+
.4,.1,1),b!=null,function(){var A=RX(v);return $APP.n(A)?A:"rgba(244,114,182,0.35)"}(),OX(e,12,0,40),function(){var A=RX(x);return $APP.n(A)?A:"rgba(99,102,241,0.4)"}(),PX(g),OX(m,.3,0,1),a!=null])},nY=function(a,b,c){return Math.sin(a*1.7+c*.3)*Math.cos(b*2.3+c*.5)*.5+Math.sin(a*3.1-c*.7)*Math.cos(b*1.3+c*.2)*.25+Math.sin(a*5.3+c*.4)*Math.cos(b*4.7-c*.6)*.125},pY=function(){var a=$APP.k(oY,"v");oY.v=a+1;return a},qY=function(){return $APP.F(window.matchMedia("(prefers-reduced-motion:reduce)").matches)},
|
|
5
|
+
xY=function(a){var b=pY(),c=a.attachShadow({mode:"open"}),d=document.createElement("style"),e=document.createElementNS("http://www.w3.org/2000/svg","svg"),g=document.createElementNS("http://www.w3.org/2000/svg","defs"),h=document.createElementNS("http://www.w3.org/2000/svg","filter"),l=document.createElementNS("http://www.w3.org/2000/svg","feGaussianBlur"),m=document.createElementNS("http://www.w3.org/2000/svg","feColorMatrix"),p=document.createElementNS("http://www.w3.org/2000/svg","g"),q=document.createElementNS("http://www.w3.org/2000/svg",
|
|
6
6
|
"ellipse"),v=document.createElement("div"),x=document.createElement("div"),y=document.createElement("div"),A=document.createElement("div"),C=document.createElement("div"),E=document.createElement("slot"),H="lg-goo-"+$APP.T.g(b);a.__xLiquidGlassUID=b;d.textContent=":host{display:block;position:relative;isolation:isolate;min-width:120px;min-height:80px;"+$APP.T.g("--x-liquid-glass-padding")+":1.5rem;"+$APP.T.g("--x-liquid-glass-specular-color")+":rgba(255,255,255,0.6);"+$APP.T.g("--x-liquid-glass-spring")+
|
|
7
7
|
":"+$APP.T.g("linear(0, 0.006, 0.025, 0.058, 0.104, 0.163, 0.234, 0.315, 0.403, 0.496, 0.591, 0.685, 0.774, 0.856, 0.926, 0.983, 1.025, 1.052, 1.065, 1.063, 1.049, 1.025, 0.995, 0.961, 0.927, 0.896, 0.870, 0.850, 0.837, 0.831, 0.832, 0.839, 0.851, 0.867, 0.885, 0.903, 0.921, 0.937, 0.951, 0.962, 0.970, 0.976, 0.979, 0.981, 0.981, 0.980, 0.979, 0.977, 0.976, 0.975, 0.975, 0.976, 0.977, 0.979, 0.981, 0.983, 0.986, 0.989, 0.992, 0.995, 0.998, 1)")+";"+$APP.T.g("--x-liquid-glass-spring-duration")+":"+
|
|
8
8
|
$APP.T.g("600ms")+";}[part\x3dsvg]{display:block;width:100%;height:100%;position:absolute;inset:0;overflow:visible;pointer-events:none;z-index:1;}[part\x3dglass]{position:absolute;inset:0;backdrop-filter:blur(var("+$APP.T.g("--x-liquid-glass-blur")+",12px)) saturate(180%);-webkit-backdrop-filter:blur(var("+$APP.T.g("--x-liquid-glass-blur")+",12px)) saturate(180%);z-index:0;}[part\x3dgrain]{position:absolute;inset:0;z-index:2;opacity:0.4;pointer-events:none;}[part\x3dgradient]{position:absolute;inset:0;z-index:1;pointer-events:none;}[part\x3dspecular]{position:absolute;inset:0;z-index:1;opacity:0;pointer-events:none;transition:background var("+
|
|
@@ -11,38 +11,38 @@ $APP.T.g("--x-liquid-glass-spring-duration")+","+$APP.T.g("600ms")+") var("+$APP
|
|
|
11
11
|
");}[part\x3dcontent]{position:relative;padding:var("+$APP.T.g("--x-liquid-glass-padding")+",1.5rem);z-index:3;}@keyframes lg-enter{from{opacity:0;transform:scale(0.92);}to{opacity:1;transform:scale(1);}}:host([data-entering]) [part\x3dglass],:host([data-entering]) [part\x3dsvg]{animation:lg-enter var("+$APP.T.g("--x-liquid-glass-spring-duration")+","+$APP.T.g("600ms")+") var("+$APP.T.g("--x-liquid-glass-spring")+","+$APP.T.g("linear(0, 0.006, 0.025, 0.058, 0.104, 0.163, 0.234, 0.315, 0.403, 0.496, 0.591, 0.685, 0.774, 0.856, 0.926, 0.983, 1.025, 1.052, 1.065, 1.063, 1.049, 1.025, 0.995, 0.961, 0.927, 0.896, 0.870, 0.850, 0.837, 0.831, 0.832, 0.839, 0.851, 0.867, 0.885, 0.903, 0.921, 0.937, 0.951, 0.962, 0.970, 0.976, 0.979, 0.981, 0.981, 0.980, 0.979, 0.977, 0.976, 0.975, 0.975, 0.976, 0.977, 0.979, 0.981, 0.983, 0.986, 0.989, 0.992, 0.995, 0.998, 1)")+
|
|
12
12
|
") both;}@media(prefers-color-scheme:dark){:host{"+$APP.T.g("--x-liquid-glass-specular-color")+":rgba(255,255,255,0.3);}}@media(prefers-reduced-motion:reduce){:host([data-entering]) [part\x3dglass],:host([data-entering]) [part\x3dsvg]{animation:none;}[part\x3dspecular]{transition:none!important;}}";e.setAttribute("part","svg");e.setAttribute("viewBox","0 0 300 200");e.setAttribute("preserveAspectRatio","none");e.setAttribute("aria-hidden","true");h.setAttribute("id",H);l.setAttribute("in","SourceGraphic");
|
|
13
13
|
l.setAttribute("stdDeviation","10");l.setAttribute("result","blur");m.setAttribute("in","blur");m.setAttribute("mode","matrix");m.setAttribute("values","1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 19 -9");h.appendChild(l);h.appendChild(m);g.appendChild(h);e.appendChild(g);p.setAttribute("filter","url(#"+$APP.T.g(H)+")");p.setAttribute("opacity","0.35");q.setAttribute("class","blob-core");p.appendChild(q);e.appendChild(p);m=document.createElementNS("http://www.w3.org/2000/svg","linearGradient");var G="lg-edge-"+
|
|
14
|
-
$APP.T.g(b),J=document.createElementNS("http://www.w3.org/2000/svg","stop"),
|
|
15
|
-
"0.15");aa.setAttribute("offset","100%");aa.setAttribute("stop-color","white");aa.setAttribute("stop-opacity","0.5");m.appendChild(J);m.appendChild(
|
|
16
|
-
"none");G.setAttribute("stroke","url(#"+$APP.T.g(J)+")");G.setAttribute("stroke-width","2.5");m.appendChild(G);e.appendChild(m);a.__xLiquidGlassBorderG=m;a.__xLiquidGlassBorderCore=G;m=document.createElementNS("http://www.w3.org/2000/svg","filter");G="lg-grain-"+$APP.T.g(b);J=document.createElementNS("http://www.w3.org/2000/svg","feTurbulence");
|
|
17
|
-
"0.6");J.setAttribute("numOctaves","3");J.setAttribute("stitchTiles","stitch");
|
|
14
|
+
$APP.T.g(b),J=document.createElementNS("http://www.w3.org/2000/svg","stop"),R=document.createElementNS("http://www.w3.org/2000/svg","stop"),aa=document.createElementNS("http://www.w3.org/2000/svg","stop");m.setAttribute("id",G);m.setAttribute("x1","0");m.setAttribute("y1","0");m.setAttribute("x2","1");m.setAttribute("y2","1");J.setAttribute("offset","0%");J.setAttribute("stop-color","white");J.setAttribute("stop-opacity","0.9");R.setAttribute("offset","50%");R.setAttribute("stop-color","white");R.setAttribute("stop-opacity",
|
|
15
|
+
"0.15");aa.setAttribute("offset","100%");aa.setAttribute("stop-color","white");aa.setAttribute("stop-opacity","0.5");m.appendChild(J);m.appendChild(R);m.appendChild(aa);g.appendChild(m);a.__xLiquidGlassEdgeId=G;m=document.createElementNS("http://www.w3.org/2000/svg","g");G=document.createElementNS("http://www.w3.org/2000/svg","ellipse");J=$APP.k(a,"__xLiquidGlassEdgeId");m.setAttribute("filter","url(#"+$APP.T.g(H)+")");m.setAttribute("opacity","0.7");G.setAttribute("class","blob-border");G.setAttribute("fill",
|
|
16
|
+
"none");G.setAttribute("stroke","url(#"+$APP.T.g(J)+")");G.setAttribute("stroke-width","2.5");m.appendChild(G);e.appendChild(m);a.__xLiquidGlassBorderG=m;a.__xLiquidGlassBorderCore=G;m=document.createElementNS("http://www.w3.org/2000/svg","filter");G="lg-grain-"+$APP.T.g(b);J=document.createElementNS("http://www.w3.org/2000/svg","feTurbulence");R=document.createElementNS("http://www.w3.org/2000/svg","feColorMatrix");m.setAttribute("id",G);J.setAttribute("type","fractalNoise");J.setAttribute("baseFrequency",
|
|
17
|
+
"0.6");J.setAttribute("numOctaves","3");J.setAttribute("stitchTiles","stitch");R.setAttribute("type","matrix");R.setAttribute("values","0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0");m.appendChild(J);m.appendChild(R);g.appendChild(m);a.__xLiquidGlassGrainId=G;m=document.createElementNS("http://www.w3.org/2000/svg","mask");b="lg-mask-"+$APP.T.g(b);G=document.createElementNS("http://www.w3.org/2000/svg","g");J=document.createElementNS("http://www.w3.org/2000/svg","ellipse");m.setAttribute("id",b);
|
|
18
18
|
m.setAttribute("maskUnits","userSpaceOnUse");m.setAttribute("maskContentUnits","userSpaceOnUse");G.setAttribute("filter","url(#"+$APP.T.g(H)+")");J.setAttribute("fill","white");G.appendChild(J);m.appendChild(G);g.appendChild(m);a.__xLiquidGlassMaskG=G;a.__xLiquidGlassMaskCore=J;$APP.ja(a,"__xLiquidGlassMaskSats",[]);a.__xLiquidGlassMaskId=b;v.setAttribute("part","glass");g="url(#"+$APP.T.g($APP.k(a,"__xLiquidGlassMaskId"))+")";v.style.mask=g;v.style.webkitMask=g;x.setAttribute("part","grain");x.style.filter=
|
|
19
19
|
"url(#"+$APP.T.g($APP.k(a,"__xLiquidGlassGrainId"))+")";g="url(#"+$APP.T.g($APP.k(a,"__xLiquidGlassMaskId"))+")";x.style.mask=g;x.style.webkitMask=g;y.setAttribute("part","gradient");g="url(#"+$APP.T.g($APP.k(a,"__xLiquidGlassMaskId"))+")";y.style.mask=g;y.style.webkitMask=g;A.setAttribute("part","specular");g="url(#"+$APP.T.g($APP.k(a,"__xLiquidGlassMaskId"))+")";A.style.mask=g;A.style.webkitMask=g;C.setAttribute("part","content");C.appendChild(E);c.appendChild(d);c.appendChild(v);c.appendChild(e);
|
|
20
|
-
c.appendChild(x);c.appendChild(y);c.appendChild(A);c.appendChild(C);a.setAttribute("data-entering","");setTimeout(function(){return a.removeAttribute("data-entering")},700);$APP.ja(a,"__xLiquidGlassRefs",$APP.zf([$APP.zi,$APP.
|
|
21
|
-
d){var C=2*Math.PI*(A/d);x[A]=e+q*Math.cos(C);y[A]=g+v*Math.sin(C);A+=1}else break;q=[x,y];v=$APP.M($APP.k(a,"__xLiquidGlassRefs"));v=$APP.D(v,
|
|
22
|
-
$APP.k(a,"__xLiquidGlassBorderCore");$APP.n(h)&&(h.setAttribute("cx",""+$APP.T.g(e)),h.setAttribute("cy",""+$APP.T.g(g)),h.setAttribute("rx",""+$APP.T.g(b)),h.setAttribute("ry",""+$APP.T.g(c)));g=$APP.k(a,"__xLiquidGlassRefs");e=$APP.
|
|
23
|
-
"ellipse"),l.setAttribute("class","blob-sat-"+$APP.T.g(h)),l.setAttribute("fill","#ffffff"),e.appendChild(l),g.push(l),$APP.n(c)&&(l=document.createElementNS("http://www.w3.org/2000/svg","ellipse"),l.setAttribute("fill","white"),c.appendChild(l),b.push(l)),h+=1;else break;e=$APP.M($APP.k(a,"__xLiquidGlassRefs"));e=$APP.D(e,
|
|
24
|
-
b.setAttribute("rx",""+$APP.T.g(m)),b.setAttribute("ry",""+$APP.T.g(p))),c+=1;else break;a.__xLiquidGlassRX=q[0];a.__xLiquidGlassRY=q[1]},
|
|
25
|
-
"#ffffff"),h+=1;else break;h=$APP.B.i(
|
|
26
|
-
d.style.zIndex="3",d.style.filter="",d.style.opacity="",d.style.mask="",d.style.webkitMask="",l.setAttribute("opacity","0.35"),$APP.n(c)&&(c.style.opacity="0.4"),a.style.contain="";$APP.n(
|
|
27
|
-
|
|
28
|
-
g=$APP.k(a,"__xLiquidGlassPY"),h=$APP.k(a,"__xLiquidGlassW");a=$APP.k(a,"__xLiquidGlassH");h=
|
|
29
|
-
|
|
30
|
-
performance.now()),$APP.ja(a,"__xLiquidGlassRaf",requestAnimationFrame(function(){return
|
|
31
|
-
e[g];m.setAttribute("cx",h);m.setAttribute("cy",l)}$APP.n($APP.n(a)?g<a.length:a)&&(m=a[g],m.setAttribute("cx",h),m.setAttribute("cy",l));g+=1}else break},
|
|
32
|
-
"0"),d.setAttribute("y","0"),d.setAttribute("width",""+$APP.T.g(b)),d.setAttribute("height",""+$APP.T.g(c)));
|
|
33
|
-
e.clientX-g.left;a.__xLiquidGlassPY=e.clientY-g.top;return null}$APP.ja(a,"__xLiquidGlassHdl",{move:d,enter:c,leave:b});a.addEventListener("pointermove",d,{passive:!0});a.addEventListener("pointerenter",c);a.addEventListener("pointerleave",b)},
|
|
34
|
-
function(a){return
|
|
35
|
-
b;var c=$APP.k(a,"__xLiquidGlassW"),d=$APP.k(a,"__xLiquidGlassH");$APP.n($APP.n(c)?$APP.n(d)?c>0&&d>0:d:c)&&(
|
|
36
|
-
enumerable:!0,configurable:!0});Object.defineProperty(a,"speed",{get:function(){var b=this.getAttribute("speed");return
|
|
37
|
-
configurable:!0});Object.defineProperty(a,"blur",{get:function(){var b=this.getAttribute("blur");return
|
|
20
|
+
c.appendChild(x);c.appendChild(y);c.appendChild(A);c.appendChild(C);a.setAttribute("data-entering","");setTimeout(function(){return a.removeAttribute("data-entering")},700);$APP.ja(a,"__xLiquidGlassRefs",$APP.zf([$APP.zi,$APP.ql,rY,$APP.Rl,sY,tY,$APP.ki,$APP.Hi,uY,$APP.mk,vY,wY],[C,A,v,p,h,[],l,c,y,e,q,x]))},yY=function(a,b,c){var d=$APP.Qm.g($APP.k(a,"__xLiquidGlassModel")),e=b/2,g=c/2,h=b*.32,l=c*.32,m=h*.55,p=l*.55;var q=h*.9;for(var v=l*.9,x=new Float64Array(d),y=new Float64Array(d),A=0;;)if(A<
|
|
21
|
+
d){var C=2*Math.PI*(A/d);x[A]=e+q*Math.cos(C);y[A]=g+v*Math.sin(C);A+=1}else break;q=[x,y];v=$APP.M($APP.k(a,"__xLiquidGlassRefs"));v=$APP.D(v,vY);v.setAttribute("cx",""+$APP.T.g(e));v.setAttribute("cy",""+$APP.T.g(g));v.setAttribute("rx",""+$APP.T.g(h));v.setAttribute("ry",""+$APP.T.g(l));v=$APP.k(a,"__xLiquidGlassMaskCore");$APP.n(v)&&(v.setAttribute("cx",""+$APP.T.g(e)),v.setAttribute("cy",""+$APP.T.g(g)),v.setAttribute("rx",""+$APP.T.g(h)),v.setAttribute("ry",""+$APP.T.g(l)));b*=.44;c*=.44;h=
|
|
22
|
+
$APP.k(a,"__xLiquidGlassBorderCore");$APP.n(h)&&(h.setAttribute("cx",""+$APP.T.g(e)),h.setAttribute("cy",""+$APP.T.g(g)),h.setAttribute("rx",""+$APP.T.g(b)),h.setAttribute("ry",""+$APP.T.g(c)));g=$APP.k(a,"__xLiquidGlassRefs");e=$APP.Rl.g(g);g=tY.g(g);c=$APP.k(a,"__xLiquidGlassMaskG");b=$APP.k(a,"__xLiquidGlassMaskSats");for(h=g.length-1;;)if(h>=d)e.removeChild(g[h]),$APP.n(c)&&c.removeChild(b[h]),--h;else break;g.length>d&&(g.length=d,$APP.n(b)&&(b.length=d));for(h=g.length;;)if(h<d)l=document.createElementNS("http://www.w3.org/2000/svg",
|
|
23
|
+
"ellipse"),l.setAttribute("class","blob-sat-"+$APP.T.g(h)),l.setAttribute("fill","#ffffff"),e.appendChild(l),g.push(l),$APP.n(c)&&(l=document.createElementNS("http://www.w3.org/2000/svg","ellipse"),l.setAttribute("fill","white"),c.appendChild(l),b.push(l)),h+=1;else break;e=$APP.M($APP.k(a,"__xLiquidGlassRefs"));e=$APP.D(e,tY);g=$APP.k(a,"__xLiquidGlassMaskSats");for(c=0;;)if(c<d)b=e[c],b.setAttribute("rx",""+$APP.T.g(m)),b.setAttribute("ry",""+$APP.T.g(p)),$APP.n($APP.n(g)?c<g.length:g)&&(b=g[c],
|
|
24
|
+
b.setAttribute("rx",""+$APP.T.g(m)),b.setAttribute("ry",""+$APP.T.g(p))),c+=1;else break;a.__xLiquidGlassRX=q[0];a.__xLiquidGlassRY=q[1]},AY=function(a){var b=$APP.k(a,"__xLiquidGlassModel"),c=$APP.k(a,"__xLiquidGlassRefs"),d=$APP.ki.g(c),e=rY.g(c),g=$APP.ql.g(c),h=vY.g(c),l=$APP.Rl.g(c);d.setAttribute("stdDeviation",""+$APP.T.g(gY.g(b)));e.style.setProperty("--x-liquid-glass-blur",""+$APP.T.g($APP.ki.g(b))+"px");h.setAttribute("fill","#ffffff");d=tY.g(c);e=d.length;for(h=0;;)if(h<e)d[h].setAttribute("fill",
|
|
25
|
+
"#ffffff"),h+=1;else break;h=$APP.B.i(zY,$APP.wj.g(b));d=$APP.zi.g(c);c=wY.g(c);e="url(#"+$APP.T.g($APP.k(a,"__xLiquidGlassMaskId"))+")";if(h){d.style.position="relative";d.style.zIndex="0";h=fY.g(b);var m=1-h*.5,p=h*.35,q=h*.2;d.style.filter="blur("+$APP.T.g((h*2).toFixed(1))+"px)";d.style.opacity=""+$APP.T.g(m.toFixed(2));d.style.mask=e;d.style.webkitMask=e;l.setAttribute("opacity",p.toFixed(2));$APP.n(c)&&(c.style.opacity=q.toFixed(2));a.style.contain="layout style"}else d.style.position="relative",
|
|
26
|
+
d.style.zIndex="3",d.style.filter="",d.style.opacity="",d.style.mask="",d.style.webkitMask="",l.setAttribute("opacity","0.35"),$APP.n(c)&&(c.style.opacity="0.4"),a.style.contain="";$APP.n(kY.g(b))||(g.style.opacity="0")},BY=function(a,b){var c=$APP.k(a,"__xLiquidGlassModel"),d=$APP.Qm.g(c),e=$APP.Gj.g(c);c=hY.g(c)*(Math.min($APP.k(a,"__xLiquidGlassW"),$APP.k(a,"__xLiquidGlassH"))*.32)*.6;var g=$APP.k(a,"__xLiquidGlassRX"),h=$APP.k(a,"__xLiquidGlassRY"),l=$APP.M($APP.k(a,"__xLiquidGlassRefs"));l=$APP.D(l,
|
|
27
|
+
tY);a=$APP.k(a,"__xLiquidGlassMaskSats");for(var m=0;;)if(m<d){var p=m*2.39996;var q=[g[m]+c*nY(p,0,b*e),h[m]+c*nY(0,p,b*e)];p=q[0].toFixed(2);q=q[1].toFixed(2);var v=l[m];v.setAttribute("cx",p);v.setAttribute("cy",q);$APP.n($APP.n(a)?m<a.length:a)&&(v=a[m],v.setAttribute("cx",p),v.setAttribute("cy",q));m+=1}else break},CY=function(a){var b=$APP.k(a,"__xLiquidGlassModel"),c=$APP.ql.g($APP.k(a,"__xLiquidGlassRefs"));if($APP.n(kY.g(b))){var d=$APP.k(a,"__xLiquidGlassPA"),e=$APP.k(a,"__xLiquidGlassPX"),
|
|
28
|
+
g=$APP.k(a,"__xLiquidGlassPY"),h=$APP.k(a,"__xLiquidGlassW");a=$APP.k(a,"__xLiquidGlassH");h=jY.g(b)*Math.min(h,a);a="var("+$APP.T.g("--x-liquid-glass-specular-color")+",rgba(255,255,255,0.6))";$APP.n(d)?(c.style.opacity=""+$APP.T.g(lY.g(b)),c.style.background="radial-gradient(ellipse "+$APP.T.g(h)+"px "+$APP.T.g(h)+"px at "+$APP.T.g(e.toFixed(1))+"px "+$APP.T.g(g.toFixed(1))+"px,"+$APP.T.g(a)+" 0%,transparent 100%)"):c.style.opacity="0"}},DY=function(a,b){var c=$APP.k(a,"__xLiquidGlassModel");a=
|
|
29
|
+
uY.g($APP.k(a,"__xLiquidGlassRefs"));var d=$APP.gl.g(c);c=$APP.hl.g(c);var e=20+8*Math.cos(b*.09),g=70+12*Math.cos(b*.05),h=80+10*Math.sin(b*.06);a.style.background="radial-gradient(ellipse at "+$APP.T.g((30+10*Math.sin(b*.07)).toFixed(1))+"% "+$APP.T.g(e.toFixed(1))+"%,"+$APP.T.g(d)+" 0%,transparent 70%),radial-gradient(ellipse at "+$APP.T.g(g.toFixed(1))+"% "+$APP.T.g(h.toFixed(1))+"%,"+$APP.T.g(c)+" 0%,transparent 70%)"},FY=function(a){$APP.n($APP.k(a,"__xLiquidGlassRaf"))||($APP.ja(a,"__xLiquidGlassLF",
|
|
30
|
+
performance.now()),$APP.ja(a,"__xLiquidGlassRaf",requestAnimationFrame(function(){return EY(a)})))},GY=function(a){var b=$APP.k(a,"__xLiquidGlassRaf");$APP.n(b)&&(cancelAnimationFrame(b),a.__xLiquidGlassRaf=null)},HY=function(a){var b=$APP.Qm.g($APP.k(a,"__xLiquidGlassModel")),c=$APP.k(a,"__xLiquidGlassRX"),d=$APP.k(a,"__xLiquidGlassRY"),e=$APP.M($APP.k(a,"__xLiquidGlassRefs"));e=$APP.D(e,tY);a=$APP.k(a,"__xLiquidGlassMaskSats");for(var g=0;;)if(g<b){var h=c[g].toFixed(2),l=d[g].toFixed(2);if(g<e.length){var m=
|
|
31
|
+
e[g];m.setAttribute("cx",h);m.setAttribute("cy",l)}$APP.n($APP.n(a)?g<a.length:a)&&(m=a[g],m.setAttribute("cx",h),m.setAttribute("cy",l));g+=1}else break},IY=function(a,b){if(b.length>0){var c=b[0].contentRect;b=c.width;c=c.height;if(b>0&&c>0){a.__xLiquidGlassW=b;a.__xLiquidGlassH=c;var d=$APP.M($APP.k(a,"__xLiquidGlassRefs"));d=$APP.D(d,$APP.mk);d.setAttribute("viewBox","0 0 "+$APP.T.g(b)+" "+$APP.T.g(c));d=d.querySelector("#"+$APP.T.g($APP.k(a,"__xLiquidGlassMaskId")));$APP.n(d)&&(d.setAttribute("x",
|
|
32
|
+
"0"),d.setAttribute("y","0"),d.setAttribute("width",""+$APP.T.g(b)),d.setAttribute("height",""+$APP.T.g(c)));yY(a,b,c);AY(a);var e=$APP.k(a,"__xLiquidGlassModel");$APP.n(function(){var g=$APP.X.g(e);return $APP.n(g)?g:qY()}())?HY(a):(BY(a,function(){var g=$APP.k(a,"__xLiquidGlassTime");return $APP.n(g)?g:0}()),FY(a))}}return null},JY=function(a){function b(){a.__xLiquidGlassPA=!1;return null}function c(){a.__xLiquidGlassPA=!0;return null}function d(e){var g=a.getBoundingClientRect();a.__xLiquidGlassPX=
|
|
33
|
+
e.clientX-g.left;a.__xLiquidGlassPY=e.clientY-g.top;return null}$APP.ja(a,"__xLiquidGlassHdl",{move:d,enter:c,leave:b});a.addEventListener("pointermove",d,{passive:!0});a.addEventListener("pointerenter",c);a.addEventListener("pointerleave",b)},KY=function(a){var b=$APP.k(a,"__xLiquidGlassHdl");$APP.n(b)&&(a.removeEventListener("pointermove",$APP.k(b,"move")),a.removeEventListener("pointerenter",$APP.k(b,"enter")),a.removeEventListener("pointerleave",$APP.k(b,"leave")),a.__xLiquidGlassHdl=null)},LY=
|
|
34
|
+
function(a){return mY($APP.zf([$APP.qm,XX,YX,$APP.xl,ZX,$X,aY,bY,cY,dY,eY,$APP.ej,VX,WX],[a.getAttribute("blur"),a.getAttribute("blobs"),a.getAttribute("amplitude"),a.getAttribute("mode"),a.getAttribute("specular-intensity"),a.getAttribute("speed"),a.getAttribute("frost"),a.getAttribute("color-2"),a.getAttribute("color-1"),a.getAttribute("goo"),a.getAttribute("specular"),a.getAttribute("disabled"),a.getAttribute("specular-size"),a.getAttribute("tint")]))},MY=function(a){var b=LY(a);a.__xLiquidGlassModel=
|
|
35
|
+
b;var c=$APP.k(a,"__xLiquidGlassW"),d=$APP.k(a,"__xLiquidGlassH");$APP.n($APP.n(c)?$APP.n(d)?c>0&&d>0:d:c)&&(yY(a,c,d),AY(a),$APP.n(function(){var e=$APP.X.g(b);return $APP.n(e)?e:qY()}())?(GY(a),HY(a)):(BY(a,function(){var e=$APP.k(a,"__xLiquidGlassTime");return $APP.n(e)?e:0}()),FY(a)))},NY=function(a){Object.defineProperty(a,"blobs",{get:function(){var b=this.getAttribute("blobs");return PX(b)},set:function(b){return b==null?this.removeAttribute("blobs"):this.setAttribute("blobs",""+$APP.T.g(b))},
|
|
36
|
+
enumerable:!0,configurable:!0});Object.defineProperty(a,"speed",{get:function(){var b=this.getAttribute("speed");return OX(b,.3,.05,2)},set:function(b){return b==null?this.removeAttribute("speed"):this.setAttribute("speed",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"amplitude",{get:function(){var b=this.getAttribute("amplitude");return OX(b,.15,.05,.4)},set:function(b){return b==null?this.removeAttribute("amplitude"):this.setAttribute("amplitude",""+$APP.T.g(b))},enumerable:!0,
|
|
37
|
+
configurable:!0});Object.defineProperty(a,"blur",{get:function(){var b=this.getAttribute("blur");return OX(b,12,0,40)},set:function(b){return b==null?this.removeAttribute("blur"):this.setAttribute("blur",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"goo",{get:function(){var b=this.getAttribute("goo");return OX(b,10,4,20)},set:function(b){return b==null?this.removeAttribute("goo"):this.setAttribute("goo",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,
|
|
38
38
|
"tint",{get:function(){return this.getAttribute("tint")},set:function(b){return b==null?this.removeAttribute("tint"):this.setAttribute("tint",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"specular",{get:function(){return this.hasAttribute("specular")},set:function(b){return $APP.n(b)?this.setAttribute("specular",""):this.removeAttribute("specular")},enumerable:!0,configurable:!0});Object.defineProperty(a,"specularSize",{get:function(){var b=this.getAttribute("specular-size");
|
|
39
|
-
return
|
|
40
|
-
set:function(b){return $APP.n(b)?this.setAttribute("disabled",""):this.removeAttribute("disabled")},enumerable:!0,configurable:!0});Object.defineProperty(a,"mode",{get:function(){var b=this.getAttribute("mode");return $APP.B.i(b,"submerged")?"submerged":"surface"},set:function(b){return b==null?this.removeAttribute("mode"):this.setAttribute("mode",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"frost",{get:function(){var b=this.getAttribute("frost");return
|
|
39
|
+
return OX(b,.4,.1,1)},set:function(b){return b==null?this.removeAttribute("specular-size"):this.setAttribute("specular-size",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"specularIntensity",{get:function(){var b=this.getAttribute("specular-intensity");return OX(b,.3,0,1)},set:function(b){return b==null?this.removeAttribute("specular-intensity"):this.setAttribute("specular-intensity",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"disabled",{get:function(){return this.hasAttribute("disabled")},
|
|
40
|
+
set:function(b){return $APP.n(b)?this.setAttribute("disabled",""):this.removeAttribute("disabled")},enumerable:!0,configurable:!0});Object.defineProperty(a,"mode",{get:function(){var b=this.getAttribute("mode");return $APP.B.i(b,"submerged")?"submerged":"surface"},set:function(b){return b==null?this.removeAttribute("mode"):this.setAttribute("mode",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"frost",{get:function(){var b=this.getAttribute("frost");return OX(b,.5,0,1)},
|
|
41
41
|
set:function(b){return b==null?this.removeAttribute("frost"):this.setAttribute("frost",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"color1",{get:function(){return this.getAttribute("color-1")},set:function(b){return b==null?this.removeAttribute("color-1"):this.setAttribute("color-1",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"color2",{get:function(){return this.getAttribute("color-2")},set:function(b){return b==null?this.removeAttribute("color-2"):
|
|
42
|
-
this.setAttribute("color-2",""+$APP.T.g(b))},enumerable:!0,configurable:!0})},
|
|
43
|
-
a.prototype.disconnectedCallback=function(){
|
|
44
|
-
"core","core",-86019209),
|
|
45
|
-
|
|
46
|
-
"color-1-raw",-1322552111),
|
|
47
|
-
$APP.zf([
|
|
48
|
-
1,[$APP.Z,$APP.W],null),new $APP.
|
|
42
|
+
this.setAttribute("color-2",""+$APP.T.g(b))},enumerable:!0,configurable:!0})},PY=function(){var a=class extends HTMLElement{};a.observedAttributes=OY;a.prototype.connectedCallback=function(){var b=this,c=LY(b);b.__xLiquidGlassModel=c;b.__xLiquidGlassTime=0;b.__xLiquidGlassPA=!1;b.__xLiquidGlassPX=0;b.__xLiquidGlassPY=0;b.__xLiquidGlassGT=0;$APP.n($APP.k(b,"__xLiquidGlassRefs"))||xY(b);AY(b);c=new ResizeObserver(function(d){return IY(b,d)});b.__xLiquidGlassRO=c;c.observe(b);KY(b);JY(b);return null};
|
|
43
|
+
a.prototype.disconnectedCallback=function(){GY(this);KY(this);var b=$APP.k(this,"__xLiquidGlassRO");$APP.n(b)&&(b.disconnect(),this.__xLiquidGlassRO=null);return null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.N(c,d)&&$APP.n($APP.k(this,"__xLiquidGlassRefs"))&&MY(this);return null};NY(a.prototype);return a},QY=function(){$APP.n(customElements.get("x-liquid-glass"))||customElements.define("x-liquid-glass",PY());return null},TX=new $APP.K(null,"surface","surface",699915646),vY=new $APP.K(null,
|
|
44
|
+
"core","core",-86019209),lY=new $APP.K(null,"specular-intensity","specular-intensity",437849876),YX=new $APP.K(null,"amplitude-raw","amplitude-raw",-673525115),gY=new $APP.K(null,"goo","goo",-1253057564),rY=new $APP.K(null,"glass","glass",1652756718),sY=new $APP.K(null,"filter","filter",-948537934),fY=new $APP.K(null,"frost","frost",-3478780),jY=new $APP.K(null,"specular-size","specular-size",757318993),zY=new $APP.K(null,"submerged","submerged",1636004473),iY=new $APP.K(null,"tint","tint",-1286736913),
|
|
45
|
+
wY=new $APP.K(null,"grain","grain",2007662171),WX=new $APP.K(null,"tint-raw","tint-raw",-653441954),bY=new $APP.K(null,"color-2-raw","color-2-raw",-1440423537),eY=new $APP.K(null,"specular-attr","specular-attr",-716021610),ZX=new $APP.K(null,"specular-intensity-raw","specular-intensity-raw",109079177),$X=new $APP.K(null,"speed-raw","speed-raw",1756460778),dY=new $APP.K(null,"goo-raw","goo-raw",59658675),VX=new $APP.K(null,"specular-size-raw","specular-size-raw",592980345),cY=new $APP.K(null,"color-1-raw",
|
|
46
|
+
"color-1-raw",-1322552111),hY=new $APP.K(null,"amplitude","amplitude",-1387734203),uY=new $APP.K(null,"gradient","gradient",-1983908971),aY=new $APP.K(null,"frost-raw","frost-raw",1383732749),kY=new $APP.K(null,"specular?","specular?",964138290),XX=new $APP.K(null,"blobs-raw","blobs-raw",1729393761),tY=new $APP.K(null,"satellites","satellites",644765266);var OY="blobs speed amplitude blur goo tint specular specular-size specular-intensity disabled mode frost color-1 color-2".split(" ");
|
|
47
|
+
$APP.zf([fY,gY,hY,new $APP.K(null,"specularSize","specularSize",-1757715579),$APP.Pj,$APP.Gj,$APP.wj,$APP.ql,iY,new $APP.K(null,"color2","color2",1248091856),$APP.ki,$APP.Qm,new $APP.K(null,"color1","color1",306558619),new $APP.K(null,"specularIntensity","specularIntensity",138075)],[new $APP.Q(null,1,[$APP.Z,$APP.W],null),new $APP.Q(null,1,[$APP.Z,$APP.W],null),new $APP.Q(null,1,[$APP.Z,$APP.W],null),new $APP.Q(null,1,[$APP.Z,$APP.W],null),new $APP.Q(null,1,[$APP.Z,$APP.Zj],null),new $APP.Q(null,
|
|
48
|
+
1,[$APP.Z,$APP.W],null),new $APP.Q(null,1,[$APP.Z,$APP.Y],null),new $APP.Q(null,1,[$APP.Z,$APP.Zj],null),new $APP.Q(null,1,[$APP.Z,$APP.Y],null),new $APP.Q(null,1,[$APP.Z,$APP.Y],null),new $APP.Q(null,1,[$APP.Z,$APP.W],null),new $APP.Q(null,1,[$APP.Z,$APP.W],null),new $APP.Q(null,1,[$APP.Z,$APP.Y],null),new $APP.Q(null,1,[$APP.Z,$APP.W],null)]);var SX=new $APP.Q(null,2,["surface",TX,"submerged",zY],null);var oY={v:0},EY=function EY(a){if($APP.n(a.isConnected)){var c=performance.now(),d=$APP.k(a,"__xLiquidGlassTime")+Math.min(c-$APP.k(a,"__xLiquidGlassLF"),100)/1E3;a.__xLiquidGlassLF=c;a.__xLiquidGlassTime=d;BY(a,d);CY(a);DY(a,d);$APP.ja(a,"__xLiquidGlassRaf",requestAnimationFrame(function(){return EY.g?EY.g(a):EY.call(null,a)}))}return null};$APP.ha("baredom.exports.x_liquid_glass.init",QY);export const init=QY;
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
// x-menu-item.d.ts — auto-generated by generate_types.bb, do not edit
|
|
2
|
+
|
|
3
|
+
export function init(): void;
|
|
4
|
+
|
|
5
|
+
export interface XMenuItemEventMap {
|
|
6
|
+
"x-menu-item-select": CustomEvent<{ value: string }>;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
export interface XMenuItem extends HTMLElement {
|
|
10
|
+
value: string;
|
|
11
|
+
disabled: boolean;
|
|
12
|
+
variant: string;
|
|
13
|
+
type: string;
|
|
14
|
+
|
|
15
|
+
addEventListener<K extends keyof XMenuItemEventMap>(
|
|
16
|
+
type: K,
|
|
17
|
+
listener: (this: XMenuItem, ev: XMenuItemEventMap[K]) => any,
|
|
18
|
+
options?: boolean | AddEventListenerOptions
|
|
19
|
+
): void;
|
|
20
|
+
addEventListener(
|
|
21
|
+
type: string,
|
|
22
|
+
listener: EventListenerOrEventListenerObject,
|
|
23
|
+
options?: boolean | AddEventListenerOptions
|
|
24
|
+
): void;
|
|
25
|
+
removeEventListener<K extends keyof XMenuItemEventMap>(
|
|
26
|
+
type: K,
|
|
27
|
+
listener: (this: XMenuItem, ev: XMenuItemEventMap[K]) => any,
|
|
28
|
+
options?: boolean | EventListenerOptions
|
|
29
|
+
): void;
|
|
30
|
+
removeEventListener(
|
|
31
|
+
type: string,
|
|
32
|
+
listener: EventListenerOrEventListenerObject,
|
|
33
|
+
options?: boolean | EventListenerOptions
|
|
34
|
+
): void;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
declare global {
|
|
38
|
+
interface HTMLElementTagNameMap {
|
|
39
|
+
"x-menu-item": XMenuItem;
|
|
40
|
+
}
|
|
41
|
+
}
|
package/dist/x-menu-item.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
return a.dispatchEvent(new CustomEvent("x-menu-item-select",{detail:{value:$APP.n(b)?b:""},bubbles:!0,composed:!0}))},
|
|
4
|
-
"menuitem");a.setAttribute("tabindex","-1");b.setAttribute("data-type","");b.setAttribute("data-variant",$APP.Vg.g(c));b.setAttribute("data-disabled",$APP.n($APP.Pj.g(c))?"true":"false");return $APP.n($APP.Pj.g(c))?a.setAttribute("aria-disabled","true"):a.removeAttribute("aria-disabled")}return null},
|
|
5
|
-
$APP.r($APP.Pj.g(m))&&$APP.N($APP.Z.g(m),"divider")?(h.preventDefault(),h=
|
|
6
|
-
g},
|
|
7
|
-
"variant",{get:function(){return this.getAttribute("variant")},set:function(b){return $APP.n(b)?this.setAttribute("variant",b):this.removeAttribute("variant")},configurable:!0,enumerable:!0});Object.defineProperty(a.prototype,"type",{get:function(){return this.getAttribute("type")},set:function(b){return $APP.n(b)?this.setAttribute("type",b):this.removeAttribute("type")},configurable:!0,enumerable:!0})},
|
|
8
|
-
function(){if($APP.Dg(this,"__xMenuItemInit")){
|
|
9
|
-
b.setAttribute("part","base");b.className="base";e.setAttribute("part","icon");e.className="icon-span";g.setAttribute("name","icon");e.appendChild(g);h.className="label-span";h.appendChild(l);m.className="divider-hr";b.appendChild(e);b.appendChild(h);b.appendChild(m);c.appendChild(d);c.appendChild(b);c={};c.base=b;c["icon-span"]=e;c["icon-slot"]=g;this.__xMenuItemRefs=c;
|
|
10
|
-
var c=$APP.k(this,"__xMenuItemRefs");if($APP.n(b)){var d=$APP.k(b,"keydown"),e=$APP.k(b,"icon-slotchange");c=$APP.n(c)?$APP.k(c,"icon-slot"):null;this.removeEventListener("click",$APP.k(b,"click"));this.removeEventListener("keydown",d);b=$APP.n(c)?c.removeEventListener("slotchange",e):null}else b=null;return b};a.prototype.attributeChangedCallback=function(){return $APP.Dg(this,"__xMenuItemInit")?
|
|
11
|
-
|
|
2
|
+
var cX=function(a){var b=$APP.M(a);a=$APP.D(b,$APP.Yi);var c=$APP.D(b,$APP.Pj),d=$APP.D(b,$APP.Vg);b=$APP.D(b,$APP.Z);a=$APP.n(a)?a:"";c=$APP.F(c);d=$APP.n(d)?d:"";d=$APP.I(aX,d)?d:"";b=$APP.n(b)?b:"";b=$APP.I(bX,b)?b:"";return new $APP.Q(null,4,[$APP.Yi,a,$APP.Pj,c,$APP.Vg,d,$APP.Z,b],null)},dX=function(a){return new $APP.Q(null,4,[$APP.Yi,a.getAttribute("value"),$APP.Pj,a.hasAttribute("disabled"),$APP.Vg,a.getAttribute("variant"),$APP.Z,a.getAttribute("type")],null)},eX=function(a){var b=a.getAttribute("value");
|
|
3
|
+
return a.dispatchEvent(new CustomEvent("x-menu-item-select",{detail:{value:$APP.n(b)?b:""},bubbles:!0,composed:!0}))},fX=function(a){var b=$APP.k(a,"__xMenuItemRefs");b=$APP.n(b)?$APP.k(b,"base"):null;var c=cX(dX(a));if($APP.n(b)){if($APP.B.i($APP.Z.g(c),"divider"))return a.setAttribute("role","separator"),a.removeAttribute("tabindex"),a.removeAttribute("aria-disabled"),b.setAttribute("data-type","divider"),b.setAttribute("data-variant",""),b.setAttribute("data-disabled","false");a.setAttribute("role",
|
|
4
|
+
"menuitem");a.setAttribute("tabindex","-1");b.setAttribute("data-type","");b.setAttribute("data-variant",$APP.Vg.g(c));b.setAttribute("data-disabled",$APP.n($APP.Pj.g(c))?"true":"false");return $APP.n($APP.Pj.g(c))?a.setAttribute("aria-disabled","true"):a.removeAttribute("aria-disabled")}return null},gX=function(a){function b(){return e.assignedNodes().length>0?a.setAttribute("has-icon",""):a.removeAttribute("has-icon")}function c(h){var l=h.key,m=cX(dX(a));($APP.B.i(l,"Enter")||$APP.B.i(l," "))&&
|
|
5
|
+
$APP.r($APP.Pj.g(m))&&$APP.N($APP.Z.g(m),"divider")?(h.preventDefault(),h=eX(a)):h=null;return h}function d(h){var l=cX(dX(a));var m=$APP.Pj.g(l);m=$APP.n(m)?m:$APP.B.i($APP.Z.g(l),"divider");$APP.n(m)&&h.preventDefault();return $APP.r($APP.Pj.g(l))&&$APP.N($APP.Z.g(l),"divider")?eX(a):null}var e=$APP.k($APP.k(a,"__xMenuItemRefs"),"icon-slot"),g={};a.addEventListener("click",d);a.addEventListener("keydown",c);e.addEventListener("slotchange",b);g.click=d;g.keydown=c;g["icon-slotchange"]=b;a.__xMenuItemHandlers=
|
|
6
|
+
g},hX=function(a){Object.defineProperty(a.prototype,"value",{get:function(){return this.getAttribute("value")},set:function(b){return $APP.n(b)?this.setAttribute("value",b):this.removeAttribute("value")},configurable:!0,enumerable:!0});Object.defineProperty(a.prototype,"disabled",{get:function(){return this.hasAttribute("disabled")},set:function(b){return $APP.n(b)?this.setAttribute("disabled",""):this.removeAttribute("disabled")},configurable:!0,enumerable:!0});Object.defineProperty(a.prototype,
|
|
7
|
+
"variant",{get:function(){return this.getAttribute("variant")},set:function(b){return $APP.n(b)?this.setAttribute("variant",b):this.removeAttribute("variant")},configurable:!0,enumerable:!0});Object.defineProperty(a.prototype,"type",{get:function(){return this.getAttribute("type")},set:function(b){return $APP.n(b)?this.setAttribute("type",b):this.removeAttribute("type")},configurable:!0,enumerable:!0})},jX=function(){var a=class extends HTMLElement{};a.observedAttributes=iX;a.prototype.connectedCallback=
|
|
8
|
+
function(){if($APP.Dg(this,"__xMenuItemInit")){gX(this);var b=fX(this)}else{if(!$APP.Dg(this,"__xMenuItemInit")){var c=this.attachShadow({mode:"open"}),d=document.createElement("style");b=document.createElement("div");var e=document.createElement("span"),g=document.createElement("slot"),h=document.createElement("span"),l=document.createElement("slot"),m=document.createElement("hr");d.textContent=":host{display:block;outline:none;color-scheme:light dark;--x-menu-item-color:var(--x-color-text,#111827);--x-menu-item-hover-bg:var(--x-color-surface-hover,#f3f4f6);--x-menu-item-focus-bg:var(--x-color-surface-hover,#eff6ff);--x-menu-item-focus-color:var(--x-color-primary-hover,#1d4ed8);--x-menu-item-disabled-opacity:0.45;--x-menu-item-danger-color:var(--x-color-danger,#dc2626);--x-menu-item-danger-hover-bg:#fef2f2;--x-menu-item-padding:8px 12px;--x-menu-item-border-radius:var(--x-radius-sm,4px);--x-menu-item-font-size:0.9375rem;--x-menu-item-icon-gap:8px;--x-menu-item-divider-color:var(--x-color-border,#e5e7eb);}:host([disabled]){pointer-events:none;}@media (prefers-color-scheme:dark){:host{--x-menu-item-color:var(--x-color-text,#f9fafb);--x-menu-item-hover-bg:var(--x-color-surface-hover,#1f2937);--x-menu-item-focus-bg:var(--x-color-surface-hover,#1e3a5f);--x-menu-item-focus-color:var(--x-color-focus-ring,#60a5fa);--x-menu-item-danger-color:var(--x-color-danger,#f87171);--x-menu-item-danger-hover-bg:#2d1515;--x-menu-item-divider-color:var(--x-color-border,#374151);}}.base{display:flex;align-items:center;gap:var(--x-menu-item-icon-gap);padding:var(--x-menu-item-padding);border-radius:var(--x-menu-item-border-radius);font-size:var(--x-menu-item-font-size);color:var(--x-menu-item-color);cursor:pointer;user-select:none;transition:background 100ms ease,color 100ms ease;}.base:hover{background:var(--x-menu-item-hover-bg);}:host(:focus) .base{background:var(--x-menu-item-focus-bg);color:var(--x-menu-item-focus-color);}.base[data-variant\x3d'danger']{color:var(--x-menu-item-danger-color);}.base[data-variant\x3d'danger']:hover{background:var(--x-menu-item-danger-hover-bg);}:host(:focus) .base[data-variant\x3d'danger']{background:var(--x-menu-item-danger-hover-bg);}.base[data-disabled\x3d'true']{opacity:var(--x-menu-item-disabled-opacity);cursor:default;pointer-events:none;}.base[data-type\x3d'divider']{padding:0;cursor:default;pointer-events:none;}.icon-span{display:none;flex-shrink:0;align-items:center;}:host([has-icon]) .icon-span{display:flex;}.divider-hr{display:none;}.base[data-type\x3d'divider'] .icon-span,.base[data-type\x3d'divider'] .label-span{display:none;}.base[data-type\x3d'divider'] .divider-hr{display:block;width:100%;border:none;border-top:1px solid var(--x-menu-item-divider-color);margin:4px 0;}@media (prefers-reduced-motion:reduce){.base{transition:none;}}";
|
|
9
|
+
b.setAttribute("part","base");b.className="base";e.setAttribute("part","icon");e.className="icon-span";g.setAttribute("name","icon");e.appendChild(g);h.className="label-span";h.appendChild(l);m.className="divider-hr";b.appendChild(e);b.appendChild(h);b.appendChild(m);c.appendChild(d);c.appendChild(b);c={};c.base=b;c["icon-span"]=e;c["icon-slot"]=g;this.__xMenuItemRefs=c;gX(this);this.__xMenuItemInit=!0}fX(this);b=this}return b};a.prototype.disconnectedCallback=function(){var b=$APP.k(this,"__xMenuItemHandlers");
|
|
10
|
+
var c=$APP.k(this,"__xMenuItemRefs");if($APP.n(b)){var d=$APP.k(b,"keydown"),e=$APP.k(b,"icon-slotchange");c=$APP.n(c)?$APP.k(c,"icon-slot"):null;this.removeEventListener("click",$APP.k(b,"click"));this.removeEventListener("keydown",d);b=$APP.n(c)?c.removeEventListener("slotchange",e):null}else b=null;return b};a.prototype.attributeChangedCallback=function(){return $APP.Dg(this,"__xMenuItemInit")?fX(this):null};hX(a);return a},kX=function(){return $APP.n(customElements.get("x-menu-item"))?null:customElements.define("x-menu-item",
|
|
11
|
+
jX())};var iX=["value","disabled","variant","type"],aX=new $APP.S(null,new $APP.Q(null,2,["",null,"danger",null],null),null),bX=new $APP.S(null,new $APP.Q(null,2,["",null,"divider",null],null),null);$APP.Pd(["x-menu-item-select",new $APP.Q(null,1,[$APP.V,new $APP.Q(null,1,[$APP.Yi,$APP.Y],null)],null)]);$APP.ha("baredom.exports.x_menu_item.init",kX);export const init=kX;
|
package/dist/x-menu.d.ts
ADDED
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
// x-menu.d.ts — auto-generated by generate_types.bb, do not edit
|
|
2
|
+
|
|
3
|
+
export function init(): void;
|
|
4
|
+
|
|
5
|
+
export interface XMenuEventMap {
|
|
6
|
+
"x-menu-open": CustomEvent<{}>;
|
|
7
|
+
"x-menu-close": CustomEvent<{}>;
|
|
8
|
+
"x-menu-select": CustomEvent<{ value: string }>;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
export interface XMenu extends HTMLElement {
|
|
12
|
+
open: boolean;
|
|
13
|
+
placement: string;
|
|
14
|
+
label: string;
|
|
15
|
+
|
|
16
|
+
addEventListener<K extends keyof XMenuEventMap>(
|
|
17
|
+
type: K,
|
|
18
|
+
listener: (this: XMenu, ev: XMenuEventMap[K]) => any,
|
|
19
|
+
options?: boolean | AddEventListenerOptions
|
|
20
|
+
): void;
|
|
21
|
+
addEventListener(
|
|
22
|
+
type: string,
|
|
23
|
+
listener: EventListenerOrEventListenerObject,
|
|
24
|
+
options?: boolean | AddEventListenerOptions
|
|
25
|
+
): void;
|
|
26
|
+
removeEventListener<K extends keyof XMenuEventMap>(
|
|
27
|
+
type: K,
|
|
28
|
+
listener: (this: XMenu, ev: XMenuEventMap[K]) => any,
|
|
29
|
+
options?: boolean | EventListenerOptions
|
|
30
|
+
): void;
|
|
31
|
+
removeEventListener(
|
|
32
|
+
type: string,
|
|
33
|
+
listener: EventListenerOrEventListenerObject,
|
|
34
|
+
options?: boolean | EventListenerOptions
|
|
35
|
+
): void;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
declare global {
|
|
39
|
+
interface HTMLElementTagNameMap {
|
|
40
|
+
"x-menu": XMenu;
|
|
41
|
+
}
|
|
42
|
+
}
|
package/dist/x-menu.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
|
|
4
|
-
d=a.hasAttribute("open");if($APP.B.i(c,"Escape"))return $APP.n(d)?(b.preventDefault(),
|
|
5
|
-
e[0].focus()}else if($APP.B.i(c,"End")&&$APP.n(d)&&(e=
|
|
6
|
-
c,$APP.Qj,d,$APP.U,$APP.n(a)?a:""],null);return $APP.n(b)?(b.setAttribute("data-placement",$APP.Qj.g(a)),a=$APP.U.g(a),$APP.n($APP.n(a)?$APP.N(a,""):a)?b.setAttribute("aria-label",a):b.removeAttribute("aria-label")):null},
|
|
7
|
-
function e(h){var l=$APP.k(a,"__xMenuRefs");l=$APP.n(l)?$APP.k(l,"trigger-slot"):null;return $APP.n($APP.n(l)?
|
|
2
|
+
var fO=function(a){a=a.querySelectorAll("x-menu-item");for(var b=[],c=a.length,d=0;;)if(d<c){var e=a[d];$APP.r(e.hasAttribute("disabled"))&&$APP.N(e.getAttribute("type"),"divider")&&b.push(e);d+=1}else break;return b},gO=function(a,b,c){return a.dispatchEvent(new CustomEvent(b,{detail:c,bubbles:!0,composed:!0}))},jO=function(a){$APP.n(a.hasAttribute("open"))||(a.setAttribute("open",""),gO(a,"x-menu-open",{}));if($APP.n(null)){a=fO(a);var b=a.length;return b>0?$APP.B.i(null,hO)?a[0].focus():$APP.B.i(null,
|
|
3
|
+
iO)?a[b-1].focus():null:null}return null},kO=function(a,b){$APP.n(a.hasAttribute("open"))&&(a.removeAttribute("open"),gO(a,"x-menu-close",{}));return $APP.n(b)?(a=$APP.k(a,"__xMenuRefs"),a=$APP.n(a)?$APP.k(a,"trigger-slot"):null,a=$APP.n(a)?a.assignedElements():null,a=$APP.n($APP.n(a)?a.length>0:a)?a[0]:null,$APP.n(a)?a.focus():null):null},lO=function(a,b){var c=b.composedPath();a=$APP.vc(a.assignedElements());return $APP.F($APP.Td(function(d){return c.indexOf(d)>-1},a))},mO=function(a,b){var c=b.key,
|
|
4
|
+
d=a.hasAttribute("open");if($APP.B.i(c,"Escape"))return $APP.n(d)?(b.preventDefault(),kO(a,!0)):null;if($APP.B.i(c,"Tab"))return $APP.n(d)?kO(a,!1):null;if($APP.B.i(c,"ArrowDown")||$APP.B.i(c,"ArrowUp")){var e=fO(a),g=e.length;if(g>0){b.preventDefault();if($APP.n(d))return a=e.indexOf(document.activeElement),c=$APP.B.i(c,"ArrowDown")?a>=g-1?0:a<0?0:a+1:a<=0?g-1:a-1,e[c].focus();jO(a);return e[$APP.B.i(c,"ArrowDown")?0:g-1].focus()}}else if($APP.B.i(c,"Home")){if($APP.n(d)&&(e=fO(a),e.length>0))return b.preventDefault(),
|
|
5
|
+
e[0].focus()}else if($APP.B.i(c,"End")&&$APP.n(d)&&(e=fO(a),e.length>0))return b.preventDefault(),e[e.length-1].focus();return null},oO=function(a){var b=$APP.k(a,"__xMenuRefs");b=$APP.n(b)?$APP.k(b,"popup"):null;a=new $APP.Q(null,3,[$APP.im,a.hasAttribute("open"),$APP.Qj,a.getAttribute("placement"),$APP.U,a.getAttribute("label")],null);a=$APP.M(a);var c=$APP.D(a,$APP.im),d=$APP.D(a,$APP.Qj);a=$APP.D(a,$APP.U);c=$APP.F(c);d=$APP.n(d)?d:"";d=$APP.I(nO,d)?d:"bottom-start";a=new $APP.Q(null,3,[$APP.im,
|
|
6
|
+
c,$APP.Qj,d,$APP.U,$APP.n(a)?a:""],null);return $APP.n(b)?(b.setAttribute("data-placement",$APP.Qj.g(a)),a=$APP.U.g(a),$APP.n($APP.n(a)?$APP.N(a,""):a)?b.setAttribute("aria-label",a):b.removeAttribute("aria-label")):null},pO=function(a){function b(h){h.stopPropagation();h=h.detail.value;kO(a,!1);return gO(a,"x-menu-select",{value:$APP.n(h)?h:""})}function c(h){return mO(a,h)}function d(h){$APP.n(a.hasAttribute("open"))?(h=h.composedPath(),h=$APP.B.i(-1,h.indexOf(a))?kO(a,!1):null):h=null;return h}
|
|
7
|
+
function e(h){var l=$APP.k(a,"__xMenuRefs");l=$APP.n(l)?$APP.k(l,"trigger-slot"):null;return $APP.n($APP.n(l)?lO(l,h):l)?$APP.n(a.hasAttribute("open"))?kO(a,!0):jO(a):null}var g={};a.addEventListener("click",e);document.addEventListener("click",d,!0);a.addEventListener("keydown",c);a.addEventListener("x-menu-item-select",b);g.click=e;g["doc-click"]=d;g.keydown=c;g["item-select"]=b;a.__xMenuHandlers=g},qO=function(a){Object.defineProperty(a.prototype,"open",{get:function(){return this.hasAttribute("open")},
|
|
8
8
|
set:function(b){return $APP.n(b)?this.setAttribute("open",""):this.removeAttribute("open")},configurable:!0,enumerable:!0});Object.defineProperty(a.prototype,"placement",{get:function(){return this.getAttribute("placement")},set:function(b){return $APP.n(b)?this.setAttribute("placement",b):this.removeAttribute("placement")},configurable:!0,enumerable:!0});Object.defineProperty(a.prototype,"label",{get:function(){return this.getAttribute("label")},set:function(b){return $APP.n(b)?this.setAttribute("label",
|
|
9
|
-
b):this.removeAttribute("label")},configurable:!0,enumerable:!0})},
|
|
10
|
-
b.setAttribute("part","base");b.className="base";e.setAttribute("name","trigger");g.setAttribute("part","popup");g.className="popup";g.setAttribute("role","menu");g.appendChild(h);b.appendChild(e);b.appendChild(g);c.appendChild(d);c.appendChild(b);c={};c.base=b;c.popup=g;c["trigger-slot"]=e;c["item-slot"]=h;this.__xMenuRefs=c;
|
|
11
|
-
d=$APP.k(b,"keydown"),e=$APP.k(b,"item-select");this.removeEventListener("click",$APP.k(b,"click"));document.removeEventListener("click",c,!0);this.removeEventListener("keydown",d);b=this.removeEventListener("x-menu-item-select",e)}else b=null;return b};a.prototype.attributeChangedCallback=function(){return $APP.Dg(this,"__xMenuInit")?
|
|
12
|
-
1105735132),
|
|
9
|
+
b):this.removeAttribute("label")},configurable:!0,enumerable:!0})},sO=function(){var a=class extends HTMLElement{};a.observedAttributes=rO;a.prototype.connectedCallback=function(){if($APP.Dg(this,"__xMenuInit")){pO(this);var b=oO(this)}else{if(!$APP.Dg(this,"__xMenuInit")){var c=this.attachShadow({mode:"open"}),d=document.createElement("style");b=document.createElement("div");var e=document.createElement("slot"),g=document.createElement("div"),h=document.createElement("slot");d.textContent=":host{display:inline-block;position:relative;color-scheme:light dark;--x-menu-bg:var(--x-color-bg,#ffffff);--x-menu-border:1px solid var(--x-color-border,#e5e7eb);--x-menu-border-radius:var(--x-radius-md,8px);--x-menu-shadow:var(--x-shadow-md,0 4px 16px rgba(0,0,0,0.12));--x-menu-min-width:160px;--x-menu-padding:4px;--x-menu-z-index:1000;}@media (prefers-color-scheme:dark){:host{--x-menu-bg:var(--x-color-bg,#1f2937);--x-menu-border:1px solid var(--x-color-border,#374151);--x-menu-shadow:var(--x-shadow-md,0 4px 16px rgba(0,0,0,0.4));}}.base{position:relative;display:inline-block;}.popup{display:none;position:absolute;background:var(--x-menu-bg);border:var(--x-menu-border);border-radius:var(--x-menu-border-radius);box-shadow:var(--x-menu-shadow);min-width:var(--x-menu-min-width);max-width:calc(100vw - 1rem);padding:var(--x-menu-padding);z-index:var(--x-menu-z-index);box-sizing:border-box;}:host([open]) .popup{display:block;}.popup[data-placement\x3d'bottom-start']{top:100%;left:0;margin-top:4px;}.popup[data-placement\x3d'bottom-end']{top:100%;right:0;margin-top:4px;}.popup[data-placement\x3d'top-start']{bottom:100%;left:0;margin-bottom:4px;}.popup[data-placement\x3d'top-end']{bottom:100%;right:0;margin-bottom:4px;}";
|
|
10
|
+
b.setAttribute("part","base");b.className="base";e.setAttribute("name","trigger");g.setAttribute("part","popup");g.className="popup";g.setAttribute("role","menu");g.appendChild(h);b.appendChild(e);b.appendChild(g);c.appendChild(d);c.appendChild(b);c={};c.base=b;c.popup=g;c["trigger-slot"]=e;c["item-slot"]=h;this.__xMenuRefs=c;pO(this);this.__xMenuInit=!0}oO(this);b=this}return b};a.prototype.disconnectedCallback=function(){var b=$APP.k(this,"__xMenuHandlers");if($APP.n(b)){var c=$APP.k(b,"doc-click"),
|
|
11
|
+
d=$APP.k(b,"keydown"),e=$APP.k(b,"item-select");this.removeEventListener("click",$APP.k(b,"click"));document.removeEventListener("click",c,!0);this.removeEventListener("keydown",d);b=this.removeEventListener("x-menu-item-select",e)}else b=null;return b};a.prototype.attributeChangedCallback=function(){return $APP.Dg(this,"__xMenuInit")?oO(this):null};qO(a);return a},tO=function(){return $APP.n(customElements.get("x-menu"))?null:customElements.define("x-menu",sO())},iO=new $APP.K(null,"last","last",
|
|
12
|
+
1105735132),hO=new $APP.K(null,"first","first",-644103046);var rO=["open","placement","label"],nO=new $APP.S(null,new $APP.Q(null,4,["bottom-start",null,"bottom-end",null,"top-end",null,"top-start",null],null),null);$APP.Pd(["x-menu-open",new $APP.Q(null,1,[$APP.V,$APP.Qd],null),"x-menu-close",new $APP.Q(null,1,[$APP.V,$APP.Qd],null),"x-menu-select",new $APP.Q(null,1,[$APP.V,new $APP.Q(null,1,[$APP.Yi,$APP.Y],null)],null)]);$APP.ha("baredom.exports.x_menu.init",tO);export const init=tO;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
// x-metaball-cursor.d.ts — auto-generated by generate_types.bb, do not edit
|
|
2
|
+
|
|
3
|
+
export function init(): void;
|
|
4
|
+
|
|
5
|
+
export interface XMetaballCursor extends HTMLElement {
|
|
6
|
+
color: string;
|
|
7
|
+
blobSize: number;
|
|
8
|
+
noiseIntensity: number;
|
|
9
|
+
palette: string;
|
|
10
|
+
noiseScale: number;
|
|
11
|
+
noise: boolean;
|
|
12
|
+
threshold: string;
|
|
13
|
+
noiseSpeed: number;
|
|
14
|
+
blobCount: number;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
declare global {
|
|
18
|
+
interface HTMLElementTagNameMap {
|
|
19
|
+
"x-metaball-cursor": XMetaballCursor;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
@@ -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.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"color",{get:function(){return
|
|
10
|
-
""):this.removeAttribute("noise")},enumerable:!0,configurable:!0});Object.defineProperty(a,"noiseScale",{get:function(){return
|
|
11
|
-
""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"noiseIntensity",{get:function(){return
|
|
12
|
-
configurable:!0});Object.defineProperty(a,"threshold",{get:function(){return
|
|
13
|
-
|
|
14
|
-
|
|
2
|
+
var aK=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},bK=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},cK=function(a){return typeof a==="string"&&a.trim().length>0?a.trim():"#6366f1"},dK=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},eK=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},fK=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},gK=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},hK=
|
|
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"},jK=function(a){if(typeof a==="string"&&a.trim().length>0){var b=$APP.D(iK,a.trim().toLowerCase());if($APP.n(b))return b;if(a.indexOf(",")>=0)return a=a.split(","),$APP.We.m($APP.fe,$APP.th.i($APP.ae.g(function(c){return c.trim()}),$APP.ce(function(c){return c.length>0})),a)}return null},kK=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},lK=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},mK=function(a,b,c){return a+(b-a)*c},BK=function(a){a=$APP.zf([$APP.qm,nK,oK,pK,qK,rK,$APP.Wh,$APP.gn,sK,tK],[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,tK);a=$APP.D(b,$APP.qm);var d=$APP.D(b,nK),e=$APP.D(b,oK),g=$APP.D(b,pK),h=$APP.D(b,qK),l=$APP.D(b,rK),m=$APP.D(b,$APP.Wh),p=$APP.D(b,$APP.gn);b=$APP.D(b,sK);b=aK(b);p=cK(p);g=jK(g);c=eK(c);var q=[];if($APP.n($APP.n(g)?$APP.z(g)>0:g))for(var v=$APP.z(g),x=0;;)if(x<b)q.push($APP.pc(g,$APP.fd(x,v))),x+=1;else break;else for(v=0;;)if(v<b)q.push(p),v+=1;else break;return $APP.zf([$APP.Oj,uK,vK,$APP.rm,$APP.Ul,wK,xK,$APP.ki,yK,zK,AK],[p,g,c,q,hK(m),dK(h),b,gK(a),bK(e),l!=null,
|
|
7
|
+
fK(d)])},CK=function(a,b){b=$APP.M(b);b=$APP.D(b,$APP.Oj);return a.style.setProperty("--x-metaball-cursor-color",b)},EK=function(a){$APP.F(window.matchMedia("(prefers-reduced-motion:reduce)").matches)||(a.__xMetaballSeed=0,$APP.ja(a,"__xMetaballRaf",requestAnimationFrame(function(){return DK(a)})))},FK=function(a){function b(c){var d=$APP.mj.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},GK=function(a){var b=$APP.k(a,"__xMetaballHandler");$APP.n(b)&&(window.removeEventListener("pointermove",b),a.__xMetaballHandler=null)},HK=function(a){Object.defineProperty(a,"blobCount",{get:function(){return aK(this.getAttribute("blob-count"))},set:function(b){return b==null?this.removeAttribute("blob-count"):this.setAttribute("blob-count",""+$APP.T.g(b|0))},enumerable:!0,configurable:!0});Object.defineProperty(a,"blobSize",{get:function(){return bK(this.getAttribute("blob-size"))},
|
|
9
|
+
set:function(b){return b==null?this.removeAttribute("blob-size"):this.setAttribute("blob-size",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"color",{get:function(){return cK(this.getAttribute("color"))},set:function(b){return b==null?this.removeAttribute("color"):this.setAttribute("color",""+$APP.T.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 dK(this.getAttribute("noise-scale"))},set:function(b){return b==null?this.removeAttribute("noise-scale"):this.setAttribute("noise-scale",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"noiseSpeed",{get:function(){return eK(this.getAttribute("noise-speed"))},set:function(b){return b==null?this.removeAttribute("noise-speed"):this.setAttribute("noise-speed",
|
|
11
|
+
""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"noiseIntensity",{get:function(){return fK(this.getAttribute("noise-intensity"))},set:function(b){return b==null?this.removeAttribute("noise-intensity"):this.setAttribute("noise-intensity",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"blur",{get:function(){return gK(this.getAttribute("blur"))},set:function(b){return b==null?this.removeAttribute("blur"):this.setAttribute("blur",""+$APP.T.g(b))},enumerable:!0,
|
|
12
|
+
configurable:!0});Object.defineProperty(a,"threshold",{get:function(){return hK(this.getAttribute("threshold"))},set:function(b){return b==null?this.removeAttribute("threshold"):this.setAttribute("threshold",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"palette",{get:function(){return jK(this.getAttribute("palette"))},set:function(b){return b==null||$APP.B.i("",b)?this.removeAttribute("palette"):this.setAttribute("palette",""+$APP.T.g(b))},enumerable:!0,configurable:!0})},
|
|
13
|
+
LK=function(){var a=class extends HTMLElement{};a.observedAttributes=IK;a.prototype.connectedCallback=function(){var b=BK(this);this.__xMetaballModel=b;this.__xMetaballMouse={x:0,y:0};if(!$APP.n($APP.k(this,"__xMetaballRefs"))){var c=$APP.k(this,"__xMetaballModel"),d=JK[0];JK[0]=d+1;var e="mb-"+$APP.T.g(d),g=this.attachShadow({mode:"open"}),h=document.createElement("style"),l=document.createElement("div"),m=document.createElementNS("http://www.w3.org/2000/svg","svg");this.__xMetaballUid=d;h.textContent=
|
|
14
|
+
KK;l.setAttribute("part","viewport");l.style.filter="url(#"+$APP.T.g(e)+")";m.style.position="absolute";m.style.width="0";m.style.height="0";m.style.overflow="hidden";var p=$APP.M(c);c=$APP.D(p,$APP.ki);d=$APP.D(p,$APP.Ul);var q=$APP.D(p,zK),v=$APP.D(p,wK);p=$APP.D(p,AK);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",
|
|
15
15
|
"feColorMatrix"),E=document.createElementNS("http://www.w3.org/2000/svg","feTurbulence"),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.T.g(c));A.setAttribute("result","blur");C.setAttribute("in","blur");C.setAttribute("type","matrix");C.setAttribute("values",
|
|
16
16
|
d);C.setAttribute("result","threshold");E.setAttribute("type","fractalNoise");E.setAttribute("baseFrequency",""+$APP.T.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(q)?""+$APP.T.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);
|
|
17
|
-
m.appendChild(x);e=new $APP.
|
|
18
|
-
l=$APP.M($APP.k(this,"__xMetaballRefs"));l=$APP.D(l,$APP.mj);m=
|
|
19
|
-
return null};a.prototype.disconnectedCallback=function(){var b=$APP.k(this,"__xMetaballRaf");$APP.n(b)&&(cancelAnimationFrame(b),this.__xMetaballRaf=null);
|
|
20
|
-
"__xMetaballPos"),m=g.length;e=
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
"blob-count-raw","blob-count-raw",-1850938603),
|
|
24
|
-
$APP.zf([$APP.Oj,new $APP.K(null,"blobSize","blobSize",-64083896),new $APP.K(null,"noiseIntensity","noiseIntensity",-792053623),
|
|
25
|
-
null),new $APP.
|
|
26
|
-
var
|
|
27
|
-
$APP.T.g("--x-metaball-cursor-color")+",#6366f1);}@media(prefers-reduced-motion:reduce){.blob{transition:none!important;}}",
|
|
28
|
-
$APP.T.g(x)+"px,"+$APP.T.g(v)+"px) translate(-50%,-50%)";p+=1}else break;$APP.n(
|
|
17
|
+
m.appendChild(x);e=new $APP.Q(null,5,[$APP.kl,y,$APP.nj,A,$APP.Vm,C,$APP.Pl,E,$APP.Mj,H],null);l.appendChild(m);g.appendChild(h);g.appendChild(l);this.__xMetaballRefs=$APP.Rf($APP.uc([e,new $APP.Q(null,3,[$APP.Hi,g,$APP.mj,l,$APP.mk,m],null)]))}g=$APP.k(this,"__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;this.__xMetaballBlobs=[];this.__xMetaballPos=[]}h=$APP.M(b);g=$APP.D(h,xK);m=$APP.D(h,yK);h=$APP.D(h,$APP.rm);
|
|
18
|
+
l=$APP.M($APP.k(this,"__xMetaballRefs"));l=$APP.D(l,$APP.mj);m=lK(m,g);e=[];c=[];for(d=0;;)if(d<g)q=document.createElement("div"),v=m[d],q.className="blob",q.style.width=""+$APP.T.g(v)+"px",q.style.height=""+$APP.T.g(v)+"px",q.style.background=h[d],l.appendChild(q),e.push(q),c.push({x:0,y:0}),d+=1;else break;this.__xMetaballBlobs=e;this.__xMetaballPos=c;this.__xMetaballSpeeds=kK(g);CK(this,b);this.setAttribute("aria-hidden","true");this.setAttribute("role","presentation");GK(this);FK(this);EK(this);
|
|
19
|
+
return null};a.prototype.disconnectedCallback=function(){var b=$APP.k(this,"__xMetaballRaf");$APP.n(b)&&(cancelAnimationFrame(b),this.__xMetaballRaf=null);GK(this);return null};a.prototype.attributeChangedCallback=function(b,c,d){if($APP.N(c,d)&&(this.__xMetaballModel=b=BK(this),$APP.n($APP.k(this,"__xMetaballRefs")))){d=$APP.M(b);c=$APP.D(d,xK);var e=$APP.D(d,yK);d=$APP.D(d,$APP.rm);var g=$APP.M($APP.k(this,"__xMetaballRefs")),h=$APP.D(g,$APP.mj);g=$APP.k(this,"__xMetaballBlobs");var l=$APP.k(this,
|
|
20
|
+
"__xMetaballPos"),m=g.length;e=lK(e,c);for(var p=m;;)if(p<c){var q=document.createElement("div");q.className="blob";h.appendChild(q);g.push(q);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),--h;else break;for(l=0;;)if(l<c)h=g[l],m=e[l],h.style.width=""+$APP.T.g(m)+"px",h.style.height=""+$APP.T.g(m)+"px",h.style.background=d[l],l+=1;else break;this.__xMetaballSpeeds=kK(c);g=$APP.M(b);h=$APP.D(g,$APP.ki);e=$APP.D(g,$APP.Ul);c=$APP.D(g,
|
|
21
|
+
zK);d=$APP.D(g,wK);g=$APP.D(g,AK);l=$APP.k(this,"__xMetaballRefs");m=$APP.nj.g(l);$APP.n(m)&&m.setAttribute("stdDeviation",""+$APP.T.g(h));h=$APP.Vm.g(l);$APP.n(h)&&h.setAttribute("values",e);e=$APP.Pl.g(l);$APP.n(e)&&e.setAttribute("baseFrequency",""+$APP.T.g(.01*d));d=$APP.Mj.g(l);$APP.n(d)&&d.setAttribute("scale",$APP.n(c)?""+$APP.T.g(g):"0");return CK(this,b)}return null};HK(a.prototype);return a},MK=function(){$APP.n(customElements.get("x-metaball-cursor"))||customElements.define("x-metaball-cursor",
|
|
22
|
+
LK());return null},qK=new $APP.K(null,"noise-scale-raw","noise-scale-raw",123215597),nK=new $APP.K(null,"noise-intensity-raw","noise-intensity-raw",-116633534),zK=new $APP.K(null,"noise?","noise?",-38350370),yK=new $APP.K(null,"blob-size","blob-size",-1862159046),wK=new $APP.K(null,"noise-scale","noise-scale",-2033475279),rK=new $APP.K(null,"noise-attr","noise-attr",-1534959409),pK=new $APP.K(null,"palette-raw","palette-raw",-1398782582),uK=new $APP.K(null,"palette","palette",-456203511),sK=new $APP.K(null,
|
|
23
|
+
"blob-count-raw","blob-count-raw",-1850938603),tK=new $APP.K(null,"noise-speed-raw","noise-speed-raw",1761342974),vK=new $APP.K(null,"noise-speed","noise-speed",866692139),xK=new $APP.K(null,"blob-count","blob-count",-248711053),AK=new $APP.K(null,"noise-intensity","noise-intensity",747731519),oK=new $APP.K(null,"blob-size-raw","blob-size-raw",530207878);var IK="blob-count blob-size color noise noise-scale noise-speed noise-intensity blur threshold palette".split(" ");
|
|
24
|
+
$APP.zf([$APP.Oj,new $APP.K(null,"blobSize","blobSize",-64083896),new $APP.K(null,"noiseIntensity","noiseIntensity",-792053623),uK,new $APP.K(null,"noiseScale","noiseScale",2003002730),new $APP.K(null,"noise","noise",-994696820),$APP.Ul,$APP.ki,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.Zj],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 iK=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 JK=[0],KK=":host{display:block;position:relative;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:var("+$APP.T.g("--x-metaball-cursor-z-index")+",9999);}[part\x3dviewport]{position:absolute;inset:var("+$APP.T.g("--x-metaball-cursor-inset")+",0);pointer-events:none;opacity:var("+$APP.T.g("--x-metaball-cursor-opacity")+",1);mix-blend-mode:var("+$APP.T.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.T.g("--x-metaball-cursor-color")+",#6366f1);}@media(prefers-reduced-motion:reduce){.blob{transition:none!important;}}",DK=function DK(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 q=e[p],v=g[p],x=mK($APP.k(q,"x"),h,v);v=mK($APP.k(q,"y"),c,v);var y=d[p];q.x=x;q.y=v;y.style.transform="translate("+
|
|
28
|
+
$APP.T.g(x)+"px,"+$APP.T.g(v)+"px) translate(-50%,-50%)";p+=1}else break;$APP.n(zK.g(l))&&(d=$APP.k(a,"__xMetaballSeed")+vK.g(l),e=$APP.k(a,"__xMetaballRefs"),a.__xMetaballSeed=d,e=$APP.Pl.g(e),$APP.n(e)&&e.setAttribute("seed",""+$APP.T.g(Math.floor(d))));$APP.ja(a,"__xMetaballRaf",requestAnimationFrame(function(){return DK.g?DK.g(a):DK.call(null,a)}))}return null};$APP.ha("baredom.exports.x_metaball_cursor.init",MK);export const init=MK;
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
// x-modal.d.ts — auto-generated by generate_types.bb, do not edit
|
|
2
|
+
|
|
3
|
+
export function init(): void;
|
|
4
|
+
|
|
5
|
+
export interface XModalEventMap {
|
|
6
|
+
"x-modal-toggle": CustomEvent<{ open: boolean }>;
|
|
7
|
+
"x-modal-dismiss": CustomEvent<{ reason: string }>;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
export interface XModal extends HTMLElement {
|
|
11
|
+
open: boolean;
|
|
12
|
+
size: string;
|
|
13
|
+
label: string;
|
|
14
|
+
show(): void;
|
|
15
|
+
hide(): void;
|
|
16
|
+
toggle(): void;
|
|
17
|
+
|
|
18
|
+
addEventListener<K extends keyof XModalEventMap>(
|
|
19
|
+
type: K,
|
|
20
|
+
listener: (this: XModal, ev: XModalEventMap[K]) => any,
|
|
21
|
+
options?: boolean | AddEventListenerOptions
|
|
22
|
+
): void;
|
|
23
|
+
addEventListener(
|
|
24
|
+
type: string,
|
|
25
|
+
listener: EventListenerOrEventListenerObject,
|
|
26
|
+
options?: boolean | AddEventListenerOptions
|
|
27
|
+
): void;
|
|
28
|
+
removeEventListener<K extends keyof XModalEventMap>(
|
|
29
|
+
type: K,
|
|
30
|
+
listener: (this: XModal, ev: XModalEventMap[K]) => any,
|
|
31
|
+
options?: boolean | EventListenerOptions
|
|
32
|
+
): void;
|
|
33
|
+
removeEventListener(
|
|
34
|
+
type: string,
|
|
35
|
+
listener: EventListenerOrEventListenerObject,
|
|
36
|
+
options?: boolean | EventListenerOptions
|
|
37
|
+
): void;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
declare global {
|
|
41
|
+
interface HTMLElementTagNameMap {
|
|
42
|
+
"x-modal": XModal;
|
|
43
|
+
}
|
|
44
|
+
}
|