UNPKG

joicomponents

Version:

Design patterns to build native web components

github.com/orstavik/JoiComponents

orstavik/JoiComponents

347 lines (327 loc) • 34.6 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
import {CssValueTokenizer} from "../../../src/style/CssValueParser.js"; function tokensToArray(tokens) { const res = []; for (let t; t = tokens.next();) res.push(t); return res; } /* var test2 = "#00ff00 #FFFFFF #FF0099FF #123456 #f09 #ff0099"; var test3 = "yellow blue transparent skyblue ghostwhite whitesmoke"; var test4 = "rgba(0, 0, -255, 0.5) rgb(100%, 0%, 0%) rgba(100%, 0%, 0%, 1) hsl(0, 100%, 50%) hsl(120, 100%, 50%) hsla(240, 100%, 50%, 0.5)"; var test5 = 'url("./abcd.png") url("http://mysite.example.com/mycursor.png") url("./abc/def.png") '; var test6 = "matrix3d(12,12) rotate3d(1, -1, 1, 45deg) rotate(23deg) calc(12vw * 20%) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -50, -100, 0, 1.1) var(--custom-prop, red)"; var test6a = " "; // var test3 = "rotate(23deg) calc(12vw * 20%), var(--custom-prop), url('https://wow.com/img.jpg?size=12,24,,,')"; // var test4 = " +20px -12.20px .5e-125 sugarwhite"; // WRONG var test7 = "#00f red-blue #1234567890 #red "; var test8 = "rgba(0,0,255,0.5 rgb(123, 100 100) rgba(100%0%0%1) hsl(120, 100%, 25% hsl(120100%25%) hsl(120 100%, 25%) "; var test9 = 'url(abcdef.png") url("http://mysite.example.com/mycursor.png" url(".abc / def") '; hashcolors functions quotes operators (all of them) longer spaces words with -_-_ errors, wrong quotes wrong hashcolors (should be tokenized) */ describe('Tokenizer', function () { it("words: red blue", function () { const tokens = new CssValueTokenizer("red blue"); const tokensRes = tokensToArray(tokens); expect(tokensRes).to.deep.equal([ ["red", undefined, undefined, undefined, "red", undefined, undefined, undefined, undefined, undefined, undefined, undefined], [" ", " ", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["blue", undefined, undefined, undefined, "blue", undefined, undefined, undefined, undefined, undefined, undefined, undefined], ]); }); it("numbers: -124px +3.5px 100 +2.1vw -.4px -4.5 1.2 .3 .5e-125 34%", function () { const tokens = new CssValueTokenizer("-124px +3.5px 100 +2.1vw -.4px -4.5 1.2 .3 .5e-125 5e12 34%"); const tokensRes = tokensToArray(tokens); expect(tokensRes).to.deep.equal([ ["-124", undefined, "-124", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["px", undefined, undefined, undefined, "px", undefined, undefined, undefined, undefined, undefined, undefined, undefined], [" ", " ", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["+3.5", undefined, "+3.5", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["px", undefined, undefined, undefined, "px", undefined, undefined, undefined, undefined, undefined, undefined, undefined], [" ", " ", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["100", undefined, "100", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], [" ", " ", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["+2.1", undefined, "+2.1", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["vw", undefined, undefined, undefined, "vw", undefined, undefined, undefined, undefined, undefined, undefined, undefined], [" ", " ", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["-.4", undefined, "-.4", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["px", undefined, undefined, undefined, "px", undefined, undefined, undefined, undefined, undefined, undefined, undefined], [" ", " ", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["-4.5", undefined, "-4.5", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], [" ", " ", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["1.2", undefined, "1.2", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], [" ", " ", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], [".3", undefined, ".3", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], [" ", " ", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], [".5e-125", undefined, ".5e-125", "e-125", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], [" ", " ", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["5e12", undefined, "5e12", "e12", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], [" ", " ", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["34", undefined, "34", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["%", undefined, undefined, undefined, undefined, undefined, "%", undefined, undefined, undefined, undefined, undefined], ]); }); it("colors: yellow blue transparent skyblue ghostwhite whitesmoke", function () { const tokens = new CssValueTokenizer("yellow blue transparent skyblue ghostwhite whitesmoke"); const tokensRes = tokensToArray(tokens); expect(tokensRes).to.deep.equal([ ["yellow", undefined, undefined, undefined, "yellow", undefined, undefined, undefined, undefined, undefined, undefined, undefined], [" ", " ", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["blue", undefined, undefined, undefined, "blue", undefined, undefined, undefined, undefined, undefined, undefined, undefined], [" ", " ", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["transparent", undefined, undefined, undefined, "transparent", undefined, undefined, undefined, undefined, undefined, undefined, undefined], [" ", " ", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["skyblue", undefined, undefined, undefined, "skyblue", undefined, undefined, undefined, undefined, undefined, undefined, undefined], [" ", " ", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["ghostwhite", undefined, undefined, undefined, "ghostwhite", undefined, undefined, undefined, undefined, undefined, undefined, undefined], [" ", " ", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["whitesmoke", undefined, undefined, undefined, "whitesmoke", undefined, undefined, undefined, undefined, undefined, undefined, undefined], ]); }); it("colors: rgba(0, 0, -255, 0.5) rgb(100%, 0%, 0%) rgba(100%, 0%, 0%, 1) hsl(0, 100%, 50%) hsl(120, 100%, 50%) hsla(240, 100%, 50%, 0.5)", function () { const tokens = new CssValueTokenizer("rgba(0, 0, -255, 0.5) rgb(100%, 0%, 0%) rgba(100%, 0%, 0%, 1) hsl(0, 100%, 50%) hsl(120, 100%, 50%) hsla(240, 100%, 50%, 0.5)"); const tokensRes = tokensToArray(tokens); expect(tokensRes).to.deep.equal([ ["rgba", undefined, undefined, undefined, "rgba", undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["(", undefined, undefined, undefined, undefined, undefined, "(", undefined, undefined, undefined, undefined, undefined], ["0", undefined, "0", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], [",", undefined, undefined, undefined, undefined, undefined, ",", undefined, undefined, undefined, undefined, undefined], [" ", " ", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["0", undefined, "0", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], [",", undefined, undefined, undefined, undefined, undefined, ",", undefined, undefined, undefined, undefined, undefined], [" ", " ", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["-255", undefined, "-255", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], [",", undefined, undefined, undefined, undefined, undefined, ",", undefined, undefined, undefined, undefined, undefined], [" ", " ", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["0.5", undefined, "0.5", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], [")", undefined, undefined, undefined, undefined, undefined, ")", undefined, undefined, undefined, undefined, undefined], [" ", " ", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["rgb", undefined, undefined, undefined, "rgb", undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["(", undefined, undefined, undefined, undefined, undefined, "(", undefined, undefined, undefined, undefined, undefined], ["100", undefined, "100", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["%", undefined, undefined, undefined, undefined, undefined, "%", undefined, undefined, undefined, undefined, undefined], [",", undefined, undefined, undefined, undefined, undefined, ",", undefined, undefined, undefined, undefined, undefined], [" ", " ", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["0", undefined, "0", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["%", undefined, undefined, undefined, undefined, undefined, "%", undefined, undefined, undefined, undefined, undefined], [",", undefined, undefined, undefined, undefined, undefined, ",", undefined, undefined, undefined, undefined, undefined], [" ", " ", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["0", undefined, "0", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["%", undefined, undefined, undefined, undefined, undefined, "%", undefined, undefined, undefined, undefined, undefined], [")", undefined, undefined, undefined, undefined, undefined, ")", undefined, undefined, undefined, undefined, undefined], [" ", " ", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["rgba", undefined, undefined, undefined, "rgba", undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["(", undefined, undefined, undefined, undefined, undefined, "(", undefined, undefined, undefined, undefined, undefined], ["100", undefined, "100", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["%", undefined, undefined, undefined, undefined, undefined, "%", undefined, undefined, undefined, undefined, undefined], [",", undefined, undefined, undefined, undefined, undefined, ",", undefined, undefined, undefined, undefined, undefined], [" ", " ", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["0", undefined, "0", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["%", undefined, undefined, undefined, undefined, undefined, "%", undefined, undefined, undefined, undefined, undefined], [",", undefined, undefined, undefined, undefined, undefined, ",", undefined, undefined, undefined, undefined, undefined], [" ", " ", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["0", undefined, "0", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["%", undefined, undefined, undefined, undefined, undefined, "%", undefined, undefined, undefined, undefined, undefined], [",", undefined, undefined, undefined, undefined, undefined, ",", undefined, undefined, undefined, undefined, undefined], [" ", " ", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["1", undefined, "1", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], [")", undefined, undefined, undefined, undefined, undefined, ")", undefined, undefined, undefined, undefined, undefined], [" ", " ", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["hsl", undefined, undefined, undefined, "hsl", undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["(", undefined, undefined, undefined, undefined, undefined, "(", undefined, undefined, undefined, undefined, undefined], ["0", undefined, "0", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], [",", undefined, undefined, undefined, undefined, undefined, ",", undefined, undefined, undefined, undefined, undefined], [" ", " ", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["100", undefined, "100", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["%", undefined, undefined, undefined, undefined, undefined, "%", undefined, undefined, undefined, undefined, undefined], [",", undefined, undefined, undefined, undefined, undefined, ",", undefined, undefined, undefined, undefined, undefined], [" ", " ", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["50", undefined, "50", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["%", undefined, undefined, undefined, undefined, undefined, "%", undefined, undefined, undefined, undefined, undefined], [")", undefined, undefined, undefined, undefined, undefined, ")", undefined, undefined, undefined, undefined, undefined], [" ", " ", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["hsl", undefined, undefined, undefined, "hsl", undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["(", undefined, undefined, undefined, undefined, undefined, "(", undefined, undefined, undefined, undefined, undefined], ["120", undefined, "120", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], [",", undefined, undefined, undefined, undefined, undefined, ",", undefined, undefined, undefined, undefined, undefined], [" ", " ", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["100", undefined, "100", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["%", undefined, undefined, undefined, undefined, undefined, "%", undefined, undefined, undefined, undefined, undefined], [",", undefined, undefined, undefined, undefined, undefined, ",", undefined, undefined, undefined, undefined, undefined], [" ", " ", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["50", undefined, "50", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["%", undefined, undefined, undefined, undefined, undefined, "%", undefined, undefined, undefined, undefined, undefined], [")", undefined, undefined, undefined, undefined, undefined, ")", undefined, undefined, undefined, undefined, undefined], [" ", " ", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["hsla", undefined, undefined, undefined, "hsla", undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["(", undefined, undefined, undefined, undefined, undefined, "(", undefined, undefined, undefined, undefined, undefined], ["240", undefined, "240", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], [",", undefined, undefined, undefined, undefined, undefined, ",", undefined, undefined, undefined, undefined, undefined], [" ", " ", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["100", undefined, "100", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["%", undefined, undefined, undefined, undefined, undefined, "%", undefined, undefined, undefined, undefined, undefined], [",", undefined, undefined, undefined, undefined, undefined, ",", undefined, undefined, undefined, undefined, undefined], [" ", " ", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["50", undefined, "50", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["%", undefined, undefined, undefined, undefined, undefined, "%", undefined, undefined, undefined, undefined, undefined], [",", undefined, undefined, undefined, undefined, undefined, ",", undefined, undefined, undefined, undefined, undefined], [" ", " ", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["0.5", undefined, "0.5", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], [")", undefined, undefined, undefined, undefined, undefined, ")", undefined, undefined, undefined, undefined, undefined], ]); }); it("url: url('./abcd.png')", function () { const tokens = new CssValueTokenizer("url('./abcd.png')"); const tokensRes = tokensToArray(tokens); expect(tokensRes).to.deep.equal([ ["url", undefined, undefined, undefined, "url", undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["(", undefined, undefined, undefined, undefined, undefined, "(", undefined, undefined, undefined, undefined, undefined], ["'./abcd.png'", undefined, undefined, undefined, undefined, undefined, undefined, "./abcd.png", "g", undefined, undefined, undefined], [")", undefined, undefined, undefined, undefined, undefined, ")", undefined, undefined, undefined, undefined, undefined], ]); }); it('url: url("./abcd.png")', function () { const tokens = new CssValueTokenizer('url("./abcd.png")'); const tokensRes = tokensToArray(tokens); expect(tokensRes).to.deep.equal([ ["url", undefined, undefined, undefined, "url", undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["(", undefined, undefined, undefined, undefined, undefined, "(", undefined, undefined, undefined, undefined, undefined], ['"./abcd.png"', undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, "./abcd.png", "g", undefined], [")", undefined, undefined, undefined, undefined, undefined, ")", undefined, undefined, undefined, undefined, undefined], ]); }); it("url: url('http://mysite.example.com/mycursor.png')", function () { const tokens = new CssValueTokenizer("url('http://mysite.example.com/mycursor.png')"); const tokensRes = tokensToArray(tokens); expect(tokensRes).to.deep.equal([ ["url", undefined, undefined, undefined, "url", undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["(", undefined, undefined, undefined, undefined, undefined, "(", undefined, undefined, undefined, undefined, undefined], ["'http://mysite.example.com/mycursor.png'", undefined, undefined, undefined, undefined, undefined, undefined, "http://mysite.example.com/mycursor.png", "g", undefined, undefined, undefined], [")", undefined, undefined, undefined, undefined, undefined, ")", undefined, undefined, undefined, undefined, undefined], ]); }); it("url: url('./abc/def.png')", function () { const tokens = new CssValueTokenizer("url('./abc/def.png')"); const tokensRes = tokensToArray(tokens); expect(tokensRes).to.deep.equal([ ["url", undefined, undefined, undefined, "url", undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["(", undefined, undefined, undefined, undefined, undefined, "(", undefined, undefined, undefined, undefined, undefined], ["'./abc/def.png'", undefined, undefined, undefined, undefined, undefined, undefined, "./abc/def.png", "g", undefined, undefined, undefined], [")", undefined, undefined, undefined, undefined, undefined, ")", undefined, undefined, undefined, undefined, undefined], ]); }); it("number or word: -3e3", function () { const tokens = new CssValueTokenizer("-3e3"); const tokensRes = tokensToArray(tokens); expect(tokensRes).to.deep.equal([["-3e3",undefined,"-3e3","e3",undefined,undefined,undefined,undefined,undefined,undefined,undefined,undefined]]); }); it("minus is an operator: -", function () { const tokens = new CssValueTokenizer("-"); const tokensRes = tokensToArray(tokens); expect(tokensRes).to.deep.equal([["-",undefined,undefined,undefined,undefined,undefined,"-",undefined,undefined,undefined,undefined,undefined]]); }); it("Css functions: rotate3d(1, -1, 1, 45deg) rotate(23deg) calc(12vw * 20%) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -50, -100, 0, 1.1) var(--custom-prop, red))", function () { const tokens = new CssValueTokenizer("rotate3d(1, -1, 1, 45deg) rotate(23deg) calc(12vw * 20%) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -50, -100, 0, 1.1) var(--custom-prop, red)"); const tokensRes = tokensToArray(tokens); expect(tokensRes).to.deep.equal([ ["rotate3d", undefined, undefined, undefined, "rotate3d", undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["(", undefined, undefined, undefined, undefined, undefined, "(", undefined, undefined, undefined, undefined, undefined], ["1", undefined, "1", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], [",", undefined, undefined, undefined, undefined, undefined, ",", undefined, undefined, undefined, undefined, undefined], [" ", " ", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["-1", undefined, "-1", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], [",", undefined, undefined, undefined, undefined, undefined, ",", undefined, undefined, undefined, undefined, undefined], [" ", " ", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["1", undefined, "1", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], [",", undefined, undefined, undefined, undefined, undefined, ",", undefined, undefined, undefined, undefined, undefined], [" ", " ", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["45", undefined, "45", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["deg", undefined, undefined, undefined, "deg", undefined, undefined, undefined, undefined, undefined, undefined, undefined], [")", undefined, undefined, undefined, undefined, undefined, ")", undefined, undefined, undefined, undefined, undefined], [" ", " ", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["rotate", undefined, undefined, undefined, "rotate", undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["(", undefined, undefined, undefined, undefined, undefined, "(", undefined, undefined, undefined, undefined, undefined], ["23", undefined, "23", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["deg", undefined, undefined, undefined, "deg", undefined, undefined, undefined, undefined, undefined, undefined, undefined], [")", undefined, undefined, undefined, undefined, undefined, ")", undefined, undefined, undefined, undefined, undefined], [" ", " ", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["calc", undefined, undefined, undefined, "calc", undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["(", undefined, undefined, undefined, undefined, undefined, "(", undefined, undefined, undefined, undefined, undefined], ["12", undefined, "12", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["vw", undefined, undefined, undefined, "vw", undefined, undefined, undefined, undefined, undefined, undefined, undefined], [" ", " ", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["*", undefined, undefined, undefined, undefined, undefined, "*", undefined, undefined, undefined, undefined, undefined], [" ", " ", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["20", undefined, "20", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["%", undefined, undefined, undefined, undefined, undefined, "%", undefined, undefined, undefined, undefined, undefined], [")", undefined, undefined, undefined, undefined, undefined, ")", undefined, undefined, undefined, undefined, undefined], [" ", " ", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["matrix3d", undefined, undefined, undefined, "matrix3d", undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["(", undefined, undefined, undefined, undefined, undefined, "(", undefined, undefined, undefined, undefined, undefined], ["1", undefined, "1", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], [",", undefined, undefined, undefined, undefined, undefined, ",", undefined, undefined, undefined, undefined, undefined], [" ", " ", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["0", undefined, "0", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], [",", undefined, undefined, undefined, undefined, undefined, ",", undefined, undefined, undefined, undefined, undefined], [" ", " ", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["0", undefined, "0", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], [",", undefined, undefined, undefined, undefined, undefined, ",", undefined, undefined, undefined, undefined, undefined], [" ", " ", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["0", undefined, "0", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], [",", undefined, undefined, undefined, undefined, undefined, ",", undefined, undefined, undefined, undefined, undefined], [" ", " ", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["0", undefined, "0", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], [",", undefined, undefined, undefined, undefined, undefined, ",", undefined, undefined, undefined, undefined, undefined], [" ", " ", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["1", undefined, "1", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], [",", undefined, undefined, undefined, undefined, undefined, ",", undefined, undefined, undefined, undefined, undefined], [" ", " ", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["0", undefined, "0", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], [",", undefined, undefined, undefined, undefined, undefined, ",", undefined, undefined, undefined, undefined, undefined], [" ", " ", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["0", undefined, "0", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], [",", undefined, undefined, undefined, undefined, undefined, ",", undefined, undefined, undefined, undefined, undefined], [" ", " ", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["0", undefined, "0", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], [",", undefined, undefined, undefined, undefined, undefined, ",", undefined, undefined, undefined, undefined, undefined], [" ", " ", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["0", undefined, "0", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], [",", undefined, undefined, undefined, undefined, undefined, ",", undefined, undefined, undefined, undefined, undefined], [" ", " ", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["1", undefined, "1", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], [",", undefined, undefined, undefined, undefined, undefined, ",", undefined, undefined, undefined, undefined, undefined], [" ", " ", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["0", undefined, "0", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], [",", undefined, undefined, undefined, undefined, undefined, ",", undefined, undefined, undefined, undefined, undefined], [" ", " ", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["-50", undefined, "-50", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], [",", undefined, undefined, undefined, undefined, undefined, ",", undefined, undefined, undefined, undefined, undefined], [" ", " ", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["-100", undefined, "-100", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], [",", undefined, undefined, undefined, undefined, undefined, ",", undefined, undefined, undefined, undefined, undefined], [" ", " ", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["0", undefined, "0", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], [",", undefined, undefined, undefined, undefined, undefined, ",", undefined, undefined, undefined, undefined, undefined], [" ", " ", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["1.1", undefined, "1.1", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], [")", undefined, undefined, undefined, undefined, undefined, ")", undefined, undefined, undefined, undefined, undefined], [" ", " ", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["var", undefined, undefined, undefined, "var", undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["(", undefined, undefined, undefined, undefined, undefined, "(", undefined, undefined, undefined, undefined, undefined], ["--custom-prop", undefined, undefined, undefined, "--custom-prop", undefined, undefined, undefined, undefined, undefined, undefined, undefined], [",", undefined, undefined, undefined, undefined, undefined, ",", undefined, undefined, undefined, undefined, undefined], [" ", " ", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined], ["red", undefined, undefined, undefined, "red", undefined, undefined, undefined, undefined, undefined, undefined, undefined], [")", undefined, undefined, undefined, undefined, undefined, ")", undefined, undefined, undefined, undefined, undefined] ]); }); });