@omnia/fx 7.11.33 → 7.12.1

package/internal-do-not-import-from-here/ux/versionedlayout/controller/VersionedLayoutController.d.ts

@@ -1,27 +1,16 @@
 import { VersionedLayoutId, GuidValue } from "@omnia/fx-models";
-import { VueComponentBase } from "@omnia/fx/ux";
-export declare class AppScopedLayoutController extends VueComponentBase {
+export interface AppScopedLayoutControllerProps {
     layoutBackgroundImageElementId: string;
     appInstanceId: GuidValue;
     versionedLayoutId: VersionedLayoutId;
     enableAlternateLayout: boolean;
     requireParentToEdit: boolean;
-    speedDialOptionsRenderer: () => JSX.Element[];
+    speedDialOptionsRenderer: () => VueTsxSupport.JSX.Element[];
     undeletable: boolean;
-    private omniaLoc;
-    private permissionService;
-    private subscriptionHandler;
-    private versionedLayoutStore;
-    private isCheckingOutHome;
-    private isEditMode;
-    private hasPermissionToEdit;
-    private editable;
-    private styles;
-    created(): void;
-    mounted(): void;
-    private checkout;
-    private openEditor;
-    private renderLayoutReadMode;
-    private renderSpeedial;
-    render(h: any): VueTsxSupport.JSX.Element;
 }
+export declare const AppScopedLayoutController: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<AppScopedLayoutControllerProps, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<AppScopedLayoutControllerProps, never>;
+}) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<any>, {}, import("vue-tsx-support").PropsForOutside<AppScopedLayoutControllerProps, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<AppScopedLayoutControllerProps, never>;
+});
+export default AppScopedLayoutController;

package/internal-do-not-import-from-here/ux/versionedlayout/editor/IVersionedLayoutDefinitionEditorTabRenderer.d.ts

@@ -1,4 +1,4 @@
 import { VersionedLayoutDefinition } from "@omnia/fx-models";
 export interface IVersionedLayoutDefinitionEditorTabRenderer<Type extends VersionedLayoutDefinition = VersionedLayoutDefinition> {
-    getElement: (definition: Type, isCheckedOutToMe: boolean) => JSX.Element;
+    getElement: (definition: Type, isCheckedOutToMe: boolean) => VueTsxSupport.JSX.Element;
 }

package/internal-do-not-import-from-here/ux/versionedlayout/editor/LayoutEditorTabRenderer.d.ts

@@ -1,4 +1,5 @@
 import { VersionedLayout, VersionedLayoutDefinition, IEditorTabRenderer, Layout, LayoutEditorCanvasApi, ThemeDefinition } from "@omnia/fx-models";
