@omnia/fx 8.0.12-dev → 8.0.13-dev

package/internal-do-not-import-from-here/ux/mediapickerproviders/shareds/DefineMediaPickerProvider.d.ts

@@ -0,0 +1,11 @@
+import { SetupFactoryContext } from "@omnia/fx";
+import { MediaPickerProvider } from "@omnia/fx-models";
+interface SetupMediaPickerProviderContext extends SetupFactoryContext {
+}
+export declare function defineMediaPickerProvider<TReturnSetup extends MediaPickerProvider>(setup: (ctx: SetupMediaPickerProviderContext) => TReturnSetup): () => TReturnSetup;
+export declare function defineMediaPickerProvider<TReturnSetup extends MediaPickerProvider, T1>(setup: (ctx: SetupMediaPickerProviderContext, param1: T1) => TReturnSetup): (param1: T1) => TReturnSetup;
+export declare function defineMediaPickerProvider<TReturnSetup extends MediaPickerProvider, T1, T2>(setup: (ctx: SetupMediaPickerProviderContext, param1: T1, param2: T2) => TReturnSetup): (param1: T1, param2: T2) => TReturnSetup;
+export declare function defineMediaPickerProvider<TReturnSetup extends MediaPickerProvider, T1, T2, T3>(setup: (ctx: SetupMediaPickerProviderContext, param1: T1, param2: T2, param3: T3) => TReturnSetup): (param1: T1, param2: T2, param3: T3) => TReturnSetup;
+export declare function defineMediaPickerProvider<TReturnSetup extends MediaPickerProvider, T1, T2, T3, T4>(setup: (ctx: SetupMediaPickerProviderContext, param1: T1, param2: T2, param3: T3, param4: T4) => TReturnSetup): (param1: T1, param2: T2, param3: T3, param4: T4) => TReturnSetup;
+export declare function defineMediaPickerProvider<TReturnSetup extends MediaPickerProvider, T1, T2, T3, T4, T5>(setup: (ctx: SetupMediaPickerProviderContext, param1: T1, param2: T2, param3: T3, param4: T4, param5: T5) => TReturnSetup): (param1: T1, param2: T2, param3: T3, param4: T4, param5: T5) => TReturnSetup;
+export {};

package/internal-do-not-import-from-here/ux/mediapickerproviders/shareds/DefineMediaPickerStorageProvider.d.ts

@@ -0,0 +1,12 @@
+import { SetupFactoryContext } from "@omnia/fx";
+import { MediaPickerStorageProviderContext } from "@omnia/fx-models";
+interface SetupMediaPickerStorageProviderContext extends SetupFactoryContext {
+}
+export declare function defineMediaPickerStorageProvider<TReturnSetup extends MediaPickerStorageProviderContext>(setup: (ctx: SetupMediaPickerStorageProviderContext) => TReturnSetup): () => TReturnSetup;
+export declare function defineMediaPickerStorageProvider<TReturnSetup extends MediaPickerStorageProviderContext, T1>(setup: (ctx: SetupMediaPickerStorageProviderContext, param1: T1) => TReturnSetup): (param1: T1) => TReturnSetup;
+export declare function defineMediaPickerStorageProvider<TReturnSetup extends MediaPickerStorageProviderContext, T1, T2>(setup: (ctx: SetupMediaPickerStorageProviderContext, param1: T1, param2: T2) => TReturnSetup): (param1: T1, param2: T2) => TReturnSetup;
+export declare function defineMediaPickerStorageProvider<TReturnSetup extends MediaPickerStorageProviderContext, T1, T2, T3>(setup: (ctx: SetupMediaPickerStorageProviderContext, param1: T1, param2: T2, param3: T3) => TReturnSetup): (param1: T1, param2: T2, param3: T3) => TReturnSetup;
+export declare function defineMediaPickerStorageProvider<TReturnSetup extends MediaPickerStorageProviderContext, T1, T2, T3, T4>(setup: (ctx: SetupMediaPickerStorageProviderContext, param1: T1, param2: T2, param3: T3, param4: T4) => TReturnSetup): (param1: T1, param2: T2, param3: T3, param4: T4) => TReturnSetup;
+export declare function defineMediaPickerStorageProvider<TReturnSetup extends MediaPickerStorageProviderContext, T1, T2, T3, T4, T5>(setup: (ctx: SetupMediaPickerStorageProviderContext, param1: T1, param2: T2, param3: T3, param4: T4, param5: T5) => TReturnSetup): (param1: T1, param2: T2, param3: T3, param4: T4, param5: T5) => TReturnSetup;
+export declare function useMediaPickerStorageProviderContext(): any;
+export {};

