@omnia/fx 7.11.33 → 7.12.1

package/internal-do-not-import-from-here/ux/theming-v2/themedefinitionpicker/ThemeDefinitionPicker.d.ts

@@ -4,24 +4,24 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
     colorSchemaType: string;
     colorType: string;
     onChange: (theme: ThemeDefinitionV2) => void;
-}, "onChange" | "model">, any, any, any>> & {
+}, "model" | "onChange">, any, any, any>> & {
     propsDefinition: import("vue-tsx-support").PropsForOutside<{
         model: Guid;
         colorSchemaType: string;
         colorType: string;
         onChange: (theme: ThemeDefinitionV2) => void;
-    }, "onChange" | "model">;
+    }, "model" | "onChange">;
 }) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<() => VueTsxSupport.JSX.Element>, {}, import("vue-tsx-support").PropsForOutside<{
     model: Guid;
     colorSchemaType: string;
     colorType: string;
     onChange: (theme: ThemeDefinitionV2) => void;
-}, "onChange" | "model">, any, any, any>> & {
+}, "model" | "onChange">, any, any, any>> & {
     propsDefinition: import("vue-tsx-support").PropsForOutside<{
         model: Guid;
         colorSchemaType: string;
         colorType: string;
         onChange: (theme: ThemeDefinitionV2) => void;
-    }, "onChange" | "model">;
+    }, "model" | "onChange">;
 });
 export default _default;

package/internal-do-not-import-from-here/ux/theming-v2/themes/Blueprints.d.ts

@@ -1,5 +1,5 @@
 import { Guid } from "@omnia/fx-models";
-import { BlueprintDefinition } from "internal/fx/shared/models/theming/BlueprintDefinition";
+import { BlueprintDefinition } from "omniaapp/fx/shared/models/theming/BlueprintDefinition";
 export declare class MD1Blueprint implements BlueprintDefinition {
     id: Guid;
     card: any;

package/internal-do-not-import-from-here/ux/theming-v2/themes/Themes.d.ts

@@ -1,5 +1,5 @@
 import { ColorSchema, ThemeDefinitionV2, TypographyDefinition, Guid } from "@omnia/fx-models";
-import { BlueprintDefinition } from "internal/fx/shared/models/theming/BlueprintDefinition";
+import { BlueprintDefinition } from "omniaapp/fx/shared/models/theming/BlueprintDefinition";
 export declare class ThemeDefinitionInstance implements ThemeDefinitionV2 {
     id: Guid;
     typography: TypographyDefinition;

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

@@ -1,4 +1,3 @@
-import { TsxAllowUnknowProperties } from "../";
 import { TimePeriodSettings } from "../../models";
 export interface ITimePeriodPicker {
     dark?: boolean;
@@ -7,16 +6,3 @@ export interface ITimePeriodPicker {
     valueBind: TimePeriodSettings;
     onValueChanged: (model: TimePeriodSettings) => void;
 }
-declare global {
-    namespace VueTsxSupport.JSX {
-        interface Element {
-        }
-        interface ElementClass {
-        }
-        interface ElementAttributesProperty {
-        }
-        interface IntrinsicElements {
-            "omfx-time-period-picker": TsxAllowUnknowProperties<ITimePeriodPicker>;
-        }
-    }
-}

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

@@ -1,9 +1,5 @@
-import Vue from "vue";
-import { IWebComponentInstance } from "../../";
-import { ITimePeriodPicker } from ".";
-import { TimePeriodSettings, TimePeriodTypes } from "../../models";
-import { OmniaUxLocalization } from "../UxModels";
-export default class TimePeriodPicker extends Vue implements IWebComponentInstance, ITimePeriodPicker {
+import { TimePeriodSettings } from "../../models";
+export interface TimePeriodPickerProps {
     dark: boolean;
     valueBind: TimePeriodSettings;
     onValueChanged: (model: TimePeriodSettings) => void;
@@ -11,19 +7,10 @@ export default class TimePeriodPicker extends Vue implements IWebComponentInstan
     label: string;
     disabled: boolean;
     hideDetails: boolean;
-    loc: OmniaUxLocalization;
-    internalModel: TimePeriodSettings;
-    flexBasis0: string;
-    numberWrapperStyle: string;
-    periodTypes: Array<{
-        id: TimePeriodTypes;
-        title: string;
-    }>;
-    onValueBindChanged(): void;
-    created(): void;
-    mounted(): void;
-    init(): void;
-    fixTimeValue(val: any): number;
-    update(): void;
-    render(): VueTsxSupport.JSX.Element;
 }
+declare const TimePeriodPicker: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<TimePeriodPickerProps, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<TimePeriodPickerProps, never>;
+}) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<any>, {}, import("vue-tsx-support").PropsForOutside<TimePeriodPickerProps, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<TimePeriodPickerProps, never>;
+});
+export default TimePeriodPicker;

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

