@omnia/fx 8.0.102-vnext → 8.0.104-vnext

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

@@ -1,13 +1,8 @@
-import { IWebComponentInstance } from "../../../..";
-import "../../ImageTransformer.css";
-import { OmniaTheming, VueComponentBase } from "../../..";
-import { ImageTransformerLocalization } from "../../loc/localize";
-import { MediaPickerCropTransformation, MediaPickerImageRatio, MediaPickerTransformation, ImageCropzoneRect, MediaPickerImageRatioDefinition } from "../../../../models";
-import { MultilingualStore, MediaPickerStore } from "../../../../stores";
-import IImageEditor from "../../tui-image-editor/interfaces";
+import { MediaPickerCropTransformation, MediaPickerTransformation, MediaPickerImageRatioDefinition } from "@omnia/fx/models";
+import ImageEditor from "tui-image-editor";
 export interface ImageTransformCropperProps {
     imageTransformationData?: Array<MediaPickerTransformation>;
-    editorInstance: IImageEditor;
+    imageEditor: ImageEditor;
     selectableRatios?: Array<MediaPickerImageRatioDefinition>;
     changedImageCropAreaCallback?: (cropData: MediaPickerCropTransformation) => void;
     shareableRenditions?: Array<MediaPickerCropTransformation>;
@@ -18,42 +13,283 @@ export interface ImageTransformCropperProps {
         value: boolean;
     };
 }
-declare interface ImageRatioDefinitionPicker {
-    isCustom: boolean;
-    definition: MediaPickerImageRatio;
-}
-export declare class ImageTransformCropper extends VueComponentBase<ImageTransformCropperProps> implements IWebComponentInstance {
-    imageTransformationData?: Array<MediaPickerTransformation>;
-    editorInstance: IImageEditor;
-    selectableRatios?: Array<MediaPickerImageRatioDefinition>;
-    changedImageCropAreaCallback?: (cropData: MediaPickerCropTransformation) => void;
-    shareableRenditions: Array<MediaPickerCropTransformation>;
-    selectedRenditionId: {
-        value: number;
+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 imageTransformationData?: MediaPickerTransformation[];
+            readonly "image-transformation-data"?: MediaPickerTransformation[];
+            readonly imageEditor?: ImageEditor;
+            readonly "image-editor"?: ImageEditor;
+            readonly selectableRatios?: MediaPickerImageRatioDefinition[];
+            readonly "selectable-ratios"?: MediaPickerImageRatioDefinition[];
+            readonly shareableRenditions?: MediaPickerCropTransformation[];
+            readonly "shareable-renditions"?: MediaPickerCropTransformation[];
+            readonly selectedRenditionId?: {
+                value: number;
+            };
+            readonly "selected-rendition-id"?: {
+                value: number;
+            };
+            readonly isShowWarningDialog?: {
+                value: boolean;
+            };
+            readonly "is-show-warning-dialog"?: {
+                value: boolean;
+            };
+            onChangedImageCropArea?: (cropData: MediaPickerCropTransformation) => 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: "changedImageCropArea", cropData: MediaPickerCropTransformation) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            "is-show-warning-dialog": {
+                type: import("vue").PropType<{
+                    value: boolean;
+                }>;
+            };
+            isShowWarningDialog: {
+                type: import("vue").PropType<{
+                    value: boolean;
+                }>;
+            };
+            "selected-rendition-id": {
+                type: import("vue").PropType<{
+                    value: number;
+                }>;
+            };
+            selectedRenditionId: {
+                type: import("vue").PropType<{
+                    value: number;
+                }>;
+            };
+            "shareable-renditions": {
+                type: import("vue").PropType<MediaPickerCropTransformation[]>;
+            };
+            shareableRenditions: {
+                type: import("vue").PropType<MediaPickerCropTransformation[]>;
+            };
+            "selectable-ratios": {
+                type: import("vue").PropType<MediaPickerImageRatioDefinition[]>;
+            };
+            selectableRatios: {
+                type: import("vue").PropType<MediaPickerImageRatioDefinition[]>;
+            };
+            "image-editor": {
+                type: import("vue").PropType<ImageEditor>;
+            };
+            imageEditor: {
+                type: import("vue").PropType<ImageEditor>;
+            };
+            "image-transformation-data": {
+                type: import("vue").PropType<MediaPickerTransformation[]>;
+            };
+            imageTransformationData: {
+                type: import("vue").PropType<MediaPickerTransformation[]>;
+            };
+        }>> & {
+            onChangedImageCropArea?: (cropData: MediaPickerCropTransformation) => any;
+        }, () => void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            changedImageCropArea: (cropData: MediaPickerCropTransformation) => true;
+        }, 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 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<{
+        "is-show-warning-dialog": {
+            type: import("vue").PropType<{
+                value: boolean;
+            }>;
+        };
+        isShowWarningDialog: {
+            type: import("vue").PropType<{
+                value: boolean;
+            }>;
+        };
+        "selected-rendition-id": {
+            type: import("vue").PropType<{
+                value: number;
+            }>;
+        };
+        selectedRenditionId: {
+            type: import("vue").PropType<{
+                value: number;
+            }>;
+        };
+        "shareable-renditions": {
+            type: import("vue").PropType<MediaPickerCropTransformation[]>;
+        };
+        shareableRenditions: {
+            type: import("vue").PropType<MediaPickerCropTransformation[]>;
+        };
+        "selectable-ratios": {
+            type: import("vue").PropType<MediaPickerImageRatioDefinition[]>;
+        };
+        selectableRatios: {
+            type: import("vue").PropType<MediaPickerImageRatioDefinition[]>;
+        };
+        "image-editor": {
+            type: import("vue").PropType<ImageEditor>;
+        };
+        imageEditor: {
+            type: import("vue").PropType<ImageEditor>;
+        };
+        "image-transformation-data": {
+            type: import("vue").PropType<MediaPickerTransformation[]>;
+        };
+        imageTransformationData: {
+            type: import("vue").PropType<MediaPickerTransformation[]>;
+        };
+    }>> & {
+        onChangedImageCropArea?: (cropData: MediaPickerCropTransformation) => any;
+    } & import("vue").ShallowUnwrapRef<() => void> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    "is-show-warning-dialog": {
+        type: import("vue").PropType<{
+            value: boolean;
+        }>;
     };
     isShowWarningDialog: {
-        value: boolean;
+        type: import("vue").PropType<{
+            value: boolean;
+        }>;
     };
