@omnia/fx 8.0.18-vnext → 8.0.20-vnext

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutitems/LayoutSection.d.ts

@@ -1,11 +1,4 @@
-import { ColorSchemaStore, ThemeStore, ThemeStoreV2 } from "@omnia/fx/ux";
-import { LayoutCanvasStore } from "../../";
-import { StateMutation } from "@omnia/fx/models";
 import { LayoutItem, Section } from "../../../../models";
-import { ThemingRenditionManager } from "../../";
-import { VueComponentBase } from "../../..";
-import { BlockTitleSettingsStore, DirectionRuleStore } from "../../../../stores";
-import { MediaPickerService } from "../../../../services";
 export interface LayoutSectionProps {
     parentContainer: LayoutItem;
     section: Section;
@@ -13,76 +6,179 @@ export interface LayoutSectionProps {
     useScrollMargingFix: boolean;
     tabState: object;
 }
-export declare class LayoutSection extends VueComponentBase<LayoutSectionProps> {
-    section: Section;
-    parentContainer: LayoutItem;
-    layoutId: string;
-    useScrollMargingFix: boolean;
-    tabState: object;
-    editorStore: LayoutCanvasStore;
-    blockTitleSettingsStore: BlockTitleSettingsStore;
-    mediaPickerService: MediaPickerService;
-    themeStore: ThemeStore;
-    themeStoreV2: ThemeStoreV2;
-    colorSchemaStore: ColorSchemaStore;
-    directionRuleStore: DirectionRuleStore;
-    themingRenditionManager: ThemingRenditionManager;
-    private omniaUxLoc;
-    private subscriptionHandler;
-    private editorTheme;
-    private model;
-    created(): void;
-    mounted(): void;
-    private get backgroundImage();
-    beforeDestroy(): void;
-    /**
-     * Eventhandler for mutation changes
-     * @param mutation
-     * @param state
-     */
-    onLayoutItemChange(mutation: StateMutation<LayoutItem>): void;
-    /**
-     * Eventhandler for layout item selection changes
-     * @param item
-     */
-    private setItemSelection;
-    /**
-     * Event handler when section is selected
-     * @param e
-     */
-    private onSectionSelected;
-    private renderSectionTitle;
-    private isActiveLayoutItemActionSection;
-    private shouldHideSelectorWhenActiveLLayoutItemActions;
-    /**
-     * Renders the border selector
-     * @param h
-     */
-    private renderBorderSelector;
-    /**
-    * Function to render the columns
-    * @param h is the hyperscript reference
-    */
-    private createColumnMarkup;
-    /**
-    * Function to render the tabs
-    * @param h is the hyperscript reference
-    */
-    private createTabMarkup;
-    /**
-    * Function to render the stepper
-    * @param h is the hyperscript reference
-    */
-    private createStepperMarkup;
-    /**
-         * Renders the edit mode
-         * @param h
-         */
-    private renderContentMode;
-    private renderLayoutMode;
-    /**
-     * Render
-     * @param h
-     */
-    render(): JSX.Element;
-}
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            "tab-state": {
+                type: import("vue").PropType<object>;
+            };
+            tabState: {
+                type: import("vue").PropType<object>;
+            };
+            "use-scroll-marging-fix": {
+                type: import("vue").PropType<boolean>;
+            };
+            useScrollMargingFix: {
+                type: import("vue").PropType<boolean>;
+            };
+            "layout-id": {
+                type: import("vue").PropType<string>;
+            };
+            layoutId: {
+                type: import("vue").PropType<string>;
+            };
+            section: {
+                type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
+            } & {
+                type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
+            };
+            "parent-container": {
+                type: import("vue").PropType<LayoutItem>;
+            };
+            parentContainer: {
+                type: import("vue").PropType<LayoutItem>;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $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<{
+            "tab-state": {
+                type: import("vue").PropType<object>;
+            };
+            tabState: {
+                type: import("vue").PropType<object>;
+            };
+            "use-scroll-marging-fix": {
+                type: import("vue").PropType<boolean>;
+            };
+            useScrollMargingFix: {
+                type: import("vue").PropType<boolean>;
+            };
+            "layout-id": {
+                type: import("vue").PropType<string>;
+            };
+            layoutId: {
+                type: import("vue").PropType<string>;
+            };
+            section: {
+                type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
+            } & {
+                type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
+            };
+            "parent-container": {
+                type: import("vue").PropType<LayoutItem>;
+            };
+            parentContainer: {
+                type: import("vue").PropType<LayoutItem>;
+            };
+        }>>, () => 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<{
+        "tab-state": {
+            type: import("vue").PropType<object>;
+        };
+        tabState: {
+            type: import("vue").PropType<object>;
+        };
+        "use-scroll-marging-fix": {
+            type: import("vue").PropType<boolean>;
+        };
+        useScrollMargingFix: {
+            type: import("vue").PropType<boolean>;
+        };
+        "layout-id": {
+            type: import("vue").PropType<string>;
+        };
+        layoutId: {
+            type: import("vue").PropType<string>;
+        };
+        section: {
+            type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
+        } & {
+            type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
+        };
+        "parent-container": {
+            type: import("vue").PropType<LayoutItem>;
+        };
+        parentContainer: {
+            type: import("vue").PropType<LayoutItem>;
+        };
+    }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    "tab-state": {
+        type: import("vue").PropType<object>;
+    };
+    tabState: {
+        type: import("vue").PropType<object>;
+    };
+    "use-scroll-marging-fix": {
+        type: import("vue").PropType<boolean>;
+    };
+    useScrollMargingFix: {
+        type: import("vue").PropType<boolean>;
+    };
+    "layout-id": {
+        type: import("vue").PropType<string>;
+    };
+    layoutId: {
+        type: import("vue").PropType<string>;
+    };
+    section: {
+        type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
+    } & {
+        type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
+    };
+    "parent-container": {
+        type: import("vue").PropType<LayoutItem>;
+    };
+    parentContainer: {
+        type: import("vue").PropType<LayoutItem>;
+    };
+}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Readonly<{} & {
+        section?: Section<import("@omnia/fx-models").SectionSettings>;
+        parentContainer?: LayoutItem;
+        layoutId?: string;
+        useScrollMargingFix?: boolean;
+        "parent-container"?: LayoutItem;
+        tabState?: object;
+        "layout-id"?: string;
+        "use-scroll-marging-fix"?: boolean;
+        "tab-state"?: object;
+    }>;
+};
+export default _default;

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/BlockSettingsPanel.d.ts

