@omnia/fx 8.0.51-vnext → 8.0.53-vnext

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

@@ -1,7 +1,6 @@
 import { OmniaContext } from "../../..";
 import { VueComponentBase, OmniaTheming } from "../..";
 import { IAppProvisioningStepComponent, AppProvisioningStepContext } from "../../../models";
-import { IValidator } from "../../validation";
 export declare class AppProvisioningStepComponentBase<Props = IAppProvisioningStepComponent, EventsWithOn = {}, ScopedSlotArgs = {}> extends VueComponentBase<Props, EventsWithOn, ScopedSlotArgs> {
     context: AppProvisioningStepContext;
     registerOnGoToNext: (onGoToNext: () => Promise<boolean>) => void;
@@ -10,8 +9,7 @@ export declare class AppProvisioningStepComponentBase<Props = IAppProvisioningSt
     allowMemberAndGroup?: boolean;
     omniaTheming: OmniaTheming;
     omniaContext: OmniaContext;
-    protected formValidator: IValidator;
     constructor();
     created(): void;
-    protected canGoNext: (formValidator: IValidator) => Promise<boolean>;
+    protected canGoNext: () => Promise<boolean>;
 }

package/internal-do-not-import-from-here/ux/enterpriseproperties/edit/richtextfield/RichTextFieldEdit.d.ts

@@ -25,7 +25,7 @@ export declare class RichTextFieldEdit extends VueComponentBase implements IWebC
     created(): void;
     beforeDestroy(): void;
     hasBlockContent(content: any): boolean;
-    validate(): boolean;
+    validate(): Promise<boolean>;
     onConfigureExtensionsRTE(extensions: Array<RichTextEditorExtension>): RichTextEditorExtension[];
     render(): JSX.Element;
 }

package/internal-do-not-import-from-here/ux/enterpriseproperties/picker/EnterprisePropertyPicker.d.ts

@@ -48,7 +48,7 @@ export declare class EnterprisePropertyPicker extends VueComponentBase implement
     created(): void;
     mounted(): void;
     beforeDestroy(): void;
-    validate(): boolean;
+    validate(): Promise<boolean>;
     clearValidation(): void;
     private validateValue;
     private init;

package/internal-do-not-import-from-here/ux/enterprisepropertysets/picker/EnterprisePropertySetPicker.d.ts

@@ -46,7 +46,7 @@ export declare class EnterprisePropertySetPicker extends VueComponentBase implem
     created(): void;
     mounted(): void;
     beforeDestroy(): void;
-    validate(): boolean;
+    validate(): Promise<boolean>;
     clearValidation(): void;
     private validateValue;
     private init;

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

@@ -1,6 +1,4 @@
-import { IValidator } from "..";
 export interface FeatureComponentProps {
     valueBind: any;
-    useValidator: IValidator;
     onValueChanged?: (properties: any) => void;
 }

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/section/items/StepListingSettingsPanel.d.ts

@@ -111,6 +111,9 @@ declare const _default: {
 }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{} & {
         section?: Section<StepperSectionSettings>;
-    }>, never>;
+    }>, never>; /**
+      * Render
+      * @param h
+      */
 };
 export default _default;

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

@@ -20,8 +20,10 @@ export type RowVariantType = typeof RowVariant[number];
 export interface IDataTableRowRenderer {
     value: any;
     index: number;
+    disableNavigation(): any;
     select(selected: boolean): Omit<IDataTableRowRenderer, "select">;
     onClick(callback: () => void): Omit<IDataTableRowRenderer, "onClick">;
     variant(variant: RowVariantType): Omit<IDataTableRowRenderer, "setVariant">;
-    addCell(node: VNodeChild, colSpan?: number): Pick<IDataTableRowRenderer, "addCell">;
+    addCell(node: VNodeChild, colSpan?: number): Pick<IDataTableRowRenderer, "addCell" | "addAction">;
+    addAction(node: VNodeChild): Pick<IDataTableRowRenderer, "addCell" | "addAction">;
 }

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