-    omniaTheming: OmniaTheming;
-    loc: ImageTransformerLocalization.locInterface;
-    multilingualStore: MultilingualStore;
-    mediaPickerStore: MediaPickerStore;
-    private availableImageRatioDefinitions;
-    private internalCropTransformationData;
-    private selectedCropRatio;
-    private customRenditions;
-    shareableRenditionsChanged(): void;
-    mounted(): void;
-    created(): void;
-    beforeDestroy(): void;
-    init(): void;
-    onCropAreaChanged(props: ImageCropzoneRect): void;
-    updateImageCropAreaChange(): void;
-    onInitCropperEvent(): void;
-    onSelectCropRatio(ratioPicker: ImageRatioDefinitionPicker): void;
-    generatedCropZone(imageCropzoneRect: ImageCropzoneRect, cropzoneRect?: number): void;
-    saveCropState(rendition: MediaPickerCropTransformation): void;
-    getCropState(ratioId: number): MediaPickerCropTransformation;
-    render(): JSX.Element;
-}
-export {};
+    "selected-rendition-id": {
+        type: import("vue").PropType<{
+            value: number;
+        }>;
+    };
+    selectedRenditionId: {
+        type: import("vue").PropType<{
+            value: number;
+        }>;
+    };
+    "shareable-renditions": {
+        type: import("vue").PropType<MediaPickerCropTransformation[]>;
+    };
+    shareableRenditions: {
+        type: import("vue").PropType<MediaPickerCropTransformation[]>;
+    };
+    "selectable-ratios": {
+        type: import("vue").PropType<MediaPickerImageRatioDefinition[]>;
+    };
+    selectableRatios: {
+        type: import("vue").PropType<MediaPickerImageRatioDefinition[]>;
+    };
+    "image-editor": {
+        type: import("vue").PropType<ImageEditor>;
+    };
+    imageEditor: {
+        type: import("vue").PropType<ImageEditor>;
+    };
+    "image-transformation-data": {
+        type: import("vue").PropType<MediaPickerTransformation[]>;
+    };
+    imageTransformationData: {
+        type: import("vue").PropType<MediaPickerTransformation[]>;
+    };
+}>> & {
+    onChangedImageCropArea?: (cropData: MediaPickerCropTransformation) => any;
+}, () => void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    changedImageCropArea: (cropData: MediaPickerCropTransformation) => true;
+}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Omit<Readonly<{} & {
+        imageTransformationData?: MediaPickerTransformation[];
+        "image-transformation-data"?: MediaPickerTransformation[];
+        imageEditor?: ImageEditor;
+        "image-editor"?: ImageEditor;
+        selectableRatios?: MediaPickerImageRatioDefinition[];
+        "selectable-ratios"?: MediaPickerImageRatioDefinition[];
+        shareableRenditions?: MediaPickerCropTransformation[];
+        "shareable-renditions"?: MediaPickerCropTransformation[];
+        selectedRenditionId?: {
+            value: number;
+        };
+        "selected-rendition-id"?: {
+            value: number;
+        };
+        isShowWarningDialog?: {
+            value: boolean;
+        };
+        "is-show-warning-dialog"?: {
+            value: boolean;
+        };
+    }>, "onChangedImageCropArea"> & {
+        onChangedImageCropArea?: (cropData: MediaPickerCropTransformation) => any;
+    };
+};
+export default _default;

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

