@omnia/fx 7.11.33 → 7.12.2

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

@@ -1,37 +1,20 @@
-import Vue from "vue";
-import { IWebComponentInstance, OmniaContext } from "../..";
-import { IHeading, HeadingSizes, HeadingModel } from "./IHeading";
+import { HeadingSizes, HeadingModel } from "./IHeading";
 import "./Heading.css";
 import { HeadingStyles } from "../models";
-import { OmniaTheming } from "..";
-import { SubscriptionHandler } from "../../core";
-export declare class Heading extends Vue implements IWebComponentInstance, IHeading {
+export interface HeadingProps {
     settingsKey?: string;
     securityRoleId?: string;
+    tag?: string;
     styles?: typeof HeadingStyles;
     editable?: boolean;
     label?: string;
     defaultTitle?: string;
     size?: HeadingSizes;
     onChange?: (model: HeadingModel) => void;
-    private omniaUxLocalization;
-    omniaContext: OmniaContext;
-    omniaTheming: OmniaTheming;
-    private localizationService;
-    subscriptionHandler: SubscriptionHandler;
-    private settingsService;
-    private selectedLang;
-    private settings;
-    private headingClasses;
-    private readyToRenderTitle;
-    private _defaultTitle;
-    created(): void;
-    mounted(): void;
-    beforeDestroy(): void;
-    private populateSettings;
-    private save;
-    renderTitleReadOnly(): VueTsxSupport.JSX.Element;
-    renderTitleEditable(): VueTsxSupport.JSX.Element;
-    renderTitle(): VueTsxSupport.JSX.Element;
-    render(): VueTsxSupport.JSX.Element;
 }
+export declare const Heading: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<HeadingProps, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<HeadingProps, never>;
+}) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<any>, {}, import("vue-tsx-support").PropsForOutside<HeadingProps, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<HeadingProps, never>;
+});
+export default Heading;

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

@@ -1,5 +1,4 @@
 import { HeadingStyles } from "../models";
-import { TsxAllowUnknowProperties } from "../TsxAllowUnknowProperties";
 /**
  * Different sizes of the heading
 */
