@omnia/fx 8.0.355-dev → 8.0.357-dev

package/internal-do-not-import-from-here/core/services/ServiceManifestProviderInternal.d.ts

@@ -2,10 +2,14 @@ import { OmniaManifests, ComponentBundleManifest } from "../../models";
 export declare class ServiceManifestProviderInternal {
     private static omniaManifests;
     private static wcManifests;
+    private static elementNamesMappings;
     static init(): Promise<void>;
     static getAllOmniaManifests(): OmniaManifests[];
     static getAllWebComponentsManifests(): {
         [manifestId: string]: ComponentBundleManifest;
     };
+    static getElementNamesMappings(): {
+        [legacyElementName: string]: string;
+    };
     private static mergeManifests;
 }

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

@@ -1,6 +1,7 @@
 import { AnchorLinkRoute, TokenBasedRouteStateData, IMessageBusSubscriptionHandler } from "../models";
 import { TokenBasedRouter } from "./TokenBasedRouter";
 import { VueComponentBase } from "./VueComponentBase";
+import { ComponentPublicInstance } from "vue";
 interface AnchorLinkConfiguration {
     validate(anchorName: string): boolean;
     trigger?(options: AnchorLinkTriggerOptions): void;
@@ -30,7 +31,7 @@ export declare class AnchorLink {
     router: InternalAnchorLinkRouter;
     private disabled;
     constructor();
-    initInheritedState(currentComponent: VueComponentBase): void;
+    initInheritedState(currentComponent: VueComponentBase | ComponentPublicInstance): void;
     get tokenExistsOnUrl(): boolean;
     get enabled(): boolean;
     disable(): void;

package/internal-do-not-import-from-here/ux/appprovisioning/appprovisioningsteps/appinstanceenterprisepropertiesstep/AppInstanceEnterprisePropertiesStep.d.ts

@@ -70,8 +70,8 @@ declare const _default: {
 }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{} & {
         context?: import("@omnia/fx-models").AppProvisioningStepContext;
-        allowMultipleAppAdministrators?: boolean;
         allowMemberAndGroup?: boolean;
+        allowMultipleAppAdministrators?: boolean;
         registerOnGoToNext?: (onGoToNext: () => Promise<boolean>) => void;
         registerOnGoToPrev?: (onGoToPrev: () => Promise<boolean>) => void;
         isJourneyProvisioning?: boolean;

package/internal-do-not-import-from-here/ux/appprovisioning/appprovisioningsteps/appinstanceinformationstep/AppInstanceInformationStep.d.ts

@@ -70,8 +70,8 @@ declare const _default: {
 }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{} & {
         context?: import("@omnia/fx-models").AppProvisioningStepContext;
-        allowMultipleAppAdministrators?: boolean;
         allowMemberAndGroup?: boolean;
+        allowMultipleAppAdministrators?: boolean;
         registerOnGoToNext?: (onGoToNext: () => Promise<boolean>) => void;
         registerOnGoToPrev?: (onGoToPrev: () => Promise<boolean>) => void;
         isJourneyProvisioning?: boolean;

package/internal-do-not-import-from-here/ux/appprovisioning/appprovisioningsteps/appinstancesummarystep/AppInstanceSummaryStep.d.ts

@@ -70,8 +70,8 @@ declare const _default: {
 }>>, () => JSX.Element[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{} & {
         context?: import("@omnia/fx-models").AppProvisioningStepContext;
-        allowMultipleAppAdministrators?: boolean;
         allowMemberAndGroup?: boolean;
+        allowMultipleAppAdministrators?: boolean;
         registerOnGoToNext?: (onGoToNext: () => Promise<boolean>) => void;
         registerOnGoToPrev?: (onGoToPrev: () => Promise<boolean>) => void;
         isJourneyProvisioning?: boolean;

package/internal-do-not-import-from-here/ux/appprovisioning/appprovisioningsteps/appinstanceusersstep/AppInstanceUsersStep.d.ts

@@ -70,8 +70,8 @@ declare const _default: {
 }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{} & {
         context?: import("@omnia/fx-models").AppProvisioningStepContext;
-        allowMultipleAppAdministrators?: boolean;
         allowMemberAndGroup?: boolean;
+        allowMultipleAppAdministrators?: boolean;
         registerOnGoToNext?: (onGoToNext: () => Promise<boolean>) => void;
         registerOnGoToPrev?: (onGoToPrev: () => Promise<boolean>) => void;
         isJourneyProvisioning?: boolean;

package/internal-do-not-import-from-here/ux/appprovisioning/appprovisioningwizard/AppProvisioningWizard.d.ts

@@ -1,327 +1,17 @@
+import { WizardStyles, DefineProp, DefineEmit } from "@omnia/fx/ux";
 import { AppDefinition, AppInstance, AppTemplate, guid } from "../../../models";
-declare const _default: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-        isBlade: {
-            type: import("vue").PropType<boolean>;
-        };
-        isSort: {
-            type: import("vue").PropType<boolean>;
-        };
-        stylesTemplate: {
-            type: import("vue").PropType<{
-                itemTemplateStyle?: import("typestyle/lib/types").NestedCSSProperties;
-                titleTemplateStyle?: import("typestyle/lib/types").NestedCSSProperties;
-                buttonStyle?: import("typestyle/lib/types").NestedCSSProperties;
-            }>;
-        };
-        templatePickerWrapperClass: {
-            type: import("vue").PropType<string>;
-        };
-        colsGrid: {
-            type: import("vue").PropType<number>;
-        };
-        horizontalMinHeight: {
-            type: import("vue").PropType<number>;
-        };
-        isOnDialog: {
-            type: import("vue").PropType<boolean>;
-        };
-        templatesToShow: {
-            type: import("vue").PropType<guid[]>;
-        };
-        initialAppInstance: {
-            type: import("vue").PropType<AppInstance>;
-        };
-        initialAppDefinition: {
-            type: import("vue").PropType<AppDefinition>;
-        };
-        initialAppTemplate: {
-            type: import("vue").PropType<AppTemplate>;
-        };
-        styles: {
-            type: import("vue").PropType<{
-                container?: import("typestyle/lib/types").NestedCSSProperties;
-                card?: import("typestyle/lib/types").NestedCSSProperties;
-                header?: import("typestyle/lib/types").NestedCSSProperties;
-                content?: import("typestyle/lib/types").NestedCSSProperties;
-                bottom?: import("typestyle/lib/types").NestedCSSProperties;
-                outline?: import("typestyle/lib/types").NestedCSSProperties;
-                verticalDialogStep?: import("typestyle/lib/types").NestedCSSProperties;
-                horizontalStepContentMinHeightWrapper?: (isHeaderShown: boolean, parentMinHeight: number) => import("typestyle/lib/types").NestedCSSProperties;
-                textFieldStyles?: import("typestyle/lib/types").NestedCSSProperties;
-                summaryHeadingStyles?: import("typestyle/lib/types").NestedCSSProperties;
-                summaryPersonFieldStyles?: import("typestyle/lib/types").NestedCSSProperties;
-            }>;
-        };
-        allowMemberAndGroup: {
-            type: import("vue").PropType<boolean>;
-        };
-        allowMultipleAppAdministrators: {
-            type: import("vue").PropType<boolean>;
-        };
-        enableUserStep: {
-            type: import("vue").PropType<boolean>;
-        };
-        onProvisioningCompleted: {
-            type: import("vue").PropType<(appInstance: AppInstance) => void>;
-        };
-        onInstancePropertiesChanged: {
-            type: import("vue").PropType<() => void>;
-        };
-        onProvisioningStarted: {
-            type: import("vue").PropType<() => void>;
-        };
-        onProvisioningCanceled: {
-            type: import("vue").PropType<() => void>;
-        };
-        onApproved: {
-            type: import("vue").PropType<() => void>;
-        };
-        showEnabledTemplatesOnly: {
-            type: import("vue").PropType<boolean>;
-        };
-        appDefinitionId: {
-            type: import("vue").PropType<guid>;
-        };
-    }>> & {
-        onDoc$?: (description?: string) => any;
-        onRefreshAllTabs?: () => any;
-    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        refreshAllTabs: () => void;
-        doc$(description?: string): {
-            refreshAllTabs: () => void;
-        };
-    }, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        isBlade: {
-            type: import("vue").PropType<boolean>;
-        };
-        isSort: {
-            type: import("vue").PropType<boolean>;
-        };
-        stylesTemplate: {
-            type: import("vue").PropType<{
-                itemTemplateStyle?: import("typestyle/lib/types").NestedCSSProperties;
-                titleTemplateStyle?: import("typestyle/lib/types").NestedCSSProperties;
-                buttonStyle?: import("typestyle/lib/types").NestedCSSProperties;
-            }>;
-        };
-        templatePickerWrapperClass: {
-            type: import("vue").PropType<string>;
-        };
-        colsGrid: {
-            type: import("vue").PropType<number>;
-        };
-        horizontalMinHeight: {
-            type: import("vue").PropType<number>;
-        };
-        isOnDialog: {
-            type: import("vue").PropType<boolean>;
-        };
-        templatesToShow: {
-            type: import("vue").PropType<guid[]>;
-        };
-        initialAppInstance: {
-            type: import("vue").PropType<AppInstance>;
-        };
-        initialAppDefinition: {
-            type: import("vue").PropType<AppDefinition>;
-        };
-        initialAppTemplate: {
-            type: import("vue").PropType<AppTemplate>;
-        };
-        styles: {
-            type: import("vue").PropType<{
-                container?: import("typestyle/lib/types").NestedCSSProperties;
-                card?: import("typestyle/lib/types").NestedCSSProperties;
-                header?: import("typestyle/lib/types").NestedCSSProperties;
-                content?: import("typestyle/lib/types").NestedCSSProperties;
-                bottom?: import("typestyle/lib/types").NestedCSSProperties;
-                outline?: import("typestyle/lib/types").NestedCSSProperties;
-                verticalDialogStep?: import("typestyle/lib/types").NestedCSSProperties;
-                horizontalStepContentMinHeightWrapper?: (isHeaderShown: boolean, parentMinHeight: number) => import("typestyle/lib/types").NestedCSSProperties;
-                textFieldStyles?: import("typestyle/lib/types").NestedCSSProperties;
-                summaryHeadingStyles?: import("typestyle/lib/types").NestedCSSProperties;
-                summaryPersonFieldStyles?: import("typestyle/lib/types").NestedCSSProperties;
-            }>;
-        };
-        allowMemberAndGroup: {
-            type: import("vue").PropType<boolean>;
-        };
-        allowMultipleAppAdministrators: {
-            type: import("vue").PropType<boolean>;
-        };
-        enableUserStep: {
-            type: import("vue").PropType<boolean>;
-        };
-        onProvisioningCompleted: {
-            type: import("vue").PropType<(appInstance: AppInstance) => void>;
-        };
-        onInstancePropertiesChanged: {
-            type: import("vue").PropType<() => void>;
-        };
-        onProvisioningStarted: {
-            type: import("vue").PropType<() => void>;
-        };
-        onProvisioningCanceled: {
-            type: import("vue").PropType<() => void>;
-        };
-        onApproved: {
-            type: import("vue").PropType<() => void>;
-        };
-        showEnabledTemplatesOnly: {
-            type: import("vue").PropType<boolean>;
-        };
-        appDefinitionId: {
-            type: import("vue").PropType<guid>;
-        };
-    }>> & {
-        onDoc$?: (description?: string) => any;
-        onRefreshAllTabs?: () => any;
-    }, () => JSX.Element, {}, {}, {}, {}>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    isBlade: {
-        type: import("vue").PropType<boolean>;
-    };
-    isSort: {
-        type: import("vue").PropType<boolean>;
-    };
-    stylesTemplate: {
-        type: import("vue").PropType<{
-            itemTemplateStyle?: import("typestyle/lib/types").NestedCSSProperties;
-            titleTemplateStyle?: import("typestyle/lib/types").NestedCSSProperties;
-            buttonStyle?: import("typestyle/lib/types").NestedCSSProperties;
-        }>;
-    };
-    templatePickerWrapperClass: {
-        type: import("vue").PropType<string>;
-    };
-    colsGrid: {
-        type: import("vue").PropType<number>;
-    };
-    horizontalMinHeight: {
-        type: import("vue").PropType<number>;
-    };
-    isOnDialog: {
-        type: import("vue").PropType<boolean>;
-    };
-    templatesToShow: {
-        type: import("vue").PropType<guid[]>;
-    };
-    initialAppInstance: {
-        type: import("vue").PropType<AppInstance>;
-    };
-    initialAppDefinition: {
-        type: import("vue").PropType<AppDefinition>;
-    };
-    initialAppTemplate: {
-        type: import("vue").PropType<AppTemplate>;
-    };
-    styles: {
-        type: import("vue").PropType<{
-            container?: import("typestyle/lib/types").NestedCSSProperties;
-            card?: import("typestyle/lib/types").NestedCSSProperties;
-            header?: import("typestyle/lib/types").NestedCSSProperties;
-            content?: import("typestyle/lib/types").NestedCSSProperties;
-            bottom?: import("typestyle/lib/types").NestedCSSProperties;
-            outline?: import("typestyle/lib/types").NestedCSSProperties;
-            verticalDialogStep?: import("typestyle/lib/types").NestedCSSProperties;
-            horizontalStepContentMinHeightWrapper?: (isHeaderShown: boolean, parentMinHeight: number) => import("typestyle/lib/types").NestedCSSProperties;
-            textFieldStyles?: import("typestyle/lib/types").NestedCSSProperties;
-            summaryHeadingStyles?: import("typestyle/lib/types").NestedCSSProperties;
-            summaryPersonFieldStyles?: import("typestyle/lib/types").NestedCSSProperties;
-        }>;
-    };
-    allowMemberAndGroup: {
-        type: import("vue").PropType<boolean>;
-    };
-    allowMultipleAppAdministrators: {
-        type: import("vue").PropType<boolean>;
-    };
-    enableUserStep: {
-        type: import("vue").PropType<boolean>;
-    };
-    onProvisioningCompleted: {
-        type: import("vue").PropType<(appInstance: AppInstance) => void>;
-    };
-    onInstancePropertiesChanged: {
-        type: import("vue").PropType<() => void>;
-    };
-    onProvisioningStarted: {
-        type: import("vue").PropType<() => void>;
-    };
-    onProvisioningCanceled: {
-        type: import("vue").PropType<() => void>;
-    };
-    onApproved: {
-        type: import("vue").PropType<() => void>;
-    };
-    showEnabledTemplatesOnly: {
-        type: import("vue").PropType<boolean>;
-    };
-    appDefinitionId: {
-        type: import("vue").PropType<guid>;
-    };
-}>> & {
-    onDoc$?: (description?: string) => any;
+import { TemplateStyles } from "../../templatepicker/TemplatePicker.css";
+import { appProvisioningComponentBaseProps } from "../components";
+type AppProvisioningWizardProps = appProvisioningComponentBaseProps & DefineProp<"styles", typeof WizardStyles> & DefineProp<"stylesTemplate", typeof TemplateStyles> & DefineProp<"initialAppTemplate", AppTemplate> & DefineProp<"initialAppDefinition", AppDefinition> & DefineProp<"initialAppInstance", AppInstance> & DefineProp<"templatesToShow", Array<guid>> & DefineProp<"isOnDialog", boolean> & DefineProp<"horizontalMinHeight", number> & DefineProp<"colsGrid", number> & DefineProp<"templatePickerWrapperClass", string> & DefineProp<"isSort", boolean> & DefineProp<"isBlade", boolean> & DefineEmit<"refreshAllTabs", () => void>;
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<AppProvisioningWizardProps> & {
+    onApproved?: () => any;
     onRefreshAllTabs?: () => any;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    refreshAllTabs: () => void;
-    doc$(description?: string): {
-        refreshAllTabs: () => void;
-    };
-}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Omit<Readonly<{} & {
-        appDefinitionId?: guid;
-        styles?: {
-            container?: import("typestyle/lib/types").NestedCSSProperties;
-            card?: import("typestyle/lib/types").NestedCSSProperties;
-            header?: import("typestyle/lib/types").NestedCSSProperties;
-            content?: import("typestyle/lib/types").NestedCSSProperties;
-            bottom?: import("typestyle/lib/types").NestedCSSProperties;
-            outline?: import("typestyle/lib/types").NestedCSSProperties;
-            verticalDialogStep?: import("typestyle/lib/types").NestedCSSProperties;
-            horizontalStepContentMinHeightWrapper?: (isHeaderShown: boolean, parentMinHeight: number) => import("typestyle/lib/types").NestedCSSProperties;
-            textFieldStyles?: import("typestyle/lib/types").NestedCSSProperties;
-            summaryHeadingStyles?: import("typestyle/lib/types").NestedCSSProperties;
-            summaryPersonFieldStyles?: import("typestyle/lib/types").NestedCSSProperties;
-        };
-        colsGrid?: number;
-        stylesTemplate?: {
-            itemTemplateStyle?: import("typestyle/lib/types").NestedCSSProperties;
-            titleTemplateStyle?: import("typestyle/lib/types").NestedCSSProperties;
-            buttonStyle?: import("typestyle/lib/types").NestedCSSProperties;
-        };
-        isSort?: boolean;
-        isOnDialog?: boolean;
-        horizontalMinHeight?: number;
-        initialAppInstance?: AppInstance;
-        showEnabledTemplatesOnly?: boolean;
-        onApproved?: () => void;
-        onProvisioningCanceled?: () => void;
-        onProvisioningStarted?: () => void;
-        onInstancePropertiesChanged?: () => void;
-        onProvisioningCompleted?: (appInstance: AppInstance) => void;
-        enableUserStep?: boolean;
-        allowMultipleAppAdministrators?: boolean;
-        allowMemberAndGroup?: boolean;
-        initialAppTemplate?: AppTemplate;
-        initialAppDefinition?: AppDefinition;
-        templatesToShow?: guid[];
-        templatePickerWrapperClass?: string;
-        isBlade?: boolean;
-    }>, "onDoc$" | "onRefreshAllTabs"> & {
-        onDoc$?: (description?: string) => any;
-        onRefreshAllTabs?: () => any;
-    };
-};
+    onProvisioningCanceled?: () => any;
+    onInstancePropertiesChanged?: () => any;
+    onProvisioningCompleted?: (appInstance: AppInstance) => any;
+} & {
+    "v-slots"?: {} & Omit<{
+        default?: import("vue").Slot;
+    }, never>;
+} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "appDefinitionId" | "styles" | "colsGrid" | "stylesTemplate" | "isSort" | "isOnDialog" | "horizontalMinHeight" | "initialAppInstance" | "emit:refreshAllTabs" | "showEnabledTemplatesOnly" | "enableUserStep" | "allowMemberAndGroup" | "allowMultipleAppAdministrators" | "emit:approved" | "emit:provisioningCanceled" | "emit:instancePropertiesChanged" | "emit:provisioningCompleted" | "initialAppTemplate" | "initialAppDefinition" | "templatesToShow" | "templatePickerWrapperClass" | "isBlade"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/appprovisioning/components/AppInstanceFeatureVueComponent.d.ts

@@ -5,7 +5,7 @@ export interface IAppInstanceFeatureVueComponentProps {
     registerOnGoToNext: (onGoToNext: () => Promise<boolean>) => void;
     registerOnGoToPrev: (onGoToPrev: () => Promise<boolean>) => void;
 }
-declare const _default: {
+export declare const AppInstanceFeatureVueComponent: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         elementToRender: {
             type: import("vue").PropType<string>;
@@ -87,11 +87,10 @@ declare const _default: {
     propsDefinition: Omit<Readonly<{} & {
         context?: AppProvisioningStepContext;
         elementToRender?: string;
-        allowMultipleAppAdministrators?: boolean;
         allowMemberAndGroup?: boolean;
+        allowMultipleAppAdministrators?: boolean;
         registerOnGoToNext?: (onGoToNext: () => Promise<boolean>) => void;
         registerOnGoToPrev?: (onGoToPrev: () => Promise<boolean>) => void;
         isJourneyProvisioning?: boolean;
     }>, never>;
 };
-export default _default;

package/internal-do-not-import-from-here/ux/appprovisioning/components/AppInstanceTemplatePickerVueComponent.d.ts

@@ -1,162 +1,38 @@
 import { AppDefinition, AppTemplate, guid } from "@omnia/fx-models";
-export declare const AppInstanceTemplatePickerVueComponent: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-        isSort: {
-            type: import("vue").PropType<boolean>;
-        };
-        wrapperClass: {
-            type: import("vue").PropType<string>;
-        };
-        stylesTemplate: {
-            type: import("vue").PropType<{
-                itemTemplateStyle?: import("typestyle/lib/types").NestedCSSProperties;
-                titleTemplateStyle?: import("typestyle/lib/types").NestedCSSProperties;
-                buttonStyle?: import("typestyle/lib/types").NestedCSSProperties;
-            }>;
-        };
-        colsGrid: {
-            type: import("vue").PropType<number>;
-        };
-        templatesToShow: {
-            type: import("vue").PropType<guid[]>;
-        };
-        waitingAfterTemplateSelected: {
-            type: import("vue").PropType<boolean>;
-        };
-        handleTemplateSelected: {
-            type: import("vue").PropType<(template: AppTemplate, definition: AppDefinition) => void>;
-        };
-        showEnabledTemplatesOnly: {
-            type: import("vue").PropType<boolean>;
-        };
-        "onUpdate:initialAppTemplateId": {
-            type: import("vue").PropType<(value: guid) => any | void>;
-        };
-        "v-model:initialAppTemplateId": {
-            type: import("vue").PropType<guid>;
-            required: false;
-        };
-        initialAppTemplateId: {
-            type: import("vue").PropType<guid>;
-            required: false;
-        };
-        appDefinitionId: {
-            type: import("vue").PropType<guid>;
-        };
-    }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        isSort: {
-            type: import("vue").PropType<boolean>;
-        };
-        wrapperClass: {
-            type: import("vue").PropType<string>;
-        };
-        stylesTemplate: {
-            type: import("vue").PropType<{
-                itemTemplateStyle?: import("typestyle/lib/types").NestedCSSProperties;
-                titleTemplateStyle?: import("typestyle/lib/types").NestedCSSProperties;
-                buttonStyle?: import("typestyle/lib/types").NestedCSSProperties;
-            }>;
-        };
-        colsGrid: {
-            type: import("vue").PropType<number>;
-        };
-        templatesToShow: {
-            type: import("vue").PropType<guid[]>;
-        };
-        waitingAfterTemplateSelected: {
-            type: import("vue").PropType<boolean>;
-        };
-        handleTemplateSelected: {
-            type: import("vue").PropType<(template: AppTemplate, definition: AppDefinition) => void>;
-        };
-        showEnabledTemplatesOnly: {
-            type: import("vue").PropType<boolean>;
-        };
-        "onUpdate:initialAppTemplateId": {
-            type: import("vue").PropType<(value: guid) => any | void>;
-        };
-        "v-model:initialAppTemplateId": {
-            type: import("vue").PropType<guid>;
-            required: false;
-        };
-        initialAppTemplateId: {
-            type: import("vue").PropType<guid>;
-            required: false;
-        };
-        appDefinitionId: {
-            type: import("vue").PropType<guid>;
-        };
-    }>>, () => JSX.Element, {}, {}, {}, {}>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    isSort: {
-        type: import("vue").PropType<boolean>;
-    };
-    wrapperClass: {
-        type: import("vue").PropType<string>;
-    };
-    stylesTemplate: {
-        type: import("vue").PropType<{
-            itemTemplateStyle?: import("typestyle/lib/types").NestedCSSProperties;
-            titleTemplateStyle?: import("typestyle/lib/types").NestedCSSProperties;
-            buttonStyle?: import("typestyle/lib/types").NestedCSSProperties;
-        }>;
-    };
-    colsGrid: {
-        type: import("vue").PropType<number>;
-    };
-    templatesToShow: {
-        type: import("vue").PropType<guid[]>;
-    };
-    waitingAfterTemplateSelected: {
-        type: import("vue").PropType<boolean>;
-    };
-    handleTemplateSelected: {
-        type: import("vue").PropType<(template: AppTemplate, definition: AppDefinition) => void>;
-    };
-    showEnabledTemplatesOnly: {
-        type: import("vue").PropType<boolean>;
-    };
-    "onUpdate:initialAppTemplateId": {
-        type: import("vue").PropType<(value: guid) => any | void>;
-    };
-    "v-model:initialAppTemplateId": {
-        type: import("vue").PropType<guid>;
-        required: false;
-    };
-    initialAppTemplateId: {
-        type: import("vue").PropType<guid>;
-        required: false;
-    };
-    appDefinitionId: {
-        type: import("vue").PropType<guid>;
-    };
-}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Omit<Readonly<{} & {
-        appDefinitionId?: guid;
-        colsGrid?: number;
-        stylesTemplate?: {
-            itemTemplateStyle?: import("typestyle/lib/types").NestedCSSProperties;
-            titleTemplateStyle?: import("typestyle/lib/types").NestedCSSProperties;
-            buttonStyle?: import("typestyle/lib/types").NestedCSSProperties;
-        };
-        isSort?: boolean;
-        showEnabledTemplatesOnly?: boolean;
-        templatesToShow?: guid[];
-        initialAppTemplateId?: guid;
-        "onUpdate:initialAppTemplateId"?: (value: guid) => any | void;
-        "v-model:initialAppTemplateId"?: guid;
-        handleTemplateSelected?: (template: AppTemplate, definition: AppDefinition) => void;
-        waitingAfterTemplateSelected?: boolean;
-        wrapperClass?: string;
-    }>, never>;
-};
+import { DefineEmit } from "@omnia/fx/ux";
+export declare const AppInstanceTemplatePickerVueComponent: (props: import("@omnia/fx/ux").ExtractProps<{
+    "emit:update:initialAppTemplateId": (value: guid) => void;
+} & {
+    "v-model:initialAppTemplateId"?: guid;
+} & {
+    initialAppTemplateId?: guid;
+} & {
+    appDefinitionId?: guid;
+} & {
+    showEnabledTemplatesOnly?: boolean;
+} & {
+    waitingAfterTemplateSelected?: boolean;
+} & {
+    templatesToShow?: guid[];
+} & {
+    colsGrid?: number;
+} & {
+    stylesTemplate?: {
+        itemTemplateStyle?: import("typestyle/lib/types").NestedCSSProperties;
+        titleTemplateStyle?: import("typestyle/lib/types").NestedCSSProperties;
+        buttonStyle?: import("typestyle/lib/types").NestedCSSProperties;
+    };
+} & {
+    wrapperClass?: string;
+} & {
+    isSort?: boolean;
+} & {
+    isBlade?: boolean;
+} & DefineEmit<"handleTemplateSelected", (template: AppTemplate, definition: AppDefinition) => void>> & {
+    onHandleTemplateSelected?: (template: AppTemplate, definition: AppDefinition) => any;
+    "onUpdate:initialAppTemplateId"?: (value: guid) => any;
+} & {
+    "v-slots"?: {} & Omit<{
+        default?: import("vue").Slot;
+    }, never>;
+} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "appDefinitionId" | "colsGrid" | "stylesTemplate" | "isSort" | "showEnabledTemplatesOnly" | "templatesToShow" | "isBlade" | "initialAppTemplateId" | "emit:update:initialAppTemplateId" | "v-model:initialAppTemplateId" | "waitingAfterTemplateSelected" | "wrapperClass" | "emit:handleTemplateSelected"> & import("@omnia/fx/ux").VNodeEvents) => any;

package/internal-do-not-import-from-here/ux/appprovisioning/components/AppProvisioningComponentBase.d.ts

@@ -1,7 +1,7 @@
 import { AppInstanceCreateInfo, AppInstance, AppTemplate, AppProvisioningStepContext, AppDefinition, AppProvisioningStepInfo, AppProvisioningHandlerMessage, IMessageBusSubscriptionHandler, AppProvisioningStepRegistration, InformationSummaryRenderer, guid } from "../../../models";
 import { SubscriptionHandler } from "../../..";
 import { AppStore, DirectionRuleStore, EnterprisePropertyStore, FeatureStore, MultilingualStore, TargetingPropertyStore, useLocalizationStore } from "../../../stores";
-import { VueComponentBase, OmniaTheming, OmniaUxLocalization } from "../..";
+import { VueComponentBase, OmniaTheming, OmniaUxLocalization, DefineProp, DefineEmit } from "../..";
 import { AppService } from "../../../services";
 export interface IAppProvisioningComponentProps {
     appDefinitionId?: guid;
@@ -13,41 +13,7 @@ export interface IAppProvisioningComponentProps {
     onProvisioningCompleted?: (appInstance: AppInstance) => void;
     allowMemberAndGroup?: boolean;
 }
-export declare const appProvisioningComponentBaseProps: {
-    allowMemberAndGroup: {
-        type: import("vue").PropType<boolean>;
-    };
-    require(): import("../../DefineVueTypings").DefinePropRequire<"allowMemberAndGroup", boolean, {}>;
-    defaultValue(value?: boolean): import("../../DefineVueTypings").DefinePropDefaultValue<"allowMemberAndGroup", boolean, {}, false>;
-    doc$(description?: string): import("../../DefineVueTypings").DefinePropDoc<"allowMemberAndGroup", boolean, {}>;
-    allowMultipleAppAdministrators: {
-        type: import("vue").PropType<boolean>;
-    };
-    enableUserStep: {
-        type: import("vue").PropType<boolean>;
-    };
-    onProvisioningCompleted: {
-        type: import("vue").PropType<(appInstance: AppInstance) => void>;
-    };
-    onInstancePropertiesChanged: {
-        type: import("vue").PropType<() => void>;
-    };
-    onProvisioningStarted: {
-        type: import("vue").PropType<() => void>;
-    };
-    onProvisioningCanceled: {
-        type: import("vue").PropType<() => void>;
-    };
-    onApproved: {
-        type: import("vue").PropType<() => void>;
-    };
-    showEnabledTemplatesOnly: {
-        type: import("vue").PropType<boolean>;
-    };
-    appDefinitionId: {
-        type: import("vue").PropType<guid>;
-    };
-};
+export type appProvisioningComponentBaseProps = DefineProp<"appDefinitionId", guid> & DefineProp<"showEnabledTemplatesOnly", boolean, true> & DefineProp<"enableUserStep", boolean> & DefineProp<"allowMemberAndGroup", boolean> & DefineProp<"allowMultipleAppAdministrators", boolean> & DefineEmit<"approved", () => void> & DefineEmit<"provisioningCanceled", () => void> & DefineEmit<"instancePropertiesChanged", () => void> & DefineEmit<"provisioningCompleted", (appInstance: AppInstance) => void>;
 export declare function useAppProvisioningComponentBase(props: IAppProvisioningComponentProps): {
     defaultSteps: AppProvisioningStepRegistration[];
     appState: {

package/internal-do-not-import-from-here/ux/appprovisioning/components/index.d.ts

@@ -2,3 +2,4 @@ export * from "./AppInstancePermissionsVueComponent";
 export * from "./AppInstanceInformationVueComponent";
 export * from "./AppInstanceTemplatePickerVueComponent";
 export * from "./AppProvisioningComponentBase";
+export * from "./AppInstanceFeatureVueComponent";

package/internal-do-not-import-from-here/ux/layoutcanvas/renderer/LayoutRendererCanvas.d.ts

@@ -1,83 +1,11 @@
 import { LayoutRendererCanvasApi } from "@omnia/fx/models";
+import { DefineExpose, DefineProp } from "@omnia/fx/ux";
 import { LayoutCanvasStore } from "../";
 import "./LayoutRendererCanvas.stylex";
-declare const _default: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-        height: {
-            type: import("vue").PropType<string>;
-        };
-        noScroll: {
-            type: import("vue").PropType<boolean>;
-        };
-        disableScrollCompensation: {
-            type: import("vue").PropType<boolean>;
-        };
-        provider: {
-            type: import("vue").PropType<string>;
-        };
-        getApi: {
-            type: import("vue").PropType<(inst: LayoutRendererCanvasApi, layoutCanvasStore: LayoutCanvasStore) => void>;
-        };
-        designRender: {
-            type: import("vue").PropType<boolean>;
-        };
-    }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        height: {
-            type: import("vue").PropType<string>;
-        };
-        noScroll: {
-            type: import("vue").PropType<boolean>;
-        };
-        disableScrollCompensation: {
-            type: import("vue").PropType<boolean>;
-        };
-        provider: {
-            type: import("vue").PropType<string>;
-        };
-        getApi: {
-            type: import("vue").PropType<(inst: LayoutRendererCanvasApi, layoutCanvasStore: LayoutCanvasStore) => void>;
-        };
-        designRender: {
-            type: import("vue").PropType<boolean>;
-        };
-    }>>, () => JSX.Element, {}, {}, {}, {}>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    height: {
-        type: import("vue").PropType<string>;
-    };
-    noScroll: {
-        type: import("vue").PropType<boolean>;
-    };
-    disableScrollCompensation: {
-        type: import("vue").PropType<boolean>;
-    };
-    provider: {
-        type: import("vue").PropType<string>;
-    };
-    getApi: {
-        type: import("vue").PropType<(inst: LayoutRendererCanvasApi, layoutCanvasStore: LayoutCanvasStore) => void>;
-    };
-    designRender: {
-        type: import("vue").PropType<boolean>;
-    };
-}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Omit<Readonly<{} & {
-        height?: string;
-        provider?: string;
-        getApi?: (inst: LayoutRendererCanvasApi, layoutCanvasStore: LayoutCanvasStore) => void;
-        designRender?: boolean;
-        disableScrollCompensation?: boolean;
-        noScroll?: boolean;
-    }>, never>;
-};
+type Props = DefineProp<"designRender", boolean, false, null> & DefineProp<"getApi", (inst: LayoutRendererCanvasApi, layoutCanvasStore: LayoutCanvasStore) => void, false, null> & DefineExpose<LayoutRendererCanvasApi> & DefineProp<"height", string, false, null> & DefineProp<"provider", string, false, null> & DefineProp<"disableScrollCompensation", boolean, false, false> & DefineProp<"noScroll", boolean, false, false>;
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<Props> & {} & {
+    "v-slots"?: {} & Omit<{
+        default?: import("vue").Slot;
+    }, never>;
+} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "height" | "provider" | "ref" | "getApi" | "designRender" | "disableScrollCompensation" | "noScroll"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/layoutcanvas/stores/ReactiveLayoutItemsSettingsStore.d.ts

