@omnia/fx 7.11.32 → 7.12.1

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

@@ -40,12 +40,15 @@ export * from "./theming";
 export * from "./theming-v2";
 export * from "./messaging";
 export * from "./layoutcanvas";
+export { watchContentSettled } from "./layoutcanvas/shared/layoutitemsrenderer/LayoutContentSettle";
 export * from "./editorchrome";
 export * from "./versionedlayout";
 export * from "./button";
 export * from "./app/appinstance/factory";
 export * from "./profilecard";
 export * from "./selection";
+export * from "./pagination";
+export * from "./userpresence/UserPresenceAccessibility";
 export * from "./inputtoken";
 export * from "./properties";
 export * from "./blades";
@@ -75,6 +78,305 @@ export * from "./SidePanelContext";
 export * from "./ScrollHelper";
 export * from "./ListViewComponentBase";
 export * from "./identities/loc/localize";
+export declare const VuetifyColors: {
+    red: {
+        base: string;
+        lighten5: string;
+        lighten4: string;
+        lighten3: string;
+        lighten2: string;
+        lighten1: string;
+        darken1: string;
+        darken2: string;
+        darken3: string;
+        darken4: string;
+        accent1: string;
+        accent2: string;
+        accent3: string;
+        accent4: string;
+    };
+    pink: {
+        base: string;
+        lighten5: string;
+        lighten4: string;
+        lighten3: string;
+        lighten2: string;
+        lighten1: string;
+        darken1: string;
+        darken2: string;
+        darken3: string;
+        darken4: string;
+        accent1: string;
+        accent2: string;
+        accent3: string;
+        accent4: string;
+    };
+    purple: {
+        base: string;
+        lighten5: string;
+        lighten4: string;
+        lighten3: string;
+        lighten2: string;
+        lighten1: string;
+        darken1: string;
+        darken2: string;
+        darken3: string;
+        darken4: string;
+        accent1: string;
+        accent2: string;
+        accent3: string;
+        accent4: string;
+    };
+    deepPurple: {
+        base: string;
+        lighten5: string;
+        lighten4: string;
+        lighten3: string;
+        lighten2: string;
+        lighten1: string;
+        darken1: string;
+        darken2: string;
+        darken3: string;
+        darken4: string;
+        accent1: string;
+        accent2: string;
+        accent3: string;
+        accent4: string;
+    };
+    indigo: {
+        base: string;
+        lighten5: string;
+        lighten4: string;
+        lighten3: string;
+        lighten2: string;
+        lighten1: string;
+        darken1: string;
+        darken2: string;
+        darken3: string;
+        darken4: string;
+        accent1: string;
+        accent2: string;
+        accent3: string;
+        accent4: string;
+    };
+    blue: {
+        base: string;
+        lighten5: string;
+        lighten4: string;
+        lighten3: string;
+        lighten2: string;
+        lighten1: string;
+        darken1: string;
+        darken2: string;
+        darken3: string;
+        darken4: string;
+        accent1: string;
+        accent2: string;
+        accent3: string;
+        accent4: string;
+    };
+    lightBlue: {
+        base: string;
+        lighten5: string;
+        lighten4: string;
+        lighten3: string;
+        lighten2: string;
+        lighten1: string;
+        darken1: string;
+        darken2: string;
+        darken3: string;
+        darken4: string;
+        accent1: string;
+        accent2: string;
+        accent3: string;
+        accent4: string;
+    };
+    cyan: {
+        base: string;
+        lighten5: string;
+        lighten4: string;
+        lighten3: string;
+        lighten2: string;
+        lighten1: string;
+        darken1: string;
+        darken2: string;
+        darken3: string;
+        darken4: string;
+        accent1: string;
+        accent2: string;
+        accent3: string;
+        accent4: string;
+    };
+    teal: {
+        base: string;
+        lighten5: string;
+        lighten4: string;
+        lighten3: string;
+        lighten2: string;
+        lighten1: string;
+        darken1: string;
+        darken2: string;
+        darken3: string;
+        darken4: string;
+        accent1: string;
+        accent2: string;
+        accent3: string;
+        accent4: string;
+    };
+    green: {
+        base: string;
+        lighten5: string;
+        lighten4: string;
+        lighten3: string;
+        lighten2: string;
+        lighten1: string;
+        darken1: string;
+        darken2: string;
+        darken3: string;
+        darken4: string;
+        accent1: string;
+        accent2: string;
+        accent3: string;
+        accent4: string;
+    };
+    lightGreen: {
+        base: string;
+        lighten5: string;
+        lighten4: string;
+        lighten3: string;
+        lighten2: string;
+        lighten1: string;
+        darken1: string;
+        darken2: string;
+        darken3: string;
+        darken4: string;
+        accent1: string;
+        accent2: string;
+        accent3: string;
+        accent4: string;
+    };
+    lime: {
+        base: string;
+        lighten5: string;
+        lighten4: string;
+        lighten3: string;
+        lighten2: string;
+        lighten1: string;
+        darken1: string;
+        darken2: string;
+        darken3: string;
+        darken4: string;
+        accent1: string;
+        accent2: string;
+        accent3: string;
+        accent4: string;
+    };
+    yellow: {
+        base: string;
+        lighten5: string;
+        lighten4: string;
+        lighten3: string;
+        lighten2: string;
+        lighten1: string;
+        darken1: string;
+        darken2: string;
+        darken3: string;
+        darken4: string;
+        accent1: string;
+        accent2: string;
+        accent3: string;
+        accent4: string;
+    };
+    amber: {
+        base: string;
+        lighten5: string;
+        lighten4: string;
+        lighten3: string;
+        lighten2: string;
+        lighten1: string;
+        darken1: string;
+        darken2: string;
+        darken3: string;
+        darken4: string;
+        accent1: string;
+        accent2: string;
+        accent3: string;
+        accent4: string;
+    };
+    orange: {
+        base: string;
+        lighten5: string;
+        lighten4: string;
+        lighten3: string;
+        lighten2: string;
+        lighten1: string;
+        darken1: string;
+        darken2: string;
+        darken3: string;
+        darken4: string;
+        accent1: string;
+        accent2: string;
+        accent3: string;
+        accent4: string;
+    };
+    deepOrange: {
+        base: string;
+        lighten5: string;
+        lighten4: string;
+        lighten3: string;
+        lighten2: string;
+        lighten1: string;
+        darken1: string;
+        darken2: string;
+        darken3: string;
+        darken4: string;
+        accent1: string;
+        accent2: string;
+        accent3: string;
+        accent4: string;
+    };
+    brown: {
+        base: string;
+        lighten5: string;
+        lighten4: string;
+        lighten3: string;
+        lighten2: string;
+        lighten1: string;
+        darken1: string;
+        darken2: string;
+        darken3: string;
+        darken4: string;
+    };
+    blueGrey: {
+        base: string;
+        lighten5: string;
+        lighten4: string;
+        lighten3: string;
+        lighten2: string;
+        lighten1: string;
+        darken1: string;
+        darken2: string;
+        darken3: string;
+        darken4: string;
+    };
+    grey: {
+        base: string;
+        lighten5: string;
+        lighten4: string;
+        lighten3: string;
+        lighten2: string;
+        lighten1: string;
+        darken1: string;
+        darken2: string;
+        darken3: string;
+        darken4: string;
+    };
+    shades: {
+        black: string;
+        white: string;
+        transparent: string;
+    };
+};
 export { OmniaTheming } from "./OmniaTheming";
 export type { FocusOption, ClickOutOption, ScrollOption, LinkHandlerOptions, } from "./directives";
 export { FocusDirective, ClickOutDirective, ScrollDirective, LinkHandlerDirective, } from "./directives";

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

