npm - @epa-wg/custom-element-dist - Versions diffs - 0.0.21 → 0.0.23 - Mend

@epa-wg/custom-element-dist 0.0.21 → 0.0.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (174) hide show

package/coverage/src/stories/{renderPlay.ts.html → testStoryBook.ts.html} RENAMED Viewed

@@ -3,7 +3,7 @@
 <html lang="en">
 <head>
-    <title>Code coverage report for src/stories/renderPlay.ts</title>
+    <title>Code coverage report for src/stories/testStoryBook.ts</title>
     <meta charset="utf-8" />
     <link rel="stylesheet" href="../../prettify.css" />
     <link rel="stylesheet" href="../../base.css" />
@@ -19,13 +19,13 @@
 <body>
 <div class='wrapper'>
     <div class='pad1'>
-        <h1><a href="../../index.html">All files</a> / <a href="index.html">src/stories</a> renderPlay.ts</h1>
+        <h1><a href="../../index.html">All files</a> / <a href="index.html">src/stories</a> testStoryBook.ts</h1>
         <div class='clearfix'>
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>9/9</span>
+                <span class='fraction'>14/14</span>
             </div>
@@ -39,14 +39,14 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>5/5</span>
+                <span class='fraction'>8/8</span>
             </div>
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>7/7</span>
+                <span class='fraction'>11/11</span>
             </div>
@@ -85,49 +85,67 @@
 <a name='L20'></a><a href='#L20'>20</a>
 <a name='L21'></a><a href='#L21'>21</a>
 <a name='L22'></a><a href='#L22'>22</a>
-<a name='L23'></a><a href='#L23'>23</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L23'></a><a href='#L23'>23</a>
+<a name='L24'></a><a href='#L24'>24</a>
+<a name='L25'></a><a href='#L25'>25</a>
+<a name='L26'></a><a href='#L26'>26</a>
+<a name='L27'></a><a href='#L27'>27</a>
+<a name='L28'></a><a href='#L28'>28</a>
+<a name='L29'></a><a href='#L29'>29</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">43x</span>
+<span class="cline-any cline-yes">43x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">43x</span>
+<span class="cline-any cline-yes">43x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">28x</span>
-<span class="cline-any cline-yes">28x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">28x</span>
-<span class="cline-any cline-yes">28x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">9x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">9x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">7x</span>
-<span class="cline-any cline-yes">35x</span>
-<span class="cline-any cline-yes">28x</span>
+<span class="cline-any cline-yes">52x</span>
+<span class="cline-any cline-yes">52x</span>
+<span class="cline-any cline-yes">9x</span>
+<span class="cline-any cline-yes">43x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import type {StoryObj} from '@storybook/web-components';
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">9x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import type {StoryObj, Meta} from '@storybook/web-components';
 import {it}            from 'vitest';
 &nbsp;
-&nbsp;
-export async function renderPlay&lt;TProps&gt;(story: StoryObj, meta:{render: (args: TProps)=&gt;string })
+async function playStory( story: StoryObj, meta: Meta )
 {
-    // @ts-ignore
     document.body.innerHTML = meta.render(story.args);
-    await new Promise(resolve =&gt; setTimeout(async () =&gt;
+    await new Promise( (resolve) =&gt; setTimeout(async ()=&gt;
     {
-        // @ts-ignore
-        await story.play({canvasElement: document.body.firstElementChild as HTMLElement});
+        await story.play({canvasElement: document.body.lastElementChild});
         resolve(0);
-    }, 0));
+    },0))
 }
 &nbsp;
-export function playStories&lt;TProps&gt;( Stories: any, meta:{ render: (args: TProps)=&gt;string } )
+export async function testStoryBook&lt;TProps&gt;( mod: Record&lt;string, StoryObj&gt;, meta: Meta )
 {
-    for ( let story of Object.values(Stories) as StoryObj[] )
-        if( story.play )
-            it( story.args!.title, async () =&gt; renderPlay(story, meta) );
+    const {describe, it } = await import('vitest');
+    function playStories( mod: Record&lt;string, StoryObj&gt;, meta: Meta )
+    {
+        Object.keys(mod).map(name=&gt;
+        {
+            const story = mod[name];
+            if( !story.play )
+                return;
+            it( name, async()=&gt;playStory(story,meta));
+        })
+    }
+    describe( meta.title, async () =&gt; playStories(mod, meta) )
 }
 &nbsp;</pre></td></tr></table></pre>