@@ -0,0 +1,9 @@
+import { ColorDefinition } from "@omnia/fx-models";
+export declare const ImageTransformEditorStyles: {
+    imageMenuWrapper: (color: ColorDefinition) => string;
+    rotateIcon90: string;
+    menyDrawerExpanded: string;
+    menyDrawer: (dark: boolean) => string;
+    imageContainer: string;
+    imageEditor: string;
+};

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

@@ -1,4 +1,5 @@
 import { MediaPickerCropTransformation, MediaPickerImageRatioDefinition, MediaPickerTransformedBase64Image, MediaPickerBase64Image, ImageTransformerEditorOptions } from "../../../../models";
+import { nextTick } from "vue";
 export interface ImageTransformEditorProps {
     sourceImage: MediaPickerBase64Image;
     containerId: string;
@@ -64,24 +65,24 @@ declare const _default: {
             }>) => void)[];
             readonly sourceImage?: MediaPickerBase64Image;
             readonly containerId?: string;
+            readonly selectableRatios?: MediaPickerImageRatioDefinition[];
+            readonly "selectable-ratios"?: MediaPickerImageRatioDefinition[];
             readonly shareableRenditions?: MediaPickerCropTransformation[];
+            readonly "shareable-renditions"?: MediaPickerCropTransformation[];
             readonly selectedRenditionId?: {
                 value: number;
             };
-            readonly isShowWarningDialog?: {
-                value: boolean;
-            };
-            readonly selectableRatios?: MediaPickerImageRatioDefinition[];
-            readonly "source-image"?: MediaPickerBase64Image;
-            readonly "container-id"?: string;
-            readonly "selectable-ratios"?: MediaPickerImageRatioDefinition[];
-            readonly "shareable-renditions"?: MediaPickerCropTransformation[];
             readonly "selected-rendition-id"?: {
                 value: number;
             };
+            readonly isShowWarningDialog?: {
+                value: boolean;
+            };
             readonly "is-show-warning-dialog"?: {
                 value: boolean;
             };
