@omnia/fx 8.0.105-vnext → 8.0.107-vnext

package/internal-do-not-import-from-here/ux/imagetransformer/Components/{ImageTransformCropper/ImageTransformCropper.d.ts → cropper/ImageCropper.d.ts}

@@ -62,26 +62,8 @@ declare const _default: {
             }>) => 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: {
@@ -98,53 +80,15 @@ declare const _default: {
         $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, {
+        }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             changedImageCropArea: (cropData: MediaPickerCropTransformation) => true;
         }, string, {}, {}, string, {}> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -167,127 +111,33 @@ declare const _default: {
         $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 & {};
+    } & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & 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: {
-        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, {
+}, () => JSX.Element, 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;
     };

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

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

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

@@ -1,4 +1,4 @@
-import { MediaPickerCropTransformation, MediaPickerImageRatioDefinition, MediaPickerTransformedBase64Image, MediaPickerBase64Image, ImageTransformerEditorOptions } from "../../../../models";
+import { MediaPickerCropTransformation, MediaPickerImageRatioDefinition, MediaPickerTransformedBase64Image, MediaPickerBase64Image, ImageTransformerEditorOptions } from "@omnia/fx/models";
 import { nextTick } from "vue";
 export interface ImageTransformEditorProps {
     sourceImage: MediaPickerBase64Image;
@@ -21,7 +21,6 @@ declare const _default: {
             style?: unknown;
             class?: unknown;
             key?: string | number | symbol;
-            readonly options?: ImageTransformerEditorOptions;
             ref?: import("vue").VNodeRef;
             ref_for?: boolean;
             ref_key?: string;
@@ -63,25 +62,7 @@ declare const _default: {
             }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => 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 "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;
         };
@@ -99,55 +80,12 @@ declare const _default: {
         $emit: (event: "transformationChanged", originalBase64: MediaPickerBase64Image, transformation: MediaPickerTransformedBase64Image) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            options: {
-                type: import("vue").PropType<ImageTransformerEditorOptions>;
-            } & {
-                type: import("vue").PropType<ImageTransformerEditorOptions>;
-            };
-            "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[]>;
-            };
             "container-id": {
                 type: import("vue").PropType<string>;
             };
             containerId: {
                 type: import("vue").PropType<string>;
             };
-            "source-image": {
-                type: import("vue").PropType<MediaPickerBase64Image>;
-            };
-            sourceImage: {
-                type: import("vue").PropType<MediaPickerBase64Image>;
-            };
         }>> & {
             onTransformationChanged?: (originalBase64: MediaPickerBase64Image, transformation: MediaPickerTransformedBase64Image) => any;
         }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -173,55 +111,12 @@ declare const _default: {
         $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: {
-            type: import("vue").PropType<ImageTransformerEditorOptions>;
-        } & {
-            type: import("vue").PropType<ImageTransformerEditorOptions>;
-        };
-        "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[]>;
-        };
         "container-id": {
             type: import("vue").PropType<string>;
         };
         containerId: {
             type: import("vue").PropType<string>;
         };
-        "source-image": {
-            type: import("vue").PropType<MediaPickerBase64Image>;
-        };
-        sourceImage: {
-            type: import("vue").PropType<MediaPickerBase64Image>;
-        };
     }>> & {
         onTransformationChanged?: (originalBase64: MediaPickerBase64Image, transformation: MediaPickerTransformedBase64Image) => any;
     } & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
@@ -229,81 +124,19 @@ declare const _default: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    options: {
-        type: import("vue").PropType<ImageTransformerEditorOptions>;
-    } & {
-        type: import("vue").PropType<ImageTransformerEditorOptions>;
-    };
-    "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[]>;
-    };
     "container-id": {
         type: import("vue").PropType<string>;
     };
     containerId: {
         type: import("vue").PropType<string>;
     };