@@ -1,4 +1,4 @@
-import { TsxAllowUnknowProperties, ScopedSlots } from "../";
+import { ScopedSlots } from "../";
 import { IVSelectScopedSlots } from "../vuetify";
 import { TimeZone } from "../../models";
 import { TimeZonePickerStyles } from "../models";
@@ -12,16 +12,3 @@ export interface ITimeZonePicker {
     scopedSlots?: ScopedSlots<IVSelectScopedSlots>;
     styles?: typeof TimeZonePickerStyles;
 }
-declare global {
-    namespace VueTsxSupport.JSX {
-        interface Element {
-        }
-        interface ElementClass {
-        }
-        interface ElementAttributesProperty {
-        }
-        interface IntrinsicElements {
-            "omfx-timezone-picker": TsxAllowUnknowProperties<ITimeZonePicker>;
-        }
-    }
-}

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

@@ -1,11 +1,8 @@
-import Vue from "vue";
-import { IWebComponentInstance } from "../../";
-import { ITimeZonePicker } from "./ITimeZonePicker";
 import { TimeZone } from "../../models";
 import { ScopedSlots, TimeZonePickerStyles } from "..";
 import { IVSelectScopedSlots } from "../vuetify";
 import "./TimeZonePicker.css";
-export declare class TimeZonePicker extends Vue implements IWebComponentInstance, ITimeZonePicker {
+export interface TimeZonePickerProps {
     valueBind: TimeZone;
     disabled?: boolean;
     label?: string;
@@ -16,17 +13,10 @@ export declare class TimeZonePicker extends Vue implements IWebComponentInstance
     hideDetails?: boolean;
     scopedSlots?: ScopedSlots<IVSelectScopedSlots>;
     styles?: typeof TimeZonePickerStyles;
-    private timezoneService;
-    private omniaUxLoc;
-    private styleClasses;
-    timeZones: TimeZone[];
-    menuProp: any;
-    private get slots();
-    created(): void;
-    mounted(): void;
-    beforeDestroy(): void;
-    private populateModel;
-    private updateSelected;
-    private onClick;
-    render(): VueTsxSupport.JSX.Element;
 }
+export declare const TimeZonePicker: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<TimeZonePickerProps, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<TimeZonePickerProps, never>;
+}) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<any>, {}, import("vue-tsx-support").PropsForOutside<TimeZonePickerProps, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<TimeZonePickerProps, never>;
+});
+export default TimeZonePicker;

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

@@ -27,16 +27,3 @@ export interface IUrlInput extends IUrlInputProperties {
     onValueChanged: (model: UrlPropertyValue) => void;
     onBlur?: () => void;
 }
-declare global {
-    namespace VueTsxSupport.JSX {
-        interface Element {
-        }
-        interface ElementClass {
-        }
-        interface ElementAttributesProperty {
-        }
-        interface IntrinsicElements {
-            "omfx-url-input": IUrlInput;
-        }
-    }
-}

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

@@ -1,11 +1,7 @@
-import { IWebComponentInstance } from "@omnia/fx";
-import { IValidator, VueComponentBase } from "@omnia/fx/ux";
+import { IValidator } from "@omnia/fx/ux";
 import { UrlPropertyValue } from "../../models";