+import Vue from "vue";
 export declare class LayoutEditorTabRenderer implements IEditorTabRenderer {
     private versionId;
     private versionedLayout;
@@ -12,3 +13,15 @@ export declare class LayoutEditorTabRenderer implements IEditorTabRenderer {
     constructor(versionId: number, versionedLayout: VersionedLayout, definition: VersionedLayoutDefinition, layout: Layout, isCheckedOutToMe: boolean, layoutThemeDefinition: ThemeDefinition, blockThemeDefinition: ThemeDefinition, setLayoutEditorCanvasApi: (instance: LayoutEditorCanvasApi) => void, layoutProvider?: string);
     getElement(): VueTsxSupport.JSX.Element;
 }
+export interface RendererProps {
+    layout: Layout;
+    definition: VersionedLayoutDefinition;
+    versionedLayout: VersionedLayout;
+    isCheckedOutToMe: boolean;
+    layoutThemeDefinition: ThemeDefinition;
+    blockThemeDefinition: ThemeDefinition;
+    setLayoutEditorCanvasApi: (instance: LayoutEditorCanvasApi) => void;
+    layoutProvider?: string;
+}
+declare const Renderer: import("vue-tsx-support")._TsxComponentV3<Vue, {}, import("vue-tsx-support").PropsForOutside<RendererProps, never>, any, any, any>;
+export default Renderer;

package/internal-do-not-import-from-here/ux/versionedlayout/editor/LayoutEditorTabRendererSizeMonitor.d.ts

@@ -1,24 +1,8 @@
-import { VueComponentBase } from "../../VueComponentBase";
 import { LayoutEditorTabRendererInstance } from "../LayoutEditorTabRendererInstance";
 interface SizeMonitorProps {
     instance: LayoutEditorTabRendererInstance;
     wrapperElementId: string;
     scrollableElementId: string;
 }
-export default class SizeMonitor extends VueComponentBase<SizeMonitorProps> {
-    instance: LayoutEditorTabRendererInstance;
-    wrapperElementId: string;
-    scrollableElementId: string;
-    private editorChromeStore;
-    private subscriptionHandler;
-    private versionedLayoutEditorStore;
-    private maxWidth;
-    private interval;
-    created(): void;
-    mounted(): void;
-    beforeDestroy(): void;
-    private handleSize;
-    private getAvailableMaxWidth;
-    render(): VueTsxSupport.JSX.Element;
-}
-export {};
+declare const SizeMonitor: import("vue-tsx-support")._TsxComponentV3<import("vue").default, {}, import("vue-tsx-support").PropsForOutside<SizeMonitorProps, never>, any, any, any>;
+export default SizeMonitor;

package/internal-do-not-import-from-here/ux/versionedlayout/editor/VersionedLayoutDefinitionEditorItem.d.ts

@@ -6,7 +6,7 @@ import { OmniaUxLocalization } from "../../UxModels";
 import { IVersionedLayoutDefinitionEditorTabRenderer } from "./IVersionedLayoutDefinitionEditorTabRenderer";
 import { RefreshStateOption } from "./RefreshStateOption";
 declare class PanelRenderer implements IEditorItemPanelsRenderer {
-    generateElement(h: any): JSX.Element;
+    generateElement(h: any): VueTsxSupport.JSX.Element;
 }
 export declare class VersionedLayoutDefinitionEditorItemPrivateImutableState {
     readonly multilingualStore: MultilingualStore;
@@ -40,7 +40,7 @@ export declare class VersionedLayoutDefinitionEditorItem implements IEditorItem
         defaultDisplayMode: EditorDisplayModes;
     };
     tabs: IEditorTabRegistration[];
-    title: string | JSX.Element | JSX.Element[];
+    title: string | VueTsxSupport.JSX.Element | VueTsxSupport.JSX.Element[];
     private isCheckedOut;
     private isCheckedOutToMe;
     private layoutEditorCanvasApi;

package/internal-do-not-import-from-here/ux/versionedlayout/editor/VersionedLayoutEditor.d.ts

@@ -6,8 +6,8 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
     appInstanceId: GuidValue;
     closeEditor: () => void;
     navigationDrawerTitle: string;
-    renderNavigationDrawer: () => JSX.Element;
-    renderNavigationDrawerBottom: () => JSX.Element;
+    renderNavigationDrawer: () => VueTsxSupport.JSX.Element;
+    renderNavigationDrawerBottom: () => VueTsxSupport.JSX.Element;
     serviceContainerContext: ServiceContainerContext;
 }, "closeEditor" | "getApi">, any, any, any>> & {
     propsDefinition: import("vue-tsx-support").PropsForOutside<{
@@ -15,8 +15,8 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
         appInstanceId: GuidValue;
         closeEditor: () => void;
         navigationDrawerTitle: string;
-        renderNavigationDrawer: () => JSX.Element;
-        renderNavigationDrawerBottom: () => JSX.Element;
+        renderNavigationDrawer: () => VueTsxSupport.JSX.Element;
+        renderNavigationDrawerBottom: () => VueTsxSupport.JSX.Element;
         serviceContainerContext: ServiceContainerContext;
     }, "closeEditor" | "getApi">;
 }) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<() => VueTsxSupport.JSX.Element>, {}, import("vue-tsx-support").PropsForOutside<{
@@ -24,8 +24,8 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
     appInstanceId: GuidValue;
     closeEditor: () => void;
     navigationDrawerTitle: string;
-    renderNavigationDrawer: () => JSX.Element;
-    renderNavigationDrawerBottom: () => JSX.Element;
+    renderNavigationDrawer: () => VueTsxSupport.JSX.Element;
+    renderNavigationDrawerBottom: () => VueTsxSupport.JSX.Element;
     serviceContainerContext: ServiceContainerContext;
 }, "closeEditor" | "getApi">, any, any, any>> & {
     propsDefinition: import("vue-tsx-support").PropsForOutside<{
@@ -33,8 +33,8 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
         appInstanceId: GuidValue;
         closeEditor: () => void;
         navigationDrawerTitle: string;
-        renderNavigationDrawer: () => JSX.Element;
-        renderNavigationDrawerBottom: () => JSX.Element;
+        renderNavigationDrawer: () => VueTsxSupport.JSX.Element;
+        renderNavigationDrawerBottom: () => VueTsxSupport.JSX.Element;
         serviceContainerContext: ServiceContainerContext;
     }, "closeEditor" | "getApi">;
 });

