@omnia/fx 8.0.7-vnext → 8.0.9-vnext

package/internal-do-not-import-from-here/ux/filterengine/components/settings/person/PersonPropertyDefaultValueInput.d.ts

@@ -66,12 +66,12 @@ declare const _default: {
         [internalName: string]: EnterprisePropertyDefinition;
     };
 }>>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
-        property: PersonFilterEngineProperty;
-        updateData: () => void;
-        propertyDefinitionAsHash: {
+    propsDefinition: Readonly<{} & {
+        property?: PersonFilterEngineProperty;
+        updateData?: () => void;
+        propertyDefinitionAsHash?: {
             [internalName: string]: EnterprisePropertyDefinition;
         };
-    }>>>;
+    }>;
 };
 export default _default;

package/internal-do-not-import-from-here/ux/filterengine/components/settings/person/PersonPropertySettings.d.ts

@@ -70,13 +70,13 @@ declare const _default: {
     };
     context: FilterEngineContext;
 }>>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
-        property: PersonFilterEngineProperty;
-        updateData: () => void;
-        propertyDefinitionAsHash: {
+    propsDefinition: Readonly<{} & {
+        property?: PersonFilterEngineProperty;
+        updateData?: () => void;
+        propertyDefinitionAsHash?: {
             [internalName: string]: EnterprisePropertyDefinition;
         };
-        context: FilterEngineContext;
-    }>>>;
+        context?: FilterEngineContext;
+    }>;
 };
 export default _default;

package/internal-do-not-import-from-here/ux/filterengine/components/settings/text/TextPropertyDefaultValueInput.d.ts

@@ -66,12 +66,12 @@ declare const _default: {
         [internalName: string]: EnterprisePropertyDefinition;
     };
 }>>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
-        property: TextFilterEngineProperty;
-        updateData: () => void;
-        propertyDefinitionAsHash: {
+    propsDefinition: Readonly<{} & {
+        property?: TextFilterEngineProperty;
+        updateData?: () => void;
+        propertyDefinitionAsHash?: {
             [internalName: string]: EnterprisePropertyDefinition;
         };
-    }>>>;
+    }>;
 };
 export default _default;

package/internal-do-not-import-from-here/ux/filterengine/components/settings/text/TextPropertySettings.d.ts

@@ -70,13 +70,13 @@ declare const _default: {
     };
     context: FilterEngineContext;
 }>>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
-        property: TextFilterEngineProperty;
-        updateData: () => void;
-        propertyDefinitionAsHash: {
+    propsDefinition: Readonly<{} & {
+        property?: TextFilterEngineProperty;
+        updateData?: () => void;
+        propertyDefinitionAsHash?: {
             [internalName: string]: EnterprisePropertyDefinition;
         };
-        context: FilterEngineContext;
-    }>>>;
+        context?: FilterEngineContext;
+    }>;
 };
 export default _default;

package/internal-do-not-import-from-here/ux/filterengine/handler/FilterEngineHandler.d.ts

@@ -26,6 +26,7 @@ export declare class FilterEngineHandler extends Store {
     private settings;
     private keywordsSearching;
     private componentId;
+    private sidePanelInstanceId;
     private isRenderReady;
     private hasSmallContainer;
     private canRenderSideSections;
@@ -56,6 +57,7 @@ export declare class FilterEngineHandler extends Store {
         propertyDefinition: (type: BaseFilterEnginePropertyType) => FilterEngineContextPropertyDefinition;
         propertyOutputs: () => BaseFilterEnginePropertyOutput[];
         isWaitingForFirstQuery: () => boolean;
+        hasFilter: () => boolean;
     };
     mutations: {
         registerTopElement: import("@omnia/fx/stores").StoreMutation<(element: Element) => void, (element: Element) => IMessageBusSubscriptionHandler>;

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

@@ -64,10 +64,10 @@ declare const _default: {
 }>>>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
-        valueBind: PropertyValueBinding<PropertyDefinition<any, any, any> | PropertyValue<any, any>>;
-        onValueBindChanged: (value: PropertyValueBinding<PropertyDefinition<any, any, any> | PropertyValue<any, any>>) => void;
-        disabled: boolean;
-    }>>>;
+    propsDefinition: Readonly<{} & {
+        disabled?: boolean;
+        valueBind?: PropertyValueBinding<PropertyDefinition<any, any, any> | PropertyValue<any, any>>;
+        onValueBindChanged?: (value: PropertyValueBinding<PropertyDefinition<any, any, any> | PropertyValue<any, any>>) => void;
+    }>;
 };
 export default _default;

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

