@omnia/fx 8.0.20-vnext → 8.0.22-vnext

package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutitemsrenderer/LayoutBlockRenderer.d.ts

@@ -1,69 +1,201 @@
-import { VNode } from "vue";
-import { Block, BlockLayoutSettings, SectionSettings } from "../../../../models";
-import { ThemingRenditionManager } from "../../";
-import { LayoutItem } from "../../../../models";
-import { LayoutCanvasStore, BlockCatalogStore } from "../../";
-import { VueComponentBaseProps, VueComponentBase, VueComponentBaseEvents } from "../../../VueComponentBase";
-import { SettingsService, MediaPickerService } from "../../../../services";
-import { UserTargetingStore, BlockTitleSettingsStore, MultilingualStore } from "../../../../stores";
-import { SubscriptionHandler } from "../../../..";
-import { BlockInstance, LayoutMediaContext, LayoutFileContext, ThemeStore } from "../../../";
-import { AnchorLink } from "../../../AnchorLink";
-import { OmniaContext } from "../../../../contexts";
-export interface BlockRendererProps extends VueComponentBaseProps {
-    block: Block;
-    parentContainer: LayoutItem;
-    settings: SectionSettings;
-}
-interface BlockRendererEvents extends VueComponentBaseEvents {
-    onGetBlock?: {
-        blockGetterFunc: (block: Block) => void;
+import { nextTick } from "vue";
+import { Block, LayoutItem, SectionSettings } from "@omnia/fx-models";
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            "theme-target-id": {
+                type: import("vue").PropType<string>;
+            };
+            themeTargetId: {
+                type: import("vue").PropType<string>;
+            };
+            "use-click-protection": {
+                type: import("vue").PropType<boolean>;
+            };
+            useClickProtection: {
+                type: import("vue").PropType<boolean>;
+            };
+            settings: {
+                type: import("vue").PropType<SectionSettings>;
+            } & {
+                type: import("vue").PropType<SectionSettings>;
+            };
+            "parent-container": {
+                type: import("vue").PropType<LayoutItem>;
+            };
+            parentContainer: {
+                type: import("vue").PropType<LayoutItem>;
+            };
+            block: {
+                type: import("vue").PropType<Block>;
+            } & {
+                type: import("vue").PropType<Block>;
+            };
+        }>> & {
+            onBlockInstanceCreated?: (blockInstance: any) => any;
+            onGetBlock?: (ref: any) => any;
+            onBlockInstanceCacheKeyUpdated?: (blockInstance: any) => any;
+        } & 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: "getBlock", ref: any) => void) & ((event: "blockInstanceCreated", blockInstance: any) => void) & ((event: "blockInstanceCacheKeyUpdated", blockInstance: any) => void);
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            "theme-target-id": {
+                type: import("vue").PropType<string>;
+            };
+            themeTargetId: {
+                type: import("vue").PropType<string>;
+            };
+            "use-click-protection": {
+                type: import("vue").PropType<boolean>;
+            };
+            useClickProtection: {
+                type: import("vue").PropType<boolean>;
+            };
+            settings: {
+                type: import("vue").PropType<SectionSettings>;
+            } & {
+                type: import("vue").PropType<SectionSettings>;
+            };
+            "parent-container": {
+                type: import("vue").PropType<LayoutItem>;
+            };
+            parentContainer: {
+                type: import("vue").PropType<LayoutItem>;
+            };
+            block: {
+                type: import("vue").PropType<Block>;
+            } & {
+                type: import("vue").PropType<Block>;
+            };
+        }>> & {
+            onBlockInstanceCreated?: (blockInstance: any) => any;
+            onGetBlock?: (ref: any) => any;
+            onBlockInstanceCacheKeyUpdated?: (blockInstance: any) => any;
+        }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            getBlock: (ref: any) => any;
+            blockInstanceCreated: (blockInstance: any) => any;
+            blockInstanceCacheKeyUpdated: (blockInstance: any) => 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 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<{
+        "theme-target-id": {
+            type: import("vue").PropType<string>;
+        };
+        themeTargetId: {
+            type: import("vue").PropType<string>;
+        };
+        "use-click-protection": {
+            type: import("vue").PropType<boolean>;
+        };
+        useClickProtection: {
+            type: import("vue").PropType<boolean>;
+        };
+        settings: {
+            type: import("vue").PropType<SectionSettings>;
+        } & {
+            type: import("vue").PropType<SectionSettings>;
+        };
+        "parent-container": {
+            type: import("vue").PropType<LayoutItem>;
+        };
+        parentContainer: {
+            type: import("vue").PropType<LayoutItem>;
+        };
+        block: {
+            type: import("vue").PropType<Block>;
+        } & {
+            type: import("vue").PropType<Block>;
+        };
+    }>> & {
+        onBlockInstanceCreated?: (blockInstance: any) => any;
+        onGetBlock?: (ref: any) => any;
+        onBlockInstanceCacheKeyUpdated?: (blockInstance: any) => any;
+    } & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    "theme-target-id": {
+        type: import("vue").PropType<string>;
     };
