@omnia/fx 8.0.481-dev → 8.0.483-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 (127) hide show
  1. package/internal-do-not-import-from-here/manifests/omnia.fx.ux.editor.manifest.json +1 -1
  2. package/internal-do-not-import-from-here/manifests/omnia.fx.ux.manifest.json +1 -1
  3. package/internal-do-not-import-from-here/ux/aurora/components/buttonstyle/ButtonBlueprintsViewer.d.ts +1 -1
  4. package/internal-do-not-import-from-here/ux/aurora/components/buttonstyle/ButtonStylePicker.d.ts +3 -1
  5. package/internal-do-not-import-from-here/ux/aurora/components/buttonstyle/store/ButtonStylePickerStore.d.ts +6 -2
  6. package/internal-do-not-import-from-here/ux/aurora/components/colorschemapicker/ColorSchemaPicker.d.ts +10 -0
  7. package/internal-do-not-import-from-here/ux/aurora/components/colorschemapicker/store/ColorSchemaPickerStore.d.ts +2 -0
  8. package/internal-do-not-import-from-here/ux/aurora/components/containerFillpicker/ContainerFillPicker.d.ts +10 -0
  9. package/internal-do-not-import-from-here/ux/aurora/components/containerFillpicker/ContainerFillStyleEditor.d.ts +1 -1
  10. package/internal-do-not-import-from-here/ux/aurora/components/containerFillpicker/store/ContainerFillPickerStore.d.ts +2 -0
  11. package/internal-do-not-import-from-here/ux/aurora/components/headerpicker/HeaderPicker.d.ts +3 -1
  12. package/internal-do-not-import-from-here/ux/aurora/components/headerpicker/HeaderRenderer.stylex.d.ts +1 -1
  13. package/internal-do-not-import-from-here/ux/aurora/components/headerpicker/store/HeaderPickerStore.d.ts +6 -2
  14. package/internal-do-not-import-from-here/ux/aurora/components/input/InputStylePicker.d.ts +1 -1
  15. package/internal-do-not-import-from-here/ux/aurora/components/tabs/TabStylePicker.d.ts +3 -1
  16. package/internal-do-not-import-from-here/ux/aurora/components/tabs/store/TabStylePickerStore.d.ts +5 -1
  17. package/internal-do-not-import-from-here/ux/conditioncontrol/ConditionControl.d.ts +11 -0
  18. package/internal-do-not-import-from-here/ux/conditioncontrol/loc/Localize.d.ts +12 -0
  19. package/internal-do-not-import-from-here/ux/dynamicplaceholder/models/DynamicPlaceholderSettings.d.ts +0 -1
  20. package/internal-do-not-import-from-here/ux/editor/use/UseBlockMigration.d.ts +4 -0
  21. package/internal-do-not-import-from-here/ux/editor/use/index.d.ts +1 -0
  22. package/internal-do-not-import-from-here/ux/editorchrome/stores/EditorChromeStoreV2.d.ts +20 -3
  23. package/internal-do-not-import-from-here/ux/enterpriseproperties/settingpicker/EnterprisePropertySettingPicker.d.ts +1 -1
  24. package/internal-do-not-import-from-here/ux/identitypicker/IdentityPicker.d.ts +1 -1
  25. package/internal-do-not-import-from-here/ux/identitypicker/IdentityPickerButton.d.ts +1 -1
  26. package/internal-do-not-import-from-here/ux/identitypicker/IdentityPickerDialog.d.ts +1 -1
  27. package/internal-do-not-import-from-here/ux/identitypicker/IdentityPickerField.d.ts +1 -1
  28. package/internal-do-not-import-from-here/ux/identitypicker/IdentityPickerInlineField.d.ts +3 -3
  29. package/internal-do-not-import-from-here/ux/journey/DefineBlade.d.ts +1 -1
  30. package/internal-do-not-import-from-here/ux/journey/SettingsJourneyMenu.d.ts +1 -1
  31. package/internal-do-not-import-from-here/ux/journey/stores/JourneyStore.d.ts +1 -0
  32. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/DefineLayoutEditorCanvas.d.ts +61 -43
  33. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/LayoutEditorCanvas_old.d.ts +49 -4
  34. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutitemactiontoolbar/LayoutItemActionToolbar.d.ts +15 -0
  35. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutitemactiontoolbar/LayoutItemActionToolbarStyles.css.d.ts +8 -0
  36. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutrenderinghooks/LayoutBlock.css.d.ts +86 -0
  37. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutrenderinghooks/LayoutBlockEditorHooks.d.ts +9 -0
  38. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutrenderinghooks/LayoutColumn.css.d.ts +10 -0
  39. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutrenderinghooks/LayoutColumnEditorHooks.d.ts +6 -0
  40. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutrenderinghooks/LayoutSection.css.d.ts +90 -0
  41. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutrenderinghooks/LayoutSectionEditorHooks.d.ts +10 -0
  42. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutrenderinghooks/index.d.ts +3 -0
  43. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/{_old/settings → settings}/ColorSettings.d.ts +1 -1
  44. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/{_old/settings → settings}/TabsSettingsStylePanel.d.ts +1 -1
  45. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/_old/TemplatePreview_old.d.ts +65 -0
  46. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/{_old/settings → settings}/blocktitle/BlockTitle.css.d.ts +2 -2
  47. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/breakpoints/BreakPointBlockSettingsComponent.d.ts +6 -0
  48. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/breakpoints/BreakPointSectionSettingsComponent.d.ts +6 -0
  49. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/{_old/settings → settings}/breakpoints/BreakPointSettingsComponent.css.d.ts +2 -2
  50. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/{_old/settings → settings}/breakpoints/BreakPointSettingsComponent.d.ts +4 -4
  51. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/layout/Style.d.ts +16 -0
  52. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/layout/Style_old.d.ts +16 -0
  53. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/section/Columns_old.d.ts +6 -0
  54. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/section/Css.d.ts +16 -0
  55. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/section/Css_old.d.ts +16 -0
  56. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/section/General.d.ts +6 -0
  57. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/section/General_old.d.ts +6 -0
  58. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/section/Header.d.ts +16 -0
  59. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/section/Header_old.d.ts +16 -0
  60. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/section/Spacing.d.ts +6 -0
  61. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/section/Spacing_old.d.ts +6 -0
  62. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/section/Style.d.ts +6 -0
  63. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/section/Style_old.d.ts +6 -0
  64. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/section/Targeting.d.ts +16 -0
  65. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/section/Targeting_old.d.ts +16 -0
  66. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/{_old/settings → settings}/section/items/AccordionListingSettingsPanel.d.ts +1 -1
  67. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/{_old/settings → settings}/section/items/ColumnListingSettingsPanel.d.ts +1 -1
  68. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/{_old/settings → settings}/section/items/SectionItemListing.d.ts +1 -1
  69. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/{_old/settings → settings}/section/items/StepListingSettingsPanel.d.ts +1 -1
  70. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/{_old/settings → settings}/section/items/TabListingSettingsPanel.d.ts +1 -1
  71. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/targetselector/TargetSelector.css.d.ts +7 -0
  72. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/targetselector/TargetSelector.d.ts +114 -0
  73. package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutdefinitionsettings/LayoutItemSettingsDefinitions.d.ts +13 -0
  74. package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutitemsrenderer/LayoutBlockRenderer.css.d.ts +1 -1
  75. package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutitemsrenderer/LayoutSectionRenderer.css.d.ts +2 -2
  76. package/internal-do-not-import-from-here/ux/layoutcanvas/stores/LayoutCanvasEditorStore.d.ts +48 -28
  77. package/internal-do-not-import-from-here/ux/layoutcanvas/stores/LayoutCanvasStore.d.ts +62 -43
  78. package/internal-do-not-import-from-here/ux/layoutcanvas/stores/LayoutCanvasStoreV2.d.ts +65 -46
  79. package/internal-do-not-import-from-here/ux/multitextinput/MultiTextInput.d.ts +1 -1
  80. package/internal-do-not-import-from-here/ux/oxide/list/ListItem.d.ts +1 -1
  81. package/internal-do-not-import-from-here/ux/oxide/scrollcontainer/store/ScrollContainerStore.d.ts +1 -0
  82. package/internal-do-not-import-from-here/ux/oxide/selection/Selection.d.ts +3 -3
  83. package/internal-do-not-import-from-here/ux/oxide/toolbar/Toolbar.d.ts +1 -1
  84. package/internal-do-not-import-from-here/wctypings.d.ts +305 -319
  85. package/package.json +2 -2
  86. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/_old/settings/breakpoints/BreakPointBlockSettingsComponent.d.ts +0 -6
  87. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/_old/settings/breakpoints/BreakPointSectionSettingsComponent.d.ts +0 -6
  88. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/_old/settings/layout/Style.d.ts +0 -341
  89. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/_old/settings/section/Css.d.ts +0 -341
  90. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/_old/settings/section/Style.d.ts +0 -341
  91. /package/internal-do-not-import-from-here/ux/layoutcanvas/editor/{_old/settings → settings}/BlockSettingsPanel.d.ts +0 -0
  92. /package/internal-do-not-import-from-here/ux/layoutcanvas/editor/{_old/settings → settings}/LayoutStructure.d.ts +0 -0
  93. /package/internal-do-not-import-from-here/ux/layoutcanvas/editor/{_old/settings → settings}/SettingsPanel.d.ts +0 -0
  94. /package/internal-do-not-import-from-here/ux/layoutcanvas/editor/{_old/settings → settings}/TemplatePreview.d.ts +0 -0
  95. /package/internal-do-not-import-from-here/ux/layoutcanvas/editor/{_old/settings/layoutclipboard/LayoutClipboard.d.ts → settings/_old/BlockSettingsPanel_old.d.ts} +0 -0
  96. /package/internal-do-not-import-from-here/ux/layoutcanvas/editor/{_old/settings/block/Css.d.ts → settings/_old/LayoutStructure_old.d.ts} +0 -0
  97. /package/internal-do-not-import-from-here/ux/layoutcanvas/editor/{_old/settings/section/Columns.d.ts → settings/_old/SettingsPanel_old.d.ts} +0 -0
  98. /package/internal-do-not-import-from-here/ux/layoutcanvas/editor/{_old/settings → settings}/backgroundsettings/BackgroundSettings.d.ts +0 -0
  99. /package/internal-do-not-import-from-here/ux/layoutcanvas/editor/{_old/settings/block/Header.d.ts → settings/block/Css.d.ts} +0 -0
  100. /package/internal-do-not-import-from-here/ux/layoutcanvas/editor/{_old/settings/section → settings/block}/Header.d.ts +0 -0
  101. /package/internal-do-not-import-from-here/ux/layoutcanvas/editor/{_old/settings/block/Spacing.d.ts → settings/block/Header_old.d.ts} +0 -0
  102. /package/internal-do-not-import-from-here/ux/layoutcanvas/editor/{_old/settings/block/Style.d.ts → settings/block/Spacing.d.ts} +0 -0
  103. /package/internal-do-not-import-from-here/ux/layoutcanvas/editor/{_old/settings/block/Targeting.d.ts → settings/block/Style.d.ts} +0 -0
  104. /package/internal-do-not-import-from-here/ux/layoutcanvas/editor/{_old/settings/section → settings/block}/Targeting.d.ts +0 -0
  105. /package/internal-do-not-import-from-here/ux/layoutcanvas/editor/{_old/settings → settings}/blocktitle/BlockTitle.d.ts +0 -0
  106. /package/internal-do-not-import-from-here/ux/layoutcanvas/editor/{_old/settings → settings}/blocktitle/BlockTitleSettings.css.d.ts +0 -0
  107. /package/internal-do-not-import-from-here/ux/layoutcanvas/editor/{_old/settings → settings}/blocktitle/BlockTitleSettings.d.ts +0 -0
  108. /package/internal-do-not-import-from-here/ux/layoutcanvas/editor/{_old/settings → settings}/blocktitle_old/BlockTitle.css.d.ts +0 -0
  109. /package/internal-do-not-import-from-here/ux/layoutcanvas/editor/{_old/settings → settings}/blocktitle_old/BlockTitle.d.ts +0 -0
  110. /package/internal-do-not-import-from-here/ux/layoutcanvas/editor/{_old/settings → settings}/blocktitle_old/BlockTitleSettings.css.d.ts +0 -0
  111. /package/internal-do-not-import-from-here/ux/layoutcanvas/editor/{_old/settings → settings}/blocktitle_old/BlockTitleSettings.d.ts +0 -0
  112. /package/internal-do-not-import-from-here/ux/layoutcanvas/editor/{_old/settings → settings}/breakpoints/BreakPointSettingsstyles.css.d.ts +0 -0
  113. /package/internal-do-not-import-from-here/ux/layoutcanvas/editor/{_old/settings → settings}/canvas/Spacing.d.ts +0 -0
  114. /package/internal-do-not-import-from-here/ux/layoutcanvas/editor/{_old/settings → settings}/imagebackgroundsettings/ImageBackgroundSettings.d.ts +0 -0
  115. /package/internal-do-not-import-from-here/ux/layoutcanvas/editor/{_old/settings → settings}/journey/JourneyBlockSettings.d.ts +0 -0
  116. /package/internal-do-not-import-from-here/ux/layoutcanvas/editor/{_old/settings → settings}/journey/JourneyMenuItemSettings.d.ts +0 -0
  117. /package/internal-do-not-import-from-here/ux/layoutcanvas/editor/{_old/settings → settings}/layout/BlockHeader.d.ts +0 -0
  118. /package/internal-do-not-import-from-here/ux/layoutcanvas/editor/{_old/settings → settings}/layout/GlobalHeaderStyling.d.ts +0 -0
  119. /package/internal-do-not-import-from-here/ux/layoutcanvas/editor/{_old/settings → settings}/layout/LayoutTheming.d.ts +0 -0
  120. /package/internal-do-not-import-from-here/ux/layoutcanvas/editor/{_old/settings → settings}/layoutclipboard/LayoutClipboard.css.d.ts +0 -0
  121. /package/internal-do-not-import-from-here/ux/layoutcanvas/editor/{_old/settings/section/General.d.ts → settings/layoutclipboard/LayoutClipboard.d.ts} +0 -0
  122. /package/internal-do-not-import-from-here/ux/layoutcanvas/editor/{_old/settings → settings}/lock/Lock.d.ts +0 -0
  123. /package/internal-do-not-import-from-here/ux/layoutcanvas/editor/{_old/settings/section/Spacing.d.ts → settings/section/Columns.d.ts} +0 -0
  124. /package/internal-do-not-import-from-here/ux/layoutcanvas/editor/{_old/settings → settings}/section/Theming.d.ts +0 -0
  125. /package/internal-do-not-import-from-here/ux/layoutcanvas/editor/{_old/settings → settings}/section/items/ColumnListingSettingsPanel.css.d.ts +0 -0
  126. /package/internal-do-not-import-from-here/ux/layoutcanvas/editor/{_old/settings → settings}/settingstabs/TabBlockSettings.d.ts +0 -0
  127. /package/internal-do-not-import-from-here/ux/layoutcanvas/editor/{_old/settings → settings}/settingstabs/TabLayoutSettings.d.ts +0 -0
