@pantograph/vue 0.27.1 → 0.27.3

package/dist/Chip.vue_vue_type_script_setup_true_lang-DerG27zp.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),s=require("@pantograph/utils"),E=require("class-variance-authority"),A=require("./Icon.vue_vue_type_script_setup_true_lang-Be6ayltH.js"),u=require("@pantograph/utils-vue"),$=require("./BaseBadge.model-DecqxaGN.js"),N=require("@pantograph/style/chip.css?raw"),O=require("./HoverCard.vue_vue_type_script_setup_true_lang-B6gl0uZH.js");require("./Popover.vue_vue_type_script_setup_true_lang-DlS1RQhN.js");const T=require("@pantograph/style/chip_group.css?raw"),w=require("reka-ui"),[q,I]=w.createContext("ChipGroup"),R=e.defineComponent({...u.getComponentOptions("ChipGroup"),__name:"ChipGroup",props:{color:{},size:{default:"md"},closeIcon:{},icon:{},overlayActions:{type:Boolean},selected:{type:Boolean},maxCount:{},popoverProps:{},truncateCls:{},noPopover:{type:Boolean},noWrap:{type:Boolean},closeable:{type:Boolean,default:!0}},emits:["close"],setup(f,{emit:y}){u.useComponentStyle("chip_group",T);const n=y,t=f,d=e.useSlots();I({props:t,onClose:(r,p)=>{n("close",r,p)}});const c=e.computed(()=>t.maxCount?Number(t.maxCount):0),h=()=>{const r=u.flattenChildren(d.default?d.default():[]),p=()=>e.h("div",{class:s.normCls(s.getBemElement(m,"truncate"),t.truncateCls)},`+${r.length-c.value}`);return c.value>=1&&r.length>c.value?[...r.filter((a,l)=>l<c.value),t.noPopover?p():e.h(O._sfc_main,{size:t.size==="md"?"md":"sm",...t.popoverProps??{}},{default:p,content:()=>e.h("div",{class:C(t)},{default:()=>r.filter((a,l)=>l>=c.value)})})]:r},m=s.getBemBlock("chip_group"),C=E.cva(m,{variants:{size:s.generateVariantClassList(z,m),noWrap:s.generateVariantClassList("no-wrap",m)}});return(r,p)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(C)(t))},[e.createVNode(h)],2))}}),z=["xsm","sm","md"],b=[...$.BadgeColors],j=e.defineComponent({...u.getComponentOptions("Chip"),__name:"Chip",props:{value:{},size:{default:"md"},class:{},actionsCls:{},textCls:{},iconCls:{},text:{},icon:{},closeIcon:{default:"tabler:x"},closeIconCls:{},color:{},overlayActions:{type:Boolean,default:void 0},stopPropagationOnClose:{type:Boolean},closeable:{type:Boolean,default:void 0},selected:{type:Boolean,default:void 0},readonly:{type:Boolean},closeTrigger:{default:"click"}},emits:["close"],setup(f,{emit:y}){u.useComponentStyle("chip",N);const n=f,t=q({}),d=e.computed(()=>{var o;return((o=t.props)==null?void 0:o.size)??n.size}),x=e.computed(()=>{var o;return n.color??((o=t.props)==null?void 0:o.color)??"primary"}),c=e.computed(()=>{var o;return((o=t.props)==null?void 0:o.overlayActions)??n.overlayActions}),h=e.computed(()=>{var o;return n.selected??((o=t.props)==null?void 0:o.selected)}),m=e.computed(()=>{var o;return((o=t.props)==null?void 0:o.closeIcon)??n.closeIcon}),C=e.computed(()=>{var o;return((o=t.props)==null?void 0:o.icon)??n.icon}),r=e.computed(()=>{var o;return((o=t.props)==null?void 0:o.closeable)??n.closeable}),p=y,a=e.useSlots(),l=s.getBemBlock("chip"),G=E.cva(l,{variants:{size:s.generateVariantClassList(z,l),color:s.generateVariantClassList(b,l),overlayActions:s.generateVariantClassList("overlay-actions",l),selected:s.generateVariantClassList("selected",l),readonly:s.generateVariantClassList("readonly",l)}}),_=o=>{o.stopPropagation(),t.onClose&&t.onClose(n,o),p("close",o)},i=e.computed(()=>({onClose:_,size:(()=>{switch(d.value){case"md":return"xsm";default:return"2xsm"}})()})),L=()=>{var k,P;const o=(k=a.overlayActions)==null?void 0:k.call(a,i.value),S=!u.isEmptyElement(o),v=c.value&&S;if((r.value||v)&&!n.readonly){const g=[];if(v&&g.push(o),r.value){const V=(P=a.close)==null?void 0:P.call(a,i.value);u.isEmptyElement(V)?g.push(e.h(A._sfc_main,{onClick:B=>{n.closeTrigger==="click"&&_(B)},onPointerdown:B=>{n.closeTrigger==="pointer"&&_(B)},size:i.value.size,icon:m.value,class:s.normCls(s.getBemElement(l,"close_icon"),n.closeIconCls)})):g.push(V)}return e.h("div",{class:s.normCls(s.getBemElement(l,"actions"),n.actionsCls)},g)}return null};return(o,S)=>{var v;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(s.normCls)(e.unref(G)({size:d.value,color:x.value,overlayActions:c.value,selected:h.value,readonly:o.readonly}),n.class))},[e.renderSlot(o.$slots,"leading",e.normalizeProps(e.guardReactiveProps(i.value)),()=>[C.value?(e.openBlock(),e.createBlock(e.unref(A._sfc_main),{key:0,size:i.value.size,icon:C.value,class:e.normalizeClass(o.iconCls)},null,8,["size","icon","class"])):e.createCommentVNode("",!0)]),!e.unref(u.isEmptyElement)((v=a.text)==null?void 0:v.call(a,i.value))||o.text?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(s.normCls)(e.unref(s.getBemElement)(e.unref(l),"text"),o.textCls))},[e.renderSlot(o.$slots,"text",e.normalizeProps(e.guardReactiveProps(i.value)),()=>[e.createTextVNode(e.toDisplayString(o.text),1)])],2)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"trailing",e.normalizeProps(e.guardReactiveProps(i.value))),e.createVNode(L)],2)}}});exports.ChipColors=b;exports.ChipSizes=z;exports._sfc_main=j;exports._sfc_main$1=R;exports.injectChipGroupContext=q;exports.provideChipGroupContext=I;

package/dist/{Chip.vue_vue_type_script_setup_true_lang-DOIPsHk_.js → Chip.vue_vue_type_script_setup_true_lang-nFZDIpIs.js}

@@ -1,19 +1,16 @@
 import { defineComponent as j, useSlots as D, computed as a, createElementBlock as T, openBlock as h, normalizeClass as z, unref as i, createVNode as L, h as y, renderSlot as P, createCommentVNode as w, normalizeProps as k, guardReactiveProps as b, createBlock as Q, createTextVNode as U, toDisplayString as X } from "vue";
 import { getBemBlock as R, generateVariantClassList as u, normCls as f, getBemElement as x } from "@pantograph/utils";
 import { cva as q } from "class-variance-authority";