-    onBlockInstanceCreated?: BlockInstance;
-    onBlockInstanceCacheKeyUpdated?: BlockInstance;
-}
-export declare class LayoutBlockRenderer extends VueComponentBase<BlockRendererProps, BlockRendererEvents> {
-    block: Block;
-    parentContainer: LayoutItem;
-    settings: SectionSettings;
-    useClickProtection: boolean;
-    protected settingsService: SettingsService<any>;
-    layoutEditorStore: LayoutCanvasStore;
-    layoutMediaContext: LayoutMediaContext;
-    layoutFileContext: LayoutFileContext;
-    blockTitleSettingsStore: BlockTitleSettingsStore;
-    targetingStore: UserTargetingStore;
-    layoutItemStore: BlockCatalogStore;
-    mediaPickerService: MediaPickerService;
-    themeStore: ThemeStore;
-    themingRenditionManager: ThemingRenditionManager;
-    subscriptionHandler: SubscriptionHandler;
-    omniaContext: OmniaContext;
-    multilingualStore: MultilingualStore;
-    blockInstance: BlockInstance;
-    anchorLink: AnchorLink;
-    private isHideBlock;
-    private targetCurrentUser;
-    private isEditMode;
-    onBlockChanged(): void;
-    beforeCreate(): void;
-    created(): void;
-    beforeDestroy(): void;
-    private handleAnchorLink;
-    private get backgroundImage();
-    /**
-     * Creates the element
-     * @param h
-     */
-    createElement(): VNode;
-    private createAnchorElement;
-    private getAnchorName;
-    hideBlock(isHide: boolean): void;
-    checkTargetingValue(settings: BlockLayoutSettings): void;
-    /**
-     * Render
-     * @param h
-     */
-    render(): JSX.Element;
-}
-export {};
+    themeTargetId: {
+        type: import("vue").PropType<string>;
+    };
+    "use-click-protection": {
+        type: import("vue").PropType<boolean>;
+    };
+    useClickProtection: {
+        type: import("vue").PropType<boolean>;
+    };
+    settings: {
+        type: import("vue").PropType<SectionSettings>;
+    } & {
+        type: import("vue").PropType<SectionSettings>;
+    };
+    "parent-container": {
+        type: import("vue").PropType<LayoutItem>;
+    };
+    parentContainer: {
+        type: import("vue").PropType<LayoutItem>;
+    };
+    block: {
+        type: import("vue").PropType<Block>;
+    } & {
+        type: import("vue").PropType<Block>;
+    };
+}>> & {
+    onBlockInstanceCreated?: (blockInstance: any) => any;
+    onGetBlock?: (ref: any) => any;
+    onBlockInstanceCacheKeyUpdated?: (blockInstance: any) => any;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    getBlock: (ref: any) => any;
+    blockInstanceCreated: (blockInstance: any) => any;
+    blockInstanceCacheKeyUpdated: (blockInstance: any) => any;
+}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Readonly<{} & {
+        block?: Block;
+        themeTargetId?: string;
+        "theme-target-id"?: string;
+        settings?: SectionSettings;
+        parentContainer?: LayoutItem;
+        "parent-container"?: LayoutItem;
+        useClickProtection?: boolean;
+        "use-click-protection"?: boolean;
+    }> & {
+        onBlockInstanceCreated?: (blockInstance: any) => any;
+        onGetBlock?: (ref: any) => any;
+        onBlockInstanceCacheKeyUpdated?: (blockInstance: any) => any;
+    };
+};
+export default _default;

