@vanelsas/baredom 3.0.0 → 3.2.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 +45 -0
- package/custom-elements.json +3673 -2681
- package/dist/baredom.d.ts +91 -86
- package/dist/base.js +595 -541
- package/dist/integrity.json +108 -103
- package/dist/x-alert.js +17 -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-calendar.d.ts +55 -0
- package/dist/x-calendar.js +40 -0
- 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-code.d.ts +48 -0
- package/dist/x-code.js +28 -0
- 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 +20 -20
- package/dist/x-copy.js +1 -21
- 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 +39 -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-range-slider.d.ts +51 -0
- package/dist/x-range-slider.js +29 -0
- package/dist/x-rating.d.ts +49 -0
- package/dist/x-rating.js +24 -0
- 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-split-pane.d.ts +44 -0
- package/dist/x-split-pane.js +16 -0
- 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 +127 -117
- package/dist/x-typography.js +9 -9
- package/dist/x-welcome-tour.js +63 -61
- package/package.json +29 -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 kA=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}},lA=function(a,b,c,d){function e(x){a:{var y=$APP.G(b);var A=$APP.C(y,$APP.Xs);var E=$APP.C(y,$APP.Ws),H=$APP.C(y,$APP.Nn);y=$APP.C(y,$APP.On);var N=$APP.G(c),S=$APP.C(N,$APP.Nn);N=$APP.C(N,$APP.On);switch(x){case "bottom-start":A=new $APP.M(null,2,[$APP.Xs,A,$APP.Ws,E+y+4],null);break a;case "bottom-end":A=new $APP.M(null,
|
|
3
|
+
2,[$APP.Xs,A+H-S,$APP.Ws,E+y+4],null);break a;case "top-start":A=new $APP.M(null,2,[$APP.Xs,A,$APP.Ws,E-N-4],null);break a;case "top-end":A=new $APP.M(null,2,[$APP.Xs,A+H-S,$APP.Ws,E-N-4],null);break a;default:A=new $APP.M(null,2,[$APP.Xs,A,$APP.Ws,E+y+4],null)}}E=$APP.G(A);A=$APP.C(E,$APP.Xs);E=$APP.C(E,$APP.Ws);H=$APP.co.j($APP.uo.j(A,8),f-k-8);y=$APP.co.j($APP.uo.j(E,8),h-m-8);return new $APP.M(null,5,[$APP.Xs,H,$APP.Ws,y,$APP.tp,x,$APP.it,A>=8&&A+k<=f-8&&E>=8&&E+m<=h-8,$APP.Lr,$APP.uo.j(40,h-
|
|
4
|
+
y-8)],null)}d=$APP.G(d);var f=$APP.C(d,$APP.Nn),h=$APP.C(d,$APP.On);d=$APP.G(c);var k=$APP.C(d,$APP.Nn),m=$APP.C(d,$APP.On),q=e(a),u=e(kA(a));return $APP.n(function(){var x=$APP.it.i(q);return $APP.n(x)?x:$APP.p($APP.it.i(u))}())?q:u},wA=function(a){a=new $APP.M(null,7,[$APP.Hp,a.hasAttribute("open"),$APP.zj,a.hasAttribute("disabled"),mA,a.hasAttribute("no-close"),nA,a.hasAttribute("portal"),qA,a.getAttribute("heading"),$APP.Au,a.getAttribute("placement"),rA,a.getAttribute("close-label")],null);var b=
|
|
5
|
+
$APP.G(a),c=$APP.C(b,$APP.Hp),d=$APP.C(b,$APP.zj),e=$APP.C(b,mA),f=$APP.C(b,nA),h=$APP.C(b,qA);a=$APP.C(b,$APP.Au);b=$APP.C(b,rA);c=$APP.D(c);d=$APP.D(d);e=$APP.D(e);f=$APP.D(f);h=$APP.n(h)?h:"";b=$APP.n(b)?b:"Close";a=$APP.cd(sA,a)?a:"bottom-start";return new $APP.M(null,7,[$APP.Zt,c,$APP.Sj,d,tA,e,uA,f,$APP.Ns,h,vA,b,$APP.Wq,a],null)},xA=function(a){if($APP.n($APP.l(a,"__xPopoverRefs"))){var b=wA(a);if($APP.I($APP.l(a,"__xPopoverModel"),b)){var c=$APP.l(a,"__xPopoverRefs"),d=$APP.G(b),e=$APP.C(d,
|
|
6
|
+
$APP.Zt),f=$APP.C(d,tA),h=$APP.C(d,$APP.Ns),k=$APP.C(d,vA),m=$APP.C(d,$APP.Wq),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.Zi(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.Zi(c,"hidden",f);e=$APP.z.j(h,"");$APP.Zi(d,"hidden",e?f:e);a=$APP.Q(a,"__xPopoverModel",b)}else a=null;return a}return null},AA=function(a,b){var c=
|
|
7
|
+
$APP.G(b);b=$APP.C(c,$APP.Ns);var d=$APP.C(c,vA);c=$APP.C(c,tA);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.z.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.M(null,7,[$APP.$o,e,yA,f,$APP.xq,h,$APP.Ns,k,zA,m,$APP.Fq,q,$APP.wp,u],null)},BA=function(a,b){a=a.assignedNodes({flatten:!0});a=$APP.If.j($APP.Ee,$APP.Cc(a));for(var c=$APP.r(a),d=null,e=0,f=0;;)if(f<e){var h=d.C(null,f);b.appendChild(h);f+=1}else if(c=$APP.r(c))d=c,$APP.Yc(d)?
|
|
10
|
+
(c=$APP.Db(d),f=$APP.Eb(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},CA=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.C(null,e);a.appendChild(f);e+=1}else if(b=$APP.r(b))c=b,$APP.Yc(c)?(b=$APP.Db(c),d=$APP.Eb(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}},DA=function(a,b,c,d){var e=c.getBoundingClientRect();c=a.offsetWidth;var f=a.offsetHeight,
|
|
11
|
+
h=window.innerWidth,k=window.innerHeight;d=lA(d,new $APP.M(null,4,[$APP.Xs,e.left,$APP.Ws,e.top,$APP.Nn,e.width,$APP.On,e.height],null),new $APP.M(null,2,[$APP.Nn,$APP.uo.j(c,200),$APP.On,$APP.uo.j(f,100)],null),new $APP.M(null,2,[$APP.Nn,h,$APP.On,k],null));f=$APP.tp.i(d);a.style.left=""+$APP.P.i($APP.Xs.i(d))+"px";a.style.top=""+$APP.P.i($APP.Ws.i(d))+"px";a.style.maxHeight=""+$APP.P.i($APP.Lr.i(d))+"px";a=e.left+e.width/2;e=$APP.z.j(f,"bottom-start")||$APP.z.j(f,"bottom-end")?"bottom":"top";c=
|
|
12
|
+
$APP.co.j($APP.uo.j(a-$APP.Xs.i(d),12),$APP.uo.j(c,200)-12-8);$APP.T(b,"data-side",e);b.style.left=""+$APP.P.i(c)+"px"},FA=function(a){if($APP.n($APP.l(a,"__xPopoverLayer")))return null;var b=$APP.l(a,"__xPopoverRefs");if($APP.n(b)){var c=wA(a),d=$APP.l(b,"trigger"),e=$APP.kk(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=AA(e,c),h=$APP.Fq.i(f),k=$APP.wp.i(f),m=$APP.$o.i(f),q=yA.i(f);f=zA.i(f);h=BA(a.shadowRoot.querySelector("slot:not([name])"),h);$APP.Q(a,"__xPopoverMovedBody",$APP.gd(h));b=BA($APP.l(b,"footerSlot"),k);$APP.Q(a,"__xPopoverMovedFooter",$APP.gd(b));$APP.w(b)>0&&$APP.U(k,"hidden");DA(m,q,d,$APP.Wq.i(c));$APP.lk(e,f,"click",function(){return EA.j?EA.j(a,"close-button"):EA.call(null,a,"close-button")},!1);$APP.lk(e,e,"keydown",function(u){return $APP.z.j(u.key,"Escape")?(u.preventDefault(),EA.j?
|
|
14
|
+
EA.j(a,"escape"):EA.call(null,a,"escape")):null},!0);$APP.lk(e,e,"click",function(u){return $APP.n(m.contains(u.target))?null:EA.j?EA.j(a,"outside-click"):EA.call(null,a,"outside-click")},!1);$APP.Q(a,"__xPopoverLayer",e);return requestAnimationFrame(function(){return $APP.n($APP.n(m)?a.isConnected:m)?(DA(m,q,d,$APP.Wq.i(c)),$APP.T(m,"data-open","")):null})}return null},GA=function(a){var b=$APP.l(a,"__xPopoverLayer");if($APP.n(b)){var c=$APP.l(a,"__xPopoverMovedBody");$APP.n(c)&&CA(a,$APP.Cc(c));
|
|
15
|
+
c=$APP.l(a,"__xPopoverMovedFooter");$APP.n(c)&&CA(a,$APP.Cc(c));$APP.mk(b);$APP.Q(a,"__xPopoverLayer",null);$APP.Q(a,"__xPopoverMovedBody",null);return $APP.Q(a,"__xPopoverMovedFooter",null)}return null},HA=function(a,b){return $APP.p(a.hasAttribute("disabled"))&&$APP.p(a.hasAttribute("open"))&&$APP.fj(a,"x-popover-toggle",{open:!0,source:b})?($APP.T(a,"open",""),$APP.n(a.hasAttribute("portal"))&&FA(a),$APP.dj(a,"x-popover-change",{open:!0})):null},EA=function(a,b){var c=$APP.p(a.hasAttribute("disabled"));
|
|
16
|
+
return $APP.n(c?a.hasAttribute("open"):c)&&$APP.fj(a,"x-popover-toggle",{open:!1,source:b})?(GA(a),$APP.U(a,"open"),$APP.dj(a,"x-popover-change",{open:!1})):null},IA=function(a,b){return $APP.n(a.hasAttribute("open"))?EA(a,b):HA(a,b)},JA=function(a){var b=$APP.l(a,"__xPopoverHandlers");if($APP.n(b)){var c=$APP.l(b,"docClick"),d=$APP.l(b,"docKeydown");$APP.ok(a,"__xPopoverDocDeferral",function(){return $APP.n(a.hasAttribute("open"))?(document.addEventListener("click",c),document.addEventListener("keydown",
|
|
17
|
+
d)):null})}},KA=function(a){$APP.nk(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},LA=function(a){return{triggerClick:function(){return IA(a,"pointer")},closeBtnClick:function(){return EA(a,"close-button")},hostFocusout:function(b){return $APP.n(a.hasAttribute("open"))?(b=b.relatedTarget,b==null||$APP.p(a.contains(b))?EA(a,
|
|
18
|
+
"focusout"):null):null},docClick:function(b){return $APP.n(a.hasAttribute("open"))?(b=$APP.Dc(b.composedPath()),b=$APP.ne(function(c){return c===a},b),$APP.n(b)?null:EA(a,"outside-click")):null},docKeydown:function(b){b=$APP.z.j(b.key,"Escape");return $APP.n(b?a.hasAttribute("open"):b)?EA(a,"escape"):null},footerSlotchange:function(){var b=$APP.l(a,"__xPopoverRefs");return $APP.n(b)?$APP.Zi($APP.l(b,"footer"),"hidden",!($APP.l(b,"footerSlot").assignedNodes().length>0)):null}}},MA=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"))}}},NA=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"),y=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(y,"part","footer");$APP.T(y,"hidden","");$APP.T(A,"name","footer");d.appendChild(e);k.appendChild(m);k.appendChild(q);u.appendChild(x);y.appendChild(A);f.appendChild(h);f.appendChild(k);f.appendChild(u);f.appendChild(y);b.appendChild(c);b.appendChild(d);b.appendChild(f);$APP.Q(a,"__xPopoverRefs",{trigger:d,panel:f,header:k,heading:m,closeBtn:q,body:u,footer:y,footerSlot:A})}MA(a);KA(a);$APP.Q(a,"__xPopoverHandlers",LA(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"))&&JA(a);return xA(a)},OA=function(a){GA(a);MA(a);return KA(a)},PA=function(a,b){if($APP.n($APP.l(a,"__xPopoverRefs"))&&(xA(a),$APP.z.j(b,"open"))){if($APP.n(a.hasAttribute("open")))return JA(a),
|
|
24
|
+
b=a.hasAttribute("portal"),$APP.n($APP.n(b)?$APP.p($APP.l(a,"__xPopoverLayer")):b)?FA(a):null;KA(a);return GA(a)}return null},RA=function(a){$APP.sj(a,QA);Object.defineProperty(a,"show",{value:function(){return HA(this,"programmatic")},writable:!0,configurable:!0});Object.defineProperty(a,"hide",{value:function(){return EA(this,"programmatic")},writable:!0,configurable:!0});return Object.defineProperty(a,"toggle",{value:function(){return IA(this,"programmatic")},writable:!0,configurable:!0})},TA=
|
|
25
|
+
function(){return $APP.xi("x-popover",new $APP.M(null,5,[$APP.hi,SA,$APP.fi,NA,$APP.ci,OA,$APP.bi,PA,$APP.gi,RA],null))},vA=new $APP.F(null,"close-label","close-label",-1088385889),tA=new $APP.F(null,"no-close?","no-close?",1842227643),rA=new $APP.F(null,"close-label-raw","close-label-raw",798572883),uA=new $APP.F(null,"portal?","portal?",-167584340),qA=new $APP.F(null,"heading-raw","heading-raw",116296555),zA=new $APP.F(null,"closeBtn","closeBtn",1947660915),mA=new $APP.F(null,"no-close-present?",
|
|
26
|
+
"no-close-present?",-154717274),yA=new $APP.F(null,"arrow","arrow",1071351425),nA=new $APP.F(null,"portal-present?","portal-present?",-463262026);var sA=new $APP.ah(null,new $APP.M(null,4,["bottom-start",null,"bottom-end",null,"top-end",null,"top-start",null],null),null),SA="open placement heading close-label no-close disabled portal".split(" "),QA=new $APP.M(null,7,[$APP.ut,new $APP.M(null,2,[$APP.O,$APP.qj,$APP.W,"open"],null),$APP.Wq,new $APP.M(null,2,[$APP.O,$APP.X,$APP.W,"placement"],null),$APP.Ns,new $APP.M(null,2,[$APP.O,$APP.X,$APP.W,"heading"],null),new $APP.F(null,"closeLabel","closeLabel",557288558),new $APP.M(null,2,[$APP.O,$APP.X,
|
|
27
|
+
$APP.W,"close-label"],null),new $APP.F(null,"noClose","noClose",1115851533),new $APP.M(null,2,[$APP.O,$APP.qj,$APP.W,"no-close"],null),$APP.um,new $APP.M(null,2,[$APP.O,$APP.qj,$APP.W,"disabled"],null),new $APP.F(null,"portal","portal",2002989957),new $APP.M(null,2,[$APP.O,$APP.qj,$APP.W,"portal"],null)],null);
|
|
28
|
+
$APP.he(["x-popover-toggle",new $APP.M(null,2,[$APP.yt,!0,$APP.V,new $APP.M(null,2,[$APP.ut,$APP.qj,$APP.Hs,$APP.X],null)],null),"x-popover-change",new $APP.M(null,2,[$APP.yt,!1,$APP.V,new $APP.M(null,1,[$APP.ut,$APP.qj],null)],null)]);$APP.fa("baredom.exports.x_popover.init",TA);export const init=TA;
|
|
@@ -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 O1=function(a,b){return typeof a==="string"?(a=parseFloat(a),$APP.n(isNaN(a))?b:a):b},P1=function(a){var b=new $APP.M(null,7,[$APP.Si,a.getAttribute("value"),$APP.es,a.getAttribute("max"),$APP.Am,a.getAttribute("variant"),$APP.Bm,a.getAttribute("size"),$APP.Rj,a.getAttribute("label"),$APP.sr,a.hasAttribute("show-value"),$APP.Ct,a.hasAttribute("indeterminate")],null);var c=$APP.G(b),d=$APP.C(c,$APP.es),e=$APP.C(c,$APP.Si),f=$APP.C(c,$APP.Am),h=$APP.C(c,$APP.Bm);b=$APP.C(c,$APP.Rj);var k=$APP.C(c,
|
|
3
|
+
$APP.sr);c=$APP.C(c,$APP.Ct);d=O1(d,100);d=d>0?d:100;e=$APP.co.j($APP.uo.j(O1(e,0),0),d);f=typeof f==="string"&&$APP.cd(xna,f)?f:"default";h=typeof h==="string"&&$APP.cd(yna,h)?h:"md";c=$APP.D(c);k=$APP.D(k);var m=c?50:$APP.co.j($APP.uo.j(e/d*100,0),100);b=$APP.Eg([$APP.Am,$APP.sr,$APP.Si,$APP.Bm,$APP.Ct,$APP.lu,$APP.es,$APP.Rj,$APP.Zs],[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.G(b);
|
|
4
|
+
k=$APP.C(b,$APP.Zs);d=$APP.C(b,$APP.Am);h=$APP.C(b,$APP.sr);c=$APP.C(b,$APP.Si);e=$APP.C(b,$APP.Bm);f=$APP.C(b,$APP.lu);m=$APP.C(b,$APP.Ct);var q=$APP.C(b,$APP.Rj),u=$APP.C(b,$APP.es),x=$APP.l(a,"__xProgressCircleBase"),y=$APP.l(a,"__xProgressCircleFill"),A=$APP.l(a,"__xProgressCircleValueNode"),E=$APP.l(a,"__xProgressCircleCompleted"),H=$APP.p(m)&&c>=u,N=$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(y,
|
|
5
|
+
"stroke-dasharray",""+$APP.P.i(100));$APP.T(y,"stroke-dashoffset",""+$APP.P.i(N));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");H&&$APP.p(E)&&$APP.dj(a,"x-progress-circle-complete",{value:c,max:u});$APP.Q(a,"__xProgressCircleCompleted",$APP.D(H));a=$APP.Q(a,"__xProgressCircleModel",b)}else a=null;return a},zna=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.Q(a,
|
|
9
|
+
"__xProgressCircleBase",d);$APP.Q(a,"__xProgressCircleFill",h);$APP.Q(a,"__xProgressCircleValueNode",m);$APP.Q(a,"__xProgressCircleInit",!0)}return P1(a)},Ana=function(a,b,c,d){return $APP.I(c,d)?$APP.n($APP.l(a,"__xProgressCircleInit"))?P1(a):null:null},Bna=function(a){$APP.lj(a,"value","value","0");$APP.lj(a,"max","max","100");$APP.mj(a,"variant","variant");$APP.mj(a,"size","size");$APP.mj(a,"label","label");$APP.ij(a,"indeterminate","indeterminate");return $APP.ij(a,"showValue","show-value")},
|
|
10
|
+
Q1=function(){return $APP.xi("x-progress-circle",new $APP.M(null,4,[$APP.hi,Cna,$APP.fi,zna,$APP.bi,Ana,$APP.gi,Bna],null))};var xna=new $APP.ah(null,new $APP.M(null,4,["success",null,"warning",null,"danger",null,"default",null],null),null),yna=new $APP.ah(null,new $APP.M(null,3,["md",null,"lg",null,"sm",null],null),null),Cna="value max variant size label show-value indeterminate".split(" ");$APP.he(["x-progress-circle-complete",new $APP.M(null,1,[$APP.V,new $APP.M(null,2,[$APP.Si,$APP.Z,$APP.es,$APP.Z],null)],null)]);$APP.fa("baredom.exports.x_progress_circle.init",Q1);export const init=Q1;
|
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.M(null,7,[$APP.Si,a.getAttribute("value"),$APP.es,a.getAttribute("max"),$APP.Am,a.getAttribute("variant"),$APP.Bm,a.getAttribute("size"),$APP.Rj,a.getAttribute("label"),$APP.sr,a.hasAttribute("show-value"),$APP.Ct,a.hasAttribute("indeterminate")],null);var c=$APP.G(b),d=$APP.C(c,$APP.es),e=$APP.C(c,$APP.Si),f=$APP.C(c,$APP.Am),h=$APP.C(c,$APP.Bm);b=$APP.C(c,$APP.Rj);var k=$APP.C(c,
|
|
3
|
+
$APP.sr);c=$APP.C(c,$APP.Ct);d=Y9(d,100);d=d>0?d:100;e=$APP.co.j($APP.uo.j(Y9(e,0),0),d);f=typeof f==="string"&&$APP.cd(dta,f)?f:"default";h=typeof h==="string"&&$APP.cd(eta,h)?h:"md";c=$APP.D(c);k=$APP.D(k);var m=c?50:$APP.co.j($APP.uo.j(e/d*100,0),100);b=$APP.Eg([$APP.Am,$APP.sr,$APP.Si,$APP.Bm,$APP.Ct,$APP.lu,$APP.es,$APP.Rj,$APP.Zs],[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.G(b);k=$APP.C(b,
|
|
4
|
+
$APP.Zs);d=$APP.C(b,$APP.Am);h=$APP.C(b,$APP.sr);c=$APP.C(b,$APP.Si);e=$APP.C(b,$APP.Bm);f=$APP.C(b,$APP.lu);m=$APP.C(b,$APP.Ct);var q=$APP.C(b,$APP.Rj),u=$APP.C(b,$APP.es),x=$APP.l(a,"__xProgressBase"),y=$APP.l(a,"__xProgressHeader"),A=$APP.l(a,"__xProgressFill"),E=$APP.l(a,"__xProgressLabel"),H=$APP.l(a,"__xProgressValue");var N=(N=q!=null)?N:h;var S=$APP.l(a,"__xProgressCompleted"),R=$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))+"%";y.style.display=$APP.n(N)?"flex":"none";E.textContent=$APP.n(q)?q:"";E.style.display=q!=null?"":"none";H.textContent=$APP.n($APP.n(h)?$APP.p(m):h)?""+$APP.P.i(Math.round(k))+"%":"";H.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");R&&$APP.p(S)&&$APP.dj(a,"x-progress-complete",{value:c,max:u});$APP.Q(a,"__xProgressCompleted",$APP.D(R));a=$APP.Q(a,"__xProgressModel",b)}else a=null;return a},fta=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.Q(a,"__xProgressBase",d);$APP.Q(a,"__xProgressHeader",e);$APP.Q(a,"__xProgressFill",m);$APP.Q(a,"__xProgressLabel",f);$APP.Q(a,"__xProgressValue",h);$APP.Q(a,"__xProgressInit",!0)}return Z9(a)},gta=function(a,b,c,d){return $APP.I(c,
|
|
9
|
+
d)?$APP.n($APP.l(a,"__xProgressInit"))?Z9(a):null:null},hta=function(a){$APP.lj(a,"value","value","0");$APP.lj(a,"max","max","100");$APP.ij(a,"indeterminate","indeterminate");$APP.ij(a,"showValue","show-value");$APP.lj(a,"variant","variant","");$APP.lj(a,"size","size","");return $APP.mj(a,"label","label")},$9=function(){return $APP.xi("x-progress",new $APP.M(null,4,[$APP.hi,ita,$APP.fi,fta,$APP.bi,gta,$APP.gi,hta],null))};var dta=new $APP.ah(null,new $APP.M(null,4,["success",null,"warning",null,"danger",null,"default",null],null),null),eta=new $APP.ah(null,new $APP.M(null,3,["md",null,"lg",null,"sm",null],null),null),ita="value max variant size label show-value indeterminate".split(" ");$APP.he(["x-progress-complete",new $APP.M(null,1,[$APP.V,new $APP.M(null,2,[$APP.Si,$APP.Z,$APP.es,$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.
|
|
17
|
-
return
|
|
18
|
-
-1242050464),
|
|
19
|
-
var
|
|
20
|
-
new $APP.
|
|
21
|
-
$APP.
|
|
2
|
+
var px=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},qx=function(a,b,c,d,e){a=c-a;b=d-b;return Math.max(0,1-Math.sqrt(a*a+b*b)/e)},rx=function(){return $APP.D(window.matchMedia("(prefers-reduced-motion:reduce)").matches)},tx=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
|
+
sx;$APP.T(d,"part","track");d.appendChild(e);b.appendChild(c);b.appendChild(d);$APP.Q(a,"__xProximityListRefs",new $APP.M(null,3,[$APP.Ak,b,$APP.lq,d,$APP.Vm,e],null))}},ux=function(a){a=$APP.Vm.i($APP.l(a,"__xProximityListRefs"));return $APP.n(a)?a.assignedElements():null},vx=function(a){var b=$APP.lq.i($APP.l(a,"__xProximityListRefs"));var c=ux(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.Q(a,"__xProximityListRects",e)},wx=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.Q(a,"__xProximityListDisplayed",c);return c},xx=function(a){a=a.style;a.removeProperty("--x-proximity-influence");a.removeProperty("--x-proximity-scale");a.removeProperty("--x-proximity-lift");
|
|
5
|
+
a.transform=""},yx=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=ux(a);if($APP.n(a))for(b=a.length,c=0;;)if(c<b)xx(a[c]),c+=1;else break},zx=function(a,b){return Math.abs(b-a)<.001?b:a+(b-a)*.2},Ax=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},Dx=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 ka=$APP.l(a,"__xProximityListRects");return $APP.n(ka)?ka:[]}(),f=function(){var ka=ux(a);return $APP.n(ka)?ka:[]}(),h=$APP.co.j(e.length,f.length),k=wx(a,f.length),m=$APP.du.i(b),q=Bx.i(b),u=$APP.Et.i(b);b=$APP.dr.i(b);
|
|
7
|
+
for(var x=0,y=!1;;){if(x>=h)return y?Cx.i?Cx.i(a):Cx.call(null,a):null;var A=e[x],E=f[x],H=k[x],N=$APP.l(A,"cx"),S=$APP.l(A,"cy");A=$APP.n(d)?qx(N,S,$APP.l(c,"x"),$APP.l(c,"y"),m):0;var R=1+A*A*(q-1);N=$APP.p(d)?0:$APP.n(b)?$APP.l(c,"x")-N:$APP.l(c,"y")-S;var Y=$APP.n($APP.n(d)?u>0:d)?A*A*u*(N>=30?1:N<=-30?-1:N/30):0;N=zx($APP.l(H,"scale"),R);S=zx($APP.l(H,"lift"),Y);R=$APP.I(N,R)||$APP.I(S,Y);H.scale=N;H.lift=S;$APP.p(d)&&N===1&&S===0?xx(E):Ax(E,H,A,b);y=y||R;x+=1}},Cx=function(a){if($APP.n($APP.l(a,
|
|
8
|
+
"__xProximityListRafPending")))return null;$APP.Q(a,"__xProximityListRafPending",!0);var b=requestAnimationFrame(function(){$APP.Q(a,"__xProximityListRafPending",!1);return $APP.n(a.isConnected)?Dx(a):null});return $APP.Yi(a,"__xProximityListRaf",b)},Ex=function(a){var b=$APP.l(a,"__xProximityListRaf");$APP.n(b)&&(cancelAnimationFrame(b),$APP.Yi(a,"__xProximityListRaf",null));$APP.Q(a,"__xProximityListRafPending",!1)},Fx=function(a,b){var c=$APP.l(a,"__xProximityListModel");if($APP.n($APP.n(c)?$APP.p($APP.Sj.i(c)):
|
|
9
|
+
c)){var d=ux(a),e=$APP.n(d)?d.length:null,f=b.key,h=$APP.dr.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.z.j(f,c))return b.preventDefault(),b=k<1?e-1:k-1,$APP.Q(a,"__xProximityListFocus",b),d[b].focus();if($APP.z.j(f,h))return b.preventDefault(),b=k>=e-1?0:k+1,$APP.Q(a,"__xProximityListFocus",b),d[b].focus();if(($APP.z.j(f,"Enter")||$APP.z.j(f," "))&&k>=0)return b.preventDefault(),
|
|
10
|
+
$APP.fj(a,"x-proximity-list-select",$APP.bm(new $APP.M(null,3,["index",k,"item",d[k],"source","keyboard"],null)))}}return null},Gx=function(a){a.getAttribute("tabindex")==null&&$APP.T(a,"tabindex","0")},Hx=function(a){var b=ux(a);if($APP.n(b))for(var c=b.length,d=0;;)if(d<c)Gx(b[d]),d+=1;else break;return requestAnimationFrame(function(){vx(a);return Cx(a)})},Ix=function(a){function b(){return Hx(a)}function c(k){return Fx(a,k)}function d(k){a:{var m=$APP.l(a,"__xProximityListModel");if($APP.n($APP.n(m)?
|
|
11
|
+
$APP.p($APP.Sj.i(m)):m)&&(m=ux(a),$APP.n(m))){b:{k=k.target;for(var q=m.length,u=0;;)if(u<q){if($APP.z.j(k,m[u])){k=u;break b}u+=1}else{k=null;break b}k=void 0}if($APP.n(k)){$APP.Q(a,"__xProximityListFocus",k);m=$APP.fj(a,"x-proximity-list-select",$APP.bm(new $APP.M(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=Cx(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.Sj.i(m))&&$APP.z.j("mouse",k.pointerType)&&!rx():m)){var q=$APP.lq.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=Cx(a);break a}}k=null}return k}var h=$APP.Vm.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.Q(a,"__xProximityListHandlers",new $APP.M(null,5,[$APP.Gr,f,$APP.Uq,e,$APP.Pr,d,$APP.qr,c,$APP.Vm,b],null))},Jx=function(a){var b=$APP.l(a,"__xProximityListHandlers");if($APP.n(b)){a.removeEventListener("pointermove",$APP.Gr.i(b));a.removeEventListener("pointerleave",$APP.Uq.i(b));a.removeEventListener("click",$APP.Pr.i(b));a.removeEventListener("keydown",$APP.qr.i(b));var c=$APP.Vm.i($APP.l(a,"__xProximityListRefs"));$APP.n(c)&&c.removeEventListener("slotchange",
|
|
14
|
+
$APP.Vm.i(b));$APP.Q(a,"__xProximityListHandlers",null)}},Nx=function(a){var b=new $APP.M(null,6,[$APP.eq,a.getAttribute("direction"),$APP.Pq,a.getAttribute("radius"),Kx,a.getAttribute("max-scale"),Lx,a.getAttribute("lift"),$APP.$p,a.getAttribute("gap"),$APP.mq,a.getAttribute("disabled")],null);var c=$APP.G(b),d=$APP.C(c,$APP.eq);b=$APP.C(c,$APP.Pq);var e=$APP.C(c,Kx),f=$APP.C(c,Lx),h=$APP.C(c,$APP.$p);c=$APP.C(c,$APP.mq);typeof d==="string"?(d=d.trim().toLowerCase(),d=$APP.cd(Mx,d)?d:"horizontal"):
|
|
15
|
+
d="horizontal";b=new $APP.M(null,7,[$APP.Cq,d,$APP.du,px(b,120,20,600),Bx,px(e,1.5,1,3),$APP.Et,px(f,0,0,60),$APP.cr,px(h,8,0,64),$APP.Sj,c!=null,$APP.dr,$APP.z.j(d,"vertical")],null);$APP.I($APP.l(a,"__xProximityListModel"),b)?(b=$APP.G(b),e=$APP.C(b,$APP.cr),f=$APP.C(b,$APP.Sj),tx(a),a.style.setProperty("--x-proximity-list-gap",""+$APP.P.i(e)+"px"),vx(a),$APP.n($APP.n(f)?f:rx())?(Ex(a),e=$APP.l(a,"__xProximityListPointer"),$APP.n(e)&&(e.active=!1),yx(a)):Cx(a),a=$APP.Q(a,"__xProximityListModel",
|
|
16
|
+
b)):a=null;return a},Px=function(a){return $APP.sj(a,Ox)},Qx=function(a){$APP.Q(a,"__xProximityListPointer",{x:0,y:0,active:!1});$APP.Q(a,"__xProximityListRects",[]);$APP.Q(a,"__xProximityListDisplayed",[]);$APP.Q(a,"__xProximityListFocus",-1);$APP.Q(a,"__xProximityListRafPending",!1);tx(a);$APP.n(a.hasAttribute("role"))||$APP.T(a,"role","list");Jx(a);Ix(a);var b=$APP.l(a,"__xProximityListRO");$APP.n(b)&&b.disconnect();b=new ResizeObserver(function(){vx(a);return Cx(a)});$APP.Q(a,"__xProximityListRO",
|
|
17
|
+
b);b.observe(a);Nx(a);return requestAnimationFrame(function(){var c=ux(a);if($APP.n(c))for(var d=c.length,e=0;;)if(e<d)Gx(c[e]),e+=1;else break;return vx(a)})},Rx=function(a){Ex(a);Jx(a);yx(a);var b=$APP.l(a,"__xProximityListRO");return $APP.n(b)?(b.disconnect(),$APP.Q(a,"__xProximityListRO",null)):null},Sx=function(a,b,c,d){return $APP.I(c,d)?Nx(a):null},Ux=function(){return $APP.xi("x-proximity-list",new $APP.M(null,5,[$APP.hi,Tx,$APP.fi,Qx,$APP.ci,Rx,$APP.bi,Sx,$APP.gi,Px],null))},Kx=new $APP.F(null,
|
|
18
|
+
"max-scale-raw","max-scale-raw",-238296345),Vx=new $APP.F(null,"maxScale","maxScale",1268368480),Bx=new $APP.F(null,"max-scale","max-scale",-1242050464),Lx=new $APP.F(null,"lift-raw","lift-raw",494522715);var Tx="direction radius max-scale lift gap disabled".split(" ");$APP.he(["x-proximity-list-select",new $APP.M(null,4,[$APP.V,new $APP.M(null,3,[$APP.hp,$APP.Z,$APP.yr,$APP.Zo,$APP.Hs,$APP.X],null),$APP.Ot,!0,$APP.eu,!0,$APP.yt,!0],null)]);
|
|
19
|
+
var Ox=new $APP.M(null,6,[$APP.Cq,new $APP.M(null,3,[$APP.O,$APP.X,$APP.W,"direction",$APP.rj,"horizontal"],null),$APP.du,new $APP.M(null,3,[$APP.O,$APP.Z,$APP.W,"radius",$APP.rj,120],null),Vx,new $APP.M(null,3,[$APP.O,$APP.Z,$APP.W,"max-scale",$APP.rj,1.5],null),$APP.Et,new $APP.M(null,3,[$APP.O,$APP.Z,$APP.W,"lift",$APP.rj,0],null),$APP.cr,new $APP.M(null,3,[$APP.O,$APP.Z,$APP.W,"gap",$APP.rj,8],null),$APP.um,new $APP.M(null,2,[$APP.O,$APP.qj,$APP.W,"disabled"],null)],null),Mx=new $APP.ah(null,
|
|
20
|
+
new $APP.M(null,2,["vertical",null,"horizontal",null],null),null);var sx=":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",Ux);export const init=Ux;
|
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 VA=function(a){a=$APP.Eg([$APP.vj,$APP.zj,$APP.Mj,$APP.Zk,$APP.$k,$APP.bl,$APP.wj,$APP.cl,$APP.dl],[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.G(a);a=$APP.C(b,$APP.cl);var c=$APP.C(b,$APP.dl),d=$APP.C(b,$APP.vj),e=$APP.C(b,$APP.zj),f=$APP.C(b,$APP.Mj),h=$APP.C(b,$APP.Zk),k=$APP.C(b,
|
|
3
|
+
$APP.$k),m=$APP.C(b,$APP.bl);b=$APP.C(b,$APP.wj);k=$APP.D(k);f=$APP.D(f);return $APP.Eg([$APP.Tj,$APP.fl,$APP.gl,$APP.hl,$APP.il,$APP.Pj,$APP.Si,$APP.jl,$APP.kl,$APP.ll,$APP.Sj],[f,k?"true":"false",$APP.D(m),k,$APP.n(f)?k:!0,d,b!=null?b:"on",h,c,a,$APP.D(e)])},WA=function(a,b){var c=$APP.l(a,"__xRadioRefs");if($APP.n(c)){var d=$APP.l(c,"control"),e=$APP.Sj.i(b);c=$APP.hl.i(b);$APP.T(d,"aria-checked",$APP.fl.i(b));$APP.T(d,"aria-disabled",$APP.n(e)?"true":"false");$APP.T(d,"aria-required",$APP.n($APP.Tj.i(b))?
|
|
4
|
+
"true":"false");$APP.T(d,"aria-readonly",$APP.n($APP.gl.i(b))?"true":"false");var f=$APP.ll.i(b);$APP.n(f)?$APP.T(d,"aria-label",f):$APP.U(d,"aria-label");f=$APP.jl.i(b);$APP.n(f)?$APP.T(d,"aria-labelledby",f):$APP.U(d,"aria-labelledby");f=$APP.kl.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.Zi(a,"data-checked",c);$APP.Zi(a,"data-disabled",e);d=$APP.l(a,"__xRadioInternals");$APP.n(d)&&d.setFormValue($APP.n(c)?
|
|
5
|
+
$APP.Si.i(b):null);return $APP.Q(a,"__xRadioModel",b)}return null},XA=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.z.j(e.getAttribute("name"),b)?d.push(e):null});return d}return[a]},YA=function(a){a=XA(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.z.j(d,b)?0:-1:$APP.z.j(d,c)?0:-1,e.tabIndex=d):null})},ZA=function(a){XA(a).forEach(function(b){var c=$APP.I(b,a);return $APP.n(c?b.hasAttribute("checked"):c)?($APP.U(b,"checked"),WA(b,VA(b))):null})},$A=function(a){var b=VA(a);var c=$APP.Sj.i(b);$APP.n(c)||(c=$APP.gl.i(b),c=$APP.n(c)?c:$APP.hl.i(b));if($APP.n(c))return null;b=$APP.Si.i(b);return $APP.fj(a,"x-radio-change-request",{value:b,previousChecked:!1,nextChecked:!0})?($APP.T(a,"checked",
|
|
7
|
+
""),WA(a,VA(a)),ZA(a),YA(a),$APP.dj(a,"x-radio-change",{value:b,checked:!0})):null},aB=function(a){a=$APP.l(a,"__xRadioRefs");return $APP.n(a)?$APP.l(a,"control").focus():null},bB=function(a){return function(b){var c=b.key,d=XA(a),e=d.length,f=d.indexOf(a);if($APP.z.j(c," ")||$APP.z.j(c,"Enter"))return b.preventDefault(),$A(a);if($APP.z.j(c,"ArrowDown")||$APP.z.j(c,"ArrowRight")){if(b.preventDefault(),e>0)return b=d[$APP.sd(f+1,e)],$A(b),aB(b)}else if($APP.z.j(c,"ArrowUp")||$APP.z.j(c,"ArrowLeft"))if(b.preventDefault(),
|
|
8
|
+
e>0)return b=d[$APP.sd(f-1,e)],$A(b),aB(b);return null}},cB=function(a){return function(){return $A(a)}},dB=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.Q(a,"__xRadioHandlers",null)}return null},eB=function(a,b){$APP.Zi(a,"disabled",$APP.D(b));return WA(a,VA(a))},fB=function(a){$APP.U(a,"checked");return WA(a,
|
|
9
|
+
VA(a))},gB=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.Q(a,"__xRadioRefs",{root:b,control:d,dot:e});$APP.n(a.attachInternals)&&$APP.Q(a,"__xRadioInternals",a.attachInternals())}dB(a);b=$APP.l(a,"__xRadioRefs");$APP.n(b)&&(b=$APP.l(b,"control"),c=cB(a),d=bB(a),e={click:c,keydown:d},a.addEventListener("click",c),b.addEventListener("keydown",d),$APP.Q(a,"__xRadioHandlers",e));WA(a,VA(a));return YA(a)},
|
|
11
|
+
hB=function(a){return dB(a)},iB=function(a,b,c,d){$APP.I(c,d)?(b=VA(a),a=$APP.I(b,$APP.l(a,"__xRadioModel"))?WA(a,b):null):a=null;return a},kB=function(a){return $APP.sj(a,jB)},mB=function(){return $APP.xi("x-radio",new $APP.M(null,8,[$APP.hi,lB,$APP.fi,gB,$APP.ci,hB,$APP.bi,iB,$APP.di,!0,$APP.ai,eB,$APP.$h,fB,$APP.gi,kB],null))};var lB="checked disabled readonly required name value aria-label aria-describedby aria-labelledby".split(" "),jB=new $APP.M(null,6,[$APP.cu,new $APP.M(null,2,[$APP.O,$APP.qj,$APP.W,"checked"],null),$APP.um,new $APP.M(null,2,[$APP.O,$APP.qj,$APP.W,"disabled"],null),$APP.Bt,new $APP.M(null,2,[$APP.O,$APP.qj,$APP.W,"readonly"],null),$APP.Kr,new $APP.M(null,2,[$APP.O,$APP.qj,$APP.W,"required"],null),$APP.Pj,new $APP.M(null,2,[$APP.O,$APP.X,$APP.W,"name"],null),$APP.Si,new $APP.M(null,2,[$APP.O,$APP.X,
|
|
12
|
+
$APP.W,"value"],null)],null);$APP.he(["x-radio-change-request",new $APP.M(null,2,[$APP.yt,!0,$APP.V,new $APP.M(null,3,[$APP.Si,$APP.X,$APP.Br,$APP.qj,$APP.gt,$APP.qj],null)],null),"x-radio-change",new $APP.M(null,2,[$APP.yt,!1,$APP.V,new $APP.M(null,2,[$APP.Si,$APP.X,$APP.cu,$APP.qj],null)],null)]);$APP.fa("baredom.exports.x_radio.init",mB);export const init=mB;
|