ep-craft 0.1.7 → 0.1.9

package/dist/node_modules/@ctrl/tinycolor/dist/module/format-input.js

@@ -0,0 +1,77 @@
+import { rgbToRgb as S, hsvToRgb as v, hslToRgb as E, cmykToRgb as F, convertHexToDecimal as A, parseIntFromHex as s } from "./conversion.js";
+import { names as R } from "./css-color-names.js";
+import { convertToPercentage as g, boundAlpha as T } from "./util.js";
+function N(t) {
+  let a = { r: 0, g: 0, b: 0 }, e = 1, i = null, b = null, p = null, r = !1, m = !1;
+  return typeof t == "string" && (t = w(t)), typeof t == "object" && (n(t.r) && n(t.g) && n(t.b) ? (a = S(t.r, t.g, t.b), r = !0, m = String(t.r).substr(-1) === "%" ? "prgb" : "rgb") : n(t.h) && n(t.s) && n(t.v) ? (i = g(t.s), b = g(t.v), a = v(t.h, i, b), r = !0, m = "hsv") : n(t.h) && n(t.s) && n(t.l) ? (i = g(t.s), p = g(t.l), a = E(t.h, i, p), r = !0, m = "hsl") : n(t.c) && n(t.m) && n(t.y) && n(t.k) && (a = F(t.c, t.m, t.y, t.k), r = !0, m = "cmyk"), Object.prototype.hasOwnProperty.call(t, "a") && (e = t.a)), e = T(e), {
+    ok: r,
+    format: t.format || m,
+    r: Math.min(255, Math.max(a.r, 0)),
+    g: Math.min(255, Math.max(a.g, 0)),
+    b: Math.min(255, Math.max(a.b, 0)),
+    a: e
+  };
+}
+const y = "[-\\+]?\\d+%?", M = "[-\\+]?\\d*\\.\\d+%?", h = "(?:" + M + ")|(?:" + y + ")", u = "[\\s|\\(]+(" + h + ")[,|\\s]+(" + h + ")[,|\\s]+(" + h + ")\\s*\\)?", x = (
+  // eslint-disable-next-line prettier/prettier
+  "[\\s|\\(]+(" + h + ")[,|\\s]+(" + h + ")[,|\\s]+(" + h + ")[,|\\s]+(" + h + ")\\s*\\)?"
+), f = {
+  CSS_UNIT: new RegExp(h),
+  rgb: new RegExp("rgb" + u),
+  rgba: new RegExp("rgba" + x),
+  hsl: new RegExp("hsl" + u),
+  hsla: new RegExp("hsla" + x),
+  hsv: new RegExp("hsv" + u),
+  hsva: new RegExp("hsva" + x),
+  cmyk: new RegExp("cmyk" + x),
+  hex3: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
+  hex6: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,
+  hex4: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
+  hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/
+};
+function w(t) {
+  if (t = t.trim().toLowerCase(), t.length === 0)
+    return !1;
+  let a = !1;
+  if (R[t])
+    t = R[t], a = !0;
+  else if (t === "transparent")
+    return { r: 0, g: 0, b: 0, a: 0, format: "name" };
+  let e = f.rgb.exec(t);
+  return e ? { r: e[1], g: e[2], b: e[3] } : (e = f.rgba.exec(t), e ? { r: e[1], g: e[2], b: e[3], a: e[4] } : (e = f.hsl.exec(t), e ? { h: e[1], s: e[2], l: e[3] } : (e = f.hsla.exec(t), e ? { h: e[1], s: e[2], l: e[3], a: e[4] } : (e = f.hsv.exec(t), e ? { h: e[1], s: e[2], v: e[3] } : (e = f.hsva.exec(t), e ? { h: e[1], s: e[2], v: e[3], a: e[4] } : (e = f.cmyk.exec(t), e ? {
+    c: e[1],
+    m: e[2],
+    y: e[3],
+    k: e[4]
+  } : (e = f.hex8.exec(t), e ? {
+    r: s(e[1]),
+    g: s(e[2]),
+    b: s(e[3]),
+    a: A(e[4]),
+    format: a ? "name" : "hex8"
+  } : (e = f.hex6.exec(t), e ? {
+    r: s(e[1]),
+    g: s(e[2]),
+    b: s(e[3]),
+    format: a ? "name" : "hex"
+  } : (e = f.hex4.exec(t), e ? {
+    r: s(e[1] + e[1]),
+    g: s(e[2] + e[2]),
+    b: s(e[3] + e[3]),
+    a: A(e[4] + e[4]),
+    format: a ? "name" : "hex8"
+  } : (e = f.hex3.exec(t), e ? {
+    r: s(e[1] + e[1]),
+    g: s(e[2] + e[2]),
+    b: s(e[3] + e[3]),
+    format: a ? "name" : "hex"
+  } : !1))))))))));
+}
+function n(t) {
+  return typeof t == "number" ? !Number.isNaN(t) : f.CSS_UNIT.test(t);
+}
+export {
+  N as inputToRGB,
+  n as isValidCSSUnit,
+  w as stringInputToObject
+};