package/internal-do-not-import-from-here/ux/versionedlayout/editor/alternatelayout/AlternateLayoutCreationForm.d.ts

@@ -1,26 +1,9 @@
 import { VersionedAlternateLayout, VersionedLayout } from "../../../../models";
 import { VersionedLayoutStore } from "../../../../stores";
-import { VueComponentBase } from "../../../VueComponentBase";
 interface AlternateLayoutCreationFormProps {
     versionedLayout: VersionedLayout;
     versionedLayoutStore: VersionedLayoutStore;
     closed: (createdAlternateLayout?: VersionedAlternateLayout) => void;
 }
-export declare class AlternateLayoutCreationForm extends VueComponentBase<AlternateLayoutCreationFormProps> {
-    versionedLayout: VersionedLayout;
-    versionedLayoutStore: VersionedLayoutStore;
-    closed: (createdAlternateLayout?: VersionedAlternateLayout) => void;
-    private omniaLoc;
-    private themeStore;
-    private formValidator;
-    private title;
-    private isCreating;
-    private publishedVersionRefToCopy;
-    private showCopyLayoutSelections;
-    created(): void;
-    private getSelections;
-    private createAlternateLayout;
-    private getVersionedAlternateLayoutDefinition;
-    render(): VueTsxSupport.JSX.Element;
-}
+export declare const AlternateLayoutCreationForm: import("vue-tsx-support")._TsxComponentV3<import("vue").default, {}, import("vue-tsx-support").PropsForOutside<AlternateLayoutCreationFormProps, never>, any, any, any>;
 export {};

package/internal-do-not-import-from-here/ux/versionedlayout/editor/alternatelayout/AlternateLayoutMappingAction.d.ts

@@ -1,8 +1,6 @@
-import { VersionedLayoutDefinition, IVersionedData, Layout } from "../../../../models";
+import { VersionedLayoutDefinition, IVersionedData } from "../../../../models";
 import { VersionedLayoutStore } from "../../../../stores";
-import { VueComponentBase } from "../../../VueComponentBase";
 import { VersionedLayoutEditorStore } from "../../stores";