-import { u as F, l as Y, e as W, g as $ } from "./Icon.vue_vue_type_script_setup_true_lang-DJv20Efl.js";
-import { a as H } from "./options-J8HfRMSU.js";
-import "es-toolkit";
-import { createContext as Z } from "reka-ui";
-import "@vueuse/core";
-import "@tanstack/vue-virtual";
-import { B as ee } from "./BaseBadge.model-CahZXsyM.js";
-import oe from "@pantograph/style/chip.css?raw";
-import { _ as te } from "./HoverCard.vue_vue_type_script_setup_true_lang-DBOk4tYh.js";
-import "./Popover.vue_vue_type_script_setup_true_lang-D-Jebwr9.js";
-import se from "@pantograph/style/chip_group.css?raw";
-const [le, ne] = Z("ChipGroup"), xe = /* @__PURE__ */ j({
-  ...H("ChipGroup"),
+import { _ as W } from "./Icon.vue_vue_type_script_setup_true_lang-DBiBHDqC.js";
+import { getComponentOptions as F, useComponentStyle as H, flattenChildren as Y, isEmptyElement as $ } from "@pantograph/utils-vue";
+import { B as Z } from "./BaseBadge.model-CahZXsyM.js";
+import ee from "@pantograph/style/chip.css?raw";
+import { _ as oe } from "./HoverCard.vue_vue_type_script_setup_true_lang-CgDV1bGl.js";
+import "./Popover.vue_vue_type_script_setup_true_lang-DhDzrGk6.js";
+import te from "@pantograph/style/chip_group.css?raw";
+import { createContext as se } from "reka-ui";
+const [le, ne] = se("ChipGroup"), ge = /* @__PURE__ */ j({
+  ...F("ChipGroup"),
   __name: "ChipGroup",
   props: {
     color: {},
@@ -31,7 +28,7 @@ const [le, ne] = Z("ChipGroup"), xe = /* @__PURE__ */ j({
   },
   emits: ["close"],
   setup(B, { emit: _ }) {
-    F("chip_group", se);
+    H("chip_group", te);
     const t = _, o = B, v = D();
     ne({
       props: o,
@@ -39,16 +36,16 @@ const [le, ne] = Z("ChipGroup"), xe = /* @__PURE__ */ j({
         t("close", l, p);
       }
     });
-    const r = a(() => o.maxCount ? Number(o.maxCount) : 0), S = () => {
+    const c = a(() => o.maxCount ? Number(o.maxCount) : 0), S = () => {
       const l = Y(v.default ? v.default() : []), p = () => y(
         "div",
         { class: f(x(m, "truncate"), o.truncateCls) },
-        `+${l.length - r.value}`
+        `+${l.length - c.value}`
       );
-      return r.value >= 1 && l.length > r.value ? [
-        ...l.filter((n, s) => s < r.value),
+      return c.value >= 1 && l.length > c.value ? [
+        ...l.filter((n, s) => s < c.value),
         o.noPopover ? p() : y(
-          te,
+          oe,
           { size: o.size === "md" ? "md" : "sm", ...o.popoverProps ?? {} },
           {
             default: p,
@@ -56,7 +53,7 @@ const [le, ne] = Z("ChipGroup"), xe = /* @__PURE__ */ j({
               "div",
               { class: d(o) },
               {
-                default: () => l.filter((n, s) => s >= r.value)
+                default: () => l.filter((n, s) => s >= c.value)
               }
             )
           }
@@ -74,8 +71,8 @@ const [le, ne] = Z("ChipGroup"), xe = /* @__PURE__ */ j({
       L(S)
     ], 2));
   }
-}), J = ["xsm", "sm", "md"], ae = [...ee], Be = /* @__PURE__ */ j({
-  ...H("Chip"),
+}), J = ["xsm", "sm", "md"], ae = [...Z], he = /* @__PURE__ */ j({
+  ...F("Chip"),
   __name: "Chip",
   props: {
     value: {},
@@ -98,14 +95,14 @@ const [le, ne] = Z("ChipGroup"), xe = /* @__PURE__ */ j({
   },
   emits: ["close"],
   setup(B, { emit: _ }) {
-    F("chip", oe);
+    H("chip", ee);
     const t = B, o = le({}), v = a(() => {
       var e;
       return ((e = o.props) == null ? void 0 : e.size) ?? t.size;
     }), G = a(() => {
       var e;
       return t.color ?? ((e = o.props) == null ? void 0 : e.color) ?? "primary";
-    }), r = a(() => {
+    }), c = a(() => {
       var e;
       return ((e = o.props) == null ? void 0 : e.overlayActions) ?? t.overlayActions;
     }), S = a(() => {
@@ -130,7 +127,7 @@ const [le, ne] = Z("ChipGroup"), xe = /* @__PURE__ */ j({
       }
     }), A = (e) => {
       e.stopPropagation(), o.onClose && o.onClose(t, e), p("close", e);
-    }, c = a(() => ({
+    }, r = a(() => ({
       onClose: A,
       size: (() => {
         switch (v.value) {
@@ -142,11 +139,11 @@ const [le, ne] = Z("ChipGroup"), xe = /* @__PURE__ */ j({
       })()
     })), M = () => {
       var E, N;
-      const e = (E = n.overlayActions) == null ? void 0 : E.call(n, c.value), O = !$(e), C = r.value && O;
+      const e = (E = n.overlayActions) == null ? void 0 : E.call(n, r.value), O = !$(e), C = c.value && O;
       if ((l.value || C) && !t.readonly) {
         const g = [];
         if (C && g.push(e), l.value) {
-          const V = (N = n.close) == null ? void 0 : N.call(n, c.value);
+          const V = (N = n.close) == null ? void 0 : N.call(n, r.value);
           $(V) ? g.push(
             y(W, {
               onClick: (I) => {
@@ -155,7 +152,7 @@ const [le, ne] = Z("ChipGroup"), xe = /* @__PURE__ */ j({
               onPointerdown: (I) => {
                 t.closeTrigger === "pointer" && A(I);
               },
-              size: c.value.size,
+              size: r.value.size,
               icon: m.value,
               class: f(x(s, "close_icon"), t.closeIconCls)
             })
@@ -177,7 +174,7 @@ const [le, ne] = Z("ChipGroup"), xe = /* @__PURE__ */ j({
             i(K)({
               size: v.value,
               color: G.value,
-              overlayActions: r.value,
+              overlayActions: c.value,
               selected: S.value,
               readonly: e.readonly
             }),
@@ -185,23 +182,23 @@ const [le, ne] = Z("ChipGroup"), xe = /* @__PURE__ */ j({
           )
         )
       }, [
-        P(e.$slots, "leading", k(b(c.value)), () => [
+        P(e.$slots, "leading", k(b(r.value)), () => [
           d.value ? (h(), Q(i(W), {
             key: 0,
-            size: c.value.size,
+            size: r.value.size,
             icon: d.value,
             class: z(e.iconCls)
           }, null, 8, ["size", "icon", "class"])) : w("", !0)
         ]),
-        !i($)((C = n.text) == null ? void 0 : C.call(n, c.value)) || e.text ? (h(), T("div", {
+        !i($)((C = n.text) == null ? void 0 : C.call(n, r.value)) || e.text ? (h(), T("div", {
           key: 0,
           class: z(i(f)(i(x)(i(s), "text"), e.textCls))
         }, [
-          P(e.$slots, "text", k(b(c.value)), () => [
+          P(e.$slots, "text", k(b(r.value)), () => [
             U(X(e.text), 1)
           ])
         ], 2)) : w("", !0),
-        P(e.$slots, "trailing", k(b(c.value))),
+        P(e.$slots, "trailing", k(b(r.value))),
         L(M)
       ], 2);
     };
@@ -209,9 +206,9 @@ const [le, ne] = Z("ChipGroup"), xe = /* @__PURE__ */ j({
 });
 export {
   J as C,
-  Be as _,
+  he as _,
   ae as a,
-  xe as b,
+  ge as b,
   le as i,
   ne as p
 };

package/dist/ChipGroup/index.js

@@ -1,4 +1,4 @@
-import { b as t, b as e, i, p as r } from "../Chip.vue_vue_type_script_setup_true_lang-DOIPsHk_.js";
+import { b as t, b as e, i, p as r } from "../Chip.vue_vue_type_script_setup_true_lang-nFZDIpIs.js";
 export {
   t as ChipGroup,
   e as default,

package/dist/ChipGroup/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Chip.vue_vue_type_script_setup_true_lang-Dn-EkG3e.js");exports.ChipGroup=e._sfc_main$1;exports.default=e._sfc_main$1;exports.injectChipGroupContext=e.injectChipGroupContext;exports.provideChipGroupContext=e.provideChipGroupContext;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Chip.vue_vue_type_script_setup_true_lang-DerG27zp.js");exports.ChipGroup=e._sfc_main$1;exports.default=e._sfc_main$1;exports.injectChipGroupContext=e.injectChipGroupContext;exports.provideChipGroupContext=e.provideChipGroupContext;

package/dist/ColorPicker/index.js

@@ -1,4 +1,4 @@
-import { _ as r, _ as t, i, p as a } from "../ColorPicker.vue_vue_type_script_setup_true_lang-Bz_mnMXB.js";
+import { _ as r, _ as t, i, p as a } from "../ColorPicker.vue_vue_type_script_setup_true_lang-Do5cC0lX.js";
 export {
   r as ColorPicker,
   t as default,

package/dist/ColorPicker/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ColorPicker.vue_vue_type_script_setup_true_lang-D6k_f_bV.js");exports.ColorPicker=e._sfc_main;exports.default=e._sfc_main;exports.injectColorPickerContext=e.injectColorPickerContext;exports.provideColorPickerContext=e.provideColorPickerContext;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ColorPicker.vue_vue_type_script_setup_true_lang-qMOFhEXd.js");exports.ColorPicker=e._sfc_main;exports.default=e._sfc_main;exports.injectColorPickerContext=e.injectColorPickerContext;exports.provideColorPickerContext=e.provideColorPickerContext;

package/dist/{ColorPicker.vue_vue_type_script_setup_true_lang-Bz_mnMXB.js → ColorPicker.vue_vue_type_script_setup_true_lang-Do5cC0lX.js}

@@ -1,15 +1,10 @@
 import { onUnmounted as d0, defineComponent as $t, onMounted as zt, onBeforeUnmount as c0, createElementBlock as Te, openBlock as K, normalizeClass as G, unref as _, createElementVNode as Ne, ref as en, computed as te, watch as h0, reactive as p0, createVNode as Wn, createCommentVNode as Bn, createBlock as nn, isRef as b0, Fragment as m0, renderList as g0 } from "vue";
-import { _ as x0 } from "./ActionButton.vue_vue_type_script_setup_true_lang-D4l05YZz.js";
-import { _ as Zn } from "./Input.vue_vue_type_script_setup_true_lang-BBOWLata.js";
-import { _ as M0 } from "./Select.vue_vue_type_script_setup_true_lang-B8L_locv.js";
-import { a as y0 } from "./options-J8HfRMSU.js";
-import { u as v0 } from "./Icon.vue_vue_type_script_setup_true_lang-DJv20Efl.js";
-import "es-toolkit";
-import { createContext as k0 } from "reka-ui";
-import "@vueuse/core";
-import { u as Un } from "./useVmodel-DlyNieM5.js";
-import "@tanstack/vue-virtual";
-import w0 from "@pantograph/style/color_picker.css?raw";
+import { _ as x0 } from "./ActionButton.vue_vue_type_script_setup_true_lang-CMYqH6Se.js";
+import { _ as Zn } from "./Input.vue_vue_type_script_setup_true_lang-B6TZLtSK.js";
+import { _ as M0 } from "./Select.vue_vue_type_script_setup_true_lang-DcRVPTfy.js";
+import { getComponentOptions as y0, useComponentStyle as v0, useVModel as Un } from "@pantograph/utils-vue";
+import k0 from "@pantograph/style/color_picker.css?raw";
+import { createContext as w0 } from "reka-ui";
 import { normCls as be, getBemElement as me, getBemBlock as _0, getBemModifier as Jn } from "@pantograph/utils";
 function xe(e, n, t) {
   return Math.max(n, Math.min(e, t));
@@ -2437,7 +2432,7 @@ const wo = /* @__PURE__ */ $t({
       }, null, 34)
     ], 34));
   }
-}), _o = ["value"], $o = ["value"], [zo, To] = k0("ColorPicker"), ie = _0("color_picker"), Oo = /* @__PURE__ */ $t({
+}), _o = ["value"], $o = ["value"], [zo, To] = w0("ColorPicker"), ie = _0("color_picker"), Eo = /* @__PURE__ */ $t({
   ...y0("ColorPicker"),
   __name: "ColorPicker",
   props: {
@@ -2450,7 +2445,7 @@ const wo = /* @__PURE__ */ $t({
   },
   emits: ["update:color", "update:format", "change"],
   setup(e, { emit: n }) {
-    v0("color_picker", w0);
+    v0("color_picker", k0);
     const t = [
       "hex",
       "hex8",
@@ -2639,7 +2634,7 @@ const wo = /* @__PURE__ */ $t({
   }
 });
 export {
-  Oo as _,
+  Eo as _,
   zo as i,
   To as p
 };

package/dist/ColorPicker.vue_vue_type_script_setup_true_lang-qMOFhEXd.js

@@ -0,0 +1,4 @@
+"use strict";const s=require("vue"),e0=require("./ActionButton.vue_vue_type_script_setup_true_lang-B95JGdI_.js"),Xn=require("./Input.vue_vue_type_script_setup_true_lang-C7eXK7Z1.js"),n0=require("./Select.vue_vue_type_script_setup_true_lang-DgqUr22B.js"),Me=require("@pantograph/utils-vue"),t0=require("@pantograph/style/color_picker.css?raw"),r0=require("reka-ui"),I=require("@pantograph/utils");function pe(e,n,t){return Math.max(n,Math.min(e,t))}function o0(e,n){if(typeof e=="string"||typeof n=="string")return e===n;if(e){if(!n)return!1;for(const t in e)if(e[t]!==n[t])return!1}return!0}function ve(e){const n=[],t=e.length>5?2:1;for(let r=1;r<e.length;r+=t){const o=e.substring(r,r+t).repeat(t%2+1),i=parseInt(o,16);n.push(r===3*t+1?i/255:i)}return n.length===3&&n.push(1),{r:n[0],g:n[1],b:n[2],a:n[3]}}function pt(e){const n=e.l/100,t=n+e.s/100*Math.min(n,1-n),r=t===0?0:200*(1-n/t);return{h:e.h,s:r,v:t*100,a:e.a}}function we(e){let n=e.h%360;n<0&&(n+=360);const t=e.s/100,r=e.l/100;return{r:Ue(0,n,t,r)*255,g:Ue(8,n,t,r)*255,b:Ue(4,n,t,r)*255,a:e.a}}function Ue(e,n,t,r){const o=(e+n/30)%12,i=t*Math.min(r,1-r);return r-i*Math.max(-1,Math.min(o-3,9-o,1))}function mt(e){const n=e.s/100,t=e.v/100,r=t*(1-n/2);return{h:e.h,s:r===0||r===1?0:(t-r)/Math.min(r,1-r)*100,l:r*100,a:e.a}}function bt(e){return{h:e.h,w:e.v*(100-e.s)/100,b:100-e.v,a:e.a}}function se(e){return we(mt(e))}function ne(e){const n=e.w/100,t=e.b/100;let r,o;const i=n+t;return i>=1?(r=0,o=n/i):(o=1-t,r=(1-n/o)*100),{h:e.h,s:r,v:o*100,a:e.a}}function $e(e){const{r:n,g:t,b:r,a:o}=e,i=Math.min(n,t,r),a=Math.max(n,t,r),f=a-i,d=(a+i)/2;let c=0;f!==0&&(a===n?c=(t-r)/f+(t<r?6:0):a===t?c=(r-n)/f+2:a===r&&(c=(n-t)/f+4),c*=60);let b=0;return d!==0&&d!==255&&(b=(a-d)/Math.min(d,255-d)),{h:c,s:b*100,l:d/255*100,a:o}}function ye(e){return"#"+Object.values(e).map((n,t)=>Math.round(t===3?n*255:n).toString(16).padStart(2,"0")).join("")}function de(e){return bt(pt($e(e)))}const i0={hex:{hex:e=>e,hsl:e=>$e(ve(e)),hsv:e=>ne(de(ve(e))),hwb:e=>de(ve(e)),rgb:ve},hsl:{hex:e=>ye(we(e)),hsl:e=>e,hsv:pt,hwb:e=>de(we(e)),rgb:we},hsv:{hex:e=>ye(se(e)),hsl:mt,hsv:e=>e,hwb:bt,rgb:se},hwb:{hex:e=>ye(se(ne(e))),hsl:e=>$e(se(ne(e))),hsv:ne,hwb:e=>e,rgb:e=>se(ne(e))},rgb:{hex:ye,hsl:$e,hsv:e=>ne(de(e)),hwb:de,rgb:e=>e}};function An(e,n,t){return i0[e][n](t)}function a0(e,n){const t=e.toFixed(n);return t.includes(".")?t.replace(/\.?0+$/,""):t}const f0={deg:1,grad:.9,rad:180/Math.PI,turn:360},Te={from(e){return e!=null&&e.endsWith("%")?te.from(e,{referenceValue:1}):A.from(e,{min:0,max:1})},to(e){return A.to(e)}},On={from(e){const n=e.match(/deg|g?rad|turn$/);if(n===null)return A.from(e);const t=n[0];return A.from(e.slice(0,-t.length))*f0[t]},to(e){return A.to(e)}},A={from(e,{min:n=Number.NEGATIVE_INFINITY,max:t=Number.POSITIVE_INFINITY}={}){return e!=null&&e.endsWith(".")?NaN:pe(Number(e),n,t)},to(e){return a0(e,2)}},te={from(e,{referenceValue:n=100,min:t=0,max:r=100}={}){return e!=null&&e.endsWith("%")?A.from(e.slice(0,-1),{min:t,max:r})*n/100:NaN},to(e){return A.to(e)+"%"}},Je={from(e){return e!=null&&e.endsWith("%")?te.from(e,{referenceValue:255}):A.from(e,{min:0,max:255})},to(e){return A.to(e)}},l0={hsl:{h:On,s:te,l:te},hwb:{h:On,w:te,b:te},rgb:{r:Je,g:Je,b:Je}};function Ce(e,n){return l0[e][n]}function Ke({format:e,color:n},t){if(e==="hex")return t&&[5,9].includes(n.length)?n.substring(0,n.length-(n.length-1)/4):n;const r=Object.entries(n).slice(0,t?3:4).map(([o,i])=>{const a=o==="a"?Te:Ce(e,o);return(o==="a"?"/ ":"")+a.to(i)});return`${e}(${r.join(" ")})`}function gt(e){return/^#(?:(?:[A-F0-9]{2}){3,4}|[A-F0-9]{3,4})$/i.test(e)}function u0(e){return"r"in e?"rgb":"w"in e?"hwb":"v"in e?"hsv":"s"in e?"hsl":null}const Bn={hsl:["h","s","l","a"],hwb:["h","w","b","a"],rgb:["r","g","b","a"]};function jn(e){if(!e)return null;if(typeof e!="string"){const f=u0(e);return f===null?null:{format:f,color:e}}if(e.startsWith("#"))return gt(e)?{format:"hex",color:e}:null;if(!e.includes("(")&&typeof document<"u"){const f=document.createElement("canvas").getContext("2d");f.fillStyle=e;const d=f.fillStyle;return d==="#000000"&&e!=="black"?null:{format:"hex",color:d}}const[n,t]=e.split("("),r=n.substring(0,3);if(!(r in Bn))return null;const o=t.replace(/[,/)]/g," ").replace(/\s+/g," ").trim().split(" ");o.length===3&&o.push("1");const i=Bn[r],a=Object.fromEntries(i.map((f,d)=>{const c=f==="a"?Te:Ce(r,f);return[f,c.from(o[d])]}));return{format:r,color:a}}const xt=(e,n)=>{if(typeof e=="number"){if(n===3)return{mode:"rgb",r:(e>>8&15|e>>4&240)/255,g:(e>>4&15|e&240)/255,b:(e&15|e<<4&240)/255};if(n===4)return{mode:"rgb",r:(e>>12&15|e>>8&240)/255,g:(e>>8&15|e>>4&240)/255,b:(e>>4&15|e&240)/255,alpha:(e&15|e<<4&240)/255};if(n===6)return{mode:"rgb",r:(e>>16&255)/255,g:(e>>8&255)/255,b:(e&255)/255};if(n===8)return{mode:"rgb",r:(e>>24&255)/255,g:(e>>16&255)/255,b:(e>>8&255)/255,alpha:(e&255)/255}}},s0={aliceblue:15792383,antiquewhite:16444375,aqua:65535,aquamarine:8388564,azure:15794175,beige:16119260,bisque:16770244,black:0,blanchedalmond:16772045,blue:255,blueviolet:9055202,brown:10824234,burlywood:14596231,cadetblue:6266528,chartreuse:8388352,chocolate:13789470,coral:16744272,cornflowerblue:6591981,cornsilk:16775388,crimson:14423100,cyan:65535,darkblue:139,darkcyan:35723,darkgoldenrod:12092939,darkgray:11119017,darkgreen:25600,darkgrey:11119017,darkkhaki:12433259,darkmagenta:9109643,darkolivegreen:5597999,darkorange:16747520,darkorchid:10040012,darkred:9109504,darksalmon:15308410,darkseagreen:9419919,darkslateblue:4734347,darkslategray:3100495,darkslategrey:3100495,darkturquoise:52945,darkviolet:9699539,deeppink:16716947,deepskyblue:49151,dimgray:6908265,dimgrey:6908265,dodgerblue:2003199,firebrick:11674146,floralwhite:16775920,forestgreen:2263842,fuchsia:16711935,gainsboro:14474460,ghostwhite:16316671,gold:16766720,goldenrod:14329120,gray:8421504,green:32768,greenyellow:11403055,grey:8421504,honeydew:15794160,hotpink:16738740,indianred:13458524,indigo:4915330,ivory:16777200,khaki:15787660,lavender:15132410,lavenderblush:16773365,lawngreen:8190976,lemonchiffon:16775885,lightblue:11393254,lightcoral:15761536,lightcyan:14745599,lightgoldenrodyellow:16448210,lightgray:13882323,lightgreen:9498256,lightgrey:13882323,lightpink:16758465,lightsalmon:16752762,lightseagreen:2142890,lightskyblue:8900346,lightslategray:7833753,lightslategrey:7833753,lightsteelblue:11584734,lightyellow:16777184,lime:65280,limegreen:3329330,linen:16445670,magenta:16711935,maroon:8388608,mediumaquamarine:6737322,mediumblue:205,mediumorchid:12211667,mediumpurple:9662683,mediumseagreen:3978097,mediumslateblue:8087790,mediumspringgreen:64154,mediumturquoise:4772300,mediumvioletred:13047173,midnightblue:1644912,mintcream:16121850,mistyrose:16770273,moccasin:16770229,navajowhite:16768685,navy:128,oldlace:16643558,olive:8421376,olivedrab:7048739,orange:16753920,orangered:16729344,orchid:14315734,palegoldenrod:15657130,palegreen:10025880,paleturquoise:11529966,palevioletred:14381203,papayawhip:16773077,peachpuff:16767673,peru:13468991,pink:16761035,plum:14524637,powderblue:11591910,purple:8388736,rebeccapurple:6697881,red:16711680,rosybrown:12357519,royalblue:4286945,saddlebrown:9127187,salmon:16416882,sandybrown:16032864,seagreen:3050327,seashell:16774638,sienna:10506797,silver:12632256,skyblue:8900331,slateblue:6970061,slategray:7372944,slategrey:7372944,snow:16775930,springgreen:65407,steelblue:4620980,tan:13808780,teal:32896,thistle:14204888,tomato:16737095,turquoise:4251856,violet:15631086,wheat:16113331,white:16777215,whitesmoke:16119285,yellow:16776960,yellowgreen:10145074},d0=e=>xt(s0[e.toLowerCase()],6),c0=/^#?([0-9a-f]{8}|[0-9a-f]{6}|[0-9a-f]{4}|[0-9a-f]{3})$/i,h0=e=>{let n;return(n=e.match(c0))?xt(parseInt(n[1],16),n[1].length):void 0},Y="([+-]?\\d*\\.?\\d+(?:[eE][+-]?\\d+)?)",he=`${Y}%`,Cn=`(?:${Y}%|${Y})`,p0=`(?:${Y}(deg|grad|rad|turn)|${Y})`,ie="\\s*,\\s*",m0=new RegExp(`^rgba?\\(\\s*${Y}${ie}${Y}${ie}${Y}\\s*(?:,\\s*${Cn}\\s*)?\\)$`),b0=new RegExp(`^rgba?\\(\\s*${he}${ie}${he}${ie}${he}\\s*(?:,\\s*${Cn}\\s*)?\\)$`),g0=e=>{let n={mode:"rgb"},t;if(t=e.match(m0))t[1]!==void 0&&(n.r=t[1]/255),t[2]!==void 0&&(n.g=t[2]/255),t[3]!==void 0&&(n.b=t[3]/255);else if(t=e.match(b0))t[1]!==void 0&&(n.r=t[1]/100),t[2]!==void 0&&(n.g=t[2]/100),t[3]!==void 0&&(n.b=t[3]/100);else return;return t[4]!==void 0?n.alpha=Math.max(0,Math.min(1,t[4]/100)):t[5]!==void 0&&(n.alpha=Math.max(0,Math.min(1,+t[5]))),n},x0=(e,n)=>e===void 0?void 0:typeof e!="object"?_t(e):e.mode!==void 0?e:n?{...e,mode:n}:void 0,Mt=(e="rgb")=>n=>(n=x0(n,e))!==void 0?n.mode===e?n:q[n.mode][e]?q[n.mode][e](n):e==="rgb"?q[n.mode].rgb(n):q.rgb[e](q[n.mode].rgb(n)):void 0,q={},vt={},Ne=[],yt={},M0=e=>e,k=e=>(q[e.mode]={...q[e.mode],...e.toMode},Object.keys(e.fromMode||{}).forEach(n=>{q[n]||(q[n]={}),q[n][e.mode]=e.fromMode[n]}),e.ranges||(e.ranges={}),e.difference||(e.difference={}),e.channels.forEach(n=>{if(e.ranges[n]===void 0&&(e.ranges[n]=[0,1]),!e.interpolate[n])throw new Error(`Missing interpolator for: ${n}`);typeof e.interpolate[n]=="function"&&(e.interpolate[n]={use:e.interpolate[n]}),e.interpolate[n].fixup||(e.interpolate[n].fixup=M0)}),vt[e.mode]=e,(e.parse||[]).forEach(n=>{y0(n,e.mode)}),Mt(e.mode)),v0=e=>vt[e],y0=(e,n)=>{if(typeof e=="string"){if(!n)throw new Error("'mode' required when 'parser' is a string");yt[e]=n}else typeof e=="function"&&Ne.indexOf(e)<0&&Ne.push(e)},yn=/[^\x00-\x7F]|[a-zA-Z_]/,k0=/[^\x00-\x7F]|[-\w]/,l={Function:"function",Ident:"ident",Number:"number",Percentage:"percentage",ParenClose:")",None:"none",Hue:"hue",Alpha:"alpha"};let p=0;function ke(e){let n=e[p],t=e[p+1];return n==="-"||n==="+"?/\d/.test(t)||t==="."&&/\d/.test(e[p+2]):n==="."?/\d/.test(t):/\d/.test(n)}function kn(e){if(p>=e.length)return!1;let n=e[p];if(yn.test(n))return!0;if(n==="-"){if(e.length-p<2)return!1;let t=e[p+1];return!!(t==="-"||yn.test(t))}return!1}const _0={deg:1,rad:180/Math.PI,grad:9/10,turn:360};function ce(e){let n="";if((e[p]==="-"||e[p]==="+")&&(n+=e[p++]),n+=_e(e),e[p]==="."&&/\d/.test(e[p+1])&&(n+=e[p++]+_e(e)),(e[p]==="e"||e[p]==="E")&&((e[p+1]==="-"||e[p+1]==="+")&&/\d/.test(e[p+2])?n+=e[p++]+e[p++]+_e(e):/\d/.test(e[p+1])&&(n+=e[p++]+_e(e))),kn(e)){let t=Pe(e);return t==="deg"||t==="rad"||t==="turn"||t==="grad"?{type:l.Hue,value:n*_0[t]}:void 0}return e[p]==="%"?(p++,{type:l.Percentage,value:+n}):{type:l.Number,value:+n}}function _e(e){let n="";for(;/\d/.test(e[p]);)n+=e[p++];return n}function Pe(e){let n="";for(;p<e.length&&k0.test(e[p]);)n+=e[p++];return n}function w0(e){let n=Pe(e);return e[p]==="("?(p++,{type:l.Function,value:n}):n==="none"?{type:l.None,value:void 0}:{type:l.Ident,value:n}}function $0(e=""){let n=e.trim(),t=[],r;for(p=0;p<n.length;){if(r=n[p++],r===`
+`||r==="	"||r===" "){for(;p<n.length&&(n[p]===`
+`||n[p]==="	"||n[p]===" ");)p++;continue}if(r===",")return;if(r===")"){t.push({type:l.ParenClose});continue}if(r==="+"){if(p--,ke(n)){t.push(ce(n));continue}return}if(r==="-"){if(p--,ke(n)){t.push(ce(n));continue}if(kn(n)){t.push({type:l.Ident,value:Pe(n)});continue}return}if(r==="."){if(p--,ke(n)){t.push(ce(n));continue}return}if(r==="/"){for(;p<n.length&&(n[p]===`
+`||n[p]==="	"||n[p]===" ");)p++;let o;if(ke(n)&&(o=ce(n),o.type!==l.Hue)){t.push({type:l.Alpha,value:o});continue}if(kn(n)&&Pe(n)==="none"){t.push({type:l.Alpha,value:{type:l.None,value:void 0}});continue}return}if(/\d/.test(r)){p--,t.push(ce(n));continue}if(yn.test(r)){p--,t.push(w0(n));continue}return}return t}function z0(e){e._i=0;let n=e[e._i++];if(!n||n.type!==l.Function||n.value!=="color"||(n=e[e._i++],n.type!==l.Ident))return;const t=yt[n.value];if(!t)return;const r={mode:t},o=kt(e,!1);if(!o)return;const i=v0(t).channels;for(let a=0,f,d;a<i.length;a++)f=o[a],d=i[a],f.type!==l.None&&(r[d]=f.type===l.Number?f.value:f.value/100,d==="alpha"&&(r[d]=Math.max(0,Math.min(1,r[d]))));return r}function kt(e,n){const t=[];let r;for(;e._i<e.length;){if(r=e[e._i++],r.type===l.None||r.type===l.Number||r.type===l.Alpha||r.type===l.Percentage||n&&r.type===l.Hue){t.push(r);continue}if(r.type===l.ParenClose){if(e._i<e.length)return;continue}return}if(!(t.length<3||t.length>4)){if(t.length===4){if(t[3].type!==l.Alpha)return;t[3]=t[3].value}return t.length===3&&t.push({type:l.None,value:void 0}),t.every(o=>o.type!==l.Alpha)?t:void 0}}function T0(e,n){e._i=0;let t=e[e._i++];if(!t||t.type!==l.Function)return;let r=kt(e,n);if(r)return r.unshift(t.value),r}const _t=e=>{if(typeof e!="string")return;const n=$0(e),t=n?T0(n,!0):void 0;let r,o=0,i=Ne.length;for(;o<i;)if((r=Ne[o++](e,t))!==void 0)return r;return n?z0(n):void 0};function C0(e,n){if(!n||n[0]!=="rgb"&&n[0]!=="rgba")return;const t={mode:"rgb"},[,r,o,i,a]=n;if(!(r.type===l.Hue||o.type===l.Hue||i.type===l.Hue))return r.type!==l.None&&(t.r=r.type===l.Number?r.value/255:r.value/100),o.type!==l.None&&(t.g=o.type===l.Number?o.value/255:o.value/100),i.type!==l.None&&(t.b=i.type===l.Number?i.value/255:i.value/100),a.type!==l.None&&(t.alpha=Math.min(1,Math.max(0,a.type===l.Number?a.value:a.value/100))),t}const N0=e=>e==="transparent"?{mode:"rgb",r:0,g:0,b:0,alpha:0}:void 0,P0=(e,n,t)=>e+t*(n-e),H0=e=>{let n=[];for(let t=0;t<e.length-1;t++){let r=e[t],o=e[t+1];r===void 0&&o===void 0?n.push(void 0):r!==void 0&&o!==void 0?n.push([r,o]):n.push(r!==void 0?[r,r]:[o,o])}return n},R0=e=>n=>{let t=H0(n);return r=>{let o=r*t.length,i=r>=1?t.length-1:Math.max(Math.floor(o),0),a=t[i];return a===void 0?void 0:e(a[0],a[1],o-i)}},u=R0(P0),C=e=>{let n=!1,t=e.map(r=>r!==void 0?(n=!0,r):1);return n?t:e},ae={mode:"rgb",channels:["r","g","b","alpha"],parse:[C0,h0,g0,d0,N0,"srgb"],serialize:"srgb",interpolate:{r:u,g:u,b:u,alpha:{use:u,fixup:C}},gamut:!0,white:{r:1,g:1,b:1},black:{r:0,g:0,b:0}},Ge=(e=0)=>Math.pow(Math.abs(e),563/256)*Math.sign(e),Fn=e=>{let n=Ge(e.r),t=Ge(e.g),r=Ge(e.b),o={mode:"xyz65",x:.5766690429101305*n+.1855582379065463*t+.1882286462349947*r,y:.297344975250536*n+.6273635662554661*t+.0752914584939979*r,z:.0270313613864123*n+.0706888525358272*t+.9913375368376386*r};return e.alpha!==void 0&&(o.alpha=e.alpha),o},Qe=e=>Math.pow(Math.abs(e),256/563)*Math.sign(e),Dn=({x:e,y:n,z:t,alpha:r})=>{e===void 0&&(e=0),n===void 0&&(n=0),t===void 0&&(t=0);let o={mode:"a98",r:Qe(e*2.0415879038107465-n*.5650069742788597-.3447313507783297*t),g:Qe(e*-.9692436362808798+n*1.8759675015077206+.0415550574071756*t),b:Qe(e*.0134442806320312-n*.1183623922310184+1.0151749943912058*t)};return r!==void 0&&(o.alpha=r),o},en=(e=0)=>{const n=Math.abs(e);return n<=.04045?e/12.92:(Math.sign(e)||1)*Math.pow((n+.055)/1.055,2.4)},fe=({r:e,g:n,b:t,alpha:r})=>{let o={mode:"lrgb",r:en(e),g:en(n),b:en(t)};return r!==void 0&&(o.alpha=r),o},Q=e=>{let{r:n,g:t,b:r,alpha:o}=fe(e),i={mode:"xyz65",x:.4123907992659593*n+.357584339383878*t+.1804807884018343*r,y:.2126390058715102*n+.715168678767756*t+.0721923153607337*r,z:.0193308187155918*n+.119194779794626*t+.9505321522496607*r};return o!==void 0&&(i.alpha=o),i},nn=(e=0)=>{const n=Math.abs(e);return n>.0031308?(Math.sign(e)||1)*(1.055*Math.pow(n,1/2.4)-.055):e*12.92},le=({r:e,g:n,b:t,alpha:r},o="rgb")=>{let i={mode:o,r:nn(e),g:nn(n),b:nn(t)};return r!==void 0&&(i.alpha=r),i},ee=({x:e,y:n,z:t,alpha:r})=>{e===void 0&&(e=0),n===void 0&&(n=0),t===void 0&&(t=0);let o=le({r:e*3.2409699419045226-n*1.537383177570094-.4986107602930034*t,g:e*-.9692436362808796+n*1.8759675015077204+.0415550574071756*t,b:e*.0556300796969936-n*.2039769588889765+1.0569715142428784*t});return r!==void 0&&(o.alpha=r),o},I0={...ae,mode:"a98",parse:["a98-rgb"],serialize:"a98-rgb",fromMode:{rgb:e=>Dn(Q(e)),xyz65:Dn},toMode:{rgb:e=>ee(Fn(e)),xyz65:Fn}},H=e=>(e=e%360)<0?e+360:e,E0=(e,n)=>e.map((t,r,o)=>{if(t===void 0)return t;let i=H(t);return r===0||e[r-1]===void 0?i:n(i-H(o[r-1]))}).reduce((t,r)=>!t.length||r===void 0||t[t.length-1]===void 0?(t.push(r),t):(t.push(r+t[t.length-1]),t),[]),O=e=>E0(e,n=>Math.abs(n)<=180?n:n-360*Math.sign(n)),N=[-.14861,1.78277,-.29227,-.90649,1.97294,0],S0=Math.PI/180,L0=180/Math.PI;let Yn=N[3]*N[4],Wn=N[1]*N[4],Zn=N[1]*N[2]-N[0]*N[3];const V0=({r:e,g:n,b:t,alpha:r})=>{e===void 0&&(e=0),n===void 0&&(n=0),t===void 0&&(t=0);let o=(Zn*t+e*Yn-n*Wn)/(Zn+Yn-Wn),i=t-o,a=(N[4]*(n-o)-N[2]*i)/N[3],f={mode:"cubehelix",l:o,s:o===0||o===1?void 0:Math.sqrt(i*i+a*a)/(N[4]*o*(1-o))};return f.s&&(f.h=Math.atan2(a,i)*L0-120),r!==void 0&&(f.alpha=r),f},q0=({h:e,s:n,l:t,alpha:r})=>{let o={mode:"rgb"};e=(e===void 0?0:e+120)*S0,t===void 0&&(t=0);let i=n===void 0?0:n*t*(1-t),a=Math.cos(e),f=Math.sin(e);return o.r=t+i*(N[0]*a+N[1]*f),o.g=t+i*(N[2]*a+N[3]*f),o.b=t+i*(N[4]*a+N[5]*f),r!==void 0&&(o.alpha=r),o},Se=(e,n)=>{if(e.h===void 0||n.h===void 0||!e.s||!n.s)return 0;let t=H(e.h),r=H(n.h),o=Math.sin((r-t+360)/2*Math.PI/180);return 2*Math.sqrt(e.s*n.s)*o},X0=(e,n)=>{if(e.h===void 0||n.h===void 0)return 0;let t=H(e.h),r=H(n.h);return Math.abs(r-t)>180?t-(r-360*Math.sign(r-t)):r-t},Le=(e,n)=>{if(e.h===void 0||n.h===void 0||!e.c||!n.c)return 0;let t=H(e.h),r=H(n.h),o=Math.sin((r-t+360)/2*Math.PI/180);return 2*Math.sqrt(e.c*n.c)*o},B=e=>{let n=e.reduce((r,o)=>{if(o!==void 0){let i=o*Math.PI/180;r.sin+=Math.sin(i),r.cos+=Math.cos(i)}return r},{sin:0,cos:0}),t=Math.atan2(n.sin,n.cos)*180/Math.PI;return t<0?360+t:t},A0={mode:"cubehelix",channels:["h","s","l","alpha"],parse:["--cubehelix"],serialize:"--cubehelix",ranges:{h:[0,360],s:[0,4.614],l:[0,1]},fromMode:{rgb:V0},toMode:{rgb:q0},interpolate:{h:{use:u,fixup:O},s:u,l:u,alpha:{use:u,fixup:C}},difference:{h:Se},average:{h:B}},W=({l:e,a:n,b:t,alpha:r},o="lch")=>{n===void 0&&(n=0),t===void 0&&(t=0);let i=Math.sqrt(n*n+t*t),a={mode:o,l:e,c:i};return i&&(a.h=H(Math.atan2(t,n)*180/Math.PI)),r!==void 0&&(a.alpha=r),a},Z=({l:e,c:n,h:t,alpha:r},o="lab")=>{t===void 0&&(t=0);let i={mode:o,l:e,a:n?n*Math.cos(t/180*Math.PI):0,b:n?n*Math.sin(t/180*Math.PI):0};return r!==void 0&&(i.alpha=r),i},wt=Math.pow(29,3)/Math.pow(3,3),$t=Math.pow(6,3)/Math.pow(29,3),T={X:.3457/.3585,Y:1,Z:(1-.3457-.3585)/.3585},oe={X:.3127/.329,Y:1,Z:(1-.3127-.329)/.329};let tn=e=>Math.pow(e,3)>$t?Math.pow(e,3):(116*e-16)/wt;const zt=({l:e,a:n,b:t,alpha:r})=>{e===void 0&&(e=0),n===void 0&&(n=0),t===void 0&&(t=0);let o=(e+16)/116,i=n/500+o,a=o-t/200,f={mode:"xyz65",x:tn(i)*oe.X,y:tn(o)*oe.Y,z:tn(a)*oe.Z};return r!==void 0&&(f.alpha=r),f},Ve=e=>ee(zt(e)),rn=e=>e>$t?Math.cbrt(e):(wt*e+16)/116,Tt=({x:e,y:n,z:t,alpha:r})=>{e===void 0&&(e=0),n===void 0&&(n=0),t===void 0&&(t=0);let o=rn(e/oe.X),i=rn(n/oe.Y),a=rn(t/oe.Z),f={mode:"lab65",l:116*i-16,a:500*(o-i),b:200*(i-a)};return r!==void 0&&(f.alpha=r),f},qe=e=>{let n=Tt(Q(e));return e.r===e.b&&e.b===e.g&&(n.a=n.b=0),n},He=1,Ct=1,me=26/180*Math.PI,Re=Math.cos(me),Ie=Math.sin(me),Nt=100/Math.log(139/100),_n=({l:e,c:n,h:t,alpha:r})=>{e===void 0&&(e=0),n===void 0&&(n=0),t===void 0&&(t=0);let o={mode:"lab65",l:(Math.exp(e*He/Nt)-1)/.0039},i=(Math.exp(.0435*n*Ct*He)-1)/.075,a=i*Math.cos(t/180*Math.PI-me),f=i*Math.sin(t/180*Math.PI-me);return o.a=a*Re-f/.83*Ie,o.b=a*Ie+f/.83*Re,r!==void 0&&(o.alpha=r),o},wn=({l:e,a:n,b:t,alpha:r})=>{e===void 0&&(e=0),n===void 0&&(n=0),t===void 0&&(t=0);let o=n*Re+t*Ie,i=.83*(t*Re-n*Ie),a=Math.sqrt(o*o+i*i),f={mode:"dlch",l:Nt/He*Math.log(1+.0039*e),c:Math.log(1+.075*a)/(.0435*Ct*He)};return f.c&&(f.h=H((Math.atan2(i,o)+me)/Math.PI*180)),r!==void 0&&(f.alpha=r),f},Un=e=>_n(W(e,"dlch")),Jn=e=>Z(wn(e),"dlab"),O0={mode:"dlab",parse:["--din99o-lab"],serialize:"--din99o-lab",toMode:{lab65:Un,rgb:e=>Ve(Un(e))},fromMode:{lab65:Jn,rgb:e=>Jn(qe(e))},channels:["l","a","b","alpha"],ranges:{l:[0,100],a:[-40.09,45.501],b:[-40.469,44.344]},interpolate:{l:u,a:u,b:u,alpha:{use:u,fixup:C}}},B0={mode:"dlch",parse:["--din99o-lch"],serialize:"--din99o-lch",toMode:{lab65:_n,dlab:e=>Z(e,"dlab"),rgb:e=>Ve(_n(e))},fromMode:{lab65:wn,dlab:e=>W(e,"dlch"),rgb:e=>wn(qe(e))},channels:["l","c","h","alpha"],ranges:{l:[0,100],c:[0,51.484],h:[0,360]},interpolate:{l:u,c:u,h:{use:u,fixup:O},alpha:{use:u,fixup:C}},difference:{h:Le},average:{h:B}};function j0({h:e,s:n,i:t,alpha:r}){e=H(e!==void 0?e:0),n===void 0&&(n=0),t===void 0&&(t=0);let o=Math.abs(e/60%2-1),i;switch(Math.floor(e/60)){case 0:i={r:t*(1+n*(3/(2-o)-1)),g:t*(1+n*(3*(1-o)/(2-o)-1)),b:t*(1-n)};break;case 1:i={r:t*(1+n*(3*(1-o)/(2-o)-1)),g:t*(1+n*(3/(2-o)-1)),b:t*(1-n)};break;case 2:i={r:t*(1-n),g:t*(1+n*(3/(2-o)-1)),b:t*(1+n*(3*(1-o)/(2-o)-1))};break;case 3:i={r:t*(1-n),g:t*(1+n*(3*(1-o)/(2-o)-1)),b:t*(1+n*(3/(2-o)-1))};break;case 4:i={r:t*(1+n*(3*(1-o)/(2-o)-1)),g:t*(1-n),b:t*(1+n*(3/(2-o)-1))};break;case 5:i={r:t*(1+n*(3/(2-o)-1)),g:t*(1-n),b:t*(1+n*(3*(1-o)/(2-o)-1))};break;default:i={r:t*(1-n),g:t*(1-n),b:t*(1-n)}}return i.mode="rgb",r!==void 0&&(i.alpha=r),i}function F0({r:e,g:n,b:t,alpha:r}){e===void 0&&(e=0),n===void 0&&(n=0),t===void 0&&(t=0);let o=Math.max(e,n,t),i=Math.min(e,n,t),a={mode:"hsi",s:e+n+t===0?0:1-3*i/(e+n+t),i:(e+n+t)/3};return o-i!==0&&(a.h=(o===e?(n-t)/(o-i)+(n<t)*6:o===n?(t-e)/(o-i)+2:(e-n)/(o-i)+4)*60),r!==void 0&&(a.alpha=r),a}const D0={mode:"hsi",toMode:{rgb:j0},parse:["--hsi"],serialize:"--hsi",fromMode:{rgb:F0},channels:["h","s","i","alpha"],ranges:{h:[0,360]},gamut:"rgb",interpolate:{h:{use:u,fixup:O},s:u,i:u,alpha:{use:u,fixup:C}},difference:{h:Se},average:{h:B}};function Y0({h:e,s:n,l:t,alpha:r}){e=H(e!==void 0?e:0),n===void 0&&(n=0),t===void 0&&(t=0);let o=t+n*(t<.5?t:1-t),i=o-(o-t)*2*Math.abs(e/60%2-1),a;switch(Math.floor(e/60)){case 0:a={r:o,g:i,b:2*t-o};break;case 1:a={r:i,g:o,b:2*t-o};break;case 2:a={r:2*t-o,g:o,b:i};break;case 3:a={r:2*t-o,g:i,b:o};break;case 4:a={r:i,g:2*t-o,b:o};break;case 5:a={r:o,g:2*t-o,b:i};break;default:a={r:2*t-o,g:2*t-o,b:2*t-o}}return a.mode="rgb",r!==void 0&&(a.alpha=r),a}function W0({r:e,g:n,b:t,alpha:r}){e===void 0&&(e=0),n===void 0&&(n=0),t===void 0&&(t=0);let o=Math.max(e,n,t),i=Math.min(e,n,t),a={mode:"hsl",s:o===i?0:(o-i)/(1-Math.abs(o+i-1)),l:.5*(o+i)};return o-i!==0&&(a.h=(o===e?(n-t)/(o-i)+(n<t)*6:o===n?(t-e)/(o-i)+2:(e-n)/(o-i)+4)*60),r!==void 0&&(a.alpha=r),a}const Z0=(e,n)=>{switch(n){case"deg":return+e;case"rad":return e/Math.PI*180;case"grad":return e/10*9;case"turn":return e*360}},U0=new RegExp(`^hsla?\\(\\s*${p0}${ie}${he}${ie}${he}\\s*(?:,\\s*${Cn}\\s*)?\\)$`),J0=e=>{let n=e.match(U0);if(!n)return;let t={mode:"hsl"};return n[3]!==void 0?t.h=+n[3]:n[1]!==void 0&&n[2]!==void 0&&(t.h=Z0(n[1],n[2])),n[4]!==void 0&&(t.s=Math.min(Math.max(0,n[4]/100),1)),n[5]!==void 0&&(t.l=Math.min(Math.max(0,n[5]/100),1)),n[6]!==void 0?t.alpha=Math.max(0,Math.min(1,n[6]/100)):n[7]!==void 0&&(t.alpha=Math.max(0,Math.min(1,+n[7]))),t};function K0(e,n){if(!n||n[0]!=="hsl"&&n[0]!=="hsla")return;const t={mode:"hsl"},[,r,o,i,a]=n;if(r.type!==l.None){if(r.type===l.Percentage)return;t.h=r.value}if(o.type!==l.None){if(o.type===l.Hue)return;t.s=o.value/100}if(i.type!==l.None){if(i.type===l.Hue)return;t.l=i.value/100}return a.type!==l.None&&(t.alpha=Math.min(1,Math.max(0,a.type===l.Number?a.value:a.value/100))),t}const Pt={mode:"hsl",toMode:{rgb:Y0},fromMode:{rgb:W0},channels:["h","s","l","alpha"],ranges:{h:[0,360]},gamut:"rgb",parse:[K0,J0],serialize:e=>`hsl(${e.h!==void 0?e.h:"none"} ${e.s!==void 0?e.s*100+"%":"none"} ${e.l!==void 0?e.l*100+"%":"none"}${e.alpha<1?` / ${e.alpha}`:""})`,interpolate:{h:{use:u,fixup:O},s:u,l:u,alpha:{use:u,fixup:C}},difference:{h:Se},average:{h:B}};function Ht({h:e,s:n,v:t,alpha:r}){e=H(e!==void 0?e:0),n===void 0&&(n=0),t===void 0&&(t=0);let o=Math.abs(e/60%2-1),i;switch(Math.floor(e/60)){case 0:i={r:t,g:t*(1-n*o),b:t*(1-n)};break;case 1:i={r:t*(1-n*o),g:t,b:t*(1-n)};break;case 2:i={r:t*(1-n),g:t,b:t*(1-n*o)};break;case 3:i={r:t*(1-n),g:t*(1-n*o),b:t};break;case 4:i={r:t*(1-n*o),g:t*(1-n),b:t};break;case 5:i={r:t,g:t*(1-n),b:t*(1-n*o)};break;default:i={r:t*(1-n),g:t*(1-n),b:t*(1-n)}}return i.mode="rgb",r!==void 0&&(i.alpha=r),i}function Rt({r:e,g:n,b:t,alpha:r}){e===void 0&&(e=0),n===void 0&&(n=0),t===void 0&&(t=0);let o=Math.max(e,n,t),i=Math.min(e,n,t),a={mode:"hsv",s:o===0?0:1-i/o,v:o};return o-i!==0&&(a.h=(o===e?(n-t)/(o-i)+(n<t)*6:o===n?(t-e)/(o-i)+2:(e-n)/(o-i)+4)*60),r!==void 0&&(a.alpha=r),a}const It={mode:"hsv",toMode:{rgb:Ht},parse:["--hsv"],serialize:"--hsv",fromMode:{rgb:Rt},channels:["h","s","v","alpha"],ranges:{h:[0,360]},gamut:"rgb",interpolate:{h:{use:u,fixup:O},s:u,v:u,alpha:{use:u,fixup:C}},difference:{h:Se},average:{h:B}};function G0({h:e,w:n,b:t,alpha:r}){if(n===void 0&&(n=0),t===void 0&&(t=0),n+t>1){let o=n+t;n/=o,t/=o}return Ht({h:e,s:t===1?1:1-n/(1-t),v:1-t,alpha:r})}function Q0(e){let n=Rt(e);if(n===void 0)return;let t=n.s!==void 0?n.s:0,r=n.v!==void 0?n.v:0,o={mode:"hwb",w:(1-t)*r,b:1-r};return n.h!==void 0&&(o.h=n.h),n.alpha!==void 0&&(o.alpha=n.alpha),o}function er(e,n){if(!n||n[0]!=="hwb")return;const t={mode:"hwb"},[,r,o,i,a]=n;if(r.type!==l.None){if(r.type===l.Percentage)return;t.h=r.value}if(o.type!==l.None){if(o.type===l.Hue)return;t.w=o.value/100}if(i.type!==l.None){if(i.type===l.Hue)return;t.b=i.value/100}return a.type!==l.None&&(t.alpha=Math.min(1,Math.max(0,a.type===l.Number?a.value:a.value/100))),t}const nr={mode:"hwb",toMode:{rgb:G0},fromMode:{rgb:Q0},channels:["h","w","b","alpha"],ranges:{h:[0,360]},gamut:"rgb",parse:[er],serialize:e=>`hwb(${e.h!==void 0?e.h:"none"} ${e.w!==void 0?e.w*100+"%":"none"} ${e.b!==void 0?e.b*100+"%":"none"}${e.alpha<1?` / ${e.alpha}`:""})`,interpolate:{h:{use:u,fixup:O},w:u,b:u,alpha:{use:u,fixup:C}},difference:{h:X0},average:{h:B}},Et=203,Xe=.1593017578125,St=78.84375,Ae=.8359375,Oe=18.8515625,Be=18.6875;function on(e){if(e<0)return 0;const n=Math.pow(e,1/St);return 1e4*Math.pow(Math.max(0,n-Ae)/(Oe-Be*n),1/Xe)}function an(e){if(e<0)return 0;const n=Math.pow(e/1e4,Xe);return Math.pow((Ae+Oe*n)/(1+Be*n),St)}const fn=e=>Math.max(e/Et,0),Kn=({i:e,t:n,p:t,alpha:r})=>{e===void 0&&(e=0),n===void 0&&(n=0),t===void 0&&(t=0);const o=on(e+.008609037037932761*n+.11102962500302593*t),i=on(e-.00860903703793275*n-.11102962500302599*t),a=on(e+.5600313357106791*n-.32062717498731885*t),f={mode:"xyz65",x:fn(2.070152218389422*o-1.3263473389671556*i+.2066510476294051*a),y:fn(.3647385209748074*o+.680566024947227*i-.0453045459220346*a),z:fn(-.049747207535812*o-.0492609666966138*i+1.1880659249923042*a)};return r!==void 0&&(f.alpha=r),f},ln=(e=0)=>Math.max(e*Et,0),Gn=({x:e,y:n,z:t,alpha:r})=>{const o=ln(e),i=ln(n),a=ln(t),f=an(.3592832590121217*o+.6976051147779502*i-.0358915932320289*a),d=an(-.1920808463704995*o+1.1004767970374323*i+.0753748658519118*a),c=an(.0070797844607477*o+.0748396662186366*i+.8433265453898765*a),b=.5*f+.5*d,h=1.61376953125*f-3.323486328125*d+1.709716796875*c,m=4.378173828125*f-4.24560546875*d-.132568359375*c,M={mode:"itp",i:b,t:h,p:m};return r!==void 0&&(M.alpha=r),M},tr={mode:"itp",channels:["i","t","p","alpha"],parse:["--ictcp"],serialize:"--ictcp",toMode:{xyz65:Kn,rgb:e=>ee(Kn(e))},fromMode:{xyz65:Gn,rgb:e=>Gn(Q(e))},ranges:{i:[0,.581],t:[-.369,.272],p:[-.164,.331]},interpolate:{i:u,t:u,p:u,alpha:{use:u,fixup:C}}},rr=134.03437499999998,or=16295499532821565e-27,un=e=>{if(e<0)return 0;let n=Math.pow(e/1e4,Xe);return Math.pow((Ae+Oe*n)/(1+Be*n),rr)},sn=(e=0)=>Math.max(e*203,0),Lt=({x:e,y:n,z:t,alpha:r})=>{e=sn(e),n=sn(n),t=sn(t);let o=1.15*e-.15*t,i=.66*n+.34*e,a=un(.41478972*o+.579999*i+.014648*t),f=un(-.20151*o+1.120649*i+.0531008*t),d=un(-.0166008*o+.2648*i+.6684799*t),c=(a+f)/2,b={mode:"jab",j:.44*c/(1-.56*c)-or,a:3.524*a-4.066708*f+.542708*d,b:.199076*a+1.096799*f-1.295875*d};return r!==void 0&&(b.alpha=r),b},ir=134.03437499999998,Qn=16295499532821565e-27,dn=e=>{if(e<0)return 0;let n=Math.pow(e,1/ir);return 1e4*Math.pow((Ae-n)/(Be*n-Oe),1/Xe)},cn=e=>e/203,Vt=({j:e,a:n,b:t,alpha:r})=>{e===void 0&&(e=0),n===void 0&&(n=0),t===void 0&&(t=0);let o=(e+Qn)/(.44+.56*(e+Qn)),i=dn(o+.13860504*n+.058047316*t),a=dn(o-.13860504*n-.058047316*t),f=dn(o-.096019242*n-.8118919*t),d={mode:"xyz65",x:cn(1.661373024652174*i-.914523081304348*a+.23136208173913045*f),y:cn(-.3250758611844533*i+1.571847026732543*a-.21825383453227928*f),z:cn(-.090982811*i-.31272829*a+1.5227666*f)};return r!==void 0&&(d.alpha=r),d},qt=e=>{let n=Lt(Q(e));return e.r===e.b&&e.b===e.g&&(n.a=n.b=0),n},Xt=e=>ee(Vt(e)),ar={mode:"jab",channels:["j","a","b","alpha"],parse:["--jzazbz"],serialize:"--jzazbz",fromMode:{rgb:qt,xyz65:Lt},toMode:{rgb:Xt,xyz65:Vt},ranges:{j:[0,.222],a:[-.109,.129],b:[-.185,.134]},interpolate:{j:u,a:u,b:u,alpha:{use:u,fixup:C}}},et=({j:e,a:n,b:t,alpha:r})=>{n===void 0&&(n=0),t===void 0&&(t=0);let o=Math.sqrt(n*n+t*t),i={mode:"jch",j:e,c:o};return o&&(i.h=H(Math.atan2(t,n)*180/Math.PI)),r!==void 0&&(i.alpha=r),i},nt=({j:e,c:n,h:t,alpha:r})=>{t===void 0&&(t=0);let o={mode:"jab",j:e,a:n?n*Math.cos(t/180*Math.PI):0,b:n?n*Math.sin(t/180*Math.PI):0};return r!==void 0&&(o.alpha=r),o},fr={mode:"jch",parse:["--jzczhz"],serialize:"--jzczhz",toMode:{jab:nt,rgb:e=>Xt(nt(e))},fromMode:{rgb:e=>et(qt(e)),jab:et},channels:["j","c","h","alpha"],ranges:{j:[0,.221],c:[0,.19],h:[0,360]},interpolate:{h:{use:u,fixup:O},c:u,j:u,alpha:{use:u,fixup:C}},difference:{h:Le},average:{h:B}},je=Math.pow(29,3)/Math.pow(3,3),Nn=Math.pow(6,3)/Math.pow(29,3);let hn=e=>Math.pow(e,3)>Nn?Math.pow(e,3):(116*e-16)/je;const Pn=({l:e,a:n,b:t,alpha:r})=>{e===void 0&&(e=0),n===void 0&&(n=0),t===void 0&&(t=0);let o=(e+16)/116,i=n/500+o,a=o-t/200,f={mode:"xyz50",x:hn(i)*T.X,y:hn(o)*T.Y,z:hn(a)*T.Z};return r!==void 0&&(f.alpha=r),f},be=({x:e,y:n,z:t,alpha:r})=>{e===void 0&&(e=0),n===void 0&&(n=0),t===void 0&&(t=0);let o=le({r:e*3.1341359569958707-n*1.6173863321612538-.4906619460083532*t,g:e*-.978795502912089+n*1.916254567259524+.03344273116131949*t,b:e*.07195537988411677-n*.2289768264158322+1.405386058324125*t});return r!==void 0&&(o.alpha=r),o},At=e=>be(Pn(e)),ge=e=>{let{r:n,g:t,b:r,alpha:o}=fe(e),i={mode:"xyz50",x:.436065742824811*n+.3851514688337912*t+.14307845442264197*r,y:.22249319175623702*n+.7168870538238823*t+.06061979053616537*r,z:.013923904500943465*n+.09708128566574634*t+.7140993584005155*r};return o!==void 0&&(i.alpha=o),i},pn=e=>e>Nn?Math.cbrt(e):(je*e+16)/116,Hn=({x:e,y:n,z:t,alpha:r})=>{e===void 0&&(e=0),n===void 0&&(n=0),t===void 0&&(t=0);let o=pn(e/T.X),i=pn(n/T.Y),a=pn(t/T.Z),f={mode:"lab",l:116*i-16,a:500*(o-i),b:200*(i-a)};return r!==void 0&&(f.alpha=r),f},Ot=e=>{let n=Hn(ge(e));return e.r===e.b&&e.b===e.g&&(n.a=n.b=0),n};function lr(e,n){if(!n||n[0]!=="lab")return;const t={mode:"lab"},[,r,o,i,a]=n;if(!(r.type===l.Hue||o.type===l.Hue||i.type===l.Hue))return r.type!==l.None&&(t.l=Math.min(Math.max(0,r.value),100)),o.type!==l.None&&(t.a=o.type===l.Number?o.value:o.value*125/100),i.type!==l.None&&(t.b=i.type===l.Number?i.value:i.value*125/100),a.type!==l.None&&(t.alpha=Math.min(1,Math.max(0,a.type===l.Number?a.value:a.value/100))),t}const Rn={mode:"lab",toMode:{xyz50:Pn,rgb:At},fromMode:{xyz50:Hn,rgb:Ot},channels:["l","a","b","alpha"],ranges:{l:[0,100],a:[-100,100],b:[-100,100]},parse:[lr],serialize:e=>`lab(${e.l!==void 0?e.l:"none"} ${e.a!==void 0?e.a:"none"} ${e.b!==void 0?e.b:"none"}${e.alpha<1?` / ${e.alpha}`:""})`,interpolate:{l:u,a:u,b:u,alpha:{use:u,fixup:C}}},ur={...Rn,mode:"lab65",parse:["--lab-d65"],serialize:"--lab-d65",toMode:{xyz65:zt,rgb:Ve},fromMode:{xyz65:Tt,rgb:qe},ranges:{l:[0,100],a:[-86.182,98.234],b:[-107.86,94.477]}};function sr(e,n){if(!n||n[0]!=="lch")return;const t={mode:"lch"},[,r,o,i,a]=n;if(r.type!==l.None){if(r.type===l.Hue)return;t.l=Math.min(Math.max(0,r.value),100)}if(o.type!==l.None&&(t.c=Math.max(0,o.type===l.Number?o.value:o.value*150/100)),i.type!==l.None){if(i.type===l.Percentage)return;t.h=i.value}return a.type!==l.None&&(t.alpha=Math.min(1,Math.max(0,a.type===l.Number?a.value:a.value/100))),t}const In={mode:"lch",toMode:{lab:Z,rgb:e=>At(Z(e))},fromMode:{rgb:e=>W(Ot(e)),lab:W},channels:["l","c","h","alpha"],ranges:{l:[0,100],c:[0,150],h:[0,360]},parse:[sr],serialize:e=>`lch(${e.l!==void 0?e.l:"none"} ${e.c!==void 0?e.c:"none"} ${e.h!==void 0?e.h:"none"}${e.alpha<1?` / ${e.alpha}`:""})`,interpolate:{h:{use:u,fixup:O},c:u,l:u,alpha:{use:u,fixup:C}},difference:{h:Le},average:{h:B}},dr={...In,mode:"lch65",parse:["--lch-d65"],serialize:"--lch-d65",toMode:{lab65:e=>Z(e,"lab65"),rgb:e=>Ve(Z(e,"lab65"))},fromMode:{rgb:e=>W(qe(e),"lch65"),lab65:e=>W(e,"lch65")},ranges:{l:[0,100],c:[0,133.807],h:[0,360]}},Bt=({l:e,u:n,v:t,alpha:r})=>{n===void 0&&(n=0),t===void 0&&(t=0);let o=Math.sqrt(n*n+t*t),i={mode:"lchuv",l:e,c:o};return o&&(i.h=H(Math.atan2(t,n)*180/Math.PI)),r!==void 0&&(i.alpha=r),i},jt=({l:e,c:n,h:t,alpha:r})=>{t===void 0&&(t=0);let o={mode:"luv",l:e,u:n?n*Math.cos(t/180*Math.PI):0,v:n?n*Math.sin(t/180*Math.PI):0};return r!==void 0&&(o.alpha=r),o},Ft=(e,n,t)=>4*e/(e+15*n+3*t),Dt=(e,n,t)=>9*n/(e+15*n+3*t),cr=Ft(T.X,T.Y,T.Z),hr=Dt(T.X,T.Y,T.Z),pr=e=>e<=Nn?je*e:116*Math.cbrt(e)-16,$n=({x:e,y:n,z:t,alpha:r})=>{e===void 0&&(e=0),n===void 0&&(n=0),t===void 0&&(t=0);let o=pr(n/T.Y),i=Ft(e,n,t),a=Dt(e,n,t);!isFinite(i)||!isFinite(a)?o=i=a=0:(i=13*o*(i-cr),a=13*o*(a-hr));let f={mode:"luv",l:o,u:i,v:a};return r!==void 0&&(f.alpha=r),f},mr=(e,n,t)=>4*e/(e+15*n+3*t),br=(e,n,t)=>9*n/(e+15*n+3*t),gr=mr(T.X,T.Y,T.Z),xr=br(T.X,T.Y,T.Z),zn=({l:e,u:n,v:t,alpha:r})=>{if(e===void 0&&(e=0),e===0)return{mode:"xyz50",x:0,y:0,z:0};n===void 0&&(n=0),t===void 0&&(t=0);let o=n/(13*e)+gr,i=t/(13*e)+xr,a=T.Y*(e<=8?e/je:Math.pow((e+16)/116,3)),f=a*(9*o)/(4*i),d=a*(12-3*o-20*i)/(4*i),c={mode:"xyz50",x:f,y:a,z:d};return r!==void 0&&(c.alpha=r),c},Mr=e=>Bt($n(ge(e))),vr=e=>be(zn(jt(e))),yr={mode:"lchuv",toMode:{luv:jt,rgb:vr},fromMode:{rgb:Mr,luv:Bt},channels:["l","c","h","alpha"],parse:["--lchuv"],serialize:"--lchuv",ranges:{l:[0,100],c:[0,176.956],h:[0,360]},interpolate:{h:{use:u,fixup:O},c:u,l:u,alpha:{use:u,fixup:C}},difference:{h:Le},average:{h:B}},kr={...ae,mode:"lrgb",toMode:{rgb:le},fromMode:{rgb:fe},parse:["srgb-linear"],serialize:"srgb-linear"},_r={mode:"luv",toMode:{xyz50:zn,rgb:e=>be(zn(e))},fromMode:{xyz50:$n,rgb:e=>$n(ge(e))},channels:["l","u","v","alpha"],parse:["--luv"],serialize:"--luv",ranges:{l:[0,100],u:[-84.936,175.042],v:[-125.882,87.243]},interpolate:{l:u,u,v:u,alpha:{use:u,fixup:C}}},Yt=({r:e,g:n,b:t,alpha:r})=>{e===void 0&&(e=0),n===void 0&&(n=0),t===void 0&&(t=0);let o=Math.cbrt(.41222147079999993*e+.5363325363*n+.0514459929*t),i=Math.cbrt(.2119034981999999*e+.6806995450999999*n+.1073969566*t),a=Math.cbrt(.08830246189999998*e+.2817188376*n+.6299787005000002*t),f={mode:"oklab",l:.2104542553*o+.793617785*i-.0040720468*a,a:1.9779984951*o-2.428592205*i+.4505937099*a,b:.0259040371*o+.7827717662*i-.808675766*a};return r!==void 0&&(f.alpha=r),f},Fe=e=>{let n=Yt(fe(e));return e.r===e.b&&e.b===e.g&&(n.a=n.b=0),n},xe=({l:e,a:n,b:t,alpha:r})=>{e===void 0&&(e=0),n===void 0&&(n=0),t===void 0&&(t=0);let o=Math.pow(e*.9999999984505198+.39633779217376786*n+.2158037580607588*t,3),i=Math.pow(e*1.0000000088817609-.10556134232365635*n-.06385417477170591*t,3),a=Math.pow(e*1.0000000546724108-.08948418209496575*n-1.2914855378640917*t,3),f={mode:"lrgb",r:4.076741661347994*o-3.307711590408193*i+.230969928729428*a,g:-1.2684380040921763*o+2.6097574006633715*i-.3413193963102197*a,b:-.004196086541837188*o-.7034186144594493*i+1.7076147009309444*a};return r!==void 0&&(f.alpha=r),f},De=e=>le(xe(e));function Tn(e){const r=1.170873786407767;return .5*(r*e-.206+Math.sqrt((r*e-.206)*(r*e-.206)+4*.03*r*e))}function Ee(e){return(e*e+.206*e)/(1.170873786407767*(e+.03))}function wr(e,n){let t,r,o,i,a,f,d,c;-1.88170328*e-.80936493*n>1?(t=1.19086277,r=1.76576728,o=.59662641,i=.75515197,a=.56771245,f=4.0767416621,d=-3.3077115913,c=.2309699292):1.81444104*e-1.19445276*n>1?(t=.73956515,r=-.45954404,o=.08285427,i=.1254107,a=.14503204,f=-1.2684380046,d=2.6097574011,c=-.3413193965):(t=1.35733652,r=-.00915799,o=-1.1513021,i=-.50559606,a=.00692167,f=-.0041960863,d=-.7034186147,c=1.707614701);let b=t+r*e+o*n+i*e*e+a*e*n,h=.3963377774*e+.2158037573*n,m=-.1055613458*e-.0638541728*n,M=-.0894841775*e-1.291485548*n;{let _=1+b*h,w=1+b*m,$=1+b*M,P=_*_*_,v=w*w*w,R=$*$*$,X=3*h*_*_,j=3*m*w*w,U=3*M*$*$,J=6*h*h*_,K=6*m*m*w,F=6*M*M*$,D=f*P+d*v+c*R,E=f*X+d*j+c*U,y=f*J+d*K+c*F;b=b-D*E/(E*E-.5*D*y)}return b}function En(e,n){let t=wr(e,n),r=xe({l:1,a:t*e,b:t*n}),o=Math.cbrt(1/Math.max(r.r,r.g,r.b)),i=o*t;return[o,i]}function $r(e,n,t,r,o,i=null){i||(i=En(e,n));let a;if((t-o)*i[1]-(i[0]-o)*r<=0)a=i[1]*o/(r*i[0]+i[1]*(o-t));else{a=i[1]*(o-1)/(r*(i[0]-1)+i[1]*(o-t));{let f=t-o,d=r,c=.3963377774*e+.2158037573*n,b=-.1055613458*e-.0638541728*n,h=-.0894841775*e-1.291485548*n,m=f+d*c,M=f+d*b,_=f+d*h;{let w=o*(1-a)+a*t,$=a*r,P=w+$*c,v=w+$*b,R=w+$*h,X=P*P*P,j=v*v*v,U=R*R*R,J=3*m*P*P,K=3*M*v*v,F=3*_*R*R,D=6*m*m*P,E=6*M*M*v,y=6*_*_*R,g=4.0767416621*X-3.3077115913*j+.2309699292*U-1,x=4.0767416621*J-3.3077115913*K+.2309699292*F,z=4.0767416621*D-3.3077115913*E+.2309699292*y,S=x/(x*x-.5*g*z),L=-g*S,ue=-1.2684380046*X+2.6097574011*j-.3413193965*U-1,V=-1.2684380046*J+2.6097574011*K-.3413193965*F,Gt=-1.2684380046*D+2.6097574011*E-.3413193965*y,Ln=V/(V*V-.5*ue*Gt),Ye=-ue*Ln,Vn=-.0041960863*X-.7034186147*j+1.707614701*U-1,We=-.0041960863*J-.7034186147*K+1.707614701*F,Qt=-.0041960863*D-.7034186147*E+1.707614701*y,qn=We/(We*We-.5*Vn*Qt),Ze=-Vn*qn;L=S>=0?L:1e6,Ye=Ln>=0?Ye:1e6,Ze=qn>=0?Ze:1e6,a+=Math.min(L,Math.min(Ye,Ze))}}}return a}function Sn(e,n,t=null){t||(t=En(e,n));let r=t[0],o=t[1];return[o/r,o/(1-r)]}function Wt(e,n,t){let r=En(n,t),o=$r(n,t,e,1,e,r),i=Sn(n,t,r),a=.11516993+1/(7.4477897+4.1590124*t+n*(-2.19557347+1.75198401*t+n*(-2.13704948-10.02301043*t+n*(-4.24894561+5.38770819*t+4.69891013*n)))),f=.11239642+1/(1.6132032-.68124379*t+n*(.40370612+.90148123*t+n*(-.27087943+.6122399*t+n*(.00299215-.45399568*t-.14661872*n)))),d=o/Math.min(e*i[0],(1-e)*i[1]),c=e*a,b=(1-e)*f,h=.9*d*Math.sqrt(Math.sqrt(1/(1/(c*c*c*c)+1/(b*b*b*b))));return c=e*.4,b=(1-e)*.8,[Math.sqrt(1/(1/(c*c)+1/(b*b))),h,o]}function tt(e){const n=e.l!==void 0?e.l:0,t=e.a!==void 0?e.a:0,r=e.b!==void 0?e.b:0,o={mode:"okhsl",l:Tn(n)};e.alpha!==void 0&&(o.alpha=e.alpha);let i=Math.sqrt(t*t+r*r);if(!i)return o.s=0,o;let[a,f,d]=Wt(n,t/i,r/i),c;if(i<f){let b=0,h=.8*a,m=1-h/f;c=(i-b)/(h+m*(i-b))*.8}else{let b=f,h=.2*f*f*1.25*1.25/a,m=1-h/(d-f);c=.8+.2*((i-b)/(h+m*(i-b)))}return c&&(o.s=c,o.h=H(Math.atan2(r,t)*180/Math.PI)),o}function rt(e){let n=e.h!==void 0?e.h:0,t=e.s!==void 0?e.s:0,r=e.l!==void 0?e.l:0;const o={mode:"oklab",l:Ee(r)};if(e.alpha!==void 0&&(o.alpha=e.alpha),!t||r===1)return o.a=o.b=0,o;let i=Math.cos(n/180*Math.PI),a=Math.sin(n/180*Math.PI),[f,d,c]=Wt(o.l,i,a),b,h,m,M;t<.8?(b=1.25*t,h=0,m=.8*f,M=1-m/d):(b=5*(t-.8),h=d,m=.2*d*d*1.25*1.25/f,M=1-m/(c-d));let _=h+b*m/(1-M*b);return o.a=_*i,o.b=_*a,o}const zr={...Pt,mode:"okhsl",channels:["h","s","l","alpha"],parse:["--okhsl"],serialize:"--okhsl",fromMode:{oklab:tt,rgb:e=>tt(Fe(e))},toMode:{oklab:rt,rgb:e=>De(rt(e))}};function ot(e){let n=e.l!==void 0?e.l:0,t=e.a!==void 0?e.a:0,r=e.b!==void 0?e.b:0,o=Math.sqrt(t*t+r*r),i=o?t/o:1,a=o?r/o:1,[f,d]=Sn(i,a),c=.5,b=1-c/f,h=d/(o+n*d),m=h*n,M=h*o,_=Ee(m),w=M*_/m,$=xe({l:_,a:i*w,b:a*w}),P=Math.cbrt(1/Math.max($.r,$.g,$.b,0));n=n/P,o=o/P*Tn(n)/n,n=Tn(n);const v={mode:"okhsv",s:o?(c+d)*M/(d*c+d*b*M):0,v:n?n/m:0};return v.s&&(v.h=H(Math.atan2(r,t)*180/Math.PI)),e.alpha!==void 0&&(v.alpha=e.alpha),v}function it(e){const n={mode:"oklab"};e.alpha!==void 0&&(n.alpha=e.alpha);const t=e.h!==void 0?e.h:0,r=e.s!==void 0?e.s:0,o=e.v!==void 0?e.v:0,i=Math.cos(t/180*Math.PI),a=Math.sin(t/180*Math.PI),[f,d]=Sn(i,a),c=.5,b=1-c/f,h=1-r*c/(c+d-d*b*r),m=r*d*c/(c+d-d*b*r),M=Ee(h),_=m*M/h,w=xe({l:M,a:i*_,b:a*_}),$=Math.cbrt(1/Math.max(w.r,w.g,w.b,0)),P=Ee(o*h),v=m*P/h;return n.l=P*$,n.a=v*i*$,n.b=v*a*$,n}const Tr={...It,mode:"okhsv",channels:["h","s","v","alpha"],parse:["--okhsv"],serialize:"--okhsv",fromMode:{oklab:ot,rgb:e=>ot(Fe(e))},toMode:{oklab:it,rgb:e=>De(it(e))}};function Cr(e,n){if(!n||n[0]!=="oklab")return;const t={mode:"oklab"},[,r,o,i,a]=n;if(!(r.type===l.Hue||o.type===l.Hue||i.type===l.Hue))return r.type!==l.None&&(t.l=Math.min(Math.max(0,r.type===l.Number?r.value:r.value/100),1)),o.type!==l.None&&(t.a=o.type===l.Number?o.value:o.value*.4/100),i.type!==l.None&&(t.b=i.type===l.Number?i.value:i.value*.4/100),a.type!==l.None&&(t.alpha=Math.min(1,Math.max(0,a.type===l.Number?a.value:a.value/100))),t}const Nr={...Rn,mode:"oklab",toMode:{lrgb:xe,rgb:De},fromMode:{lrgb:Yt,rgb:Fe},ranges:{l:[0,1],a:[-.4,.4],b:[-.4,.4]},parse:[Cr],serialize:e=>`oklab(${e.l!==void 0?e.l:"none"} ${e.a!==void 0?e.a:"none"} ${e.b!==void 0?e.b:"none"}${e.alpha<1?` / ${e.alpha}`:""})`};function Pr(e,n){if(!n||n[0]!=="oklch")return;const t={mode:"oklch"},[,r,o,i,a]=n;if(r.type!==l.None){if(r.type===l.Hue)return;t.l=Math.min(Math.max(0,r.type===l.Number?r.value:r.value/100),1)}if(o.type!==l.None&&(t.c=Math.max(0,o.type===l.Number?o.value:o.value*.4/100)),i.type!==l.None){if(i.type===l.Percentage)return;t.h=i.value}return a.type!==l.None&&(t.alpha=Math.min(1,Math.max(0,a.type===l.Number?a.value:a.value/100))),t}const Hr={...In,mode:"oklch",toMode:{oklab:e=>Z(e,"oklab"),rgb:e=>De(Z(e,"oklab"))},fromMode:{rgb:e=>W(Fe(e),"oklch"),oklab:e=>W(e,"oklch")},parse:[Pr],serialize:e=>`oklch(${e.l!==void 0?e.l:"none"} ${e.c!==void 0?e.c:"none"} ${e.h!==void 0?e.h:"none"}${e.alpha<1?` / ${e.alpha}`:""})`,ranges:{l:[0,1],c:[0,.4],h:[0,360]}},at=e=>{let{r:n,g:t,b:r,alpha:o}=fe(e),i={mode:"xyz65",x:.486570948648216*n+.265667693169093*t+.1982172852343625*r,y:.2289745640697487*n+.6917385218365062*t+.079286914093745*r,z:0*n+.0451133818589026*t+1.043944368900976*r};return o!==void 0&&(i.alpha=o),i},ft=({x:e,y:n,z:t,alpha:r})=>{e===void 0&&(e=0),n===void 0&&(n=0),t===void 0&&(t=0);let o=le({r:e*2.4934969119414263-n*.9313836179191242-.402710784450717*t,g:e*-.8294889695615749+n*1.7626640603183465+.0236246858419436*t,b:e*.0358458302437845-n*.0761723892680418+.9568845240076871*t},"p3");return r!==void 0&&(o.alpha=r),o},Rr={...ae,mode:"p3",parse:["display-p3"],serialize:"display-p3",fromMode:{rgb:e=>ft(Q(e)),xyz65:ft},toMode:{rgb:e=>ee(at(e)),xyz65:at}},mn=e=>{let n=Math.abs(e);return n>=1/512?Math.sign(e)*Math.pow(n,1/1.8):16*e},lt=({x:e,y:n,z:t,alpha:r})=>{e===void 0&&(e=0),n===void 0&&(n=0),t===void 0&&(t=0);let o={mode:"prophoto",r:mn(e*1.3457868816471585-n*.2555720873797946-.0511018649755453*t),g:mn(e*-.5446307051249019+n*1.5082477428451466+.0205274474364214*t),b:mn(e*0+n*0+1.2119675456389452*t)};return r!==void 0&&(o.alpha=r),o},bn=(e=0)=>{let n=Math.abs(e);return n>=16/512?Math.sign(e)*Math.pow(n,1.8):e/16},ut=e=>{let n=bn(e.r),t=bn(e.g),r=bn(e.b),o={mode:"xyz50",x:.7977666449006423*n+.1351812974005331*t+.0313477341283922*r,y:.2880748288194013*n+.7118352342418731*t+899369387256e-16*r,z:0*n+0*t+.8251046025104602*r};return e.alpha!==void 0&&(o.alpha=e.alpha),o},Ir={...ae,mode:"prophoto",parse:["prophoto-rgb"],serialize:"prophoto-rgb",fromMode:{xyz50:lt,rgb:e=>lt(ge(e))},toMode:{xyz50:ut,rgb:e=>be(ut(e))}},st=1.09929682680944,Er=.018053968510807,gn=e=>{const n=Math.abs(e);return n>Er?(Math.sign(e)||1)*(st*Math.pow(n,.45)-(st-1)):4.5*e},dt=({x:e,y:n,z:t,alpha:r})=>{e===void 0&&(e=0),n===void 0&&(n=0),t===void 0&&(t=0);let o={mode:"rec2020",r:gn(e*1.7166511879712683-n*.3556707837763925-.2533662813736599*t),g:gn(e*-.6666843518324893+n*1.6164812366349395+.0157685458139111*t),b:gn(e*.0176398574453108-n*.0427706132578085+.9421031212354739*t)};return r!==void 0&&(o.alpha=r),o},ct=1.09929682680944,Sr=.018053968510807,xn=(e=0)=>{let n=Math.abs(e);return n<Sr*4.5?e/4.5:(Math.sign(e)||1)*Math.pow((n+ct-1)/ct,1/.45)},ht=e=>{let n=xn(e.r),t=xn(e.g),r=xn(e.b),o={mode:"xyz65",x:.6369580483012911*n+.1446169035862083*t+.1688809751641721*r,y:.262700212011267*n+.6779980715188708*t+.059301716469862*r,z:0*n+.0280726930490874*t+1.0609850577107909*r};return e.alpha!==void 0&&(o.alpha=e.alpha),o},Lr={...ae,mode:"rec2020",fromMode:{xyz65:dt,rgb:e=>dt(Q(e))},toMode:{xyz65:ht,rgb:e=>ee(ht(e))},parse:["rec2020"],serialize:"rec2020"},G=.0037930732552754493,Zt=Math.cbrt(G),Mn=e=>Math.cbrt(e)-Zt,Vr=e=>{const{r:n,g:t,b:r,alpha:o}=fe(e),i=Mn(.3*n+.622*t+.078*r+G),a=Mn(.23*n+.692*t+.078*r+G),f=Mn(.2434226892454782*n+.2047674442449682*t+.5518098665095535*r+G),d={mode:"xyb",x:(i-a)/2,y:(i+a)/2,b:f-(i+a)/2};return o!==void 0&&(d.alpha=o),d},vn=e=>Math.pow(e+Zt,3),qr=({x:e,y:n,b:t,alpha:r})=>{e===void 0&&(e=0),n===void 0&&(n=0),t===void 0&&(t=0);const o=vn(e+n)-G,i=vn(n-e)-G,a=vn(t+n)-G,f=le({r:11.031566904639861*o-9.866943908131562*i-.16462299650829934*a,g:-3.2541473810744237*o+4.418770377582723*i-.16462299650829934*a,b:-3.6588512867136815*o+2.7129230459360922*i+1.9459282407775895*a});return r!==void 0&&(f.alpha=r),f},Xr={mode:"xyb",channels:["x","y","b","alpha"],parse:["--xyb"],serialize:"--xyb",toMode:{rgb:qr},fromMode:{rgb:Vr},ranges:{x:[-.0154,.0281],y:[0,.8453],b:[-.2778,.388]},interpolate:{x:u,y:u,b:u,alpha:{use:u,fixup:C}}},Ar={mode:"xyz50",parse:["xyz-d50"],serialize:"xyz-d50",toMode:{rgb:be,lab:Hn},fromMode:{rgb:ge,lab:Pn},channels:["x","y","z","alpha"],ranges:{x:[0,.964],y:[0,.999],z:[0,.825]},interpolate:{x:u,y:u,z:u,alpha:{use:u,fixup:C}}},Or=e=>{let{x:n,y:t,z:r,alpha:o}=e;n===void 0&&(n=0),t===void 0&&(t=0),r===void 0&&(r=0);let i={mode:"xyz50",x:1.0479298208405488*n+.0229467933410191*t-.0501922295431356*r,y:.0296278156881593*n+.990434484573249*t-.0170738250293851*r,z:-.0092430581525912*n+.0150551448965779*t+.7518742899580008*r};return o!==void 0&&(i.alpha=o),i},Br=e=>{let{x:n,y:t,z:r,alpha:o}=e;n===void 0&&(n=0),t===void 0&&(t=0),r===void 0&&(r=0);let i={mode:"xyz65",x:.9554734527042182*n-.0230985368742614*t+.0632593086610217*r,y:-.0283697069632081*n+1.0099954580058226*t+.021041398966943*r,z:.0123140016883199*n-.0205076964334779*t+1.3303659366080753*r};return o!==void 0&&(i.alpha=o),i},jr={mode:"xyz65",toMode:{rgb:ee,xyz50:Or},fromMode:{rgb:Q,xyz50:Br},ranges:{x:[0,.95],y:[0,1],z:[0,1.088]},channels:["x","y","z","alpha"],parse:["xyz","xyz-d65"],serialize:"xyz-d65",interpolate:{x:u,y:u,z:u,alpha:{use:u,fixup:C}}},Fr=({r:e,g:n,b:t,alpha:r})=>{e===void 0&&(e=0),n===void 0&&(n=0),t===void 0&&(t=0);const o={mode:"yiq",y:.29889531*e+.58662247*n+.11448223*t,i:.59597799*e-.2741761*n-.32180189*t,q:.21147017*e-.52261711*n+.31114694*t};return r!==void 0&&(o.alpha=r),o},Dr=({y:e,i:n,q:t,alpha:r})=>{e===void 0&&(e=0),n===void 0&&(n=0),t===void 0&&(t=0);const o={mode:"rgb",r:e+.95608445*n+.6208885*t,g:e-.27137664*n-.6486059*t,b:e-1.10561724*n+1.70250126*t};return r!==void 0&&(o.alpha=r),o},Yr={mode:"yiq",toMode:{rgb:Dr},fromMode:{rgb:Fr},channels:["y","i","q","alpha"],parse:["--yiq"],serialize:"--yiq",ranges:{i:[-.595,.595],q:[-.522,.522]},interpolate:{y:u,i:u,q:u,alpha:{use:u,fixup:C}}},Wr=e=>Math.max(0,Math.min(1,e||0)),ze=e=>Math.round(Wr(e)*255),Zr=Mt("rgb"),Ur=e=>{if(e===void 0)return;let n=ze(e.r),t=ze(e.g),r=ze(e.b);return"#"+(1<<24|n<<16|t<<8|r).toString(16).slice(1)},Jr=e=>{if(e===void 0)return;let n=ze(e.alpha!==void 0?e.alpha:1);return Ur(e)+(256|n).toString(16).slice(1)},Kr=e=>Jr(Zr(e));k(I0);k(A0);k(O0);k(B0);k(D0);k(Pt);k(It);k(nr);k(tr);k(ar);k(fr);k(Rn);k(ur);k(In);k(dr);k(yr);k(kr);k(_r);k(zr);k(Tr);k(Nr);k(Hr);k(Rr);k(Ir);k(Lr);k(ae);k(Xr);k(Ar);k(jr);k(Yr);const Gr=typeof window<"u",Ut=Gr&&"EyeDropper"in window,Qr=e=>{const n=new AbortController;s.onUnmounted(()=>n.abort());async function t(){if(!Ut)return;const r=new window.EyeDropper;try{const o=await r.open({signal:n.signal}),i=_t(o.sRGBHex);i&&(i.alpha=1,e(Kr(i)))}catch(o){console.log("e ===>",o)}}return{openEyeDropper:t,abortController:n}};function eo(e,n,t){const r=e.getBoundingClientRect(),o=n-r.left,i=t-r.top;return{x:r.width===0?0:pe(o/r.width*100,0,100),y:r.height===0?0:pe((1-i/r.height)*100,0,100)}}const no=s.defineComponent({__name:"ColorPickerSpace",setup(e){const n=Jt();let t=!1,r;function o(h){typeof document<"u"&&(r=document.body.style.userSelect,document.body.style.userSelect="none",t=!0,f(h))}function i(h){t=!0,d(h)}function a(){typeof document<"u"&&(document.body.style.userSelect=r,t=!1)}function f(h){var m;h.buttons!==1||!t||((m=n.colorSpace.value)==null?void 0:m.nodeType)!==1||c(n.colorSpace.value,h.clientX,h.clientY)}function d(h){var M;if(!t||((M=n.colorSpace.value)==null?void 0:M.nodeType)!==1)return;h.preventDefault();const m=h.touches[0];c(n.colorSpace.value,m.clientX,m.clientY)}function c(h,m,M){const _=eo(h,m,M),w={...n.colors.hsv};w.s=_.x,w.v=_.y,n.setColor("hsv",w)}function b(h){if(!["ArrowUp","ArrowRight","ArrowDown","ArrowLeft"].includes(h.key))return;h.preventDefault();const m=["ArrowLeft","ArrowDown"].includes(h.key)?-1:1,M=["ArrowLeft","ArrowRight"].includes(h.key)?"s":"v",_=h.shiftKey?10:1,w=n.colors.hsv[M]+m*_,$={...n.colors.hsv};$[M]=pe(w,0,100),n.setColor("hsv",$)}return s.onMounted(()=>{typeof document<"u"&&(document.addEventListener("mousemove",f,{passive:!1}),document.addEventListener("touchmove",d,{passive:!1}),document.addEventListener("mouseup",a),document.addEventListener("touchend",a))}),s.onBeforeUnmount(()=>{typeof document<"u"&&(document.removeEventListener("mousemove",f),document.removeEventListener("touchmove",d),document.removeEventListener("mouseup",a),document.removeEventListener("touchend",a))}),(h,m)=>(s.openBlock(),s.createElementBlock("div",{ref:s.unref(n).colorSpace,class:s.normalizeClass(s.unref(I.normCls)(s.unref(I.getBemElement)(s.unref(re),"space"))),onMousedown:o,onTouchstart:i},[s.createElementVNode("button",{ref:s.unref(n).thumb,class:s.normalizeClass(s.unref(I.normCls)(s.unref(I.getBemElement)(s.unref(re),"thumb"))),tabindex:"0","aria-label":"Color space thumb",onKeydown:b},null,34)],34))}}),to=["value"],ro=["value"],[Jt,Kt]=r0.createContext("ColorPicker"),re=I.getBemBlock("color_picker"),oo=s.defineComponent({...Me.getComponentOptions("ColorPicker"),__name:"ColorPicker",props:{class:{},color:{},defaultColor:{default:"#ffffffff"},format:{},defaultFormat:{default:"hex"},hideAlpha:{type:Boolean,default:!0}},emits:["update:color","update:format","change"],setup(e,{emit:n}){Me.useComponentStyle("color_picker",t0);const t=["hex","hex8","hsl","hsv","hwb","rgb"],r=e,o=n,i=s.ref(null),a=s.ref(null),f=s.ref(null),d=Me.useVModel(r,"color",o,{defaultValue:r.defaultColor,passive:r.color===void 0}),c=Me.useVModel(r,"format",o,{defaultValue:r.defaultFormat,passive:r.format===void 0,onChange(y){}}),b=s.computed(()=>c.value&&t.includes(c.value)?c.value:"hex"),h=y=>["hex","hex8"].includes(y)?"hex":y,m=s.computed(()=>h(b.value)),M=s.computed(()=>r.hideAlpha||b.value==="hex"),_="#ffffffff",w=s.computed(()=>d.value??r.defaultColor??_);s.watch(w,X);const $=s.computed(()=>{const y=m.value,g=v[y];return y.split("").map(x=>{const z=g[x];return{value:Ce(y,x).to(z),channel:x,label:x.toUpperCase()}}).concat(M.value?[]:[{value:Te.to(g.a),channel:"a",label:"Alpha"}])}),P=s.computed({get(){return M.value&&[5,9].includes(v.hex.length)?v.hex.substring(0,v.hex.length-(v.hex.length-1)/4):v.hex},set(y){gt(y)&&R("hex",y)}}),v=s.reactive({hex:_,hsl:{h:0,s:0,l:100,a:1},hsv:{h:0,s:0,v:100,a:1},hwb:{h:0,w:100,b:0,a:1},rgb:{r:255,g:255,b:255,a:1}});function R(y,g){var S,L,ue;let x=g;if(M.value)if(typeof g!="string")g.a=1,x=g;else if([5,9].includes(g.length)){const V=(g.length-1)/4;x=g.substring(0,g.length-V)+"f".repeat(V)}else[4,7].includes(g.length)&&(x=g+"f".repeat((g.length-1)/3));const z=h(y);if(!o0(v[z],x)){v[z]=x;for(const V of t)V!==z&&(v[V]=An(z,h(V),x));d.value=Ke({color:An(z,m.value,x),format:m.value},M.value),o("change",K())}((S=i.value)==null?void 0:S.nodeType)===1&&((L=a.value)==null?void 0:L.nodeType)===1&&((ue=f.value)==null?void 0:ue.nodeType)===1&&J(i.value,a.value,f.value)}function X(y){const g=jn(y);if(g!==null)R(g.format,g.color);else{const x=jn(_);x!==null&&R(x.format,x.color)}}function j(y,g){const x=y.currentTarget,z={...v.hsv};z[g]=Number(x.value),R("hsv",z)}function U(y,g){const x=m.value,z={...v[x]},L=(g==="a"?Te:Ce(x,g)).from(y);Number.isNaN(y)||y===void 0||(z[g]=L,R(x,z))}function J(y,g,x){const z=Ke({format:"hsl",color:v.hsl},!0);y.style.setProperty("--ptc-color-picker-color",z),g.style.position="relative",g.style.backgroundColor=`hsl(${v.hsl.h} 100% 50%)`,g.style.backgroundImage="linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, transparent)",x.style.boxSizing="border-box",x.style.position="absolute",x.style.left=`${v.hsv.s}%`,x.style.bottom=`${v.hsv.v}%`}function K(){const y=Ke({color:v[m.value],format:m.value},M.value);return{format:m.value,color:y}}function F(y){if(!["ArrowUp","ArrowRight","ArrowDown","ArrowLeft"].includes(y.key)||!y.shiftKey)return;const g=y.currentTarget,x=Number(g.step),z=["ArrowLeft","ArrowDown"].includes(y.key)?-1:1,S=Number(g.value)+z*x*10,L=pe(S,Number(g.min),Number(g.max));g.value=String(L-z*x)}const{openEyeDropper:D}=Qr(X);s.onMounted(()=>X(w.value)),Kt({colorSpace:a,thumb:f,colors:v,setColor:R});const E=I.getBemElement(re,"slider");return(y,g)=>(s.openBlock(),s.createElementBlock("div",{ref_key:"colorPicker",ref:i,class:s.normalizeClass(s.unref(I.normCls)(s.unref(re),r.class))},[s.createVNode(no),s.createElementVNode("div",{class:s.normalizeClass(s.unref(I.getBemElement)(s.unref(re),"sliders"))},[s.createElementVNode("input",{class:s.normalizeClass(s.unref(I.normCls)(s.unref(E),s.unref(I.getBemModifier)(s.unref(E),"hue"))),value:v.hsv.h,type:"range",min:"0",max:"360",step:"1",onKeydownPassive:F,onInput:g[0]||(g[0]=x=>j(x,"h"))},null,42,to),M.value?s.createCommentVNode("",!0):(s.openBlock(),s.createElementBlock("input",{key:0,class:s.normalizeClass(s.unref(I.normCls)(s.unref(E),s.unref(I.getBemModifier)(s.unref(E),"alpha"))),value:v.hsv.a,type:"range",min:"0",max:"1",step:"0.01",onKeydownPassive:F,onInput:g[1]||(g[1]=x=>j(x,"a"))},null,42,ro))],2),s.createElementVNode("div",{class:s.normalizeClass(s.unref(I.getBemElement)(s.unref(re),"inputs"))},[s.createVNode(n0._sfc_main,{options:["hex","hsl","hwb","rgb"],size:"sm",modelValue:s.unref(c),"onUpdate:modelValue":g[2]||(g[2]=x=>s.isRef(c)?c.value=x:null),bordered:!1,contentFit:"",disabled:"",minWidth:55},null,8,["modelValue"]),m.value==="hex"?(s.openBlock(),s.createBlock(Xn._sfc_main,{key:0,class:"flex-1",size:"sm",modelValue:P.value,"onUpdate:modelValue":g[3]||(g[3]=x=>P.value=x)},null,8,["modelValue"])):(s.openBlock(!0),s.createElementBlock(s.Fragment,{key:1},s.renderList($.value,({value:x,channel:z})=>(s.openBlock(),s.createBlock(Xn._sfc_main,{modelValue:x,"onUpdate:modelValue":S=>U(S,z),size:"sm"},null,8,["modelValue","onUpdate:modelValue"]))),256)),s.unref(Ut)?(s.openBlock(),s.createBlock(e0._sfc_main,{key:2,onClick:s.unref(D),icon:"tabler:color-picker",size:"sm",type:"outline",variant:"icon"},null,8,["onClick"])):s.createCommentVNode("",!0)],2)],2))}});exports._sfc_main=oo;exports.injectColorPickerContext=Jt;exports.provideColorPickerContext=Kt;

package/dist/ColorSwatch/ColorSwatch.d.ts

@@ -23,9 +23,9 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<ColorSwatchProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ColorSwatchProps> & Readonly<{}>, {
+    type: ColorSwatchType;
     size: "sm" | "md";
     disabled: boolean;
-    type: ColorSwatchType;
     customPickerIcon: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/ColorSwatch/index.js

@@ -1,4 +1,4 @@
-import { _ as s, C as r, a as t, _ as e } from "../ColorSwatch.vue_vue_type_script_setup_true_lang-DBTZCpNP.js";
+import { _ as s, C as r, a as t, _ as e } from "../ColorSwatch.vue_vue_type_script_setup_true_lang-DMDwVSYQ.js";
 export {
   s as ColorSwatch,
   r as ColorSwatchSizes,

package/dist/ColorSwatch/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ColorSwatch.vue_vue_type_script_setup_true_lang-mEt98xi2.js");exports.ColorSwatch=e._sfc_main;exports.ColorSwatchSizes=e.ColorSwatchSizes;exports.ColorSwatchTypes=e.ColorSwatchTypes;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ColorSwatch.vue_vue_type_script_setup_true_lang-BJY6PbEL.js");exports.ColorSwatch=e._sfc_main;exports.ColorSwatchSizes=e.ColorSwatchSizes;exports.ColorSwatchTypes=e.ColorSwatchTypes;exports.default=e._sfc_main;

package/dist/{ColorSwatch-BUx8Adlm.js → ColorSwatch-BiIlHy4_.js}

@@ -1,4 +1,4 @@
-import { _ as f } from "./ColorSwatch.vue_vue_type_script_setup_true_lang-DBTZCpNP.js";
+import { _ as f } from "./ColorSwatch.vue_vue_type_script_setup_true_lang-DMDwVSYQ.js";
 export {
   f as default
 };

package/dist/{ColorSwatch-CyLiiscO.js → ColorSwatch-By6c-JXm.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ColorSwatch.vue_vue_type_script_setup_true_lang-mEt98xi2.js");exports.default=e._sfc_main;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ColorSwatch.vue_vue_type_script_setup_true_lang-BJY6PbEL.js");exports.default=e._sfc_main;

package/dist/ColorSwatch.vue_vue_type_script_setup_true_lang-BJY6PbEL.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),g=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-CudIoHnp.js"),a=require("@pantograph/utils-vue"),C=require("es-toolkit"),s=require("@pantograph/utils"),_=require("class-variance-authority"),f=require("./IconButton.vue_vue_type_script_setup_true_lang-mcs7CjOV.js"),h=require("@pantograph/style/color_swatch.css?raw"),c=["sm","md"],u=["color","remover","custom-picker"],z={key:1,height:"100%",width:"100%",viewBox:"0 0 19 18",fill:"none"},w=e.defineComponent({...a.getComponentOptions("ColorSwatch"),__name:"ColorSwatch",props:{class:{},icon:{},flipOnDir:{},fg:{},bg:{},br:{},size:{default:"md"},selected:{type:Boolean},disabled:{type:Boolean,default:void 0},type:{default:"color"},customPickerIcon:{default:"tabler:palette"}},setup(p){a.useComponentStyle("color_swatch",h);const o=p,r=s.getBemBlock("color_swatch"),m=_.cva(r,{variants:{selected:s.generateVariantClassList("selected",r),size:s.generateVariantClassList(c,r),type:s.generateVariantClassList(u,r)}}),n=e.computed(()=>o.size&&c.includes(o.size)?o.size:"md"),d=e.computed(()=>({size:n.value,...C.omit(o,["size","class","type","selected","customPickerIcon"])})),y=e.useSlots(),k=e.computed(()=>{switch(o.type){case"remover":case"color":return"div";case"custom-picker":return f._sfc_main}}),v=e.computed(()=>{const t={disabled:o.disabled};return o.type==="custom-picker"&&(t.size=n.value,t.icon=o.customPickerIcon,t.color="gray",t.type="outline"),t});return(t,i)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(k.value),e.mergeProps({class:e.unref(s.normCls)(e.unref(m)({selected:t.type!=="custom-picker"&&o.selected,size:t.size,type:t.type}),o.class)},v.value),{icon:e.withCtx(()=>[e.renderSlot(t.$slots,"icon",e.normalizeProps(e.guardReactiveProps(o)))]),default:e.withCtx(()=>[t.type==="color"?(e.openBlock(),e.createBlock(g._sfc_main,e.normalizeProps(e.mergeProps({key:0},d.value)),e.createSlots({_:2},[e.renderList(Object.keys(y),l=>({name:l,fn:e.withCtx(()=>[e.renderSlot(t.$slots,l,e.normalizeProps(e.guardReactiveProps(o)))])}))]),1040)):t.type==="remover"?(e.openBlock(),e.createElementBlock("svg",z,i[0]||(i[0]=[e.createElementVNode("path",{id:"Empty Indicator",d:"M17.5 1L1.5 17",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round"},null,-1)]))):e.createCommentVNode("",!0),t.type==="custom-picker"?e.renderSlot(t.$slots,"default",e.normalizeProps(e.mergeProps({key:2},o))):e.createCommentVNode("",!0)]),_:3},16,["class"]))}});exports.ColorSwatchSizes=c;exports.ColorSwatchTypes=u;exports._sfc_main=w;

package/dist/{ColorSwatch.vue_vue_type_script_setup_true_lang-DBTZCpNP.js → ColorSwatch.vue_vue_type_script_setup_true_lang-DMDwVSYQ.js}

@@ -1,14 +1,10 @@
-import { defineComponent as B, computed as s, useSlots as b, createBlock as u, openBlock as c, resolveDynamicComponent as _, mergeProps as i, unref as f, withCtx as n, createElementBlock as P, createCommentVNode as y, renderSlot as a, normalizeProps as r, createSlots as $, renderList as I, guardReactiveProps as k, createElementVNode as E } from "vue";
-import { _ as L } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-Dwf4A9T3.js";
-import { a as O } from "./options-J8HfRMSU.js";
-import { u as V } from "./Icon.vue_vue_type_script_setup_true_lang-DJv20Efl.js";
+import { defineComponent as B, computed as s, useSlots as b, createBlock as u, openBlock as c, resolveDynamicComponent as _, mergeProps as n, unref as f, withCtx as i, createElementBlock as P, createCommentVNode as y, renderSlot as l, normalizeProps as r, createSlots as $, renderList as I, guardReactiveProps as k, createElementVNode as E } from "vue";
+import { _ as L } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-CKG8pyZ-.js";
+import { getComponentOptions as O, useComponentStyle as V } from "@pantograph/utils-vue";
 import { omit as D } from "es-toolkit";
-import "reka-ui";
-import "@vueuse/core";
-import "@tanstack/vue-virtual";
-import { getBemBlock as N, generateVariantClassList as l, normCls as T } from "@pantograph/utils";
+import { getBemBlock as N, generateVariantClassList as a, normCls as T } from "@pantograph/utils";
 import { cva as j } from "class-variance-authority";
-import { _ as M } from "./IconButton.vue_vue_type_script_setup_true_lang-CRdinhW6.js";
+import { _ as M } from "./IconButton.vue_vue_type_script_setup_true_lang-lZz3QWio.js";
 import R from "@pantograph/style/color_swatch.css?raw";
 const v = ["sm", "md"], q = ["color", "remover", "custom-picker"], A = {
   key: 1,
@@ -16,7 +12,7 @@ const v = ["sm", "md"], q = ["color", "remover", "custom-picker"], A = {
   width: "100%",
   viewBox: "0 0 19 18",
   fill: "none"
-}, ee = /* @__PURE__ */ B({
+}, X = /* @__PURE__ */ B({
   ...O("ColorSwatch"),
   __name: "ColorSwatch",
   props: {
@@ -36,9 +32,9 @@ const v = ["sm", "md"], q = ["color", "remover", "custom-picker"], A = {
     V("color_swatch", R);
     const o = C, t = N("color_swatch"), g = j(t, {
       variants: {
-        selected: l("selected", t),
-        size: l(v, t),
-        type: l(q, t)
+        selected: a("selected", t),
+        size: a(v, t),
+        type: a(q, t)
       }
     }), m = s(
       () => o.size && v.includes(o.size) ? o.size : "md"
@@ -66,7 +62,7 @@ const v = ["sm", "md"], q = ["color", "remover", "custom-picker"], A = {
       };
       return o.type === "custom-picker" && (e.size = m.value, e.icon = o.customPickerIcon, e.color = "gray", e.type = "outline"), e;
     });
-    return (e, p) => (c(), u(_(w.value), i({
+    return (e, p) => (c(), u(_(w.value), n({
       class: f(T)(
         f(g)({
           selected: e.type !== "custom-picker" && o.selected,
@@ -76,15 +72,15 @@ const v = ["sm", "md"], q = ["color", "remover", "custom-picker"], A = {
         o.class
       )
     }, S.value), {
-      icon: n(() => [
-        a(e.$slots, "icon", r(k(o)))
+      icon: i(() => [
+        l(e.$slots, "icon", r(k(o)))
       ]),
-      default: n(() => [
-        e.type === "color" ? (c(), u(L, r(i({ key: 0 }, h.value)), $({ _: 2 }, [
+      default: i(() => [
+        e.type === "color" ? (c(), u(L, r(n({ key: 0 }, h.value)), $({ _: 2 }, [
           I(Object.keys(z), (d) => ({
             name: d,
-            fn: n(() => [
-              a(e.$slots, d, r(k(o)))
+            fn: i(() => [
+              l(e.$slots, d, r(k(o)))
             ])
           }))
         ]), 1040)) : e.type === "remover" ? (c(), P("svg", A, p[0] || (p[0] = [
@@ -96,7 +92,7 @@ const v = ["sm", "md"], q = ["color", "remover", "custom-picker"], A = {
             "stroke-linecap": "round"
           }, null, -1)
         ]))) : y("", !0),
-        e.type === "custom-picker" ? a(e.$slots, "default", r(i({ key: 2 }, o))) : y("", !0)
+        e.type === "custom-picker" ? l(e.$slots, "default", r(n({ key: 2 }, o))) : y("", !0)
       ]),
       _: 3
     }, 16, ["class"]));
@@ -104,6 +100,6 @@ const v = ["sm", "md"], q = ["color", "remover", "custom-picker"], A = {
 });
 export {
   v as C,
-  ee as _,
+  X as _,
   q as a
 };

package/dist/ColorSwatchGroup/index.js

@@ -1,4 +1,4 @@
-import { _ as r, _ as t } from "../ColorSwatchGroup.vue_vue_type_script_setup_true_lang-B-cLoom6.js";
+import { _ as r, _ as t } from "../ColorSwatchGroup.vue_vue_type_script_setup_true_lang-BOvvsjnf.js";
 export {
   r as ColorSwatchGroup,
   t as default

package/dist/ColorSwatchGroup/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ColorSwatchGroup.vue_vue_type_script_setup_true_lang-D1yZXDV3.js");exports.ColorSwatchGroup=e._sfc_main;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ColorSwatchGroup.vue_vue_type_script_setup_true_lang-ovLnyiXB.js");exports.ColorSwatchGroup=e._sfc_main;exports.default=e._sfc_main;