@omnia/fx 8.0.559-dev → 8.0.560-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.
- package/internal-do-not-import-from-here/ux/aurora/admin/theme-designer/componentblueprints/store/ComponentEditorStore.d.ts +1 -0
- package/internal-do-not-import-from-here/ux/aurora/admin/theme-designer/themes/store/ThemeEditorStore.d.ts +3 -3
- package/internal-do-not-import-from-here/ux/editorchrome/stores/EditorChromeStoreV2.d.ts +1 -1
- package/internal-do-not-import-from-here/ux/layoutcanvas/editor/DefineLayoutEditorCanvas.d.ts +10 -2
- package/internal-do-not-import-from-here/ux/layoutcanvas/editor/LayoutEditorCanvas.d.ts +4 -219
- package/internal-do-not-import-from-here/ux/layoutcanvas/stores/LayoutCanvasEditorStore.d.ts +6 -2
- package/internal-do-not-import-from-here/ux/layoutcanvas/stores/LayoutCanvasStoreV2.d.ts +5 -1
- package/internal-do-not-import-from-here/ux/monaco/MonacoEditor.d.ts +1 -1
- package/internal-do-not-import-from-here/ux/oxide/column/Column.d.ts +2 -2
- package/internal-do-not-import-from-here/ux/oxide/column/Column.stylex.d.ts +1 -0
- package/internal-do-not-import-from-here/ux/rollup/views/CardView.d.ts +3 -1
- package/internal-do-not-import-from-here/ux/velcron/editor/hooks/canvasEditorHooks.d.ts +7 -0
- package/internal-do-not-import-from-here/ux/velcron/editor/hooks/index.d.ts +1 -0
- package/internal-do-not-import-from-here/ux/velcron/editor/store/VelcronCanvasStoreV2.d.ts +96 -0
- package/internal-do-not-import-from-here/ux/velcron/editor/store/index.d.ts +1 -0
- package/internal-do-not-import-from-here/ux/velcron/editor/store/tempDefinition.d.ts +1 -0
- package/internal-do-not-import-from-here/ux/velcron/editor/views/DefineVelcronCanvasConfig.d.ts +358 -0
- package/internal-do-not-import-from-here/ux/velcron/editor/views/DefineVelcronEditorView.d.ts +266 -0
- package/internal-do-not-import-from-here/ux/velcron/editor/views/DefineVelcronTemplatesConfig.d.ts +357 -0
- package/internal-do-not-import-from-here/ux/velcron/editor/views/index.d.ts +1 -0
- package/internal-do-not-import-from-here/ux/velcron/editor_old/VelcronEditor.d.ts +27 -0
- package/internal-do-not-import-from-here/ux/velcron/editor_old/components/panels/edit-component/StylingPanel.d.ts +16 -0
- package/internal-do-not-import-from-here/ux/velcron/editor_old/components/panels/edit-editors/EditEditorsPanel.d.ts +16 -0
- package/internal-do-not-import-from-here/ux/versionedlayout/editor/views/DefineDefaultView.d.ts +1 -1
- package/internal-do-not-import-from-here/ux/versionedlayout/stores/VersionedLayoutEditorStoreV2.d.ts +1 -1
- package/internal-do-not-import-from-here/wctypings.d.ts +12 -3
- package/package.json +2 -2
- /package/internal-do-not-import-from-here/ux/velcron/editor/{components/AddDataObject.d.ts → drawers/settings/VelcronSettingsPanel.d.ts} +0 -0
- /package/internal-do-not-import-from-here/ux/velcron/editor/{components/CodeEditor.d.ts → drawers/source-code/VelcronSourceDefinitionPanel.d.ts} +0 -0
- /package/internal-do-not-import-from-here/ux/velcron/{editor → editor_old}/VelcronEditor.css.d.ts +0 -0
- /package/internal-do-not-import-from-here/ux/velcron/{editor → editor_old}/VelcronEditorAction.d.ts +0 -0
- /package/internal-do-not-import-from-here/ux/velcron/{editor → editor_old}/VelcronEditorClickHandler.d.ts +0 -0
- /package/internal-do-not-import-from-here/ux/velcron/{editor → editor_old}/components/AddApp.d.ts +0 -0
- /package/internal-do-not-import-from-here/ux/velcron/{editor/components/panels/edit-component/ConditionalStatements.d.ts → editor_old/components/AddDataObject.d.ts} +0 -0
- /package/internal-do-not-import-from-here/ux/velcron/{editor → editor_old}/components/AddItem.css.d.ts +0 -0
- /package/internal-do-not-import-from-here/ux/velcron/{editor → editor_old}/components/AddItem.d.ts +0 -0
- /package/internal-do-not-import-from-here/ux/velcron/{editor → editor_old}/components/AppExplorer.d.ts +0 -0
- /package/internal-do-not-import-from-here/ux/velcron/{editor/components/panels/edit-component/EventsPanel.d.ts → editor_old/components/CodeEditor.d.ts} +0 -0
- /package/internal-do-not-import-from-here/ux/velcron/{editor → editor_old}/components/ComponentStyles.css.d.ts +0 -0
- /package/internal-do-not-import-from-here/ux/velcron/{editor → editor_old}/components/ContextMenu.d.ts +0 -0
- /package/internal-do-not-import-from-here/ux/velcron/{editor → editor_old}/components/EditComponentPane.d.ts +0 -0
- /package/internal-do-not-import-from-here/ux/velcron/{editor → editor_old}/components/EditDataPane.d.ts +0 -0
- /package/internal-do-not-import-from-here/ux/velcron/{editor → editor_old}/components/EditDefinitionPropertiesPane.d.ts +0 -0
- /package/internal-do-not-import-from-here/ux/velcron/{editor → editor_old}/components/EditEditorsPane.d.ts +0 -0
- /package/internal-do-not-import-from-here/ux/velcron/{editor → editor_old}/components/EditorCanvas.css.d.ts +0 -0
- /package/internal-do-not-import-from-here/ux/velcron/{editor → editor_old}/components/EditorCanvas.d.ts +0 -0
- /package/internal-do-not-import-from-here/ux/velcron/{editor → editor_old}/components/StateTree.d.ts +0 -0
- /package/internal-do-not-import-from-here/ux/velcron/{editor/components/panels/edit-component/StylingPanel.d.ts → editor_old/components/panels/edit-component/ConditionalStatements.d.ts} +0 -0
- /package/internal-do-not-import-from-here/ux/velcron/{editor/components/panels/edit-editors/EditEditorsPanel.d.ts → editor_old/components/panels/edit-component/EventsPanel.d.ts} +0 -0
- /package/internal-do-not-import-from-here/ux/velcron/{editor → editor_old}/components/panels/edit-component/PropertiesPanel.d.ts +0 -0
- /package/internal-do-not-import-from-here/ux/velcron/{editor → editor_old}/components/panels/edit-data/EditDataMemberPanel.d.ts +0 -0
- /package/internal-do-not-import-from-here/ux/velcron/{editor → editor_old}/models/CodeEditor.d.ts +0 -0
- /package/internal-do-not-import-from-here/ux/velcron/{editor → editor_old}/models/ComponentDescriptors.d.ts +0 -0
- /package/internal-do-not-import-from-here/ux/velcron/{editor → editor_old}/models/ComponentPropertyDescriptorTemplates.d.ts +0 -0
- /package/internal-do-not-import-from-here/ux/velcron/{editor → editor_old}/models/ComponentePropertiesGroupDescriptorTemplates.d.ts +0 -0
- /package/internal-do-not-import-from-here/ux/velcron/{editor → editor_old}/models/Enums.d.ts +0 -0
- /package/internal-do-not-import-from-here/ux/velcron/{editor → editor_old}/models/EventDescriptors.d.ts +0 -0
- /package/internal-do-not-import-from-here/ux/velcron/{editor → editor_old}/models/Shared.d.ts +0 -0
- /package/internal-do-not-import-from-here/ux/velcron/{editor → editor_old}/models/StateDescriptors.d.ts +0 -0
- /package/internal-do-not-import-from-here/ux/velcron/{editor → editor_old}/models/VelcronDescriptors.d.ts +0 -0
- /package/internal-do-not-import-from-here/ux/velcron/{editor → editor_old}/models/VelcronEditorDescriptors.d.ts +0 -0
- /package/internal-do-not-import-from-here/ux/velcron/{editor → editor_old}/models/index.d.ts +0 -0
- /package/internal-do-not-import-from-here/ux/velcron/{editor → editor_old}/stores/VelcronComponentStore.d.ts +0 -0
- /package/internal-do-not-import-from-here/ux/velcron/{editor → editor_old}/stores/VelcronEditorStore.d.ts +0 -0
- /package/internal-do-not-import-from-here/ux/velcron/{editor → editor_old}/stores/index.d.ts +0 -0
- /package/internal-do-not-import-from-here/ux/velcron/{editor → editor_old}/templates/ComponentTemplates.d.ts +0 -0
- /package/internal-do-not-import-from-here/ux/velcron/{editor → editor_old}/templates/ContentTemplates.d.ts +0 -0
- /package/internal-do-not-import-from-here/ux/velcron/{editor → editor_old}/templates/EditorTemplates.d.ts +0 -0
|
@@ -29,6 +29,7 @@ export declare const useComponentsEditorStore: () => {
|
|
|
29
29
|
deleteBlueprints(blueprints: IBlueprintItem): void;
|
|
30
30
|
createBlueprints(): void;
|
|
31
31
|
editBlueprints(blueprint: ITemplateRegistration<ComponentBlueprints>): void;
|
|
32
|
+
import(blueprint: ITemplateRegistration<ComponentBlueprints>): void;
|
|
32
33
|
copyBlueprints(blueprints: ComponentBlueprints): void;
|
|
33
34
|
updateBlueprintsByType(type: BlueprintType): void;
|
|
34
35
|
save(): Promise<boolean>;
|
|
@@ -18,7 +18,7 @@ export declare const useThemeEditorStore: () => {
|
|
|
18
18
|
show: boolean;
|
|
19
19
|
fillType: "text" | "container";
|
|
20
20
|
};
|
|
21
|
-
|
|
21
|
+
predefinedSettings: {
|
|
22
22
|
typography: {
|
|
23
23
|
custom: boolean;
|
|
24
24
|
value: any;
|
|
@@ -63,7 +63,7 @@ export declare const useThemeEditorStore: () => {
|
|
|
63
63
|
show: boolean;
|
|
64
64
|
fillType: "text" | "container";
|
|
65
65
|
};
|
|
66
|
-
|
|
66
|
+
predefinedSettings: {
|
|
67
67
|
typography: {
|
|
68
68
|
custom: boolean;
|
|
69
69
|
value: any;
|
|
@@ -161,7 +161,7 @@ export declare const useThemeEditorStore: () => {
|
|
|
161
161
|
byType: (type: TemplateRegistrationType) => any[];
|
|
162
162
|
typography: () => any[];
|
|
163
163
|
spacing: () => any[];
|
|
164
|
-
|
|
164
|
+
components: () => any[];
|
|
165
165
|
};
|
|
166
166
|
mediaResources: {
|
|
167
167
|
logo: () => MediaPickerImage;
|
|
@@ -154,7 +154,7 @@ export declare const useEditorChromeStore: () => {
|
|
|
154
154
|
};
|
|
155
155
|
actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
|
|
156
156
|
canvas: () => {
|
|
157
|
-
syncDisplaySettings: () => void
|
|
157
|
+
syncDisplaySettings: () => Promise<void>;
|
|
158
158
|
setDisplayBreakPoint: (value: DisplayBreakpointTypes) => void;
|
|
159
159
|
zoomIn: (step?: number) => void;
|
|
160
160
|
zoomOut: (step?: number) => void;
|
package/internal-do-not-import-from-here/ux/layoutcanvas/editor/DefineLayoutEditorCanvas.d.ts
CHANGED
|
@@ -150,7 +150,11 @@ export declare function defineLayoutEditorCanvas(settings: LayoutEditorCanvasSet
|
|
|
150
150
|
removeLayoutItemSelection: () => void;
|
|
151
151
|
setLayoutItem: (item: import("@omnia/fx-models").LayoutItem, settingsPanelAction?: "toggle" | "show" | "hide") => void;
|
|
152
152
|
}>;
|
|
153
|
-
|
|
153
|
+
displayBreakpointsSettings: () => {
|
|
154
|
+
enable: (enable: boolean) => void;
|
|
155
|
+
add: (breakPointSetting: import("@omnia/fx-models").DisplayBreakPointSetting) => void;
|
|
156
|
+
remove: (propertyName: string, displayBreakPoint: import("@omnia/fx-models").DisplayBreakPoint) => void;
|
|
157
|
+
};
|
|
154
158
|
block: () => {
|
|
155
159
|
set: {
|
|
156
160
|
suggestedBlocks: (blocks: string[]) => void;
|
|
@@ -289,7 +293,11 @@ export declare function defineLayoutEditorCanvas(settings: LayoutEditorCanvasSet
|
|
|
289
293
|
removeLayoutItemSelection: () => void;
|
|
290
294
|
setLayoutItem: (item: import("@omnia/fx-models").LayoutItem, settingsPanelAction?: "toggle" | "show" | "hide") => void;
|
|
291
295
|
}>;
|
|
292
|
-
|
|
296
|
+
displayBreakpointsSettings: () => {
|
|
297
|
+
enable: (enable: boolean) => void;
|
|
298
|
+
add: (breakPointSetting: import("@omnia/fx-models").DisplayBreakPointSetting) => void;
|
|
299
|
+
remove: (propertyName: string, displayBreakPoint: import("@omnia/fx-models").DisplayBreakPoint) => void;
|
|
300
|
+
};
|
|
293
301
|
block: () => {
|
|
294
302
|
set: {
|
|
295
303
|
suggestedBlocks: (blocks: string[]) => void;
|
|
@@ -1,224 +1,9 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
|
|
4
|
-
store?: {
|
|
5
|
-
state: {
|
|
6
|
-
compatibilityMode: boolean;
|
|
7
|
-
layout: {
|
|
8
|
-
definition: import("@omnia/fx-models").LayoutDefinition;
|
|
9
|
-
ownerLayoutItemsOverride: import("@omnia/fx-models").LayoutItem[];
|
|
10
|
-
originalId: import("@omnia/fx-models").guid;
|
|
11
|
-
};
|
|
12
|
-
id: import("@omnia/fx-models").guid;
|
|
13
|
-
settings: {
|
|
14
|
-
providers: {
|
|
15
|
-
block: string;
|
|
16
|
-
mediaContext: import("@omnia/fx-models").ILayoutMediaContext;
|
|
17
|
-
fileContext: import("@omnia/fx-models").ILayoutFileContext;
|
|
18
|
-
dependencyProviders: string[];
|
|
19
|
-
};
|
|
20
|
-
};
|
|
21
|
-
visiblePane: {
|
|
22
|
-
id: import("@omnia/fx-models").guid;
|
|
23
|
-
elementRenderer: () => import("vue").VNode;
|
|
24
|
-
position: import("@omnia/fx-models").SidePanelPosition;
|
|
25
|
-
width: number;
|
|
26
|
-
};
|
|
27
|
-
};
|
|
28
|
-
actions: import("../../mobile").StoreReturnDefineAction<{
|
|
29
|
-
pane: () => import("../../mobile").StoreReturnDefineAction<{
|
|
30
|
-
show: (elementRenderer: () => import("vue").VNode, position: import("@omnia/fx-models").SidePanelPosition, width?: number) => void;
|
|
31
|
-
hide: () => void;
|
|
32
|
-
}>;
|
|
33
|
-
hooks: () => import("../../mobile").StoreReturnDefineAction<{
|
|
34
|
-
blockinstanceCreated: (blockInstance: import("@omnia/fx-models").IBlockInstance) => void;
|
|
35
|
-
layoutSectionRenderer: (layoutSectionRenderer: import("@omnia/fx-models").ILayoutSectionRenderer) => import("@omnia/fx-models").ILayoutSectionRenderer;
|
|
36
|
-
}>;
|
|
37
|
-
layout: () => import("../../mobile").StoreReturnDefineAction<{
|
|
38
|
-
set: (layout: import("@omnia/fx-models").Layout) => void;
|
|
39
|
-
}>;
|
|
40
|
-
providers: () => {
|
|
41
|
-
set: {
|
|
42
|
-
dependencyProviders: (providers: Array<string>) => void;
|
|
43
|
-
block: (blockProvider: string) => void;
|
|
44
|
-
mediaContext: (mediaContext: import("@omnia/fx-models").ILayoutMediaContext) => void;
|
|
45
|
-
fileContext: (fileContext: import("@omnia/fx-models").ILayoutFileContext) => void;
|
|
46
|
-
};
|
|
47
|
-
};
|
|
48
|
-
notify: (blockManifestId: string) => void;
|
|
49
|
-
init: () => {
|
|
50
|
-
readOnlyCanvas: (blockProvider: string, mediaContext: import("@omnia/fx-models").ILayoutMediaContext, fileContext: import("@omnia/fx-models").ILayoutFileContext) => void;
|
|
51
|
-
editableCanvas: (editorChromeStore: ReturnType<typeof import("@omnia/fx/ux").useEditorChromeStore>, layoutEditorCanvasStore: any, blockProvider: string, mediaContext: import("@omnia/fx-models").ILayoutMediaContext, fileContext: import("@omnia/fx-models").ILayoutFileContext) => void;
|
|
52
|
-
};
|
|
53
|
-
}>;
|
|
54
|
-
get: {
|
|
55
|
-
layout: {
|
|
56
|
-
loaded: () => import("@omnia/fx-models").LoadedLayout;
|
|
57
|
-
};
|
|
58
|
-
block: {
|
|
59
|
-
readonly instances: {
|
|
60
|
-
[blockManifestId: string]: Set<{
|
|
61
|
-
instance: import("@omnia/fx/ux").IBlockInstanceExtendsInternal<void>;
|
|
62
|
-
}>;
|
|
63
|
-
};
|
|
64
|
-
readonly settings: import("@omnia/fx/ux").ReactiveLayoutItemsSettingsStore;
|
|
65
|
-
settingsProvider: () => import("@omnia/fx/ux").BlockSettingsProvider;
|
|
66
|
-
renderMode: () => import("@omnia/fx-models").BlockRenderingModes;
|
|
67
|
-
};
|
|
68
|
-
providers: {
|
|
69
|
-
block: string;
|
|
70
|
-
mediaContext: import("@omnia/fx-models").ILayoutMediaContext;
|
|
71
|
-
fileContext: import("@omnia/fx-models").ILayoutFileContext;
|
|
72
|
-
};
|
|
73
|
-
};
|
|
74
|
-
rules: {
|
|
75
|
-
isEditMode: () => boolean;
|
|
76
|
-
isEmptyLayout: () => boolean;
|
|
77
|
-
isPaneDisplayAsDialog: (breakpoints: import("@omnia/fx-models").Breakpoint) => boolean;
|
|
78
|
-
};
|
|
79
|
-
readonly editor: {
|
|
80
|
-
state: {
|
|
81
|
-
editorMode: import("@omnia/fx-models").LayoutCanvasEditorMode;
|
|
82
|
-
canvasMode: import("@omnia/fx-models").LayoutCanvasMode;
|
|
83
|
-
history: {
|
|
84
|
-
editorMode: import("@omnia/fx-models").LayoutCanvasEditorMode[];
|
|
85
|
-
};
|
|
86
|
-
id: import("@omnia/fx-models").guid;
|
|
87
|
-
settings: {
|
|
88
|
-
authDisabled: boolean;
|
|
89
|
-
breakpointSettingsEnabled: boolean;
|
|
90
|
-
};
|
|
91
|
-
drawerMode: "settings" | "editing" | "layout-structure" | "clipboard";
|
|
92
|
-
selected: {
|
|
93
|
-
layoutItem: import("@omnia/fx-models").LayoutItem;
|
|
94
|
-
clipBoardItem: import("@omnia/fx-models").ClipboardLayoutItem;
|
|
95
|
-
displayBreakPoint: import("@omnia/fx-models").DisplayBreakPoint;
|
|
96
|
-
layoutItem4Action: import("@omnia/fx-models").LayoutItem;
|
|
97
|
-
};
|
|
98
|
-
active: {
|
|
99
|
-
layoutItemAction: import("@omnia/fx-models").LayoutItemActionState;
|
|
100
|
-
};
|
|
101
|
-
dialogs: {
|
|
102
|
-
developerTools: {
|
|
103
|
-
show: boolean;
|
|
104
|
-
};
|
|
105
|
-
};
|
|
106
|
-
};
|
|
107
|
-
events: import("../../mobile").StoreEvents<{
|
|
108
|
-
editorMode: import("@omnia/fx-models").LayoutCanvasEditorMode;
|
|
109
|
-
canvasMode: import("@omnia/fx-models").LayoutCanvasMode;
|
|
110
|
-
history: {
|
|
111
|
-
editorMode: import("@omnia/fx-models").LayoutCanvasEditorMode[];
|
|
112
|
-
};
|
|
113
|
-
id: import("@omnia/fx-models").guid;
|
|
114
|
-
settings: {
|
|
115
|
-
authDisabled: boolean;
|
|
116
|
-
breakpointSettingsEnabled: boolean;
|
|
117
|
-
};
|
|
118
|
-
drawerMode: "settings" | "editing" | "layout-structure" | "clipboard";
|
|
119
|
-
selected: {
|
|
120
|
-
layoutItem: import("@omnia/fx-models").LayoutItem;
|
|
121
|
-
clipBoardItem: import("@omnia/fx-models").ClipboardLayoutItem;
|
|
122
|
-
displayBreakPoint: import("@omnia/fx-models").DisplayBreakPoint;
|
|
123
|
-
layoutItem4Action: import("@omnia/fx-models").LayoutItem;
|
|
124
|
-
};
|
|
125
|
-
active: {
|
|
126
|
-
layoutItemAction: import("@omnia/fx-models").LayoutItemActionState;
|
|
127
|
-
};
|
|
128
|
-
dialogs: {
|
|
129
|
-
developerTools: {
|
|
130
|
-
show: boolean;
|
|
131
|
-
};
|
|
132
|
-
};
|
|
133
|
-
}, Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>>;
|
|
134
|
-
actions: import("../../mobile").StoreReturnDefineAction<{
|
|
135
|
-
onActivated: () => void;
|
|
136
|
-
scrollToLayoutItem: (item: import("@omnia/fx-models").LayoutItem) => void;
|
|
137
|
-
selection: () => import("../../mobile").StoreReturnDefineAction<{
|
|
138
|
-
execActiveAction: (container: import("@omnia/fx-models").LayoutItem, siblingId?: string, postInsert?: boolean) => void;
|
|
139
|
-
toggleActiveAction: (item: import("@omnia/fx-models").LayoutItem | import("@omnia/fx-models").ClipboardLayoutItem, action: import("@omnia/fx-models").LayoutItemActionState) => void;
|
|
140
|
-
removeActiveAction: () => void;
|
|
141
|
-
removeLayoutItemSelection: () => void;
|
|
142
|
-
setLayoutItem: (item: import("@omnia/fx-models").LayoutItem, settingsPanelAction?: "toggle" | "show" | "hide") => void;
|
|
143
|
-
}>;
|
|
144
|
-
enableDisplayBreakpointSettings: (enable: boolean) => void;
|
|
145
|
-
block: () => {
|
|
146
|
-
set: {
|
|
147
|
-
suggestedBlocks: (blocks: string[]) => void;
|
|
148
|
-
};
|
|
149
|
-
ensureRemoveDeletedBlocks: (layout: import("@omnia/fx-models").Layout) => void;
|
|
150
|
-
};
|
|
151
|
-
show: () => import("../../mobile").StoreReturnDefineAction<{
|
|
152
|
-
editingPanel: (action: "show" | "hide" | "toggle") => void;
|
|
153
|
-
settingsPanel: (action: "show" | "hide" | "toggle") => void;
|
|
154
|
-
layoutStructurePanel: (action: "show" | "hide" | "toggle") => void;
|
|
155
|
-
clipboardPanel: (action: "show" | "hide" | "toggle") => void;
|
|
156
|
-
developerTools: () => void;
|
|
157
|
-
}>;
|
|
158
|
-
layout: () => import("../../mobile").StoreReturnDefineAction<{
|
|
159
|
-
copyItem: (item2Copy: import("@omnia/fx-models").LayoutItem, container: import("@omnia/fx-models").LayoutItem, siblingId?: string, postInsert?: boolean) => import("@omnia/fx/ux").CopiedLayoutItemResult;
|
|
160
|
-
moveItem: (item2Move: import("@omnia/fx-models").LayoutItem, container: import("@omnia/fx-models").LayoutItem, siblingId?: string, postInsert?: boolean) => void;
|
|
161
|
-
addItem: (itemreference: import("@omnia/fx-models").AddItemToLayoutPayLoad) => void;
|
|
162
|
-
insertClipboardItem: (clipboard: import("@omnia/fx-models").ClipboardLayoutItem, container: import("@omnia/fx-models").LayoutItem, siblingId?: string, postInsert?: boolean) => import("@omnia/fx/ux").CopiedLayoutItemResult;
|
|
163
|
-
deleteItem: (itemreference: import("@omnia/fx-models").DeleteItemFromLayoutPayLoad) => void;
|
|
164
|
-
changeSectionType: (section: Section, type: import("@omnia/fx-models").SectionTypes) => void;
|
|
165
|
-
}>;
|
|
166
|
-
configureDrawer: (header: {
|
|
167
|
-
icon?: import("@omnia/fx-models").IIcon;
|
|
168
|
-
title?: string;
|
|
169
|
-
enabled?: boolean;
|
|
170
|
-
}, customScroll?: boolean) => void;
|
|
171
|
-
setEditorMode: (mode: import("@omnia/fx-models").LayoutCanvasEditorMode, toggle?: boolean) => void;
|
|
172
|
-
setCanvasMode: (mode: import("@omnia/fx-models").LayoutCanvasMode) => void;
|
|
173
|
-
history: () => {
|
|
174
|
-
editorMode: {
|
|
175
|
-
back: () => import("@omnia/fx-models").LayoutCanvasEditorMode;
|
|
176
|
-
add: (mode: import("@omnia/fx-models").LayoutCanvasEditorMode) => void;
|
|
177
|
-
clear: () => void;
|
|
178
|
-
};
|
|
179
|
-
};
|
|
180
|
-
hooks: () => import("../../mobile").StoreReturnDefineAction<{
|
|
181
|
-
onBlockRemoved(block: import("@omnia/fx-models").Block): void;
|
|
182
|
-
onLayoutItemMoved(layoutItem: import("@omnia/fx-models").LayoutItem): void;
|
|
183
|
-
onBlockCopiedHook(originalBlock: import("@omnia/fx-models").Block, newBlock: import("@omnia/fx-models").Block): void;
|
|
184
|
-
onLayoutItemPasted(layoutItem: import("@omnia/fx-models").ClipboardLayoutItem): void;
|
|
185
|
-
}>;
|
|
186
|
-
init: (canvasStore: ReturnType<typeof useLayoutCanvasStore>, editorChromeStoreRef: ReturnType<typeof import("@omnia/fx/ux").useEditorChromeStore>) => void;
|
|
187
|
-
}>;
|
|
188
|
-
get: {
|
|
189
|
-
settingsDefinitions: import("@omnia/fx/ux").LayoutDefinitionBuilder;
|
|
190
|
-
layout: {
|
|
191
|
-
active: () => import("@omnia/fx-models").Layout;
|
|
192
|
-
};
|
|
193
|
-
block: {
|
|
194
|
-
suggestions: () => string[];
|
|
195
|
-
renderMode: () => import("@omnia/fx-models").BlockRenderingModes;
|
|
196
|
-
};
|
|
197
|
-
};
|
|
198
|
-
rules: {
|
|
199
|
-
isSettingsActive: () => boolean;
|
|
200
|
-
isLayoutStructureActive: () => boolean;
|
|
201
|
-
isClipboardActive: () => boolean;
|
|
202
|
-
activeItem: {
|
|
203
|
-
isSection(): boolean;
|
|
204
|
-
isFirstSectionActive(): boolean;
|
|
205
|
-
};
|
|
206
|
-
showSelectors: () => boolean;
|
|
207
|
-
isLayoutItemLocked: (item: import("@omnia/fx-models").LayoutItem) => boolean;
|
|
208
|
-
isTemplateEnabledLayout: () => boolean;
|
|
209
|
-
isAdvancedModeActivated: () => boolean;
|
|
210
|
-
isAuthDisabled: () => boolean;
|
|
211
|
-
};
|
|
212
|
-
} & {
|
|
213
|
-
dispose?: () => void;
|
|
214
|
-
};
|
|
215
|
-
} & {
|
|
216
|
-
dispose?: () => void;
|
|
217
|
-
};
|
|
218
|
-
}> & {} & {
|
|
1
|
+
import { DefineProp, useLayoutCanvasStore } from "@omnia/fx/ux";
|
|
2
|
+
type LayoutEditorCanvasProps = DefineProp<"store", ReturnType<typeof useLayoutCanvasStore>> & DefineProp<"minHeight", string>;
|
|
3
|
+
declare const _default: (props: import("@omnia/fx/ux").ExtractProps<LayoutEditorCanvasProps> & {} & {
|
|
219
4
|
"v-slots"?: {} & Omit<{
|
|
220
5
|
default?: import("vue").Slot;
|
|
221
6
|
$stable?: boolean;
|
|
222
7
|
}, never>;
|
|
223
|
-
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "store"> & import("@omnia/fx/ux").VNodeEvents) => any;
|
|
8
|
+
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "minHeight" | "store"> & import("@omnia/fx/ux").VNodeEvents) => any;
|
|
224
9
|
export default _default;
|
package/internal-do-not-import-from-here/ux/layoutcanvas/stores/LayoutCanvasEditorStore.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { AddItemToLayoutPayLoad, Block, BlockRenderingModes, ClipboardLayoutItem, DeleteItemFromLayoutPayLoad, DisplayBreakPoint, guid, IIcon, Layout, LayoutCanvasEditorMode, LayoutCanvasMode, LayoutItem, LayoutItemActionState, Section, SectionTypes } from "@omnia/fx-models";
|
|
1
|
+
import { AddItemToLayoutPayLoad, Block, BlockRenderingModes, ClipboardLayoutItem, DeleteItemFromLayoutPayLoad, DisplayBreakPoint, DisplayBreakPointSetting, guid, IIcon, Layout, LayoutCanvasEditorMode, LayoutCanvasMode, LayoutItem, LayoutItemActionState, Section, SectionTypes } from "@omnia/fx-models";
|
|
2
2
|
import { CopiedLayoutItemResult, LayoutDefinitionBuilder, useLayoutCanvasStore } from "..";
|
|
3
3
|
import { useEditorChromeStore } from "../..";
|
|
4
4
|
export declare const useLayoutCanvasEditorStore: () => {
|
|
@@ -66,7 +66,11 @@ export declare const useLayoutCanvasEditorStore: () => {
|
|
|
66
66
|
removeLayoutItemSelection: () => void;
|
|
67
67
|
setLayoutItem: (item: LayoutItem, settingsPanelAction?: "toggle" | "show" | "hide") => void;
|
|
68
68
|
}>;
|
|
69
|
-
|
|
69
|
+
displayBreakpointsSettings: () => {
|
|
70
|
+
enable: (enable: boolean) => void;
|
|
71
|
+
add: (breakPointSetting: DisplayBreakPointSetting) => void;
|
|
72
|
+
remove: (propertyName: string, displayBreakPoint: DisplayBreakPoint) => void;
|
|
73
|
+
};
|
|
70
74
|
block: () => {
|
|
71
75
|
set: {
|
|
72
76
|
suggestedBlocks: (blocks: string[]) => void;
|
|
@@ -155,7 +155,11 @@ export declare const useLayoutCanvasStore: () => {
|
|
|
155
155
|
removeLayoutItemSelection: () => void;
|
|
156
156
|
setLayoutItem: (item: LayoutItem, settingsPanelAction?: "toggle" | "show" | "hide") => void;
|
|
157
157
|
}>;
|
|
158
|
-
|
|
158
|
+
displayBreakpointsSettings: () => {
|
|
159
|
+
enable: (enable: boolean) => void;
|
|
160
|
+
add: (breakPointSetting: import("@omnia/fx-models").DisplayBreakPointSetting) => void;
|
|
161
|
+
remove: (propertyName: string, displayBreakPoint: import("@omnia/fx-models").DisplayBreakPoint) => void;
|
|
162
|
+
};
|
|
159
163
|
block: () => {
|
|
160
164
|
set: {
|
|
161
165
|
suggestedBlocks: (blocks: string[]) => void;
|
|
@@ -10,10 +10,10 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<MonacoEditor
|
|
|
10
10
|
onKeydown?: (event: any) => any;
|
|
11
11
|
onKeyup?: (event: any) => any;
|
|
12
12
|
"onUpdate:modelValue"?: (value: string) => any;
|
|
13
|
+
onSelection?: (event: any) => any;
|
|
13
14
|
onConfiguration?: (event: any) => any;
|
|
14
15
|
onPosition?: (event: any) => any;
|
|
15
16
|
onLayout?: (event: any) => any;
|
|
16
|
-
onSelection?: (event: any) => any;
|
|
17
17
|
onEditorDidMount?: (editor: editor.IStandaloneCodeEditor) => any;
|
|
18
18
|
onContextMenu?: (event: any) => any;
|
|
19
19
|
onBlurText?: () => any;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { DefineProp, DefinePropTheming } from "@omnia/fx/ux";
|
|
2
2
|
import { OHorizontalAlignments, OVerticalAlignments, Spacing, SpacingValue } from "@omnia/fx-models";
|
|
3
|
-
type ColumnProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"filled", boolean, false, false, "Applies the a background color to the flex. The color is based on the colorSchema either set or inherited."> & DefineProp<"grow", number, false, null, "How the flex grows in relation to other flexes. This is used to set the flex-grow property on the flex."> & DefineProp<"toned", boolean, false, false> & DefineProp<"width", string | number, false, null, "Sets the width of the column."> & DefineProp<"minWidth", string | number, false, null, "Sets the min width of the column"> & DefineProp<"alignY", OVerticalAlignments, false, null, "Sets the vertical alignment of the column."> & DefineProp<"alignX", OHorizontalAlignments, false, null, "Sets the horizontal alignment of the columns."> & DefineProp<"padding", Spacing | SpacingValue, false, null, "Ensures padding of the col from the blueprint. Apply to all dimensions using only one value."> & DefineProp<"margin", Spacing | SpacingValue, false, null, "Ensures margin of the col from the blueprint.Apply to all dimensions using only one value.">;
|
|
3
|
+
type ColumnProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"filled", boolean, false, false, "Applies the a background color to the flex. The color is based on the colorSchema either set or inherited."> & DefineProp<"grow", number, false, null, "How the flex grows in relation to other flexes. This is used to set the flex-grow property on the flex."> & DefineProp<"toned", boolean, false, false> & DefineProp<"width", string | number, false, null, "Sets the width of the column."> & DefineProp<"minWidth", string | number, false, null, "Sets the min width of the column"> & DefineProp<"alignY", OVerticalAlignments, false, null, "Sets the vertical alignment of the column."> & DefineProp<"alignX", OHorizontalAlignments, false, null, "Sets the horizontal alignment of the columns."> & DefineProp<"padding", Spacing | SpacingValue, false, null, "Ensures padding of the col from the blueprint. Apply to all dimensions using only one value."> & DefineProp<"margin", Spacing | SpacingValue, false, null, "Ensures margin of the col from the blueprint.Apply to all dimensions using only one value."> & DefineProp<"gapY", SpacingValue | number, false, null, "Sets the gap/spacing between rows. It applies only between rows and not on the outer edges.">;
|
|
4
4
|
declare const _default: (props: import("@omnia/fx/ux").ExtractProps<ColumnProps> & {} & {
|
|
5
5
|
"v-slots"?: {} & Omit<{
|
|
6
6
|
default?: import("vue").Slot;
|
|
7
7
|
$stable?: boolean;
|
|
8
8
|
}, never>;
|
|
9
|
-
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "colorSchemaType" | "padding" | "margin" | "filled" | "grow" | "minWidth" | "width" | "class" | "colors" | "toned" | "alignX" | "alignY"> & import("@omnia/fx/ux").VNodeEvents) => any;
|
|
9
|
+
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "colorSchemaType" | "padding" | "margin" | "filled" | "grow" | "minWidth" | "width" | "class" | "colors" | "toned" | "gapY" | "alignX" | "alignY"> & import("@omnia/fx/ux").VNodeEvents) => any;
|
|
10
10
|
export default _default;
|
|
@@ -2,6 +2,7 @@ import { OVerticalAlignments, OPaddingCombination, OHorizontalAlignments } from
|
|
|
2
2
|
export interface stylingSettings {
|
|
3
3
|
alignY: OVerticalAlignments;
|
|
4
4
|
alignX: OHorizontalAlignments;
|
|
5
|
+
gapY: string;
|
|
5
6
|
paddings: OPaddingCombination;
|
|
6
7
|
width: string | number;
|
|
7
8
|
grow: number;
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
import { MediaPickerMedia } from "@omnia/fx-models";
|
|
1
|
+
import { BlueprintVariant, ColorSchema, ColorSchemaTypes, ContainerFillBlueprint, MediaPickerMedia } from "@omnia/fx-models";
|
|
2
2
|
import { type FunctionalComponent, HTMLAttributes, SetupContext, SlotsType, VNodeChild } from "vue";
|
|
3
3
|
import { useColorSchemaStore } from "../../aurora";
|
|
4
4
|
type MediaComponentProps = {
|
|
5
5
|
media?: MediaPickerMedia | string;
|
|
6
6
|
theme?: ReturnType<typeof useColorSchemaStore>;
|
|
7
7
|
variant?: "image" | "avatar";
|
|
8
|
+
containerVariant?: BlueprintVariant | ContainerFillBlueprint;
|
|
9
|
+
colorSchemaType?: ColorSchemaTypes | ColorSchema;
|
|
8
10
|
} & HTMLAttributes;
|
|
9
11
|
export declare function defineCardView(): {
|
|
10
12
|
Header: typeof HeaderComponent;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { VelcronDefinition } from "@omnia/fx-models";
|
|
2
|
+
import { useVelcronCanvasStore } from "../store";
|
|
3
|
+
export declare function useCanvasEditorHooks(canvasStore: ReturnType<typeof useVelcronCanvasStore>): {
|
|
4
|
+
onItemSelected: (item: VelcronDefinition) => void;
|
|
5
|
+
wrapperStyleExtensions: (definition: any, renderCtx: any) => string;
|
|
6
|
+
renderExtensions: (definition: VelcronDefinition) => void;
|
|
7
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./canvasEditorHooks";
|
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
import { Future, VelcronAppDefinition, VelcronDefinition, VelcronRendererResolverReference } from "@omnia/fx-models";
|
|
2
|
+
import { useEditorChromeStore } from "@omnia/fx/ux";
|
|
3
|
+
type CanvasMode = "design" | "preview";
|
|
4
|
+
type PanelType = "settings" | "definition-structure" | "picker" | "code-editor";
|
|
5
|
+
export type CodeViewMode = "app" | "state" | "body" | "editors";
|
|
6
|
+
export declare const useVelcronCanvasStore: () => {
|
|
7
|
+
state: {
|
|
8
|
+
editing: {
|
|
9
|
+
definition: VelcronAppDefinition<object>;
|
|
10
|
+
};
|
|
11
|
+
source: {
|
|
12
|
+
editMode: CodeViewMode;
|
|
13
|
+
json: {
|
|
14
|
+
app: string;
|
|
15
|
+
appState: string;
|
|
16
|
+
appBody: string;
|
|
17
|
+
appEditors: string;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
drawerMode: PanelType;
|
|
21
|
+
selection: {
|
|
22
|
+
item: VelcronDefinition;
|
|
23
|
+
};
|
|
24
|
+
settings: {
|
|
25
|
+
colorSchemaType: string;
|
|
26
|
+
canvasMode: {
|
|
27
|
+
current: CanvasMode;
|
|
28
|
+
previous: CanvasMode;
|
|
29
|
+
};
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
events: import("@omnia/fx/stores").StoreEvents<{
|
|
33
|
+
editing: {
|
|
34
|
+
definition: VelcronAppDefinition<object>;
|
|
35
|
+
};
|
|
36
|
+
source: {
|
|
37
|
+
editMode: CodeViewMode;
|
|
38
|
+
json: {
|
|
39
|
+
app: string;
|
|
40
|
+
appState: string;
|
|
41
|
+
appBody: string;
|
|
42
|
+
appEditors: string;
|
|
43
|
+
};
|
|
44
|
+
};
|
|
45
|
+
drawerMode: PanelType;
|
|
46
|
+
selection: {
|
|
47
|
+
item: VelcronDefinition;
|
|
48
|
+
};
|
|
49
|
+
settings: {
|
|
50
|
+
colorSchemaType: string;
|
|
51
|
+
canvasMode: {
|
|
52
|
+
current: CanvasMode;
|
|
53
|
+
previous: CanvasMode;
|
|
54
|
+
};
|
|
55
|
+
};
|
|
56
|
+
}, Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>>;
|
|
57
|
+
actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
|
|
58
|
+
editor: () => import("@omnia/fx/stores").StoreReturnDefineAction<{
|
|
59
|
+
selectItem: (item: VelcronDefinition) => void;
|
|
60
|
+
}>;
|
|
61
|
+
show: () => import("@omnia/fx/stores").StoreReturnDefineAction<{
|
|
62
|
+
sourcePanel: (action: "show" | "hide" | "toggle") => void;
|
|
63
|
+
settingsPanel: (action: "show" | "hide" | "toggle") => void;
|
|
64
|
+
}>;
|
|
65
|
+
canvas: () => import("@omnia/fx/stores").StoreReturnDefineAction<{
|
|
66
|
+
setMode: (mode: CanvasMode) => void;
|
|
67
|
+
}>;
|
|
68
|
+
template: () => import("@omnia/fx/stores").StoreReturnDefineAction<{
|
|
69
|
+
update: () => {
|
|
70
|
+
byJson: (json: string) => void;
|
|
71
|
+
};
|
|
72
|
+
edit: () => {
|
|
73
|
+
byResolverReference: (ref: VelcronRendererResolverReference) => void;
|
|
74
|
+
definition: (definition: VelcronAppDefinition) => void;
|
|
75
|
+
};
|
|
76
|
+
}>;
|
|
77
|
+
init: (editorChromeStoreRef: ReturnType<typeof useEditorChromeStore>) => void;
|
|
78
|
+
}>;
|
|
79
|
+
get: {
|
|
80
|
+
ready: () => Future<void>;
|
|
81
|
+
canvas: {
|
|
82
|
+
mode: () => CanvasMode;
|
|
83
|
+
};
|
|
84
|
+
};
|
|
85
|
+
rules: {
|
|
86
|
+
is: {
|
|
87
|
+
selected: (item: VelcronDefinition) => boolean;
|
|
88
|
+
editorEmpty: () => boolean;
|
|
89
|
+
settingsActive: () => boolean;
|
|
90
|
+
codeEditorActive: () => boolean;
|
|
91
|
+
};
|
|
92
|
+
};
|
|
93
|
+
} & {
|
|
94
|
+
dispose?: () => void;
|
|
95
|
+
};
|
|
96
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./VelcronCanvasStoreV2";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const tmpDefinition: any;
|