@symbo.ls/scratch 3.14.0 → 3.14.2

package/dist/cjs/system/spacing.js

@@ -1,134 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var spacing_exports = {};
-__export(spacing_exports, {
-  applySpacingSequence: () => applySpacingSequence,
-  checkIfBoxSize: () => checkIfBoxSize,
-  getSpacingBasedOnRatio: () => getSpacingBasedOnRatio,
-  getSpacingByKey: () => getSpacingByKey,
-  splitSpacedValue: () => splitSpacedValue
-});
-module.exports = __toCommonJS(spacing_exports);
-var import_utils = require("@symbo.ls/utils");
-var import_utils2 = require("@symbo.ls/utils");
-var import_factory = require("../factory.js");
-var import_utils3 = require("../utils/index.js");
-const runThroughMedia = (FACTORY) => {
-  for (const prop in FACTORY) {
-    const mediaProps = FACTORY[prop];
-    const isMediaName = prop.slice(0, 1) === "@";
-    if (!isMediaName) continue;
-    const { type, base, ratio, range, subSequence, h1Matches, unit } = FACTORY;
-    (0, import_utils2.merge)(mediaProps, {
-      type,
-      base,
-      ratio,
-      range,
-      subSequence,
-      h1Matches,
-      unit,
-      sequence: {},
-      scales: {},
-      templates: {},
-      vars: {}
-    });
-    (0, import_utils3.generateSequence)(mediaProps);
-    (0, import_utils3.applyMediaSequenceVars)(FACTORY, prop);
-  }
-};
-const checkIfBoxSize = (propertyName) => {
-  const prop = propertyName.toLowerCase();
-  const includesWidth = prop.includes("width") || prop.includes("height");
-  const includesBorder = prop.includes("border") || prop.includes("outline");
-  return includesWidth && !includesBorder;
-};
-const applySpacingSequence = () => {
-  const CONFIG = (0, import_factory.getActiveConfig)();
-  const { spacing: SPACING } = CONFIG;
-  (0, import_utils3.generateSequence)(SPACING);
-  (0, import_utils3.applySequenceVars)(SPACING);
-  runThroughMedia(SPACING);
-};
-const getSequence = (sequenceProps) => {
-  const CONFIG = (0, import_factory.getActiveConfig)();
-  const { spacing: SPACING } = CONFIG;
-  if (!sequenceProps || !sequenceProps.sequence) return SPACING;
-  const hasGenerated = Object.keys(sequenceProps.sequence).length > 0;
-  return hasGenerated ? sequenceProps : (0, import_utils3.generateSequence)(sequenceProps);
-};
-const getSpacingByKey = (value, propertyName = "padding", sequenceProps, fnPrefix) => {
-  const sequence = getSequence(sequenceProps);
-  if ((0, import_utils2.isString)(value)) {
-    if (!fnPrefix && value.includes("(")) {
-      const fnArray = (0, import_utils3.getFnPrefixAndValue)(value);
-      fnPrefix = fnArray[0];
-      value = fnArray[1];
-    }
-  }
-  const stack = fnPrefix ? [value] : (0, import_utils.arrayzeValue)(value);
-  if (!(0, import_utils2.isArray)(stack)) return;
-  if (stack.length > 1) {
-    let suffix = "";
-    if (propertyName === "borderWidth") {
-      propertyName = "border";
-      suffix = "Width";
-    }
-    const directions = {
-      2: ["Block", "Inline"],
-      3: ["BlockStart", "Inline", "BlockEnd"],
-      4: ["BlockStart", "InlineEnd", "BlockEnd", "InlineStart"]
-    };
-    const wrapSequenceValueByDirection = (direction, i) => (0, import_utils3.getSequenceValuePropertyPair)(
-      stack[i],
-      propertyName + direction + suffix,
-      sequence,
-      fnPrefix
-    );
-    return directions[stack.length].map(
-      (dir, key) => wrapSequenceValueByDirection(dir, key)
-    );
-  }
-  return (0, import_utils3.getSequenceValuePropertyPair)(value, propertyName, sequence, fnPrefix);
-};
-const getSpacingBasedOnRatio = (props, propertyName, val, fnPrefix) => {
-  const CONFIG = (0, import_factory.getActiveConfig)();
-  const { spacing: SPACING } = CONFIG;
-  let value = val || props[propertyName];
-  if (!fnPrefix && (0, import_utils2.isString)(value) && value.includes("(")) {
-    const fnArr = (0, import_utils3.getFnPrefixAndValue)(value);
-    fnPrefix = fnArr[0];
-    value = fnArr[1];
-  }
-  if (props.spacingRatio) {
-    const sequenceProps = applyCustomSequence(props);
-    return getSpacingByKey(value, propertyName, sequenceProps, fnPrefix);
-  }
-  return getSpacingByKey(value, propertyName, SPACING, fnPrefix);
-};
-const splitSpacedValue = (val) => {
-  const addDefault = (v) => {
-    const isSymbol = ["+", "-", "*", "/"].includes(v);
-    const hasUnits = import_utils3.CSS_UNITS.some((unit) => val.includes(unit));
-    if (isSymbol || hasUnits) return v;
-    const isSingleLetter = v.length < 3 && /[A-Z]/.test(v);
-    if (isSingleLetter) return v + "_default";
-    return v;
-  };
-  return val.split(",").map((v) => v.trim()).map(addDefault).join(",").split(" ").map(addDefault).join(" ");
-};

