colorjs.io
Version:
Let’s get serious about color
1 lines • 65.5 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(r-e)/(t-e)}function h(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],u(e[0],e[1],r))}function p(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 f(e,t){return m(Math.abs(e)**t,e)}function d(e,t){return 0===t?0:e/t}function g(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}function b(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}var M=Object.freeze({__proto__:null,bisectLeft:g,clamp:p,copySign:m,interpolate:l,interpolateInv:u,isInstance:b,isNone:s,isString:a,mapRange:h,multiplyMatrices:e,multiply_v3_m3x3:r,serializeNumber:o,skipNone:i,spow:f,toPrecision:c,type:n,zdiv:d});const y=new class{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)}))}};var w={gamut_mapping:"css",precision:5,deltaE:"76",verbose:"test"!==globalThis?.process?.env?.NODE_ENV?.toLowerCase(),warn:function(e){this.verbose&&globalThis?.console?.warn?.(e)}};class v{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()),h(t,r,e)}serialize(e,t){let r="<percentage>"===this.type?this.percentageRange(100):this.computedRange,a=this.unit;return o(e=h(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 b(e,this)?e:new this(e,t)}}const C=Symbol("instance");class R{type;name;spaceCoords;coords;id;alpha;constructor(e,t=e.space){e[C]=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=>v.get(e,r)))})))}serializeCoords(e,t,r){return r=e.map(((e,t)=>v.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||b(e,this)?e:e[C]?e[C]:new R(e,...t)}}const B={D50:[.3457/.3585,1,.2958/.3585],D65:[.3127/.329,1,.3583/.329]};function _(e){return Array.isArray(e)?e:B[e]}function k(e,t,a,n={}){if(e=_(e),t=_(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===B.D65&&o.W2===B.D50?o.M=[[1.0479297925449969,.022946870601609652,-.05019226628920524],[.02962780877005599,.9904344267538799,-.017073799063418826],[-.009243040646204504,.015055191490298152,.7518742814281371]]:o.W1===B.D50&&o.W2===B.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.")}function S(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(E.function);if(t){let e=[],r=[],a=!1,n=t[1].toLowerCase(),o=t[2].replace(E.singleArgument,((t,o)=>{let{value:s,meta:i}=function(e){let t={},r=e.match(E.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*x[r]):E.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=z.findFormat({name:s,id:l,type:"function"}),!t){let t,o=r in z.registry?r:n;if(o in z.registry){let a=z.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("--")&&w.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("--")&&w.warn(`${o.name} is a standard space and supported in the CSS spec. Use color(${t.id}) instead of prefixed color(${r}).`)}else t=z.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 z.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:p(0,r.alpha,1),r}const x={"%":.01,deg:1,grad:.9,rad:180/Math.PI,turn:360},E={function:/^([a-z]+)\(((?:calc\(NaN\)|.)+?)\)$/i,number:/^([-+]?(?:[0-9]*\.)?[0-9]+(e[-+]?[0-9]+)?)$/i,unitValue:RegExp(`(${Object.keys(x).join("|")})$`),singleArgument:/\/?\s*(none|NaN|calc\(NaN\)|[-+\w.]+(?:%|deg|g?rad|turn)?)/g};function j(e,t){if(Array.isArray(e))return e.map((e=>j(e,t)));if(!e)throw new TypeError("Empty color reference");a(e)&&(e=S(e,t));let r=e.space||e.spaceId;return"string"==typeof r&&(e.space=z.get(r)),void 0===e.alpha&&(e.alpha=1),e}class z{constructor(e){this.id=e.id,this.name=e.name,this.base=e.base?z.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=_(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:z.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:L(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=R.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=j(e);[e,t]=[r.space,r.coords]}if(e=z.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=j(e);[e,t]=[r.space,r.coords]}return(e=z.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(z.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||b(e,this))return e;if("string"===n(e)){let t=z.registry[e.toLowerCase()];if(!t)throw new TypeError(`No color space found with id = "${e}"`);return t}if(t.length)return z.get(...t);throw new TypeError(`${e} is not a valid color space`)}static findFormat(e,t=z.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=R.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=z.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=z.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 L(e){let t=[e];for(let r=e;r=r.base;)t.push(r);return t}var O=new z({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 z{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=O),e.toXYZ_M&&e.fromXYZ_M&&(e.toBase??=t=>{let a=r(t,e.toXYZ_M);return this.white!==this.base.white&&(a=k(this.white,this.base.white,a)),a},e.fromBase??=t=>r(t=k(this.base.white,this.white,t),e.fromXYZ_M)),e.referred??="display",super(e)}}function I(e,t={}){if(Array.isArray(e))return e.map((e=>I(e,t)));let{cssProperty:r="background-color",element:n,...o}=t,s=null;try{return j(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 j(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 P(e,t){e=j(e);let r,a=z.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=j(e),"alpha"===t)return e.alpha??1;let{space:r,index:a}=z.resolveCoord(t,e.space);return P(e,r)[a]}function q(e,t,r,a){return e=j(e),Array.isArray(t)&&([t,r,a]=[e.space,t,r]),t=z.get(t),e.coords=t===e.space?r.slice():t.to(e.space,r),void 0!==a&&(e.alpha=a),e}function D(e,t,r){if(e=j(e),2===arguments.length&&"object"===n(arguments[1])){let t=arguments[1];for(let r in t)D(e,r,t[r])}else if("function"==typeof r&&(r=r($(e,t))),"alpha"===t)e.alpha=r;else{let{space:a,index:n}=z.resolveCoord(t,e.space),o=P(e,a);o[n]=r,q(e,a,o)}return e}q.returns="color",D.returns="color";var H=new z({id:"xyz-d50",name:"XYZ D50",white:"D50",base:O,fromBase:e=>k(O.white,"D50",e),toBase:e=>k("D50",O.white,e)});const T=216/24389,N=24/116,W=24389/27;let X=B.D50;var F=new z({id:"lab",name:"Lab",coords:{l:{refRange:[0,100],name:"Lightness"},a:{refRange:[-125,125]},b:{refRange:[-125,125]}},white:X,base:H,fromBase(e){let t=e.map(((e,t)=>e/X[t])).map((e=>e>T?Math.cbrt(e):(W*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]>N?Math.pow(n[0],3):(116*n[0]-16)/W,e[0]>8?Math.pow((e[0]+16)/116,3):e[0]/W,n[2]>N?Math.pow(n[2],3):(116*n[2]-16)/W].map(((e,t)=>e*X[t]))},formats:{lab:{coords:["<percentage> | <number>","<number> | <percentage>","<number> | <percentage>"]}}});function Y(e){return"number"!=typeof e?e:(e%360+360)%360}function Z(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=Y(r),a=Y(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 G=new z({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:F,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:Y(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 J=25**7,U=Math.PI,V=180/U,K=U/180;function Q(e){const t=e*e;return t*t*t*e}function ee(e,t,{kL:r=1,kC:a=1,kH:n=1}={}){[e,t]=j([e,t]);let[o,s,i]=F.from(e),c=G.from(F,[o,s,i])[1],[l,u,h]=F.from(t),p=G.from(F,[l,u,h])[1];c<0&&(c=0),p<0&&(p=0);let m=Q((c+p)/2),f=.5*(1-Math.sqrt(m/(m+J))),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),v=0===g&&0===h?0:Math.atan2(h,g);y<0&&(y+=2*U),v<0&&(v+=2*U),y*=V,v*=V;let C,R=l-o,B=M-b,_=v-y,k=y+v,S=Math.abs(_);b*M==0?C=0:S<=180?C=_:_>180?C=_-360:_<-180?C=_+360:w.warn("the unthinkable has happened");let x,E=2*Math.sqrt(M*b)*Math.sin(C*K/2),z=(o+l)/2,L=(b+M)/2,O=Q(L);x=b*M==0?k:S<=180?k/2:k<360?(k+360)/2:(k-360)/2;let A=(z-50)**2,I=1+.015*A/Math.sqrt(20+A),P=1+.045*L,$=1;$-=.17*Math.cos((x-30)*K),$+=.24*Math.cos(2*x*K),$+=.32*Math.cos((3*x+6)*K),$-=.2*Math.cos((4*x-63)*K);let q=1+.015*L*$,D=30*Math.exp(-1*((x-275)/25)**2),H=2*Math.sqrt(O/(O+J)),T=(R/(r*I))**2;return T+=(B/(a*P))**2,T+=(E/(n*q))**2,T+=-1*Math.sin(2*D*K)*H*(B/(a*P))*(E/(n*q)),Math.sqrt(T)}const te=[[.819022437996703,.3619062600528904,-.1288737815209879],[.0329836539323885,.9292868615863434,.0361446663506424],[.0481771893596242,.2642395317527308,.6335478284694309]],re=[[1.2268798758459243,-.5578149944602171,.2813910456659647],[-.0405757452148008,1.112286803280317,-.0717110580655164],[-.0763729366746601,-.4214933324022432,1.5869240198367816]],ae=[[.210454268309314,.7936177747023054,-.0040720430116193],[1.9779985324311684,-2.42859224204858,.450593709617411],[.0259040424655478,.7827717124575296,-.8086757549230774]],ne=[[1,.3963377773761749,.2158037573099136],[1,-.1055613458156586,-.0638541728258133],[1,-.0894841775298119,-1.2914855480194092]];var oe=new z({id:"oklab",name:"Oklab",coords:{l:{refRange:[0,1],name:"Lightness"},a:{refRange:[-.4,.4]},b:{refRange:[-.4,.4]}},white:"D65",base:O,fromBase(e){let t=r(e,te);return t[0]=Math.cbrt(t[0]),t[1]=Math.cbrt(t[1]),t[2]=Math.cbrt(t[2]),r(t,ae,t)},toBase(e){let t=r(e,ne);return t[0]=t[0]**3,t[1]=t[1]**3,t[2]=t[2]**3,r(t,re,t)},formats:{oklab:{coords:["<percentage> | <number>","<number> | <percentage>","<number> | <percentage>"]}}});function se(e,t){[e,t]=j([e,t]);let[r,a,n]=oe.from(e),[o,s,i]=oe.from(t),c=r-o,l=a-s,u=n-i;return Math.sqrt(c**2+l**2+u**2)}function ie(e,t,{epsilon:r=75e-6}={}){e=j(e),t||(t=e.space),t=z.get(t);let a=e.coords;return t!==e.space&&(a=t.from(e)),t.inGamut(a,{epsilon:r})}function ce(e){return{space:e.space,coords:e.coords.slice(),alpha:e.alpha}}function le(e,t,r="lab"){let a=(r=z.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))}const ue=Math.PI/180;var he=new z({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:O,fromBase:e=>e.map((e=>203*e)),toBase:e=>e.map((e=>e/203))});const pe=1.15,me=.66,fe=2610/16384,de=16384/2610,ge=.8359375,be=2413/128,Me=18.6875,ye=1.7*2523/32,we=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 Se=new z({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([pe*t-(pe-1)*n,me*a-(me-1)*t,n],Re).map((function(e){let t=ge+be*f(e/1e4,fe),r=1+Me*f(e/1e4,fe);return f(t/r,ye)})),[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-f(e,we),r=Me*f(e,we)-be;return 1e4*f(t/r,de)})),[s,i,c]=r(o,Be),l=(s+(pe-1)*c)/pe;return[l,(i+(me-1)*l)/me,c]},formats:{jzazbz:{coords:["<percentage> | <number>","<number> | <percentage>","<number> | <percentage>"]}}}),xe=new z({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:Se,fromBase:G.fromBase,toBase:G.toBase,formats:{jzczhz:{coords:["<percentage> | <number>","<number> | <percentage>","<number> | <angle>"]}}});const Ee=.8359375,je=2413/128,ze=18.6875,Le=2610/16384,Oe=2523/32,Ae=16384/2610,Ie=32/2523,Pe=[[.3592832590121217,.6976051147779502,-.035891593232029],[-.1920808463704993,1.100476797037432,.0753748658519118],[.0070797844607479,.0748396662186362,.8433265453898765]],$e=[[.5,.5,0],[6610/4096,-13613/4096,7003/4096],[17933/4096,-17390/4096,-543/4096]],qe=[[.9999999999999998,.0086090370379328,.111029625003026],[.9999999999999998,-.0086090370379328,-.1110296250030259],[.9999999999999998,.5600313357106791,-.3206271749873188]],De=[[2.0701522183894223,-1.3263473389671563,.2066510476294053],[.3647385209748072,.6805660249472273,-.0453045459220347],[-.0497472075358123,-.0492609666966131,1.1880659249923042]];var He=new z({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((Ee+je*(e/1e4)**Le)/(1+ze*(e/1e4)**Le))**Oe}));return r(t,$e)}(r(e,Pe)),toBase(e){let t=function(e){let t=r(e,qe),a=t.map((function(e){return 1e4*(Math.max(e**Ie-Ee,0)/(je-ze*e**Ie))**Ae}));return a}(e);return r(t,De)},formats:{ictcp:{coords:["<percentage> | <number>","<number> | <percentage>","<number> | <percentage>"]}}});const Te=B.D65,Ne=1/.42,We=2*Math.PI,Xe=[[.401288,.650173,-.051461],[-.250268,1.204414,.045854],[-.002079,.048952,.953127]],Fe=[[1.8620678550872327,-1.0112546305316843,.14918677544445175],[.38752654323613717,.6214474419314753,-.008973985167612518],[-.015841498849333856,-.03412293802851557,1.0499644368778496]],Ye=[[460,451,288],[460,-891,-261],[460,-220,-6300]],Ze={dark:[.8,.525,.8],dim:[.9,.59,.9],average:[1,.69,1]},Ge={h:[20.14,90,164.25,237.53,380.14],e:[.8,.7,1,1.2,.8],H:[0,100,200,300,400]},Je=180/Math.PI,Ue=Math.PI/180;function Ve(e,t){const r=e.map((e=>{const r=f(t*Math.abs(e)*.01,.42);return 400*m(r,e)/(r+27.13)}));return r}function Ke(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,Xe);let h=Ze[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=Ve(d,s.fl);return s.aW=s.nbb*(2*g[0]+g[1]+.05*g[2]),s}const Qe=Ke(Te,64/Math.PI*.2,20,"average",!1);function et(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?Y(e.h)*Ue:function(e){let t=(e%400+400)%400;const r=Math.floor(.01*t);t%=100;const[a,n]=Ge.h.slice(r,r+2),[o,s]=Ge.e.slice(r,r+2);return Y((t*(s*a-o*n)-100*a*s)/(t*(s-o)-100*s))}(e.H)*Ue;const n=Math.cos(a),o=Math.sin(a);let s=0;void 0!==e.J?s=.1*f(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=f(i*Math.pow(1.64-Math.pow(.29,t.n),-.73),10/9),l=.25*(Math.cos(a+2)+3.8),u=t.aW*f(s,2/t.c/t.z),h=5e4/13*t.nc*t.ncb*l,p=u/t.nbb,g=23*(p+.305)*d(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*f(t/(400-t),Ne),e)}))}(r([p,g*n,g*o],Ye).map((e=>1*e/1403)),t.fl);return r(b.map(((e,r)=>e*t.dRgbInv[r])),Fe).map((e=>e/100))}function tt(e,t){const a=e.map((e=>100*e)),n=Ve(r(a,Xe).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)%We+We)%We,c=.25*(Math.cos(i+2)+3.8),l=f(5e4/13*t.nc*t.ncb*d(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=f(t.nbb*(2*n[0]+n[1]+.05*n[2])/t.aW,.5*t.c*t.z),h=100*f(u,2),p=4/t.c*u*(t.aW+4)*t.flRoot,m=l*u,b=m*t.flRoot,M=Y(i*Je),y=function(e){let t=Y(e);t<=Ge.h[0]&&(t+=360);const r=g(Ge.h,t)-1,[a,n]=Ge.h.slice(r,r+2),[o,s]=Ge.e.slice(r,r+2),i=(t-a)/o;return Ge.H[r]+100*i/(i+(n-t)/s)}(M);return{J:h,C:m,h:M,s:50*f(t.c*l/(t.aW+4),.5),Q:p,M:b,H:y}}var rt=new z({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:O,fromBase(e){void 0===this.ε&&(this.ε=Object.values(this.coords)[1].refRange[1]/1e5);const t=tt(e,Qe),r=Math.abs(t.M)<this.ε;return[t.J,r?0:t.M,r?null:t.h]},toBase:e=>et({J:e[0],M:e[1],h:e[2]},Qe)});const at=B.D65,nt=216/24389,ot=24389/27;function st(e){return e>8?Math.pow((e+16)/116,3):e/ot}function it(e,t){const r=116*((a=e[1])>nt?Math.cbrt(a):(ot*a+16)/116)-16;var a;if(0===r)return[0,0,0];const n=tt(e,ct);return[Y(n.h),n.C,r]}const ct=Ke(at,200/Math.PI*st(50),100*st(50),"average",!1);var lt=new z({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:O,fromBase(e){void 0===this.ε&&(this.ε=Object.values(this.coords)[1].refRange[1]/1e5);let t=it(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=st(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=et({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 et({J:s,C:a,h:r},t)}(e,ct),formats:{color:{id:"--hct",coords:["<number> | <angle>","<percentage> | <number>","<percentage> | <number>"]}}});const ut=Math.PI/180,ht=[1,.007,.0228];function pt(e){e[1]<0&&(e=lt.fromBase(lt.toBase(e)));const t=Math.log(Math.max(1+ht[2]*e[1]*ct.flRoot,1))/ht[2],r=e[0]*ut,a=t*Math.cos(r),n=t*Math.sin(r);return[e[2],a,n]}var mt={deltaE76:function(e,t){return le(e,t,"lab")},deltaECMC:function(e,t,{l:r=2,c:a=1}={}){[e,t]=j([e,t]);let[n,o,i]=F.from(e),[,c,l]=G.from(F,[n,o,i]),[u,h,p]=F.from(t),m=G.from(F,[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)*ue)):.36+Math.abs(.4*Math.cos((l+35)*ue));let w=Math.pow(c,4),v=Math.sqrt(w/(w+1900)),C=(f/(r*b))**2;return C+=(d/(a*y))**2,C+=g/(y*(v*M+1-v))**2,Math.sqrt(C)},deltaE2000:ee,deltaEJz:function(e,t){[e,t]=j([e,t]);let[r,a,n]=xe.from(e),[o,i,c]=xe.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)},deltaEITP:function(e,t){[e,t]=j([e,t]);let[r,a,n]=He.from(e),[o,s,i]=He.from(t);return 720*Math.sqrt((r-o)**2+.25*(a-s)**2+(n-i)**2)},deltaEOK:se,deltaEOK2:function(e,t){[e,t]=j([e,t]);let[r,a,n]=oe.from(e),[o,s,i]=oe.from(t),c=r-o,l=2*(a-s),u=2*(n-i);return Math.sqrt(c**2+l**2+u**2)},deltaEHCT:function(e,t){[e,t]=j([e,t]);let[r,a,n]=pt(lt.from(e)),[o,s,i]=pt(lt.from(t));return Math.sqrt((r-o)**2+(a-s)**2+(n-i)**2)}};const ft={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 dt(e,{method:t=w.gamut_mapping,space:r,deltaEMethod:n="",jnd:o=2,blackWhiteClamp:i}={}){if(e=j(e),a(arguments[1])?r=arguments[1]:r||(r=e.space),ie(e,r=z.get(r),{epsilon:0}))return e;let c;if("css"===t)c=function(e,{space:t}={}){const r=.02,a=1e-4;e=j(e),t||(t=e.space);t=z.get(t);const n=z.get("oklch");if(t.isUnbounded)return bt(e,t);const o=bt(e,n);let s=o.coords[0];if(s>=1){const r=bt(gt.WHITE,t);return r.alpha=e.alpha,bt(r,t)}if(s<=0){const r=bt(gt.BLACK,t);return r.alpha=e.alpha,bt(r,t)}if(ie(o,t,{epsilon:0}))return bt(o,t);function i(e){const r=bt(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 p(r,e,n)}return e})),r}let c=0,l=o.coords[1],u=!0,h=ce(o),m=i(h),f=se(m,h);if(f<r)return m;for(;l-c>a;){const e=(c+l)/2;if(h.coords[1]=e,u&&ie(h,t,{epsilon:0}))c=e;else if(m=i(h),f=se(m,h),f<r){if(r-f<a)break;u=!1,c=e}else l=e}return m}(e,{space:r});else{if("clip"===t||ie(e,r))c=bt(e,r);else{Object.prototype.hasOwnProperty.call(ft,t)&&({method:t,jnd:o,deltaEMethod:n,blackWhiteClamp:i}=ft[t]);let a=ee;if(""!==n)for(let e in mt)if("deltae"+n.toLowerCase()===e.toLowerCase()){a=mt[e];break}0===o&&(o=1e-16);let l=dt(bt(e,r),{method:"clip",space:r});if(a(e,l)>o){if(i&&3===Object.keys(i).length){let t=z.resolveCoord(i.channel),r=$(bt(e,t.space),t.id);if(s(r)&&(r=0),r>=i.max)return bt({space:"xyz-d65",coords:B.D65},e.space);if(r<=i.min)return bt({space:"xyz-d65",coords:[0,0,0]},e.space)}let n=z.resolveCoord(t),l=n.space,u=n.id,h=bt(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=$(h,u);for(;d-f>m;){let e=ce(h);e=dt(e,{space:r,method:"clip"}),a(h,e)-o<m?f=$(h,u):d=$(h,u),D(h,u,(f+d)/2)}c=bt(h,r)}else c=l}if("clip"===t||!ie(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=bt(c,e.space)),e.coords=c.coords,e}dt.returns="color";const gt={WHITE:{space:oe,coords:[1,0,0],alpha:1},BLACK:{space:oe,coords:[0,0,0],alpha:1}};function bt(e,t,{inGamut:r}={}){e=j(e);let a=(t=z.get(t)).from(e),n={space:t,coords:a,alpha:e.alpha};return r&&(n=dt(n,!0===r?void 0:r)),n}function Mt(e,t={}){let r,{precision:a=w.precision,format:n,inGamut:s=!0,coords:i,alpha:c,commas:l}=t,u=j(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)??z.findFormat(h)),n||(n=u.space.getFormat("default")??z.DEFAULT_FORMAT,h=n.name),n&&n.space&&n.space!==u.space&&(u=bt(u,n.space));let m=u.coords.slice();if(s||=n.toGamut,s&&!ie(u)&&(m=dt(ce(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}bt.returns="color";var yt=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]]}),wt=new A({id:"rec2020",name:"REC.2020",base:yt,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 vt=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 Ct=[[3.2409699419045226,-1.537383177570094,-.4986107602930034],[-.9692436362808796,1.8759675015077202,.04155505740717559],[.05563007969699366,-.20397695888897652,1.0569715142428786]];var Rt=new A({id:"srgb-linear",name:"Linear sRGB",white:"D65",toXYZ_M:[[.41239079926595934,.357584339383878,.1804807884018343],[.21263900587151027,.715168678767756,.07219231536073371],[.01933081871559182,.11919477979462598,.9505321522496607]],fromXYZ_M:Ct}),Bt={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 _t=Array(3).fill("<percentage> | <number>[0, 255]"),kt=Array(3).fill("<number>[0, 255]");var St=new A({id:"srgb",name:"sRGB",base:Rt,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:_t},rgb_number:{name:"rgb",commas:!0,coords:kt,alpha:!1},color:{},rgba:{coords:_t,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=Bt.black,t.alpha=0):t.coords=Bt[e],t.coords)return t}}}}),xt=new A({id:"p3",cssId:"display-p3",name:"P3",base:vt,fromBase:St.fromBase,toBase:St.toBase});let Et;if(w.display_space=St,"undefined"!=typeof CSS&&CSS.supports)for(let e of[F,wt,xt]){let t=e.getMinCoords(),r=Mt({space:e,coords:t,alpha:1});if(CSS.supports("color",r)){w.display_space=e;break}}function jt(e,t){return s(e)||s(t)?e===t?null:0:e-t}function zt(e){return $(e,[O,"y"])}function Lt(e,t){D(e,[O,"y"],t)}var Ot=Object.freeze({__proto__:null,getLuminance:zt,register:function(e){Object.defineProperty(e.prototype,"luminance",{get(){return zt(this)},set(e){Lt(this,e)}})},setLuminance:Lt});function At(e){return e>=.022?e:e+(.022-e)**1.414}function It(e){let t=e<0?-1:1,r=Math.abs(e);return t*Math.pow(r,2.4)}const Pt=216/24389,$t=24/116,qt=24389/27;let Dt=B.D65;var Ht=new z({id:"lab-d65",name:"Lab D65",coords:{l:{refRange:[0,100],name:"Lightness"},a:{refRange:[-125,125]},b:{refRange:[-125,125]}},white:Dt,base:O,fromBase(e){let t=e.map(((e,t)=>e/Dt[t])).map((e=>e>Pt?Math.cbrt(e):(qt*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]>$t?Math.pow(t[0],3):(116*t[0]-16)/qt,e[0]>8?Math.pow((e[0]+16)/116,3):e[0]/qt,t[2]>$t?Math.pow(t[2],3):(116*t[2]-16)/qt].map(((e,t)=>e*Dt[t]))},formats:{"lab-d65":{coords:["<number> | <percentage>","<number> | <percentage>","<number> | <percentage>"]}}});const Tt=.5*Math.pow(5,.5)+.5;var Nt=Object.freeze({__proto__:null,contrastAPCA:function(e,t){let r,a,n,o,i,c;t=j(t),e=j(e),t=bt(t,"srgb"),[o,i,c]=t.coords.map((e=>s(e)?0:e));let l=.2126729*It(o)+.7151522*It(i)+.072175*It(c);e=bt(e,"srgb"),[o,i,c]=e.coords.map((e=>s(e)?0:e));let u=.2126729*It(o)+.7151522*It(i)+.072175*It(c),h=At(l),p=At(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},contrastDeltaPhi:function(e,t){e=j(e),t=j(t);let r=$(e,[Ht,"l"]),a=$(t,[Ht,"l"]),n=Math.abs(Math.pow(r,Tt)-Math.pow(a,Tt)),o=Math.pow(n,1/Tt)*Math.SQRT2-40;return o<7.5?0:o},contrastLstar:function(e,t){e=j(e),t=j(t);let r=$(e,[F,"l"]),a=$(t,[F,"l"]);return Math.abs(r-a)},contrastMichelson:function(e,t){e=j(e),t=j(t);let r=Math.max(zt(e),0),a=Math.max(zt(t),0);a>r&&([r,a]=[a,r]);let n=r+a;return 0===n?0:(r-a)/n},contrastWCAG21:function(e,t){e=j(e),t=j(t);let r=Math.max(zt(e),0),a=Math.max(zt(t),0);return a>r&&([r,a]=[a,r]),(r+.05)/(a+.05)},contrastWeber:function(e,t){e=j(e),t=j(t);let r=Math.max(zt(e),0),a=Math.max(zt(t),0);return a>r&&([r,a]=[a,r]),0===a?5e4:(r-a)/a}});function Wt(e){let[t,r,a]=P(e,O),n=t+15*r+3*a;return[4*t/n,9*r/n]}function Xt(e){let[t,r,a]=P(e,O),n=t+r+a;return[t/n,r/n]}var Ft=Object.freeze({__proto__:null,register:function(e){Object.defineProperty(e.prototype,"uv",{get(){return Wt(this)}}),Object.defineProperty(e.prototype,"xy",{get(){return Xt(this)}})},uv:Wt,xy:Xt});function Yt(e,t,r={}){a(r)&&(r={method:r});let{method:n=w.deltaE,...o}=r;for(let r in mt)if("deltae"+n.toLowerCase()===r.toLowerCase())return mt[r](e,t,o);throw new TypeError(`Unknown deltaE method: ${n}`)}function Zt(e,t=.25){return D(e,[z.get("oklch","lch"),"l"],(e=>e*(1+t)))}function Gt(e,t=.25){return D(e,[z.get("oklch","lch"),"l"],(e=>e*(1-t)))}Zt.returns="color",Gt.returns="color";var Jt=Object.freeze({__proto__:null,darken:Gt,lighten:Zt});function Ut(e,t,r,a={}){return[e,t]=[j(e),j(t)],"object"===n(r)&&([r,a]=[.5,r]),Kt(e,t,a)(r??.5)}function Vt(e,t,r={}){let a;Qt(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]=[j(e),j(t)],a=Kt(e,t,c));let l=Yt(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=Yt(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,Yt(s,r.color),Yt(s,n.color)),h.splice(t,0,{p:o,color:a(o)}),t++}}}return h=h.map((e=>e.color)),h}function Kt(e,t,r={}){if(Qt(e)){let[r,a]=[e,t];return Kt(...r.rangeArgs.colors,{...r.rangeArgs.options,...a})}let{space:a,outputSpace:n,progression:o,premultiplied:i}=r;e=j(e),t=j(t),e=ce(e),t=ce(t);let c={colors:[e,t],options:r};if(a=a?z.get(a):z.registry[w.interpolationSpace]||e.space,n=n?z.get(n):a,e=bt(e,a),t=bt(t,a),e=dt(e),t=dt(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]=Z(n,[i,c]),D(e,o,i),D(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=bt(u,n)),u}),{rangeArgs:c})}function Qt(e){return"function"===n(e)&&!!e.rangeArgs}w.interpolationSpace="lab";var er=Object.freeze({__proto__:null,isRange:Qt,mix:Ut,range:Kt,register:function(e){e.defineFunction("mix",Ut,{returns:"color"}),e.defineFunction("range",Kt,{returns:"function<color>"}),e.defineFunction("steps",Vt,{returns:"array<color>"})},steps:Vt}),tr=new z({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:St,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}}}),rr=new z({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:St,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>"]}}}),ar=new z({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:rr,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 nr=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]]}),or=new A({id:"a98rgb",cssId:"a98-rgb",name:"Adobe® 98 RGB compatible",base:nr,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 sr=new A({id:"prophoto-linear",cssId:"--prophoto-rgb-linear",name:"Linear ProPhoto",white:"D50",base:H,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 ir=1/512;var cr=new A({id:"prophoto",cssId:"prophoto-rgb",name:"ProPhoto",base:sr,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>=ir?t*r**(1/1.8):16*e}))});const lr=1.09929682680944,ur=.018053968510807;var hr=new A({id:"--rec2020-oetf",name:"REC.2020_Scene_Referred",base:yt,referred:"scene",toBase:e=>e.map((function(e){let t=e<0?-1:1,r=e*t;return r<4.5*ur?e/4.5:t*Math.pow((r+lr-1)/lr,1/.45)})),fromBase:e=>e.map((function(e){let t=e<0?-1:1,r=e*t;return r>=ur?t*(lr*Math.pow(r,.45)-(lr-1)):4.5*e}))}),pr=new z({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:oe,fromBase:G.fromBase,toBase:G.toBase,formats:{oklch:{coords:["<percentage> | <number>","<number> | <percentage>","<number> | <angle>"]}}});const mr=2*Math.PI,fr=[[4.076741636075958,-3.307711539258063,.2309699031821043],[-1.2684379732850315,2.609757349287688,-.341319376002657],[-.0041960761386756,-.7034186179359362,1.7076146940746117]],dr=[[[-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]]],gr=Number.MAX_VALUE,br=.206,Mr=.03,yr=(1+br)/1.03;function wr(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 vr(e){return.5*(yr*e-br+Math.sqrt((yr*e-br)*(yr*e-br)+.12*yr*e))}function Cr(e){return(e**2+br*e)/(yr*(e+Mr))}function Rr(e){let[t,r]=e;return[r/t,r/(1-t)]}function Br(e,t){let a=r(e,ne);return a[0]=a[0]**3,a[1]=a[1]**3,a[2]=a[2]**3,r(a,t,a)}function _r(e,t,r,a){let n=function(e,t,r,a){let n,o,s,i,c,l,u,h;wr(a[0][0],[e,t])>1?([n,o,s,i,c]=a[0][1],[l,u,h]=r[0]):wr(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=wr(ne[0].slice(1),[e,t]),f=wr(ne[1].slice(1),[e,t]),d=wr(ne[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,v=l*(3*m*g**2)+u*(3*f*b**2)+h*(3*d*M**2);return p-=w*v/(v**2-.5*w*(l*(6*m**2*g)+u*(6*f**2*b)+h*(6*d**2*M))),p}(e,t,