@epa-wg/custom-element-dist 0.0.37 → 0.0.38

package/dist/{custom-element-BqBcmDiN.js → custom-element-Cr_I3Xd-.js}

@@ -1,8 +1,8 @@
-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) => {
+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", D = (e, s) => (e.ownerDocument || e).createTextNode(s), ce = (e) => {
   for (; e.firstChild; ) e.firstChild.remove();
   return e;
 }, 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));
+  const l = (n) => ((o) => (s && o.append(D(t.ownerDocument || t, s)), o))((t.ownerDocument || t).createElement(n));
   if (de(e))
     return l(e);
   const a = l("dce-object");
@@ -18,7 +18,7 @@ const K = "http://www.w3.org/1999/XSL/Transform", R = "http://www.w3.org/1999/xh
 function U(e) {
   return new DOMParser().parseFromString(e, "application/xml");
 }
-function q(e) {
+function O(e) {
   return new XMLSerializer().serializeToString(e);
 }
 function B(e, s, t, l) {
@@ -33,7 +33,7 @@ function J(e, s) {
   e.getAttributeNames().forEach((t) => s.includes(t) || e.removeAttribute(t));
 }
 const ie = (e) => [...e].filter((s) => !(s.nodeType === 3 && s.data.trim() === ""));
-function I(e, s, t) {
+function P(e, s, t) {
   const l = typeof e;
   if (l === "string")
     return C(s, e, t);
@@ -45,24 +45,24 @@ function I(e, s, t) {
   }
   if (e instanceof Array) {
     const n = C("array", "", t);
-    return e.map((o) => n.append(I(o, s, t))), n;
+    return e.map((o) => n.append(P(o, s, t))), n;
   }
   if (e instanceof FormData) {
     const n = C("form-data", "", t);
     for (const o of e)
-      n.append(I(o[1], o[0], t));
+      n.append(P(o[1], o[0], t));
     return n;
   }
   const a = C(s, "", t);
   for (let n in e)
-    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)));
+    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(P(e[n], n, t)));
   return a;
 }
 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), y = [];
+      let n = 0, o = (x) => D(t, x), y = [];
       if ([...a].forEach((x) => {
         x.index > n && y.push(o(x.input.substring(n, x.index)));
         const v = e.querySelector("value-of").cloneNode();
@@ -145,7 +145,7 @@ function ve(e, s = "xsl:stylesheet") {
       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)));
+    De.forEach((h) => z(r, h, (b) => Le(b, r)));
     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), ue(T);
