@omnia/fx 8.0.263-dev → 8.0.264-dev

Sign up to get free protection for your applications and to get access to all the features.
Files changed (33) hide show
  1. package/internal-do-not-import-from-here/ux/aurora/admin/blades/blueprints/typography/components/FontPicker.css.d.ts +4 -1
  2. package/internal-do-not-import-from-here/ux/aurora/admin/blades/blueprints/typography/components/FontPicker.d.ts +12 -8
  3. package/internal-do-not-import-from-here/ux/aurora/admin/blades/blueprints/typography/components/FontRegistration.d.ts +6 -0
  4. package/internal-do-not-import-from-here/ux/aurora/admin/blades/blueprints/typography/store/TypographyEditorStore.d.ts +41 -16
  5. package/internal-do-not-import-from-here/ux/aurora/admin/blades/fontsmanager/FontManager.d.ts +2 -0
  6. package/internal-do-not-import-from-here/ux/aurora/admin/blades/fontsmanager/blade/FontDefinitionBlade.d.ts +6 -0
  7. package/internal-do-not-import-from-here/ux/aurora/admin/blades/fontsmanager/store/FontManagerStore.d.ts +75 -0
  8. package/internal-do-not-import-from-here/ux/aurora/store/FontStore.d.ts +77 -0
  9. package/internal-do-not-import-from-here/ux/aurora/store/SpacingBlueprintStore.d.ts +114 -10
  10. package/internal-do-not-import-from-here/ux/aurora/store/TypographyBlueprintStore.d.ts +117 -11
  11. package/internal-do-not-import-from-here/ux/aurora/store/index.d.ts +1 -0
  12. package/internal-do-not-import-from-here/ux/markdown2/MarkdownToolbar.css.d.ts +1 -0
  13. package/internal-do-not-import-from-here/ux/markdown2/commands/EditorCommands.d.ts +11 -19
  14. package/internal-do-not-import-from-here/ux/markdown2/commands/helpers/EditorNodeHelper.d.ts +3 -10
  15. package/internal-do-not-import-from-here/ux/markdown2/commands/helpers/HtmlNodehelper.d.ts +6 -6
  16. package/internal-do-not-import-from-here/ux/markdown2/models/EditorModels.d.ts +13 -9
  17. package/internal-do-not-import-from-here/ux/markdown2/models/EditorPlugin.d.ts +6 -4
  18. package/internal-do-not-import-from-here/ux/markdown2/plugins/colorstyle/ColorButton.d.ts +2 -2
  19. package/internal-do-not-import-from-here/ux/markdown2/plugins/text/TextPlugin.d.ts +2 -2
  20. package/internal-do-not-import-from-here/ux/markdown2/plugins/typography/TypographyButton.d.ts +2 -2
  21. package/internal-do-not-import-from-here/ux/markdown2/plugins/velcron/VelcronPlugin.d.ts +2 -2
  22. package/internal-do-not-import-from-here/ux/markdown2/stores/MarkdownStore.d.ts +21 -12
  23. package/internal-do-not-import-from-here/ux/markdown2/stores/MarkdownToolbarStore.d.ts +122 -55
  24. package/internal-do-not-import-from-here/ux/oxide/checkbox/Checkbox.d.ts +1 -1
  25. package/internal-do-not-import-from-here/ux/velcron/core/models/VelcronDefinitions.d.ts +5 -1
  26. package/internal-do-not-import-from-here/ux/velcron/core/models/VelcronPropertyEditorDefinitions.d.ts +10 -1
  27. package/internal-do-not-import-from-here/ux/velcron/core/templatebuilder/VelcronEditorBuilder.d.ts +1 -0
  28. package/internal-do-not-import-from-here/ux/velcron/editor/models/VelcronEditorDescriptors.d.ts +1 -0
  29. package/internal-do-not-import-from-here/ux/velcron/editor/templates/EditorTemplates.d.ts +1 -0
  30. package/internal-do-not-import-from-here/ux/velcron/renderer/editors/PropertyResolverEditor.d.ts +13 -0
  31. package/internal-do-not-import-from-here/ux/versionedlayout/blade/VersionedLayoutBladeBuilder.d.ts +1 -1
  32. package/internal-do-not-import-from-here/wctypings.d.ts +20 -0
  33. package/package.json +2 -2
