@symbo.ls/scratch 3.14.0 → 3.14.1

package/dist/cjs/utils/sprite.js

@@ -16,28 +16,368 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/utils/sprite.js
 var sprite_exports = {};
 __export(sprite_exports, {
   convertSvgToSymbol: () => convertSvgToSymbol,
   generateSprite: () => generateSprite
 });
 module.exports = __toCommonJS(sprite_exports);
-var import_utils = require("@symbo.ls/utils");
-var import_factory = require("../factory.js");
-const isDev = (0, import_utils.isNotProduction)();
-const generateSprite = (icons) => {
-  const CONFIG = (0, import_factory.getActiveConfig)();
+
+// ../../../domql/packages/utils/env.js
+var NODE_ENV = "development";
+var isProduction = (env = NODE_ENV) => env === "production";
+var isNotProduction = (env = NODE_ENV) => !isProduction(env);
+
+// ../../../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 isString = (arg) => typeof arg === "string";
+var isFunction = (arg) => typeof arg === "function";
+var isNull = (arg) => arg === null;
+var isArray = (arg) => Array.isArray(arg);
+var isObjectLike = (arg) => {
+  if (arg === null) return false;
+  return typeof arg === "object";
+};
+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,
+  CSS_VARS,
+  ...void 0 || defaultConfig_exports
+};
+var cachedConfig = deepClone(CONFIG);
+var FACTORY = {
+  active: "0",
+  0: CONFIG
+};
+var getActiveConfig = (def) => {
+  return FACTORY[def || FACTORY.active] || CONFIG;
+};
+
+// src/utils/sprite.js
+var isDev = isNotProduction();
+var generateSprite = (icons) => {
+  const CONFIG2 = getActiveConfig();
   let sprite = "";
   for (const key in icons) {
-    if (CONFIG.__svgCache[key]) continue;
-    else CONFIG.__svgCache[key] = true;
+    if (CONFIG2.__svg_cache[key]) continue;
+    else CONFIG2.__svg_cache[key] = true;
     sprite += icons[key];
   }
   return sprite;
 };
-const parseRootAttributes = (htmlString) => {
+var parseRootAttributes = (htmlString) => {
   const val = htmlString.default || htmlString;
-  if (!(0, import_utils.isString)(val)) {
+  if (!isString(val)) {
     if (isDev) console.warn("parseRootAttributes:", val, "is not a string");
     return;
   }
@@ -55,12 +395,12 @@ const parseRootAttributes = (htmlString) => {
     return acc;
   }, {});
 };
-const replaceIdsAndUrls = (code, key) => {
+var replaceIdsAndUrls = (code, key) => {
   const idRegex = /id="([^"]*)"/;
   const urlRegex = /url\(#([^)]*)\)/g;
   const matches = code.match(/id="([^"]*)"/g);
   let replacedCode = code;
-  if ((0, import_utils.isArray)(matches)) {
+  if (isArray(matches)) {
     matches.forEach(() => {
       const randomKey = Math.floor(Math.random() * 1e5);
       replacedCode = code.replace(idRegex, `id="${key}-${randomKey}"`).replace(urlRegex, `url(#${key}-${randomKey})`);
@@ -68,7 +408,7 @@ const replaceIdsAndUrls = (code, key) => {
   }
   return replacedCode;
 };
-const convertSvgToSymbol = (key, code) => {
+var convertSvgToSymbol = (key, code) => {
   const extractAttrs = parseRootAttributes(code);
   const { width, height } = extractAttrs;
   const viewBox = extractAttrs.viewBox || `0 0 ${width || 24} ${height || 24}`;
@@ -81,12 +421,6 @@ const convertSvgToSymbol = (key, code) => {
   symbol = symbol.replace(/width="[^"]*"/, "");
   symbol = symbol.replace(/height="[^"]*"/, "");
   symbol = symbol.replace("</svg", "</symbol");
-  symbol = expandSvgSelfClosing(symbol);
   return symbol;
 };
-const SVG_VOID_TAGS = "line|circle|ellipse|rect|polyline|polygon|path|stop|use|image";
-const SVG_SELF_CLOSING_RE = new RegExp(
-  `<(${SVG_VOID_TAGS})\\b([^>]*?)\\s*/>`,
-  "g"
-);
-const expandSvgSelfClosing = (str) => str.replace(SVG_SELF_CLOSING_RE, "<$1$2></$1>");
+// @preserve-env

package/dist/cjs/utils/theme.js

@@ -16,12 +16,14 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/utils/theme.js
 var theme_exports = {};
 __export(theme_exports, {
   returnSubThemeOrDefault: () => returnSubThemeOrDefault
 });
 module.exports = __toCommonJS(theme_exports);
-const returnSubThemeOrDefault = (orig, theme) => {
+var returnSubThemeOrDefault = (orig, theme) => {
   if (!orig) return;
   if (orig.themes && orig.themes[theme]) return orig.themes[theme];
   if (orig[theme]) return [orig, orig[theme]];

package/dist/cjs/utils/unit.js

@@ -16,16 +16,18 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/utils/unit.js
 var unit_exports = {};
 __export(unit_exports, {
   CSS_UNITS: () => CSS_UNITS,
   isScalingUnit: () => isScalingUnit
 });
 module.exports = __toCommonJS(unit_exports);
-const isScalingUnit = (unit) => {
+var isScalingUnit = (unit) => {
   return unit === "em" || unit === "rem" || unit === "vw" || unit === "vh" || unit === "vmax" || unit === "vmin";
 };
-const CSS_UNITS = [
+var CSS_UNITS = [
   // Absolute
   "px",
   "cm",