@vanelsas/baredom 3.0.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 +18 -0
- package/custom-elements.json +3393 -2954
- package/dist/baredom.d.ts +86 -86
- package/dist/base.js +533 -524
- package/dist/integrity.json +103 -103
- package/dist/x-alert.js +16 -16
- package/dist/x-avatar-group.js +9 -9
- package/dist/x-avatar.js +14 -14
- 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 -1
- 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 -1
- 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 -24
- package/dist/x-container.js +5 -6
- 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 -7
- 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 -17
- 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 -11
- 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 -37
- 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 -25
- 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 -20
- 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 -1
- package/dist/x-select.js +1 -1
- 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 +7 -7
- 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 -20
- package/dist/x-timeline.js +8 -8
- package/dist/x-toast.d.ts +1 -0
- package/dist/x-toast.js +22 -22
- 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.js +120 -117
- package/dist/x-typography.js +9 -9
- package/dist/x-welcome-tour.js +63 -61
- package/package.json +4 -2
package/dist/x-popover.d.ts
CHANGED
package/dist/x-popover.js
CHANGED
|
@@ -1,26 +1,28 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
2,[$APP.
|
|
4
|
-
|
|
5
|
-
$
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
$APP.
|
|
22
|
-
$APP.
|
|
23
|
-
|
|
24
|
-
"
|
|
25
|
-
$APP.
|
|
26
|
-
$APP.
|
|
2
|
+
var Ay=function(a){switch(a){case "bottom-start":return"top-start";case "bottom-end":return"top-end";case "top-start":return"bottom-start";case "top-end":return"bottom-end";default:return a}},By=function(a,b,c,d){function e(x){a:{var z=$APP.H(b);var A=$APP.C(z,$APP.mr);var D=$APP.C(z,$APP.lr),G=$APP.C(z,$APP.Vl);z=$APP.C(z,$APP.Wl);var J=$APP.H(c),S=$APP.C(J,$APP.Vl);J=$APP.C(J,$APP.Wl);switch(x){case "bottom-start":A=new $APP.N(null,2,[$APP.mr,A,$APP.lr,D+z+4],null);break a;case "bottom-end":A=new $APP.N(null,
|
|
3
|
+
2,[$APP.mr,A+G-S,$APP.lr,D+z+4],null);break a;case "top-start":A=new $APP.N(null,2,[$APP.mr,A,$APP.lr,D-J-4],null);break a;case "top-end":A=new $APP.N(null,2,[$APP.mr,A+G-S,$APP.lr,D-J-4],null);break a;default:A=new $APP.N(null,2,[$APP.mr,A,$APP.lr,D+z+4],null)}}D=$APP.H(A);A=$APP.C(D,$APP.mr);D=$APP.C(D,$APP.lr);G=$APP.Hm.j($APP.Gm.j(A,8),f-k-8);z=$APP.Hm.j($APP.Gm.j(D,8),h-m-8);return new $APP.N(null,5,[$APP.mr,G,$APP.lr,z,$APP.En,x,$APP.xr,A>=8&&A+k<=f-8&&D>=8&&D+m<=h-8,$APP.$p,$APP.Gm.j(40,h-
|
|
4
|
+
z-8)],null)}d=$APP.H(d);var f=$APP.C(d,$APP.Vl),h=$APP.C(d,$APP.Wl);d=$APP.H(c);var k=$APP.C(d,$APP.Vl),m=$APP.C(d,$APP.Wl),q=e(a),u=e(Ay(a));return $APP.n(function(){var x=$APP.xr.i(q);return $APP.n(x)?x:$APP.p($APP.xr.i(u))}())?q:u},Ky=function(a){a=new $APP.N(null,7,[$APP.Rn,a.hasAttribute("open"),$APP.Wi,a.hasAttribute("disabled"),Cy,a.hasAttribute("no-close"),Dy,a.hasAttribute("portal"),Ey,a.getAttribute("heading"),$APP.Gs,a.getAttribute("placement"),Fy,a.getAttribute("close-label")],null);var b=
|
|
5
|
+
$APP.H(a),c=$APP.C(b,$APP.Rn),d=$APP.C(b,$APP.Wi),e=$APP.C(b,Cy),f=$APP.C(b,Dy),h=$APP.C(b,Ey);a=$APP.C(b,$APP.Gs);b=$APP.C(b,Fy);c=$APP.E(c);d=$APP.E(d);e=$APP.E(e);f=$APP.E(f);h=$APP.n(h)?h:"";b=$APP.n(b)?b:"Close";a=$APP.$c(Gy,a)?a:"bottom-start";return new $APP.N(null,7,[$APP.ls,c,$APP.cj,d,Hy,e,Iy,f,$APP.br,h,Jy,b,$APP.Yo,a],null)},Ly=function(a){if($APP.n($APP.l(a,"__xPopoverRefs"))){var b=Ky(a);if($APP.I($APP.l(a,"__xPopoverModel"),b)){var c=$APP.l(a,"__xPopoverRefs"),d=$APP.H(b),e=$APP.C(d,
|
|
6
|
+
$APP.ls),f=$APP.C(d,Hy),h=$APP.C(d,$APP.br),k=$APP.C(d,Jy),m=$APP.C(d,$APP.Yo),q=$APP.l(c,"panel");d=$APP.l(c,"header");var u=$APP.l(c,"heading");c=$APP.l(c,"closeBtn");$APP.T(q,"data-placement",m);$APP.ki(q,"inert",$APP.p(e));$APP.I(h,"")?$APP.T(q,"aria-labelledby","popover-heading"):$APP.U(q,"aria-labelledby");u.textContent=h;$APP.T(c,"aria-label",k);$APP.ki(c,"hidden",f);e=$APP.y.j(h,"");$APP.ki(d,"hidden",e?f:e);a=$APP.R(a,"__xPopoverModel",b)}else a=null;return a}return null},Oy=function(a,b){var c=
|
|
7
|
+
$APP.H(b);b=$APP.C(c,$APP.br);var d=$APP.C(c,Jy);c=$APP.C(c,Hy);a=a.shadowRoot;var e=document.createElement("div"),f=document.createElement("div"),h=document.createElement("div"),k=document.createElement("span"),m=document.createElement("button"),q=document.createElement("div"),u=document.createElement("div");$APP.T(e,"part","panel");$APP.T(e,"role","dialog");$APP.T(f,"part","arrow");$APP.T(f,"aria-hidden","true");$APP.T(h,"part","header");$APP.T(k,"part","heading");k.textContent=b;$APP.T(m,"part",
|
|
8
|
+
"close-button");$APP.T(m,"type","button");$APP.T(m,"aria-label",d);m.innerHTML='\x3csvg width\x3d"14" height\x3d"14" viewBox\x3d"0 0 14 14" fill\x3d"none" xmlns\x3d"http://www.w3.org/2000/svg" aria-hidden\x3d"true"\x3e\x3cpath d\x3d"M1 1L13 13M13 1L1 13" stroke\x3d"currentColor" stroke-width\x3d"2" stroke-linecap\x3d"round"/\x3e\x3c/svg\x3e';$APP.n(c)&&$APP.T(m,"hidden","");d=$APP.y.j(b,"");$APP.n(d?c:d)&&$APP.T(h,"hidden","");$APP.I(b,"")&&($APP.T(e,"aria-labelledby","portal-heading"),$APP.T(k,"id",
|
|
9
|
+
"portal-heading"));$APP.T(q,"part","body");$APP.T(u,"part","footer");$APP.T(u,"hidden","");h.appendChild(k);h.appendChild(m);e.appendChild(f);e.appendChild(h);e.appendChild(q);e.appendChild(u);a.appendChild(e);return new $APP.N(null,7,[$APP.ln,e,My,f,$APP.Ao,h,$APP.br,k,Ny,m,$APP.Ho,q,$APP.Hn,u],null)},Py=function(a,b){a=a.assignedNodes({flatten:!0});a=$APP.tf.j($APP.we,$APP.Ac(a));for(var c=$APP.r(a),d=null,e=0,f=0;;)if(f<e){var h=d.F(null,f);b.appendChild(h);f+=1}else if(c=$APP.r(c))d=c,$APP.Wc(d)?
|
|
10
|
+
(c=$APP.Cb(d),f=$APP.Db(d),d=c,e=$APP.w(c),c=f):(c=$APP.t(d),b.appendChild(c),c=$APP.v(d),d=null,e=0),f=0;else break;return a},Qy=function(a,b){if($APP.n(a.isConnected)){b=$APP.r(b);for(var c=null,d=0,e=0;;)if(e<d){var f=c.F(null,e);a.appendChild(f);e+=1}else if(b=$APP.r(b))c=b,$APP.Wc(c)?(b=$APP.Cb(c),d=$APP.Db(c),c=b,f=$APP.w(b),b=d,d=f):(f=$APP.t(c),a.appendChild(f),b=$APP.v(c),c=null,d=0),e=0;else break}},Ry=function(a,b,c,d){var e=c.getBoundingClientRect();c=a.offsetWidth;var f=a.offsetHeight,
|
|
11
|
+
h=window.innerWidth,k=window.innerHeight;d=By(d,new $APP.N(null,4,[$APP.mr,e.left,$APP.lr,e.top,$APP.Vl,e.width,$APP.Wl,e.height],null),new $APP.N(null,2,[$APP.Vl,$APP.Gm.j(c,200),$APP.Wl,$APP.Gm.j(f,100)],null),new $APP.N(null,2,[$APP.Vl,h,$APP.Wl,k],null));f=$APP.En.i(d);a.style.left=""+$APP.P.i($APP.mr.i(d))+"px";a.style.top=""+$APP.P.i($APP.lr.i(d))+"px";a.style.maxHeight=""+$APP.P.i($APP.$p.i(d))+"px";a=e.left+e.width/2;e=$APP.y.j(f,"bottom-start")||$APP.y.j(f,"bottom-end")?"bottom":"top";c=
|
|
12
|
+
$APP.Hm.j($APP.Gm.j(a-$APP.mr.i(d),12),$APP.Gm.j(c,200)-12-8);$APP.T(b,"data-side",e);b.style.left=""+$APP.P.i(c)+"px"},$y=function(a){if($APP.n($APP.l(a,"__xPopoverLayer")))return null;var b=$APP.l(a,"__xPopoverRefs");if($APP.n(b)){var c=Ky(a),d=$APP.l(b,"trigger"),e=$APP.uj(a,":host{color-scheme:light dark;--x-popover-panel-bg:var(--x-color-bg,#ffffff);--x-popover-panel-border:1px solid var(--x-color-border,#e2e8f0);--x-popover-panel-radius:var(--x-radius-md,8px);--x-popover-panel-shadow:var(--x-shadow-md,0 4px 16px rgba(0,0,0,0.12));--x-popover-panel-min-width:12rem;--x-popover-panel-max-height:24rem;--x-popover-header-padding:0.625rem 0.75rem 0.625rem 0.875rem;--x-popover-header-border:1px solid var(--x-color-border,#e2e8f0);--x-popover-heading-color:var(--x-color-text,#0f172a);--x-popover-heading-font-size:0.9375rem;--x-popover-heading-font-weight:600;--x-popover-close-bg:transparent;--x-popover-close-bg-hover:var(--x-color-surface-active,#f1f5f9);--x-popover-close-color:var(--x-color-text-muted,#64748b);--x-popover-close-color-hover:var(--x-color-text,#0f172a);--x-popover-close-radius:4px;--x-popover-close-size:1.5rem;--x-popover-focus-ring:var(--x-color-focus-ring,#60a5fa);--x-popover-body-padding:0.875rem;--x-popover-body-color:var(--x-color-text-muted,#334155);--x-popover-body-font-size:0.9375rem;--x-popover-footer-padding:0.625rem 0.875rem;--x-popover-footer-border:1px solid var(--x-color-border,#e2e8f0);--x-popover-arrow-size:8px;--x-popover-arrow-bg:var(--x-color-bg,#ffffff);--x-popover-arrow-border:var(--x-color-border,#e2e8f0);--x-popover-transition-duration:var(--x-transition-duration,150ms);--x-popover-transition-easing:var(--x-transition-easing,ease);}@media (prefers-color-scheme:dark){:host{--x-popover-panel-bg:var(--x-color-bg,#1e293b);--x-popover-panel-border:1px solid var(--x-color-border,#334155);--x-popover-panel-shadow:0 4px 24px rgba(0,0,0,0.4);--x-popover-header-border:1px solid var(--x-color-border,#334155);--x-popover-heading-color:var(--x-color-text,#e2e8f0);--x-popover-close-bg-hover:var(--x-color-text-muted,#334155);--x-popover-close-color:var(--x-color-text-muted,#94a3b8);--x-popover-close-color-hover:var(--x-color-text,#e2e8f0);--x-popover-focus-ring:var(--x-color-focus-ring,#93c5fd);--x-popover-body-color:var(--x-color-text-muted,#cbd5e1);--x-popover-footer-border:1px solid var(--x-color-border,#334155);--x-popover-arrow-bg:var(--x-color-bg,#1e293b);--x-popover-arrow-border:var(--x-color-border,#334155);}}[part\x3dpanel]{position:absolute;box-sizing:border-box;background:var(--x-popover-panel-bg);border:var(--x-popover-panel-border);border-radius:var(--x-popover-panel-radius);box-shadow:var(--x-popover-panel-shadow);min-width:var(--x-popover-panel-min-width);max-width:calc(100vw - 1rem);max-height:var(--x-popover-panel-max-height);overflow-y:auto;pointer-events:auto;opacity:0;transform:scale(0.96);transition:opacity var(--x-popover-transition-duration) var(--x-popover-transition-easing),transform var(--x-popover-transition-duration) var(--x-popover-transition-easing);}[part\x3dpanel][data-open]{opacity:1;transform:scale(1);}[part\x3darrow]{position:absolute;width:var(--x-popover-arrow-size);height:var(--x-popover-arrow-size);background:var(--x-popover-arrow-bg);transform:rotate(45deg);pointer-events:none;}[part\x3darrow][data-side\x3dbottom]{top:calc(var(--x-popover-arrow-size) / -2);border-left:1px solid var(--x-popover-arrow-border);border-top:1px solid var(--x-popover-arrow-border);}[part\x3darrow][data-side\x3dtop]{bottom:calc(var(--x-popover-arrow-size) / -2);border-right:1px solid var(--x-popover-arrow-border);border-bottom:1px solid var(--x-popover-arrow-border);}[part\x3dheader]{display:flex;align-items:center;justify-content:space-between;padding:var(--x-popover-header-padding);border-bottom:var(--x-popover-header-border);gap:0.5rem;}[part\x3dheader][hidden]{display:none;}[part\x3dheading]{flex:1;font-size:var(--x-popover-heading-font-size);font-weight:var(--x-popover-heading-font-weight);color:var(--x-popover-heading-color);font-family:inherit;}[part\x3dclose-button]{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:var(--x-popover-close-size);height:var(--x-popover-close-size);background:var(--x-popover-close-bg);color:var(--x-popover-close-color);border-radius:var(--x-popover-close-radius);cursor:pointer;flex-shrink:0;}[part\x3dclose-button]:hover{background:var(--x-popover-close-bg-hover);color:var(--x-popover-close-color-hover);}[part\x3dclose-button]:focus-visible{outline:none;box-shadow:0 0 0 2px var(--x-popover-focus-ring);}[part\x3dclose-button][hidden]{display:none;}[part\x3dbody]{padding:var(--x-popover-body-padding);color:var(--x-popover-body-color);font-size:var(--x-popover-body-font-size);font-family:inherit;}[part\x3dfooter]{padding:var(--x-popover-footer-padding);border-top:var(--x-popover-footer-border);}[part\x3dfooter][hidden]{display:none;}@media (prefers-reduced-motion:reduce){[part\x3dpanel]{transition:none !important;}}",
|
|
13
|
+
1E3),f=Oy(e,c),h=$APP.Ho.i(f),k=$APP.Hn.i(f),m=$APP.ln.i(f),q=My.i(f);f=Ny.i(f);h=Py(a.shadowRoot.querySelector("slot:not([name])"),h);$APP.R(a,"__xPopoverMovedBody",$APP.dd(h));b=Py($APP.l(b,"footerSlot"),k);$APP.R(a,"__xPopoverMovedFooter",$APP.dd(b));$APP.w(b)>0&&$APP.U(k,"hidden");Ry(m,q,d,$APP.Yo.i(c));$APP.vj(e,f,"click",function(){return Sy.j?Sy.j(a,"close-button"):Sy.call(null,a,"close-button")},!1);$APP.vj(e,e,"keydown",function(u){return $APP.y.j(u.key,"Escape")?(u.preventDefault(),Sy.j?
|
|
14
|
+
Sy.j(a,"escape"):Sy.call(null,a,"escape")):null},!0);$APP.vj(e,e,"click",function(u){return $APP.n(m.contains(u.target))?null:Sy.j?Sy.j(a,"outside-click"):Sy.call(null,a,"outside-click")},!1);$APP.R(a,"__xPopoverLayer",e);return requestAnimationFrame(function(){return $APP.n($APP.n(m)?a.isConnected:m)?(Ry(m,q,d,$APP.Yo.i(c)),$APP.T(m,"data-open","")):null})}return null},az=function(a){var b=$APP.l(a,"__xPopoverLayer");if($APP.n(b)){var c=$APP.l(a,"__xPopoverMovedBody");$APP.n(c)&&Qy(a,$APP.Ac(c));
|
|
15
|
+
c=$APP.l(a,"__xPopoverMovedFooter");$APP.n(c)&&Qy(a,$APP.Ac(c));$APP.wj(b);$APP.R(a,"__xPopoverLayer",null);$APP.R(a,"__xPopoverMovedBody",null);return $APP.R(a,"__xPopoverMovedFooter",null)}return null},bz=function(a,b){return $APP.p(a.hasAttribute("disabled"))&&$APP.p(a.hasAttribute("open"))&&$APP.ri(a,"x-popover-toggle",{open:!0,source:b})?($APP.T(a,"open",""),$APP.n(a.hasAttribute("portal"))&&$y(a),$APP.pi(a,"x-popover-change",{open:!0})):null},Sy=function(a,b){var c=$APP.p(a.hasAttribute("disabled"));
|
|
16
|
+
return $APP.n(c?a.hasAttribute("open"):c)&&$APP.ri(a,"x-popover-toggle",{open:!1,source:b})?(az(a),$APP.U(a,"open"),$APP.pi(a,"x-popover-change",{open:!1})):null},cz=function(a,b){return $APP.n(a.hasAttribute("open"))?Sy(a,b):bz(a,b)},dz=function(a){var b=$APP.l(a,"__xPopoverHandlers");if($APP.n(b)){var c=$APP.l(b,"docClick"),d=$APP.l(b,"docKeydown");$APP.yj(a,"__xPopoverDocDeferral",function(){return $APP.n(a.hasAttribute("open"))?(document.addEventListener("click",c),document.addEventListener("keydown",
|
|
17
|
+
d)):null})}},ez=function(a){$APP.xj(a,"__xPopoverDocDeferral");a=$APP.l(a,"__xPopoverHandlers");if($APP.n(a)){var b=$APP.l(a,"docKeydown");document.removeEventListener("click",$APP.l(a,"docClick"));return document.removeEventListener("keydown",b)}return null},fz=function(a){return{triggerClick:function(){return cz(a,"pointer")},closeBtnClick:function(){return Sy(a,"close-button")},hostFocusout:function(b){return $APP.n(a.hasAttribute("open"))?(b=b.relatedTarget,b==null||$APP.p(a.contains(b))?Sy(a,
|
|
18
|
+
"focusout"):null):null},docClick:function(b){return $APP.n(a.hasAttribute("open"))?(b=$APP.Bc(b.composedPath()),b=$APP.fe(function(c){return c===a},b),$APP.n(b)?null:Sy(a,"outside-click")):null},docKeydown:function(b){b=$APP.y.j(b.key,"Escape");return $APP.n(b?a.hasAttribute("open"):b)?Sy(a,"escape"):null},footerSlotchange:function(){var b=$APP.l(a,"__xPopoverRefs");return $APP.n(b)?$APP.ki($APP.l(b,"footer"),"hidden",!($APP.l(b,"footerSlot").assignedNodes().length>0)):null}}},gz=function(a){var b=
|
|
19
|
+
$APP.l(a,"__xPopoverRefs");if($APP.n(b)){var c=$APP.l(a,"__xPopoverHandlers");if($APP.n(c)){var d=$APP.l(b,"closeBtn"),e=$APP.l(b,"footerSlot");$APP.l(b,"trigger").removeEventListener("click",$APP.l(c,"triggerClick"));d.removeEventListener("click",$APP.l(c,"closeBtnClick"));a.removeEventListener("focusout",$APP.l(c,"hostFocusout"));e.removeEventListener("slotchange",$APP.l(c,"footerSlotchange"))}}},hz=function(a){if(!$APP.n($APP.l(a,"__xPopoverRefs"))){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),
|
|
20
|
+
d=document.createElement("span"),e=document.createElement("slot"),f=document.createElement("div"),h=document.createElement("div"),k=document.createElement("div"),m=document.createElement("span"),q=document.createElement("button"),u=document.createElement("div"),x=document.createElement("slot"),z=document.createElement("div"),A=document.createElement("slot");c.textContent=":host{display:inline-block;position:relative;color-scheme:light dark;--x-popover-panel-bg:var(--x-color-bg,#ffffff);--x-popover-panel-border:1px solid var(--x-color-border,#e2e8f0);--x-popover-panel-radius:var(--x-radius-md,8px);--x-popover-panel-shadow:var(--x-shadow-md,0 4px 16px rgba(0,0,0,0.12));--x-popover-panel-min-width:12rem;--x-popover-panel-max-width:min(24rem,calc(100vw - 1rem));--x-popover-panel-max-height:24rem;--x-popover-panel-offset:4px;--x-popover-panel-z:1000;--x-popover-header-padding:0.625rem 0.75rem 0.625rem 0.875rem;--x-popover-header-border:1px solid var(--x-color-border,#e2e8f0);--x-popover-heading-color:var(--x-color-text,#0f172a);--x-popover-heading-font-size:0.9375rem;--x-popover-heading-font-weight:600;--x-popover-close-bg:transparent;--x-popover-close-bg-hover:var(--x-color-surface-active,#f1f5f9);--x-popover-close-color:var(--x-color-text-muted,#64748b);--x-popover-close-color-hover:var(--x-color-text,#0f172a);--x-popover-close-radius:4px;--x-popover-close-size:1.5rem;--x-popover-focus-ring:var(--x-color-focus-ring,#60a5fa);--x-popover-body-padding:0.875rem;--x-popover-body-color:var(--x-color-text-muted,#334155);--x-popover-body-font-size:0.9375rem;--x-popover-footer-padding:0.625rem 0.875rem;--x-popover-footer-border:1px solid var(--x-color-border,#e2e8f0);--x-popover-arrow-size:8px;--x-popover-arrow-bg:var(--x-color-bg,#ffffff);--x-popover-arrow-border:var(--x-color-border,#e2e8f0);--x-popover-transition-duration:var(--x-transition-duration,150ms);--x-popover-transition-easing:var(--x-transition-easing,ease);}@media (prefers-color-scheme:dark){:host{--x-popover-panel-bg:var(--x-color-bg,#1e293b);--x-popover-panel-border:1px solid var(--x-color-border,#334155);--x-popover-panel-shadow:0 4px 24px rgba(0,0,0,0.4);--x-popover-header-border:1px solid var(--x-color-border,#334155);--x-popover-heading-color:var(--x-color-text,#e2e8f0);--x-popover-close-bg-hover:var(--x-color-text-muted,#334155);--x-popover-close-color:var(--x-color-text-muted,#94a3b8);--x-popover-close-color-hover:var(--x-color-text,#e2e8f0);--x-popover-focus-ring:var(--x-color-focus-ring,#93c5fd);--x-popover-body-color:var(--x-color-text-muted,#cbd5e1);--x-popover-footer-border:1px solid var(--x-color-border,#334155);--x-popover-arrow-bg:var(--x-color-bg,#1e293b);--x-popover-arrow-border:var(--x-color-border,#334155);}}[part\x3dtrigger]{display:inline-block;}[part\x3dpanel]{position:absolute;z-index:var(--x-popover-panel-z);box-sizing:border-box;background:var(--x-popover-panel-bg);border:var(--x-popover-panel-border);border-radius:var(--x-popover-panel-radius);box-shadow:var(--x-popover-panel-shadow);min-width:var(--x-popover-panel-min-width);max-width:var(--x-popover-panel-max-width);max-height:var(--x-popover-panel-max-height);overflow-y:auto;visibility:hidden;pointer-events:none;opacity:0;transform:scale(0.96) translateY(-4px);transition:opacity var(--x-popover-transition-duration) var(--x-popover-transition-easing),transform var(--x-popover-transition-duration) var(--x-popover-transition-easing),visibility 0s var(--x-popover-transition-duration);}:host([open]) [part\x3dpanel]{visibility:visible;pointer-events:auto;opacity:1;transform:scale(1) translateY(0);transition:opacity var(--x-popover-transition-duration) var(--x-popover-transition-easing),transform var(--x-popover-transition-duration) var(--x-popover-transition-easing),visibility 0s 0s;}[part\x3dpanel][data-placement\x3dbottom-start]{top:calc(100% + var(--x-popover-arrow-size) + var(--x-popover-panel-offset));left:0;transform-origin:top left;}[part\x3dpanel][data-placement\x3dbottom-end]{top:calc(100% + var(--x-popover-arrow-size) + var(--x-popover-panel-offset));right:0;transform-origin:top right;}[part\x3dpanel][data-placement\x3dtop-start]{bottom:calc(100% + var(--x-popover-arrow-size) + var(--x-popover-panel-offset));left:0;transform-origin:bottom left;}[part\x3dpanel][data-placement\x3dtop-end]{bottom:calc(100% + var(--x-popover-arrow-size) + var(--x-popover-panel-offset));right:0;transform-origin:bottom right;}[part\x3darrow]{position:absolute;width:var(--x-popover-arrow-size);height:var(--x-popover-arrow-size);background:var(--x-popover-arrow-bg);transform:rotate(45deg);pointer-events:none;}[part\x3dpanel][data-placement\x3dbottom-start] [part\x3darrow],[part\x3dpanel][data-placement\x3dbottom-end] [part\x3darrow]{top:calc(var(--x-popover-arrow-size) / -2 - 1px);border-left:1px solid var(--x-popover-arrow-border);border-top:1px solid var(--x-popover-arrow-border);}[part\x3dpanel][data-placement\x3dbottom-start] [part\x3darrow]{left:1rem;}[part\x3dpanel][data-placement\x3dbottom-end] [part\x3darrow]{right:1rem;}[part\x3dpanel][data-placement\x3dtop-start] [part\x3darrow],[part\x3dpanel][data-placement\x3dtop-end] [part\x3darrow]{bottom:calc(var(--x-popover-arrow-size) / -2 - 1px);border-right:1px solid var(--x-popover-arrow-border);border-bottom:1px solid var(--x-popover-arrow-border);}[part\x3dpanel][data-placement\x3dtop-start] [part\x3darrow]{left:1rem;}[part\x3dpanel][data-placement\x3dtop-end] [part\x3darrow]{right:1rem;}[part\x3dheader]{display:flex;align-items:center;justify-content:space-between;padding:var(--x-popover-header-padding);border-bottom:var(--x-popover-header-border);gap:0.5rem;}[part\x3dheading]{flex:1;font-size:var(--x-popover-heading-font-size);font-weight:var(--x-popover-heading-font-weight);color:var(--x-popover-heading-color);font-family:inherit;}[part\x3dclose-button]{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:var(--x-popover-close-size);height:var(--x-popover-close-size);background:var(--x-popover-close-bg);color:var(--x-popover-close-color);border-radius:var(--x-popover-close-radius);cursor:pointer;flex-shrink:0;transition:background 100ms ease,color 100ms ease;}[part\x3dclose-button]:hover{background:var(--x-popover-close-bg-hover);color:var(--x-popover-close-color-hover);}[part\x3dclose-button]:focus-visible{outline:none;box-shadow:0 0 0 2px var(--x-popover-focus-ring);}[part\x3dclose-button][hidden]{display:none;}[part\x3dheader][hidden]{display:none;}[part\x3dbody]{padding:var(--x-popover-body-padding);color:var(--x-popover-body-color);font-size:var(--x-popover-body-font-size);font-family:inherit;}[part\x3dfooter]{padding:var(--x-popover-footer-padding);border-top:var(--x-popover-footer-border);}[part\x3dfooter][hidden]{display:none;}:host([portal][open]) [part\x3dpanel]{visibility:hidden !important;pointer-events:none !important;opacity:0 !important;}@media (prefers-reduced-motion:reduce){[part\x3dpanel]{transition:none !important;}[part\x3dclose-button]{transition:none !important;}}";
|
|
21
|
+
$APP.T(d,"part","trigger");$APP.T(e,"name","trigger");$APP.T(f,"part","panel");$APP.T(f,"role","dialog");$APP.T(f,"inert","");$APP.T(f,"data-placement","bottom-start");$APP.T(h,"part","arrow");$APP.T(h,"aria-hidden","true");$APP.T(k,"part","header");$APP.T(m,"part","heading");$APP.T(m,"id","popover-heading");$APP.T(q,"part","close-button");$APP.T(q,"type","button");$APP.T(q,"aria-label","Close");q.innerHTML='\x3csvg width\x3d"14" height\x3d"14" viewBox\x3d"0 0 14 14" fill\x3d"none" xmlns\x3d"http://www.w3.org/2000/svg" aria-hidden\x3d"true"\x3e\x3cpath d\x3d"M1 1L13 13M13 1L1 13" stroke\x3d"currentColor" stroke-width\x3d"2" stroke-linecap\x3d"round"/\x3e\x3c/svg\x3e';
|
|
22
|
+
$APP.T(u,"part","body");$APP.T(z,"part","footer");$APP.T(z,"hidden","");$APP.T(A,"name","footer");d.appendChild(e);k.appendChild(m);k.appendChild(q);u.appendChild(x);z.appendChild(A);f.appendChild(h);f.appendChild(k);f.appendChild(u);f.appendChild(z);b.appendChild(c);b.appendChild(d);b.appendChild(f);$APP.R(a,"__xPopoverRefs",{trigger:d,panel:f,header:k,heading:m,closeBtn:q,body:u,footer:z,footerSlot:A})}gz(a);ez(a);$APP.R(a,"__xPopoverHandlers",fz(a));b=$APP.l(a,"__xPopoverRefs");$APP.n(b)&&(c=$APP.l(a,
|
|
23
|
+
"__xPopoverHandlers"),$APP.n(c)&&(d=$APP.l(b,"closeBtn"),e=$APP.l(b,"footerSlot"),$APP.l(b,"trigger").addEventListener("click",$APP.l(c,"triggerClick")),d.addEventListener("click",$APP.l(c,"closeBtnClick")),a.addEventListener("focusout",$APP.l(c,"hostFocusout")),e.addEventListener("slotchange",$APP.l(c,"footerSlotchange"))));$APP.n(a.hasAttribute("open"))&&dz(a);return Ly(a)},iz=function(a){az(a);gz(a);return ez(a)},jz=function(a,b){if($APP.n($APP.l(a,"__xPopoverRefs"))&&(Ly(a),$APP.y.j(b,"open"))){if($APP.n(a.hasAttribute("open")))return dz(a),
|
|
24
|
+
b=a.hasAttribute("portal"),$APP.n($APP.n(b)?$APP.p($APP.l(a,"__xPopoverLayer")):b)?$y(a):null;ez(a);return az(a)}return null},lz=function(a){$APP.Ei(a,kz);Object.defineProperty(a,"show",{value:function(){return bz(this,"programmatic")},writable:!0,configurable:!0});Object.defineProperty(a,"hide",{value:function(){return Sy(this,"programmatic")},writable:!0,configurable:!0});return Object.defineProperty(a,"toggle",{value:function(){return cz(this,"programmatic")},writable:!0,configurable:!0})},nz=
|
|
25
|
+
function(){return $APP.Kh("x-popover",new $APP.N(null,5,[$APP.Bh,mz,$APP.zh,hz,$APP.qh,iz,$APP.ph,jz,$APP.Ah,lz],null))},Jy=new $APP.F(null,"close-label","close-label",-1088385889),Hy=new $APP.F(null,"no-close?","no-close?",1842227643),Fy=new $APP.F(null,"close-label-raw","close-label-raw",798572883),Iy=new $APP.F(null,"portal?","portal?",-167584340),Ey=new $APP.F(null,"heading-raw","heading-raw",116296555),Ny=new $APP.F(null,"closeBtn","closeBtn",1947660915),Cy=new $APP.F(null,"no-close-present?",
|
|
26
|
+
"no-close-present?",-154717274),My=new $APP.F(null,"arrow","arrow",1071351425),Dy=new $APP.F(null,"portal-present?","portal-present?",-463262026);var Gy=new $APP.rg(null,new $APP.N(null,4,["bottom-start",null,"bottom-end",null,"top-end",null,"top-start",null],null),null),mz="open placement heading close-label no-close disabled portal".split(" "),kz=new $APP.N(null,7,[$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.br,new $APP.N(null,2,[$APP.O,$APP.Y,$APP.W,"heading"],null),new $APP.F(null,"closeLabel","closeLabel",557288558),new $APP.N(null,2,[$APP.O,$APP.Y,
|
|
27
|
+
$APP.W,"close-label"],null),new $APP.F(null,"noClose","noClose",1115851533),new $APP.N(null,2,[$APP.O,$APP.Ci,$APP.W,"no-close"],null),$APP.Hk,new $APP.N(null,2,[$APP.O,$APP.Ci,$APP.W,"disabled"],null),new $APP.F(null,"portal","portal",2002989957),new $APP.N(null,2,[$APP.O,$APP.Ci,$APP.W,"portal"],null)],null);
|
|
28
|
+
$APP.be(["x-popover-toggle",new $APP.N(null,2,[$APP.Mr,!0,$APP.V,new $APP.N(null,2,[$APP.Ir,$APP.Ci,$APP.Vq,$APP.Y],null)],null),"x-popover-change",new $APP.N(null,2,[$APP.Mr,!1,$APP.V,new $APP.N(null,1,[$APP.Ir,$APP.Ci],null)],null)]);$APP.fa("baredom.exports.x_popover.init",nz);export const init=nz;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
$APP.
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
"aria-label",
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
d
|
|
10
|
-
|
|
2
|
+
var P2=function(a,b){return typeof a==="string"?(a=parseFloat(a),$APP.n(isNaN(a))?b:a):b},Q2=function(a){var b=new $APP.N(null,7,[$APP.ei,a.getAttribute("value"),$APP.sq,a.getAttribute("max"),$APP.Nk,a.getAttribute("variant"),$APP.Ok,a.getAttribute("size"),$APP.bj,a.getAttribute("label"),$APP.Ip,a.hasAttribute("show-value"),$APP.Pr,a.hasAttribute("indeterminate")],null);var c=$APP.H(b),d=$APP.C(c,$APP.sq),e=$APP.C(c,$APP.ei),f=$APP.C(c,$APP.Nk),h=$APP.C(c,$APP.Ok);b=$APP.C(c,$APP.bj);var k=$APP.C(c,
|
|
3
|
+
$APP.Ip);c=$APP.C(c,$APP.Pr);d=P2(d,100);d=d>0?d:100;e=$APP.Hm.j($APP.Gm.j(P2(e,0),0),d);f=typeof f==="string"&&$APP.$c(nja,f)?f:"default";h=typeof h==="string"&&$APP.$c(oja,h)?h:"md";c=$APP.E(c);k=$APP.E(k);var m=c?50:$APP.Hm.j($APP.Gm.j(e/d*100,0),100);b=$APP.Yf([$APP.Nk,$APP.Ip,$APP.ei,$APP.Ok,$APP.Pr,$APP.xs,$APP.sq,$APP.bj,$APP.or],[f,k,e,h,c,c?"Loading…":""+$APP.P.i(Math.round(m))+"%",d,typeof b==="string"&&$APP.I("",b)?b:null,m]);if($APP.I(b,$APP.l(a,"__xProgressCircleModel"))){b=$APP.H(b);
|
|
4
|
+
k=$APP.C(b,$APP.or);d=$APP.C(b,$APP.Nk);h=$APP.C(b,$APP.Ip);c=$APP.C(b,$APP.ei);e=$APP.C(b,$APP.Ok);f=$APP.C(b,$APP.xs);m=$APP.C(b,$APP.Pr);var q=$APP.C(b,$APP.bj),u=$APP.C(b,$APP.sq),x=$APP.l(a,"__xProgressCircleBase"),z=$APP.l(a,"__xProgressCircleFill"),A=$APP.l(a,"__xProgressCircleValueNode"),D=$APP.l(a,"__xProgressCircleCompleted"),G=$APP.p(m)&&c>=u,J=$APP.n(m)?75:100*(1-k/100);$APP.T(x,"data-variant",d);$APP.T(x,"data-size",e);$APP.T(x,"data-indeterminate",$APP.n(m)?"true":"false");$APP.T(z,
|
|
5
|
+
"stroke-dasharray",""+$APP.P.i(100));$APP.T(z,"stroke-dashoffset",""+$APP.P.i(J));A.textContent=$APP.n($APP.n(h)?$APP.p(m):h)?""+$APP.P.i(Math.round(k))+"%":"";A.style.display=$APP.n($APP.n(h)?$APP.p(m):h)?"":"none";$APP.T(a,"role","progressbar");$APP.T(a,"aria-valuemin","0");$APP.n(m)?($APP.U(a,"aria-valuenow"),$APP.T(a,"aria-busy","true"),$APP.T(a,"aria-valuetext",f)):($APP.T(a,"aria-valuenow",""+$APP.P.i(c)),$APP.T(a,"aria-valuemax",""+$APP.P.i(u)),$APP.T(a,"aria-valuetext",f),$APP.U(a,"aria-busy"));
|
|
6
|
+
q!=null?$APP.T(a,"aria-label",q):$APP.U(a,"aria-label");G&&$APP.p(D)&&$APP.pi(a,"x-progress-circle-complete",{value:c,max:u});$APP.R(a,"__xProgressCircleCompleted",$APP.E(G));a=$APP.R(a,"__xProgressCircleModel",b)}else a=null;return a},pja=function(a){if(!$APP.n($APP.l(a,"__xProgressCircleInit"))){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div"),e=document.createElementNS("http://www.w3.org/2000/svg","svg"),f=document.createElementNS("http://www.w3.org/2000/svg",
|
|
7
|
+
"circle"),h=document.createElementNS("http://www.w3.org/2000/svg","circle"),k=document.createElement("div"),m=document.createElement("span");c.textContent=":host{display:inline-flex;color-scheme:light dark;box-sizing:border-box;--x-progress-circle-size:64px;--x-progress-circle-track-color:rgba(0,0,0,0.10);--x-progress-circle-fill-color:var(--x-color-primary,#3b82f6);--x-progress-circle-stroke-width:2.8;--x-progress-circle-value-color:rgba(0,0,0,0.50);--x-progress-circle-transition-duration:var(--x-transition-duration,0.3s);}@media (prefers-color-scheme:dark){:host{--x-progress-circle-track-color:rgba(255,255,255,0.12);--x-progress-circle-value-color:rgba(255,255,255,0.50);}}[part\x3dbase][data-size\x3d'sm']{--x-progress-circle-size:40px;}[part\x3dbase][data-size\x3d'md']{--x-progress-circle-size:64px;}[part\x3dbase][data-size\x3d'lg']{--x-progress-circle-size:96px;}[part\x3dbase][data-variant\x3d'success']{--x-progress-circle-fill-color:var(--x-color-success,#22c55e);}[part\x3dbase][data-variant\x3d'warning']{--x-progress-circle-fill-color:var(--x-color-warning,#f59e0b);}[part\x3dbase][data-variant\x3d'danger']{--x-progress-circle-fill-color:var(--x-color-danger,#ef4444);}[part\x3dbase]{position:relative;display:inline-flex;width:var(--x-progress-circle-size);height:var(--x-progress-circle-size);}[part\x3dsvg]{width:100%;height:100%;}[part\x3dtrack]{fill:none;stroke:var(--x-progress-circle-track-color);stroke-width:var(--x-progress-circle-stroke-width);}[part\x3dfill]{fill:none;stroke:var(--x-progress-circle-fill-color);stroke-width:var(--x-progress-circle-stroke-width);stroke-linecap:round;transform:rotate(-90deg);transform-origin:center;transition:stroke-dashoffset var(--x-progress-circle-transition-duration) ease;}[part\x3dcenter]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;}[part\x3dvalue-text]{font-size:calc(var(--x-progress-circle-size) * 0.22);color:var(--x-progress-circle-value-color);font-weight:500;line-height:1;}@keyframes x-progress-circle-spin{from{transform:rotate(-90deg);}to{transform:rotate(270deg);}}[part\x3dbase][data-indeterminate\x3d'true'] [part\x3dfill]{animation:x-progress-circle-spin 1.2s linear infinite;}@media (prefers-reduced-motion:reduce){[part\x3dfill]{transition:none;}[part\x3dbase][data-indeterminate\x3d'true'] [part\x3dfill]{animation:none;}}";
|
|
8
|
+
$APP.T(d,"part","base");$APP.T(e,"part","svg");$APP.T(e,"viewBox","0 0 36 36");$APP.T(e,"aria-hidden","true");$APP.T(e,"focusable","false");$APP.T(f,"part","track");$APP.T(f,"cx","18");$APP.T(f,"cy","18");$APP.T(f,"r","15.9155");$APP.T(h,"part","fill");$APP.T(h,"cx","18");$APP.T(h,"cy","18");$APP.T(h,"r","15.9155");$APP.T(k,"part","center");$APP.T(m,"part","value-text");e.appendChild(f);e.appendChild(h);k.appendChild(m);d.appendChild(e);d.appendChild(k);b.appendChild(c);b.appendChild(d);$APP.R(a,
|
|
9
|
+
"__xProgressCircleBase",d);$APP.R(a,"__xProgressCircleFill",h);$APP.R(a,"__xProgressCircleValueNode",m);$APP.R(a,"__xProgressCircleInit",!0)}return Q2(a)},qja=function(a,b,c,d){return $APP.I(c,d)?$APP.n($APP.l(a,"__xProgressCircleInit"))?Q2(a):null:null},rja=function(a){$APP.xi(a,"value","value","0");$APP.xi(a,"max","max","100");$APP.yi(a,"variant","variant");$APP.yi(a,"size","size");$APP.yi(a,"label","label");$APP.ui(a,"indeterminate","indeterminate");return $APP.ui(a,"showValue","show-value")},
|
|
10
|
+
R2=function(){return $APP.Kh("x-progress-circle",new $APP.N(null,4,[$APP.Bh,sja,$APP.zh,pja,$APP.ph,qja,$APP.Ah,rja],null))};var nja=new $APP.rg(null,new $APP.N(null,4,["success",null,"warning",null,"danger",null,"default",null],null),null),oja=new $APP.rg(null,new $APP.N(null,3,["md",null,"lg",null,"sm",null],null),null),sja="value max variant size label show-value indeterminate".split(" ");$APP.be(["x-progress-circle-complete",new $APP.N(null,1,[$APP.V,new $APP.N(null,2,[$APP.ei,$APP.Z,$APP.sq,$APP.Z],null)],null)]);$APP.fa("baredom.exports.x_progress_circle.init",R2);export const init=R2;
|
package/dist/x-progress.js
CHANGED
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
$APP.
|
|
4
|
-
$APP.
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
m=document.createElement("div");c.textContent=":host{display:block;color-scheme:light dark;box-sizing:border-box;--x-progress-border-radius:var(--x-radius-full,9999px);--x-progress-track-color:rgba(0,0,0,0.10);--x-progress-fill-color:var(--x-color-primary,#3b82f6);--x-progress-label-color:rgba(0,0,0,0.60);--x-progress-value-color:rgba(0,0,0,0.50);}@media (prefers-color-scheme:dark){:host{--x-progress-track-color:rgba(255,255,255,0.12);--x-progress-label-color:rgba(255,255,255,0.60);--x-progress-value-color:rgba(255,255,255,0.50);}}[part\x3dbase][data-size\x3d'sm']{--x-progress-height:4px;}[part\x3dbase][data-size\x3d'md']{--x-progress-height:8px;}[part\x3dbase][data-size\x3d'lg']{--x-progress-height:12px;}[part\x3dbase][data-variant\x3d'success']{--x-progress-fill-color:var(--x-color-success,#22c55e);}[part\x3dbase][data-variant\x3d'warning']{--x-progress-fill-color:var(--x-color-warning,#f59e0b);}[part\x3dbase][data-variant\x3d'danger']{--x-progress-fill-color:var(--x-color-danger,#ef4444);}[part\x3dbase]{width:100%;box-sizing:border-box;}[part\x3dheader]{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px;}[part\x3dlabel-text]{font-size:var(--x-font-size-sm,0.875rem);color:var(--x-progress-label-color);font-weight:500;}[part\x3dvalue-text]{font-size:0.8125rem;color:var(--x-progress-value-color);}[part\x3dtrack]{height:var(--x-progress-height,8px);border-radius:var(--x-progress-border-radius,9999px);background:var(--x-progress-track-color);overflow:hidden;position:relative;}[part\x3dfill]{height:100%;background:var(--x-progress-fill-color);border-radius:var(--x-progress-border-radius,9999px);transition:width 0.3s ease;width:0%;}@keyframes x-progress-indeterminate{0%{transform:translateX(-100%) scaleX(0.5);}50%{transform:translateX(60%) scaleX(0.8);}100%{transform:translateX(200%) scaleX(0.5);}}[part\x3dbase][data-indeterminate\x3d'true'] [part\x3dfill]{animation:x-progress-indeterminate 1.5s ease infinite;width:40%;transform-origin:left center;}@media (prefers-reduced-motion:reduce){[part\x3dfill]{transition:none;}[part\x3dbase][data-indeterminate\x3d'true'] [part\x3dfill]{animation:none;width:50%;}}";
|
|
8
|
-
|
|
9
|
-
"__xProgressInit"))
|
|
10
|
-
$APP.Sh(a,"showValue","show-value");Object.defineProperty(a,"variant",{get:function(){var b=this.getAttribute("variant");return $APP.n(b)?b:""},set:function(b){return this.setAttribute("variant",""+$APP.V.i(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"size",{get:function(){var b=this.getAttribute("size");return $APP.n(b)?b:""},set:function(b){return this.setAttribute("size",""+$APP.V.i(b))},enumerable:!0,configurable:!0});return Object.defineProperty(a,"label",{get:function(){return this.getAttribute("label")},
|
|
11
|
-
set:function(b){return $APP.n(b)?this.setAttribute("label",""+$APP.V.i(b)):this.removeAttribute("label")},enumerable:!0,configurable:!0})},f$=function(){return $APP.Ah("x-progress",new $APP.O(null,4,[$APP.qh,Nla,$APP.oh,Kla,$APP.kh,Lla,$APP.ph,Mla],null))};var Ila=new $APP.pg(null,new $APP.O(null,4,["success",null,"warning",null,"danger",null,"default",null],null),null),Jla=new $APP.pg(null,new $APP.O(null,3,["md",null,"lg",null,"sm",null],null),null),Nla="value max variant size label show-value indeterminate".split(" ");$APP.ce(["x-progress-complete",new $APP.O(null,1,[$APP.U,new $APP.O(null,2,[$APP.Eh,$APP.Y,$APP.hp,$APP.Y],null)],null)]);$APP.ha("baredom.exports.x_progress.init",f$);export const init=f$;
|
|
2
|
+
var Y9=function(a,b){return typeof a==="string"?(a=parseFloat(a),$APP.n(isNaN(a))?b:a):b},Z9=function(a){var b=new $APP.N(null,7,[$APP.ei,a.getAttribute("value"),$APP.sq,a.getAttribute("max"),$APP.Nk,a.getAttribute("variant"),$APP.Ok,a.getAttribute("size"),$APP.bj,a.getAttribute("label"),$APP.Ip,a.hasAttribute("show-value"),$APP.Pr,a.hasAttribute("indeterminate")],null);var c=$APP.H(b),d=$APP.C(c,$APP.sq),e=$APP.C(c,$APP.ei),f=$APP.C(c,$APP.Nk),h=$APP.C(c,$APP.Ok);b=$APP.C(c,$APP.bj);var k=$APP.C(c,
|
|
3
|
+
$APP.Ip);c=$APP.C(c,$APP.Pr);d=Y9(d,100);d=d>0?d:100;e=$APP.Hm.j($APP.Gm.j(Y9(e,0),0),d);f=typeof f==="string"&&$APP.$c(koa,f)?f:"default";h=typeof h==="string"&&$APP.$c(loa,h)?h:"md";c=$APP.E(c);k=$APP.E(k);var m=c?50:$APP.Hm.j($APP.Gm.j(e/d*100,0),100);b=$APP.Yf([$APP.Nk,$APP.Ip,$APP.ei,$APP.Ok,$APP.Pr,$APP.xs,$APP.sq,$APP.bj,$APP.or],[f,k,e,h,c,c?"Loading…":""+$APP.P.i(Math.round(m))+"%",d,typeof b==="string"&&$APP.I("",b)?b:null,m]);if($APP.I(b,$APP.l(a,"__xProgressModel"))){b=$APP.H(b);k=$APP.C(b,
|
|
4
|
+
$APP.or);d=$APP.C(b,$APP.Nk);h=$APP.C(b,$APP.Ip);c=$APP.C(b,$APP.ei);e=$APP.C(b,$APP.Ok);f=$APP.C(b,$APP.xs);m=$APP.C(b,$APP.Pr);var q=$APP.C(b,$APP.bj),u=$APP.C(b,$APP.sq),x=$APP.l(a,"__xProgressBase"),z=$APP.l(a,"__xProgressHeader"),A=$APP.l(a,"__xProgressFill"),D=$APP.l(a,"__xProgressLabel"),G=$APP.l(a,"__xProgressValue");var J=(J=q!=null)?J:h;var S=$APP.l(a,"__xProgressCompleted"),Q=$APP.p(m)&&c>=u;$APP.T(x,"data-variant",d);$APP.T(x,"data-size",e);$APP.T(x,"data-indeterminate",$APP.n(m)?"true":
|
|
5
|
+
"false");A.style.width=$APP.n(m)?"40%":""+$APP.P.i(k.toFixed(2))+"%";z.style.display=$APP.n(J)?"flex":"none";D.textContent=$APP.n(q)?q:"";D.style.display=q!=null?"":"none";G.textContent=$APP.n($APP.n(h)?$APP.p(m):h)?""+$APP.P.i(Math.round(k))+"%":"";G.style.display=$APP.n(h)?"":"none";$APP.T(a,"role","progressbar");$APP.T(a,"aria-valuemin","0");$APP.n(m)?($APP.U(a,"aria-valuenow"),$APP.T(a,"aria-busy","true"),$APP.T(a,"aria-valuetext",f)):($APP.T(a,"aria-valuenow",""+$APP.P.i(c)),$APP.T(a,"aria-valuemax",
|
|
6
|
+
""+$APP.P.i(u)),$APP.T(a,"aria-valuetext",f),$APP.U(a,"aria-busy"));q!=null?$APP.T(a,"aria-label",q):$APP.U(a,"aria-label");Q&&$APP.p(S)&&$APP.pi(a,"x-progress-complete",{value:c,max:u});$APP.R(a,"__xProgressCompleted",$APP.E(Q));a=$APP.R(a,"__xProgressModel",b)}else a=null;return a},moa=function(a){if(!$APP.n($APP.l(a,"__xProgressInit"))){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("div"),f=document.createElement("span"),
|
|
7
|
+
h=document.createElement("span"),k=document.createElement("div"),m=document.createElement("div");c.textContent=":host{display:block;color-scheme:light dark;box-sizing:border-box;--x-progress-border-radius:var(--x-radius-full,9999px);--x-progress-track-color:rgba(0,0,0,0.10);--x-progress-fill-color:var(--x-color-primary,#3b82f6);--x-progress-label-color:rgba(0,0,0,0.60);--x-progress-value-color:rgba(0,0,0,0.50);}@media (prefers-color-scheme:dark){:host{--x-progress-track-color:rgba(255,255,255,0.12);--x-progress-label-color:rgba(255,255,255,0.60);--x-progress-value-color:rgba(255,255,255,0.50);}}[part\x3dbase][data-size\x3d'sm']{--x-progress-height:4px;}[part\x3dbase][data-size\x3d'md']{--x-progress-height:8px;}[part\x3dbase][data-size\x3d'lg']{--x-progress-height:12px;}[part\x3dbase][data-variant\x3d'success']{--x-progress-fill-color:var(--x-color-success,#22c55e);}[part\x3dbase][data-variant\x3d'warning']{--x-progress-fill-color:var(--x-color-warning,#f59e0b);}[part\x3dbase][data-variant\x3d'danger']{--x-progress-fill-color:var(--x-color-danger,#ef4444);}[part\x3dbase]{width:100%;box-sizing:border-box;}[part\x3dheader]{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px;}[part\x3dlabel-text]{font-size:var(--x-font-size-sm,0.875rem);color:var(--x-progress-label-color);font-weight:500;}[part\x3dvalue-text]{font-size:0.8125rem;color:var(--x-progress-value-color);}[part\x3dtrack]{height:var(--x-progress-height,8px);border-radius:var(--x-progress-border-radius,9999px);background:var(--x-progress-track-color);overflow:hidden;position:relative;}[part\x3dfill]{height:100%;background:var(--x-progress-fill-color);border-radius:var(--x-progress-border-radius,9999px);transition:width 0.3s ease;width:0%;}@keyframes x-progress-indeterminate{0%{transform:translateX(-100%) scaleX(0.5);}50%{transform:translateX(60%) scaleX(0.8);}100%{transform:translateX(200%) scaleX(0.5);}}[part\x3dbase][data-indeterminate\x3d'true'] [part\x3dfill]{animation:x-progress-indeterminate 1.5s ease infinite;width:40%;transform-origin:left center;}@media (prefers-reduced-motion:reduce){[part\x3dfill]{transition:none;}[part\x3dbase][data-indeterminate\x3d'true'] [part\x3dfill]{animation:none;width:50%;}}";
|
|
8
|
+
$APP.T(d,"part","base");$APP.T(e,"part","header");$APP.T(f,"part","label-text");$APP.T(h,"part","value-text");$APP.T(k,"part","track");$APP.T(m,"part","fill");e.appendChild(f);e.appendChild(h);k.appendChild(m);d.appendChild(e);d.appendChild(k);b.appendChild(c);b.appendChild(d);$APP.R(a,"__xProgressBase",d);$APP.R(a,"__xProgressHeader",e);$APP.R(a,"__xProgressFill",m);$APP.R(a,"__xProgressLabel",f);$APP.R(a,"__xProgressValue",h);$APP.R(a,"__xProgressInit",!0)}return Z9(a)},noa=function(a,b,c,d){return $APP.I(c,
|
|
9
|
+
d)?$APP.n($APP.l(a,"__xProgressInit"))?Z9(a):null:null},ooa=function(a){$APP.xi(a,"value","value","0");$APP.xi(a,"max","max","100");$APP.ui(a,"indeterminate","indeterminate");$APP.ui(a,"showValue","show-value");$APP.xi(a,"variant","variant","");$APP.xi(a,"size","size","");return $APP.yi(a,"label","label")},$9=function(){return $APP.Kh("x-progress",new $APP.N(null,4,[$APP.Bh,poa,$APP.zh,moa,$APP.ph,noa,$APP.Ah,ooa],null))};var koa=new $APP.rg(null,new $APP.N(null,4,["success",null,"warning",null,"danger",null,"default",null],null),null),loa=new $APP.rg(null,new $APP.N(null,3,["md",null,"lg",null,"sm",null],null),null),poa="value max variant size label show-value indeterminate".split(" ");$APP.be(["x-progress-complete",new $APP.N(null,1,[$APP.V,new $APP.N(null,2,[$APP.ei,$APP.Z,$APP.sq,$APP.Z],null)],null)]);$APP.fa("baredom.exports.x_progress.init",$9);export const init=$9;
|
package/dist/x-proximity-list.js
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
|
|
4
|
-
e.push({cx:
|
|
5
|
-
a.transform=""},
|
|
6
|
-
""+$APP.
|
|
7
|
-
for(var
|
|
8
|
-
"__xProximityListRafPending")))
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
m)&&(m=
|
|
12
|
-
m
|
|
13
|
-
|
|
14
|
-
a.getAttribute("radius"),
|
|
15
|
-
null,$APP.
|
|
16
|
-
[]);$APP.R(a,"__xProximityListDisplayed",[]);$APP.R(a,"__xProximityListFocus",-1);$APP.R(a,"__xProximityListRafPending",!1);
|
|
17
|
-
return
|
|
18
|
-
-1242050464),
|
|
19
|
-
var
|
|
20
|
-
new $APP.
|
|
21
|
-
$APP.
|
|
2
|
+
var Fv=function(a,b,c,d){return typeof a==="string"?(a=parseFloat(a.trim()),$APP.n(isNaN(a))?b:Math.min(d,Math.max(c,a))):b},Gv=function(a,b,c,d,e){a=c-a;b=d-b;return Math.max(0,1-Math.sqrt(a*a+b*b)/e)},Hv=function(){return $APP.E(window.matchMedia("(prefers-reduced-motion:reduce)").matches)},Jv=function(a){if(!$APP.n($APP.l(a,"__xProximityListRefs"))){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("slot");c.textContent=
|
|
3
|
+
Iv;$APP.T(d,"part","track");d.appendChild(e);b.appendChild(c);b.appendChild(d);$APP.R(a,"__xProximityListRefs",new $APP.N(null,3,[$APP.Kj,b,$APP.oo,d,$APP.nl,e],null))}},Kv=function(a){a=$APP.nl.i($APP.l(a,"__xProximityListRefs"));return $APP.n(a)?a.assignedElements():null},Lv=function(a){var b=$APP.oo.i($APP.l(a,"__xProximityListRefs"));var c=Kv(a);c=$APP.n(c)?c:[];var d=c.length,e=[];if($APP.n($APP.n(b)?d>0:b)){var f=b.getBoundingClientRect();b=f.left;f=f.top;for(var h=0;;)if(h<d){var k=c[h].getBoundingClientRect();
|
|
4
|
+
e.push({cx:k.left+k.width/2-b,cy:k.top+k.height/2-f});h+=1}else break}return $APP.R(a,"__xProximityListRects",e)},Mv=function(a,b){var c=$APP.l(a,"__xProximityListDisplayed");c=$APP.n(c)?c:[];var d=c.length;if(d<b)for(;;)if(d<b)c.push({scale:1,lift:0}),d+=1;else break;else if(d>b)for(;;)if(d>b)c.pop(),--d;else break;$APP.R(a,"__xProximityListDisplayed",c);return c},Nv=function(a){a=a.style;a.removeProperty("--x-proximity-influence");a.removeProperty("--x-proximity-scale");a.removeProperty("--x-proximity-lift");
|
|
5
|
+
a.transform=""},Ov=function(a){var b=$APP.l(a,"__xProximityListDisplayed");if($APP.n(b))for(var c=b.length,d=0;;)if(d<c){var e=b[d];e.scale=1;e.lift=0;d+=1}else break;a=Kv(a);if($APP.n(a))for(b=a.length,c=0;;)if(c<b)Nv(a[c]),c+=1;else break},Pv=function(a,b){return Math.abs(b-a)<.001?b:a+(b-a)*.2},Qv=function(a,b,c,d){a=a.style;var e=$APP.l(b,"scale");b=$APP.l(b,"lift");d=$APP.n(d)?"translateX("+$APP.P.i(b)+"px) scale("+$APP.P.i(e)+")":"translateY("+$APP.P.i(b)+"px) scale("+$APP.P.i(e)+")";a.setProperty("--x-proximity-influence",
|
|
6
|
+
""+$APP.P.i(c));a.setProperty("--x-proximity-scale",""+$APP.P.i(e));a.setProperty("--x-proximity-lift",""+$APP.P.i(b)+"px");a.transform=d},Tv=function(a){var b=$APP.l(a,"__xProximityListModel"),c=$APP.l(a,"__xProximityListPointer"),d=$APP.n(c)?$APP.l(c,"active")===!0:c,e=function(){var ja=$APP.l(a,"__xProximityListRects");return $APP.n(ja)?ja:[]}(),f=function(){var ja=Kv(a);return $APP.n(ja)?ja:[]}(),h=$APP.Hm.j(e.length,f.length),k=Mv(a,f.length),m=$APP.qs.i(b),q=Rv.i(b),u=$APP.Rr.i(b);b=$APP.vp.i(b);
|
|
7
|
+
for(var x=0,z=!1;;){if(x>=h)return z?Sv.i?Sv.i(a):Sv.call(null,a):null;var A=e[x],D=f[x],G=k[x],J=$APP.l(A,"cx"),S=$APP.l(A,"cy");A=$APP.n(d)?Gv(J,S,$APP.l(c,"x"),$APP.l(c,"y"),m):0;var Q=1+A*A*(q-1);J=$APP.p(d)?0:$APP.n(b)?$APP.l(c,"x")-J:$APP.l(c,"y")-S;var X=$APP.n($APP.n(d)?u>0:d)?A*A*u*(J>=30?1:J<=-30?-1:J/30):0;J=Pv($APP.l(G,"scale"),Q);S=Pv($APP.l(G,"lift"),X);Q=$APP.I(J,Q)||$APP.I(S,X);G.scale=J;G.lift=S;$APP.p(d)&&J===1&&S===0?Nv(D):Qv(D,G,A,b);z=z||Q;x+=1}},Sv=function(a){if($APP.n($APP.l(a,
|
|
8
|
+
"__xProximityListRafPending")))return null;$APP.R(a,"__xProximityListRafPending",!0);var b=requestAnimationFrame(function(){$APP.R(a,"__xProximityListRafPending",!1);return $APP.n(a.isConnected)?Tv(a):null});return $APP.ji(a,"__xProximityListRaf",b)},Uv=function(a){var b=$APP.l(a,"__xProximityListRaf");$APP.n(b)&&(cancelAnimationFrame(b),$APP.ji(a,"__xProximityListRaf",null));$APP.R(a,"__xProximityListRafPending",!1)},Vv=function(a,b){var c=$APP.l(a,"__xProximityListModel");if($APP.n($APP.n(c)?$APP.p($APP.cj.i(c)):
|
|
9
|
+
c)){var d=Kv(a),e=$APP.n(d)?d.length:null,f=b.key,h=$APP.vp.i(c);c=$APP.n(h)?"ArrowUp":"ArrowLeft";h=$APP.n(h)?"ArrowDown":"ArrowRight";var k=$APP.l(a,"__xProximityListFocus");k=$APP.n(k)?k:-1;if($APP.n($APP.n(e)?e>0:e)){if($APP.y.j(f,c))return b.preventDefault(),b=k<1?e-1:k-1,$APP.R(a,"__xProximityListFocus",b),d[b].focus();if($APP.y.j(f,h))return b.preventDefault(),b=k>=e-1?0:k+1,$APP.R(a,"__xProximityListFocus",b),d[b].focus();if(($APP.y.j(f,"Enter")||$APP.y.j(f," "))&&k>=0)return b.preventDefault(),
|
|
10
|
+
$APP.ri(a,"x-proximity-list-select",$APP.Xm(new $APP.N(null,3,["index",k,"item",d[k],"source","keyboard"],null)))}}return null},Wv=function(a){a.getAttribute("tabindex")==null&&$APP.T(a,"tabindex","0")},Xv=function(a){var b=Kv(a);if($APP.n(b))for(var c=b.length,d=0;;)if(d<c)Wv(b[d]),d+=1;else break;return requestAnimationFrame(function(){Lv(a);return Sv(a)})},Yv=function(a){function b(){return Xv(a)}function c(k){return Vv(a,k)}function d(k){a:{var m=$APP.l(a,"__xProximityListModel");if($APP.n($APP.n(m)?
|
|
11
|
+
$APP.p($APP.cj.i(m)):m)&&(m=Kv(a),$APP.n(m))){b:{k=k.target;for(var q=m.length,u=0;;)if(u<q){if($APP.y.j(k,m[u])){k=u;break b}u+=1}else{k=null;break b}k=void 0}if($APP.n(k)){$APP.R(a,"__xProximityListFocus",k);m=$APP.ri(a,"x-proximity-list-select",$APP.Xm(new $APP.N(null,3,["index",k,"item",m[k],"source","pointer"],null)));break a}}m=null}return m}function e(){var k=$APP.l(a,"__xProximityListPointer");$APP.n(k)?(k.active=!1,k=Sv(a)):k=null;return k}function f(k){a:{var m=$APP.l(a,"__xProximityListModel");
|
|
12
|
+
if($APP.n($APP.n(m)?$APP.p($APP.cj.i(m))&&$APP.y.j("mouse",k.pointerType)&&!Hv():m)){var q=$APP.oo.i($APP.l(a,"__xProximityListRefs"));m=$APP.l(a,"__xProximityListPointer");if($APP.n($APP.n(q)?m:q)){q=q.getBoundingClientRect();m.x=k.clientX-q.left;m.y=k.clientY-q.top;m.active=!0;k=Sv(a);break a}}k=null}return k}var h=$APP.nl.i($APP.l(a,"__xProximityListRefs"));a.addEventListener("pointermove",f);a.addEventListener("pointerleave",e);a.addEventListener("click",d);a.addEventListener("keydown",c);$APP.n(h)&&
|
|
13
|
+
h.addEventListener("slotchange",b);$APP.R(a,"__xProximityListHandlers",new $APP.N(null,5,[$APP.Wp,f,$APP.Wo,e,$APP.dq,d,$APP.Gp,c,$APP.nl,b],null))},Zv=function(a){var b=$APP.l(a,"__xProximityListHandlers");if($APP.n(b)){a.removeEventListener("pointermove",$APP.Wp.i(b));a.removeEventListener("pointerleave",$APP.Wo.i(b));a.removeEventListener("click",$APP.dq.i(b));a.removeEventListener("keydown",$APP.Gp.i(b));var c=$APP.nl.i($APP.l(a,"__xProximityListRefs"));$APP.n(c)&&c.removeEventListener("slotchange",
|
|
14
|
+
$APP.nl.i(b));$APP.R(a,"__xProximityListHandlers",null)}},cw=function(a){var b=new $APP.N(null,6,[$APP.jo,a.getAttribute("direction"),$APP.Ro,a.getAttribute("radius"),$v,a.getAttribute("max-scale"),aw,a.getAttribute("lift"),$APP.ho,a.getAttribute("gap"),$APP.po,a.getAttribute("disabled")],null);var c=$APP.H(b),d=$APP.C(c,$APP.jo);b=$APP.C(c,$APP.Ro);var e=$APP.C(c,$v),f=$APP.C(c,aw),h=$APP.C(c,$APP.ho);c=$APP.C(c,$APP.po);typeof d==="string"?(d=d.trim().toLowerCase(),d=$APP.$c(bw,d)?d:"horizontal"):
|
|
15
|
+
d="horizontal";b=new $APP.N(null,7,[$APP.Fo,d,$APP.qs,Fv(b,120,20,600),Rv,Fv(e,1.5,1,3),$APP.Rr,Fv(f,0,0,60),$APP.up,Fv(h,8,0,64),$APP.cj,c!=null,$APP.vp,$APP.y.j(d,"vertical")],null);$APP.I($APP.l(a,"__xProximityListModel"),b)?(b=$APP.H(b),e=$APP.C(b,$APP.up),f=$APP.C(b,$APP.cj),Jv(a),a.style.setProperty("--x-proximity-list-gap",""+$APP.P.i(e)+"px"),Lv(a),$APP.n($APP.n(f)?f:Hv())?(Uv(a),e=$APP.l(a,"__xProximityListPointer"),$APP.n(e)&&(e.active=!1),Ov(a)):Sv(a),a=$APP.R(a,"__xProximityListModel",
|
|
16
|
+
b)):a=null;return a},ew=function(a){return $APP.Ei(a,dw)},fw=function(a){$APP.R(a,"__xProximityListPointer",{x:0,y:0,active:!1});$APP.R(a,"__xProximityListRects",[]);$APP.R(a,"__xProximityListDisplayed",[]);$APP.R(a,"__xProximityListFocus",-1);$APP.R(a,"__xProximityListRafPending",!1);Jv(a);$APP.n(a.hasAttribute("role"))||$APP.T(a,"role","list");Zv(a);Yv(a);var b=$APP.l(a,"__xProximityListRO");$APP.n(b)&&b.disconnect();b=new ResizeObserver(function(){Lv(a);return Sv(a)});$APP.R(a,"__xProximityListRO",
|
|
17
|
+
b);b.observe(a);cw(a);return requestAnimationFrame(function(){var c=Kv(a);if($APP.n(c))for(var d=c.length,e=0;;)if(e<d)Wv(c[e]),e+=1;else break;return Lv(a)})},gw=function(a){Uv(a);Zv(a);Ov(a);var b=$APP.l(a,"__xProximityListRO");return $APP.n(b)?(b.disconnect(),$APP.R(a,"__xProximityListRO",null)):null},hw=function(a,b,c,d){return $APP.I(c,d)?cw(a):null},jw=function(){return $APP.Kh("x-proximity-list",new $APP.N(null,5,[$APP.Bh,iw,$APP.zh,fw,$APP.qh,gw,$APP.ph,hw,$APP.Ah,ew],null))},$v=new $APP.F(null,
|
|
18
|
+
"max-scale-raw","max-scale-raw",-238296345),kw=new $APP.F(null,"maxScale","maxScale",1268368480),Rv=new $APP.F(null,"max-scale","max-scale",-1242050464),aw=new $APP.F(null,"lift-raw","lift-raw",494522715);var iw="direction radius max-scale lift gap disabled".split(" ");$APP.be(["x-proximity-list-select",new $APP.N(null,4,[$APP.V,new $APP.N(null,3,[$APP.sn,$APP.Z,$APP.Op,$APP.kn,$APP.Vq,$APP.Y],null),$APP.as,!0,$APP.rs,!0,$APP.Mr,!0],null)]);
|
|
19
|
+
var dw=new $APP.N(null,6,[$APP.Fo,new $APP.N(null,3,[$APP.O,$APP.Y,$APP.W,"direction",$APP.Di,"horizontal"],null),$APP.qs,new $APP.N(null,3,[$APP.O,$APP.Z,$APP.W,"radius",$APP.Di,120],null),kw,new $APP.N(null,3,[$APP.O,$APP.Z,$APP.W,"max-scale",$APP.Di,1.5],null),$APP.Rr,new $APP.N(null,3,[$APP.O,$APP.Z,$APP.W,"lift",$APP.Di,0],null),$APP.up,new $APP.N(null,3,[$APP.O,$APP.Z,$APP.W,"gap",$APP.Di,8],null),$APP.Hk,new $APP.N(null,2,[$APP.O,$APP.Ci,$APP.W,"disabled"],null)],null),bw=new $APP.rg(null,
|
|
20
|
+
new $APP.N(null,2,["vertical",null,"horizontal",null],null),null);var Iv=":host{display:inline-block;"+$APP.P.i("--x-proximity-list-gap")+":8px;"+$APP.P.i("--x-proximity-list-item-size")+":48px;}:host([hidden]){display:none;}[part\x3dtrack]{display:flex;align-items:center;gap:var("+$APP.P.i("--x-proximity-list-gap")+',8px);position:relative;}:host([direction\x3d"vertical"]) [part\x3dtrack]{flex-direction:column;}::slotted(*){box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:var('+$APP.P.i("--x-proximity-list-item-size")+",48px);height:var("+
|
|
21
|
+
$APP.P.i("--x-proximity-list-item-size")+",48px);transform-origin:center center;will-change:transform;}::slotted(:focus-visible){outline:2px solid var(--x-color-primary,#2563eb);outline-offset:2px;}@media(prefers-reduced-motion:reduce){::slotted(*){transform:none!important;}}";$APP.fa("baredom.exports.x_proximity_list.init",jw);export const init=jw;
|
package/dist/x-radio.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
$APP.
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
(e=$APP.
|
|
7
|
-
{value:b,checked:!0})):null},
|
|
8
|
-
|
|
9
|
-
a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("button"),e=document.createElement("span");c.textContent=":host{display:inline-block;vertical-align:middle;color-scheme:light dark;--x-radio-size:16px;--x-radio-border-width:2px;--x-radio-border-color:var(--x-color-border,#6b7280);--x-radio-bg:var(--x-color-surface,#ffffff);--x-radio-checked-color:var(--x-color-primary,#2563eb);--x-radio-dot-size:6px;--x-radio-focus-ring:var(--x-color-focus-ring,#60a5fa);--x-radio-disabled-opacity:0.45;--x-radio-transition:background var(--x-transition-duration,120ms) var(--x-transition-easing,ease),border-color var(--x-transition-duration,120ms) var(--x-transition-easing,ease);}@media (prefers-color-scheme:dark){:host{--x-radio-border-color:var(--x-color-border,#9ca3af);--x-radio-bg:var(--x-color-surface,#1f2937);--x-radio-checked-color:var(--x-color-primary,#3b82f6);--x-radio-focus-ring:var(--x-color-focus-ring,#93c5fd);}}[part\x3dcontrol]{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:var(--x-radio-size);height:var(--x-radio-size);border:var(--x-radio-border-width) solid var(--x-radio-border-color);border-radius:50%;background:var(--x-radio-bg);transition:var(--x-radio-transition);cursor:pointer;flex-shrink:0;position:relative;}[part\x3dcontrol][disabled]{cursor:default;opacity:var(--x-radio-disabled-opacity);}[part\x3dcontrol]:focus-visible{outline:none;box-shadow:0 0 0 3px var(--x-radio-focus-ring);}:host([data-checked]) [part\x3dcontrol]{border-color:var(--x-radio-checked-color);}[part\x3ddot]{display:block;width:var(--x-radio-dot-size);height:var(--x-radio-dot-size);border-radius:50%;background:var(--x-radio-checked-color);opacity:0;transition:opacity 100ms ease;}:host([data-checked]) [part\x3ddot]{opacity:1;}@media (prefers-reduced-motion:reduce){[part\x3dcontrol]{transition:none;}[part\x3ddot]{transition:none;}}";
|
|
10
|
-
$APP.
|
|
11
|
-
|
|
12
|
-
$APP.W,"value"],null)],null);$APP.
|
|
2
|
+
var pz=function(a){a=$APP.Yf([$APP.Si,$APP.Wi,$APP.Xi,$APP.ek,$APP.fk,$APP.hk,$APP.Ti,$APP.ik,$APP.jk],[a.getAttribute("name"),a.hasAttribute("disabled"),a.hasAttribute("required"),a.getAttribute("aria-labelledby"),a.hasAttribute("checked"),a.hasAttribute("readonly"),a.getAttribute("value"),a.getAttribute("aria-label"),a.getAttribute("aria-describedby")]);var b=$APP.H(a);a=$APP.C(b,$APP.ik);var c=$APP.C(b,$APP.jk),d=$APP.C(b,$APP.Si),e=$APP.C(b,$APP.Wi),f=$APP.C(b,$APP.Xi),h=$APP.C(b,$APP.ek),k=$APP.C(b,
|
|
3
|
+
$APP.fk),m=$APP.C(b,$APP.hk);b=$APP.C(b,$APP.Ti);k=$APP.E(k);f=$APP.E(f);return $APP.Yf([$APP.dj,$APP.lk,$APP.mk,$APP.nk,$APP.ok,$APP.$i,$APP.ei,$APP.pk,$APP.qk,$APP.rk,$APP.cj],[f,k?"true":"false",$APP.E(m),k,$APP.n(f)?k:!0,d,b!=null?b:"on",h,c,a,$APP.E(e)])},qz=function(a,b){var c=$APP.l(a,"__xRadioRefs");if($APP.n(c)){var d=$APP.l(c,"control"),e=$APP.cj.i(b);c=$APP.nk.i(b);$APP.T(d,"aria-checked",$APP.lk.i(b));$APP.T(d,"aria-disabled",$APP.n(e)?"true":"false");$APP.T(d,"aria-required",$APP.n($APP.dj.i(b))?
|
|
4
|
+
"true":"false");$APP.T(d,"aria-readonly",$APP.n($APP.mk.i(b))?"true":"false");var f=$APP.rk.i(b);$APP.n(f)?$APP.T(d,"aria-label",f):$APP.U(d,"aria-label");f=$APP.pk.i(b);$APP.n(f)?$APP.T(d,"aria-labelledby",f):$APP.U(d,"aria-labelledby");f=$APP.qk.i(b);$APP.n(f)?$APP.T(d,"aria-describedby",f):$APP.U(d,"aria-describedby");$APP.n(e)?$APP.T(d,"disabled",""):$APP.U(d,"disabled");$APP.ki(a,"data-checked",c);$APP.ki(a,"data-disabled",e);d=$APP.l(a,"__xRadioInternals");$APP.n(d)&&d.setFormValue($APP.n(c)?
|
|
5
|
+
$APP.ei.i(b):null);return $APP.R(a,"__xRadioModel",b)}return null},rz=function(a){var b=a.getAttribute("name"),c=$APP.n(a.form)?a.form:null;c=$APP.n(c)?c:document;if($APP.n($APP.n(b)?$APP.I(b,""):b)){var d=[];c.querySelectorAll("x-radio").forEach(function(e){return $APP.y.j(e.getAttribute("name"),b)?d.push(e):null});return d}return[a]},sz=function(a){a=rz(a);var b=a.find(function(d){return d.hasAttribute("checked")}),c=a.length>0?a[0]:null;return a.forEach(function(d){var e=$APP.l(d,"__xRadioRefs");
|
|
6
|
+
return $APP.n(e)?(e=$APP.l(e,"control"),d=$APP.n(b)?$APP.y.j(d,b)?0:-1:$APP.y.j(d,c)?0:-1,e.tabIndex=d):null})},tz=function(a){rz(a).forEach(function(b){var c=$APP.I(b,a);return $APP.n(c?b.hasAttribute("checked"):c)?($APP.U(b,"checked"),qz(b,pz(b))):null})},uz=function(a){var b=pz(a);var c=$APP.cj.i(b);$APP.n(c)||(c=$APP.mk.i(b),c=$APP.n(c)?c:$APP.nk.i(b));if($APP.n(c))return null;b=$APP.ei.i(b);return $APP.ri(a,"x-radio-change-request",{value:b,previousChecked:!1,nextChecked:!0})?($APP.T(a,"checked",
|
|
7
|
+
""),qz(a,pz(a)),tz(a),sz(a),$APP.pi(a,"x-radio-change",{value:b,checked:!0})):null},vz=function(a){a=$APP.l(a,"__xRadioRefs");return $APP.n(a)?$APP.l(a,"control").focus():null},wz=function(a){return function(b){var c=b.key,d=rz(a),e=d.length,f=d.indexOf(a);if($APP.y.j(c," ")||$APP.y.j(c,"Enter"))return b.preventDefault(),uz(a);if($APP.y.j(c,"ArrowDown")||$APP.y.j(c,"ArrowRight")){if(b.preventDefault(),e>0)return b=d[$APP.qd(f+1,e)],uz(b),vz(b)}else if($APP.y.j(c,"ArrowUp")||$APP.y.j(c,"ArrowLeft"))if(b.preventDefault(),
|
|
8
|
+
e>0)return b=d[$APP.qd(f-1,e)],uz(b),vz(b);return null}},xz=function(a){return function(){return uz(a)}},yz=function(a){var b=$APP.l(a,"__xRadioRefs");if($APP.n(b)){var c=$APP.l(a,"__xRadioHandlers");if($APP.n(c))return b=$APP.l(b,"control"),a.removeEventListener("click",$APP.l(c,"click")),b.removeEventListener("keydown",$APP.l(c,"keydown")),$APP.R(a,"__xRadioHandlers",null)}return null},zz=function(a,b){$APP.ki(a,"disabled",$APP.E(b));return qz(a,pz(a))},Az=function(a){$APP.U(a,"checked");return qz(a,
|
|
9
|
+
pz(a))},Bz=function(a){if(!$APP.n($APP.l(a,"__xRadioRefs"))){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("button"),e=document.createElement("span");c.textContent=":host{display:inline-block;vertical-align:middle;color-scheme:light dark;--x-radio-size:16px;--x-radio-border-width:2px;--x-radio-border-color:var(--x-color-border,#6b7280);--x-radio-bg:var(--x-color-surface,#ffffff);--x-radio-checked-color:var(--x-color-primary,#2563eb);--x-radio-dot-size:6px;--x-radio-focus-ring:var(--x-color-focus-ring,#60a5fa);--x-radio-disabled-opacity:0.45;--x-radio-transition:background var(--x-transition-duration,120ms) var(--x-transition-easing,ease),border-color var(--x-transition-duration,120ms) var(--x-transition-easing,ease);}@media (prefers-color-scheme:dark){:host{--x-radio-border-color:var(--x-color-border,#9ca3af);--x-radio-bg:var(--x-color-surface,#1f2937);--x-radio-checked-color:var(--x-color-primary,#3b82f6);--x-radio-focus-ring:var(--x-color-focus-ring,#93c5fd);}}[part\x3dcontrol]{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:var(--x-radio-size);height:var(--x-radio-size);border:var(--x-radio-border-width) solid var(--x-radio-border-color);border-radius:50%;background:var(--x-radio-bg);transition:var(--x-radio-transition);cursor:pointer;flex-shrink:0;position:relative;}[part\x3dcontrol][disabled]{cursor:default;opacity:var(--x-radio-disabled-opacity);}[part\x3dcontrol]:focus-visible{outline:none;box-shadow:0 0 0 3px var(--x-radio-focus-ring);}:host([data-checked]) [part\x3dcontrol]{border-color:var(--x-radio-checked-color);}[part\x3ddot]{display:block;width:var(--x-radio-dot-size);height:var(--x-radio-dot-size);border-radius:50%;background:var(--x-radio-checked-color);opacity:0;transition:opacity 100ms ease;}:host([data-checked]) [part\x3ddot]{opacity:1;}@media (prefers-reduced-motion:reduce){[part\x3dcontrol]{transition:none;}[part\x3ddot]{transition:none;}}";
|
|
10
|
+
$APP.T(d,"part","control");$APP.T(d,"type","button");$APP.T(d,"role","radio");$APP.T(e,"part","dot");d.appendChild(e);b.appendChild(c);b.appendChild(d);$APP.R(a,"__xRadioRefs",{root:b,control:d,dot:e});$APP.n(a.attachInternals)&&$APP.R(a,"__xRadioInternals",a.attachInternals())}yz(a);b=$APP.l(a,"__xRadioRefs");$APP.n(b)&&(b=$APP.l(b,"control"),c=xz(a),d=wz(a),e={click:c,keydown:d},a.addEventListener("click",c),b.addEventListener("keydown",d),$APP.R(a,"__xRadioHandlers",e));qz(a,pz(a));return sz(a)},
|
|
11
|
+
Cz=function(a){return yz(a)},Dz=function(a,b,c,d){$APP.I(c,d)?(b=pz(a),a=$APP.I(b,$APP.l(a,"__xRadioModel"))?qz(a,b):null):a=null;return a},Fz=function(a){return $APP.Ei(a,Ez)},Hz=function(){return $APP.Kh("x-radio",new $APP.N(null,8,[$APP.Bh,Gz,$APP.zh,Bz,$APP.qh,Cz,$APP.ph,Dz,$APP.rh,!0,$APP.oh,zz,$APP.nh,Az,$APP.Ah,Fz],null))};var Gz="checked disabled readonly required name value aria-label aria-describedby aria-labelledby".split(" "),Ez=new $APP.N(null,6,[$APP.ps,new $APP.N(null,2,[$APP.O,$APP.Ci,$APP.W,"checked"],null),$APP.Hk,new $APP.N(null,2,[$APP.O,$APP.Ci,$APP.W,"disabled"],null),$APP.Or,new $APP.N(null,2,[$APP.O,$APP.Ci,$APP.W,"readonly"],null),$APP.Zp,new $APP.N(null,2,[$APP.O,$APP.Ci,$APP.W,"required"],null),$APP.$i,new $APP.N(null,2,[$APP.O,$APP.Y,$APP.W,"name"],null),$APP.ei,new $APP.N(null,2,[$APP.O,$APP.Y,
|
|
12
|
+
$APP.W,"value"],null)],null);$APP.be(["x-radio-change-request",new $APP.N(null,2,[$APP.Mr,!0,$APP.V,new $APP.N(null,3,[$APP.ei,$APP.Y,$APP.Rp,$APP.Ci,$APP.vr,$APP.Ci],null)],null),"x-radio-change",new $APP.N(null,2,[$APP.Mr,!1,$APP.V,new $APP.N(null,2,[$APP.ei,$APP.Y,$APP.ps,$APP.Ci],null)],null)]);$APP.fa("baredom.exports.x_radio.init",Hz);export const init=Hz;
|