@@ -136,7 +154,7 @@ export function playStories&lt;TProps&gt;( Stories: any, meta:{ render: (args: T
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-13T06:00:45.582Z
+                at 2024-06-27T03:24:38.495Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/src/sum.ts.html CHANGED Viewed

@@ -79,7 +79,7 @@ export function sum(a: number, b: number) {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-13T06:00:45.582Z
+                at 2024-06-27T03:24:38.495Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/dist/custom-element-BISbI4SU.js ADDED Viewed

@@ -0,0 +1,463 @@
+const F = "http://www.w3.org/1999/XSL/Transform", q = "http://www.w3.org/1999/xhtml", se = "http://exslt.org/common", x = (e, l) => e.getAttribute?.(l), W = (e) => e.nodeType === 3, le = (e) => typeof e == "string", ne = (e) => e && typeof e.nodeType == "number", N = (e, l = "", t = document) => ((s) => (l && s.append(S(t.ownerDocument || t, l)), s))((t.ownerDocument || t).createElement(e)), S = (e, l) => (e.ownerDocument || e).createTextNode(l), K = (e) => {
+  for (; e.firstChild; ) e.firstChild.remove();
+  return e;
+}, U = (e) => (e.getAttributeNames().map((l) => e.removeAttribute(l)), K(e)), ae = (e) => (e?.setAttribute("xmlns:xsl", F), e), ie = (e) => (e?.setAttribute("xmlns:xhtml", q), ae(e)), Y = (e, l) => {
+  const t = e.ownerDocument.createElementNS(e.namespaceURI, l);
+  for (let s of e.attributes)
+    t.setAttribute(s.name, s.value);
+  for (; e.firstChild; )
+    t.append(e.firstChild);
+  return t;
+};
+function M(e) {
+  return new DOMParser().parseFromString(e, "application/xml");
+}
+function H(e) {
+  return new XMLSerializer().serializeToString(e);
+}
+function X(e, l, t, s) {
+  const n = (h) => e.ownerDocument.createElement(h), c = ((h, p, m) => (p.append(m = n(h)), m))(l, e);
+  return [...t].forEach((h) => c.append(s(h))), c;
+}
+function re(e) {
+  return e.slot || (e.setAttribute || (e = N("span", e.textContent.replaceAll(`
+`, ""))), e.setAttribute("slot", "")), e;
+}
+function L(e, l, t) {
+  const s = typeof e;
+  if (s === "string")
+    return N(l, e, t);
+  if (s === "number")
+    return N(l, "" + e, t);
+  if (e instanceof Array) {
+    const i = N("array", "", t);
+    return e.map((c) => i.append(L(c, l, t))), i;
+  }
+  if (e instanceof FormData) {
+    const i = N("form-data", "", t);
+    for (const c of e)
+      i.append(L(c[1], c[0], t));
+    return i;
+  }
+  const n = N(l, "", t);
+  for (let i in e)
+    ne(e[i]) || typeof e[i] == "function" || e[i] instanceof Window || (typeof e[i] != "object" ? n.setAttribute(i, e[i]) : n.append(L(e[i], i, t)));
+  return n;
+}
+function G(e) {
+  if (C(e, "*", (l) => [...l.childNodes].filter((t) => t.nodeType === 3 && t.parentNode.localName !== "style" && t.data).forEach((t) => {
+    const s = t.data, n = s.matchAll(/{([^}]*)}/g);
+    if (n) {
+      let i = 0, c = (p) => S(t, p), h = [];
+      if ([...n].forEach((p) => {
+        p.index > i && h.push(c(p.input.substring(i, p.index)));
+        const m = e.querySelector("value-of").cloneNode();
+        m.setAttribute("select", p[1]), h.push(m), i = p.index + p[0].length;
+      }), i < s.length && h.push(c(s.substring(i, s.length))), h.length) {
+        for (let p of h)
+          l.insertBefore(p, 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 oe(e, l = "xsl:stylesheet") {
+  if (e.tagName === l || e.documentElement?.tagName === l)
+    return G(e);
+  const t = M(`<xsl:stylesheet version="1.0" xmlns:xsl="${F}" xmlns:xhtml="${q}" xmlns:exsl="${se}" exclude-result-prefixes="exsl" >
+        <xsl:output method="xml" />
+        <xsl:template match="/"><dce-root xmlns="${q}"><xsl:apply-templates select="*"/></dce-root></xsl:template>
+        <xsl:template match="*[name()='template']"><xsl:apply-templates mode="sanitize" select="*|text()"/></xsl:template>
+        <xsl:template match="*"><xsl:apply-templates mode="sanitize" select="*|text()"/></xsl:template>
+        <xsl:template match="*[name()='svg']|*[name()='math']"><xsl:apply-templates mode="sanitize" select="."/></xsl:template>
+        <xsl:template mode="sanitize" match="*[count(text())=1 and count(*)=0]"><xsl:copy><xsl:apply-templates mode="sanitize" select="@*"/><xsl:value-of select="text()"></xsl:value-of></xsl:copy></xsl:template>
+        <xsl:template mode="sanitize" match="xhtml:*[count(text())=1 and count(*)=0]"><xsl:element name="{local-name()}"><xsl:apply-templates mode="sanitize" select="@*"/><xsl:value-of select="text()"></xsl:value-of></xsl:element></xsl:template>
+        <xsl:template mode="sanitize" match="*|@*"><xsl:copy><xsl:apply-templates mode="sanitize" select="*|@*|text()"/></xsl:copy></xsl:template>
+        <xsl:template mode="sanitize" match="text()[normalize-space(.) = '']"/>
+        <xsl:template mode="sanitize" match="text()"><dce-text><xsl:copy/></dce-text></xsl:template>
+        <xsl:template mode="sanitize" match="xsl:value-of|*[name()='slot']"><dce-text><xsl:copy><xsl:apply-templates mode="sanitize" select="*|@*|text()"/></xsl:copy></dce-text></xsl:template>
+        <xsl:template mode="sanitize" match="xhtml:*"><xsl:element name="{local-name()}"><xsl:apply-templates mode="sanitize" select="*|@*|text()"/></xsl:element></xsl:template>
+    </xsl:stylesheet>`), s = new XSLTProcessor(), n = ((a) => {
+    C(a, "script", (g) => g.remove());
+    const o = a.content ?? a.firstElementChild?.content ?? a.body ?? a;
+    xe.forEach((g) => C(o, g, (b) => ye(b, o)));
+    const E = a.firstElementChild?.content || a.content, v = (g) => {
+      const b = M("<xhtml/>"), $ = b.importNode(g, !0);
+      return b.replaceChild($, b.documentElement), ie($);
+    };
+    if (E) {
+      const g = N("div");
+      return [...E.childNodes].map((b) => g.append(b.cloneNode(!0))), v(g);
+    }
+    return v(a.documentElement || a.body || a);
+  })(e), i = M(
+    `<xsl:stylesheet version="1.0"
+        xmlns:xsl="${F}"
+        xmlns:xhtml="${q}"
+        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>`
+  );
+  s.importStylesheet(t);
+  const c = s.transformToFragment(n, document), h = (a, o) => a.querySelector(o), p = h(i, 'template[mode="payload"]');
+  if (!c)
+    return console.error("transformation error", { xml: n.outerHTML, xsl: H(t) });
+  const m = [];
+  [...c.querySelectorAll("dce-root>attribute")].forEach((a) => {
+    const o = Y(a, "xsl:param"), E = x(a, "name");
+    p.append(o);
+    let v = x(o, "select")?.split("??");
+    v || (v = ["//" + E, `'${o.textContent}'`], U(o), o.setAttribute("name", E));
+    let g;
+    if (v?.length > 1) {
+      o.removeAttribute("select");
+      const b = h(i, 'template[match="ignore"]>choose').cloneNode(!0);
+      U(b.firstElementChild).append(S(b, "{" + v[0] + "}")), U(b.lastElementChild).append(S(b, "{" + v[1] + "}")), b.firstElementChild.setAttribute("test", v[0]), o.append(b), g = b.cloneNode(!0);
+    } else
+      g = Y(a, "xsl:value-of");
+    g.removeAttribute("name"), a.append(g), a.removeAttribute("select"), m.push(o);
+  }), [...c.querySelectorAll("[value]")].filter((a) => a.getAttribute("value").match(/\{(.*)\?\?(.*)\}/g)).forEach((a) => {
+    const o = x(a, "value");
+    o && a.setAttribute("value", he(o));
+  });
+  for (const a of c.childNodes)
+    p.append(i.importNode(a, !0));
+  [...p.querySelectorAll("template")].forEach((a) => p.ownerDocument.documentElement.append(a));
+  const P = h(i, 'call-template[name="slot"]'), d = (a) => {
+    const o = P.cloneNode(!0), E = x(a, "name");
+    E && o.firstElementChild.setAttribute("select", `'${E}'`);
+    for (let v of a.childNodes)
+      o.lastElementChild.append(v);
+    return o;
+  };
+  C(p, "slot", (a) => a.parentNode.replaceChild(d(a), a));
+  const u = G(i);
+  return u.params = m, u;
+}
+async function ce(e) {
+  return await new Promise((t, s) => {
+    const n = new XMLHttpRequest();
+    n.open("GET", e), n.responseType = "document", n.onload = () => {
+      n.readyState === n.DONE && n.status === 200 && t(n.responseXML || N("div", n.responseText)), s(n.statusText);
+    }, n.addEventListener("error", (i) => s(i)), n.send();
+  });
+}
+function me(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) || !me(e[s], l[s]))
+      return t;
+  return !0;
+}
+const Q = (e) => e.split("|").map((l) => l.trim()).filter((l) => l), ue = (e, l) => Q(l).map((t) => {
+  let s = e.ownerDocument, n = (i) => (e.append(i), i);
+  if (t.includes("/")) {
+    const i = [], c = s.evaluate(t, e);
+    for (let h; h = c.iterateNext(); )
+      i.push(h);
+    return i;
+  }
+  return [...e.childNodes].find((i) => i.localName === t) || n(N(t, "", s));
+}).flat();
+function J(e, l, t, s) {
+  if (!t.sliceProcessed)
+    return t.sliceProcessed = 1, ue(e, l ?? "").map((n) => {
+      const i = e.ownerDocument, c = t.sliceEventSource, h = t.sliceElement, p = () => [...n.childNodes].filter((m) => m.nodeType === 3 || m.localName === "value" || m.localName === "form-data").map((m) => m.remove());
+      if (c.getAttributeNames().map((m) => n.setAttribute(m, x(c, m))), [...n.childNodes].filter((m) => m.localName === "event").map((m) => m.remove()), "validationMessage" in c && n.setAttribute("validation-message", c.validationMessage), t.type === "init" && p(), n.append(L(t, "event", i)), h.hasAttribute("slice-value")) {
+        c.value === void 0 ? n.removeAttribute("value") : n.setAttribute("value", c.value);
+        const m = D(x(h, "slice-value"), n);
+        p(), n.append(S(i, m));
+      } else {
+        if ("elements" in c)
+          return p(), n.append(L(new FormData(c), "value", n.ownerDocument)), n;
+        const m = c.value ?? x(h, "value");
+        p(), m == null ? [...n.childNodes].filter((w) => w.localName !== "event").map((w) => w.remove()) : le(m) ? n.append(S(i, m)) : n.append(L(m, "value", n.ownerDocument));
+      }
+      return n;
+    });
+}
+function C(e, l, t) {
+  e.querySelectorAll && [...e.querySelectorAll(l)].forEach(t);
+}
+const de = async (e, l) => {
+  if (!e || !e.trim())
+    return [l];
+  if (e.startsWith("#"))
+    return ((t) => {
+      if (!t) return [];
+      const s = t.querySelectorAll(e);
+      if (s.length)
+        return [...s];
+      const n = t.getRootNode();
+      return n === t ? [] : getByHashId(n);
+    })(l.parentElement);
+  try {
+    const t = await ce(e), s = new URL(e, location).hash;
+    if (s) {
+      const n = t.querySelectorAll(s);
+      return n.length ? [...n] : [l];
+    }
+    return [t];
+  } catch {
+    return [l];
+  }
+};
+function pe(e, l) {
+  for (let t of e.attributes)
+    t.namespaceURI ? l.setAttributeNS(t.namespaceURI, t.name, t.value) : l.setAttribute(t.name, t.value), t.name === "value" && (l.value = t.value);
+}
+function Z(e, l = 0) {
+  const t = {};
+  for (const s of e.childNodes) {
+    const n = x(s, "data-dce-id") || s.dceId || 0;
+    if (!t[n])
+      n ? t[n] = 1 : (t[n] = s.dceId = ++l, s.setAttribute && s.setAttribute("data-dce-id", s.dceId));
+    else {
+      const i = s.dceId = n + "-" + t[n]++;
+      s.setAttribute && s.setAttribute("data-dce-id", i);
+    }
+    s.childNodes.length && Z(s);
+  }
+}
+function ee(e, l) {
+  if (!l.length)
+    return K(e);
+  const t = {};
+  for (let s of e.childNodes)
+    t[s.dceId], W(s) ? (s.data.trim(), t[s.dceId || 0] = s) : t[x(s, "data-dce-id") || 0] = s;
+  for (let s of [...l]) {
+    const n = x(s, "data-dce-id") || s.dceId, i = t[n];
+    i ? (W(s) ? i.nodeValue !== s.nodeValue && (i.nodeValue = s.nodeValue) : (pe(s, i), (i.childNodes.length || s.childNodes.length) && ee(i, s.childNodes)), delete t[n]) : e.append(s);
+  }
+  for (let s of Object.values(t))
+    s.remove();
+}
+function fe(e, l) {
+  return e.hasAttribute(l) || e.setAttribute(l, crypto.randomUUID()), e.getAttribute(l);
+}
+const he = (e) => [...e?.matchAll(/([^{}]*)(\{)([^}]+)}([^{}]*)/g)].map((t) => `${t[1]}{${B(t[3])}}${t[4]}`).join(""), B = (e) => {
+  if (!e.trim())
+    return e;
+  const l = e.split("??"), t = l.shift(), s = B(l.join("??"));
+  return l.length ? `concat( ${t} , substring( ${s} , (1+string-length( ${s} )) * string-length( ${t} ) ) )` : e;
+}, D = (e, l) => {
+  const t = e.split("??");
+  if (t.length > 1)
+    return D(t[0], l) || D(t[1], l);
+  e = B(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 n = "";
+  for (let i; i = s.iterateNext(); )
+    n += i.textContent;
+  return n;
+}, xe = "stylesheet,transform,import,include,strip-space,preserve-space,output,key,decimal-format,namespace-alias,template,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(","), ye = (e, l) => {
+  const t = N("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, n = [...s.childNodes];
+    n.forEach((i, c) => {
+      i === e && (n[c] = t);
+    }), s.replaceChildren(...n);
+  }
+};
+class be extends HTMLElement {
+  static observedAttributes = ["src", "tag", "hidden"];
+  async connectedCallback() {
+    const l = await de(x(this, "src"), this), t = x(this, "tag"), s = t || "dce-" + crypto.randomUUID();
+    for (const d of l)
+      C(d.templateNode || d.content || d, "style", (u) => {
+        const a = u.closest("slot"), o = a ? `slot[name="${a.name}"]` : "";
+        u.innerHTML = `${s} ${o}{${u.innerHTML}}`, this.append(u);
+      });
+    const n = l.map((d) => oe(d)), i = n.map((d, u) => (u = new XSLTProcessor(), u.importStylesheet(d), u));
+    Object.defineProperty(this, "xsltString", { get: () => n.map((d) => H(d)).join(`
+`) });
+    const c = this, h = [...this.templateNode.querySelectorAll("[slice]")], p = h.map((d) => x(d, "slice")).filter((d) => !d.includes("/")).filter((d, u, a) => a.indexOf(d) === u).map(Q).flat(), m = n.reduce((d, u) => (u.params && d.push(...u.params), d), []);
+    class w extends HTMLElement {
+      static get observedAttributes() {
+        return m.map((u) => x(u, "name"));
+      }
+      #e = 0;
+      connectedCallback() {
+        let u = this.childNodes;
+        if (this.firstElementChild?.tagName === "TEMPLATE") {
+          this.firstElementChild !== this.lastElementChild && console.error("payload should have TEMPLATE as only child", this.outerHTML);
+          const f = this.firstElementChild;
+          f.remove(), u = f.content.childNodes;
+          for (const r of [...f.content.childNodes])
+            if (r.localName === "style") {
+              const y = fe(this, "data-dce-style");
+              r.innerHTML = `${s}[data-dce-style="${y}"]{${r.innerHTML}}`, f.insertAdjacentElement("beforebegin", r);
+            } else
+              r.nodeType === 1 ? f.insertAdjacentElement("beforebegin", r) : r.nodeType === 3 && f.insertAdjacentText("beforebegin", r.data);
+        }
+        const a = M("<datadom/>").documentElement, o = (f, r = "") => ((y) => (r && y.append(S(a, r)), y))(a.ownerDocument.createElement(f));
+        X(a, "payload", u, re), this.innerHTML = "";
+        const E = X(a, "attributes", this.attributes, (f) => o(f.nodeName, f.value));
+        X(a, "dataset", Object.keys(this.dataset), (f) => o(f, this.dataset[f]));
+        const v = X(a, "slice", p, (f) => o(f, "")), g = (f) => D(f, v);
+        this.xml = a;
+        const b = [], $ = () => {
+          const f = {};
+          for (let r; r = b.pop(); ) {
+            const y = x(r.sliceElement, "slice");
+            f[y] || (J(v, y, r), f[y] = r);
+          }
+          Object.keys(f).length !== 0 && R();
+        };
+        let k;
+        this.onSlice = (f) => {
+          b.push(f), k || (k = setTimeout(() => {
+            $(), k = 0;
+          }, 1));
+        };
+        const R = this.transform = () => {
+          if (this.#e)
+            debugger;
+          this.#e = 1, i.map((r, y) => {
+            const I = r.transformToFragment(a.ownerDocument, document);
+            return I || console.error(`XSLT transformation error. xsl:
+`, H(n[y]), `
+xml:
+`, H(a)), I;
+          }).map((r) => {
+            r && (Z(r), ee(this, r.childNodes));
+          }), w.observedAttributes.map((r) => {
+            let y = x(this.firstElementChild, r);
+            y !== x(this, r) && (this.setAttribute(r, y), this.#t(r, y));
+          }), C(this, "[slice],[slice-event]", (r) => {
+            if (!r.dceInitialized) {
+              r.dceInitialized = 1;
+              let y = x(r, "slice-event");
+              x(r, "custom-validity") && (y += " change submit"), [...new Set((y || "change").split(" "))].forEach((I) => (r.localName === "slice" ? r.parentElement : r).addEventListener(I, (A) => {
+                A.sliceElement = r, A.sliceEventSource = A.currentTarget || A.target;
+                const te = J(v, x(A.sliceElement, "slice"), A);
+                C(this, "[custom-validity]", (z) => {
+                  if (!z.setCustomValidity)
+                    return;
+                  const _ = x(z, "custom-validity");
+                  try {
+                    const j = _ && D(_, E);
+                    z.setCustomValidity(j === !0 ? "" : j === !1 ? "invalid" : j);
+                  } catch (j) {
+                    console.error(j, "xPath", _);
+                  }
+                });
+                const V = x(r, "custom-validity"), T = V && D(V, E), O = T === !0 ? "" : T;
+                if (V) {
+                  if (r.setCustomValidity ? r.setCustomValidity(O) : r.validationMessage = O, te.map((z) => z.setAttribute("validation-message", O)), A.type === "submit")
+                    return T === !0 ? void 0 : (setTimeout(R, 1), !!T === T ? (T || A.preventDefault(), T) : T ? (A.preventDefault(), !1) : void 0);
+                  setTimeout(R, 1);
+                }
+                this.onSlice(A);
+              })), (!y || y.includes("init")) && (r.hasAttribute("slice-value") || r.hasAttribute("value") || r.value ? this.onSlice({ type: "init", target: r, sliceElement: r, sliceEventSource: r }) : r.value = g(x(r, "slice")));
+            }
+          }), this.#e = 0;
+        };
+        R(), $();
+      }
+      #t(u, a) {
+        let o = this.xml.querySelector(`attributes>${u}`);
+        o ? U(o).append(S(o, a)) : (o = N(u, a, this.xml), this.xml.querySelector("attributes").append(o));
+      }
+      attributeChangedCallback(u, a, o) {
+        !this.xml || this.#e || (this.#t(u, o), this.transform());
+      }
+      get dce() {
+        return c;
+      }
+    }
+    const P = (d) => {
+      window.customElements.get(d) !== w && window.customElements.define(d, w);
+    };
+    if (t)
+      P(t);
+    else {
+      const d = s;
+      this.setAttribute("tag", d), P(d);
+      const u = document.createElement(d);
+      this.getAttributeNames().forEach((a) => u.setAttribute(a, this.getAttribute(a))), u.append(...[...this.childNodes].filter((a) => a.localName !== "style")), this.append(u);
+    }
+  }
+  get templateNode() {
+    return this.firstElementChild?.tagName === "TEMPLATE" ? this.firstElementChild.content : this;
+  }
+  get dce() {
+    return this;
+  }
+  get xslt() {
+    return M(this.xsltString);
+  }
+}
+window.customElements.define("custom-element", be);
+export {
+  be as C,
+  H as a,
+  ce as b,
+  oe as c,
+  me as d,
+  ue as e,
+  J as f,
+  Z as g,
+  ee as h,
+  fe as i,
+  he as j,
+  B as k,
+  D as l,
+  pe as m,
+  xe as n,
+  L as o,
+  ye as p,
+  G as t,
+  M as x
+};