@omnia/fx 8.0.61-vnext → 8.0.62-vnext

package/internal-do-not-import-from-here/shared/models/Guid.d.ts

@@ -1,3 +1,4 @@
+import "./Equals";
 import { IEquals } from "./Equals";
 export interface GuidValue extends Partial<IEquals<{
     guid(value: GuidValue): boolean;

package/internal-do-not-import-from-here/shared/models/Guid.js

@@ -1,9 +1,10 @@
 "use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Guid = void 0;
 //export interface GuidValue {
 //    :string;
 //}
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Guid = void 0;
+require("./Equals"); // ensure execute code in equals first
 // export interface GuidValue {
 //     toString: () => string;
 // }

package/internal-do-not-import-from-here/ux/journey/v2/JourneyBlade.d.ts

@@ -54,13 +54,13 @@ declare const _default: {
                 [key: string]: any;
             }>) => void)[];
             readonly icon?: IIcon;
-            readonly variant?: "info" | "new" | "edit";
             readonly "v-slots"?: {
                 default?: import("../../DefineVueTypings").Slot<any[]>;
             } & {
                 actions?: Func<[VNodeChild]>;
                 actionsFooter?: Func<[VNodeChild]>;
             };
+            readonly variant?: "info" | "new" | "edit";
             readonly settings?: boolean;
             readonly save?: boolean;
             readonly create?: boolean;
@@ -285,13 +285,13 @@ declare const _default: {
         delete?: boolean;
         size?: BladeSizes;
         icon?: IIcon;
-        variant?: "info" | "new" | "edit";
         "v-slots"?: {
             default?: import("../../DefineVueTypings").Slot<any[]>;
         } & {
             actions?: Func<[VNodeChild]>;
             actionsFooter?: Func<[VNodeChild]>;
         };
+        variant?: "info" | "new" | "edit";
         settings?: boolean;
         save?: boolean;
         create?: boolean;

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

@@ -23,7 +23,6 @@ export interface IDataTableRowRenderer {
     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" | "addAction">;
     addAction(node: VNodeChild): Pick<IDataTableRowRenderer, "addCell" | "addAction">;
 }

package/internal-do-not-import-from-here/ux/oxide/appbar/Appbar.d.ts

@@ -58,12 +58,12 @@ declare const _default: {
                 [key: string]: any;
             }>) => void)[];
             readonly absolute?: boolean;
-            readonly variant?: "default" | "app";
             readonly "v-slots"?: {
                 default?: import("../../DefineVueTypings").Slot<any[]>;
             } & {
                 actionButtons?: Func<[VNodeChild]>;
             };
+            readonly variant?: "default" | "app";
             readonly closable?: boolean;
             readonly subTitle?: string;
             "onClick:navigation"?: () => any;
@@ -254,12 +254,12 @@ declare const _default: {
         class?: String | String[];
         id?: string;
         absolute?: boolean;
-        variant?: "default" | "app";
         "v-slots"?: {
             default?: import("../../DefineVueTypings").Slot<any[]>;
         } & {
             actionButtons?: Func<[VNodeChild]>;
         };
+        variant?: "default" | "app";
         closable?: boolean;
         subTitle?: string;
     }>, "onClick:navigation" | "onClick:close"> & {

package/internal-do-not-import-from-here/ux/oxide/btngroup/ButtonGroup.d.ts

@@ -55,12 +55,12 @@ declare const _default: {
                 [key: string]: any;
             }>) => void)[];
             readonly mandatory?: boolean;
-            readonly variant?: "default" | "settings" | "dial";
             readonly "v-slots"?: {
                 default?: import("../../DefineVueTypings").Slot<any[]>;
             } & {
                 activator?: () => VNodeChild;
             };
+            readonly variant?: "default" | "settings" | "dial";
             readonly modelValue?: any;
             readonly "onUpdate:modelValue"?: (value: any) => any;
             readonly "v-model"?: any;
