@omnia/fx 8.0.100-vnext → 8.0.102-vnext

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

@@ -1,14 +1,8 @@
-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";
+import { MediaPickerCropTransformation, MediaPickerImageRatioDefinition, MediaPickerTransformedBase64Image, MediaPickerBase64Image, ImageTransformerEditorOptions } from "../../../../models";
 export interface ImageTransformEditorProps {
     sourceImage: MediaPickerBase64Image;
     containerId: string;
     selectableRatios?: Array<MediaPickerImageRatioDefinition>;
-    transformationChanged: (originalBase64: MediaPickerBase64Image, transformation: MediaPickerTransformedBase64Image) => void;
     shareableRenditions?: Array<MediaPickerCropTransformation>;
     selectedRenditionId?: {
         value: number;
@@ -18,49 +12,300 @@ export interface ImageTransformEditorProps {
     };
     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;
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            style?: unknown;
+            class?: unknown;
+            key?: string | number | symbol;
+            readonly options?: ImageTransformerEditorOptions;
+            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 sourceImage?: MediaPickerBase64Image;
+            readonly containerId?: string;
+            readonly shareableRenditions?: 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 "is-show-warning-dialog"?: {
+                value: boolean;
+            };
+            onTransformationChanged?: (originalBase64: MediaPickerBase64Image, transformation: MediaPickerTransformedBase64Image) => 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: "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, {
+            transformationChanged: (originalBase64: MediaPickerBase64Image, transformation: MediaPickerTransformedBase64Image) => any;
+        }, 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<{
+        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 & {};
+    __isFragment?: never;
+    __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: {
-        value: boolean;
+        type: import("vue").PropType<{
+            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;
-}
+    "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;
+        shareableRenditions?: 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;
+        };
+        "is-show-warning-dialog"?: {
+            value: boolean;
+        };
+    }>, "onTransformationChanged"> & {
+        onTransformationChanged?: (originalBase64: MediaPickerBase64Image, transformation: MediaPickerTransformedBase64Image) => any;
+    };
+};
+export default _default;

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

@@ -0,0 +1,66 @@
+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/IImageTransformer.d.ts

@@ -1,4 +1,4 @@
-import { TsxAllowUnknowProperties, MediaPickerImageTransformerProps } from "../";
+import { MediaPickerImageTransformerProps } from "../";
 export interface MediaPickerImageTransformerProviderResult {
 }
 export interface IImageTransformer extends MediaPickerImageTransformerProps {
@@ -12,7 +12,6 @@ declare global {
         interface ElementAttributesProperty {
         }
         interface IntrinsicElements {
-            "omfx-image-transformer": TsxAllowUnknowProperties<IImageTransformer>;
         }
     }
 }