@omnia/fx 8.0.477-dev → 8.0.479-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/appprovisioning/appinstanceprogressblade/AppInstanceProgressBlade.d.ts +1 -1
- package/internal-do-not-import-from-here/ux/appprovisioning/components/AppInstanceCompletedStepVueComponent.d.ts +1 -1
- package/internal-do-not-import-from-here/ux/editorchrome/EditorChrome.d.ts +3 -3
- package/internal-do-not-import-from-here/ux/editorchrome/EditorChrome_testSetup.d.ts +31 -0
- package/internal-do-not-import-from-here/ux/editorchrome/buttons/ToolbarButton.d.ts +3 -3
- package/internal-do-not-import-from-here/ux/editorchrome/chrome/EditorChrome.css.d.ts +0 -0
- package/internal-do-not-import-from-here/ux/editorchrome/hooks/index.d.ts +1 -0
- package/internal-do-not-import-from-here/ux/editorchrome/hooks/useRenderActions.d.ts +24 -0
- package/internal-do-not-import-from-here/ux/editorchrome/renderers/EditorChromeCompactRenderer.d.ts +11 -0
- package/internal-do-not-import-from-here/ux/editorchrome/renderers/EditorChromeRegularRenderer.d.ts +11 -0
- package/internal-do-not-import-from-here/ux/editorchrome/renderers/index.d.ts +2 -0
- package/internal-do-not-import-from-here/ux/editorchrome/stores/EditorChromeStoreV2.d.ts +15 -41
- package/internal-do-not-import-from-here/ux/layoutcanvas/editor/LayoutEditorCanvas.d.ts +7 -140
- package/internal-do-not-import-from-here/ux/layoutcanvas/editor/LayoutEditorCanvas_old.d.ts +143 -0
- package/internal-do-not-import-from-here/ux/links/LinkPicker.d.ts +1 -1
- package/internal-do-not-import-from-here/ux/oxide/column/Column.d.ts +1 -1
- package/internal-do-not-import-from-here/ux/oxide/column/Column.stylex.d.ts +2 -2
- package/internal-do-not-import-from-here/ux/oxide/flex/Row.d.ts +1 -1
- package/internal-do-not-import-from-here/ux/oxide/flex/Row.stylex.d.ts +4 -4
- package/internal-do-not-import-from-here/ux/oxide/navigationdrawer/NavigationDrawer.d.ts +1 -1
- package/internal-do-not-import-from-here/ux/oxide/splitpanev2/SplitPaneContainer.d.ts +11 -0
- package/internal-do-not-import-from-here/ux/oxide/splitpanev2/SplitPaneContent.d.ts +17 -0
- package/internal-do-not-import-from-here/ux/vuetify/VuetifyCore.d.ts +3 -0
- package/internal-do-not-import-from-here/wctypings.d.ts +21 -1
- package/package.json +3 -3
- package/internal-do-not-import-from-here/ux/editorchrome/buttons/ExtendedToolbarButton.css.d.ts +0 -77
- package/internal-do-not-import-from-here/ux/editorchrome/buttons/ExtendedToolbarButton.d.ts +0 -9
@@ -85,8 +85,8 @@ declare const _default: {
|
|
85
85
|
handleAppActionError: () => void;
|
86
86
|
}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
|
87
87
|
propsDefinition: Omit<Readonly<{} & {
|
88
|
-
appInstance?: AppInstance;
|
89
88
|
action?: AppInstanceProgressActions;
|
89
|
+
appInstance?: AppInstance;
|
90
90
|
deleteAppWithErrorStatusAfterCreating?: boolean;
|
91
91
|
appBarTitle?: string;
|
92
92
|
}>, "onDoc$" | "onHandleAppActionCompleted" | "onHandleAppActionError" | "onOnCloseFunc"> & {
|
@@ -18,5 +18,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<AppInstanceC
|
|
18
18
|
"v-slots"?: {} & Omit<{
|
19
19
|
default?: import("vue").Slot;
|
20
20
|
}, never>;
|
21
|
-
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "
|
21
|
+
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "action" | "appInstance" | "hideProgressLabel" | "onHandleBeforeCreate" | "onHandleBeforeUpdate" | "deleteAppWithErrorStatusAfterCreating" | "emit:handleAppActionCompleted" | "emit:handleAppActionError"> & import("@omnia/fx/ux").VNodeEvents) => any;
|
22
22
|
export default _default;
|
@@ -1,11 +1,11 @@
|
|
1
1
|
import { DefineEmit, DefineProp, useEditorChromeStore } from "@omnia/fx/ux";
|
2
|
-
import { IIcon
|
3
|
-
type EditorChromeProps = DefineProp<"icon", IIcon> & DefineProp<"title", string> & DefineProp<"subTitle", string> & DefineProp<"getApi", (store: ReturnType<typeof useEditorChromeStore>) => void> & DefineProp<"
|
2
|
+
import { IIcon } from "../../models";
|
3
|
+
type EditorChromeProps = DefineProp<"icon", IIcon> & DefineProp<"title", string> & DefineProp<"subTitle", string> & DefineProp<"getApi", (store: ReturnType<typeof useEditorChromeStore>) => void> & DefineProp<"hideCloseButton", boolean> & DefineEmit<"close", () => true>;
|
4
4
|
declare const _default: (props: import("@omnia/fx/ux").ExtractProps<EditorChromeProps> & {
|
5
5
|
onClose?: () => any;
|
6
6
|
} & {
|
7
7
|
"v-slots"?: {} & Omit<{
|
8
8
|
default?: import("vue").Slot;
|
9
9
|
}, never>;
|
10
|
-
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "icon" | "title" | "hideCloseButton" | "subTitle" | "getApi" | "
|
10
|
+
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "icon" | "title" | "hideCloseButton" | "subTitle" | "getApi" | "emit:close"> & import("@omnia/fx/ux").VNodeEvents) => any;
|
11
11
|
export default _default;
|
@@ -0,0 +1,31 @@
|
|
1
|
+
import { IChromeActionItem, IEditorChromeRegistration } from "@omnia/fx-models";
|
2
|
+
import { useEditorChromeStore } from "..";
|
3
|
+
export declare function useDefineEditorChromeTestSetup(editorStore: ReturnType<typeof useEditorChromeStore>): {
|
4
|
+
tabs: {
|
5
|
+
tab1: IEditorChromeRegistration;
|
6
|
+
tab2: IEditorChromeRegistration;
|
7
|
+
tab3: IEditorChromeRegistration;
|
8
|
+
};
|
9
|
+
buttons: {
|
10
|
+
header: {
|
11
|
+
toggleGrid: IChromeActionItem;
|
12
|
+
};
|
13
|
+
footer: {
|
14
|
+
active: IChromeActionItem;
|
15
|
+
noToggle: IChromeActionItem;
|
16
|
+
toggle: IChromeActionItem;
|
17
|
+
progress: IChromeActionItem;
|
18
|
+
disable: IChromeActionItem;
|
19
|
+
extendedButton1: IChromeActionItem;
|
20
|
+
extendedButton2: IChromeActionItem;
|
21
|
+
extendedButton3: IChromeActionItem;
|
22
|
+
};
|
23
|
+
drawer: {
|
24
|
+
settingsTab: IChromeActionItem;
|
25
|
+
drawerToolbarSettings: IChromeActionItem;
|
26
|
+
drawerToolbarPreview: IChromeActionItem;
|
27
|
+
drawerToolbarNoToggle: IChromeActionItem;
|
28
|
+
};
|
29
|
+
};
|
30
|
+
registerTabs: () => void;
|
31
|
+
};
|
@@ -1,9 +1,9 @@
|
|
1
1
|
import { DefineProp, DefinePropTheming } from "@omnia/fx/ux";
|
2
|
-
import {
|
3
|
-
type ToolbarButtonProps = DefinePropTheming & DefineProp<"
|
2
|
+
import { IChromeActionItem } from "@omnia/fx-models";
|
3
|
+
type ToolbarButtonProps = DefinePropTheming & DefineProp<"action", IChromeActionItem> & DefineProp<"position", "topBar" | "bottomBar" | "rightBar"> & DefineProp<"border", "left" | "right" | "left right" | "bottom">;
|
4
4
|
declare const _default: (props: import("@omnia/fx/ux").ExtractProps<ToolbarButtonProps> & {} & {
|
5
5
|
"v-slots"?: {} & Omit<{
|
6
6
|
default?: import("vue").Slot;
|
7
7
|
}, never>;
|
8
|
-
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "
|
8
|
+
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "border" | "position" | "colorSchemaType" | "colors" | "action"> & import("@omnia/fx/ux").VNodeEvents) => any;
|
9
9
|
export default _default;
|
File without changes
|
@@ -0,0 +1 @@
|
|
1
|
+
export * from "./useRenderActions";
|
@@ -0,0 +1,24 @@
|
|
1
|
+
import { IChromeActionItem } from "@omnia/fx-models";
|
2
|
+
export interface RenderActionsOptions {
|
3
|
+
/**
|
4
|
+
* The border style for the toolbar buttons
|
5
|
+
* @default "right"
|
6
|
+
*/
|
7
|
+
border?: "left" | "right" | "left right" | "bottom";
|
8
|
+
startBorder?: "left" | "right" | "left right" | "bottom";
|
9
|
+
/**
|
10
|
+
* Whether to disable the toggle functionality
|
11
|
+
* @default false
|
12
|
+
*/
|
13
|
+
disableToggle?: boolean;
|
14
|
+
/**
|
15
|
+
* The position of the toolbar
|
16
|
+
*/
|
17
|
+
position: "topBar" | "bottomBar" | "rightBar";
|
18
|
+
}
|
19
|
+
/**
|
20
|
+
* Custom hook for rendering action buttons with consistent double-click prevention and async handling
|
21
|
+
* @param options Configuration options for rendering actions
|
22
|
+
* @returns Function to render actions
|
23
|
+
*/
|
24
|
+
export declare function useRenderActions(options: RenderActionsOptions): (items: IChromeActionItem[]) => import("vue").VNodeChild[];
|
package/internal-do-not-import-from-here/ux/editorchrome/renderers/EditorChromeCompactRenderer.d.ts
ADDED
@@ -0,0 +1,11 @@
|
|
1
|
+
import { DefineEmit, DefineProp } from "@omnia/fx/ux";
|
2
|
+
import { IIcon } from "../../../models";
|
3
|
+
type EditorChromeProps = DefineProp<"icon", IIcon> & DefineProp<"title", string> & DefineProp<"subTitle", string> & DefineProp<"hideCloseButton", boolean> & DefineEmit<"close", () => true>;
|
4
|
+
declare const _default: (props: import("@omnia/fx/ux").ExtractProps<EditorChromeProps> & {
|
5
|
+
onClose?: () => any;
|
6
|
+
} & {
|
7
|
+
"v-slots"?: {} & Omit<{
|
8
|
+
default?: import("vue").Slot;
|
9
|
+
}, never>;
|
10
|
+
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "icon" | "title" | "hideCloseButton" | "subTitle" | "emit:close"> & import("@omnia/fx/ux").VNodeEvents) => any;
|
11
|
+
export default _default;
|
package/internal-do-not-import-from-here/ux/editorchrome/renderers/EditorChromeRegularRenderer.d.ts
ADDED
@@ -0,0 +1,11 @@
|
|
1
|
+
import { DefineEmit, DefineProp } from "@omnia/fx/ux";
|
2
|
+
import { IIcon } from "../../../models";
|
3
|
+
type EditorChromeProps = DefineProp<"icon", IIcon> & DefineProp<"title", string> & DefineProp<"subTitle", string> & DefineProp<"hideCloseButton", boolean> & DefineEmit<"close", () => true>;
|
4
|
+
declare const _default: (props: import("@omnia/fx/ux").ExtractProps<EditorChromeProps> & {
|
5
|
+
onClose?: () => any;
|
6
|
+
} & {
|
7
|
+
"v-slots"?: {} & Omit<{
|
8
|
+
default?: import("vue").Slot;
|
9
|
+
}, never>;
|
10
|
+
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "icon" | "title" | "hideCloseButton" | "subTitle" | "emit:close"> & import("@omnia/fx/ux").VNodeEvents) => any;
|
11
|
+
export default _default;
|
@@ -1,14 +1,8 @@
|
|
1
|
-
import { SplitpaneSize } from "../../oxide/splitpane/Splitpane";
|
2
1
|
import { DisplayBreakpointTypes, guid, IEditorChromeRegistration, NotificationMessage } from "@omnia/fx-models";
|
3
2
|
export declare const useEditorChromeStore: () => {
|
4
3
|
state: {
|
5
4
|
finishedLoading: boolean;
|
6
|
-
|
7
|
-
header: guid;
|
8
|
-
footer: guid;
|
9
|
-
leftDrawer: guid;
|
10
|
-
rightDrawer: guid;
|
11
|
-
};
|
5
|
+
compactMode: boolean;
|
12
6
|
drawers: {
|
13
7
|
left: {
|
14
8
|
enabled: boolean;
|
@@ -112,22 +106,6 @@ export declare const useEditorChromeStore: () => {
|
|
112
106
|
};
|
113
107
|
};
|
114
108
|
};
|
115
|
-
splitPanes: {
|
116
|
-
wrapper: {
|
117
|
-
leftPaneSize: number;
|
118
|
-
leftPaneMaxSize: number;
|
119
|
-
rightPaneMaxSize: number;
|
120
|
-
rightPaneSize: number;
|
121
|
-
customSize: number;
|
122
|
-
};
|
123
|
-
canvas: {
|
124
|
-
leftPaneSize: number;
|
125
|
-
leftPaneMaxSize: number;
|
126
|
-
rightPaneMaxSize: number;
|
127
|
-
rightPaneSize: number;
|
128
|
-
customSize: number;
|
129
|
-
};
|
130
|
-
};
|
131
109
|
notificationMessage: {
|
132
110
|
key: guid;
|
133
111
|
message: string;
|
@@ -135,14 +113,9 @@ export declare const useEditorChromeStore: () => {
|
|
135
113
|
timeout: number;
|
136
114
|
customRenderer: string;
|
137
115
|
};
|
116
|
+
operations: Set<guid>;
|
138
117
|
};
|
139
118
|
actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
|
140
|
-
header: () => {
|
141
|
-
syncButtons: () => void;
|
142
|
-
};
|
143
|
-
footer: () => {
|
144
|
-
syncButtons: () => void;
|
145
|
-
};
|
146
119
|
canvas: () => {
|
147
120
|
syncDisplaySettings: () => void;
|
148
121
|
setDisplayBreakPoint: (value: DisplayBreakpointTypes) => void;
|
@@ -157,9 +130,13 @@ export declare const useEditorChromeStore: () => {
|
|
157
130
|
setAsActive: (tab: IEditorChromeRegistration) => void;
|
158
131
|
};
|
159
132
|
showNotification: (message: NotificationMessage) => void;
|
133
|
+
operations: () => {
|
134
|
+
register: () => guid;
|
135
|
+
unregister: (operationId: guid) => boolean;
|
136
|
+
clear: () => void;
|
137
|
+
};
|
160
138
|
drawers: () => {
|
161
139
|
left: {
|
162
|
-
syncButtons: () => void;
|
163
140
|
toggle: (value: boolean) => void;
|
164
141
|
};
|
165
142
|
right: {
|
@@ -167,19 +144,16 @@ export declare const useEditorChromeStore: () => {
|
|
167
144
|
toggle: (value: boolean) => void;
|
168
145
|
};
|
169
146
|
};
|
170
|
-
splitPanes: () => {
|
171
|
-
wrapper: {
|
172
|
-
calculateSize: () => void;
|
173
|
-
resize(paneSizes: SplitpaneSize[]): void;
|
174
|
-
};
|
175
|
-
canvas: {
|
176
|
-
calculateSize: () => void;
|
177
|
-
resize(paneSizes: SplitpaneSize[]): void;
|
178
|
-
};
|
179
|
-
};
|
180
147
|
init: () => void;
|
148
|
+
dispose: () => void;
|
181
149
|
}>;
|
182
|
-
get: {
|
150
|
+
get: {
|
151
|
+
operations: () => {
|
152
|
+
getAll: () => guid[];
|
153
|
+
has: (operationId: guid) => boolean;
|
154
|
+
count: () => number;
|
155
|
+
};
|
156
|
+
};
|
183
157
|
rules: {
|
184
158
|
showLeftDrawerSettings: () => boolean;
|
185
159
|
};
|
@@ -1,143 +1,10 @@
|
|
1
1
|
import { LayoutEditorCanvasApi } from "@omnia/fx-models";
|
2
|
-
import { LayoutCanvasStore } from "@omnia/fx/ux";
|
2
|
+
import { DefineProp, DefinePropTheming, LayoutCanvasStore } from "@omnia/fx/ux";
|
3
3
|
import "./LayoutEditorCanvas.css";
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
type: import("vue").PropType<Partial<{
|
11
|
-
canvasWrapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
12
|
-
contentContainer: (isEditMode: boolean) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
13
|
-
containerVerticalAlign: (isAlignVertical: boolean) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
14
|
-
layoutItemSelectorPosition: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
15
|
-
buttomSpacer: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
16
|
-
orphanedBlockContainer: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
17
|
-
orphanedBlockCard: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
18
|
-
orphanedBlockText: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
19
|
-
settingsPanelWrapper: (backgroundColor: string) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
20
|
-
drawerPanel: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
21
|
-
developerDialog: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
22
|
-
drawerToolbar: (dark: boolean, backgroundColor: string) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
23
|
-
drawerToolbarWrapper: (dark: boolean, expandedPadding: string) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
24
|
-
settingsWrapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
25
|
-
settingsDrawer: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
26
|
-
closeButton: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
27
|
-
rightResizer: (backgroundColor: string) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
28
|
-
fixedPane: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
29
|
-
drawerWrapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
30
|
-
}>>;
|
31
|
-
};
|
32
|
-
authDisabled: {
|
33
|
-
type: import("vue").PropType<boolean>;
|
34
|
-
};
|
35
|
-
provider: {
|
36
|
-
type: import("vue").PropType<string>;
|
37
|
-
};
|
38
|
-
}>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
39
|
-
P: {};
|
40
|
-
B: {};
|
41
|
-
D: {};
|
42
|
-
C: {};
|
43
|
-
M: {};
|
44
|
-
Defaults: {};
|
45
|
-
}, Readonly<import("vue").ExtractPropTypes<{
|
46
|
-
getApi: {
|
47
|
-
type: import("vue").PropType<(inst: LayoutEditorCanvasApi, layoutCanvasStore: LayoutCanvasStore) => void>;
|
48
|
-
};
|
49
|
-
styles: {
|
50
|
-
type: import("vue").PropType<Partial<{
|
51
|
-
canvasWrapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
52
|
-
contentContainer: (isEditMode: boolean) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
53
|
-
containerVerticalAlign: (isAlignVertical: boolean) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
54
|
-
layoutItemSelectorPosition: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
55
|
-
buttomSpacer: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
56
|
-
orphanedBlockContainer: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
57
|
-
orphanedBlockCard: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
58
|
-
orphanedBlockText: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
59
|
-
settingsPanelWrapper: (backgroundColor: string) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
60
|
-
drawerPanel: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
61
|
-
developerDialog: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
62
|
-
drawerToolbar: (dark: boolean, backgroundColor: string) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
63
|
-
drawerToolbarWrapper: (dark: boolean, expandedPadding: string) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
64
|
-
settingsWrapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
65
|
-
settingsDrawer: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
66
|
-
closeButton: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
67
|
-
rightResizer: (backgroundColor: string) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
68
|
-
fixedPane: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
69
|
-
drawerWrapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
70
|
-
}>>;
|
71
|
-
};
|
72
|
-
authDisabled: {
|
73
|
-
type: import("vue").PropType<boolean>;
|
74
|
-
};
|
75
|
-
provider: {
|
76
|
-
type: import("vue").PropType<string>;
|
77
|
-
};
|
78
|
-
}>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {}>;
|
79
|
-
__isFragment?: never;
|
80
|
-
__isTeleport?: never;
|
81
|
-
__isSuspense?: never;
|
82
|
-
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
|
83
|
-
getApi: {
|
84
|
-
type: import("vue").PropType<(inst: LayoutEditorCanvasApi, layoutCanvasStore: LayoutCanvasStore) => void>;
|
85
|
-
};
|
86
|
-
styles: {
|
87
|
-
type: import("vue").PropType<Partial<{
|
88
|
-
canvasWrapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
89
|
-
contentContainer: (isEditMode: boolean) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
90
|
-
containerVerticalAlign: (isAlignVertical: boolean) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
91
|
-
layoutItemSelectorPosition: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
92
|
-
buttomSpacer: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
93
|
-
orphanedBlockContainer: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
94
|
-
orphanedBlockCard: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
95
|
-
orphanedBlockText: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
96
|
-
settingsPanelWrapper: (backgroundColor: string) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
97
|
-
drawerPanel: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
98
|
-
developerDialog: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
99
|
-
drawerToolbar: (dark: boolean, backgroundColor: string) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
100
|
-
drawerToolbarWrapper: (dark: boolean, expandedPadding: string) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
101
|
-
settingsWrapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
102
|
-
settingsDrawer: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
103
|
-
closeButton: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
104
|
-
rightResizer: (backgroundColor: string) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
105
|
-
fixedPane: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
106
|
-
drawerWrapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
107
|
-
}>>;
|
108
|
-
};
|
109
|
-
authDisabled: {
|
110
|
-
type: import("vue").PropType<boolean>;
|
111
|
-
};
|
112
|
-
provider: {
|
113
|
-
type: import("vue").PropType<string>;
|
114
|
-
};
|
115
|
-
}>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
|
116
|
-
propsDefinition: Omit<Readonly<{} & {
|
117
|
-
authDisabled?: boolean;
|
118
|
-
provider?: string;
|
119
|
-
styles?: Partial<{
|
120
|
-
canvasWrapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
121
|
-
contentContainer: (isEditMode: boolean) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
122
|
-
containerVerticalAlign: (isAlignVertical: boolean) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
123
|
-
layoutItemSelectorPosition: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
124
|
-
buttomSpacer: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
125
|
-
orphanedBlockContainer: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
126
|
-
orphanedBlockCard: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
127
|
-
orphanedBlockText: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
128
|
-
settingsPanelWrapper: (backgroundColor: string) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
129
|
-
drawerPanel: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
130
|
-
developerDialog: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
131
|
-
drawerToolbar: (dark: boolean, backgroundColor: string) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
132
|
-
drawerToolbarWrapper: (dark: boolean, expandedPadding: string) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
133
|
-
settingsWrapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
134
|
-
settingsDrawer: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
135
|
-
closeButton: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
136
|
-
rightResizer: (backgroundColor: string) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
137
|
-
fixedPane: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
138
|
-
drawerWrapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
139
|
-
}>;
|
140
|
-
getApi?: (inst: LayoutEditorCanvasApi, layoutCanvasStore: LayoutCanvasStore) => void;
|
141
|
-
}>, never>;
|
142
|
-
};
|
4
|
+
type LayoutEditorCanvasProps = DefinePropTheming & DefineProp<"provider", string> & DefineProp<"authDisabled", boolean> & DefineProp<"getApi", (inst: LayoutEditorCanvasApi, layoutCanvasStore: LayoutCanvasStore) => void>;
|
5
|
+
declare const _default: (props: import("@omnia/fx/ux").ExtractProps<LayoutEditorCanvasProps> & {} & {
|
6
|
+
"v-slots"?: {} & Omit<{
|
7
|
+
default?: import("vue").Slot;
|
8
|
+
}, never>;
|
9
|
+
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "colorSchemaType" | "authDisabled" | "provider" | "colors" | "getApi"> & import("@omnia/fx/ux").VNodeEvents) => any;
|
143
10
|
export default _default;
|
@@ -0,0 +1,143 @@
|
|
1
|
+
import { LayoutEditorCanvasApi } from "@omnia/fx-models";
|
2
|
+
import { LayoutCanvasStore } from "@omnia/fx/ux";
|
3
|
+
import "./LayoutEditorCanvas.css";
|
4
|
+
declare const _default: {
|
5
|
+
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
|
6
|
+
getApi: {
|
7
|
+
type: import("vue").PropType<(inst: LayoutEditorCanvasApi, layoutCanvasStore: LayoutCanvasStore) => void>;
|
8
|
+
};
|
9
|
+
styles: {
|
10
|
+
type: import("vue").PropType<Partial<{
|
11
|
+
canvasWrapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
12
|
+
contentContainer: (isEditMode: boolean) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
13
|
+
containerVerticalAlign: (isAlignVertical: boolean) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
14
|
+
layoutItemSelectorPosition: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
15
|
+
buttomSpacer: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
16
|
+
orphanedBlockContainer: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
17
|
+
orphanedBlockCard: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
18
|
+
orphanedBlockText: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
19
|
+
settingsPanelWrapper: (backgroundColor: string) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
20
|
+
drawerPanel: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
21
|
+
developerDialog: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
22
|
+
drawerToolbar: (dark: boolean, backgroundColor: string) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
23
|
+
drawerToolbarWrapper: (dark: boolean, expandedPadding: string) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
24
|
+
settingsWrapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
25
|
+
settingsDrawer: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
26
|
+
closeButton: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
27
|
+
rightResizer: (backgroundColor: string) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
28
|
+
fixedPane: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
29
|
+
drawerWrapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
30
|
+
}>>;
|
31
|
+
};
|
32
|
+
authDisabled: {
|
33
|
+
type: import("vue").PropType<boolean>;
|
34
|
+
};
|
35
|
+
provider: {
|
36
|
+
type: import("vue").PropType<string>;
|
37
|
+
};
|
38
|
+
}>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
39
|
+
P: {};
|
40
|
+
B: {};
|
41
|
+
D: {};
|
42
|
+
C: {};
|
43
|
+
M: {};
|
44
|
+
Defaults: {};
|
45
|
+
}, Readonly<import("vue").ExtractPropTypes<{
|
46
|
+
getApi: {
|
47
|
+
type: import("vue").PropType<(inst: LayoutEditorCanvasApi, layoutCanvasStore: LayoutCanvasStore) => void>;
|
48
|
+
};
|
49
|
+
styles: {
|
50
|
+
type: import("vue").PropType<Partial<{
|
51
|
+
canvasWrapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
52
|
+
contentContainer: (isEditMode: boolean) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
53
|
+
containerVerticalAlign: (isAlignVertical: boolean) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
54
|
+
layoutItemSelectorPosition: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
55
|
+
buttomSpacer: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
56
|
+
orphanedBlockContainer: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
57
|
+
orphanedBlockCard: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
58
|
+
orphanedBlockText: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
59
|
+
settingsPanelWrapper: (backgroundColor: string) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
60
|
+
drawerPanel: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
61
|
+
developerDialog: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
62
|
+
drawerToolbar: (dark: boolean, backgroundColor: string) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
63
|
+
drawerToolbarWrapper: (dark: boolean, expandedPadding: string) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
64
|
+
settingsWrapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
65
|
+
settingsDrawer: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
66
|
+
closeButton: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
67
|
+
rightResizer: (backgroundColor: string) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
68
|
+
fixedPane: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
69
|
+
drawerWrapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
70
|
+
}>>;
|
71
|
+
};
|
72
|
+
authDisabled: {
|
73
|
+
type: import("vue").PropType<boolean>;
|
74
|
+
};
|
75
|
+
provider: {
|
76
|
+
type: import("vue").PropType<string>;
|
77
|
+
};
|
78
|
+
}>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {}>;
|
79
|
+
__isFragment?: never;
|
80
|
+
__isTeleport?: never;
|
81
|
+
__isSuspense?: never;
|
82
|
+
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
|
83
|
+
getApi: {
|
84
|
+
type: import("vue").PropType<(inst: LayoutEditorCanvasApi, layoutCanvasStore: LayoutCanvasStore) => void>;
|
85
|
+
};
|
86
|
+
styles: {
|
87
|
+
type: import("vue").PropType<Partial<{
|
88
|
+
canvasWrapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
89
|
+
contentContainer: (isEditMode: boolean) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
90
|
+
containerVerticalAlign: (isAlignVertical: boolean) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
91
|
+
layoutItemSelectorPosition: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
92
|
+
buttomSpacer: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
93
|
+
orphanedBlockContainer: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
94
|
+
orphanedBlockCard: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
95
|
+
orphanedBlockText: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
96
|
+
settingsPanelWrapper: (backgroundColor: string) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
97
|
+
drawerPanel: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
98
|
+
developerDialog: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
99
|
+
drawerToolbar: (dark: boolean, backgroundColor: string) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
100
|
+
drawerToolbarWrapper: (dark: boolean, expandedPadding: string) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
101
|
+
settingsWrapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
102
|
+
settingsDrawer: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
103
|
+
closeButton: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
104
|
+
rightResizer: (backgroundColor: string) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
105
|
+
fixedPane: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
106
|
+
drawerWrapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
107
|
+
}>>;
|
108
|
+
};
|
109
|
+
authDisabled: {
|
110
|
+
type: import("vue").PropType<boolean>;
|
111
|
+
};
|
112
|
+
provider: {
|
113
|
+
type: import("vue").PropType<string>;
|
114
|
+
};
|
115
|
+
}>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
|
116
|
+
propsDefinition: Omit<Readonly<{} & {
|
117
|
+
authDisabled?: boolean;
|
118
|
+
provider?: string;
|
119
|
+
styles?: Partial<{
|
120
|
+
canvasWrapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
121
|
+
contentContainer: (isEditMode: boolean) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
122
|
+
containerVerticalAlign: (isAlignVertical: boolean) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
123
|
+
layoutItemSelectorPosition: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
124
|
+
buttomSpacer: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
125
|
+
orphanedBlockContainer: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
126
|
+
orphanedBlockCard: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
127
|
+
orphanedBlockText: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
128
|
+
settingsPanelWrapper: (backgroundColor: string) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
129
|
+
drawerPanel: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
130
|
+
developerDialog: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
131
|
+
drawerToolbar: (dark: boolean, backgroundColor: string) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
132
|
+
drawerToolbarWrapper: (dark: boolean, expandedPadding: string) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
133
|
+
settingsWrapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
134
|
+
settingsDrawer: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
135
|
+
closeButton: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
136
|
+
rightResizer: (backgroundColor: string) => import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
137
|
+
fixedPane: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
138
|
+
drawerWrapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
|
139
|
+
}>;
|
140
|
+
getApi?: (inst: LayoutEditorCanvasApi, layoutCanvasStore: LayoutCanvasStore) => void;
|
141
|
+
}>, never>;
|
142
|
+
};
|
143
|
+
export default _default;
|
@@ -49,5 +49,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
|
|
49
49
|
} & Omit<{
|
50
50
|
default?: import("vue").Slot;
|
51
51
|
}, "activator">;
|
52
|
-
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "title" | "styles" | "modelValue" | "emit:update:modelValue" | "v-model" | "slot:activator" | "selectedItem" | "emit:update:selectedItem" | "v-model:selectedItem" | "editMode" | "selectableProviders" | "emit:configureProviders" | "emit:
|
52
|
+
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "title" | "styles" | "modelValue" | "emit:update:modelValue" | "v-model" | "slot:activator" | "selectedItem" | "emit:close" | "emit:update:selectedItem" | "v-model:selectedItem" | "editMode" | "selectableProviders" | "emit:configureProviders" | "emit:saved"> & import("@omnia/fx/ux").VNodeEvents) => any;
|
53
53
|
export default _default;
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import { DefineProp, DefinePropTheming } from "@omnia/fx/ux";
|
2
2
|
import { 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, false, null, "Sets the width of the column."> & DefineProp<"minWidth", string, false, null, "Sets the min width of the column"> & DefineProp<"alignY", OVerticalAlignments, false, null, "Sets the vertical alignment of the column."> & 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<"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.">;
|
4
4
|
declare const _default: (props: import("@omnia/fx/ux").ExtractProps<ColumnProps> & {} & {
|
5
5
|
"v-slots"?: {} & Omit<{
|
6
6
|
default?: import("vue").Slot;
|
@@ -2,9 +2,9 @@ import { OVerticalAlignments, OPaddingCombination } from "@omnia/fx-models";
|
|
2
2
|
export interface stylingSettings {
|
3
3
|
alignY: OVerticalAlignments;
|
4
4
|
paddings: OPaddingCombination;
|
5
|
-
width: string;
|
5
|
+
width: string | number;
|
6
6
|
grow: number;
|
7
|
-
minWidth: string;
|
7
|
+
minWidth: string | number;
|
8
8
|
}
|
9
9
|
export declare const ColStyles: {
|
10
10
|
wrapper: (settings: stylingSettings) => Readonly<import("../../Styles.stylex").StylexValue>;
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import { DefineProp, DefinePropTheming } from "@omnia/fx/ux";
|
2
2
|
import { OHorizontalAlignments, ORowDirections, OVerticalAlignments, Spacing, SpacingValue } from "@omnia/fx-models";
|
3
|
-
type RowProps = 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<"toned", boolean, false, false> & DefineProp<"wrap", boolean, false, false, "If sub elements wrap or not."> & DefineProp<"height", string, false, null, "Sets the height of the flex."> & DefineProp<"width", string, false, null, "Sets the width of the column."> & DefineProp<"direction", ORowDirections, false, null, "Sets the direction for the flex columns."> & DefineProp<"minWidth", string, false, null, "Sets the min width of the column."> & DefineProp<"minHeight", string, false, null, "Sets the min heigth of the flex."> & DefineProp<"gapX", SpacingValue | number, false, null, "Sets the gap/spacing between columns. It applies only between columns and not on the outer edges."> & DefineProp<"gapY", SpacingValue | number, false, null, "Sets the gap/spacing between rows. It applies only between rows and not on the outer edges."> & DefineProp<"alignX", OHorizontalAlignments, false, null, "Sets the horizontal alignment of the columns."> & DefineProp<"alignY", OVerticalAlignments, false, null, "Sets the horizontal alignment of 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 RowProps = 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<"toned", boolean, false, false> & DefineProp<"wrap", boolean, false, false, "If sub elements wrap or not."> & DefineProp<"height", string | number, false, null, "Sets the height of the flex."> & DefineProp<"width", string | number, false, null, "Sets the width of the column."> & DefineProp<"direction", ORowDirections, false, null, "Sets the direction for the flex columns."> & DefineProp<"minWidth", string | number, false, null, "Sets the min width of the column."> & DefineProp<"minHeight", string | number, false, null, "Sets the min heigth of the flex."> & DefineProp<"gapX", SpacingValue | number, false, null, "Sets the gap/spacing between columns. It applies only between columns and not on the outer edges."> & DefineProp<"gapY", SpacingValue | number, false, null, "Sets the gap/spacing between rows. It applies only between rows and not on the outer edges."> & DefineProp<"alignX", OHorizontalAlignments, false, null, "Sets the horizontal alignment of the columns."> & DefineProp<"alignY", OVerticalAlignments, false, null, "Sets the horizontal alignment of 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.">;
|
4
4
|
declare const _default: (props: import("@omnia/fx/ux").ExtractProps<RowProps> & {} & {
|
5
5
|
"v-slots"?: {} & Omit<{
|
6
6
|
default?: import("vue").Slot;
|
@@ -5,10 +5,10 @@ export interface stylingSettings {
|
|
5
5
|
gapX: string;
|
6
6
|
gapY: string;
|
7
7
|
paddings: OPaddingCombination;
|
8
|
-
width: string;
|
9
|
-
minWidth: string;
|
10
|
-
height: string;
|
11
|
-
minHeight: string;
|
8
|
+
width: string | number;
|
9
|
+
minWidth: string | number;
|
10
|
+
height: string | number;
|
11
|
+
minHeight: string | number;
|
12
12
|
wrap: boolean;
|
13
13
|
direction: ORowDirections;
|
14
14
|
}
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import { DefineEmit } from "@omnia/fx/ux";
|
2
|
+
declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
|
3
|
+
disabled?: boolean;
|
4
|
+
} & DefineEmit<"resize", (sizes: number[]) => void>> & {
|
5
|
+
onResize?: (sizes: number[]) => any;
|
6
|
+
} & {
|
7
|
+
"v-slots"?: {} & Omit<{
|
8
|
+
default?: import("vue").Slot;
|
9
|
+
}, never>;
|
10
|
+
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "disabled" | "emit:resize"> & import("@omnia/fx/ux").VNodeEvents) => any;
|
11
|
+
export default _default;
|
@@ -0,0 +1,17 @@
|
|
1
|
+
import { DefineEmit } from "@omnia/fx/ux";
|
2
|
+
declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
|
3
|
+
minWidth?: string;
|
4
|
+
} & {
|
5
|
+
size?: number;
|
6
|
+
} & {
|
7
|
+
visible?: boolean;
|
8
|
+
} & {
|
9
|
+
initialWidth?: string;
|
10
|
+
} & DefineEmit<"resize", (sizes: number[]) => void>> & {
|
11
|
+
onResize?: (sizes: number[]) => any;
|
12
|
+
} & {
|
13
|
+
"v-slots"?: {} & Omit<{
|
14
|
+
default?: import("vue").Slot;
|
15
|
+
}, never>;
|
16
|
+
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "visible" | "minWidth" | "size" | "emit:resize" | "initialWidth"> & import("@omnia/fx/ux").VNodeEvents) => any;
|
17
|
+
export default _default;
|
@@ -38,6 +38,7 @@ export declare const vuetifyPlugin: {
|
|
38
38
|
};
|
39
39
|
instance: {
|
40
40
|
locale?: any;
|
41
|
+
createDateRange: (start: unknown, stop?: unknown) => unknown[];
|
41
42
|
date: (value?: any) => unknown;
|
42
43
|
format: (date: unknown, formatString: string) => string;
|
43
44
|
toJsDate: (value: unknown) => Date;
|
@@ -81,6 +82,8 @@ export declare const vuetifyPlugin: {
|
|
81
82
|
setHours: (date: unknown, hours: number) => unknown;
|
82
83
|
getMinutes: (date: unknown) => number;
|
83
84
|
setMinutes: (date: unknown, minutes: number) => unknown;
|
85
|
+
} & {
|
86
|
+
createDateRange(start: unknown, stop?: unknown): unknown[];
|
84
87
|
};
|
85
88
|
};
|
86
89
|
goTo: import("vuetify").GoToInstance;
|
@@ -242,7 +242,7 @@ import wc9f6fd018560b4c8cbd36f39c6d079bb7 from './ux/flow/renderer/FlowRenderer'
|
|
242
242
|
import wc2f4b3c8e5d6a4f7bbc9d1e0a2b3c4d5e from './ux/image/scalingsettings/ScalingSettings';
|
243
243
|
import wc1760d6fe433f46388d4840077b6a6bec from './ux/journey/selection/JourneySelect';
|
244
244
|
import wc58e999e5a1184a7fbea90061fc377f91 from './ux/journey/selection/JourneySelectionListRenderer';
|
245
|
-
import wc8e03e2f7fb024945bc51138b77d06088 from './ux/layoutcanvas/editor/
|
245
|
+
import wc8e03e2f7fb024945bc51138b77d06088 from './ux/layoutcanvas/editor/LayoutEditorCanvas_old';
|
246
246
|
import wc4aed54beb02341e3a6cbde5af5fb6c78 from './ux/layoutcanvas/layoutactionhandler/LayoutAction';
|
247
247
|
import wc02c473f7041b40038ceecdf09e6ba4ca from './ux/layoutcanvas/layoutactionhandler/LayoutActionSettings';
|
248
248
|
import wc057def31f5f5403d91b2da569de2fdff from './ux/layoutcanvas/layoutblock/LayoutBlock';
|
@@ -336,6 +336,8 @@ import wcc26ccc7aeae04f76a062e83c6df302fc from './ux/oxide/spacer/Spacer';
|
|
336
336
|
import wc61d4ecaae72546b1bd94bdf74e2a9dcc from './ux/oxide/speeddial/SpeedDial';
|
337
337
|
import wc6b7f04ba8fc4487ea496dd8e42b55dbd from './ux/oxide/splitpane/Splitpane';
|
338
338
|
import wc170e15fd849e41568ed9b48f88711527 from './ux/oxide/splitpane/SplitpaneItem';
|
339
|
+
import wcd1ad8882a0c04ed4a65ca7653cd46ba8 from './ux/oxide/splitpanev2/SplitPaneContainer';
|
340
|
+
import wc5f8763d6835d4d60be746c3178fe64e5 from './ux/oxide/splitpanev2/SplitPaneContent';
|
339
341
|
import wc7cc2d4feecde4174badc5797ba6fb53e from './ux/oxide/stepper/Stepper';
|
340
342
|
import wca8c8ffd3d8ff46ee969d8fb6b9522104 from './ux/oxide/stepper/StepperStep';
|
341
343
|
import wcfeb57f2e8a1e4cd1b7a59043738bf5e8 from './ux/oxide/stickycontainer/StickyContainer';
|
@@ -5591,6 +5593,24 @@ declare global {
|
|
5591
5593
|
$props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
|
5592
5594
|
};
|
5593
5595
|
} : typeof wc6b7f04ba8fc4487ea496dd8e42b55dbd;
|
5596
|
+
"split": {
|
5597
|
+
"pane": {
|
5598
|
+
"container": typeof wcd1ad8882a0c04ed4a65ca7653cd46ba8 extends {
|
5599
|
+
propsDefinition: infer TProp;
|
5600
|
+
} ? {
|
5601
|
+
new (...args: any[]): {
|
5602
|
+
$props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
|
5603
|
+
};
|
5604
|
+
} : typeof wcd1ad8882a0c04ed4a65ca7653cd46ba8;
|
5605
|
+
"content": typeof wc5f8763d6835d4d60be746c3178fe64e5 extends {
|
5606
|
+
propsDefinition: infer TProp;
|
5607
|
+
} ? {
|
5608
|
+
new (...args: any[]): {
|
5609
|
+
$props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
|
5610
|
+
};
|
5611
|
+
} : typeof wc5f8763d6835d4d60be746c3178fe64e5;
|
5612
|
+
};
|
5613
|
+
};
|
5594
5614
|
"stepper": {
|
5595
5615
|
"step": typeof wca8c8ffd3d8ff46ee969d8fb6b9522104 extends {
|
5596
5616
|
propsDefinition: infer TProp;
|
package/package.json
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
{
|
2
2
|
"name": "@omnia/fx",
|
3
3
|
"license": "MIT",
|
4
|
-
"version": "8.0.
|
4
|
+
"version": "8.0.479-dev",
|
5
5
|
"description": "Provide Omnia Fx typings and tooling for clientside Omnia development.",
|
6
6
|
"scripts": {
|
7
7
|
"test": "echo \"Error: no test specified\" && exit 1",
|
@@ -20,13 +20,13 @@
|
|
20
20
|
],
|
21
21
|
"author": "Omnia Digital Workplace AB",
|
22
22
|
"dependencies": {
|
23
|
-
"@omnia/fx-models": "8.0.
|
23
|
+
"@omnia/fx-models": "8.0.479-dev",
|
24
24
|
"@microsoft/signalr": "6.0.1",
|
25
25
|
"broadcast-channel": "4.8.0",
|
26
26
|
"dayjs": "1.11.7",
|
27
27
|
"splitpanes": "3.2.0",
|
28
28
|
"vue": "3.5.16",
|
29
|
-
"vuetify": "3.8.
|
29
|
+
"vuetify": "3.8.8",
|
30
30
|
"tslib": "2.6.2",
|
31
31
|
"typescript": "5.8.2",
|
32
32
|
"@tiptap/vue-3": "2.1.13",
|
package/internal-do-not-import-from-here/ux/editorchrome/buttons/ExtendedToolbarButton.css.d.ts
DELETED
@@ -1,77 +0,0 @@
|
|
1
|
-
export declare const ToolbarButtonStyles: {
|
2
|
-
themeStyling: {
|
3
|
-
input: {
|
4
|
-
stylex: typeof import("../../aurora/styling/styles/InputStyling").InputStyling.getFieldBlueprintStylex;
|
5
|
-
};
|
6
|
-
icons: {
|
7
|
-
stylex: typeof import("../../aurora/styling/styles").IconStyling.getIconBlueprintStylex;
|
8
|
-
};
|
9
|
-
colors: {
|
10
|
-
dividingOpacity: typeof import("../../aurora/styling/styles").colorStyling.dividingOpacity;
|
11
|
-
backgroundOpacity: typeof import("../../aurora/styling/styles").colorStyling.backgroundOpacity;
|
12
|
-
setColorOpacity: typeof import("@omnia/fx-models").setColorOpacity;
|
13
|
-
};
|
14
|
-
elementStyling: {
|
15
|
-
colorStylex: typeof import("../../aurora/styling/styles").colorStyling.getColorStylingx;
|
16
|
-
selectedTableRowStylex: typeof import("../../aurora/styling/styles").generalStylex.getSelectedTableRowStylex;
|
17
|
-
scrollStylex: typeof import("../../aurora/styling/styles").generalStylex.getScrollStylex;
|
18
|
-
borderDividerStylex: typeof import("../../aurora/styling/styles").generalStylex.getBorderDividerStylex;
|
19
|
-
hoverStylex: typeof import("../../aurora/styling/styles").generalStylex.getHoverStylex;
|
20
|
-
css: {
|
21
|
-
generateAllStylesSchema: () => {
|
22
|
-
[key: string]: string;
|
23
|
-
};
|
24
|
-
generateVariableStyle: (color: import("@omnia/fx-models").ColorValue) => {
|
25
|
-
[key: string]: string;
|
26
|
-
};
|
27
|
-
generateValueVariable: (color: import("@omnia/fx-models").ColorValue) => string;
|
28
|
-
};
|
29
|
-
};
|
30
|
-
typography: {
|
31
|
-
valueStylex: typeof import("../../aurora/styling/styles/Typography").TypographyStyling.typographyStylexFromValueStylex;
|
32
|
-
typeStylex: typeof import("../../aurora/styling/styles/Typography").TypographyStyling.typographyTypeStylex;
|
33
|
-
stylex: typeof import("../../aurora/styling/styles/Typography").TypographyStyling.typographyStylex;
|
34
|
-
fontStyling: typeof import("../../aurora/styling/styles/Typography").fontStyling;
|
35
|
-
typeStyling: (typographyType: import("@omnia/fx-models").TextStyleTypes | import("@omnia/fx-models").TextStyleType, size: import("@omnia/fx-models").TextStyleSize | import("@omnia/fx-models").TextStyleSizes, blueprint: import("@omnia/fx-models").TypographyBlueprint) => {
|
36
|
-
baseStyles: {
|
37
|
-
fontFamily: string;
|
38
|
-
fontSize: string;
|
39
|
-
fontWeight: number;
|
40
|
-
lineHeight: string;
|
41
|
-
fontStyle: string;
|
42
|
-
textTransform: any;
|
43
|
-
letterSpacing: string;
|
44
|
-
textDecoration: string;
|
45
|
-
$nest: {};
|
46
|
-
};
|
47
|
-
mediumStyles: any;
|
48
|
-
smallStyles: any;
|
49
|
-
queryOnSmallScreen: import("typestyle/lib/types").MediaQuery;
|
50
|
-
queryOnMediumScreen: import("typestyle/lib/types").MediaQuery;
|
51
|
-
};
|
52
|
-
};
|
53
|
-
spacing: {
|
54
|
-
paddingStylex: (value: import("@omnia/fx-models").Spacing | import("@omnia/fx-models").SpacingValue, blueprint?: ReturnType<typeof import("@omnia/fx/ux").useSpacingBlueprintStore>) => import("@omnia/fx/ux").StylexValue;
|
55
|
-
marginStylex: (value: import("@omnia/fx-models").Spacing | import("@omnia/fx-models").SpacingValue, blueprint?: ReturnType<typeof import("@omnia/fx/ux").useSpacingBlueprintStore>) => import("@omnia/fx/ux").StylexValue;
|
56
|
-
value: (value: import("@omnia/fx-models").SpacingValue, blueprint?: ReturnType<typeof import("@omnia/fx/ux").useSpacingBlueprintStore>) => number;
|
57
|
-
values: (value: import("@omnia/fx-models").Spacing, blueprint?: ReturnType<typeof import("@omnia/fx/ux").useSpacingBlueprintStore>) => import("@omnia/fx-models").Spacing;
|
58
|
-
};
|
59
|
-
fill: {
|
60
|
-
stylex: typeof import("../../aurora/styling/styles").FillStyling.getBlueprintFillStylex;
|
61
|
-
stylexObject: typeof import("../../aurora/styling/styles").FillStyling.getBlueprintFillObjectStylex;
|
62
|
-
};
|
63
|
-
border: {
|
64
|
-
stylex: typeof import("../../aurora/styling/styles").BorderStyling.getBlueprintBorderStylex;
|
65
|
-
stylexObject: typeof import("../../aurora/styling/styles").BorderStyling.getBlueprintBorderObjectStylex;
|
66
|
-
};
|
67
|
-
background: {
|
68
|
-
stylex: typeof import("../../aurora/styling/styles").BackgroundStyling.getBlueprintBackgroundStylex;
|
69
|
-
stylexObject: typeof import("../../aurora/styling/styles").BackgroundStyling.getBlueprintBackgroundObjectStylex;
|
70
|
-
};
|
71
|
-
text: {
|
72
|
-
stylex: typeof import("../../aurora/styling/styles").TextStyles.getBlueprintTextStylex;
|
73
|
-
object: typeof import("../../aurora/styling/styles").TextStyles.getBlueprintTextStylingObject;
|
74
|
-
};
|
75
|
-
};
|
76
|
-
wrapper: (dark: boolean, selected: boolean) => string;
|
77
|
-
};
|
@@ -1,9 +0,0 @@
|
|
1
|
-
import { DefineProp, DefinePropTheming } from "@omnia/fx/ux";
|
2
|
-
import { IIcon } from "@omnia/fx-models";
|
3
|
-
type ToolbarButtonProps = DefinePropTheming & DefineProp<"icon", IIcon> & DefineProp<"active", boolean> & DefineProp<"title", string> & DefineProp<"border", "left" | "right" | "left right">;
|
4
|
-
declare const _default: (props: import("@omnia/fx/ux").ExtractProps<ToolbarButtonProps> & {} & {
|
5
|
-
"v-slots"?: {} & Omit<{
|
6
|
-
default?: import("vue").Slot;
|
7
|
-
}, never>;
|
8
|
-
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "icon" | "border" | "title" | "colorSchemaType" | "active" | "colors"> & import("@omnia/fx/ux").VNodeEvents) => any;
|
9
|
-
export default _default;
|