@@ -0,0 +1,25 @@
+export type ValidationResult = string | boolean;
+export type ValidationRule = ((value: any) => ValidationResult) | ((value: any) => PromiseLike<ValidationResult>);
+export interface IValidationScope {
+    validate(): Promise<boolean>;
+    resetValidation(): void;
+}
+export interface IValidator extends IValidationScope {
+    createRules(): IValidationRuleBuilder;
+}
+export interface IValidationRuleBuilder {
+    require<T>(this: T, customMessage?: string): Omit<T, "require">;
+    number<T>(this: T, customMessage?: string): Omit<T, "number">;
+    minLength<T>(this: T, minLength: number, customMessage?: string): Omit<T, "minLength">;
+    maxLength<T>(this: T, minLength: number, customMessage?: string): Omit<T, "maxLength">;
+    minValue<T>(this: T, min: number, customMessage?: string): Omit<T, "minValue">;
+    maxValue<T>(this: T, max: number, customMessage?: string): Omit<T, "maxValue">;
+    customRule<T>(callback: ((value: any) => ValidationResult) | ((value: any) => PromiseLike<ValidationResult>)): Omit<T, "customRule">;
+    done(): ValidationRule[];
+}
+export interface IValidatorInternal extends IValidator {
+    createValidationScope(): IValidationScope;
+    register(validation: IValidationScope): any;
+    unregister(validation: IValidationScope): any;
+    overrideValidate(func: () => Promise<boolean>): any;
+}

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

@@ -49,3 +49,4 @@ export * from "./QueryablePropertiesStyles";
 export * from "./SidePanelStyles";
 export * from "./SharePointVideoSettingsStyles";
 export * from "./DataTable";
+export { type IValidationRuleBuilder, type IValidationScope, type IValidator, type ValidationRule, type ValidationResult } from "./Validation";

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

@@ -60,7 +60,7 @@ export declare class MultilingualInput extends VueComponentBase implements IWebC
     mounted(): void;
     get selectedInputLanguage(): Language;
     get darkValue(): boolean;
-    validate(): boolean;
+    validate(): Promise<boolean>;
     clearValidation(): void;
     created(): void;
     subscribeFlushMessage(): void;

package/internal-do-not-import-from-here/ux/oxide/btn/Button.d.ts

@@ -214,8 +214,7 @@ declare const _default: {
         blueprintType?: any;
         blueprint?: any;
     }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
-    /** Component host provider settings */
-    __isFragment?: never; /** Component host provider settings */
+    __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{

package/internal-do-not-import-from-here/ux/oxide/column/Column.d.ts

@@ -12,6 +12,7 @@ declare const _default: {
             readonly sm?: "1" | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12";
             readonly md?: "1" | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12";
             readonly lg?: "1" | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12";
+            readonly xl?: "1" | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12";
             style?: unknown;
             class?: String | String[];
             key?: string | number | symbol;
@@ -57,7 +58,6 @@ declare const _default: {
             }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[];
-            readonly xl?: "1" | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12";
             readonly cols?: "1" | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12";
         };
         $attrs: {
@@ -214,9 +214,9 @@ declare const _default: {
         sm?: "1" | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12";
         md?: "1" | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12";
         lg?: "1" | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12";
+        xl?: "1" | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12";
         class?: String | String[];
         alignSelf?: "center" | "auto" | "stretch" | "end" | "start" | "baseline";
-        xl?: "1" | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12";
         cols?: "1" | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12";
     }>, never>;
 };

package/internal-do-not-import-from-here/ux/oxide/datatable/DataTable.css.d.ts

@@ -1,5 +1,6 @@
 declare const _default: {
     wrapper?: any;
     rowWrapper?: any;
+    actionCell?: any;
 };
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/hostprovider/HostProvider.d.ts

@@ -50,8 +50,8 @@ declare const _default: {
             }>) => void)[];
             readonly variant?: "default" | "footer" | "header" | "content" | "navigation" | "settings" | "info-section";
             readonly force?: boolean;
