@symbo.ls/scratch 3.0.1 → 3.1.1
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/dist/cjs/factory.js +180 -43
- package/dist/cjs/index.js +382 -70
- package/dist/cjs/set.js +372 -64
- package/dist/cjs/system/color.js +328 -51
- package/dist/cjs/system/document.js +331 -52
- package/dist/cjs/system/font.js +329 -52
- package/dist/cjs/system/index.js +345 -61
- package/dist/cjs/system/reset.js +331 -52
- package/dist/cjs/system/shadow.js +330 -53
- package/dist/cjs/system/spacing.js +335 -56
- package/dist/cjs/system/svg.js +332 -52
- package/dist/cjs/system/theme.js +328 -51
- package/dist/cjs/system/timing.js +331 -54
- package/dist/cjs/system/typography.js +336 -55
- package/dist/cjs/transforms/index.js +337 -58
- package/dist/cjs/utils/color.js +150 -4
- package/dist/cjs/utils/index.js +341 -57
- package/dist/cjs/utils/sequence.js +337 -56
- package/dist/cjs/utils/sprite.js +184 -44
- package/dist/cjs/utils/var.js +327 -50
- package/package.json +4 -5
- package/src/set.js +23 -4
- package/src/system/typography.js +2 -1
- package/src/utils/color.js +1 -1
- package/src/utils/sequence.js +10 -5
- package/src/utils/sprite.js +5 -1
package/dist/cjs/system/font.js
CHANGED
|
@@ -34,23 +34,23 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
|
|
|
34
34
|
var require_cjs = __commonJS({
|
|
35
35
|
"../utils/dist/cjs/index.js"(exports, module2) {
|
|
36
36
|
"use strict";
|
|
37
|
-
var
|
|
37
|
+
var __defProp2 = Object.defineProperty;
|
|
38
38
|
var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
|
|
39
39
|
var __getOwnPropNames2 = Object.getOwnPropertyNames;
|
|
40
|
-
var
|
|
40
|
+
var __hasOwnProp2 = Object.prototype.hasOwnProperty;
|
|
41
41
|
var __export2 = (target, all) => {
|
|
42
42
|
for (var name in all)
|
|
43
|
-
|
|
43
|
+
__defProp2(target, name, { get: all[name], enumerable: true });
|
|
44
44
|
};
|
|
45
45
|
var __copyProps2 = (to, from, except, desc) => {
|
|
46
46
|
if (from && typeof from === "object" || typeof from === "function") {
|
|
47
47
|
for (let key of __getOwnPropNames2(from))
|
|
48
|
-
if (!
|
|
49
|
-
|
|
48
|
+
if (!__hasOwnProp2.call(to, key) && key !== except)
|
|
49
|
+
__defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
|
|
50
50
|
}
|
|
51
51
|
return to;
|
|
52
52
|
};
|
|
53
|
-
var __toCommonJS2 = (mod) => __copyProps2(
|
|
53
|
+
var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
|
|
54
54
|
var index_exports = {};
|
|
55
55
|
__export2(index_exports, {
|
|
56
56
|
arrayzeValue: () => arrayzeValue2,
|
|
@@ -83,7 +83,147 @@ var require_cjs = __commonJS({
|
|
|
83
83
|
var isString2 = (arg) => typeof arg === "string";
|
|
84
84
|
var isNumber2 = (arg) => typeof arg === "number";
|
|
85
85
|
var isArray2 = (arg) => Array.isArray(arg);
|
|
86
|
+
var STATE_METHODS3 = [
|
|
87
|
+
"update",
|
|
88
|
+
"parse",
|
|
89
|
+
"clean",
|
|
90
|
+
"create",
|
|
91
|
+
"destroy",
|
|
92
|
+
"add",
|
|
93
|
+
"toggle",
|
|
94
|
+
"remove",
|
|
95
|
+
"apply",
|
|
96
|
+
"set",
|
|
97
|
+
"reset",
|
|
98
|
+
"replace",
|
|
99
|
+
"quietReplace",
|
|
100
|
+
"quietUpdate",
|
|
101
|
+
"applyReplace",
|
|
102
|
+
"applyFunction",
|
|
103
|
+
"keys",
|
|
104
|
+
"values",
|
|
105
|
+
"ref",
|
|
106
|
+
"rootUpdate",
|
|
107
|
+
"parentUpdate",
|
|
108
|
+
"parent",
|
|
109
|
+
"__element",
|
|
110
|
+
"__depends",
|
|
111
|
+
"__ref",
|
|
112
|
+
"__children",
|
|
113
|
+
"root",
|
|
114
|
+
"setByPath",
|
|
115
|
+
"setPathCollection",
|
|
116
|
+
"removeByPath",
|
|
117
|
+
"removePathCollection",
|
|
118
|
+
"getByPath"
|
|
119
|
+
];
|
|
120
|
+
var PROPS_METHODS3 = ["update", "__element"];
|
|
121
|
+
var METHODS3 = [
|
|
122
|
+
"set",
|
|
123
|
+
"reset",
|
|
124
|
+
"update",
|
|
125
|
+
"remove",
|
|
126
|
+
"updateContent",
|
|
127
|
+
"removeContent",
|
|
128
|
+
"lookup",
|
|
129
|
+
"lookdown",
|
|
130
|
+
"lookdownAll",
|
|
131
|
+
"getRef",
|
|
132
|
+
"getPath",
|
|
133
|
+
"setNodeStyles",
|
|
134
|
+
"spotByPath",
|
|
135
|
+
"keys",
|
|
136
|
+
"parse",
|
|
137
|
+
"setProps",
|
|
138
|
+
"parseDeep",
|
|
139
|
+
"variables",
|
|
140
|
+
"if",
|
|
141
|
+
"log",
|
|
142
|
+
"verbose",
|
|
143
|
+
"warn",
|
|
144
|
+
"error",
|
|
145
|
+
"call",
|
|
146
|
+
"nextElement",
|
|
147
|
+
"previousElement"
|
|
148
|
+
];
|
|
149
|
+
var METHODS_EXL3 = [
|
|
150
|
+
...["node", "context", "extends", "__element", "__ref"],
|
|
151
|
+
...METHODS3,
|
|
152
|
+
...STATE_METHODS3,
|
|
153
|
+
...PROPS_METHODS3
|
|
154
|
+
];
|
|
86
155
|
var isMobile2 = (() => typeof navigator === "undefined" ? false : /Mobi/.test(navigator.userAgent))();
|
|
156
|
+
var STATE_METHODS22 = [
|
|
157
|
+
"update",
|
|
158
|
+
"parse",
|
|
159
|
+
"clean",
|
|
160
|
+
"create",
|
|
161
|
+
"destroy",
|
|
162
|
+
"add",
|
|
163
|
+
"toggle",
|
|
164
|
+
"remove",
|
|
165
|
+
"apply",
|
|
166
|
+
"set",
|
|
167
|
+
"reset",
|
|
168
|
+
"replace",
|
|
169
|
+
"quietReplace",
|
|
170
|
+
"quietUpdate",
|
|
171
|
+
"applyReplace",
|
|
172
|
+
"applyFunction",
|
|
173
|
+
"keys",
|
|
174
|
+
"values",
|
|
175
|
+
"ref",
|
|
176
|
+
"rootUpdate",
|
|
177
|
+
"parentUpdate",
|
|
178
|
+
"parent",
|
|
179
|
+
"__element",
|
|
180
|
+
"__depends",
|
|
181
|
+
"__ref",
|
|
182
|
+
"__children",
|
|
183
|
+
"root",
|
|
184
|
+
"setByPath",
|
|
185
|
+
"setPathCollection",
|
|
186
|
+
"removeByPath",
|
|
187
|
+
"removePathCollection",
|
|
188
|
+
"getByPath"
|
|
189
|
+
];
|
|
190
|
+
var PROPS_METHODS22 = ["update", "__element"];
|
|
191
|
+
var METHODS22 = [
|
|
192
|
+
"set",
|
|
193
|
+
"reset",
|
|
194
|
+
"update",
|
|
195
|
+
"remove",
|
|
196
|
+
"updateContent",
|
|
197
|
+
"removeContent",
|
|
198
|
+
"lookup",
|
|
199
|
+
"lookdown",
|
|
200
|
+
"lookdownAll",
|
|
201
|
+
"getRef",
|
|
202
|
+
"getPath",
|
|
203
|
+
"setNodeStyles",
|
|
204
|
+
"spotByPath",
|
|
205
|
+
"keys",
|
|
206
|
+
"parse",
|
|
207
|
+
"setProps",
|
|
208
|
+
"parseDeep",
|
|
209
|
+
"variables",
|
|
210
|
+
"if",
|
|
211
|
+
"log",
|
|
212
|
+
"verbose",
|
|
213
|
+
"warn",
|
|
214
|
+
"error",
|
|
215
|
+
"call",
|
|
216
|
+
"nextElement",
|
|
217
|
+
"previousElement"
|
|
218
|
+
];
|
|
219
|
+
var METHODS_EXL22 = [
|
|
220
|
+
...["node", "context", "extends", "__element", "__ref"],
|
|
221
|
+
...METHODS22,
|
|
222
|
+
...STATE_METHODS22,
|
|
223
|
+
...PROPS_METHODS22
|
|
224
|
+
];
|
|
225
|
+
var window32 = globalThis;
|
|
226
|
+
var document32 = window32.document;
|
|
87
227
|
async function toggleFullscreen(opts) {
|
|
88
228
|
if (!document.fullscreenElement) {
|
|
89
229
|
try {
|
|
@@ -263,16 +403,16 @@ __export(font_exports, {
|
|
|
263
403
|
});
|
|
264
404
|
module.exports = __toCommonJS(font_exports);
|
|
265
405
|
|
|
266
|
-
//
|
|
406
|
+
// ../../../domql/packages/utils/globals.js
|
|
267
407
|
var window2 = globalThis;
|
|
268
408
|
var document2 = window2.document;
|
|
269
409
|
|
|
270
|
-
//
|
|
410
|
+
// ../../../domql/packages/utils/node.js
|
|
271
411
|
var isDOMNode = (obj) => {
|
|
272
412
|
return typeof window2 !== "undefined" && (obj instanceof window2.Node || obj instanceof window2.Window || obj === window2 || obj === document);
|
|
273
413
|
};
|
|
274
414
|
|
|
275
|
-
//
|
|
415
|
+
// ../../../domql/packages/utils/types.js
|
|
276
416
|
var isObject = (arg) => {
|
|
277
417
|
if (arg === null) return false;
|
|
278
418
|
return typeof arg === "object" && arg.constructor === Object;
|
|
@@ -288,35 +428,92 @@ var isUndefined = (arg) => {
|
|
|
288
428
|
return arg === void 0;
|
|
289
429
|
};
|
|
290
430
|
|
|
291
|
-
//
|
|
292
|
-
var
|
|
293
|
-
return arr.reduce(
|
|
431
|
+
// ../../../domql/packages/utils/array.js
|
|
432
|
+
var unstackArrayOfObjects = (arr, exclude = []) => {
|
|
433
|
+
return arr.reduce(
|
|
434
|
+
(a, c) => deepMerge(a, deepClone(c, { exclude }), exclude),
|
|
435
|
+
{}
|
|
436
|
+
);
|
|
294
437
|
};
|
|
295
438
|
|
|
296
|
-
//
|
|
297
|
-
var
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
439
|
+
// ../../../domql/packages/utils/keys.js
|
|
440
|
+
var STATE_METHODS = [
|
|
441
|
+
"update",
|
|
442
|
+
"parse",
|
|
443
|
+
"clean",
|
|
444
|
+
"create",
|
|
445
|
+
"destroy",
|
|
446
|
+
"add",
|
|
447
|
+
"toggle",
|
|
448
|
+
"remove",
|
|
449
|
+
"apply",
|
|
450
|
+
"set",
|
|
451
|
+
"reset",
|
|
452
|
+
"replace",
|
|
453
|
+
"quietReplace",
|
|
454
|
+
"quietUpdate",
|
|
455
|
+
"applyReplace",
|
|
456
|
+
"applyFunction",
|
|
457
|
+
"keys",
|
|
458
|
+
"values",
|
|
459
|
+
"ref",
|
|
460
|
+
"rootUpdate",
|
|
461
|
+
"parentUpdate",
|
|
462
|
+
"parent",
|
|
463
|
+
"__element",
|
|
464
|
+
"__depends",
|
|
465
|
+
"__ref",
|
|
466
|
+
"__children",
|
|
467
|
+
"root",
|
|
468
|
+
"setByPath",
|
|
469
|
+
"setPathCollection",
|
|
470
|
+
"removeByPath",
|
|
471
|
+
"removePathCollection",
|
|
472
|
+
"getByPath"
|
|
473
|
+
];
|
|
474
|
+
var PROPS_METHODS = ["update", "__element"];
|
|
475
|
+
var METHODS = [
|
|
476
|
+
"set",
|
|
477
|
+
"reset",
|
|
478
|
+
"update",
|
|
479
|
+
"remove",
|
|
480
|
+
"updateContent",
|
|
481
|
+
"removeContent",
|
|
482
|
+
"lookup",
|
|
483
|
+
"lookdown",
|
|
484
|
+
"lookdownAll",
|
|
485
|
+
"getRef",
|
|
486
|
+
"getPath",
|
|
487
|
+
"setNodeStyles",
|
|
488
|
+
"spotByPath",
|
|
489
|
+
"keys",
|
|
490
|
+
"parse",
|
|
491
|
+
"setProps",
|
|
492
|
+
"parseDeep",
|
|
493
|
+
"variables",
|
|
494
|
+
"if",
|
|
495
|
+
"log",
|
|
496
|
+
"verbose",
|
|
497
|
+
"warn",
|
|
498
|
+
"error",
|
|
499
|
+
"call",
|
|
500
|
+
"nextElement",
|
|
501
|
+
"previousElement"
|
|
502
|
+
];
|
|
503
|
+
var METHODS_EXL = [
|
|
504
|
+
...["node", "context", "extends", "__element", "__ref"],
|
|
505
|
+
...METHODS,
|
|
506
|
+
...STATE_METHODS,
|
|
507
|
+
...PROPS_METHODS
|
|
508
|
+
];
|
|
509
|
+
|
|
510
|
+
// ../../../domql/packages/utils/object.js
|
|
511
|
+
var deepMerge = (element, extend, excludeFrom = METHODS_EXL) => {
|
|
317
512
|
for (const e in extend) {
|
|
318
|
-
const
|
|
319
|
-
if (!
|
|
513
|
+
const hasOwnProperty = Object.prototype.hasOwnProperty.call(extend, e);
|
|
514
|
+
if (!hasOwnProperty || excludeFrom.includes(e) || e.startsWith("__")) {
|
|
515
|
+
continue;
|
|
516
|
+
}
|
|
320
517
|
const elementProp = element[e];
|
|
321
518
|
const extendProp = extend[e];
|
|
322
519
|
if (isObjectLike(elementProp) && isObjectLike(extendProp)) {
|
|
@@ -334,7 +531,7 @@ var deepClone = (obj, options = {}) => {
|
|
|
334
531
|
cleanNull = false,
|
|
335
532
|
window: targetWindow,
|
|
336
533
|
visited = /* @__PURE__ */ new WeakMap(),
|
|
337
|
-
|
|
534
|
+
handleExtends = false
|
|
338
535
|
} = options;
|
|
339
536
|
if (!isObjectLike(obj) || isDOMNode(obj)) {
|
|
340
537
|
return obj;
|
|
@@ -342,41 +539,121 @@ var deepClone = (obj, options = {}) => {
|
|
|
342
539
|
if (visited.has(obj)) {
|
|
343
540
|
return visited.get(obj);
|
|
344
541
|
}
|
|
345
|
-
const
|
|
346
|
-
visited.set(obj,
|
|
542
|
+
const clone = targetWindow ? isArray(obj) ? new targetWindow.Array() : new targetWindow.Object() : isArray(obj) ? [] : {};
|
|
543
|
+
visited.set(obj, clone);
|
|
347
544
|
for (const key in obj) {
|
|
348
545
|
if (!Object.prototype.hasOwnProperty.call(obj, key)) continue;
|
|
349
|
-
if (exclude.includes(key) || key.startsWith("__") || key === "__proto__")
|
|
546
|
+
if (exclude.includes(key) || key.startsWith("__") || key === "__proto__") {
|
|
547
|
+
continue;
|
|
548
|
+
}
|
|
350
549
|
const value = obj[key];
|
|
351
|
-
if (cleanUndefined && isUndefined(value) || cleanNull && isNull(value))
|
|
550
|
+
if (cleanUndefined && isUndefined(value) || cleanNull && isNull(value)) {
|
|
551
|
+
continue;
|
|
552
|
+
}
|
|
352
553
|
if (isDOMNode(value)) {
|
|
353
|
-
|
|
554
|
+
clone[key] = value;
|
|
354
555
|
continue;
|
|
355
556
|
}
|
|
356
|
-
if (
|
|
357
|
-
|
|
557
|
+
if (handleExtends && key === "extends" && isArray(value)) {
|
|
558
|
+
clone[key] = unstackArrayOfObjects(value, exclude);
|
|
358
559
|
continue;
|
|
359
560
|
}
|
|
360
561
|
if (isFunction(value) && targetWindow) {
|
|
361
|
-
|
|
562
|
+
clone[key] = targetWindow.eval("(" + value.toString() + ")");
|
|
362
563
|
continue;
|
|
363
564
|
}
|
|
364
565
|
if (isObjectLike(value)) {
|
|
365
|
-
|
|
566
|
+
clone[key] = deepClone(value, {
|
|
567
|
+
...options,
|
|
366
568
|
visited
|
|
367
|
-
})
|
|
569
|
+
});
|
|
368
570
|
} else {
|
|
369
|
-
|
|
571
|
+
clone[key] = value;
|
|
370
572
|
}
|
|
371
573
|
}
|
|
372
|
-
return
|
|
574
|
+
return clone;
|
|
373
575
|
};
|
|
374
576
|
|
|
375
|
-
//
|
|
577
|
+
// ../../../domql/packages/utils/cookie.js
|
|
376
578
|
var isMobile = (() => typeof navigator === "undefined" ? false : /Mobi/.test(navigator.userAgent))();
|
|
377
579
|
|
|
580
|
+
// ../../../domql/packages/event/dist/esm/keys.js
|
|
581
|
+
var STATE_METHODS2 = [
|
|
582
|
+
"update",
|
|
583
|
+
"parse",
|
|
584
|
+
"clean",
|
|
585
|
+
"create",
|
|
586
|
+
"destroy",
|
|
587
|
+
"add",
|
|
588
|
+
"toggle",
|
|
589
|
+
"remove",
|
|
590
|
+
"apply",
|
|
591
|
+
"set",
|
|
592
|
+
"reset",
|
|
593
|
+
"replace",
|
|
594
|
+
"quietReplace",
|
|
595
|
+
"quietUpdate",
|
|
596
|
+
"applyReplace",
|
|
597
|
+
"applyFunction",
|
|
598
|
+
"keys",
|
|
599
|
+
"values",
|
|
600
|
+
"ref",
|
|
601
|
+
"rootUpdate",
|
|
602
|
+
"parentUpdate",
|
|
603
|
+
"parent",
|
|
604
|
+
"__element",
|
|
605
|
+
"__depends",
|
|
606
|
+
"__ref",
|
|
607
|
+
"__children",
|
|
608
|
+
"root",
|
|
609
|
+
"setByPath",
|
|
610
|
+
"setPathCollection",
|
|
611
|
+
"removeByPath",
|
|
612
|
+
"removePathCollection",
|
|
613
|
+
"getByPath"
|
|
614
|
+
];
|
|
615
|
+
var PROPS_METHODS2 = ["update", "__element"];
|
|
616
|
+
var METHODS2 = [
|
|
617
|
+
"set",
|
|
618
|
+
"reset",
|
|
619
|
+
"update",
|
|
620
|
+
"remove",
|
|
621
|
+
"updateContent",
|
|
622
|
+
"removeContent",
|
|
623
|
+
"lookup",
|
|
624
|
+
"lookdown",
|
|
625
|
+
"lookdownAll",
|
|
626
|
+
"getRef",
|
|
627
|
+
"getPath",
|
|
628
|
+
"setNodeStyles",
|
|
629
|
+
"spotByPath",
|
|
630
|
+
"keys",
|
|
631
|
+
"parse",
|
|
632
|
+
"setProps",
|
|
633
|
+
"parseDeep",
|
|
634
|
+
"variables",
|
|
635
|
+
"if",
|
|
636
|
+
"log",
|
|
637
|
+
"verbose",
|
|
638
|
+
"warn",
|
|
639
|
+
"error",
|
|
640
|
+
"call",
|
|
641
|
+
"nextElement",
|
|
642
|
+
"previousElement"
|
|
643
|
+
];
|
|
644
|
+
var METHODS_EXL2 = [
|
|
645
|
+
...["node", "context", "extends", "__element", "__ref"],
|
|
646
|
+
...METHODS2,
|
|
647
|
+
...STATE_METHODS2,
|
|
648
|
+
...PROPS_METHODS2
|
|
649
|
+
];
|
|
650
|
+
|
|
651
|
+
// ../../../domql/packages/event/dist/esm/globals.js
|
|
652
|
+
var window3 = globalThis;
|
|
653
|
+
var document3 = window3.document;
|
|
654
|
+
|
|
378
655
|
// src/system/font.js
|
|
379
|
-
var
|
|
656
|
+
var import_utils9 = __toESM(require_cjs(), 1);
|
|
380
657
|
|
|
381
658
|
// src/defaultConfig/index.js
|
|
382
659
|
var defaultConfig_exports = {};
|
|
@@ -624,7 +901,7 @@ var getFontFaceEach = (name, weights) => {
|
|
|
624
901
|
};
|
|
625
902
|
|
|
626
903
|
// src/utils/sequence.js
|
|
627
|
-
var
|
|
904
|
+
var import_utils5 = __toESM(require_cjs(), 1);
|
|
628
905
|
|
|
629
906
|
// src/system/font.js
|
|
630
907
|
var setFont = (val, key) => {
|
|
@@ -643,7 +920,7 @@ var setFontFamily = (val, key) => {
|
|
|
643
920
|
const { FONT_FAMILY: FONT_FAMILY2, FONT_FAMILY_TYPES: FONT_FAMILY_TYPES2 } = CONFIG2;
|
|
644
921
|
let { value, type } = val;
|
|
645
922
|
if (val.isDefault) FONT_FAMILY2.default = key;
|
|
646
|
-
if (isObject(value)) value = (0,
|
|
923
|
+
if (isObject(value)) value = (0, import_utils9.arrayzeValue)(value);
|
|
647
924
|
const CSSvar = `--font-family-${key}`;
|
|
648
925
|
const str = `${value.join(", ")}, ${FONT_FAMILY_TYPES2[type]}`;
|
|
649
926
|
return { var: CSSvar, value: str, arr: value, type };
|