@omnia/fx 8.0.107-vnext → 8.0.108-vnext

package/internal-do-not-import-from-here/stores/MediaPickerEditorStore.d.ts

@@ -1,4 +1,4 @@
-import { GuidValue, ImageTransformerOptions, MediaPickerImageRatioDefinition, MediaPickerProvider, MediaPickerRenditionData, MediaPickerRollupImageRatio, MediaPickerTransformedBase64Image } from "@omnia/fx-models";
+import { GuidValue, ImageTransformerOptions, MediaPickerCropTransformation, MediaPickerImageInformation, MediaPickerImageRatio, MediaPickerProvider, MediaPickerRenditionData, MediaPickerRollupImageRatio, MediaPickerTransformedBase64Image } from "@omnia/fx-models";
 interface providerRegistrations {
     id: GuidValue;
     active: boolean;
@@ -10,11 +10,12 @@ export declare const useMediaPickerEditorStore: (newInstanceWithName?: string) =
         showProviders: boolean;
         imageSrc: string;
         showWarningDialog: boolean;
-        selectedCropRatio: MediaPickerImageRatioDefinition;
-        sourceImage: MediaPickerTransformedBase64Image;
+        selectedCropTransformation: MediaPickerCropTransformation;
+        mainRendition: MediaPickerTransformedBase64Image;
+        mainImageInformation: MediaPickerImageInformation;
         renditions: MediaPickerRenditionData[];
-        mainImageRatios: MediaPickerImageRatioDefinition[];
-        rollupRatios: MediaPickerRollupImageRatio[];
+        mainRenditionRatios: MediaPickerImageRatio[];
+        rollupRenditionRatios: MediaPickerRollupImageRatio[];
         options: ImageTransformerOptions;
     };
     events: {
@@ -26,56 +27,65 @@ export declare const useMediaPickerEditorStore: (newInstanceWithName?: string) =
         onMutatedImageSrc: import("@omnia/fx").MessageBusExposeOnlySubscription<string>;
         onMutatingShowWarningDialog: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
         onMutatedShowWarningDialog: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
-        onMutatingSelectedCropRatio: import("@omnia/fx").MessageBusExposeOnlySubscription<MediaPickerImageRatioDefinition>;
-        onMutatedSelectedCropRatio: import("@omnia/fx").MessageBusExposeOnlySubscription<MediaPickerImageRatioDefinition>;
-        onMutatingSourceImage: import("@omnia/fx").MessageBusExposeOnlySubscription<MediaPickerTransformedBase64Image>;
-        onMutatedSourceImage: import("@omnia/fx").MessageBusExposeOnlySubscription<MediaPickerTransformedBase64Image>;
+        onMutatingSelectedCropTransformation: import("@omnia/fx").MessageBusExposeOnlySubscription<MediaPickerCropTransformation>;
+        onMutatedSelectedCropTransformation: import("@omnia/fx").MessageBusExposeOnlySubscription<MediaPickerCropTransformation>;
+        onMutatingMainRendition: import("@omnia/fx").MessageBusExposeOnlySubscription<MediaPickerTransformedBase64Image>;
+        onMutatedMainRendition: import("@omnia/fx").MessageBusExposeOnlySubscription<MediaPickerTransformedBase64Image>;
+        onMutatingMainImageInformation: import("@omnia/fx").MessageBusExposeOnlySubscription<MediaPickerImageInformation>;
+        onMutatedMainImageInformation: import("@omnia/fx").MessageBusExposeOnlySubscription<MediaPickerImageInformation>;
         onMutatingRenditions: import("@omnia/fx").MessageBusExposeOnlySubscription<MediaPickerRenditionData[]>;
         onMutatedRenditions: import("@omnia/fx").MessageBusExposeOnlySubscription<MediaPickerRenditionData[]>;
-        onMutatingMainImageRatios: import("@omnia/fx").MessageBusExposeOnlySubscription<MediaPickerImageRatioDefinition[]>;
-        onMutatedMainImageRatios: import("@omnia/fx").MessageBusExposeOnlySubscription<MediaPickerImageRatioDefinition[]>;
-        onMutatingRollupRatios: import("@omnia/fx").MessageBusExposeOnlySubscription<MediaPickerRollupImageRatio[]>;
-        onMutatedRollupRatios: import("@omnia/fx").MessageBusExposeOnlySubscription<MediaPickerRollupImageRatio[]>;
+        onMutatingMainRenditionRatios: import("@omnia/fx").MessageBusExposeOnlySubscription<MediaPickerImageRatio[]>;
+        onMutatedMainRenditionRatios: import("@omnia/fx").MessageBusExposeOnlySubscription<MediaPickerImageRatio[]>;
+        onMutatingRollupRenditionRatios: import("@omnia/fx").MessageBusExposeOnlySubscription<MediaPickerRollupImageRatio[]>;
+        onMutatedRollupRenditionRatios: import("@omnia/fx").MessageBusExposeOnlySubscription<MediaPickerRollupImageRatio[]>;
         onMutatingOptions: import("@omnia/fx").MessageBusExposeOnlySubscription<ImageTransformerOptions>;
         onMutatedOptions: import("@omnia/fx").MessageBusExposeOnlySubscription<ImageTransformerOptions>;
     } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
     actions: {
         onDispatching<T extends (...args: any) => any>(action: (actions: {
             setMediaPickerImage(mediaPickerImage: MediaPickerTransformedBase64Image): void;
-            addSelectableRatio(ratio: MediaPickerImageRatioDefinition): void;
-            addRollupRatio(ratio: MediaPickerRollupImageRatio): void;
+            addMainRenditionRatio(ratio: MediaPickerImageRatio): void;
+            addRollupRenditionRatio(ratio: MediaPickerRollupImageRatio): void;
             setOptions(options: ImageTransformerOptions): void;
-            setActiveProider(id: GuidValue): void;
+            setActiveProvider(id: GuidValue): void;
             toggleWarningDialog: (show: boolean) => void;
-            setSelectedCropRatio: (ratio: MediaPickerImageRatioDefinition) => void;
+            setSelectedRenditionCrop: (newValue: MediaPickerImageRatio | MediaPickerCropTransformation) => void;
+            updateSelectedRenditionCropRatio: (ratio: MediaPickerImageRatio) => void;
         }) => T, fn: T extends (...args: infer U) => any ? (...args: U) => void : never): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
         onDispatched<T_1 extends (...args: any) => any>(action: (actions: {
             setMediaPickerImage(mediaPickerImage: MediaPickerTransformedBase64Image): void;
-            addSelectableRatio(ratio: MediaPickerImageRatioDefinition): void;
-            addRollupRatio(ratio: MediaPickerRollupImageRatio): void;
+            addMainRenditionRatio(ratio: MediaPickerImageRatio): void;
+            addRollupRenditionRatio(ratio: MediaPickerRollupImageRatio): void;
             setOptions(options: ImageTransformerOptions): void;
-            setActiveProider(id: GuidValue): void;
+            setActiveProvider(id: GuidValue): void;
             toggleWarningDialog: (show: boolean) => void;
-            setSelectedCropRatio: (ratio: MediaPickerImageRatioDefinition) => void;
+            setSelectedRenditionCrop: (newValue: MediaPickerImageRatio | MediaPickerCropTransformation) => void;
+            updateSelectedRenditionCropRatio: (ratio: MediaPickerImageRatio) => void;
         }) => T_1, fn: T_1 extends (...args: infer U_1) => infer Y | Promise<infer Y> ? (result: Y, ...args: U_1) => void : never): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
         onFailure<T_2 extends (...args: any) => any>(action: (actions: {
             setMediaPickerImage(mediaPickerImage: MediaPickerTransformedBase64Image): void;
-            addSelectableRatio(ratio: MediaPickerImageRatioDefinition): void;
-            addRollupRatio(ratio: MediaPickerRollupImageRatio): void;
+            addMainRenditionRatio(ratio: MediaPickerImageRatio): void;
+            addRollupRenditionRatio(ratio: MediaPickerRollupImageRatio): void;
             setOptions(options: ImageTransformerOptions): void;
-            setActiveProider(id: GuidValue): void;
+            setActiveProvider(id: GuidValue): void;
             toggleWarningDialog: (show: boolean) => void;
-            setSelectedCropRatio: (ratio: MediaPickerImageRatioDefinition) => void;
+            setSelectedRenditionCrop: (newValue: MediaPickerImageRatio | MediaPickerCropTransformation) => void;
+            updateSelectedRenditionCropRatio: (ratio: MediaPickerImageRatio) => void;
         }) => T_2, fn: T_2 extends (...args: infer U_2) => any ? (failureReason: any, ...args: U_2) => void : never): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
     } & {
         setMediaPickerImage(mediaPickerImage: MediaPickerTransformedBase64Image): void;
-        addSelectableRatio(ratio: MediaPickerImageRatioDefinition): void;
-        addRollupRatio(ratio: MediaPickerRollupImageRatio): void;
+        addMainRenditionRatio(ratio: MediaPickerImageRatio): void;
+        addRollupRenditionRatio(ratio: MediaPickerRollupImageRatio): void;
         setOptions(options: ImageTransformerOptions): void;
-        setActiveProider(id: GuidValue): void;
+        setActiveProvider(id: GuidValue): void;
         toggleWarningDialog: (show: boolean) => void;
-        setSelectedCropRatio: (ratio: MediaPickerImageRatioDefinition) => void;
+        setSelectedRenditionCrop: (newValue: MediaPickerImageRatio | MediaPickerCropTransformation) => void;
+        updateSelectedRenditionCropRatio: (ratio: MediaPickerImageRatio) => void;
+    };
+    get: {
+        ratioById: (id: number) => MediaPickerImageRatio;
+        mainRenditionCropTransformation: () => MediaPickerCropTransformation;
     };
