@glissade/browser 0.18.0-pre.5 → 0.18.0

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.
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "0.18.0-pre.5",
2
+ "version": "0.18.0",
3
3
  "nodes": {
4
4
  "Group": {
5
5
  "props": {
@@ -56,6 +56,30 @@
56
56
  "animatable": true,
57
57
  "target": "<id>/zIndex",
58
58
  "arity": 1
59
+ },
60
+ "id": {
61
+ "type": "string",
62
+ "animatable": false
63
+ },
64
+ "blend": {
65
+ "type": "BlendMode",
66
+ "animatable": false
67
+ },
68
+ "filters": {
69
+ "type": "FilterSpec[]",
70
+ "animatable": false
71
+ },
72
+ "anchor": {
73
+ "type": "AnchorSpec",
74
+ "animatable": false
75
+ },
76
+ "cache": {
77
+ "type": "boolean",
78
+ "animatable": false
79
+ },
80
+ "children": {
81
+ "type": "Node[]",
82
+ "animatable": false
59
83
  }
60
84
  }
61
85
  },
@@ -154,6 +178,38 @@
154
178
  "animatable": true,
155
179
  "target": "<id>/cornerRadius",
156
180
  "arity": 1
181
+ },
182
+ "id": {
183
+ "type": "string",
184
+ "animatable": false
185
+ },
186
+ "blend": {
187
+ "type": "BlendMode",
188
+ "animatable": false
189
+ },
190
+ "filters": {
191
+ "type": "FilterSpec[]",
192
+ "animatable": false
193
+ },
194
+ "anchor": {
195
+ "type": "AnchorSpec",
196
+ "animatable": false
197
+ },
198
+ "cache": {
199
+ "type": "boolean",
200
+ "animatable": false
201
+ },
202
+ "sketch": {
203
+ "type": "SketchStyle",
204
+ "animatable": false
205
+ },
206
+ "sketchFill": {
207
+ "type": "HachureSpec",
208
+ "animatable": false
209
+ },
210
+ "sketchSeed": {
211
+ "type": "number",
212
+ "animatable": false
157
213
  }
158
214
  }
159
215
  },
@@ -240,6 +296,38 @@
240
296
  "animatable": true,
241
297
  "target": "<id>/radius",
242
298
  "arity": 1
299
+ },
300
+ "id": {
301
+ "type": "string",
302
+ "animatable": false
303
+ },
304
+ "blend": {
305
+ "type": "BlendMode",
306
+ "animatable": false
307
+ },
308
+ "filters": {
309
+ "type": "FilterSpec[]",
310
+ "animatable": false
311
+ },
312
+ "anchor": {
313
+ "type": "AnchorSpec",
314
+ "animatable": false
315
+ },
316
+ "cache": {
317
+ "type": "boolean",
318
+ "animatable": false
319
+ },
320
+ "sketch": {
321
+ "type": "SketchStyle",
322
+ "animatable": false
323
+ },
324
+ "sketchFill": {
325
+ "type": "HachureSpec",
326
+ "animatable": false
327
+ },
328
+ "sketchSeed": {
329
+ "type": "number",
330
+ "animatable": false
243
331
  }
244
332
  }
245
333
  },
@@ -325,6 +413,38 @@
325
413
  "type": "path",
326
414
  "animatable": true,
327
415
  "target": "<id>/d"
416
+ },
417
+ "id": {
418
+ "type": "string",
419
+ "animatable": false
420
+ },
421
+ "blend": {
422
+ "type": "BlendMode",
423
+ "animatable": false
424
+ },
425
+ "filters": {
426
+ "type": "FilterSpec[]",
427
+ "animatable": false
428
+ },
429
+ "anchor": {
430
+ "type": "AnchorSpec",
431
+ "animatable": false
432
+ },
433
+ "cache": {
434
+ "type": "boolean",
435
+ "animatable": false
436
+ },
437
+ "sketch": {
438
+ "type": "SketchStyle",
439
+ "animatable": false
440
+ },
441
+ "sketchFill": {
442
+ "type": "HachureSpec",
443
+ "animatable": false
444
+ },
445
+ "sketchSeed": {
446
+ "type": "number",
447
+ "animatable": false
328
448
  }
