@symbo.ls/scratch 2.10.161 → 2.10.163

package/dist/esm/utils/color.js

@@ -1,143 +0,0 @@
-import { document, window } from "@domql/globals";
-const ENV = "development";
-const colorStringToRgbaArray = (color) => {
-  if (color === "")
-    return;
-  if (color.toLowerCase() === "transparent")
-    return [0, 0, 0, 0];
-  if (color[0] === "#") {
-    if (color.length < 7) {
-      color = "#" + color[1] + color[1] + color[2] + color[2] + color[3] + color[3] + (color.length > 4 ? color[4] + color[4] : "");
-    }
-    return [
-      parseInt(color.substr(1, 2), 16),
-      parseInt(color.substr(3, 2), 16),
-      parseInt(color.substr(5, 2), 16),
-      color.length > 7 ? parseInt(color.substr(7, 2), 16) / 255 : 1
-    ];
-  }
-  if (color.indexOf("rgb") === -1) {
-    if (document && window) {
-      const elem = document.body.appendChild(document.createElement("fictum"));
-      const flag = "rgb(1, 2, 3)";
-      elem.style.color = flag;
-      if (elem.style.color !== flag)
-        return;
-      elem.style.color = color;
-      if (elem.style.color === flag || elem.style.color === "")
-        return;
-      color = window.getComputedStyle(elem).color;
-      document.body.removeChild(elem);
-    } else
-      console.warn("Color conversion failed, no document or window object found");
-  }
-  if (color.indexOf("rgb") === 0) {
-    if (color.indexOf("rgba") === -1)
-      color = `${color}, 1`;
-    return color.match(/[\.\d]+/g).map((a) => +a);
-  }
-};
-const mixTwoColors = (colorA, colorB, range = 0.5) => {
-  colorA = colorStringToRgbaArray(colorA);
-  colorB = colorStringToRgbaArray(colorB);
-  return mixTwoRgba(colorA, colorB, range);
-};
-const 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) => {
-  const [r, g, b] = hex.match(/\w\w/g).map((x) => parseInt(x, 16));
-  return [r, g, b];
-};
-const rgbToHex = (r, g, b) => {
-  return "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
-};
-const rgbArrayToHex = ([r, g, b]) => {
-  return ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
-};
-const 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) => {
-  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) => {
-  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) => {
-  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) => {
-  const num = parseInt(col, 16);
-  let r = (num >> 16) + amt;
-  if (r > 255)
-    r = 255;
-  else if (r < 0)
-    r = 0;
-  let b = (num >> 8 & 255) + amt;
-  if (b > 255)
-    b = 255;
-  else if (b < 0)
-    b = 0;
-  let g = (num & 255) + amt;
-  if (g > 255)
-    g = 255;
-  else if (g < 0)
-    g = 0;
-  return (g | b << 8 | r << 16).toString(16);
-};
-const mixTwoRgba = (colorA, colorB, range = 0.5) => {
-  const arr = [];
-  for (let i = 0; i < 4; i++) {
-    const round = i === 3 ? (x) => x : Math.round;
-    arr[i] = round(
-      colorA[i] + (colorB[i] - colorA[i]) * range
-    );
-  }
-  return `rgba(${arr})`;
-};
-const opacify = (color, opacity) => {
-  const arr = colorStringToRgbaArray(color);
-  if (!arr) {
-    if (ENV === "test" || ENV === "development")
-      console.warn(color + "color is not rgba");
-    return;
-  }
-  arr[3] = opacity;
-  return `rgba(${arr})`;
-};
-export {
-  changeLightness,
-  colorStringToRgbaArray,
-  getColorShade,
-  hexToRgb,
-  hexToRgbArray,
-  hexToRgba,
-  hslToRgb,
-  mixTwoColors,
-  mixTwoRgb,
-  mixTwoRgba,
-  opacify,
-  rgbArrayToHex,
-  rgbToHSL,
-  rgbToHex
-};

package/dist/esm/utils/font.js

