@omnia/fx 8.0.20-vnext → 8.0.21-vnext

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 (84) hide show
  1. package/internal-do-not-import-from-here/libs/prismjs/index.d.ts +2 -0
  2. package/internal-do-not-import-from-here/manifests/omnia.fx.ux.richtexteditor.manifest.json +1 -1
  3. package/internal-do-not-import-from-here/manifests/omnia.vendor.manifest.json +1 -1
  4. package/internal-do-not-import-from-here/shared/models/theming/ThemeDefinitionV2.d.ts +2 -2
  5. package/internal-do-not-import-from-here/shared/models/theming/ThemeDefinitionV2.js +0 -4
  6. package/internal-do-not-import-from-here/shared/models/theming/TypographyDefinition.d.ts +1 -1
  7. package/internal-do-not-import-from-here/shared/models/theming/UseThemeMethods.d.ts +3 -2
  8. package/internal-do-not-import-from-here/shared/models/theming/UseThemeMethods.js +17 -17
  9. package/internal-do-not-import-from-here/stores/DefineStore.d.ts +2 -2
  10. package/internal-do-not-import-from-here/ux/ComponentTypings.d.ts +7 -1
  11. package/internal-do-not-import-from-here/ux/InternalDefineWebComponent.d.ts +2 -0
  12. package/internal-do-not-import-from-here/ux/app/management/tabs/templates/Template.d.ts +1 -1
  13. package/internal-do-not-import-from-here/ux/compositiontests/stores/useNewStoreTest.d.ts +5 -13
  14. package/internal-do-not-import-from-here/ux/datetimezonepicker/DateTimeZonePicker.d.ts +1 -1
  15. package/internal-do-not-import-from-here/ux/datetimezonerenderer/DateTimeZoneRenderer.d.ts +1 -1
  16. package/internal-do-not-import-from-here/ux/docs/Docs.d.ts +40 -4
  17. package/internal-do-not-import-from-here/ux/docs/chrome/DocsChrome.css.d.ts +9 -5
  18. package/internal-do-not-import-from-here/ux/docs/chrome/SampleViewer.css.d.ts +9 -0
  19. package/internal-do-not-import-from-here/ux/docs/chrome/SampleViewer.d.ts +140 -0
  20. package/internal-do-not-import-from-here/ux/docs/services/DocsService.d.ts +6 -0
  21. package/internal-do-not-import-from-here/ux/docs/services/index.d.ts +1 -0
  22. package/internal-do-not-import-from-here/ux/identities/IdentityRenderer.d.ts +1 -1
  23. package/internal-do-not-import-from-here/ux/identitypicker/IdentityPicker.d.ts +1 -1
  24. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutItemselector/LayoutItemSelector.d.ts +23 -10
  25. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutitemactiontoolbar/LayoutItemActionToolbar.d.ts +151 -51
  26. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutitemactiontoolbar/LayoutItemActionToolbar_old.d.ts +51 -0
  27. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutitems/LayoutBlock.css.d.ts +4 -4
  28. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutitems/LayoutBlock.d.ts +26 -6
  29. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutitems/LayoutColumn.d.ts +27 -7
  30. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutitems/LayoutSection.css.d.ts +3 -3
  31. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutitems/LayoutSection.d.ts +28 -8
  32. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/SettingsPanel.d.ts +1 -1
  33. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/targetselector/TargetSelector.d.ts +171 -19
  34. package/internal-do-not-import-from-here/ux/layoutcanvas/renderer/LayoutBlockRendererHelper.d.ts +339 -30
  35. package/internal-do-not-import-from-here/ux/layoutcanvas/renderer/LayoutRendererCanvas.d.ts +188 -35
  36. package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutitemsdesigner/StepperSectionDesigner.d.ts +100 -49
  37. package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutitemsdesigner/index.d.ts +2 -0
  38. package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutitemsrenderer/LayoutBlockRenderer.d.ts +200 -68
  39. package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutitemsrenderer/LayoutColumnRenderer.d.ts +172 -27
  40. package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutitemsrenderer/LayoutSectionRenderer.d.ts +178 -48
  41. package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutitemsrenderer/LayoutSectionStepperRenderer.d.ts +150 -11
  42. package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutitemsrenderer/LayoutSectionTabRenderer.d.ts +151 -55
  43. package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutitemsrenderer/LayoutStepRenderer.d.ts +198 -30
  44. package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutitemsrenderer/LayoutTabRenderer.d.ts +198 -30
  45. package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutitemsrenderer/index.d.ts +8 -0
  46. package/internal-do-not-import-from-here/ux/layoutcanvas/stores/LayoutCanvasStore.d.ts +3 -1
  47. package/internal-do-not-import-from-here/ux/oxide/btn/Button.css.d.ts +2 -1
  48. package/internal-do-not-import-from-here/ux/oxide/btn/Button.d.ts +32 -30
  49. package/internal-do-not-import-from-here/ux/oxide/btn/docs/ButtonExamples.d.ts +1 -0
  50. package/internal-do-not-import-from-here/ux/oxide/checkbox/Checkbox.d.ts +1 -1
  51. package/internal-do-not-import-from-here/ux/oxide/dialog/Dialog.css.d.ts +2 -1
  52. package/internal-do-not-import-from-here/ux/oxide/dialog/Dialog.d.ts +32 -31
  53. package/internal-do-not-import-from-here/ux/oxide/dialog/docs/DialogExamples.d.ts +1 -0
  54. package/internal-do-not-import-from-here/ux/oxide/dialog/docs/DialogWithLeftBar.d.ts +46 -0
  55. package/internal-do-not-import-from-here/ux/oxide/dialog/docs/DialogWithNavigation.d.ts +46 -0
  56. package/internal-do-not-import-from-here/ux/oxide/dialog/docs/index.d.ts +1 -0
  57. package/internal-do-not-import-from-here/ux/oxide/expansionpanel/ExpansionPanel.css.d.ts +1 -1
  58. package/internal-do-not-import-from-here/ux/oxide/expansionpanel/ExpansionPanel.d.ts +21 -0
  59. package/internal-do-not-import-from-here/ux/oxide/panel/Panel.css.d.ts +8 -4
  60. package/internal-do-not-import-from-here/ux/oxide/panel/Panel.d.ts +50 -49
  61. package/internal-do-not-import-from-here/ux/oxide/panel/docs/BasicPanelTypes.d.ts +46 -0
  62. package/internal-do-not-import-from-here/ux/oxide/panel/docs/Examples.d.ts +1 -0
  63. package/internal-do-not-import-from-here/ux/oxide/panel/docs/PanelAlignment.d.ts +46 -0
  64. package/internal-do-not-import-from-here/ux/oxide/panel/docs/PanelVariants.d.ts +46 -0
  65. package/internal-do-not-import-from-here/ux/oxide/panel/docs/index.d.ts +1 -0
  66. package/internal-do-not-import-from-here/ux/oxide/radio/Radio.d.ts +1 -1
  67. package/internal-do-not-import-from-here/ux/oxide/table/Table.css.d.ts +4 -1
  68. package/internal-do-not-import-from-here/ux/oxide/table/Table.d.ts +21 -0
  69. package/internal-do-not-import-from-here/ux/oxide/text/Text.d.ts +19 -19
  70. package/internal-do-not-import-from-here/ux/richtexteditor/RichTextEditor.d.ts +1 -1
  71. package/internal-do-not-import-from-here/ux/richtexteditor/RichTextEditorSettings.d.ts +2 -2
  72. package/internal-do-not-import-from-here/ux/richtexteditor/extensions/Doc/DocNode.d.ts +1 -1
  73. package/internal-do-not-import-from-here/ux/theming-v2/ColorSchemaStore.d.ts +31 -11
  74. package/internal-do-not-import-from-here/ux/theming-v2/styling/index.d.ts +0 -1
  75. package/internal-do-not-import-from-here/ux/use/UseColorSchemaSetup.d.ts +63 -0
  76. package/internal-do-not-import-from-here/ux/use/index.d.ts +1 -1
  77. package/internal-do-not-import-from-here/ux/velcron/core/parser/VelcronRenderers.d.ts +8 -7
  78. package/internal-do-not-import-from-here/wctypings.d.ts +6 -2
  79. package/package.json +3 -3
  80. package/internal-do-not-import-from-here/ux/layoutcanvas/renderer/ILayoutBlockRendererHelper.d.ts +0 -29
  81. package/internal-do-not-import-from-here/ux/layoutcanvas/renderer/ILayoutRendererCanvas.d.ts +0 -22
  82. package/internal-do-not-import-from-here/ux/theming-v2/styling/UseVuetifyStyling.d.ts +0 -4
  83. package/internal-do-not-import-from-here/ux/use/UseComponentSetup.d.ts +0 -54
  84. /package/internal-do-not-import-from-here/ux/{oxide/btn/docs/ButtonIntro.d.ts → compositiontests/WowComp.d.ts} +0 -0