@@ -1,15 +1,17 @@
1
- import { guid, TypographySize, TypographySizes, TypographyType, TypographyDefinition, TypographyTypes, BlueprintVariant, TypographyBlueprint } from "@omnia/fx-models";
1
+ import { guid, TypographySize, TypographySizes, TypographyType, TypographyDefinition, TypographyTypes, BlueprintVariant, TypographyBlueprint, TypographyFontDefinition } from "@omnia/fx-models";
2
2
  import { useThemeStoreV2 } from "./ThemeStoreV2";
3
3
  export declare const useTypographyBlueprintStore: () => {
4
4
  state: {
5
5
  blueprint: TypographyBlueprint;
6
6
  blueprintType: BlueprintVariant;
7
7
  id: guid;
8
+ availableFonts: TypographyFontDefinition[];
8
9
  };
9
10
  events: {
10
11
  onMutatedBlueprint: import("@omnia/fx").MessageBusExposeOnlySubscription<TypographyBlueprint>;
11
12
  onMutatedBlueprintType: import("@omnia/fx").MessageBusExposeOnlySubscription<BlueprintVariant>;
12
13
  onMutatedId: import("@omnia/fx").MessageBusExposeOnlySubscription<guid>;
14
+ onMutatedAvailableFonts: import("@omnia/fx").MessageBusExposeOnlySubscription<TypographyFontDefinition[]>;
13
15
  } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
14
16
  actions: {
15
17
  onDispatching: {
@@ -692,9 +694,7 @@ export declare const useTypographyBlueprintStore: () => {
692
694
  primary: {
693
695
  name: string;
694
696
  font?: {
695
- id: guid;
696
697
  family: string;
697
- cdn?: string;
698
698
  };
699
699
  fills?: {
700
700
  variant1?: {
@@ -767,6 +767,9 @@ export declare const useTypographyBlueprintStore: () => {
767
767
  size: number;
768
768
  lineHeight: number;
769
769
  };
770
+ font?: {
771
+ family: string;
772
+ };
770
773
  };
771
774
  l: {
772
775
  decoration?: string;
@@ -785,6 +788,9 @@ export declare const useTypographyBlueprintStore: () => {
785
788
  size: number;
786
789
  lineHeight: number;
787
790
  };
791
+ font?: {
792
+ family: string;
793
+ };
788
794
  };
789
795
  m: {
790
796
  decoration?: string;
@@ -803,6 +809,9 @@ export declare const useTypographyBlueprintStore: () => {
803
809
  size: number;
804
810
  lineHeight: number;
805
811
  };
812
+ font?: {
813
+ family: string;
814
+ };
806
815
  };
807
816
  s: {
808
817
  decoration?: string;
@@ -821,6 +830,9 @@ export declare const useTypographyBlueprintStore: () => {
821
830
  size: number;
822
831
  lineHeight: number;
823
832
  };
833
+ font?: {
834
+ family: string;
835
+ };
824
836
  };
825
837
  xs: {
826
838
  decoration?: string;
@@ -839,11 +851,12 @@ export declare const useTypographyBlueprintStore: () => {
839
851
  size: number;
840
852
  lineHeight: number;
841
853
  };
854
+ font?: {
855
+ family: string;
856
+ };
842
857
  };
843
858
  font?: {
844
- id: guid;
845
859
  family: string;
846
- cdn?: string;
847
860
  };
848
861
  };
849
862
  text: {
@@ -864,6 +877,9 @@ export declare const useTypographyBlueprintStore: () => {
864
877
  size: number;
865
878
  lineHeight: number;
866
879
  };
880
+ font?: {
881
+ family: string;
882
+ };
867
883
  };
868
884
  m: {
869
885
  decoration?: string;
@@ -882,6 +898,9 @@ export declare const useTypographyBlueprintStore: () => {
882
898
  size: number;
883
899
  lineHeight: number;
884
900
  };
901
+ font?: {
902
+ family: string;
903
+ };
885
904
  };
886
905
  s: {
887
906
  decoration?: string;
@@ -900,6 +919,9 @@ export declare const useTypographyBlueprintStore: () => {
900
919
  size: number;
901
920
  lineHeight: number;
902
921
  };
922
+ font?: {
923
+ family: string;
924
+ };
903
925
  };
904
926
  xs: {
905
927
  decoration?: string;
@@ -918,11 +940,12 @@ export declare const useTypographyBlueprintStore: () => {
918
940
  size: number;
919
941
  lineHeight: number;
920
942
  };
943
+ font?: {
944
+ family: string;
945
+ };
921
946
  };
922
947
  font?: {
923
- id: guid;
924
948
  family: string;
925
- cdn?: string;
926
949
  };
927
950
  };
928
951
  navigation: {
@@ -943,6 +966,9 @@ export declare const useTypographyBlueprintStore: () => {
943
966
  size: number;
944
967
  lineHeight: number;
945
968
  };
969
+ font?: {
970
+ family: string;
971
+ };
946
972
  };
947
973
  m: {
948
974
  decoration?: string;
@@ -961,11 +987,12 @@ export declare const useTypographyBlueprintStore: () => {
961
987
  size: number;
962
988
  lineHeight: number;
963
989
  };
990
+ font?: {
991
+ family: string;
992
+ };
964
993
  };
965
994
  font?: {
966
- id: guid;
967
995
  family: string;
968
- cdn?: string;
969
996
  };
970
997
  };
971
998
  link: {
@@ -986,11 +1013,12 @@ export declare const useTypographyBlueprintStore: () => {
986
1013
  size: number;
987
1014
  lineHeight: number;
988
1015
  };
1016
+ font?: {
1017
+ family: string;
1018
+ };
989
1019
  };
990
1020
  font?: {
991
- id: guid;
992
1021
  family: string;
993
- cdn?: string;
994
1022
  };
995
1023
  };
996
1024
  };
@@ -1131,6 +1159,9 @@ export declare const useTypographyBlueprintStore: () => {
1131
1159
  size: number;
1132
1160
  lineHeight: number;
1133
1161
  };
1162
+ font?: {
1163
+ family: string;
1164
+ };
1134
1165
  } | {
1135
1166
  type: TypographyType;
1136
1167
  size: TypographySize;
@@ -1275,6 +1306,9 @@ export declare const useTypographyBlueprintStore: () => {
1275
1306
  size: number;
1276
1307
  lineHeight: number;
1277
1308
  };
1309
+ font?: {
1310
+ family: string;
1311
+ };
1278
1312
  } | {
1279
1313
  type: TypographyType;
1280
1314
  size: TypographySize;
@@ -1419,6 +1453,9 @@ export declare const useTypographyBlueprintStore: () => {
1419
1453
  size: number;
1420
1454
  lineHeight: number;
1421
1455
  };
1456
+ font?: {
1457
+ family: string;
1458
+ };
1422
1459
  } | {
1423
1460
  type: TypographyType;
1424
1461
  size: TypographySize;
@@ -1563,6 +1600,9 @@ export declare const useTypographyBlueprintStore: () => {
1563
1600
  size: number;
1564
1601
  lineHeight: number;
1565
1602
  };
1603
+ font?: {
1604
+ family: string;
1605
+ };
1566
1606
  } | {
1567
1607
  type: TypographyType;
1568
1608
  size: TypographySize;
@@ -1707,6 +1747,9 @@ export declare const useTypographyBlueprintStore: () => {
1707
1747
  size: number;
1708
1748
  lineHeight: number;
1709
1749
  };
1750
+ font?: {
1751
+ family: string;
1752
+ };
1710
1753
  } | {
1711
1754
  type: TypographyType;
1712
1755
  size: TypographySize;
@@ -1851,6 +1894,9 @@ export declare const useTypographyBlueprintStore: () => {
1851
1894
  size: number;
1852
1895
  lineHeight: number;
1853
1896
  };
1897
+ font?: {
1898
+ family: string;
1899
+ };
1854
1900
  } | {
1855
1901
  type: TypographyType;
1856
1902
  size: TypographySize;
@@ -1995,6 +2041,9 @@ export declare const useTypographyBlueprintStore: () => {
1995
2041
  size: number;
1996
2042
  lineHeight: number;
1997
2043
  };
2044
+ font?: {
2045
+ family: string;
2046
+ };
1998
2047
  } | {
1999
2048
  type: TypographyType;
2000
2049
  size: TypographySize;
@@ -2139,6 +2188,9 @@ export declare const useTypographyBlueprintStore: () => {
2139
2188
  size: number;
2140
2189
  lineHeight: number;
2141
2190
  };
2191
+ font?: {
2192
+ family: string;
2193
+ };
2142
2194
  } | {
2143
2195
  type: TypographyType;
2144
2196
  size: TypographySize;
@@ -2283,6 +2335,9 @@ export declare const useTypographyBlueprintStore: () => {
2283
2335
  size: number;
2284
2336
  lineHeight: number;
2285
2337
  };
2338
+ font?: {
2339
+ family: string;
2340
+ };
2286
2341
  } | {
2287
2342
  type: TypographyType;
2288
2343
  size: TypographySize;
@@ -2429,6 +2484,9 @@ export declare const useTypographyBlueprintStore: () => {
2429
2484
  size: number;
2430
2485
  lineHeight: number;
2431
2486
  };
2487
+ font?: {
2488
+ family: string;
2489
+ };
2432
2490
  } | {
2433
2491
  type: TypographyType;
2434
2492
  size: TypographySize;
@@ -2573,6 +2631,9 @@ export declare const useTypographyBlueprintStore: () => {
2573
2631
  size: number;
2574
2632
  lineHeight: number;
2575
2633
  };
2634
+ font?: {
2635
+ family: string;
2636
+ };
2576
2637
  } | {
2577
2638
  type: TypographyType;
2578
2639
  size: TypographySize;
@@ -2717,6 +2778,9 @@ export declare const useTypographyBlueprintStore: () => {
2717
2778
  size: number;
2718
2779
  lineHeight: number;
2719
2780
  };
2781
+ font?: {
2782
+ family: string;
2783
+ };
2720
2784
  } | {
2721
2785
  type: TypographyType;
2722
2786
  size: TypographySize;
@@ -2861,6 +2925,9 @@ export declare const useTypographyBlueprintStore: () => {
2861
2925
  size: number;
2862
2926
  lineHeight: number;
2863
2927
  };
2928
+ font?: {
2929
+ family: string;
2930
+ };
2864
2931
  } | {
2865
2932
  type: TypographyType;
2866
2933
  size: TypographySize;
@@ -3005,6 +3072,9 @@ export declare const useTypographyBlueprintStore: () => {
3005
3072
  size: number;
3006
3073
  lineHeight: number;
3007
3074
  };
3075
+ font?: {
3076
+ family: string;
3077
+ };
3008
3078
  } | {
3009
3079
  type: TypographyType;
3010
3080
  size: TypographySize;
@@ -3149,6 +3219,9 @@ export declare const useTypographyBlueprintStore: () => {
3149
3219
  size: number;
3150
3220
  lineHeight: number;
3151
3221
  };
3222
+ font?: {
3223
+ family: string;
3224
+ };
3152
3225
  } | {
3153
3226
  type: TypographyType;
3154
3227
  size: TypographySize;
@@ -3293,6 +3366,9 @@ export declare const useTypographyBlueprintStore: () => {
3293
3366
  size: number;
3294
3367
  lineHeight: number;
3295
3368
  };
3369
+ font?: {
3370
+ family: string;
3371
+ };
3296
3372
  } | {
3297
3373
  type: TypographyType;
3298
3374
  size: TypographySize;
@@ -3437,6 +3513,9 @@ export declare const useTypographyBlueprintStore: () => {
3437
3513
  size: number;
3438
3514
  lineHeight: number;
3439
3515
  };
3516
+ font?: {
3517
+ family: string;
3518
+ };
3440
3519
  } | {
3441
3520
  type: TypographyType;
3442
3521
  size: TypographySize;
@@ -3581,6 +3660,9 @@ export declare const useTypographyBlueprintStore: () => {
3581
3660
  size: number;
3582
3661
  lineHeight: number;
3583
3662
  };
3663
+ font?: {
3664
+ family: string;
3665
+ };
3584
3666
  } | {
3585
3667
  type: TypographyType;
3586
3668
  size: TypographySize;
@@ -3747,6 +3829,9 @@ export declare const useTypographyBlueprintStore: () => {
3747
3829
  size: number;
3748
3830
  lineHeight: number;
3749
3831
  };
3832
+ font?: {
3833
+ family: string;
3834
+ };
3750
3835
  } | {
3751
3836
  type: TypographyType;
3752
3837
  size: TypographySize;
@@ -3885,6 +3970,9 @@ export declare const useTypographyBlueprintStore: () => {
3885
3970
  size: number;
3886
3971
  lineHeight: number;
3887
3972
  };
3973
+ font?: {
3974
+ family: string;
3975
+ };
3888
3976
  } | {
3889
3977
  type: TypographyType;
3890
3978
  size: TypographySize;
@@ -4107,6 +4195,9 @@ export declare const useTypographyBlueprintStore: () => {
4107
4195
  size: number;
4108
4196
  lineHeight: number;
4109
4197
  };
4198
+ font?: {
4199
+ family: string;
4200
+ };
4110
4201
  } | {
4111
4202
  type: TypographyType;
4112
4203
  size: TypographySize;
@@ -4245,6 +4336,9 @@ export declare const useTypographyBlueprintStore: () => {
4245
4336
  size: number;
4246
4337
  lineHeight: number;
4247
4338
  };
4339
+ font?: {
4340
+ family: string;
4341
+ };
4248
4342
  } | {
4249
4343
  type: TypographyType;
4250
4344
  size: TypographySize;
@@ -4467,6 +4561,9 @@ export declare const useTypographyBlueprintStore: () => {
4467
4561
  size: number;
4468
4562
  lineHeight: number;
4469
4563
  };
4564
+ font?: {
4565
+ family: string;
4566
+ };
4470
4567
  } | {
4471
4568
  type: TypographyType;
4472
4569
  size: TypographySize;
@@ -4605,6 +4702,9 @@ export declare const useTypographyBlueprintStore: () => {
4605
4702
  size: number;
4606
4703
  lineHeight: number;
4607
4704
  };
4705
+ font?: {
4706
+ family: string;
4707
+ };
4608
4708
  } | {
4609
4709
  type: TypographyType;
4610
4710
  size: TypographySize;
@@ -4827,6 +4927,9 @@ export declare const useTypographyBlueprintStore: () => {
4827
4927
  size: number;
4828
4928
  lineHeight: number;
4829
4929
  };
4930
+ font?: {
4931
+ family: string;
4932
+ };
4830
4933
  } | {
4831
4934
  type: TypographyType;
4832
4935
  size: TypographySize;
@@ -4965,6 +5068,9 @@ export declare const useTypographyBlueprintStore: () => {
4965
5068
  size: number;
4966
5069
  lineHeight: number;
4967
5070
  };
5071
+ font?: {
5072
+ family: string;
5073
+ };
4968
5074
  } | {
4969
5075
  type: TypographyType;
4970
5076
  size: TypographySize;
@@ -6,3 +6,4 @@ export * from "./SpacingBlueprintStore";
6
6
  export * from "./TypographyBlueprintStore";
7
7
  export * from "./ComponentBlueprintStore";
8
8
  export * from "./TemplateRegistrationStore";
9
+ export * from "./FontStore";
@@ -1,5 +1,6 @@
1
1
  export declare const MarkdownToolbarStyles: {
2
2
  wrapper: string;
3
+ divider: string;
3
4
  show: string;
4
5
  hide: string;
5
6
  };
@@ -1,17 +1,15 @@
1
- import { EditorContent, EditorNode, NodeIdSelection } from "../models/EditorModels";
1
+ import { EditorContent, NodeSelection } from "../models/EditorModels";
2
2
  export type builtIndataTypes = "text" | "formatting";
3
3
  export declare function useEditorCommands(state: {
4
4
  editor: HTMLDivElement;
5
5
  selectedRange: Range;
6
6
  maxNodeId: number;
7
7
  editorContent: EditorContent;
8
- selectedNodes: Array<EditorNode>;
9
- selectedNodeIds: NodeIdSelection;
8
+ nodeSelection: NodeSelection;
10
9
  }): {
11
10
  selection: {
12
11
  get: {
13
- byDataType: (dataType: string) => EditorNode;
14
- byId: (id: number) => EditorNode;
12
+ byDataType: (dataType: string) => import("../models/EditorModels").ContentNodeReference[];
15
13
  };
16
14
  };
17
15
  actions: {
@@ -23,7 +21,7 @@ export declare function useEditorCommands(state: {
23
21
  };
24
22
  formatting: {
25
23
  add: (element: HTMLElement, toggleIfExists?: boolean) => void;
26
- remove: (element: HTMLElement) => void;
24
+ remove: (dataType: string) => void;
27
25
  };
28
26
  element: {
29
27
  add: (element: HTMLElement) => void;
@@ -40,21 +38,15 @@ export declare function useEditorCommands(state: {
40
38
  ensureSelectionIsInEditor: (range: Range) => void;
41
39
  };
42
40
  editorNode: {
43
- getEditorNodeBySelectors: (nodes: Array<EditorNode>, selectors: {
44
- name?: string;
45
- id?: string;
46
- dataType?: string;
47
- }) => EditorNode;
48
- getEditorNodesInArrayByElement: (element: HTMLElement, nodes: Array<EditorNode>, deep: boolean) => Array<EditorNode>;
49
- getSelectedEditorNodes: (nodeSelectionIds: NodeIdSelection, content: EditorContent) => Array<EditorNode>;
50
- removeIds: (nodes: Array<EditorNode>) => void;
41
+ getTopNodeElementInEditor: (element: HTMLElement) => HTMLElement;
42
+ getNodesInArrayByDataType: (nodes: Array<import("../models/EditorModels").ContentNodeReference>, dataType: string) => Array<import("../models/EditorModels").ContentNodeReference>;
51
43
  };
52
44
  htmlNode: {
53
- getNodeIdsForRange: (range: Range) => NodeIdSelection;
54
- removeNodes: (nodes2Remove: Array<EditorNode>, editor: HTMLElement) => void;
55
- getHtmlElementById: (id: number, element: HTMLElement) => HTMLElement;
56
- surroundSelectionWithElement: (element: HTMLElement, nodeSelection: NodeIdSelection, range: Range) => void;
57
- surroundContents: (element: HTMLElement, nodeSelection: NodeIdSelection, range: Range) => void;
45
+ getNodeSelectionForRange: (range: Range) => NodeSelection;
46
+ removeNodes: (nodes2Remove: Array<import("../models/EditorModels").ContentNodeReference>, editor: HTMLElement) => void;
47
+ getHtmlElementInStructureById: (id: number, currentElement: HTMLElement) => HTMLElement;
48
+ surroundSelectionWithElement: (element: HTMLElement, range: Range) => void;
49
+ surroundContents: (element: HTMLElement, range: Range) => void;
58
50
  };
59
51
  };
60
52
  };
@@ -1,12 +1,5 @@
1
- import { EditorContent, EditorNode, NodeIdSelection } from "../../models/EditorModels";
2
- export type builtIndataTypes = "text" | "formatting";
1
+ import { ContentNodeReference } from "../../models/EditorModels";
3
2
  export declare function useEditorNodeHelper(): {
4
- getEditorNodeBySelectors: (nodes: Array<EditorNode>, selectors: {
5
- name?: string;
6
- id?: string;
7
- dataType?: string;
8
- }) => EditorNode;
9
- getEditorNodesInArrayByElement: (element: HTMLElement, nodes: Array<EditorNode>, deep: boolean) => Array<EditorNode>;
10
- getSelectedEditorNodes: (nodeSelectionIds: NodeIdSelection, content: EditorContent) => Array<EditorNode>;
11
- removeIds: (nodes: Array<EditorNode>) => void;
3
+ getTopNodeElementInEditor: (element: HTMLElement) => HTMLElement;
4
+ getNodesInArrayByDataType: (nodes: Array<ContentNodeReference>, dataType: string) => Array<ContentNodeReference>;
12
5
  };
@@ -1,9 +1,9 @@
1
- import { EditorNode, NodeIdSelection } from "../../models/EditorModels";
1
+ import { ContentNodeReference, NodeSelection } from "../../models/EditorModels";
2
2
  export type builtIndataTypes = "text" | "formatting";
3
3
  export declare function useHtmlNodeHelper(): {
4
- getNodeIdsForRange: (range: Range) => NodeIdSelection;
5
- removeNodes: (nodes2Remove: Array<EditorNode>, editor: HTMLElement) => void;
6
- getHtmlElementById: (id: number, element: HTMLElement) => HTMLElement;
7
- surroundSelectionWithElement: (element: HTMLElement, nodeSelection: NodeIdSelection, range: Range) => void;
8
- surroundContents: (element: HTMLElement, nodeSelection: NodeIdSelection, range: Range) => void;
4
+ getNodeSelectionForRange: (range: Range) => NodeSelection;
5
+ removeNodes: (nodes2Remove: Array<ContentNodeReference>, editor: HTMLElement) => void;
6
+ getHtmlElementInStructureById: (id: number, currentElement: HTMLElement) => HTMLElement;
7
+ surroundSelectionWithElement: (element: HTMLElement, range: Range) => void;
8
+ surroundContents: (element: HTMLElement, range: Range) => void;
9
9
  };
@@ -1,17 +1,21 @@
1
1
  export interface EditorContent {
2
2
  version: string;
3
- nodes: EditorNode[];
3
+ nodes: ContentNode[];
4
4
  }
5
- export interface EditorNode {
5
+ export interface ContentNode {
6
6
  type: string;
7
- id: number;
8
- children?: EditorNode[];
7
+ children?: ContentNode[];
9
8
  }
10
- export interface TextEditorNode extends EditorNode {
9
+ export interface TextEditorNode extends ContentNode {
11
10
  text: string;
12
11
  }
13
- export interface NodeIdSelection {
14
- commonAncestorContainerId: number;
15
- containerIds: number[];
16
- nodesInSelectionIds: number[];
12
+ export interface ContentNodeReference {
13
+ type: string;
14
+ id: number;
15
+ element: HTMLElement;
16
+ }
17
+ export interface NodeSelection {
18
+ commonAncestorContainer: ContentNodeReference;
19
+ formatting: ContentNodeReference[];
20
+ nodes: ContentNodeReference[];
17
21
  }
@@ -1,16 +1,18 @@
1
1
  import { MarkdownEditorActionRegistration } from "@omnia/fx-models";
2
2
  import { useMarkdownStore } from "../stores/MarkdownStore";
3
- import { EditorNode } from "./EditorModels";
3
+ import { ContentNode } from "./EditorModels";
4
+ import { useMarkdownToolbarStore } from "../stores/MarkdownToolbarStore";
4
5
  export interface EditorPlugin {
5
6
  name: string;
6
7
  commands?: object;
7
8
  actions?: Array<MarkdownEditorActionRegistration>;
8
9
  }
9
10
  export interface EditorFormattingPlugin extends EditorPlugin {
10
- toJSON: (el: HTMLElement) => EditorNode;
11
- toHtml: (node: EditorNode, ctx: EditorPluginContext) => HTMLElement;
11
+ toJSON: (el: HTMLElement) => ContentNode;
12
+ toHtml: (node: ContentNode, ctx: EditorPluginContext) => HTMLElement;
12
13
  }
13
14
  export interface EditorPluginContext {
14
15
  componentCreator?: (componentDef: any, props: {}, el: HTMLElement) => void;
15
- store: ReturnType<typeof useMarkdownStore>;
16
+ editorStore: ReturnType<typeof useMarkdownStore>;
17
+ toolbarStore: ReturnType<typeof useMarkdownToolbarStore>;
16
18
  }
@@ -1,6 +1,6 @@
1
1
  import { ColorValue } from "@omnia/fx-models";
2
- import { EditorNode } from "../../models/EditorModels";
3
- export interface ColorEditorNode extends EditorNode {
2
+ import { ContentNode } from "../../models/EditorModels";
3
+ export interface ColorFormatNode extends ContentNode {
4
4
  data: ColorValue;
5
5
  }
6
6
  declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<{}>) => any;
@@ -1,5 +1,5 @@
1
- import { EditorNode } from "../../models/EditorModels";
2
- export interface TextEditorNode extends EditorNode {
1
+ import { ContentNode } from "../../models/EditorModels";
2
+ export interface TextContentNode extends ContentNode {
3
3
  value?: string;
4
4
  }
5
5
  export declare const textPlugin: () => import("../../models/EditorPlugin").EditorPlugin & {
@@ -1,6 +1,6 @@
1
1
  import { TypographyValue } from "@omnia/fx-models";
2
- import { EditorNode } from "../../models/EditorModels";
3
- export interface TypographyEditorNode extends EditorNode {
2
+ import { ContentNode } from "../../models/EditorModels";
3
+ export interface TypographyFormatNode extends ContentNode {
4
4
  data: TypographyValue;
5
5
  }
6
6
  declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<{}>) => any;
@@ -1,6 +1,6 @@
1
1
  import { VelcronAppDefinition } from "@omnia/fx-models";
2
- import { EditorNode } from "../../models/EditorModels";
3
- export interface VelcronEditorNode extends EditorNode {
2
+ import { ContentNode } from "../../models/EditorModels";
3
+ export interface VelcronContentNode extends ContentNode {
4
4
  definition: VelcronAppDefinition;
5
5
  }
6
6
  export declare const velcronRendererPlugin: () => import("../../models/EditorPlugin").EditorPlugin & {