-    get: {};
 };
 export {};

package/internal-do-not-import-from-here/ux/InternalDefineWebComponent.d.ts

@@ -41,7 +41,7 @@ type RemoveDefinePropApi<T> = T extends string[] ? T : {
     [K in keyof T as K extends "require" | "defaultValue" | "prop" | "vModel" | "slots" | "doc$" ? never : K]: T[K];
 };
 type ExcludeJsxPropKeys<T> = T extends string[] ? T : {
-    [K in keyof T as K extends `v-model${infer _}` | "v-slots" ? never : K]: T[K];
+    [K in keyof T as K extends `v-model${infer _}` | "modelValue" | "v-slots" ? never : K]: T[K];
 };
 type ExtractPropModels<T> = {
     -readonly [K in keyof T as K extends `v-model:${infer N}` ? N : K extends "v-model" ? "modelValue" : never]: T[K];

package/internal-do-not-import-from-here/ux/colorschemadefinitionpicker/ColorSchemaDefinitionPicker.d.ts

@@ -115,12 +115,12 @@ declare const _default: {
             }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[];
+            readonly modelValue?: unknown;
             readonly "v-slots"?: {
                 default?: import("../DefineVueTypings").Slot<any[]>;
             } & {
                 activator?: () => VNodeChild;
             };
-            readonly modelValue?: unknown;
             "onUpdate:modelValue"?: ((value: unknown) => any) & ((colorSchema: ColorSchema) => any);
             readonly "v-model"?: unknown;
         };
