@symbo.ls/scratch 3.14.0 → 3.14.1

package/dist/cjs/defaultConfig/timing.js

@@ -16,17 +16,48 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/defaultConfig/timing.js
 var timing_exports = {};
 __export(timing_exports, {
-  timing: () => timing
+  TIMING: () => TIMING
 });
 module.exports = __toCommonJS(timing_exports);
-var import_sequence = require("./sequence.js");
-const defaultProps = {
+
+// src/defaultConfig/sequence.js
+var SEQUENCE = {
+  "minor-second": 1.067,
+  "major-second": 1.125,
+  "minor-third": 1.2,
+  "major-third": 1.25,
+  "perfect-fourth": 1.333,
+  "augmented-fourth": 1.414,
+  "perfect-fifth": 1.5,
+  "minor-sixth": 1.6,
+  phi: 1.618,
+  // golden-ratio
+  "major-sixth": 1.667,
+  "square-root-3": 1.732,
+  // theodorus
+  "minor-seventh": 1.778,
+  "major-seventh": 1.875,
+  octave: 2,
+  "square-root-5": 2.23,
+  // pythagoras
+  "major-tenth": 2.5,
+  "major-eleventh": 2.667,
+  "major-twelfth": 3,
+  pi: 3.14,
+  // archimedes
+  "double-octave": 4
+};
+
+// src/defaultConfig/timing.js
+var defaultProps = {
   default: 150,
   base: 150,
   type: "timing",
-  ratio: import_sequence.sequence["perfect-fourth"],
+  ratio: SEQUENCE["perfect-fourth"],
   range: [-3, 12],
   mediaRegenerate: false,
   unit: "ms",
@@ -34,4 +65,4 @@ const defaultProps = {
   scales: {},
   vars: {}
 };
-const timing = defaultProps;
+var TIMING = defaultProps;

package/dist/cjs/defaultConfig/typography.js

@@ -16,17 +16,48 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/defaultConfig/typography.js
 var typography_exports = {};
 __export(typography_exports, {
-  typography: () => typography
+  TYPOGRAPHY: () => TYPOGRAPHY
 });
 module.exports = __toCommonJS(typography_exports);
-var import_sequence = require("./sequence.js");
-const defaultProps = {
+
+// src/defaultConfig/sequence.js
+var SEQUENCE = {
+  "minor-second": 1.067,
+  "major-second": 1.125,
+  "minor-third": 1.2,
+  "major-third": 1.25,
+  "perfect-fourth": 1.333,
+  "augmented-fourth": 1.414,
+  "perfect-fifth": 1.5,
+  "minor-sixth": 1.6,
+  phi: 1.618,
+  // golden-ratio
+  "major-sixth": 1.667,
+  "square-root-3": 1.732,
+  // theodorus
+  "minor-seventh": 1.778,
+  "major-seventh": 1.875,
+  octave: 2,
+  "square-root-5": 2.23,
+  // pythagoras
+  "major-tenth": 2.5,
+  "major-eleventh": 2.667,
+  "major-twelfth": 3,
+  pi: 3.14,
+  // archimedes
+  "double-octave": 4
+};
+
+// src/defaultConfig/typography.js
+var defaultProps = {
   browserDefault: 16,
   base: 16,
   type: "font-size",
-  ratio: import_sequence.sequence["minor-third"],
+  ratio: SEQUENCE["minor-third"],
   range: [-3, 12],
   h1Matches: 6,
   lineHeight: 1.5,
@@ -38,4 +69,4 @@ const defaultProps = {
   scales: {},
   vars: {}
 };
-const typography = defaultProps;
+var TYPOGRAPHY = defaultProps;

package/dist/cjs/defaultConfig/unit.js

@@ -16,11 +16,13 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/defaultConfig/unit.js
 var unit_exports = {};
 __export(unit_exports, {
-  unit: () => unit
+  UNIT: () => UNIT
 });
 module.exports = __toCommonJS(unit_exports);
-const unit = {
+var UNIT = {
   default: "em"
 };

package/dist/cjs/factory.js

@@ -1,9 +1,7 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -17,129 +15,372 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/factory.js
 var factory_exports = {};
 __export(factory_exports, {
   CONFIG: () => CONFIG,
+  CSS_VARS: () => CSS_VARS,
   FACTORY: () => FACTORY,
   activateConfig: () => activateConfig,
-  createConfig: () => createConfig,
-  cssMediaVars: () => cssMediaVars,
-  cssVars: () => cssVars,
   getActiveConfig: () => getActiveConfig,
-  popConfig: () => popConfig,
-  pushConfig: () => pushConfig,
-  setActiveConfig: () => setActiveConfig,
-  toCamel: () => toCamel
+  setActiveConfig: () => setActiveConfig
 });
 module.exports = __toCommonJS(factory_exports);
-var import_utils = require("@symbo.ls/utils");
-var CONF = __toESM(require("./defaultConfig/index.js"), 1);
-const cssVars = {};
-const cssMediaVars = {};
-const _CONF = CONF;
-const _confLower = {};
-const toCamel = (s) => s.replace(/_([a-z])/g, (_, c) => c.toUpperCase());
-for (const key in _CONF) {
-  const lower = key.toLowerCase();
-  _confLower[lower] = _CONF[key];
-  const camel = toCamel(lower);
-  if (camel !== lower) _confLower[camel] = _CONF[key];
-  if (lower !== key) _confLower[key] = _CONF[key];
-}
-const CONFIG = {
+
+// ../../../domql/packages/utils/globals.js
+var window2 = globalThis;
+var document2 = window2.document;
+
+// ../../../domql/packages/utils/node.js
+var isDOMNode = (obj) => {
+  return typeof window2 !== "undefined" && (obj instanceof window2.Node || obj instanceof window2.Window || obj === window2 || obj === document);
+};
+
+// ../../../domql/packages/utils/types.js
+var isObject = (arg) => {
+  if (arg === null) return false;
+  return typeof arg === "object" && arg.constructor === Object;
+};
+var isString = (arg) => typeof arg === "string";
+var isNumber = (arg) => typeof arg === "number";
+var isFunction = (arg) => typeof arg === "function";
+var isBoolean = (arg) => arg === true || arg === false;
+var isNull = (arg) => arg === null;
+var isArray = (arg) => Array.isArray(arg);
+var isDate = (d) => d instanceof Date;
+var isObjectLike = (arg) => {
+  if (arg === null) return false;
+  return typeof arg === "object";
+};
+var isDefined = (arg) => {
+  return isObject(arg) || isObjectLike(arg) || isString(arg) || isNumber(arg) || isFunction(arg) || isArray(arg) || isObjectLike(arg) || isBoolean(arg) || isDate(arg) || isNull(arg);
+};
+var isUndefined = (arg) => {
+  return arg === void 0;
+};
+
+// ../../../domql/packages/utils/array.js
+var mergeArray = (arr, exclude = []) => {
+  return arr.reduce(
+    (a, c) => deepMerge(a, deepClone(c, { exclude }), exclude),
+    {}
+  );
+};
+
+// ../../../domql/packages/utils/object.js
+var deepMerge = (element, extend, excludeFrom = [], level = Infinity) => {
+  for (const e in extend) {
+    const hasOwnProperty = Object.prototype.hasOwnProperty.call(extend, e);
+    if (!hasOwnProperty || excludeFrom.includes(e) || e.startsWith("__"))
+      continue;
+    const elementProp = element[e];
+    const extendProp = extend[e];
+    if (isObjectLike(elementProp) && isObjectLike(extendProp)) {
+      if (level > 0) {
+        deepMerge(elementProp, extendProp, excludeFrom, level - 1);
+      } else {
+        for (const k in extendProp) {
+          if (excludeFrom.includes(k) || elementProp[k] !== void 0) continue;
+          elementProp[k] = extendProp[k];
+        }
+      }
+    } else if (elementProp === void 0) {
+      element[e] = extendProp;
+    }
+  }
+  return element;
+};
+var deepClone = (obj, options = {}) => {
+  const {
+    exclude = [],
+    cleanUndefined = false,
+    cleanNull = false,
+    window: targetWindow,
+    visited = /* @__PURE__ */ new WeakMap(),
+    handleExtend = false
+  } = options;
+  const contentWindow = targetWindow || window2 || globalThis;
+  if (!isObjectLike(obj) || isDOMNode(obj)) {
+    return obj;
+  }
+  if (visited.has(obj)) {
+    return visited.get(obj);
+  }
+  const clone = contentWindow ? isArray(obj) ? new contentWindow.Array() : new contentWindow.Object() : isArray(obj) ? [] : {};
+  visited.set(obj, clone);
+  for (const key in obj) {
+    if (!Object.prototype.hasOwnProperty.call(obj, key)) continue;
+    if (exclude.includes(key) || key.startsWith("__") || key === "__proto__")
+      continue;
+    let value = obj[key];
+    if (cleanUndefined && isUndefined(value) || cleanNull && isNull(value))
+      continue;
+    if (isDOMNode(value)) {
+      clone[key] = value;
+      continue;
+    }
+    if (handleExtend && key === "extend" && isArray(value)) {
+      clone[key] = mergeArray(value, exclude);
+      continue;
+    }
+    if (isFunction(value) && options.window) {
+      clone[key] = contentWindow.eval("(" + value.toString() + ")");
+      continue;
+    }
+    if ((value == null ? void 0 : value.__ref) && (value == null ? void 0 : value.node)) {
+      value = value.parseDeep();
+    }
+    if (value == null ? void 0 : value.__element) {
+      value = value.parse();
+    }
+    if (isObjectLike(value)) {
+      if (!Object.prototype.hasOwnProperty.call(obj, key)) continue;
+      clone[key] = deepClone(value, {
+        ...options,
+        visited
+      });
+    } else {
+      clone[key] = value;
+    }
+  }
+  return clone;
+};
+
+// ../../../domql/packages/utils/cookie.js
+var isMobile = (() => typeof navigator === "undefined" ? false : /Mobi/.test(navigator.userAgent))();
+
+// src/defaultConfig/index.js
+var defaultConfig_exports = {};
+__export(defaultConfig_exports, {
+  ANIMATION: () => ANIMATION,
+  BREAKPOINTS: () => BREAKPOINTS,
+  CASES: () => CASES,
+  CLASS: () => CLASS,
+  COLOR: () => COLOR,
+  DEVICES: () => DEVICES,
+  DOCUMENT: () => DOCUMENT,
+  FONT: () => FONT,
+  FONT_FACE: () => FONT_FACE,
+  FONT_FAMILY: () => FONT_FAMILY,
+  FONT_FAMILY_TYPES: () => FONT_FAMILY_TYPES,
+  GRADIENT: () => GRADIENT,
+  GRID: () => GRID,
+  ICONS: () => ICONS,
+  MEDIA: () => MEDIA,
+  RESET: () => RESET,
+  SEMANTIC_ICONS: () => SEMANTIC_ICONS,
+  SEQUENCE: () => SEQUENCE,
+  SHADOW: () => SHADOW,
+  SPACING: () => SPACING,
+  SVG: () => SVG,
+  SVG_DATA: () => SVG_DATA,
+  TEMPLATES: () => TEMPLATES,
+  THEME: () => THEME,
+  TIMING: () => TIMING,
+  TYPOGRAPHY: () => TYPOGRAPHY,
+  UNIT: () => UNIT
+});
+
+// src/defaultConfig/sequence.js
+var SEQUENCE = {
+  "minor-second": 1.067,
+  "major-second": 1.125,
+  "minor-third": 1.2,
+  "major-third": 1.25,
+  "perfect-fourth": 1.333,
+  "augmented-fourth": 1.414,
+  "perfect-fifth": 1.5,
+  "minor-sixth": 1.6,
+  phi: 1.618,
+  // golden-ratio
+  "major-sixth": 1.667,
+  "square-root-3": 1.732,
+  // theodorus
+  "minor-seventh": 1.778,
+  "major-seventh": 1.875,
+  octave: 2,
+  "square-root-5": 2.23,
+  // pythagoras
+  "major-tenth": 2.5,
+  "major-eleventh": 2.667,
+  "major-twelfth": 3,
+  pi: 3.14,
+  // archimedes
+  "double-octave": 4
+};
+
+// src/defaultConfig/unit.js
+var UNIT = {
+  default: "em"
+};
+
+// src/defaultConfig/typography.js
+var defaultProps = {
+  browserDefault: 16,
+  base: 16,
+  type: "font-size",
+  ratio: SEQUENCE["minor-third"],
+  range: [-3, 12],
+  h1Matches: 6,
+  lineHeight: 1.5,
+  subSequence: true,
+  mediaRegenerate: false,
+  unit: "em",
+  templates: {},
+  sequence: {},
+  scales: {},
+  vars: {}
+};
+var TYPOGRAPHY = defaultProps;
+
+// src/defaultConfig/font.js
+var FONT = {};
+
+// src/defaultConfig/font-family.js
+var FONT_FAMILY = {};
+var FONT_FAMILY_TYPES = {
+  "sans-serif": "Helvetica, Arial, sans-serif, --system-default",
+  serif: "Times New Roman, Georgia, serif, --system-default",
+  monospace: "Courier New, monospace, --system-default"
+};
+var FONT_FACE = {};
+
+// src/defaultConfig/media.js
+var MEDIA = {
+  tv: "(min-width: 2780px)",
+  light: "(prefers-color-scheme: light)",
+  dark: "(prefers-color-scheme: dark)",
+  print: "print"
+};
+
+// src/defaultConfig/spacing.js
+var defaultProps2 = {
+  base: TYPOGRAPHY.base,
+  type: "spacing",
+  ratio: SEQUENCE.phi,
+  range: [-5, 15],
+  subSequence: true,
+  mediaRegenerate: false,
+  unit: "em",
+  sequence: {},
+  scales: {},
+  vars: {}
+};
+var SPACING = defaultProps2;
+
+// src/defaultConfig/color.js
+var COLOR = {};
+var GRADIENT = {};
+
+// src/defaultConfig/theme.js
+var THEME = {};
+
+// src/defaultConfig/shadow.js
+var SHADOW = {};
+
+// src/defaultConfig/icons.js
+var ICONS = {};
+var SEMANTIC_ICONS = {};
+
+// src/defaultConfig/timing.js
+var defaultProps3 = {
+  default: 150,
+  base: 150,
+  type: "timing",
+  ratio: SEQUENCE["perfect-fourth"],
+  range: [-3, 12],
+  mediaRegenerate: false,
+  unit: "ms",
+  sequence: {},
+  scales: {},
+  vars: {}
+};
+var TIMING = defaultProps3;
+
+// src/defaultConfig/document.js
+var DOCUMENT = {};
+
+// src/defaultConfig/responsive.js
+var BREAKPOINTS = {
+  screenL: 1920,
+  screenM: 1680,
+  screenS: 1440,
+  tabletL: 1366,
+  tabletM: 1280,
+  tabletS: 1024,
+  mobileL: 768,
+  mobileM: 560,
+  mobileS: 480,
+  mobileXS: 375
+};
+var DEVICES = {
+  screenXXL: [2560, 1440],
+  screenXL: [2240, 1260],
+  screenL: [1920, 1024],
+  screenM: [1680, 1024],
+  screenS: [1440, 720],
+  tabletL: [1366, 926],
+  tabletM: [1280, 768],
+  tabletS: [1024, 768],
+  mobileL: [768, 375],
+  mobileM: [560, 768],
+  mobileS: [480, 768],
+  mobileXS: [375, 768]
+};
+
+// src/defaultConfig/cases.js
+var CASES = {};
+
+// src/defaultConfig/animation.js
+var ANIMATION = {};
+
+// src/defaultConfig/svg.js
+var SVG = {};
+var SVG_DATA = {};
+
+// src/defaultConfig/templates.js
+var TEMPLATES = {};
+
+// src/defaultConfig/grid.js
+var defaultProps4 = {};
+var GRID = defaultProps4;
+
+// src/defaultConfig/class.js
+var defaultProps5 = {};
+var CLASS = defaultProps5;
+
+// src/defaultConfig/index.js
+var RESET = {};
+
+// src/factory.js
+var CSS_VARS = {};
+var CONFIG = {
   verbose: false,
   useVariable: true,
   useReset: true,
-  globalTheme: "auto",
-  cssVars,
-  cssMediaVars,
-  CSS_VARS: cssVars,
-  CSS_MEDIA_VARS: cssMediaVars,
-  _scratchConfig: true,
-  ..._confLower
-};
-const cachedConfig = (0, import_utils.deepClone)(CONFIG);
-const FACTORY = {
+  CSS_VARS,
+  ...void 0 || defaultConfig_exports
+};
+var cachedConfig = deepClone(CONFIG);
+var FACTORY = {
   active: "0",
   0: CONFIG
 };
-const activateConfig = (def) => {
-  if ((0, import_utils.isDefined)(def)) {
+var activateConfig = (def) => {
+  if (isDefined(def)) {
     FACTORY.active = def;
   }
   return FACTORY[def || FACTORY.active];
 };
-const configStack = [];
-const pushConfig = (config) => {
-  if (config && config._scratchConfig) configStack.push(config);
-};
-const popConfig = () => {
-  configStack.pop();
-};
-const getActiveConfig = (def) => {
-  if (configStack.length) return configStack[configStack.length - 1];
+var getActiveConfig = (def) => {
   return FACTORY[def || FACTORY.active] || CONFIG;
 };
-const setActiveConfig = (newConfig) => {
-  if (!(0, import_utils.isObject)(newConfig)) return;
+var setActiveConfig = (newConfig) => {
+  if (!isObject(newConfig)) return;
   FACTORY.active = "1";
-  FACTORY["1"] = (0, import_utils.deepMerge)(newConfig, (0, import_utils.deepClone)(cachedConfig));
+  FACTORY["1"] = deepMerge(newConfig, deepClone(cachedConfig));
   return newConfig;
 };
-const APP_FLAGS = [
-  "useReset",
-  "useVariable",
-  "useFontImport",
-  "useIconSprite",
-  "useSvgSprite",
-  "useDocumentTheme",
-  "useDefaultIcons",
-  "useDefaultConfig",
-  "verbose",
-  "globalTheme"
-];
-const ALIAS_GROUPS = [
-  ["fontfamily", "fontFamily", "font_family"],
-  ["fontfamilytypes", "fontFamilyTypes"],
-  ["semanticicons", "semanticIcons"],
-  ["svgdata", "svgData"]
-];
-const aliasCaseVariants = (cfg) => {
-  for (const vs of ALIAS_GROUPS) {
-    let merged;
-    for (const v of vs) {
-      const val = cfg[v];
-      if (!(0, import_utils.isObject)(val)) continue;
-      merged = merged ? (0, import_utils.deepMerge)(val, merged) : val;
-    }
-    if (!merged) continue;
-    for (const v of vs) if ((0, import_utils.isObject)(cfg[v])) cfg[v] = merged;
-  }
-};
-const createConfig = (name, overrides, { cleanBase = false } = {}) => {
-  const activeBase = cleanBase ? null : getActiveConfig();
-  const base = (0, import_utils.deepClone)(
-    !cleanBase && activeBase && activeBase._scratchConfig ? activeBase : cachedConfig
-  );
-  for (const flag of APP_FLAGS) {
-    delete base[flag];
-  }
-  const cfg = (0, import_utils.deepMerge)(overrides || {}, base);
-  cfg.cssVars = {};
-  cfg.cssMediaVars = {};
-  cfg.CSS_VARS = cfg.cssVars;
-  cfg.CSS_MEDIA_VARS = cfg.cssMediaVars;
-  cfg._scratchConfig = true;
-  aliasCaseVariants(cfg);
-  if (name) FACTORY[name] = cfg;
-  return cfg;
-};
+// @preserve-env