+            readonly "source-image"?: MediaPickerBase64Image;
+            readonly "container-id"?: string;
             onTransformationChanged?: (originalBase64: MediaPickerBase64Image, transformation: MediaPickerTransformedBase64Image) => any;
         };
         $attrs: {
@@ -169,7 +170,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 import("vue").nextTick;
+        $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<{
         options: {
@@ -286,24 +287,24 @@ declare const _default: {
         options?: ImageTransformerEditorOptions;
         sourceImage?: MediaPickerBase64Image;
         containerId?: string;
+        selectableRatios?: MediaPickerImageRatioDefinition[];
+        "selectable-ratios"?: MediaPickerImageRatioDefinition[];
         shareableRenditions?: MediaPickerCropTransformation[];
+        "shareable-renditions"?: MediaPickerCropTransformation[];
         selectedRenditionId?: {
             value: number;
         };
-        isShowWarningDialog?: {
-            value: boolean;
-        };
-        selectableRatios?: MediaPickerImageRatioDefinition[];
-        "source-image"?: MediaPickerBase64Image;
-        "container-id"?: string;
-        "selectable-ratios"?: MediaPickerImageRatioDefinition[];
-        "shareable-renditions"?: MediaPickerCropTransformation[];
         "selected-rendition-id"?: {
             value: number;
         };
+        isShowWarningDialog?: {
+            value: boolean;
+        };
         "is-show-warning-dialog"?: {
             value: boolean;
         };
+        "source-image"?: MediaPickerBase64Image;
+        "container-id"?: string;
     }>, "onTransformationChanged"> & {
         onTransformationChanged?: (originalBase64: MediaPickerBase64Image, transformation: MediaPickerTransformedBase64Image) => any;
     };

package/internal-do-not-import-from-here/ux/imagetransformer/Components/ImageTransformEditor/ImageTransformEditor_old.d.ts

@@ -1,66 +0,0 @@
-import { IWebComponentInstance } from "../../../..";
-import { OmniaTheming, VueComponentBase, ConfirmDialogResponse } from "../../..";
-import { MediaPickerEnums, MediaPickerCropTransformation, MediaPickerTransformation, MediaPickerImageRatioDefinition, MediaPickerTransformedBase64Image, MediaPickerBase64Image, ImageTransformerEditorOptions } from "../../../../models";
-import { ImageTransformerLocalization } from "../../loc/localize";
-import { ImageEditorMenu } from "../../../imagetransformation/enums";
-import { MediaPickerService } from "../../../../services";
-export interface ImageTransformEditorProps {
-    sourceImage: MediaPickerBase64Image;
-    containerId: string;
-    selectableRatios?: Array<MediaPickerImageRatioDefinition>;
-    transformationChanged: (originalBase64: MediaPickerBase64Image, transformation: MediaPickerTransformedBase64Image) => void;
-    shareableRenditions?: Array<MediaPickerCropTransformation>;
-    selectedRenditionId?: {
-        value: number;
-    };
-    isShowWarningDialog?: {
-        value: boolean;
-    };
-    options?: ImageTransformerEditorOptions;
-}
-export declare class ImageTransformEditor extends VueComponentBase<ImageTransformEditorProps> implements IWebComponentInstance, ImageTransformEditorProps {
-    sourceImage: MediaPickerBase64Image;
-    containerId: string;
-    selectableRatios?: Array<MediaPickerImageRatioDefinition>;
-    transformationChanged: (originalBase64: MediaPickerBase64Image, transformation: MediaPickerTransformedBase64Image) => void;
-    shareableRenditions: Array<MediaPickerCropTransformation>;
-    selectedRenditionId: {
-        value: number;
-    };
-    isShowWarningDialog: {
-        value: boolean;
-    };
-    options: ImageTransformerEditorOptions;
-    omniaTheming: OmniaTheming;
-    mediaPickerService: MediaPickerService;
-    loc: ImageTransformerLocalization.locInterface;
-    private transformedImage;
-    private transformedImageInformation;
-    private editorInstance;
-    private maxImageHeight;
-    private maxImageWidth;
-    private menu;
-    private cropButton;
-    private flipButton;
-    private filterButton;
-    private isHiddenMenu;
-    private editorId;
-    private imageEditorMenuClassname;
-    private imageEditorMenuOptionClassname;
-    private isLoadingAndTransforming;
-    created(): void;
-    mounted(): void;
-    beforeDestroy(): void;
-    private init;
-    private transformUsingTuiEditor;
-    private onImageTransformationDataChanged;
-    resizeCanvasDimension(forceDefault?: boolean): Promise<void>;
-    resetStyle(res: ConfirmDialogResponse): void;
-    getConfig(data: Array<MediaPickerTransformation>, type: MediaPickerEnums.MediaPickerTransformationTypes): MediaPickerTransformation;
-    getUiOption(): void;
-    openMenu(menu: ImageEditorMenu, res?: ConfirmDialogResponse): void;
-    toogleCurrentButton(currentMenu: ImageEditorMenu): void;
-    renderMenu(): JSX.Element;
-    renderMenuOptions(): JSX.Element;
-    render(): JSX.Element;
-}

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

@@ -1,23 +1,136 @@
-import { IWebComponentInstance } from "../../../..";
 import "../../ImageTransformer.css";
-import { OmniaTheming, VueComponentBase } from "../../..";
-import { ImageTransformerLocalization } from "../../loc/localize";
 import { MediaPickerFilterTransformation, MediaPickerTransformation } from "../../../../models";
 export interface ImageTransformFilterProps {
     imageTransformationData?: Array<MediaPickerTransformation>;
     changedImageConfigurationCallback?: (imageFilterTransformationData: MediaPickerFilterTransformation) => void;
 }
-export declare class ImageTransformFilter extends VueComponentBase<ImageTransformFilterProps> implements IWebComponentInstance {
-    imageTransformationData?: Array<MediaPickerTransformation>;
-    changedImageConfigurationCallback?: (imageFilterTransformationData: MediaPickerFilterTransformation) => void;
-    omniaTheming: OmniaTheming;
-    loc: ImageTransformerLocalization.locInterface;
-    private currentFilterTransformationData;
-    private isLoading;
-    private imageWithoutFilterTransformationData;
-    created(): void;
-    mounted(): void;
-    private init;
-    private onFilterTransformationChanged;
-    render(): JSX.Element;
-}
+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 imageTransformationData?: MediaPickerTransformation[];
+            readonly "image-transformation-data"?: MediaPickerTransformation[];
+            onChangedImageConfiguration?: (imageFilterTransformationData: MediaPickerFilterTransformation) => 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: "changedImageConfiguration", imageFilterTransformationData: MediaPickerFilterTransformation) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            "image-transformation-data": {
+                type: import("vue").PropType<MediaPickerTransformation[]>;
+            };
+            imageTransformationData: {
+                type: import("vue").PropType<MediaPickerTransformation[]>;
+            };
+        }>> & {
+            onChangedImageConfiguration?: (imageFilterTransformationData: MediaPickerFilterTransformation) => any;
+        }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            changedImageConfiguration: (imageFilterTransformationData: MediaPickerFilterTransformation) => true;
+        }, 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 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<{
+        "image-transformation-data": {
+            type: import("vue").PropType<MediaPickerTransformation[]>;
+        };
+        imageTransformationData: {
+            type: import("vue").PropType<MediaPickerTransformation[]>;
+        };
+    }>> & {
+        onChangedImageConfiguration?: (imageFilterTransformationData: MediaPickerFilterTransformation) => any;
+    } & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    "image-transformation-data": {
+        type: import("vue").PropType<MediaPickerTransformation[]>;
+    };
+    imageTransformationData: {
+        type: import("vue").PropType<MediaPickerTransformation[]>;
+    };
+}>> & {
+    onChangedImageConfiguration?: (imageFilterTransformationData: MediaPickerFilterTransformation) => any;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    changedImageConfiguration: (imageFilterTransformationData: MediaPickerFilterTransformation) => true;
+}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Omit<Readonly<{} & {
+        imageTransformationData?: MediaPickerTransformation[];
+        "image-transformation-data"?: MediaPickerTransformation[];
+    }>, "onChangedImageConfiguration"> & {
+        onChangedImageConfiguration?: (imageFilterTransformationData: MediaPickerFilterTransformation) => any;
+    };
+};
+export default _default;