@symbo.ls/scratch 3.14.1 → 3.14.2
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/package.json +2 -2
- package/dist/cjs/defaultConfig/animation.js +0 -26
- package/dist/cjs/defaultConfig/cases.js +0 -26
- package/dist/cjs/defaultConfig/class.js +0 -27
- package/dist/cjs/defaultConfig/color.js +0 -28
- package/dist/cjs/defaultConfig/document.js +0 -26
- package/dist/cjs/defaultConfig/font-family.js +0 -34
- package/dist/cjs/defaultConfig/font.js +0 -26
- package/dist/cjs/defaultConfig/grid.js +0 -27
- package/dist/cjs/defaultConfig/icons.js +0 -28
- package/dist/cjs/defaultConfig/index.js +0 -222
- package/dist/cjs/defaultConfig/media.js +0 -31
- package/dist/cjs/defaultConfig/responsive.js +0 -52
- package/dist/cjs/defaultConfig/sequence.js +0 -51
- package/dist/cjs/defaultConfig/shadow.js +0 -26
- package/dist/cjs/defaultConfig/spacing.js +0 -87
- package/dist/cjs/defaultConfig/svg.js +0 -28
- package/dist/cjs/defaultConfig/templates.js +0 -26
- package/dist/cjs/defaultConfig/theme.js +0 -26
- package/dist/cjs/defaultConfig/timing.js +0 -68
- package/dist/cjs/defaultConfig/typography.js +0 -72
- package/dist/cjs/defaultConfig/unit.js +0 -28
- package/dist/cjs/factory.js +0 -386
- package/dist/cjs/index.js +0 -6365
- package/dist/cjs/package.json +0 -4
- package/dist/cjs/set.js +0 -5681
- package/dist/cjs/system/color.js +0 -4585
- package/dist/cjs/system/document.js +0 -4396
- package/dist/cjs/system/font.js +0 -4444
- package/dist/cjs/system/index.js +0 -5764
- package/dist/cjs/system/reset.js +0 -4511
- package/dist/cjs/system/shadow.js +0 -4898
- package/dist/cjs/system/spacing.js +0 -4847
- package/dist/cjs/system/svg.js +0 -4496
- package/dist/cjs/system/theme.js +0 -4686
- package/dist/cjs/system/timing.js +0 -4724
- package/dist/cjs/system/typography.js +0 -4821
- package/dist/cjs/tests/index.js +0 -30
- package/dist/cjs/transforms/index.js +0 -5104
- package/dist/cjs/utils/color.js +0 -187
- package/dist/cjs/utils/font.js +0 -91
- package/dist/cjs/utils/index.js +0 -5084
- package/dist/cjs/utils/sequence.js +0 -4711
- package/dist/cjs/utils/sprite.js +0 -426
- package/dist/cjs/utils/theme.js +0 -31
- package/dist/cjs/utils/unit.js +0 -81
- package/dist/cjs/utils/var.js +0 -4450
package/dist/cjs/factory.js
DELETED
|
@@ -1,386 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
|
|
20
|
-
// src/factory.js
|
|
21
|
-
var factory_exports = {};
|
|
22
|
-
__export(factory_exports, {
|
|
23
|
-
CONFIG: () => CONFIG,
|
|
24
|
-
CSS_VARS: () => CSS_VARS,
|
|
25
|
-
FACTORY: () => FACTORY,
|
|
26
|
-
activateConfig: () => activateConfig,
|
|
27
|
-
getActiveConfig: () => getActiveConfig,
|
|
28
|
-
setActiveConfig: () => setActiveConfig
|
|
29
|
-
});
|
|
30
|
-
module.exports = __toCommonJS(factory_exports);
|
|
31
|
-
|
|
32
|
-
// ../../../domql/packages/utils/globals.js
|
|
33
|
-
var window2 = globalThis;
|
|
34
|
-
var document2 = window2.document;
|
|
35
|
-
|
|
36
|
-
// ../../../domql/packages/utils/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/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/array.js
|
|
65
|
-
var mergeArray = (arr, exclude = []) => {
|
|
66
|
-
return arr.reduce(
|
|
67
|
-
(a, c) => deepMerge(a, deepClone(c, { exclude }), exclude),
|
|
68
|
-
{}
|
|
69
|
-
);
|
|
70
|
-
};
|
|
71
|
-
|
|
72
|
-
// ../../../domql/packages/utils/object.js
|
|
73
|
-
var deepMerge = (element, extend, excludeFrom = [], level = Infinity) => {
|
|
74
|
-
for (const e in extend) {
|
|
75
|
-
const hasOwnProperty = Object.prototype.hasOwnProperty.call(extend, e);
|
|
76
|
-
if (!hasOwnProperty || excludeFrom.includes(e) || e.startsWith("__"))
|
|
77
|
-
continue;
|
|
78
|
-
const elementProp = element[e];
|
|
79
|
-
const extendProp = extend[e];
|
|
80
|
-
if (isObjectLike(elementProp) && isObjectLike(extendProp)) {
|
|
81
|
-
if (level > 0) {
|
|
82
|
-
deepMerge(elementProp, extendProp, excludeFrom, level - 1);
|
|
83
|
-
} else {
|
|
84
|
-
for (const k in extendProp) {
|
|
85
|
-
if (excludeFrom.includes(k) || elementProp[k] !== void 0) continue;
|
|
86
|
-
elementProp[k] = extendProp[k];
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
} else if (elementProp === void 0) {
|
|
90
|
-
element[e] = extendProp;
|
|
91
|
-
}
|
|
92
|
-
}
|
|
93
|
-
return element;
|
|
94
|
-
};
|
|
95
|
-
var deepClone = (obj, options = {}) => {
|
|
96
|
-
const {
|
|
97
|
-
exclude = [],
|
|
98
|
-
cleanUndefined = false,
|
|
99
|
-
cleanNull = false,
|
|
100
|
-
window: targetWindow,
|
|
101
|
-
visited = /* @__PURE__ */ new WeakMap(),
|
|
102
|
-
handleExtend = false
|
|
103
|
-
} = options;
|
|
104
|
-
const contentWindow = targetWindow || window2 || globalThis;
|
|
105
|
-
if (!isObjectLike(obj) || isDOMNode(obj)) {
|
|
106
|
-
return obj;
|
|
107
|
-
}
|
|
108
|
-
if (visited.has(obj)) {
|
|
109
|
-
return visited.get(obj);
|
|
110
|
-
}
|
|
111
|
-
const clone = contentWindow ? isArray(obj) ? new contentWindow.Array() : new contentWindow.Object() : isArray(obj) ? [] : {};
|
|
112
|
-
visited.set(obj, clone);
|
|
113
|
-
for (const key in obj) {
|
|
114
|
-
if (!Object.prototype.hasOwnProperty.call(obj, key)) continue;
|
|
115
|
-
if (exclude.includes(key) || key.startsWith("__") || key === "__proto__")
|
|
116
|
-
continue;
|
|
117
|
-
let value = obj[key];
|
|
118
|
-
if (cleanUndefined && isUndefined(value) || cleanNull && isNull(value))
|
|
119
|
-
continue;
|
|
120
|
-
if (isDOMNode(value)) {
|
|
121
|
-
clone[key] = value;
|
|
122
|
-
continue;
|
|
123
|
-
}
|
|
124
|
-
if (handleExtend && key === "extend" && isArray(value)) {
|
|
125
|
-
clone[key] = mergeArray(value, exclude);
|
|
126
|
-
continue;
|
|
127
|
-
}
|
|
128
|
-
if (isFunction(value) && options.window) {
|
|
129
|
-
clone[key] = contentWindow.eval("(" + value.toString() + ")");
|
|
130
|
-
continue;
|
|
131
|
-
}
|
|
132
|
-
if ((value == null ? void 0 : value.__ref) && (value == null ? void 0 : value.node)) {
|
|
133
|
-
value = value.parseDeep();
|
|
134
|
-
}
|
|
135
|
-
if (value == null ? void 0 : value.__element) {
|
|
136
|
-
value = value.parse();
|
|
137
|
-
}
|
|
138
|
-
if (isObjectLike(value)) {
|
|
139
|
-
if (!Object.prototype.hasOwnProperty.call(obj, key)) continue;
|
|
140
|
-
clone[key] = deepClone(value, {
|
|
141
|
-
...options,
|
|
142
|
-
visited
|
|
143
|
-
});
|
|
144
|
-
} else {
|
|
145
|
-
clone[key] = value;
|
|
146
|
-
}
|
|
147
|
-
}
|
|
148
|
-
return clone;
|
|
149
|
-
};
|
|
150
|
-
|
|
151
|
-
// ../../../domql/packages/utils/cookie.js
|
|
152
|
-
var isMobile = (() => typeof navigator === "undefined" ? false : /Mobi/.test(navigator.userAgent))();
|
|
153
|
-
|
|
154
|
-
// src/defaultConfig/index.js
|
|
155
|
-
var defaultConfig_exports = {};
|
|
156
|
-
__export(defaultConfig_exports, {
|
|
157
|
-
ANIMATION: () => ANIMATION,
|
|
158
|
-
BREAKPOINTS: () => BREAKPOINTS,
|
|
159
|
-
CASES: () => CASES,
|
|
160
|
-
CLASS: () => CLASS,
|
|
161
|
-
COLOR: () => COLOR,
|
|
162
|
-
DEVICES: () => DEVICES,
|
|
163
|
-
DOCUMENT: () => DOCUMENT,
|
|
164
|
-
FONT: () => FONT,
|
|
165
|
-
FONT_FACE: () => FONT_FACE,
|
|
166
|
-
FONT_FAMILY: () => FONT_FAMILY,
|
|
167
|
-
FONT_FAMILY_TYPES: () => FONT_FAMILY_TYPES,
|
|
168
|
-
GRADIENT: () => GRADIENT,
|
|
169
|
-
GRID: () => GRID,
|
|
170
|
-
ICONS: () => ICONS,
|
|
171
|
-
MEDIA: () => MEDIA,
|
|
172
|
-
RESET: () => RESET,
|
|
173
|
-
SEMANTIC_ICONS: () => SEMANTIC_ICONS,
|
|
174
|
-
SEQUENCE: () => SEQUENCE,
|
|
175
|
-
SHADOW: () => SHADOW,
|
|
176
|
-
SPACING: () => SPACING,
|
|
177
|
-
SVG: () => SVG,
|
|
178
|
-
SVG_DATA: () => SVG_DATA,
|
|
179
|
-
TEMPLATES: () => TEMPLATES,
|
|
180
|
-
THEME: () => THEME,
|
|
181
|
-
TIMING: () => TIMING,
|
|
182
|
-
TYPOGRAPHY: () => TYPOGRAPHY,
|
|
183
|
-
UNIT: () => UNIT
|
|
184
|
-
});
|
|
185
|
-
|
|
186
|
-
// src/defaultConfig/sequence.js
|
|
187
|
-
var SEQUENCE = {
|
|
188
|
-
"minor-second": 1.067,
|
|
189
|
-
"major-second": 1.125,
|
|
190
|
-
"minor-third": 1.2,
|
|
191
|
-
"major-third": 1.25,
|
|
192
|
-
"perfect-fourth": 1.333,
|
|
193
|
-
"augmented-fourth": 1.414,
|
|
194
|
-
"perfect-fifth": 1.5,
|
|
195
|
-
"minor-sixth": 1.6,
|
|
196
|
-
phi: 1.618,
|
|
197
|
-
// golden-ratio
|
|
198
|
-
"major-sixth": 1.667,
|
|
199
|
-
"square-root-3": 1.732,
|
|
200
|
-
// theodorus
|
|
201
|
-
"minor-seventh": 1.778,
|
|
202
|
-
"major-seventh": 1.875,
|
|
203
|
-
octave: 2,
|
|
204
|
-
"square-root-5": 2.23,
|
|
205
|
-
// pythagoras
|
|
206
|
-
"major-tenth": 2.5,
|
|
207
|
-
"major-eleventh": 2.667,
|
|
208
|
-
"major-twelfth": 3,
|
|
209
|
-
pi: 3.14,
|
|
210
|
-
// archimedes
|
|
211
|
-
"double-octave": 4
|
|
212
|
-
};
|
|
213
|
-
|
|
214
|
-
// src/defaultConfig/unit.js
|
|
215
|
-
var UNIT = {
|
|
216
|
-
default: "em"
|
|
217
|
-
};
|
|
218
|
-
|
|
219
|
-
// src/defaultConfig/typography.js
|
|
220
|
-
var defaultProps = {
|
|
221
|
-
browserDefault: 16,
|
|
222
|
-
base: 16,
|
|
223
|
-
type: "font-size",
|
|
224
|
-
ratio: SEQUENCE["minor-third"],
|
|
225
|
-
range: [-3, 12],
|
|
226
|
-
h1Matches: 6,
|
|
227
|
-
lineHeight: 1.5,
|
|
228
|
-
subSequence: true,
|
|
229
|
-
mediaRegenerate: false,
|
|
230
|
-
unit: "em",
|
|
231
|
-
templates: {},
|
|
232
|
-
sequence: {},
|
|
233
|
-
scales: {},
|
|
234
|
-
vars: {}
|
|
235
|
-
};
|
|
236
|
-
var TYPOGRAPHY = defaultProps;
|
|
237
|
-
|
|
238
|
-
// src/defaultConfig/font.js
|
|
239
|
-
var FONT = {};
|
|
240
|
-
|
|
241
|
-
// src/defaultConfig/font-family.js
|
|
242
|
-
var FONT_FAMILY = {};
|
|
243
|
-
var FONT_FAMILY_TYPES = {
|
|
244
|
-
"sans-serif": "Helvetica, Arial, sans-serif, --system-default",
|
|
245
|
-
serif: "Times New Roman, Georgia, serif, --system-default",
|
|
246
|
-
monospace: "Courier New, monospace, --system-default"
|
|
247
|
-
};
|
|
248
|
-
var FONT_FACE = {};
|
|
249
|
-
|
|
250
|
-
// src/defaultConfig/media.js
|
|
251
|
-
var MEDIA = {
|
|
252
|
-
tv: "(min-width: 2780px)",
|
|
253
|
-
light: "(prefers-color-scheme: light)",
|
|
254
|
-
dark: "(prefers-color-scheme: dark)",
|
|
255
|
-
print: "print"
|
|
256
|
-
};
|
|
257
|
-
|
|
258
|
-
// src/defaultConfig/spacing.js
|
|
259
|
-
var defaultProps2 = {
|
|
260
|
-
base: TYPOGRAPHY.base,
|
|
261
|
-
type: "spacing",
|
|
262
|
-
ratio: SEQUENCE.phi,
|
|
263
|
-
range: [-5, 15],
|
|
264
|
-
subSequence: true,
|
|
265
|
-
mediaRegenerate: false,
|
|
266
|
-
unit: "em",
|
|
267
|
-
sequence: {},
|
|
268
|
-
scales: {},
|
|
269
|
-
vars: {}
|
|
270
|
-
};
|
|
271
|
-
var SPACING = defaultProps2;
|
|
272
|
-
|
|
273
|
-
// src/defaultConfig/color.js
|
|
274
|
-
var COLOR = {};
|
|
275
|
-
var GRADIENT = {};
|
|
276
|
-
|
|
277
|
-
// src/defaultConfig/theme.js
|
|
278
|
-
var THEME = {};
|
|
279
|
-
|
|
280
|
-
// src/defaultConfig/shadow.js
|
|
281
|
-
var SHADOW = {};
|
|
282
|
-
|
|
283
|
-
// src/defaultConfig/icons.js
|
|
284
|
-
var ICONS = {};
|
|
285
|
-
var SEMANTIC_ICONS = {};
|
|
286
|
-
|
|
287
|
-
// src/defaultConfig/timing.js
|
|
288
|
-
var defaultProps3 = {
|
|
289
|
-
default: 150,
|
|
290
|
-
base: 150,
|
|
291
|
-
type: "timing",
|
|
292
|
-
ratio: SEQUENCE["perfect-fourth"],
|
|
293
|
-
range: [-3, 12],
|
|
294
|
-
mediaRegenerate: false,
|
|
295
|
-
unit: "ms",
|
|
296
|
-
sequence: {},
|
|
297
|
-
scales: {},
|
|
298
|
-
vars: {}
|
|
299
|
-
};
|
|
300
|
-
var TIMING = defaultProps3;
|
|
301
|
-
|
|
302
|
-
// src/defaultConfig/document.js
|
|
303
|
-
var DOCUMENT = {};
|
|
304
|
-
|
|
305
|
-
// src/defaultConfig/responsive.js
|
|
306
|
-
var BREAKPOINTS = {
|
|
307
|
-
screenL: 1920,
|
|
308
|
-
screenM: 1680,
|
|
309
|
-
screenS: 1440,
|
|
310
|
-
tabletL: 1366,
|
|
311
|
-
tabletM: 1280,
|
|
312
|
-
tabletS: 1024,
|
|
313
|
-
mobileL: 768,
|
|
314
|
-
mobileM: 560,
|
|
315
|
-
mobileS: 480,
|
|
316
|
-
mobileXS: 375
|
|
317
|
-
};
|
|
318
|
-
var DEVICES = {
|
|
319
|
-
screenXXL: [2560, 1440],
|
|
320
|
-
screenXL: [2240, 1260],
|
|
321
|
-
screenL: [1920, 1024],
|
|
322
|
-
screenM: [1680, 1024],
|
|
323
|
-
screenS: [1440, 720],
|
|
324
|
-
tabletL: [1366, 926],
|
|
325
|
-
tabletM: [1280, 768],
|
|
326
|
-
tabletS: [1024, 768],
|
|
327
|
-
mobileL: [768, 375],
|
|
328
|
-
mobileM: [560, 768],
|
|
329
|
-
mobileS: [480, 768],
|
|
330
|
-
mobileXS: [375, 768]
|
|
331
|
-
};
|
|
332
|
-
|
|
333
|
-
// src/defaultConfig/cases.js
|
|
334
|
-
var CASES = {};
|
|
335
|
-
|
|
336
|
-
// src/defaultConfig/animation.js
|
|
337
|
-
var ANIMATION = {};
|
|
338
|
-
|
|
339
|
-
// src/defaultConfig/svg.js
|
|
340
|
-
var SVG = {};
|
|
341
|
-
var SVG_DATA = {};
|
|
342
|
-
|
|
343
|
-
// src/defaultConfig/templates.js
|
|
344
|
-
var TEMPLATES = {};
|
|
345
|
-
|
|
346
|
-
// src/defaultConfig/grid.js
|
|
347
|
-
var defaultProps4 = {};
|
|
348
|
-
var GRID = defaultProps4;
|
|
349
|
-
|
|
350
|
-
// src/defaultConfig/class.js
|
|
351
|
-
var defaultProps5 = {};
|
|
352
|
-
var CLASS = defaultProps5;
|
|
353
|
-
|
|
354
|
-
// src/defaultConfig/index.js
|
|
355
|
-
var RESET = {};
|
|
356
|
-
|
|
357
|
-
// src/factory.js
|
|
358
|
-
var CSS_VARS = {};
|
|
359
|
-
var CONFIG = {
|
|
360
|
-
verbose: false,
|
|
361
|
-
useVariable: true,
|
|
362
|
-
useReset: true,
|
|
363
|
-
CSS_VARS,
|
|
364
|
-
...void 0 || defaultConfig_exports
|
|
365
|
-
};
|
|
366
|
-
var cachedConfig = deepClone(CONFIG);
|
|
367
|
-
var FACTORY = {
|
|
368
|
-
active: "0",
|
|
369
|
-
0: CONFIG
|
|
370
|
-
};
|
|
371
|
-
var activateConfig = (def) => {
|
|
372
|
-
if (isDefined(def)) {
|
|
373
|
-
FACTORY.active = def;
|
|
374
|
-
}
|
|
375
|
-
return FACTORY[def || FACTORY.active];
|
|
376
|
-
};
|
|
377
|
-
var getActiveConfig = (def) => {
|
|
378
|
-
return FACTORY[def || FACTORY.active] || CONFIG;
|
|
379
|
-
};
|
|
380
|
-
var setActiveConfig = (newConfig) => {
|
|
381
|
-
if (!isObject(newConfig)) return;
|
|
382
|
-
FACTORY.active = "1";
|
|
383
|
-
FACTORY["1"] = deepMerge(newConfig, deepClone(cachedConfig));
|
|
384
|
-
return newConfig;
|
|
385
|
-
};
|
|
386
|
-
// @preserve-env
|