import type { SFCWithInstall } from '@element-plus-next/vue-utils'; declare const _ColorPicker: SFCWithInstall; validator: (val: string) => val is "" | "small" | "default" | "large"; }; popperClass: StringConstructor; label: { type: StringConstructor; default: undefined; }; tabindex: { type: (NumberConstructor | StringConstructor)[]; default: number; }; predefine: ArrayConstructor; validateEvent: { type: BooleanConstructor; default: boolean; }; }, { color: import("./src/color").default; colorDisabled: import("@vue/reactivity").ComputedRef; colorSize: _vue_reactivity.ComputedRef<"" | "small" | "default" | "large">; displayedColor: import("@vue/reactivity").ComputedRef; showPanelColor: import("@vue/reactivity").Ref; showPicker: import("@vue/reactivity").Ref; customInput: import("@vue/reactivity").Ref; buttonId: import("@vue/reactivity").Ref; buttonAriaLabel: import("@vue/reactivity").ComputedRef; buttonAriaLabelledby: import("@vue/reactivity").ComputedRef; handleConfirm: () => void; hide: () => void; handleTrigger: () => void; clear: () => void; confirmValue: () => void; t: import("packages/web/vue-hooks/dist").Translator; ns: { namespace: _vue_reactivity.ComputedRef; b: (blockSuffix?: string | undefined) => string; e: (element?: string | undefined) => string; m: (modifier?: string | undefined) => string; be: (blockSuffix?: string | undefined, element?: string | undefined) => string; em: (element?: string | undefined, modifier?: string | undefined) => string; bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string; is: { (name: string, state: boolean | undefined): string; (name: string): string; }; cssVar: (object: Record) => Record; cssVarName: (name: string) => string; cssVarBlock: (object: Record) => Record; cssVarBlockName: (name: string) => string; }; hue: import("@vue/reactivity").Ref<({ $: import("@vue/runtime-core").ComponentInternalInstance; $data: {}; $props: Partial<{ vertical: boolean; }> & Omit; required: true; }; vertical: BooleanConstructor; }>> & import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, "vertical">; $attrs: { [x: string]: unknown; }; $refs: { [x: string]: unknown; }; $slots: Readonly<{ [name: string]: import("@vue/runtime-core").Slot | undefined; }>; $root: import("@vue/runtime-core").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("@vue/runtime-core").ComponentOptionsBase> | null; $parent: import("@vue/runtime-core").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("@vue/runtime-core").ComponentOptionsBase> | null; $emit: (event: string, ...args: any[]) => void; $el: any; $options: import("@vue/runtime-core").ComponentOptionsBase; required: true; }; vertical: BooleanConstructor; }>>, { bar: import("@vue/reactivity").Ref; thumb: import("@vue/reactivity").Ref; thumbLeft: import("@vue/reactivity").Ref; thumbTop: import("@vue/reactivity").Ref; hueValue: import("@vue/reactivity").ComputedRef; handleClick: (event: Event) => void; update: () => void; ns: { namespace: _vue_reactivity.ComputedRef; b: (blockSuffix?: string | undefined) => string; e: (element?: string | undefined) => string; m: (modifier?: string | undefined) => string; be: (blockSuffix?: string | undefined, element?: string | undefined) => string; em: (element?: string | undefined, modifier?: string | undefined) => string; bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string; is: { (name: string, state: boolean | undefined): string; (name: string): string; }; cssVar: (object: Record) => Record; cssVarName: (name: string) => string; cssVarBlock: (object: Record) => Record; cssVarBlockName: (name: string) => string; }; }, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, Record, string, { vertical: boolean; }> & { beforeCreate?: ((() => void) | (() => void)[]) | undefined; created?: ((() => void) | (() => void)[]) | undefined; beforeMount?: ((() => void) | (() => void)[]) | undefined; mounted?: ((() => void) | (() => void)[]) | undefined; beforeUpdate?: ((() => void) | (() => void)[]) | undefined; updated?: ((() => void) | (() => void)[]) | undefined; activated?: ((() => void) | (() => void)[]) | undefined; deactivated?: ((() => void) | (() => void)[]) | undefined; beforeDestroy?: ((() => void) | (() => void)[]) | undefined; beforeUnmount?: ((() => void) | (() => void)[]) | undefined; destroyed?: ((() => void) | (() => void)[]) | undefined; unmounted?: ((() => void) | (() => void)[]) | undefined; renderTracked?: (((e: import("@vue/reactivity").DebuggerEvent) => void) | ((e: import("@vue/reactivity").DebuggerEvent) => void)[]) | undefined; renderTriggered?: (((e: import("@vue/reactivity").DebuggerEvent) => void) | ((e: import("@vue/reactivity").DebuggerEvent) => void)[]) | undefined; errorCaptured?: (((err: unknown, instance: import("@vue/runtime-core").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("@vue/runtime-core").ComponentOptionsBase> | null, info: string) => boolean | void) | ((err: unknown, instance: import("@vue/runtime-core").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("@vue/runtime-core").ComponentOptionsBase> | null, info: string) => boolean | void)[]) | undefined; }; $forceUpdate: () => void; $nextTick: typeof import("@vue/runtime-core").nextTick; $watch(source: string | Function, cb: Function, options?: import("@vue/runtime-core").WatchOptions | undefined): import("@vue/runtime-core").WatchStopHandle; } & Readonly; required: true; }; vertical: BooleanConstructor; }>> & import("@vue/reactivity").ShallowUnwrapRef<{ bar: import("@vue/reactivity").Ref; thumb: import("@vue/reactivity").Ref; thumbLeft: import("@vue/reactivity").Ref; thumbTop: import("@vue/reactivity").Ref; hueValue: import("@vue/reactivity").ComputedRef; handleClick: (event: Event) => void; update: () => void; ns: { namespace: _vue_reactivity.ComputedRef; b: (blockSuffix?: string | undefined) => string; e: (element?: string | undefined) => string; m: (modifier?: string | undefined) => string; be: (blockSuffix?: string | undefined, element?: string | undefined) => string; em: (element?: string | undefined, modifier?: string | undefined) => string; bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string; is: { (name: string, state: boolean | undefined): string; (name: string): string; }; cssVar: (object: Record) => Record; cssVarName: (name: string) => string; cssVarBlock: (object: Record) => Record; cssVarBlockName: (name: string) => string; }; }> & {} & import("@vue/runtime-core").ComponentCustomProperties) | undefined>; svPanel: import("@vue/reactivity").Ref<({ $: import("@vue/runtime-core").ComponentInternalInstance; $data: {}; $props: Partial<{}> & Omit; required: true; }; }>> & import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, never>; $attrs: { [x: string]: unknown; }; $refs: { [x: string]: unknown; }; $slots: Readonly<{ [name: string]: import("@vue/runtime-core").Slot | undefined; }>; $root: import("@vue/runtime-core").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("@vue/runtime-core").ComponentOptionsBase> | null; $parent: import("@vue/runtime-core").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("@vue/runtime-core").ComponentOptionsBase> | null; $emit: (event: string, ...args: any[]) => void; $el: any; $options: import("@vue/runtime-core").ComponentOptionsBase; required: true; }; }>>, { cursorTop: import("@vue/reactivity").Ref; cursorLeft: import("@vue/reactivity").Ref; background: import("@vue/reactivity").Ref; colorValue: import("@vue/reactivity").ComputedRef<{ hue: any; value: any; }>; handleDrag: (event: any) => void; update: () => void; ns: { namespace: _vue_reactivity.ComputedRef; b: (blockSuffix?: string | undefined) => string; e: (element?: string | undefined) => string; m: (modifier?: string | undefined) => string; be: (blockSuffix?: string | undefined, element?: string | undefined) => string; em: (element?: string | undefined, modifier?: string | undefined) => string; bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string; is: { (name: string, state: boolean | undefined): string; (name: string): string; }; cssVar: (object: Record) => Record; cssVarName: (name: string) => string; cssVarBlock: (object: Record) => Record; cssVarBlockName: (name: string) => string; }; }, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, Record, string, {}> & { beforeCreate?: ((() => void) | (() => void)[]) | undefined; created?: ((() => void) | (() => void)[]) | undefined; beforeMount?: ((() => void) | (() => void)[]) | undefined; mounted?: ((() => void) | (() => void)[]) | undefined; beforeUpdate?: ((() => void) | (() => void)[]) | undefined; updated?: ((() => void) | (() => void)[]) | undefined; activated?: ((() => void) | (() => void)[]) | undefined; deactivated?: ((() => void) | (() => void)[]) | undefined; beforeDestroy?: ((() => void) | (() => void)[]) | undefined; beforeUnmount?: ((() => void) | (() => void)[]) | undefined; destroyed?: ((() => void) | (() => void)[]) | undefined; unmounted?: ((() => void) | (() => void)[]) | undefined; renderTracked?: (((e: import("@vue/reactivity").DebuggerEvent) => void) | ((e: import("@vue/reactivity").DebuggerEvent) => void)[]) | undefined; renderTriggered?: (((e: import("@vue/reactivity").DebuggerEvent) => void) | ((e: import("@vue/reactivity").DebuggerEvent) => void)[]) | undefined; errorCaptured?: (((err: unknown, instance: import("@vue/runtime-core").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("@vue/runtime-core").ComponentOptionsBase> | null, info: string) => boolean | void) | ((err: unknown, instance: import("@vue/runtime-core").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("@vue/runtime-core").ComponentOptionsBase> | null, info: string) => boolean | void)[]) | undefined; }; $forceUpdate: () => void; $nextTick: typeof import("@vue/runtime-core").nextTick; $watch(source: string | Function, cb: Function, options?: import("@vue/runtime-core").WatchOptions | undefined): import("@vue/runtime-core").WatchStopHandle; } & Readonly; required: true; }; }>> & import("@vue/reactivity").ShallowUnwrapRef<{ cursorTop: import("@vue/reactivity").Ref; cursorLeft: import("@vue/reactivity").Ref; background: import("@vue/reactivity").Ref; colorValue: import("@vue/reactivity").ComputedRef<{ hue: any; value: any; }>; handleDrag: (event: any) => void; update: () => void; ns: { namespace: _vue_reactivity.ComputedRef; b: (blockSuffix?: string | undefined) => string; e: (element?: string | undefined) => string; m: (modifier?: string | undefined) => string; be: (blockSuffix?: string | undefined, element?: string | undefined) => string; em: (element?: string | undefined, modifier?: string | undefined) => string; bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string; is: { (name: string, state: boolean | undefined): string; (name: string): string; }; cssVar: (object: Record) => Record; cssVarName: (name: string) => string; cssVarBlock: (object: Record) => Record; cssVarBlockName: (name: string) => string; }; }> & {} & import("@vue/runtime-core").ComponentCustomProperties) | undefined>; alpha: import("@vue/reactivity").Ref<({ $: import("@vue/runtime-core").ComponentInternalInstance; $data: {}; $props: Partial<{ vertical: boolean; }> & Omit; required: true; }; vertical: { type: BooleanConstructor; default: boolean; }; }>> & import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, "vertical">; $attrs: { [x: string]: unknown; }; $refs: { [x: string]: unknown; }; $slots: Readonly<{ [name: string]: import("@vue/runtime-core").Slot | undefined; }>; $root: import("@vue/runtime-core").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("@vue/runtime-core").ComponentOptionsBase> | null; $parent: import("@vue/runtime-core").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("@vue/runtime-core").ComponentOptionsBase> | null; $emit: (event: string, ...args: any[]) => void; $el: any; $options: import("@vue/runtime-core").ComponentOptionsBase; required: true; }; vertical: { type: BooleanConstructor; default: boolean; }; }>>, { thumb: import("@vue/reactivity").ShallowRef>; bar: import("@vue/reactivity").ShallowRef>; thumbLeft: import("@vue/reactivity").Ref; thumbTop: import("@vue/reactivity").Ref; background: import("@vue/reactivity").Ref>; handleClick: (event: Event) => void; update: () => void; ns: { namespace: _vue_reactivity.ComputedRef; b: (blockSuffix?: string | undefined) => string; e: (element?: string | undefined) => string; m: (modifier?: string | undefined) => string; be: (blockSuffix?: string | undefined, element?: string | undefined) => string; em: (element?: string | undefined, modifier?: string | undefined) => string; bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string; is: { (name: string, state: boolean | undefined): string; (name: string): string; }; cssVar: (object: Record) => Record; cssVarName: (name: string) => string; cssVarBlock: (object: Record) => Record; cssVarBlockName: (name: string) => string; }; }, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, Record, string, { vertical: boolean; }> & { beforeCreate?: ((() => void) | (() => void)[]) | undefined; created?: ((() => void) | (() => void)[]) | undefined; beforeMount?: ((() => void) | (() => void)[]) | undefined; mounted?: ((() => void) | (() => void)[]) | undefined; beforeUpdate?: ((() => void) | (() => void)[]) | undefined; updated?: ((() => void) | (() => void)[]) | undefined; activated?: ((() => void) | (() => void)[]) | undefined; deactivated?: ((() => void) | (() => void)[]) | undefined; beforeDestroy?: ((() => void) | (() => void)[]) | undefined; beforeUnmount?: ((() => void) | (() => void)[]) | undefined; destroyed?: ((() => void) | (() => void)[]) | undefined; unmounted?: ((() => void) | (() => void)[]) | undefined; renderTracked?: (((e: import("@vue/reactivity").DebuggerEvent) => void) | ((e: import("@vue/reactivity").DebuggerEvent) => void)[]) | undefined; renderTriggered?: (((e: import("@vue/reactivity").DebuggerEvent) => void) | ((e: import("@vue/reactivity").DebuggerEvent) => void)[]) | undefined; errorCaptured?: (((err: unknown, instance: import("@vue/runtime-core").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("@vue/runtime-core").ComponentOptionsBase> | null, info: string) => boolean | void) | ((err: unknown, instance: import("@vue/runtime-core").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("@vue/runtime-core").ComponentOptionsBase> | null, info: string) => boolean | void)[]) | undefined; }; $forceUpdate: () => void; $nextTick: typeof import("@vue/runtime-core").nextTick; $watch(source: string | Function, cb: Function, options?: import("@vue/runtime-core").WatchOptions | undefined): import("@vue/runtime-core").WatchStopHandle; } & Readonly; required: true; }; vertical: { type: BooleanConstructor; default: boolean; }; }>> & import("@vue/reactivity").ShallowUnwrapRef<{ thumb: import("@vue/reactivity").ShallowRef>; bar: import("@vue/reactivity").ShallowRef>; thumbLeft: import("@vue/reactivity").Ref; thumbTop: import("@vue/reactivity").Ref; background: import("@vue/reactivity").Ref>; handleClick: (event: Event) => void; update: () => void; ns: { namespace: _vue_reactivity.ComputedRef; b: (blockSuffix?: string | undefined) => string; e: (element?: string | undefined) => string; m: (modifier?: string | undefined) => string; be: (blockSuffix?: string | undefined, element?: string | undefined) => string; em: (element?: string | undefined, modifier?: string | undefined) => string; bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string; is: { (name: string, state: boolean | undefined): string; (name: string): string; }; cssVar: (object: Record) => Record; cssVarName: (name: string) => string; cssVarBlock: (object: Record) => Record; cssVarBlockName: (name: string) => string; }; }> & {} & import("@vue/runtime-core").ComponentCustomProperties) | undefined>; popper: import("@vue/reactivity").Ref; }, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("change" | "update:modelValue" | "active-change")[], "change" | "update:modelValue" | "active-change", import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly; validator: (val: string) => val is "" | "small" | "default" | "large"; }; popperClass: StringConstructor; label: { type: StringConstructor; default: undefined; }; tabindex: { type: (NumberConstructor | StringConstructor)[]; default: number; }; predefine: ArrayConstructor; validateEvent: { type: BooleanConstructor; default: boolean; }; }>> & { onChange?: ((...args: any[]) => any) | undefined; "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined; "onActive-change"?: ((...args: any[]) => any) | undefined; }, { label: string; disabled: boolean; tabindex: string | number; validateEvent: boolean; showAlpha: boolean; }>>; export default _ColorPicker; export declare const ElColorPicker: SFCWithInstall; validator: (val: string) => val is "" | "small" | "default" | "large"; }; popperClass: StringConstructor; label: { type: StringConstructor; default: undefined; }; tabindex: { type: (NumberConstructor | StringConstructor)[]; default: number; }; predefine: ArrayConstructor; validateEvent: { type: BooleanConstructor; default: boolean; }; }, { color: import("./src/color").default; colorDisabled: import("@vue/reactivity").ComputedRef; colorSize: _vue_reactivity.ComputedRef<"" | "small" | "default" | "large">; displayedColor: import("@vue/reactivity").ComputedRef; showPanelColor: import("@vue/reactivity").Ref; showPicker: import("@vue/reactivity").Ref; customInput: import("@vue/reactivity").Ref; buttonId: import("@vue/reactivity").Ref; buttonAriaLabel: import("@vue/reactivity").ComputedRef; buttonAriaLabelledby: import("@vue/reactivity").ComputedRef; handleConfirm: () => void; hide: () => void; handleTrigger: () => void; clear: () => void; confirmValue: () => void; t: import("packages/web/vue-hooks/dist").Translator; ns: { namespace: _vue_reactivity.ComputedRef; b: (blockSuffix?: string | undefined) => string; e: (element?: string | undefined) => string; m: (modifier?: string | undefined) => string; be: (blockSuffix?: string | undefined, element?: string | undefined) => string; em: (element?: string | undefined, modifier?: string | undefined) => string; bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string; is: { (name: string, state: boolean | undefined): string; (name: string): string; }; cssVar: (object: Record) => Record; cssVarName: (name: string) => string; cssVarBlock: (object: Record) => Record; cssVarBlockName: (name: string) => string; }; hue: import("@vue/reactivity").Ref<({ $: import("@vue/runtime-core").ComponentInternalInstance; $data: {}; $props: Partial<{ vertical: boolean; }> & Omit; required: true; }; vertical: BooleanConstructor; }>> & import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, "vertical">; $attrs: { [x: string]: unknown; }; $refs: { [x: string]: unknown; }; $slots: Readonly<{ [name: string]: import("@vue/runtime-core").Slot | undefined; }>; $root: import("@vue/runtime-core").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("@vue/runtime-core").ComponentOptionsBase> | null; $parent: import("@vue/runtime-core").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("@vue/runtime-core").ComponentOptionsBase> | null; $emit: (event: string, ...args: any[]) => void; $el: any; $options: import("@vue/runtime-core").ComponentOptionsBase; required: true; }; vertical: BooleanConstructor; }>>, { bar: import("@vue/reactivity").Ref; thumb: import("@vue/reactivity").Ref; thumbLeft: import("@vue/reactivity").Ref; thumbTop: import("@vue/reactivity").Ref; hueValue: import("@vue/reactivity").ComputedRef; handleClick: (event: Event) => void; update: () => void; ns: { namespace: _vue_reactivity.ComputedRef; b: (blockSuffix?: string | undefined) => string; e: (element?: string | undefined) => string; m: (modifier?: string | undefined) => string; be: (blockSuffix?: string | undefined, element?: string | undefined) => string; em: (element?: string | undefined, modifier?: string | undefined) => string; bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string; is: { (name: string, state: boolean | undefined): string; (name: string): string; }; cssVar: (object: Record) => Record; cssVarName: (name: string) => string; cssVarBlock: (object: Record) => Record; cssVarBlockName: (name: string) => string; }; }, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, Record, string, { vertical: boolean; }> & { beforeCreate?: ((() => void) | (() => void)[]) | undefined; created?: ((() => void) | (() => void)[]) | undefined; beforeMount?: ((() => void) | (() => void)[]) | undefined; mounted?: ((() => void) | (() => void)[]) | undefined; beforeUpdate?: ((() => void) | (() => void)[]) | undefined; updated?: ((() => void) | (() => void)[]) | undefined; activated?: ((() => void) | (() => void)[]) | undefined; deactivated?: ((() => void) | (() => void)[]) | undefined; beforeDestroy?: ((() => void) | (() => void)[]) | undefined; beforeUnmount?: ((() => void) | (() => void)[]) | undefined; destroyed?: ((() => void) | (() => void)[]) | undefined; unmounted?: ((() => void) | (() => void)[]) | undefined; renderTracked?: (((e: import("@vue/reactivity").DebuggerEvent) => void) | ((e: import("@vue/reactivity").DebuggerEvent) => void)[]) | undefined; renderTriggered?: (((e: import("@vue/reactivity").DebuggerEvent) => void) | ((e: import("@vue/reactivity").DebuggerEvent) => void)[]) | undefined; errorCaptured?: (((err: unknown, instance: import("@vue/runtime-core").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("@vue/runtime-core").ComponentOptionsBase> | null, info: string) => boolean | void) | ((err: unknown, instance: import("@vue/runtime-core").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("@vue/runtime-core").ComponentOptionsBase> | null, info: string) => boolean | void)[]) | undefined; }; $forceUpdate: () => void; $nextTick: typeof import("@vue/runtime-core").nextTick; $watch(source: string | Function, cb: Function, options?: import("@vue/runtime-core").WatchOptions | undefined): import("@vue/runtime-core").WatchStopHandle; } & Readonly; required: true; }; vertical: BooleanConstructor; }>> & import("@vue/reactivity").ShallowUnwrapRef<{ bar: import("@vue/reactivity").Ref; thumb: import("@vue/reactivity").Ref; thumbLeft: import("@vue/reactivity").Ref; thumbTop: import("@vue/reactivity").Ref; hueValue: import("@vue/reactivity").ComputedRef; handleClick: (event: Event) => void; update: () => void; ns: { namespace: _vue_reactivity.ComputedRef; b: (blockSuffix?: string | undefined) => string; e: (element?: string | undefined) => string; m: (modifier?: string | undefined) => string; be: (blockSuffix?: string | undefined, element?: string | undefined) => string; em: (element?: string | undefined, modifier?: string | undefined) => string; bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string; is: { (name: string, state: boolean | undefined): string; (name: string): string; }; cssVar: (object: Record) => Record; cssVarName: (name: string) => string; cssVarBlock: (object: Record) => Record; cssVarBlockName: (name: string) => string; }; }> & {} & import("@vue/runtime-core").ComponentCustomProperties) | undefined>; svPanel: import("@vue/reactivity").Ref<({ $: import("@vue/runtime-core").ComponentInternalInstance; $data: {}; $props: Partial<{}> & Omit; required: true; }; }>> & import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, never>; $attrs: { [x: string]: unknown; }; $refs: { [x: string]: unknown; }; $slots: Readonly<{ [name: string]: import("@vue/runtime-core").Slot | undefined; }>; $root: import("@vue/runtime-core").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("@vue/runtime-core").ComponentOptionsBase> | null; $parent: import("@vue/runtime-core").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("@vue/runtime-core").ComponentOptionsBase> | null; $emit: (event: string, ...args: any[]) => void; $el: any; $options: import("@vue/runtime-core").ComponentOptionsBase; required: true; }; }>>, { cursorTop: import("@vue/reactivity").Ref; cursorLeft: import("@vue/reactivity").Ref; background: import("@vue/reactivity").Ref; colorValue: import("@vue/reactivity").ComputedRef<{ hue: any; value: any; }>; handleDrag: (event: any) => void; update: () => void; ns: { namespace: _vue_reactivity.ComputedRef; b: (blockSuffix?: string | undefined) => string; e: (element?: string | undefined) => string; m: (modifier?: string | undefined) => string; be: (blockSuffix?: string | undefined, element?: string | undefined) => string; em: (element?: string | undefined, modifier?: string | undefined) => string; bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string; is: { (name: string, state: boolean | undefined): string; (name: string): string; }; cssVar: (object: Record) => Record; cssVarName: (name: string) => string; cssVarBlock: (object: Record) => Record; cssVarBlockName: (name: string) => string; }; }, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, Record, string, {}> & { beforeCreate?: ((() => void) | (() => void)[]) | undefined; created?: ((() => void) | (() => void)[]) | undefined; beforeMount?: ((() => void) | (() => void)[]) | undefined; mounted?: ((() => void) | (() => void)[]) | undefined; beforeUpdate?: ((() => void) | (() => void)[]) | undefined; updated?: ((() => void) | (() => void)[]) | undefined; activated?: ((() => void) | (() => void)[]) | undefined; deactivated?: ((() => void) | (() => void)[]) | undefined; beforeDestroy?: ((() => void) | (() => void)[]) | undefined; beforeUnmount?: ((() => void) | (() => void)[]) | undefined; destroyed?: ((() => void) | (() => void)[]) | undefined; unmounted?: ((() => void) | (() => void)[]) | undefined; renderTracked?: (((e: import("@vue/reactivity").DebuggerEvent) => void) | ((e: import("@vue/reactivity").DebuggerEvent) => void)[]) | undefined; renderTriggered?: (((e: import("@vue/reactivity").DebuggerEvent) => void) | ((e: import("@vue/reactivity").DebuggerEvent) => void)[]) | undefined; errorCaptured?: (((err: unknown, instance: import("@vue/runtime-core").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("@vue/runtime-core").ComponentOptionsBase> | null, info: string) => boolean | void) | ((err: unknown, instance: import("@vue/runtime-core").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("@vue/runtime-core").ComponentOptionsBase> | null, info: string) => boolean | void)[]) | undefined; }; $forceUpdate: () => void; $nextTick: typeof import("@vue/runtime-core").nextTick; $watch(source: string | Function, cb: Function, options?: import("@vue/runtime-core").WatchOptions | undefined): import("@vue/runtime-core").WatchStopHandle; } & Readonly; required: true; }; }>> & import("@vue/reactivity").ShallowUnwrapRef<{ cursorTop: import("@vue/reactivity").Ref; cursorLeft: import("@vue/reactivity").Ref; background: import("@vue/reactivity").Ref; colorValue: import("@vue/reactivity").ComputedRef<{ hue: any; value: any; }>; handleDrag: (event: any) => void; update: () => void; ns: { namespace: _vue_reactivity.ComputedRef; b: (blockSuffix?: string | undefined) => string; e: (element?: string | undefined) => string; m: (modifier?: string | undefined) => string; be: (blockSuffix?: string | undefined, element?: string | undefined) => string; em: (element?: string | undefined, modifier?: string | undefined) => string; bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string; is: { (name: string, state: boolean | undefined): string; (name: string): string; }; cssVar: (object: Record) => Record; cssVarName: (name: string) => string; cssVarBlock: (object: Record) => Record; cssVarBlockName: (name: string) => string; }; }> & {} & import("@vue/runtime-core").ComponentCustomProperties) | undefined>; alpha: import("@vue/reactivity").Ref<({ $: import("@vue/runtime-core").ComponentInternalInstance; $data: {}; $props: Partial<{ vertical: boolean; }> & Omit; required: true; }; vertical: { type: BooleanConstructor; default: boolean; }; }>> & import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, "vertical">; $attrs: { [x: string]: unknown; }; $refs: { [x: string]: unknown; }; $slots: Readonly<{ [name: string]: import("@vue/runtime-core").Slot | undefined; }>; $root: import("@vue/runtime-core").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("@vue/runtime-core").ComponentOptionsBase> | null; $parent: import("@vue/runtime-core").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("@vue/runtime-core").ComponentOptionsBase> | null; $emit: (event: string, ...args: any[]) => void; $el: any; $options: import("@vue/runtime-core").ComponentOptionsBase; required: true; }; vertical: { type: BooleanConstructor; default: boolean; }; }>>, { thumb: import("@vue/reactivity").ShallowRef>; bar: import("@vue/reactivity").ShallowRef>; thumbLeft: import("@vue/reactivity").Ref; thumbTop: import("@vue/reactivity").Ref; background: import("@vue/reactivity").Ref>; handleClick: (event: Event) => void; update: () => void; ns: { namespace: _vue_reactivity.ComputedRef; b: (blockSuffix?: string | undefined) => string; e: (element?: string | undefined) => string; m: (modifier?: string | undefined) => string; be: (blockSuffix?: string | undefined, element?: string | undefined) => string; em: (element?: string | undefined, modifier?: string | undefined) => string; bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string; is: { (name: string, state: boolean | undefined): string; (name: string): string; }; cssVar: (object: Record) => Record; cssVarName: (name: string) => string; cssVarBlock: (object: Record) => Record; cssVarBlockName: (name: string) => string; }; }, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, Record, string, { vertical: boolean; }> & { beforeCreate?: ((() => void) | (() => void)[]) | undefined; created?: ((() => void) | (() => void)[]) | undefined; beforeMount?: ((() => void) | (() => void)[]) | undefined; mounted?: ((() => void) | (() => void)[]) | undefined; beforeUpdate?: ((() => void) | (() => void)[]) | undefined; updated?: ((() => void) | (() => void)[]) | undefined; activated?: ((() => void) | (() => void)[]) | undefined; deactivated?: ((() => void) | (() => void)[]) | undefined; beforeDestroy?: ((() => void) | (() => void)[]) | undefined; beforeUnmount?: ((() => void) | (() => void)[]) | undefined; destroyed?: ((() => void) | (() => void)[]) | undefined; unmounted?: ((() => void) | (() => void)[]) | undefined; renderTracked?: (((e: import("@vue/reactivity").DebuggerEvent) => void) | ((e: import("@vue/reactivity").DebuggerEvent) => void)[]) | undefined; renderTriggered?: (((e: import("@vue/reactivity").DebuggerEvent) => void) | ((e: import("@vue/reactivity").DebuggerEvent) => void)[]) | undefined; errorCaptured?: (((err: unknown, instance: import("@vue/runtime-core").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("@vue/runtime-core").ComponentOptionsBase> | null, info: string) => boolean | void) | ((err: unknown, instance: import("@vue/runtime-core").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("@vue/runtime-core").ComponentOptionsBase> | null, info: string) => boolean | void)[]) | undefined; }; $forceUpdate: () => void; $nextTick: typeof import("@vue/runtime-core").nextTick; $watch(source: string | Function, cb: Function, options?: import("@vue/runtime-core").WatchOptions | undefined): import("@vue/runtime-core").WatchStopHandle; } & Readonly; required: true; }; vertical: { type: BooleanConstructor; default: boolean; }; }>> & import("@vue/reactivity").ShallowUnwrapRef<{ thumb: import("@vue/reactivity").ShallowRef>; bar: import("@vue/reactivity").ShallowRef>; thumbLeft: import("@vue/reactivity").Ref; thumbTop: import("@vue/reactivity").Ref; background: import("@vue/reactivity").Ref>; handleClick: (event: Event) => void; update: () => void; ns: { namespace: _vue_reactivity.ComputedRef; b: (blockSuffix?: string | undefined) => string; e: (element?: string | undefined) => string; m: (modifier?: string | undefined) => string; be: (blockSuffix?: string | undefined, element?: string | undefined) => string; em: (element?: string | undefined, modifier?: string | undefined) => string; bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string; is: { (name: string, state: boolean | undefined): string; (name: string): string; }; cssVar: (object: Record) => Record; cssVarName: (name: string) => string; cssVarBlock: (object: Record) => Record; cssVarBlockName: (name: string) => string; }; }> & {} & import("@vue/runtime-core").ComponentCustomProperties) | undefined>; popper: import("@vue/reactivity").Ref; }, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("change" | "update:modelValue" | "active-change")[], "change" | "update:modelValue" | "active-change", import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly; validator: (val: string) => val is "" | "small" | "default" | "large"; }; popperClass: StringConstructor; label: { type: StringConstructor; default: undefined; }; tabindex: { type: (NumberConstructor | StringConstructor)[]; default: number; }; predefine: ArrayConstructor; validateEvent: { type: BooleanConstructor; default: boolean; }; }>> & { onChange?: ((...args: any[]) => any) | undefined; "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined; "onActive-change"?: ((...args: any[]) => any) | undefined; }, { label: string; disabled: boolean; tabindex: string | number; validateEvent: boolean; showAlpha: boolean; }>>;