@omnia/fx 7.1.553-dev → 7.5.0

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

@@ -6,6 +6,9 @@ export interface ISecurityTrimer {
     excludedRoles?: string[];
     excludedRolesContent?: JSX.Element;
     clearCacheAndRetryIfUnauthorized?: boolean;
+    contextParams?: {
+        [key: string]: string | number;
+    };
 }
 declare global {
     namespace VueTsxSupport.JSX {

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

@@ -8,6 +8,9 @@ export declare class SecurityTrimer extends Vue implements IWebComponentInstance
     excludedRoles?: string[];
     excludedRolesContent?: JSX.Element;
     clearCacheAndRetryIfUnauthorized: boolean;
+    contextParams?: {
+        [key: string]: string | number;
+    };
     private permissionService;
     subscriptionHandler: SubscriptionHandler;
     private isAuthorized;

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

@@ -34,6 +34,7 @@ export declare class ShapeDividerComponent extends Vue implements IWebComponentI
         top: string;
         "border-top-left-radius": string;
         "border-top-right-radius": string;
+        "pointer-events": string;
     };
     private getSvgStyle;
     render(): VueTsxSupport.JSX.Element;

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

@@ -1,4 +1,4 @@
-import { IWebComponentInstance } from "@omnia/fx";
+import { IWebComponentInstance, OmniaContext } from "@omnia/fx";
 import { SharepointMediaService } from "internal/fx/sp";
 import { VueComponentBase } from "internal/fx/ux/VueComponentBase";
 /**
@@ -14,11 +14,13 @@ export declare class SharepointVideoComponent extends VueComponentBase implement
     autoPlay: boolean;
     showTitle: boolean;
     onLoaded?: () => void;
+    omniaCtx: OmniaContext;
     private sourceEmbedUrl;
     spMediaService: SharepointMediaService;
     created(): void;
     mounted(): void;
     private initialize;
+    private trimSensitiveInfo;
     private initEmbedUrl;
     private getStartTimeAsSeconds;
     render(): VueTsxSupport.JSX.Element;

package/internal-do-not-import-from-here/ux/signin/AuthenticationBlock.css.d.ts

@@ -0,0 +1,25 @@
+import { Breakpoint } from "@omnia/fx-models";
+declare const _default: {
+    main: (breakPoint: Breakpoint) => {
+        width: string;
+    };
+    container: () => {
+        color: string;
+        minHeight: string;
+        backgroundColor: string;
+        borderRadius: string;
+        backdropFilter: string;
+        "-webkit-backdrop-filter": string;
+    };
+    resendEmailLink: (seconds: number) => {
+        color: string;
+        fontSize: string;
+        marginTop: string;
+        cursor: string;
+        "&:hover": {
+            color: string;
+            textDecoration: string;
+        };
+    };
+};
+export default _default;

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

@@ -0,0 +1,7 @@
+import "./AuthenticationBlock.css";
+declare const _default: (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<() => VueTsxSupport.JSX.Element>, {}, import("vue-tsx-support").PropsForOutside<unknown, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<unknown, never>;
+});
+export default _default;

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

@@ -0,0 +1,2 @@
+import { StaticEndpoint } from "@omnia/fx-models";
+export declare function getAuthenticationEndpoint(): StaticEndpoint | null;

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

@@ -0,0 +1,9 @@
+import { VersionedLayoutId } from "@omnia/fx-models";
+import { VersionedLayoutStore } from "@omnia/fx/stores";
+export declare class LoginFactory {
+    private static versionLayoutDataTypeId;
+    private static layoutId;
+    private static layoutDataId;
+    static buitinDefaultLoginLayoutVersionId: VersionedLayoutId;
+    static createDefaultLoginLayout(versionLayoutstore: VersionedLayoutStore): void;
+}

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

@@ -1,4 +1,4 @@
-import { AuthenticationMetaData, AuthenticationSessionResult } from "@omnia/fx-models";
+import { AuthenticationMetaData, AuthenticationResult, AuthenticationSessionResult } from "@omnia/fx-models";
 export interface OmniaAuthProviderClient {
     title: string;
     icon: string;
@@ -9,7 +9,7 @@ export interface OmniaAuthProviderContext {
     uniqueName: string;
     redirectUrl: string;
     hasOtherWaysToLogin: boolean;
-    showError: () => void;
+    showError: (authenticationResult: AuthenticationResult) => void;
     openSelections: () => void;
 }
 export interface OmniaAuthProviderChainAction {

package/internal-do-not-import-from-here/ux/signin/identitycreationrequest/ConfirmEmailView.d.ts

@@ -0,0 +1,15 @@
+import { IdentityCreationRequestCreatedResponse } from "@omnia/fx-models";
+declare const IdentityCreationRequestConfirmEmailView: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<{
+    identityCreationRequestCreatedResponse: IdentityCreationRequestCreatedResponse;
+}, "identityCreationRequestCreatedResponse">, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<{
+        identityCreationRequestCreatedResponse: IdentityCreationRequestCreatedResponse;
+    }, "identityCreationRequestCreatedResponse">;
+}) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<() => VueTsxSupport.JSX.Element>, {}, import("vue-tsx-support").PropsForOutside<{
+    identityCreationRequestCreatedResponse: IdentityCreationRequestCreatedResponse;
+}, "identityCreationRequestCreatedResponse">, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<{
+        identityCreationRequestCreatedResponse: IdentityCreationRequestCreatedResponse;
+    }, "identityCreationRequestCreatedResponse">;
+});
+export default IdentityCreationRequestConfirmEmailView;

package/internal-do-not-import-from-here/ux/signin/identitycreationrequest/IdentityCreationRequestView.d.ts

@@ -0,0 +1,11 @@
+import { PropertyBinding, PropertyDefinition, PropertyConfiguration } from "@omnia/fx-models";
+export interface UserRequestProperty {
+    propertyBinding: PropertyBinding<PropertyDefinition<any, any, any>>;
+    propertyConfiguration: PropertyConfiguration<PropertyDefinition<any, any, any>>;
+}
+declare const _default: (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<() => VueTsxSupport.JSX.Element>, {}, import("vue-tsx-support").PropsForOutside<unknown, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<unknown, never>;
+});
+export default _default;

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

@@ -3,13 +3,18 @@ export declare module SignInLocalization {
     interface locInterface {
         Login: string;
         SendMagicLink: string;
-        MagicLinkValidMessage: string;
+        MagicLinkIsValidMessage: string;
         MagicLinkValidTimeMessage: string;
+        MagicLinkValidPeriodMessage: string;
+        MagicLinkValidUnit: string;
         Password: {
             Title: string;
             Invalid: string;
             Error: string;
         };
+        OldPassword: string;
+        NewPassword: string;
+        ConfirmNewPassword: string;
         UniqueName: string;
         Code: string;
         RememberMe: string;
@@ -20,13 +25,13 @@ export declare module SignInLocalization {
             OneTimePassword: {
                 Title: string;
             };
-            MagicLink: {
+            TheMagicLink: {
                 Title: string;
             };
         };
         GenericError: string;
         UseAnotherAccount: string;
-        OtherWaysToLogin: string;
+        AnotherWayToLogin: string;
         ForgotPassword: string;
         Email: string;
         Send: string;
@@ -35,5 +40,27 @@ export declare module SignInLocalization {
         SentResetPasswordMessage: string;
         SendResetPasswordError: string;
         RetryResetPasswordWarning: string;
+        BlockedMessage: string;
+        CreateAccount: string;
+        RequestAccount: string;
+        DoNotHaveAccount: string;
+        UserType: string;
+        ValidationMessage: string;
+        CreateAccountTitle: string;
+        RequestAccountTitle: string;
+        SelfServiceErrorMessage: string;
+        NotInYourInbox: string;
+        WaitForConfirmEmailMessage: string;
+        ResendEmail: string;
+        In: string;
+        SuccessTitle: string;
+        FailTitle: string;
+        ExpiredTitle: string;
+        ConfirmEmailTimeUnit: string;
+        SuccessCreateAccountMessage: string;
+        SuccessRequestAccountMessage: string;
+        ExpiredConfirmEmailMessage: string;
+        FailConfirmEmailMessage: string;
+        ErrorSubmitForm: string;
     }
 }

package/internal-do-not-import-from-here/ux/signin/omnia/providers/PostProcessingProvider.d.ts

@@ -0,0 +1,6 @@
+import { OmniaAuthProviderClient, OmniaAuthProviderContext, OmniaAuthProviderChainAction } from "../../Shared";
+export declare const useProvider: () => OmniaAuthProviderClient;
+export declare const PostProcessingProvider: import("vue-tsx-support")._TsxComponentV3<import("vue").default, {}, import("vue-tsx-support").PropsForOutside<{
+    context: OmniaAuthProviderContext;
+    next: OmniaAuthProviderChainAction;
+}, "context" | "next">, any, any, any>;

package/internal-do-not-import-from-here/ux/signout/{SignOut.css.d.ts → Logout.css.d.ts}

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

package/internal-do-not-import-from-here/ux/signout/{SignOut.d.ts → Logout.d.ts}

@@ -1,4 +1,4 @@
-import "./SignOut.css";
+import "./Logout.css";
 declare const _default: (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<() => VueTsxSupport.JSX.Element>, {}, import("vue-tsx-support").PropsForOutside<unknown, never>, any, any, any>> & {

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

@@ -1,7 +1,7 @@
 export declare module SignOutLocalization {
     const namespace = "Omnia.SignOut";
     interface locInterface {
-        BrowserTabTitle: string;
-        SignOutMessage: string;
+        BrowserLogoutTabTitle: string;
+        LogoutMessage: string;
     }
 }

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

@@ -31,6 +31,9 @@ export declare class CommentComponent extends VueComponentBase implements IWebCo
     hideEdit?: boolean;
     readOnly?: boolean;
     hideTotalNumber?: boolean;
+    contextParams?: {
+        [key: string]: string | number;
+    };
     private reverseSortOrder;
     isLoading: boolean;
     showOnlyBestReply: boolean;
@@ -55,6 +58,7 @@ export declare class CommentComponent extends VueComponentBase implements IWebCo
     private templateSettings;
     private isRightToLeft;
     private get isMobile();
+    private richTextPlaceholder;
     onTopicIdChange(newValue: Comment[], oldValue: Comment[]): void;
     created(): void;
     mounted(): void;

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

@@ -19,6 +19,9 @@ export interface ICommentComponent {
     hideEdit?: boolean;
     readOnly?: boolean;
     hideTotalNumber?: boolean;
+    contextParams?: {
+        [key: string]: string | number;
+    };
 }
 declare global {
     namespace VueTsxSupport.JSX {

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

@@ -7,6 +7,7 @@ import { OmniaContext } from "../../contexts";
 import "./Like.css";
 import { LikeStyles } from "../models";
 import { VueComponentBase } from "..";
+import { IdentitiesLocalization } from "../identities/loc/localize";
 interface LikeUser {
     identity: UserIdentity;
     displayName: string;
@@ -19,6 +20,7 @@ export declare class LikeComponent extends VueComponentBase implements IWebCompo
     omniaContext: OmniaContext;
     subscriptionHandler: SubscriptionHandler;
     commentLocalization: CommentLocalization.locInterface;
+    identityLoc: IdentitiesLocalization.locInterface;
     topicId: string;
     commendId?: string;
     likeListingTemplate: string;

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

@@ -4,7 +4,7 @@ import { RichTextEditorSettingsModel, OmitProperties, ResolvedUserIdentity } fro
 import { OmniaContext } from "../../contexts";
 import { IPeopleTaggingComponent } from "./IPeopleTagging";
 import { IRichTextEditor } from "../richtexteditor";
-import { VueComponentBase } from "..";
+import { CommentLocalization, VueComponentBase } from "..";
 export declare class PeopleTaggingComponent extends VueComponentBase implements IWebComponentInstance, IPeopleTaggingComponent {
     content: string;
     disabled: boolean;
@@ -15,6 +15,7 @@ export declare class PeopleTaggingComponent extends VueComponentBase implements
     mentionChanged: (mentions: Array<ResolvedUserIdentity>) => void;
     autoFocus?: boolean;
     registerFocus?: (callback: () => void) => void;
+    commentLoc: CommentLocalization.locInterface;
     spContext: OmniaContext;
     settingsService: SettingsService<RichTextEditorSettingsModel>;
     private internalResetContent;

package/internal-do-not-import-from-here/ux/social/templates/CommentLikeTemplate.d.ts

@@ -4,6 +4,7 @@ import { OmniaContext } from "../../..";
 import { type Comment, type CommentLikeTemplateSettings, type ThemeDefinition, ResolvedUserIdentity } from "../../../models";
 import { ICommentTemplate } from "../extensibilities/ICommentTemplate";
 import { Theming, ThemeStore, VueComponentBase, BlockInstance } from "../..";
+import { IdentitiesLocalization } from "../../identities/loc/localize";
 export interface CommentLikeTemplateDynamicInput {
     service: ICommentLikeService;
     likeListingTemplate?: string;
@@ -25,6 +26,7 @@ export declare class CommentLikeTemplate extends VueComponentBase<{}, {}, {}> im
     readOnly?: boolean;
     private omniaUxLocalization;
     private commentLoc;
+    identityLoc: IdentitiesLocalization.locInterface;
     store: CommentLikeStore;
     omniaCtx: OmniaContext;
     themeStore: ThemeStore;

package/internal-do-not-import-from-here/ux/social/templates/LikeListingTemplate.d.ts

@@ -5,6 +5,7 @@ import { ILikeListingTemplateComponent } from "./ILikeListingTemplate";
 import "../Like.css";
 import { CommentLocalization } from "../loc/localize";
 import { UserIdentityStore } from "@omnia/fx/stores";
+import { IdentitiesLocalization } from "../../identities/loc/localize";
 export declare class LikeListingTemplate extends VueComponentBase implements IWebComponentInstance, ILikeListingTemplateComponent {
     likes: Array<ISocialReaction>;
     socialReactionStylings?: Array<ISocialReactionStyling>;
@@ -14,6 +15,7 @@ export declare class LikeListingTemplate extends VueComponentBase implements IWe
     userIdentityStore: UserIdentityStore;
     themeStore: ThemeStore;
     commentLocalization: CommentLocalization.locInterface;
+    identityLoc: IdentitiesLocalization.locInterface;
     localTheme: Theming;
     likeClasses: {
         likesToShow?: any;

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

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

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

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

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

@@ -23,6 +23,6 @@ export declare class ThemeManager {
      */
     static MigrateBorder(borderDefinition: BorderDefinition): void;
     static CreateThemeStylingFromDefinition(themeDefinition: ThemeColorDefinition): ThemeStyling;
-    private static CreateDefaultBorderDefinition;
+    static CreateDefaultBorderDefinition(): BorderDefinition;
     static CreateThemeDefinition(primaryColor: string, secondaryColor: string, name: string, themeType: ThemeType, id?: GuidValue, readOnly?: boolean): ThemeDefinition;
 }

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

