@omnia/fx 8.0.289-dev → 8.0.291-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 (78) 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/docs/Docs.d.ts +4 -0
  5. package/internal-do-not-import-from-here/ux/docs/bestpractices/index.d.ts +1 -0
  6. package/internal-do-not-import-from-here/ux/docs/bestpractices/typescript/index.md.d.ts +1 -0
  7. package/internal-do-not-import-from-here/ux/docs/imports.d.ts +1 -0
  8. package/internal-do-not-import-from-here/ux/documenticon/DocumentIcon.d.ts +7 -14
  9. package/internal-do-not-import-from-here/ux/flow/editor/FlowEditor.d.ts +5 -2
  10. package/internal-do-not-import-from-here/ux/flow/editor/commands/EditorCommands.d.ts +5 -5
  11. package/internal-do-not-import-from-here/ux/flow/editor/commands/helpers/EditorNodeHelper.d.ts +1 -1
  12. package/internal-do-not-import-from-here/ux/flow/editor/commands/helpers/HtmlNodehelper.d.ts +1 -1
  13. package/internal-do-not-import-from-here/ux/flow/editor/components/EditorSelector.d.ts +1 -1
  14. package/internal-do-not-import-from-here/ux/flow/editor/models/index.d.ts +0 -2
  15. package/internal-do-not-import-from-here/ux/flow/editor/parsers/HtmlParser.d.ts +1 -2
  16. package/internal-do-not-import-from-here/ux/flow/editor/parsers/JSONParser.d.ts +1 -2
  17. package/internal-do-not-import-from-here/ux/flow/editor/plugins/DefineEditorPlugin.d.ts +2 -2
  18. package/internal-do-not-import-from-here/ux/flow/editor/plugins/bold/BoldPlugin.d.ts +2 -1
  19. package/internal-do-not-import-from-here/ux/flow/editor/plugins/colorstyle/ColorButton.d.ts +23 -13
  20. package/internal-do-not-import-from-here/ux/flow/editor/plugins/colorstyle/ColorConverter.d.ts +1 -1
  21. package/internal-do-not-import-from-here/ux/flow/editor/plugins/colorstyle/ColorStylePlugin.d.ts +2 -1
  22. package/internal-do-not-import-from-here/ux/flow/editor/plugins/elements/ElementConverter.d.ts +1 -2
  23. package/internal-do-not-import-from-here/ux/flow/editor/plugins/elements/ElementPlugin.d.ts +2 -1
  24. package/internal-do-not-import-from-here/ux/flow/editor/plugins/eventhandlers/EditorEvents.d.ts +17 -2
  25. package/internal-do-not-import-from-here/ux/flow/editor/plugins/eventhandlers/KeyboardEvents.d.ts +8 -2
  26. package/internal-do-not-import-from-here/ux/flow/editor/plugins/eventhandlers/handlers/ClipboardHandler.d.ts +1 -1
  27. package/internal-do-not-import-from-here/ux/flow/editor/plugins/italic/ItalicPlugin.d.ts +2 -1
  28. package/internal-do-not-import-from-here/ux/flow/editor/plugins/link/LinkButton.d.ts +451 -0
  29. package/internal-do-not-import-from-here/ux/flow/editor/plugins/link/LinkConverter.d.ts +3 -0
  30. package/internal-do-not-import-from-here/ux/flow/editor/plugins/link/LinkPlugin.d.ts +4 -0
  31. package/internal-do-not-import-from-here/ux/flow/editor/plugins/sourceeditor/SourceEditorPlugin.d.ts +5 -2
  32. package/internal-do-not-import-from-here/ux/flow/editor/plugins/spacing/SpacingButton.d.ts +23 -13
  33. package/internal-do-not-import-from-here/ux/flow/editor/plugins/spacing/SpacingPlugin.d.ts +2 -1
  34. package/internal-do-not-import-from-here/ux/flow/editor/plugins/testdata/TestDataPlugin.d.ts +5 -2
  35. package/internal-do-not-import-from-here/ux/flow/editor/plugins/text/TextConverter.d.ts +1 -1
  36. package/internal-do-not-import-from-here/ux/flow/editor/plugins/text/TextPlugin.d.ts +2 -1
  37. package/internal-do-not-import-from-here/ux/flow/editor/plugins/textalign/TextAlignPlugin.d.ts +2 -1
  38. package/internal-do-not-import-from-here/ux/flow/editor/plugins/typography/TypographyButton.d.ts +23 -13
  39. package/internal-do-not-import-from-here/ux/flow/editor/plugins/typography/TypographyPlugin.d.ts +2 -1
  40. package/internal-do-not-import-from-here/ux/flow/editor/plugins/velcron/VelcronPlugin.d.ts +2 -1
  41. package/internal-do-not-import-from-here/ux/flow/editor/stores/FlowEditorStore.d.ts +18 -8
  42. package/internal-do-not-import-from-here/ux/flow/editor/stores/FlowEditorToolbarStore.d.ts +145 -95
  43. package/internal-do-not-import-from-here/ux/flow/editor/stores/VelcronPluginStore.d.ts +1 -1
  44. package/internal-do-not-import-from-here/ux/flow/renderer/plugins/link/LinkPlugin.d.ts +3 -0
  45. package/internal-do-not-import-from-here/ux/flow/renderer/stores/FlowRendererStore.d.ts +6 -0
  46. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/breakpoints/BreakPointBlockSettingsComponent.d.ts +2 -20
  47. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/breakpoints/BreakPointSectionSettingsComponent.d.ts +2 -28
  48. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/breakpoints/BreakPointSettingsComponent.d.ts +6 -25
  49. package/internal-do-not-import-from-here/ux/layoutcanvas/shared/BreakPointManager.d.ts +1 -1
  50. package/internal-do-not-import-from-here/ux/linkpicker/LinkPicker.d.ts +3 -5
  51. package/internal-do-not-import-from-here/ux/linkpicker/LinkRenderer.d.ts +2 -2
  52. package/internal-do-not-import-from-here/ux/linkpicker/factory/LinkItemFactory.d.ts +2 -7
  53. package/internal-do-not-import-from-here/ux/markdown/plugins/CodeComponent.d.ts +34 -0
  54. package/internal-do-not-import-from-here/ux/markdown/plugins/CodeMarkdownPlugin.d.ts +3 -0
  55. package/internal-do-not-import-from-here/ux/models/flow/LinkNode.d.ts +13 -0
  56. package/internal-do-not-import-from-here/ux/models/flow/index.d.ts +3 -0
  57. package/internal-do-not-import-from-here/ux/models/linkpicker/ILinkPickerProvider.d.ts +1 -2
  58. package/internal-do-not-import-from-here/ux/models/linkpicker/ILinkRenderer.d.ts +1 -1
  59. package/internal-do-not-import-from-here/ux/models/linkpicker/LinkItemHandler.d.ts +2 -3
  60. package/internal-do-not-import-from-here/ux/models/linkpicker/LinkPickerRegistration.d.ts +10 -10
  61. package/internal-do-not-import-from-here/ux/models/linkpicker/index.d.ts +0 -1
  62. package/internal-do-not-import-from-here/ux/oxide/datatable/RowRenderer.d.ts +2 -2
  63. package/internal-do-not-import-from-here/ux/velcron/core/models/VelcronDefinitions.d.ts +8 -0
  64. package/internal-do-not-import-from-here/ux/velcron/core/models/VelcronPropertyEditorDefinitions.d.ts +5 -0
  65. package/internal-do-not-import-from-here/ux/velcron/core/parser/VelcronConstants.d.ts +1 -0
  66. package/internal-do-not-import-from-here/ux/velcron/core/templatebuilder/VelcronEditorBuilder.d.ts +1 -0
  67. package/internal-do-not-import-from-here/ux/velcron/editor/models/VelcronEditorDescriptors.d.ts +1 -0
  68. package/internal-do-not-import-from-here/ux/velcron/editor/templates/EditorTemplates.d.ts +1 -0
  69. package/internal-do-not-import-from-here/ux/velcron/renderer/components/Grid.d.ts +32 -0
  70. package/internal-do-not-import-from-here/ux/velcron/renderer/editors/LinkResolverEditor.d.ts +5 -0
  71. package/internal-do-not-import-from-here/ux/versionedlayout/renderer/InternalVersionedLayoutRenderer.d.ts +13 -0
  72. package/internal-do-not-import-from-here/vue/vuecustomelement/Slots.d.ts +1 -0
  73. package/internal-do-not-import-from-here/wctypings.d.ts +10 -0
  74. package/package.json +4 -4
  75. package/internal-do-not-import-from-here/ux/markdown/plugins/CodeMarkdownRenderer.d.ts +0 -0
  76. package/internal-do-not-import-from-here/ux/models/linkpicker/LinkItem.d.ts +0 -8
  77. /package/internal-do-not-import-from-here/ux/{flow/editor/models → models/flow}/EditorModels.d.ts +0 -0
  78. /package/internal-do-not-import-from-here/ux/{flow/editor/models → models/flow}/EditorPlugin.d.ts +0 -0