@@ -1,50 +0,0 @@
-const 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) => url.split(/[#?]/)[0].split(".").pop().trim();
-const setInCustomFontMedia = (str) => `@font-face { ${str} }`;
-const setCustomFont = (name, url, weight) => `
-  font-family: '${name}';
-  font-style: normal;
-  ${weight && `font-weight: ${weight};`}
-  src: url('${url}') format('${getFontFormat(url)}');`;
-const setCustomFontMedia = (name, url, weight) => `@font-face {
-  ${setCustomFont(name, url, weight)}
-}`;
-const getFontFaceEach = (name, weights) => {
-  const keys = Object.keys(weights);
-  return keys.map((key) => {
-    const { url, fontWeight } = weights[key];
-    return setCustomFont(name, url, fontWeight);
-  });
-};
-const getFontFace = (LIBRARY) => {
-  const keys = Object.keys(LIBRARY);
-  return keys.map((key) => getFontFaceEach(key, LIBRARY[key].value));
-};
-const getFontFaceEachString = (name, weights) => {
-  const isArr = weights[0];
-  if (isArr)
-    return getFontFaceEach(name, weights).map(setInCustomFontMedia);
-  return setCustomFontMedia(name, weights.url);
-};
-const getFontFaceString = (LIBRARY) => {
-  const keys = Object.keys(LIBRARY);
-  return keys.map((key) => getFontFaceEachString(key, LIBRARY[key].value));
-};
-export {
-  getDefaultOrFirstKey,
-  getFontFace,
-  getFontFaceEach,
-  getFontFaceEachString,
-  getFontFaceString,
-  getFontFormat,
-  setCustomFont,
-  setCustomFontMedia,
-  setInCustomFontMedia
-};

package/dist/esm/utils/index.js

@@ -1,6 +0,0 @@
-export * from "./object.js";
-export * from "./color.js";
-export * from "./font.js";
-export * from "./sequence.js";
-export * from "./var.js";
-export * from "./sprite.js";

package/dist/esm/utils/object.js

@@ -1,53 +0,0 @@
-const isString = (arg) => typeof arg === "string";
-const isArray = (arg) => Array.isArray(arg);
-const isObject = (arg) => {
-  if (arg === null)
-    return false;
-  return typeof arg === "object" && arg.constructor === Object;
-};
-const isObjectLike = (arg) => {
-  if (arg === null)
-    return false;
-  return typeof arg === "object";
-};
-const merge = (obj, original) => {
-  for (const e in original) {
-    const objProp = obj[e];
-    const originalProp = original[e];
-    if (objProp === void 0) {
-      obj[e] = originalProp;
-    }
-  }
-  return obj;
-};
-const deepMerge = (obj, obj2) => {
-  for (const e in obj2) {
-    const objProp = obj[e];
-    const obj2Prop = obj2[e];
-    if (objProp === void 0) {
-      obj[e] = obj2Prop;
-    } else if (isObjectLike(objProp) && isObject(obj2Prop)) {
-      deepMerge(objProp, obj2Prop);
-    }
-  }
-  return obj;
-};
-const arrayze = (val) => {
-  if (isString(val))
-    return val.split(" ");
-  if (isObject(val))
-    return Object.keys(val).map((v) => val[v]);
-  if (isArray(val))
-    return val;
-};
-const isFunction = (arg) => typeof arg === "function";
-export {
-  arrayze,
-  deepMerge,
-  isArray,
-  isFunction,
-  isObject,
-  isObjectLike,
-  isString,
-  merge
-};

package/dist/esm/utils/sequence.js

@@ -1,179 +0,0 @@
-import { isString } from "@domql/utils";
-import { toDashCase } from "@symbo.ls/utils";
-import { getActiveConfig } from "../factory.js";
-const numToLetterMap = {
-  "-6": "U",
-  "-5": "V",
-  "-4": "W",
-  "-3": "X",
-  "-2": "Y",
-  "-1": "Z",
-  0: "A",
-  1: "B",
-  2: "C",
-  3: "D",
-  4: "E",
-  5: "F",
-  6: "G",
-  7: "H",
-  8: "I",
-  9: "J",
-  10: "K",
-  11: "L",
-  12: "M",
-  13: "N",
-  14: "O",
-  15: "P",
-  16: "Q",
-  17: "R",
-  18: "S",
-  19: "T"
-};
-const setSequenceValue = (props, sequenceProps) => {
-  const { key, variable, value, scaling, index } = props;
-  sequenceProps.sequence[key] = {
-    key,
-    decimal: ~~(value * 100) / 100,
-    val: ~~value,
-    scaling,
-    index,
-    variable
-  };
-  sequenceProps.scales[key] = scaling;
-  sequenceProps.vars[variable] = scaling + sequenceProps.unit;
-};
-const generateSubSequence = (props, sequenceProps) => {
-  const { key, base, value, ratio, variable, index } = props;
-  const next = value * ratio;
-  const diff = next - value;
-  const smallscale = diff / 1.618;
-  const valueRounded = ~~value;
-  const nextRounded = ~~next;
-  const diffRounded = nextRounded - valueRounded;
-  let arr = [];
-  const first = next - smallscale;
-  const second = value + smallscale;
-  const middle = (first + second) / 2;
-  if (diffRounded > 16)
-    arr = [first, middle, second];
-  else
-    arr = [first, second];
-  arr.map((v, k) => {
-    const scaling = ~~(v / base * 1e3) / 1e3;
-    const newVar = variable + (k + 1);
-    const props2 = {
-      key: key + (k + 1),
-      variable: newVar,
-      value: v,
-      scaling,
-      index: index + (k + 1) / 10
-    };
-    return setSequenceValue(props2, sequenceProps);
-  });
-};
-const switchSequenceOnNegative = (key, base, ratio) => {
-  return base * Math.pow(ratio, key);
-};
-const generateSequence = (sequenceProps) => {
-  const { type, base, ratio, range, subSequence } = sequenceProps;
-  const n = Math.abs(range[0]) + Math.abs(range[1]);
-  const prefix = "--" + (type && type.replace(".", "-")) + "-";
-  for (let i = 0; i <= n; i++) {
-    const key = range[1] - i;
-    const letterKey = numToLetterMap[key];
-    const value = switchSequenceOnNegative(key, base, ratio);
-    const scaling = ~~(value / base * 100) / 100;
-    const variable = prefix + letterKey;
-    const props = {
-      key: letterKey,
-      variable,
-      value,
-      base,
-      scaling,
-      ratio,
-      index: key
-    };
-    setSequenceValue(props, sequenceProps);
-    if (subSequence)
-      generateSubSequence(props, sequenceProps);
-  }
-  return sequenceProps;
-};
-const getSequenceValue = (value = "A", sequenceProps) => {
-  const CONFIG = getActiveConfig();
-  const { UNIT } = CONFIG;
-  const {
-    sequence,
-    unit = UNIT.default,
-    useVariable
-  } = sequenceProps;
-  if (isString(value) && value.slice(0, 2) === "--")
-    return `var(${value})`;
-  const prefix = `--${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") || !startsWithDashOrLetter)
-    return value;
-  const letterVal = value.toUpperCase();
-  const isNegative = letterVal.slice(0, 1) === "-" ? "-" : "";
-  let absValue = isNegative ? letterVal.slice(1) : letterVal;
-  let mediaName = "";
-  if (absValue.includes("-")) {
-    mediaName = "-" + absValue.split("-")[1].toLowerCase();
-    absValue = absValue.split("-")[0];
-  }
-  const varValue = (v) => `var(${prefix}${v}${mediaName})`;
-  if (absValue.includes("+")) {
-    const args = absValue.split("+");
-    const [first, second] = args;
-    const joint = `${varValue(first)} + ${varValue(second)}`;
-    return isNegative ? `calc((${joint}) * -1)` : `calc(${joint})`;
-  } else if (absValue.includes("-")) {
-    const args = absValue.split("-");
-    const [first, second] = args;
-    const joint = `${varValue(first)} - ${varValue(second)}`;
-    return isNegative ? `calc((${joint}) * -1)` : `calc(${joint})`;
-  }
-  if (!sequence[absValue] && absValue.length === 2) {
-    if (CONFIG.verbose)
-      console.warn(absValue, "- value is not found because `subSequence` is set to false");
-    absValue = absValue.slice(0, 1);
-  }
-  if (useVariable || CONFIG.useVariable) {
-    const varValue2 = `var(${prefix}${absValue}${mediaName})`;
-    return isNegative ? `calc(${varValue2} * -1)` : varValue2;
-  }
-  const sequenceItem = sequence ? sequence[absValue] : null;
-  if (!sequenceItem)
-    return console.warn("can't find", sequence, absValue);
-  if (unit === "ms" || unit === "s") {
-    return isNegative + sequenceItem.val + unit;
-  }
-  return isNegative + sequenceItem.scaling + unit;
-};
-const getSequenceValuePropertyPair = (value, propertyName, sequenceProps) => {
-  if (typeof value !== "string") {
-    console.warn(propertyName, value, "is not a string");
-    return {};
-  }
-  if (value === "-" || value === "")
-    return {};
-  return { [propertyName]: getSequenceValue(value, sequenceProps) };
-};
-const findHeadingLetter = (h1Matches, index) => numToLetterMap[h1Matches - index];
-const findHeadings = (propertyNames) => {
-  const { h1Matches, sequence } = propertyNames;
-  return new Array(6).fill(null).map((_, i) => {
-    const findLetter = findHeadingLetter(h1Matches, i);
-    return sequence[findLetter];
-  });
-};
-export {
-  findHeadingLetter,
-  findHeadings,
-  generateSequence,
-  generateSubSequence,
-  getSequenceValue,
-  getSequenceValuePropertyPair,
-  numToLetterMap
-};

package/dist/esm/utils/sprite.js

@@ -1,43 +0,0 @@
-import { isString } from "@domql/utils";
-const generateSprite = (icons) => {
-  let sprite = '<svg aria-hidden="true" width="0" height="0" style="position:absolute">';
-  for (let key in icons) {
-    sprite += icons[key];
-  }
-  sprite += "</svg>";
-  return sprite;
-};
-const parseRootAttributes = (htmlString) => {
-  if (!isString(htmlString)) {
-    return console.warn(`parseRootAttributes: ${htmlString} is not a string`);
-  }
-  let match = htmlString.match(/<svg\s+(.*?)>/);
-  if (!match || !match[1]) {
-    return {};
-  }
-  let attrString = match[1];
-  let attrs = attrString.match(/(\S+)=["']?((?:.(?!["']?\s+(?:\S+)=|\s*\/?[>"']))+.)["']?/gm);
-  return attrs.reduce((acc, attr) => {
-    let [key, value] = attr.split("=");
-    acc[key] = value.replace(/['"]/g, "");
-    return acc;
-  }, {});
-};
-const convertSvgToSymbol = (key, code) => {
-  const extractAttrs = parseRootAttributes(code);
-  const { width, height } = extractAttrs;
-  const viewBox = extractAttrs.viewBox || `0 0 ${width || 24} ${height || 24}`;
-  const xmlns = "http://www.w3.org/2000/svg";
-  let symbol = code.replace(
-    "<svg",
-    `<symbol id="${key}" xmlns="${xmlns}" viewBox="${viewBox}"`
-  );
-  symbol = symbol.replace(/width="[^\"]*/, "");
-  symbol = symbol.replace(/height="[^\"]*/, "");
-  symbol = symbol.replace("</svg", "</symbol");
-  return symbol;
-};
-export {
-  convertSvgToSymbol,
-  generateSprite
-};

package/dist/esm/utils/theme.js

@@ -1,12 +0,0 @@
-const returnSubThemeOrDefault = (orig, theme) => {
-  if (!orig)
-    return;
-  if (orig.themes && orig.themes[theme])
-    return orig.themes[theme];
-  if (orig[theme])
-    return [orig, orig[theme]];
-  return orig;
-};
-export {
-  returnSubThemeOrDefault
-};

package/dist/esm/utils/var.js

@@ -1,44 +0,0 @@
-import { getActiveConfig } from "../factory.js";
-import { isObjectLike } from "@domql/utils";
-const ENV = "development";
-const setVariables = (result, key) => {
-  const CONFIG = getActiveConfig();
-  const { CSS_VARS } = CONFIG;
-  if (isObjectLike(result.value)) {
-  } else {
-    CSS_VARS[result.var] = result.value;
-  }
-};
-const applySequenceVars = (props, mediaName, options = {}) => {
-  const CONFIG = getActiveConfig();
-  const { UNIT, MEDIA, TIMING, CSS_VARS } = CONFIG;
-  const unit = props.unit || UNIT.default;
-  const { sequence, scales } = props;
-  for (const key in sequence) {
-    const item = sequence[key];
-    const value = (props.type === TIMING.type ? sequence[key].val : scales[key]) + unit;
-    if (mediaName) {
-      const query = MEDIA[mediaName];
-      if (!query) {
-        if (CONFIG.verbose)
-          console.warn("Can't find query ", query);
-      }
-      let underMediaQuery = CSS_VARS[`@media ${query}`];
-      if (!underMediaQuery)
-        underMediaQuery = CSS_VARS[`@media ${query}`] = {};
-      underMediaQuery[item.variable] = `var(${item.variable + "-" + mediaName})`;
-      CSS_VARS[item.variable + "-" + mediaName] = value;
-    } else {
-      if (options.useDefault === false) {
-        CSS_VARS[item.variable] = value;
-      } else {
-        CSS_VARS[item.variable + "-default"] = value;
-        CSS_VARS[item.variable] = `var(${item.variable + "-default"})`;
-      }
-    }
-  }
-};
-export {
-  applySequenceVars,
-  setVariables
-};