@omnia/fx 7.0.498-dev → 7.0.499-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/identities/loc/Localize.d.ts +2 -0
- package/internal-do-not-import-from-here/ux/velcron/core/models/VelcronDefinitions.d.ts +15 -9
- package/internal-do-not-import-from-here/ux/velcron/core/models/VelcronDescriptors.d.ts +1 -0
- package/internal-do-not-import-from-here/ux/velcron/core/parser/VelcronConstants.d.ts +1 -1
- package/internal-do-not-import-from-here/ux/velcron/core/parser/VelcronStyles.d.ts +6 -5
- package/internal-do-not-import-from-here/ux/velcron/editor/components/ContainerRenderer.d.ts +3 -0
- package/internal-do-not-import-from-here/ux/velcron/editor/components/ContainerRendererStyles.d.ts +3 -0
- package/internal-do-not-import-from-here/ux/velcron/editor/components/pickers/ColorPicker.css.d.ts +6 -0
- package/internal-do-not-import-from-here/ux/velcron/editor/components/pickers/ColorPicker.d.ts +48 -0
- package/internal-do-not-import-from-here/ux/velcron/editor/models/BuiltInDescriptors.d.ts +1 -2
- package/internal-do-not-import-from-here/ux/velcron/editor/stores/VelcronEditorStore.d.ts +3 -1
- package/internal-do-not-import-from-here/ux/velcron/renderer/VelcronRenderer.css.d.ts +3 -1
- package/internal-do-not-import-from-here/ux/velcron/renderer/components/{Section.d.ts → FlexView.d.ts} +2 -2
- package/internal-do-not-import-from-here/ux/velcron/theming/ColorManager.d.ts +6 -0
- package/internal-do-not-import-from-here/ux/velcron/theming/ThemeStore.d.ts +23 -0
- package/internal-do-not-import-from-here/ux/velcron/theming/model/ThemeDefinition.d.ts +47 -0
- package/internal-do-not-import-from-here/ux/velcron/theming/themes/Colors.d.ts +94 -0
- package/internal-do-not-import-from-here/ux/velcron/theming/themes/Themes.d.ts +99 -0
- package/internal-do-not-import-from-here/wctypings.d.ts +2 -0
- package/package.json +2 -2
|
@@ -18,12 +18,13 @@ export interface BuiltInComponentRenderers {
|
|
|
18
18
|
"WebView": any;
|
|
19
19
|
"CustomComponent": any;
|
|
20
20
|
"Dialog": any;
|
|
21
|
-
"
|
|
21
|
+
"FlexView": any;
|
|
22
22
|
"Icon": any;
|
|
23
23
|
}
|
|
24
24
|
export type DynamicViewModel = object;
|
|
25
25
|
export interface OnItemRenderedHookResult {
|
|
26
|
-
cssClass
|
|
26
|
+
cssClass?: Object;
|
|
27
|
+
containerRenderer?: VelcronContainerRenderer;
|
|
27
28
|
}
|
|
28
29
|
export interface VelcronRenderContext {
|
|
29
30
|
id?: string;
|
|
@@ -47,6 +48,11 @@ export interface VelcronRenderContextHooks {
|
|
|
47
48
|
onItemSelected?: ((item: VelcronDefinition) => void);
|
|
48
49
|
onItemRendered?: ((item: VelcronDefinition) => OnItemRenderedHookResult);
|
|
49
50
|
}
|
|
51
|
+
export interface VelcronContainerRenderer {
|
|
52
|
+
definition: VelcronDefinition;
|
|
53
|
+
renderContext: VelcronRenderContext;
|
|
54
|
+
component: JSX.Element;
|
|
55
|
+
}
|
|
50
56
|
export interface VelcronAction extends VelcronRenderContext {
|
|
51
57
|
type: VelcronActionTypes;
|
|
52
58
|
}
|
|
@@ -160,7 +166,8 @@ export interface VelcronImageDefinition extends VelcronDefinition {
|
|
|
160
166
|
export interface VelcronButtonDefinition extends VelcronDefinition {
|
|
161
167
|
type: "Button";
|
|
162
168
|
text: string;
|
|
163
|
-
icon
|
|
169
|
+
icon?: VelcronIcon;
|
|
170
|
+
disabled?: boolean;
|
|
164
171
|
events?: VelcronOnPressEvent;
|
|
165
172
|
}
|
|
166
173
|
export interface VelcronTextInputDefinition extends VelcronDefinition {
|
|
@@ -191,15 +198,14 @@ export interface VelcronIconDefinition extends VelcronDefinition {
|
|
|
191
198
|
size?: number;
|
|
192
199
|
events?: VelcronOnPressEvent;
|
|
193
200
|
}
|
|
194
|
-
export interface
|
|
195
|
-
type: "
|
|
196
|
-
|
|
197
|
-
columnStyle?: object;
|
|
198
|
-
}
|
|
199
|
-
export interface VelcronSectionColumn extends VelcronDefinition {
|
|
201
|
+
export interface VelcronFlexViewDefinition extends VelcronDefinition {
|
|
202
|
+
type: "FlexView";
|
|
203
|
+
column?: boolean;
|
|
200
204
|
body: Array<VelcronDefinition>;
|
|
205
|
+
columnStyle?: object;
|
|
201
206
|
horizontalAlignment?: VelcronHorizontalAlignments;
|
|
202
207
|
verticalAlignment?: VerticalAlignments;
|
|
208
|
+
grow?: number;
|
|
203
209
|
width?: "auto" | "stretch" | number | string;
|
|
204
210
|
}
|
|
205
211
|
export interface VelcronSectionColumnWidth {
|
|
@@ -24,6 +24,7 @@ export interface VelcronComponentPropertyDescriptor {
|
|
|
24
24
|
editor?: VelcronComponentPropertyEditors;
|
|
25
25
|
required?: boolean;
|
|
26
26
|
defaultValue?: VelcronPrimitiveType | VelcroncomponentArrayType;
|
|
27
|
+
disableRemovePropertyOnEmptyOrFalse?: boolean;
|
|
27
28
|
}
|
|
28
29
|
export interface VelcronComponentArrayPropertyDescriptor extends VelcronComponentPropertyDescriptor {
|
|
29
30
|
type: VelcronDataTypes.componentArray;
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import { VelcronDefinition,
|
|
1
|
+
import { VelcronDefinition, VelcronRenderContext } from "../models";
|
|
2
2
|
export declare class VelcronStyles {
|
|
3
|
-
static
|
|
3
|
+
static create(definition: VelcronDefinition, renderCtx: VelcronRenderContext): any;
|
|
4
|
+
private static createStylesForText;
|
|
5
|
+
private static createStylesForImage;
|
|
6
|
+
private static createStylesForFlexbox;
|
|
7
|
+
private static createStylesForLayoutColumnComponent;
|
|
4
8
|
private static dataBindStyles;
|
|
5
|
-
static section(sectionDef: VelcronSectionDefinition, renderCtx: VelcronRenderContext): any;
|
|
6
|
-
static layoutColumn(layoutDef: VelcronSectionDefinition, columnDef: VelcronSectionColumn, renderCtx: VelcronRenderContext): object;
|
|
7
|
-
static layoutColumnComponent(layoutDef: VelcronSectionDefinition, columnDef: VelcronSectionColumn, renderCtx: VelcronRenderContext): object;
|
|
8
9
|
}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { VelcronContainerRenderer } from "../../core";
|
|
2
|
+
declare const _default: import("vue-tsx-support")._TsxComponentV3<import("vue").default<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => import("vue").default<Record<string, any>, Record<string, any>, never, never, any>>, {}, import("vue-tsx-support").PropsForOutside<VelcronContainerRenderer, never>, any, any, any>;
|
|
3
|
+
export default _default;
|
package/internal-do-not-import-from-here/ux/velcron/editor/components/pickers/ColorPicker.d.ts
ADDED
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
interface ColorPickerData {
|
|
2
|
+
}
|
|
3
|
+
declare const _default: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<{
|
|
4
|
+
required: boolean;
|
|
5
|
+
data: ColorPickerData | {
|
|
6
|
+
title: string;
|
|
7
|
+
};
|
|
8
|
+
styles: {
|
|
9
|
+
container: {
|
|
10
|
+
fontSize: number;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
}, "required">, any, any, any>> & {
|
|
14
|
+
propsDefinition: import("vue-tsx-support").PropsForOutside<{
|
|
15
|
+
required: boolean;
|
|
16
|
+
data: ColorPickerData | {
|
|
17
|
+
title: string;
|
|
18
|
+
};
|
|
19
|
+
styles: {
|
|
20
|
+
container: {
|
|
21
|
+
fontSize: number;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
}, "required">;
|
|
25
|
+
}) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<() => VueTsxSupport.JSX.Element>, {}, import("vue-tsx-support").PropsForOutside<{
|
|
26
|
+
required: boolean;
|
|
27
|
+
data: ColorPickerData | {
|
|
28
|
+
title: string;
|
|
29
|
+
};
|
|
30
|
+
styles: {
|
|
31
|
+
container: {
|
|
32
|
+
fontSize: number;
|
|
33
|
+
};
|
|
34
|
+
};
|
|
35
|
+
}, "required">, any, any, any>> & {
|
|
36
|
+
propsDefinition: import("vue-tsx-support").PropsForOutside<{
|
|
37
|
+
required: boolean;
|
|
38
|
+
data: ColorPickerData | {
|
|
39
|
+
title: string;
|
|
40
|
+
};
|
|
41
|
+
styles: {
|
|
42
|
+
container: {
|
|
43
|
+
fontSize: number;
|
|
44
|
+
};
|
|
45
|
+
};
|
|
46
|
+
}, "required">;
|
|
47
|
+
});
|
|
48
|
+
export default _default;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { VelcronDataTypes, VelcronDescriptor, VelcronDescriptorTypes, VelcronComponentEventDescriptor, VelcronComponentDescriptor
|
|
1
|
+
import { VelcronDataTypes, VelcronDescriptor, VelcronDescriptorTypes, VelcronComponentEventDescriptor, VelcronComponentDescriptor } from "../../core";
|
|
2
2
|
export interface VelcronDataMemberDescriptor extends VelcronDescriptor {
|
|
3
3
|
descriptorType: VelcronDescriptorTypes.dataMember;
|
|
4
4
|
dataType: VelcronDataTypes;
|
|
@@ -29,5 +29,4 @@ export declare const VelcronProgressCircleComponentDescriptor: VelcronComponentD
|
|
|
29
29
|
export declare const VelcronViewComponentDescriptor: VelcronComponentDescriptor;
|
|
30
30
|
export declare const VelcronDialogComponentDescriptor: VelcronComponentDescriptor;
|
|
31
31
|
export declare const VelcronIconComponentDescriptor: VelcronComponentDescriptor;
|
|
32
|
-
export declare const VelcronSectionColumnComponentDescriptor: VelcronSubComponentDescriptor;
|
|
33
32
|
export declare const VelcronSectionComponentDescriptor: VelcronComponentDescriptor;
|
|
@@ -6,6 +6,7 @@ export declare class VelcronEditorStore extends Store {
|
|
|
6
6
|
appData: import("@omnia/fx/stores").StoreState<object>;
|
|
7
7
|
app: import("@omnia/fx/stores").StoreState<VelcronAppDefinition>;
|
|
8
8
|
appCacheKey: import("@omnia/fx/stores").StoreState<string>;
|
|
9
|
+
appTreeOpenIds: import("@omnia/fx/stores").StoreState<string[]>;
|
|
9
10
|
appTree: import("@omnia/fx/stores").StoreState<AppTreeItem[]>;
|
|
10
11
|
editorMode: import("@omnia/fx/stores").StoreState<editorModes>;
|
|
11
12
|
selectedAppTreeItem: import("@omnia/fx/stores").StoreState<AppTreeItem>;
|
|
@@ -37,7 +38,7 @@ export declare class VelcronEditorStore extends Store {
|
|
|
37
38
|
codeEditorTab: (newState: codeEditorTabs) => void;
|
|
38
39
|
editorMode: (newState: editorModes) => void;
|
|
39
40
|
syncState: () => void;
|
|
40
|
-
setSelectedAppTreeItem: (
|
|
41
|
+
setSelectedAppTreeItem: (key: string) => void;
|
|
41
42
|
showAddComponent: (show: boolean) => void;
|
|
42
43
|
showShare: (show: boolean) => void;
|
|
43
44
|
showAddDataObject: (show: boolean) => void;
|
|
@@ -56,6 +57,7 @@ export declare class VelcronEditorStore extends Store {
|
|
|
56
57
|
* Implementation of actions
|
|
57
58
|
*/
|
|
58
59
|
actions: {};
|
|
60
|
+
private getTreeItemNode;
|
|
59
61
|
private buildUiTree;
|
|
60
62
|
private buildDataMembersRecursive;
|
|
61
63
|
private buildDefinitionTreeRecursive;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { VelcronRenderProps,
|
|
2
|
-
declare const _default: import("vue-tsx-support")._TsxComponentV3<import("vue").default<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => import("vue").default<Record<string, any>, Record<string, any>, never, never, any>>, {}, import("vue-tsx-support").PropsForOutside<VelcronRenderProps<
|
|
1
|
+
import { VelcronRenderProps, VelcronFlexViewDefinition } from "../../core";
|
|
2
|
+
declare const _default: import("vue-tsx-support")._TsxComponentV3<import("vue").default<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => import("vue").default<Record<string, any>, Record<string, any>, never, never, any>>, {}, import("vue-tsx-support").PropsForOutside<VelcronRenderProps<VelcronFlexViewDefinition>, never>, any, any, any>;
|
|
3
3
|
export default _default;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { ColorDefinition, ColorGroup } from "./model/ThemeDefinition";
|
|
2
|
+
export declare const ColorManager: () => {
|
|
3
|
+
getColorDefinition: (color: string, colorToned?: string) => ColorDefinition;
|
|
4
|
+
createColorSchema: (color: string, name: string, fixedColor?: boolean, colorBlend?: string) => ColorGroup;
|
|
5
|
+
isDarkColor: (color: any) => boolean;
|
|
6
|
+
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { Store } from "@omnia/fx/stores";
|
|
2
|
+
import { ThemeDefinition } from "./model/ThemeDefinition";
|
|
3
|
+
export declare class ThemeStore extends Store {
|
|
4
|
+
private currentTheme;
|
|
5
|
+
constructor();
|
|
6
|
+
onActivated(): void;
|
|
7
|
+
onDisposing(): void;
|
|
8
|
+
/**
|
|
9
|
+
* Implementation of getters
|
|
10
|
+
*/
|
|
11
|
+
getters: {
|
|
12
|
+
currentTheme: () => import("@omnia/fx/stores").StoreState<ThemeDefinition>;
|
|
13
|
+
getColorSchema(name: string): any;
|
|
14
|
+
};
|
|
15
|
+
/**
|
|
16
|
+
* Implementation of mutations
|
|
17
|
+
*/
|
|
18
|
+
mutations: {};
|
|
19
|
+
/**
|
|
20
|
+
* Implementation of actions
|
|
21
|
+
*/
|
|
22
|
+
actions: {};
|
|
23
|
+
}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
export interface ColorDefinition {
|
|
2
|
+
dark: boolean;
|
|
3
|
+
color: string;
|
|
4
|
+
colorToned: string;
|
|
5
|
+
}
|
|
6
|
+
export interface ColorSchema {
|
|
7
|
+
name: string;
|
|
8
|
+
base: ColorDefinition;
|
|
9
|
+
onBase: ColorDefinition;
|
|
10
|
+
container: ColorDefinition;
|
|
11
|
+
onContainer: ColorDefinition;
|
|
12
|
+
}
|
|
13
|
+
export interface ColorGroup {
|
|
14
|
+
dark: ColorSchema;
|
|
15
|
+
light: ColorSchema;
|
|
16
|
+
}
|
|
17
|
+
export interface ThemeDefinition {
|
|
18
|
+
id: string;
|
|
19
|
+
dark: boolean;
|
|
20
|
+
primary: ColorSchema;
|
|
21
|
+
secondary: ColorSchema;
|
|
22
|
+
tertiary: ColorSchema;
|
|
23
|
+
neutral: ColorSchema;
|
|
24
|
+
background: ColorSchema;
|
|
25
|
+
error: ColorSchema;
|
|
26
|
+
additional: Array<ColorSchema>;
|
|
27
|
+
}
|
|
28
|
+
export declare const ColorSchemaNames: {
|
|
29
|
+
primary: string;
|
|
30
|
+
secondary: string;
|
|
31
|
+
tertiary: string;
|
|
32
|
+
neutral: string;
|
|
33
|
+
background: string;
|
|
34
|
+
error: string;
|
|
35
|
+
additional: string;
|
|
36
|
+
};
|
|
37
|
+
export declare enum DefinitionTypes {
|
|
38
|
+
light = 1,
|
|
39
|
+
dark = 2,
|
|
40
|
+
highContrast = 3
|
|
41
|
+
}
|
|
42
|
+
export interface DefinitionGroup extends ThemeDefinition {
|
|
43
|
+
changeDefinitionType(definitionType: DefinitionTypes): any;
|
|
44
|
+
getVuetifyTheme(): any;
|
|
45
|
+
darkDefinition: ThemeDefinition;
|
|
46
|
+
lightDefinition: ThemeDefinition;
|
|
47
|
+
}
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
import { ColorSchema } from "../model/ThemeDefinition";
|
|
2
|
+
export declare const SystemColors: {
|
|
3
|
+
Teal: string;
|
|
4
|
+
Purple: string;
|
|
5
|
+
DarkGreen: string;
|
|
6
|
+
LightGreen: string;
|
|
7
|
+
DarkBackground: string;
|
|
8
|
+
LightBackround: string;
|
|
9
|
+
DarkPink: string;
|
|
10
|
+
RedBrown: string;
|
|
11
|
+
Orange: string;
|
|
12
|
+
Gold: string;
|
|
13
|
+
Black: string;
|
|
14
|
+
Grey: string;
|
|
15
|
+
};
|
|
16
|
+
export declare const ColorSchemas: {
|
|
17
|
+
Teal: ColorSchema;
|
|
18
|
+
Purple: {
|
|
19
|
+
base: import("../model/ThemeDefinition").ColorDefinition;
|
|
20
|
+
onBase: import("../model/ThemeDefinition").ColorDefinition;
|
|
21
|
+
container: import("../model/ThemeDefinition").ColorDefinition;
|
|
22
|
+
onContainer: import("../model/ThemeDefinition").ColorDefinition;
|
|
23
|
+
};
|
|
24
|
+
DarkGreen: {
|
|
25
|
+
base: import("../model/ThemeDefinition").ColorDefinition;
|
|
26
|
+
onBase: import("../model/ThemeDefinition").ColorDefinition;
|
|
27
|
+
container: import("../model/ThemeDefinition").ColorDefinition;
|
|
28
|
+
onContainer: import("../model/ThemeDefinition").ColorDefinition;
|
|
29
|
+
};
|
|
30
|
+
LightGreen: {
|
|
31
|
+
base: import("../model/ThemeDefinition").ColorDefinition;
|
|
32
|
+
onBase: import("../model/ThemeDefinition").ColorDefinition;
|
|
33
|
+
container: import("../model/ThemeDefinition").ColorDefinition;
|
|
34
|
+
onContainer: import("../model/ThemeDefinition").ColorDefinition;
|
|
35
|
+
};
|
|
36
|
+
DarkBackground: {
|
|
37
|
+
base: import("../model/ThemeDefinition").ColorDefinition;
|
|
38
|
+
onBase: import("../model/ThemeDefinition").ColorDefinition;
|
|
39
|
+
container: import("../model/ThemeDefinition").ColorDefinition;
|
|
40
|
+
onContainer: import("../model/ThemeDefinition").ColorDefinition;
|
|
41
|
+
};
|
|
42
|
+
LightBackground: {
|
|
43
|
+
base: import("../model/ThemeDefinition").ColorDefinition;
|
|
44
|
+
onBase: import("../model/ThemeDefinition").ColorDefinition;
|
|
45
|
+
container: import("../model/ThemeDefinition").ColorDefinition;
|
|
46
|
+
onContainer: import("../model/ThemeDefinition").ColorDefinition;
|
|
47
|
+
};
|
|
48
|
+
DarkPink: {
|
|
49
|
+
base: import("../model/ThemeDefinition").ColorDefinition;
|
|
50
|
+
onBase: import("../model/ThemeDefinition").ColorDefinition;
|
|
51
|
+
container: import("../model/ThemeDefinition").ColorDefinition;
|
|
52
|
+
onContainer: import("../model/ThemeDefinition").ColorDefinition;
|
|
53
|
+
};
|
|
54
|
+
RedBrown: {
|
|
55
|
+
base: import("../model/ThemeDefinition").ColorDefinition;
|
|
56
|
+
onBase: import("../model/ThemeDefinition").ColorDefinition;
|
|
57
|
+
component: import("../model/ThemeDefinition").ColorDefinition;
|
|
58
|
+
onContainer: import("../model/ThemeDefinition").ColorDefinition;
|
|
59
|
+
};
|
|
60
|
+
Orange: {
|
|
61
|
+
base: import("../model/ThemeDefinition").ColorDefinition;
|
|
62
|
+
onBase: import("../model/ThemeDefinition").ColorDefinition;
|
|
63
|
+
container: import("../model/ThemeDefinition").ColorDefinition;
|
|
64
|
+
onContainer: import("../model/ThemeDefinition").ColorDefinition;
|
|
65
|
+
};
|
|
66
|
+
Gold: {
|
|
67
|
+
base: import("../model/ThemeDefinition").ColorDefinition;
|
|
68
|
+
onBase: import("../model/ThemeDefinition").ColorDefinition;
|
|
69
|
+
container: import("../model/ThemeDefinition").ColorDefinition;
|
|
70
|
+
onContainer: import("../model/ThemeDefinition").ColorDefinition;
|
|
71
|
+
};
|
|
72
|
+
Black: {
|
|
73
|
+
base: import("../model/ThemeDefinition").ColorDefinition;
|
|
74
|
+
onBase: import("../model/ThemeDefinition").ColorDefinition;
|
|
75
|
+
container: import("../model/ThemeDefinition").ColorDefinition;
|
|
76
|
+
onContainer: import("../model/ThemeDefinition").ColorDefinition;
|
|
77
|
+
};
|
|
78
|
+
Grey: {
|
|
79
|
+
base: import("../model/ThemeDefinition").ColorDefinition;
|
|
80
|
+
onBase: import("../model/ThemeDefinition").ColorDefinition;
|
|
81
|
+
container: import("../model/ThemeDefinition").ColorDefinition;
|
|
82
|
+
onContainer: import("../model/ThemeDefinition").ColorDefinition;
|
|
83
|
+
};
|
|
84
|
+
LightBlue: {
|
|
85
|
+
base: import("../model/ThemeDefinition").ColorDefinition;
|
|
86
|
+
onBase: import("../model/ThemeDefinition").ColorDefinition;
|
|
87
|
+
container: import("../model/ThemeDefinition").ColorDefinition;
|
|
88
|
+
onContainer: import("../model/ThemeDefinition").ColorDefinition;
|
|
89
|
+
};
|
|
90
|
+
};
|
|
91
|
+
export declare const AppChrome: {
|
|
92
|
+
Black: import("../model/ThemeDefinition").ColorDefinition;
|
|
93
|
+
White: import("../model/ThemeDefinition").ColorDefinition;
|
|
94
|
+
};
|
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
import { ColorSchema, DefinitionGroup, DefinitionTypes, ThemeDefinition } from "../model/ThemeDefinition";
|
|
2
|
+
export declare class OmniaThemeInstance implements DefinitionGroup, ThemeDefinition {
|
|
3
|
+
darkDefinition: ThemeDefinition;
|
|
4
|
+
lightDefinition: ThemeDefinition;
|
|
5
|
+
currentDefinition: ThemeDefinition;
|
|
6
|
+
dark: boolean;
|
|
7
|
+
constructor(lightDefinition: ThemeDefinition, darkDefintion: ThemeDefinition);
|
|
8
|
+
get id(): string;
|
|
9
|
+
get primary(): ColorSchema;
|
|
10
|
+
get secondary(): ColorSchema;
|
|
11
|
+
get tertiary(): ColorSchema;
|
|
12
|
+
get neutral(): ColorSchema;
|
|
13
|
+
get background(): ColorSchema;
|
|
14
|
+
get error(): ColorSchema;
|
|
15
|
+
get additional(): Array<ColorSchema>;
|
|
16
|
+
changeDefinitionType(definitionType: DefinitionTypes): void;
|
|
17
|
+
protected getVuetifyThemeFromDefinition(themeDefinition: ThemeDefinition): {
|
|
18
|
+
dark: boolean;
|
|
19
|
+
colors: {
|
|
20
|
+
background: string;
|
|
21
|
+
"on-background": string;
|
|
22
|
+
surface: string;
|
|
23
|
+
"on-surface": string;
|
|
24
|
+
primary: string;
|
|
25
|
+
"on-primary": string;
|
|
26
|
+
secondary: string;
|
|
27
|
+
"on-secondary": string;
|
|
28
|
+
tertiary: string;
|
|
29
|
+
"on-tertiary": string;
|
|
30
|
+
error: string;
|
|
31
|
+
"on-error": string;
|
|
32
|
+
info: string;
|
|
33
|
+
"on-info": string;
|
|
34
|
+
success: string;
|
|
35
|
+
"on-success": string;
|
|
36
|
+
warning: string;
|
|
37
|
+
"on-warning": string;
|
|
38
|
+
};
|
|
39
|
+
};
|
|
40
|
+
getVuetifyTheme(): {
|
|
41
|
+
dark: boolean;
|
|
42
|
+
colors: {
|
|
43
|
+
background: string;
|
|
44
|
+
"on-background": string;
|
|
45
|
+
surface: string;
|
|
46
|
+
"on-surface": string;
|
|
47
|
+
primary: string;
|
|
48
|
+
"on-primary": string;
|
|
49
|
+
secondary: string;
|
|
50
|
+
"on-secondary": string;
|
|
51
|
+
tertiary: string;
|
|
52
|
+
"on-tertiary": string;
|
|
53
|
+
error: string;
|
|
54
|
+
"on-error": string;
|
|
55
|
+
info: string;
|
|
56
|
+
"on-info": string;
|
|
57
|
+
success: string;
|
|
58
|
+
"on-success": string;
|
|
59
|
+
warning: string;
|
|
60
|
+
"on-warning": string;
|
|
61
|
+
};
|
|
62
|
+
};
|
|
63
|
+
}
|
|
64
|
+
export declare class LightThemeDefinition implements ThemeDefinition {
|
|
65
|
+
dark: boolean;
|
|
66
|
+
id: string;
|
|
67
|
+
primary: ColorSchema;
|
|
68
|
+
secondary: ColorSchema;
|
|
69
|
+
tertiary: ColorSchema;
|
|
70
|
+
neutral: ColorSchema;
|
|
71
|
+
background: ColorSchema;
|
|
72
|
+
error: ColorSchema;
|
|
73
|
+
additional: ColorSchema[];
|
|
74
|
+
constructor();
|
|
75
|
+
}
|
|
76
|
+
export declare class DarkThemeDefinition implements ThemeDefinition {
|
|
77
|
+
dark: boolean;
|
|
78
|
+
id: string;
|
|
79
|
+
primary: ColorSchema;
|
|
80
|
+
secondary: ColorSchema;
|
|
81
|
+
tertiary: ColorSchema;
|
|
82
|
+
neutral: ColorSchema;
|
|
83
|
+
background: ColorSchema;
|
|
84
|
+
error: ColorSchema;
|
|
85
|
+
additional: ColorSchema[];
|
|
86
|
+
constructor();
|
|
87
|
+
}
|
|
88
|
+
export declare class CustomTheme implements ThemeDefinition {
|
|
89
|
+
id: string;
|
|
90
|
+
primary: ColorSchema;
|
|
91
|
+
secondary: ColorSchema;
|
|
92
|
+
tertiary: ColorSchema;
|
|
93
|
+
neutral: ColorSchema;
|
|
94
|
+
background: ColorSchema;
|
|
95
|
+
error: ColorSchema;
|
|
96
|
+
additional: ColorSchema[];
|
|
97
|
+
dark: boolean;
|
|
98
|
+
constructor(primary: string, secondary: string, tertiary: string, neutral: string, background: string);
|
|
99
|
+
}
|
|
@@ -117,6 +117,7 @@ import wc30289e2b58ff48b0aabb3cb3732c3038 from './ux/usertypelayout/UserTypeLayo
|
|
|
117
117
|
import wc5b26d2a399c041f3beae9c1115d6e8d8 from './ux/usertypelayout/UserTypeLayoutBladeBuilder';
|
|
118
118
|
import wc80bd5b0978ea40439001d3d409236382 from './ux/velcron/blocks/VelcronBlock';
|
|
119
119
|
import wce8526e8ed3f74e848e0dd747fd4d376d from './ux/velcron/blocks/VelcronBlockSettings';
|
|
120
|
+
import wc1266389c28034034921b897f788f302d from './ux/velcron/editor/components/pickers/ColorPicker';
|
|
120
121
|
import wcc75ffd4cf2f14b6685c5c2d894fdf00f from './ux/velcron/editor/VelcronEditor';
|
|
121
122
|
import wc3dd4d94bcc254f9fac2100a3ff84dc7e from './ux/velcron/renderer/VelcronRenderer';
|
|
122
123
|
import wcba03fc7e6921468289c0a0ffe0cf942e from './ux/versionedlayout/renderer/VersionedLayoutRenderer';
|
|
@@ -245,6 +246,7 @@ declare global {
|
|
|
245
246
|
"omfx-usertype-layout-blade-builder": base.CombinedTsxComponentAttrs<typeof wc5b26d2a399c041f3beae9c1115d6e8d8.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
|
|
246
247
|
"omfx-velcron-block": base.CombinedTsxComponentAttrs<typeof wc80bd5b0978ea40439001d3d409236382.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
|
|
247
248
|
"omfx-velcron-block-settings": base.CombinedTsxComponentAttrs<typeof wce8526e8ed3f74e848e0dd747fd4d376d.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
|
|
249
|
+
"omnia-color-picker": base.CombinedTsxComponentAttrs<typeof wc1266389c28034034921b897f788f302d.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
|
|
248
250
|
"omfx-velcron-editor": base.CombinedTsxComponentAttrs<typeof wcc75ffd4cf2f14b6685c5c2d894fdf00f.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
|
|
249
251
|
"omfx-velcron-renderer": base.CombinedTsxComponentAttrs<typeof wc3dd4d94bcc254f9fac2100a3ff84dc7e.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
|
|
250
252
|
"omfx-versioned-layout-renderer": base.CombinedTsxComponentAttrs<typeof wcba03fc7e6921468289c0a0ffe0cf942e.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@omnia/fx",
|
|
3
3
|
"license": "MIT",
|
|
4
|
-
"version": "7.0.
|
|
4
|
+
"version": "7.0.499-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,7 +20,7 @@
|
|
|
20
20
|
],
|
|
21
21
|
"author": "Precio Fishbone",
|
|
22
22
|
"dependencies": {
|
|
23
|
-
"@omnia/fx-models": "7.0.
|
|
23
|
+
"@omnia/fx-models": "7.0.499-dev",
|
|
24
24
|
"@microsoft/signalr": "6.0.1",
|
|
25
25
|
"broadcast-channel": "4.8.0",
|
|
26
26
|
"dayjs": "1.10.7",
|