@omnia/fx 7.0.524-dev → 7.0.525-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/shared/models/theming/BlueprintDefinition.d.ts +23 -0
- package/internal-do-not-import-from-here/shared/models/theming/BlueprintDefinition.js +2 -0
- package/internal-do-not-import-from-here/shared/models/theming/ThemeDefinitionV2.d.ts +2 -0
- package/internal-do-not-import-from-here/ux/UxModels.d.ts +1 -0
- package/internal-do-not-import-from-here/ux/filterengine/handler/FilterEngineHandler.d.ts +2 -0
- package/internal-do-not-import-from-here/ux/theming-v2/ColorManager.d.ts +1 -1
- package/internal-do-not-import-from-here/ux/theming-v2/ThemeStoreV2.d.ts +4 -1
- package/internal-do-not-import-from-here/ux/theming-v2/themeeditor/store/ThemeEditorStore.d.ts +2 -0
- package/internal-do-not-import-from-here/ux/theming-v2/themes/Blueprints.d.ts +15 -0
- package/internal-do-not-import-from-here/ux/theming-v2/themes/Colors.d.ts +51 -51
- package/internal-do-not-import-from-here/ux/theming-v2/themes/Themes.d.ts +5 -2
- package/internal-do-not-import-from-here/ux/theming-v2/themes/TypographyTypes.d.ts +1 -2
- package/internal-do-not-import-from-here/ux/velcron/blocks/VelcronBlockSettings.d.ts +0 -2
- package/internal-do-not-import-from-here/ux/velcron/core/models/VelcronDefinitions.d.ts +15 -8
- package/internal-do-not-import-from-here/ux/velcron/core/parser/VelcronRenderers.d.ts +5 -5
- package/internal-do-not-import-from-here/ux/velcron/core/parser/VelcronStyles.d.ts +4 -1
- package/internal-do-not-import-from-here/ux/velcron/editor/VelcronEditor.d.ts +4 -8
- package/internal-do-not-import-from-here/ux/velcron/editor/components/pickers/ColorSchemaPicker/ColorSchemaPicker.d.ts +4 -0
- package/internal-do-not-import-from-here/ux/velcron/editor/components/pickers/colorschemamapper/ColorSchemaMapper.css.d.ts +3 -0
- package/internal-do-not-import-from-here/ux/velcron/editor/components/pickers/colorschemamapper/ColorSchemaMapper.d.ts +19 -0
- package/internal-do-not-import-from-here/ux/velcron/editor/components/pickers/colorschemareferencepicker/ColorSchemaReferencePicker.d.ts +2 -0
- package/internal-do-not-import-from-here/ux/velcron/renderer/VelcronRenderer.d.ts +1 -1
- package/internal-do-not-import-from-here/wctypings.d.ts +2 -2
- package/package.json +2 -2
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { Guid } from "../Guid";
|
|
2
|
+
export interface BoxDimensions {
|
|
3
|
+
top: number;
|
|
4
|
+
right: number;
|
|
5
|
+
bottom: number;
|
|
6
|
+
left: number;
|
|
7
|
+
}
|
|
8
|
+
export interface BoxBorder extends BoxDimensions {
|
|
9
|
+
color: string;
|
|
10
|
+
}
|
|
11
|
+
export interface BlueprintDefinition {
|
|
12
|
+
id: Guid;
|
|
13
|
+
card?: {
|
|
14
|
+
border?: BoxBorder;
|
|
15
|
+
borderRadius?: BoxDimensions;
|
|
16
|
+
};
|
|
17
|
+
image?: {
|
|
18
|
+
borderRadius?: BoxDimensions;
|
|
19
|
+
};
|
|
20
|
+
chip?: {
|
|
21
|
+
borderRadius?: BoxDimensions;
|
|
22
|
+
};
|
|
23
|
+
}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { Guid } from "../Guid";
|
|
2
|
+
import { BlueprintDefinition } from "./BlueprintDefinition";
|
|
2
3
|
import { TypographyDefinition } from "./TypographyDefinition";
|
|
3
4
|
export interface ColorDefinition {
|
|
4
5
|
dark: boolean;
|
|
@@ -36,6 +37,7 @@ export interface ThemeDefinitionV2 {
|
|
|
36
37
|
error: ColorSchema;
|
|
37
38
|
info: ColorSchema;
|
|
38
39
|
typography: TypographyDefinition;
|
|
40
|
+
blueprint: BlueprintDefinition;
|
|
39
41
|
}
|
|
40
42
|
export declare const ColorSchemaTypes: {
|
|
41
43
|
primary: string;
|
|
@@ -33,6 +33,7 @@ export declare class FilterEngineHandler extends Store {
|
|
|
33
33
|
mainSectionMaxWidth: number;
|
|
34
34
|
readonly sectionMinWidth: number;
|
|
35
35
|
private showDialog;
|
|
36
|
+
private isWaitingForFirstQuery;
|
|
36
37
|
private subscriptionHandler;
|
|
37
38
|
getters: {
|
|
38
39
|
keywordsSearching: () => string;
|
|
@@ -54,6 +55,7 @@ export declare class FilterEngineHandler extends Store {
|
|
|
54
55
|
isRenderReady: () => boolean;
|
|
55
56
|
propertyDefinition: (type: BaseFilterEnginePropertyType) => FilterEngineContextPropertyDefinition;
|
|
56
57
|
propertyOutputs: () => BaseFilterEnginePropertyOutput[];
|
|
58
|
+
isWaitingForFirstQuery: () => boolean;
|
|
57
59
|
};
|
|
58
60
|
mutations: {
|
|
59
61
|
registerTopElement: import("@omnia/fx/stores").StoreMutation<(element: Element) => void, (element: Element) => IMessageBusSubscriptionHandler>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ColorDefinition, ColorGroup } from "
|
|
1
|
+
import { ColorDefinition, ColorGroup } from "@omnia/fx-models";
|
|
2
2
|
export declare const ColorManager: () => {
|
|
3
3
|
getColorDefinition: (color: string, colorToned?: string, isBaseColor?: boolean) => ColorDefinition;
|
|
4
4
|
createColorSchema: (color: string, name: string, fixedColor?: boolean, colorBlend?: string) => ColorGroup;
|
|
@@ -22,8 +22,11 @@ export declare class ThemeStoreV2 extends Store {
|
|
|
22
22
|
neutral: ColorSchema;
|
|
23
23
|
background: ColorSchema;
|
|
24
24
|
error: ColorSchema;
|
|
25
|
-
info: ColorSchema;
|
|
25
|
+
info: ColorSchema; /**
|
|
26
|
+
* Implementation of getters
|
|
27
|
+
*/
|
|
26
28
|
typography: import("@omnia/fx-models").TypographyDefinition;
|
|
29
|
+
blueprint: import("../../shared/models/theming/BlueprintDefinition").BlueprintDefinition;
|
|
27
30
|
};
|
|
28
31
|
colorSchema: (schema: string) => ColorSchema;
|
|
29
32
|
color: (schemaName: string, colorType: string) => string;
|
package/internal-do-not-import-from-here/ux/theming-v2/themeeditor/store/ThemeEditorStore.d.ts
CHANGED
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import { Store } from "@omnia/fx/stores";
|
|
2
2
|
import { ThemeDefinitionV2 } from "@omnia/fx-models";
|
|
3
3
|
import { CodeEditorState, codeEditorTabs, editorModes } from "../model";
|
|
4
|
+
import { ThemeStoreV2 } from "../../ThemeStoreV2";
|
|
4
5
|
export declare class ThemeEditorStore extends Store {
|
|
5
6
|
editorMode: import("@omnia/fx/stores").StoreState<editorModes>;
|
|
6
7
|
codeEditor: import("@omnia/fx/stores").StoreState<CodeEditorState>;
|
|
7
8
|
themeAsJson: import("@omnia/fx/stores").StoreState<string>;
|
|
9
|
+
editingThemeStore: ThemeStoreV2;
|
|
8
10
|
constructor();
|
|
9
11
|
/**
|
|
10
12
|
* Implementation of getters
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { Guid } from "@omnia/fx-models";
|
|
2
|
+
import { BlueprintDefinition } from "internal/fx/shared/models/theming/BlueprintDefinition";
|
|
3
|
+
export declare class MD2Blueprint implements BlueprintDefinition {
|
|
4
|
+
id: Guid;
|
|
5
|
+
card: any;
|
|
6
|
+
image: any;
|
|
7
|
+
chip: any;
|
|
8
|
+
constructor();
|
|
9
|
+
}
|
|
10
|
+
export declare class MD3Blueprint implements BlueprintDefinition {
|
|
11
|
+
id: Guid;
|
|
12
|
+
card: any;
|
|
13
|
+
image: any;
|
|
14
|
+
constructor();
|
|
15
|
+
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ColorSchema } from "
|
|
1
|
+
import { ColorSchema } from "@omnia/fx-models";
|
|
2
2
|
export declare const SystemColors: {
|
|
3
3
|
Teal: string;
|
|
4
4
|
Purple: string;
|
|
@@ -16,79 +16,79 @@ export declare const SystemColors: {
|
|
|
16
16
|
export declare const ColorSchemas: {
|
|
17
17
|
Teal: ColorSchema;
|
|
18
18
|
Purple: {
|
|
19
|
-
base: import("
|
|
20
|
-
onBase: import("
|
|
21
|
-
container: import("
|
|
22
|
-
onContainer: import("
|
|
19
|
+
base: import("@omnia/fx-models").ColorDefinition;
|
|
20
|
+
onBase: import("@omnia/fx-models").ColorDefinition;
|
|
21
|
+
container: import("@omnia/fx-models").ColorDefinition;
|
|
22
|
+
onContainer: import("@omnia/fx-models").ColorDefinition;
|
|
23
23
|
};
|
|
24
24
|
DarkGreen: {
|
|
25
|
-
base: import("
|
|
26
|
-
onBase: import("
|
|
27
|
-
container: import("
|
|
28
|
-
onContainer: import("
|
|
25
|
+
base: import("@omnia/fx-models").ColorDefinition;
|
|
26
|
+
onBase: import("@omnia/fx-models").ColorDefinition;
|
|
27
|
+
container: import("@omnia/fx-models").ColorDefinition;
|
|
28
|
+
onContainer: import("@omnia/fx-models").ColorDefinition;
|
|
29
29
|
};
|
|
30
30
|
LightGreen: {
|
|
31
|
-
base: import("
|
|
32
|
-
onBase: import("
|
|
33
|
-
container: import("
|
|
34
|
-
onContainer: import("
|
|
31
|
+
base: import("@omnia/fx-models").ColorDefinition;
|
|
32
|
+
onBase: import("@omnia/fx-models").ColorDefinition;
|
|
33
|
+
container: import("@omnia/fx-models").ColorDefinition;
|
|
34
|
+
onContainer: import("@omnia/fx-models").ColorDefinition;
|
|
35
35
|
};
|
|
36
36
|
DarkBackground: {
|
|
37
|
-
base: import("
|
|
38
|
-
onBase: import("
|
|
39
|
-
container: import("
|
|
40
|
-
onContainer: import("
|
|
37
|
+
base: import("@omnia/fx-models").ColorDefinition;
|
|
38
|
+
onBase: import("@omnia/fx-models").ColorDefinition;
|
|
39
|
+
container: import("@omnia/fx-models").ColorDefinition;
|
|
40
|
+
onContainer: import("@omnia/fx-models").ColorDefinition;
|
|
41
41
|
};
|
|
42
42
|
LightBackground: {
|
|
43
|
-
base: import("
|
|
44
|
-
onBase: import("
|
|
45
|
-
container: import("
|
|
46
|
-
onContainer: import("
|
|
43
|
+
base: import("@omnia/fx-models").ColorDefinition;
|
|
44
|
+
onBase: import("@omnia/fx-models").ColorDefinition;
|
|
45
|
+
container: import("@omnia/fx-models").ColorDefinition;
|
|
46
|
+
onContainer: import("@omnia/fx-models").ColorDefinition;
|
|
47
47
|
};
|
|
48
48
|
DarkPink: {
|
|
49
|
-
base: import("
|
|
50
|
-
onBase: import("
|
|
51
|
-
container: import("
|
|
52
|
-
onContainer: import("
|
|
49
|
+
base: import("@omnia/fx-models").ColorDefinition;
|
|
50
|
+
onBase: import("@omnia/fx-models").ColorDefinition;
|
|
51
|
+
container: import("@omnia/fx-models").ColorDefinition;
|
|
52
|
+
onContainer: import("@omnia/fx-models").ColorDefinition;
|
|
53
53
|
};
|
|
54
54
|
RedBrown: {
|
|
55
|
-
base: import("
|
|
56
|
-
onBase: import("
|
|
57
|
-
component: import("
|
|
58
|
-
onContainer: import("
|
|
55
|
+
base: import("@omnia/fx-models").ColorDefinition;
|
|
56
|
+
onBase: import("@omnia/fx-models").ColorDefinition;
|
|
57
|
+
component: import("@omnia/fx-models").ColorDefinition;
|
|
58
|
+
onContainer: import("@omnia/fx-models").ColorDefinition;
|
|
59
59
|
};
|
|
60
60
|
Orange: {
|
|
61
|
-
base: import("
|
|
62
|
-
onBase: import("
|
|
63
|
-
container: import("
|
|
64
|
-
onContainer: import("
|
|
61
|
+
base: import("@omnia/fx-models").ColorDefinition;
|
|
62
|
+
onBase: import("@omnia/fx-models").ColorDefinition;
|
|
63
|
+
container: import("@omnia/fx-models").ColorDefinition;
|
|
64
|
+
onContainer: import("@omnia/fx-models").ColorDefinition;
|
|
65
65
|
};
|
|
66
66
|
Gold: {
|
|
67
|
-
base: import("
|
|
68
|
-
onBase: import("
|
|
69
|
-
container: import("
|
|
70
|
-
onContainer: import("
|
|
67
|
+
base: import("@omnia/fx-models").ColorDefinition;
|
|
68
|
+
onBase: import("@omnia/fx-models").ColorDefinition;
|
|
69
|
+
container: import("@omnia/fx-models").ColorDefinition;
|
|
70
|
+
onContainer: import("@omnia/fx-models").ColorDefinition;
|
|
71
71
|
};
|
|
72
72
|
Black: {
|
|
73
|
-
base: import("
|
|
74
|
-
onBase: import("
|
|
75
|
-
container: import("
|
|
76
|
-
onContainer: import("
|
|
73
|
+
base: import("@omnia/fx-models").ColorDefinition;
|
|
74
|
+
onBase: import("@omnia/fx-models").ColorDefinition;
|
|
75
|
+
container: import("@omnia/fx-models").ColorDefinition;
|
|
76
|
+
onContainer: import("@omnia/fx-models").ColorDefinition;
|
|
77
77
|
};
|
|
78
78
|
Grey: {
|
|
79
|
-
base: import("
|
|
80
|
-
onBase: import("
|
|
81
|
-
container: import("
|
|
82
|
-
onContainer: import("
|
|
79
|
+
base: import("@omnia/fx-models").ColorDefinition;
|
|
80
|
+
onBase: import("@omnia/fx-models").ColorDefinition;
|
|
81
|
+
container: import("@omnia/fx-models").ColorDefinition;
|
|
82
|
+
onContainer: import("@omnia/fx-models").ColorDefinition;
|
|
83
83
|
};
|
|
84
84
|
LightBlue: {
|
|
85
|
-
base: import("
|
|
86
|
-
onBase: import("
|
|
87
|
-
container: import("
|
|
88
|
-
onContainer: import("
|
|
85
|
+
base: import("@omnia/fx-models").ColorDefinition;
|
|
86
|
+
onBase: import("@omnia/fx-models").ColorDefinition;
|
|
87
|
+
container: import("@omnia/fx-models").ColorDefinition;
|
|
88
|
+
onContainer: import("@omnia/fx-models").ColorDefinition;
|
|
89
89
|
};
|
|
90
90
|
};
|
|
91
91
|
export declare const AppChrome: {
|
|
92
|
-
Black: import("
|
|
93
|
-
White: import("
|
|
92
|
+
Black: import("@omnia/fx-models").ColorDefinition;
|
|
93
|
+
White: import("@omnia/fx-models").ColorDefinition;
|
|
94
94
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { Guid } from "@omnia/fx-models";
|
|
2
|
-
import {
|
|
1
|
+
import { ColorSchema, ThemeDefinitionV2, TypographyDefinition, Guid } from "@omnia/fx-models";
|
|
2
|
+
import { BlueprintDefinition } from "internal/fx/shared/models/theming/BlueprintDefinition";
|
|
3
3
|
export declare class LightThemeDefinition implements ThemeDefinitionV2 {
|
|
4
4
|
dark: boolean;
|
|
5
5
|
id: Guid;
|
|
@@ -13,6 +13,7 @@ export declare class LightThemeDefinition implements ThemeDefinitionV2 {
|
|
|
13
13
|
error: ColorSchema;
|
|
14
14
|
info: ColorSchema;
|
|
15
15
|
typography: TypographyDefinition;
|
|
16
|
+
blueprint: BlueprintDefinition;
|
|
16
17
|
constructor();
|
|
17
18
|
}
|
|
18
19
|
export declare class DarkThemeDefinition implements ThemeDefinitionV2 {
|
|
@@ -28,6 +29,7 @@ export declare class DarkThemeDefinition implements ThemeDefinitionV2 {
|
|
|
28
29
|
error: ColorSchema;
|
|
29
30
|
info: ColorSchema;
|
|
30
31
|
typography: TypographyDefinition;
|
|
32
|
+
blueprint: BlueprintDefinition;
|
|
31
33
|
constructor();
|
|
32
34
|
}
|
|
33
35
|
export declare class CustomTheme implements ThemeDefinitionV2 {
|
|
@@ -43,5 +45,6 @@ export declare class CustomTheme implements ThemeDefinitionV2 {
|
|
|
43
45
|
error: ColorSchema;
|
|
44
46
|
info: ColorSchema;
|
|
45
47
|
dark: boolean;
|
|
48
|
+
blueprint: BlueprintDefinition;
|
|
46
49
|
constructor(primary: string, secondary: string, accent1: string, accent2: string, accent3: string, neutral: string, background: string, typography: TypographyDefinition);
|
|
47
50
|
}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import { Guid } from "@omnia/fx-models";
|
|
2
|
-
import { TypographyDefinition, TypographyType } from "../../../shared/models";
|
|
1
|
+
import { Guid, TypographyDefinition, TypographyType } from "@omnia/fx-models";
|
|
3
2
|
export declare class DefaultTypography implements TypographyDefinition {
|
|
4
3
|
id: Guid;
|
|
5
4
|
h1: TypographyType;
|
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
import { VelcronAppDefinition } from "../core";
|
|
2
2
|
export interface VelcronBlockBlockSettings {
|
|
3
3
|
definition: VelcronAppDefinition;
|
|
4
|
-
colorSchema: string;
|
|
5
|
-
transparency: number;
|
|
6
4
|
}
|
|
7
5
|
declare const _default: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<unknown, never>, any, any, any>> & {
|
|
8
6
|
propsDefinition: import("vue-tsx-support").PropsForOutside<unknown, never>;
|
|
@@ -23,15 +23,23 @@ export interface BuiltInComponentRenderers {
|
|
|
23
23
|
"Icon": unknown;
|
|
24
24
|
"Chip": unknown;
|
|
25
25
|
}
|
|
26
|
-
export
|
|
26
|
+
export interface ColorSchemaReference {
|
|
27
|
+
name: string;
|
|
28
|
+
schema: string;
|
|
29
|
+
}
|
|
30
|
+
export interface VelcronState {
|
|
31
|
+
colorSchemas?: {
|
|
32
|
+
[key: string]: ColorSchemaReference;
|
|
33
|
+
};
|
|
34
|
+
}
|
|
27
35
|
export interface OnItemRenderedHookResult {
|
|
28
36
|
cssClass: string;
|
|
29
37
|
containerRenderer?: VelcronContainerRenderer;
|
|
30
38
|
}
|
|
31
39
|
export interface VelcronRenderContext {
|
|
32
40
|
id?: string;
|
|
33
|
-
rootContext:
|
|
34
|
-
currentContext:
|
|
41
|
+
rootContext: VelcronState;
|
|
42
|
+
currentContext: VelcronState;
|
|
35
43
|
theming?: ReturnType<typeof useVelcronThemingStore>;
|
|
36
44
|
colorSchemaName?: string;
|
|
37
45
|
colorSchema?: ColorSchema;
|
|
@@ -102,6 +110,7 @@ export interface VelcronDefinitionBase {
|
|
|
102
110
|
}
|
|
103
111
|
export interface VelcronCustomThemeSettings {
|
|
104
112
|
colorSchema?: string;
|
|
113
|
+
opacity?: number;
|
|
105
114
|
}
|
|
106
115
|
export interface VelcronDefinition extends VelcronDefinitionBase {
|
|
107
116
|
body?: Array<VelcronDefinition>;
|
|
@@ -145,7 +154,7 @@ export interface VelcronAppDefinition extends VelcronDefinitionBase {
|
|
|
145
154
|
[name: string]: [];
|
|
146
155
|
};
|
|
147
156
|
components?: Array<VelcronCustomComponentDefinition>;
|
|
148
|
-
state?:
|
|
157
|
+
state?: VelcronState;
|
|
149
158
|
computed?: {
|
|
150
159
|
[name: string]: [];
|
|
151
160
|
};
|
|
@@ -160,7 +169,7 @@ export interface VelcronViewDefinition extends VelcronDefinition {
|
|
|
160
169
|
style?: VelcronStyling;
|
|
161
170
|
events?: VelcronOnPressEvent;
|
|
162
171
|
}
|
|
163
|
-
export interface VelcronCardDefinition extends VelcronDefinition {
|
|
172
|
+
export interface VelcronCardDefinition extends VelcronDefinition, VelcronCustomThemeSettings {
|
|
164
173
|
type: "Card";
|
|
165
174
|
style?: VelcronCardStyling;
|
|
166
175
|
footer?: Array<VelcronDefinition>;
|
|
@@ -232,7 +241,6 @@ export interface VelcronFlexViewDefinition extends VelcronDefinition, VelcronCus
|
|
|
232
241
|
grow?: number;
|
|
233
242
|
border?: VelcronBorder;
|
|
234
243
|
borderRadius?: VelcronDimensions;
|
|
235
|
-
opacity: number;
|
|
236
244
|
width: string;
|
|
237
245
|
}
|
|
238
246
|
export interface VelcronDimensions {
|
|
@@ -244,10 +252,9 @@ export interface VelcronDimensions {
|
|
|
244
252
|
export interface VelcronBorder extends VelcronDimensions {
|
|
245
253
|
color: string;
|
|
246
254
|
}
|
|
247
|
-
export interface VelcronChipDefinition extends VelcronDefinition {
|
|
255
|
+
export interface VelcronChipDefinition extends VelcronDefinition, VelcronCustomThemeSettings {
|
|
248
256
|
type: "Chip";
|
|
249
257
|
text: string;
|
|
250
|
-
colorSchema: string;
|
|
251
258
|
icon?: VelcronIcon;
|
|
252
259
|
disabled?: boolean;
|
|
253
260
|
events?: VelcronOnPressEvent;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { BuiltInComponentRenderers,
|
|
1
|
+
import { BuiltInComponentRenderers, VelcronState, ResolvedComponentRenderer, VelcronCustomComponentDefinition, VelcronDefinition, VelcronRenderContext } from "../models";
|
|
2
2
|
export declare class VelcronRenderers {
|
|
3
3
|
private static components;
|
|
4
4
|
static registerComponent(type: string, component: any): void;
|
|
@@ -7,8 +7,8 @@ export declare class VelcronRenderers {
|
|
|
7
7
|
static registerComponents(components: BuiltInComponentRenderers): void;
|
|
8
8
|
static getComponent(definition: VelcronDefinition, renderContext: VelcronRenderContext): ResolvedComponentRenderer;
|
|
9
9
|
static definitionContainsCustomColorSchema(definition: VelcronDefinition): boolean;
|
|
10
|
-
static createNewRendererContext(currentRenderCtx: VelcronRenderContext, definition: VelcronDefinition, newViewModel?:
|
|
11
|
-
rootContext:
|
|
10
|
+
static createNewRendererContext(currentRenderCtx: VelcronRenderContext, definition: VelcronDefinition, newViewModel?: VelcronState): {
|
|
11
|
+
rootContext: VelcronState;
|
|
12
12
|
theming: {
|
|
13
13
|
state: {
|
|
14
14
|
currentTheme: import("@omnia/fx-models").ThemeDefinitionV2;
|
|
@@ -22,7 +22,7 @@ export declare class VelcronRenderers {
|
|
|
22
22
|
setTheme(newTheme: import("@omnia/fx-models").ThemeDefinitionV2): void;
|
|
23
23
|
};
|
|
24
24
|
};
|
|
25
|
-
currentContext:
|
|
25
|
+
currentContext: VelcronState;
|
|
26
26
|
actions: {
|
|
27
27
|
[name: string]: [];
|
|
28
28
|
};
|
|
@@ -32,5 +32,5 @@ export declare class VelcronRenderers {
|
|
|
32
32
|
[name: string]: [];
|
|
33
33
|
};
|
|
34
34
|
};
|
|
35
|
-
static ensureRenderContext(rendererInfo: ResolvedComponentRenderer, definition: VelcronDefinition, currentRenderCtx: VelcronRenderContext, newViewModel?:
|
|
35
|
+
static ensureRenderContext(rendererInfo: ResolvedComponentRenderer, definition: VelcronDefinition, currentRenderCtx: VelcronRenderContext, newViewModel?: VelcronState): VelcronRenderContext;
|
|
36
36
|
}
|
|
@@ -1,9 +1,12 @@
|
|
|
1
|
-
import { VelcronDefinition, VelcronRenderContext } from "../models";
|
|
1
|
+
import { VelcronBorder, VelcronCustomThemeSettings, VelcronDefinition, VelcronDimensions, VelcronRenderContext } from "../models";
|
|
2
2
|
import { VelcronUnitProvider } from "../models/VelcronUnitProvider";
|
|
3
3
|
export declare class VelcronStyles {
|
|
4
4
|
static styleProvider: (baseStyles: object, definition: VelcronDefinition, renderCtx: VelcronRenderContext) => any;
|
|
5
5
|
static unitProvider: VelcronUnitProvider;
|
|
6
6
|
static registerStyleProvider(fn: (styleBase: object, definition: VelcronDefinition, renderCtx: VelcronRenderContext) => object | string, unitProvider: VelcronUnitProvider): void;
|
|
7
|
+
static insertBackgroundColor(styleBase: any, definition: VelcronCustomThemeSettings, renderCtx: VelcronRenderContext): void;
|
|
8
|
+
static insertBorderRadiusStyles(styleBase: any, settings: VelcronDimensions): void;
|
|
9
|
+
static insertBorderStyles(styleBase: any, borderSettings: VelcronBorder, renderCtx: VelcronRenderContext): void;
|
|
7
10
|
static create(definition: VelcronDefinition, renderCtx: VelcronRenderContext): object | string;
|
|
8
11
|
static dataBindStyles(styles: object, renderCtx: VelcronRenderContext): object;
|
|
9
12
|
}
|
|
@@ -9,31 +9,27 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
|
|
|
9
9
|
eventHandlers: VelcronRenderContextEventHandlers;
|
|
10
10
|
themeStoreRegistrationHook: RegisterThemeStore;
|
|
11
11
|
rendererTheme: ThemeDefinitionV2;
|
|
12
|
-
|
|
13
|
-
}, "definition" | "rendererTheme" | "rendererSchema">, any, any, any>> & {
|
|
12
|
+
}, "definition" | "rendererTheme">, any, any, any>> & {
|
|
14
13
|
propsDefinition: import("vue-tsx-support").PropsForOutside<{
|
|
15
14
|
definition: VelcronAppDefinition;
|
|
16
15
|
definitionChanged: DefinitionChanged;
|
|
17
16
|
eventHandlers: VelcronRenderContextEventHandlers;
|
|
18
17
|
themeStoreRegistrationHook: RegisterThemeStore;
|
|
19
18
|
rendererTheme: ThemeDefinitionV2;
|
|
20
|
-
|
|
21
|
-
}, "definition" | "rendererTheme" | "rendererSchema">;
|
|
19
|
+
}, "definition" | "rendererTheme">;
|
|
22
20
|
}) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<any>, {}, import("vue-tsx-support").PropsForOutside<{
|
|
23
21
|
definition: VelcronAppDefinition;
|
|
24
22
|
definitionChanged: DefinitionChanged;
|
|
25
23
|
eventHandlers: VelcronRenderContextEventHandlers;
|
|
26
24
|
themeStoreRegistrationHook: RegisterThemeStore;
|
|
27
25
|
rendererTheme: ThemeDefinitionV2;
|
|
28
|
-
|
|
29
|
-
}, "definition" | "rendererTheme" | "rendererSchema">, any, any, any>> & {
|
|
26
|
+
}, "definition" | "rendererTheme">, any, any, any>> & {
|
|
30
27
|
propsDefinition: import("vue-tsx-support").PropsForOutside<{
|
|
31
28
|
definition: VelcronAppDefinition;
|
|
32
29
|
definitionChanged: DefinitionChanged;
|
|
33
30
|
eventHandlers: VelcronRenderContextEventHandlers;
|
|
34
31
|
themeStoreRegistrationHook: RegisterThemeStore;
|
|
35
32
|
rendererTheme: ThemeDefinitionV2;
|
|
36
|
-
|
|
37
|
-
}, "definition" | "rendererTheme" | "rendererSchema">;
|
|
33
|
+
}, "definition" | "rendererTheme">;
|
|
38
34
|
});
|
|
39
35
|
export default _default;
|
|
@@ -1,18 +1,22 @@
|
|
|
1
1
|
declare const _default: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<{
|
|
2
2
|
model: string;
|
|
3
3
|
onChange: (value: string) => void;
|
|
4
|
+
label: string;
|
|
4
5
|
}, "onChange" | "model">, any, any, any>> & {
|
|
5
6
|
propsDefinition: import("vue-tsx-support").PropsForOutside<{
|
|
6
7
|
model: string;
|
|
7
8
|
onChange: (value: string) => void;
|
|
9
|
+
label: string;
|
|
8
10
|
}, "onChange" | "model">;
|
|
9
11
|
}) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<() => VueTsxSupport.JSX.Element>, {}, import("vue-tsx-support").PropsForOutside<{
|
|
10
12
|
model: string;
|
|
11
13
|
onChange: (value: string) => void;
|
|
14
|
+
label: string;
|
|
12
15
|
}, "onChange" | "model">, any, any, any>> & {
|
|
13
16
|
propsDefinition: import("vue-tsx-support").PropsForOutside<{
|
|
14
17
|
model: string;
|
|
15
18
|
onChange: (value: string) => void;
|
|
19
|
+
label: string;
|
|
16
20
|
}, "onChange" | "model">;
|
|
17
21
|
});
|
|
18
22
|
export default _default;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { VelcronState } from "@omnia/fx-models";
|
|
2
|
+
declare const _default: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<{
|
|
3
|
+
model: VelcronState;
|
|
4
|
+
onChange: (value: VelcronState) => void;
|
|
5
|
+
}, "onChange" | "model">, any, any, any>> & {
|
|
6
|
+
propsDefinition: import("vue-tsx-support").PropsForOutside<{
|
|
7
|
+
model: VelcronState;
|
|
8
|
+
onChange: (value: VelcronState) => void;
|
|
9
|
+
}, "onChange" | "model">;
|
|
10
|
+
}) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<() => VueTsxSupport.JSX.Element>, {}, import("vue-tsx-support").PropsForOutside<{
|
|
11
|
+
model: VelcronState;
|
|
12
|
+
onChange: (value: VelcronState) => void;
|
|
13
|
+
}, "onChange" | "model">, any, any, any>> & {
|
|
14
|
+
propsDefinition: import("vue-tsx-support").PropsForOutside<{
|
|
15
|
+
model: VelcronState;
|
|
16
|
+
onChange: (value: VelcronState) => void;
|
|
17
|
+
}, "onChange" | "model">;
|
|
18
|
+
});
|
|
19
|
+
export default _default;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
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<unknown, never>, any, any, any>;
|
|
2
|
+
export default _default;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { VelcronAppDefinition, VelcronRenderContext } from "@omnia/fx-models";
|
|
2
2
|
import { ThemeDefinitionV2, useVelcronThemingStore, VelcronRenderContextEventHandlers } from "../core";
|
|
3
|
-
export type RegisterThemingStore = (store: typeof useVelcronThemingStore) => void;
|
|
3
|
+
export type RegisterThemingStore = (store: ReturnType<typeof useVelcronThemingStore>) => void;
|
|
4
4
|
declare const _default: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<{
|
|
5
5
|
definition: VelcronAppDefinition;
|
|
6
6
|
context: VelcronRenderContext;
|
|
@@ -103,7 +103,6 @@ import wcb5315b31203e4bd1beb3c33f2122cbfe from './ux/signin/SignInPage';
|
|
|
103
103
|
import wce4b25c06803a417a9c4aa4b7280a599b from './ux/signin/SignInBlock';
|
|
104
104
|
import wcbc3b9409639d45829a6e58a4295bc470 from './ux/signin/omnia/Renderer';
|
|
105
105
|
import wcf297290b5ea4409a9738ca880f1ea612 from './ux/signout/SignOut';
|
|
106
|
-
import wc5abbb7170e454f0d8cb537bcad180cd7 from './ux/theming-v2/themeeditor/ThemeEditor';
|
|
107
106
|
import wc0beecee9c6ce42c88bd468bde23f9f32 from './ux/user/components/PropertyConfigurationRenderer';
|
|
108
107
|
import wc8f4747f0b0884fd2a3b60baef21b67fc from './ux/user/components/UserPropertyProviderDisplay';
|
|
109
108
|
import wc909b95011fbe44c28440ad9cd6aaff85 from './ux/user/components/UserPropertyProviderEditor';
|
|
@@ -116,6 +115,7 @@ import wc5b26d2a399c041f3beae9c1115d6e8d8 from './ux/usertypelayout/UserTypeLayo
|
|
|
116
115
|
import wc80bd5b0978ea40439001d3d409236382 from './ux/velcron/blocks/VelcronBlock';
|
|
117
116
|
import wce8526e8ed3f74e848e0dd747fd4d376d from './ux/velcron/blocks/VelcronBlockSettings';
|
|
118
117
|
import wc327aebb7d6ce4565bf119cf67e121d1a from './ux/velcron/editor/components/pickers/colorpicker/ColorPicker';
|
|
118
|
+
import wc511447a5fd2646af910064ed9970d82e from './ux/velcron/editor/components/pickers/colorschemamapper/ColorSchemaMapper';
|
|
119
119
|
import wc1266389c28034034921b897f788f302d from './ux/velcron/editor/components/pickers/ColorSchemaPicker/ColorSchemaPicker';
|
|
120
120
|
import wc3cd2da446d21461e8149e6c8334a36f4 from './ux/velcron/editor/components/pickers/ratiopicker/RatioPicker';
|
|
121
121
|
import wc8420a0b507e14a288c2d895471739f1d from './ux/velcron/editor/components/pickers/typographypicker/TypographyPicker';
|
|
@@ -233,7 +233,6 @@ declare global {
|
|
|
233
233
|
"omfx-signin-block": base.CombinedTsxComponentAttrs<typeof wce4b25c06803a417a9c4aa4b7280a599b.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
|
|
234
234
|
"omfx-signin-omnia": base.CombinedTsxComponentAttrs<typeof wcbc3b9409639d45829a6e58a4295bc470.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
|
|
235
235
|
"omfx-signout": base.CombinedTsxComponentAttrs<typeof wcf297290b5ea4409a9738ca880f1ea612.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
|
|
236
|
-
"omfx-theme-editor-v2": base.CombinedTsxComponentAttrs<typeof wc5abbb7170e454f0d8cb537bcad180cd7.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
|
|
237
236
|
"omfx-properties-user-configuration-renderer": base.CombinedTsxComponentAttrs<typeof wc0beecee9c6ce42c88bd468bde23f9f32.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
|
|
238
237
|
"omfx-properties-user-provider-display": base.CombinedTsxComponentAttrs<typeof wc8f4747f0b0884fd2a3b60baef21b67fc.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
|
|
239
238
|
"omfx-properties-user-provider-editor": base.CombinedTsxComponentAttrs<typeof wc909b95011fbe44c28440ad9cd6aaff85.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
|
|
@@ -246,6 +245,7 @@ declare global {
|
|
|
246
245
|
"omfx-velcron-block": base.CombinedTsxComponentAttrs<typeof wc80bd5b0978ea40439001d3d409236382.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
|
|
247
246
|
"omfx-velcron-block-settings": base.CombinedTsxComponentAttrs<typeof wce8526e8ed3f74e848e0dd747fd4d376d.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
|
|
248
247
|
"omfx-color-picker-schema": base.CombinedTsxComponentAttrs<typeof wc327aebb7d6ce4565bf119cf67e121d1a.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
|
|
248
|
+
"omfx-color-schema-mapper": base.CombinedTsxComponentAttrs<typeof wc511447a5fd2646af910064ed9970d82e.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
|
|
249
249
|
"omfx-color-schema-picker": base.CombinedTsxComponentAttrs<typeof wc1266389c28034034921b897f788f302d.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
|
|
250
250
|
"omfx-ratio-picker": base.CombinedTsxComponentAttrs<typeof wc3cd2da446d21461e8149e6c8334a36f4.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
|
|
251
251
|
"omfx-typography-picker-schema": base.CombinedTsxComponentAttrs<typeof wc8420a0b507e14a288c2d895471739f1d.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.525-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.525-dev",
|
|
24
24
|
"@microsoft/signalr": "6.0.1",
|
|
25
25
|
"broadcast-channel": "4.8.0",
|
|
26
26
|
"dayjs": "1.10.7",
|