329
449
  }
330
450
  },
@@ -411,6 +531,46 @@
411
531
  "animatable": true,
412
532
  "target": "<id>/reveal",
413
533
  "arity": 1
534
+ },
535
+ "id": {
536
+ "type": "string",
537
+ "animatable": false
538
+ },
539
+ "blend": {
540
+ "type": "BlendMode",
541
+ "animatable": false
542
+ },
543
+ "filters": {
544
+ "type": "FilterSpec[]",
545
+ "animatable": false
546
+ },
547
+ "anchor": {
548
+ "type": "AnchorSpec",
549
+ "animatable": false
550
+ },
551
+ "cache": {
552
+ "type": "boolean",
553
+ "animatable": false
554
+ },
555
+ "fontFamily": {
556
+ "type": "string",
557
+ "animatable": false
558
+ },
559
+ "fontWeight": {
560
+ "type": "number",
561
+ "animatable": false
562
+ },
563
+ "fontStyle": {
564
+ "type": "'normal'|'italic'",
565
+ "animatable": false
566
+ },
567
+ "align": {
568
+ "type": "'left'|'center'|'right'",
569
+ "animatable": false
570
+ },
571
+ "lineHeight": {
572
+ "type": "number",
573
+ "animatable": false
414
574
  }
415
575
  }
416
576
  },
@@ -481,6 +641,31 @@
481
641
  "animatable": true,
482
642
  "target": "<id>/height",
483
643
  "arity": 1
644
+ },
645
+ "id": {
646
+ "type": "string",
647
+ "animatable": false
648
+ },
649
+ "blend": {
650
+ "type": "BlendMode",
651
+ "animatable": false
652
+ },
653
+ "filters": {
654
+ "type": "FilterSpec[]",
655
+ "animatable": false
656
+ },
657
+ "anchor": {
658
+ "type": "AnchorSpec",
659
+ "animatable": false
660
+ },
661
+ "cache": {
662
+ "type": "boolean",
663
+ "animatable": false
664
+ },
665
+ "assetId": {
666
+ "type": "string",
667
+ "animatable": false,
668
+ "required": true
484
669
  }
485
670
  }
486
671
  },
@@ -551,8 +736,529 @@
551
736
  "animatable": true,
552
737
  "target": "<id>/height",
553
738
  "arity": 1
739
+ },
740
+ "id": {
741
+ "type": "string",
742
+ "animatable": false
743
+ },
744
+ "blend": {
745
+ "type": "BlendMode",
746
+ "animatable": false
747
+ },
748
+ "filters": {
749
+ "type": "FilterSpec[]",
750
+ "animatable": false
751
+ },
752
+ "anchor": {
753
+ "type": "AnchorSpec",
754
+ "animatable": false
755
+ },
756
+ "cache": {
757
+ "type": "boolean",
758
+ "animatable": false
759
+ },
760
+ "assetId": {
761
+ "type": "string",
762
+ "animatable": false,
763
+ "required": true
764
+ },
765
+ "at": {
766
+ "type": "number",
767
+ "animatable": false
768
+ },
769
+ "trimStart": {
770
+ "type": "number",
771
+ "animatable": false
772
+ },
773
+ "playbackRate": {
774
+ "type": "number",
775
+ "animatable": false
776
+ },
777
+ "clipDuration": {
778
+ "type": "number",
779
+ "animatable": false
780
+ },
781
+ "sourceFps": {
782
+ "type": "number",
783
+ "animatable": false
554
784
  }
555
785
  }