@@ -21,6 +21,7 @@ export declare class LayoutCanvasStore extends Store implements ILayoutCanvasSto
21
21
  readonly ColorSchemaSection = ColorSchemaTypes.primary;
22
22
  newStore: {
23
23
  state: {
24
+ compatibilityMode: boolean;
24
25
  layout: {
25
26
  definition: LayoutDefinition;
26
27
  ownerLayoutItemsOverride: LayoutItem[];
@@ -28,38 +29,46 @@ export declare class LayoutCanvasStore extends Store implements ILayoutCanvasSto
28
29
  };
29
30
  id: guid;
30
31
  settings: {
31
- authDisabled: boolean;
32
32
  providers: {
33
33
  block: string;
34
34
  mediaContext: import("@omnia/fx-models").ILayoutMediaContext;
35
35
  fileContext: import("@omnia/fx-models").ILayoutFileContext;
36
+ dependencyProviders: string[];
36
37
  };
37
38
  };
38
39
  };
39
40
  actions: import("../../../stores").StoreReturnDefineAction<{
40
- layout: () => {
41
+ hooks: () => import("../../../stores").StoreReturnDefineAction<{
42
+ blockinstanceCreated: (blockInstance: IBlockInstance) => void;
43
+ layoutSectionRenderer: (layoutSectionRenderer: ILayoutSectionRenderer) => void;
44
+ }>;
45
+ layout: () => import("../../../stores").StoreReturnDefineAction<{
41
46
  set: (layout: Layout) => void;
42
- addItem: (itemreference: AddItemToLayoutPayLoad) => void;
43
- };
47
+ }>;
44
48
  providers: () => {
45
49
  set: {
50
+ dependencyProviders: (providers: Array<string>) => void;
46
51
  block: (blockProvider: string) => void;
47
52
  mediaContext: (mediaContext: import("@omnia/fx-models").ILayoutMediaContext) => void;
48
53
  fileContext: (fileContext: import("@omnia/fx-models").ILayoutFileContext) => void;
49
54
  };
50
55
  };
51
- setLayout: (layout: Layout) => void;
56
+ notify: (blockManifestId: string) => void;
52
57
  init: () => {
53
58
  readOnlyCanvas: (blockProvider: string, mediaContext: import("@omnia/fx-models").ILayoutMediaContext, fileContext: import("@omnia/fx-models").ILayoutFileContext) => void;
54
59
  editableCanvas: (editorChromeStore: ReturnType<typeof import("../..").useEditorChromeStore>, blockProvider: string, mediaContext: import("@omnia/fx-models").ILayoutMediaContext, fileContext: import("@omnia/fx-models").ILayoutFileContext) => void;
55
60
  };
56
- dispose: () => void;
57
61
  }>;
58
62
  get: {
59
63
  layout: {
60
64
  loaded: () => LoadedLayout;
61
65
  };
62
66
  block: {
67
+ readonly instances: {
68
+ [blockManifestId: string]: Set<{
69
+ instance: import("./LayoutCanvasStoreV2").IBlockInstanceExtendsInternal<void>;
70
+ }>;
71
+ };
63
72
  readonly settings: ReactiveLayoutItemsSettingsStore;
64
73
  settingsProvider: () => import("..").BlockSettingsProvider;
65
74
  renderMode: () => BlockRenderingModes;
@@ -73,73 +82,82 @@ export declare class LayoutCanvasStore extends Store implements ILayoutCanvasSto
73
82
  rules: {
74
83
  isEditMode: () => boolean;
75
84
  };
76
- hooks: {
77
- blockInstanceCreated: {
78
- trigger: (blockInstance: IBlockInstance) => void;
79
- subscribe: (callback: (blockInstance: IBlockInstance) => void) => () => void;
80
- };
81
- layoutSectionRendererCreated: {
82
- trigger: (layoutSectionRenderer: ILayoutSectionRenderer) => void;
83
- subscribe: (callback: (layoutSectionRenderer: ILayoutSectionRenderer) => void) => () => void;
84
- };
85
- };
86
85
  readonly editor: {
87
86
  state: {
88
87
  editorMode: import("@omnia/fx-models").LayoutCanvasMode;
89
88
  id: guid;
90
89
  settings: {
91
- showGrid: boolean;
90
+ authDisabled: boolean;
91
+ breakpointSettingsEnabled: boolean;
92
+ };
93
+ drawerMode: "settings" | "layout-structure" | "clipboard";
94
+ selected: {
95
+ layoutItem: LayoutItem;
96
+ clipBoardItem: ClipboardLayoutItem;
97
+ displayBreakPoint: DisplayBreakPoint;
98
+ layoutItem4Action: LayoutItem;
99
+ };
100
+ active: {
101
+ layoutItemAction: LayoutItemActionState;
92
102
  };
93
103
  };
94
104
  actions: import("../../../stores").StoreReturnDefineAction<{
105
+ scrollToLayoutItem: (item: LayoutItem) => void;
106
+ selection: () => import("../../../stores").StoreReturnDefineAction<{
107
+ removeSelectedLayoutItem: () => void;
108
+ setSelectedLayoutItem: (item: LayoutItem, toggleSettings: boolean) => void;
109
+ }>;
110
+ enableDisplayBreakpointSettings: (enable: boolean) => void;
95
111
  block: () => {
112
+ set: {
113
+ suggestedBlocks: (blocks: string[]) => void;
114
+ };
96
115
  ensureRemoveDeletedBlocks: (layout: Layout) => void;
97
116
  };
98
- layout: () => {
117
+ show: () => import("../../../stores").StoreReturnDefineAction<{
118
+ showPanel: (panelType: "settings" | "layout-structure" | "clipboard", toggle: boolean) => void;
119
+ settingsPanel: (toggle: boolean) => void;
120
+ layoutStructurePanel: (toggle: boolean) => void;
121
+ clipboardPanel: (toggle: boolean) => void;
122
+ }>;
123
+ layout: () => import("../../../stores").StoreReturnDefineAction<{
99
124
  addItem: (itemreference: AddItemToLayoutPayLoad) => void;
100
- };
101
- toggleGrid: () => void;
125
+ changeSectionType: (section: Section, type: SectionTypes) => void;
126
+ }>;
127
+ configureDrawer: (header: {
128
+ icon?: import("@omnia/fx-models").IIcon;
129
+ title?: string;
130
+ enabled?: boolean;
131
+ }, customScroll?: boolean) => void;
102
132
  setEditorMode: (mode: import("@omnia/fx-models").LayoutCanvasMode) => void;
103
- init: (canvasStore: ReturnType<typeof useLayoutCanvasStore>, editorChromeStore: ReturnType<typeof import("../..").useEditorChromeStore>) => void;
104
- dispose: () => void;
133
+ init: (canvasStore: ReturnType<typeof useLayoutCanvasStore>, editorChromeStoreRef: ReturnType<typeof import("../..").useEditorChromeStore>) => void;
105
134
  }>;
106
135
  get: {
136
+ settingsDefinitions: import("..").LayoutDefinitionBuilder;
107
137
  layout: {
108
138
  active: () => Layout;
109
139
  };
110
140
  block: {
141
+ suggestions: () => string[];
111
142
  renderMode: () => BlockRenderingModes;
112
143
  };
113
144
  };
114
145
  rules: {
115
- hideGridSettings: () => boolean;
146
+ isSettingsActive: () => boolean;
147
+ isLayoutStructureActive: () => boolean;
148
+ isClipboardActive: () => boolean;
149
+ activeItem: {
150
+ isSection(): boolean;
151
+ };
152
+ showSelectors: () => boolean;
116
153
  isLayoutItemLocked: (item: LayoutItem) => boolean;
117
154
  isTemplateEnabledLayout: () => boolean;
118
155
  isAdvancedModeActivated: () => boolean;
156
+ isAuthDisabled: () => boolean;
119
157
  };
120
- hooks: {
121
- blockRemoved: {
122
- trigger: (block: Block) => void;
123
- subscribe: (callback: (block: Block) => void) => () => void;
124
- };
125
- blockCopied: {
126
- trigger: (originalBlock: Block, newBlock: Block) => void;
127
- subscribe: (callback: (originalBlock: Block, newBlock: Block) => void) => () => void;
128
- };
129
- layoutItemMoved: {
130
- trigger: (layoutItem: LayoutItem) => void;
131
- subscribe: (callback: (layoutItem: LayoutItem) => void) => () => void;
132
- };
133
- layoutPasted: {
134
- trigger: (layoutItem: ClipboardLayoutItem) => void;
135
- subscribe: (callback: (layoutItem: ClipboardLayoutItem) => void) => () => void;
136
- };
137
- };
138
- dispose: () => void;
139
158
  } & {
140
159
  dispose?: () => void;
141
160
  };
142
- dispose: () => void;
143
161
  } & {
144
162
  dispose?: () => void;
145
163
  };
@@ -174,6 +192,7 @@ export declare class LayoutCanvasStore extends Store implements ILayoutCanvasSto
174
192
  }, Record<string, IMessageBusTopicPublishSubscriber<any>>>;
175
193
  actions: import("../../../stores").StoreReturnDefineAction<{
176
194
  scroll: () => void;
195
+ setDisableScrolling: (disable: boolean) => void;
177
196
  calculateDynamicHeight: () => void;
178
197
  setHeight: (height: string) => void;
179
198
  setWidth: (width: string) => void;
@@ -1,5 +1,5 @@
1
1
  import { ServiceContainerContext } from "@omnia/fx";
2
- import { AddItemToLayoutPayLoad, Block, BlockRenderingModes, guid, IBlockInstance, ILayoutFileContext, ILayoutMediaContext, ILayoutSectionRenderer, Layout, LayoutDefinition, LayoutItem, LoadedLayout } from "@omnia/fx-models";
2
+ import { BlockRenderingModes, guid, IBlockInstance, ILayoutFileContext, ILayoutMediaContext, ILayoutSectionRenderer, Layout, LayoutDefinition, LayoutItem, LoadedLayout, Section, SectionTypes } from "@omnia/fx-models";
3
3
  import { ReactiveLayoutItemsSettingsStore } from "./ReactiveLayoutItemsSettingsStore";
4
4
  import { useEditorChromeStore } from "../../editorchrome";
5
5
  import { BlockSettingsProvider } from "..";
@@ -7,8 +7,12 @@ export interface IBlockInstanceExtendsInternal<TSettings = void> extends IBlockI
7
7
  settings: TSettings;
8
8
  serviceContainerContext: ServiceContainerContext;
9
9
  }
10
+ type LayoutCanvasBlockInstance<TSettings = void> = {
11
+ instance: IBlockInstanceExtendsInternal<TSettings>;
12
+ };
10
13
  export declare const useLayoutCanvasStore: () => {
11
14
  state: {
15
+ compatibilityMode: boolean;
12
16
  layout: {
13
17
  definition: LayoutDefinition;
14
18
  ownerLayoutItemsOverride: LayoutItem[];
@@ -16,39 +20,44 @@ export declare const useLayoutCanvasStore: () => {
16
20
  };
17
21
  id: guid;
18
22
  settings: {
19
- authDisabled: boolean;
20
23
  providers: {
21
24
  block: string;
22
25
  mediaContext: ILayoutMediaContext;
23
26
  fileContext: ILayoutFileContext;
27
+ dependencyProviders: string[];
24
28
  };
25
29
  };
26
30
  };
27
31
  actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
28
- layout: () => {
32
+ hooks: () => import("@omnia/fx/stores").StoreReturnDefineAction<{
33
+ blockinstanceCreated: (blockInstance: IBlockInstance) => void;
34
+ layoutSectionRenderer: (layoutSectionRenderer: ILayoutSectionRenderer) => void;
35
+ }>;
36
+ layout: () => import("@omnia/fx/stores").StoreReturnDefineAction<{
29
37
  set: (layout: Layout) => void;
30
- addItem: (itemreference: AddItemToLayoutPayLoad) => void;
31
- };
38
+ }>;
32
39
  providers: () => {
33
40
  set: {
41
+ dependencyProviders: (providers: Array<string>) => void;
34
42
  block: (blockProvider: string) => void;
35
43
  mediaContext: (mediaContext: ILayoutMediaContext) => void;
36
44
  fileContext: (fileContext: ILayoutFileContext) => void;
37
45
  };
38
46
  };
39
- /**Should be removed when new package is deployed */
40
- setLayout: (layout: Layout) => void;
47
+ notify: (blockManifestId: string) => void;
41
48
  init: () => {
42
49
  readOnlyCanvas: (blockProvider: string, mediaContext: ILayoutMediaContext, fileContext: ILayoutFileContext) => void;
43
50
  editableCanvas: (editorChromeStore: ReturnType<typeof useEditorChromeStore>, blockProvider: string, mediaContext: ILayoutMediaContext, fileContext: ILayoutFileContext) => void;
44
51
  };
45
- dispose: () => void;
46
52
  }>;
47
53
  get: {
48
54
  layout: {
49
55
  loaded: () => LoadedLayout;
50
56
  };
51
57
  block: {
58
+ readonly instances: {
59
+ [blockManifestId: string]: Set<LayoutCanvasBlockInstance<void>>;
60
+ };
52
61
  readonly settings: ReactiveLayoutItemsSettingsStore;
53
62
  settingsProvider: () => BlockSettingsProvider;
54
63
  renderMode: () => BlockRenderingModes;
@@ -62,73 +71,83 @@ export declare const useLayoutCanvasStore: () => {
62
71
  rules: {
63
72
  isEditMode: () => boolean;
64
73
  };
65
- hooks: {
66
- blockInstanceCreated: {
67
- trigger: (blockInstance: IBlockInstance) => void;
68
- subscribe: (callback: (blockInstance: IBlockInstance) => void) => () => void;
69
- };
70
- layoutSectionRendererCreated: {
71
- trigger: (layoutSectionRenderer: ILayoutSectionRenderer) => void;
72
- subscribe: (callback: (layoutSectionRenderer: ILayoutSectionRenderer) => void) => () => void;
73
- };
74
- };
75
74
  readonly editor: {
76
75
  state: {
77
76
  editorMode: import("@omnia/fx-models").LayoutCanvasMode;
78
77
  id: guid;
79
78
  settings: {
80
- showGrid: boolean;
79
+ authDisabled: boolean;
80
+ breakpointSettingsEnabled: boolean;
81
+ };
82
+ drawerMode: "settings" | "layout-structure" | "clipboard";
83
+ selected: {
84
+ layoutItem: LayoutItem;
85
+ clipBoardItem: import("@omnia/fx-models").ClipboardLayoutItem;
86
+ displayBreakPoint: import("@omnia/fx-models").DisplayBreakPoint;
87
+ layoutItem4Action: LayoutItem;
88
+ };
89
+ active: {
90
+ layoutItemAction: import("@omnia/fx-models").LayoutItemActionState;
81
91
  };
82
92
  };
83
93
  actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
94
+ scrollToLayoutItem: (item: LayoutItem) => void;
95
+ selection: () => import("@omnia/fx/stores").StoreReturnDefineAction<{
96
+ removeSelectedLayoutItem: () => void;
97
+ setSelectedLayoutItem: (item: LayoutItem, toggleSettings: boolean) => void;
98
+ }>;
99
+ enableDisplayBreakpointSettings: (enable: boolean) => void;
84
100
  block: () => {
101
+ set: {
102
+ suggestedBlocks: (blocks: string[]) => void;
103
+ };
85
104
  ensureRemoveDeletedBlocks: (layout: Layout) => void;
86
105
  };
87
- layout: () => {
88
- addItem: (itemreference: AddItemToLayoutPayLoad) => void;
89
- };
90
- toggleGrid: () => void;
106
+ show: () => import("@omnia/fx/stores").StoreReturnDefineAction<{
107
+ showPanel: (panelType: "settings" | "layout-structure" | "clipboard", toggle: boolean) => void;
108
+ settingsPanel: (toggle: boolean) => void;
109
+ layoutStructurePanel: (toggle: boolean) => void;
110
+ clipboardPanel: (toggle: boolean) => void;
111
+ }>;
112
+ layout: () => import("@omnia/fx/stores").StoreReturnDefineAction<{
113
+ addItem: (itemreference: import("@omnia/fx-models").AddItemToLayoutPayLoad) => void;
114
+ changeSectionType: (section: Section, type: SectionTypes) => void;
115
+ }>;
116
+ configureDrawer: (header: {
117
+ icon?: import("@omnia/fx-models").IIcon;
118
+ title?: string;
119
+ enabled?: boolean;
120
+ }, customScroll?: boolean) => void;
91
121
  setEditorMode: (mode: import("@omnia/fx-models").LayoutCanvasMode) => void;
92
- init: (canvasStore: ReturnType<typeof useLayoutCanvasStore>, editorChromeStore: ReturnType<typeof useEditorChromeStore>) => void;
93
- dispose: () => void;
122
+ init: (canvasStore: ReturnType<typeof useLayoutCanvasStore>, editorChromeStoreRef: ReturnType<typeof useEditorChromeStore>) => void;
94
123
  }>;
95
124
  get: {
125
+ settingsDefinitions: import("..").LayoutDefinitionBuilder;
96
126
  layout: {
97
127
  active: () => Layout;
98
128
  };
99
129
  block: {
130
+ suggestions: () => string[];
100
131
  renderMode: () => BlockRenderingModes;
101
132
  };
102
133
  };
103
134
  rules: {
104
- hideGridSettings: () => boolean;
135
+ isSettingsActive: () => boolean;
136
+ isLayoutStructureActive: () => boolean;
137
+ isClipboardActive: () => boolean;
138
+ activeItem: {
139
+ isSection(): boolean;
140
+ };
141
+ showSelectors: () => boolean;
105
142
  isLayoutItemLocked: (item: LayoutItem) => boolean;
106
143
  isTemplateEnabledLayout: () => boolean;
107
144
  isAdvancedModeActivated: () => boolean;
145
+ isAuthDisabled: () => boolean;
108
146
  };
109
- hooks: {
110
- blockRemoved: {
111
- trigger: (block: Block) => void;
112
- subscribe: (callback: (block: Block) => void) => () => void;
113
- };
114
- blockCopied: {
115
- trigger: (originalBlock: Block, newBlock: Block) => void;
116
- subscribe: (callback: (originalBlock: Block, newBlock: Block) => void) => () => void;
117
- };
118
- layoutItemMoved: {
119
- trigger: (layoutItem: LayoutItem) => void;
120
- subscribe: (callback: (layoutItem: LayoutItem) => void) => () => void;
121
- };
122
- layoutPasted: {
123
- trigger: (layoutItem: import("@omnia/fx-models").ClipboardLayoutItem) => void;
124
- subscribe: (callback: (layoutItem: import("@omnia/fx-models").ClipboardLayoutItem) => void) => () => void;
125
- };
126
- };
127
- dispose: () => void;
128
147
  } & {
129
148
  dispose?: () => void;
130
149
  };
131
- dispose: () => void;
132
150
  } & {
133
151
  dispose?: () => void;
134
152
  };
153
+ export {};
@@ -37,5 +37,5 @@ declare const _default: <T1 extends unknown, T2 extends unknown>(props: import("
37
37
  "v-slots"?: {} & Omit<{
38
38
  default?: import("vue").Slot;
39
39
  }, never>;
40
- } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "mode" | "grid" | "label" | "disabled" | "modelValue" | "items" | "rules" | "emit:update:modelValue" | "v-model" | "autofocus" | "itemValue" | "defaultValueItem" | "hideEditGrid" | "selectionVisible" | "isAppendIcon" | "emit:selectItem"> & import("@omnia/fx/ux").VNodeEvents) => any;
40
+ } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "mode" | "grid" | "label" | "disabled" | "modelValue" | "items" | "rules" | "emit:update:modelValue" | "v-model" | "autofocus" | "itemValue" | "emit:selectItem" | "defaultValueItem" | "hideEditGrid" | "selectionVisible" | "isAppendIcon"> & import("@omnia/fx/ux").VNodeEvents) => any;
41
41
  export default _default;
@@ -31,5 +31,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<OListItemPro
31
31
  } & Omit<{
32
32
  default?: import("vue").Slot;
33
33
  }, "title" | "default" | "append" | "prepend" | "subtitle">;
