@omnia/fx 7.9.23-preview → 7.9.23

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

@@ -3,7 +3,6 @@ export declare const VCardActionsTag = "v-card-actions";
 export declare const VCardMediaTag = "v-card-media";
 export declare const VCardTextTag = "v-card-text";
 export declare const VCardTitleTag = "v-card-title";
-export declare const VCardSubtitleTag = "v-card-subtitle";
 export declare const VAlertTag = "v-alert";
 export declare const VAppTag = "v-app";
 export declare const VAvatarTag = "v-avatar";

package/internal-do-not-import-from-here/ux/actionhandler/ActionHandler.d.ts

@@ -34,7 +34,7 @@ export interface IActionRegistrationApi {
 }
 export declare abstract class ActionHandlerBase<TSettings extends IActionHandlerSettings = IActionHandlerSettings> implements IActionHandlerInstanceProperties<TSettings> {
     abstract onActivated(): void | Promise<void>;
-    abstract onTriggered(renderingCallback: (elementName: string, themeTargetId?: string, domProps?: Object) => void): any;
+    abstract onTriggered(renderingCallback: (elementName: string, themeTargetId?: string, domProps?: Object) => void, setFocusedElementCallback?: () => Promise<HTMLElement>): any;
     abstract onDisposing(): any;
     customTextColor?(settings: IActionHandlerSettings): string;
     customBackgroundColor?(settings: IActionHandlerSettings): string;
@@ -88,7 +88,7 @@ export declare class ActionHandlerInstance implements IActionHandlerInstance {
     private _disposedMessage;
     private _initialized;
     initialized(): void | Promise<void>;
-    triggered(renderingCallback: (elementName: string, themeTargetId?: string, domProps?: Object) => void): void;
+    triggered(renderingCallback: (elementName: string, themeTargetId?: string, domProps?: Object) => void, setFocusedElementCallback?: () => Promise<HTMLElement>): void;
     customTextColor(): string;
     customBackgroundColor(): string;
     dispose(): void;

package/internal-do-not-import-from-here/ux/admin/chrome/AdminChrome.d.ts

@@ -32,6 +32,10 @@ export default class AdminChromeComponent extends VueComponentBase implements IW
     private checkGlobalPermissionResolvablePromise;
     private checkedNodePermissionState;
     private nodeReactiveStates;
+    private userAccessibilitySettings;
+    private hiddenFocusableElementStyle;
+    private appBarNavIconRef;
+    private hiddenFocusableEndRef;
     beforeCreate(): void;
     created(): void;
     mounted(): void;
@@ -53,6 +57,7 @@ export default class AdminChromeComponent extends VueComponentBase implements IW
     private handleScroll;
     private renderAppBar;
     private getValidNodes;
+    private onFocusTrap;
     render(): VueTsxSupport.JSX.Element;
     renderListItem(selectedNode: NavigationNode, node: NavigationNode): VueTsxSupport.JSX.Element;
     renderCategory(validNodes: NavigationNode[], category: AdminNavCategory, selectedNode: NavigationNode): VueTsxSupport.JSX.Element;

package/internal-do-not-import-from-here/ux/analytics/metric/Metric.d.ts

@@ -6,6 +6,8 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
     icon: IIcon;
     iconColor: string;
     onClickCallBack: () => void;
+    backgroundColor: string;
+    textColor: string;
 }, never>, any, any, any>> & {
     propsDefinition: import("vue-tsx-support").PropsForOutside<{
         title: string;
@@ -14,6 +16,8 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
         icon: IIcon;
         iconColor: string;
         onClickCallBack: () => void;
+        backgroundColor: string;
+        textColor: string;
     }, never>;
 }) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<() => VueTsxSupport.JSX.Element>, {}, import("vue-tsx-support").PropsForOutside<{
     title: string;
@@ -22,6 +26,8 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
     icon: IIcon;
     iconColor: string;
     onClickCallBack: () => void;
+    backgroundColor: string;
+    textColor: string;
 }, never>, any, any, any>> & {
     propsDefinition: import("vue-tsx-support").PropsForOutside<{
         title: string;
@@ -30,6 +36,8 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
         icon: IIcon;
         iconColor: string;
         onClickCallBack: () => void;
+        backgroundColor: string;
+        textColor: string;
     }, never>;
 });
 export default _default;

package/internal-do-not-import-from-here/ux/authenticationchecker/AuthenticationChecker.d.ts

@@ -1,5 +1,5 @@
 import Vue from "vue";