package/dist/node_modules/@ctrl/tinycolor/dist/module/index.js

@@ -0,0 +1,354 @@
+import { numberInputToObject as d, rgbToHsv as g, rgbToHsl as u, rgbToHex as c, rgbaToHex as m, rgbToCmyk as b } from "./conversion.js";
+import { names as f } from "./css-color-names.js";
+import { inputToRGB as p } from "./format-input.js";
+import { boundAlpha as H, clamp01 as o, bound01 as l } from "./util.js";
+class n {
+  constructor(t = "", s = {}) {
+    if (t instanceof n)
+      return t;
+    typeof t == "number" && (t = d(t)), this.originalInput = t;
+    const h = p(t);
+    this.originalInput = t, this.r = h.r, this.g = h.g, this.b = h.b, this.a = h.a, this.roundA = Math.round(100 * this.a) / 100, this.format = s.format ?? h.format, this.gradientType = s.gradientType, this.r < 1 && (this.r = Math.round(this.r)), this.g < 1 && (this.g = Math.round(this.g)), this.b < 1 && (this.b = Math.round(this.b)), this.isValid = h.ok;
+  }
+  isDark() {
+    return this.getBrightness() < 128;
+  }
+  isLight() {
+    return !this.isDark();
+  }
+  /**
+   * Returns the perceived brightness of the color, from 0-255.
+   */
+  getBrightness() {
+    const t = this.toRgb();
+    return (t.r * 299 + t.g * 587 + t.b * 114) / 1e3;
+  }
+  /**
+   * Returns the perceived luminance of a color, from 0-1.
+   */
+  getLuminance() {
+    const t = this.toRgb();
+    let s, h, r;
+    const i = t.r / 255, e = t.g / 255, a = t.b / 255;
+    return i <= 0.03928 ? s = i / 12.92 : s = Math.pow((i + 0.055) / 1.055, 2.4), e <= 0.03928 ? h = e / 12.92 : h = Math.pow((e + 0.055) / 1.055, 2.4), a <= 0.03928 ? r = a / 12.92 : r = Math.pow((a + 0.055) / 1.055, 2.4), 0.2126 * s + 0.7152 * h + 0.0722 * r;
+  }
+  /**
+   * Returns the alpha value of a color, from 0-1.
+   */
+  getAlpha() {
+    return this.a;
+  }
+  /**
+   * Sets the alpha value on the current color.
+   *
+   * @param alpha - The new alpha value. The accepted range is 0-1.
+   */
+  setAlpha(t) {
+    return this.a = H(t), this.roundA = Math.round(100 * this.a) / 100, this;
+  }
+  /**
+   * Returns whether the color is monochrome.
+   */
+  isMonochrome() {
+    const { s: t } = this.toHsl();
+    return t === 0;
+  }
+  /**
+   * Returns the object as a HSVA object.
+   */
+  toHsv() {
+    const t = g(this.r, this.g, this.b);
+    return { h: t.h * 360, s: t.s, v: t.v, a: this.a };
+  }
+  /**
+   * Returns the hsva values interpolated into a string with the following format:
+   * "hsva(xxx, xxx, xxx, xx)".
+   */
+  toHsvString() {
+    const t = g(this.r, this.g, this.b), s = Math.round(t.h * 360), h = Math.round(t.s * 100), r = Math.round(t.v * 100);
+    return this.a === 1 ? `hsv(${s}, ${h}%, ${r}%)` : `hsva(${s}, ${h}%, ${r}%, ${this.roundA})`;
+  }
+  /**
+   * Returns the object as a HSLA object.
+   */
+  toHsl() {
+    const t = u(this.r, this.g, this.b);
+    return { h: t.h * 360, s: t.s, l: t.l, a: this.a };
+  }
+  /**
+   * Returns the hsla values interpolated into a string with the following format:
+   * "hsla(xxx, xxx, xxx, xx)".
+   */
+  toHslString() {
+    const t = u(this.r, this.g, this.b), s = Math.round(t.h * 360), h = Math.round(t.s * 100), r = Math.round(t.l * 100);
+    return this.a === 1 ? `hsl(${s}, ${h}%, ${r}%)` : `hsla(${s}, ${h}%, ${r}%, ${this.roundA})`;
+  }
+  /**
+   * Returns the hex value of the color.
+   * @param allow3Char will shorten hex value to 3 char if possible
+   */
+  toHex(t = !1) {
+    return c(this.r, this.g, this.b, t);
+  }
+  /**
+   * Returns the hex value of the color -with a # prefixed.
+   * @param allow3Char will shorten hex value to 3 char if possible
+   */
+  toHexString(t = !1) {
+    return "#" + this.toHex(t);
+  }
+  /**
+   * Returns the hex 8 value of the color.
+   * @param allow4Char will shorten hex value to 4 char if possible
+   */
+  toHex8(t = !1) {
+    return m(this.r, this.g, this.b, this.a, t);
+  }
+  /**
+   * Returns the hex 8 value of the color -with a # prefixed.
+   * @param allow4Char will shorten hex value to 4 char if possible
+   */
+  toHex8String(t = !1) {
+    return "#" + this.toHex8(t);
+  }
+  /**
+   * Returns the shorter hex value of the color depends on its alpha -with a # prefixed.
+   * @param allowShortChar will shorten hex value to 3 or 4 char if possible
+   */
+  toHexShortString(t = !1) {
+    return this.a === 1 ? this.toHexString(t) : this.toHex8String(t);
+  }
+  /**
+   * Returns the object as a RGBA object.
+   */
+  toRgb() {
+    return {
+      r: Math.round(this.r),
+      g: Math.round(this.g),
+      b: Math.round(this.b),
+      a: this.a
+    };
+  }
+  /**
+   * Returns the RGBA values interpolated into a string with the following format:
+   * "RGBA(xxx, xxx, xxx, xx)".
+   */
+  toRgbString() {
+    const t = Math.round(this.r), s = Math.round(this.g), h = Math.round(this.b);
+    return this.a === 1 ? `rgb(${t}, ${s}, ${h})` : `rgba(${t}, ${s}, ${h}, ${this.roundA})`;
+  }
+  /**
+   * Returns the object as a RGBA object.
+   */
+  toPercentageRgb() {
+    const t = (s) => `${Math.round(l(s, 255) * 100)}%`;
+    return {
+      r: t(this.r),
+      g: t(this.g),
+      b: t(this.b),
+      a: this.a
+    };
+  }
+  /**
+   * Returns the RGBA relative values interpolated into a string
+   */
+  toPercentageRgbString() {
+    const t = (s) => Math.round(l(s, 255) * 100);
+    return this.a === 1 ? `rgb(${t(this.r)}%, ${t(this.g)}%, ${t(this.b)}%)` : `rgba(${t(this.r)}%, ${t(this.g)}%, ${t(this.b)}%, ${this.roundA})`;
+  }
+  toCmyk() {
+    return {
+      ...b(this.r, this.g, this.b)
+    };
+  }
+  toCmykString() {
+    const { c: t, m: s, y: h, k: r } = b(this.r, this.g, this.b);
+    return `cmyk(${t}, ${s}, ${h}, ${r})`;
+  }
+  /**
+   * The 'real' name of the color -if there is one.
+   */
+  toName() {
+    if (this.a === 0)
+      return "transparent";
+    if (this.a < 1)
+      return !1;
+    const t = "#" + c(this.r, this.g, this.b, !1);
+    for (const [s, h] of Object.entries(f))
+      if (t === h)
+        return s;
+    return !1;
+  }
+  toString(t) {
+    const s = !!t;
+    t = t ?? this.format;
+    let h = !1;
+    const r = this.a < 1 && this.a >= 0;
+    return !s && r && (t.startsWith("hex") || t === "name") ? t === "name" && this.a === 0 ? this.toName() : this.toRgbString() : (t === "rgb" && (h = this.toRgbString()), t === "prgb" && (h = this.toPercentageRgbString()), (t === "hex" || t === "hex6") && (h = this.toHexString()), t === "hex3" && (h = this.toHexString(!0)), t === "hex4" && (h = this.toHex8String(!0)), t === "hex8" && (h = this.toHex8String()), t === "name" && (h = this.toName()), t === "hsl" && (h = this.toHslString()), t === "hsv" && (h = this.toHsvString()), t === "cmyk" && (h = this.toCmykString()), h || this.toHexString());
+  }
+  toNumber() {
+    return (Math.round(this.r) << 16) + (Math.round(this.g) << 8) + Math.round(this.b);
+  }
+  clone() {
+    return new n(this.toString());
+  }
+  /**
+   * Lighten the color a given amount. Providing 100 will always return white.
+   * @param amount - valid between 1-100
+   */
+  lighten(t = 10) {
+    const s = this.toHsl();
+    return s.l += t / 100, s.l = o(s.l), new n(s);
+  }
+  /**
+   * Brighten the color a given amount, from 0 to 100.
+   * @param amount - valid between 1-100
+   */
+  brighten(t = 10) {
+    const s = this.toRgb();
+    return s.r = Math.max(0, Math.min(255, s.r - Math.round(255 * -(t / 100)))), s.g = Math.max(0, Math.min(255, s.g - Math.round(255 * -(t / 100)))), s.b = Math.max(0, Math.min(255, s.b - Math.round(255 * -(t / 100)))), new n(s);
+  }
+  /**
+   * Darken the color a given amount, from 0 to 100.
+   * Providing 100 will always return black.
+   * @param amount - valid between 1-100
+   */
+  darken(t = 10) {
+    const s = this.toHsl();
+    return s.l -= t / 100, s.l = o(s.l), new n(s);
+  }
+  /**
+   * Mix the color with pure white, from 0 to 100.
+   * Providing 0 will do nothing, providing 100 will always return white.
+   * @param amount - valid between 1-100
+   */
+  tint(t = 10) {
+    return this.mix("white", t);
+  }
+  /**
+   * Mix the color with pure black, from 0 to 100.
+   * Providing 0 will do nothing, providing 100 will always return black.
+   * @param amount - valid between 1-100
+   */
+  shade(t = 10) {
+    return this.mix("black", t);
+  }
+  /**
+   * Desaturate the color a given amount, from 0 to 100.
+   * Providing 100 will is the same as calling greyscale
+   * @param amount - valid between 1-100
+   */
+  desaturate(t = 10) {
+    const s = this.toHsl();
+    return s.s -= t / 100, s.s = o(s.s), new n(s);
+  }
+  /**
+   * Saturate the color a given amount, from 0 to 100.
+   * @param amount - valid between 1-100
+   */
+  saturate(t = 10) {
+    const s = this.toHsl();
+    return s.s += t / 100, s.s = o(s.s), new n(s);
+  }
+  /**
+   * Completely desaturates a color into greyscale.
+   * Same as calling `desaturate(100)`
+   */
+  greyscale() {
+    return this.desaturate(100);
+  }
+  /**
+   * Spin takes a positive or negative amount within [-360, 360] indicating the change of hue.
+   * Values outside of this range will be wrapped into this range.
+   */
+  spin(t) {
+    const s = this.toHsl(), h = (s.h + t) % 360;
+    return s.h = h < 0 ? 360 + h : h, new n(s);
+  }
+  /**
+   * Mix the current color a given amount with another color, from 0 to 100.
+   * 0 means no mixing (return current color).
+   */
+  mix(t, s = 50) {
+    const h = this.toRgb(), r = new n(t).toRgb(), i = s / 100, e = {
+      r: (r.r - h.r) * i + h.r,
+      g: (r.g - h.g) * i + h.g,
+      b: (r.b - h.b) * i + h.b,
+      a: (r.a - h.a) * i + h.a
+    };
+    return new n(e);
+  }
+  analogous(t = 6, s = 30) {
+    const h = this.toHsl(), r = 360 / s, i = [this];
+    for (h.h = (h.h - (r * t >> 1) + 720) % 360; --t; )
+      h.h = (h.h + r) % 360, i.push(new n(h));
+    return i;
+  }
+  /**
+   * taken from https://github.com/infusion/jQuery-xcolor/blob/master/jquery.xcolor.js
+   */
+  complement() {
+    const t = this.toHsl();
+    return t.h = (t.h + 180) % 360, new n(t);
+  }
+  monochromatic(t = 6) {
+    const s = this.toHsv(), { h } = s, { s: r } = s;
+    let { v: i } = s;
+    const e = [], a = 1 / t;
+    for (; t--; )
+      e.push(new n({ h, s: r, v: i })), i = (i + a) % 1;
+    return e;
+  }
+  splitcomplement() {
+    const t = this.toHsl(), { h: s } = t;
+    return [
+      this,
+      new n({ h: (s + 72) % 360, s: t.s, l: t.l }),
+      new n({ h: (s + 216) % 360, s: t.s, l: t.l })
+    ];
+  }
+  /**
+   * Compute how the color would appear on a background
+   */
+  onBackground(t) {
+    const s = this.toRgb(), h = new n(t).toRgb(), r = s.a + h.a * (1 - s.a);
+    return new n({
+      r: (s.r * s.a + h.r * h.a * (1 - s.a)) / r,
+      g: (s.g * s.a + h.g * h.a * (1 - s.a)) / r,
+      b: (s.b * s.a + h.b * h.a * (1 - s.a)) / r,
+      a: r
+    });
+  }
+  /**
+   * Alias for `polyad(3)`
+   */
+  triad() {
+    return this.polyad(3);
+  }
+  /**
+   * Alias for `polyad(4)`
+   */
+  tetrad() {
+    return this.polyad(4);
+  }
+  /**
+   * Get polyad colors, like (for 1, 2, 3, 4, 5, 6, 7, 8, etc...)
+   * monad, dyad, triad, tetrad, pentad, hexad, heptad, octad, etc...
+   */
+  polyad(t) {
+    const s = this.toHsl(), { h } = s, r = [this], i = 360 / t;
+    for (let e = 1; e < t; e++)
+      r.push(new n({ h: (h + e * i) % 360, s: s.s, l: s.l }));
+    return r;
+  }
+  /**
+   * compare color vs current color
+   */
+  equals(t) {
+    const s = new n(t);
+    return this.format === "cmyk" || s.format === "cmyk" ? this.toCmykString() === s.toCmykString() : this.toRgbString() === s.toRgbString();
+  }
+}
+export {
+  n as TinyColor
+};