@@ -1 +1,5 @@
-export {};
+import { DataSourceProperty, PropertyDataSourceId } from "@omnia/fx-models";
+export declare class GraphProviderProperty extends DataSourceProperty {
+    readonly internalName: string;
+    constructor(dataSourceId: PropertyDataSourceId, internalName: string);
+}

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

@@ -3,6 +3,7 @@ export declare module UserPropertyProviderLocalization {
         UserPropertiesProvider: {
             Name: string;
             DescriptionProperty: string;
+            UserTypeProperty: string;
         };
         UserPropertiesByMicrosoftGraphProvider: {
             Name: string;

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

@@ -1,28 +1,32 @@
-import { GuidValue, LayoutRendererCanvasApi } from "@omnia/fx-models";
+import { GuidValue, LayoutRendererCanvasApi, UserTypeLayoutMode } from "@omnia/fx-models";
 import { ServiceContainerContext } from "@omnia/fx";
 declare const _default: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<{
     userTypeId: GuidValue;
     editMode: boolean;
     getApi: (api: LayoutRendererCanvasApi) => void;
     serviceContainerContext: ServiceContainerContext;
+    mode: UserTypeLayoutMode;
 }, "userTypeId">, any, any, any>> & {
     propsDefinition: import("vue-tsx-support").PropsForOutside<{
         userTypeId: GuidValue;
         editMode: boolean;
         getApi: (api: LayoutRendererCanvasApi) => void;
         serviceContainerContext: ServiceContainerContext;
+        mode: UserTypeLayoutMode;
     }, "userTypeId">;
 }) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<() => VueTsxSupport.JSX.Element>, {}, import("vue-tsx-support").PropsForOutside<{
     userTypeId: GuidValue;
     editMode: boolean;
     getApi: (api: LayoutRendererCanvasApi) => void;
     serviceContainerContext: ServiceContainerContext;
+    mode: UserTypeLayoutMode;
 }, "userTypeId">, any, any, any>> & {
     propsDefinition: import("vue-tsx-support").PropsForOutside<{
         userTypeId: GuidValue;
         editMode: boolean;
         getApi: (api: LayoutRendererCanvasApi) => void;
         serviceContainerContext: ServiceContainerContext;
+        mode: UserTypeLayoutMode;
     }, "userTypeId">;
 });
 export default _default;

