@symbo.ls/scratch 2.10.223 → 2.10.225
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/defaultConfig/animation.js +3 -1
- package/dist/cjs/defaultConfig/cases.js +3 -1
- package/dist/cjs/defaultConfig/color.js +4 -8
- package/dist/cjs/defaultConfig/document.js +3 -1
- package/dist/cjs/defaultConfig/font-family.js +5 -9
- package/dist/cjs/defaultConfig/font.js +3 -10
- package/dist/cjs/defaultConfig/icons.js +3 -1
- package/dist/cjs/defaultConfig/index.js +184 -19
- package/dist/cjs/defaultConfig/media.js +3 -1
- package/dist/cjs/defaultConfig/responsive.js +4 -2
- package/dist/cjs/defaultConfig/sequence.js +3 -1
- package/dist/cjs/defaultConfig/spacing.js +53 -6
- package/dist/cjs/defaultConfig/svg.js +4 -2
- package/dist/cjs/defaultConfig/theme.js +3 -13
- package/dist/cjs/defaultConfig/timing.js +35 -4
- package/dist/cjs/defaultConfig/typography.js +35 -4
- package/dist/cjs/defaultConfig/unit.js +3 -1
- package/dist/cjs/factory.js +999 -10
- package/dist/cjs/index.js +2462 -6
- package/dist/cjs/set.js +2172 -46
- package/dist/cjs/system/color.js +1162 -44
- package/dist/cjs/system/document.js +1062 -11
- package/dist/cjs/system/font.js +1093 -17
- package/dist/cjs/system/index.js +2136 -10
- package/dist/cjs/system/reset.js +1131 -20
- package/dist/cjs/system/spacing.js +1274 -33
- package/dist/cjs/system/svg.js +1104 -25
- package/dist/cjs/system/theme.js +1187 -68
- package/dist/cjs/system/timing.js +1255 -19
- package/dist/cjs/system/typography.js +1270 -28
- package/dist/cjs/tests/index.js +4 -2
- package/dist/cjs/utils/color.js +68 -16
- package/dist/cjs/utils/font.js +11 -9
- package/dist/cjs/utils/index.js +1508 -7
- package/dist/cjs/utils/sequence.js +1051 -19
- package/dist/cjs/utils/sprite.js +815 -4
- package/dist/cjs/utils/theme.js +3 -1
- package/dist/cjs/utils/var.js +1044 -21
- package/package.json +3 -3
- package/src/index.js +4 -0
- package/src/set.js +0 -2
- package/src/utils/color.js +3 -0
package/dist/cjs/system/font.js
CHANGED
|
@@ -1,8 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __create = Object.create;
|
|
2
3
|
var __defProp = Object.defineProperty;
|
|
3
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
5
7
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
+
var __commonJS = (cb, mod) => function __require() {
|
|
9
|
+
return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
|
|
10
|
+
};
|
|
6
11
|
var __export = (target, all) => {
|
|
7
12
|
for (var name in all)
|
|
8
13
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -15,7 +20,813 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
15
20
|
}
|
|
16
21
|
return to;
|
|
17
22
|
};
|
|
23
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
24
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
25
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
26
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
27
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
28
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
29
|
+
mod
|
|
30
|
+
));
|
|
18
31
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
32
|
+
|
|
33
|
+
// ../../node_modules/@domql/globals/dist/cjs/index.js
|
|
34
|
+
var require_cjs = __commonJS({
|
|
35
|
+
"../../node_modules/@domql/globals/dist/cjs/index.js"(exports, module2) {
|
|
36
|
+
"use strict";
|
|
37
|
+
var __defProp2 = Object.defineProperty;
|
|
38
|
+
var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
|
|
39
|
+
var __getOwnPropNames2 = Object.getOwnPropertyNames;
|
|
40
|
+
var __hasOwnProp2 = Object.prototype.hasOwnProperty;
|
|
41
|
+
var __export2 = (target, all) => {
|
|
42
|
+
for (var name in all)
|
|
43
|
+
__defProp2(target, name, { get: all[name], enumerable: true });
|
|
44
|
+
};
|
|
45
|
+
var __copyProps2 = (to, from, except, desc) => {
|
|
46
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
47
|
+
for (let key of __getOwnPropNames2(from))
|
|
48
|
+
if (!__hasOwnProp2.call(to, key) && key !== except)
|
|
49
|
+
__defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
|
|
50
|
+
}
|
|
51
|
+
return to;
|
|
52
|
+
};
|
|
53
|
+
var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
|
|
54
|
+
var globals_exports = {};
|
|
55
|
+
__export2(globals_exports, {
|
|
56
|
+
document: () => document3,
|
|
57
|
+
global: () => global,
|
|
58
|
+
self: () => self,
|
|
59
|
+
window: () => window3
|
|
60
|
+
});
|
|
61
|
+
module2.exports = __toCommonJS2(globals_exports);
|
|
62
|
+
var global = globalThis;
|
|
63
|
+
var self = globalThis;
|
|
64
|
+
var window3 = globalThis;
|
|
65
|
+
var document3 = window3.document;
|
|
66
|
+
}
|
|
67
|
+
});
|
|
68
|
+
|
|
69
|
+
// ../../node_modules/@domql/tags/dist/cjs/htmlTags.js
|
|
70
|
+
var require_htmlTags = __commonJS({
|
|
71
|
+
"../../node_modules/@domql/tags/dist/cjs/htmlTags.js"(exports, module2) {
|
|
72
|
+
"use strict";
|
|
73
|
+
var __defProp2 = Object.defineProperty;
|
|
74
|
+
var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
|
|
75
|
+
var __getOwnPropNames2 = Object.getOwnPropertyNames;
|
|
76
|
+
var __hasOwnProp2 = Object.prototype.hasOwnProperty;
|
|
77
|
+
var __export2 = (target, all) => {
|
|
78
|
+
for (var name in all)
|
|
79
|
+
__defProp2(target, name, { get: all[name], enumerable: true });
|
|
80
|
+
};
|
|
81
|
+
var __copyProps2 = (to, from, except, desc) => {
|
|
82
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
83
|
+
for (let key of __getOwnPropNames2(from))
|
|
84
|
+
if (!__hasOwnProp2.call(to, key) && key !== except)
|
|
85
|
+
__defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
|
|
86
|
+
}
|
|
87
|
+
return to;
|
|
88
|
+
};
|
|
89
|
+
var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
|
|
90
|
+
var htmlTags_exports = {};
|
|
91
|
+
__export2(htmlTags_exports, {
|
|
92
|
+
HTML_TAGS: () => HTML_TAGS
|
|
93
|
+
});
|
|
94
|
+
module2.exports = __toCommonJS2(htmlTags_exports);
|
|
95
|
+
var HTML_TAGS = {
|
|
96
|
+
root: [
|
|
97
|
+
"body",
|
|
98
|
+
"html"
|
|
99
|
+
],
|
|
100
|
+
head: [
|
|
101
|
+
"title",
|
|
102
|
+
"base",
|
|
103
|
+
"meta",
|
|
104
|
+
"style"
|
|
105
|
+
],
|
|
106
|
+
body: [
|
|
107
|
+
"string",
|
|
108
|
+
"fragment",
|
|
109
|
+
"a",
|
|
110
|
+
"abbr",
|
|
111
|
+
"acronym",
|
|
112
|
+
"address",
|
|
113
|
+
"applet",
|
|
114
|
+
"area",
|
|
115
|
+
"article",
|
|
116
|
+
"aside",
|
|
117
|
+
"audio",
|
|
118
|
+
"b",
|
|
119
|
+
"basefont",
|
|
120
|
+
"bdi",
|
|
121
|
+
"bdo",
|
|
122
|
+
"big",
|
|
123
|
+
"blockquote",
|
|
124
|
+
"br",
|
|
125
|
+
"button",
|
|
126
|
+
"canvas",
|
|
127
|
+
"caption",
|
|
128
|
+
"center",
|
|
129
|
+
"cite",
|
|
130
|
+
"code",
|
|
131
|
+
"col",
|
|
132
|
+
"colgroup",
|
|
133
|
+
"data",
|
|
134
|
+
"datalist",
|
|
135
|
+
"dd",
|
|
136
|
+
"del",
|
|
137
|
+
"details",
|
|
138
|
+
"dfn",
|
|
139
|
+
"dialog",
|
|
140
|
+
"dir",
|
|
141
|
+
"div",
|
|
142
|
+
"dl",
|
|
143
|
+
"dt",
|
|
144
|
+
"em",
|
|
145
|
+
"embed",
|
|
146
|
+
"fieldset",
|
|
147
|
+
"figcaption",
|
|
148
|
+
"figure",
|
|
149
|
+
"font",
|
|
150
|
+
"footer",
|
|
151
|
+
"form",
|
|
152
|
+
"frame",
|
|
153
|
+
"frameset",
|
|
154
|
+
"h1",
|
|
155
|
+
"h2",
|
|
156
|
+
"h3",
|
|
157
|
+
"h4",
|
|
158
|
+
"h5",
|
|
159
|
+
"h6",
|
|
160
|
+
"head",
|
|
161
|
+
"header",
|
|
162
|
+
"hr",
|
|
163
|
+
"i",
|
|
164
|
+
"iframe",
|
|
165
|
+
"img",
|
|
166
|
+
"input",
|
|
167
|
+
"ins",
|
|
168
|
+
"kbd",
|
|
169
|
+
"label",
|
|
170
|
+
"legend",
|
|
171
|
+
"li",
|
|
172
|
+
"link",
|
|
173
|
+
"main",
|
|
174
|
+
"map",
|
|
175
|
+
"mark",
|
|
176
|
+
"meter",
|
|
177
|
+
"nav",
|
|
178
|
+
"noframes",
|
|
179
|
+
"noscript",
|
|
180
|
+
"object",
|
|
181
|
+
"ol",
|
|
182
|
+
"optgroup",
|
|
183
|
+
"option",
|
|
184
|
+
"output",
|
|
185
|
+
"p",
|
|
186
|
+
"param",
|
|
187
|
+
"picture",
|
|
188
|
+
"pre",
|
|
189
|
+
"progress",
|
|
190
|
+
"q",
|
|
191
|
+
"rp",
|
|
192
|
+
"rt",
|
|
193
|
+
"ruby",
|
|
194
|
+
"s",
|
|
195
|
+
"samp",
|
|
196
|
+
"script",
|
|
197
|
+
"section",
|
|
198
|
+
"select",
|
|
199
|
+
"small",
|
|
200
|
+
"source",
|
|
201
|
+
"span",
|
|
202
|
+
"strike",
|
|
203
|
+
"strong",
|
|
204
|
+
"sub",
|
|
205
|
+
"summary",
|
|
206
|
+
"sup",
|
|
207
|
+
"table",
|
|
208
|
+
"tbody",
|
|
209
|
+
"td",
|
|
210
|
+
"template",
|
|
211
|
+
"textarea",
|
|
212
|
+
"tfoot",
|
|
213
|
+
"th",
|
|
214
|
+
"thead",
|
|
215
|
+
"time",
|
|
216
|
+
"tr",
|
|
217
|
+
"track",
|
|
218
|
+
"tt",
|
|
219
|
+
"u",
|
|
220
|
+
"ul",
|
|
221
|
+
"var",
|
|
222
|
+
"video",
|
|
223
|
+
"wbr",
|
|
224
|
+
// SVG
|
|
225
|
+
"svg",
|
|
226
|
+
"path"
|
|
227
|
+
]
|
|
228
|
+
};
|
|
229
|
+
}
|
|
230
|
+
});
|
|
231
|
+
|
|
232
|
+
// ../../node_modules/@domql/tags/dist/cjs/index.js
|
|
233
|
+
var require_cjs2 = __commonJS({
|
|
234
|
+
"../../node_modules/@domql/tags/dist/cjs/index.js"(exports, module2) {
|
|
235
|
+
"use strict";
|
|
236
|
+
var __defProp2 = Object.defineProperty;
|
|
237
|
+
var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
|
|
238
|
+
var __getOwnPropNames2 = Object.getOwnPropertyNames;
|
|
239
|
+
var __hasOwnProp2 = Object.prototype.hasOwnProperty;
|
|
240
|
+
var __copyProps2 = (to, from, except, desc) => {
|
|
241
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
242
|
+
for (let key of __getOwnPropNames2(from))
|
|
243
|
+
if (!__hasOwnProp2.call(to, key) && key !== except)
|
|
244
|
+
__defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
|
|
245
|
+
}
|
|
246
|
+
return to;
|
|
247
|
+
};
|
|
248
|
+
var __reExport = (target, mod, secondTarget) => (__copyProps2(target, mod, "default"), secondTarget && __copyProps2(secondTarget, mod, "default"));
|
|
249
|
+
var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
|
|
250
|
+
var tags_exports = {};
|
|
251
|
+
module2.exports = __toCommonJS2(tags_exports);
|
|
252
|
+
__reExport(tags_exports, require_htmlTags(), module2.exports);
|
|
253
|
+
}
|
|
254
|
+
});
|
|
255
|
+
|
|
256
|
+
// ../../node_modules/@domql/utils/dist/cjs/types.js
|
|
257
|
+
var require_types = __commonJS({
|
|
258
|
+
"../../node_modules/@domql/utils/dist/cjs/types.js"(exports, module2) {
|
|
259
|
+
"use strict";
|
|
260
|
+
var __defProp2 = Object.defineProperty;
|
|
261
|
+
var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
|
|
262
|
+
var __getOwnPropNames2 = Object.getOwnPropertyNames;
|
|
263
|
+
var __hasOwnProp2 = Object.prototype.hasOwnProperty;
|
|
264
|
+
var __export2 = (target, all) => {
|
|
265
|
+
for (var name in all)
|
|
266
|
+
__defProp2(target, name, { get: all[name], enumerable: true });
|
|
267
|
+
};
|
|
268
|
+
var __copyProps2 = (to, from, except, desc) => {
|
|
269
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
270
|
+
for (let key of __getOwnPropNames2(from))
|
|
271
|
+
if (!__hasOwnProp2.call(to, key) && key !== except)
|
|
272
|
+
__defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
|
|
273
|
+
}
|
|
274
|
+
return to;
|
|
275
|
+
};
|
|
276
|
+
var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
|
|
277
|
+
var types_exports = {};
|
|
278
|
+
__export2(types_exports, {
|
|
279
|
+
TYPES: () => TYPES,
|
|
280
|
+
is: () => is,
|
|
281
|
+
isArray: () => isArray3,
|
|
282
|
+
isBoolean: () => isBoolean,
|
|
283
|
+
isDefined: () => isDefined2,
|
|
284
|
+
isFunction: () => isFunction,
|
|
285
|
+
isHtmlElement: () => isHtmlElement,
|
|
286
|
+
isNode: () => isNode,
|
|
287
|
+
isNot: () => isNot,
|
|
288
|
+
isNull: () => isNull,
|
|
289
|
+
isNumber: () => isNumber,
|
|
290
|
+
isObject: () => isObject4,
|
|
291
|
+
isObjectLike: () => isObjectLike2,
|
|
292
|
+
isString: () => isString4,
|
|
293
|
+
isUndefined: () => isUndefined,
|
|
294
|
+
isValidHtmlTag: () => isValidHtmlTag
|
|
295
|
+
});
|
|
296
|
+
module2.exports = __toCommonJS2(types_exports);
|
|
297
|
+
var import_globals2 = require_cjs();
|
|
298
|
+
var import_tags = require_cjs2();
|
|
299
|
+
var isValidHtmlTag = (arg) => import_tags.HTML_TAGS.body.indexOf(arg);
|
|
300
|
+
var isObject4 = (arg) => {
|
|
301
|
+
if (arg === null)
|
|
302
|
+
return false;
|
|
303
|
+
return typeof arg === "object" && arg.constructor === Object;
|
|
304
|
+
};
|
|
305
|
+
var isString4 = (arg) => typeof arg === "string";
|
|
306
|
+
var isNumber = (arg) => typeof arg === "number";
|
|
307
|
+
var isFunction = (arg) => typeof arg === "function";
|
|
308
|
+
var isBoolean = (arg) => arg === true || arg === false;
|
|
309
|
+
var isNull = (arg) => arg === null;
|
|
310
|
+
var isArray3 = (arg) => Array.isArray(arg);
|
|
311
|
+
var isObjectLike2 = (arg) => {
|
|
312
|
+
if (arg === null)
|
|
313
|
+
return false;
|
|
314
|
+
return typeof arg === "object";
|
|
315
|
+
};
|
|
316
|
+
var isNode = (obj) => {
|
|
317
|
+
return typeof import_globals2.window.Node === "object" ? obj instanceof import_globals2.window.Node : obj && typeof obj === "object" && typeof obj.nodeType === "number" && typeof obj.nodeName === "string";
|
|
318
|
+
};
|
|
319
|
+
var isHtmlElement = (obj) => {
|
|
320
|
+
return typeof import_globals2.window.HTMLElement === "object" ? obj instanceof import_globals2.window.HTMLElement : obj && typeof obj === "object" && obj !== null && obj.nodeType === 1 && typeof obj.nodeName === "string";
|
|
321
|
+
};
|
|
322
|
+
var isDefined2 = (arg) => {
|
|
323
|
+
return isObject4(arg) || isObjectLike2(arg) || isString4(arg) || isNumber(arg) || isFunction(arg) || isArray3(arg) || isObjectLike2(arg) || isBoolean(arg) || isNull(arg);
|
|
324
|
+
};
|
|
325
|
+
var isUndefined = (arg) => {
|
|
326
|
+
return arg === void 0;
|
|
327
|
+
};
|
|
328
|
+
var TYPES = {
|
|
329
|
+
boolean: isBoolean,
|
|
330
|
+
array: isArray3,
|
|
331
|
+
object: isObject4,
|
|
332
|
+
string: isString4,
|
|
333
|
+
number: isNumber,
|
|
334
|
+
null: isNull,
|
|
335
|
+
function: isFunction,
|
|
336
|
+
objectLike: isObjectLike2,
|
|
337
|
+
node: isNode,
|
|
338
|
+
htmlElement: isHtmlElement,
|
|
339
|
+
defined: isDefined2
|
|
340
|
+
};
|
|
341
|
+
var is = (arg) => {
|
|
342
|
+
return (...args) => {
|
|
343
|
+
return args.map((val) => TYPES[val](arg)).filter((v) => v).length > 0;
|
|
344
|
+
};
|
|
345
|
+
};
|
|
346
|
+
var isNot = (arg) => {
|
|
347
|
+
return (...args) => {
|
|
348
|
+
return args.map((val) => TYPES[val](arg)).filter((v) => v).length === 0;
|
|
349
|
+
};
|
|
350
|
+
};
|
|
351
|
+
}
|
|
352
|
+
});
|
|
353
|
+
|
|
354
|
+
// ../../node_modules/@domql/utils/dist/cjs/object.js
|
|
355
|
+
var require_object = __commonJS({
|
|
356
|
+
"../../node_modules/@domql/utils/dist/cjs/object.js"(exports, module2) {
|
|
357
|
+
"use strict";
|
|
358
|
+
var __defProp2 = Object.defineProperty;
|
|
359
|
+
var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
|
|
360
|
+
var __getOwnPropNames2 = Object.getOwnPropertyNames;
|
|
361
|
+
var __hasOwnProp2 = Object.prototype.hasOwnProperty;
|
|
362
|
+
var __export2 = (target, all) => {
|
|
363
|
+
for (var name in all)
|
|
364
|
+
__defProp2(target, name, { get: all[name], enumerable: true });
|
|
365
|
+
};
|
|
366
|
+
var __copyProps2 = (to, from, except, desc) => {
|
|
367
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
368
|
+
for (let key of __getOwnPropNames2(from))
|
|
369
|
+
if (!__hasOwnProp2.call(to, key) && key !== except)
|
|
370
|
+
__defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
|
|
371
|
+
}
|
|
372
|
+
return to;
|
|
373
|
+
};
|
|
374
|
+
var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
|
|
375
|
+
var object_exports = {};
|
|
376
|
+
__export2(object_exports, {
|
|
377
|
+
clone: () => clone,
|
|
378
|
+
deepClone: () => deepClone2,
|
|
379
|
+
deepCloneExclude: () => deepCloneExclude,
|
|
380
|
+
deepDestringify: () => deepDestringify,
|
|
381
|
+
deepMerge: () => deepMerge,
|
|
382
|
+
deepStringify: () => deepStringify,
|
|
383
|
+
diff: () => diff,
|
|
384
|
+
exec: () => exec,
|
|
385
|
+
flattenRecursive: () => flattenRecursive,
|
|
386
|
+
isEqualDeep: () => isEqualDeep,
|
|
387
|
+
map: () => map,
|
|
388
|
+
merge: () => merge,
|
|
389
|
+
mergeAndCloneIfArray: () => mergeAndCloneIfArray,
|
|
390
|
+
mergeArray: () => mergeArray,
|
|
391
|
+
mergeArrayExclude: () => mergeArrayExclude,
|
|
392
|
+
mergeIfExisted: () => mergeIfExisted,
|
|
393
|
+
overwrite: () => overwrite,
|
|
394
|
+
overwriteDeep: () => overwriteDeep,
|
|
395
|
+
overwriteObj: () => overwriteObj
|
|
396
|
+
});
|
|
397
|
+
module2.exports = __toCommonJS2(object_exports);
|
|
398
|
+
var import_globals2 = require_cjs();
|
|
399
|
+
var import_types = require_types();
|
|
400
|
+
var exec = (param, element, state, context) => {
|
|
401
|
+
if ((0, import_types.isFunction)(param)) {
|
|
402
|
+
return param(
|
|
403
|
+
element,
|
|
404
|
+
state || element.state,
|
|
405
|
+
context || element.context
|
|
406
|
+
);
|
|
407
|
+
}
|
|
408
|
+
return param;
|
|
409
|
+
};
|
|
410
|
+
var map = (obj, extention, element) => {
|
|
411
|
+
for (const e in extention) {
|
|
412
|
+
obj[e] = exec(extention[e], element);
|
|
413
|
+
}
|
|
414
|
+
};
|
|
415
|
+
var merge = (element, obj) => {
|
|
416
|
+
for (const e in obj) {
|
|
417
|
+
const elementProp = element[e];
|
|
418
|
+
const objProp = obj[e];
|
|
419
|
+
if (elementProp === void 0) {
|
|
420
|
+
element[e] = objProp;
|
|
421
|
+
}
|
|
422
|
+
}
|
|
423
|
+
return element;
|
|
424
|
+
};
|
|
425
|
+
var deepMerge = (element, extend) => {
|
|
426
|
+
for (const e in extend) {
|
|
427
|
+
const extendProp = extend[e];
|
|
428
|
+
if (e === "parent" || e === "props")
|
|
429
|
+
continue;
|
|
430
|
+
if (element[e] === void 0) {
|
|
431
|
+
element[e] = extendProp;
|
|
432
|
+
} else if ((0, import_types.isObjectLike)(element[e]) && (0, import_types.isObjectLike)(extendProp)) {
|
|
433
|
+
deepMerge(element[e], extendProp);
|
|
434
|
+
} else {
|
|
435
|
+
element[e] = extendProp;
|
|
436
|
+
}
|
|
437
|
+
}
|
|
438
|
+
return element;
|
|
439
|
+
};
|
|
440
|
+
var clone = (obj) => {
|
|
441
|
+
const o = {};
|
|
442
|
+
for (const prop in obj) {
|
|
443
|
+
if (prop === "node")
|
|
444
|
+
continue;
|
|
445
|
+
o[prop] = obj[prop];
|
|
446
|
+
}
|
|
447
|
+
return o;
|
|
448
|
+
};
|
|
449
|
+
var deepCloneExclude = (obj, exclude = []) => {
|
|
450
|
+
if ((0, import_types.isArray)(obj)) {
|
|
451
|
+
return obj.map((x) => deepCloneExclude(x, exclude));
|
|
452
|
+
}
|
|
453
|
+
const o = {};
|
|
454
|
+
for (const k in obj) {
|
|
455
|
+
if (exclude.indexOf(k) > -1)
|
|
456
|
+
continue;
|
|
457
|
+
let v = obj[k];
|
|
458
|
+
if (k === "extend" && (0, import_types.isArray)(v)) {
|
|
459
|
+
v = mergeArrayExclude(v, exclude);
|
|
460
|
+
}
|
|
461
|
+
if ((0, import_types.isArray)(v)) {
|
|
462
|
+
o[k] = v.map((x) => deepCloneExclude(x, exclude));
|
|
463
|
+
} else if ((0, import_types.isObject)(v)) {
|
|
464
|
+
o[k] = deepCloneExclude(v, exclude);
|
|
465
|
+
} else
|
|
466
|
+
o[k] = v;
|
|
467
|
+
}
|
|
468
|
+
return o;
|
|
469
|
+
};
|
|
470
|
+
var mergeArrayExclude = (arr, excl = []) => {
|
|
471
|
+
return arr.reduce((acc, curr) => deepMerge(acc, deepCloneExclude(curr, excl)), {});
|
|
472
|
+
};
|
|
473
|
+
var deepClone2 = (obj) => {
|
|
474
|
+
if ((0, import_types.isArray)(obj)) {
|
|
475
|
+
return obj.map(deepClone2);
|
|
476
|
+
}
|
|
477
|
+
const o = {};
|
|
478
|
+
for (const prop in obj) {
|
|
479
|
+
let objProp = obj[prop];
|
|
480
|
+
if (prop === "extend" && (0, import_types.isArray)(objProp)) {
|
|
481
|
+
objProp = mergeArray(objProp);
|
|
482
|
+
}
|
|
483
|
+
if ((0, import_types.isArray)(objProp)) {
|
|
484
|
+
o[prop] = objProp.map((v) => (0, import_types.isObject)(v) ? deepClone2(v) : v);
|
|
485
|
+
} else if ((0, import_types.isObject)(objProp)) {
|
|
486
|
+
o[prop] = deepClone2(objProp);
|
|
487
|
+
} else
|
|
488
|
+
o[prop] = objProp;
|
|
489
|
+
}
|
|
490
|
+
return o;
|
|
491
|
+
};
|
|
492
|
+
var deepStringify = (obj, stringified = {}) => {
|
|
493
|
+
for (const prop in obj) {
|
|
494
|
+
const objProp = obj[prop];
|
|
495
|
+
if ((0, import_types.isFunction)(objProp)) {
|
|
496
|
+
stringified[prop] = objProp.toString();
|
|
497
|
+
} else if ((0, import_types.isObject)(objProp)) {
|
|
498
|
+
stringified[prop] = {};
|
|
499
|
+
deepStringify(objProp, stringified[prop]);
|
|
500
|
+
} else if ((0, import_types.isArray)(objProp)) {
|
|
501
|
+
stringified[prop] = [];
|
|
502
|
+
objProp.forEach((v, i) => {
|
|
503
|
+
if ((0, import_types.isObject)(v)) {
|
|
504
|
+
stringified[prop][i] = {};
|
|
505
|
+
deepStringify(v, stringified[prop][i]);
|
|
506
|
+
} else if ((0, import_types.isFunction)(v)) {
|
|
507
|
+
stringified[prop][i] = v.toString();
|
|
508
|
+
} else {
|
|
509
|
+
stringified[prop][i] = v;
|
|
510
|
+
}
|
|
511
|
+
});
|
|
512
|
+
} else {
|
|
513
|
+
stringified[prop] = objProp;
|
|
514
|
+
}
|
|
515
|
+
}
|
|
516
|
+
return stringified;
|
|
517
|
+
};
|
|
518
|
+
var deepDestringify = (obj, stringified = {}) => {
|
|
519
|
+
for (const prop in obj) {
|
|
520
|
+
const objProp = obj[prop];
|
|
521
|
+
if ((0, import_types.isString)(objProp)) {
|
|
522
|
+
if (objProp.includes("=>") || objProp.includes("function") || objProp.startsWith("(")) {
|
|
523
|
+
try {
|
|
524
|
+
const evalProp = import_globals2.window.eval(`(${objProp})`);
|
|
525
|
+
stringified[prop] = evalProp;
|
|
526
|
+
} catch (e) {
|
|
527
|
+
if (e)
|
|
528
|
+
stringified[prop] = objProp;
|
|
529
|
+
}
|
|
530
|
+
} else {
|
|
531
|
+
stringified[prop] = objProp;
|
|
532
|
+
}
|
|
533
|
+
} else if ((0, import_types.isArray)(objProp)) {
|
|
534
|
+
stringified[prop] = [];
|
|
535
|
+
objProp.forEach((arrProp) => {
|
|
536
|
+
if ((0, import_types.isString)(arrProp)) {
|
|
537
|
+
if (arrProp.includes("=>") || arrProp.includes("function") || arrProp.startsWith("(")) {
|
|
538
|
+
try {
|
|
539
|
+
const evalProp = import_globals2.window.eval(`(${arrProp})`);
|
|
540
|
+
stringified[prop].push(evalProp);
|
|
541
|
+
} catch (e) {
|
|
542
|
+
if (e)
|
|
543
|
+
stringified[prop].push(arrProp);
|
|
544
|
+
}
|
|
545
|
+
} else {
|
|
546
|
+
stringified[prop].push(arrProp);
|
|
547
|
+
}
|
|
548
|
+
} else if ((0, import_types.isObject)(arrProp)) {
|
|
549
|
+
stringified[prop].push(deepDestringify(arrProp));
|
|
550
|
+
} else {
|
|
551
|
+
stringified[prop].push(arrProp);
|
|
552
|
+
}
|
|
553
|
+
});
|
|
554
|
+
} else if ((0, import_types.isObject)(objProp)) {
|
|
555
|
+
stringified[prop] = deepDestringify(objProp, stringified[prop]);
|
|
556
|
+
} else {
|
|
557
|
+
stringified[prop] = objProp;
|
|
558
|
+
}
|
|
559
|
+
}
|
|
560
|
+
return stringified;
|
|
561
|
+
};
|
|
562
|
+
var overwrite = (element, params, options) => {
|
|
563
|
+
const { ref } = element;
|
|
564
|
+
const changes = {};
|
|
565
|
+
for (const e in params) {
|
|
566
|
+
if (e === "props")
|
|
567
|
+
continue;
|
|
568
|
+
const elementProp = element[e];
|
|
569
|
+
const paramsProp = params[e];
|
|
570
|
+
if (paramsProp) {
|
|
571
|
+
ref.__cache[e] = changes[e] = elementProp;
|
|
572
|
+
ref[e] = paramsProp;
|
|
573
|
+
}
|
|
574
|
+
}
|
|
575
|
+
return changes;
|
|
576
|
+
};
|
|
577
|
+
var diff = (obj, original, cache) => {
|
|
578
|
+
const changes = cache || {};
|
|
579
|
+
for (const e in obj) {
|
|
580
|
+
if (e === "ref")
|
|
581
|
+
continue;
|
|
582
|
+
const originalProp = original[e];
|
|
583
|
+
const objProp = obj[e];
|
|
584
|
+
if ((0, import_types.isObjectLike)(originalProp) && (0, import_types.isObjectLike)(objProp)) {
|
|
585
|
+
changes[e] = {};
|
|
586
|
+
diff(originalProp, objProp, changes[e]);
|
|
587
|
+
} else if (objProp !== void 0) {
|
|
588
|
+
changes[e] = objProp;
|
|
589
|
+
}
|
|
590
|
+
}
|
|
591
|
+
return changes;
|
|
592
|
+
};
|
|
593
|
+
var overwriteObj = (params, obj) => {
|
|
594
|
+
const changes = {};
|
|
595
|
+
for (const e in params) {
|
|
596
|
+
const objProp = obj[e];
|
|
597
|
+
const paramsProp = params[e];
|
|
598
|
+
if (paramsProp) {
|
|
599
|
+
obj[e] = changes[e] = objProp;
|
|
600
|
+
}
|
|
601
|
+
}
|
|
602
|
+
return changes;
|
|
603
|
+
};
|
|
604
|
+
var overwriteDeep = (params, obj) => {
|
|
605
|
+
for (const e in params) {
|
|
606
|
+
const objProp = obj[e];
|
|
607
|
+
const paramsProp = params[e];
|
|
608
|
+
if ((0, import_types.isObjectLike)(objProp) && (0, import_types.isObjectLike)(paramsProp)) {
|
|
609
|
+
overwriteDeep(paramsProp, objProp);
|
|
610
|
+
} else if (paramsProp !== void 0) {
|
|
611
|
+
obj[e] = paramsProp;
|
|
612
|
+
}
|
|
613
|
+
}
|
|
614
|
+
return obj;
|
|
615
|
+
};
|
|
616
|
+
var mergeIfExisted = (a, b) => {
|
|
617
|
+
if ((0, import_types.isObjectLike)(a) && (0, import_types.isObjectLike)(b))
|
|
618
|
+
return deepMerge(a, b);
|
|
619
|
+
return a || b;
|
|
620
|
+
};
|
|
621
|
+
var mergeArray = (arr) => {
|
|
622
|
+
return arr.reduce((a, c) => deepMerge(a, deepClone2(c)), {});
|
|
623
|
+
};
|
|
624
|
+
var mergeAndCloneIfArray = (obj) => {
|
|
625
|
+
return (0, import_types.isArray)(obj) ? mergeArray(obj) : deepClone2(obj);
|
|
626
|
+
};
|
|
627
|
+
var flattenRecursive = (param, prop, stack = []) => {
|
|
628
|
+
const objectized = mergeAndCloneIfArray(param);
|
|
629
|
+
stack.push(objectized);
|
|
630
|
+
const extendOfExtend = objectized[prop];
|
|
631
|
+
if (extendOfExtend)
|
|
632
|
+
flattenRecursive(extendOfExtend, prop, stack);
|
|
633
|
+
delete objectized[prop];
|
|
634
|
+
return stack;
|
|
635
|
+
};
|
|
636
|
+
var isEqualDeep = (param, element) => {
|
|
637
|
+
if (param === element)
|
|
638
|
+
return true;
|
|
639
|
+
if (!param || !element)
|
|
640
|
+
return false;
|
|
641
|
+
for (const prop in param) {
|
|
642
|
+
const paramProp = param[prop];
|
|
643
|
+
const elementProp = element[prop];
|
|
644
|
+
if ((0, import_types.isObjectLike)(paramProp)) {
|
|
645
|
+
const isEqual = isEqualDeep(paramProp, elementProp);
|
|
646
|
+
if (!isEqual)
|
|
647
|
+
return false;
|
|
648
|
+
} else {
|
|
649
|
+
const isEqual = paramProp === elementProp;
|
|
650
|
+
if (!isEqual)
|
|
651
|
+
return false;
|
|
652
|
+
}
|
|
653
|
+
}
|
|
654
|
+
return true;
|
|
655
|
+
};
|
|
656
|
+
}
|
|
657
|
+
});
|
|
658
|
+
|
|
659
|
+
// ../../node_modules/@domql/utils/dist/cjs/function.js
|
|
660
|
+
var require_function = __commonJS({
|
|
661
|
+
"../../node_modules/@domql/utils/dist/cjs/function.js"(exports, module2) {
|
|
662
|
+
"use strict";
|
|
663
|
+
var __defProp2 = Object.defineProperty;
|
|
664
|
+
var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
|
|
665
|
+
var __getOwnPropNames2 = Object.getOwnPropertyNames;
|
|
666
|
+
var __hasOwnProp2 = Object.prototype.hasOwnProperty;
|
|
667
|
+
var __export2 = (target, all) => {
|
|
668
|
+
for (var name in all)
|
|
669
|
+
__defProp2(target, name, { get: all[name], enumerable: true });
|
|
670
|
+
};
|
|
671
|
+
var __copyProps2 = (to, from, except, desc) => {
|
|
672
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
673
|
+
for (let key of __getOwnPropNames2(from))
|
|
674
|
+
if (!__hasOwnProp2.call(to, key) && key !== except)
|
|
675
|
+
__defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
|
|
676
|
+
}
|
|
677
|
+
return to;
|
|
678
|
+
};
|
|
679
|
+
var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
|
|
680
|
+
var function_exports = {};
|
|
681
|
+
__export2(function_exports, {
|
|
682
|
+
debounce: () => debounce,
|
|
683
|
+
memoize: () => memoize
|
|
684
|
+
});
|
|
685
|
+
module2.exports = __toCommonJS2(function_exports);
|
|
686
|
+
var debounce = (element, func, timeout = 300) => {
|
|
687
|
+
let timer;
|
|
688
|
+
return (...args) => {
|
|
689
|
+
clearTimeout(timer);
|
|
690
|
+
timer = setTimeout(() => {
|
|
691
|
+
func.apply(element, args);
|
|
692
|
+
}, timeout);
|
|
693
|
+
};
|
|
694
|
+
};
|
|
695
|
+
var memoize = (fn) => {
|
|
696
|
+
const cache = {};
|
|
697
|
+
return (...args) => {
|
|
698
|
+
const n = args[0];
|
|
699
|
+
if (n in cache) {
|
|
700
|
+
return cache[n];
|
|
701
|
+
} else {
|
|
702
|
+
const result = fn(n);
|
|
703
|
+
cache[n] = result;
|
|
704
|
+
return result;
|
|
705
|
+
}
|
|
706
|
+
};
|
|
707
|
+
};
|
|
708
|
+
}
|
|
709
|
+
});
|
|
710
|
+
|
|
711
|
+
// ../../node_modules/@domql/utils/dist/cjs/array.js
|
|
712
|
+
var require_array = __commonJS({
|
|
713
|
+
"../../node_modules/@domql/utils/dist/cjs/array.js"() {
|
|
714
|
+
"use strict";
|
|
715
|
+
}
|
|
716
|
+
});
|
|
717
|
+
|
|
718
|
+
// ../../node_modules/@domql/utils/dist/cjs/node.js
|
|
719
|
+
var require_node = __commonJS({
|
|
720
|
+
"../../node_modules/@domql/utils/dist/cjs/node.js"(exports, module2) {
|
|
721
|
+
"use strict";
|
|
722
|
+
var __defProp2 = Object.defineProperty;
|
|
723
|
+
var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
|
|
724
|
+
var __getOwnPropNames2 = Object.getOwnPropertyNames;
|
|
725
|
+
var __hasOwnProp2 = Object.prototype.hasOwnProperty;
|
|
726
|
+
var __export2 = (target, all) => {
|
|
727
|
+
for (var name in all)
|
|
728
|
+
__defProp2(target, name, { get: all[name], enumerable: true });
|
|
729
|
+
};
|
|
730
|
+
var __copyProps2 = (to, from, except, desc) => {
|
|
731
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
732
|
+
for (let key of __getOwnPropNames2(from))
|
|
733
|
+
if (!__hasOwnProp2.call(to, key) && key !== except)
|
|
734
|
+
__defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
|
|
735
|
+
}
|
|
736
|
+
return to;
|
|
737
|
+
};
|
|
738
|
+
var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
|
|
739
|
+
var node_exports = {};
|
|
740
|
+
__export2(node_exports, {
|
|
741
|
+
cleanWithNode: () => cleanWithNode,
|
|
742
|
+
createID: () => createID,
|
|
743
|
+
createSnapshotId: () => createSnapshotId
|
|
744
|
+
});
|
|
745
|
+
module2.exports = __toCommonJS2(node_exports);
|
|
746
|
+
var cleanWithNode = (extend) => delete extend.node && extend;
|
|
747
|
+
var createID = function() {
|
|
748
|
+
let index = 0;
|
|
749
|
+
function newId() {
|
|
750
|
+
index++;
|
|
751
|
+
return index;
|
|
752
|
+
}
|
|
753
|
+
return newId;
|
|
754
|
+
}();
|
|
755
|
+
var createSnapshotId = createID;
|
|
756
|
+
}
|
|
757
|
+
});
|
|
758
|
+
|
|
759
|
+
// ../../node_modules/@domql/utils/dist/cjs/log.js
|
|
760
|
+
var require_log = __commonJS({
|
|
761
|
+
"../../node_modules/@domql/utils/dist/cjs/log.js"(exports, module2) {
|
|
762
|
+
"use strict";
|
|
763
|
+
var __defProp2 = Object.defineProperty;
|
|
764
|
+
var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
|
|
765
|
+
var __getOwnPropNames2 = Object.getOwnPropertyNames;
|
|
766
|
+
var __hasOwnProp2 = Object.prototype.hasOwnProperty;
|
|
767
|
+
var __export2 = (target, all) => {
|
|
768
|
+
for (var name in all)
|
|
769
|
+
__defProp2(target, name, { get: all[name], enumerable: true });
|
|
770
|
+
};
|
|
771
|
+
var __copyProps2 = (to, from, except, desc) => {
|
|
772
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
773
|
+
for (let key of __getOwnPropNames2(from))
|
|
774
|
+
if (!__hasOwnProp2.call(to, key) && key !== except)
|
|
775
|
+
__defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
|
|
776
|
+
}
|
|
777
|
+
return to;
|
|
778
|
+
};
|
|
779
|
+
var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
|
|
780
|
+
var log_exports = {};
|
|
781
|
+
__export2(log_exports, {
|
|
782
|
+
logGroupIf: () => logGroupIf,
|
|
783
|
+
logIf: () => logIf
|
|
784
|
+
});
|
|
785
|
+
module2.exports = __toCommonJS2(log_exports);
|
|
786
|
+
var logIf = (bool, ...arg) => {
|
|
787
|
+
if (bool)
|
|
788
|
+
arg.map((v) => console.log(v));
|
|
789
|
+
};
|
|
790
|
+
var logGroupIf = (bool, key, ...arg) => {
|
|
791
|
+
if (bool) {
|
|
792
|
+
console.group(key);
|
|
793
|
+
arg.map((v) => console.log(v));
|
|
794
|
+
console.groupEnd(key);
|
|
795
|
+
}
|
|
796
|
+
};
|
|
797
|
+
}
|
|
798
|
+
});
|
|
799
|
+
|
|
800
|
+
// ../../node_modules/@domql/utils/dist/cjs/index.js
|
|
801
|
+
var require_cjs3 = __commonJS({
|
|
802
|
+
"../../node_modules/@domql/utils/dist/cjs/index.js"(exports, module2) {
|
|
803
|
+
"use strict";
|
|
804
|
+
var __defProp2 = Object.defineProperty;
|
|
805
|
+
var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
|
|
806
|
+
var __getOwnPropNames2 = Object.getOwnPropertyNames;
|
|
807
|
+
var __hasOwnProp2 = Object.prototype.hasOwnProperty;
|
|
808
|
+
var __copyProps2 = (to, from, except, desc) => {
|
|
809
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
810
|
+
for (let key of __getOwnPropNames2(from))
|
|
811
|
+
if (!__hasOwnProp2.call(to, key) && key !== except)
|
|
812
|
+
__defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
|
|
813
|
+
}
|
|
814
|
+
return to;
|
|
815
|
+
};
|
|
816
|
+
var __reExport = (target, mod, secondTarget) => (__copyProps2(target, mod, "default"), secondTarget && __copyProps2(secondTarget, mod, "default"));
|
|
817
|
+
var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
|
|
818
|
+
var utils_exports = {};
|
|
819
|
+
module2.exports = __toCommonJS2(utils_exports);
|
|
820
|
+
__reExport(utils_exports, require_types(), module2.exports);
|
|
821
|
+
__reExport(utils_exports, require_object(), module2.exports);
|
|
822
|
+
__reExport(utils_exports, require_function(), module2.exports);
|
|
823
|
+
__reExport(utils_exports, require_array(), module2.exports);
|
|
824
|
+
__reExport(utils_exports, require_node(), module2.exports);
|
|
825
|
+
__reExport(utils_exports, require_log(), module2.exports);
|
|
826
|
+
}
|
|
827
|
+
});
|
|
828
|
+
|
|
829
|
+
// src/system/font.js
|
|
19
830
|
var font_exports = {};
|
|
20
831
|
__export(font_exports, {
|
|
21
832
|
getFontFamily: () => getFontFamily,
|
|
@@ -23,29 +834,294 @@ __export(font_exports, {
|
|
|
23
834
|
setFontFamily: () => setFontFamily
|
|
24
835
|
});
|
|
25
836
|
module.exports = __toCommonJS(font_exports);
|
|
26
|
-
var
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
var
|
|
30
|
-
|
|
837
|
+
var import_utils8 = __toESM(require_cjs3(), 1);
|
|
838
|
+
|
|
839
|
+
// ../utils/src/index.js
|
|
840
|
+
var import_utils2 = __toESM(require_cjs3());
|
|
841
|
+
|
|
842
|
+
// ../utils/src/scaling.js
|
|
843
|
+
var import_utils = __toESM(require_cjs3());
|
|
844
|
+
|
|
845
|
+
// ../utils/src/index.js
|
|
846
|
+
var arrayzeValue = (val) => {
|
|
847
|
+
if ((0, import_utils2.isString)(val))
|
|
848
|
+
return val.split(" ");
|
|
849
|
+
if ((0, import_utils2.isObject)(val))
|
|
850
|
+
return Object.keys(val).map((v) => val[v]);
|
|
851
|
+
if ((0, import_utils2.isArray)(val))
|
|
852
|
+
return val;
|
|
853
|
+
};
|
|
854
|
+
|
|
855
|
+
// src/factory.js
|
|
856
|
+
var import_utils3 = __toESM(require_cjs3(), 1);
|
|
857
|
+
|
|
858
|
+
// src/defaultConfig/index.js
|
|
859
|
+
var defaultConfig_exports = {};
|
|
860
|
+
__export(defaultConfig_exports, {
|
|
861
|
+
ANIMATION: () => ANIMATION,
|
|
862
|
+
BREAKPOINTS: () => BREAKPOINTS,
|
|
863
|
+
CASES: () => CASES,
|
|
864
|
+
COLOR: () => COLOR,
|
|
865
|
+
DEVICES: () => DEVICES,
|
|
866
|
+
DOCUMENT: () => DOCUMENT,
|
|
867
|
+
FONT: () => FONT,
|
|
868
|
+
FONT_FACE: () => FONT_FACE,
|
|
869
|
+
FONT_FAMILY: () => FONT_FAMILY,
|
|
870
|
+
FONT_FAMILY_TYPES: () => FONT_FAMILY_TYPES,
|
|
871
|
+
GRADIENT: () => GRADIENT,
|
|
872
|
+
ICONS: () => ICONS,
|
|
873
|
+
MEDIA: () => MEDIA,
|
|
874
|
+
RESET: () => RESET,
|
|
875
|
+
SEQUENCE: () => SEQUENCE,
|
|
876
|
+
SPACING: () => SPACING,
|
|
877
|
+
SVG: () => SVG,
|
|
878
|
+
SVG_DATA: () => SVG_DATA,
|
|
879
|
+
THEME: () => THEME,
|
|
880
|
+
TIMING: () => TIMING,
|
|
881
|
+
TYPOGRAPHY: () => TYPOGRAPHY,
|
|
882
|
+
UNIT: () => UNIT
|
|
883
|
+
});
|
|
884
|
+
|
|
885
|
+
// src/defaultConfig/sequence.js
|
|
886
|
+
var SEQUENCE = {
|
|
887
|
+
"minor-second": 1.067,
|
|
888
|
+
"major-second": 1.125,
|
|
889
|
+
"minor-third": 1.2,
|
|
890
|
+
"major-third": 1.25,
|
|
891
|
+
"perfect-fourth": 1.333,
|
|
892
|
+
"augmented-fourth": 1.414,
|
|
893
|
+
"perfect-fifth": 1.5,
|
|
894
|
+
"minor-sixth": 1.6,
|
|
895
|
+
phi: 1.618,
|
|
896
|
+
// golden-ratio
|
|
897
|
+
"major-sixth": 1.667,
|
|
898
|
+
"square-root-3": 1.732,
|
|
899
|
+
// theodorus
|
|
900
|
+
"minor-seventh": 1.778,
|
|
901
|
+
"major-seventh": 1.875,
|
|
902
|
+
octave: 2,
|
|
903
|
+
"square-root-5": 2.23,
|
|
904
|
+
// pythagoras
|
|
905
|
+
"major-tenth": 2.5,
|
|
906
|
+
"major-eleventh": 2.667,
|
|
907
|
+
"major-twelfth": 3,
|
|
908
|
+
pi: 3.14,
|
|
909
|
+
// archimedes
|
|
910
|
+
"double-octave": 4
|
|
911
|
+
};
|
|
912
|
+
|
|
913
|
+
// src/defaultConfig/unit.js
|
|
914
|
+
var UNIT = {
|
|
915
|
+
default: "em"
|
|
916
|
+
};
|
|
917
|
+
|
|
918
|
+
// src/defaultConfig/typography.js
|
|
919
|
+
var defaultProps = {
|
|
920
|
+
browserDefault: 16,
|
|
921
|
+
base: 16,
|
|
922
|
+
type: "font-size",
|
|
923
|
+
ratio: SEQUENCE["minor-third"],
|
|
924
|
+
range: [-3, 12],
|
|
925
|
+
h1Matches: 6,
|
|
926
|
+
lineHeight: 1.5,
|
|
927
|
+
unit: "em",
|
|
928
|
+
templates: {},
|
|
929
|
+
sequence: {},
|
|
930
|
+
scales: {},
|
|
931
|
+
vars: {}
|
|
932
|
+
};
|
|
933
|
+
var TYPOGRAPHY = defaultProps;
|
|
934
|
+
|
|
935
|
+
// src/defaultConfig/font.js
|
|
936
|
+
var FONT = {};
|
|
937
|
+
|
|
938
|
+
// src/defaultConfig/font-family.js
|
|
939
|
+
var FONT_FAMILY = {};
|
|
940
|
+
var FONT_FAMILY_TYPES = {
|
|
941
|
+
"sans-serif": "Helvetica, Arial, sans-serif, --system-default",
|
|
942
|
+
serif: "Times New Roman, Georgia, serif, --system-default",
|
|
943
|
+
monospace: "Courier New, monospace, --system-default"
|
|
944
|
+
};
|
|
945
|
+
var FONT_FACE = {};
|
|
946
|
+
|
|
947
|
+
// src/defaultConfig/media.js
|
|
948
|
+
var MEDIA = {
|
|
949
|
+
tv: "(min-width: 2780px)",
|
|
950
|
+
screenL: "(max-width: 1920px)",
|
|
951
|
+
screenM: "(max-width: 1680px)",
|
|
952
|
+
screenS: "(max-width: 1440px)",
|
|
953
|
+
tabletL: "(max-width: 1366px)",
|
|
954
|
+
tabletM: "(max-width: 1280px)",
|
|
955
|
+
tabletS: "(max-width: 1024px)",
|
|
956
|
+
mobileL: "(max-width: 768px)",
|
|
957
|
+
mobileM: "(max-width: 560px)",
|
|
958
|
+
mobileS: "(max-width: 480px)",
|
|
959
|
+
mobileXS: "(max-width: 375px)",
|
|
960
|
+
light: "(prefers-color-scheme: light)",
|
|
961
|
+
dark: "(prefers-color-scheme: dark)",
|
|
962
|
+
print: "print"
|
|
963
|
+
};
|
|
964
|
+
|
|
965
|
+
// src/defaultConfig/spacing.js
|
|
966
|
+
var defaultProps2 = {
|
|
967
|
+
base: TYPOGRAPHY.base,
|
|
968
|
+
type: "spacing",
|
|
969
|
+
ratio: SEQUENCE.phi,
|
|
970
|
+
range: [-5, 15],
|
|
971
|
+
subSequence: true,
|
|
972
|
+
unit: "em",
|
|
973
|
+
sequence: {},
|
|
974
|
+
scales: {},
|
|
975
|
+
vars: {}
|
|
976
|
+
};
|
|
977
|
+
var SPACING = defaultProps2;
|
|
978
|
+
|
|
979
|
+
// src/defaultConfig/color.js
|
|
980
|
+
var COLOR = {};
|
|
981
|
+
var GRADIENT = {};
|
|
982
|
+
|
|
983
|
+
// src/defaultConfig/theme.js
|
|
984
|
+
var THEME = {};
|
|
985
|
+
|
|
986
|
+
// src/defaultConfig/icons.js
|
|
987
|
+
var ICONS = {};
|
|
988
|
+
|
|
989
|
+
// src/defaultConfig/timing.js
|
|
990
|
+
var defaultProps3 = {
|
|
991
|
+
default: 150,
|
|
992
|
+
base: 150,
|
|
993
|
+
type: "timing",
|
|
994
|
+
ratio: SEQUENCE["perfect-fourth"],
|
|
995
|
+
range: [-3, 12],
|
|
996
|
+
unit: "ms",
|
|
997
|
+
sequence: {},
|
|
998
|
+
scales: {},
|
|
999
|
+
vars: {}
|
|
1000
|
+
};
|
|
1001
|
+
var TIMING = defaultProps3;
|
|
1002
|
+
|
|
1003
|
+
// src/defaultConfig/document.js
|
|
1004
|
+
var DOCUMENT = {};
|
|
1005
|
+
|
|
1006
|
+
// src/defaultConfig/responsive.js
|
|
1007
|
+
var BREAKPOINTS = {
|
|
1008
|
+
screenL: 1920,
|
|
1009
|
+
screenM: 1680,
|
|
1010
|
+
screenS: 1440,
|
|
1011
|
+
tabletL: 1366,
|
|
1012
|
+
tabletM: 1280,
|
|
1013
|
+
tabletS: 1024,
|
|
1014
|
+
mobileL: 768,
|
|
1015
|
+
mobileM: 560,
|
|
1016
|
+
mobileS: 480,
|
|
1017
|
+
mobileXS: 375
|
|
1018
|
+
};
|
|
1019
|
+
var DEVICES = {
|
|
1020
|
+
screenL: [1920, 1024],
|
|
1021
|
+
screenM: [1680, 1024],
|
|
1022
|
+
screenS: [1440, 978],
|
|
1023
|
+
tabletL: [1366, 926],
|
|
1024
|
+
tabletM: [1280, 768],
|
|
1025
|
+
tabletS: [1024, 768],
|
|
1026
|
+
mobileL: [768, 375],
|
|
1027
|
+
mobileM: [560, 768],
|
|
1028
|
+
mobileS: [480, 768],
|
|
1029
|
+
mobileXS: [375, 768]
|
|
1030
|
+
};
|
|
1031
|
+
|
|
1032
|
+
// src/defaultConfig/cases.js
|
|
1033
|
+
var CASES = {};
|
|
1034
|
+
|
|
1035
|
+
// src/defaultConfig/animation.js
|
|
1036
|
+
var ANIMATION = {};
|
|
1037
|
+
|
|
1038
|
+
// src/defaultConfig/svg.js
|
|
1039
|
+
var SVG = {};
|
|
1040
|
+
var SVG_DATA = {};
|
|
1041
|
+
|
|
1042
|
+
// src/defaultConfig/index.js
|
|
1043
|
+
var RESET = {};
|
|
1044
|
+
|
|
1045
|
+
// src/factory.js
|
|
1046
|
+
var CSS_VARS = {};
|
|
1047
|
+
var CONFIG = {
|
|
1048
|
+
verbose: false,
|
|
1049
|
+
useVariable: true,
|
|
1050
|
+
useReset: true,
|
|
1051
|
+
CSS_VARS,
|
|
1052
|
+
...defaultConfig_exports
|
|
1053
|
+
};
|
|
1054
|
+
var cachedConfig = (0, import_utils3.deepClone)(CONFIG);
|
|
1055
|
+
var FACTORY = {
|
|
1056
|
+
active: "0",
|
|
1057
|
+
0: CONFIG
|
|
1058
|
+
};
|
|
1059
|
+
var getActiveConfig = (def) => {
|
|
1060
|
+
if ((0, import_utils3.isDefined)(def) && !FACTORY[def]) {
|
|
1061
|
+
FACTORY[def] = (0, import_utils3.deepClone)(cachedConfig);
|
|
1062
|
+
return FACTORY[def];
|
|
1063
|
+
}
|
|
1064
|
+
return FACTORY[def || FACTORY.active];
|
|
1065
|
+
};
|
|
1066
|
+
|
|
1067
|
+
// src/utils/color.js
|
|
1068
|
+
var import_globals = __toESM(require_cjs(), 1);
|
|
1069
|
+
|
|
1070
|
+
// src/utils/font.js
|
|
1071
|
+
var getDefaultOrFirstKey = (LIBRARY, key) => {
|
|
1072
|
+
if (LIBRARY[key])
|
|
1073
|
+
return LIBRARY[key].value;
|
|
1074
|
+
if (LIBRARY.default)
|
|
1075
|
+
return LIBRARY[LIBRARY.default].value;
|
|
1076
|
+
const hasValue = Object.keys(LIBRARY)[0];
|
|
1077
|
+
return hasValue && LIBRARY[hasValue] && LIBRARY[hasValue].value;
|
|
1078
|
+
};
|
|
1079
|
+
var getFontFormat = (url) => url.split(/[#?]/)[0].split(".").pop().trim();
|
|
1080
|
+
var setCustomFont = (name, url, weight) => `
|
|
1081
|
+
font-family: '${name}';
|
|
1082
|
+
font-style: normal;
|
|
1083
|
+
${weight && `font-weight: ${weight};`}
|
|
1084
|
+
src: url('${url}') format('${getFontFormat(url)}');`;
|
|
1085
|
+
var setCustomFontMedia = (name, url, weight) => `@font-face {
|
|
1086
|
+
${setCustomFont(name, url, weight)}
|
|
1087
|
+
}`;
|
|
1088
|
+
var getFontFaceEach = (name, weights) => {
|
|
1089
|
+
const keys = Object.keys(weights);
|
|
1090
|
+
return keys.map((key) => {
|
|
1091
|
+
const { url, fontWeight } = weights[key];
|
|
1092
|
+
return setCustomFont(name, url, fontWeight);
|
|
1093
|
+
});
|
|
1094
|
+
};
|
|
1095
|
+
|
|
1096
|
+
// src/utils/sequence.js
|
|
1097
|
+
var import_utils4 = __toESM(require_cjs3(), 1);
|
|
1098
|
+
|
|
1099
|
+
// src/utils/var.js
|
|
1100
|
+
var import_utils6 = __toESM(require_cjs3(), 1);
|
|
1101
|
+
|
|
1102
|
+
// src/utils/sprite.js
|
|
1103
|
+
var import_utils7 = __toESM(require_cjs3(), 1);
|
|
1104
|
+
|
|
1105
|
+
// src/system/font.js
|
|
1106
|
+
var setFont = (val, key) => {
|
|
31
1107
|
const CSSvar = `--font-${key}`;
|
|
32
|
-
const fontFace = val[0] ?
|
|
1108
|
+
const fontFace = val[0] ? getFontFaceEach(key, val) : setCustomFontMedia(key, val.url);
|
|
33
1109
|
return { var: CSSvar, value: val, fontFace };
|
|
34
1110
|
};
|
|
35
|
-
|
|
36
|
-
const
|
|
37
|
-
const { FONT_FAMILY } =
|
|
38
|
-
return
|
|
1111
|
+
var getFontFamily = (key, factory) => {
|
|
1112
|
+
const CONFIG2 = getActiveConfig();
|
|
1113
|
+
const { FONT_FAMILY: FONT_FAMILY2 } = CONFIG2;
|
|
1114
|
+
return getDefaultOrFirstKey(factory || FONT_FAMILY2, key);
|
|
39
1115
|
};
|
|
40
|
-
|
|
41
|
-
const
|
|
42
|
-
const { FONT_FAMILY, FONT_FAMILY_TYPES } =
|
|
1116
|
+
var setFontFamily = (val, key) => {
|
|
1117
|
+
const CONFIG2 = getActiveConfig();
|
|
1118
|
+
const { FONT_FAMILY: FONT_FAMILY2, FONT_FAMILY_TYPES: FONT_FAMILY_TYPES2 } = CONFIG2;
|
|
43
1119
|
let { value, type } = val;
|
|
44
1120
|
if (val.isDefault)
|
|
45
|
-
|
|
46
|
-
if ((0,
|
|
47
|
-
value =
|
|
1121
|
+
FONT_FAMILY2.default = key;
|
|
1122
|
+
if ((0, import_utils8.isObject)(value))
|
|
1123
|
+
value = arrayzeValue(value);
|
|
48
1124
|
const CSSvar = `--font-family-${key}`;
|
|
49
|
-
const str = `${value.join(", ")}, ${
|
|
1125
|
+
const str = `${value.join(", ")}, ${FONT_FAMILY_TYPES2[type]}`;
|
|
50
1126
|
return { var: CSSvar, value: str, arr: value, type };
|
|
51
1127
|
};
|