-import { IWebComponentInstance } from "../..";
+import { IWebComponentInstance, OmniaContext } from "../..";
 import { SubscriptionHandler } from "../../core";
 import { AuthenticationCheckerLocalization } from "./loc/localize";
 import { SharePointContext } from "../../sp";
@@ -7,6 +7,7 @@ export declare class AuthenticationChecker extends Vue implements IWebComponentI
     static alreadyRenderedOneInstance: boolean;
     subscriptionHandler: SubscriptionHandler;
     sharePointContext: SharePointContext;
+    omniaContext: OmniaContext;
     private httpClient;
     loc: AuthenticationCheckerLocalization.locInterface;
     authValidationApi: string;
@@ -17,6 +18,7 @@ export declare class AuthenticationChecker extends Vue implements IWebComponentI
     show: boolean;
     mounted(): void;
     init(): void;
+    preventScrollingOnce(): void;
     validateAuthStatus(enableCircuitBreaker?: () => void): void;
     render(): VueTsxSupport.JSX.Element;
 }

package/internal-do-not-import-from-here/ux/authsetup/AuthSetupConfirm.d.ts

@@ -0,0 +1,7 @@
+import "./AuthSetup.css";
+declare const _default: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<unknown, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<unknown, never>;
+}) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<() => VueTsxSupport.JSX.Element>, {}, import("vue-tsx-support").PropsForOutside<unknown, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<unknown, never>;
+});
+export default _default;

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

