@omnia/fx 8.0.288-dev → 8.0.290-dev

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (91) hide show
  1. package/internal-do-not-import-from-here/manifests/omnia.fx.ux.manifest.json +1 -1
  2. package/internal-do-not-import-from-here/manifests/omnia.vendor.manifest.json +1 -1
  3. package/internal-do-not-import-from-here/ux/InternalDefineComponent.d.ts +9 -1
  4. package/internal-do-not-import-from-here/ux/aurora/admin/DesignAppJourney.d.ts +2 -0
  5. package/internal-do-not-import-from-here/ux/aurora/admin/DesignBPJourney.d.ts +2 -0
  6. package/internal-do-not-import-from-here/ux/aurora/admin/DesignJourney.d.ts +3 -15
  7. package/internal-do-not-import-from-here/ux/aurora/admin/blades/themes/ThemesJourney.d.ts +3 -15
  8. package/internal-do-not-import-from-here/ux/aurora/admin/blades/themes/blades/SelectionThemeBlade.d.ts +14 -0
  9. package/internal-do-not-import-from-here/ux/aurora/admin/blades/themes/models/Theme.d.ts +9 -0
  10. package/internal-do-not-import-from-here/ux/aurora/admin/blades/themes/models/index.d.ts +1 -0
  11. package/internal-do-not-import-from-here/ux/aurora/components/textstylepicker/TextStylePicker.d.ts +2 -0
  12. package/internal-do-not-import-from-here/ux/aurora/components/themepicker/ThemePicker.d.ts +15 -501
  13. package/internal-do-not-import-from-here/ux/docs/Docs.d.ts +4 -0
  14. package/internal-do-not-import-from-here/ux/docs/bestpractices/index.d.ts +1 -0
  15. package/internal-do-not-import-from-here/ux/docs/bestpractices/typescript/index.md.d.ts +1 -0
  16. package/internal-do-not-import-from-here/ux/docs/imports.d.ts +1 -0
  17. package/internal-do-not-import-from-here/ux/documenticon/DocumentIcon.d.ts +7 -14
  18. package/internal-do-not-import-from-here/ux/flow/editor/commands/EditorCommands.d.ts +7 -10
  19. package/internal-do-not-import-from-here/ux/flow/editor/commands/helpers/EditorHelper.d.ts +1 -3
  20. package/internal-do-not-import-from-here/ux/flow/editor/commands/helpers/EditorNodeHelper.d.ts +1 -1
  21. package/internal-do-not-import-from-here/ux/flow/editor/commands/helpers/HtmlNodehelper.d.ts +2 -2
  22. package/internal-do-not-import-from-here/ux/flow/editor/components/EditorSelector.d.ts +1 -1
  23. package/internal-do-not-import-from-here/ux/flow/editor/models/index.d.ts +0 -2
  24. package/internal-do-not-import-from-here/ux/flow/editor/parsers/HtmlParser.d.ts +1 -2
  25. package/internal-do-not-import-from-here/ux/flow/editor/parsers/JSONParser.d.ts +1 -2
  26. package/internal-do-not-import-from-here/ux/flow/editor/plugins/DefineEditorPlugin.d.ts +2 -2
  27. package/internal-do-not-import-from-here/ux/flow/editor/plugins/bold/BoldPlugin.d.ts +2 -1
  28. package/internal-do-not-import-from-here/ux/flow/editor/plugins/colorstyle/ColorButton.d.ts +450 -1
  29. package/internal-do-not-import-from-here/ux/flow/editor/plugins/colorstyle/ColorConverter.d.ts +1 -1
  30. package/internal-do-not-import-from-here/ux/flow/editor/plugins/colorstyle/ColorStylePlugin.d.ts +2 -1
  31. package/internal-do-not-import-from-here/ux/flow/editor/plugins/elements/ElementConverter.d.ts +1 -2
  32. package/internal-do-not-import-from-here/ux/flow/editor/plugins/elements/ElementPlugin.d.ts +2 -1
  33. package/internal-do-not-import-from-here/ux/flow/editor/plugins/eventhandlers/EditorEvents.d.ts +17 -2
  34. package/internal-do-not-import-from-here/ux/flow/editor/plugins/eventhandlers/KeyboardEvents.d.ts +8 -2
  35. package/internal-do-not-import-from-here/ux/flow/editor/plugins/eventhandlers/handlers/ClipboardHandler.d.ts +1 -1
  36. package/internal-do-not-import-from-here/ux/flow/editor/plugins/italic/ItalicPlugin.d.ts +2 -1
  37. package/internal-do-not-import-from-here/ux/flow/editor/plugins/link/LinkButton.d.ts +451 -0
  38. package/internal-do-not-import-from-here/ux/flow/editor/plugins/link/LinkConverter.d.ts +3 -0
  39. package/internal-do-not-import-from-here/ux/flow/editor/plugins/link/LinkPlugin.d.ts +4 -0
  40. package/internal-do-not-import-from-here/ux/flow/editor/plugins/sourceeditor/SourceEditorPlugin.d.ts +5 -2
  41. package/internal-do-not-import-from-here/ux/flow/editor/plugins/spacing/SpacingButton.d.ts +450 -1
  42. package/internal-do-not-import-from-here/ux/flow/editor/plugins/spacing/SpacingPlugin.d.ts +2 -1
  43. package/internal-do-not-import-from-here/ux/flow/editor/plugins/testdata/TestDataPlugin.d.ts +5 -2
  44. package/internal-do-not-import-from-here/ux/flow/editor/plugins/text/TextConverter.d.ts +1 -1
  45. package/internal-do-not-import-from-here/ux/flow/editor/plugins/text/TextPlugin.d.ts +2 -1
  46. package/internal-do-not-import-from-here/ux/flow/editor/plugins/textalign/TextAlignPlugin.d.ts +2 -1
  47. package/internal-do-not-import-from-here/ux/flow/editor/plugins/typography/TypographyButton.d.ts +450 -1
  48. package/internal-do-not-import-from-here/ux/flow/editor/plugins/typography/TypographyPlugin.d.ts +2 -1
  49. package/internal-do-not-import-from-here/ux/flow/editor/plugins/velcron/VelcronPlugin.d.ts +2 -7
  50. package/internal-do-not-import-from-here/ux/flow/editor/stores/FlowEditorStore.d.ts +26 -19
  51. package/internal-do-not-import-from-here/ux/flow/editor/stores/FlowEditorToolbarStore.d.ts +195 -150
  52. package/internal-do-not-import-from-here/ux/flow/editor/stores/VelcronPluginStore.d.ts +53 -0
  53. package/internal-do-not-import-from-here/ux/flow/editor/stores/index.d.ts +1 -0
  54. package/internal-do-not-import-from-here/ux/flow/renderer/plugins/link/LinkPlugin.d.ts +3 -0
  55. package/internal-do-not-import-from-here/ux/flow/renderer/stores/FlowRendererStore.d.ts +6 -0
  56. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/breakpoints/BreakPointBlockSettingsComponent.d.ts +2 -20
  57. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/breakpoints/BreakPointSectionSettingsComponent.d.ts +2 -28
  58. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/breakpoints/BreakPointSettingsComponent.d.ts +6 -25
  59. package/internal-do-not-import-from-here/ux/layoutcanvas/renderer/LayoutRendererCanvas.d.ts +13 -0
  60. package/internal-do-not-import-from-here/ux/layoutcanvas/shared/BreakPointManager.d.ts +1 -1
  61. package/internal-do-not-import-from-here/ux/linkpicker/LinkPicker.d.ts +3 -5
  62. package/internal-do-not-import-from-here/ux/linkpicker/LinkRenderer.d.ts +2 -2
  63. package/internal-do-not-import-from-here/ux/linkpicker/factory/LinkItemFactory.d.ts +2 -7
  64. package/internal-do-not-import-from-here/ux/markdown/plugins/CodeComponent.d.ts +34 -0
  65. package/internal-do-not-import-from-here/ux/markdown/plugins/CodeMarkdownPlugin.d.ts +3 -0
  66. package/internal-do-not-import-from-here/ux/{flow/editor/models → models/flow}/EditorModels.d.ts +1 -1
  67. package/internal-do-not-import-from-here/ux/models/flow/LinkNode.d.ts +13 -0
  68. package/internal-do-not-import-from-here/ux/models/flow/index.d.ts +3 -0
  69. package/internal-do-not-import-from-here/ux/models/linkpicker/ILinkPickerProvider.d.ts +1 -2
  70. package/internal-do-not-import-from-here/ux/models/linkpicker/ILinkRenderer.d.ts +1 -1
  71. package/internal-do-not-import-from-here/ux/models/linkpicker/LinkItemHandler.d.ts +2 -3
  72. package/internal-do-not-import-from-here/ux/models/linkpicker/LinkPickerRegistration.d.ts +10 -10
  73. package/internal-do-not-import-from-here/ux/models/linkpicker/index.d.ts +0 -1
  74. package/internal-do-not-import-from-here/ux/oxide/datatable/RowRenderer.d.ts +2 -2
  75. package/internal-do-not-import-from-here/ux/oxide/expansionpanel/ExpansionPanels.d.ts +1 -1
  76. package/internal-do-not-import-from-here/ux/velcron/core/models/VelcronDefinitions.d.ts +17 -0
  77. package/internal-do-not-import-from-here/ux/velcron/core/models/VelcronPropertyEditorDefinitions.d.ts +11 -1
  78. package/internal-do-not-import-from-here/ux/velcron/core/parser/VelcronConstants.d.ts +1 -0
  79. package/internal-do-not-import-from-here/ux/velcron/core/templatebuilder/VelcronEditorBuilder.d.ts +1 -0
  80. package/internal-do-not-import-from-here/ux/velcron/editor/models/VelcronEditorDescriptors.d.ts +1 -0
  81. package/internal-do-not-import-from-here/ux/velcron/editor/templates/EditorTemplates.d.ts +1 -0
  82. package/internal-do-not-import-from-here/ux/velcron/renderer/components/Grid.d.ts +32 -0
  83. package/internal-do-not-import-from-here/ux/velcron/renderer/editors/LinkResolverEditor.d.ts +5 -0
  84. package/internal-do-not-import-from-here/ux/velcron/renderer/editors/ReferenceEditor.d.ts +6 -4
  85. package/internal-do-not-import-from-here/ux/versionedlayout/renderer/InternalVersionedLayoutRenderer.d.ts +13 -0
  86. package/internal-do-not-import-from-here/vue/vuecustomelement/Slots.d.ts +1 -0
  87. package/internal-do-not-import-from-here/wctypings.d.ts +58 -20
  88. package/package.json +4 -4
  89. package/internal-do-not-import-from-here/ux/markdown/plugins/CodeMarkdownRenderer.d.ts +0 -0
  90. package/internal-do-not-import-from-here/ux/models/linkpicker/LinkItem.d.ts +0 -8
  91. /package/internal-do-not-import-from-here/ux/{flow/editor/models → models/flow}/EditorPlugin.d.ts +0 -0
