@symbo.ls/scratch 3.2.3 → 3.2.7

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.
Files changed (66) hide show
  1. package/dist/cjs/factory.js +23 -494
  2. package/dist/cjs/index.js +11 -2742
  3. package/dist/cjs/set.js +66 -2060
  4. package/dist/esm/factory.js +43 -0
  5. package/dist/esm/index.js +12 -0
  6. package/dist/esm/set.js +148 -0
  7. package/dist/iife/index.js +2580 -0
  8. package/package.json +25 -15
  9. package/src/set.js +22 -7
  10. package/src/system/color.js +48 -11
  11. package/src/system/font.js +19 -5
  12. package/src/system/reset.js +12 -3
  13. package/src/system/shadow.js +20 -13
  14. package/src/system/spacing.js +63 -56
  15. package/src/system/theme.js +4 -3
  16. package/src/system/timing.js +1 -1
  17. package/src/transforms/index.js +212 -95
  18. package/src/utils/color.js +79 -0
  19. package/src/utils/font.js +54 -14
  20. package/src/utils/sequence.js +94 -39
  21. package/src/utils/sprite.js +2 -2
  22. package/src/utils/unit.js +69 -2
  23. package/src/utils/var.js +1 -2
  24. package/dist/cjs/defaultConfig/animation.js +0 -26
  25. package/dist/cjs/defaultConfig/cases.js +0 -26
  26. package/dist/cjs/defaultConfig/class.js +0 -27
  27. package/dist/cjs/defaultConfig/color.js +0 -28
  28. package/dist/cjs/defaultConfig/document.js +0 -26
  29. package/dist/cjs/defaultConfig/font-family.js +0 -34
  30. package/dist/cjs/defaultConfig/font.js +0 -26
  31. package/dist/cjs/defaultConfig/grid.js +0 -27
  32. package/dist/cjs/defaultConfig/icons.js +0 -28
  33. package/dist/cjs/defaultConfig/index.js +0 -222
  34. package/dist/cjs/defaultConfig/media.js +0 -31
  35. package/dist/cjs/defaultConfig/responsive.js +0 -52
  36. package/dist/cjs/defaultConfig/sequence.js +0 -51
  37. package/dist/cjs/defaultConfig/shadow.js +0 -26
  38. package/dist/cjs/defaultConfig/spacing.js +0 -87
  39. package/dist/cjs/defaultConfig/svg.js +0 -28
  40. package/dist/cjs/defaultConfig/templates.js +0 -26
  41. package/dist/cjs/defaultConfig/theme.js +0 -26
  42. package/dist/cjs/defaultConfig/timing.js +0 -68
  43. package/dist/cjs/defaultConfig/typography.js +0 -72
  44. package/dist/cjs/defaultConfig/unit.js +0 -28
  45. package/dist/cjs/package.json +0 -4
  46. package/dist/cjs/system/color.js +0 -1175
  47. package/dist/cjs/system/document.js +0 -987
  48. package/dist/cjs/system/font.js +0 -1009
  49. package/dist/cjs/system/index.js +0 -2227
  50. package/dist/cjs/system/reset.js +0 -1099
  51. package/dist/cjs/system/shadow.js +0 -1384
  52. package/dist/cjs/system/spacing.js +0 -1338
  53. package/dist/cjs/system/svg.js +0 -1086
  54. package/dist/cjs/system/theme.js +0 -1276
  55. package/dist/cjs/system/timing.js +0 -1213
  56. package/dist/cjs/system/typography.js +0 -1311
  57. package/dist/cjs/tests/index.js +0 -30
  58. package/dist/cjs/transforms/index.js +0 -1613
  59. package/dist/cjs/utils/color.js +0 -333
  60. package/dist/cjs/utils/font.js +0 -69
  61. package/dist/cjs/utils/index.js +0 -1548
  62. package/dist/cjs/utils/sequence.js +0 -1198
  63. package/dist/cjs/utils/sprite.js +0 -579
  64. package/dist/cjs/utils/theme.js +0 -31
  65. package/dist/cjs/utils/unit.js +0 -28
  66. package/dist/cjs/utils/var.js +0 -1040
