@omnia/fx 7.9.2-preview → 7.9.2

package/internal-do-not-import-from-here/ux/blockgallery/store/BlockGalleryStore.d.ts

@@ -0,0 +1,94 @@
+import { BlockDialogLayoutInfo, BlockGalleryDialogLayoutSetting, BlockGalleryGeneralSetting, BlockGalleryHeader, BlockGalleryItem, BlockGalleryItemView, BlockTemplate, MultilingualString } from "@omnia/fx-models";
+import { LocalizationService, SettingsService } from "@omnia/fx/services";
+import { MultilingualStore, Store } from "@omnia/fx/stores";
+import { OmniaUxLocalization } from "../../UxModels";
+import { BlockCatalogStore } from "../../layoutcanvas";
+import * as _ from "lodash";
+export { _ };
+export declare class BlockGalleryStore extends Store {
+    blockCatalogStore: BlockCatalogStore;
+    multilingualStore: MultilingualStore;
+    settingsService: SettingsService<any>;
+    localizationService: LocalizationService;
+    uxLoc: OmniaUxLocalization;
+    private blockTemplateService;
+    private omniaBlocks;
+    private ensureInitAdminView;
+    private ensureInitRenderView;
+    private blockGalleryDialogLayoutSetting;
+    private blockTemplateViews;
+    private blockTemplateIdPrefix;
+    private allBlocks;
+    private blockGalleryFactory;
+    private hasPendingChanges;
+    private editingHeaderId;
+    private selectingTemplateId;
+    private isBlockDialogInAlterMode;
+    private editingDialogLayoutType;
+    private generalSetting;
+    private spfxBlocks;
+    private initSpfxDictionary;
+    private layoutBlockSettingForRender;
+    private dialogLayouts;
+    private registeredDialogLayoutProviders;
+    protected onActivated(): Promise<void>;
+    getters: {
+        blocks: () => {
+            [id: string]: BlockGalleryItemView;
+        };
+        availableBlocksToAdd: () => {
+            [id: string]: BlockGalleryItemView;
+        };
+        header: (headerId: string) => BlockGalleryHeader;
+        blockGalleryLayoutSetting: (layoutType: string) => BlockGalleryDialogLayoutSetting;
+        orderedItems: () => BlockGalleryItem[];
+        orderedItemTitle: (blockId: string) => string;
+        editingHeaderId: () => string;
+        editingTemplateId: () => number;
+        isBlockDialogInAlterMode: () => boolean;
+        editingDialogLayoutType: () => string;
+        dialogLayouts: () => BlockDialogLayoutInfo[];
+        getDialogLayoutType: (layoutProvider: string) => string;
+    };
+    private isCompatibleWithAuthenticationLayoutOnly;
+    private isBlockValidForLayout;
+    mutations: {
+        addSelectedBlocks: import("@omnia/fx/stores").StoreMutation<(selectedBlockIds: Array<string>) => void, (selectedBlockIds: string[]) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
+        removeSelectedBlock: import("@omnia/fx/stores").StoreMutation<(blockId: string) => void, (blockId: string) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
+        removeHeader: import("@omnia/fx/stores").StoreMutation<(id: string) => void, (id: string) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
+        addNewHeader: import("@omnia/fx/stores").StoreMutation<(headerTitle: MultilingualString) => void, (headerTitle: MultilingualString) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
+        editHeader: import("@omnia/fx/stores").StoreMutation<(header: BlockGalleryHeader) => void, (header: BlockGalleryHeader) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
+        signalChanges: import("@omnia/fx/stores").StoreMutation<() => void, () => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
+        resetChanges: import("@omnia/fx/stores").StoreMutation<() => void, () => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
+        updateOrganizedBlocks: import("@omnia/fx/stores").StoreMutation<(organizedBlocks: BlockGalleryItem[]) => void, (organizedBlocks: BlockGalleryItem[]) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
+        switchToAddHeaderMode: import("@omnia/fx/stores").StoreMutation<() => void, () => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
+        switchToEditHeaderMode: import("@omnia/fx/stores").StoreMutation<(headerId: string) => void, (headerId: string) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
+        switchToTemplateEditMode: import("@omnia/fx/stores").StoreMutation<(templateId: number) => void, (templateId: number) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
+        switchToTemplateAddMode: import("@omnia/fx/stores").StoreMutation<() => void, () => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
+        switchBlockDialogToAlterMode: import("@omnia/fx/stores").StoreMutation<() => void, () => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
+        switchOffBlockDialogAlterMode: import("@omnia/fx/stores").StoreMutation<() => void, () => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
+        setEditingDialogLayout: import("@omnia/fx/stores").StoreMutation<(dialogLayoutType: string) => void, (dialogLayoutType: string) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
+    };
+    actions: {
+        ensureLoadAllBlocksForAdminView: import("@omnia/fx/stores").StoreAction<unknown, (forceReload?: boolean) => void, (result: void, forceReload?: boolean) => void, (failureReason: any, forceReload?: boolean) => void, (forceReload?: boolean) => Promise<void>>;
+        ensureLoadAllBlocksForRender: import("@omnia/fx/stores").StoreAction<unknown, (layoutType: string) => void, (result: void, layoutType: string) => void, (failureReason: any, layoutType: string) => void, (layoutType: string) => Promise<void>>;
+        updateBlockDialogSettings: import("@omnia/fx/stores").StoreAction<unknown, () => void, (result: void) => void, (failureReason: any) => void, () => Promise<void>>;
+        addOrUpdateBlockTemplate: import("@omnia/fx/stores").StoreAction<unknown, (blockTemplate: BlockTemplate, isEdit: boolean) => void, (result: void, blockTemplate: BlockTemplate, isEdit: boolean) => void, (failureReason: any, blockTemplate: BlockTemplate, isEdit: boolean) => void, (blockTemplate: BlockTemplate, isEdit: boolean) => Promise<void>>;
+        removeBlockTemplate: import("@omnia/fx/stores").StoreAction<unknown, (blockTemplateId: number) => void, (result: boolean, blockTemplateId: number) => void, (failureReason: any, blockTemplateId: number) => void, (blockTemplateId: number) => Promise<boolean>>;
+        ensureGeneralSetting: import("@omnia/fx/stores").StoreAction<unknown, () => void, (result: BlockGalleryGeneralSetting) => void, (failureReason: any) => void, () => Promise<BlockGalleryGeneralSetting>>;
+    };
+    private ensureOmniaBlocks;
+    private loadBlockDialogSettings;
+    private ensureDefaultBlocksIfDialogLayoutIsEmpty;
+    private getIdOfLayoutItemRegistrationBlock;
+    private insertDefaultHeader;
+    private insertDefaultBlocks;
+    private ensureSpfxBlockDictionary;
+    private loadBlockTemplateViews;
+    private getLayoutBlockSettingKey;
+    private loadConfiguredBlockTemplates;
+    private getBlockTemplateIdFromGalleryItem;
+    private updateBlockDictionary;
+    private updateBlockDictionaryItem;
+    private getDialogLayoutProviders;
+}