package/internal-do-not-import-from-here/ux/mediapickerproviders/shareds/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./DefineMediaPickerProvider";
+export * from "./providers";

package/internal-do-not-import-from-here/ux/mediapickerproviders/shareds/providers/BingProvider.d.ts

@@ -0,0 +1,12 @@
+import { FabricIcon, MediaPickerEnums, MediaPickerPersistedImage, MediaPickerVideo } from "@omnia/fx-models";
+export declare const mediaPickerBingProvider: () => {
+    id: import("@omnia/fx-models").Guid;
+    category: string;
+    name: string;
+    icon: FabricIcon;
+    providerComponentManifestId: import("@omnia/fx-models").Guid;
+    sortOrder: number;
+    selectableMediaTypes: MediaPickerEnums.OmniaMediaTypes[];
+    supportGalleryFeature: true;
+    hasEditorForMedia(media: MediaPickerVideo | MediaPickerPersistedImage): false;
+};

package/internal-do-not-import-from-here/ux/mediapickerproviders/shareds/providers/CentralImageLocationProvider.d.ts

@@ -0,0 +1,12 @@
+import { CentralImageLocation, FabricIcon, MediaPickerEnums, MediaPickerPersistedImage, MediaPickerVideo } from "@omnia/fx-models";
+export declare const mediaPickerCentralImageLocationProvider: (param1: CentralImageLocation, param2: string) => {
+    id: import("@omnia/fx-models").GuidValue;
+    category: string;
+    name: string;
+    icon: FabricIcon;
+    providerComponentManifestId: import("@omnia/fx-models").Guid;
+    sortOrder: number;
+    selectableMediaTypes: MediaPickerEnums.OmniaMediaTypes[];
+    supportGalleryFeature: boolean;
+    hasEditorForMedia(media: MediaPickerVideo | MediaPickerPersistedImage): boolean;
+};

package/internal-do-not-import-from-here/ux/mediapickerproviders/shareds/providers/DallEProvider.d.ts

@@ -0,0 +1,12 @@
+import { MediaPickerEnums, MediaPickerPersistedImage, MediaPickerVideo, SvgIcon } from "@omnia/fx-models";
+export declare const mediaPickerDallEProvider: () => {
+    id: import("@omnia/fx-models").Guid;
+    category: string;
+    name: string;
+    icon: SvgIcon;
+    providerComponentManifestId: import("@omnia/fx-models").Guid;
+    sortOrder: number;
+    selectableMediaTypes: MediaPickerEnums.OmniaMediaTypes.Image[];
+    supportGalleryFeature: true;
+    hasEditorForMedia(media: MediaPickerVideo | MediaPickerPersistedImage): false;
+};

package/internal-do-not-import-from-here/ux/mediapickerproviders/shareds/providers/MediaflowProvider.d.ts

@@ -0,0 +1,12 @@
+import { MediaPickerEnums, MediaPickerPersistedImage, MediaPickerVideo, SvgIcon } from "@omnia/fx-models";
+export declare const mediaPickerMediaflowProvider: () => {
+    id: import("@omnia/fx-models").Guid;
+    category: string;
+    name: string;
+    icon: SvgIcon;
+    providerComponentManifestId: import("@omnia/fx-models").Guid;
+    sortOrder: number;
+    selectableMediaTypes: MediaPickerEnums.OmniaMediaTypes[];
+    supportGalleryFeature: true;
+    hasEditorForMedia(media: MediaPickerVideo | MediaPickerPersistedImage): boolean;
+};

package/internal-do-not-import-from-here/ux/mediapickerproviders/shareds/providers/MicrosoftStreamProvider.d.ts

@@ -0,0 +1,12 @@
+import { FabricIcon, MediaPickerEnums, MediaPickerPersistedImage, MediaPickerVideo } from "@omnia/fx-models";
+export declare const mediaPickerMicrosoftStreamProvider: () => {
+    id: import("@omnia/fx-models").Guid;
+    category: string;
+    name: string;
+    icon: FabricIcon;
+    providerComponentManifestId: import("@omnia/fx-models").Guid;
+    sortOrder: number;
+    selectableMediaTypes: MediaPickerEnums.OmniaMediaTypes.Video[];
+    supportGalleryFeature: true;
+    hasEditorForMedia(media: MediaPickerVideo | MediaPickerPersistedImage): boolean;
+};