@@ -17,6 +16,7 @@ export interface IHeadingProperties {
      * The size of the heading
      */
     size?: HeadingSizes;
+    tag?: string;
     settingsKey?: string;
     securityRoleId?: string;
     label?: string;
@@ -27,14 +27,3 @@ export interface IHeading extends IHeadingProperties {
     styles?: typeof HeadingStyles;
     onChange?: (model: HeadingModel) => void;
 }
-declare global {
-    namespace VueTsxSupport.JSX {
-        interface Element {
-        }
-        interface ElementClass {
-        }
-        interface IntrinsicElements {
-            "omfx-heading": TsxAllowUnknowProperties<IHeading>;
-        }
-    }
-}

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

@@ -1,8 +1,30 @@
-import { HeadingConfiguration, HeadingStyleConfiguration, HeaderLevel } from "@omnia/fx-models";
+import { HeadingConfiguration, HeadingSettings, HeadingStyleConfiguration } from "@omnia/fx-models";
 export declare const HeadingConfigurationFactory: {
     create(): Array<HeadingConfiguration>;
+    /**
+     * Resolves the effective set of text styles that should be applied everywhere
+     * EXCEPT the rich text editor (the "Apply everywhere" tab). When the global styles
+     * are enabled the configured global headings are returned; otherwise the built-in
+     * defaults (all neutral/inherit) are returned so that the element list stays
+     * available to consumers while no custom styling is applied.
+     */
+    getGlobalHeadings(settings: HeadingSettings): Array<HeadingConfiguration>;
+    /**
+     * The class written into rich text content is always `p-<id>` (see the heading toolbar and the
+     * custom style editor), but settings saved while the built-in Summary default was generated as
+     * `p<id>` (missing separator) persist that malformed class, which breaks content parse-back,
+     * the toolbar selection state and the override CSS selector. Heal such values wherever heading
+     * configurations are consumed so old settings keep matching the content format.
+     */
+    normalizeHeadings(headings: Array<HeadingConfiguration>): Array<HeadingConfiguration>;
     createInitial(): HeadingConfiguration;
     createDefaultHeadingStyle(): HeadingStyleConfiguration;
     getHeadingStyle(heading: HeadingConfiguration, useImportant?: boolean): any;
-    getHeaderLevels(): Array<HeaderLevel>;
+    /**
+     * Builds the text style override CSS for a given set of styles. Rich text editor styles are
+     * scoped to `.rtf-editor`; when global styles are enabled the built-in styles are also applied
+     * outside rich text and explicitly styled content. Shared by the admin blade and the runtime service so
+     * the applied styles always match the configured (per business profile or tenant) settings.
+     */
+    buildOverrideCss(rteHeadings: Array<HeadingConfiguration>, globalEnabled: boolean, globalHeadings: Array<HeadingConfiguration>): string;
 };

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

@@ -1,11 +1,11 @@
-import { IWebComponentInstance } from "@omnia/fx";
-import { VueComponentBase } from "@omnia/fx/ux";
-import { IHelpText } from "./IHelpText";
-export declare class HelpTextComponent extends VueComponentBase<IHelpText> implements IWebComponentInstance, IHelpText {
+export interface HelpTextComponentProps {
     isHidden: boolean;
     content: string;
-    private helpTextClasses;
-    created(): void;
-    mounted(): void;
-    render(): VueTsxSupport.JSX.Element;
+    id?: string;
 }
+export declare const HelpTextComponent: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<HelpTextComponentProps, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<HelpTextComponentProps, never>;
+}) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<any>, {}, import("vue-tsx-support").PropsForOutside<HelpTextComponentProps, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<HelpTextComponentProps, never>;
+});
+export default HelpTextComponent;

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

@@ -1,17 +1,5 @@
 export interface IHelpText {
     isHidden: boolean;
     content: string;
-}
-declare global {
-    namespace VueTsxSupport.JSX {
-        interface Element {
-        }
-        interface ElementClass {
-        }
-        interface ElementAttributesProperty {
-        }
-        interface IntrinsicElements {
-            "omfx-helptext": IHelpText;
-        }
-    }
+    id?: string;
 }

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

@@ -1,7 +1,9 @@
 import { IIcon as IIconModel } from "../../models";
-import { TsxAllowUnknowProperties } from "../TsxAllowUnknowProperties";
 import { IconWrapperStyles } from "../models";
 import { Colorable, Disableable, Themable, Positionable, Sizeable } from "../vuetify";
+export type IconAttrs = Colorable & Disableable & Themable & Positionable & Sizeable & {
+    "aria-hidden"?: "true" | "false";
+};
 export interface IIconProperties {
 }
 /**Icon Rendering */
@@ -10,16 +12,5 @@ export interface IIcon extends IIconProperties {
     valueBind: IIconModel;
     /**Custom styles by StyleFlow*/
     styles?: typeof IconWrapperStyles;
-    iconAttrs?: Colorable & Disableable & Themable & Positionable & Sizeable & {};
-}
-declare global {
-    namespace VueTsxSupport.JSX {
-        interface Element {
-        }
-        interface ElementClass {
-        }
-        interface IntrinsicElements {
-            "omfx-icon": TsxAllowUnknowProperties<IIcon>;
-        }
-    }
+    iconAttrs?: IconAttrs;
 }

package/internal-do-not-import-from-here/ux/icon/Icon.css.d.ts