@@ -193,9 +193,9 @@ function ve(e, s = "xsl:stylesheet") {
 </xsl:stylesheet>`
   );
   o.importStylesheet(n);
-  const v = o.transformToFragment(y, document), u = (i, r) => i.querySelector(r), w = u(x, 'template[mode="payload"]');
+  const v = o.transformToFragment(y, document.implementation.createHTMLDocument("")), u = (i, r) => i.querySelector(r), w = u(x, 'template[mode="payload"]');
   if (!v)
-    return console.error("transformation error", { xml: y.outerHTML, xsl: q(n) });
+    return console.error("transformation error", { xml: y.outerHTML, xsl: O(n) });
   if (v.firstElementChild.localName !== "dce-root") {
     const i = v.ownerDocument.createElement("dce-root");
     [...v.childNodes].forEach((r) => i.append(r)), v.append(i);
@@ -204,8 +204,8 @@ function ve(e, s = "xsl:stylesheet") {
     const r = d(i, "test"), f = r.replace(
       /hasBoolAttribute\((.*?)\)/g,
       (g, h, b, T, M) => {
-        const D = h.substring(1);
-        return `(not($${D} = 'false') and ($${D} = '' or $${D} = '${D}' or $${D} = 'true' ))`;
+        const L = h.substring(1);
+        return `(not($${L} = 'false') and ($${L} = '' or $${L} = '${L}' or $${L} = 'true' ))`;
       }
     );
     r !== f && i.setAttribute("test", f);
@@ -218,12 +218,12 @@ function ve(e, s = "xsl:stylesheet") {
       if (g?.length > 1) {
         r.removeAttribute("select");
         const b = u(x, 'template[match="ignore"]>choose').cloneNode(!0);
-        F(b.firstElementChild).append(L(b, "{" + g[0] + "}")), b.firstElementChild.setAttribute("test", g[0]);
+        F(b.firstElementChild).append(D(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, "{" + g[T] + "}")), M.setAttribute("test", g[T]), b.insertBefore(M, b.lastElementChild);
+          F(M).append(D(b, "{" + g[T] + "}")), M.setAttribute("test", g[T]), b.insertBefore(M, b.lastElementChild);
         }
-        F(b.lastElementChild).append(L(b, "{" + g[g.length - 1] + "}")), r.append(b), h = b.cloneNode(!0);
+        F(b.lastElementChild).append(D(b, "{" + g[g.length - 1] + "}")), r.append(b), h = b.cloneNode(!0);
       } else
         h = ae(i, "xsl:value-of");
       h.removeAttribute("name"), i.append(h), i.removeAttribute("select");
@@ -236,8 +236,8 @@ function ve(e, s = "xsl:stylesheet") {
   for (const i of v.childNodes)
     w.append(x.importNode(i, !0));
   [...w.getElementsByTagName("xsl:template")].forEach((i) => w.ownerDocument.documentElement.append(i));
-  const O = u(x, 'call-template[name="slot"]'), H = (i) => {
-    const r = O.cloneNode(!0), f = d(i, "name");
+  const X = u(x, 'call-template[name="slot"]'), H = (i) => {
+    const r = X.cloneNode(!0), f = d(i, "name");
     f && r.firstElementChild.setAttribute("select", `'${f}'`);
     for (let g of i.childNodes)
       r.lastElementChild.append(g);
@@ -250,8 +250,12 @@ function ve(e, s = "xsl:stylesheet") {
 async function Ee(e) {
   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 || C("div", a.responseText)) : l(`${a.statusText} - ${e}`);
+    a.open("GET", e), a.onload = () => {
+      if (a.readyState === a.DONE && a.status === 200) {
+        const n = a.getResponseHeader("content-type")?.includes("xml") ? "text/xml" : "text/html", o = new DOMParser().parseFromString(a.responseText, n);
+        t(n === "text/html" ? o.body : o);
+      } else
+        l(`${a.statusText} - ${e}`);
     }, a.addEventListener("error", (n) => l(n)), a.send();
   });
 }
@@ -279,20 +283,20 @@ function oe(e, s, t, l) {
   if (!t.sliceProcessed)
     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));
+      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(P(t, "event", n));
       const v = (o.type === "checkbox" || o.type === "radio") && !o.checked;
       if (y.hasAttribute("slice-value")) {
         o.value === void 0 ? a.removeAttribute("value") : a.setAttribute("value", o.value);
-        const u = v ? "" : P(d(y, "slice-value"), a);
-        x(), a.append(L(n, u));
+        const u = v ? "" : I(d(y, "slice-value"), a);
+        x(), a.append(D(n, u));
       } else {
         if ("elements" in o)
-          return x(), a.append(I(new FormData(o), "value", a.ownerDocument)), a;
+          return x(), a.append(P(new FormData(o), "value", a.ownerDocument)), a;
         const u = v ? "" : o.value ?? d(o, "value");
         if (x(), u == null)
           [...a.childNodes].filter((w) => w.localName !== "event").map((w) => w.remove()), a.removeAttribute("value");
         else {
-          const w = ge(u) ? L(n, u) : I(u, "value", a.ownerDocument);
+          const w = ge(u) ? D(n, u) : P(u, "value", a.ownerDocument);
           a.append(w), a.setAttribute("value", u);
         }
       }
@@ -387,10 +391,10 @@ const $e = (e) => [...e?.matchAll(/([^{}]*)(\{)([^}]+)}([^{}]*)/g)].map((t) => `
     return e;
   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) => {
+}, I = (e, s) => {
   const t = e.split("??");
   if (t.length > 1)
-    return P(t[0], s) || P(t[1], s);
+    return I(t[0], s) || I(t[1], s);
   e = Q(e);
   const l = s.ownerDocument.evaluate(e, s);
   switch (l.resultType) {
@@ -405,7 +409,7 @@ const $e = (e) => [...e?.matchAll(/([^{}]*)(\{)([^}]+)}([^{}]*)/g)].map((t) => `
   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, s) => {
+}, De = "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(","), Le = (e, s) => {
   const t = C("xsl:" + e.localName);
   for (let a of e.attributes)
     t.setAttribute(a.name, a.value);
@@ -443,14 +447,14 @@ class je extends HTMLElement {
       try {
         i.importStylesheet(p);
       } catch (r) {
-        console.error(r, q(p));
+        console.error(r, O(p));
       }
       return i;
     });
-    Object.defineProperty(this, "xsltString", { get: () => a.map((p) => q(p)).join(`
+    Object.defineProperty(this, "xsltString", { get: () => a.map((p) => O(p)).join(`
 `) });
     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 {
+    class X extends HTMLElement {
       static get observedAttributes() {
         return v;
       }
@@ -471,23 +475,23 @@ class je extends HTMLElement {
             } 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)), g = B(r, "payload", i, Ae);
+        const r = U("<datadom/>").documentElement, f = (c, E = "") => ((m) => (E && m.append(D(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);
         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);
+        const T = B(r, "slice", x, (c) => f(c, "")), M = (c) => I(c, T);
         this.xml = r;
-        const D = [], te = () => {
+        const L = [], te = () => {
           const c = {};
-          for (let E; E = D.pop(); ) {
+          for (let E; E = L.pop(); ) {
             const m = d(E.sliceElement, "slice");
             c[m] || (oe(T, m, E), c[m] = E);
           }
-          Object.keys(c).length !== 0 && V();
+          Object.keys(c).length !== 0 && V(), this.customElementRegistry?.initialize(this);
         };
         let W;
         this.onSlice = (c) => {
-          D.push(c), W || (W = setTimeout(() => {
+          L.push(c), W || (W = setTimeout(() => {
             te(), W = 0;
           }, 1));
         };
@@ -499,9 +503,9 @@ class je extends HTMLElement {
             n.map((A, S) => {
               const _ = A.transformToFragment(r.ownerDocument, document);
               return _ || console.error(`XSLT transformation error. xsl:
-`, q(a[S]), `
+`, O(a[S]), `
 xml:
-`, q(r)), _;
+`, O(r)), _;
             }).map((A) => {
               A && (he(A), xe(this, A.childNodes));
             });
@@ -541,13 +545,13 @@ xml:
                   return;
                 const Z = d(k, "custom-validity");
                 try {
-                  const X = Z && P(Z, h);
-                  k.setCustomValidity(X === !0 ? "" : X === !1 ? "invalid" : X);
-                } catch (X) {
-                  console.error(X, "xPath", Z);
+                  const q = Z && I(Z, h);
+                  k.setCustomValidity(q === !0 ? "" : q === !1 ? "invalid" : q);
+                } catch (q) {
+                  console.error(q, "xPath", Z);
                 }
               });
-              const Y = d(S, "custom-validity"), j = Y && P(Y, h), G = j === !0 ? "" : j;
+              const Y = d(S, "custom-validity"), j = Y && I(Y, h), G = j === !0 ? "" : j;
               if (Y) {
                 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);
@@ -563,7 +567,7 @@ xml:
         i === "value" && (this.value = r);
         const f = this.xml.querySelector("attributes");
         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 } }));
+        g ? F(g).append(D(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());
@@ -573,7 +577,7 @@ xml:
       }
     }
     const H = (p) => {
-      window.customElements.get(p) !== O && window.customElements.define(p, O);
+      window.customElements.get(p) !== X && window.customElements.define(p, X);
     };
     if (t)
       H(t);
@@ -597,26 +601,26 @@ xml:
 window.customElements.define("custom-element", je);
 export {
   je as C,
-  q as a,
-  ve as b,
-  ae as c,
-  Ee as d,
-  Ne as e,
-  we as f,
-  oe as g,
-  fe as h,
-  he as i,
-  Se as j,
-  xe as k,
-  Ce as l,
-  ne as m,
-  $e as n,
-  I as o,
-  Q as p,
-  P as q,
-  Le as r,
+  Se as a,
+  we as b,
+  Ce as c,
+  he as d,
+  ae as e,
+  ve as f,
+  Ne as g,
+  $e as h,
+  oe as i,
+  fe as j,
+  ne as k,
+  Le as l,
+  xe as m,
+  Q as n,
+  P as o,
+  Ee as p,
+  U as q,
+  O as r,
   ie as s,
   re as t,
   De as u,
-  U as x
+  I as x
 };

package/dist/custom-element-D5IF46oF.cjs

@@ -0,0 +1,97 @@
+"use strict";const Q="http://www.w3.org/1999/XSL/Transform",I="http://www.w3.org/1999/xhtml",$e="http://exslt.org/common",d=(e,s)=>e?.getAttribute?.(s),me=e=>e.nodeType===3,De=e=>typeof e=="string",ue=e=>e&&typeof e.nodeType=="number",D=(e,s)=>(e.ownerDocument||e).createTextNode(s),de=e=>{for(;e.firstChild;)e.firstChild.remove();return e},F=e=>(e.getAttributeNames().map(s=>e.removeAttribute(s)),de(e)),pe=e=>(e?.setAttribute("xmlns:xsl",Q),e),he=e=>(e?.setAttribute("xmlns:xhtml",I),pe(e)),fe=e=>/^[_a-zA-Z][-_:a-zA-Z0-9]*$/.test(e),ee=(e,s)=>(Object.keys(s).map(t=>e[t]=s[t]),e),C=(e,s="",t=document)=>{const l=n=>(o=>(s&&o.append(D(t.ownerDocument||t,s)),o))((t.ownerDocument||t).createElement(n));if(fe(e))return l(e);const a=l("dce-object");return a.setAttribute("dce-object-name",e),a},te=(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 k(e){return new DOMParser().parseFromString(e,"application/xml")}function U(e){return new XMLSerializer().serializeToString(e)}function _(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 Le(e){return e.slot||(e.setAttribute||(e=C("span",e.textContent.replaceAll(`
+`,""))),e.setAttribute("slot","")),e}function K(e,s){e.getAttributeNames().forEach(t=>s.includes(t)||e.removeAttribute(t))}const se=e=>[...e].filter(s=>!(s.nodeType===3&&s.data.trim()===""));function M(e,s,t){const l=typeof e;if(l==="string")return C(s,e,t);if(l==="number")return C(s,""+e,t);if(ue(e)){const n=C(s);return n.append(e),n}if(e instanceof Array){const n=C("array","",t);return e.map(o=>n.append(M(o,s,t))),n}if(e instanceof FormData){const n=C("form-data","",t);for(const o of e)n.append(M(o[1],o[0],t));return n}const a=C(s,"",t);for(let n in e)typeof e[n]=="function"||e[n]instanceof Window||ue(e[n])&&!(n==="data"||n==="value")||(typeof e[n]!="object"&&fe(n)?a.setAttribute(n,e[n]):a.append(M(e[n],n,t)));return a}function le(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=>D(t,x),y=[];if([...a].forEach(x=>{x.index>n&&y.push(o(x.input.substring(n,x.index)));const v=e.querySelector("value-of").cloneNode();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 s=1;for(let t of e.all)t.setAttribute&&!t.tagName.startsWith("xsl:")&&t.setAttribute("data-dce-id",""+s++)}return e}function xe(e,s="xsl:stylesheet"){const t=[],l={},a={};if(e.tagName===s||e.documentElement?.tagName===s)return le(ee(e,{declaredAttributes:t,hardcodedAttributes:l,exposedAttributes:a}));const n=k(`<xsl:stylesheet version="1.0" xmlns:xsl="${Q}" xmlns:xhtml="${I}" xmlns:exsl="${$e}" exclude-result-prefixes="exsl" >
+    <xsl:output method="xml"/>
+        <xsl:template match="/"><dce-root xmlns="${I}"><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']">
+        <xsl:copy>
+            <xsl:apply-templates mode="sanitize" select="*|@*|text()"/>
+        </xsl:copy>
+    </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:template mode="sanitize" match="xhtml:input">
+        <xsl:element name="{local-name()}">
+            <xsl:apply-templates mode="sanitize" select="*[not(name()='slice')]|@*|text()"/>
+        </xsl:element>
+        <xsl:for-each select="slice">
+            <xsl:copy>
+                <xsl:attribute name="for" >^</xsl:attribute>
+                <xsl:apply-templates mode="sanitize" select="*|@*|text()"/>
+            </xsl:copy>
+        </xsl:for-each>
+    </xsl:template>
+</xsl:stylesheet>`),o=new XSLTProcessor,y=(i=>{z(i,"custom-element",f=>{f.firstElementChild.localName==="template"&&([...f.firstElementChild.content.childNodes].forEach(b=>f.append(b)),f.firstElementChild.remove())}),z(i,"script",f=>f.remove());const r=i.content??i.firstElementChild?.content??i.body??i;we.forEach(f=>z(r,f,b=>Te(b,r)));const h=i.firstElementChild?.content||i.content,g=f=>{const b=k("<xhtml/>"),T=b.importNode(f,!0);return b.replaceChild(T,b.documentElement),T.namespaceURI===I&&!d(T,"xmlns")&&T.setAttribute("xmlns",I),he(T)};if(h){const f=C("div");return[...h.childNodes].map(b=>f.append(b.cloneNode(!0))),g(f)}return g(i.documentElement||i.body||i)})(e),x=k(`<xsl:stylesheet version="1.0"
+        xmlns:xsl="${Q}"
+        xmlns:xhtml="${I}"
+        xmlns:dce="urn:schemas-epa-wg:dce"
+        xmlns:exsl="http://exslt.org/common"
+        exclude-result-prefixes="exsl"
+    >
+    <xsl:template match="ignore">
+        <xsl:choose>
+            <xsl:when test="//attr">{//attr}</xsl:when>
+            <xsl:otherwise>{def}</xsl:otherwise>
+        </xsl:choose><xsl:value-of select="."></xsl:value-of></xsl:template>
+    <xsl:template mode="payload"  match="attributes"></xsl:template>
+    <xsl:template match="/">
+        <xsl:apply-templates mode="payload" select="/datadom/attributes"/>
+    </xsl:template>
+    <xsl:template name="slot" >
+        <xsl:param name="slotname" />
+        <xsl:param name="defaultvalue" />
+        <xsl:choose>
+            <xsl:when test="//payload/*[@slot=$slotname]">
+               <xsl:copy-of select="//payload/*[@slot=$slotname]"/>
+            </xsl:when>
+            <xsl:otherwise>
+                <xsl:copy-of select="$defaultvalue"/>
+            </xsl:otherwise>
+        </xsl:choose>
+    </xsl:template>
+    <xsl:variable name="js-injected-body">
+        <xsl:call-template name="slot" >
+            <xsl:with-param name="slotname" select="''"/>
+            <xsl:with-param name="defaultvalue"/>
+        </xsl:call-template>
+    </xsl:variable>
+</xsl:stylesheet>`);o.importStylesheet(n);const v=o.transformToFragment(y,document.implementation.createHTMLDocument("")),u=(i,r)=>i.querySelector(r),w=u(x,'template[mode="payload"]');if(!v)return console.error("transformation error",{xml:y.outerHTML,xsl:U(n)});if(v.firstElementChild.localName!=="dce-root"){const i=v.ownerDocument.createElement("dce-root");[...v.childNodes].forEach(r=>i.append(r)),v.append(i)}[...v.querySelectorAll("[test]")].forEach(i=>{const r=d(i,"test"),h=r.replace(/hasBoolAttribute\((.*?)\)/g,(g,f,b,T,R)=>{const L=f.substring(1);return`(not($${L} = 'false') and ($${L} = '' or $${L} = '${L}' or $${L} = 'true' ))`});r!==h&&i.setAttribute("test",h)}),[...v.querySelectorAll("dce-root>attribute")].forEach(i=>{K(i,"namespace,name,select");const r=te(i,"xsl:param"),h=d(i,"name");if(t.push(h),i.childNodes.length&&(l[h]=i.textContent),w.append(r),i.hasAttribute("select")){a[h]=d(i,"select"),K(r,"select,name");let g=d(i,"select").split("??"),f;if(g?.length>1){r.removeAttribute("select");const b=u(x,'template[match="ignore"]>choose').cloneNode(!0);F(b.firstElementChild).append(D(b,"{"+g[0]+"}")),b.firstElementChild.setAttribute("test",g[0]);for(let T=1;T<g.length-1;T++){const R=b.firstElementChild.cloneNode(!0);F(R).append(D(b,"{"+g[T]+"}")),R.setAttribute("test",g[T]),b.insertBefore(R,b.lastElementChild)}F(b.lastElementChild).append(D(b,"{"+g[g.length-1]+"}")),r.append(b),f=b.cloneNode(!0)}else f=te(i,"xsl:value-of");f.removeAttribute("name"),i.append(f),i.removeAttribute("select")}else K(r,"name"),r.setAttribute("select","/datadom/attributes/"+h),l[h]||i.remove()}),[...v.querySelectorAll("[value]")].filter(i=>i.getAttribute("value").match(/\{(.*)\?\?(.*)\}/g)).forEach(i=>{const r=d(i,"value");r&&i.setAttribute("value",Ne(r))});for(const i of v.childNodes)w.append(x.importNode(i,!0));[...w.getElementsByTagName("xsl:template")].forEach(i=>w.ownerDocument.documentElement.append(i));const O=u(x,'call-template[name="slot"]'),H=i=>{const r=O.cloneNode(!0),h=d(i,"name");h&&r.firstElementChild.setAttribute("select",`'${h}'`);for(let g of i.childNodes)r.lastElementChild.append(g);return r};z(w,"slot",i=>i.parentNode.replaceChild(H(i),i));const p=le(x);return ee(p,{declaredAttributes:t,hardcodedAttributes:l,exposedAttributes:a}),p}async function be(e){return await new Promise((t,l)=>{const a=new XMLHttpRequest;a.open("GET",e),a.onload=()=>{if(a.readyState===a.DONE&&a.status===200){const n=a.getResponseHeader("content-type")?.includes("xml")?"text/xml":"text/html",o=new DOMParser().parseFromString(a.responseText,n);t(n==="text/html"?o.body:o)}else l(`${a.statusText} - ${e}`)},a.addEventListener("error",n=>l(n)),a.send()})}function ye(e,s,t=!1){if(e===s)return!0;if(typeof e!="object"||e===null||typeof s!="object"||s===null||Object.keys(e).length!==Object.keys(s).length)return t;for(let l in e)if(!(l in s)||!ye(e[l],s[l]))return t;return!0}const ge=e=>e.split("|").map(s=>s.trim()).filter(s=>s),Ae=(e,s)=>ge(s).map(t=>{let l=e.ownerDocument,a=n=>(e.append(n),n);if(t.includes("/")){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(C(t,"",l))}).flat();function ne(e,s,t,l){if(!t.sliceProcessed)return t.sliceProcessed=1,Ae(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(M(t,"event",n));const v=(o.type==="checkbox"||o.type==="radio")&&!o.checked;if(y.hasAttribute("slice-value")){o.value===void 0?a.removeAttribute("value"):a.setAttribute("value",o.value);const u=v?"":P(d(y,"slice-value"),a);x(),a.append(D(n,u))}else{if("elements"in o)return x(),a.append(M(new FormData(o),"value",a.ownerDocument)),a;const u=v?"":o.value??d(o,"value");if(x(),u==null)[...a.childNodes].filter(w=>w.localName!=="event").map(w=>w.remove()),a.removeAttribute("value");else{const w=De(u)?D(n,u):M(u,"value",a.ownerDocument);a.append(w),a.setAttribute("value",u)}}return a})}function z(e,s,t){e.querySelectorAll&&[...e.querySelectorAll(s)].forEach(t)}const je=async(e,s)=>{if(!e||!e.trim())return[s];if(e.startsWith("#"))return(t=>{const l=t.querySelectorAll(e);return[...l.length?l:t.getRootNode().querySelectorAll(e)]})(s.parentElement);try{const[t,l]=e.split("#");if(e.charAt(0)===".")e=new URL(t,s.closest("[base]")?.getAttribute("base")||location).href;else try{e=(void 0)(t),l&&(e+="#"+l)}catch(n){console.error(n.message)}const a=await be(e);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[s]}};function ae(e,s){for(let n of e.attributes)try{const o=n.name;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=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 ie(e,s=0){const t={};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]=l.dceId=++s,l.setAttribute&&l.setAttribute("data-dce-id",l.dceId));else{const n=l.dceId=a+"-"+t[a]++;l.setAttribute&&l.setAttribute("data-dce-id",n)}l.childNodes.length&&ie(l)}}function ve(e,s,t){t=1*t;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 re(e,s){if(e.firstElementChild?.localName==="dce-root"&&s[0]?.localName!=="dce-root")return;if(!s.length)return e.firstElementChild?.localName!=="dce-root"&&de(e);const t={};for(let l of e.childNodes)t[l.dceId],me(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?(me(l)?n.nodeValue!==l.nodeValue&&(n.nodeValue=l.nodeValue):(ae(l,n),(n.childNodes.length||l.childNodes.length)&&re(n,l.childNodes)),delete t[a]):ve(e,l,a)}for(let l of Object.values(t))l.localName!=="dce-root"&&l.remove()}function Ee(e,s){return e.hasAttribute(s)||e.setAttribute(s,crypto.randomUUID()),e.getAttribute(s)}const Ne=e=>[...e?.matchAll(/([^{}]*)(\{)([^}]+)}([^{}]*)/g)].map(t=>`${t[1]}{${W(t[3])}}${t[4]}`).join(""),W=e=>{if(!e.trim())return e;const s=e.split("??"),t=s.shift(),l=W(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],s)||P(t[1],s);e=W(e);const l=s.ownerDocument.evaluate(e,s);switch(l.resultType){case XPathResult.NUMBER_TYPE:return l.numberValue;case XPathResult.STRING_TYPE:return l.stringValue;case XPathResult.BOOLEAN_TYPE:return l.booleanValue}let a="";for(let n;n=l.iterateNext();)a+=n.textContent;return a},we="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(","),Te=(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=e.parentElement;if(!a||a.childNodes.length===1)return t;const n=C("span");return n.append(t),n})():t;if(e.parentElement)e.parentElement.replaceChild(l,e);else{const a=e.parentElement||s,n=[...a.childNodes];n.forEach((o,y)=>{o===e&&(n[y]=l)}),a.replaceChildren(...n)}};class Se extends HTMLElement{static observedAttributes=["src","tag","hidden"];async connectedCallback(){this.firstElementChild&&this.firstElementChild.localName!=="template"&&console.log(`custom-element used without template wrapping content
+`,this.outerHTML);const s=await je(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"),h=r?`slot[name="${r.name}"]`:"";i.innerHTML=`${l} ${h}{${i.innerHTML}}`,this.append(i)});const a=s.map(p=>xe(p)),n=a.map((p,i)=>{i=new XSLTProcessor;try{i.importStylesheet(p)}catch(r){console.error(r,U(p))}return i});Object.defineProperty(this,"xsltString",{get:()=>a.map(p=>U(p)).join(`
+`)});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(ge).flat(),{declaredAttributes:v,hardcodedAttributes:u,exposedAttributes:w}=a[0],oe=new Set([...Object.keys(u),...Object.keys(w)]);class O extends HTMLElement{static get observedAttributes(){return v}#e=0;get dceExportedAttributes(){return oe}connectedCallback(){let i=se(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=se(c.content.childNodes);for(const E of i)if(E.localName==="style"){const m=Ee(this,"data-dce-style");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=k("<datadom/>").documentElement,h=(c,E="")=>(m=>(E&&m.append(D(r,E)),m))(r.ownerDocument.createElement(c)),g=_(r,"payload",i,Le);pe(g),he(g),this.innerHTML="";const f=_(r,"attributes",this.attributes,c=>h(c.nodeName,c.value)),b=c=>this.hasAttribute(c)||[...f.children].find(E=>E.localName===c);ae(this,f),Object.keys(u).map(c=>b(c)||f.append(h(c,u[c]))),Object.keys(w).map(c=>b(c)||f.append(h(c))),_(r,"dataset",Object.keys(this.dataset),c=>h(c,this.dataset[c]));const T=_(r,"slice",x,c=>h(c,"")),R=c=>P(c,T);this.xml=r;const L=[],ce=()=>{const c={};for(let E;E=L.pop();){const m=d(E.sliceElement,"slice");c[m]||(ne(T,m,E),c[m]=E)}Object.keys(c).length!==0&&B(),this.customElementRegistry?.initialize(this)};let Y;this.onSlice=c=>{L.push(c),Y||(Y=setTimeout(()=>{ce(),Y=0},1))};const B=this.transform=()=>{if(this.#e)debugger;this.#e=1;const c=()=>{n.map((A,S)=>{const V=A.transformToFragment(r.ownerDocument,document);return V||console.error(`XSLT transformation error. xsl:
+`,U(a[S]),`
+xml:
+`,U(r)),V}).map(A=>{A&&(ie(A),re(this,A.childNodes))});let N=0;return Object.entries(u).map(([A,S])=>{!this.hasAttribute(A)&&S!==d(this,A)&&(this.setAttribute(A,S),this.#t(A,S),N++)}),Object.keys(w).map(A=>{let S=d(this.firstElementChild,A);S!==d(this,A)&&(this.setAttribute(A,S),this.#t(A,S),N++)}),N};c()&&c()&&console.warn("model update should not be the result of transform more than once");function E(m){let N=m;if(m.localName==="slice"){const A=d(m,"for");if(A||(N=m.parentElement),A==="^")do N=N.previousElementSibling;while(N.localName==="slice");else N=this.querySelector(A);if(!N)return console.warn(`can not find selector in "slice for=${A}" `,m.outerHTML);d(m,"slice")||m.setAttribute("slice",d(m,"name"))}return N}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(V=>S.addEventListener(V,$=>{$.sliceElement=m,$.sliceEventSource=$.currentTarget||$.target,$.sliceProcessed=0;const Ce=ne(T,d($.sliceElement,"slice"),$);z(this,"[custom-validity]",q=>{if(!q.setCustomValidity)return;const J=d(q,"custom-validity");try{const X=J&&P(J,f);q.setCustomValidity(X===!0?"":X===!1?"invalid":X)}catch(X){console.error(X,"xPath",J)}});const G=d(S,"custom-validity"),j=G&&P(G,f),Z=j===!0?"":j;if(G){if(m.setCustomValidity?m.setCustomValidity(Z):m.validationMessage=Z,Ce.map(q=>q.setAttribute("validation-message",Z)),$.type==="submit")return j===!0?void 0:(setTimeout(B,1),!!j===j?(j||$.preventDefault(),j):j?($.preventDefault(),!1):void 0);setTimeout(B,1)}this.onSlice($)})),(!N||N.includes("init"))&&(A?this.onSlice({type:"init",target:S,sliceElement:m,sliceEventSource:S}):m.value=R(d(m,"slice"))))}),this.#e=0};B(),ce()}#t(i,r){i==="value"&&(this.value=r);const h=this.xml.querySelector("attributes");let g=this.xml.querySelector(`attributes>${i}`);g?F(g).append(D(g,r)):(g=C(i,r,this.xml),h.append(g)),this.#e||h.setAttribute(i,r),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,detail:{[i]:r}}))}attributeChangedCallback(i,r,h){!this.xml||this.#e||(this.#t(i,h),this.transform())}get dce(){return o}}const H=p=>{window.customElements.get(p)!==O&&window.customElements.define(p,O)};if(t)H(t);else{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)}}get templateNode(){return this.firstElementChild?.tagName==="TEMPLATE"?this.firstElementChild.content:this}get dce(){return this}get xslt(){return k(this.xsltString)}}window.customElements.define("custom-element",Se);exports.CustomElement=Se;exports.appendByDceId=ve;exports.assureSlices=Ae;exports.assureUID=Ee;exports.assureUnique=ie;exports.cloneAs=te;exports.createXsltFromDom=xe;exports.deepEqual=ye;exports.evalCurly=Ne;exports.event2slice=ne;exports.merge=re;exports.mergeAttr=ae;exports.mix=ee;exports.obj2node=M;exports.sanitizeBlankText=se;exports.tagUid=le;exports.toXsl=Te;exports.xPath=P;exports.xPathDefaults=W;exports.xhrTemplate=be;exports.xml2dom=k;exports.xmlString=U;exports.xslTags=we;

package/dist/custom-element-bundle.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./custom-element-jpOyXHF6.cjs"),l=require("./http-request-DSaowcG1.cjs"),t=require("./local-storage-78EivJ_B.cjs"),a=require("./location-element-DRB7hCwA.cjs");exports.CustomElement=e.CustomElement;exports.appendByDceId=e.appendByDceId;exports.assureSlices=e.assureSlices;exports.assureUID=e.assureUID;exports.assureUnique=e.assureUnique;exports.cloneAs=e.cloneAs;exports.createXsltFromDom=e.createXsltFromDom;exports.deepEqual=e.deepEqual;exports.default=e.CustomElement;exports.evalCurly=e.evalCurly;exports.event2slice=e.event2slice;exports.merge=e.merge;exports.mergeAttr=e.mergeAttr;exports.mix=e.mix;exports.obj2node=e.obj2node;exports.sanitizeBlankText=e.sanitizeBlankText;exports.tagUid=e.tagUid;exports.toXsl=e.toXsl;exports.xPath=e.xPath;exports.xPathDefaults=e.xPathDefaults;exports.xhrTemplate=e.xhrTemplate;exports.xml2dom=e.xml2dom;exports.xmlString=e.xmlString;exports.xslTags=e.xslTags;exports.HttpRequestElement=l.HttpRequestElement;exports.LocalStorageElement=t.LocalStorageElement;exports.localStorageSetItem=t.localStorageSetItem;exports.localStorage_clear=t.localStorage_clear;exports.localStorage_removeItem=t.localStorage_removeItem;exports.localStorage_setItem=t.localStorage_setItem;exports.LocationElement=a.LocationElement;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./custom-element-D5IF46oF.cjs"),l=require("./http-request-DSaowcG1.cjs"),t=require("./local-storage-78EivJ_B.cjs"),a=require("./location-element-DRB7hCwA.cjs");exports.CustomElement=e.CustomElement;exports.appendByDceId=e.appendByDceId;exports.assureSlices=e.assureSlices;exports.assureUID=e.assureUID;exports.assureUnique=e.assureUnique;exports.cloneAs=e.cloneAs;exports.createXsltFromDom=e.createXsltFromDom;exports.deepEqual=e.deepEqual;exports.default=e.CustomElement;exports.evalCurly=e.evalCurly;exports.event2slice=e.event2slice;exports.merge=e.merge;exports.mergeAttr=e.mergeAttr;exports.mix=e.mix;exports.obj2node=e.obj2node;exports.sanitizeBlankText=e.sanitizeBlankText;exports.tagUid=e.tagUid;exports.toXsl=e.toXsl;exports.xPath=e.xPath;exports.xPathDefaults=e.xPathDefaults;exports.xhrTemplate=e.xhrTemplate;exports.xml2dom=e.xml2dom;exports.xmlString=e.xmlString;exports.xslTags=e.xslTags;exports.HttpRequestElement=l.HttpRequestElement;exports.LocalStorageElement=t.LocalStorageElement;exports.localStorageSetItem=t.localStorageSetItem;exports.localStorage_clear=t.localStorage_clear;exports.localStorage_removeItem=t.localStorage_removeItem;exports.localStorage_setItem=t.localStorage_setItem;exports.LocationElement=a.LocationElement;

package/dist/custom-element-bundle.js

@@ -1,7 +1,7 @@
-import { C as e } from "./custom-element-BqBcmDiN.js";
-import { j as o, f as l, l as r, i as m, c, b as n, e as x, n as p, g, k as i, h as u, m as d, o as f, s as S, t as E, u as I, q as h, p as q, d as D, x as L, a as b, r as v } from "./custom-element-BqBcmDiN.js";
+import { C as e } from "./custom-element-Cr_I3Xd-.js";
+import { a as o, b as l, c as r, d as m, e as c, f as n, g as x, h as p, i as g, m as i, j as u, k as d, o as f, s as S, t as E, l as I, x as h, n as q, p as D, q as L, r as b, u as v } from "./custom-element-Cr_I3Xd-.js";
 import { H as T } from "./http-request-DTCzZ1gc.js";
-import { L as _, c as j, b as k, a as y, l as A } from "./local-storage-DzmNKzgN.js";
+import { L as _, l as j, a as k, b as y, c as A } from "./local-storage-w0k66UWM.js";
 import { L as H } from "./location-element-FJlONi2n.js";
 export {
   e as CustomElement,

package/dist/demo/a.html

@@ -1,80 +1,57 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:html="http://www.w3.org/1999/xhtml">
 <head>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
     <title>http-request Declarative Custom Element implementation demo</title>
-    <link rel="icon" href="./wc-square.svg"/>
+        <link rel="icon" href="./wc-square.svg" />
 
     <script type="module" src="../http-request.js"></script>
     <script type="module" src="../custom-element.js"></script>
     <style>
         @import "./demo.css";
 
-        button {
-            display: inline-flex;
-            flex-direction: column;
-            align-items: center;
-            flex: auto;
-            box-shadow: inset silver 0 0 1rem;
-            min-width: 12rem;
-            padding: 1rem;
-            color: coral;
-            text-shadow: 1px 1px silver;
-            font-weight: bolder;
-        }
-
-        button img {
-            max-height: 10vw;
-            min-height: 4rem;
-        }
-
-        table {
-            min-width: 16rem;
-        }
-
-        td {
-            border-bottom: 1px solid silver;
-        }
-
-        tfoot td {
-            border-bottom: none;
-        }
-
-        td, th {
-            text-align: right;
-        }
-
-        caption {
-            padding: 1rem;
-            font-weight: bolder;
-            font-family: sans-serif;
-        }
-
-        code {
-            text-align: right;
-            min-width: 3rem;
-        }
-
-        svg {
-            max-height: 3rem;
-        }
+        button
+        {   display: inline-flex; flex-direction: column; align-items: center; flex: auto;
+            box-shadow: inset silver 0px 0px 1rem; min-width: 12rem; padding: 1rem;
+            color: coral; text-shadow: 1px 1px silver; font-weight: bolder;
+        }
+        button img{ max-height: 10vw; min-height: 4rem;}
+        table{ min-width: 16rem; }
+        td{ border-bottom: 1px solid silver; }
+        tfoot td{ border-bottom: none; }
+        td,th{text-align: right; }
+        caption{ padding: 1rem; font-weight: bolder; font-family: sans-serif; }
+        dce-1{ padding: 0; display: flex; flex-wrap: wrap;}
+        code{ text-align: right; min-width: 3rem;}
     </style>
 </head>
 <body>
 
-
-<custom-element tag="dce-link2" >
-        <template>
-
-            <attribute name="p3" select="//attributes/p3 ?? 'def_P3' "></attribute>
-
-            p3: <code data-testid="t3">{$p3}</code>
-        </template>
-    </custom-element>
-    <section>
-        <dce-link2  id="dce2" p1="123" p2="override ignored as select is defined"></dce-link2>
-
-    </section>
-
+<custom-element>
+    <template><!-- wrapping into template to prevent images loading within DCE declaration -->
+        <p>Pokemon buttons from API</p>
+        <http-request
+            url="https://pokeapi.co/api/v2/pokemon?limit=6&offset=0"
+            slice="page"
+            method="GET"
+            header-accept="application/json"
+            ></http-request>
+        <variable name="slides-url"
+            >https://unpkg.com/pokeapi-sprites@2.0.2/sprites/pokemon/other/dream-world</variable>
+        {count(//results)}
+        <div><for-each select="//results">
+            <variable name="pokeid"
+                select="substring-before( substring-after( @url, 'https://pokeapi.co/api/v2/pokemon/'),'/')"
+                ></variable>
+            <button>
+                <img src="{$slides-url}/{$pokeid}.svg"
+                     alt="{@name}"/>
+                {@name}
+            </button>
+        </for-each>
+        </div>
+    </template>
+</custom-element>
+<button onclick="window.customElements.upgrade(document.body);console.log(9);">window.customElements.upgrade(document.body)</button>
 </body>
 </html>