@omnia/fx 7.8.12-preview → 7.8.12

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/enterpriseproperties/picker/EnterprisePropertyPicker.d.ts

@@ -12,6 +12,7 @@ export declare class EnterprisePropertyPicker extends VueComponentBase implement
     label: string;
     disabled: boolean;
     multiple: boolean;
+    clearable: boolean;
     excludedPropertyTypeIds?: GuidValue[];
     onChange: (propertyInternalName: string | Array<string>) => void;
     filled: boolean;

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

@@ -6,6 +6,7 @@ export interface IEnterprisePropertyPickerProperties {
     filled?: boolean;
     hideDetails?: boolean;
     multiple?: boolean;
+    clearable?: boolean;
 }
 /**Enterprise Property Picker*/
 export interface IEnterprisePropertyPicker extends IEnterprisePropertyPickerProperties {

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

@@ -1,7 +1,7 @@
 export declare module FilePickerMyComputerProviderLocalization {
     const namespace = "Omnia.Ux.FilePicker.MyComputerProvider";
     interface locInterface {
-        WarningMessage: string;
+        New7WarningMessage: string;
         Title: string;
     }
 }

package/internal-do-not-import-from-here/ux/filterengine/handler/FilterEngineHandler.d.ts

@@ -8,12 +8,14 @@ export declare class FilterEngineHandler extends Store {
     private serviceContainerContext;
     private multilingualStore;
     private localizationService;
+    private uxLoc;
     private filterEngineContext;
     readonly smallViewportMaxWidth: number;
     readonly defaultFilterWidth: number;
     readonly resizeTimeWatchId: string;
     private resizeTimeWatch;
     private topElement;
+    private totalResult;
     private updateDataCallback;
     private enterprisePropertyDefinitionHash;
     private availableProperties;
@@ -74,10 +76,10 @@ export declare class FilterEngineHandler extends Store {
         toggleShowDialog: import("@omnia/fx/stores").StoreMutation<() => void, () => IMessageBusSubscriptionHandler>;
         ensureCloseDialog: import("@omnia/fx/stores").StoreMutation<() => void, () => IMessageBusSubscriptionHandler>;
         setLatestRefiner: import("@omnia/fx/stores").StoreMutation<(internalName: string, refiner: Refiner<Refinement>) => void, (internalName: string, refiner: Refiner<Refinement>) => IMessageBusSubscriptionHandler>;
-        setUpdateDataCallback: import("@omnia/fx/stores").StoreMutation<(callback: () => Promise<void>) => void, (callback: () => Promise<void>) => IMessageBusSubscriptionHandler>;
+        setUpdateDataCallback: import("@omnia/fx/stores").StoreMutation<(callback: () => Promise<number>) => void, (callback: () => Promise<number>) => IMessageBusSubscriptionHandler>;
     };
     actions: {
-        init: import("@omnia/fx/stores").StoreAction<unknown, (settings: FilterEngineSettings, fromRouter?: boolean, updateDataCallback?: () => Promise<void>) => void, (result: void, settings: FilterEngineSettings, fromRouter?: boolean, updateDataCallback?: () => Promise<void>) => void, (failureReason: any, settings: FilterEngineSettings, fromRouter?: boolean, updateDataCallback?: () => Promise<void>) => void, (settings: FilterEngineSettings, fromRouter?: boolean, updateDataCallback?: () => Promise<void>) => Promise<void>>;
+        init: import("@omnia/fx/stores").StoreAction<unknown, (settings: FilterEngineSettings, fromRouter?: boolean, updateDataCallback?: () => Promise<number>) => void, (result: void, settings: FilterEngineSettings, fromRouter?: boolean, updateDataCallback?: () => Promise<number>) => void, (failureReason: any, settings: FilterEngineSettings, fromRouter?: boolean, updateDataCallback?: () => Promise<number>) => void, (settings: FilterEngineSettings, fromRouter?: boolean, updateDataCallback?: () => Promise<number>) => Promise<void>>;
     };
     private getPropertyDataTypeId;
     private handleDataChange;

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

@@ -12,6 +12,7 @@ export declare const identityRendererStyles: {
         };
     };
     smallPresenceStatus: {
+        width: string;
         $nest: {
             ".v-badge__badge": {
                 padding: string;
@@ -37,6 +38,7 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
             };
         };
         smallPresenceStatus: {
+            width: string;
             $nest: {
                 ".v-badge__badge": {
                     padding: string;
@@ -61,6 +63,12 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
     hideUsername: boolean;
     hideImage: boolean;
     renderSlots: (resolvedIdentity: IResolvedIdentity) => RenderSlotsType;
+    avatarStyles: {
+        styles?: {
+            [key: string]: string;
+        };
+        class?: string;
+    };
 }, "valueBind">, any, any, any>> & {
     propsDefinition: import("vue-tsx-support").PropsForOutside<{
         valueBind: Identity[];
@@ -73,6 +81,7 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
                 };
             };
             smallPresenceStatus: {
+                width: string;
                 $nest: {
                     ".v-badge__badge": {
                         padding: string;
@@ -97,6 +106,12 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
         hideUsername: boolean;
         hideImage: boolean;
         renderSlots: (resolvedIdentity: IResolvedIdentity) => RenderSlotsType;
+        avatarStyles: {
+            styles?: {
+                [key: string]: string;
+            };
+            class?: string;
+        };
     }, "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[];
@@ -109,6 +124,7 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
             };
         };
         smallPresenceStatus: {
+            width: string;
             $nest: {
                 ".v-badge__badge": {
                     padding: string;
@@ -133,6 +149,12 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
     hideUsername: boolean;
     hideImage: boolean;
     renderSlots: (resolvedIdentity: IResolvedIdentity) => RenderSlotsType;
+    avatarStyles: {
+        styles?: {
+            [key: string]: string;
+        };
+        class?: string;
+    };
 }, "valueBind">, any, any, any>> & {
     propsDefinition: import("vue-tsx-support").PropsForOutside<{
         valueBind: Identity[];
@@ -145,6 +167,7 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
                 };
             };
             smallPresenceStatus: {
+                width: string;
                 $nest: {
                     ".v-badge__badge": {
                         padding: string;
@@ -169,6 +192,12 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
         hideUsername: boolean;
         hideImage: boolean;
         renderSlots: (resolvedIdentity: IResolvedIdentity) => RenderSlotsType;
+        avatarStyles: {
+            styles?: {
+                [key: string]: string;
+            };
+            class?: string;
+        };
     }, "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/identitypicker/IdentityPicker.d.ts

@@ -26,6 +26,7 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
     enableSpecialUser: ISpecialUserConfiguration;
     businessProfileId: string;
     closeDialog: () => void;
+    accessibilityFocus: boolean;
 }, "onIdentityAdded">, any, any, any>> & {
     propsDefinition: import("vue-tsx-support").PropsForOutside<{
         valueBind: Identity[];
@@ -53,6 +54,7 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
         enableSpecialUser: ISpecialUserConfiguration;
         businessProfileId: string;
         closeDialog: () => void;
+        accessibilityFocus: boolean;
     }, "onIdentityAdded">;
 }) | (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[];
@@ -80,6 +82,7 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
     enableSpecialUser: ISpecialUserConfiguration;
     businessProfileId: string;
     closeDialog: () => void;
+    accessibilityFocus: boolean;
 }, "onIdentityAdded">, any, any, any>> & {
     propsDefinition: import("vue-tsx-support").PropsForOutside<{
         valueBind: Identity[];
@@ -107,6 +110,7 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
         enableSpecialUser: ISpecialUserConfiguration;
         businessProfileId: string;
         closeDialog: () => void;
+        accessibilityFocus: boolean;
     }, "onIdentityAdded">;
 });
 export default _default;

package/internal-do-not-import-from-here/ux/identitypicker/loc/Localize.d.ts

@@ -10,5 +10,14 @@ export declare module IdentityPickerLocalization {
         SpecialIdentities: {
             CurrentUser: string;
         };
+        RemoveUser: string;
+        PeolePicker: string;
+        FindUser: string;
+        FindGroup: string;
+        FindUserOrGroup: string;
+        SearchUserTooltip: string;
+        NoItemsFound: string;
+        Searching: string;
+        ResultsFound: string;
     }
 }

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

@@ -10,6 +10,7 @@ export declare class ImageGridComponent extends VueComponentBase implements IWeb
     itemDetailSlot?: (item: MediaItem) => JSX.Element;
     itemOverlaySlot?: (item: MediaItem) => JSX.Element;
     searchStatus?: MediaPickerEnums.MediaSearchStatus;
+    enableNoResultText: boolean;
     imageLoc: ImageGridLocalization.locInterface;
     private resultStyles;
     static MAX_REQUEST_LIMIT: number;

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/settings/block/Css.d.ts

@@ -1,13 +1,17 @@
 import { LayoutCanvasStore } from "../../..";
 import { BlockTitleSettingsStore } from "@omnia/fx/stores";
-import { VueComponentBase } from "@omnia/fx/ux";
+import { VueComponentBase, BlockInstance } from "@omnia/fx/ux";
+import { OmniaSpfxSettingsProvider } from "internal/fx/spfx/services/SpfxWPSettingProvider";
 export default class CssItem extends VueComponentBase {
     blockTitleSettingsStore: BlockTitleSettingsStore;
     editorStore: LayoutCanvasStore;
+    blockInstance: BlockInstance;
+    spfxSettingsService: OmniaSpfxSettingsProvider;
     private omniaUxLoc;
     private item;
     private settings;
     mounted(): void;
     created(): void;
+    private updateSpfxSettings;
     render(): VueTsxSupport.JSX.Element;
 }

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

@@ -1,16 +1,30 @@
+import { BlockInstance } from "../../../..";
+import { HeadingSettings } from "../../../../../models";
 import { LayoutCanvasStore } from "../../..";
 import { VueComponentBase } from "../../../..";
-import { BlockTitleSettingsStore } from "../../../../../stores";
+import { BlockTitleSettingsStore, MultilingualStore } from "../../../../../stores";
+import { OmniaSpfxSettingsProvider } from "internal/fx/spfx/services/SpfxWPSettingProvider";
+import { SettingsService } from "../../../../../services";
 export default class HeaderItem extends VueComponentBase {
     blockTitleSettingsStore: BlockTitleSettingsStore;
     editorStore: LayoutCanvasStore;
+    blockInstance: BlockInstance;
     private omniaUxLoc;
+    spfxSettingsService: OmniaSpfxSettingsProvider;
+    headingSettingsService: SettingsService<HeadingSettings>;
+    multilingualStore: MultilingualStore;
     private item;
     private settings;
     private model;
+    private textStylesSettings;
+    private showTitleFormattingSetting;
     mounted(): void;
-    created(): void;
+    created(): Promise<void>;
+    private loadTextStylesSettings;
     private headerValueChanged;
     private onIconValueChanged;
+    private onTitleFormattingValueChanged;
+    private updateSpfxSettings;
+    private createHeadingItem;
     render(): VueTsxSupport.JSX.Element;
 }

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

@@ -1,4 +1,4 @@
-import { IconSizes, BlockTitleIconSettings, BlockTitleSettings, TextAlignment } from "../../../../../models";
+import { IconSizes, BlockTitleIconSettings, BlockTitleSettings, TextAlignment, HeadingConfiguration } from "../../../../../models";
 import { ITheming } from "../../../..";
 export declare const BlockTitleStyles: {
     safeGetSpacingPixels(value: any, spacing: any): string;
@@ -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: (heading: HeadingConfiguration) => string;
 };

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

@@ -1,9 +1,10 @@
 import { VueComponentBase } from "../../../..";
 import { IWebComponentInstance } from "../../../../..";
-import { MultilingualString, TextAlignment } from "../../../../../models";
+import { HeadingConfiguration, HeadingSettings, MultilingualString, TextAlignment } from "../../../../../models";
 import { BlockTitleSettingsStore, DirectionRuleStore, MultilingualStore } from "../../../../../stores";
 import { IBlockTitleComponent } from "./IBlockTitle";
 import { BlockInstance } from "../../../../BlockInstance";
+import { SettingsService } from "../../../../../services";
 export declare class BlockTitleComponent extends VueComponentBase implements IWebComponentInstance, IBlockTitleComponent {
     title: string;
     multilingualtitle: string | MultilingualString;
@@ -13,12 +14,17 @@ export declare class BlockTitleComponent extends VueComponentBase implements IWe
     blockTitleSettingsStore: BlockTitleSettingsStore;
     blockInstance: BlockInstance;
     directionStore: DirectionRuleStore;
+    headingSettingsService: SettingsService<HeadingSettings>;
     private model;
-    mounted(): void;
+    private textStylesSettings;
+    mounted(): Promise<void>;
     onSectionUpdated(): void;
+    private loadTextStylesSettings;
     getFormatedTitleStringValue(title: string): string;
     getFormattedTitleString(): string;
     getTextAlignment(): TextAlignment;
     renderBlockIcon(title: string): VueTsxSupport.JSX.Element;
+    renderTitle(title: string): VueTsxSupport.JSX.Element;
+    renderTitleWithFormatting(heading: HeadingConfiguration, title: string): import("vue").VNode;
     render(): VueTsxSupport.JSX.Element;
 }

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

@@ -1,21 +1,29 @@
+import { HeadingSettings } from "@omnia/fx/models";
 import { LayoutCanvasStore } from "../../..";
 import { BlockTitleSettingsStore, MultilingualStore } from "@omnia/fx/stores";
 import { VueComponentBase } from "@omnia/fx/ux";
+import { SettingsService } from "../../../../../services";
 export default class HeaderSectionItem extends VueComponentBase {
     editorStore: LayoutCanvasStore;
     private subscriptionHandler;
-    MultilingualStore: MultilingualStore;
+    multilingualStore: MultilingualStore;
     blockTitleSettingsStore: BlockTitleSettingsStore;
+    headingSettingsService: SettingsService<HeadingSettings>;
     private omniaUxLoc;
     private section;
     private model;
+    private textStylesSettings;
+    private showTitleFormattingSetting;
     mounted(): void;
-    created(): void;
+    created(): Promise<void>;
+    private loadTextStylesSettings;
     /**
      * Watch for section changes
      * */
     private onSectionChange;
     private onIconValueChanged;
+    private onTitleFormattingValueChanged;
     private onHeaderValueChanged;
+    private createHeadingItem;
     render(): VueTsxSupport.JSX.Element;
 }

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

@@ -1,3 +1,5 @@
 export declare const StepperSectionDesignerStyles: {
     labelLink: string;
+    horizontalStep: string;
+    separator: string;
 };

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();
@@ -50,5 +53,9 @@ export declare class StepperSectionDesigner extends VueComponentBase<StepperSect
     private renderStepperContent;
     private renderAddStepButton;
     private renderAnchorElements;
+    renderPagingItem(): VueTsxSupport.JSX.Element[][];
+    renderStepperItem(index: number, item: SectionItem<SteppedSectionItemSettings>): JSX.Element[];
+    renderHorizontalPaginationMode(): VueTsxSupport.JSX.Element;
+    renderHorizontalMultilineMode(index: number, item: SectionItem<SteppedSectionItemSettings>): (VueTsxSupport.JSX.Element | VueTsxSupport.JSX.Element[])[];
     render(): VueTsxSupport.JSX.Element;
 }

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

@@ -25,6 +25,7 @@ export declare class LayoutSectionTabRenderer extends VueComponentBase<SectionTa
     private isEditMode;
     private initialAnchorLinkResolved;
     private VK_ENTER;
+    private isAccordionManualClicked;
     section: Section;
     layoutId: string;
     useScrollMargingFix: boolean;
@@ -42,7 +43,7 @@ export declare class LayoutSectionTabRenderer extends VueComponentBase<SectionTa
     hasTabIcon(tab: SectionItem<TabbedSectionItemSettings>): boolean;
     private hasAnyTabIcon;
     private showIconAndTextMode;
-    renderLabelAndIcon(tab: SectionItem<TabbedSectionItemSettings>): VueTsxSupport.JSX.Element;
+    renderLabelAndIcon(tab: SectionItem<TabbedSectionItemSettings>, itemId: string, ariaExpandedStatus: string): VueTsxSupport.JSX.Element;
     private isSelectedAccordionIndex;
     private ensureValueAccordion;
     private renderAnchorElements;

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

@@ -14,7 +14,10 @@ export declare class MediaPicker extends VueComponentBase<IMediaPicker> implemen
     enableGallery: boolean;
     itemLimit: number;
     enableMediaCaption?: boolean;
+    private focusStore;
     mounted(): void;
+    private onClose;
+    private onSave;
     private renderRenderer;
     render(): VueTsxSupport.JSX.Element;
 }

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

@@ -92,6 +92,7 @@ export declare class MediaPickerRenderer extends VueComponentBase<IMediaPicker &
     private onMediaOrderChange;
     onEditingMediaIndexChange(): void;
     private onMediaRemove;
+    private onDeleteImagePostProcessing;
     private SaveAllMedia;
     private updateMediaToServer;
     private saveMediaToServer;

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

@@ -5,10 +5,12 @@ import { MediaflowService } from "./service/MediaflowService";
 import { MediaflowProviderStore } from "./store/MediaflowProviderStore";
 import "./MediaflowProviderStyles.css";
 import { MediaFlowImage, MediaFlowVideo, MediaflowEventData, MediaflowImageInformation, MediaflowVideoInfo } from "./models";
+import { MediaPickerStore } from "@omnia/fx/stores";
 export declare class MediaflowProvider extends MultiSelectMediaProviderComponentBase implements IWebComponentInstance {
     mediaflowStore: MediaflowProviderStore;
     mediaflowService: MediaflowService;
     omniaContext: OmniaContext;
+    mediaPickerStore: MediaPickerStore;
     private loc;
     private loadedMediaFlowJS;
     private loadedMediaFlowCSS;
@@ -37,6 +39,7 @@ export declare class MediaflowProvider extends MultiSelectMediaProviderComponent
     private setupMediaContainer;
     handleMediaflowEvent(eventName: string, eventData: MediaflowEventData): void;
     saveMediaflowMedia(): void;
+    reportUsage(mediaId: number): Promise<void>;
     handleImageSelection(source: any): void;
     fixEmbedHtmlForTextArea(htmlString: string): string;
     downloadImage(source: MediaFlowImage): Promise<MediaflowImageInformation>;

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

@@ -9,8 +9,6 @@ export declare module MediaflowLocalization {
             ClientSecretHeader: string;
             RefreshtokenHeader: string;
             DefaultLanguageHeader: string;
-            ShowUnsafeGDPRHeader: string;
-            ShowUnassignedGDPRHeader: string;
             LimitFormatHeader: string;
             SaveButton: string;
         };

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

@@ -0,0 +1,27 @@
+export interface MediaflowReportUsage {
+    id: number[];
+    contact: string;
+    project: string;
+    date: string;
+    amount: string;
+    description: string;
+    types: MediaflowReportType[];
+    removed: boolean | string;
+    web: {
+        page: string;
+        pageName: string;
+    };
+}
+export declare enum MediaflowReportType {
+    Web = "web",
+    Print = "print",
+    Poster = "poster",
+    Social = "social",
+    Advertisement = "advertisement",
+    Other = "other"
+}
+export interface MediaflowAccessToken {
+    access_token: string;
+    token_type: string;
+    expires_in: number;
+}

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

@@ -3,3 +3,4 @@ export * from "./MediaflowResponse";
 export * from "./MediaflowVideoInfo";
 export * from "./MediaflowEmbedMethods";
 export * from "./MediaflowVideoPlayerProps";
+export * from "./MediaflowReportUsage";

package/internal-do-not-import-from-here/ux/mediapickerproviders/mediaflow/service/MediaflowPostProcessor.d.ts

@@ -0,0 +1,2 @@
+import { IMediaPostProcess } from "@omnia/fx-models";
+export declare const useMediaflowPostProcessor: () => IMediaPostProcess;

package/internal-do-not-import-from-here/ux/mediapickerproviders/mediaflow/service/MediaflowService.d.ts

@@ -1,10 +1,13 @@
 import { HttpClient } from "@omnia/fx";
 import { GuidValue, MediaflowAuthenticationInfo } from "@omnia/fx-models";
-import { MediaflowVideoInfo } from "../models";
+import { MediaflowAccessToken, MediaflowVideoInfo } from "../models";
 export declare class MediaflowService {
     protected httpClient: HttpClient;
     private omniaHttpClient;
     private mediaflowUrl;
+    private mediaflowApi;
     getVideoInfo: (mediaId: string) => Promise<MediaflowVideoInfo>;
     getAuthenticationInfo: (profileId: GuidValue) => Promise<MediaflowAuthenticationInfo>;
+    getBearerToken(authenInfo: MediaflowAuthenticationInfo): Promise<MediaflowAccessToken>;
+    reportUsage(mediaId: number, contact: string, removed: boolean, pageUrl: string, pageName: string, bearerToken: string): Promise<void>;
 }