@@ -205,9 +205,11 @@ declare const _default: {
     hideUsername: boolean;
     renderSlots: (resolvedIdentity: IResolvedIdentity) => RenderSlotsType;
 }>>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
-        valueBind: Identity[];
-        styles: {
+    propsDefinition: Readonly<{} & {
+        inline?: boolean;
+        size?: number;
+        valueBind?: Identity[];
+        styles?: {
             container: {
                 $nest: {
                     ".v-list": {
@@ -230,15 +232,13 @@ declare const _default: {
                 };
             };
         };
-        size: number;
-        inline: boolean;
-        hidePresence: boolean;
-        imageOnly: boolean;
-        presenceOffsetX: number;
-        presenceRtlOffsetX: number;
-        presenceOffsetY: number;
-        hideUsername: boolean;
-        renderSlots: (resolvedIdentity: IResolvedIdentity) => RenderSlotsType;
-    }>>>;
+        hidePresence?: boolean;
+        imageOnly?: boolean;
+        presenceOffsetX?: number;
+        presenceRtlOffsetX?: number;
+        presenceOffsetY?: number;
+        hideUsername?: boolean;
+        renderSlots?: (resolvedIdentity: IResolvedIdentity) => RenderSlotsType;
+    }>;
 };
 export default _default;

package/internal-do-not-import-from-here/ux/identities/components/settings/AzureAdSyncProviderSettings.d.ts

@@ -1,2 +1,46 @@
-export declare const AzureAdSyncProviderSettings: import("vue").DefineComponent<{}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export declare const AzureAdSyncProviderSettings: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $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<{}>>, () => JSX.Element, {}, {}, {}, 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<{}>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Readonly<{} & {}>;
+};
 export declare function renderAzureAdSyncProviderSettings(): JSX.Element;

package/internal-do-not-import-from-here/ux/identities/components/shared/IdentitySyncPropertyBindingSetup.d.ts

@@ -58,10 +58,10 @@ declare const _default: {
     getSyncPropertiesApi: () => Promise<IdentityProviderProperty[]>;
     getSyncPropertyDisplayName: (property: IdentityProviderProperty) => string;
 }>>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
-        providerId: GuidValue;
-        getSyncPropertiesApi: () => Promise<IdentityProviderProperty[]>;
-        getSyncPropertyDisplayName: (property: IdentityProviderProperty) => string;
-    }>>>;
+    propsDefinition: Readonly<{} & {
+        providerId?: GuidValue;
+        getSyncPropertiesApi?: () => Promise<IdentityProviderProperty[]>;
+        getSyncPropertyDisplayName?: (property: IdentityProviderProperty) => string;
+    }>;
 };
 export default _default;

package/internal-do-not-import-from-here/ux/identities/components/shared/IdentitySyncRuleBlade.d.ts

@@ -1,12 +1,71 @@
 import { IdentityProviderProperty, UserTypeEvaluation } from "@omnia/fx-models";
-export declare const IdentitySyncRuleBlade: import("vue").DefineComponent<import("vue").ComponentObjectPropsOptions<{
+export declare const IdentitySyncRuleBlade: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
+            data: UserTypeEvaluation;
+            getSyncPropertiesApi: () => Promise<IdentityProviderProperty[]>;
+            saveChanges: (data: UserTypeEvaluation) => Promise<void>;
+            getSyncPropertyDisplayName: (property: IdentityProviderProperty) => string;
+        }>>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $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<import("vue").ComponentObjectPropsOptions<{
+            data: UserTypeEvaluation;
+            getSyncPropertiesApi: () => Promise<IdentityProviderProperty[]>;
+            saveChanges: (data: UserTypeEvaluation) => Promise<void>;
+            getSyncPropertyDisplayName: (property: IdentityProviderProperty) => string;
+        }>>>, () => JSX.Element, {}, {}, {}, 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<import("vue").ComponentObjectPropsOptions<{
+        data: UserTypeEvaluation;
+        getSyncPropertiesApi: () => Promise<IdentityProviderProperty[]>;
+        saveChanges: (data: UserTypeEvaluation) => Promise<void>;
+        getSyncPropertyDisplayName: (property: IdentityProviderProperty) => string;
+    }>>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
     data: UserTypeEvaluation;
     getSyncPropertiesApi: () => Promise<IdentityProviderProperty[]>;
     saveChanges: (data: UserTypeEvaluation) => Promise<void>;
     getSyncPropertyDisplayName: (property: IdentityProviderProperty) => string;