-import { MSTeamsStore } from "../../stores";
-import { IUrlInput } from "./IUrlInput";
-import { UrlInputLocalization } from "./loc/localize";
 import "./UrlInputStyles.css";
-export declare class UrlInput extends VueComponentBase implements IWebComponentInstance, IUrlInput {
+export interface UrlInputProps {
     valueBind: UrlPropertyValue;
     onValueChanged: (value: UrlPropertyValue) => void;
     onBlur: () => void;
@@ -17,30 +13,10 @@ export declare class UrlInput extends VueComponentBase implements IWebComponentI
     requiredWithValidator: IValidator;
     defaultUrlResolving?: boolean;
     enabledInputMSTeamsUrl?: boolean;
-    urlInputLoc: UrlInputLocalization.locInterface;
-    msTeamsStore: MSTeamsStore;
-    internalModel: UrlPropertyValue;
-    internalDisabled: boolean;
-    private editingPropertyName;
-    private isListView;
-    private isFocused;
-    private urlInputStyles;
-    private urlValidationFlags;
-    private isValidateTrigged;
-    private propertyNames;
-    onValueBindChanged(): void;
-    mounted(): void;
-    created(): void;
-    init(): void;
-    onUrlChanged(val: string): void;
-    private onBlurEvent;
-    validateMSTeamsUrl(): boolean;
-    validateDefaultUrl(): boolean;
-    validate(): boolean;
-    clearValidation(): void;
-    onClickUrlCategoryIcon(selectedProperty: string): void;
-    renderLabel(): VueTsxSupport.JSX.Element;
-    renderTabView(): VueTsxSupport.JSX.Element;
-    renderListView(): VueTsxSupport.JSX.Element;
-    render(): JSX.Element;
 }
+export declare const UrlInput: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<UrlInputProps, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<UrlInputProps, never>;
+}) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<any>, {}, import("vue-tsx-support").PropsForOutside<UrlInputProps, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<UrlInputProps, never>;
+});
+export default UrlInput;

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

@@ -3,8 +3,9 @@ import { VNode, VNodeChildren, VNodeData } from "vue";
 export declare function useCurrentVueInstance(): import("vue").default;
 export declare function useCreateElementByManifestId(componentManifestId: GuidValue, data?: VNodeData, children?: VNodeChildren, onComponentCreated?: (instance: any) => void): VNode;
 export declare function useCreateElementByName(elementName: string, data?: VNodeData, children?: VNodeChildren, onComponentCreated?: (instance: any) => void): VNode;
+export declare function useGetElementNameByManifestId(manifestId: GuidValue): string;
 export declare function useTransformVSlot(slots: {
-    [name: string]: (ref?: any) => Array<JSX.Element>;
+    [name: string]: (ref?: any) => Array<VueTsxSupport.JSX.Element>;
 }): {
     scopedSlots: any;
 };

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

@@ -0,0 +1,12 @@
+type UserPresenceAccessibilityStatus = {
+    name: string;
+    color: string;
+    accessibilityColor: string;
+};
+export declare class UserPresenceAccessibility {
+    static badgeClass: string;
+    static getColor(userPresenceStatus: UserPresenceAccessibilityStatus, useAccessibilityFeature: boolean): string;
+    static getAriaLabel(userPresenceStatus: UserPresenceAccessibilityStatus): string;
+    static getAvatarSize(size: number, useAccessibilityFeature: boolean): number;
+}
+export {};

package/internal-do-not-import-from-here/ux/validation/FieldValidation.css.d.ts

@@ -1 +1 @@
-export declare const fieldValidationStyle: string;
+export declare const fieldValidationErrorStyle: (errorColor: string) => string;

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