@@ -483,12 +483,12 @@ declare const _default: {
                 };
             }>;
         };
+        modelValue?: unknown;
         "v-slots"?: {
             default?: import("../DefineVueTypings").Slot<any[]>;
         } & {
             activator?: () => VNodeChild;
         };
-        modelValue?: unknown;
         "onUpdate:modelValue"?: (value: unknown) => any;
         "v-model"?: unknown;
     }>, "onUpdate:modelValue"> & {

package/internal-do-not-import-from-here/ux/datetimezonepicker/DateTimeZonePicker.d.ts

@@ -50,8 +50,8 @@ declare const _default: {
                 [key: string]: any;
             }>) => void)[];
             readonly disabled?: boolean;
-            readonly variant?: "date-time" | "date";
             readonly modelValue?: DateTimeZone<Date>;
+            readonly variant?: "date-time" | "date";
             readonly "onUpdate:modelValue"?: (value: DateTimeZone<Date>) => any;
             readonly "v-model"?: DateTimeZone<Date>;
             readonly singleLine?: boolean;
@@ -253,8 +253,8 @@ declare const _default: {
     propsDefinition: Omit<Readonly<{} & {
         label?: string;
         disabled?: boolean;
-        variant?: "date-time" | "date";
         modelValue?: DateTimeZone<Date>;
+        variant?: "date-time" | "date";
         "onUpdate:modelValue"?: (value: DateTimeZone<Date>) => any;
         "v-model"?: DateTimeZone<Date>;
         singleLine?: boolean;

package/internal-do-not-import-from-here/ux/enterpriseproperties/renderers/EnterprisePropertyConfiguration.d.ts

@@ -110,12 +110,12 @@ declare const _default: {
             }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[];
+            readonly modelValue?: EnterprisePropertyItemSettings;
             readonly "v-slots"?: {
                 default?: import("../../DefineVueTypings").Slot<any[]>;
             } & {
                 renderer?: (elementToRender: string) => VNodeChild | void;
             };
-            readonly modelValue?: EnterprisePropertyItemSettings;
             readonly "onUpdate:modelValue"?: (value: EnterprisePropertyItemSettings) => any;
             readonly "v-model"?: EnterprisePropertyItemSettings;
             readonly setupRender?: any;
@@ -455,12 +455,12 @@ declare const _default: {
                 };
             }>;
         };