package/dist/cjs/system/svg.js

@@ -1,133 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var svg_exports = {};
-__export(svg_exports, {
-  appendSVGSprite: () => appendSVGSprite,
-  appendSvgIconsSprite: () => appendSvgIconsSprite,
-  setSVG: () => setSVG,
-  setSvgIcon: () => setSvgIcon
-});
-module.exports = __toCommonJS(svg_exports);
-var import_utils = require("@symbo.ls/utils");
-var import_utils2 = require("../utils/index.js");
-var import_factory = require("../factory.js");
-const DEF_OPTIONS = {
-  document: import_utils.document
-};
-const setSVG = (val, key) => {
-  const CONFIG = (0, import_factory.getActiveConfig)();
-  if (!val) {
-    if (CONFIG.verbose) console.warn("setSVG: val is not defined", key);
-    return;
-  }
-  if (CONFIG.useSvgSprite) {
-    return (0, import_utils2.convertSvgToSymbol)(key, val);
-  }
-  return val;
-};
-const appendSVGSprite = (LIBRARY, options = DEF_OPTIONS) => {
-  const CONFIG = (0, import_factory.getActiveConfig)();
-  const lib = Object.keys(LIBRARY).length ? {} : CONFIG.svg;
-  for (const key in LIBRARY) lib[key] = LIBRARY[key];
-  appendSVG(lib, options);
-};
-const setSvgIcon = (val, key) => {
-  const CONFIG = (0, import_factory.getActiveConfig)();
-  if (CONFIG.useIconSprite && !CONFIG.semanticIcons?.[key]) {
-    return setSVG(val, key);
-  }
-  return val;
-};
-const appendSvgIconsSprite = (LIBRARY, options = DEF_OPTIONS) => {
-  const CONFIG = (0, import_factory.getActiveConfig)();
-  const lib = Object.keys(LIBRARY).length ? {} : CONFIG.icons;
-  for (const key in LIBRARY) lib[key] = LIBRARY[key];
-  appendSVG(lib, options);
-};
-const createSVGSpriteElement = (doc, options = { isRoot: true }) => {
-  if (!doc || !doc.createElementNS) return;
-  const svgElem = doc.createElementNS("http://www.w3.org/2000/svg", "svg");
-  if (options.isRoot) {
-    svgElem.setAttribute("aria-hidden", "true");
-    svgElem.setAttribute("width", "0");
-    svgElem.setAttribute("height", "0");
-    svgElem.setAttribute("style", "position:absolute");
-    svgElem.setAttribute("id", "svgSprite");
-  }
-  return svgElem;
-};
-const parseSVGSprite = (doc, svgString) => {
-  const DOMParserCtor = typeof DOMParser !== "undefined" ? DOMParser : null;
-  if (DOMParserCtor) {
-    const wrapped = `<svg xmlns="http://www.w3.org/2000/svg">${svgString}</svg>`;
-    const parser = new DOMParserCtor();
-    const parsed = parser.parseFromString(wrapped, "image/svg+xml");
-    if (parsed.querySelector("parsererror")) return null;
-    return parsed.documentElement;
-  }
-  return null;
-};
-const moveChildren = (doc, from, to) => {
-  while (from.firstChild) {
-    const child = from.firstChild;
-    to.appendChild(doc.importNode(child, true));
-    child.remove();
-  }
-};
-const appendSVG = (lib, options = DEF_OPTIONS) => {
-  const CONFIG = (0, import_factory.getActiveConfig)();
-  const doc = options.document || import_utils.document;
-  if (!doc || !doc.documentElement) {
-    if (CONFIG.verbose) {
-      console.warn("To append SVG sprites it should be run in browser environment");
-    }
-    return (0, import_utils2.generateSprite)(lib);
-  }
-  const exists = doc.querySelector("#svgSprite");
-  const SVGsprite = (0, import_utils2.generateSprite)(lib);
-  const spriteHtml = `<svg aria-hidden="true" width="0" height="0" style="position:absolute" id="svgSprite">${SVGsprite}</svg>`;
-  const parsed = parseSVGSprite(doc, SVGsprite);
-  if (exists) {
-    if (parsed) {
-      moveChildren(doc, parsed, exists);
-    } else if (doc.body.insertAdjacentHTML) {
-      exists.insertAdjacentHTML("beforeend", SVGsprite);
-    } else {
-      const tempSVG = createSVGSpriteElement(doc, { isRoot: false });
-      tempSVG.innerHTML = SVGsprite;
-      exists.append(...tempSVG.children);
-    }
-  } else {
-    if (parsed) {
-      const svgSpriteDOM = createSVGSpriteElement(doc);
-      if (svgSpriteDOM && svgSpriteDOM.nodeType) {
-        moveChildren(doc, parsed, svgSpriteDOM);
-        doc.body.prepend(svgSpriteDOM);
-      }
-    } else if (doc.body.insertAdjacentHTML) {
-      doc.body.insertAdjacentHTML("afterbegin", spriteHtml);
-    } else {
-      const svgSpriteDOM = createSVGSpriteElement(doc);
-      if (svgSpriteDOM && svgSpriteDOM.nodeType) {
-        svgSpriteDOM.innerHTML = SVGsprite;
-        doc.body.prepend(svgSpriteDOM);
-      }
-    }
-  }
-};