-import { RefreshStateOption } from "../RefreshStateOption";
 interface AlternateLayoutMappingActionProps {
     versionedLayoutEditorStore: VersionedLayoutEditorStore;
     versionedLayoutStore: VersionedLayoutStore;
@@ -10,39 +8,5 @@ interface AlternateLayoutMappingActionProps {
     versionedData: IVersionedData<VersionedLayoutDefinition>;
     setNewEditorItem: (newVersionedData: IVersionedData<VersionedLayoutDefinition>) => void;
 }
-export declare class AlternateLayoutMappingAction extends VueComponentBase<AlternateLayoutMappingActionProps> {
-    versionedLayoutEditorStore: VersionedLayoutEditorStore;
-    versionedLayoutStore: VersionedLayoutStore;
-    versionedLayoutId: number;
-    setNewEditorItem: (newVersionedData: IVersionedData<VersionedLayoutDefinition>, layout: Layout, refreshStateOption: RefreshStateOption) => void;
-    versionedData: IVersionedData<VersionedLayoutDefinition>;
-    private subscriptionHandler;
-    private themeStore;
-    private omniaLoc;
-    private styles;
-    private mapping;
-    private isLoading;
-    private selectionId;
-    private showRenameLayoutDialog;
-    created(): void;
-    private get selectingBreakpoint();
-    private get versionedLayout();
-    private loadMapping;
-    private ensureRemoveInvalidMapping;
-    private onDisplayBreakpointChanged;
-    private setLoading;
-    private getSelections;
-    private saveMapping;
-    private selectMapping;
-    private getDataIdentifierFromSelectionId;
-    private getLatestVersionedData;
-    private setCorrectLayout;
-    private closeCreationDialog;
-    private closeRenameDialog;
-    private renderCreationDialog;
-    private renderRenameDialog;
-    private renderSelections;
-    private renderRenameIcon;
-    render(): VueTsxSupport.JSX.Element;
-}
+export declare const AlternateLayoutMappingAction: import("vue-tsx-support")._TsxComponentV3<import("vue").default, {}, import("vue-tsx-support").PropsForOutside<AlternateLayoutMappingActionProps, never>, any, any, any>;
 export {};

package/internal-do-not-import-from-here/ux/versionedlayout/editor/alternatelayout/AlternateLayoutRenameForm.d.ts

@@ -1,24 +1,10 @@
 import { VersionedAlternateLayout, VersionedLayout } from "../../../../models";
 import { VersionedLayoutStore } from "../../../../stores";
-import { VueComponentBase } from "../../../VueComponentBase";
 interface AlternateLayoutRenameFormProps {
     versionedLayoutStore: VersionedLayoutStore;
     versionedLayout: VersionedLayout;
     versionedAlternateLayout: VersionedAlternateLayout;
     closed: (renamed?: boolean) => void;
 }
-export declare class AlternateLayoutRenameForm extends VueComponentBase<AlternateLayoutRenameFormProps> {
-    versionedLayout: VersionedLayout;
-    versionedAlternateLayout: VersionedAlternateLayout;
-    versionedLayoutStore: VersionedLayoutStore;
-    closed: (renamed?: boolean) => void;
-    private omniaLoc;
-    private themeStore;
-    private formValidator;
-    private isSaving;
-    private title;
-    created(): void;
-    private save;
-    render(): VueTsxSupport.JSX.Element;
-}
+export declare const AlternateLayoutRenameForm: import("vue-tsx-support")._TsxComponentV3<import("vue").default, {}, import("vue-tsx-support").PropsForOutside<AlternateLayoutRenameFormProps, never>, any, any, any>;
 export {};

package/internal-do-not-import-from-here/ux/versionedlayout/editor/displaybreakpoint/DisplayBreakpointAction.d.ts

@@ -1,15 +1,6 @@
-import { DisplayBreakPoint } from "@omnia/fx-models";
-import { VueComponentBase } from "../../../VueComponentBase";
 import { VersionedLayoutEditorStore } from "../../stores";
 interface DisplayBreakpointActionProps {
     versionedLayoutEditorStore: VersionedLayoutEditorStore;
 }
-export declare class DisplayBreakpointAction extends VueComponentBase<DisplayBreakpointActionProps> {
-    versionedLayoutEditorStore: VersionedLayoutEditorStore;
-    private breakpoints;
-    private displayBreakpointActionStyles;
-    created(): void;
-    renderBreakpoint(breakpoint: DisplayBreakPoint): VueTsxSupport.JSX.Element;
-    render(): VueTsxSupport.JSX.Element;
-}
+export declare const DisplayBreakpointAction: import("vue-tsx-support")._TsxComponentV3<import("vue").default, {}, import("vue-tsx-support").PropsForOutside<DisplayBreakpointActionProps, never>, any, any, any>;
 export {};

package/internal-do-not-import-from-here/ux/versionedlayout/editor/messages/checkedbyother/CheckedOutByOtherMessage.d.ts

@@ -1,14 +1,6 @@
-import { IWebComponentInstance } from "@omnia/fx";
-import { ResolvedUserIdentity } from "@omnia/fx-models";
-import { type OmniaUxLocalization, VueComponentBase } from "../../../..";
-export declare class CheckedOutByOtherMessage extends VueComponentBase implements IWebComponentInstance {
-    private editorChromeStore;
-    private userIdentityStore;
-    loc: OmniaUxLocalization;
-    model: {
-        user: ResolvedUserIdentity;
-    };
-    mounted(): void;
-    private getCheckedOutUserUid;
-    render(): VueTsxSupport.JSX.Element;
-}
+export declare const CheckedOutByOtherMessage: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<unknown, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<unknown, never>;
+}) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<() => any>, {}, import("vue-tsx-support").PropsForOutside<unknown, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<unknown, never>;
+});
+export default CheckedOutByOtherMessage;

package/internal-do-not-import-from-here/ux/versionedlayout/editor/panels/Panels.d.ts

@@ -1,8 +1 @@
-import { VueComponentBase } from "../../../VueComponentBase";
-export declare class Panels extends VueComponentBase {
-    private editorChromeStore;
-    private versionedLayoutEditorStore;
-    private styles;
-    private renderHistoryPanel;
-    render(): VueTsxSupport.JSX.Element;
-}
+export declare const Panels: import("vue-tsx-support")._TsxComponentV3<import("vue").default, {}, import("vue-tsx-support").PropsForOutside<unknown, never>, any, any, any>;