package/internal-do-not-import-from-here/ux/blockgallery/store/index.d.ts

@@ -0,0 +1 @@
+export * from "./BlockGalleryStore";

package/internal-do-not-import-from-here/ux/blockgallery/style/General.d.ts

@@ -0,0 +1,4 @@
+export declare const blockGalleryStyle: {
+    listPrependIcon: string;
+    searchField: string;
+};

package/internal-do-not-import-from-here/ux/blockgallery/style/index.d.ts

@@ -0,0 +1 @@
+export * from "./General";

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

@@ -22,8 +22,9 @@ declare const dialogComponent: (import("vue").VueConstructor<import("vue-tsx-sup
     valueBind: DialogModel;
     position: DialogPositions;
     onClickOutside: (closeDialog: (prompt: boolean, title?: string) => void, event?: Event) => void;
-    unreadableReader: boolean;
     noClickAnimation: boolean;
+    ariaLabelTitle: string;
+    ariaHiddenContent: boolean;
     renderBody: () => JSX.Element;
     eager: boolean;
 }, never>, any, any, any>> & {
@@ -50,8 +51,9 @@ declare const dialogComponent: (import("vue").VueConstructor<import("vue-tsx-sup
         valueBind: DialogModel;
         position: DialogPositions;
         onClickOutside: (closeDialog: (prompt: boolean, title?: string) => void, event?: Event) => void;
-        unreadableReader: boolean;
         noClickAnimation: boolean;
+        ariaLabelTitle: string;
+        ariaHiddenContent: boolean;
         renderBody: () => JSX.Element;
         eager: boolean;
     }, never>;
@@ -78,8 +80,9 @@ declare const dialogComponent: (import("vue").VueConstructor<import("vue-tsx-sup
     valueBind: DialogModel;
     position: DialogPositions;
     onClickOutside: (closeDialog: (prompt: boolean, title?: string) => void, event?: Event) => void;
-    unreadableReader: boolean;
     noClickAnimation: boolean;
+    ariaLabelTitle: string;
+    ariaHiddenContent: boolean;
     renderBody: () => JSX.Element;
     eager: boolean;
 }, never>, any, any, any>> & {
@@ -106,8 +109,9 @@ declare const dialogComponent: (import("vue").VueConstructor<import("vue-tsx-sup
         valueBind: DialogModel;
         position: DialogPositions;
         onClickOutside: (closeDialog: (prompt: boolean, title?: string) => void, event?: Event) => void;
-        unreadableReader: boolean;
         noClickAnimation: boolean;
+        ariaLabelTitle: string;
+        ariaHiddenContent: boolean;
         renderBody: () => JSX.Element;
         eager: boolean;
     }, never>;

package/internal-do-not-import-from-here/ux/dialog/IDialog.d.ts

@@ -23,12 +23,19 @@ export interface IDialogProperties {
     light?: boolean;
     dark?: boolean;
     hideCloseButton?: boolean;
-    unreadableReader?: boolean;
     noClickAnimation?: boolean;
     /**
      * Force the dialog to render on mounted (e.g rendered but not shown)
      */
     eager?: boolean;
+    /**
+     * Add aria-labelledby for dialog
+     */
+    ariaLabelTitle?: string;
+    /**
+     * Add aria-hidden for dialog content
+     */
+    ariaHiddenContent?: boolean;
 }
 export interface IDialogSlots {
     default: () => void;

package/internal-do-not-import-from-here/ux/editorchrome/action_toolbar/ActionToolbar.d.ts

@@ -5,11 +5,17 @@ export interface IActionToolbar {
     styles?: Partial<typeof ActionToolbarStyles>;
     changeMode: (editorDisplayMode: EditorDisplayModes) => void;
     roles?: string[];
+    contextParams?: {
+        [key: string]: string;
+    };
 }
 export declare class ActionToolbar extends VueComponentBase<IActionToolbar> {
     styles?: Partial<typeof ActionToolbarStyles>;
     changeMode: (editorDisplayMode: EditorDisplayModes) => void;
     roles?: string[];
+    contextParams?: {
+        [key: string]: string;
+    };
     editorStore: EditorChromeStore;
     private actionToolbarClasses;
     created(): void;

package/internal-do-not-import-from-here/ux/editorchrome/chrome/EditorChrome.d.ts

@@ -8,6 +8,9 @@ export declare class EditorChromeComponent extends VueComponentBase implements I
     renderNavigationDrawer?: () => JSX.Element;
     navigationDrawerTitle: string;
     actionToolbarRoles?: string[];
+    contextParams?: {
+        [key: string]: string;
+    };
     closeEditor: () => void;
     renderNavigationDrawerBottom?: () => JSX.Element;
     hideCloseButton?: boolean;

package/internal-do-not-import-from-here/ux/editorchrome/chrome/IEditorChrome.d.ts

@@ -5,6 +5,9 @@ export interface IEditorChrome extends IEditorChromeProperties {
     [name: string]: any;
     renderNavigationDrawer?: (h: any) => JSX.Element;
     actionToolbarRoles?: string[];
+    contextParams?: {
+        [key: string]: string;
+    };
     closeEditor: () => void;
     navigationDrawerTitle?: string;
     renderNavigationDrawerBottom?: (h: any) => JSX.Element;

package/internal-do-not-import-from-here/ux/enterpriseproperties/EnterprisePropertyComponentProps.d.ts

@@ -5,6 +5,7 @@ export interface EnterprisePropertyComponentProps {
 }
 export interface EnterprisePropertyEditProps<TSettings extends EnterprisePropertyItemSettings = EnterprisePropertyItemSettings> extends EnterprisePropertyComponentProps {
     disabled: boolean;
+    disableAutofocus?: boolean;
     hideDetails?: boolean;
     dark?: boolean;
     required?: boolean;

package/internal-do-not-import-from-here/ux/enterpriseproperties/display/mediafield/IMediaFieldDisplay.d.ts

@@ -0,0 +1,15 @@
+import { EnterprisePropertyDisplayProps } from "../../EnterprisePropertyComponentProps";
+import { TsxAllowUnknowProperties } from "../../..";
+export interface IMediaFieldDisplay extends EnterprisePropertyDisplayProps {
+}
+declare global {
+    namespace VueTsxSupport.JSX {
+        interface Element {
+        }
+        interface ElementClass {
+        }
+        interface IntrinsicElements {
+            "omfx-enterpriseproperties-mediafield-display": TsxAllowUnknowProperties<IMediaFieldDisplay>;
+        }
+    }
+}

package/internal-do-not-import-from-here/ux/enterpriseproperties/display/mediafield/MediaFieldDisplay.d.ts

@@ -0,0 +1,18 @@
+import Vue from "vue";
+import { IWebComponentInstance } from "../../../..";
+import { EnterprisePropertyDefinition, MediaPickerMedia } from "../../../../models";
+import { IMediaFieldDisplay } from "./IMediaFieldDisplay";
+export declare class MediaFieldDisplayComponent extends Vue implements IWebComponentInstance, IMediaFieldDisplay {
+    valueBind: MediaPickerMedia;
+    property: EnterprisePropertyDefinition;
+    wrapWithParentContent: (internalName: string, propertyContent: JSX.Element) => JSX.Element;
+    private mediaType;
+    private preSelectedMedia;
+    mounted(): void;
+    created(): void;
+    private initContent;
+    private renderMedia;
+    private renderImage;
+    private renderVideo;
+    render(): VueTsxSupport.JSX.Element;
+}

package/internal-do-not-import-from-here/ux/enterpriseproperties/display/mediafield/index.d.ts

@@ -0,0 +1 @@
+export * from "./IMediaFieldDisplay";

package/internal-do-not-import-from-here/ux/enterpriseproperties/edit/index.d.ts

@@ -5,3 +5,4 @@ export * from "./textfield";
 export * from "./numberfield";
 export * from "./datafield";
 export * from "./tagsproperty";
+export * from "./mediafield";

package/internal-do-not-import-from-here/ux/enterpriseproperties/edit/mediafield/IMediaFieldEdit.d.ts

@@ -0,0 +1,16 @@
+import { EnterprisePropertyMediaItemSettings, MediaPickerStorageProviderContext } from "../../../../models";
+import { EnterprisePropertyEditProps } from "../../EnterprisePropertyComponentProps";
+export interface IMediaFieldEdit extends EnterprisePropertyEditProps<EnterprisePropertyMediaItemSettings> {
+    mediaPickerStorageProviderContext: MediaPickerStorageProviderContext;
+}
+declare global {
+    namespace VueTsxSupport.JSX {
+        interface Element {
+        }
+        interface ElementClass {
+        }
+        interface IntrinsicElements {
+            "omfx-enterpriseproperties-mediafield-edit": IMediaFieldEdit;
+        }
+    }
+}

package/internal-do-not-import-from-here/ux/enterpriseproperties/edit/mediafield/MediaFieldEdit.d.ts

@@ -0,0 +1,32 @@
+import { IWebComponentInstance } from "../../../..";
+import { IMediaFieldEdit } from "./IMediaFieldEdit";
+import { EnterprisePropertyDefinition, MediaPickerMedia, MediaPickerStorageProviderContext } from "../../../../models";
+import { VueComponentBase } from "../../../VueComponentBase";
+import { MediaPickerStore } from "../../../../stores";
+export declare class MediaFieldEdit extends VueComponentBase implements IWebComponentInstance, IMediaFieldEdit {
+    valueBind: {
+        [propertyInternalName: string]: MediaPickerMedia;
+    };
+    onValueChanged: (value: MediaPickerMedia) => void;
+    disabled: boolean;
+    property: EnterprisePropertyDefinition;
+    mediaPickerStore: MediaPickerStore;
+    mediaPickerStorageProviderContext: MediaPickerStorageProviderContext;
+    private mediaType;
+    private preSelectedMedia;
+    private imageSettings;
+    private showAddMedia;
+    mounted(): void;
+    initImageSettings(): void;
+    created(): void;
+    private initContent;
+    saveSelectedMedia(result: MediaPickerMedia): void;
+    closed(): void;
+    removeMedia(): void;
+    renderTooltip(): VueTsxSupport.JSX.Element;
+    renderEditButtons(): VueTsxSupport.JSX.Element;
+    renderMedia(): VueTsxSupport.JSX.Element;
+    renderImage(): JSX.Element;
+    renderVideo(): VueTsxSupport.JSX.Element;
+    render(): VueTsxSupport.JSX.Element;
+}

package/internal-do-not-import-from-here/ux/enterpriseproperties/edit/mediafield/index.d.ts

@@ -0,0 +1 @@
+export * from "./IMediaFieldEdit";

package/internal-do-not-import-from-here/ux/enterpriseproperties/edit/richtextfield/RichTextFieldEdit.d.ts

@@ -15,6 +15,7 @@ export declare class RichTextFieldEdit extends VueComponentBase implements IWebC
     box?: boolean;
     settings: EnterprisePropertyRichTextItemSettings;
     queryable?: boolean;
+    disableAutofocus?: boolean;
     private loc;
     private mediaPickerService;
     multilingualStore: MultilingualStore;

package/internal-do-not-import-from-here/ux/headingconfigurations/HeadingConfigurationFactory.d.ts

@@ -1,7 +1,8 @@
-import { HeadingConfiguration, HeadingStyleConfiguration } from "@omnia/fx-models";
+import { HeadingConfiguration, HeadingStyleConfiguration, HeaderLevel } from "@omnia/fx-models";
 export declare const HeadingConfigurationFactory: {
     create(): Array<HeadingConfiguration>;
     createInitial(): HeadingConfiguration;
     createDefaultHeadingStyle(): HeadingStyleConfiguration;
     getHeadingStyle(heading: HeadingConfiguration, useImportant?: boolean): any;
+    getHeaderLevels(): Array<HeaderLevel>;
 };

package/internal-do-not-import-from-here/ux/identities/IdentityRenderer.d.ts

@@ -1,4 +1,5 @@
-import { Identity, IResolvedIdentity } from "@omnia/fx-models";
+import { IResolvedIdentity, Identity } from "@omnia/fx-models";
+import { IIdentityPickerStore } from "@omnia/fx/stores";
 export type RenderSlotsType = {
     left?: () => JSX.Element;
     right?: () => JSX.Element;
@@ -69,6 +70,7 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
         };
         class?: string;
     };
+    identityStore: IIdentityPickerStore;
 }, "valueBind">, any, any, any>> & {
     propsDefinition: import("vue-tsx-support").PropsForOutside<{
         valueBind: Identity[];
@@ -112,6 +114,7 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
             };
             class?: string;
         };
+        identityStore: IIdentityPickerStore;
     }, "valueBind">;
 }) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<() => VueTsxSupport.JSX.Element>, {}, import("vue-tsx-support").PropsForOutside<{
     valueBind: Identity[];
@@ -155,6 +158,7 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
         };
         class?: string;
     };
+    identityStore: IIdentityPickerStore;
 }, "valueBind">, any, any, any>> & {
     propsDefinition: import("vue-tsx-support").PropsForOutside<{
         valueBind: Identity[];
@@ -198,6 +202,7 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
             };
             class?: string;
         };
+        identityStore: IIdentityPickerStore;
     }, "valueBind">;
 });
 export default _default;

