@vanelsas/baredom 4.0.0-alpha.1 → 4.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +337 -9
- package/README.md +23 -10
- package/custom-elements.json +17352 -4514
- package/dist/baredom.d.ts +92 -94
- package/dist/baremirror-alpha.js +25 -0
- package/dist/base.js +700 -607
- package/dist/integrity.json +113 -113
- package/dist/requests.d.ts +3 -0
- package/dist/requests.js +35 -0
- package/dist/x-alert.js +17 -17
- package/dist/x-avatar-group.js +10 -9
- package/dist/x-avatar.js +14 -14
- package/dist/x-badge.js +9 -9
- package/dist/x-bento-grid.d.ts +5 -0
- package/dist/x-bento-grid.js +6 -5
- package/dist/x-bento-item.d.ts +3 -0
- package/dist/x-bento-item.js +4 -4
- package/dist/x-breadcrumbs.d.ts +6 -5
- package/dist/x-breadcrumbs.js +16 -14
- package/dist/x-button.d.ts +4 -0
- package/dist/x-button.js +1 -1
- package/dist/x-calendar.js +42 -39
- package/dist/x-cancel-dialogue.js +16 -14
- package/dist/x-card.d.ts +4 -0
- package/dist/x-card.js +7 -7
- package/dist/x-carousel.js +37 -35
- package/dist/x-chart.d.ts +2 -0
- package/dist/x-chart.js +48 -47
- package/dist/x-checkbox.d.ts +11 -4
- package/dist/x-checkbox.js +1 -1
- package/dist/x-chip.js +1 -1
- package/dist/x-code.js +29 -27
- package/dist/x-collapse.js +11 -11
- package/dist/x-color-picker.d.ts +7 -0
- package/dist/x-color-picker.js +48 -46
- package/dist/x-combobox.d.ts +12 -4
- package/dist/x-combobox.js +36 -30
- package/dist/x-command-palette.d.ts +9 -1
- package/dist/x-command-palette.js +32 -28
- package/dist/x-confetti.js +24 -24
- package/dist/x-container.d.ts +4 -0
- package/dist/x-container.js +6 -5
- package/dist/x-context-menu.js +20 -20
- package/dist/x-copy.js +1 -1
- package/dist/x-currency-field.d.ts +5 -0
- package/dist/x-currency-field.js +26 -24
- package/dist/x-date-picker.d.ts +20 -2
- package/dist/x-date-picker.js +46 -39
- package/dist/x-divider.js +9 -10
- package/dist/x-drag-panel.d.ts +45 -0
- package/dist/x-drag-panel.js +37 -0
- package/dist/x-drawer.js +12 -11
- package/dist/x-drop-zone.d.ts +49 -0
- package/dist/x-drop-zone.js +12 -0
- package/dist/x-dropdown.js +12 -12
- package/dist/x-fieldset.js +6 -6
- package/dist/x-file-download.d.ts +4 -0
- package/dist/x-file-download.js +15 -7
- package/dist/x-file-upload.d.ts +10 -5
- package/dist/x-file-upload.js +27 -23
- package/dist/x-floating-panel.d.ts +50 -0
- package/dist/x-floating-panel.js +25 -0
- package/dist/x-form-field.d.ts +11 -1
- package/dist/x-form-field.js +18 -15
- package/dist/x-form.js +10 -11
- package/dist/x-gaussian-blur.js +13 -14
- package/dist/x-grid.d.ts +9 -0
- package/dist/x-grid.js +8 -6
- package/dist/x-i18n-provider.js +7 -7
- package/dist/x-i18n.js +4 -4
- package/dist/x-icon.js +7 -7
- package/dist/x-image.js +19 -17
- package/dist/x-kbd.js +16 -16
- package/dist/x-kinetic-canvas.js +26 -26
- package/dist/x-kinetic-font.js +27 -27
- package/dist/x-kinetic-typography.js +35 -35
- package/dist/x-liquid-dock.js +34 -34
- package/dist/x-liquid-fill.js +42 -42
- package/dist/x-liquid-glass.js +42 -41
- package/dist/x-menu-item.js +9 -8
- package/dist/x-menu.js +10 -10
- package/dist/x-metaball-cursor.js +23 -23
- package/dist/x-modal.js +13 -12
- package/dist/x-morph-stack.js +38 -37
- package/dist/x-multi-combobox.d.ts +13 -5
- package/dist/x-multi-combobox.js +42 -36
- package/dist/x-navbar.js +16 -15
- package/dist/x-neural-glow.js +31 -30
- package/dist/x-notification-center.js +9 -9
- package/dist/x-organic-divider.js +18 -18
- package/dist/x-organic-progress.js +35 -35
- package/dist/x-organic-shape.js +13 -14
- package/dist/x-otp-input.d.ts +5 -0
- package/dist/x-otp-input.js +23 -22
- package/dist/x-pagination.js +16 -14
- package/dist/x-particle-button.d.ts +10 -1
- package/dist/x-particle-button.js +55 -51
- package/dist/x-popover.js +28 -27
- package/dist/x-progress-circle.js +8 -9
- package/dist/x-progress.js +8 -8
- package/dist/x-proximity-list.js +20 -20
- package/dist/x-radio.d.ts +10 -3
- package/dist/x-radio.js +13 -11
- package/dist/x-range-slider.d.ts +7 -0
- package/dist/x-range-slider.js +31 -28
- package/dist/x-rating.d.ts +7 -0
- package/dist/x-rating.js +25 -23
- package/dist/x-ripple-effect.js +10 -10
- package/dist/x-scroll-parallax.js +17 -17
- package/dist/x-scroll-stack.js +17 -17
- package/dist/x-scroll-story.js +33 -33
- package/dist/x-scroll-timeline.js +46 -46
- package/dist/x-scroll.js +39 -38
- package/dist/x-search-field.d.ts +10 -3
- package/dist/x-search-field.js +1 -1
- package/dist/x-select.d.ts +12 -2
- package/dist/x-select.js +1 -1
- package/dist/x-sidebar.d.ts +4 -0
- package/dist/x-sidebar.js +17 -18
- package/dist/x-skeleton-group.js +13 -12
- package/dist/x-skeleton.js +1 -1
- package/dist/x-slider.d.ts +7 -0
- package/dist/x-slider.js +17 -16
- package/dist/x-soft-body.js +20 -20
- package/dist/x-spacer.js +4 -4
- package/dist/x-spinner.js +4 -4
- package/dist/x-splash.js +13 -12
- package/dist/x-split-pane.js +15 -15
- package/dist/x-spotlight-card.js +13 -12
- package/dist/x-stat.js +10 -10
- package/dist/x-stepper.js +15 -13
- package/dist/x-switch.d.ts +10 -3
- package/dist/x-switch.js +12 -11
- package/dist/x-tab.d.ts +5 -0
- package/dist/x-tab.js +10 -7
- package/dist/x-table-cell.js +21 -21
- package/dist/x-table-row.js +9 -8
- package/dist/x-table.js +14 -13
- package/dist/x-tabs.d.ts +9 -0
- package/dist/x-tabs.js +11 -11
- package/dist/x-text-area.d.ts +12 -0
- package/dist/x-text-area.js +21 -19
- package/dist/x-theme.js +26 -25
- package/dist/x-timeline-item.js +21 -20
- package/dist/x-timeline.js +8 -8
- package/dist/x-toast.js +22 -22
- package/dist/x-toaster.js +7 -7
- package/dist/x-tooltip.js +14 -12
- package/dist/x-trace-history.js +119 -127
- package/dist/x-typography.js +9 -9
- package/dist/x-welcome-tour.js +63 -63
- package/package.json +25 -26
- package/dist/barebuild-action.d.ts +0 -45
- package/dist/barebuild-action.js +0 -9
- package/dist/barebuild-data.d.ts +0 -39
- package/dist/barebuild-data.js +0 -5
- package/dist/barebuild-invalidate-on.d.ts +0 -42
- package/dist/barebuild-invalidate-on.js +0 -5
- package/dist/barebuild-route.d.ts +0 -39
- package/dist/barebuild-route.js +0 -4
- package/dist/barebuild-router.d.ts +0 -41
- package/dist/barebuild-router.js +0 -13
package/dist/x-color-picker.d.ts
CHANGED
|
@@ -8,7 +8,10 @@ export interface XColorPickerEventMap {
|
|
|
8
8
|
}
|
|
9
9
|
|
|
10
10
|
export interface XColorPicker extends HTMLElement {
|
|
11
|
+
readonly validationMessage: string;
|
|
11
12
|
open: boolean;
|
|
13
|
+
readonly labels: NodeList | null;
|
|
14
|
+
readonly willValidate: boolean;
|
|
12
15
|
disabled: boolean;
|
|
13
16
|
name: string;
|
|
14
17
|
value: string;
|
|
@@ -17,6 +20,10 @@ export interface XColorPicker extends HTMLElement {
|
|
|
17
20
|
readOnly: boolean;
|
|
18
21
|
label: string;
|
|
19
22
|
alpha: boolean;
|
|
23
|
+
readonly form: HTMLFormElement | null;
|
|
24
|
+
readonly validity: ValidityState;
|
|
25
|
+
checkValidity(): boolean;
|
|
26
|
+
reportValidity(): boolean;
|
|
20
27
|
|
|
21
28
|
addEventListener<K extends keyof XColorPickerEventMap>(
|
|
22
29
|
type: K,
|
package/dist/x-color-picker.js
CHANGED
|
@@ -1,47 +1,49 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
1)),16),d=parseInt(""+$APP.
|
|
4
|
-
else return null},
|
|
5
|
-
Math.round(c*255),new $APP.
|
|
6
|
-
return"#"+$APP.
|
|
7
|
-
$APP.
|
|
8
|
-
a=$APP.C(b,$APP.
|
|
9
|
-
|
|
10
|
-
$APP.
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
a.
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
return
|
|
23
|
-
a}))?null:
|
|
24
|
-
b.key)&&$APP.z.j("popover",$APP.
|
|
25
|
-
$APP.l(a,"__xColorPickerDragging"))){var c=
|
|
26
|
-
b.getAttribute("data-color");$APP.
|
|
27
|
-
b,!0),c=
|
|
28
|
-
"__xColorPickerRefs"),"hue-strip"),b);
|
|
29
|
-
$APP.
|
|
30
|
-
|
|
31
|
-
"value","#000000");return
|
|
32
|
-
var k=document.createElement("div");$APP.
|
|
33
|
-
"100");$APP.
|
|
34
|
-
$APP.
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
"
|
|
42
|
-
"a","a",-2123407586),
|
|
43
|
-
"mode"],null),new $APP.
|
|
44
|
-
$APP.
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
"
|
|
2
|
+
var mI=function(a,b){return $APP.Dk.j($APP.Sm.j(a,0),b)},nI=function(a){return $APP.Bd(a,360)},oI=function(a){return mI(a,100)},pI=function(a){return mI(a,1)},rI=function(a){var b=typeof a==="string";a=b?$APP.zh(qI,a.trim()):b;return $APP.D(a)},vI=function(a){if(typeof a==="string")if(a=$APP.zh(qI,a.trim()),$APP.m(a))switch($APP.B(a,0,null),a=$APP.B(a,1,null),$APP.w(a)){case 3:var b=parseInt(""+$APP.N.i($APP.Ec(a,0))+$APP.N.i($APP.Ec(a,0)),16),c=parseInt(""+$APP.N.i($APP.Ec(a,1))+$APP.N.i($APP.Ec(a,
|
|
3
|
+
1)),16),d=parseInt(""+$APP.N.i($APP.Ec(a,2))+$APP.N.i($APP.Ec(a,2)),16);return new $APP.K(null,4,[sI,b,$APP.Fw,c,tI,d,uI,1],null);case 6:return b=parseInt(a.substring(0,2),16),c=parseInt(a.substring(2,4),16),d=parseInt(a.substring(4,6),16),new $APP.K(null,4,[sI,b,$APP.Fw,c,tI,d,uI,1],null);case 8:return b=parseInt(a.substring(0,2),16),c=parseInt(a.substring(2,4),16),d=parseInt(a.substring(4,6),16),new $APP.K(null,4,[sI,b,$APP.Fw,c,tI,d,uI,parseInt(a.substring(6,8),16)/255],null);default:return null}else return null;
|
|
4
|
+
else return null},pia=function(a,b,c){a/=255;b/=255;c/=255;var d=$APP.Sm.o(a,b,$APP.Jc([c])),e=$APP.Dk.o(a,b,$APP.Jc([c])),f=(d+e)/2,h=d-e;return h===0?new $APP.K(null,3,[wI,0,xI,0,yI,f*100],null):new $APP.K(null,3,[wI,(d===a?((b-c)/h+(b<c?6:0))/6:d===b?((c-a)/h+2)/6:((a-b)/h+4)/6)*360,xI,(f>.5?h/(2-d-e):h/(d+e))*100,yI,f*100],null)},zI=function(a,b,c){c=c<0?c+1:c>1?c-1:c;return c<1/6?a+(b-a)*6*c:c<.5?b:c<2/3?a+(b-a)*(2/3-c)*6:a},AI=function(a,b,c){a=nI(a)/360;b=oI(b)/100;c=oI(c)/100;if(b===0)return a=
|
|
5
|
+
Math.round(c*255),new $APP.K(null,3,[sI,a,$APP.Fw,a,tI,a],null);b=c<.5?c*(1+b):c+b-c*b;c=2*c-b;return new $APP.K(null,3,[sI,Math.round(zI(c,b,a+1/3)*255),$APP.Fw,Math.round(zI(c,b,a)*255),tI,Math.round(zI(c,b,a-1/3)*255)],null)},BI=function(a,b,c){function d(e){e=mI(Math.round(e),255).toString(16);return $APP.w(e)<2?"0"+$APP.N.i(e):e}return"#"+$APP.N.i(d(a))+$APP.N.i(d(b))+$APP.N.i(d(c))},CI=function(a,b,c,d){function e(f){f=mI(Math.round(f),255).toString(16);return $APP.w(f)<2?"0"+$APP.N.i(f):f}
|
|
6
|
+
return"#"+$APP.N.i(e(a))+$APP.N.i(e(b))+$APP.N.i(e(c))+$APP.N.i(e(pI(d)*255))},EI=function(a,b,c){b=oI(b)/100;c=oI(c)/100;b=c+b*$APP.Dk.j(c,1-c);return new $APP.K(null,3,[wI,nI(a),xI,(b===0?0:2*(1-c/b))*100,DI,b*100],null)},FI=function(a,b,c){b=oI(b)/100;c=oI(c)/100;b=c*(1-b/2);c=b===0||b===1?0:(c-b)/$APP.Dk.j(b,1-b);return new $APP.K(null,3,[wI,nI(a),xI,c*100,yI,b*100],null)},GI=function(a,b,c){return 100*(mI(a-b,c)/c)},qia=function(a){return typeof a==="string"&&rI(a)?(a=vI(a),$APP.m(a)?BI(sI.i(a),
|
|
7
|
+
$APP.Fw.i(a),tI.i(a)):null):"#000000"},sia=function(a){return typeof a==="string"&&$APP.kd(ria,a.trim().toLowerCase())?a.trim().toLowerCase():"inline"},tia=function(a){return typeof a==="string"&&$APP.ti(a)?$APP.Xf.l($APP.Xe,$APP.wk.l($APP.Oe.i($APP.pi),$APP.Te(rI),$APP.Oe.i(function(b){b=vI(b);var c=$APP.G(b);b=$APP.C(c,sI);var d=$APP.C(c,$APP.Fw);c=$APP.C(c,tI);return BI(b,d,c)})),$APP.ni(a,/,/)):$APP.Xe},uia=function(a){var b=$APP.G(a),c=$APP.C(b,$APP.ex),d=$APP.C(b,$APP.Qo),e=$APP.C(b,$APP.Q);
|
|
8
|
+
a=$APP.C(b,$APP.ll);var f=$APP.C(b,$APP.rj),h=$APP.C(b,$APP.On),k=$APP.C(b,HI),n=$APP.C(b,$APP.Z),r=$APP.C(b,II);b=qia(e);var v=function(){var S=vI(e);return $APP.m(S)?S:vI("#000000")}(),x=$APP.G(v);v=$APP.C(x,sI);var y=$APP.C(x,$APP.Fw),A=$APP.C(x,tI);x=$APP.C(x,uI);var E=function(){var S=typeof e==="string";if(S){S=e.trim();var R=$APP.zh(qI,S);return $APP.m(R)?8===$APP.w($APP.Mc($APP.zh(qI,S))):R}return S}();x=$APP.m(E)?x:1;E=pia(v,y,A);var I=$APP.G(E);E=$APP.C(I,wI);var O=$APP.C(I,xI);I=$APP.C(I,
|
|
9
|
+
yI);d=$APP.ri(d);f=$APP.ri(f);r=r!=null;c=c!=null;h=sia(h);return $APP.Ag([$APP.fn,JI,$APP.ll,$APP.On,HI,xI,yI,KI,wI,$APP.Z,$APP.du,LI,$APP.nl,uI],[f,r,$APP.ti(a)?a:null,h,tia(k),O,I,b,E,$APP.ti(n)?n:null,$APP.z.j(h,"popover")&&c,r&&x<1?CI(v,y,A,x):b,d,x])},MI=function(a){var b=$APP.G(a);a=$APP.C(b,$APP.nl);b=$APP.C(b,$APP.fn);return $APP.p(a)&&$APP.p(b)},NI=function(a,b,c,d){$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-valuemin","0");
|
|
10
|
+
$APP.U(a,"aria-valuemax",d)},OI=function(a,b,c,d){$APP.U(a,"part",b);$APP.U(a,"type","button");$APP.U(a,"aria-label",c);a.innerHTML=d},PI=function(a){return uia($APP.Ag([$APP.ex,$APP.Qo,$APP.ll,$APP.Q,$APP.rj,$APP.On,HI,$APP.Z,II],[a.getAttribute("open"),a.getAttribute("disabled"),a.getAttribute("name"),a.getAttribute("value"),a.getAttribute("readonly"),a.getAttribute("mode"),a.getAttribute("swatches"),a.getAttribute("label"),a.getAttribute("alpha")]))},QI=function(a,b){var c=LI.i(b),d=wI.i(b),e=
|
|
11
|
+
xI.i(b),f=yI.i(b);b=uI.i(b);return $APP.fj(a,"x-color-picker-input",$APP.xo(new $APP.K(null,5,[$APP.Q,c,wI,d,xI,e,yI,f,uI,b],null)))},RI=function(a,b){var c=LI.i(b),d=wI.i(b),e=xI.i(b),f=yI.i(b);b=uI.i(b);return $APP.hj(a,"x-color-picker-change",$APP.xo(new $APP.K(null,5,[$APP.Q,c,wI,d,xI,e,yI,f,uI,b],null)))},SI=function(a,b,c,d,e,f){b=AI(b,c,d);d=$APP.G(b);b=$APP.C(d,sI);c=$APP.C(d,$APP.Fw);d=$APP.C(d,tI);e=$APP.m($APP.m(f)?e<1:f)?CI(b,c,d,e):BI(b,c,d);$APP.U(a,"value",e)},via=function(a,b,c,d){if($APP.M.j($APP.l(a,
|
|
12
|
+
"__xColorPickerSwatchesCache"),c)){$APP.T(a,"__xColorPickerSwatchesCache",c);b.innerHTML="";a=$APP.q(c);c=null;for(var e=0,f=0;;)if(f<e){var h=c.C(null,f),k=document.createElement("button");$APP.U(k,"part","swatch");$APP.U(k,"type","button");$APP.U(k,"role","option");$APP.U(k,"aria-label",h);$APP.U(k,"data-color",h);k.style.backgroundColor=h;b.appendChild(k);f+=1}else if(a=$APP.q(a))$APP.gd(a)?(e=$APP.Jb(a),a=$APP.Kb(a),c=e,e=$APP.w(e)):(c=$APP.t(a),e=document.createElement("button"),$APP.U(e,"part",
|
|
13
|
+
"swatch"),$APP.U(e,"type","button"),$APP.U(e,"role","option"),$APP.U(e,"aria-label",c),$APP.U(e,"data-color",c),e.style.backgroundColor=c,b.appendChild(e),a=$APP.u(a),c=null,e=0),f=0;else break}b.querySelectorAll("[part\x3dswatch]").forEach(function(n){return $APP.U(n,"aria-selected",$APP.z.j(n.getAttribute("data-color"),d)?"true":"false")})},TI=function(a){if($APP.m($APP.l(a,"__xColorPickerRefs"))){var b=PI(a);if($APP.M.j($APP.l(a,"__xColorPickerModel"),b)){var c=$APP.l(a,"__xColorPickerRefs");if($APP.m(c)){var d=
|
|
14
|
+
$APP.l(c,"area"),e=$APP.l(c,"hue-strip"),f=$APP.l(c,"alpha-strip"),h=$APP.l(c,"preview-color"),k=$APP.l(c,"trigger-swatch"),n=$APP.l(c,"hex-input");c=$APP.l(c,"swatches");var r=$APP.G(b),v=$APP.C(r,wI);r=$APP.C(r,$APP.On);$APP.U(a,"data-mode",r);a.style.setProperty("--_x-cp-hue",""+$APP.N.i(Math.round(v)));r=$APP.G(b);var x=$APP.C(r,wI),y=$APP.C(r,xI),A=$APP.C(r,yI);v=$APP.C(r,uI);r=$APP.C(r,$APP.Z);y=EI(x,y,A);var E=$APP.G(y);y=$APP.C(E,xI);E=$APP.C(E,DI);E=new $APP.K(null,2,[$APP.Dw,oI(y),$APP.Cw,
|
|
15
|
+
100-oI(E)],null);d.style.setProperty("--_x-cp-area-x",""+$APP.N.i($APP.Dw.i(E).toFixed(2))+"%");d.style.setProperty("--_x-cp-area-y",""+$APP.N.i($APP.Cw.i(E).toFixed(2))+"%");x="Hue "+$APP.N.i(Math.round(x))+", Saturation "+$APP.N.i(Math.round(y))+"%, Lightness "+$APP.N.i(Math.round(A))+"%";v=v<1?""+$APP.N.i(x)+", Opacity "+$APP.N.i(Math.round(v*100))+"%":x;$APP.U(d,"aria-valuetext",v);$APP.m(r)&&$APP.U(d,"aria-label",r);d=$APP.G(b);d=$APP.C(d,wI);e.style.setProperty("--_x-cp-hue-pos",""+$APP.N.i((nI(d)/
|
|
16
|
+
360*100).toFixed(2))+"%");$APP.U(e,"aria-valuenow",""+$APP.N.i(Math.round(d)));x=$APP.G(b);e=$APP.C(x,wI);d=$APP.C(x,xI);v=$APP.C(x,yI);r=$APP.C(x,uI);x=$APP.C(x,JI);$APP.m(x)?(f.style.display="",a.style.setProperty("--_x-cp-alpha-color","hsl("+$APP.N.i(Math.round(e))+","+$APP.N.i(Math.round(d))+"%,"+$APP.N.i(Math.round(v))+"%)"),f.style.setProperty("--_x-cp-alpha-pos",""+$APP.N.i((pI(r)*100).toFixed(2))+"%"),$APP.U(f,"aria-valuenow",""+$APP.N.i(Math.round(r*100)))):f.style.display="none";x=$APP.G(b);
|
|
17
|
+
e=$APP.C(x,wI);d=$APP.C(x,xI);v=$APP.C(x,yI);f=$APP.C(x,uI);r=$APP.C(x,KI);x=$APP.C(x,JI);$APP.m(x)?(e=AI(e,d,v),v=$APP.G(e),e=$APP.C(v,sI),d=$APP.C(v,$APP.Fw),v=$APP.C(v,tI),f="rgba("+$APP.N.i(e)+","+$APP.N.i(d)+","+$APP.N.i(v)+","+$APP.N.i(f.toFixed(2))+")"):f=r;h.style.backgroundColor=f;k.style.backgroundColor=f;f=$APP.G(b);h=$APP.C(f,LI);k=$APP.C(f,$APP.nl);f=$APP.C(f,$APP.fn);a.shadowRoot.activeElement!==n&&(n.value=h);n.disabled=$APP.m(k)?k:f;via(a,c,HI.i(b),KI.i(b));n=$APP.G(b);n=$APP.C(n,
|
|
18
|
+
LI);c=$APP.l(a,"__xColorPickerInternals");$APP.m(c)&&c.setFormValue(n);a=$APP.T(a,"__xColorPickerModel",b)}else a=null}else a=null;return a}return null},VI=function(a,b){var c=a.getBoundingClientRect();a=b.clientY;var d=c.top,e=c.height;b=GI(b.clientX,c.left,c.width);a=GI(a,d,e);return new $APP.K(null,2,[UI,oI(b),$APP.Yq,100-oI(a)],null)},WI=function(a,b){a=a.getBoundingClientRect();b=GI(b.clientX,a.left,a.width);return oI(b)/100*360},XI=function(a,b){a=a.getBoundingClientRect();b=GI(b.clientX,a.left,
|
|
19
|
+
a.width);return oI(b)/100},xia=function(a,b){var c=PI(a);if(MI(c)&&$APP.kd(wia,b.key)){b.preventDefault();var d=$APP.m(b.shiftKey)?10:1,e=EI(wI.i(c),xI.i(c),yI.i(c)),f=function(){switch(b.key){case "ArrowRight":return oI(xI.i(e)+d);case "ArrowLeft":return oI(xI.i(e)-d);default:return xI.i(e)}}(),h=function(){switch(b.key){case "ArrowUp":return oI(DI.i(e)+d);case "ArrowDown":return oI(DI.i(e)-d);default:return DI.i(e)}}();f=FI(wI.i(c),f,h);var k=$APP.G(f);f=$APP.C(k,wI);h=$APP.C(k,xI);k=$APP.C(k,yI);
|
|
20
|
+
SI(a,f,h,k,uI.i(c),JI.i(c));QI(a,PI(a));return RI(a,PI(a))}return null},yia=function(a,b){var c=PI(a);if(MI(c)&&$APP.kd(YI,b.key)){b.preventDefault();var d=$APP.m(b.shiftKey)?10:1,e=function(){switch(b.key){case "ArrowRight":return nI(wI.i(c)+d);case "ArrowLeft":return nI(wI.i(c)-d);case "Home":return 0;case "End":return 360;default:return wI.i(c)}}();SI(a,e,xI.i(c),yI.i(c),uI.i(c),JI.i(c));QI(a,PI(a));return RI(a,PI(a))}return null},zia=function(a,b){var c=PI(a);if($APP.m(function(){var f=MI(c);
|
|
21
|
+
return f?(f=JI.i(c),$APP.m(f)?$APP.kd(YI,b.key):f):f}())){b.preventDefault();var d=$APP.m(b.shiftKey)?.1:.01,e=function(){switch(b.key){case "ArrowRight":return pI(uI.i(c)+d);case "ArrowLeft":return pI(uI.i(c)-d);case "Home":return 0;case "End":return 1;default:return uI.i(c)}}();SI(a,wI.i(c),xI.i(c),yI.i(c),e,!0);QI(a,PI(a));return RI(a,PI(a))}return null},Aia=function(a){var b=PI(a);return MI(b)&&typeof EyeDropper!=="undefined"?(new EyeDropper).open().then(function(c){$APP.U(a,"value",c.sRGBHex);
|
|
22
|
+
return RI(a,PI(a))}).catch(function(){return null}):null},Bia=function(a){if($APP.m(a.hasAttribute("open")))return null;$APP.U(a,"open","");a=$APP.l(a,"__xColorPickerRefs");if($APP.m(a)){var b=$APP.l(a,"area");return setTimeout(function(){return b.focus()},0)}return null},ZI=function(a){return $APP.m(a.hasAttribute("open"))?($APP.V(a,"open"),a=$APP.l(a,"__xColorPickerRefs"),$APP.m(a)?$APP.l(a,"trigger").focus():null):null},Cia=function(a,b){return $APP.m(a.hasAttribute("open"))?$APP.m(b.composedPath().some(function(c){return c===
|
|
23
|
+
a}))?null:ZI(a):null},Dia=function(a){return{"area-move":function(b){if($APP.z.j("area",$APP.l(a,"__xColorPickerDragging"))){var c=PI(a);b=VI($APP.l($APP.l(a,"__xColorPickerRefs"),"area"),b);var d=$APP.G(b);b=$APP.C(d,UI);d=$APP.C(d,$APP.Yq);b=FI(wI.i(c),b,d);var e=$APP.G(b);b=$APP.C(e,wI);d=$APP.C(e,xI);e=$APP.C(e,yI);SI(a,b,d,e,uI.i(c),JI.i(c));c=QI(a,PI(a))}else c=null;return c},copy:function(){var b=PI(a);return $APP.m(navigator.clipboard)?navigator.clipboard.writeText(LI.i(b)):null},"panel-key":function(b){$APP.z.j("Escape",
|
|
24
|
+
b.key)&&$APP.z.j("popover",$APP.On.i(PI(a)))?(b.preventDefault(),b.stopPropagation(),b=ZI(a)):b=null;return b},"alpha-up":function(){if($APP.z.j("alpha",$APP.l(a,"__xColorPickerDragging"))){$APP.T(a,"__xColorPickerDragging",null);var b=RI(a,PI(a))}else b=null;return b},"hue-up":function(){if($APP.z.j("hue",$APP.l(a,"__xColorPickerDragging"))){$APP.T(a,"__xColorPickerDragging",null);var b=RI(a,PI(a))}else b=null;return b},"alpha-key":function(b){return zia(a,b)},"alpha-move":function(b){if($APP.z.j("alpha",
|
|
25
|
+
$APP.l(a,"__xColorPickerDragging"))){var c=PI(a);b=XI($APP.l($APP.l(a,"__xColorPickerRefs"),"alpha-strip"),b);SI(a,wI.i(c),xI.i(c),yI.i(c),b,!0);c=QI(a,PI(a))}else c=null;return c},"hex-key":function(b){a:{if($APP.z.j("Enter",b.key)){b.preventDefault();b=$APP.l($APP.l(a,"__xColorPickerRefs"),"hex-input");var c=b.value,d=PI(a);if(MI(d)){if(rI(c)){$APP.U(a,"value",c);b=RI(a,PI(a));break a}b=b.value=LI.i(d);break a}}b=null}return b},swatch:function(b){a:{var c=PI(a);if(MI(c)&&(b=b.target,$APP.m(b.hasAttribute("data-color")))){b=
|
|
26
|
+
b.getAttribute("data-color");$APP.U(a,"value",b);b=RI(a,PI(a));break a}b=null}return b},"area-up":function(){if($APP.z.j("area",$APP.l(a,"__xColorPickerDragging"))){$APP.T(a,"__xColorPickerDragging",null);var b=RI(a,PI(a))}else b=null;return b},"alpha-down":function(b){var c=PI(a);var d=(d=MI(c))?JI.i(c):d;$APP.m(d)?(b.preventDefault(),d=$APP.l($APP.l(a,"__xColorPickerRefs"),"alpha-strip"),d.setPointerCapture(b.pointerId),$APP.T(a,"__xColorPickerDragging","alpha"),b=XI(d,b),SI(a,wI.i(c),xI.i(c),yI.i(c),
|
|
27
|
+
b,!0),c=QI(a,PI(a))):c=null;return c},"area-key":function(b){return xia(a,b)},"hue-down":function(b){var c=PI(a);if(MI(c)){b.preventDefault();var d=$APP.l($APP.l(a,"__xColorPickerRefs"),"hue-strip");d.setPointerCapture(b.pointerId);$APP.T(a,"__xColorPickerDragging","hue");b=WI(d,b);SI(a,b,xI.i(c),yI.i(c),uI.i(c),JI.i(c));c=QI(a,PI(a))}else c=null;return c},"hue-key":function(b){return yia(a,b)},"hue-move":function(b){if($APP.z.j("hue",$APP.l(a,"__xColorPickerDragging"))){var c=PI(a);b=WI($APP.l($APP.l(a,
|
|
28
|
+
"__xColorPickerRefs"),"hue-strip"),b);SI(a,b,xI.i(c),yI.i(c),uI.i(c),JI.i(c));c=QI(a,PI(a))}else c=null;return c},eyedrop:function(){return Aia(a)},"panel-pd":function(b){return b.stopPropagation()},trigger:function(){var b=PI(a);return $APP.z.j("popover",$APP.On.i(b))&&$APP.p($APP.nl.i(b))?$APP.m($APP.du.i(b))?ZI(a):Bia(a):null},"doc-click":function(b){return Cia(a,b)},"area-down":function(b){var c=PI(a);if(MI(c)){b.preventDefault();var d=$APP.l($APP.l(a,"__xColorPickerRefs"),"area");d.setPointerCapture(b.pointerId);
|
|
29
|
+
$APP.T(a,"__xColorPickerDragging","area");b=VI(d,b);d=$APP.G(b);b=$APP.C(d,UI);d=$APP.C(d,$APP.Yq);b=FI(wI.i(c),b,d);var e=$APP.G(b);b=$APP.C(e,wI);d=$APP.C(e,xI);e=$APP.C(e,yI);SI(a,b,d,e,uI.i(c),JI.i(c));c=QI(a,PI(a))}else c=null;return c}}},aJ=function(a,b){return $APP.z.j(b,$I)?document:$APP.l(a,b)},cJ=function(a){var b=$APP.l(a,"__xColorPickerRefs"),c=$APP.l(a,"__xColorPickerHandlers");if($APP.m($APP.m(b)?c:b)){for(var d=$APP.q(bJ),e=null,f=0,h=0;;)if(h<f){var k=e.C(null,h),n=$APP.B(k,0,null),
|
|
30
|
+
r=$APP.B(k,1,null),v=$APP.B(k,2,null);k=$APP.B(k,3,null);aJ(b,n).removeEventListener(r,$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),aJ(b,e).removeEventListener(f,$APP.l(c,h),n),d=$APP.u(d),e=null,f=0),h=0;else break;return $APP.T(a,"__xColorPickerHandlers",null)}return null},Eia=function(a,b){$APP.Yi(a,"disabled",$APP.D(b));return TI(a)},Fia=function(a){$APP.U(a,
|
|
31
|
+
"value","#000000");return TI(a)},Hia=function(a){if(!$APP.m($APP.l(a,"__xColorPickerRefs"))){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("div");var f=document.createElement("button");var h=document.createElement("span");$APP.U(f,"part","trigger");$APP.U(f,"type","button");$APP.U(f,"aria-label","Pick color");$APP.U(h,"part","trigger-swatch");f.appendChild(h);f=new $APP.K(null,2,[$APP.zv,f,dJ,h],null);h=document.createElement("div");
|
|
32
|
+
var k=document.createElement("div");$APP.U(h,"part","area");$APP.U(h,"role","slider");$APP.U(h,"tabindex","0");$APP.U(h,"aria-label","Color");$APP.U(k,"part","area-thumb");h.appendChild(k);h=new $APP.K(null,2,[eJ,h,fJ,k],null);k=document.createElement("div");var n=document.createElement("div"),r=document.createElement("div"),v=document.createElement("div"),x=document.createElement("div"),y=document.createElement("div");$APP.U(k,"part","strips");NI(n,"hue-strip","Hue","360");NI(v,"alpha-strip","Opacity",
|
|
33
|
+
"100");$APP.U(r,"part","hue-thumb");$APP.U(x,"part","alpha-gradient");$APP.U(y,"part","alpha-thumb");n.appendChild(r);v.appendChild(x);v.appendChild(y);k.appendChild(n);k.appendChild(v);k=new $APP.K(null,6,[gJ,k,hJ,n,iJ,r,jJ,v,kJ,x,lJ,y],null);n=document.createElement("div");r=document.createElement("div");v=document.createElement("span");x=document.createElement("input");y=document.createElement("button");var A=document.createElement("button");$APP.U(n,"part","controls");$APP.U(r,"part","preview");
|
|
34
|
+
$APP.U(v,"part","preview-color");$APP.U(x,"part","hex-input");$APP.U(x,"type","text");$APP.U(x,"spellcheck","false");$APP.U(x,"autocomplete","off");$APP.U(x,"aria-label","Hex color value");OI(y,"eyedropper","Pick color from screen",'\x3csvg width\x3d"16" height\x3d"16" viewBox\x3d"0 0 16 16" fill\x3d"none" stroke\x3d"currentColor" stroke-width\x3d"1.5" stroke-linecap\x3d"round" stroke-linejoin\x3d"round"\x3e\x3cpath d\x3d"M13.5 2.5a2.12 2.12 0 0 0-3 0L9 4l-.5-.5L6 6l4 4 2.5-2.5L12 7l1.5-1.5a2.12 2.12 0 0 0 0-3zM6 6L2.5 9.5a1.5 1.5 0 0 0-.4.8L1.5 14l3.7-.6a1.5 1.5 0 0 0 .8-.4L10 10"/\x3e\x3c/svg\x3e');
|
|
35
|
+
OI(A,"copy","Copy color value",'\x3csvg width\x3d"16" height\x3d"16" viewBox\x3d"0 0 16 16" fill\x3d"none" stroke\x3d"currentColor" stroke-width\x3d"1.5" stroke-linecap\x3d"round" stroke-linejoin\x3d"round"\x3e\x3crect x\x3d"5" y\x3d"5" width\x3d"9" height\x3d"9" rx\x3d"1.5"/\x3e\x3cpath d\x3d"M5 11H3.5A1.5 1.5 0 0 1 2 9.5v-6A1.5 1.5 0 0 1 3.5 2h6A1.5 1.5 0 0 1 11 3.5V5"/\x3e\x3c/svg\x3e');typeof EyeDropper==="undefined"&&(y.style.display="none");r.appendChild(v);n.appendChild(r);n.appendChild(x);
|
|
36
|
+
n.appendChild(y);n.appendChild(A);n=new $APP.K(null,6,[$APP.Yt,n,mJ,r,nJ,v,oJ,x,pJ,y,$APP.fu,A],null);r=document.createElement("div");$APP.U(r,"part","swatches");$APP.U(r,"role","listbox");$APP.U(r,"aria-label","Preset colors");r=new $APP.K(null,1,[HI,r],null);c.textContent=Gia;$APP.U(d,"part","container");$APP.U(e,"part","panel");e.appendChild(eJ.i(h));e.appendChild(gJ.i(k));e.appendChild($APP.Yt.i(n));e.appendChild(HI.i(r));d.appendChild($APP.zv.i(f));d.appendChild(e);b.appendChild(c);b.appendChild(d);
|
|
37
|
+
b={"alpha-thumb":lJ.i(k),copy:$APP.fu.i(n),swatches:HI.i(r),"hue-strip":hJ.i(k),controls:$APP.Yt.i(n),"alpha-gradient":kJ.i(k),panel:e,preview:mJ.i(n),"area-thumb":fJ.i(h),"preview-color":nJ.i(n),container:d,area:eJ.i(h),"hue-thumb":iJ.i(k),"trigger-swatch":dJ.i(f),trigger:$APP.zv.i(f),"alpha-strip":jJ.i(k),eyedropper:pJ.i(n),"hex-input":oJ.i(n)};$APP.T(a,"__xColorPickerRefs",b);$APP.m(a.attachInternals)&&$APP.T(a,"__xColorPickerInternals",a.attachInternals())}cJ(a);b=$APP.l(a,"__xColorPickerRefs");
|
|
38
|
+
if($APP.m(b)){c=Dia(a);d=$APP.q(bJ);e=null;for(h=f=0;;)if(h<f)v=e.C(null,h),k=$APP.B(v,0,null),n=$APP.B(v,1,null),r=$APP.B(v,2,null),v=$APP.B(v,3,null),aJ(b,k).addEventListener(n,$APP.l(c,r),v),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,0,null),f=$APP.B(k,1,null),h=$APP.B(k,2,null),k=$APP.B(k,3,null),aJ(b,e).addEventListener(f,$APP.l(c,h),k),d=$APP.u(d),e=null,f=0),h=0;else break;$APP.T(a,"__xColorPickerHandlers",c)}return TI(a)},Iia=function(a){return cJ(a)},
|
|
39
|
+
Jia=function(a,b,c,d){return $APP.M.j(c,d)?TI(a):null},Lia=function(a){$APP.ak(a,"__xColorPickerInternals");return $APP.uj(a,Kia)},qJ=function(){return $APP.Oj("x-color-picker",new $APP.K(null,8,[$APP.Gj,Mia,$APP.Ej,Hia,$APP.Bj,Iia,$APP.Aj,Jia,$APP.Cj,!0,$APP.zj,Eia,$APP.yj,Fia,$APP.Fj,Lia],null))},kJ=new $APP.F(null,"alpha-gradient","alpha-gradient",2099400176),lJ=new $APP.F(null,"alpha-thumb","alpha-thumb",-1443114239),nJ=new $APP.F(null,"preview-color","preview-color",1405210195),jJ=new $APP.F(null,
|
|
40
|
+
"alpha-strip","alpha-strip",1085401595),fJ=new $APP.F(null,"area-thumb","area-thumb",1471343090),JI=new $APP.F(null,"alpha?","alpha?",1329751525),UI=new $APP.F(null,"sat","sat",1064662667),dJ=new $APP.F(null,"trigger-swatch","trigger-swatch",208431162),$I=new $APP.F(null,"document","document",-1329188687),pJ=new $APP.F(null,"eyedropper","eyedropper",-1786107588),eJ=new $APP.F(null,"area","area",472007256),II=new $APP.F(null,"alpha","alpha",-1574982441),LI=new $APP.F(null,"hex-full","hex-full",-1466644518),
|
|
41
|
+
oJ=new $APP.F(null,"hex-input","hex-input",1497535517),mJ=new $APP.F(null,"preview","preview",451279890),hJ=new $APP.F(null,"hue-strip","hue-strip",938856876),HI=new $APP.F(null,"swatches","swatches",2033601707),gJ=new $APP.F(null,"strips","strips",-1564791997),DI=new $APP.F(null,"v","v",21465059),xI=new $APP.F(null,"s","s",1705939918),sI=new $APP.F(null,"r","r",-471384190),yI=new $APP.F(null,"l","l",1395893423),wI=new $APP.F(null,"h","h",1109658740),tI=new $APP.F(null,"b","b",1482224470),uI=new $APP.F(null,
|
|
42
|
+
"a","a",-2123407586),KI=new $APP.F(null,"hex","hex",41691346),iJ=new $APP.F(null,"hue-thumb","hue-thumb",638949625);var ria=new $APP.ah(null,new $APP.K(null,2,["inline",null,"popover",null],null),null),Mia="value alpha swatches disabled readonly name mode open label".split(" "),Kia=$APP.Ag([$APP.Kx,$APP.ex,$APP.nx,$APP.js,$APP.Qo,$APP.ll,$APP.Q,$APP.On,HI,$APP.gx,$APP.Z,II,$APP.ut,$APP.Ws],[new $APP.K(null,2,[$APP.P,$APP.X,$APP.rj,!0],null),new $APP.K(null,2,[$APP.P,$APP.sj,$APP.W,"open"],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,
|
|
43
|
+
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,$APP.X,$APP.W,"value"],null),new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"mode"],null),new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"swatches"],null),new $APP.K(null,2,[$APP.P,$APP.sj,$APP.W,"readonly"],null),new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"label"],null),new $APP.K(null,2,[$APP.P,$APP.sj,$APP.W,"alpha"],null),new $APP.K(null,2,[$APP.P,$APP.Zv,$APP.rj,!0],null),new $APP.K(null,
|
|
44
|
+
2,[$APP.P,$APP.Mv,$APP.rj,!0],null)]);$APP.ne(["x-color-picker-input",new $APP.K(null,2,[$APP.cj,new $APP.K(null,5,[$APP.Q,$APP.X,wI,$APP.Y,xI,$APP.Y,yI,$APP.Y,uI,$APP.Y],null),$APP.St,!1],null),"x-color-picker-change",new $APP.K(null,2,[$APP.cj,new $APP.K(null,5,[$APP.Q,$APP.X,wI,$APP.Y,xI,$APP.Y,yI,$APP.Y,uI,$APP.Y],null),$APP.St,!0],null)]);var qI=/^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/;var Gia=":host{display:inline-block;color-scheme:light dark;position:relative;--x-color-picker-width:240px;--x-color-picker-area-height:160px;--x-color-picker-strip-height:14px;--x-color-picker-swatch-size:28px;--x-color-picker-radius:var(--x-radius-md,8px);--x-color-picker-gap:10px;--x-color-picker-bg:var(--x-color-bg,#ffffff);--x-color-picker-border:var(--x-color-border,#cbd5e1);--x-color-picker-text:var(--x-color-text,#1e293b);--x-color-picker-focus-ring:var(--x-color-focus-ring,#60a5fa);--x-color-picker-disabled-opacity:0.45;}"+
|
|
45
|
+
$APP.N.i("button,input,select,textarea{font-family:inherit;}")+$APP.N.i(":host([hidden]){display:none;}")+"@media (prefers-color-scheme:dark){:host{--x-color-picker-bg:var(--x-color-bg,#1e293b);--x-color-picker-border:var(--x-color-border,#475569);--x-color-picker-text:var(--x-color-text,#f1f5f9);--x-color-picker-focus-ring:var(--x-color-focus-ring,#93c5fd);}}[part\x3dcontainer]{position:relative;width:var(--x-color-picker-width);max-width:calc(100vw - 2rem);}[part\x3dtrigger]{all:unset;display:none;box-sizing:border-box;width:36px;height:36px;border-radius:var(--x-color-picker-radius);border:2px solid var(--x-color-picker-border);cursor:pointer;overflow:hidden;}[part\x3dtrigger]:focus-visible{outline:2px solid var(--x-color-picker-focus-ring);outline-offset:2px;}:host([data-mode\x3dpopover]) [part\x3dtrigger]{display:block;}[part\x3dtrigger-swatch]{display:block;width:100%;height:100%;}[part\x3dpanel]{box-sizing:border-box;background:var(--x-color-picker-bg);border:var(--x-border-width,1px) solid var(--x-color-picker-border);border-radius:var(--x-color-picker-radius);padding:var(--x-color-picker-gap);display:flex;flex-direction:column;gap:var(--x-color-picker-gap);box-shadow:var(--x-shadow-md,0 4px 12px rgba(0,0,0,0.1));}:host([data-mode\x3dpopover]) [part\x3dpanel]{display:none;position:absolute;z-index:var(--x-z-dropdown,1000);top:calc(100% + 8px);left:0;max-width:calc(100vw - 1rem);}:host([data-mode\x3dpopover][open]) [part\x3dpanel]{display:flex;}[part\x3darea]{position:relative;width:100%;height:var(--x-color-picker-area-height);border-radius:calc(var(--x-color-picker-radius) - 2px);cursor:crosshair;touch-action:none;overflow:hidden;background:linear-gradient(to bottom,transparent,#000),linear-gradient(to right,#fff,hsl(var(--_x-cp-hue,0),100%,50%));}[part\x3darea]:focus-visible{outline:2px solid var(--x-color-picker-focus-ring);outline-offset:2px;}[part\x3darea-thumb]{position:absolute;width:16px;height:16px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,0.3),inset 0 0 0 1px rgba(0,0,0,0.3);pointer-events:none;left:var(--_x-cp-area-x,0%);top:var(--_x-cp-area-y,0%);transform:translate(-50%,-50%);}[part\x3dstrips]{display:flex;flex-direction:column;gap:8px;}[part\x3dhue-strip]{position:relative;width:100%;height:var(--x-color-picker-strip-height);border-radius:var(--x-color-picker-strip-height);cursor:pointer;touch-action:none;background:linear-gradient(to right,#f00 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,#f00 100%);}[part\x3dhue-strip]:focus-visible{outline:2px solid var(--x-color-picker-focus-ring);outline-offset:2px;}[part\x3dhue-thumb]{position:absolute;width:16px;height:16px;border-radius:50%;border:2px solid #fff;box-shadow:var(--x-shadow-sm,0 1px 4px rgba(0,0,0,0.3));pointer-events:none;top:50%;left:var(--_x-cp-hue-pos,0%);transform:translate(-50%,-50%);}[part\x3dalpha-strip]{position:relative;width:100%;height:var(--x-color-picker-strip-height);border-radius:var(--x-color-picker-strip-height);cursor:pointer;touch-action:none;background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0;}[part\x3dalpha-strip]:focus-visible{outline:2px solid var(--x-color-picker-focus-ring);outline-offset:2px;}[part\x3dalpha-gradient]{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(to right,transparent,var(--_x-cp-alpha-color,#000));}[part\x3dalpha-thumb]{position:absolute;width:16px;height:16px;border-radius:50%;border:2px solid #fff;box-shadow:var(--x-shadow-sm,0 1px 4px rgba(0,0,0,0.3));pointer-events:none;top:50%;left:var(--_x-cp-alpha-pos,100%);transform:translate(-50%,-50%);z-index:1;}[part\x3dcontrols]{display:flex;align-items:center;gap:6px;}[part\x3dpreview]{width:32px;height:32px;border-radius:var(--x-color-picker-radius);border:var(--x-border-width,1px) solid var(--x-color-picker-border);flex-shrink:0;background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0;overflow:hidden;}[part\x3dpreview-color]{display:block;width:100%;height:100%;}[part\x3dhex-input]{flex:1;min-width:0;box-sizing:border-box;padding:4px 8px;border:var(--x-border-width,1px) solid var(--x-color-picker-border);border-radius:calc(var(--x-color-picker-radius) - 2px);background:transparent;color:var(--x-color-picker-text);font-family:var(--x-font-family,inherit);font-size:var(--x-font-size-sm,0.8125rem);outline:none;}[part\x3dhex-input]:focus-visible{border-color:var(--x-color-picker-focus-ring);box-shadow:0 0 0 2px var(--x-color-picker-focus-ring);}[part\x3deyedropper],[part\x3dcopy]{all:unset;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:calc(var(--x-color-picker-radius) - 2px);cursor:pointer;color:var(--x-color-picker-text);flex-shrink:0;}[part\x3deyedropper]:hover,[part\x3dcopy]:hover{background:var(--x-color-surface-active,rgba(0,0,0,0.06));}@media (prefers-color-scheme:dark){[part\x3deyedropper]:hover,[part\x3dcopy]:hover{background:var(--x-color-surface-active,rgba(255,255,255,0.1));}}[part\x3deyedropper]:focus-visible,[part\x3dcopy]:focus-visible{outline:2px solid var(--x-color-picker-focus-ring);outline-offset:1px;}[part\x3dswatches]{display:grid;grid-template-columns:repeat(auto-fill,var(--x-color-picker-swatch-size));gap:4px;}[part\x3dswatches]:empty{display:none;}[part\x3dswatch]{all:unset;width:var(--x-color-picker-swatch-size);height:var(--x-color-picker-swatch-size);border-radius:var(--x-radius-sm,4px);cursor:pointer;border:var(--x-border-width,1px) solid rgba(0,0,0,0.1);box-sizing:border-box;}[part\x3dswatch]:focus-visible{outline:2px solid var(--x-color-picker-focus-ring);outline-offset:1px;}[part\x3dswatch][aria-selected\x3dtrue]{outline:2px solid var(--x-color-picker-focus-ring);outline-offset:1px;}:host([disabled]){opacity:var(--x-color-picker-disabled-opacity);pointer-events:none;}@media (prefers-reduced-motion:reduce){[part\x3darea-thumb],[part\x3dhue-thumb],[part\x3dalpha-thumb]{transition:none;}}@media (pointer:coarse){[part\x3darea-thumb],[part\x3dhue-thumb],[part\x3dalpha-thumb]{width:24px;height:24px;}[part\x3dtrigger]{width:44px;height:44px;}[part\x3deyedropper],[part\x3dcopy]{width:44px;height:44px;}[part\x3dswatch]{min-width:44px;min-height:44px;}}",
|
|
46
|
+
wia=new $APP.ah(null,new $APP.K(null,4,["ArrowUp",null,"ArrowDown",null,"ArrowRight",null,"ArrowLeft",null],null),null),YI=new $APP.ah(null,new $APP.K(null,4,["End",null,"ArrowRight",null,"ArrowLeft",null,"Home",null],null),null),bJ=new $APP.H(null,20,5,$APP.J,[new $APP.H(null,4,5,$APP.J,["area","pointerdown","area-down",!1],null),new $APP.H(null,4,5,$APP.J,["area","pointermove","area-move",!1],null),new $APP.H(null,4,5,$APP.J,["area","pointerup","area-up",!1],null),new $APP.H(null,4,5,$APP.J,["area",
|
|
47
|
+
"keydown","area-key",!1],null),new $APP.H(null,4,5,$APP.J,["hue-strip","pointerdown","hue-down",!1],null),new $APP.H(null,4,5,$APP.J,["hue-strip","pointermove","hue-move",!1],null),new $APP.H(null,4,5,$APP.J,["hue-strip","pointerup","hue-up",!1],null),new $APP.H(null,4,5,$APP.J,["hue-strip","keydown","hue-key",!1],null),new $APP.H(null,4,5,$APP.J,["alpha-strip","pointerdown","alpha-down",!1],null),new $APP.H(null,4,5,$APP.J,["alpha-strip","pointermove","alpha-move",!1],null),new $APP.H(null,4,5,$APP.J,
|
|
48
|
+
["alpha-strip","pointerup","alpha-up",!1],null),new $APP.H(null,4,5,$APP.J,["alpha-strip","keydown","alpha-key",!1],null),new $APP.H(null,4,5,$APP.J,["hex-input","keydown","hex-key",!1],null),new $APP.H(null,4,5,$APP.J,["swatches","click","swatch",!1],null),new $APP.H(null,4,5,$APP.J,["eyedropper","click","eyedrop",!1],null),new $APP.H(null,4,5,$APP.J,["copy","click","copy",!1],null),new $APP.H(null,4,5,$APP.J,["trigger","click","trigger",!1],null),new $APP.H(null,4,5,$APP.J,["panel","keydown","panel-key",
|
|
49
|
+
!1],null),new $APP.H(null,4,5,$APP.J,["panel","pointerdown","panel-pd",!1],null),new $APP.H(null,4,5,$APP.J,[$I,"pointerdown","doc-click",!0],null)],null);$APP.ha("baredom.exports.x_color_picker.init",qJ);export const init=qJ;
|
package/dist/x-combobox.d.ts
CHANGED
|
@@ -10,15 +10,23 @@ export interface XComboboxEventMap {
|
|
|
10
10
|
}
|
|
11
11
|
|
|
12
12
|
export interface XCombobox extends HTMLElement {
|
|
13
|
-
|
|
13
|
+
readonly validationMessage: string;
|
|
14
|
+
open: boolean;
|
|
15
|
+
readonly labels: NodeList | null;
|
|
16
|
+
readonly willValidate: boolean;
|
|
14
17
|
placeholder: string;
|
|
15
|
-
name: string;
|
|
16
18
|
disabled: boolean;
|
|
17
|
-
|
|
18
|
-
|
|
19
|
+
name: string;
|
|
20
|
+
value: string;
|
|
21
|
+
error: string;
|
|
22
|
+
readonly form: HTMLFormElement | null;
|
|
19
23
|
placement: string;
|
|
24
|
+
required: boolean;
|
|
25
|
+
readonly validity: ValidityState;
|
|
20
26
|
show(): void;
|
|
21
27
|
hide(): void;
|
|
28
|
+
checkValidity(): boolean;
|
|
29
|
+
reportValidity(): boolean;
|
|
22
30
|
|
|
23
31
|
addEventListener<K extends keyof XComboboxEventMap>(
|
|
24
32
|
type: K,
|
package/dist/x-combobox.js
CHANGED
|
@@ -1,31 +1,37 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
$APP.
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
$APP.l(a,"
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
0,null)
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
e
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
$APP.
|
|
27
|
-
|
|
28
|
-
$APP.
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
2
|
+
var wy=function(a,b){if(b==null||$APP.z.j(b,""))return a;var c=b.toLowerCase();return $APP.Ye(function(d){d=$APP.G(d);d=$APP.C(d,$APP.Z);return $APP.M.j(-1,d.toLowerCase().indexOf(c))},a)},yba=function(a,b){return b!=null?$APP.te(function(c){return $APP.z.j($APP.Q.i(c),b)?c:null},a):null},zba=function(a,b,c,d,e){var f=$APP.G(e);e=$APP.C(f,$APP.Ei);var h=$APP.C(f,$APP.Q);f=$APP.C(f,$APP.Z);a:{if(a!=null&&$APP.M.j(a,"")){var k=f.toLowerCase().indexOf(a.toLowerCase());if($APP.M.j(k,-1)){a=k+$APP.w(a);
|
|
3
|
+
a=new $APP.K(null,3,[$APP.Bk,f.substring(0,k),$APP.bs,f.substring(k,a),$APP.kt,f.substring(a)],null);break a}}a=null}k=$APP.G($APP.m(a)?a:new $APP.K(null,3,[$APP.Bk,f,$APP.bs,"",$APP.kt,""],null));a=$APP.C(k,$APP.Bk);f=$APP.C(k,$APP.bs);k=$APP.C(k,$APP.kt);return new $APP.K(null,8,[$APP.Ei,e,$APP.zt,""+$APP.N.i("x-cb-opt-")+$APP.N.i(d),$APP.Q,h,$APP.tv,$APP.z.j(d,b)?"":null,$APP.Es,$APP.z.j(h,c)?"true":null,$APP.Bk,a,$APP.bs,f,$APP.kt,k],null)},Aba=function(a,b,c,d){a=wy($APP.Gi($APP.Q,a),b);c=$APP.Dk.j(c,
|
|
4
|
+
$APP.w(a)-1);return $APP.$c(a)?new $APP.K(null,2,[$APP.xs,new $APP.H(null,1,5,$APP.J,[new $APP.K(null,2,[$APP.Ei,"empty",$APP.Vn,"No matches"],null)],null),$APP.ov,null],null):new $APP.K(null,2,[$APP.xs,$APP.Xf.l($APP.Xe,$APP.De($APP.Ae(zba,b,c,d)),a),$APP.ov,c>=0?""+$APP.N.i("x-cb-opt-")+$APP.N.i(c):null],null)},xy=function(a){var b=$APP.l(a,"__xComboboxRefs");$APP.m(b)&&(b=$APP.l(b,"slot").assignedElements({flatten:!0}),b=$APP.Xf.l($APP.Xe,$APP.wk.j($APP.Te(function(c){return $APP.z.j("OPTION",
|
|
5
|
+
c.tagName)}),$APP.Oe.i(function(c){var d=c.getAttribute("value");return new $APP.K(null,2,[$APP.Q,$APP.m(d)?d:c.textContent,$APP.Z,c.textContent],null)})),$APP.Jc(b)),$APP.T(a,"__xComboboxOptions",b))},Bba=function(a){$APP.z.j(a,"empty")?(a=document.createElement("div"),$APP.U(a,"part","empty-msg")):(a=document.createElement("div"),$APP.U(a,"part","option"),$APP.U(a,"role","option"),a.append("",document.createElement("b"),""));return a},Cba=function(a,b){b=$APP.G(b);var c=$APP.C(b,$APP.Ei),d=$APP.C(b,
|
|
6
|
+
$APP.Vn);a=a.i?a.i(c):a.call(null,c);if($APP.z.j(c,"empty"))a=$APP.$i(a,d);else{var e=$APP.G(b);b=$APP.C(e,$APP.zt);c=$APP.C(e,$APP.Q);d=$APP.C(e,$APP.tv);var f=$APP.C(e,$APP.Es),h=$APP.C(e,$APP.Bk),k=$APP.C(e,$APP.bs);e=$APP.C(e,$APP.kt);$APP.Zi(a,"id",b);$APP.Zi(a,"data-value",c);$APP.Zi(a,"data-active",d);$APP.Zi(a,"aria-selected",f);$APP.$i(a.firstChild,h);$APP.$i(a.firstElementChild,k);a=$APP.$i(a.lastChild,e)}return a},yy=function(a){var b=$APP.l(a,"__xComboboxRefs");if($APP.m(b)){var c=$APP.l(b,
|
|
7
|
+
"panel");b=$APP.l(b,"input");var d=Aba($APP.l(a,"__xComboboxOptions"),function(){var f=$APP.l(a,"__xComboboxQuery");return $APP.m(f)?f:""}(),function(){var f=$APP.l(a,"__xComboboxActiveIdx");return $APP.m(f)?f:0}(),function(){var f=a.getAttribute("value");return $APP.m(f)?f:""}()),e=$APP.G(d);d=$APP.C(e,$APP.xs);e=$APP.C(e,$APP.ov);c=$APP.Tk(new $APP.K(null,1,[$APP.Wm,new $APP.K(null,1,[$APP.Jk,c],null)],null),new $APP.K(null,1,[$APP.Wm,$APP.Ci.j($APP.Ei,d)],null),Bba);$APP.bi($APP.xe(Cba,c),d);return $APP.Zi(b,
|
|
8
|
+
"aria-activedescendant",e)}return null},zy=function(a){var b=new $APP.K(null,8,[$APP.dl,a.getAttribute("value"),$APP.el,a.getAttribute("placeholder"),$APP.cl,a.getAttribute("name"),$APP.gl,a.hasAttribute("disabled"),$APP.hl,a.hasAttribute("required"),$APP.rr,a.hasAttribute("open"),$APP.Nx,a.getAttribute("placement"),$APP.Fp,a.getAttribute("error")],null);var c=$APP.G(b),d=$APP.C(c,$APP.dl),e=$APP.C(c,$APP.el),f=$APP.C(c,$APP.cl);b=$APP.C(c,$APP.gl);var h=$APP.C(c,$APP.hl),k=$APP.C(c,$APP.rr),n=$APP.C(c,
|
|
9
|
+
$APP.Nx);c=$APP.C(c,$APP.Fp);h=$APP.D(h);e=$APP.m(e)?e:"";f=$APP.m(f)?f:"";d=$APP.m(d)?d:"";var r=$APP.D(typeof c==="string"&&$APP.M.j(c,""));k=$APP.D(k);c=$APP.m(c)?c:"";n=$APP.kd(Dba,n)?n:"bottom-start";b=$APP.Ag([$APP.Rj,$APP.ml,$APP.ll,$APP.Q,$APP.Pj,$APP.du,$APP.Qj,$APP.yv,$APP.nl],[h,e,f,d,r,k,c,n,$APP.D(b)]);$APP.M.j($APP.l(a,"__xComboboxModel"),b)?(h=$APP.l(a,"__xComboboxRefs"),$APP.m(h)?(n=$APP.l(h,"input"),c=$APP.l(h,"panel"),h=$APP.l(h,"error"),k=yba($APP.l(a,"__xComboboxOptions"),$APP.Q.i(b)),
|
|
10
|
+
d=$APP.G(b),e=$APP.C(d,$APP.ml),f=$APP.C(d,$APP.nl),d=$APP.C(d,$APP.du),n.placeholder=e,n.disabled=f,$APP.U(n,"aria-expanded",""+$APP.N.i(d)),e=$APP.G(b),e=$APP.C(e,$APP.yv),$APP.U(c,"data-placement",e),c=$APP.G(b),$APP.C(c,$APP.Q),c=$APP.C(c,$APP.du),$APP.m(c)||(n.value=$APP.m(k)?$APP.Z.i(k):""),k=$APP.G(b),k=$APP.C(k,$APP.Q),$APP.M.j(k,"")?$APP.U(a,"data-has-value",""):$APP.V(a,"data-has-value"),$APP.ck(a,n,h,b,$APP.bk($APP.Pj.i(b),null)),k=$APP.G(b),h=$APP.C(k,$APP.Q),k=$APP.C(k,$APP.Pj),h=$APP.m(h)?
|
|
11
|
+
h:"",$APP.Xj($APP.l(a,"__xComboboxInternals"),n,h,new $APP.K(null,5,[$APP.Pj,k,$APP.Qj,a.getAttribute("error"),$APP.Rj,a.hasAttribute("required"),$APP.Sj,$APP.z.j(h,""),$APP.Tj,"Please select an item in the list."],null)),$APP.m($APP.du.i(b))&&yy(a),a=$APP.T(a,"__xComboboxModel",b)):a=null):a=null;return a},Ay=function(a,b){return $APP.p(a.hasAttribute("disabled"))&&$APP.p(a.hasAttribute("open"))&&$APP.hj(a,"x-combobox-toggle",{open:!0,source:b})?($APP.T(a,"__xComboboxQuery",""),$APP.T(a,"__xComboboxActiveIdx",
|
|
12
|
+
0),$APP.U(a,"open",""),a=$APP.l(a,"__xComboboxRefs"),$APP.m(a)?$APP.l(a,"input").select():null):null},By=function(a,b){return $APP.m(a.hasAttribute("open"))&&$APP.hj(a,"x-combobox-toggle",{open:!1,source:b})?($APP.T(a,"__xComboboxQuery",""),$APP.T(a,"__xComboboxActiveIdx",0),$APP.V(a,"open")):null},Cy=function(a,b,c){var d=a.getAttribute("value");return $APP.hj(a,"x-combobox-change-request",{value:b,label:c,previousValue:$APP.m(d)?d:""})?($APP.U(a,"value",b),d=$APP.l(a,"__xComboboxRefs"),$APP.m(d)&&
|
|
13
|
+
($APP.l(d,"input").value=c),By(a,"select"),$APP.fj(a,"x-combobox-change",{value:b,label:c})):null},Dy=function(a,b){var c=wy($APP.l(a,"__xComboboxOptions"),function(){var e=$APP.l(a,"__xComboboxQuery");return $APP.m(e)?e:""}());c=$APP.w(c);var d=function(){var e=$APP.l(a,"__xComboboxActiveIdx");return $APP.m(e)?e:0}();b=$APP.z.j(b,$APP.ss)?c===0?-1:$APP.Bd(($APP.m(d)?d:-1)+1,c):c===0?-1:$APP.Bd(($APP.m(d)?d:c)-1,c);$APP.T(a,"__xComboboxActiveIdx",b);yy(a);b=$APP.l(a,"__xComboboxRefs");return $APP.m(b)?
|
|
14
|
+
(b=$APP.l(b,"panel").querySelector("["+$APP.N.i("data-active")+"]"),$APP.m(b)?b.scrollIntoView({block:"nearest"}):null):null},Eba=function(a){var b=wy($APP.l(a,"__xComboboxOptions"),function(){var c=$APP.l(a,"__xComboboxQuery");return $APP.m(c)?c:""}());b=$APP.B(b,function(){var c=$APP.l(a,"__xComboboxActiveIdx");return $APP.m(c)?c:0}(),null);return $APP.m(b)?Cy(a,$APP.Q.i(b),$APP.Z.i(b)):null},Fba=function(a,b){return $APP.m(a.hasAttribute("open"))?(b=$APP.Kc(b.composedPath()),b=$APP.te(function(c){return c===
|
|
15
|
+
a},b),$APP.m(b)?null:By(a,"outside-click")):null},Gba=function(a){var b=$APP.l(a,"__xComboboxRefs");if($APP.m(b)){for(var c={},d=$APP.q(Ey),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),x=$APP.B(k,3,null),y=$APP.l(b,n);k=function(I,O,S,R,da,na,ka,oa,Qa,Sa){return function(ob){return Sa.j?Sa.j(a,ob):Sa.call(null,a,ob)}}(d,e,f,h,y,k,n,r,v,x,c,b,b);y.addEventListener(v,k);c[r]=k;h+=1}else if(n=$APP.q(d)){r=n;if($APP.gd(r))d=$APP.Jb(r),h=$APP.Kb(r),
|
|
16
|
+
e=d,f=$APP.w(d),d=h;else{x=$APP.t(r);var A=$APP.B(x,0,null);v=$APP.B(x,1,null);y=$APP.B(x,2,null);var E=$APP.B(x,3,null);k=$APP.l(b,A);d=function(I,O,S,R,da,na,ka,oa,Qa,Sa){return function(ob){return Sa.j?Sa.j(a,ob):Sa.call(null,a,ob)}}(d,e,f,h,k,x,A,v,y,E,r,n,c,b,b);k.addEventListener(y,d);c[v]=d;d=$APP.u(r);e=null;f=0}h=0}else break;d=$APP.q(Fy);e=null;for(h=f=0;;)if(h<f)y=e.C(null,h),r=$APP.B(y,0,null),v=$APP.B(y,1,null),k=$APP.B(y,2,null),y=function(I,O,S,R,da,na,ka,oa){return function(Qa){return oa.j?
|
|
17
|
+
oa.j(a,Qa):oa.call(null,a,Qa)}}(d,e,f,h,y,r,v,k,c,b,b),a.addEventListener(v,y),c[r]=y,h+=1;else if(k=$APP.q(d))r=k,$APP.gd(r)?(d=$APP.Jb(r),h=$APP.Kb(r),e=d,f=$APP.w(d),d=h):(n=$APP.t(r),v=$APP.B(n,0,null),y=$APP.B(n,1,null),x=$APP.B(n,2,null),d=function(I,O,S,R,da,na,ka,oa){return function(Qa){return oa.j?oa.j(a,Qa):oa.call(null,a,Qa)}}(d,e,f,h,n,v,y,x,r,k,c,b,b),a.addEventListener(y,d),c[v]=d,d=$APP.u(r),e=null,f=0),h=0;else break;$APP.T(a,"__xComboboxHandlers",c)}},Gy=function(a){var b=$APP.l(a,
|
|
18
|
+
"__xComboboxHandlers");if($APP.m(b)){var c=$APP.l(a,"__xComboboxRefs");if($APP.m(c)){for(var d=$APP.q(Ey),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);$APP.B(k,3,null);var x=$APP.l(c,n),y=$APP.l(b,r);$APP.m(function(){var I=x;return $APP.m(I)?y:I}())&&x.removeEventListener(v,y);h+=1}else if(d=$APP.q(d)){if($APP.gd(d))f=$APP.Jb(d),d=$APP.Kb(d),e=f,f=$APP.w(f);else{e=$APP.t(d);f=$APP.B(e,0,null);h=$APP.B(e,1,null);k=$APP.B(e,2,null);$APP.B(e,3,
|
|
19
|
+
null);var A=$APP.l(c,f),E=$APP.l(b,h);$APP.m(function(){var I=A;return $APP.m(I)?E:I}())&&A.removeEventListener(k,E);d=$APP.u(d);e=null;f=0}h=0}else break;c=$APP.q(Fy);d=null;for(f=e=0;;)if(f<e)k=d.C(null,f),n=$APP.B(k,0,null),h=$APP.B(k,1,null),$APP.B(k,2,null),k=$APP.l(b,n),$APP.m(k)&&a.removeEventListener(h,k),f+=1;else if(c=$APP.q(c))$APP.gd(c)?(e=$APP.Jb(c),c=$APP.Kb(c),d=e,e=$APP.w(e)):(e=$APP.t(c),f=$APP.B(e,0,null),d=$APP.B(e,1,null),$APP.B(e,2,null),e=$APP.l(b,f),$APP.m(e)&&a.removeEventListener(d,
|
|
20
|
+
e),c=$APP.u(c),d=null,e=0),f=0;else break}$APP.T(a,"__xComboboxHandlers",null)}},Hba=function(a){return setTimeout(function(){if($APP.m(function(){var d=a.isConnected;return $APP.m(d)?a.hasAttribute("open"):d}())){var b=function(d){return Fba(a,d)},c=$APP.l(a,"__xComboboxHandlers");$APP.m(c)&&(c.docClick=b);return document.addEventListener("click",b)}return null},0)},Hy=function(a){a=$APP.l(a,"__xComboboxHandlers");if($APP.m(a)){var b=$APP.l(a,"docClick");if($APP.m(b)){document.removeEventListener("click",
|
|
21
|
+
b);a.docClick=null;return}}return null},Iba=function(a,b){$APP.Yi(a,"disabled",$APP.D(b));return zy(a)},Jba=function(a){$APP.V(a,"value");$APP.V(a,"error");$APP.T(a,"__xComboboxModel",null);return zy(a)},Lba=function(a){if(!$APP.m($APP.l(a,"__xComboboxRefs"))){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=""+$APP.N.i("x-cb-lb-")+$APP.N.i(crypto.randomUUID()),e=document.createElement("input");$APP.U(e,"part","input");$APP.U(e,"type","text");$APP.U(e,"role","combobox");$APP.U(e,
|
|
22
|
+
"aria-expanded","false");$APP.U(e,"aria-autocomplete","list");$APP.U(e,"aria-controls",d);$APP.U(e,"autocomplete","off");var f=document.createElement("button");$APP.U(f,"part","clear");$APP.U(f,"type","button");$APP.U(f,"aria-label","Clear");$APP.U(f,"tabindex","-1");f.textContent="×";var h=document.createElement("span");$APP.U(h,"part","chevron");$APP.U(h,"aria-hidden","true");h.innerHTML='\x3csvg width\x3d"12" height\x3d"12" viewBox\x3d"0 0 12 12" fill\x3d"none" xmlns\x3d"http://www.w3.org/2000/svg" aria-hidden\x3d"true"\x3e\x3cpath d\x3d"M2.5 4.5L6 8L9.5 4.5" stroke\x3d"currentColor" stroke-width\x3d"1.5" stroke-linecap\x3d"round" stroke-linejoin\x3d"round"/\x3e\x3c/svg\x3e';
|
|
23
|
+
var k=document.createElement("div");$APP.U(k,"part","wrapper");k.appendChild(e);k.appendChild(f);k.appendChild(h);var n=document.createElement("div");$APP.U(n,"part","panel");$APP.U(n,"role","listbox");$APP.U(n,"id",d);$APP.U(n,"data-placement","bottom-start");d=document.createElement("span");$APP.U(d,"part","error");$APP.U(d,"id","error");$APP.U(d,"role","alert");$APP.U(d,"aria-live","assertive");d.classList.add("error-hidden");var r=document.createElement("slot"),v={};c.textContent=Kba;k.appendChild(n);
|
|
24
|
+
b.appendChild(c);b.appendChild(k);b.appendChild(d);b.appendChild(r);$APP.T(a,"__xComboboxOptions",$APP.Xe);$APP.T(a,"__xComboboxQuery","");$APP.T(a,"__xComboboxActiveIdx",0);v.wrapper=k;v.input=e;v.clear=f;v.chevron=h;v.panel=n;v.error=d;v.slot=r;$APP.T(a,"__xComboboxRefs",v);$APP.m(a.attachInternals)&&$APP.T(a,"__xComboboxInternals",a.attachInternals())}Gy(a);Hy(a);Gba(a);xy(a);return zy(a)},Mba=function(a){Gy(a);Hy(a);return $APP.T(a,"__xComboboxModel",null)},Nba=function(a,b,c,d){return $APP.M.j(c,
|
|
25
|
+
d)&&$APP.m($APP.l(a,"__xComboboxRefs"))?(zy(a),$APP.z.j(b,"open")?$APP.m(a.hasAttribute("open"))?Hba(a):Hy(a):null):null},Pba=function(a){$APP.ak(a,"__xComboboxInternals");$APP.uj(a,Oba);Object.defineProperty(a,"show",{value:function(){return Ay(this,"programmatic")},writable:!0,configurable:!0});return Object.defineProperty(a,"hide",{value:function(){return By(this,"programmatic")},writable:!0,configurable:!0})},Iy=function(){return $APP.Oj("x-combobox",new $APP.K(null,8,[$APP.Gj,Qba,$APP.Ej,Lba,
|
|
26
|
+
$APP.Bj,Mba,$APP.Aj,Nba,$APP.Cj,!0,$APP.zj,Iba,$APP.yj,Jba,$APP.Fj,Pba],null))};var Dba=new $APP.ah(null,new $APP.K(null,4,["bottom-start",null,"bottom-end",null,"top-end",null,"top-start",null],null),null),Qba="value placeholder name disabled required open placement error".split(" "),Oba=$APP.Ag([$APP.Kx,$APP.ex,$APP.nx,$APP.js,$APP.ml,$APP.Qo,$APP.ll,$APP.Q,$APP.Qj,$APP.ut,$APP.yv,$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.sj,$APP.W,"open"],null),new $APP.K(null,2,[$APP.P,$APP.ws,$APP.rj,!0],null),new $APP.K(null,2,[$APP.P,
|
|
27
|
+
$APP.sj,$APP.rj,!0],null),new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"placeholder"],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,$APP.X,$APP.W,"value"],null),new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"error"],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,"placement"],null),new $APP.K(null,2,[$APP.P,$APP.sj,$APP.W,"required"],null),new $APP.K(null,2,[$APP.P,
|
|
28
|
+
$APP.Mv,$APP.rj,!0],null)]);
|
|
29
|
+
$APP.ne(["x-combobox-change-request",new $APP.K(null,3,[$APP.St,!0,$APP.wu,$APP.ne(["value",$APP.Q]),$APP.cj,new $APP.K(null,3,[$APP.Q,$APP.X,$APP.Z,$APP.X,$APP.aw,$APP.X],null)],null),"x-combobox-change",new $APP.K(null,2,[$APP.St,!1,$APP.cj,new $APP.K(null,2,[$APP.Q,$APP.X,$APP.Z,$APP.X],null)],null),"x-combobox-input",new $APP.K(null,2,[$APP.St,!1,$APP.cj,new $APP.K(null,1,[$APP.tr,$APP.X],null)],null),"x-combobox-toggle",new $APP.K(null,3,[$APP.St,!0,$APP.wu,$APP.ne(["open",$APP.ex]),$APP.cj,
|
|
30
|
+
new $APP.K(null,2,[$APP.ex,$APP.sj,$APP.wt,$APP.X],null)],null)]);var Kba=":host{display:inline-block;position:relative;color-scheme:light dark;--x-combobox-bg:var(--x-color-surface,#ffffff);--x-combobox-fg:var(--x-color-text,#0f172a);--x-combobox-placeholder:var(--x-color-text-muted,#94a3b8);--x-combobox-border:var(--x-border-width,1px) solid var(--x-color-border,#e2e8f0);--x-combobox-border-hover:var(--x-border-width,1px) solid var(--x-color-border,#cbd5e1);--x-combobox-border-focus:var(--x-border-width,1px) solid var(--x-color-focus-ring,#60a5fa);--x-combobox-radius:var(--x-radius-md,6px);--x-combobox-height:2.25rem;--x-combobox-font-size:var(--x-font-size-sm,0.9375rem);--x-combobox-padding:0 0.625rem;--x-combobox-focus-ring:var(--x-color-focus-ring,#60a5fa);--x-combobox-error-color:var(--x-color-danger,#dc2626);--x-combobox-shadow:var(--x-shadow-sm,0 1px 2px rgba(0,0,0,0.05));--x-combobox-disabled-opacity:var(--x-opacity-disabled,0.55);--x-combobox-chevron-color:var(--x-color-text-muted,#64748b);--x-combobox-panel-bg:var(--x-color-bg,#ffffff);--x-combobox-panel-border:var(--x-border-width,1px) solid var(--x-color-border,#e2e8f0);--x-combobox-panel-radius:var(--x-radius-md,8px);--x-combobox-panel-shadow:var(--x-shadow-md,0 4px 16px rgba(0,0,0,0.12));--x-combobox-panel-max-height:16rem;--x-combobox-panel-offset:4px;--x-combobox-option-padding:0.5rem 0.625rem;--x-combobox-option-hover-bg:var(--x-color-surface-hover,#f1f5f9);--x-combobox-option-active-bg:var(--x-color-primary,#3b82f6);--x-combobox-option-active-fg:#ffffff;--x-combobox-transition-duration:var(--x-transition-duration,150ms);--x-combobox-transition-easing:var(--x-transition-easing,ease);}"+
|
|
31
|
+
$APP.N.i("button,input,select,textarea{font-family:inherit;}")+$APP.N.i(":host([hidden]){display:none;}")+"@media (prefers-color-scheme:dark){:host{--x-combobox-bg:var(--x-color-surface,#1e293b);--x-combobox-fg:var(--x-color-text,#e2e8f0);--x-combobox-placeholder:var(--x-color-text-muted,#64748b);--x-combobox-border:var(--x-border-width,1px) solid var(--x-color-border,#334155);--x-combobox-border-hover:var(--x-border-width,1px) solid var(--x-color-border,#475569);--x-combobox-border-focus:var(--x-border-width,1px) solid var(--x-color-focus-ring,#93c5fd);--x-combobox-focus-ring:var(--x-color-focus-ring,#93c5fd);--x-combobox-error-color:var(--x-color-danger,#f87171);--x-combobox-shadow:var(--x-shadow-sm,0 1px 2px rgba(0,0,0,0.2));--x-combobox-chevron-color:var(--x-color-text-muted,#94a3b8);--x-combobox-panel-bg:var(--x-color-bg,#1e293b);--x-combobox-panel-border:var(--x-border-width,1px) solid var(--x-color-border,#334155);--x-combobox-panel-shadow:var(--x-shadow-md,0 4px 24px rgba(0,0,0,0.4));--x-combobox-option-hover-bg:var(--x-color-surface-hover,#334155);--x-combobox-option-active-bg:var(--x-color-primary,#3b82f6);}}[part\x3dwrapper]{position:relative;display:flex;align-items:center;height:var(--x-combobox-height);background:var(--x-combobox-bg);border:var(--x-combobox-border);border-radius:var(--x-combobox-radius);box-shadow:var(--x-combobox-shadow);padding:var(--x-combobox-padding);cursor:text;transition:border var(--x-combobox-transition-duration) var(--x-combobox-transition-easing),box-shadow var(--x-combobox-transition-duration) var(--x-combobox-transition-easing);}[part\x3dwrapper]:hover{border:var(--x-combobox-border-hover);}:host(:focus-within) [part\x3dwrapper]{border:var(--x-combobox-border-focus);box-shadow:0 0 0 2px var(--x-combobox-focus-ring);}:host([data-invalid]) [part\x3dwrapper]{border:var(--x-border-width,1px) solid var(--x-combobox-error-color);}:host([data-invalid]:focus-within) [part\x3dwrapper]{border:var(--x-border-width,1px) solid var(--x-combobox-error-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--x-combobox-error-color) 45%,transparent);}:host([disabled]) [part\x3dwrapper]{opacity:var(--x-combobox-disabled-opacity);cursor:default;pointer-events:none;}[part\x3dinput]{all:unset;flex:1;min-width:0;height:100%;font-size:var(--x-combobox-font-size);font-family:inherit;color:var(--x-combobox-fg);}[part\x3dinput]::placeholder{color:var(--x-combobox-placeholder);}[part\x3dclear]{all:unset;display:none;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;font-size:0.875rem;color:var(--x-combobox-chevron-color);cursor:pointer;flex-shrink:0;border-radius:var(--x-radius-sm,2px);}[part\x3dclear]:hover{color:var(--x-combobox-fg);}[part\x3dclear]:focus-visible{outline:none;box-shadow:0 0 0 2px var(--x-combobox-focus-ring);}:host([data-has-value]) [part\x3dclear]{display:inline-flex;}:host([disabled]) [part\x3dclear]{display:none;}[part\x3dchevron]{display:inline-flex;align-items:center;color:var(--x-combobox-chevron-color);flex-shrink:0;margin-left:0.25rem;transition:transform var(--x-transition-duration,200ms) var(--x-transition-easing,ease);cursor:pointer;}:host([open]) [part\x3dchevron]{transform:rotate(180deg);}[part\x3dpanel]{position:absolute;z-index:var(--x-z-dropdown,1000);box-sizing:border-box;width:100%;background:var(--x-combobox-panel-bg);border:var(--x-combobox-panel-border);border-radius:var(--x-combobox-panel-radius);box-shadow:var(--x-combobox-panel-shadow);padding:0.25rem 0;max-height:var(--x-combobox-panel-max-height);max-width:calc(100% - 0rem);overflow-y:auto;visibility:hidden;pointer-events:none;opacity:0;transform:scaleY(0.95);transition:opacity var(--x-combobox-transition-duration) var(--x-combobox-transition-easing),transform var(--x-combobox-transition-duration) var(--x-combobox-transition-easing),visibility 0s var(--x-combobox-transition-duration);}:host([open]) [part\x3dpanel]{visibility:visible;pointer-events:auto;opacity:1;transform:scaleY(1);transition:opacity var(--x-combobox-transition-duration) var(--x-combobox-transition-easing),transform var(--x-combobox-transition-duration) var(--x-combobox-transition-easing),visibility 0s 0s;}[part\x3dpanel][data-placement\x3dbottom-start]{top:calc(100% + var(--x-combobox-panel-offset));left:0;transform-origin:top left;}[part\x3dpanel][data-placement\x3dbottom-end]{top:calc(100% + var(--x-combobox-panel-offset));right:0;transform-origin:top right;}[part\x3dpanel][data-placement\x3dtop-start]{bottom:calc(100% + var(--x-combobox-panel-offset));left:0;transform-origin:bottom left;}[part\x3dpanel][data-placement\x3dtop-end]{bottom:calc(100% + var(--x-combobox-panel-offset));right:0;transform-origin:bottom right;}[part\x3doption]{padding:var(--x-combobox-option-padding);font-size:var(--x-combobox-font-size);font-family:inherit;color:var(--x-combobox-fg);cursor:default;border-radius:var(--x-radius-sm,4px);margin:0 0.25rem;}[part\x3doption]:hover{background:var(--x-combobox-option-hover-bg);}[part\x3doption][data-active]{background:var(--x-combobox-option-active-bg);color:var(--x-combobox-option-active-fg);}[part\x3doption][data-active] b{color:inherit;}[part\x3doption] b{font-weight:var(--x-font-weight-bold,700);}[part\x3dempty-msg]{padding:var(--x-combobox-option-padding);font-size:var(--x-combobox-font-size);color:var(--x-combobox-placeholder);font-style:italic;margin:0 0.25rem;}[part\x3derror]{display:block;margin-top:0.25rem;font-size:var(--x-font-size-sm,0.8125rem);line-height:1.4;color:var(--x-combobox-error-color);}.error-hidden{display:none;}slot{display:none;}@media (prefers-reduced-motion:reduce){[part\x3dpanel]{transition:none !important;}[part\x3dwrapper]{transition:none !important;}[part\x3dchevron]{transition:none !important;}}@media (pointer:coarse){:host{--x-combobox-height:2.75rem;}[part\x3dclear]{width:2.75rem;height:2.75rem;}[part\x3doption]{min-height:2.75rem;display:flex;align-items:center;}}",
|
|
32
|
+
Ey=new $APP.H(null,8,5,$APP.J,[new $APP.H(null,4,5,$APP.J,["input","inputFocus","focus",function(a){return Ay(a,"focus")}],null),new $APP.H(null,4,5,$APP.J,["input","inputInput","input",function(a,b){b=b.target.value;$APP.T(a,"__xComboboxQuery",b);$APP.T(a,"__xComboboxActiveIdx",0);$APP.m(a.hasAttribute("open"))||Ay(a,"input");yy(a);return $APP.fj(a,"x-combobox-input",{query:b})}],null),new $APP.H(null,4,5,$APP.J,["input","inputKeydown","keydown",function(a,b){var c=b.key;$APP.z.j(c,"ArrowDown")?
|
|
33
|
+
(b.preventDefault(),a=$APP.m(a.hasAttribute("open"))?Dy(a,$APP.ss):Ay(a,"keyboard")):$APP.z.j(c,"ArrowUp")?(b.preventDefault(),a=$APP.m(a.hasAttribute("open"))?Dy(a,$APP.uv):Ay(a,"keyboard")):$APP.z.j(c,"Enter")?$APP.m(a.hasAttribute("open"))?(b.preventDefault(),a=Eba(a)):a=null:$APP.z.j(c,"Escape")?$APP.m(a.hasAttribute("open"))?(b.preventDefault(),By(a,"escape"),a=$APP.l(a,"__xComboboxRefs"),a=$APP.m(a)?$APP.l(a,"input").focus():null):a=null:$APP.z.j(c,"Home")?$APP.m(a.hasAttribute("open"))?(b.preventDefault(),
|
|
34
|
+
$APP.T(a,"__xComboboxActiveIdx",0),a=yy(a)):a=null:$APP.z.j(c,"End")?$APP.m(a.hasAttribute("open"))?(b.preventDefault(),b=$APP.l(a,"__xComboboxQuery"),b=$APP.w(wy($APP.l(a,"__xComboboxOptions"),$APP.m(b)?b:"")),$APP.T(a,"__xComboboxActiveIdx",$APP.Sm.j(0,b-1)),a=yy(a)):a=null:a=null;return a}],null),new $APP.H(null,4,5,$APP.J,["clear","clearClick","click",function(a){var b=a.getAttribute("value");return $APP.hj(a,"x-combobox-change-request",{value:"",label:"",previousValue:$APP.m(b)?b:""})?($APP.V(a,
|
|
35
|
+
"value"),$APP.V(a,"data-has-value"),b=$APP.l(a,"__xComboboxRefs"),$APP.m(b)&&(b=$APP.l(b,"input"),b.value="",b.focus()),$APP.fj(a,"x-combobox-change",{value:"",label:""})):null}],null),new $APP.H(null,4,5,$APP.J,["chevron","chevronPointerdown","pointerdown",function(a,b){b.preventDefault();if($APP.m(a.hasAttribute("open")))return By(a,"pointer");Ay(a,"pointer");a=$APP.l(a,"__xComboboxRefs");return $APP.m(a)?$APP.l(a,"input").focus():null}],null),new $APP.H(null,4,5,$APP.J,["panel","panelPointerdown",
|
|
36
|
+
"pointerdown",function(a,b){return b.preventDefault()}],null),new $APP.H(null,4,5,$APP.J,["panel","panelClick","click",function(a,b){b=b.target;b=$APP.m(b.hasAttribute("data-value"))?b:b.closest("["+$APP.N.i("data-value")+"]");if($APP.m(b)){var c=b.getAttribute("data-value");return Cy(a,c,b.textContent)}return null}],null),new $APP.H(null,4,5,$APP.J,["slot","slotchange","slotchange",function(a){xy(a);$APP.T(a,"__xComboboxModel",null);return zy(a)}],null)],null),Fy=new $APP.H(null,1,5,$APP.J,[new $APP.H(null,
|
|
37
|
+
3,5,$APP.J,["focusout","focusout",function(a,b){return $APP.m(a.hasAttribute("open"))?(b=b.relatedTarget,b==null||$APP.p(a.contains(b))?By(a,"focusout"):null):null}],null)],null);$APP.ha("baredom.exports.x_combobox.init",Iy);export const init=Iy;
|