@@ -5,16 +5,15 @@ export declare const useFlowEditorToolbarStore: () => {
5
5
  activeEditorStore: {
6
6
  state: {
7
7
  editorContent: import("../../..").FlowContent;
8
- plugins: import("..").FlowEditorPlugin[];
8
+ plugins: import("../../..").FlowEditorPlugin[];
9
9
  pluginsLoadedPromise: import("@omnia/fx-models").Future<void>;
10
10
  hideToolbar: boolean;
11
- maxNodeId: number;
12
11
  toolbarActions: FlowEditorActionRegistration[];
13
12
  editor: HTMLDivElement;
14
- nodeSelection: import("..").NodeSelection;
13
+ nodeSelection: import("../../..").NodeSelection;
15
14
  telePorts: JSX.Element[];
16
15
  id: string;
17
- pluginContext: import("..").FlowEditorPluginContext;
16
+ pluginContext: import("../../..").FlowEditorPluginContext;
18
17
  selectedRange: Range;
19
18
  storedRange: Range;
20
19
  showPlaceHolder: boolean;
@@ -23,19 +22,21 @@ export declare const useFlowEditorToolbarStore: () => {
23
22
  categoryFilters: guid[];
24
23
  rendererTypeFilters: guid[];
25
24
  };
25
+ settings: {
26
+ gridWidth: number;
27
+ };
26
28
  };
27
29
  events: {
28
30
  onMutatedEditorContent: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../../..").FlowContent>;
29
- onMutatedPlugins: import("@omnia/fx").MessageBusExposeOnlySubscription<import("..").FlowEditorPlugin[]>;
31
+ onMutatedPlugins: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../../..").FlowEditorPlugin[]>;
30
32
  onMutatedPluginsLoadedPromise: import("@omnia/fx").MessageBusExposeOnlySubscription<import("@omnia/fx-models").Future<void>>;
31
33
  onMutatedHideToolbar: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
32
- onMutatedMaxNodeId: import("@omnia/fx").MessageBusExposeOnlySubscription<number>;
33
34
  onMutatedToolbarActions: import("@omnia/fx").MessageBusExposeOnlySubscription<FlowEditorActionRegistration[]>;
34
35
  onMutatedEditor: import("@omnia/fx").MessageBusExposeOnlySubscription<HTMLDivElement>;
35
- onMutatedNodeSelection: import("@omnia/fx").MessageBusExposeOnlySubscription<import("..").NodeSelection>;
36
+ onMutatedNodeSelection: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../../..").NodeSelection>;
36
37
  onMutatedTelePorts: import("@omnia/fx").MessageBusExposeOnlySubscription<JSX.Element[]>;
37
38
  onMutatedId: import("@omnia/fx").MessageBusExposeOnlySubscription<string>;
38
- onMutatedPluginContext: import("@omnia/fx").MessageBusExposeOnlySubscription<import("..").FlowEditorPluginContext>;
39
+ onMutatedPluginContext: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../../..").FlowEditorPluginContext>;
39
40
  onMutatedSelectedRange: import("@omnia/fx").MessageBusExposeOnlySubscription<Range>;
40
41
  onMutatedStoredRange: import("@omnia/fx").MessageBusExposeOnlySubscription<Range>;
41
42
  onMutatedShowPlaceHolder: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
@@ -44,6 +45,9 @@ export declare const useFlowEditorToolbarStore: () => {
44
45
  categoryFilters: guid[];
45
46
  rendererTypeFilters: guid[];
46
47
  }>;
48
+ onMutatedSettings: import("@omnia/fx").MessageBusExposeOnlySubscription<{
49
+ gridWidth: number;
50
+ }>;
47
51
  } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
48
52
  actions: {
49
53
  onDispatching: {
@@ -85,6 +89,7 @@ export declare const useFlowEditorToolbarStore: () => {
85
89
  };
86
90
  selection: {
87
91
  subscribe(fn: (result: {
92
+ set: (elements: Node | Array<Node>) => void;
88
93
  capture: () => void;
89
94
  store: () => void;
90
95
  revertToStored: () => void;
@@ -96,7 +101,7 @@ export declare const useFlowEditorToolbarStore: () => {
96
101
  register: {
97
102
  plugin: (pluginSettings: import("@omnia/fx-models").FlowEditorPluginSettings) => void;
98
103
  plugins: (pluginSettings: import("@omnia/fx-models").FlowEditorPluginSettings | import("@omnia/fx-models").FlowEditorPluginSettings[]) => Promise<void>;
99
- context: (ctx: import("..").FlowEditorPluginContext) => void;
104
+ context: (ctx: import("../../..").FlowEditorPluginContext) => void;
100
105
  };
101
106
  }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
102
107
  };
@@ -125,6 +130,7 @@ export declare const useFlowEditorToolbarStore: () => {
125
130
  subscribe(fn: (result: {
126
131
  wrapLine: (element: HTMLElement) => void;
127
132
  add: (element: HTMLElement) => void;
133
+ addWithText: (element: HTMLElement, text: any) => void;
128
134
  toggle: (element: HTMLElement) => void;
129
135
  remove: (dataType: string) => void;
130
136
  }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -157,7 +163,7 @@ export declare const useFlowEditorToolbarStore: () => {
157
163
  };
158
164
  selection: {
159
165
  get: {
160
- byPluginType: (pluginType: string) => import("..").FlowNodeReference[];
166
+ byPluginType: (pluginType: string) => import("../../..").FlowNodeReference[];
161
167
  };
162
168
  ensure: {
163
169
  storedRange: () => void;
@@ -172,6 +178,7 @@ export declare const useFlowEditorToolbarStore: () => {
172
178
  };
173
179
  formatting: {
174
180
  add: (element: HTMLElement) => void;
181
+ addWithTxt: (element: HTMLElement, text?: string) => void;
175
182
  wrapLine: (element: HTMLElement) => void;
176
183
  remove: (dataType: string | HTMLElement) => void;
177
184
  has: (dataType: string | HTMLElement) => boolean;
@@ -193,9 +200,7 @@ export declare const useFlowEditorToolbarStore: () => {
193
200
  helpers: {
194
201
  editor: {
195
202
  ensure: {
196
- uniqueIds: (element: HTMLElement, state: {
197
- maxNodeId: number;
198
- }) => HTMLElement;
203
+ uniqueIds: (element: HTMLElement) => HTMLElement;
199
204
  selectionIsInEditor: (range: Range) => void;
200
205
  };
201
206
  cursor: {
@@ -208,7 +213,7 @@ export declare const useFlowEditorToolbarStore: () => {
208
213
  };
209
214
  editorNode: {
210
215
  get: {
211
- nodesInArrayByPluginType: (nodes: Array<import("..").FlowNodeReference>, dataType: string) => Array<import("..").FlowNodeReference>;
216
+ nodesInArrayByPluginType: (nodes: Array<import("../../..").FlowNodeReference>, dataType: string) => Array<import("../../..").FlowNodeReference>;
212
217
  };
213
218
  };
214
219
  htmlNode: {
@@ -222,11 +227,11 @@ export declare const useFlowEditorToolbarStore: () => {
222
227
  get: {
223
228
  topContainerForContent: (element: HTMLElement) => HTMLElement;
224
229
  topContainerForComponent: (element: HTMLElement) => HTMLElement;
225
- nodeSelectionForRange: (range: Range) => import("..").NodeSelection;
226
- htmlElementInStructureById: (id: number, currentElement: HTMLElement) => HTMLElement;
230
+ nodeSelectionForRange: (range: Range) => import("../../..").NodeSelection;
231
+ htmlElementInStructureById: (id: string, currentElement: HTMLElement) => HTMLElement;
227
232
  };
228
233
  remove: {
229
- nodes: (nodes2Remove: Array<import("..").FlowNodeReference>, editor: HTMLElement) => void;
234
+ nodes: (nodes2Remove: Array<import("../../..").FlowNodeReference>, editor: HTMLElement) => void;
230
235
  };
231
236
  strip: {
232
237
  after: (element: HTMLElement, splitter: string) => void;
@@ -277,6 +282,7 @@ export declare const useFlowEditorToolbarStore: () => {
277
282
  };
278
283
  };
279
284
  selection: () => {
285
+ set: (elements: Node | Array<Node>) => void;
280
286
  capture: () => void;
281
287
  store: () => void;
282
288
  revertToStored: () => void;
@@ -286,7 +292,7 @@ export declare const useFlowEditorToolbarStore: () => {
286
292
  register: {
287
293
  plugin: (pluginSettings: import("@omnia/fx-models").FlowEditorPluginSettings) => void;
288
294
  plugins: (pluginSettings: import("@omnia/fx-models").FlowEditorPluginSettings | import("@omnia/fx-models").FlowEditorPluginSettings[]) => Promise<void>;
289
- context: (ctx: import("..").FlowEditorPluginContext) => void;
295
+ context: (ctx: import("../../..").FlowEditorPluginContext) => void;
290
296
  };
291
297
  };
292
298
  content: () => {
@@ -307,6 +313,7 @@ export declare const useFlowEditorToolbarStore: () => {
307
313
  formatting: () => {
308
314
  wrapLine: (element: HTMLElement) => void;
309
315
  add: (element: HTMLElement) => void;
316
+ addWithText: (element: HTMLElement, text: any) => void;
310
317
  toggle: (element: HTMLElement) => void;
311
318
  remove: (dataType: string) => void;
312
319
  };
@@ -335,7 +342,7 @@ export declare const useFlowEditorToolbarStore: () => {
335
342
  };
336
343
  selection: {
337
344
  get: {
338
- byPluginType: (pluginType: string) => import("..").FlowNodeReference[];
345
+ byPluginType: (pluginType: string) => import("../../..").FlowNodeReference[];
339
346
  };
340
347
  ensure: {
341
348
  storedRange: () => void;
@@ -350,6 +357,7 @@ export declare const useFlowEditorToolbarStore: () => {
350
357
  };
351
358
  formatting: {
352
359
  add: (element: HTMLElement) => void;
360
+ addWithTxt: (element: HTMLElement, text?: string) => void;
353
361
  wrapLine: (element: HTMLElement) => void;
354
362
  remove: (dataType: string | HTMLElement) => void;
355
363
  has: (dataType: string | HTMLElement) => boolean;
@@ -371,9 +379,7 @@ export declare const useFlowEditorToolbarStore: () => {
371
379
  helpers: {
372
380
  editor: {
373
381
  ensure: {
374
- uniqueIds: (element: HTMLElement, state: {
375
- maxNodeId: number;
376
- }) => HTMLElement;
382
+ uniqueIds: (element: HTMLElement) => HTMLElement;
377
383
  selectionIsInEditor: (range: Range) => void;
378
384
  };
379
385
  cursor: {
@@ -386,7 +392,7 @@ export declare const useFlowEditorToolbarStore: () => {
386
392
  };
387
393
  editorNode: {
388
394
  get: {
389
- nodesInArrayByPluginType: (nodes: Array<import("..").FlowNodeReference>, dataType: string) => Array<import("..").FlowNodeReference>;
395
+ nodesInArrayByPluginType: (nodes: Array<import("../../..").FlowNodeReference>, dataType: string) => Array<import("../../..").FlowNodeReference>;
390
396
  };
391
397
  };
392
398
  htmlNode: {
@@ -400,11 +406,11 @@ export declare const useFlowEditorToolbarStore: () => {
400
406
  get: {
401
407
  topContainerForContent: (element: HTMLElement) => HTMLElement;
402
408
  topContainerForComponent: (element: HTMLElement) => HTMLElement;
403
- nodeSelectionForRange: (range: Range) => import("..").NodeSelection;
404
- htmlElementInStructureById: (id: number, currentElement: HTMLElement) => HTMLElement;
409
+ nodeSelectionForRange: (range: Range) => import("../../..").NodeSelection;
410
+ htmlElementInStructureById: (id: string, currentElement: HTMLElement) => HTMLElement;
405
411
  };
406
412
  remove: {
407
- nodes: (nodes2Remove: Array<import("..").FlowNodeReference>, editor: HTMLElement) => void;
413
+ nodes: (nodes2Remove: Array<import("../../..").FlowNodeReference>, editor: HTMLElement) => void;
408
414
  };
409
415
  strip: {
410
416
  after: (element: HTMLElement, splitter: string) => void;
@@ -419,7 +425,7 @@ export declare const useFlowEditorToolbarStore: () => {
419
425
  };
420
426
  };
421
427
  get: {
422
- plugins: import("..").FlowEditorPlugin[];
428
+ plugins: import("../../..").FlowEditorPlugin[];
423
429
  content: {
424
430
  isEmpty: () => boolean;
425
431
  asObject: () => import("../../..").FlowContent;
@@ -430,12 +436,13 @@ export declare const useFlowEditorToolbarStore: () => {
430
436
  type: (pluginType: string) => boolean;
431
437
  };
432
438
  get: {
433
- byType: (pluginType: string) => import("..").FlowNodeReference[];
434
- all: () => import("..").NodeSelection;
439
+ byType: (pluginType: string) => import("../../..").FlowNodeReference[];
440
+ all: () => import("../../..").NodeSelection;
435
441
  };
436
442
  };
437
443
  element: {
438
- byId: (id: number) => HTMLElement;
444
+ byId: (id: string) => HTMLElement;
445
+ byRef: (ref: HTMLElement) => HTMLElement;
439
446
  };
440
447
  };
441
448
  } & {
@@ -449,16 +456,15 @@ export declare const useFlowEditorToolbarStore: () => {
449
456
  onMutatedActiveEditorStore: import("@omnia/fx").MessageBusExposeOnlySubscription<{
450
457
  state: {
451
458
  editorContent: import("../../..").FlowContent;
452
- plugins: import("..").FlowEditorPlugin[];
459
+ plugins: import("../../..").FlowEditorPlugin[];
453
460
  pluginsLoadedPromise: import("@omnia/fx-models").Future<void>;
454
461
  hideToolbar: boolean;
455
- maxNodeId: number;
456
462
  toolbarActions: FlowEditorActionRegistration[];
457
463
  editor: HTMLDivElement;
458
- nodeSelection: import("..").NodeSelection;
464
+ nodeSelection: import("../../..").NodeSelection;
459
465
  telePorts: JSX.Element[];
460
466
  id: string;
461
- pluginContext: import("..").FlowEditorPluginContext;
467
+ pluginContext: import("../../..").FlowEditorPluginContext;
462
468
  selectedRange: Range;
463
469
  storedRange: Range;
464
470
  showPlaceHolder: boolean;
@@ -467,19 +473,21 @@ export declare const useFlowEditorToolbarStore: () => {
467
473
  categoryFilters: guid[];
468
474
  rendererTypeFilters: guid[];
469
475
  };
476
+ settings: {
477
+ gridWidth: number;
478
+ };
470
479
  };
471
480
  events: {
472
481
  onMutatedEditorContent: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../../..").FlowContent>;
473
- onMutatedPlugins: import("@omnia/fx").MessageBusExposeOnlySubscription<import("..").FlowEditorPlugin[]>;
482
+ onMutatedPlugins: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../../..").FlowEditorPlugin[]>;
474
483
  onMutatedPluginsLoadedPromise: import("@omnia/fx").MessageBusExposeOnlySubscription<import("@omnia/fx-models").Future<void>>;
475
484
  onMutatedHideToolbar: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
476
- onMutatedMaxNodeId: import("@omnia/fx").MessageBusExposeOnlySubscription<number>;
477
485
  onMutatedToolbarActions: import("@omnia/fx").MessageBusExposeOnlySubscription<FlowEditorActionRegistration[]>;
478
486
  onMutatedEditor: import("@omnia/fx").MessageBusExposeOnlySubscription<HTMLDivElement>;
479
- onMutatedNodeSelection: import("@omnia/fx").MessageBusExposeOnlySubscription<import("..").NodeSelection>;
487
+ onMutatedNodeSelection: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../../..").NodeSelection>;
480
488
  onMutatedTelePorts: import("@omnia/fx").MessageBusExposeOnlySubscription<JSX.Element[]>;
481
489
  onMutatedId: import("@omnia/fx").MessageBusExposeOnlySubscription<string>;
482
- onMutatedPluginContext: import("@omnia/fx").MessageBusExposeOnlySubscription<import("..").FlowEditorPluginContext>;
490
+ onMutatedPluginContext: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../../..").FlowEditorPluginContext>;
483
491
  onMutatedSelectedRange: import("@omnia/fx").MessageBusExposeOnlySubscription<Range>;
484
492
  onMutatedStoredRange: import("@omnia/fx").MessageBusExposeOnlySubscription<Range>;
485
493
  onMutatedShowPlaceHolder: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
@@ -488,6 +496,9 @@ export declare const useFlowEditorToolbarStore: () => {
488
496
  categoryFilters: guid[];
489
497
  rendererTypeFilters: guid[];
490
498
  }>;
499
+ onMutatedSettings: import("@omnia/fx").MessageBusExposeOnlySubscription<{
500
+ gridWidth: number;
501
+ }>;
491
502
  } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
492
503
  actions: {
493
504
  onDispatching: {
@@ -529,6 +540,7 @@ export declare const useFlowEditorToolbarStore: () => {
529
540
  };
530
541
  selection: {
531
542
  subscribe(fn: (result: {
543
+ set: (elements: Node | Array<Node>) => void;
532
544
  capture: () => void;
533
545
  store: () => void;
534
546
  revertToStored: () => void;
@@ -540,7 +552,7 @@ export declare const useFlowEditorToolbarStore: () => {
540
552
  register: {
541
553
  plugin: (pluginSettings: import("@omnia/fx-models").FlowEditorPluginSettings) => void;
542
554
  plugins: (pluginSettings: import("@omnia/fx-models").FlowEditorPluginSettings | import("@omnia/fx-models").FlowEditorPluginSettings[]) => Promise<void>;
543
- context: (ctx: import("..").FlowEditorPluginContext) => void;
555
+ context: (ctx: import("../../..").FlowEditorPluginContext) => void;
544
556
  };
545
557
  }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
546
558
  };
@@ -569,6 +581,7 @@ export declare const useFlowEditorToolbarStore: () => {
569
581
  subscribe(fn: (result: {
570
582
  wrapLine: (element: HTMLElement) => void;
571
583
  add: (element: HTMLElement) => void;
584
+ addWithText: (element: HTMLElement, text: any) => void;
572
585
  toggle: (element: HTMLElement) => void;
573
586
  remove: (dataType: string) => void;
574
587
  }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -601,7 +614,7 @@ export declare const useFlowEditorToolbarStore: () => {
601
614
  };
602
615
  selection: {
603
616
  get: {
604
- byPluginType: (pluginType: string) => import("..").FlowNodeReference[];
617
+ byPluginType: (pluginType: string) => import("../../..").FlowNodeReference[];
605
618
  };
606
619
  ensure: {
607
620
  storedRange: () => void;
@@ -616,6 +629,7 @@ export declare const useFlowEditorToolbarStore: () => {
616
629
  };
617
630
  formatting: {
618
631
  add: (element: HTMLElement) => void;
632
+ addWithTxt: (element: HTMLElement, text?: string) => void;
619
633
  wrapLine: (element: HTMLElement) => void;
620
634
  remove: (dataType: string | HTMLElement) => void;
621
635
  has: (dataType: string | HTMLElement) => boolean;
@@ -637,9 +651,7 @@ export declare const useFlowEditorToolbarStore: () => {
637
651
  helpers: {
638
652
  editor: {
639
653
  ensure: {
640
- uniqueIds: (element: HTMLElement, state: {
641
- maxNodeId: number;
642
- }) => HTMLElement;
654
+ uniqueIds: (element: HTMLElement) => HTMLElement;
643
655
  selectionIsInEditor: (range: Range) => void;
644
656
  };
645
657
  cursor: {
@@ -652,7 +664,7 @@ export declare const useFlowEditorToolbarStore: () => {
652
664
  };
653
665
  editorNode: {
654
666
  get: {
655
- nodesInArrayByPluginType: (nodes: Array<import("..").FlowNodeReference>, dataType: string) => Array<import("..").FlowNodeReference>;
667
+ nodesInArrayByPluginType: (nodes: Array<import("../../..").FlowNodeReference>, dataType: string) => Array<import("../../..").FlowNodeReference>;
656
668
  };
657
669
  };
658
670
  htmlNode: {
@@ -666,11 +678,11 @@ export declare const useFlowEditorToolbarStore: () => {
666
678
  get: {
667
679
  topContainerForContent: (element: HTMLElement) => HTMLElement;
668
680
  topContainerForComponent: (element: HTMLElement) => HTMLElement;
669
- nodeSelectionForRange: (range: Range) => import("..").NodeSelection;
670
- htmlElementInStructureById: (id: number, currentElement: HTMLElement) => HTMLElement;
681
+ nodeSelectionForRange: (range: Range) => import("../../..").NodeSelection;
682
+ htmlElementInStructureById: (id: string, currentElement: HTMLElement) => HTMLElement;
671
683
  };
672
684
  remove: {
673
- nodes: (nodes2Remove: Array<import("..").FlowNodeReference>, editor: HTMLElement) => void;
685
+ nodes: (nodes2Remove: Array<import("../../..").FlowNodeReference>, editor: HTMLElement) => void;
674
686
  };
675
687
  strip: {
676
688
  after: (element: HTMLElement, splitter: string) => void;
@@ -721,6 +733,7 @@ export declare const useFlowEditorToolbarStore: () => {
721
733
  };
722
734
  };
723
735
  selection: () => {
736
+ set: (elements: Node | Array<Node>) => void;
724
737
  capture: () => void;
725
738
  store: () => void;
726
739
  revertToStored: () => void;
@@ -730,7 +743,7 @@ export declare const useFlowEditorToolbarStore: () => {
730
743
  register: {
731
744
  plugin: (pluginSettings: import("@omnia/fx-models").FlowEditorPluginSettings) => void;
732
745
  plugins: (pluginSettings: import("@omnia/fx-models").FlowEditorPluginSettings | import("@omnia/fx-models").FlowEditorPluginSettings[]) => Promise<void>;
733
- context: (ctx: import("..").FlowEditorPluginContext) => void;
746
+ context: (ctx: import("../../..").FlowEditorPluginContext) => void;
734
747
  };
735
748
  };
736
749
  content: () => {
@@ -751,6 +764,7 @@ export declare const useFlowEditorToolbarStore: () => {
751
764
  formatting: () => {
752
765
  wrapLine: (element: HTMLElement) => void;
753
766
  add: (element: HTMLElement) => void;
767
+ addWithText: (element: HTMLElement, text: any) => void;
754
768
  toggle: (element: HTMLElement) => void;
755
769
  remove: (dataType: string) => void;
756
770
  };
@@ -779,7 +793,7 @@ export declare const useFlowEditorToolbarStore: () => {
779
793
  };
780
794
  selection: {
781
795
  get: {
782
- byPluginType: (pluginType: string) => import("..").FlowNodeReference[];
796
+ byPluginType: (pluginType: string) => import("../../..").FlowNodeReference[];
783
797
  };
784
798
  ensure: {
785
799
  storedRange: () => void;
@@ -794,6 +808,7 @@ export declare const useFlowEditorToolbarStore: () => {
794
808
  };
795
809
  formatting: {
796
810
  add: (element: HTMLElement) => void;
811
+ addWithTxt: (element: HTMLElement, text?: string) => void;
797
812
  wrapLine: (element: HTMLElement) => void;
798
813
  remove: (dataType: string | HTMLElement) => void;
799
814
  has: (dataType: string | HTMLElement) => boolean;
@@ -815,9 +830,7 @@ export declare const useFlowEditorToolbarStore: () => {
815
830
  helpers: {
816
831
  editor: {
817
832
  ensure: {
818
- uniqueIds: (element: HTMLElement, state: {
819
- maxNodeId: number;
820
- }) => HTMLElement;
833
+ uniqueIds: (element: HTMLElement) => HTMLElement;
821
834
  selectionIsInEditor: (range: Range) => void;
822
835
  };
823
836
  cursor: {
@@ -830,7 +843,7 @@ export declare const useFlowEditorToolbarStore: () => {
830
843
  };
831
844
  editorNode: {
832
845
  get: {
833
- nodesInArrayByPluginType: (nodes: Array<import("..").FlowNodeReference>, dataType: string) => Array<import("..").FlowNodeReference>;
846
+ nodesInArrayByPluginType: (nodes: Array<import("../../..").FlowNodeReference>, dataType: string) => Array<import("../../..").FlowNodeReference>;
834
847
  };
835
848
  };
836
849
  htmlNode: {
@@ -844,11 +857,11 @@ export declare const useFlowEditorToolbarStore: () => {
844
857
  get: {
845
858
  topContainerForContent: (element: HTMLElement) => HTMLElement;
846
859
  topContainerForComponent: (element: HTMLElement) => HTMLElement;
847
- nodeSelectionForRange: (range: Range) => import("..").NodeSelection;
848
- htmlElementInStructureById: (id: number, currentElement: HTMLElement) => HTMLElement;
860
+ nodeSelectionForRange: (range: Range) => import("../../..").NodeSelection;
861
+ htmlElementInStructureById: (id: string, currentElement: HTMLElement) => HTMLElement;
849
862
  };
850
863
  remove: {
851
- nodes: (nodes2Remove: Array<import("..").FlowNodeReference>, editor: HTMLElement) => void;
864
+ nodes: (nodes2Remove: Array<import("../../..").FlowNodeReference>, editor: HTMLElement) => void;
852
865
  };
853
866
  strip: {
854
867
  after: (element: HTMLElement, splitter: string) => void;
@@ -863,7 +876,7 @@ export declare const useFlowEditorToolbarStore: () => {
863
876
  };
864
877
  };
865
878
  get: {
866
- plugins: import("..").FlowEditorPlugin[];
879
+ plugins: import("../../..").FlowEditorPlugin[];
867
880
  content: {
868
881
  isEmpty: () => boolean;
869
882
  asObject: () => import("../../..").FlowContent;
@@ -874,12 +887,13 @@ export declare const useFlowEditorToolbarStore: () => {
874
887
  type: (pluginType: string) => boolean;
875
888
  };
876
889
  get: {
877
- byType: (pluginType: string) => import("..").FlowNodeReference[];
878
- all: () => import("..").NodeSelection;
890
+ byType: (pluginType: string) => import("../../..").FlowNodeReference[];
891
+ all: () => import("../../..").NodeSelection;
879
892
  };
880
893
  };
881
894
  element: {
882
- byId: (id: number) => HTMLElement;
895
+ byId: (id: string) => HTMLElement;
896
+ byRef: (ref: HTMLElement) => HTMLElement;
883
897
  };
884
898
  };
885
899
  } & {
@@ -891,6 +905,9 @@ export declare const useFlowEditorToolbarStore: () => {
891
905
  } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
892
906
  actions: {
893
907
  onDispatching: {
908
+ addAction: {
909
+ subscribe(fn: (action: FlowEditorActionRegistration) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
910
+ };
894
911
  setCustomRenderer: {
895
912
  subscribe(fn: (renderer: () => JSX.Element) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
896
913
  };
@@ -904,16 +921,15 @@ export declare const useFlowEditorToolbarStore: () => {
904
921
  subscribe(fn: (store: {
905
922
  state: {
906
923
  editorContent: import("../../..").FlowContent;
907
- plugins: import("..").FlowEditorPlugin[];
924
+ plugins: import("../../..").FlowEditorPlugin[];
908
925
  pluginsLoadedPromise: import("@omnia/fx-models").Future<void>;
909
926
  hideToolbar: boolean;
910
- maxNodeId: number;
911
927
  toolbarActions: FlowEditorActionRegistration[];
912
928
  editor: HTMLDivElement;
913
- nodeSelection: import("..").NodeSelection;
929
+ nodeSelection: import("../../..").NodeSelection;
914
930
  telePorts: JSX.Element[];
915
931
  id: string;
916
- pluginContext: import("..").FlowEditorPluginContext;
932
+ pluginContext: import("../../..").FlowEditorPluginContext;
917
933
  selectedRange: Range;
918
934
  storedRange: Range;
919
935
  showPlaceHolder: boolean;
@@ -922,19 +938,21 @@ export declare const useFlowEditorToolbarStore: () => {
922
938
  categoryFilters: guid[];
923
939
  rendererTypeFilters: guid[];
924
940
  };
941
+ settings: {
942
+ gridWidth: number;
943
+ };
925
944
  };
926
945
  events: {
927
946
  onMutatedEditorContent: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../../..").FlowContent>;
928
- onMutatedPlugins: import("@omnia/fx").MessageBusExposeOnlySubscription<import("..").FlowEditorPlugin[]>;
947
+ onMutatedPlugins: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../../..").FlowEditorPlugin[]>;
929
948
  onMutatedPluginsLoadedPromise: import("@omnia/fx").MessageBusExposeOnlySubscription<import("@omnia/fx-models").Future<void>>;
930
949
  onMutatedHideToolbar: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
931
- onMutatedMaxNodeId: import("@omnia/fx").MessageBusExposeOnlySubscription<number>;
932
950
  onMutatedToolbarActions: import("@omnia/fx").MessageBusExposeOnlySubscription<FlowEditorActionRegistration[]>;
933
951
  onMutatedEditor: import("@omnia/fx").MessageBusExposeOnlySubscription<HTMLDivElement>;
934
- onMutatedNodeSelection: import("@omnia/fx").MessageBusExposeOnlySubscription<import("..").NodeSelection>;
952
+ onMutatedNodeSelection: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../../..").NodeSelection>;
935
953
  onMutatedTelePorts: import("@omnia/fx").MessageBusExposeOnlySubscription<JSX.Element[]>;
936
954
  onMutatedId: import("@omnia/fx").MessageBusExposeOnlySubscription<string>;
937
- onMutatedPluginContext: import("@omnia/fx").MessageBusExposeOnlySubscription<import("..").FlowEditorPluginContext>;
955
+ onMutatedPluginContext: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../../..").FlowEditorPluginContext>;
938
956
  onMutatedSelectedRange: import("@omnia/fx").MessageBusExposeOnlySubscription<Range>;
939
957
  onMutatedStoredRange: import("@omnia/fx").MessageBusExposeOnlySubscription<Range>;
940
958
  onMutatedShowPlaceHolder: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
@@ -943,6 +961,9 @@ export declare const useFlowEditorToolbarStore: () => {
943
961
  categoryFilters: guid[];
944
962
  rendererTypeFilters: guid[];
945
963
  }>;
964
+ onMutatedSettings: import("@omnia/fx").MessageBusExposeOnlySubscription<{
965
+ gridWidth: number;
966
+ }>;
946
967
  } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
947
968
  actions: {
948
969
  onDispatching: {
@@ -984,6 +1005,7 @@ export declare const useFlowEditorToolbarStore: () => {
984
1005
  };
985
1006
  selection: {
986
1007
  subscribe(fn: (result: {
1008
+ set: (elements: Node | Array<Node>) => void;
987
1009
  capture: () => void;
988
1010
  store: () => void;
989
1011
  revertToStored: () => void;
@@ -995,7 +1017,7 @@ export declare const useFlowEditorToolbarStore: () => {
995
1017
  register: {
996
1018
  plugin: (pluginSettings: import("@omnia/fx-models").FlowEditorPluginSettings) => void;
997
1019
  plugins: (pluginSettings: import("@omnia/fx-models").FlowEditorPluginSettings | import("@omnia/fx-models").FlowEditorPluginSettings[]) => Promise<void>;
998
- context: (ctx: import("..").FlowEditorPluginContext) => void;
1020
+ context: (ctx: import("../../..").FlowEditorPluginContext) => void;
999
1021
  };
1000
1022
  }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
1001
1023
  };
@@ -1024,6 +1046,7 @@ export declare const useFlowEditorToolbarStore: () => {
1024
1046
  subscribe(fn: (result: {
1025
1047
  wrapLine: (element: HTMLElement) => void;
1026
1048
  add: (element: HTMLElement) => void;
1049
+ addWithText: (element: HTMLElement, text: any) => void;
1027
1050
  toggle: (element: HTMLElement) => void;
1028
1051
  remove: (dataType: string) => void;
1029
1052
  }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -1056,7 +1079,7 @@ export declare const useFlowEditorToolbarStore: () => {
1056
1079
  };
1057
1080
  selection: {
1058
1081
  get: {
1059
- byPluginType: (pluginType: string) => import("..").FlowNodeReference[];
1082
+ byPluginType: (pluginType: string) => import("../../..").FlowNodeReference[];
1060
1083
  };
1061
1084
  ensure: {
1062
1085
  storedRange: () => void;
@@ -1071,6 +1094,7 @@ export declare const useFlowEditorToolbarStore: () => {
1071
1094
  };
1072
1095
  formatting: {
1073
1096
  add: (element: HTMLElement) => void;
1097
+ addWithTxt: (element: HTMLElement, text?: string) => void;
1074
1098
  wrapLine: (element: HTMLElement) => void;
1075
1099
  remove: (dataType: string | HTMLElement) => void;
1076
1100
  has: (dataType: string | HTMLElement) => boolean;
@@ -1092,9 +1116,7 @@ export declare const useFlowEditorToolbarStore: () => {
1092
1116
  helpers: {
1093
1117
  editor: {
1094
1118
  ensure: {
1095
- uniqueIds: (element: HTMLElement, state: {
1096
- maxNodeId: number;
1097
- }) => HTMLElement;
1119
+ uniqueIds: (element: HTMLElement) => HTMLElement;
1098
1120
  selectionIsInEditor: (range: Range) => void;
1099
1121
  };
1100
1122
  cursor: {
@@ -1107,7 +1129,7 @@ export declare const useFlowEditorToolbarStore: () => {
1107
1129
  };
1108
1130
  editorNode: {
1109
1131
  get: {
1110
- nodesInArrayByPluginType: (nodes: Array<import("..").FlowNodeReference>, dataType: string) => Array<import("..").FlowNodeReference>;
1132
+ nodesInArrayByPluginType: (nodes: Array<import("../../..").FlowNodeReference>, dataType: string) => Array<import("../../..").FlowNodeReference>;
1111
1133
  };
1112
1134
  };
1113
1135
  htmlNode: {
@@ -1121,11 +1143,11 @@ export declare const useFlowEditorToolbarStore: () => {
1121
1143
  get: {
1122
1144
  topContainerForContent: (element: HTMLElement) => HTMLElement;
1123
1145
  topContainerForComponent: (element: HTMLElement) => HTMLElement;
1124
- nodeSelectionForRange: (range: Range) => import("..").NodeSelection;
1125
- htmlElementInStructureById: (id: number, currentElement: HTMLElement) => HTMLElement;
1146
+ nodeSelectionForRange: (range: Range) => import("../../..").NodeSelection;
1147
+ htmlElementInStructureById: (id: string, currentElement: HTMLElement) => HTMLElement;
1126
1148
  };
1127
1149
  remove: {
1128
- nodes: (nodes2Remove: Array<import("..").FlowNodeReference>, editor: HTMLElement) => void;
1150
+ nodes: (nodes2Remove: Array<import("../../..").FlowNodeReference>, editor: HTMLElement) => void;
1129
1151
  };
1130
1152
  strip: {
1131
1153
  after: (element: HTMLElement, splitter: string) => void;
@@ -1176,6 +1198,7 @@ export declare const useFlowEditorToolbarStore: () => {
1176
1198
  };
1177
1199
  };
1178
1200
  selection: () => {
1201
+ set: (elements: Node | Array<Node>) => void;
1179
1202
  capture: () => void;
1180
1203
  store: () => void;
1181
1204
  revertToStored: () => void;
@@ -1185,7 +1208,7 @@ export declare const useFlowEditorToolbarStore: () => {
1185
1208
  register: {
1186
1209
  plugin: (pluginSettings: import("@omnia/fx-models").FlowEditorPluginSettings) => void;
1187
1210
  plugins: (pluginSettings: import("@omnia/fx-models").FlowEditorPluginSettings | import("@omnia/fx-models").FlowEditorPluginSettings[]) => Promise<void>;
1188
- context: (ctx: import("..").FlowEditorPluginContext) => void;
1211
+ context: (ctx: import("../../..").FlowEditorPluginContext) => void;
1189
1212
  };
1190
1213
  };
1191
1214
  content: () => {
@@ -1206,6 +1229,7 @@ export declare const useFlowEditorToolbarStore: () => {
1206
1229
  formatting: () => {
1207
1230
  wrapLine: (element: HTMLElement) => void;
1208
1231
  add: (element: HTMLElement) => void;
1232
+ addWithText: (element: HTMLElement, text: any) => void;
1209
1233
  toggle: (element: HTMLElement) => void;
1210
1234
  remove: (dataType: string) => void;
1211
1235
  };
@@ -1234,7 +1258,7 @@ export declare const useFlowEditorToolbarStore: () => {
1234
1258
  };
1235
1259
  selection: {
1236
1260
  get: {
1237
- byPluginType: (pluginType: string) => import("..").FlowNodeReference[];
1261
+ byPluginType: (pluginType: string) => import("../../..").FlowNodeReference[];
1238
1262
  };
1239
1263
  ensure: {
1240
1264
  storedRange: () => void;
@@ -1249,6 +1273,7 @@ export declare const useFlowEditorToolbarStore: () => {
1249
1273
  };
1250
1274
  formatting: {
1251
1275
  add: (element: HTMLElement) => void;
1276
+ addWithTxt: (element: HTMLElement, text?: string) => void;
1252
1277
  wrapLine: (element: HTMLElement) => void;
1253
1278
  remove: (dataType: string | HTMLElement) => void;
1254
1279
  has: (dataType: string | HTMLElement) => boolean;
@@ -1270,9 +1295,7 @@ export declare const useFlowEditorToolbarStore: () => {
1270
1295
  helpers: {
1271
1296
  editor: {
1272
1297
  ensure: {
1273
- uniqueIds: (element: HTMLElement, state: {
1274
- maxNodeId: number;
1275
- }) => HTMLElement;
1298
+ uniqueIds: (element: HTMLElement) => HTMLElement;
1276
1299
  selectionIsInEditor: (range: Range) => void;
1277
1300
  };
1278
1301
  cursor: {
@@ -1285,7 +1308,7 @@ export declare const useFlowEditorToolbarStore: () => {
1285
1308
  };
1286
1309
  editorNode: {
1287
1310
  get: {
1288
- nodesInArrayByPluginType: (nodes: Array<import("..").FlowNodeReference>, dataType: string) => Array<import("..").FlowNodeReference>;
1311
+ nodesInArrayByPluginType: (nodes: Array<import("../../..").FlowNodeReference>, dataType: string) => Array<import("../../..").FlowNodeReference>;
1289
1312
  };
1290
1313
  };
1291
1314
  htmlNode: {
@@ -1299,11 +1322,11 @@ export declare const useFlowEditorToolbarStore: () => {
1299
1322
  get: {
1300
1323
  topContainerForContent: (element: HTMLElement) => HTMLElement;
1301
1324
  topContainerForComponent: (element: HTMLElement) => HTMLElement;
1302
- nodeSelectionForRange: (range: Range) => import("..").NodeSelection;
1303
- htmlElementInStructureById: (id: number, currentElement: HTMLElement) => HTMLElement;
1325
+ nodeSelectionForRange: (range: Range) => import("../../..").NodeSelection;
1326
+ htmlElementInStructureById: (id: string, currentElement: HTMLElement) => HTMLElement;
1304
1327
  };
1305
1328
  remove: {
1306
- nodes: (nodes2Remove: Array<import("..").FlowNodeReference>, editor: HTMLElement) => void;
1329
+ nodes: (nodes2Remove: Array<import("../../..").FlowNodeReference>, editor: HTMLElement) => void;
1307
1330
  };
1308
1331
  strip: {
1309
1332
  after: (element: HTMLElement, splitter: string) => void;
@@ -1318,7 +1341,7 @@ export declare const useFlowEditorToolbarStore: () => {
1318
1341
  };
1319
1342
  };
1320
1343
  get: {
1321
- plugins: import("..").FlowEditorPlugin[];
1344
+ plugins: import("../../..").FlowEditorPlugin[];
1322
1345
  content: {
1323
1346
  isEmpty: () => boolean;
1324
1347
  asObject: () => import("../../..").FlowContent;
@@ -1329,12 +1352,13 @@ export declare const useFlowEditorToolbarStore: () => {
1329
1352
  type: (pluginType: string) => boolean;
1330
1353
  };
1331
1354
  get: {
1332
- byType: (pluginType: string) => import("..").FlowNodeReference[];
1333
- all: () => import("..").NodeSelection;
1355
+ byType: (pluginType: string) => import("../../..").FlowNodeReference[];
1356
+ all: () => import("../../..").NodeSelection;
1334
1357
  };
1335
1358
  };
1336
1359
  element: {
1337
- byId: (id: number) => HTMLElement;
1360
+ byId: (id: string) => HTMLElement;
1361
+ byRef: (ref: HTMLElement) => HTMLElement;
1338
1362
  };
1339
1363
  };
1340
1364
  } & {
@@ -1346,6 +1370,9 @@ export declare const useFlowEditorToolbarStore: () => {
1346
1370
  };
1347
1371
  };
1348
1372
  onDispatched: {
1373
+ addAction: {
1374
+ subscribe(fn: (result: void, action: FlowEditorActionRegistration) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
1375
+ };
1349
1376
  setCustomRenderer: {
1350
1377
  subscribe(fn: (result: void, renderer: () => JSX.Element) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
1351
1378
  };
@@ -1359,16 +1386,15 @@ export declare const useFlowEditorToolbarStore: () => {
1359
1386
  subscribe(fn: (result: void, store: {
1360
1387
  state: {
1361
1388
  editorContent: import("../../..").FlowContent;
1362
- plugins: import("..").FlowEditorPlugin[];
1389
+ plugins: import("../../..").FlowEditorPlugin[];
1363
1390
  pluginsLoadedPromise: import("@omnia/fx-models").Future<void>;
1364
1391
  hideToolbar: boolean;
1365
- maxNodeId: number;
1366
1392
  toolbarActions: FlowEditorActionRegistration[];
1367
1393
  editor: HTMLDivElement;
1368
- nodeSelection: import("..").NodeSelection;
1394
+ nodeSelection: import("../../..").NodeSelection;
1369
1395
  telePorts: JSX.Element[];
1370
1396
  id: string;
1371
- pluginContext: import("..").FlowEditorPluginContext;
1397
+ pluginContext: import("../../..").FlowEditorPluginContext;
1372
1398
  selectedRange: Range;
1373
1399
  storedRange: Range;
1374
1400
  showPlaceHolder: boolean;
@@ -1377,19 +1403,21 @@ export declare const useFlowEditorToolbarStore: () => {
1377
1403
  categoryFilters: guid[];
1378
1404
  rendererTypeFilters: guid[];
1379
1405
  };
1406
+ settings: {
1407
+ gridWidth: number;
1408
+ };
1380
1409
  };
1381
1410
  events: {
1382
1411
  onMutatedEditorContent: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../../..").FlowContent>;
1383
- onMutatedPlugins: import("@omnia/fx").MessageBusExposeOnlySubscription<import("..").FlowEditorPlugin[]>;
1412
+ onMutatedPlugins: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../../..").FlowEditorPlugin[]>;
1384
1413
  onMutatedPluginsLoadedPromise: import("@omnia/fx").MessageBusExposeOnlySubscription<import("@omnia/fx-models").Future<void>>;
1385
1414
  onMutatedHideToolbar: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
1386
- onMutatedMaxNodeId: import("@omnia/fx").MessageBusExposeOnlySubscription<number>;
1387
1415
  onMutatedToolbarActions: import("@omnia/fx").MessageBusExposeOnlySubscription<FlowEditorActionRegistration[]>;
1388
1416
  onMutatedEditor: import("@omnia/fx").MessageBusExposeOnlySubscription<HTMLDivElement>;
1389
- onMutatedNodeSelection: import("@omnia/fx").MessageBusExposeOnlySubscription<import("..").NodeSelection>;
1417
+ onMutatedNodeSelection: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../../..").NodeSelection>;
1390
1418
  onMutatedTelePorts: import("@omnia/fx").MessageBusExposeOnlySubscription<JSX.Element[]>;
1391
1419
  onMutatedId: import("@omnia/fx").MessageBusExposeOnlySubscription<string>;
1392
- onMutatedPluginContext: import("@omnia/fx").MessageBusExposeOnlySubscription<import("..").FlowEditorPluginContext>;
1420
+ onMutatedPluginContext: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../../..").FlowEditorPluginContext>;
1393
1421
  onMutatedSelectedRange: import("@omnia/fx").MessageBusExposeOnlySubscription<Range>;
1394
1422
  onMutatedStoredRange: import("@omnia/fx").MessageBusExposeOnlySubscription<Range>;
1395
1423
  onMutatedShowPlaceHolder: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
@@ -1398,6 +1426,9 @@ export declare const useFlowEditorToolbarStore: () => {
1398
1426
  categoryFilters: guid[];
1399
1427
  rendererTypeFilters: guid[];
1400
1428
  }>;
1429
+ onMutatedSettings: import("@omnia/fx").MessageBusExposeOnlySubscription<{
1430
+ gridWidth: number;
1431
+ }>;
1401
1432
  } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
1402
1433
  actions: {
1403
1434
  onDispatching: {
@@ -1439,6 +1470,7 @@ export declare const useFlowEditorToolbarStore: () => {
1439
1470
  };
1440
1471
  selection: {
1441
1472
  subscribe(fn: (result: {
1473
+ set: (elements: Node | Array<Node>) => void;
1442
1474
  capture: () => void;
1443
1475
  store: () => void;
1444
1476
  revertToStored: () => void;
@@ -1450,7 +1482,7 @@ export declare const useFlowEditorToolbarStore: () => {
1450
1482
  register: {
1451
1483
  plugin: (pluginSettings: import("@omnia/fx-models").FlowEditorPluginSettings) => void;
1452
1484
  plugins: (pluginSettings: import("@omnia/fx-models").FlowEditorPluginSettings | import("@omnia/fx-models").FlowEditorPluginSettings[]) => Promise<void>;
1453
- context: (ctx: import("..").FlowEditorPluginContext) => void;
1485
+ context: (ctx: import("../../..").FlowEditorPluginContext) => void;
1454
1486
  };
1455
1487
  }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
1456
1488
  };
@@ -1479,6 +1511,7 @@ export declare const useFlowEditorToolbarStore: () => {
1479
1511
  subscribe(fn: (result: {
1480
1512
  wrapLine: (element: HTMLElement) => void;
1481
1513
  add: (element: HTMLElement) => void;
1514
+ addWithText: (element: HTMLElement, text: any) => void;
1482
1515
  toggle: (element: HTMLElement) => void;
1483
1516
  remove: (dataType: string) => void;
1484
1517
  }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -1511,7 +1544,7 @@ export declare const useFlowEditorToolbarStore: () => {
1511
1544
  };
1512
1545
  selection: {
1513
1546
  get: {
1514
- byPluginType: (pluginType: string) => import("..").FlowNodeReference[];
1547
+ byPluginType: (pluginType: string) => import("../../..").FlowNodeReference[];
1515
1548
  };
1516
1549
  ensure: {
1517
1550
  storedRange: () => void;
@@ -1526,6 +1559,7 @@ export declare const useFlowEditorToolbarStore: () => {
1526
1559
  };
1527
1560
  formatting: {
1528
1561
  add: (element: HTMLElement) => void;
1562
+ addWithTxt: (element: HTMLElement, text?: string) => void;
1529
1563
  wrapLine: (element: HTMLElement) => void;
1530
1564
  remove: (dataType: string | HTMLElement) => void;
1531
1565
  has: (dataType: string | HTMLElement) => boolean;
@@ -1547,9 +1581,7 @@ export declare const useFlowEditorToolbarStore: () => {
1547
1581
  helpers: {
1548
1582
  editor: {
1549
1583
  ensure: {
1550
- uniqueIds: (element: HTMLElement, state: {
1551
- maxNodeId: number;
1552
- }) => HTMLElement;
1584
+ uniqueIds: (element: HTMLElement) => HTMLElement;
1553
1585
  selectionIsInEditor: (range: Range) => void;
1554
1586
  };
1555
1587
  cursor: {
@@ -1562,7 +1594,7 @@ export declare const useFlowEditorToolbarStore: () => {
1562
1594
  };
1563
1595
  editorNode: {
1564
1596
  get: {
1565
- nodesInArrayByPluginType: (nodes: Array<import("..").FlowNodeReference>, dataType: string) => Array<import("..").FlowNodeReference>;
1597
+ nodesInArrayByPluginType: (nodes: Array<import("../../..").FlowNodeReference>, dataType: string) => Array<import("../../..").FlowNodeReference>;
1566
1598
  };
1567
1599
  };
1568
1600
  htmlNode: {
@@ -1576,11 +1608,11 @@ export declare const useFlowEditorToolbarStore: () => {
1576
1608
  get: {
1577
1609
  topContainerForContent: (element: HTMLElement) => HTMLElement;
1578
1610
  topContainerForComponent: (element: HTMLElement) => HTMLElement;
1579
- nodeSelectionForRange: (range: Range) => import("..").NodeSelection;
1580
- htmlElementInStructureById: (id: number, currentElement: HTMLElement) => HTMLElement;
1611
+ nodeSelectionForRange: (range: Range) => import("../../..").NodeSelection;
1612
+ htmlElementInStructureById: (id: string, currentElement: HTMLElement) => HTMLElement;
1581
1613
  };
1582
1614
  remove: {
1583
- nodes: (nodes2Remove: Array<import("..").FlowNodeReference>, editor: HTMLElement) => void;
1615
+ nodes: (nodes2Remove: Array<import("../../..").FlowNodeReference>, editor: HTMLElement) => void;
1584
1616
  };
1585
1617
  strip: {
1586
1618
  after: (element: HTMLElement, splitter: string) => void;
@@ -1631,6 +1663,7 @@ export declare const useFlowEditorToolbarStore: () => {
1631
1663
  };
1632
1664
  };
1633
1665
  selection: () => {
1666
+ set: (elements: Node | Array<Node>) => void;
1634
1667
  capture: () => void;
1635
1668
  store: () => void;
1636
1669
  revertToStored: () => void;
@@ -1640,7 +1673,7 @@ export declare const useFlowEditorToolbarStore: () => {
1640
1673
  register: {
1641
1674
  plugin: (pluginSettings: import("@omnia/fx-models").FlowEditorPluginSettings) => void;
1642
1675
  plugins: (pluginSettings: import("@omnia/fx-models").FlowEditorPluginSettings | import("@omnia/fx-models").FlowEditorPluginSettings[]) => Promise<void>;
1643
- context: (ctx: import("..").FlowEditorPluginContext) => void;
1676
+ context: (ctx: import("../../..").FlowEditorPluginContext) => void;
1644
1677
  };
1645
1678
  };
1646
1679
  content: () => {
@@ -1661,6 +1694,7 @@ export declare const useFlowEditorToolbarStore: () => {
1661
1694
  formatting: () => {
1662
1695
  wrapLine: (element: HTMLElement) => void;
1663
1696
  add: (element: HTMLElement) => void;
1697
+ addWithText: (element: HTMLElement, text: any) => void;
1664
1698
  toggle: (element: HTMLElement) => void;
1665
1699
  remove: (dataType: string) => void;
1666
1700
  };
@@ -1689,7 +1723,7 @@ export declare const useFlowEditorToolbarStore: () => {
1689
1723
  };
1690
1724
  selection: {
1691
1725
  get: {
1692
- byPluginType: (pluginType: string) => import("..").FlowNodeReference[];
1726
+ byPluginType: (pluginType: string) => import("../../..").FlowNodeReference[];
1693
1727
  };
1694
1728
  ensure: {
1695
1729
  storedRange: () => void;
@@ -1704,6 +1738,7 @@ export declare const useFlowEditorToolbarStore: () => {
1704
1738
  };
1705
1739
  formatting: {
1706
1740
  add: (element: HTMLElement) => void;
1741
+ addWithTxt: (element: HTMLElement, text?: string) => void;
1707
1742
  wrapLine: (element: HTMLElement) => void;
1708
1743
  remove: (dataType: string | HTMLElement) => void;
1709
1744
  has: (dataType: string | HTMLElement) => boolean;
@@ -1725,9 +1760,7 @@ export declare const useFlowEditorToolbarStore: () => {
1725
1760
  helpers: {
1726
1761
  editor: {
1727
1762
  ensure: {
1728
- uniqueIds: (element: HTMLElement, state: {
1729
- maxNodeId: number;
1730
- }) => HTMLElement;
1763
+ uniqueIds: (element: HTMLElement) => HTMLElement;
1731
1764
  selectionIsInEditor: (range: Range) => void;
1732
1765
  };
1733
1766
  cursor: {
@@ -1740,7 +1773,7 @@ export declare const useFlowEditorToolbarStore: () => {
1740
1773
  };
1741
1774
  editorNode: {
1742
1775
  get: {
1743
- nodesInArrayByPluginType: (nodes: Array<import("..").FlowNodeReference>, dataType: string) => Array<import("..").FlowNodeReference>;
1776
+ nodesInArrayByPluginType: (nodes: Array<import("../../..").FlowNodeReference>, dataType: string) => Array<import("../../..").FlowNodeReference>;
1744
1777
  };
1745
1778
  };
1746
1779
  htmlNode: {
@@ -1754,11 +1787,11 @@ export declare const useFlowEditorToolbarStore: () => {
1754
1787
  get: {
1755
1788
  topContainerForContent: (element: HTMLElement) => HTMLElement;
1756
1789
  topContainerForComponent: (element: HTMLElement) => HTMLElement;
1757
- nodeSelectionForRange: (range: Range) => import("..").NodeSelection;
1758
- htmlElementInStructureById: (id: number, currentElement: HTMLElement) => HTMLElement;
1790
+ nodeSelectionForRange: (range: Range) => import("../../..").NodeSelection;
1791
+ htmlElementInStructureById: (id: string, currentElement: HTMLElement) => HTMLElement;
1759
1792
  };
1760
1793
  remove: {
1761
- nodes: (nodes2Remove: Array<import("..").FlowNodeReference>, editor: HTMLElement) => void;
1794
+ nodes: (nodes2Remove: Array<import("../../..").FlowNodeReference>, editor: HTMLElement) => void;
1762
1795
  };
1763
1796
  strip: {
1764
1797
  after: (element: HTMLElement, splitter: string) => void;
@@ -1773,7 +1806,7 @@ export declare const useFlowEditorToolbarStore: () => {
1773
1806
  };
1774
1807
  };
1775
1808
  get: {
1776
- plugins: import("..").FlowEditorPlugin[];
1809
+ plugins: import("../../..").FlowEditorPlugin[];
1777
1810
  content: {
1778
1811
  isEmpty: () => boolean;
1779
1812
  asObject: () => import("../../..").FlowContent;
@@ -1784,12 +1817,13 @@ export declare const useFlowEditorToolbarStore: () => {
1784
1817
  type: (pluginType: string) => boolean;
1785
1818
  };
1786
1819
  get: {
1787
- byType: (pluginType: string) => import("..").FlowNodeReference[];
1788
- all: () => import("..").NodeSelection;
1820
+ byType: (pluginType: string) => import("../../..").FlowNodeReference[];
1821
+ all: () => import("../../..").NodeSelection;
1789
1822
  };
1790
1823
  };
1791
1824
  element: {
1792
- byId: (id: number) => HTMLElement;
1825
+ byId: (id: string) => HTMLElement;
1826
+ byRef: (ref: HTMLElement) => HTMLElement;
1793
1827
  };
1794
1828
  };
1795
1829
  } & {
@@ -1801,6 +1835,9 @@ export declare const useFlowEditorToolbarStore: () => {
1801
1835
  };
1802
1836
  };
1803
1837
  onFailure: {
1838
+ addAction: {
1839
+ subscribe(fn: (failureReason: any, action: FlowEditorActionRegistration) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
1840
+ };
1804
1841
  setCustomRenderer: {
1805
1842
  subscribe(fn: (failureReason: any, renderer: () => JSX.Element) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
1806
1843
  };
@@ -1814,16 +1851,15 @@ export declare const useFlowEditorToolbarStore: () => {
1814
1851
  subscribe(fn: (failureReason: any, store: {
1815
1852
  state: {
1816
1853
  editorContent: import("../../..").FlowContent;
1817
- plugins: import("..").FlowEditorPlugin[];
1854
+ plugins: import("../../..").FlowEditorPlugin[];
1818
1855
  pluginsLoadedPromise: import("@omnia/fx-models").Future<void>;
1819
1856
  hideToolbar: boolean;
1820
- maxNodeId: number;
1821
1857
  toolbarActions: FlowEditorActionRegistration[];
1822
1858
  editor: HTMLDivElement;
1823
- nodeSelection: import("..").NodeSelection;
1859
+ nodeSelection: import("../../..").NodeSelection;
1824
1860
  telePorts: JSX.Element[];
1825
1861
  id: string;
1826
- pluginContext: import("..").FlowEditorPluginContext;
1862
+ pluginContext: import("../../..").FlowEditorPluginContext;
1827
1863
  selectedRange: Range;
1828
1864
  storedRange: Range;
1829
1865
  showPlaceHolder: boolean;
@@ -1832,19 +1868,21 @@ export declare const useFlowEditorToolbarStore: () => {
1832
1868
  categoryFilters: guid[];
1833
1869
  rendererTypeFilters: guid[];
1834
1870
  };
1871
+ settings: {
1872
+ gridWidth: number;
1873
+ };
1835
1874
  };
1836
1875
  events: {
1837
1876
  onMutatedEditorContent: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../../..").FlowContent>;
1838
- onMutatedPlugins: import("@omnia/fx").MessageBusExposeOnlySubscription<import("..").FlowEditorPlugin[]>;
1877
+ onMutatedPlugins: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../../..").FlowEditorPlugin[]>;
1839
1878
  onMutatedPluginsLoadedPromise: import("@omnia/fx").MessageBusExposeOnlySubscription<import("@omnia/fx-models").Future<void>>;
1840
1879
  onMutatedHideToolbar: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
1841
- onMutatedMaxNodeId: import("@omnia/fx").MessageBusExposeOnlySubscription<number>;
1842
1880
  onMutatedToolbarActions: import("@omnia/fx").MessageBusExposeOnlySubscription<FlowEditorActionRegistration[]>;
1843
1881
  onMutatedEditor: import("@omnia/fx").MessageBusExposeOnlySubscription<HTMLDivElement>;
1844
- onMutatedNodeSelection: import("@omnia/fx").MessageBusExposeOnlySubscription<import("..").NodeSelection>;
1882
+ onMutatedNodeSelection: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../../..").NodeSelection>;
1845
1883
  onMutatedTelePorts: import("@omnia/fx").MessageBusExposeOnlySubscription<JSX.Element[]>;
1846
1884
  onMutatedId: import("@omnia/fx").MessageBusExposeOnlySubscription<string>;
1847
- onMutatedPluginContext: import("@omnia/fx").MessageBusExposeOnlySubscription<import("..").FlowEditorPluginContext>;
1885
+ onMutatedPluginContext: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../../..").FlowEditorPluginContext>;
1848
1886
  onMutatedSelectedRange: import("@omnia/fx").MessageBusExposeOnlySubscription<Range>;
1849
1887
  onMutatedStoredRange: import("@omnia/fx").MessageBusExposeOnlySubscription<Range>;
1850
1888
  onMutatedShowPlaceHolder: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
@@ -1853,6 +1891,9 @@ export declare const useFlowEditorToolbarStore: () => {
1853
1891
  categoryFilters: guid[];
1854
1892
  rendererTypeFilters: guid[];
1855
1893
  }>;
1894
+ onMutatedSettings: import("@omnia/fx").MessageBusExposeOnlySubscription<{
1895
+ gridWidth: number;
1896
+ }>;
1856
1897
  } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
1857
1898
  actions: {
1858
1899
  onDispatching: {
@@ -1894,6 +1935,7 @@ export declare const useFlowEditorToolbarStore: () => {
1894
1935
  };
1895
1936
  selection: {
1896
1937
  subscribe(fn: (result: {
1938
+ set: (elements: Node | Array<Node>) => void;
1897
1939
  capture: () => void;
1898
1940
  store: () => void;
1899
1941
  revertToStored: () => void;
@@ -1905,7 +1947,7 @@ export declare const useFlowEditorToolbarStore: () => {
1905
1947
  register: {
1906
1948
  plugin: (pluginSettings: import("@omnia/fx-models").FlowEditorPluginSettings) => void;
1907
1949
  plugins: (pluginSettings: import("@omnia/fx-models").FlowEditorPluginSettings | import("@omnia/fx-models").FlowEditorPluginSettings[]) => Promise<void>;
1908
- context: (ctx: import("..").FlowEditorPluginContext) => void;
1950
+ context: (ctx: import("../../..").FlowEditorPluginContext) => void;
1909
1951
  };
1910
1952
  }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
1911
1953
  };
@@ -1934,6 +1976,7 @@ export declare const useFlowEditorToolbarStore: () => {
1934
1976
  subscribe(fn: (result: {
1935
1977
  wrapLine: (element: HTMLElement) => void;
1936
1978
  add: (element: HTMLElement) => void;
1979
+ addWithText: (element: HTMLElement, text: any) => void;
1937
1980
  toggle: (element: HTMLElement) => void;
1938
1981
  remove: (dataType: string) => void;
1939
1982
  }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -1966,7 +2009,7 @@ export declare const useFlowEditorToolbarStore: () => {
1966
2009
  };
1967
2010
  selection: {
1968
2011
  get: {
1969
- byPluginType: (pluginType: string) => import("..").FlowNodeReference[];
2012
+ byPluginType: (pluginType: string) => import("../../..").FlowNodeReference[];
1970
2013
  };
1971
2014
  ensure: {
1972
2015
  storedRange: () => void;
@@ -1981,6 +2024,7 @@ export declare const useFlowEditorToolbarStore: () => {
1981
2024
  };
1982
2025
  formatting: {
1983
2026
  add: (element: HTMLElement) => void;
2027
+ addWithTxt: (element: HTMLElement, text?: string) => void;
1984
2028
  wrapLine: (element: HTMLElement) => void;
1985
2029
  remove: (dataType: string | HTMLElement) => void;
1986
2030
  has: (dataType: string | HTMLElement) => boolean;
@@ -2002,9 +2046,7 @@ export declare const useFlowEditorToolbarStore: () => {
2002
2046
  helpers: {
2003
2047
  editor: {
2004
2048
  ensure: {
2005
- uniqueIds: (element: HTMLElement, state: {
2006
- maxNodeId: number;
2007
- }) => HTMLElement;
2049
+ uniqueIds: (element: HTMLElement) => HTMLElement;
2008
2050
  selectionIsInEditor: (range: Range) => void;
2009
2051
  };
2010
2052
  cursor: {
@@ -2017,7 +2059,7 @@ export declare const useFlowEditorToolbarStore: () => {
2017
2059
  };
2018
2060
  editorNode: {
2019
2061
  get: {
2020
- nodesInArrayByPluginType: (nodes: Array<import("..").FlowNodeReference>, dataType: string) => Array<import("..").FlowNodeReference>;
2062
+ nodesInArrayByPluginType: (nodes: Array<import("../../..").FlowNodeReference>, dataType: string) => Array<import("../../..").FlowNodeReference>;
2021
2063
  };
2022
2064
  };
2023
2065
  htmlNode: {
@@ -2031,11 +2073,11 @@ export declare const useFlowEditorToolbarStore: () => {
2031
2073
  get: {
2032
2074
  topContainerForContent: (element: HTMLElement) => HTMLElement;
2033
2075
  topContainerForComponent: (element: HTMLElement) => HTMLElement;
2034
- nodeSelectionForRange: (range: Range) => import("..").NodeSelection;
2035
- htmlElementInStructureById: (id: number, currentElement: HTMLElement) => HTMLElement;
2076
+ nodeSelectionForRange: (range: Range) => import("../../..").NodeSelection;
2077
+ htmlElementInStructureById: (id: string, currentElement: HTMLElement) => HTMLElement;
2036
2078
  };
2037
2079
  remove: {
2038
- nodes: (nodes2Remove: Array<import("..").FlowNodeReference>, editor: HTMLElement) => void;
2080
+ nodes: (nodes2Remove: Array<import("../../..").FlowNodeReference>, editor: HTMLElement) => void;
2039
2081
  };
2040
2082
  strip: {
2041
2083
  after: (element: HTMLElement, splitter: string) => void;
@@ -2086,6 +2128,7 @@ export declare const useFlowEditorToolbarStore: () => {
2086
2128
  };
2087
2129
  };
2088
2130
  selection: () => {
2131
+ set: (elements: Node | Array<Node>) => void;
2089
2132
  capture: () => void;
2090
2133
  store: () => void;
2091
2134
  revertToStored: () => void;
@@ -2095,7 +2138,7 @@ export declare const useFlowEditorToolbarStore: () => {
2095
2138
  register: {
2096
2139
  plugin: (pluginSettings: import("@omnia/fx-models").FlowEditorPluginSettings) => void;
2097
2140
  plugins: (pluginSettings: import("@omnia/fx-models").FlowEditorPluginSettings | import("@omnia/fx-models").FlowEditorPluginSettings[]) => Promise<void>;
2098
- context: (ctx: import("..").FlowEditorPluginContext) => void;
2141
+ context: (ctx: import("../../..").FlowEditorPluginContext) => void;
2099
2142
  };
2100
2143
  };
2101
2144
  content: () => {
@@ -2116,6 +2159,7 @@ export declare const useFlowEditorToolbarStore: () => {
2116
2159
  formatting: () => {
2117
2160
  wrapLine: (element: HTMLElement) => void;
2118
2161
  add: (element: HTMLElement) => void;
2162
+ addWithText: (element: HTMLElement, text: any) => void;
2119
2163
  toggle: (element: HTMLElement) => void;
2120
2164
  remove: (dataType: string) => void;
2121
2165
  };
@@ -2144,7 +2188,7 @@ export declare const useFlowEditorToolbarStore: () => {
2144
2188
  };
2145
2189
  selection: {
2146
2190
  get: {
2147
- byPluginType: (pluginType: string) => import("..").FlowNodeReference[];
2191
+ byPluginType: (pluginType: string) => import("../../..").FlowNodeReference[];
2148
2192
  };
2149
2193
  ensure: {
2150
2194
  storedRange: () => void;
@@ -2159,6 +2203,7 @@ export declare const useFlowEditorToolbarStore: () => {
2159
2203
  };
2160
2204
  formatting: {
2161
2205
  add: (element: HTMLElement) => void;
2206
+ addWithTxt: (element: HTMLElement, text?: string) => void;
2162
2207
  wrapLine: (element: HTMLElement) => void;
2163
2208
  remove: (dataType: string | HTMLElement) => void;
2164
2209
  has: (dataType: string | HTMLElement) => boolean;
@@ -2180,9 +2225,7 @@ export declare const useFlowEditorToolbarStore: () => {
2180
2225
  helpers: {
2181
2226
  editor: {
2182
2227
  ensure: {
2183
- uniqueIds: (element: HTMLElement, state: {
2184
- maxNodeId: number;
2185
- }) => HTMLElement;
2228
+ uniqueIds: (element: HTMLElement) => HTMLElement;
2186
2229
  selectionIsInEditor: (range: Range) => void;
2187
2230
  };
2188
2231
  cursor: {
@@ -2195,7 +2238,7 @@ export declare const useFlowEditorToolbarStore: () => {
2195
2238
  };
2196
2239
  editorNode: {
2197
2240
  get: {
2198
- nodesInArrayByPluginType: (nodes: Array<import("..").FlowNodeReference>, dataType: string) => Array<import("..").FlowNodeReference>;
2241
+ nodesInArrayByPluginType: (nodes: Array<import("../../..").FlowNodeReference>, dataType: string) => Array<import("../../..").FlowNodeReference>;
2199
2242
  };
2200
2243
  };
2201
2244
  htmlNode: {
@@ -2209,11 +2252,11 @@ export declare const useFlowEditorToolbarStore: () => {
2209
2252
  get: {
2210
2253
  topContainerForContent: (element: HTMLElement) => HTMLElement;
2211
2254
  topContainerForComponent: (element: HTMLElement) => HTMLElement;
2212
- nodeSelectionForRange: (range: Range) => import("..").NodeSelection;
2213
- htmlElementInStructureById: (id: number, currentElement: HTMLElement) => HTMLElement;
2255
+ nodeSelectionForRange: (range: Range) => import("../../..").NodeSelection;
2256
+ htmlElementInStructureById: (id: string, currentElement: HTMLElement) => HTMLElement;
2214
2257
  };
2215
2258
  remove: {
2216
- nodes: (nodes2Remove: Array<import("..").FlowNodeReference>, editor: HTMLElement) => void;
2259
+ nodes: (nodes2Remove: Array<import("../../..").FlowNodeReference>, editor: HTMLElement) => void;
2217
2260
  };
2218
2261
  strip: {
2219
2262
  after: (element: HTMLElement, splitter: string) => void;
@@ -2228,7 +2271,7 @@ export declare const useFlowEditorToolbarStore: () => {
2228
2271
  };
2229
2272
  };
2230
2273
  get: {
2231
- plugins: import("..").FlowEditorPlugin[];
2274
+ plugins: import("../../..").FlowEditorPlugin[];
2232
2275
  content: {
2233
2276
  isEmpty: () => boolean;
2234
2277
  asObject: () => import("../../..").FlowContent;
@@ -2239,12 +2282,13 @@ export declare const useFlowEditorToolbarStore: () => {
2239
2282
  type: (pluginType: string) => boolean;
2240
2283
  };
2241
2284
  get: {
2242
- byType: (pluginType: string) => import("..").FlowNodeReference[];
2243
- all: () => import("..").NodeSelection;
2285
+ byType: (pluginType: string) => import("../../..").FlowNodeReference[];
2286
+ all: () => import("../../..").NodeSelection;
2244
2287
  };
2245
2288
  };
2246
2289
  element: {
2247
- byId: (id: number) => HTMLElement;
2290
+ byId: (id: string) => HTMLElement;
2291
+ byRef: (ref: HTMLElement) => HTMLElement;
2248
2292
  };
2249
2293
  };
2250
2294
  } & {
@@ -2256,6 +2300,7 @@ export declare const useFlowEditorToolbarStore: () => {
2256
2300
  };
2257
2301
  };
2258
2302
  } & {
2303
+ addAction: (action: FlowEditorActionRegistration) => void;
2259
2304
  setCustomRenderer: (renderer: () => JSX.Element) => void;
2260
2305
  removeAllActions: () => void;
2261
2306
  setAsActive: () => void;