-}>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
-    data: UserTypeEvaluation;
-    getSyncPropertiesApi: () => Promise<IdentityProviderProperty[]>;
-    saveChanges: (data: UserTypeEvaluation) => Promise<void>;
-    getSyncPropertyDisplayName: (property: IdentityProviderProperty) => string;
-}>>>, {}>;
+}>>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Readonly<{} & {
+        data?: UserTypeEvaluation;
+        getSyncPropertiesApi?: () => Promise<IdentityProviderProperty[]>;
+        getSyncPropertyDisplayName?: (property: IdentityProviderProperty) => string;
+        saveChanges?: (data: UserTypeEvaluation) => Promise<void>;
+    }>;
+};

package/internal-do-not-import-from-here/ux/identities/components/shared/IdentitySyncRuleSetup.d.ts

@@ -59,10 +59,10 @@ declare const _default: {
     getSyncPropertiesApi: () => Promise<IdentityProviderProperty[]>;
     getSyncPropertyDisplayName: (property: IdentityProviderProperty) => string;
 }>>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
-        providerId: GuidValue;
-        getSyncPropertiesApi: () => Promise<IdentityProviderProperty[]>;
-        getSyncPropertyDisplayName: (property: IdentityProviderProperty) => string;
-    }>>>;
+    propsDefinition: Readonly<{} & {
+        providerId?: GuidValue;
+        getSyncPropertiesApi?: () => Promise<IdentityProviderProperty[]>;
+        getSyncPropertyDisplayName?: (property: IdentityProviderProperty) => string;
+    }>;
 };
 export default _default;

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

@@ -150,33 +150,33 @@ declare const _default: {
     hideDynamicGroupSelection: boolean;
     showAsButton: boolean;
 }>>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
-        valueBind: Identity[];
-        onValueBindChanged: (values: Identity[]) => void;
-        type: PrincipalTypes;
-        providerIds: GuidValue[];
-        label: string;
-        description: string;
-        multiple: boolean;
-        required: boolean;
-        disabled: boolean;
-        attachToParent: boolean;
-        keepSelectionMenu: boolean;
-        top: boolean;
-        singleLine: boolean;
-        ariaDescribedby: string;
-        ariaInvalid: boolean;
-        showCurrentUserOption: boolean;
-        autoOpenSelection: boolean;
-        disabledIdentities: Identity[];
-        blockedIdentities: Identity[];
-        filter: (identities: IResolvedIdentity[]) => IResolvedIdentity[];
-        onMenuToggle: (values: boolean) => void;
-        hideTab: boolean;
-        hideGroupTypeSelection: boolean;
-        hideUserTypeSelection: boolean;
-        hideDynamicGroupSelection: boolean;
-        showAsButton: boolean;
-    }>>>;
+    propsDefinition: Readonly<{} & {
+        filter?: (identities: IResolvedIdentity[]) => IResolvedIdentity[];
+        label?: string;
+        type?: PrincipalTypes;
+        top?: boolean;
+        multiple?: boolean;
+        disabled?: boolean;
+        valueBind?: Identity[];
+        description?: string;
+        required?: boolean;
+        ariaDescribedby?: string;
+        ariaInvalid?: boolean;
+        providerIds?: GuidValue[];
+        onValueBindChanged?: (values: Identity[]) => void;
+        attachToParent?: boolean;
+        keepSelectionMenu?: boolean;
+        singleLine?: boolean;
+        showCurrentUserOption?: boolean;
+        autoOpenSelection?: boolean;
+        disabledIdentities?: Identity[];
+        blockedIdentities?: Identity[];
+        onMenuToggle?: (values: boolean) => void;
+        hideTab?: boolean;
+        hideGroupTypeSelection?: boolean;
+        hideUserTypeSelection?: boolean;
+        hideDynamicGroupSelection?: boolean;
+        showAsButton?: boolean;
+    }>;
 };
 export default _default;

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

