colorjs.io
Version:
Let’s get serious about color
1 lines • 77 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,l=a[0].map(((e,t)=>a.map((e=>e[t])))),c=r.map((e=>l.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&&(c=c[0]),1===i&&s?1===n&&o?c[0]:c.map((e=>e[0])):c}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=+l(e,t))+(r??"")}function s(e){return null===e}function i(e){return s(e)?0:e}function l(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 c(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:c(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],l=this.coords[n].find((e=>e.type==i));if(!l){let e=a.name||r;throw new TypeError(`${i??o?.raw??o} not allowed for ${e} in ${this.name}()`)}return o=l.resolve(o),l.range&&(t[n]=l.toString()),o}))}canSerialize(){return"function"===this.type||this.serialize}parse(e){return null}static get(e,...t){return!e||d(e,this)?e:e[b]?e[b]:new M(e,...t)}}class w{add(e,t,r){if("string"==typeof arguments[0])(Array.isArray(e)?e:[e]).forEach((function(e){this[e]=this[e]||[],t&&this[e][r?"unshift":"push"](t)}),this);else for(var e in arguments[0])this.add(e,arguments[0][e],arguments[1])}run(e,t){this[e]=this[e]||[],this[e].forEach((function(e){e.call(t&&t.context?t.context:t,t)}))}}const y=new w,x={D50:[.3457/.3585,1,.2958/.3585],D65:[.3127/.329,1,.3583/.329]};function v(e){return Array.isArray(e)?e:x[e]}function C(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(y.run("chromatic-adaptation-start",o),o.M||(o.W1===x.D65&&o.W2===x.D50?o.M=[[1.0479297925449969,.022946870601609652,-.05019226628920524],[.02962780877005599,.9904344267538799,-.017073799063418826],[-.009243040646204504,.015055191490298152,.7518742814281371]]:o.W1===x.D50&&o.W2===x.D65&&(o.M=[[.955473421488075,-.02309845494876471,.06325924320057072],[-.0283697093338637,1.0099953980813041,.021041441191917323],[.012314014864481998,-.020507649298898964,1.330365926242124]])),y.run("chromatic-adaptation-end",o),o.M)return r(o.XYZ,o.M);throw new TypeError("Only Bradford CAT with white points D50 and D65 supported for now.")}var B={gamut_mapping:"css",precision:5,deltaE:"76",verbose:"test"!==globalThis?.process?.env?.NODE_ENV?.toLowerCase(),warn:function(e){this.verbose&&globalThis?.console?.warn?.(e)}};function R(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(_.function);if(t){let e=[],r=[],a=!1,n=t[1].toLowerCase(),o=t[2].replace(_.singleArgument,((t,o)=>{let{value:s,meta:i}=function(e){let t={},r=e.match(_.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*L[r]):_.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,l=i.map(((e,t)=>a.parsed.argMeta[t]?.type));if("color"===s){let r=i.shift();l.shift();let n=r.startsWith("--")?r.substring(2):`--${r}`,c=[r,n];if(t=S.findFormat({name:s,id:c,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("--")&&B.warn(`${o.name} is a non-standard space and not currently supported in the CSS spec. Use prefixed color(${t.id}) instead of color(${r}).`),r.startsWith("--")&&!t.id.startsWith("--")&&B.warn(`${o.name} is a standard space and supported in the CSS spec. Use color(${t.id}) instead of prefixed color(${r}).`)}else t=S.findFormat({name:s,type:"function"}),o=t.space;n&&Object.assign(n,{format:t,formatId:t.name,types:l,commas:a.parsed.commas});let c=1;a.parsed.lastAlpha&&(c=a.parsed.args.pop(),n&&(n.alphaType=l.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,l),r={spaceId:o.id,coords:i,alpha:c}}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 L={"%":.01,deg:1,grad:.9,rad:180/Math.PI,turn:360},_={function:/^([a-z]+)\(((?:calc\(NaN\)|.)+?)\)$/i,number:/^([-+]?(?:[0-9]*\.)?[0-9]+(e[-+]?[0-9]+)?)$/i,unitValue:RegExp(`(${Object.keys(L).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=R(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.displaySpaces=e.displaySpaces?.map((e=>S.get(e))),this.bases=[];for(let e=this.base;e;e=e.base)this.bases.push(e);e.rgbGamut&&(this.rgbGamut=e.rgbGamut),e.linearGamut&&(this.linearGamut=e.linearGamut),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}),y.run("colorspace-init-end",this)}inGamut(e,{epsilon:t=75e-6}={}){if(!this.equals(this.gamutSpace))return e=this.to(this.gamutSpace,e),this.gamutSpace.inGamut(e,{epsilon:t});let r=Object.values(this.coords);return e.every(((e,a)=>{let n=r[a];if("angle"!==n.type&&n.range){if(s(e))return!0;let[r,a]=n.range;return(void 0===r||e>=r-t)&&(void 0===a||e<=a+t)}return!0}))}get isUnbounded(){return Object.values(this.coords).every((e=>!("range"in e)))}get cssId(){return this.formats?.color?.id||this.id}get isPolar(){for(let e in this.coords)if("angle"===this.coords[e].type)return!0;return!1}getFormat(e){if(!e)return null;"default"===e?e=Object.values(this.formats)[0]:"string"==typeof e&&(e=this.formats[e]);let t=M.get(e,this);return t!==e&&e.name in this.formats&&(this.formats[e.name]=t),t}equals(e){return!!e&&(this===e||this.id===e||this.id===e.id)}to(e,t){if(1===arguments.length){const r=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 H=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 z 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=H),e.toXYZ_M&&e.fromXYZ_M&&(e.toBase??=t=>{let a=r(t,e.toXYZ_M);return this.white!==this.base.white&&(a=C(this.white,this.base.white,a)),a},e.fromBase??=t=>r(t=C(this.base.white,this.white,t),e.fromXYZ_M)),e.referred??="display",super(e)}}function A(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=>l(e,n)))}function P(e,t){if(e=E(e),"alpha"===t)return e.alpha??1;let{space:r,index:a}=S.resolveCoord(t,e.space);return A(e,r)[a]}function O(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 I(e,t,r){if(e=E(e),2===arguments.length&&"object"===n(arguments[1])){let t=arguments[1];for(let r in t)I(e,r,t[r])}else if("function"==typeof r&&(r=r(P(e,t))),"alpha"===t)e.alpha=r;else{let{space:a,index:n}=S.resolveCoord(t,e.space),o=A(e,a);o[n]=r,O(e,a,o)}return e}O.returns="color",I.returns="color";var G=new S({id:"xyz-d50",name:"XYZ D50",white:"D50",base:H,fromBase:e=>C(H.white,"D50",e),toBase:e=>C("D50",H.white,e)});const j=216/24389,$=24/116,q=24389/27;let D=x.D50;var T=new S({id:"lab",name:"Lab",coords:{l:{refRange:[0,100],name:"Lightness"},a:{refRange:[-125,125]},b:{refRange:[-125,125]}},white:D,base:G,fromBase(e){let t=e.map(((e,t)=>e/D[t])).map((e=>e>j?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]>$?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]>$?Math.pow(n[2],3):(116*n[2]-16)/q].map(((e,t)=>e*D[t]))},formats:{lab:{coords:["<percentage> | <number>","<number> | <percentage>","<number> | <percentage>"]}}});function W(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=W(r),a=W(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:T,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:W(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,K=Z/180;function F(e){const t=e*e;return t*t*t*e}function U(e,t,{kL:r=1,kC:a=1,kH:n=1}={}){[e,t]=E([e,t]);let[o,s,i]=T.from(e),l=X.from(T,[o,s,i])[1],[c,u,h]=T.from(t),p=X.from(T,[c,u,h])[1];l<0&&(l=0),p<0&&(p=0);let m=F((l+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),w=0===d&&0===i?0:Math.atan2(i,d),y=0===g&&0===h?0:Math.atan2(h,g);w<0&&(w+=2*Z),y<0&&(y+=2*Z),w*=J,y*=J;let x,v=c-o,C=M-b,R=y-w,L=w+y,_=Math.abs(R);b*M==0?x=0:_<=180?x=R:R>180?x=R-360:R<-180?x=R+360:B.warn("the unthinkable has happened");let S,k=2*Math.sqrt(M*b)*Math.sin(x*K/2),H=(o+c)/2,z=(b+M)/2,A=F(z);S=b*M==0?L:_<=180?L/2:L<360?(L+360)/2:(L-360)/2;let P=(H-50)**2,O=1+.015*P/Math.sqrt(20+P),I=1+.045*z,G=1;G-=.17*Math.cos((S-30)*K),G+=.24*Math.cos(2*S*K),G+=.32*Math.cos((3*S+6)*K),G-=.2*Math.cos((4*S-63)*K);let j=1+.015*z*G,$=30*Math.exp(-1*((S-275)/25)**2),q=2*Math.sqrt(A/(A+Y)),D=(v/(r*O))**2;return D+=(C/(a*I))**2,D+=(k/(n*j))**2,D+=-1*Math.sin(2*$*K)*q*(C/(a*I))*(k/(n*j)),Math.sqrt(D)}const V=[[.819022437996703,.3619062600528904,-.1288737815209879],[.0329836539323885,.9292868615863434,.0361446663506424],[.0481771893596242,.2642395317527308,.6335478284694309]],Q=[[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:H,fromBase(e){let t=r(e,V);return t[0]=Math.cbrt(t[0]),t[1]=Math.cbrt(t[1]),t[2]=Math.cbrt(t[2]),r(t,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,Q,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),l=r-o,c=a-s,u=n-i;return Math.sqrt(l**2+c**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})}var oe=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>"]}}});function se(e){return{space:e.space,coords:e.coords.slice(),alpha:e.alpha}}function ie(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 le(e,t){return ie(e,t,"lab")}const ce=Math.PI/180;function ue(e,t,{l:r=2,c:a=1}={}){[e,t]=E([e,t]);let[n,o,i]=T.from(e),[,l,c]=X.from(T,[n,o,i]),[u,h,p]=T.from(t),m=X.from(T,[u,h,p])[1];l<0&&(l=0),m<0&&(m=0);let f=n-u,d=l-m,g=(o-h)**2+(i-p)**2-d**2,b=.511;n>=16&&(b=.040975*n/(1+.01765*n));let M,w=.0638*l/(1+.0131*l)+.638;s(c)&&(c=0),M=c>=164&&c<=345?.56+Math.abs(.2*Math.cos((c+168)*ce)):.36+Math.abs(.4*Math.cos((c+35)*ce));let y=Math.pow(l,4),x=Math.sqrt(y/(y+1900)),v=(f/(r*b))**2;return v+=(d/(a*w))**2,v+=g/(w*(x*M+1-x))**2,Math.sqrt(v)}var he=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:H,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,we=1.7*2523/32,ye=32/(1.7*2523),xe=-.56,ve=16295499532821565e-27,Ce=[[.41478972,.579999,.014648],[-.20151,1.120649,.0531008],[-.0166008,.2648,.6684799]],Be=[[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]],Le=[[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:he,fromBase(e){let[t,a,n]=e,o=r([pe*t-(pe-1)*n,me*a-(me-1)*t,n],Ce).map((function(e){let t=ge+be*m(e/1e4,fe),r=1+Me*m(e/1e4,fe);return m(t/r,we)})),[s,i,l]=r(o,Re);return[(1+xe)*s/(1+xe*s)-ve,i,l]},toBase(e){let[t,a,n]=e,o=r([(t+ve)/(1+xe-xe*(t+ve)),a,n],Le).map((function(e){let t=ge-m(e,ye),r=Me*m(e,ye)-be;return 1e4*m(t/r,de)})),[s,i,l]=r(o,Be),c=(s+(pe-1)*l)/pe;return[c,(i+(me-1)*c)/me,l]},formats:{jzazbz:{coords:["<percentage> | <number>","<number> | <percentage>","<number> | <percentage>"]}}}),Ee=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 Se(e,t){[e,t]=E([e,t]);let[r,a,n]=Ee.from(e),[o,i,l]=Ee.from(t),c=r-o,u=a-i;s(n)&&s(l)?(n=0,l=0):s(n)?n=l:s(l)&&(l=n);let h=n-l,p=2*Math.sqrt(a*i)*Math.sin(h/2*(Math.PI/180));return Math.sqrt(c**2+u**2+p**2)}const ke=.8359375,He=2413/128,ze=18.6875,Ae=2610/16384,Pe=2523/32,Oe=16384/2610,Ie=32/2523,Ge=[[.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]],$e=[[.9999999999999998,.0086090370379328,.111029625003026],[.9999999999999998,-.0086090370379328,-.1110296250030259],[.9999999999999998,.5600313357106791,-.3206271749873188]],qe=[[2.0701522183894223,-1.3263473389671563,.2066510476294053],[.3647385209748072,.6805660249472273,-.0453045459220347],[-.0497472075358123,-.0492609666966131,1.1880659249923042]];var De=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:he,fromBase:e=>function(e){let t=e.map((function(e){return((ke+He*(e/1e4)**Ae)/(1+ze*(e/1e4)**Ae))**Pe}));return r(t,je)}(r(e,Ge)),toBase(e){let t=function(e){let t=r(e,$e),a=t.map((function(e){return 1e4*(Math.max(e**Ie-ke,0)/(He-ze*e**Ie))**Oe}));return a}(e);return r(t,qe)},formats:{ictcp:{coords:["<percentage> | <number>","<number> | <percentage>","<number> | <percentage>"]}}});function Te(e,t){[e,t]=E([e,t]);let[r,a,n]=De.from(e),[o,s,i]=De.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),l=r-o,c=2*(a-s),u=2*(n-i);return Math.sqrt(l**2+c**2+u**2)}const Ne=x.D65,Xe=1/.42,Ye=2*Math.PI,Ze=[[.401288,.650173,-.051461],[-.250268,1.204414,.045854],[-.002079,.048952,.953127]],Je=[[1.8620678550872327,-1.0112546305316843,.14918677544445175],[.38752654323613717,.6214474419314753,-.008973985167612518],[-.015841498849333856,-.03412293802851557,1.0499644368778496]],Ke=[[460,451,288],[460,-891,-261],[460,-220,-6300]],Fe={dark:[.8,.525,.8],dim:[.9,.59,.9],average:[1,.69,1]},Ue={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 et(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 tt(e,t,a,n,o){const s={};s.discounting=o,s.refWhite=e,s.surround=n;const i=e.map((e=>100*e));s.la=t,s.yb=a;const l=i[1],u=r(i,Ze);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/l,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=>c(1,l/e,f))),s.dRgbInv=s.dRgb.map((e=>1/e));const d=u.map(((e,t)=>e*s.dRgb[t])),g=et(d,s.fl);return s.aW=s.nbb*(2*g[0]+g[1]+.05*g[2]),s}const rt=tt(Ne,64/Math.PI*.2,20,"average",!1);function at(e,t){if(!(void 0!==e.J^void 0!==e.Q))throw new Error("Conversion requires one and only one: 'J' or 'Q'");if(!(void 0!==e.C^void 0!==e.M^void 0!==e.s))throw new Error("Conversion requires one and only one: 'C', 'M' or 's'");if(!(void 0!==e.h^void 0!==e.H))throw new Error("Conversion requires one and only one: 'h' or 'H'");if(0===e.J||0===e.Q)return[0,0,0];let a=0;a=void 0!==e.h?W(e.h)*Qe:function(e){let t=(e%400+400)%400;const r=Math.floor(.01*t);t%=100;const[a,n]=Ue.h.slice(r,r+2),[o,s]=Ue.e.slice(r,r+2);return W((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 l=m(i*Math.pow(1.64-Math.pow(.29,t.n),-.73),10/9),c=.25*(Math.cos(a+2)+3.8),u=t.aW*m(s,2/t.c/t.z),h=5e4/13*t.nc*t.ncb*c,d=u/t.nbb,g=23*(d+.305)*f(l,23*h+l*(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),Xe),e)}))}(r([d,g*n,g*o],Ke).map((e=>1*e/1403)),t.fl);return r(b.map(((e,r)=>e*t.dRgbInv[r])),Je).map((e=>e/100))}function nt(e,t){const a=e.map((e=>100*e)),n=et(r(a,Ze).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)%Ye+Ye)%Ye,l=.25*(Math.cos(i+2)+3.8),c=m(5e4/13*t.nc*t.ncb*f(l*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=c*u,g=d*t.flRoot,b=W(i*Ve),M=function(e){let t=W(e);t<=Ue.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}(Ue.h,t)-1,[a,n]=Ue.h.slice(r,r+2),[o,s]=Ue.e.slice(r,r+2),i=(t-a)/o;return Ue.H[r]+100*i/(i+(n-t)/s)}(b);return{J:h,C:d,h:b,s:50*m(t.c*c/(t.aW+4),.5),Q:p,M:g,H:M}}var ot=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:H,fromBase(e){void 0===this.ε&&(this.ε=Object.values(this.coords)[1].refRange[1]/1e5);const t=nt(e,rt),r=Math.abs(t.M)<this.ε;return[t.J,r?0:t.M,r?null:t.h]},toBase:e=>at({J:e[0],M:e[1],h:e[2]},rt)});const st=x.D65,it=216/24389,lt=24389/27;function ct(e){return e>8?Math.pow((e+16)/116,3):e/lt}function ut(e,t){const r=116*((a=e[1])>it?Math.cbrt(a):(lt*a+16)/116)-16;var a;if(0===r)return[0,0,0];const n=nt(e,ht);return[W(n.h),n.C,r]}const ht=tt(st,200/Math.PI*ct(50),100*ct(50),"average",!1);var pt=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:H,fromBase(e){void 0===this.ε&&(this.ε=Object.values(this.coords)[1].refRange[1]/1e5);let t=ut(e);return t[1]<this.ε&&(t[1]=0,t[0]=null),t},toBase:e=>function(e,t){let[r,a,n]=e,o=[],s=0;if(0===n)return[0,0,0];let i=ct(n);s=n>0?.00379058511492914*n**2+.608983189401032*n+.9155088574762233:9514440756550361e-21*n**2+.08693057439788597*n-21.928975842194614;let l=0,c=1/0,u=[0,0,0];for(;l<=15;){o=at({J:s,C:a,h:r},t);const e=Math.abs(o[1]-i);if(e<c){if(e<=2e-12)return o;u=o,c=e}s-=(o[1]-i)*s/(2*o[1]),l+=1}return u}(e,ht),formats:{color:{id:"--hct",coords:["<number> | <angle>","<percentage> | <number>","<percentage> | <number>"]}}});const mt=Math.PI/180,ft=[1,.007,.0228];function dt(e){e[1]<0&&(e=pt.fromBase(pt.toBase(e)));const t=Math.log(Math.max(1+ft[2]*e[1]*ht.flRoot,1))/ft[2],r=e[0]*mt,a=t*Math.cos(r),n=t*Math.sin(r);return[e[2],a,n]}function gt(e,t){[e,t]=E([e,t]);let[r,a,n]=dt(pt.from(e)),[o,s,i]=dt(pt.from(t));return Math.sqrt((r-o)**2+(a-s)**2+(n-i)**2)}const{cos:bt,sin:Mt,sqrt:wt,atan2:yt,exp:xt,abs:vt,pow:Ct,PI:Bt}=Math,Rt=[[1.000042977349746,20718877053183e-18,-4361018085669474e-20],[26946201090235744e-21,.9999906145080147,-14898828405401079e-21],[-7941753620756204e-21,12875204405137254e-21,.9997859822609763]],Lt=[[.9999570254019492,-2071874272730964e-20,4361733292468361e-20],[-2694517763358666e-20,1.000009385946497,1490098223546482e-20],[7943459292954202e-21,-1287824596735154e-20,1.000214063706999]],_t=[[.7212986433113499,.45344826541531813,-.19288975751942616],[-.788211869495579,1.795241376757236,.0876172451181785],[-.0917700599912156,.45765588659459255,1.2922045513917677]],Et=[[1.065107295808859,-.3150044075301121,.1803492381741039],[.4721107713837796,.4271995765962455,.04150680489380985],[-.09156391926309541,-.1736709363194979,.7719790382558294]],St=[.47229813098762524,.5149184096354483,.5113233386366979],kt=[2.1173067060606283,1.9420552485353544,1.9557096741686448],Ht=[[-.26355622180094096,.4168322883703174,.4926763141656403],[1.8897570508777322,-3.1212232034205774,1.0421666921060384],[.3585108617962056,1.7694028193790368,-1.4120626067695372]],zt=[[.9183897822815021,.5232051237088666,.7065804598090856],[1.0899090574433026,.07005324849041904,.4319776874787044],[1.598895729264209,.22061850068770233,.012506037355220951]],At=-.02833024015436984,Pt=-.21131429516166544,Ot=.2189784817615645,It=-.06871898981942523,Gt=.005506053349515315,jt=-.0641329861299175,$t=-.053592461436994296,qt=-.00954137464208059,Dt=.2676231133101982,Tt=.8934892185255707,Wt=.7173169828841472,Nt=.6915224124600773,Xt=.48647127559605596,Yt=.9853124591201782,Zt=.5385456675962418,Jt=.12508858146241716,Kt=.6768950256217603,Ft=-.4963251525324449,Ut=-.09564696283240552,Vt=-.029053748937210654,Qt=1.3346761652952872,er=-.1698908144723919,tr=-28.2*Bt/180,rr=bt(tr),ar=Mt(tr);function nr(e){return At*bt(e)+Pt*Mt(e)+Ot*bt(2*e)+It*Mt(2*e)+Gt*bt(3*e)+jt*Mt(3*e)+$t*bt(4*e)+qt*Mt(4*e)}function or(e){return-At*Mt(e)+Pt*bt(e)+-2*Ot*Mt(2*e)+2*It*bt(2*e)+-3*Gt*Mt(3*e)+3*jt*bt(3*e)+-4*$t*Mt(4*e)+4*qt*bt(4*e)}function sr(e){let t=-.195370576218515*bt(e)+.5330819227283227*Mt(e)+.08863325582067766*bt(2*e)+.9365540137751136*Mt(2*e)+.13789738139719568*bt(3*e)+.061650260197979936*Mt(3*e)+.0641970862504494*bt(4*e)+-.027401052793571013*Mt(4*e);return xt(t)}function ir(e){let t=e-.5;return xt(h(-30,-1.5239477450767043*t+-1.751157310240011*t*t,30))}function lr(e,t){let r=-.43576378069144767*bt(e)+1.060094063845983*Mt(e)+.47931193034584496*bt(2*e)+-.2622579649434462*Mt(2*e);return xt(h(-30,(t-.5)*r,30))}function cr(e){let t=.13610794232685908*bt(e)+.1168702235362288*Mt(e)+-.01617739641422492*bt(2*e)+.038145638815030566*Mt(2*e);return xt(t)}function ur(e){return 1+-.09900209889026965*bt(e)+.059635520647228726*Mt(e)+-.013586499967803128*bt(2*e)+.2253393118474472*Mt(2*e)}const hr=function(e){let t=r(e,Rt),[a,n,o]=r(t,_t),s=m(a,St[0]),i=m(n,St[1]),l=m(o,St[2]),[c,u,p]=r([s,i,l],Ht),f=yt(p,u),d=wt(u*u+p*p),g=f+nr(f);u=d*bt(g),p=d*Mt(g);let b=wt(u*u+p*p),M=Dt*Ct(b,h(.01,Tt,10)),w=yt(p,u);c+=M*(1+Wt*bt(w)+Nt*Mt(w)+Xt*bt(2*w)+Yt*Mt(2*w)),f=yt(p,u),c=function(e,t){let r=e*(1-e),a=e+Zt*r+Jt*r*(.5-e)+Kt*r*r;return a+=r*(Ft*bt(t)+Ut*Mt(t)),a}(c,f),f=yt(p,u),c=function(e,t){let r=Vt+Qt*bt(t)+er*Mt(t),a=e<1?1-e:0;return e*xt(h(-30,r*e*a*a,30))}(c,f),f=yt(p,u);let y=sr(f);u*=y,p*=y,f=yt(p,u),d=wt(u*u+p*p);let x=ur(f),v=d>0?Ct(d,x):0;u=v*bt(f),p=v*Mt(f);let C=ir(c);u*=C,p*=C,f=yt(p,u);let B=lr(f,c);return u*=B,p*=B,f=yt(p,u),c*=cr(f),[c,u*rr-p*ar,u*ar+p*rr]},pr=function(e){let[t,a,n]=e,o=-a*ar+n*rr;a=a*rr+n*ar,n=o;let s=yt(n,a);t/=cr(s),s=yt(n,a);let i=lr(s,t);a/=i,n/=i;let l=ir(t);a/=l,n/=l,s=yt(n,a);let c=wt(a*a+n*n),u=ur(s),p=c>0?Ct(c,1/u):0;a=p*bt(s),n=p*Mt(s),s=yt(n,a);let f=sr(s);a/=f,n/=f,s=yt(n,a),t=function(e,t){let r=Vt+Qt*bt(t)+er*Mt(t),a=e;for(let t=0;t<12;t++){let t=a<1?1-a:0,n=xt(h(-30,r*a*t*t,30)),o=a*n-e,s=n*(1+a*(r*t*(1-3*a)));vt(s)<1e-10&&(s=1),a-=o/s}return a}(t,s),s=yt(n,a),t=function(e,t){let r=Ft*bt(t)+Ut*Mt(t),a=e;for(let t=0;t<15;t++){let t=a*(1-a),n=1-2*a,o=a+(Zt+r)*t+Jt*t*(.5-a)+Kt*t*t-e,s=1+(Zt+r)*n+Jt*(n*(.5-a)-t)+2*Kt*t*n;vt(s)<1e-10&&(s=1),a-=o/s}return a}(t,s);let d=wt(a*a+n*n),g=Dt*Ct(d,h(.01,Tt,10)),b=yt(n,a);t-=g*(1+Wt*bt(b)+Nt*Mt(b)+Xt*bt(2*b)+Yt*Mt(2*b));let M=yt(n,a);c=wt(a*a+n*n);let w=M;for(let e=0;e<8;e++){let e=w+nr(w)-M,t=1+or(w);vt(t)<1e-10&&(t=1),w-=e/t}a=c*bt(w),n=c*Mt(w);let[y,x,v]=r([t,a,n],zt),C=r([m(y,kt[0]),m(x,kt[1]),m(v,kt[2])],Et);return r(C,Lt)};var mr=new S({id:"helmlab-metric",name:"Helmlab MetricSpace",cssId:"--helmlab-metric",coords:{l:{refRange:[0,1.6],name:"Lightness"},a:{refRange:[-1.5,1.5]},b:{refRange:[-1.5,1.5]}},white:"D65",base:H,fromBase:e=>hr(e),toBase:e=>pr(e)});function fr(e,t){[e,t]=E([e,t]);let[r,a,n]=mr.from(e),[o,s,i]=mr.from(t),l=((r-o)**2/(1+-.9155125151657894*(.5*(r+o)-.5)**2)**2+3.966003089807536*((a-s)**2+(n-i)**2)/(1+2.9268353744941558*(.5*(Math.sqrt(a**2+n**2)+Math.sqrt(s**2+i**2))))**2)**.9868540585202484;return(l/(1+52.473130649294724*l))**.47897301074925214}var dr={deltaE76:le,deltaECMC:ue,deltaE2000:U,deltaEJz:Se,deltaEITP:Te,deltaEOK:ae,deltaEOK2:We,deltaEHCT:gt,deltaEHelmlab:fr};const gr={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 br(e,{method:t=B.gamut_mapping,space:r,deltaEMethod:n="",jnd:o=2,blackWhiteClamp:i,min:l,max:c}={}){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 u;if("css"===t)u=wr(e,{space:r});else if("raytrace"===t)u=function(e,{space:t}={}){e=E(e),t||(t=e.space);if(t=S.get(t),t.isUnbounded)return xr(e,t);let r=xr(e,oe),[a,n,o]=r.coords;if(a>=1){const r=xr(Mr.WHITE,t);return r.alpha=e.alpha,xr(r,t)}if(a<=0){const r=xr(Mr.BLACK,t);return r.alpha=e.alpha,xr(r,t)}const s=t,i=t.rgbGamut;void 0!==i&&(t=i);if(!d(t,z))throw Error("An RGB gamut is required");let[l,c]=Object.values(t.coords)[0].range,u=[c,c,c];const p=t.linearGamut;if(void 0!==p){let r=xr({space:t,coords:u,alpha:e.alpha},p);c=r.coords[0],u=[c,c,c],t=p,l=Object.values(t.coords)[0].range[0]}let m=[l,l,l],f=xr(r,t);if(!f.coords.every((e=>l<=e&&e<=c))){let e=xr({space:oe,coords:[a,0,o]},t).coords;const r=l+1e-6,n=c-1e-6;let s=f.coords;for(let i=0;i<4;i++){if(i){const e=xr(f,oe);e.coords[0]=a,e.coords[2]=o,f=xr(e,t)}const l=yr(e,f.coords,m,u);if(0===l.length){f.coords=[...s];break}i&&f.coords.every((e=>r<e&&e<n))&&(e=[...f.coords]),s=l,f.coords=[...l]}}f=xr(f,s);const g=Object.values(s.coords);return f.coords=f.coords.map(((e,t)=>{if("range"in g[t]){const[r,a]=g[t].range;return h(r,e,a)}return e})),f}(e,{space:r});else{if("clip"!==t){Object.prototype.hasOwnProperty.call(gr,t)&&({method:t,jnd:o,deltaEMethod:n,blackWhiteClamp:i}=gr[t]);let a=U;if(""!==n)for(let e in dr)if("deltae"+n.toLowerCase()===e.toLowerCase()){a=dr[e];break}0===o&&(o=1e-16);let h=br(xr(e,r),{method:"clip",space:r});if(a(e,h)>o){if(i&&3===Object.keys(i).length){let t=S.resolveCoord(i.channel),r=P(xr(e,t.space),t.id);if(s(r)&&(r=0),r>=i.max)return xr({space:"xyz-d65",coords:x.D65},e.space);if(r<=i.min)return xr({space:"xyz-d65",coords:[0,0,0]},e.space)}let n=S.resolveCoord(t),h=n.space,p=n.id,m=xr(e,h);m.coords.forEach(((e,t)=>{s(e)&&(m.coords[t]=0)}));let f=n.range||n.refRange;l??=f[0];let d=function(e){const t=e?Math.floor(Math.log10(Math.abs(e))):0;return Math.max(parseFloat("1e"+(t-2)),1e-6)}(o),g=l,b=Math.min(P(m,p),c??1/0);for(I(m,p,b);b-g>d;){let e=se(m);e=br(e,{space:r,method:"clip"}),a(m,e)-o<d?g=P(m,p):b=P(m,p),I(m,p,(g+b)/2)}u=xr(m,r)}else u=h}else u=xr(e,r);if("clip"===t||!ne(u,r,{epsilon:0})){let e=Object.values(r.coords).map((e=>e.range||[]));u.coords=u.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&&(u=xr(u,e.space)),e.coords=u.coords,e}br.returns="color";const Mr={WHITE:{space:re,coords:[1,0,0],alpha:1},BLACK:{space:re,coords:[0,0,0],alpha:1}};function wr(e,{space:t}={}){const r=.02,a=1e-4;if(e=E(e),t||(t=e.space),(t=S.get(t)).isUnbounded)return xr(e,t);const n=xr(e,oe);let o=n.coords[0];if(o>=1){const r=xr(Mr.WHITE,t);return r.alpha=e.alpha,xr(r,t)}if(o<=0){const r=xr(Mr.BLACK,t);return r.alpha=e.alpha,xr(r,t)}if(ne(n,t,{epsilon:0}))return xr(n,t);function s(e){const r=xr(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 i=0,l=n.coords[1],c=!0,u=se(n),p=s(u),m=ae(p,u);if(m<r)return p;for(;l-i>a;){const e=(i+l)/2;if(u.coords[1]=e,c&&ne(u,t,{epsilon:0}))i=e;else if(p=s(u),m=ae(p,u),m<r){if(r-m<a)break;c=!1,i=e}else l=e}return p}function yr(e,t,r=[0,0,0],a=[1,1,1]){let n=1/0,o=-1/0,s=[];for(let i=0;i<3;i++){const l=e[i],c=t[i]-l,u=r[i],h=a[i];if(s.push(c),Math.abs(c)>1e-12){const e=1/c,t=(u-l)*e,r=(h-l)*e;o=Math.max(Math.min(t,r),o),n=Math.min(Math.max(t,r),n)}else if(l<u||l>h)return[]}return o>n||n<0?[]:(o<0&&(o=n),isFinite(o)?[e[0]+s[0]*o,e[1]+s[1]*o,e[2]+s[2]*o]:[])}function xr(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=br(n,!0===r?void 0:r)),n}function vr(e,t={}){let r,{precision:a=B.precision,format:n,inGamut:s=!0,coords:i,alpha:l,commas:c}=t,u=E(e),h=n,p=u.parseMeta;p&&!n&&(p.format.canSerialize()&&(n=p.format,h=p.formatId),i??=p.types,l??=p.alphaType,c??=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=xr(u,n.space));let m=u.coords.slice();if(s||=n.toGamut,s&&!ne(u)&&(m=br(se(u),!0===s?void 0:s).coords),"custom"===n.type){if(!n.serialize)throw new TypeError(`format ${h} can only be used to parse colors, not for serialization`);r=n.serialize(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!==l&&"object"!=typeof l&&(l="string"==typeof l?{type:l}:{include:l});let h=l?.type??"<number>",p=!0===l?.include||!0===n.alpha||!1!==l?.include&&!1!==n.alpha&&s<1,f="";if(c??=n.commas,p){if(null!==a){let e;"<percentage>"===h&&(e="%",s*=100),s=o(s,{precision:a,unit:e})}f=`${c?",":" /"} ${s}`}r=`${e}(${t.join(c?", ":" ")}${f})`}return r}xr.returns="color";var Cr=new z({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]]}),Br=new z({id:"rec2020",name:"REC.2020",base:Cr,linearGamut:Cr,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 Rr=new z({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 Lr=[[3.2409699419045226,-1.537383177570094,-.4986107602930034],[-.9692436362808796,1.8759675015077202,.04155505740717559],[.05563007969699366,-.20397695888897652,1.0569715142428786]];var _r=new z({id:"srgb-linear",name:"Linear sRGB",white:"D65",toXYZ_M:[[.41239079926595934,.357584339383878,.1804807884018343],[.21263900587151027,.715168678767756,.07219231536073371],[.01933081871559182,.11919477979462598,.9505321522496607]],fromXYZ_M:Lr}),Er={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 Sr=Array(3).fill("<percentage> | <number>[0, 255]"),kr=Array(3).fill("<number>[0, 255]");var Hr=new z({id:"srgb",name:"sRGB",base:_r,linearGamut:_r,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:Sr},rgb_number:{name:"rgb",commas:!0,coords:kr,alpha:!1},color:{},rgba:{coords:Sr,commas:!0,alpha:!0},rgba_number:{name:"rgba",commas:!0,coords:kr},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=Er.black,t.alpha=0):t.coords=Er[e],t.coords)return t}}}}),zr=new z({id:"p3",cssId:"display-p3",name:"P3",base:Rr,linearGamut:Rr,fromBase:Hr.fromBase,toBase:Hr.toBase});let Ar;if(B.display_space=Hr,"undefined"!=typeof CSS&&CSS.supports)for(let e of[T,Br,zr]){let t=e.getMinCoords(),r=vr({space:e,coords:t,alpha:1});if(CSS.supports("color",r)){B.display_space=e;break}}const Pr=1e6,Or={};function Ir(e){let t=[];for(let r=1e5;e;r/=10)t.push(Math.floor(e/r)),e%=r;return t}function Gr(e,t,{space:r,gamut:a}){r=S.get(r),a=S.get(a);let n=(Or[r.id]??={})[a.id]??=function(e,t){if(!e.isPolar||!("c"in e.coords))throw new TypeError(`maxChroma() needs a polar space with a "c" coordinate, got ${e.id}`);let r=Object.keys(e.coords),a=r.find((t=>"angle"===e.coords[t].type)),n=r.find((e=>"c"!==e&&e!==a)),o=t=>e.coords[t].range??e.coords[t].refRange,[s,i]=o(n),[l,c]=o(a),u=o("c")[1],h=r.indexOf("c"),p=`${e.id}.c`,m=[];return function(n,o){if(n<=s||n>=i)return 0;let f=m;for(let e of Ir(Math.floor((n-s)/(i-s)*Pr)))f=f[e]??=[];let d=f.h??=[];for(let e of Ir(Math.floor((W(o)-l)/(c-l)*Pr)))d=d[e]??=[];let g=r.map((e=>"c"===e?u:e===a?o:n));return d.value??=br({space:e,coords:g},{space:t,method:p,deltaEMethod:"OK",jnd:0}).coords[h]}}(r,a);return n(e,t)}function jr(e,t){return s(e)||s(t)?e===t?null:0:e-t}function $r(e){return P(e,[H,"y"])}function qr(e,t){e=E(e),t=E(t);let r=Math.max($r(e),0),a=Math.max($r(t),0);return a>r&&([r,a]=[a,r]),(r+.05)/(a+.05)}function Dr(e){return e>=.022?e:e+(.022-e)**1.414}function Tr(e){let t=e<0?-1:1,r=Math.abs(e);return t*Math.pow(r,2.4)}function Wr(e,t){let r,a,n,o,i,l;t=E(t),e=E(e),t=xr(t,"srgb"),[o,i,l]=t.coords.map((e=>s(e)?0:e));let c=.2126729*Tr(o)+.7151522*Tr(i)+.072175*Tr(l);e=xr(e,"srgb"),[o,i,l]=e.coords.map((e=>s(e)?0:e));let u=.2126729*Tr(o)+.7151522*Tr(i)+.072175*Tr(l),h=Dr(c),p=Dr(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 Nr(e,t){e=E(e),t=E(t);let r=Math.max($r(e),0),a=Math.max($r(t),0);a>r&&([r,a]=[a,r]);let n=r+a;return 0===n?0:(r-a)/n}function Xr(e,t){e=E(e),t=E(t);let r=Math.max($r(e),0),a=Math.max($r(t),0);return a>r&&([r,a]=[a,r]),0===a?5e4:(r-a)/a}function Yr(e,t){e=E(e),t=E(t);let r=P(e,[T,"l"]),a=P(t,[T,"l"]);return Math.abs(r-a)}const Zr=216/24389,Jr=24/116,Kr=24389/27;let Fr=x.D65;var Ur=new S({id:"lab-d65",name:"Lab D65",coords:{l:{refRange:[0,100],name:"Lightness"},a:{refRange:[-125,125]},b:{refRange:[-125,125]}},white:Fr,base:H,fromBase(e){let t=e.map(((e,t)=>e/Fr[t])).map((e=>e>Zr?Math.cbrt(e):(Kr*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]>Jr?Math.pow(t[0],3):(116*t[0]-16)/Kr,e[0]>8?Math.pow((e[0]+16)/116,3):e[0]/Kr,t[2]>Jr?Math.pow(t[2],3):(116*t[2]-16)/Kr].map(((e,t)=>e*Fr[t]))},formats:{"lab-d65":{coords:["<number> | <percentage>","<number> | <percentage>","<number> | <percentage>"]}}});const Vr=.5*Math.pow(5,.5)+.5;function Qr(e,t){e=E(e),t=E(t);let r=P(e,[Ur,"l"]),a=P(t,[Ur,"l"]),n=Math.abs(Math.pow(r,Vr)-Math.pow(a,Vr)),o=Math.pow(n,1/Vr)*Math.SQRT2-40;return o<7.5?0:o}var ea=Object.freeze({__proto__:null,contrastAPCA:Wr,contrastDeltaPhi:Qr,contrastLstar:Yr,contrastMichelson:Nr,contrastWCAG21:qr,contrastWeber:Xr});function ta(e){let[t,r,a]=A(e,H),n=t+15*r+3*a;return[4*t/n,9*r/n]}function ra(e,t,r={}){a(r)&&(r={method:r});let{method:n=B.deltaE,...o}=r;for(let r in dr)if("deltae"+n.toLowerCase()===r.toLowerCase())return dr[r](e,t,o);throw new TypeError(`Unknown deltaE method: ${n}`)}function aa(e,t=.25){return I(e,[S.get("oklch","lch"),"l"],(e=>e*(1+t)))}function na(e,t=.25){return I(e,[S.get("oklch","lch"),"l"],(e=>e*(1-t)))}function oa(e,t,r={}){if(sa(e)){let[r,a]=[e,t];return oa(...r.rangeArgs.colors,{...r.rangeArgs.options,...a})}let{space:a,outputSpace:n,progression:o,premultiplied:i}=r;e=E(e),t=E(t),e=se(e),t=se(t);let l={colors:[e,t],options:r};if(a=a?S.get(a):S.registry[B.interpolationSpace]||e.space,n=n?S.get(n):a,e=xr(e,a),t=xr(t,a),e=br(e),t=br(t),a.coords.h&&"angle"===a.coords.h.type){let n=r.hue=r.hue||"shorter",o=[a,"h"],[i,l]=[P(e,o),P(t,o)];s(i)&&!s(l)?i=l:s(l)&&!s(i)&&(l=i),[i,l]=N(n,[i,l]),I(e,o,i),I(t,o,l)}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(