@epa-wg/custom-element-dist 0.0.32 → 0.0.34

package/dist/custom-element-BoYMoUtP.js

@@ -0,0 +1,619 @@
+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((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;
+}, 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) {
+  return new DOMParser().parseFromString(e, "application/xml");
+}
+function q(e) {
+  return new XMLSerializer().serializeToString(e);
+}
+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 = C("span", e.textContent.replaceAll(`
+`, ""))), e.setAttribute("slot", "")), e;
+}
+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) {
+  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 = C("array", "", t);
+    return e.map((o) => n.append(I(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));
+    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)));
+  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 = [];
+      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 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']">
+        <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", (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, 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);
+    };
+    if (f) {
+      const h = C("div");
+      return [...f.childNodes].map((b) => h.append(b.cloneNode(!0))), g(h);
+    }
+    return g(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(y, document), 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) });
+  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,
+      (g, 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 = 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 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, "{" + 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(b.lastElementChild).append(L(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");
+    } else
+      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));
+  });
+  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 g of i.childNodes)
+      r.lastElementChild.append(g);
+    return r;
+  };
+  z(w, "slot", (i) => i.parentNode.replaceChild(H(i), i));
+  const p = re(x);
+  return ne(p, { declaredAttributes: t, hardcodedAttributes: l, exposedAttributes: a }), p;
+}
+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.addEventListener("error", (n) => l(n)), a.send();
+  });
+}
+function Ne(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) || !Ne(e[l], s[l]))
+      return t;
+  return !0;
+}
+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 = 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 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));
+      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));
+      } 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 = ge(u) ? L(n, u) : I(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 Te = 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 = import.meta.resolve(t), l && (e += "#" + l);
+      } catch (n) {
+        console.error(n.message);
+      }
+    const a = await Ee(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 fe(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 he(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 && he(l);
+  }
+}
+function Se(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 xe(e, s) {
+  if (e.firstElementChild?.localName === "dce-root" && s[0]?.localName !== "dce-root")
+    return;
+  if (!s.length)
+    return e.firstElementChild?.localName !== "dce-root" && ce(e);
+  const t = {};
+  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 l of Object.values(t))
+    l.localName !== "dce-root" && l.remove();
+}
+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 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], s) || P(t[1], s);
+  e = Q(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;
+}, 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 = e.localName === "if" || e.localName === "choose" ? (() => {
+    const a = C("span");
+    return a.append(t), a;
+  })() : 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 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 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 = `${l} ${f}{${i.innerHTML}}`, this.append(i);
+      });
+    const a = s.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, 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;
+      }
+      #e = 0;
+      get dceExportedAttributes() {
+        return ee;
+      }
+      connectedCallback() {
+        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 = ie(c.content.childNodes);
+          for (const E of i)
+            if (E.localName === "style") {
+              const m = Ce(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 = 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);
+        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] || (oe(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 && (he(A), xe(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(_, ($) => {
+              $.sliceElement = m, $.sliceEventSource = $.currentTarget || $.target, $.sliceProcessed = 0;
+              const be = oe(T, d($.sliceElement, "slice"), $);
+              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, 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($);
+            })), (!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 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());
+      }
+      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 U(this.xsltString);
+  }
+}
+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,
+  ie as s,
+  re as t,
+  De as u,
+  U as x
+};