34
- } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "icon" | "title" | "colorSchemaType" | "variant" | "active" | "class" | "disabled" | "colors" | "divider" | "slot:append" | "slot:prepend" | "slot:title" | "subtitle" | "expandableHeight" | "selected" | "isDragMode" | "slot:default" | "slot:subtitle" | "emit:click:delete" | "emit:click:remove" | "emit:click:navigate" | "emit:click:select"> & import("@omnia/fx/ux").VNodeEvents) => any;
34
+ } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "icon" | "title" | "colorSchemaType" | "variant" | "active" | "class" | "disabled" | "colors" | "divider" | "subtitle" | "expandableHeight" | "selected" | "isDragMode" | "slot:append" | "slot:prepend" | "slot:default" | "slot:title" | "slot:subtitle" | "emit:click:delete" | "emit:click:remove" | "emit:click:navigate" | "emit:click:select"> & import("@omnia/fx/ux").VNodeEvents) => any;
35
35
  export default _default;
@@ -24,6 +24,7 @@ export declare const useScrollContainerStore: () => {
24
24
  }, Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>>;
25
25
  actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
26
26
  scroll: () => void;
27
+ setDisableScrolling: (disable: boolean) => void;
27
28
  calculateDynamicHeight: () => void;
28
29
  setHeight: (height: string) => void;