@@ -1,5 +1,12 @@
+import { SemanticIconSize } from "../models/IconStyles";
+export declare const defaultFlagWidth = 32;
+export declare const defaultFlagHeight = 30;
 export declare const IconClasses: {
     container?: import("typestyle/lib/types").NestedCSSProperties;
+    flag?: import("typestyle/lib/types").NestedCSSProperties;
+    flagFrame?: import("typestyle/lib/types").NestedCSSProperties;
+    flagFrameVariant?: (size: SemanticIconSize) => import("typestyle/lib/types").NestedCSSProperties;
+    flagVariant?: (size: SemanticIconSize) => import("typestyle/lib/types").NestedCSSProperties;
     img?: import("typestyle/lib/types").NestedCSSProperties;
     imgSize?: (size: number) => import("typestyle/lib/types").NestedCSSProperties;
     i?: import("typestyle/lib/types").NestedCSSProperties;

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

@@ -1,22 +1,14 @@
-import Vue from "vue";
-import { IWebComponentInstance } from "@omnia/fx";
 import { IIcon as IIconModel } from "../../models";
-import { IIcon } from "./IIcon";
-import "./Icon.css";
+import { IconAttrs } from "./IIcon";
 import { IconWrapperStyles } from "../models";
-import { Colorable, Disableable, Themable, Positionable, Sizeable } from "../vuetify";
-export declare class Icon extends Vue implements IWebComponentInstance, IIcon {
-    private uxLoc;
-    private mediaPickerService;
+export interface IconProps {
     valueBind: IIconModel;
     styles?: typeof IconWrapperStyles;
-    iconAttrs?: Colorable & Disableable & Themable & Positionable & Sizeable & {};
-    private iconClasses;
-    private classKeys;
-    created(): void;
-    mounted(): void;
-    renderFontIcon(icon: IIconModel): VueTsxSupport.JSX.Element;
-    renderCustomIcon(icon: IIconModel): VueTsxSupport.JSX.Element;
-    renderSVGIcon(icon: IIconModel): VueTsxSupport.JSX.Element;
-    render(): VueTsxSupport.JSX.Element;
+    iconAttrs?: IconAttrs;
 }
+export declare const Icon: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<IconProps, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<IconProps, never>;
+}) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<any>, {}, import("vue-tsx-support").PropsForOutside<IconProps, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<IconProps, never>;
+});
+export default Icon;

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

@@ -1,5 +1,4 @@
 import { IconPickerModel } from "../../models";
-import { TsxAllowUnknowProperties } from "../TsxAllowUnknowProperties";
 import { IValidator } from "..";
 export interface IIconPickerProperties {
     required?: boolean;
@@ -19,14 +18,3 @@ export interface IIconPicker extends IIconPickerProperties {
     errorMessages?: Array<string>;
     validator?: IValidator;
 }
-declare global {
-    namespace VueTsxSupport.JSX {
-        interface Element {
-        }
-        interface ElementClass {
-        }
-        interface IntrinsicElements {
-            "omfx-icon-picker": TsxAllowUnknowProperties<IIconPicker>;
-        }
-    }
-}

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

@@ -1,9 +1,6 @@
-import { IWebComponentInstance } from "@omnia/fx";
-import { IconTypes, IconPickerModel, MediaPickerStorageProviderContext, MediaPickerImage } from "../../models";
-import { IIconPicker } from "./IIconPicker";
-import { IValidator, VueComponentBase } from "..";
-import { IconPickerLocalization } from "./loc/localize";
-export declare class IconPicker extends VueComponentBase implements IWebComponentInstance, IIconPicker {
+import { IValidator } from "..";
+import { IconPickerModel, MediaPickerStorageProviderContext } from "../../models";
+export interface IconPickerProps {
     disabled: boolean;
     required: boolean;
     valueBind: IconPickerModel;
@@ -15,29 +12,10 @@ export declare class IconPicker extends VueComponentBase implements IWebComponen
     providerContext?: MediaPickerStorageProviderContext;
     showPreview: boolean;
     hideDetails: boolean;
-    private uxLoc;
-    loc: IconPickerLocalization.locInterface;
-    private omniaTheming;
-    private mediaPickerStore;
-    private mediaPickerService;
-    private iconTypes;
-    private filteredFontAwesomeIcons;
-    private isShowCustomIconUpload;
-    private imageSettings;
-    private requireLabel;
-    private requireRule;
-    created(): void;
-    mounted(): void;
-    updateFontIcon(newValue: string): void;
-    updateFabricFontIcon(newValue: string): void;
-    updateFlagFontIcon(newValue: string): void;
-    updateCustomIcon(img: MediaPickerImage): void;
-    updateIconType(newValue: IconTypes): void;
-    initImageSettings(): void;
-    renderCustomIconUploader(): VueTsxSupport.JSX.Element;
-    renderCustomImageSelection(): VueTsxSupport.JSX.Element | VueTsxSupport.JSX.Element[];
-    renderFontAwesomeSelection(): VueTsxSupport.JSX.Element;
-    renderFabricSelection(): VueTsxSupport.JSX.Element;
-    renderFlagSelection(): VueTsxSupport.JSX.Element;
-    render(): VueTsxSupport.JSX.Element;
 }
+export declare const IconPicker: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<IconPickerProps, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<IconPickerProps, never>;
+}) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<any>, {}, import("vue-tsx-support").PropsForOutside<IconPickerProps, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<IconPickerProps, never>;
+});
+export default IconPicker;

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

