html-squircle/dist/umd/utils/tag.js

Utilities for generating superellipse squircles in the form of SVG strings, to be used in clip-path and background inline styles.

(function (factory) {
  if (typeof module === "object" && typeof module.exports === "object") {
    var v = /*#__PURE__*/factory(require, exports);
    if (v !== undefined) module.exports = v;
  } else if (typeof define === "function" && define.amd) {
    define(["require", "exports", "./isObject.js"], factory);
  }
})(function (require, exports) {
  "use strict";

  Object.defineProperty(exports, "__esModule", {
    value: true
  });
  exports.tag = void 0;
  const isObject_js_1 = require("./isObject.js");
  const handleStringTuple = input => input.join(":");
  const handleEntry = ([key, value]) => value === true ? ` ${key}` : ` ${key}='${(0, isObject_js_1.isObject)(value) ? Object.entries(value).map(handleStringTuple).join(";") : value}'`;
  /**
   * @param tagName A HTML or SVG element tag name.
   * @param attributes A `string`-keyed record of `string`, `number`, `true`, or
   *   `string`-keyed record of strings (like CSS properties).
   * @param children Any number of strings to add as children between the tag open
   *   and close.
   * @returns XML tag as string.
   */
  const tag = (tagName, attributes, ...children) => `<${tagName}${Object.entries(attributes).map(handleEntry).join("")}>${children.join("")}</${tagName}>`;
  exports.tag = tag;
});