-            readonly componentHost?: "dialog" | "table" | "tab" | "toolbar" | "drawer" | "expansion-panel" | "blade" | "app" | "appbar" | "tab-vertical" | "panel";
-            readonly "component-host"?: "dialog" | "table" | "tab" | "toolbar" | "drawer" | "expansion-panel" | "blade" | "app" | "appbar" | "tab-vertical" | "panel";
+            readonly componentHost?: "dialog" | "table" | "tab" | "toolbar" | "drawer" | "expansion-panel" | "blade" | "app" | "appbar" | "tab-vertical" | "panel" | "omfx";
+            readonly "component-host"?: "dialog" | "table" | "tab" | "toolbar" | "drawer" | "expansion-panel" | "blade" | "app" | "appbar" | "tab-vertical" | "panel" | "omfx";
         };
         $attrs: {
             [x: string]: unknown;
@@ -78,10 +78,10 @@ declare const _default: {
                 type: import("vue").PropType<"default" | "footer" | "header" | "content" | "navigation" | "settings" | "info-section">;
             };
             "component-host": {
-                type: import("vue").PropType<"dialog" | "table" | "tab" | "toolbar" | "drawer" | "expansion-panel" | "blade" | "app" | "appbar" | "tab-vertical" | "panel">;
+                type: import("vue").PropType<"dialog" | "table" | "tab" | "toolbar" | "drawer" | "expansion-panel" | "blade" | "app" | "appbar" | "tab-vertical" | "panel" | "omfx">;
             };
             componentHost: {
-                type: import("vue").PropType<"dialog" | "table" | "tab" | "toolbar" | "drawer" | "expansion-panel" | "blade" | "app" | "appbar" | "tab-vertical" | "panel">;
+                type: import("vue").PropType<"dialog" | "table" | "tab" | "toolbar" | "drawer" | "expansion-panel" | "blade" | "app" | "appbar" | "tab-vertical" | "panel" | "omfx">;
             };
             host: {
                 type: import("vue").PropType<"admin" | "editor" | "docs">;
@@ -122,10 +122,10 @@ declare const _default: {
             type: import("vue").PropType<"default" | "footer" | "header" | "content" | "navigation" | "settings" | "info-section">;
         };
         "component-host": {
-            type: import("vue").PropType<"dialog" | "table" | "tab" | "toolbar" | "drawer" | "expansion-panel" | "blade" | "app" | "appbar" | "tab-vertical" | "panel">;
+            type: import("vue").PropType<"dialog" | "table" | "tab" | "toolbar" | "drawer" | "expansion-panel" | "blade" | "app" | "appbar" | "tab-vertical" | "panel" | "omfx">;
         };
         componentHost: {
-            type: import("vue").PropType<"dialog" | "table" | "tab" | "toolbar" | "drawer" | "expansion-panel" | "blade" | "app" | "appbar" | "tab-vertical" | "panel">;
+            type: import("vue").PropType<"dialog" | "table" | "tab" | "toolbar" | "drawer" | "expansion-panel" | "blade" | "app" | "appbar" | "tab-vertical" | "panel" | "omfx">;
         };
         host: {
             type: import("vue").PropType<"admin" | "editor" | "docs">;
@@ -150,10 +150,10 @@ declare const _default: {
         type: import("vue").PropType<"default" | "footer" | "header" | "content" | "navigation" | "settings" | "info-section">;
     };
     "component-host": {
-        type: import("vue").PropType<"dialog" | "table" | "tab" | "toolbar" | "drawer" | "expansion-panel" | "blade" | "app" | "appbar" | "tab-vertical" | "panel">;
+        type: import("vue").PropType<"dialog" | "table" | "tab" | "toolbar" | "drawer" | "expansion-panel" | "blade" | "app" | "appbar" | "tab-vertical" | "panel" | "omfx">;
     };
     componentHost: {
-        type: import("vue").PropType<"dialog" | "table" | "tab" | "toolbar" | "drawer" | "expansion-panel" | "blade" | "app" | "appbar" | "tab-vertical" | "panel">;
+        type: import("vue").PropType<"dialog" | "table" | "tab" | "toolbar" | "drawer" | "expansion-panel" | "blade" | "app" | "appbar" | "tab-vertical" | "panel" | "omfx">;
     };
     host: {
         type: import("vue").PropType<"admin" | "editor" | "docs">;
@@ -167,8 +167,8 @@ declare const _default: {
         host?: "admin" | "editor" | "docs";
         variant?: "default" | "footer" | "header" | "content" | "navigation" | "settings" | "info-section";
         force?: boolean;
-        componentHost?: "dialog" | "table" | "tab" | "toolbar" | "drawer" | "expansion-panel" | "blade" | "app" | "appbar" | "tab-vertical" | "panel";
-        "component-host"?: "dialog" | "table" | "tab" | "toolbar" | "drawer" | "expansion-panel" | "blade" | "app" | "appbar" | "tab-vertical" | "panel";
+        componentHost?: "dialog" | "table" | "tab" | "toolbar" | "drawer" | "expansion-panel" | "blade" | "app" | "appbar" | "tab-vertical" | "panel" | "omfx";
+        "component-host"?: "dialog" | "table" | "tab" | "toolbar" | "drawer" | "expansion-panel" | "blade" | "app" | "appbar" | "tab-vertical" | "panel" | "omfx";
     }>, never>;
 };
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/slider/Slider.d.ts

@@ -12,6 +12,7 @@ declare const _default: {
             style?: unknown;
             class?: String | String[];
             key?: string | number | symbol;
+            readonly direction?: "horizontal" | "vertical";
             ref?: import("vue").VNodeRef;
             ref_for?: boolean;
             ref_key?: string;
@@ -53,6 +54,7 @@ declare const _default: {
             }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[];
+            readonly variant?: "default" | "prominent";
             readonly "v-model"?: any;
             readonly modelValue?: any;
             "onUpdate:modelValue"?: ((value: any) => any) & ((value: any) => any);
@@ -75,6 +77,12 @@ declare const _default: {
         $emit: (event: "update:modelValue", value: any) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            variant: {
+                type: import("vue").PropType<"default" | "prominent">;
+            };
+            direction: {
+                type: import("vue").PropType<"horizontal" | "vertical">;
+            };
             noThumbLabel: {
                 type: import("vue").PropType<boolean>;
             };
@@ -141,6 +149,12 @@ declare const _default: {
         $nextTick: typeof import("vue").nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
+        variant: {
+            type: import("vue").PropType<"default" | "prominent">;
+        };
+        direction: {
+            type: import("vue").PropType<"horizontal" | "vertical">;
+        };
         noThumbLabel: {
             type: import("vue").PropType<boolean>;
         };
@@ -183,6 +197,12 @@ declare const _default: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    variant: {
+        type: import("vue").PropType<"default" | "prominent">;
+    };
+    direction: {
+        type: import("vue").PropType<"horizontal" | "vertical">;
+    };
     noThumbLabel: {
         type: import("vue").PropType<boolean>;
     };
@@ -238,6 +258,8 @@ declare const _default: {
     } & {
         label?: string;
         class?: String | String[];
+        direction?: "horizontal" | "vertical";
+        variant?: "default" | "prominent";
         "v-model"?: any;
         modelValue?: any;
         "onUpdate:modelValue"?: (value: any) => any;

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

@@ -0,0 +1,111 @@
+import { IValidationScope } from "@omnia/fx/ux";
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            style?: unknown;
+            class?: unknown;
+            key?: string | number | symbol;
+            ref?: import("vue").VNodeRef;
+            ref_for?: boolean;
+            ref_key?: string;
+            onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            "onCreate:validation"?: (validation: IValidationScope) => any;
+        };
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot<any>;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
+        $emit: (event: "create:validation", validation: IValidationScope) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>> & {
+            "onCreate:validation"?: (validation: IValidationScope) => any;
+        }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "create:validation": (validation: IValidationScope) => true;
+        }, string, {}, {}, string, {}> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{}>> & {
+        "onCreate:validation"?: (validation: IValidationScope) => any;
+    } & import("vue").ShallowUnwrapRef<() => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>[]> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>> & {
+    "onCreate:validation"?: (validation: IValidationScope) => any;
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "create:validation": (validation: IValidationScope) => true;
+}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Omit<Readonly<{} & {}>, "onCreate:validation"> & {
+        "onCreate:validation"?: (validation: IValidationScope) => any;
+    };
+};
+export default _default;

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

@@ -1,6 +1,5 @@
 import { PermissionInputSettings, RolePermissionSetting, GuidValue, PermissionBinding } from "../../models";
 import { TsxAllowUnknowProperties } from "../TsxAllowUnknowProperties";
-import { IValidator } from "../validation";
 export interface IPermissionInputAttributes {
     disabled?: boolean;
     dark?: boolean;
@@ -18,7 +17,6 @@ export interface IPermissionInput extends IPermissionInputAttributes {
     };
     onValueUpdated?: (rolePermissionSetting: Array<RolePermissionSetting>) => Promise<void>;
     onValueUpdating?: () => Promise<void>;
-    useValidator?: IValidator;
 }
 declare global {
     namespace JSX {

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

@@ -2,7 +2,6 @@ import { VueComponentBase } from "..";
 import { IWebComponentInstance, SubscriptionHandler } from "../../";
 import { GuidValue, Identity, PermissionBinding, PermissionInputSettings, RolePermissionSetting } from "../../models";
 import { IPermissionInput } from "./IPermissionInput";
-import { IValidator } from "../validation";
 export declare class PermissionInput extends VueComponentBase implements IWebComponentInstance, IPermissionInput {
     subscriptionHandler: SubscriptionHandler;
     private permissionService;
@@ -22,9 +21,6 @@ export declare class PermissionInput extends VueComponentBase implements IWebCom
     dataSource?: {
         [roleId: string]: Array<PermissionBinding>;
     };
-    useValidator: IValidator;
-    private styles;
-    validator: IValidator;
     isResolving: boolean;
     errMsg: string;
     isSaving: boolean;

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

@@ -28,7 +28,6 @@ export declare class RichTextEditorSettings extends VueComponentBase implements
     private RTFContents;
     private isRendering;
     private richTextEdiorSettingsStyles;
-    private formValidator;
     private textStylesSettingKey;
     private headings;
     created(): void;

package/internal-do-not-import-from-here/ux/spacingpicker/SpacingPicker3.css.d.ts

@@ -0,0 +1,15 @@
+import { ColorDefinition } from "../velcron/core";
+export type Positions = "top" | "right" | "bottom" | "left";
+export declare const SpacingPickerStyles: {
+    iconWrapper: (color: ColorDefinition) => string;
+    columnWrapper: string;
+    spacingValueWrapper: string;
+    groupWrapper: string;
+    textInput: (onBase: ColorDefinition) => string;
+    spacingItem: (base: ColorDefinition, onBase: ColorDefinition, selected: boolean) => string;
+    sliderMenuWrapper: (color: ColorDefinition) => string;
+    spacingSlider: string;
+    spacingIndicator: (vertical: boolean, color: ColorDefinition, disabled: boolean) => string;
+    centerColumn: string;
+    boxWrapper: (color: ColorDefinition) => string;
+};