@@ -252,12 +252,12 @@ declare const _default: {
         toggle?: boolean;
         class?: String | String[];
         mandatory?: boolean;
-        variant?: "default" | "settings" | "dial";
         "v-slots"?: {
             default?: import("../../DefineVueTypings").Slot<any[]>;
         } & {
             activator?: () => VNodeChild;
         };
+        variant?: "default" | "settings" | "dial";
         modelValue?: any;
         "onUpdate:modelValue"?: (value: any) => any;
         "v-model"?: any;

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

@@ -69,7 +69,7 @@ declare const _default: {
             readonly "onUpdate:modelValue"?: (value: string[]) => any;
             readonly "v-model"?: string[];
             readonly items?: any[];
-            readonly itemValue: NonNullable<SelectItemKey>;
+            readonly itemValue?: NonNullable<SelectItemKey>;
             readonly returnObject?: boolean;
             readonly showExpand?: boolean;
             readonly itemsPerPage?: number;
@@ -153,7 +153,6 @@ declare const _default: {
             };
             itemValue: {
                 type: import("vue").PropType<NonNullable<SelectItemKey>>;
-                required: true;
             };
             colorSchemaType?: any;
             container?: any;
@@ -249,7 +248,6 @@ declare const _default: {
         };
         itemValue: {
             type: import("vue").PropType<NonNullable<SelectItemKey>>;
-            required: true;
         };
         colorSchemaType?: any;
         container?: any;
@@ -323,7 +321,6 @@ declare const _default: {
     };
     itemValue: {
         type: import("vue").PropType<NonNullable<SelectItemKey>>;
-        required: true;
     };
     colorSchemaType?: any;
     container?: any;
@@ -339,7 +336,6 @@ declare const _default: {
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{
         container?: any;
-        itemValue: NonNullable<SelectItemKey>;
         blueprint?: any;
         blueprintType?: any;
         colorSchemaType?: any;
@@ -357,6 +353,7 @@ declare const _default: {
         "onUpdate:modelValue"?: (value: string[]) => any;
         "v-model"?: string[];
         items?: any[];
+        itemValue?: NonNullable<SelectItemKey>;
         returnObject?: boolean;
         showExpand?: boolean;
         itemsPerPage?: number;

package/internal-do-not-import-from-here/ux/oxide/dialog/Dialog.d.ts

@@ -61,7 +61,6 @@ declare const _default: {
                 [key: string]: any;
             }>) => void)[];
             readonly icon?: IIcon;
-            readonly variant?: "default" | "confirm" | "app" | "save-cancel" | "ok-cancel";
             readonly "v-slots"?: {
                 default?: import("../../DefineVueTypings").Slot<any[]>;
             } & {
@@ -71,6 +70,7 @@ declare const _default: {
                 actions?: Func<[VNodeChild]>;
                 navigation?: Func<[VNodeChild]>;
             };
+            readonly variant?: "default" | "confirm" | "app" | "save-cancel" | "ok-cancel";
             readonly modelValue?: boolean;
             "onUpdate:modelValue"?: ((value: boolean) => any) & ((value: boolean) => any);
             readonly "v-model"?: boolean;
@@ -346,7 +346,6 @@ declare const _default: {
         class?: String | String[];
         size?: string;
         icon?: IIcon;
-        variant?: "default" | "confirm" | "app" | "save-cancel" | "ok-cancel";
         "v-slots"?: {
             default?: import("../../DefineVueTypings").Slot<any[]>;
         } & {
@@ -356,6 +355,7 @@ declare const _default: {
             actions?: Func<[VNodeChild]>;
             navigation?: Func<[VNodeChild]>;
         };
+        variant?: "default" | "confirm" | "app" | "save-cancel" | "ok-cancel";
         modelValue?: boolean;
         "onUpdate:modelValue"?: (value: boolean) => any;
         "v-model"?: boolean;

package/internal-do-not-import-from-here/ux/oxide/list/ListItem.d.ts

@@ -59,10 +59,10 @@ declare const _default: {
             readonly icon?: ButtonIconOptions;
             readonly active?: boolean;
             readonly disabled?: boolean;
-            readonly variant?: "default" | "delete";
             readonly "v-slots"?: {
                 default?: import("../../DefineVueTypings").Slot<any[]>;
             } & VListItemSlots;
+            readonly variant?: "default" | "delete";
             readonly subtitle?: VNodeChild;
             "onClick:delete"?: () => any;
         };
@@ -231,10 +231,10 @@ declare const _default: {
         icon?: ButtonIconOptions;
         active?: boolean;
         disabled?: boolean;
-        variant?: "default" | "delete";
         "v-slots"?: {
             default?: import("../../DefineVueTypings").Slot<any[]>;
         } & VListItemSlots;
+        variant?: "default" | "delete";
         subtitle?: VNodeChild;
     }>, "onClick:delete"> & {
         "onClick:delete"?: () => any;

package/internal-do-not-import-from-here/ux/oxide/select/Select.d.ts

@@ -70,13 +70,13 @@ declare const _default: {
             }>) => void)[];
             readonly multiple?: boolean;
             readonly disabled?: boolean;
-            readonly variant?: "default" | "add" | "picker";
             readonly "v-slots"?: {
                 default?: import("../../DefineVueTypings").Slot<any[]>;
             } & {
                 chip?: (item: RenderingItem, index: Number) => VNodeChild;
                 selection?: (item: RenderingItem, index: Number) => VNodeChild;
             };
+            readonly variant?: "default" | "add" | "picker";
             readonly loading?: boolean;
             readonly readonly?: boolean;
             readonly modelValue?: any;
@@ -402,13 +402,13 @@ declare const _default: {
         class?: String | String[];
         multiple?: boolean;
         disabled?: boolean;
-        variant?: "default" | "add" | "picker";
         "v-slots"?: {
             default?: import("../../DefineVueTypings").Slot<any[]>;
         } & {
             chip?: (item: RenderingItem, index: Number) => VNodeChild;
             selection?: (item: RenderingItem, index: Number) => VNodeChild;
         };
+        variant?: "default" | "add" | "picker";
         loading?: boolean;
         readonly?: boolean;
         modelValue?: any;

package/internal-do-not-import-from-here/ux/oxide/textfield/TextField.d.ts

@@ -62,10 +62,10 @@ declare const _default: {
             }>) => void)[];
             readonly disabled?: boolean;
             readonly placeholder?: string;
-            readonly variant?: "search" | "link" | "default" | "media" | "find-slim";
             readonly "v-slots"?: {
                 default?: import("../../DefineVueTypings").Slot<any[]>;
             } & OTextFieldSlots;
+            readonly variant?: "search" | "link" | "default" | "media" | "find-slim";
             readonly loading?: boolean;
             readonly modelValue?: string;
             readonly rules?: ValidationRule[];
@@ -346,10 +346,10 @@ declare const _default: {
         type?: "number" | "text" | "password";
         disabled?: boolean;
         placeholder?: string;
-        variant?: "search" | "link" | "default" | "media" | "find-slim";
         "v-slots"?: {
             default?: import("../../DefineVueTypings").Slot<any[]>;
         } & OTextFieldSlots;
+        variant?: "search" | "link" | "default" | "media" | "find-slim";
         loading?: boolean;
         modelValue?: string;
         rules?: ValidationRule[];

package/internal-do-not-import-from-here/ux/oxide/toolbar/Toolbar.d.ts

@@ -57,13 +57,13 @@ declare const _default: {
             }>) => void)[];
             readonly icon?: IIcon;
             readonly closeButton?: boolean;
-            readonly variant?: "default" | "blade";
             readonly "v-slots"?: {
                 default?: import("../../DefineVueTypings").Slot<any[]>;
             } & {
                 title?: Func<[VNodeChild]>;
                 customButtons?: Func<[VNodeChild]>;
             };
+            readonly variant?: "default" | "blade";
             readonly subTitle?: string;
             "onClick:close"?: () => any;
             readonly backButton?: boolean;
@@ -247,13 +247,13 @@ declare const _default: {
         class?: String | String[];
         icon?: IIcon;
         closeButton?: boolean;
-        variant?: "default" | "blade";
         "v-slots"?: {
             default?: import("../../DefineVueTypings").Slot<any[]>;
         } & {
             title?: Func<[VNodeChild]>;
             customButtons?: Func<[VNodeChild]>;
         };
+        variant?: "default" | "blade";
         subTitle?: string;
         backButton?: boolean;
     }>, "onClick:close" | "onClick:back"> & {

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

@@ -1,33 +1,5 @@
-import { PermissionInputSettings, RolePermissionSetting, GuidValue, PermissionBinding } from "../../models";
-import { TsxAllowUnknowProperties } from "../TsxAllowUnknowProperties";
 export interface IPermissionInputAttributes {
     disabled?: boolean;
     dark?: boolean;
     hideSaveButton?: boolean;
 }
-export interface IPermissionInput extends IPermissionInputAttributes {
-    [name: string]: any;
-    settings: PermissionInputSettings;
-    contextParams?: {
-        [key: string]: string | number;
-    };
-    serviceId?: GuidValue;
-    dataSource?: {
-        [roleId: string]: Array<PermissionBinding>;
-    };
-    onValueUpdated?: (rolePermissionSetting: Array<RolePermissionSetting>) => Promise<void>;
-    onValueUpdating?: () => Promise<void>;
-}
-declare global {
-    namespace JSX {
-        interface Element {
-        }
-        interface ElementClass {
-        }
-        interface ElementAttributesProperty {
-        }
-        interface IntrinsicElements {
-            "omfx-permission-input": TsxAllowUnknowProperties<IPermissionInput>;
-        }
-    }
-}

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

@@ -1,43 +1,291 @@
-import { VueComponentBase } from "..";
-import { IWebComponentInstance, SubscriptionHandler } from "../../";
-import { GuidValue, Identity, PermissionBinding, PermissionInputSettings, RolePermissionSetting } from "../../models";
-import { IPermissionInput } from "./IPermissionInput";
-export declare class PermissionInput extends VueComponentBase implements IWebComponentInstance, IPermissionInput {
-    subscriptionHandler: SubscriptionHandler;
-    private permissionService;
-    private omniaCtx;
-    private loc;
-    private omniaUxLoc;
-    settings: PermissionInputSettings;
-    contextParams?: {
-        [key: string]: string | number;
-    };
-    onValueUpdated?: (rolePermissionSetting: Array<RolePermissionSetting>) => Promise<void>;
-    onValueUpdating?: () => Promise<void>;
-    dark?: boolean;
-    hideSaveButton?: boolean;
-    disabled?: boolean;
-    serviceId?: GuidValue;
-    dataSource?: {
-        [roleId: string]: Array<PermissionBinding>;
-    };
-    isResolving: boolean;
-    errMsg: string;
-    isSaving: boolean;
-    result: {
-        [roleId: string]: Array<Identity>;
-    };
-    previousPromiseRejecter: () => void;
-    mounted(): void;
-    created(): void;
-    getPermissionBindings(): void;
-    setPermissionBindings(result: {
-        [roleId: string]: Array<PermissionBinding>;
-    }): void;
-    mapToUserIdentities(permissionBindings: PermissionBinding[]): Identity[];
-    onPeoplePickerModelChange(id: string, val: Identity[]): void;
-    save(): void;
-    renderButtonsAndMsg(): JSX.Element;
-    renderPermissionInput(): JSX.Element[];
-    render(): JSX.Element;
-}
+import { GuidValue, PermissionBinding, PermissionInputSettings, RolePermissionSetting } from "@omnia/fx-models";
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            style?: unknown;
+            class?: unknown;
+            key?: string | number | symbol;
+            readonly serviceId?: unknown;
+            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)[];
+            readonly disabled?: boolean;
+            readonly settings?: PermissionInputSettings;
+            readonly contextParams?: {
+                [key: string]: string | number;
+            };
+            readonly "context-params"?: {
+                [key: string]: string | number;
+            };
+            readonly onValueUpdated?: (rolePermissionSetting: Array<RolePermissionSetting>) => Promise<void>;
+            readonly "on-value-updated"?: (rolePermissionSetting: Array<RolePermissionSetting>) => Promise<void>;
+            readonly onValueUpdating?: () => Promise<void>;
+            readonly "on-value-updating"?: () => Promise<void>;
+            readonly hideSaveButton?: boolean;
+            readonly "service-id"?: unknown;
+            readonly dataSource?: {
+                [roleId: string]: PermissionBinding[];
+            };
+            readonly "data-source"?: {
+                [roleId: string]: PermissionBinding[];
+            };
+        };
+        $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: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            "data-source": {
+                type: import("vue").PropType<{
+                    [roleId: string]: PermissionBinding[];
+                }>;
+            };
+            dataSource: {
+                type: import("vue").PropType<{
+                    [roleId: string]: PermissionBinding[];
+                }>;
+            };
+            "service-id": {
+                type: import("vue").PropType<GuidValue>;
+            };
+            serviceId: {
+                type: import("vue").PropType<GuidValue>;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                required: false;
+            };
+            hideSaveButton: {
+                type: import("vue").PropType<boolean>;
+                required: false;
+            };
+            "on-value-updating": {
+                type: import("vue").PropType<() => Promise<void>>;
+            };
+            onValueUpdating: {
+                type: import("vue").PropType<() => Promise<void>>;
+            };
+            "on-value-updated": {
+                type: import("vue").PropType<(rolePermissionSetting: Array<RolePermissionSetting>) => Promise<void>>;
+            };
+            onValueUpdated: {
+                type: import("vue").PropType<(rolePermissionSetting: Array<RolePermissionSetting>) => Promise<void>>;
+            };
+            "context-params": {
+                type: import("vue").PropType<{
+                    [key: string]: string | number;
+                }>;
+            };
+            contextParams: {
+                type: import("vue").PropType<{
+                    [key: string]: string | number;
+                }>;
+            };
+            settings: {
+                type: import("vue").PropType<PermissionInputSettings>;
+            } & {
+                type: import("vue").PropType<PermissionInputSettings>;
+            };
+        }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, 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<{
+        "data-source": {
+            type: import("vue").PropType<{
+                [roleId: string]: PermissionBinding[];
+            }>;
+        };
+        dataSource: {
+            type: import("vue").PropType<{
+                [roleId: string]: PermissionBinding[];
+            }>;
+        };
+        "service-id": {
+            type: import("vue").PropType<GuidValue>;
+        };
+        serviceId: {
+            type: import("vue").PropType<GuidValue>;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            required: false;
+        };
+        hideSaveButton: {
+            type: import("vue").PropType<boolean>;
+            required: false;
+        };
+        "on-value-updating": {
+            type: import("vue").PropType<() => Promise<void>>;
+        };
+        onValueUpdating: {
+            type: import("vue").PropType<() => Promise<void>>;
+        };
+        "on-value-updated": {
+            type: import("vue").PropType<(rolePermissionSetting: Array<RolePermissionSetting>) => Promise<void>>;
+        };
+        onValueUpdated: {
+            type: import("vue").PropType<(rolePermissionSetting: Array<RolePermissionSetting>) => Promise<void>>;
+        };
+        "context-params": {
+            type: import("vue").PropType<{
+                [key: string]: string | number;
+            }>;
+        };
+        contextParams: {
+            type: import("vue").PropType<{
+                [key: string]: string | number;
+            }>;
+        };
+        settings: {
+            type: import("vue").PropType<PermissionInputSettings>;
+        } & {
+            type: import("vue").PropType<PermissionInputSettings>;
+        };
+    }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    "data-source": {
+        type: import("vue").PropType<{
+            [roleId: string]: PermissionBinding[];
+        }>;
+    };
+    dataSource: {
+        type: import("vue").PropType<{
+            [roleId: string]: PermissionBinding[];
+        }>;
+    };
+    "service-id": {
+        type: import("vue").PropType<GuidValue>;
+    };
+    serviceId: {
+        type: import("vue").PropType<GuidValue>;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        required: false;
+    };
+    hideSaveButton: {
+        type: import("vue").PropType<boolean>;
+        required: false;
+    };
+    "on-value-updating": {
+        type: import("vue").PropType<() => Promise<void>>;
+    };
+    onValueUpdating: {
+        type: import("vue").PropType<() => Promise<void>>;
+    };
+    "on-value-updated": {
+        type: import("vue").PropType<(rolePermissionSetting: Array<RolePermissionSetting>) => Promise<void>>;
+    };
+    onValueUpdated: {
+        type: import("vue").PropType<(rolePermissionSetting: Array<RolePermissionSetting>) => Promise<void>>;
+    };
+    "context-params": {
+        type: import("vue").PropType<{
+            [key: string]: string | number;
+        }>;
+    };
+    contextParams: {
+        type: import("vue").PropType<{
+            [key: string]: string | number;
+        }>;
+    };
+    settings: {
+        type: import("vue").PropType<PermissionInputSettings>;
+    } & {
+        type: import("vue").PropType<PermissionInputSettings>;
+    };
+}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Omit<Readonly<{} & {
+        serviceId?: unknown;
+        disabled?: boolean;
+        settings?: PermissionInputSettings;
+        contextParams?: {
+            [key: string]: string | number;
+        };
+        "context-params"?: {
+            [key: string]: string | number;
+        };
+        onValueUpdated?: (rolePermissionSetting: Array<RolePermissionSetting>) => Promise<void>;
+        "on-value-updated"?: (rolePermissionSetting: Array<RolePermissionSetting>) => Promise<void>;
+        onValueUpdating?: () => Promise<void>;
+        "on-value-updating"?: () => Promise<void>;
+        hideSaveButton?: boolean;
+        "service-id"?: unknown;
+        dataSource?: {
+            [roleId: string]: PermissionBinding[];
+        };
+        "data-source"?: {
+            [roleId: string]: PermissionBinding[];
+        };
+    }>, never>;
+};
+export default _default;

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