@@ -15,12 +15,12 @@ export type SetupContextExtend<PrefixedEvents = unknown, ScopedSlots = unknown,
 };
 export type CompositionComponentOptions<Props, PropsDef extends RecordPropsDefinition<Props>, PrefixedEvents, ScopedSlots, On> = {
     props?: PropsDef & RecordPropsDefinition<Props>;
-    setup: (this: void, props: Props, ctx: SetupContextExtend<PrefixedEvents, ScopedSlots, On>) => () => VNode | JSX.Element;
+    setup: (this: void, props: Props, ctx: SetupContextExtend<PrefixedEvents, ScopedSlots, On>) => () => VNode | VueTsxSupport.JSX.Element;
 } & Pick<ComponentOptions<Vue>, "name" | "components" | "inheritAttrs" | "directives" | "filters">;
 export type CompositionComponentOptionsWithRender<Props, PropsDef extends RecordPropsDefinition<Props>, PrefixedEvents, ScopedSlots, On, RawBinding> = {
     props?: PropsDef & RecordPropsDefinition<Props>;
     setup: (this: void, props: Props, ctx: SetupContextExtend<PrefixedEvents, ScopedSlots, On>) => RawBinding;
-    render(): VNode | JSX.Element;
+    render(): VNode | VueTsxSupport.JSX.Element;
 } & Pick<ComponentOptions<Vue>, "name" | "components" | "inheritAttrs" | "directives" | "filters"> & ThisType<ComponentPublicInstance<Props, RawBinding>>;
 type _OmniaTsxComponentV3<V extends Vue, Attributes, Props, PrefixedEvents, On, ScopedSlotArgs> = VueConstructor<_TsxComponentInstanceV3<V, Attributes, Props, PrefixedEvents, On, ScopedSlotArgs>> & {
     propsDefinition: Props;

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

@@ -1,9 +1,9 @@
-import { IRouteContext, AppInstanceContext, IMessageBusTopicSubscription, TokenBasedRouteStateData, Future } from "../models";
-import { AppService, PermissionService } from "../services";
-import { MessageBusTopicMediator } from "../core";
+import { OmniaUxLocalization } from ".";
 import { OmniaContext } from "../contexts";
+import { MessageBusTopicMediator } from "../core";
+import { AppInstanceContext, BusinessProfilePath, Future, IMessageBusTopicSubscription, IRouteContext, TokenBasedRouteStateData } from "../models";
+import { AppService, PermissionService } from "../services";
 import { BusinessProfileStore, UserTargetingStore } from "../stores";
-import { OmniaUxLocalization } from ".";
 export interface TokenBasedRouteStateDataDict {
     [token: string]: TokenBasedRouteStateData;
 }
@@ -38,10 +38,15 @@ export declare class InternalRouter {
     private static buildPublicRoutePath;
     static tokenBasedNavigate(title: string, path: string, tokenBasedStateData?: TokenBasedRouteStateDataDict, updateState?: boolean, replaceState?: boolean): boolean;
     static publicNavigate(title: string, path: string, stateData?: StateData, updateState?: boolean): void;
+    private static injectElement;
+    private static handleNavigatingToCurrentUIContext;
     private static handleAppChange;
+    private static clearReservedHeaderHeight;
     private static createNotFoundElement;
+    private static removeElements;
     private static createUnauthorizedElement;
     private static createSetupInProgressElement;
+    static updateContextWhenNavigate(profile: BusinessProfilePath, isCurrent?: () => boolean): Promise<void>;
     private static onPopState;
     static hasToken(): boolean;
     static setPublicTitle(title: string, ignoreIfTokenBasedExists?: boolean): void;

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

@@ -42,6 +42,7 @@ export declare class OmniaTheming implements ITheme {
         grey: Color;
         primary: Color;
         secondary: Color;
+        error: Color;
     };
     system: {
         grey: Color;

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

@@ -1,13 +1,35 @@
+import Vue, { VNode } from "vue";
 export type Slots<T> = {
-    [K in keyof T]: (props?: T[K]) => JSX.Element | string | JSX.Element[];
+    [K in keyof T]: (props?: T[K]) => VueTsxSupport.JSX.Element | string | VueTsxSupport.JSX.Element[];
 } & {
-    [name: string]: (props?: any) => JSX.Element | string | JSX.Element[];
+    [name: string]: (props?: any) => VueTsxSupport.JSX.Element | string | VueTsxSupport.JSX.Element[];
 };
 export type ScopedSlots<T> = {
-    [K in keyof T]: (props?: T[K]) => JSX.Element | string | JSX.Element[];
+    [K in keyof T]: (props?: T[K]) => VueTsxSupport.JSX.Element | string | VueTsxSupport.JSX.Element[];
 } & {
-    [name: string]: (props?: any) => JSX.Element | string | JSX.Element[];
+    [name: string]: (props?: any) => VueTsxSupport.JSX.Element | string | VueTsxSupport.JSX.Element[];
 };
 export type EventHandlers<E> = {
     [K in keyof E]?: (payload: E[K]) => void;
 };
+declare global {
+    namespace JSX {
+        interface Element extends VNode {
+        }
+        interface ElementClass extends Vue {
+        }
+        interface ElementAttributesProperty {
+        }
+        interface IntrinsicElements {
+            [name: string]: any;
+        }
+    }
+    namespace VueTsx {
+        interface ComponentAdditionalAttrs {
+        }
+        interface ElementAdditionalAttrs {
+            wcslot?: string;
+            directives?: any;
+        }
+    }
+}

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

@@ -74,6 +74,14 @@ export interface OmniaUxLocalization {
         NoData: string;
         RowsPerPage: string;
         Search: string;
+        Pagination: {
+            Navigation: string;
+            PreviousPage: string;
+            NextPage: string;
+            GoToPage: string;
+            CurrentPage: string;
+            Status: string;
+        };
         AppInstance: string;
         Status: string;
         LoadingMessage: string;
@@ -534,8 +542,10 @@ export interface OmniaUxLocalization {
             Edit: string;
             ShowLabelText: string;
             ShowLabelIcon: string;
+            ShowLabelIconWithValue: string;
             ShowImage: string;
             ShowName: string;
+            ShowLoginName: string;
             AllowEdit: string;
             DateTime: {
                 RenderMode: string;
@@ -602,6 +612,7 @@ export interface OmniaUxLocalization {
             Language: string;
             Tags: string;
             ExtendedProperty: string;
+            OmniaContent: string;
         };
         BuiltIn: {
             Title: string;
@@ -659,6 +670,12 @@ export interface OmniaUxLocalization {
             Title: string;
             ConsentInformation: string;
         };
+        MicrosoftGraphUserPhoto: {
+            Category: string;
+            Description: string;
+            Title: string;
+            ConsentInformation: string;
+        };
         ProfileCompleteness: {
             Category: string;
             Description: string;
@@ -724,11 +741,24 @@ export interface OmniaUxLocalization {
             Title: string;
         };
         AIEngine: {
-            SemanticSearch: {
-                Category: string;
-                Description: string;
-                Title: string;
-            };
+            Category: string;
+            Description: string;
+            Title: string;
+        };
+        NextGenUI: {
+            Category: string;
+            Description: string;
+            Title: string;
+        };
+        WorkspaceNextGenUI: {
+            Category: string;
+            Description: string;
+            Title: string;
+        };
+        AppInstanceNextGenUI: {
+            Category: string;
+            Description: string;
+            Title: string;
         };
         UserReadAllDelegated: {
             Category: string;
@@ -840,6 +870,7 @@ export interface OmniaUxLocalization {
                     FullText: string;
                 };
                 DefaultSearchText: string;
+                AriaLabel: string;
                 SearchTitleAnd: string;
                 SearchProperties: string;
             };
@@ -900,6 +931,13 @@ export interface OmniaUxLocalization {
                 DateType: {
                     Label: {
                         All: string;
+                        MoreThanOneYearAgo: string;
+                        OneYearAgo: string;
+                        SixMonthsAgo: string;
+                        OneMonthAgo: string;
+                        OneWeekAgo: string;
+                        Today: string;
+                        LaterThanToday: string;
                         MoreThanOneYearAgoToOneWeekAgo: string;
                         MoreThanOneYearAgoToOneMonthAgo: string;
                         MoreThanOneYearAgoToOneYearAgo: string;
@@ -968,6 +1006,7 @@ export interface OmniaUxLocalization {
             };
             SearchTextBox: {
                 Label: string;
+                AriaLabel: string;
             };
             Dialog: {
                 ClearAll: string;
@@ -1016,6 +1055,9 @@ export interface OmniaUxLocalization {
             DesignLayout: string;
             OpenEditor: string;
         };
+        Accessibility: {
+            SectionTabs: string;
+        };
         LayoutStructure: {
             Layout: string;
             Title: string;
@@ -1103,17 +1145,26 @@ export interface OmniaUxLocalization {
             BlockTitleSettings: {
                 BackgroundColor: string;
                 TextMargin: string;
+                Element: string;
+                ElementOptions: {
+                    Default: string;
+                };
                 FontSize: string;
+                FontFamily: string;
                 TextColor: string;
                 Text: string;
                 Style: string;
                 Icon: string;
                 TextAlign: string;
+                AlignLeft: string;
+                AlignCenter: string;
+                AlignRight: string;
                 SeparatorSize: string;
                 SeparatorColor: string;
                 PreviewHeader: string;
                 UseGlobalSettings: string;
                 CustomSettings: string;
+                CustomStyles: string;
                 Save: string;
                 TabHeader: string;
                 DisplayIcon: string;
@@ -1158,6 +1209,8 @@ export interface OmniaUxLocalization {
                 None: string;
                 Boxed: string;
                 MinWidth: string;
+                ComplementaryInformation: string;
+                ComplementaryInformationAriaLabel: string;
             };
             TabSettings: {
                 Flat: string;
@@ -1393,6 +1446,9 @@ export interface OmniaUxLocalization {
         Private: string;
         Public: string;
         UserPickerLabel: string;
+        ErrorMessages: {
+            NoUserFound: string;
+        };
     };
     AuthenticationBlock: {
         Title: string;
@@ -1469,6 +1525,8 @@ export interface OmniaUxLocalization {
                 Definition: string;
             };
             InvalidJsonField: string;
+            InvalidDefinitionField: string;
+            InvalidDefinitionAddMessage: string;
             ErrorMsg: string;
             ListEmptyMsg: string;
             DeleteConfirmationTitle: string;

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

@@ -1,10 +1,10 @@
-import Vue, { VNodeData, VNodeChildren, VNode, PropType } from "vue";
+import Vue, { PropType, VNode, VNodeChildren, VNodeData } from "vue";
 import * as tsx from "vue-tsx-support";
-import type { IComponentValidationEnabled, IValidator } from "./validation/IComponentValidationEnabled";
-import { ConfirmDialogResponse, ConfirmDialogOptions } from "./confirmdialog/IVueConfirmDialog";
-import { ITheming } from "./theming";
-import * as models from "../models";
 import { RecordPropsDefinition } from "vue/types/options";
+import * as models from "../models";
+import { ConfirmDialogOptions, ConfirmDialogResponse } from "./confirmdialog/IVueConfirmDialog";
+import { ITheming } from "./theming";
+import type { IComponentValidationEnabled, IValidator } from "./validation/IComponentValidationEnabled";
 import { PropsForOutside, RequiredPropNames, _TsxComponentV3 } from "vue-tsx-support";
 import { CompositionComponentOptions } from "vue-tsx-support/lib/vca";
 type VuetifyThemeItem = string | number | {
@@ -33,7 +33,7 @@ type InheritanceTheme = {
     id: string;
 };
 export interface VSlot {
-    [name: string]: (ref?: any) => Array<JSX.Element>;
+    [name: string]: (ref?: any) => Array<VueTsxSupport.JSX.Element>;
 }
 export interface IVueComponentBase<Props = VueComponentBaseProps, EventsWithOn = VueComponentBaseEvents, ScopedSlotArgs = {}> extends tsx.Component<Props, EventsWithOn, ScopedSlotArgs> {
     theming: ITheming;
@@ -93,10 +93,10 @@ export declare class VueComponentBase<Props = VueComponentBaseProps, EventsWithO
 }
 export declare function getVuetifyAppClasses(): string;
 export interface VueComponentConnectProps {
-    content: () => JSX.Element;
+    content: () => VueTsxSupport.JSX.Element;
 }
 export declare function defineVueComponent<Props, PropsDef extends RecordPropsDefinition<Props> = RecordPropsDefinition<Props>, PrefixedEvents = any, ScopedSlots = any, On = any, RequiredProps extends keyof Props = RequiredPropNames<PropsDef> & keyof Props>(options: CompositionComponentOptions<Props, PropsDef, PrefixedEvents, ScopedSlots, On>): _TsxComponentV3<Vue, {}, PropsForOutside<Props, RequiredProps>, PrefixedEvents, On, ScopedSlots>;
 export declare const VueComponentConnect: tsx._TsxComponentV3<Vue, {}, tsx.PropsForOutside<{
-    content: () => JSX.Element;
+    content: () => VueTsxSupport.JSX.Element;
 }, "content">, any, any, any>;
 export {};

package/internal-do-not-import-from-here/ux/admin/chrome/AdminChrome.d.ts

@@ -1,66 +1,7 @@
-import { IWebComponentInstance } from "../../../";
-import { AdminNavigationBuiltInCategory, NavigationNode } from "../../../models";
-import { DirectionRuleStore } from "../../../stores";
-import { VueComponentBase } from "../../index";
-import { InputLanguageStore } from "../../inputlanguagepicker/stores";
 import "./AdminChrome.css";
-type AdminNavCategory = AdminNavigationBuiltInCategory | string;
-export default class AdminChromeComponent extends VueComponentBase implements IWebComponentInstance {
-    private omniaContext;
-    private localizationService;
-    private permissionService;
-    private omniaTheming;
-    private subscriptionHandler;
-    directionStore: DirectionRuleStore;
-    private sidePanelContext;
-    private multilingualStore;
-    private adminChromeInstance;
-    inputLanguageStore: InputLanguageStore;
-    private focusStore;
-    private omniaUxLocalization;
-    private htmlToRender;
-    private authorizedNodes;
-    private tenantAdministrator;
-    private bpAdministrator;
-    private appInstanceAdministrator;
-    private adminChromeClasses;
-    private selectedElement;
-    private classToFixVExpansionPanelZIndexIssue;
-    private adminContentId;
-    private tenantInfoSettings;
-    private displayLeftNav;
-    private checkGlobalPermissionResolvablePromise;
-    private checkedNodePermissionState;
-    private nodeReactiveStates;
-    private userAccessibilitySettings;
-    private hiddenFocusableElementStyle;
-    private appBarNavIconRef;
-    private hiddenFocusableEndRef;
-    beforeCreate(): void;
-    created(): void;
-    mounted(): void;
-    private checkGlobalPermissions;
-    private checkNodeTrack;
-    private handleNavigationNode;
-    private checkNodePermission;
-    private setTheme;
-    private renderSelectedElement;
-    private getIdentityNode;
-    private isNodeEquals;
-    private toggleLefNav;
-    onNodeClick(node: NavigationNode): void;
-    closeOmniaAdmin(): void;
-    private setIconColor;
-    groupBy(list: any, keyGetter: any): Map<any, any>;
-    initTenantInfoSettings(): void;
-    private getSelectedNode;
-    private handleScroll;
-    private renderAppBar;
-    private getValidNodes;
-    private onFocusTrap;
-    render(): VueTsxSupport.JSX.Element;
-    renderListItem(selectedNode: NavigationNode, node: NavigationNode): VueTsxSupport.JSX.Element;
-    renderCategory(validNodes: NavigationNode[], category: AdminNavCategory, selectedNode: NavigationNode): VueTsxSupport.JSX.Element;
-    renderAccessDeny(): VueTsxSupport.JSX.Element;
-}
-export {};
+declare const AdminChromeComponent: (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<() => any>, {}, import("vue-tsx-support").PropsForOutside<unknown, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<unknown, never>;
+});
+export default AdminChromeComponent;