786
+ },
787
+ "Layout": {
788
+ "props": {
789
+ "position": {
790
+ "type": "vec2",
791
+ "animatable": true,
792
+ "target": "<id>/position",
793
+ "arity": 2
794
+ },
795
+ "position.x": {
796
+ "type": "number",
797
+ "animatable": true,
798
+ "target": "<id>/position.x",
799
+ "arity": 1
800
+ },
801
+ "position.y": {
802
+ "type": "number",
803
+ "animatable": true,
804
+ "target": "<id>/position.y",
805
+ "arity": 1
806
+ },
807
+ "rotation": {
808
+ "type": "number",
809
+ "animatable": true,
810
+ "target": "<id>/rotation",
811
+ "arity": 1
812
+ },
813
+ "scale": {
814
+ "type": "vec2",
815
+ "animatable": true,
816
+ "target": "<id>/scale",
817
+ "arity": 2
818
+ },
819
+ "scale.x": {
820
+ "type": "number",
821
+ "animatable": true,
822
+ "target": "<id>/scale.x",
823
+ "arity": 1
824
+ },
825
+ "scale.y": {
826
+ "type": "number",
827
+ "animatable": true,
828
+ "target": "<id>/scale.y",
829
+ "arity": 1
830
+ },
831
+ "opacity": {
832
+ "type": "number",
833
+ "animatable": true,
834
+ "target": "<id>/opacity",
835
+ "arity": 1
836
+ },
837
+ "zIndex": {
838
+ "type": "number",
839
+ "animatable": true,
840
+ "target": "<id>/zIndex",
841
+ "arity": 1
842
+ },
843
+ "id": {
844
+ "type": "string",
845
+ "animatable": false
846
+ },
847
+ "blend": {
848
+ "type": "BlendMode",
849
+ "animatable": false
850
+ },
851
+ "filters": {
852
+ "type": "FilterSpec[]",
853
+ "animatable": false
854
+ },
855
+ "anchor": {
856
+ "type": "AnchorSpec",
857
+ "animatable": false
858
+ },
859
+ "cache": {
860
+ "type": "boolean",
861
+ "animatable": false
862
+ },
863
+ "width": {
864
+ "type": "number",
865
+ "animatable": true,
866
+ "target": "<id>/width",
867
+ "arity": 1
868
+ },
869
+ "height": {
870
+ "type": "number",
871
+ "animatable": true,
872
+ "target": "<id>/height",
873
+ "arity": 1
874
+ },
875
+ "gap": {
876
+ "type": "number",
877
+ "animatable": true,
878
+ "target": "<id>/gap",
879
+ "arity": 1
880
+ },
881
+ "padding": {
882
+ "type": "number",
883
+ "animatable": true,
884
+ "target": "<id>/padding",
885
+ "arity": 1
886
+ },
887
+ "direction": {
888
+ "type": "'row'|'column'",
889
+ "animatable": false
890
+ },
891
+ "justify": {
892
+ "type": "'start'|'center'|'end'|'space-between'|'space-around'",
893
+ "animatable": false
894
+ },
895
+ "align": {
896
+ "type": "'start'|'center'|'end'|'stretch'",
897
+ "animatable": false
898
+ },
899
+ "children": {
900
+ "type": "Node[]",
901
+ "animatable": false
902
+ }
903
+ },
904
+ "subpath": "@glissade/scene/layout"
905
+ },
906
+ "Stack": {
907
+ "props": {
908
+ "position": {
909
+ "type": "vec2",
910
+ "animatable": true,
911
+ "target": "<id>/position",
912
+ "arity": 2
913
+ },
914
+ "position.x": {
915
+ "type": "number",
916
+ "animatable": true,
917
+ "target": "<id>/position.x",
918
+ "arity": 1
919
+ },
920
+ "position.y": {
921
+ "type": "number",
922
+ "animatable": true,
923
+ "target": "<id>/position.y",
924
+ "arity": 1
925
+ },
926
+ "rotation": {
927
+ "type": "number",
928
+ "animatable": true,
929
+ "target": "<id>/rotation",
930
+ "arity": 1
931
+ },
932
+ "scale": {
933
+ "type": "vec2",
934
+ "animatable": true,
935
+ "target": "<id>/scale",
936
+ "arity": 2
937
+ },
938
+ "scale.x": {
939
+ "type": "number",
940
+ "animatable": true,
941
+ "target": "<id>/scale.x",
942
+ "arity": 1
943
+ },
944
+ "scale.y": {
945
+ "type": "number",
946
+ "animatable": true,
947
+ "target": "<id>/scale.y",
948
+ "arity": 1
949
+ },
950
+ "opacity": {
951
+ "type": "number",
952
+ "animatable": true,
953
+ "target": "<id>/opacity",
954
+ "arity": 1
955
+ },
956
+ "zIndex": {
957
+ "type": "number",
958
+ "animatable": true,
959
+ "target": "<id>/zIndex",
960
+ "arity": 1
961
+ },
962
+ "id": {
963
+ "type": "string",
964
+ "animatable": false
965
+ },
966
+ "blend": {
967
+ "type": "BlendMode",
968
+ "animatable": false
969
+ },
970
+ "filters": {
971
+ "type": "FilterSpec[]",
972
+ "animatable": false
973
+ },
974
+ "anchor": {
975
+ "type": "AnchorSpec",
976
+ "animatable": false
977
+ },
978
+ "cache": {
979
+ "type": "boolean",
980
+ "animatable": false
981
+ },
982
+ "width": {
983
+ "type": "number",
984
+ "animatable": true,
985
+ "target": "<id>/width",
986
+ "arity": 1
987
+ },
988
+ "height": {
989
+ "type": "number",
990
+ "animatable": true,
991
+ "target": "<id>/height",
992
+ "arity": 1
993
+ },
994
+ "gap": {
995
+ "type": "number",
996
+ "animatable": true,
997
+ "target": "<id>/gap",
998
+ "arity": 1
999
+ },
1000
+ "padding": {
1001
+ "type": "number",
1002
+ "animatable": true,
1003
+ "target": "<id>/padding",
1004
+ "arity": 1
1005
+ },
1006
+ "direction": {
1007
+ "type": "'row'|'column'",
1008
+ "animatable": false
1009
+ },
1010
+ "justify": {
1011
+ "type": "'start'|'center'|'end'|'space-between'|'space-around'",
1012
+ "animatable": false
1013
+ },
1014
+ "align": {
1015
+ "type": "'start'|'center'|'end'|'stretch'",
1016
+ "animatable": false
1017
+ },
1018
+ "children": {
1019
+ "type": "Node[]",
1020
+ "animatable": false
1021
+ }
1022
+ },
1023
+ "subpath": "@glissade/scene/layout"
1024
+ },
1025
+ "Row": {
1026
+ "props": {
1027
+ "position": {
1028
+ "type": "vec2",
1029
+ "animatable": true,
1030
+ "target": "<id>/position",
1031
+ "arity": 2
1032
+ },
1033
+ "position.x": {
1034
+ "type": "number",
1035
+ "animatable": true,
1036
+ "target": "<id>/position.x",
1037
+ "arity": 1
1038
+ },
1039
+ "position.y": {
1040
+ "type": "number",
1041
+ "animatable": true,
1042
+ "target": "<id>/position.y",
1043
+ "arity": 1
1044
+ },
1045
+ "rotation": {
1046
+ "type": "number",
1047
+ "animatable": true,
1048
+ "target": "<id>/rotation",
1049
+ "arity": 1
1050
+ },
1051
+ "scale": {
1052
+ "type": "vec2",
1053
+ "animatable": true,
1054
+ "target": "<id>/scale",
1055
+ "arity": 2
1056
+ },
1057
+ "scale.x": {
1058
+ "type": "number",
1059
+ "animatable": true,
1060
+ "target": "<id>/scale.x",
1061
+ "arity": 1
1062
+ },
1063
+ "scale.y": {
1064
+ "type": "number",
1065
+ "animatable": true,
1066
+ "target": "<id>/scale.y",
1067
+ "arity": 1
1068
+ },
1069
+ "opacity": {
1070
+ "type": "number",
1071
+ "animatable": true,
1072
+ "target": "<id>/opacity",
1073
+ "arity": 1
1074
+ },
1075
+ "zIndex": {
1076
+ "type": "number",
1077
+ "animatable": true,
1078
+ "target": "<id>/zIndex",
1079
+ "arity": 1
1080
+ },
1081
+ "id": {
1082
+ "type": "string",
1083
+ "animatable": false
1084
+ },
1085
+ "blend": {
1086
+ "type": "BlendMode",
1087
+ "animatable": false
1088
+ },
1089
+ "filters": {
1090
+ "type": "FilterSpec[]",
1091
+ "animatable": false
1092
+ },
1093
+ "anchor": {
1094
+ "type": "AnchorSpec",
1095
+ "animatable": false
1096
+ },
1097
+ "cache": {
1098
+ "type": "boolean",
1099
+ "animatable": false
1100
+ },
1101
+ "width": {
1102
+ "type": "number",
1103
+ "animatable": true,
1104
+ "target": "<id>/width",
1105
+ "arity": 1
1106
+ },
1107
+ "height": {
1108
+ "type": "number",
1109
+ "animatable": true,
1110
+ "target": "<id>/height",
1111
+ "arity": 1
1112
+ },
1113
+ "gap": {
1114
+ "type": "number",
1115
+ "animatable": true,
1116
+ "target": "<id>/gap",
1117
+ "arity": 1
1118
+ },
1119
+ "padding": {
1120
+ "type": "number",
1121
+ "animatable": true,
1122
+ "target": "<id>/padding",
1123
+ "arity": 1
1124
+ },
1125
+ "direction": {
1126
+ "type": "'row'|'column'",
1127
+ "animatable": false
1128
+ },
1129
+ "justify": {
1130
+ "type": "'start'|'center'|'end'|'space-between'|'space-around'",
1131
+ "animatable": false
1132
+ },
1133
+ "align": {
1134
+ "type": "'start'|'center'|'end'|'stretch'",
1135
+ "animatable": false
1136
+ },
1137
+ "children": {
1138
+ "type": "Node[]",
1139
+ "animatable": false
1140
+ }
1141
+ },
1142
+ "subpath": "@glissade/scene/layout"
1143
+ },
1144
+ "Column": {
1145
+ "props": {
1146
+ "position": {
1147
+ "type": "vec2",
1148
+ "animatable": true,
1149
+ "target": "<id>/position",
1150
+ "arity": 2
1151
+ },
1152
+ "position.x": {
1153
+ "type": "number",
1154
+ "animatable": true,
1155
+ "target": "<id>/position.x",
1156
+ "arity": 1
1157
+ },
1158
+ "position.y": {
1159
+ "type": "number",
1160
+ "animatable": true,
1161
+ "target": "<id>/position.y",
1162
+ "arity": 1
1163
+ },
1164
+ "rotation": {
1165
+ "type": "number",
1166
+ "animatable": true,
1167
+ "target": "<id>/rotation",
1168
+ "arity": 1
1169
+ },
1170
+ "scale": {
1171
+ "type": "vec2",
1172
+ "animatable": true,
1173
+ "target": "<id>/scale",
1174
+ "arity": 2
1175
+ },
1176
+ "scale.x": {
1177
+ "type": "number",
1178
+ "animatable": true,
1179
+ "target": "<id>/scale.x",
1180
+ "arity": 1
1181
+ },
1182
+ "scale.y": {
1183
+ "type": "number",
1184
+ "animatable": true,
1185
+ "target": "<id>/scale.y",
1186
+ "arity": 1
1187
+ },
1188
+ "opacity": {
1189
+ "type": "number",
1190
+ "animatable": true,
1191
+ "target": "<id>/opacity",
1192
+ "arity": 1
1193
+ },
1194
+ "zIndex": {
1195
+ "type": "number",
1196
+ "animatable": true,
1197
+ "target": "<id>/zIndex",
1198
+ "arity": 1
1199
+ },
1200
+ "id": {
1201
+ "type": "string",
1202
+ "animatable": false
1203
+ },
1204
+ "blend": {
1205
+ "type": "BlendMode",
1206
+ "animatable": false
1207
+ },
1208
+ "filters": {
1209
+ "type": "FilterSpec[]",
1210
+ "animatable": false
1211
+ },
1212
+ "anchor": {
1213
+ "type": "AnchorSpec",
1214
+ "animatable": false
1215
+ },
1216
+ "cache": {
1217
+ "type": "boolean",
1218
+ "animatable": false
1219
+ },
1220
+ "width": {
1221
+ "type": "number",
1222
+ "animatable": true,
1223
+ "target": "<id>/width",
1224
+ "arity": 1
1225
+ },
1226
+ "height": {
1227
+ "type": "number",
1228
+ "animatable": true,
1229
+ "target": "<id>/height",
1230
+ "arity": 1
1231
+ },
1232
+ "gap": {
1233
+ "type": "number",
1234
+ "animatable": true,
1235
+ "target": "<id>/gap",
1236
+ "arity": 1
1237
+ },
1238
+ "padding": {
1239
+ "type": "number",
1240
+ "animatable": true,
1241
+ "target": "<id>/padding",
1242
+ "arity": 1
1243
+ },
1244
+ "direction": {
1245
+ "type": "'row'|'column'",
1246
+ "animatable": false
1247
+ },
1248
+ "justify": {
1249
+ "type": "'start'|'center'|'end'|'space-between'|'space-around'",
1250
+ "animatable": false
1251
+ },
1252
+ "align": {
1253
+ "type": "'start'|'center'|'end'|'stretch'",
1254
+ "animatable": false
1255
+ },
1256
+ "children": {
1257
+ "type": "Node[]",
1258
+ "animatable": false
1259
+ }
1260
+ },
1261
+ "subpath": "@glissade/scene/layout"
556
1262
  }
