@omnia/fx 8.0.60-dev → 8.0.61-dev

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

@@ -7,6 +7,7 @@ export * from "./documenticon";
 export * from "./settings";
 export * from "./heading";
 export * from "./journey";
+export * from "./oxide";
 export * from "./app";
 export * from "./datetimepicker";
 export * from "./depricated-mediapicker";
@@ -73,8 +74,8 @@ export * from "./SidePanelContext";
 export * from "./ScrollHelper";
 export * from "./ListViewComponentBase";
 export { OmniaTheming } from "./OmniaTheming";
-export type { FocusOption, ClickOutOption, ScrollOption, LinkHandlerOptions, } from "./directives";
-export { FocusDirective, ClickOutDirective, ScrollDirective, LinkHandlerDirective, } from "./directives";
+export type { FocusOption, ScrollOption, LinkHandlerOptions, } from "./directives";
+export { FocusDirective, ScrollDirective, LinkHandlerDirective, } from "./directives";
 export { VueComponentBase, getVuetifyAppClasses, VueComponentConnect, } from "./VueComponentBase";
 export type { VueComponentBaseProps, VueComponentBaseEvents, } from "./VueComponentBase";
 export { defineVueComponent, definePropFunctionType, definePropObjectType, defineVue, createVueNode, getElementName, isElement } from "./InternalDefineComponent";

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

