@paramrig/web 0.1.0 → 0.1.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@paramrig/web",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "type": "module",
   "license": "MIT",
   "publishConfig": {

package/dist/index-L3Zm-CoX.js

@@ -1,512 +0,0 @@
-function B(t, e) {
-  if (t.match(/^[a-z]+:\/\//i))
-    return t;
-  if (t.match(/^\/\//))
-    return window.location.protocol + t;
-  if (t.match(/^[a-z]+:/i))
-    return t;
-  const n = document.implementation.createHTMLDocument(), r = n.createElement("base"), s = n.createElement("a");
-  return n.head.appendChild(r), n.body.appendChild(s), e && (r.href = e), s.href = t, s.href;
-}
-const j = /* @__PURE__ */ (() => {
-  let t = 0;
-  const e = () => (
-    // eslint-disable-next-line no-bitwise
-    `0000${(Math.random() * 36 ** 4 << 0).toString(36)}`.slice(-4)
-  );
-  return () => (t += 1, `u${e()}${t}`);
-})();
-function m(t) {
-  const e = [];
-  for (let n = 0, r = t.length; n < r; n++)
-    e.push(t[n]);
-  return e;
-}
-let g = null;
-function v(t = {}) {
-  return g || (t.includeStyleProperties ? (g = t.includeStyleProperties, g) : (g = m(window.getComputedStyle(document.documentElement)), g));
-}
-function y(t, e) {
-  const r = (t.ownerDocument.defaultView || window).getComputedStyle(t).getPropertyValue(e);
-  return r ? parseFloat(r.replace("px", "")) : 0;
-}
-function z(t) {
-  const e = y(t, "border-left-width"), n = y(t, "border-right-width");
-  return t.clientWidth + e + n;
-}
-function G(t) {
-  const e = y(t, "border-top-width"), n = y(t, "border-bottom-width");
-  return t.clientHeight + e + n;
-}
-function R(t, e = {}) {
-  const n = e.width || z(t), r = e.height || G(t);
-  return { width: n, height: r };
-}
-function X() {
-  let t, e;
-  try {
-    e = process;
-  } catch {
-  }
-  const n = e && e.env ? e.env.devicePixelRatio : null;
-  return n && (t = parseInt(n, 10), Number.isNaN(t) && (t = 1)), t || window.devicePixelRatio || 1;
-}
-const u = 16384;
-function J(t) {
-  (t.width > u || t.height > u) && (t.width > u && t.height > u ? t.width > t.height ? (t.height *= u / t.width, t.width = u) : (t.width *= u / t.height, t.height = u) : t.width > u ? (t.height *= u / t.width, t.width = u) : (t.width *= u / t.height, t.height = u));
-}
-function K(t, e = {}) {
-  return t.toBlob ? new Promise((n) => {
-    t.toBlob(n, e.type ? e.type : "image/png", e.quality ? e.quality : 1);
-  }) : new Promise((n) => {
-    const r = window.atob(t.toDataURL(e.type ? e.type : void 0, e.quality ? e.quality : void 0).split(",")[1]), s = r.length, i = new Uint8Array(s);
-    for (let a = 0; a < s; a += 1)
-      i[a] = r.charCodeAt(a);
-    n(new Blob([i], {
-      type: e.type ? e.type : "image/png"
-    }));
-  });
-}
-function w(t) {
-  return new Promise((e, n) => {
-    const r = new Image();
-    r.onload = () => {
-      r.decode().then(() => {
-        requestAnimationFrame(() => e(r));
-      });
-    }, r.onerror = n, r.crossOrigin = "anonymous", r.decoding = "async", r.src = t;
-  });
-}
-async function Q(t) {
-  return Promise.resolve().then(() => new XMLSerializer().serializeToString(t)).then(encodeURIComponent).then((e) => `data:image/svg+xml;charset=utf-8,${e}`);
-}
-async function Y(t, e, n) {
-  const r = "http://www.w3.org/2000/svg", s = document.createElementNS(r, "svg"), i = document.createElementNS(r, "foreignObject");
-  return s.setAttribute("width", `${e}`), s.setAttribute("height", `${n}`), s.setAttribute("viewBox", `0 0 ${e} ${n}`), i.setAttribute("width", "100%"), i.setAttribute("height", "100%"), i.setAttribute("x", "0"), i.setAttribute("y", "0"), i.setAttribute("externalResourcesRequired", "true"), s.appendChild(i), i.appendChild(t), Q(s);
-}
-const l = (t, e) => {
-  if (t instanceof e)
-    return !0;
-  const n = Object.getPrototypeOf(t);
-  return n === null ? !1 : n.constructor.name === e.name || l(n, e);
-};
-function Z(t) {
-  const e = t.getPropertyValue("content");
-  return `${t.cssText} content: '${e.replace(/'|"/g, "")}';`;
-}
-function N(t, e) {
-  return v(e).map((n) => {
-    const r = t.getPropertyValue(n), s = t.getPropertyPriority(n);
-    return `${n}: ${r}${s ? " !important" : ""};`;
-  }).join(" ");
-}
-function tt(t, e, n, r) {
-  const s = `.${t}:${e}`, i = n.cssText ? Z(n) : N(n, r);
-  return document.createTextNode(`${s}{${i}}`);
-}
-function $(t, e, n, r) {
-  const s = window.getComputedStyle(t, n), i = s.getPropertyValue("content");
-  if (i === "" || i === "none")
-    return;
-  const a = j();
-  try {
-    e.className = `${e.className} ${a}`;
-  } catch {
-    return;
-  }
-  const c = document.createElement("style");
-  c.appendChild(tt(a, n, s, r)), e.appendChild(c);
-}
-function et(t, e, n) {
-  $(t, e, ":before", n), $(t, e, ":after", n);
-}
-const T = "application/font-woff", L = "image/jpeg", nt = {
-  woff: T,
-  woff2: T,
-  ttf: "application/font-truetype",
-  eot: "application/vnd.ms-fontobject",
-  png: "image/png",
-  jpg: L,
-  jpeg: L,
-  gif: "image/gif",
-  tiff: "image/tiff",
-  svg: "image/svg+xml",
-  webp: "image/webp"
-};
-function rt(t) {
-  const e = /\.([^./]*?)$/g.exec(t);
-  return e ? e[1] : "";
-}
-function C(t) {
-  const e = rt(t).toLowerCase();
-  return nt[e] || "";
-}
-function it(t) {
-  return t.split(/,/)[1];
-}
-function x(t) {
-  return t.search(/^(data:)/) !== -1;
-}
-function st(t, e) {
-  return `data:${e};base64,${t}`;
-}
-async function U(t, e, n) {
-  const r = await fetch(t, e);
-  if (r.status === 404)
-    throw new Error(`Resource "${r.url}" not found`);
-  const s = await r.blob();
-  return new Promise((i, a) => {
-    const c = new FileReader();
-    c.onerror = a, c.onloadend = () => {
-      try {
-        i(n({ res: r, result: c.result }));
-      } catch (o) {
-        a(o);
-      }
-    }, c.readAsDataURL(s);
-  });
-}
-const E = {};
-function at(t, e, n) {
-  let r = t.replace(/\?.*/, "");
-  return n && (r = t), /ttf|otf|eot|woff2?/i.test(r) && (r = r.replace(/.*\//, "")), e ? `[${e}]${r}` : r;
-}
-async function P(t, e, n) {
-  const r = at(t, e, n.includeQueryParams);
-  if (E[r] != null)
-    return E[r];
-  n.cacheBust && (t += (/\?/.test(t) ? "&" : "?") + (/* @__PURE__ */ new Date()).getTime());
-  let s;
-  try {
-    const i = await U(t, n.fetchRequestInit, ({ res: a, result: c }) => (e || (e = a.headers.get("Content-Type") || ""), it(c)));
-    s = st(i, e);
-  } catch (i) {
-    s = n.imagePlaceholder || "";
-    let a = `Failed to fetch resource: ${t}`;
-    i && (a = typeof i == "string" ? i : i.message), a && console.warn(a);
-  }
-  return E[r] = s, s;
-}
-async function ct(t) {
-  const e = t.toDataURL();
-  return e === "data:," ? t.cloneNode(!1) : w(e);
-}
-async function ot(t, e) {
-  if (t.currentSrc) {
-    const i = document.createElement("canvas"), a = i.getContext("2d");
-    i.width = t.clientWidth, i.height = t.clientHeight, a?.drawImage(t, 0, 0, i.width, i.height);
-    const c = i.toDataURL();
-    return w(c);
-  }
-  const n = t.poster, r = C(n), s = await P(n, r, e);
-  return w(s);
-}
-async function lt(t, e) {
-  var n;
-  try {
-    if (!((n = t?.contentDocument) === null || n === void 0) && n.body)
-      return await p(t.contentDocument.body, e, !0);
-  } catch {
-  }
-  return t.cloneNode(!1);
-}
-async function ut(t, e) {
-  return l(t, HTMLCanvasElement) ? ct(t) : l(t, HTMLVideoElement) ? ot(t, e) : l(t, HTMLIFrameElement) ? lt(t, e) : t.cloneNode(k(t));
-}
-const ft = (t) => t.tagName != null && t.tagName.toUpperCase() === "SLOT", k = (t) => t.tagName != null && t.tagName.toUpperCase() === "SVG";
-async function ht(t, e, n) {
-  var r, s;
-  if (k(e))
-    return e;
-  let i = [];
-  return ft(t) && t.assignedNodes ? i = m(t.assignedNodes()) : l(t, HTMLIFrameElement) && (!((r = t.contentDocument) === null || r === void 0) && r.body) ? i = m(t.contentDocument.body.childNodes) : i = m(((s = t.shadowRoot) !== null && s !== void 0 ? s : t).childNodes), i.length === 0 || l(t, HTMLVideoElement) || await i.reduce((a, c) => a.then(() => p(c, n)).then((o) => {
-    o && e.appendChild(o);
-  }), Promise.resolve()), e;
-}
-function mt(t, e, n) {
-  const r = e.style;
-  if (!r)
-    return;
-  const s = window.getComputedStyle(t);
-  s.cssText ? (r.cssText = s.cssText, r.transformOrigin = s.transformOrigin) : v(n).forEach((i) => {
-    let a = s.getPropertyValue(i);
-    i === "font-size" && a.endsWith("px") && (a = `${Math.floor(parseFloat(a.substring(0, a.length - 2))) - 0.1}px`), l(t, HTMLIFrameElement) && i === "display" && a === "inline" && (a = "block"), i === "d" && e.getAttribute("d") && (a = `path(${e.getAttribute("d")})`), r.setProperty(i, a, s.getPropertyPriority(i));
-  });
-}
-function gt(t, e) {
-  l(t, HTMLTextAreaElement) && (e.innerHTML = t.value), l(t, HTMLInputElement) && e.setAttribute("value", t.value);
-}
-function dt(t, e) {
-  if (l(t, HTMLSelectElement)) {
-    const r = Array.from(e.children).find((s) => t.value === s.getAttribute("value"));
-    r && r.setAttribute("selected", "");
-  }
-}
-function yt(t, e, n) {
-  return l(e, Element) && (mt(t, e, n), et(t, e, n), gt(t, e), dt(t, e)), e;
-}
-async function wt(t, e) {
-  const n = t.querySelectorAll ? t.querySelectorAll("use") : [];
-  if (n.length === 0)
-    return t;
-  const r = {};
-  for (let i = 0; i < n.length; i++) {
-    const c = n[i].getAttribute("xlink:href");
-    if (c) {
-      const o = t.querySelector(c), f = document.querySelector(c);
-      !o && f && !r[c] && (r[c] = await p(f, e, !0));
-    }
-  }
-  const s = Object.values(r);
-  if (s.length) {
-    const i = "http://www.w3.org/1999/xhtml", a = document.createElementNS(i, "svg");
-    a.setAttribute("xmlns", i), a.style.position = "absolute", a.style.width = "0", a.style.height = "0", a.style.overflow = "hidden", a.style.display = "none";
-    const c = document.createElementNS(i, "defs");
-    a.appendChild(c);
-    for (let o = 0; o < s.length; o++)
-      c.appendChild(s[o]);
-    t.appendChild(a);
-  }
-  return t;
-}
-async function p(t, e, n) {
-  return !n && e.filter && !e.filter(t) ? null : Promise.resolve(t).then((r) => ut(r, e)).then((r) => ht(t, r, e)).then((r) => yt(t, r, e)).then((r) => wt(r, e));
-}
-const H = /url\((['"]?)([^'"]+?)\1\)/g, pt = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g, St = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
-function bt(t) {
-  const e = t.replace(/([.*+?^${}()|\[\]\/\\])/g, "\\$1");
-  return new RegExp(`(url\\(['"]?)(${e})(['"]?\\))`, "g");
-}
-function Et(t) {
-  const e = [];
-  return t.replace(H, (n, r, s) => (e.push(s), n)), e.filter((n) => !x(n));
-}
-async function xt(t, e, n, r, s) {
-  try {
-    const i = n ? B(e, n) : e, a = C(e);
-    let c;
-    return s || (c = await P(i, a, r)), t.replace(bt(e), `$1${c}$3`);
-  } catch {
-  }
-  return t;
-}
-function Rt(t, { preferredFontFormat: e }) {
-  return e ? t.replace(St, (n) => {
-    for (; ; ) {
-      const [r, , s] = pt.exec(n) || [];
-      if (!s)
-        return "";
-      if (s === e)
-        return `src: ${r};`;
-    }
-  }) : t;
-}
-function V(t) {
-  return t.search(H) !== -1;
-}
-async function M(t, e, n) {
-  if (!V(t))
-    return t;
-  const r = Rt(t, n);
-  return Et(r).reduce((i, a) => i.then((c) => xt(c, a, e, n)), Promise.resolve(r));
-}
-async function d(t, e, n) {
-  var r;
-  const s = (r = e.style) === null || r === void 0 ? void 0 : r.getPropertyValue(t);
-  if (s) {
-    const i = await M(s, null, n);
-    return e.style.setProperty(t, i, e.style.getPropertyPriority(t)), !0;
-  }
-  return !1;
-}
-async function Ct(t, e) {
-  await d("background", t, e) || await d("background-image", t, e), await d("mask", t, e) || await d("-webkit-mask", t, e) || await d("mask-image", t, e) || await d("-webkit-mask-image", t, e);
-}
-async function Pt(t, e) {
-  const n = l(t, HTMLImageElement);
-  if (!(n && !x(t.src)) && !(l(t, SVGImageElement) && !x(t.href.baseVal)))
-    return;
-  const r = n ? t.src : t.href.baseVal, s = await P(r, C(r), e);
-  await new Promise((i, a) => {
-    t.onload = i, t.onerror = e.onImageErrorHandler ? (...o) => {
-      try {
-        i(e.onImageErrorHandler(...o));
-      } catch (f) {
-        a(f);
-      }
-    } : a;
-    const c = t;
-    c.decode && (c.decode = i), c.loading === "lazy" && (c.loading = "eager"), n ? (t.srcset = "", t.src = s) : t.href.baseVal = s;
-  });
-}
-async function $t(t, e) {
-  const r = m(t.childNodes).map((s) => O(s, e));
-  await Promise.all(r).then(() => t);
-}
-async function O(t, e) {
-  l(t, Element) && (await Ct(t, e), await Pt(t, e), await $t(t, e));
-}
-function Tt(t, e) {
-  const { style: n } = t;
-  e.backgroundColor && (n.backgroundColor = e.backgroundColor), e.width && (n.width = `${e.width}px`), e.height && (n.height = `${e.height}px`);
-  const r = e.style;
-  return r != null && Object.keys(r).forEach((s) => {
-    n[s] = r[s];
-  }), t;
-}
-const F = {};
-async function I(t) {
-  let e = F[t];
-  if (e != null)
-    return e;
-  const r = await (await fetch(t)).text();
-  return e = { url: t, cssText: r }, F[t] = e, e;
-}
-async function A(t, e) {
-  let n = t.cssText;
-  const r = /url\(["']?([^"')]+)["']?\)/g, i = (n.match(/url\([^)]+\)/g) || []).map(async (a) => {
-    let c = a.replace(r, "$1");
-    return c.startsWith("https://") || (c = new URL(c, t.url).href), U(c, e.fetchRequestInit, ({ result: o }) => (n = n.replace(a, `url(${o})`), [a, o]));
-  });
-  return Promise.all(i).then(() => n);
-}
-function D(t) {
-  if (t == null)
-    return [];
-  const e = [], n = /(\/\*[\s\S]*?\*\/)/gi;
-  let r = t.replace(n, "");
-  const s = new RegExp("((@.*?keyframes [\\s\\S]*?){([\\s\\S]*?}\\s*?)})", "gi");
-  for (; ; ) {
-    const o = s.exec(r);
-    if (o === null)
-      break;
-    e.push(o[0]);
-  }
-  r = r.replace(s, "");
-  const i = /@import[\s\S]*?url\([^)]*\)[\s\S]*?;/gi, a = "((\\s*?(?:\\/\\*[\\s\\S]*?\\*\\/)?\\s*?@media[\\s\\S]*?){([\\s\\S]*?)}\\s*?})|(([\\s\\S]*?){([\\s\\S]*?)})", c = new RegExp(a, "gi");
-  for (; ; ) {
-    let o = i.exec(r);
-    if (o === null) {
-      if (o = c.exec(r), o === null)
-        break;
-      i.lastIndex = c.lastIndex;
-    } else
-      c.lastIndex = i.lastIndex;
-    e.push(o[0]);
-  }
-  return e;
-}
-async function Lt(t, e) {
-  const n = [], r = [];
-  return t.forEach((s) => {
-    if ("cssRules" in s)
-      try {
-        m(s.cssRules || []).forEach((i, a) => {
-          if (i.type === CSSRule.IMPORT_RULE) {
-            let c = a + 1;
-            const o = i.href, f = I(o).then((h) => A(h, e)).then((h) => D(h).forEach((b) => {
-              try {
-                s.insertRule(b, b.startsWith("@import") ? c += 1 : s.cssRules.length);
-              } catch (W) {
-                console.error("Error inserting rule from remote css", {
-                  rule: b,
-                  error: W
-                });
-              }
-            })).catch((h) => {
-              console.error("Error loading remote css", h.toString());
-            });
-            r.push(f);
-          }
-        });
-      } catch (i) {
-        const a = t.find((c) => c.href == null) || document.styleSheets[0];
-        s.href != null && r.push(I(s.href).then((c) => A(c, e)).then((c) => D(c).forEach((o) => {
-          a.insertRule(o, a.cssRules.length);
-        })).catch((c) => {
-          console.error("Error loading remote stylesheet", c);
-        })), console.error("Error inlining remote css file", i);
-      }
-  }), Promise.all(r).then(() => (t.forEach((s) => {
-    if ("cssRules" in s)
-      try {
-        m(s.cssRules || []).forEach((i) => {
-          n.push(i);
-        });
-      } catch (i) {
-        console.error(`Error while reading CSS rules from ${s.href}`, i);
-      }
-  }), n));
-}
-function Ft(t) {
-  return t.filter((e) => e.type === CSSRule.FONT_FACE_RULE).filter((e) => V(e.style.getPropertyValue("src")));
-}
-async function It(t, e) {
-  if (t.ownerDocument == null)
-    throw new Error("Provided element is not within a Document");
-  const n = m(t.ownerDocument.styleSheets), r = await Lt(n, e);
-  return Ft(r);
-}
-function _(t) {
-  return t.trim().replace(/["']/g, "");
-}
-function At(t) {
-  const e = /* @__PURE__ */ new Set();
-  function n(r) {
-    (r.style.fontFamily || getComputedStyle(r).fontFamily).split(",").forEach((i) => {
-      e.add(_(i));
-    }), Array.from(r.children).forEach((i) => {
-      i instanceof HTMLElement && n(i);
-    });
-  }
-  return n(t), e;
-}
-async function q(t, e) {
-  const n = await It(t, e), r = At(t);
-  return (await Promise.all(n.filter((i) => r.has(_(i.style.fontFamily))).map((i) => {
-    const a = i.parentStyleSheet ? i.parentStyleSheet.href : null;
-    return M(i.cssText, a, e);
-  }))).join(`
-`);
-}
-async function Dt(t, e) {
-  const n = e.fontEmbedCSS != null ? e.fontEmbedCSS : e.skipFonts ? null : await q(t, e);
-  if (n) {
-    const r = document.createElement("style"), s = document.createTextNode(n);
-    r.appendChild(s), t.firstChild ? t.insertBefore(r, t.firstChild) : t.appendChild(r);
-  }
-}
-async function vt(t, e = {}) {
-  const { width: n, height: r } = R(t, e), s = await p(t, e, !0);
-  return await Dt(s, e), await O(s, e), Tt(s, e), await Y(s, n, r);
-}
-async function S(t, e = {}) {
-  const { width: n, height: r } = R(t, e), s = await vt(t, e), i = await w(s), a = document.createElement("canvas"), c = a.getContext("2d"), o = e.pixelRatio || X(), f = e.canvasWidth || n, h = e.canvasHeight || r;
-  return a.width = f * o, a.height = h * o, e.skipAutoScale || J(a), a.style.width = `${f}`, a.style.height = `${h}`, e.backgroundColor && (c.fillStyle = e.backgroundColor, c.fillRect(0, 0, a.width, a.height)), c.drawImage(i, 0, 0, a.width, a.height), a;
-}
-async function Ut(t, e = {}) {
-  const { width: n, height: r } = R(t, e);
-  return (await S(t, e)).getContext("2d").getImageData(0, 0, n, r).data;
-}
-async function kt(t, e = {}) {
-  return (await S(t, e)).toDataURL();
-}
-async function Ht(t, e = {}) {
-  return (await S(t, e)).toDataURL("image/jpeg", e.quality || 1);
-}
-async function Vt(t, e = {}) {
-  const n = await S(t, e);
-  return await K(n);
-}
-async function Mt(t, e = {}) {
-  return q(t, e);
-}
-export {
-  Mt as getFontEmbedCSS,
-  Vt as toBlob,
-  S as toCanvas,
-  Ht as toJpeg,
-  Ut as toPixelData,
-  kt as toPng,
-  vt as toSvg
-};