@thednp/color-picker 2.0.2 → 2.0.3

package/dist/js/color-picker.js

@@ -1,8 +1,8 @@
-var ColorPicker=function(){"use strict";const Wt="aria-description",yt="aria-expanded",Me="aria-hidden",xt="aria-selected",Q="aria-valuenow",tt="aria-valuetext",Re="change",Oe="DOMContentLoaded",De="focusin",Fe="focusout",_t="keydown",Ie="keyup",Pt="click",Ke="pointerdown",zt="pointermove",Ve="pointerup",Be="resize",je="scroll",qe="touchmove",j="ArrowDown",et="ArrowUp",ht="ArrowLeft",U="ArrowRight",Ge="Enter",Ue="Escape",Jt="Space",We="transitionDuration",_e="transitionProperty",z="tabindex",ze=navigator.userAgentData,gt=ze,{userAgent:Je}=navigator,ut=Je,Xt=/iPhone|iPad|iPod|Android/i;/* istanbul ignore else @preserve */gt?gt.brands.some(o=>Xt.test(o.brand)):Xt.test(ut);const Yt=/(iPhone|iPod|iPad)/;gt?gt.brands.some(o=>Yt.test(o.brand)):Yt.test(ut),ut&&ut.includes("Firefox");const{head:bt}=document;["webkitPerspective","perspective"].some(o=>o in bt.style);const St=(o,t,e,s)=>{const r=s||!1;o.addEventListener(t,e,r)},Ct=(o,t,e,s)=>{const r=s||!1;o.removeEventListener(t,e,r)},Xe=(o,t,e,s)=>{const r=n=>{/* istanbul ignore else @preserve */(n.target===o||n.currentTarget===o)&&(e.apply(o,[n]),Ct(o,t,r,s))};St(o,t,r,s)},Ye=()=>{};(()=>{let o=!1;try{const t=Object.defineProperty({},"passive",{get:()=>(o=!0,o)});Xe(document,Oe,Ye,t)}catch{}return o})(),["webkitTransform","transform"].some(o=>o in bt.style),["webkitAnimation","animation"].some(o=>o in bt.style),["webkitTransition","transition"].some(o=>o in bt.style);const pt=(o,t)=>o.getAttribute(t),v=(o,t,e)=>o.setAttribute(t,e),Lt=(o,t)=>o.removeAttribute(t),q=(o,...t)=>{o.classList.add(...t)},O=(o,...t)=>{o.classList.remove(...t)},M=(o,t)=>o.classList.contains(t),At=o=>o!=null&&typeof o=="object"||!1,J=o=>At(o)&&typeof o.nodeType=="number"&&[1,2,3,4,5,6,7,8,9,10,11].some(t=>o.nodeType===t)||!1,ot=o=>J(o)&&o.nodeType===1||!1,X=new Map,st={data:X,set:(o,t,e)=>{ot(o)&&(X.has(t)||X.set(t,new Map),X.get(t).set(o,e))},getAllFor:o=>X.get(o)||null,get:(o,t)=>{if(!ot(o)||!t)return null;const e=st.getAllFor(t);return o&&e&&e.get(o)||null},remove:(o,t)=>{const e=st.getAllFor(t);!e||!ot(o)||(e.delete(o),e.size===0&&X.delete(t))}},Ze=(o,t)=>st.get(o,t),B=o=>typeof o=="string"||!1,Qe=o=>At(o)&&o.constructor.name==="Window"||!1,Zt=o=>J(o)&&o.nodeType===9||!1,F=o=>Qe(o)?o.document:Zt(o)?o:J(o)?o.ownerDocument:window.document,I=(o,...t)=>Object.assign(o,...t),x=o=>{if(!o)return;if(B(o))return F().createElement(o);const{tagName:t}=o,e=x(t);if(!e)return;const s={...o};return delete s.tagName,I(e,s)},Ht=(o,t)=>{if(!o||!t)return;if(B(t))return F().createElementNS(o,t);const{tagName:e}=t,s=Ht(o,e);if(!s)return;const r={...t};return delete r.tagName,I(s,r)},to=(o,t)=>o.dispatchEvent(t),Nt=(o,t)=>{const e=getComputedStyle(o),s=t.replace("webkit","Webkit").replace(/([A-Z])/g,"-$1").toLowerCase();return e.getPropertyValue(s)},eo=o=>{const t=Nt(o,_e),e=Nt(o,We),s=e.includes("ms")?1:1e3,r=t&&t!=="none"?parseFloat(e)*s:0;return Number.isNaN(r)?0:r},W=(o,t)=>o.focus(t),Qt=o=>["true",!0].includes(o)?!0:["false",!1].includes(o)?!1:["null","",null,void 0].includes(o)?null:o!==""&&!Number.isNaN(+o)?+o:o,dt=o=>Object.entries(o),oo=(o,t,e,s)=>{const r={...e},n={...o.dataset},i={...t},a={},l="title";return dt(n).forEach(([c,h])=>{const b=c;a[b]=Qt(h)}),dt(r).forEach(([c,h])=>{r[c]=Qt(h)}),dt(t).forEach(([c,h])=>{c in r?i[c]=r[c]:c in a?i[c]=a[c]:i[c]=c===l?pt(o,l):h}),i},te=o=>Object.fromEntries(o),so=o=>o.offsetHeight,D=(o,t)=>{dt(t).forEach(([e,s])=>{if(s&&B(e)&&e.includes("--"))o.style.setProperty(e,s);else{const r={};r[e]=s,I(o.style,r)}})},ro=o=>At(o)&&o.constructor.name==="Map"||!1,ee=o=>o.toUpperCase(),ft=(o,t)=>{const{width:e,height:s,top:r,right:n,bottom:i,left:a}=o.getBoundingClientRect();let l=1,c=1;if(t&&ot(o)){const{offsetWidth:h,offsetHeight:b}=o;l=h>0?Math.round(e)/h:1,c=b>0?Math.round(s)/b:1}return{width:e/l,height:s/c,top:r/c,right:n/l,bottom:i/c,left:a/l,x:a/l,y:r/c}},Et=o=>F(o).documentElement;let oe=0,se=0;const Y=new Map,re=(o,t)=>{let e=t?oe:se;if(t){const s=re(o),r=Y.get(s)||new Map;Y.has(s)||Y.set(s,r),ro(r)&&!r.has(t)?(r.set(t,e),oe+=1):e=r.get(t)}else{const s=o.id||o;Y.has(s)?e=Y.get(s):(Y.set(s,e),se+=1)}return e},no=o=>{var t;return o?Zt(o)?o.defaultView:J(o)?(t=o?.ownerDocument)==null?void 0:t.defaultView:o:window},Tt=o=>Array.isArray(o)||!1,ne=(o,t)=>o?o.closest(t)||ne(o.getRootNode().host,t):null,_=(o,t)=>ot(o)?o:(J(t)?t:F()).querySelector(o),rt=(o,t)=>(t&&J(t)?t:F()).getElementsByClassName(o),Mt=["transparent","currentColor","inherit","revert","initial"],m=o=>{const t=Math.floor(o);return o-t<.5?t:Math.round(o)},mt=[["aliceblue",{r:240,g:248,b:255}],["antiquewhite",{r:250,g:235,b:215}],["aqua",{r:0,g:255,b:255}],["aquamarine",{r:127,g:255,b:212}],["azure",{r:240,g:255,b:255}],["beige",{r:245,g:245,b:220}],["bisque",{r:255,g:228,b:196}],["black",{r:0,g:0,b:0}],["blanchedalmond",{r:255,g:235,b:205}],["blue",{r:0,g:0,b:255}],["blueviolet",{r:138,g:43,b:226}],["brown",{r:165,g:42,b:42}],["burlywood",{r:222,g:184,b:135}],["cadetblue",{r:95,g:158,b:160}],["chartreuse",{r:127,g:255,b:0}],["chocolate",{r:210,g:105,b:30}],["coral",{r:255,g:127,b:80}],["cornflowerblue",{r:100,g:149,b:237}],["cornsilk",{r:255,g:248,b:220}],["crimson",{r:220,g:20,b:60}],["cyan",{r:0,g:255,b:255}],["darkblue",{r:0,g:0,b:139}],["darkcyan",{r:0,g:139,b:139}],["darkgoldenrod",{r:184,g:134,b:11}],["darkgray",{r:169,g:169,b:169}],["darkgreen",{r:0,g:100,b:0}],["darkgrey",{r:169,g:169,b:169}],["darkkhaki",{r:189,g:183,b:107}],["darkmagenta",{r:139,g:0,b:139}],["darkolivegreen",{r:85,g:107,b:47}],["darkorange",{r:255,g:140,b:0}],["darkorchid",{r:153,g:50,b:204}],["darkred",{r:139,g:0,b:0}],["darksalmon",{r:233,g:150,b:122}],["darkseagreen",{r:143,g:188,b:143}],["darkslateblue",{r:72,g:61,b:139}],["darkslategray",{r:47,g:79,b:79}],["darkslategrey",{r:47,g:79,b:79}],["darkturquoise",{r:0,g:206,b:209}],["darkviolet",{r:148,g:0,b:211}],["deeppink",{r:255,g:20,b:147}],["deepskyblue",{r:0,g:191,b:255}],["dimgray",{r:105,g:105,b:105}],["dimgrey",{r:105,g:105,b:105}],["dodgerblue",{r:30,g:144,b:255}],["firebrick",{r:178,g:34,b:34}],["floralwhite",{r:255,g:250,b:240}],["forestgreen",{r:34,g:139,b:34}],["fuchsia",{r:255,g:0,b:255}],["gainsboro",{r:220,g:220,b:220}],["ghostwhite",{r:248,g:248,b:255}],["goldenrod",{r:218,g:165,b:32}],["gold",{r:255,g:215,b:0}],["gray",{r:128,g:128,b:128}],["green",{r:0,g:128,b:0}],["greenyellow",{r:173,g:255,b:47}],["grey",{r:128,g:128,b:128}],["honeydew",{r:240,g:255,b:240}],["hotpink",{r:255,g:105,b:180}],["indianred",{r:205,g:92,b:92}],["indigo",{r:75,g:0,b:130}],["ivory",{r:255,g:255,b:240}],["khaki",{r:240,g:230,b:140}],["lavenderblush",{r:255,g:240,b:245}],["lavender",{r:230,g:230,b:250}],["lawngreen",{r:124,g:252,b:0}],["lemonchiffon",{r:255,g:250,b:205}],["lightblue",{r:173,g:216,b:230}],["lightcoral",{r:240,g:128,b:128}],["lightcyan",{r:224,g:255,b:255}],["lightgoldenrodyellow",{r:250,g:250,b:210}],["lightgray",{r:211,g:211,b:211}],["lightgreen",{r:144,g:238,b:144}],["lightgrey",{r:211,g:211,b:211}],["lightpink",{r:255,g:182,b:193}],["lightsalmon",{r:255,g:160,b:122}],["lightseagreen",{r:32,g:178,b:170}],["lightskyblue",{r:135,g:206,b:250}],["lightslategray",{r:119,g:136,b:153}],["lightslategrey",{r:119,g:136,b:153}],["lightsteelblue",{r:176,g:196,b:222}],["lightyellow",{r:255,g:255,b:224}],["lime",{r:0,g:255,b:0}],["limegreen",{r:50,g:205,b:50}],["linen",{r:250,g:240,b:230}],["magenta",{r:255,g:0,b:255}],["maroon",{r:128,g:0,b:0}],["mediumaquamarine",{r:102,g:205,b:170}],["mediumblue",{r:0,g:0,b:205}],["mediumorchid",{r:186,g:85,b:211}],["mediumpurple",{r:147,g:112,b:219}],["mediumseagreen",{r:60,g:179,b:113}],["mediumslateblue",{r:123,g:104,b:238}],["mediumspringgreen",{r:0,g:250,b:154}],["mediumturquoise",{r:72,g:209,b:204}],["mediumvioletred",{r:199,g:21,b:133}],["midnightblue",{r:25,g:25,b:112}],["mintcream",{r:245,g:255,b:250}],["mistyrose",{r:255,g:228,b:225}],["moccasin",{r:255,g:228,b:181}],["navajowhite",{r:255,g:222,b:173}],["navy",{r:0,g:0,b:128}],["oldlace",{r:253,g:245,b:230}],["olive",{r:128,g:128,b:0}],["olivedrab",{r:107,g:142,b:35}],["orange",{r:255,g:165,b:0}],["orangered",{r:255,g:69,b:0}],["orchid",{r:218,g:112,b:214}],["palegoldenrod",{r:238,g:232,b:170}],["palegreen",{r:152,g:251,b:152}],["paleturquoise",{r:175,g:238,b:238}],["palevioletred",{r:219,g:112,b:147}],["papayawhip",{r:255,g:239,b:213}],["peachpuff",{r:255,g:218,b:185}],["peru",{r:205,g:133,b:63}],["pink",{r:255,g:192,b:203}],["plum",{r:221,g:160,b:221}],["powderblue",{r:176,g:224,b:230}],["purple",{r:128,g:0,b:128}],["rebeccapurple",{r:102,g:51,b:153}],["red",{r:255,g:0,b:0}],["rosybrown",{r:188,g:143,b:143}],["royalblue",{r:65,g:105,b:225}],["saddlebrown",{r:139,g:69,b:19}],["salmon",{r:250,g:128,b:114}],["sandybrown",{r:244,g:164,b:96}],["seagreen",{r:46,g:139,b:87}],["seashell",{r:255,g:245,b:238}],["sienna",{r:160,g:82,b:45}],["silver",{r:192,g:192,b:192}],["skyblue",{r:135,g:206,b:235}],["slateblue",{r:106,g:90,b:205}],["slategray",{r:112,g:128,b:144}],["slategrey",{r:112,g:128,b:144}],["snow",{r:255,g:250,b:250}],["springgreen",{r:0,g:255,b:127}],["steelblue",{r:70,g:130,b:180}],["tan",{r:210,g:180,b:140}],["teal",{r:0,g:128,b:128}],["thistle",{r:216,g:191,b:216}],["tomato",{r:255,g:99,b:71}],["turquoise",{r:64,g:224,b:208}],["violet",{r:238,g:130,b:238}],["wheat",{r:245,g:222,b:179}],["white",{r:255,g:255,b:255}],["whitesmoke",{r:245,g:245,b:245}],["yellow",{r:255,g:255,b:0}],["yellowgreen",{r:154,g:205,b:50}]],ie="deg|rad|grad|turn",ae="[-\\+]?\\d+%?",le="[-\\+]?\\d*\\.\\d+%?",ce=`[-\\+]?\\d*\\.?\\d+(?:${ie})?`,vt=`(?:${le})|(?:${ae})`,Rt=`(?:${vt})|(?:${ce}?)`,io="(?:[\\s|\\(\\s|\\s\\(\\s]+)?",ao="(?:[\\s|\\)\\s]+)?",he="(?:[,|\\s]+)",lo="(?:[,|\\/\\s]*)?",nt=`${io}(${Rt})${he}(${vt})${he}(${vt})${lo}(${vt})?${ao}`,K={CSS_UNIT:new RegExp(Rt),ANGLES:ie,CSS_ANGLE:ce,CSS_INTEGER:ae,CSS_NUMBER:le,CSS_UNIT2:Rt,PERMISSIVE_MATCH:nt,hwb:new RegExp(`hwb${nt}`),rgb:new RegExp(`rgb(?:a)?${nt}`),hsl:new RegExp(`hsl(?:a)?${nt}`),hsv:new RegExp(`hsv(?:a)?${nt}`),hex3:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex6:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,hex4:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex8:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/},ge=o=>Mt.includes(o),it=(o,t)=>o!==null&&typeof o=="object"&&Object.keys(t).every(e=>e in o),ue=o=>`${o}`.includes(".")&&parseFloat(o)===1,Ot=o=>typeof o=="string"&&o.includes("%"),L=o=>!!K.CSS_UNIT.exec(`${o}`),be=["rgb","hex","hsl","hsv","hwb"],pe=o=>Mt.includes(o)||["#",...be].some(t=>o.includes(t))?!1:mt.some(([t])=>o===t),de=1e-6,co=(o,t)=>Math.abs(o*t-t)<de?1:o<de?0:o,A=(o,t)=>{let e=o;return ue(o)&&(e="100%"),Ot(e)?Number.parseFloat(e)/100:(e=typeof e!="number"?Number.parseFloat(e):e,t===360?e=(e<0?e%t+t:e>360?e%t:e)/t:(e=Math.min(t,Math.max(0,e)),e=e/t),co(e,t))},Dt=o=>{let t=parseFloat(o);return(Number.isNaN(t)||t<0||t>1)&&(t=1),t},$t=o=>Math.min(1,Math.max(0,o)),G=o=>o.length===1?`0${o}`:String(o),fe=o=>{const[[,t]]=mt.filter(([e])=>e===o.toLowerCase());return t},H=o=>parseInt(o,16),Ft=o=>H(o)/255,me=o=>m(o*255).toString(16),ve=(o,t,e)=>{const s=Math.max(o,t,e),r=Math.min(o,t,e);let n=0,i=0;const a=(s+r)/2;if(s===r)i=0,n=0;else{const l=s-r;i=a>.5?l/(2-s-r):l/(s+r),s===o&&(n=(t-e)/l+(t<e?6:0)),s===t&&(n=(e-o)/l+2),s===e&&(n=(o-t)/l+4),n/=6}return{h:n,s:i,l:a}},wt=(o,t,e)=>{let s=e;return s<0&&(s+=1),s>1&&(s-=1),s<1/6?o+(t-o)*(6*s):s<1/2?t:s<2/3?o+(t-o)*(2/3-s)*6:o},at=(o,t,e)=>{let s=0,r=0,n=0;if(t===0)r=e,n=e,s=e;else{const i=e<.5?e*(1+t):e+t-e*t,a=2*e-i;s=wt(a,i,o+1/3),r=wt(a,i,o),n=wt(a,i,o-1/3)}return{r:s,g:r,b:n}},$e=(o,t,e)=>{let s=0,r=0;const n=Math.min(o,t,e),i=Math.max(o,t,e),a=1-i;if(i===n)return{h:0,w:n,b:a};o===n?(s=t-e,r=3):(s=t===n?e-o:o-t,r=t===n?5:1);const l=(r-s/(i-n))/6;return{h:l===1?0:l,w:n,b:a}},we=(o,t,e)=>{if(t+e>=1){const i=t/(t+e);return{r:i,g:i,b:i}}let{r:s,g:r,b:n}=at(o,1,.5);return[s,r,n]=[s,r,n].map(i=>i*(1-t-e)+t),{r:s,g:r,b:n}},ke=(o,t,e)=>{const s=Math.max(o,t,e),r=Math.min(o,t,e);let n=0;const i=s,a=s-r,l=s===0?0:a/s;return s===r?n=0:(o===s&&(n=(t-e)/a+(t<e?6:0)),t===s&&(n=(e-o)/a+2),e===s&&(n=(o-t)/a+4),n/=6),{h:n,s:l,v:i}},It=(o,t,e)=>{const s=o*6,r=t,n=e,i=Math.floor(s),a=s-i,l=n*(1-r),c=n*(1-a*r),h=n*(1-(1-a)*r),b=i%6,u=[n,c,l,l,h,n][b],d=[h,n,n,c,l,l][b],g=[l,l,h,n,n,c][b];return{r:u,g:d,b:g}},Kt=(o,t,e,s)=>{const r=[G(m(o).toString(16)),G(m(t).toString(16)),G(m(e).toString(16))];return s&&r[0].charAt(0)===r[0].charAt(1)&&r[1].charAt(0)===r[1].charAt(1)&&r[2].charAt(0)===r[2].charAt(1)?r[0].charAt(0)+r[1].charAt(0)+r[2].charAt(0):r.join("")},Vt=(o,t,e,s,r)=>{const n=[G(m(o).toString(16)),G(m(t).toString(16)),G(m(e).toString(16)),G(me(s))];return r&&n[0].charAt(0)===n[0].charAt(1)&&n[1].charAt(0)===n[1].charAt(1)&&n[2].charAt(0)===n[2].charAt(1)&&n[3].charAt(0)===n[3].charAt(1)?n[0].charAt(0)+n[1].charAt(0)+n[2].charAt(0)+n[3].charAt(0):n.join("")},ye=o=>{const t=String(o).trim().toLowerCase();if(pe(t))return Object.assign(fe(t),{a:1,format:"rgb",ok:!0});if(ge(t))return{r:0,g:0,b:0,a:t==="transparent"?0:1,format:"rgb",ok:!0};let[,e,s,r,n]=K.rgb.exec(t)||[];return e&&s&&r?{r:e,g:s,b:r,a:n!==void 0?n:1,format:"rgb",ok:!0}:([,e,s,r,n]=K.hsl.exec(t)||[],e&&s&&r?{h:e,s,l:r,a:n!==void 0?n:1,format:"hsl",ok:!0}:([,e,s,r,n]=K.hsv.exec(t)||[],e&&s&&r?{h:e,s,v:r,a:n!==void 0?n:1,format:"hsv",ok:!0}:([,e,s,r,n]=K.hwb.exec(t)||[],e&&s&&r?{h:e,w:s,b:r,a:n!==void 0?n:1,format:"hwb",ok:!0}:([,e,s,r,n]=K.hex8.exec(t)||[],e&&s&&r&&n?{r:H(e),g:H(s),b:H(r),a:Ft(n),format:"hex",ok:!0}:([,e,s,r]=K.hex6.exec(t)||[],e&&s&&r?{r:H(e),g:H(s),b:H(r),a:1,format:"hex",ok:!0}:([,e,s,r,n]=K.hex4.exec(t)||[],e&&s&&r&&n?{r:H(e+e),g:H(s+s),b:H(r+r),a:Ft(n+n),format:"hex",ok:!0}:([,e,s,r]=K.hex3.exec(t)||[],e&&s&&r?{r:H(e+e),g:H(s+s),b:H(r+r),a:1,format:"hex",ok:!0}:{r:0,g:0,b:0,a:1,format:"rgb",ok:!o})))))))},ho=(o,t,e)=>({r:A(o,255),g:A(t,255),b:A(e,255)}),xe=o=>{let t={r:0,g:0,b:0},e=o,s=1,r,n,i,a,l,c,h,b,u="rgb",d=!1;if((!e||typeof e=="string")&&(e=ye(e),d=e.ok||d),it(e,t)&&L(e.r)&&L(e.g)&&L(e.b)){if(["format","ok","originalInput"].every(g=>g in e))return{...e};({r:h,g:b,b:l}=e),t=ho(h,b,l),u="format"in e?e.format:"rgb"}return it(e,{h:0,s:0,v:0})&&L(e.h)&&L(e.s)&&L(e.v)&&({h:c,s:r,v:n}=e,c=A(c,360),r=A(r,100),n=A(n,100),t=It(c,r,n),u="hsv"),it(e,{h:0,s:0,l:0})&&L(e.h)&&L(e.s)&&L(e.l)&&({h:c,s:r,l:i}=e,c=A(c,360),r=A(r,100),i=A(i,100),t=at(c,r,i),u="hsl"),it(e,{h:0,w:0,b:0})&&L(e.h)&&L(e.w)&&L(e.b)&&({h:c,w:a,b:l}=e,c=A(c,360),a=A(a,100),l=A(l,100),t=we(c,a,l),u="hwb"),L(e.a)&&(s=e.a,s=Ot(s)||parseFloat(`${s}`)>1?A(s,100):s),{...t,a:Dt(s),format:u,ok:d}},go="1.0.11";class k{static matchers=K;static isOnePointZero=ue;static isPercentage=Ot;static isValidCSSUnit=L;static isNonColor=ge;static isColorName=pe;static isColorType=it;static pad2=G;static clamp01=$t;static bound01=A;static boundAlpha=Dt;static getRGBFromName=fe;static convertHexToDecimal=Ft;static convertDecimalToHex=me;static rgbToHsl=ve;static rgbToHex=Kt;static rgbToHsv=ke;static rgbToHwb=$e;static rgbaToHex=Vt;static hslToRgb=It;static hsvToRgb=It;static hueToRgb=wt;static hwbToRgb=we;static parseIntFromHex=H;static stringInputToObject=ye;static inputToRGB=xe;static roundPart=m;static webColors=mt;static nonColors=Mt;static version=go;r;g;b;a;format;ok;originalInput;constructor(t,e){const s=e&&be.includes(e)?e:"",{r,g:n,b:i,a,ok:l,format:c}=xe(t);this.originalInput=t,this.r=r,this.g=n,this.b=i,this.a=a,this.ok=l,this.format=s||c}get isValid(){return this.ok}get isDark(){return this.brightness<120}get luminance(){const{r:t,g:e,b:s}=this;let r=0,n=0,i=0;return t<=.03928?r=t/12.92:r=((t+.055)/1.055)**2.4,e<=.03928?n=e/12.92:n=((e+.055)/1.055)**2.4,s<=.03928?i=s/12.92:i=((s+.055)/1.055)**2.4,.2126*r+.7152*n+.0722*i}get brightness(){const{r:t,g:e,b:s}=this.toRgb();return(t*299+e*587+s*114)/1e3}get name(){const{r:t,g:e,b:s}=this.toRgb(),[r]=mt.map(([n,i])=>{const a=(((i.r-t)*.3)**2+((i.g-e)*.6)**2+((i.b-s)*.1)**2)**.5;return[n,a]}).find(([,n],i,a)=>n===Math.min(...a.map(([,l])=>l)));return r}toRgb(){let{r:t,g:e,b:s,a:r}=this;return[t,e,s]=[t,e,s].map(n=>m(n*255*100)/100),r=m(r*100)/100,{r:t,g:e,b:s,a:r}}toRgbString(){const{r:t,g:e,b:s,a:r}=this.toRgb(),[n,i,a]=[t,e,s].map(m);return r===1?`rgb(${n}, ${i}, ${a})`:`rgba(${n}, ${i}, ${a}, ${r})`}toRgbCSS4String(){const{r:t,g:e,b:s,a:r}=this.toRgb(),[n,i,a]=[t,e,s].map(m),l=r===1?"":` / ${m(r*100)}%`;return`rgb(${n} ${i} ${a}${l})`}toHex(t){let{r:e,g:s,b:r,a:n}=this;return[e,s,r]=[e,s,r].map(i=>m(i*255)),n=m(n*100)/100,n===1?Kt(e,s,r,t):Vt(e,s,r,n,t)}toHexString(t){return`#${this.toHex(t)}`}toHex8(t){let{r:e,g:s,b:r,a:n}=this;return[e,s,r]=[e,s,r].map(i=>m(i*255)),n=m(n*100)/100,n===1?Kt(e,s,r,t):Vt(e,s,r,n,t)}toHex8String(t){return`#${this.toHex8(t)}`}toHsv(){const{r:t,g:e,b:s,a:r}=this,{h:n,s:i,v:a}=ke(t,e,s);return{h:n,s:i,v:a,a:r}}toHsl(){const{r:t,g:e,b:s,a:r}=this,{h:n,s:i,l:a}=ve(t,e,s);return{h:n,s:i,l:a,a:r}}toHslString(){let{h:t,s:e,l:s,a:r}=this.toHsl();return t=m(t*360),e=m(e*100),s=m(s*100),r=m(r*100)/100,r===1?`hsl(${t}, ${e}%, ${s}%)`:`hsla(${t}, ${e}%, ${s}%, ${r})`}toHslCSS4String(){let{h:t,s:e,l:s,a:r}=this.toHsl();t=m(t*360),e=m(e*100),s=m(s*100),r=m(r*100);const n=r<100?` / ${m(r)}%`:"";return`hsl(${t}deg ${e}% ${s}%${n})`}toHwb(){const{r:t,g:e,b:s,a:r}=this,{h:n,w:i,b:a}=$e(t,e,s);return{h:n,w:i,b:a,a:r}}toHwbString(){let{h:t,w:e,b:s,a:r}=this.toHwb();t=m(t*360),e=m(e*100),s=m(s*100),r=m(r*100);const n=r<100?` / ${m(r)}%`:"";return`hwb(${t}deg ${e}% ${s}%${n})`}setAlpha(t){return typeof t!="number"?this:(this.a=Dt(t),this)}saturate(t){if(typeof t!="number")return this;const{h:e,s,l:r}=this.toHsl(),{r:n,g:i,b:a}=at(e,$t(s+t/100),r);return Object.assign(this,{r:n,g:i,b:a}),this}desaturate(t){return typeof t=="number"?this.saturate(-t):this}greyscale(){return this.saturate(-100)}lighten(t){if(typeof t!="number")return this;const{h:e,s,l:r}=this.toHsl(),{r:n,g:i,b:a}=at(e,s,$t(r+t/100));return Object.assign(this,{r:n,g:i,b:a}),this}darken(t){return typeof t=="number"?this.lighten(-t):this}spin(t){if(typeof t!="number")return this;const{h:e,s,l:r}=this.toHsl(),{r:n,g:i,b:a}=at($t((e*360+t)%360/360),s,r);return Object.assign(this,{r:n,g:i,b:a}),this}clone(){return new k(this)}toString(t){const{format:e}=this;return e==="hex"?this.toHexString(t):e==="hsl"?this.toHslString():e==="hwb"?this.toHwbString():this.toRgbString()}}class Bt{static Color=k;hue;hueSteps;lightSteps;saturation;colors;constructor(...t){let e=0,s=12,r=10,n=[.5],i=100;if(t.length===4)[e,s,r,i]=t;else if(t.length===3)[e,s,r]=t;else if(t.length===2&&([s,r]=t,[s,r].some(g=>g<1)))throw TypeError("ColorPalette: the two minimum arguments must be numbers higher than 0.");const a=[],l=360/s,c=k.roundPart((r-(r%2?1:0))/2),h=[.25,.2,.15,.11,.09,.075],b=[[1,2,3],[4,5],[6,7],[8,9],[10,11],[12,13]],u=b.find(g=>g.includes(r)),d=u?h[b.indexOf(u)]:100/(r+(r%2?0:1))/100;for(let g=1;g<c+1;g+=1)n=[...n,.5+d*g];for(let g=1;g<r-c;g+=1)n=[.5-d*g,...n];for(let g=0;g<s;g+=1){const p=(e+g*l)%360;n.forEach(f=>{const $=new k({h:p,s:100,l:f*100});a.push(i<100?$.saturate(i-100):$)})}this.hue=e,this.hueSteps=s,this.lightSteps=r,this.saturation=i,this.colors=a}}const jt={pickerLabel:"Colour Picker",appearanceLabel:"Colour Appearance",valueLabel:"Colour Value",toggleLabel:"Select Colour",presetsLabel:"Colour Presets",defaultsLabel:"Colour Defaults",formatLabel:"Format",alphaLabel:"Alpha",hexLabel:"Hexadecimal",hueLabel:"Hue",whitenessLabel:"Whiteness",blacknessLabel:"Blackness",saturationLabel:"Saturation",lightnessLabel:"Lightness",redLabel:"Red",greenLabel:"Green",blueLabel:"Blue"},lt=["white","black","grey","red","orange","brown","gold","olive","yellow","lime","green","teal","cyan","blue","violet","magenta","pink"],Pe=o=>{if(!B(o))return!1;try{JSON.parse(o)}catch{return!1}return!0},qt="v-hidden",uo=o=>{const{format:t,id:e,componentLabels:s}=o,r=x({tagName:"div",className:`color-form ${t}`});let n=["hex"];return t==="rgb"?n=["red","green","blue","alpha"]:t==="hsl"?n=["hue","saturation","lightness","alpha"]:t==="hwb"&&(n=["hue","whiteness","blackness","alpha"]),n.forEach(i=>{const[a]=t==="hex"?["#"]:ee(i).split(""),l=`color_${t}_${i}_${e}`,c=s[`${i}Label`],h=x({tagName:"label"});v(h,"for",l),h.append(x({tagName:"span",ariaHidden:"true",innerText:`${a}:`}),x({tagName:"span",className:qt,innerText:c}));const b=x({tagName:"input",id:l,type:t==="hex"?"text":"number",value:i==="alpha"?"100":"0",className:`color-input ${i}`,autocomplete:"off",spellcheck:!1});let u="100",d="1";i!=="alpha"&&(t==="rgb"?(u="255",d="1"):i==="hue"&&(u="360",d="1")),I(b,{min:"0",max:u,step:d}),r.append(h,b)}),r},bo=o=>{const{format:t,componentLabels:e}=o,{hueLabel:s,alphaLabel:r,lightnessLabel:n,saturationLabel:i,whitenessLabel:a,blacknessLabel:l}=e,c=t==="hsl"?360:100,h=t==="hsl"?100:360,b=100;let u=t==="hsl"?`${s} & ${n}`:`${n} & ${i}`;u=t==="hwb"?`${a} & ${l}`:u;const d=t==="hsl"?`${i}`:`${s}`,g=x({tagName:"div",className:`color-controls ${t}`}),p="color-pointer",f="color-slider";return[{i:1,c:p,l:u,min:0,max:c},{i:2,c:f,l:d,min:0,max:h},{i:3,c:f,l:r,min:0,max:b}].forEach(w=>{const{i:P,c:N,l:S,min:C,max:R}=w,T=x({tagName:"div",className:"color-control",role:"presentation"});T.append(x({tagName:"div",className:`visual-control visual-control${P}`}));const E=x({tagName:"div",className:`${N} knob`,ariaLive:"polite",ariaLabel:S,role:"slider",tabIndex:0,ariaValueMin:`${C}`,ariaValueMax:`${R}`});T.append(E),g.append(T)}),g},Se=(o,t,e)=>{const{input:s,format:r,componentLabels:n}=o,{defaultsLabel:i,presetsLabel:a}=n,l=e==="color-options",c=t instanceof Bt,h=l?a:i,b=c?t.colors:t,u=b.length,{lightSteps:d}=c?t:{lightSteps:null},g=d||[9,10].find(E=>u>=E*2&&!(u%E))||5,p=l&&u>g;let f=2;f=p&&u>g*2?3:f,f=p&&u>g*3?4:f,f=p&&u>g*4?5:f;const $=f-(u<=g*3?1:2),w=p&&u>$*g;let P=e;P+=w?" scrollable":"",P+=p?" multiline":"";const N=p?"1px":"0.25rem";let S=p?1.75:2;S=g>5&&p?1.5:S;const C=`${$*S}rem`,R=`calc(${f} * ${S}rem + ${f-1} * ${N})`,T=x({tagName:"ul",className:P,role:"listbox",ariaLabel:h});return w&&D(T,{"--grid-item-size":`${S}rem`,"--grid-fit":`${g}`,"--grid-gap":N,"--grid-height":C,"--grid-hover-height":R}),b.forEach(E=>{let[V,ct]=typeof E=="string"?E.trim().split(":"):[];E instanceof k&&(V=E.toHexString(),ct=V);const Te=new k(E instanceof k?E:V,r).toString()===pt(s,"value"),Ut=x({tagName:"li",className:`color-option${Te?" active":""}`,innerText:`${ct||V}`,tabIndex:0,role:"option",ariaSelected:Te?"true":"false"});v(Ut,"data-value",`${V}`),l&&D(Ut,{backgroundColor:V}),T.append(Ut)}),T},po=o=>{const{input:t,parent:e,format:s,id:r,componentLabels:n,colorKeywords:i,colorPresets:a}=o,l=pt(t,"value")||"#fff",{nonColors:c}=k,{toggleLabel:h,pickerLabel:b,formatLabel:u,hexLabel:d}=n,g=c.includes(l)?"#fff":l;o.color=new k(g,s);const p=s==="hex"?d:ee(s),f=x({id:`picker-btn-${r}`,tagName:"button",type:"button",className:"picker-toggle btn-appearance",ariaExpanded:"false",ariaHasPopup:"true"});f.append(x({tagName:"span",className:qt,innerText:`${b}. ${u}: ${p}`}));const $=x({tagName:"div",className:"color-dropdown picker",role:"group",ariaLabelledBy:`picker-btn-${r}`}),w=bo(o),P=uo(o);if($.append(w,P),t.before(f),e.append($),i||a){const N=x({tagName:"div",className:"color-dropdown scrollable menu"});a&&N.append(Se(o,a,"color-options")),i&&i.length&&N.append(Se(o,i,"color-defaults"));const S=x({tagName:"button",type:"button",className:"menu-toggle btn-appearance",tabIndex:-1,ariaExpanded:"false",ariaHasPopup:"true"}),C=encodeURI("http://www.w3.org/2000/svg"),R=Ht(C,{tagName:"svg"});v(R,"xmlns",C),v(R,"viewBox","0 0 512 512"),v(R,Me,"true");const T=Ht(C,{tagName:"path"});v(T,"d","M98,158l157,156L411,158l27,27L255,368L71,185L98,158z"),v(T,"fill","#fff"),R.append(T),S.append(x({tagName:"span",className:qt,innerText:`${h}`}),R),e.append(S,N)}i&&c.includes(l)&&(o.value=l),v(t,z,"-1")},fo="2.0.2",Z="color-picker",mo=`[data-function="${Z}"]`,Ce=`.${Z}`,vo={componentLabels:jt,colorLabels:lt,format:"rgb",colorPresets:!1,colorKeywords:!1},{roundPart:y,nonColors:kt}=k,$o=o=>Ze(o,Z),wo=o=>new Ee(o),Le=(o,t)=>{const e=t?St:Ct,{input:s,pickerToggle:r,menuToggle:n}=o;e(s,De,o.showPicker),e(r,Pt,o.togglePicker),n&&e(n,Pt,o.toggleMenu)},Ae=(o,t)=>{const e=t?St:Ct,{input:s,colorMenu:r,parent:n}=o,i=F(s),a=no(i);e(o.controls,Ke,o.pointerDown),o.controlKnobs.forEach(l=>e(l,_t,o.handleKnobs)),e(a,je,o.handleScroll),e(a,Be,o.update),[s,...o.inputs].forEach(l=>e(l,Re,o.changeHandler)),r&&(e(r,Pt,o.menuClickHandler),e(r,_t,o.menuKeyHandler)),e(i,zt,o.pointerMove),e(i,Ve,o.pointerUp),e(n,Fe,o.handleFocusOut),e(i,Ie,o.handleDismiss)},He=o=>{to(o.input,new CustomEvent("colorpicker.change"))},Ne=o=>{o&&["bottom","top"].forEach(t=>O(o,t))},Gt=(o,t)=>{const{colorPicker:e,colorMenu:s,menuToggle:r,pickerToggle:n,parent:i}=o,a=t===e,l=a?s:e,c=a?r:n,h=a?n:r;M(i,"open")||q(i,"open"),l&&(O(l,"show"),Ne(l)),q(t,"bottom"),so(t),q(t,"show"),a&&o.update(),o.isOpen||(Ae(o,!0),o.updateDropdownPosition(),o.isOpen=!0,v(o.input,z,"0"),r&&v(r,z,"0")),v(h,yt,"true"),c&&v(c,yt,"false")};class Ee{static Color=k;static ColorPalette=Bt;static getInstance=$o;static init=wo;static selector=mo;static roundPart=y;static setElementStyle=D;static setAttribute=v;static getBoundingClientRect=ft;static version=fo;static colorNames=lt;static colorPickerLabels=jt;id;input;color;format="rgb";parent;dragElement;isOpen=!1;controlPositions;colorLabels=te(lt.map(t=>[t,t]));colorKeywords;colorPresets;componentLabels;pickerToggle;menuToggle;colorPicker;colorMenu;controls;inputs;controlKnobs;visuals;constructor(t,e){const s=_(t);if(typeof t>"u")throw new TypeError("ColorPicker target not specified.");if(B(t)&&!s)throw new TypeError(`ColorPicker target "${t}" cannot be found.`);this.input=s;const r=ne(s,Ce);if(!r)throw new TypeError("ColorPicker requires a specific markup to work.");this.parent=r,this.id=re(s,Z),this.dragElement=void 0,this.isOpen=!1,this.controlPositions={c1x:0,c1y:0,c2y:0,c3y:0},this.colorKeywords=!1,this.colorPresets=!1;const{format:n,componentLabels:i,colorLabels:a,colorKeywords:l,colorPresets:c}=oo(s,vo,e||{});let h=lt;Tt(a)&&a.length===17?h=a:B(a)&&a.split(",").length===17&&(h=a.split(",")),I(this.colorLabels,te(h.map((p,f)=>[lt[f],p])));const b=B(i)&&Pe(i)?JSON.parse(i):i;if(this.componentLabels=I({...jt},b),this.color=new k(s.value||"#fff",n),this.format=n,Tt(l)&&l.length?this.colorKeywords=l:B(l)&&l.length&&(this.colorKeywords=l.split(",").map(p=>p.trim())),Tt(c)&&c.length)this.colorPresets=c;else if(c&&Pe(c)){const{hue:p,hueSteps:f,lightSteps:$,saturation:w}=JSON.parse(c);this.colorPresets=new Bt(p,f,$,w)}else B(c)&&(this.colorPresets=c.split(",").map(p=>p.trim()));po(this);const[u,d]=rt("color-dropdown",r);this.pickerToggle=_(".picker-toggle",r),this.menuToggle=_(".menu-toggle",r),this.colorPicker=u,this.colorMenu=d,this.inputs=[...rt("color-input",r)];const[g]=rt("color-controls",r);this.controls=g,this.controlKnobs=[...rt("knob",g)],this.visuals=[...rt("visual-control",g)],this.update(),Le(this,!0),st.set(s,Z,this)}get value(){return this.input.value}set value(t){this.input.value=t}get hasNonColor(){return this.colorKeywords instanceof Array&&this.colorKeywords.some(t=>kt.includes(t))}get hex(){return this.color.toHex(!0)}get hsv(){return this.color.toHsv()}get hsl(){return this.color.toHsl()}get hwb(){return this.color.toHwb()}get rgb(){return this.color.toRgb()}get brightness(){return this.color.brightness}get luminance(){return this.color.luminance}get isDark(){const{color:t,brightness:e}=this;return e<120&&t.a>.33}get isValid(){const t=this.input.value;return t!==""&&new k(t).isValid}get appearance(){const{colorLabels:t,hsl:e,hsv:s,format:r}=this,n=y(e.h*360),i=r==="hsl"?e.s:s.s,a=y(i*100),l=y(e.l*100),c=s.v*100;let h="black";if(l===100&&a===0)h=t.white;else if(l===0)h=t.black;else if(a===0)h=t.grey;else if(n<15||n>=345)h=t.red;else if(n>=15&&n<45)h=c>80&&a>80?t.orange:t.brown;else if(n>=45&&n<75){const b=n>46&&n<54&&c<80&&a>90,u=n>=54&&n<75&&c<80;h=b?t.gold:t.yellow,h=u?t.olive:h}else n>=75&&n<155?h=c<68?t.green:t.lime:n>=155&&n<175?h=t.teal:n>=175&&n<195?h=t.cyan:n>=195&&n<255?h=t.blue:n>=255&&n<270?h=t.violet:n>=270&&n<295?h=t.magenta:n>=295&&n<345&&(h=t.pink);return h}updateVisuals(){const{controlPositions:t,visuals:e}=this,[s,r,n]=e,{offsetHeight:i}=s,a=t.c2y/i,{r:l,g:c,b:h}=new k({h:a*360,s:100,l:50}).toRgb(),b="linear-gradient(rgb(255,255,255) 0%, rgb(255,255,255) 100%)",u=1-t.c3y/i,d=y(u*100)/100,g=new k({h:a*360,s:100,l:50,a:u}).toRgbString(),p=`linear-gradient(
+var ColorPicker=function(){"use strict";const Bt="aria-description",$t="aria-expanded",He="aria-hidden",wt="aria-selected",Y="aria-valuenow",tt="aria-valuetext",Ne="change",Ee="focusin",Te="focusout",jt="keydown",Me="keyup",kt="click",Re="pointerdown",qt="pointermove",Oe="pointerup",De="resize",Fe="scroll",Ie="touchmove",B="ArrowDown",et="ArrowUp",ht="ArrowLeft",W="ArrowRight",Ve="Enter",Ke="Escape",Gt="Space",Be="transitionDuration",je="transitionProperty",X="tabindex",Wt=(o,t,e,s)=>{const r=s||!1;o.addEventListener(t,e,r)},Ut=(o,t,e,s)=>{const r=s||!1;o.removeEventListener(t,e,r)},gt=(o,t)=>o.getAttribute(t),v=(o,t,e)=>o.setAttribute(t,e),yt=(o,t)=>o.removeAttribute(t),j=(o,...t)=>{o.classList.add(...t)},O=(o,...t)=>{o.classList.remove(...t)},M=(o,t)=>o.classList.contains(t),xt=o=>o!=null&&typeof o=="object"||!1,ot=o=>xt(o)&&typeof o.nodeType=="number"&&[1,2,3,4,5,6,7,8,9,10,11].some(t=>o.nodeType===t)||!1,U=o=>ot(o)&&o.nodeType===1||!1,J=new Map,st={data:J,set:(o,t,e)=>{U(o)&&(J.has(t)||J.set(t,new Map),J.get(t).set(o,e))},getAllFor:o=>J.get(o)||null,get:(o,t)=>{if(!U(o)||!t)return null;const e=st.getAllFor(t);return o&&e&&e.get(o)||null},remove:(o,t)=>{const e=st.getAllFor(t);!e||!U(o)||(e.delete(o),e.size===0&&J.delete(t))}},qe=(o,t)=>st.get(o,t),Ge=o=>o?.trim().replace(/(?:^\w|[A-Z]|\b\w)/g,(t,e)=>e===0?t.toLowerCase():t.toUpperCase()).replace(/\s+/g,""),q=o=>typeof o=="string"||!1,We=o=>xt(o)&&o.constructor.name==="Window"||!1,_t=o=>ot(o)&&o.nodeType===9||!1,F=o=>_t(o)?o:ot(o)?o.ownerDocument:We(o)?o.document:globalThis.document,I=(o,...t)=>Object.assign(o,...t),x=o=>{if(!o)return;if(q(o))return F().createElement(o);const{tagName:t}=o,e=x(t);if(!e)return;const s={...o};return delete s.tagName,I(e,s)},St=(o,t)=>{if(!o||!t)return;if(q(t))return F().createElementNS(o,t);const{tagName:e}=t,s=St(o,e);if(!s)return;const r={...t};return delete r.tagName,I(s,r)},Ue=(o,t)=>o.dispatchEvent(t),Ct=(o,t,e)=>{const s=getComputedStyle(o,e),r=t.replace("webkit","Webkit").replace(/([A-Z])/g,"-$1").toLowerCase();return s.getPropertyValue(r)},_e=o=>{const t=Ct(o,je),e=Ct(o,Be),s=e.includes("ms")?1:1e3,r=t&&t!=="none"?parseFloat(e)*s:0;return Number.isNaN(r)?0:r},_=(o,t)=>o.focus(t),zt=o=>["true",!0].includes(o)?!0:["false",!1].includes(o)?!1:["null","",null,void 0].includes(o)?null:o!==""&&!Number.isNaN(+o)?+o:o,ut=o=>Object.entries(o),ze=(o,t,e,s)=>{if(!U(o))return t;const r={...e},n={...o.dataset},i={...t},a={},l="title";return ut(n).forEach(([c,h])=>{const b=Ge(c);a[b]=zt(h)}),ut(r).forEach(([c,h])=>{r[c]=zt(h)}),ut(t).forEach(([c,h])=>{c in r?i[c]=r[c]:c in a?i[c]=a[c]:i[c]=c===l?gt(o,l):h}),i},Xt=o=>Object.fromEntries(o),Xe=o=>o.offsetHeight,D=(o,t)=>{ut(t).forEach(([e,s])=>{if(s&&q(e)&&e.includes("--"))o.style.setProperty(e,s);else{const r={};r[e]=s,I(o.style,r)}})},Je=o=>xt(o)&&o.constructor.name==="Map"||!1,Jt=o=>o.toUpperCase(),Zt=o=>U(o)&&"offsetWidth"in o||!1,bt=(o,t)=>{const{width:e,height:s,top:r,right:n,bottom:i,left:a}=o.getBoundingClientRect();let l=1,c=1;if(t&&Zt(o)){const{offsetWidth:h,offsetHeight:b}=o;l=h>0?Math.round(e)/h:1,c=b>0?Math.round(s)/b:1}return{width:e/l,height:s/c,top:r/c,right:n/l,bottom:i/c,left:a/l,x:a/l,y:r/c}},Pt=o=>F(o).documentElement,Ze=o=>o?_t(o)?o.defaultView:ot(o)?o?.ownerDocument?.defaultView:o:window;let Qt=0,Yt=0;const Z=new Map,te=(o,t)=>{let e=t?Qt:Yt;if(t){const s=te(o),r=Z.get(s)||new Map;Z.has(s)||Z.set(s,r),Je(r)&&!r.has(t)?(r.set(t,e),Qt+=1):e=r.get(t)}else{const s=o.id||o;Z.has(s)?e=Z.get(s):(Z.set(s,e),Yt+=1)}return e},Lt=o=>Array.isArray(o)||!1,ee=(o,t)=>!o||!t?null:o.closest(t)||ee(o.getRootNode().host,t)||null,z=(o,t)=>U(o)?o:(U(t)?t:F()).querySelector(o),rt=(o,t)=>(t&&ot(t)?t:F()).getElementsByClassName(o),At=["transparent","currentColor","inherit","revert","initial"],m=o=>{const t=Math.floor(o);return o-t<.5?t:Math.round(o)},pt=[["aliceblue",{r:240,g:248,b:255}],["antiquewhite",{r:250,g:235,b:215}],["aqua",{r:0,g:255,b:255}],["aquamarine",{r:127,g:255,b:212}],["azure",{r:240,g:255,b:255}],["beige",{r:245,g:245,b:220}],["bisque",{r:255,g:228,b:196}],["black",{r:0,g:0,b:0}],["blanchedalmond",{r:255,g:235,b:205}],["blue",{r:0,g:0,b:255}],["blueviolet",{r:138,g:43,b:226}],["brown",{r:165,g:42,b:42}],["burlywood",{r:222,g:184,b:135}],["cadetblue",{r:95,g:158,b:160}],["chartreuse",{r:127,g:255,b:0}],["chocolate",{r:210,g:105,b:30}],["coral",{r:255,g:127,b:80}],["cornflowerblue",{r:100,g:149,b:237}],["cornsilk",{r:255,g:248,b:220}],["crimson",{r:220,g:20,b:60}],["cyan",{r:0,g:255,b:255}],["darkblue",{r:0,g:0,b:139}],["darkcyan",{r:0,g:139,b:139}],["darkgoldenrod",{r:184,g:134,b:11}],["darkgray",{r:169,g:169,b:169}],["darkgreen",{r:0,g:100,b:0}],["darkgrey",{r:169,g:169,b:169}],["darkkhaki",{r:189,g:183,b:107}],["darkmagenta",{r:139,g:0,b:139}],["darkolivegreen",{r:85,g:107,b:47}],["darkorange",{r:255,g:140,b:0}],["darkorchid",{r:153,g:50,b:204}],["darkred",{r:139,g:0,b:0}],["darksalmon",{r:233,g:150,b:122}],["darkseagreen",{r:143,g:188,b:143}],["darkslateblue",{r:72,g:61,b:139}],["darkslategray",{r:47,g:79,b:79}],["darkslategrey",{r:47,g:79,b:79}],["darkturquoise",{r:0,g:206,b:209}],["darkviolet",{r:148,g:0,b:211}],["deeppink",{r:255,g:20,b:147}],["deepskyblue",{r:0,g:191,b:255}],["dimgray",{r:105,g:105,b:105}],["dimgrey",{r:105,g:105,b:105}],["dodgerblue",{r:30,g:144,b:255}],["firebrick",{r:178,g:34,b:34}],["floralwhite",{r:255,g:250,b:240}],["forestgreen",{r:34,g:139,b:34}],["fuchsia",{r:255,g:0,b:255}],["gainsboro",{r:220,g:220,b:220}],["ghostwhite",{r:248,g:248,b:255}],["goldenrod",{r:218,g:165,b:32}],["gold",{r:255,g:215,b:0}],["gray",{r:128,g:128,b:128}],["green",{r:0,g:128,b:0}],["greenyellow",{r:173,g:255,b:47}],["grey",{r:128,g:128,b:128}],["honeydew",{r:240,g:255,b:240}],["hotpink",{r:255,g:105,b:180}],["indianred",{r:205,g:92,b:92}],["indigo",{r:75,g:0,b:130}],["ivory",{r:255,g:255,b:240}],["khaki",{r:240,g:230,b:140}],["lavenderblush",{r:255,g:240,b:245}],["lavender",{r:230,g:230,b:250}],["lawngreen",{r:124,g:252,b:0}],["lemonchiffon",{r:255,g:250,b:205}],["lightblue",{r:173,g:216,b:230}],["lightcoral",{r:240,g:128,b:128}],["lightcyan",{r:224,g:255,b:255}],["lightgoldenrodyellow",{r:250,g:250,b:210}],["lightgray",{r:211,g:211,b:211}],["lightgreen",{r:144,g:238,b:144}],["lightgrey",{r:211,g:211,b:211}],["lightpink",{r:255,g:182,b:193}],["lightsalmon",{r:255,g:160,b:122}],["lightseagreen",{r:32,g:178,b:170}],["lightskyblue",{r:135,g:206,b:250}],["lightslategray",{r:119,g:136,b:153}],["lightslategrey",{r:119,g:136,b:153}],["lightsteelblue",{r:176,g:196,b:222}],["lightyellow",{r:255,g:255,b:224}],["lime",{r:0,g:255,b:0}],["limegreen",{r:50,g:205,b:50}],["linen",{r:250,g:240,b:230}],["magenta",{r:255,g:0,b:255}],["maroon",{r:128,g:0,b:0}],["mediumaquamarine",{r:102,g:205,b:170}],["mediumblue",{r:0,g:0,b:205}],["mediumorchid",{r:186,g:85,b:211}],["mediumpurple",{r:147,g:112,b:219}],["mediumseagreen",{r:60,g:179,b:113}],["mediumslateblue",{r:123,g:104,b:238}],["mediumspringgreen",{r:0,g:250,b:154}],["mediumturquoise",{r:72,g:209,b:204}],["mediumvioletred",{r:199,g:21,b:133}],["midnightblue",{r:25,g:25,b:112}],["mintcream",{r:245,g:255,b:250}],["mistyrose",{r:255,g:228,b:225}],["moccasin",{r:255,g:228,b:181}],["navajowhite",{r:255,g:222,b:173}],["navy",{r:0,g:0,b:128}],["oldlace",{r:253,g:245,b:230}],["olive",{r:128,g:128,b:0}],["olivedrab",{r:107,g:142,b:35}],["orange",{r:255,g:165,b:0}],["orangered",{r:255,g:69,b:0}],["orchid",{r:218,g:112,b:214}],["palegoldenrod",{r:238,g:232,b:170}],["palegreen",{r:152,g:251,b:152}],["paleturquoise",{r:175,g:238,b:238}],["palevioletred",{r:219,g:112,b:147}],["papayawhip",{r:255,g:239,b:213}],["peachpuff",{r:255,g:218,b:185}],["peru",{r:205,g:133,b:63}],["pink",{r:255,g:192,b:203}],["plum",{r:221,g:160,b:221}],["powderblue",{r:176,g:224,b:230}],["purple",{r:128,g:0,b:128}],["rebeccapurple",{r:102,g:51,b:153}],["red",{r:255,g:0,b:0}],["rosybrown",{r:188,g:143,b:143}],["royalblue",{r:65,g:105,b:225}],["saddlebrown",{r:139,g:69,b:19}],["salmon",{r:250,g:128,b:114}],["sandybrown",{r:244,g:164,b:96}],["seagreen",{r:46,g:139,b:87}],["seashell",{r:255,g:245,b:238}],["sienna",{r:160,g:82,b:45}],["silver",{r:192,g:192,b:192}],["skyblue",{r:135,g:206,b:235}],["slateblue",{r:106,g:90,b:205}],["slategray",{r:112,g:128,b:144}],["slategrey",{r:112,g:128,b:144}],["snow",{r:255,g:250,b:250}],["springgreen",{r:0,g:255,b:127}],["steelblue",{r:70,g:130,b:180}],["tan",{r:210,g:180,b:140}],["teal",{r:0,g:128,b:128}],["thistle",{r:216,g:191,b:216}],["tomato",{r:255,g:99,b:71}],["turquoise",{r:64,g:224,b:208}],["violet",{r:238,g:130,b:238}],["wheat",{r:245,g:222,b:179}],["white",{r:255,g:255,b:255}],["whitesmoke",{r:245,g:245,b:245}],["yellow",{r:255,g:255,b:0}],["yellowgreen",{r:154,g:205,b:50}]],oe="deg|rad|grad|turn",se="[-\\+]?\\d+%?",re="[-\\+]?\\d*\\.\\d+%?",ne=`[-\\+]?\\d*\\.?\\d+(?:${oe})?`,dt=`(?:${re})|(?:${se})`,Ht=`(?:${dt})|(?:${ne}?)`,Qe="(?:[\\s|\\(\\s|\\s\\(\\s]+)?",Ye="(?:[\\s|\\)\\s]+)?",ie="(?:[,|\\s]+)",to="(?:[,|\\/\\s]*)?",nt=`${Qe}(${Ht})${ie}(${dt})${ie}(${dt})${to}(${dt})?${Ye}`,V={CSS_UNIT:new RegExp(Ht),ANGLES:oe,CSS_ANGLE:ne,CSS_INTEGER:se,CSS_NUMBER:re,CSS_UNIT2:Ht,PERMISSIVE_MATCH:nt,hwb:new RegExp(`hwb${nt}`),rgb:new RegExp(`rgb(?:a)?${nt}`),hsl:new RegExp(`hsl(?:a)?${nt}`),hsv:new RegExp(`hsv(?:a)?${nt}`),hex3:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex6:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,hex4:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex8:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/},ae=o=>At.includes(o),it=(o,t)=>o!==null&&typeof o=="object"&&Object.keys(t).every(e=>e in o),le=o=>`${o}`.includes(".")&&parseFloat(o)===1,Nt=o=>typeof o=="string"&&o.includes("%"),L=o=>!!V.CSS_UNIT.exec(`${o}`),ce=["rgb","hex","hsl","hsv","hwb"],he=o=>At.includes(o)||["#",...ce].some(t=>o.includes(t))?!1:pt.some(([t])=>o===t),ge=1e-6,eo=(o,t)=>Math.abs(o*t-t)<ge?1:o<ge?0:o,A=(o,t)=>{let e=o;return le(o)&&(e="100%"),Nt(e)?Number.parseFloat(e)/100:(e=typeof e!="number"?Number.parseFloat(e):e,t===360?e=(e<0?e%t+t:e>360?e%t:e)/t:(e=Math.min(t,Math.max(0,e)),e=e/t),eo(e,t))},Et=o=>{let t=parseFloat(o);return(Number.isNaN(t)||t<0||t>1)&&(t=1),t},ft=o=>Math.min(1,Math.max(0,o)),G=o=>o.length===1?`0${o}`:String(o),ue=o=>{const[[,t]]=pt.filter(([e])=>e===o.toLowerCase());return t},H=o=>parseInt(o,16),Tt=o=>H(o)/255,be=o=>m(o*255).toString(16),pe=(o,t,e)=>{const s=Math.max(o,t,e),r=Math.min(o,t,e);let n=0,i=0;const a=(s+r)/2;if(s===r)i=0,n=0;else{const l=s-r;i=a>.5?l/(2-s-r):l/(s+r),s===o&&(n=(t-e)/l+(t<e?6:0)),s===t&&(n=(e-o)/l+2),s===e&&(n=(o-t)/l+4),n/=6}return{h:n,s:i,l:a}},mt=(o,t,e)=>{let s=e;return s<0&&(s+=1),s>1&&(s-=1),s<1/6?o+(t-o)*(6*s):s<1/2?t:s<2/3?o+(t-o)*(2/3-s)*6:o},at=(o,t,e)=>{let s=0,r=0,n=0;if(t===0)r=e,n=e,s=e;else{const i=e<.5?e*(1+t):e+t-e*t,a=2*e-i;s=mt(a,i,o+1/3),r=mt(a,i,o),n=mt(a,i,o-1/3)}return{r:s,g:r,b:n}},de=(o,t,e)=>{let s=0,r=0;const n=Math.min(o,t,e),i=Math.max(o,t,e),a=1-i;if(i===n)return{h:0,w:n,b:a};o===n?(s=t-e,r=3):(s=t===n?e-o:o-t,r=t===n?5:1);const l=(r-s/(i-n))/6;return{h:l===1?0:l,w:n,b:a}},fe=(o,t,e)=>{if(t+e>=1){const i=t/(t+e);return{r:i,g:i,b:i}}let{r:s,g:r,b:n}=at(o,1,.5);return[s,r,n]=[s,r,n].map(i=>i*(1-t-e)+t),{r:s,g:r,b:n}},me=(o,t,e)=>{const s=Math.max(o,t,e),r=Math.min(o,t,e);let n=0;const i=s,a=s-r,l=s===0?0:a/s;return s===r?n=0:(o===s&&(n=(t-e)/a+(t<e?6:0)),t===s&&(n=(e-o)/a+2),e===s&&(n=(o-t)/a+4),n/=6),{h:n,s:l,v:i}},Mt=(o,t,e)=>{const s=o*6,r=t,n=e,i=Math.floor(s),a=s-i,l=n*(1-r),c=n*(1-a*r),h=n*(1-(1-a)*r),b=i%6,u=[n,c,l,l,h,n][b],d=[h,n,n,c,l,l][b],g=[l,l,h,n,n,c][b];return{r:u,g:d,b:g}},Rt=(o,t,e,s)=>{const r=[G(m(o).toString(16)),G(m(t).toString(16)),G(m(e).toString(16))];return s&&r[0].charAt(0)===r[0].charAt(1)&&r[1].charAt(0)===r[1].charAt(1)&&r[2].charAt(0)===r[2].charAt(1)?r[0].charAt(0)+r[1].charAt(0)+r[2].charAt(0):r.join("")},Ot=(o,t,e,s,r)=>{const n=[G(m(o).toString(16)),G(m(t).toString(16)),G(m(e).toString(16)),G(be(s))];return r&&n[0].charAt(0)===n[0].charAt(1)&&n[1].charAt(0)===n[1].charAt(1)&&n[2].charAt(0)===n[2].charAt(1)&&n[3].charAt(0)===n[3].charAt(1)?n[0].charAt(0)+n[1].charAt(0)+n[2].charAt(0)+n[3].charAt(0):n.join("")},ve=o=>{const t=String(o).trim().toLowerCase();if(he(t))return Object.assign(ue(t),{a:1,format:"rgb",ok:!0});if(ae(t))return{r:0,g:0,b:0,a:t==="transparent"?0:1,format:"rgb",ok:!0};let[,e,s,r,n]=V.rgb.exec(t)||[];return e&&s&&r?{r:e,g:s,b:r,a:n!==void 0?n:1,format:"rgb",ok:!0}:([,e,s,r,n]=V.hsl.exec(t)||[],e&&s&&r?{h:e,s,l:r,a:n!==void 0?n:1,format:"hsl",ok:!0}:([,e,s,r,n]=V.hsv.exec(t)||[],e&&s&&r?{h:e,s,v:r,a:n!==void 0?n:1,format:"hsv",ok:!0}:([,e,s,r,n]=V.hwb.exec(t)||[],e&&s&&r?{h:e,w:s,b:r,a:n!==void 0?n:1,format:"hwb",ok:!0}:([,e,s,r,n]=V.hex8.exec(t)||[],e&&s&&r&&n?{r:H(e),g:H(s),b:H(r),a:Tt(n),format:"hex",ok:!0}:([,e,s,r]=V.hex6.exec(t)||[],e&&s&&r?{r:H(e),g:H(s),b:H(r),a:1,format:"hex",ok:!0}:([,e,s,r,n]=V.hex4.exec(t)||[],e&&s&&r&&n?{r:H(e+e),g:H(s+s),b:H(r+r),a:Tt(n+n),format:"hex",ok:!0}:([,e,s,r]=V.hex3.exec(t)||[],e&&s&&r?{r:H(e+e),g:H(s+s),b:H(r+r),a:1,format:"hex",ok:!0}:{r:0,g:0,b:0,a:1,format:"rgb",ok:!o})))))))},oo=(o,t,e)=>({r:A(o,255),g:A(t,255),b:A(e,255)}),$e=o=>{let t={r:0,g:0,b:0},e=o,s=1,r,n,i,a,l,c,h,b,u="rgb",d=!1;if((!e||typeof e=="string")&&(e=ve(e),d=e.ok||d),it(e,t)&&L(e.r)&&L(e.g)&&L(e.b)){if(["format","ok","originalInput"].every(g=>g in e))return{...e};({r:h,g:b,b:l}=e),t=oo(h,b,l),u="format"in e?e.format:"rgb"}return it(e,{h:0,s:0,v:0})&&L(e.h)&&L(e.s)&&L(e.v)&&({h:c,s:r,v:n}=e,c=A(c,360),r=A(r,100),n=A(n,100),t=Mt(c,r,n),u="hsv"),it(e,{h:0,s:0,l:0})&&L(e.h)&&L(e.s)&&L(e.l)&&({h:c,s:r,l:i}=e,c=A(c,360),r=A(r,100),i=A(i,100),t=at(c,r,i),u="hsl"),it(e,{h:0,w:0,b:0})&&L(e.h)&&L(e.w)&&L(e.b)&&({h:c,w:a,b:l}=e,c=A(c,360),a=A(a,100),l=A(l,100),t=fe(c,a,l),u="hwb"),L(e.a)&&(s=e.a,s=Nt(s)||parseFloat(`${s}`)>1?A(s,100):s),{...t,a:Et(s),format:u,ok:d}},so="1.0.13";class k{static matchers=V;static isOnePointZero=le;static isPercentage=Nt;static isValidCSSUnit=L;static isNonColor=ae;static isColorName=he;static isColorType=it;static pad2=G;static clamp01=ft;static bound01=A;static boundAlpha=Et;static getRGBFromName=ue;static convertHexToDecimal=Tt;static convertDecimalToHex=be;static rgbToHsl=pe;static rgbToHex=Rt;static rgbToHsv=me;static rgbToHwb=de;static rgbaToHex=Ot;static hslToRgb=Mt;static hsvToRgb=Mt;static hueToRgb=mt;static hwbToRgb=fe;static parseIntFromHex=H;static stringInputToObject=ve;static inputToRGB=$e;static roundPart=m;static webColors=pt;static nonColors=At;static version=so;r;g;b;a;format;ok;originalInput;constructor(t,e){const s=e&&ce.includes(e)?e:"",{r,g:n,b:i,a,ok:l,format:c}=$e(t);this.originalInput=t,this.r=r,this.g=n,this.b=i,this.a=a,this.ok=l,this.format=s||c}get isValid(){return this.ok}get isDark(){return this.brightness<120}get luminance(){const{r:t,g:e,b:s}=this;let r=0,n=0,i=0;return t<=.03928?r=t/12.92:r=((t+.055)/1.055)**2.4,e<=.03928?n=e/12.92:n=((e+.055)/1.055)**2.4,s<=.03928?i=s/12.92:i=((s+.055)/1.055)**2.4,.2126*r+.7152*n+.0722*i}get brightness(){const{r:t,g:e,b:s}=this.toRgb();return(t*299+e*587+s*114)/1e3}get name(){const{r:t,g:e,b:s}=this.toRgb(),[r]=pt.map(([n,i])=>{const a=(((i.r-t)*.3)**2+((i.g-e)*.6)**2+((i.b-s)*.1)**2)**.5;return[n,a]}).find(([,n],i,a)=>n===Math.min(...a.map(([,l])=>l)));return r}toRgb(){let{r:t,g:e,b:s,a:r}=this;return[t,e,s]=[t,e,s].map(n=>m(n*255*100)/100),r=m(r*100)/100,{r:t,g:e,b:s,a:r}}toRgbString(){const{r:t,g:e,b:s,a:r}=this.toRgb(),[n,i,a]=[t,e,s].map(m);return r===1?`rgb(${n}, ${i}, ${a})`:`rgba(${n}, ${i}, ${a}, ${r})`}toRgbCSS4String(){const{r:t,g:e,b:s,a:r}=this.toRgb(),[n,i,a]=[t,e,s].map(m),l=r===1?"":` / ${m(r*100)}%`;return`rgb(${n} ${i} ${a}${l})`}toHex(t){let{r:e,g:s,b:r,a:n}=this;return[e,s,r]=[e,s,r].map(i=>m(i*255)),n=m(n*100)/100,n===1?Rt(e,s,r,t):Ot(e,s,r,n,t)}toHexString(t){return`#${this.toHex(t)}`}toHex8(t){let{r:e,g:s,b:r,a:n}=this;return[e,s,r]=[e,s,r].map(i=>m(i*255)),n=m(n*100)/100,n===1?Rt(e,s,r,t):Ot(e,s,r,n,t)}toHex8String(t){return`#${this.toHex8(t)}`}toHsv(){const{r:t,g:e,b:s,a:r}=this,{h:n,s:i,v:a}=me(t,e,s);return{h:n,s:i,v:a,a:r}}toHsl(){const{r:t,g:e,b:s,a:r}=this,{h:n,s:i,l:a}=pe(t,e,s);return{h:n,s:i,l:a,a:r}}toHslString(){let{h:t,s:e,l:s,a:r}=this.toHsl();return t=m(t*360),e=m(e*100),s=m(s*100),r=m(r*100)/100,r===1?`hsl(${t}, ${e}%, ${s}%)`:`hsla(${t}, ${e}%, ${s}%, ${r})`}toHslCSS4String(){let{h:t,s:e,l:s,a:r}=this.toHsl();t=m(t*360),e=m(e*100),s=m(s*100),r=m(r*100);const n=r<100?` / ${m(r)}%`:"";return`hsl(${t}deg ${e}% ${s}%${n})`}toHwb(){const{r:t,g:e,b:s,a:r}=this,{h:n,w:i,b:a}=de(t,e,s);return{h:n,w:i,b:a,a:r}}toHwbString(){let{h:t,w:e,b:s,a:r}=this.toHwb();t=m(t*360),e=m(e*100),s=m(s*100),r=m(r*100);const n=r<100?` / ${m(r)}%`:"";return`hwb(${t}deg ${e}% ${s}%${n})`}setAlpha(t){return typeof t!="number"?this:(this.a=Et(t),this)}saturate(t){if(typeof t!="number")return this;const{h:e,s,l:r}=this.toHsl(),{r:n,g:i,b:a}=at(e,ft(s+t/100),r);return Object.assign(this,{r:n,g:i,b:a}),this}desaturate(t){return typeof t=="number"?this.saturate(-t):this}greyscale(){return this.saturate(-100)}lighten(t){if(typeof t!="number")return this;const{h:e,s,l:r}=this.toHsl(),{r:n,g:i,b:a}=at(e,s,ft(r+t/100));return Object.assign(this,{r:n,g:i,b:a}),this}darken(t){return typeof t=="number"?this.lighten(-t):this}spin(t){if(typeof t!="number")return this;const{h:e,s,l:r}=this.toHsl(),{r:n,g:i,b:a}=at(ft((e*360+t)%360/360),s,r);return Object.assign(this,{r:n,g:i,b:a}),this}clone(){return new k(this)}toString(t){const{format:e}=this;return e==="hex"?this.toHexString(t):e==="hsl"?this.toHslString():e==="hwb"?this.toHwbString():this.toRgbString()}}class Dt{static Color=k;hue;hueSteps;lightSteps;saturation;colors;constructor(...t){let e=0,s=12,r=10,n=[.5],i=100;if(t.length===4)[e,s,r,i]=t;else if(t.length===3)[e,s,r]=t;else if(t.length===2&&([s,r]=t,[s,r].some(g=>g<1)))throw TypeError("ColorPalette: the two minimum arguments must be numbers higher than 0.");const a=[],l=360/s,c=k.roundPart((r-(r%2?1:0))/2),h=[.25,.2,.15,.11,.09,.075],b=[[1,2,3],[4,5],[6,7],[8,9],[10,11],[12,13]],u=b.find(g=>g.includes(r)),d=u?h[b.indexOf(u)]:100/(r+(r%2?0:1))/100;for(let g=1;g<c+1;g+=1)n=[...n,.5+d*g];for(let g=1;g<r-c;g+=1)n=[.5-d*g,...n];for(let g=0;g<s;g+=1){const p=(e+g*l)%360;n.forEach(f=>{const $=new k({h:p,s:100,l:f*100});a.push(i<100?$.saturate(i-100):$)})}this.hue=e,this.hueSteps=s,this.lightSteps=r,this.saturation=i,this.colors=a}}const Ft={pickerLabel:"Colour Picker",appearanceLabel:"Colour Appearance",valueLabel:"Colour Value",toggleLabel:"Select Colour",presetsLabel:"Colour Presets",defaultsLabel:"Colour Defaults",formatLabel:"Format",alphaLabel:"Alpha",hexLabel:"Hexadecimal",hueLabel:"Hue",whitenessLabel:"Whiteness",blacknessLabel:"Blackness",saturationLabel:"Saturation",lightnessLabel:"Lightness",redLabel:"Red",greenLabel:"Green",blueLabel:"Blue"},lt=["white","black","grey","red","orange","brown","gold","olive","yellow","lime","green","teal","cyan","blue","violet","magenta","pink"],we=o=>{if(!q(o))return!1;try{JSON.parse(o)}catch{return!1}return!0},It="v-hidden",ro=o=>{const{format:t,id:e,componentLabels:s}=o,r=x({tagName:"div",className:`color-form ${t}`});let n=["hex"];return t==="rgb"?n=["red","green","blue","alpha"]:t==="hsl"?n=["hue","saturation","lightness","alpha"]:t==="hwb"&&(n=["hue","whiteness","blackness","alpha"]),n.forEach(i=>{const[a]=t==="hex"?["#"]:Jt(i).split(""),l=`color_${t}_${i}_${e}`,c=s[`${i}Label`],h=x({tagName:"label"});v(h,"for",l),h.append(x({tagName:"span",ariaHidden:"true",innerText:`${a}:`}),x({tagName:"span",className:It,innerText:c}));const b=x({tagName:"input",id:l,type:t==="hex"?"text":"number",value:i==="alpha"?"100":"0",className:`color-input ${i}`,autocomplete:"off",spellcheck:!1});let u="100",d="1";i!=="alpha"&&(t==="rgb"?(u="255",d="1"):i==="hue"&&(u="360",d="1")),I(b,{min:"0",max:u,step:d}),r.append(h,b)}),r},no=o=>{const{format:t,componentLabels:e}=o,{hueLabel:s,alphaLabel:r,lightnessLabel:n,saturationLabel:i,whitenessLabel:a,blacknessLabel:l}=e,c=t==="hsl"?360:100,h=t==="hsl"?100:360,b=100;let u=t==="hsl"?`${s} & ${n}`:`${n} & ${i}`;u=t==="hwb"?`${a} & ${l}`:u;const d=t==="hsl"?`${i}`:`${s}`,g=x({tagName:"div",className:`color-controls ${t}`}),p="color-pointer",f="color-slider";return[{i:1,c:p,l:u,min:0,max:c},{i:2,c:f,l:d,min:0,max:h},{i:3,c:f,l:r,min:0,max:b}].forEach(w=>{const{i:S,c:N,l:C,min:P,max:R}=w,T=x({tagName:"div",className:"color-control",role:"presentation"});T.append(x({tagName:"div",className:`visual-control visual-control${S}`}));const E=x({tagName:"div",className:`${N} knob`,ariaLive:"polite",ariaLabel:C,role:"slider",tabIndex:0,ariaValueMin:`${P}`,ariaValueMax:`${R}`});T.append(E),g.append(T)}),g},ke=(o,t,e)=>{const{input:s,format:r,componentLabels:n}=o,{defaultsLabel:i,presetsLabel:a}=n,l=e==="color-options",c=t instanceof Dt,h=l?a:i,b=c?t.colors:t,u=b.length,{lightSteps:d}=c?t:{lightSteps:null},g=d||[9,10].find(E=>u>=E*2&&!(u%E))||5,p=l&&u>g;let f=2;f=p&&u>g*2?3:f,f=p&&u>g*3?4:f,f=p&&u>g*4?5:f;const $=f-(u<=g*3?1:2),w=p&&u>$*g;let S=e;S+=w?" scrollable":"",S+=p?" multiline":"";const N=p?"1px":"0.25rem";let C=p?1.75:2;C=g>5&&p?1.5:C;const P=`${$*C}rem`,R=`calc(${f} * ${C}rem + ${f-1} * ${N})`,T=x({tagName:"ul",className:S,role:"listbox",ariaLabel:h});return w&&D(T,{"--grid-item-size":`${C}rem`,"--grid-fit":`${g}`,"--grid-gap":N,"--grid-height":P,"--grid-hover-height":R}),b.forEach(E=>{let[K,ct]=typeof E=="string"?E.trim().split(":"):[];E instanceof k&&(K=E.toHexString(),ct=K);const Ae=new k(E instanceof k?E:K,r).toString()===gt(s,"value"),Kt=x({tagName:"li",className:`color-option${Ae?" active":""}`,innerText:`${ct||K}`,tabIndex:0,role:"option",ariaSelected:Ae?"true":"false"});v(Kt,"data-value",`${K}`),l&&D(Kt,{backgroundColor:K}),T.append(Kt)}),T},io=o=>{const{input:t,parent:e,format:s,id:r,componentLabels:n,colorKeywords:i,colorPresets:a}=o,l=gt(t,"value")||"#fff",{nonColors:c}=k,{toggleLabel:h,pickerLabel:b,formatLabel:u,hexLabel:d}=n,g=c.includes(l)?"#fff":l;o.color=new k(g,s);const p=s==="hex"?d:Jt(s),f=x({id:`picker-btn-${r}`,tagName:"button",type:"button",className:"picker-toggle btn-appearance",ariaExpanded:"false",ariaHasPopup:"true"});f.append(x({tagName:"span",className:It,innerText:`${b}. ${u}: ${p}`}));const $=x({tagName:"div",className:"color-dropdown picker",role:"group",ariaLabelledBy:`picker-btn-${r}`}),w=no(o),S=ro(o);if($.append(w,S),t.before(f),e.append($),i||a){const N=x({tagName:"div",className:"color-dropdown scrollable menu"});a&&N.append(ke(o,a,"color-options")),i&&i.length&&N.append(ke(o,i,"color-defaults"));const C=x({tagName:"button",type:"button",className:"menu-toggle btn-appearance",tabIndex:-1,ariaExpanded:"false",ariaHasPopup:"true"}),P=encodeURI("http://www.w3.org/2000/svg"),R=St(P,{tagName:"svg"});v(R,"xmlns",P),v(R,"viewBox","0 0 512 512"),v(R,He,"true");const T=St(P,{tagName:"path"});v(T,"d","M98,158l157,156L411,158l27,27L255,368L71,185L98,158z"),v(T,"fill","#fff"),R.append(T),C.append(x({tagName:"span",className:It,innerText:`${h}`}),R),e.append(C,N)}i&&c.includes(l)&&(o.value=l),v(t,X,"-1")},ao="2.0.3",Q="color-picker",lo=`[data-function="${Q}"]`,ye=`.${Q}`,co={componentLabels:Ft,colorLabels:lt,format:"rgb",colorPresets:!1,colorKeywords:!1},{roundPart:y,nonColors:vt}=k,ho=o=>qe(o,Q),go=o=>new Le(o),xe=(o,t)=>{const e=t?Wt:Ut,{input:s,pickerToggle:r,menuToggle:n}=o;e(s,Ee,o.showPicker),e(r,kt,o.togglePicker),n&&e(n,kt,o.toggleMenu)},Se=(o,t)=>{const e=t?Wt:Ut,{input:s,colorMenu:r,parent:n}=o,i=F(s),a=Ze(i);e(o.controls,Re,o.pointerDown),o.controlKnobs.forEach(l=>e(l,jt,o.handleKnobs)),e(a,Fe,o.handleScroll),e(a,De,o.update),[s,...o.inputs].forEach(l=>e(l,Ne,o.changeHandler)),r&&(e(r,kt,o.menuClickHandler),e(r,jt,o.menuKeyHandler)),e(i,qt,o.pointerMove),e(i,Oe,o.pointerUp),e(n,Te,o.handleFocusOut),e(i,Me,o.handleDismiss)},Ce=o=>{Ue(o.input,new CustomEvent("colorpicker.change"))},Pe=o=>{o&&["bottom","top"].forEach(t=>O(o,t))},Vt=(o,t)=>{const{colorPicker:e,colorMenu:s,menuToggle:r,pickerToggle:n,parent:i}=o,a=t===e,l=a?s:e,c=a?r:n,h=a?n:r;M(i,"open")||j(i,"open"),l&&(O(l,"show"),Pe(l)),j(t,"bottom"),Xe(t),j(t,"show"),a&&o.update(),o.isOpen||(Se(o,!0),o.updateDropdownPosition(),o.isOpen=!0,v(o.input,X,"0"),r&&v(r,X,"0")),v(h,$t,"true"),c&&v(c,$t,"false")};class Le{static Color=k;static ColorPalette=Dt;static getInstance=ho;static init=go;static selector=lo;static roundPart=y;static setElementStyle=D;static setAttribute=v;static getBoundingClientRect=bt;static version=ao;static colorNames=lt;static colorPickerLabels=Ft;id;input;color;format="rgb";parent;dragElement;isOpen=!1;controlPositions;colorLabels=Xt(lt.map(t=>[t,t]));colorKeywords;colorPresets;componentLabels;pickerToggle;menuToggle;colorPicker;colorMenu;controls;inputs;controlKnobs;visuals;constructor(t,e){const s=z(t);if(typeof t>"u")throw new TypeError("ColorPicker target not specified.");if(!Zt(s))throw new TypeError(`ColorPicker target "${t}" cannot be found.`);this.input=s;const r=ee(s,ye);if(!r)throw new TypeError("ColorPicker requires a specific markup to work.");this.parent=r,this.id=te(s,Q),this.dragElement=void 0,this.isOpen=!1,this.controlPositions={c1x:0,c1y:0,c2y:0,c3y:0},this.colorKeywords=!1,this.colorPresets=!1;const{format:n,componentLabels:i,colorLabels:a,colorKeywords:l,colorPresets:c}=ze(s,co,e||{});let h=lt;Lt(a)&&a.length===17?h=a:q(a)&&a.split(",").length===17&&(h=a.split(",")),I(this.colorLabels,Xt(h.map((p,f)=>[lt[f],p])));const b=q(i)&&we(i)?JSON.parse(i):i;if(this.componentLabels=I({...Ft},b),this.color=new k(s.value||"#fff",n),this.format=n,Lt(l)&&l.length?this.colorKeywords=l:q(l)&&l.length&&(this.colorKeywords=l.split(",").map(p=>p.trim())),Lt(c)&&c.length)this.colorPresets=c;else if(c&&we(c)){const{hue:p,hueSteps:f,lightSteps:$,saturation:w}=JSON.parse(c);this.colorPresets=new Dt(p,f,$,w)}else q(c)&&(this.colorPresets=c.split(",").map(p=>p.trim()));io(this);const[u,d]=rt("color-dropdown",r);this.pickerToggle=z(".picker-toggle",r),this.menuToggle=z(".menu-toggle",r),this.colorPicker=u,this.colorMenu=d,this.inputs=[...rt("color-input",r)];const[g]=rt("color-controls",r);this.controls=g,this.controlKnobs=[...rt("knob",g)],this.visuals=[...rt("visual-control",g)],this.update(),xe(this,!0),st.set(s,Q,this)}get value(){return this.input.value}set value(t){this.input.value=t}get hasNonColor(){return this.colorKeywords instanceof Array&&this.colorKeywords.some(t=>vt.includes(t))}get hex(){return this.color.toHex(!0)}get hsv(){return this.color.toHsv()}get hsl(){return this.color.toHsl()}get hwb(){return this.color.toHwb()}get rgb(){return this.color.toRgb()}get brightness(){return this.color.brightness}get luminance(){return this.color.luminance}get isDark(){const{color:t,brightness:e}=this;return e<120&&t.a>.33}get isValid(){const t=this.input.value;return t!==""&&new k(t).isValid}get appearance(){const{colorLabels:t,hsl:e,hsv:s,format:r}=this,n=y(e.h*360),i=r==="hsl"?e.s:s.s,a=y(i*100),l=y(e.l*100),c=s.v*100;let h="black";if(l===100&&a===0)h=t.white;else if(l===0)h=t.black;else if(a===0)h=t.grey;else if(n<15||n>=345)h=t.red;else if(n>=15&&n<45)h=c>80&&a>80?t.orange:t.brown;else if(n>=45&&n<75){const b=n>46&&n<54&&c<80&&a>90,u=n>=54&&n<75&&c<80;h=b?t.gold:t.yellow,h=u?t.olive:h}else n>=75&&n<155?h=c<68?t.green:t.lime:n>=155&&n<175?h=t.teal:n>=175&&n<195?h=t.cyan:n>=195&&n<255?h=t.blue:n>=255&&n<270?h=t.violet:n>=270&&n<295?h=t.magenta:n>=295&&n<345&&(h=t.pink);return h}updateVisuals(){const{controlPositions:t,visuals:e}=this,[s,r,n]=e,{offsetHeight:i}=s,a=t.c2y/i,{r:l,g:c,b:h}=new k({h:a*360,s:100,l:50}).toRgb(),b="linear-gradient(rgb(255,255,255) 0%, rgb(255,255,255) 100%)",u=1-t.c3y/i,d=y(u*100)/100,g=new k({h:a*360,s:100,l:50,a:u}).toRgbString(),p=`linear-gradient(
       rgb(255,0,0) 0%, rgb(255,255,0) 16.67%,
       rgb(0,255,0) 33.33%, rgb(0,255,255) 50%,
       rgb(0,0,255) 66.67%, rgb(255,0,255) 83.33%,
       rgb(255,0,0) 100%)`;D(s,{background:`linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,${d}) 100%),
       linear-gradient(to right, rgba(255,255,255,${d}) 0%, ${g} 100%),