@@ -1,4 +1,4 @@
-import { ReactiveLayoutItemSettings, IReactiveLayoutItemsSettingsStore, BlockSettings, IMessageBusTopicSubscription } from "../../../models";
+import { ReactiveLayoutItemSettings, IReactiveLayoutItemsSettingsStore, BlockSettings, guid, IMessageBusTopicSubscription } from "../../../models";
 import { MessageBusTopicMediator } from "../../../core";
 interface ReactiveLayoutItemSettingsExtends extends ReactiveLayoutItemSettings {
     readyWatchSettings?: boolean;
@@ -20,7 +20,7 @@ export declare class ReactiveLayoutItemsSettingsStore implements IReactiveLayout
     copySetting(existingKey: string, newKey: string): ReactiveLayoutItemSettings;
     deleteSetting(key: string): void;
     resetSetting(key: string): void;
-    updateSettingsElement(id: string, element: string): void;
+    updateSettingsElement(id: string, editElementManifestId: guid): void;
     registerWatchSettings(settings: ReactiveLayoutItemSettingsExtends): void;
     getSettingsSubcriber<TSettings = void>(settingKey: string): IMessageBusTopicSubscription<TSettings>;
     getSettings(): BlockSettings;

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

@@ -1,9 +1,9 @@
-import { IIcon, OIconVariants, OIconSizes, ColorType, OIconAnimations, IconBlueprint } from "@omnia/fx-models";
+import { IIcon, OIconVariants, OIconSizes, ColorType, OIconAnimations, IconBlueprint, IconTooltipOptions } from "@omnia/fx-models";
 import { DefinePropTheming, DefineProp } from "@omnia/fx/ux";
-type IconProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"filled", boolean, false, false, "Applies the a background color to the flex. The color is based on the colorSchema either set or inherited."> & DefineProp<"icon", IIcon, false, null, "The icon to be displayed."> & DefineProp<"toned", boolean, false, false> & DefineProp<"colorType", ColorType, false, null, "Sets the colorType to use for the icons. Default is onBase."> & DefineProp<"variant", OIconVariants, false, null, "Sets the variant of the icon."> & DefineProp<"size", OIconSizes, false, null, "Sets the height and width of the icon. Should be used as default."> & DefineProp<"animation", OIconAnimations, false, null, "Sets the animation on the icon when hovering."> & DefineProp<"customSize", number, false, null, "Sets a custom height and width of the icon. Should be used only as an exception."> & DefineProp<"disabled", boolean, false, false, "Removes the ability to click or target the component."> & DefineProp<"blueprint", IconBlueprint, false, null, "Sets a custom blueprint for the icon.">;
+type IconProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"filled", boolean, false, false, "Applies the a background color to the flex. The color is based on the colorSchema either set or inherited."> & DefineProp<"icon", IIcon, false, null, "The icon to be displayed."> & DefineProp<"toned", boolean, false, false> & DefineProp<"colorType", ColorType, false, null, "Sets the colorType to use for the icons. Default is onBase."> & DefineProp<"variant", OIconVariants, false, null, "Sets the variant of the icon."> & DefineProp<"tooltip", IconTooltipOptions, false, null, "Sets tooltip to display when hovering the icon."> & DefineProp<"size", OIconSizes, false, null, "Sets the height and width of the icon. Should be used as default."> & DefineProp<"animation", OIconAnimations, false, null, "Sets the animation on the icon when hovering."> & DefineProp<"customSize", number, false, null, "Sets a custom height and width of the icon. Should be used only as an exception."> & DefineProp<"disabled", boolean, false, false, "Removes the ability to click or target the component."> & DefineProp<"blueprint", IconBlueprint, false, null, "Sets a custom blueprint for the icon.">;
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<IconProps> & {} & {
     "v-slots"?: {} & Omit<{
         default?: import("vue").Slot;
     }, never>;
-} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "icon" | "blueprint" | "animation" | "variant" | "filled" | "size" | "class" | "disabled" | "colorSchemaType" | "colors" | "toned" | "colorType" | "customSize"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "icon" | "blueprint" | "animation" | "variant" | "filled" | "size" | "class" | "disabled" | "tooltip" | "colorSchemaType" | "colors" | "toned" | "colorType" | "customSize"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/inputfield/InputField.d.ts

@@ -1,4 +1,4 @@
-import { DefineEmit, DefineExpose, DefineProp, DefinePropTheming, DefineSlot, DefineVModel, ExtractProps, ValidationRule } from "@omnia/fx/ux";
+import { DefineEmit, DefineProp, DefinePropTheming, DefineSlot, DefineVModel, ExtractProps, ValidationRule } from "@omnia/fx/ux";
 import { ColorValue, TextBlueprint, OTextFieldTypes, InputBlueprint } from "@omnia/fx/models";
 import { VNodeChild } from "vue";
 export declare const InputTypeDefinitions: readonly ["text", "password", "number"];
@@ -6,7 +6,7 @@ export type InputTypes = typeof InputTypeDefinitions[number];
 export type InputApi = {
     focus: () => void;
 };
-type BaseProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineExpose<InputApi> & DefineProp<"variant", OTextFieldTypes, false, null, "Applies a distinct style to the component."> & DefineProp<"color", ColorValue, false, null, "Define the custom color for text field."> & DefineProp<"readonly", boolean, false, null, "Makes the text field readonly."> & DefineProp<"persistentHint", boolean, false, null, "Forces hint to always be visible."> & DefineProp<"hint", string, false, null, "Sets the hint of the text field. Hint will be displayed below the input when focused."> & DefineProp<"errorMessages", string | string[], false, null, "Puts the input in an error state and passes through custom error messages. Will be combined with any validations that occur from the rules prop. This field will not trigger validation."> & DefineProp<"rules", ValidationRule[], false, null, "Accepts a mixed array of types function. Functions pass an input value as an argument and must return either true / false or a string containing an error message."> & DefineProp<"toned", boolean, false, null, ""> & DefineProp<"label", string, false, null, "The label of the input field."> & DefineProp<"loading", boolean, false, false, "Displays linear progress bar."> & DefineProp<"disabled", boolean, false, false, "Removes the ability to click or target the input."> & DefineProp<"textBlueprint", TextBlueprint, false, null, "Sets a custom blueprint for the text."> & DefineProp<"blueprint", InputBlueprint, false, null, "Sets a custom blueprint for the text."> & DefineProp<"getApi", (api: InputApi) => void, false, null, "Gets the api"> & DefineSlot<"append", () => VNodeChild, "Adds an item inside the input and after input content."> & DefineSlot<"append-inner", () => VNodeChild, "Adds an item inside the input content."> & DefineSlot<"prepend", () => VNodeChild, "Adds an item outside the input and before input content."> & DefineSlot<"prepend-inner", () => VNodeChild, "Slot that is prepended to the input."> & DefineSlot<"message", () => VNodeChild, "Slot used to customize the message content."> & DefineEmit<"update:focused", (value: boolean) => void, "Emit when search input field is focused."> & DefineEmit<"click:button", () => void, "Emit when click on icon."> & DefineEmit<"click:clear", () => void, "Emit when search input field is cleared.">;
+type BaseProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"variant", OTextFieldTypes, false, null, "Applies a distinct style to the component."> & DefineProp<"color", ColorValue, false, null, "Define the custom color for text field."> & DefineProp<"readonly", boolean, false, null, "Makes the text field readonly."> & DefineProp<"persistentHint", boolean, false, null, "Forces hint to always be visible."> & DefineProp<"hint", string, false, null, "Sets the hint of the text field. Hint will be displayed below the input when focused."> & DefineProp<"errorMessages", string | string[], false, null, "Puts the input in an error state and passes through custom error messages. Will be combined with any validations that occur from the rules prop. This field will not trigger validation."> & DefineProp<"rules", ValidationRule[], false, null, "Accepts a mixed array of types function. Functions pass an input value as an argument and must return either true / false or a string containing an error message."> & DefineProp<"toned", boolean, false, null, ""> & DefineProp<"label", string, false, null, "The label of the input field."> & DefineProp<"loading", boolean, false, false, "Displays linear progress bar."> & DefineProp<"disabled", boolean, false, false, "Removes the ability to click or target the input."> & DefineProp<"textBlueprint", TextBlueprint, false, null, "Sets a custom blueprint for the text."> & DefineProp<"blueprint", InputBlueprint, false, null, "Sets a custom blueprint for the text."> & DefineProp<"getApi", (api: InputApi) => void, false, null, "Gets the api"> & DefineSlot<"append", () => VNodeChild, "Adds an item inside the input and after input content."> & DefineSlot<"append-inner", () => VNodeChild, "Adds an item inside the input content."> & DefineSlot<"prepend", () => VNodeChild, "Adds an item outside the input and before input content."> & DefineSlot<"prepend-inner", () => VNodeChild, "Slot that is prepended to the input."> & DefineSlot<"message", () => VNodeChild, "Slot used to customize the message content."> & DefineEmit<"update:focused", (value: boolean) => void, "Emit when search input field is focused."> & DefineEmit<"click:button", () => void, "Emit when click on icon."> & DefineEmit<"click:clear", () => void, "Emit when search input field is cleared.">;
 type NumberInputProps = DefineVModel<"", number, false, null, true, "The v-model value of the component."> & DefineProp<"max", number, false, null, "The max value."> & DefineProp<"min", number, false, null, "The min value."> & DefineProp<"step", number, false, null, "incremental steps for adjusting the numeric value."> & BaseProps;
 type TextInputProps = DefineVModel<"", string, false, null, true, "The v-model value of the component."> & DefineProp<"suffix", string, false, null, "The suffix text of the text field."> & DefineProp<"prefix", string, false, null, "The prefix text of the text field."> & DefineProp<"clearable", boolean, false, false, "Adds a clear button when the text field is not empty."> & DefineProp<"autofocus", boolean, false, false, "Enables autofocus."> & DefineProp<"placeholder", string, false, null, "Sets the input’s placeholder text."> & BaseProps;
 declare const _default: <TType extends "text" | "number" | "password" = "text">(props: ExtractProps<{

package/internal-do-not-import-from-here/ux/oxide/tab/Tab.d.ts

@@ -5,6 +5,7 @@ type IconPositions = "left" | "right" | "top";
 export interface TabIconModel {
     iconType: IIcon;
     position?: IconPositions;
+    tooltipText?: string;
 }
 type TabProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"disabled", boolean, false, false, "Removed the ability to click or target the component."> & DefineProp<"title", string, false, null, "The title of the tab."> & DefineProp<"notificationCount", number, false, null, "Show a notificaton count on the tab."> & DefineProp<"eager", boolean, false, false, "Force the tab content to preload. This is useful if you have content that you want to be preloaded, instead of 'load on click' default behavior."> & DefineProp<"icon", TabIconModel, false, null, "The icon of the tab."> & DefineProp<"variant", OTabVariants, false, null, "Applies a distinct style to the component."> & DefineSlot<"itemRendering", () => VNodeChild>;
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<TabProps> & {} & {

package/internal-do-not-import-from-here/ux/profilecard/ProfileCardRenderer.d.ts

@@ -1,4 +1,5 @@
 import { UserIdentity } from "@omnia/fx-models";
+import { DefineEmit } from "@omnia/fx/ux";
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     "emit:update:modelValue": (value: UserIdentity) => void;
 } & {
@@ -7,11 +8,12 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     modelValue?: UserIdentity;
 } & {
     removeElementAfterClosing?: boolean;
-}> & {
+} & DefineEmit<"close", () => void>> & {
+    onClose?: () => any;
     "onUpdate:modelValue"?: (value: UserIdentity) => any;
 } & {
     "v-slots"?: {} & Omit<{
         default?: import("vue").Slot;
     }, never>;
-} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "modelValue" | "v-model" | "emit:update:modelValue" | "removeElementAfterClosing"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "modelValue" | "v-model" | "emit:update:modelValue" | "emit:close" | "removeElementAfterClosing"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/use/UseDraggable.d.ts

@@ -22,6 +22,8 @@ export declare function useDraggable(): {
         colorType?: "base" | "onBase";
     } & {
         variant?: "background" | "default";
+    } & {
+        tooltip?: import("@omnia/fx-models").IconTooltipOptions;
     } & {
         size?: "small" | "default" | "x-large" | "x-small" | "large";
     } & {
@@ -36,7 +38,7 @@ export declare function useDraggable(): {
         "v-slots"?: {} & Omit<{
             default?: import("vue").Slot;
         }, never>;
-    } & Omit<import("..").VueComponentBaseProps, "icon" | "blueprint" | "animation" | "variant" | "filled" | "size" | "class" | "disabled" | "colorSchemaType" | "colors" | "toned" | "colorType" | "customSize"> & import("../InternalDefineComponent").VNodeEvents) => any;
+    } & Omit<import("..").VueComponentBaseProps, "icon" | "blueprint" | "animation" | "variant" | "filled" | "size" | "class" | "disabled" | "tooltip" | "colorSchemaType" | "colors" | "toned" | "colorType" | "customSize"> & import("../InternalDefineComponent").VNodeEvents) => any;
     draggableContainerRef: import("vue").Ref<any, any>;
     draggableItemClass: string;
     disabledItemClass: string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@omnia/fx",
   "license": "MIT",
-  "version": "8.0.355-dev",
+  "version": "8.0.357-dev",
   "description": "Provide Omnia Fx typings and tooling for clientside Omnia development.",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
@@ -20,7 +20,7 @@
   ],
   "author": "Omnia Digital Workplace AB",
   "dependencies": {
-    "@omnia/fx-models": "8.0.355-dev",
+    "@omnia/fx-models": "8.0.357-dev",
     "@microsoft/signalr": "6.0.1",
     "broadcast-channel": "4.8.0",
     "dayjs": "1.11.7",

package/postinstall.js

@@ -2,8 +2,8 @@
 const fs = require('fs');
 const path = require('path');
 
-const srcPath = path.join(process.cwd(), "types/vue.custom.d.ts");
-const destPath = path.join(process.cwd(), "../../vue/types/vue.d.ts");
+const srcPath = path.join(process.cwd(), "types/jsx.d.ts");
+const destPath = path.join(process.cwd(), "../../vue/jsx.d.ts");
 
 if (fs.existsSync(destPath)) {
     fs.copyFileSync(srcPath, destPath);

package/types/jsx.d.ts

@@ -0,0 +1,22 @@
+/* eslint-disable @typescript-eslint/prefer-ts-expect-error */
+// global JSX namespace registration
+// somehow we have to copy=pase the jsx-runtime types here to make TypeScript happy
+import type { NativeElements, ReservedProps, VNode } from '@vue/runtime-dom'
+
+declare global {
+  namespace JSX {
+    export interface Element extends VNode {}
+    export interface ElementClass {
+      $props: {}
+    }
+    export interface ElementAttributesProperty {
+      $props: {}
+    }
+    export interface IntrinsicElements extends NativeElements {
+      // allow arbitrary elements
+      // @ts-ignore suppress ts:2374 = Duplicate string index signature.
+      [name: string]: any
+    }
+    export interface IntrinsicAttributes extends Omit<ReservedProps, "ref"> {}
+  }
+}

package/types/vue.custom.d.ts

@@ -1,135 +0,0 @@
-import {
-  Component,
-  AsyncComponent,
-  ComponentOptions,
-  FunctionalComponentOptions,
-  WatchOptionsWithHandler,
-  WatchHandler,
-  DirectiveOptions,
-  DirectiveFunction,
-  RecordPropsDefinition,
-  ThisTypedComponentOptionsWithArrayProps,
-  ThisTypedComponentOptionsWithRecordProps,
-  WatchOptions,
-} from "./options";
-import { VNode, VNodeData, VNodeChildren, NormalizedScopedSlot } from "./vnode";
-import { PluginFunction, PluginObject } from "./plugin";
-
-export interface CreateElement {
-  (tag?: string | Component<any, any, any, any> | AsyncComponent<any, any, any, any> | (() => Component), children?: VNodeChildren): VNode;
-  (tag?: string | Component<any, any, any, any> | AsyncComponent<any, any, any, any> | (() => Component), data?: VNodeData, children?: VNodeChildren): VNode;
-}
-
-export interface Vue {
-  readonly $el: Element;
-  readonly $options: ComponentOptions<Vue>;
-  readonly $parent: Vue;
-  readonly $root: Vue;
-  readonly $children: Vue[];
-  readonly $refs: { [key: string]: Vue | Element | (Vue | Element)[] | undefined };
-  readonly $slots: { [key: string]: VNode[] | undefined };
-  readonly $scopedSlots: { [key: string]: NormalizedScopedSlot | undefined };
-  readonly $isServer: boolean;
-  readonly $data: Record<string, any>;
-  readonly $props: Record<string, any>;
-  readonly $ssrContext: any;
-  readonly $vnode: VNode;
-  readonly $attrs: Record<string, string>;
-  readonly $listeners: Record<string, Function | Function[]>;
-
-  $mount(elementOrSelector?: Element | string, hydrating?: boolean): this;
-  $forceUpdate(): void;
-  $destroy(): void;
-  $set: typeof Vue.set;
-  $delete: typeof Vue.delete;
-  $watch(
-    expOrFn: string,
-    callback: (this: this, n: any, o: any) => void,
-    options?: WatchOptions
-  ): (() => void);
-  $watch<T>(
-    expOrFn: (this: this) => T,
-    callback: (this: this, n: T, o: T) => void,
-    options?: WatchOptions
-  ): (() => void);
-  $on(event: string | string[], callback: Function): this;
-  $once(event: string | string[], callback: Function): this;
-  $off(event?: string | string[], callback?: Function): this;
-  $emit(event: string, ...args: any[]): this;
-  $nextTick(callback: (this: this) => void): void;
-  $nextTick(): Promise<void>;
-  // remove $createElement to force build failed
-  // this function should never be called outside of tooling injection since it affects hierarchy vnode
-  // we forcing this for Omnia 7 breaking changes
-  //$createElement: CreateElement;
-}
-
-export type CombinedVueInstance<Instance extends Vue, Data, Methods, Computed, Props> =  Data & Methods & Computed & Props & Instance;
-export type ExtendedVue<Instance extends Vue, Data, Methods, Computed, Props> = VueConstructor<CombinedVueInstance<Instance, Data, Methods, Computed, Props> & Vue>;
-
-export interface VueConfiguration {
-  silent: boolean;
-  optionMergeStrategies: any;
-  devtools: boolean;
-  productionTip: boolean;
-  performance: boolean;
-  errorHandler(err: Error, vm: Vue, info: string): void;
-  warnHandler(msg: string, vm: Vue, trace: string): void;
-  ignoredElements: (string | RegExp)[];
-  keyCodes: { [key: string]: number | number[] };
-  async: boolean;
-}
-
-export interface VueConstructor<V extends Vue = Vue> {
-  new <Data = object, Methods = object, Computed = object, PropNames extends string = never>(options?: ThisTypedComponentOptionsWithArrayProps<V, Data, Methods, Computed, PropNames>): CombinedVueInstance<V, Data, Methods, Computed, Record<PropNames, any>>;
-  // ideally, the return type should just contain Props, not Record<keyof Props, any>. But TS requires to have Base constructors with the same return type.
-  new <Data = object, Methods = object, Computed = object, Props = object>(options?: ThisTypedComponentOptionsWithRecordProps<V, Data, Methods, Computed, Props>): CombinedVueInstance<V, Data, Methods, Computed, Record<keyof Props, any>>;
-  new (options?: ComponentOptions<V>): CombinedVueInstance<V, object, object, object, Record<keyof object, any>>;
-
-  extend<Data, Methods, Computed, PropNames extends string = never>(options?: ThisTypedComponentOptionsWithArrayProps<V, Data, Methods, Computed, PropNames>): ExtendedVue<V, Data, Methods, Computed, Record<PropNames, any>>;
-  extend<Data, Methods, Computed, Props>(options?: ThisTypedComponentOptionsWithRecordProps<V, Data, Methods, Computed, Props>): ExtendedVue<V, Data, Methods, Computed, Props>;
-  extend<PropNames extends string = never>(definition: FunctionalComponentOptions<Record<PropNames, any>, PropNames[]>): ExtendedVue<V, {}, {}, {}, Record<PropNames, any>>;
-  extend<Props>(definition: FunctionalComponentOptions<Props, RecordPropsDefinition<Props>>): ExtendedVue<V, {}, {}, {}, Props>;
-  extend(options?: ComponentOptions<V>): ExtendedVue<V, {}, {}, {}, {}>;
-
-  nextTick<T>(callback: (this: T) => void, context?: T): void;
-  nextTick(): Promise<void>
-  set<T>(object: object, key: string | number, value: T): T;
-  set<T>(array: T[], key: number, value: T): T;
-  delete(object: object, key: string | number): void;
-  delete<T>(array: T[], key: number): void;
-
-  directive(
-    id: string,
-    definition?: DirectiveOptions | DirectiveFunction
-  ): DirectiveOptions;
-  filter(id: string, definition?: Function): Function;
-
-  component(id: string): VueConstructor;
-  component<VC extends VueConstructor>(id: string, constructor: VC): VC;
-  component<Data, Methods, Computed, Props>(id: string, definition: AsyncComponent<Data, Methods, Computed, Props>): ExtendedVue<V, Data, Methods, Computed, Props>;
-  component<Data, Methods, Computed, PropNames extends string = never>(id: string, definition?: ThisTypedComponentOptionsWithArrayProps<V, Data, Methods, Computed, PropNames>): ExtendedVue<V, Data, Methods, Computed, Record<PropNames, any>>;
-  component<Data, Methods, Computed, Props>(id: string, definition?: ThisTypedComponentOptionsWithRecordProps<V, Data, Methods, Computed, Props>): ExtendedVue<V, Data, Methods, Computed, Props>;
-  component<PropNames extends string>(id: string, definition: FunctionalComponentOptions<Record<PropNames, any>, PropNames[]>): ExtendedVue<V, {}, {}, {}, Record<PropNames, any>>;
-  component<Props>(id: string, definition: FunctionalComponentOptions<Props, RecordPropsDefinition<Props>>): ExtendedVue<V, {}, {}, {}, Props>;
-  component(id: string, definition?: ComponentOptions<V>): ExtendedVue<V, {}, {}, {}, {}>;
-
-  use<T>(plugin: PluginObject<T> | PluginFunction<T>, options?: T): VueConstructor<V>;
-  use(plugin: PluginObject<any> | PluginFunction<any>, ...options: any[]): VueConstructor<V>;
-  mixin(mixin: VueConstructor | ComponentOptions<Vue>): VueConstructor<V>;
-  compile(template: string): {
-    render(createElement: typeof Vue.prototype.$createElement): VNode;
-    staticRenderFns: (() => VNode)[];
-  };
-
-  observable<T>(obj: T): T;
-
-  util: {
-    warn(msg: string, vm?: InstanceType<VueConstructor>): void;
-  };
-
-  config: VueConfiguration;
-  version: string;
-}
-
-export const Vue: VueConstructor;