@@ -1,8 +1,8 @@
 import { IResolvedIdentity, Identity } from "@omnia/fx-models";
 import { IIdentityPickerStore } from "@omnia/fx/stores";
 export type RenderSlotsType = {
-    left?: () => JSX.Element;
-    right?: () => JSX.Element;
+    left?: () => VueTsxSupport.JSX.Element;
+    right?: () => VueTsxSupport.JSX.Element;
 };
 export declare const identityRendererStyles: {
     container: {
@@ -12,6 +12,27 @@ export declare const identityRendererStyles: {
             };
         };
     };
+    compactInline: {
+        $nest: {
+            ".v-list": {
+                paddingTop: string;
+                paddingBottom: string;
+            };
+            ".v-list-item": {
+                minHeight: string;
+                paddingTop: string;
+                paddingBottom: string;
+            };
+            ".v-list-item__content": {
+                paddingTop: string;
+                paddingBottom: string;
+            };
+            ".v-list-item__avatar": {
+                marginTop: string;
+                marginBottom: string;
+            };
+        };
+    };
     smallPresenceStatus: {
         width: string;
         $nest: {
@@ -38,6 +59,27 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
                 };
             };
         };
+        compactInline: {
+            $nest: {
+                ".v-list": {
+                    paddingTop: string;
+                    paddingBottom: string;
+                };
+                ".v-list-item": {
+                    minHeight: string;
+                    paddingTop: string;
+                    paddingBottom: string;
+                };
+                ".v-list-item__content": {
+                    paddingTop: string;
+                    paddingBottom: string;
+                };
+                ".v-list-item__avatar": {
+                    marginTop: string;
+                    marginBottom: string;
+                };
+            };
+        };
         smallPresenceStatus: {
             width: string;
             $nest: {
@@ -70,6 +112,7 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
         };
         class?: string;
     };
+    textColor: string;
     identityStore: IIdentityPickerStore;
 }, "valueBind">, any, any, any>> & {
     propsDefinition: import("vue-tsx-support").PropsForOutside<{
@@ -82,6 +125,27 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
                     };
                 };
             };
+            compactInline: {
+                $nest: {
+                    ".v-list": {
+                        paddingTop: string;
+                        paddingBottom: string;
+                    };
+                    ".v-list-item": {
+                        minHeight: string;
+                        paddingTop: string;
+                        paddingBottom: string;
+                    };
+                    ".v-list-item__content": {
+                        paddingTop: string;
+                        paddingBottom: string;
+                    };
+                    ".v-list-item__avatar": {
+                        marginTop: string;
+                        marginBottom: string;
+                    };
+                };
+            };
             smallPresenceStatus: {
                 width: string;
                 $nest: {
@@ -114,6 +178,7 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
             };
             class?: string;
         };
