@omnia/fx 7.1.47-dev → 7.1.47-preview

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

@@ -8,6 +8,7 @@ export interface IMediaPickerVideo {
      * This is set when saved in html, i.e. the attribute. Should be json of MediaPickerVideo
      * */
     videodata?: string;
+    dark?: boolean;
 }
 declare global {
     namespace VueTsxSupport.JSX {

package/internal-do-not-import-from-here/ux/mediapickervideo/MediaPickerVideo.css.d.ts

@@ -1,3 +1,3 @@
 export declare const MediaPickerVideoStyles: {
-    wrapper: string;
+    wrapper: (isDark: boolean) => string;
 };

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

@@ -8,8 +8,19 @@ export declare class MediaPickerVideoComponent extends VueComponentBase<IMediaPi
     videodata?: string;
     videoStyle?: string | object | object[];
     mediaPickerService: MediaPickerService;
+    dark: boolean;
+    displayVSlot: boolean;
+    private isYoutubeSrc;
+    private iframeVideo;
+    private javascriptRenditionData;
     created(): void;
     mounted(): void;
+    private get isMediaflowVideo();
     onVideodataChanged(videojson: string): void;
+    pauseYoutubeVideo(iframeVideo: HTMLIFrameElement): void;
+    tryPauseMediaflowVideo(): void;
+    pauseVideoWhenOutOfSight(): void;
+    isYoutubeVideo(url: string): boolean;
+    private getVideoWrapper;
     render(): VueTsxSupport.JSX.Element;
 }

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

@@ -2,5 +2,6 @@ import { types } from "typestyle";
 export declare const DateTimePickerStyles: {
     errorText?: types.NestedCSSProperties;
     textField?: types.NestedCSSProperties;
+    iconField?: types.NestedCSSProperties;
     wrapper: (isDateTimeMode: boolean) => types.NestedCSSProperties;
 };

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

@@ -16,4 +16,5 @@ export declare const ProfilecardStyles: {
     item: types.NestedCSSProperties;
     legacydialogTitle?: types.NestedCSSProperties;
     legacyActionButtons?: types.NestedCSSProperties;
+    new7DialogCloseBtn?: types.NestedCSSProperties;
 };

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

@@ -13,6 +13,8 @@ export interface IMultilingualInputProperties {
     multipleLines?: boolean;
     /**Vuetify filled mode*/
     filled?: boolean;
+    /**Vuetify auto focus mode*/
+    autofocus?: boolean;
 }
 /**Multilingual Input - the component for setting MultilingualString model*/
 export interface IMultilingualInput extends IMultilingualInputProperties {

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

@@ -23,6 +23,7 @@ export declare class MultilingualInput extends VueComponentBase implements IWebC
     multilingualContext: MultilingualContext;
     requiredWithValidator: IValidator;
     stylesMultilingualInput?: typeof MultilingualInputStyles;
+    autofocus: boolean;
     private inheritedMultilingualContext;
     omniaCtx: OmniaContext;
     multilingualStringStore: MultilingualStore;

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

@@ -5,6 +5,7 @@ import { FeatureStore, ProfileCardStore } from "../../stores";
 import { IProfileCard } from ".";
 import "./ProfileCard.css";
 import { OmniaTheming } from "../OmniaTheming";
+import { DataSourcePropertiesService } from "../../services";
 export declare class ProfileCardComponent extends VueComponentBase<IProfileCard> implements IWebComponentInstance, IProfileCard {
     user: UserIdentity;
     scopedSlots?: ScopedSlots<IProfileCardScopedSlots>;
@@ -16,6 +17,7 @@ export declare class ProfileCardComponent extends VueComponentBase<IProfileCard>
     href?: string;
     ripple: boolean;
     profileCardStore: ProfileCardStore;
+    dataSourcePropertiesService: DataSourcePropertiesService;
     omniaCtx: OmniaContext;
     omniaTheming: OmniaTheming;
     featureStore: FeatureStore;

package/internal-do-not-import-from-here/ux/properties/models/PropertyPicker.d.ts

@@ -1,4 +1,4 @@
-import { DataSourceProperty, PropertyConfiguration, PropertyDataSourceId, PropertyDefinition } from "@omnia/fx-models";
+import { DataSourceProperty, GuidValue, PropertyConfiguration, PropertyDataSourceId, PropertyDefinition } from "@omnia/fx-models";
 import { DataSourcePropertyDefintionHandlerId } from "../../../services";
 export interface IDataSourcePropertySelection {
     dataSourceProperty: DataSourceProperty;
@@ -13,4 +13,7 @@ export interface IPropertyPicker {
     dark?: boolean;
     hideDetails?: boolean;
     multiple?: boolean;
+    hideConfiguration?: boolean;
+    selectionProperty?: IDataSourcePropertySelection;
+    selectablePropertyConverters?: Array<GuidValue>;
 }

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

@@ -73,6 +73,7 @@ export default class RichTextEditor extends VueComponentBase implements IWebComp
     loadFromExtensionRegistrations(extensionSettings: RichTextEditorExtensionRegistration[]): Promise<Array<RichTextEditorExtension>>;
     buildExtensionList(extensionListFromTenantSettings: RichTextEditorExtensionRegistration[]): RichTextEditorExtension[];
     initExtensions(): void;
+    handlePastedContext(formatedText: any, formatedHtml: any, view: any, slice: any): void;
     setupEditor(): void;
     private currentEmitedContent;
     private onEditorUpdated;

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

@@ -2,9 +2,17 @@ import { types } from "typestyle";
 export declare const StepRowStyle: {
     cancelButtonDisplay?: types.NestedCSSProperties;
 };
-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>;
+declare const _default: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<{
+    triggerOnLoad: boolean;
+}, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<{
+        triggerOnLoad: boolean;
+    }, never>;
+}) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<() => VueTsxSupport.JSX.Element>, {}, import("vue-tsx-support").PropsForOutside<{
+    triggerOnLoad: boolean;
+}, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<{
+        triggerOnLoad: boolean;
+    }, never>;
 });
 export default _default;

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

