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

package/dist/custom-element-WnOqmEOe.js

@@ -0,0 +1,609 @@
+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) => {
+  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");
+  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));
+  return t;
+};
+function U(e) {
+  return new DOMParser().parseFromString(e, "application/xml");
+}
+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 Ae(e) {
+  return e.slot || (e.setAttribute || (e = $("span", e.textContent.replaceAll(`
+`, ""))), e.setAttribute("slot", "")), e;
+}
+function J(e, l) {
+  e.getAttributeNames().forEach((t) => l.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);
+  if (e instanceof Array) {
+    const n = $("array", "", t);
+    return e.map((o) => n.append(I(o, l, t))), n;
+  }
+  if (e instanceof FormData) {
+    const n = $("form-data", "", t);
+    for (const o of e)
+      n.append(I(o[1], o[0], t));
+    return n;
+  }
+  const a = $(l, "", 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)));
+  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);
+    if (a) {
+      let n = 0, o = (x) => L(t, x), g = [];
+      if ([...a].forEach((x) => {
+        x.index > n && g.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);
+      }
+    }
+  })), "all" in e) {
+    let l = 1;
+    for (let t of e.all)
+      t.setAttribute && !t.tagName.startsWith("xsl:") && t.setAttribute("data-dce-id", "" + l++);
+  }
+  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" >
+    <xsl:output method="xml"/>
+        <xsl:template match="/"><dce-root xmlns="${R}"><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(), g = ((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 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);
+    };
+    if (f) {
+      const h = $("div");
+      return [...f.childNodes].map((b) => h.append(b.cloneNode(!0))), y(h);
+    }
+    return y(i.documentElement || i.body || i);
+  })(e), x = U(
+    `<xsl:stylesheet version="1.0"
+        xmlns:xsl="${K}"
+        xmlns:xhtml="${R}"
+        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(g, 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) });
+  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"), f = r.replace(
+      /hasBoolAttribute\((.*?)\)/g,
+      (y, h, b, T, M) => {
+        const D = h.substring(1);
+        return `(not($${D} = 'false') and ($${D} = '' or $${D} = '${D}' or $${D} = 'true' ))`;
+      }
+    );
+    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")) {
+      a[f] = d(i, "select"), J(r, "select,name");
+      let y = d(i, "select").split("??"), h;
+      if (y?.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++) {
+          const M = b.firstElementChild.cloneNode(!0);
+          F(M).append(L(b, "{" + y[T] + "}")), M.setAttribute("test", y[T]), b.insertBefore(M, b.lastElementChild);
+        }
+        F(b.lastElementChild).append(L(b, "{" + y[y.length - 1] + "}")), r.append(b), h = b.cloneNode(!0);
+      } else
+        h = ne(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();
+  }), [...v.querySelectorAll("[value]")].filter((i) => i.getAttribute("value").match(/\{(.*)\?\?(.*)\}/g)).forEach((i) => {
+    const r = d(i, "value");
+    r && i.setAttribute("value", $e(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), f = d(i, "name");
+    f && r.firstElementChild.setAttribute("select", `'${f}'`);
+    for (let y of i.childNodes)
+      r.lastElementChild.append(y);
+    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;
+}
+async function Ee(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 || $("div", a.responseText)) : s(`${a.statusText} - ${e}`);
+    }, a.addEventListener("error", (n) => s(n)), a.send();
+  });
+}
+function Ne(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) || !Ne(e[s], l[s]))
+      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);
+  if (t.includes("/")) {
+    const n = [], o = s.evaluate(t, e);
+    for (let g; g = o.iterateNext(); )
+      n.push(g);
+    return n;
+  }
+  return [...e.childNodes].find((n) => n.localName === t) || a($(t, "", s));
+}).flat();
+function re(e, l, t, s) {
+  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());
+      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")) {
+        o.value === void 0 ? a.removeAttribute("value") : a.setAttribute("value", o.value);
+        const u = v ? "" : P(d(g, "slice-value"), a);
+        x(), a.append(L(n, u));
+      } else {
+        if ("elements" in o)
+          return x(), a.append(I(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 = ye(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);
+}
+const Te = async (e, l) => {
+  if (!e || !e.trim())
+    return [l];
+  if (e.startsWith("#"))
+    return ((t) => {
+      const s = t.querySelectorAll(e);
+      return [...s.length ? s : t.getRootNode().querySelectorAll(e)];
+    })(l.parentElement);
+  try {
+    const [t, s] = e.split("#");
+    if (e.charAt(0) === ".")
+      e = new URL(t, l.closest("[base]")?.getAttribute("base") || location).href;
+    else
+      try {
+        e = import.meta.resolve(t), s && (e += "#" + s);
+      } 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]);
+    }
+    return [a];
+  } catch {
+    return [l];
+  }
+};
+function pe(e, l) {
+  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);
+    } 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);
+}
+function fe(e, l = 0) {
+  const t = {};
+  for (const s of e.childNodes) {
+    const a = d(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);
+    }
+    s.childNodes.length && fe(s);
+  }
+}
+function Se(e, l, 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);
+}
+function he(e, l) {
+  if (e.firstElementChild?.localName === "dce-root" && l[0]?.localName !== "dce-root")
+    return;
+  if (!l.length)
+    return e.firstElementChild?.localName !== "dce-root" && oe(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 s of Object.values(t))
+    s.localName !== "dce-root" && s.remove();
+}
+function Ce(e, l) {
+  return e.hasAttribute(l) || e.setAttribute(l, crypto.randomUUID()), e.getAttribute(l);
+}
+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 t = e.split("??");
+  if (t.length > 1)
+    return P(t[0], l) || P(t[1], l);
+  e = Q(e);
+  const s = l.ownerDocument.evaluate(e, l);
+  switch (s.resultType) {
+    case XPathResult.NUMBER_TYPE:
+      return s.numberValue;
+    case XPathResult.STRING_TYPE:
+      return s.stringValue;
+    case XPathResult.BOOLEAN_TYPE:
+      return s.booleanValue;
+  }
+  let a = "";
+  for (let n; n = s.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);
+  for (; e.firstChild; )
+    t.append(e.firstChild);
+  if (e.parentElement)
+    e.parentElement.replaceChild(t, e);
+  else {
+    const s = e.parentElement || l, a = [...s.childNodes];
+    a.forEach((n, o) => {
+      n === e && (a[o] = t);
+    }), s.replaceChildren(...a);
+  }
+};
+class je 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 l = await Te(d(this, "src"), this), t = d(this, "tag"), s = t || "dce-" + crypto.randomUUID();
+    for (const p of l)
+      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);
+      });
+    const a = l.map((p) => ve(p)), n = a.map((p, i) => {
+      i = new XSLTProcessor();
+      try {
+        i.importStylesheet(p);
+      } catch (r) {
+        console.error(r, q(p));
+      }
+      return i;
+    });
+    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)]);
+    class O extends HTMLElement {
+      static get observedAttributes() {
+        return v;
+      }
+      #e = 0;
+      get dceExportedAttributes() {
+        return ee;
+      }
+      connectedCallback() {
+        let i = ae(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);
+          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);
+            } 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 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]));
+        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);
+          }
+          Object.keys(c).length !== 0 && V();
+        };
+        let W;
+        this.onSlice = (c) => {
+          D.push(c), W || (W = setTimeout(() => {
+            te(), W = 0;
+          }, 1));
+        };
+        const V = this.transform = () => {
+          if (this.#e)
+            debugger;
+          this.#e = 1;
+          const c = () => {
+            n.map((A, S) => {
+              const _ = A.transformToFragment(r.ownerDocument, document);
+              return _ || console.error(`XSLT transformation error. xsl:
+`, q(a[S]), `
+xml:
+`, q(r)), _;
+            }).map((A) => {
+              A && (fe(A), he(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((_) => S.addEventListener(_, (C) => {
+              C.sliceElement = m, C.sliceEventSource = C.currentTarget || C.target, C.sliceProcessed = 0;
+              const xe = re(T, d(C.sliceElement, "slice"), C);
+              z(this, "[custom-validity]", (k) => {
+                if (!k.setCustomValidity)
+                  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 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);
+                setTimeout(V, 1);
+              }
+              this.onSlice(C);
+            })), (!N || N.includes("init")) && (A ? this.onSlice({ type: "init", target: S, sliceElement: m, sliceEventSource: S }) : m.value = M(d(m, "slice"))));
+          }), this.#e = 0;
+        };
+        V(), te();
+      }
+      #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 } }));
+      }
+      attributeChangedCallback(i, r, f) {
+        !this.xml || this.#e || (this.#t(i, f), 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 = s;
+      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 U(this.xsltString);
+  }
+}
+window.customElements.define("custom-element", je);
+export {
+  je as C,
+  q as a,
+  ve as b,
+  ne as c,
+  Ee as d,
+  Ne as e,
+  we as f,
+  re as g,
+  pe as h,
+  fe as i,
+  Se as j,
+  he as k,
+  Ce as l,
+  le as m,
+  $e as n,
+  I as o,
+  Q as p,
+  P as q,
+  Le as r,
+  ae as s,
+  ie as t,
+  De as u,
+  U as x
+};

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-BbJMY20-.cjs"),l=require("./http-request-DPrY7mGh.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.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.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-6slVaFEs.cjs"),l=require("./http-request-DPrY7mGh.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;