@symbo.ls/scratch 3.0.2 → 3.1.1

package/dist/cjs/set.js

@@ -83,7 +83,7 @@ var require_cjs = __commonJS({
     var isString2 = (arg) => typeof arg === "string";
     var isNumber2 = (arg) => typeof arg === "number";
     var isArray2 = (arg) => Array.isArray(arg);
-    var STATE_METHODS2 = [
+    var STATE_METHODS3 = [
       "update",
       "parse",
       "clean",
@@ -117,8 +117,8 @@ var require_cjs = __commonJS({
       "removePathCollection",
       "getByPath"
     ];
-    var PROPS_METHODS2 = ["update", "__element"];
-    var METHODS2 = [
+    var PROPS_METHODS3 = ["update", "__element"];
+    var METHODS3 = [
       "set",
       "reset",
       "update",
@@ -146,13 +146,84 @@ var require_cjs = __commonJS({
       "nextElement",
       "previousElement"
     ];
-    var METHODS_EXL2 = [
+    var METHODS_EXL3 = [
       ...["node", "context", "extends", "__element", "__ref"],
-      ...METHODS2,
-      ...STATE_METHODS2,
-      ...PROPS_METHODS2
+      ...METHODS3,
+      ...STATE_METHODS3,
+      ...PROPS_METHODS3
     ];
     var isMobile2 = (() => typeof navigator === "undefined" ? false : /Mobi/.test(navigator.userAgent))();
+    var STATE_METHODS22 = [
+      "update",
+      "parse",
+      "clean",
+      "create",
+      "destroy",
+      "add",
+      "toggle",
+      "remove",
+      "apply",
+      "set",
+      "reset",
+      "replace",
+      "quietReplace",
+      "quietUpdate",
+      "applyReplace",
+      "applyFunction",
+      "keys",
+      "values",
+      "ref",
+      "rootUpdate",
+      "parentUpdate",
+      "parent",
+      "__element",
+      "__depends",
+      "__ref",
+      "__children",
+      "root",
+      "setByPath",
+      "setPathCollection",
+      "removeByPath",
+      "removePathCollection",
+      "getByPath"
+    ];
+    var PROPS_METHODS22 = ["update", "__element"];
+    var METHODS22 = [
+      "set",
+      "reset",
+      "update",
+      "remove",
+      "updateContent",
+      "removeContent",
+      "lookup",
+      "lookdown",
+      "lookdownAll",
+      "getRef",
+      "getPath",
+      "setNodeStyles",
+      "spotByPath",
+      "keys",
+      "parse",
+      "setProps",
+      "parseDeep",
+      "variables",
+      "if",
+      "log",
+      "verbose",
+      "warn",
+      "error",
+      "call",
+      "nextElement",
+      "previousElement"
+    ];
+    var METHODS_EXL22 = [
+      ...["node", "context", "extends", "__element", "__ref"],
+      ...METHODS22,
+      ...STATE_METHODS22,
+      ...PROPS_METHODS22
+    ];
+    var window32 = globalThis;
+    var document32 = window32.document;
     async function toggleFullscreen(opts) {
       if (!document.fullscreenElement) {
         try {
@@ -333,16 +404,16 @@ __export(set_exports, {
 });
 module.exports = __toCommonJS(set_exports);
 
-// ../../node_modules/@domql/utils/globals.js
+// ../../../domql/packages/utils/globals.js
 var window2 = globalThis;
 var document2 = window2.document;
 
-// ../../node_modules/@domql/utils/node.js
+// ../../../domql/packages/utils/node.js
 var isDOMNode = (obj) => {
   return typeof window2 !== "undefined" && (obj instanceof window2.Node || obj instanceof window2.Window || obj === window2 || obj === document);
 };
 
-// ../../node_modules/@domql/utils/types.js
+// ../../../domql/packages/utils/types.js
 var isObject = (arg) => {
   if (arg === null) return false;
   return typeof arg === "object" && arg.constructor === Object;
@@ -360,7 +431,7 @@ var isUndefined = (arg) => {
   return arg === void 0;
 };
 
-// ../../node_modules/@domql/utils/array.js
+// ../../../domql/packages/utils/array.js
 var unstackArrayOfObjects = (arr, exclude = []) => {
   return arr.reduce(
     (a, c) => deepMerge(a, deepClone(c, { exclude }), exclude),
@@ -368,7 +439,7 @@ var unstackArrayOfObjects = (arr, exclude = []) => {
   );
 };
 
-// ../../node_modules/@domql/utils/keys.js
+// ../../../domql/packages/utils/keys.js
 var STATE_METHODS = [
   "update",
   "parse",
@@ -439,7 +510,7 @@ var METHODS_EXL = [
   ...PROPS_METHODS
 ];
 
-// ../../node_modules/@domql/utils/object.js
+// ../../../domql/packages/utils/object.js
 var merge = (element, obj, excludeFrom = []) => {
   for (const e in obj) {
     const hasOwnProperty = Object.prototype.hasOwnProperty.call(obj, e);
@@ -543,9 +614,84 @@ var overwriteDeep = (obj, params, opts = {}, visited = /* @__PURE__ */ new WeakM
   return obj;
 };
 
-// ../../node_modules/@domql/utils/cookie.js
+// ../../../domql/packages/utils/cookie.js
 var isMobile = (() => typeof navigator === "undefined" ? false : /Mobi/.test(navigator.userAgent))();
 
+// ../../../domql/packages/event/dist/esm/keys.js
+var STATE_METHODS2 = [
+  "update",
+  "parse",
+  "clean",
+  "create",
+  "destroy",
+  "add",
+  "toggle",
+  "remove",
+  "apply",
+  "set",
+  "reset",
+  "replace",
+  "quietReplace",
+  "quietUpdate",
+  "applyReplace",
+  "applyFunction",
+  "keys",
+  "values",
+  "ref",
+  "rootUpdate",
+  "parentUpdate",
+  "parent",
+  "__element",
+  "__depends",
+  "__ref",
+  "__children",
+  "root",
+  "setByPath",
+  "setPathCollection",
+  "removeByPath",
+  "removePathCollection",
+  "getByPath"
+];
+var PROPS_METHODS2 = ["update", "__element"];
+var METHODS2 = [
+  "set",
+  "reset",
+  "update",
+  "remove",
+  "updateContent",
+  "removeContent",
+  "lookup",
+  "lookdown",
+  "lookdownAll",
+  "getRef",
+  "getPath",
+  "setNodeStyles",
+  "spotByPath",
+  "keys",
+  "parse",
+  "setProps",
+  "parseDeep",
+  "variables",
+  "if",
+  "log",
+  "verbose",
+  "warn",
+  "error",
+  "call",
+  "nextElement",
+  "previousElement"
+];
+var METHODS_EXL2 = [
+  ...["node", "context", "extends", "__element", "__ref"],
+  ...METHODS2,
+  ...STATE_METHODS2,
+  ...PROPS_METHODS2
+];
+
+// ../../../domql/packages/event/dist/esm/globals.js
+var window3 = globalThis;
+var document3 = window3.document;
+
 // src/defaultConfig/index.js
 var defaultConfig_exports = {};
 __export(defaultConfig_exports, {
@@ -891,7 +1037,7 @@ var getFontFaceEach = (name, weights) => {
 };
 
 // src/utils/sequence.js
-var import_utils6 = __toESM(require_cjs(), 1);
+var import_utils5 = __toESM(require_cjs(), 1);
 var numToLetterMap = {
   "-6": "U",
   "-5": "V",
@@ -1030,7 +1176,7 @@ var getSequenceValue = (value = "A", sequenceProps) => {
     useVariable
   } = sequenceProps;
   if (isString(value) && value.slice(0, 2) === "--") return `var(${value})`;
-  const prefix = `--${(0, import_utils6.toDashCase)(sequenceProps.type.replace(".", "-"))}-`;
+  const prefix = `--${(0, import_utils5.toDashCase)(sequenceProps.type.replace(".", "-"))}-`;
   const startsWithDashOrLetterRegex = /^-?[a-zA-Z]/i;
   const startsWithDashOrLetter = startsWithDashOrLetterRegex.test(value);
   if (value === "none" || value === "auto" || value === "unset" || value === "inherit" || value === "fit-content" || value === "min-content" || value === "max-content" || value.includes("calc") || value.includes("var") || !startsWithDashOrLetter) return value;
@@ -1156,10 +1302,13 @@ var applyMediaSequenceVars = (FACTORY2, media, options = {}) => {
 };
 
 // src/utils/sprite.js
+var ENV = "development";
+var isDev = ENV === "development" || ENV === "testing";
 var parseRootAttributes = (htmlString) => {
   const val = htmlString.default || htmlString;
   if (!isString(val)) {
-    return console.warn(`parseRootAttributes: ${val} is not a string`);
+    if (isDev) console.warn("parseRootAttributes:", val, "is not a string");
+    return;
   }
   const match = val.match(/<svg\s+(.*?)>/);
   if (!match || !match[1]) {
@@ -1496,7 +1645,7 @@ var getMediaTheme = (value, modifier) => {
 };
 
 // src/system/font.js
-var import_utils13 = __toESM(require_cjs(), 1);
+var import_utils12 = __toESM(require_cjs(), 1);
 var setFont = (val, key) => {
   const CSSvar = `--font-${key}`;
   if (!val || isArray(val) && !val[0]) return;
@@ -1508,7 +1657,7 @@ var setFontFamily = (val, key) => {
   const { FONT_FAMILY: FONT_FAMILY2, FONT_FAMILY_TYPES: FONT_FAMILY_TYPES2 } = CONFIG2;
   let { value, type } = val;
   if (val.isDefault) FONT_FAMILY2.default = key;
-  if (isObject(value)) value = (0, import_utils13.arrayzeValue)(value);
+  if (isObject(value)) value = (0, import_utils12.arrayzeValue)(value);
   const CSSvar = `--font-family-${key}`;
   const str = `${value.join(", ")}, ${FONT_FAMILY_TYPES2[type]}`;
   return { var: CSSvar, value: str, arr: value, type };
@@ -1562,6 +1711,7 @@ var runThroughMedia = (FACTORY2) => {
   }
 };
 var applyHeadings = (props) => {
+  var _a;
   const CONFIG2 = getActiveConfig();
   if (props.h1Matches) {
     const unit = props.unit;
@@ -1570,8 +1720,9 @@ var applyHeadings = (props) => {
     for (const k in HEADINGS) {
       const headerName = `h${parseInt(k) + 1}`;
       const headerStyle = templates[headerName];
+      if (!HEADINGS[k]) continue;
       templates[headerName] = {
-        fontSize: CONFIG2.useVariable ? `var(${HEADINGS[k].variable})` : `${HEADINGS[k].scaling}${unit}`,
+        fontSize: CONFIG2.useVariable ? `var(${(_a = HEADINGS[k]) == null ? void 0 : _a.variable})` : `${HEADINGS[k].scaling}${unit}`,
         margin: headerStyle ? headerStyle.margin : 0,
         lineHeight: headerStyle ? headerStyle.lineHeight : props.lineHeight,
         letterSpacing: headerStyle ? headerStyle.letterSpacing : props.letterSpacing,
@@ -1590,7 +1741,7 @@ var applyTypographySequence = () => {
 };
 
 // src/system/spacing.js
-var import_utils17 = __toESM(require_cjs(), 1);
+var import_utils16 = __toESM(require_cjs(), 1);
 var runThroughMedia2 = (FACTORY2) => {
   for (const prop in FACTORY2) {
     const mediaProps = FACTORY2[prop];
@@ -1641,7 +1792,7 @@ var getSpacingByKey = (value, propertyName = "padding", sequenceProps) => {
   if (isString(value) && (value.includes("calc") || value.includes("var"))) {
     return { [propertyName]: value };
   }
-  const stack = (0, import_utils17.arrayzeValue)(value);
+  const stack = (0, import_utils16.arrayzeValue)(value);
   if (!isArray(stack)) return;
   if (stack.length > 1) {
     let suffix = "";
@@ -1710,7 +1861,7 @@ var setShadow = (value, key, suffix, prefers) => {
 };
 
 // src/system/timing.js
-var import_utils21 = __toESM(require_cjs(), 1);
+var import_utils20 = __toESM(require_cjs(), 1);
 var applyTimingSequence = () => {
   const CONFIG2 = getActiveConfig();
   const { TIMING: TIMING2 } = CONFIG2;
@@ -1858,7 +2009,13 @@ var setEach = (factoryName, props) => {
   const CONFIG2 = getActiveConfig();
   const FACTORY_NAME = factoryName.toUpperCase();
   const keys = Object.keys(props);
-  keys.map((key) => setValue(FACTORY_NAME, props[key], key));
+  keys.forEach((key) => {
+    try {
+      return setValue(FACTORY_NAME, props[key], key);
+    } catch (error) {
+      if (CONFIG2.verbose) console.warn("Error setting", FACTORY_NAME, "value", props[key], key, error);
+    }
+  });
   return CONFIG2[FACTORY_NAME];
 };
 var SET_OPTIONS = {};
@@ -1895,9 +2052,27 @@ var set = (recivedConfig, options = SET_OPTIONS) => {
   if (!CONFIG2.__svg_cache) CONFIG2.__svg_cache = {};
   const keys = Object.keys(config);
   keys.map((key) => setEach(key, config[key]));
-  if (config.TYPOGRAPHY) applyTypographySequence();
-  if (config.SPACING) applySpacingSequence();
-  if (config.TIMING) applyTimingSequence();
+  if (config.TYPOGRAPHY) {
+    try {
+      applyTypographySequence();
+    } catch (e) {
+      if (CONFIG2.verbose) console.warn("Error applying typography sequence", e);
+    }
+  }
+  if (config.SPACING) {
+    try {
+      applySpacingSequence();
+    } catch (e) {
+      if (CONFIG2.verbose) console.warn("Error applying typography sequence", e);
+    }
+  }
+  if (config.TIMING) {
+    try {
+      applyTimingSequence();
+    } catch (e) {
+      if (CONFIG2.verbose) console.warn("Error applying typography sequence", e);
+    }
+  }
   applyDocument();
   applyReset();
   return CONFIG2;

package/dist/cjs/system/color.js

@@ -83,7 +83,7 @@ var require_cjs = __commonJS({
     var isString2 = (arg) => typeof arg === "string";
     var isNumber2 = (arg) => typeof arg === "number";
     var isArray2 = (arg) => Array.isArray(arg);
-    var STATE_METHODS2 = [
+    var STATE_METHODS3 = [
       "update",
       "parse",
       "clean",
@@ -117,8 +117,8 @@ var require_cjs = __commonJS({
       "removePathCollection",
       "getByPath"
     ];
-    var PROPS_METHODS2 = ["update", "__element"];
-    var METHODS2 = [
+    var PROPS_METHODS3 = ["update", "__element"];
+    var METHODS3 = [
       "set",
       "reset",
       "update",
@@ -146,13 +146,84 @@ var require_cjs = __commonJS({
       "nextElement",
       "previousElement"
     ];
-    var METHODS_EXL2 = [
+    var METHODS_EXL3 = [
       ...["node", "context", "extends", "__element", "__ref"],
-      ...METHODS2,
-      ...STATE_METHODS2,
-      ...PROPS_METHODS2
+      ...METHODS3,
+      ...STATE_METHODS3,
+      ...PROPS_METHODS3
     ];
     var isMobile2 = (() => typeof navigator === "undefined" ? false : /Mobi/.test(navigator.userAgent))();
+    var STATE_METHODS22 = [
+      "update",
+      "parse",
+      "clean",
+      "create",
+      "destroy",
+      "add",
+      "toggle",
+      "remove",
+      "apply",
+      "set",
+      "reset",
+      "replace",
+      "quietReplace",
+      "quietUpdate",
+      "applyReplace",
+      "applyFunction",
+      "keys",
+      "values",
+      "ref",
+      "rootUpdate",
+      "parentUpdate",
+      "parent",
+      "__element",
+      "__depends",
+      "__ref",
+      "__children",
+      "root",
+      "setByPath",
+      "setPathCollection",
+      "removeByPath",
+      "removePathCollection",
+      "getByPath"
+    ];
+    var PROPS_METHODS22 = ["update", "__element"];
+    var METHODS22 = [
+      "set",
+      "reset",
+      "update",
+      "remove",
+      "updateContent",
+      "removeContent",
+      "lookup",
+      "lookdown",
+      "lookdownAll",
+      "getRef",
+      "getPath",
+      "setNodeStyles",
+      "spotByPath",
+      "keys",
+      "parse",
+      "setProps",
+      "parseDeep",
+      "variables",
+      "if",
+      "log",
+      "verbose",
+      "warn",
+      "error",
+      "call",
+      "nextElement",
+      "previousElement"
+    ];
+    var METHODS_EXL22 = [
+      ...["node", "context", "extends", "__element", "__ref"],
+      ...METHODS22,
+      ...STATE_METHODS22,
+      ...PROPS_METHODS22
+    ];
+    var window32 = globalThis;
+    var document32 = window32.document;
     async function toggleFullscreen(opts) {
       if (!document.fullscreenElement) {
         try {
@@ -333,16 +404,16 @@ __export(color_exports, {
 });
 module.exports = __toCommonJS(color_exports);
 
-// ../../node_modules/@domql/utils/globals.js
+// ../../../domql/packages/utils/globals.js
 var window2 = globalThis;
 var document2 = window2.document;
 
-// ../../node_modules/@domql/utils/node.js
+// ../../../domql/packages/utils/node.js
 var isDOMNode = (obj) => {
   return typeof window2 !== "undefined" && (obj instanceof window2.Node || obj instanceof window2.Window || obj === window2 || obj === document);
 };
 
-// ../../node_modules/@domql/utils/types.js
+// ../../../domql/packages/utils/types.js
 var isObject = (arg) => {
   if (arg === null) return false;
   return typeof arg === "object" && arg.constructor === Object;
@@ -360,7 +431,7 @@ var isUndefined = (arg) => {
   return arg === void 0;
 };
 
-// ../../node_modules/@domql/utils/array.js
+// ../../../domql/packages/utils/array.js
 var unstackArrayOfObjects = (arr, exclude = []) => {
   return arr.reduce(
     (a, c) => deepMerge(a, deepClone(c, { exclude }), exclude),
@@ -368,7 +439,7 @@ var unstackArrayOfObjects = (arr, exclude = []) => {
   );
 };
 
-// ../../node_modules/@domql/utils/keys.js
+// ../../../domql/packages/utils/keys.js
 var STATE_METHODS = [
   "update",
   "parse",
@@ -439,7 +510,7 @@ var METHODS_EXL = [
   ...PROPS_METHODS
 ];
 
-// ../../node_modules/@domql/utils/object.js
+// ../../../domql/packages/utils/object.js
 var deepMerge = (element, extend, excludeFrom = METHODS_EXL) => {
   for (const e in extend) {
     const hasOwnProperty = Object.prototype.hasOwnProperty.call(extend, e);
@@ -506,9 +577,84 @@ var deepClone = (obj, options = {}) => {
   return clone;
 };
 
-// ../../node_modules/@domql/utils/cookie.js
+// ../../../domql/packages/utils/cookie.js
 var isMobile = (() => typeof navigator === "undefined" ? false : /Mobi/.test(navigator.userAgent))();
 
+// ../../../domql/packages/event/dist/esm/keys.js
+var STATE_METHODS2 = [
+  "update",
+  "parse",
+  "clean",
+  "create",
+  "destroy",
+  "add",
+  "toggle",
+  "remove",
+  "apply",
+  "set",
+  "reset",
+  "replace",
+  "quietReplace",
+  "quietUpdate",
+  "applyReplace",
+  "applyFunction",
+  "keys",
+  "values",
+  "ref",
+  "rootUpdate",
+  "parentUpdate",
+  "parent",
+  "__element",
+  "__depends",
+  "__ref",
+  "__children",
+  "root",
+  "setByPath",
+  "setPathCollection",
+  "removeByPath",
+  "removePathCollection",
+  "getByPath"
+];
+var PROPS_METHODS2 = ["update", "__element"];
+var METHODS2 = [
+  "set",
+  "reset",
+  "update",
+  "remove",
+  "updateContent",
+  "removeContent",
+  "lookup",
+  "lookdown",
+  "lookdownAll",
+  "getRef",
+  "getPath",
+  "setNodeStyles",
+  "spotByPath",
+  "keys",
+  "parse",
+  "setProps",
+  "parseDeep",
+  "variables",
+  "if",
+  "log",
+  "verbose",
+  "warn",
+  "error",
+  "call",
+  "nextElement",
+  "previousElement"
+];
+var METHODS_EXL2 = [
+  ...["node", "context", "extends", "__element", "__ref"],
+  ...METHODS2,
+  ...STATE_METHODS2,
+  ...PROPS_METHODS2
+];
+
+// ../../../domql/packages/event/dist/esm/globals.js
+var window3 = globalThis;
+var document3 = window3.document;
+
 // src/defaultConfig/index.js
 var defaultConfig_exports = {};
 __export(defaultConfig_exports, {
@@ -819,7 +965,7 @@ var getRgbTone = (rgb, tone) => {
 };
 
 // src/utils/sequence.js
-var import_utils6 = __toESM(require_cjs(), 1);
+var import_utils5 = __toESM(require_cjs(), 1);
 
 // src/system/color.js
 var getColor = (value, key, config) => {