@vanelsas/baredom 3.1.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 +27 -0
- package/custom-elements.json +553 -0
- package/dist/baredom.d.ts +5 -0
- package/dist/base.js +590 -545
- 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 +13 -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 -14
- package/dist/x-card.js +7 -7
- package/dist/x-carousel.js +32 -32
- 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.js +8 -8
- package/dist/x-color-picker.js +46 -46
- package/dist/x-combobox.js +28 -28
- package/dist/x-command-palette.js +27 -27
- package/dist/x-confetti.js +24 -24
- package/dist/x-container.js +5 -5
- package/dist/x-context-menu.js +20 -21
- package/dist/x-copy.js +1 -21
- package/dist/x-currency-field.js +23 -23
- package/dist/x-date-picker.js +38 -41
- package/dist/x-divider.js +10 -10
- package/dist/x-drawer.js +11 -11
- package/dist/x-dropdown.js +12 -12
- package/dist/x-fieldset.js +5 -5
- package/dist/x-file-download.js +6 -6
- package/dist/x-file-upload.js +21 -21
- package/dist/x-form-field.js +14 -14
- package/dist/x-form.js +10 -10
- package/dist/x-gaussian-blur.js +13 -13
- package/dist/x-grid.js +6 -6
- package/dist/x-i18n-provider.js +7 -7
- package/dist/x-i18n.js +4 -4
- package/dist/x-icon.js +7 -7
- package/dist/x-image.js +16 -16
- package/dist/x-kbd.js +15 -15
- package/dist/x-kinetic-canvas.js +25 -25
- package/dist/x-kinetic-font.js +23 -23
- package/dist/x-kinetic-typography.js +34 -34
- package/dist/x-liquid-dock.js +31 -31
- package/dist/x-liquid-fill.js +41 -41
- package/dist/x-liquid-glass.js +35 -35
- package/dist/x-menu-item.js +8 -8
- package/dist/x-menu.js +9 -9
- package/dist/x-metaball-cursor.js +23 -23
- package/dist/x-modal.js +12 -12
- package/dist/x-morph-stack.js +37 -37
- package/dist/x-multi-combobox.js +36 -36
- package/dist/x-navbar.js +15 -15
- package/dist/x-neural-glow.js +29 -29
- package/dist/x-notification-center.js +9 -9
- package/dist/x-organic-divider.js +17 -17
- package/dist/x-organic-progress.js +32 -32
- package/dist/x-organic-shape.js +12 -12
- package/dist/x-otp-input.js +21 -21
- package/dist/x-pagination.js +14 -14
- package/dist/x-particle-button.js +49 -49
- package/dist/x-popover.js +26 -26
- package/dist/x-progress-circle.js +8 -8
- package/dist/x-progress.js +7 -7
- 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 +9 -9
- package/dist/x-scroll-parallax.js +17 -17
- package/dist/x-scroll-stack.js +16 -16
- package/dist/x-scroll-story.js +33 -33
- package/dist/x-scroll-timeline.js +45 -45
- package/dist/x-scroll.js +36 -36
- package/dist/x-search-field.js +1 -1
- package/dist/x-select.js +1 -1
- package/dist/x-sidebar.js +16 -16
- package/dist/x-skeleton-group.js +12 -12
- package/dist/x-skeleton.js +1 -1
- package/dist/x-slider.js +16 -16
- package/dist/x-soft-body.js +17 -17
- package/dist/x-spacer.js +4 -4
- package/dist/x-spinner.js +4 -4
- package/dist/x-splash.js +12 -12
- 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 -13
- package/dist/x-switch.js +10 -10
- package/dist/x-tab.js +6 -6
- package/dist/x-table-cell.js +19 -19
- package/dist/x-table-row.js +8 -8
- package/dist/x-table.js +13 -13
- package/dist/x-tabs.js +11 -11
- package/dist/x-text-area.js +18 -18
- 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.js +22 -22
- package/dist/x-toaster.js +7 -7
- package/dist/x-tooltip.js +12 -12
- package/dist/x-trace-history.js +126 -119
- package/dist/x-typography.js +6 -6
- package/dist/x-welcome-tour.js +63 -63
- package/package.json +26 -1
package/dist/x-popover.js
CHANGED
|
@@ -1,28 +1,28 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
2,[$APP.
|
|
4
|
-
|
|
5
|
-
$APP.
|
|
6
|
-
$APP.
|
|
7
|
-
$APP.
|
|
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.
|
|
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.
|
|
10
|
-
(c=$APP.
|
|
11
|
-
h=window.innerWidth,k=window.innerHeight;d=
|
|
12
|
-
$APP.
|
|
13
|
-
1E3),f=
|
|
14
|
-
|
|
15
|
-
c=$APP.l(a,"__xPopoverMovedFooter");$APP.n(c)&&
|
|
16
|
-
return $APP.n(c?a.hasAttribute("open"):c)&&$APP.
|
|
17
|
-
d)):null})}},
|
|
18
|
-
"focusout"):null):null},docClick:function(b){return $APP.n(a.hasAttribute("open"))?(b=$APP.
|
|
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"))}}},
|
|
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"),
|
|
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
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(
|
|
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"))&&
|
|
24
|
-
b=a.hasAttribute("portal"),$APP.n($APP.n(b)?$APP.p($APP.l(a,"__xPopoverLayer")):b)
|
|
25
|
-
function(){return $APP.
|
|
26
|
-
"no-close-present?",-154717274),
|
|
27
|
-
$APP.W,"close-label"],null),new $APP.F(null,"noClose","noClose",1115851533),new $APP.
|
|
28
|
-
$APP.
|
|
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
|
-
k=$APP.C(b,$APP.
|
|
5
|
-
"stroke-dasharray",""+$APP.P.i(100));$APP.T(
|
|
6
|
-
q!=null?$APP.T(a,"aria-label",q):$APP.U(a,"aria-label");
|
|
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
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.
|
|
9
|
-
"__xProgressCircleBase",d);$APP.
|
|
10
|
-
|
|
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,9 +1,9 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
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.
|
|
3
|
-
$APP.
|
|
4
|
-
$APP.
|
|
5
|
-
"false");A.style.width=$APP.n(m)?"40%":""+$APP.P.i(k.toFixed(2))+"%";
|
|
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");
|
|
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
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.
|
|
9
|
-
d)?$APP.n($APP.l(a,"__xProgressInit"))?Z9(a):null:null},
|
|
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:k.left+k.width/2-b,cy:k.top+k.height/2-f});h+=1}else break}return $APP.
|
|
5
|
-
a.transform=""},
|
|
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},
|
|
7
|
-
for(var x=0,
|
|
8
|
-
"__xProximityListRafPending")))return null;$APP.
|
|
9
|
-
c)){var d=
|
|
10
|
-
$APP.
|
|
11
|
-
$APP.p($APP.
|
|
12
|
-
if($APP.n($APP.n(m)?$APP.p($APP.
|
|
13
|
-
h.addEventListener("slotchange",b);$APP.
|
|
14
|
-
$APP.
|
|
15
|
-
d="horizontal";b=new $APP.
|
|
16
|
-
b)):a=null;return a},
|
|
17
|
-
b);b.observe(a);
|
|
18
|
-
"max-scale-raw","max-scale-raw",-238296345),
|
|
19
|
-
var
|
|
20
|
-
new $APP.
|
|
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",
|
|
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
|
-
"true":"false");$APP.T(d,"aria-readonly",$APP.n($APP.
|
|
5
|
-
$APP.
|
|
6
|
-
return $APP.n(e)?(e=$APP.l(e,"control"),d=$APP.n(b)?$APP.
|
|
7
|
-
""),
|
|
8
|
-
e>0)return b=d[$APP.
|
|
9
|
-
|
|
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.
|
|
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;
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
// x-range-slider.d.ts — auto-generated by generate_types.bb, do not edit
|
|
2
|
+
|
|
3
|
+
export function init(): void;
|
|
4
|
+
|
|
5
|
+
export interface XRangeSliderEventMap {
|
|
6
|
+
"x-range-slider-change-request": CustomEvent<{ start: number; end: number; previousStart: number; previousEnd: number; min: number; max: number }>;
|
|
7
|
+
"x-range-slider-input": CustomEvent<{ start: number; end: number; min: number; max: number }>;
|
|
8
|
+
"x-range-slider-change": CustomEvent<{ start: number; end: number; min: number; max: number }>;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
export interface XRangeSlider extends HTMLElement {
|
|
12
|
+
min: string;
|
|
13
|
+
disabled: boolean;
|
|
14
|
+
showValue: boolean;
|
|
15
|
+
name: string;
|
|
16
|
+
start: string;
|
|
17
|
+
minGap: string;
|
|
18
|
+
size: string;
|
|
19
|
+
readOnly: boolean;
|
|
20
|
+
max: string;
|
|
21
|
+
label: string;
|
|
22
|
+
end: string;
|
|
23
|
+
step: string;
|
|
24
|
+
|
|
25
|
+
addEventListener<K extends keyof XRangeSliderEventMap>(
|
|
26
|
+
type: K,
|
|
27
|
+
listener: (this: XRangeSlider, ev: XRangeSliderEventMap[K]) => any,
|
|
28
|
+
options?: boolean | AddEventListenerOptions
|
|
29
|
+
): void;
|
|
30
|
+
addEventListener(
|
|
31
|
+
type: string,
|
|
32
|
+
listener: EventListenerOrEventListenerObject,
|
|
33
|
+
options?: boolean | AddEventListenerOptions
|
|
34
|
+
): void;
|
|
35
|
+
removeEventListener<K extends keyof XRangeSliderEventMap>(
|
|
36
|
+
type: K,
|
|
37
|
+
listener: (this: XRangeSlider, ev: XRangeSliderEventMap[K]) => any,
|
|
38
|
+
options?: boolean | EventListenerOptions
|
|
39
|
+
): void;
|
|
40
|
+
removeEventListener(
|
|
41
|
+
type: string,
|
|
42
|
+
listener: EventListenerOrEventListenerObject,
|
|
43
|
+
options?: boolean | EventListenerOptions
|
|
44
|
+
): void;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
declare global {
|
|
48
|
+
interface HTMLElementTagNameMap {
|
|
49
|
+
"x-range-slider": XRangeSlider;
|
|
50
|
+
}
|
|
51
|
+
}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
+
var gK=function(a,b){return typeof a==="string"?(a=parseFloat(a),$APP.n(isNaN(a))?b:a):b},hK=function(a){return typeof a==="string"&&$APP.I("",a)?a:null},iK=function(a){return $APP.I("any",a)?(a=parseFloat(a),$APP.p(isNaN(a))&&a>0?a:null):null},jK=function(a,b,c){return c==null||c<=0?a:Math.round((b+c*Math.round((a-b)/c))*1E9)/1E9},kK=function(a,b,c){return c<b?b:$APP.co.j($APP.uo.j(a,b),c)},lK=function(a,b,c){return c>b?$APP.co.j($APP.uo.j((a-b)/(c-b)*100,0),100):0},Oba=function(a,b,c,d,e,f){var h=
|
|
3
|
+
f*10;b=$APP.n(b)?h:f;switch(a){case "ArrowRight":return c+b;case "ArrowUp":return c+b;case "ArrowLeft":return c-b;case "ArrowDown":return c-b;case "PageUp":return c+h;case "PageDown":return c-h;case "Home":return d;case "End":return e;default:return c}},mK=function(a,b,c,d,e){a=kK(a,c,d);b=kK(b,c,d);b=$APP.uo.j(b,a);d=$APP.co.j(d,$APP.uo.j(b,a+e));c=d-a<e?$APP.uo.j(c,d-e):a;return new $APP.M(null,2,[$APP.At,c,$APP.Np,d],null)},nK=function(a){var b=$APP.G(a);a=$APP.C(b,$APP.Sj);b=$APP.C(b,$APP.gl);
|
|
4
|
+
return $APP.D($APP.p(a)&&$APP.p(b))},oK=function(a,b,c,d){return new $APP.M(null,4,[$APP.At,a,$APP.Np,b,$APP.mr,c,$APP.es,d],null)},pK=function(a,b,c){$APP.T(a,"part",b);$APP.T(a,"role","slider");$APP.T(a,"tabindex","0");$APP.T(a,"aria-label",c);$APP.T(a,"aria-orientation","horizontal")},vK=function(a){a=$APP.Eg([$APP.mr,$APP.um,$APP.sr,$APP.Pj,$APP.pj,$APP.At,$APP.jl,$APP.Bm,$APP.es,$APP.Rj,$APP.kl,$APP.ll,$APP.Np,$APP.Pt,qK],[a.getAttribute("min"),a.hasAttribute("disabled"),a.hasAttribute("show-value"),
|
|
5
|
+
a.getAttribute("name"),a.hasAttribute("readonly"),a.getAttribute("start"),a.getAttribute("aria-labelledby"),a.getAttribute("size"),a.getAttribute("max"),a.getAttribute("label"),a.getAttribute("aria-describedby"),a.getAttribute("aria-label"),a.getAttribute("end"),a.getAttribute("step"),a.getAttribute("min-gap")]);var b=$APP.G(a);a=$APP.C(b,$APP.ll);var c=$APP.C(b,$APP.Np),d=$APP.C(b,$APP.Pt),e=$APP.C(b,qK),f=$APP.C(b,$APP.um),h=$APP.C(b,$APP.sr),k=$APP.C(b,$APP.Pj),m=$APP.C(b,$APP.pj),q=$APP.C(b,$APP.jl),
|
|
6
|
+
u=$APP.C(b,$APP.At),x=$APP.C(b,$APP.mr),y=$APP.C(b,$APP.es),A=$APP.C(b,$APP.Bm),E=$APP.C(b,$APP.Rj);b=$APP.C(b,$APP.kl);x=gK(x,0);y=$APP.uo.j(x,gK(y,100));$APP.z.j(d,"any")?d="any":(d=typeof d==="string"?parseFloat(d):NaN,d=$APP.p(isNaN(d))&&d>0?""+$APP.P.i(d):"1");var H=iK(d);e=$APP.co.j($APP.uo.j(0,gK(e,0)),y-x);u=mK(gK(u,x),gK(c,y),x,y,e);c=kK(jK($APP.At.i(u),x,H),x,y);u=kK(jK($APP.Np.i(u),x,H),x,y);u=mK(c,u,x,y,e);c=$APP.At.i(u);u=$APP.Np.i(u);H=lK(c,x,y);var N=lK(u,x,y);H=new $APP.M(null,2,[$APP.Po,
|
|
7
|
+
H,$APP.Nn,$APP.uo.j(0,N-H)],null);m=$APP.D(m);N=lK(c,x,y);k=hK(k);q=hK(q);h=$APP.D(h);A=typeof A==="string"&&$APP.cd(Pba,A)?A:"md";return $APP.Eg([$APP.mr,$APP.gl,rK,$APP.Pj,$APP.At,$APP.jl,$APP.bp,$APP.Bm,$APP.es,$APP.Rj,sK,tK,$APP.kl,uK,$APP.ll,$APP.Np,$APP.Sj,$APP.Pt,qK],[x,m,N,k,c,q,h,A,y,hK(E),$APP.Po.i(H),$APP.Nn.i(H),hK(b),lK(u,x,y),hK(a),u,$APP.D(f),d,e])},wK=function(a,b,c,d,e){var f=$APP.G(e);e=$APP.C(f,$APP.Sj);f=$APP.C(f,$APP.gl);$APP.T(a,"aria-valuemin",""+$APP.P.i(b));$APP.T(a,"aria-valuemax",
|
|
8
|
+
""+$APP.P.i(c));$APP.T(a,"aria-valuenow",""+$APP.P.i(d));$APP.T(a,"aria-readonly",$APP.n(f)?"true":"false");$APP.n(e)?($APP.T(a,"aria-disabled","true"),$APP.T(a,"tabindex","-1")):($APP.U(a,"aria-disabled"),$APP.T(a,"tabindex","0"))},xK=function(a,b,c){var d=$APP.l(b,"base"),e=$APP.l(b,"header"),f=$APP.l(b,"label"),h=$APP.l(b,"value"),k=$APP.G(c),m=$APP.C(k,$APP.Bm),q=$APP.C(k,$APP.Sj);k=$APP.C(k,$APP.gl);$APP.T(d,"data-size",m);$APP.Zi(a,"data-disabled",q);$APP.Zi(a,"data-readonly",k);var u=$APP.G(c);
|
|
9
|
+
m=$APP.C(u,$APP.Rj);q=$APP.C(u,$APP.At);k=$APP.C(u,$APP.Np);u=$APP.C(u,$APP.bp);var x=m!=null;e.style.display=$APP.n(x?x:u)?"flex":"none";f.textContent=$APP.n(m)?m:"";f.style.display=m!=null?"":"none";e=$APP.n(u)?""+$APP.P.i(q)+" – "+$APP.P.i(k):"";h.textContent=e;h.style.display=$APP.n(u)?"":"none";m=$APP.G(c);h=$APP.C(m,rK);e=$APP.C(m,uK);f=$APP.C(m,sK);m=$APP.C(m,tK);q=d.style;q.setProperty("--_x-range-slider-start-pct",""+$APP.P.i(h.toFixed(2))+"%");q.setProperty("--_x-range-slider-end-pct",""+
|
|
10
|
+
$APP.P.i(e.toFixed(2))+"%");q.setProperty("--_x-range-slider-fill-left",""+$APP.P.i(f.toFixed(2))+"%");q.setProperty("--_x-range-slider-fill-width",""+$APP.P.i(m.toFixed(2))+"%");h=$APP.G(c);e=$APP.C(h,$APP.At);f=$APP.C(h,$APP.Np);m=$APP.C(h,$APP.mr);q=$APP.C(h,$APP.es);k=$APP.C(h,qK);x=$APP.C(h,$APP.ll);var y=$APP.C(h,$APP.Rj);u=$APP.l(b,"thumb-start");b=$APP.l(b,"thumb-end");x=$APP.n(x)?x:$APP.n(y)?y:"Range";$APP.T(u,"aria-label",""+$APP.P.i(x)+" minimum");$APP.T(b,"aria-label",""+$APP.P.i(x)+" maximum");
|
|
11
|
+
wK(u,m,f-k,e,h);wK(b,e+k,q,f,h);e=$APP.G(c);b=$APP.C(e,$APP.ll);h=$APP.C(e,$APP.jl);e=$APP.C(e,$APP.kl);$APP.n(b)?$APP.T(d,"aria-label",b):$APP.U(d,"aria-label");$APP.n(h)?$APP.T(d,"aria-labelledby",h):$APP.U(d,"aria-labelledby");$APP.n(e)?$APP.T(d,"aria-describedby",e):$APP.U(d,"aria-describedby");b=$APP.G(c);d=$APP.C(b,$APP.At);b=$APP.C(b,$APP.Np);h=$APP.l(a,"__xRangeSliderInternals");$APP.n(h)&&h.setFormValue(""+$APP.P.i(d)+","+$APP.P.i(b));return $APP.Q(a,"__xRangeSliderModel",c)},yK=function(a){var b=
|
|
12
|
+
$APP.l(a,"__xRangeSliderRefs");return $APP.n(b)?xK(a,b,vK(a)):null},zK=function(a){var b=$APP.l(a,"__xRangeSliderRefs");if($APP.n(b)){var c=vK(a);return $APP.I(c,$APP.l(a,"__xRangeSliderModel"))?xK(a,b,c):null}return null},CK=function(a,b,c,d){var e=vK(a),f=iK($APP.Pt.i(e)),h=jK(c,$APP.mr.i(e),f);c=$APP.At.i(e);f=$APP.Np.i(e);if($APP.z.j(b,$APP.At)){var k=$APP.mr.i(e);var m=$APP.Np.i(e),q=qK.i(e);k=kK(h,k,m-q)}else k=c;$APP.z.j(b,$APP.Np)?(b=$APP.At.i(e),m=$APP.es.i(e),q=qK.i(e),h=kK(h,b+q,m)):h=
|
|
13
|
+
f;if(b=$APP.I(k,c)||$APP.I(h,f))b=$APP.mr.i(e),e=$APP.es.i(e),b=$APP.fj(a,"x-range-slider-change-request",$APP.bm(new $APP.M(null,6,[$APP.At,k,$APP.Np,h,AK,c,BK,f,$APP.mr,b,$APP.es,e],null)));return b?($APP.I(k,c)&&$APP.T(a,"start",""+$APP.P.i(k)),$APP.I(h,f)&&$APP.T(a,"end",""+$APP.P.i(h)),e=vK(a),e=$APP.bm(oK($APP.At.i(e),$APP.Np.i(e),$APP.mr.i(e),$APP.es.i(e))),$APP.dj(a,"x-range-slider-input",e),$APP.n(d)?$APP.dj(a,"x-range-slider-change",e):null):null},DK=function(a,b,c,d){a=a.getBoundingClientRect();
|
|
14
|
+
b=b.clientX;var e=a.left;a=a.width;a=a>0?$APP.co.j($APP.uo.j((b-e)/a,0),1):0;return c+a*(d-c)},EK=function(a,b,c){if($APP.z.j($APP.ph(b),$APP.l(a,"__xRangeSliderDragging"))){var d=vK(a);return CK(a,b,DK($APP.l($APP.l(a,"__xRangeSliderRefs"),"track"),c,$APP.mr.i(d),$APP.es.i(d)),!1)}return null},FK=function(a,b){return $APP.z.j($APP.ph(b),$APP.l(a,"__xRangeSliderDragging"))?($APP.Q(a,"__xRangeSliderDragging",null),b=vK(a),$APP.I($APP.l(a,"__xRangeSliderDragOrigin"),new $APP.J(null,2,5,$APP.K,[$APP.At.i(b),
|
|
15
|
+
$APP.Np.i(b)],null))?$APP.dj(a,"x-range-slider-change",$APP.bm(oK($APP.At.i(b),$APP.Np.i(b),$APP.mr.i(b),$APP.es.i(b)))):null):null},GK=function(a,b,c){var d=c.key;if($APP.cd(Qba,d)){c.preventDefault();var e=vK(a);if(nK(e)){var f=iK($APP.Pt.i(e));f=$APP.n(f)?f:1;var h=$APP.z.j(b,$APP.At)?$APP.At.i(e):$APP.Np.i(e);c=Oba(d,c.shiftKey,h,$APP.mr.i(e),$APP.es.i(e),f);return CK(a,b,c,!0)}}return null},Rba=function(a){return{"track-down":function(b){var c=vK(a);if(nK(c)){b.preventDefault();var d=$APP.l(a,
|
|
16
|
+
"__xRangeSliderRefs"),e=b.target,f=DK($APP.l(d,"track"),b,$APP.mr.i(c),$APP.es.i(c)),h=$APP.l(d,"thumb-start").contains(e);e=$APP.l(d,"thumb-end").contains(e);var k=$APP.z.j($APP.At.i(c),$APP.Np.i(c));$APP.n($APP.n(h)?!k:h)?h=new $APP.M(null,2,[HK,$APP.At,IK,!0],null):$APP.n($APP.n(e)?!k:e)?h=new $APP.M(null,2,[HK,$APP.Np,IK,!0],null):(h=$APP.At.i(c),k=$APP.Np.i(c),e=Math.abs(f-h),k=Math.abs(f-k),h=new $APP.M(null,2,[HK,e<k?$APP.At:e>k?$APP.Np:f<=h?$APP.At:$APP.Np,IK,!1],null));e=$APP.G(h);h=$APP.C(e,
|
|
17
|
+
HK);e=$APP.C(e,IK);k=$APP.l(d,$APP.z.j(h,$APP.At)?"thumb-start":"thumb-end");try{k.setPointerCapture(b.pointerId)}catch(m){}$APP.Q(a,"__xRangeSliderDragging",$APP.ph(h));$APP.Q(a,"__xRangeSliderDragOrigin",new $APP.J(null,2,5,$APP.K,[$APP.At.i(c),$APP.Np.i(c)],null));$APP.Zi($APP.l(d,"thumb-start"),"data-active",$APP.z.j(h,$APP.At));$APP.Zi($APP.l(d,"thumb-end"),"data-active",$APP.z.j(h,$APP.Np));k.focus();b=$APP.n(e)?null:CK(a,h,f,!1)}else b=null;return b},"start-move":function(b){return EK(a,$APP.At,
|
|
18
|
+
b)},"start-up":function(){return FK(a,$APP.At)},"start-key":function(b){return GK(a,$APP.At,b)},"end-move":function(b){return EK(a,$APP.Np,b)},"end-up":function(){return FK(a,$APP.Np)},"end-key":function(b){return GK(a,$APP.Np,b)}}},KK=function(a){var b=$APP.l(a,"__xRangeSliderRefs"),c=$APP.l(a,"__xRangeSliderHandlers");if($APP.n($APP.n(b)?c:b)){for(var d=$APP.r(JK),e=null,f=0,h=0;;)if(h<f){var k=e.C(null,h),m=$APP.B(k,0,null),q=$APP.B(k,1,null),u=$APP.B(k,2,null);k=$APP.B(k,3,null);$APP.l(b,m).removeEventListener(q,
|
|
19
|
+
$APP.l(c,u),k);h+=1}else if(d=$APP.r(d))$APP.Yc(d)?(f=$APP.Db(d),d=$APP.Eb(d),e=f,f=$APP.w(f)):(m=$APP.t(d),e=$APP.B(m,0,null),f=$APP.B(m,1,null),h=$APP.B(m,2,null),m=$APP.B(m,3,null),$APP.l(b,e).removeEventListener(f,$APP.l(c,h),m),d=$APP.v(d),e=null,f=0),h=0;else break;$APP.Q(a,"__xRangeSliderHandlers",null)}},Sba=function(a,b){$APP.Zi(a,"disabled",$APP.D(b));return yK(a)},Tba=function(a){$APP.U(a,"start");$APP.U(a,"end");return yK(a)},Uba=function(a){if(!$APP.n($APP.l(a,"__xRangeSliderRefs"))){var b=
|
|
20
|
+
a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div");var e=document.createElement("div");var f=document.createElement("span"),h=document.createElement("span");$APP.T(e,"part","header");$APP.T(f,"part","label-text");$APP.T(h,"part","value-text");e.appendChild(f);e.appendChild(h);e=new $APP.M(null,3,[$APP.xq,e,$APP.Rj,f,$APP.Si,h],null);f=document.createElement("div");h=document.createElement("div");var k=document.createElement("div"),m=document.createElement("div");
|
|
21
|
+
$APP.T(f,"part","track");$APP.T(h,"part","track-fill");pK(k,"thumb-start","Range minimum");pK(m,"thumb-end","Range maximum");f.appendChild(h);f.appendChild(k);f.appendChild(m);f=new $APP.M(null,4,[$APP.lq,f,$APP.Tp,h,LK,k,MK,m],null);c.textContent=":host{display:block;color-scheme:light dark;--x-range-slider-track-color:rgba(0,0,0,0.15);--x-range-slider-fill-color:var(--x-color-primary,#3b82f6);--x-range-slider-thumb-color:var(--x-color-surface,#ffffff);--x-range-slider-thumb-border:2px solid var(--x-color-primary,#3b82f6);--x-range-slider-thumb-shadow:0 1px 4px rgba(0,0,0,0.20);--x-range-slider-focus-ring:var(--x-color-focus-ring,#60a5fa);--x-range-slider-disabled-opacity:0.45;--x-range-slider-label-color:rgba(0,0,0,0.60);--x-range-slider-value-color:rgba(0,0,0,0.50);--x-range-slider-radius:var(--x-radius-full,9999px);}@media (prefers-color-scheme:dark){:host{--x-range-slider-track-color:rgba(255,255,255,0.15);--x-range-slider-focus-ring:var(--x-color-focus-ring,#93c5fd);--x-range-slider-label-color:rgba(255,255,255,0.60);--x-range-slider-value-color:rgba(255,255,255,0.50);}}[part\x3dbase]{width:100%;box-sizing:border-box;--_x-range-slider-track-h:6px;--_x-range-slider-thumb-sz:18px;}[part\x3dbase][data-size\x3dsm]{--_x-range-slider-track-h:4px;--_x-range-slider-thumb-sz:14px;}[part\x3dbase][data-size\x3dmd]{--_x-range-slider-track-h:6px;--_x-range-slider-thumb-sz:18px;}[part\x3dbase][data-size\x3dlg]{--_x-range-slider-track-h:8px;--_x-range-slider-thumb-sz:22px;}[part\x3dheader]{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px;}[part\x3dlabel-text]{font-size:0.875rem;color:var(--x-range-slider-label-color);font-weight:500;}[part\x3dvalue-text]{font-size:0.8125rem;color:var(--x-range-slider-value-color);font-variant-numeric:tabular-nums;}[part\x3dtrack]{position:relative;width:100%;height:var(--_x-range-slider-thumb-sz,18px);box-sizing:border-box;cursor:pointer;touch-action:none;}[part\x3dtrack]::before{content:'';position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:var(--_x-range-slider-track-h,6px);border-radius:var(--x-range-slider-radius);background:var(--x-range-slider-track-color);}[part\x3dtrack-fill]{position:absolute;top:50%;transform:translateY(-50%);height:var(--_x-range-slider-track-h,6px);border-radius:var(--x-range-slider-radius);background:var(--x-range-slider-fill-color);pointer-events:none;left:var(--_x-range-slider-fill-left,0%);width:var(--_x-range-slider-fill-width,100%);}[part\x3dthumb-start],[part\x3dthumb-end]{position:absolute;top:50%;width:var(--_x-range-slider-thumb-sz,18px);height:var(--_x-range-slider-thumb-sz,18px);border-radius:50%;background:var(--x-range-slider-thumb-color);border:var(--x-range-slider-thumb-border);box-shadow:var(--x-range-slider-thumb-shadow);box-sizing:border-box;transform:translate(-50%,-50%);cursor:grab;z-index:1;transition:box-shadow 100ms ease;}[part\x3dthumb-start]{left:var(--_x-range-slider-start-pct,0%);}[part\x3dthumb-end]{left:var(--_x-range-slider-end-pct,100%);}[part\x3dthumb-start][data-active],[part\x3dthumb-end][data-active]{z-index:2;}[part\x3dthumb-start]:focus-visible,[part\x3dthumb-end]:focus-visible{outline:none;box-shadow:var(--x-range-slider-thumb-shadow),0 0 0 3px var(--x-range-slider-focus-ring);}:host([data-disabled]) [part\x3dtrack]{opacity:var(--x-range-slider-disabled-opacity);cursor:default;pointer-events:none;}:host([data-readonly]) [part\x3dtrack]{pointer-events:none;}@media (prefers-reduced-motion:reduce){[part\x3dthumb-start],[part\x3dthumb-end]{transition:none;}}@media (pointer:coarse){[part\x3dbase]{--_x-range-slider-thumb-sz:28px;}}";
|
|
22
|
+
$APP.T(d,"part","base");$APP.T(d,"role","group");d.appendChild($APP.xq.i(e));d.appendChild($APP.lq.i(f));b.appendChild(c);b.appendChild(d);b={base:d,header:$APP.xq.i(e),label:$APP.Rj.i(e),value:$APP.Si.i(e),track:$APP.lq.i(f),"track-fill":$APP.Tp.i(f),"thumb-start":LK.i(f),"thumb-end":MK.i(f)};$APP.Q(a,"__xRangeSliderRefs",b);$APP.n(a.attachInternals)&&$APP.Q(a,"__xRangeSliderInternals",a.attachInternals())}KK(a);b=$APP.l(a,"__xRangeSliderRefs");if($APP.n(b)){c=Rba(a);d=$APP.r(JK);e=null;for(h=f=
|
|
23
|
+
0;;)if(h<f){var q=e.C(null,h);k=$APP.B(q,0,null);m=$APP.B(q,1,null);var u=$APP.B(q,2,null);q=$APP.B(q,3,null);$APP.l(b,k).addEventListener(m,$APP.l(c,u),q);h+=1}else if(d=$APP.r(d))$APP.Yc(d)?(f=$APP.Db(d),d=$APP.Eb(d),e=f,f=$APP.w(f)):(k=$APP.t(d),e=$APP.B(k,0,null),f=$APP.B(k,1,null),h=$APP.B(k,2,null),k=$APP.B(k,3,null),$APP.l(b,e).addEventListener(f,$APP.l(c,h),k),d=$APP.v(d),e=null,f=0),h=0;else break;$APP.Q(a,"__xRangeSliderHandlers",c)}return zK(a)},Vba=function(a){KK(a);return $APP.Q(a,"__xRangeSliderDragging",
|
|
24
|
+
null)},Wba=function(a,b,c,d){return $APP.I(c,d)?zK(a):null},Yba=function(a){return $APP.sj(a,Xba)},NK=function(){return $APP.xi("x-range-slider",new $APP.M(null,8,[$APP.hi,Zba,$APP.fi,Uba,$APP.ci,Vba,$APP.bi,Wba,$APP.di,!0,$APP.ai,Sba,$APP.$h,Tba,$APP.gi,Yba],null))},HK=new $APP.F(null,"which","which",-1255268941),tK=new $APP.F(null,"fill-width","fill-width",-168039914),IK=new $APP.F(null,"in-place?","in-place?",1671707774),uK=new $APP.F(null,"end-pct","end-pct",651636025),MK=new $APP.F(null,"thumb-end",
|
|
25
|
+
"thumb-end",767456848),qK=new $APP.F(null,"min-gap","min-gap",-597317123),BK=new $APP.F(null,"previousEnd","previousEnd",238071363),LK=new $APP.F(null,"thumb-start","thumb-start",-1513664491),AK=new $APP.F(null,"previousStart","previousStart",1056045164),rK=new $APP.F(null,"start-pct","start-pct",2022475208),sK=new $APP.F(null,"fill-left","fill-left",-1207003115);var Pba=new $APP.ah(null,new $APP.M(null,3,["md",null,"lg",null,"sm",null],null),null),Zba="start end min max step min-gap disabled readonly name label show-value size aria-label aria-labelledby aria-describedby".split(" "),Xba=$APP.Eg([$APP.mr,$APP.um,$APP.To,$APP.Pj,$APP.At,new $APP.F(null,"minGap","minGap",11370316),$APP.Bm,$APP.Bt,$APP.es,$APP.Rj,$APP.Np,$APP.Pt],[new $APP.M(null,2,[$APP.O,$APP.X,$APP.W,"min"],null),new $APP.M(null,2,[$APP.O,$APP.qj,$APP.W,"disabled"],null),new $APP.M(null,2,
|
|
26
|
+
[$APP.O,$APP.qj,$APP.W,"show-value"],null),new $APP.M(null,2,[$APP.O,$APP.X,$APP.W,"name"],null),new $APP.M(null,2,[$APP.O,$APP.X,$APP.W,"start"],null),new $APP.M(null,2,[$APP.O,$APP.X,$APP.W,"min-gap"],null),new $APP.M(null,2,[$APP.O,$APP.X,$APP.W,"size"],null),new $APP.M(null,2,[$APP.O,$APP.qj,$APP.W,"readonly"],null),new $APP.M(null,2,[$APP.O,$APP.X,$APP.W,"max"],null),new $APP.M(null,2,[$APP.O,$APP.X,$APP.W,"label"],null),new $APP.M(null,2,[$APP.O,$APP.X,$APP.W,"end"],null),new $APP.M(null,2,
|
|
27
|
+
[$APP.O,$APP.X,$APP.W,"step"],null)]);
|
|
28
|
+
$APP.he(["x-range-slider-change-request",new $APP.M(null,2,[$APP.yt,!0,$APP.V,new $APP.M(null,6,[$APP.At,$APP.Z,$APP.Np,$APP.Z,AK,$APP.Z,BK,$APP.Z,$APP.mr,$APP.Z,$APP.es,$APP.Z],null)],null),"x-range-slider-input",new $APP.M(null,1,[$APP.V,new $APP.M(null,4,[$APP.At,$APP.Z,$APP.Np,$APP.Z,$APP.mr,$APP.Z,$APP.es,$APP.Z],null)],null),"x-range-slider-change",new $APP.M(null,1,[$APP.V,new $APP.M(null,4,[$APP.At,$APP.Z,$APP.Np,$APP.Z,$APP.mr,$APP.Z,$APP.es,$APP.Z],null)],null)]);var Qba=new $APP.ah(null,new $APP.M(null,8,["PageDown",null,"ArrowUp",null,"ArrowDown",null,"End",null,"ArrowRight",null,"ArrowLeft",null,"PageUp",null,"Home",null],null),null),JK=new $APP.J(null,9,5,$APP.K,[new $APP.J(null,4,5,$APP.K,["track","pointerdown","track-down",!1],null),new $APP.J(null,4,5,$APP.K,["thumb-start","pointermove","start-move",!1],null),new $APP.J(null,4,5,$APP.K,["thumb-start","pointerup","start-up",!1],null),new $APP.J(null,4,5,$APP.K,["thumb-start","pointercancel","start-up",
|
|
29
|
+
!1],null),new $APP.J(null,4,5,$APP.K,["thumb-start","keydown","start-key",!1],null),new $APP.J(null,4,5,$APP.K,["thumb-end","pointermove","end-move",!1],null),new $APP.J(null,4,5,$APP.K,["thumb-end","pointerup","end-up",!1],null),new $APP.J(null,4,5,$APP.K,["thumb-end","pointercancel","end-up",!1],null),new $APP.J(null,4,5,$APP.K,["thumb-end","keydown","end-key",!1],null)],null);$APP.fa("baredom.exports.x_range_slider.init",NK);export const init=NK;
|