-    "source-image": {
-        type: import("vue").PropType<MediaPickerBase64Image>;
-    };
-    sourceImage: {
-        type: import("vue").PropType<MediaPickerBase64Image>;
-    };
 }>> & {
     onTransformationChanged?: (originalBase64: MediaPickerBase64Image, transformation: MediaPickerTransformedBase64Image) => any;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     transformationChanged: (originalBase64: MediaPickerBase64Image, transformation: MediaPickerTransformedBase64Image) => any;
 }, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{} & {
-        options?: ImageTransformerEditorOptions;
-        sourceImage?: MediaPickerBase64Image;
         containerId?: string;
-        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;
-        };
-        "source-image"?: MediaPickerBase64Image;
         "container-id"?: string;
     }>, "onTransformationChanged"> & {
         onTransformationChanged?: (originalBase64: MediaPickerBase64Image, transformation: MediaPickerTransformedBase64Image) => any;

package/internal-do-not-import-from-here/ux/imagetransformer/Components/{ImageTransformFilter/ImageTransformFilter.d.ts → filters/ImageFilters.d.ts}

@@ -1,5 +1,6 @@
 import "../../ImageTransformer.css";
 import { MediaPickerFilterTransformation, MediaPickerTransformation } from "../../../../models";
+import ImageEditor from "tui-image-editor";
 export interface ImageTransformFilterProps {
     imageTransformationData?: Array<MediaPickerTransformation>;
     changedImageConfigurationCallback?: (imageFilterTransformationData: MediaPickerFilterTransformation) => void;
@@ -53,6 +54,8 @@ declare const _default: {
             }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[];
+            readonly imageEditor?: ImageEditor;
+            readonly "image-editor"?: ImageEditor;
             readonly imageTransformationData?: MediaPickerTransformation[];
             readonly "image-transformation-data"?: MediaPickerTransformation[];
             onChangedImageConfiguration?: (imageFilterTransformationData: MediaPickerFilterTransformation) => any;
@@ -77,6 +80,12 @@ declare const _default: {
             imageTransformationData: {
                 type: import("vue").PropType<MediaPickerTransformation[]>;
             };
+            "image-editor": {
+                type: import("vue").PropType<ImageEditor>;
+            };
+            imageEditor: {
+                type: import("vue").PropType<ImageEditor>;
+            };
         }>> & {
             onChangedImageConfiguration?: (imageFilterTransformationData: MediaPickerFilterTransformation) => any;
         }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -108,6 +117,12 @@ declare const _default: {
         imageTransformationData: {
             type: import("vue").PropType<MediaPickerTransformation[]>;
         };
+        "image-editor": {
+            type: import("vue").PropType<ImageEditor>;
+        };
+        imageEditor: {
+            type: import("vue").PropType<ImageEditor>;
+        };
     }>> & {
         onChangedImageConfiguration?: (imageFilterTransformationData: MediaPickerFilterTransformation) => any;
     } & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
@@ -121,12 +136,20 @@ declare const _default: {
     imageTransformationData: {
         type: import("vue").PropType<MediaPickerTransformation[]>;
     };
+    "image-editor": {
+        type: import("vue").PropType<ImageEditor>;
+    };
+    imageEditor: {
+        type: import("vue").PropType<ImageEditor>;
+    };
 }>> & {
     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<{} & {
+        imageEditor?: ImageEditor;
+        "image-editor"?: ImageEditor;
         imageTransformationData?: MediaPickerTransformation[];
         "image-transformation-data"?: MediaPickerTransformation[];
     }>, "onChangedImageConfiguration"> & {

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

@@ -0,0 +1,3 @@
+export declare const ImageFlipperStyles: {
+    rotateIcon90: string;
+};

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

@@ -0,0 +1,141 @@
+import { MediaPickerTransformation } from "@omnia/fx/models";
+import ImageEditor from "tui-image-editor";
+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 imageEditor?: ImageEditor;
+            readonly "image-editor"?: ImageEditor;
+            readonly imageTransformationData?: MediaPickerTransformation[];
+            readonly "image-transformation-data"?: MediaPickerTransformation[];
+        };
+        $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: string, ...args: any[]) => 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[]>;
+            };
+            "image-editor": {
+                type: import("vue").PropType<ImageEditor>;
+            };
+            imageEditor: {
+                type: import("vue").PropType<ImageEditor>;
+            };
+        }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, 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[]>;
+        };
+        "image-editor": {
+            type: import("vue").PropType<ImageEditor>;
+        };
+        imageEditor: {
+            type: import("vue").PropType<ImageEditor>;
+        };
+    }>> & 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[]>;
+    };
+    "image-editor": {
+        type: import("vue").PropType<ImageEditor>;
+    };
+    imageEditor: {
+        type: import("vue").PropType<ImageEditor>;
+    };
+}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Omit<Readonly<{} & {
+        imageEditor?: ImageEditor;
+        "image-editor"?: ImageEditor;
+        imageTransformationData?: MediaPickerTransformation[];
+        "image-transformation-data"?: MediaPickerTransformation[];
+    }>, never>;
+};
+export default _default;

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

@@ -0,0 +1,5 @@
+export declare const ImageSettingsStyle: {
+    settingsLabel: string;
+    imageRendition: string;
+    renditionWrapper: (color: string) => string;
+};