557
1263
  },
558
1264
  "valueTypes": [
@@ -610,7 +1316,7 @@
610
1316
  },
611
1317
  {
612
1318
  "name": "stagger",
613
- "signature": "stagger<T>(targets, { to, from?, duration?, ease? }, { each, anchor?, at? }): TimelineBuilder"
1319
+ "signature": "stagger<T>(targets, { to, from?, duration?, ease? }, { each: number | ((rank, count) => number), anchor?, at? }): TimelineBuilder"
614
1320
  },
615
1321
  {
616
1322
  "name": "set",
@@ -654,7 +1360,7 @@
654
1360
  }
655
1361
  ]
656
1362
  },
657
- "createScene": "createScene({ size: { w, h }, children: Node[] }): Scene",
1363
+ "createScene": "createScene({ size: { w, h }, children: Node[] }): Scene — media assets are declared on the Timeline document: timeline({ assets: { <id>: { kind: 'image'|'video', url } } }); an Image/Video node's `assetId` names an entry here.",
658
1364
  "subpaths": {
659
1365
  "@glissade/core/clips": "motion clips: clip/clipList + the popIn/slideIn/pulse/driftLoop literals, presence (enter/exit) and morph (box-FLIP) build-time sugar.",
660
1366
  "@glissade/core/i18n": "localization: requireParity (id-set diff), localize (doc→doc resolver), t() ambient-table sugar.",