@@ -5,15 +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
11
  toolbarActions: FlowEditorActionRegistration[];
12
12
  editor: HTMLDivElement;
13
- nodeSelection: import("..").NodeSelection;
13
+ nodeSelection: import("../../..").NodeSelection;
14
14
  telePorts: JSX.Element[];
15
15
  id: string;
16
- pluginContext: import("..").FlowEditorPluginContext;
16
+ pluginContext: import("../../..").FlowEditorPluginContext;
17
17
  selectedRange: Range;
18
18
  storedRange: Range;
19
19
  showPlaceHolder: boolean;
@@ -22,18 +22,21 @@ export declare const useFlowEditorToolbarStore: () => {
22
22
  categoryFilters: guid[];
23
23
  rendererTypeFilters: guid[];
24
24
  };
25
+ settings: {
26
+ gridWidth: number;
27
+ };
25
28
  };
26
29
  events: {
27
30
  onMutatedEditorContent: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../../..").FlowContent>;
28
- onMutatedPlugins: import("@omnia/fx").MessageBusExposeOnlySubscription<import("..").FlowEditorPlugin[]>;
31
+ onMutatedPlugins: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../../..").FlowEditorPlugin[]>;
29
32
  onMutatedPluginsLoadedPromise: import("@omnia/fx").MessageBusExposeOnlySubscription<import("@omnia/fx-models").Future<void>>;
30
33
  onMutatedHideToolbar: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
31
34
  onMutatedToolbarActions: import("@omnia/fx").MessageBusExposeOnlySubscription<FlowEditorActionRegistration[]>;
32
35
  onMutatedEditor: import("@omnia/fx").MessageBusExposeOnlySubscription<HTMLDivElement>;
33
- onMutatedNodeSelection: import("@omnia/fx").MessageBusExposeOnlySubscription<import("..").NodeSelection>;
36
+ onMutatedNodeSelection: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../../..").NodeSelection>;
34
37
  onMutatedTelePorts: import("@omnia/fx").MessageBusExposeOnlySubscription<JSX.Element[]>;
35
38
  onMutatedId: import("@omnia/fx").MessageBusExposeOnlySubscription<string>;
36
- onMutatedPluginContext: import("@omnia/fx").MessageBusExposeOnlySubscription<import("..").FlowEditorPluginContext>;
39
+ onMutatedPluginContext: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../../..").FlowEditorPluginContext>;
37
40
  onMutatedSelectedRange: import("@omnia/fx").MessageBusExposeOnlySubscription<Range>;
38
41
  onMutatedStoredRange: import("@omnia/fx").MessageBusExposeOnlySubscription<Range>;
39
42
  onMutatedShowPlaceHolder: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
@@ -42,6 +45,9 @@ export declare const useFlowEditorToolbarStore: () => {
42
45
  categoryFilters: guid[];
43
46
  rendererTypeFilters: guid[];
44
47
  }>;
48
+ onMutatedSettings: import("@omnia/fx").MessageBusExposeOnlySubscription<{
49
+ gridWidth: number;
50
+ }>;
45
51
  } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