package/internal-do-not-import-from-here/ux/velcron/core/models/ActionHooks.d.ts

@@ -0,0 +1,12 @@
+export interface VelcronActionHooks<TBefore = any, TAfter = any> {
+    beforeHandler?: (args: TBefore) => TBefore;
+    afterHandler?: (args: TBefore) => TAfter;
+}
+export interface HttpGetBeforeActionHookArgs {
+    url: string;
+    requestInit: RequestInit;
+}
+export interface HttpGetAfterActionHookArgs {
+    json: string;
+    response: Response;
+}

package/internal-do-not-import-from-here/ux/velcron/core/models/VelcronDefinitions.d.ts

@@ -6,7 +6,7 @@ import { ColorSchema, useVelcronThemingStore } from "..";
 export interface ResolvedComponentRenderer {
     component: unknown;
     definition: VelcronDefinition;
-    customComponent: boolean;
+    customComponent?: boolean;
 }
 export interface BuiltInComponentRenderers {
     "View": unknown;
@@ -19,27 +19,23 @@ export interface BuiltInComponentRenderers {
     "WebView": unknown;
     "CustomComponent": unknown;
     "Dialog": unknown;
-    "FlexView": unknown;
     "Icon": unknown;
     "Chip": unknown;
+    "Slot": unknown;
 }
 export interface ColorSchemaReference {
     name: string;
     schema: string;
 }
-export interface VelcronState {
-    colorSchemas?: {
-        [key: string]: ColorSchemaReference;
-    };
-}
+export type DynamicState = object;
 export interface OnItemRenderedHookResult {
     cssClass: string;
     containerRenderer?: VelcronContainerRenderer;
 }
 export interface VelcronRenderContext {
     id?: string;
-    rootContext: VelcronState;
-    currentContext: VelcronState;
+    rootContext: DynamicState;
+    currentContext: DynamicState;
     theming?: ReturnType<typeof useVelcronThemingStore>;
     colorSchemaType?: string;
     colorSchema?: ColorSchema;
@@ -147,15 +143,15 @@ export interface VelcronIcon {
     type: VelcronIconTypes;
     name: string;
 }
-export interface VelcronAppDefinition extends VelcronDefinitionBase {
-    type: "App";
+export interface VelcronAppDefinition<TState extends DynamicState = DynamicState> extends VelcronDefinitionBase {
+    type: "Velcron";
     body?: Array<VelcronDefinition>;
     events?: VelcronOnLoadEvent & VelcronOnPressEvent;
     actions?: {
         [name: string]: [];
     };
     components?: Array<VelcronCustomComponentDefinition>;
-    state?: VelcronState;
+    state?: TState;
     computed?: {
         [name: string]: [];
     };
@@ -165,10 +161,18 @@ export interface VelcronComponentDefinition extends VelcronDefinition {
     events: VelcronOnPressEvent;
 }
 /*** Built-in Components *********************************************************************/
-export interface VelcronViewDefinition extends VelcronDefinition {
+export interface VelcronViewDefinition extends VelcronDefinition, VelcronCustomThemeSettings {
     type: "View";
-    style?: VelcronStyling;
     events?: VelcronOnPressEvent;
+    column?: boolean;
+    body: Array<VelcronDefinition>;
+    columnStyle?: object;
+    horizontalAlignment?: VelcronHorizontalAlignments;
+    verticalAlignment?: VerticalAlignments;
+    grow?: number;
+    border?: VelcronBorder;
+    borderRadius?: VelcronDimensions;
+    width: string;
 }
 export interface VelcronCardDefinition extends VelcronDefinition, VelcronCustomThemeSettings {
     type: "Card";
@@ -232,18 +236,6 @@ export interface VelcronIconDefinition extends VelcronDefinition, VelcronCustomT
     size?: number;
     events?: VelcronOnPressEvent;
 }
-export interface VelcronFlexViewDefinition extends VelcronDefinition, VelcronCustomThemeSettings {
-    type: "FlexView";
-    column?: boolean;
-    body: Array<VelcronDefinition>;
-    columnStyle?: object;
-    horizontalAlignment?: VelcronHorizontalAlignments;
-    verticalAlignment?: VerticalAlignments;
-    grow?: number;
-    border?: VelcronBorder;
-    borderRadius?: VelcronDimensions;
-    width: string;
-}
 export interface VelcronDimensions {
     top: number;
     right: number;
@@ -260,6 +252,11 @@ export interface VelcronChipDefinition extends VelcronDefinition, VelcronCustomT
     disabled?: boolean;
     events?: VelcronOnPressEvent;
 }
+export interface VelcronSlotDefinition extends VelcronDefinition, VelcronCustomThemeSettings {
+    type: "Slot";
+    bind: string;
+    value: VelcroncomponentArrayType;
+}
 /*** Custom Components ***********************************************************************/
 export type VelcronCustomComponentDefinition = VelcronComponentDescriptor & VelcronComponentDefinition;
 export type VelcronRenderProps<TDefinition> = {

package/internal-do-not-import-from-here/ux/velcron/core/models/index.d.ts

@@ -5,3 +5,4 @@ export * from "./VelcronEvents";
 export * from "./VelcronTypes";
 export * from "./Enums";
 export * from "./VelcronUnitProvider";
+export * from "./ActionHooks";

package/internal-do-not-import-from-here/ux/velcron/core/parser/VelcronActions.d.ts

@@ -1,9 +1,12 @@
-import { VelcronAction, VelcronActionWithAutoAwait, VelcronRenderContext, DeferredPromise } from "../models";
+import { VelcronAction, VelcronActionWithAutoAwait, VelcronRenderContext, DeferredPromise, VelcronActionHooks } from "../models";
 import { IActionHandler } from "../actions";
 export declare class VelcronActions {
     static _actionHandlers: {
         [name: string]: IActionHandler;
     } | null;
+    static actionHooks: {
+        [name: string]: VelcronActionHooks;
+    };
     static registerAction(name: string, handler: IActionHandler): void;
     static parseAndExecuteActions(templates: Array<string>, renderContext: VelcronRenderContext, customActionContext?: VelcronCustomActionExecutionContext): void;
     static parseFunction(target: {
@@ -15,6 +18,9 @@ export declare class VelcronActions {
     static executeAction(awAction: VelcronActionWithAutoAwait, callback: (continueExecution: boolean) => void): void;
     static dataBindComputed(renderContext: VelcronRenderContext, template: string): string;
     static parseAndExecuteComputed(renderContext: VelcronRenderContext, template: string): string;
+    static registerActionHook<TBefore, TAfter>(actionName: string, handler: VelcronActionHooks<TBefore, TAfter>): void;
+    static tryTriggerBeforeActionHook<T>(actionName: string, args: T): T;
+    static tryTriggerAfterActionHook<T>(actionName: string, args: T): T;
     private static extractParameterValues;
 }
 interface VelcronActionParameterValue {

package/internal-do-not-import-from-here/ux/velcron/core/parser/VelcronConstants.d.ts

@@ -10,9 +10,9 @@ export declare const VelcronConstants: {
         progressCircle: string;
         webView: string;
         dialog: string;
-        flexView: string;
         icon: string;
         chip: string;
+        slot: string;
     };
     events: {
         idTokenStart: string;
@@ -25,5 +25,6 @@ export declare const VelcronConstants: {
     properties: {
         tokenStart: string;
         tokenEnd: string;
+        propsToken: string;
     };
 };

package/internal-do-not-import-from-here/ux/velcron/core/parser/VelcronData.d.ts

@@ -26,7 +26,7 @@ export declare class VelcronData {
     static extendObject(obj: any): any;
     static getOrSetObjectByPath<T>(object: Object, path: string, value?: any): T | null;
     static getOrSetObjectByPathUsingRenderContext<T>(renderContext: VelcronRenderContext, path: string, value?: any): T;
-    static getTokens(template: any): string[];
+    static getTokens(template: any, removeBrackets: boolean): string[];
     static ensureEventId(event: string): string;
     static ensureKeys(ui: VelcronDefinition | VelcronAppDefinition, generateNewKeys?: boolean): void;
     static removeKeys(ui: VelcronDefinition | VelcronAppDefinition): void;

package/internal-do-not-import-from-here/ux/velcron/core/parser/VelcronRenderers.d.ts

@@ -1,4 +1,4 @@
-import { BuiltInComponentRenderers, VelcronState, ResolvedComponentRenderer, VelcronCustomComponentDefinition, VelcronDefinition, VelcronRenderContext } from "../models";
+import { BuiltInComponentRenderers, DynamicState, ResolvedComponentRenderer, VelcronCustomComponentDefinition, VelcronDefinition, VelcronRenderContext } from "../models";
 export declare class VelcronRenderers {
     private static components;
     static registerComponent(type: string, component: any): void;
@@ -7,8 +7,8 @@ export declare class VelcronRenderers {
     static registerComponents(components: BuiltInComponentRenderers): void;
     static getComponent(definition: VelcronDefinition, renderContext: VelcronRenderContext): ResolvedComponentRenderer;
     static definitionContainsCustomColorSchema(definition: VelcronDefinition): boolean;
-    static createNewRendererContext(currentRenderCtx: VelcronRenderContext, definition: VelcronDefinition, newViewModel?: VelcronState): {
-        rootContext: VelcronState;
+    static createNewRendererContext(currentRenderCtx: VelcronRenderContext, definition: VelcronDefinition, newViewModel?: DynamicState): {
+        rootContext: object;
         theming: {
             state: {
                 currentTheme: import("@omnia/fx-models").ThemeDefinitionV2;
@@ -27,7 +27,7 @@ export declare class VelcronRenderers {
                 setTheme(newTheme: import("@omnia/fx-models").ThemeDefinitionV2): void;
             };
         };
-        currentContext: VelcronState;
+        currentContext: object;
         actions: {
             [name: string]: [];
         };
@@ -37,5 +37,5 @@ export declare class VelcronRenderers {
             [name: string]: [];
         };
     };
-    static ensureRenderContext(rendererInfo: ResolvedComponentRenderer, definition: VelcronDefinition, currentRenderCtx: VelcronRenderContext, newViewModel?: VelcronState): VelcronRenderContext;
+    static ensureRenderContext(rendererInfo: ResolvedComponentRenderer, definition: VelcronDefinition, currentRenderCtx: VelcronRenderContext, newViewModel?: DynamicState): VelcronRenderContext;
 }