@omnia/fx 8.0.23-dev → 8.0.24-dev

package/internal-do-not-import-from-here/core/services/ServiceManifestProviderInternal.d.ts

@@ -1,10 +1,11 @@
 import { OmniaManifests, ComponentBundleManifest } from "../../models";
 export declare class ServiceManifestProviderInternal {
-    private static _omniaManifests;
-    private static _wcManifests;
+    private static omniaManifests;
+    private static wcManifests;
     static init(): Promise<void>;
     static getAllOmniaManifests(): OmniaManifests[];
     static getAllWebComponentsManifests(): {
         [manifestId: string]: ComponentBundleManifest;
     };
+    private static mergeManifests;
 }

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

@@ -0,0 +1,2 @@
+import { StronglyTypedId } from "../StronglyTypedId";
+export type ExternalIdentityId = StronglyTypedId<string, "ExternalIdentityId">;

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

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -1 +1,3 @@
 export * from "./activities";
+export * from "./social";
+export * from "./ExternalIdentityId";

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

@@ -2,3 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./activities"), exports);
+tslib_1.__exportStar(require("./social"), exports);
+tslib_1.__exportStar(require("./ExternalIdentityId"), exports);

package/internal-do-not-import-from-here/shared/models/hub/social/HubComment.d.ts

@@ -0,0 +1,10 @@
+import { ExternalIdentityId } from "../ExternalIdentityId";
+import { HubReaction } from "./HubReaction";
+export interface HubComment {
+    createdBy: ExternalIdentityId;
+    id: number;
+    inReplyToId: number | null;
+    rendererJson: string;
+    mentions: ExternalIdentityId[];
+    reactions: HubReaction[];
+}

package/internal-do-not-import-from-here/shared/models/hub/social/HubComment.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/internal-do-not-import-from-here/shared/models/hub/social/HubReaction.d.ts

@@ -0,0 +1,5 @@
+import { ExternalIdentityId } from "../ExternalIdentityId";
+export interface HubReaction {
+    createdBy: ExternalIdentityId;
+    uniqueTypeName: string;
+}

package/internal-do-not-import-from-here/shared/models/hub/social/HubReaction.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/internal-do-not-import-from-here/shared/models/hub/social/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./HubComment";
+export * from "./HubReaction";

package/internal-do-not-import-from-here/shared/models/hub/social/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./HubComment"), exports);
+tslib_1.__exportStar(require("./HubReaction"), exports);

package/internal-do-not-import-from-here/shared/services/ActivityService.d.ts

