@vanelsas/baredom 2.9.0 → 3.1.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 +35 -0
- package/README.md +1 -1
- package/custom-elements.json +3393 -2954
- package/dist/baredom.d.ts +106 -86
- package/dist/base.js +550 -455
- package/dist/integrity.json +103 -102
- package/dist/x-alert.js +16 -17
- package/dist/x-avatar-group.js +9 -9
- package/dist/x-avatar.js +14 -15
- package/dist/x-badge.js +9 -9
- package/dist/x-bento-grid.js +5 -5
- package/dist/x-bento-item.js +4 -4
- package/dist/x-breadcrumbs.js +14 -13
- package/dist/x-button.js +1 -17
- package/dist/x-cancel-dialogue.js +14 -13
- package/dist/x-card.d.ts +1 -1
- package/dist/x-card.js +7 -7
- package/dist/x-carousel.d.ts +3 -0
- package/dist/x-carousel.js +35 -33
- package/dist/x-chart.js +47 -47
- package/dist/x-checkbox.js +1 -11
- package/dist/x-chip.js +1 -1
- package/dist/x-collapse.d.ts +1 -0
- package/dist/x-collapse.js +11 -10
- package/dist/x-color-picker.js +46 -45
- package/dist/x-combobox.d.ts +2 -0
- package/dist/x-combobox.js +30 -26
- package/dist/x-command-palette.d.ts +3 -0
- package/dist/x-command-palette.js +28 -26
- package/dist/x-confetti.js +24 -22
- package/dist/x-container.js +5 -5
- package/dist/x-context-menu.d.ts +4 -0
- package/dist/x-context-menu.js +21 -20
- package/dist/x-copy.js +20 -20
- package/dist/x-currency-field.d.ts +2 -0
- package/dist/x-currency-field.js +24 -23
- package/dist/x-date-picker.d.ts +3 -0
- package/dist/x-date-picker.js +42 -42
- package/dist/x-divider.js +10 -9
- package/dist/x-drawer.js +11 -10
- package/dist/x-dropdown.d.ts +3 -0
- package/dist/x-dropdown.js +12 -11
- package/dist/x-fieldset.js +6 -5
- package/dist/x-file-download.js +7 -7
- package/dist/x-file-upload.d.ts +2 -0
- package/dist/x-file-upload.js +23 -22
- package/dist/x-form-field.js +15 -15
- package/dist/x-form.d.ts +4 -0
- package/dist/x-form.js +10 -9
- package/dist/x-gaussian-blur.js +13 -12
- package/dist/x-grid.js +6 -6
- package/dist/x-i18n-provider.js +7 -7
- package/dist/x-i18n.js +4 -4
- package/dist/x-icon.js +7 -7
- package/dist/x-image.js +17 -18
- package/dist/x-kbd.js +16 -16
- package/dist/x-kinetic-canvas.js +26 -25
- package/dist/x-kinetic-font.js +27 -27
- package/dist/x-kinetic-typography.js +35 -33
- package/dist/x-liquid-dock.js +34 -38
- package/dist/x-liquid-fill.js +42 -45
- package/dist/x-liquid-glass.js +41 -47
- package/dist/x-menu-item.js +8 -8
- package/dist/x-menu.js +10 -10
- package/dist/x-metaball-cursor.js +23 -26
- package/dist/x-modal.js +12 -11
- package/dist/x-morph-stack.d.ts +4 -0
- package/dist/x-morph-stack.js +37 -38
- package/dist/x-multi-combobox.js +36 -36
- package/dist/x-navbar.js +15 -12
- package/dist/x-neural-glow.js +30 -33
- package/dist/x-notification-center.d.ts +2 -0
- package/dist/x-notification-center.js +9 -9
- package/dist/x-organic-divider.js +18 -17
- package/dist/x-organic-progress.js +35 -37
- package/dist/x-organic-shape.js +14 -13
- package/dist/x-otp-input.js +22 -22
- package/dist/x-pagination.js +14 -15
- package/dist/x-particle-button.js +51 -51
- package/dist/x-popover.d.ts +3 -0
- package/dist/x-popover.js +27 -26
- package/dist/x-progress-circle.d.ts +3 -0
- package/dist/x-progress-circle.js +9 -9
- package/dist/x-progress.js +8 -10
- package/dist/x-proximity-list.js +20 -19
- package/dist/x-radio.js +11 -11
- package/dist/x-ripple-effect.js +10 -11
- package/dist/x-scroll-parallax.js +17 -18
- package/dist/x-scroll-stack.js +16 -17
- package/dist/x-scroll-story.js +33 -34
- package/dist/x-scroll-timeline.js +46 -45
- package/dist/x-scroll.d.ts +3 -0
- package/dist/x-scroll.js +38 -40
- package/dist/x-search-field.d.ts +2 -0
- package/dist/x-search-field.js +1 -15
- package/dist/x-select.js +1 -11
- package/dist/x-sidebar.js +18 -17
- package/dist/x-skeleton-group.js +12 -12
- package/dist/x-skeleton.js +1 -1
- package/dist/x-slider.js +16 -15
- package/dist/x-soft-body.js +20 -22
- package/dist/x-spacer.js +4 -4
- package/dist/x-spinner.js +4 -4
- package/dist/x-splash.js +12 -13
- package/dist/x-spotlight-card.js +12 -12
- package/dist/x-stat.js +10 -10
- package/dist/x-stepper.js +13 -14
- package/dist/x-switch.js +11 -10
- package/dist/x-tab.js +6 -6
- package/dist/x-table-cell.js +21 -20
- package/dist/x-table-row.js +8 -8
- package/dist/x-table.d.ts +32 -32
- package/dist/x-table.js +13 -12
- package/dist/x-tabs.js +11 -11
- package/dist/x-text-area.js +19 -19
- package/dist/x-theme.js +25 -25
- package/dist/x-timeline-item.js +20 -21
- package/dist/x-timeline.js +8 -8
- package/dist/x-toast.d.ts +1 -0
- package/dist/x-toast.js +22 -23
- package/dist/x-toaster.js +7 -8
- package/dist/x-tooltip.d.ts +2 -0
- package/dist/x-tooltip.js +12 -12
- package/dist/x-trace-history.d.ts +242 -0
- package/dist/x-trace-history.js +121 -0
- package/dist/x-typography.js +9 -9
- package/dist/x-welcome-tour.js +63 -60
- package/package.json +9 -2
package/dist/x-liquid-glass.js
CHANGED
|
@@ -1,48 +1,42 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
"
|
|
7
|
-
":"+$APP.
|
|
8
|
-
|
|
9
|
-
$APP.
|
|
10
|
-
"),opacity var("+$APP.
|
|
11
|
-
");}[part\x3dcontent]{position:relative;padding:var("+$APP.
|
|
12
|
-
") both;}@media(prefers-color-scheme:dark){:host{"+$APP.
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
"
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
""
|
|
23
|
-
f.
|
|
24
|
-
""+$APP.
|
|
25
|
-
d=
|
|
26
|
-
|
|
27
|
-
"
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
"
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
null);return null},bca=function(a,b,c,d){$APP.M(c,d)&&$APP.n($APP.k(a,"__xLiquidGlassRefs"))&&Yba(a);return null},P3=function(){return $APP.Wg("x-liquid-glass",new $APP.P(null,5,[$APP.Mg,cca,$APP.Ng,$ba,$APP.Og,aca,$APP.Qg,bca,$APP.Ug,Zba],null))},f3=new $APP.F(null,"surface","surface",699915646),D3=new $APP.F(null,"core","core",-86019209),w3=new $APP.F(null,"specular-intensity","specular-intensity",437849876),j3=new $APP.F(null,"amplitude-raw","amplitude-raw",-673525115),r3=new $APP.F(null,"goo",
|
|
44
|
-
"goo",-1253057564),A3=new $APP.F(null,"glass","glass",1652756718),Sba=new $APP.F(null,"filter","filter",-948537934),q3=new $APP.F(null,"frost","frost",-3478780),u3=new $APP.F(null,"specular-size","specular-size",757318993),G3=new $APP.F(null,"submerged","submerged",1636004473),t3=new $APP.F(null,"tint","tint",-1286736913),E3=new $APP.F(null,"grain","grain",2007662171),h3=new $APP.F(null,"tint-raw","tint-raw",-653441954),m3=new $APP.F(null,"color-2-raw","color-2-raw",-1440423537),p3=new $APP.F(null,
|
|
45
|
-
"specular-attr","specular-attr",-716021610),k3=new $APP.F(null,"specular-intensity-raw","specular-intensity-raw",109079177),o3=new $APP.F(null,"goo-raw","goo-raw",59658675),g3=new $APP.F(null,"specular-size-raw","specular-size-raw",592980345),n3=new $APP.F(null,"color-1-raw","color-1-raw",-1322552111),s3=new $APP.F(null,"amplitude","amplitude",-1387734203),C3=new $APP.F(null,"gradient","gradient",-1983908971),l3=new $APP.F(null,"frost-raw","frost-raw",1383732749),v3=new $APP.F(null,"specular?","specular?",
|
|
46
|
-
964138290),i3=new $APP.F(null,"blobs-raw","blobs-raw",1729393761),B3=new $APP.F(null,"satellites","satellites",644765266);var cca="blobs speed amplitude blur goo tint specular specular-size specular-intensity disabled mode frost color-1 color-2".split(" ");
|
|
47
|
-
$APP.Hf([q3,r3,s3,new $APP.F(null,"specularSize","specularSize",-1757715579),$APP.fl,$APP.Tk,$APP.Kk,$APP.Om,t3,new $APP.F(null,"color2","color2",1248091856),$APP.yj,$APP.vo,new $APP.F(null,"color1","color1",306558619),new $APP.F(null,"specularIntensity","specularIntensity",138075)],[new $APP.P(null,1,[$APP.S,$APP.W],null),new $APP.P(null,1,[$APP.S,$APP.W],null),new $APP.P(null,1,[$APP.S,$APP.W],null),new $APP.P(null,1,[$APP.S,$APP.W],null),new $APP.P(null,1,[$APP.S,$APP.U],null),new $APP.P(null,
|
|
48
|
-
1,[$APP.S,$APP.W],null),new $APP.P(null,1,[$APP.S,$APP.V],null),new $APP.P(null,1,[$APP.S,$APP.U],null),new $APP.P(null,1,[$APP.S,$APP.V],null),new $APP.P(null,1,[$APP.S,$APP.V],null),new $APP.P(null,1,[$APP.S,$APP.W],null),new $APP.P(null,1,[$APP.S,$APP.W],null),new $APP.P(null,1,[$APP.S,$APP.V],null),new $APP.P(null,1,[$APP.S,$APP.W],null)]);var Oba=new $APP.P(null,2,["surface",f3,"submerged",G3],null);var y3={v:0},J3=function J3(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;I3(a,d);Uba(a);Vba(a,d);$APP.fa(a,"__xLiquidGlassRaf",requestAnimationFrame(function(){return J3.i?J3.i(a):J3.call(null,a)}))}return null};$APP.da("baredom.exports.x_liquid_glass.init",P3);export const init=P3;
|
|
2
|
+
var n3=function(a,b,c,d){if(typeof a==="string"){a=a.trim();if($APP.y.j(a,""))return b;a=parseFloat(a);return $APP.n(isNaN(a))?b:Math.min(d,Math.max(c,a))}return b},o3=function(a){if(typeof a==="string"){a=a.trim();if($APP.y.j(a,""))return 5;a=parseInt(a,10);return $APP.n(isNaN(a))?5:Math.min(8,Math.max(3,a))}return 5},Sja=function(a){return o3(a)},p3=function(a){return n3(a,.3,.05,2)},q3=function(a){return n3(a,.15,.05,.4)},r3=function(a){return n3(a,12,0,40)},s3=function(a){return n3(a,10,4,20)},
|
|
3
|
+
t3=function(a){return n3(a,.5,0,1)},u3=function(a){return n3(a,.4,.1,1)},v3=function(a){return n3(a,.3,0,1)},Tja=function(a){return typeof a==="string"?(a=a.trim(),$APP.I(a,"")?a:null):null},w3=function(a){return typeof a==="string"?(a=a.trim(),$APP.I(a,"")?a:null):null},Vja=function(a){a=$APP.C(Uja,typeof a==="string"?a.trim().toLowerCase():null);return $APP.n(a)?a:x3},Wja=function(a){var b=$APP.H(a);a=$APP.C(b,$APP.po);var c=$APP.C(b,y3),d=$APP.C(b,z3),e=$APP.C(b,$APP.Sr),f=$APP.C(b,A3),h=$APP.C(b,
|
|
4
|
+
B3),k=$APP.C(b,$APP.$q),m=$APP.C(b,C3),q=$APP.C(b,$APP.Gq),u=$APP.C(b,D3),x=$APP.C(b,E3),z=$APP.C(b,F3),A=$APP.C(b,G3);b=$APP.C(b,H3);return $APP.Yf([I3,J3,K3,$APP.Po,$APP.Jo,L3,M3,N3,$APP.Kq,$APP.xn,$APP.Jq,$APP.ns,O3,$APP.cj],[t3(u),s3(A),q3(h),p3(q),Vja(k),Tja(d),u3(c),b!=null,function(){var D=w3(x);return $APP.n(D)?D:"rgba(244,114,182,0.35)"}(),r3(e),function(){var D=w3(z);return $APP.n(D)?D:"rgba(99,102,241,0.4)"}(),o3(f),v3(m),a!=null])},P3=function(a,b,c){return Math.sin(a*1.7+c*.3)*Math.cos(b*
|
|
5
|
+
2.3+c*.5)*.5+Math.sin(a*3.1-c*.7)*Math.cos(b*1.3+c*.2)*.25+Math.sin(a*5.3+c*.4)*Math.cos(b*4.7-c*.6)*.125},Xja=function(){var a=$APP.l(Q3,"v");Q3.v=a+1;return a},R3=function(){return $APP.E(window.matchMedia("(prefers-reduced-motion:reduce)").matches)},Zja=function(a){var b=Xja(),c=a.attachShadow({mode:"open"}),d=document.createElement("style"),e=document.createElementNS("http://www.w3.org/2000/svg","svg"),f=document.createElementNS("http://www.w3.org/2000/svg","defs"),h=document.createElementNS("http://www.w3.org/2000/svg",
|
|
6
|
+
"filter"),k=document.createElementNS("http://www.w3.org/2000/svg","feGaussianBlur"),m=document.createElementNS("http://www.w3.org/2000/svg","feColorMatrix"),q=document.createElementNS("http://www.w3.org/2000/svg","g"),u=document.createElementNS("http://www.w3.org/2000/svg","ellipse"),x=document.createElement("div"),z=document.createElement("div"),A=document.createElement("div"),D=document.createElement("div"),G=document.createElement("div"),J=document.createElement("slot"),S="lg-goo-"+$APP.P.i(b);
|
|
7
|
+
$APP.R(a,"__xLiquidGlassUID",b);d.textContent=":host{display:block;position:relative;isolation:isolate;min-width:120px;min-height:80px;"+$APP.P.i("--x-liquid-glass-padding")+":1.5rem;"+$APP.P.i("--x-liquid-glass-specular-color")+":rgba(255,255,255,0.6);"+$APP.P.i("--x-liquid-glass-spring")+":"+$APP.P.i("linear(0, 0.006, 0.025, 0.058, 0.104, 0.163, 0.234, 0.315, 0.403, 0.496, 0.591, 0.685, 0.774, 0.856, 0.926, 0.983, 1.025, 1.052, 1.065, 1.063, 1.049, 1.025, 0.995, 0.961, 0.927, 0.896, 0.870, 0.850, 0.837, 0.831, 0.832, 0.839, 0.851, 0.867, 0.885, 0.903, 0.921, 0.937, 0.951, 0.962, 0.970, 0.976, 0.979, 0.981, 0.981, 0.980, 0.979, 0.977, 0.976, 0.975, 0.975, 0.976, 0.977, 0.979, 0.981, 0.983, 0.986, 0.989, 0.992, 0.995, 0.998, 1)")+
|
|
8
|
+
";"+$APP.P.i("--x-liquid-glass-spring-duration")+":"+$APP.P.i("600ms")+";}[part\x3dsvg]{display:block;width:100%;height:100%;position:absolute;inset:0;overflow:visible;pointer-events:none;z-index:1;}[part\x3dglass]{position:absolute;inset:0;backdrop-filter:blur(var("+$APP.P.i("--x-liquid-glass-blur")+",12px)) saturate(180%);-webkit-backdrop-filter:blur(var("+$APP.P.i("--x-liquid-glass-blur")+",12px)) saturate(180%);z-index:0;}[part\x3dgrain]{position:absolute;inset:0;z-index:2;opacity:0.4;pointer-events:none;}[part\x3dgradient]{position:absolute;inset:0;z-index:1;pointer-events:none;}[part\x3dspecular]{position:absolute;inset:0;z-index:1;opacity:0;pointer-events:none;transition:background var("+
|
|
9
|
+
$APP.P.i("--x-liquid-glass-spring-duration")+","+$APP.P.i("600ms")+") var("+$APP.P.i("--x-liquid-glass-spring")+","+$APP.P.i("linear(0, 0.006, 0.025, 0.058, 0.104, 0.163, 0.234, 0.315, 0.403, 0.496, 0.591, 0.685, 0.774, 0.856, 0.926, 0.983, 1.025, 1.052, 1.065, 1.063, 1.049, 1.025, 0.995, 0.961, 0.927, 0.896, 0.870, 0.850, 0.837, 0.831, 0.832, 0.839, 0.851, 0.867, 0.885, 0.903, 0.921, 0.937, 0.951, 0.962, 0.970, 0.976, 0.979, 0.981, 0.981, 0.980, 0.979, 0.977, 0.976, 0.975, 0.975, 0.976, 0.977, 0.979, 0.981, 0.983, 0.986, 0.989, 0.992, 0.995, 0.998, 1)")+
|
|
10
|
+
"),opacity var("+$APP.P.i("--x-liquid-glass-spring-duration")+","+$APP.P.i("600ms")+") var("+$APP.P.i("--x-liquid-glass-spring")+","+$APP.P.i("linear(0, 0.006, 0.025, 0.058, 0.104, 0.163, 0.234, 0.315, 0.403, 0.496, 0.591, 0.685, 0.774, 0.856, 0.926, 0.983, 1.025, 1.052, 1.065, 1.063, 1.049, 1.025, 0.995, 0.961, 0.927, 0.896, 0.870, 0.850, 0.837, 0.831, 0.832, 0.839, 0.851, 0.867, 0.885, 0.903, 0.921, 0.937, 0.951, 0.962, 0.970, 0.976, 0.979, 0.981, 0.981, 0.980, 0.979, 0.977, 0.976, 0.975, 0.975, 0.976, 0.977, 0.979, 0.981, 0.983, 0.986, 0.989, 0.992, 0.995, 0.998, 1)")+
|
|
11
|
+
");}[part\x3dcontent]{position:relative;padding:var("+$APP.P.i("--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.P.i("--x-liquid-glass-spring-duration")+","+$APP.P.i("600ms")+") var("+$APP.P.i("--x-liquid-glass-spring")+","+$APP.P.i("linear(0, 0.006, 0.025, 0.058, 0.104, 0.163, 0.234, 0.315, 0.403, 0.496, 0.591, 0.685, 0.774, 0.856, 0.926, 0.983, 1.025, 1.052, 1.065, 1.063, 1.049, 1.025, 0.995, 0.961, 0.927, 0.896, 0.870, 0.850, 0.837, 0.831, 0.832, 0.839, 0.851, 0.867, 0.885, 0.903, 0.921, 0.937, 0.951, 0.962, 0.970, 0.976, 0.979, 0.981, 0.981, 0.980, 0.979, 0.977, 0.976, 0.975, 0.975, 0.976, 0.977, 0.979, 0.981, 0.983, 0.986, 0.989, 0.992, 0.995, 0.998, 1)")+
|
|
12
|
+
") both;}@media(prefers-color-scheme:dark){:host{"+$APP.P.i("--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;}}";$APP.T(e,"part","svg");$APP.T(e,"viewBox","0 0 300 200");$APP.T(e,"preserveAspectRatio","none");$APP.T(e,"aria-hidden","true");$APP.T(h,"id",S);$APP.T(k,"in","SourceGraphic");$APP.T(k,"stdDeviation","10");
|
|
13
|
+
$APP.T(k,"result","blur");$APP.T(m,"in","blur");$APP.T(m,"mode","matrix");$APP.T(m,"values","1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 19 -9");h.appendChild(k);h.appendChild(m);f.appendChild(h);e.appendChild(f);$APP.T(q,"filter","url(#"+$APP.P.i(S)+")");$APP.T(q,"opacity","0.35");$APP.T(u,"class","blob-core");q.appendChild(u);e.appendChild(q);m=document.createElementNS("http://www.w3.org/2000/svg","linearGradient");var Q="lg-edge-"+$APP.P.i(b),X=document.createElementNS("http://www.w3.org/2000/svg",
|
|
14
|
+
"stop"),ja=document.createElementNS("http://www.w3.org/2000/svg","stop"),ka=document.createElementNS("http://www.w3.org/2000/svg","stop");$APP.T(m,"id",Q);$APP.T(m,"x1","0");$APP.T(m,"y1","0");$APP.T(m,"x2","1");$APP.T(m,"y2","1");$APP.T(X,"offset","0%");$APP.T(X,"stop-color","white");$APP.T(X,"stop-opacity","0.9");$APP.T(ja,"offset","50%");$APP.T(ja,"stop-color","white");$APP.T(ja,"stop-opacity","0.15");$APP.T(ka,"offset","100%");$APP.T(ka,"stop-color","white");$APP.T(ka,"stop-opacity","0.5");m.appendChild(X);
|
|
15
|
+
m.appendChild(ja);m.appendChild(ka);f.appendChild(m);$APP.R(a,"__xLiquidGlassEdgeId",Q);m=document.createElementNS("http://www.w3.org/2000/svg","g");Q=document.createElementNS("http://www.w3.org/2000/svg","ellipse");X=$APP.l(a,"__xLiquidGlassEdgeId");$APP.T(m,"filter","url(#"+$APP.P.i(S)+")");$APP.T(m,"opacity","0.7");$APP.T(Q,"class","blob-border");$APP.T(Q,"fill","none");$APP.T(Q,"stroke","url(#"+$APP.P.i(X)+")");$APP.T(Q,"stroke-width","2.5");m.appendChild(Q);e.appendChild(m);$APP.R(a,"__xLiquidGlassBorderG",
|
|
16
|
+
m);$APP.R(a,"__xLiquidGlassBorderCore",Q);m=document.createElementNS("http://www.w3.org/2000/svg","filter");Q="lg-grain-"+$APP.P.i(b);X=document.createElementNS("http://www.w3.org/2000/svg","feTurbulence");ja=document.createElementNS("http://www.w3.org/2000/svg","feColorMatrix");$APP.T(m,"id",Q);$APP.T(X,"type","fractalNoise");$APP.T(X,"baseFrequency","0.6");$APP.T(X,"numOctaves","3");$APP.T(X,"stitchTiles","stitch");$APP.T(ja,"type","matrix");$APP.T(ja,"values","0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0");
|
|
17
|
+
m.appendChild(X);m.appendChild(ja);f.appendChild(m);$APP.R(a,"__xLiquidGlassGrainId",Q);m=document.createElementNS("http://www.w3.org/2000/svg","mask");b="lg-mask-"+$APP.P.i(b);Q=document.createElementNS("http://www.w3.org/2000/svg","g");X=document.createElementNS("http://www.w3.org/2000/svg","ellipse");$APP.T(m,"id",b);$APP.T(m,"maskUnits","userSpaceOnUse");$APP.T(m,"maskContentUnits","userSpaceOnUse");$APP.T(Q,"filter","url(#"+$APP.P.i(S)+")");$APP.T(X,"fill","white");Q.appendChild(X);m.appendChild(Q);
|
|
18
|
+
f.appendChild(m);$APP.R(a,"__xLiquidGlassMaskG",Q);$APP.R(a,"__xLiquidGlassMaskCore",X);$APP.R(a,"__xLiquidGlassMaskSats",[]);$APP.R(a,"__xLiquidGlassMaskId",b);$APP.T(x,"part","glass");f="url(#"+$APP.P.i($APP.l(a,"__xLiquidGlassMaskId"))+")";x.style.mask=f;x.style.webkitMask=f;$APP.T(z,"part","grain");z.style.filter="url(#"+$APP.P.i($APP.l(a,"__xLiquidGlassGrainId"))+")";f="url(#"+$APP.P.i($APP.l(a,"__xLiquidGlassMaskId"))+")";z.style.mask=f;z.style.webkitMask=f;$APP.T(A,"part","gradient");f="url(#"+
|
|
19
|
+
$APP.P.i($APP.l(a,"__xLiquidGlassMaskId"))+")";A.style.mask=f;A.style.webkitMask=f;$APP.T(D,"part","specular");f="url(#"+$APP.P.i($APP.l(a,"__xLiquidGlassMaskId"))+")";D.style.mask=f;D.style.webkitMask=f;$APP.T(G,"part","content");G.appendChild(J);c.appendChild(d);c.appendChild(x);c.appendChild(e);c.appendChild(z);c.appendChild(A);c.appendChild(D);c.appendChild(G);$APP.T(a,"data-entering","");setTimeout(function(){return $APP.U(a,"data-entering")},700);$APP.R(a,"__xLiquidGlassRefs",$APP.Yf([$APP.Jn,
|
|
20
|
+
$APP.Sq,S3,$APP.qr,Yja,T3,$APP.xn,$APP.Kj,U3,$APP.Hp,V3,W3],[G,D,x,q,h,[],k,c,A,e,u,z]))},X3=function(a,b,c){var d=$APP.ns.i($APP.l(a,"__xLiquidGlassModel")),e=b/2,f=c/2,h=b*.32,k=c*.32,m=h*.55,q=k*.55;var u=h*.9;for(var x=k*.9,z=new Float64Array(d),A=new Float64Array(d),D=0;;)if(D<d){var G=2*Math.PI*(D/d);z[D]=e+u*Math.cos(G);A[D]=f+x*Math.sin(G);D+=1}else break;u=[z,A];x=$APP.H($APP.l(a,"__xLiquidGlassRefs"));x=$APP.C(x,V3);$APP.T(x,"cx",""+$APP.P.i(e));$APP.T(x,"cy",""+$APP.P.i(f));$APP.T(x,"rx",
|
|
21
|
+
""+$APP.P.i(h));$APP.T(x,"ry",""+$APP.P.i(k));x=$APP.l(a,"__xLiquidGlassMaskCore");$APP.n(x)&&($APP.T(x,"cx",""+$APP.P.i(e)),$APP.T(x,"cy",""+$APP.P.i(f)),$APP.T(x,"rx",""+$APP.P.i(h)),$APP.T(x,"ry",""+$APP.P.i(k)));b*=.44;c*=.44;h=$APP.l(a,"__xLiquidGlassBorderCore");$APP.n(h)&&($APP.T(h,"cx",""+$APP.P.i(e)),$APP.T(h,"cy",""+$APP.P.i(f)),$APP.T(h,"rx",""+$APP.P.i(b)),$APP.T(h,"ry",""+$APP.P.i(c)));f=$APP.l(a,"__xLiquidGlassRefs");e=$APP.qr.i(f);f=T3.i(f);c=$APP.l(a,"__xLiquidGlassMaskG");b=$APP.l(a,
|
|
22
|
+
"__xLiquidGlassMaskSats");for(h=f.length-1;;)if(h>=d)e.removeChild(f[h]),$APP.n(c)&&c.removeChild(b[h]),--h;else break;f.length>d&&(f.length=d,$APP.n(b)&&(b.length=d));for(h=f.length;;)if(h<d)k=document.createElementNS("http://www.w3.org/2000/svg","ellipse"),$APP.T(k,"class","blob-sat-"+$APP.P.i(h)),$APP.T(k,"fill","#ffffff"),e.appendChild(k),f.push(k),$APP.n(c)&&(k=document.createElementNS("http://www.w3.org/2000/svg","ellipse"),$APP.T(k,"fill","white"),c.appendChild(k),b.push(k)),h+=1;else break;
|
|
23
|
+
e=$APP.H($APP.l(a,"__xLiquidGlassRefs"));e=$APP.C(e,T3);f=$APP.l(a,"__xLiquidGlassMaskSats");for(c=0;;)if(c<d)b=e[c],$APP.T(b,"rx",""+$APP.P.i(m)),$APP.T(b,"ry",""+$APP.P.i(q)),$APP.n($APP.n(f)?c<f.length:f)&&(b=f[c],$APP.T(b,"rx",""+$APP.P.i(m)),$APP.T(b,"ry",""+$APP.P.i(q))),c+=1;else break;$APP.R(a,"__xLiquidGlassRX",u[0]);$APP.R(a,"__xLiquidGlassRY",u[1])},Z3=function(a,b){var c=$APP.l(a,"__xLiquidGlassRefs"),d=$APP.xn.i(c),e=S3.i(c),f=$APP.Sq.i(c),h=V3.i(c),k=$APP.qr.i(c);$APP.T(d,"stdDeviation",
|
|
24
|
+
""+$APP.P.i(J3.i(b)));e.style.setProperty("--x-liquid-glass-blur",""+$APP.P.i($APP.xn.i(b))+"px");$APP.T(h,"fill","#ffffff");d=T3.i(c);e=d.length;for(h=0;;)if(h<e)$APP.T(d[h],"fill","#ffffff"),h+=1;else break;h=$APP.y.j(Y3,$APP.Jo.i(b));d=$APP.Jn.i(c);c=W3.i(c);e="url(#"+$APP.P.i($APP.l(a,"__xLiquidGlassMaskId"))+")";if(h){d.style.position="relative";d.style.zIndex="0";h=I3.i(b);var m=1-h*.5,q=h*.35,u=h*.2;d.style.filter="blur("+$APP.P.i((h*2).toFixed(1))+"px)";d.style.opacity=""+$APP.P.i(m.toFixed(2));
|
|
25
|
+
d.style.mask=e;d.style.webkitMask=e;$APP.T(k,"opacity",q.toFixed(2));$APP.n(c)&&(c.style.opacity=u.toFixed(2));a.style.contain="layout style"}else d.style.position="relative",d.style.zIndex="3",d.style.filter="",d.style.opacity="",d.style.mask="",d.style.webkitMask="",$APP.T(k,"opacity","0.35"),$APP.n(c)&&(c.style.opacity="0.4"),a.style.contain="";$APP.n(N3.i(b))||(f.style.opacity="0")},$3=function(a,b){var c=$APP.l(a,"__xLiquidGlassModel"),d=$APP.ns.i(c),e=$APP.Po.i(c);c=K3.i(c)*(Math.min($APP.l(a,
|
|
26
|
+
"__xLiquidGlassW"),$APP.l(a,"__xLiquidGlassH"))*.32)*.6;var f=$APP.l(a,"__xLiquidGlassRX"),h=$APP.l(a,"__xLiquidGlassRY"),k=$APP.H($APP.l(a,"__xLiquidGlassRefs"));k=$APP.C(k,T3);a=$APP.l(a,"__xLiquidGlassMaskSats");for(var m=0;;)if(m<d){var q=m*2.39996;var u=[f[m]+c*P3(q,0,b*e),h[m]+c*P3(0,q,b*e)];q=u[0].toFixed(2);u=u[1].toFixed(2);var x=k[m];x.setAttribute("cx",q);x.setAttribute("cy",u);$APP.n($APP.n(a)?m<a.length:a)&&(x=a[m],x.setAttribute("cx",q),x.setAttribute("cy",u));m+=1}else break},$ja=function(a){var b=
|
|
27
|
+
$APP.l(a,"__xLiquidGlassModel"),c=$APP.Sq.i($APP.l(a,"__xLiquidGlassRefs"));if($APP.n(N3.i(b))){var d=$APP.l(a,"__xLiquidGlassPA"),e=$APP.l(a,"__xLiquidGlassPX"),f=$APP.l(a,"__xLiquidGlassPY"),h=$APP.l(a,"__xLiquidGlassW");a=$APP.l(a,"__xLiquidGlassH");h=M3.i(b)*Math.min(h,a);a="var("+$APP.P.i("--x-liquid-glass-specular-color")+",rgba(255,255,255,0.6))";$APP.n(d)?(c.style.opacity=""+$APP.P.i(O3.i(b)),c.style.background="radial-gradient(ellipse "+$APP.P.i(h)+"px "+$APP.P.i(h)+"px at "+$APP.P.i(e.toFixed(1))+
|
|
28
|
+
"px "+$APP.P.i(f.toFixed(1))+"px,"+$APP.P.i(a)+" 0%,transparent 100%)"):c.style.opacity="0"}},aka=function(a,b){var c=$APP.l(a,"__xLiquidGlassModel");a=U3.i($APP.l(a,"__xLiquidGlassRefs"));var d=$APP.Jq.i(c);c=$APP.Kq.i(c);var e=20+8*Math.cos(b*.09),f=70+12*Math.cos(b*.05),h=80+10*Math.sin(b*.06);a.style.background="radial-gradient(ellipse at "+$APP.P.i((30+10*Math.sin(b*.07)).toFixed(1))+"% "+$APP.P.i(e.toFixed(1))+"%,"+$APP.P.i(d)+" 0%,transparent 70%),radial-gradient(ellipse at "+$APP.P.i(f.toFixed(1))+
|
|
29
|
+
"% "+$APP.P.i(h.toFixed(1))+"%,"+$APP.P.i(c)+" 0%,transparent 70%)"},b4=function(a){if($APP.n($APP.l(a,"__xLiquidGlassRaf")))return null;$APP.ji(a,"__xLiquidGlassLF",performance.now());return $APP.ji(a,"__xLiquidGlassRaf",requestAnimationFrame(function(){return a4(a)}))},c4=function(a){var b=$APP.l(a,"__xLiquidGlassRaf");$APP.n(b)&&(cancelAnimationFrame(b),$APP.ji(a,"__xLiquidGlassRaf",null))},d4=function(a){var b=$APP.ns.i($APP.l(a,"__xLiquidGlassModel")),c=$APP.l(a,"__xLiquidGlassRX"),d=$APP.l(a,
|
|
30
|
+
"__xLiquidGlassRY"),e=$APP.H($APP.l(a,"__xLiquidGlassRefs"));e=$APP.C(e,T3);a=$APP.l(a,"__xLiquidGlassMaskSats");for(var f=0;;)if(f<b){var h=c[f].toFixed(2),k=d[f].toFixed(2);if(f<e.length){var m=e[f];$APP.T(m,"cx",h);$APP.T(m,"cy",k)}$APP.n($APP.n(a)?f<a.length:a)&&(m=a[f],$APP.T(m,"cx",h),$APP.T(m,"cy",k));f+=1}else return null},bka=function(a,b){if(b.length>0){var c=b[0].contentRect;b=c.width;c=c.height;if(b>0&&c>0){$APP.R(a,"__xLiquidGlassW",b);$APP.R(a,"__xLiquidGlassH",c);var d=$APP.H($APP.l(a,
|
|
31
|
+
"__xLiquidGlassRefs"));d=$APP.C(d,$APP.Hp);$APP.T(d,"viewBox","0 0 "+$APP.P.i(b)+" "+$APP.P.i(c));d=d.querySelector("#"+$APP.P.i($APP.l(a,"__xLiquidGlassMaskId")));$APP.n(d)&&($APP.T(d,"x","0"),$APP.T(d,"y","0"),$APP.T(d,"width",""+$APP.P.i(b)),$APP.T(d,"height",""+$APP.P.i(c)));X3(a,b,c);var e=$APP.l(a,"__xLiquidGlassModel");Z3(a,e);if($APP.n(function(){var f=$APP.cj.i(e);return $APP.n(f)?f:R3()}()))return d4(a);$3(a,function(){var f=$APP.l(a,"__xLiquidGlassTime");return $APP.n(f)?f:0}());return b4(a)}}return null},
|
|
32
|
+
cka=function(a){function b(){return $APP.R(a,"__xLiquidGlassPA",!1)}function c(){return $APP.R(a,"__xLiquidGlassPA",!0)}function d(e){var f=a.getBoundingClientRect();$APP.R(a,"__xLiquidGlassPX",e.clientX-f.left);return $APP.R(a,"__xLiquidGlassPY",e.clientY-f.top)}$APP.R(a,"__xLiquidGlassHdl",{move:d,enter:c,leave:b});a.addEventListener("pointermove",d,{passive:!0});a.addEventListener("pointerenter",c);return a.addEventListener("pointerleave",b)},e4=function(a){var b=$APP.l(a,"__xLiquidGlassHdl");
|
|
33
|
+
$APP.n(b)&&(a.removeEventListener("pointermove",$APP.l(b,"move")),a.removeEventListener("pointerenter",$APP.l(b,"enter")),a.removeEventListener("pointerleave",$APP.l(b,"leave")),$APP.R(a,"__xLiquidGlassHdl",null))},f4=function(a){return Wja($APP.Yf([$APP.Sr,A3,B3,$APP.$q,C3,$APP.Gq,D3,E3,F3,G3,H3,$APP.po,y3,z3],[a.getAttribute("blur"),a.getAttribute("blobs"),a.getAttribute("amplitude"),a.getAttribute("mode"),a.getAttribute("specular-intensity"),a.getAttribute("speed"),a.getAttribute("frost"),a.getAttribute("color-2"),
|
|
34
|
+
a.getAttribute("color-1"),a.getAttribute("goo"),a.getAttribute("specular"),a.getAttribute("disabled"),a.getAttribute("specular-size"),a.getAttribute("tint")]))},dka=function(a){var b=f4(a);if($APP.I(b,$APP.l(a,"__xLiquidGlassModel"))){var c=$APP.l(a,"__xLiquidGlassW"),d=$APP.l(a,"__xLiquidGlassH");$APP.n($APP.n(c)?$APP.n(d)?c>0&&d>0:d:c)&&(X3(a,c,d),Z3(a,b),$APP.n(function(){var e=$APP.cj.i(b);return $APP.n(e)?e:R3()}())?(c4(a),d4(a)):($3(a,function(){var e=$APP.l(a,"__xLiquidGlassTime");return $APP.n(e)?
|
|
35
|
+
e:0}()),b4(a)));return $APP.R(a,"__xLiquidGlassModel",b)}return null},eka=function(a){return $APP.y.j(a,"submerged")?"submerged":"surface"},fka=function(a){$APP.Ai(a,"blobs","blobs",Sja);$APP.Ai(a,"speed","speed",p3);$APP.Ai(a,"amplitude","amplitude",q3);$APP.Ai(a,"blur","blur",r3);$APP.Ai(a,"goo","goo",s3);$APP.yi(a,"tint","tint");$APP.ui(a,"specular","specular");$APP.Ai(a,"specularSize","specular-size",u3);$APP.Ai(a,"specularIntensity","specular-intensity",v3);$APP.ui(a,"disabled","disabled");$APP.Ai(a,
|
|
36
|
+
"mode","mode",eka);$APP.Ai(a,"frost","frost",t3);$APP.yi(a,"color1","color-1");return $APP.yi(a,"color2","color-2")},gka=function(a){var b=f4(a);$APP.R(a,"__xLiquidGlassModel",b);$APP.ji(a,"__xLiquidGlassTime",0);$APP.R(a,"__xLiquidGlassPA",!1);$APP.R(a,"__xLiquidGlassPX",0);$APP.R(a,"__xLiquidGlassPY",0);$APP.R(a,"__xLiquidGlassGT",0);$APP.n($APP.l(a,"__xLiquidGlassRefs"))||Zja(a);Z3(a,b);b=new ResizeObserver(function(c){return bka(a,c)});$APP.R(a,"__xLiquidGlassRO",b);b.observe(a);e4(a);return cka(a)},
|
|
37
|
+
hka=function(a){c4(a);e4(a);var b=$APP.l(a,"__xLiquidGlassRO");return $APP.n(b)?(b.disconnect(),$APP.R(a,"__xLiquidGlassRO",null)):null},ika=function(a,b,c,d){return $APP.I(c,d)?$APP.n($APP.l(a,"__xLiquidGlassRefs"))?dka(a):null:null},g4=function(){return $APP.Kh("x-liquid-glass",new $APP.N(null,5,[$APP.Bh,jka,$APP.zh,gka,$APP.qh,hka,$APP.ph,ika,$APP.Ah,fka],null))},x3=new $APP.F(null,"surface","surface",699915646),V3=new $APP.F(null,"core","core",-86019209),O3=new $APP.F(null,"specular-intensity",
|
|
38
|
+
"specular-intensity",437849876),B3=new $APP.F(null,"amplitude-raw","amplitude-raw",-673525115),J3=new $APP.F(null,"goo","goo",-1253057564),S3=new $APP.F(null,"glass","glass",1652756718),Yja=new $APP.F(null,"filter","filter",-948537934),I3=new $APP.F(null,"frost","frost",-3478780),M3=new $APP.F(null,"specular-size","specular-size",757318993),Y3=new $APP.F(null,"submerged","submerged",1636004473),L3=new $APP.F(null,"tint","tint",-1286736913),W3=new $APP.F(null,"grain","grain",2007662171),z3=new $APP.F(null,
|
|
39
|
+
"tint-raw","tint-raw",-653441954),E3=new $APP.F(null,"color-2-raw","color-2-raw",-1440423537),H3=new $APP.F(null,"specular-attr","specular-attr",-716021610),C3=new $APP.F(null,"specular-intensity-raw","specular-intensity-raw",109079177),G3=new $APP.F(null,"goo-raw","goo-raw",59658675),y3=new $APP.F(null,"specular-size-raw","specular-size-raw",592980345),F3=new $APP.F(null,"color-1-raw","color-1-raw",-1322552111),K3=new $APP.F(null,"amplitude","amplitude",-1387734203),U3=new $APP.F(null,"gradient",
|
|
40
|
+
"gradient",-1983908971),D3=new $APP.F(null,"frost-raw","frost-raw",1383732749),N3=new $APP.F(null,"specular?","specular?",964138290),A3=new $APP.F(null,"blobs-raw","blobs-raw",1729393761),T3=new $APP.F(null,"satellites","satellites",644765266);var jka="blobs speed amplitude blur goo tint specular specular-size specular-intensity disabled mode frost color-1 color-2".split(" ");
|
|
41
|
+
$APP.Yf([I3,J3,K3,new $APP.F(null,"specularSize","specularSize",-1757715579),$APP.Hk,$APP.Po,$APP.Jo,$APP.Sq,L3,new $APP.F(null,"color2","color2",1248091856),$APP.xn,$APP.ns,new $APP.F(null,"color1","color1",306558619),new $APP.F(null,"specularIntensity","specularIntensity",138075)],[new $APP.N(null,1,[$APP.O,$APP.Z],null),new $APP.N(null,1,[$APP.O,$APP.Z],null),new $APP.N(null,1,[$APP.O,$APP.Z],null),new $APP.N(null,1,[$APP.O,$APP.Z],null),new $APP.N(null,1,[$APP.O,$APP.Ci],null),new $APP.N(null,
|
|
42
|
+
1,[$APP.O,$APP.Z],null),new $APP.N(null,1,[$APP.O,$APP.Y],null),new $APP.N(null,1,[$APP.O,$APP.Ci],null),new $APP.N(null,1,[$APP.O,$APP.Y],null),new $APP.N(null,1,[$APP.O,$APP.Y],null),new $APP.N(null,1,[$APP.O,$APP.Z],null),new $APP.N(null,1,[$APP.O,$APP.Z],null),new $APP.N(null,1,[$APP.O,$APP.Y],null),new $APP.N(null,1,[$APP.O,$APP.Z],null)]);var Uja=new $APP.N(null,2,["surface",x3,"submerged",Y3],null);var Q3={v:0},a4=function a4(a){if($APP.n(a.isConnected)){var c=performance.now(),d=$APP.l(a,"__xLiquidGlassTime")+Math.min(c-$APP.l(a,"__xLiquidGlassLF"),100)/1E3;$APP.ji(a,"__xLiquidGlassLF",c);$APP.ji(a,"__xLiquidGlassTime",d);$3(a,d);$ja(a);aka(a,d);return $APP.ji(a,"__xLiquidGlassRaf",requestAnimationFrame(function(){return a4.i?a4.i(a):a4.call(null,a)}))}return null};$APP.fa("baredom.exports.x_liquid_glass.init",g4);export const init=g4;
|
package/dist/x-menu-item.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
return $APP.
|
|
4
|
-
"")
|
|
5
|
-
h=
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
$APP.
|
|
9
|
-
$APP.
|
|
2
|
+
var K2=function(a){a=new $APP.N(null,4,[$APP.ei,a.getAttribute("value"),$APP.Hk,a.hasAttribute("disabled"),$APP.Nk,a.getAttribute("variant"),$APP.O,a.getAttribute("type")],null);var b=$APP.H(a);a=$APP.C(b,$APP.ei);var c=$APP.C(b,$APP.Hk),d=$APP.C(b,$APP.Nk);b=$APP.C(b,$APP.O);a=$APP.n(a)?a:"";c=$APP.E(c);d=$APP.n(d)?d:"";d=$APP.$c(fja,d)?d:"";b=$APP.n(b)?b:"";b=$APP.$c(gja,b)?b:"";return new $APP.N(null,4,[$APP.ei,a,$APP.Hk,c,$APP.Nk,d,$APP.O,b],null)},L2=function(a){var b=a.getAttribute("value");
|
|
3
|
+
return $APP.pi(a,"x-menu-item-select",{value:$APP.n(b)?b:""})},M2=function(a){var b=K2(a);if($APP.I(b,$APP.l(a,"__xMenuItemModel"))){var c=$APP.l(a,"__xMenuItemRefs");c=$APP.n(c)?$APP.l(c,"base"):null;if($APP.n(c))if($APP.y.j($APP.O.i(b),"divider"))$APP.T(a,"role","separator"),$APP.U(a,"tabindex"),$APP.U(a,"aria-disabled"),$APP.T(c,"data-type","divider"),$APP.T(c,"data-variant",""),$APP.T(c,"data-disabled","false");else{var d=$APP.H(b),e=$APP.C(d,$APP.Nk);d=$APP.C(d,$APP.Hk);$APP.T(a,"role","menuitem");
|
|
4
|
+
$APP.T(a,"tabindex","-1");$APP.T(c,"data-type","");$APP.T(c,"data-variant",e);$APP.T(c,"data-disabled",$APP.n(d)?"true":"false");$APP.n(d)?$APP.T(a,"aria-disabled","true"):$APP.U(a,"aria-disabled")}a=$APP.R(a,"__xMenuItemModel",b)}else a=null;return a},N2=function(a){function b(){return e.assignedNodes().length>0?$APP.T(a,"has-icon",""):$APP.U(a,"has-icon")}function c(h){var k=h.key,m=K2(a);($APP.y.j(k,"Enter")||$APP.y.j(k," "))&&$APP.p($APP.Hk.i(m))&&$APP.I($APP.O.i(m),"divider")?(h.preventDefault(),
|
|
5
|
+
h=L2(a)):h=null;return h}function d(h){var k=K2(a);var m=$APP.Hk.i(k);m=$APP.n(m)?m:$APP.y.j($APP.O.i(k),"divider");$APP.n(m)&&h.preventDefault();return $APP.p($APP.Hk.i(k))&&$APP.I($APP.O.i(k),"divider")?L2(a):null}var e=$APP.l($APP.l(a,"__xMenuItemRefs"),"icon-slot"),f={};a.addEventListener("click",d);a.addEventListener("keydown",c);e.addEventListener("slotchange",b);f.click=d;f.keydown=c;f["icon-slotchange"]=b;$APP.R(a,"__xMenuItemHandlers",f)},hja=function(a){if($APP.fi(a,"__xMenuItemInit"))return N2(a),
|
|
6
|
+
M2(a);if(!$APP.fi(a,"__xMenuItemInit")){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("span"),f=document.createElement("slot"),h=document.createElement("span"),k=document.createElement("slot"),m=document.createElement("hr"),q={};c.textContent=":host{display:block;outline:none;color-scheme:light dark;--x-menu-item-color:var(--x-color-text,#111827);--x-menu-item-hover-bg:var(--x-color-surface-hover,#f3f4f6);--x-menu-item-focus-bg:var(--x-color-surface-hover,#eff6ff);--x-menu-item-focus-color:var(--x-color-primary-hover,#1d4ed8);--x-menu-item-disabled-opacity:0.45;--x-menu-item-danger-color:var(--x-color-danger,#dc2626);--x-menu-item-danger-hover-bg:#fef2f2;--x-menu-item-padding:8px 12px;--x-menu-item-border-radius:var(--x-radius-sm,4px);--x-menu-item-font-size:0.9375rem;--x-menu-item-icon-gap:8px;--x-menu-item-divider-color:var(--x-color-border,#e5e7eb);}:host([disabled]){pointer-events:none;}@media (prefers-color-scheme:dark){:host{--x-menu-item-color:var(--x-color-text,#f9fafb);--x-menu-item-hover-bg:var(--x-color-surface-hover,#1f2937);--x-menu-item-focus-bg:var(--x-color-surface-hover,#1e3a5f);--x-menu-item-focus-color:var(--x-color-focus-ring,#60a5fa);--x-menu-item-danger-color:var(--x-color-danger,#f87171);--x-menu-item-danger-hover-bg:#2d1515;--x-menu-item-divider-color:var(--x-color-border,#374151);}}.base{display:flex;align-items:center;gap:var(--x-menu-item-icon-gap);padding:var(--x-menu-item-padding);border-radius:var(--x-menu-item-border-radius);font-size:var(--x-menu-item-font-size);color:var(--x-menu-item-color);cursor:pointer;user-select:none;transition:background 100ms ease,color 100ms ease;}.base:hover{background:var(--x-menu-item-hover-bg);}:host(:focus) .base{background:var(--x-menu-item-focus-bg);color:var(--x-menu-item-focus-color);}.base[data-variant\x3d'danger']{color:var(--x-menu-item-danger-color);}.base[data-variant\x3d'danger']:hover{background:var(--x-menu-item-danger-hover-bg);}:host(:focus) .base[data-variant\x3d'danger']{background:var(--x-menu-item-danger-hover-bg);}.base[data-disabled\x3d'true']{opacity:var(--x-menu-item-disabled-opacity);cursor:default;pointer-events:none;}.base[data-type\x3d'divider']{padding:0;cursor:default;pointer-events:none;}.icon-span{display:none;flex-shrink:0;align-items:center;}:host([has-icon]) .icon-span{display:flex;}.divider-hr{display:none;}.base[data-type\x3d'divider'] .icon-span,.base[data-type\x3d'divider'] .label-span{display:none;}.base[data-type\x3d'divider'] .divider-hr{display:block;width:100%;border:none;border-top:1px solid var(--x-menu-item-divider-color);margin:4px 0;}@media (prefers-reduced-motion:reduce){.base{transition:none;}}";
|
|
7
|
+
$APP.T(d,"part","base");d.className="base";$APP.T(e,"part","icon");e.className="icon-span";$APP.T(f,"name","icon");e.appendChild(f);h.className="label-span";h.appendChild(k);m.className="divider-hr";d.appendChild(e);d.appendChild(h);d.appendChild(m);b.appendChild(c);b.appendChild(d);q.base=d;q["icon-span"]=e;q["icon-slot"]=f;$APP.R(a,"__xMenuItemRefs",q);N2(a);$APP.R(a,"__xMenuItemInit",!0)}M2(a);return a},ija=function(a){var b=$APP.l(a,"__xMenuItemHandlers"),c=$APP.l(a,"__xMenuItemRefs");if($APP.n(b)){var d=
|
|
8
|
+
$APP.l(b,"keydown"),e=$APP.l(b,"icon-slotchange");c=$APP.n(c)?$APP.l(c,"icon-slot"):null;a.removeEventListener("click",$APP.l(b,"click"));a.removeEventListener("keydown",d);a=$APP.n(c)?c.removeEventListener("slotchange",e):null}else a=null;return a},jja=function(a,b,c,d){return $APP.I(c,d)&&$APP.fi(a,"__xMenuItemInit")?M2(a):null},lja=function(a){return $APP.Ei(a,kja)},O2=function(){return $APP.Kh("x-menu-item",new $APP.N(null,5,[$APP.Bh,mja,$APP.zh,hja,$APP.qh,ija,$APP.ph,jja,$APP.Ah,lja],null))};var mja=["value","disabled","variant","type"],fja=new $APP.rg(null,new $APP.N(null,2,["",null,"danger",null],null),null),gja=new $APP.rg(null,new $APP.N(null,2,["",null,"divider",null],null),null),kja=new $APP.N(null,4,[$APP.ei,new $APP.N(null,2,[$APP.O,$APP.Y,$APP.W,"value"],null),$APP.Hk,new $APP.N(null,2,[$APP.O,$APP.Ci,$APP.W,"disabled"],null),$APP.Nk,new $APP.N(null,2,[$APP.O,$APP.Y,$APP.W,"variant"],null),$APP.O,new $APP.N(null,2,[$APP.O,$APP.Y,$APP.W,"type"],null)],null);
|
|
9
|
+
$APP.be(["x-menu-item-select",new $APP.N(null,1,[$APP.V,new $APP.N(null,1,[$APP.ei,$APP.Y],null)],null)]);$APP.fa("baredom.exports.x_menu_item.init",O2);export const init=O2;
|
package/dist/x-menu.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
(
|
|
4
|
-
|
|
5
|
-
0))return b.preventDefault(),e[e.length-1].focus();return null},
|
|
6
|
-
$APP.
|
|
7
|
-
return $APP.n($APP.n(
|
|
8
|
-
e=document.createElement("slot"),f=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
|
-
|
|
10
|
-
|
|
11
|
-
$APP.
|
|
2
|
+
var wY=function(a){a=a.querySelectorAll("x-menu-item");for(var b=[],c=a.length,d=0;;)if(d<c){var e=a[d];$APP.p(e.hasAttribute("disabled"))&&$APP.I(e.getAttribute("type"),"divider")&&b.push(e);d+=1}else break;return b},xY=function(a){$APP.n(a.hasAttribute("open"))||($APP.T(a,"open",""),$APP.pi(a,"x-menu-open",{}));if($APP.n(null)){a=wY(a);var b=a.length;return b>0?$APP.y.j(null,hfa)?a[0].focus():$APP.y.j(null,ifa)?a[b-1].focus():null:null}return null},yY=function(a,b){$APP.n(a.hasAttribute("open"))&&
|
|
3
|
+
($APP.U(a,"open"),$APP.pi(a,"x-menu-close",{}));return $APP.n(b)?(a=$APP.l(a,"__xMenuRefs"),a=$APP.n(a)?$APP.l(a,"trigger-slot"):null,a=$APP.n(a)?a.assignedElements():null,a=$APP.n($APP.n(a)?a.length>0:a)?a[0]:null,$APP.n(a)?a.focus():null):null},jfa=function(a,b){var c=b.composedPath();a=$APP.Bc(a.assignedElements());return $APP.E($APP.fe(function(d){return c.indexOf(d)>-1},a))},kfa=function(a,b){var c=b.key,d=a.hasAttribute("open");if($APP.y.j(c,"Escape"))return $APP.n(d)?(b.preventDefault(),yY(a,
|
|
4
|
+
!0)):null;if($APP.y.j(c,"Tab"))return $APP.n(d)?yY(a,!1):null;if($APP.y.j(c,"ArrowDown")||$APP.y.j(c,"ArrowUp")){var e=wY(a),f=e.length;if(f>0){b.preventDefault();if($APP.n(d))return a=e.indexOf(document.activeElement),c=$APP.y.j(c,"ArrowDown")?a>=f-1?0:a<0?0:a+1:a<=0?f-1:a-1,e[c].focus();xY(a);return e[$APP.y.j(c,"ArrowDown")?0:f-1].focus()}}else if($APP.y.j(c,"Home")){if($APP.n(d)&&(e=wY(a),e.length>0))return b.preventDefault(),e[0].focus()}else if($APP.y.j(c,"End")&&$APP.n(d)&&(e=wY(a),e.length>
|
|
5
|
+
0))return b.preventDefault(),e[e.length-1].focus();return null},zY=function(a){var b=new $APP.N(null,3,[$APP.Ir,a.hasAttribute("open"),$APP.Yo,a.getAttribute("placement"),$APP.bj,a.getAttribute("label")],null);b=$APP.H(b);var c=$APP.C(b,$APP.Ir),d=$APP.C(b,$APP.Yo);b=$APP.C(b,$APP.bj);c=$APP.E(c);d=$APP.n(d)?d:"";d=$APP.$c(lfa,d)?d:"bottom-start";b=new $APP.N(null,3,[$APP.Ir,c,$APP.Yo,d,$APP.bj,$APP.n(b)?b:""],null);$APP.I(b,$APP.l(a,"__xMenuModel"))?(d=$APP.l(a,"__xMenuRefs"),d=$APP.n(d)?$APP.l(d,
|
|
6
|
+
"popup"):null,$APP.n(d)&&($APP.T(d,"data-placement",$APP.Yo.i(b)),c=$APP.bj.i(b),$APP.n($APP.n(c)?$APP.I(c,""):c)?$APP.T(d,"aria-label",c):$APP.U(d,"aria-label")),a=$APP.R(a,"__xMenuModel",b)):a=null;return a},AY=function(a){function b(h){h.stopPropagation();h=h.detail.value;yY(a,!1);return $APP.pi(a,"x-menu-select",{value:$APP.n(h)?h:""})}function c(h){return kfa(a,h)}function d(h){$APP.n(a.hasAttribute("open"))?(h=h.composedPath(),h=$APP.y.j(-1,h.indexOf(a))?yY(a,!1):null):h=null;return h}function e(h){var k=
|
|
7
|
+
$APP.l(a,"__xMenuRefs");k=$APP.n(k)?$APP.l(k,"trigger-slot"):null;return $APP.n($APP.n(k)?jfa(k,h):k)?$APP.n(a.hasAttribute("open"))?yY(a,!0):xY(a):null}var f={};a.addEventListener("click",e);document.addEventListener("click",d,!0);a.addEventListener("keydown",c);a.addEventListener("x-menu-item-select",b);f.click=e;f["doc-click"]=d;f.keydown=c;f["item-select"]=b;$APP.R(a,"__xMenuHandlers",f)},mfa=function(a){if($APP.fi(a,"__xMenuInit"))return AY(a),zY(a);if(!$APP.fi(a,"__xMenuInit")){var b=a.attachShadow({mode:"open"}),
|
|
8
|
+
c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("slot"),f=document.createElement("div"),h=document.createElement("slot"),k={};c.textContent=":host{display:inline-block;position:relative;color-scheme:light dark;--x-menu-bg:var(--x-color-bg,#ffffff);--x-menu-border:1px solid var(--x-color-border,#e5e7eb);--x-menu-border-radius:var(--x-radius-md,8px);--x-menu-shadow:var(--x-shadow-md,0 4px 16px rgba(0,0,0,0.12));--x-menu-min-width:160px;--x-menu-padding:4px;--x-menu-z-index:1000;}@media (prefers-color-scheme:dark){:host{--x-menu-bg:var(--x-color-bg,#1f2937);--x-menu-border:1px solid var(--x-color-border,#374151);--x-menu-shadow:var(--x-shadow-md,0 4px 16px rgba(0,0,0,0.4));}}.base{position:relative;display:inline-block;}.popup{display:none;position:absolute;background:var(--x-menu-bg);border:var(--x-menu-border);border-radius:var(--x-menu-border-radius);box-shadow:var(--x-menu-shadow);min-width:var(--x-menu-min-width);max-width:calc(100vw - 1rem);padding:var(--x-menu-padding);z-index:var(--x-menu-z-index);box-sizing:border-box;}:host([open]) .popup{display:block;}.popup[data-placement\x3d'bottom-start']{top:100%;left:0;margin-top:4px;}.popup[data-placement\x3d'bottom-end']{top:100%;right:0;margin-top:4px;}.popup[data-placement\x3d'top-start']{bottom:100%;left:0;margin-bottom:4px;}.popup[data-placement\x3d'top-end']{bottom:100%;right:0;margin-bottom:4px;}";
|
|
9
|
+
$APP.T(d,"part","base");d.className="base";$APP.T(e,"name","trigger");$APP.T(f,"part","popup");f.className="popup";$APP.T(f,"role","menu");f.appendChild(h);d.appendChild(e);d.appendChild(f);b.appendChild(c);b.appendChild(d);k.base=d;k.popup=f;k["trigger-slot"]=e;k["item-slot"]=h;$APP.R(a,"__xMenuRefs",k);AY(a);$APP.R(a,"__xMenuInit",!0)}zY(a);return a},nfa=function(a){var b=$APP.l(a,"__xMenuHandlers");if($APP.n(b)){var c=$APP.l(b,"doc-click"),d=$APP.l(b,"keydown"),e=$APP.l(b,"item-select");a.removeEventListener("click",
|
|
10
|
+
$APP.l(b,"click"));document.removeEventListener("click",c,!0);a.removeEventListener("keydown",d);a=a.removeEventListener("x-menu-item-select",e)}else a=null;return a},ofa=function(a,b,c,d){return $APP.I(c,d)&&$APP.fi(a,"__xMenuInit")?zY(a):null},qfa=function(a){return $APP.Ei(a,pfa)},BY=function(){return $APP.Kh("x-menu",new $APP.N(null,5,[$APP.Bh,rfa,$APP.zh,mfa,$APP.qh,nfa,$APP.ph,ofa,$APP.Ah,qfa],null))},ifa=new $APP.F(null,"last","last",1105735132),hfa=new $APP.F(null,"first","first",-644103046);var rfa=["open","placement","label"],lfa=new $APP.rg(null,new $APP.N(null,4,["bottom-start",null,"bottom-end",null,"top-end",null,"top-start",null],null),null),pfa=new $APP.N(null,3,[$APP.Ir,new $APP.N(null,2,[$APP.O,$APP.Ci,$APP.W,"open"],null),$APP.Yo,new $APP.N(null,2,[$APP.O,$APP.Y,$APP.W,"placement"],null),$APP.bj,new $APP.N(null,2,[$APP.O,$APP.Y,$APP.W,"label"],null)],null);
|
|
11
|
+
$APP.be(["x-menu-open",new $APP.N(null,1,[$APP.V,$APP.ce],null),"x-menu-close",new $APP.N(null,1,[$APP.V,$APP.ce],null),"x-menu-select",new $APP.N(null,1,[$APP.V,new $APP.N(null,1,[$APP.ei,$APP.Y],null)],null)]);$APP.fa("baredom.exports.x_menu.init",BY);export const init=BY;
|
|
@@ -1,27 +1,24 @@
|
|
|
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.H(a),c=$APP.C(b,
|
|
7
|
-
|
|
8
|
-
window.addEventListener("pointermove",b)
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
$APP.
|
|
24
|
-
|
|
25
|
-
var VP=new $APP.P(null,5,["rainbow",new $APP.N(null,5,5,$APP.O,["#ef4444","#f59e0b","#22c55e","#3b82f6","#a855f7"],null),"ocean",new $APP.N(null,5,5,$APP.O,["#06b6d4","#0ea5e9","#6366f1","#8b5cf6","#0d9488"],null),"sunset",new $APP.N(null,5,5,$APP.O,["#ef4444","#f97316","#eab308","#ec4899","#f43f5e"],null),"neon",new $APP.N(null,5,5,$APP.O,["#22d3ee","#a78bfa","#f472b6","#34d399","#facc15"],null),"ember",new $APP.N(null,5,5,$APP.O,["#dc2626","#ea580c","#d97706","#b91c1c","#f59e0b"],null)],null);var uQ=[0],vQ=":host{display:block;position:relative;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:var("+$APP.R.i("--x-metaball-cursor-z-index")+",9999);}[part\x3dviewport]{position:absolute;inset:var("+$APP.R.i("--x-metaball-cursor-inset")+",0);pointer-events:none;opacity:var("+$APP.R.i("--x-metaball-cursor-opacity")+",1);mix-blend-mode:var("+$APP.R.i("--x-metaball-cursor-blend-mode")+",normal);}.blob{position:absolute;border-radius:50%;will-change:transform;pointer-events:none;top:0;left:0;background:var("+
|
|
26
|
-
$APP.R.i("--x-metaball-cursor-color")+",#6366f1);}@media(prefers-reduced-motion:reduce){.blob{transition:none!important;}}",pQ=function pQ(a){if($APP.n(a.isConnected)){var c=$APP.k(a,"__xMetaballMouse"),d=$APP.k(a,"__xMetaballBlobs"),e=$APP.k(a,"__xMetaballPos"),f=$APP.k(a,"__xMetaballSpeeds"),h=$APP.k(c,"x");c=$APP.k(c,"y");for(var l=$APP.k(a,"__xMetaballModel"),m=d.length,q=0;;)if(q<m){var r=e[q],v=f[q],w=ZP($APP.k(r,"x"),h,v);v=ZP($APP.k(r,"y"),c,v);var y=d[q];r.x=w;r.y=v;y.style.transform="translate("+
|
|
27
|
-
$APP.R.i(w)+"px,"+$APP.R.i(v)+"px) translate(-50%,-50%)";q+=1}else break;$APP.n(lQ.i(l))&&(d=$APP.k(a,"__xMetaballSeed")+hQ.i(l),e=$APP.k(a,"__xMetaballRefs"),a.__xMetaballSeed=d,e=$APP.nn.i(e),$APP.n(e)&&e.setAttribute("seed",""+$APP.R.i(Math.floor(d))));$APP.fa(a,"__xMetaballRaf",requestAnimationFrame(function(){return pQ.i?pQ.i(a):pQ.call(null,a)}))}return null};$APP.da("baredom.exports.x_metaball_cursor.init",AQ);export const init=AQ;
|
|
2
|
+
var xV=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},yV=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},zV=function(a){return typeof a==="string"&&a.trim().length>0?a.trim():"#6366f1"},AV=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},BV=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},CV=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},DV=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},EV=
|
|
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"},FV=function(a){if(typeof a==="string"&&a.trim().length>0){var b=$APP.C(fda,a.trim().toLowerCase());if($APP.n(b))return b;if(a.indexOf(",")>=0)return a=a.split(","),$APP.tf.m($APP.we,$APP.Im.j($APP.oe.i(function(c){return c.trim()}),$APP.te(function(c){return c.length>0})),a)}return null},GV=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},HV=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},IV=function(a,b,c){return a+(b-a)*c},XV=function(a){a=$APP.Yf([$APP.Sr,JV,KV,LV,MV,NV,$APP.on,$APP.Es,OV,PV],[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.H(a),c=$APP.C(b,PV);a=$APP.C(b,$APP.Sr);var d=$APP.C(b,JV),e=$APP.C(b,KV),f=$APP.C(b,LV),h=$APP.C(b,MV),k=$APP.C(b,NV),m=$APP.C(b,$APP.on),q=$APP.C(b,$APP.Es);b=$APP.C(b,OV);b=xV(b);q=zV(q);f=FV(f);c=BV(c);var u=[];if($APP.n($APP.n(f)?$APP.w(f)>0:f))for(var x=$APP.w(f),z=0;;)if(z<b)u.push($APP.vc(f,$APP.qd(z,x))),z+=1;else break;else for(x=0;;)if(x<b)u.push(q),x+=1;else break;return $APP.Yf([$APP.Xo,QV,RV,$APP.Ur,$APP.ur,SV,TV,$APP.xn,UV,VV,WV],[q,f,c,u,EV(m),AV(h),b,DV(a),yV(e),k!=null,
|
|
7
|
+
CV(d)])},YV=function(a,b){b=$APP.H(b);b=$APP.C(b,$APP.Xo);a.style.setProperty("--x-metaball-cursor-color",b)},gda=function(a){if($APP.E(window.matchMedia("(prefers-reduced-motion:reduce)").matches))return null;$APP.R(a,"__xMetaballSeed",0);return $APP.ji(a,"__xMetaballRaf",requestAnimationFrame(function(){return ZV(a)}))},hda=function(a){function b(c){var d=$APP.yo.i($APP.l(a,"__xMetaballRefs"));if($APP.n(d)){d=d.getBoundingClientRect();var e=$APP.l(a,"__xMetaballMouse");e.x=c.clientX-d.left;e.y=
|
|
8
|
+
c.clientY-d.top;c=void 0}else c=null;return c}window.addEventListener("pointermove",b);$APP.R(a,"__xMetaballHandler",b)},$V=function(a){var b=$APP.l(a,"__xMetaballHandler");return $APP.n(b)?(window.removeEventListener("pointermove",b),$APP.R(a,"__xMetaballHandler",null)):null},ida=function(a){$APP.Ai(a,"blobCount","blob-count",xV);$APP.Ai(a,"blobSize","blob-size",yV);$APP.Ai(a,"color","color",zV);$APP.ui(a,"noise","noise");$APP.Ai(a,"noiseScale","noise-scale",AV);$APP.Ai(a,"noiseSpeed","noise-speed",
|
|
9
|
+
BV);$APP.Ai(a,"noiseIntensity","noise-intensity",CV);$APP.Ai(a,"blur","blur",DV);$APP.Ai(a,"threshold","threshold",EV);return Object.defineProperty(a,"palette",{get:function(){return FV(this.getAttribute("palette"))},set:function(b){return b==null||$APP.y.j("",b)?$APP.U(this,"palette"):$APP.T(this,"palette",""+$APP.P.i(b))},enumerable:!0,configurable:!0})},kda=function(a){var b=XV(a);$APP.R(a,"__xMetaballModel",b);$APP.R(a,"__xMetaballMouse",{x:0,y:0});if(!$APP.n($APP.l(a,"__xMetaballRefs"))){var c=
|
|
10
|
+
$APP.l(a,"__xMetaballModel"),d=aW[0];aW[0]=d+1;var e="mb-"+$APP.P.i(d),f=a.attachShadow({mode:"open"}),h=document.createElement("style"),k=document.createElement("div"),m=document.createElementNS("http://www.w3.org/2000/svg","svg");$APP.R(a,"__xMetaballUid",d);h.textContent=jda;$APP.T(k,"part","viewport");k.style.filter="url(#"+$APP.P.i(e)+")";m.style.position="absolute";m.style.width="0";m.style.height="0";m.style.overflow="hidden";var q=$APP.H(c);c=$APP.C(q,$APP.xn);d=$APP.C(q,$APP.ur);var u=$APP.C(q,
|
|
11
|
+
VV),x=$APP.C(q,SV);q=$APP.C(q,WV);var z=document.createElementNS("http://www.w3.org/2000/svg","defs"),A=document.createElementNS("http://www.w3.org/2000/svg","filter"),D=document.createElementNS("http://www.w3.org/2000/svg","feGaussianBlur"),G=document.createElementNS("http://www.w3.org/2000/svg","feColorMatrix"),J=document.createElementNS("http://www.w3.org/2000/svg","feTurbulence"),S=document.createElementNS("http://www.w3.org/2000/svg","feDisplacementMap");$APP.T(A,"id",e);$APP.T(A,"x","-20%");
|
|
12
|
+
$APP.T(A,"y","-20%");$APP.T(A,"width","140%");$APP.T(A,"height","140%");$APP.T(D,"in","SourceGraphic");$APP.T(D,"stdDeviation",""+$APP.P.i(c));$APP.T(D,"result","blur");$APP.T(G,"in","blur");$APP.T(G,"type","matrix");$APP.T(G,"values",d);$APP.T(G,"result","threshold");$APP.T(J,"type","fractalNoise");$APP.T(J,"baseFrequency",""+$APP.P.i(.01*x));$APP.T(J,"numOctaves","3");$APP.T(J,"seed","0");$APP.T(J,"result","noise");$APP.T(S,"in","threshold");$APP.T(S,"in2","noise");$APP.T(S,"scale",$APP.n(u)?""+
|
|
13
|
+
$APP.P.i(q):"0");$APP.T(S,"xChannelSelector","R");$APP.T(S,"yChannelSelector","G");A.appendChild(D);A.appendChild(G);A.appendChild(J);A.appendChild(S);z.appendChild(A);m.appendChild(z);e=new $APP.N(null,5,[$APP.Nq,A,$APP.zo,D,$APP.ts,G,$APP.pr,J,$APP.Uo,S],null);k.appendChild(m);f.appendChild(h);f.appendChild(k);$APP.R(a,"__xMetaballRefs",$APP.pg($APP.Ac([e,new $APP.N(null,3,[$APP.Kj,f,$APP.yo,k,$APP.Hp,m],null)])))}f=$APP.l(a,"__xMetaballBlobs");if($APP.n(f)){h=f.length;for(k=0;;)if(k<h)m=f[k],$APP.n(m.parentNode)&&
|
|
14
|
+
m.parentNode.removeChild(m),k+=1;else break;$APP.R(a,"__xMetaballBlobs",[]);$APP.R(a,"__xMetaballPos",[])}h=$APP.H(b);f=$APP.C(h,TV);m=$APP.C(h,UV);h=$APP.C(h,$APP.Ur);k=$APP.H($APP.l(a,"__xMetaballRefs"));k=$APP.C(k,$APP.yo);m=HV(m,f);e=[];c=[];for(d=0;;)if(d<f)u=document.createElement("div"),x=m[d],u.className="blob",u.style.width=""+$APP.P.i(x)+"px",u.style.height=""+$APP.P.i(x)+"px",u.style.background=h[d],k.appendChild(u),e.push(u),c.push({x:0,y:0}),d+=1;else break;$APP.R(a,"__xMetaballBlobs",
|
|
15
|
+
e);$APP.R(a,"__xMetaballPos",c);$APP.R(a,"__xMetaballSpeeds",GV(f));YV(a,b);$APP.T(a,"aria-hidden","true");$APP.T(a,"role","presentation");$V(a);hda(a);return gda(a)},lda=function(a){var b=$APP.l(a,"__xMetaballRaf");$APP.n(b)&&(cancelAnimationFrame(b),$APP.ji(a,"__xMetaballRaf",null));return $V(a)},mda=function(a,b,c,d){if($APP.I(c,d))if(b=XV(a),$APP.I(b,$APP.l(a,"__xMetaballModel"))){if($APP.n($APP.l(a,"__xMetaballRefs"))){d=$APP.H(b);c=$APP.C(d,TV);var e=$APP.C(d,UV);d=$APP.C(d,$APP.Ur);var f=$APP.H($APP.l(a,
|
|
16
|
+
"__xMetaballRefs")),h=$APP.C(f,$APP.yo);f=$APP.l(a,"__xMetaballBlobs");var k=$APP.l(a,"__xMetaballPos"),m=f.length;e=HV(e,c);for(var q=m;;)if(q<c){var u=document.createElement("div");u.className="blob";h.appendChild(u);f.push(u);k.push({x:0,y:0});q+=1}else break;for(h=m;;)if(h>c)m=f.pop(),k.pop(),$APP.n(m.parentNode)&&m.parentNode.removeChild(m),--h;else break;for(k=0;;)if(k<c)h=f[k],m=e[k],h.style.width=""+$APP.P.i(m)+"px",h.style.height=""+$APP.P.i(m)+"px",h.style.background=d[k],k+=1;else break;
|
|
17
|
+
$APP.R(a,"__xMetaballSpeeds",GV(c));f=$APP.H(b);h=$APP.C(f,$APP.xn);e=$APP.C(f,$APP.ur);c=$APP.C(f,VV);d=$APP.C(f,SV);f=$APP.C(f,WV);k=$APP.l(a,"__xMetaballRefs");m=$APP.zo.i(k);$APP.n(m)&&$APP.T(m,"stdDeviation",""+$APP.P.i(h));h=$APP.ts.i(k);$APP.n(h)&&$APP.T(h,"values",e);e=$APP.pr.i(k);$APP.n(e)&&$APP.T(e,"baseFrequency",""+$APP.P.i(.01*d));d=$APP.Uo.i(k);$APP.n(d)&&$APP.T(d,"scale",$APP.n(c)?""+$APP.P.i(f):"0");YV(a,b)}a=$APP.R(a,"__xMetaballModel",b)}else a=null;else a=null;return a},bW=function(){return $APP.Kh("x-metaball-cursor",
|
|
18
|
+
new $APP.N(null,5,[$APP.Bh,nda,$APP.zh,kda,$APP.qh,lda,$APP.ph,mda,$APP.Ah,ida],null))},MV=new $APP.F(null,"noise-scale-raw","noise-scale-raw",123215597),JV=new $APP.F(null,"noise-intensity-raw","noise-intensity-raw",-116633534),VV=new $APP.F(null,"noise?","noise?",-38350370),UV=new $APP.F(null,"blob-size","blob-size",-1862159046),SV=new $APP.F(null,"noise-scale","noise-scale",-2033475279),NV=new $APP.F(null,"noise-attr","noise-attr",-1534959409),LV=new $APP.F(null,"palette-raw","palette-raw",-1398782582),
|
|
19
|
+
QV=new $APP.F(null,"palette","palette",-456203511),OV=new $APP.F(null,"blob-count-raw","blob-count-raw",-1850938603),PV=new $APP.F(null,"noise-speed-raw","noise-speed-raw",1761342974),RV=new $APP.F(null,"noise-speed","noise-speed",866692139),TV=new $APP.F(null,"blob-count","blob-count",-248711053),WV=new $APP.F(null,"noise-intensity","noise-intensity",747731519),KV=new $APP.F(null,"blob-size-raw","blob-size-raw",530207878);var nda="blob-count blob-size color noise noise-scale noise-speed noise-intensity blur threshold palette".split(" ");
|
|
20
|
+
$APP.Yf([$APP.Xo,new $APP.F(null,"blobSize","blobSize",-64083896),new $APP.F(null,"noiseIntensity","noiseIntensity",-792053623),QV,new $APP.F(null,"noiseScale","noiseScale",2003002730),new $APP.F(null,"noise","noise",-994696820),$APP.ur,$APP.xn,new $APP.F(null,"noiseSpeed","noiseSpeed",-959403627),new $APP.F(null,"blobCount","blobCount",-1279691625)],[new $APP.N(null,1,[$APP.O,$APP.Y],null),new $APP.N(null,1,[$APP.O,$APP.Z],null),new $APP.N(null,1,[$APP.O,$APP.Z],null),new $APP.N(null,1,[$APP.O,$APP.Y],
|
|
21
|
+
null),new $APP.N(null,1,[$APP.O,$APP.Z],null),new $APP.N(null,1,[$APP.O,$APP.Ci],null),new $APP.N(null,1,[$APP.O,$APP.Y],null),new $APP.N(null,1,[$APP.O,$APP.Z],null),new $APP.N(null,1,[$APP.O,$APP.Z],null),new $APP.N(null,1,[$APP.O,$APP.Z],null)]);
|
|
22
|
+
var fda=new $APP.N(null,5,["rainbow",new $APP.K(null,5,5,$APP.M,["#ef4444","#f59e0b","#22c55e","#3b82f6","#a855f7"],null),"ocean",new $APP.K(null,5,5,$APP.M,["#06b6d4","#0ea5e9","#6366f1","#8b5cf6","#0d9488"],null),"sunset",new $APP.K(null,5,5,$APP.M,["#ef4444","#f97316","#eab308","#ec4899","#f43f5e"],null),"neon",new $APP.K(null,5,5,$APP.M,["#22d3ee","#a78bfa","#f472b6","#34d399","#facc15"],null),"ember",new $APP.K(null,5,5,$APP.M,["#dc2626","#ea580c","#d97706","#b91c1c","#f59e0b"],null)],null);var aW=[0],jda=":host{display:block;position:relative;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:var("+$APP.P.i("--x-metaball-cursor-z-index")+",9999);}[part\x3dviewport]{position:absolute;inset:var("+$APP.P.i("--x-metaball-cursor-inset")+",0);pointer-events:none;opacity:var("+$APP.P.i("--x-metaball-cursor-opacity")+",1);mix-blend-mode:var("+$APP.P.i("--x-metaball-cursor-blend-mode")+",normal);}.blob{position:absolute;border-radius:50%;will-change:transform;pointer-events:none;top:0;left:0;background:var("+
|
|
23
|
+
$APP.P.i("--x-metaball-cursor-color")+",#6366f1);}@media(prefers-reduced-motion:reduce){.blob{transition:none!important;}}",ZV=function ZV(a){if($APP.n(a.isConnected)){var c=$APP.l(a,"__xMetaballMouse"),d=$APP.l(a,"__xMetaballBlobs"),e=$APP.l(a,"__xMetaballPos"),f=$APP.l(a,"__xMetaballSpeeds"),h=$APP.l(c,"x");c=$APP.l(c,"y");for(var k=$APP.l(a,"__xMetaballModel"),m=d.length,q=0;;)if(q<m){var u=e[q],x=f[q],z=IV($APP.l(u,"x"),h,x);x=IV($APP.l(u,"y"),c,x);var A=d[q];u.x=z;u.y=x;A.style.transform="translate("+
|
|
24
|
+
$APP.P.i(z)+"px,"+$APP.P.i(x)+"px) translate(-50%,-50%)";q+=1}else break;$APP.n(VV.i(k))&&(d=$APP.l(a,"__xMetaballSeed")+RV.i(k),e=$APP.l(a,"__xMetaballRefs"),$APP.R(a,"__xMetaballSeed",d),e=$APP.pr.i(e),$APP.n(e)&&$APP.ii(e,"seed",""+$APP.P.i(Math.floor(d))));return $APP.ji(a,"__xMetaballRaf",requestAnimationFrame(function(){return ZV.i?ZV.i(a):ZV.call(null,a)}))}return null};$APP.fa("baredom.exports.x_metaball_cursor.init",bW);export const init=bW;
|