@@ -1,6 +1,5 @@
 import "./UxStyleSheet";
 export * from "./Exposes";
-export { defineVueWebComponent } from "./InternalDefineWebComponent";
 import * as Exposes from "./Exposes";
 declare module "@omnia/fx-models/ux/UxApi" {
     interface IOmniaUxApi {

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/LayoutEditorCanvas.d.ts

@@ -1,7 +1,7 @@
 import { LayoutEditorCanvasApi, LayoutEditorCanvasStyles, LayoutItem } from "@omnia/fx/models";
-import { LayoutMediaContext, LayoutFileContext } from "@omnia/fx/ux";
+import { LayoutMediaContext, LayoutFileContext, ThemeStoreV2 } from "@omnia/fx/ux";
 import { BlockCatalogStore, LayoutCanvasStore, ThemingRenditionManager } from "../";
-import { OmniaTheming, ThemeStore, VueComponentBase } from "../..";
+import { ThemeStore, VueComponentBase } from "../..";
 import { SubscriptionHandler } from "../../..";
 import { IWebComponentInstance } from "../../../runtime/core/InternalWebComponentBootstrapper";
 import { MediaPickerService } from "../../../services";
@@ -9,7 +9,7 @@ import { BlockTitleSettingsStore, DirectionRuleStore } from "../../../stores";
 import { AnchorLink } from "../../AnchorLink";
 import { ILayoutEditorCanvas } from "./ILayoutEditorCanvas";
 import "./LayoutEditorCanvas.css";
-export default class LayoutEditorCanvas extends VueComponentBase implements IWebComponentInstance, ILayoutEditorCanvas {
+export declare class LayoutEditorCanvas extends VueComponentBase implements IWebComponentInstance, ILayoutEditorCanvas {
     styles?: Partial<typeof LayoutEditorCanvasStyles>;
     getApi: (inst: LayoutEditorCanvasApi) => void;
     provider: string;
@@ -17,7 +17,7 @@ export default class LayoutEditorCanvas extends VueComponentBase implements IWeb
     mediaContext: LayoutMediaContext;
     fileContext: LayoutFileContext;
     blockTitleSettingsStore: BlockTitleSettingsStore;
-    omniaTheming: OmniaTheming;
+    themeStoreV2: ThemeStoreV2;
     layoutItemStore: BlockCatalogStore;
     SubscriptionHandler: SubscriptionHandler;
     mediaPickerService: MediaPickerService;
@@ -33,6 +33,8 @@ export default class LayoutEditorCanvas extends VueComponentBase implements IWeb
     private isDragging;
     private originalScreenWidth;
     private originalWindowWidth;
+    private colorSchemaDrawer;
+    private colorSchemaHeader;
     beforeCreate(): void;
     created(): void;
     destroyed(): void;

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/icons/Icons.css.d.ts

@@ -1,6 +1,6 @@
 export declare const IconStyles: {
     container: string;
-    column: string;
+    column: (backgroundColor: string) => string;
     multipleColumn: {
         largecolumn: string;
         herocolumn: string;

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/icons/OneColumnIcon.d.ts

@@ -1,6 +1,7 @@
 import { IWebComponentInstance } from "../../../..";
-import { VueComponentBase } from "@omnia/fx/ux";
+import { ColorSchemaStore, VueComponentBase } from "@omnia/fx/ux";
 export declare class OneColumnIconComponent extends VueComponentBase implements IWebComponentInstance {
+    colorSchemaStore: ColorSchemaStore;
     mounted(): void;
     render(): JSX.Element;
 }

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/icons/ThreeColumnHeroIcon.d.ts

@@ -1,6 +1,7 @@
 import { IWebComponentInstance } from "../../../..";
-import { VueComponentBase } from "@omnia/fx/ux";
+import { ColorSchemaStore, VueComponentBase } from "@omnia/fx/ux";
 export declare class ThreeColumnHeroIconComponent extends VueComponentBase implements IWebComponentInstance {
+    colorSchemaStore: ColorSchemaStore;
     mounted(): void;
     render(): JSX.Element;
 }

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/icons/ThreeColumnIcon.d.ts

@@ -1,6 +1,7 @@
 import { IWebComponentInstance } from "../../../..";
-import { VueComponentBase } from "@omnia/fx/ux";
+import { ColorSchemaStore, VueComponentBase } from "@omnia/fx/ux";
 export declare class ThreeColumnIconComponent extends VueComponentBase implements IWebComponentInstance {
+    colorSchemaStore: ColorSchemaStore;
     mounted(): void;
     render(): JSX.Element;
 }

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/icons/ThreeColumnPageIcon.d.ts

@@ -1,6 +1,7 @@
 import { IWebComponentInstance } from "../../../..";
-import { VueComponentBase } from "@omnia/fx/ux";
+import { ColorSchemaStore, VueComponentBase } from "@omnia/fx/ux";
 export declare class ThreeColumnPageIconComponent extends VueComponentBase implements IWebComponentInstance {
+    colorSchemaStore: ColorSchemaStore;
     mounted(): void;
     render(): JSX.Element;
 }

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/icons/TwoColumnIcon.d.ts

@@ -1,6 +1,7 @@
 import { IWebComponentInstance } from "../../../..";
-import { VueComponentBase } from "@omnia/fx/ux";
+import { ColorSchemaStore, VueComponentBase } from "@omnia/fx/ux";
 export declare class TwoColumnIconComponent extends VueComponentBase implements IWebComponentInstance {
+    colorSchemaStore: ColorSchemaStore;
     mounted(): void;
     render(): JSX.Element;
 }

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutItemselector/LayoutItemSelection.css.d.ts

@@ -1,9 +1,8 @@
-import { Color } from "../../../../models";
 /**
  * Styles for the LayoutEditorStyles component
  */
 export declare const LayoutItemStyles: {
     container: string;
-    wrapper: (background: Color) => string;
-    text: string;
+    wrapper: (backgroundColor: string) => string;
+    text: (textColor: string) => string;
 };

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutItemselector/LayoutItemSelection.d.ts

@@ -1,3 +1,4 @@
+import { ColorSchemaStore } from "@omnia/fx/ux";
 import { LayoutItemRegistration } from "../../../../models";
 import { VueComponentBase } from "../../../VueComponentBase";
 export interface LayoutSectionProps {
@@ -8,6 +9,7 @@ export interface LayoutSectionEvents {
 }
 export declare class LayoutItemSelection extends VueComponentBase<LayoutSectionProps, LayoutSectionEvents> {
     item: LayoutItemRegistration;
+    colorSchemaStore: ColorSchemaStore;
     mounted(): void;
     /**
      * Eventhandler for item clicked

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutItemselector/LayoutItemSelector.css.d.ts

@@ -5,11 +5,9 @@ import { Color } from "../../../../models";
 export declare const LayoutItemSelectorStyles: {
     blockDialog: string;
     smallPosition: string;
-    notScrollOutside: string;
     selectorWrapper: string;
     contentWrapper: (background: Color) => string;
     closeButton: string;
-    expansionPanel: (background: Color) => string;
     dialogHeader: (textColor: string) => string;
     searchBox: string;
     footerWrapper: string;
@@ -17,4 +15,5 @@ export declare const LayoutItemSelectorStyles: {
         noBlockWrapper: string;
         blockWrapper: string;
     };
+    expansionPanel: string;
 };

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutItemselector/LayoutItemSelector.d.ts

@@ -1,11 +1,12 @@
 import { BlockCatalogStore, LayoutCanvasStore } from "../../";
 import { VueComponentBaseProps } from "../../..";
-import { LayoutItem, LayoutItemRegistration } from "../../../../models";
+import { LayoutItem, LayoutItemRegistration, ColorTypes, ColorSchemaTypes } from "../../../../models";
 import { VueComponentBase } from "../../..";
 import { FeatureStore } from "../../../../stores";
 export interface LayoutItemSelectorProps extends VueComponentBaseProps {
     container: LayoutItem;
-    color: string;
+    colorType?: ColorTypes;
+    colorSchemaType?: ColorSchemaTypes;
     small: boolean;
     siblingId?: string;
     postInsert?: boolean;
@@ -14,8 +15,9 @@ export declare class LayoutItemSelector extends VueComponentBase<LayoutItemSelec
     container: LayoutItem;
     siblingId?: string;
     postInsert?: boolean;
-    color: string;
     small: boolean;
+    colorType: ColorTypes;
+    colorSchemaType: ColorSchemaTypes;
     layoutEditorStore: LayoutCanvasStore;
     layoutItemStore: BlockCatalogStore;
     featureStore: FeatureStore;

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutitemactiontoolbar/LayoutItemActionToolbar.d.ts

@@ -1,5 +1,5 @@
 import { ClipboardStore } from "@omnia/fx/stores";
-import { VueComponentBase, VueComponentBaseProps } from "@omnia/fx/ux";
+import { ColorSchemaStore, VueComponentBase, VueComponentBaseProps } from "@omnia/fx/ux";
 import { LayoutCanvasStore } from "../..";
 import { LayoutItem } from "../../../../models";
 export interface ActionToolbarProps extends VueComponentBaseProps {
@@ -13,6 +13,7 @@ export interface ActionToolbarEvents {
 export declare class LayoutItemActionToolbar extends VueComponentBase<ActionToolbarProps, ActionToolbarEvents> {
     layoutEditorStore: LayoutCanvasStore;
     clipboardStore: ClipboardStore;
+    colorSchemaStore: ColorSchemaStore;
     private omniaUxLoc;
     item: LayoutItem;
     parentContainer: LayoutItem;

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutitems/LayoutBlock.css.d.ts

@@ -1,4 +1,4 @@
-import { BlockLayoutSettings, SectionSettings } from "../../../../models";
+import { BlockLayoutSettings, ColorSchema, SectionSettings } from "../../../../models";
 import { ITheming } from "../../..";
 /**
  * Styles for the LayoutColumnStyles component
@@ -9,8 +9,8 @@ export declare const LayoutBlockStyles: {
         container: (sectionSettings: SectionSettings, blockSettings: BlockLayoutSettings, theme: ITheming) => string;
         general: string;
         blockPadding: (blockSettings: BlockLayoutSettings) => string;
-        selectedMarkup: (theme: ITheming, blockSettings: BlockLayoutSettings, fixedMargin: boolean) => string;
-        toolbar: (theme: ITheming) => string;
+        selectedMarkup: (colorSchema: ColorSchema, blockSettings: BlockLayoutSettings, fixedMargin: boolean) => string;
+        toolbar: string;
         positionItemSelectorOnBorderTop: string;
         positionItemSelectorOnBorderBottom: string;
         padLockIcon: string;

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutitems/LayoutBlock.d.ts

@@ -1,4 +1,5 @@
 import { VNode } from "vue";
+import { ColorSchemaStore } from "@omnia/fx/ux";
 import { BlockCatalogStore, LayoutCanvasStore, ThemingRenditionManager } from "../../";
 import { BlockInstance, LayoutFileContext, LayoutMediaContext, ThemeStore, VueComponentBase, VueComponentBaseProps } from "../../..";
 import { Block, LayoutItem, SectionSettings } from "../../../../models";
@@ -29,6 +30,7 @@ export declare class LayoutBlock extends VueComponentBase<BlockProps> {
     protected multilingualStore: MultilingualStore;
     private omniaUxLoc;
     blockInstance: BlockInstance;
+    colorSchemaStore: ColorSchemaStore;
     private editorTheme;
     created(): void;
     mounted(): void;
@@ -37,7 +39,7 @@ export declare class LayoutBlock extends VueComponentBase<BlockProps> {
      * Creates the element
      * @param h
      */
-    createVueNode(): VNode;
+    createNode(): VNode;
     /**
      * Event handler when block is selected
      * @param e