@omnia/fx 8.0.65-dev → 8.0.66-dev

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

@@ -1,5 +1,4 @@
 export { Navigation, Pagination, Scrollbar, A11y } from "swiper/modules";
-export { Swiper, SwiperSlide } from "swiper/vue";
 import "swiper/css";
 import "swiper/css/navigation";
 import "swiper/css/pagination";

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

@@ -1,8 +1,8 @@
 import { SubscriptionHandler } from "@omnia/fx";
-import { ComponentInjectOptions, ComponentObjectPropsOptions, ComponentOptions, ComponentOptionsBase, ComponentOptionsMixin, ComponentPropsOptions, ComputedOptions, CreateComponentPublicInstance, DefineComponent, EmitsOptions, ExtractDefaultPropTypes, MethodOptions, ObjectEmitsOptions, Prop, PropType, RenderFunction, Slot, SlotsType, VNode, VNodeArrayChildren, VNodeProps, VNodeTypes, computed, watch, watchEffect } from "vue";
+import { ComponentInjectOptions, ComponentObjectPropsOptions, ComponentOptions, ComponentOptionsBase, ComponentOptionsMixin, ComponentPropsOptions, ComputedOptions, CreateComponentPublicInstance, DefineComponent, EmitsOptions, ExtractDefaultPropTypes, MethodOptions, ObjectEmitsOptions, Prop, PropType, RenderFunction, Slot, SlotsType, VNode, VNodeArrayChildren, VNodeProps, VNodeTypes, watch, watchEffect } from "vue";
 import { LooseRequired, Prettify, UnionToIntersection } from "@vue/shared";
 import { ComponentBundleManifest, Directives, GuidValue, ThemeableComponentProps } from "@omnia/fx-models";
-import { IValidatorBase } from "./models/Validation";
+import { IValidator } from "./models/Validation";
 import { useBlueprintSetup } from "./use/UseBlueprintSetup";
 import { useColorSchemaSetup } from "./use/UseColorSchemaSetup";
 export declare function definePropFunctionType<T>(): PropType<T>;
@@ -115,35 +115,30 @@ type UseState = <T = any>(state?: T) => {
     state: T;
     setState(state: T): void;
 };
-type SetupContext<ExtractedPropsType, Props, E = EmitsOptions> = E extends any ? {
+type InternalSetupContext<ExtractedPropsType, Props, E = EmitsOptions> = {
     props: ExtractedPropsType;
     attrs: Data;
     slots: ExtractPropSlots<Props>;
     models?: Required<ExtractPropModels<Props>>;
     colors: ReturnType<typeof useColorSchemaSetup>;
     blueprints: ReturnType<typeof useBlueprintSetup>;
-    validator: IValidatorBase;
+    validator: IValidator;
     emit: EmitFn<E>;
     expose: (exposed?: Record<string, any>) => void;
     useState: UseState;
-    computed: typeof computed;
     watch: typeof watch;
     watchEffect: typeof watchEffect;
     subscriptions: SubscriptionHandler;
-} : never;
+};
+export type SetupContext<TProp, E extends EmitsOptions = {}> = InternalSetupContext<TProp, TProp, E>;
 interface ComponentOptionsBaseExtends<Props, RawBindings, D, C extends ComputedOptions, M extends MethodOptions, Mixin extends ComponentOptionsMixin, Extends extends ComponentOptionsMixin, E extends EmitsOptions, EE extends string = string, Defaults = {}, I extends ComponentInjectOptions = {}, II extends string = string> extends ComponentOptionsBase<ExcludeJsxPropKeys<Props>, RawBindings, D, C, M, Mixin, Extends, E, EE, Defaults, I, II> {
-    setup?: (this: void, ctx: SetupContext<LooseRequired<ExcludeJsxPropKeys<Props> & Prettify<UnwrapMixinsType<IntersectionMixin<Mixin> & IntersectionMixin<Extends>, "P">>>, Props, E>) => Promise<RawBindings> | RawBindings | RenderFunction | void;
+    setup?: (this: void, ctx: InternalSetupContext<LooseRequired<ExcludeJsxPropKeys<Props> & Prettify<UnwrapMixinsType<IntersectionMixin<Mixin> & IntersectionMixin<Extends>, "P">>>, Props, E>) => Promise<RawBindings> | RawBindings | RenderFunction | void;
 }