@@ -30,6 +30,8 @@ export declare module AuthSetupLocalization {
         Hi: string;
         Welcome: string;
         WelcomeMessage: string;
+        ConfirmMessage: string;
+        ConfirmButton: string;
         Next: string;
         SuccessMessage: string;
         Error: string;

package/internal-do-not-import-from-here/ux/blockgallery/apis/Registration.d.ts

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

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

@@ -1,12 +1,16 @@
-import { BlockGalleryHeader, BlockGalleryDialogLayoutSetting, BlockGalleryItem, BlockGalleryItemView, MultilingualString, BlockTemplate, BlockDialogLayoutType, BlockGalleryGeneralSetting } from "@omnia/fx-models";
+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 { LocalizationService, SettingsService } from "@omnia/fx/services";
+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;
@@ -25,7 +29,9 @@ export declare class BlockGalleryStore extends Store {
     private spfxBlocks;
     private initSpfxDictionary;
     private layoutBlockSettingForRender;
-    protected onActivated(): void;
+    private dialogLayouts;
+    private registeredDialogLayoutProviders;
+    protected onActivated(): Promise<void>;
     getters: {
         blocks: () => {
             [id: string]: BlockGalleryItemView;
@@ -34,14 +40,17 @@ export declare class BlockGalleryStore extends Store {
             [id: string]: BlockGalleryItemView;
         };
         header: (headerId: string) => BlockGalleryHeader;
-        blockGalleryLayoutSetting: (layoutType: BlockDialogLayoutType) => BlockGalleryDialogLayoutSetting;
+        blockGalleryLayoutSetting: (layoutType: string) => BlockGalleryDialogLayoutSetting;
         orderedItems: () => BlockGalleryItem[];
         orderedItemTitle: (blockId: string) => string;
         editingHeaderId: () => string;
         editingTemplateId: () => number;
         isBlockDialogInAlterMode: () => boolean;
-        editingDialogLayoutType: () => BlockDialogLayoutType;
+        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>;
@@ -58,22 +67,28 @@ export declare class BlockGalleryStore extends Store {
         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: BlockDialogLayoutType) => void, (dialogLayoutType: BlockDialogLayoutType) => 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: BlockDialogLayoutType) => void, (result: void, layoutType: BlockDialogLayoutType) => void, (failureReason: any, layoutType: BlockDialogLayoutType) => void, (layoutType: BlockDialogLayoutType) => Promise<void>>;
-        getOmniaBlocks: import("@omnia/fx/stores").StoreAction<unknown, () => void, (result: void) => void, (failureReason: any) => void, () => Promise<void>>;
-        getBlockDialogSettings: import("@omnia/fx/stores").StoreAction<unknown, (layoutType: BlockDialogLayoutType) => void, (result: void, layoutType: BlockDialogLayoutType) => void, (failureReason: any, layoutType: BlockDialogLayoutType) => void, (layoutType: BlockDialogLayoutType) => 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 getBlockTemplateViews;
+    private loadBlockTemplateViews;
     private getLayoutBlockSettingKey;
     private loadConfiguredBlockTemplates;
     private getBlockTemplateIdFromGalleryItem;
     private updateBlockDictionary;
     private updateBlockDictionaryItem;
+    private getDialogLayoutProviders;
 }

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

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

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/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

@@ -1,4 +1,4 @@
-import { LayoutItem, LayoutItemRegistration, BlockDialogLayoutType } from "@omnia/fx-models";
+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;
@@ -7,6 +7,6 @@ declare const _default: import("vue-tsx-support")._TsxComponentV3<import("vue").
     filterValidBlock: (item: LayoutItemRegistration) => boolean;
     siblingId: string;
     postInsert: boolean;
-    blockDialogLayoutType: BlockDialogLayoutType;
+    blockDialogLayoutType: string;
 }, "visible" | "closeEvent" | "selectBlockEvent">, any, any, any>;
 export default _default;

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,21 @@ export declare class BlockTitleComponent extends VueComponentBase implements IWe
     multilingualtitle: string | MultilingualString;
     settingsKey: any;
     alternativeContent?: JSX.Element;
+    wrapWithHeaderLevel?: (headerElement: JSX.Element) => JSX.Element;
+    contentClass?: string;
     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,12 @@ export interface IBlockTitleComponent {
     title?: string;
     multilingualtitle?: MultilingualString | string;
     settingsKey: any;
+    contentClass?: string;
+    /**
+    * @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,6 +28,8 @@ export declare class StepperSectionDesigner extends VueComponentBase<StepperSect
     created(): void;
     beforeDestroy(): void;
     private hasValidAnchorLinkSettings;
+    private handleTokenExistsOnSpfx;
+    private getIndexByAnchorName;
     private handleAnchorLink;
     private getDefaultLabel;
     private getPreferredLabel;

package/internal-do-not-import-from-here/ux/layoutcanvas/shared/styles/SharedRendererStyles.css.d.ts

@@ -32,6 +32,7 @@ export declare const SharedRendererStyles: {
         columnWrapper: string;
         backgroundWrapperImage: string;
         getStyleStringForTitle: (settings: SectionSettings) => string;
+        getTitleContentClass: (settings: SectionSettings) => string;
         adjustScrollCompensation: (extra: number) => void;
         getStylesFromSettings: (settings: SectionSettings, useScrollMargingFix: boolean) => string;
         getStylesForSpacingInContainer(sectionSettings: SectionSettings, fullHeight: boolean): string;

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

@@ -22,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/mediapickerproviders/Youtube/YouTubeProvider.d.ts

@@ -46,6 +46,7 @@ export declare class YouTubeProviderComponent extends MultiSelectMediaProviderCo
     private getStartTimeAsSeconds;
     private processResponsiveIframe;
     private updateVideoState;
+    private waitForIframeLoad;
     private saveYoutubeResult;
     private renderVideoIframe;
     private renderResponsiveVideoIframe;

package/internal-do-not-import-from-here/ux/mediapickerproviders/mediaflow/models/MediaflowMedia.d.ts

@@ -16,6 +16,7 @@ export interface MediaFlowImage extends MediaflowInformation {
     photographer: string;
     url: string;
     width: number;
+    altText: string;
 }
 export interface MediaFlowVideo extends MediaflowInformation {
     autoPlay: boolean;

package/internal-do-not-import-from-here/ux/mediapickerproviders/mediaproviderbase/GridViewMediaProviderComponent.d.ts

@@ -47,6 +47,7 @@ export declare abstract class GridViewMediaProviderComponent extends MultiSelect
     private noMoreResult;
     private gridViewStyles;
     private isLoadingMore;
+    private isAppendingMoreItems;
     constructor();
     protected selectGridItem(mediaItem: ImageItem | VideoItem): void;
     protected setAllItems(mediaItems: Array<ImageItem | VideoItem>): void;
@@ -59,6 +60,7 @@ export declare abstract class GridViewMediaProviderComponent extends MultiSelect
     private onGridViewSearch;
     private appendGridItems;
     private onGridViewScroll;
+    private hasUnrenderedItems;
     private renderRetryGetImageInfoDialog;
     private renderGridViewItemSelection;
     private closeRetryGetImageInfoDialog;

package/internal-do-not-import-from-here/ux/mediapickervideo/MediaPickerVideo.css.d.ts

@@ -1,4 +1,6 @@
 export declare const MediaPickerVideoStyles: {
     wrapper: (isDark: boolean) => string;
     container: string;
+    thumbnailContainer: string;
+    thumbnailImage: string;
 };

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

@@ -3,6 +3,7 @@ export declare const PersonFieldDisplayStyles: {
     wrapper?: types.NestedCSSProperties;
     userList?: types.NestedCSSProperties;
     user?: types.NestedCSSProperties;
+    userItem?: types.NestedCSSProperties;
     linkItem?: (textColor: string, fontSize?: string, disableHoverStyle?: boolean) => types.NestedCSSProperties;
     smallBadge?: types.NestedCSSProperties;
 };

package/internal-do-not-import-from-here/ux/organizationtree/OrganizationTree.d.ts

@@ -23,7 +23,7 @@ export declare class OrganizationTreeComponent extends VueComponentBase<IOrganiz
     beforeDestroy(): void;
     mounted(): void;
     needToBeRemoved(user: OrgTreeUser): boolean;
-    removeReporteesAccordingToSettings(users: OrgTreeUser[]): void;
+    filterAccordingToSettings(tree: OrgTree): OrgTree;
     reInitComponent(user: OrgTreeUser): void;
     initComponent(): void;
     camelize(str: any): string;

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

@@ -4,7 +4,7 @@ export declare module PermissionInputLocalization {
         PermissionMsg: string;
         TenantAdmin: string;
         DirectoryReader: string;
-        BlockTemplateEditor: string;
+        BlockGalleryEditor: string;
         SemanticSearchReader: string;
         AddTenantAdminByFreeText: {
             InputLabel: string;

package/internal-do-not-import-from-here/ux/profilecard/ProfileCard.d.ts

@@ -1,5 +1,5 @@
 import { OmniaContext, IWebComponentInstance } from "@omnia/fx";
-import { VueComponentBase, ScopedSlots } from "@omnia/fx/ux";
+import { VueComponentBase, ScopedSlots, IdentitiesLocalization } from "@omnia/fx/ux";
 import { IProfileCardScopedSlots, UserIdentity } from "../../models";
 import { FeatureStore, ProfileCardStore } from "../../stores";
 import { IProfileCard } from ".";
@@ -26,6 +26,7 @@ export declare class ProfileCardComponent extends VueComponentBase<IProfileCard>
     featureStore: FeatureStore;
     private userIdentityStore;
     private focusStore;
+    identityLoc: IdentitiesLocalization.locInterface;
     private profileClasses;
     private tenantPeopleInfo;
     private showLinkToDelve;
@@ -35,6 +36,7 @@ export declare class ProfileCardComponent extends VueComponentBase<IProfileCard>
     created(): void;
     beforeDestroy(): void;
     hasSlot(): boolean;
+    ensureUserObject(): void;
     mounted(): void;
     private isUseTheExistingProfileCard;
     onOpenDialog(): void;

package/internal-do-not-import-from-here/ux/properties/builtins/identity/IdentityDisplay.d.ts

@@ -1,5 +1,5 @@
+import { IPropertyDisplayRenderer, IdentityPropertyDefinition } from "@omnia/fx-models";
 import { IdentityDisplayStyles } from "./IdentityDisplay.css";
-import { IdentityPropertyDefinition, IPropertyDisplayRenderer } from "@omnia/fx-models";
 export type IdentityDisplayProps = IPropertyDisplayRenderer<IdentityPropertyDefinition> & {
     styles: typeof IdentityDisplayStyles;
 };

package/internal-do-not-import-from-here/ux/settings/ISettingsPane.d.ts

@@ -7,6 +7,7 @@ export interface ISettingsPaneAttributes {
     disableSave?: boolean;
     disableCancel?: boolean;
     showButtons?: boolean;
+    warningMessage?: string;
 }
 export interface ISettingsPane extends ISettingsPaneAttributes {
     [name: string]: any;

package/internal-do-not-import-from-here/ux/settings/SettingsPane.css.d.ts

@@ -4,4 +4,5 @@ export declare const SettingsPaneStyles: {
     content: string;
     closeButton: string;
     closeButtonIcon: string;
+    warningMessage: string;
 };

package/internal-do-not-import-from-here/ux/settings/SettingsPane.d.ts

@@ -14,6 +14,7 @@ export declare class SettingsPane extends VueComponentBase implements IWebCompon
     disableSave?: boolean;
     disableCancel?: boolean;
     showButtons?: boolean;
+    warningMessage?: string;
     onVisibleChanged(): void;
     private uniqueId;
     private styleSet;