package/internal-do-not-import-from-here/ux/versionedlayout/editor/panels/versionhistory/VersionHistory.d.ts

@@ -1,24 +1 @@
-import { VueComponentBase } from "../../../../VueComponentBase";
-export declare class VersionHistory extends VueComponentBase {
-    private versionedLayoutService;
-    private editorChromeStore;
-    private versionedLayoutStore;
-    private versionedLayoutEditorStore;
-    private loc;
-    private versionPanelStyles;
-    private versions;
-    private pagingModel;
-    private originalVersion;
-    private selectedVersion;
-    private actionButtons;
-    private get item();
-    created(): void;
-    beforeDestroy(): void;
-    private revert;
-    private onClose;
-    private onSelectVersion;
-    private loadNextPage;
-    private renderTimeLineItem;
-    private renderTimeline;
-    render(): VueTsxSupport.JSX.Element;
-}
+export declare const VersionHistory: import("vue-tsx-support")._TsxComponentV3<import("vue").default, {}, import("vue-tsx-support").PropsForOutside<unknown, never>, any, any, any>;

package/internal-do-not-import-from-here/ux/versionedlayout/editor/panels/versionhistory/VersionUserInfo.d.ts

@@ -1,21 +1,7 @@
-import { VueComponentBase } from "../../../../VueComponentBase";
-import { Identity, ResolvedUserIdentity } from "@omnia/fx-models";
-import { UserIdentityStore } from "@omnia/fx/stores";
+import { Identity } from "@omnia/fx-models";
 interface VersionUserInfoProps {
     modifiedBy: Identity;
     modifiedAt: string;
 }
-export declare class VersionUserInfo extends VueComponentBase<VersionUserInfoProps> {
-    private modifiedBy;
-    private modifiedAt;
-    userIdentityStore: UserIdentityStore;
-    private versionPanelStyles;
-    model: {
-        user: ResolvedUserIdentity;
-    };
-    created(): void;
-    beforeDestroy(): void;
-    renderDateTime(value: any): string;
-    render(): VueTsxSupport.JSX.Element;
-}
+export declare const VersionUserInfo: import("vue-tsx-support")._TsxComponentV3<import("vue").default, {}, import("vue-tsx-support").PropsForOutside<VersionUserInfoProps, never>, any, any, any>;
 export {};

package/internal-do-not-import-from-here/ux/versionedlayout/layoutbackgroundimage/LayoutBackgroundImage.d.ts

@@ -1,47 +1,8 @@
-import { MediaPickerStore, MultilingualStore } from "internal/fx/stores";
-import { OmniaUxLocalization } from "internal/fx/ux/UxModels";
 import { LayoutEditorCanvasApi } from "../../../models";