@@ -1,31 +1,340 @@
1
- import { VueComponentBase, LayoutCanvasStore, BlockInstance, LayoutMediaContext, LayoutFileContext } from "@omnia/fx/ux";
2
- import { Block, GuidValue, IBlockInstance } from "@omnia/fx/models";
3
- import { ILayoutBlockRendererHelper } from "./ILayoutBlockRendererHelper";
1
+ import { LayoutMediaContext, LayoutFileContext } from "@omnia/fx/ux";
2
+ import { GuidValue, IBlockInstance } from "@omnia/fx/models";
4
3
  import { ISettingsStorage } from "../../../services";
5
- export default class LayoutBlockRendererHelper extends VueComponentBase implements ILayoutBlockRendererHelper {
6
- blockId: string;
7
- blockRenderer: () => JSX.Element;
8
- settingsStorage: ISettingsStorage<any>;
9
- layoutProvider?: string;
10
- blockManifestId?: GuidValue;
11
- blockElementToRender?: string;
12
- onSettingsElementUpdated?: (element: string) => void;
13
- isEditMode?: boolean;
14
- mediaContext: LayoutMediaContext;
15
- fileContext: LayoutFileContext;
16
- onBlockInstanceCreated?: (blockInstance: IBlockInstance) => void;
17
- private subscriptionHandler;
18
- layoutMediaContext: LayoutMediaContext;
19
- layoutFileContext: LayoutFileContext;
20
- layoutStore: LayoutCanvasStore;
21
- blockInstance: BlockInstance;
22
- private subscribeSettingUpdated;
23
- private blockSettingsManager;
24
- private readyToRender;
25
- block: Partial<Block>;
26
- mounted(): void;
27
- beforeDestroy(): void;
28
- created(): void;
29
- private handleSettingsChanged;
30
- render(): JSX.Element;
31
- }
4
+ declare const _default: {
5
+ new (...args: any[]): {
6
+ $: import("vue").ComponentInternalInstance;
7
+ $data: {};
8
+ $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
9
+ "on-block-instance-created": {
10
+ type: import("vue").PropType<(blockInstance: IBlockInstance) => void>;
11
+ };
12
+ onBlockInstanceCreated: {
13
+ type: import("vue").PropType<(blockInstance: IBlockInstance) => void>;
14
+ };
15
+ "on-settings-element-updated": {
16
+ type: import("vue").PropType<(element: string) => void>;
17
+ };
18
+ onSettingsElementUpdated: {
19
+ type: import("vue").PropType<(element: string) => void>;
20
+ };
21
+ "file-context": {
22
+ type: import("vue").PropType<LayoutFileContext>;
23
+ };
24
+ fileContext: {
25
+ type: import("vue").PropType<LayoutFileContext>;
26
+ };
27
+ "media-context": {
28
+ type: import("vue").PropType<LayoutMediaContext>;
29
+ };
30
+ mediaContext: {
31
+ type: import("vue").PropType<LayoutMediaContext>;
32
+ };
33
+ "is-edit-mode": {
34
+ type: import("vue").PropType<boolean>;
35
+ };
36
+ isEditMode: {
37
+ type: import("vue").PropType<boolean>;
38
+ };
39
+ "block-element-to-render": {
40
+ type: import("vue").PropType<string>;
41
+ };
42
+ blockElementToRender: {
43
+ type: import("vue").PropType<string>;
44
+ };
45
+ "block-manifest-id": {
46
+ type: import("vue").PropType<GuidValue>;
47
+ };
48
+ blockManifestId: {
49
+ type: import("vue").PropType<GuidValue>;
50
+ };
51
+ "layout-provider": {
52
+ type: import("vue").PropType<string>;
53
+ };
54
+ layoutProvider: {
55
+ type: import("vue").PropType<string>;
56
+ };
57
+ "settings-storage": {
58
+ type: import("vue").PropType<ISettingsStorage<any>>;
59
+ };
60
+ settingsStorage: {
61
+ type: import("vue").PropType<ISettingsStorage<any>>;
62
+ };
63
+ "block-renderer": {
64
+ type: import("vue").PropType<() => JSX.Element>;
65
+ };
66
+ blockRenderer: {
67
+ type: import("vue").PropType<() => JSX.Element>;
68
+ };
69
+ "block-id": {
70
+ type: import("vue").PropType<string>;
71
+ };
72
+ blockId: {
73
+ type: import("vue").PropType<string>;
74
+ };
75
+ }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
76
+ $attrs: {
77
+ [x: string]: unknown;
78
+ };
79
+ $refs: {
80
+ [x: string]: unknown;
81
+ };
82
+ $slots: Readonly<{
83
+ [name: string]: import("vue").Slot;
84
+ }>;
85
+ $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
86
+ $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
87
+ $emit: (event: string, ...args: any[]) => void;
88
+ $el: any;
89
+ $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
90
+ "on-block-instance-created": {
91
+ type: import("vue").PropType<(blockInstance: IBlockInstance) => void>;
92
+ };
93
+ onBlockInstanceCreated: {
94
+ type: import("vue").PropType<(blockInstance: IBlockInstance) => void>;
95
+ };
96
+ "on-settings-element-updated": {
97
+ type: import("vue").PropType<(element: string) => void>;
98
+ };
99
+ onSettingsElementUpdated: {
100
+ type: import("vue").PropType<(element: string) => void>;
101
+ };
102
+ "file-context": {
103
+ type: import("vue").PropType<LayoutFileContext>;
104
+ };
105
+ fileContext: {
106
+ type: import("vue").PropType<LayoutFileContext>;
107
+ };
108
+ "media-context": {
109
+ type: import("vue").PropType<LayoutMediaContext>;
110
+ };
111
+ mediaContext: {
112
+ type: import("vue").PropType<LayoutMediaContext>;
113
+ };
114
+ "is-edit-mode": {
115
+ type: import("vue").PropType<boolean>;
116
+ };
117
+ isEditMode: {
118
+ type: import("vue").PropType<boolean>;
119
+ };
120
+ "block-element-to-render": {
121
+ type: import("vue").PropType<string>;
122
+ };
123
+ blockElementToRender: {
124
+ type: import("vue").PropType<string>;
125
+ };
126
+ "block-manifest-id": {
127
+ type: import("vue").PropType<GuidValue>;
128
+ };
129
+ blockManifestId: {
130
+ type: import("vue").PropType<GuidValue>;
131
+ };
132
+ "layout-provider": {
133
+ type: import("vue").PropType<string>;
134
+ };
135
+ layoutProvider: {
136
+ type: import("vue").PropType<string>;
137
+ };
138
+ "settings-storage": {
139
+ type: import("vue").PropType<ISettingsStorage<any>>;
140
+ };
141
+ settingsStorage: {
142
+ type: import("vue").PropType<ISettingsStorage<any>>;
143
+ };
144
+ "block-renderer": {
145
+ type: import("vue").PropType<() => JSX.Element>;
146
+ };
147
+ blockRenderer: {
148
+ type: import("vue").PropType<() => JSX.Element>;
149
+ };
150
+ "block-id": {
151
+ type: import("vue").PropType<string>;
152
+ };
153
+ blockId: {
154
+ type: import("vue").PropType<string>;
155
+ };
156
+ }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & {
157
+ beforeCreate?: (() => void) | (() => void)[];
158
+ created?: (() => void) | (() => void)[];
159
+ beforeMount?: (() => void) | (() => void)[];
160
+ mounted?: (() => void) | (() => void)[];
161
+ beforeUpdate?: (() => void) | (() => void)[];
162
+ updated?: (() => void) | (() => void)[];
163
+ activated?: (() => void) | (() => void)[];
164
+ deactivated?: (() => void) | (() => void)[];
165
+ beforeDestroy?: (() => void) | (() => void)[];
166
+ beforeUnmount?: (() => void) | (() => void)[];
167
+ destroyed?: (() => void) | (() => void)[];
168
+ unmounted?: (() => void) | (() => void)[];
169
+ renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
170
+ renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
171
+ errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
172
+ };
173
+ $forceUpdate: () => void;
174
+ $nextTick: typeof import("vue").nextTick;
175
+ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
176
+ } & Readonly<import("vue").ExtractPropTypes<{
177
+ "on-block-instance-created": {
178
+ type: import("vue").PropType<(blockInstance: IBlockInstance) => void>;
179
+ };
180
+ onBlockInstanceCreated: {
181
+ type: import("vue").PropType<(blockInstance: IBlockInstance) => void>;
182
+ };
183
+ "on-settings-element-updated": {
184
+ type: import("vue").PropType<(element: string) => void>;
185
+ };
186
+ onSettingsElementUpdated: {
187
+ type: import("vue").PropType<(element: string) => void>;
188
+ };
189
+ "file-context": {
190
+ type: import("vue").PropType<LayoutFileContext>;
191
+ };
192
+ fileContext: {
193
+ type: import("vue").PropType<LayoutFileContext>;
194
+ };
195
+ "media-context": {
196
+ type: import("vue").PropType<LayoutMediaContext>;
197
+ };
198
+ mediaContext: {
199
+ type: import("vue").PropType<LayoutMediaContext>;
200
+ };
201
+ "is-edit-mode": {
202
+ type: import("vue").PropType<boolean>;
203
+ };
204
+ isEditMode: {
205
+ type: import("vue").PropType<boolean>;
206
+ };
207
+ "block-element-to-render": {
208
+ type: import("vue").PropType<string>;
209
+ };
210
+ blockElementToRender: {
211
+ type: import("vue").PropType<string>;
212
+ };
213
+ "block-manifest-id": {
214
+ type: import("vue").PropType<GuidValue>;
215
+ };
216
+ blockManifestId: {
217
+ type: import("vue").PropType<GuidValue>;
218
+ };
219
+ "layout-provider": {
220
+ type: import("vue").PropType<string>;
221
+ };
222
+ layoutProvider: {
223
+ type: import("vue").PropType<string>;
224
+ };
225
+ "settings-storage": {
226
+ type: import("vue").PropType<ISettingsStorage<any>>;
227
+ };
228
+ settingsStorage: {
229
+ type: import("vue").PropType<ISettingsStorage<any>>;
230
+ };
231
+ "block-renderer": {
232
+ type: import("vue").PropType<() => JSX.Element>;
233
+ };
234
+ blockRenderer: {
235
+ type: import("vue").PropType<() => JSX.Element>;
236
+ };
237
+ "block-id": {
238
+ type: import("vue").PropType<string>;
239
+ };
240
+ blockId: {
241
+ type: import("vue").PropType<string>;
242
+ };
243
+ }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
244
+ __isFragment?: never;
245
+ __isTeleport?: never;
246
+ __isSuspense?: never;
247
+ } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
248
+ "on-block-instance-created": {
249
+ type: import("vue").PropType<(blockInstance: IBlockInstance) => void>;
250
+ };
251
+ onBlockInstanceCreated: {
252
+ type: import("vue").PropType<(blockInstance: IBlockInstance) => void>;
253
+ };
254
+ "on-settings-element-updated": {
255
+ type: import("vue").PropType<(element: string) => void>;
256
+ };
257
+ onSettingsElementUpdated: {
258
+ type: import("vue").PropType<(element: string) => void>;
259
+ };
260
+ "file-context": {
261
+ type: import("vue").PropType<LayoutFileContext>;
262
+ };
263
+ fileContext: {
264
+ type: import("vue").PropType<LayoutFileContext>;
265
+ };
266
+ "media-context": {
267
+ type: import("vue").PropType<LayoutMediaContext>;
268
+ };
269
+ mediaContext: {
270
+ type: import("vue").PropType<LayoutMediaContext>;
271
+ };
272
+ "is-edit-mode": {
273
+ type: import("vue").PropType<boolean>;
274
+ };
275
+ isEditMode: {
276
+ type: import("vue").PropType<boolean>;
277
+ };
278
+ "block-element-to-render": {
279
+ type: import("vue").PropType<string>;
280
+ };
281
+ blockElementToRender: {
282
+ type: import("vue").PropType<string>;
283
+ };
284
+ "block-manifest-id": {
285
+ type: import("vue").PropType<GuidValue>;
286
+ };
287
+ blockManifestId: {
288
+ type: import("vue").PropType<GuidValue>;
289
+ };
290
+ "layout-provider": {
291
+ type: import("vue").PropType<string>;
292
+ };
293
+ layoutProvider: {
294
+ type: import("vue").PropType<string>;
295
+ };
296
+ "settings-storage": {
297
+ type: import("vue").PropType<ISettingsStorage<any>>;
298
+ };
299
+ settingsStorage: {
300
+ type: import("vue").PropType<ISettingsStorage<any>>;
301
+ };
302
+ "block-renderer": {
303
+ type: import("vue").PropType<() => JSX.Element>;
304
+ };
305
+ blockRenderer: {
306
+ type: import("vue").PropType<() => JSX.Element>;
307
+ };
308
+ "block-id": {
309
+ type: import("vue").PropType<string>;
310
+ };
311
+ blockId: {
312
+ type: import("vue").PropType<string>;
313
+ };
314
+ }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
315
+ propsDefinition: Readonly<{} & {
316
+ blockId?: string;
317
+ "block-id"?: string;
318
+ blockRenderer?: () => JSX.Element;
319
+ "block-renderer"?: () => JSX.Element;
320
+ settingsStorage?: ISettingsStorage<any>;
321
+ "settings-storage"?: ISettingsStorage<any>;
322
+ layoutProvider?: string;
323
+ "layout-provider"?: string;
324
+ blockManifestId?: unknown;
325
+ "block-manifest-id"?: unknown;
326
+ blockElementToRender?: string;
327
+ "block-element-to-render"?: string;
328
+ isEditMode?: boolean;
329
+ "is-edit-mode"?: boolean;
330
+ mediaContext?: LayoutMediaContext;
331
+ "media-context"?: LayoutMediaContext;
332
+ fileContext?: LayoutFileContext;
333
+ "file-context"?: LayoutFileContext;
334
+ onSettingsElementUpdated?: (element: string) => void;
335
+ "on-settings-element-updated"?: (element: string) => void;
336
+ onBlockInstanceCreated?: (blockInstance: IBlockInstance) => void;
337
+ "on-block-instance-created"?: (blockInstance: IBlockInstance) => void;
338
+ }>;
339
+ };
340
+ export default _default;
@@ -1,36 +1,189 @@
1
- import { LayoutItem, LayoutRendererCanvasApi, LayoutRendererCanvasStyles } from "@omnia/fx/models";
2
- import { BlockCatalogStore, LayoutCanvasStore, ThemingRenditionManager } from "../";
3
- import { LayoutFileContext, LayoutMediaContext, ThemeStore, VueComponentBase } from "../..";
4
- import { IWebComponentInstance, SubscriptionHandler } from "../../..";
5
- import { MediaPickerService } from "../../../services";
6
- import { BlockTitleSettingsStore, DirectionRuleStore } from "../../../stores";
7
- import { AnchorLink } from "../../AnchorLink";
8
- import { ILayoutRendererCanvas } from "./ILayoutRendererCanvas";
1
+ import { LayoutRendererCanvasApi } from "@omnia/fx/models";
9
2
  import "./LayoutRendererCanvas.css";