@@ -1,15 +1,13 @@
-import { IWebComponentInstance } from "../../";
-import { IFieldValidation } from "./IFieldValidation";
-import { VueComponentBase } from "../VueComponentBase";
-export declare class FieldValidation extends VueComponentBase implements IWebComponentInstance, IFieldValidation {
+import { IValidator } from "./IComponentValidationEnabled";
+export interface FieldValidationProps {
+    useValidator?: IValidator;
     checkValue: any;
     rules: Array<(value: any) => boolean | string>;
     getCheckValue: () => any;
-    private defaultValidationMsgs;
-    private isShowingValidation;
-    onVisibleChanges(newValue: any, oldValue: any): void;
-    mounted(): void;
-    clearValidation(): void;
-    validate(): boolean;
-    render(): VueTsxSupport.JSX.Element;
 }
+export declare const FieldValidation: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<FieldValidationProps, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<FieldValidationProps, never>;
+}) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<any>, {}, import("vue-tsx-support").PropsForOutside<FieldValidationProps, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<FieldValidationProps, never>;
+});
+export default FieldValidation;

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

@@ -1,3 +1,4 @@
+export declare const RequiredValidationRuleMetadataKey = "__omniaRequiredValidationRule";
 export declare class FieldValueValidation {
     private loc;
     private parentElement;
@@ -12,6 +13,8 @@ export declare class FieldValueValidation {
     private _customValidationFunc;
     private _isBasicLatin;
     private _isCssLengthUnit;
+    private _fieldName;
+    private _hasCustomRequiredMessage;
     private _defaultRequiredMessage;
     private _defaultNumberMessage;
     private _defaultMinLengthMessage;
@@ -25,6 +28,7 @@ export declare class FieldValueValidation {
     private _urlRegEx;
     private _cssLengthUnitRegEx;
     constructor();
+    FieldName(name: string): this;
     IsBasicLatin(isBasicLatin?: boolean, message?: string): this;
     IsCssLengthUnit(isCssLengthUnit?: boolean, message?: string): this;
     IsRequired(required?: boolean, message?: string): this;
@@ -37,5 +41,16 @@ export declare class FieldValueValidation {
     RegExMatch(pattern: RegExp, message?: string): this;
     CustomFunction(customFunction: Function, message?: string): this;
     getRules(): any[];
+    private getFieldNameForMessage;
+    private markAsRequiredRule;
     private isNumeric;
+    /**
+     * Returns true if IsRequired() or IsArrayRequired() has been set.
+     */
+    get isRequired(): boolean;
+    /**
+     * Returns ARIA attributes to spread on form inputs.
+     * Usage: <v-text-field {...validation.ariaAttrs} />
+     */
+    get ariaAttrs(): Record<string, string>;
 }

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

@@ -5,16 +5,3 @@ export interface IFieldValidation {
     rules: Array<(value: any) => boolean | string>;
     getCheckValue?: () => any;
 }
-declare global {
-    namespace VueTsxSupport.JSX {
-        interface Element {
-        }
-        interface ElementClass {
-        }
-        interface ElementAttributesProperty {
-        }
-        interface IntrinsicElements {
-            "omfx-field-validation": IFieldValidation;
-        }
-    }
-}

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

@@ -2,6 +2,7 @@ export declare module FieldValidationLocalization {
     const namespace = "Omnia.Ux.FieldValidation";
     interface locInterface {
         RequiredMessage: string;
+        RequiredMessageWithFieldName: string;
         NumberMessage: string;
         MinLengthMessage: string;
         MaxLengthMessage: string;

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

@@ -67,7 +67,7 @@ export interface VelcronRenderContextHooks {
 export interface VelcronContainerRenderer {
     definition: VelcronDefinition;
     renderContext: VelcronRenderContext;
-    component: JSX.Element;
+    component: VueTsxSupport.JSX.Element;
 }
 export interface VelcronAction extends VelcronRenderContext {
     type: VelcronActionTypes;

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

@@ -2,21 +2,21 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
     model: string;
     onChange: (value: string) => void;
     label: string;
-}, "onChange" | "model">, any, any, any>> & {
+}, "model" | "onChange">, any, any, any>> & {
     propsDefinition: import("vue-tsx-support").PropsForOutside<{
         model: string;
         onChange: (value: string) => void;
         label: string;
-    }, "onChange" | "model">;
+    }, "model" | "onChange">;
 }) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<() => VueTsxSupport.JSX.Element>, {}, import("vue-tsx-support").PropsForOutside<{
     model: string;
     onChange: (value: string) => void;
     label: string;
-}, "onChange" | "model">, any, any, any>> & {
+}, "model" | "onChange">, any, any, any>> & {
     propsDefinition: import("vue-tsx-support").PropsForOutside<{
         model: string;
         onChange: (value: string) => void;
         label: string;
-    }, "onChange" | "model">;
+    }, "model" | "onChange">;
 });
 export default _default;

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

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

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

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

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

@@ -2,18 +2,18 @@ import { VelcronImageRatios } 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: import("vue").PropType<VelcronImageRatios>;
     onChange: (value: VelcronImageRatios) => void;
-}, "onChange" | "model">, any, any, any>> & {
+}, "model" | "onChange">, any, any, any>> & {
     propsDefinition: import("vue-tsx-support").PropsForOutside<{
         model: import("vue").PropType<VelcronImageRatios>;
         onChange: (value: VelcronImageRatios) => void;
-    }, "onChange" | "model">;
+    }, "model" | "onChange">;
 }) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<() => VueTsxSupport.JSX.Element>, {}, import("vue-tsx-support").PropsForOutside<{
     model: import("vue").PropType<VelcronImageRatios>;
     onChange: (value: VelcronImageRatios) => void;
-}, "onChange" | "model">, any, any, any>> & {
+}, "model" | "onChange">, any, any, any>> & {
     propsDefinition: import("vue-tsx-support").PropsForOutside<{
         model: import("vue").PropType<VelcronImageRatios>;
         onChange: (value: VelcronImageRatios) => void;
-    }, "onChange" | "model">;
+    }, "model" | "onChange">;
 });
 export default _default;

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

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