@@ -2,6 +2,15 @@ import { ChannelId, ActivityFeed, ActivityId, ActivitySenderId, FeedActivityDefi
 export declare const useActivityService: () => {
     getFeed: (channelId: ChannelId, options?: FeedQuery) => Promise<ActivityFeed>;
     createActivity: <TRenderState>(channelId: ChannelId, senderId: ActivitySenderId, activityDefinition: FeedActivityDefinition<TRenderState>, targeting: Array<Array<SourceRelatedHubProperty>>, notification: NotificationTeaser, expires?: Date) => Promise<void>;
+    getSocial: (activityId: ActivityId) => {
+        addCommentAsync: (rendererJson: string, mentions: import("../models").ExternalIdentityId[], inReplyToCommentId?: number) => Promise<import("../models").HubComment>;
+        getCommentsAsync: (offSet?: import("../models").HubComment, limt?: number) => Promise<import("../models").HubComment[]>;
+        updateCommentAsync: (comment: import("../models").HubComment) => Promise<import("../models").HubComment>;
+        deleteCommentAsync: (toDelete: import("../models").HubComment) => Promise<number[]>;
+        addReactionAsync: (reactionType: string) => Promise<import("../models").HubReaction[]>;
+        deleteReactionAsync: (toDelete: import("../models").HubReaction) => Promise<import("../models").HubReaction[]>;
+        getReactionsAsync: () => Promise<import("../models").HubReaction[]>;
+    };
 };
 export interface FeedQuery {
     newerThenId?: ActivityId;

package/internal-do-not-import-from-here/shared/services/DefineService.d.ts

@@ -4,3 +4,8 @@ export declare function defineService<TActions extends {
 }>(setup: (ctx: {
     http: typeof http;
 }) => TActions): () => TActions;
+export declare function defineService<TActions extends {
+    [key: string]: Function;
+}, TArgs extends any[]>(setup: (ctx: {
+    http: typeof http;
+}, ...args: TArgs) => TActions): (...args: TArgs) => TActions;

package/internal-do-not-import-from-here/shared/services/SocialSourceService.d.ts

@@ -0,0 +1,10 @@
+import { ExternalIdentityId, HubComment, HubReaction } from "../models";
+export declare const socialSourceService: (sourceId: string) => {
+    addCommentAsync: (rendererJson: string, mentions: ExternalIdentityId[], inReplyToCommentId?: number) => Promise<HubComment>;
+    getCommentsAsync: (offSet?: HubComment | null, limt?: number) => Promise<HubComment[]>;
+    updateCommentAsync: (comment: HubComment) => Promise<HubComment>;
+    deleteCommentAsync: (toDelete: HubComment) => Promise<number[]>;
+    addReactionAsync: (reactionType: string) => Promise<HubReaction[]>;
+    deleteReactionAsync: (toDelete: HubReaction) => Promise<HubReaction[]>;
+    getReactionsAsync: () => Promise<HubReaction[]>;
+};

package/internal-do-not-import-from-here/stores/oxide/ComponentHostStore.d.ts

@@ -2,7 +2,7 @@ declare const HostTypeDefinitions: readonly ["admin", "editor", "docs"];
 export type HostTypes = typeof HostTypeDefinitions[number];
 declare const ComponentHostTypeDefinitions: readonly ["dialog", "drawer", "expansion-panel", "blade", "app", "table", "appbar", "toolbar", "tab", "tab-vertical", "panel", "omfx", "menu"];
 export type ComponentHostTypes = typeof ComponentHostTypeDefinitions[number];
-declare const ComponentVariantDefinitions: readonly ["footer", "content", "navigation", "header", "settings", "info-section", "default", "section", "options"];
+declare const ComponentVariantDefinitions: readonly ["footer", "content", "navigation", "header", "settings", "info-section", "default", "section", "options", "toolbar"];
 export type ComponentVariants = typeof ComponentVariantDefinitions[number];
 export interface NewHostSettings {
     host?: HostTypes;
@@ -15,14 +15,14 @@ export declare const useCompontentHostStore: () => {
     state: {
         host: "admin" | "editor" | "docs";
         componentHost: "dialog" | "menu" | "table" | "tab" | "toolbar" | "app" | "tab-vertical" | "drawer" | "expansion-panel" | "blade" | "appbar" | "panel" | "omfx";
-        componentVariant: "section" | "navigation" | "default" | "footer" | "header" | "options" | "content" | "settings" | "info-section";
+        componentVariant: "section" | "navigation" | "default" | "footer" | "header" | "options" | "content" | "toolbar" | "settings" | "info-section";
         appliedComponents: string[];
         force: boolean;
     };
     events: {
         onMutatedHost: import("internal/fx/core").MessageBusExposeOnlySubscription<"admin" | "editor" | "docs">;
         onMutatedComponentHost: import("internal/fx/core").MessageBusExposeOnlySubscription<"dialog" | "menu" | "table" | "tab" | "toolbar" | "app" | "tab-vertical" | "drawer" | "expansion-panel" | "blade" | "appbar" | "panel" | "omfx">;
-        onMutatedComponentVariant: import("internal/fx/core").MessageBusExposeOnlySubscription<"section" | "navigation" | "default" | "footer" | "header" | "options" | "content" | "settings" | "info-section">;
+        onMutatedComponentVariant: import("internal/fx/core").MessageBusExposeOnlySubscription<"section" | "navigation" | "default" | "footer" | "header" | "options" | "content" | "toolbar" | "settings" | "info-section">;
         onMutatedAppliedComponents: import("internal/fx/core").MessageBusExposeOnlySubscription<string[]>;
         onMutatedForce: import("internal/fx/core").MessageBusExposeOnlySubscription<boolean>;
     } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
@@ -63,7 +63,7 @@ export declare const useCompontentHostStore: () => {
         canApplyOn: (hostType: ComponentHostTypes | HostTypes, variant?: any) => boolean;
         readonly host: "admin" | "editor" | "docs";
         readonly componentHost: "dialog" | "menu" | "table" | "tab" | "toolbar" | "app" | "tab-vertical" | "drawer" | "expansion-panel" | "blade" | "appbar" | "panel" | "omfx";
-        readonly componentVariant: "section" | "navigation" | "default" | "footer" | "header" | "options" | "content" | "settings" | "info-section";
+        readonly componentVariant: "section" | "navigation" | "default" | "footer" | "header" | "options" | "content" | "toolbar" | "settings" | "info-section";
         readonly force: boolean;
         appliedComponents(host: string): boolean;
     };

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

@@ -30,7 +30,6 @@ export * from "./wizard";
 export * from "./multilingualinput";
 export * from "./texttranslator";
 export * from "./errormessage";
-export * from "./timeperiodpicker";
 export * from "./theming";
 export * from "./theming-v2";
 export * from "./messaging";

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

@@ -121,6 +121,8 @@ declare const _default: {
             } & {
                 activator?: () => VNodeChild;
             };
+            "onColor:enter"?: (colorSchemaType: ColorSchemaTypes) => any;
+            "onColor:leave"?: (colorSchemaType: ColorSchemaTypes) => any;
         };
         $attrs: {
             [x: string]: unknown;
@@ -133,7 +135,7 @@ declare const _default: {
         }>;
         $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: "update:modelValue", colorSchemaType: ColorSchemaTypes) => void;
+        $emit: ((event: "update:modelValue", colorSchemaType: ColorSchemaTypes) => void) & ((event: "color:enter", colorSchemaType: ColorSchemaTypes) => void) & ((event: "color:leave", colorSchemaType: ColorSchemaTypes) => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             "v-slots": import("vue").Prop<{
@@ -224,8 +226,12 @@ declare const _default: {
             };
         }>> & {
             "onUpdate:modelValue"?: (colorSchemaType: ColorSchemaTypes) => any;
+            "onColor:enter"?: (colorSchemaType: ColorSchemaTypes) => any;
+            "onColor:leave"?: (colorSchemaType: ColorSchemaTypes) => any;
         }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             "update:modelValue": (colorSchemaType: ColorSchemaTypes) => any;
+            "color:enter": (colorSchemaType: ColorSchemaTypes) => any;
+            "color:leave": (colorSchemaType: ColorSchemaTypes) => any;
         }, string, {}, {}, string, {}> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -335,6 +341,8 @@ declare const _default: {
         };
     }>> & {
         "onUpdate:modelValue"?: (colorSchemaType: ColorSchemaTypes) => any;
+        "onColor:enter"?: (colorSchemaType: ColorSchemaTypes) => any;
+        "onColor:leave"?: (colorSchemaType: ColorSchemaTypes) => any;
     } & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
@@ -428,8 +436,12 @@ declare const _default: {
     };
 }>> & {
     "onUpdate:modelValue"?: (colorSchemaType: ColorSchemaTypes) => any;
+    "onColor:enter"?: (colorSchemaType: ColorSchemaTypes) => any;
+    "onColor:leave"?: (colorSchemaType: ColorSchemaTypes) => any;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (colorSchemaType: ColorSchemaTypes) => any;
+    "color:enter": (colorSchemaType: ColorSchemaTypes) => any;
+    "color:leave": (colorSchemaType: ColorSchemaTypes) => any;
 }, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{} & {
         label?: string;
@@ -505,8 +517,10 @@ declare const _default: {
         } & {
             activator?: () => VNodeChild;
         };
-    }>, "onUpdate:modelValue"> & {
+    }>, "onUpdate:modelValue" | "onColor:enter" | "onColor:leave"> & {
         "onUpdate:modelValue"?: (colorSchemaType: ColorSchemaTypes) => any;
+        "onColor:enter"?: (colorSchemaType: ColorSchemaTypes) => any;
+        "onColor:leave"?: (colorSchemaType: ColorSchemaTypes) => any;
     };
 };
 export default _default;