-import { VueComponentBase } from "../../VueComponentBase";
-import { LayoutBackgroundImageLocalization } from "./loc/localize";
-export declare class LayoutBackgroundImage extends VueComponentBase<{
-    hideScrollBehavior?: boolean;
-    isLayoutSettings?: boolean;
-    canvasApi: LayoutEditorCanvasApi;
-    versionedLayoutId: number;
-}> {
+export interface LayoutBackgroundImageProps {
     isLayoutSettings: boolean;
     hideScrollBehavior?: boolean;
     canvasApi: LayoutEditorCanvasApi;
     versionedLayoutId: number;
-    mediaPickerStore: MediaPickerStore;
-    multilingualStore: MultilingualStore;
-    omniaLoc: OmniaUxLocalization;
-    loc: LayoutBackgroundImageLocalization.locInterface;
-    private backgroundSettings;
-    private id;
-    private selectedMedia;
-    private selectedCropRatioOptions;
-    private selectedCropRatioOption;
-    private providerContext;
-    private vm;
-    /**Watch for fixed width changes */
-    onBackgroundSettingsChanged(): void;
-    created(): void;
-    private setBackgroundSettings;
-    private initBackgroundImageRatios;
-    private initPreSelectedValueWithBackwardCompatible;
-    private onSectionChange;
-    private deleteBgImage;
-    private ensureImageObject;
-    private onIsPageImageChange;
-    private onPagePropertyChange;
-    private onBgImageSelected;
-    private canShowImageSettings;
-    private onEditCropRatio;
-    private onAddCropRatio;
-    private onRemoveCropRatio;
-    renderImageDisplaySettings(): VueTsxSupport.JSX.Element;
-    private renderImageSettings;
-    renderMediaPicker(): VueTsxSupport.JSX.Element;
-    render(): VueTsxSupport.JSX.Element;
 }
+export declare const LayoutBackgroundImage: import("vue-tsx-support")._TsxComponentV3<import("vue").default, {}, import("vue-tsx-support").PropsForOutside<LayoutBackgroundImageProps, never>, any, any, any>;

package/internal-do-not-import-from-here/ux/versionedlayout/renderer/VersionedLayoutRenderer.d.ts

@@ -1,5 +1,4 @@
 import { VersionedLayoutId, GuidValue, LayoutRendererCanvasApi, ThemeDefinition } from "@omnia/fx-models";
-import { VueComponentBase } from "../..";
 import { ServiceContainerContext } from "../../../core";
 interface InternalVersionedLayoutRendererProps {
     layoutBackgroundImageElementId: string;
@@ -10,37 +9,8 @@ interface InternalVersionedLayoutRendererProps {
     getApi?: (api: LayoutRendererCanvasApi) => void;
     layoutProvider?: string;
 }
-export declare class InternalVersionedLayoutRenderer extends VueComponentBase<InternalVersionedLayoutRendererProps> {
-    layoutBackgroundImageElementId: string;
-    versionedLayoutId: VersionedLayoutId;
-    layoutThemeDefinition: ThemeDefinition;
-    blockThemeDefinition: ThemeDefinition;
-    enableAlternateLayout: boolean;
-    layoutProvider?: string;
-    getApi?: (api: LayoutRendererCanvasApi) => void;
-    private versionedLayoutStore;
-    private subscriptionHandler;
-    private versionedLayout;
-    private parentVersionedLayout;
-    private versionedData;
-    private breakpoints;
-    private currentBreakpoint;
-    private layoutRendererCanvasApi;
-    created(): void;
-    mounted(): void;
-    beforeDestroy(): void;
-    private ensureHandleWindowResize;
-    private isLayoutRendererCanvasAvailable;
-    private handleWindowResize;
-    private setCurrentBreakpoint;
-    private ensureHandleNewVersions;
-    private getLayoutApi;
-    private setLayout;
-    private getLayoutForCurrentBreakpoint;
-    private getLayoutWithMergeParentForCurrentBreakpoint;
-    render(): VueTsxSupport.JSX.Element;
-}
-declare const _default: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<{
+export declare const InternalVersionedLayoutRenderer: import("vue-tsx-support")._TsxComponentV3<import("vue").default, {}, import("vue-tsx-support").PropsForOutside<InternalVersionedLayoutRendererProps, never>, any, any, any>;
+export declare const VersionedLayoutRenderer: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<{
     layoutBackgroundImageElementId: string;
     appInstanceId: GuidValue;
     versionedLayoutId: VersionedLayoutId;
@@ -85,4 +55,4 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
         layoutProvider: string;
     }, "appInstanceId" | "versionedLayoutId" | "layoutBackgroundImageElementId">;
 });
-export default _default;
+export default VersionedLayoutRenderer;

package/internal-do-not-import-from-here/ux/versionedlayout/urlinput/VersionedLayoutUrlInput.d.ts

@@ -1,26 +1,16 @@
 import { VersionedLayoutId, GuidValue } from "@omnia/fx-models";
-import { IWebComponentInstance } from "../../../";
-import { VueComponentBase } from "../../VueComponentBase";
-export declare class VersionedLayoutUrlInput extends VueComponentBase implements IWebComponentInstance {
+import { IValidator } from "@omnia/fx/ux";
+export interface VersionedLayoutUrlInputProps {
     filled: boolean;
     urlSegment: string;
     appInstanceId: GuidValue;
     onUrlSegmentChanged: (urlSegment: string) => void;
     ignoreFromLayoutId: VersionedLayoutId;
-    private omniaUxLoc;
-    private versionedLayoutService;
-    private internalUrlSegment;
-    private validating;
-    private pendingValidation;
-    private isValid;
-    private validationMessage;
-    private isInputDirty;
-    private timeWatchId;
-    private latestTimewatchState;
-    created(): void;
-    mounted(): void;
-    onUrlSegmentPropChanged(): void;
-    private validateUrlSegment;
-    private validateUrlSegmentWithTimeWatch;
-    render(): VueTsxSupport.JSX.Element;
+    useValidator: IValidator;
 }
+export declare const VersionedLayoutUrlInput: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<VersionedLayoutUrlInputProps, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<VersionedLayoutUrlInputProps, never>;
+}) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<any>, {}, import("vue-tsx-support").PropsForOutside<VersionedLayoutUrlInputProps, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<VersionedLayoutUrlInputProps, never>;
+});
+export default VersionedLayoutUrlInput;

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

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

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