package/internal-do-not-import-from-here/ux/versionedlayout/blade/LayoutAliasBlade.d.ts

@@ -1,22 +1,6 @@
 import { VersionedLayout, JourneyInstance } from "@omnia/fx-models";
-import { VueComponentBase } from "@omnia/fx/ux";
 export interface LayoutAliasBladeProps {
     layout: VersionedLayout;
     journey: () => JourneyInstance;
 }
-export declare class LayoutAliasBlade extends VueComponentBase<LayoutAliasBladeProps, {}, {}> {
-    layout: VersionedLayout;
-    journey: () => JourneyInstance;
-    private loc;
-    private versionedLayoutStore;
-    private multilingualStore;
-    private isSaving;
-    private unexptedErrorMessage;
-    private formValidator;
-    private internalLayout;
-    created(): void;
-    onLayoutChanged(): void;
-    private setData;
-    private save;
-    render(): VueTsxSupport.JSX.Element;
-}
+export declare const LayoutAliasBlade: import("vue-tsx-support")._TsxComponentV3<import("vue").default, {}, import("vue-tsx-support").PropsForOutside<LayoutAliasBladeProps, never>, any, any, any>;

package/internal-do-not-import-from-here/ux/versionedlayout/blade/VersionedLayoutBladeBuilder.d.ts

@@ -1 +1,16 @@
-export {};
+import { JourneyInstance, VersionedLayout } from "@omnia/fx-models";
+import { VersionedLayoutBladeSettings } from "@omnia/fx/ux";
+export interface VersionedlayoutBladeBuilderProps {
+    journey: () => JourneyInstance;
+    settings: VersionedLayoutBladeSettings;
+    selectedLayout: VersionedLayout;
+    openEditAliasDialog: (layout: VersionedLayout) => void;
+    openAddNewDialog: () => void;
+    hideNavigationDrawer: boolean;
+}
+declare const VersionedlayoutBladeBuilder: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<VersionedlayoutBladeBuilderProps, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<VersionedlayoutBladeBuilderProps, never>;
+}) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<any>, {}, import("vue-tsx-support").PropsForOutside<VersionedlayoutBladeBuilderProps, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<VersionedlayoutBladeBuilderProps, never>;
+});
+export default VersionedlayoutBladeBuilder;

