colorjs.io
Version:
Let’s get serious about color
1 lines • 63.4 kB
JavaScript
function e(e,t){let r,a,n=e.length,o=!1,s=!1;Array.isArray(e[0])?r=e:(r=[e],n=r.length,o=!0),Array.isArray(t[0])?a=t:(a=t.length>0?t.map((e=>[e])):[[]],s=!0);let i=a[0].length,c=a[0].map(((e,t)=>a.map((e=>e[t])))),l=r.map((e=>c.map((t=>{let r=0;if(!Array.isArray(e)){for(let a of t)r+=e*a;return r}for(let a=0;a<e.length;a++)r+=e[a]*(t[a]||0);return r}))));return 1===n&&o&&(l=l[0]),1===i&&s?1===n&&o?l[0]:l.map((e=>e[0])):l}function t(e,t){return e[0]*t[0]+e[1]*t[1]+e[2]*t[2]}function r(e,r,a=[0,0,0]){const n=t(e,r[0]),o=t(e,r[1]),s=t(e,r[2]);return a[0]=n,a[1]=o,a[2]=s,a}function a(e){return"string"===n(e)}function n(e){return(Object.prototype.toString.call(e).match(/^\[object\s+(.*?)\]$/)[1]||"").toLowerCase()}function o(e,{precision:t=16,unit:r}){return s(e)?"none":(e=+c(e,t))+(r??"")}function s(e){return null===e}function i(e){return s(e)?0:e}function c(e,t){if(0===e)return 0;let r=~~e,a=0;r&&t&&(a=1+~~Math.log10(Math.abs(r)));const n=10**(t-a);return Math.floor(e*n+.5)/n}function l(e,t,r){return isNaN(e)?t:isNaN(t)?e:e+(t-e)*r}function u(e,t,r){return!e||!t||e===t||e[0]===t[0]&&e[1]===t[1]||isNaN(r)||null===r?r:l(t[0],t[1],function(e,t,r){return(r-e)/(t-e)}(e[0],e[1],r))}function h(e,t,r){return Math.max(Math.min(r,t),e)}function m(e,t){return Math.sign(e)===Math.sign(t)?e:-e}function p(e,t){return m(Math.abs(e)**t,e)}function f(e,t){return 0===t?0:e/t}function d(e,t){if(e instanceof t)return!0;const r=t.name;for(;e;){const t=Object.getPrototypeOf(e),a=t?.constructor?.name;if(a===r)return!0;if(!a||"Object"===a)return!1;e=t}return!1}class g{type;coordMeta;coordRange;range;constructor(e,t){if("object"==typeof e&&(this.coordMeta=e),t&&(this.coordMeta=t,this.coordRange=t.range??t.refRange),"string"==typeof e){let t=e.trim().match(/^(?<type><[a-z]+>)(\[(?<min>-?[.\d]+),\s*(?<max>-?[.\d]+)\])?$/);if(!t)throw new TypeError(`Cannot parse ${e} as a type definition.`);this.type=t.groups.type;let{min:r,max:a}=t.groups;(r||a)&&(this.range=[+r,+a])}}get computedRange(){return this.range?this.range:"<percentage>"===this.type?this.percentageRange():"<angle>"===this.type?[0,360]:null}get unit(){return"<percentage>"===this.type?"%":"<angle>"===this.type?"deg":""}resolve(e){if("<angle>"===this.type)return e;let t=this.computedRange,r=this.coordRange;return"<percentage>"===this.type&&(r??=this.percentageRange()),u(t,r,e)}serialize(e,t){let r="<percentage>"===this.type?this.percentageRange(100):this.computedRange,a=this.unit;return o(e=u(this.coordRange,r,e),{unit:a,precision:t})}toString(){let e=this.type;if(this.range){let[t="",r=""]=this.range;e+=`[${t},${r}]`}return e}percentageRange(e=1){let t;return t=this.coordMeta&&this.coordMeta.range||this.coordRange&&this.coordRange[0]>=0?[0,1]:[-1,1],[t[0]*e,t[1]*e]}static get(e,t){return d(e,this)?e:new this(e,t)}}const b=Symbol("instance");class M{type;name;spaceCoords;coords;id;alpha;constructor(e,t=e.space){e[b]=this,this.type="function",this.name="color",Object.assign(this,e),this.space=t,"custom"!==this.type&&(this.spaceCoords=Object.values(t.coords),this.coords||(this.coords=this.spaceCoords.map((e=>{let t=["<number>","<percentage>"];return"angle"===e.type&&t.push("<angle>"),t}))),this.coords=this.coords.map(((e,t)=>{let r=this.spaceCoords[t];return"string"==typeof e&&(e=e.trim().split(/\s*\|\s*/)),e.map((e=>g.get(e,r)))})))}serializeCoords(e,t,r){return r=e.map(((e,t)=>g.get(r?.[t]??this.coords[t][0],this.spaceCoords[t]))),e.map(((e,a)=>r[a].serialize(e,t)))}coerceCoords(e,t){return Object.entries(this.space.coords).map((([r,a],n)=>{let o=e[n];if(s(o)||isNaN(o))return o;let i=t[n],c=this.coords[n].find((e=>e.type==i));if(!c){let e=a.name||r;throw new TypeError(`${i??o?.raw??o} not allowed for ${e} in ${this.name}()`)}return o=c.resolve(o),c.range&&(t[n]=c.toString()),o}))}canSerialize(){return"function"===this.type||this.serialize}parse(e){return null}static get(e,...t){return!e||d(e,this)?e:e[b]?e[b]:new M(e,...t)}}class w{add(e,t,r){if("string"==typeof arguments[0])(Array.isArray(e)?e:[e]).forEach((function(e){this[e]=this[e]||[],t&&this[e][r?"unshift":"push"](t)}),this);else for(var e in arguments[0])this.add(e,arguments[0][e],arguments[1])}run(e,t){this[e]=this[e]||[],this[e].forEach((function(e){e.call(t&&t.context?t.context:t,t)}))}}const y=new w,v={D50:[.3457/.3585,1,.2958/.3585],D65:[.3127/.329,1,.3583/.329]};function C(e){return Array.isArray(e)?e:v[e]}function R(e,t,a,n={}){if(e=C(e),t=C(t),!e||!t)throw new TypeError(`Missing white point to convert ${e?"":"from"}${e||t?"":"/"}${t?"":"to"}`);if(e===t)return a;let o={W1:e,W2:t,XYZ:a,options:n};if(y.run("chromatic-adaptation-start",o),o.M||(o.W1===v.D65&&o.W2===v.D50?o.M=[[1.0479297925449969,.022946870601609652,-.05019226628920524],[.02962780877005599,.9904344267538799,-.017073799063418826],[-.009243040646204504,.015055191490298152,.7518742814281371]]:o.W1===v.D50&&o.W2===v.D65&&(o.M=[[.955473421488075,-.02309845494876471,.06325924320057072],[-.0283697093338637,1.0099953980813041,.021041441191917323],[.012314014864481998,-.020507649298898964,1.330365926242124]])),y.run("chromatic-adaptation-end",o),o.M)return r(o.XYZ,o.M);throw new TypeError("Only Bradford CAT with white points D50 and D65 supported for now.")}var B={gamut_mapping:"css",precision:5,deltaE:"76",verbose:"test"!==globalThis?.process?.env?.NODE_ENV?.toLowerCase(),warn:function(e){this.verbose&&globalThis?.console?.warn?.(e)}};function _(e,t){let r,a={str:String(e)?.trim(),options:t};if(y.run("parse-start",a),a.color)return a.color;a.parsed=function(e){if(!e)return;e=e.trim();let t=e.match(L.function);if(t){let e=[],r=[],a=!1,n=t[1].toLowerCase(),o=t[2].replace(L.singleArgument,((t,o)=>{let{value:s,meta:i}=function(e){let t={},r=e.match(L.unitValue)?.[0],a=t.raw=e;r?(t.type="%"===r?"<percentage>":"<angle>",t.unit=r,t.unitless=Number(a.slice(0,-r.length)),a=t.unitless*k[r]):L.number.test(a)?(a=Number(a),t.type="<number>"):"none"===a?a=null:"NaN"===a||"calc(NaN)"===a?(a=NaN,t.type="<number>"):t.type="<ident>";return{value:a,meta:t}}(o);return(t.startsWith("/")||"color"!==n&&3===e.length)&&(a=!0),e.push(s),r.push(i),""}));return{name:n,args:e,argMeta:r,lastAlpha:a,commas:o.includes(","),rawName:t[1],rawArgs:t[2]}}}(a.str);let n=a.options?a.options.parseMeta??a.options.meta:null;if(a.parsed){let t,o,s=a.parsed.name,i=a.parsed.args,c=i.map(((e,t)=>a.parsed.argMeta[t]?.type));if("color"===s){let r=i.shift();c.shift();let n=r.startsWith("--")?r.substring(2):`--${r}`,l=[r,n];if(t=E.findFormat({name:s,id:l,type:"function"}),!t){let t,o=r in E.registry?r:n;if(o in E.registry){let a=E.registry[o].formats?.color?.id;if(a){t=`Did you mean ${e.replace("color("+r,"color("+a)}?`}}throw new TypeError(`Cannot parse ${a.str}. `+(t??"Missing a plugin?"))}o=t.space,t.id.startsWith("--")&&!r.startsWith("--")&&B.warn(`${o.name} is a non-standard space and not currently supported in the CSS spec. Use prefixed color(${t.id}) instead of color(${r}).`),r.startsWith("--")&&!t.id.startsWith("--")&&B.warn(`${o.name} is a standard space and supported in the CSS spec. Use color(${t.id}) instead of prefixed color(${r}).`)}else t=E.findFormat({name:s,type:"function"}),o=t.space;n&&Object.assign(n,{format:t,formatId:t.name,types:c,commas:a.parsed.commas});let l=1;a.parsed.lastAlpha&&(l=a.parsed.args.pop(),n&&(n.alphaType=c.pop()));let u=t.coords.length;if(i.length!==u)throw new TypeError(`Expected ${u} coordinates for ${o.id} in ${a.str}), got ${i.length}`);i=t.coerceCoords(i,c),r={spaceId:o.id,coords:i,alpha:l}}else e:for(let e of E.all)for(let t in e.formats){let o=e.formats[t];if("custom"!==o.type)continue;if(o.test&&!o.test(a.str))continue;let s=e.getFormat(o),i=s.parse(a.str);if(i){n&&Object.assign(n,{format:s,formatId:t}),r=i;break e}}if(!r)throw new TypeError(`Could not parse ${e} as a color. Missing a plugin?`);return r.alpha=s(r.alpha)?r.alpha:void 0===r.alpha?1:h(0,r.alpha,1),r}const k={"%":.01,deg:1,grad:.9,rad:180/Math.PI,turn:360},L={function:/^([a-z]+)\(((?:calc\(NaN\)|.)+?)\)$/i,number:/^([-+]?(?:[0-9]*\.)?[0-9]+(e[-+]?[0-9]+)?)$/i,unitValue:RegExp(`(${Object.keys(k).join("|")})$`),singleArgument:/\/?\s*(none|NaN|calc\(NaN\)|[-+\w.]+(?:%|deg|g?rad|turn)?)/g};function S(e,t){if(Array.isArray(e))return e.map((e=>S(e,t)));if(!e)throw new TypeError("Empty color reference");a(e)&&(e=_(e,t));let r=e.space||e.spaceId;return"string"==typeof r&&(e.space=E.get(r)),void 0===e.alpha&&(e.alpha=1),e}class E{constructor(e){this.id=e.id,this.name=e.name,this.base=e.base?E.get(e.base):null,this.aliases=e.aliases,this.base&&(this.fromBase=e.fromBase,this.toBase=e.toBase);let t=e.coords??this.base.coords;for(let e in t)"name"in t[e]||(t[e].name=e);this.coords=t;let r=e.white??this.base.white??"D65";this.white=C(r),this.formats=e.formats??{};for(let e in this.formats){let t=this.formats[e];t.type||="function",t.name||=e}this.formats.color?.id||(this.formats.color={...this.formats.color??{},id:e.cssId||this.id}),e.gamutSpace?this.gamutSpace="self"===e.gamutSpace?this:E.get(e.gamutSpace):this.isPolar?this.gamutSpace=this.base:this.gamutSpace=this,this.gamutSpace.isUnbounded&&(this.inGamut=(e,t)=>!0),this.referred=e.referred,Object.defineProperty(this,"path",{value:z(this).reverse(),writable:!1,enumerable:!0,configurable:!0}),y.run("colorspace-init-end",this)}inGamut(e,{epsilon:t=75e-6}={}){if(!this.equals(this.gamutSpace))return e=this.to(this.gamutSpace,e),this.gamutSpace.inGamut(e,{epsilon:t});let r=Object.values(this.coords);return e.every(((e,a)=>{let n=r[a];if("angle"!==n.type&&n.range){if(s(e))return!0;let[r,a]=n.range;return(void 0===r||e>=r-t)&&(void 0===a||e<=a+t)}return!0}))}get isUnbounded(){return Object.values(this.coords).every((e=>!("range"in e)))}get cssId(){return this.formats?.color?.id||this.id}get isPolar(){for(let e in this.coords)if("angle"===this.coords[e].type)return!0;return!1}getFormat(e){if(!e)return null;"default"===e?e=Object.values(this.formats)[0]:"string"==typeof e&&(e=this.formats[e]);let t=M.get(e,this);return t!==e&&e.name in this.formats&&(this.formats[e.name]=t),t}equals(e){return!!e&&(this===e||this.id===e||this.id===e.id)}to(e,t){if(1===arguments.length){const r=S(e);[e,t]=[r.space,r.coords]}if(e=E.get(e),this.equals(e))return t;t=t.map((e=>s(e)?0:e));let r,a,n=this.path,o=e.path;for(let e=0;e<n.length&&n[e].equals(o[e]);e++)r=n[e],a=e;if(!r)throw new Error(`Cannot convert between color spaces ${this} and ${e}: no connection space was found`);for(let e=n.length-1;e>a;e--)t=n[e].toBase(t);for(let e=a+1;e<o.length;e++)t=o[e].fromBase(t);return t}from(e,t){if(1===arguments.length){const r=S(e);[e,t]=[r.space,r.coords]}return(e=E.get(e)).to(this,t)}toString(){return`${this.name} (${this.id})`}getMinCoords(){let e=[];for(let t in this.coords){let r=this.coords[t],a=r.range||r.refRange;e.push(a?.min??0)}return e}static registry={};static get all(){return[...new Set(Object.values(E.registry))]}static register(e,t){if(1===arguments.length&&(e=(t=arguments[0]).id),t=this.get(t),this.registry[e]&&this.registry[e]!==t)throw new Error(`Duplicate color space registration: '${e}'`);if(this.registry[e]=t,1===arguments.length&&t.aliases)for(let e of t.aliases)this.register(e,t);return t}static get(e,...t){if(!e||d(e,this))return e;if("string"===n(e)){let t=E.registry[e.toLowerCase()];if(!t)throw new TypeError(`No color space found with id = "${e}"`);return t}if(t.length)return E.get(...t);throw new TypeError(`${e} is not a valid color space`)}static findFormat(e,t=E.all){if(!e)return null;"string"==typeof e&&(e={name:e});for(let r of t)for(let[t,a]of Object.entries(r.formats)){a.name??=t,a.type??="function";let n=!(e.name&&a.name!==e.name||e.type&&a.type!==e.type);if(e.id){let t=a.ids||[a.id],r=Array.isArray(e.id)?e.id:[e.id];n&&=r.some((e=>t.includes(e)))}if(n){let e=M.get(a,r);return e!==a&&(r.formats[a.name]=e),e}}return null}static resolveCoord(e,t){let r,a,o=n(e);if("string"===o?e.includes(".")?[r,a]=e.split("."):[r,a]=[,e]:Array.isArray(e)?[r,a]=e:(r=e.space,a=e.coordId),r=E.get(r),r||(r=t),!r)throw new TypeError(`Cannot resolve coordinate reference ${e}: No color space specified and relative references are not allowed here`);if(o=n(a),"number"===o||"string"===o&&a>=0){let e=Object.entries(r.coords)[a];if(e)return{space:r,id:e[0],index:a,...e[1]}}r=E.get(r);let s=a.toLowerCase(),i=0;for(let e in r.coords){let t=r.coords[e];if(e.toLowerCase()===s||t.name?.toLowerCase()===s)return{space:r,id:e,index:i,...t};i++}throw new TypeError(`No "${a}" coordinate found in ${r.name}. Its coordinates are: ${Object.keys(r.coords).join(", ")}`)}static DEFAULT_FORMAT={type:"functions",name:"color"}}function z(e){let t=[e];for(let r=e;r=r.base;)t.push(r);return t}var A=new E({id:"xyz-d65",name:"XYZ D65",coords:{x:{refRange:[0,1],name:"X"},y:{refRange:[0,1],name:"Y"},z:{refRange:[0,1],name:"Z"}},white:"D65",formats:{color:{ids:["xyz-d65","xyz"]}},aliases:["xyz"]});class x extends E{constructor(e){e.coords||(e.coords={r:{range:[0,1],name:"Red"},g:{range:[0,1],name:"Green"},b:{range:[0,1],name:"Blue"}}),e.base||(e.base=A),e.toXYZ_M&&e.fromXYZ_M&&(e.toBase??=t=>{let a=r(t,e.toXYZ_M);return this.white!==this.base.white&&(a=R(this.white,this.base.white,a)),a},e.fromBase??=t=>r(t=R(this.base.white,this.white,t),e.fromXYZ_M)),e.referred??="display",super(e)}}function H(e,t={}){if(Array.isArray(e))return e.map((e=>H(e,t)));let{cssProperty:r="background-color",element:n,...o}=t,s=null;try{return S(e,o)}catch(e){s=e}let{CSS:i,getComputedStyle:c}=globalThis;if(a(e)&&n&&i&&c&&i.supports(r,e)){let t=n.style[r];e!==t&&(n.style[r]=e);let a=c(n).getPropertyValue(r);if(e!==t&&(n.style[r]=t),a!==e)try{return S(a,o)}catch(e){s=e}else s={message:"Color value is a valid CSS color, but it could not be resolved :("}}return t.errorMeta&&(t.errorMeta.error=s),null}function O(e,t){e=S(e);let r,a=E.get(t,t?.space),n=t?.precision;return r=!a||e.space.equals(a)?e.coords.slice():a.from(e),void 0===n?r:r.map((e=>c(e,n)))}function $(e,t){if(e=S(e),"alpha"===t)return e.alpha??1;let{space:r,index:a}=E.resolveCoord(t,e.space);return O(e,r)[a]}function j(e,t,r,a){return e=S(e),Array.isArray(t)&&([t,r,a]=[e.space,t,r]),t=E.get(t),e.coords=t===e.space?r.slice():t.to(e.space,r),void 0!==a&&(e.alpha=a),e}function P(e,t,r){if(e=S(e),2===arguments.length&&"object"===n(arguments[1])){let t=arguments[1];for(let r in t)P(e,r,t[r])}else if("function"==typeof r&&(r=r($(e,t))),"alpha"===t)e.alpha=r;else{let{space:a,index:n}=E.resolveCoord(t,e.space),o=O(e,a);o[n]=r,j(e,a,o)}return e}j.returns="color",P.returns="color";var I=new E({id:"xyz-d50",name:"XYZ D50",white:"D50",base:A,fromBase:e=>R(A.white,"D50",e),toBase:e=>R("D50",A.white,e)});const D=216/24389,q=24/116,T=24389/27;let W=v.D50;var N=new E({id:"lab",name:"Lab",coords:{l:{refRange:[0,100],name:"Lightness"},a:{refRange:[-125,125]},b:{refRange:[-125,125]}},white:W,base:I,fromBase(e){let t=e.map(((e,t)=>e/W[t])).map((e=>e>D?Math.cbrt(e):(T*e+16)/116));return[116*t[1]-16,500*(t[0]-t[1]),200*(t[1]-t[2])]},toBase(e){let[t,r,a]=e,n=[];return n[1]=(t+16)/116,n[0]=r/500+n[1],n[2]=n[1]-a/200,[n[0]>q?Math.pow(n[0],3):(116*n[0]-16)/T,e[0]>8?Math.pow((e[0]+16)/116,3):e[0]/T,n[2]>q?Math.pow(n[2],3):(116*n[2]-16)/T].map(((e,t)=>e*W[t]))},formats:{lab:{coords:["<percentage> | <number>","<number> | <percentage>","<number> | <percentage>"]}}});function X(e){return"number"!=typeof e?e:(e%360+360)%360}function Y(e,t){let[r,a]=t,n=s(r),o=s(a);if(n&&o)return[r,a];if(n?r=a:o&&(a=r),"raw"===e)return t;r=X(r),a=X(a);let i=a-r;return"increasing"===e?i<0&&(a+=360):"decreasing"===e?i>0&&(r+=360):"longer"===e?-180<i&&i<180&&(i>0?r+=360:a+=360):"shorter"===e&&(i>180?r+=360:i<-180&&(a+=360)),[r,a]}var Z=new E({id:"lch",name:"LCH",coords:{l:{refRange:[0,100],name:"Lightness"},c:{refRange:[0,150],name:"Chroma"},h:{refRange:[0,360],type:"angle",name:"Hue"}},base:N,fromBase(e){if(void 0===this.ε){let e=Object.values(this.base.coords)[1].refRange,t=e[1]-e[0];this.ε=t/1e5}let[t,r,a]=e,n=Math.abs(r)<this.ε&&Math.abs(a)<this.ε,o=n?null:X(180*Math.atan2(a,r)/Math.PI);return[t,n?0:Math.sqrt(r**2+a**2),o]},toBase(e){let[t,r,a]=e,n=null,o=null;return s(a)||(r=r<0?0:r,n=r*Math.cos(a*Math.PI/180),o=r*Math.sin(a*Math.PI/180)),[t,n,o]},formats:{lch:{coords:["<percentage> | <number>","<number> | <percentage>","<number> | <angle>"]}}});const G=25**7,J=Math.PI,F=180/J,K=J/180;function Q(e){const t=e*e;return t*t*t*e}function U(e,t,{kL:r=1,kC:a=1,kH:n=1}={}){[e,t]=S([e,t]);let[o,s,i]=N.from(e),c=Z.from(N,[o,s,i])[1],[l,u,h]=N.from(t),m=Z.from(N,[l,u,h])[1];c<0&&(c=0),m<0&&(m=0);let p=Q((c+m)/2),f=.5*(1-Math.sqrt(p/(p+G))),d=(1+f)*s,g=(1+f)*u,b=Math.sqrt(d**2+i**2),M=Math.sqrt(g**2+h**2),w=0===d&&0===i?0:Math.atan2(i,d),y=0===g&&0===h?0:Math.atan2(h,g);w<0&&(w+=2*J),y<0&&(y+=2*J),w*=F,y*=F;let v,C=l-o,R=M-b,_=y-w,k=w+y,L=Math.abs(_);b*M==0?v=0:L<=180?v=_:_>180?v=_-360:_<-180?v=_+360:B.warn("the unthinkable has happened");let E,z=2*Math.sqrt(M*b)*Math.sin(v*K/2),A=(o+l)/2,x=(b+M)/2,H=Q(x);E=b*M==0?k:L<=180?k/2:k<360?(k+360)/2:(k-360)/2;let O=(A-50)**2,$=1+.015*O/Math.sqrt(20+O),j=1+.045*x,P=1;P-=.17*Math.cos((E-30)*K),P+=.24*Math.cos(2*E*K),P+=.32*Math.cos((3*E+6)*K),P-=.2*Math.cos((4*E-63)*K);let I=1+.015*x*P,D=30*Math.exp(-1*((E-275)/25)**2),q=2*Math.sqrt(H/(H+G)),T=(C/(r*$))**2;return T+=(R/(a*j))**2,T+=(z/(n*I))**2,T+=-1*Math.sin(2*D*K)*q*(R/(a*j))*(z/(n*I)),Math.sqrt(T)}const V=[[.819022437996703,.3619062600528904,-.1288737815209879],[.0329836539323885,.9292868615863434,.0361446663506424],[.0481771893596242,.2642395317527308,.6335478284694309]],ee=[[1.2268798758459243,-.5578149944602171,.2813910456659647],[-.0405757452148008,1.112286803280317,-.0717110580655164],[-.0763729366746601,-.4214933324022432,1.5869240198367816]],te=[[.210454268309314,.7936177747023054,-.0040720430116193],[1.9779985324311684,-2.42859224204858,.450593709617411],[.0259040424655478,.7827717124575296,-.8086757549230774]],re=[[1,.3963377773761749,.2158037573099136],[1,-.1055613458156586,-.0638541728258133],[1,-.0894841775298119,-1.2914855480194092]];var ae=new E({id:"oklab",name:"Oklab",coords:{l:{refRange:[0,1],name:"Lightness"},a:{refRange:[-.4,.4]},b:{refRange:[-.4,.4]}},white:"D65",base:A,fromBase(e){let t=r(e,V);return t[0]=Math.cbrt(t[0]),t[1]=Math.cbrt(t[1]),t[2]=Math.cbrt(t[2]),r(t,te,t)},toBase(e){let t=r(e,re);return t[0]=t[0]**3,t[1]=t[1]**3,t[2]=t[2]**3,r(t,ee,t)},formats:{oklab:{coords:["<percentage> | <number>","<number> | <percentage>","<number> | <percentage>"]}}});function ne(e,t){[e,t]=S([e,t]);let[r,a,n]=ae.from(e),[o,s,i]=ae.from(t),c=r-o,l=a-s,u=n-i;return Math.sqrt(c**2+l**2+u**2)}function oe(e,t,{epsilon:r=75e-6}={}){e=S(e),t||(t=e.space),t=E.get(t);let a=e.coords;return t!==e.space&&(a=t.from(e)),t.inGamut(a,{epsilon:r})}function se(e){return{space:e.space,coords:e.coords.slice(),alpha:e.alpha}}function ie(e,t,r="lab"){let a=(r=E.get(r)).from(e),n=r.from(t);return Math.sqrt(a.reduce(((e,t,r)=>{let a=n[r];return s(t)||s(a)?e:e+(a-t)**2}),0))}function ce(e,t){return ie(e,t,"lab")}const le=Math.PI/180;function ue(e,t,{l:r=2,c:a=1}={}){[e,t]=S([e,t]);let[n,o,i]=N.from(e),[,c,l]=Z.from(N,[n,o,i]),[u,h,m]=N.from(t),p=Z.from(N,[u,h,m])[1];c<0&&(c=0),p<0&&(p=0);let f=n-u,d=c-p,g=(o-h)**2+(i-m)**2-d**2,b=.511;n>=16&&(b=.040975*n/(1+.01765*n));let M,w=.0638*c/(1+.0131*c)+.638;s(l)&&(l=0),M=l>=164&&l<=345?.56+Math.abs(.2*Math.cos((l+168)*le)):.36+Math.abs(.4*Math.cos((l+35)*le));let y=Math.pow(c,4),v=Math.sqrt(y/(y+1900)),C=(f/(r*b))**2;return C+=(d/(a*w))**2,C+=g/(w*(v*M+1-v))**2,Math.sqrt(C)}var he=new E({id:"xyz-abs-d65",cssId:"--xyz-abs-d65",name:"Absolute XYZ D65",coords:{x:{refRange:[0,9504.7],name:"Xa"},y:{refRange:[0,1e4],name:"Ya"},z:{refRange:[0,10888.3],name:"Za"}},base:A,fromBase:e=>e.map((e=>203*e)),toBase:e=>e.map((e=>e/203))});const me=1.15,pe=.66,fe=2610/16384,de=16384/2610,ge=.8359375,be=2413/128,Me=18.6875,we=1.7*2523/32,ye=32/(1.7*2523),ve=-.56,Ce=16295499532821565e-27,Re=[[.41478972,.579999,.014648],[-.20151,1.120649,.0531008],[-.0166008,.2648,.6684799]],Be=[[1.9242264357876067,-1.0047923125953657,.037651404030618],[.35031676209499907,.7264811939316552,-.06538442294808501],[-.09098281098284752,-.3127282905230739,1.5227665613052603]],_e=[[.5,.5,0],[3.524,-4.066708,.542708],[.199076,1.096799,-1.295875]],ke=[[1,.13860504327153927,.05804731615611883],[1,-.1386050432715393,-.058047316156118904],[1,-.09601924202631895,-.811891896056039]];var Le=new E({id:"jzazbz",name:"Jzazbz",coords:{jz:{refRange:[0,1],name:"Jz"},az:{refRange:[-.21,.21]},bz:{refRange:[-.21,.21]}},base:he,fromBase(e){let[t,a,n]=e,o=r([me*t-(me-1)*n,pe*a-(pe-1)*t,n],Re).map((function(e){let t=ge+be*p(e/1e4,fe),r=1+Me*p(e/1e4,fe);return p(t/r,we)})),[s,i,c]=r(o,_e);return[(1+ve)*s/(1+ve*s)-Ce,i,c]},toBase(e){let[t,a,n]=e,o=r([(t+Ce)/(1+ve-ve*(t+Ce)),a,n],ke).map((function(e){let t=ge-p(e,ye),r=Me*p(e,ye)-be;return 1e4*p(t/r,de)})),[s,i,c]=r(o,Be),l=(s+(me-1)*c)/me;return[l,(i+(pe-1)*l)/pe,c]},formats:{jzazbz:{coords:["<percentage> | <number>","<number> | <percentage>","<number> | <percentage>"]}}}),Se=new E({id:"jzczhz",name:"JzCzHz",coords:{jz:{refRange:[0,1],name:"Jz"},cz:{refRange:[0,.26],name:"Chroma"},hz:{refRange:[0,360],type:"angle",name:"Hue"}},base:Le,fromBase:Z.fromBase,toBase:Z.toBase,formats:{jzczhz:{coords:["<percentage> | <number>","<number> | <percentage>","<number> | <angle>"]}}});function Ee(e,t){[e,t]=S([e,t]);let[r,a,n]=Se.from(e),[o,i,c]=Se.from(t),l=r-o,u=a-i;s(n)&&s(c)?(n=0,c=0):s(n)?n=c:s(c)&&(c=n);let h=n-c,m=2*Math.sqrt(a*i)*Math.sin(h/2*(Math.PI/180));return Math.sqrt(l**2+u**2+m**2)}const ze=.8359375,Ae=2413/128,xe=18.6875,He=2610/16384,Oe=2523/32,$e=16384/2610,je=32/2523,Pe=[[.3592832590121217,.6976051147779502,-.035891593232029],[-.1920808463704993,1.100476797037432,.0753748658519118],[.0070797844607479,.0748396662186362,.8433265453898765]],Ie=[[.5,.5,0],[6610/4096,-13613/4096,7003/4096],[17933/4096,-17390/4096,-543/4096]],De=[[.9999999999999998,.0086090370379328,.111029625003026],[.9999999999999998,-.0086090370379328,-.1110296250030259],[.9999999999999998,.5600313357106791,-.3206271749873188]],qe=[[2.0701522183894223,-1.3263473389671563,.2066510476294053],[.3647385209748072,.6805660249472273,-.0453045459220347],[-.0497472075358123,-.0492609666966131,1.1880659249923042]];var Te=new E({id:"ictcp",name:"ICTCP",coords:{i:{refRange:[0,1],name:"I"},ct:{refRange:[-.5,.5],name:"CT"},cp:{refRange:[-.5,.5],name:"CP"}},base:he,fromBase:e=>function(e){let t=e.map((function(e){return((ze+Ae*(e/1e4)**He)/(1+xe*(e/1e4)**He))**Oe}));return r(t,Ie)}(r(e,Pe)),toBase(e){let t=function(e){let t=r(e,De),a=t.map((function(e){return 1e4*(Math.max(e**je-ze,0)/(Ae-xe*e**je))**$e}));return a}(e);return r(t,qe)},formats:{ictcp:{coords:["<percentage> | <number>","<number> | <percentage>","<number> | <percentage>"]}}});function We(e,t){[e,t]=S([e,t]);let[r,a,n]=Te.from(e),[o,s,i]=Te.from(t);return 720*Math.sqrt((r-o)**2+.25*(a-s)**2+(n-i)**2)}function Ne(e,t){[e,t]=S([e,t]);let[r,a,n]=ae.from(e),[o,s,i]=ae.from(t),c=r-o,l=2*(a-s),u=2*(n-i);return Math.sqrt(c**2+l**2+u**2)}const Xe=v.D65,Ye=1/.42,Ze=2*Math.PI,Ge=[[.401288,.650173,-.051461],[-.250268,1.204414,.045854],[-.002079,.048952,.953127]],Je=[[1.8620678550872327,-1.0112546305316843,.14918677544445175],[.38752654323613717,.6214474419314753,-.008973985167612518],[-.015841498849333856,-.03412293802851557,1.0499644368778496]],Fe=[[460,451,288],[460,-891,-261],[460,-220,-6300]],Ke={dark:[.8,.525,.8],dim:[.9,.59,.9],average:[1,.69,1]},Qe={h:[20.14,90,164.25,237.53,380.14],e:[.8,.7,1,1.2,.8],H:[0,100,200,300,400]},Ue=180/Math.PI,Ve=Math.PI/180;function et(e,t){const r=e.map((e=>{const r=p(t*Math.abs(e)*.01,.42);return 400*m(r,e)/(r+27.13)}));return r}function tt(e,t,a,n,o){const s={};s.discounting=o,s.refWhite=e,s.surround=n;const i=e.map((e=>100*e));s.la=t,s.yb=a;const c=i[1],u=r(i,Ge);let h=Ke[s.surround];const m=h[0];s.c=h[1],s.nc=h[2];const p=(1/(5*s.la+1))**4;s.fl=p*s.la+.1*(1-p)*(1-p)*Math.cbrt(5*s.la),s.flRoot=s.fl**.25,s.n=s.yb/c,s.z=1.48+Math.sqrt(s.n),s.nbb=.725*s.n**-.2,s.ncb=s.nbb;const f=Math.max(Math.min(m*(1-1/3.6*Math.exp((-s.la-42)/92)),1),0);s.dRgb=u.map((e=>l(1,c/e,f))),s.dRgbInv=s.dRgb.map((e=>1/e));const d=u.map(((e,t)=>e*s.dRgb[t])),g=et(d,s.fl);return s.aW=s.nbb*(2*g[0]+g[1]+.05*g[2]),s}const rt=tt(Xe,64/Math.PI*.2,20,"average",!1);function at(e,t){if(!(void 0!==e.J^void 0!==e.Q))throw new Error("Conversion requires one and only one: 'J' or 'Q'");if(!(void 0!==e.C^void 0!==e.M^void 0!==e.s))throw new Error("Conversion requires one and only one: 'C', 'M' or 's'");if(!(void 0!==e.h^void 0!==e.H))throw new Error("Conversion requires one and only one: 'h' or 'H'");if(0===e.J||0===e.Q)return[0,0,0];let a=0;a=void 0!==e.h?X(e.h)*Ve:function(e){let t=(e%400+400)%400;const r=Math.floor(.01*t);t%=100;const[a,n]=Qe.h.slice(r,r+2),[o,s]=Qe.e.slice(r,r+2);return X((t*(s*a-o*n)-100*a*s)/(t*(s-o)-100*s))}(e.H)*Ve;const n=Math.cos(a),o=Math.sin(a);let s=0;void 0!==e.J?s=.1*p(e.J,.5):void 0!==e.Q&&(s=.25*t.c*e.Q/((t.aW+4)*t.flRoot));let i=0;void 0!==e.C?i=e.C/s:void 0!==e.M?i=e.M/t.flRoot/s:void 0!==e.s&&(i=4e-4*e.s**2*(t.aW+4)/t.c);const c=p(i*Math.pow(1.64-Math.pow(.29,t.n),-.73),10/9),l=.25*(Math.cos(a+2)+3.8),u=t.aW*p(s,2/t.c/t.z),h=5e4/13*t.nc*t.ncb*l,d=u/t.nbb,g=23*(d+.305)*f(c,23*h+c*(11*n+108*o)),b=function(e,t){const r=100/t*2588.068098016295;return e.map((e=>{const t=Math.abs(e);return m(r*p(t/(400-t),Ye),e)}))}(r([d,g*n,g*o],Fe).map((e=>1*e/1403)),t.fl);return r(b.map(((e,r)=>e*t.dRgbInv[r])),Je).map((e=>e/100))}function nt(e,t){const a=e.map((e=>100*e)),n=et(r(a,Ge).map(((e,r)=>e*t.dRgb[r])),t.fl),o=n[0]+(-12*n[1]+n[2])/11,s=(n[0]+n[1]-2*n[2])/9,i=(Math.atan2(s,o)%Ze+Ze)%Ze,c=.25*(Math.cos(i+2)+3.8),l=p(5e4/13*t.nc*t.ncb*f(c*Math.sqrt(o**2+s**2),n[0]+n[1]+1.05*n[2]+.305),.9)*Math.pow(1.64-Math.pow(.29,t.n),.73),u=p(t.nbb*(2*n[0]+n[1]+.05*n[2])/t.aW,.5*t.c*t.z),h=100*p(u,2),m=4/t.c*u*(t.aW+4)*t.flRoot,d=l*u,g=d*t.flRoot,b=X(i*Ue),M=function(e){let t=X(e);t<=Qe.h[0]&&(t+=360);const r=function(e,t,r=0,a=e.length){for(;r<a;){const n=r+a>>1;e[n]<t?r=n+1:a=n}return r}(Qe.h,t)-1,[a,n]=Qe.h.slice(r,r+2),[o,s]=Qe.e.slice(r,r+2),i=(t-a)/o;return Qe.H[r]+100*i/(i+(n-t)/s)}(b);return{J:h,C:d,h:b,s:50*p(t.c*l/(t.aW+4),.5),Q:m,M:g,H:M}}var ot=new E({id:"cam16-jmh",cssId:"--cam16-jmh",name:"CAM16-JMh",coords:{j:{refRange:[0,100],name:"J"},m:{refRange:[0,105],name:"Colorfulness"},h:{refRange:[0,360],type:"angle",name:"Hue"}},base:A,fromBase(e){void 0===this.ε&&(this.ε=Object.values(this.coords)[1].refRange[1]/1e5);const t=nt(e,rt),r=Math.abs(t.M)<this.ε;return[t.J,r?0:t.M,r?null:t.h]},toBase:e=>at({J:e[0],M:e[1],h:e[2]},rt)});const st=v.D65,it=216/24389,ct=24389/27;function lt(e){return e>8?Math.pow((e+16)/116,3):e/ct}function ut(e,t){const r=116*((a=e[1])>it?Math.cbrt(a):(ct*a+16)/116)-16;var a;if(0===r)return[0,0,0];const n=nt(e,ht);return[X(n.h),n.C,r]}const ht=tt(st,200/Math.PI*lt(50),100*lt(50),"average",!1);var mt=new E({id:"hct",name:"HCT",coords:{h:{refRange:[0,360],type:"angle",name:"Hue"},c:{refRange:[0,145],name:"Colorfulness"},t:{refRange:[0,100],name:"Tone"}},base:A,fromBase(e){void 0===this.ε&&(this.ε=Object.values(this.coords)[1].refRange[1]/1e5);let t=ut(e);return t[1]<this.ε&&(t[1]=0,t[0]=null),t},toBase:e=>function(e,t){let[r,a,n]=e,o=[],s=0;if(0===n)return[0,0,0];let i=lt(n);s=n>0?.00379058511492914*n**2+.608983189401032*n+.9155088574762233:9514440756550361e-21*n**2+.08693057439788597*n-21.928975842194614;let c=0,l=1/0;for(;c<=15;){o=at({J:s,C:a,h:r},t);const e=Math.abs(o[1]-i);if(e<l){if(e<=2e-12)return o;l=e}s-=(o[1]-i)*s/(2*o[1]),c+=1}return at({J:s,C:a,h:r},t)}(e,ht),formats:{color:{id:"--hct",coords:["<number> | <angle>","<percentage> | <number>","<percentage> | <number>"]}}});const pt=Math.PI/180,ft=[1,.007,.0228];function dt(e){e[1]<0&&(e=mt.fromBase(mt.toBase(e)));const t=Math.log(Math.max(1+ft[2]*e[1]*ht.flRoot,1))/ft[2],r=e[0]*pt,a=t*Math.cos(r),n=t*Math.sin(r);return[e[2],a,n]}function gt(e,t){[e,t]=S([e,t]);let[r,a,n]=dt(mt.from(e)),[o,s,i]=dt(mt.from(t));return Math.sqrt((r-o)**2+(a-s)**2+(n-i)**2)}var bt={deltaE76:ce,deltaECMC:ue,deltaE2000:U,deltaEJz:Ee,deltaEITP:We,deltaEOK:ne,deltaEOK2:Ne,deltaEHCT:gt};const Mt={hct:{method:"hct.c",jnd:2,deltaEMethod:"hct",blackWhiteClamp:{}},"hct-tonal":{method:"hct.c",jnd:0,deltaEMethod:"hct",blackWhiteClamp:{channel:"hct.t",min:0,max:100}}};function wt(e,{method:t=B.gamut_mapping,space:r,deltaEMethod:n="",jnd:o=2,blackWhiteClamp:i}={}){if(e=S(e),a(arguments[1])?r=arguments[1]:r||(r=e.space),oe(e,r=E.get(r),{epsilon:0}))return e;let c;if("css"===t)c=vt(e,{space:r});else{if("clip"===t||oe(e,r))c=Ct(e,r);else{Object.prototype.hasOwnProperty.call(Mt,t)&&({method:t,jnd:o,deltaEMethod:n,blackWhiteClamp:i}=Mt[t]);let a=U;if(""!==n)for(let e in bt)if("deltae"+n.toLowerCase()===e.toLowerCase()){a=bt[e];break}0===o&&(o=1e-16);let l=wt(Ct(e,r),{method:"clip",space:r});if(a(e,l)>o){if(i&&3===Object.keys(i).length){let t=E.resolveCoord(i.channel),r=$(Ct(e,t.space),t.id);if(s(r)&&(r=0),r>=i.max)return Ct({space:"xyz-d65",coords:v.D65},e.space);if(r<=i.min)return Ct({space:"xyz-d65",coords:[0,0,0]},e.space)}let n=E.resolveCoord(t),l=n.space,u=n.id,h=Ct(e,l);h.coords.forEach(((e,t)=>{s(e)&&(h.coords[t]=0)}));let m=(n.range||n.refRange)[0],p=function(e){const t=e?Math.floor(Math.log10(Math.abs(e))):0;return Math.max(parseFloat("1e"+(t-2)),1e-6)}(o),f=m,d=$(h,u);for(;d-f>p;){let e=se(h);e=wt(e,{space:r,method:"clip"}),a(h,e)-o<p?f=$(h,u):d=$(h,u),P(h,u,(f+d)/2)}c=Ct(h,r)}else c=l}if("clip"===t||!oe(c,r,{epsilon:0})){let e=Object.values(r.coords).map((e=>e.range||[]));c.coords=c.coords.map(((t,r)=>{let[a,n]=e[r];return void 0!==a&&(t=Math.max(a,t)),void 0!==n&&(t=Math.min(t,n)),t}))}}return r!==e.space&&(c=Ct(c,e.space)),e.coords=c.coords,e}wt.returns="color";const yt={WHITE:{space:ae,coords:[1,0,0],alpha:1},BLACK:{space:ae,coords:[0,0,0],alpha:1}};function vt(e,{space:t}={}){const r=.02,a=1e-4;e=S(e),t||(t=e.space),t=E.get(t);const n=E.get("oklch");if(t.isUnbounded)return Ct(e,t);const o=Ct(e,n);let s=o.coords[0];if(s>=1){const r=Ct(yt.WHITE,t);return r.alpha=e.alpha,Ct(r,t)}if(s<=0){const r=Ct(yt.BLACK,t);return r.alpha=e.alpha,Ct(r,t)}if(oe(o,t,{epsilon:0}))return Ct(o,t);function i(e){const r=Ct(e,t),a=Object.values(t.coords);return r.coords=r.coords.map(((e,t)=>{if("range"in a[t]){const[r,n]=a[t].range;return h(r,e,n)}return e})),r}let c=0,l=o.coords[1],u=!0,m=se(o),p=i(m),f=ne(p,m);if(f<r)return p;for(;l-c>a;){const e=(c+l)/2;if(m.coords[1]=e,u&&oe(m,t,{epsilon:0}))c=e;else if(p=i(m),f=ne(p,m),f<r){if(r-f<a)break;u=!1,c=e}else l=e}return p}function Ct(e,t,{inGamut:r}={}){e=S(e);let a=(t=E.get(t)).from(e),n={space:t,coords:a,alpha:e.alpha};return r&&(n=wt(n,!0===r?void 0:r)),n}function Rt(e,t={}){let r,{precision:a=B.precision,format:n,inGamut:s=!0,coords:i,alpha:c,commas:l}=t,u=S(e),h=n,m=u.parseMeta;m&&!n&&(m.format.canSerialize()&&(n=m.format,h=m.formatId),i??=m.types,c??=m.alphaType,l??=m.commas),h&&(n=u.space.getFormat(n)??E.findFormat(h)),n||(n=u.space.getFormat("default")??E.DEFAULT_FORMAT,h=n.name),n&&n.space&&n.space!==u.space&&(u=Ct(u,n.space));let p=u.coords.slice();if(s||=n.toGamut,s&&!oe(u)&&(p=wt(se(u),!0===s?void 0:s).coords),"custom"===n.type){if(!n.serialize)throw new TypeError(`format ${h} can only be used to parse colors, not for serialization`);r=n.serialize(p,u.alpha,t)}else{let e=n.name||"color",t=n.serializeCoords(p,a,i);if("color"===e){let e=n.id||n.ids?.[0]||u.space.cssId||u.space.id;t.unshift(e)}let s=u.alpha;void 0!==c&&"object"!=typeof c&&(c="string"==typeof c?{type:c}:{include:c});let h=c?.type??"<number>",m=!0===c?.include||!0===n.alpha||!1!==c?.include&&!1!==n.alpha&&s<1,f="";if(l??=n.commas,m){if(null!==a){let e;"<percentage>"===h&&(e="%",s*=100),s=o(s,{precision:a,unit:e})}f=`${l?",":" /"} ${s}`}r=`${e}(${t.join(l?", ":" ")}${f})`}return r}Ct.returns="color";var Bt=new x({id:"rec2020-linear",cssId:"--rec2020-linear",name:"Linear REC.2020",white:"D65",toXYZ_M:[[.6369580483012914,.14461690358620832,.1688809751641721],[.2627002120112671,.6779980715188708,.05930171646986196],[0,.028072693049087428,1.060985057710791]],fromXYZ_M:[[1.716651187971268,-.355670783776392,-.25336628137366],[-.666684351832489,1.616481236634939,.0157685458139111],[.017639857445311,-.042770613257809,.942103121235474]]}),_t=new x({id:"rec2020",name:"REC.2020",base:Bt,toBase:e=>e.map((function(e){let t=e<0?-1:1,r=e*t;return t*Math.pow(r,2.4)})),fromBase:e=>e.map((function(e){let t=e<0?-1:1,r=e*t;return t*Math.pow(r,1/2.4)}))});var kt=new x({id:"p3-linear",cssId:"display-p3-linear",name:"Linear P3",white:"D65",toXYZ_M:[[.4865709486482162,.26566769316909306,.1982172852343625],[.2289745640697488,.6917385218365064,.079286914093745],[0,.04511338185890264,1.043944368900976]],fromXYZ_M:[[2.493496911941425,-.9313836179191239,-.40271078445071684],[-.8294889695615747,1.7626640603183463,.023624685841943577],[.03584583024378447,-.07617238926804182,.9568845240076872]]});const Lt=[[3.2409699419045226,-1.537383177570094,-.4986107602930034],[-.9692436362808796,1.8759675015077202,.04155505740717559],[.05563007969699366,-.20397695888897652,1.0569715142428786]];var St=new x({id:"srgb-linear",name:"Linear sRGB",white:"D65",toXYZ_M:[[.41239079926595934,.357584339383878,.1804807884018343],[.21263900587151027,.715168678767756,.07219231536073371],[.01933081871559182,.11919477979462598,.9505321522496607]],fromXYZ_M:Lt}),Et={aliceblue:[240/255,248/255,1],antiquewhite:[250/255,235/255,215/255],aqua:[0,1,1],aquamarine:[127/255,1,212/255],azure:[240/255,1,1],beige:[245/255,245/255,220/255],bisque:[1,228/255,196/255],black:[0,0,0],blanchedalmond:[1,235/255,205/255],blue:[0,0,1],blueviolet:[138/255,43/255,226/255],brown:[165/255,42/255,42/255],burlywood:[222/255,184/255,135/255],cadetblue:[95/255,158/255,160/255],chartreuse:[127/255,1,0],chocolate:[210/255,105/255,30/255],coral:[1,127/255,80/255],cornflowerblue:[100/255,149/255,237/255],cornsilk:[1,248/255,220/255],crimson:[220/255,20/255,60/255],cyan:[0,1,1],darkblue:[0,0,139/255],darkcyan:[0,139/255,139/255],darkgoldenrod:[184/255,134/255,11/255],darkgray:[169/255,169/255,169/255],darkgreen:[0,100/255,0],darkgrey:[169/255,169/255,169/255],darkkhaki:[189/255,183/255,107/255],darkmagenta:[139/255,0,139/255],darkolivegreen:[85/255,107/255,47/255],darkorange:[1,140/255,0],darkorchid:[.6,50/255,.8],darkred:[139/255,0,0],darksalmon:[233/255,150/255,122/255],darkseagreen:[143/255,188/255,143/255],darkslateblue:[72/255,61/255,139/255],darkslategray:[47/255,79/255,79/255],darkslategrey:[47/255,79/255,79/255],darkturquoise:[0,206/255,209/255],darkviolet:[148/255,0,211/255],deeppink:[1,20/255,147/255],deepskyblue:[0,191/255,1],dimgray:[105/255,105/255,105/255],dimgrey:[105/255,105/255,105/255],dodgerblue:[30/255,144/255,1],firebrick:[178/255,34/255,34/255],floralwhite:[1,250/255,240/255],forestgreen:[34/255,139/255,34/255],fuchsia:[1,0,1],gainsboro:[220/255,220/255,220/255],ghostwhite:[248/255,248/255,1],gold:[1,215/255,0],goldenrod:[218/255,165/255,32/255],gray:[128/255,128/255,128/255],green:[0,128/255,0],greenyellow:[173/255,1,47/255],grey:[128/255,128/255,128/255],honeydew:[240/255,1,240/255],hotpink:[1,105/255,180/255],indianred:[205/255,92/255,92/255],indigo:[75/255,0,130/255],ivory:[1,1,240/255],khaki:[240/255,230/255,140/255],lavender:[230/255,230/255,250/255],lavenderblush:[1,240/255,245/255],lawngreen:[124/255,252/255,0],lemonchiffon:[1,250/255,205/255],lightblue:[173/255,216/255,230/255],lightcoral:[240/255,128/255,128/255],lightcyan:[224/255,1,1],lightgoldenrodyellow:[250/255,250/255,210/255],lightgray:[211/255,211/255,211/255],lightgreen:[144/255,238/255,144/255],lightgrey:[211/255,211/255,211/255],lightpink:[1,182/255,193/255],lightsalmon:[1,160/255,122/255],lightseagreen:[32/255,178/255,170/255],lightskyblue:[135/255,206/255,250/255],lightslategray:[119/255,136/255,.6],lightslategrey:[119/255,136/255,.6],lightsteelblue:[176/255,196/255,222/255],lightyellow:[1,1,224/255],lime:[0,1,0],limegreen:[50/255,205/255,50/255],linen:[250/255,240/255,230/255],magenta:[1,0,1],maroon:[128/255,0,0],mediumaquamarine:[.4,205/255,170/255],mediumblue:[0,0,205/255],mediumorchid:[186/255,85/255,211/255],mediumpurple:[147/255,112/255,219/255],mediumseagreen:[60/255,179/255,113/255],mediumslateblue:[123/255,104/255,238/255],mediumspringgreen:[0,250/255,154/255],mediumturquoise:[72/255,209/255,.8],mediumvioletred:[199/255,21/255,133/255],midnightblue:[25/255,25/255,112/255],mintcream:[245/255,1,250/255],mistyrose:[1,228/255,225/255],moccasin:[1,228/255,181/255],navajowhite:[1,222/255,173/255],navy:[0,0,128/255],oldlace:[253/255,245/255,230/255],olive:[128/255,128/255,0],olivedrab:[107/255,142/255,35/255],orange:[1,165/255,0],orangered:[1,69/255,0],orchid:[218/255,112/255,214/255],palegoldenrod:[238/255,232/255,170/255],palegreen:[152/255,251/255,152/255],paleturquoise:[175/255,238/255,238/255],palevioletred:[219/255,112/255,147/255],papayawhip:[1,239/255,213/255],peachpuff:[1,218/255,185/255],peru:[205/255,133/255,63/255],pink:[1,192/255,203/255],plum:[221/255,160/255,221/255],powderblue:[176/255,224/255,230/255],purple:[128/255,0,128/255],rebeccapurple:[.4,.2,.6],red:[1,0,0],rosybrown:[188/255,143/255,143/255],royalblue:[65/255,105/255,225/255],saddlebrown:[139/255,69/255,19/255],salmon:[250/255,128/255,114/255],sandybrown:[244/255,164/255,96/255],seagreen:[46/255,139/255,87/255],seashell:[1,245/255,238/255],sienna:[160/255,82/255,45/255],silver:[192/255,192/255,192/255],skyblue:[135/255,206/255,235/255],slateblue:[106/255,90/255,205/255],slategray:[112/255,128/255,144/255],slategrey:[112/255,128/255,144/255],snow:[1,250/255,250/255],springgreen:[0,1,127/255],steelblue:[70/255,130/255,180/255],tan:[210/255,180/255,140/255],teal:[0,128/255,128/255],thistle:[216/255,191/255,216/255],tomato:[1,99/255,71/255],turquoise:[64/255,224/255,208/255],violet:[238/255,130/255,238/255],wheat:[245/255,222/255,179/255],white:[1,1,1],whitesmoke:[245/255,245/255,245/255],yellow:[1,1,0],yellowgreen:[154/255,205/255,50/255]};let zt=Array(3).fill("<percentage> | <number>[0, 255]"),At=Array(3).fill("<number>[0, 255]");var xt=new x({id:"srgb",name:"sRGB",base:St,fromBase:e=>e.map((e=>{let t=e<0?-1:1,r=e*t;return r>.0031308?t*(1.055*r**(1/2.4)-.055):12.92*e})),toBase:e=>e.map((e=>{let t=e<0?-1:1,r=e*t;return r<=.04045?e/12.92:t*((r+.055)/1.055)**2.4})),formats:{rgb:{coords:zt},rgb_number:{name:"rgb",commas:!0,coords:At,alpha:!1},color:{},rgba:{coords:zt,commas:!0,alpha:!0},rgba_number:{name:"rgba",commas:!0,coords:At},hex:{type:"custom",toGamut:!0,test:e=>/^#(([a-f0-9]{2}){3,4}|[a-f0-9]{3,4})$/i.test(e),parse(e){e.length<=5&&(e=e.replace(/[a-f0-9]/gi,"$&$&"));let t=[];return e.replace(/[a-f0-9]{2}/gi,(e=>{t.push(parseInt(e,16)/255)})),{spaceId:"srgb",coords:t.slice(0,3),alpha:t.slice(3)[0]}},serialize:(e,t,{collapse:r=!0,alpha:a}={})=>{(!1!==a&&t<1||!0===a)&&e.push(t),e=e.map((e=>Math.round(255*e)));let n=r&&e.every((e=>e%17==0)),o=e.map((e=>n?(e/17).toString(16):e.toString(16).padStart(2,"0"))).join("");return"#"+o}},keyword:{type:"custom",test:e=>/^[a-z]+$/i.test(e),parse(e){let t={spaceId:"srgb",coords:null,alpha:1};if("transparent"===(e=e.toLowerCase())?(t.coords=Et.black,t.alpha=0):t.coords=Et[e],t.coords)return t}}}}),Ht=new x({id:"p3",cssId:"display-p3",name:"P3",base:kt,fromBase:xt.fromBase,toBase:xt.toBase});let Ot;if(B.display_space=xt,"undefined"!=typeof CSS&&CSS.supports)for(let e of[N,_t,Ht]){let t=e.getMinCoords(),r=Rt({space:e,coords:t,alpha:1});if(CSS.supports("color",r)){B.display_space=e;break}}function $t(e,{space:t=B.display_space,...r}={}){let a=Rt(e=S(e),r);if("undefined"==typeof CSS||CSS.supports("color",a)||!B.display_space)a=new String(a),a.color=e;else{let n=e;if((e.coords.some(s)||s(e.alpha))&&!(Ot??=CSS.supports("color","hsl(none 50% 50%)"))&&(n=se(e),n.coords=n.coords.map(i),n.alpha=i(n.alpha),a=Rt(n,r),CSS.supports("color",a)))return a=new String(a),a.color=n,a;n=Ct(n,t),a=new String(Rt(n,r)),a.color=n}return a}function jt(e,t,{space:r,hue:a="shorter"}={}){e=S(e),r||=e.space,r=E.get(r);let n=Object.values(r.coords);[e,t]=[e,t].map((e=>Ct(e,r)));let[o,s]=[e,t].map((e=>e.coords)),i=o.map(((e,t)=>{let r=n[t],o=s[t];return"angle"===r.type&&([e,o]=Y(a,[e,o])),Pt(e,o)})),c=Pt(e.alpha,t.alpha);return{space:r,coords:i,alpha:c}}function Pt(e,t){return s(e)||s(t)?e===t?null:0:e-t}function It(e,t){return e=S(e),t=S(t),e.space===t.space&&e.alpha===t.alpha&&e.coords.every(((e,r)=>e===t.coords[r]))}function Dt(e){return $(e,[A,"y"])}function qt(e,t){P(e,[A,"y"],t)}function Tt(e,t){e=S(e),t=S(t);let r=Math.max(Dt(e),0),a=Math.max(Dt(t),0);return a>r&&([r,a]=[a,r]),(r+.05)/(a+.05)}function Wt(e){return e>=.022?e:e+(.022-e)**1.414}function Nt(e){let t=e<0?-1:1,r=Math.abs(e);return t*Math.pow(r,2.4)}function Xt(e,t){let r,a,n,o,i,c;t=S(t),e=S(e),t=Ct(t,"srgb"),[o,i,c]=t.coords.map((e=>s(e)?0:e));let l=.2126729*Nt(o)+.7151522*Nt(i)+.072175*Nt(c);e=Ct(e,"srgb"),[o,i,c]=e.coords.map((e=>s(e)?0:e));let u=.2126729*Nt(o)+.7151522*Nt(i)+.072175*Nt(c),h=Wt(l),m=Wt(u),p=m>h;return Math.abs(m-h)<5e-4?a=0:p?(r=m**.56-h**.57,a=1.14*r):(r=m**.65-h**.62,a=1.14*r),n=Math.abs(a)<.1?0:a>0?a-.027:a+.027,100*n}function Yt(e,t){e=S(e),t=S(t);let r=Math.max(Dt(e),0),a=Math.max(Dt(t),0);a>r&&([r,a]=[a,r]);let n=r+a;return 0===n?0:(r-a)/n}function Zt(e,t){e=S(e),t=S(t);let r=Math.max(Dt(e),0),a=Math.max(Dt(t),0);return a>r&&([r,a]=[a,r]),0===a?5e4:(r-a)/a}function Gt(e,t){e=S(e),t=S(t);let r=$(e,[N,"l"]),a=$(t,[N,"l"]);return Math.abs(r-a)}const Jt=216/24389,Ft=24/116,Kt=24389/27;let Qt=v.D65;var Ut=new E({id:"lab-d65",name:"Lab D65",coords:{l:{refRange:[0,100],name:"Lightness"},a:{refRange:[-125,125]},b:{refRange:[-125,125]}},white:Qt,base:A,fromBase(e){let t=e.map(((e,t)=>e/Qt[t])).map((e=>e>Jt?Math.cbrt(e):(Kt*e+16)/116));return[116*t[1]-16,500*(t[0]-t[1]),200*(t[1]-t[2])]},toBase(e){let t=[];return t[1]=(e[0]+16)/116,t[0]=e[1]/500+t[1],t[2]=t[1]-e[2]/200,[t[0]>Ft?Math.pow(t[0],3):(116*t[0]-16)/Kt,e[0]>8?Math.pow((e[0]+16)/116,3):e[0]/Kt,t[2]>Ft?Math.pow(t[2],3):(116*t[2]-16)/Kt].map(((e,t)=>e*Qt[t]))},formats:{"lab-d65":{coords:["<number> | <percentage>","<number> | <percentage>","<number> | <percentage>"]}}});const Vt=.5*Math.pow(5,.5)+.5;function er(e,t){e=S(e),t=S(t);let r=$(e,[Ut,"l"]),a=$(t,[Ut,"l"]),n=Math.abs(Math.pow(r,Vt)-Math.pow(a,Vt)),o=Math.pow(n,1/Vt)*Math.SQRT2-40;return o<7.5?0:o}var tr=Object.freeze({__proto__:null,contrastAPCA:Xt,contrastDeltaPhi:er,contrastLstar:Gt,contrastMichelson:Yt,contrastWCAG21:Tt,contrastWeber:Zt});function rr(e,t,r){a(r)&&(r={algorithm:r});let{algorithm:n,...o}=r||{};if(!n){let e=Object.keys(tr).map((e=>e.replace(/^contrast/,""))).join(", ");throw new TypeError(`contrast() function needs a contrast algorithm. Please specify one of: ${e}`)}e=S(e),t=S(t);for(let r in tr)if("contrast"+n.toLowerCase()===r.toLowerCase())return tr[r](e,t,o);throw new TypeError(`Unknown contrast algorithm: ${n}`)}function ar(e){let[t,r,a]=O(e,A),n=t+15*r+3*a;return[4*t/n,9*r/n]}function nr(e){let[t,r,a]=O(e,A),n=t+r+a;return[t/n,r/n]}function or(e,t,r={}){a(r)&&(r={method:r});let{method:n=B.deltaE,...o}=r;for(let r in bt)if("deltae"+n.toLowerCase()===r.toLowerCase())return bt[r](e,t,o);throw new TypeError(`Unknown deltaE method: ${n}`)}function sr(e,t=.25){return P(e,[E.get("oklch","lch"),"l"],(e=>e*(1+t)))}function ir(e,t=.25){return P(e,[E.get("oklch","lch"),"l"],(e=>e*(1-t)))}function cr(e,t,r,a={}){return[e,t]=[S(e),S(t)],"object"===n(r)&&([r,a]=[.5,r]),ur(e,t,a)(r??.5)}function lr(e,t,r={}){let a;hr(e)&&([a,r]=[e,t],[e,t]=a.rangeArgs.colors);let{maxDeltaE:n,deltaEMethod:o,steps:s=2,maxSteps:i=1e3,...c}=r;a||([e,t]=[S(e),S(t)],a=ur(e,t,c));let l=or(e,t),u=n>0?Math.max(s,Math.ceil(l/n)+1):s,h=[];if(void 0!==i&&(u=Math.min(u,i)),1===u)h=[{p:.5,color:a(.5)}];else{let e=1/(u-1);h=Array.from({length:u},((t,r)=>{let n=r*e;return{p:n,color:a(n)}}))}if(n>0){let e=h.reduce(((e,t,r)=>{if(0===r)return 0;let a=or(t.color,h[r-1].color,o);return Math.max(e,a)}),0);for(;e>n;){e=0;for(let t=1;t<h.length&&h.length<i;t++){let r=h[t-1],n=h[t],o=(n.p+r.p)/2,s=a(o);e=Math.max(e,or(s,r.color),or(s,n.color)),h.splice(t,0,{p:o,color:a(o)}),t++}}}return h=h.map((e=>e.color)),h}function ur(e,t,r={}){if(hr(e)){let[r,a]=[e,t];return ur(...r.rangeArgs.colors,{...r.rangeArgs.options,...a})}let{space:a,outputSpace:n,progression:o,premultiplied:i}=r;e=S(e),t=S(t),e=se(e),t=se(t);let c={colors:[e,t],options:r};if(a=a?E.get(a):E.registry[B.interpolationSpace]||e.space,n=n?E.get(n):a,e=Ct(e,a),t=Ct(t,a),e=wt(e),t=wt(t),a.coords.h&&"angle"===a.coords.h.type){let n=r.hue=r.hue||"shorter",o=[a,"h"],[i,c]=[$(e,o),$(t,o)];s(i)&&!s(c)?i=c:s(c)&&!s(i)&&(c=i),[i,c]=Y(n,[i,c]),P(e,o,i),P(t,o,c)}return i&&(e.coords=e.coords.map((t=>t*e.alpha)),t.coords=t.coords.map((e=>e*t.alpha))),Object.assign((r=>{r=o?o(r):r;let s=e.coords.map(((e,a)=>l(e,t.coords[a],r))),c=l(e.alpha,t.alpha,r),u={space:a,coords:s,alpha:c};return i&&(u.coords=u.coords.map((e=>e/c))),n!==a&&(u=Ct(u,n)),u}),{rangeArgs:c})}function hr(e){return"function"===n(e)&&!!e.rangeArgs}sr.returns="color",ir.returns="color",B.interpolationSpace="lab";var mr=new E({id:"hsl",name:"HSL",coords:{h:{refRange:[0,360],type:"angle",name:"Hue"},s:{range:[0,100],name:"Saturation"},l:{range:[0,100],name:"Lightness"}},base:xt,fromBase:e=>{let t=Math.max(...e),r=Math.min(...e),[a,n,o]=e,[s,i,c]=[null,0,(r+t)/2],l=t-r;if(0!==l){switch(i=0===c||1===c?0:(t-c)/Math.min(c,1-c),t){case a:s=(n-o)/l+(n<o?6:0);break;case n:s=(o-a)/l+2;break;case o:s=(a-n)/l+4}s*=60}return i<0&&(s+=180,i=Math.abs(i)),s>=360&&(s-=360),[s,100*i,100*c]},toBase:e=>{let[t,r,a]=e;function n(e){let n=(e+t/30)%12,o=r*Math.min(a,1-a);return a-o*Math.max(-1,Math.min(n-3,9-n,1))}return t%=360,t<0&&(t+=360),r/=100,a/=100,[n(0),n(8),n(4)]},formats:{hsl:{coords:["<number> | <angle>","<percentage> | <number>","<percentage> | <number>"]},hsla:{coords:["<number> | <angle>","<percentage> | <number>","<percentage> | <number>"],commas:!0,alpha:!0}}}),pr=new E({id:"hsv",name:"HSV",coords:{h:{refRange:[0,360],type:"angle",name:"Hue"},s:{range:[0,100],name:"Saturation"},v:{range:[0,100],name:"Value"}},base:xt,fromBase(e){let t=Math.max(...e),r=Math.min(...e),[a,n,o]=e,[s,i,c]=[null,0,t],l=t-r;if(0!==l){switch(t){case a:s=(n-o)/l+(n<o?6:0);break;case n:s=(o-a)/l+2;break;case o:s=(a-n)/l+4}s*=60}return c&&(i=l/c),s>=360&&(s-=360),[s,100*i,100*c]},toBase(e){let[t,r,a]=e;function n(e){let n=(e+t/60)%6;return a-a*r*Math.max(0,Math.min(n,4-n,1))}return t%=360,t<0&&(t+=360),r/=100,a/=100,[n(5),n(3),n(1)]},formats:{color:{id:"--hsv",coords:["<number> | <angle>","<percentage> | <number>","<percentage> | <number>"]}}}),fr=new E({id:"hwb",name:"HWB",coords:{h:{refRange:[0,360],type:"angle",name:"Hue"},w:{range:[0,100],name:"Whiteness"},b:{range:[0,100],name:"Blackness"}},base:pr,fromBase(e){let[t,r,a]=e;return[t,a*(100-r)/100,100-a]},toBase(e){let[t,r,a]=e;r/=100,a/=100;let n=r+a;if(n>=1){return[t,0,100*(r/n)]}let o=1-a;return[t,100*(0===o?0:1-r/o),100*o]},formats:{hwb:{coords:["<number> | <angle>","<percentage> | <number>","<percentage> | <number>"]}}});var dr=new x({id:"a98rgb-linear",cssId:"--a98-rgb-linear",name:"Linear Adobe® 98 RGB compatible",white:"D65",toXYZ_M:[[.5766690429101305,.1855582379065463,.1882286462349947],[.29734497525053605,.6273635662554661,.07529145849399788],[.02703136138641234,.07068885253582723,.9913375368376388]],fromXYZ_M:[[2.0415879038107465,-.5650069742788596,-.34473135077832956],[-.9692436362808795,1.8759675015077202,.04155505740717557],[.013444280632031142,-.11836239223101838,1.0151749943912054]]}),gr=new x({id:"a98rgb",cssId:"a98-rgb",name:"Adobe® 98 RGB compatible",base:dr,toBase:e=>e.map((e=>Math.pow(Math.abs(e),563/256)*Math.sign(e))),fromBase:e=>e.map((e=>Math.pow(Math.abs(e),256/563)*Math.sign(e)))});var br=new x({id:"prophoto-linear",cssId:"--prophoto-rgb-linear",name:"Linear ProPhoto",white:"D50",base:I,toXYZ_M:[[.7977666449006423,.13518129740053308,.0313477341283922],[.2880748288194013,.711835234241873,8993693872564e-17],[0,0,.8251046025104602]],fromXYZ_M:[[1.3457868816471583,-.25557208737979464,-.05110186497554526],[-.5446307051249019,1.5082477428451468,.02052744743642139],[0,0,1.2119675456389452]]});const Mr=1/512;var wr=new x({id:"prophoto",cssId:"prophoto-rgb",name:"ProPhoto",base:br,toBase:e=>e.map((e=>{let t=e<0?-1:1,r=e*t;return r<.03125?e/16:t*r**1.8})),fromBase:e=>e.map((e=>{let t=e<0?-1:1,r=e*t;return r>=Mr?t*r**(1/1.8):16*e}))});const yr=1.09929682680944,vr=.018053968510807;var Cr=new x({id:"--rec2020-oetf",name:"REC.2020_Scene_Referred",base:Bt,referred:"scene",toBase:e=>e.map((function(e){let t=e<0?-1:1,r=e*t;return r<4.5*vr?e/4.5:t*Math.pow((r+yr-1)/yr,1/.45)})),fromBase:e=>e.map((function(e){let t=e<0?-1:1,r=e*t;return r>=vr?t*(yr*Math.pow(r,.45)-(yr-1)):4.5*e}))}),Rr=new E({id:"oklch",name:"OkLCh",coords:{l:{refRange:[0,1],name:"Lightness"},c:{refRange:[0,.4],name:"Chroma"},h:{refRange:[0,360],type:"angle",name:"Hue"}},white:"D65",base:ae,fromBase:Z.fromBase,toBase:Z.toBase,formats:{oklch:{coords:["<percentage> | <number>","<number> | <percentage>","<number> | <angle>"]}}});const Br=2*Math.PI,_r=[[4.076741636075958,-3.307711539258063,.2309699031821043],[-1.2684379732850315,2.609757349287688,-.341319376002657],[-.0041960761386756,-.7034186179359362,1.7076146940746117]],kr=[[[-1.8817031,-.80936501],[1.19086277,1.76576728,.59662641,.75515197,.56771245]],[[1.8144408,-1.19445267],[.73956515,-.45954404,.08285427,.12541073,-.14503204]],[[.13110758,1.81333971],[1.35733652,-.00915799,-1.1513021,-.50559606,.00692167]]],Lr=Number.MAX_VALUE,Sr=.206,Er=.03,zr=(1+Sr)/1.03;function Ar(e,t){let r=e.length;if(r!==t.length)throw new Error(`Vectors of size ${r} and ${t.length} are not aligned`);let a=0;return e.forEach(((e,r)=>{a+=e*t[r]})),a}function xr(e){return.5*(zr*e-Sr+Math.sqrt((zr*e-Sr)*(zr*e-Sr)+.12*zr*e))}function Hr(e){return(e**2+Sr*e)/(zr*(e+Er))}function Or(e){let[t,r]=e;return[r/t,r/(1-t)]}function $r(e,t){let a=r(e,re);return a[0]=a[0]**3,a[1]=a[1]**3,a[2]=a[2]**3,r(a,t,a)}function jr(e,t,r,a){let n=function(e,t,r,a){let n,o,s,i,c,l,u,h;Ar(a[0][0],[e,t])>1?([n,o,s,i,c]=a[0][1],[l,u