package/internal-do-not-import-from-here/ux/mediapickerproviders/shareds/providers/MyComputerProvider.d.ts

@@ -0,0 +1,11 @@
+import { FontAwesomeIcon, MediaPickerEnums, MediaPickerPersistedImage, MediaPickerVideo } from "@omnia/fx-models";
+export declare const mediaPickerMyComputerProvider: () => {
+    id: import("@omnia/fx-models").Guid;
+    category: string;
+    name: string;
+    icon: FontAwesomeIcon;
+    providerComponentManifestId: import("@omnia/fx-models").Guid;
+    selectableMediaTypes: MediaPickerEnums.OmniaMediaTypes.Image[];
+    supportGalleryFeature: true;
+    hasEditorForMedia(media: MediaPickerVideo | MediaPickerPersistedImage): false;
+};

package/internal-do-not-import-from-here/ux/mediapickerproviders/shareds/providers/PexelProvider.d.ts

@@ -0,0 +1,12 @@
+import { SvgIcon, MediaPickerEnums, MediaPickerPersistedImage, MediaPickerVideo } from "@omnia/fx-models";
+export declare const mediaPickerPexelProvider: () => {
+    id: import("@omnia/fx-models").Guid;
+    category: string;
+    name: string;
+    icon: SvgIcon;
+    providerComponentManifestId: import("@omnia/fx-models").Guid;
+    sortOrder: number;
+    selectableMediaTypes: MediaPickerEnums.OmniaMediaTypes.Image[];
+    supportGalleryFeature: true;
+    hasEditorForMedia(media: MediaPickerVideo | MediaPickerPersistedImage): false;
+};

package/internal-do-not-import-from-here/ux/mediapickerproviders/shareds/providers/UnsplashProvider.d.ts

@@ -0,0 +1,12 @@
+import { SvgIcon, MediaPickerEnums, MediaPickerPersistedImage, MediaPickerVideo } from "@omnia/fx-models";
+export declare const mediaPickerUnsplashProvider: () => {
+    id: import("@omnia/fx-models").Guid;
+    category: string;
+    name: string;
+    icon: SvgIcon;
+    providerComponentManifestId: import("@omnia/fx-models").Guid;
+    sortOrder: number;
+    selectableMediaTypes: MediaPickerEnums.OmniaMediaTypes.Image[];
+    supportGalleryFeature: true;
+    hasEditorForMedia(media: MediaPickerVideo | MediaPickerPersistedImage): false;
+};

package/internal-do-not-import-from-here/ux/mediapickerproviders/shareds/providers/YoutubeProvider.d.ts

@@ -0,0 +1,12 @@
+import { FontAwesomeIcon, MediaPickerEnums, MediaPickerPersistedImage, MediaPickerVideo } from "@omnia/fx-models";
+export declare const mediaPickerYoutubeProvider: () => {
+    id: import("@omnia/fx-models").Guid;
+    category: string;
+    name: string;
+    icon: FontAwesomeIcon;
+    providerComponentManifestId: import("@omnia/fx-models").Guid;
+    sortOrder: number;
+    selectableMediaTypes: MediaPickerEnums.OmniaMediaTypes.Video[];
+    supportGalleryFeature: true;
+    hasEditorForMedia(media: MediaPickerVideo | MediaPickerPersistedImage): boolean;
+};

package/internal-do-not-import-from-here/ux/mediapickerproviders/shareds/providers/index.d.ts

@@ -0,0 +1,10 @@
+export * from "./BingProvider";
+export * from "./CentralImageLocationProvider";
+export * from "./DallEProvider";
+export * from "./MediaflowProvider";
+export * from "./MicrosoftStreamProvider";
+export * from "./MyComputerProvider";
+export * from "./PexelProvider";
+export * from "./UnsplashProvider";
+export * from "./YoutubeProvider";
+export * from "./storages";

package/internal-do-not-import-from-here/ux/mediapickerproviders/shareds/providers/storages/MediaPickerStorageProviderAppInstanceContext.d.ts