package/internal-do-not-import-from-here/ux/hub/feed/components/FeedItem.d.ts

@@ -0,0 +1,110 @@
+import { Activity } from "@omnia/fx-models";
+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)[];
+            readonly activity: Activity<object>;
+        };
+        $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<{
+            activity: {
+                type: import("vue").PropType<Activity<object>>;
+                required: true;
+            };
+        }>>, () => 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<{
+        activity: {
+            type: import("vue").PropType<Activity<object>>;
+            required: true;
+        };
+    }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    activity: {
+        type: import("vue").PropType<Activity<object>>;
+        required: true;
+    };
+}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Omit<Readonly<{
+        activity: Activity<object>;
+    } & {}>, never>;
+};
+export default _default;

package/internal-do-not-import-from-here/ux/hub/feed/components/Social.d.ts

@@ -0,0 +1,110 @@
+import { Activity } from "@omnia/fx-models";
+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)[];
+            readonly activity: Activity<object>;
+        };
+        $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<{
+            activity: {
+                type: import("vue").PropType<Activity<object>>;
+                required: true;
+            };
+        }>>, () => 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<{
+        activity: {
+            type: import("vue").PropType<Activity<object>>;
+            required: true;
+        };
+    }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    activity: {
+        type: import("vue").PropType<Activity<object>>;
+        required: true;
+    };
+}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Omit<Readonly<{
+        activity: Activity<object>;
+    } & {}>, never>;
+};
+export default _default;

package/internal-do-not-import-from-here/ux/hub/feed/components/StoryComponent.d.ts

@@ -108,16 +108,11 @@ declare const _default: {
     } & {}>, never>;
 };
 export default _default;
