@epa-wg/custom-element-dist 0.0.33 → 0.0.35

package/dist/{custom-element-WnOqmEOe.js → custom-element-BzDjIYMe.js}

@@ -1,18 +1,18 @@
-const K = "http://www.w3.org/1999/XSL/Transform", R = "http://www.w3.org/1999/xhtml", be = "http://exslt.org/common", d = (e, l) => e?.getAttribute?.(l), se = (e) => e.nodeType === 3, ye = (e) => typeof e == "string", ge = (e) => e && typeof e.nodeType == "number", L = (e, l) => (e.ownerDocument || e).createTextNode(l), oe = (e) => {
+const K = "http://www.w3.org/1999/XSL/Transform", R = "http://www.w3.org/1999/xhtml", ye = "http://exslt.org/common", d = (e, s) => e?.getAttribute?.(s), se = (e) => e.nodeType === 3, ge = (e) => typeof e == "string", le = (e) => e && typeof e.nodeType == "number", L = (e, s) => (e.ownerDocument || e).createTextNode(s), ce = (e) => {
   for (; e.firstChild; ) e.firstChild.remove();
   return e;
-}, F = (e) => (e.getAttributeNames().map((l) => e.removeAttribute(l)), oe(e)), ce = (e) => (e?.setAttribute("xmlns:xsl", K), e), me = (e) => (e?.setAttribute("xmlns:xhtml", R), ce(e)), ue = (e) => /^[_a-zA-Z][-_:a-zA-Z0-9]*$/.test(e), le = (e, l) => (Object.keys(l).map((t) => e[t] = l[t]), e), $ = (e, l = "", t = document) => {
-  const s = (n) => ((o) => (l && o.append(L(t.ownerDocument || t, l)), o))((t.ownerDocument || t).createElement(n));
-  if (ue(e))
-    return s(e);
-  const a = s("dce-object");
+}, F = (e) => (e.getAttributeNames().map((s) => e.removeAttribute(s)), ce(e)), me = (e) => (e?.setAttribute("xmlns:xsl", K), e), ue = (e) => (e?.setAttribute("xmlns:xhtml", R), me(e)), de = (e) => /^[_a-zA-Z][-_:a-zA-Z0-9]*$/.test(e), ne = (e, s) => (Object.keys(s).map((t) => e[t] = s[t]), e), C = (e, s = "", t = document) => {
+  const l = (n) => ((o) => (s && o.append(L(t.ownerDocument || t, s)), o))((t.ownerDocument || t).createElement(n));
+  if (de(e))
+    return l(e);
+  const a = l("dce-object");
   return a.setAttribute("dce-object-name", e), a;
-}, ne = (e, l) => {
-  const t = e.ownerDocument.createElementNS(e.namespaceURI, l);
-  for (let s of e.attributes)
-    t.setAttribute(s.name, s.value);
-  for (let s of e.childNodes)
-    t.append(s.cloneNode(!0));
+}, ae = (e, s) => {
+  const t = e.ownerDocument.createElementNS(e.namespaceURI, s);
+  for (let l of e.attributes)
+    t.setAttribute(l.name, l.value);
+  for (let l of e.childNodes)
+    t.append(l.cloneNode(!0));
   return t;
 };
 function U(e) {
@@ -21,66 +21,70 @@ function U(e) {
 function q(e) {
   return new XMLSerializer().serializeToString(e);
 }
-function B(e, l, t, s) {
-  const a = (g) => e.ownerDocument.createElement(g), o = ((g, x, v) => (x.append(v = a(g)), v))(l, e);
-  return [...t].forEach((g) => o.append(s(g))), o;
+function B(e, s, t, l) {
+  const a = (y) => e.ownerDocument.createElement(y), o = ((y, x, v) => (x.append(v = a(y)), v))(s, e);
+  return [...t].forEach((y) => o.append(l(y))), o;
 }
 function Ae(e) {
-  return e.slot || (e.setAttribute || (e = $("span", e.textContent.replaceAll(`
+  return e.slot || (e.setAttribute || (e = C("span", e.textContent.replaceAll(`
 `, ""))), e.setAttribute("slot", "")), e;
 }
-function J(e, l) {
-  e.getAttributeNames().forEach((t) => l.includes(t) || e.removeAttribute(t));
+function J(e, s) {
+  e.getAttributeNames().forEach((t) => s.includes(t) || e.removeAttribute(t));
 }
-const ae = (e) => [...e].filter((l) => !(l.nodeType === 3 && l.data.trim() === ""));
-function I(e, l, t) {
-  const s = typeof e;
-  if (s === "string")
-    return $(l, e, t);
-  if (s === "number")
-    return $(l, "" + e, t);
+const ie = (e) => [...e].filter((s) => !(s.nodeType === 3 && s.data.trim() === ""));
+function I(e, s, t) {
+  const l = typeof e;
+  if (l === "string")
+    return C(s, e, t);
+  if (l === "number")
+    return C(s, "" + e, t);
+  if (le(e)) {
+    const n = C(s);
+    return n.append(e), n;
+  }
   if (e instanceof Array) {
-    const n = $("array", "", t);
-    return e.map((o) => n.append(I(o, l, t))), n;
+    const n = C("array", "", t);
+    return e.map((o) => n.append(I(o, s, t))), n;
   }
   if (e instanceof FormData) {
-    const n = $("form-data", "", t);
+    const n = C("form-data", "", t);
     for (const o of e)
       n.append(I(o[1], o[0], t));
     return n;
   }
-  const a = $(l, "", t);
+  const a = C(s, "", t);
   for (let n in e)
-    ge(e[n]) || typeof e[n] == "function" || e[n] instanceof Window || (typeof e[n] != "object" && ue(n) ? a.setAttribute(n, e[n]) : a.append(I(e[n], n, t)));
+    typeof e[n] == "function" || e[n] instanceof Window || le(e[n]) && !(n === "data" || n === "value") || (typeof e[n] != "object" && de(n) ? a.setAttribute(n, e[n]) : a.append(I(e[n], n, t)));
   return a;
 }
-function ie(e) {
-  if (z(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);
+function re(e) {
+  if (z(e, "*", (s) => [...s.childNodes].filter((t) => t.nodeType === 3 && t.parentNode.localName !== "style" && t.data).forEach((t) => {
+    const l = t.data, a = l.matchAll(/{([^}]*)}/g);
     if (a) {
-      let n = 0, o = (x) => L(t, x), g = [];
+      let n = 0, o = (x) => L(t, x), y = [];
       if ([...a].forEach((x) => {
-        x.index > n && g.push(o(x.input.substring(n, x.index)));
+        x.index > n && y.push(o(x.input.substring(n, x.index)));
         const v = e.querySelector("value-of").cloneNode();
-        v.setAttribute("select", x[1]), g.push(v), n = x.index + x[0].length;
-      }), n < s.length && g.push(o(s.substring(n, s.length))), g.length) {
-        for (let x of g)
-          l.insertBefore(x, t);
-        l.removeChild(t);
+        v.setAttribute("select", x[1]), y.push(v), n = x.index + x[0].length;
+      }), n < l.length && y.push(o(l.substring(n, l.length))), y.length) {
+        for (let x of y)
+          s.insertBefore(x, t);
+        s.removeChild(t);
       }
     }
   })), "all" in e) {
-    let l = 1;
+    let s = 1;
     for (let t of e.all)
-      t.setAttribute && !t.tagName.startsWith("xsl:") && t.setAttribute("data-dce-id", "" + l++);
+      t.setAttribute && !t.tagName.startsWith("xsl:") && t.setAttribute("data-dce-id", "" + s++);
   }
   return e;
 }
-function ve(e, l = "xsl:stylesheet") {
-  const t = [], s = {}, a = {};
-  if (e.tagName === l || e.documentElement?.tagName === l)
-    return ie(le(e, { declaredAttributes: t, hardcodedAttributes: s, exposedAttributes: a }));
-  const n = U(`<xsl:stylesheet version="1.0" xmlns:xsl="${K}" xmlns:xhtml="${R}" xmlns:exsl="${be}" exclude-result-prefixes="exsl" >
+function ve(e, s = "xsl:stylesheet") {
+  const t = [], l = {}, a = {};
+  if (e.tagName === s || e.documentElement?.tagName === s)
+    return re(ne(e, { declaredAttributes: t, hardcodedAttributes: l, exposedAttributes: a }));
+  const n = U(`<xsl:stylesheet version="1.0" xmlns:xsl="${K}" xmlns:xhtml="${R}" xmlns:exsl="${ye}" exclude-result-prefixes="exsl" >
     <xsl:output method="xml"/>
         <xsl:template match="/"><dce-root xmlns="${R}"><xsl:apply-templates select="*" /></dce-root></xsl:template>
     <xsl:template match="*[name()='template']">
@@ -136,21 +140,21 @@ function ve(e, l = "xsl:stylesheet") {
             </xsl:copy>
         </xsl:for-each>
     </xsl:template>
-</xsl:stylesheet>`), o = new XSLTProcessor(), g = ((i) => {
+</xsl:stylesheet>`), o = new XSLTProcessor(), y = ((i) => {
     z(i, "custom-element", (h) => {
       h.firstElementChild.localName === "template" && ([...h.firstElementChild.content.childNodes].forEach((b) => h.append(b)), h.firstElementChild.remove());
     }), z(i, "script", (h) => h.remove());
     const r = i.content ?? i.firstElementChild?.content ?? i.body ?? i;
     Le.forEach((h) => z(r, h, (b) => De(b, r)));
-    const f = i.firstElementChild?.content || i.content, y = (h) => {
+    const f = i.firstElementChild?.content || i.content, g = (h) => {
       const b = U("<xhtml/>"), T = b.importNode(h, !0);
-      return b.replaceChild(T, b.documentElement), T.namespaceURI === R && !d(T, "xmlns") && T.setAttribute("xmlns", R), me(T);
+      return b.replaceChild(T, b.documentElement), T.namespaceURI === R && !d(T, "xmlns") && T.setAttribute("xmlns", R), ue(T);
     };
     if (f) {
-      const h = $("div");
-      return [...f.childNodes].map((b) => h.append(b.cloneNode(!0))), y(h);
+      const h = C("div");
+      return [...f.childNodes].map((b) => h.append(b.cloneNode(!0))), g(h);
     }
-    return y(i.documentElement || i.body || i);
+    return g(i.documentElement || i.body || i);
   })(e), x = U(
     `<xsl:stylesheet version="1.0"
         xmlns:xsl="${K}"
@@ -189,9 +193,9 @@ function ve(e, l = "xsl:stylesheet") {
 </xsl:stylesheet>`
   );
   o.importStylesheet(n);
-  const v = o.transformToFragment(g, document), u = (i, r) => i.querySelector(r), w = u(x, 'template[mode="payload"]');
+  const v = o.transformToFragment(y, document), u = (i, r) => i.querySelector(r), w = u(x, 'template[mode="payload"]');
   if (!v)
-    return console.error("transformation error", { xml: g.outerHTML, xsl: q(n) });
+    return console.error("transformation error", { xml: y.outerHTML, xsl: q(n) });
   if (v.firstElementChild.localName !== "dce-root") {
     const i = v.ownerDocument.createElement("dce-root");
     [...v.childNodes].forEach((r) => i.append(r)), v.append(i);
@@ -199,7 +203,7 @@ function ve(e, l = "xsl:stylesheet") {
   [...v.querySelectorAll("[test]")].forEach((i) => {
     const r = d(i, "test"), f = r.replace(
       /hasBoolAttribute\((.*?)\)/g,
-      (y, h, b, T, M) => {
+      (g, h, b, T, M) => {
         const D = h.substring(1);
         return `(not($${D} = 'false') and ($${D} = '' or $${D} = '${D}' or $${D} = 'true' ))`;
       }
@@ -207,24 +211,24 @@ function ve(e, l = "xsl:stylesheet") {
     r !== f && i.setAttribute("test", f);
   }), [...v.querySelectorAll("dce-root>attribute")].forEach((i) => {
     J(i, "namespace,name,select");
-    const r = ne(i, "xsl:param"), f = d(i, "name");
-    if (t.push(f), i.childNodes.length && (s[f] = i.textContent), w.append(r), i.hasAttribute("select")) {
+    const r = ae(i, "xsl:param"), f = d(i, "name");
+    if (t.push(f), i.childNodes.length && (l[f] = i.textContent), w.append(r), i.hasAttribute("select")) {
       a[f] = d(i, "select"), J(r, "select,name");
-      let y = d(i, "select").split("??"), h;
-      if (y?.length > 1) {
+      let g = d(i, "select").split("??"), h;
+      if (g?.length > 1) {
         r.removeAttribute("select");
         const b = u(x, 'template[match="ignore"]>choose').cloneNode(!0);
-        F(b.firstElementChild).append(L(b, "{" + y[0] + "}")), b.firstElementChild.setAttribute("test", y[0]);
-        for (let T = 1; T < y.length - 1; T++) {
+        F(b.firstElementChild).append(L(b, "{" + g[0] + "}")), b.firstElementChild.setAttribute("test", g[0]);
+        for (let T = 1; T < g.length - 1; T++) {
           const M = b.firstElementChild.cloneNode(!0);
-          F(M).append(L(b, "{" + y[T] + "}")), M.setAttribute("test", y[T]), b.insertBefore(M, b.lastElementChild);
+          F(M).append(L(b, "{" + g[T] + "}")), M.setAttribute("test", g[T]), b.insertBefore(M, b.lastElementChild);
         }
-        F(b.lastElementChild).append(L(b, "{" + y[y.length - 1] + "}")), r.append(b), h = b.cloneNode(!0);
+        F(b.lastElementChild).append(L(b, "{" + g[g.length - 1] + "}")), r.append(b), h = b.cloneNode(!0);
       } else
-        h = ne(i, "xsl:value-of");
+        h = ae(i, "xsl:value-of");
       h.removeAttribute("name"), i.append(h), i.removeAttribute("select");
     } else
-      J(r, "name"), r.setAttribute("select", "/datadom/attributes/" + f), s[f] || i.remove();
+      J(r, "name"), r.setAttribute("select", "/datadom/attributes/" + f), l[f] || i.remove();
   }), [...v.querySelectorAll("[value]")].filter((i) => i.getAttribute("value").match(/\{(.*)\?\?(.*)\}/g)).forEach((i) => {
     const r = d(i, "value");
     r && i.setAttribute("value", $e(r));
@@ -235,51 +239,51 @@ function ve(e, l = "xsl:stylesheet") {
   const O = u(x, 'call-template[name="slot"]'), H = (i) => {
     const r = O.cloneNode(!0), f = d(i, "name");
     f && r.firstElementChild.setAttribute("select", `'${f}'`);
-    for (let y of i.childNodes)
-      r.lastElementChild.append(y);
+    for (let g of i.childNodes)
+      r.lastElementChild.append(g);
     return r;
   };
   z(w, "slot", (i) => i.parentNode.replaceChild(H(i), i));
-  const p = ie(x);
-  return le(p, { declaredAttributes: t, hardcodedAttributes: s, exposedAttributes: a }), p;
+  const p = re(x);
+  return ne(p, { declaredAttributes: t, hardcodedAttributes: l, exposedAttributes: a }), p;
 }
 async function Ee(e) {
-  return await new Promise((t, s) => {
+  return await new Promise((t, l) => {
     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 || $("div", a.responseText)) : s(`${a.statusText} - ${e}`);
-    }, a.addEventListener("error", (n) => s(n)), a.send();
+      a.readyState === a.DONE && a.status === 200 ? t(a.responseXML?.body || a.responseXML || C("div", a.responseText)) : l(`${a.statusText} - ${e}`);
+    }, a.addEventListener("error", (n) => l(n)), a.send();
   });
 }
-function Ne(e, l, t = !1) {
-  if (e === l)
+function Ne(e, s, t = !1) {
+  if (e === s)
     return !0;
-  if (typeof e != "object" || e === null || typeof l != "object" || l === null || Object.keys(e).length !== Object.keys(l).length)
+  if (typeof e != "object" || e === null || typeof s != "object" || s === null || Object.keys(e).length !== Object.keys(s).length)
     return t;
-  for (let s in e)
-    if (!(s in l) || !Ne(e[s], l[s]))
+  for (let l in e)
+    if (!(l in s) || !Ne(e[l], s[l]))
       return t;
   return !0;
 }
-const de = (e) => e.split("|").map((l) => l.trim()).filter((l) => l), we = (e, l) => de(l).map((t) => {
-  let s = e.ownerDocument, a = (n) => (e.append(n), n);
+const pe = (e) => e.split("|").map((s) => s.trim()).filter((s) => s), we = (e, s) => pe(s).map((t) => {
+  let l = e.ownerDocument, a = (n) => (e.append(n), n);
   if (t.includes("/")) {
-    const n = [], o = s.evaluate(t, e);
-    for (let g; g = o.iterateNext(); )
-      n.push(g);
+    const n = [], o = l.evaluate(t, e);
+    for (let y; y = o.iterateNext(); )
+      n.push(y);
     return n;
   }
-  return [...e.childNodes].find((n) => n.localName === t) || a($(t, "", s));
+  return [...e.childNodes].find((n) => n.localName === t) || a(C(t, "", l));
 }).flat();
-function re(e, l, t, s) {
+function oe(e, s, t, l) {
   if (!t.sliceProcessed)
-    return t.sliceProcessed = 1, we(e, l ?? "").map((a) => {
-      const n = e.ownerDocument, o = t.sliceEventSource, g = t.sliceElement, x = () => [...a.childNodes].filter((u) => u.nodeType === 3 || u.localName === "value" || u.localName === "form-data").map((u) => u.remove());
+    return t.sliceProcessed = 1, we(e, s ?? "").map((a) => {
+      const n = e.ownerDocument, o = t.sliceEventSource, y = t.sliceElement, x = () => [...a.childNodes].filter((u) => u.nodeType === 3 || u.localName === "value" || u.localName === "form-data").map((u) => u.remove());
       o.getAttributeNames().map((u) => a.setAttribute(u, d(o, u))), [...a.childNodes].filter((u) => u.localName === "event").map((u) => u.remove()), "validationMessage" in o && a.setAttribute("validation-message", o.validationMessage), t.type === "init" && x(), a.append(I(t, "event", n));
       const v = (o.type === "checkbox" || o.type === "radio") && !o.checked;
-      if (g.hasAttribute("slice-value")) {
+      if (y.hasAttribute("slice-value")) {
         o.value === void 0 ? a.removeAttribute("value") : a.setAttribute("value", o.value);
-        const u = v ? "" : P(d(g, "slice-value"), a);
+        const u = v ? "" : P(d(y, "slice-value"), a);
         x(), a.append(L(n, u));
       } else {
         if ("elements" in o)
@@ -288,130 +292,136 @@ function re(e, l, t, s) {
         if (x(), u == null)
           [...a.childNodes].filter((w) => w.localName !== "event").map((w) => w.remove()), a.removeAttribute("value");
         else {
-          const w = ye(u) ? L(n, u) : I(u, "value", a.ownerDocument);
+          const w = ge(u) ? L(n, u) : I(u, "value", a.ownerDocument);
           a.append(w), a.setAttribute("value", u);
         }
       }
       return a;
     });
 }
-function z(e, l, t) {
-  e.querySelectorAll && [...e.querySelectorAll(l)].forEach(t);
+function z(e, s, t) {
+  e.querySelectorAll && [...e.querySelectorAll(s)].forEach(t);
 }
-const Te = async (e, l) => {
+const Te = async (e, s) => {
   if (!e || !e.trim())
-    return [l];
+    return [s];
   if (e.startsWith("#"))
     return ((t) => {
-      const s = t.querySelectorAll(e);
-      return [...s.length ? s : t.getRootNode().querySelectorAll(e)];
-    })(l.parentElement);
+      const l = t.querySelectorAll(e);
+      return [...l.length ? l : t.getRootNode().querySelectorAll(e)];
+    })(s.parentElement);
   try {
-    const [t, s] = e.split("#");
+    const [t, l] = e.split("#");
     if (e.charAt(0) === ".")
-      e = new URL(t, l.closest("[base]")?.getAttribute("base") || location).href;
+      e = new URL(t, s.closest("[base]")?.getAttribute("base") || location).href;
     else
       try {
-        e = import.meta.resolve(t), s && (e += "#" + s);
+        e = import.meta.resolve(t), l && (e += "#" + l);
       } catch (n) {
         console.error(n.message);
       }
     const a = await Ee(e);
-    if (l.setAttributeNS("xml", "base", e), s) {
-      const n = a.querySelectorAll("#" + s);
-      return n.length ? [...n] : (console.error("template not found", e + "#" + s), [l]);
+    if (s.setAttributeNS("xml", "base", e), l) {
+      const n = a.querySelectorAll("#" + l);
+      return n.length ? [...n] : (console.error("template not found", e + "#" + l), [s]);
     }
     return [a];
   } catch {
-    return [l];
+    return [s];
   }
 };
-function pe(e, l) {
+function fe(e, s) {
   for (let n of e.attributes)
     try {
       const o = n.name;
-      n.namespaceURI ? (!l.hasAttributeNS(n.namespaceURI, o) || l.getAttributeNS(n.namespaceURI, o) !== n.value) && l.setAttributeNS(n.namespaceURI, o, n.value) : (!l.hasAttribute(o) || l.getAttribute(o) !== n.value) && l.setAttribute(n.name, n.value), n.name === "value" && (l.value = n.value);
+      if (o.startsWith("xmlns"))
+        continue;
+      n.namespaceURI ? (!s.hasAttributeNS(n.namespaceURI, o) || s.getAttributeNS(n.namespaceURI, o) !== n.value) && s.setAttributeNS(n.namespaceURI, o, n.value) : (!s.hasAttribute(o) || s.getAttribute(o) !== n.value) && s.setAttribute(n.name, n.value), n.name === "value" && (s.value = n.value);
     } catch (o) {
       console.warn("attribute assignment error", o?.message || o);
     }
-  const t = l.dceExportedAttributes, s = l.getAttribute("dce-exported-attributes"), a = s ? new Set(s.split(" ")) : null;
-  for (let n of l.getAttributeNames())
-    !e.hasAttribute(n) && !t?.has(n) && !a?.has(n) && l.removeAttribute(n);
+  const t = s.dceExportedAttributes, l = s.getAttribute("dce-exported-attributes"), a = l ? new Set(l.split(" ")) : null;
+  for (let n of s.getAttributeNames())
+    !e.hasAttribute(n) && !t?.has(n) && !a?.has(n) && s.removeAttribute(n);
 }
-function fe(e, l = 0) {
+function he(e, s = 0) {
   const t = {};
-  for (const s of e.childNodes) {
-    const a = d(s, "data-dce-id") || s.dceId || 0;
+  for (const l of e.childNodes) {
+    const a = d(l, "data-dce-id") || l.dceId || 0;
     if (!t[a])
-      a ? t[a] = 1 : (t[a] = s.dceId = ++l, s.setAttribute && s.setAttribute("data-dce-id", s.dceId));
+      a ? t[a] = 1 : (t[a] = l.dceId = ++s, l.setAttribute && l.setAttribute("data-dce-id", l.dceId));
     else {
-      const n = s.dceId = a + "-" + t[a]++;
-      s.setAttribute && s.setAttribute("data-dce-id", n);
+      const n = l.dceId = a + "-" + t[a]++;
+      l.setAttribute && l.setAttribute("data-dce-id", n);
     }
-    s.childNodes.length && fe(s);
+    l.childNodes.length && he(l);
   }
 }
-function Se(e, l, t) {
+function Se(e, s, t) {
   t = 1 * t;
-  for (let s of e.childNodes)
-    if ((s.dceId ?? s.getAttribute("data-dce-id") * 1) > t)
-      return e.insertBefore(l, s);
-  e.append(l);
+  for (let l of e.childNodes)
+    if ((l.dceId ?? l.getAttribute("data-dce-id") * 1) > t)
+      return e.insertBefore(s, l);
+  e.append(s);
 }
-function he(e, l) {
-  if (e.firstElementChild?.localName === "dce-root" && l[0]?.localName !== "dce-root")
+function xe(e, s) {
+  if (e.firstElementChild?.localName === "dce-root" && s[0]?.localName !== "dce-root")
     return;
-  if (!l.length)
-    return e.firstElementChild?.localName !== "dce-root" && oe(e);
+  if (!s.length)
+    return e.firstElementChild?.localName !== "dce-root" && ce(e);
   const t = {};
-  for (let s of e.childNodes)
-    t[s.dceId], se(s) ? (s.data.trim(), t[s.dceId || 0] = s) : t[d(s, "data-dce-id") || 0] = s;
-  for (let s of [...l]) {
-    const a = d(s, "data-dce-id") || s.dceId, n = t[a];
-    n ? (se(s) ? n.nodeValue !== s.nodeValue && (n.nodeValue = s.nodeValue) : (pe(s, n), (n.childNodes.length || s.childNodes.length) && he(n, s.childNodes)), delete t[a]) : Se(e, s, a);
+  for (let l of e.childNodes)
+    t[l.dceId], se(l) ? (l.data.trim(), t[l.dceId || 0] = l) : t[d(l, "data-dce-id") || 0] = l;
+  for (let l of [...s]) {
+    const a = d(l, "data-dce-id") || l.dceId, n = t[a];
+    n ? (se(l) ? n.nodeValue !== l.nodeValue && (n.nodeValue = l.nodeValue) : (fe(l, n), (n.childNodes.length || l.childNodes.length) && xe(n, l.childNodes)), delete t[a]) : Se(e, l, a);
   }
-  for (let s of Object.values(t))
-    s.localName !== "dce-root" && s.remove();
+  for (let l of Object.values(t))
+    l.localName !== "dce-root" && l.remove();
 }
-function Ce(e, l) {
-  return e.hasAttribute(l) || e.setAttribute(l, crypto.randomUUID()), e.getAttribute(l);
+function Ce(e, s) {
+  return e.hasAttribute(s) || e.setAttribute(s, crypto.randomUUID()), e.getAttribute(s);
 }
 const $e = (e) => [...e?.matchAll(/([^{}]*)(\{)([^}]+)}([^{}]*)/g)].map((t) => `${t[1]}{${Q(t[3])}}${t[4]}`).join(""), Q = (e) => {
   if (!e.trim())
     return e;
-  const l = e.split("??"), t = l.shift(), s = Q(l.join("??"));
-  return l.length ? `concat( ${t} , substring( ${s} , (1+string-length( ${s} )) * string-length( ${t} ) ) )` : e;
-}, P = (e, l) => {
+  const s = e.split("??"), t = s.shift(), l = Q(s.join("??"));
+  return s.length ? `concat( ${t} , substring( ${l} , (1+string-length( ${l} )) * string-length( ${t} ) ) )` : e;
+}, P = (e, s) => {
   const t = e.split("??");
   if (t.length > 1)
-    return P(t[0], l) || P(t[1], l);
+    return P(t[0], s) || P(t[1], s);
   e = Q(e);
-  const s = l.ownerDocument.evaluate(e, l);
-  switch (s.resultType) {
+  const l = s.ownerDocument.evaluate(e, s);
+  switch (l.resultType) {
     case XPathResult.NUMBER_TYPE:
-      return s.numberValue;
+      return l.numberValue;
     case XPathResult.STRING_TYPE:
-      return s.stringValue;
+      return l.stringValue;
     case XPathResult.BOOLEAN_TYPE:
-      return s.booleanValue;
+      return l.booleanValue;
   }
   let a = "";
-  for (let n; n = s.iterateNext(); )
+  for (let n; n = l.iterateNext(); )
     a += n.textContent;
   return a;
-}, Le = "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(","), De = (e, l) => {
-  const t = $("xsl:" + e.localName);
-  for (let s of e.attributes)
-    t.setAttribute(s.name, s.value);
+}, Le = "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(","), De = (e, s) => {
+  const t = C("xsl:" + e.localName);
+  for (let a of e.attributes)
+    t.setAttribute(a.name, a.value);
   for (; e.firstChild; )
     t.append(e.firstChild);
+  const l = "if,choose,for-each".includes(e.localName) ? (() => {
+    const a = C("span");
+    return a.append(t), a;
+  })() : t;
   if (e.parentElement)
-    e.parentElement.replaceChild(t, e);
+    e.parentElement.replaceChild(l, e);
   else {
-    const s = e.parentElement || l, a = [...s.childNodes];
-    a.forEach((n, o) => {
-      n === e && (a[o] = t);
-    }), s.replaceChildren(...a);
+    const a = e.parentElement || s, n = [...a.childNodes];
+    n.forEach((o, y) => {
+      o === e && (n[y] = l);
+    }), a.replaceChildren(...n);
   }
 };
 class je extends HTMLElement {
@@ -419,13 +429,13 @@ class je extends HTMLElement {
   async connectedCallback() {
     this.firstElementChild && this.firstElementChild.localName !== "template" && console.log(`custom-element used without template wrapping content
 `, this.outerHTML);
-    const l = await Te(d(this, "src"), this), t = d(this, "tag"), s = t || "dce-" + crypto.randomUUID();
-    for (const p of l)
+    const s = await Te(d(this, "src"), this), t = d(this, "tag"), l = t || "dce-" + crypto.randomUUID();
+    for (const p of s)
       z(p.templateNode || p.content || p, "style", (i) => {
         const r = i.closest("slot"), f = r ? `slot[name="${r.name}"]` : "";
-        i.innerHTML = `${s} ${f}{${i.innerHTML}}`, this.append(i);
+        i.innerHTML = `${l} ${f}{${i.innerHTML}}`, this.append(i);
       });
-    const a = l.map((p) => ve(p)), n = a.map((p, i) => {
+    const a = s.map((p) => ve(p)), n = a.map((p, i) => {
       i = new XSLTProcessor();
       try {
         i.importStylesheet(p);
@@ -436,7 +446,7 @@ class je extends HTMLElement {
     });
     Object.defineProperty(this, "xsltString", { get: () => a.map((p) => q(p)).join(`
 `) });
-    const o = this, g = [...this.templateNode.querySelectorAll("[slice]")], x = g.map((p) => d(p, "slice")).filter((p) => !p.includes("/")).filter((p, i, r) => r.indexOf(p) === i).map(de).flat(), { declaredAttributes: v, hardcodedAttributes: u, exposedAttributes: w } = a[0], ee = /* @__PURE__ */ new Set([...Object.keys(u), ...Object.keys(w)]);
+    const o = this, y = [...this.templateNode.querySelectorAll("[slice]")], x = y.map((p) => d(p, "slice")).filter((p) => !p.includes("/")).filter((p, i, r) => r.indexOf(p) === i).map(pe).flat(), { declaredAttributes: v, hardcodedAttributes: u, exposedAttributes: w } = a[0], ee = /* @__PURE__ */ new Set([...Object.keys(u), ...Object.keys(w)]);
     class O extends HTMLElement {
       static get observedAttributes() {
         return v;
@@ -446,29 +456,29 @@ class je extends HTMLElement {
         return ee;
       }
       connectedCallback() {
-        let i = ae(this.childNodes);
+        let i = ie(this.childNodes);
         if (this.firstElementChild?.tagName === "TEMPLATE") {
           this.firstElementChild !== this.lastElementChild && console.error("payload should have TEMPLATE as only child", this.outerHTML);
           const c = this.firstElementChild;
-          c.remove(), i = ae(c.content.childNodes);
+          c.remove(), i = ie(c.content.childNodes);
           for (const E of i)
             if (E.localName === "style") {
               const m = Ce(this, "data-dce-style");
-              E.innerHTML = `${s}[data-dce-style="${m}"]{${E.innerHTML}}`, c.insertAdjacentElement("beforebegin", E);
+              E.innerHTML = `${l}[data-dce-style="${m}"]{${E.innerHTML}}`, c.insertAdjacentElement("beforebegin", E);
             } else
               E.nodeType === 1 ? c.insertAdjacentElement("beforebegin", E) : E.nodeType === 3 && c.insertAdjacentText("beforebegin", E.data);
         }
-        const r = U("<datadom/>").documentElement, f = (c, E = "") => ((m) => (E && m.append(L(r, E)), m))(r.ownerDocument.createElement(c)), y = B(r, "payload", i, Ae);
-        ce(y), me(y), this.innerHTML = "";
+        const r = U("<datadom/>").documentElement, f = (c, E = "") => ((m) => (E && m.append(L(r, E)), m))(r.ownerDocument.createElement(c)), g = B(r, "payload", i, Ae);
+        me(g), ue(g), this.innerHTML = "";
         const h = B(r, "attributes", this.attributes, (c) => f(c.nodeName, c.value)), b = (c) => this.hasAttribute(c) || [...h.children].find((E) => E.localName === c);
-        pe(this, h), Object.keys(u).map((c) => b(c) || h.append(f(c, u[c]))), Object.keys(w).map((c) => b(c) || h.append(f(c))), B(r, "dataset", Object.keys(this.dataset), (c) => f(c, this.dataset[c]));
+        fe(this, h), Object.keys(u).map((c) => b(c) || h.append(f(c, u[c]))), Object.keys(w).map((c) => b(c) || h.append(f(c))), B(r, "dataset", Object.keys(this.dataset), (c) => f(c, this.dataset[c]));
         const T = B(r, "slice", x, (c) => f(c, "")), M = (c) => P(c, T);
         this.xml = r;
         const D = [], te = () => {
           const c = {};
           for (let E; E = D.pop(); ) {
             const m = d(E.sliceElement, "slice");
-            c[m] || (re(T, m, E), c[m] = E);
+            c[m] || (oe(T, m, E), c[m] = E);
           }
           Object.keys(c).length !== 0 && V();
         };
@@ -490,7 +500,7 @@ class je extends HTMLElement {
 xml:
 `, q(r)), _;
             }).map((A) => {
-              A && (fe(A), he(this, A.childNodes));
+              A && (he(A), xe(this, A.childNodes));
             });
             let N = 0;
             return Object.entries(u).map(([A, S]) => {
@@ -520,9 +530,9 @@ xml:
           z(this, "[slice],[slice-event]", (m) => {
             let N = d(m, "slice-event");
             const A = m.hasAttribute("slice-value") || m.hasAttribute("value") || m.value, S = E(m);
-            m.dceInitialized || (m.dceInitialized = 1, S.hasAttribute("custom-validity") && (N += " change submit"), [...new Set((N || "change").split(" "))].forEach((_) => S.addEventListener(_, (C) => {
-              C.sliceElement = m, C.sliceEventSource = C.currentTarget || C.target, C.sliceProcessed = 0;
-              const xe = re(T, d(C.sliceElement, "slice"), C);
+            m.dceInitialized || (m.dceInitialized = 1, S.hasAttribute("custom-validity") && (N += " change submit"), [...new Set((N || "change").split(" "))].forEach((_) => S.addEventListener(_, ($) => {
+              $.sliceElement = m, $.sliceEventSource = $.currentTarget || $.target, $.sliceProcessed = 0;
+              const be = oe(T, d($.sliceElement, "slice"), $);
               z(this, "[custom-validity]", (k) => {
                 if (!k.setCustomValidity)
                   return;
@@ -536,11 +546,11 @@ xml:
               });
               const Y = d(S, "custom-validity"), j = Y && P(Y, h), G = j === !0 ? "" : j;
               if (Y) {
-                if (m.setCustomValidity ? m.setCustomValidity(G) : m.validationMessage = G, xe.map((k) => k.setAttribute("validation-message", G)), C.type === "submit")
-                  return j === !0 ? void 0 : (setTimeout(V, 1), !!j === j ? (j || C.preventDefault(), j) : j ? (C.preventDefault(), !1) : void 0);
+                if (m.setCustomValidity ? m.setCustomValidity(G) : m.validationMessage = G, be.map((k) => k.setAttribute("validation-message", G)), $.type === "submit")
+                  return j === !0 ? void 0 : (setTimeout(V, 1), !!j === j ? (j || $.preventDefault(), j) : j ? ($.preventDefault(), !1) : void 0);
                 setTimeout(V, 1);
               }
-              this.onSlice(C);
+              this.onSlice($);
             })), (!N || N.includes("init")) && (A ? this.onSlice({ type: "init", target: S, sliceElement: m, sliceEventSource: S }) : m.value = M(d(m, "slice"))));
           }), this.#e = 0;
         };
@@ -549,8 +559,8 @@ xml:
       #t(i, r) {
         i === "value" && (this.value = r);
         const f = this.xml.querySelector("attributes");
-        let y = this.xml.querySelector(`attributes>${i}`);
-        y ? F(y).append(L(y, r)) : (y = $(i, r, this.xml), f.append(y)), this.#e || f.setAttribute(i, r), this.dispatchEvent(new CustomEvent("change", { bubbles: !0, detail: { [i]: r } }));
+        let g = this.xml.querySelector(`attributes>${i}`);
+        g ? F(g).append(L(g, r)) : (g = C(i, r, this.xml), f.append(g)), this.#e || f.setAttribute(i, r), this.dispatchEvent(new CustomEvent("change", { bubbles: !0, detail: { [i]: r } }));
       }
       attributeChangedCallback(i, r, f) {
         !this.xml || this.#e || (this.#t(i, f), this.transform());
@@ -565,7 +575,7 @@ xml:
     if (t)
       H(t);
     else {
-      const p = s;
+      const p = l;
       this.setAttribute("tag", p), H(p);
       const i = document.createElement(p);
       this.getAttributeNames().forEach((r) => i.setAttribute(r, this.getAttribute(r))), i.append(...[...this.childNodes].filter((r) => r.localName !== "style")), this.append(i);
@@ -586,24 +596,24 @@ export {
   je as C,
   q as a,
   ve as b,
-  ne as c,
+  ae as c,
   Ee as d,
   Ne as e,
   we as f,
-  re as g,
-  pe as h,
-  fe as i,
+  oe as g,
+  fe as h,
+  he as i,
   Se as j,
-  he as k,
+  xe as k,
   Ce as l,
-  le as m,
+  ne as m,
   $e as n,
   I as o,
   Q as p,
   P as q,
   Le as r,
-  ae as s,
-  ie as t,
+  ie as s,
+  re as t,
   De as u,
   U as x
 };