+        textColor: string;
         identityStore: IIdentityPickerStore;
     }, "valueBind">;
 }) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<() => VueTsxSupport.JSX.Element>, {}, import("vue-tsx-support").PropsForOutside<{
@@ -126,6 +191,27 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
                 };
             };
         };
+        compactInline: {
+            $nest: {
+                ".v-list": {
+                    paddingTop: string;
+                    paddingBottom: string;
+                };
+                ".v-list-item": {
+                    minHeight: string;
+                    paddingTop: string;
+                    paddingBottom: string;
+                };
+                ".v-list-item__content": {
+                    paddingTop: string;
+                    paddingBottom: string;
+                };
+                ".v-list-item__avatar": {
+                    marginTop: string;
+                    marginBottom: string;
+                };
+            };
+        };
         smallPresenceStatus: {
             width: string;
             $nest: {
@@ -158,6 +244,7 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
         };
         class?: string;
     };
+    textColor: string;
     identityStore: IIdentityPickerStore;
 }, "valueBind">, any, any, any>> & {
     propsDefinition: import("vue-tsx-support").PropsForOutside<{
@@ -170,6 +257,27 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
                     };
                 };
             };
+            compactInline: {
+                $nest: {
+                    ".v-list": {
+                        paddingTop: string;
+                        paddingBottom: string;
+                    };
+                    ".v-list-item": {
+                        minHeight: string;
+                        paddingTop: string;
+                        paddingBottom: string;
+                    };
+                    ".v-list-item__content": {
+                        paddingTop: string;
+                        paddingBottom: string;
+                    };
+                    ".v-list-item__avatar": {
+                        marginTop: string;
+                        marginBottom: string;
+                    };
+                };
+            };
             smallPresenceStatus: {
                 width: string;
                 $nest: {
@@ -202,6 +310,7 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
             };
             class?: string;
         };
+        textColor: string;
         identityStore: IIdentityPickerStore;
     }, "valueBind">;
 });

package/internal-do-not-import-from-here/ux/identities/components/shared/IdentitySyncRuleSetup.d.ts

@@ -1,5 +1,5 @@
 import { IdentityProviderProperty } from "@omnia/fx-models";
-import { GuidValue } from "internal/fx/shared";
+import { GuidValue } from "omniaapp/fx/shared";
 declare const _default: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<{
     providerId: GuidValue;
     getSyncPropertiesApi: () => Promise<IdentityProviderProperty[]>;

package/internal-do-not-import-from-here/ux/identities/components/shared/IdentitySyncUserFilterSetup.d.ts

@@ -1,5 +1,5 @@
 import { IdentityProviderProperty } from "@omnia/fx-models";
-import { GuidValue } from "internal/fx/shared";
+import { GuidValue } from "omniaapp/fx/shared";
 declare const _default: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<{
     providerId: GuidValue;
     getSyncPropertiesApi: () => Promise<IdentityProviderProperty[]>;

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

@@ -20,5 +20,6 @@ export declare module IdentityPickerLocalization {
         NoItemsFound: string;
         Searching: string;
         ResultsFound: string;
+        AvatarForUser: string;
     }
 }

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

@@ -5,14 +5,3 @@ export interface IResizingIFrame {
     iframeHeight?: string;
     iframeCustomStyle?: string | {};
 }
-declare global {
-    namespace VueTsxSupport.JSX {
-        interface Element {
-        }
-        interface ElementClass {
-        }
-        interface IntrinsicElements {
-            "omfx-iframe": IResizingIFrame;
-        }
-    }
-}

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

@@ -1,22 +1,13 @@
-import Vue from "vue";
-import { IWebComponentInstance } from "../..";
-import { IResizingIFrame } from "./IResizingIFrame";
-export declare class ResizingIFrame extends Vue implements IWebComponentInstance, IResizingIFrame {
-    static IFrameContentCss: string;
-    static IFrameWrapperClass: string;
-    rendered: boolean;
-    id: string;
+export interface ResizingIFrameProps {
     js: string;
     html: string;
     css: string;
     iframeHeight: string;
     iframeCustomStyle: string;
-    private get iframeResizer();
-    mounted(): void;
-    beforeDestroy(): void;
-    created(): void;
-    renderContent(): void;
-    getCustomClass(): string;
-    getCustomStyle(): {};
-    render(): VueTsxSupport.JSX.Element;
 }
+export declare const ResizingIFrame: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<ResizingIFrameProps, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<ResizingIFrameProps, never>;
+}) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<any>, {}, import("vue-tsx-support").PropsForOutside<ResizingIFrameProps, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<ResizingIFrameProps, never>;
+});
+export default ResizingIFrame;

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