-export declare function defineVueComponent<Props extends Record<string, any>, E extends EmitsOptions = {}, EE extends string = string, S extends SlotsType = {}>(setup: (ctx: SetupContext<Props, E, S>) => RenderFunction | Promise<RenderFunction>, options?: Pick<ComponentOptions, "name" | "inheritAttrs"> & {
+export declare function defineVueComponent<Props extends Record<string, any>, E extends EmitsOptions = {}, EE extends string = string, S extends SlotsType = {}>(setup: (ctx: SetupContext<Props, E>) => RenderFunction | Promise<RenderFunction>, options?: Pick<ComponentOptions, "name" | "inheritAttrs"> & {
     props?: (keyof Props)[];
     emits?: E | EE[];
     slots?: S;
-}, register?: (manifest: ComponentBundleManifest, component: TsxComponentV3<Props, {}, {}, {}, {}, {}, {}, E, EE>) => void): TsxComponentV3<Props, {}, {}, {}, {}, {}, {}, E, EE>;
-export declare function defineVueComponent<Props extends Record<string, any>, E extends EmitsOptions = {}, EE extends string = string, S extends SlotsType = {}>(setup: (ctx: SetupContext<Props, E, S>) => RenderFunction | Promise<RenderFunction>, options?: Pick<ComponentOptions, "name" | "inheritAttrs"> & {
-    props?: ComponentObjectPropsOptions<Props>;
-    emits?: E | EE[];
-    slots?: S;
-}, register?: (manifest: ComponentBundleManifest, component: TsxComponentV3<Props, {}, {}, {}, {}, {}, {}, E, EE>) => void): TsxComponentV3<Props, {}, {}, {}, {}, {}, {}, E, EE>;
+}, register?: (manifest: ComponentBundleManifest, component: TsxComponentV3<Props, {}, {}, {}, {}, {}, {}, E, EE>) => void): (props: Props & EmitsToProps<E>) => any;
 export declare function defineVueComponent<Props = {}, RawBindings = {}, D = {}, C extends ComputedOptions = {}, M extends MethodOptions = {}, Mixin extends ComponentOptionsMixin = ComponentOptionsMixin, Extends extends ComponentOptionsMixin = ComponentOptionsMixin, E extends EmitsOptions = {}, EE extends string = string, I extends ComponentInjectOptions = {}, II extends string = string>(options: ComponentOptionsWithoutProps<Props, RawBindings, D, C, M, Mixin, Extends, E, EE, I, II>, register?: (manifest: ComponentBundleManifest, component: TsxComponentV3<Props, RawBindings, D, C, M, Mixin, Extends, E, EE>) => void): TsxComponentV3<Props, RawBindings, D, C, M, Mixin, Extends, E, EE>;
 export declare function defineVueComponent<Props extends Object, RawBindings = {}, D = {}, C extends ComputedOptions = {}, M extends MethodOptions = {}, Mixin extends ComponentOptionsMixin = ComponentOptionsMixin, Extends extends ComponentOptionsMixin = ComponentOptionsMixin, E extends EmitsOptions = {}, EE extends string = string, I extends ComponentInjectOptions = {}, II extends string = string>(options: ComponentOptionsWithObjectPropsCustom<ComponentObjectPropsOptions<Props>, RawBindings, D, C, M, Mixin, Extends, E, EE, I, II>, register?: (manifest: ComponentBundleManifest, component: TsxComponentV3<Props, RawBindings, D, C, M, Mixin, Extends, E, EE>) => void): TsxComponentV3<RemoveDefinePropApi<ComponentObjectPropsOptions<Props>>, RawBindings, D, C, M, Mixin, Extends, E, EE>;
 export declare function defineVueComponent<PropNames extends string, RawBindings, D, C extends ComputedOptions = {}, M extends MethodOptions = {}, Mixin extends ComponentOptionsMixin = ComponentOptionsMixin, Extends extends ComponentOptionsMixin = ComponentOptionsMixin, E extends EmitsOptions = {}, EE extends string = string, I extends ComponentInjectOptions = {}, II extends string = string>(options: ComponentOptionsWithArrayProps<PropNames, RawBindings, D, C, M, Mixin, Extends, E, EE, I, II>, register?: (manifest: ComponentBundleManifest, component: TsxComponentV3<Readonly<{

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

@@ -1229,6 +1229,7 @@ export interface OmniaUxLocalization {
             Hero: string;
             Tab: string;
             PlaceHolder: string;
+            Slider: string;
         };
         DisplayBreakPoints: {
             ExtraSmall: string;

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

@@ -9,27 +9,39 @@ export declare const useMyStore: () => {
 export declare const useMyActionStore: () => {
     state: {
         title: string;
+        description: string;
     };
     events: {
         onMutatedTitle: import("../../../../..").MessageBusExposeOnlySubscription<string>;
+        onMutatedDescription: import("../../../../..").MessageBusExposeOnlySubscription<string>;
     } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
     actions: {
         onDispatching: {
             setMyTitle: {
                 subscribe(fn: (value: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
+            setMyDescriptionAsync: {
+                subscribe(fn: (value: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
         };
         onDispatched: {
             setMyTitle: {
                 subscribe(fn: (result: void, value: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
+            setMyDescriptionAsync: {
+                subscribe(fn: (result: string, value: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
         };
         onFailure: {
             setMyTitle: {
                 subscribe(fn: (failureReason: any, value: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
+            setMyDescriptionAsync: {
+                subscribe(fn: (failureReason: any, value: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
         };
     } & {
         setMyTitle(value: string): void;
+        setMyDescriptionAsync(value: string): Promise<string>;
     };
 };

package/internal-do-not-import-from-here/ux/editorchrome/action_toolbar/ActionToolbar.d.ts

@@ -1,3 +1,4 @@
+import "./ActionToolbar.css";
 declare const _default: {
     new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
         styles: {

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

@@ -27,7 +27,7 @@ declare const _default: {
     }>> & {
         onHandleFeatureAction?: (action: string, featureId: GuidValue) => any;
     }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        handleFeatureAction: (action: string, featureId: GuidValue) => boolean;
+        handleFeatureAction: (action: string, featureId: GuidValue) => true;
     }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
         "target-resolver-type": {
             type: import("vue").PropType<string>;
@@ -85,7 +85,7 @@ declare const _default: {
 }>> & {
     onHandleFeatureAction?: (action: string, featureId: GuidValue) => any;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    handleFeatureAction: (action: string, featureId: GuidValue) => boolean;
+    handleFeatureAction: (action: string, featureId: GuidValue) => true;
 }, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{} & {
         appInstanceId?: GuidValue;

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

@@ -16,7 +16,7 @@ declare const _default: {
     }>> & {
         onInstanceClosed?: () => any;
     }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        instanceClosed: () => boolean;
+        instanceClosed: () => true;
     }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
         "target-resolver-type": {
             type: import("vue").PropType<string>;
@@ -74,7 +74,7 @@ declare const _default: {
 }>> & {
     onInstanceClosed?: () => any;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    instanceClosed: () => boolean;
+    instanceClosed: () => true;
 }, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{} & {
         appInstanceId?: GuidValue;

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

@@ -14,7 +14,7 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
         };
         singleSelect: {
-            type: import("vue").PropType<"small" | "default" | "x-small">;
+            type: import("vue").PropType<boolean>;
         };
         size: {
             type: import("vue").PropType<"small" | "default" | "x-small">;
@@ -64,7 +64,7 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
         };
         singleSelect: {
-            type: import("vue").PropType<"small" | "default" | "x-small">;
+            type: import("vue").PropType<boolean>;
         };
         size: {
             type: import("vue").PropType<"small" | "default" | "x-small">;
@@ -123,7 +123,7 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
         };
         singleSelect: {
-            type: import("vue").PropType<"small" | "default" | "x-small">;
+            type: import("vue").PropType<boolean>;
         };
         size: {
             type: import("vue").PropType<"small" | "default" | "x-small">;
@@ -179,7 +179,7 @@ declare const _default: {
         type: import("vue").PropType<boolean>;
     };
     singleSelect: {
-        type: import("vue").PropType<"small" | "default" | "x-small">;
+        type: import("vue").PropType<boolean>;
     };
     size: {
         type: import("vue").PropType<"small" | "default" | "x-small">;
@@ -243,7 +243,7 @@ declare const _default: {
             itemRendering?: (element: VNodeChild, item: FilterPickerFilter) => VNodeChild;
         };
         sortable?: boolean;
-        singleSelect?: "small" | "default" | "x-small";
+        singleSelect?: boolean;
     }>, "onUpdate:modelValue" | "onItem:removed" | "onItem:sorted"> & {
         "onUpdate:modelValue"?: (value: FilterPickerFilter[]) => any;
         "onItem:removed"?: (value: FilterPickerFilter) => any;

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

@@ -107,9 +107,9 @@ declare const _default: {
         } & {
             avatar?: () => JSX.Element;
         };
+        count?: number;
         "channel-id"?: ChannelId;
         sender?: ActivitySender;
-        count?: number;
     }>, never>;
 };
 export default _default;

package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutitemsrenderer/LayoutBlockRenderer.d.ts

@@ -152,7 +152,6 @@ declare const _default: {
     blockInstanceCreated: (blockInstance: any) => any;
     blockInstanceCacheKeyUpdated: (blockInstance: any) => any;
 }, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    /**What should be here???? */
     propsDefinition: Omit<Readonly<{} & {
         block?: Block;
         themeTargetId?: string;

package/internal-do-not-import-from-here/ux/layoutcanvas/shared/styles/SharedRendererStyles.css.d.ts

@@ -37,7 +37,6 @@ export declare function useSharedRendererStyles(): {
         getStylesForSpacingInContainer: (sectionSettings: SectionSettings, fullHeight: boolean) => string;
         createMediaBreakPointForDevice: (sectionSettings: SectionSettings, deviceBreakPoint: DisplayBreakPoint) => types.NestedCSSProperties;
         getStylesForMarginCollapsAndSpacing: (sectionSettings: SectionSettings) => string;
-        setScrollContainer: (containerId: string, referenceElementIds: string[]) => void;
     };
     tabs: {
         alignTextAndIcon: (settings: TabbedSectionSettings, iconAndText: boolean) => string;

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

@@ -2,18 +2,16 @@ export declare const ValidationOnDefinitions: readonly ["lazy", "input", "blur",
 export type ValidationOnTypes = typeof ValidationOnDefinitions[number];
 export type ValidationResult = string | boolean;
 export type ValidationRule = ((value: any) => ValidationResult) | ((value: any) => PromiseLike<ValidationResult>);
-export interface IValidationScope {
+export interface IValidator {
     validate(): Promise<boolean>;
     resetValidation(): void;
-}
-export interface IValidatorBase extends IValidationScope {
     createRules(): IValidationRuleBuilder;
     overrideValidate(func: () => Promise<boolean>): any;
     overrideResetValidation(func: () => void): void;
 }
-export interface IPublicValidator extends IValidatorBase {
-    register(validation: IValidationScope): any;
-    unregister(validation: IValidationScope): any;
+export interface IValidatorRegistration extends IValidator {
+    register(validation: IValidator): any;
+    unregister(validation: IValidator): any;
     destroy(): any;
 }
 export interface IValidationRuleBuilder {
@@ -27,7 +25,7 @@ export interface IValidationRuleBuilder {
     custom<T>(this: T, callback: ((value: any) => ValidationResult) | ((value: any) => PromiseLike<ValidationResult>)): Omit<T, "custom">;
     done(): ValidationRule[];
 }
-export interface IInternalValidator extends IPublicValidator {
+export interface IInternalValidator extends IValidatorRegistration {
     builtinValidate(): Promise<boolean>;
     builtinResetValidation(): void;
 }

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

@@ -51,6 +51,6 @@ export * from "./SharePointVideoSettingsStyles";
 export * from "./AppLayoutPlaceHolder";
 export * from "./DataTable";
 export * from "./Directives";
-export { ValidationOnDefinitions, type IValidationRuleBuilder, type IValidationScope, type IValidatorBase as IValidator, type ValidationRule, type ValidationResult } from "./Validation";
+export { ValidationOnDefinitions, type IValidationRuleBuilder, type IValidator, type ValidationRule, type ValidationResult } from "./Validation";
 export type { ValidationOnTypes } from "./Validation";
 export * from "./SpecialUserConfiguration";

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

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

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

@@ -12,12 +12,23 @@ declare const _default: {
         disableScrolling: {
             type: import("vue").PropType<boolean>;
         };
+        toned: {
+            type: import("vue").PropType<boolean>;
+        };
+        filled: {
+            type: import("vue").PropType<boolean>;
+        };
         width: {
             type: import("vue").PropType<string>;
         };
         height: {
             type: import("vue").PropType<string>;
         };
+        colorSchemaType?: any;
+        container?: any;
+        colors?: any;
+        blueprintType?: any;
+        blueprint?: any;
         class: {
             type: import("vue").PropType<String | String[]>;
             required: boolean;
@@ -33,17 +44,34 @@ declare const _default: {
         disableScrolling: {
             type: import("vue").PropType<boolean>;
         };
+        toned: {
+            type: import("vue").PropType<boolean>;
+        };
+        filled: {
+            type: import("vue").PropType<boolean>;
+        };
         width: {
             type: import("vue").PropType<string>;
         };
         height: {
             type: import("vue").PropType<string>;
         };
+        colorSchemaType?: any;
+        container?: any;
+        colors?: any;
+        blueprintType?: any;
+        blueprint?: any;
         class: {
             type: import("vue").PropType<String | String[]>;
             required: boolean;
         };
-    }>>, {}, true, {}, {}, {
+    }>>, {
+        container?: any;
+        blueprint?: any;
+        colorSchemaType?: any;
+        blueprintType?: any;
+        colors?: any;
+    }, true, {}, {}, {
         P: {};
         B: {};
         D: {};
@@ -61,17 +89,34 @@ declare const _default: {
         disableScrolling: {
             type: import("vue").PropType<boolean>;
         };
+        toned: {
+            type: import("vue").PropType<boolean>;
+        };
+        filled: {
+            type: import("vue").PropType<boolean>;
+        };
         width: {
             type: import("vue").PropType<string>;
         };
         height: {
             type: import("vue").PropType<string>;
         };
+        colorSchemaType?: any;
+        container?: any;
+        colors?: any;
+        blueprintType?: any;
+        blueprint?: any;
         class: {
             type: import("vue").PropType<String | String[]>;
             required: boolean;
         };
-    }>>, () => JSX.Element, {}, {}, {}, {}>;
+    }>>, () => JSX.Element, {}, {}, {}, {
+        container?: any;
+        blueprint?: any;
+        colorSchemaType?: any;
+        blueprintType?: any;
+        colors?: any;
+    }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -86,21 +131,46 @@ declare const _default: {
     disableScrolling: {
         type: import("vue").PropType<boolean>;
     };
+    toned: {
+        type: import("vue").PropType<boolean>;
+    };
+    filled: {
+        type: import("vue").PropType<boolean>;
+    };
     width: {
         type: import("vue").PropType<string>;
     };
     height: {
         type: import("vue").PropType<string>;
     };
+    colorSchemaType?: any;
+    container?: any;
+    colors?: any;
+    blueprintType?: any;
+    blueprint?: any;
     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<{} & {
+}>>, () => 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?: string;
         height?: string;
+        filled?: boolean;
+        toned?: boolean;
         disableScrolling?: boolean;
         scrolling?: OScrollTypesCombination;
         storeHook?: (store: ReturnType<typeof useScrollContainerStore>) => void;

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

@@ -27,6 +27,9 @@ export declare const useScrollContainerStore: () => {
             setScrolling: {
                 subscribe(fn: (scrolling: OScrollTypesCombination) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
+            calculateScrollHeight: {
+                subscribe(fn: (referenceElementIds: string[]) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
             scrollToStart: {
                 subscribe(fn: () => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
@@ -44,6 +47,9 @@ export declare const useScrollContainerStore: () => {
             setScrolling: {
                 subscribe(fn: (result: void, scrolling: OScrollTypesCombination) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
+            calculateScrollHeight: {
+                subscribe(fn: (result: void, referenceElementIds: string[]) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
             scrollToStart: {
                 subscribe(fn: (result: void) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
@@ -61,6 +67,9 @@ export declare const useScrollContainerStore: () => {
             setScrolling: {
                 subscribe(fn: (failureReason: any, scrolling: OScrollTypesCombination) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
+            calculateScrollHeight: {
+                subscribe(fn: (failureReason: any, referenceElementIds: string[]) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
             scrollToStart: {
                 subscribe(fn: (failureReason: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
@@ -72,6 +81,7 @@ export declare const useScrollContainerStore: () => {
         setHeight: (height: string) => void;
         setWidth: (width: string) => void;
         setScrolling: (scrolling: OScrollTypesCombination) => void;
+        calculateScrollHeight: (referenceElementIds: string[]) => void;
         scrollToStart: () => void;
         scrollTo: (elementId: string, anchor?: "start" | "end") => void;
     };

package/internal-do-not-import-from-here/ux/oxide/slidepanel/SlidePanel.css.d.ts

@@ -0,0 +1,4 @@
+import { ColorDefinition } from "@omnia/fx-models";
+export declare const SwiperStyles: {
+    swiperContainer: (color: ColorDefinition) => string;
+};

package/internal-do-not-import-from-here/ux/oxide/{swiper/Swiper.d.ts → slidepanel/SlidePanel.d.ts}

@@ -1,37 +1,74 @@
+import { useSlidePanelStore } from "@omnia/fx/ux";
 declare const _default: {
     new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        storeHook: {
+            type: import("vue").PropType<(store: ReturnType<typeof useSlidePanelStore>) => void>;
+        };
         slideSpacing: {
             type: import("vue").PropType<number>;
         };
         slidesPerView: {
             type: import("vue").PropType<number>;
         };
+        delay: {
+            type: import("vue").PropType<number>;
+            required: false;
+        };
         scrollbar: {
             type: import("vue").PropType<boolean>;
         };
+        autoplay: {
+            type: import("vue").PropType<boolean>;
+        };
         pagination: {
             type: import("vue").PropType<boolean>;
         };
         navigation: {
             type: import("vue").PropType<boolean>;
         };
+        colorSchemaType?: any;
+        container?: any;
+        colors?: any;
+        blueprintType?: any;
+        blueprint?: any;
     }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        storeHook: {
+            type: import("vue").PropType<(store: ReturnType<typeof useSlidePanelStore>) => void>;
+        };
         slideSpacing: {
             type: import("vue").PropType<number>;
         };
         slidesPerView: {
             type: import("vue").PropType<number>;
         };
+        delay: {
+            type: import("vue").PropType<number>;
+            required: false;
+        };
         scrollbar: {
             type: import("vue").PropType<boolean>;
         };
+        autoplay: {
+            type: import("vue").PropType<boolean>;
+        };
         pagination: {
             type: import("vue").PropType<boolean>;
         };
         navigation: {
             type: import("vue").PropType<boolean>;
         };
-    }>>, {}, true, {}, {}, {
+        colorSchemaType?: any;
+        container?: any;
+        colors?: any;
+        blueprintType?: any;
+        blueprint?: any;
+    }>>, {
+        container?: any;
+        blueprint?: any;
+        colorSchemaType?: any;
+        blueprintType?: any;
+        colors?: any;
+    }, true, {}, {}, {
         P: {};
         B: {};
         D: {};
@@ -39,46 +76,97 @@ declare const _default: {
         M: {};
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
+        storeHook: {
+            type: import("vue").PropType<(store: ReturnType<typeof useSlidePanelStore>) => void>;
+        };
         slideSpacing: {
             type: import("vue").PropType<number>;
         };
         slidesPerView: {
             type: import("vue").PropType<number>;
         };
+        delay: {
+            type: import("vue").PropType<number>;
+            required: false;
+        };
         scrollbar: {
             type: import("vue").PropType<boolean>;
         };
+        autoplay: {
+            type: import("vue").PropType<boolean>;
+        };
         pagination: {
             type: import("vue").PropType<boolean>;
         };
         navigation: {
             type: import("vue").PropType<boolean>;
         };
-    }>>, () => JSX.Element, {}, {}, {}, {}>;
+        colorSchemaType?: any;
+        container?: any;
+        colors?: any;
+        blueprintType?: any;
+        blueprint?: any;
+    }>>, () => JSX.Element, {}, {}, {}, {
+        container?: any;
+        blueprint?: any;
+        colorSchemaType?: any;
+        blueprintType?: any;
+        colors?: any;
+    }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    storeHook: {
+        type: import("vue").PropType<(store: ReturnType<typeof useSlidePanelStore>) => void>;
+    };
     slideSpacing: {
         type: import("vue").PropType<number>;
     };
     slidesPerView: {
         type: import("vue").PropType<number>;
     };
+    delay: {
+        type: import("vue").PropType<number>;
+        required: false;
+    };
     scrollbar: {
         type: import("vue").PropType<boolean>;
     };
+    autoplay: {
+        type: import("vue").PropType<boolean>;
+    };
     pagination: {
         type: import("vue").PropType<boolean>;
     };
     navigation: {
         type: import("vue").PropType<boolean>;
     };
-}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Omit<Readonly<{} & {
+    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;
+    } & {
         navigation?: boolean;
         scrollbar?: boolean;
+        storeHook?: (store: ReturnType<typeof useSlidePanelStore>) => void;
         pagination?: boolean;
+        autoplay?: boolean;
+        delay?: number;
         slidesPerView?: number;
         slideSpacing?: number;
     }>, never>;

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

@@ -0,0 +1,16 @@
+declare const _default: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{}>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{}>>, {}, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{}>>, () => JSX.Element, {}, {}, {}, {}>;
+    __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/slidepanel/index.d.ts

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

package/internal-do-not-import-from-here/ux/oxide/slidepanel/store/SlidePanelStore.d.ts

@@ -0,0 +1,45 @@
+import { Swiper } from "swiper/types";
+export declare const useSlidePanelStore: () => {
+    state: {};
+    events: {} & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
+    actions: {
+        onDispatching: {
+            init: {
+                subscribe(fn: (swiperObj: Swiper) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+            nextSlide: {
+                subscribe(fn: () => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+            prevSlide: {
+                subscribe(fn: () => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+        };
+        onDispatched: {
+            init: {
+                subscribe(fn: (result: void, swiperObj: Swiper) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+            nextSlide: {
+                subscribe(fn: (result: void) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+            prevSlide: {
+                subscribe(fn: (result: void) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+        };
+        onFailure: {
+            init: {
+                subscribe(fn: (failureReason: any, swiperObj: Swiper) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+            nextSlide: {
+                subscribe(fn: (failureReason: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+            prevSlide: {
+                subscribe(fn: (failureReason: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+        };
+    } & {
+        init: (swiperObj: Swiper) => void;
+        nextSlide: () => void;
+        prevSlide: () => void;
+    };
+    get: {};
+};

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

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

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

@@ -1,6 +1,6 @@
-import { IInternalValidator, IPublicValidator, IValidatorBase } from "../models/Validation";
-export declare function createValidator(): IPublicValidator;
+import { IInternalValidator, IValidatorRegistration, IValidator } from "../models/Validation";
+export declare function createValidator(): IValidatorRegistration;
 export declare function useInternalValidator(): {
-    setValidator: (validator: IValidatorBase) => void;
+    setValidator: (validator: IValidator) => void;
     validator: IInternalValidator;
 };

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

@@ -211,13 +211,13 @@ import wc4c41fd8799ae43468150fd47661e8100 from './ux/oxide/rating/Rating';
 import wc177587e103904861b5d4d491388a01b1 from './ux/oxide/scrollcontainer/ScrollContainer';
 import wc578e2a4d5cd247a4b1291911256253a7 from './ux/oxide/select/Select';
 import wc2ade92721b3c426fac97c63026f77351 from './ux/oxide/skeletonloader/SkeletonLoader';
+import wc8b0bddecd5d74fcba7aac87913137ca3 from './ux/oxide/slidepanel/SlidePanel';
+import wc3fa834509fe3419fb005e2dd17325449 from './ux/oxide/slidepanel/Slide';
 import wcd108fdde5ca942d7ae92195eb74b5452 from './ux/oxide/slider/Slider';
 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 wc3fa834509fe3419fb005e2dd17325449 from './ux/oxide/swiper/SwiperSlide';
 import wc31cc47b19e7d4c40b826f58d1c955a43 from './ux/oxide/switch/Switch';
 import wc7345c491927b43438d9f5e14f51fbfad from './ux/oxide/tab/Tabs';
 import wc8669930d609c497e8cde0c554621db88 from './ux/oxide/tab/Tab';
@@ -273,6 +273,7 @@ import wc41f1eb15438a488b8b227b1ff31ca66f from './ux/layoutcanvas/editor/develop
 import wcd89913a1055942b38285fcab85751865 from './ux/layoutcanvas/editor/devicepreviewer/DevicePreviewer';
 import wcac5f615df97543cf97b3ae930ba113d0 from './ux/mediagallery/gallerydialogproviders/slider/Slider';
 import wc12d1bca1d50b4186acd50014584389c9 from './ux/mediagallery/galleryviewproviders/photowall/PhotoWall';
+import wcca498a9d23e947afa4c5695f01ba7959 from './ux/oxide/slidepanel/block/SlidePanelBlock';
 import wc916c23c53dbf4d5a8e421e9449c6b203 from './ux/properties/builtins/birthday/BirthdayDisplay';
 import wc644e39fe6d4f4e23b1777aefd9c23939 from './ux/properties/builtins/birthday/BirthdayEditor';
 import wcf61d06a945754742a1896847765fbea5 from './ux/properties/builtins/boolean/BooleanDisplay';
@@ -582,13 +583,13 @@ declare global {
             "o-scroll-container": typeof wc177587e103904861b5d4d491388a01b1.propsDefinition & Omit<VueComponentBaseProps, keyof typeof wc177587e103904861b5d4d491388a01b1.propsDefinition>;
             "o-select": typeof wc578e2a4d5cd247a4b1291911256253a7.propsDefinition & Omit<VueComponentBaseProps, keyof typeof wc578e2a4d5cd247a4b1291911256253a7.propsDefinition>;
             "o-skeleton-loader": typeof wc2ade92721b3c426fac97c63026f77351.propsDefinition & Omit<VueComponentBaseProps, keyof typeof wc2ade92721b3c426fac97c63026f77351.propsDefinition>;
+            "o-slide-panel": typeof wc8b0bddecd5d74fcba7aac87913137ca3.propsDefinition & Omit<VueComponentBaseProps, keyof typeof wc8b0bddecd5d74fcba7aac87913137ca3.propsDefinition>;
+            "o-slide": typeof wc3fa834509fe3419fb005e2dd17325449.propsDefinition & Omit<VueComponentBaseProps, keyof typeof wc3fa834509fe3419fb005e2dd17325449.propsDefinition>;
             "o-slider": typeof wcd108fdde5ca942d7ae92195eb74b5452.propsDefinition & Omit<VueComponentBaseProps, keyof typeof wcd108fdde5ca942d7ae92195eb74b5452.propsDefinition>;
             "o-snackbar": typeof wca19feddcd78b4065b7650162fd088379.propsDefinition & Omit<VueComponentBaseProps, keyof typeof wca19feddcd78b4065b7650162fd088379.propsDefinition>;
             "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-swiper-slide": typeof wc3fa834509fe3419fb005e2dd17325449.propsDefinition & Omit<VueComponentBaseProps, keyof typeof wc3fa834509fe3419fb005e2dd17325449.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>;
@@ -644,6 +645,7 @@ declare global {
             "omfx-device-previewer": typeof wcd89913a1055942b38285fcab85751865.propsDefinition & Omit<VueComponentBaseProps, keyof typeof wcd89913a1055942b38285fcab85751865.propsDefinition>;
             "omniafx-media-gallery-dialog-slider": typeof wcac5f615df97543cf97b3ae930ba113d0.propsDefinition & Omit<VueComponentBaseProps, keyof typeof wcac5f615df97543cf97b3ae930ba113d0.propsDefinition>;
             "omniafx-media-gallery-display-photowall": typeof wc12d1bca1d50b4186acd50014584389c9.propsDefinition & Omit<VueComponentBaseProps, keyof typeof wc12d1bca1d50b4186acd50014584389c9.propsDefinition>;
+            "omfx-slidepanel-block": typeof wcca498a9d23e947afa4c5695f01ba7959.propsDefinition & Omit<VueComponentBaseProps, keyof typeof wcca498a9d23e947afa4c5695f01ba7959.propsDefinition>;
             "omfx-properties-birthday-display": typeof wc916c23c53dbf4d5a8e421e9449c6b203.propsDefinition & Omit<VueComponentBaseProps, keyof typeof wc916c23c53dbf4d5a8e421e9449c6b203.propsDefinition>;
             "omfx-properties-birthday-editor": typeof wc644e39fe6d4f4e23b1777aefd9c23939.propsDefinition & Omit<VueComponentBaseProps, keyof typeof wc644e39fe6d4f4e23b1777aefd9c23939.propsDefinition>;
             "omfx-properties-boolean-display": typeof wcf61d06a945754742a1896847765fbea5.propsDefinition & Omit<VueComponentBaseProps, keyof typeof wcf61d06a945754742a1896847765fbea5.propsDefinition>;
@@ -1799,6 +1801,16 @@ declare global {
                 $props: typeof wc2ade92721b3c426fac97c63026f77351.propsDefinition & Omit<VueComponentBaseProps, keyof typeof wc2ade92721b3c426fac97c63026f77351.propsDefinition>;
             };
         };
+        "OSlidePanel": {
+            new (...args: any[]): {
+                $props: typeof wc8b0bddecd5d74fcba7aac87913137ca3.propsDefinition & Omit<VueComponentBaseProps, keyof typeof wc8b0bddecd5d74fcba7aac87913137ca3.propsDefinition>;
+            };
+        };
+        "OSlide": {
+            new (...args: any[]): {
+                $props: typeof wc3fa834509fe3419fb005e2dd17325449.propsDefinition & Omit<VueComponentBaseProps, keyof typeof wc3fa834509fe3419fb005e2dd17325449.propsDefinition>;
+            };
+        };
         "OSlider": {
             new (...args: any[]): {
                 $props: typeof wcd108fdde5ca942d7ae92195eb74b5452.propsDefinition & Omit<VueComponentBaseProps, keyof typeof wcd108fdde5ca942d7ae92195eb74b5452.propsDefinition>;
@@ -1824,16 +1836,6 @@ 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>;
-            };
-        };
-        "OSwiperSlide": {
-            new (...args: any[]): {
-                $props: typeof wc3fa834509fe3419fb005e2dd17325449.propsDefinition & Omit<VueComponentBaseProps, keyof typeof wc3fa834509fe3419fb005e2dd17325449.propsDefinition>;
-            };
-        };
         "OSwitch": {
             new (...args: any[]): {
                 $props: typeof wc31cc47b19e7d4c40b826f58d1c955a43.propsDefinition & Omit<VueComponentBaseProps, keyof typeof wc31cc47b19e7d4c40b826f58d1c955a43.propsDefinition>;
@@ -2109,6 +2111,11 @@ declare global {
                 $props: typeof wc12d1bca1d50b4186acd50014584389c9.propsDefinition & Omit<VueComponentBaseProps, keyof typeof wc12d1bca1d50b4186acd50014584389c9.propsDefinition>;
             };
         };
+        "SlidepanelBlock": {
+            new (...args: any[]): {
+                $props: typeof wcca498a9d23e947afa4c5695f01ba7959.propsDefinition & Omit<VueComponentBaseProps, keyof typeof wcca498a9d23e947afa4c5695f01ba7959.propsDefinition>;
+            };
+        };
         "PropertiesBirthdayDisplay": {
             new (...args: any[]): {
                 $props: typeof wc916c23c53dbf4d5a8e421e9449c6b203.propsDefinition & Omit<VueComponentBaseProps, keyof typeof wc916c23c53dbf4d5a8e421e9449c6b203.propsDefinition>;

package/package.json

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