29
30
  setWidth: (width: string) => void;
@@ -2,11 +2,11 @@ import { DefineEmit, DefineProp, DefinePropTheming, DefineSlot, ItemValueType }
2
2
  import { VNodeChild } from "vue";
3
3
  import { OMultiSelectionStyles } from "@omnia/fx-models";
4
4
  type SelectionVariants = "remove" | "settings" | "readonly";
5
- type BaseProps<TItem> = DefinePropTheming & DefineProp<"items", TItem[], false, null, "TItem must be an array of objects or array of strings. When using objects, will look for a title, value and disabled keys. This can be changed using the item-title, item-value and item-disabled props."> & DefineProp<"variant", SelectionVariants, false, null, "The component variants"> & DefineProp<"toned", boolean, false, null, "Sets the component to toned"> & DefineProp<"sorting", boolean, false, null, "Sets the component to sorting mode"> & DefineProp<"itemValue", ItemValueType<TItem>, false, null, "Property on supplied items that contains its value."> & DefineProp<"itemTitle", ItemValueType<TItem>, false, null, "Property on supplied items that contains its title."> & DefineProp<"itemSubtitle", string, false, null, "Property on supplied items that contains its value."> & DefineProp<"itemIcon", string, false, null, "Property on supplied items that contains its value."> & DefineProp<"enableAdd", boolean, false, null, "If add button is shown"> & DefineProp<"selectionStyle", OMultiSelectionStyles, false, null, "The style of multi select"> & DefineProp<"itemSettingable", (item: TItem) => boolean, false, null, "Item has settings or not."> & DefineProp<"itemDeletable", (item: TItem) => boolean, false, null, "Item can be deleted or not."> & DefineSlot<"item", (item: TItem, index: Number) => VNodeChild> & DefineEmit<"selectItem", (index: any) => true> & DefineEmit<"removeItem", (index: any) => true> & DefineEmit<"sort:update", (items: TItem[]) => true> & DefineEmit<"addItem", () => true>;
5
+ type BaseProps<TItem> = DefinePropTheming & DefineProp<"items", TItem[], false, null, "TItem must be an array of objects or array of strings. When using objects, will look for a title, value and disabled keys. This can be changed using the item-title, item-value and item-disabled props."> & DefineProp<"variant", SelectionVariants, false, null, "The component variants"> & DefineProp<"toned", boolean, false, null, "Sets the component to toned"> & DefineProp<"sorting", boolean, false, null, "Sets the component to sorting mode"> & DefineProp<"itemValue", ItemValueType<TItem>, false, null, "Property on supplied items that contains its value."> & DefineProp<"itemTitle", ItemValueType<TItem>, false, null, "Property on supplied items that contains its title."> & DefineProp<"itemSubtitle", string, false, null, "Property on supplied items that contains its value."> & DefineProp<"itemIcon", string, false, null, "Property on supplied items that contains its value."> & DefineProp<"enableAdd", boolean, false, null, "If add button is shown"> & DefineProp<"labelAdd", string, null, null, "The label for the add button of the component"> & DefineProp<"selectionStyle", OMultiSelectionStyles, false, null, "The style of multi select"> & DefineProp<"itemSettingable", (item: TItem) => boolean, false, null, "Item has settings or not."> & DefineProp<"itemDeletable", (item: TItem) => boolean, false, null, "Item can be deleted or not."> & DefineSlot<"item", (item: TItem, index: Number) => VNodeChild> & DefineEmit<"selectItem", (index: any) => true> & DefineEmit<"removeItem", (index: any) => true> & DefineEmit<"sort:update", (items: TItem[]) => true> & DefineEmit<"addItem", () => true>;
6
6
  declare const _default: <TItem extends unknown>(props: import("@omnia/fx/ux").ExtractProps<BaseProps<TItem>> & {
7
7
  onRemoveItem?: (index: any) => any;
8
- onSelectItem?: (index: any) => any;
9
8
  onAddItem?: () => any;
9
+ onSelectItem?: (index: any) => any;
10
10
  "onSort:update"?: (items: TItem[]) => any;
11
11
  } & {
12
12
  "v-slots"?: {
@@ -14,5 +14,5 @@ declare const _default: <TItem extends unknown>(props: import("@omnia/fx/ux").Ex
14
14
  } & Omit<{
15
15
  default?: import("vue").Slot;
16
16
  }, "item">;
17
- } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "colorSchemaType" | "variant" | "items" | "colors" | "toned" | "itemValue" | "slot:item" | "itemTitle" | "itemDeletable" | "itemIcon" | "itemSettingable" | "emit:selectItem" | "sorting" | "itemSubtitle" | "enableAdd" | "selectionStyle" | "emit:removeItem" | "emit:sort:update" | "emit:addItem"> & import("@omnia/fx/ux").VNodeEvents) => any;
17
+ } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "colorSchemaType" | "variant" | "items" | "colors" | "toned" | "itemValue" | "slot:item" | "itemTitle" | "itemDeletable" | "itemIcon" | "labelAdd" | "itemSettingable" | "sorting" | "itemSubtitle" | "enableAdd" | "selectionStyle" | "emit:selectItem" | "emit:removeItem" | "emit:sort:update" | "emit:addItem"> & import("@omnia/fx/ux").VNodeEvents) => any;
18
18
  export default _default;
@@ -17,5 +17,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<ToolbarProps
17
17
  } & Omit<{
18
18
  default?: import("vue").Slot;
19
19
  }, "title" | "prepend" | "customButtons">;
20
- } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "icon" | "title" | "colorSchemaType" | "variant" | "class" | "closeButton" | "colors" | "toned" | "subTitle" | "backButton" | "emit:click:close" | "divider" | "slot:prepend" | "emit:click:back" | "slot:title" | "slot:customButtons"> & import("@omnia/fx/ux").VNodeEvents) => any;
20
+ } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "icon" | "title" | "colorSchemaType" | "variant" | "class" | "closeButton" | "colors" | "toned" | "subTitle" | "backButton" | "emit:click:close" | "divider" | "slot:prepend" | "slot:title" | "emit:click:back" | "slot:customButtons"> & import("@omnia/fx/ux").VNodeEvents) => any;
21
21
  export default _default;