@omnia/fx 7.10.0-preview.27 → 7.10.0-preview.28

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

@@ -1,5 +1,5 @@
 import { Store } from "./Store";
-import { IIcon, BlockTitleSettings } from "../models";
+import { IIcon, BlockTitleSettings, GuidValue } from "../models";
 import { BlockTitleGlobalSettingsStore } from "./BlockTitleGlobalSettingsStore";
 import { DirectionRuleStore } from "./DirectionRuleStore";
 export interface SettingsValue {
@@ -7,6 +7,7 @@ export interface SettingsValue {
     blockTitleSettings: BlockTitleSettings;
     icon: IIcon;
     customSettings: boolean;
+    titleFormatting?: GuidValue;
 }
 export declare class BlockTitleSettingsStore extends Store {
     blockTitleGlobalSettingsStore: BlockTitleGlobalSettingsStore;
@@ -36,8 +37,9 @@ export declare class BlockTitleSettingsStore extends Store {
         setLayoutInheritage: (key: any) => void;
         setComponentIcon: (key: any, icon: IIcon) => void;
         removeComponentIcon: (key: any) => void;
-        setComponentSettings: (key: any, blockTitleSettings: BlockTitleSettings, icon?: IIcon) => void;
+        setComponentSettings: (key: any, blockTitleSettings: BlockTitleSettings, icon?: IIcon, titleFormatting?: GuidValue) => void;
         revertComponentToGlobalSettings: (key: any) => void;
+        setComponentTitleFormatting: (key: any, titleFormatting: GuidValue) => void;
     };
     /**
      * Implementation of actions

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

@@ -974,6 +974,7 @@ export interface OmniaUxLocalization {
             AnchorName: string;
             CustomAnchorName: string;
             ScrollIntoView: string;
+            Formatting: string;
         };
         Buttons: {
             AddColor: string;

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/block/Header.d.ts

@@ -1,21 +1,29 @@
 import { BlockInstance } from "../../../..";
+import { HeadingSettings } from "../../../../../models";
 import { LayoutCanvasStore } from "../../..";
 import { VueComponentBase } from "../../../..";
-import { BlockTitleSettingsStore } from "../../../../../stores";
+import { BlockTitleSettingsStore, MultilingualStore } from "../../../../../stores";
 import { OmniaSpfxSettingsProvider } from "internal/fx/spfx/services/SpfxWPSettingProvider";
+import { SettingsService } from "../../../../../services";
 export default class HeaderItem extends VueComponentBase {
     blockTitleSettingsStore: BlockTitleSettingsStore;
     editorStore: LayoutCanvasStore;
     blockInstance: BlockInstance;
     private omniaUxLoc;
     spfxSettingsService: OmniaSpfxSettingsProvider;
+    headingSettingsService: SettingsService<HeadingSettings>;
+    multilingualStore: MultilingualStore;
     private item;
     private settings;
     private model;
+    private textStylesSettings;
     mounted(): void;
-    created(): void;
+    created(): Promise<void>;
+    private loadTextStylesSettings;
     private headerValueChanged;
     private onIconValueChanged;
+    private onTitleFormattingValueChanged;
     private updateSpfxSettings;
+    private createHeadingItem;
     render(): VueTsxSupport.JSX.Element;
 }

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/blocktitle/BlockTitle.css.d.ts

@@ -1,4 +1,4 @@
-import { IconSizes, BlockTitleIconSettings, BlockTitleSettings, TextAlignment } from "../../../../../models";
+import { IconSizes, BlockTitleIconSettings, BlockTitleSettings, TextAlignment, HeadingConfiguration } from "../../../../../models";
 import { ITheming } from "../../../..";
 export declare const BlockTitleStyles: {
     safeGetSpacingPixels(value: any, spacing: any): string;
@@ -7,4 +7,5 @@ export declare const BlockTitleStyles: {
     iconWrapperButton: (settings: BlockTitleIconSettings) => string;
     iconInButton: (settings: BlockTitleIconSettings, theming: ITheming) => string;
     wrapper: (settings: BlockTitleSettings, textAlignment: TextAlignment, theming: ITheming) => string;
+    headingWrapper: (heading: HeadingConfiguration) => string;
 };

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/blocktitle/BlockTitle.d.ts

@@ -1,9 +1,10 @@
 import { VueComponentBase } from "../../../..";
 import { IWebComponentInstance, OmniaContext } from "../../../../..";
-import { MultilingualString, TextAlignment } from "../../../../../models";
+import { HeadingConfiguration, HeadingSettings, MultilingualString, TextAlignment } from "../../../../../models";
 import { BlockTitleSettingsStore, DirectionRuleStore, MultilingualStore } from "../../../../../stores";
 import { IBlockTitleComponent } from "./IBlockTitle";
 import { BlockInstance } from "../../../../BlockInstance";
+import { SettingsService } from "../../../../../services";
 export declare class BlockTitleComponent extends VueComponentBase implements IWebComponentInstance, IBlockTitleComponent {
     title: string;
     multilingualtitle: string | MultilingualString;
@@ -14,13 +15,18 @@ export declare class BlockTitleComponent extends VueComponentBase implements IWe
     blockInstance: BlockInstance;
     directionStore: DirectionRuleStore;
     omniaContext: OmniaContext;
+    headingSettingsService: SettingsService<HeadingSettings>;
     private model;
     private useAccessibilityFeature;
-    mounted(): void;
+    private textStylesSettings;
+    mounted(): Promise<void>;
     onSectionUpdated(): void;
+    private loadTextStylesSettings;
     getFormatedTitleStringValue(title: string): string;
     getFormattedTitleString(): string;
     getTextAlignment(): TextAlignment;
     renderBlockIcon(title: string): VueTsxSupport.JSX.Element;
+    renderTitle(title: string): VueTsxSupport.JSX.Element;
+    renderTitleWithFormatting(heading: HeadingConfiguration, title: string): import("vue").VNode;
     render(): VueTsxSupport.JSX.Element;
 }

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/section/Header.d.ts

@@ -1,21 +1,28 @@
+import { HeadingSettings } from "@omnia/fx/models";
 import { LayoutCanvasStore } from "../../..";
 import { BlockTitleSettingsStore, MultilingualStore } from "@omnia/fx/stores";
 import { VueComponentBase } from "@omnia/fx/ux";
+import { SettingsService } from "../../../../../services";
 export default class HeaderSectionItem extends VueComponentBase {
     editorStore: LayoutCanvasStore;
     private subscriptionHandler;
-    MultilingualStore: MultilingualStore;
+    multilingualStore: MultilingualStore;
     blockTitleSettingsStore: BlockTitleSettingsStore;
+    headingSettingsService: SettingsService<HeadingSettings>;
     private omniaUxLoc;
     private section;
     private model;
+    private textStylesSettings;
     mounted(): void;
-    created(): void;
+    created(): Promise<void>;
+    private loadTextStylesSettings;
     /**
      * Watch for section changes
      * */
     private onSectionChange;
     private onIconValueChanged;
+    private onTitleFormattingValueChanged;
     private onHeaderValueChanged;
+    private createHeadingItem;
     render(): VueTsxSupport.JSX.Element;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@omnia/fx",
   "license": "MIT",
-  "version": "7.10.0-preview.27",
+  "version": "7.10.0-preview.28",
   "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": "Omnia Digital Workplace AB",
   "dependencies": {
-    "@omnia/fx-models": "7.10.0-preview.27",
+    "@omnia/fx-models": "7.10.0-preview.28",
     "@microsoft/signalr": "6.0.1",
     "broadcast-channel": "4.8.0",
     "dayjs": "1.10.7",