@symbo.ls/scratch 3.14.0 → 3.14.1

package/dist/cjs/utils/color.js

@@ -16,9 +16,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/utils/color.js
 var color_exports = {};
 __export(color_exports, {
-  CSS_NATIVE_COLOR_REGEX: () => CSS_NATIVE_COLOR_REGEX,
   changeLightness: () => changeLightness,
   colorStringToRgbaArray: () => colorStringToRgbaArray,
   getColorShade: () => getColorShade,
@@ -27,21 +28,34 @@ __export(color_exports, {
   hexToRgbArray: () => hexToRgbArray,
   hexToRgba: () => hexToRgba,
   hslToRgb: () => hslToRgb,
-  isCSSVar: () => isCSSVar,
-  isResolvedColor: () => isResolvedColor,
   mixTwoColors: () => mixTwoColors,
   mixTwoRgb: () => mixTwoRgb,
   mixTwoRgba: () => mixTwoRgba,
   opacify: () => opacify,
-  parseColorToken: () => parseColorToken,
   rgbArrayToHex: () => rgbArrayToHex,
   rgbToHSL: () => rgbToHSL,
-  rgbToHex: () => rgbToHex,
-  splitTopLevelCommas: () => splitTopLevelCommas
+  rgbToHex: () => rgbToHex
 });
 module.exports = __toCommonJS(color_exports);
-var import_utils = require("@symbo.ls/utils");
-const colorStringToRgbaArray = (color) => {
+
+// ../../../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/types.js
+var isString = (arg) => typeof arg === "string";
+var isNumber = (arg) => typeof arg === "number";
+
+// ../../../domql/packages/utils/cookie.js
+var isMobile = (() => typeof navigator === "undefined" ? false : /Mobi/.test(navigator.userAgent))();
+
+// src/utils/color.js
+var colorStringToRgbaArray = (color) => {
   if (color === "") return [0, 0, 0, 0];
   if (color.toLowerCase() === "transparent") return [0, 0, 0, 0];
   if (color[0] === "#") {
@@ -56,21 +70,21 @@ const colorStringToRgbaArray = (color) => {
     ];
   }
   if (color.indexOf("rgb") === -1) {
-    if (import_utils.document && import_utils.window) {
-      const elem = import_utils.document.body.appendChild(import_utils.document.createElement("fictum"));
+    if (document2 && window2) {
+      const elem = document2.body.appendChild(document2.createElement("fictum"));
       const flag = "rgb(1, 2, 3)";
       elem.style.color = flag;
       if (elem.style.color !== flag) {
-        import_utils.document.body.removeChild(elem);
+        document2.body.removeChild(elem);
         return;
       }
       elem.style.color = color;
       if (elem.style.color === flag || elem.style.color === "") {
-        import_utils.document.body.removeChild(elem);
+        document2.body.removeChild(elem);
         return [0, 0, 0, 0];
       }
-      color = import_utils.window.getComputedStyle(elem).color;
-      import_utils.document.body.removeChild(elem);
+      color = window2.getComputedStyle(elem).color;
+      document2.body.removeChild(elem);
     }
   }
   if (color.indexOf("rgb") === 0) {
@@ -79,50 +93,50 @@ const colorStringToRgbaArray = (color) => {
   }
   return [0, 0, 0, 0];
 };
-const mixTwoColors = (colorA, colorB, range = 0.5) => {
+var mixTwoColors = (colorA, colorB, range = 0.5) => {
   colorA = colorStringToRgbaArray(colorA);
   colorB = colorStringToRgbaArray(colorB);
   return mixTwoRgba(colorA, colorB, range);
 };
-const hexToRgb = (hex, alpha = 1) => {
+var hexToRgb = (hex, alpha = 1) => {
   const [r, g, b] = hex.match(/\w\w/g).map((x) => parseInt(x, 16));
   return `rgb(${r},${g},${b})`;
 };
-const hexToRgbArray = (hex, alpha = 1) => {
+var hexToRgbArray = (hex, alpha = 1) => {
   const [r, g, b] = hex.match(/\w\w/g).map((x) => parseInt(x, 16));
   return [r, g, b];
 };
-const rgbToHex = (r, g, b) => {
+var rgbToHex = (r, g, b) => {
   return "#" + (1 << 24 | r << 16 | g << 8 | b).toString(16).slice(1);
 };
-const rgbArrayToHex = ([r, g, b]) => {
+var rgbArrayToHex = ([r, g, b]) => {
   return ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
 };
-const hexToRgba = (hex, alpha = 1) => {
+var hexToRgba = (hex, alpha = 1) => {
   const [r, g, b] = hex.match(/\w\w/g).map((x) => parseInt(x, 16));
   return `rgba(${r},${g},${b},${alpha})`;
 };
-const mixTwoRgb = (colorA, colorB, range = 0.5) => {
+var mixTwoRgb = (colorA, colorB, range = 0.5) => {
   const arr = [];
   for (let i = 0; i < 3; i++) {
     arr[i] = ~~(colorA[i] + (colorB[i] - colorA[i]) * range);
   }
   return `rgb(${arr})`;
 };
-const changeLightness = (delta, hsl) => {
+var changeLightness = (delta, hsl) => {
   const [hue, saturation, lightness] = hsl;
   const newLightness = Math.max(0, Math.min(100, lightness + parseFloat(delta)));
   return [hue, saturation, newLightness];
 };
-const rgbToHSL = (r, g, b) => {
+var rgbToHSL = (r, g, b) => {
   const a = Math.max(r, g, b);
   const n = a - Math.min(r, g, b);
   const f = 1 - Math.abs(a + a - n - 1);
   const h = n && (a == r ? (g - b) / n : a == g ? 2 + (b - r) / n : 4 + (r - g) / n);
   return [60 * (h < 0 ? h + 6 : h), f ? n / f : 0, (a + a - n) / 2];
 };
-const 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)];
-const getColorShade = (col, amt) => {
+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)];
+var getColorShade = (col, amt) => {
   const num = parseInt(col, 16);
   let r = (num >> 16) + amt;
   if (r > 255) r = 255;
@@ -135,7 +149,7 @@ const getColorShade = (col, amt) => {
   else if (g < 0) g = 0;
   return ((g | b << 8 | r << 16) + 16777216).toString(16).slice(1);
 };
-const mixTwoRgba = (colorA, colorB, range = 0.5) => {
+var mixTwoRgba = (colorA, colorB, range = 0.5) => {
   const arr = [];
   for (let i = 0; i < 4; i++) {
     const round = i === 3 ? (x) => x : Math.round;
@@ -143,54 +157,20 @@ const mixTwoRgba = (colorA, colorB, range = 0.5) => {
   }
   return `rgba(${arr})`;
 };
-const opacify = (color, opacity) => {
+var opacify = (color, opacity) => {
   const arr = colorStringToRgbaArray(color);
   if (!arr) {
-    if ((0, import_utils.isNotProduction)()) console.warn(color + " color is not rgba");
+    if (isNotProduction()) console.warn(color + " color is not rgba");
     return;
   }
   arr[3] = opacity;
   return `rgba(${arr})`;
 };
-const isCSSVar = (v) => v.charCodeAt(0) === 45 && v.charCodeAt(1) === 45;
-const CSS_NATIVE_COLOR_REGEX = /(?:rgba?\(|hsla?\(|#[0-9a-fA-F]{3,8}\b)/;
-const COLOR_TOKEN_REGEX = /^([a-zA-Z]\w*)(?:\.(\d+))?(?:([+-]\d+|=\d+))?$/;
-const parseColorToken = (value) => {
-  if (!(0, import_utils.isString)(value)) return null;
-  if (CSS_NATIVE_COLOR_REGEX.test(value)) return { passthrough: value };
-  if (isCSSVar(value)) return { cssVar: value };
-  const match = value.match(COLOR_TOKEN_REGEX);
-  if (!match) return null;
-  const [, name, alphaDigits, rawTone] = match;
-  const alpha = alphaDigits !== void 0 ? `0.${alphaDigits}` : void 0;
-  const tone = rawTone && rawTone[0] === "=" ? rawTone.slice(1) : rawTone;
-  return { name, alpha, tone };
-};
-const isResolvedColor = (result) => {
-  return (0, import_utils.isString)(result) && (result.includes("rgb") || result.includes("var(") || result.includes("#"));
-};
-const splitTopLevelCommas = (value) => {
-  const result = [];
-  let current = "";
-  let depth = 0;
-  for (const char of value) {
-    if (char === "(") depth += 1;
-    else if (char === ")" && depth > 0) depth -= 1;
-    if (char === "," && depth === 0) {
-      result.push(current);
-      current = "";
-      continue;
-    }
-    current += char;
-  }
-  if (current.length || !result.length) result.push(current);
-  return result;
-};
-const getRgbTone = (rgb, tone) => {
-  if ((0, import_utils.isString)(rgb) && rgb.includes("rgb"))
+var getRgbTone = (rgb, tone) => {
+  if (isString(rgb) && rgb.includes("rgb"))
     rgb = colorStringToRgbaArray(rgb).join(", ");
-  if ((0, import_utils.isString)(rgb)) rgb = rgb.split(",").map((v) => parseFloat(v.trim()));
-  if ((0, import_utils.isNumber)(tone)) tone += "";
+  if (isString(rgb)) rgb = rgb.split(",").map((v) => parseFloat(v.trim()));
+  if (isNumber(tone)) tone += "";
   const toHex = rgbArrayToHex(rgb);
   const abs = tone.slice(0, 1);
   if (abs === "-" || abs === "+") {
@@ -204,3 +184,4 @@ const getRgbTone = (rgb, tone) => {
     return newRgb;
   }
 };
+// @preserve-env

package/dist/cjs/utils/font.js

@@ -16,6 +16,8 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/utils/font.js
 var font_exports = {};
 __export(font_exports, {
   getDefaultOrFirstKey: () => getDefaultOrFirstKey,
@@ -25,90 +27,65 @@ __export(font_exports, {
   getFontFaceString: () => getFontFaceString,
   getFontFormat: () => getFontFormat,
   isGoogleFontsUrl: () => isGoogleFontsUrl,
-  resolveFileUrl: () => resolveFileUrl,
   setCustomFont: () => setCustomFont,
   setCustomFontMedia: () => setCustomFontMedia,
   setFontImport: () => setFontImport,
   setInCustomFontMedia: () => setInCustomFontMedia
 });
 module.exports = __toCommonJS(font_exports);
-const resolveFileUrl = (url, files) => {
-  if (!url || !files) return null;
-  try {
-    new URL(url);
-    return null;
-  } catch (e) {
-  }
-  const file = files[url];
-  if (file) return file.content && file.content.src;
-  return null;
-};
-const getDefaultOrFirstKey = (LIBRARY, key) => {
+var getDefaultOrFirstKey = (LIBRARY, key) => {
   if (LIBRARY[key]) return LIBRARY[key].value;
   if (LIBRARY.default) return LIBRARY[LIBRARY.default].value;
   const hasValue = Object.keys(LIBRARY)[0];
   return hasValue && LIBRARY[hasValue] && LIBRARY[hasValue].value;
 };
-const getFontFormat = (url) => {
-  if (typeof url !== "string" || !url) return null;
+var getFontFormat = (url) => {
   const ext = url.split(/[#?]/)[0].split(".").pop().trim();
   if (["woff2", "woff", "ttf", "otf", "eot"].includes(ext)) return ext;
   return null;
 };
-const isGoogleFontsUrl = (url) => url && (url.includes("fonts.googleapis.com") || url.includes("fonts.gstatic.com"));
-const setFontImport = (url) => `@import url('${url}');`;
-const setInCustomFontMedia = (str) => `@font-face { ${str} }`;
-const setCustomFont = (name, url, weight, options = {}) => {
-  const rawUrls = Array.isArray(url) ? url : [url];
-  const urls = rawUrls.filter((u) => typeof u === "string" && u);
-  const srcList = urls.map((u) => {
-    const format = getFontFormat(u);
-    const formatStr = format ? ` format('${format}')` : "";
-    return `url('${u}')${formatStr}`;
-  }).join(",\n       ");
+var isGoogleFontsUrl = (url) => url && (url.includes("fonts.googleapis.com") || url.includes("fonts.gstatic.com"));
+var setFontImport = (url) => `@import url('${url}');`;
+var setInCustomFontMedia = (str) => `@font-face { ${str} }`;
+var setCustomFont = (name, url, weight, options = {}) => {
+  const format = getFontFormat(url);
+  const formatStr = format ? ` format('${format}')` : "";
   return `
   font-family: '${name}';
-  font-style: ${options.fontStyle || "normal"};${weight ? `
+  font-style: normal;${weight ? `
   font-weight: ${weight};` : ""}${options.fontStretch ? `
   font-stretch: ${options.fontStretch};` : ""}${options.fontDisplay ? `
   font-display: ${options.fontDisplay};` : ""}
-  src: ${srcList};`;
+  src: url('${url}')${formatStr};`;
 };
-const setCustomFontMedia = (name, url, weight, options) => `@font-face {${setCustomFont(name, url, weight, options)}
+var setCustomFontMedia = (name, url, weight, options) => `@font-face {${setCustomFont(name, url, weight, options)}
 }`;
-const getFontFaceEach = (name, weights, files) => {
+var getFontFaceEach = (name, weights) => {
   const keys = Object.keys(weights);
   return keys.map((key) => {
-    const { url, fontWeight, fontStyle, fontDisplay, fontStretch } = weights[key];
-    const resolvedUrl = Array.isArray(url) ? url.map((u) => resolveFileUrl(u, files) || u) : resolveFileUrl(url, files) || url;
-    return setCustomFont(name, resolvedUrl, fontWeight, { fontStyle, fontDisplay, fontStretch });
+    const { url, fontWeight } = weights[key];
+    return setCustomFont(name, url, fontWeight);
   });
 };
-const getFontFace = (LIBRARY) => {
+var getFontFace = (LIBRARY) => {
   const keys = Object.keys(LIBRARY);
   return keys.map((key) => getFontFaceEach(key, LIBRARY[key].value));
 };
-const getFontFaceEachString = (name, weights, files) => {
+var getFontFaceEachString = (name, weights) => {
   if (weights && weights.isVariable) {
-    const url2 = resolveFileUrl(weights.url, files) || weights.url;
-    if (isGoogleFontsUrl(url2)) {
-      return setFontImport(url2);
+    if (isGoogleFontsUrl(weights.url)) {
+      return setFontImport(weights.url);
     }
-    return setCustomFontMedia(name, url2, weights.fontWeight, {
+    return setCustomFontMedia(name, weights.url, weights.fontWeight, {
       fontStretch: weights.fontStretch,
       fontDisplay: weights.fontDisplay || "swap"
     });
   }
   const isArr = weights[0];
-  if (isArr) return getFontFaceEach(name, weights, files).map(setInCustomFontMedia);
-  const url = Array.isArray(weights.url) ? weights.url.map((u) => resolveFileUrl(u, files) || u) : resolveFileUrl(weights.url, files) || weights.url;
-  return setCustomFontMedia(name, url, weights.fontWeight, {
-    fontStyle: weights.fontStyle,
-    fontDisplay: weights.fontDisplay,
-    fontStretch: weights.fontStretch
-  });
+  if (isArr) return getFontFaceEach(name, weights).map(setInCustomFontMedia);
+  return setCustomFontMedia(name, weights.url);
 };
-const getFontFaceString = (LIBRARY, files) => {
+var getFontFaceString = (LIBRARY) => {
   const keys = Object.keys(LIBRARY);
-  return keys.map((key) => getFontFaceEachString(key, LIBRARY[key].value, files));
+  return keys.map((key) => getFontFaceEachString(key, LIBRARY[key].value));
 };