package/dist/node_modules/@ctrl/tinycolor/dist/module/util.js

@@ -0,0 +1,32 @@
+function o(t, r) {
+  i(t) && (t = "100%");
+  const e = n(t);
+  return t = r === 360 ? t : Math.min(r, Math.max(0, parseFloat(t))), e && (t = parseInt(String(t * r), 10) / 100), Math.abs(t - r) < 1e-6 ? 1 : (r === 360 ? t = (t < 0 ? t % r + r : t % r) / parseFloat(String(r)) : t = t % r / parseFloat(String(r)), t);
+}
+function u(t) {
+  return Math.min(1, Math.max(0, t));
+}
+function i(t) {
+  return typeof t == "string" && t.indexOf(".") !== -1 && parseFloat(t) === 1;
+}
+function n(t) {
+  return typeof t == "string" && t.indexOf("%") !== -1;
+}
+function f(t) {
+  return t = parseFloat(t), (isNaN(t) || t < 0 || t > 1) && (t = 1), t;
+}
+function s(t) {
+  return Number(t) <= 1 ? `${Number(t) * 100}%` : t;
+}
+function p(t) {
+  return t.length === 1 ? "0" + t : String(t);
+}
+export {
+  o as bound01,
+  f as boundAlpha,
+  u as clamp01,
+  s as convertToPercentage,
+  i as isOnePointZero,
+  n as isPercentage,
+  p as pad2
+};