@@ -24,5 +24,6 @@ export declare module TextCompletionPanelLocalization {
         InputPlaceHolderImprove: string;
         InputPlaceHolder: string;
         Saved: string;
+        ContentFilterError: string;
     }
 }

package/internal-do-not-import-from-here/ux/richtexteditor/extensions/TextCompletion/TextCompletionHandler.d.ts

@@ -10,7 +10,7 @@ export declare class TextCompletionHandler extends Store {
     private prompt;
     private forceClose;
     onClickOpenEvent(sidePanelContext: SidePanelContext, editor: TipTapEditor, menuBar: TextCompletionMenuBar): void;
-    ensureOpenPanel(sidePanelContext: SidePanelContext, editor: TipTapEditor, menuBar: TextCompletionMenuBar): void;
+    ensureOpenPanel(sidePanelContext: SidePanelContext, editor: TipTapEditor, menuBar: TextCompletionMenuBar, triggerOnLoad?: boolean): void;
     ensureClosePanel(sidePanelContext: SidePanelContext): void;
     forceClosePanel(sidePanelContext: SidePanelContext): void;
     getters: {

package/internal-do-not-import-from-here/ux/richtexteditor/extensions/TextCompletion/TextCompletionMenu.d.ts

@@ -11,14 +11,19 @@ export default class TextCompletionMenu extends ToolbarExtension implements Text
     subscriptionHandler: IMessageBusSubscriptionHandler;
     private textCompletionHandler;
     private sidePanelContext;
+    private aiSettingService;
     omniaTheming: OmniaTheming;
     blockInstance: BlockInstance;
     protected omniaContext: IOmniaContext;
     selectedText: string;
+    private aiSettings;
     mounted(): void;
     created(): void;
     beforeDestroy(): void;
     private onClickOpenSidePanel;
     private getSelectionText;
-    render(): VueTsxSupport.JSX.Element;
+    private setSelectedPrompt;
+    renderMenu(isAnimatedGif: boolean): VueTsxSupport.JSX.Element;
+    renderDefaultButtonBehavior(isAnimatedGif: boolean): void;
+    render(): void | VueTsxSupport.JSX.Element;
 }

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/signin/SignInBlock.css.d.ts

@@ -3,15 +3,15 @@ declare const _default: {
     main: (breakPoint: Breakpoint) => {
         width: string;
     };
-    container: {
-        color: "#fff";
+    container: (breakPoint: Breakpoint) => {
+        color: string;
         minHeight: string;
         maxWidth: string;
-        backgroundColor: "#2323236b";
+        backgroundColor: string;
         borderRadius: string;
-        backdropFilter: "blur(10px) saturate(160%)";
+        backdropFilter: string;
         margin: string;
-        "-webkit-backdrop-filter": "blur(10px) saturate(140%)";
+        "-webkit-backdrop-filter": string;
     };
 };
 export default _default;

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

@@ -5,6 +5,8 @@ export declare module SignInLocalization {
         SendMagicLink: string;
         MagicLinkValidMessage: string;
         MagicLinkValidTimeMessage: string;
+        MagicLinkValidPeriodMessage: string;
+        MagicLinkValidUnit: string;
         Password: {
             Title: string;
             Invalid: string;

package/internal-do-not-import-from-here/ux/signout/SignOut.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: (breakPoint: Breakpoint) => types.NestedCSSProperties;
 };

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/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/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

@@ -2,4 +2,5 @@ import { DataSourceProperty, PropertyDataSourceId } from "@omnia/fx-models";
 export declare class GraphProviderProperty extends DataSourceProperty {
     readonly internalName: string;
     constructor(dataSourceId: PropertyDataSourceId, internalName: string);
+    isEqual: (property: GraphProviderProperty) => boolean;
 }

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

@@ -3,4 +3,5 @@ export declare class UserDataSourceProperty extends DataSourceProperty {
     readonly enterprisePropertyBindingId?: PropertyBindingId;
     readonly userPropertyBindingId?: PropertyBindingId;
     constructor(dataSourceId: PropertyDataSourceId, enterprisePropertyBindingId?: PropertyBindingId, userPropertyBindingId?: PropertyBindingId);
+    isEqual: (property: UserDataSourceProperty) => boolean;
 }

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

@@ -19,7 +19,6 @@ export interface BuiltInComponentRenderers {
     "WebView": unknown;
     "CustomComponent": unknown;
     "Dialog": unknown;
-    "FlexView": unknown;
     "Icon": unknown;
     "Chip": unknown;
 }
@@ -27,19 +26,15 @@ 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 +142,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 +160,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 +235,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;

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,7 +10,6 @@ export declare const VelcronConstants: {
         progressCircle: string;
         webView: string;
         dialog: string;
-        flexView: string;
         icon: string;
         chip: string;
     };

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;
 }

package/internal-do-not-import-from-here/ux/velcron/editor/VelcronEditor.d.ts

@@ -4,28 +4,28 @@ import { VelcronAppDefinition } from "@omnia/fx-models";
 export type DefinitionChanged = (definition: VelcronAppDefinition) => void;
 export type RegisterThemeStore = (store: ThemeStoreV2) => void;
 declare const _default: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<{
-    definition: VelcronAppDefinition;
+    definition: VelcronAppDefinition<object>;
     definitionChanged: DefinitionChanged;
     eventHandlers: VelcronRenderContextEventHandlers;
     themeStoreRegistrationHook: RegisterThemeStore;
     rendererTheme: ThemeDefinitionV2;
 }, "definition" | "rendererTheme">, any, any, any>> & {
     propsDefinition: import("vue-tsx-support").PropsForOutside<{
-        definition: VelcronAppDefinition;
+        definition: VelcronAppDefinition<object>;
         definitionChanged: DefinitionChanged;
         eventHandlers: VelcronRenderContextEventHandlers;
         themeStoreRegistrationHook: RegisterThemeStore;
         rendererTheme: ThemeDefinitionV2;
     }, "definition" | "rendererTheme">;
 }) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<any>, {}, import("vue-tsx-support").PropsForOutside<{
-    definition: VelcronAppDefinition;
+    definition: VelcronAppDefinition<object>;
     definitionChanged: DefinitionChanged;
     eventHandlers: VelcronRenderContextEventHandlers;
     themeStoreRegistrationHook: RegisterThemeStore;
     rendererTheme: ThemeDefinitionV2;
 }, "definition" | "rendererTheme">, any, any, any>> & {
     propsDefinition: import("vue-tsx-support").PropsForOutside<{
-        definition: VelcronAppDefinition;
+        definition: VelcronAppDefinition<object>;
         definitionChanged: DefinitionChanged;
         eventHandlers: VelcronRenderContextEventHandlers;
         themeStoreRegistrationHook: RegisterThemeStore;

package/internal-do-not-import-from-here/ux/velcron/editor/components/pickers/colorschemamapper/ColorSchemaMapper.d.ts

@@ -1,19 +1,18 @@
-import { VelcronState } from "@omnia/fx-models";
 declare const _default: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<{
-    model: VelcronState;
-    onChange: (value: VelcronState) => void;
+    model: any;
+    onChange: (value: any) => void;
 }, "onChange" | "model">, any, any, any>> & {
     propsDefinition: import("vue-tsx-support").PropsForOutside<{
-        model: VelcronState;
-        onChange: (value: VelcronState) => void;
+        model: any;
+        onChange: (value: any) => void;
     }, "onChange" | "model">;
 }) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<() => VueTsxSupport.JSX.Element>, {}, import("vue-tsx-support").PropsForOutside<{
-    model: VelcronState;
-    onChange: (value: VelcronState) => void;
+    model: any;
+    onChange: (value: any) => void;
 }, "onChange" | "model">, any, any, any>> & {
     propsDefinition: import("vue-tsx-support").PropsForOutside<{
-        model: VelcronState;
-        onChange: (value: VelcronState) => void;
+        model: any;
+        onChange: (value: any) => void;
     }, "onChange" | "model">;
 });
 export default _default;

package/internal-do-not-import-from-here/ux/velcron/editor/models/BuiltInDescriptors.d.ts

@@ -29,5 +29,4 @@ export declare const VelcronProgressCircleComponentDescriptor: VelcronComponentD
 export declare const VelcronViewComponentDescriptor: VelcronComponentDescriptor;
 export declare const VelcronDialogComponentDescriptor: VelcronComponentDescriptor;
 export declare const VelcronIconComponentDescriptor: VelcronComponentDescriptor;
-export declare const VelcronSectionComponentDescriptor: VelcronComponentDescriptor;
 export declare const VelcronChipComponentDescriptor: VelcronComponentDescriptor;

package/internal-do-not-import-from-here/ux/velcron/editor/stores/VelcronEditorStore.d.ts

@@ -4,7 +4,7 @@ import { AppValidationState, CodeEditorState, codeEditorTabs, editorModes, AppTr
 export declare class VelcronEditorStore extends Store {
     appAsJson: import("@omnia/fx/stores").StoreState<string>;
     appData: import("@omnia/fx/stores").StoreState<object>;
-    app: import("@omnia/fx/stores").StoreState<VelcronAppDefinition>;
+    app: import("@omnia/fx/stores").StoreState<VelcronAppDefinition<object>>;
     appCacheKey: import("@omnia/fx/stores").StoreState<string>;
     appTreeOpenIds: import("@omnia/fx/stores").StoreState<string[]>;
     appTree: import("@omnia/fx/stores").StoreState<AppTreeItem[]>;

package/internal-do-not-import-from-here/ux/velcron/renderer/VelcronActionHooks.d.ts

@@ -0,0 +1 @@
+export declare function registerActionHooks(): void;

package/internal-do-not-import-from-here/ux/velcron/renderer/VelcronRenderer.d.ts

@@ -2,28 +2,28 @@ import { VelcronAppDefinition, VelcronRenderContext } from "@omnia/fx-models";
 import { ThemeDefinitionV2, useVelcronThemingStore, VelcronRenderContextEventHandlers } from "../core";
 export type RegisterThemingStore = (store: ReturnType<typeof useVelcronThemingStore>) => void;
 declare const _default: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<{
-    definition: VelcronAppDefinition;
+    definition: VelcronAppDefinition<object>;
     context: VelcronRenderContext;
     eventHandlers: VelcronRenderContextEventHandlers;
     themeDefinitionV2: ThemeDefinitionV2;
     themingRegistrationHook: RegisterThemingStore;
 }, "definition">, any, any, any>> & {
     propsDefinition: import("vue-tsx-support").PropsForOutside<{
-        definition: VelcronAppDefinition;
+        definition: VelcronAppDefinition<object>;
         context: VelcronRenderContext;
         eventHandlers: VelcronRenderContextEventHandlers;
         themeDefinitionV2: ThemeDefinitionV2;
         themingRegistrationHook: RegisterThemingStore;
     }, "definition">;
 }) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<() => VueTsxSupport.JSX.Element>, {}, import("vue-tsx-support").PropsForOutside<{
-    definition: VelcronAppDefinition;
+    definition: VelcronAppDefinition<object>;
     context: VelcronRenderContext;
     eventHandlers: VelcronRenderContextEventHandlers;
     themeDefinitionV2: ThemeDefinitionV2;
     themingRegistrationHook: RegisterThemingStore;
 }, "definition">, any, any, any>> & {
     propsDefinition: import("vue-tsx-support").PropsForOutside<{
-        definition: VelcronAppDefinition;
+        definition: VelcronAppDefinition<object>;
         context: VelcronRenderContext;
         eventHandlers: VelcronRenderContextEventHandlers;
         themeDefinitionV2: ThemeDefinitionV2;

package/internal-do-not-import-from-here/ux/velcron/renderer/components/App.d.ts

@@ -1,3 +1,3 @@
 import { VelcronAppDefinition, VelcronRenderProps } from "../../core";
-declare const _default: import("vue-tsx-support")._TsxComponentV3<import("vue").default, {}, import("vue-tsx-support").PropsForOutside<VelcronRenderProps<VelcronAppDefinition>, never>, any, any, any>;
+declare const _default: import("vue-tsx-support")._TsxComponentV3<import("vue").default, {}, import("vue-tsx-support").PropsForOutside<VelcronRenderProps<VelcronAppDefinition<object>>, never>, any, any, any>;
 export default _default;