+        modelValue?: EnterprisePropertyItemSettings;
         "v-slots"?: {
             default?: import("../../DefineVueTypings").Slot<any[]>;
         } & {
             renderer?: (elementToRender: string) => VNodeChild | void;
         };
-        modelValue?: EnterprisePropertyItemSettings;
         "onUpdate:modelValue"?: (value: EnterprisePropertyItemSettings) => any;
         "v-model"?: EnterprisePropertyItemSettings;
         setupRender?: any;

package/internal-do-not-import-from-here/ux/enterpriseproperties/renderers/EnterprisePropertyValue.d.ts

@@ -111,12 +111,12 @@ declare const _default: {
                 [key: string]: any;
             }>) => void)[];
             readonly property?: EnterprisePropertyDefinition;
+            readonly modelValue?: any;
             readonly "v-slots"?: {
                 default?: import("../../DefineVueTypings").Slot<any[]>;
             } & {
                 renderer?: (elementToRender: string) => VNodeChild | void;
             };
-            readonly modelValue?: any;
             readonly "onUpdate:modelValue"?: (value: any) => any;
             readonly "v-model"?: any;
             readonly settings?: unknown;
@@ -521,12 +521,12 @@ declare const _default: {
             }>;
         };
         property?: EnterprisePropertyDefinition;
+        modelValue?: any;
         "v-slots"?: {
             default?: import("../../DefineVueTypings").Slot<any[]>;
         } & {
             renderer?: (elementToRender: string) => VNodeChild | void;
         };
-        modelValue?: any;
         "onUpdate:modelValue"?: (value: any) => any;
         "v-model"?: any;
         settings?: unknown;

package/internal-do-not-import-from-here/ux/filterpicker/FilterPicker.d.ts

@@ -56,12 +56,12 @@ declare const _default: {
             }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[];
+            readonly modelValue?: FilterPickerFilter[];
             readonly "v-slots"?: {
                 default?: import("../DefineVueTypings").Slot<any[]>;
             } & {
                 itemRendering?: (element: VNodeChild, item: FilterPickerFilter) => VNodeChild;
             };
-            readonly modelValue?: FilterPickerFilter[];
             "onUpdate:modelValue"?: ((value: FilterPickerFilter[]) => any) & ((value: FilterPickerFilter[]) => any);
             readonly "v-model"?: FilterPickerFilter[];
             readonly grow?: boolean;
@@ -276,12 +276,12 @@ declare const _default: {
     } & {
         class?: String | String[];
         size?: "small" | "default" | "x-small";
+        modelValue?: FilterPickerFilter[];
         "v-slots"?: {
             default?: import("../DefineVueTypings").Slot<any[]>;
         } & {
             itemRendering?: (element: VNodeChild, item: FilterPickerFilter) => VNodeChild;
         };
-        modelValue?: FilterPickerFilter[];
         "onUpdate:modelValue"?: (value: FilterPickerFilter[]) => any;
         "v-model"?: FilterPickerFilter[];
         grow?: boolean;

package/internal-do-not-import-from-here/ux/identities/IdentityRenderer.d.ts

@@ -97,6 +97,7 @@ declare const _default: {
                     };
                 };
             };
+            readonly modelValue?: Identity[];
             readonly "v-slots"?: {
                 default?: import("../DefineVueTypings").Slot<any[]>;
             } & {
@@ -106,7 +107,6 @@ declare const _default: {
                     identities: Array<IResolvedIdentity>;
                 }) => VNodeChild;
             };
-            readonly modelValue?: Identity[];
             readonly "onUpdate:modelValue"?: (value: Identity[]) => any;
             readonly "v-model"?: Identity[];
             readonly hidePresence?: boolean;
@@ -486,6 +486,7 @@ declare const _default: {
                 };
             };
         };
+        modelValue?: Identity[];
         "v-slots"?: {
             default?: import("../DefineVueTypings").Slot<any[]>;
         } & {
@@ -495,7 +496,6 @@ declare const _default: {
                 identities: Array<IResolvedIdentity>;
             }) => VNodeChild;
         };
