@vanelsas/baredom 2.8.0 → 2.9.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 +28 -0
- package/custom-elements.json +467 -0
- package/dist/baredom.d.ts +5 -0
- package/dist/base.js +453 -450
- package/dist/integrity.json +102 -97
- package/dist/x-alert.js +17 -17
- package/dist/x-avatar-group.js +9 -9
- package/dist/x-avatar.js +14 -14
- package/dist/x-badge.js +9 -9
- package/dist/x-bento-grid.js +5 -5
- package/dist/x-bento-item.js +4 -4
- package/dist/x-breadcrumbs.js +13 -13
- package/dist/x-button.js +17 -16
- package/dist/x-cancel-dialogue.js +13 -13
- package/dist/x-card.js +7 -7
- package/dist/x-carousel.js +31 -31
- package/dist/x-chart.js +46 -46
- package/dist/x-checkbox.js +10 -10
- package/dist/x-chip.js +1 -1
- package/dist/x-collapse.js +8 -8
- package/dist/x-color-picker.js +45 -44
- package/dist/x-combobox.js +24 -24
- package/dist/x-command-palette.js +24 -24
- package/dist/x-confetti.d.ts +50 -0
- package/dist/x-confetti.js +23 -0
- package/dist/x-container.js +4 -4
- package/dist/x-context-menu.js +20 -20
- package/dist/x-copy.js +20 -20
- package/dist/x-currency-field.js +22 -22
- package/dist/x-date-picker.js +40 -40
- package/dist/x-divider.js +8 -8
- package/dist/x-drawer.js +9 -9
- package/dist/x-dropdown.js +9 -9
- package/dist/x-fieldset.js +4 -4
- package/dist/x-file-download.js +5 -5
- package/dist/x-file-upload.js +20 -20
- package/dist/x-form-field.js +14 -14
- package/dist/x-form.js +9 -9
- package/dist/x-gaussian-blur.js +12 -12
- package/dist/x-grid.js +6 -6
- package/dist/x-i18n-provider.js +7 -7
- package/dist/x-i18n.js +4 -4
- package/dist/x-icon.js +6 -6
- package/dist/x-image.js +17 -17
- package/dist/x-kbd.d.ts +17 -0
- package/dist/x-kbd.js +17 -0
- package/dist/x-kinetic-canvas.js +25 -25
- package/dist/x-kinetic-font.js +27 -27
- package/dist/x-kinetic-typography.js +33 -33
- package/dist/x-liquid-dock.js +38 -39
- package/dist/x-liquid-fill.js +44 -44
- package/dist/x-liquid-glass.js +47 -47
- package/dist/x-menu-item.js +8 -8
- package/dist/x-menu.js +9 -9
- package/dist/x-metaball-cursor.js +25 -26
- package/dist/x-modal.js +10 -10
- package/dist/x-morph-stack.js +37 -37
- package/dist/x-multi-combobox.js +34 -34
- package/dist/x-navbar.js +12 -12
- package/dist/x-neural-glow.js +32 -32
- package/dist/x-notification-center.js +9 -9
- package/dist/x-organic-divider.js +17 -17
- package/dist/x-organic-progress.js +37 -37
- package/dist/x-organic-shape.js +13 -13
- package/dist/x-otp-input.d.ts +55 -0
- package/dist/x-otp-input.js +23 -0
- package/dist/x-pagination.js +15 -15
- package/dist/x-particle-button.js +50 -50
- package/dist/x-popover.js +25 -25
- package/dist/x-progress-circle.js +8 -8
- package/dist/x-progress.js +10 -10
- package/dist/x-proximity-list.d.ts +43 -0
- package/dist/x-proximity-list.js +20 -0
- package/dist/x-radio.js +11 -11
- package/dist/x-ripple-effect.js +10 -10
- package/dist/x-scroll-parallax.js +18 -18
- package/dist/x-scroll-stack.js +17 -17
- package/dist/x-scroll-story.js +32 -32
- package/dist/x-scroll-timeline.js +45 -45
- package/dist/x-scroll.js +38 -38
- package/dist/x-search-field.js +14 -14
- package/dist/x-select.js +9 -9
- package/dist/x-sidebar.js +16 -16
- package/dist/x-skeleton-group.js +12 -12
- package/dist/x-skeleton.js +1 -1
- package/dist/x-slider.js +14 -14
- package/dist/x-soft-body.js +21 -21
- package/dist/x-spacer.js +4 -4
- package/dist/x-spinner.js +4 -4
- package/dist/x-splash.js +12 -12
- package/dist/x-spotlight-card.d.ts +19 -0
- package/dist/x-spotlight-card.js +13 -0
- package/dist/x-stat.js +10 -10
- package/dist/x-stepper.js +14 -14
- package/dist/x-switch.js +10 -10
- package/dist/x-tab.js +6 -6
- package/dist/x-table-cell.js +18 -18
- package/dist/x-table-row.js +8 -8
- package/dist/x-table.js +12 -12
- package/dist/x-tabs.js +11 -11
- package/dist/x-text-area.js +17 -17
- package/dist/x-theme.js +25 -25
- package/dist/x-timeline-item.js +21 -21
- package/dist/x-timeline.js +8 -8
- package/dist/x-toast.js +22 -22
- package/dist/x-toaster.js +8 -8
- package/dist/x-tooltip.js +11 -11
- package/dist/x-typography.js +9 -9
- package/dist/x-welcome-tour.js +59 -59
- package/package.json +27 -2
package/dist/x-color-picker.js
CHANGED
|
@@ -1,45 +1,46 @@
|
|
|
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
|
-
|
|
8
|
-
$APP.
|
|
9
|
-
|
|
10
|
-
"
|
|
11
|
-
|
|
12
|
-
e)},
|
|
13
|
-
e.setAttribute("part","swatch"),e.setAttribute("type","button"),e.setAttribute("role","option"),e.setAttribute("aria-label",c),e.setAttribute("data-color",c),e.style.backgroundColor=c,b.appendChild(e),a=$APP.
|
|
14
|
-
$APP.
|
|
15
|
-
|
|
16
|
-
"
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
h=function(){switch(b.key){case "ArrowUp":return
|
|
20
|
-
|
|
21
|
-
e,!0);
|
|
22
|
-
|
|
23
|
-
a
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
(
|
|
27
|
-
$APP.k(a,"
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
"
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
d.setAttribute("part","container");e.setAttribute("part","
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
"
|
|
44
|
-
null),new $APP.N(null,
|
|
45
|
-
|
|
2
|
+
var kE=function(a,b){return $APP.Di.j($APP.Ci.j(a,0),b)},lE=function(a){return $APP.jd(a,360)},mE=function(a){return kE(a,100)},nE=function(a){return kE(a,1)},pE=function(a){var b=typeof a==="string";a=b?$APP.og(oE,a.trim()):b;return $APP.E(a)},tE=function(a){if(typeof a==="string")if(a=$APP.og(oE,a.trim()),$APP.n(a))switch($APP.Dc(a,0,null),a=$APP.Dc(a,1,null),$APP.z(a)){case 3:var b=parseInt(""+$APP.R.i($APP.sc(a,0))+$APP.R.i($APP.sc(a,0)),16),c=parseInt(""+$APP.R.i($APP.sc(a,1))+$APP.R.i($APP.sc(a,
|
|
3
|
+
1)),16),d=parseInt(""+$APP.R.i($APP.sc(a,2))+$APP.R.i($APP.sc(a,2)),16);return new $APP.P(null,4,[qE,b,$APP.pn,c,rE,d,sE,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.P(null,4,[qE,b,$APP.pn,c,rE,d,sE,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.P(null,4,[qE,b,$APP.pn,c,rE,d,sE,parseInt(a.substring(6,8),16)/255],null);default:return null}else return null;
|
|
4
|
+
else return null},xE=function(a,b,c){a/=255;b/=255;c/=255;var d=$APP.Ci.C(a,b,$APP.xc([c])),e=$APP.Di.C(a,b,$APP.xc([c])),f=(d+e)/2,h=d-e;return h===0?new $APP.P(null,3,[uE,0,vE,0,wE,f*100],null):new $APP.P(null,3,[uE,(d===a?((b-c)/h+(b<c?6:0))/6:d===b?((c-a)/h+2)/6:((a-b)/h+4)/6)*360,vE,(f>.5?h/(2-d-e):h/(d+e))*100,wE,f*100],null)},yE=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},zE=function(a,b,c){a=lE(a)/360;b=mE(b)/100;c=mE(c)/100;if(b===0)return a=
|
|
5
|
+
Math.round(c*255),new $APP.P(null,3,[qE,a,$APP.pn,a,rE,a],null);b=c<.5?c*(1+b):c+b-c*b;c=2*c-b;return new $APP.P(null,3,[qE,Math.round(yE(c,b,a+1/3)*255),$APP.pn,Math.round(yE(c,b,a)*255),rE,Math.round(yE(c,b,a-1/3)*255)],null)},AE=function(a,b,c){function d(e){e=kE(Math.round(e),255).toString(16);return $APP.z(e)<2?"0"+$APP.R.i(e):e}return"#"+$APP.R.i(d(a))+$APP.R.i(d(b))+$APP.R.i(d(c))},BE=function(a,b,c,d){function e(f){f=kE(Math.round(f),255).toString(16);return $APP.z(f)<2?"0"+$APP.R.i(f):f}
|
|
6
|
+
return"#"+$APP.R.i(e(a))+$APP.R.i(e(b))+$APP.R.i(e(c))+$APP.R.i(e(nE(d)*255))},DE=function(a,b,c){b=mE(b)/100;c=mE(c)/100;b=c+b*$APP.Di.j(c,1-c);return new $APP.P(null,3,[uE,lE(a),vE,(b===0?0:2*(1-c/b))*100,CE,b*100],null)},EE=function(a,b,c){b=mE(b)/100;c=mE(c)/100;b=c*(1-b/2);c=b===0||b===1?0:(c-b)/$APP.Di.j(b,1-b);return new $APP.P(null,3,[uE,lE(a),vE,c*100,wE,b*100],null)},FE=function(a,b,c){return 100*(kE(a-b,c)/c)},GE=function(a){return typeof a==="string"&&pE(a)?(a=tE(a),$APP.n(a)?AE(qE.i(a),
|
|
7
|
+
$APP.pn.i(a),rE.i(a)):null):"#000000"},IE=function(a){return typeof a==="string"&&$APP.Vc(HE,a.trim().toLowerCase())?a.trim().toLowerCase():"inline"},JE=function(a){return typeof a==="string"&&$APP.sh(a)?$APP.df.m($APP.me,$APP.Ei.m($APP.ee.i($APP.qh),$APP.je(pE),$APP.ee.i(function(b){b=tE(b);var c=$APP.H(b);b=$APP.C(c,qE);var d=$APP.C(c,$APP.pn);c=$APP.C(c,rE);return AE(b,d,c)})),$APP.oh(a,/,/)):$APP.me},PE=function(a){var b=$APP.H(a),c=$APP.C(b,$APP.Qn),d=$APP.C(b,$APP.fl),e=$APP.C(b,$APP.Fh);a=
|
|
8
|
+
$APP.C(b,$APP.Ok);var f=$APP.C(b,$APP.gh),h=$APP.C(b,$APP.Kk),l=$APP.C(b,KE),m=$APP.C(b,$APP.X),q=$APP.C(b,LE);b=GE(e);var r=function(){var I=tE(e);return $APP.n(I)?I:tE("#000000")}(),v=$APP.H(r);r=$APP.C(v,qE);var w=$APP.C(v,$APP.pn),y=$APP.C(v,rE);v=$APP.C(v,sE);var A=function(){var I=typeof e==="string";if(I){I=e.trim();var J=$APP.og(oE,I);$APP.n(J)?(I=$APP.og(oE,I),I=$APP.u($APP.x(I)),I=8===$APP.z(I)):I=J;return I}return I}();v=$APP.n(A)?v:1;A=xE(r,w,y);var D=$APP.H(A);A=$APP.C(D,uE);var G=$APP.C(D,
|
|
9
|
+
vE);D=$APP.C(D,wE);d=$APP.rh(d);f=$APP.rh(f);q=q!=null;c=c!=null;h=IE(h);return $APP.Hf([$APP.Ko,ME,$APP.Ok,$APP.Kk,KE,vE,wE,NE,uE,$APP.X,$APP.to,OE,$APP.Y,sE],[f,q,$APP.sh(a)?a:null,h,JE(l),G,D,b,A,$APP.sh(m)?m:null,$APP.B.j(h,"popover")&&c,q&&v<1?BE(r,w,y,v):b,d,v])},QE=function(a){var b=$APP.H(a);a=$APP.C(b,$APP.Y);b=$APP.C(b,$APP.Ko);return $APP.p(a)&&$APP.p(b)},RE=function(a){return document.createElement(a)},SE=function(a,b,c,d){a.setAttribute("part",b);a.setAttribute("role","slider");a.setAttribute("tabindex",
|
|
10
|
+
"0");a.setAttribute("aria-label",c);a.setAttribute("aria-valuemin","0");a.setAttribute("aria-valuemax",d)},TE=function(a,b,c,d){a.setAttribute("part",b);a.setAttribute("type","button");a.setAttribute("aria-label",c);a.innerHTML=d},UE=function(a){return PE($APP.Hf([$APP.Qn,$APP.fl,$APP.Ok,$APP.Fh,$APP.gh,$APP.Kk,KE,$APP.X,LE],[a.getAttribute("open"),a.getAttribute("disabled"),a.getAttribute("name"),a.getAttribute("value"),a.getAttribute("readonly"),a.getAttribute("mode"),a.getAttribute("swatches"),
|
|
11
|
+
a.getAttribute("label"),a.getAttribute("alpha")]))},VE=function(a,b){var c=OE.i(b),d=uE.i(b),e=vE.i(b),f=wE.i(b);b=sE.i(b);return $APP.ah(a,"x-color-picker-input",$APP.Wi(new $APP.P(null,5,[$APP.Fh,c,uE,d,vE,e,wE,f,sE,b],null)))},WE=function(a,b){var c=OE.i(b),d=uE.i(b),e=vE.i(b),f=wE.i(b);b=sE.i(b);return $APP.bh(a,"x-color-picker-change",$APP.Wi(new $APP.P(null,5,[$APP.Fh,c,uE,d,vE,e,wE,f,sE,b],null)))},XE=function(a,b,c,d,e,f){b=zE(b,c,d);d=$APP.H(b);b=$APP.C(d,qE);c=$APP.C(d,$APP.pn);d=$APP.C(d,
|
|
12
|
+
rE);e=$APP.n($APP.n(f)?e<1:f)?BE(b,c,d,e):AE(b,c,d);a.setAttribute("value",e)},YE=function(a,b,c,d){if($APP.M($APP.k(a,"__xColorPickerSwatchesCache"),c)){a.__xColorPickerSwatchesCache=c;b.innerHTML="";a=$APP.t(c);c=null;for(var e=0,f=0;;)if(f<e){var h=c.G(null,f),l=RE("button");l.setAttribute("part","swatch");l.setAttribute("type","button");l.setAttribute("role","option");l.setAttribute("aria-label",h);l.setAttribute("data-color",h);l.style.backgroundColor=h;b.appendChild(l);f+=1}else if(a=$APP.t(a))$APP.Rc(a)?
|
|
13
|
+
(e=$APP.yb(a),a=$APP.zb(a),c=e,e=$APP.z(e)):(c=$APP.u(a),e=RE("button"),e.setAttribute("part","swatch"),e.setAttribute("type","button"),e.setAttribute("role","option"),e.setAttribute("aria-label",c),e.setAttribute("data-color",c),e.style.backgroundColor=c,b.appendChild(e),a=$APP.x(a),c=null,e=0),f=0;else break}b.querySelectorAll("[part\x3dswatch]").forEach(function(m){return $APP.Zg(m,"aria-selected",$APP.B.j(m.getAttribute("data-color"),d)?"true":"false")})},ZE=function(a){var b=$APP.k(a,"__xColorPickerRefs");
|
|
14
|
+
if($APP.n(b)){var c=UE(a),d=$APP.k(b,"area"),e=$APP.k(b,"hue-strip"),f=$APP.k(b,"alpha-strip"),h=$APP.k(b,"preview-color"),l=$APP.k(b,"trigger-swatch"),m=$APP.k(b,"hex-input");b=$APP.k(b,"swatches");var q=$APP.H(c),r=$APP.C(q,uE);q=$APP.C(q,$APP.Kk);a.setAttribute("data-mode",q);a.style.setProperty("--_x-cp-hue",""+$APP.R.i(Math.round(r)));q=$APP.H(c);var v=$APP.C(q,uE),w=$APP.C(q,vE),y=$APP.C(q,wE);r=$APP.C(q,sE);q=$APP.C(q,$APP.X);w=DE(v,w,y);var A=$APP.H(w);w=$APP.C(A,vE);A=$APP.C(A,CE);A=new $APP.P(null,
|
|
15
|
+
2,[$APP.kn,mE(w),$APP.jn,100-mE(A)],null);d.style.setProperty("--_x-cp-area-x",""+$APP.R.i($APP.kn.i(A).toFixed(2))+"%");d.style.setProperty("--_x-cp-area-y",""+$APP.R.i($APP.jn.i(A).toFixed(2))+"%");v="Hue "+$APP.R.i(Math.round(v))+", Saturation "+$APP.R.i(Math.round(w))+"%, Lightness "+$APP.R.i(Math.round(y))+"%";r=r<1?""+$APP.R.i(v)+", Opacity "+$APP.R.i(Math.round(r*100))+"%":v;d.setAttribute("aria-valuetext",r);$APP.n(q)&&d.setAttribute("aria-label",q);d=$APP.H(c);d=$APP.C(d,uE);e.style.setProperty("--_x-cp-hue-pos",
|
|
16
|
+
""+$APP.R.i((lE(d)/360*100).toFixed(2))+"%");$APP.Zg(e,"aria-valuenow",""+$APP.R.i(Math.round(d)));v=$APP.H(c);e=$APP.C(v,uE);d=$APP.C(v,vE);r=$APP.C(v,wE);q=$APP.C(v,sE);v=$APP.C(v,ME);$APP.n(v)?(f.style.display="",a.style.setProperty("--_x-cp-alpha-color","hsl("+$APP.R.i(Math.round(e))+","+$APP.R.i(Math.round(d))+"%,"+$APP.R.i(Math.round(r))+"%)"),f.style.setProperty("--_x-cp-alpha-pos",""+$APP.R.i((nE(q)*100).toFixed(2))+"%"),$APP.Zg(f,"aria-valuenow",""+$APP.R.i(Math.round(q*100)))):f.style.display=
|
|
17
|
+
"none";v=$APP.H(c);e=$APP.C(v,uE);d=$APP.C(v,vE);r=$APP.C(v,wE);f=$APP.C(v,sE);q=$APP.C(v,NE);v=$APP.C(v,ME);$APP.n(v)?(e=zE(e,d,r),r=$APP.H(e),e=$APP.C(r,qE),d=$APP.C(r,$APP.pn),r=$APP.C(r,rE),f="rgba("+$APP.R.i(e)+","+$APP.R.i(d)+","+$APP.R.i(r)+","+$APP.R.i(f.toFixed(2))+")"):f=q;h.style.backgroundColor=f;l.style.backgroundColor=f;f=$APP.H(c);h=$APP.C(f,OE);l=$APP.C(f,$APP.Y);f=$APP.C(f,$APP.Ko);a.shadowRoot.activeElement!==m&&(m.value=h);m.disabled=$APP.n(l)?l:f;YE(a,b,KE.i(c),NE.i(c));c=$APP.H(c);
|
|
18
|
+
c=$APP.C(c,OE);a=$APP.k(a,"__xColorPickerInternals");return $APP.n(a)?a.setFormValue(c):null}return null},aF=function(a,b){var c=a.getBoundingClientRect();a=b.clientY;var d=c.top,e=c.height;b=FE(b.clientX,c.left,c.width);a=FE(a,d,e);return new $APP.P(null,2,[$E,mE(b),$APP.il,100-mE(a)],null)},bF=function(a,b){a=a.getBoundingClientRect();b=FE(b.clientX,a.left,a.width);return mE(b)/100*360},cF=function(a,b){a=a.getBoundingClientRect();b=FE(b.clientX,a.left,a.width);return mE(b)/100},eF=function(a,b){var c=
|
|
19
|
+
UE(a);if(QE(c)&&$APP.Vc(dF,b.key)){b.preventDefault();var d=$APP.n(b.shiftKey)?10:1,e=DE(uE.i(c),vE.i(c),wE.i(c)),f=function(){switch(b.key){case "ArrowRight":return mE(vE.i(e)+d);case "ArrowLeft":return mE(vE.i(e)-d);default:return vE.i(e)}}(),h=function(){switch(b.key){case "ArrowUp":return mE(CE.i(e)+d);case "ArrowDown":return mE(CE.i(e)-d);default:return CE.i(e)}}();f=EE(uE.i(c),f,h);var l=$APP.H(f);f=$APP.C(l,uE);h=$APP.C(l,vE);l=$APP.C(l,wE);XE(a,f,h,l,sE.i(c),ME.i(c));VE(a,UE(a));return WE(a,
|
|
20
|
+
UE(a))}return null},gF=function(a,b){var c=UE(a);if(QE(c)&&$APP.Vc(fF,b.key)){b.preventDefault();var d=$APP.n(b.shiftKey)?10:1,e=function(){switch(b.key){case "ArrowRight":return lE(uE.i(c)+d);case "ArrowLeft":return lE(uE.i(c)-d);case "Home":return 0;case "End":return 360;default:return uE.i(c)}}();XE(a,e,vE.i(c),wE.i(c),sE.i(c),ME.i(c));VE(a,UE(a));return WE(a,UE(a))}return null},hF=function(a,b){var c=UE(a);if($APP.n(function(){var f=QE(c);return f?(f=ME.i(c),$APP.n(f)?$APP.Vc(fF,b.key):f):f}())){b.preventDefault();
|
|
21
|
+
var d=$APP.n(b.shiftKey)?.1:.01,e=function(){switch(b.key){case "ArrowRight":return nE(sE.i(c)+d);case "ArrowLeft":return nE(sE.i(c)-d);case "Home":return 0;case "End":return 1;default:return sE.i(c)}}();XE(a,uE.i(c),vE.i(c),wE.i(c),e,!0);VE(a,UE(a));return WE(a,UE(a))}return null},iF=function(a){var b=UE(a);return QE(b)&&typeof EyeDropper!=="undefined"?(new EyeDropper).open().then(function(c){a.setAttribute("value",c.sRGBHex);return WE(a,UE(a))}).catch(function(){return null}):null},jF=function(a){if($APP.n(a.hasAttribute("open")))return null;
|
|
22
|
+
a.setAttribute("open","");a=$APP.k(a,"__xColorPickerRefs");if($APP.n(a)){var b=$APP.k(a,"area");return setTimeout(function(){return b.focus()},0)}return null},kF=function(a){return $APP.n(a.hasAttribute("open"))?(a.removeAttribute("open"),a=$APP.k(a,"__xColorPickerRefs"),$APP.n(a)?$APP.k(a,"trigger").focus():null):null},lF=function(a,b){return $APP.n(a.hasAttribute("open"))?$APP.n(b.composedPath().some(function(c){return c===a}))?null:kF(a):null},mF=function(a){return{"area-move":function(b){if($APP.B.j("area",
|
|
23
|
+
$APP.k(a,"__xColorPickerDragging"))){var c=UE(a);b=aF($APP.k($APP.k(a,"__xColorPickerRefs"),"area"),b);var d=$APP.H(b);b=$APP.C(d,$E);d=$APP.C(d,$APP.il);b=EE(uE.i(c),b,d);var e=$APP.H(b);b=$APP.C(e,uE);d=$APP.C(e,vE);e=$APP.C(e,wE);XE(a,b,d,e,sE.i(c),ME.i(c));c=VE(a,UE(a))}else c=null;return c},copy:function(){var b=UE(a);return $APP.n(navigator.clipboard)?navigator.clipboard.writeText(OE.i(b)):null},"panel-key":function(b){$APP.B.j("Escape",b.key)&&$APP.B.j("popover",$APP.Kk.i(UE(a)))?(b.preventDefault(),
|
|
24
|
+
b.stopPropagation(),b=kF(a)):b=null;return b},"alpha-up":function(){if($APP.B.j("alpha",$APP.k(a,"__xColorPickerDragging"))){a.__xColorPickerDragging=null;var b=WE(a,UE(a))}else b=null;return b},"hue-up":function(){if($APP.B.j("hue",$APP.k(a,"__xColorPickerDragging"))){a.__xColorPickerDragging=null;var b=WE(a,UE(a))}else b=null;return b},"alpha-key":function(b){return hF(a,b)},"alpha-move":function(b){if($APP.B.j("alpha",$APP.k(a,"__xColorPickerDragging"))){var c=UE(a);b=cF($APP.k($APP.k(a,"__xColorPickerRefs"),
|
|
25
|
+
"alpha-strip"),b);XE(a,uE.i(c),vE.i(c),wE.i(c),b,!0);c=VE(a,UE(a))}else c=null;return c},"hex-key":function(b){a:{if($APP.B.j("Enter",b.key)){b.preventDefault();b=$APP.k($APP.k(a,"__xColorPickerRefs"),"hex-input");var c=b.value,d=UE(a);if(QE(d)){if(pE(c)){a.setAttribute("value",c);b=WE(a,UE(a));break a}b=b.value=OE.i(d);break a}}b=null}return b},swatch:function(b){a:{var c=UE(a);if(QE(c)&&(b=b.target,$APP.n(b.hasAttribute("data-color")))){b=b.getAttribute("data-color");a.setAttribute("value",b);b=
|
|
26
|
+
WE(a,UE(a));break a}b=null}return b},"area-up":function(){if($APP.B.j("area",$APP.k(a,"__xColorPickerDragging"))){a.__xColorPickerDragging=null;var b=WE(a,UE(a))}else b=null;return b},"alpha-down":function(b){var c=UE(a);var d=(d=QE(c))?ME.i(c):d;$APP.n(d)?(b.preventDefault(),d=$APP.k($APP.k(a,"__xColorPickerRefs"),"alpha-strip"),d.setPointerCapture(b.pointerId),a.__xColorPickerDragging="alpha",b=cF(d,b),XE(a,uE.i(c),vE.i(c),wE.i(c),b,!0),c=VE(a,UE(a))):c=null;return c},"area-key":function(b){return eF(a,
|
|
27
|
+
b)},"hue-down":function(b){var c=UE(a);if(QE(c)){b.preventDefault();var d=$APP.k($APP.k(a,"__xColorPickerRefs"),"hue-strip");d.setPointerCapture(b.pointerId);a.__xColorPickerDragging="hue";b=bF(d,b);XE(a,b,vE.i(c),wE.i(c),sE.i(c),ME.i(c));c=VE(a,UE(a))}else c=null;return c},"hue-key":function(b){return gF(a,b)},"hue-move":function(b){if($APP.B.j("hue",$APP.k(a,"__xColorPickerDragging"))){var c=UE(a);b=bF($APP.k($APP.k(a,"__xColorPickerRefs"),"hue-strip"),b);XE(a,b,vE.i(c),wE.i(c),sE.i(c),ME.i(c));
|
|
28
|
+
c=VE(a,UE(a))}else c=null;return c},eyedrop:function(){return iF(a)},"panel-pd":function(b){return b.stopPropagation()},trigger:function(){var b=UE(a);return $APP.B.j("popover",$APP.Kk.i(b))&&$APP.p($APP.Y.i(b))?$APP.n($APP.to.i(b))?kF(a):jF(a):null},"doc-click":function(b){return lF(a,b)},"area-down":function(b){var c=UE(a);if(QE(c)){b.preventDefault();var d=$APP.k($APP.k(a,"__xColorPickerRefs"),"area");d.setPointerCapture(b.pointerId);a.__xColorPickerDragging="area";b=aF(d,b);d=$APP.H(b);b=$APP.C(d,
|
|
29
|
+
$E);d=$APP.C(d,$APP.il);b=EE(uE.i(c),b,d);var e=$APP.H(b);b=$APP.C(e,uE);d=$APP.C(e,vE);e=$APP.C(e,wE);XE(a,b,d,e,sE.i(c),ME.i(c));c=VE(a,UE(a))}else c=null;return c}}},oF=function(a,b){return $APP.B.j(b,nF)?document:$APP.k(a,b)},qF=function(a){var b=$APP.k(a,"__xColorPickerRefs"),c=$APP.k(a,"__xColorPickerHandlers");if($APP.n($APP.n(b)?c:b)){for(var d=$APP.t(pF),e=null,f=0,h=0;;)if(h<f){var l=e.G(null,h),m=$APP.Dc(l,0,null),q=$APP.Dc(l,1,null),r=$APP.Dc(l,2,null);l=$APP.Dc(l,3,null);oF(b,m).removeEventListener(q,
|
|
30
|
+
$APP.k(c,r),l);h+=1}else if(d=$APP.t(d))$APP.Rc(d)?(f=$APP.yb(d),d=$APP.zb(d),e=f,f=$APP.z(f)):(m=$APP.u(d),e=$APP.Dc(m,0,null),f=$APP.Dc(m,1,null),h=$APP.Dc(m,2,null),m=$APP.Dc(m,3,null),oF(b,e).removeEventListener(f,$APP.k(c,h),m),d=$APP.x(d),e=null,f=0),h=0;else break;a.__xColorPickerHandlers=null}else return null},rF=function(a,b){$APP.$g(a,"disabled",$APP.E(b));return ZE(a)},sF=function(a){a.setAttribute("value","#000000");return ZE(a)},GF=function(a){if(!$APP.n($APP.k(a,"__xColorPickerRefs"))){var b=
|
|
31
|
+
a.attachShadow({mode:"open"}),c=RE("style"),d=RE("div"),e=RE("div");var f=RE("button");var h=RE("span");f.setAttribute("part","trigger");f.setAttribute("type","button");f.setAttribute("aria-label","Pick color");h.setAttribute("part","trigger-swatch");f.appendChild(h);f=new $APP.P(null,2,[$APP.hl,f,tF,h],null);h=RE("div");var l=RE("div");h.setAttribute("part","area");h.setAttribute("role","slider");h.setAttribute("tabindex","0");h.setAttribute("aria-label","Color");l.setAttribute("part","area-thumb");
|
|
32
|
+
h.appendChild(l);h=new $APP.P(null,2,[uF,h,vF,l],null);l=RE("div");var m=RE("div"),q=RE("div"),r=RE("div"),v=RE("div"),w=RE("div");l.setAttribute("part","strips");SE(m,"hue-strip","Hue","360");SE(r,"alpha-strip","Opacity","100");q.setAttribute("part","hue-thumb");v.setAttribute("part","alpha-gradient");w.setAttribute("part","alpha-thumb");m.appendChild(q);r.appendChild(v);r.appendChild(w);l.appendChild(m);l.appendChild(r);l=new $APP.P(null,6,[wF,l,xF,m,yF,q,zF,r,AF,v,BF,w],null);m=RE("div");q=RE("div");
|
|
33
|
+
r=RE("span");v=RE("input");w=RE("button");var y=RE("button");m.setAttribute("part","controls");q.setAttribute("part","preview");r.setAttribute("part","preview-color");v.setAttribute("part","hex-input");v.setAttribute("type","text");v.setAttribute("spellcheck","false");v.setAttribute("autocomplete","off");v.setAttribute("aria-label","Hex color value");TE(w,"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');
|
|
34
|
+
TE(y,"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"&&(w.style.display="none");q.appendChild(r);m.appendChild(q);m.appendChild(v);
|
|
35
|
+
m.appendChild(w);m.appendChild(y);m=new $APP.P(null,6,[$APP.ho,m,CF,q,DF,r,EF,v,FF,w,$APP.wo,y],null);q=RE("div");q.setAttribute("part","swatches");q.setAttribute("role","listbox");q.setAttribute("aria-label","Preset colors");q=new $APP.P(null,1,[KE,q],null);c.textContent=":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;}@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: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: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: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: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: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: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:rgba(0,0,0,0.06);}@media (prefers-color-scheme:dark){[part\x3deyedropper]:hover,[part\x3dcopy]:hover{background: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:4px;cursor:pointer;border: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;}}";
|
|
36
|
+
d.setAttribute("part","container");e.setAttribute("part","panel");e.appendChild(uF.i(h));e.appendChild(wF.i(l));e.appendChild($APP.ho.i(m));e.appendChild(KE.i(q));d.appendChild($APP.hl.i(f));d.appendChild(e);b.appendChild(c);b.appendChild(d);b={"alpha-thumb":BF.i(l),copy:$APP.wo.i(m),swatches:KE.i(q),"hue-strip":xF.i(l),controls:$APP.ho.i(m),"alpha-gradient":AF.i(l),panel:e,preview:CF.i(m),"area-thumb":vF.i(h),"preview-color":DF.i(m),container:d,area:uF.i(h),"hue-thumb":yF.i(l),"trigger-swatch":tF.i(f),
|
|
37
|
+
trigger:$APP.hl.i(f),"alpha-strip":zF.i(l),eyedropper:FF.i(m),"hex-input":EF.i(m)};a.__xColorPickerRefs=b;$APP.n(a.attachInternals)&&(b=a.attachInternals(),a.__xColorPickerInternals=b)}qF(a);b=$APP.k(a,"__xColorPickerRefs");if($APP.n(b)){c=mF(a);d=$APP.t(pF);e=null;for(h=f=0;;)if(h<f)r=e.G(null,h),l=$APP.Dc(r,0,null),m=$APP.Dc(r,1,null),q=$APP.Dc(r,2,null),r=$APP.Dc(r,3,null),oF(b,l).addEventListener(m,$APP.k(c,q),r),h+=1;else if(d=$APP.t(d))$APP.Rc(d)?(f=$APP.yb(d),d=$APP.zb(d),e=f,f=$APP.z(f)):
|
|
38
|
+
(l=$APP.u(d),e=$APP.Dc(l,0,null),f=$APP.Dc(l,1,null),h=$APP.Dc(l,2,null),l=$APP.Dc(l,3,null),oF(b,e).addEventListener(f,$APP.k(c,h),l),d=$APP.x(d),e=null,f=0),h=0;else break;a.__xColorPickerHandlers=c}return ZE(a)},HF=function(a){return qF(a)},IF=function(a){return ZE(a)},KF=function(a){return $APP.ih(a,JF)},MF=function(){return $APP.Wg("x-color-picker",new $APP.P(null,8,[$APP.Mg,LF,$APP.Ng,GF,$APP.Og,HF,$APP.Qg,IF,$APP.Rg,!0,$APP.Sg,rF,$APP.Tg,sF,$APP.Ug,KF],null))},AF=new $APP.F(null,"alpha-gradient",
|
|
39
|
+
"alpha-gradient",2099400176),BF=new $APP.F(null,"alpha-thumb","alpha-thumb",-1443114239),uF=new $APP.F(null,"area","area",472007256),LE=new $APP.F(null,"alpha","alpha",-1574982441),DF=new $APP.F(null,"preview-color","preview-color",1405210195),zF=new $APP.F(null,"alpha-strip","alpha-strip",1085401595),OE=new $APP.F(null,"hex-full","hex-full",-1466644518),EF=new $APP.F(null,"hex-input","hex-input",1497535517),CF=new $APP.F(null,"preview","preview",451279890),xF=new $APP.F(null,"hue-strip","hue-strip",
|
|
40
|
+
938856876),vF=new $APP.F(null,"area-thumb","area-thumb",1471343090),KE=new $APP.F(null,"swatches","swatches",2033601707),wF=new $APP.F(null,"strips","strips",-1564791997),CE=new $APP.F(null,"v","v",21465059),vE=new $APP.F(null,"s","s",1705939918),qE=new $APP.F(null,"r","r",-471384190),ME=new $APP.F(null,"alpha?","alpha?",1329751525),wE=new $APP.F(null,"l","l",1395893423),uE=new $APP.F(null,"h","h",1109658740),rE=new $APP.F(null,"b","b",1482224470),$E=new $APP.F(null,"sat","sat",1064662667),sE=new $APP.F(null,
|
|
41
|
+
"a","a",-2123407586),tF=new $APP.F(null,"trigger-swatch","trigger-swatch",208431162),nF=new $APP.F(null,"document","document",-1329188687),NE=new $APP.F(null,"hex","hex",41691346),FF=new $APP.F(null,"eyedropper","eyedropper",-1786107588),yF=new $APP.F(null,"hue-thumb","hue-thumb",638949625);var HE=new $APP.Q(null,new $APP.P(null,2,["inline",null,"popover",null],null),null),LF="value alpha swatches disabled readonly name mode open label".split(" "),JF=$APP.Hf([$APP.Qn,$APP.fl,$APP.Ok,$APP.Fh,$APP.Kk,KE,$APP.Wn,$APP.X,LE],[new $APP.P(null,2,[$APP.S,$APP.U,$APP.T,"open"],null),new $APP.P(null,2,[$APP.S,$APP.U,$APP.T,"disabled"],null),new $APP.P(null,2,[$APP.S,$APP.V,$APP.T,"name"],null),new $APP.P(null,2,[$APP.S,$APP.V,$APP.T,"value"],null),new $APP.P(null,2,[$APP.S,$APP.V,$APP.T,"mode"],
|
|
42
|
+
null),new $APP.P(null,2,[$APP.S,$APP.V,$APP.T,"swatches"],null),new $APP.P(null,2,[$APP.S,$APP.U,$APP.T,"readonly"],null),new $APP.P(null,2,[$APP.S,$APP.V,$APP.T,"label"],null),new $APP.P(null,2,[$APP.S,$APP.U,$APP.T,"alpha"],null)]);
|
|
43
|
+
$APP.Ud(["x-color-picker-input",new $APP.P(null,2,[$APP.Z,new $APP.P(null,5,[$APP.Fh,$APP.V,uE,$APP.W,vE,$APP.W,wE,$APP.W,sE,$APP.W],null),$APP.Un,!1],null),"x-color-picker-change",new $APP.P(null,2,[$APP.Z,new $APP.P(null,5,[$APP.Fh,$APP.V,uE,$APP.W,vE,$APP.W,wE,$APP.W,sE,$APP.W],null),$APP.Un,!0],null)]);var oE=/^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/;var dF=new $APP.Q(null,new $APP.P(null,4,["ArrowUp",null,"ArrowDown",null,"ArrowRight",null,"ArrowLeft",null],null),null),fF=new $APP.Q(null,new $APP.P(null,4,["End",null,"ArrowRight",null,"ArrowLeft",null,"Home",null],null),null),pF=new $APP.N(null,20,5,$APP.O,[new $APP.N(null,4,5,$APP.O,["area","pointerdown","area-down",!1],null),new $APP.N(null,4,5,$APP.O,["area","pointermove","area-move",!1],null),new $APP.N(null,4,5,$APP.O,["area","pointerup","area-up",!1],null),new $APP.N(null,4,5,$APP.O,["area",
|
|
44
|
+
"keydown","area-key",!1],null),new $APP.N(null,4,5,$APP.O,["hue-strip","pointerdown","hue-down",!1],null),new $APP.N(null,4,5,$APP.O,["hue-strip","pointermove","hue-move",!1],null),new $APP.N(null,4,5,$APP.O,["hue-strip","pointerup","hue-up",!1],null),new $APP.N(null,4,5,$APP.O,["hue-strip","keydown","hue-key",!1],null),new $APP.N(null,4,5,$APP.O,["alpha-strip","pointerdown","alpha-down",!1],null),new $APP.N(null,4,5,$APP.O,["alpha-strip","pointermove","alpha-move",!1],null),new $APP.N(null,4,5,$APP.O,
|
|
45
|
+
["alpha-strip","pointerup","alpha-up",!1],null),new $APP.N(null,4,5,$APP.O,["alpha-strip","keydown","alpha-key",!1],null),new $APP.N(null,4,5,$APP.O,["hex-input","keydown","hex-key",!1],null),new $APP.N(null,4,5,$APP.O,["swatches","click","swatch",!1],null),new $APP.N(null,4,5,$APP.O,["eyedropper","click","eyedrop",!1],null),new $APP.N(null,4,5,$APP.O,["copy","click","copy",!1],null),new $APP.N(null,4,5,$APP.O,["trigger","click","trigger",!1],null),new $APP.N(null,4,5,$APP.O,["panel","keydown","panel-key",
|
|
46
|
+
!1],null),new $APP.N(null,4,5,$APP.O,["panel","pointerdown","panel-pd",!1],null),new $APP.N(null,4,5,$APP.O,[nF,"pointerdown","doc-click",!0],null)],null);$APP.da("baredom.exports.x_color_picker.init",MF);export const init=MF;
|
package/dist/x-combobox.js
CHANGED
|
@@ -1,27 +1,27 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
null)}return null},
|
|
4
|
-
$APP.k(b,"panel");b=$APP.k(b,"input");var d=function(){var D=$APP.k(a,"__xComboboxQuery");return $APP.n(D)?D:""}(),e=
|
|
5
|
-
e=$APP.t($APP.
|
|
6
|
-
v.textContent=$APP.
|
|
7
|
-
"true"),$APP.B.
|
|
8
|
-
$APP.
|
|
9
|
-
7,[$APP.
|
|
10
|
-
"");$APP.M(c,"")?a.setAttribute("data-has-value",""):a.removeAttribute("data-has-value");$APP.n(e)&&
|
|
11
|
-
$APP.
|
|
12
|
-
$APP.k(a,"__xComboboxQuery");return $APP.n(e)?e:""}());c=$APP.z(c);var d=function(){var e=$APP.k(a,"__xComboboxActiveIdx");return $APP.n(e)?e:0}();b=$APP.B.
|
|
13
|
-
$APP.k(a,"__xComboboxQuery");return $APP.n(c)?c:""}());b=$APP.
|
|
14
|
-
|
|
15
|
-
$APP.n(a.hasAttribute("open"))?
|
|
16
|
-
|
|
17
|
-
b=$APP.k(a,"__xComboboxRefs"),$APP.n(b)&&(b=$APP.k(b,"input"),b.value="",b.focus())
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
$APP.k(a,"docClick")):null},
|
|
2
|
+
var vq=function(a,b){if(b==null||$APP.B.j(b,""))return a;var c=b.toLowerCase();return $APP.oe(function(d){d=$APP.H(d);d=$APP.C(d,$APP.X);return $APP.M(-1,d.toLowerCase().indexOf(c))},a)},wq=function(a,b){return b!=null?$APP.Yd(function(c){return $APP.B.j($APP.Fh.i(c),b)?c:null},a):null},xq=function(a,b){if(b!=null&&$APP.M(b,"")){var c=a.toLowerCase().indexOf(b.toLowerCase());if($APP.M(c,-1))return b=c+$APP.z(b),new $APP.P(null,3,[$APP.no,a.substring(0,c),$APP.uk,a.substring(c,b),$APP.Am,a.substring(b)],
|
|
3
|
+
null)}return null},yq=function(a){return document.createElement(a)},zq=function(a){var b=$APP.k(a,"__xComboboxRefs");$APP.n(b)&&(b=$APP.k(b,"slot").assignedElements({flatten:!0}),b=$APP.df.m($APP.me,$APP.Ei.j($APP.je(function(c){return $APP.B.j("OPTION",c.tagName)}),$APP.ee.i(function(c){var d=c.getAttribute("value");return new $APP.P(null,2,[$APP.Fh,$APP.n(d)?d:c.textContent,$APP.X,c.textContent],null)})),$APP.xc(b)),a.__xComboboxOptions=b)},Aq=function(a){var b=$APP.k(a,"__xComboboxRefs");if($APP.n(b)){var c=
|
|
4
|
+
$APP.k(b,"panel");b=$APP.k(b,"input");var d=function(){var D=$APP.k(a,"__xComboboxQuery");return $APP.n(D)?D:""}(),e=vq($APP.k(a,"__xComboboxOptions"),d),f=function(){var D=$APP.k(a,"__xComboboxActiveIdx");return $APP.n(D)?D:0}();f=$APP.Kc(e)?-1:$APP.Di.j(f,$APP.z(e)-1);var h=function(){var D=a.getAttribute("value");return $APP.n(D)?D:""}();c.textContent="";if($APP.Kc(e))return d=yq("div"),d.setAttribute("part","empty-msg"),d.textContent="No matches",c.appendChild(d),b.removeAttribute("aria-activedescendant");
|
|
5
|
+
e=$APP.t($APP.ae($APP.Ii,e));for(var l=null,m=0,q=0;;)if(q<m){var r=l.G(null,q),v=$APP.Dc(r,0,null),w=$APP.Dc(r,1,null);r=yq("div");var y=""+$APP.R.i("x-cb-opt-")+$APP.R.i(v),A=xq($APP.X.i(w),d);r.setAttribute("part","option");r.setAttribute("role","option");r.setAttribute("id",y);$APP.Zg(r,"data-value",$APP.Fh.i(w));$APP.B.j($APP.Fh.i(w),h)&&r.setAttribute("aria-selected","true");$APP.B.j(v,f)&&r.setAttribute("data-active","");$APP.n(A)?(r.appendChild(document.createTextNode($APP.no.i(A))),v=yq("b"),
|
|
6
|
+
v.textContent=$APP.uk.i(A),r.appendChild(v),r.appendChild(document.createTextNode($APP.Am.i(A)))):r.textContent=$APP.X.i(w);c.appendChild(r);q+=1}else if(e=$APP.t(e))$APP.Rc(e)?(m=$APP.yb(e),e=$APP.zb(e),l=m,m=$APP.z(m)):(m=$APP.u(e),l=$APP.Dc(m,0,null),v=$APP.Dc(m,1,null),m=yq("div"),r=""+$APP.R.i("x-cb-opt-")+$APP.R.i(l),q=xq($APP.X.i(v),d),m.setAttribute("part","option"),m.setAttribute("role","option"),m.setAttribute("id",r),$APP.Zg(m,"data-value",$APP.Fh.i(v)),$APP.B.j($APP.Fh.i(v),h)&&m.setAttribute("aria-selected",
|
|
7
|
+
"true"),$APP.B.j(l,f)&&m.setAttribute("data-active",""),$APP.n(q)?(m.appendChild(document.createTextNode($APP.no.i(q))),l=yq("b"),l.textContent=$APP.uk.i(q),m.appendChild(l),m.appendChild(document.createTextNode($APP.Am.i(q)))):m.textContent=$APP.X.i(v),c.appendChild(m),e=$APP.x(e),l=null,m=0),q=0;else break;return f>=0?$APP.Zg(b,"aria-activedescendant",""+$APP.R.i("x-cb-opt-")+$APP.R.i(f)):b.removeAttribute("aria-activedescendant")}return null},Cq=function(a){var b=new $APP.P(null,7,[$APP.Ch,a.getAttribute("value"),
|
|
8
|
+
$APP.ak,a.getAttribute("placeholder"),$APP.Zm,a.getAttribute("name"),$APP.Eh,a.hasAttribute("disabled"),$APP.dj,a.hasAttribute("required"),$APP.Sj,a.hasAttribute("open"),$APP.Oo,a.getAttribute("placement")],null);var c=$APP.H(b),d=$APP.C(c,$APP.Ch),e=$APP.C(c,$APP.ak),f=$APP.C(c,$APP.Zm),h=$APP.C(c,$APP.Eh),l=$APP.C(c,$APP.dj);b=$APP.C(c,$APP.Sj);c=$APP.C(c,$APP.Oo);d=$APP.n(d)?d:"";e=$APP.n(e)?e:"";f=$APP.n(f)?f:"";h=$APP.E(h);l=$APP.E(l);b=$APP.E(b);c=$APP.Vc(Bq,c)?c:"bottom-start";b=new $APP.P(null,
|
|
9
|
+
7,[$APP.Fh,d,$APP.bo,e,$APP.Ok,f,$APP.Y,h,$APP.zj,l,$APP.to,b,$APP.gl,c],null);if($APP.M($APP.k(a,"__xComboboxModel"),b)){b=$APP.H(b);c=$APP.C(b,$APP.Fh);d=$APP.C(b,$APP.bo);l=$APP.C(b,$APP.Y);e=$APP.C(b,$APP.to);h=$APP.C(b,$APP.gl);var m=$APP.k(a,"__xComboboxRefs");if($APP.n(m)){f=$APP.k(m,"input");m=$APP.k(m,"panel");var q=wq($APP.k(a,"__xComboboxOptions"),c);f.placeholder=d;f.disabled=l;$APP.Zg(f,"aria-expanded",""+$APP.R.i(e));m.setAttribute("data-placement",h);$APP.n(e)||(f.value=$APP.n(q)?$APP.X.i(q):
|
|
10
|
+
"");$APP.M(c,"")?a.setAttribute("data-has-value",""):a.removeAttribute("data-has-value");$APP.n(e)&&Aq(a);a.__xComboboxModel=b;a=void 0}else a=null}else a=null;return a},Dq=function(a,b){return $APP.p(a.hasAttribute("disabled"))&&$APP.p(a.hasAttribute("open"))&&$APP.bh(a,"x-combobox-toggle",{open:!0,source:b})?(a.__xComboboxQuery="",a.__xComboboxActiveIdx=0,a.setAttribute("open",""),a=$APP.k(a,"__xComboboxRefs"),$APP.n(a)?$APP.k(a,"input").select():null):null},Eq=function(a,b){return $APP.n(a.hasAttribute("open"))&&
|
|
11
|
+
$APP.bh(a,"x-combobox-toggle",{open:!1,source:b})?(a.__xComboboxQuery="",a.__xComboboxActiveIdx=0,a.removeAttribute("open")):null},Fq=function(a,b,c){var d=a.getAttribute("value");return $APP.bh(a,"x-combobox-change-request",{value:b,label:c,previousValue:$APP.n(d)?d:""})?(a.setAttribute("value",b),d=$APP.k(a,"__xComboboxRefs"),$APP.n(d)&&($APP.k(d,"input").value=c),Eq(a,"select"),$APP.ah(a,"x-combobox-change",{value:b,label:c})):null},Gq=function(a,b){var c=vq($APP.k(a,"__xComboboxOptions"),function(){var e=
|
|
12
|
+
$APP.k(a,"__xComboboxQuery");return $APP.n(e)?e:""}());c=$APP.z(c);var d=function(){var e=$APP.k(a,"__xComboboxActiveIdx");return $APP.n(e)?e:0}();b=$APP.B.j(b,$APP.kl)?c===0?-1:$APP.jd(($APP.n(d)?d:-1)+1,c):c===0?-1:$APP.jd(($APP.n(d)?d:c)-1,c);a.__xComboboxActiveIdx=b;Aq(a);b=$APP.k(a,"__xComboboxRefs");return $APP.n(b)?(b=$APP.k(b,"panel").querySelector("[data-active]"),$APP.n(b)?b.scrollIntoView({block:"nearest"}):null):null},Hq=function(a){var b=vq($APP.k(a,"__xComboboxOptions"),function(){var c=
|
|
13
|
+
$APP.k(a,"__xComboboxQuery");return $APP.n(c)?c:""}());b=$APP.Dc(b,function(){var c=$APP.k(a,"__xComboboxActiveIdx");return $APP.n(c)?c:0}(),null);return $APP.n(b)?Fq(a,$APP.Fh.i(b),$APP.X.i(b)):null},Iq=function(a,b){switch(b.key){case "ArrowDown":return b.preventDefault(),$APP.n(a.hasAttribute("open"))?Gq(a,$APP.kl):Dq(a,"keyboard");case "ArrowUp":return b.preventDefault(),$APP.n(a.hasAttribute("open"))?Gq(a,$APP.cl):Dq(a,"keyboard");case "Enter":return b.preventDefault(),$APP.n(a.hasAttribute("open"))?
|
|
14
|
+
Hq(a):null;case "Escape":return $APP.n(a.hasAttribute("open"))?(b.preventDefault(),Eq(a,"escape"),a=$APP.k(a,"__xComboboxRefs"),$APP.n(a)?$APP.k(a,"input").focus():null):null;case "Home":return $APP.n(a.hasAttribute("open"))?(b.preventDefault(),a.__xComboboxActiveIdx=0,Aq(a)):null;case "End":return $APP.n(a.hasAttribute("open"))?(b.preventDefault(),b=$APP.k(a,"__xComboboxQuery"),b=$APP.z(vq($APP.k(a,"__xComboboxOptions"),$APP.n(b)?b:"")),b=$APP.Ci.j(0,b-1),a.__xComboboxActiveIdx=b,Aq(a)):null;default:return null}},
|
|
15
|
+
Jq=function(a,b){return $APP.n(a.hasAttribute("open"))?(b=$APP.yc(b.composedPath()),b=$APP.Yd(function(c){return c===a},b),$APP.n(b)?null:Eq(a,"outside-click")):null},Kq=function(a){return{slotchange:function(){zq(a);a.__xComboboxModel=null;return Cq(a)},inputFocus:function(){return Dq(a,"focus")},inputInput:function(b){b=b.target.value;a.__xComboboxQuery=b;a.__xComboboxActiveIdx=0;$APP.n(a.hasAttribute("open"))||Dq(a,"input");Aq(a);return $APP.ah(a,"x-combobox-input",{query:b})},panelClick:function(b){b=
|
|
16
|
+
b.target;b=$APP.n(b.hasAttribute("data-value"))?b:b.closest("[data-value]");if($APP.n(b)){var c=b.getAttribute("data-value");b=Fq(a,c,b.textContent)}else b=null;return b},inputKeydown:function(b){return Iq(a,b)},docClick:function(b){return Jq(a,b)},panelPointerdown:function(b){return b.preventDefault()},clearClick:function(){var b=a.getAttribute("value");$APP.bh(a,"x-combobox-change-request",{value:"",label:"",previousValue:$APP.n(b)?b:""})?(a.removeAttribute("value"),a.removeAttribute("data-has-value"),
|
|
17
|
+
b=$APP.k(a,"__xComboboxRefs"),$APP.n(b)&&(b=$APP.k(b,"input"),b.value="",b.focus()),b=$APP.ah(a,"x-combobox-change",{value:"",label:""})):b=null;return b},chevronPointerdown:function(b){b.preventDefault();$APP.n(a.hasAttribute("open"))?b=Eq(a,"pointer"):(Dq(a,"pointer"),b=$APP.k(a,"__xComboboxRefs"),b=$APP.n(b)?$APP.k(b,"input").focus():null);return b},focusout:function(b){$APP.n(a.hasAttribute("open"))?(b=b.relatedTarget,b=b==null||$APP.p(a.contains(b))?Eq(a,"focusout"):null):b=null;return b}}},
|
|
18
|
+
Lq=function(a){var b=$APP.k(a,"__xComboboxRefs");if($APP.n(b)){var c=$APP.k(a,"__xComboboxHandlers");if($APP.n(c)){var d=$APP.k(b,"input"),e=$APP.k(b,"clear"),f=$APP.k(b,"chevron"),h=$APP.k(b,"panel");b=$APP.k(b,"slot");d.removeEventListener("focus",$APP.k(c,"inputFocus"));d.removeEventListener("input",$APP.k(c,"inputInput"));d.removeEventListener("keydown",$APP.k(c,"inputKeydown"));e.removeEventListener("click",$APP.k(c,"clearClick"));f.removeEventListener("pointerdown",$APP.k(c,"chevronPointerdown"));
|
|
19
|
+
h.removeEventListener("pointerdown",$APP.k(c,"panelPointerdown"));h.removeEventListener("click",$APP.k(c,"panelClick"));a.removeEventListener("focusout",$APP.k(c,"focusout"));b.removeEventListener("slotchange",$APP.k(c,"slotchange"))}}},Mq=function(a){var b=$APP.k(a,"__xComboboxHandlers");return $APP.n(b)?setTimeout(function(){var c=a.isConnected;return $APP.n($APP.n(c)?a.hasAttribute("open"):c)?document.addEventListener("click",$APP.k(b,"docClick")):null},0):null},Nq=function(a){a=$APP.k(a,"__xComboboxHandlers");
|
|
20
|
+
return $APP.n(a)?document.removeEventListener("click",$APP.k(a,"docClick")):null},Pq=function(a){if(!$APP.n($APP.k(a,"__xComboboxRefs"))){var b=a.attachShadow({mode:"open"}),c=yq("style"),d=yq("div"),e=yq("input"),f=yq("button"),h=yq("span"),l=yq("div"),m=yq("slot");var q=$APP.k(Oq,"n")+1;Oq.n=q;q="x-cb-lb-"+$APP.R.i(q);c.textContent=":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:1px solid var(--x-color-border,#e2e8f0);--x-combobox-border-hover:1px solid var(--x-color-border,#cbd5e1);--x-combobox-border-focus: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-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: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);}@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:1px solid var(--x-color-border,#334155);--x-combobox-border-hover:1px solid var(--x-color-border,#475569);--x-combobox-border-focus:1px solid var(--x-color-focus-ring,#93c5fd);--x-combobox-focus-ring:var(--x-color-focus-ring,#93c5fd);--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: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]{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([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: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 200ms ease;pointer-events:none;}: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: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: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;}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;}}";
|
|
21
21
|
d.setAttribute("part","wrapper");e.setAttribute("part","input");e.setAttribute("type","text");e.setAttribute("role","combobox");e.setAttribute("aria-expanded","false");e.setAttribute("aria-autocomplete","list");e.setAttribute("aria-controls",q);e.setAttribute("autocomplete","off");f.setAttribute("part","clear");f.setAttribute("type","button");f.setAttribute("aria-label","Clear");f.setAttribute("tabindex","-1");f.textContent="×";h.setAttribute("part","chevron");h.setAttribute("aria-hidden","true");
|
|
22
22
|
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';l.setAttribute("part","panel");l.setAttribute("role","listbox");l.setAttribute("id",q);l.setAttribute("data-placement","bottom-start");d.appendChild(e);d.appendChild(f);d.appendChild(h);b.appendChild(c);
|
|
23
|
-
b.appendChild(d);b.appendChild(l);b.appendChild(m);a.__xComboboxListboxId=q;a.__xComboboxOptions=$APP.
|
|
24
|
-
c.addEventListener("input",$APP.k(b,"inputInput")),c.addEventListener("keydown",$APP.k(b,"inputKeydown")),d.addEventListener("click",$APP.k(b,"clearClick")),e.addEventListener("pointerdown",$APP.k(b,"chevronPointerdown")),f.addEventListener("pointerdown",$APP.k(b,"panelPointerdown")),f.addEventListener("click",$APP.k(b,"panelClick")),a.addEventListener("focusout",$APP.k(b,"focusout")),h.addEventListener("slotchange",$APP.k(b,"slotchange"))));
|
|
25
|
-
null},
|
|
26
|
-
2,[$APP.
|
|
27
|
-
$APP.
|
|
23
|
+
b.appendChild(d);b.appendChild(l);b.appendChild(m);a.__xComboboxListboxId=q;a.__xComboboxOptions=$APP.me;a.__xComboboxQuery="";a.__xComboboxActiveIdx=0;a.__xComboboxRefs={wrapper:d,input:e,clear:f,chevron:h,panel:l,slot:m}}Lq(a);Nq(a);a.__xComboboxHandlers=Kq(a);h=$APP.k(a,"__xComboboxRefs");$APP.n(h)&&(b=$APP.k(a,"__xComboboxHandlers"),$APP.n(b)&&(c=$APP.k(h,"input"),d=$APP.k(h,"clear"),e=$APP.k(h,"chevron"),f=$APP.k(h,"panel"),h=$APP.k(h,"slot"),c.addEventListener("focus",$APP.k(b,"inputFocus")),
|
|
24
|
+
c.addEventListener("input",$APP.k(b,"inputInput")),c.addEventListener("keydown",$APP.k(b,"inputKeydown")),d.addEventListener("click",$APP.k(b,"clearClick")),e.addEventListener("pointerdown",$APP.k(b,"chevronPointerdown")),f.addEventListener("pointerdown",$APP.k(b,"panelPointerdown")),f.addEventListener("click",$APP.k(b,"panelClick")),a.addEventListener("focusout",$APP.k(b,"focusout")),h.addEventListener("slotchange",$APP.k(b,"slotchange"))));zq(a);return Cq(a)},Qq=function(a){Lq(a);Nq(a);a.__xComboboxModel=
|
|
25
|
+
null},Rq=function(a,b){return $APP.n($APP.k(a,"__xComboboxRefs"))?(Cq(a),$APP.B.j(b,"open")?$APP.n(a.hasAttribute("open"))?Mq(a):Nq(a):null):null},Tq=function(a){$APP.ih(a,Sq);a.show=function(){return Dq(this,"programmatic")};return a.hide=function(){return Eq(this,"programmatic")}},Vq=function(){return $APP.Wg("x-combobox",new $APP.P(null,5,[$APP.Mg,Uq,$APP.Ng,Pq,$APP.Og,Qq,$APP.Qg,Rq,$APP.Ug,Tq],null))};var Bq=new $APP.Q(null,new $APP.P(null,4,["bottom-start",null,"bottom-end",null,"top-end",null,"top-start",null],null),null),Uq="value placeholder name disabled required open placement".split(" "),Sq=new $APP.P(null,7,[$APP.Fh,new $APP.P(null,2,[$APP.S,$APP.V,$APP.T,"value"],null),$APP.bo,new $APP.P(null,2,[$APP.S,$APP.V,$APP.T,"placeholder"],null),$APP.Ok,new $APP.P(null,2,[$APP.S,$APP.V,$APP.T,"name"],null),$APP.fl,new $APP.P(null,2,[$APP.S,$APP.U,$APP.T,"disabled"],null),$APP.Wl,new $APP.P(null,
|
|
26
|
+
2,[$APP.S,$APP.U,$APP.T,"required"],null),$APP.Qn,new $APP.P(null,2,[$APP.S,$APP.U,$APP.T,"open"],null),$APP.gl,new $APP.P(null,2,[$APP.S,$APP.V,$APP.T,"placement"],null)],null);
|
|
27
|
+
$APP.Ud(["x-combobox-change-request",new $APP.P(null,2,[$APP.Un,!0,$APP.Z,new $APP.P(null,3,[$APP.Fh,$APP.V,$APP.X,$APP.V,$APP.mm,$APP.V],null)],null),"x-combobox-change",new $APP.P(null,2,[$APP.Un,!1,$APP.Z,new $APP.P(null,2,[$APP.Fh,$APP.V,$APP.X,$APP.V],null)],null),"x-combobox-input",new $APP.P(null,2,[$APP.Un,!1,$APP.Z,new $APP.P(null,1,[$APP.Tj,$APP.V],null)],null),"x-combobox-toggle",new $APP.P(null,2,[$APP.Un,!0,$APP.Z,new $APP.P(null,2,[$APP.Qn,$APP.U,$APP.Rm,$APP.V],null)],null)]);var Oq={n:0};$APP.da("baredom.exports.x_combobox.init",Vq);export const init=Vq;
|