@omnia/fx 8.0.173-dev → 8.0.175-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/core/services/ServiceLocator.d.ts +1 -0
- package/internal-do-not-import-from-here/services/FileStorageService.d.ts +5 -1
- package/internal-do-not-import-from-here/ux/aurora/components/colorpickerV2/ColorPicker.d.ts +45 -24
- package/internal-do-not-import-from-here/ux/aurora/store/SpacingBlueprintStore.d.ts +341 -0
- package/internal-do-not-import-from-here/ux/aurora/store/TypographyBlueprintStore.d.ts +341 -0
- package/internal-do-not-import-from-here/ux/directives/Directives.d.ts +5 -1
- package/internal-do-not-import-from-here/ux/directives/motion/Motion.d.ts +1 -0
- package/internal-do-not-import-from-here/ux/models/MotionDirective.d.ts +6 -0
- package/internal-do-not-import-from-here/ux/models/index.d.ts +1 -0
- package/internal-do-not-import-from-here/ux/oxide/btn/Button.d.ts +9 -9
- package/internal-do-not-import-from-here/ux/oxide/icon/Icon.d.ts +9 -9
- package/internal-do-not-import-from-here/ux/oxide/inputfield/InputField.d.ts +13 -492
- package/internal-do-not-import-from-here/ux/oxide/slidepanel/SlidePanel.d.ts +2 -2
- package/internal-do-not-import-from-here/ux/use/UseInterSectionObserver.d.ts +0 -1
- package/internal-do-not-import-from-here/ux/velcron/blocks/velcron/useVelcronStateManager.d.ts +4 -1
- package/internal-do-not-import-from-here/ux/velcron/components/contenteditorNew/VelcronContentEditor.d.ts +50 -0
- package/internal-do-not-import-from-here/ux/velcron/components/contenteditorNew/components/DefinitionToolbar.d.ts +8 -3
- package/internal-do-not-import-from-here/ux/velcron/components/contenteditorNew/stores/ContentEditorStore.d.ts +10 -0
- package/internal-do-not-import-from-here/ux/velcron/core/models/Effects.d.ts +324 -0
- package/internal-do-not-import-from-here/ux/velcron/core/models/VelcronDefinitions.d.ts +4 -1
- package/internal-do-not-import-from-here/ux/velcron/core/models/VelcronState.d.ts +15 -23
- package/internal-do-not-import-from-here/ux/velcron/core/models/index.d.ts +1 -0
- package/internal-do-not-import-from-here/ux/velcron/core/templatebuilder/VelcronEditorBuilder.d.ts +3 -1
- package/internal-do-not-import-from-here/ux/velcron/core/templatebuilder/old/state/VelcronColorSchemaBuilder.d.ts +2 -2
- package/internal-do-not-import-from-here/ux/velcron/renderer/editors/BlueprintEditor.d.ts +1 -22
- package/internal-do-not-import-from-here/ux/velcron/renderer/editors/MarkdownEditor.d.ts +22 -1
- package/internal-do-not-import-from-here/ux/velcron/renderer/editors/SliderEditor.d.ts +22 -1
- package/internal-do-not-import-from-here/ux/velcron/renderer/editors/SwitchEditor.d.ts +22 -0
- package/internal-do-not-import-from-here/ux/velcron/renderer/editors/TextEditor.d.ts +22 -1
- package/internal-do-not-import-from-here/ux/velcron/renderer/editors/TypographyEditor.d.ts +22 -1
- package/internal-do-not-import-from-here/ux/velcron/stores/useVelcronStateManager.d.ts +4 -1
- package/package.json +2 -2
@@ -83,6 +83,9 @@ declare const _default: {
|
|
83
83
|
deleteDefinition: {
|
84
84
|
subscribe(fn: (definition: VelcronContentInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
85
85
|
};
|
86
|
+
deleteReferenceDefinition: {
|
87
|
+
subscribe(fn: (definition: VelcronContentInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
88
|
+
};
|
86
89
|
removeActiveDefinition: {
|
87
90
|
subscribe(fn: () => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
88
91
|
};
|
@@ -130,6 +133,9 @@ declare const _default: {
|
|
130
133
|
deleteDefinition: {
|
131
134
|
subscribe(fn: (result: void, definition: VelcronContentInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
132
135
|
};
|
136
|
+
deleteReferenceDefinition: {
|
137
|
+
subscribe(fn: (result: any, definition: VelcronContentInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
138
|
+
};
|
133
139
|
removeActiveDefinition: {
|
134
140
|
subscribe(fn: (result: void) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
135
141
|
};
|
@@ -177,6 +183,9 @@ declare const _default: {
|
|
177
183
|
deleteDefinition: {
|
178
184
|
subscribe(fn: (failureReason: any, definition: VelcronContentInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
179
185
|
};
|
186
|
+
deleteReferenceDefinition: {
|
187
|
+
subscribe(fn: (failureReason: any, definition: VelcronContentInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
188
|
+
};
|
180
189
|
removeActiveDefinition: {
|
181
190
|
subscribe(fn: (failureReason: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
182
191
|
};
|
@@ -214,6 +223,7 @@ declare const _default: {
|
|
214
223
|
addDefinition(definition: import("@omnia/fx-models").VelcronDefinitionRegistration<object>, setAsActive?: boolean): void;
|
215
224
|
setActiveDefinition(definition: VelcronContentInstance): void;
|
216
225
|
deleteDefinition(definition: VelcronContentInstance): void;
|
226
|
+
deleteReferenceDefinition(definition: VelcronContentInstance): any;
|
217
227
|
removeActiveDefinition(): void;
|
218
228
|
setSelectedDefinition(definition: VelcronContentInstance): void;
|
219
229
|
removeSelectedDefinition(): void;
|
@@ -307,6 +317,9 @@ declare const _default: {
|
|
307
317
|
deleteDefinition: {
|
308
318
|
subscribe(fn: (definition: VelcronContentInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
309
319
|
};
|
320
|
+
deleteReferenceDefinition: {
|
321
|
+
subscribe(fn: (definition: VelcronContentInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
322
|
+
};
|
310
323
|
removeActiveDefinition: {
|
311
324
|
subscribe(fn: () => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
312
325
|
};
|
@@ -354,6 +367,9 @@ declare const _default: {
|
|
354
367
|
deleteDefinition: {
|
355
368
|
subscribe(fn: (result: void, definition: VelcronContentInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
356
369
|
};
|
370
|
+
deleteReferenceDefinition: {
|
371
|
+
subscribe(fn: (result: any, definition: VelcronContentInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
372
|
+
};
|
357
373
|
removeActiveDefinition: {
|
358
374
|
subscribe(fn: (result: void) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
359
375
|
};
|
@@ -401,6 +417,9 @@ declare const _default: {
|
|
401
417
|
deleteDefinition: {
|
402
418
|
subscribe(fn: (failureReason: any, definition: VelcronContentInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
403
419
|
};
|
420
|
+
deleteReferenceDefinition: {
|
421
|
+
subscribe(fn: (failureReason: any, definition: VelcronContentInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
422
|
+
};
|
404
423
|
removeActiveDefinition: {
|
405
424
|
subscribe(fn: (failureReason: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
406
425
|
};
|
@@ -438,6 +457,7 @@ declare const _default: {
|
|
438
457
|
addDefinition(definition: import("@omnia/fx-models").VelcronDefinitionRegistration<object>, setAsActive?: boolean): void;
|
439
458
|
setActiveDefinition(definition: VelcronContentInstance): void;
|
440
459
|
deleteDefinition(definition: VelcronContentInstance): void;
|
460
|
+
deleteReferenceDefinition(definition: VelcronContentInstance): any;
|
441
461
|
removeActiveDefinition(): void;
|
442
462
|
setSelectedDefinition(definition: VelcronContentInstance): void;
|
443
463
|
removeSelectedDefinition(): void;
|
@@ -534,6 +554,9 @@ declare const _default: {
|
|
534
554
|
deleteDefinition: {
|
535
555
|
subscribe(fn: (definition: VelcronContentInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
536
556
|
};
|
557
|
+
deleteReferenceDefinition: {
|
558
|
+
subscribe(fn: (definition: VelcronContentInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
559
|
+
};
|
537
560
|
removeActiveDefinition: {
|
538
561
|
subscribe(fn: () => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
539
562
|
};
|
@@ -581,6 +604,9 @@ declare const _default: {
|
|
581
604
|
deleteDefinition: {
|
582
605
|
subscribe(fn: (result: void, definition: VelcronContentInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
583
606
|
};
|
607
|
+
deleteReferenceDefinition: {
|
608
|
+
subscribe(fn: (result: any, definition: VelcronContentInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
609
|
+
};
|
584
610
|
removeActiveDefinition: {
|
585
611
|
subscribe(fn: (result: void) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
586
612
|
};
|
@@ -628,6 +654,9 @@ declare const _default: {
|
|
628
654
|
deleteDefinition: {
|
629
655
|
subscribe(fn: (failureReason: any, definition: VelcronContentInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
630
656
|
};
|
657
|
+
deleteReferenceDefinition: {
|
658
|
+
subscribe(fn: (failureReason: any, definition: VelcronContentInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
659
|
+
};
|
631
660
|
removeActiveDefinition: {
|
632
661
|
subscribe(fn: (failureReason: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
633
662
|
};
|
@@ -665,6 +694,7 @@ declare const _default: {
|
|
665
694
|
addDefinition(definition: import("@omnia/fx-models").VelcronDefinitionRegistration<object>, setAsActive?: boolean): void;
|
666
695
|
setActiveDefinition(definition: VelcronContentInstance): void;
|
667
696
|
deleteDefinition(definition: VelcronContentInstance): void;
|
697
|
+
deleteReferenceDefinition(definition: VelcronContentInstance): any;
|
668
698
|
removeActiveDefinition(): void;
|
669
699
|
setSelectedDefinition(definition: VelcronContentInstance): void;
|
670
700
|
removeSelectedDefinition(): void;
|
@@ -758,6 +788,9 @@ declare const _default: {
|
|
758
788
|
deleteDefinition: {
|
759
789
|
subscribe(fn: (definition: VelcronContentInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
760
790
|
};
|
791
|
+
deleteReferenceDefinition: {
|
792
|
+
subscribe(fn: (definition: VelcronContentInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
793
|
+
};
|
761
794
|
removeActiveDefinition: {
|
762
795
|
subscribe(fn: () => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
763
796
|
};
|
@@ -805,6 +838,9 @@ declare const _default: {
|
|
805
838
|
deleteDefinition: {
|
806
839
|
subscribe(fn: (result: void, definition: VelcronContentInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
807
840
|
};
|
841
|
+
deleteReferenceDefinition: {
|
842
|
+
subscribe(fn: (result: any, definition: VelcronContentInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
843
|
+
};
|
808
844
|
removeActiveDefinition: {
|
809
845
|
subscribe(fn: (result: void) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
810
846
|
};
|
@@ -852,6 +888,9 @@ declare const _default: {
|
|
852
888
|
deleteDefinition: {
|
853
889
|
subscribe(fn: (failureReason: any, definition: VelcronContentInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
854
890
|
};
|
891
|
+
deleteReferenceDefinition: {
|
892
|
+
subscribe(fn: (failureReason: any, definition: VelcronContentInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
893
|
+
};
|
855
894
|
removeActiveDefinition: {
|
856
895
|
subscribe(fn: (failureReason: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
857
896
|
};
|
@@ -889,6 +928,7 @@ declare const _default: {
|
|
889
928
|
addDefinition(definition: import("@omnia/fx-models").VelcronDefinitionRegistration<object>, setAsActive?: boolean): void;
|
890
929
|
setActiveDefinition(definition: VelcronContentInstance): void;
|
891
930
|
deleteDefinition(definition: VelcronContentInstance): void;
|
931
|
+
deleteReferenceDefinition(definition: VelcronContentInstance): any;
|
892
932
|
removeActiveDefinition(): void;
|
893
933
|
setSelectedDefinition(definition: VelcronContentInstance): void;
|
894
934
|
removeSelectedDefinition(): void;
|
@@ -975,6 +1015,9 @@ declare const _default: {
|
|
975
1015
|
deleteDefinition: {
|
976
1016
|
subscribe(fn: (definition: VelcronContentInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
977
1017
|
};
|
1018
|
+
deleteReferenceDefinition: {
|
1019
|
+
subscribe(fn: (definition: VelcronContentInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
1020
|
+
};
|
978
1021
|
removeActiveDefinition: {
|
979
1022
|
subscribe(fn: () => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
980
1023
|
};
|
@@ -1022,6 +1065,9 @@ declare const _default: {
|
|
1022
1065
|
deleteDefinition: {
|
1023
1066
|
subscribe(fn: (result: void, definition: VelcronContentInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
1024
1067
|
};
|
1068
|
+
deleteReferenceDefinition: {
|
1069
|
+
subscribe(fn: (result: any, definition: VelcronContentInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
1070
|
+
};
|
1025
1071
|
removeActiveDefinition: {
|
1026
1072
|
subscribe(fn: (result: void) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
1027
1073
|
};
|
@@ -1069,6 +1115,9 @@ declare const _default: {
|
|
1069
1115
|
deleteDefinition: {
|
1070
1116
|
subscribe(fn: (failureReason: any, definition: VelcronContentInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
1071
1117
|
};
|
1118
|
+
deleteReferenceDefinition: {
|
1119
|
+
subscribe(fn: (failureReason: any, definition: VelcronContentInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
1120
|
+
};
|
1072
1121
|
removeActiveDefinition: {
|
1073
1122
|
subscribe(fn: (failureReason: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
1074
1123
|
};
|
@@ -1106,6 +1155,7 @@ declare const _default: {
|
|
1106
1155
|
addDefinition(definition: import("@omnia/fx-models").VelcronDefinitionRegistration<object>, setAsActive?: boolean): void;
|
1107
1156
|
setActiveDefinition(definition: VelcronContentInstance): void;
|
1108
1157
|
deleteDefinition(definition: VelcronContentInstance): void;
|
1158
|
+
deleteReferenceDefinition(definition: VelcronContentInstance): any;
|
1109
1159
|
removeActiveDefinition(): void;
|
1110
1160
|
setSelectedDefinition(definition: VelcronContentInstance): void;
|
1111
1161
|
removeSelectedDefinition(): void;
|
@@ -1,15 +1,18 @@
|
|
1
1
|
import { VelcronContentInstance } from "../models";
|
2
|
+
type ToolbarVariant = "default" | "reference";
|
2
3
|
declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
|
3
4
|
"v-model"?: VelcronContentInstance;
|
4
5
|
} & {
|
5
6
|
"onUpdate:modelValue"?: (value: VelcronContentInstance) => void;
|
6
7
|
} & {
|
7
8
|
modelValue?: VelcronContentInstance;
|
8
|
-
}
|
9
|
+
} & {
|
10
|
+
variant?: ToolbarVariant;
|
11
|
+
}> & Omit<{}, "v-model" | "onUpdate:modelValue" | "modelValue" | "variant"> & {
|
9
12
|
"v-slots"?: {
|
10
13
|
default?: import("vue").Slot;
|
11
14
|
} & {};
|
12
|
-
} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "v-model" | "onUpdate:modelValue" | "modelValue">) => {
|
15
|
+
} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "v-model" | "onUpdate:modelValue" | "modelValue" | "variant">) => {
|
13
16
|
$: import("vue").ComponentInternalInstance;
|
14
17
|
$data: {};
|
15
18
|
$props: {};
|
@@ -53,11 +56,13 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
|
|
53
56
|
"onUpdate:modelValue"?: (value: VelcronContentInstance) => void;
|
54
57
|
} & {
|
55
58
|
modelValue?: VelcronContentInstance;
|
59
|
+
} & {
|
60
|
+
variant?: ToolbarVariant;
|
56
61
|
}> & {
|
57
62
|
"v-slots"?: {
|
58
63
|
default?: import("vue").Slot;
|
59
64
|
} & {};
|
60
|
-
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "v-model" | "onUpdate:modelValue" | "modelValue">;
|
65
|
+
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "v-model" | "onUpdate:modelValue" | "modelValue" | "variant">;
|
61
66
|
} & import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
62
67
|
[key: string]: any;
|
63
68
|
}>;
|
@@ -64,6 +64,9 @@ export declare const useVelcronContentEditorStore: () => {
|
|
64
64
|
deleteDefinition: {
|
65
65
|
subscribe(fn: (definition: VelcronContentInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
66
66
|
};
|
67
|
+
deleteReferenceDefinition: {
|
68
|
+
subscribe(fn: (definition: VelcronContentInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
69
|
+
};
|
67
70
|
removeActiveDefinition: {
|
68
71
|
subscribe(fn: () => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
69
72
|
};
|
@@ -111,6 +114,9 @@ export declare const useVelcronContentEditorStore: () => {
|
|
111
114
|
deleteDefinition: {
|
112
115
|
subscribe(fn: (result: void, definition: VelcronContentInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
113
116
|
};
|
117
|
+
deleteReferenceDefinition: {
|
118
|
+
subscribe(fn: (result: any, definition: VelcronContentInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
119
|
+
};
|
114
120
|
removeActiveDefinition: {
|
115
121
|
subscribe(fn: (result: void) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
116
122
|
};
|
@@ -158,6 +164,9 @@ export declare const useVelcronContentEditorStore: () => {
|
|
158
164
|
deleteDefinition: {
|
159
165
|
subscribe(fn: (failureReason: any, definition: VelcronContentInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
160
166
|
};
|
167
|
+
deleteReferenceDefinition: {
|
168
|
+
subscribe(fn: (failureReason: any, definition: VelcronContentInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
169
|
+
};
|
161
170
|
removeActiveDefinition: {
|
162
171
|
subscribe(fn: (failureReason: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
|
163
172
|
};
|
@@ -195,6 +204,7 @@ export declare const useVelcronContentEditorStore: () => {
|
|
195
204
|
addDefinition(definition: VelcronDefinitionRegistration, setAsActive?: boolean): void;
|
196
205
|
setActiveDefinition(definition: VelcronContentInstance): void;
|
197
206
|
deleteDefinition(definition: VelcronContentInstance): void;
|
207
|
+
deleteReferenceDefinition(definition: VelcronContentInstance): any;
|
198
208
|
removeActiveDefinition(): void;
|
199
209
|
setSelectedDefinition(definition: VelcronContentInstance): void;
|
200
210
|
removeSelectedDefinition(): void;
|
@@ -0,0 +1,324 @@
|
|
1
|
+
export type VelcronEffects = {
|
2
|
+
initial?: Variant;
|
3
|
+
enter?: Variant;
|
4
|
+
leave?: Variant;
|
5
|
+
visible?: Variant;
|
6
|
+
visibleOnce?: Variant;
|
7
|
+
hovered?: Variant;
|
8
|
+
tapped?: Variant;
|
9
|
+
focused?: Variant;
|
10
|
+
};
|
11
|
+
type Variant = {
|
12
|
+
transition?: Transition;
|
13
|
+
} & MotionProperties;
|
14
|
+
type Transition = (Orchestration & Repeat & TransitionDefinition) | (Orchestration & Repeat & TransitionMap);
|
15
|
+
type Easing = [number, number, number, number] | "linear" | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
|
16
|
+
type ResolvedKeyframesTarget = [null, ...number[]] | number[] | [null, ...string[]] | string[];
|
17
|
+
type KeyframesTarget = ResolvedKeyframesTarget;
|
18
|
+
type ResolvedSingleTarget = string | number;
|
19
|
+
type SingleTarget = ResolvedSingleTarget;
|
20
|
+
type ValueTarget = SingleTarget | KeyframesTarget;
|
21
|
+
type TransitionMap = Orchestration & Record<string, TransitionDefinition>;
|
22
|
+
/**
|
23
|
+
* Transform properties
|
24
|
+
*/
|
25
|
+
type TransformValue = string | number;
|
26
|
+
interface TransformProperties {
|
27
|
+
x?: TransformValue | TransformValue[];
|
28
|
+
y?: TransformValue | TransformValue[];
|
29
|
+
z?: TransformValue | TransformValue[];
|
30
|
+
translateX?: TransformValue | TransformValue[];
|
31
|
+
translateY?: TransformValue | TransformValue[];
|
32
|
+
translateZ?: TransformValue | TransformValue[];
|
33
|
+
rotate?: TransformValue | TransformValue[];
|
34
|
+
rotateX?: TransformValue | TransformValue[];
|
35
|
+
rotateY?: TransformValue | TransformValue[];
|
36
|
+
rotateZ?: TransformValue | TransformValue[];
|
37
|
+
scale?: TransformValue | TransformValue[];
|
38
|
+
scaleX?: TransformValue | TransformValue[];
|
39
|
+
scaleY?: TransformValue | TransformValue[];
|
40
|
+
scaleZ?: TransformValue | TransformValue[];
|
41
|
+
skew?: TransformValue | TransformValue[];
|
42
|
+
skewX?: TransformValue | TransformValue[];
|
43
|
+
skewY?: TransformValue | TransformValue[];
|
44
|
+
originX?: TransformValue | TransformValue[];
|
45
|
+
originY?: TransformValue | TransformValue[];
|
46
|
+
originZ?: TransformValue | TransformValue[];
|
47
|
+
perspective?: TransformValue | TransformValue[];
|
48
|
+
transformPerspective?: TransformValue | TransformValue[];
|
49
|
+
}
|
50
|
+
/**
|
51
|
+
* Relevant styling properties
|
52
|
+
*/
|
53
|
+
type StyleProperties = {
|
54
|
+
color: string;
|
55
|
+
};
|
56
|
+
/**
|
57
|
+
* Available properties for useMotion variants
|
58
|
+
*/
|
59
|
+
type MotionProperties = StyleProperties | TransformProperties;
|
60
|
+
interface Orchestration {
|
61
|
+
/**
|
62
|
+
* Delay the animation by this duration (in seconds). Defaults to `0`.
|
63
|
+
*/
|
64
|
+
delay?: number;
|
65
|
+
/**
|
66
|
+
* Callback triggered on animation complete.
|
67
|
+
*/
|
68
|
+
onComplete?: () => void;
|
69
|
+
/**
|
70
|
+
* Should the value be set imediately
|
71
|
+
*/
|
72
|
+
immediate?: boolean;
|
73
|
+
}
|
74
|
+
interface Repeat {
|
75
|
+
/**
|
76
|
+
* The number of times to repeat the transition. Set to `Infinity` for perpetual repeating.
|
77
|
+
*
|
78
|
+
* Without setting `repeatType`, this will loop the animation.
|
79
|
+
*/
|
80
|
+
repeat?: number;
|
81
|
+
/**
|
82
|
+
* How to repeat the animation. This can be either:
|
83
|
+
*
|
84
|
+
* "loop": Repeats the animation from the start
|
85
|
+
*
|
86
|
+
* "reverse": Alternates between forward and backwards playback
|
87
|
+
*
|
88
|
+
* "mirror": Switchs `from` and `to` alternately
|
89
|
+
*/
|
90
|
+
repeatType?: "loop" | "reverse" | "mirror";
|
91
|
+
/**
|
92
|
+
* When repeating an animation, `repeatDelay` will set the
|
93
|
+
* duration of the time to wait, in seconds, between each repetition.
|
94
|
+
*/
|
95
|
+
repeatDelay?: number;
|
96
|
+
}
|
97
|
+
type PermissiveTransitionDefinition = Record<string, any>;
|
98
|
+
type TransitionDefinition = Tween | Spring | Keyframes | Inertia | PermissiveTransitionDefinition;
|
99
|
+
interface Tween extends Repeat {
|
100
|
+
/**
|
101
|
+
* Set `type` to `"tween"` to use a duration-based tween animation.
|
102
|
+
* If any non-orchestration `transition` values are set without a `type` property,
|
103
|
+
* this is used as the default animation.
|
104
|
+
*/
|
105
|
+
type?: "tween";
|
106
|
+
/**
|
107
|
+
* The duration of the tween animation. Set to `0.3` by default, 0r `0.8` if animating a series of keyframes.
|
108
|
+
*/
|
109
|
+
duration?: number;
|
110
|
+
/**
|
111
|
+
* The easing function to use. Set as one of the below.
|
112
|
+
*
|
113
|
+
* - The name of an existing easing function.
|
114
|
+
* - An array of four numbers to define a cubic bezier curve.
|
115
|
+
* - An easing function, that accepts and returns a value `0-1`.
|
116
|
+
*
|
117
|
+
* If the animating value is set as an array of multiple values for a keyframes
|
118
|
+
* animation, `ease` can be set as an array of easing functions to set different easings between
|
119
|
+
* each of those values.
|
120
|
+
*/
|
121
|
+
ease?: Easing | Easing[];
|
122
|
+
/**
|
123
|
+
* The duration of time already elapsed in the animation. Set to `0` by
|
124
|
+
* default.
|
125
|
+
*/
|
126
|
+
elapsed?: number;
|
127
|
+
/**
|
128
|
+
* When animating keyframes, `times` can be used to determine where in the animation each keyframe is reached.
|
129
|
+
* Each value in `times` is a value between `0` and `1`, representing `duration`.
|
130
|
+
*
|
131
|
+
* There must be the same number of `times` as there are keyframes.
|
132
|
+
* Defaults to an array of evenly-spread durations.
|
133
|
+
*/
|
134
|
+
times?: number[];
|
135
|
+
/**
|
136
|
+
* When animating keyframes, `easings` can be used to define easing functions between each keyframe. This array should be one item fewer than the number of keyframes, as these easings apply to the transitions between the keyframes.
|
137
|
+
*/
|
138
|
+
easings?: Easing[];
|
139
|
+
/**
|
140
|
+
* The value to animate from.
|
141
|
+
* By default, this is the current state of the animating value.
|
142
|
+
*/
|
143
|
+
from?: number | string;
|
144
|
+
to?: number | string | ValueTarget;
|
145
|
+
velocity?: number;
|
146
|
+
delay?: number;
|
147
|
+
}
|
148
|
+
interface Spring extends Repeat {
|
149
|
+
/**
|
150
|
+
* Set `type` to `"spring"` to animate using spring physics for natural
|
151
|
+
* movement. Type is set to `"spring"` by default.
|
152
|
+
*/
|
153
|
+
type: "spring";
|
154
|
+
/**
|
155
|
+
* Stiffness of the spring. Higher values will create more sudden movement.
|
156
|
+
* Set to `100` by default.
|
157
|
+
*/
|
158
|
+
stiffness?: number;
|
159
|
+
/**
|
160
|
+
* Strength of opposing force. If set to 0, spring will oscillate
|
161
|
+
* indefinitely. Set to `10` by default.
|
162
|
+
*/
|
163
|
+
damping?: number;
|
164
|
+
/**
|
165
|
+
* Mass of the moving object. Higher values will result in more lethargic
|
166
|
+
* movement. Set to `1` by default.
|
167
|
+
*/
|
168
|
+
mass?: number;
|
169
|
+
/**
|
170
|
+
* The duration of the animation, defined in seconds. Spring animations can be a maximum of 10 seconds.
|
171
|
+
*
|
172
|
+
* If `bounce` is set, this defaults to `0.8`.
|
173
|
+
*
|
174
|
+
* Note: `duration` and `bounce` will be overridden if `stiffness`, `damping` or `mass` are set.
|
175
|
+
*/
|
176
|
+
duration?: number;
|
177
|
+
/**
|
178
|
+
* `bounce` determines the "bounciness" of a spring animation.
|
179
|
+
*
|
180
|
+
* `0` is no bounce, and `1` is extremely bouncy.
|
181
|
+
*
|
182
|
+
* If `duration` is set, this defaults to `0.25`.
|
183
|
+
*
|
184
|
+
* Note: `bounce` and `duration` will be overridden if `stiffness`, `damping` or `mass` are set.
|
185
|
+
*/
|
186
|
+
bounce?: number;
|
187
|
+
/**
|
188
|
+
* End animation if absolute speed (in units per second) drops below this
|
189
|
+
* value and delta is smaller than `restDelta`. Set to `0.01` by default.
|
190
|
+
*/
|
191
|
+
restSpeed?: number;
|
192
|
+
/**
|
193
|
+
* End animation if distance is below this value and speed is below
|
194
|
+
* `restSpeed`. When animation ends, spring gets “snapped” to. Set to
|
195
|
+
* `0.01` by default.
|
196
|
+
*/
|
197
|
+
restDelta?: number;
|
198
|
+
/**
|
199
|
+
* The value to animate from.
|
200
|
+
* By default, this is the initial state of the animating value.
|
201
|
+
*/
|
202
|
+
from?: number | string;
|
203
|
+
to?: number | string | ValueTarget;
|
204
|
+
/**
|
205
|
+
* The initial velocity of the spring. By default this is the current velocity of the component.
|
206
|
+
*/
|
207
|
+
velocity?: number;
|
208
|
+
delay?: number;
|
209
|
+
}
|
210
|
+
/**
|
211
|
+
* Keyframes tweens between multiple `values`.
|
212
|
+
*
|
213
|
+
* These tweens can be arranged using the `duration`, `easings`, and `times` properties.
|
214
|
+
*/
|
215
|
+
interface Keyframes {
|
216
|
+
/**
|
217
|
+
* Set `type` to `"keyframes"` to animate using the keyframes animation.
|
218
|
+
* Set to `"tween"` by default. This can be used to animate between a series of values.
|
219
|
+
*/
|
220
|
+
type: "keyframes";
|
221
|
+
/**
|
222
|
+
* An array of values to animate between.
|
223
|
+
*/
|
224
|
+
values: KeyframesTarget;
|
225
|
+
/**
|
226
|
+
* An array of numbers between 0 and 1, where `1` represents the `total` duration.
|
227
|
+
*
|
228
|
+
* Each value represents at which point during the animation each item in the animation target should be hit, so the array should be the same length as `values`.
|
229
|
+
*
|
230
|
+
* Defaults to an array of evenly-spread durations.
|
231
|
+
*/
|
232
|
+
times?: number[];
|
233
|
+
/**
|
234
|
+
* An array of easing functions for each generated tween, or a single easing function applied to all tweens.
|
235
|
+
*
|
236
|
+
* This array should be one item less than `values`, as these easings apply to the transitions *between* the `values`.
|
237
|
+
*/
|
238
|
+
ease?: Easing | Easing[];
|
239
|
+
/**
|
240
|
+
* Popmotion's easing prop to define individual easings. `ease` will be mapped to this prop in keyframes animations.
|
241
|
+
*/
|
242
|
+
easings?: Easing | Easing[];
|
243
|
+
elapsed?: number;
|
244
|
+
/**
|
245
|
+
* The total duration of the animation. Set to `0.3` by default.
|
246
|
+
*/
|
247
|
+
duration?: number;
|
248
|
+
repeatDelay?: number;
|
249
|
+
from?: number | string;
|
250
|
+
to?: number | string | ValueTarget;
|
251
|
+
velocity?: number;
|
252
|
+
delay?: number;
|
253
|
+
}
|
254
|
+
/**
|
255
|
+
* An animation that decelerates a value based on its initial velocity,
|
256
|
+
* usually used to implement inertial scrolling.
|
257
|
+
*
|
258
|
+
* Optionally, `min` and `max` boundaries can be defined, and inertia
|
259
|
+
* will snap to these with a spring animation.
|
260
|
+
*
|
261
|
+
* This animation will automatically precalculate a target value,
|
262
|
+
* which can be modified with the `modifyTarget` property.
|
263
|
+
*
|
264
|
+
* This allows you to add snap-to-grid or similar functionality.
|
265
|
+
*
|
266
|
+
* Inertia is also the animation used for `dragTransition`, and can be configured via that prop.
|
267
|
+
*/
|
268
|
+
interface Inertia {
|
269
|
+
/**
|
270
|
+
* Set `type` to animate using the inertia animation. Set to `"tween"` by
|
271
|
+
* default. This can be used for natural deceleration, like momentum scrolling.
|
272
|
+
*/
|
273
|
+
type: "inertia";
|
274
|
+
/**
|
275
|
+
* A function that receives the automatically-calculated target and returns a new one. Useful for snapping the target to a grid.
|
276
|
+
*/
|
277
|
+
modifyTarget?(v: number): number;
|
278
|
+
/**
|
279
|
+
* If `min` or `max` is set, this affects the stiffness of the bounce
|
280
|
+
* spring. Higher values will create more sudden movement. Set to `500` by
|
281
|
+
* default.
|
282
|
+
*/
|
283
|
+
bounceStiffness?: number;
|
284
|
+
/**
|
285
|
+
* If `min` or `max` is set, this affects the damping of the bounce spring.
|
286
|
+
* If set to `0`, spring will oscillate indefinitely. Set to `10` by
|
287
|
+
* default.
|
288
|
+
*/
|
289
|
+
bounceDamping?: number;
|
290
|
+
/**
|
291
|
+
* A higher power value equals a further target. Set to `0.8` by default.
|
292
|
+
*/
|
293
|
+
power?: number;
|
294
|
+
/**
|
295
|
+
* Adjusting the time constant will change the duration of the
|
296
|
+
* deceleration, thereby affecting its feel. Set to `700` by default.
|
297
|
+
*/
|
298
|
+
timeConstant?: number;
|
299
|
+
/**
|
300
|
+
* End the animation if the distance to the animation target is below this value, and the absolute speed is below `restSpeed`.
|
301
|
+
* When the animation ends, the value gets snapped to the animation target. Set to `0.01` by default.
|
302
|
+
* Generally the default values provide smooth animation endings, only in rare cases should you need to customize these.
|
303
|
+
*/
|
304
|
+
restDelta?: number;
|
305
|
+
/**
|
306
|
+
* Minimum constraint. If set, the value will "bump" against this value (or immediately spring to it if the animation starts as less than this value).
|
307
|
+
*/
|
308
|
+
min?: number;
|
309
|
+
/**
|
310
|
+
* Maximum constraint. If set, the value will "bump" against this value (or immediately snap to it, if the initial animation value exceeds this value).
|
311
|
+
*/
|
312
|
+
max?: number;
|
313
|
+
/**
|
314
|
+
* The value to animate from. By default, this is the current state of the animating value.
|
315
|
+
*/
|
316
|
+
from?: number | string;
|
317
|
+
/**
|
318
|
+
* The initial velocity of the animation.
|
319
|
+
* By default this is the current velocity of the component.
|
320
|
+
*/
|
321
|
+
velocity?: number;
|
322
|
+
delay?: number;
|
323
|
+
}
|
324
|
+
export {};
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import { VelcronOnUpdatedEvent, VelcronOnClosedEvent, VelcronOnCloseRequestedEvent, VelcronOnPressEvent, VelcronSpacing, VelcronStyling, VelcronCustomComponentDefinition, VelcronAppDefinition, VelcronRendererResolverReference, EventHook, Future, TextBlueprint, VelcronBindableProp, VelcronEditor, ContainerBlueprint, BackgroundDefinition, ContainerVariant } from "@omnia/fx-models/internal-do-not-import-from-here/shared/models";
|
2
2
|
import { VelcroncomponentArrayType, VelcronPrimitiveType } from "./VelcronTypes";
|
3
3
|
import { AssignOperators, VelcronHorizontalAlignments, VelcronIconTypes, VelcronActionTypes, VelcronVerticalAlignments } from "./Enums";
|
4
|
-
import { DynamicState, VelcronDefinition, useVelcronThemingStore } from "..";
|
4
|
+
import { DynamicState, VelcronDefinition, VelcronEffects, useVelcronThemingStore } from "..";
|
5
5
|
import { GuidValue, PropertyConfiguration, PropertyValue, PropertyDefinition, PropertySetupBase } from "@omnia/fx/models";
|
6
6
|
import { useVelcronColorSchemaStore } from "../stores/VelcronColorSchema";
|
7
7
|
export interface ResolvedComponentRenderer {
|
@@ -67,7 +67,9 @@ export interface VelcronRenderContext {
|
|
67
67
|
$editmode?: boolean;
|
68
68
|
$active?: boolean;
|
69
69
|
disposers: Array<() => void>;
|
70
|
+
baseDefinition?: VelcronAppDefinition;
|
70
71
|
subApp?: boolean;
|
72
|
+
subAppreferenceId?: GuidValue;
|
71
73
|
}
|
72
74
|
export interface VelcronRenderContextEventHandlers {
|
73
75
|
receiving?: {
|
@@ -174,6 +176,7 @@ export interface VelcronFlexRowDefinition extends VelcronDefinition, VelcronColo
|
|
174
176
|
minWidth?: number | string;
|
175
177
|
height?: number | string;
|
176
178
|
minHeight?: number | string;
|
179
|
+
effects?: VelcronEffects;
|
177
180
|
}
|
178
181
|
export interface VelcronFlexColumnDefinition extends VelcronDefinition, VelcronColorStyling {
|
179
182
|
type: "column";
|