-        modelValue?: Identity[];
         "onUpdate:modelValue"?: (value: Identity[]) => any;
         "v-model"?: Identity[];
         hidePresence?: boolean;

package/internal-do-not-import-from-here/ux/identitypicker/IdentityPickerDialog.d.ts

@@ -113,8 +113,8 @@ declare const _default: {
             }>) => void)[];
             readonly top?: boolean;
             readonly disabled?: boolean;
-            readonly location?: "left" | "center" | "right" | "bottom" | "top" | "end" | "start" | "center center" | "bottom end" | "bottom start" | "top center" | "top end" | "top start" | "end bottom" | "end top" | "start bottom" | "start top";
             readonly modelValue?: boolean;
+            readonly location?: "left" | "center" | "right" | "bottom" | "top" | "end" | "start" | "center center" | "bottom end" | "bottom start" | "top center" | "top end" | "top start" | "end bottom" | "end top" | "start bottom" | "start top";
             "onUpdate:modelValue"?: ((value: boolean) => any) & ((value: Identity) => any);
             readonly "v-model"?: boolean;
             readonly providerIds?: GuidValue[];
@@ -686,8 +686,8 @@ declare const _default: {
         type?: PrincipalTypes;
         top?: boolean;
         disabled?: boolean;
-        location?: "left" | "center" | "right" | "bottom" | "top" | "end" | "start" | "center center" | "bottom end" | "bottom start" | "top center" | "top end" | "top start" | "end bottom" | "end top" | "start bottom" | "start top";
         modelValue?: boolean;
+        location?: "left" | "center" | "right" | "bottom" | "top" | "end" | "start" | "center center" | "bottom end" | "bottom start" | "top center" | "top end" | "top start" | "end bottom" | "end top" | "start bottom" | "start top";
         "onUpdate:modelValue"?: (value: boolean) => any;
         "v-model"?: boolean;
         providerIds?: GuidValue[];

package/internal-do-not-import-from-here/ux/imagetransformer/Components/editor/ImageEditor.css.d.ts

@@ -4,5 +4,5 @@ export declare const ImageEditorStyles: {
     menyDrawerExpanded: string;
     menyDrawer: (dark: boolean) => string;
     imageContainer: string;
-    imageEditor: string;
+    imageEditor: (height: number, width: number) => string;
 };

package/internal-do-not-import-from-here/ux/imagetransformer/Components/editor/ImageEditor.d.ts

@@ -1,18 +1,4 @@
-import { MediaPickerCropTransformation, MediaPickerImageRatioDefinition, MediaPickerTransformedBase64Image, MediaPickerBase64Image, ImageTransformerEditorOptions } from "@omnia/fx/models";
-import { nextTick } from "vue";
-export interface ImageTransformEditorProps {
-    sourceImage: MediaPickerBase64Image;
-    containerId: string;
-    selectableRatios?: Array<MediaPickerImageRatioDefinition>;
-    shareableRenditions?: Array<MediaPickerCropTransformation>;
-    selectedRenditionId?: {
-        value: number;
-    };
-    isShowWarningDialog?: {
-        value: boolean;
-    };
-    options?: ImageTransformerEditorOptions;
-}
+import { MediaPickerTransformedBase64Image, MediaPickerBase64Image } from "@omnia/fx/models";
 declare const _default: {
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
@@ -108,7 +94,7 @@ 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<{
         "container-id": {

package/internal-do-not-import-from-here/ux/imagetransformer/Components/editor/ImageEditorCanvas.d.ts

@@ -0,0 +1,238 @@
+import { MediaPickerCropTransformation, MediaPickerTransformation } from "@omnia/fx-models";
+import ImageEditor from "tui-image-editor";
+import { nextTick } from "vue";
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            style?: unknown;
+            class?: unknown;
+            key?: string | number | symbol;
+            ref?: import("vue").VNodeRef;
+            ref_for?: boolean;
+            ref_key?: string;
+            onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            readonly maxHeight?: number;
+            readonly maxWidth?: number;
+            readonly "max-height"?: number;
+            readonly "max-width"?: number;
+            readonly containerId?: string;
+            readonly imageSrc?: string;
+            readonly transformations?: MediaPickerTransformation[];
+            readonly "container-id"?: string;
+            readonly "image-src"?: string;
+            readonly imageCrop?: MediaPickerCropTransformation;
+            readonly "image-crop"?: MediaPickerCropTransformation;
+            onCanvasInitialized?: (imageEditor: ImageEditor) => any;
+        };
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot<any>;
+        }>;
+        $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: "canvasInitialized", imageEditor: ImageEditor) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            transformations: {
+                type: import("vue").PropType<MediaPickerTransformation[]>;
+            } & {
+                type: import("vue").PropType<MediaPickerTransformation[]>;
+            };
+            "image-crop": {
+                type: import("vue").PropType<MediaPickerCropTransformation>;
+            };
+            imageCrop: {
+                type: import("vue").PropType<MediaPickerCropTransformation>;
+            };
+            "image-src": {
+                type: import("vue").PropType<string>;
+            };
+            imageSrc: {
+                type: import("vue").PropType<string>;
+            };
+            "container-id": {
+                type: import("vue").PropType<string>;
+            };
+            containerId: {
+                type: import("vue").PropType<string>;
+            };
+            "max-width": {
+                type: import("vue").PropType<number>;
+            };
+            maxWidth: {
+                type: import("vue").PropType<number>;
+            };
+            "max-height": {
+                type: import("vue").PropType<number>;
+            };
+            maxHeight: {
+                type: import("vue").PropType<number>;
+            };
+        }>> & {
+            onCanvasInitialized?: (imageEditor: ImageEditor) => any;
+        }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            canvasInitialized: (imageEditor: ImageEditor) => boolean;
+        }, string, {}, {}, string, {}> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            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;
+        $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<{
+        transformations: {
+            type: import("vue").PropType<MediaPickerTransformation[]>;
+        } & {
+            type: import("vue").PropType<MediaPickerTransformation[]>;
+        };
+        "image-crop": {
+            type: import("vue").PropType<MediaPickerCropTransformation>;
+        };
+        imageCrop: {
+            type: import("vue").PropType<MediaPickerCropTransformation>;
+        };
+        "image-src": {
+            type: import("vue").PropType<string>;
+        };
+        imageSrc: {
+            type: import("vue").PropType<string>;
+        };
+        "container-id": {
+            type: import("vue").PropType<string>;
+        };
+        containerId: {
+            type: import("vue").PropType<string>;
+        };
+        "max-width": {
+            type: import("vue").PropType<number>;
+        };
+        maxWidth: {
+            type: import("vue").PropType<number>;
+        };
+        "max-height": {
+            type: import("vue").PropType<number>;
+        };
+        maxHeight: {
+            type: import("vue").PropType<number>;
+        };
+    }>> & {
+        onCanvasInitialized?: (imageEditor: ImageEditor) => any;
+    } & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    transformations: {
+        type: import("vue").PropType<MediaPickerTransformation[]>;
+    } & {
+        type: import("vue").PropType<MediaPickerTransformation[]>;
+    };
+    "image-crop": {
+        type: import("vue").PropType<MediaPickerCropTransformation>;
+    };
+    imageCrop: {
+        type: import("vue").PropType<MediaPickerCropTransformation>;
+    };
+    "image-src": {
+        type: import("vue").PropType<string>;
+    };
+    imageSrc: {
+        type: import("vue").PropType<string>;
+    };
+    "container-id": {
+        type: import("vue").PropType<string>;
+    };
+    containerId: {
+        type: import("vue").PropType<string>;
+    };
+    "max-width": {
+        type: import("vue").PropType<number>;
+    };
+    maxWidth: {
+        type: import("vue").PropType<number>;
+    };
+    "max-height": {
+        type: import("vue").PropType<number>;
+    };
+    maxHeight: {
+        type: import("vue").PropType<number>;
+    };
+}>> & {
+    onCanvasInitialized?: (imageEditor: ImageEditor) => any;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    canvasInitialized: (imageEditor: ImageEditor) => boolean;
+}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Omit<Readonly<{} & {
+        maxHeight?: number;
+        maxWidth?: number;
+        "max-height"?: number;
+        "max-width"?: number;
+        containerId?: string;
+        imageSrc?: string;
+        transformations?: MediaPickerTransformation[];
+        "container-id"?: string;
+        "image-src"?: string;
+        imageCrop?: MediaPickerCropTransformation;
+        "image-crop"?: MediaPickerCropTransformation;
+    }>, "onCanvasInitialized"> & {
+        onCanvasInitialized?: (imageEditor: ImageEditor) => any;
+    };
+};
+export default _default;