@@ -1,25 +1,11 @@
 import { WebImage, MediaItem, MediaPickerEnums } from "../../models";
-import { TsxAllowUnknowProperties } from "../";
 export interface IImageGridComponentAttributes {
     appendToGrid?: boolean;
 }
 export interface IImageGridComponent extends IImageGridComponentAttributes {
     images?: Array<WebImage>;
     onImageSelected?: (image: WebImage) => void;
-    itemDetailSlot?: (h: any, item: MediaItem) => JSX.Element;
-    itemOverlaySlot?: (h: any, item: MediaItem) => JSX.Element;
+    itemDetailSlot?: (h: any, item: MediaItem) => VueTsxSupport.JSX.Element;
+    itemOverlaySlot?: (h: any, item: MediaItem) => VueTsxSupport.JSX.Element;
     searchStatus?: MediaPickerEnums.MediaSearchStatus;
 }
-declare global {
-    namespace VueTsxSupport.JSX {
-        interface Element {
-        }
-        interface ElementClass {
-        }
-        interface ElementAttributesProperty {
-        }
-        interface IntrinsicElements {
-            "omfx-media-imagegrid": TsxAllowUnknowProperties<IImageGridComponent>;
-        }
-    }
-}

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

@@ -1,30 +1,17 @@
-import { IWebComponentInstance } from "../../";
-import { IImageGridComponent, VueComponentBase } from "..";
 import { MediaItem, MediaPickerEnums } from "../../models";
 import "./ImageGrid.css";
-import { ImageGridLocalization } from "./loc";
-export declare class ImageGridComponent extends VueComponentBase implements IWebComponentInstance, IImageGridComponent {
+export interface ImageGridComponentProps {
     images: Array<MediaItem>;
     onImageSelected: (image: MediaItem) => void;
     appendToGrid: boolean;
-    itemDetailSlot?: (item: MediaItem) => JSX.Element;
-    itemOverlaySlot?: (item: MediaItem) => JSX.Element;
+    itemDetailSlot?: (item: MediaItem) => VueTsxSupport.JSX.Element;
+    itemOverlaySlot?: (item: MediaItem) => VueTsxSupport.JSX.Element;
     searchStatus?: MediaPickerEnums.MediaSearchStatus;
     enableNoResultText: boolean;
-    imageLoc: ImageGridLocalization.locInterface;
-    private resultStyles;
-    static MAX_REQUEST_LIMIT: number;
-    private loadedImages;
-    isInitialized: boolean;
-    dialogModelChange(images: Array<MediaItem>): void;
-    created(): void;
-    mounted(): void;
-    private init;
-    private loadedImgElements;
-    onImageLoaded(item: MediaItem): void;
-    showImageToGrid(): void;
-    getImages(items: Array<MediaItem>, startIndex: any, endIndex: any): MediaItem[];
-    private CreateColumnArray;
-    renderMessage(message: any): VueTsxSupport.JSX.Element;
-    render(): VueTsxSupport.JSX.Element;
 }
+export declare const ImageGridComponent: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<ImageGridComponentProps, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<ImageGridComponentProps, never>;
+}) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<any>, {}, import("vue-tsx-support").PropsForOutside<ImageGridComponentProps, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<ImageGridComponentProps, never>;
+});
+export default ImageGridComponent;