@@ -1,5 +1,5 @@
 import { ReactiveLayoutItemSettings } from "@omnia/fx/models";
-import { VueComponentBaseProps, VueComponentBase, ThemeStore, ColorSchemaStore } from "../../..";
+import { VueComponentBaseProps, VueComponentBase, ThemeStore } from "../../..";
 import { SettingsService } from "../../../../services";
 import { LayoutCanvasStore, BlockCatalogStore } from "../../";
 import { BlockTitleSettingsStore } from "../../../../stores";
@@ -13,7 +13,7 @@ export declare class BlockSettingsPanel extends VueComponentBase<BlockSettingsPr
     protected settingsService: SettingsService<any>;
     editorStore: LayoutCanvasStore;
     layoutItemStore: BlockCatalogStore;
-    colorSchemaStore: ColorSchemaStore;
+    private colorSchemaStore;
     blockTitleSettingsStore: BlockTitleSettingsStore;
     private subscriptionHandler;
     blockInstance: BlockInstance;

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/SettingsPanel.d.ts

@@ -41,6 +41,6 @@ declare const _default: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Readonly<{} & {}>;
+    propsDefinition: Readonly<{} & {}>; /**Default when nothing is selected is layout */
 };
 export default _default;

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/blocktitle/BlockTitleSettings.d.ts