package/internal-do-not-import-from-here/ux/identities/loc/localize.d.ts

@@ -43,5 +43,6 @@ export declare module IdentitiesLocalization {
             SharePointAllInternalExceptExternal: string;
         };
         System: string;
+        ExtraUserPropertiesFeatureRequiredMessage: string;
     }
 }

package/internal-do-not-import-from-here/ux/languagepicker/ILanguagePicker.d.ts

@@ -20,15 +20,16 @@ export interface ILanguagePicker {
     /**Make it clearable*/
     clearable?: boolean;
     /**Language model */
-    valueBind: Language;
+    valueBind: Language | Language[];
     /**On model change */
-    onValueChanged?: (language: Language) => void;
+    onValueChanged?: (language: Language | Language[]) => void;
     /**Scoped slots */
     scopedSlots?: ScopedSlots<IVSelectScopedSlots>;
     /**Custom styles by StyleFlow */
     styles?: typeof LanguagePickerStyles;
     /**On load language */
     loadLanguage?: () => Promise<Array<Language>>;
+    multiple?: boolean;
 }
 declare global {
     namespace VueTsxSupport.JSX {

package/internal-do-not-import-from-here/ux/languagepicker/LanguagePicker.d.ts

@@ -5,10 +5,10 @@ import { Language } from "../../models";
 import { ScopedSlots, LanguagePickerStyles } from "..";
 import { IVSelectScopedSlots } from "../vuetify";
 export declare class LanguagePicker extends Vue implements IWebComponentInstance, ILanguagePicker {
-    valueBind: Language;
+    valueBind: Language | Language[];
     disabled?: boolean;
     label?: string;
-    onValueChanged?: (language: Language) => void;
+    onValueChanged?: (language: Language | Language[]) => void;
     filled?: boolean;
     hideDetails?: boolean;
     dark?: boolean;
@@ -18,6 +18,7 @@ export declare class LanguagePicker extends Vue implements IWebComponentInstance
     enableContextSettings?: boolean;
     loadLanguage?: () => Promise<Array<Language>>;
     clearable?: boolean;
+    multiple?: boolean;
     scopedSlots?: ScopedSlots<IVSelectScopedSlots>;
     styles?: typeof LanguagePickerStyles;
     private localizationService;
@@ -34,10 +35,13 @@ export declare class LanguagePicker extends Vue implements IWebComponentInstance
     created(): void;
     mounted(): void;
     beforeDestroy(): void;
+    get getValues(): Language[];
     private setLanguages;
     private loadLanguageFromCustomHandler;
     private loadAllLanguages;
+    private normalizeLanguageValue;
     private populateModel;
+    private findLanguages;
     private updateSelectedLanguage;
     render(): VueTsxSupport.JSX.Element;
 }

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutItemselector/AddContentDialog.d.ts

@@ -0,0 +1,12 @@
+import { LayoutItem, LayoutItemRegistration } from "@omnia/fx-models";
+declare const _default: import("vue-tsx-support")._TsxComponentV3<import("vue").default, {}, import("vue-tsx-support").PropsForOutside<{
+    visible: boolean;
+    closeEvent: () => void;
+    selectBlockEvent: (item: LayoutItemRegistration) => void;
+    container: LayoutItem;
+    filterValidBlock: (item: LayoutItemRegistration) => boolean;
+    siblingId: string;
+    postInsert: boolean;
+    blockDialogLayoutType: string;
+}, "visible" | "closeEvent" | "selectBlockEvent">, any, any, any>;
+export default _default;

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutItemselector/LayoutItemSelector.d.ts

@@ -3,6 +3,8 @@ import { VueComponentBaseProps } from "../../..";
 import { LayoutItem, LayoutItemRegistration } from "../../../../models";
 import { VueComponentBase } from "../../..";
 import { FeatureStore } from "../../../../stores";
+import { BlockGalleryStore } from "internal/fx/ux/blockgallery/store";
+import { SettingsService } from "@omnia/fx/services";
 export interface LayoutItemSelectorProps extends VueComponentBaseProps {
     container: LayoutItem;
     color: string;
@@ -19,9 +21,14 @@ export declare class LayoutItemSelector extends VueComponentBase<LayoutItemSelec
     layoutEditorStore: LayoutCanvasStore;
     layoutItemStore: BlockCatalogStore;
     featureStore: FeatureStore;
+    blockGalleryStore: BlockGalleryStore;
+    settingsService: SettingsService<any>;
     private omniaUxLoc;
+    private isModernDialog;
     private model;
     beforeDestroy(): void;
+    created(): void;
+    private init;
     private filterValidBlockRegistration;
     /**
      * Eventhandler for adding a layout item

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

@@ -9,13 +9,16 @@ export default class HeaderItem extends VueComponentBase {
     blockInstance: BlockInstance;
     private omniaUxLoc;
     spfxSettingsService: OmniaSpfxSettingsProvider;
+    private localizationService;
     private item;
     private settings;
     private model;
+    private headerLevels;
     mounted(): void;
     created(): void;
     private headerValueChanged;
     private onIconValueChanged;
+    private onHeaderLevelValueChanged;
     private updateSpfxSettings;
     render(): VueTsxSupport.JSX.Element;
 }

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

@@ -7,4 +7,5 @@ export declare const BlockTitleStyles: {
     iconWrapperButton: (settings: BlockTitleIconSettings) => string;
     iconInButton: (settings: BlockTitleIconSettings, theming: ITheming) => string;
     wrapper: (settings: BlockTitleSettings, textAlignment: TextAlignment, theming: ITheming) => string;
+    headingWrapper: (theming: ITheming, settings: BlockTitleSettings) => string;
 };

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

@@ -1,6 +1,6 @@
 import { VueComponentBase } from "../../../..";
 import { IWebComponentInstance } from "../../../../..";
-import { MultilingualString, TextAlignment } from "../../../../../models";
+import { HeaderLevel, MultilingualString, TextAlignment } from "../../../../../models";
 import { BlockTitleSettingsStore, DirectionRuleStore, MultilingualStore } from "../../../../../stores";
 import { IBlockTitleComponent } from "./IBlockTitle";
 import { BlockInstance } from "../../../../BlockInstance";
@@ -9,16 +9,20 @@ export declare class BlockTitleComponent extends VueComponentBase implements IWe
     multilingualtitle: string | MultilingualString;
     settingsKey: any;
     alternativeContent?: JSX.Element;
+    wrapWithHeaderLevel?: (headerElement: JSX.Element) => JSX.Element;
     multilingualStore: MultilingualStore;
     blockTitleSettingsStore: BlockTitleSettingsStore;
     blockInstance: BlockInstance;
     directionStore: DirectionRuleStore;
     private model;
+    private headerLevels;
     mounted(): void;
     onSectionUpdated(): void;
     getFormatedTitleStringValue(title: string): string;
     getFormattedTitleString(): string;
     getTextAlignment(): TextAlignment;
     renderBlockIcon(title: string): VueTsxSupport.JSX.Element;
+    renderTitle(title: string): VueTsxSupport.JSX.Element;
+    renderTitleWithHeaderLevel(heading: HeaderLevel, title: string): import("vue").VNode;
     render(): VueTsxSupport.JSX.Element;
 }

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

@@ -4,7 +4,11 @@ export interface IBlockTitleComponent {
     title?: string;
     multilingualtitle?: MultilingualString | string;
     settingsKey: any;
+    /**
+    * @deprecated Use wrapWithHeaderLevel instead.
+    */
     alternativeContent?: JSX.Element;
+    wrapWithHeaderLevel?: (headerElement: JSX.Element) => JSX.Element;
 }
 declare global {
     namespace VueTsxSupport.JSX {

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

@@ -4,11 +4,13 @@ import { VueComponentBase } from "@omnia/fx/ux";
 export default class HeaderSectionItem extends VueComponentBase {
     editorStore: LayoutCanvasStore;
     private subscriptionHandler;
-    MultilingualStore: MultilingualStore;
+    multilingualStore: MultilingualStore;
     blockTitleSettingsStore: BlockTitleSettingsStore;
+    private localizationService;
     private omniaUxLoc;
     private section;
     private model;
+    private headerLevels;
     mounted(): void;
     created(): void;
     /**
@@ -16,6 +18,7 @@ export default class HeaderSectionItem extends VueComponentBase {
      * */
     private onSectionChange;
     private onIconValueChanged;
+    private onHeaderLevelValueChanged;
     private onHeaderValueChanged;
     render(): VueTsxSupport.JSX.Element;
 }

package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutitemsdesigner/StepperSectionDesigner.d.ts

@@ -28,12 +28,15 @@ export declare class StepperSectionDesigner extends VueComponentBase<StepperSect
     created(): void;
     beforeDestroy(): void;
     private hasValidAnchorLinkSettings;
+    private handleTokenExistsOnSpfx;
+    private getIndexByAnchorName;
     private handleAnchorLink;
     private getDefaultLabel;
     private getPreferredLabel;
     private getCustomAnchorName;
     private silentNavigateIfNeeded;
     private renderStepLabel;
+    private getSpfxPath;
     private getAnchorName;
     get items(): SectionItem<SteppedSectionItemSettings>[];
     private get inLayoutDesignMode();

package/internal-do-not-import-from-here/ux/layoutcanvas/stores/BlockCatalogStore.d.ts

@@ -14,6 +14,7 @@ export declare class BlockCatalogStore extends Store {
     onActivated(): void;
     onDisposing(): void;
     areItemsLoaded(): boolean;
+    getItems(): LayoutItemRegistration[];
     getCategoriesForContainer(container: LayoutItem): Array<string>;
     getItemsForContainer(container: LayoutItem): Array<LayoutItemRegistration>;
     searchItemsForContainer(container: LayoutItem, searchText: string): Array<LayoutItemRegistration>;
@@ -21,7 +22,19 @@ export declare class BlockCatalogStore extends Store {
     filterBlockRegistrationOnFeatureDependency(blockRegistration: BlockRegistration): boolean;
     filterBlockRegistrationByBackendRuntimes(blockRegistration: BlockRegistration): boolean;
     filterBlockRegistrationByClientRuntimes(blockRegistration: BlockRegistration): boolean;
-    filterBlockRegistrationOnLayoutDependency(blockRegistration: BlockRegistration, provider: string): boolean;
+    /**
+     * Validate if block is valid for layout provider.
+     * @param blockRegistration
+     * @param layoutProvider
+     * @returns
+     */
+    filterBlockRegistrationOnLayoutDependency(blockRegistration: BlockRegistration, layoutProvider: string): boolean;
+    /**
+     * Validate if block is valid for current environment (backend/client runtime) and feature dependencies.
+     * @param block
+     * @returns
+     */
+    isBlockValidForEnvironment(block: BlockRegistration): boolean;
     filterBlockRegistrationByDisableAuth(blockRegistration: BlockRegistration): boolean;
     /**
      * Implementation of mutations

package/internal-do-not-import-from-here/ux/layoutcanvas/stores/LayoutCanvasStore.d.ts

@@ -1,4 +1,4 @@
-import { Layout, LayoutEditorModes, LayoutItem, DisplayBreakPoint, LayoutItemActionState, SettingsPanelState, DisplayBreakPointSetting, DeleteItemFromLayoutPayLoad, AddItemToLayoutPayLoad, LayoutItemRegistration, LoadedLayout, ILayoutCanvasStore, LayoutCanvasModes, BlockRenderingModes, IBlockInstance, ILayoutSectionRenderer, GuidValue, Block, LayoutDrawerState, LayoutDrawerTabs, SectionSettings, SectionTypes, Section, LayoutInheritanceBehaviors, ThemeDefinition, ClipboardLayoutItem } from "../../../models";
+import { Layout, LayoutEditorModes, LayoutItem, DisplayBreakPoint, LayoutItemActionState, SettingsPanelState, DisplayBreakPointSetting, DeleteItemFromLayoutPayLoad, AddItemToLayoutPayLoad, LayoutItemRegistration, LoadedLayout, ILayoutCanvasStore, LayoutCanvasModes, BlockRenderingModes, IBlockInstance, ILayoutSectionRenderer, GuidValue, Block, LayoutDrawerState, LayoutDrawerTabs, SectionSettings, SectionTypes, Section, LayoutInheritanceBehaviors, ThemeDefinition, ClipboardLayoutItem, BlockTemplate } from "../../../models";
 import { EditorLayoutItemFactory } from "../factories";
 import { LayoutEditorThemingManager } from "../shared";
 import { BlockSettingsProvider, LayoutDefinitionBuilder } from "../shared";
@@ -105,6 +105,7 @@ export declare class LayoutCanvasStore extends Store implements ILayoutCanvasSto
         changeSectionType: import("../../../stores").StoreMutation<(section: Section, type: SectionTypes) => void, (section: Section<SectionSettings>, type: SectionTypes) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
         copyItemInLayout: import("../../../stores").StoreMutation<(item2Copy: LayoutItem, container: LayoutItem, siblingId?: string, postInsert?: boolean) => void, (item2Copy: LayoutItem, container: LayoutItem, siblingId?: string, postInsert?: boolean) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
         insertClipboardItemIntoLayout: import("../../../stores").StoreMutation<(clipboard: ClipboardLayoutItem, container: LayoutItem, siblingId?: string, postInsert?: boolean) => void, (clipboard: ClipboardLayoutItem, container: LayoutItem, siblingId?: string, postInsert?: boolean) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
+        insertBlockTemplateToLayout: import("../../../stores").StoreMutation<(blockTemplate: BlockTemplate, container: LayoutItem, siblingId?: string, postInsert?: boolean) => void, (blockTemplate: BlockTemplate, container: LayoutItem, siblingId?: string, postInsert?: boolean) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
         addItem2Layout: import("../../../stores").StoreMutation<(itemreference: AddItemToLayoutPayLoad) => void, (itemreference: AddItemToLayoutPayLoad) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
         deleteItemFromLayout: import("../../../stores").StoreMutation<(itemreference: DeleteItemFromLayoutPayLoad) => void, (itemreference: DeleteItemFromLayoutPayLoad) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
     };