-export declare class WcmPagePublishedFeedItem implements FeedActivityDefinition<WcmPagePublishedFeedItemState> {
-    state: WcmPagePublishedFeedItemState;
+export declare class PersonalStoryFeedItem implements FeedActivityDefinition<PersonalStoryFeedItemState> {
+    state: PersonalStoryFeedItemState;
     renderer: ActivityRenderer | ActivityRendererReference;
     activityTypeId: ActivityTypeId;
-    constructor(state: WcmPagePublishedFeedItemState, renderer: ActivityRenderer | ActivityRendererReference);
+    constructor(state: PersonalStoryFeedItemState, renderer: ActivityRenderer | ActivityRendererReference);
 }
-export interface WcmPagePublishedFeedItemState extends DynamicState {
-    content: {
-        main: {
-            markdown: string;
-        };
-    };
+export interface PersonalStoryFeedItemState extends DynamicState {
 }

package/internal-do-not-import-from-here/ux/oxide/avatar/Avatar.d.ts

@@ -3,8 +3,13 @@ declare const _default: {
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: {
+            container?: any;
+            blueprint?: any;
+            colorSchemaType?: any;
+            blueprintType?: any;
+            colors?: any;
             style?: unknown;
-            class?: unknown;
+            class?: String | String[];
             key?: string | number | symbol;
             readonly size?: "small" | "default" | "large" | "x-large" | "x-small";
             readonly color?: string;
@@ -74,7 +79,22 @@ declare const _default: {
             color: {
                 type: import("vue").PropType<string>;
             };
-        }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & {
+            class: {
+                type: import("vue").PropType<String | String[]>;
+                required: boolean;
+            };
+            colorSchemaType?: any;
+            container?: any;
+            colors?: any;
+            blueprintType?: any;
+            blueprint?: any;
+        }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            container?: any;
+            blueprint?: any;
+            colorSchemaType?: any;
+            blueprintType?: any;
+            colors?: any;
+        }, {}, string, {}> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
             beforeMount?: (() => void) | (() => void)[];
@@ -104,6 +124,15 @@ declare const _default: {
         color: {
             type: import("vue").PropType<string>;
         };
+        class: {
+            type: import("vue").PropType<String | String[]>;
+            required: boolean;
+        };
+        colorSchemaType?: any;
+        container?: any;
+        colors?: any;
+        blueprintType?: any;
+        blueprint?: any;
     }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
@@ -118,8 +147,30 @@ declare const _default: {
     color: {
         type: import("vue").PropType<string>;
     };
-}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Omit<Readonly<{} & {
+    class: {
+        type: import("vue").PropType<String | String[]>;
+        required: boolean;
+    };
+    colorSchemaType?: any;
+    container?: any;
+    colors?: any;
+    blueprintType?: any;
+    blueprint?: any;
+}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    container?: any;
+    blueprint?: any;
+    colorSchemaType?: any;
+    blueprintType?: any;
+    colors?: any;
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Omit<Readonly<{
+        container?: any;
+        blueprint?: any;
+        colorSchemaType?: any;
+        blueprintType?: any;
+        colors?: any;
+    } & {
+        class?: String | String[];
         size?: "small" | "default" | "large" | "x-large" | "x-small";
         color?: string;
         gradient?: boolean;

package/internal-do-not-import-from-here/ux/oxide/draggable/Draggable.d.ts

@@ -1,5 +1,5 @@
 import { DataTableHeader, IDataTableRowRenderer } from "@omnia/fx/ux";
-import { VNodeChild, nextTick } from "vue";
+import { VNodeChild } from "vue";
 declare const _default: {
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
@@ -58,14 +58,15 @@ declare const _default: {
             } & {
                 item?: ((item: any) => VNodeChild) | ((row: IDataTableRowRenderer) => void);
             };
-            readonly variant?: "default" | "list" | "data-table";
+            readonly variant?: "default" | "list" | "element" | "data-table";
             "onClick:navigate"?: (value: any) => any;
             readonly itemTitle: string | ((item: any) => VNodeChild);
             readonly itemValue?: string | ((item: any) => string);
             readonly disabledItem?: string;
             readonly placeholderClass?: string;
-            readonly handle?: string;
             readonly navigable?: boolean;
+            "onSort:start"?: () => any;
+            "onSort:end"?: () => any;
         };
         $attrs: {
             [x: string]: unknown;
@@ -78,7 +79,7 @@ declare const _default: {
         }>;
         $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: "click:navigate", value: any) => void;
+        $emit: ((event: "click:navigate", value: any) => void) & ((event: "sort:start") => void) & ((event: "sort:end") => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             "v-slots": import("vue").Prop<{
@@ -91,16 +92,13 @@ declare const _default: {
                 required: false;
             };
             variant: {
-                type: import("vue").PropType<"default" | "list" | "data-table">;
+                type: import("vue").PropType<"default" | "list" | "element" | "data-table">;
                 required: false;
             };
             navigable: {
                 type: import("vue").PropType<boolean>;
                 required: false;
             };
-            handle: {
-                type: import("vue").PropType<string>;
-            };
             placeholderClass: {
                 type: import("vue").PropType<string>;
             };
@@ -127,7 +125,11 @@ declare const _default: {
             };
         }>> & {
             "onClick:navigate"?: (value: any) => any;
+            "onSort:start"?: () => any;
+            "onSort:end"?: () => any;
         }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "sort:end": () => true;
+            "sort:start": () => true;
             "click:navigate": (value: any) => true;
         }, string, {}, {}, string, {}> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -147,7 +149,7 @@ declare const _default: {
             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 nextTick;
+        $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<{
         "v-slots": import("vue").Prop<{
@@ -160,16 +162,13 @@ declare const _default: {
             required: false;
         };
         variant: {
-            type: import("vue").PropType<"default" | "list" | "data-table">;
+            type: import("vue").PropType<"default" | "list" | "element" | "data-table">;
             required: false;
         };
         navigable: {
             type: import("vue").PropType<boolean>;
             required: false;
         };
-        handle: {
-            type: import("vue").PropType<string>;
-        };
         placeholderClass: {
             type: import("vue").PropType<string>;
         };
@@ -196,6 +195,8 @@ declare const _default: {
         };
     }>> & {
         "onClick:navigate"?: (value: any) => any;
+        "onSort:start"?: () => any;
+        "onSort:end"?: () => any;
     } & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
@@ -211,16 +212,13 @@ declare const _default: {
         required: false;
     };
     variant: {
-        type: import("vue").PropType<"default" | "list" | "data-table">;
+        type: import("vue").PropType<"default" | "list" | "element" | "data-table">;
         required: false;
     };
     navigable: {
         type: import("vue").PropType<boolean>;
         required: false;
     };
-    handle: {
-        type: import("vue").PropType<string>;
-    };
     placeholderClass: {
         type: import("vue").PropType<string>;
     };
@@ -247,7 +245,11 @@ declare const _default: {
     };
 }>> & {
     "onClick:navigate"?: (value: any) => any;
+    "onSort:start"?: () => any;
+    "onSort:end"?: () => any;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "sort:end": () => true;
+    "sort:start": () => true;
     "click:navigate": (value: any) => true;
 }, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{
@@ -262,14 +264,15 @@ declare const _default: {
         } & {
             item?: ((item: any) => VNodeChild) | ((row: IDataTableRowRenderer) => void);
         };
-        variant?: "default" | "list" | "data-table";
+        variant?: "default" | "list" | "element" | "data-table";
         itemValue?: string | ((item: any) => string);
         disabledItem?: string;
         placeholderClass?: string;
-        handle?: string;
         navigable?: boolean;
-    }>, "onClick:navigate"> & {
+    }>, "onClick:navigate" | "onSort:start" | "onSort:end"> & {
         "onClick:navigate"?: (value: any) => any;
+        "onSort:start"?: () => any;
+        "onSort:end"?: () => any;
     };
 };
 export default _default;

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

@@ -48,7 +48,7 @@ declare const _default: {
             }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[];
-            readonly variant?: "section" | "navigation" | "default" | "footer" | "header" | "options" | "content" | "settings" | "info-section";
+            readonly variant?: "section" | "navigation" | "default" | "footer" | "header" | "options" | "content" | "toolbar" | "settings" | "info-section";
             readonly force?: boolean;
             readonly componentHost?: "dialog" | "menu" | "table" | "tab" | "toolbar" | "app" | "tab-vertical" | "drawer" | "expansion-panel" | "blade" | "appbar" | "panel" | "omfx";
             readonly "component-host"?: "dialog" | "menu" | "table" | "tab" | "toolbar" | "app" | "tab-vertical" | "drawer" | "expansion-panel" | "blade" | "appbar" | "panel" | "omfx";
@@ -73,9 +73,9 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
             };
             variant: {
-                type: import("vue").PropType<"section" | "navigation" | "default" | "footer" | "header" | "options" | "content" | "settings" | "info-section">;
+                type: import("vue").PropType<"section" | "navigation" | "default" | "footer" | "header" | "options" | "content" | "toolbar" | "settings" | "info-section">;
             } & {
-                type: import("vue").PropType<"section" | "navigation" | "default" | "footer" | "header" | "options" | "content" | "settings" | "info-section">;
+                type: import("vue").PropType<"section" | "navigation" | "default" | "footer" | "header" | "options" | "content" | "toolbar" | "settings" | "info-section">;
             };
             "component-host": {
                 type: import("vue").PropType<"dialog" | "menu" | "table" | "tab" | "toolbar" | "app" | "tab-vertical" | "drawer" | "expansion-panel" | "blade" | "appbar" | "panel" | "omfx">;
@@ -117,9 +117,9 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
         };
         variant: {
-            type: import("vue").PropType<"section" | "navigation" | "default" | "footer" | "header" | "options" | "content" | "settings" | "info-section">;
+            type: import("vue").PropType<"section" | "navigation" | "default" | "footer" | "header" | "options" | "content" | "toolbar" | "settings" | "info-section">;
         } & {
-            type: import("vue").PropType<"section" | "navigation" | "default" | "footer" | "header" | "options" | "content" | "settings" | "info-section">;
+            type: import("vue").PropType<"section" | "navigation" | "default" | "footer" | "header" | "options" | "content" | "toolbar" | "settings" | "info-section">;
         };
         "component-host": {
             type: import("vue").PropType<"dialog" | "menu" | "table" | "tab" | "toolbar" | "app" | "tab-vertical" | "drawer" | "expansion-panel" | "blade" | "appbar" | "panel" | "omfx">;
@@ -145,9 +145,9 @@ declare const _default: {
         type: import("vue").PropType<boolean>;
     };
     variant: {
-        type: import("vue").PropType<"section" | "navigation" | "default" | "footer" | "header" | "options" | "content" | "settings" | "info-section">;
+        type: import("vue").PropType<"section" | "navigation" | "default" | "footer" | "header" | "options" | "content" | "toolbar" | "settings" | "info-section">;
     } & {
-        type: import("vue").PropType<"section" | "navigation" | "default" | "footer" | "header" | "options" | "content" | "settings" | "info-section">;
+        type: import("vue").PropType<"section" | "navigation" | "default" | "footer" | "header" | "options" | "content" | "toolbar" | "settings" | "info-section">;
     };
     "component-host": {
         type: import("vue").PropType<"dialog" | "menu" | "table" | "tab" | "toolbar" | "app" | "tab-vertical" | "drawer" | "expansion-panel" | "blade" | "appbar" | "panel" | "omfx">;
@@ -165,7 +165,7 @@ declare const _default: {
 }>[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{} & {
         host?: "admin" | "editor" | "docs";
-        variant?: "section" | "navigation" | "default" | "footer" | "header" | "options" | "content" | "settings" | "info-section";
+        variant?: "section" | "navigation" | "default" | "footer" | "header" | "options" | "content" | "toolbar" | "settings" | "info-section";
         force?: boolean;
         componentHost?: "dialog" | "menu" | "table" | "tab" | "toolbar" | "app" | "tab-vertical" | "drawer" | "expansion-panel" | "blade" | "appbar" | "panel" | "omfx";
         "component-host"?: "dialog" | "menu" | "table" | "tab" | "toolbar" | "app" | "tab-vertical" | "drawer" | "expansion-panel" | "blade" | "appbar" | "panel" | "omfx";

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

@@ -67,6 +67,7 @@ declare const _default: {
             } & {
                 chip?: (item: OSelectRenderingItem, index: Number) => VNodeChild;
                 selection?: (item: OSelectRenderingItem, index: Number) => VNodeChild;
+                item?: (item: OSelectRenderingItem, index: Number) => VNodeChild;
             };
             readonly variant?: "default" | "add" | "picker" | "combobox";
             readonly toned?: boolean;
@@ -102,6 +103,7 @@ declare const _default: {
             } & {
                 chip?: (item: OSelectRenderingItem, index: Number) => VNodeChild;
                 selection?: (item: OSelectRenderingItem, index: Number) => VNodeChild;
+                item?: (item: OSelectRenderingItem, index: Number) => VNodeChild;
             }>;
             hideSelected: {
                 type: import("vue").PropType<boolean>;
@@ -221,6 +223,7 @@ declare const _default: {
         } & {
             chip?: (item: OSelectRenderingItem, index: Number) => VNodeChild;
             selection?: (item: OSelectRenderingItem, index: Number) => VNodeChild;
+            item?: (item: OSelectRenderingItem, index: Number) => VNodeChild;
         }>;
         hideSelected: {
             type: import("vue").PropType<boolean>;
@@ -315,6 +318,7 @@ declare const _default: {
     } & {
         chip?: (item: OSelectRenderingItem, index: Number) => VNodeChild;
         selection?: (item: OSelectRenderingItem, index: Number) => VNodeChild;
+        item?: (item: OSelectRenderingItem, index: Number) => VNodeChild;
     }>;
     hideSelected: {
         type: import("vue").PropType<boolean>;
@@ -429,6 +433,7 @@ declare const _default: {
         } & {
             chip?: (item: OSelectRenderingItem, index: Number) => VNodeChild;
             selection?: (item: OSelectRenderingItem, index: Number) => VNodeChild;
+            item?: (item: OSelectRenderingItem, index: Number) => VNodeChild;
         };
         variant?: "default" | "add" | "picker" | "combobox";
         toned?: boolean;

package/internal-do-not-import-from-here/ux/oxide/tab/Tab.css.d.ts

@@ -2,5 +2,6 @@ import { ColorDefinition, OTabVariants } from "@omnia/fx-models";
 export declare const TabStyles: {
     containerTabWrapper: (color: ColorDefinition) => string;
     tabWrapper: () => string;
+    notificationWrapper: () => string;
     activeTab: (color: string, variant: OTabVariants, backgroundColor: string) => string;
 };

package/internal-do-not-import-from-here/ux/oxide/tab/Tab.d.ts

@@ -64,7 +64,8 @@ declare const _default: {
             readonly "onUpdate:modelValue"?: (value: boolean) => any;
             readonly "v-model"?: boolean;
             readonly modelValue?: boolean;
-            readonly variant?: "navigation" | "default" | "header" | "settings";
+            readonly variant?: "navigation" | "default" | "header" | "toolbar" | "settings";
+            readonly notificationCount?: number;
         };
         $attrs: {
             [x: string]: unknown;
@@ -81,11 +82,14 @@ declare const _default: {
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             variant: {
-                type: import("vue").PropType<"navigation" | "default" | "header" | "settings">;
+                type: import("vue").PropType<"navigation" | "default" | "header" | "toolbar" | "settings">;
             };
             icon: {
                 type: import("vue").PropType<TabIconModel>;
             };
+            notificationCount: {
+                type: import("vue").PropType<number>;
+            };
             title: {
                 type: import("vue").PropType<string>;
             };
@@ -140,11 +144,14 @@ declare const _default: {
         $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<"navigation" | "default" | "header" | "settings">;
+            type: import("vue").PropType<"navigation" | "default" | "header" | "toolbar" | "settings">;
         };
         icon: {
             type: import("vue").PropType<TabIconModel>;
         };
+        notificationCount: {
+            type: import("vue").PropType<number>;
+        };
         title: {
             type: import("vue").PropType<string>;
         };
@@ -177,11 +184,14 @@ declare const _default: {
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     variant: {
-        type: import("vue").PropType<"navigation" | "default" | "header" | "settings">;
+        type: import("vue").PropType<"navigation" | "default" | "header" | "toolbar" | "settings">;
     };
     icon: {
         type: import("vue").PropType<TabIconModel>;
     };
+    notificationCount: {
+        type: import("vue").PropType<number>;
+    };
     title: {
         type: import("vue").PropType<string>;
     };
@@ -229,7 +239,8 @@ declare const _default: {
         "onUpdate:modelValue"?: (value: boolean) => any;
         "v-model"?: boolean;
         modelValue?: boolean;
-        variant?: "navigation" | "default" | "header" | "settings";
+        variant?: "navigation" | "default" | "header" | "toolbar" | "settings";
+        notificationCount?: number;
     }>, never>;
 };
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/tab/Tabs.css.d.ts

@@ -3,5 +3,6 @@ export declare const TabsStyles: {
     itemContainer: (scrollOffset: string) => string;
     itemScrollContainer: (scrollOffset: string) => string;
     dialogWrapper: string;
+    toolbarStyles: (vertical: boolean) => string;
     dialogContainer: (baseSelected: ColorDefinition, onBaseSelected: ColorDefinition, toned: boolean, vertical: boolean) => string;
 };

package/internal-do-not-import-from-here/ux/oxide/tab/Tabs.d.ts

@@ -11,6 +11,7 @@ declare const _default: {
             style?: unknown;
             class?: String | String[];
             key?: string | number | symbol;
+            readonly vertical?: boolean;
             ref?: import("vue").VNodeRef;
             ref_for?: boolean;
             ref_key?: string;
@@ -55,7 +56,7 @@ declare const _default: {
             readonly "onUpdate:modelValue"?: (value: number) => any;
             readonly "v-model"?: number;
             readonly modelValue?: number;
-            readonly variant?: "navigation" | "default" | "header" | "settings";
+            readonly variant?: "navigation" | "default" | "header" | "toolbar" | "settings";
             readonly toned?: boolean;
             readonly stacked?: boolean;
             readonly scrolling?: string;
@@ -77,13 +78,18 @@ declare const _default: {
             scrolling: {
                 type: import("vue").PropType<string>;
             };
+            vertical: {
+                type: import("vue").PropType<boolean>;
+            } & {
+                type: import("vue").PropType<boolean>;
+            };
             toned: {
                 type: import("vue").PropType<boolean>;
             } & {
                 type: import("vue").PropType<boolean>;
             };
             variant: {
-                type: import("vue").PropType<"navigation" | "default" | "header" | "settings">;
+                type: import("vue").PropType<"navigation" | "default" | "header" | "toolbar" | "settings">;
             };
             stacked: {
                 type: import("vue").PropType<boolean>;
@@ -139,13 +145,18 @@ declare const _default: {
         scrolling: {
             type: import("vue").PropType<string>;
         };
+        vertical: {
+            type: import("vue").PropType<boolean>;
+        } & {
+            type: import("vue").PropType<boolean>;
+        };
         toned: {
             type: import("vue").PropType<boolean>;
         } & {
             type: import("vue").PropType<boolean>;
         };
         variant: {
-            type: import("vue").PropType<"navigation" | "default" | "header" | "settings">;
+            type: import("vue").PropType<"navigation" | "default" | "header" | "toolbar" | "settings">;
         };
         stacked: {
             type: import("vue").PropType<boolean>;
@@ -179,13 +190,18 @@ declare const _default: {
     scrolling: {
         type: import("vue").PropType<string>;
     };
+    vertical: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        type: import("vue").PropType<boolean>;
+    };
     toned: {
         type: import("vue").PropType<boolean>;
     } & {
         type: import("vue").PropType<boolean>;
     };
     variant: {
-        type: import("vue").PropType<"navigation" | "default" | "header" | "settings">;
+        type: import("vue").PropType<"navigation" | "default" | "header" | "toolbar" | "settings">;
     };
     stacked: {
         type: import("vue").PropType<boolean>;
@@ -226,10 +242,11 @@ declare const _default: {
         colors?: any;
     } & {
         class?: String | String[];
+        vertical?: boolean;
         "onUpdate:modelValue"?: (value: number) => any;
         "v-model"?: number;
         modelValue?: number;
-        variant?: "navigation" | "default" | "header" | "settings";
+        variant?: "navigation" | "default" | "header" | "toolbar" | "settings";
         toned?: boolean;
         stacked?: boolean;
         scrolling?: string;

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

@@ -1,10 +0,0 @@
-import { TimePeriodSettings } from "../../models";
-export interface ITimePeriodPicker {
-    min?: number;
-    label?: string;
-    dark?: boolean;
-    disabled?: boolean;
-    hideDetails?: boolean;
-    valueBind: TimePeriodSettings;
-    onValueChanged: (model: TimePeriodSettings) => void;
-}

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

@@ -222,7 +222,7 @@ declare const _default: {
         }>> & {
             "onUpdate:modelValue"?: (value: TimePeriodSettings) => any;
         }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            "update:modelValue": (value: TimePeriodSettings) => boolean;
+            "update:modelValue": (value: TimePeriodSettings) => true;
         }, string, {}, {}, string, {}> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -428,7 +428,7 @@ declare const _default: {
 }>> & {
     "onUpdate:modelValue"?: (value: TimePeriodSettings) => any;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: TimePeriodSettings) => boolean;
+    "update:modelValue": (value: TimePeriodSettings) => true;
 }, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{} & {
         label?: string;

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

@@ -1 +0,0 @@
-export * from "./ITimePeriodPicker";

package/internal-do-not-import-from-here/ux/velcron/components/contenteditor/store/ContentEditorStore.d.ts

@@ -1,4 +1,4 @@
-import { VelcronAppDefinition } from "@omnia/fx-models";
+import { Guid, VelcronAppDefinition, VelcronColorSchemaState, VelcronDefinition } from "@omnia/fx-models";
 import { ContentDefinitionRegistration } from "../model/ContentDefinitionRegistration";
 export declare enum MenuTabs {
     templates = 0,
@@ -9,6 +9,9 @@ export declare const useVelcronContentEditorStore: () => {
         definitions: ContentDefinitionRegistration[];
         activeDefinition: ContentDefinitionRegistration;
         selectedDefinition: ContentDefinitionRegistration;
+        lastDefinition: ContentDefinitionRegistration;
+        toggleColorSchemaPreview: VelcronColorSchemaState;
+        toggleDefinitionPreview: VelcronDefinition;
         activeTab: MenuTabs;
         onGoingDragging: boolean;
     };
@@ -16,44 +19,67 @@ export declare const useVelcronContentEditorStore: () => {
         onMutatedDefinitions: import("@omnia/fx").MessageBusExposeOnlySubscription<ContentDefinitionRegistration[]>;
         onMutatedActiveDefinition: import("@omnia/fx").MessageBusExposeOnlySubscription<ContentDefinitionRegistration>;
         onMutatedSelectedDefinition: import("@omnia/fx").MessageBusExposeOnlySubscription<ContentDefinitionRegistration>;
+        onMutatedLastDefinition: import("@omnia/fx").MessageBusExposeOnlySubscription<ContentDefinitionRegistration>;
+        onMutatedToggleColorSchemaPreview: import("@omnia/fx").MessageBusExposeOnlySubscription<VelcronColorSchemaState>;
+        onMutatedToggleDefinitionPreview: import("@omnia/fx").MessageBusExposeOnlySubscription<VelcronDefinition>;
         onMutatedActiveTab: import("@omnia/fx").MessageBusExposeOnlySubscription<MenuTabs>;
         onMutatedOnGoingDragging: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
     } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
     actions: {
         onDispatching<T extends (...args: any) => any>(action: (actions: {
+            ensureLastTextDefinition(): void;
             addDefinition(definition: ContentDefinitionRegistration): void;
             setActiveDefinition(definition: ContentDefinitionRegistration): void;
             removeActiveDefinition(): void;
             setSelectedDefinition(definition: ContentDefinitionRegistration): void;
             removeSelectedDefinition(): void;
             setDragDropState(onGoingDragging: boolean): void;
+            updateColorSchema(definitionRegistration: ContentDefinitionRegistration, colorSchemaType: string): void;
+            toggleColorSchemaPreview(definitionRegistration: ContentDefinitionRegistration, colorSchemaType: string): void;
+            toggleDefinitionPreview(definitionRegistration: ContentDefinitionRegistration, newDefinitionId: Guid): void;
+            changeDefinition(definitionRegistration: ContentDefinitionRegistration, newDefinitionId: Guid, toggle?: boolean): void;
             updateDefinition(definition: ContentDefinitionRegistration, velcronDefinition: VelcronAppDefinition): void;
         }) => T, fn: T extends (...args: infer U) => any ? (...args: U) => void : never): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
         onDispatched<T_1 extends (...args: any) => any>(action: (actions: {
+            ensureLastTextDefinition(): void;
             addDefinition(definition: ContentDefinitionRegistration): void;
             setActiveDefinition(definition: ContentDefinitionRegistration): void;
             removeActiveDefinition(): void;
             setSelectedDefinition(definition: ContentDefinitionRegistration): void;
             removeSelectedDefinition(): void;
             setDragDropState(onGoingDragging: boolean): void;
+            updateColorSchema(definitionRegistration: ContentDefinitionRegistration, colorSchemaType: string): void;
+            toggleColorSchemaPreview(definitionRegistration: ContentDefinitionRegistration, colorSchemaType: string): void;
+            toggleDefinitionPreview(definitionRegistration: ContentDefinitionRegistration, newDefinitionId: Guid): void;
+            changeDefinition(definitionRegistration: ContentDefinitionRegistration, newDefinitionId: Guid, toggle?: boolean): void;
             updateDefinition(definition: ContentDefinitionRegistration, velcronDefinition: VelcronAppDefinition): void;
         }) => T_1, fn: T_1 extends (...args: infer U_1) => infer Y | Promise<infer Y> ? (result: Y, ...args: U_1) => void : never): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
         onFailure<T_2 extends (...args: any) => any>(action: (actions: {
+            ensureLastTextDefinition(): void;
             addDefinition(definition: ContentDefinitionRegistration): void;
             setActiveDefinition(definition: ContentDefinitionRegistration): void;
             removeActiveDefinition(): void;
             setSelectedDefinition(definition: ContentDefinitionRegistration): void;
             removeSelectedDefinition(): void;
             setDragDropState(onGoingDragging: boolean): void;
+            updateColorSchema(definitionRegistration: ContentDefinitionRegistration, colorSchemaType: string): void;
+            toggleColorSchemaPreview(definitionRegistration: ContentDefinitionRegistration, colorSchemaType: string): void;
+            toggleDefinitionPreview(definitionRegistration: ContentDefinitionRegistration, newDefinitionId: Guid): void;
+            changeDefinition(definitionRegistration: ContentDefinitionRegistration, newDefinitionId: Guid, toggle?: boolean): void;
             updateDefinition(definition: ContentDefinitionRegistration, velcronDefinition: VelcronAppDefinition): void;
         }) => T_2, fn: T_2 extends (...args: infer U_2) => any ? (failureReason: any, ...args: U_2) => void : never): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
     } & {
+        ensureLastTextDefinition(): void;
         addDefinition(definition: ContentDefinitionRegistration): void;
         setActiveDefinition(definition: ContentDefinitionRegistration): void;
         removeActiveDefinition(): void;
         setSelectedDefinition(definition: ContentDefinitionRegistration): void;
         removeSelectedDefinition(): void;
         setDragDropState(onGoingDragging: boolean): void;
+        updateColorSchema(definitionRegistration: ContentDefinitionRegistration, colorSchemaType: string): void;
+        toggleColorSchemaPreview(definitionRegistration: ContentDefinitionRegistration, colorSchemaType: string): void;
+        toggleDefinitionPreview(definitionRegistration: ContentDefinitionRegistration, newDefinitionId: Guid): void;
+        changeDefinition(definitionRegistration: ContentDefinitionRegistration, newDefinitionId: Guid, toggle?: boolean): void;
         updateDefinition(definition: ContentDefinitionRegistration, velcronDefinition: VelcronAppDefinition): void;
     };
 };

package/internal-do-not-import-from-here/ux/velcron/components/definitionpicker/DefinitionPicker.d.ts

@@ -130,6 +130,8 @@ declare const _default: {
             readonly allowEdit?: boolean;
             readonly "allow-edit"?: boolean;
             readonly exclusions?: Guid[];
+            "onDefinition:enter"?: (id: Guid) => any;
+            "onDefinition:leave"?: (id: Guid) => any;
         };
         $attrs: {
             [x: string]: unknown;
@@ -142,7 +144,7 @@ declare const _default: {
         }>;
         $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: "update:modelValue", value: boolean) => void) & ((event: "selected", id: Guid) => void);
+        $emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "selected", id: Guid) => void) & ((event: "definition:enter", id: Guid) => void) & ((event: "definition:leave", id: Guid) => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             "v-slots": import("vue").Prop<{
@@ -250,9 +252,13 @@ declare const _default: {
         }>> & {
             "onUpdate:modelValue"?: (value: boolean) => any;
             onSelected?: (id: Guid) => any;
+            "onDefinition:enter"?: (id: Guid) => any;
+            "onDefinition:leave"?: (id: Guid) => any;
         }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             selected: (id: Guid) => any;
             "update:modelValue": (value: boolean) => any;
+            "definition:enter": (id: Guid) => any;
+            "definition:leave": (id: Guid) => any;
         }, string, {
             container?: any;
             blueprint?: any;
@@ -385,6 +391,8 @@ declare const _default: {
     }>> & {
         "onUpdate:modelValue"?: (value: boolean) => any;
         onSelected?: (id: Guid) => any;
+        "onDefinition:enter"?: (id: Guid) => any;
+        "onDefinition:leave"?: (id: Guid) => any;
     } & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
@@ -495,9 +503,13 @@ declare const _default: {
 }>> & {
     "onUpdate:modelValue"?: (value: boolean) => any;
     onSelected?: (id: Guid) => any;
+    "onDefinition:enter"?: (id: Guid) => any;
+    "onDefinition:leave"?: (id: Guid) => any;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     selected: (id: Guid) => any;
     "update:modelValue": (value: boolean) => any;
+    "definition:enter": (id: Guid) => any;
+    "definition:leave": (id: Guid) => any;
 }, string, {
     container?: any;
     blueprint?: any;
@@ -587,9 +599,11 @@ declare const _default: {
         allowEdit?: boolean;
         "allow-edit"?: boolean;
         exclusions?: Guid[];
-    }>, "onUpdate:modelValue" | "onSelected"> & {
+    }>, "onUpdate:modelValue" | "onSelected" | "onDefinition:enter" | "onDefinition:leave"> & {
         "onUpdate:modelValue"?: (value: boolean) => any;
         onSelected?: (id: Guid) => any;
+        "onDefinition:enter"?: (id: Guid) => any;
+        "onDefinition:leave"?: (id: Guid) => any;
     };
 };
 export default _default;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@omnia/fx",
   "license": "MIT",
-  "version": "8.0.23-dev",
+  "version": "8.0.24-dev",
   "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.23-dev",
+    "@omnia/fx-models": "8.0.24-dev",
     "@microsoft/signalr": "6.0.1",
     "broadcast-channel": "4.8.0",
     "dayjs": "1.10.7",