@pantograph/vue 0.32.2 → 0.32.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/AlertDialog/AlertDialog.d.ts +4 -2
- package/dist/ColorPicker/index.js +2 -2
- package/dist/ColorPicker/index.umd.cjs +1 -1
- package/dist/{ColorPicker.vue_vue_type_style_index_0_lang-D9G-d0r6.js → ColorPicker.vue_vue_type_style_index_0_lang-BEfDYfnf.js} +1 -1
- package/dist/{ColorPicker.vue_vue_type_style_index_0_lang-CQT-bHho.js → ColorPicker.vue_vue_type_style_index_0_lang-I6QN70qq.js} +1 -1
- package/dist/ColorSwatchGroup/ColorSwatchGroup.d.ts +6 -0
- package/dist/ColorSwatchGroup/index.js +1 -1
- package/dist/ColorSwatchGroup/index.umd.cjs +1 -1
- package/dist/{ColorSwatchGroup.vue_vue_type_style_index_0_lang-awOxZml7.js → ColorSwatchGroup.vue_vue_type_style_index_0_lang-DDy2ee2d.js} +33 -30
- package/dist/ColorSwatchGroup.vue_vue_type_style_index_0_lang-T7Ym5IRz.js +1 -0
- package/dist/Combobox/Combobox.d.ts +4 -2
- package/dist/Combobox/index.js +1 -1
- package/dist/Combobox/index.umd.cjs +1 -1
- package/dist/Comment/CommentMention.d.ts +18 -10
- package/dist/Dialog/Dialog.d.ts +8 -2
- package/dist/Dialog/index.js +23 -23
- package/dist/Dialog/index.umd.cjs +1 -1
- package/dist/Drawer/Drawer.d.ts +4 -2
- package/dist/Drawer/index.js +1 -1
- package/dist/Drawer/index.umd.cjs +1 -1
- package/dist/GOPicker/index.js +1 -1
- package/dist/GOPicker/index.umd.cjs +1 -1
- package/dist/HoverCard/HoverCard.d.ts +2 -2
- package/dist/HoverCard/index.js +2 -2
- package/dist/HoverCard/index.umd.cjs +1 -1
- package/dist/Menu/Menu.d.ts +2 -2
- package/dist/Modal/Modal.d.ts +4 -2
- package/dist/Modal/index.js +17 -17
- package/dist/Modal/index.umd.cjs +1 -1
- package/dist/Popover/Popover.d.ts +5 -7
- package/dist/Popover/index.d.ts +2 -2
- package/dist/Popover/index.js +6 -6
- package/dist/Popover/index.umd.cjs +1 -1
- package/dist/Popover/type.d.ts +7 -0
- package/dist/Popover/utils.d.ts +4 -4
- package/dist/Select/Select.d.ts +2 -2
- package/dist/Select/index.js +2 -2
- package/dist/Select/index.umd.cjs +1 -1
- package/dist/{Select.vue_vue_type_style_index_0_lang-DQitB2YA.js → Select.vue_vue_type_style_index_0_lang-79nCnnn0.js} +1 -1
- package/dist/{Select.vue_vue_type_style_index_0_lang-CoTVc2XS.js → Select.vue_vue_type_style_index_0_lang-DjdX0Ab4.js} +1 -1
- package/dist/index.js +4 -4
- package/dist/index.umd.cjs +1 -1
- package/dist/style/index.css +1 -1
- package/dist/use/index.js +5 -5
- package/dist/use/index.umd.cjs +1 -1
- package/dist/utils-BurtTDf8.js +1 -0
- package/dist/utils-FYU7FkmA.js +200 -0
- package/package.json +7 -7
- package/dist/ColorSwatchGroup.vue_vue_type_style_index_0_lang-DE47Don1.js +0 -1
- package/dist/utils-DeYtvqtV.js +0 -197
- package/dist/utils-V8eBZdnq.js +0 -1
|
@@ -79,19 +79,21 @@ export type AlertDialogEmits = DialogEmits;
|
|
|
79
79
|
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<AlertDialogProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
80
80
|
cancel: (event: Event) => any;
|
|
81
81
|
close: () => any;
|
|
82
|
+
openChange: (value?: boolean | null | undefined) => any;
|
|
83
|
+
"update:open": (value: boolean) => any;
|
|
82
84
|
escapeKeyDown: (event: KeyboardEvent) => any;
|
|
83
85
|
pointerDownOutside: (event: import('reka-ui').PointerDownOutsideEvent) => any;
|
|
84
86
|
focusOutside: (event: import('reka-ui').FocusOutsideEvent) => any;
|
|
85
|
-
"update:open": (value: boolean) => any;
|
|
86
87
|
ok: (event: Event) => any;
|
|
87
88
|
"update:fullScreen": (value: boolean) => any;
|
|
88
89
|
}, string, import('vue').PublicProps, Readonly<AlertDialogProps> & Readonly<{
|
|
89
90
|
onCancel?: ((event: Event) => any) | undefined;
|
|
90
91
|
onClose?: (() => any) | undefined;
|
|
92
|
+
onOpenChange?: ((value?: boolean | null | undefined) => any) | undefined;
|
|
93
|
+
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
91
94
|
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
92
95
|
onPointerDownOutside?: ((event: import('reka-ui').PointerDownOutsideEvent) => any) | undefined;
|
|
93
96
|
onFocusOutside?: ((event: import('reka-ui').FocusOutsideEvent) => any) | undefined;
|
|
94
|
-
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
95
97
|
onOk?: ((event: Event) => any) | undefined;
|
|
96
98
|
"onUpdate:fullScreen"?: ((value: boolean) => any) | undefined;
|
|
97
99
|
}>, {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { _ as o } from "../ColorPicker.vue_vue_type_style_index_0_lang-
|
|
2
|
-
import { i as p, p as C } from "../ColorPicker.vue_vue_type_style_index_0_lang-
|
|
1
|
+
import { _ as o } from "../ColorPicker.vue_vue_type_style_index_0_lang-BEfDYfnf.js";
|
|
2
|
+
import { i as p, p as C } from "../ColorPicker.vue_vue_type_style_index_0_lang-BEfDYfnf.js";
|
|
3
3
|
import { installComponent as r } from "@pantograph/utils-vue";
|
|
4
4
|
import { getComponentName as e } from "@pantograph/utils";
|
|
5
5
|
const n = r(o, e("ColorPicker"));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ColorPicker.vue_vue_type_style_index_0_lang-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ColorPicker.vue_vue_type_style_index_0_lang-I6QN70qq.js"),o=require("@pantograph/utils-vue"),r=require("@pantograph/utils"),t=o.installComponent(e._sfc_main,r.getComponentName("ColorPicker"));exports.ColorPicker=e._sfc_main;exports.default=e._sfc_main;exports.injectColorPickerContext=e.injectColorPickerContext;exports.provideColorPickerContext=e.provideColorPickerContext;exports.ColorPickerPlugin=t;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
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 Bn, createCommentVNode as Wn, createBlock as nn, isRef as b0, Fragment as m0, renderList as g0 } from "vue";
|
|
2
2
|
import { _ as x0 } from "./ActionButton.vue_vue_type_script_setup_true_lang-DeODCM-L.js";
|
|
3
3
|
import { _ as Zn } from "./Input.vue_vue_type_script_setup_true_lang-Ga_3LDxv.js";
|
|
4
|
-
import { _ as M0 } from "./Select.vue_vue_type_style_index_0_lang-
|
|
4
|
+
import { _ as M0 } from "./Select.vue_vue_type_style_index_0_lang-DjdX0Ab4.js";
|
|
5
5
|
import { useVModel as Un } from "@pantograph/utils-vue";
|
|
6
6
|
import { createContext as y0 } from "reka-ui";
|
|
7
7
|
import { normCls as be, getBemElement as me, getBemBlock as v0, getComponentOptions as k0, getBemModifier as Jn } from "@pantograph/utils";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const s=require("vue"),e0=require("./ActionButton.vue_vue_type_script_setup_true_lang-BbziM36Z.js"),qn=require("./Input.vue_vue_type_script_setup_true_lang-BfK5xqDA.js"),n0=require("./Select.vue_vue_type_style_index_0_lang-DQitB2YA.js"),Xn=require("@pantograph/utils-vue"),t0=require("reka-ui"),I=require("@pantograph/utils");function pe(e,n,t){return Math.max(n,Math.min(e,t))}function r0(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 Me(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 _e(e){let n=e.h%360;n<0&&(n+=360);const t=e.s/100,r=e.l/100;return{r:Ze(0,n,t,r)*255,g:Ze(8,n,t,r)*255,b:Ze(4,n,t,r)*255,a:e.a}}function Ze(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 _e(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 we(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 ve(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(we(e)))}const o0={hex:{hex:e=>e,hsl:e=>we(Me(e)),hsv:e=>ne(de(Me(e))),hwb:e=>de(Me(e)),rgb:Me},hsl:{hex:e=>ve(_e(e)),hsl:e=>e,hsv:pt,hwb:e=>de(_e(e)),rgb:_e},hsv:{hex:e=>ve(se(e)),hsl:mt,hsv:e=>e,hwb:bt,rgb:se},hwb:{hex:e=>ve(se(ne(e))),hsl:e=>we(se(ne(e))),hsv:ne,hwb:e=>e,rgb:e=>se(ne(e))},rgb:{hex:ve,hsl:we,hsv:e=>ne(de(e)),hwb:de,rgb:e=>e}};function An(e,n,t){return o0[e][n](t)}function i0(e,n){const t=e.toFixed(n);return t.includes(".")?t.replace(/\.?0+$/,""):t}const a0={deg:1,grad:.9,rad:180/Math.PI,turn:360},ze={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))*a0[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 i0(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)}%`}},Ue={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)}},f0={hsl:{h:On,s:te,l:te},hwb:{h:On,w:te,b:te},rgb:{r:Ue,g:Ue,b:Ue}};function Te(e,n){return f0[e][n]}function Je({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"?ze:Te(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 l0(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=l0(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"?ze:Te(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}}},u0={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},s0=e=>xt(u0[e.toLowerCase()],6),d0=/^#?([0-9a-f]{8}|[0-9a-f]{6}|[0-9a-f]{4}|[0-9a-f]{3})$/i,c0=e=>{let n;return(n=e.match(d0))?xt(parseInt(n[1],16),n[1].length):void 0},Y="([+-]?\\d*\\.?\\d+(?:[eE][+-]?\\d+)?)",he=`${Y}%`,Tn=`(?:${Y}%|${Y})`,h0=`(?:${Y}(deg|grad|rad|turn)|${Y})`,ie="\\s*,\\s*",p0=new RegExp(`^rgba?\\(\\s*${Y}${ie}${Y}${ie}${Y}\\s*(?:,\\s*${Tn}\\s*)?\\)$`),m0=new RegExp(`^rgba?\\(\\s*${he}${ie}${he}${ie}${he}\\s*(?:,\\s*${Tn}\\s*)?\\)$`),b0=e=>{let n={mode:"rgb"},t;if(t=e.match(p0))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(m0))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},g0=(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=g0(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={},Ce=[],yt={},x0=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=x0)}),vt[e.mode]=e,(e.parse||[]).forEach(n=>{v0(n,e.mode)}),Mt(e.mode)),M0=e=>vt[e],v0=(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"&&Ce.indexOf(e)<0&&Ce.push(e)},vn=/[^\x00-\x7F]|[a-zA-Z_]/,y0=/[^\x00-\x7F]|[-\w]/,l={Function:"function",Ident:"ident",Number:"number",Percentage:"percentage",ParenClose:")",None:"none",Hue:"hue",Alpha:"alpha"};let p=0;function ye(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 yn(e){if(p>=e.length)return!1;let n=e[p];if(vn.test(n))return!0;if(n==="-"){if(e.length-p<2)return!1;let t=e[p+1];return!!(t==="-"||vn.test(t))}return!1}const k0={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+=ke(e),e[p]==="."&&/\d/.test(e[p+1])&&(n+=e[p++]+ke(e)),(e[p]==="e"||e[p]==="E")&&((e[p+1]==="-"||e[p+1]==="+")&&/\d/.test(e[p+2])?n+=e[p++]+e[p++]+ke(e):/\d/.test(e[p+1])&&(n+=e[p++]+ke(e))),yn(e)){let t=Ne(e);return t==="deg"||t==="rad"||t==="turn"||t==="grad"?{type:l.Hue,value:n*k0[t]}:void 0}return e[p]==="%"?(p++,{type:l.Percentage,value:+n}):{type:l.Number,value:+n}}function ke(e){let n="";for(;/\d/.test(e[p]);)n+=e[p++];return n}function Ne(e){let n="";for(;p<e.length&&y0.test(e[p]);)n+=e[p++];return n}function _0(e){let n=Ne(e);return e[p]==="("?(p++,{type:l.Function,value:n}):n==="none"?{type:l.None,value:void 0}:{type:l.Ident,value:n}}function w0(e=""){let n=e.trim(),t=[],r;for(p=0;p<n.length;){if(r=n[p++],r===`
|
|
1
|
+
"use strict";const s=require("vue"),e0=require("./ActionButton.vue_vue_type_script_setup_true_lang-BbziM36Z.js"),qn=require("./Input.vue_vue_type_script_setup_true_lang-BfK5xqDA.js"),n0=require("./Select.vue_vue_type_style_index_0_lang-79nCnnn0.js"),Xn=require("@pantograph/utils-vue"),t0=require("reka-ui"),I=require("@pantograph/utils");function pe(e,n,t){return Math.max(n,Math.min(e,t))}function r0(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 Me(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 _e(e){let n=e.h%360;n<0&&(n+=360);const t=e.s/100,r=e.l/100;return{r:Ze(0,n,t,r)*255,g:Ze(8,n,t,r)*255,b:Ze(4,n,t,r)*255,a:e.a}}function Ze(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 _e(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 we(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 ve(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(we(e)))}const o0={hex:{hex:e=>e,hsl:e=>we(Me(e)),hsv:e=>ne(de(Me(e))),hwb:e=>de(Me(e)),rgb:Me},hsl:{hex:e=>ve(_e(e)),hsl:e=>e,hsv:pt,hwb:e=>de(_e(e)),rgb:_e},hsv:{hex:e=>ve(se(e)),hsl:mt,hsv:e=>e,hwb:bt,rgb:se},hwb:{hex:e=>ve(se(ne(e))),hsl:e=>we(se(ne(e))),hsv:ne,hwb:e=>e,rgb:e=>se(ne(e))},rgb:{hex:ve,hsl:we,hsv:e=>ne(de(e)),hwb:de,rgb:e=>e}};function An(e,n,t){return o0[e][n](t)}function i0(e,n){const t=e.toFixed(n);return t.includes(".")?t.replace(/\.?0+$/,""):t}const a0={deg:1,grad:.9,rad:180/Math.PI,turn:360},ze={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))*a0[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 i0(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)}%`}},Ue={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)}},f0={hsl:{h:On,s:te,l:te},hwb:{h:On,w:te,b:te},rgb:{r:Ue,g:Ue,b:Ue}};function Te(e,n){return f0[e][n]}function Je({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"?ze:Te(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 l0(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=l0(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"?ze:Te(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}}},u0={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},s0=e=>xt(u0[e.toLowerCase()],6),d0=/^#?([0-9a-f]{8}|[0-9a-f]{6}|[0-9a-f]{4}|[0-9a-f]{3})$/i,c0=e=>{let n;return(n=e.match(d0))?xt(parseInt(n[1],16),n[1].length):void 0},Y="([+-]?\\d*\\.?\\d+(?:[eE][+-]?\\d+)?)",he=`${Y}%`,Tn=`(?:${Y}%|${Y})`,h0=`(?:${Y}(deg|grad|rad|turn)|${Y})`,ie="\\s*,\\s*",p0=new RegExp(`^rgba?\\(\\s*${Y}${ie}${Y}${ie}${Y}\\s*(?:,\\s*${Tn}\\s*)?\\)$`),m0=new RegExp(`^rgba?\\(\\s*${he}${ie}${he}${ie}${he}\\s*(?:,\\s*${Tn}\\s*)?\\)$`),b0=e=>{let n={mode:"rgb"},t;if(t=e.match(p0))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(m0))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},g0=(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=g0(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={},Ce=[],yt={},x0=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=x0)}),vt[e.mode]=e,(e.parse||[]).forEach(n=>{v0(n,e.mode)}),Mt(e.mode)),M0=e=>vt[e],v0=(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"&&Ce.indexOf(e)<0&&Ce.push(e)},vn=/[^\x00-\x7F]|[a-zA-Z_]/,y0=/[^\x00-\x7F]|[-\w]/,l={Function:"function",Ident:"ident",Number:"number",Percentage:"percentage",ParenClose:")",None:"none",Hue:"hue",Alpha:"alpha"};let p=0;function ye(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 yn(e){if(p>=e.length)return!1;let n=e[p];if(vn.test(n))return!0;if(n==="-"){if(e.length-p<2)return!1;let t=e[p+1];return!!(t==="-"||vn.test(t))}return!1}const k0={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+=ke(e),e[p]==="."&&/\d/.test(e[p+1])&&(n+=e[p++]+ke(e)),(e[p]==="e"||e[p]==="E")&&((e[p+1]==="-"||e[p+1]==="+")&&/\d/.test(e[p+2])?n+=e[p++]+e[p++]+ke(e):/\d/.test(e[p+1])&&(n+=e[p++]+ke(e))),yn(e)){let t=Ne(e);return t==="deg"||t==="rad"||t==="turn"||t==="grad"?{type:l.Hue,value:n*k0[t]}:void 0}return e[p]==="%"?(p++,{type:l.Percentage,value:+n}):{type:l.Number,value:+n}}function ke(e){let n="";for(;/\d/.test(e[p]);)n+=e[p++];return n}function Ne(e){let n="";for(;p<e.length&&y0.test(e[p]);)n+=e[p++];return n}function _0(e){let n=Ne(e);return e[p]==="("?(p++,{type:l.Function,value:n}):n==="none"?{type:l.None,value:void 0}:{type:l.Ident,value:n}}function w0(e=""){let n=e.trim(),t=[],r;for(p=0;p<n.length;){if(r=n[p++],r===`
|
|
2
2
|
`||r===" "||r===" "){for(;p<n.length&&(n[p]===`
|
|
3
3
|
`||n[p]===" "||n[p]===" ");)p++;continue}if(r===",")return;if(r===")"){t.push({type:l.ParenClose});continue}if(r==="+"){if(p--,ye(n)){t.push(ce(n));continue}return}if(r==="-"){if(p--,ye(n)){t.push(ce(n));continue}if(yn(n)){t.push({type:l.Ident,value:Ne(n)});continue}return}if(r==="."){if(p--,ye(n)){t.push(ce(n));continue}return}if(r==="/"){for(;p<n.length&&(n[p]===`
|
|
4
4
|
`||n[p]===" "||n[p]===" ");)p++;let o;if(ye(n)&&(o=ce(n),o.type!==l.Hue)){t.push({type:l.Alpha,value:o});continue}if(yn(n)&&Ne(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(vn.test(r)){p--,t.push(_0(n));continue}return}return t}function $0(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=M0(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 z0(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=w0(e),t=n?z0(n,!0):void 0;let r,o=0,i=Ce.length;for(;o<i;)if((r=Ce[o++](e,t))!==void 0)return r;return n?$0(n):void 0};function T0(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 C0=e=>e==="transparent"?{mode:"rgb",r:0,g:0,b:0,alpha:0}:void 0,N0=(e,n,t)=>e+t*(n-e),P0=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},H0=e=>n=>{let t=P0(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=H0(N0),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:[T0,c0,b0,s0,C0,"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}},Ke=(e=0)=>Math.pow(Math.abs(e),563/256)*Math.sign(e),Dn=e=>{let n=Ke(e.r),t=Ke(e.g),r=Ke(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},Ge=e=>Math.pow(Math.abs(e),256/563)*Math.sign(e),Fn=({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:Ge(e*2.0415879038107465-n*.5650069742788597-.3447313507783297*t),g:Ge(e*-.9692436362808798+n*1.8759675015077206+.0415550574071756*t),b:Ge(e*.0134442806320312-n*.1183623922310184+1.0151749943912058*t)};return r!==void 0&&(o.alpha=r),o},Qe=(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:Qe(e),g:Qe(n),b:Qe(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},en=(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:en(e),g:en(n),b:en(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},R0={...ae,mode:"a98",parse:["a98-rgb"],serialize:"a98-rgb",fromMode:{rgb:e=>Fn(Q(e)),xyz65:Fn},toMode:{rgb:e=>ee(Dn(e)),xyz65:Dn}},H=e=>(e=e%360)<0?e+360:e,I0=(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=>I0(e,n=>Math.abs(n)<=180?n:n-360*Math.sign(n)),N=[-.14861,1.78277,-.29227,-.90649,1.97294,0],E0=Math.PI/180,S0=180/Math.PI;let Yn=N[3]*N[4],Wn=N[1]*N[4],Zn=N[1]*N[2]-N[0]*N[3];const L0=({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)*S0-120),r!==void 0&&(f.alpha=r),f},V0=({h:e,s:n,l:t,alpha:r})=>{let o={mode:"rgb"};e=(e===void 0?0:e+120)*E0,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},Ee=(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},q0=(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},Se=(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},X0={mode:"cubehelix",channels:["h","s","l","alpha"],parse:["--cubehelix"],serialize:"--cubehelix",ranges:{h:[0,360],s:[0,4.614],l:[0,1]},fromMode:{rgb:L0},toMode:{rgb:V0},interpolate:{h:{use:u,fixup:O},s:u,l:u,alpha:{use:u,fixup:C}},difference:{h:Ee},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 nn=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:nn(i)*oe.X,y:nn(o)*oe.Y,z:nn(a)*oe.Z};return r!==void 0&&(f.alpha=r),f},Le=e=>ee(zt(e)),tn=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=tn(e/oe.X),i=tn(n/oe.Y),a=tn(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},Ve=e=>{let n=Tt(Q(e));return e.r===e.b&&e.b===e.g&&(n.a=n.b=0),n},Pe=1,Ct=1,me=26/180*Math.PI,He=Math.cos(me),Re=Math.sin(me),Nt=100/Math.log(139/100),kn=({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*Pe/Nt)-1)/.0039},i=(Math.exp(.0435*n*Ct*Pe)-1)/.075,a=i*Math.cos(t/180*Math.PI-me),f=i*Math.sin(t/180*Math.PI-me);return o.a=a*He-f/.83*Re,o.b=a*Re+f/.83*He,r!==void 0&&(o.alpha=r),o},_n=({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*He+t*Re,i=.83*(t*He-n*Re),a=Math.sqrt(o*o+i*i),f={mode:"dlch",l:Nt/Pe*Math.log(1+.0039*e),c:Math.log(1+.075*a)/(.0435*Ct*Pe)};return f.c&&(f.h=H((Math.atan2(i,o)+me)/Math.PI*180)),r!==void 0&&(f.alpha=r),f},Un=e=>kn(W(e,"dlch")),Jn=e=>Z(_n(e),"dlab"),A0={mode:"dlab",parse:["--din99o-lab"],serialize:"--din99o-lab",toMode:{lab65:Un,rgb:e=>Le(Un(e))},fromMode:{lab65:Jn,rgb:e=>Jn(Ve(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}}},O0={mode:"dlch",parse:["--din99o-lch"],serialize:"--din99o-lch",toMode:{lab65:kn,dlab:e=>Z(e,"dlab"),rgb:e=>Le(kn(e))},fromMode:{lab65:_n,dlab:e=>W(e,"dlch"),rgb:e=>_n(Ve(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:Se},average:{h:B}};function B0({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 j0({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:B0},parse:["--hsi"],serialize:"--hsi",fromMode:{rgb:j0},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:Ee},average:{h:B}};function F0({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 Y0({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 W0=(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}},Z0=new RegExp(`^hsla?\\(\\s*${h0}${ie}${he}${ie}${he}\\s*(?:,\\s*${Tn}\\s*)?\\)$`),U0=e=>{let n=e.match(Z0);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=W0(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 J0(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:F0},fromMode:{rgb:Y0},channels:["h","s","l","alpha"],ranges:{h:[0,360]},gamut:"rgb",parse:[J0,U0],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:Ee},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:Ee},average:{h:B}};function K0({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 G0(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 Q0(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 er={mode:"hwb",toMode:{rgb:K0},fromMode:{rgb:G0},channels:["h","w","b","alpha"],ranges:{h:[0,360]},gamut:"rgb",parse:[Q0],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:q0},average:{h:B}},Et=203,qe=.1593017578125,St=78.84375,Xe=.8359375,Ae=18.8515625,Oe=18.6875;function rn(e){if(e<0)return 0;const n=Math.pow(e,1/St);return 1e4*Math.pow(Math.max(0,n-Xe)/(Ae-Oe*n),1/qe)}function on(e){if(e<0)return 0;const n=Math.pow(e/1e4,qe);return Math.pow((Xe+Ae*n)/(1+Oe*n),St)}const an=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=rn(e+.008609037037932761*n+.11102962500302593*t),i=rn(e-.00860903703793275*n-.11102962500302599*t),a=rn(e+.5600313357106791*n-.32062717498731885*t),f={mode:"xyz65",x:an(2.070152218389422*o-1.3263473389671556*i+.2066510476294051*a),y:an(.3647385209748074*o+.680566024947227*i-.0453045459220346*a),z:an(-.049747207535812*o-.0492609666966138*i+1.1880659249923042*a)};return r!==void 0&&(f.alpha=r),f},fn=(e=0)=>Math.max(e*Et,0),Gn=({x:e,y:n,z:t,alpha:r})=>{const o=fn(e),i=fn(n),a=fn(t),f=on(.3592832590121217*o+.6976051147779502*i-.0358915932320289*a),d=on(-.1920808463704995*o+1.1004767970374323*i+.0753748658519118*a),c=on(.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},nr={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}}},tr=134.03437499999998,rr=16295499532821565e-27,ln=e=>{if(e<0)return 0;let n=Math.pow(e/1e4,qe);return Math.pow((Xe+Ae*n)/(1+Oe*n),tr)},un=(e=0)=>Math.max(e*203,0),Lt=({x:e,y:n,z:t,alpha:r})=>{e=un(e),n=un(n),t=un(t);let o=1.15*e-.15*t,i=.66*n+.34*e,a=ln(.41478972*o+.579999*i+.014648*t),f=ln(-.20151*o+1.120649*i+.0531008*t),d=ln(-.0166008*o+.2648*i+.6684799*t),c=(a+f)/2,b={mode:"jab",j:.44*c/(1-.56*c)-rr,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},or=134.03437499999998,Qn=16295499532821565e-27,sn=e=>{if(e<0)return 0;let n=Math.pow(e,1/or);return 1e4*Math.pow((Xe-n)/(Oe*n-Ae),1/qe)},dn=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=sn(o+.13860504*n+.058047316*t),a=sn(o-.13860504*n-.058047316*t),f=sn(o-.096019242*n-.8118919*t),d={mode:"xyz65",x:dn(1.661373024652174*i-.914523081304348*a+.23136208173913045*f),y:dn(-.3250758611844533*i+1.571847026732543*a-.21825383453227928*f),z:dn(-.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)),ir={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},ar={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:Se},average:{h:B}},Be=Math.pow(29,3)/Math.pow(3,3),Cn=Math.pow(6,3)/Math.pow(29,3);let cn=e=>Math.pow(e,3)>Cn?Math.pow(e,3):(116*e-16)/Be;const Nn=({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:cn(i)*T.X,y:cn(o)*T.Y,z:cn(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(Nn(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},hn=e=>e>Cn?Math.cbrt(e):(Be*e+16)/116,Pn=({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=hn(e/T.X),i=hn(n/T.Y),a=hn(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=Pn(ge(e));return e.r===e.b&&e.b===e.g&&(n.a=n.b=0),n};function fr(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 Hn={mode:"lab",toMode:{xyz50:Nn,rgb:At},fromMode:{xyz50:Pn,rgb:Ot},channels:["l","a","b","alpha"],ranges:{l:[0,100],a:[-100,100],b:[-100,100]},parse:[fr],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}}},lr={...Hn,mode:"lab65",parse:["--lab-d65"],serialize:"--lab-d65",toMode:{xyz65:zt,rgb:Le},fromMode:{xyz65:Tt,rgb:Ve},ranges:{l:[0,100],a:[-86.182,98.234],b:[-107.86,94.477]}};function ur(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 Rn={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:[ur],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:Se},average:{h:B}},sr={...Rn,mode:"lch65",parse:["--lch-d65"],serialize:"--lch-d65",toMode:{lab65:e=>Z(e,"lab65"),rgb:e=>Le(Z(e,"lab65"))},fromMode:{rgb:e=>W(Ve(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},Dt=(e,n,t)=>4*e/(e+15*n+3*t),Ft=(e,n,t)=>9*n/(e+15*n+3*t),dr=Dt(T.X,T.Y,T.Z),cr=Ft(T.X,T.Y,T.Z),hr=e=>e<=Cn?Be*e:116*Math.cbrt(e)-16,wn=({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=hr(n/T.Y),i=Dt(e,n,t),a=Ft(e,n,t);!isFinite(i)||!isFinite(a)?o=i=a=0:(i=13*o*(i-dr),a=13*o*(a-cr));let f={mode:"luv",l:o,u:i,v:a};return r!==void 0&&(f.alpha=r),f},pr=(e,n,t)=>4*e/(e+15*n+3*t),mr=(e,n,t)=>9*n/(e+15*n+3*t),br=pr(T.X,T.Y,T.Z),gr=mr(T.X,T.Y,T.Z),$n=({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)+br,i=t/(13*e)+gr,a=T.Y*(e<=8?e/Be: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},xr=e=>Bt(wn(ge(e))),Mr=e=>be($n(jt(e))),vr={mode:"lchuv",toMode:{luv:jt,rgb:Mr},fromMode:{rgb:xr,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:Se},average:{h:B}},yr={...ae,mode:"lrgb",toMode:{rgb:le},fromMode:{rgb:fe},parse:["srgb-linear"],serialize:"srgb-linear"},kr={mode:"luv",toMode:{xyz50:$n,rgb:e=>be($n(e))},fromMode:{xyz50:wn,rgb:e=>wn(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},je=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 zn(e){const r=1.170873786407767;return .5*(r*e-.206+Math.sqrt((r*e-.206)*(r*e-.206)+4*.03*r*e))}function Ie(e){return(e*e+.206*e)/(1.170873786407767*(e+.03))}function _r(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,D=6*M*M*$,F=f*P+d*v+c*R,E=f*X+d*j+c*U,y=f*J+d*K+c*D;b=b-F*E/(E*E-.5*F*y)}return b}function In(e,n){let t=_r(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 wr(e,n,t,r,o,i=null){i||(i=In(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,D=3*_*R*R,F=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*D,z=4.0767416621*F-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*D,Gt=-1.2684380046*F+2.6097574011*E-.3413193965*y,Sn=V/(V*V-.5*ue*Gt),Fe=-ue*Sn,Ln=-.0041960863*X-.7034186147*j+1.707614701*U-1,Ye=-.0041960863*J-.7034186147*K+1.707614701*D,Qt=-.0041960863*F-.7034186147*E+1.707614701*y,Vn=Ye/(Ye*Ye-.5*Ln*Qt),We=-Ln*Vn;L=S>=0?L:1e6,Fe=Sn>=0?Fe:1e6,We=Vn>=0?We:1e6,a+=Math.min(L,Math.min(Fe,We))}}}return a}function En(e,n,t=null){t||(t=In(e,n));let r=t[0],o=t[1];return[o/r,o/(1-r)]}function Wt(e,n,t){let r=In(n,t),o=wr(n,t,e,1,e,r),i=En(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:zn(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:Ie(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 $r={...Pt,mode:"okhsl",channels:["h","s","l","alpha"],parse:["--okhsl"],serialize:"--okhsl",fromMode:{oklab:tt,rgb:e=>tt(je(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]=En(i,a),c=.5,b=1-c/f,h=d/(o+n*d),m=h*n,M=h*o,_=Ie(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*zn(n)/n,n=zn(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]=En(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=Ie(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=Ie(o*h),v=m*P/h;return n.l=P*$,n.a=v*i*$,n.b=v*a*$,n}const zr={...It,mode:"okhsv",channels:["h","s","v","alpha"],parse:["--okhsv"],serialize:"--okhsv",fromMode:{oklab:ot,rgb:e=>ot(je(e))},toMode:{oklab:it,rgb:e=>De(it(e))}};function Tr(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 Cr={...Hn,mode:"oklab",toMode:{lrgb:xe,rgb:De},fromMode:{lrgb:Yt,rgb:je},ranges:{l:[0,1],a:[-.4,.4],b:[-.4,.4]},parse:[Tr],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 Nr(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 Pr={...Rn,mode:"oklch",toMode:{oklab:e=>Z(e,"oklab"),rgb:e=>De(Z(e,"oklab"))},fromMode:{rgb:e=>W(je(e),"oklch"),oklab:e=>W(e,"oklch")},parse:[Nr],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},Hr={...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}},pn=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:pn(e*1.3457868816471585-n*.2555720873797946-.0511018649755453*t),g:pn(e*-.5446307051249019+n*1.5082477428451466+.0205274474364214*t),b:pn(e*0+n*0+1.2119675456389452*t)};return r!==void 0&&(o.alpha=r),o},mn=(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=mn(e.r),t=mn(e.g),r=mn(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},Rr={...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,Ir=.018053968510807,bn=e=>{const n=Math.abs(e);return n>Ir?(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:bn(e*1.7166511879712683-n*.3556707837763925-.2533662813736599*t),g:bn(e*-.6666843518324893+n*1.6164812366349395+.0157685458139111*t),b:bn(e*.0176398574453108-n*.0427706132578085+.9421031212354739*t)};return r!==void 0&&(o.alpha=r),o},ct=1.09929682680944,Er=.018053968510807,gn=(e=0)=>{let n=Math.abs(e);return n<Er*4.5?e/4.5:(Math.sign(e)||1)*Math.pow((n+ct-1)/ct,1/.45)},ht=e=>{let n=gn(e.r),t=gn(e.g),r=gn(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},Sr={...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),xn=e=>Math.cbrt(e)-Zt,Lr=e=>{const{r:n,g:t,b:r,alpha:o}=fe(e),i=xn(.3*n+.622*t+.078*r+G),a=xn(.23*n+.692*t+.078*r+G),f=xn(.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},Mn=e=>Math.pow(e+Zt,3),Vr=({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=Mn(e+n)-G,i=Mn(n-e)-G,a=Mn(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},qr={mode:"xyb",channels:["x","y","b","alpha"],parse:["--xyb"],serialize:"--xyb",toMode:{rgb:Vr},fromMode:{rgb:Lr},ranges:{x:[-.0154,.0281],y:[0,.8453],b:[-.2778,.388]},interpolate:{x:u,y:u,b:u,alpha:{use:u,fixup:C}}},Xr={mode:"xyz50",parse:["xyz-d50"],serialize:"xyz-d50",toMode:{rgb:be,lab:Pn},fromMode:{rgb:ge,lab:Nn},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}}},Ar=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},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:"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},Br={mode:"xyz65",toMode:{rgb:ee,xyz50:Ar},fromMode:{rgb:Q,xyz50:Or},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}}},jr=({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},Fr={mode:"yiq",toMode:{rgb:Dr},fromMode:{rgb:jr},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}}},Yr=e=>Math.max(0,Math.min(1,e||0)),$e=e=>Math.round(Yr(e)*255),Wr=Mt("rgb"),Zr=e=>{if(e===void 0)return;let n=$e(e.r),t=$e(e.g),r=$e(e.b);return"#"+(1<<24|n<<16|t<<8|r).toString(16).slice(1)},Ur=e=>{if(e===void 0)return;let n=$e(e.alpha!==void 0?e.alpha:1);return Zr(e)+(256|n).toString(16).slice(1)},Jr=e=>Ur(Wr(e));k(R0);k(X0);k(A0);k(O0);k(D0);k(Pt);k(It);k(er);k(nr);k(ir);k(ar);k(Hn);k(lr);k(Rn);k(sr);k(vr);k(yr);k(kr);k($r);k(zr);k(Cr);k(Pr);k(Hr);k(Rr);k(Sr);k(ae);k(qr);k(Xr);k(Br);k(Fr);const Kr=typeof window<"u",Ut=Kr&&"EyeDropper"in window,Gr=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(Jr(i)))}catch(o){console.error("openEyeDropper",o)}}return{openEyeDropper:t,abortController:n}};function Qr(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 eo=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 _=Qr(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))}}),no=["value"],to=["value"],[Jt,Kt]=t0.createContext("ColorPicker"),re=I.getBemBlock("color_picker"),ro=s.defineComponent({...I.getComponentOptions("ColorPicker"),__name:"ColorPicker",props:{class:{type:[Array,Object,String,Number,null,Boolean]},color:{},defaultColor:{default:"#ffffffff"},format:{},defaultFormat:{default:"hex"},hideAlpha:{type:Boolean,default:!0}},emits:["update:color","update:format","change"],setup(e,{emit:n}){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=Xn.useVModel(r,"color",o,{defaultValue:r.defaultColor,passive:r.color===void 0}),c=Xn.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:Te(y,x).to(z),channel:x,label:x.toUpperCase()}}).concat(M.value?[]:[{value:ze.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(!r0(v[z],x)){v[z]=x;for(const V of t)V!==z&&(v[V]=An(z,h(V),x));d.value=Je({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"?ze:Te(x,g)).from(y);Number.isNaN(y)||y===void 0||(z[g]=L,R(x,z))}function J(y,g,x){const z=Je({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=Je({color:v[m.value],format:m.value},M.value);return{format:m.value,color:y}}function D(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:F}=Gr(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(eo),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:D,onInput:g[0]||(g[0]=x=>j(x,"h"))},null,42,no),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:D,onInput:g[1]||(g[1]=x=>j(x,"a"))},null,42,to))],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(qn._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(qn._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(F),icon:"tabler:color-picker",size:"sm",type:"outline",variant:"icon"},null,8,["onClick"])):s.createCommentVNode("",!0)],2)],2))}});exports._sfc_main=ro;exports.injectColorPickerContext=Jt;exports.provideColorPickerContext=Kt;
|
|
@@ -99,6 +99,10 @@ export interface ColorSwatchGroupEmits {
|
|
|
99
99
|
* Emitted when the selected color value changes (v-model binding)
|
|
100
100
|
*/
|
|
101
101
|
(e: 'update:modelValue', value?: string): void;
|
|
102
|
+
/**
|
|
103
|
+
* Emitted when the selected color value changes
|
|
104
|
+
*/
|
|
105
|
+
(e: 'change', value?: string | null): void;
|
|
102
106
|
}
|
|
103
107
|
declare function __VLS_template(): {
|
|
104
108
|
attrs: Partial<{}>;
|
|
@@ -112,9 +116,11 @@ declare function __VLS_template(): {
|
|
|
112
116
|
};
|
|
113
117
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
114
118
|
declare const __VLS_component: import('vue').DefineComponent<ColorSwatchGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
119
|
+
change: (value?: string | null | undefined) => any;
|
|
115
120
|
"update:modelValue": (value?: string | undefined) => any;
|
|
116
121
|
"update:format": (value: VisibleColorFormat) => any;
|
|
117
122
|
}, string, import('vue').PublicProps, Readonly<ColorSwatchGroupProps> & Readonly<{
|
|
123
|
+
onChange?: ((value?: string | null | undefined) => any) | undefined;
|
|
118
124
|
"onUpdate:modelValue"?: ((value?: string | undefined) => any) | undefined;
|
|
119
125
|
"onUpdate:format"?: ((value: VisibleColorFormat) => any) | undefined;
|
|
120
126
|
}>, {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _ as o } from "../ColorSwatchGroup.vue_vue_type_style_index_0_lang-
|
|
1
|
+
import { _ as o } from "../ColorSwatchGroup.vue_vue_type_style_index_0_lang-DDy2ee2d.js";
|
|
2
2
|
import { installComponent as r } from "@pantograph/utils-vue";
|
|
3
3
|
import { getComponentName as t } from "@pantograph/utils";
|
|
4
4
|
const n = r(
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ColorSwatchGroup.vue_vue_type_style_index_0_lang-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ColorSwatchGroup.vue_vue_type_style_index_0_lang-T7Ym5IRz.js"),o=require("@pantograph/utils-vue"),t=require("@pantograph/utils"),u=o.installComponent(e._sfc_main,t.getComponentName("ColorSwatchGroup"));exports.ColorSwatchGroup=e._sfc_main;exports.default=e._sfc_main;exports.ColorSwatchGroupPlugin=u;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { defineComponent as T, useSlots as q, ref as H, computed as d, createElementBlock as
|
|
1
|
+
import { defineComponent as T, useSlots as q, ref as H, computed as d, createElementBlock as g, openBlock as u, normalizeClass as C, unref as s, createCommentVNode as k, createElementVNode as J, renderSlot as y, createTextVNode as K, toDisplayString as Q, createBlock as h, Fragment as W, renderList as M, mergeProps as m, createSlots as j, withCtx as f, createVNode as S, normalizeProps as X, guardReactiveProps as Y } from "vue";
|
|
2
2
|
import { useFormInput as Z, useVModel as _ } from "@pantograph/utils-vue";
|
|
3
3
|
import { useEmitAsProps as ee } from "reka-ui";
|
|
4
|
-
import
|
|
4
|
+
import P, { ColorSwatchSizes as oe } from "./ColorSwatch/index.js";
|
|
5
5
|
import { isString as w, pick as I, omit as te } from "es-toolkit";
|
|
6
|
-
import { getComponentOptions as le, getBemBlock as re, generateVariantClassList as se, normCls as
|
|
6
|
+
import { getComponentOptions as le, getBemBlock as re, generateVariantClassList as se, normCls as z, getBemElement as A } from "@pantograph/utils";
|
|
7
7
|
import { cva as ae } from "class-variance-authority";
|
|
8
8
|
import { Popover as ne } from "./Popover/index.js";
|
|
9
|
-
import { _ as ie } from "./ColorPicker.vue_vue_type_style_index_0_lang-
|
|
10
|
-
import { i as
|
|
9
|
+
import { _ as ie } from "./ColorPicker.vue_vue_type_style_index_0_lang-BEfDYfnf.js";
|
|
10
|
+
import { i as V } from "./isObject-vmP43YLW.js";
|
|
11
11
|
const ke = /* @__PURE__ */ T({
|
|
12
12
|
...le("ColorSwatchGroup"),
|
|
13
13
|
__name: "ColorSwatchGroup",
|
|
@@ -31,17 +31,20 @@ const ke = /* @__PURE__ */ T({
|
|
|
31
31
|
colorMode: { default: "bold" },
|
|
32
32
|
popoverProps: {}
|
|
33
33
|
},
|
|
34
|
-
emits: ["update:format", "update:modelValue"],
|
|
34
|
+
emits: ["update:format", "update:modelValue", "change"],
|
|
35
35
|
setup(r, { emit: N }) {
|
|
36
|
-
const o = r, D = q(),
|
|
36
|
+
const o = r, D = q(), p = N, { getDisabled: i } = Z({
|
|
37
37
|
exports: ["getDisabled"]
|
|
38
38
|
}), a = _(
|
|
39
39
|
o,
|
|
40
40
|
"modelValue",
|
|
41
|
-
|
|
41
|
+
p,
|
|
42
42
|
{
|
|
43
43
|
defaultValue: o.defaultValue,
|
|
44
|
-
passive: o.modelValue === void 0
|
|
44
|
+
passive: o.modelValue === void 0,
|
|
45
|
+
onChange(e) {
|
|
46
|
+
p("change", e);
|
|
47
|
+
}
|
|
45
48
|
}
|
|
46
49
|
), E = (e) => {
|
|
47
50
|
if (w(e))
|
|
@@ -50,7 +53,7 @@ const ke = /* @__PURE__ */ T({
|
|
|
50
53
|
icon: o.icon,
|
|
51
54
|
bg: e
|
|
52
55
|
};
|
|
53
|
-
if (
|
|
56
|
+
if (V(e))
|
|
54
57
|
return {
|
|
55
58
|
...te(e, ["value"]),
|
|
56
59
|
icon: e.icon ?? o.icon,
|
|
@@ -60,12 +63,12 @@ const ke = /* @__PURE__ */ T({
|
|
|
60
63
|
variants: {
|
|
61
64
|
size: se(oe, c)
|
|
62
65
|
}
|
|
63
|
-
}), $ = H(!1),
|
|
66
|
+
}), $ = H(!1), v = (e) => V(e) ? e.value : e ?? void 0, B = (e) => {
|
|
64
67
|
if (!i.value) {
|
|
65
|
-
const t =
|
|
68
|
+
const t = v(e);
|
|
66
69
|
a.value = t, $.value = !t;
|
|
67
70
|
}
|
|
68
|
-
},
|
|
71
|
+
}, b = d(() => {
|
|
69
72
|
if (o.colors) return o.colors;
|
|
70
73
|
const e = ["red", "orange", "yellow", "lime", "green", "sky", "blue", "violet"];
|
|
71
74
|
return o.colorMode === "subtle" ? e.map((t) => `${t}-subtle`) : typeof o.colorMode == "object" && o.colorMode.value && (o.colorMode.bg || o.colorMode.br || o.colorMode.fg) ? e.map((t) => {
|
|
@@ -76,13 +79,13 @@ const ke = /* @__PURE__ */ T({
|
|
|
76
79
|
}) : e;
|
|
77
80
|
}), O = d(() => {
|
|
78
81
|
var e;
|
|
79
|
-
if (!((e =
|
|
80
|
-
(t) => w(t) && t === a.value ||
|
|
82
|
+
if (!((e = b.value) != null && e.length && b.value.some(
|
|
83
|
+
(t) => w(t) && t === a.value || V(t) && a.value === t.value
|
|
81
84
|
)))
|
|
82
85
|
return a.value;
|
|
83
86
|
}), U = (e) => {
|
|
84
87
|
e && (a.value = e);
|
|
85
|
-
}, R = ee(
|
|
88
|
+
}, R = ee(p), G = d(() => ({
|
|
86
89
|
...I(R, ["onUpdate:format"]),
|
|
87
90
|
...I(o, ["format", "defaultFormat", "hideAlpha"])
|
|
88
91
|
})), L = d(() => {
|
|
@@ -95,21 +98,21 @@ const ke = /* @__PURE__ */ T({
|
|
|
95
98
|
...l
|
|
96
99
|
};
|
|
97
100
|
});
|
|
98
|
-
return (e, t) => (u(),
|
|
99
|
-
class:
|
|
101
|
+
return (e, t) => (u(), g("div", {
|
|
102
|
+
class: C(s(z)(o.class, s(F)({ size: r.size })))
|
|
100
103
|
}, [
|
|
101
|
-
D.header || r.header ? (u(),
|
|
104
|
+
D.header || r.header ? (u(), g("div", {
|
|
102
105
|
key: 0,
|
|
103
|
-
class:
|
|
106
|
+
class: C(s(z)(s(A)(s(c), "header"), r.headerCls))
|
|
104
107
|
}, [
|
|
105
|
-
|
|
108
|
+
y(e.$slots, "header", {}, () => [
|
|
106
109
|
K(Q(r.header), 1)
|
|
107
110
|
])
|
|
108
|
-
], 2)) :
|
|
111
|
+
], 2)) : k("", !0),
|
|
109
112
|
J("div", {
|
|
110
|
-
class:
|
|
113
|
+
class: C(s(z)(s(A)(s(c), "colors"), r.colorsCls))
|
|
111
114
|
}, [
|
|
112
|
-
r.noRemover ?
|
|
115
|
+
r.noRemover ? k("", !0) : (u(), h(P, {
|
|
113
116
|
key: 0,
|
|
114
117
|
type: "remover",
|
|
115
118
|
size: r.size,
|
|
@@ -117,23 +120,23 @@ const ke = /* @__PURE__ */ T({
|
|
|
117
120
|
onClick: t[0] || (t[0] = (l) => B()),
|
|
118
121
|
selected: !s(a) && $.value
|
|
119
122
|
}, null, 8, ["size", "disabled", "selected"])),
|
|
120
|
-
(u(!0),
|
|
123
|
+
(u(!0), g(W, null, M(b.value, (l) => (u(), h(P, m({
|
|
121
124
|
type: "color",
|
|
122
125
|
size: r.size,
|
|
123
126
|
icon: r.icon,
|
|
124
127
|
disabled: s(i)
|
|
125
128
|
}, { ref_for: !0 }, E(l), {
|
|
126
|
-
key:
|
|
129
|
+
key: v(l),
|
|
127
130
|
onClick: (n) => B(l)
|
|
128
131
|
}), j({ _: 2 }, [
|
|
129
132
|
M(Object.keys(e.$slots), (n) => ({
|
|
130
133
|
name: n,
|
|
131
134
|
fn: f((x) => [
|
|
132
|
-
|
|
135
|
+
y(e.$slots, n, m({ ref_for: !0 }, { ...x, value: v(l) }))
|
|
133
136
|
])
|
|
134
137
|
}))
|
|
135
138
|
]), 1040, ["size", "icon", "disabled", "onClick"]))), 128)),
|
|
136
|
-
r.noCustomPicker ?
|
|
139
|
+
r.noCustomPicker ? k("", !0) : (u(), h(ne, m({
|
|
137
140
|
key: 1,
|
|
138
141
|
"reverse-placement-on-dir": "rtl",
|
|
139
142
|
placement: "right-start",
|
|
@@ -146,7 +149,7 @@ const ke = /* @__PURE__ */ T({
|
|
|
146
149
|
}, G.value), null, 16, ["defaultColor"])
|
|
147
150
|
]),
|
|
148
151
|
default: f(() => [
|
|
149
|
-
S(
|
|
152
|
+
S(P, {
|
|
150
153
|
type: "custom-picker",
|
|
151
154
|
size: r.size,
|
|
152
155
|
customPickerIcon: r.customPickerIcon,
|
|
@@ -155,7 +158,7 @@ const ke = /* @__PURE__ */ T({
|
|
|
155
158
|
M(Object.keys(e.$slots), (l) => ({
|
|
156
159
|
name: l,
|
|
157
160
|
fn: f((n) => [
|
|
158
|
-
|
|
161
|
+
y(e.$slots, l, X(Y(n)))
|
|
159
162
|
])
|
|
160
163
|
}))
|
|
161
164
|
]), 1032, ["size", "customPickerIcon", "disabled"])
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const e=require("vue"),k=require("@pantograph/utils-vue"),q=require("reka-ui"),m=require("./ColorSwatch/index.umd.cjs"),i=require("es-toolkit"),a=require("@pantograph/utils"),w=require("class-variance-authority"),N=require("./Popover/index.umd.cjs"),E=require("./ColorPicker.vue_vue_type_style_index_0_lang-I6QN70qq.js"),b=require("./isObject-BDHKUJKN.js"),O=e.defineComponent({...a.getComponentOptions("ColorSwatchGroup"),__name:"ColorSwatchGroup",props:{format:{},defaultFormat:{},hideAlpha:{type:Boolean},size:{default:"md"},customPickerIcon:{},icon:{},class:{type:[Array,Object,String,Number,null,Boolean]},noRemover:{type:Boolean},noCustomPicker:{type:Boolean},modelValue:{},headerCls:{},header:{},disabled:{type:Boolean,default:void 0},colorsCls:{},defaultValue:{},colors:{},colorMode:{default:"bold"},popoverProps:{}},emits:["update:format","update:modelValue","change"],setup(s,{emit:h}){const t=s,y=e.useSlots(),f=h,{getDisabled:c}=k.useFormInput({exports:["getDisabled"]}),n=k.useVModel(t,"modelValue",f,{defaultValue:t.defaultValue,passive:t.modelValue===void 0,onChange(o){f("change",o)}}),B=o=>{if(i.isString(o))return{selected:n.value===o,icon:t.icon,bg:o};if(b.isObject(o))return{...i.omit(o,["value"]),icon:o.icon??t.icon,selected:n.value===o.value}},d=a.getBemBlock("color_swatch_group"),P=w.cva(d,{variants:{size:a.generateVariantClassList(m.ColorSwatchSizes,d)}}),g=e.ref(!1),p=o=>b.isObject(o)?o.value:o??void 0,C=o=>{if(!c.value){const r=p(o);n.value=r,g.value=!r}},v=e.computed(()=>{if(t.colors)return t.colors;const o=["red","orange","yellow","lime","green","sky","blue","violet"];return t.colorMode==="subtle"?o.map(r=>`${r}-subtle`):typeof t.colorMode=="object"&&t.colorMode.value&&(t.colorMode.bg||t.colorMode.br||t.colorMode.fg)?o.map(r=>{const l={value:typeof t.colorMode=="object"&&t.colorMode.value==="subtle"?`${r}-subtle`:r};return typeof t.colorMode=="object"&&t.colorMode.bg&&(l.bg=t.colorMode.bg==="subtle"?`${r}-subtle`:r),typeof t.colorMode=="object"&&t.colorMode.br&&(l.br=t.colorMode.br==="subtle"?`${r}-subtle`:r),typeof t.colorMode=="object"&&t.colorMode.fg&&(l.fg=t.colorMode.fg==="subtle"?`${r}-subtle`:r),l}):o}),V=e.computed(()=>{var o;if(!((o=v.value)!=null&&o.length&&v.value.some(r=>i.isString(r)&&r===n.value||b.isObject(r)&&n.value===r.value)))return n.value}),M=o=>{o&&(n.value=o)},z=q.useEmitAsProps(f),S=e.computed(()=>({...i.pick(z,["onUpdate:format"]),...i.pick(t,["format","defaultFormat","hideAlpha"])})),j=e.computed(()=>{const{open:o,"onUpdate:open":r,...l}=t.popoverProps||{};return{open:c.value?!1:o,"onUpdate:open":u=>{c.value||r==null||r(u)},...l}});return(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(a.normCls)(t.class,e.unref(P)({size:s.size})))},[y.header||s.header?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(a.normCls)(e.unref(a.getBemElement)(e.unref(d),"header"),s.headerCls))},[e.renderSlot(o.$slots,"header",{},()=>[e.createTextVNode(e.toDisplayString(s.header),1)])],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(a.normCls)(e.unref(a.getBemElement)(e.unref(d),"colors"),s.colorsCls))},[s.noRemover?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(m.default,{key:0,type:"remover",size:s.size,disabled:e.unref(c),onClick:r[0]||(r[0]=l=>C()),selected:!e.unref(n)&&g.value},null,8,["size","disabled","selected"])),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.value,l=>(e.openBlock(),e.createBlock(m.default,e.mergeProps({type:"color",size:s.size,icon:s.icon,disabled:e.unref(c)},{ref_for:!0},B(l),{key:p(l),onClick:u=>C(l)}),e.createSlots({_:2},[e.renderList(Object.keys(o.$slots),u=>({name:u,fn:e.withCtx($=>[e.renderSlot(o.$slots,u,e.mergeProps({ref_for:!0},{...$,value:p(l)}))])}))]),1040,["size","icon","disabled","onClick"]))),128)),s.noCustomPicker?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(N.Popover,e.mergeProps({key:1,"reverse-placement-on-dir":"rtl",placement:"right-start","side-offset":4},j.value),{content:e.withCtx(()=>[e.createVNode(E._sfc_main,e.mergeProps({defaultColor:V.value,"onUpdate:color":M},S.value),null,16,["defaultColor"])]),default:e.withCtx(()=>[e.createVNode(m.default,{type:"custom-picker",size:s.size,customPickerIcon:s.customPickerIcon,disabled:e.unref(c)},e.createSlots({_:2},[e.renderList(Object.keys(o.$slots),l=>({name:l,fn:e.withCtx(u=>[e.renderSlot(o.$slots,l,e.normalizeProps(e.guardReactiveProps(u)))])}))]),1032,["size","customPickerIcon","disabled"])]),_:3},16))],2)],2))}});exports._sfc_main=O;
|
|
@@ -527,11 +527,12 @@ declare const __VLS_component: import('vue').DefineComponent<ComboboxProps, {
|
|
|
527
527
|
"update:modelValue": (value: string | string[]) => any;
|
|
528
528
|
closeAutoFocus: (event: Event) => any;
|
|
529
529
|
openAutoFocus: (event: Event) => any;
|
|
530
|
+
openChange: (value?: boolean | null | undefined) => any;
|
|
531
|
+
"update:open": (value: boolean) => any;
|
|
530
532
|
escapeKeyDown: (event: KeyboardEvent) => any;
|
|
531
533
|
pointerDownOutside: (event: import('reka-ui').PointerDownOutsideEvent) => any;
|
|
532
534
|
focusOutside: (event: import('reka-ui').FocusOutsideEvent) => any;
|
|
533
535
|
interactOutside: (event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any;
|
|
534
|
-
"update:open": (value: boolean) => any;
|
|
535
536
|
"update:expandedKeys": (value: string[]) => any;
|
|
536
537
|
keydownEnter: (value: KeyboardEvent, searchModel?: string | undefined) => any;
|
|
537
538
|
keydownEscape: (value: KeyboardEvent) => any;
|
|
@@ -543,11 +544,12 @@ declare const __VLS_component: import('vue').DefineComponent<ComboboxProps, {
|
|
|
543
544
|
"onUpdate:modelValue"?: ((value: string | string[]) => any) | undefined;
|
|
544
545
|
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
545
546
|
onOpenAutoFocus?: ((event: Event) => any) | undefined;
|
|
547
|
+
onOpenChange?: ((value?: boolean | null | undefined) => any) | undefined;
|
|
548
|
+
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
546
549
|
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
547
550
|
onPointerDownOutside?: ((event: import('reka-ui').PointerDownOutsideEvent) => any) | undefined;
|
|
548
551
|
onFocusOutside?: ((event: import('reka-ui').FocusOutsideEvent) => any) | undefined;
|
|
549
552
|
onInteractOutside?: ((event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any) | undefined;
|
|
550
|
-
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
551
553
|
"onUpdate:expandedKeys"?: ((value: string[]) => any) | undefined;
|
|
552
554
|
onKeydownEnter?: ((value: KeyboardEvent, searchModel?: string | undefined) => any) | undefined;
|
|
553
555
|
onKeydownEscape?: ((value: KeyboardEvent) => any) | undefined;
|
package/dist/Combobox/index.js
CHANGED
|
@@ -500,7 +500,7 @@ const [Fe, xo] = Gt("Combobox"), P = oo("combobox"), ft = lo(P, "value-placehold
|
|
|
500
500
|
dir: {},
|
|
501
501
|
noTrigger: { type: Boolean }
|
|
502
502
|
},
|
|
503
|
-
emits: ["update:modelValue", "update:expandedKeys", "keydownEnter", "keydownEscape", "update:search", "fetch", "search", "select", "update:open", "escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
|
|
503
|
+
emits: ["update:modelValue", "update:expandedKeys", "keydownEnter", "keydownEscape", "update:search", "fetch", "search", "select", "update:open", "escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus", "openChange"],
|
|
504
504
|
setup(B, { expose: t, emit: c }) {
|
|
505
505
|
const o = B, k = c, U = () => {
|
|
506
506
|
var e, l;
|