@@ -0,0 +1,11 @@
+import { Guid, GuidValue } from "@omnia/fx-models";
+export declare const mediaPickerStorageProviderAppInstanceContext: (param1: GuidValue) => {
+    omniaServiceId: Guid;
+    storageProviderContextId: Guid;
+    appInstanceId: GuidValue;
+};
+export declare const mediaPickerStorageProviderTempAppInstanceContext: (param1: GuidValue) => {
+    omniaServiceId: Guid;
+    storageProviderContextId: Guid;
+    appTemplateId: GuidValue;
+};

package/internal-do-not-import-from-here/ux/mediapickerproviders/shareds/providers/storages/MediaPickerStorageProviderAppInstancePostContext.d.ts

@@ -0,0 +1,6 @@
+import { Guid, GuidValue } from "@omnia/fx-models";
+export declare const mediaPickerStorageProviderAppInstancePostContext: (param1: GuidValue) => {
+    omniaServiceId: Guid;
+    storageProviderContextId: Guid;
+    appInstanceId: GuidValue;
+};

package/internal-do-not-import-from-here/ux/mediapickerproviders/shareds/providers/storages/MediaPickerStorageProviderVersionedLayoutContext.d.ts

@@ -0,0 +1,6 @@
+import { Guid } from "@omnia/fx-models";
+export declare const mediaPickerStorageProviderVersionedLayoutContext: (param1: number) => {
+    omniaServiceId: Guid;
+    storageProviderContextId: Guid;
+    layoutId: number;
+};

package/internal-do-not-import-from-here/ux/mediapickerproviders/shareds/providers/storages/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./MediaPickerStorageProviderAppInstanceContext";
+export * from "./MediaPickerStorageProviderAppInstancePostContext";
+export * from "./MediaPickerStorageProviderVersionedLayoutContext";

package/internal-do-not-import-from-here/ux/oxide/btn/Button.d.ts

