@epa-wg/custom-element-dist 0.0.26 → 0.0.27

package/dist/{custom-element-b7c_7Kz4.js → custom-element-BMMsP1Dy.js}

@@ -1,8 +1,8 @@
-const B = "http://www.w3.org/1999/XSL/Transform", q = "http://www.w3.org/1999/xhtml", ie = "http://exslt.org/common", x = (e, l) => e.getAttribute?.(l), Y = (e) => e.nodeType === 3, oe = (e) => typeof e == "string", re = (e) => e && typeof e.nodeType == "number", S = (e, l) => (e.ownerDocument || e).createTextNode(l), K = (e) => {
+const B = "http://www.w3.org/1999/XSL/Transform", U = "http://www.w3.org/1999/xhtml", ie = "http://exslt.org/common", b = (e, l) => e.getAttribute?.(l), Y = (e) => e.nodeType === 3, oe = (e) => typeof e == "string", re = (e) => e && typeof e.nodeType == "number", S = (e, l) => (e.ownerDocument || e).createTextNode(l), K = (e) => {
   for (; e.firstChild; ) e.firstChild.remove();
   return e;
-}, U = (e) => (e.getAttributeNames().map((l) => e.removeAttribute(l)), K(e)), Q = (e) => (e?.setAttribute("xmlns:xsl", B), e), ee = (e) => (e?.setAttribute("xmlns:xhtml", q), Q(e)), te = (e) => /^[_a-zA-Z][-_:a-zA-Z0-9]*$/.test(e), N = (e, l = "", t = document) => {
-  const s = (n) => ((r) => (l && r.append(S(t.ownerDocument || t, l)), r))((t.ownerDocument || t).createElement(n));
+}, H = (e) => (e.getAttributeNames().map((l) => e.removeAttribute(l)), K(e)), Q = (e) => (e?.setAttribute("xmlns:xsl", B), e), ee = (e) => (e?.setAttribute("xmlns:xhtml", U), Q(e)), te = (e) => /^[_a-zA-Z][-_:a-zA-Z0-9]*$/.test(e), N = (e, l = "", t = document) => {
+  const s = (i) => ((r) => (l && r.append(S(t.ownerDocument || t, l)), r))((t.ownerDocument || t).createElement(i));
   if (te(e))
     return s(e);
   const a = s("dce-object");
@@ -15,14 +15,14 @@ const B = "http://www.w3.org/1999/XSL/Transform", q = "http://www.w3.org/1999/xh
     t.append(e.firstChild);
   return t;
 };
-function M(e) {
+function P(e) {
   return new DOMParser().parseFromString(e, "application/xml");
 }
-function H(e) {
+function M(e) {
   return new XMLSerializer().serializeToString(e);
 }
-function X(e, l, t, s) {
-  const a = (h) => e.ownerDocument.createElement(h), r = ((h, p, u) => (p.append(u = a(h)), u))(l, e);
+function q(e, l, t, s) {
+  const a = (h) => e.ownerDocument.createElement(h), r = ((h, p, d) => (p.append(d = a(h)), d))(l, e);
   return [...t].forEach((h) => r.append(s(h))), r;
 }
 function ce(e) {
@@ -36,30 +36,30 @@ function $(e, l, t) {
   if (s === "number")
     return N(l, "" + e, t);
   if (e instanceof Array) {
-    const n = N("array", "", t);
-    return e.map((r) => n.append($(r, l, t))), n;
+    const i = N("array", "", t);
+    return e.map((r) => i.append($(r, l, t))), i;
   }
   if (e instanceof FormData) {
-    const n = N("form-data", "", t);
+    const i = N("form-data", "", t);
     for (const r of e)
-      n.append($(r[1], r[0], t));
-    return n;
+      i.append($(r[1], r[0], t));
+    return i;
   }
   const a = N(l, "", t);
-  for (let n in e)
-    re(e[n]) || typeof e[n] == "function" || e[n] instanceof Window || (typeof e[n] != "object" && te(n) ? a.setAttribute(n, e[n]) : a.append($(e[n], n, t)));
+  for (let i in e)
+    re(e[i]) || typeof e[i] == "function" || e[i] instanceof Window || (typeof e[i] != "object" && te(i) ? a.setAttribute(i, e[i]) : a.append($(e[i], i, t)));
   return a;
 }
 function Z(e) {
   if (C(e, "*", (l) => [...l.childNodes].filter((t) => t.nodeType === 3 && t.parentNode.localName !== "style" && t.data).forEach((t) => {
     const s = t.data, a = s.matchAll(/{([^}]*)}/g);
     if (a) {
-      let n = 0, r = (p) => S(t, p), h = [];
+      let i = 0, r = (p) => S(t, p), h = [];
       if ([...a].forEach((p) => {
-        p.index > n && h.push(r(p.input.substring(n, p.index)));
-        const u = e.querySelector("value-of").cloneNode();
-        u.setAttribute("select", p[1]), h.push(u), n = p.index + p[0].length;
-      }), n < s.length && h.push(r(s.substring(n, s.length))), h.length) {
+        p.index > i && h.push(r(p.input.substring(i, p.index)));
+        const d = e.querySelector("value-of").cloneNode();
+        d.setAttribute("select", p[1]), h.push(d), i = p.index + p[0].length;
+      }), i < s.length && h.push(r(s.substring(i, s.length))), h.length) {
         for (let p of h)
           l.insertBefore(p, t);
         l.removeChild(t);
@@ -75,36 +75,72 @@ function Z(e) {
 function me(e, l = "xsl:stylesheet") {
   if (e.tagName === l || e.documentElement?.tagName === l)
     return Z(e);
-  const t = M(`<xsl:stylesheet version="1.0" xmlns:xsl="${B}" xmlns:xhtml="${q}" xmlns:exsl="${ie}" exclude-result-prefixes="exsl" >
-        <xsl:output method="xml" />
-        <xsl:template match="/"><dce-root xmlns="${q}"><xsl:apply-templates select="*"/></dce-root></xsl:template>
-        <xsl:template match="*[name()='template']"><xsl:apply-templates mode="sanitize" select="*|text()"/></xsl:template>
-        <xsl:template match="*"><xsl:apply-templates mode="sanitize" select="*|text()"/></xsl:template>
-        <xsl:template match="*[name()='svg']|*[name()='math']"><xsl:apply-templates mode="sanitize" select="."/></xsl:template>
-        <xsl:template mode="sanitize" match="*[count(text())=1 and count(*)=0]"><xsl:copy><xsl:apply-templates mode="sanitize" select="@*"/><xsl:value-of select="text()"></xsl:value-of></xsl:copy></xsl:template>
-        <xsl:template mode="sanitize" match="xhtml:*[count(text())=1 and count(*)=0]"><xsl:element name="{local-name()}"><xsl:apply-templates mode="sanitize" select="@*"/><xsl:value-of select="text()"></xsl:value-of></xsl:element></xsl:template>
-        <xsl:template mode="sanitize" match="*|@*"><xsl:copy><xsl:apply-templates mode="sanitize" select="*|@*|text()"/></xsl:copy></xsl:template>
-        <xsl:template mode="sanitize" match="text()[normalize-space(.) = '']"/>
-        <xsl:template mode="sanitize" match="text()"><dce-text><xsl:copy/></dce-text></xsl:template>
-        <xsl:template mode="sanitize" match="xsl:value-of|*[name()='slot']"><dce-text><xsl:copy><xsl:apply-templates mode="sanitize" select="*|@*|text()"/></xsl:copy></dce-text></xsl:template>
-        <xsl:template mode="sanitize" match="xhtml:*"><xsl:element name="{local-name()}"><xsl:apply-templates mode="sanitize" select="*|@*|text()"/></xsl:element></xsl:template>
-    </xsl:stylesheet>`), s = new XSLTProcessor(), a = ((i) => {
-    C(i, "script", (y) => y.remove());
-    const c = i.content ?? i.firstElementChild?.content ?? i.body ?? i;
-    ve.forEach((y) => C(c, y, (v) => ge(v, c)));
-    const E = i.firstElementChild?.content || i.content, g = (y) => {
-      const v = M("<xhtml/>"), D = v.importNode(y, !0);
-      return v.replaceChild(D, v.documentElement), ee(D);
+  const t = P(`<xsl:stylesheet version="1.0" xmlns:xsl="${B}" xmlns:xhtml="${U}" xmlns:exsl="${ie}" exclude-result-prefixes="exsl" >
+    <xsl:output method="xml"/>
+        <xsl:template match="/"><dce-root xmlns="${U}"><xsl:apply-templates select="*" /></dce-root></xsl:template>
+    <xsl:template match="*[name()='template']">
+        <xsl:apply-templates mode="sanitize" select="*|text()"/>
+    </xsl:template>
+    <xsl:template match="*">
+        <xsl:apply-templates mode="sanitize" select="*|text()"/>
+    </xsl:template>
+    <xsl:template match="*[name()='svg']|*[name()='math']">
+        <xsl:apply-templates mode="sanitize" select="."/>
+    </xsl:template>
+    <xsl:template mode="sanitize" match="*[count(text())=1 and count(*)=0]">
+        <xsl:copy>
+            <xsl:apply-templates mode="sanitize" select="@*"/>
+            <xsl:value-of select="text()"></xsl:value-of>
+        </xsl:copy>
+    </xsl:template>
+    <xsl:template mode="sanitize" match="xhtml:*[count(text())=1 and count(*)=0]">
+        <xsl:element name="{local-name()}">
+            <xsl:apply-templates mode="sanitize" select="@*"/>
+            <xsl:value-of select="text()"></xsl:value-of>
+        </xsl:element>
+    </xsl:template>
+    <xsl:template mode="sanitize" match="*|@*">
+        <xsl:copy>
+            <xsl:apply-templates mode="sanitize" select="*|@*|text()"/>
+        </xsl:copy>
+    </xsl:template>
+    <xsl:template mode="sanitize" match="text()[normalize-space(.) = '']"/>
+    <xsl:template mode="sanitize" match="text()">
+        <dce-text>
+            <xsl:copy/>
+        </dce-text>
+    </xsl:template>
+    <xsl:template mode="sanitize" match="xsl:value-of|*[name()='slot']">
+        <dce-text>
+            <xsl:copy>
+                <xsl:apply-templates mode="sanitize" select="*|@*|text()"/>
+            </xsl:copy>
+        </dce-text>
+    </xsl:template>
+    <xsl:template mode="sanitize" match="xhtml:*">
+        <xsl:element name="{local-name()}">
+            <xsl:apply-templates mode="sanitize" select="*|@*|text()"/>
+        </xsl:element>
+    </xsl:template>
+</xsl:stylesheet>`), s = new XSLTProcessor(), a = ((n) => {
+    C(n, "custom-element", (x) => {
+      x.firstElementChild.localName === "template" && ([...x.firstElementChild.content.childNodes].forEach((y) => x.append(y)), x.firstElementChild.remove());
+    }), C(n, "script", (x) => x.remove());
+    const c = n.content ?? n.firstElementChild?.content ?? n.body ?? n;
+    ve.forEach((x) => C(c, x, (y) => ge(y, c)));
+    const E = n.firstElementChild?.content || n.content, g = (x) => {
+      const y = P("<xhtml/>"), L = y.importNode(x, !0);
+      return y.replaceChild(L, y.documentElement), ee(L);
     };
     if (E) {
-      const y = N("div");
-      return [...E.childNodes].map((v) => y.append(v.cloneNode(!0))), g(y);
+      const x = N("div");
+      return [...E.childNodes].map((y) => x.append(y.cloneNode(!0))), g(x);
     }
-    return g(i.documentElement || i.body || i);
-  })(e), n = M(
+    return g(n.documentElement || n.body || n);
+  })(e), i = P(
     `<xsl:stylesheet version="1.0"
         xmlns:xsl="${B}"
-        xmlns:xhtml="${q}"
+        xmlns:xhtml="${U}"
         xmlns:dce="urn:schemas-epa-wg:dce"
         xmlns:exsl="http://exslt.org/common"
         exclude-result-prefixes="exsl"
@@ -139,82 +175,86 @@ function me(e, l = "xsl:stylesheet") {
 </xsl:stylesheet>`
   );
   s.importStylesheet(t);
-  const r = s.transformToFragment(a, document), h = (i, c) => i.querySelector(c), p = h(n, 'template[mode="payload"]');
+  const r = s.transformToFragment(a, document), h = (n, c) => n.querySelector(c), p = h(i, 'template[mode="payload"]');
   if (!r)
-    return console.error("transformation error", { xml: a.outerHTML, xsl: H(t) });
-  const u = [];
-  [...r.querySelectorAll("dce-root>attribute")].forEach((i) => {
-    const c = G(i, "xsl:param"), E = x(i, "name");
+    return console.error("transformation error", { xml: a.outerHTML, xsl: M(t) });
+  if (r.firstElementChild.localName !== "dce-root") {
+    const n = r.ownerDocument.createElement("dce-root");
+    [...r.childNodes].forEach((c) => n.append(c)), r.append(n);
+  }
+  const d = [];
+  [...r.querySelectorAll("dce-root>attribute")].forEach((n) => {
+    const c = G(n, "xsl:param"), E = b(n, "name");
     p.append(c);
-    let g = x(c, "select")?.split("??");
-    g || (g = ["//" + E, `'${c.textContent}'`], U(c), c.setAttribute("name", E));
-    let y;
+    let g = b(c, "select")?.split("??");
+    g || (g = ["//" + E, `'${c.textContent}'`], H(c), c.setAttribute("name", E));
+    let x;
     if (g?.length > 1) {
       c.removeAttribute("select");
-      const v = h(n, 'template[match="ignore"]>choose').cloneNode(!0);
-      U(v.firstElementChild).append(S(v, "{" + g[0] + "}")), U(v.lastElementChild).append(S(v, "{" + g[1] + "}")), v.firstElementChild.setAttribute("test", g[0]), c.append(v), y = v.cloneNode(!0);
+      const y = h(i, 'template[match="ignore"]>choose').cloneNode(!0);
+      H(y.firstElementChild).append(S(y, "{" + g[0] + "}")), H(y.lastElementChild).append(S(y, "{" + g[1] + "}")), y.firstElementChild.setAttribute("test", g[0]), c.append(y), x = y.cloneNode(!0);
     } else
-      y = G(i, "xsl:value-of");
-    y.removeAttribute("name"), i.append(y), i.removeAttribute("select"), u.push(c);
-  }), [...r.querySelectorAll("[value]")].filter((i) => i.getAttribute("value").match(/\{(.*)\?\?(.*)\}/g)).forEach((i) => {
-    const c = x(i, "value");
-    c && i.setAttribute("value", ye(c));
+      x = G(n, "xsl:value-of");
+    x.removeAttribute("name"), n.append(x), n.removeAttribute("select"), d.push(c);
+  }), [...r.querySelectorAll("[value]")].filter((n) => n.getAttribute("value").match(/\{(.*)\?\?(.*)\}/g)).forEach((n) => {
+    const c = b(n, "value");
+    c && n.setAttribute("value", ye(c));
   });
-  for (const i of r.childNodes)
-    p.append(n.importNode(i, !0));
-  [...p.getElementsByTagName("xsl:template")].forEach((i) => p.ownerDocument.documentElement.append(i));
-  const P = h(n, 'call-template[name="slot"]'), d = (i) => {
-    const c = P.cloneNode(!0), E = x(i, "name");
+  for (const n of r.childNodes)
+    p.append(i.importNode(n, !0));
+  [...p.getElementsByTagName("xsl:template")].forEach((n) => p.ownerDocument.documentElement.append(n));
+  const R = h(i, 'call-template[name="slot"]'), u = (n) => {
+    const c = R.cloneNode(!0), E = b(n, "name");
     E && c.firstElementChild.setAttribute("select", `'${E}'`);
-    for (let g of i.childNodes)
+    for (let g of n.childNodes)
       c.lastElementChild.append(g);
     return c;
   };
-  C(p, "slot", (i) => i.parentNode.replaceChild(d(i), i));
-  const m = Z(n);
-  return m.params = u, m;
+  C(p, "slot", (n) => n.parentNode.replaceChild(u(n), n));
+  const m = Z(i);
+  return m.params = d, m;
 }
-async function ue(e) {
+async function de(e) {
   return await new Promise((t, s) => {
     const a = new XMLHttpRequest();
     a.open("GET", e), a.responseType = "document", a.onload = () => {
       a.readyState === a.DONE && a.status === 200 ? t(a.responseXML?.body || a.responseXML || N("div", a.responseText)) : s(`${a.statusText} - ${e}`);
-    }, a.addEventListener("error", (n) => s(n)), a.send();
+    }, a.addEventListener("error", (i) => s(i)), a.send();
   });
 }
-function de(e, l, t = !1) {
+function ue(e, l, t = !1) {
   if (e === l)
     return !0;
   if (typeof e != "object" || e === null || typeof l != "object" || l === null || Object.keys(e).length !== Object.keys(l).length)
     return t;
   for (let s in e)
-    if (!(s in l) || !de(e[s], l[s]))
+    if (!(s in l) || !ue(e[s], l[s]))
       return t;
   return !0;
 }
 const se = (e) => e.split("|").map((l) => l.trim()).filter((l) => l), pe = (e, l) => se(l).map((t) => {
-  let s = e.ownerDocument, a = (n) => (e.append(n), n);
+  let s = e.ownerDocument, a = (i) => (e.append(i), i);
   if (t.includes("/")) {
-    const n = [], r = s.evaluate(t, e);
+    const i = [], r = s.evaluate(t, e);
     for (let h; h = r.iterateNext(); )
-      n.push(h);
-    return n;
+      i.push(h);
+    return i;
   }
-  return [...e.childNodes].find((n) => n.localName === t) || a(N(t, "", s));
+  return [...e.childNodes].find((i) => i.localName === t) || a(N(t, "", s));
 }).flat();
 function J(e, l, t, s) {
   if (!t.sliceProcessed)
     return t.sliceProcessed = 1, pe(e, l ?? "").map((a) => {
-      const n = e.ownerDocument, r = t.sliceEventSource, h = t.sliceElement, p = () => [...a.childNodes].filter((u) => u.nodeType === 3 || u.localName === "value" || u.localName === "form-data").map((u) => u.remove());
-      if (r.getAttributeNames().map((u) => a.setAttribute(u, x(r, u))), [...a.childNodes].filter((u) => u.localName === "event").map((u) => u.remove()), "validationMessage" in r && a.setAttribute("validation-message", r.validationMessage), t.type === "init" && p(), a.append($(t, "event", n)), h.hasAttribute("slice-value")) {
+      const i = e.ownerDocument, r = t.sliceEventSource, h = t.sliceElement, p = () => [...a.childNodes].filter((d) => d.nodeType === 3 || d.localName === "value" || d.localName === "form-data").map((d) => d.remove());
+      if (r.getAttributeNames().map((d) => a.setAttribute(d, b(r, d))), [...a.childNodes].filter((d) => d.localName === "event").map((d) => d.remove()), "validationMessage" in r && a.setAttribute("validation-message", r.validationMessage), t.type === "init" && p(), a.append($(t, "event", i)), h.hasAttribute("slice-value")) {
         r.value === void 0 ? a.removeAttribute("value") : a.setAttribute("value", r.value);
-        const u = L(x(h, "slice-value"), a);
-        p(), a.append(S(n, u));
+        const d = D(b(h, "slice-value"), a);
+        p(), a.append(S(i, d));
       } else {
         if ("elements" in r)
           return p(), a.append($(new FormData(r), "value", a.ownerDocument)), a;
-        const u = r.value ?? x(r, "value");
-        p(), u == null ? [...a.childNodes].filter((w) => w.localName !== "event").map((w) => w.remove()) : oe(u) ? a.append(S(n, u)) : a.append($(u, "value", a.ownerDocument));
+        const d = r.value ?? b(r, "value");
+        p(), d == null ? [...a.childNodes].filter((w) => w.localName !== "event").map((w) => w.remove()) : oe(d) ? a.append(S(i, d)) : a.append($(d, "value", a.ownerDocument));
       }
       return a;
     });
@@ -237,13 +277,13 @@ const fe = async (e, l) => {
     else
       try {
         e = import.meta.resolve(t), s && (e += "#" + s);
-      } catch (n) {
-        console.error(n.message);
+      } catch (i) {
+        console.error(i.message);
       }
-    const a = await ue(e);
+    const a = await de(e);
     if (l.setAttributeNS("xml", "base", e), s) {
-      const n = a.querySelectorAll("#" + s);
-      return n.length ? [...n] : [l];
+      const i = a.querySelectorAll("#" + s);
+      return i.length ? [...i] : [l];
     }
     return [a];
   } catch {
@@ -257,12 +297,12 @@ function he(e, l) {
 function le(e, l = 0) {
   const t = {};
   for (const s of e.childNodes) {
-    const a = x(s, "data-dce-id") || s.dceId || 0;
+    const a = b(s, "data-dce-id") || s.dceId || 0;
     if (!t[a])
       a ? t[a] = 1 : (t[a] = s.dceId = ++l, s.setAttribute && s.setAttribute("data-dce-id", s.dceId));
     else {
-      const n = s.dceId = a + "-" + t[a]++;
-      s.setAttribute && s.setAttribute("data-dce-id", n);
+      const i = s.dceId = a + "-" + t[a]++;
+      s.setAttribute && s.setAttribute("data-dce-id", i);
     }
     s.childNodes.length && le(s);
   }
@@ -281,10 +321,10 @@ function ae(e, l) {
     return e.firstElementChild?.localName !== "dce-root" && K(e);
   const t = {};
   for (let s of e.childNodes)
-    t[s.dceId], Y(s) ? (s.data.trim(), t[s.dceId || 0] = s) : t[x(s, "data-dce-id") || 0] = s;
+    t[s.dceId], Y(s) ? (s.data.trim(), t[s.dceId || 0] = s) : t[b(s, "data-dce-id") || 0] = s;
   for (let s of [...l]) {
-    const a = x(s, "data-dce-id") || s.dceId, n = t[a];
-    n ? (Y(s) ? n.nodeValue !== s.nodeValue && (n.nodeValue = s.nodeValue) : (he(s, n), (n.childNodes.length || s.childNodes.length) && ae(n, s.childNodes)), delete t[a]) : xe(e, s, a);
+    const a = b(s, "data-dce-id") || s.dceId, i = t[a];
+    i ? (Y(s) ? i.nodeValue !== s.nodeValue && (i.nodeValue = s.nodeValue) : (he(s, i), (i.childNodes.length || s.childNodes.length) && ae(i, s.childNodes)), delete t[a]) : xe(e, s, a);
   }
   for (let s of Object.values(t))
     s.localName !== "dce-root" && s.remove();
@@ -297,10 +337,10 @@ const ye = (e) => [...e?.matchAll(/([^{}]*)(\{)([^}]+)}([^{}]*)/g)].map((t) => `
     return e;
   const l = e.split("??"), t = l.shift(), s = F(l.join("??"));
   return l.length ? `concat( ${t} , substring( ${s} , (1+string-length( ${s} )) * string-length( ${t} ) ) )` : e;
-}, L = (e, l) => {
+}, D = (e, l) => {
   const t = e.split("??");
   if (t.length > 1)
-    return L(t[0], l) || L(t[1], l);
+    return D(t[0], l) || D(t[1], l);
   e = F(e);
   const s = l.ownerDocument.evaluate(e, l);
   switch (s.resultType) {
@@ -312,8 +352,8 @@ const ye = (e) => [...e?.matchAll(/([^{}]*)(\{)([^}]+)}([^{}]*)/g)].map((t) => `
       return s.booleanValue;
   }
   let a = "";
-  for (let n; n = s.iterateNext(); )
-    a += n.textContent;
+  for (let i; i = s.iterateNext(); )
+    a += i.textContent;
   return a;
 }, ve = "stylesheet,transform,import,include,strip-space,preserve-space,output,key,decimal-format,namespace-alias,value-of,copy-of,number,apply-templates,apply-imports,for-each,sort,if,choose,when,otherwise,attribute-set,call-template,with-param,variable,param,text,processing-instruction,element,attribute,comment,copy,message,fallback".split(","), ge = (e, l) => {
   const t = N("xsl:" + e.localName);
@@ -325,27 +365,35 @@ const ye = (e) => [...e?.matchAll(/([^{}]*)(\{)([^}]+)}([^{}]*)/g)].map((t) => `
     e.parentElement.replaceChild(t, e);
   else {
     const s = e.parentElement || l, a = [...s.childNodes];
-    a.forEach((n, r) => {
-      n === e && (a[r] = t);
+    a.forEach((i, r) => {
+      i === e && (a[r] = t);
     }), s.replaceChildren(...a);
   }
 };
 class Ee extends HTMLElement {
   static observedAttributes = ["src", "tag", "hidden"];
   async connectedCallback() {
-    const l = await fe(x(this, "src"), this), t = x(this, "tag"), s = t || "dce-" + crypto.randomUUID();
-    for (const d of l)
-      C(d.templateNode || d.content || d, "style", (m) => {
-        const i = m.closest("slot"), c = i ? `slot[name="${i.name}"]` : "";
+    const l = await fe(b(this, "src"), this), t = b(this, "tag"), s = t || "dce-" + crypto.randomUUID();
+    for (const u of l)
+      C(u.templateNode || u.content || u, "style", (m) => {
+        const n = m.closest("slot"), c = n ? `slot[name="${n.name}"]` : "";
         m.innerHTML = `${s} ${c}{${m.innerHTML}}`, this.append(m);
       });
-    const a = l.map((d) => me(d)), n = a.map((d, m) => (m = new XSLTProcessor(), m.importStylesheet(d), m));
-    Object.defineProperty(this, "xsltString", { get: () => a.map((d) => H(d)).join(`
+    const a = l.map((u) => me(u)), i = a.map((u, m) => {
+      m = new XSLTProcessor();
+      try {
+        m.importStylesheet(u);
+      } catch (n) {
+        console.error(n, M(u));
+      }
+      return m;
+    });
+    Object.defineProperty(this, "xsltString", { get: () => a.map((u) => M(u)).join(`
 `) });
-    const r = this, h = [...this.templateNode.querySelectorAll("[slice]")], p = h.map((d) => x(d, "slice")).filter((d) => !d.includes("/")).filter((d, m, i) => i.indexOf(d) === m).map(se).flat(), u = a.reduce((d, m) => (m.params && d.push(...m.params), d), []);
+    const r = this, h = [...this.templateNode.querySelectorAll("[slice]")], p = h.map((u) => b(u, "slice")).filter((u) => !u.includes("/")).filter((u, m, n) => n.indexOf(u) === m).map(se).flat(), d = a.reduce((u, m) => (m.params && u.push(...m.params), u), []);
     class w extends HTMLElement {
       static get observedAttributes() {
-        return u.map((m) => x(m, "name"));
+        return d.map((m) => b(m, "name"));
       }
       #e = 0;
       connectedCallback() {
@@ -356,98 +404,98 @@ class Ee extends HTMLElement {
           f.remove(), m = f.content.childNodes;
           for (const o of [...f.content.childNodes])
             if (o.localName === "style") {
-              const b = be(this, "data-dce-style");
-              o.innerHTML = `${s}[data-dce-style="${b}"]{${o.innerHTML}}`, f.insertAdjacentElement("beforebegin", o);
+              const v = be(this, "data-dce-style");
+              o.innerHTML = `${s}[data-dce-style="${v}"]{${o.innerHTML}}`, f.insertAdjacentElement("beforebegin", o);
             } else
               o.nodeType === 1 ? f.insertAdjacentElement("beforebegin", o) : o.nodeType === 3 && f.insertAdjacentText("beforebegin", o.data);
         }
-        const i = M("<datadom/>").documentElement, c = (f, o = "") => ((b) => (o && b.append(S(i, o)), b))(i.ownerDocument.createElement(f)), E = X(i, "payload", m, ce);
+        const n = P("<datadom/>").documentElement, c = (f, o = "") => ((v) => (o && v.append(S(n, o)), v))(n.ownerDocument.createElement(f)), E = q(n, "payload", m, ce);
         Q(E), ee(E), this.innerHTML = "";
-        const g = X(i, "attributes", this.attributes, (f) => c(f.nodeName, f.value));
-        X(i, "dataset", Object.keys(this.dataset), (f) => c(f, this.dataset[f]));
-        const y = X(i, "slice", p, (f) => c(f, "")), v = (f) => L(f, y);
-        this.xml = i;
-        const D = [], W = () => {
+        const g = q(n, "attributes", this.attributes, (f) => c(f.nodeName, f.value));
+        q(n, "dataset", Object.keys(this.dataset), (f) => c(f, this.dataset[f]));
+        const x = q(n, "slice", p, (f) => c(f, "")), y = (f) => D(f, x);
+        this.xml = n;
+        const L = [], W = () => {
           const f = {};
-          for (let o; o = D.pop(); ) {
-            const b = x(o.sliceElement, "slice");
-            f[b] || (J(y, b, o), f[b] = o);
+          for (let o; o = L.pop(); ) {
+            const v = b(o.sliceElement, "slice");
+            f[v] || (J(x, v, o), f[v] = o);
           }
-          Object.keys(f).length !== 0 && R();
+          Object.keys(f).length !== 0 && I();
         };
         let V;
         this.onSlice = (f) => {
-          D.push(f), V || (V = setTimeout(() => {
+          L.push(f), V || (V = setTimeout(() => {
             W(), V = 0;
           }, 1));
         };
-        const R = this.transform = () => {
+        const I = this.transform = () => {
           if (this.#e)
             debugger;
-          this.#e = 1, n.map((o, b) => {
-            const I = o.transformToFragment(i.ownerDocument, document);
-            return I || console.error(`XSLT transformation error. xsl:
-`, H(a[b]), `
+          this.#e = 1, i.map((o, v) => {
+            const X = o.transformToFragment(n.ownerDocument, document);
+            return X || console.error(`XSLT transformation error. xsl:
+`, M(a[v]), `
 xml:
-`, H(i)), I;
+`, M(n)), X;
           }).map((o) => {
             o && (le(o), ae(this, o.childNodes));
           }), w.observedAttributes.map((o) => {
-            let b = x(this.firstElementChild, o);
-            b !== x(this, o) && (this.setAttribute(o, b), this.#t(o, b));
+            let v = b(this.firstElementChild, o);
+            v !== b(this, o) && (this.setAttribute(o, v), this.#t(o, v));
           }), C(this, "[slice],[slice-event]", (o) => {
             if (!o.dceInitialized) {
               o.dceInitialized = 1;
-              let b = x(o, "slice-event");
-              o.hasAttribute("custom-validity") && (b += " change submit"), [...new Set((b || "change").split(" "))].forEach((I) => (o.localName === "slice" ? o.parentElement : o).addEventListener(I, (A) => {
+              let v = b(o, "slice-event");
+              o.hasAttribute("custom-validity") && (v += " change submit"), [...new Set((v || "change").split(" "))].forEach((X) => (o.localName === "slice" ? o.parentElement : o).addEventListener(X, (A) => {
                 A.sliceElement = o, A.sliceEventSource = A.currentTarget || A.target;
-                const ne = J(y, x(A.sliceElement, "slice"), A);
+                const ne = J(x, b(A.sliceElement, "slice"), A);
                 C(this, "[custom-validity]", (z) => {
                   if (!z.setCustomValidity)
                     return;
-                  const _ = x(z, "custom-validity");
+                  const _ = b(z, "custom-validity");
                   try {
-                    const j = _ && L(_, g);
+                    const j = _ && D(_, g);
                     z.setCustomValidity(j === !0 ? "" : j === !1 ? "invalid" : j);
                   } catch (j) {
                     console.error(j, "xPath", _);
                   }
                 });
-                const k = x(o, "custom-validity"), T = k && L(k, g), O = T === !0 ? "" : T;
+                const k = b(o, "custom-validity"), T = k && D(k, g), O = T === !0 ? "" : T;
                 if (k) {
                   if (o.setCustomValidity ? o.setCustomValidity(O) : o.validationMessage = O, ne.map((z) => z.setAttribute("validation-message", O)), A.type === "submit")
-                    return T === !0 ? void 0 : (setTimeout(R, 1), !!T === T ? (T || A.preventDefault(), T) : T ? (A.preventDefault(), !1) : void 0);
-                  setTimeout(R, 1);
+                    return T === !0 ? void 0 : (setTimeout(I, 1), !!T === T ? (T || A.preventDefault(), T) : T ? (A.preventDefault(), !1) : void 0);
+                  setTimeout(I, 1);
                 }
                 this.onSlice(A);
-              })), (!b || b.includes("init")) && (o.hasAttribute("slice-value") || o.hasAttribute("value") || o.value ? this.onSlice({ type: "init", target: o, sliceElement: o, sliceEventSource: o }) : o.value = v(x(o, "slice")));
+              })), (!v || v.includes("init")) && (o.hasAttribute("slice-value") || o.hasAttribute("value") || o.value ? this.onSlice({ type: "init", target: o, sliceElement: o, sliceEventSource: o }) : o.value = y(b(o, "slice")));
             }
           }), this.#e = 0;
         };
-        R(), W();
+        I(), W();
       }
-      #t(m, i) {
-        m === "value" && (this.value = i);
+      #t(m, n) {
+        m === "value" && (this.value = n);
         let c = this.xml.querySelector(`attributes>${m}`);
-        c ? U(c).append(S(c, i)) : (c = N(m, i, this.xml), this.xml.querySelector("attributes").append(c)), this.dispatchEvent(new CustomEvent("change", { bubbles: !0, detail: { [m]: i } }));
+        c ? H(c).append(S(c, n)) : (c = N(m, n, this.xml), this.xml.querySelector("attributes").append(c)), this.dispatchEvent(new CustomEvent("change", { bubbles: !0, detail: { [m]: n } }));
       }
-      attributeChangedCallback(m, i, c) {
+      attributeChangedCallback(m, n, c) {
         !this.xml || this.#e || (this.#t(m, c), this.transform());
       }
       get dce() {
         return r;
       }
     }
-    const P = (d) => {
-      window.customElements.get(d) !== w && window.customElements.define(d, w);
+    const R = (u) => {
+      window.customElements.get(u) !== w && window.customElements.define(u, w);
     };
     if (t)
-      P(t);
+      R(t);
     else {
-      const d = s;
-      this.setAttribute("tag", d), P(d);
-      const m = document.createElement(d);
-      this.getAttributeNames().forEach((i) => m.setAttribute(i, this.getAttribute(i))), m.append(...[...this.childNodes].filter((i) => i.localName !== "style")), this.append(m);
+      const u = s;
+      this.setAttribute("tag", u), R(u);
+      const m = document.createElement(u);
+      this.getAttributeNames().forEach((n) => m.setAttribute(n, this.getAttribute(n))), m.append(...[...this.childNodes].filter((n) => n.localName !== "style")), this.append(m);
     }
   }
   get templateNode() {
@@ -457,16 +505,16 @@ xml:
     return this;
   }
   get xslt() {
-    return M(this.xsltString);
+    return P(this.xsltString);
   }
 }
 window.customElements.define("custom-element", Ee);
 export {
   Ee as C,
-  H as a,
-  ue as b,
+  M as a,
+  de as b,
   me as c,
-  de as d,
+  ue as d,
   pe as e,
   J as f,
   le as g,
@@ -476,10 +524,10 @@ export {
   ye as k,
   F as l,
   he as m,
-  L as n,
+  D as n,
   $ as o,
   ve as p,
   ge as q,
   Z as t,
-  M as x
+  P as x
 };