@@ -1,3 +1,4 @@
+import "./VuetifyColorablePatch";
 import "vuetify/lib/mixins/applicationable";
 import "vuetify/lib/mixins/bootable";
 import "vuetify/lib/mixins/button-group";
@@ -27,8 +28,9 @@ import "vuetify/lib/mixins/transitionable";
 import "vuetify/lib/mixins/translatable";
 import "vuetify/lib/mixins/validatable";
 import { createSimpleFunctional, directiveConfig, addOnceEventListener, addPassiveEventListener, getNestedValue, deepEqual, getObjectValueByPath, getPropertyFromItem, createRange, getZIndex, escapeHTML, filterObjectOnKeys, convertToUnit, kebabCase, isObject, remapInternalIcon, keys, arrayDiff, upperFirst, groupItems, wrapInArray, sortItems, defaultFilter, searchItems, getSlotType, debounce, throttle, getPrefixedScopedSlots, getSlot, clamp, padEnd, chunk, humanReadableFileSize, camelizeObjectKeys, mergeDeep, fillArray, camelize } from "vuetify/lib/util/helpers";
+import Vuetify from "vuetify/lib/framework";
 declare const _default: {
-    Vuetify: any;
+    Vuetify: typeof Vuetify;
     components: {
         VApp: any;
         VMain: any;

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

@@ -1,21 +1,5 @@
-import Vue from "vue";
-import { IWebComponentInstance } from "../..";
-import { SharePointUserService } from "../../sp";
-import { WelcomeLocalization } from "./loc/localize";
-import { OmniaContext } from "../../contexts";
-export declare class Welcome extends Vue implements IWebComponentInstance {
-    static alreadyRenderedOneInstance: boolean;
-    userService: SharePointUserService;
-    omniaContext: OmniaContext;
-    loc: WelcomeLocalization.locInterface;
-    localstorageKey: string;
-    validToRender: boolean;
-    transparentWelcomeMessage: boolean;
-    transparentSettingUpMessage: boolean;
-    showError: boolean;
-    showMessageCompletely: Promise<void>;
-    mounted(): void;
-    init(): void;
-    done(): void;
-    render(): VueTsxSupport.JSX.Element;
-}
+export declare const Welcome: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<unknown, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<unknown, never>;
+}) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<() => any>, {}, import("vue-tsx-support").PropsForOutside<unknown, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<unknown, never>;
+});

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

@@ -1,11 +1,11 @@
 import { IMessageBusTopicSubscription } from "../../models";
-import { TsxAllowUnknowProperties, WizardStyles } from "..";
+import { WizardStyles } from "..";
 export interface WizardStepModel {
     id: string;
     title: string;
-    content: JSX.Element;
-    beforeButtons?: () => JSX.Element[];
-    afterButtons?: () => JSX.Element[];
+    content: VueTsxSupport.JSX.Element;
+    beforeButtons?: () => VueTsxSupport.JSX.Element[];
+    afterButtons?: () => VueTsxSupport.JSX.Element[];
     onGoToNext?: () => Promise<boolean>;
     onGoToPrev?: () => Promise<boolean>;
 }
@@ -34,7 +34,7 @@ export interface IWizardStep {
     /**
     * register self step buttons.
     */
-    registerButtons: (afterButtons: () => JSX.Element[], beforeButtons: () => JSX.Element[]) => IWizardStep;
+    registerButtons: (afterButtons: () => VueTsxSupport.JSX.Element[], beforeButtons: () => VueTsxSupport.JSX.Element[]) => IWizardStep;
     /**
     * listen to when your step visible
     */
@@ -130,16 +130,3 @@ export interface IWizard {
     defaultStepIndex?: number;
     horizontalMinHeight?: number;
 }
-declare global {
-    namespace VueTsxSupport.JSX {
-        interface Element {
-        }
-        interface ElementClass {
-        }
-        interface ElementAttributesProperty {
-        }
-        interface IntrinsicElements {
-            "omfx-wizard": TsxAllowUnknowProperties<IWizard>;
-        }
-    }
-}