@@ -1,7 +1,9 @@
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;
6
8
  var __export = (target, all) => {
7
9
  for (var name in all)
@@ -15,9 +17,15 @@ var __copyProps = (to, from, except, desc) => {
15
17
  }
16
18
  return to;
17
19
  };
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ // If the importer is in node compatibility mode or this is not an ESM
22
+ // file that has been converted to a CommonJS file using a Babel-
23
+ // compatible transform (i.e. "__esModule" has not been set), then set
24
+ // "default" to the CommonJS "module.exports" for node compatibility.
25
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
+ mod
27
+ ));
18
28
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
-
20
- // src/factory.js
21
29
  var factory_exports = {};
22
30
  __export(factory_exports, {
23
31
  CONFIG: () => CONFIG,
@@ -28,512 +36,33 @@ __export(factory_exports, {
28
36
  setActiveConfig: () => setActiveConfig
29
37
  });
30
38
  module.exports = __toCommonJS(factory_exports);
31
-
32
- // ../../../domql/packages/utils/dist/esm/globals.js
33
- var window2 = globalThis;
34
- var document2 = window2.document;
35
-
36
- // ../../../domql/packages/utils/dist/esm/node.js
37
- var isDOMNode = (obj) => {
38
- return typeof window2 !== "undefined" && (obj instanceof window2.Node || obj instanceof window2.Window || obj === window2 || obj === document);
39
- };
40
-
41
- // ../../../domql/packages/utils/dist/esm/types.js
42
- var isObject = (arg) => {
43
- if (arg === null) return false;
44
- return typeof arg === "object" && arg.constructor === Object;
45
- };
46
- var isString = (arg) => typeof arg === "string";
47
- var isNumber = (arg) => typeof arg === "number";
48
- var isFunction = (arg) => typeof arg === "function";
49
- var isBoolean = (arg) => arg === true || arg === false;
50
- var isNull = (arg) => arg === null;
51
- var isArray = (arg) => Array.isArray(arg);
52
- var isDate = (d) => d instanceof Date;
53
- var isObjectLike = (arg) => {
54
- if (arg === null) return false;
55
- return typeof arg === "object";
56
- };
57
- var isDefined = (arg) => {
58
- return isObject(arg) || isObjectLike(arg) || isString(arg) || isNumber(arg) || isFunction(arg) || isArray(arg) || isObjectLike(arg) || isBoolean(arg) || isDate(arg) || isNull(arg);
59
- };
60
- var isUndefined = (arg) => {
61
- return arg === void 0;
62
- };
63
-
64
- // ../../../domql/packages/utils/dist/esm/array.js
65
- var unstackArrayOfObjects = (arr, exclude = []) => {
66
- return arr.reduce(
67
- (a, c) => deepMerge(a, deepClone(c, { exclude }), exclude),
68
- {}
69
- );
70
- };
71
-
72
- // ../../../domql/packages/utils/dist/esm/keys.js
73
- var STATE_METHODS = [
74
- "update",
75
- "parse",
76
- "clean",
77
- "create",
78
- "destroy",
79
- "add",
80
- "toggle",
81
- "remove",
82
- "apply",
83
- "set",
84
- "reset",
85
- "replace",
86
- "quietReplace",
87
- "quietUpdate",
88
- "applyReplace",
89
- "applyFunction",
90
- "keys",
91
- "values",
92
- "ref",
93
- "rootUpdate",
94
- "parentUpdate",
95
- "parent",
96
- "__element",
97
- "__depends",
98
- "__ref",
99
- "__children",
100
- "root",
101
- "setByPath",
102
- "setPathCollection",
103
- "removeByPath",
104
- "removePathCollection",
105
- "getByPath"
106
- ];
107
- var PROPS_METHODS = ["update", "__element"];
108
- var METHODS = [
109
- "set",
110
- "reset",
111
- "update",
112
- "remove",
113
- "updateContent",
114
- "removeContent",
115
- "lookup",
116
- "lookdown",
117
- "lookdownAll",
118
- "getRef",
119
- "getPath",
120
- "setNodeStyles",
121
- "spotByPath",
122
- "keys",
123
- "parse",
124
- "setProps",
125
- "parseDeep",
126
- "variables",
127
- "if",
128
- "log",
129
- "verbose",
130
- "warn",
131
- "error",
132
- "call",
133
- "nextElement",
134
- "previousElement"
135
- ];
136
- var METHODS_EXL = [
137
- ...["node", "context", "extends", "__element", "__ref"],
138
- ...METHODS,
139
- ...STATE_METHODS,
140
- ...PROPS_METHODS
141
- ];
142
-
143
- // ../../../domql/packages/utils/dist/esm/object.js
144
- var __defProp2 = Object.defineProperty;
145
- var __defProps = Object.defineProperties;
146
- var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
147
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
148
- var __hasOwnProp2 = Object.prototype.hasOwnProperty;
149
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
150
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
151
- var __spreadValues = (a, b) => {
152
- for (var prop in b || (b = {}))
153
- if (__hasOwnProp2.call(b, prop))
154
- __defNormalProp(a, prop, b[prop]);
155
- if (__getOwnPropSymbols)
156
- for (var prop of __getOwnPropSymbols(b)) {
157
- if (__propIsEnum.call(b, prop))
158
- __defNormalProp(a, prop, b[prop]);
159
- }
160
- return a;
161
- };
162
- var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
163
- var deepMerge = (element, extend, excludeFrom = METHODS_EXL) => {
164
- for (const e in extend) {
165
- const hasOwnProperty2 = Object.prototype.hasOwnProperty.call(extend, e);
166
- if (!hasOwnProperty2 || excludeFrom.includes(e) || e.startsWith("__")) {
167
- continue;
168
- }
169
- const elementProp = element[e];
170
- const extendProp = extend[e];
171
- if (isObjectLike(elementProp) && isObjectLike(extendProp)) {
172
- deepMerge(elementProp, extendProp, excludeFrom);
173
- } else if (elementProp === void 0) {
174
- element[e] = extendProp;
175
- }
176
- }
177
- return element;
178
- };
179
- var deepClone = (obj, options = {}) => {
180
- const {
181
- exclude = [],
182
- cleanUndefined = false,
183
- cleanNull = false,
184
- window: targetWindow,
185
- visited = /* @__PURE__ */ new WeakMap(),
186
- handleExtends = false
187
- } = options;
188
- const contentWindow = targetWindow || window2 || globalThis;
189
- if (!isObjectLike(obj) || isDOMNode(obj)) {
190
- return obj;
191
- }
192
- if (visited.has(obj)) {
193
- return visited.get(obj);
194
- }
195
- const clone2 = contentWindow ? isArray(obj) ? new contentWindow.Array() : new contentWindow.Object() : isArray(obj) ? [] : {};
196
- visited.set(obj, clone2);
197
- for (const key in obj) {
198
- if (!Object.prototype.hasOwnProperty.call(obj, key)) continue;
199
- if (exclude.includes(key) || key.startsWith("__") || key === "__proto__") {
200
- continue;
201
- }
202
- const value = obj[key];
203
- if (cleanUndefined && isUndefined(value) || cleanNull && isNull(value)) {
204
- continue;
205
- }
206
- if (isDOMNode(value)) {
207
- clone2[key] = value;
208
- continue;
209
- }
210
- if (handleExtends && key === "extends" && isArray(value)) {
211
- clone2[key] = unstackArrayOfObjects(value, exclude);
212
- continue;
213
- }
214
- if (isFunction(value) && options.window) {
215
- clone2[key] = contentWindow.eval("(" + value.toString() + ")");
216
- continue;
217
- }
218
- if (isObjectLike(value)) {
219
- clone2[key] = deepClone(value, __spreadProps(__spreadValues({}, options), {
220
- visited
221
- }));
222
- } else {
223
- clone2[key] = value;
224
- }
225
- }
226
- return clone2;
227
- };
228
-
229
- // ../../../domql/packages/utils/dist/esm/cookie.js
230
- var isMobile = (() => typeof navigator === "undefined" ? false : /Mobi/.test(navigator.userAgent))();
231
-
232
- // ../../../domql/packages/event/dist/esm/keys.js
233
- var STATE_METHODS2 = [
234
- "update",
235
- "parse",
236
- "clean",
237
- "create",
238
- "destroy",
239
- "add",
240
- "toggle",
241
- "remove",
242
- "apply",
243
- "set",
244
- "reset",
245
- "replace",
246
- "quietReplace",
247
- "quietUpdate",
248
- "applyReplace",
249
- "applyFunction",
250
- "keys",
251
- "values",
252
- "ref",
253
- "rootUpdate",
254
- "parentUpdate",
255
- "parent",
256
- "__element",
257
- "__depends",
258
- "__ref",
259
- "__children",
260
- "root",
261
- "setByPath",
262
- "setPathCollection",
263
- "removeByPath",
264
- "removePathCollection",
265
- "getByPath"
266
- ];
267
- var PROPS_METHODS2 = ["update", "__element"];
268
- var METHODS2 = [
269
- "set",
270
- "reset",
271
- "update",
272
- "remove",
273
- "updateContent",
274
- "removeContent",
275
- "lookup",
276
- "lookdown",
277
- "lookdownAll",
278
- "getRef",
279
- "getPath",
280
- "setNodeStyles",
281
- "spotByPath",
282
- "keys",
283
- "parse",
284
- "setProps",
285
- "parseDeep",
286
- "variables",
287
- "if",
288
- "log",
289
- "verbose",
290
- "warn",
291
- "error",
292
- "call",
293
- "nextElement",
294
- "previousElement"
295
- ];
296
- var METHODS_EXL2 = [
297
- ...["node", "context", "extends", "__element", "__ref"],
298
- ...METHODS2,
299
- ...STATE_METHODS2,
300
- ...PROPS_METHODS2
301
- ];
302
-
303
- // ../../../domql/packages/event/dist/esm/globals.js
304
- var window3 = globalThis;
305
- var document3 = window3.document;
306
-
307
- // src/defaultConfig/index.js
308
- var defaultConfig_exports = {};
309
- __export(defaultConfig_exports, {
310
- ANIMATION: () => ANIMATION,
311
- BREAKPOINTS: () => BREAKPOINTS,
312
- CASES: () => CASES,
313
- CLASS: () => CLASS,
314
- COLOR: () => COLOR,
315
- DEVICES: () => DEVICES,
316
- DOCUMENT: () => DOCUMENT,
317
- FONT: () => FONT,
318
- FONT_FACE: () => FONT_FACE,
319
- FONT_FAMILY: () => FONT_FAMILY,
320
- FONT_FAMILY_TYPES: () => FONT_FAMILY_TYPES,
321
- GRADIENT: () => GRADIENT,
322
- GRID: () => GRID,
323
- ICONS: () => ICONS,
324
- MEDIA: () => MEDIA,
325
- RESET: () => RESET,
326
- SEMANTIC_ICONS: () => SEMANTIC_ICONS,
327
- SEQUENCE: () => SEQUENCE,
328
- SHADOW: () => SHADOW,
329
- SPACING: () => SPACING,
330
- SVG: () => SVG,
331
- SVG_DATA: () => SVG_DATA,
332
- TEMPLATES: () => TEMPLATES,
333
- THEME: () => THEME,
334
- TIMING: () => TIMING,
335
- TYPOGRAPHY: () => TYPOGRAPHY,
336
- UNIT: () => UNIT
337
- });
338
-
339
- // src/defaultConfig/sequence.js
340
- var SEQUENCE = {
341
- "minor-second": 1.067,
342
- "major-second": 1.125,
343
- "minor-third": 1.2,
344
- "major-third": 1.25,
345
- "perfect-fourth": 1.333,
346
- "augmented-fourth": 1.414,
347
- "perfect-fifth": 1.5,
348
- "minor-sixth": 1.6,
349
- phi: 1.618,
350
- // golden-ratio
351
- "major-sixth": 1.667,
352
- "square-root-3": 1.732,
353
- // theodorus
354
- "minor-seventh": 1.778,
355
- "major-seventh": 1.875,
356
- octave: 2,
357
- "square-root-5": 2.23,
358
- // pythagoras
359
- "major-tenth": 2.5,
360
- "major-eleventh": 2.667,
361
- "major-twelfth": 3,
362
- pi: 3.14,
363
- // archimedes
364
- "double-octave": 4
365
- };
366
-
367
- // src/defaultConfig/unit.js
368
- var UNIT = {
369
- default: "em"
370
- };
371
-
372
- // src/defaultConfig/typography.js
373
- var defaultProps = {
374
- browserDefault: 16,
375
- base: 16,
376
- type: "font-size",
377
- ratio: SEQUENCE["minor-third"],
378
- range: [-3, 12],
379
- h1Matches: 6,
380
- lineHeight: 1.5,
381
- subSequence: true,
382
- mediaRegenerate: false,
383
- unit: "em",
384
- templates: {},
385
- sequence: {},
386
- scales: {},
387
- vars: {}
388
- };
389
- var TYPOGRAPHY = defaultProps;
390
-
391
- // src/defaultConfig/font.js
392
- var FONT = {};
393
-
394
- // src/defaultConfig/font-family.js
395
- var FONT_FAMILY = {};
396
- var FONT_FAMILY_TYPES = {
397
- "sans-serif": "Helvetica, Arial, sans-serif, --system-default",
398
- serif: "Times New Roman, Georgia, serif, --system-default",
399
- monospace: "Courier New, monospace, --system-default"
400
- };
401
- var FONT_FACE = {};
402
-
403
- // src/defaultConfig/media.js
404
- var MEDIA = {
405
- tv: "(min-width: 2780px)",
406
- light: "(prefers-color-scheme: light)",
407
- dark: "(prefers-color-scheme: dark)",
408
- print: "print"
409
- };
410
-
411
- // src/defaultConfig/spacing.js
412
- var defaultProps2 = {
413
- base: TYPOGRAPHY.base,
414
- type: "spacing",
415
- ratio: SEQUENCE.phi,
416
- range: [-5, 15],
417
- subSequence: true,
418
- mediaRegenerate: false,
419
- unit: "em",
420
- sequence: {},
421
- scales: {},
422
- vars: {}
423
- };
424
- var SPACING = defaultProps2;
425
-
426
- // src/defaultConfig/color.js
427
- var COLOR = {};
428
- var GRADIENT = {};
429
-
430
- // src/defaultConfig/theme.js
431
- var THEME = {};
432
-
433
- // src/defaultConfig/shadow.js
434
- var SHADOW = {};
435
-
436
- // src/defaultConfig/icons.js
437
- var ICONS = {};
438
- var SEMANTIC_ICONS = {};
439
-
440
- // src/defaultConfig/timing.js
441
- var defaultProps3 = {
442
- default: 150,
443
- base: 150,
444
- type: "timing",
445
- ratio: SEQUENCE["perfect-fourth"],
446
- range: [-3, 12],
447
- mediaRegenerate: false,
448
- unit: "ms",
449
- sequence: {},
450
- scales: {},
451
- vars: {}
452
- };
453
- var TIMING = defaultProps3;
454
-
455
- // src/defaultConfig/document.js
456
- var DOCUMENT = {};
457
-
458
- // src/defaultConfig/responsive.js
459
- var BREAKPOINTS = {
460
- screenL: 1920,
461
- screenM: 1680,
462
- screenS: 1440,
463
- tabletL: 1366,
464
- tabletM: 1280,
465
- tabletS: 1024,
466
- mobileL: 768,
467
- mobileM: 560,
468
- mobileS: 480,
469
- mobileXS: 375
470
- };
471
- var DEVICES = {
472
- screenXXL: [2560, 1440],
473
- screenXL: [2240, 1260],
474
- screenL: [1920, 1024],
475
- screenM: [1680, 1024],
476
- screenS: [1440, 720],
477
- tabletL: [1366, 926],
478
- tabletM: [1280, 768],
479
- tabletS: [1024, 768],
480
- mobileL: [768, 375],
481
- mobileM: [560, 768],
482
- mobileS: [480, 768],
483
- mobileXS: [375, 768]
484
- };
485
-
486
- // src/defaultConfig/cases.js
487
- var CASES = {};
488
-
489
- // src/defaultConfig/animation.js
490
- var ANIMATION = {};
491
-
492
- // src/defaultConfig/svg.js
493
- var SVG = {};
494
- var SVG_DATA = {};
495
-
496
- // src/defaultConfig/templates.js
497
- var TEMPLATES = {};
498
-
499
- // src/defaultConfig/grid.js
500
- var defaultProps4 = {};
501
- var GRID = defaultProps4;
502
-
503
- // src/defaultConfig/class.js
504
- var defaultProps5 = {};
505
- var CLASS = defaultProps5;
506
-
507
- // src/defaultConfig/index.js
508
- var RESET = {};
509
-
510
- // src/factory.js
511
- var CSS_VARS = {};
512
- var CONFIG = {
39
+ var import_utils = require("@domql/utils");
40
+ var CONF = __toESM(require("./defaultConfig"), 1);
41
+ const CSS_VARS = {};
42
+ const CONFIG = {
513
43
  verbose: false,
514
44
  useVariable: true,
515
45
  useReset: true,
516
46
  CSS_VARS,
517
- ...void 0 || defaultConfig_exports
47
+ ...CONF.default || CONF
518
48
  };
519
- var cachedConfig = deepClone(CONFIG);
520
- var FACTORY = {
49
+ const cachedConfig = (0, import_utils.deepClone)(CONFIG);
50
+ const FACTORY = {
521
51
  active: "0",
522
52
  0: CONFIG
523
53
  };
524
- var activateConfig = (def) => {
525
- if (isDefined(def)) {
54
+ const activateConfig = (def) => {
55
+ if ((0, import_utils.isDefined)(def)) {
526
56
  FACTORY.active = def;
527
57
  }
528
58
  return FACTORY[def || FACTORY.active];
529
59
  };
530
- var getActiveConfig = (def) => {
60
+ const getActiveConfig = (def) => {
531
61
  return FACTORY[def || FACTORY.active] || CONFIG;
532
62
  };
533
- var setActiveConfig = (newConfig) => {
534
- if (!isObject(newConfig)) return;
63
+ const setActiveConfig = (newConfig) => {
64
+ if (!(0, import_utils.isObject)(newConfig)) return;
535
65
  FACTORY.active = "1";
536
- FACTORY["1"] = deepMerge(newConfig, deepClone(cachedConfig));
66
+ FACTORY["1"] = (0, import_utils.deepMerge)(newConfig, (0, import_utils.deepClone)(cachedConfig));
537
67
  return newConfig;
538
68
  };
539
- // @preserve-env