46
52
  actions: {
47
53
  onDispatching: {
@@ -95,7 +101,7 @@ export declare const useFlowEditorToolbarStore: () => {
95
101
  register: {
96
102
  plugin: (pluginSettings: import("@omnia/fx-models").FlowEditorPluginSettings) => void;
97
103
  plugins: (pluginSettings: import("@omnia/fx-models").FlowEditorPluginSettings | import("@omnia/fx-models").FlowEditorPluginSettings[]) => Promise<void>;
98
- context: (ctx: import("..").FlowEditorPluginContext) => void;
104
+ context: (ctx: import("../../..").FlowEditorPluginContext) => void;
99
105
  };
100
106
  }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
101
107
  };
@@ -124,6 +130,7 @@ export declare const useFlowEditorToolbarStore: () => {
124
130
  subscribe(fn: (result: {
125
131
  wrapLine: (element: HTMLElement) => void;
126
132
  add: (element: HTMLElement) => void;
133
+ addWithText: (element: HTMLElement, text: any) => void;
127
134
  toggle: (element: HTMLElement) => void;
128
135
  remove: (dataType: string) => void;
129
136
  }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -156,7 +163,7 @@ export declare const useFlowEditorToolbarStore: () => {
156
163
  };
157
164
  selection: {
158
165
  get: {
159
- byPluginType: (pluginType: string) => import("..").FlowNodeReference[];
166
+ byPluginType: (pluginType: string) => import("../../..").FlowNodeReference[];
160
167
  };
161
168
  ensure: {
162
169
  storedRange: () => void;
@@ -171,6 +178,7 @@ export declare const useFlowEditorToolbarStore: () => {
171
178
  };
172
179
  formatting: {
173
180
  add: (element: HTMLElement) => void;
181
+ addWithTxt: (element: HTMLElement, text?: string) => void;
174
182
  wrapLine: (element: HTMLElement) => void;
175
183
  remove: (dataType: string | HTMLElement) => void;
176
184
  has: (dataType: string | HTMLElement) => boolean;
@@ -205,7 +213,7 @@ export declare const useFlowEditorToolbarStore: () => {
205
213
  };
206
214
  editorNode: {
207
215
  get: {
208
- nodesInArrayByPluginType: (nodes: Array<import("..").FlowNodeReference>, dataType: string) => Array<import("..").FlowNodeReference>;
216
+ nodesInArrayByPluginType: (nodes: Array<import("../../..").FlowNodeReference>, dataType: string) => Array<import("../../..").FlowNodeReference>;
209
217
  };
210
218
  };
211
219
  htmlNode: {
@@ -219,11 +227,11 @@ export declare const useFlowEditorToolbarStore: () => {
219
227
  get: {
220
228
  topContainerForContent: (element: HTMLElement) => HTMLElement;
221
229
  topContainerForComponent: (element: HTMLElement) => HTMLElement;
222
- nodeSelectionForRange: (range: Range) => import("..").NodeSelection;
230
+ nodeSelectionForRange: (range: Range) => import("../../..").NodeSelection;
223
231
  htmlElementInStructureById: (id: string, currentElement: HTMLElement) => HTMLElement;
224
232
  };
225
233
  remove: {
226
- nodes: (nodes2Remove: Array<import("..").FlowNodeReference>, editor: HTMLElement) => void;
234
+ nodes: (nodes2Remove: Array<import("../../..").FlowNodeReference>, editor: HTMLElement) => void;
227
235
  };
228
236
  strip: {
229
237
  after: (element: HTMLElement, splitter: string) => void;
@@ -284,7 +292,7 @@ export declare const useFlowEditorToolbarStore: () => {
284
292
  register: {
285
293
  plugin: (pluginSettings: import("@omnia/fx-models").FlowEditorPluginSettings) => void;
286
294
  plugins: (pluginSettings: import("@omnia/fx-models").FlowEditorPluginSettings | import("@omnia/fx-models").FlowEditorPluginSettings[]) => Promise<void>;
287
- context: (ctx: import("..").FlowEditorPluginContext) => void;
295
+ context: (ctx: import("../../..").FlowEditorPluginContext) => void;
288
296
  };
289
297
  };
290
298
  content: () => {
@@ -305,6 +313,7 @@ export declare const useFlowEditorToolbarStore: () => {
305
313
  formatting: () => {
306
314
  wrapLine: (element: HTMLElement) => void;
307
315
  add: (element: HTMLElement) => void;
316
+ addWithText: (element: HTMLElement, text: any) => void;
308
317
  toggle: (element: HTMLElement) => void;
309
318
  remove: (dataType: string) => void;
310
319
  };
@@ -333,7 +342,7 @@ export declare const useFlowEditorToolbarStore: () => {
333
342
  };
334
343
  selection: {
335
344
  get: {
336
- byPluginType: (pluginType: string) => import("..").FlowNodeReference[];
345
+ byPluginType: (pluginType: string) => import("../../..").FlowNodeReference[];
337
346
  };
338
347
  ensure: {
339
348
  storedRange: () => void;
@@ -348,6 +357,7 @@ export declare const useFlowEditorToolbarStore: () => {
348
357
  };
349
358
  formatting: {
350
359
  add: (element: HTMLElement) => void;
360
+ addWithTxt: (element: HTMLElement, text?: string) => void;
351
361
  wrapLine: (element: HTMLElement) => void;
352
362
  remove: (dataType: string | HTMLElement) => void;
353
363
  has: (dataType: string | HTMLElement) => boolean;
@@ -382,7 +392,7 @@ export declare const useFlowEditorToolbarStore: () => {
382
392
  };
383
393
  editorNode: {
384
394
  get: {
385
- nodesInArrayByPluginType: (nodes: Array<import("..").FlowNodeReference>, dataType: string) => Array<import("..").FlowNodeReference>;
395
+ nodesInArrayByPluginType: (nodes: Array<import("../../..").FlowNodeReference>, dataType: string) => Array<import("../../..").FlowNodeReference>;
386
396
  };
387
397
  };
388
398
  htmlNode: {
@@ -396,11 +406,11 @@ export declare const useFlowEditorToolbarStore: () => {
396
406
  get: {
397
407
  topContainerForContent: (element: HTMLElement) => HTMLElement;
398
408
  topContainerForComponent: (element: HTMLElement) => HTMLElement;
399
- nodeSelectionForRange: (range: Range) => import("..").NodeSelection;
409
+ nodeSelectionForRange: (range: Range) => import("../../..").NodeSelection;
400
410
  htmlElementInStructureById: (id: string, currentElement: HTMLElement) => HTMLElement;
401
411
  };
402
412
  remove: {
403
- nodes: (nodes2Remove: Array<import("..").FlowNodeReference>, editor: HTMLElement) => void;
413
+ nodes: (nodes2Remove: Array<import("../../..").FlowNodeReference>, editor: HTMLElement) => void;
404
414
  };
405
415
  strip: {
406
416
  after: (element: HTMLElement, splitter: string) => void;
@@ -415,7 +425,7 @@ export declare const useFlowEditorToolbarStore: () => {
415
425
  };
416
426
  };
417
427
  get: {
418
- plugins: import("..").FlowEditorPlugin[];
428
+ plugins: import("../../..").FlowEditorPlugin[];
419
429
  content: {
420
430
  isEmpty: () => boolean;
421
431
  asObject: () => import("../../..").FlowContent;
@@ -426,8 +436,8 @@ export declare const useFlowEditorToolbarStore: () => {
426
436
  type: (pluginType: string) => boolean;
427
437
  };
428
438
  get: {
429
- byType: (pluginType: string) => import("..").FlowNodeReference[];
430
- all: () => import("..").NodeSelection;
439
+ byType: (pluginType: string) => import("../../..").FlowNodeReference[];
440
+ all: () => import("../../..").NodeSelection;
431
441
  };
432
442
  };
433
443
  element: {
@@ -446,15 +456,15 @@ export declare const useFlowEditorToolbarStore: () => {
446
456
  onMutatedActiveEditorStore: import("@omnia/fx").MessageBusExposeOnlySubscription<{
447
457
  state: {
448
458
  editorContent: import("../../..").FlowContent;
449
- plugins: import("..").FlowEditorPlugin[];
459
+ plugins: import("../../..").FlowEditorPlugin[];
450
460
  pluginsLoadedPromise: import("@omnia/fx-models").Future<void>;
451
461
  hideToolbar: boolean;
452
462
  toolbarActions: FlowEditorActionRegistration[];
453
463
  editor: HTMLDivElement;
454
- nodeSelection: import("..").NodeSelection;
464
+ nodeSelection: import("../../..").NodeSelection;
455
465
  telePorts: JSX.Element[];
456
466
  id: string;
457
- pluginContext: import("..").FlowEditorPluginContext;
467
+ pluginContext: import("../../..").FlowEditorPluginContext;
458
468
  selectedRange: Range;
459
469
  storedRange: Range;
460
470
  showPlaceHolder: boolean;
@@ -463,18 +473,21 @@ export declare const useFlowEditorToolbarStore: () => {
463
473
  categoryFilters: guid[];
464
474
  rendererTypeFilters: guid[];
465
475
  };
476
+ settings: {
477
+ gridWidth: number;
478
+ };
466
479
  };
467
480
  events: {
468
481
  onMutatedEditorContent: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../../..").FlowContent>;
469
- onMutatedPlugins: import("@omnia/fx").MessageBusExposeOnlySubscription<import("..").FlowEditorPlugin[]>;
482
+ onMutatedPlugins: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../../..").FlowEditorPlugin[]>;
470
483
  onMutatedPluginsLoadedPromise: import("@omnia/fx").MessageBusExposeOnlySubscription<import("@omnia/fx-models").Future<void>>;
471
484
  onMutatedHideToolbar: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
472
485
  onMutatedToolbarActions: import("@omnia/fx").MessageBusExposeOnlySubscription<FlowEditorActionRegistration[]>;
473
486
  onMutatedEditor: import("@omnia/fx").MessageBusExposeOnlySubscription<HTMLDivElement>;
474
- onMutatedNodeSelection: import("@omnia/fx").MessageBusExposeOnlySubscription<import("..").NodeSelection>;
487
+ onMutatedNodeSelection: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../../..").NodeSelection>;
475
488
  onMutatedTelePorts: import("@omnia/fx").MessageBusExposeOnlySubscription<JSX.Element[]>;
476
489
  onMutatedId: import("@omnia/fx").MessageBusExposeOnlySubscription<string>;
477
- onMutatedPluginContext: import("@omnia/fx").MessageBusExposeOnlySubscription<import("..").FlowEditorPluginContext>;
490
+ onMutatedPluginContext: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../../..").FlowEditorPluginContext>;
478
491
  onMutatedSelectedRange: import("@omnia/fx").MessageBusExposeOnlySubscription<Range>;
479
492
  onMutatedStoredRange: import("@omnia/fx").MessageBusExposeOnlySubscription<Range>;
480
493
  onMutatedShowPlaceHolder: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
@@ -483,6 +496,9 @@ export declare const useFlowEditorToolbarStore: () => {
483
496
  categoryFilters: guid[];
484
497
  rendererTypeFilters: guid[];
485
498
  }>;
499
+ onMutatedSettings: import("@omnia/fx").MessageBusExposeOnlySubscription<{
500
+ gridWidth: number;
501
+ }>;
486
502
  } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
487
503
  actions: {
488
504
  onDispatching: {
@@ -536,7 +552,7 @@ export declare const useFlowEditorToolbarStore: () => {
536
552
  register: {
537
553
  plugin: (pluginSettings: import("@omnia/fx-models").FlowEditorPluginSettings) => void;
538
554
  plugins: (pluginSettings: import("@omnia/fx-models").FlowEditorPluginSettings | import("@omnia/fx-models").FlowEditorPluginSettings[]) => Promise<void>;
539
- context: (ctx: import("..").FlowEditorPluginContext) => void;
555
+ context: (ctx: import("../../..").FlowEditorPluginContext) => void;
540
556
  };
541
557
  }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
542
558
  };
@@ -565,6 +581,7 @@ export declare const useFlowEditorToolbarStore: () => {
565
581
  subscribe(fn: (result: {
566
582
  wrapLine: (element: HTMLElement) => void;
567
583
  add: (element: HTMLElement) => void;
584
+ addWithText: (element: HTMLElement, text: any) => void;
568
585
  toggle: (element: HTMLElement) => void;
569
586
  remove: (dataType: string) => void;
570
587
  }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -597,7 +614,7 @@ export declare const useFlowEditorToolbarStore: () => {
597
614
  };
598
615
  selection: {
599
616
  get: {
600
- byPluginType: (pluginType: string) => import("..").FlowNodeReference[];
617
+ byPluginType: (pluginType: string) => import("../../..").FlowNodeReference[];
601
618
  };
602
619
  ensure: {
603
620
  storedRange: () => void;
@@ -612,6 +629,7 @@ export declare const useFlowEditorToolbarStore: () => {
612
629
  };
613
630
  formatting: {
614
631
  add: (element: HTMLElement) => void;
632
+ addWithTxt: (element: HTMLElement, text?: string) => void;
615
633
  wrapLine: (element: HTMLElement) => void;
616
634
  remove: (dataType: string | HTMLElement) => void;
617
635
  has: (dataType: string | HTMLElement) => boolean;
@@ -646,7 +664,7 @@ export declare const useFlowEditorToolbarStore: () => {
646
664
  };
647
665
  editorNode: {
648
666
  get: {
649
- nodesInArrayByPluginType: (nodes: Array<import("..").FlowNodeReference>, dataType: string) => Array<import("..").FlowNodeReference>;
667
+ nodesInArrayByPluginType: (nodes: Array<import("../../..").FlowNodeReference>, dataType: string) => Array<import("../../..").FlowNodeReference>;
650
668
  };
651
669
  };
652
670
  htmlNode: {
@@ -660,11 +678,11 @@ export declare const useFlowEditorToolbarStore: () => {
660
678
  get: {
661
679
  topContainerForContent: (element: HTMLElement) => HTMLElement;
662
680
  topContainerForComponent: (element: HTMLElement) => HTMLElement;
663
- nodeSelectionForRange: (range: Range) => import("..").NodeSelection;
681
+ nodeSelectionForRange: (range: Range) => import("../../..").NodeSelection;
664
682
  htmlElementInStructureById: (id: string, currentElement: HTMLElement) => HTMLElement;
665
683
  };
666
684
  remove: {
667
- nodes: (nodes2Remove: Array<import("..").FlowNodeReference>, editor: HTMLElement) => void;
685
+ nodes: (nodes2Remove: Array<import("../../..").FlowNodeReference>, editor: HTMLElement) => void;
668
686
  };
669
687
  strip: {
670
688
  after: (element: HTMLElement, splitter: string) => void;
@@ -725,7 +743,7 @@ export declare const useFlowEditorToolbarStore: () => {
725
743
  register: {
726
744
  plugin: (pluginSettings: import("@omnia/fx-models").FlowEditorPluginSettings) => void;
727
745
  plugins: (pluginSettings: import("@omnia/fx-models").FlowEditorPluginSettings | import("@omnia/fx-models").FlowEditorPluginSettings[]) => Promise<void>;
728
- context: (ctx: import("..").FlowEditorPluginContext) => void;
746
+ context: (ctx: import("../../..").FlowEditorPluginContext) => void;
729
747
  };
730
748
  };
731
749
  content: () => {
@@ -746,6 +764,7 @@ export declare const useFlowEditorToolbarStore: () => {
746
764
  formatting: () => {
747
765
  wrapLine: (element: HTMLElement) => void;
748
766
  add: (element: HTMLElement) => void;
767
+ addWithText: (element: HTMLElement, text: any) => void;
749
768
  toggle: (element: HTMLElement) => void;
750
769
  remove: (dataType: string) => void;
751
770
  };
@@ -774,7 +793,7 @@ export declare const useFlowEditorToolbarStore: () => {
774
793
  };
775
794
  selection: {
776
795
  get: {
777
- byPluginType: (pluginType: string) => import("..").FlowNodeReference[];
796
+ byPluginType: (pluginType: string) => import("../../..").FlowNodeReference[];
778
797
  };
779
798
  ensure: {
780
799
  storedRange: () => void;
@@ -789,6 +808,7 @@ export declare const useFlowEditorToolbarStore: () => {
789
808
  };
790
809
  formatting: {
791
810
  add: (element: HTMLElement) => void;
811
+ addWithTxt: (element: HTMLElement, text?: string) => void;
792
812
  wrapLine: (element: HTMLElement) => void;
793
813
  remove: (dataType: string | HTMLElement) => void;
794
814
  has: (dataType: string | HTMLElement) => boolean;
@@ -823,7 +843,7 @@ export declare const useFlowEditorToolbarStore: () => {
823
843
  };
824
844
  editorNode: {
825
845
  get: {
826
- nodesInArrayByPluginType: (nodes: Array<import("..").FlowNodeReference>, dataType: string) => Array<import("..").FlowNodeReference>;
846
+ nodesInArrayByPluginType: (nodes: Array<import("../../..").FlowNodeReference>, dataType: string) => Array<import("../../..").FlowNodeReference>;
827
847
  };
828
848
  };
829
849
  htmlNode: {
@@ -837,11 +857,11 @@ export declare const useFlowEditorToolbarStore: () => {
837
857
  get: {
838
858
  topContainerForContent: (element: HTMLElement) => HTMLElement;
839
859
  topContainerForComponent: (element: HTMLElement) => HTMLElement;
840
- nodeSelectionForRange: (range: Range) => import("..").NodeSelection;
860
+ nodeSelectionForRange: (range: Range) => import("../../..").NodeSelection;
841
861
  htmlElementInStructureById: (id: string, currentElement: HTMLElement) => HTMLElement;
842
862
  };
843
863
  remove: {
844
- nodes: (nodes2Remove: Array<import("..").FlowNodeReference>, editor: HTMLElement) => void;
864
+ nodes: (nodes2Remove: Array<import("../../..").FlowNodeReference>, editor: HTMLElement) => void;
845
865
  };
846
866
  strip: {
847
867
  after: (element: HTMLElement, splitter: string) => void;
@@ -856,7 +876,7 @@ export declare const useFlowEditorToolbarStore: () => {
856
876
  };
857
877
  };
858
878
  get: {
859
- plugins: import("..").FlowEditorPlugin[];
879
+ plugins: import("../../..").FlowEditorPlugin[];
860
880
  content: {
861
881
  isEmpty: () => boolean;
862
882
  asObject: () => import("../../..").FlowContent;
@@ -867,8 +887,8 @@ export declare const useFlowEditorToolbarStore: () => {
867
887
  type: (pluginType: string) => boolean;
868
888
  };
869
889
  get: {
870
- byType: (pluginType: string) => import("..").FlowNodeReference[];
871
- all: () => import("..").NodeSelection;
890
+ byType: (pluginType: string) => import("../../..").FlowNodeReference[];
891
+ all: () => import("../../..").NodeSelection;
872
892
  };
873
893
  };
874
894
  element: {
@@ -901,15 +921,15 @@ export declare const useFlowEditorToolbarStore: () => {
901
921
  subscribe(fn: (store: {
902
922
  state: {
903
923
  editorContent: import("../../..").FlowContent;
904
- plugins: import("..").FlowEditorPlugin[];
924
+ plugins: import("../../..").FlowEditorPlugin[];
905
925
  pluginsLoadedPromise: import("@omnia/fx-models").Future<void>;
906
926
  hideToolbar: boolean;
907
927
  toolbarActions: FlowEditorActionRegistration[];
908
928
  editor: HTMLDivElement;
909
- nodeSelection: import("..").NodeSelection;
929
+ nodeSelection: import("../../..").NodeSelection;
910
930
  telePorts: JSX.Element[];
911
931
  id: string;
912
- pluginContext: import("..").FlowEditorPluginContext;
932
+ pluginContext: import("../../..").FlowEditorPluginContext;
913
933
  selectedRange: Range;
914
934
  storedRange: Range;
915
935
  showPlaceHolder: boolean;
@@ -918,18 +938,21 @@ export declare const useFlowEditorToolbarStore: () => {
918
938
  categoryFilters: guid[];
919
939
  rendererTypeFilters: guid[];
920
940
  };
941
+ settings: {
942
+ gridWidth: number;
943
+ };
921
944
  };
922
945
  events: {
923
946
  onMutatedEditorContent: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../../..").FlowContent>;
924
- onMutatedPlugins: import("@omnia/fx").MessageBusExposeOnlySubscription<import("..").FlowEditorPlugin[]>;
947
+ onMutatedPlugins: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../../..").FlowEditorPlugin[]>;
925
948
  onMutatedPluginsLoadedPromise: import("@omnia/fx").MessageBusExposeOnlySubscription<import("@omnia/fx-models").Future<void>>;
926
949
  onMutatedHideToolbar: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
927
950
  onMutatedToolbarActions: import("@omnia/fx").MessageBusExposeOnlySubscription<FlowEditorActionRegistration[]>;
928
951
  onMutatedEditor: import("@omnia/fx").MessageBusExposeOnlySubscription<HTMLDivElement>;
929
- onMutatedNodeSelection: import("@omnia/fx").MessageBusExposeOnlySubscription<import("..").NodeSelection>;
952
+ onMutatedNodeSelection: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../../..").NodeSelection>;
930
953
  onMutatedTelePorts: import("@omnia/fx").MessageBusExposeOnlySubscription<JSX.Element[]>;
931
954
  onMutatedId: import("@omnia/fx").MessageBusExposeOnlySubscription<string>;
932
- onMutatedPluginContext: import("@omnia/fx").MessageBusExposeOnlySubscription<import("..").FlowEditorPluginContext>;
955
+ onMutatedPluginContext: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../../..").FlowEditorPluginContext>;
933
956
  onMutatedSelectedRange: import("@omnia/fx").MessageBusExposeOnlySubscription<Range>;
934
957
  onMutatedStoredRange: import("@omnia/fx").MessageBusExposeOnlySubscription<Range>;
935
958
  onMutatedShowPlaceHolder: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
@@ -938,6 +961,9 @@ export declare const useFlowEditorToolbarStore: () => {
938
961
  categoryFilters: guid[];
939
962
  rendererTypeFilters: guid[];
940
963
  }>;
964
+ onMutatedSettings: import("@omnia/fx").MessageBusExposeOnlySubscription<{
965
+ gridWidth: number;
966
+ }>;
941
967
  } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
942
968
  actions: {
943
969
  onDispatching: {
@@ -991,7 +1017,7 @@ export declare const useFlowEditorToolbarStore: () => {
991
1017
  register: {
992
1018
  plugin: (pluginSettings: import("@omnia/fx-models").FlowEditorPluginSettings) => void;
993
1019
  plugins: (pluginSettings: import("@omnia/fx-models").FlowEditorPluginSettings | import("@omnia/fx-models").FlowEditorPluginSettings[]) => Promise<void>;
994
- context: (ctx: import("..").FlowEditorPluginContext) => void;
1020
+ context: (ctx: import("../../..").FlowEditorPluginContext) => void;
995
1021
  };
996
1022
  }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
997
1023
  };
@@ -1020,6 +1046,7 @@ export declare const useFlowEditorToolbarStore: () => {
1020
1046
  subscribe(fn: (result: {
1021
1047
  wrapLine: (element: HTMLElement) => void;
1022
1048
  add: (element: HTMLElement) => void;
1049
+ addWithText: (element: HTMLElement, text: any) => void;
1023
1050
  toggle: (element: HTMLElement) => void;
1024
1051
  remove: (dataType: string) => void;
1025
1052
  }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -1052,7 +1079,7 @@ export declare const useFlowEditorToolbarStore: () => {
1052
1079
  };
1053
1080
  selection: {
1054
1081
  get: {
1055
- byPluginType: (pluginType: string) => import("..").FlowNodeReference[];
1082
+ byPluginType: (pluginType: string) => import("../../..").FlowNodeReference[];
1056
1083
  };
1057
1084
  ensure: {
1058
1085
  storedRange: () => void;
@@ -1067,6 +1094,7 @@ export declare const useFlowEditorToolbarStore: () => {
1067
1094
  };
1068
1095
  formatting: {
1069
1096
  add: (element: HTMLElement) => void;
1097
+ addWithTxt: (element: HTMLElement, text?: string) => void;
1070
1098
  wrapLine: (element: HTMLElement) => void;
1071
1099
  remove: (dataType: string | HTMLElement) => void;
1072
1100
  has: (dataType: string | HTMLElement) => boolean;
@@ -1101,7 +1129,7 @@ export declare const useFlowEditorToolbarStore: () => {
1101
1129
  };
1102
1130
  editorNode: {
1103
1131
  get: {
1104
- nodesInArrayByPluginType: (nodes: Array<import("..").FlowNodeReference>, dataType: string) => Array<import("..").FlowNodeReference>;
1132
+ nodesInArrayByPluginType: (nodes: Array<import("../../..").FlowNodeReference>, dataType: string) => Array<import("../../..").FlowNodeReference>;
1105
1133
  };
1106
1134
  };
1107
1135
  htmlNode: {
@@ -1115,11 +1143,11 @@ export declare const useFlowEditorToolbarStore: () => {
1115
1143
  get: {
1116
1144
  topContainerForContent: (element: HTMLElement) => HTMLElement;
1117
1145
  topContainerForComponent: (element: HTMLElement) => HTMLElement;
1118
- nodeSelectionForRange: (range: Range) => import("..").NodeSelection;
1146
+ nodeSelectionForRange: (range: Range) => import("../../..").NodeSelection;
1119
1147
  htmlElementInStructureById: (id: string, currentElement: HTMLElement) => HTMLElement;
1120
1148
  };
1121
1149
  remove: {
1122
- nodes: (nodes2Remove: Array<import("..").FlowNodeReference>, editor: HTMLElement) => void;
1150
+ nodes: (nodes2Remove: Array<import("../../..").FlowNodeReference>, editor: HTMLElement) => void;
1123
1151
  };
1124
1152
  strip: {
1125
1153
  after: (element: HTMLElement, splitter: string) => void;
@@ -1180,7 +1208,7 @@ export declare const useFlowEditorToolbarStore: () => {
1180
1208
  register: {
1181
1209
  plugin: (pluginSettings: import("@omnia/fx-models").FlowEditorPluginSettings) => void;
1182
1210
  plugins: (pluginSettings: import("@omnia/fx-models").FlowEditorPluginSettings | import("@omnia/fx-models").FlowEditorPluginSettings[]) => Promise<void>;
1183
- context: (ctx: import("..").FlowEditorPluginContext) => void;
1211
+ context: (ctx: import("../../..").FlowEditorPluginContext) => void;
1184
1212
  };
1185
1213
  };
1186
1214
  content: () => {
@@ -1201,6 +1229,7 @@ export declare const useFlowEditorToolbarStore: () => {
1201
1229
  formatting: () => {
1202
1230
  wrapLine: (element: HTMLElement) => void;
1203
1231
  add: (element: HTMLElement) => void;
1232
+ addWithText: (element: HTMLElement, text: any) => void;
1204
1233
  toggle: (element: HTMLElement) => void;
1205
1234
  remove: (dataType: string) => void;
1206
1235
  };
@@ -1229,7 +1258,7 @@ export declare const useFlowEditorToolbarStore: () => {
1229
1258
  };
1230
1259
  selection: {
1231
1260
  get: {
1232
- byPluginType: (pluginType: string) => import("..").FlowNodeReference[];
1261
+ byPluginType: (pluginType: string) => import("../../..").FlowNodeReference[];
1233
1262
  };
1234
1263
  ensure: {
1235
1264
  storedRange: () => void;
@@ -1244,6 +1273,7 @@ export declare const useFlowEditorToolbarStore: () => {
1244
1273
  };
1245
1274
  formatting: {
1246
1275
  add: (element: HTMLElement) => void;
1276
+ addWithTxt: (element: HTMLElement, text?: string) => void;
1247
1277
  wrapLine: (element: HTMLElement) => void;
1248
1278
  remove: (dataType: string | HTMLElement) => void;
1249
1279
  has: (dataType: string | HTMLElement) => boolean;
@@ -1278,7 +1308,7 @@ export declare const useFlowEditorToolbarStore: () => {
1278
1308
  };
1279
1309
  editorNode: {
1280
1310
  get: {
1281
- nodesInArrayByPluginType: (nodes: Array<import("..").FlowNodeReference>, dataType: string) => Array<import("..").FlowNodeReference>;
1311
+ nodesInArrayByPluginType: (nodes: Array<import("../../..").FlowNodeReference>, dataType: string) => Array<import("../../..").FlowNodeReference>;
1282
1312
  };
1283
1313
  };
1284
1314
  htmlNode: {
@@ -1292,11 +1322,11 @@ export declare const useFlowEditorToolbarStore: () => {
1292
1322
  get: {
1293
1323
  topContainerForContent: (element: HTMLElement) => HTMLElement;
1294
1324
  topContainerForComponent: (element: HTMLElement) => HTMLElement;
1295
- nodeSelectionForRange: (range: Range) => import("..").NodeSelection;
1325
+ nodeSelectionForRange: (range: Range) => import("../../..").NodeSelection;
1296
1326
  htmlElementInStructureById: (id: string, currentElement: HTMLElement) => HTMLElement;
1297
1327
  };
1298
1328
  remove: {
1299
- nodes: (nodes2Remove: Array<import("..").FlowNodeReference>, editor: HTMLElement) => void;
1329
+ nodes: (nodes2Remove: Array<import("../../..").FlowNodeReference>, editor: HTMLElement) => void;
1300
1330
  };
1301
1331
  strip: {
1302
1332
  after: (element: HTMLElement, splitter: string) => void;
@@ -1311,7 +1341,7 @@ export declare const useFlowEditorToolbarStore: () => {
1311
1341
  };
1312
1342
  };
1313
1343
  get: {
1314
- plugins: import("..").FlowEditorPlugin[];
1344
+ plugins: import("../../..").FlowEditorPlugin[];
1315
1345
  content: {
1316
1346
  isEmpty: () => boolean;
1317
1347
  asObject: () => import("../../..").FlowContent;
@@ -1322,8 +1352,8 @@ export declare const useFlowEditorToolbarStore: () => {
1322
1352
  type: (pluginType: string) => boolean;
1323
1353
  };
1324
1354
  get: {
1325
- byType: (pluginType: string) => import("..").FlowNodeReference[];
1326
- all: () => import("..").NodeSelection;
1355
+ byType: (pluginType: string) => import("../../..").FlowNodeReference[];
1356
+ all: () => import("../../..").NodeSelection;
1327
1357
  };
1328
1358
  };
1329
1359
  element: {
@@ -1356,15 +1386,15 @@ export declare const useFlowEditorToolbarStore: () => {
1356
1386
  subscribe(fn: (result: void, store: {
1357
1387
  state: {
1358
1388
  editorContent: import("../../..").FlowContent;
1359
- plugins: import("..").FlowEditorPlugin[];
1389
+ plugins: import("../../..").FlowEditorPlugin[];
1360
1390
  pluginsLoadedPromise: import("@omnia/fx-models").Future<void>;
1361
1391
  hideToolbar: boolean;
1362
1392
  toolbarActions: FlowEditorActionRegistration[];
1363
1393
  editor: HTMLDivElement;
1364
- nodeSelection: import("..").NodeSelection;
1394
+ nodeSelection: import("../../..").NodeSelection;
1365
1395
  telePorts: JSX.Element[];
1366
1396
  id: string;
1367
- pluginContext: import("..").FlowEditorPluginContext;
1397
+ pluginContext: import("../../..").FlowEditorPluginContext;
1368
1398
  selectedRange: Range;
1369
1399
  storedRange: Range;
1370
1400
  showPlaceHolder: boolean;
@@ -1373,18 +1403,21 @@ export declare const useFlowEditorToolbarStore: () => {
1373
1403
  categoryFilters: guid[];
1374
1404
  rendererTypeFilters: guid[];
1375
1405
  };
1406
+ settings: {
1407
+ gridWidth: number;
1408
+ };
1376
1409
  };
1377
1410
  events: {
1378
1411
  onMutatedEditorContent: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../../..").FlowContent>;
1379
- onMutatedPlugins: import("@omnia/fx").MessageBusExposeOnlySubscription<import("..").FlowEditorPlugin[]>;
1412
+ onMutatedPlugins: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../../..").FlowEditorPlugin[]>;
1380
1413
  onMutatedPluginsLoadedPromise: import("@omnia/fx").MessageBusExposeOnlySubscription<import("@omnia/fx-models").Future<void>>;
1381
1414
  onMutatedHideToolbar: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
1382
1415
  onMutatedToolbarActions: import("@omnia/fx").MessageBusExposeOnlySubscription<FlowEditorActionRegistration[]>;
1383
1416
  onMutatedEditor: import("@omnia/fx").MessageBusExposeOnlySubscription<HTMLDivElement>;
1384
- onMutatedNodeSelection: import("@omnia/fx").MessageBusExposeOnlySubscription<import("..").NodeSelection>;
1417
+ onMutatedNodeSelection: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../../..").NodeSelection>;
1385
1418
  onMutatedTelePorts: import("@omnia/fx").MessageBusExposeOnlySubscription<JSX.Element[]>;
1386
1419
  onMutatedId: import("@omnia/fx").MessageBusExposeOnlySubscription<string>;
1387
- onMutatedPluginContext: import("@omnia/fx").MessageBusExposeOnlySubscription<import("..").FlowEditorPluginContext>;
1420
+ onMutatedPluginContext: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../../..").FlowEditorPluginContext>;
1388
1421
  onMutatedSelectedRange: import("@omnia/fx").MessageBusExposeOnlySubscription<Range>;
1389
1422
  onMutatedStoredRange: import("@omnia/fx").MessageBusExposeOnlySubscription<Range>;
1390
1423
  onMutatedShowPlaceHolder: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
@@ -1393,6 +1426,9 @@ export declare const useFlowEditorToolbarStore: () => {
1393
1426
  categoryFilters: guid[];
1394
1427
  rendererTypeFilters: guid[];
1395
1428
  }>;
1429
+ onMutatedSettings: import("@omnia/fx").MessageBusExposeOnlySubscription<{
1430
+ gridWidth: number;
1431
+ }>;
1396
1432
  } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
1397
1433
  actions: {
1398
1434
  onDispatching: {
@@ -1446,7 +1482,7 @@ export declare const useFlowEditorToolbarStore: () => {
1446
1482
  register: {
1447
1483
  plugin: (pluginSettings: import("@omnia/fx-models").FlowEditorPluginSettings) => void;
1448
1484
  plugins: (pluginSettings: import("@omnia/fx-models").FlowEditorPluginSettings | import("@omnia/fx-models").FlowEditorPluginSettings[]) => Promise<void>;
1449
- context: (ctx: import("..").FlowEditorPluginContext) => void;
1485
+ context: (ctx: import("../../..").FlowEditorPluginContext) => void;
1450
1486
  };
1451
1487
  }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
1452
1488
  };
@@ -1475,6 +1511,7 @@ export declare const useFlowEditorToolbarStore: () => {
1475
1511
  subscribe(fn: (result: {
1476
1512
  wrapLine: (element: HTMLElement) => void;
1477
1513
  add: (element: HTMLElement) => void;
1514
+ addWithText: (element: HTMLElement, text: any) => void;
1478
1515
  toggle: (element: HTMLElement) => void;
1479
1516
  remove: (dataType: string) => void;
1480
1517
  }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -1507,7 +1544,7 @@ export declare const useFlowEditorToolbarStore: () => {
1507
1544
  };
1508
1545
  selection: {
1509
1546
  get: {
1510
- byPluginType: (pluginType: string) => import("..").FlowNodeReference[];
1547
+ byPluginType: (pluginType: string) => import("../../..").FlowNodeReference[];
1511
1548
  };
1512
1549
  ensure: {
1513
1550
  storedRange: () => void;
@@ -1522,6 +1559,7 @@ export declare const useFlowEditorToolbarStore: () => {
1522
1559
  };
1523
1560
  formatting: {
1524
1561
  add: (element: HTMLElement) => void;
1562
+ addWithTxt: (element: HTMLElement, text?: string) => void;
1525
1563
  wrapLine: (element: HTMLElement) => void;
1526
1564
  remove: (dataType: string | HTMLElement) => void;
1527
1565
  has: (dataType: string | HTMLElement) => boolean;
@@ -1556,7 +1594,7 @@ export declare const useFlowEditorToolbarStore: () => {
1556
1594
  };
1557
1595
  editorNode: {
1558
1596
  get: {
1559
- nodesInArrayByPluginType: (nodes: Array<import("..").FlowNodeReference>, dataType: string) => Array<import("..").FlowNodeReference>;
1597
+ nodesInArrayByPluginType: (nodes: Array<import("../../..").FlowNodeReference>, dataType: string) => Array<import("../../..").FlowNodeReference>;
1560
1598
  };
1561
1599
  };
1562
1600
  htmlNode: {
@@ -1570,11 +1608,11 @@ export declare const useFlowEditorToolbarStore: () => {
1570
1608
  get: {
1571
1609
  topContainerForContent: (element: HTMLElement) => HTMLElement;
1572
1610
  topContainerForComponent: (element: HTMLElement) => HTMLElement;
1573
- nodeSelectionForRange: (range: Range) => import("..").NodeSelection;
1611
+ nodeSelectionForRange: (range: Range) => import("../../..").NodeSelection;
1574
1612
  htmlElementInStructureById: (id: string, currentElement: HTMLElement) => HTMLElement;
1575
1613
  };
1576
1614
  remove: {
1577
- nodes: (nodes2Remove: Array<import("..").FlowNodeReference>, editor: HTMLElement) => void;
1615
+ nodes: (nodes2Remove: Array<import("../../..").FlowNodeReference>, editor: HTMLElement) => void;
1578
1616
  };
1579
1617
  strip: {
1580
1618
  after: (element: HTMLElement, splitter: string) => void;
@@ -1635,7 +1673,7 @@ export declare const useFlowEditorToolbarStore: () => {
1635
1673
  register: {
1636
1674
  plugin: (pluginSettings: import("@omnia/fx-models").FlowEditorPluginSettings) => void;
1637
1675
  plugins: (pluginSettings: import("@omnia/fx-models").FlowEditorPluginSettings | import("@omnia/fx-models").FlowEditorPluginSettings[]) => Promise<void>;
1638
- context: (ctx: import("..").FlowEditorPluginContext) => void;
1676
+ context: (ctx: import("../../..").FlowEditorPluginContext) => void;
1639
1677
  };
1640
1678
  };
1641
1679
  content: () => {
@@ -1656,6 +1694,7 @@ export declare const useFlowEditorToolbarStore: () => {
1656
1694
  formatting: () => {
1657
1695
  wrapLine: (element: HTMLElement) => void;
1658
1696
  add: (element: HTMLElement) => void;
1697
+ addWithText: (element: HTMLElement, text: any) => void;
1659
1698
  toggle: (element: HTMLElement) => void;
1660
1699
  remove: (dataType: string) => void;
1661
1700
  };
@@ -1684,7 +1723,7 @@ export declare const useFlowEditorToolbarStore: () => {
1684
1723
  };
1685
1724
  selection: {
1686
1725
  get: {
1687
- byPluginType: (pluginType: string) => import("..").FlowNodeReference[];
1726
+ byPluginType: (pluginType: string) => import("../../..").FlowNodeReference[];
1688
1727
  };
1689
1728
  ensure: {
1690
1729
  storedRange: () => void;
@@ -1699,6 +1738,7 @@ export declare const useFlowEditorToolbarStore: () => {
1699
1738
  };
1700
1739
  formatting: {
1701
1740
  add: (element: HTMLElement) => void;
1741
+ addWithTxt: (element: HTMLElement, text?: string) => void;
1702
1742
  wrapLine: (element: HTMLElement) => void;
1703
1743
  remove: (dataType: string | HTMLElement) => void;
1704
1744
  has: (dataType: string | HTMLElement) => boolean;
@@ -1733,7 +1773,7 @@ export declare const useFlowEditorToolbarStore: () => {
1733
1773
  };
1734
1774
  editorNode: {
1735
1775
  get: {
1736
- nodesInArrayByPluginType: (nodes: Array<import("..").FlowNodeReference>, dataType: string) => Array<import("..").FlowNodeReference>;
1776
+ nodesInArrayByPluginType: (nodes: Array<import("../../..").FlowNodeReference>, dataType: string) => Array<import("../../..").FlowNodeReference>;
1737
1777
  };
1738
1778
  };
1739
1779
  htmlNode: {
@@ -1747,11 +1787,11 @@ export declare const useFlowEditorToolbarStore: () => {
1747
1787
  get: {
1748
1788
  topContainerForContent: (element: HTMLElement) => HTMLElement;
1749
1789
  topContainerForComponent: (element: HTMLElement) => HTMLElement;
1750
- nodeSelectionForRange: (range: Range) => import("..").NodeSelection;
1790
+ nodeSelectionForRange: (range: Range) => import("../../..").NodeSelection;
1751
1791
  htmlElementInStructureById: (id: string, currentElement: HTMLElement) => HTMLElement;
1752
1792
  };
1753
1793
  remove: {
1754
- nodes: (nodes2Remove: Array<import("..").FlowNodeReference>, editor: HTMLElement) => void;
1794
+ nodes: (nodes2Remove: Array<import("../../..").FlowNodeReference>, editor: HTMLElement) => void;
1755
1795
  };
1756
1796
  strip: {
1757
1797
  after: (element: HTMLElement, splitter: string) => void;
@@ -1766,7 +1806,7 @@ export declare const useFlowEditorToolbarStore: () => {
1766
1806
  };
1767
1807
  };
1768
1808
  get: {
1769
- plugins: import("..").FlowEditorPlugin[];
1809
+ plugins: import("../../..").FlowEditorPlugin[];
1770
1810
  content: {
1771
1811
  isEmpty: () => boolean;
1772
1812
  asObject: () => import("../../..").FlowContent;
@@ -1777,8 +1817,8 @@ export declare const useFlowEditorToolbarStore: () => {
1777
1817
  type: (pluginType: string) => boolean;
1778
1818
  };
1779
1819
  get: {
1780
- byType: (pluginType: string) => import("..").FlowNodeReference[];
1781
- all: () => import("..").NodeSelection;
1820
+ byType: (pluginType: string) => import("../../..").FlowNodeReference[];
1821
+ all: () => import("../../..").NodeSelection;
1782
1822
  };
1783
1823
  };
1784
1824
  element: {
@@ -1811,15 +1851,15 @@ export declare const useFlowEditorToolbarStore: () => {
1811
1851
  subscribe(fn: (failureReason: any, store: {
1812
1852
  state: {
1813
1853
  editorContent: import("../../..").FlowContent;
1814
- plugins: import("..").FlowEditorPlugin[];
1854
+ plugins: import("../../..").FlowEditorPlugin[];
1815
1855
  pluginsLoadedPromise: import("@omnia/fx-models").Future<void>;
1816
1856
  hideToolbar: boolean;
1817
1857
  toolbarActions: FlowEditorActionRegistration[];
1818
1858
  editor: HTMLDivElement;
1819
- nodeSelection: import("..").NodeSelection;
1859
+ nodeSelection: import("../../..").NodeSelection;
1820
1860
  telePorts: JSX.Element[];
1821
1861
  id: string;
1822
- pluginContext: import("..").FlowEditorPluginContext;
1862
+ pluginContext: import("../../..").FlowEditorPluginContext;
1823
1863
  selectedRange: Range;
1824
1864
  storedRange: Range;
1825
1865
  showPlaceHolder: boolean;
@@ -1828,18 +1868,21 @@ export declare const useFlowEditorToolbarStore: () => {
1828
1868
  categoryFilters: guid[];
1829
1869
  rendererTypeFilters: guid[];
1830
1870
  };
1871
+ settings: {
1872
+ gridWidth: number;
1873
+ };
1831
1874
  };
1832
1875
  events: {
1833
1876
  onMutatedEditorContent: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../../..").FlowContent>;
1834
- onMutatedPlugins: import("@omnia/fx").MessageBusExposeOnlySubscription<import("..").FlowEditorPlugin[]>;
1877
+ onMutatedPlugins: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../../..").FlowEditorPlugin[]>;
1835
1878
  onMutatedPluginsLoadedPromise: import("@omnia/fx").MessageBusExposeOnlySubscription<import("@omnia/fx-models").Future<void>>;
1836
1879
  onMutatedHideToolbar: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
1837
1880
  onMutatedToolbarActions: import("@omnia/fx").MessageBusExposeOnlySubscription<FlowEditorActionRegistration[]>;
1838
1881
  onMutatedEditor: import("@omnia/fx").MessageBusExposeOnlySubscription<HTMLDivElement>;
1839
- onMutatedNodeSelection: import("@omnia/fx").MessageBusExposeOnlySubscription<import("..").NodeSelection>;
1882
+ onMutatedNodeSelection: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../../..").NodeSelection>;
1840
1883
  onMutatedTelePorts: import("@omnia/fx").MessageBusExposeOnlySubscription<JSX.Element[]>;
1841
1884
  onMutatedId: import("@omnia/fx").MessageBusExposeOnlySubscription<string>;
1842
- onMutatedPluginContext: import("@omnia/fx").MessageBusExposeOnlySubscription<import("..").FlowEditorPluginContext>;
1885
+ onMutatedPluginContext: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../../..").FlowEditorPluginContext>;
1843
1886
  onMutatedSelectedRange: import("@omnia/fx").MessageBusExposeOnlySubscription<Range>;
1844
1887
  onMutatedStoredRange: import("@omnia/fx").MessageBusExposeOnlySubscription<Range>;
1845
1888
  onMutatedShowPlaceHolder: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
@@ -1848,6 +1891,9 @@ export declare const useFlowEditorToolbarStore: () => {
1848
1891
  categoryFilters: guid[];
1849
1892
  rendererTypeFilters: guid[];
1850
1893
  }>;
1894
+ onMutatedSettings: import("@omnia/fx").MessageBusExposeOnlySubscription<{
1895
+ gridWidth: number;
1896
+ }>;
1851
1897
  } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
1852
1898
  actions: {
1853
1899
  onDispatching: {
@@ -1901,7 +1947,7 @@ export declare const useFlowEditorToolbarStore: () => {
1901
1947
  register: {
1902
1948
  plugin: (pluginSettings: import("@omnia/fx-models").FlowEditorPluginSettings) => void;
1903
1949
  plugins: (pluginSettings: import("@omnia/fx-models").FlowEditorPluginSettings | import("@omnia/fx-models").FlowEditorPluginSettings[]) => Promise<void>;
1904
- context: (ctx: import("..").FlowEditorPluginContext) => void;
1950
+ context: (ctx: import("../../..").FlowEditorPluginContext) => void;
1905
1951
  };
1906
1952
  }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
1907
1953
  };
@@ -1930,6 +1976,7 @@ export declare const useFlowEditorToolbarStore: () => {
1930
1976
  subscribe(fn: (result: {
1931
1977
  wrapLine: (element: HTMLElement) => void;
1932
1978
  add: (element: HTMLElement) => void;
1979
+ addWithText: (element: HTMLElement, text: any) => void;
1933
1980
  toggle: (element: HTMLElement) => void;
1934
1981
  remove: (dataType: string) => void;
1935
1982
  }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -1962,7 +2009,7 @@ export declare const useFlowEditorToolbarStore: () => {
1962
2009
  };
1963
2010
  selection: {
1964
2011
  get: {
1965
- byPluginType: (pluginType: string) => import("..").FlowNodeReference[];
2012
+ byPluginType: (pluginType: string) => import("../../..").FlowNodeReference[];
1966
2013
  };
1967
2014
  ensure: {
1968
2015
  storedRange: () => void;
@@ -1977,6 +2024,7 @@ export declare const useFlowEditorToolbarStore: () => {
1977
2024
  };
1978
2025
  formatting: {
1979
2026
  add: (element: HTMLElement) => void;
2027
+ addWithTxt: (element: HTMLElement, text?: string) => void;
1980
2028
  wrapLine: (element: HTMLElement) => void;
1981
2029
  remove: (dataType: string | HTMLElement) => void;
1982
2030
  has: (dataType: string | HTMLElement) => boolean;
@@ -2011,7 +2059,7 @@ export declare const useFlowEditorToolbarStore: () => {
2011
2059
  };
2012
2060
  editorNode: {
2013
2061
  get: {
2014
- nodesInArrayByPluginType: (nodes: Array<import("..").FlowNodeReference>, dataType: string) => Array<import("..").FlowNodeReference>;
2062
+ nodesInArrayByPluginType: (nodes: Array<import("../../..").FlowNodeReference>, dataType: string) => Array<import("../../..").FlowNodeReference>;
2015
2063
  };
2016
2064
  };
2017
2065
  htmlNode: {
@@ -2025,11 +2073,11 @@ export declare const useFlowEditorToolbarStore: () => {
2025
2073
  get: {
2026
2074
  topContainerForContent: (element: HTMLElement) => HTMLElement;
2027
2075
  topContainerForComponent: (element: HTMLElement) => HTMLElement;
2028
- nodeSelectionForRange: (range: Range) => import("..").NodeSelection;
2076
+ nodeSelectionForRange: (range: Range) => import("../../..").NodeSelection;
2029
2077
  htmlElementInStructureById: (id: string, currentElement: HTMLElement) => HTMLElement;
2030
2078
  };
2031
2079
  remove: {
2032
- nodes: (nodes2Remove: Array<import("..").FlowNodeReference>, editor: HTMLElement) => void;
2080
+ nodes: (nodes2Remove: Array<import("../../..").FlowNodeReference>, editor: HTMLElement) => void;
2033
2081
  };
2034
2082
  strip: {
2035
2083
  after: (element: HTMLElement, splitter: string) => void;
@@ -2090,7 +2138,7 @@ export declare const useFlowEditorToolbarStore: () => {
2090
2138
  register: {
2091
2139
  plugin: (pluginSettings: import("@omnia/fx-models").FlowEditorPluginSettings) => void;
2092
2140
  plugins: (pluginSettings: import("@omnia/fx-models").FlowEditorPluginSettings | import("@omnia/fx-models").FlowEditorPluginSettings[]) => Promise<void>;
2093
- context: (ctx: import("..").FlowEditorPluginContext) => void;
2141
+ context: (ctx: import("../../..").FlowEditorPluginContext) => void;
2094
2142
  };
2095
2143
  };
2096
2144
  content: () => {
@@ -2111,6 +2159,7 @@ export declare const useFlowEditorToolbarStore: () => {
2111
2159
  formatting: () => {
2112
2160
  wrapLine: (element: HTMLElement) => void;
2113
2161
  add: (element: HTMLElement) => void;
2162
+ addWithText: (element: HTMLElement, text: any) => void;
2114
2163
  toggle: (element: HTMLElement) => void;
2115
2164
  remove: (dataType: string) => void;
2116
2165
  };
@@ -2139,7 +2188,7 @@ export declare const useFlowEditorToolbarStore: () => {
2139
2188
  };
2140
2189
  selection: {
2141
2190
  get: {
2142
- byPluginType: (pluginType: string) => import("..").FlowNodeReference[];
2191
+ byPluginType: (pluginType: string) => import("../../..").FlowNodeReference[];
2143
2192
  };
2144
2193
  ensure: {
2145
2194
  storedRange: () => void;
@@ -2154,6 +2203,7 @@ export declare const useFlowEditorToolbarStore: () => {
2154
2203
  };
2155
2204
  formatting: {
2156
2205
  add: (element: HTMLElement) => void;
2206
+ addWithTxt: (element: HTMLElement, text?: string) => void;
2157
2207
  wrapLine: (element: HTMLElement) => void;
2158
2208
  remove: (dataType: string | HTMLElement) => void;
2159
2209
  has: (dataType: string | HTMLElement) => boolean;
@@ -2188,7 +2238,7 @@ export declare const useFlowEditorToolbarStore: () => {
2188
2238
  };
2189
2239
  editorNode: {
2190
2240
  get: {
2191
- nodesInArrayByPluginType: (nodes: Array<import("..").FlowNodeReference>, dataType: string) => Array<import("..").FlowNodeReference>;
2241
+ nodesInArrayByPluginType: (nodes: Array<import("../../..").FlowNodeReference>, dataType: string) => Array<import("../../..").FlowNodeReference>;
2192
2242
  };
2193
2243
  };
2194
2244
  htmlNode: {
@@ -2202,11 +2252,11 @@ export declare const useFlowEditorToolbarStore: () => {
2202
2252
  get: {
2203
2253
  topContainerForContent: (element: HTMLElement) => HTMLElement;
2204
2254
  topContainerForComponent: (element: HTMLElement) => HTMLElement;
2205
- nodeSelectionForRange: (range: Range) => import("..").NodeSelection;
2255
+ nodeSelectionForRange: (range: Range) => import("../../..").NodeSelection;
2206
2256
  htmlElementInStructureById: (id: string, currentElement: HTMLElement) => HTMLElement;
2207
2257
  };
2208
2258
  remove: {
2209
- nodes: (nodes2Remove: Array<import("..").FlowNodeReference>, editor: HTMLElement) => void;
2259
+ nodes: (nodes2Remove: Array<import("../../..").FlowNodeReference>, editor: HTMLElement) => void;
2210
2260
  };
2211
2261
  strip: {
2212
2262
  after: (element: HTMLElement, splitter: string) => void;
@@ -2221,7 +2271,7 @@ export declare const useFlowEditorToolbarStore: () => {
2221
2271
  };
2222
2272
  };
2223
2273
  get: {
2224
- plugins: import("..").FlowEditorPlugin[];
2274
+ plugins: import("../../..").FlowEditorPlugin[];
2225
2275
  content: {
2226
2276
  isEmpty: () => boolean;
2227
2277
  asObject: () => import("../../..").FlowContent;
@@ -2232,8 +2282,8 @@ export declare const useFlowEditorToolbarStore: () => {
2232
2282
  type: (pluginType: string) => boolean;
2233
2283
  };
2234
2284
  get: {
2235
- byType: (pluginType: string) => import("..").FlowNodeReference[];
2236
- all: () => import("..").NodeSelection;
2285
+ byType: (pluginType: string) => import("../../..").FlowNodeReference[];
2286
+ all: () => import("../../..").NodeSelection;
2237
2287
  };
2238
2288
  };
2239
2289
  element: {