@@ -1,6 +1,7 @@
 import { ColorDefinition } from "../../velcron/core";
 export declare const AdminChromeStyles: {
     wrapper: (color: ColorDefinition) => string;
+    journeyContainer: string;
     backgroundIcon: string;
     omniaLogo: {
         wrapperCircle: string;

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

@@ -1,4 +1,3 @@
-export * from "./ClickOut";
 export type { FocusOption } from "./Focus";
 export { FocusDirective } from "./Focus";
 export * from "./Link";

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

@@ -54,6 +54,7 @@ export declare const velcronDocumentationCategories: {
 export declare const frameworkDocumentationCategories: {
     services: DocumentationCategory;
     components: DocumentationCategory;
+    directives: DocumentationCategory;
     store: DocumentationCategory;
     use: DocumentationCategory;
     theming: DocumentationCategory;

package/internal-do-not-import-from-here/ux/docs/omfx/directives/Introduction.md.d.ts

@@ -0,0 +1 @@
+export {};

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

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

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

@@ -3,3 +3,4 @@ export * from "./services";
 export * from "./stores";
 export * from "./components";
 export * from "./use";
+export * from "./directives";

package/internal-do-not-import-from-here/ux/oxide/image/Image.d.ts

@@ -2,14 +2,42 @@ declare const _default: {
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
         $data: {};
-        $props: Partial<{}> & Omit<{
+        $props: Partial<{
+            container?: any;
+            blueprint?: any;
+            colorSchemaType?: any;
+            blueprintType?: any;
+            colors?: any;
+        }> & Omit<{
+            readonly container?: any;
+            readonly blueprint?: any;
+            readonly colorSchemaType?: any;
+            readonly blueprintType?: any;
+            readonly colors?: any;
+            readonly class?: String | String[];
             readonly width?: number;
             readonly height?: number;
             readonly aspectRatio?: "default" | "landscape";
+            readonly maxHeight?: number;
+            readonly maxWidth?: number;
             readonly cover?: boolean;
             readonly alt?: string;
             readonly src?: string;
+            readonly "max-width"?: number;
+            readonly "max-height"?: number;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            "max-height": {
+                type: import("vue").PropType<number>;
+            };
+            maxHeight: {
+                type: import("vue").PropType<number>;
+            };
+            "max-width": {
+                type: import("vue").PropType<number>;
+            };
+            maxWidth: {
+                type: import("vue").PropType<number>;
+            };
             alt: {
                 type: import("vue").PropType<string>;
                 required: false;
@@ -30,7 +58,16 @@ declare const _default: {
             aspectRatio: {
                 type: import("vue").PropType<"default" | "landscape">;
             };
-        }>>, never>;
+            class: {
+                type: import("vue").PropType<String | String[]>;
+                required: boolean;
+            };
+            colorSchemaType?: any;
+            container?: any;
+            colors?: any;
+            blueprintType?: any;
+            blueprint?: any;
+        }>>, "container" | "blueprint" | "colorSchemaType" | "blueprintType" | "colors">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -45,6 +82,18 @@ declare const _default: {
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            "max-height": {
+                type: import("vue").PropType<number>;
+            };
+            maxHeight: {
+                type: import("vue").PropType<number>;
+            };
+            "max-width": {
+                type: import("vue").PropType<number>;
+            };
+            maxWidth: {
+                type: import("vue").PropType<number>;
+            };
             alt: {
                 type: import("vue").PropType<string>;
                 required: false;
@@ -65,7 +114,22 @@ declare const _default: {
             aspectRatio: {
                 type: import("vue").PropType<"default" | "landscape">;
             };
-        }>>, () => 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)[];
@@ -86,6 +150,18 @@ declare const _default: {
         $nextTick: typeof import("vue").nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
+        "max-height": {
+            type: import("vue").PropType<number>;
+        };
+        maxHeight: {
+            type: import("vue").PropType<number>;
+        };
+        "max-width": {
+            type: import("vue").PropType<number>;
+        };
+        maxWidth: {
+            type: import("vue").PropType<number>;
+        };
         alt: {
             type: import("vue").PropType<string>;
             required: false;
@@ -106,11 +182,32 @@ declare const _default: {
         aspectRatio: {
             type: import("vue").PropType<"default" | "landscape">;
         };
+        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;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    "max-height": {
+        type: import("vue").PropType<number>;
+    };
+    maxHeight: {
+        type: import("vue").PropType<number>;
+    };
+    "max-width": {
+        type: import("vue").PropType<number>;
+    };
+    maxWidth: {
+        type: import("vue").PropType<number>;
+    };
     alt: {
         type: import("vue").PropType<string>;
         required: false;
@@ -131,14 +228,40 @@ declare const _default: {
     aspectRatio: {
         type: import("vue").PropType<"default" | "landscape">;
     };
-}>>, () => 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[];
         width?: number;
         height?: number;
         aspectRatio?: "default" | "landscape";
+        maxHeight?: number;
+        maxWidth?: number;
         cover?: boolean;
         alt?: string;
         src?: string;
+        "max-width"?: number;
+        "max-height"?: number;
     }>, never>;
 };
 export default _default;

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

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

package/internal-do-not-import-from-here/ux/oxide/panel/Panel.css.d.ts

@@ -5,6 +5,6 @@ export declare const PanelStyles: {
     templateTitle: (variant: OPanelVariants, titelOnTopDivider: boolean, color: string, spacelessTop: boolean, spacelessBottom: boolean, paddings: OPaddingCombination) => string;
     dividerOnTitle: string;
     panelHoverBackground: (color: ColorDefinition) => string;
-    panelWrapper: (hide: boolean, variant: OPanelVariants, grow: boolean, grouped: boolean, scrollOffset: number, spacelessTop: boolean, spacelessBottom: boolean, hasLeftDivider: any, hasRightDivider: any, dark: boolean, paddings: OPaddingCombination) => string;
+    panelWrapper: (hide: boolean, variant: OPanelVariants, grow: boolean, grouped: boolean, spacelessTop: boolean, spacelessBottom: boolean, hasLeftDivider: any, hasRightDivider: any, dark: boolean, paddings: OPaddingCombination) => string;
     contentWrapper: (variant: OPanelVariants, flexDirection: OPanelDirections, wrap: boolean, alignX: OHorizontalAlignments, alignY: OVerticalAlignments, grouped: boolean, spacelessTop: boolean, spacelessBottom: boolean, paddings: OPaddingCombination) => string;
 };

package/internal-do-not-import-from-here/ux/oxide/panel/Panel.d.ts

@@ -33,11 +33,7 @@ declare const _default: {
             readonly spacelessTop?: boolean;
             readonly spacelessBottom?: boolean;
             readonly alignX?: "left" | "center" | "right";
-            readonly scrollOffset?: number;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-            scrollOffset: {
-                type: import("vue").PropType<number>;
-            };
             alignX: {
                 type: import("vue").PropType<"left" | "center" | "right">;
             };
@@ -112,9 +108,6 @@ declare const _default: {
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            scrollOffset: {
-                type: import("vue").PropType<number>;
-            };
             alignX: {
                 type: import("vue").PropType<"left" | "center" | "right">;
             };
@@ -201,9 +194,6 @@ declare const _default: {
         $nextTick: typeof import("vue").nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
-        scrollOffset: {
-            type: import("vue").PropType<number>;
-        };
         alignX: {
             type: import("vue").PropType<"left" | "center" | "right">;
         };
@@ -268,9 +258,6 @@ declare const _default: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    scrollOffset: {
-        type: import("vue").PropType<number>;
-    };
     alignX: {
         type: import("vue").PropType<"left" | "center" | "right">;
     };
@@ -361,7 +348,6 @@ declare const _default: {
         spacelessTop?: boolean;
         spacelessBottom?: boolean;
         alignX?: "left" | "center" | "right";
-        scrollOffset?: number;
     }>, never>;
 };
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/rangeslider/RangeSlider.d.ts

@@ -21,10 +21,10 @@ declare const _default: {
             readonly "v-model"?: [number, number];
             readonly modelValue?: [number, number];
             readonly variant?: "default" | "prominent";
+            readonly min?: string | number;
             readonly hint?: string;
             readonly persistentHint?: boolean;
             readonly max?: string | number;
-            readonly min?: string | number;
             readonly step?: string | number;
             readonly noThumbLabel?: boolean;
             readonly showTicks?: boolean | "always";
@@ -335,10 +335,10 @@ declare const _default: {
         "v-model"?: [number, number];
         modelValue?: [number, number];
         variant?: "default" | "prominent";
+        min?: string | number;
         hint?: string;
         persistentHint?: boolean;
         max?: string | number;
-        min?: string | number;
         step?: string | number;
         noThumbLabel?: boolean;
         showTicks?: boolean | "always";

package/internal-do-not-import-from-here/ux/oxide/scrollcontainer/ScrollContainer.css.d.ts

@@ -1,4 +1,3 @@
 export declare const ScrollContainerStyles: {
-    verticalScrolling: (scrolling: string, height: string) => string;
-    horizontalScrolling: (scrolling: string, width: string) => string;
+    scrollingStyles: (scrolling: string, height: string, width: string, noScrolling: boolean) => string;
 };

package/internal-do-not-import-from-here/ux/oxide/scrollcontainer/ScrollContainer.d.ts

@@ -1,17 +1,26 @@
 import { OScrollTypesCombination } from "@omnia/fx-models";
-declare const _default: {
+import { useScrollContainerStore } from "@omnia/fx/ux";
+declare const ScrollContainerComponent: {
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{}> & Omit<{
-            readonly scroll?: OScrollTypesCombination;
             readonly class?: String | String[];
-            readonly id?: string;
             readonly width?: string;
             readonly height?: string;
+            readonly disableScrolling?: boolean;
+            readonly scrolling?: OScrollTypesCombination;
+            readonly storeHook?: (store: ReturnType<typeof useScrollContainerStore>) => void;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-            scroll: {
+            scrolling: {
                 type: import("vue").PropType<OScrollTypesCombination>;
+                required: false;
+            };
+            storeHook: {
+                type: import("vue").PropType<(store: ReturnType<typeof useScrollContainerStore>) => void>;
+            };
+            disableScrolling: {
+                type: import("vue").PropType<boolean>;
             };
             width: {
                 type: import("vue").PropType<string>;
@@ -19,9 +28,6 @@ declare const _default: {
             height: {
                 type: import("vue").PropType<string>;
             };
-            id: {
-                type: import("vue").PropType<string>;
-            };
             class: {
                 type: import("vue").PropType<String | String[]>;
                 required: boolean;
@@ -41,8 +47,15 @@ declare const _default: {
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            scroll: {
+            scrolling: {
                 type: import("vue").PropType<OScrollTypesCombination>;
+                required: false;
+            };
+            storeHook: {
+                type: import("vue").PropType<(store: ReturnType<typeof useScrollContainerStore>) => void>;
+            };
+            disableScrolling: {
+                type: import("vue").PropType<boolean>;
             };
             width: {
                 type: import("vue").PropType<string>;
@@ -50,9 +63,6 @@ declare const _default: {
             height: {
                 type: import("vue").PropType<string>;
             };
-            id: {
-                type: import("vue").PropType<string>;
-            };
             class: {
                 type: import("vue").PropType<String | String[]>;
                 required: boolean;
@@ -78,8 +88,15 @@ declare const _default: {
         $nextTick: typeof import("vue").nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
-        scroll: {
+        scrolling: {
             type: import("vue").PropType<OScrollTypesCombination>;
+            required: false;
+        };
+        storeHook: {
+            type: import("vue").PropType<(store: ReturnType<typeof useScrollContainerStore>) => void>;
+        };
+        disableScrolling: {
+            type: import("vue").PropType<boolean>;
         };
         width: {
             type: import("vue").PropType<string>;
@@ -87,9 +104,6 @@ declare const _default: {
         height: {
             type: import("vue").PropType<string>;
         };
-        id: {
-            type: import("vue").PropType<string>;
-        };
         class: {
             type: import("vue").PropType<String | String[]>;
             required: boolean;
@@ -99,8 +113,15 @@ declare const _default: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    scroll: {
+    scrolling: {
         type: import("vue").PropType<OScrollTypesCombination>;
+        required: false;
+    };
+    storeHook: {
+        type: import("vue").PropType<(store: ReturnType<typeof useScrollContainerStore>) => void>;
+    };
+    disableScrolling: {
+        type: import("vue").PropType<boolean>;
     };
     width: {
         type: import("vue").PropType<string>;
@@ -108,20 +129,19 @@ declare const _default: {
     height: {
         type: import("vue").PropType<string>;
     };
-    id: {
-        type: import("vue").PropType<string>;
-    };
     class: {
         type: import("vue").PropType<String | String[]>;
         required: boolean;
     };
 }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{} & {
-        scroll?: OScrollTypesCombination;
         class?: String | String[];
-        id?: string;
         width?: string;
         height?: string;
+        disableScrolling?: boolean;
+        scrolling?: OScrollTypesCombination;
+        storeHook?: (store: ReturnType<typeof useScrollContainerStore>) => void;
     }>, never>;
 };
-export default _default;
+export default ScrollContainerComponent;
+export type ScrollContainerComponentTypings = typeof ScrollContainerComponent;

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

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

package/internal-do-not-import-from-here/ux/oxide/scrollcontainer/store/ScrollContainerStore.d.ts

@@ -0,0 +1,41 @@
+import { OScrollTypesCombination } from "@omnia/fx-models";
+export declare const useScrollContainerStore: () => {
+    state: {
+        elementRef: HTMLElement;
+        elementId: string;
+        disableScrolling: boolean;
+        height: string;
+        width: string;
+        scrolling: OScrollTypesCombination;
+    };
+    events: {
+        onMutatedElementRef: import("internal/fx/core").MessageBusExposeOnlySubscription<HTMLElement>;
+        onMutatedElementId: import("internal/fx/core").MessageBusExposeOnlySubscription<string>;
+        onMutatedDisableScrolling: import("internal/fx/core").MessageBusExposeOnlySubscription<boolean>;
+        onMutatedHeight: import("internal/fx/core").MessageBusExposeOnlySubscription<string>;
+        onMutatedWidth: import("internal/fx/core").MessageBusExposeOnlySubscription<string>;
+        onMutatedScrolling: import("internal/fx/core").MessageBusExposeOnlySubscription<OScrollTypesCombination>;
+    } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
+    actions: {
+        onDispatching<T extends (...args: any) => any>(action: (actions: {
+            setScrolling: (scroll: OScrollTypesCombination) => void;
+            scrollToStart: () => void;
+            scrollTo: (elementId: string, anchor?: "start" | "end") => 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: {
+            setScrolling: (scroll: OScrollTypesCombination) => void;
+            scrollToStart: () => void;
+            scrollTo: (elementId: string, anchor?: "start" | "end") => 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: {
+            setScrolling: (scroll: OScrollTypesCombination) => void;
+            scrollToStart: () => void;
+            scrollTo: (elementId: string, anchor?: "start" | "end") => void;
+        }) => T_2, fn: T_2 extends (...args: infer U_2) => any ? (failureReason: any, ...args: U_2) => void : never): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+    } & {
+        setScrolling: (scroll: OScrollTypesCombination) => void;
+        scrollToStart: () => void;
+        scrollTo: (elementId: string, anchor?: "start" | "end") => void;
+    };
+    get: {};
+};

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

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

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

@@ -21,10 +21,10 @@ declare const _default: {
             readonly "v-model"?: any;
             readonly modelValue?: any;
             readonly variant?: "default" | "prominent";
+            readonly min?: string | number;
             readonly hint?: string;
             readonly persistentHint?: boolean;
             readonly max?: string | number;
-            readonly min?: string | number;
             readonly step?: string | number;
             readonly noThumbLabel?: boolean;
             readonly showTicks?: boolean | "always";
@@ -347,10 +347,10 @@ declare const _default: {
         "v-model"?: any;
         modelValue?: any;
         variant?: "default" | "prominent";
+        min?: string | number;
         hint?: string;
         persistentHint?: boolean;
         max?: string | number;
-        min?: string | number;
         step?: string | number;
         noThumbLabel?: boolean;
         showTicks?: boolean | "always";

package/internal-do-not-import-from-here/ux/oxide/swiper/Swiper.d.ts

@@ -0,0 +1,106 @@
+import "swiper/css";
+import "swiper/css/navigation";
+import "swiper/css/pagination";
+import "swiper/css/scrollbar";
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<{
+            readonly "onUpdate:modelValue"?: (value: boolean) => any;
+            readonly "v-model"?: boolean;
+            readonly modelValue?: boolean;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            "onUpdate:modelValue": {
+                type: import("vue").PropType<(value: boolean) => any>;
+            };
+            "v-model": {
+                type: import("vue").PropType<boolean>;
+                required: false;
+            };
+            modelValue: {
+                type: import("vue").PropType<boolean>;
+                required: false;
+            };
+        }>>, never>;
+        $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<{
+            "onUpdate:modelValue": {
+                type: import("vue").PropType<(value: boolean) => any>;
+            };
+            "v-model": {
+                type: import("vue").PropType<boolean>;
+                required: false;
+            };
+            modelValue: {
+                type: import("vue").PropType<boolean>;
+                required: false;
+            };
+        }>>, () => 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<{
+        "onUpdate:modelValue": {
+            type: import("vue").PropType<(value: boolean) => any>;
+        };
+        "v-model": {
+            type: import("vue").PropType<boolean>;
+            required: false;
+        };
+        modelValue: {
+            type: import("vue").PropType<boolean>;
+            required: false;
+        };
+    }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    "onUpdate:modelValue": {
+        type: import("vue").PropType<(value: boolean) => any>;
+    };
+    "v-model": {
+        type: import("vue").PropType<boolean>;
+        required: false;
+    };
+    modelValue: {
+        type: import("vue").PropType<boolean>;
+        required: false;
+    };
+}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Omit<Readonly<{} & {
+        "onUpdate:modelValue"?: (value: boolean) => any;
+        "v-model"?: boolean;
+        modelValue?: boolean;
+    }>, never>;
+};
+export default _default;

package/internal-do-not-import-from-here/ux/oxide/swiper/docs/ExampleComponents.d.ts

@@ -0,0 +1 @@
+export declare const ExampleComponents: import("@omnia/fx/ux").DocumentationSpec;

package/internal-do-not-import-from-here/ux/oxide/swiper/docs/SampleComponent.d.ts

@@ -0,0 +1,46 @@
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{}>>, never>;
+        $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<{}>>, () => 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: Omit<Readonly<{} & {}>, never>;
+};
+export default _default;

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

@@ -0,0 +1 @@
+export declare const spec: import("@omnia/fx/ux").DocumentationSpec;

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

@@ -1,7 +1,6 @@
 import { ColorDefinition } from "@omnia/fx-models";
 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/timeperiodpicker/TimePeriodPicker.d.ts

@@ -70,8 +70,8 @@ declare const _default: {
             "onUpdate:modelValue"?: ((value: TimePeriodSettings) => any) & ((value: TimePeriodSettings) => any);
             readonly "v-model"?: TimePeriodSettings;
             readonly modelValue?: TimePeriodSettings;
-            readonly hideDetails?: boolean;
             readonly min?: number;
+            readonly hideDetails?: boolean;
             readonly "hide-details"?: boolean;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
             "hide-details": {
@@ -543,8 +543,8 @@ declare const _default: {
         "onUpdate:modelValue"?: (value: TimePeriodSettings) => any;
         "v-model"?: TimePeriodSettings;
         modelValue?: TimePeriodSettings;
-        hideDetails?: boolean;
         min?: number;
+        hideDetails?: boolean;
         "hide-details"?: boolean;
     }>, "onUpdate:modelValue"> & {
         "onUpdate:modelValue"?: (value: TimePeriodSettings) => any;

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

@@ -215,6 +215,7 @@ import wca19feddcd78b4065b7650162fd088379 from './ux/oxide/snackbar/Snackbar';
 import wcc26ccc7aeae04f76a062e83c6df302fc from './ux/oxide/spacer/Spacer';
 import wc7cc2d4feecde4174badc5797ba6fb53e from './ux/oxide/stepper/Stepper';
 import wca8c8ffd3d8ff46ee969d8fb6b9522104 from './ux/oxide/stepper/StepperStep';
+import wc8b0bddecd5d74fcba7aac87913137ca3 from './ux/oxide/swiper/Swiper';
 import wc31cc47b19e7d4c40b826f58d1c955a43 from './ux/oxide/switch/Switch';
 import wc7345c491927b43438d9f5e14f51fbfad from './ux/oxide/tab/Tabs';
 import wc8669930d609c497e8cde0c554621db88 from './ux/oxide/tab/Tab';
@@ -583,6 +584,7 @@ declare global {
             "o-spacer": typeof wcc26ccc7aeae04f76a062e83c6df302fc.propsDefinition & Omit<VueComponentBaseProps, keyof typeof wcc26ccc7aeae04f76a062e83c6df302fc.propsDefinition>;
             "o-stepper": typeof wc7cc2d4feecde4174badc5797ba6fb53e.propsDefinition & Omit<VueComponentBaseProps, keyof typeof wc7cc2d4feecde4174badc5797ba6fb53e.propsDefinition>;
             "o-stepper-step": typeof wca8c8ffd3d8ff46ee969d8fb6b9522104.propsDefinition & Omit<VueComponentBaseProps, keyof typeof wca8c8ffd3d8ff46ee969d8fb6b9522104.propsDefinition>;
+            "o-swiper": typeof wc8b0bddecd5d74fcba7aac87913137ca3.propsDefinition & Omit<VueComponentBaseProps, keyof typeof wc8b0bddecd5d74fcba7aac87913137ca3.propsDefinition>;
             "o-switch": typeof wc31cc47b19e7d4c40b826f58d1c955a43.propsDefinition & Omit<VueComponentBaseProps, keyof typeof wc31cc47b19e7d4c40b826f58d1c955a43.propsDefinition>;
             "o-tabs": typeof wc7345c491927b43438d9f5e14f51fbfad.propsDefinition & Omit<VueComponentBaseProps, keyof typeof wc7345c491927b43438d9f5e14f51fbfad.propsDefinition>;
             "o-tab": typeof wc8669930d609c497e8cde0c554621db88.propsDefinition & Omit<VueComponentBaseProps, keyof typeof wc8669930d609c497e8cde0c554621db88.propsDefinition>;
@@ -1813,6 +1815,11 @@ declare global {
                 $props: typeof wca8c8ffd3d8ff46ee969d8fb6b9522104.propsDefinition & Omit<VueComponentBaseProps, keyof typeof wca8c8ffd3d8ff46ee969d8fb6b9522104.propsDefinition>;
             };
         };
+        "OSwiper": {
+            new (...args: any[]): {
+                $props: typeof wc8b0bddecd5d74fcba7aac87913137ca3.propsDefinition & Omit<VueComponentBaseProps, keyof typeof wc8b0bddecd5d74fcba7aac87913137ca3.propsDefinition>;
+            };
+        };
         "OSwitch": {
             new (...args: any[]): {
                 $props: typeof wc31cc47b19e7d4c40b826f58d1c955a43.propsDefinition & Omit<VueComponentBaseProps, keyof typeof wc31cc47b19e7d4c40b826f58d1c955a43.propsDefinition>;

package/package.json

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

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

@@ -1,20 +0,0 @@
-export interface ClickOutOption {
-    /**
-    * trigger when clicked outside the current element
-    */
-    onClickOut?: () => void;
-    /**
-    * provide logic to check clicked outside ot not
-    */
-    closeConditional?: (e: HTMLElement) => boolean;
-    /**
-    * additional elements were passed to be included in check
-    */
-    includeElements?: Array<HTMLElement>;
-}
-export declare function ClickOutDirective(option?: ClickOutOption): {
-    name: string;
-    args: {
-        closeConditional: (e: any) => boolean;
-    };
-};