10
- export default class LayoutRendererCanvas extends VueComponentBase implements IWebComponentInstance, ILayoutRendererCanvas {
11
- designRender?: boolean;
12
- styles?: Partial<typeof LayoutRendererCanvasStyles>;
13
- getApi: (inst: LayoutRendererCanvasApi) => void;
14
- provider: string;
15
- disableScrollCompensation: boolean;
16
- layoutStore: LayoutCanvasStore;
17
- mediaContext: LayoutMediaContext;
18
- fileContext: LayoutFileContext;
19
- blockTitleSettingsStore: BlockTitleSettingsStore;
20
- anchorLink: AnchorLink;
21
- layoutItemStore: BlockCatalogStore;
22
- subscriptionHandler: SubscriptionHandler;
23
- mediaPickerService: MediaPickerService;
24
- themeStore: ThemeStore;
25
- themingRenditionManager: ThemingRenditionManager;
26
- directionRuleStore: DirectionRuleStore;
27
- private LayoutRendererCanvasClasses;
28
- beforeCreate(): void;
29
- created(): void;
30
- mounted(): void;
31
- destroyed(): void;
32
- ensureBlockTitleSettingsForLayout(): void;
33
- private get backgroundImage();
34
- renderLayout(layoutItem: LayoutItem): JSX.Element[];
35
- render(): JSX.Element;
36
- }
3
+ declare const _default: {
4
+ new (...args: any[]): {
5
+ $: import("vue").ComponentInternalInstance;
6
+ $data: {};
7
+ $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
8
+ "disable-scroll-compensation": {
9
+ type: import("vue").PropType<boolean>;
10
+ };
11
+ disableScrollCompensation: {
12
+ type: import("vue").PropType<boolean>;
13
+ };
14
+ provider: {
15
+ type: import("vue").PropType<string>;
16
+ } & {
17
+ type: import("vue").PropType<string>;
18
+ };
19
+ "get-api": {
20
+ type: import("vue").PropType<(inst: LayoutRendererCanvasApi) => void>;
21
+ };
22
+ getApi: {
23
+ type: import("vue").PropType<(inst: LayoutRendererCanvasApi) => void>;
24
+ };
25
+ styles: {
26
+ type: import("vue").PropType<Partial<{
27
+ container: import("@omnia/fx-models").NestedCSSPropertiesExtends;
28
+ }>>;
29
+ } & {
30
+ type: import("vue").PropType<Partial<{
31
+ container: import("@omnia/fx-models").NestedCSSPropertiesExtends;
32
+ }>>;
33
+ };
34
+ "design-render": {
35
+ type: import("vue").PropType<boolean>;
36
+ };
37
+ designRender: {
38
+ type: import("vue").PropType<boolean>;
39
+ };
40
+ }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
41
+ $attrs: {
42
+ [x: string]: unknown;
43
+ };
44
+ $refs: {
45
+ [x: string]: unknown;
46
+ };
47
+ $slots: Readonly<{
48
+ [name: string]: import("vue").Slot;
49
+ }>;
50
+ $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
51
+ $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
52
+ $emit: (event: string, ...args: any[]) => void;
53
+ $el: any;
54
+ $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
55
+ "disable-scroll-compensation": {
56
+ type: import("vue").PropType<boolean>;
57
+ };
58
+ disableScrollCompensation: {
59
+ type: import("vue").PropType<boolean>;
60
+ };
61
+ provider: {
62
+ type: import("vue").PropType<string>;
63
+ } & {
64
+ type: import("vue").PropType<string>;
65
+ };
66
+ "get-api": {
67
+ type: import("vue").PropType<(inst: LayoutRendererCanvasApi) => void>;
68
+ };
69
+ getApi: {
70
+ type: import("vue").PropType<(inst: LayoutRendererCanvasApi) => void>;
71
+ };
72
+ styles: {
73
+ type: import("vue").PropType<Partial<{
74
+ container: import("@omnia/fx-models").NestedCSSPropertiesExtends;
75
+ }>>;
76
+ } & {
77
+ type: import("vue").PropType<Partial<{
78
+ container: import("@omnia/fx-models").NestedCSSPropertiesExtends;
79
+ }>>;
80
+ };
81
+ "design-render": {
82
+ type: import("vue").PropType<boolean>;
83
+ };
84
+ designRender: {
85
+ type: import("vue").PropType<boolean>;
86
+ };
87
+ }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & {
88
+ beforeCreate?: (() => void) | (() => void)[];
89
+ created?: (() => void) | (() => void)[];
90
+ beforeMount?: (() => void) | (() => void)[];
91
+ mounted?: (() => void) | (() => void)[];
92
+ beforeUpdate?: (() => void) | (() => void)[];
93
+ updated?: (() => void) | (() => void)[];
94
+ activated?: (() => void) | (() => void)[];
95
+ deactivated?: (() => void) | (() => void)[];
96
+ beforeDestroy?: (() => void) | (() => void)[];
97
+ beforeUnmount?: (() => void) | (() => void)[];
98
+ destroyed?: (() => void) | (() => void)[];
99
+ unmounted?: (() => void) | (() => void)[];
100
+ renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
101
+ renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
102
+ errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
103
+ };
104
+ $forceUpdate: () => void;
105
+ $nextTick: typeof import("vue").nextTick;
106
+ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
107
+ } & Readonly<import("vue").ExtractPropTypes<{
108
+ "disable-scroll-compensation": {
109
+ type: import("vue").PropType<boolean>;
110
+ };
111
+ disableScrollCompensation: {
112
+ type: import("vue").PropType<boolean>;
113
+ };
114
+ provider: {
115
+ type: import("vue").PropType<string>;
116
+ } & {
117
+ type: import("vue").PropType<string>;
118
+ };
119
+ "get-api": {
120
+ type: import("vue").PropType<(inst: LayoutRendererCanvasApi) => void>;
121
+ };
122
+ getApi: {
123
+ type: import("vue").PropType<(inst: LayoutRendererCanvasApi) => void>;
124
+ };
125
+ styles: {
126
+ type: import("vue").PropType<Partial<{
127
+ container: import("@omnia/fx-models").NestedCSSPropertiesExtends;
128
+ }>>;
129
+ } & {
130
+ type: import("vue").PropType<Partial<{
131
+ container: import("@omnia/fx-models").NestedCSSPropertiesExtends;
132
+ }>>;
133
+ };
134
+ "design-render": {
135
+ type: import("vue").PropType<boolean>;
136
+ };
137
+ designRender: {
138
+ type: import("vue").PropType<boolean>;
139
+ };
140
+ }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
141
+ __isFragment?: never;
142
+ __isTeleport?: never;
143
+ __isSuspense?: never;
144
+ } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
145
+ "disable-scroll-compensation": {
146
+ type: import("vue").PropType<boolean>;
147
+ };
148
+ disableScrollCompensation: {
149
+ type: import("vue").PropType<boolean>;
150
+ };
151
+ provider: {
152
+ type: import("vue").PropType<string>;
153
+ } & {
154
+ type: import("vue").PropType<string>;
155
+ };
156
+ "get-api": {
157
+ type: import("vue").PropType<(inst: LayoutRendererCanvasApi) => void>;
158
+ };
159
+ getApi: {
160
+ type: import("vue").PropType<(inst: LayoutRendererCanvasApi) => void>;
161
+ };
162
+ styles: {
163
+ type: import("vue").PropType<Partial<{
164
+ container: import("@omnia/fx-models").NestedCSSPropertiesExtends;
165
+ }>>;
166
+ } & {
167
+ type: import("vue").PropType<Partial<{
168
+ container: import("@omnia/fx-models").NestedCSSPropertiesExtends;
169
+ }>>;
170
+ };
171
+ "design-render": {
172
+ type: import("vue").PropType<boolean>;
173
+ };
174
+ designRender: {
175
+ type: import("vue").PropType<boolean>;
176
+ };
177
+ }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
178
+ propsDefinition: Readonly<{} & {
179
+ provider?: string;
180
+ styles?: unknown;
181
+ getApi?: (inst: LayoutRendererCanvasApi) => void;
182
+ "get-api"?: (inst: LayoutRendererCanvasApi) => void;
183
+ designRender?: boolean;
184
+ "design-render"?: boolean;
185
+ disableScrollCompensation?: boolean;
186
+ "disable-scroll-compensation"?: boolean;
187
+ }>;
188
+ };
189
+ export default _default;