@symbo.ls/scratch 3.1.2 → 3.2.3
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 +39 -20
- package/dist/cjs/index.js +130 -72
- package/dist/cjs/set.js +126 -58
- package/dist/cjs/system/color.js +120 -41
- package/dist/cjs/system/document.js +119 -38
- package/dist/cjs/system/font.js +117 -36
- package/dist/cjs/system/index.js +127 -63
- package/dist/cjs/system/reset.js +119 -38
- package/dist/cjs/system/shadow.js +120 -41
- package/dist/cjs/system/spacing.js +119 -38
- package/dist/cjs/system/svg.js +118 -39
- package/dist/cjs/system/theme.js +120 -41
- package/dist/cjs/system/timing.js +117 -36
- package/dist/cjs/system/typography.js +123 -55
- package/dist/cjs/transforms/index.js +122 -43
- package/dist/cjs/utils/color.js +15 -18
- package/dist/cjs/utils/index.js +124 -53
- package/dist/cjs/utils/sequence.js +109 -36
- package/dist/cjs/utils/sprite.js +48 -23
- package/dist/cjs/utils/var.js +109 -36
- package/package.json +7 -7
- package/src/system/typography.js +12 -20
- package/src/utils/color.js +42 -31
- package/src/utils/sprite.js +12 -8
package/dist/cjs/utils/index.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 __defProp3 = Object.defineProperty;
|
|
38
38
|
var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
|
|
39
39
|
var __getOwnPropNames2 = Object.getOwnPropertyNames;
|
|
40
|
-
var
|
|
40
|
+
var __hasOwnProp3 = Object.prototype.hasOwnProperty;
|
|
41
41
|
var __export2 = (target, all) => {
|
|
42
42
|
for (var name in all)
|
|
43
|
-
|
|
43
|
+
__defProp3(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 (!__hasOwnProp3.call(to, key) && key !== except)
|
|
49
|
+
__defProp3(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(__defProp3({}, "__esModule", { value: true }), mod);
|
|
54
54
|
var index_exports = {};
|
|
55
55
|
__export2(index_exports, {
|
|
56
56
|
arrayzeValue: () => arrayzeValue,
|
|
@@ -66,6 +66,8 @@ var require_cjs = __commonJS({
|
|
|
66
66
|
loadJavascriptFile: () => loadJavascriptFile,
|
|
67
67
|
loadJavascriptFileEmbedSync: () => loadJavascriptFileEmbedSync,
|
|
68
68
|
loadJavascriptFileSync: () => loadJavascriptFileSync,
|
|
69
|
+
loadRemoteCSS: () => loadRemoteCSS,
|
|
70
|
+
loadRemoteScript: () => loadRemoteScript,
|
|
69
71
|
removeChars: () => removeChars,
|
|
70
72
|
toCamelCase: () => toCamelCase,
|
|
71
73
|
toDashCase: () => toDashCase2,
|
|
@@ -273,10 +275,12 @@ var require_cjs = __commonJS({
|
|
|
273
275
|
});
|
|
274
276
|
});
|
|
275
277
|
scriptEle.addEventListener("error", (ev) => {
|
|
276
|
-
reject(
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
278
|
+
reject(
|
|
279
|
+
new Error({
|
|
280
|
+
status: false,
|
|
281
|
+
message: `Failed to load the script ${FILE_URL}`
|
|
282
|
+
})
|
|
283
|
+
);
|
|
280
284
|
});
|
|
281
285
|
doc.body.appendChild(scriptEle);
|
|
282
286
|
} catch (error) {
|
|
@@ -347,6 +351,59 @@ var require_cjs = __commonJS({
|
|
|
347
351
|
console.warn(error);
|
|
348
352
|
}
|
|
349
353
|
};
|
|
354
|
+
function loadRemoteScript(url, options = {}) {
|
|
355
|
+
const { window: window4 = globalThis } = options;
|
|
356
|
+
const { document: document4 = window4.document } = options;
|
|
357
|
+
return new Promise((resolve, reject) => {
|
|
358
|
+
const existingScript = document4.querySelector(`script[src="${url}"]`);
|
|
359
|
+
if (existingScript) {
|
|
360
|
+
return resolve(existingScript);
|
|
361
|
+
}
|
|
362
|
+
const script = document4.createElement("script");
|
|
363
|
+
script.src = url;
|
|
364
|
+
script.async = options.async === true;
|
|
365
|
+
script.type = options.type || "text/javascript";
|
|
366
|
+
if (options.id) script.id = options.id;
|
|
367
|
+
if (options.integrity) script.integrity = options.integrity;
|
|
368
|
+
if (options.crossOrigin) script.crossOrigin = options.crossOrigin;
|
|
369
|
+
script.onload = () => {
|
|
370
|
+
script.onerror = script.onload = null;
|
|
371
|
+
resolve(script);
|
|
372
|
+
};
|
|
373
|
+
script.onerror = () => {
|
|
374
|
+
script.onerror = script.onload = null;
|
|
375
|
+
reject(new Error(`Failed to load script: ${url}`));
|
|
376
|
+
};
|
|
377
|
+
document4.head.appendChild(script);
|
|
378
|
+
});
|
|
379
|
+
}
|
|
380
|
+
async function loadRemoteCSS(url, options = {}) {
|
|
381
|
+
const { window: window4 = globalThis } = options;
|
|
382
|
+
const { document: document4 = window4.document } = options;
|
|
383
|
+
return new Promise((resolve, reject) => {
|
|
384
|
+
const existingLink = document4.querySelector(`link[href="${url}"]`);
|
|
385
|
+
if (existingLink) {
|
|
386
|
+
return resolve(existingLink);
|
|
387
|
+
}
|
|
388
|
+
const link = document4.createElement("link");
|
|
389
|
+
link.href = url;
|
|
390
|
+
link.rel = options.rel || "stylesheet";
|
|
391
|
+
link.type = "text/css";
|
|
392
|
+
link.media = options.media || "all";
|
|
393
|
+
if (options.id) link.id = options.id;
|
|
394
|
+
if (options.integrity) link.integrity = options.integrity;
|
|
395
|
+
if (options.crossOrigin) link.crossOrigin = options.crossOrigin;
|
|
396
|
+
link.onload = () => {
|
|
397
|
+
link.onerror = link.onload = null;
|
|
398
|
+
resolve(link);
|
|
399
|
+
};
|
|
400
|
+
link.onerror = () => {
|
|
401
|
+
link.onerror = link.onload = null;
|
|
402
|
+
reject(new Error(`Failed to load stylesheet: ${url}`));
|
|
403
|
+
};
|
|
404
|
+
document4.head.appendChild(link);
|
|
405
|
+
});
|
|
406
|
+
}
|
|
350
407
|
var isPhoto = (format) => ["jpeg", "gif", "jpg", "png", "tiff", "woff"].includes(format);
|
|
351
408
|
var copyStringToClipboard = async (str) => {
|
|
352
409
|
try {
|
|
@@ -373,12 +430,9 @@ var require_cjs = __commonJS({
|
|
|
373
430
|
return index === 0 ? word.toLowerCase() : word.toUpperCase();
|
|
374
431
|
}).replaceAll(/\s+/g, "");
|
|
375
432
|
};
|
|
376
|
-
var toTitleCase = (str) => str && str.replace(
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
|
|
380
|
-
}
|
|
381
|
-
);
|
|
433
|
+
var toTitleCase = (str) => str && str.replace(/\w\S*/g, (txt) => {
|
|
434
|
+
return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
|
|
435
|
+
});
|
|
382
436
|
var toDashCase2 = (val) => val.replace(/[^a-zA-Z0-9]/g, " ").trim().toLowerCase().replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "");
|
|
383
437
|
var toDescriptionCase = (str = "") => {
|
|
384
438
|
if (typeof str !== "string") return;
|
|
@@ -449,16 +503,16 @@ var isScalingUnit = (unit) => {
|
|
|
449
503
|
return unit === "em" || unit === "rem" || unit === "vw" || unit === "vh" || unit === "vmax" || unit === "vmin";
|
|
450
504
|
};
|
|
451
505
|
|
|
452
|
-
// ../../../domql/packages/utils/globals.js
|
|
506
|
+
// ../../../domql/packages/utils/dist/esm/globals.js
|
|
453
507
|
var window2 = globalThis;
|
|
454
508
|
var document2 = window2.document;
|
|
455
509
|
|
|
456
|
-
// ../../../domql/packages/utils/node.js
|
|
510
|
+
// ../../../domql/packages/utils/dist/esm/node.js
|
|
457
511
|
var isDOMNode = (obj) => {
|
|
458
512
|
return typeof window2 !== "undefined" && (obj instanceof window2.Node || obj instanceof window2.Window || obj === window2 || obj === document);
|
|
459
513
|
};
|
|
460
514
|
|
|
461
|
-
// ../../../domql/packages/utils/types.js
|
|
515
|
+
// ../../../domql/packages/utils/dist/esm/types.js
|
|
462
516
|
var isString = (arg) => typeof arg === "string";
|
|
463
517
|
var isNumber = (arg) => typeof arg === "number";
|
|
464
518
|
var isFunction = (arg) => typeof arg === "function";
|
|
@@ -472,7 +526,7 @@ var isUndefined = (arg) => {
|
|
|
472
526
|
return arg === void 0;
|
|
473
527
|
};
|
|
474
528
|
|
|
475
|
-
// ../../../domql/packages/utils/array.js
|
|
529
|
+
// ../../../domql/packages/utils/dist/esm/array.js
|
|
476
530
|
var unstackArrayOfObjects = (arr, exclude = []) => {
|
|
477
531
|
return arr.reduce(
|
|
478
532
|
(a, c) => deepMerge(a, deepClone(c, { exclude }), exclude),
|
|
@@ -480,7 +534,7 @@ var unstackArrayOfObjects = (arr, exclude = []) => {
|
|
|
480
534
|
);
|
|
481
535
|
};
|
|
482
536
|
|
|
483
|
-
// ../../../domql/packages/utils/keys.js
|
|
537
|
+
// ../../../domql/packages/utils/dist/esm/keys.js
|
|
484
538
|
var STATE_METHODS = [
|
|
485
539
|
"update",
|
|
486
540
|
"parse",
|
|
@@ -551,11 +605,30 @@ var METHODS_EXL = [
|
|
|
551
605
|
...PROPS_METHODS
|
|
552
606
|
];
|
|
553
607
|
|
|
554
|
-
// ../../../domql/packages/utils/object.js
|
|
608
|
+
// ../../../domql/packages/utils/dist/esm/object.js
|
|
609
|
+
var __defProp2 = Object.defineProperty;
|
|
610
|
+
var __defProps = Object.defineProperties;
|
|
611
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
612
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
613
|
+
var __hasOwnProp2 = Object.prototype.hasOwnProperty;
|
|
614
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
615
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
616
|
+
var __spreadValues = (a, b) => {
|
|
617
|
+
for (var prop in b || (b = {}))
|
|
618
|
+
if (__hasOwnProp2.call(b, prop))
|
|
619
|
+
__defNormalProp(a, prop, b[prop]);
|
|
620
|
+
if (__getOwnPropSymbols)
|
|
621
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
622
|
+
if (__propIsEnum.call(b, prop))
|
|
623
|
+
__defNormalProp(a, prop, b[prop]);
|
|
624
|
+
}
|
|
625
|
+
return a;
|
|
626
|
+
};
|
|
627
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
555
628
|
var deepMerge = (element, extend, excludeFrom = METHODS_EXL) => {
|
|
556
629
|
for (const e in extend) {
|
|
557
|
-
const
|
|
558
|
-
if (!
|
|
630
|
+
const hasOwnProperty2 = Object.prototype.hasOwnProperty.call(extend, e);
|
|
631
|
+
if (!hasOwnProperty2 || excludeFrom.includes(e) || e.startsWith("__")) {
|
|
559
632
|
continue;
|
|
560
633
|
}
|
|
561
634
|
const elementProp = element[e];
|
|
@@ -577,14 +650,15 @@ var deepClone = (obj, options = {}) => {
|
|
|
577
650
|
visited = /* @__PURE__ */ new WeakMap(),
|
|
578
651
|
handleExtends = false
|
|
579
652
|
} = options;
|
|
653
|
+
const contentWindow = targetWindow || window2 || globalThis;
|
|
580
654
|
if (!isObjectLike(obj) || isDOMNode(obj)) {
|
|
581
655
|
return obj;
|
|
582
656
|
}
|
|
583
657
|
if (visited.has(obj)) {
|
|
584
658
|
return visited.get(obj);
|
|
585
659
|
}
|
|
586
|
-
const
|
|
587
|
-
visited.set(obj,
|
|
660
|
+
const clone2 = contentWindow ? isArray(obj) ? new contentWindow.Array() : new contentWindow.Object() : isArray(obj) ? [] : {};
|
|
661
|
+
visited.set(obj, clone2);
|
|
588
662
|
for (const key in obj) {
|
|
589
663
|
if (!Object.prototype.hasOwnProperty.call(obj, key)) continue;
|
|
590
664
|
if (exclude.includes(key) || key.startsWith("__") || key === "__proto__") {
|
|
@@ -595,30 +669,34 @@ var deepClone = (obj, options = {}) => {
|
|
|
595
669
|
continue;
|
|
596
670
|
}
|
|
597
671
|
if (isDOMNode(value)) {
|
|
598
|
-
|
|
672
|
+
clone2[key] = value;
|
|
599
673
|
continue;
|
|
600
674
|
}
|
|
601
675
|
if (handleExtends && key === "extends" && isArray(value)) {
|
|
602
|
-
|
|
676
|
+
clone2[key] = unstackArrayOfObjects(value, exclude);
|
|
603
677
|
continue;
|
|
604
678
|
}
|
|
605
|
-
if (isFunction(value) &&
|
|
606
|
-
|
|
679
|
+
if (isFunction(value) && options.window) {
|
|
680
|
+
clone2[key] = contentWindow.eval("(" + value.toString() + ")");
|
|
607
681
|
continue;
|
|
608
682
|
}
|
|
609
683
|
if (isObjectLike(value)) {
|
|
610
|
-
|
|
611
|
-
...options,
|
|
684
|
+
clone2[key] = deepClone(value, __spreadProps(__spreadValues({}, options), {
|
|
612
685
|
visited
|
|
613
|
-
});
|
|
686
|
+
}));
|
|
614
687
|
} else {
|
|
615
|
-
|
|
688
|
+
clone2[key] = value;
|
|
616
689
|
}
|
|
617
690
|
}
|
|
618
|
-
return
|
|
691
|
+
return clone2;
|
|
619
692
|
};
|
|
620
693
|
|
|
621
|
-
// ../../../domql/packages/utils/
|
|
694
|
+
// ../../../domql/packages/utils/dist/esm/env.js
|
|
695
|
+
var NODE_ENV = "development";
|
|
696
|
+
var isProduction = (env = NODE_ENV) => env === "production";
|
|
697
|
+
var isNotProduction = (env = NODE_ENV) => !isProduction(env);
|
|
698
|
+
|
|
699
|
+
// ../../../domql/packages/utils/dist/esm/cookie.js
|
|
622
700
|
var isMobile = (() => typeof navigator === "undefined" ? false : /Mobi/.test(navigator.userAgent))();
|
|
623
701
|
|
|
624
702
|
// ../../../domql/packages/event/dist/esm/keys.js
|
|
@@ -697,7 +775,6 @@ var window3 = globalThis;
|
|
|
697
775
|
var document3 = window3.document;
|
|
698
776
|
|
|
699
777
|
// src/utils/color.js
|
|
700
|
-
var ENV = "development";
|
|
701
778
|
var colorStringToRgbaArray = (color) => {
|
|
702
779
|
if (color === "") return [0, 0, 0, 0];
|
|
703
780
|
if (color.toLowerCase() === "transparent") return [0, 0, 0, 0];
|
|
@@ -768,10 +845,7 @@ var mixTwoRgb = (colorA, colorB, range = 0.5) => {
|
|
|
768
845
|
};
|
|
769
846
|
var changeLightness = (delta, hsl) => {
|
|
770
847
|
const [hue, saturation, lightness] = hsl;
|
|
771
|
-
const newLightness = Math.max(
|
|
772
|
-
0,
|
|
773
|
-
Math.min(100, lightness + parseFloat(delta))
|
|
774
|
-
);
|
|
848
|
+
const newLightness = Math.max(0, Math.min(100, lightness + parseFloat(delta)));
|
|
775
849
|
return [hue, saturation, newLightness];
|
|
776
850
|
};
|
|
777
851
|
var rgbToHSL = (r, g, b) => {
|
|
@@ -781,10 +855,7 @@ var rgbToHSL = (r, g, b) => {
|
|
|
781
855
|
const h = n && (a == r ? (g - b) / n : a == g ? 2 + (b - r) / n : 4 + (r - g) / n);
|
|
782
856
|
return [60 * (h < 0 ? h + 6 : h), f ? n / f : 0, (a + a - n) / 2];
|
|
783
857
|
};
|
|
784
|
-
var hslToRgb = (h, s, l, a = s * Math.min(l, 1 - l), f = (n, k = (n + h / 30) % 12) => l - a * Math.max(
|
|
785
|
-
Math.min(k - 3, 9 - k, 1),
|
|
786
|
-
-1
|
|
787
|
-
)) => [f(0), f(8), f(4)];
|
|
858
|
+
var hslToRgb = (h, s, l, a = s * Math.min(l, 1 - l), f = (n, k = (n + h / 30) % 12) => l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1)) => [f(0), f(8), f(4)];
|
|
788
859
|
var getColorShade = (col, amt) => {
|
|
789
860
|
const num = parseInt(col, 16);
|
|
790
861
|
let r = (num >> 16) + amt;
|
|
@@ -802,23 +873,22 @@ var mixTwoRgba = (colorA, colorB, range = 0.5) => {
|
|
|
802
873
|
const arr = [];
|
|
803
874
|
for (let i = 0; i < 4; i++) {
|
|
804
875
|
const round = i === 3 ? (x) => x : Math.round;
|
|
805
|
-
arr[i] = round(
|
|
806
|
-
colorA[i] + (colorB[i] - colorA[i]) * range
|
|
807
|
-
);
|
|
876
|
+
arr[i] = round(colorA[i] + (colorB[i] - colorA[i]) * range);
|
|
808
877
|
}
|
|
809
878
|
return `rgba(${arr})`;
|
|
810
879
|
};
|
|
811
880
|
var opacify = (color, opacity) => {
|
|
812
881
|
const arr = colorStringToRgbaArray(color);
|
|
813
882
|
if (!arr) {
|
|
814
|
-
if (
|
|
883
|
+
if (isNotProduction()) console.warn(color + " color is not rgba");
|
|
815
884
|
return;
|
|
816
885
|
}
|
|
817
886
|
arr[3] = opacity;
|
|
818
887
|
return `rgba(${arr})`;
|
|
819
888
|
};
|
|
820
889
|
var getRgbTone = (rgb, tone) => {
|
|
821
|
-
if (isString(rgb) && rgb.includes("rgb"))
|
|
890
|
+
if (isString(rgb) && rgb.includes("rgb"))
|
|
891
|
+
rgb = colorStringToRgbaArray(rgb).join(", ");
|
|
822
892
|
if (isString(rgb)) rgb = rgb.split(",").map((v) => parseFloat(v.trim()));
|
|
823
893
|
if (isNumber(tone)) tone += "";
|
|
824
894
|
const toHex = rgbArrayToHex(rgb);
|
|
@@ -1416,8 +1486,7 @@ var applyMediaSequenceVars = (FACTORY2, media, options = {}) => {
|
|
|
1416
1486
|
};
|
|
1417
1487
|
|
|
1418
1488
|
// src/utils/sprite.js
|
|
1419
|
-
var
|
|
1420
|
-
var isDev = ENV2 === "development" || ENV2 === "testing";
|
|
1489
|
+
var isDev = isNotProduction();
|
|
1421
1490
|
var generateSprite = (icons) => {
|
|
1422
1491
|
const CONFIG2 = getActiveConfig();
|
|
1423
1492
|
let sprite = "";
|
|
@@ -1439,7 +1508,9 @@ var parseRootAttributes = (htmlString) => {
|
|
|
1439
1508
|
return {};
|
|
1440
1509
|
}
|
|
1441
1510
|
const attrString = match[1];
|
|
1442
|
-
const attrs = attrString.match(
|
|
1511
|
+
const attrs = attrString.match(
|
|
1512
|
+
/(\S+)=["']?((?:.(?!["']?\s+(?:\S+)=|\s*\/?[>"']))+.)["']?/gm
|
|
1513
|
+
);
|
|
1443
1514
|
return attrs.reduce((acc, attr) => {
|
|
1444
1515
|
const [key, value] = attr.split("=");
|
|
1445
1516
|
acc[key] = value.replace(/['"]/g, "");
|
|
@@ -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 __defProp3 = Object.defineProperty;
|
|
38
38
|
var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
|
|
39
39
|
var __getOwnPropNames2 = Object.getOwnPropertyNames;
|
|
40
|
-
var
|
|
40
|
+
var __hasOwnProp3 = Object.prototype.hasOwnProperty;
|
|
41
41
|
var __export2 = (target, all) => {
|
|
42
42
|
for (var name in all)
|
|
43
|
-
|
|
43
|
+
__defProp3(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 (!__hasOwnProp3.call(to, key) && key !== except)
|
|
49
|
+
__defProp3(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(__defProp3({}, "__esModule", { value: true }), mod);
|
|
54
54
|
var index_exports = {};
|
|
55
55
|
__export2(index_exports, {
|
|
56
56
|
arrayzeValue: () => arrayzeValue,
|
|
@@ -66,6 +66,8 @@ var require_cjs = __commonJS({
|
|
|
66
66
|
loadJavascriptFile: () => loadJavascriptFile,
|
|
67
67
|
loadJavascriptFileEmbedSync: () => loadJavascriptFileEmbedSync,
|
|
68
68
|
loadJavascriptFileSync: () => loadJavascriptFileSync,
|
|
69
|
+
loadRemoteCSS: () => loadRemoteCSS,
|
|
70
|
+
loadRemoteScript: () => loadRemoteScript,
|
|
69
71
|
removeChars: () => removeChars,
|
|
70
72
|
toCamelCase: () => toCamelCase,
|
|
71
73
|
toDashCase: () => toDashCase2,
|
|
@@ -273,10 +275,12 @@ var require_cjs = __commonJS({
|
|
|
273
275
|
});
|
|
274
276
|
});
|
|
275
277
|
scriptEle.addEventListener("error", (ev) => {
|
|
276
|
-
reject(
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
278
|
+
reject(
|
|
279
|
+
new Error({
|
|
280
|
+
status: false,
|
|
281
|
+
message: `Failed to load the script ${FILE_URL}`
|
|
282
|
+
})
|
|
283
|
+
);
|
|
280
284
|
});
|
|
281
285
|
doc.body.appendChild(scriptEle);
|
|
282
286
|
} catch (error) {
|
|
@@ -347,6 +351,59 @@ var require_cjs = __commonJS({
|
|
|
347
351
|
console.warn(error);
|
|
348
352
|
}
|
|
349
353
|
};
|
|
354
|
+
function loadRemoteScript(url, options = {}) {
|
|
355
|
+
const { window: window4 = globalThis } = options;
|
|
356
|
+
const { document: document4 = window4.document } = options;
|
|
357
|
+
return new Promise((resolve, reject) => {
|
|
358
|
+
const existingScript = document4.querySelector(`script[src="${url}"]`);
|
|
359
|
+
if (existingScript) {
|
|
360
|
+
return resolve(existingScript);
|
|
361
|
+
}
|
|
362
|
+
const script = document4.createElement("script");
|
|
363
|
+
script.src = url;
|
|
364
|
+
script.async = options.async === true;
|
|
365
|
+
script.type = options.type || "text/javascript";
|
|
366
|
+
if (options.id) script.id = options.id;
|
|
367
|
+
if (options.integrity) script.integrity = options.integrity;
|
|
368
|
+
if (options.crossOrigin) script.crossOrigin = options.crossOrigin;
|
|
369
|
+
script.onload = () => {
|
|
370
|
+
script.onerror = script.onload = null;
|
|
371
|
+
resolve(script);
|
|
372
|
+
};
|
|
373
|
+
script.onerror = () => {
|
|
374
|
+
script.onerror = script.onload = null;
|
|
375
|
+
reject(new Error(`Failed to load script: ${url}`));
|
|
376
|
+
};
|
|
377
|
+
document4.head.appendChild(script);
|
|
378
|
+
});
|
|
379
|
+
}
|
|
380
|
+
async function loadRemoteCSS(url, options = {}) {
|
|
381
|
+
const { window: window4 = globalThis } = options;
|
|
382
|
+
const { document: document4 = window4.document } = options;
|
|
383
|
+
return new Promise((resolve, reject) => {
|
|
384
|
+
const existingLink = document4.querySelector(`link[href="${url}"]`);
|
|
385
|
+
if (existingLink) {
|
|
386
|
+
return resolve(existingLink);
|
|
387
|
+
}
|
|
388
|
+
const link = document4.createElement("link");
|
|
389
|
+
link.href = url;
|
|
390
|
+
link.rel = options.rel || "stylesheet";
|
|
391
|
+
link.type = "text/css";
|
|
392
|
+
link.media = options.media || "all";
|
|
393
|
+
if (options.id) link.id = options.id;
|
|
394
|
+
if (options.integrity) link.integrity = options.integrity;
|
|
395
|
+
if (options.crossOrigin) link.crossOrigin = options.crossOrigin;
|
|
396
|
+
link.onload = () => {
|
|
397
|
+
link.onerror = link.onload = null;
|
|
398
|
+
resolve(link);
|
|
399
|
+
};
|
|
400
|
+
link.onerror = () => {
|
|
401
|
+
link.onerror = link.onload = null;
|
|
402
|
+
reject(new Error(`Failed to load stylesheet: ${url}`));
|
|
403
|
+
};
|
|
404
|
+
document4.head.appendChild(link);
|
|
405
|
+
});
|
|
406
|
+
}
|
|
350
407
|
var isPhoto = (format) => ["jpeg", "gif", "jpg", "png", "tiff", "woff"].includes(format);
|
|
351
408
|
var copyStringToClipboard = async (str) => {
|
|
352
409
|
try {
|
|
@@ -373,12 +430,9 @@ var require_cjs = __commonJS({
|
|
|
373
430
|
return index === 0 ? word.toLowerCase() : word.toUpperCase();
|
|
374
431
|
}).replaceAll(/\s+/g, "");
|
|
375
432
|
};
|
|
376
|
-
var toTitleCase = (str) => str && str.replace(
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
|
|
380
|
-
}
|
|
381
|
-
);
|
|
433
|
+
var toTitleCase = (str) => str && str.replace(/\w\S*/g, (txt) => {
|
|
434
|
+
return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
|
|
435
|
+
});
|
|
382
436
|
var toDashCase2 = (val) => val.replace(/[^a-zA-Z0-9]/g, " ").trim().toLowerCase().replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "");
|
|
383
437
|
var toDescriptionCase = (str = "") => {
|
|
384
438
|
if (typeof str !== "string") return;
|
|
@@ -412,16 +466,16 @@ __export(sequence_exports, {
|
|
|
412
466
|
});
|
|
413
467
|
module.exports = __toCommonJS(sequence_exports);
|
|
414
468
|
|
|
415
|
-
// ../../../domql/packages/utils/globals.js
|
|
469
|
+
// ../../../domql/packages/utils/dist/esm/globals.js
|
|
416
470
|
var window2 = globalThis;
|
|
417
471
|
var document2 = window2.document;
|
|
418
472
|
|
|
419
|
-
// ../../../domql/packages/utils/node.js
|
|
473
|
+
// ../../../domql/packages/utils/dist/esm/node.js
|
|
420
474
|
var isDOMNode = (obj) => {
|
|
421
475
|
return typeof window2 !== "undefined" && (obj instanceof window2.Node || obj instanceof window2.Window || obj === window2 || obj === document);
|
|
422
476
|
};
|
|
423
477
|
|
|
424
|
-
// ../../../domql/packages/utils/types.js
|
|
478
|
+
// ../../../domql/packages/utils/dist/esm/types.js
|
|
425
479
|
var isString = (arg) => typeof arg === "string";
|
|
426
480
|
var isFunction = (arg) => typeof arg === "function";
|
|
427
481
|
var isNull = (arg) => arg === null;
|
|
@@ -434,7 +488,7 @@ var isUndefined = (arg) => {
|
|
|
434
488
|
return arg === void 0;
|
|
435
489
|
};
|
|
436
490
|
|
|
437
|
-
// ../../../domql/packages/utils/array.js
|
|
491
|
+
// ../../../domql/packages/utils/dist/esm/array.js
|
|
438
492
|
var unstackArrayOfObjects = (arr, exclude = []) => {
|
|
439
493
|
return arr.reduce(
|
|
440
494
|
(a, c) => deepMerge(a, deepClone(c, { exclude }), exclude),
|
|
@@ -442,7 +496,7 @@ var unstackArrayOfObjects = (arr, exclude = []) => {
|
|
|
442
496
|
);
|
|
443
497
|
};
|
|
444
498
|
|
|
445
|
-
// ../../../domql/packages/utils/keys.js
|
|
499
|
+
// ../../../domql/packages/utils/dist/esm/keys.js
|
|
446
500
|
var STATE_METHODS = [
|
|
447
501
|
"update",
|
|
448
502
|
"parse",
|
|
@@ -513,11 +567,30 @@ var METHODS_EXL = [
|
|
|
513
567
|
...PROPS_METHODS
|
|
514
568
|
];
|
|
515
569
|
|
|
516
|
-
// ../../../domql/packages/utils/object.js
|
|
570
|
+
// ../../../domql/packages/utils/dist/esm/object.js
|
|
571
|
+
var __defProp2 = Object.defineProperty;
|
|
572
|
+
var __defProps = Object.defineProperties;
|
|
573
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
574
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
575
|
+
var __hasOwnProp2 = Object.prototype.hasOwnProperty;
|
|
576
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
577
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
578
|
+
var __spreadValues = (a, b) => {
|
|
579
|
+
for (var prop in b || (b = {}))
|
|
580
|
+
if (__hasOwnProp2.call(b, prop))
|
|
581
|
+
__defNormalProp(a, prop, b[prop]);
|
|
582
|
+
if (__getOwnPropSymbols)
|
|
583
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
584
|
+
if (__propIsEnum.call(b, prop))
|
|
585
|
+
__defNormalProp(a, prop, b[prop]);
|
|
586
|
+
}
|
|
587
|
+
return a;
|
|
588
|
+
};
|
|
589
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
517
590
|
var deepMerge = (element, extend, excludeFrom = METHODS_EXL) => {
|
|
518
591
|
for (const e in extend) {
|
|
519
|
-
const
|
|
520
|
-
if (!
|
|
592
|
+
const hasOwnProperty2 = Object.prototype.hasOwnProperty.call(extend, e);
|
|
593
|
+
if (!hasOwnProperty2 || excludeFrom.includes(e) || e.startsWith("__")) {
|
|
521
594
|
continue;
|
|
522
595
|
}
|
|
523
596
|
const elementProp = element[e];
|
|
@@ -539,14 +612,15 @@ var deepClone = (obj, options = {}) => {
|
|
|
539
612
|
visited = /* @__PURE__ */ new WeakMap(),
|
|
540
613
|
handleExtends = false
|
|
541
614
|
} = options;
|
|
615
|
+
const contentWindow = targetWindow || window2 || globalThis;
|
|
542
616
|
if (!isObjectLike(obj) || isDOMNode(obj)) {
|
|
543
617
|
return obj;
|
|
544
618
|
}
|
|
545
619
|
if (visited.has(obj)) {
|
|
546
620
|
return visited.get(obj);
|
|
547
621
|
}
|
|
548
|
-
const
|
|
549
|
-
visited.set(obj,
|
|
622
|
+
const clone2 = contentWindow ? isArray(obj) ? new contentWindow.Array() : new contentWindow.Object() : isArray(obj) ? [] : {};
|
|
623
|
+
visited.set(obj, clone2);
|
|
550
624
|
for (const key in obj) {
|
|
551
625
|
if (!Object.prototype.hasOwnProperty.call(obj, key)) continue;
|
|
552
626
|
if (exclude.includes(key) || key.startsWith("__") || key === "__proto__") {
|
|
@@ -557,30 +631,29 @@ var deepClone = (obj, options = {}) => {
|
|
|
557
631
|
continue;
|
|
558
632
|
}
|
|
559
633
|
if (isDOMNode(value)) {
|
|
560
|
-
|
|
634
|
+
clone2[key] = value;
|
|
561
635
|
continue;
|
|
562
636
|
}
|
|
563
637
|
if (handleExtends && key === "extends" && isArray(value)) {
|
|
564
|
-
|
|
638
|
+
clone2[key] = unstackArrayOfObjects(value, exclude);
|
|
565
639
|
continue;
|
|
566
640
|
}
|
|
567
|
-
if (isFunction(value) &&
|
|
568
|
-
|
|
641
|
+
if (isFunction(value) && options.window) {
|
|
642
|
+
clone2[key] = contentWindow.eval("(" + value.toString() + ")");
|
|
569
643
|
continue;
|
|
570
644
|
}
|
|
571
645
|
if (isObjectLike(value)) {
|
|
572
|
-
|
|
573
|
-
...options,
|
|
646
|
+
clone2[key] = deepClone(value, __spreadProps(__spreadValues({}, options), {
|
|
574
647
|
visited
|
|
575
|
-
});
|
|
648
|
+
}));
|
|
576
649
|
} else {
|
|
577
|
-
|
|
650
|
+
clone2[key] = value;
|
|
578
651
|
}
|
|
579
652
|
}
|
|
580
|
-
return
|
|
653
|
+
return clone2;
|
|
581
654
|
};
|
|
582
655
|
|
|
583
|
-
// ../../../domql/packages/utils/cookie.js
|
|
656
|
+
// ../../../domql/packages/utils/dist/esm/cookie.js
|
|
584
657
|
var isMobile = (() => typeof navigator === "undefined" ? false : /Mobi/.test(navigator.userAgent))();
|
|
585
658
|
|
|
586
659
|
// ../../../domql/packages/event/dist/esm/keys.js
|