package/internal-do-not-import-from-here/ux/versionedlayout/blade/VersionedLayoutListBladeBuilder.d.ts

@@ -1,25 +1,13 @@
 import { JourneyInstance } from "@omnia/fx-models";
-import { VersionedLayoutBladeSettings, VueComponentBase } from "../..";
-export declare class VersionedLayoutListBladeBuilder extends VueComponentBase {
+import { VersionedLayoutBladeSettings } from "../..";
+export interface VersionedLayoutListBladeBuilderProps {
     journey: () => JourneyInstance;
     settings: VersionedLayoutBladeSettings;
     bladeTitle?: string;
-    private versionedLayoutStore;
-    private multilingualStore;
-    private omniaLoc;
-    private showCreationNewLayout;
-    private isCreating;
-    private formValidator;
-    private layoutCreation;
-    created(): void;
-    mounted(): void;
-    private ensureLayoutBladeBuilder;
-    private ensureLayoutAliasBlade;
-    private travelLayoutBladeBuilder;
-    handleCreateLayout(): void;
-    private createNewLayout;
-    private closeCreateNewLayoutDialog;
-    private travelToEditAlias;
-    renderCreateNewLayoutDialog(): VueTsxSupport.JSX.Element;
-    render(): VueTsxSupport.JSX.Element;
 }
+export declare const VersionedLayoutListBladeBuilder: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<VersionedLayoutListBladeBuilderProps, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<VersionedLayoutListBladeBuilderProps, never>;
+}) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<any>, {}, import("vue-tsx-support").PropsForOutside<VersionedLayoutListBladeBuilderProps, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<VersionedLayoutListBladeBuilderProps, never>;
+});
+export default VersionedLayoutListBladeBuilder;

package/internal-do-not-import-from-here/ux/versionedlayout/blade/VersionedLayoutSettingsComponent.d.ts

@@ -4,6 +4,12 @@ export interface IVersionedLayoutSettingsComponentProps {
     definition: VersionedLayoutDefinition;
     isCheckedOutToMe: boolean;
 }
+export interface VersionedLayoutSettingsComponentProps {
+    definition: VersionedLayoutDefinition;
+    isCheckedOutToMe: boolean;
+}
+declare const VersionedLayoutSettingsComponent: import("vue-tsx-support")._TsxComponentV3<import("vue").default, {}, import("vue-tsx-support").PropsForOutside<VersionedLayoutSettingsComponentProps, never>, any, any, any>;
+export default VersionedLayoutSettingsComponent;
 export declare class VersionedLayoutSettingsTabRenderer implements IVersionedLayoutDefinitionEditorTabRenderer<VersionedLayoutDefinition> {
-    getElement(definition: VersionedLayoutDefinition, isCheckedOutToMe: boolean): JSX.Element;
+    getElement(definition: VersionedLayoutDefinition, isCheckedOutToMe: boolean): VueTsxSupport.JSX.Element;
 }

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

@@ -1,18 +1,14 @@
-import { IWebComponentInstance } from "@omnia/fx";
 import { VersionedLayoutId, GuidValue } from "@omnia/fx/models";
-import { VueComponentBase } from "@omnia/fx/ux";
-import { IChromeComponent } from "./IChrome";
-export default class ChromeComponent extends VueComponentBase implements IWebComponentInstance, IChromeComponent {
+export interface ChromeComponentProps {
     appInstanceId?: GuidValue;
     layoutBackgroundImageElementId: string;
     versionedLayoutId: VersionedLayoutId;
     enableAlternateLayout?: boolean;
     undeletable?: boolean;
-    private versionedLayoutDefinitionEditorItemFactory;
-    private api;
-    created(): void;
-    mounted(): void;
-    private closeEditor;
-    private getApi;
-    render(h: any): VueTsxSupport.JSX.Element;
 }
+declare const ChromeComponent: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<ChromeComponentProps, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<ChromeComponentProps, never>;
+}) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<any>, {}, import("vue-tsx-support").PropsForOutside<ChromeComponentProps, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<ChromeComponentProps, never>;
+});
+export default ChromeComponent;