@vanelsas/baredom 3.0.0 → 3.1.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 +18 -0
- package/custom-elements.json +3393 -2954
- package/dist/baredom.d.ts +86 -86
- package/dist/base.js +533 -524
- package/dist/integrity.json +103 -103
- package/dist/x-alert.js +16 -16
- package/dist/x-avatar-group.js +9 -9
- package/dist/x-avatar.js +14 -14
- package/dist/x-badge.js +9 -9
- package/dist/x-bento-grid.js +5 -5
- package/dist/x-bento-item.js +4 -4
- package/dist/x-breadcrumbs.js +14 -13
- package/dist/x-button.js +1 -1
- package/dist/x-cancel-dialogue.js +14 -13
- package/dist/x-card.d.ts +1 -1
- package/dist/x-card.js +7 -7
- package/dist/x-carousel.d.ts +3 -0
- package/dist/x-carousel.js +35 -33
- package/dist/x-chart.js +47 -47
- package/dist/x-checkbox.js +1 -1
- package/dist/x-chip.js +1 -1
- package/dist/x-collapse.d.ts +1 -0
- package/dist/x-collapse.js +11 -10
- package/dist/x-color-picker.js +46 -45
- package/dist/x-combobox.d.ts +2 -0
- package/dist/x-combobox.js +30 -26
- package/dist/x-command-palette.d.ts +3 -0
- package/dist/x-command-palette.js +28 -26
- package/dist/x-confetti.js +24 -24
- package/dist/x-container.js +5 -6
- package/dist/x-context-menu.d.ts +4 -0
- package/dist/x-context-menu.js +21 -20
- package/dist/x-copy.js +20 -20
- package/dist/x-currency-field.d.ts +2 -0
- package/dist/x-currency-field.js +24 -23
- package/dist/x-date-picker.d.ts +3 -0
- package/dist/x-date-picker.js +42 -42
- package/dist/x-divider.js +10 -9
- package/dist/x-drawer.js +11 -10
- package/dist/x-dropdown.d.ts +3 -0
- package/dist/x-dropdown.js +12 -11
- package/dist/x-fieldset.js +6 -5
- package/dist/x-file-download.js +7 -7
- package/dist/x-file-upload.d.ts +2 -0
- package/dist/x-file-upload.js +23 -22
- package/dist/x-form-field.js +15 -15
- package/dist/x-form.d.ts +4 -0
- package/dist/x-form.js +10 -9
- package/dist/x-gaussian-blur.js +13 -12
- package/dist/x-grid.js +6 -7
- package/dist/x-i18n-provider.js +7 -7
- package/dist/x-i18n.js +4 -4
- package/dist/x-icon.js +7 -7
- package/dist/x-image.js +17 -17
- package/dist/x-kbd.js +16 -16
- package/dist/x-kinetic-canvas.js +26 -25
- package/dist/x-kinetic-font.js +27 -27
- package/dist/x-kinetic-typography.js +35 -33
- package/dist/x-liquid-dock.js +34 -38
- package/dist/x-liquid-fill.js +42 -45
- package/dist/x-liquid-glass.js +41 -47
- package/dist/x-menu-item.js +8 -8
- package/dist/x-menu.js +10 -11
- package/dist/x-metaball-cursor.js +23 -26
- package/dist/x-modal.js +12 -11
- package/dist/x-morph-stack.d.ts +4 -0
- package/dist/x-morph-stack.js +37 -37
- package/dist/x-multi-combobox.js +36 -36
- package/dist/x-navbar.js +15 -12
- package/dist/x-neural-glow.js +30 -33
- package/dist/x-notification-center.d.ts +2 -0
- package/dist/x-notification-center.js +9 -9
- package/dist/x-organic-divider.js +18 -17
- package/dist/x-organic-progress.js +35 -37
- package/dist/x-organic-shape.js +14 -13
- package/dist/x-otp-input.js +22 -22
- package/dist/x-pagination.js +14 -15
- package/dist/x-particle-button.js +51 -51
- package/dist/x-popover.d.ts +3 -0
- package/dist/x-popover.js +27 -25
- package/dist/x-progress-circle.d.ts +3 -0
- package/dist/x-progress-circle.js +9 -9
- package/dist/x-progress.js +8 -10
- package/dist/x-proximity-list.js +20 -20
- package/dist/x-radio.js +11 -11
- package/dist/x-ripple-effect.js +10 -11
- package/dist/x-scroll-parallax.js +17 -18
- package/dist/x-scroll-stack.js +16 -17
- package/dist/x-scroll-story.js +33 -34
- package/dist/x-scroll-timeline.js +46 -45
- package/dist/x-scroll.d.ts +3 -0
- package/dist/x-scroll.js +38 -40
- package/dist/x-search-field.d.ts +2 -0
- package/dist/x-search-field.js +1 -1
- package/dist/x-select.js +1 -1
- package/dist/x-sidebar.js +18 -17
- package/dist/x-skeleton-group.js +12 -12
- package/dist/x-skeleton.js +1 -1
- package/dist/x-slider.js +16 -15
- package/dist/x-soft-body.js +20 -22
- package/dist/x-spacer.js +4 -4
- package/dist/x-spinner.js +4 -4
- package/dist/x-splash.js +12 -13
- package/dist/x-spotlight-card.js +12 -12
- package/dist/x-stat.js +10 -10
- package/dist/x-stepper.js +13 -14
- package/dist/x-switch.js +11 -10
- package/dist/x-tab.js +7 -7
- package/dist/x-table-cell.js +21 -20
- package/dist/x-table-row.js +8 -8
- package/dist/x-table.d.ts +32 -32
- package/dist/x-table.js +13 -12
- package/dist/x-tabs.js +11 -11
- package/dist/x-text-area.js +19 -19
- package/dist/x-theme.js +25 -25
- package/dist/x-timeline-item.js +20 -20
- package/dist/x-timeline.js +8 -8
- package/dist/x-toast.d.ts +1 -0
- package/dist/x-toast.js +22 -22
- package/dist/x-toaster.js +7 -8
- package/dist/x-tooltip.d.ts +2 -0
- package/dist/x-tooltip.js +12 -12
- package/dist/x-trace-history.js +120 -117
- package/dist/x-typography.js +9 -9
- package/dist/x-welcome-tour.js +63 -61
- package/package.json +4 -2
package/dist/x-collapse.js
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
d=document.createElement("div"),e=document.createElement("button"),f=document.createElement("span"),h=document.createElement("span"),
|
|
8
|
-
$APP.
|
|
9
|
-
d.appendChild(
|
|
10
|
-
|
|
11
|
-
$APP.
|
|
2
|
+
var a$=function(){var a=window.matchMedia;return $APP.n(a)?window.matchMedia("(prefers-reduced-motion: reduce)").matches:a},c$=function(a){a=b$.i($APP.l(a,"__xCollapseModel"));return $APP.n(a)?a:300},d$=function(a){a.style.height="";return a.style.transition=""},e$=function(a,b,c,d){a.style.height=b;a.offsetHeight;a.style.transition="height "+$APP.P.i(d)+"ms ease";a.style.height=c;var e=setTimeout(function(){return d$(a)},d+80);return a.addEventListener("transitionend",function h(){clearTimeout(e);
|
|
3
|
+
d$(a);return a.removeEventListener("transitionend",h)})},h$=function(a){if($APP.n($APP.l(a,"__xCollapseRefs"))){var b=new $APP.N(null,4,[$APP.Rn,a.hasAttribute("open"),$APP.Wi,a.hasAttribute("disabled"),f$,a.getAttribute("header"),g$,a.getAttribute("duration-ms")],null);var c=$APP.H(b);b=$APP.C(c,$APP.Rn);var d=$APP.C(c,$APP.Wi),e=$APP.C(c,f$);c=$APP.C(c,g$);b=$APP.E(b);d=$APP.E(d);e=$APP.n(e)?e:"";$APP.n(c)?(c=parseInt(c,10),c=$APP.p(isNaN(c))&&c>0?c:null):c=null;c=$APP.n(c)?$APP.Gm.j(0,$APP.Hm.j(2E3,
|
|
4
|
+
c)):300;b=new $APP.N(null,4,[$APP.ls,b,$APP.cj,d,$APP.Ao,e,b$,c],null);$APP.I($APP.l(a,"__xCollapseModel"),b)?(e=$APP.l(a,"__xCollapseRefs"),$APP.n(e)?(d=$APP.l(e,"trigger"),e=$APP.l(e,"header-text"),c=$APP.H(b),c=$APP.C(c,$APP.Ao),e.textContent=c,c=$APP.H(b),e=$APP.C(c,$APP.ls),c=$APP.C(c,$APP.cj),$APP.T(d,"aria-expanded",$APP.n(e)?"true":"false"),$APP.n(c)?($APP.T(d,"disabled",""),$APP.T(d,"aria-disabled","true")):($APP.U(d,"disabled"),$APP.U(d,"aria-disabled")),a=$APP.R(a,"__xCollapseModel",b)):
|
|
5
|
+
a=null):a=null;return a}return null},i$=function(a,b){if($APP.n(a.hasAttribute("disabled")))return null;var c=$APP.p(a.hasAttribute("open"));return $APP.ri(a,"x-collapse-toggle",{open:c,source:b})?(c?$APP.T(a,"open",""):$APP.U(a,"open"),$APP.pi(a,"x-collapse-change",{open:c})):null},qoa=function(a){var b=$APP.l(a,"__xCollapseRefs");if($APP.n(b)){b=$APP.l(b,"trigger");var c=function(){return i$(a,"pointer")},d=function(f){var h=f.key;$APP.y.j(h," ")||$APP.y.j(h,"Enter")||$APP.y.j(h,"Space")?(f.preventDefault(),
|
|
6
|
+
f=i$(a,"keyboard")):f=null;return f},e={};b.addEventListener("click",c);b.addEventListener("keydown",d);e.click=c;e.keydown=d;$APP.R(a,"__xCollapseHandlers",e)}},j$=function(a){var b=$APP.l(a,"__xCollapseRefs");if($APP.n(b)){var c=$APP.l(a,"__xCollapseHandlers");if($APP.n(c))return b=$APP.l(b,"trigger"),b.removeEventListener("click",$APP.l(c,"click")),b.removeEventListener("keydown",$APP.l(c,"keydown")),$APP.R(a,"__xCollapseHandlers",null)}return null},roa=function(a){if(!$APP.n($APP.l(a,"__xCollapseRefs"))){var b=
|
|
7
|
+
a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("button"),f=document.createElement("span"),h=document.createElement("span"),k=document.createElement("div"),m=document.createElement("div"),q=document.createElement("slot");c.textContent=":host{display:block;color-scheme:light dark;--x-collapse-border-radius:var(--x-radius-md, 8px);--x-collapse-border:1px solid var(--x-color-border,#e2e8f0);--x-collapse-bg:var(--x-color-surface, #ffffff);--x-collapse-trigger-bg:var(--x-color-surface-hover, #f8fafc);--x-collapse-trigger-bg-hover:var(--x-color-surface-active,#f1f5f9);--x-collapse-trigger-color:var(--x-color-text, #0f172a);--x-collapse-trigger-padding:0.75rem 1rem;--x-collapse-content-padding:1rem;--x-collapse-font-size:0.9375rem;--x-collapse-font-weight:600;--x-collapse-chevron-color:var(--x-color-text-muted, #64748b);--x-collapse-focus-ring:var(--x-color-focus-ring, #60a5fa);}@media (prefers-color-scheme:dark){:host{--x-collapse-border:1px solid var(--x-color-border,#334155);--x-collapse-bg:var(--x-color-surface,#1e293b);--x-collapse-trigger-bg:var(--x-color-surface-hover,#0f172a);--x-collapse-trigger-bg-hover:var(--x-color-surface-active,#1e293b);--x-collapse-trigger-color:var(--x-color-text,#e2e8f0);--x-collapse-chevron-color:var(--x-color-text-muted, #94a3b8);--x-collapse-focus-ring:var(--x-color-focus-ring, #93c5fd);}}[part\x3dcontainer]{box-sizing:border-box;border:var(--x-collapse-border);border-radius:var(--x-collapse-border-radius);background:var(--x-collapse-bg);overflow:hidden;}[part\x3dtrigger]{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--x-collapse-trigger-padding);background:var(--x-collapse-trigger-bg);color:var(--x-collapse-trigger-color);font-size:var(--x-collapse-font-size);font-weight:var(--x-collapse-font-weight);cursor:pointer;user-select:none;}[part\x3dtrigger][disabled]{cursor:default;opacity:0.55;}[part\x3dtrigger]:hover:not([disabled]){background:var(--x-collapse-trigger-bg-hover);}[part\x3dtrigger]:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--x-collapse-focus-ring);}[part\x3dheader-text]{flex:1;text-align:start;}[part\x3dchevron]{display:inline-block;margin-inline-start:0.5rem;color:var(--x-collapse-chevron-color);transition:transform 200ms ease;flex-shrink:0;}:host([open]) [part\x3dchevron]{transform:rotate(180deg);}[part\x3dcontent]{overflow:hidden;height:0;}:host([open]) [part\x3dcontent]{height:auto;}[part\x3dcontent-inner]{padding:var(--x-collapse-content-padding);}@media (prefers-reduced-motion:reduce){[part\x3dcontent]{transition:none !important;}[part\x3dchevron]{transition:none !important;}}";
|
|
8
|
+
$APP.T(d,"part","container");$APP.T(e,"part","trigger");$APP.T(e,"type","button");$APP.T(e,"id","trigger");$APP.T(e,"aria-controls","panel");$APP.T(f,"part","header-text");$APP.T(h,"part","chevron");$APP.T(h,"aria-hidden","true");$APP.T(k,"part","content");$APP.T(k,"id","panel");$APP.T(k,"role","region");$APP.T(k,"aria-labelledby","trigger");$APP.T(m,"part","content-inner");$APP.T(q,"name","content");h.textContent="▼";e.appendChild(f);e.appendChild(h);m.appendChild(q);k.appendChild(m);d.appendChild(e);
|
|
9
|
+
d.appendChild(k);b.appendChild(c);b.appendChild(d);c={};c.root=b;c.trigger=e;c["header-text"]=f;c.content=k;$APP.R(a,"__xCollapseRefs",c)}j$(a);qoa(a);return h$(a)},soa=function(a){return j$(a)},toa=function(a,b,c,d){return $APP.I(c,d)&&(h$(a),$APP.y.j(b,"open")&&(b=$APP.l(a,"__xCollapseRefs"),$APP.n(b)))?(b=$APP.l(b,"content"),c=a.hasAttribute("open"),$APP.n(b)?$APP.n(c)?$APP.n(a$())?a=d$(b):(b.style.height="0px",b.offsetHeight,c=""+$APP.P.i(b.scrollHeight)+"px",a=e$(b,"0px",c,c$(a))):$APP.n(a$())?
|
|
10
|
+
(b.style.height="0px",a=b.style.transition=""):(c=""+$APP.P.i(b.offsetHeight)+"px",a=e$(b,c,"0px",c$(a))):a=null,a):null},voa=function(a){$APP.Ei(a,uoa);return Object.defineProperty(a,"toggle",{value:function(){return i$(this,"programmatic")},writable:!0,configurable:!0})},k$=function(){return $APP.Kh("x-collapse",new $APP.N(null,5,[$APP.Bh,woa,$APP.zh,roa,$APP.qh,soa,$APP.ph,toa,$APP.Ah,voa],null))},f$=new $APP.F(null,"header-raw","header-raw",41484),g$=new $APP.F(null,"duration-ms-raw","duration-ms-raw",
|
|
11
|
+
-2138819526),b$=new $APP.F(null,"duration-ms","duration-ms",1993555055);var woa=["open","disabled","header","duration-ms"],uoa=new $APP.N(null,4,[$APP.Ir,new $APP.N(null,2,[$APP.O,$APP.Ci,$APP.W,"open"],null),$APP.Hk,new $APP.N(null,2,[$APP.O,$APP.Ci,$APP.W,"disabled"],null),$APP.Ao,new $APP.N(null,2,[$APP.O,$APP.Y,$APP.W,"header"],null),new $APP.F(null,"durationMs","durationMs",1439579766),new $APP.N(null,3,[$APP.O,$APP.Z,$APP.W,"duration-ms",$APP.Di,300],null)],null);
|
|
12
|
+
$APP.be(["x-collapse-toggle",new $APP.N(null,2,[$APP.Mr,!0,$APP.V,new $APP.N(null,2,[$APP.Ir,$APP.Ci,$APP.Vq,$APP.Y],null)],null),"x-collapse-change",new $APP.N(null,2,[$APP.Mr,!1,$APP.V,new $APP.N(null,1,[$APP.Ir,$APP.Ci],null)],null)]);$APP.fa("baredom.exports.x_collapse.init",k$);export const init=k$;
|
package/dist/x-color-picker.js
CHANGED
|
@@ -1,46 +1,47 @@
|
|
|
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
|
-
$APP.C(b,$APP
|
|
9
|
-
d=$APP.
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
h=$APP.
|
|
15
|
-
"%");d.style.setProperty("--_x-cp-area-y",""+$APP.
|
|
16
|
-
e=$APP.C(
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
$APP.n(b.shiftKey)?10:1,e=function(){switch(b.key){case "ArrowRight":return
|
|
21
|
-
d);case "ArrowLeft":return
|
|
22
|
-
if($APP.n(a)){var b=$APP.
|
|
23
|
-
"__xColorPickerRefs"),"area"),b);var d=$APP.
|
|
24
|
-
$APP.
|
|
25
|
-
c=
|
|
26
|
-
$APP.
|
|
27
|
-
var d=$APP.
|
|
28
|
-
"panel-pd":function(b){return b.stopPropagation()},trigger:function(){var b=
|
|
29
|
-
b=$APP.C(e,
|
|
30
|
-
(f=$APP.
|
|
31
|
-
d=
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
$
|
|
35
|
-
|
|
36
|
-
$APP.
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
"
|
|
42
|
-
null),new $APP.
|
|
43
|
-
|
|
44
|
-
["
|
|
45
|
-
|
|
46
|
-
"
|
|
2
|
+
var uI=function(a,b){return $APP.Hm.j($APP.Gm.j(a,0),b)},vI=function(a){return $APP.qd(a,360)},wI=function(a){return uI(a,100)},xI=function(a){return uI(a,1)},zI=function(a){var b=typeof a==="string";a=b?$APP.Lg(yI,a.trim()):b;return $APP.E(a)},DI=function(a){if(typeof a==="string")if(a=$APP.Lg(yI,a.trim()),$APP.n(a))switch($APP.B(a,0,null),a=$APP.B(a,1,null),$APP.w(a)){case 3:var b=parseInt(""+$APP.P.i($APP.vc(a,0))+$APP.P.i($APP.vc(a,0)),16),c=parseInt(""+$APP.P.i($APP.vc(a,1))+$APP.P.i($APP.vc(a,
|
|
3
|
+
1)),16),d=parseInt(""+$APP.P.i($APP.vc(a,2))+$APP.P.i($APP.vc(a,2)),16);return new $APP.N(null,4,[AI,b,$APP.qr,c,BI,d,CI,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.N(null,4,[AI,b,$APP.qr,c,BI,d,CI,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.N(null,4,[AI,b,$APP.qr,c,BI,d,CI,parseInt(a.substring(6,8),16)/255],null);default:return null}else return null;
|
|
4
|
+
else return null},HI=function(a,b,c){a/=255;b/=255;c/=255;var d=$APP.Gm.B(a,b,$APP.Ac([c])),e=$APP.Hm.B(a,b,$APP.Ac([c])),f=(d+e)/2,h=d-e;return h===0?new $APP.N(null,3,[EI,0,FI,0,GI,f*100],null):new $APP.N(null,3,[EI,(d===a?((b-c)/h+(b<c?6:0))/6:d===b?((c-a)/h+2)/6:((a-b)/h+4)/6)*360,FI,(f>.5?h/(2-d-e):h/(d+e))*100,GI,f*100],null)},II=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},JI=function(a,b,c){a=vI(a)/360;b=wI(b)/100;c=wI(c)/100;if(b===0)return a=
|
|
5
|
+
Math.round(c*255),new $APP.N(null,3,[AI,a,$APP.qr,a,BI,a],null);b=c<.5?c*(1+b):c+b-c*b;c=2*c-b;return new $APP.N(null,3,[AI,Math.round(II(c,b,a+1/3)*255),$APP.qr,Math.round(II(c,b,a)*255),BI,Math.round(II(c,b,a-1/3)*255)],null)},KI=function(a,b,c){function d(e){e=uI(Math.round(e),255).toString(16);return $APP.w(e)<2?"0"+$APP.P.i(e):e}return"#"+$APP.P.i(d(a))+$APP.P.i(d(b))+$APP.P.i(d(c))},LI=function(a,b,c,d){function e(f){f=uI(Math.round(f),255).toString(16);return $APP.w(f)<2?"0"+$APP.P.i(f):f}
|
|
6
|
+
return"#"+$APP.P.i(e(a))+$APP.P.i(e(b))+$APP.P.i(e(c))+$APP.P.i(e(xI(d)*255))},NI=function(a,b,c){b=wI(b)/100;c=wI(c)/100;b=c+b*$APP.Hm.j(c,1-c);return new $APP.N(null,3,[EI,vI(a),FI,(b===0?0:2*(1-c/b))*100,MI,b*100],null)},OI=function(a,b,c){b=wI(b)/100;c=wI(c)/100;b=c*(1-b/2);c=b===0||b===1?0:(c-b)/$APP.Hm.j(b,1-b);return new $APP.N(null,3,[EI,vI(a),FI,c*100,GI,b*100],null)},PI=function(a,b,c){return 100*(uI(a-b,c)/c)},QI=function(a){return typeof a==="string"&&zI(a)?(a=DI(a),$APP.n(a)?KI(AI.i(a),
|
|
7
|
+
$APP.qr.i(a),BI.i(a)):null):"#000000"},SI=function(a){return typeof a==="string"&&$APP.$c(RI,a.trim().toLowerCase())?a.trim().toLowerCase():"inline"},TI=function(a){return typeof a==="string"&&$APP.Wh(a)?$APP.tf.m($APP.we,$APP.Im.m($APP.oe.i($APP.Sh),$APP.te(zI),$APP.oe.i(function(b){b=DI(b);var c=$APP.H(b);b=$APP.C(c,AI);var d=$APP.C(c,$APP.qr);c=$APP.C(c,BI);return KI(b,d,c)})),$APP.Qh(a,/,/)):$APP.we},ZI=function(a){var b=$APP.H(a),c=$APP.C(b,$APP.Ir),d=$APP.C(b,$APP.Hk),e=$APP.C(b,$APP.ei);a=
|
|
8
|
+
$APP.C(b,$APP.$i);var f=$APP.C(b,$APP.Bi),h=$APP.C(b,$APP.Jo),k=$APP.C(b,UI),m=$APP.C(b,$APP.bj),q=$APP.C(b,VI);b=QI(e);var u=function(){var S=DI(e);return $APP.n(S)?S:DI("#000000")}(),x=$APP.H(u);u=$APP.C(x,AI);var z=$APP.C(x,$APP.qr),A=$APP.C(x,BI);x=$APP.C(x,CI);var D=function(){var S=typeof e==="string";if(S){S=e.trim();var Q=$APP.Lg(yI,S);return $APP.n(Q)?8===$APP.w($APP.Dc($APP.Lg(yI,S))):Q}return S}();x=$APP.n(D)?x:1;D=HI(u,z,A);var G=$APP.H(D);D=$APP.C(G,EI);var J=$APP.C(G,FI);G=$APP.C(G,
|
|
9
|
+
GI);d=$APP.Uh(d);f=$APP.Uh(f);q=q!=null;c=c!=null;h=SI(h);return $APP.Yf([$APP.mk,WI,$APP.$i,$APP.Jo,UI,FI,GI,XI,EI,$APP.bj,$APP.ls,YI,$APP.cj,CI],[f,q,$APP.Wh(a)?a:null,h,TI(k),J,G,b,D,$APP.Wh(m)?m:null,$APP.y.j(h,"popover")&&c,q&&x<1?LI(u,z,A,x):b,d,x])},$I=function(a){var b=$APP.H(a);a=$APP.C(b,$APP.cj);b=$APP.C(b,$APP.mk);return $APP.p(a)&&$APP.p(b)},aJ=function(a,b,c,d){$APP.T(a,"part",b);$APP.T(a,"role","slider");$APP.T(a,"tabindex","0");$APP.T(a,"aria-label",c);$APP.T(a,"aria-valuemin","0");
|
|
10
|
+
$APP.T(a,"aria-valuemax",d)},bJ=function(a,b,c,d){$APP.T(a,"part",b);$APP.T(a,"type","button");$APP.T(a,"aria-label",c);a.innerHTML=d},cJ=function(a){return ZI($APP.Yf([$APP.Ir,$APP.Hk,$APP.$i,$APP.ei,$APP.Bi,$APP.Jo,UI,$APP.bj,VI],[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")]))},dJ=function(a,b){var c=YI.i(b),d=EI.i(b),e=
|
|
11
|
+
FI.i(b),f=GI.i(b);b=CI.i(b);return $APP.pi(a,"x-color-picker-input",$APP.Xm(new $APP.N(null,5,[$APP.ei,c,EI,d,FI,e,GI,f,CI,b],null)))},eJ=function(a,b){var c=YI.i(b),d=EI.i(b),e=FI.i(b),f=GI.i(b);b=CI.i(b);return $APP.ri(a,"x-color-picker-change",$APP.Xm(new $APP.N(null,5,[$APP.ei,c,EI,d,FI,e,GI,f,CI,b],null)))},fJ=function(a,b,c,d,e,f){b=JI(b,c,d);d=$APP.H(b);b=$APP.C(d,AI);c=$APP.C(d,$APP.qr);d=$APP.C(d,BI);e=$APP.n($APP.n(f)?e<1:f)?LI(b,c,d,e):KI(b,c,d);$APP.T(a,"value",e)},gJ=function(a,b,c,d){if($APP.I($APP.l(a,
|
|
12
|
+
"__xColorPickerSwatchesCache"),c)){$APP.R(a,"__xColorPickerSwatchesCache",c);b.innerHTML="";a=$APP.r(c);c=null;for(var e=0,f=0;;)if(f<e){var h=c.F(null,f),k=document.createElement("button");$APP.T(k,"part","swatch");$APP.T(k,"type","button");$APP.T(k,"role","option");$APP.T(k,"aria-label",h);$APP.T(k,"data-color",h);k.style.backgroundColor=h;b.appendChild(k);f+=1}else if(a=$APP.r(a))$APP.Wc(a)?(e=$APP.Cb(a),a=$APP.Db(a),c=e,e=$APP.w(e)):(c=$APP.t(a),e=document.createElement("button"),$APP.T(e,"part",
|
|
13
|
+
"swatch"),$APP.T(e,"type","button"),$APP.T(e,"role","option"),$APP.T(e,"aria-label",c),$APP.T(e,"data-color",c),e.style.backgroundColor=c,b.appendChild(e),a=$APP.v(a),c=null,e=0),f=0;else break}b.querySelectorAll("[part\x3dswatch]").forEach(function(m){return $APP.T(m,"aria-selected",$APP.y.j(m.getAttribute("data-color"),d)?"true":"false")})},hJ=function(a){if($APP.n($APP.l(a,"__xColorPickerRefs"))){var b=cJ(a);if($APP.I($APP.l(a,"__xColorPickerModel"),b)){var c=$APP.l(a,"__xColorPickerRefs");if($APP.n(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"),m=$APP.l(c,"hex-input");c=$APP.l(c,"swatches");var q=$APP.H(b),u=$APP.C(q,EI);q=$APP.C(q,$APP.Jo);$APP.T(a,"data-mode",q);a.style.setProperty("--_x-cp-hue",""+$APP.P.i(Math.round(u)));q=$APP.H(b);var x=$APP.C(q,EI),z=$APP.C(q,FI),A=$APP.C(q,GI);u=$APP.C(q,CI);q=$APP.C(q,$APP.bj);z=NI(x,z,A);var D=$APP.H(z);z=$APP.C(D,FI);D=$APP.C(D,MI);D=new $APP.N(null,2,[$APP.mr,wI(z),$APP.lr,
|
|
15
|
+
100-wI(D)],null);d.style.setProperty("--_x-cp-area-x",""+$APP.P.i($APP.mr.i(D).toFixed(2))+"%");d.style.setProperty("--_x-cp-area-y",""+$APP.P.i($APP.lr.i(D).toFixed(2))+"%");x="Hue "+$APP.P.i(Math.round(x))+", Saturation "+$APP.P.i(Math.round(z))+"%, Lightness "+$APP.P.i(Math.round(A))+"%";u=u<1?""+$APP.P.i(x)+", Opacity "+$APP.P.i(Math.round(u*100))+"%":x;$APP.T(d,"aria-valuetext",u);$APP.n(q)&&$APP.T(d,"aria-label",q);d=$APP.H(b);d=$APP.C(d,EI);e.style.setProperty("--_x-cp-hue-pos",""+$APP.P.i((vI(d)/
|
|
16
|
+
360*100).toFixed(2))+"%");$APP.T(e,"aria-valuenow",""+$APP.P.i(Math.round(d)));x=$APP.H(b);e=$APP.C(x,EI);d=$APP.C(x,FI);u=$APP.C(x,GI);q=$APP.C(x,CI);x=$APP.C(x,WI);$APP.n(x)?(f.style.display="",a.style.setProperty("--_x-cp-alpha-color","hsl("+$APP.P.i(Math.round(e))+","+$APP.P.i(Math.round(d))+"%,"+$APP.P.i(Math.round(u))+"%)"),f.style.setProperty("--_x-cp-alpha-pos",""+$APP.P.i((xI(q)*100).toFixed(2))+"%"),$APP.T(f,"aria-valuenow",""+$APP.P.i(Math.round(q*100)))):f.style.display="none";x=$APP.H(b);
|
|
17
|
+
e=$APP.C(x,EI);d=$APP.C(x,FI);u=$APP.C(x,GI);f=$APP.C(x,CI);q=$APP.C(x,XI);x=$APP.C(x,WI);$APP.n(x)?(e=JI(e,d,u),u=$APP.H(e),e=$APP.C(u,AI),d=$APP.C(u,$APP.qr),u=$APP.C(u,BI),f="rgba("+$APP.P.i(e)+","+$APP.P.i(d)+","+$APP.P.i(u)+","+$APP.P.i(f.toFixed(2))+")"):f=q;h.style.backgroundColor=f;k.style.backgroundColor=f;f=$APP.H(b);h=$APP.C(f,YI);k=$APP.C(f,$APP.cj);f=$APP.C(f,$APP.mk);a.shadowRoot.activeElement!==m&&(m.value=h);m.disabled=$APP.n(k)?k:f;gJ(a,c,UI.i(b),XI.i(b));m=$APP.H(b);m=$APP.C(m,YI);
|
|
18
|
+
c=$APP.l(a,"__xColorPickerInternals");$APP.n(c)&&c.setFormValue(m);a=$APP.R(a,"__xColorPickerModel",b)}else a=null}else a=null;return a}return null},jJ=function(a,b){var c=a.getBoundingClientRect();a=b.clientY;var d=c.top,e=c.height;b=PI(b.clientX,c.left,c.width);a=PI(a,d,e);return new $APP.N(null,2,[iJ,wI(b),$APP.Wm,100-wI(a)],null)},kJ=function(a,b){a=a.getBoundingClientRect();b=PI(b.clientX,a.left,a.width);return wI(b)/100*360},lJ=function(a,b){a=a.getBoundingClientRect();b=PI(b.clientX,a.left,
|
|
19
|
+
a.width);return wI(b)/100},nJ=function(a,b){var c=cJ(a);if($I(c)&&$APP.$c(mJ,b.key)){b.preventDefault();var d=$APP.n(b.shiftKey)?10:1,e=NI(EI.i(c),FI.i(c),GI.i(c)),f=function(){switch(b.key){case "ArrowRight":return wI(FI.i(e)+d);case "ArrowLeft":return wI(FI.i(e)-d);default:return FI.i(e)}}(),h=function(){switch(b.key){case "ArrowUp":return wI(MI.i(e)+d);case "ArrowDown":return wI(MI.i(e)-d);default:return MI.i(e)}}();f=OI(EI.i(c),f,h);var k=$APP.H(f);f=$APP.C(k,EI);h=$APP.C(k,FI);k=$APP.C(k,GI);
|
|
20
|
+
fJ(a,f,h,k,CI.i(c),WI.i(c));dJ(a,cJ(a));return eJ(a,cJ(a))}return null},pJ=function(a,b){var c=cJ(a);if($I(c)&&$APP.$c(oJ,b.key)){b.preventDefault();var d=$APP.n(b.shiftKey)?10:1,e=function(){switch(b.key){case "ArrowRight":return vI(EI.i(c)+d);case "ArrowLeft":return vI(EI.i(c)-d);case "Home":return 0;case "End":return 360;default:return EI.i(c)}}();fJ(a,e,FI.i(c),GI.i(c),CI.i(c),WI.i(c));dJ(a,cJ(a));return eJ(a,cJ(a))}return null},qJ=function(a,b){var c=cJ(a);if($APP.n(function(){var f=$I(c);return f?
|
|
21
|
+
(f=WI.i(c),$APP.n(f)?$APP.$c(oJ,b.key):f):f}())){b.preventDefault();var d=$APP.n(b.shiftKey)?.1:.01,e=function(){switch(b.key){case "ArrowRight":return xI(CI.i(c)+d);case "ArrowLeft":return xI(CI.i(c)-d);case "Home":return 0;case "End":return 1;default:return CI.i(c)}}();fJ(a,EI.i(c),FI.i(c),GI.i(c),e,!0);dJ(a,cJ(a));return eJ(a,cJ(a))}return null},rJ=function(a){var b=cJ(a);return $I(b)&&typeof EyeDropper!=="undefined"?(new EyeDropper).open().then(function(c){$APP.T(a,"value",c.sRGBHex);return eJ(a,
|
|
22
|
+
cJ(a))}).catch(function(){return null}):null},sJ=function(a){if($APP.n(a.hasAttribute("open")))return null;$APP.T(a,"open","");a=$APP.l(a,"__xColorPickerRefs");if($APP.n(a)){var b=$APP.l(a,"area");return setTimeout(function(){return b.focus()},0)}return null},tJ=function(a){return $APP.n(a.hasAttribute("open"))?($APP.U(a,"open"),a=$APP.l(a,"__xColorPickerRefs"),$APP.n(a)?$APP.l(a,"trigger").focus():null):null},uJ=function(a,b){return $APP.n(a.hasAttribute("open"))?$APP.n(b.composedPath().some(function(c){return c===
|
|
23
|
+
a}))?null:tJ(a):null},vJ=function(a){return{"area-move":function(b){if($APP.y.j("area",$APP.l(a,"__xColorPickerDragging"))){var c=cJ(a);b=jJ($APP.l($APP.l(a,"__xColorPickerRefs"),"area"),b);var d=$APP.H(b);b=$APP.C(d,iJ);d=$APP.C(d,$APP.Wm);b=OI(EI.i(c),b,d);var e=$APP.H(b);b=$APP.C(e,EI);d=$APP.C(e,FI);e=$APP.C(e,GI);fJ(a,b,d,e,CI.i(c),WI.i(c));c=dJ(a,cJ(a))}else c=null;return c},copy:function(){var b=cJ(a);return $APP.n(navigator.clipboard)?navigator.clipboard.writeText(YI.i(b)):null},"panel-key":function(b){$APP.y.j("Escape",
|
|
24
|
+
b.key)&&$APP.y.j("popover",$APP.Jo.i(cJ(a)))?(b.preventDefault(),b.stopPropagation(),b=tJ(a)):b=null;return b},"alpha-up":function(){if($APP.y.j("alpha",$APP.l(a,"__xColorPickerDragging"))){$APP.R(a,"__xColorPickerDragging",null);var b=eJ(a,cJ(a))}else b=null;return b},"hue-up":function(){if($APP.y.j("hue",$APP.l(a,"__xColorPickerDragging"))){$APP.R(a,"__xColorPickerDragging",null);var b=eJ(a,cJ(a))}else b=null;return b},"alpha-key":function(b){return qJ(a,b)},"alpha-move":function(b){if($APP.y.j("alpha",
|
|
25
|
+
$APP.l(a,"__xColorPickerDragging"))){var c=cJ(a);b=lJ($APP.l($APP.l(a,"__xColorPickerRefs"),"alpha-strip"),b);fJ(a,EI.i(c),FI.i(c),GI.i(c),b,!0);c=dJ(a,cJ(a))}else c=null;return c},"hex-key":function(b){a:{if($APP.y.j("Enter",b.key)){b.preventDefault();b=$APP.l($APP.l(a,"__xColorPickerRefs"),"hex-input");var c=b.value,d=cJ(a);if($I(d)){if(zI(c)){$APP.T(a,"value",c);b=eJ(a,cJ(a));break a}b=b.value=YI.i(d);break a}}b=null}return b},swatch:function(b){a:{var c=cJ(a);if($I(c)&&(b=b.target,$APP.n(b.hasAttribute("data-color")))){b=
|
|
26
|
+
b.getAttribute("data-color");$APP.T(a,"value",b);b=eJ(a,cJ(a));break a}b=null}return b},"area-up":function(){if($APP.y.j("area",$APP.l(a,"__xColorPickerDragging"))){$APP.R(a,"__xColorPickerDragging",null);var b=eJ(a,cJ(a))}else b=null;return b},"alpha-down":function(b){var c=cJ(a);var d=(d=$I(c))?WI.i(c):d;$APP.n(d)?(b.preventDefault(),d=$APP.l($APP.l(a,"__xColorPickerRefs"),"alpha-strip"),d.setPointerCapture(b.pointerId),$APP.R(a,"__xColorPickerDragging","alpha"),b=lJ(d,b),fJ(a,EI.i(c),FI.i(c),GI.i(c),
|
|
27
|
+
b,!0),c=dJ(a,cJ(a))):c=null;return c},"area-key":function(b){return nJ(a,b)},"hue-down":function(b){var c=cJ(a);if($I(c)){b.preventDefault();var d=$APP.l($APP.l(a,"__xColorPickerRefs"),"hue-strip");d.setPointerCapture(b.pointerId);$APP.R(a,"__xColorPickerDragging","hue");b=kJ(d,b);fJ(a,b,FI.i(c),GI.i(c),CI.i(c),WI.i(c));c=dJ(a,cJ(a))}else c=null;return c},"hue-key":function(b){return pJ(a,b)},"hue-move":function(b){if($APP.y.j("hue",$APP.l(a,"__xColorPickerDragging"))){var c=cJ(a);b=kJ($APP.l($APP.l(a,
|
|
28
|
+
"__xColorPickerRefs"),"hue-strip"),b);fJ(a,b,FI.i(c),GI.i(c),CI.i(c),WI.i(c));c=dJ(a,cJ(a))}else c=null;return c},eyedrop:function(){return rJ(a)},"panel-pd":function(b){return b.stopPropagation()},trigger:function(){var b=cJ(a);return $APP.y.j("popover",$APP.Jo.i(b))&&$APP.p($APP.cj.i(b))?$APP.n($APP.ls.i(b))?tJ(a):sJ(a):null},"doc-click":function(b){return uJ(a,b)},"area-down":function(b){var c=cJ(a);if($I(c)){b.preventDefault();var d=$APP.l($APP.l(a,"__xColorPickerRefs"),"area");d.setPointerCapture(b.pointerId);
|
|
29
|
+
$APP.R(a,"__xColorPickerDragging","area");b=jJ(d,b);d=$APP.H(b);b=$APP.C(d,iJ);d=$APP.C(d,$APP.Wm);b=OI(EI.i(c),b,d);var e=$APP.H(b);b=$APP.C(e,EI);d=$APP.C(e,FI);e=$APP.C(e,GI);fJ(a,b,d,e,CI.i(c),WI.i(c));c=dJ(a,cJ(a))}else c=null;return c}}},xJ=function(a,b){return $APP.y.j(b,wJ)?document:$APP.l(a,b)},zJ=function(a){var b=$APP.l(a,"__xColorPickerRefs"),c=$APP.l(a,"__xColorPickerHandlers");if($APP.n($APP.n(b)?c:b)){for(var d=$APP.r(yJ),e=null,f=0,h=0;;)if(h<f){var k=e.F(null,h),m=$APP.B(k,0,null),
|
|
30
|
+
q=$APP.B(k,1,null),u=$APP.B(k,2,null);k=$APP.B(k,3,null);xJ(b,m).removeEventListener(q,$APP.l(c,u),k);h+=1}else if(d=$APP.r(d))$APP.Wc(d)?(f=$APP.Cb(d),d=$APP.Db(d),e=f,f=$APP.w(f)):(m=$APP.t(d),e=$APP.B(m,0,null),f=$APP.B(m,1,null),h=$APP.B(m,2,null),m=$APP.B(m,3,null),xJ(b,e).removeEventListener(f,$APP.l(c,h),m),d=$APP.v(d),e=null,f=0),h=0;else break;return $APP.R(a,"__xColorPickerHandlers",null)}return null},AJ=function(a,b){$APP.ki(a,"disabled",$APP.E(b));return hJ(a)},BJ=function(a){$APP.T(a,
|
|
31
|
+
"value","#000000");return hJ(a)},PJ=function(a){if(!$APP.n($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.T(f,"part","trigger");$APP.T(f,"type","button");$APP.T(f,"aria-label","Pick color");$APP.T(h,"part","trigger-swatch");f.appendChild(h);f=new $APP.N(null,2,[$APP.op,f,CJ,h],null);h=document.createElement("div");
|
|
32
|
+
var k=document.createElement("div");$APP.T(h,"part","area");$APP.T(h,"role","slider");$APP.T(h,"tabindex","0");$APP.T(h,"aria-label","Color");$APP.T(k,"part","area-thumb");h.appendChild(k);h=new $APP.N(null,2,[DJ,h,EJ,k],null);k=document.createElement("div");var m=document.createElement("div"),q=document.createElement("div"),u=document.createElement("div"),x=document.createElement("div"),z=document.createElement("div");$APP.T(k,"part","strips");aJ(m,"hue-strip","Hue","360");aJ(u,"alpha-strip","Opacity",
|
|
33
|
+
"100");$APP.T(q,"part","hue-thumb");$APP.T(x,"part","alpha-gradient");$APP.T(z,"part","alpha-thumb");m.appendChild(q);u.appendChild(x);u.appendChild(z);k.appendChild(m);k.appendChild(u);k=new $APP.N(null,6,[FJ,k,GJ,m,HJ,q,IJ,u,JJ,x,KJ,z],null);m=document.createElement("div");q=document.createElement("div");u=document.createElement("span");x=document.createElement("input");z=document.createElement("button");var A=document.createElement("button");$APP.T(m,"part","controls");$APP.T(q,"part","preview");
|
|
34
|
+
$APP.T(u,"part","preview-color");$APP.T(x,"part","hex-input");$APP.T(x,"type","text");$APP.T(x,"spellcheck","false");$APP.T(x,"autocomplete","off");$APP.T(x,"aria-label","Hex color value");bJ(z,"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
|
+
bJ(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"&&(z.style.display="none");q.appendChild(u);m.appendChild(q);m.appendChild(x);
|
|
36
|
+
m.appendChild(z);m.appendChild(A);m=new $APP.N(null,6,[$APP.Zr,m,LJ,q,MJ,u,NJ,x,OJ,z,$APP.os,A],null);q=document.createElement("div");$APP.T(q,"part","swatches");$APP.T(q,"role","listbox");$APP.T(q,"aria-label","Preset colors");q=new $APP.N(null,1,[UI,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;}}";
|
|
37
|
+
$APP.T(d,"part","container");$APP.T(e,"part","panel");e.appendChild(DJ.i(h));e.appendChild(FJ.i(k));e.appendChild($APP.Zr.i(m));e.appendChild(UI.i(q));d.appendChild($APP.op.i(f));d.appendChild(e);b.appendChild(c);b.appendChild(d);b={"alpha-thumb":KJ.i(k),copy:$APP.os.i(m),swatches:UI.i(q),"hue-strip":GJ.i(k),controls:$APP.Zr.i(m),"alpha-gradient":JJ.i(k),panel:e,preview:LJ.i(m),"area-thumb":EJ.i(h),"preview-color":MJ.i(m),container:d,area:DJ.i(h),"hue-thumb":HJ.i(k),"trigger-swatch":CJ.i(f),trigger:$APP.op.i(f),
|
|
38
|
+
"alpha-strip":IJ.i(k),eyedropper:OJ.i(m),"hex-input":NJ.i(m)};$APP.R(a,"__xColorPickerRefs",b);$APP.n(a.attachInternals)&&$APP.R(a,"__xColorPickerInternals",a.attachInternals())}zJ(a);b=$APP.l(a,"__xColorPickerRefs");if($APP.n(b)){c=vJ(a);d=$APP.r(yJ);e=null;for(h=f=0;;)if(h<f)u=e.F(null,h),k=$APP.B(u,0,null),m=$APP.B(u,1,null),q=$APP.B(u,2,null),u=$APP.B(u,3,null),xJ(b,k).addEventListener(m,$APP.l(c,q),u),h+=1;else if(d=$APP.r(d))$APP.Wc(d)?(f=$APP.Cb(d),d=$APP.Db(d),e=f,f=$APP.w(f)):(k=$APP.t(d),
|
|
39
|
+
e=$APP.B(k,0,null),f=$APP.B(k,1,null),h=$APP.B(k,2,null),k=$APP.B(k,3,null),xJ(b,e).addEventListener(f,$APP.l(c,h),k),d=$APP.v(d),e=null,f=0),h=0;else break;$APP.R(a,"__xColorPickerHandlers",c)}return hJ(a)},QJ=function(a){return zJ(a)},RJ=function(a,b,c,d){return $APP.I(c,d)?hJ(a):null},TJ=function(a){return $APP.Ei(a,SJ)},VJ=function(){return $APP.Kh("x-color-picker",new $APP.N(null,8,[$APP.Bh,UJ,$APP.zh,PJ,$APP.qh,QJ,$APP.ph,RJ,$APP.rh,!0,$APP.oh,AJ,$APP.nh,BJ,$APP.Ah,TJ],null))},JJ=new $APP.F(null,
|
|
40
|
+
"alpha-gradient","alpha-gradient",2099400176),KJ=new $APP.F(null,"alpha-thumb","alpha-thumb",-1443114239),DJ=new $APP.F(null,"area","area",472007256),VI=new $APP.F(null,"alpha","alpha",-1574982441),MJ=new $APP.F(null,"preview-color","preview-color",1405210195),IJ=new $APP.F(null,"alpha-strip","alpha-strip",1085401595),YI=new $APP.F(null,"hex-full","hex-full",-1466644518),NJ=new $APP.F(null,"hex-input","hex-input",1497535517),LJ=new $APP.F(null,"preview","preview",451279890),GJ=new $APP.F(null,"hue-strip",
|
|
41
|
+
"hue-strip",938856876),EJ=new $APP.F(null,"area-thumb","area-thumb",1471343090),UI=new $APP.F(null,"swatches","swatches",2033601707),FJ=new $APP.F(null,"strips","strips",-1564791997),MI=new $APP.F(null,"v","v",21465059),FI=new $APP.F(null,"s","s",1705939918),AI=new $APP.F(null,"r","r",-471384190),WI=new $APP.F(null,"alpha?","alpha?",1329751525),GI=new $APP.F(null,"l","l",1395893423),EI=new $APP.F(null,"h","h",1109658740),BI=new $APP.F(null,"b","b",1482224470),iJ=new $APP.F(null,"sat","sat",1064662667),
|
|
42
|
+
CI=new $APP.F(null,"a","a",-2123407586),CJ=new $APP.F(null,"trigger-swatch","trigger-swatch",208431162),wJ=new $APP.F(null,"document","document",-1329188687),XI=new $APP.F(null,"hex","hex",41691346),OJ=new $APP.F(null,"eyedropper","eyedropper",-1786107588),HJ=new $APP.F(null,"hue-thumb","hue-thumb",638949625);var RI=new $APP.rg(null,new $APP.N(null,2,["inline",null,"popover",null],null),null),UJ="value alpha swatches disabled readonly name mode open label".split(" "),SJ=$APP.Yf([$APP.Ir,$APP.Hk,$APP.$i,$APP.ei,$APP.Jo,UI,$APP.Or,$APP.bj,VI],[new $APP.N(null,2,[$APP.O,$APP.Ci,$APP.W,"open"],null),new $APP.N(null,2,[$APP.O,$APP.Ci,$APP.W,"disabled"],null),new $APP.N(null,2,[$APP.O,$APP.Y,$APP.W,"name"],null),new $APP.N(null,2,[$APP.O,$APP.Y,$APP.W,"value"],null),new $APP.N(null,2,[$APP.O,$APP.Y,$APP.W,"mode"],
|
|
43
|
+
null),new $APP.N(null,2,[$APP.O,$APP.Y,$APP.W,"swatches"],null),new $APP.N(null,2,[$APP.O,$APP.Ci,$APP.W,"readonly"],null),new $APP.N(null,2,[$APP.O,$APP.Y,$APP.W,"label"],null),new $APP.N(null,2,[$APP.O,$APP.Ci,$APP.W,"alpha"],null)]);
|
|
44
|
+
$APP.be(["x-color-picker-input",new $APP.N(null,2,[$APP.V,new $APP.N(null,5,[$APP.ei,$APP.Y,EI,$APP.Z,FI,$APP.Z,GI,$APP.Z,CI,$APP.Z],null),$APP.Mr,!1],null),"x-color-picker-change",new $APP.N(null,2,[$APP.V,new $APP.N(null,5,[$APP.ei,$APP.Y,EI,$APP.Z,FI,$APP.Z,GI,$APP.Z,CI,$APP.Z],null),$APP.Mr,!0],null)]);var yI=/^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/;var mJ=new $APP.rg(null,new $APP.N(null,4,["ArrowUp",null,"ArrowDown",null,"ArrowRight",null,"ArrowLeft",null],null),null),oJ=new $APP.rg(null,new $APP.N(null,4,["End",null,"ArrowRight",null,"ArrowLeft",null,"Home",null],null),null),yJ=new $APP.K(null,20,5,$APP.M,[new $APP.K(null,4,5,$APP.M,["area","pointerdown","area-down",!1],null),new $APP.K(null,4,5,$APP.M,["area","pointermove","area-move",!1],null),new $APP.K(null,4,5,$APP.M,["area","pointerup","area-up",!1],null),new $APP.K(null,4,5,$APP.M,
|
|
45
|
+
["area","keydown","area-key",!1],null),new $APP.K(null,4,5,$APP.M,["hue-strip","pointerdown","hue-down",!1],null),new $APP.K(null,4,5,$APP.M,["hue-strip","pointermove","hue-move",!1],null),new $APP.K(null,4,5,$APP.M,["hue-strip","pointerup","hue-up",!1],null),new $APP.K(null,4,5,$APP.M,["hue-strip","keydown","hue-key",!1],null),new $APP.K(null,4,5,$APP.M,["alpha-strip","pointerdown","alpha-down",!1],null),new $APP.K(null,4,5,$APP.M,["alpha-strip","pointermove","alpha-move",!1],null),new $APP.K(null,
|
|
46
|
+
4,5,$APP.M,["alpha-strip","pointerup","alpha-up",!1],null),new $APP.K(null,4,5,$APP.M,["alpha-strip","keydown","alpha-key",!1],null),new $APP.K(null,4,5,$APP.M,["hex-input","keydown","hex-key",!1],null),new $APP.K(null,4,5,$APP.M,["swatches","click","swatch",!1],null),new $APP.K(null,4,5,$APP.M,["eyedropper","click","eyedrop",!1],null),new $APP.K(null,4,5,$APP.M,["copy","click","copy",!1],null),new $APP.K(null,4,5,$APP.M,["trigger","click","trigger",!1],null),new $APP.K(null,4,5,$APP.M,["panel","keydown",
|
|
47
|
+
"panel-key",!1],null),new $APP.K(null,4,5,$APP.M,["panel","pointerdown","panel-pd",!1],null),new $APP.K(null,4,5,$APP.M,[wJ,"pointerdown","doc-click",!0],null)],null);$APP.fa("baredom.exports.x_color_picker.init",VJ);export const init=VJ;
|