-      ${b}`}),D(r,{background:p}),D(n,{background:`linear-gradient(rgba(${l},${c},${h},1) 0%,rgba(${l},${c},${h},0) 100%)`})}handleFocusOut=({relatedTarget:t})=>{t&&!this.parent.contains(t)&&this.hide(!0)};handleDismiss=({code:t})=>{this.isOpen&&t===Ue&&this.hide()};handleScroll=t=>{const{activeElement:e}=F(this.input);this.updateDropdownPosition(),([zt,qe].includes(t.type)&&this.dragElement||e&&this.controlKnobs.includes(e))&&(t.stopPropagation(),t.preventDefault())};menuKeyHandler=t=>{const{target:e,code:s}=t,{previousElementSibling:r,nextElementSibling:n,parentElement:i}=e,a=i&&M(i,"color-options"),l=i?[...i.children]:[],c=a&&Number(Nt(i,"--grid-fit")),h=l.indexOf(e),b=h>-1&&c&&l[h-c],u=h>-1&&c&&l[h+c];[j,et,Jt].includes(s)&&t.preventDefault(),a?b&&s===et?W(b):u&&s===j?W(u):r&&s===ht?W(r):n&&s===U&&W(n):r&&[ht,et].includes(s)?W(r):n&&[U,j].includes(s)&&W(n),[Ge,Jt].includes(s)&&this.menuClickHandler(t)};menuClickHandler=t=>{const{target:e}=t,{colorMenu:s}=this,r=(pt(e,"data-value")||"").trim();if(!r.length)return;const n=_("li.active",s);let i=r;i=kt.includes(i)?"white":i,i=i==="transparent"?"rgba(0,0,0,0)":i;const{r:a,g:l,b:c,a:h}=new k(i);I(this.color,{r:a,g:l,b:c,a:h}),this.update(),n!==e&&(n&&(O(n,"active"),Lt(n,xt)),q(e,"active"),v(e,xt,"true"),kt.includes(r)&&(this.value=r),He(this))};pointerDown=t=>{if(t.button!==0)return;const{target:e,pageX:s,pageY:r}=t,{colorMenu:n,visuals:i,controlKnobs:a}=this,[l,c,h]=i,[b,u,d]=a,g=a.includes(e)?e.previousElementSibling:e,p=ft(g),f=Et(l),$=s-f.scrollLeft-p.left,w=r-f.scrollTop-p.top;if(e===l||e===b?(this.dragElement=g,this.changeControl1($,w)):e===c||e===u?(this.dragElement=g,this.changeControl2(w)):(e===h||e===d)&&(this.dragElement=g,this.changeAlpha(w)),n){const P=_("li.active",n);P&&(O(P,"active"),Lt(P,xt))}t.preventDefault()};pointerUp=({target:t})=>{const{parent:e}=this,s=F(e),r=_(`${Ce}.open`,s)!==null,n=s.getSelection();!this.dragElement&&(!n||!n.toString().length)&&!e.contains(t)&&this.hide(r),this.dragElement=void 0};pointerMove=t=>{const{dragElement:e,visuals:s}=this,[r,n,i]=s,{pageX:a,pageY:l}=t;if(!e)return;const c=ft(e),h=Et(r),b=a-h.scrollLeft-c.left,u=l-h.scrollTop-c.top;e===r&&this.changeControl1(b,u),e===n&&this.changeControl2(u),e===i&&this.changeAlpha(u)};handleKnobs=t=>{const{target:e,code:s}=t;if(![et,j,ht,U].includes(s))return;t.preventDefault();const{controlKnobs:r,visuals:n}=this,{offsetWidth:i,offsetHeight:a}=n[0],[l,c,h]=r,{activeElement:b}=F(l),u=r.find(g=>g===b),d=a/360;if(u){let g=0,p=0;if(e===l){const f=i/100;[ht,U].includes(s)?this.controlPositions.c1x+=s===U?f:-f:[et,j].includes(s)&&(this.controlPositions.c1y+=s===j?d:-d),g=this.controlPositions.c1x,p=this.controlPositions.c1y,this.changeControl1(g,p)}else e===c?(this.controlPositions.c2y+=[j,U].includes(s)?d:-d,p=this.controlPositions.c2y,this.changeControl2(p)):e===h&&(this.controlPositions.c3y+=[j,U].includes(s)?d:-d,p=this.controlPositions.c3y,this.changeAlpha(p));this.handleScroll(t)}};changeHandler=()=>{let t;const{inputs:e,format:s,value:r,input:n,controlPositions:i,visuals:a}=this,{activeElement:l}=F(n),{offsetHeight:c}=a[0],[h,,,b]=e,[u,d,g,p]=s==="rgb"?e.map(w=>parseFloat(w.value)/(w===b?100:1)):e.map(w=>parseFloat(w.value)/(w!==h?100:360)),f=this.hasNonColor&&kt.includes(r),$=b?p:1-i.c3y/c;if(l===n||l&&e.includes(l)){l===n?f?t=r==="transparent"?"rgba(0,0,0,0)":"rgb(0,0,0)":t=r:s==="hex"?t=h.value:s==="hsl"?t={h:u,s:d,l:g,a:$}:s==="hwb"?t={h:u,w:d,b:g,a:$}:t={r:u,g:d,b:g,a:$};const{r:w,g:P,b:N,a:S}=new k(t);I(this.color,{r:w,g:P,b:N,a:S}),this.setControlPositions(),this.updateAppearance(),this.updateInputs(),this.updateControls(),this.updateVisuals(),l===n&&f&&(this.value=r)}};changeControl1(t,e){let[s,r]=[0,0];const{controlPositions:n,visuals:i}=this,{offsetHeight:a,offsetWidth:l}=i[0];t>l?s=l:t>=0&&(s=t),e>a?r=a:e>=0&&(r=e);const c=n.c2y/a,h=s/l,b=1-r/a,u=1-n.c3y/a,{r:d,g,b:p,a:f}=new k({h:c*360,s:h*100,v:b*100,a:u});I(this.color,{r:d,g,b:p,a:f}),this.controlPositions.c1x=s,this.controlPositions.c1y=r,this.updateAppearance(),this.updateInputs(),this.updateControls(),this.updateVisuals()}changeControl2(t){const{controlPositions:e,visuals:s}=this,{offsetHeight:r,offsetWidth:n}=s[0];let i=0;t>r?i=r:t>=0&&(i=t);const a=i/r,l=e.c1x/n,c=1-e.c1y/r,h=1-e.c3y/r,{r:b,g:u,b:d,a:g}=new k({h:a*360,s:l*100,v:c*100,a:h});I(this.color,{r:b,g:u,b:d,a:g}),this.controlPositions.c2y=i,this.updateAppearance(),this.updateInputs(),this.updateControls(),this.updateVisuals()}changeAlpha(t){const{visuals:e}=this,{offsetHeight:s}=e[0];let r=0;t>s?r=s:t>=0&&(r=t);const n=1-r/s;this.color.setAlpha(n),this.controlPositions.c3y=r,this.updateAppearance(),this.updateInputs(),this.updateControls(),this.updateVisuals()}update=()=>{this.updateDropdownPosition(),this.updateAppearance(),this.setControlPositions(),this.updateInputs(!0),this.updateControls(),this.updateVisuals()};updateDropdownPosition(){const{input:t,colorPicker:e,colorMenu:s}=this,r=ft(t),{top:n,bottom:i}=r,{offsetHeight:a}=t,l=Et(t).clientHeight,h=M(e,"show")?e:s;if(!h)return;const{offsetHeight:b}=h,u=l-i,d=n,g=n+b+a>l,p=n-b<0;(M(h,"bottom")||!p)&&u<d&&g?(O(h,"bottom"),q(h,"top")):(O(h,"top"),q(h,"bottom"))}setControlPositions(){const{visuals:t,color:e,hsv:s}=this,{offsetHeight:r,offsetWidth:n}=t[0],i=e.a,a=s.h,l=s.s,c=s.v;this.controlPositions.c1x=l*n,this.controlPositions.c1y=(1-c)*r,this.controlPositions.c2y=a*r,this.controlPositions.c3y=(1-i)*r}updateAppearance(){const{componentLabels:t,color:e,parent:s,hsv:r,hex:n,format:i,controlKnobs:a}=this,{appearanceLabel:l,hexLabel:c,valueLabel:h}=t;let{r:b,g:u,b:d}=e.toRgb();const[g,p,f]=a,$=y(r.h*360),w=e.a,P=y(r.s*100),N=y(r.v*100),S=this.appearance;let C=`${c} ${n.split("").join(" ")}`;if(i==="hwb"){const{hwb:E}=this,V=y(E.w*100),ct=y(E.b*100);C=`HWB: ${$}°, ${V}%, ${ct}%`,v(g,tt,`${V}% & ${ct}%`),v(g,Q,`${V}`),v(p,Wt,`${h}: ${C}. ${l}: ${S}.`),v(p,tt,`${$}%`),v(p,Q,`${$}`)}else[b,u,d]=[b,u,d].map(y),C=i==="hsl"?`HSL: ${$}°, ${P}%, ${N}%`:C,C=i==="rgb"?`RGB: ${b}, ${u}, ${d}`:C,v(g,tt,`${N}% & ${P}%`),v(g,Q,`${N}`),v(p,Wt,`${h}: ${C}. ${l}: ${S}.`),v(p,tt,`${$}°`),v(p,Q,`${$}`);const R=y(w*100);v(f,tt,`${R}%`),v(f,Q,`${R}`);const T=e.toString();D(this.input,{backgroundColor:T}),this.isDark?(M(s,"txt-light")&&O(s,"txt-light"),M(s,"txt-dark")||q(s,"txt-dark")):(M(s,"txt-dark")&&O(s,"txt-dark"),M(s,"txt-light")||q(s,"txt-light"))}updateControls(){const{controlKnobs:t,controlPositions:e}=this;let{c1x:s,c1y:r,c2y:n,c3y:i}=e;const[a,l,c]=t;[s,r,n,i]=[s,r,n,i].map(y),D(a,{transform:`translate3d(${s-4}px,${r-4}px,0)`}),D(l,{transform:`translate3d(0,${n-4}px,0)`}),D(c,{transform:`translate3d(0,${i-4}px,0)`})}updateInputs(t){const{value:e,format:s,inputs:r,color:n,hsl:i}=this,[a,l,c,h]=r,b=y(n.a*100),u=y(i.h*360);let d=n.toString();if(s==="hex")d=this.color.toHexString(!0),a.value=this.hex;else if(s==="hsl"){const g=y(i.l*100),p=y(i.s*100);d=this.color.toHslString(),a.value=`${u}`,l.value=`${p}`,c.value=`${g}`,h.value=`${b}`}else if(s==="hwb"){const{w:g,b:p}=this.hwb,f=y(g*100),$=y(p*100);d=this.color.toHwbString(),a.value=`${u}`,l.value=`${f}`,c.value=`${$}`,h.value=`${b}`}else if(s==="rgb"){let{r:g,g:p,b:f}=this.rgb;[g,p,f]=[g,p,f].map(y),d=this.color.toRgbString(),a.value=`${g}`,l.value=`${p}`,c.value=`${f}`,h.value=`${b}`}this.value=d,!t&&d!==e&&He(this)}togglePicker=t=>{t&&t.preventDefault();const{colorPicker:e}=this;this.isOpen&&M(e,"show")?this.hide(!0):Gt(this,e)};showPicker=()=>{const{colorPicker:t}=this;["top","bottom"].some(e=>M(t,e))||Gt(this,t)};toggleMenu=t=>{t&&t.preventDefault();const{colorMenu:e}=this;this.isOpen&&M(e,"show")?this.hide(!0):Gt(this,e)};hide(t){if(this.isOpen){const{pickerToggle:e,menuToggle:s,colorPicker:r,colorMenu:n,parent:i,input:a}=this,l=M(r,"show"),c=l?r:n,h=l?e:s,b=c&&eo(c);this.value=this.color.toString(!0),c&&(O(c,"show"),v(h,yt,"false"),setTimeout(()=>{Ne(c),_(".show",i)||(O(i,"open"),Ae(this),this.isOpen=!1)},b)),t||W(e),v(a,z,"-1"),h===s&&v(s,z,"-1")}}dispose(){const{input:t,parent:e}=this;this.hide(!0),Le(this),[...e.children].forEach(s=>{s!==t&&s.remove()}),Lt(t,z),D(t,{backgroundColor:""}),["txt-light","txt-dark"].forEach(s=>O(e,s)),st.remove(t,Z)}}return Ee}();
+      ${b}`}),D(r,{background:p}),D(n,{background:`linear-gradient(rgba(${l},${c},${h},1) 0%,rgba(${l},${c},${h},0) 100%)`})}handleFocusOut=({relatedTarget:t})=>{t&&!this.parent.contains(t)&&this.hide(!0)};handleDismiss=({code:t})=>{this.isOpen&&t===Ke&&this.hide()};handleScroll=t=>{const{activeElement:e}=F(this.input);this.updateDropdownPosition(),([qt,Ie].includes(t.type)&&this.dragElement||e&&this.controlKnobs.includes(e))&&(t.stopPropagation(),t.preventDefault())};menuKeyHandler=t=>{const{target:e,code:s}=t,{previousElementSibling:r,nextElementSibling:n,parentElement:i}=e,a=i&&M(i,"color-options"),l=i?[...i.children]:[],c=a&&Number(Ct(i,"--grid-fit")),h=l.indexOf(e),b=h>-1&&c&&l[h-c],u=h>-1&&c&&l[h+c];[B,et,Gt].includes(s)&&t.preventDefault(),a?b&&s===et?_(b):u&&s===B?_(u):r&&s===ht?_(r):n&&s===W&&_(n):r&&[ht,et].includes(s)?_(r):n&&[W,B].includes(s)&&_(n),[Ve,Gt].includes(s)&&this.menuClickHandler(t)};menuClickHandler=t=>{const{target:e}=t,{colorMenu:s}=this,r=(gt(e,"data-value")||"").trim();if(!r.length)return;const n=z("li.active",s);let i=r;i=vt.includes(i)?"white":i,i=i==="transparent"?"rgba(0,0,0,0)":i;const{r:a,g:l,b:c,a:h}=new k(i);I(this.color,{r:a,g:l,b:c,a:h}),this.update(),n!==e&&(n&&(O(n,"active"),yt(n,wt)),j(e,"active"),v(e,wt,"true"),vt.includes(r)&&(this.value=r),Ce(this))};pointerDown=t=>{if(t.button!==0)return;const{target:e,pageX:s,pageY:r}=t,{colorMenu:n,visuals:i,controlKnobs:a}=this,[l,c,h]=i,[b,u,d]=a,g=a.includes(e)?e.previousElementSibling:e,p=bt(g),f=Pt(l),$=s-f.scrollLeft-p.left,w=r-f.scrollTop-p.top;if(e===l||e===b?(this.dragElement=g,this.changeControl1($,w)):e===c||e===u?(this.dragElement=g,this.changeControl2(w)):(e===h||e===d)&&(this.dragElement=g,this.changeAlpha(w)),n){const S=z("li.active",n);S&&(O(S,"active"),yt(S,wt))}t.preventDefault()};pointerUp=({target:t})=>{const{parent:e}=this,s=F(e),r=z(`${ye}.open`,s)!==null,n=s.getSelection();!this.dragElement&&(!n||!n.toString().length)&&!e.contains(t)&&this.hide(r),this.dragElement=void 0};pointerMove=t=>{const{dragElement:e,visuals:s}=this,[r,n,i]=s,{pageX:a,pageY:l}=t;if(!e)return;const c=bt(e),h=Pt(r),b=a-h.scrollLeft-c.left,u=l-h.scrollTop-c.top;e===r&&this.changeControl1(b,u),e===n&&this.changeControl2(u),e===i&&this.changeAlpha(u)};handleKnobs=t=>{const{target:e,code:s}=t;if(![et,B,ht,W].includes(s))return;t.preventDefault();const{controlKnobs:r,visuals:n}=this,{offsetWidth:i,offsetHeight:a}=n[0],[l,c,h]=r,{activeElement:b}=F(l),u=r.find(g=>g===b),d=a/360;if(u){let g=0,p=0;if(e===l){const f=i/100;[ht,W].includes(s)?this.controlPositions.c1x+=s===W?f:-f:[et,B].includes(s)&&(this.controlPositions.c1y+=s===B?d:-d),g=this.controlPositions.c1x,p=this.controlPositions.c1y,this.changeControl1(g,p)}else e===c?(this.controlPositions.c2y+=[B,W].includes(s)?d:-d,p=this.controlPositions.c2y,this.changeControl2(p)):e===h&&(this.controlPositions.c3y+=[B,W].includes(s)?d:-d,p=this.controlPositions.c3y,this.changeAlpha(p));this.handleScroll(t)}};changeHandler=()=>{let t;const{inputs:e,format:s,value:r,input:n,controlPositions:i,visuals:a}=this,{activeElement:l}=F(n),{offsetHeight:c}=a[0],[h,,,b]=e,[u,d,g,p]=s==="rgb"?e.map(w=>parseFloat(w.value)/(w===b?100:1)):e.map(w=>parseFloat(w.value)/(w!==h?100:360)),f=this.hasNonColor&&vt.includes(r),$=b?p:1-i.c3y/c;if(l===n||l&&e.includes(l)){l===n?f?t=r==="transparent"?"rgba(0,0,0,0)":"rgb(0,0,0)":t=r:s==="hex"?t=h.value:s==="hsl"?t={h:u,s:d,l:g,a:$}:s==="hwb"?t={h:u,w:d,b:g,a:$}:t={r:u,g:d,b:g,a:$};const{r:w,g:S,b:N,a:C}=new k(t);I(this.color,{r:w,g:S,b:N,a:C}),this.setControlPositions(),this.updateAppearance(),this.updateInputs(),this.updateControls(),this.updateVisuals(),l===n&&f&&(this.value=r)}};changeControl1(t,e){let[s,r]=[0,0];const{controlPositions:n,visuals:i}=this,{offsetHeight:a,offsetWidth:l}=i[0];t>l?s=l:t>=0&&(s=t),e>a?r=a:e>=0&&(r=e);const c=n.c2y/a,h=s/l,b=1-r/a,u=1-n.c3y/a,{r:d,g,b:p,a:f}=new k({h:c*360,s:h*100,v:b*100,a:u});I(this.color,{r:d,g,b:p,a:f}),this.controlPositions.c1x=s,this.controlPositions.c1y=r,this.updateAppearance(),this.updateInputs(),this.updateControls(),this.updateVisuals()}changeControl2(t){const{controlPositions:e,visuals:s}=this,{offsetHeight:r,offsetWidth:n}=s[0];let i=0;t>r?i=r:t>=0&&(i=t);const a=i/r,l=e.c1x/n,c=1-e.c1y/r,h=1-e.c3y/r,{r:b,g:u,b:d,a:g}=new k({h:a*360,s:l*100,v:c*100,a:h});I(this.color,{r:b,g:u,b:d,a:g}),this.controlPositions.c2y=i,this.updateAppearance(),this.updateInputs(),this.updateControls(),this.updateVisuals()}changeAlpha(t){const{visuals:e}=this,{offsetHeight:s}=e[0];let r=0;t>s?r=s:t>=0&&(r=t);const n=1-r/s;this.color.setAlpha(n),this.controlPositions.c3y=r,this.updateAppearance(),this.updateInputs(),this.updateControls(),this.updateVisuals()}update=()=>{this.updateDropdownPosition(),this.updateAppearance(),this.setControlPositions(),this.updateInputs(!0),this.updateControls(),this.updateVisuals()};updateDropdownPosition(){const{input:t,colorPicker:e,colorMenu:s}=this,r=bt(t),{top:n,bottom:i}=r,{offsetHeight:a}=t,l=Pt(t).clientHeight,h=M(e,"show")?e:s;if(!h)return;const{offsetHeight:b}=h,u=l-i,d=n,g=n+b+a>l,p=n-b<0;(M(h,"bottom")||!p)&&u<d&&g?(O(h,"bottom"),j(h,"top")):(O(h,"top"),j(h,"bottom"))}setControlPositions(){const{visuals:t,color:e,hsv:s}=this,{offsetHeight:r,offsetWidth:n}=t[0],i=e.a,a=s.h,l=s.s,c=s.v;this.controlPositions.c1x=l*n,this.controlPositions.c1y=(1-c)*r,this.controlPositions.c2y=a*r,this.controlPositions.c3y=(1-i)*r}updateAppearance(){const{componentLabels:t,color:e,parent:s,hsv:r,hex:n,format:i,controlKnobs:a}=this,{appearanceLabel:l,hexLabel:c,valueLabel:h}=t;let{r:b,g:u,b:d}=e.toRgb();const[g,p,f]=a,$=y(r.h*360),w=e.a,S=y(r.s*100),N=y(r.v*100),C=this.appearance;let P=`${c} ${n.split("").join(" ")}`;if(i==="hwb"){const{hwb:E}=this,K=y(E.w*100),ct=y(E.b*100);P=`HWB: ${$}°, ${K}%, ${ct}%`,v(g,tt,`${K}% & ${ct}%`),v(g,Y,`${K}`),v(p,Bt,`${h}: ${P}. ${l}: ${C}.`),v(p,tt,`${$}%`),v(p,Y,`${$}`)}else[b,u,d]=[b,u,d].map(y),P=i==="hsl"?`HSL: ${$}°, ${S}%, ${N}%`:P,P=i==="rgb"?`RGB: ${b}, ${u}, ${d}`:P,v(g,tt,`${N}% & ${S}%`),v(g,Y,`${N}`),v(p,Bt,`${h}: ${P}. ${l}: ${C}.`),v(p,tt,`${$}°`),v(p,Y,`${$}`);const R=y(w*100);v(f,tt,`${R}%`),v(f,Y,`${R}`);const T=e.toString();D(this.input,{backgroundColor:T}),this.isDark?(M(s,"txt-light")&&O(s,"txt-light"),M(s,"txt-dark")||j(s,"txt-dark")):(M(s,"txt-dark")&&O(s,"txt-dark"),M(s,"txt-light")||j(s,"txt-light"))}updateControls(){const{controlKnobs:t,controlPositions:e}=this;let{c1x:s,c1y:r,c2y:n,c3y:i}=e;const[a,l,c]=t;[s,r,n,i]=[s,r,n,i].map(y),D(a,{transform:`translate3d(${s-4}px,${r-4}px,0)`}),D(l,{transform:`translate3d(0,${n-4}px,0)`}),D(c,{transform:`translate3d(0,${i-4}px,0)`})}updateInputs(t){const{value:e,format:s,inputs:r,color:n,hsl:i}=this,[a,l,c,h]=r,b=y(n.a*100),u=y(i.h*360);let d=n.toString();if(s==="hex")d=this.color.toHexString(!0),a.value=this.hex;else if(s==="hsl"){const g=y(i.l*100),p=y(i.s*100);d=this.color.toHslString(),a.value=`${u}`,l.value=`${p}`,c.value=`${g}`,h.value=`${b}`}else if(s==="hwb"){const{w:g,b:p}=this.hwb,f=y(g*100),$=y(p*100);d=this.color.toHwbString(),a.value=`${u}`,l.value=`${f}`,c.value=`${$}`,h.value=`${b}`}else if(s==="rgb"){let{r:g,g:p,b:f}=this.rgb;[g,p,f]=[g,p,f].map(y),d=this.color.toRgbString(),a.value=`${g}`,l.value=`${p}`,c.value=`${f}`,h.value=`${b}`}this.value=d,!t&&d!==e&&Ce(this)}togglePicker=t=>{t&&t.preventDefault();const{colorPicker:e}=this;this.isOpen&&M(e,"show")?this.hide(!0):Vt(this,e)};showPicker=()=>{const{colorPicker:t}=this;["top","bottom"].some(e=>M(t,e))||Vt(this,t)};toggleMenu=t=>{t&&t.preventDefault();const{colorMenu:e}=this;this.isOpen&&M(e,"show")?this.hide(!0):Vt(this,e)};hide(t){if(!this.isOpen)return;const{pickerToggle:e,menuToggle:s,colorPicker:r,colorMenu:n,parent:i,input:a}=this,l=M(r,"show"),c=l?r:n,h=l?e:s,b=c&&_e(c);this.value=this.color.toString(!0),c&&(O(c,"show"),v(h,$t,"false"),setTimeout(()=>{Pe(c),z(".show",i)||(O(i,"open"),Se(this),this.isOpen=!1)},b)),t||_(e),v(a,X,"-1"),h===s&&v(s,X,"-1")}dispose(){const{input:t,parent:e}=this;this.hide(!0),xe(this),[...e.children].forEach(s=>{s!==t&&s.remove()}),yt(t,X),D(t,{backgroundColor:""}),["txt-light","txt-dark"].forEach(s=>O(e,s)),st.remove(t,Q)}}return Le}();
 //# sourceMappingURL=color-picker.js.map