@@ -43,6 +43,7 @@ import wc744b3f31e00c4815b63ecaf638ad7a7a from './ux/markdown/MarkdownEditor';
 import wcc8b990d01ddc45ab930b4409fc406435 from './ux/markdown/MarkdownRenderer';
 import wc2e8004b49c8d44dd8edb56ce884c2b57 from './ux/monaco/MonacoEditor';
 import wc7f06e68f94904b48b827b23acd148bec from './ux/optionpicker/OptionPicker';
+import wcfb67bd4d1cc24073ab123c822d78ea17 from './ux/permissioninput/PermissionInput';
 import wc1a58948a606a42078da3fb919cc4f7e6 from './ux/presetupwizard/PreSetupWizard';
 import wc6d1d84cb210643c59ca8437fc36c75a1 from './ux/profilecard/ProfileCardRenderer';
 import wc091ee9b103234b26a5e2bd5f992b2582 from './ux/properties/property-picker/PropertyPicker';
@@ -290,6 +291,7 @@ declare global {
             "omfx-markdown-renderer": typeof wcc8b990d01ddc45ab930b4409fc406435.propsDefinition & VueComponentBaseProps;
             "monaco-editor": typeof wc2e8004b49c8d44dd8edb56ce884c2b57.propsDefinition & VueComponentBaseProps;
             "omfx-option-picker": typeof wc7f06e68f94904b48b827b23acd148bec.propsDefinition & VueComponentBaseProps;
+            "omfx-permission-input": typeof wcfb67bd4d1cc24073ab123c822d78ea17.propsDefinition & VueComponentBaseProps;
             "omfx-presetup-wizard": typeof wc1a58948a606a42078da3fb919cc4f7e6.propsDefinition & VueComponentBaseProps;
             "omfx-profilecard-renderer": typeof wc6d1d84cb210643c59ca8437fc36c75a1.propsDefinition & VueComponentBaseProps;
             "omfx-datasource-property-picker": typeof wc091ee9b103234b26a5e2bd5f992b2582.propsDefinition & VueComponentBaseProps;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@omnia/fx",
   "license": "MIT",
-  "version": "8.0.61-vnext",
+  "version": "8.0.62-vnext",
   "description": "Provide Omnia Fx typings and tooling for clientside Omnia development.",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
@@ -20,7 +20,7 @@
   ],
   "author": "Precio Fishbone",
   "dependencies": {
-    "@omnia/fx-models": "8.0.61-vnext",
+    "@omnia/fx-models": "8.0.62-vnext",
     "@microsoft/signalr": "6.0.1",
     "broadcast-channel": "4.8.0",
     "dayjs": "1.10.7",