@@ -4,52 +4,28 @@ declare const _default: {
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            title: {
-                type: import("vue").PropType<string>;
-                required: boolean;
-                default?: string;
-            } & {
-                type: import("vue").PropType<string>;
-                required: boolean;
-                default?: string;
-            };
             "hide-shape-divider": {
                 type: import("vue").PropType<boolean>;
-                required: boolean;
-                default?: boolean;
+                required: false;
             };
             hideShapeDivider: {
                 type: import("vue").PropType<boolean>;
-                required: boolean;
-                default?: boolean;
+                required: false;
             };
             hideicontab: {
                 type: import("vue").PropType<boolean>;
-                required: boolean;
-                default?: boolean;
+                required: false;
             } & {
                 type: import("vue").PropType<boolean>;
-                required: boolean;
-                default?: boolean;
+                required: false;
             };
             settingskey: {
                 type: import("vue").PropType<string>;
-                required: boolean;
-                default?: string;
-            } & {
-                type: import("vue").PropType<string>;
-                required: boolean;
-                default?: string;
-            };
-            "component-mode": {
-                type: import("vue").PropType<boolean>;
-                required: boolean;
-                default?: boolean;
+                required: true;
             };
             componentMode: {
                 type: import("vue").PropType<boolean>;
-                required: boolean;
-                default?: boolean;
+                required: true;
             };
         }>> & {
             onSettingsChanged?: (...args: never) => any;
@@ -68,52 +44,28 @@ declare const _default: {
         $emit: (event: "SettingsChanged", settings: BlockTitleSettings) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            title: {
-                type: import("vue").PropType<string>;
-                required: boolean;
-                default?: string;
-            } & {
-                type: import("vue").PropType<string>;
-                required: boolean;
-                default?: string;
-            };
             "hide-shape-divider": {
                 type: import("vue").PropType<boolean>;
-                required: boolean;
-                default?: boolean;
+                required: false;
             };
             hideShapeDivider: {
                 type: import("vue").PropType<boolean>;
-                required: boolean;
-                default?: boolean;
+                required: false;
             };
             hideicontab: {
                 type: import("vue").PropType<boolean>;
-                required: boolean;
-                default?: boolean;
+                required: false;
             } & {
                 type: import("vue").PropType<boolean>;
-                required: boolean;
-                default?: boolean;
+                required: false;
             };
             settingskey: {
                 type: import("vue").PropType<string>;
-                required: boolean;
-                default?: string;
-            } & {
-                type: import("vue").PropType<string>;
-                required: boolean;
-                default?: string;
-            };
-            "component-mode": {
-                type: import("vue").PropType<boolean>;
-                required: boolean;
-                default?: boolean;
+                required: true;
             };
             componentMode: {
                 type: import("vue").PropType<boolean>;
-                required: boolean;
-                default?: boolean;
+                required: true;
             };
         }>> & {
             onSettingsChanged?: (...args: never) => any;
@@ -140,52 +92,28 @@ 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<{
-        title: {
-            type: import("vue").PropType<string>;
-            required: boolean;
-            default?: string;
-        } & {
-            type: import("vue").PropType<string>;
-            required: boolean;
-            default?: string;
-        };
         "hide-shape-divider": {
             type: import("vue").PropType<boolean>;
-            required: boolean;
-            default?: boolean;
+            required: false;
         };
         hideShapeDivider: {
             type: import("vue").PropType<boolean>;
-            required: boolean;
-            default?: boolean;
+            required: false;
         };
         hideicontab: {
             type: import("vue").PropType<boolean>;
-            required: boolean;
-            default?: boolean;
+            required: false;
         } & {
             type: import("vue").PropType<boolean>;
-            required: boolean;
-            default?: boolean;
+            required: false;
         };
         settingskey: {
             type: import("vue").PropType<string>;
-            required: boolean;
-            default?: string;
-        } & {
-            type: import("vue").PropType<string>;
-            required: boolean;
-            default?: string;
-        };
-        "component-mode": {
-            type: import("vue").PropType<boolean>;
-            required: boolean;
-            default?: boolean;
+            required: true;
         };
         componentMode: {
             type: import("vue").PropType<boolean>;
-            required: boolean;
-            default?: boolean;
+            required: true;
         };
     }>> & {
         onSettingsChanged?: (...args: never) => any;
@@ -194,63 +122,38 @@ declare const _default: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    title: {
-        type: import("vue").PropType<string>;
-        required: boolean;
-        default?: string;
-    } & {
-        type: import("vue").PropType<string>;
-        required: boolean;
-        default?: string;
-    };
     "hide-shape-divider": {
         type: import("vue").PropType<boolean>;
-        required: boolean;
-        default?: boolean;
+        required: false;
     };
     hideShapeDivider: {
         type: import("vue").PropType<boolean>;
-        required: boolean;
-        default?: boolean;
+        required: false;
     };
     hideicontab: {
         type: import("vue").PropType<boolean>;
-        required: boolean;
-        default?: boolean;
+        required: false;
     } & {
         type: import("vue").PropType<boolean>;
-        required: boolean;
-        default?: boolean;
+        required: false;
     };
     settingskey: {
         type: import("vue").PropType<string>;
-        required: boolean;
-        default?: string;
-    } & {
-        type: import("vue").PropType<string>;
-        required: boolean;
-        default?: string;
-    };
-    "component-mode": {
-        type: import("vue").PropType<boolean>;
-        required: boolean;
-        default?: boolean;
+        required: true;
     };
     componentMode: {
         type: import("vue").PropType<boolean>;
-        required: boolean;
-        default?: boolean;
+        required: true;
     };
 }>> & {
     onSettingsChanged?: (...args: never) => any;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     SettingsChanged: (settings: BlockTitleSettings) => boolean;
 }, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Readonly<{} & {
-        title?: string;
-        componentMode?: boolean;
-        "component-mode"?: boolean;
-        settingskey?: string;
+    propsDefinition: Readonly<{
+        componentMode: boolean;
+        settingskey: string;
+    } & {
         hideicontab?: boolean;
         hideShapeDivider?: boolean;
         "hide-shape-divider"?: boolean;

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/section/General.d.ts

@@ -1,22 +1,46 @@
-import { LayoutCanvasStore } from "../../..";
-import { VueComponentBase } from "@omnia/fx/ux";
-export default class GeneralItem extends VueComponentBase {
-    editorStore: LayoutCanvasStore;
-    private subscriptionHandler;
-    private omniaUxLoc;
-    private section;
-    private settings;
-    private model;
-    mounted(): void;
-    created(): void;
-    /**Watch for fixed width changes */
-    private onWidthChange;
-    /**
-     * Watch for section changes
-     * */
-    private onSectionChange;
-    private onSetWidthOption;
-    private onSetAlignment;
-    private onSetSectionType;
-    render(): JSX.Element;
-}
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $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<{}>>, () => JSX.Element, {}, {}, {}, 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<{}>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Readonly<{} & {}>;
+};
+export default _default;

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/section/General_old.d.ts

@@ -0,0 +1 @@
+export {};