@omnia/fx 8.0.103-vnext → 8.0.105-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

@@ -4,4 +4,6 @@ export declare const ImageTransformEditorStyles: {
     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

@@ -66,23 +66,23 @@ declare const _default: {
             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 "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: {
@@ -288,23 +288,23 @@ declare const _default: {
         sourceImage?: MediaPickerBase64Image;
         containerId?: string;
         selectableRatios?: MediaPickerImageRatioDefinition[];
+        "selectable-ratios"?: MediaPickerImageRatioDefinition[];
         shareableRenditions?: MediaPickerCropTransformation[];
+        "shareable-renditions"?: MediaPickerCropTransformation[];
         selectedRenditionId?: {
             value: number;
         };
-        isShowWarningDialog?: {
-            value: boolean;
-        };
-        "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/ImageTransformer.css.d.ts

@@ -2,4 +2,9 @@ import { OmniaTheming } from "..";
 export declare const MediaStyles: {
     hideDisplayWrapper: string;
 };
+export declare const ImageTransformerStyle: {
+    settingsLabel: string;
+    imageRendition: string;
+    renditionWrapper: (color: string) => string;
+};
 export declare function transformer(theme: OmniaTheming): string;

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

@@ -1,4 +1,3 @@
-import "./ImageTransformer.css";
 import { MediaPickerRenditionData, MediaPickerRollupImageRatio, MediaPickerImageRatioDefinition, MediaPickerBase64Image, MediaPickerTransformedBase64Image, MediaPickerImageTransformationResult, ImageTransformerOptions } from "../../models";
 declare const _default: {
     new (...args: any[]): {
@@ -53,8 +52,8 @@ declare const _default: {
             readonly sourceImage?: MediaPickerBase64Image | MediaPickerTransformedBase64Image;
             onChanged?: (currentTransformationResult: MediaPickerImageTransformationResult) => any;
             readonly selectableRatios?: MediaPickerImageRatioDefinition[];
-            readonly "source-image"?: MediaPickerBase64Image | MediaPickerTransformedBase64Image;
             readonly "selectable-ratios"?: MediaPickerImageRatioDefinition[];
+            readonly "source-image"?: MediaPickerBase64Image | MediaPickerTransformedBase64Image;
             readonly renditions?: MediaPickerRenditionData[];
             readonly rollupRatios?: MediaPickerRollupImageRatio[];
             readonly "rollup-ratios"?: MediaPickerRollupImageRatio[];
@@ -198,8 +197,8 @@ declare const _default: {
         options?: ImageTransformerOptions;
         sourceImage?: MediaPickerBase64Image | MediaPickerTransformedBase64Image;
         selectableRatios?: MediaPickerImageRatioDefinition[];
-        "source-image"?: MediaPickerBase64Image | MediaPickerTransformedBase64Image;
         "selectable-ratios"?: MediaPickerImageRatioDefinition[];
+        "source-image"?: MediaPickerBase64Image | MediaPickerTransformedBase64Image;
         renditions?: MediaPickerRenditionData[];
         rollupRatios?: MediaPickerRollupImageRatio[];
         "rollup-ratios"?: MediaPickerRollupImageRatio[];

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

@@ -1,40 +1 @@
-import { IWebComponentInstance } from "../..";
-import { IImageTransformer } from "./IImageTransformer";
-import "./ImageTransformer.css";
-import { ImageTransformerLocalization } from "./loc/localize";
-import { OmniaTheming, OmniaUxLocalization, VueComponentBase } from "..";
-import { MediaPickerRenditionData, MediaPickerRollupImageRatio, MediaPickerImageRatioDefinition, MediaPickerBase64Image, MediaPickerTransformedBase64Image, MediaPickerImageTransformationResult, ImageTransformerOptions } from "../../models";
-import { MediaPickerService } from "../../services";
-export declare class ImageTransformer extends VueComponentBase<IImageTransformer> implements IWebComponentInstance, IImageTransformer {
-    sourceImage: MediaPickerBase64Image | MediaPickerTransformedBase64Image;
-    renditions: Array<MediaPickerRenditionData>;
-    selectableRatios?: Array<MediaPickerImageRatioDefinition>;
-    rollupRatios?: Array<MediaPickerRollupImageRatio>;
-    changed: (currentTransformationResult: MediaPickerImageTransformationResult) => void;
-    options: ImageTransformerOptions;
-    nisse: any;
-    testThis: any;
-    omniaTheming: OmniaTheming;
-    mediaPickerService: MediaPickerService;
-    loc: ImageTransformerLocalization.locInterface;
-    uxLoc: OmniaUxLocalization;
-    private imageTransformerStyles;
-    private transformerContentId;
-    private imageContainerId;
-    private imageFileInformation;
-    private currentTransformationResult;
-    private shareableRenditions;
-    private selectedRenditionId;
-    private isShowWarningDialog;
-    created(): void;
-    mounted(): void;
-    private setCurrentTransformations;
-    private onRenditionDataChanged;
-    private getUiOption;
-    private renderWarningDialog;
-    renderImageEditor(): JSX.Element;
-    renderImageRollup(): JSX.Element;
-    renderImageSetting(): JSX.Element;
-    renderImageViewer(): JSX.Element;
-    render(): JSX.Element;
-}
+export {};

package/internal-do-not-import-from-here/ux/oxide/dialog/Dialog.css.d.ts

@@ -1,14 +1,13 @@
-import { DialogTypes } from "@omnia/fx-models";
+import { ColorDefinition, DialogTypes } from "@omnia/fx-models";
 export declare const DialogStyles: {
     templateTitle: string;
-    titleWrapper: string;
+    titleWrapper: (dark: boolean) => string;
     fixedContent: (backgroundColor: string) => string;
-    navigationContainer: (dark: boolean) => string;
     navigationDrawer: (dark: boolean) => string;
     navigationWrapper: (dark: boolean) => string;
     activator: string;
     contentScrollWrapper: (customScroll: boolean, hasButtons: boolean, fullSize: boolean, staticContent: boolean, variant: DialogTypes, horizontalScroll: boolean) => string;
     notScrollOutside: string;
     iconWrapper: (dark: boolean) => string;
-    footerWrapper: (backgroundColor: string) => string;
+    footerWrapper: (backgroundColor: ColorDefinition) => string;
 };

package/internal-do-not-import-from-here/ux/oxide/divider/Divider.d.ts

@@ -47,7 +47,7 @@ declare const _default: {
             }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[];
-            readonly variant?: "bottom" | "top" | "top bottom";
+            readonly variant?: "left" | "right" | "bottom" | "top";
         };
         $attrs: {
             [x: string]: unknown;
@@ -64,9 +64,9 @@ declare const _default: {
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             variant: {
-                type: import("vue").PropType<"bottom" | "top" | "top bottom">;
+                type: import("vue").PropType<"left" | "right" | "bottom" | "top">;
             } & {
-                type: import("vue").PropType<"bottom" | "top" | "top bottom">;
+                type: import("vue").PropType<"left" | "right" | "bottom" | "top">;
             };
             class: {
                 type: import("vue").PropType<string>;
@@ -95,9 +95,9 @@ declare const _default: {
         $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<{
         variant: {
-            type: import("vue").PropType<"bottom" | "top" | "top bottom">;
+            type: import("vue").PropType<"left" | "right" | "bottom" | "top">;
         } & {
-            type: import("vue").PropType<"bottom" | "top" | "top bottom">;
+            type: import("vue").PropType<"left" | "right" | "bottom" | "top">;
         };
         class: {
             type: import("vue").PropType<string>;
@@ -110,9 +110,9 @@ declare const _default: {
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     variant: {
-        type: import("vue").PropType<"bottom" | "top" | "top bottom">;
+        type: import("vue").PropType<"left" | "right" | "bottom" | "top">;
     } & {
-        type: import("vue").PropType<"bottom" | "top" | "top bottom">;
+        type: import("vue").PropType<"left" | "right" | "bottom" | "top">;
     };
     class: {
         type: import("vue").PropType<string>;
@@ -122,7 +122,7 @@ declare const _default: {
 }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{} & {
         class?: string;
-        variant?: "bottom" | "top" | "top bottom";
+        variant?: "left" | "right" | "bottom" | "top";
     }>, never>;
 };
 export default _default;