package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutitemsrenderer/LayoutColumnRenderer.d.ts

@@ -1,34 +1,179 @@
 import { ColumnedSectionItemSettings, SectionSettings, SectionItem } from "../../../../models";
-import { LayoutCanvasStore, BlockCatalogStore } from "../../";
-import { VueComponentBaseProps, VueComponentBase } from "../../../VueComponentBase";
-import { MediaPickerService } from "../../../../services";
+import { VueComponentBaseProps } from "../../../VueComponentBase";
 export interface ColumnRendererProps extends VueComponentBaseProps {
     column: SectionItem<ColumnedSectionItemSettings>;
     settings: SectionSettings;
     layoutId: string;
     useScrollMargingFix: boolean;
 }
-export declare class LayoutColumnRenderer extends VueComponentBase<ColumnRendererProps> {
-    layoutEditorStore: LayoutCanvasStore;
-    mediaPickerService: MediaPickerService;
-    blockCatalogStore: BlockCatalogStore;
-    column: SectionItem<ColumnedSectionItemSettings>;
-    settings: SectionSettings;
-    layoutId: string;
-    useScrollMargingFix: boolean;
-    private renderedOnce;
-    private blockInstances;
-    private cacheKeys;
-    private blockSettings;
-    created(): void;
-    private destroyed;
-    private get backgroundImage();
-    private onBlockInstanceCreated;
-    private onBlockInstanceCacheKeyUpdated;
-    /**
-    * Function to render the columns
-    * @param h is the hyperscript reference
-    */
-    private renderChildren;
-    render(): JSX.Element;
-}
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            "theme-target-id": {
+                type: import("vue").PropType<string>;
+            };
+            themeTargetId: {
+                type: import("vue").PropType<string>;
+            };
+            "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>;
+            };
+            settings: {
+                type: import("vue").PropType<SectionSettings>;
+            } & {
+                type: import("vue").PropType<SectionSettings>;
+            };
+            column: {
+                type: import("vue").PropType<SectionItem<ColumnedSectionItemSettings>>;
+            } & {
+                type: import("vue").PropType<SectionItem<ColumnedSectionItemSettings>>;
+            };
+        }>> & 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<{
+            "theme-target-id": {
+                type: import("vue").PropType<string>;
+            };
+            themeTargetId: {
+                type: import("vue").PropType<string>;
+            };
+            "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>;
+            };
+            settings: {
+                type: import("vue").PropType<SectionSettings>;
+            } & {
+                type: import("vue").PropType<SectionSettings>;
+            };
+            column: {
+                type: import("vue").PropType<SectionItem<ColumnedSectionItemSettings>>;
+            } & {
+                type: import("vue").PropType<SectionItem<ColumnedSectionItemSettings>>;
+            };
+        }>>, () => 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<{
+        "theme-target-id": {
+            type: import("vue").PropType<string>;
+        };
+        themeTargetId: {
+            type: import("vue").PropType<string>;
+        };
+        "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>;
+        };
+        settings: {
+            type: import("vue").PropType<SectionSettings>;
+        } & {
+            type: import("vue").PropType<SectionSettings>;
+        };
+        column: {
+            type: import("vue").PropType<SectionItem<ColumnedSectionItemSettings>>;
+        } & {
+            type: import("vue").PropType<SectionItem<ColumnedSectionItemSettings>>;
+        };
+    }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    "theme-target-id": {
+        type: import("vue").PropType<string>;
+    };
+    themeTargetId: {
+        type: import("vue").PropType<string>;
+    };
+    "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>;
+    };
+    settings: {
+        type: import("vue").PropType<SectionSettings>;
+    } & {
+        type: import("vue").PropType<SectionSettings>;
+    };
+    column: {
+        type: import("vue").PropType<SectionItem<ColumnedSectionItemSettings>>;
+    } & {
+        type: import("vue").PropType<SectionItem<ColumnedSectionItemSettings>>;
+    };
+}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Readonly<{} & {
+        column?: SectionItem<ColumnedSectionItemSettings>;
+        themeTargetId?: string;
+        "theme-target-id"?: string;
+        settings?: SectionSettings;
+        layoutId?: string;
+        "layout-id"?: string;
+        useScrollMargingFix?: boolean;
+        "use-scroll-marging-fix"?: boolean;
+    }>;
+};
+export default _default;