@omnia/fx 8.0.102-vnext → 8.0.104-vnext

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

@@ -0,0 +1,23 @@
+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;
+}

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 transformer: (theme: OmniaTheming) => 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[]): {
@@ -52,11 +51,11 @@ declare const _default: {
             }>) => void)[];
             readonly sourceImage?: MediaPickerBase64Image | MediaPickerTransformedBase64Image;
             onChanged?: (currentTransformationResult: MediaPickerImageTransformationResult) => any;
-            readonly rollupRatios?: MediaPickerRollupImageRatio[];
             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[];
         };
         $attrs: {
@@ -197,11 +196,11 @@ declare const _default: {
     propsDefinition: Omit<Readonly<{} & {
         options?: ImageTransformerOptions;
         sourceImage?: MediaPickerBase64Image | MediaPickerTransformedBase64Image;
-        rollupRatios?: MediaPickerRollupImageRatio[];
         selectableRatios?: MediaPickerImageRatioDefinition[];
-        "source-image"?: MediaPickerBase64Image | MediaPickerTransformedBase64Image;
         "selectable-ratios"?: MediaPickerImageRatioDefinition[];
+        "source-image"?: MediaPickerBase64Image | MediaPickerTransformedBase64Image;
         renditions?: MediaPickerRenditionData[];
+        rollupRatios?: MediaPickerRollupImageRatio[];
         "rollup-ratios"?: MediaPickerRollupImageRatio[];
     }>, "onChanged"> & {
         onChanged?: (currentTransformationResult: MediaPickerImageTransformationResult) => any;

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/layoutcanvas/editor/LayoutEditorCanvas.d.ts

@@ -86,7 +86,7 @@ declare const _default: {
                     drawerPanel: import("@omnia/fx-models").NestedCSSPropertiesExtends;
                     developerDialog: import("@omnia/fx-models").NestedCSSPropertiesExtends;
                     drawerToolbar: import("@omnia/fx-models").NestedCSSPropertiesExtends;
-                    drawerToolbarWrapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
+                    drawerToolbarWrapper: (dark: boolean) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
                     settingsWrapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
                     closeButton: import("@omnia/fx-models").NestedCSSPropertiesExtends;
                     rightResizer: (backgroundColor: string) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
@@ -103,7 +103,7 @@ declare const _default: {
                     drawerPanel: import("@omnia/fx-models").NestedCSSPropertiesExtends;
                     developerDialog: import("@omnia/fx-models").NestedCSSPropertiesExtends;
                     drawerToolbar: import("@omnia/fx-models").NestedCSSPropertiesExtends;
-                    drawerToolbarWrapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
+                    drawerToolbarWrapper: (dark: boolean) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
                     settingsWrapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
                     closeButton: import("@omnia/fx-models").NestedCSSPropertiesExtends;
                     rightResizer: (backgroundColor: string) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
@@ -153,7 +153,7 @@ declare const _default: {
                 drawerPanel: import("@omnia/fx-models").NestedCSSPropertiesExtends;
                 developerDialog: import("@omnia/fx-models").NestedCSSPropertiesExtends;
                 drawerToolbar: import("@omnia/fx-models").NestedCSSPropertiesExtends;
-                drawerToolbarWrapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
+                drawerToolbarWrapper: (dark: boolean) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
                 settingsWrapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
                 closeButton: import("@omnia/fx-models").NestedCSSPropertiesExtends;
                 rightResizer: (backgroundColor: string) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
@@ -170,7 +170,7 @@ declare const _default: {
                 drawerPanel: import("@omnia/fx-models").NestedCSSPropertiesExtends;
                 developerDialog: import("@omnia/fx-models").NestedCSSPropertiesExtends;
                 drawerToolbar: import("@omnia/fx-models").NestedCSSPropertiesExtends;
-                drawerToolbarWrapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
+                drawerToolbarWrapper: (dark: boolean) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
                 settingsWrapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
                 closeButton: import("@omnia/fx-models").NestedCSSPropertiesExtends;
                 rightResizer: (backgroundColor: string) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
@@ -204,7 +204,7 @@ declare const _default: {
             drawerPanel: import("@omnia/fx-models").NestedCSSPropertiesExtends;
             developerDialog: import("@omnia/fx-models").NestedCSSPropertiesExtends;
             drawerToolbar: import("@omnia/fx-models").NestedCSSPropertiesExtends;
-            drawerToolbarWrapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
+            drawerToolbarWrapper: (dark: boolean) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
             settingsWrapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
             closeButton: import("@omnia/fx-models").NestedCSSPropertiesExtends;
             rightResizer: (backgroundColor: string) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
@@ -221,7 +221,7 @@ declare const _default: {
             drawerPanel: import("@omnia/fx-models").NestedCSSPropertiesExtends;
             developerDialog: import("@omnia/fx-models").NestedCSSPropertiesExtends;
             drawerToolbar: import("@omnia/fx-models").NestedCSSPropertiesExtends;
-            drawerToolbarWrapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
+            drawerToolbarWrapper: (dark: boolean) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
             settingsWrapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
             closeButton: import("@omnia/fx-models").NestedCSSPropertiesExtends;
             rightResizer: (backgroundColor: string) => import("@omnia/fx-models").NestedCSSPropertiesExtends;

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;