@vanelsas/baredom 4.0.0-alpha.1 → 4.0.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 +337 -9
- package/README.md +23 -10
- package/custom-elements.json +17352 -4514
- package/dist/baredom.d.ts +92 -94
- package/dist/baremirror-alpha.js +25 -0
- package/dist/base.js +700 -607
- package/dist/integrity.json +113 -113
- package/dist/requests.d.ts +3 -0
- package/dist/requests.js +35 -0
- package/dist/x-alert.js +17 -17
- package/dist/x-avatar-group.js +10 -9
- package/dist/x-avatar.js +14 -14
- package/dist/x-badge.js +9 -9
- package/dist/x-bento-grid.d.ts +5 -0
- package/dist/x-bento-grid.js +6 -5
- package/dist/x-bento-item.d.ts +3 -0
- package/dist/x-bento-item.js +4 -4
- package/dist/x-breadcrumbs.d.ts +6 -5
- package/dist/x-breadcrumbs.js +16 -14
- package/dist/x-button.d.ts +4 -0
- package/dist/x-button.js +1 -1
- package/dist/x-calendar.js +42 -39
- package/dist/x-cancel-dialogue.js +16 -14
- package/dist/x-card.d.ts +4 -0
- package/dist/x-card.js +7 -7
- package/dist/x-carousel.js +37 -35
- package/dist/x-chart.d.ts +2 -0
- package/dist/x-chart.js +48 -47
- package/dist/x-checkbox.d.ts +11 -4
- package/dist/x-checkbox.js +1 -1
- package/dist/x-chip.js +1 -1
- package/dist/x-code.js +29 -27
- package/dist/x-collapse.js +11 -11
- package/dist/x-color-picker.d.ts +7 -0
- package/dist/x-color-picker.js +48 -46
- package/dist/x-combobox.d.ts +12 -4
- package/dist/x-combobox.js +36 -30
- package/dist/x-command-palette.d.ts +9 -1
- package/dist/x-command-palette.js +32 -28
- package/dist/x-confetti.js +24 -24
- package/dist/x-container.d.ts +4 -0
- package/dist/x-container.js +6 -5
- package/dist/x-context-menu.js +20 -20
- package/dist/x-copy.js +1 -1
- package/dist/x-currency-field.d.ts +5 -0
- package/dist/x-currency-field.js +26 -24
- package/dist/x-date-picker.d.ts +20 -2
- package/dist/x-date-picker.js +46 -39
- package/dist/x-divider.js +9 -10
- package/dist/x-drag-panel.d.ts +45 -0
- package/dist/x-drag-panel.js +37 -0
- package/dist/x-drawer.js +12 -11
- package/dist/x-drop-zone.d.ts +49 -0
- package/dist/x-drop-zone.js +12 -0
- package/dist/x-dropdown.js +12 -12
- package/dist/x-fieldset.js +6 -6
- package/dist/x-file-download.d.ts +4 -0
- package/dist/x-file-download.js +15 -7
- package/dist/x-file-upload.d.ts +10 -5
- package/dist/x-file-upload.js +27 -23
- package/dist/x-floating-panel.d.ts +50 -0
- package/dist/x-floating-panel.js +25 -0
- package/dist/x-form-field.d.ts +11 -1
- package/dist/x-form-field.js +18 -15
- package/dist/x-form.js +10 -11
- package/dist/x-gaussian-blur.js +13 -14
- package/dist/x-grid.d.ts +9 -0
- package/dist/x-grid.js +8 -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 +19 -17
- package/dist/x-kbd.js +16 -16
- package/dist/x-kinetic-canvas.js +26 -26
- package/dist/x-kinetic-font.js +27 -27
- package/dist/x-kinetic-typography.js +35 -35
- package/dist/x-liquid-dock.js +34 -34
- package/dist/x-liquid-fill.js +42 -42
- package/dist/x-liquid-glass.js +42 -41
- package/dist/x-menu-item.js +9 -8
- package/dist/x-menu.js +10 -10
- package/dist/x-metaball-cursor.js +23 -23
- package/dist/x-modal.js +13 -12
- package/dist/x-morph-stack.js +38 -37
- package/dist/x-multi-combobox.d.ts +13 -5
- package/dist/x-multi-combobox.js +42 -36
- package/dist/x-navbar.js +16 -15
- package/dist/x-neural-glow.js +31 -30
- package/dist/x-notification-center.js +9 -9
- package/dist/x-organic-divider.js +18 -18
- package/dist/x-organic-progress.js +35 -35
- package/dist/x-organic-shape.js +13 -14
- package/dist/x-otp-input.d.ts +5 -0
- package/dist/x-otp-input.js +23 -22
- package/dist/x-pagination.js +16 -14
- package/dist/x-particle-button.d.ts +10 -1
- package/dist/x-particle-button.js +55 -51
- package/dist/x-popover.js +28 -27
- package/dist/x-progress-circle.js +8 -9
- package/dist/x-progress.js +8 -8
- package/dist/x-proximity-list.js +20 -20
- package/dist/x-radio.d.ts +10 -3
- package/dist/x-radio.js +13 -11
- package/dist/x-range-slider.d.ts +7 -0
- package/dist/x-range-slider.js +31 -28
- package/dist/x-rating.d.ts +7 -0
- package/dist/x-rating.js +25 -23
- package/dist/x-ripple-effect.js +10 -10
- package/dist/x-scroll-parallax.js +17 -17
- package/dist/x-scroll-stack.js +17 -17
- package/dist/x-scroll-story.js +33 -33
- package/dist/x-scroll-timeline.js +46 -46
- package/dist/x-scroll.js +39 -38
- package/dist/x-search-field.d.ts +10 -3
- package/dist/x-search-field.js +1 -1
- package/dist/x-select.d.ts +12 -2
- package/dist/x-select.js +1 -1
- package/dist/x-sidebar.d.ts +4 -0
- package/dist/x-sidebar.js +17 -18
- package/dist/x-skeleton-group.js +13 -12
- package/dist/x-skeleton.js +1 -1
- package/dist/x-slider.d.ts +7 -0
- package/dist/x-slider.js +17 -16
- package/dist/x-soft-body.js +20 -20
- package/dist/x-spacer.js +4 -4
- package/dist/x-spinner.js +4 -4
- package/dist/x-splash.js +13 -12
- package/dist/x-split-pane.js +15 -15
- package/dist/x-spotlight-card.js +13 -12
- package/dist/x-stat.js +10 -10
- package/dist/x-stepper.js +15 -13
- package/dist/x-switch.d.ts +10 -3
- package/dist/x-switch.js +12 -11
- package/dist/x-tab.d.ts +5 -0
- package/dist/x-tab.js +10 -7
- package/dist/x-table-cell.js +21 -21
- package/dist/x-table-row.js +9 -8
- package/dist/x-table.js +14 -13
- package/dist/x-tabs.d.ts +9 -0
- package/dist/x-tabs.js +11 -11
- package/dist/x-text-area.d.ts +12 -0
- package/dist/x-text-area.js +21 -19
- package/dist/x-theme.js +26 -25
- package/dist/x-timeline-item.js +21 -20
- package/dist/x-timeline.js +8 -8
- package/dist/x-toast.js +22 -22
- package/dist/x-toaster.js +7 -7
- package/dist/x-tooltip.js +14 -12
- package/dist/x-trace-history.js +119 -127
- package/dist/x-typography.js +9 -9
- package/dist/x-welcome-tour.js +63 -63
- package/package.json +25 -26
- package/dist/barebuild-action.d.ts +0 -45
- package/dist/barebuild-action.js +0 -9
- package/dist/barebuild-data.d.ts +0 -39
- package/dist/barebuild-data.js +0 -5
- package/dist/barebuild-invalidate-on.d.ts +0 -42
- package/dist/barebuild-invalidate-on.js +0 -5
- package/dist/barebuild-route.d.ts +0 -39
- package/dist/barebuild-route.js +0 -4
- package/dist/barebuild-router.d.ts +0 -41
- package/dist/barebuild-router.js +0 -13
package/dist/x-liquid-glass.js
CHANGED
|
@@ -1,42 +1,43 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
|
|
4
|
-
|
|
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},
|
|
6
|
-
"filter"),k=document.createElementNS("http://www.w3.org/2000/svg","feGaussianBlur"),
|
|
7
|
-
$APP.
|
|
8
|
-
";"+$APP.
|
|
9
|
-
$APP.
|
|
10
|
-
"),opacity var("+$APP.
|
|
11
|
-
");}[part\x3dcontent]{position:relative;padding:var("+$APP.
|
|
12
|
-
") both;}@media(prefers-color-scheme:dark){:host{"+$APP.
|
|
13
|
-
$APP.
|
|
14
|
-
"stop"),
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
f.appendChild(
|
|
19
|
-
|
|
20
|
-
$APP.
|
|
21
|
-
""+$APP.
|
|
22
|
-
"__xLiquidGlassMaskSats");for(h=f.length-1;;)if(h>=d)e.removeChild(f[h]),$APP.
|
|
23
|
-
e=$APP.G($APP.l(a,"__xLiquidGlassRefs"));e=$APP.C(e,
|
|
24
|
-
""+$APP.
|
|
25
|
-
d.style.mask=e;d.style.webkitMask=e;$APP.
|
|
26
|
-
"__xLiquidGlassW"),$APP.l(a,"__xLiquidGlassH"))*.32)*.6;var f=$APP.l(a,"__xLiquidGlassRX"),h=$APP.l(a,"__xLiquidGlassRY"),k=$APP.G($APP.l(a,"__xLiquidGlassRefs"));k=$APP.C(k,
|
|
27
|
-
|
|
28
|
-
"px "+$APP.
|
|
29
|
-
"% "+$APP.
|
|
30
|
-
"__xLiquidGlassRY"),e=$APP.G($APP.l(a,"__xLiquidGlassRefs"));e=$APP.C(e,
|
|
31
|
-
"__xLiquidGlassRefs"));d=$APP.C(d,$APP.
|
|
32
|
-
|
|
33
|
-
$APP.
|
|
34
|
-
a.getAttribute("color-1"),a.getAttribute("goo"),a.getAttribute("specular"),a.getAttribute("disabled"),a.getAttribute("specular-size"),a.getAttribute("tint")]))},
|
|
35
|
-
e:0}()),
|
|
36
|
-
"mode","mode",
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
"
|
|
40
|
-
|
|
41
|
-
$APP.
|
|
42
|
-
|
|
2
|
+
var q2=function(a,b,c,d){if(typeof a==="string"){a=a.trim();if($APP.z.j(a,""))return b;a=parseFloat(a);return $APP.m(isNaN(a))?b:Math.min(d,Math.max(c,a))}return b},r2=function(a){if(typeof a==="string"){a=a.trim();if($APP.z.j(a,""))return 5;a=parseInt(a,10);return $APP.m(isNaN(a))?5:Math.min(8,Math.max(3,a))}return 5},Xwa=function(a){return r2(a)},s2=function(a){return q2(a,.3,.05,2)},t2=function(a){return q2(a,.15,.05,.4)},u2=function(a){return q2(a,12,0,40)},v2=function(a){return q2(a,10,4,20)},
|
|
3
|
+
w2=function(a){return q2(a,.5,0,1)},x2=function(a){return q2(a,.4,.1,1)},y2=function(a){return q2(a,.3,0,1)},Ywa=function(a){return typeof a==="string"?(a=a.trim(),$APP.M.j(a,"")?a:null):null},z2=function(a){return typeof a==="string"?(a=a.trim(),$APP.M.j(a,"")?a:null):null},$wa=function(a){a=$APP.C(Zwa,typeof a==="string"?a.trim().toLowerCase():null);return $APP.m(a)?a:A2},axa=function(a){var b=$APP.G(a);a=$APP.C(b,$APP.ev);var c=$APP.C(b,B2),d=$APP.C(b,C2),e=$APP.C(b,$APP.Wt),f=$APP.C(b,D2),h=$APP.C(b,
|
|
4
|
+
E2),k=$APP.C(b,$APP.In),n=$APP.C(b,F2),r=$APP.C(b,$APP.lt),v=$APP.C(b,G2),x=$APP.C(b,H2),y=$APP.C(b,I2),A=$APP.C(b,J2);b=$APP.C(b,K2);return $APP.Ag([L2,M2,N2,$APP.rv,$APP.On,O2,P2,Q2,$APP.mw,$APP.Gu,$APP.lw,$APP.eu,R2,$APP.nl],[w2(v),v2(A),t2(h),s2(r),$wa(k),Ywa(d),x2(c),b!=null,function(){var E=z2(x);return $APP.m(E)?E:"rgba(244,114,182,0.35)"}(),u2(e),function(){var E=z2(y);return $APP.m(E)?E:"rgba(99,102,241,0.4)"}(),r2(f),y2(n),a!=null])},S2=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},bxa=function(){var a=$APP.l(T2,"v");T2.v=a+1;return a},U2=function(){return $APP.D(window.matchMedia("(prefers-reduced-motion:reduce)").matches)},dxa=function(a){var b=bxa(),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"),n=document.createElementNS("http://www.w3.org/2000/svg","feColorMatrix"),r=document.createElementNS("http://www.w3.org/2000/svg","g"),v=document.createElementNS("http://www.w3.org/2000/svg","ellipse"),x=document.createElement("div"),y=document.createElement("div"),A=document.createElement("div"),E=document.createElement("div"),I=document.createElement("div"),O=document.createElement("slot"),S="lg-goo-"+$APP.N.i(b);
|
|
7
|
+
$APP.T(a,"__xLiquidGlassUID",b);d.textContent=":host{display:block;position:relative;isolation:isolate;min-width:120px;min-height:80px;"+$APP.N.i("--x-liquid-glass-padding")+":1.5rem;"+$APP.N.i("--x-liquid-glass-specular-color")+":rgba(255,255,255,0.6);"+$APP.N.i("--x-liquid-glass-spring")+":"+$APP.N.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.N.i("--x-liquid-glass-spring-duration")+":"+$APP.N.i("600ms")+";}"+$APP.N.i(":host([hidden]){display:none;}")+"[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.N.i("--x-liquid-glass-blur")+",12px)) saturate(180%);-webkit-backdrop-filter:blur(var("+$APP.N.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.N.i("--x-liquid-glass-spring-duration")+","+$APP.N.i("600ms")+") var("+$APP.N.i("--x-liquid-glass-spring")+","+$APP.N.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.N.i("--x-liquid-glass-spring-duration")+","+$APP.N.i("600ms")+") var("+$APP.N.i("--x-liquid-glass-spring")+","+$APP.N.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.N.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.N.i("--x-liquid-glass-spring-duration")+","+$APP.N.i("600ms")+") var("+$APP.N.i("--x-liquid-glass-spring")+","+$APP.N.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.N.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.U(e,"part","svg");$APP.U(e,"viewBox","0 0 300 200");$APP.U(e,"preserveAspectRatio","none");$APP.U(e,"aria-hidden","true");$APP.U(h,"id",S);$APP.U(k,"in","SourceGraphic");$APP.U(k,"stdDeviation","10");
|
|
13
|
+
$APP.U(k,"result","blur");$APP.U(n,"in","blur");$APP.U(n,"mode","matrix");$APP.U(n,"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(n);f.appendChild(h);e.appendChild(f);$APP.U(r,"filter","url(#"+$APP.N.i(S)+")");$APP.U(r,"opacity","0.35");$APP.U(v,"class","blob-core");r.appendChild(v);e.appendChild(r);n=document.createElementNS("http://www.w3.org/2000/svg","linearGradient");var R="lg-edge-"+$APP.N.i(b),da=document.createElementNS("http://www.w3.org/2000/svg",
|
|
14
|
+
"stop"),na=document.createElementNS("http://www.w3.org/2000/svg","stop"),ka=document.createElementNS("http://www.w3.org/2000/svg","stop");$APP.U(n,"id",R);$APP.U(n,"x1","0");$APP.U(n,"y1","0");$APP.U(n,"x2","1");$APP.U(n,"y2","1");$APP.U(da,"offset","0%");$APP.U(da,"stop-color","white");$APP.U(da,"stop-opacity","0.9");$APP.U(na,"offset","50%");$APP.U(na,"stop-color","white");$APP.U(na,"stop-opacity","0.15");$APP.U(ka,"offset","100%");$APP.U(ka,"stop-color","white");$APP.U(ka,"stop-opacity","0.5");
|
|
15
|
+
n.appendChild(da);n.appendChild(na);n.appendChild(ka);f.appendChild(n);$APP.T(a,"__xLiquidGlassEdgeId",R);n=document.createElementNS("http://www.w3.org/2000/svg","g");R=document.createElementNS("http://www.w3.org/2000/svg","ellipse");da=$APP.l(a,"__xLiquidGlassEdgeId");$APP.U(n,"filter","url(#"+$APP.N.i(S)+")");$APP.U(n,"opacity","0.7");$APP.U(R,"class","blob-border");$APP.U(R,"fill","none");$APP.U(R,"stroke","url(#"+$APP.N.i(da)+")");$APP.U(R,"stroke-width","2.5");n.appendChild(R);e.appendChild(n);
|
|
16
|
+
$APP.T(a,"__xLiquidGlassBorderG",n);$APP.T(a,"__xLiquidGlassBorderCore",R);n=document.createElementNS("http://www.w3.org/2000/svg","filter");R="lg-grain-"+$APP.N.i(b);da=document.createElementNS("http://www.w3.org/2000/svg","feTurbulence");na=document.createElementNS("http://www.w3.org/2000/svg","feColorMatrix");$APP.U(n,"id",R);$APP.U(da,"type","fractalNoise");$APP.U(da,"baseFrequency","0.6");$APP.U(da,"numOctaves","3");$APP.U(da,"stitchTiles","stitch");$APP.U(na,"type","matrix");$APP.U(na,"values",
|
|
17
|
+
"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0");n.appendChild(da);n.appendChild(na);f.appendChild(n);$APP.T(a,"__xLiquidGlassGrainId",R);n=document.createElementNS("http://www.w3.org/2000/svg","mask");b="lg-mask-"+$APP.N.i(b);R=document.createElementNS("http://www.w3.org/2000/svg","g");da=document.createElementNS("http://www.w3.org/2000/svg","ellipse");$APP.U(n,"id",b);$APP.U(n,"maskUnits","userSpaceOnUse");$APP.U(n,"maskContentUnits","userSpaceOnUse");$APP.U(R,"filter","url(#"+$APP.N.i(S)+")");
|
|
18
|
+
$APP.U(da,"fill","white");R.appendChild(da);n.appendChild(R);f.appendChild(n);$APP.T(a,"__xLiquidGlassMaskG",R);$APP.T(a,"__xLiquidGlassMaskCore",da);$APP.T(a,"__xLiquidGlassMaskSats",[]);$APP.T(a,"__xLiquidGlassMaskId",b);$APP.U(x,"part","glass");f="url(#"+$APP.N.i($APP.l(a,"__xLiquidGlassMaskId"))+")";x.style.mask=f;x.style.webkitMask=f;$APP.U(y,"part","grain");y.style.filter="url(#"+$APP.N.i($APP.l(a,"__xLiquidGlassGrainId"))+")";f="url(#"+$APP.N.i($APP.l(a,"__xLiquidGlassMaskId"))+")";y.style.mask=
|
|
19
|
+
f;y.style.webkitMask=f;$APP.U(A,"part","gradient");f="url(#"+$APP.N.i($APP.l(a,"__xLiquidGlassMaskId"))+")";A.style.mask=f;A.style.webkitMask=f;$APP.U(E,"part","specular");f="url(#"+$APP.N.i($APP.l(a,"__xLiquidGlassMaskId"))+")";E.style.mask=f;E.style.webkitMask=f;$APP.U(I,"part","content");I.appendChild(O);c.appendChild(d);c.appendChild(x);c.appendChild(e);c.appendChild(y);c.appendChild(A);c.appendChild(E);c.appendChild(I);$APP.U(a,"data-entering","");setTimeout(function(){return $APP.V(a,"data-entering")},
|
|
20
|
+
700);$APP.T(a,"__xLiquidGlassRefs",$APP.Ag([$APP.or,$APP.vt,V2,$APP.Fw,cxa,W2,$APP.Gu,$APP.hm,X2,$APP.Jv,Y2,Z2],[I,E,x,r,h,[],k,c,A,e,v,y]))},$2=function(a,b,c){var d=$APP.eu.i($APP.l(a,"__xLiquidGlassModel")),e=b/2,f=c/2,h=b*.32,k=c*.32,n=h*.55,r=k*.55;var v=h*.9;for(var x=k*.9,y=new Float64Array(d),A=new Float64Array(d),E=0;;)if(E<d){var I=2*Math.PI*(E/d);y[E]=e+v*Math.cos(I);A[E]=f+x*Math.sin(I);E+=1}else break;v=[y,A];x=$APP.G($APP.l(a,"__xLiquidGlassRefs"));x=$APP.C(x,Y2);$APP.U(x,"cx",""+$APP.N.i(e));
|
|
21
|
+
$APP.U(x,"cy",""+$APP.N.i(f));$APP.U(x,"rx",""+$APP.N.i(h));$APP.U(x,"ry",""+$APP.N.i(k));x=$APP.l(a,"__xLiquidGlassMaskCore");$APP.m(x)&&($APP.U(x,"cx",""+$APP.N.i(e)),$APP.U(x,"cy",""+$APP.N.i(f)),$APP.U(x,"rx",""+$APP.N.i(h)),$APP.U(x,"ry",""+$APP.N.i(k)));b*=.44;c*=.44;h=$APP.l(a,"__xLiquidGlassBorderCore");$APP.m(h)&&($APP.U(h,"cx",""+$APP.N.i(e)),$APP.U(h,"cy",""+$APP.N.i(f)),$APP.U(h,"rx",""+$APP.N.i(b)),$APP.U(h,"ry",""+$APP.N.i(c)));f=$APP.l(a,"__xLiquidGlassRefs");e=$APP.Fw.i(f);f=W2.i(f);
|
|
22
|
+
c=$APP.l(a,"__xLiquidGlassMaskG");b=$APP.l(a,"__xLiquidGlassMaskSats");for(h=f.length-1;;)if(h>=d)e.removeChild(f[h]),$APP.m(c)&&c.removeChild(b[h]),--h;else break;f.length>d&&(f.length=d,$APP.m(b)&&(b.length=d));for(h=f.length;;)if(h<d)k=document.createElementNS("http://www.w3.org/2000/svg","ellipse"),$APP.U(k,"class","blob-sat-"+$APP.N.i(h)),$APP.U(k,"fill","#ffffff"),e.appendChild(k),f.push(k),$APP.m(c)&&(k=document.createElementNS("http://www.w3.org/2000/svg","ellipse"),$APP.U(k,"fill","white"),
|
|
23
|
+
c.appendChild(k),b.push(k)),h+=1;else break;e=$APP.G($APP.l(a,"__xLiquidGlassRefs"));e=$APP.C(e,W2);f=$APP.l(a,"__xLiquidGlassMaskSats");for(c=0;;)if(c<d)b=e[c],$APP.U(b,"rx",""+$APP.N.i(n)),$APP.U(b,"ry",""+$APP.N.i(r)),$APP.m($APP.m(f)?c<f.length:f)&&(b=f[c],$APP.U(b,"rx",""+$APP.N.i(n)),$APP.U(b,"ry",""+$APP.N.i(r))),c+=1;else break;$APP.T(a,"__xLiquidGlassRX",v[0]);$APP.T(a,"__xLiquidGlassRY",v[1])},b3=function(a,b){var c=$APP.l(a,"__xLiquidGlassRefs"),d=$APP.Gu.i(c),e=V2.i(c),f=$APP.vt.i(c),
|
|
24
|
+
h=Y2.i(c),k=$APP.Fw.i(c);$APP.U(d,"stdDeviation",""+$APP.N.i(M2.i(b)));e.style.setProperty("--x-liquid-glass-blur",""+$APP.N.i($APP.Gu.i(b))+"px");$APP.U(h,"fill","#ffffff");d=W2.i(c);e=d.length;for(h=0;;)if(h<e)$APP.U(d[h],"fill","#ffffff"),h+=1;else break;h=$APP.z.j(a3,$APP.On.i(b));d=$APP.or.i(c);c=Z2.i(c);e="url(#"+$APP.N.i($APP.l(a,"__xLiquidGlassMaskId"))+")";if(h){d.style.position="relative";d.style.zIndex="0";h=L2.i(b);var n=1-h*.5,r=h*.35,v=h*.2;d.style.filter="blur("+$APP.N.i((h*2).toFixed(1))+
|
|
25
|
+
"px)";d.style.opacity=""+$APP.N.i(n.toFixed(2));d.style.mask=e;d.style.webkitMask=e;$APP.U(k,"opacity",r.toFixed(2));$APP.m(c)&&(c.style.opacity=v.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.U(k,"opacity","0.35"),$APP.m(c)&&(c.style.opacity="0.4"),a.style.contain="";$APP.m(Q2.i(b))||(f.style.opacity="0")},c3=function(a,b){var c=$APP.l(a,"__xLiquidGlassModel"),d=$APP.eu.i(c),
|
|
26
|
+
e=$APP.rv.i(c);c=N2.i(c)*(Math.min($APP.l(a,"__xLiquidGlassW"),$APP.l(a,"__xLiquidGlassH"))*.32)*.6;var f=$APP.l(a,"__xLiquidGlassRX"),h=$APP.l(a,"__xLiquidGlassRY"),k=$APP.G($APP.l(a,"__xLiquidGlassRefs"));k=$APP.C(k,W2);a=$APP.l(a,"__xLiquidGlassMaskSats");for(var n=0;;)if(n<d){var r=n*2.39996;var v=[f[n]+c*S2(r,0,b*e),h[n]+c*S2(0,r,b*e)];r=v[0].toFixed(2);v=v[1].toFixed(2);var x=k[n];$APP.Wi(x,"cx",r);$APP.Wi(x,"cy",v);$APP.m($APP.m(a)?n<a.length:a)&&(x=a[n],$APP.Wi(x,"cx",r),$APP.Wi(x,"cy",v));
|
|
27
|
+
n+=1}else break},exa=function(a){var b=$APP.l(a,"__xLiquidGlassModel"),c=$APP.vt.i($APP.l(a,"__xLiquidGlassRefs"));if($APP.m(Q2.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=P2.i(b)*Math.min(h,a);a="var("+$APP.N.i("--x-liquid-glass-specular-color")+",rgba(255,255,255,0.6))";$APP.m(d)?(c.style.opacity=""+$APP.N.i(R2.i(b)),c.style.background="radial-gradient(ellipse "+$APP.N.i(h)+
|
|
28
|
+
"px "+$APP.N.i(h)+"px at "+$APP.N.i(e.toFixed(1))+"px "+$APP.N.i(f.toFixed(1))+"px,"+$APP.N.i(a)+" 0%,transparent 100%)"):c.style.opacity="0"}},fxa=function(a,b){var c=$APP.l(a,"__xLiquidGlassModel");a=X2.i($APP.l(a,"__xLiquidGlassRefs"));var d=$APP.lw.i(c);c=$APP.mw.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.N.i((30+10*Math.sin(b*.07)).toFixed(1))+"% "+$APP.N.i(e.toFixed(1))+"%,"+$APP.N.i(d)+" 0%,transparent 70%),radial-gradient(ellipse at "+
|
|
29
|
+
$APP.N.i(f.toFixed(1))+"% "+$APP.N.i(h.toFixed(1))+"%,"+$APP.N.i(c)+" 0%,transparent 70%)"},e3=function(a){if($APP.m($APP.l(a,"__xLiquidGlassRaf")))return null;$APP.Xi(a,"__xLiquidGlassLF",performance.now());return $APP.Xi(a,"__xLiquidGlassRaf",requestAnimationFrame(function(){return d3(a)}))},f3=function(a){var b=$APP.l(a,"__xLiquidGlassRaf");$APP.m(b)&&(cancelAnimationFrame(b),$APP.Xi(a,"__xLiquidGlassRaf",null))},g3=function(a){var b=$APP.eu.i($APP.l(a,"__xLiquidGlassModel")),c=$APP.l(a,"__xLiquidGlassRX"),
|
|
30
|
+
d=$APP.l(a,"__xLiquidGlassRY"),e=$APP.G($APP.l(a,"__xLiquidGlassRefs"));e=$APP.C(e,W2);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 n=e[f];$APP.U(n,"cx",h);$APP.U(n,"cy",k)}$APP.m($APP.m(a)?f<a.length:a)&&(n=a[f],$APP.U(n,"cx",h),$APP.U(n,"cy",k));f+=1}else return null},gxa=function(a,b){if(b.length>0){var c=b[0].contentRect;b=c.width;c=c.height;if(b>0&&c>0){$APP.T(a,"__xLiquidGlassW",b);$APP.T(a,"__xLiquidGlassH",c);var d=$APP.G($APP.l(a,
|
|
31
|
+
"__xLiquidGlassRefs"));d=$APP.C(d,$APP.Jv);$APP.U(d,"viewBox","0 0 "+$APP.N.i(b)+" "+$APP.N.i(c));d=d.querySelector("#"+$APP.N.i($APP.l(a,"__xLiquidGlassMaskId")));$APP.m(d)&&($APP.U(d,"x","0"),$APP.U(d,"y","0"),$APP.U(d,"width",""+$APP.N.i(b)),$APP.U(d,"height",""+$APP.N.i(c)));$2(a,b,c);var e=$APP.l(a,"__xLiquidGlassModel");b3(a,e);if($APP.m(function(){var f=$APP.nl.i(e);return $APP.m(f)?f:U2()}()))return g3(a);c3(a,function(){var f=$APP.l(a,"__xLiquidGlassTime");return $APP.m(f)?f:0}());return e3(a)}}return null},
|
|
32
|
+
hxa=function(a){function b(){return $APP.T(a,"__xLiquidGlassPA",!1)}function c(){return $APP.T(a,"__xLiquidGlassPA",!0)}function d(e){var f=a.getBoundingClientRect();$APP.T(a,"__xLiquidGlassPX",e.clientX-f.left);return $APP.T(a,"__xLiquidGlassPY",e.clientY-f.top)}$APP.T(a,"__xLiquidGlassHdl",{move:d,enter:c,leave:b});a.addEventListener("pointermove",d,{passive:!0});a.addEventListener("pointerenter",c);return a.addEventListener("pointerleave",b)},h3=function(a){var b=$APP.l(a,"__xLiquidGlassHdl");
|
|
33
|
+
$APP.m(b)&&(a.removeEventListener("pointermove",$APP.l(b,"move")),a.removeEventListener("pointerenter",$APP.l(b,"enter")),a.removeEventListener("pointerleave",$APP.l(b,"leave")),$APP.T(a,"__xLiquidGlassHdl",null))},i3=function(a){return axa($APP.Ag([$APP.Wt,D2,E2,$APP.In,F2,$APP.lt,G2,H2,I2,J2,K2,$APP.ev,B2,C2],[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")]))},ixa=function(a){var b=i3(a);if($APP.M.j(b,$APP.l(a,"__xLiquidGlassModel"))){var c=$APP.l(a,"__xLiquidGlassW"),d=$APP.l(a,"__xLiquidGlassH");$APP.m($APP.m(c)?$APP.m(d)?c>0&&d>0:d:c)&&($2(a,c,d),b3(a,b),$APP.m(function(){var e=$APP.nl.i(b);return $APP.m(e)?e:U2()}())?(f3(a),g3(a)):(c3(a,function(){var e=$APP.l(a,"__xLiquidGlassTime");return $APP.m(e)?
|
|
35
|
+
e:0}()),e3(a)));return $APP.T(a,"__xLiquidGlassModel",b)}return null},jxa=function(a){return $APP.z.j(a,"submerged")?"submerged":"surface"},kxa=function(a){$APP.qj(a,"blobs","blobs",Xwa);$APP.qj(a,"speed","speed",s2);$APP.qj(a,"amplitude","amplitude",t2);$APP.qj(a,"blur","blur",u2);$APP.qj(a,"goo","goo",v2);$APP.oj(a,"tint","tint");$APP.kj(a,"specular","specular");$APP.qj(a,"specularSize","specular-size",x2);$APP.qj(a,"specularIntensity","specular-intensity",y2);$APP.kj(a,"disabled","disabled");$APP.qj(a,
|
|
36
|
+
"mode","mode",jxa);$APP.qj(a,"frost","frost",w2);$APP.oj(a,"color1","color-1");return $APP.oj(a,"color2","color-2")},lxa=function(a){var b=i3(a);$APP.T(a,"__xLiquidGlassModel",b);$APP.Xi(a,"__xLiquidGlassTime",0);$APP.T(a,"__xLiquidGlassPA",!1);$APP.T(a,"__xLiquidGlassPX",0);$APP.T(a,"__xLiquidGlassPY",0);$APP.T(a,"__xLiquidGlassGT",0);$APP.m($APP.l(a,"__xLiquidGlassRefs"))||dxa(a);b3(a,b);b=new ResizeObserver(function(c){return gxa(a,c)});$APP.T(a,"__xLiquidGlassRO",b);b.observe(a);h3(a);return hxa(a)},
|
|
37
|
+
mxa=function(a){f3(a);h3(a);var b=$APP.l(a,"__xLiquidGlassRO");return $APP.m(b)?(b.disconnect(),$APP.T(a,"__xLiquidGlassRO",null)):null},nxa=function(a,b,c,d){return $APP.M.j(c,d)?$APP.m($APP.l(a,"__xLiquidGlassRefs"))?ixa(a):null:null},j3=function(){return $APP.Oj("x-liquid-glass",new $APP.K(null,5,[$APP.Gj,oxa,$APP.Ej,lxa,$APP.Bj,mxa,$APP.Aj,nxa,$APP.Fj,kxa],null))},A2=new $APP.F(null,"surface","surface",699915646),V2=new $APP.F(null,"glass","glass",1652756718),cxa=new $APP.F(null,"filter","filter",
|
|
38
|
+
-948537934),P2=new $APP.F(null,"specular-size","specular-size",757318993),a3=new $APP.F(null,"submerged","submerged",1636004473),H2=new $APP.F(null,"color-2-raw","color-2-raw",-1440423537),F2=new $APP.F(null,"specular-intensity-raw","specular-intensity-raw",109079177),J2=new $APP.F(null,"goo-raw","goo-raw",59658675),Q2=new $APP.F(null,"specular?","specular?",964138290),W2=new $APP.F(null,"satellites","satellites",644765266),Y2=new $APP.F(null,"core","core",-86019209),R2=new $APP.F(null,"specular-intensity",
|
|
39
|
+
"specular-intensity",437849876),E2=new $APP.F(null,"amplitude-raw","amplitude-raw",-673525115),M2=new $APP.F(null,"goo","goo",-1253057564),L2=new $APP.F(null,"frost","frost",-3478780),O2=new $APP.F(null,"tint","tint",-1286736913),Z2=new $APP.F(null,"grain","grain",2007662171),C2=new $APP.F(null,"tint-raw","tint-raw",-653441954),K2=new $APP.F(null,"specular-attr","specular-attr",-716021610),B2=new $APP.F(null,"specular-size-raw","specular-size-raw",592980345),I2=new $APP.F(null,"color-1-raw","color-1-raw",
|
|
40
|
+
-1322552111),N2=new $APP.F(null,"amplitude","amplitude",-1387734203),X2=new $APP.F(null,"gradient","gradient",-1983908971),G2=new $APP.F(null,"frost-raw","frost-raw",1383732749),D2=new $APP.F(null,"blobs-raw","blobs-raw",1729393761);var oxa="blobs speed amplitude blur goo tint specular specular-size specular-intensity disabled mode frost color-1 color-2".split(" ");
|
|
41
|
+
$APP.Ag([L2,M2,N2,new $APP.F(null,"specularSize","specularSize",-1757715579),$APP.Qo,$APP.rv,$APP.On,$APP.vt,O2,new $APP.F(null,"color2","color2",1248091856),$APP.Gu,$APP.eu,new $APP.F(null,"color1","color1",306558619),new $APP.F(null,"specularIntensity","specularIntensity",138075)],[new $APP.K(null,2,[$APP.P,$APP.Y,$APP.W,"frost"],null),new $APP.K(null,2,[$APP.P,$APP.Y,$APP.W,"goo"],null),new $APP.K(null,2,[$APP.P,$APP.Y,$APP.W,"amplitude"],null),new $APP.K(null,2,[$APP.P,$APP.Y,$APP.W,"specular-size"],
|
|
42
|
+
null),new $APP.K(null,2,[$APP.P,$APP.sj,$APP.W,"disabled"],null),new $APP.K(null,2,[$APP.P,$APP.Y,$APP.W,"speed"],null),new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"mode"],null),new $APP.K(null,2,[$APP.P,$APP.sj,$APP.W,"specular"],null),new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"tint"],null),new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"color-2"],null),new $APP.K(null,2,[$APP.P,$APP.Y,$APP.W,"blur"],null),new $APP.K(null,2,[$APP.P,$APP.Y,$APP.W,"blobs"],null),new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"color-1"],
|
|
43
|
+
null),new $APP.K(null,2,[$APP.P,$APP.Y,$APP.W,"specular-intensity"],null)]);var Zwa=new $APP.K(null,2,["surface",A2,"submerged",a3],null);var T2={v:0},d3=function d3(a){if($APP.m(a.isConnected)){var c=performance.now(),d=$APP.l(a,"__xLiquidGlassTime")+Math.min(c-$APP.l(a,"__xLiquidGlassLF"),100)/1E3;$APP.Xi(a,"__xLiquidGlassLF",c);$APP.Xi(a,"__xLiquidGlassTime",d);c3(a,d);exa(a);fxa(a,d);return $APP.Xi(a,"__xLiquidGlassRaf",requestAnimationFrame(function(){return d3.i?d3.i(a):d3.call(null,a)}))}return null};$APP.ha("baredom.exports.x_liquid_glass.init",j3);export const init=j3;
|
package/dist/x-menu-item.js
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
$APP.
|
|
2
|
+
var c1=function(a){a=new $APP.K(null,4,[$APP.Q,a.getAttribute("value"),$APP.Qo,a.hasAttribute("disabled"),$APP.Wo,a.getAttribute("variant"),$APP.P,a.getAttribute("type")],null);var b=$APP.G(a);a=$APP.C(b,$APP.Q);var c=$APP.C(b,$APP.Qo),d=$APP.C(b,$APP.Wo);b=$APP.C(b,$APP.P);a=$APP.m(a)?a:"";c=$APP.D(c);d=$APP.m(d)?d:"";d=$APP.kd(Jva,d)?d:"";b=$APP.m(b)?b:"";b=$APP.kd(Kva,b)?b:"";return new $APP.K(null,4,[$APP.Q,a,$APP.Qo,c,$APP.Wo,d,$APP.P,b],null)},d1=function(a){var b=a.getAttribute("value");return $APP.fj(a,
|
|
3
|
+
"x-menu-item-select",{value:$APP.m(b)?b:""})},e1=function(a){var b=c1(a);if($APP.M.j(b,$APP.l(a,"__xMenuItemModel"))){var c=$APP.l(a,"__xMenuItemRefs");c=$APP.m(c)?$APP.l(c,"base"):null;if($APP.m(c))if($APP.z.j($APP.P.i(b),"divider"))$APP.U(a,"role","separator"),$APP.V(a,"tabindex"),$APP.V(a,"aria-disabled"),$APP.U(c,"data-type","divider"),$APP.U(c,"data-variant",""),$APP.U(c,"data-disabled","false");else{var d=$APP.G(b),e=$APP.C(d,$APP.Wo);d=$APP.C(d,$APP.Qo);$APP.U(a,"role","menuitem");$APP.U(a,
|
|
4
|
+
"tabindex","-1");$APP.U(c,"data-type","");$APP.U(c,"data-variant",e);$APP.U(c,"data-disabled",$APP.m(d)?"true":"false");$APP.m(d)?$APP.U(a,"aria-disabled","true"):$APP.V(a,"aria-disabled")}a=$APP.T(a,"__xMenuItemModel",b)}else a=null;return a},f1=function(a){function b(){return e.assignedNodes().length>0?$APP.U(a,"has-icon",""):$APP.V(a,"has-icon")}function c(h){var k=h.key,n=c1(a);($APP.z.j(k,"Enter")||$APP.z.j(k," "))&&$APP.p($APP.Qo.i(n))&&$APP.M.j($APP.P.i(n),"divider")?(h.preventDefault(),h=
|
|
5
|
+
d1(a)):h=null;return h}function d(h){var k=c1(a);var n=$APP.Qo.i(k);n=$APP.m(n)?n:$APP.z.j($APP.P.i(k),"divider");$APP.m(n)&&h.preventDefault();return $APP.p($APP.Qo.i(k))&&$APP.M.j($APP.P.i(k),"divider")?d1(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.T(a,"__xMenuItemHandlers",f)},Mva=function(a){if($APP.Li(a,"__xMenuItemInit"))return f1(a),
|
|
6
|
+
e1(a);if(!$APP.Li(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"),n=document.createElement("hr"),r={};c.textContent=Lva;$APP.U(d,"part","base");d.className="base";$APP.U(e,"part","icon");e.className="icon-span";$APP.U(f,"name","icon");e.appendChild(f);h.className="label-span";h.appendChild(k);
|
|
7
|
+
n.className="divider-hr";d.appendChild(e);d.appendChild(h);d.appendChild(n);b.appendChild(c);b.appendChild(d);r.base=d;r["icon-span"]=e;r["icon-slot"]=f;$APP.T(a,"__xMenuItemRefs",r);f1(a);$APP.Mi(a,"__xMenuItemInit")}e1(a);return a},Nva=function(a){var b=$APP.l(a,"__xMenuItemHandlers"),c=$APP.l(a,"__xMenuItemRefs");if($APP.m(b)){var d=$APP.l(b,"keydown"),e=$APP.l(b,"icon-slotchange");c=$APP.m(c)?$APP.l(c,"icon-slot"):null;a.removeEventListener("click",$APP.l(b,"click"));a.removeEventListener("keydown",
|
|
8
|
+
d);a=$APP.m(c)?c.removeEventListener("slotchange",e):null}else a=null;return a},Ova=function(a,b,c,d){return $APP.M.j(c,d)&&$APP.Li(a,"__xMenuItemInit")?e1(a):null},Qva=function(a){return $APP.uj(a,Pva)},g1=function(){return $APP.Oj("x-menu-item",new $APP.K(null,5,[$APP.Gj,Rva,$APP.Ej,Mva,$APP.Bj,Nva,$APP.Aj,Ova,$APP.Fj,Qva],null))};var Rva=["value","disabled","variant","type"],Jva=new $APP.ah(null,new $APP.K(null,2,["",null,"danger",null],null),null),Kva=new $APP.ah(null,new $APP.K(null,2,["",null,"divider",null],null),null),Pva=new $APP.K(null,4,[$APP.Q,new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"value"],null),$APP.Qo,new $APP.K(null,2,[$APP.P,$APP.sj,$APP.W,"disabled"],null),$APP.Wo,new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"variant"],null),$APP.P,new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"type"],null)],null);
|
|
9
|
+
$APP.ne(["x-menu-item-select",new $APP.K(null,2,[$APP.St,!1,$APP.cj,new $APP.K(null,1,[$APP.Q,$APP.X],null)],null)]);var Lva=":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:var(--x-font-size-sm,0.9375rem);--x-menu-item-icon-gap:8px;--x-menu-item-divider-color:var(--x-color-border,#e5e7eb);}"+
|
|
10
|
+
$APP.N.i(":host([hidden]){display:none;}")+":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 var(--x-transition-duration,100ms) var(--x-transition-easing,ease),color var(--x-transition-duration,100ms) var(--x-transition-easing,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:var(--x-border-width,1px) solid var(--x-menu-item-divider-color);margin:4px 0;}@media (prefers-reduced-motion:reduce){.base{transition:none;}}";$APP.ha("baredom.exports.x_menu_item.init",g1);export const init=g1;
|
package/dist/x-menu.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
($APP.
|
|
4
|
-
!0)):null;if($APP.z.j(c,"Tab"))return $APP.
|
|
5
|
-
0))return b.preventDefault(),e[e.length-1].focus();return null},
|
|
6
|
-
"popup"):null,$APP.
|
|
7
|
-
$APP.l(a,"__xMenuRefs");k=$APP.
|
|
8
|
-
c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("slot"),f=document.createElement("div"),h=document.createElement("slot"),k={};c.textContent=
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
$APP.
|
|
2
|
+
var WW=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.M.j(e.getAttribute("type"),"divider")&&b.push(e);d+=1}else break;return b},XW=function(a){$APP.m(a.hasAttribute("open"))||($APP.U(a,"open",""),$APP.fj(a,"x-menu-open",{}));if($APP.m(null)){a=WW(a);var b=a.length;return b>0?$APP.z.j(null,qra)?a[0].focus():$APP.z.j(null,rra)?a[b-1].focus():null:null}return null},YW=function(a,b){$APP.m(a.hasAttribute("open"))&&
|
|
3
|
+
($APP.V(a,"open"),$APP.fj(a,"x-menu-close",{}));return $APP.m(b)?(a=$APP.l(a,"__xMenuRefs"),a=$APP.m(a)?$APP.l(a,"trigger-slot"):null,a=$APP.m(a)?a.assignedElements():null,a=$APP.m($APP.m(a)?a.length>0:a)?a[0]:null,$APP.m(a)?a.focus():null):null},sra=function(a,b){var c=b.composedPath();a=$APP.Kc(a.assignedElements());return $APP.D($APP.te(function(d){return c.indexOf(d)>-1},a))},tra=function(a,b){var c=b.key,d=a.hasAttribute("open");if($APP.z.j(c,"Escape"))return $APP.m(d)?(b.preventDefault(),YW(a,
|
|
4
|
+
!0)):null;if($APP.z.j(c,"Tab"))return $APP.m(d)?YW(a,!1):null;if($APP.z.j(c,"ArrowDown")||$APP.z.j(c,"ArrowUp")){var e=WW(a),f=e.length;if(f>0){b.preventDefault();if($APP.m(d))return a=e.indexOf(document.activeElement),c=$APP.z.j(c,"ArrowDown")?a>=f-1?0:a<0?0:a+1:a<=0?f-1:a-1,e[c].focus();XW(a);return e[$APP.z.j(c,"ArrowDown")?0:f-1].focus()}}else if($APP.z.j(c,"Home")){if($APP.m(d)&&(e=WW(a),e.length>0))return b.preventDefault(),e[0].focus()}else if($APP.z.j(c,"End")&&$APP.m(d)&&(e=WW(a),e.length>
|
|
5
|
+
0))return b.preventDefault(),e[e.length-1].focus();return null},ZW=function(a){var b=new $APP.K(null,3,[$APP.ex,a.hasAttribute("open"),$APP.yv,a.getAttribute("placement"),$APP.Z,a.getAttribute("label")],null);b=$APP.G(b);var c=$APP.C(b,$APP.ex),d=$APP.C(b,$APP.yv);b=$APP.C(b,$APP.Z);c=$APP.D(c);d=$APP.m(d)?d:"";d=$APP.kd(ura,d)?d:"bottom-start";b=new $APP.K(null,3,[$APP.ex,c,$APP.yv,d,$APP.Z,$APP.m(b)?b:""],null);$APP.M.j(b,$APP.l(a,"__xMenuModel"))?(d=$APP.l(a,"__xMenuRefs"),d=$APP.m(d)?$APP.l(d,
|
|
6
|
+
"popup"):null,$APP.m(d)&&($APP.U(d,"data-placement",$APP.yv.i(b)),c=$APP.Z.i(b),$APP.m($APP.m(c)?$APP.M.j(c,""):c)?$APP.U(d,"aria-label",c):$APP.V(d,"aria-label")),a=$APP.T(a,"__xMenuModel",b)):a=null;return a},$W=function(a){function b(h){h.stopPropagation();h=h.detail.value;YW(a,!1);return $APP.fj(a,"x-menu-select",{value:$APP.m(h)?h:""})}function c(h){return tra(a,h)}function d(h){$APP.m(a.hasAttribute("open"))?(h=h.composedPath(),h=$APP.z.j(-1,h.indexOf(a))?YW(a,!1):null):h=null;return h}function e(h){var k=
|
|
7
|
+
$APP.l(a,"__xMenuRefs");k=$APP.m(k)?$APP.l(k,"trigger-slot"):null;return $APP.m($APP.m(k)?sra(k,h):k)?$APP.m(a.hasAttribute("open"))?YW(a,!0):XW(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.T(a,"__xMenuHandlers",f)},wra=function(a){if($APP.Li(a,"__xMenuInit"))return $W(a),ZW(a);if(!$APP.Li(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=vra;$APP.U(d,"part","base");d.className="base";$APP.U(e,"name","trigger");$APP.U(f,"part","popup");f.className="popup";$APP.U(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.T(a,"__xMenuRefs",k);$W(a);$APP.Mi(a,
|
|
9
|
+
"__xMenuInit")}ZW(a);return a},xra=function(a){var b=$APP.l(a,"__xMenuHandlers");if($APP.m(b)){var c=$APP.l(b,"doc-click"),d=$APP.l(b,"keydown"),e=$APP.l(b,"item-select");a.removeEventListener("click",$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},yra=function(a,b,c,d){return $APP.M.j(c,d)&&$APP.Li(a,"__xMenuInit")?ZW(a):null},Ara=function(a){return $APP.uj(a,zra)},aX=function(){return $APP.Oj("x-menu",
|
|
10
|
+
new $APP.K(null,5,[$APP.Gj,Bra,$APP.Ej,wra,$APP.Bj,xra,$APP.Aj,yra,$APP.Fj,Ara],null))},qra=new $APP.F(null,"first","first",-644103046),rra=new $APP.F(null,"last","last",1105735132);var Bra=["open","placement","label"],ura=new $APP.ah(null,new $APP.K(null,4,["bottom-start",null,"bottom-end",null,"top-end",null,"top-start",null],null),null),zra=new $APP.K(null,3,[$APP.ex,new $APP.K(null,2,[$APP.P,$APP.sj,$APP.W,"open"],null),$APP.yv,new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"placement"],null),$APP.Z,new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"label"],null)],null);
|
|
11
|
+
$APP.ne(["x-menu-open",new $APP.K(null,2,[$APP.St,!1,$APP.cj,$APP.oe],null),"x-menu-close",new $APP.K(null,2,[$APP.St,!1,$APP.cj,$APP.oe],null),"x-menu-select",new $APP.K(null,2,[$APP.St,!1,$APP.cj,new $APP.K(null,1,[$APP.Q,$APP.X],null)],null)]);var vra=":host{display:inline-block;position:relative;color-scheme:light dark;--x-menu-bg:var(--x-color-bg,#ffffff);--x-menu-border:var(--x-border-width,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:var(--x-z-dropdown,1000);}"+$APP.N.i(":host([hidden]){display:none;}")+"@media (prefers-color-scheme:dark){:host{--x-menu-bg:var(--x-color-bg,#1f2937);--x-menu-border:var(--x-border-width,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;}";$APP.ha("baredom.exports.x_menu.init",aX);export const init=aX;
|
|
@@ -1,24 +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.G(a),c=$APP.C(b,
|
|
7
|
-
|
|
8
|
-
c.clientY-d.top;c=void 0}else c=null;return c}window.addEventListener("pointermove",b);$APP.
|
|
9
|
-
|
|
10
|
-
$APP.l(a,"__xMetaballModel"),d=
|
|
11
|
-
|
|
12
|
-
$APP.
|
|
13
|
-
$APP.
|
|
14
|
-
|
|
15
|
-
e);$APP.
|
|
16
|
-
"__xMetaballRefs")),h=$APP.C(f,$APP
|
|
17
|
-
|
|
18
|
-
new $APP.
|
|
19
|
-
|
|
20
|
-
$APP.
|
|
21
|
-
null),new $APP.
|
|
22
|
-
var
|
|
23
|
-
$APP.
|
|
24
|
-
$APP.
|
|
2
|
+
var mT=function(a){if(typeof a==="string"){a=parseInt(a.trim(),10);var b=isNaN(a);return $APP.m($APP.m(b)?b:!(a>0))?5:Math.min(10,Math.max(2,a))}return 5},nT=function(a){if(typeof a==="string"){a=parseFloat(a.trim());var b=isNaN(a);return $APP.m($APP.m(b)?b:!(a>0))?40:Math.min(200,Math.max(10,a))}return 40},oT=function(a){return typeof a==="string"&&a.trim().length>0?a.trim():"#6366f1"},pT=function(a){if(typeof a==="string"){a=parseFloat(a.trim());var b=isNaN(a);return $APP.m($APP.m(b)?b:!(a>0))?
|
|
3
|
+
3:Math.min(20,Math.max(.5,a))}return 3},qT=function(a){if(typeof a==="string"){a=parseFloat(a.trim());var b=isNaN(a);return $APP.m($APP.m(b)?b:!(a>0))?.02:Math.min(.1,Math.max(.001,a))}return.02},rT=function(a){if(typeof a==="string"){a=parseFloat(a.trim());var b=isNaN(a);return $APP.m($APP.m(b)?b:!(a>0))?6:Math.min(30,Math.max(1,a))}return 6},sT=function(a){if(typeof a==="string"){a=parseFloat(a.trim());var b=isNaN(a);return $APP.m($APP.m(b)?b:!(a>0))?12:Math.min(40,Math.max(4,a))}return 12},tT=
|
|
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"},uT=function(a){if(typeof a==="string"&&a.trim().length>0){var b=$APP.C(Koa,a.trim().toLowerCase());if($APP.m(b))return b;if(a.indexOf(",")>=0)return a=a.split(","),$APP.Xf.l($APP.Xe,$APP.wk.j($APP.Oe.i(function(c){return c.trim()}),$APP.Te(function(c){return c.length>0})),a)}return null},vT=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},wT=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},xT=function(a,b,c){return a+(b-a)*c},MT=function(a){a=$APP.Ag([$APP.Wt,yT,zT,AT,BT,CT,$APP.zu,$APP.Lx,DT,ET],[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.G(a),c=$APP.C(b,ET);a=$APP.C(b,$APP.Wt);var d=$APP.C(b,yT),e=$APP.C(b,zT),f=$APP.C(b,AT),h=$APP.C(b,BT),k=$APP.C(b,CT),n=$APP.C(b,$APP.zu),r=$APP.C(b,$APP.Lx);b=$APP.C(b,DT);b=mT(b);r=oT(r);f=uT(f);c=qT(c);var v=[];if($APP.m($APP.m(f)?$APP.w(f)>0:f))for(var x=$APP.w(f),y=0;;)if(y<b)v.push($APP.Ec(f,$APP.Bd(y,x))),y+=1;else break;else for(x=0;;)if(x<b)v.push(r),x+=1;else break;return $APP.Ag([$APP.xv,FT,GT,$APP.ix,$APP.Jw,HT,IT,$APP.Gu,JT,KT,LT],[r,f,c,v,tT(n),pT(h),b,sT(a),nT(e),k!=null,
|
|
7
|
+
rT(d)])},NT=function(a,b){b=$APP.G(b);b=$APP.C(b,$APP.xv);a.style.setProperty("--x-metaball-cursor-color",b)},Loa=function(a){if($APP.D(window.matchMedia("(prefers-reduced-motion:reduce)").matches))return null;$APP.T(a,"__xMetaballSeed",0);return $APP.Xi(a,"__xMetaballRaf",requestAnimationFrame(function(){return OT(a)}))},Moa=function(a){function b(c){var d=$APP.es.i($APP.l(a,"__xMetaballRefs"));if($APP.m(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.T(a,"__xMetaballHandler",b)},PT=function(a){var b=$APP.l(a,"__xMetaballHandler");return $APP.m(b)?(window.removeEventListener("pointermove",b),$APP.T(a,"__xMetaballHandler",null)):null},Noa=function(a){$APP.qj(a,"blobCount","blob-count",mT);$APP.qj(a,"blobSize","blob-size",nT);$APP.qj(a,"color","color",oT);$APP.kj(a,"noise","noise");$APP.qj(a,"noiseScale","noise-scale",pT);$APP.qj(a,"noiseSpeed","noise-speed",
|
|
9
|
+
qT);$APP.qj(a,"noiseIntensity","noise-intensity",rT);$APP.qj(a,"blur","blur",sT);$APP.qj(a,"threshold","threshold",tT);return Object.defineProperty(a,"palette",{get:function(){return uT(this.getAttribute("palette"))},set:function(b){return b==null||$APP.z.j("",b)?$APP.V(this,"palette"):$APP.U(this,"palette",""+$APP.N.i(b))},enumerable:!0,configurable:!0})},Poa=function(a){var b=MT(a);$APP.T(a,"__xMetaballModel",b);$APP.T(a,"__xMetaballMouse",{x:0,y:0});if(!$APP.m($APP.l(a,"__xMetaballRefs"))){var c=
|
|
10
|
+
$APP.l(a,"__xMetaballModel"),d=QT[0];QT[0]=d+1;var e="mb-"+$APP.N.i(d),f=a.attachShadow({mode:"open"}),h=document.createElement("style"),k=document.createElement("div"),n=document.createElementNS("http://www.w3.org/2000/svg","svg");$APP.T(a,"__xMetaballUid",d);h.textContent=Ooa;$APP.U(k,"part","viewport");k.style.filter="url(#"+$APP.N.i(e)+")";n.style.position="absolute";n.style.width="0";n.style.height="0";n.style.overflow="hidden";var r=$APP.G(c);c=$APP.C(r,$APP.Gu);d=$APP.C(r,$APP.Jw);var v=$APP.C(r,
|
|
11
|
+
KT),x=$APP.C(r,HT);r=$APP.C(r,LT);var y=document.createElementNS("http://www.w3.org/2000/svg","defs"),A=document.createElementNS("http://www.w3.org/2000/svg","filter"),E=document.createElementNS("http://www.w3.org/2000/svg","feGaussianBlur"),I=document.createElementNS("http://www.w3.org/2000/svg","feColorMatrix"),O=document.createElementNS("http://www.w3.org/2000/svg","feTurbulence"),S=document.createElementNS("http://www.w3.org/2000/svg","feDisplacementMap");$APP.U(A,"id",e);$APP.U(A,"x","-20%");
|
|
12
|
+
$APP.U(A,"y","-20%");$APP.U(A,"width","140%");$APP.U(A,"height","140%");$APP.U(E,"in","SourceGraphic");$APP.U(E,"stdDeviation",""+$APP.N.i(c));$APP.U(E,"result","blur");$APP.U(I,"in","blur");$APP.U(I,"type","matrix");$APP.U(I,"values",d);$APP.U(I,"result","threshold");$APP.U(O,"type","fractalNoise");$APP.U(O,"baseFrequency",""+$APP.N.i(.01*x));$APP.U(O,"numOctaves","3");$APP.U(O,"seed","0");$APP.U(O,"result","noise");$APP.U(S,"in","threshold");$APP.U(S,"in2","noise");$APP.U(S,"scale",$APP.m(v)?""+
|
|
13
|
+
$APP.N.i(r):"0");$APP.U(S,"xChannelSelector","R");$APP.U(S,"yChannelSelector","G");A.appendChild(E);A.appendChild(I);A.appendChild(O);A.appendChild(S);y.appendChild(A);n.appendChild(y);e=new $APP.K(null,5,[$APP.rt,A,$APP.fs,E,$APP.Ax,I,$APP.Gt,O,$APP.rs,S],null);k.appendChild(n);f.appendChild(h);f.appendChild(k);$APP.T(a,"__xMetaballRefs",$APP.Xg($APP.Jc([e,new $APP.K(null,3,[$APP.hm,f,$APP.es,k,$APP.Jv,n],null)])))}f=$APP.l(a,"__xMetaballBlobs");if($APP.m(f)){h=f.length;for(k=0;;)if(k<h)n=f[k],$APP.m(n.parentNode)&&
|
|
14
|
+
n.parentNode.removeChild(n),k+=1;else break;$APP.T(a,"__xMetaballBlobs",[]);$APP.T(a,"__xMetaballPos",[])}h=$APP.G(b);f=$APP.C(h,IT);n=$APP.C(h,JT);h=$APP.C(h,$APP.ix);k=$APP.G($APP.l(a,"__xMetaballRefs"));k=$APP.C(k,$APP.es);n=wT(n,f);e=[];c=[];for(d=0;;)if(d<f)v=document.createElement("div"),x=n[d],v.className="blob",v.style.width=""+$APP.N.i(x)+"px",v.style.height=""+$APP.N.i(x)+"px",v.style.background=h[d],k.appendChild(v),e.push(v),c.push({x:0,y:0}),d+=1;else break;$APP.T(a,"__xMetaballBlobs",
|
|
15
|
+
e);$APP.T(a,"__xMetaballPos",c);$APP.T(a,"__xMetaballSpeeds",vT(f));NT(a,b);$APP.U(a,"aria-hidden","true");$APP.U(a,"role","presentation");PT(a);Moa(a);return Loa(a)},Qoa=function(a){var b=$APP.l(a,"__xMetaballRaf");$APP.m(b)&&(cancelAnimationFrame(b),$APP.Xi(a,"__xMetaballRaf",null));return PT(a)},Roa=function(a,b,c,d){if($APP.M.j(c,d))if(b=MT(a),$APP.M.j(b,$APP.l(a,"__xMetaballModel"))){if($APP.m($APP.l(a,"__xMetaballRefs"))){d=$APP.G(b);c=$APP.C(d,IT);var e=$APP.C(d,JT);d=$APP.C(d,$APP.ix);var f=
|
|
16
|
+
$APP.G($APP.l(a,"__xMetaballRefs")),h=$APP.C(f,$APP.es);f=$APP.l(a,"__xMetaballBlobs");var k=$APP.l(a,"__xMetaballPos"),n=f.length;e=wT(e,c);for(var r=n;;)if(r<c){var v=document.createElement("div");v.className="blob";h.appendChild(v);f.push(v);k.push({x:0,y:0});r+=1}else break;for(h=n;;)if(h>c)n=f.pop(),k.pop(),$APP.m(n.parentNode)&&n.parentNode.removeChild(n),--h;else break;for(k=0;;)if(k<c)h=f[k],n=e[k],h.style.width=""+$APP.N.i(n)+"px",h.style.height=""+$APP.N.i(n)+"px",h.style.background=d[k],
|
|
17
|
+
k+=1;else break;$APP.T(a,"__xMetaballSpeeds",vT(c));f=$APP.G(b);h=$APP.C(f,$APP.Gu);e=$APP.C(f,$APP.Jw);c=$APP.C(f,KT);d=$APP.C(f,HT);f=$APP.C(f,LT);k=$APP.l(a,"__xMetaballRefs");n=$APP.fs.i(k);$APP.m(n)&&$APP.U(n,"stdDeviation",""+$APP.N.i(h));h=$APP.Ax.i(k);$APP.m(h)&&$APP.U(h,"values",e);e=$APP.Gt.i(k);$APP.m(e)&&$APP.U(e,"baseFrequency",""+$APP.N.i(.01*d));d=$APP.rs.i(k);$APP.m(d)&&$APP.U(d,"scale",$APP.m(c)?""+$APP.N.i(f):"0");NT(a,b)}a=$APP.T(a,"__xMetaballModel",b)}else a=null;else a=null;
|
|
18
|
+
return a},RT=function(){return $APP.Oj("x-metaball-cursor",new $APP.K(null,5,[$APP.Gj,Soa,$APP.Ej,Poa,$APP.Bj,Qoa,$APP.Aj,Roa,$APP.Fj,Noa],null))},BT=new $APP.F(null,"noise-scale-raw","noise-scale-raw",123215597),KT=new $APP.F(null,"noise?","noise?",-38350370),JT=new $APP.F(null,"blob-size","blob-size",-1862159046),CT=new $APP.F(null,"noise-attr","noise-attr",-1534959409),AT=new $APP.F(null,"palette-raw","palette-raw",-1398782582),DT=new $APP.F(null,"blob-count-raw","blob-count-raw",-1850938603),
|
|
19
|
+
IT=new $APP.F(null,"blob-count","blob-count",-248711053),LT=new $APP.F(null,"noise-intensity","noise-intensity",747731519),yT=new $APP.F(null,"noise-intensity-raw","noise-intensity-raw",-116633534),HT=new $APP.F(null,"noise-scale","noise-scale",-2033475279),FT=new $APP.F(null,"palette","palette",-456203511),ET=new $APP.F(null,"noise-speed-raw","noise-speed-raw",1761342974),GT=new $APP.F(null,"noise-speed","noise-speed",866692139),zT=new $APP.F(null,"blob-size-raw","blob-size-raw",530207878);var Soa="blob-count blob-size color noise noise-scale noise-speed noise-intensity blur threshold palette".split(" ");
|
|
20
|
+
$APP.Ag([$APP.xv,new $APP.F(null,"blobSize","blobSize",-64083896),new $APP.F(null,"noiseIntensity","noiseIntensity",-792053623),FT,new $APP.F(null,"noiseScale","noiseScale",2003002730),new $APP.F(null,"noise","noise",-994696820),$APP.Jw,$APP.Gu,new $APP.F(null,"noiseSpeed","noiseSpeed",-959403627),new $APP.F(null,"blobCount","blobCount",-1279691625)],[new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"color"],null),new $APP.K(null,2,[$APP.P,$APP.Y,$APP.W,"blob-size"],null),new $APP.K(null,2,[$APP.P,$APP.Y,
|
|
21
|
+
$APP.W,"noise-intensity"],null),new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"palette"],null),new $APP.K(null,2,[$APP.P,$APP.Y,$APP.W,"noise-scale"],null),new $APP.K(null,2,[$APP.P,$APP.sj,$APP.W,"noise"],null),new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"threshold"],null),new $APP.K(null,2,[$APP.P,$APP.Y,$APP.W,"blur"],null),new $APP.K(null,2,[$APP.P,$APP.Y,$APP.W,"noise-speed"],null),new $APP.K(null,2,[$APP.P,$APP.Y,$APP.W,"blob-count"],null)]);
|
|
22
|
+
var Koa=new $APP.K(null,5,["rainbow",new $APP.H(null,5,5,$APP.J,["#ef4444","#f59e0b","#22c55e","#3b82f6","#a855f7"],null),"ocean",new $APP.H(null,5,5,$APP.J,["#06b6d4","#0ea5e9","#6366f1","#8b5cf6","#0d9488"],null),"sunset",new $APP.H(null,5,5,$APP.J,["#ef4444","#f97316","#eab308","#ec4899","#f43f5e"],null),"neon",new $APP.H(null,5,5,$APP.J,["#22d3ee","#a78bfa","#f472b6","#34d399","#facc15"],null),"ember",new $APP.H(null,5,5,$APP.J,["#dc2626","#ea580c","#d97706","#b91c1c","#f59e0b"],null)],null);var QT=[0],Ooa=":host{display:block;position:relative;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:var("+$APP.N.i("--x-metaball-cursor-z-index")+",9999);}"+$APP.N.i(":host([hidden]){display:none;}")+"[part\x3dviewport]{position:absolute;inset:var("+$APP.N.i("--x-metaball-cursor-inset")+",0);pointer-events:none;opacity:var("+$APP.N.i("--x-metaball-cursor-opacity")+",1);mix-blend-mode:var("+$APP.N.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.N.i("--x-metaball-cursor-color")+",#6366f1);}@media(prefers-reduced-motion:reduce){.blob{transition:none!important;}}",OT=function OT(a){if($APP.m(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"),n=d.length,r=0;;)if(r<n){var v=e[r],x=f[r],y=xT($APP.l(v,"x"),h,x);x=xT($APP.l(v,"y"),c,x);var A=d[r];v.x=y;v.y=x;A.style.transform="translate("+
|
|
24
|
+
$APP.N.i(y)+"px,"+$APP.N.i(x)+"px) translate(-50%,-50%)";r+=1}else break;$APP.m(KT.i(k))&&(d=$APP.l(a,"__xMetaballSeed")+GT.i(k),e=$APP.l(a,"__xMetaballRefs"),$APP.T(a,"__xMetaballSeed",d),e=$APP.Gt.i(e),$APP.m(e)&&$APP.Wi(e,"seed",""+$APP.N.i(Math.floor(d))));return $APP.Xi(a,"__xMetaballRaf",requestAnimationFrame(function(){return OT.i?OT.i(a):OT.call(null,a)}))}return null};$APP.ha("baredom.exports.x_metaball_cursor.init",RT);export const init=RT;
|
package/dist/x-modal.js
CHANGED
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
$APP.
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
$APP.
|
|
2
|
+
var v3=function(a,b){var c=document.createElement("div"),d=document.createElement("slot");$APP.U(c,"part",a);$APP.U(d,"name",b);c.appendChild(d);return c},w3=function(a){var b=$APP.l(a,"__xModalRefs");if($APP.m(b))return b;b=a.attachShadow({mode:"open"});var c=document.createElement("style");c.textContent=Cxa;var d=document.createElement("div");$APP.U(d,"part","backdrop");var e=v3("header","header"),f=document.createElement("div"),h=document.createElement("slot");$APP.U(f,"part","body");f.appendChild(h);
|
|
3
|
+
h=v3("footer","footer");var k=document.createElement("div");$APP.U(k,"part","dialog");$APP.U(k,"role","dialog");$APP.U(k,"aria-modal","true");k.appendChild(e);k.appendChild(f);k.appendChild(h);var n={};b.appendChild(c);b.appendChild(d);b.appendChild(k);n.root=b;n.backdrop=d;n.dialog=k;n.header=e;n.body=f;n.footer=h;$APP.T(a,"__xModalRefs",n);return $APP.l(a,"__xModalRefs")},Dxa=function(a){function b(d){var e=window.getComputedStyle(d);return $APP.M.j("none",e.display)&&$APP.M.j("hidden",e.visibility)&&
|
|
4
|
+
d.offsetWidth>0&&d.offsetHeight>0}var c=$APP.Ue(b,$APP.Jc($APP.l(a,"dialog").querySelectorAll("a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex\x3d'-1'])")));a=$APP.Se(function(d){return $APP.Ue(b,$APP.Se(function(e){var f=$APP.Jc(e.querySelectorAll("a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex\x3d'-1'])"));return $APP.m(e.matches("a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex\x3d'-1'])"))?
|
|
5
|
+
$APP.Md(e,f):f},$APP.Jc([$APP.Kc(d.assignedElements({flatten:!0}))])))},$APP.Jc([$APP.Jc($APP.l(a,"root").querySelectorAll("slot"))]));return $APP.rf($APP.Re.j(c,a))},x3=function(a){var b=$APP.l(a,"__xModalRefs");b=$APP.m(b)?$APP.l(b,"dialog"):null;var c=$APP.l(a,"__xModalRestore"),d=$APP.l(a,"__xModalDialogTab")===!0;$APP.T(a,"__xModalTabbables",null);$APP.T(a,"__xModalRestore",null);$APP.m($APP.m(b)?d:b)&&($APP.V(b,"tabindex"),$APP.T(a,"__xModalDialogTab",!1));return $APP.m($APP.m(c)?c.isConnected:
|
|
6
|
+
c)?c.focus():null},Exa=function(a,b){var c=$APP.l(a,"__xModalTabbables");c=$APP.m(c)?$APP.rf($APP.Jc(c)):$APP.Xe;a=$APP.l(a,"__xModalRefs");a=$APP.m(a)?$APP.l(a,"dialog"):null;if($APP.$c(c))return b.preventDefault(),$APP.m(a)?a.focus():null;a=document.activeElement;var d=$APP.t(c);c=$APP.Nc(c);var e=b.shiftKey;return $APP.m($APP.m(e)?$APP.z.j(a,d):e)?(b.preventDefault(),c.focus()):$APP.p(e)&&$APP.z.j(a,c)?(b.preventDefault(),d.focus()):null},y3=function(a,b){$APP.fj(a,"x-modal-dismiss",{reason:b});
|
|
7
|
+
return $APP.V(a,"open")},Fxa=function(a,b,c){c=$APP.du.i(c);var d=b==null?null:$APP.du.i(b);$APP.M.j(d,c)&&(b!=null&&$APP.fj(a,"x-modal-toggle",{open:c}),$APP.m(c)?setTimeout(function(){var e=$APP.l(a,"__xModalRefs");var f=$APP.m(e)?$APP.l(e,"dialog"):null;e=$APP.m(e)?Dxa(e):null;$APP.T(a,"__xModalRestore",document.activeElement);$APP.T(a,"__xModalTabbables",$APP.m(e)?$APP.xo(e):null);$APP.q(e)?f=$APP.t(e).focus():$APP.m(f)?($APP.m(f.hasAttribute("tabindex"))||($APP.U(f,"tabindex","-1"),$APP.T(a,
|
|
8
|
+
"__xModalDialogTab",!0)),f=f.focus()):f=null;return f},0):x3(a))},z3=function(a){var b=new $APP.K(null,3,[$APP.rr,a.hasAttribute("open"),$APP.Ep,a.getAttribute("size"),$APP.fl,a.getAttribute("label")],null);var c=$APP.G(b),d=$APP.C(c,$APP.rr);b=$APP.C(c,$APP.Ep);c=$APP.C(c,$APP.fl);d=$APP.D(d);b=typeof b==="string"&&$APP.kd(Gxa,b)?b:"md";c=typeof c==="string"&&$APP.M.j(c,"")?c:"Modal";b=new $APP.K(null,3,[$APP.du,d,$APP.Xo,b,$APP.Z,c],null);c=$APP.l(a,"__xModalModel");if($APP.M.j(b,c)){d=w3(a);d=
|
|
9
|
+
$APP.l(d,"dialog");var e=$APP.G(b),f=$APP.C(e,$APP.du);e=$APP.C(e,$APP.Xo);$APP.U(a,"data-open",$APP.m(f)?"true":"false");$APP.U(a,"data-size",e);f=$APP.G(b);f=$APP.C(f,$APP.Z);$APP.U(d,"aria-label",f);Fxa(a,c,b);a=$APP.T(a,"__xModalModel",b)}else a=null;return a},Hxa=function(a){function b(h){var k=h.key;$APP.z.j(k,"Escape")?(h.preventDefault(),h=y3(a,"escape")):h=$APP.z.j(k,"Tab")?Exa(a,h):null;return h}function c(){return y3(a,"backdrop")}var d=w3(a),e=$APP.l(d,"dialog"),f={};$APP.l(d,"backdrop").addEventListener("click",
|
|
10
|
+
c);e.addEventListener("keydown",b);f.backdrop=c;f.keydown=b;$APP.T(a,"__xModalHandlers",f)},A3=function(a){var b=$APP.l(a,"__xModalHandlers"),c=$APP.l(a,"__xModalRefs");if($APP.m($APP.m(b)?c:b)){var d=$APP.l(c,"backdrop");c=$APP.l(c,"dialog");var e=$APP.l(b,"backdrop");b=$APP.l(b,"keydown");$APP.m(e)&&d.removeEventListener("click",e);$APP.m(b)&&c.removeEventListener("keydown",b)}$APP.T(a,"__xModalHandlers",null)},Ixa=function(a){w3(a);A3(a);Hxa(a);return z3(a)},Jxa=function(a){A3(a);return x3(a)},
|
|
11
|
+
Kxa=function(a,b,c,d){return $APP.M.j(c,d)?z3(a):null},B3=function(a,b,c){return Object.defineProperty(a,b,{value:c,enumerable:!0,configurable:!0,writable:!0})},Mxa=function(a){$APP.uj(a,Lxa);B3(a,"show",function(){return $APP.m(this.hasAttribute("open"))?null:$APP.U(this,"open","")});B3(a,"hide",function(){return $APP.V(this,"open")});return B3(a,"toggle",function(){return $APP.m(this.hasAttribute("open"))?$APP.V(this,"open"):$APP.m(this.hasAttribute("open"))?null:$APP.U(this,"open","")})},C3=function(){return $APP.Oj("x-modal",
|
|
12
|
+
new $APP.K(null,5,[$APP.Gj,Nxa,$APP.Ej,Ixa,$APP.Bj,Jxa,$APP.Aj,Kxa,$APP.Fj,Mxa],null))};var Gxa=new $APP.ah(null,new $APP.K(null,5,["md",null,"lg",null,"full",null,"xl",null,"sm",null],null),null),Nxa=["open","size","label"],Lxa=new $APP.K(null,3,[$APP.ex,new $APP.K(null,2,[$APP.P,$APP.sj,$APP.W,"open"],null),$APP.Xo,new $APP.K(null,3,[$APP.P,$APP.X,$APP.W,"size",$APP.tj,"md"],null),$APP.Z,new $APP.K(null,3,[$APP.P,$APP.X,$APP.W,"label",$APP.tj,"Modal"],null)],null);
|
|
13
|
+
$APP.ne(["x-modal-toggle",new $APP.K(null,2,[$APP.St,!1,$APP.cj,new $APP.K(null,1,[$APP.ex,$APP.sj],null)],null),"x-modal-dismiss",new $APP.K(null,2,[$APP.St,!1,$APP.cj,new $APP.K(null,1,[$APP.yr,$APP.X],null)],null)]);var Cxa=":host{display:contents;color-scheme:light dark;--x-modal-bg:var(--x-color-bg,Canvas);--x-modal-fg:var(--x-color-text,CanvasText);--x-modal-backdrop:rgb(0 0 0/0.45);--x-modal-shadow:var(--x-shadow-lg,0 20px 60px rgb(0 0 0/0.25));--x-modal-radius:var(--x-radius-md,0.75rem);--x-modal-width-sm:22rem;--x-modal-width-md:32rem;--x-modal-width-lg:44rem;--x-modal-width-xl:60rem;--x-modal-max-height:90dvh;--x-modal-header-padding:1rem 1.25rem;--x-modal-body-padding:1rem 1.25rem;--x-modal-footer-padding:0.75rem 1.25rem;--x-modal-border:var(--x-color-border,color-mix(in srgb,currentColor 12%,transparent));--x-modal-duration:var(--x-transition-duration,180ms);--x-modal-easing:var(--x-transition-easing,ease);--x-modal-z:var(--x-z-modal,1000);}"+
|
|
14
|
+
$APP.N.i(":host([hidden]){display:none;}")+"[part\x3dbackdrop]{position:fixed;inset:0;background:var(--x-modal-backdrop);z-index:var(--x-modal-z);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--x-modal-duration) var(--x-modal-easing),visibility 0s var(--x-modal-easing) var(--x-modal-duration);}:host([data-open\x3dtrue]) [part\x3dbackdrop]{opacity:1;visibility:visible;pointer-events:auto;transition:opacity var(--x-modal-duration) var(--x-modal-easing),visibility 0s;}[part\x3ddialog]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0.96);opacity:0;visibility:hidden;pointer-events:none;background:var(--x-modal-bg);color:var(--x-modal-fg);box-shadow:var(--x-modal-shadow);border-radius:var(--x-modal-radius);display:flex;flex-direction:column;overflow:hidden;z-index:calc(var(--x-modal-z) + 1);max-height:var(--x-modal-max-height);transition:opacity var(--x-modal-duration) var(--x-modal-easing),transform var(--x-modal-duration) var(--x-modal-easing),visibility 0s var(--x-modal-easing) var(--x-modal-duration);}:host([data-size\x3dsm]) [part\x3ddialog]{width:var(--x-modal-width-sm);}:host([data-size\x3dmd]) [part\x3ddialog]{width:var(--x-modal-width-md);}:host([data-size\x3dlg]) [part\x3ddialog]{width:var(--x-modal-width-lg);}:host([data-size\x3dxl]) [part\x3ddialog]{width:var(--x-modal-width-xl);}:host([data-size\x3dfull]) [part\x3ddialog]{inset:0;top:0;left:0;width:100%;height:100dvh;border-radius:0;max-width:100%;max-height:100dvh;transform:scale(0.98);}:host([data-open\x3dtrue]) [part\x3ddialog]{opacity:1;transform:translate(-50%,-50%) scale(1);visibility:visible;pointer-events:auto;transition:opacity var(--x-modal-duration) var(--x-modal-easing),transform var(--x-modal-duration) var(--x-modal-easing),visibility 0s;}:host([data-open\x3dtrue][data-size\x3dfull]) [part\x3ddialog]{transform:scale(1);}[part\x3ddialog]:focus{outline:none;}[part\x3dheader]{padding:var(--x-modal-header-padding);border-bottom:var(--x-border-width,1px) solid var(--x-modal-border);flex-shrink:0;}[part\x3dbody]{padding:var(--x-modal-body-padding);overflow-y:auto;flex:1;}[part\x3dfooter]{padding:var(--x-modal-footer-padding);border-top:var(--x-border-width,1px) solid var(--x-modal-border);flex-shrink:0;}[part\x3ddialog]{max-width:calc(100vw - 2rem);}:host([data-size\x3dfull]) [part\x3ddialog]{max-width:100%;}@media (prefers-reduced-motion:reduce){[part\x3ddialog],[part\x3dbackdrop]{transition:none;}}";$APP.ha("baredom.exports.x_modal.init",C3);export const init=C3;
|