colorjs.io
Version:
Let’s get serious about color
1 lines • 63.8 kB
JavaScript
"use strict";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 p(e,t){return Math.sign(e)===Math.sign(t)?e:-e}function m(e,t){return p(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 y{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 w=new y,C={D50:[.3457/.3585,1,.2958/.3585],D65:[.3127/.329,1,.3583/.329]};function v(e){return Array.isArray(e)?e:C[e]}function x(e,t,a,n={}){if(e=v(e),t=v(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(w.run("chromatic-adaptation-start",o),o.M||(o.W1===C.D65&&o.W2===C.D50?o.M=[[1.0479297925449969,.022946870601609652,-.05019226628920524],[.02962780877005599,.9904344267538799,-.017073799063418826],[-.009243040646204504,.015055191490298152,.7518742814281371]]:o.W1===C.D50&&o.W2===C.D65&&(o.M=[[.955473421488075,-.02309845494876471,.06325924320057072],[-.0283697093338637,1.0099953980813041,.021041441191917323],[.012314014864481998,-.020507649298898964,1.330365926242124]])),w.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 R={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 B(e,t){let r,a={str:String(e)?.trim(),options:t};if(w.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*_[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=S.findFormat({name:s,id:l,type:"function"}),!t){let t,o=r in S.registry?r:n;if(o in S.registry){let a=S.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("--")&&R.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("--")&&R.warn(`${o.name} is a standard space and supported in the CSS spec. Use color(${t.id}) instead of prefixed color(${r}).`)}else t=S.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 S.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 _={"%":.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(_).join("|")})$`),singleArgument:/\/?\s*(none|NaN|calc\(NaN\)|[-+\w.]+(?:%|deg|g?rad|turn)?)/g};function E(e,t){if(Array.isArray(e))return e.map((e=>E(e,t)));if(!e)throw new TypeError("Empty color reference");a(e)&&(e=B(e,t));let r=e.space||e.spaceId;return"string"==typeof r&&(e.space=S.get(r)),void 0===e.alpha&&(e.alpha=1),e}class S{constructor(e){this.id=e.id,this.name=e.name,this.base=e.base?S.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=v(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:S.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:k(this).reverse(),writable:!1,enumerable:!0,configurable:!0}),w.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=E(e);[e,t]=[r.space,r.coords]}if(e=S.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=E(e);[e,t]=[r.space,r.coords]}return(e=S.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(S.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=S.registry[e.toLowerCase()];if(!t)throw new TypeError(`No color space found with id = "${e}"`);return t}if(t.length)return S.get(...t);throw new TypeError(`${e} is not a valid color space`)}static findFormat(e,t=S.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=S.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=S.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 k(e){let t=[e];for(let r=e;r=r.base;)t.push(r);return t}var z=new S({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 A extends S{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=z),e.toXYZ_M&&e.fromXYZ_M&&(e.toBase??=t=>{let a=r(t,e.toXYZ_M);return this.white!==this.base.white&&(a=x(this.white,this.base.white,a)),a},e.fromBase??=t=>r(t=x(this.base.white,this.white,t),e.fromXYZ_M)),e.referred??="display",super(e)}}function H(e,t){e=E(e);let r,a=S.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 O(e,t){if(e=E(e),"alpha"===t)return e.alpha??1;let{space:r,index:a}=S.resolveCoord(t,e.space);return H(e,r)[a]}function P(e,t,r,a){return e=E(e),Array.isArray(t)&&([t,r,a]=[e.space,t,r]),t=S.get(t),e.coords=t===e.space?r.slice():t.to(e.space,r),void 0!==a&&(e.alpha=a),e}function $(e,t,r){if(e=E(e),2===arguments.length&&"object"===n(arguments[1])){let t=arguments[1];for(let r in t)$(e,r,t[r])}else if("function"==typeof r&&(r=r(O(e,t))),"alpha"===t)e.alpha=r;else{let{space:a,index:n}=S.resolveCoord(t,e.space),o=H(e,a);o[n]=r,P(e,a,o)}return e}P.returns="color",$.returns="color";var j=new S({id:"xyz-d50",name:"XYZ D50",white:"D50",base:z,fromBase:e=>x(z.white,"D50",e),toBase:e=>x("D50",z.white,e)});const D=216/24389,I=24/116,q=24389/27;let T=C.D50;var W=new S({id:"lab",name:"Lab",coords:{l:{refRange:[0,100],name:"Lightness"},a:{refRange:[-125,125]},b:{refRange:[-125,125]}},white:T,base:j,fromBase(e){let t=e.map(((e,t)=>e/T[t])).map((e=>e>D?Math.cbrt(e):(q*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]>I?Math.pow(n[0],3):(116*n[0]-16)/q,e[0]>8?Math.pow((e[0]+16)/116,3):e[0]/q,n[2]>I?Math.pow(n[2],3):(116*n[2]-16)/q].map(((e,t)=>e*T[t]))},formats:{lab:{coords:["<percentage> | <number>","<number> | <percentage>","<number> | <percentage>"]}}});function G(e){return"number"!=typeof e?e:(e%360+360)%360}function N(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=G(r),a=G(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 X=new S({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:W,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:G(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 Y=25**7,Z=Math.PI,J=180/Z,F=Z/180;function K(e){const t=e*e;return t*t*t*e}function V(e,t,{kL:r=1,kC:a=1,kH:n=1}={}){[e,t]=E([e,t]);let[o,s,i]=W.from(e),c=X.from(W,[o,s,i])[1],[l,u,h]=W.from(t),p=X.from(W,[l,u,h])[1];c<0&&(c=0),p<0&&(p=0);let m=K((c+p)/2),f=.5*(1-Math.sqrt(m/(m+Y))),d=(1+f)*s,g=(1+f)*u,b=Math.sqrt(d**2+i**2),M=Math.sqrt(g**2+h**2),y=0===d&&0===i?0:Math.atan2(i,d),w=0===g&&0===h?0:Math.atan2(h,g);y<0&&(y+=2*Z),w<0&&(w+=2*Z),y*=J,w*=J;let C,v=l-o,x=M-b,B=w-y,_=y+w,L=Math.abs(B);b*M==0?C=0:L<=180?C=B:B>180?C=B-360:B<-180?C=B+360:R.warn("the unthinkable has happened");let S,k=2*Math.sqrt(M*b)*Math.sin(C*F/2),z=(o+l)/2,A=(b+M)/2,H=K(A);S=b*M==0?_:L<=180?_/2:_<360?(_+360)/2:(_-360)/2;let O=(z-50)**2,P=1+.015*O/Math.sqrt(20+O),$=1+.045*A,j=1;j-=.17*Math.cos((S-30)*F),j+=.24*Math.cos(2*S*F),j+=.32*Math.cos((3*S+6)*F),j-=.2*Math.cos((4*S-63)*F);let D=1+.015*A*j,I=30*Math.exp(-1*((S-275)/25)**2),q=2*Math.sqrt(H/(H+Y)),T=(v/(r*P))**2;return T+=(x/(a*$))**2,T+=(k/(n*D))**2,T+=-1*Math.sin(2*I*F)*q*(x/(a*$))*(k/(n*D)),Math.sqrt(T)}const Q=[[.819022437996703,.3619062600528904,-.1288737815209879],[.0329836539323885,.9292868615863434,.0361446663506424],[.0481771893596242,.2642395317527308,.6335478284694309]],U=[[1.2268798758459243,-.5578149944602171,.2813910456659647],[-.0405757452148008,1.112286803280317,-.0717110580655164],[-.0763729366746601,-.4214933324022432,1.5869240198367816]],ee=[[.210454268309314,.7936177747023054,-.0040720430116193],[1.9779985324311684,-2.42859224204858,.450593709617411],[.0259040424655478,.7827717124575296,-.8086757549230774]],te=[[1,.3963377773761749,.2158037573099136],[1,-.1055613458156586,-.0638541728258133],[1,-.0894841775298119,-1.2914855480194092]];var re=new S({id:"oklab",name:"Oklab",coords:{l:{refRange:[0,1],name:"Lightness"},a:{refRange:[-.4,.4]},b:{refRange:[-.4,.4]}},white:"D65",base:z,fromBase(e){let t=r(e,Q);return t[0]=Math.cbrt(t[0]),t[1]=Math.cbrt(t[1]),t[2]=Math.cbrt(t[2]),r(t,ee,t)},toBase(e){let t=r(e,te);return t[0]=t[0]**3,t[1]=t[1]**3,t[2]=t[2]**3,r(t,U,t)},formats:{oklab:{coords:["<percentage> | <number>","<number> | <percentage>","<number> | <percentage>"]}}});function ae(e,t){[e,t]=E([e,t]);let[r,a,n]=re.from(e),[o,s,i]=re.from(t),c=r-o,l=a-s,u=n-i;return Math.sqrt(c**2+l**2+u**2)}function ne(e,t,{epsilon:r=75e-6}={}){e=E(e),t||(t=e.space),t=S.get(t);let a=e.coords;return t!==e.space&&(a=t.from(e)),t.inGamut(a,{epsilon:r})}function oe(e){return{space:e.space,coords:e.coords.slice(),alpha:e.alpha}}function se(e,t,r="lab"){let a=(r=S.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 ie(e,t){return se(e,t,"lab")}const ce=Math.PI/180;function le(e,t,{l:r=2,c:a=1}={}){[e,t]=E([e,t]);let[n,o,i]=W.from(e),[,c,l]=X.from(W,[n,o,i]),[u,h,p]=W.from(t),m=X.from(W,[u,h,p])[1];c<0&&(c=0),m<0&&(m=0);let f=n-u,d=c-m,g=(o-h)**2+(i-p)**2-d**2,b=.511;n>=16&&(b=.040975*n/(1+.01765*n));let M,y=.0638*c/(1+.0131*c)+.638;s(l)&&(l=0),M=l>=164&&l<=345?.56+Math.abs(.2*Math.cos((l+168)*ce)):.36+Math.abs(.4*Math.cos((l+35)*ce));let w=Math.pow(c,4),C=Math.sqrt(w/(w+1900)),v=(f/(r*b))**2;return v+=(d/(a*y))**2,v+=g/(y*(C*M+1-C))**2,Math.sqrt(v)}var ue=new S({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:z,fromBase:e=>e.map((e=>203*e)),toBase:e=>e.map((e=>e/203))});const he=1.15,pe=.66,me=2610/16384,fe=16384/2610,de=.8359375,ge=2413/128,be=18.6875,Me=1.7*2523/32,ye=32/(1.7*2523),we=-.56,Ce=16295499532821565e-27,ve=[[.41478972,.579999,.014648],[-.20151,1.120649,.0531008],[-.0166008,.2648,.6684799]],xe=[[1.9242264357876067,-1.0047923125953657,.037651404030618],[.35031676209499907,.7264811939316552,-.06538442294808501],[-.09098281098284752,-.3127282905230739,1.5227665613052603]],Re=[[.5,.5,0],[3.524,-4.066708,.542708],[.199076,1.096799,-1.295875]],Be=[[1,.13860504327153927,.05804731615611883],[1,-.1386050432715393,-.058047316156118904],[1,-.09601924202631895,-.811891896056039]];var _e=new S({id:"jzazbz",name:"Jzazbz",coords:{jz:{refRange:[0,1],name:"Jz"},az:{refRange:[-.21,.21]},bz:{refRange:[-.21,.21]}},base:ue,fromBase(e){let[t,a,n]=e,o=r([he*t-(he-1)*n,pe*a-(pe-1)*t,n],ve).map((function(e){let t=de+ge*m(e/1e4,me),r=1+be*m(e/1e4,me);return m(t/r,Me)})),[s,i,c]=r(o,Re);return[(1+we)*s/(1+we*s)-Ce,i,c]},toBase(e){let[t,a,n]=e,o=r([(t+Ce)/(1+we-we*(t+Ce)),a,n],Be).map((function(e){let t=de-m(e,ye),r=be*m(e,ye)-ge;return 1e4*m(t/r,fe)})),[s,i,c]=r(o,xe),l=(s+(he-1)*c)/he;return[l,(i+(pe-1)*l)/pe,c]},formats:{jzazbz:{coords:["<percentage> | <number>","<number> | <percentage>","<number> | <percentage>"]}}}),Le=new S({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:_e,fromBase:X.fromBase,toBase:X.toBase,formats:{jzczhz:{coords:["<percentage> | <number>","<number> | <percentage>","<number> | <angle>"]}}});function Ee(e,t){[e,t]=E([e,t]);let[r,a,n]=Le.from(e),[o,i,c]=Le.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,p=2*Math.sqrt(a*i)*Math.sin(h/2*(Math.PI/180));return Math.sqrt(l**2+u**2+p**2)}const Se=.8359375,ke=2413/128,ze=18.6875,Ae=2610/16384,He=2523/32,Oe=16384/2610,Pe=32/2523,$e=[[.3592832590121217,.6976051147779502,-.035891593232029],[-.1920808463704993,1.100476797037432,.0753748658519118],[.0070797844607479,.0748396662186362,.8433265453898765]],je=[[.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]],Ie=[[2.0701522183894223,-1.3263473389671563,.2066510476294053],[.3647385209748072,.6805660249472273,-.0453045459220347],[-.0497472075358123,-.0492609666966131,1.1880659249923042]];var qe=new S({id:"ictcp",name:"ICTCP",coords:{i:{refRange:[0,1],name:"I"},ct:{refRange:[-.5,.5],name:"CT"},cp:{refRange:[-.5,.5],name:"CP"}},base:ue,fromBase:e=>function(e){let t=e.map((function(e){return((Se+ke*(e/1e4)**Ae)/(1+ze*(e/1e4)**Ae))**He}));return r(t,je)}(r(e,$e)),toBase(e){let t=function(e){let t=r(e,De),a=t.map((function(e){return 1e4*(Math.max(e**Pe-Se,0)/(ke-ze*e**Pe))**Oe}));return a}(e);return r(t,Ie)},formats:{ictcp:{coords:["<percentage> | <number>","<number> | <percentage>","<number> | <percentage>"]}}});function Te(e,t){[e,t]=E([e,t]);let[r,a,n]=qe.from(e),[o,s,i]=qe.from(t);return 720*Math.sqrt((r-o)**2+.25*(a-s)**2+(n-i)**2)}function We(e,t){[e,t]=E([e,t]);let[r,a,n]=re.from(e),[o,s,i]=re.from(t),c=r-o,l=2*(a-s),u=2*(n-i);return Math.sqrt(c**2+l**2+u**2)}const Ge=C.D65,Ne=1/.42,Xe=2*Math.PI,Ye=[[.401288,.650173,-.051461],[-.250268,1.204414,.045854],[-.002079,.048952,.953127]],Ze=[[1.8620678550872327,-1.0112546305316843,.14918677544445175],[.38752654323613717,.6214474419314753,-.008973985167612518],[-.015841498849333856,-.03412293802851557,1.0499644368778496]],Je=[[460,451,288],[460,-891,-261],[460,-220,-6300]],Fe={dark:[.8,.525,.8],dim:[.9,.59,.9],average:[1,.69,1]},Ke={h:[20.14,90,164.25,237.53,380.14],e:[.8,.7,1,1.2,.8],H:[0,100,200,300,400]},Ve=180/Math.PI,Qe=Math.PI/180;function Ue(e,t){const r=e.map((e=>{const r=m(t*Math.abs(e)*.01,.42);return 400*p(r,e)/(r+27.13)}));return r}function et(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,Ye);let h=Fe[s.surround];const p=h[0];s.c=h[1],s.nc=h[2];const m=(1/(5*s.la+1))**4;s.fl=m*s.la+.1*(1-m)*(1-m)*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(p*(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=Ue(d,s.fl);return s.aW=s.nbb*(2*g[0]+g[1]+.05*g[2]),s}const tt=et(Ge,64/Math.PI*.2,20,"average",!1);function rt(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?G(e.h)*Qe:function(e){let t=(e%400+400)%400;const r=Math.floor(.01*t);t%=100;const[a,n]=Ke.h.slice(r,r+2),[o,s]=Ke.e.slice(r,r+2);return G((t*(s*a-o*n)-100*a*s)/(t*(s-o)-100*s))}(e.H)*Qe;const n=Math.cos(a),o=Math.sin(a);let s=0;void 0!==e.J?s=.1*m(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=m(i*Math.pow(1.64-Math.pow(.29,t.n),-.73),10/9),l=.25*(Math.cos(a+2)+3.8),u=t.aW*m(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 p(r*m(t/(400-t),Ne),e)}))}(r([d,g*n,g*o],Je).map((e=>1*e/1403)),t.fl);return r(b.map(((e,r)=>e*t.dRgbInv[r])),Ze).map((e=>e/100))}function at(e,t){const a=e.map((e=>100*e)),n=Ue(r(a,Ye).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)%Xe+Xe)%Xe,c=.25*(Math.cos(i+2)+3.8),l=m(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=m(t.nbb*(2*n[0]+n[1]+.05*n[2])/t.aW,.5*t.c*t.z),h=100*m(u,2),p=4/t.c*u*(t.aW+4)*t.flRoot,d=l*u,g=d*t.flRoot,b=G(i*Ve),M=function(e){let t=G(e);t<=Ke.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}(Ke.h,t)-1,[a,n]=Ke.h.slice(r,r+2),[o,s]=Ke.e.slice(r,r+2),i=(t-a)/o;return Ke.H[r]+100*i/(i+(n-t)/s)}(b);return{J:h,C:d,h:b,s:50*m(t.c*l/(t.aW+4),.5),Q:p,M:g,H:M}}var nt=new S({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:z,fromBase(e){void 0===this.ε&&(this.ε=Object.values(this.coords)[1].refRange[1]/1e5);const t=at(e,tt),r=Math.abs(t.M)<this.ε;return[t.J,r?0:t.M,r?null:t.h]},toBase:e=>rt({J:e[0],M:e[1],h:e[2]},tt)});const ot=C.D65,st=216/24389,it=24389/27;function ct(e){return e>8?Math.pow((e+16)/116,3):e/it}function lt(e,t){const r=116*((a=e[1])>st?Math.cbrt(a):(it*a+16)/116)-16;var a;if(0===r)return[0,0,0];const n=at(e,ut);return[G(n.h),n.C,r]}const ut=et(ot,200/Math.PI*ct(50),100*ct(50),"average",!1);var ht=new S({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:z,fromBase(e){void 0===this.ε&&(this.ε=Object.values(this.coords)[1].refRange[1]/1e5);let t=lt(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=ct(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=rt({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 rt({J:s,C:a,h:r},t)}(e,ut),formats:{color:{id:"--hct",coords:["<number> | <angle>","<percentage> | <number>","<percentage> | <number>"]}}});const pt=Math.PI/180,mt=[1,.007,.0228];function ft(e){e[1]<0&&(e=ht.fromBase(ht.toBase(e)));const t=Math.log(Math.max(1+mt[2]*e[1]*ut.flRoot,1))/mt[2],r=e[0]*pt,a=t*Math.cos(r),n=t*Math.sin(r);return[e[2],a,n]}function dt(e,t){[e,t]=E([e,t]);let[r,a,n]=ft(ht.from(e)),[o,s,i]=ft(ht.from(t));return Math.sqrt((r-o)**2+(a-s)**2+(n-i)**2)}var gt={deltaE76:ie,deltaECMC:le,deltaE2000:V,deltaEJz:Ee,deltaEITP:Te,deltaEOK:ae,deltaEOK2:We,deltaEHCT:dt};const bt={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 Mt(e,{method:t=R.gamut_mapping,space:r,deltaEMethod:n="",jnd:o=2,blackWhiteClamp:i}={}){if(e=E(e),a(arguments[1])?r=arguments[1]:r||(r=e.space),ne(e,r=S.get(r),{epsilon:0}))return e;let c;if("css"===t)c=wt(e,{space:r});else{if("clip"===t||ne(e,r))c=Ct(e,r);else{Object.prototype.hasOwnProperty.call(bt,t)&&({method:t,jnd:o,deltaEMethod:n,blackWhiteClamp:i}=bt[t]);let a=V;if(""!==n)for(let e in gt)if("deltae"+n.toLowerCase()===e.toLowerCase()){a=gt[e];break}0===o&&(o=1e-16);let l=Mt(Ct(e,r),{method:"clip",space:r});if(a(e,l)>o){if(i&&3===Object.keys(i).length){let t=S.resolveCoord(i.channel),r=O(Ct(e,t.space),t.id);if(s(r)&&(r=0),r>=i.max)return Ct({space:"xyz-d65",coords:C.D65},e.space);if(r<=i.min)return Ct({space:"xyz-d65",coords:[0,0,0]},e.space)}let n=S.resolveCoord(t),l=n.space,u=n.id,h=Ct(e,l);h.coords.forEach(((e,t)=>{s(e)&&(h.coords[t]=0)}));let p=(n.range||n.refRange)[0],m=function(e){const t=e?Math.floor(Math.log10(Math.abs(e))):0;return Math.max(parseFloat("1e"+(t-2)),1e-6)}(o),f=p,d=O(h,u);for(;d-f>m;){let e=oe(h);e=Mt(e,{space:r,method:"clip"}),a(h,e)-o<m?f=O(h,u):d=O(h,u),$(h,u,(f+d)/2)}c=Ct(h,r)}else c=l}if("clip"===t||!ne(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}Mt.returns="color";const yt={WHITE:{space:re,coords:[1,0,0],alpha:1},BLACK:{space:re,coords:[0,0,0],alpha:1}};function wt(e,{space:t}={}){const r=.02,a=1e-4;e=E(e),t||(t=e.space),t=S.get(t);const n=S.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(ne(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,p=oe(o),m=i(p),f=ae(m,p);if(f<r)return m;for(;l-c>a;){const e=(c+l)/2;if(p.coords[1]=e,u&&ne(p,t,{epsilon:0}))c=e;else if(m=i(p),f=ae(m,p),f<r){if(r-f<a)break;u=!1,c=e}else l=e}return m}function Ct(e,t,{inGamut:r}={}){e=E(e);let a=(t=S.get(t)).from(e),n={space:t,coords:a,alpha:e.alpha};return r&&(n=Mt(n,!0===r?void 0:r)),n}function vt(e,t={}){let r,{precision:a=R.precision,format:n,inGamut:s=!0,coords:i,alpha:c,commas:l}=t,u=E(e),h=n,p=u.parseMeta;p&&!n&&(p.format.canSerialize()&&(n=p.format,h=p.formatId),i??=p.types,c??=p.alphaType,l??=p.commas),h&&(n=u.space.getFormat(n)??S.findFormat(h)),n||(n=u.space.getFormat("default")??S.DEFAULT_FORMAT,h=n.name),n&&n.space&&n.space!==u.space&&(u=Ct(u,n.space));let m=u.coords.slice();if(s||=n.toGamut,s&&!ne(u)&&(m=Mt(oe(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(m,u.alpha,t)}else{let e=n.name||"color",t=n.serializeCoords(m,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>",p=!0===c?.include||!0===n.alpha||!1!==c?.include&&!1!==n.alpha&&s<1,f="";if(l??=n.commas,p){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 xt=new A({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]]}),Rt=new A({id:"rec2020",name:"REC.2020",base:xt,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 Bt=new A({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 _t=[[3.2409699419045226,-1.537383177570094,-.4986107602930034],[-.9692436362808796,1.8759675015077202,.04155505740717559],[.05563007969699366,-.20397695888897652,1.0569715142428786]];var Lt=new A({id:"srgb-linear",name:"Linear sRGB",white:"D65",toXYZ_M:[[.41239079926595934,.357584339383878,.1804807884018343],[.21263900587151027,.715168678767756,.07219231536073371],[.01933081871559182,.11919477979462598,.9505321522496607]],fromXYZ_M:_t}),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 St=Array(3).fill("<percentage> | <number>[0, 255]"),kt=Array(3).fill("<number>[0, 255]");var zt=new A({id:"srgb",name:"sRGB",base:Lt,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:St},rgb_number:{name:"rgb",commas:!0,coords:kt,alpha:!1},color:{},rgba:{coords:St,commas:!0,alpha:!0},rgba_number:{name:"rgba",commas:!0,coords:kt},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}}}}),At=new A({id:"p3",cssId:"display-p3",name:"P3",base:Bt,fromBase:zt.fromBase,toBase:zt.toBase});let Ht;if(R.display_space=zt,"undefined"!=typeof CSS&&CSS.supports)for(let e of[W,Rt,At]){let t=e.getMinCoords(),r=vt({space:e,coords:t,alpha:1});if(CSS.supports("color",r)){R.display_space=e;break}}function Ot(e,t){return s(e)||s(t)?e===t?null:0:e-t}function Pt(e){return O(e,[z,"y"])}function $t(e,t){e=E(e),t=E(t);let r=Math.max(Pt(e),0),a=Math.max(Pt(t),0);return a>r&&([r,a]=[a,r]),(r+.05)/(a+.05)}function jt(e){return e>=.022?e:e+(.022-e)**1.414}function Dt(e){let t=e<0?-1:1,r=Math.abs(e);return t*Math.pow(r,2.4)}function It(e,t){let r,a,n,o,i,c;t=E(t),e=E(e),t=Ct(t,"srgb"),[o,i,c]=t.coords.map((e=>s(e)?0:e));let l=.2126729*Dt(o)+.7151522*Dt(i)+.072175*Dt(c);e=Ct(e,"srgb"),[o,i,c]=e.coords.map((e=>s(e)?0:e));let u=.2126729*Dt(o)+.7151522*Dt(i)+.072175*Dt(c),h=jt(l),p=jt(u),m=p>h;return Math.abs(p-h)<5e-4?a=0:m?(r=p**.56-h**.57,a=1.14*r):(r=p**.65-h**.62,a=1.14*r),n=Math.abs(a)<.1?0:a>0?a-.027:a+.027,100*n}function qt(e,t){e=E(e),t=E(t);let r=Math.max(Pt(e),0),a=Math.max(Pt(t),0);a>r&&([r,a]=[a,r]);let n=r+a;return 0===n?0:(r-a)/n}function Tt(e,t){e=E(e),t=E(t);let r=Math.max(Pt(e),0),a=Math.max(Pt(t),0);return a>r&&([r,a]=[a,r]),0===a?5e4:(r-a)/a}function Wt(e,t){e=E(e),t=E(t);let r=O(e,[W,"l"]),a=O(t,[W,"l"]);return Math.abs(r-a)}const Gt=216/24389,Nt=24/116,Xt=24389/27;let Yt=C.D65;var Zt=new S({id:"lab-d65",name:"Lab D65",coords:{l:{refRange:[0,100],name:"Lightness"},a:{refRange:[-125,125]},b:{refRange:[-125,125]}},white:Yt,base:z,fromBase(e){let t=e.map(((e,t)=>e/Yt[t])).map((e=>e>Gt?Math.cbrt(e):(Xt*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]>Nt?Math.pow(t[0],3):(116*t[0]-16)/Xt,e[0]>8?Math.pow((e[0]+16)/116,3):e[0]/Xt,t[2]>Nt?Math.pow(t[2],3):(116*t[2]-16)/Xt].map(((e,t)=>e*Yt[t]))},formats:{"lab-d65":{coords:["<number> | <percentage>","<number> | <percentage>","<number> | <percentage>"]}}});const Jt=.5*Math.pow(5,.5)+.5;function Ft(e,t){e=E(e),t=E(t);let r=O(e,[Zt,"l"]),a=O(t,[Zt,"l"]),n=Math.abs(Math.pow(r,Jt)-Math.pow(a,Jt)),o=Math.pow(n,1/Jt)*Math.SQRT2-40;return o<7.5?0:o}var Kt=Object.freeze({__proto__:null,contrastAPCA:It,contrastDeltaPhi:Ft,contrastLstar:Wt,contrastMichelson:qt,contrastWCAG21:$t,contrastWeber:Tt});function Vt(e){let[t,r,a]=H(e,z),n=t+15*r+3*a;return[4*t/n,9*r/n]}function Qt(e,t,r={}){a(r)&&(r={method:r});let{method:n=R.deltaE,...o}=r;for(let r in gt)if("deltae"+n.toLowerCase()===r.toLowerCase())return gt[r](e,t,o);throw new TypeError(`Unknown deltaE method: ${n}`)}function Ut(e,t=.25){return $(e,[S.get("oklch","lch"),"l"],(e=>e*(1+t)))}function er(e,t=.25){return $(e,[S.get("oklch","lch"),"l"],(e=>e*(1-t)))}function tr(e,t,r={}){if(rr(e)){let[r,a]=[e,t];return tr(...r.rangeArgs.colors,{...r.rangeArgs.options,...a})}let{space:a,outputSpace:n,progression:o,premultiplied:i}=r;e=E(e),t=E(t),e=oe(e),t=oe(t);let c={colors:[e,t],options:r};if(a=a?S.get(a):S.registry[R.interpolationSpace]||e.space,n=n?S.get(n):a,e=Ct(e,a),t=Ct(t,a),e=Mt(e),t=Mt(t),a.coords.h&&"angle"===a.coords.h.type){let n=r.hue=r.hue||"shorter",o=[a,"h"],[i,c]=[O(e,o),O(t,o)];s(i)&&!s(c)?i=c:s(c)&&!s(i)&&(c=i),[i,c]=N(n,[i,c]),$(e,o,i),$(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 rr(e){return"function"===n(e)&&!!e.rangeArgs}Ut.returns="color",er.returns="color",R.interpolationSpace="lab";var ar=new S({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:zt,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}}}),nr=new S({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:zt,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>"]}}}),or=new S({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:nr,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 sr=new A({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]]}),ir=new A({id:"a98rgb",cssId:"a98-rgb",name:"Adobe® 98 RGB compatible",base:sr,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 cr=new A({id:"prophoto-linear",cssId:"--prophoto-rgb-linear",name:"Linear ProPhoto",white:"D50",base:j,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 lr=1/512;var ur=new A({id:"prophoto",cssId:"prophoto-rgb",name:"ProPhoto",base:cr,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>=lr?t*r**(1/1.8):16*e}))});const hr=1.09929682680944,pr=.018053968510807;var mr=new A({id:"--rec2020-oetf",name:"REC.2020_Scene_Referred",base:xt,referred:"scene",toBase:e=>e.map((function(e){let t=e<0?-1:1,r=e*t;return r<4.5*pr?e/4.5:t*Math.pow((r+hr-1)/hr,1/.45)})),fromBase:e=>e.map((function(e){let t=e<0?-1:1,r=e*t;return r>=pr?t*(hr*Math.pow(r,.45)-(hr-1)):4.5*e}))}),fr=new S({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:re,fromBase:X.fromBase,toBase:X.toBase,formats:{oklch:{coords:["<percentage> | <number>","<number> | <percentage>","<number> | <angle>"]}}});const dr=2*Math.PI,gr=[[4.076741636075958,-3.307711539258063,.2309699031821043],[-1.2684379732850315,2.609757349287688,-.341319376002657],[-.0041960761386756,-.7034186179359362,1.7076146940746117]],br=[[[-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]]],Mr=Number.MAX_VALUE,yr=.206,wr=.03,Cr=(1+yr)/1.03;function vr(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*(Cr*e-yr+Math.sqrt((Cr*e-yr)*(Cr*e-yr)+.12*Cr*e))}function Rr(e){return(e**2+yr*e)/(Cr*(e+wr))}function Br(e){let[t,r]=e;return[r/t,r/(1-t)]}function _r(e,t){let a=r(e,te);return a[0]=a[0]**3,a[1]=a[1]**3,a[2]=a[2]**3,r(a,t,a)}function Lr(e,t,r,a){let n=function(e,t,r,a){let n,o,s,i,c,l,u,h;vr(a[0][0],[e,t])>1?([n,o,s,i,c]=a[0][1],[l,u,h]=r[0]):vr(a[1][0],[e,t])>1?([n,o,s,i,c]=a[1][1],[l,u,h]=r[1]):([n,o,s,i,c]=a[2][1],[l,u,h]=r[2]);let p=n+o*e+s*t+i*e**2+c*e*t,m=vr(te[0].slice(1),[e,t]),f=vr(te[1].slice(1),[e,t]),d=vr(te[2].slice(1),[e,t]),g=1+p*m,b=1+p*f,M=1+p*d,y=b**3,w=l*g**3+u*y+h*M**3,C=l*(3*m*g**2)+u*(3*f*b**2)+h*(3*d*M**2);return p-=w*C/(C**2-.5*w*(l*(6*m**2*g)+u*(6*f**2*b)+h*(6*d**2*M))),p}(e,t,r,a),o=_r([1,n*e,n*t],r),s=m(1/Math.max(...o),1/3);return[s,s*n]}function Er(e,t,r){let[a,n,o]=e,s=Lr(n,o,t,r),i=function(e,t,r,a,n,o,s,i){let c;if(void 0===i&&(i=Lr(e,t,o,s)),(r-n)*i[1]-(i[0]-n)*a<=0)c=i[1]*n/(a*i[0]+i[1]*(n-r));else{c=i[1]*(n-1)/(a*(i[0]-1)+i[1]*(n-r));let s=r-n,l=a,u=vr(te[0].slice(1),[e,t]),h=vr(te[1].slice(1),[e,t]),p=vr(te[2].slice(1),[e,t]),m=s+l*u,f=s+l*h,d=s+l*p,g=n*(1-c)+c*r,b=c*a,M=g+b*u,y=g+b*h,w=g+b*p,C=M**3,v=y**3,x=w**3,R=3*m*M**2,B=3*f*y**2,_=3*d*w**2,L=6*m**2*M,E=6*f**2*y,S=6*d**2*w,k=vr(o[0],[C,v,x])-1,z=vr(o[0],[R,B,_]),A=z/(z*z-.5*k*vr(o[0],[L,E,S])),H=-k*A,O=vr(o[1],[C,v,x])-1,P=vr(o[1],[R,B,_]),$=P/(P*P-.5*O*vr(o[1],[L,E,S])),j=-O*$,D=vr(o[2],[C,v,x])-1,I=vr(o[2],[R,B,_]),q=I/(I*I-.5*D*vr(o[2],[L,E,S])),T=-D*q;H=A>=0?H:Mr,j=$>=0?j:Mr,T=q>=0?T:Mr,c+=Math.min(H,Math.min(j,T))}return c}(n,o,a,1,a,t,r,s),c=Br(s),l=i/Math.min(a*c[0],(1-a)*c[1]),u=function(e,t){return[.11516993+1/(7.4477897+4.1590124*t+e*(1.75198401*t-2.19557347+e*(-2.13704948-10.02301043*t+e*(5.38770819*t-4.24894561+4.69891013*e)))),.11239642+1/(1.6132032-.68124379*t+e*(.40370612+.90148123*t+e*(.6122399*t-.27087943+e*(.00299215-.45399568*t-.14661872*e))))]}(n,o),h=a*u[0],p=(1-a)*u[1],m=.9*l*Math.sqrt(Math.sqrt(1/(1/h**4+1/p**4)));return h=.4*a,p=.8*(1-a),[Math.sqrt(1/(1/h**2+1/p**2)),m,i]}var Sr=new S({id:"okhsl",name:"Okhsl",coords:{h:{refRange:[0,360],type:"angle",name:"Hue"},s:{range:[0,1],name:"Saturation"},l:{range:[0,1],name:"Lightness"}},base:re,gamutSpace:"self",fromBase:e=>function(e,t,r){let a=e[0],n=0,o=xr(a),s=Math.sqrt(e[1]**2+e[2]**2),i=.5+Math.atan2(-e[2],-e[1])/dr;if(0!==o&&1!==o&&0!==s){let o,i,c,l,u=e[1]/s,h=e[2]/s,[p,m,f]=Er([a,u,h],t,r),d=.8;s<m?(i=d*p,c=1-i/m,l=s/(i+c*s),n=l*d):(o=m,i=.2*m**2*1.5625/p,c=1-i/(f-m),l=(s-o)/(i+c*(s-o)),n=d+.2*l)}const c=Math.abs(n)<1e-4;return c||0===o||Math.abs(1-o)<1e-7?(i=null,c||(n=0)):i=G(360*i),[i,n,o]}(e,gr,br),toBase:e=>function(e,t,r){let[a,n,o]=e,s=Rr(o),i=null,c=null;if(a=G(a)/360,0!==s&&1!==s&&0!==n){let e,o,l,u,h=Math.cos(dr*a),p=Math.sin(dr*a),[m,f,d]=Er([s,h,p],t,r),g=.8;n<g?(e=1.25*n,o=0,l=g*m,u=1-l/f):(e=5*(n-.8),o=f,l=.2*f**2*1.5625/m,u=1-l/(d-f));let b=o+e*l/(1-u*e);i=b*h,c=b*p}return[s,i,c]}(e,gr,br),formats:{color:{id:"--okhsl",coords:["<number> | <a