@omnia/fx 7.1.18-dev → 7.1.18

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;
@@ -15,6 +16,7 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
     singleLine: boolean;
     ariaDescribedby: string;
     ariaInvalid: boolean;
+    dense: boolean;
     showCurrentUserOption: boolean;
     autoOpenSelection: boolean;
     disabledIdentities: Identity[];
@@ -25,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[];
@@ -42,6 +47,7 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
         singleLine: boolean;
         ariaDescribedby: string;
         ariaInvalid: boolean;
+        dense: boolean;
         showCurrentUserOption: boolean;
         autoOpenSelection: boolean;
         disabledIdentities: Identity[];
@@ -52,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[];
@@ -69,6 +78,7 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
     singleLine: boolean;
     ariaDescribedby: string;
     ariaInvalid: boolean;
+    dense: boolean;
     showCurrentUserOption: boolean;
     autoOpenSelection: boolean;
     disabledIdentities: Identity[];
@@ -79,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[];
@@ -96,6 +109,7 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
         singleLine: boolean;
         ariaDescribedby: string;
         ariaInvalid: boolean;
+        dense: boolean;
         showCurrentUserOption: boolean;
         autoOpenSelection: boolean;
         disabledIdentities: Identity[];
@@ -106,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,8 @@
-import { GuidValue, IResolvedIdentity, Identity, 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.
+ */
 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;
@@ -25,6 +29,10 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
     hideUserTypeSelection: boolean;
     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[];
@@ -52,6 +60,10 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
         hideUserTypeSelection: boolean;
         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[];
@@ -79,6 +91,10 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
     hideUserTypeSelection: boolean;
     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[];
@@ -106,6 +122,10 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
         hideUserTypeSelection: boolean;
         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/imagetransformer/Components/ImageSetting/ImageSetting.d.ts

@@ -11,10 +11,12 @@ export interface ImageSettingProps {
      * */
     imageBase64: MediaPickerBase64Image;
     changed: (updated: MediaPickerBase64Image) => void;
+    showCaption: boolean;
 }
 export declare class ImageSetting extends VueComponentBase<ImageSettingProps> implements IWebComponentInstance, ImageSettingProps {
     imageBase64: MediaPickerBase64Image;
     changed: (updated: MediaPickerBase64Image) => void;
+    showCaption: boolean;
     omniaTheming: OmniaTheming;
     mediaPickerService: MediaPickerService;
     loc: ImageTransformerLocalization.locInterface;

package/internal-do-not-import-from-here/ux/imagetransformer/Components/ImageTransformCropper/ImageTransformCropper.d.ts

@@ -38,6 +38,7 @@ export declare class ImageTransformCropper extends VueComponentBase<ImageTransfo
     loc: ImageTransformerLocalization.locInterface;
     multilingualStore: MultilingualStore;
     mediaPickerStore: MediaPickerStore;
+    private index;
     private availableImageRatioDefinitions;
     private internalCropTransformationData;
     private selectedCropRatio;
@@ -54,6 +55,7 @@ export declare class ImageTransformCropper extends VueComponentBase<ImageTransfo
     generatedCropZone(imageCropzoneRect: ImageCropzoneRect, cropzoneRect?: number): void;
     saveCropState(rendition: MediaPickerCropTransformation): void;
     getCropState(ratioId: number): MediaPickerCropTransformation;
+    getIndex(): number;
     render(): VueTsxSupport.JSX.Element;
 }
 export {};

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

@@ -14,6 +14,7 @@ export declare class ImageTransformer extends VueComponentBase<IImageTransformer
     options: ImageTransformerOptions;
     nisse: any;
     testThis: any;
+    showCaption: boolean;
     omniaTheming: OmniaTheming;
     mediaPickerService: MediaPickerService;
     loc: ImageTransformerLocalization.locInterface;

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

@@ -29,6 +29,7 @@ export declare module ImageTransformerLocalization {
         ColorFilter: string;
         TransformComponentTitle: string;
         ImageAlt: string;
+        ImageCaption: string;
         Calculating: string;
         Size: {
             Title: string;

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

@@ -17,6 +17,8 @@ export interface ILanguagePicker {
     hideDisplayName?: boolean;
     /**Enable default settings */
     enableContextSettings?: boolean;
+    /**Make it clearable*/
+    clearable?: boolean;
     /**Language model */
     valueBind: Language;
     /**On model change */

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

@@ -17,6 +17,7 @@ export declare class LanguagePicker extends Vue implements IWebComponentInstance
     hideDisplayName?: boolean;
     enableContextSettings?: boolean;
     loadLanguage?: () => Promise<Array<Language>>;
+    clearable?: boolean;
     scopedSlots?: ScopedSlots<IVSelectScopedSlots>;
     styles?: typeof LanguagePickerStyles;
     private localizationService;

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

@@ -11,5 +11,6 @@ export default class CssSectionItem extends VueComponentBase {
      * Watch for section changes
      * */
     private onSectionChange;
+    private onToggleDisableLazyLoad;
     render(): VueTsxSupport.JSX.Element;
 }

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

@@ -45,10 +45,12 @@ export declare class LayoutBlockRenderer extends VueComponentBase<BlockRendererP
     private isHideBlock;
     private targetCurrentUser;
     private isEditMode;
+    private isLazyLoad;
     onBlockChanged(): void;
     beforeCreate(): void;
     created(): void;
     beforeDestroy(): void;
+    private scrollIntoViewDisabled;
     private handleAnchorLink;
     private get backgroundImage();
     /**

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

@@ -36,6 +36,8 @@ export declare const SharedRendererStyles: {
         getStylesForSpacingInContainer(sectionSettings: SectionSettings, fullHeight: boolean): string;
         createMediaBreakPointForDevice(sectionSettings: SectionSettings, deviceBreakPoint: DisplayBreakPoint): types.NestedCSSProperties;
         getStylesForMarginCollapsAndSpacing(sectionSettings: SectionSettings): string;
+        sectionDisplayFlexDesignMode: string;
+        sectionDisplayBlockDesignMode: string;
     };
     tabs: {
         tabWrapper: string;
@@ -64,5 +66,6 @@ export declare const SharedRendererStyles: {
             horizontalContentItems: (inEditor: boolean) => string;
         };
         tabContentWrapper: (iconAndText: boolean) => string;
+        alignTextAndIcon: (settings: TabbedSectionSettings, iconAndText: boolean) => string;
     };
 };

package/internal-do-not-import-from-here/ux/magiclink/MagicLink.css.d.ts

@@ -2,5 +2,5 @@ import { Breakpoint } from "@omnia/fx-models";
 import { types } from "typestyle";
 export declare const MagicLinkStyles: {
     main: (breakPoint: Breakpoint) => types.NestedCSSProperties;
-    container: types.NestedCSSProperties;
+    container: (breakPoint: Breakpoint) => types.NestedCSSProperties;
 };

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

@@ -4,5 +4,6 @@ export declare module MagicLinkLocalization {
         BrowserTabTitle: string;
         MagicLinkMessage: string;
         ConfirmedEmailMessage: string;
+        SigninConfirmMessage: string;
     }
 }

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

@@ -0,0 +1,2 @@
+import { MediaPickerMedia } from "@omnia/fx-models";
+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/apis/IInternalGalleryDialogProvider.d.ts

@@ -0,0 +1,4 @@
+import { IGalleryDialogProvider, MediaGalleryDialogProvider } from "@omnia/fx-models";
+export interface IInternalGalleryDialogProvider extends IGalleryDialogProvider {
+    getAllProviders: () => MediaGalleryDialogProvider[];
+}

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

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

package/internal-do-not-import-from-here/ux/mediagallery/gallerydialogproviders/apis/index.d.ts

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

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

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

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

@@ -0,0 +1,7 @@
+export declare const DelimiterCss: {
+    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/Delimiter.d.ts

@@ -0,0 +1,16 @@
+import { MediaPickerMedia } from "@omnia/fx-models";
+export interface CarouselDelimiter {
+    activeIndex: number;
+    media: Array<MediaPickerMedia>;
+    changeIndex: (index: number) => void;
+}
+export interface ThumbnailMetadata {
+    src: string;
+    isVideo: boolean;
+}
+declare const _default: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<CarouselDelimiter, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<CarouselDelimiter, never>;
+}) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<any>, {}, import("vue-tsx-support").PropsForOutside<CarouselDelimiter, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<CarouselDelimiter, never>;
+});
+export default _default;

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

@@ -0,0 +1,12 @@
+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/gallerydialogproviders/slider/Slider.d.ts

@@ -0,0 +1,7 @@
+import { MediaDialogProviderComponentProps } from "@omnia/fx-models";
+declare const _default: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<MediaDialogProviderComponentProps, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<MediaDialogProviderComponentProps, never>;
+}) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<any>, {}, import("vue-tsx-support").PropsForOutside<MediaDialogProviderComponentProps, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<MediaDialogProviderComponentProps, never>;
+});
+export default _default;

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

@@ -0,0 +1,6 @@
+export declare module SliderDialogLocalization {
+    const namespace = "Omnia.Fx.Media.Gallery.SliderDialog";
+    interface locInterface {
+        Title: string;
+    }
+}

package/internal-do-not-import-from-here/ux/mediagallery/galleryviewproviders/apis/IInternalGalleryDisplayProvider.d.ts

@@ -0,0 +1,4 @@
+import { MediaGalleryDisplayProvider, IGalleryDisplayProvider } from "@omnia/fx-models";
+export interface IInternalGalleryDisplayProvider extends IGalleryDisplayProvider {
+    getAllProviders: () => MediaGalleryDisplayProvider[];
+}

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

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

package/internal-do-not-import-from-here/ux/mediagallery/galleryviewproviders/apis/index.d.ts

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

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

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

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/PhotoWall.d.ts

@@ -0,0 +1,7 @@
+import { MediaDisplayProviderComponentProps } from "@omnia/fx-models";
+declare const _default: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<MediaDisplayProviderComponentProps, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<MediaDisplayProviderComponentProps, never>;
+}) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<any>, {}, import("vue-tsx-support").PropsForOutside<MediaDisplayProviderComponentProps, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<MediaDisplayProviderComponentProps, never>;
+});
+export default _default;

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

@@ -0,0 +1,5 @@
+import { PhotoWallDirection } from "internal/fx/models/media-gallery";
+export interface CollageMetadata {
+    borderRadius: string;
+    direction: PhotoWallDirection;
+}

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

@@ -0,0 +1,5 @@
+declare const _default: import("vue-tsx-support")._TsxComponentV3<import("vue").default, {}, import("vue-tsx-support").PropsForOutside<unknown, never>, any, any, any>;
+export default _default;
+export declare const NumberOfRemainingCss: {
+    container: string;
+};

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

@@ -0,0 +1,15 @@
+import { CollageMetadata } from "./CollageMetadata";
+import { LayoutPhotoMap } from "@omnia/fx-models";
+export interface PhotoCollage extends CollageMetadata {
+    disabled: boolean;
+    width: string;
+    height: Array<string>;
+    layout: Array<number>;
+    layoutPhotoMaps: LayoutPhotoMap;
+    layoutNum: number;
+    remainingNum: number;
+    showNumOfRemainingPhotos: boolean;
+    photoGap: string;
+}
+declare const _default: import("vue-tsx-support")._TsxComponentV3<import("vue").default, {}, import("vue-tsx-support").PropsForOutside<PhotoCollage, never>, any, any, any>;
+export default _default;

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

@@ -0,0 +1,17 @@
+import { CollageMetadata } from "./CollageMetadata";
+import { PhotoWallMedia } from "@omnia/fx-models";
+interface PhotoCollageWrapper extends CollageMetadata {
+    disabled: boolean;
+    width: string;
+    height: Array<string>;
+    layout: Array<number>;
+    media: Array<PhotoWallMedia>;
+    showNumberOfRemainingPhotos: boolean;
+    gapSize: string;
+}
+declare const _default: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<PhotoCollageWrapper, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<PhotoCollageWrapper, never>;
+}) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<any>, {}, import("vue-tsx-support").PropsForOutside<PhotoCollageWrapper, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<PhotoCollageWrapper, never>;
+});
+export default _default;

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

@@ -0,0 +1,10 @@
+import { CollageMetadata } from "./CollageMetadata";
+import { FlexDirection } from "@omnia/fx-models";
+export interface PhotoGrid extends CollageMetadata {
+    photoGridGap: string;
+}
+declare const _default: import("vue-tsx-support")._TsxComponentV3<import("vue").default, {}, import("vue-tsx-support").PropsForOutside<PhotoGrid, never>, any, any, any>;
+export default _default;
+export declare const PhotoGridCss: {
+    container: (photoGridGap: string, direction: FlexDirection) => string;
+};

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

@@ -0,0 +1,8 @@
+export interface PhotoMask {
+    borderRadius: string;
+}
+declare const _default: import("vue-tsx-support")._TsxComponentV3<import("vue").default, {}, import("vue-tsx-support").PropsForOutside<PhotoMask, never>, any, any, any>;
+export default _default;
+export declare const PhotoMaskCss: {
+    container: (borderRadius: string) => string;
+};

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

@@ -0,0 +1,7 @@
+import { CollageMetadata } from "./CollageMetadata";
+export interface PhotoRow extends CollageMetadata {
+    rowHeight: string;
+    photoGridGap: string;
+}
+declare const _default: import("vue-tsx-support")._TsxComponentV3<import("vue").default, {}, import("vue-tsx-support").PropsForOutside<PhotoRow, never>, any, any, any>;
+export default _default;

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

@@ -0,0 +1,11 @@
+import { PhotoWallMediaWithId } from "@omnia/fx-models";
+export interface PhotoThumb {
+    media: PhotoWallMediaWithId;
+    borderRadius: string;
+}
+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

@@ -0,0 +1,14 @@
+import { CollageMetadata } from "./CollageMetadata";
+import { PhotoWallMediaWithId } from "@omnia/fx-models";
+import "./RowPhotos.css";
+export interface RowPhotos extends CollageMetadata {
+    height: string;
+    photos: Array<PhotoWallMediaWithId>;
+    layoutNum: number;
+    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/components/ViewMore.d.ts

@@ -0,0 +1,5 @@
+declare const _default: import("vue-tsx-support")._TsxComponentV3<import("vue").default, {}, import("vue-tsx-support").PropsForOutside<unknown, never>, any, any, any>;
+export default _default;
+export declare const ViewMoreCss: {
+    container: string;
+};

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

@@ -0,0 +1,7 @@
+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/MediaDisplayRenderer.d.ts

@@ -0,0 +1,15 @@
+import { MediaPickerMedia } from "@omnia/fx-models";
+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<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/GalleryPanel.css.d.ts

@@ -0,0 +1,5 @@
+import { ITheming } from "../theming";
+export declare const GalleryPanelCss: {
+    deleteBtn: (theming: ITheming) => string;
+    activePanel: string;
+};

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

@@ -0,0 +1,35 @@
+import { VueComponentBase } from "../VueComponentBase";
+import { IWebComponentInstance } from "internal/fx/runtime/core/InternalWebComponentBootstrapper";
+import { MediaPickerImage, MediaPickerImageTransformationResult, MediaPickerVideo } from "../../models";
+import { MediaPickerService } from "@omnia/fx/services";
+export interface IGalleryPanels {
+    selectedMedia: (Array<MediaPickerImageTransformationResult | MediaPickerImage | MediaPickerVideo>);
+    selectEvent: (index: number) => void;
+    orderChange: (oldIndex: number, newIndex: number) => void;
+    removeItemEvent: (index: number) => void;
+    activeIndex: number;
+    addNewEvent: () => void;
+}
+export declare class GalleryPanels extends VueComponentBase<IGalleryPanels> implements IWebComponentInstance, IGalleryPanels {
+    selectedMedia: (Array<MediaPickerImageTransformationResult | MediaPickerImage | MediaPickerVideo>);
+    orderChange: (oldIndex: number, newIndex: number) => void;
+    selectEvent: (index: number) => void;
+    removeItemEvent: (index: number) => void;
+    activeIndex: number;
+    addNewEvent: () => void;
+    mediaPickerService: MediaPickerService;
+    private activeElement;
+    private omniaUrl;
+    created(): void;
+    updated(): void;
+    setActiveIndexIntoView(): void;
+    getMediaPickerImageTransformationResultImg(media: MediaPickerImageTransformationResult, index: number): VueTsxSupport.JSX.Element;
+    getVideoThumbnail(media: MediaPickerVideo, index: number): VueTsxSupport.JSX.Element;
+    getImgSource(media: MediaPickerImageTransformationResult | MediaPickerImage | MediaPickerVideo, index: number): VueTsxSupport.JSX.Element;
+    getMediaPickerImage(img: MediaPickerImage, index: number): VueTsxSupport.JSX.Element;
+    private resolveImageUrl;
+    renderMultiSelectPanel(media: Array<MediaPickerImageTransformationResult | MediaPickerImage | MediaPickerVideo>): VueTsxSupport.JSX.Element;
+    private onMediaSelect;
+    private onOrdinalChange;
+    render(): VueTsxSupport.JSX.Element;
+}

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

@@ -2,7 +2,7 @@ import { MediaPickerMedia, MediaPickerImageSettings, MediaPickerStorageProviderC
 import { TsxAllowUnknowProperties } from "../";
 export interface IMediaPicker {
     /** Selected media */
-    selectedMedia?: MediaPickerMedia;
+    selectedMedia?: MediaPickerMedia | Array<MediaPickerMedia>;
     /** Indicate web application service ID and the needed properties to handle image */
     providerContext: MediaPickerStorageProviderContext;
     /** Image settings for picking images */
@@ -12,11 +12,14 @@ export interface IMediaPicker {
     /** Change provider order, remove provider, add custom provider*/
     providerConfiguration?: (providers: Array<MediaPickerProvider>) => Array<MediaPickerProvider>;
     /** The callback when image is saved completely or video result is created */
-    saved: (result: MediaPickerMedia) => void;
+    saved: (result: MediaPickerMedia | Array<MediaPickerMedia>) => void;
     /** The callback when close media picker */
     closed?: () => void;
     /** Render the picker in dialog */
     dialog?: boolean;
+    enableGallery?: boolean;
+    itemLimit?: number;
+    enableMediaCaption?: boolean;
 }
 declare global {
     namespace VueTsxSupport.JSX {

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

@@ -5,10 +5,12 @@ export declare const MediaPickerStyles: {
     iconSvg: string;
     iconWrapper: string;
     providerWrapper: string;
-    toolbarTitle: string;
+    toolbarTitle: (width: string) => string;
+    toolbarFiller: (width: string) => string;
     selectedProvider: (bgColor: string) => string;
-    navigationDrawer: string;
-    bodyWrapper: string;
+    multiPanelNavigationDrawer: (width: string) => string;
+    navigationDrawer: (width: any) => string;
+    bodyWrapper: (showGallery: boolean) => string;
     body: string;
     elementWrapper: string;
     loadingOverlay: string;