@omnia/fx 8.0.79-dev → 8.0.80-dev

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

@@ -14,7 +14,7 @@ export interface OmniaSharedBootstrapData {
     tokenKey?: OmniaToken;
     tokenRef: GuidValue;
     identity: string;
-    hubIdentity: number;
+    hubIdentity?: number;
     licenses: Array<Guid>;
     hubDev?: boolean;
     realtimeDevPort?: string;

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

@@ -9,7 +9,7 @@ export interface OmniaToken {
 export interface OmniaTokenRef {
     tenantId: GuidValue;
     identityId: string;
-    hubIdentityId: number;
+    hubIdentityId?: number;
     tokenRef: GuidValue;
     localDev: boolean;
 }

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

@@ -666,8 +666,8 @@ declare const _default: {
         "v-model"?: string;
         modelValue?: string;
         hideDetails?: boolean;
-        singleLine?: boolean;
         "hide-details"?: boolean;
+        singleLine?: boolean;
         description?: string;
         "single-line"?: boolean;
         isRequired?: boolean;

package/internal-do-not-import-from-here/ux/editorchrome/stores/EditorChromeStore.d.ts

@@ -23,6 +23,9 @@ export declare class EditorChromeStore extends Store {
     hideNavigationDrawer: import("../../../stores").StoreState<boolean>;
     hideActionToolbar: import("../../../stores").StoreState<boolean>;
     actionToolbarId: import("../../../stores").StoreState<string>;
+    canvasZoom: import("../../../stores").StoreState<{
+        level: number;
+    }>;
     notificationMessage: import("../../../stores").StoreState<{
         message: string;
         show: boolean;

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

@@ -307,9 +307,9 @@ declare const _default: {
         "onUpdate:modelValue"?: (value: IconPickerModel) => any;
         "v-model"?: IconPickerModel;
         modelValue?: IconPickerModel;
-        "error-messages"?: string[];
         hideDetails?: boolean;
         "hide-details"?: boolean;
+        "error-messages"?: string[];
         "provider-context"?: MediaPickerStorageProviderContext;
         disabledCustomImage?: boolean;
         "disabled-custom-image"?: boolean;

package/internal-do-not-import-from-here/ux/journey/v2/JourneyBlade.d.ts

@@ -3,6 +3,7 @@ import { ConfirmDialogOptions } from "@omnia/fx/ux";
 import { VNodeChild } from "vue";
 export interface switchValue {
     value: boolean;
+    label: string;
 }
 declare const JourneyBladeComponent: {
     new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{

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

@@ -11,6 +11,7 @@ declare const _default: {
         styles: {
             type: import("vue").PropType<Partial<{
                 canvasWrapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
+                zoomWrapper: (zoomLevel: number) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
                 contentContainer: (isEditMode: boolean) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
                 containerVerticalAlign: (isAlignVertical: boolean) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
                 layoutItemSelectorPosition: import("@omnia/fx-models").NestedCSSPropertiesExtends;
@@ -31,6 +32,7 @@ declare const _default: {
         } & {
             type: import("vue").PropType<Partial<{
                 canvasWrapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
+                zoomWrapper: (zoomLevel: number) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
                 contentContainer: (isEditMode: boolean) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
                 containerVerticalAlign: (isAlignVertical: boolean) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
                 layoutItemSelectorPosition: import("@omnia/fx-models").NestedCSSPropertiesExtends;
@@ -70,6 +72,7 @@ declare const _default: {
         styles: {
             type: import("vue").PropType<Partial<{
                 canvasWrapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
+                zoomWrapper: (zoomLevel: number) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
                 contentContainer: (isEditMode: boolean) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
                 containerVerticalAlign: (isAlignVertical: boolean) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
                 layoutItemSelectorPosition: import("@omnia/fx-models").NestedCSSPropertiesExtends;
@@ -90,6 +93,7 @@ declare const _default: {
         } & {
             type: import("vue").PropType<Partial<{
                 canvasWrapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
+                zoomWrapper: (zoomLevel: number) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
                 contentContainer: (isEditMode: boolean) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
                 containerVerticalAlign: (isAlignVertical: boolean) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
                 layoutItemSelectorPosition: import("@omnia/fx-models").NestedCSSPropertiesExtends;
@@ -136,6 +140,7 @@ declare const _default: {
         styles: {
             type: import("vue").PropType<Partial<{
                 canvasWrapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
+                zoomWrapper: (zoomLevel: number) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
                 contentContainer: (isEditMode: boolean) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
                 containerVerticalAlign: (isAlignVertical: boolean) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
                 layoutItemSelectorPosition: import("@omnia/fx-models").NestedCSSPropertiesExtends;
@@ -156,6 +161,7 @@ declare const _default: {
         } & {
             type: import("vue").PropType<Partial<{
                 canvasWrapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
+                zoomWrapper: (zoomLevel: number) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
                 contentContainer: (isEditMode: boolean) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
                 containerVerticalAlign: (isAlignVertical: boolean) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
                 layoutItemSelectorPosition: import("@omnia/fx-models").NestedCSSPropertiesExtends;
@@ -199,6 +205,7 @@ declare const _default: {
     styles: {
         type: import("vue").PropType<Partial<{
             canvasWrapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
+            zoomWrapper: (zoomLevel: number) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
             contentContainer: (isEditMode: boolean) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
             containerVerticalAlign: (isAlignVertical: boolean) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
             layoutItemSelectorPosition: import("@omnia/fx-models").NestedCSSPropertiesExtends;
@@ -219,6 +226,7 @@ declare const _default: {
     } & {
         type: import("vue").PropType<Partial<{
             canvasWrapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
+            zoomWrapper: (zoomLevel: number) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
             contentContainer: (isEditMode: boolean) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
             containerVerticalAlign: (isAlignVertical: boolean) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
             layoutItemSelectorPosition: import("@omnia/fx-models").NestedCSSPropertiesExtends;
@@ -254,6 +262,7 @@ declare const _default: {
         provider?: string;
         styles?: Partial<{
             canvasWrapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
+            zoomWrapper: (zoomLevel: number) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
             contentContainer: (isEditMode: boolean) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
             containerVerticalAlign: (isAlignVertical: boolean) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
             layoutItemSelectorPosition: import("@omnia/fx-models").NestedCSSPropertiesExtends;

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

@@ -43,5 +43,5 @@ export declare class LayoutStep extends VueComponentBase<StepProps> {
      * Render
      * @param h
      */
-    render(): JSX.Element;
+    render(): any;
 }

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

@@ -0,0 +1,48 @@
+import { Section, LayoutEngineRenderContext, SectionSettings } from "../../../../models";
+declare const _default: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        "render-context": {
+            type: import("vue").PropType<LayoutEngineRenderContext<Section<SectionSettings>, import("@omnia/fx-models").LayoutItemSettings>>;
+        };
+        renderContext: {
+            type: import("vue").PropType<LayoutEngineRenderContext<Section<SectionSettings>, import("@omnia/fx-models").LayoutItemSettings>>;
+        };
+    }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        "render-context": {
+            type: import("vue").PropType<LayoutEngineRenderContext<Section<SectionSettings>, import("@omnia/fx-models").LayoutItemSettings>>;
+        };
+        renderContext: {
+            type: import("vue").PropType<LayoutEngineRenderContext<Section<SectionSettings>, import("@omnia/fx-models").LayoutItemSettings>>;
+        };
+    }>>, {}, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        "render-context": {
+            type: import("vue").PropType<LayoutEngineRenderContext<Section<SectionSettings>, import("@omnia/fx-models").LayoutItemSettings>>;
+        };
+        renderContext: {
+            type: import("vue").PropType<LayoutEngineRenderContext<Section<SectionSettings>, import("@omnia/fx-models").LayoutItemSettings>>;
+        };
+    }>>, () => JSX.Element, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    "render-context": {
+        type: import("vue").PropType<LayoutEngineRenderContext<Section<SectionSettings>, import("@omnia/fx-models").LayoutItemSettings>>;
+    };
+    renderContext: {
+        type: import("vue").PropType<LayoutEngineRenderContext<Section<SectionSettings>, import("@omnia/fx-models").LayoutItemSettings>>;
+    };
+}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Omit<Readonly<{} & {
+        renderContext?: LayoutEngineRenderContext<Section<SectionSettings>, import("@omnia/fx-models").LayoutItemSettings>;
+        "render-context"?: LayoutEngineRenderContext<Section<SectionSettings>, import("@omnia/fx-models").LayoutItemSettings>;
+    }>, never>;
+};
+export default _default;

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

@@ -118,9 +118,9 @@ declare const _default: {
         section?: Section<StepperSectionSettings>;
         themeTargetId?: string;
         layoutId?: string;
+        useScrollMargingFix?: boolean;
         "theme-target-id"?: string;
         "layout-id"?: string;
-        useScrollMargingFix?: boolean;
         "use-scroll-marging-fix"?: boolean;
     }>, never>;
 };

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

@@ -0,0 +1,6 @@
+import { AccordionedSectionSettings, SpacingSettings, TabbedSectionSettings } from "@omnia/fx-models";
+export declare const LayoutSectionTabRendererStyles: {
+    tabsContentWrapper: (editMode: boolean) => string;
+    tabsWrapper: (settings: TabbedSectionSettings) => string;
+    accordionWrapper: (settings: AccordionedSectionSettings, spacing: SpacingSettings) => string;
+};

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

@@ -159,9 +159,9 @@ declare const _default: {
         designRender?: boolean;
         "design-render"?: boolean;
         layoutId?: string;
+        useScrollMargingFix?: boolean;
         "theme-target-id"?: string;
         "layout-id"?: string;
-        useScrollMargingFix?: boolean;
         "use-scroll-marging-fix"?: boolean;
     }>, never>;
 };

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

@@ -1,16 +1,4 @@
 export * from "./ColumnResizer";
-export * from "./LayoutBlockRenderer";
-export * from "./LayoutColumnRenderer";
-export * from "./LayoutSectionRenderer";
-export * from "./LayoutTabRenderer";
-export * from "./LayoutSectionTabRenderer";
-export * from "./LayoutSectionStepperRenderer";
-export * from "./LayoutStepRenderer";
 import LayoutSectionRenderer from "./LayoutSectionRenderer";
-import LayoutSectionStepperRenderer from "./LayoutSectionStepperRenderer";
 import LayoutBlockRenderer from "./LayoutBlockRenderer";
-import LayoutTabRenderer from "./LayoutTabRenderer";
-import LayoutColumnRenderer from "./LayoutColumnRenderer";
-import LayoutStepRenderer from "./LayoutStepRenderer";
-import LayoutSectionTabRenderer from "./LayoutSectionTabRenderer";
-export { LayoutSectionRenderer, LayoutSectionStepperRenderer, LayoutBlockRenderer, LayoutTabRenderer, LayoutColumnRenderer, LayoutStepRenderer, LayoutSectionTabRenderer };
+export { LayoutSectionRenderer, LayoutBlockRenderer, };

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

@@ -1,7 +1,10 @@
 import { types } from "typestyle";
-import { BlockLayoutSettings, DisplayBreakPoint, BackgroundSettings, LayoutSettings, ThemeStyling, SpacingSettings, SectionSettings, ColumnedSectionItemSettings, TabbedSectionSettings, AccordionedSectionSettings, LayoutItem } from "../../../../models";
+import { BlockLayoutSettings, DisplayBreakPoint, BackgroundSettings, LayoutSettings, ThemeStyling, SectionSettings, ColumnedSectionItemSettings, TabbedSectionSettings, LayoutItem } from "../../../../models";
 import { NestedCSSProperties } from "typestyle/lib/types";
 import { useThemeStoreV2 } from "@omnia/fx/ux";
+/**
+ * Styles for the PageRendererStyles component
+ */
 export declare function useSharedRendererStyles(): {
     common: {
         chrome_boxed: string;
@@ -31,7 +34,6 @@ export declare function useSharedRendererStyles(): {
         columnWrapper: string;
         backgroundWrapperImage: string;
         getStyleStringForTitle: (settings: SectionSettings) => string;
-        adjustScrollCompensation: (extra: number) => void;
         getStylesFromSettings: (settings: SectionSettings, useScrollMargingFix: boolean) => string;
         getStylesForSpacingInContainer: (sectionSettings: SectionSettings, fullHeight: boolean) => string;
         createMediaBreakPointForDevice: (sectionSettings: SectionSettings, deviceBreakPoint: DisplayBreakPoint) => types.NestedCSSProperties;
@@ -42,8 +44,6 @@ export declare function useSharedRendererStyles(): {
         tabWrapper: string;
         verticalSliderStyle: (sliderColor: string) => string;
         createTabItemStyling: (settings: TabbedSectionSettings, index: number, items: number, hasIcon: boolean) => string;
-        accordionWrapper: (settings: AccordionedSectionSettings, spacing: SpacingSettings) => string;
-        createColorSchemaForTabs: (settings: TabbedSectionSettings) => string;
         tabContentWrapper: (iconAndText: boolean) => string;
         stepper: {
             wrapper: string;

package/internal-do-not-import-from-here/ux/layoutcanvas/stores/LayoutCanvasStore.d.ts

@@ -1,4 +1,4 @@
-import { Layout, LayoutEditorModes, LayoutItem, DisplayBreakPoint, LayoutItemActionState, SettingsPanelState, DisplayBreakPointSetting, DeleteItemFromLayoutPayLoad, AddItemToLayoutPayLoad, LayoutItemRegistration, LoadedLayout, ILayoutCanvasStore, LayoutCanvasModes, BlockRenderingModes, IBlockInstance, ILayoutSectionRenderer, GuidValue, Block, LayoutDrawerState, LayoutDrawerTabs, SectionSettings, SectionTypes, Section, LayoutInheritanceBehaviors, ThemeDefinition, ClipboardLayoutItem, ColorSchemaTypes } from "../../../models";
+import { Layout, LayoutEditorModes, LayoutItem, DisplayBreakPoint, LayoutItemActionState, SettingsPanelState, DisplayBreakPointSetting, DeleteItemFromLayoutPayLoad, AddItemToLayoutPayLoad, LayoutItemRegistration, LoadedLayout, ILayoutCanvasStore, LayoutCanvasModes, BlockRenderingModes, IBlockInstance, ILayoutSectionRenderer, GuidValue, IMessageBusTopicPublishSubscriber, Block, LayoutDrawerState, LayoutDrawerTabs, SectionSettings, SectionTypes, Section, LayoutInheritanceBehaviors, ThemeDefinition, ClipboardLayoutItem, ColorSchemaTypes } from "../../../models";
 import { EditorLayoutItemFactory } from "../factories";
 import { LayoutEditorThemingManager } from "../shared";
 import { BlockSettingsProvider, LayoutDefinitionBuilder } from "../shared";
@@ -19,6 +19,94 @@ export declare class LayoutCanvasStore extends Store implements ILayoutCanvasSto
     private serviceContainerContext;
     readonly ColorSchemaBlock = ColorSchemaTypes.secondary;
     readonly ColorSchemaSection = ColorSchemaTypes.primary;
+    scrollContainer: StoreState<{
+        state: {
+            elementRef: HTMLElement;
+            elementId: string;
+            disableScrolling: boolean;
+            height: string;
+            width: string;
+            scrolling: import("@omnia/fx-models").OScrollTypesCombination;
+        };
+        events: {
+            onMutatedElementRef: MessageBusExposeOnlySubscription<HTMLElement>;
+            onMutatedElementId: MessageBusExposeOnlySubscription<string>;
+            onMutatedDisableScrolling: MessageBusExposeOnlySubscription<boolean>;
+            onMutatedHeight: MessageBusExposeOnlySubscription<string>;
+            onMutatedWidth: MessageBusExposeOnlySubscription<string>;
+            onMutatedScrolling: MessageBusExposeOnlySubscription<import("@omnia/fx-models").OScrollTypesCombination>;
+        } & Record<string, IMessageBusTopicPublishSubscriber<any>>;
+        actions: {
+            onDispatching: {
+                setHeight: {
+                    subscribe(fn: (height: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                };
+                setWidth: {
+                    subscribe(fn: (width: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                };
+                setScrolling: {
+                    subscribe(fn: (scrolling: import("@omnia/fx-models").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;
+                };
+                scrollTo: {
+                    subscribe(fn: (elementId: string, anchor?: "end" | "start") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                };
+            };
+            onDispatched: {
+                setHeight: {
+                    subscribe(fn: (result: void, height: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                };
+                setWidth: {
+                    subscribe(fn: (result: void, width: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                };
+                setScrolling: {
+                    subscribe(fn: (result: void, scrolling: import("@omnia/fx-models").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;
+                };
+                scrollTo: {
+                    subscribe(fn: (result: void, elementId: string, anchor?: "end" | "start") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                };
+            };
+            onFailure: {
+                setHeight: {
+                    subscribe(fn: (failureReason: any, height: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                };
+                setWidth: {
+                    subscribe(fn: (failureReason: any, width: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                };
+                setScrolling: {
+                    subscribe(fn: (failureReason: any, scrolling: import("@omnia/fx-models").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;
+                };
+                scrollTo: {
+                    subscribe(fn: (failureReason: any, elementId: string, anchor?: "end" | "start") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                };
+            };
+        } & {
+            setHeight: (height: string) => void;
+            setWidth: (width: string) => void;
+            setScrolling: (scrolling: import("@omnia/fx-models").OScrollTypesCombination) => void;
+            calculateScrollHeight: (referenceElementIds: string[]) => void;
+            scrollToStart: () => void;
+            scrollTo: (elementId: string, anchor?: "end" | "start") => void;
+        };
+        get: {};
+    }>;
     layout: StoreState<LoadedLayout>;
     previewUrl: StoreState<string>;
     provider: StoreState<string>;

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

@@ -580,11 +580,11 @@ declare const _default: {
         toned?: boolean;
         loading?: boolean;
         searchable?: boolean;
-        clearable?: boolean;
         rules?: ValidationRule[];
         hint?: string;
         persistentHint?: boolean;
         "persistent-hint"?: boolean;
+        clearable?: boolean;
         readonly?: boolean;
         itemTitle?: any;
         "item-title"?: any;

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

@@ -1,6 +1,7 @@
 import { ColorDefinition } from "@omnia/fx-models";
 export declare const TabsStyles: {
-    itemContainer: (scrollOffset: string) => string;
+    itemContainer: (scrollOffset: string, noScrolling: boolean) => string;
+    hideTabHeader: 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

@@ -24,6 +24,12 @@ declare const _default: {
         noScrolling: {
             type: import("vue").PropType<boolean>;
         };
+        "hide-tab-name-if-only-one-tab": {
+            type: import("vue").PropType<boolean>;
+        };
+        hideTabNameIfOnlyOneTab: {
+            type: import("vue").PropType<boolean>;
+        };
         vertical: {
             type: import("vue").PropType<boolean>;
         } & {
@@ -57,6 +63,12 @@ declare const _default: {
             type: import("vue").PropType<number>;
             required: false;
         };
+        "content-class": {
+            type: import("vue").PropType<string | string[]>;
+        };
+        contentClass: {
+            type: import("vue").PropType<string | string[]>;
+        };
         class: {
             type: import("vue").PropType<String | String[]>;
             required: boolean;
@@ -89,6 +101,12 @@ declare const _default: {
         noScrolling: {
             type: import("vue").PropType<boolean>;
         };
+        "hide-tab-name-if-only-one-tab": {
+            type: import("vue").PropType<boolean>;
+        };
+        hideTabNameIfOnlyOneTab: {
+            type: import("vue").PropType<boolean>;
+        };
         vertical: {
             type: import("vue").PropType<boolean>;
         } & {
@@ -122,6 +140,12 @@ declare const _default: {
             type: import("vue").PropType<number>;
             required: false;
         };
+        "content-class": {
+            type: import("vue").PropType<string | string[]>;
+        };
+        contentClass: {
+            type: import("vue").PropType<string | string[]>;
+        };
         class: {
             type: import("vue").PropType<String | String[]>;
             required: boolean;
@@ -165,6 +189,12 @@ declare const _default: {
         noScrolling: {
             type: import("vue").PropType<boolean>;
         };
+        "hide-tab-name-if-only-one-tab": {
+            type: import("vue").PropType<boolean>;
+        };
+        hideTabNameIfOnlyOneTab: {
+            type: import("vue").PropType<boolean>;
+        };
         vertical: {
             type: import("vue").PropType<boolean>;
         } & {
@@ -198,6 +228,12 @@ declare const _default: {
             type: import("vue").PropType<number>;
             required: false;
         };
+        "content-class": {
+            type: import("vue").PropType<string | string[]>;
+        };
+        contentClass: {
+            type: import("vue").PropType<string | string[]>;
+        };
         class: {
             type: import("vue").PropType<String | String[]>;
             required: boolean;
@@ -238,6 +274,12 @@ declare const _default: {
     noScrolling: {
         type: import("vue").PropType<boolean>;
     };
+    "hide-tab-name-if-only-one-tab": {
+        type: import("vue").PropType<boolean>;
+    };
+    hideTabNameIfOnlyOneTab: {
+        type: import("vue").PropType<boolean>;
+    };
     vertical: {
         type: import("vue").PropType<boolean>;
     } & {
@@ -271,6 +313,12 @@ declare const _default: {
         type: import("vue").PropType<number>;
         required: false;
     };
+    "content-class": {
+        type: import("vue").PropType<string | string[]>;
+    };
+    contentClass: {
+        type: import("vue").PropType<string | string[]>;
+    };
     class: {
         type: import("vue").PropType<String | String[]>;
         required: boolean;
@@ -290,6 +338,7 @@ declare const _default: {
     } & {
         class?: String | String[];
         vertical?: boolean;
+        contentClass?: string | string[];
         "onUpdate:modelValue"?: (value: number) => any;
         "v-model"?: number;
         modelValue?: number;
@@ -298,6 +347,9 @@ declare const _default: {
         toned?: boolean;
         scrolling?: string;
         stacked?: boolean;
+        "content-class"?: string | string[];
+        hideTabNameIfOnlyOneTab?: boolean;
+        "hide-tab-name-if-only-one-tab"?: boolean;
         noScrolling?: boolean;
         "no-scrolling"?: boolean;
         alignTabs?: "center" | "end" | "start";

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

@@ -492,12 +492,12 @@ declare const _default: {
         autofocus?: boolean;
         toned?: boolean;
         placeholder?: string;
-        clearable?: boolean;
         rules?: ValidationRule[];
-        "error-messages"?: string | string[];
         hint?: string;
         persistentHint?: boolean;
         "persistent-hint"?: boolean;
+        clearable?: boolean;
+        "error-messages"?: string | string[];
         readonly?: boolean;
         autoGrow?: boolean;
         "auto-grow"?: boolean;

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

@@ -552,13 +552,13 @@ declare const _default: {
         toned?: boolean;
         placeholder?: string;
         loading?: boolean;
-        clearable?: boolean;
         rules?: ValidationRule[];
-        "error-messages"?: string | string[];
-        suffix?: string;
         hint?: string;
         persistentHint?: boolean;
         "persistent-hint"?: boolean;
+        clearable?: boolean;
+        "error-messages"?: string | string[];
+        suffix?: string;
         readonly?: boolean;
     }>, "onUpdate:modelValue" | "onDoc$" | "onUpdate:focused" | "onClick:clear" | "onClick:button"> & {
         "onUpdate:modelValue"?: (value: string) => any;

package/package.json

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

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

@@ -1,19 +0,0 @@
-import { useSharedRendererFunctions, useSharedRendererStyles } from "../../";
-import { BlockLayoutSettings, ColorDefinition, SectionSettings } from "../../../../models";
-import { useColorSchemaStore } from "../../..";
-/**
- * Styles for the LayoutColumnStyles component
- */
-export declare const LayoutBlockStyles: {
-    contentMode: {};
-    layoutMode: {
-        container: (sectionSettings: SectionSettings, blockSettings: BlockLayoutSettings, colors: ReturnType<typeof useColorSchemaStore>, sharedRendererFunctions: ReturnType<typeof useSharedRendererFunctions>) => string;
-        general: string;
-        blockPadding: (blockSettings: BlockLayoutSettings, sharedRendererFunctions: ReturnType<typeof useSharedRendererFunctions>, sharedRendererStyles: ReturnType<typeof useSharedRendererStyles>) => string;
-        selectedMarkup: (baseColor: ColorDefinition, blockSettings: BlockLayoutSettings, fixedMargin: boolean) => string;
-        toolbar: string;
-        positionItemSelectorOnBorderTop: string;
-        positionItemSelectorOnBorderBottom: string;
-        padLockIcon: string;
-    };
-};

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

@@ -1,121 +0,0 @@
-import { Section } from "../../../../models";
-declare const _default: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        "tab-state": {
-            type: import("vue").PropType<object>;
-        };
-        tabState: {
-            type: import("vue").PropType<object>;
-        };
-        "use-scroll-marging-fix": {
-            type: import("vue").PropType<boolean>;
-        };
-        useScrollMargingFix: {
-            type: import("vue").PropType<boolean>;
-        };
-        "layout-id": {
-            type: import("vue").PropType<string>;
-        };
-        layoutId: {
-            type: import("vue").PropType<string>;
-        };
-        section: {
-            type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
-        } & {
-            type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
-        };
-    }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        "tab-state": {
-            type: import("vue").PropType<object>;
-        };
-        tabState: {
-            type: import("vue").PropType<object>;
-        };
-        "use-scroll-marging-fix": {
-            type: import("vue").PropType<boolean>;
-        };
-        useScrollMargingFix: {
-            type: import("vue").PropType<boolean>;
-        };
-        "layout-id": {
-            type: import("vue").PropType<string>;
-        };
-        layoutId: {
-            type: import("vue").PropType<string>;
-        };
-        section: {
-            type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
-        } & {
-            type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
-        };
-    }>>, {}, true, {}, {}, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        "tab-state": {
-            type: import("vue").PropType<object>;
-        };
-        tabState: {
-            type: import("vue").PropType<object>;
-        };
-        "use-scroll-marging-fix": {
-            type: import("vue").PropType<boolean>;
-        };
-        useScrollMargingFix: {
-            type: import("vue").PropType<boolean>;
-        };
-        "layout-id": {
-            type: import("vue").PropType<string>;
-        };
-        layoutId: {
-            type: import("vue").PropType<string>;
-        };
-        section: {
-            type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
-        } & {
-            type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
-        };
-    }>>, () => JSX.Element, {}, {}, {}, {}>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    "tab-state": {
-        type: import("vue").PropType<object>;
-    };
-    tabState: {
-        type: import("vue").PropType<object>;
-    };
-    "use-scroll-marging-fix": {
-        type: import("vue").PropType<boolean>;
-    };
-    useScrollMargingFix: {
-        type: import("vue").PropType<boolean>;
-    };
-    "layout-id": {
-        type: import("vue").PropType<string>;
-    };
-    layoutId: {
-        type: import("vue").PropType<string>;
-    };
-    section: {
-        type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
-    } & {
-        type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
-    };
-}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Omit<Readonly<{} & {
-        section?: Section<import("@omnia/fx-models").SectionSettings>;
-        layoutId?: string;
-        "layout-id"?: string;
-        useScrollMargingFix?: boolean;
-        "use-scroll-marging-fix"?: boolean;
-        tabState?: object;
-        "tab-state"?: object;
-    }>, never>;
-};
-export default _default;

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

@@ -1,142 +0,0 @@
-import { SectionSettings, SectionItem, TabbedSectionItemSettings } from "../../../../models";
-declare const _default: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        "tab-state": {
-            type: import("vue").PropType<object>;
-        };
-        tabState: {
-            type: import("vue").PropType<object>;
-        };
-        "use-scroll-marging-fix": {
-            type: import("vue").PropType<boolean>;
-        };
-        useScrollMargingFix: {
-            type: import("vue").PropType<boolean>;
-        };
-        "layout-id": {
-            type: import("vue").PropType<string>;
-        };
-        layoutId: {
-            type: import("vue").PropType<string>;
-        };
-        settings: {
-            type: import("vue").PropType<SectionSettings>;
-        } & {
-            type: import("vue").PropType<SectionSettings>;
-        };
-        tab: {
-            type: import("vue").PropType<SectionItem<TabbedSectionItemSettings>>;
-        } & {
-            type: import("vue").PropType<SectionItem<TabbedSectionItemSettings>>;
-        };
-    }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        "tab-state": {
-            type: import("vue").PropType<object>;
-        };
-        tabState: {
-            type: import("vue").PropType<object>;
-        };
-        "use-scroll-marging-fix": {
-            type: import("vue").PropType<boolean>;
-        };
-        useScrollMargingFix: {
-            type: import("vue").PropType<boolean>;
-        };
-        "layout-id": {
-            type: import("vue").PropType<string>;
-        };
-        layoutId: {
-            type: import("vue").PropType<string>;
-        };
-        settings: {
-            type: import("vue").PropType<SectionSettings>;
-        } & {
-            type: import("vue").PropType<SectionSettings>;
-        };
-        tab: {
-            type: import("vue").PropType<SectionItem<TabbedSectionItemSettings>>;
-        } & {
-            type: import("vue").PropType<SectionItem<TabbedSectionItemSettings>>;
-        };
-    }>>, {}, true, {}, {}, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        "tab-state": {
-            type: import("vue").PropType<object>;
-        };
-        tabState: {
-            type: import("vue").PropType<object>;
-        };
-        "use-scroll-marging-fix": {
-            type: import("vue").PropType<boolean>;
-        };
-        useScrollMargingFix: {
-            type: import("vue").PropType<boolean>;
-        };
-        "layout-id": {
-            type: import("vue").PropType<string>;
-        };
-        layoutId: {
-            type: import("vue").PropType<string>;
-        };
-        settings: {
-            type: import("vue").PropType<SectionSettings>;
-        } & {
-            type: import("vue").PropType<SectionSettings>;
-        };
-        tab: {
-            type: import("vue").PropType<SectionItem<TabbedSectionItemSettings>>;
-        } & {
-            type: import("vue").PropType<SectionItem<TabbedSectionItemSettings>>;
-        };
-    }>>, () => JSX.Element, {}, {}, {}, {}>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    "tab-state": {
-        type: import("vue").PropType<object>;
-    };
-    tabState: {
-        type: import("vue").PropType<object>;
-    };
-    "use-scroll-marging-fix": {
-        type: import("vue").PropType<boolean>;
-    };
-    useScrollMargingFix: {
-        type: import("vue").PropType<boolean>;
-    };
-    "layout-id": {
-        type: import("vue").PropType<string>;
-    };
-    layoutId: {
-        type: import("vue").PropType<string>;
-    };
-    settings: {
-        type: import("vue").PropType<SectionSettings>;
-    } & {
-        type: import("vue").PropType<SectionSettings>;
-    };
-    tab: {
-        type: import("vue").PropType<SectionItem<TabbedSectionItemSettings>>;
-    } & {
-        type: import("vue").PropType<SectionItem<TabbedSectionItemSettings>>;
-    };
-}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Omit<Readonly<{} & {
-        tab?: SectionItem<TabbedSectionItemSettings>;
-        settings?: SectionSettings;
-        layoutId?: string;
-        "layout-id"?: string;
-        useScrollMargingFix?: boolean;
-        "use-scroll-marging-fix"?: boolean;
-        tabState?: object;
-        "tab-state"?: object;
-    }>, never>;
-};
-export default _default;

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

@@ -1,168 +0,0 @@
-import { SectionSettings, SectionItem, TabbedSectionItemSettings } from "@omnia/fx/models";
-declare const _default: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        "use-scroll-marging-fix": {
-            type: import("vue").PropType<boolean>;
-        };
-        useScrollMargingFix: {
-            type: import("vue").PropType<boolean>;
-        };
-        "layout-id": {
-            type: import("vue").PropType<string>;
-        };
-        layoutId: {
-            type: import("vue").PropType<string>;
-        };
-        tab: {
-            type: import("vue").PropType<SectionItem<TabbedSectionItemSettings>>;
-        } & {
-            type: import("vue").PropType<SectionItem<TabbedSectionItemSettings>>;
-        };
-        settings: {
-            type: import("vue").PropType<SectionSettings>;
-        } & {
-            type: import("vue").PropType<SectionSettings>;
-        };
-        "design-render": {
-            type: import("vue").PropType<boolean>;
-        };
-        designRender: {
-            type: import("vue").PropType<boolean>;
-        };
-        "theme-target-id": {
-            type: import("vue").PropType<string>;
-        };
-        themeTargetId: {
-            type: import("vue").PropType<string>;
-        };
-    }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        "use-scroll-marging-fix": {
-            type: import("vue").PropType<boolean>;
-        };
-        useScrollMargingFix: {
-            type: import("vue").PropType<boolean>;
-        };
-        "layout-id": {
-            type: import("vue").PropType<string>;
-        };
-        layoutId: {
-            type: import("vue").PropType<string>;
-        };
-        tab: {
-            type: import("vue").PropType<SectionItem<TabbedSectionItemSettings>>;
-        } & {
-            type: import("vue").PropType<SectionItem<TabbedSectionItemSettings>>;
-        };
-        settings: {
-            type: import("vue").PropType<SectionSettings>;
-        } & {
-            type: import("vue").PropType<SectionSettings>;
-        };
-        "design-render": {
-            type: import("vue").PropType<boolean>;
-        };
-        designRender: {
-            type: import("vue").PropType<boolean>;
-        };
-        "theme-target-id": {
-            type: import("vue").PropType<string>;
-        };
-        themeTargetId: {
-            type: import("vue").PropType<string>;
-        };
-    }>>, {}, true, {}, {}, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        "use-scroll-marging-fix": {
-            type: import("vue").PropType<boolean>;
-        };
-        useScrollMargingFix: {
-            type: import("vue").PropType<boolean>;
-        };
-        "layout-id": {
-            type: import("vue").PropType<string>;
-        };
-        layoutId: {
-            type: import("vue").PropType<string>;
-        };
-        tab: {
-            type: import("vue").PropType<SectionItem<TabbedSectionItemSettings>>;
-        } & {
-            type: import("vue").PropType<SectionItem<TabbedSectionItemSettings>>;
-        };
-        settings: {
-            type: import("vue").PropType<SectionSettings>;
-        } & {
-            type: import("vue").PropType<SectionSettings>;
-        };
-        "design-render": {
-            type: import("vue").PropType<boolean>;
-        };
-        designRender: {
-            type: import("vue").PropType<boolean>;
-        };
-        "theme-target-id": {
-            type: import("vue").PropType<string>;
-        };
-        themeTargetId: {
-            type: import("vue").PropType<string>;
-        };
-    }>>, () => JSX.Element, {}, {}, {}, {}>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    "use-scroll-marging-fix": {
-        type: import("vue").PropType<boolean>;
-    };
-    useScrollMargingFix: {
-        type: import("vue").PropType<boolean>;
-    };
-    "layout-id": {
-        type: import("vue").PropType<string>;
-    };
-    layoutId: {
-        type: import("vue").PropType<string>;
-    };
-    tab: {
-        type: import("vue").PropType<SectionItem<TabbedSectionItemSettings>>;
-    } & {
-        type: import("vue").PropType<SectionItem<TabbedSectionItemSettings>>;
-    };
-    settings: {
-        type: import("vue").PropType<SectionSettings>;
-    } & {
-        type: import("vue").PropType<SectionSettings>;
-    };
-    "design-render": {
-        type: import("vue").PropType<boolean>;
-    };
-    designRender: {
-        type: import("vue").PropType<boolean>;
-    };
-    "theme-target-id": {
-        type: import("vue").PropType<string>;
-    };
-    themeTargetId: {
-        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<{} & {
-        tab?: SectionItem<TabbedSectionItemSettings>;
-        themeTargetId?: string;
-        settings?: SectionSettings;
-        designRender?: boolean;
-        "design-render"?: boolean;
-        layoutId?: string;
-        "theme-target-id"?: string;
-        "layout-id"?: string;
-        useScrollMargingFix?: boolean;
-        "use-scroll-marging-fix"?: boolean;
-    }>, never>;
-};
-export default _default;