@@ -67,7 +67,7 @@ declare const _default: {
             readonly loading?: boolean;
             readonly stacked?: boolean;
             readonly overrides?: object;
-            readonly preset?: "cancel" | "close" | "select" | "details" | "delete" | "settings" | "retry" | "remove" | "next" | "save" | "create" | "ok" | "icon-add" | "icon-delete" | "icon-edit" | "icon-drag-handle" | "icon-copy" | "icon-code" | "icon-close" | "icon-back" | "icon-more" | "icon-navigate" | "icon-settings" | "load-more" | "approve" | "copy-to-clipboard" | "previous" | "view-more" | "send-request";
+            readonly preset?: "cancel" | "close" | "select" | "details" | "delete" | "retry" | "settings" | "remove" | "next" | "save" | "create" | "ok" | "icon-add" | "icon-delete" | "icon-edit" | "icon-drag-handle" | "icon-copy" | "icon-code" | "icon-close" | "icon-back" | "icon-more" | "icon-navigate" | "icon-settings" | "load-more" | "approve" | "copy-to-clipboard" | "previous" | "view-more" | "send-request";
             readonly transparentHover?: boolean;
         };
         $attrs: {
@@ -120,7 +120,7 @@ declare const _default: {
                 type: import("vue").PropType<ButtonTooltipOptions>;
             };
             preset: {
-                type: import("vue").PropType<"cancel" | "close" | "select" | "details" | "delete" | "settings" | "retry" | "remove" | "next" | "save" | "create" | "ok" | "icon-add" | "icon-delete" | "icon-edit" | "icon-drag-handle" | "icon-copy" | "icon-code" | "icon-close" | "icon-back" | "icon-more" | "icon-navigate" | "icon-settings" | "load-more" | "approve" | "copy-to-clipboard" | "previous" | "view-more" | "send-request">;
+                type: import("vue").PropType<"cancel" | "close" | "select" | "details" | "delete" | "retry" | "settings" | "remove" | "next" | "save" | "create" | "ok" | "icon-add" | "icon-delete" | "icon-edit" | "icon-drag-handle" | "icon-copy" | "icon-code" | "icon-close" | "icon-back" | "icon-more" | "icon-navigate" | "icon-settings" | "load-more" | "approve" | "copy-to-clipboard" | "previous" | "view-more" | "send-request">;
             };
             overrides: {
                 type: import("vue").PropType<object>;
@@ -206,7 +206,7 @@ declare const _default: {
             type: import("vue").PropType<ButtonTooltipOptions>;
         };
         preset: {
-            type: import("vue").PropType<"cancel" | "close" | "select" | "details" | "delete" | "settings" | "retry" | "remove" | "next" | "save" | "create" | "ok" | "icon-add" | "icon-delete" | "icon-edit" | "icon-drag-handle" | "icon-copy" | "icon-code" | "icon-close" | "icon-back" | "icon-more" | "icon-navigate" | "icon-settings" | "load-more" | "approve" | "copy-to-clipboard" | "previous" | "view-more" | "send-request">;
+            type: import("vue").PropType<"cancel" | "close" | "select" | "details" | "delete" | "retry" | "settings" | "remove" | "next" | "save" | "create" | "ok" | "icon-add" | "icon-delete" | "icon-edit" | "icon-drag-handle" | "icon-copy" | "icon-code" | "icon-close" | "icon-back" | "icon-more" | "icon-navigate" | "icon-settings" | "load-more" | "approve" | "copy-to-clipboard" | "previous" | "view-more" | "send-request">;
         };
         overrides: {
             type: import("vue").PropType<object>;
@@ -270,7 +270,7 @@ declare const _default: {
         type: import("vue").PropType<ButtonTooltipOptions>;
     };
     preset: {
-        type: import("vue").PropType<"cancel" | "close" | "select" | "details" | "delete" | "settings" | "retry" | "remove" | "next" | "save" | "create" | "ok" | "icon-add" | "icon-delete" | "icon-edit" | "icon-drag-handle" | "icon-copy" | "icon-code" | "icon-close" | "icon-back" | "icon-more" | "icon-navigate" | "icon-settings" | "load-more" | "approve" | "copy-to-clipboard" | "previous" | "view-more" | "send-request">;
+        type: import("vue").PropType<"cancel" | "close" | "select" | "details" | "delete" | "retry" | "settings" | "remove" | "next" | "save" | "create" | "ok" | "icon-add" | "icon-delete" | "icon-edit" | "icon-drag-handle" | "icon-copy" | "icon-code" | "icon-close" | "icon-back" | "icon-more" | "icon-navigate" | "icon-settings" | "load-more" | "approve" | "copy-to-clipboard" | "previous" | "view-more" | "send-request">;
     };
     overrides: {
         type: import("vue").PropType<object>;
@@ -321,7 +321,7 @@ declare const _default: {
         loading?: boolean;
         stacked?: boolean;
         overrides?: object;
-        preset?: "cancel" | "close" | "select" | "details" | "delete" | "settings" | "retry" | "remove" | "next" | "save" | "create" | "ok" | "icon-add" | "icon-delete" | "icon-edit" | "icon-drag-handle" | "icon-copy" | "icon-code" | "icon-close" | "icon-back" | "icon-more" | "icon-navigate" | "icon-settings" | "load-more" | "approve" | "copy-to-clipboard" | "previous" | "view-more" | "send-request";
+        preset?: "cancel" | "close" | "select" | "details" | "delete" | "retry" | "settings" | "remove" | "next" | "save" | "create" | "ok" | "icon-add" | "icon-delete" | "icon-edit" | "icon-drag-handle" | "icon-copy" | "icon-code" | "icon-close" | "icon-back" | "icon-more" | "icon-navigate" | "icon-settings" | "load-more" | "approve" | "copy-to-clipboard" | "previous" | "view-more" | "send-request";
         transparentHover?: boolean;
     }>, never>;
 };

package/internal-do-not-import-from-here/ux/oxide/colorpicker/ColorPicker.css.d.ts

@@ -1,6 +1,6 @@
 export declare const ColorPickerStyles: {
-    wrapper: string;
-    selectItem: string;
-    colorItem: string;
-    wrapperColorPicker: string;
+    titleColumn: string;
+    title: (dark: boolean, labelColor: string) => string;
+    icon: (dark: boolean) => string;
+    displaywrapper: (bgColor: string) => string;
 };

package/internal-do-not-import-from-here/ux/oxide/colorpicker/ColorPicker.d.ts

@@ -1,5 +1,5 @@
-import { ColorPickerDisplayOptions, ColorPickerModel } from "../../models";
-import { nextTick } from "vue";
+import { Func } from "@omnia/fx-models";
+import { VNodeChild } from "vue";
 export declare enum ColorType {
     PrimaryColor = 1,
     SecondaryColor = 2,
@@ -20,17 +20,6 @@ declare const _default: {
             style?: unknown;
             class?: String | String[];
             key?: string | number | symbol;
-            readonly required?: boolean;
-            readonly display?: unknown;
-            readonly dense?: "default" | "compact" | "comfortable";
-            readonly disabled?: boolean;
-            readonly styles?: {
-                wrapper: string;
-                selectItem: string;
-                colorItem: string;
-                wrapperColorPicker: string;
-            };
-            readonly valueBind?: unknown;
             ref?: import("vue").VNodeRef;
             ref_for?: boolean;
             ref_key?: string;
@@ -72,12 +61,17 @@ declare const _default: {
             }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[];
-            readonly placeholder?: string;
-            onValueChanged?: (model: ColorPickerModel) => any;
-            readonly errorMessages?: string[];
-            readonly slim?: boolean;
-            readonly attachedToParent?: boolean;
-            readonly disableContextColor?: boolean;
+            readonly "onUpdate:modelValue"?: (value: string) => any;
+            readonly "v-model"?: string;
+            readonly modelValue?: string;
+            readonly "v-slots"?: {
+                default?: import("../../DefineVueTypings").Slot<any[]>;
+            } & {
+                activator?: Func<[VNodeChild]>;
+            };
+            onValueChanged?: (color: string) => any;
+            readonly labelColor?: string;
+            readonly selectedColorAsLabel?: boolean;
         };
         $attrs: {
             [x: string]: unknown;
@@ -90,46 +84,29 @@ declare const _default: {
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
-        $emit: (event: "valueChanged", model: ColorPickerModel) => void;
+        $emit: (event: "valueChanged", color: string) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            disabled: {
-                type: import("vue").PropType<boolean>;
-            };
-            disableContextColor: {
-                type: import("vue").PropType<boolean>;
-            };
-            attachedToParent: {
-                type: import("vue").PropType<boolean>;
-            };
-            styles: {
-                type: import("vue").PropType<{
-                    wrapper: string;
-                    selectItem: string;
-                    colorItem: string;
-                    wrapperColorPicker: string;
-                }>;
-            };
-            dense: {
-                type: import("vue").PropType<"default" | "compact" | "comfortable">;
-            };
-            slim: {
-                type: import("vue").PropType<boolean>;
+            "v-slots": import("vue").Prop<{
+                default?: import("../../DefineVueTypings").Slot<any[]>;
+            } & {
+                activator?: Func<[VNodeChild]>;
+            }>;
+            "onUpdate:modelValue": {
+                type: import("vue").PropType<(value: string) => any>;
             };
-            display: {
-                type: import("vue").PropType<ColorPickerDisplayOptions>;
+            "v-model": {
+                type: import("vue").PropType<string>;
                 required: false;
             };
-            errorMessages: {
-                type: import("vue").PropType<string[]>;
+            modelValue: {
+                type: import("vue").PropType<string>;
+                required: false;
             };
-            required: {
+            selectedColorAsLabel: {
                 type: import("vue").PropType<boolean>;
             };
-            valueBind: {
-                type: import("vue").PropType<ColorPickerModel>;
-            };
-            placeholder: {
+            labelColor: {
                 type: import("vue").PropType<string>;
             };
             label: {
@@ -145,9 +122,9 @@ declare const _default: {
             blueprintType?: any;
             blueprint?: any;
         }>> & {
-            onValueChanged?: (model: ColorPickerModel) => any;
+            onValueChanged?: (color: string) => any;
         }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            valueChanged: (model: ColorPickerModel) => void;
+            valueChanged: (color: string) => void;
         }, string, {
             container?: any;
             blueprint?: any;
@@ -172,46 +149,29 @@ declare const _default: {
             errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void)[];
         };
         $forceUpdate: () => void;
-        $nextTick: typeof nextTick;
+        $nextTick: typeof import("vue").nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
-        disabled: {
-            type: import("vue").PropType<boolean>;
-        };
-        disableContextColor: {
-            type: import("vue").PropType<boolean>;
-        };
-        attachedToParent: {
-            type: import("vue").PropType<boolean>;
-        };
-        styles: {
-            type: import("vue").PropType<{
-                wrapper: string;
-                selectItem: string;
-                colorItem: string;
-                wrapperColorPicker: string;
-            }>;
-        };
-        dense: {
-            type: import("vue").PropType<"default" | "compact" | "comfortable">;
-        };
-        slim: {
-            type: import("vue").PropType<boolean>;
+        "v-slots": import("vue").Prop<{
+            default?: import("../../DefineVueTypings").Slot<any[]>;
+        } & {
+            activator?: Func<[VNodeChild]>;
+        }>;
+        "onUpdate:modelValue": {
+            type: import("vue").PropType<(value: string) => any>;
         };
-        display: {
-            type: import("vue").PropType<ColorPickerDisplayOptions>;
+        "v-model": {
+            type: import("vue").PropType<string>;
             required: false;
         };
-        errorMessages: {
-            type: import("vue").PropType<string[]>;
+        modelValue: {
+            type: import("vue").PropType<string>;
+            required: false;
         };
-        required: {
+        selectedColorAsLabel: {
             type: import("vue").PropType<boolean>;
         };
-        valueBind: {
-            type: import("vue").PropType<ColorPickerModel>;
-        };
-        placeholder: {
+        labelColor: {
             type: import("vue").PropType<string>;
         };
         label: {
@@ -227,49 +187,32 @@ declare const _default: {
         blueprintType?: any;
         blueprint?: any;
     }>> & {
-        onValueChanged?: (model: ColorPickerModel) => any;
+        onValueChanged?: (color: string) => any;
     } & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    disabled: {
-        type: import("vue").PropType<boolean>;
-    };
-    disableContextColor: {
-        type: import("vue").PropType<boolean>;
-    };
-    attachedToParent: {
-        type: import("vue").PropType<boolean>;
-    };
-    styles: {
-        type: import("vue").PropType<{
-            wrapper: string;
-            selectItem: string;
-            colorItem: string;
-            wrapperColorPicker: string;
-        }>;
-    };
-    dense: {
-        type: import("vue").PropType<"default" | "compact" | "comfortable">;
-    };
-    slim: {
-        type: import("vue").PropType<boolean>;
+    "v-slots": import("vue").Prop<{
+        default?: import("../../DefineVueTypings").Slot<any[]>;
+    } & {
+        activator?: Func<[VNodeChild]>;
+    }>;
+    "onUpdate:modelValue": {
+        type: import("vue").PropType<(value: string) => any>;
     };
-    display: {
-        type: import("vue").PropType<ColorPickerDisplayOptions>;
+    "v-model": {
+        type: import("vue").PropType<string>;
         required: false;
     };
-    errorMessages: {
-        type: import("vue").PropType<string[]>;
+    modelValue: {
+        type: import("vue").PropType<string>;
+        required: false;
     };
-    required: {
+    selectedColorAsLabel: {
         type: import("vue").PropType<boolean>;
     };
-    valueBind: {
-        type: import("vue").PropType<ColorPickerModel>;
-    };
-    placeholder: {
+    labelColor: {
         type: import("vue").PropType<string>;
     };
     label: {
@@ -285,9 +228,9 @@ declare const _default: {
     blueprintType?: any;
     blueprint?: any;
 }>> & {
-    onValueChanged?: (model: ColorPickerModel) => any;
+    onValueChanged?: (color: string) => any;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    valueChanged: (model: ColorPickerModel) => void;
+    valueChanged: (color: string) => void;
 }, string, {
     container?: any;
     blueprint?: any;
@@ -304,24 +247,18 @@ declare const _default: {
     } & {
         label?: string;
         class?: String | String[];
-        required?: boolean;
-        display?: unknown;
-        dense?: "default" | "compact" | "comfortable";
-        disabled?: boolean;
-        styles?: {
-            wrapper: string;
-            selectItem: string;
-            colorItem: string;
-            wrapperColorPicker: string;
+        "onUpdate:modelValue"?: (value: string) => any;
+        "v-model"?: string;
+        modelValue?: string;
+        "v-slots"?: {
+            default?: import("../../DefineVueTypings").Slot<any[]>;
+        } & {
+            activator?: Func<[VNodeChild]>;
         };
-        valueBind?: unknown;
-        placeholder?: string;
-        errorMessages?: string[];
-        slim?: boolean;
-        attachedToParent?: boolean;
-        disableContextColor?: boolean;
+        labelColor?: string;
+        selectedColorAsLabel?: boolean;
     }>, "onValueChanged"> & {
-        onValueChanged?: (model: ColorPickerModel) => any;
+        onValueChanged?: (color: string) => any;
     };
 };
 export default _default;