@pantograph/vue 0.32.4 → 0.32.6

package/dist/AlertDialog/AlertDialog.d.ts

@@ -1,7 +1,7 @@
 import { IconSize } from '../Icon';
 import { AlertDialogType } from './AlertDialog.model';
 import { GraphicalObjectProps } from '../GraphicalObject';
-import { DialogSlots, DialogProps, DialogEmits } from '../Dialog/Dialog';
+import { DialogSlots, DialogProps, DialogEmits } from '../Dialog';
 export declare const CANCEL_DEFAULT_PROPS: {
     readonly text: "Cancel";
     readonly type: "outline";
@@ -21,6 +21,7 @@ export declare const ALERT_DIALOG_DEFAULT_PROPS: {
     readonly mask: true;
     readonly open: false;
     readonly zIndex: 1000;
+    readonly renderPopupsInContent: true;
     readonly screen: true;
     readonly closeOnClickOutside: false;
     readonly okProps: () => {
@@ -29,73 +30,161 @@ export declare const ALERT_DIALOG_DEFAULT_PROPS: {
     readonly animated: true;
 };
 /**
- * Props for the AlertDialog component.
+ * Props interface for the AlertDialog component.
  *
  * Extends DialogProps while omitting certain properties that are set internally
  * for the alert dialog behavior. The component automatically configures itself
- * as a modal dialog with specific styling and behavior.
+ * as a modal dialog with specific styling and behavior optimized for confirmation
+ * and alert scenarios.
  *
- * @extends DialogProps - Inherits all dialog properties except omitted ones
+ * @interface AlertDialogProps
+ * @extends Omit<DialogProps, 'noBody' | 'canFullScreen' | 'fullScreen' | 'frameless' | 'footer' | 'closeable' | 'maskClosable' | 'type' | 'asDrawerInMobile' | 'mobileDrawerMinHeight' | 'mobileDrawerHeight' | 'mobileDrawerMaxHeight' | 'headerCls' | 'bodyCls' | 'footerCls' | 'swipeTriggerCls' | 'swipeTrigger' | 'side'>
  */
 export type AlertDialogProps = Omit<DialogProps, 'noBody' | 'canFullScreen' | 'fullScreen' | 'frameless' | 'footer' | 'closeable' | 'maskClosable' | 'type' | 'asDrawerInMobile' | 'mobileDrawerMinHeight' | 'mobileDrawerHeight' | 'mobileDrawerMaxHeight' | 'headerCls' | 'bodyCls' | 'footerCls' | 'swipeTriggerCls' | 'swipeTrigger' | 'side'> & {
-    /** Props for the graphical object (icon) component */
+    /**
+     * Props for the graphical object (icon) component.
+     *
+     * Allows customization of the icon displayed in the alert dialog,
+     * including size, color, and other visual properties.
+     *
+     * @default undefined
+     *
+     * @example
+     * ```vue
+     * <AlertDialog :go-props="{ size: 'lg', color: 'red' }" />
+     * ```
+     */
     goProps?: GraphicalObjectProps;
-    /** Visual type of the alert dialog */
+    /**
+     * Visual type of the alert dialog.
+     *
+     * Determines the icon, colors, and overall visual treatment:
+     * - `'info'`: Informational alert with blue/sky colors
+     * - `'danger'`: Destructive action alert with red colors
+     *
+     * @default 'danger'
+     *
+     * @example
+     * ```vue
+     * <AlertDialog type="info" title="Information" />
+     * <AlertDialog type="danger" title="Delete Item" />
+     * ```
+     */
     type?: AlertDialogType;
 };
 /**
- * Slots for the AlertDialog component.
+ * Slots interface for the AlertDialog component.
  *
  * Extends DialogSlots while omitting footer-related slots since AlertDialog
  * uses its own action button system. Includes specialized slots for the
  * graphical object (icon) and body content.
  *
- * @extends DialogSlots - Inherits all dialog slots except omitted ones
+ * @interface AlertDialogSlots
+ * @extends Omit<DialogSlots, 'footer' | 'trigger' | 'beforeFooterActions'>
  */
 export type AlertDialogSlots = Omit<DialogSlots, 'footer' | 'trigger' | 'beforeFooterActions'> & {
-    /** Custom body content slot */
+    /**
+     * Custom body content slot.
+     *
+     * Overrides the default body content with custom elements.
+     * Useful for adding forms, additional information, or complex layouts.
+     *
+     * @param data - Optional data object passed to the slot
+     * @returns VNode representing the body content
+     *
+     * @example
+     * ```vue
+     * <AlertDialog>
+     *   <template #body>
+     *     <div class="space-y-4">
+     *       <p>This is custom body content.</p>
+     *       <div class="bg-red-50 p-4 rounded border border-red-200">
+     *         <p class="text-red-800">Warning: This action is irreversible!</p>
+     *       </div>
+     *     </div>
+     *   </template>
+     * </AlertDialog>
+     * ```
+     */
     body?: (data?: object) => never;
     /**
-     * Default slot for graphical object (icon) content
+     * Default slot for graphical object (icon) content.
+     *
+     * Overrides the default icon with custom content. Can include
+     * custom icons, images, or other visual elements.
+     *
+     * @param data - Optional data object passed to the slot
+     * @returns VNode representing the graphical object content
+     *
+     * @example
+     * ```vue
+     * <AlertDialog>
+     *   <template #go>
+     *     <div class="w-12 h-12 bg-red-100 rounded-full flex items-center justify-center">
+     *       <Icon name="trash" class="w-6 h-6 text-red-600" />
+     *     </div>
+     *   </template>
+     * </AlertDialog>
+     * ```
      */
     go?: (data?: object) => never;
     /**
-     * Slot for custom icon content
-     * @param data - Contains iconSize property for icon sizing
+     * Slot for custom icon content.
+     *
+     * Provides access to the icon size for proper sizing of custom icons.
+     * Useful when you want to replace just the icon while keeping the
+     * default graphical object styling.
+     *
+     * @param data - Object containing icon sizing information
+     * @param data.iconSize - The recommended icon size for the alert dialog
+     * @returns VNode representing the icon content
+     *
+     * @example
+     * ```vue
+     * <AlertDialog>
+     *   <template #icon="{ iconSize }">
+     *     <Icon name="custom-warning" :size="iconSize" />
+     *   </template>
+     * </AlertDialog>
+     * ```
      */
     icon?: (data?: {
         iconSize: IconSize;
     }) => never;
 };
 /**
- * Emits for the AlertDialog component.
+ * Emits interface for the AlertDialog component.
  *
  * Inherits all emits from Dialog component, providing the same event
- * interface for consistency with the base dialog functionality.
+ * interface for consistency with the base dialog functionality. Omits
+ * the fullscreen-related emit since AlertDialog doesn't support fullscreen.
  *
- * @extends DialogEmits - Inherits all dialog events
+ * @interface AlertDialogEmits
+ * @extends Omit<DialogEmits, 'update:fullScreen'>
  */
-export type AlertDialogEmits = DialogEmits;
+export type AlertDialogEmits = Omit<DialogEmits, 'update:fullScreen'>;
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<AlertDialogProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    cancel: (event: Event) => any;
+    cancel: (event?: PointerEvent | undefined) => any;
     close: () => any;
     openChange: (value?: boolean | null | undefined) => any;
     "update:open": (value: boolean) => any;
     escapeKeyDown: (event: KeyboardEvent) => any;
     pointerDownOutside: (event: import('reka-ui').PointerDownOutsideEvent) => any;
     focusOutside: (event: import('reka-ui').FocusOutsideEvent) => any;
-    ok: (event: Event) => any;
-    "update:fullScreen": (value: boolean) => any;
+    ok: (event?: PointerEvent | undefined) => any;
+    afterClose: () => any;
+    afterOpen: () => any;
 }, string, import('vue').PublicProps, Readonly<AlertDialogProps> & Readonly<{
-    onCancel?: ((event: Event) => any) | undefined;
+    onCancel?: ((event?: PointerEvent | undefined) => any) | undefined;
     onClose?: (() => any) | undefined;
     onOpenChange?: ((value?: boolean | null | undefined) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: import('reka-ui').PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: import('reka-ui').FocusOutsideEvent) => any) | undefined;
-    onOk?: ((event: Event) => any) | undefined;
-    "onUpdate:fullScreen"?: ((value: boolean) => any) | undefined;
+    onOk?: ((event?: PointerEvent | undefined) => any) | undefined;
+    onAfterClose?: (() => any) | undefined;
+    onAfterOpen?: (() => any) | undefined;
 }>, {
     mask: boolean;
     type: AlertDialogType;
@@ -103,6 +192,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Al
     open: boolean;
     openAutoFocus: boolean;
     zIndex: number;
+    renderPopupsInContent: boolean;
     screen: boolean;
     keyboard: boolean;
     trapFocus: boolean;
@@ -117,29 +207,139 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Al
     };
     animated: boolean | string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<Omit<DialogSlots, "footer" | "trigger" | "beforeFooterActions"> & {
-    /** Custom body content slot */
+    /**
+     * Custom body content slot.
+     *
+     * Overrides the default body content with custom elements.
+     * Useful for adding forms, additional information, or complex layouts.
+     *
+     * @param data - Optional data object passed to the slot
+     * @returns VNode representing the body content
+     *
+     * @example
+     * ```vue
+     * <AlertDialog>
+     *   <template #body>
+     *     <div class="space-y-4">
+     *       <p>This is custom body content.</p>
+     *       <div class="bg-red-50 p-4 rounded border border-red-200">
+     *         <p class="text-red-800">Warning: This action is irreversible!</p>
+     *       </div>
+     *     </div>
+     *   </template>
+     * </AlertDialog>
+     * ```
+     */
     body?: (data?: object) => never;
     /**
-     * Default slot for graphical object (icon) content
+     * Default slot for graphical object (icon) content.
+     *
+     * Overrides the default icon with custom content. Can include
+     * custom icons, images, or other visual elements.
+     *
+     * @param data - Optional data object passed to the slot
+     * @returns VNode representing the graphical object content
+     *
+     * @example
+     * ```vue
+     * <AlertDialog>
+     *   <template #go>
+     *     <div class="w-12 h-12 bg-red-100 rounded-full flex items-center justify-center">
+     *       <Icon name="trash" class="w-6 h-6 text-red-600" />
+     *     </div>
+     *   </template>
+     * </AlertDialog>
+     * ```
      */
     go?: (data?: object) => never;
     /**
-     * Slot for custom icon content
-     * @param data - Contains iconSize property for icon sizing
+     * Slot for custom icon content.
+     *
+     * Provides access to the icon size for proper sizing of custom icons.
+     * Useful when you want to replace just the icon while keeping the
+     * default graphical object styling.
+     *
+     * @param data - Object containing icon sizing information
+     * @param data.iconSize - The recommended icon size for the alert dialog
+     * @returns VNode representing the icon content
+     *
+     * @example
+     * ```vue
+     * <AlertDialog>
+     *   <template #icon="{ iconSize }">
+     *     <Icon name="custom-warning" :size="iconSize" />
+     *   </template>
+     * </AlertDialog>
+     * ```
      */
     icon?: (data?: {
         iconSize: IconSize;
     }) => never;
 }> & Omit<DialogSlots, "footer" | "trigger" | "beforeFooterActions"> & {
-    /** Custom body content slot */
+    /**
+     * Custom body content slot.
+     *
+     * Overrides the default body content with custom elements.
+     * Useful for adding forms, additional information, or complex layouts.
+     *
+     * @param data - Optional data object passed to the slot
+     * @returns VNode representing the body content
+     *
+     * @example
+     * ```vue
+     * <AlertDialog>
+     *   <template #body>
+     *     <div class="space-y-4">
+     *       <p>This is custom body content.</p>
+     *       <div class="bg-red-50 p-4 rounded border border-red-200">
+     *         <p class="text-red-800">Warning: This action is irreversible!</p>
+     *       </div>
+     *     </div>
+     *   </template>
+     * </AlertDialog>
+     * ```
+     */
     body?: (data?: object) => never;
     /**
-     * Default slot for graphical object (icon) content
+     * Default slot for graphical object (icon) content.
+     *
+     * Overrides the default icon with custom content. Can include
+     * custom icons, images, or other visual elements.
+     *
+     * @param data - Optional data object passed to the slot
+     * @returns VNode representing the graphical object content
+     *
+     * @example
+     * ```vue
+     * <AlertDialog>
+     *   <template #go>
+     *     <div class="w-12 h-12 bg-red-100 rounded-full flex items-center justify-center">
+     *       <Icon name="trash" class="w-6 h-6 text-red-600" />
+     *     </div>
+     *   </template>
+     * </AlertDialog>
+     * ```
      */
     go?: (data?: object) => never;
     /**
-     * Slot for custom icon content
-     * @param data - Contains iconSize property for icon sizing
+     * Slot for custom icon content.
+     *
+     * Provides access to the icon size for proper sizing of custom icons.
+     * Useful when you want to replace just the icon while keeping the
+     * default graphical object styling.
+     *
+     * @param data - Object containing icon sizing information
+     * @param data.iconSize - The recommended icon size for the alert dialog
+     * @returns VNode representing the icon content
+     *
+     * @example
+     * ```vue
+     * <AlertDialog>
+     *   <template #icon="{ iconSize }">
+     *     <Icon name="custom-warning" :size="iconSize" />
+     *   </template>
+     * </AlertDialog>
+     * ```
      */
     icon?: (data?: {
         iconSize: IconSize;

package/dist/AlertDialog/ConfirmDialog.d.ts

@@ -0,0 +1,30 @@
+import { AlertDialogProps, AlertDialogSlots } from './AlertDialog';
+import { ConfigProviderProps } from '../ConfigProvider';
+export interface ConfirmDialogProps extends Omit<AlertDialogProps, 'title' | 'description' | 'to' | 'screen'>, Omit<AlertDialogSlots, 'title' | 'description'> {
+    to: AlertDialogProps['to'];
+    config?: ConfigProviderProps;
+    title: AlertDialogProps['title'] | AlertDialogSlots['title'];
+    description: AlertDialogProps['description'] | AlertDialogSlots['description'];
+}
+declare const _default: import('vue').DefineComponent<ConfirmDialogProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ConfirmDialogProps> & Readonly<{}>, {
+    mask: boolean;
+    type: import('./AlertDialog.model').AlertDialogType;
+    width: import('..').DialogSize | number | string;
+    open: boolean;
+    openAutoFocus: boolean;
+    zIndex: number;
+    renderPopupsInContent: boolean;
+    keyboard: boolean;
+    trapFocus: boolean;
+    closeOnClickOutside: boolean;
+    okProps: import('..').ButtonProps & {
+        text: string;
+        hide?: boolean;
+    };
+    cancelProps: import('..').ButtonProps & {
+        text: string;
+        hide?: boolean;
+    };
+    animated: boolean | string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/AlertDialog/_index.d.ts

@@ -54,3 +54,4 @@ export { default as AlertDialog, type AlertDialogProps, type AlertDialogEmits, t
  * ```
  */
 export * from './AlertDialog.model';
+export * from './useAlertDialog';

package/dist/AlertDialog/useAlertDialog.d.ts

@@ -0,0 +1,21 @@
+import { ConfirmDialogProps } from './ConfirmDialog';
+import { AlertDialogEmits } from './AlertDialog';
+import { EmitToProp } from '../types';
+type PropEmits = {
+    [K in keyof AlertDialogEmits as EmitToProp<K>]: (...params: AlertDialogEmits[K]) => void;
+};
+interface CreateAlertDialogParams extends ConfirmDialogProps, PropEmits {
+    appContext?: any;
+}
+export declare function useAlertDialog(): {
+    info: (options: CreateAlertDialogParams) => {
+        close: () => void;
+        update: (updateConfig: Partial<CreateAlertDialogParams> | ((prams: CreateAlertDialogParams) => Partial<CreateAlertDialogParams>)) => void;
+    };
+    danger: (options: CreateAlertDialogParams) => {
+        close: () => void;
+        update: (updateConfig: Partial<CreateAlertDialogParams> | ((prams: CreateAlertDialogParams) => Partial<CreateAlertDialogParams>)) => void;
+    };
+    promise: (options: Omit<CreateAlertDialogParams, "onOk" | "onCancel">) => Promise<PointerEvent | undefined>;
+};
+export {};

package/dist/ColorPicker/index.js

@@ -1,5 +1,5 @@
-import { _ as o } from "../ColorPicker.vue_vue_type_style_index_0_lang-BEfDYfnf.js";
-import { i as p, p as C } from "../ColorPicker.vue_vue_type_style_index_0_lang-BEfDYfnf.js";
+import { _ as o } from "../ColorPicker.vue_vue_type_style_index_0_lang-BrT753B_.js";
+import { i as p, p as C } from "../ColorPicker.vue_vue_type_style_index_0_lang-BrT753B_.js";
 import { installComponent as r } from "@pantograph/utils-vue";
 import { getComponentName as e } from "@pantograph/utils";
 const n = r(o, e("ColorPicker"));

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_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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ColorPicker.vue_vue_type_style_index_0_lang-ngeRTae-.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;

package/dist/{ColorPicker.vue_vue_type_style_index_0_lang-BEfDYfnf.js → ColorPicker.vue_vue_type_style_index_0_lang-BrT753B_.js}

@@ -1,7 +1,7 @@
 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";
 import { _ as x0 } from "./ActionButton.vue_vue_type_script_setup_true_lang-DeODCM-L.js";
 import { _ as Zn } from "./Input.vue_vue_type_script_setup_true_lang-Ga_3LDxv.js";
-import { _ as M0 } from "./Select.vue_vue_type_style_index_0_lang-DjdX0Ab4.js";
+import { _ as M0 } from "./Select.vue_vue_type_style_index_0_lang-BmCg9S_L.js";
 import { useVModel as Un } from "@pantograph/utils-vue";
 import { createContext as y0 } from "reka-ui";
 import { normCls as be, getBemElement as me, getBemBlock as v0, getComponentOptions as k0, getBemModifier as Jn } from "@pantograph/utils";

package/dist/{ColorPicker.vue_vue_type_style_index_0_lang-I6QN70qq.js → ColorPicker.vue_vue_type_style_index_0_lang-ngeRTae-.js}

@@ -1,4 +1,4 @@
-"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===`
+"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-BLHjk2Iy.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===`
 `||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--,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]===`
 `||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;

package/dist/ColorSwatchGroup/index.js

@@ -1,4 +1,4 @@
-import { _ as o } from "../ColorSwatchGroup.vue_vue_type_style_index_0_lang-DDy2ee2d.js";
+import { _ as o } from "../ColorSwatchGroup.vue_vue_type_style_index_0_lang-_pCAmZ53.js";
 import { installComponent as r } from "@pantograph/utils-vue";
 import { getComponentName as t } from "@pantograph/utils";
 const n = r(

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_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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ColorSwatchGroup.vue_vue_type_style_index_0_lang-B4PdDPjL.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;