@vanelsas/baredom 4.0.0-alpha.0 → 4.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +342 -6
- package/README.md +23 -10
- package/custom-elements.json +17352 -4514
- package/dist/baredom.d.ts +92 -94
- package/dist/baremirror-alpha.js +25 -0
- package/dist/base.js +700 -605
- package/dist/integrity.json +113 -113
- package/dist/requests.d.ts +3 -0
- package/dist/requests.js +35 -0
- package/dist/x-alert.js +17 -17
- package/dist/x-avatar-group.js +10 -9
- package/dist/x-avatar.js +14 -14
- package/dist/x-badge.js +9 -9
- package/dist/x-bento-grid.d.ts +5 -0
- package/dist/x-bento-grid.js +6 -5
- package/dist/x-bento-item.d.ts +3 -0
- package/dist/x-bento-item.js +4 -4
- package/dist/x-breadcrumbs.d.ts +6 -5
- package/dist/x-breadcrumbs.js +16 -14
- package/dist/x-button.d.ts +4 -0
- package/dist/x-button.js +1 -1
- package/dist/x-calendar.js +42 -39
- package/dist/x-cancel-dialogue.js +16 -14
- package/dist/x-card.d.ts +4 -0
- package/dist/x-card.js +7 -7
- package/dist/x-carousel.js +37 -35
- package/dist/x-chart.d.ts +2 -0
- package/dist/x-chart.js +48 -47
- package/dist/x-checkbox.d.ts +11 -4
- package/dist/x-checkbox.js +1 -1
- package/dist/x-chip.js +1 -1
- package/dist/x-code.js +29 -27
- package/dist/x-collapse.js +11 -11
- package/dist/x-color-picker.d.ts +7 -0
- package/dist/x-color-picker.js +48 -46
- package/dist/x-combobox.d.ts +12 -4
- package/dist/x-combobox.js +36 -30
- package/dist/x-command-palette.d.ts +9 -1
- package/dist/x-command-palette.js +32 -28
- package/dist/x-confetti.js +24 -24
- package/dist/x-container.d.ts +4 -0
- package/dist/x-container.js +6 -5
- package/dist/x-context-menu.js +20 -20
- package/dist/x-copy.js +1 -1
- package/dist/x-currency-field.d.ts +5 -0
- package/dist/x-currency-field.js +26 -24
- package/dist/x-date-picker.d.ts +20 -2
- package/dist/x-date-picker.js +46 -39
- package/dist/x-divider.js +9 -10
- package/dist/x-drag-panel.d.ts +45 -0
- package/dist/x-drag-panel.js +37 -0
- package/dist/x-drawer.js +12 -11
- package/dist/x-drop-zone.d.ts +49 -0
- package/dist/x-drop-zone.js +12 -0
- package/dist/x-dropdown.js +12 -12
- package/dist/x-fieldset.js +6 -6
- package/dist/x-file-download.d.ts +4 -0
- package/dist/x-file-download.js +15 -7
- package/dist/x-file-upload.d.ts +10 -5
- package/dist/x-file-upload.js +27 -23
- package/dist/x-floating-panel.d.ts +50 -0
- package/dist/x-floating-panel.js +25 -0
- package/dist/x-form-field.d.ts +11 -1
- package/dist/x-form-field.js +18 -15
- package/dist/x-form.js +10 -11
- package/dist/x-gaussian-blur.js +13 -14
- package/dist/x-grid.d.ts +9 -0
- package/dist/x-grid.js +8 -6
- package/dist/x-i18n-provider.js +7 -7
- package/dist/x-i18n.js +4 -4
- package/dist/x-icon.js +7 -7
- package/dist/x-image.js +19 -17
- package/dist/x-kbd.js +16 -16
- package/dist/x-kinetic-canvas.js +26 -26
- package/dist/x-kinetic-font.js +27 -27
- package/dist/x-kinetic-typography.js +35 -35
- package/dist/x-liquid-dock.js +34 -34
- package/dist/x-liquid-fill.js +42 -42
- package/dist/x-liquid-glass.js +42 -41
- package/dist/x-menu-item.js +9 -8
- package/dist/x-menu.js +10 -10
- package/dist/x-metaball-cursor.js +23 -23
- package/dist/x-modal.js +13 -12
- package/dist/x-morph-stack.js +38 -37
- package/dist/x-multi-combobox.d.ts +13 -5
- package/dist/x-multi-combobox.js +42 -36
- package/dist/x-navbar.js +16 -15
- package/dist/x-neural-glow.js +31 -30
- package/dist/x-notification-center.js +9 -9
- package/dist/x-organic-divider.js +18 -18
- package/dist/x-organic-progress.js +35 -35
- package/dist/x-organic-shape.js +13 -14
- package/dist/x-otp-input.d.ts +5 -0
- package/dist/x-otp-input.js +23 -22
- package/dist/x-pagination.js +16 -14
- package/dist/x-particle-button.d.ts +10 -1
- package/dist/x-particle-button.js +55 -51
- package/dist/x-popover.js +28 -27
- package/dist/x-progress-circle.js +8 -9
- package/dist/x-progress.js +8 -8
- package/dist/x-proximity-list.js +20 -20
- package/dist/x-radio.d.ts +10 -3
- package/dist/x-radio.js +13 -11
- package/dist/x-range-slider.d.ts +7 -0
- package/dist/x-range-slider.js +31 -28
- package/dist/x-rating.d.ts +7 -0
- package/dist/x-rating.js +25 -23
- package/dist/x-ripple-effect.js +10 -10
- package/dist/x-scroll-parallax.js +17 -17
- package/dist/x-scroll-stack.js +17 -17
- package/dist/x-scroll-story.js +33 -33
- package/dist/x-scroll-timeline.js +46 -46
- package/dist/x-scroll.js +39 -38
- package/dist/x-search-field.d.ts +10 -3
- package/dist/x-search-field.js +1 -1
- package/dist/x-select.d.ts +12 -2
- package/dist/x-select.js +1 -1
- package/dist/x-sidebar.d.ts +4 -0
- package/dist/x-sidebar.js +17 -18
- package/dist/x-skeleton-group.js +13 -12
- package/dist/x-skeleton.js +1 -1
- package/dist/x-slider.d.ts +7 -0
- package/dist/x-slider.js +17 -16
- package/dist/x-soft-body.js +20 -20
- package/dist/x-spacer.js +4 -4
- package/dist/x-spinner.js +4 -4
- package/dist/x-splash.js +13 -12
- package/dist/x-split-pane.js +15 -15
- package/dist/x-spotlight-card.js +13 -12
- package/dist/x-stat.js +10 -10
- package/dist/x-stepper.js +15 -13
- package/dist/x-switch.d.ts +10 -3
- package/dist/x-switch.js +12 -11
- package/dist/x-tab.d.ts +5 -0
- package/dist/x-tab.js +10 -7
- package/dist/x-table-cell.js +21 -21
- package/dist/x-table-row.js +9 -8
- package/dist/x-table.js +14 -13
- package/dist/x-tabs.d.ts +9 -0
- package/dist/x-tabs.js +11 -11
- package/dist/x-text-area.d.ts +12 -0
- package/dist/x-text-area.js +21 -19
- package/dist/x-theme.js +26 -25
- package/dist/x-timeline-item.js +21 -20
- package/dist/x-timeline.js +8 -8
- package/dist/x-toast.js +22 -22
- package/dist/x-toaster.js +7 -7
- package/dist/x-tooltip.js +14 -12
- package/dist/x-trace-history.js +119 -127
- package/dist/x-typography.js +9 -9
- package/dist/x-welcome-tour.js +63 -63
- package/package.json +25 -26
- package/dist/barebuild-action.d.ts +0 -45
- package/dist/barebuild-action.js +0 -9
- package/dist/barebuild-data.d.ts +0 -39
- package/dist/barebuild-data.js +0 -5
- package/dist/barebuild-invalidate-on.d.ts +0 -42
- package/dist/barebuild-invalidate-on.js +0 -5
- package/dist/barebuild-route.d.ts +0 -39
- package/dist/barebuild-route.js +0 -4
- package/dist/barebuild-router.d.ts +0 -41
- package/dist/barebuild-router.js +0 -13
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
"
|
|
6
|
-
r!=null?$APP.
|
|
7
|
-
"circle"),h=document.createElementNS("http://www.w3.org/2000/svg","circle"),k=document.createElement("div"),
|
|
8
|
-
$APP.
|
|
9
|
-
"
|
|
10
|
-
C1=function(){return $APP.zi("x-progress-circle",new $APP.M(null,4,[$APP.ji,dpa,$APP.hi,apa,$APP.di,bpa,$APP.ii,cpa],null))};var Zoa=new $APP.ch(null,new $APP.M(null,4,["success",null,"warning",null,"danger",null,"default",null],null),null),$oa=new $APP.ch(null,new $APP.M(null,3,["md",null,"lg",null,"sm",null],null),null),dpa="value max variant size label show-value indeterminate".split(" ");$APP.je(["x-progress-circle-complete",new $APP.M(null,1,[$APP.V,new $APP.M(null,2,[$APP.Ui,$APP.Y,$APP.Js,$APP.Y],null)],null)]);$APP.fa("baredom.exports.x_progress_circle.init",C1);export const init=C1;
|
|
2
|
+
var h1=function(a,b){return typeof a==="string"?(a=parseFloat(a),$APP.m(isNaN(a))?b:a):b},i1=function(a){var b=new $APP.K(null,7,[$APP.Q,a.getAttribute("value"),$APP.dw,a.getAttribute("max"),$APP.Wo,a.getAttribute("variant"),$APP.Xo,a.getAttribute("size"),$APP.Z,a.getAttribute("label"),$APP.Ds,a.hasAttribute("show-value"),$APP.Ut,a.hasAttribute("indeterminate")],null);var c=$APP.G(b),d=$APP.C(c,$APP.dw),e=$APP.C(c,$APP.Q),f=$APP.C(c,$APP.Wo),h=$APP.C(c,$APP.Xo);b=$APP.C(c,$APP.Z);var k=$APP.C(c,$APP.Ds);
|
|
3
|
+
c=$APP.C(c,$APP.Ut);d=h1(d,100);d=d>0?d:100;e=$APP.Dk.j($APP.Sm.j(h1(e,0),0),d);f=typeof f==="string"&&$APP.kd(Sva,f)?f:"default";h=typeof h==="string"&&$APP.kd(Tva,h)?h:"md";c=$APP.D(c);k=$APP.D(k);var n=c?50:$APP.Dk.j($APP.Sm.j(e/d*100,0),100);b=$APP.Ag([$APP.Wo,$APP.Ds,$APP.Q,$APP.Xo,$APP.Ut,$APP.Ex,$APP.dw,$APP.Z,$APP.Ft],[f,k,e,h,c,c?"Loading…":""+$APP.N.i(Math.round(n))+"%",d,typeof b==="string"&&$APP.M.j("",b)?b:null,n]);if($APP.M.j(b,$APP.l(a,"__xProgressCircleModel"))){b=$APP.G(b);k=$APP.C(b,
|
|
4
|
+
$APP.Ft);d=$APP.C(b,$APP.Wo);h=$APP.C(b,$APP.Ds);c=$APP.C(b,$APP.Q);e=$APP.C(b,$APP.Xo);f=$APP.C(b,$APP.Ex);n=$APP.C(b,$APP.Ut);var r=$APP.C(b,$APP.Z),v=$APP.C(b,$APP.dw),x=$APP.l(a,"__xProgressCircleBase"),y=$APP.l(a,"__xProgressCircleFill"),A=$APP.l(a,"__xProgressCircleValueNode"),E=$APP.l(a,"__xProgressCircleCompleted"),I=$APP.p(n)&&c>=v,O=$APP.m(n)?75:100*(1-k/100);$APP.U(x,"data-variant",d);$APP.U(x,"data-size",e);$APP.U(x,"data-indeterminate",$APP.m(n)?"true":"false");$APP.U(y,"stroke-dasharray",
|
|
5
|
+
""+$APP.N.i(100));$APP.U(y,"stroke-dashoffset",""+$APP.N.i(O));A.textContent=$APP.m($APP.m(h)?$APP.p(n):h)?""+$APP.N.i(Math.round(k))+"%":"";A.style.display=$APP.m($APP.m(h)?$APP.p(n):h)?"":"none";$APP.U(a,"role","progressbar");$APP.U(a,"aria-valuemin","0");$APP.m(n)?($APP.V(a,"aria-valuenow"),$APP.V(a,"aria-valuemax"),$APP.U(a,"aria-busy","true"),$APP.U(a,"aria-valuetext",f)):($APP.U(a,"aria-valuenow",""+$APP.N.i(c)),$APP.U(a,"aria-valuemax",""+$APP.N.i(v)),$APP.U(a,"aria-valuetext",f),$APP.V(a,
|
|
6
|
+
"aria-busy"));r!=null?$APP.U(a,"aria-label",r):$APP.V(a,"aria-label");I&&$APP.p(E)&&$APP.fj(a,"x-progress-circle-complete",{value:c,max:v});$APP.T(a,"__xProgressCircleCompleted",$APP.D(I));a=$APP.T(a,"__xProgressCircleModel",b)}else a=null;return a},Vva=function(a){if(!$APP.m($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"),n=document.createElement("span");c.textContent=Uva;$APP.U(d,"part","base");$APP.U(e,"part","svg");$APP.U(e,"viewBox","0 0 36 36");$APP.U(e,"aria-hidden","true");$APP.U(e,"focusable","false");$APP.U(f,"part","track");$APP.U(f,"cx","18");$APP.U(f,"cy","18");$APP.U(f,"r","15.9155");$APP.U(h,"part","fill");$APP.U(h,"cx","18");$APP.U(h,"cy","18");$APP.U(h,"r","15.9155");$APP.U(k,"part","center");
|
|
8
|
+
$APP.U(n,"part","value-text");e.appendChild(f);e.appendChild(h);k.appendChild(n);d.appendChild(e);d.appendChild(k);b.appendChild(c);b.appendChild(d);$APP.T(a,"__xProgressCircleBase",d);$APP.T(a,"__xProgressCircleFill",h);$APP.T(a,"__xProgressCircleValueNode",n);$APP.T(a,"__xProgressCircleInit",!0)}return i1(a)},Wva=function(a,b,c,d){return $APP.M.j(c,d)?$APP.m($APP.l(a,"__xProgressCircleInit"))?i1(a):null:null},Xva=function(a){$APP.nj(a,"value","value","0");$APP.nj(a,"max","max","100");$APP.oj(a,
|
|
9
|
+
"variant","variant");$APP.oj(a,"size","size");$APP.oj(a,"label","label");$APP.kj(a,"indeterminate","indeterminate");return $APP.kj(a,"showValue","show-value")},j1=function(){return $APP.Oj("x-progress-circle",new $APP.K(null,4,[$APP.Gj,Yva,$APP.Ej,Vva,$APP.Aj,Wva,$APP.Fj,Xva],null))};var Sva=new $APP.ah(null,new $APP.K(null,4,["success",null,"warning",null,"danger",null,"default",null],null),null),Tva=new $APP.ah(null,new $APP.K(null,3,["md",null,"lg",null,"sm",null],null),null),Yva="value max variant size label show-value indeterminate".split(" ");$APP.ne(["x-progress-circle-complete",new $APP.K(null,2,[$APP.St,!1,$APP.cj,new $APP.K(null,2,[$APP.Q,$APP.Y,$APP.dw,$APP.Y],null)],null)]);var Uva=":host{display:inline-flex;color-scheme:light dark;box-sizing:border-box;--x-progress-circle-size:64px;--x-progress-circle-track-color:var(--x-color-border,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:var(--x-color-text-muted,rgba(0,0,0,0.50));--x-progress-circle-transition-duration:var(--x-transition-duration,0.3s);}"+$APP.N.i(":host([hidden]){display:none;}")+"@media (prefers-color-scheme:dark){:host{--x-progress-circle-track-color:var(--x-color-border,rgba(255,255,255,0.12));--x-progress-circle-value-color:var(--x-color-text-muted,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:var(--x-font-weight-medium,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;}}";$APP.ha("baredom.exports.x_progress_circle.init",j1);export const init=j1;
|
package/dist/x-progress.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
""+$APP.
|
|
7
|
-
h=document.createElement("span"),k=document.createElement("div"),
|
|
8
|
-
|
|
9
|
-
|
|
2
|
+
var p9=function(a,b){return typeof a==="string"?(a=parseFloat(a),$APP.m(isNaN(a))?b:a):b},q9=function(a){var b=new $APP.K(null,7,[$APP.Q,a.getAttribute("value"),$APP.dw,a.getAttribute("max"),$APP.Wo,a.getAttribute("variant"),$APP.Xo,a.getAttribute("size"),$APP.Z,a.getAttribute("label"),$APP.Ds,a.hasAttribute("show-value"),$APP.Ut,a.hasAttribute("indeterminate")],null);var c=$APP.G(b),d=$APP.C(c,$APP.dw),e=$APP.C(c,$APP.Q),f=$APP.C(c,$APP.Wo),h=$APP.C(c,$APP.Xo);b=$APP.C(c,$APP.Z);var k=$APP.C(c,$APP.Ds);
|
|
3
|
+
c=$APP.C(c,$APP.Ut);d=p9(d,100);d=d>0?d:100;e=$APP.Dk.j($APP.Sm.j(p9(e,0),0),d);f=typeof f==="string"&&$APP.kd(SBa,f)?f:"default";h=typeof h==="string"&&$APP.kd(TBa,h)?h:"md";c=$APP.D(c);k=$APP.D(k);var n=c?50:$APP.Dk.j($APP.Sm.j(e/d*100,0),100);b=$APP.Ag([$APP.Wo,$APP.Ds,$APP.Q,$APP.Xo,$APP.Ut,$APP.Ex,$APP.dw,$APP.Z,$APP.Ft],[f,k,e,h,c,c?"Loading…":""+$APP.N.i(Math.round(n))+"%",d,typeof b==="string"&&$APP.M.j("",b)?b:null,n]);if($APP.M.j(b,$APP.l(a,"__xProgressModel"))){b=$APP.G(b);k=$APP.C(b,$APP.Ft);
|
|
4
|
+
d=$APP.C(b,$APP.Wo);h=$APP.C(b,$APP.Ds);c=$APP.C(b,$APP.Q);e=$APP.C(b,$APP.Xo);f=$APP.C(b,$APP.Ex);n=$APP.C(b,$APP.Ut);var r=$APP.C(b,$APP.Z),v=$APP.C(b,$APP.dw),x=$APP.l(a,"__xProgressBase"),y=$APP.l(a,"__xProgressHeader"),A=$APP.l(a,"__xProgressFill"),E=$APP.l(a,"__xProgressLabel"),I=$APP.l(a,"__xProgressValue");var O=(O=r!=null)?O:h;var S=$APP.l(a,"__xProgressCompleted"),R=$APP.p(n)&&c>=v;$APP.U(x,"data-variant",d);$APP.U(x,"data-size",e);$APP.U(x,"data-indeterminate",$APP.m(n)?"true":"false");
|
|
5
|
+
A.style.width=$APP.m(n)?"40%":""+$APP.N.i(k.toFixed(2))+"%";y.style.display=$APP.m(O)?"flex":"none";E.textContent=$APP.m(r)?r:"";E.style.display=r!=null?"":"none";I.textContent=$APP.m($APP.m(h)?$APP.p(n):h)?""+$APP.N.i(Math.round(k))+"%":"";I.style.display=$APP.m(h)?"":"none";$APP.U(a,"role","progressbar");$APP.U(a,"aria-valuemin","0");$APP.m(n)?($APP.V(a,"aria-valuenow"),$APP.V(a,"aria-valuemax"),$APP.U(a,"aria-busy","true"),$APP.U(a,"aria-valuetext",f)):($APP.U(a,"aria-valuenow",""+$APP.N.i(c)),
|
|
6
|
+
$APP.U(a,"aria-valuemax",""+$APP.N.i(v)),$APP.U(a,"aria-valuetext",f),$APP.V(a,"aria-busy"));r!=null?$APP.U(a,"aria-label",r):$APP.V(a,"aria-label");R&&$APP.p(S)&&$APP.fj(a,"x-progress-complete",{value:c,max:v});$APP.T(a,"__xProgressCompleted",$APP.D(R));a=$APP.T(a,"__xProgressModel",b)}else a=null;return a},VBa=function(a){if(!$APP.m($APP.l(a,"__xProgressInit"))){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("div"),
|
|
7
|
+
f=document.createElement("span"),h=document.createElement("span"),k=document.createElement("div"),n=document.createElement("div");c.textContent=UBa;$APP.U(d,"part","base");$APP.U(e,"part","header");$APP.U(f,"part","label-text");$APP.U(h,"part","value-text");$APP.U(k,"part","track");$APP.U(n,"part","fill");e.appendChild(f);e.appendChild(h);k.appendChild(n);d.appendChild(e);d.appendChild(k);b.appendChild(c);b.appendChild(d);$APP.T(a,"__xProgressBase",d);$APP.T(a,"__xProgressHeader",e);$APP.T(a,"__xProgressFill",
|
|
8
|
+
n);$APP.T(a,"__xProgressLabel",f);$APP.T(a,"__xProgressValue",h);$APP.T(a,"__xProgressInit",!0)}return q9(a)},WBa=function(a,b,c,d){return $APP.M.j(c,d)?$APP.m($APP.l(a,"__xProgressInit"))?q9(a):null:null},XBa=function(a){$APP.nj(a,"value","value","0");$APP.nj(a,"max","max","100");$APP.kj(a,"indeterminate","indeterminate");$APP.kj(a,"showValue","show-value");$APP.nj(a,"variant","variant","");$APP.nj(a,"size","size","");return $APP.oj(a,"label","label")},r9=function(){return $APP.Oj("x-progress",new $APP.K(null,
|
|
9
|
+
4,[$APP.Gj,YBa,$APP.Ej,VBa,$APP.Aj,WBa,$APP.Fj,XBa],null))};var SBa=new $APP.ah(null,new $APP.K(null,4,["success",null,"warning",null,"danger",null,"default",null],null),null),TBa=new $APP.ah(null,new $APP.K(null,3,["md",null,"lg",null,"sm",null],null),null),YBa="value max variant size label show-value indeterminate".split(" ");$APP.ne(["x-progress-complete",new $APP.K(null,2,[$APP.St,!1,$APP.cj,new $APP.K(null,2,[$APP.Q,$APP.Y,$APP.dw,$APP.Y],null)],null)]);var UBa=":host{display:block;color-scheme:light dark;box-sizing:border-box;--x-progress-border-radius:var(--x-radius-full,9999px);--x-progress-track-color:var(--x-color-border,rgba(0,0,0,0.10));--x-progress-fill-color:var(--x-color-primary,#3b82f6);--x-progress-label-color:var(--x-color-text-muted,rgba(0,0,0,0.60));--x-progress-value-color:var(--x-color-text-muted,rgba(0,0,0,0.50));}"+$APP.N.i(":host([hidden]){display:none;}")+"@media (prefers-color-scheme:dark){:host{--x-progress-track-color:var(--x-color-border,rgba(255,255,255,0.12));--x-progress-label-color:var(--x-color-text-muted,rgba(255,255,255,0.60));--x-progress-value-color:var(--x-color-text-muted,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:var(--x-font-weight-medium,500);}[part\x3dvalue-text]{font-size:var(--x-font-size-sm,0.8125rem);color:var(--x-progress-value-color);}[part\x3dtrack]{height:var(--x-progress-height,8px);border-radius:var(--x-progress-border-radius);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);transition:width var(--x-transition-duration,0.3s) var(--x-transition-easing,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%;}}";$APP.ha("baredom.exports.x_progress.init",r9);export const init=r9;
|
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.
|
|
7
|
-
for(var x=0,y=!1;;){if(x>=h)return y?
|
|
8
|
-
"__xProximityListRafPending")))return null;$APP.
|
|
9
|
-
c)){var d=
|
|
10
|
-
|
|
11
|
-
$APP.p($APP.
|
|
12
|
-
if($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
|
|
19
|
-
var
|
|
20
|
-
new $APP.
|
|
21
|
-
|
|
2
|
+
var Zy=function(a,b,c,d){return typeof a==="string"?(a=parseFloat(a.trim()),$APP.m(isNaN(a))?b:Math.min(d,Math.max(c,a))):b},jca=function(a,b,c,d,e){a=c-a;b=d-b;return Math.max(0,1-Math.sqrt(a*a+b*b)/e)},$y=function(){return $APP.D(window.matchMedia("(prefers-reduced-motion:reduce)").matches)},az=function(a){if(!$APP.m($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
|
+
kca;$APP.U(d,"part","track");d.appendChild(e);b.appendChild(c);b.appendChild(d);$APP.T(a,"__xProximityListRefs",new $APP.K(null,3,[$APP.hm,b,$APP.dv,d,$APP.rp,e],null))}},bz=function(a){a=$APP.rp.i($APP.l(a,"__xProximityListRefs"));return $APP.m(a)?a.assignedElements():null},cz=function(a){var b=$APP.dv.i($APP.l(a,"__xProximityListRefs"));var c=bz(a);c=$APP.m(c)?c:[];var d=c.length,e=[];if($APP.m($APP.m(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.T(a,"__xProximityListRects",e)},lca=function(a,b){var c=$APP.l(a,"__xProximityListDisplayed");c=$APP.m(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.T(a,"__xProximityListDisplayed",c);return c},dz=function(a){a=a.style;a.removeProperty("--x-proximity-influence");a.removeProperty("--x-proximity-scale");a.removeProperty("--x-proximity-lift");
|
|
5
|
+
a.transform=""},ez=function(a){var b=$APP.l(a,"__xProximityListDisplayed");if($APP.m(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=bz(a);if($APP.m(a))for(b=a.length,c=0;;)if(c<b)dz(a[c]),c+=1;else break},fz=function(a,b){return Math.abs(b-a)<.001?b:a+(b-a)*.2},mca=function(a,b,c,d){a=a.style;var e=$APP.l(b,"scale");b=$APP.l(b,"lift");d=$APP.m(d)?"translateX("+$APP.N.i(b)+"px) scale("+$APP.N.i(e)+")":"translateY("+$APP.N.i(b)+"px) scale("+$APP.N.i(e)+")";a.setProperty("--x-proximity-influence",
|
|
6
|
+
""+$APP.N.i(c));a.setProperty("--x-proximity-scale",""+$APP.N.i(e));a.setProperty("--x-proximity-lift",""+$APP.N.i(b)+"px");a.transform=d},nca=function(a){var b=$APP.l(a,"__xProximityListModel"),c=$APP.l(a,"__xProximityListPointer"),d=$APP.m(c)?$APP.l(c,"active")===!0:c,e=function(){var na=$APP.l(a,"__xProximityListRects");return $APP.m(na)?na:[]}(),f=function(){var na=bz(a);return $APP.m(na)?na:[]}(),h=$APP.Dk.j(e.length,f.length),k=lca(a,f.length),n=$APP.iu.i(b),r=gz.i(b),v=$APP.Vt.i(b);b=$APP.Fv.i(b);
|
|
7
|
+
for(var x=0,y=!1;;){if(x>=h)return y?hz.i?hz.i(a):hz.call(null,a):null;var A=e[x],E=f[x],I=k[x],O=$APP.l(A,"cx"),S=$APP.l(A,"cy");A=$APP.m(d)?jca(O,S,$APP.l(c,"x"),$APP.l(c,"y"),n):0;var R=1+A*A*(r-1);O=$APP.p(d)?0:$APP.m(b)?$APP.l(c,"x")-O:$APP.l(c,"y")-S;var da=$APP.m($APP.m(d)?v>0:d)?A*A*v*(O>=30?1:O<=-30?-1:O/30):0;O=fz($APP.l(I,"scale"),R);S=fz($APP.l(I,"lift"),da);R=$APP.M.j(O,R)||$APP.M.j(S,da);I.scale=O;I.lift=S;$APP.p(d)&&O===1&&S===0?dz(E):mca(E,I,A,b);y=y||R;x+=1}},hz=function(a){if($APP.m($APP.l(a,
|
|
8
|
+
"__xProximityListRafPending")))return null;$APP.T(a,"__xProximityListRafPending",!0);var b=requestAnimationFrame(function(){$APP.T(a,"__xProximityListRafPending",!1);return $APP.m(a.isConnected)?nca(a):null});return $APP.Xi(a,"__xProximityListRaf",b)},iz=function(a){var b=$APP.l(a,"__xProximityListRaf");$APP.m(b)&&(cancelAnimationFrame(b),$APP.Xi(a,"__xProximityListRaf",null));$APP.T(a,"__xProximityListRafPending",!1)},oca=function(a,b){var c=$APP.l(a,"__xProximityListModel");if($APP.m($APP.m(c)?
|
|
9
|
+
$APP.p($APP.nl.i(c)):c)){var d=bz(a),e=$APP.m(d)?d.length:null,f=b.key,h=$APP.Fv.i(c);c=$APP.m(h)?"ArrowUp":"ArrowLeft";h=$APP.m(h)?"ArrowDown":"ArrowRight";var k=$APP.l(a,"__xProximityListFocus");k=$APP.m(k)?k:-1;if($APP.m($APP.m(e)?e>0:e)){if($APP.z.j(f,c))return b.preventDefault(),b=k<1?e-1:k-1,$APP.T(a,"__xProximityListFocus",b),d[b].focus();if($APP.z.j(f,h))return b.preventDefault(),b=k>=e-1?0:k+1,$APP.T(a,"__xProximityListFocus",b),d[b].focus();if(($APP.z.j(f,"Enter")||$APP.z.j(f," "))&&k>=
|
|
10
|
+
0)return b.preventDefault(),$APP.hj(a,"x-proximity-list-select",$APP.xo(new $APP.K(null,3,["index",k,"item",d[k],"source","keyboard"],null)))}}return null},jz=function(a){a.getAttribute("tabindex")==null&&$APP.U(a,"tabindex","0")},pca=function(a){var b=bz(a);if($APP.m(b))for(var c=b.length,d=0;;)if(d<c)jz(b[d]),d+=1;else break;return requestAnimationFrame(function(){cz(a);return hz(a)})},qca=function(a){function b(){return pca(a)}function c(k){return oca(a,k)}function d(k){a:{var n=$APP.l(a,"__xProximityListModel");
|
|
11
|
+
if($APP.m($APP.m(n)?$APP.p($APP.nl.i(n)):n)&&(n=bz(a),$APP.m(n))){b:{k=k.target;for(var r=n.length,v=0;;)if(v<r){if($APP.z.j(k,n[v])){k=v;break b}v+=1}else{k=null;break b}k=void 0}if($APP.m(k)){$APP.T(a,"__xProximityListFocus",k);n=$APP.hj(a,"x-proximity-list-select",$APP.xo(new $APP.K(null,3,["index",k,"item",n[k],"source","pointer"],null)));break a}}n=null}return n}function e(){var k=$APP.l(a,"__xProximityListPointer");$APP.m(k)?(k.active=!1,k=hz(a)):k=null;return k}function f(k){a:{var n=$APP.l(a,
|
|
12
|
+
"__xProximityListModel");if($APP.m($APP.m(n)?$APP.p($APP.nl.i(n))&&$APP.z.j("mouse",k.pointerType)&&!$y():n)){var r=$APP.dv.i($APP.l(a,"__xProximityListRefs"));n=$APP.l(a,"__xProximityListPointer");if($APP.m($APP.m(r)?n:r)){r=r.getBoundingClientRect();n.x=k.clientX-r.left;n.y=k.clientY-r.top;n.active=!0;k=hz(a);break a}}k=null}return k}var h=$APP.rp.i($APP.l(a,"__xProximityListRefs"));a.addEventListener("pointermove",f);a.addEventListener("pointerleave",e);a.addEventListener("click",d);a.addEventListener("keydown",
|
|
13
|
+
c);$APP.m(h)&&h.addEventListener("slotchange",b);$APP.T(a,"__xProximityListHandlers",new $APP.K(null,5,[$APP.Ns,f,$APP.vv,e,$APP.Us,d,$APP.Ei,c,$APP.rp,b],null))},kz=function(a){var b=$APP.l(a,"__xProximityListHandlers");if($APP.m(b)){a.removeEventListener("pointermove",$APP.Ns.i(b));a.removeEventListener("pointerleave",$APP.vv.i(b));a.removeEventListener("click",$APP.Us.i(b));a.removeEventListener("keydown",$APP.Ei.i(b));var c=$APP.rp.i($APP.l(a,"__xProximityListRefs"));$APP.m(c)&&c.removeEventListener("slotchange",
|
|
14
|
+
$APP.rp.i(b));$APP.T(a,"__xProximityListHandlers",null)}},nz=function(a){var b=new $APP.K(null,6,[$APP.Ur,a.getAttribute("direction"),$APP.qs,a.getAttribute("radius"),lz,a.getAttribute("max-scale"),mz,a.getAttribute("lift"),$APP.Sr,a.getAttribute("gap"),$APP.ev,a.getAttribute("disabled")],null);var c=$APP.G(b),d=$APP.C(c,$APP.Ur);b=$APP.C(c,$APP.qs);var e=$APP.C(c,lz),f=$APP.C(c,mz),h=$APP.C(c,$APP.Sr);c=$APP.C(c,$APP.ev);typeof d==="string"?(d=d.trim().toLowerCase(),d=$APP.kd(rca,d)?d:"horizontal"):
|
|
15
|
+
d="horizontal";b=new $APP.K(null,7,[$APP.hs,d,$APP.iu,Zy(b,120,20,600),gz,Zy(e,1.5,1,3),$APP.Vt,Zy(f,0,0,60),$APP.Ev,Zy(h,8,0,64),$APP.nl,c!=null,$APP.Fv,$APP.z.j(d,"vertical")],null);$APP.M.j($APP.l(a,"__xProximityListModel"),b)?(b=$APP.G(b),e=$APP.C(b,$APP.Ev),f=$APP.C(b,$APP.nl),az(a),a.style.setProperty("--x-proximity-list-gap",""+$APP.N.i(e)+"px"),cz(a),$APP.m($APP.m(f)?f:$y())?(iz(a),e=$APP.l(a,"__xProximityListPointer"),$APP.m(e)&&(e.active=!1),ez(a)):hz(a),a=$APP.T(a,"__xProximityListModel",
|
|
16
|
+
b)):a=null;return a},tca=function(a){return $APP.uj(a,sca)},uca=function(a){$APP.T(a,"__xProximityListPointer",{x:0,y:0,active:!1});$APP.T(a,"__xProximityListRects",[]);$APP.T(a,"__xProximityListDisplayed",[]);$APP.T(a,"__xProximityListFocus",-1);$APP.T(a,"__xProximityListRafPending",!1);az(a);$APP.m(a.hasAttribute("role"))||$APP.U(a,"role","list");kz(a);qca(a);var b=$APP.l(a,"__xProximityListRO");$APP.m(b)&&b.disconnect();b=new ResizeObserver(function(){cz(a);return hz(a)});$APP.T(a,"__xProximityListRO",
|
|
17
|
+
b);b.observe(a);nz(a);return requestAnimationFrame(function(){var c=bz(a);if($APP.m(c))for(var d=c.length,e=0;;)if(e<d)jz(c[e]),e+=1;else break;return cz(a)})},vca=function(a){iz(a);kz(a);ez(a);var b=$APP.l(a,"__xProximityListRO");return $APP.m(b)?(b.disconnect(),$APP.T(a,"__xProximityListRO",null)):null},wca=function(a,b,c,d){return $APP.M.j(c,d)?nz(a):null},oz=function(){return $APP.Oj("x-proximity-list",new $APP.K(null,5,[$APP.Gj,xca,$APP.Ej,uca,$APP.Bj,vca,$APP.Aj,wca,$APP.Fj,tca],null))},gz=
|
|
18
|
+
new $APP.F(null,"max-scale","max-scale",-1242050464),mz=new $APP.F(null,"lift-raw","lift-raw",494522715),lz=new $APP.F(null,"max-scale-raw","max-scale-raw",-238296345),yca=new $APP.F(null,"maxScale","maxScale",1268368480);var xca="direction radius max-scale lift gap disabled".split(" ");$APP.ne(["x-proximity-list-select",new $APP.K(null,4,[$APP.cj,new $APP.K(null,3,[$APP.Vm,$APP.Y,$APP.Gs,$APP.er,$APP.wt,$APP.X],null),$APP.$t,!0,$APP.yx,!0,$APP.St,!0],null)]);
|
|
19
|
+
var sca=new $APP.K(null,6,[$APP.hs,new $APP.K(null,3,[$APP.P,$APP.X,$APP.W,"direction",$APP.tj,"horizontal"],null),$APP.iu,new $APP.K(null,3,[$APP.P,$APP.Y,$APP.W,"radius",$APP.tj,120],null),yca,new $APP.K(null,3,[$APP.P,$APP.Y,$APP.W,"max-scale",$APP.tj,1.5],null),$APP.Vt,new $APP.K(null,3,[$APP.P,$APP.Y,$APP.W,"lift",$APP.tj,0],null),$APP.Ev,new $APP.K(null,3,[$APP.P,$APP.Y,$APP.W,"gap",$APP.tj,8],null),$APP.Qo,new $APP.K(null,2,[$APP.P,$APP.sj,$APP.W,"disabled"],null)],null),rca=new $APP.ah(null,
|
|
20
|
+
new $APP.K(null,2,["vertical",null,"horizontal",null],null),null);var kca=":host{display:inline-block;"+$APP.N.i("--x-proximity-list-gap")+":8px;"+$APP.N.i("--x-proximity-list-item-size")+":48px;}"+$APP.N.i(":host([hidden]){display:none;}")+"[part\x3dtrack]{display:flex;align-items:center;gap:var("+$APP.N.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.N.i("--x-proximity-list-item-size")+
|
|
21
|
+
",48px);height:var("+$APP.N.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.ha("baredom.exports.x_proximity_list.init",oz);export const init=oz;
|
package/dist/x-radio.d.ts
CHANGED
|
@@ -8,12 +8,19 @@ export interface XRadioEventMap {
|
|
|
8
8
|
}
|
|
9
9
|
|
|
10
10
|
export interface XRadio extends HTMLElement {
|
|
11
|
-
|
|
11
|
+
readonly validationMessage: string;
|
|
12
|
+
readonly labels: NodeList | null;
|
|
13
|
+
readonly willValidate: boolean;
|
|
12
14
|
disabled: boolean;
|
|
13
|
-
readOnly: boolean;
|
|
14
|
-
required: boolean;
|
|
15
15
|
name: string;
|
|
16
16
|
value: string;
|
|
17
|
+
readOnly: boolean;
|
|
18
|
+
checked: boolean;
|
|
19
|
+
readonly form: HTMLFormElement | null;
|
|
20
|
+
required: boolean;
|
|
21
|
+
readonly validity: ValidityState;
|
|
22
|
+
checkValidity(): boolean;
|
|
23
|
+
reportValidity(): boolean;
|
|
17
24
|
|
|
18
25
|
addEventListener<K extends keyof XRadioEventMap>(
|
|
19
26
|
type: K,
|
package/dist/x-radio.js
CHANGED
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
$APP.
|
|
4
|
-
"true":"false");$APP.
|
|
5
|
-
$APP.
|
|
6
|
-
return $APP.
|
|
7
|
-
""),
|
|
8
|
-
e>0)return b=d[$APP.
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
$APP.W,"value"],null)
|
|
2
|
+
var DB=function(a){a=$APP.Ag([$APP.cl,$APP.gl,$APP.hl,$APP.Ym,$APP.Zm,$APP.an,$APP.dl,$APP.bn,$APP.cn],[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.bn);var c=$APP.C(b,$APP.cn),d=$APP.C(b,$APP.cl),e=$APP.C(b,$APP.gl),f=$APP.C(b,$APP.hl),h=$APP.C(b,$APP.Ym),k=$APP.C(b,
|
|
3
|
+
$APP.Zm),n=$APP.C(b,$APP.an);b=$APP.C(b,$APP.dl);k=$APP.D(k);f=$APP.D(f);return $APP.Ag([$APP.Rj,$APP.en,$APP.fn,$APP.gn,$APP.hn,$APP.ll,$APP.Q,$APP.jn,$APP.kn,$APP.ln,$APP.nl],[f,k?"true":"false",$APP.D(n),k,$APP.m(f)?k:!0,d,b!=null?b:"on",h,c,a,$APP.D(e)])},EB=function(a,b){var c=$APP.l(a,"__xRadioRefs");if($APP.m(c)){var d=$APP.l(c,"control"),e=$APP.nl.i(b);c=$APP.gn.i(b);$APP.U(d,"aria-checked",$APP.en.i(b));$APP.U(d,"aria-disabled",$APP.m(e)?"true":"false");$APP.U(d,"aria-required",$APP.m($APP.Rj.i(b))?
|
|
4
|
+
"true":"false");$APP.U(d,"aria-readonly",$APP.m($APP.fn.i(b))?"true":"false");var f=$APP.ln.i(b);$APP.m(f)?$APP.U(d,"aria-label",f):$APP.V(d,"aria-label");f=$APP.jn.i(b);$APP.m(f)?$APP.U(d,"aria-labelledby",f):$APP.V(d,"aria-labelledby");f=$APP.kn.i(b);$APP.m(f)?$APP.U(d,"aria-describedby",f):$APP.V(d,"aria-describedby");$APP.m(e)?$APP.U(d,"disabled",""):$APP.V(d,"disabled");$APP.Yi(a,"data-checked",c);$APP.Yi(a,"data-disabled",e);d=$APP.l(a,"__xRadioInternals");$APP.m(d)&&d.setFormValue($APP.m(c)?
|
|
5
|
+
$APP.Q.i(b):null);return $APP.T(a,"__xRadioModel",b)}return null},FB=function(a){var b=a.getAttribute("name"),c=$APP.m(a.form)?a.form:null;c=$APP.m(c)?c:document;if($APP.m($APP.m(b)?$APP.M.j(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]},GB=function(a){a=FB(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.m(e)?(e=$APP.l(e,"control"),d=$APP.m(b)?$APP.z.j(d,b)?0:-1:$APP.z.j(d,c)?0:-1,e.tabIndex=d):null})},Tda=function(a){FB(a).forEach(function(b){var c=$APP.M.j(b,a);return $APP.m(c?b.hasAttribute("checked"):c)?($APP.V(b,"checked"),EB(b,DB(b))):null})},HB=function(a){var b=DB(a);var c=$APP.nl.i(b);$APP.m(c)||(c=$APP.fn.i(b),c=$APP.m(c)?c:$APP.gn.i(b));if($APP.m(c))return null;b=$APP.Q.i(b);return $APP.hj(a,"x-radio-change-request",{value:b,previousChecked:!1,nextChecked:!0})?($APP.U(a,"checked",
|
|
7
|
+
""),EB(a,DB(a)),Tda(a),GB(a),$APP.fj(a,"x-radio-change",{value:b,checked:!0})):null},IB=function(a){a=$APP.l(a,"__xRadioRefs");return $APP.m(a)?$APP.l(a,"control").focus():null},Uda=function(a){return function(b){var c=b.key,d=FB(a),e=d.length,f=d.indexOf(a);if($APP.z.j(c," ")||$APP.z.j(c,"Enter"))return b.preventDefault(),HB(a);if($APP.z.j(c,"ArrowDown")||$APP.z.j(c,"ArrowRight")){if(b.preventDefault(),e>0)return b=d[$APP.Bd(f+1,e)],HB(b),IB(b)}else if($APP.z.j(c,"ArrowUp")||$APP.z.j(c,"ArrowLeft"))if(b.preventDefault(),
|
|
8
|
+
e>0)return b=d[$APP.Bd(f-1,e)],HB(b),IB(b);return null}},Vda=function(a){return function(){return HB(a)}},JB=function(a){var b=$APP.l(a,"__xRadioRefs");if($APP.m(b)){var c=$APP.l(a,"__xRadioHandlers");if($APP.m(c))return b=$APP.l(b,"control"),a.removeEventListener("click",$APP.l(c,"click")),b.removeEventListener("keydown",$APP.l(c,"keydown")),$APP.T(a,"__xRadioHandlers",null)}return null},Wda=function(a,b){$APP.Yi(a,"disabled",$APP.D(b));return EB(a,DB(a))},Xda=function(a){$APP.V(a,"checked");return EB(a,
|
|
9
|
+
DB(a))},Zda=function(a){if(!$APP.m($APP.l(a,"__xRadioRefs"))){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("button"),e=document.createElement("span");c.textContent=Yda;$APP.U(d,"part","control");$APP.U(d,"type","button");$APP.U(d,"role","radio");$APP.U(e,"part","dot");d.appendChild(e);b.appendChild(c);b.appendChild(d);$APP.T(a,"__xRadioRefs",{root:b,control:d,dot:e});$APP.m(a.attachInternals)&&$APP.T(a,"__xRadioInternals",a.attachInternals())}JB(a);
|
|
10
|
+
b=$APP.l(a,"__xRadioRefs");$APP.m(b)&&(b=$APP.l(b,"control"),c=Vda(a),d=Uda(a),e={click:c,keydown:d},a.addEventListener("click",c),b.addEventListener("keydown",d),$APP.T(a,"__xRadioHandlers",e));EB(a,DB(a));return GB(a)},$da=function(a){return JB(a)},aea=function(a,b,c,d){$APP.M.j(c,d)?(b=DB(a),a=$APP.M.j(b,$APP.l(a,"__xRadioModel"))?EB(a,b):null):a=null;return a},cea=function(a){$APP.ak(a,"__xRadioInternals");return $APP.uj(a,bea)},KB=function(){return $APP.Oj("x-radio",new $APP.K(null,8,[$APP.Gj,
|
|
11
|
+
dea,$APP.Ej,Zda,$APP.Bj,$da,$APP.Aj,aea,$APP.Cj,!0,$APP.zj,Wda,$APP.yj,Xda,$APP.Fj,cea],null))};var dea="checked disabled readonly required name value aria-label aria-describedby aria-labelledby".split(" "),bea=$APP.Ag([$APP.Kx,$APP.nx,$APP.js,$APP.Qo,$APP.ll,$APP.Q,$APP.gx,$APP.hu,$APP.ut,$APP.Rs,$APP.Ws],[new $APP.K(null,2,[$APP.P,$APP.X,$APP.rj,!0],null),new $APP.K(null,2,[$APP.P,$APP.ws,$APP.rj,!0],null),new $APP.K(null,2,[$APP.P,$APP.sj,$APP.rj,!0],null),new $APP.K(null,2,[$APP.P,$APP.sj,$APP.W,"disabled"],null),new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"name"],null),new $APP.K(null,2,[$APP.P,
|
|
12
|
+
$APP.X,$APP.W,"value"],null),new $APP.K(null,2,[$APP.P,$APP.sj,$APP.W,"readonly"],null),new $APP.K(null,2,[$APP.P,$APP.sj,$APP.W,"checked"],null),new $APP.K(null,2,[$APP.P,$APP.Zv,$APP.rj,!0],null),new $APP.K(null,2,[$APP.P,$APP.sj,$APP.W,"required"],null),new $APP.K(null,2,[$APP.P,$APP.Mv,$APP.rj,!0],null)]);
|
|
13
|
+
$APP.ne(["x-radio-change-request",new $APP.K(null,3,[$APP.St,!0,$APP.wu,$APP.ne(["checked",$APP.Kw]),$APP.cj,new $APP.K(null,3,[$APP.Q,$APP.X,$APP.Js,$APP.sj,$APP.Kw,$APP.sj],null)],null),"x-radio-change",new $APP.K(null,2,[$APP.St,!1,$APP.cj,new $APP.K(null,2,[$APP.Q,$APP.X,$APP.hu,$APP.sj],null)],null)]);var Yda=":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);}"+
|
|
14
|
+
$APP.N.i("button,input,select,textarea{font-family:inherit;}")+$APP.N.i(":host([hidden]){display:none;}")+"@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 var(--x-transition-duration,100ms) var(--x-transition-easing,ease);}:host([data-checked]) [part\x3ddot]{opacity:1;}@media (prefers-reduced-motion:reduce){[part\x3dcontrol]{transition:none;}[part\x3ddot]{transition:none;}}";$APP.ha("baredom.exports.x_radio.init",KB);export const init=KB;
|
package/dist/x-range-slider.d.ts
CHANGED
|
@@ -9,7 +9,10 @@ export interface XRangeSliderEventMap {
|
|
|
9
9
|
}
|
|
10
10
|
|
|
11
11
|
export interface XRangeSlider extends HTMLElement {
|
|
12
|
+
readonly validationMessage: string;
|
|
13
|
+
readonly labels: NodeList | null;
|
|
12
14
|
min: string;
|
|
15
|
+
readonly willValidate: boolean;
|
|
13
16
|
disabled: boolean;
|
|
14
17
|
showValue: boolean;
|
|
15
18
|
name: string;
|
|
@@ -19,8 +22,12 @@ export interface XRangeSlider extends HTMLElement {
|
|
|
19
22
|
readOnly: boolean;
|
|
20
23
|
max: string;
|
|
21
24
|
label: string;
|
|
25
|
+
readonly form: HTMLFormElement | null;
|
|
22
26
|
end: string;
|
|
23
27
|
step: string;
|
|
28
|
+
readonly validity: ValidityState;
|
|
29
|
+
checkValidity(): boolean;
|
|
30
|
+
reportValidity(): boolean;
|
|
24
31
|
|
|
25
32
|
addEventListener<K extends keyof XRangeSliderEventMap>(
|
|
26
33
|
type: K,
|
package/dist/x-range-slider.js
CHANGED
|
@@ -1,29 +1,32 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
f*10;b=$APP.
|
|
4
|
-
return $APP.D($APP.p(a)&&$APP.p(b))},
|
|
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.
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
""+$APP.
|
|
9
|
-
|
|
10
|
-
$APP.
|
|
11
|
-
|
|
12
|
-
$APP.l(a,"__xRangeSliderRefs");return $APP.
|
|
13
|
-
f;if(b=$APP.
|
|
14
|
-
b=b.clientX;var e=a.left;a=a.width;a=a>0?$APP.
|
|
15
|
-
$APP.
|
|
16
|
-
"__xRangeSliderRefs"),e=b.target,f=
|
|
17
|
-
|
|
18
|
-
b)},"start-up":function(){return
|
|
19
|
-
$APP.l(c,
|
|
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.
|
|
21
|
-
$APP.
|
|
22
|
-
|
|
23
|
-
0
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
[$APP.
|
|
27
|
-
[$APP.
|
|
28
|
-
$APP.
|
|
29
|
-
|
|
2
|
+
var CJ=function(a,b){return typeof a==="string"?(a=parseFloat(a),$APP.m(isNaN(a))?b:a):b},DJ=function(a){return typeof a==="string"&&$APP.M.j("",a)?a:null},EJ=function(a){return $APP.M.j("any",a)?(a=parseFloat(a),$APP.p(isNaN(a))&&a>0?a:null):null},FJ=function(a,b,c){return c==null||c<=0?a:Math.round((b+c*Math.round((a-b)/c))*1E9)/1E9},GJ=function(a,b,c){return c<b?b:$APP.Dk.j($APP.Sm.j(a,b),c)},HJ=function(a,b,c){return c>b?$APP.Dk.j($APP.Sm.j((a-b)/(c-b)*100,0),100):0},Zia=function(a,b,c,d,e,f){var h=
|
|
3
|
+
f*10;b=$APP.m(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}},IJ=function(a,b,c,d,e){a=GJ(a,c,d);b=GJ(b,c,d);b=$APP.Sm.j(b,a);d=$APP.Dk.j(d,$APP.Sm.j(b,a+e));c=d-a<e?$APP.Sm.j(c,d-e):a;return new $APP.K(null,2,[$APP.um,c,$APP.vm,d],null)},JJ=function(a){var b=$APP.G(a);a=$APP.C(b,$APP.nl);b=$APP.C(b,$APP.fn);
|
|
4
|
+
return $APP.D($APP.p(a)&&$APP.p(b))},KJ=function(a,b,c,d){return new $APP.K(null,4,[$APP.um,a,$APP.vm,b,$APP.zs,c,$APP.dw,d],null)},LJ=function(a,b,c){$APP.U(a,"part",b);$APP.U(a,"role","slider");$APP.U(a,"tabindex","0");$APP.U(a,"aria-label",c);$APP.U(a,"aria-orientation","horizontal")},RJ=function(a){a=$APP.Ag([$APP.zs,$APP.Qo,$APP.Ds,$APP.ll,$APP.rj,$APP.um,$APP.jn,$APP.Xo,$APP.dw,$APP.Z,$APP.kn,$APP.ln,$APP.vm,$APP.ox,MJ],[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.ln);var c=$APP.C(b,$APP.vm),d=$APP.C(b,$APP.ox),e=$APP.C(b,MJ),f=$APP.C(b,$APP.Qo),h=$APP.C(b,$APP.Ds),k=$APP.C(b,$APP.ll),n=$APP.C(b,$APP.rj),r=$APP.C(b,$APP.jn),
|
|
6
|
+
v=$APP.C(b,$APP.um),x=$APP.C(b,$APP.zs),y=$APP.C(b,$APP.dw),A=$APP.C(b,$APP.Xo),E=$APP.C(b,$APP.Z);b=$APP.C(b,$APP.kn);x=CJ(x,0);y=$APP.Sm.j(x,CJ(y,100));$APP.z.j(d,"any")?d="any":(d=typeof d==="string"?parseFloat(d):NaN,d=$APP.p(isNaN(d))&&d>0?""+$APP.N.i(d):"1");var I=EJ(d);e=$APP.Dk.j($APP.Sm.j(0,CJ(e,0)),y-x);v=IJ(CJ(v,x),CJ(c,y),x,y,e);c=GJ(FJ($APP.um.i(v),x,I),x,y);v=GJ(FJ($APP.vm.i(v),x,I),x,y);v=IJ(c,v,x,y,e);c=$APP.um.i(v);v=$APP.vm.i(v);I=HJ(c,x,y);var O=HJ(v,x,y);I=new $APP.K(null,2,[$APP.qu,
|
|
7
|
+
I,$APP.fq,$APP.Sm.j(0,O-I)],null);n=$APP.D(n);O=HJ(c,x,y);k=DJ(k);r=DJ(r);h=$APP.D(h);A=typeof A==="string"&&$APP.kd($ia,A)?A:"md";return $APP.Ag([$APP.zs,$APP.fn,NJ,$APP.ll,$APP.um,$APP.jn,$APP.xu,$APP.Xo,$APP.dw,$APP.Z,OJ,PJ,$APP.kn,QJ,$APP.ln,$APP.vm,$APP.nl,$APP.ox,MJ],[x,n,O,k,c,r,h,A,y,DJ(E),$APP.qu.i(I),$APP.fq.i(I),DJ(b),HJ(v,x,y),DJ(a),v,$APP.D(f),d,e])},SJ=function(a,b,c,d,e){var f=$APP.G(e);e=$APP.C(f,$APP.nl);f=$APP.C(f,$APP.fn);$APP.U(a,"aria-valuemin",""+$APP.N.i(b));$APP.U(a,"aria-valuemax",
|
|
8
|
+
""+$APP.N.i(c));$APP.U(a,"aria-valuenow",""+$APP.N.i(d));$APP.U(a,"aria-readonly",$APP.m(f)?"true":"false");$APP.m(e)?($APP.U(a,"aria-disabled","true"),$APP.U(a,"tabindex","-1")):($APP.V(a,"aria-disabled"),$APP.U(a,"tabindex","0"))},TJ=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),n=$APP.C(k,$APP.Xo),r=$APP.C(k,$APP.nl);k=$APP.C(k,$APP.fn);$APP.U(d,"data-size",n);$APP.Yi(a,"data-disabled",r);$APP.Yi(a,"data-readonly",k);var v=$APP.G(c);
|
|
9
|
+
n=$APP.C(v,$APP.Z);r=$APP.C(v,$APP.um);k=$APP.C(v,$APP.vm);v=$APP.C(v,$APP.xu);var x=n!=null;e.style.display=$APP.m(x?x:v)?"flex":"none";f.textContent=$APP.m(n)?n:"";f.style.display=n!=null?"":"none";e=$APP.m(v)?""+$APP.N.i(r)+" – "+$APP.N.i(k):"";h.textContent=e;h.style.display=$APP.m(v)?"":"none";n=$APP.G(c);h=$APP.C(n,NJ);e=$APP.C(n,QJ);f=$APP.C(n,OJ);n=$APP.C(n,PJ);r=d.style;r.setProperty("--_x-range-slider-start-pct",""+$APP.N.i(h.toFixed(2))+"%");r.setProperty("--_x-range-slider-end-pct",""+
|
|
10
|
+
$APP.N.i(e.toFixed(2))+"%");r.setProperty("--_x-range-slider-fill-left",""+$APP.N.i(f.toFixed(2))+"%");r.setProperty("--_x-range-slider-fill-width",""+$APP.N.i(n.toFixed(2))+"%");h=$APP.G(c);e=$APP.C(h,$APP.um);f=$APP.C(h,$APP.vm);n=$APP.C(h,$APP.zs);r=$APP.C(h,$APP.dw);k=$APP.C(h,MJ);x=$APP.C(h,$APP.ln);var y=$APP.C(h,$APP.Z);v=$APP.l(b,"thumb-start");b=$APP.l(b,"thumb-end");x=$APP.m(x)?x:$APP.m(y)?y:"Range";$APP.U(v,"aria-label",""+$APP.N.i(x)+" minimum");$APP.U(b,"aria-label",""+$APP.N.i(x)+" maximum");
|
|
11
|
+
SJ(v,n,f-k,e,h);SJ(b,e+k,r,f,h);e=$APP.G(c);b=$APP.C(e,$APP.ln);h=$APP.C(e,$APP.jn);e=$APP.C(e,$APP.kn);$APP.m(b)?$APP.U(d,"aria-label",b):$APP.V(d,"aria-label");$APP.m(h)?$APP.U(d,"aria-labelledby",h):$APP.V(d,"aria-labelledby");$APP.m(e)?$APP.U(d,"aria-describedby",e):$APP.V(d,"aria-describedby");b=$APP.G(c);d=$APP.C(b,$APP.um);b=$APP.C(b,$APP.vm);h=$APP.l(a,"__xRangeSliderInternals");$APP.m(h)&&h.setFormValue(""+$APP.N.i(d)+","+$APP.N.i(b));return $APP.T(a,"__xRangeSliderModel",c)},UJ=function(a){var b=
|
|
12
|
+
$APP.l(a,"__xRangeSliderRefs");return $APP.m(b)?TJ(a,b,RJ(a)):null},VJ=function(a){var b=$APP.l(a,"__xRangeSliderRefs");if($APP.m(b)){var c=RJ(a);return $APP.M.j(c,$APP.l(a,"__xRangeSliderModel"))?TJ(a,b,c):null}return null},YJ=function(a,b,c,d){var e=RJ(a),f=EJ($APP.ox.i(e)),h=FJ(c,$APP.zs.i(e),f);c=$APP.um.i(e);f=$APP.vm.i(e);if($APP.z.j(b,$APP.um)){var k=$APP.zs.i(e);var n=$APP.vm.i(e),r=MJ.i(e);k=GJ(h,k,n-r)}else k=c;$APP.z.j(b,$APP.vm)?(b=$APP.um.i(e),n=$APP.dw.i(e),r=MJ.i(e),h=GJ(h,b+r,n)):
|
|
13
|
+
h=f;if(b=$APP.M.j(k,c)||$APP.M.j(h,f))b=$APP.zs.i(e),e=$APP.dw.i(e),b=$APP.hj(a,"x-range-slider-change-request",$APP.xo(new $APP.K(null,6,[$APP.um,k,$APP.vm,h,WJ,c,XJ,f,$APP.zs,b,$APP.dw,e],null)));return b?($APP.M.j(k,c)&&$APP.U(a,"start",""+$APP.N.i(k)),$APP.M.j(h,f)&&$APP.U(a,"end",""+$APP.N.i(h)),e=RJ(a),e=$APP.xo(KJ($APP.um.i(e),$APP.vm.i(e),$APP.zs.i(e),$APP.dw.i(e))),$APP.fj(a,"x-range-slider-input",e),$APP.m(d)?$APP.fj(a,"x-range-slider-change",e):null):null},ZJ=function(a,b,c,d){a=a.getBoundingClientRect();
|
|
14
|
+
b=b.clientX;var e=a.left;a=a.width;a=a>0?$APP.Dk.j($APP.Sm.j((b-e)/a,0),1):0;return c+a*(d-c)},$J=function(a,b,c){if($APP.z.j($APP.jh(b),$APP.l(a,"__xRangeSliderDragging"))){var d=RJ(a);return YJ(a,b,ZJ($APP.l($APP.l(a,"__xRangeSliderRefs"),"track"),c,$APP.zs.i(d),$APP.dw.i(d)),!1)}return null},aK=function(a,b){return $APP.z.j($APP.jh(b),$APP.l(a,"__xRangeSliderDragging"))?($APP.T(a,"__xRangeSliderDragging",null),b=RJ(a),$APP.M.j($APP.l(a,"__xRangeSliderDragOrigin"),new $APP.H(null,2,5,$APP.J,[$APP.um.i(b),
|
|
15
|
+
$APP.vm.i(b)],null))?$APP.fj(a,"x-range-slider-change",$APP.xo(KJ($APP.um.i(b),$APP.vm.i(b),$APP.zs.i(b),$APP.dw.i(b)))):null):null},bK=function(a,b,c){var d=c.key;if($APP.kd(aja,d)){c.preventDefault();var e=RJ(a);if(JJ(e)){var f=EJ($APP.ox.i(e));f=$APP.m(f)?f:1;var h=$APP.z.j(b,$APP.um)?$APP.um.i(e):$APP.vm.i(e);c=Zia(d,c.shiftKey,h,$APP.zs.i(e),$APP.dw.i(e),f);return YJ(a,b,c,!0)}}return null},bja=function(a){return{"track-down":function(b){var c=RJ(a);if(JJ(c)){b.preventDefault();var d=$APP.l(a,
|
|
16
|
+
"__xRangeSliderRefs"),e=b.target,f=ZJ($APP.l(d,"track"),b,$APP.zs.i(c),$APP.dw.i(c)),h=$APP.l(d,"thumb-start").contains(e);e=$APP.l(d,"thumb-end").contains(e);var k=$APP.z.j($APP.um.i(c),$APP.vm.i(c));$APP.m($APP.m(h)?!k:h)?h=new $APP.K(null,2,[cK,$APP.um,dK,!0],null):$APP.m($APP.m(e)?!k:e)?h=new $APP.K(null,2,[cK,$APP.vm,dK,!0],null):(h=$APP.um.i(c),k=$APP.vm.i(c),e=Math.abs(f-h),k=Math.abs(f-k),h=new $APP.K(null,2,[cK,e<k?$APP.um:e>k?$APP.vm:f<=h?$APP.um:$APP.vm,dK,!1],null));e=$APP.G(h);h=$APP.C(e,
|
|
17
|
+
cK);e=$APP.C(e,dK);k=$APP.l(d,$APP.z.j(h,$APP.um)?"thumb-start":"thumb-end");try{k.setPointerCapture(b.pointerId)}catch(n){}$APP.T(a,"__xRangeSliderDragging",$APP.jh(h));$APP.T(a,"__xRangeSliderDragOrigin",new $APP.H(null,2,5,$APP.J,[$APP.um.i(c),$APP.vm.i(c)],null));$APP.Yi($APP.l(d,"thumb-start"),"data-active",$APP.z.j(h,$APP.um));$APP.Yi($APP.l(d,"thumb-end"),"data-active",$APP.z.j(h,$APP.vm));k.focus();b=$APP.m(e)?null:YJ(a,h,f,!1)}else b=null;return b},"start-move":function(b){return $J(a,$APP.um,
|
|
18
|
+
b)},"start-up":function(){return aK(a,$APP.um)},"start-key":function(b){return bK(a,$APP.um,b)},"end-move":function(b){return $J(a,$APP.vm,b)},"end-up":function(){return aK(a,$APP.vm)},"end-key":function(b){return bK(a,$APP.vm,b)}}},fK=function(a){var b=$APP.l(a,"__xRangeSliderRefs"),c=$APP.l(a,"__xRangeSliderHandlers");if($APP.m($APP.m(b)?c:b)){for(var d=$APP.q(eK),e=null,f=0,h=0;;)if(h<f){var k=e.C(null,h),n=$APP.B(k,0,null),r=$APP.B(k,1,null),v=$APP.B(k,2,null);k=$APP.B(k,3,null);$APP.l(b,n).removeEventListener(r,
|
|
19
|
+
$APP.l(c,v),k);h+=1}else if(d=$APP.q(d))$APP.gd(d)?(f=$APP.Jb(d),d=$APP.Kb(d),e=f,f=$APP.w(f)):(n=$APP.t(d),e=$APP.B(n,0,null),f=$APP.B(n,1,null),h=$APP.B(n,2,null),n=$APP.B(n,3,null),$APP.l(b,e).removeEventListener(f,$APP.l(c,h),n),d=$APP.u(d),e=null,f=0),h=0;else break;$APP.T(a,"__xRangeSliderHandlers",null)}},cja=function(a,b){$APP.Yi(a,"disabled",$APP.D(b));return UJ(a)},dja=function(a){$APP.V(a,"start");$APP.V(a,"end");return UJ(a)},fja=function(a){if(!$APP.m($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.U(e,"part","header");$APP.U(f,"part","label-text");$APP.U(h,"part","value-text");e.appendChild(f);e.appendChild(h);e=new $APP.K(null,3,[$APP.gs,e,$APP.Z,f,$APP.Q,h],null);f=document.createElement("div");h=document.createElement("div");var k=document.createElement("div"),n=document.createElement("div");
|
|
21
|
+
$APP.U(f,"part","track");$APP.U(h,"part","track-fill");LJ(k,"thumb-start","Range minimum");LJ(n,"thumb-end","Range maximum");f.appendChild(h);f.appendChild(k);f.appendChild(n);f=new $APP.K(null,4,[$APP.dv,f,$APP.Wu,h,gK,k,hK,n],null);c.textContent=eja;$APP.U(d,"part","base");$APP.U(d,"role","group");d.appendChild($APP.gs.i(e));d.appendChild($APP.dv.i(f));b.appendChild(c);b.appendChild(d);b={base:d,header:$APP.gs.i(e),label:$APP.Z.i(e),value:$APP.Q.i(e),track:$APP.dv.i(f),"track-fill":$APP.Wu.i(f),
|
|
22
|
+
"thumb-start":gK.i(f),"thumb-end":hK.i(f)};$APP.T(a,"__xRangeSliderRefs",b);$APP.m(a.attachInternals)&&$APP.T(a,"__xRangeSliderInternals",a.attachInternals())}fK(a);b=$APP.l(a,"__xRangeSliderRefs");if($APP.m(b)){c=bja(a);d=$APP.q(eK);e=null;for(h=f=0;;)if(h<f){var r=e.C(null,h);k=$APP.B(r,0,null);n=$APP.B(r,1,null);var v=$APP.B(r,2,null);r=$APP.B(r,3,null);$APP.l(b,k).addEventListener(n,$APP.l(c,v),r);h+=1}else if(d=$APP.q(d))$APP.gd(d)?(f=$APP.Jb(d),d=$APP.Kb(d),e=f,f=$APP.w(f)):(k=$APP.t(d),e=$APP.B(k,
|
|
23
|
+
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.u(d),e=null,f=0),h=0;else break;$APP.T(a,"__xRangeSliderHandlers",c)}return VJ(a)},gja=function(a){fK(a);return $APP.T(a,"__xRangeSliderDragging",null)},hja=function(a,b,c,d){return $APP.M.j(c,d)?VJ(a):null},jja=function(a){$APP.ak(a,"__xRangeSliderInternals");return $APP.uj(a,ija)},iK=function(){return $APP.Oj("x-range-slider",new $APP.K(null,8,[$APP.Gj,kja,$APP.Ej,fja,$APP.Bj,gja,
|
|
24
|
+
$APP.Aj,hja,$APP.Cj,!0,$APP.zj,cja,$APP.yj,dja,$APP.Fj,jja],null))},cK=new $APP.F(null,"which","which",-1255268941),dK=new $APP.F(null,"in-place?","in-place?",1671707774),QJ=new $APP.F(null,"end-pct","end-pct",651636025),gK=new $APP.F(null,"thumb-start","thumb-start",-1513664491),OJ=new $APP.F(null,"fill-left","fill-left",-1207003115),PJ=new $APP.F(null,"fill-width","fill-width",-168039914),hK=new $APP.F(null,"thumb-end","thumb-end",767456848),MJ=new $APP.F(null,"min-gap","min-gap",-597317123),XJ=
|
|
25
|
+
new $APP.F(null,"previousEnd","previousEnd",238071363),WJ=new $APP.F(null,"previousStart","previousStart",1056045164),NJ=new $APP.F(null,"start-pct","start-pct",2022475208);var $ia=new $APP.ah(null,new $APP.K(null,3,["md",null,"lg",null,"sm",null],null),null),kja="start end min max step min-gap disabled readonly name label show-value size aria-label aria-labelledby aria-describedby".split(" "),ija=$APP.Ag([$APP.Kx,$APP.nx,$APP.zs,$APP.js,$APP.Qo,$APP.br,$APP.ll,$APP.um,new $APP.F(null,"minGap","minGap",11370316),$APP.Xo,$APP.gx,$APP.dw,$APP.Z,$APP.ut,$APP.vm,$APP.ox,$APP.Ws],[new $APP.K(null,2,[$APP.P,$APP.X,$APP.rj,!0],null),new $APP.K(null,2,[$APP.P,$APP.ws,$APP.rj,
|
|
26
|
+
!0],null),new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"min"],null),new $APP.K(null,2,[$APP.P,$APP.sj,$APP.rj,!0],null),new $APP.K(null,2,[$APP.P,$APP.sj,$APP.W,"disabled"],null),new $APP.K(null,2,[$APP.P,$APP.sj,$APP.W,"show-value"],null),new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"name"],null),new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"start"],null),new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"min-gap"],null),new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"size"],null),new $APP.K(null,2,[$APP.P,$APP.sj,$APP.W,"readonly"],
|
|
27
|
+
null),new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"max"],null),new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"label"],null),new $APP.K(null,2,[$APP.P,$APP.Zv,$APP.rj,!0],null),new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"end"],null),new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"step"],null),new $APP.K(null,2,[$APP.P,$APP.Mv,$APP.rj,!0],null)]);
|
|
28
|
+
$APP.ne(["x-range-slider-change-request",new $APP.K(null,3,[$APP.St,!0,$APP.wu,$APP.ne(["start",$APP.um,"end",$APP.vm]),$APP.cj,new $APP.K(null,6,[$APP.um,$APP.Y,$APP.vm,$APP.Y,WJ,$APP.Y,XJ,$APP.Y,$APP.zs,$APP.Y,$APP.dw,$APP.Y],null)],null),"x-range-slider-input",new $APP.K(null,2,[$APP.St,!1,$APP.cj,new $APP.K(null,4,[$APP.um,$APP.Y,$APP.vm,$APP.Y,$APP.zs,$APP.Y,$APP.dw,$APP.Y],null)],null),"x-range-slider-change",new $APP.K(null,2,[$APP.St,!1,$APP.cj,new $APP.K(null,4,[$APP.um,$APP.Y,$APP.vm,$APP.Y,
|
|
29
|
+
$APP.zs,$APP.Y,$APP.dw,$APP.Y],null)],null)]);var aja=new $APP.ah(null,new $APP.K(null,8,["PageDown",null,"ArrowUp",null,"ArrowDown",null,"End",null,"ArrowRight",null,"ArrowLeft",null,"PageUp",null,"Home",null],null),null),eja=":host{display:block;color-scheme:light dark;--x-range-slider-track-color:var(--x-color-border,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:var(--x-shadow-sm,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:var(--x-color-text-muted,rgba(0,0,0,0.60));--x-range-slider-value-color:var(--x-color-text-muted,rgba(0,0,0,0.50));--x-range-slider-radius:var(--x-radius-full,9999px);}"+
|
|
30
|
+
$APP.N.i(":host([hidden]){display:none;}")+"@media (prefers-color-scheme:dark){:host{--x-range-slider-track-color:var(--x-color-border,rgba(255,255,255,0.15));--x-range-slider-focus-ring:var(--x-color-focus-ring,#93c5fd);--x-range-slider-label-color:var(--x-color-text-muted,rgba(255,255,255,0.60));--x-range-slider-value-color:var(--x-color-text-muted,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:var(--x-font-size-sm,0.875rem);color:var(--x-range-slider-label-color);font-weight:var(--x-font-weight-medium,500);}[part\x3dvalue-text]{font-size:var(--x-font-size-sm,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 var(--x-transition-duration,100ms) var(--x-transition-easing,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;}}",
|
|
31
|
+
eK=new $APP.H(null,9,5,$APP.J,[new $APP.H(null,4,5,$APP.J,["track","pointerdown","track-down",!1],null),new $APP.H(null,4,5,$APP.J,["thumb-start","pointermove","start-move",!1],null),new $APP.H(null,4,5,$APP.J,["thumb-start","pointerup","start-up",!1],null),new $APP.H(null,4,5,$APP.J,["thumb-start","pointercancel","start-up",!1],null),new $APP.H(null,4,5,$APP.J,["thumb-start","keydown","start-key",!1],null),new $APP.H(null,4,5,$APP.J,["thumb-end","pointermove","end-move",!1],null),new $APP.H(null,
|
|
32
|
+
4,5,$APP.J,["thumb-end","pointerup","end-up",!1],null),new $APP.H(null,4,5,$APP.J,["thumb-end","pointercancel","end-up",!1],null),new $APP.H(null,4,5,$APP.J,["thumb-end","keydown","end-key",!1],null)],null);$APP.ha("baredom.exports.x_range_slider.init",iK);export const init=iK;
|
package/dist/x-rating.d.ts
CHANGED
|
@@ -9,7 +9,10 @@ export interface XRatingEventMap {
|
|
|
9
9
|
}
|
|
10
10
|
|
|
11
11
|
export interface XRating extends HTMLElement {
|
|
12
|
+
readonly validationMessage: string;
|
|
13
|
+
readonly labels: NodeList | null;
|
|
12
14
|
allowClear: boolean;
|
|
15
|
+
readonly willValidate: boolean;
|
|
13
16
|
disabled: boolean;
|
|
14
17
|
name: string;
|
|
15
18
|
value: string;
|
|
@@ -19,6 +22,10 @@ export interface XRating extends HTMLElement {
|
|
|
19
22
|
max: string;
|
|
20
23
|
label: string;
|
|
21
24
|
shape: string;
|
|
25
|
+
readonly form: HTMLFormElement | null;
|
|
26
|
+
readonly validity: ValidityState;
|
|
27
|
+
checkValidity(): boolean;
|
|
28
|
+
reportValidity(): boolean;
|
|
22
29
|
|
|
23
30
|
addEventListener<K extends keyof XRatingEventMap>(
|
|
24
31
|
type: K,
|