@omnia/fx 7.1.31-preview → 7.1.31

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

@@ -1,10 +1,9 @@
-import { FilterEngineContext, FilterEngineSettings, PropertyIndexedType } from "@omnia/fx-models";
+import { FilterEngineContext, FilterEngineSettings } from "@omnia/fx-models";
 export declare class Helper {
     private enterprisePropertyStore;
     private propertyDefinitionHash;
     private propertyDefinitionApi;
     private contextPropertiesApi;
-    readonly supportedIndexTypes: PropertyIndexedType[];
     ensureValidData: (settings: FilterEngineSettings, context: FilterEngineContext) => Promise<void>;
     ensureInitResources: () => Promise<void>;
 }

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

@@ -1,4 +1,4 @@
-import { BaseFilterEngineProperty, BaseFilterEnginePropertyOutput, BaseFilterEnginePropertyType, EnterprisePropertyDefinition, FilterEngineContext, FilterEngineContextPropertyDefinition, FilterEngineRouterProperty, FilterEngineSettings, IMessageBusSubscriptionHandler, ITypedFilterEngineHandler, PropertyIndexedType, Refinement, Refiner, TermColorSettings } from "@omnia/fx-models";
+import { BaseFilterEngineProperty, BaseFilterEnginePropertyOutput, BaseFilterEnginePropertyType, EnterprisePropertyDefinition, FilterEngineContext, FilterEngineContextPropertyDefinition, FilterEngineRouterProperty, FilterEngineSettings, IMessageBusSubscriptionHandler, ITypedFilterEngineHandler, Refinement, Refiner, TermColorSettings } from "@omnia/fx-models";
 import { Store } from "@omnia/fx/stores";
 import { SidePanelContext } from "../../SidePanelContext";
 export declare class FilterEngineHandler extends Store {
@@ -9,8 +9,7 @@ export declare class FilterEngineHandler extends Store {
     private multilingualStore;
     private localizationService;
     private filterEngineContext;
-    readonly supportedIndexTypes: PropertyIndexedType[];
-    readonly smallContainerMaxWidth: number;
+    readonly smallViewportMaxWidth: number;
     readonly defaultFilterWidth: number;
     readonly resizeTimeWatchId: string;
     private resizeTimeWatch;
@@ -21,6 +20,8 @@ export declare class FilterEngineHandler extends Store {
     private propertyDefinitionHash;
     private propertyMultilingualTitleHash;
     private typedHandlers;
+    private pageNumber;
+    private url;
     private allDataReadyPromise;
     private contextPropertiesApi;
     private contextPropertyDefinitionApi;
@@ -29,8 +30,8 @@ export declare class FilterEngineHandler extends Store {
     private sidePanelInstanceId;
     private isRenderReady;
     private hasSmallContainer;
+    private hasSmallViewport;
     private canRenderSideSections;
-    private canRenderDialogPanel;
     mainSectionMaxWidth: number;
     readonly sectionMinWidth: number;
     private isWaitingForFirstQuery;
@@ -38,9 +39,11 @@ export declare class FilterEngineHandler extends Store {
     private subscriptionHandler;
     getters: {
         keywordsSearching: () => string;
+        pageNumber: () => number;
+        pageUrl: () => string;
         hasSmallContainer: () => boolean;
+        hasSmallViewport: () => boolean;
         canRenderSideSections: () => boolean;
-        canRenderDialogPanel: () => boolean;
         settings: () => FilterEngineSettings;
         enterprisePropertyDefitionHash: () => {
             [propertyName: string]: EnterprisePropertyDefinition;
@@ -65,6 +68,7 @@ export declare class FilterEngineHandler extends Store {
     mutations: {
         registerTopElement: import("@omnia/fx/stores").StoreMutation<(element: Element) => void, (element: Element) => IMessageBusSubscriptionHandler>;
         setKeywordsSearching: import("@omnia/fx/stores").StoreMutation<(keywordsSearching: string) => void, (keywordsSearching: string) => IMessageBusSubscriptionHandler>;
+        setPageNumber: import("@omnia/fx/stores").StoreMutation<(pageNumber: number) => void, (pageNumber: number) => IMessageBusSubscriptionHandler>;
         clearAllSelections: import("@omnia/fx/stores").StoreMutation<(typedHandlers: ITypedFilterEngineHandler[]) => void, (typedHandlers: ITypedFilterEngineHandler[]) => IMessageBusSubscriptionHandler>;
         toggleShowDialog: import("@omnia/fx/stores").StoreMutation<() => void, () => IMessageBusSubscriptionHandler>;
         ensureCloseDialog: import("@omnia/fx/stores").StoreMutation<() => void, () => IMessageBusSubscriptionHandler>;
@@ -74,6 +78,7 @@ export declare class FilterEngineHandler extends Store {
     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>>;
     };
+    private handleDataChange;
     private getPropertyDefinition;
     private updateFilterState;
     private buildRouterProperties;

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

@@ -22,7 +22,8 @@ declare class InternalFilterEngineRouter extends TokenBasedRouter<FilterEngineRo
     deleteFilters(title: string, componentId: GuidValue): void;
     getFilters(componentId: GuidValue): FilterEngineRouterProperty[];
     getSearchingKeyword(componentId: GuidValue): string;
-    addOrUpdateFilters(title: string, componentId: GuidValue, keyword: string, filters: Array<FilterEngineRouterProperty>): void;
+    getPageNumber(componentId: GuidValue): number;
+    addOrUpdateFilters(title: string, componentId: GuidValue, keyword: string, filters: Array<FilterEngineRouterProperty>, pageNumber?: number): void;
     private getFilterComponentState;
     hasDifferentFilterComponentState(componentId: GuidValue, currentKeyword: string, currentFilters: Array<FilterEngineRouterProperty>): boolean;
     clearRoute(): void;

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

@@ -1,39 +1,46 @@
-export interface IdentitiesLocalization {
-    Synchronization: {
-        Provider: {
-            AzureAd: {
-                Title: string;
-                Description: string;
-                SyncPropertyBindingSetupTitle: string;
-                SyncRuleSetupTitle: string;
+export declare module IdentitiesLocalization {
+    const namespace = "Omnia.Ux.Identities";
+    interface locInterface {
+        Synchronization: {
+            Provider: {
+                AzureAd: {
+                    Title: string;
+                    Description: string;
+                    SyncPropertyBindingSetupTitle: string;
+                    SyncRuleSetupTitle: string;
+                };
+            };
+            PropertySyncBinding: {
+                SyncProperty: string;
+                UserProperty: string;
+            };
+            Settings: {
+                AddNewRule: string;
+                AddFilter: string;
+                EditRule: string;
+                UserType: string;
+                DisplayName: string;
+                ErrorNoRules: string;
+                EmptyRuleValue: string;
             };
         };
-        PropertySyncBinding: {
-            SyncProperty: string;
-            UserProperty: string;
-        };
-        Settings: {
-            AddNewRule: string;
-            AddFilter: string;
-            EditRule: string;
-            UserType: string;
+        BuiltInProperties: {
+            UserName: string;
             DisplayName: string;
-            ErrorNoRules: string;
-            EmptyRuleValue: string;
+            UserIcon: string;
+            Email: string;
+            PreferredLanguage: string;
+            UiLanguage: string;
+            Description: string;
+            Image: string;
+            ExternalIdentityMappings: string;
+            IsRemoved: {
+                DeletedUser: string;
+                DeletedGroup: string;
+            };
+        };
+        IdentityExternalMappings: {
+            SharePointAllInternalExceptExternal: string;
         };
-    };
-    BuiltInProperties: {
-        UserName: string;
-        DisplayName: string;
-        UserIcon: string;
-        Email: string;
-        PreferredLanguage: string;
-        UiLanguage: string;
-        Description: string;
-        Image: string;
-        ExternalIdentityMappings: string;
-    };
-    IdentityExternalMappings: {
-        SharePointAllInternalExceptExternal: string;
-    };
+    }
 }

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

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

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

@@ -1,4 +1,5 @@
-import { GuidValue, Identity, IResolvedIdentity, PrincipalTypes } from "@omnia/fx-models";
+import { GuidValue, Identity, IResolvedIdentity, PrincipalTypes, BoolFilter } from "@omnia/fx-models";
+import { IIdentityPickerStore } from "@omnia/fx/stores";
 declare const _default: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<{
     valueBind: Identity[];
     onIdentityAdded: (identity: Identity) => void;
@@ -20,6 +21,9 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
     showSelectedIdentities: boolean;
     displayIdentityType: boolean;
     isClosed: boolean;
+    identityStore: IIdentityPickerStore;
+    emailEnabled: BoolFilter;
+    permissionEnabled: BoolFilter;
 }, "onIdentityAdded">, any, any, any>> & {
     propsDefinition: import("vue-tsx-support").PropsForOutside<{
         valueBind: Identity[];
@@ -42,6 +46,9 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
         showSelectedIdentities: boolean;
         displayIdentityType: boolean;
         isClosed: boolean;
+        identityStore: IIdentityPickerStore;
+        emailEnabled: BoolFilter;
+        permissionEnabled: BoolFilter;
     }, "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[];
@@ -64,6 +71,9 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
     showSelectedIdentities: boolean;
     displayIdentityType: boolean;
     isClosed: boolean;
+    identityStore: IIdentityPickerStore;
+    emailEnabled: BoolFilter;
+    permissionEnabled: BoolFilter;
 }, "onIdentityAdded">, any, any, any>> & {
     propsDefinition: import("vue-tsx-support").PropsForOutside<{
         valueBind: Identity[];
@@ -86,6 +96,9 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
         showSelectedIdentities: boolean;
         displayIdentityType: boolean;
         isClosed: boolean;
+        identityStore: IIdentityPickerStore;
+        emailEnabled: BoolFilter;
+        permissionEnabled: BoolFilter;
     }, "onIdentityAdded">;
 });
 export default _default;

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

@@ -1,4 +1,5 @@
-import { GuidValue, IResolvedIdentity, Identity, PrincipalTypes } from "@omnia/fx-models";
+import { GuidValue, IResolvedIdentity, Identity, PrincipalTypes, BoolFilter } from "@omnia/fx-models";
+import { IIdentityPickerStore } from "../../stores";
 declare const _default: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<{
     onValueBindChanged: (identity: Identity) => void;
     type: PrincipalTypes;
@@ -20,6 +21,9 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
     hideGroupTypeSelection: boolean;
     hideUserTypeSelection: boolean;
     hideDynamicGroupSelection: boolean;
+    identityStore: IIdentityPickerStore;
+    emailEnabled: BoolFilter;
+    permissionEnabled: BoolFilter;
 }, never>, any, any, any>> & {
     propsDefinition: import("vue-tsx-support").PropsForOutside<{
         onValueBindChanged: (identity: Identity) => void;
@@ -42,6 +46,9 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
         hideGroupTypeSelection: boolean;
         hideUserTypeSelection: boolean;
         hideDynamicGroupSelection: boolean;
+        identityStore: IIdentityPickerStore;
+        emailEnabled: BoolFilter;
+        permissionEnabled: BoolFilter;
     }, never>;
 }) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<() => VueTsxSupport.JSX.Element>, {}, import("vue-tsx-support").PropsForOutside<{
     onValueBindChanged: (identity: Identity) => void;
@@ -64,6 +71,9 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
     hideGroupTypeSelection: boolean;
     hideUserTypeSelection: boolean;
     hideDynamicGroupSelection: boolean;
+    identityStore: IIdentityPickerStore;
+    emailEnabled: BoolFilter;
+    permissionEnabled: BoolFilter;
 }, never>, any, any, any>> & {
     propsDefinition: import("vue-tsx-support").PropsForOutside<{
         onValueBindChanged: (identity: Identity) => void;
@@ -86,6 +96,9 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
         hideGroupTypeSelection: boolean;
         hideUserTypeSelection: boolean;
         hideDynamicGroupSelection: boolean;
+        identityStore: IIdentityPickerStore;
+        emailEnabled: BoolFilter;
+        permissionEnabled: BoolFilter;
     }, never>;
 });
 export default _default;

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

@@ -1,4 +1,5 @@
-import { GuidValue, IResolvedIdentity, Identity, PrincipalTypes } from "@omnia/fx-models";
+import { BoolFilter, GuidValue, IResolvedIdentity, Identity, PrincipalTypes } from "@omnia/fx-models";
+import { IIdentityPickerStore } from "../../stores";
 declare const _default: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<{
     onValueBindChanged: (identity: Identity) => void;
     type: PrincipalTypes;
@@ -16,6 +17,9 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
     hideGroupTypeSelection: boolean;
     hideUserTypeSelection: boolean;
     hideDynamicGroupSelection: boolean;
+    identityStore: IIdentityPickerStore;
+    emailEnabled: BoolFilter;
+    permissionEnabled: BoolFilter;
 }, never>, any, any, any>> & {
     propsDefinition: import("vue-tsx-support").PropsForOutside<{
         onValueBindChanged: (identity: Identity) => void;
@@ -34,6 +38,9 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
         hideGroupTypeSelection: boolean;
         hideUserTypeSelection: boolean;
         hideDynamicGroupSelection: boolean;
+        identityStore: IIdentityPickerStore;
+        emailEnabled: BoolFilter;
+        permissionEnabled: BoolFilter;
     }, never>;
 }) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<() => VueTsxSupport.JSX.Element>, {}, import("vue-tsx-support").PropsForOutside<{
     onValueBindChanged: (identity: Identity) => void;
@@ -52,6 +59,9 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
     hideGroupTypeSelection: boolean;
     hideUserTypeSelection: boolean;
     hideDynamicGroupSelection: boolean;
+    identityStore: IIdentityPickerStore;
+    emailEnabled: BoolFilter;
+    permissionEnabled: BoolFilter;
 }, never>, any, any, any>> & {
     propsDefinition: import("vue-tsx-support").PropsForOutside<{
         onValueBindChanged: (identity: Identity) => void;
@@ -70,6 +80,9 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
         hideGroupTypeSelection: boolean;
         hideUserTypeSelection: boolean;
         hideDynamicGroupSelection: boolean;
+        identityStore: IIdentityPickerStore;
+        emailEnabled: BoolFilter;
+        permissionEnabled: BoolFilter;
     }, never>;
 });
 export default _default;

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

@@ -1,4 +1,5 @@
-import { GuidValue, IResolvedIdentity, Identity, PrincipalTypes } from "@omnia/fx-models";
+import { GuidValue, IResolvedIdentity, Identity, PrincipalTypes, BoolFilter } from "@omnia/fx-models";
+import { IIdentityPickerStore } from "@omnia/fx/stores";
 declare const _default: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<{
     valueBind: Identity[];
     onValueBindChanged: (values: Identity[]) => void;
@@ -26,6 +27,9 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
     hideGroupTypeSelection: boolean;
     hideUserTypeSelection: boolean;
     hideDynamicGroupSelection: boolean;
+    identityStore: IIdentityPickerStore;
+    emailEnabled: BoolFilter;
+    permissionEnabled: BoolFilter;
 }, "valueBind">, any, any, any>> & {
     propsDefinition: import("vue-tsx-support").PropsForOutside<{
         valueBind: Identity[];
@@ -54,6 +58,9 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
         hideGroupTypeSelection: boolean;
         hideUserTypeSelection: boolean;
         hideDynamicGroupSelection: boolean;
+        identityStore: IIdentityPickerStore;
+        emailEnabled: BoolFilter;
+        permissionEnabled: BoolFilter;
     }, "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[];
@@ -82,6 +89,9 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
     hideGroupTypeSelection: boolean;
     hideUserTypeSelection: boolean;
     hideDynamicGroupSelection: boolean;
+    identityStore: IIdentityPickerStore;
+    emailEnabled: BoolFilter;
+    permissionEnabled: BoolFilter;
 }, "valueBind">, any, any, any>> & {
     propsDefinition: import("vue-tsx-support").PropsForOutside<{
         valueBind: Identity[];
@@ -110,6 +120,9 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
         hideGroupTypeSelection: boolean;
         hideUserTypeSelection: boolean;
         hideDynamicGroupSelection: boolean;
+        identityStore: IIdentityPickerStore;
+        emailEnabled: BoolFilter;
+        permissionEnabled: BoolFilter;
     }, "valueBind">;
 });
 export default _default;

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

@@ -1,4 +1,5 @@
-import { GuidValue, Identity, IResolvedIdentity, PrincipalTypes } from "@omnia/fx-models";
+import { BoolFilter, GuidValue, Identity, IResolvedIdentity, PrincipalTypes } from "@omnia/fx-models";
+import { IIdentityPickerStore } from "@omnia/fx/stores";
 /**
  * @deprecated Due to recent changes, it's better to use omfx-identity-picker directly instead. This component should be deleted when there's no usage left.
  */
@@ -29,6 +30,9 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
     hideDynamicGroupSelection: boolean;
     isKeepMenuOpen: (value: Boolean) => void;
     showSelectedIdentities: boolean;
+    identityStore: IIdentityPickerStore;
+    emailEnabled: BoolFilter;
+    permissionEnabled: BoolFilter;
 }, "valueBind">, any, any, any>> & {
     propsDefinition: import("vue-tsx-support").PropsForOutside<{
         valueBind: Identity[];
@@ -57,6 +61,9 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
         hideDynamicGroupSelection: boolean;
         isKeepMenuOpen: (value: Boolean) => void;
         showSelectedIdentities: boolean;
+        identityStore: IIdentityPickerStore;
+        emailEnabled: BoolFilter;
+        permissionEnabled: BoolFilter;
     }, "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[];
@@ -85,6 +92,9 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
     hideDynamicGroupSelection: boolean;
     isKeepMenuOpen: (value: Boolean) => void;
     showSelectedIdentities: boolean;
+    identityStore: IIdentityPickerStore;
+    emailEnabled: BoolFilter;
+    permissionEnabled: BoolFilter;
 }, "valueBind">, any, any, any>> & {
     propsDefinition: import("vue-tsx-support").PropsForOutside<{
         valueBind: Identity[];
@@ -113,6 +123,9 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
         hideDynamicGroupSelection: boolean;
         isKeepMenuOpen: (value: Boolean) => void;
         showSelectedIdentities: boolean;
+        identityStore: IIdentityPickerStore;
+        emailEnabled: BoolFilter;
+        permissionEnabled: BoolFilter;
     }, "valueBind">;
 });
 export default _default;

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

@@ -50,6 +50,7 @@ export declare class LayoutBlockRenderer extends VueComponentBase<BlockRendererP
     beforeCreate(): void;
     created(): void;
     beforeDestroy(): void;
+    private scrollIntoViewDisabled;
     private handleAnchorLink;
     private get backgroundImage();
     /**
@@ -57,6 +58,7 @@ export declare class LayoutBlockRenderer extends VueComponentBase<BlockRendererP
      * @param h
      */
     createElement(): VNode;
+    private getThemeTargetId;
     private createAnchorElement;
     private getAnchorName;
     hideBlock(isHide: boolean): void;

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

@@ -1,2 +1,2 @@
 import { MediaPickerMedia } from "@omnia/fx-models";
-export declare function resolveImageUrl(media: MediaPickerMedia): [src: string, isVideo: boolean];
+export declare function resolveImageUrl(media: MediaPickerMedia): [src: string, isVideo: boolean, altTxt: string];

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

@@ -0,0 +1,3 @@
+export declare enum MediaPropDrillingKey {
+    PhotoSingleView = "PhotoSingleView"
+}

package/internal-do-not-import-from-here/ux/mediagallery/gallerydialogproviders/slider/Delimiter.css.d.ts

@@ -1,6 +1,6 @@
 export declare const DelimiterCss: {
-    inActiveDelimiter: (index: number) => string;
-    activeDelimiter: (index: number) => string;
+    inActiveDelimiter: (index: number, bgColor: string) => string;
+    activeDelimiter: (index: number, bgColor: string) => string;
     container: string;
     delimiter: (index: number) => string;
     videoMask: string;

package/internal-do-not-import-from-here/ux/mediagallery/gallerydialogproviders/slider/Slider.css.d.ts

@@ -1,9 +1,11 @@
 export declare const SliderCss: {
     editorContainer: string;
     vidContainer: string;
+    mediaVidContainer: string;
     imgStyle: (sliderFooterWidth: string) => string;
     imgStyleMobile: () => string;
     carouselDialog: string;
+    carouselImg: (sliderFooterWidth: string) => string;
     sliderGalleryDialog: string;
     carouselItem: (sliderFooterWidth: string) => string;
     mediaCaption: string;

package/internal-do-not-import-from-here/ux/mediagallery/galleryviewproviders/photowall/PhotoWall.css.d.ts

@@ -0,0 +1,4 @@
+export declare const PhotoWallCss: {
+    singleImgStyling: string;
+    singleMediaDisplayStyling: (isDark: boolean) => string;
+};

package/internal-do-not-import-from-here/ux/mediagallery/galleryviewproviders/photowall/components/PhotoThumb.d.ts

@@ -1,10 +1,11 @@
+import { PhotoWallMediaWithId } from "@omnia/fx-models";
 export interface PhotoThumb {
-    thumb: string;
+    media: PhotoWallMediaWithId;
     borderRadius: string;
-    isVideo: boolean;
 }
 declare const _default: import("vue-tsx-support")._TsxComponentV3<import("vue").default, {}, import("vue-tsx-support").PropsForOutside<PhotoThumb, never>, any, any, any>;
 export default _default;
 export declare const PhotoThumnailCss: {
     container: (backGroundImg: String, borderRadius: string) => string;
+    imgStyle: string;
 };

package/internal-do-not-import-from-here/ux/mediagallery/galleryviewproviders/photowall/components/RowPhotos.css.d.ts

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

package/internal-do-not-import-from-here/ux/mediagallery/galleryviewproviders/photowall/components/RowPhotos.d.ts

@@ -1,5 +1,6 @@
 import { CollageMetadata } from "./CollageMetadata";
 import { PhotoWallMediaWithId } from "@omnia/fx-models";
+import "./RowPhotos.css";
 export interface RowPhotos extends CollageMetadata {
     height: string;
     photos: Array<PhotoWallMediaWithId>;
@@ -7,6 +8,7 @@ export interface RowPhotos extends CollageMetadata {
     remainingNum: number;
     showNumOfRemainingPhotos: boolean;
     photoGap: string;
+    isSingleView: boolean;
 }
 declare const _default: import("vue-tsx-support")._TsxComponentV3<import("vue").default, {}, import("vue-tsx-support").PropsForOutside<RowPhotos, never>, any, any, any>;
 export default _default;

package/internal-do-not-import-from-here/ux/mediagallery/galleryviewproviders/photowall/loc/localize.d.ts

@@ -2,5 +2,6 @@ export declare module PhotoWallLocalization {
     const namespace = "Omnia.Fx.Media.Gallery.PhotoWall";
     interface locInterface {
         Title: string;
+        DisplayPhotoWall: string;
     }
 }

package/internal-do-not-import-from-here/ux/mediagallery/view/{MediaView.d.ts → MediaDisplayRenderer.d.ts}

@@ -1,11 +1,15 @@
 import { MediaPickerMedia } from "@omnia/fx-models";
-export interface MediaViewDefault {
+export interface MediaDisplayRenderer {
     media: MediaPickerMedia | MediaPickerMedia[];
     imageRatioId?: number;
+    mediaStyle?: string | object | object[];
+    mediaClass?: string;
+    showCaption?: boolean;
+    thumbnailOnly?: boolean;
 }
-declare const _default: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<MediaViewDefault, never>, any, any, any>> & {
-    propsDefinition: import("vue-tsx-support").PropsForOutside<MediaViewDefault, never>;
-}) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<any>, {}, import("vue-tsx-support").PropsForOutside<MediaViewDefault, never>, any, any, any>> & {
-    propsDefinition: import("vue-tsx-support").PropsForOutside<MediaViewDefault, never>;
+declare const _default: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<MediaDisplayRenderer, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<MediaDisplayRenderer, never>;
+}) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<any>, {}, import("vue-tsx-support").PropsForOutside<MediaDisplayRenderer, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<MediaDisplayRenderer, never>;
 });
 export default _default;

package/internal-do-not-import-from-here/ux/mediagallery/view/PhotoWallWithSliderDisplayRenderer.css.d.ts

@@ -0,0 +1,4 @@
+import { types } from "typestyle";
+export declare const PhotoWallWithSliderDisplayRenderer: {
+    wrapperStyle?: types.NestedCSSProperties;
+};

package/internal-do-not-import-from-here/ux/mediagallery/view/PhotoWallWithSliderDisplayRenderer.d.ts

@@ -0,0 +1,14 @@
+import { MediaPickerMedia } from "@omnia/fx-models";
+export interface PhotoWallWithSliderDisplayRenderer {
+    media: Array<MediaPickerMedia>;
+    mediaData: string;
+    defaultVSlot: JSX.Element;
+    imageStyle: string;
+    disableDialog?: boolean;
+}
+declare const _default: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<PhotoWallWithSliderDisplayRenderer, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<PhotoWallWithSliderDisplayRenderer, never>;
+}) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<any>, {}, import("vue-tsx-support").PropsForOutside<PhotoWallWithSliderDisplayRenderer, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<PhotoWallWithSliderDisplayRenderer, never>;
+});
+export default _default;

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

@@ -5,7 +5,8 @@ export declare const MediaPickerStyles: {
     iconSvg: string;
     iconWrapper: string;
     providerWrapper: string;
-    toolbarTitle: string;
+    toolbarTitle: (width: string) => string;
+    toolbarFiller: (width: string) => string;
     selectedProvider: (bgColor: string) => string;
     multiPanelNavigationDrawer: (width: string) => string;
     navigationDrawer: (width: any) => string;

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

@@ -17,6 +17,8 @@ export interface MediaPickerProviderComponentProps {
     /** Set the search keyword value and execute the onSearch method */
     setSearchKeyword: (value: string) => void;
     onChanged: (state: any) => void;
+    /**Enable caption for media */
+    enableMediaCaption?: boolean;
 }
 export interface MediaPickerImageTransformerProps {
     sourceImage: MediaPickerBase64Image | MediaPickerTransformedBase64Image;

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

@@ -103,6 +103,7 @@ export declare class MediaPickerRenderer extends VueComponentBase<IMediaPicker &
     renderLeftMenu(): VueTsxSupport.JSX.Element;
     renderActionButtons(buttons: Array<MediaPickerActionButton>): JSX.Element[];
     private renderEditImageForm;
+    private deSelectMediaItemPanel;
     private renderActivedProvider;
     private onCreatedProviderComponent;
     private activedProviderComponent;

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

@@ -16,10 +16,16 @@ export interface IMediaPickerImage {
     * The scaling to use for the image
     * */
     scalingId?: number;
+    /**
+     * Specify if image is contain or cover
+     */
+    contain?: boolean;
     avatar?: {
         size: number;
     };
     displayVSlot?: boolean;
+    containerClass?: string;
+    showCaption?: boolean;
 }
 declare global {
     namespace VueTsxSupport.JSX {

package/internal-do-not-import-from-here/ux/mediapickerimage/MediaPickerImage.css.d.ts

@@ -1,3 +1,4 @@
 export declare const MediaPickerImageStyles: {
     wrapper: string;
+    imgCaption: string;
 };

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

@@ -14,8 +14,13 @@ export declare class MediaPickerImageComponent extends VueComponentBase<IMediaPi
         size: number;
     };
     displayVSlot?: boolean;
+    contain: boolean;
+    containerClass?: string;
+    showCaption?: boolean;
+    imgClass: string;
     mediaPickerService: MediaPickerService;
     private omniaUrl;
+    private isLoading;
     created(): void;
     mounted(): void;
     onImagedataChanged(imagejson: string): void;

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

@@ -15,6 +15,7 @@ export declare module MicrosoftStreamProviderLocalization {
             Responsive: string;
             ShowInfo: string;
             VideoInformation: string;
+            VideoCaption: string;
         };
         Message: {
             InvalidInputStartTime: string;

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

@@ -18,6 +18,7 @@ export declare module YouTubeProviderLocalization {
             Responsive: string;
             ShowInfo: string;
             VideoInformation: string;
+            VideoCaption: string;
         };
         Message: {
             InvalidInputStartTime: string;