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

package/coverage/src/stories/index.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">28.06% </span>
+                <span class="strong">100% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>259/923</span>
+                <span class='fraction'>89/89</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>48/48</span>
+                <span class='fraction'>4/4</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">31.57% </span>
+                <span class="strong">100% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>48/152</span>
+                <span class='fraction'>27/27</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">27.5% </span>
+                <span class="strong">100% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>239/869</span>
+                <span class='fraction'>80/80</span>
             </div>
         
             
@@ -61,7 +61,7 @@
             </div>
         </template>
     </div>
-    <div class='status-line low'></div>
+    <div class='status-line high'></div>
     <div class="pad1">
 <table class="coverage-summary">
 <thead>
@@ -79,78 +79,18 @@
 </tr>
 </thead>
 <tbody><tr>
-	<td class="file low" data-value="attributes.test.stories.ts"><a href="attributes.test.stories.ts.html">attributes.test.stories.ts</a></td>
-	<td data-value="26.66" class="pic low">
-	<div class="chart"><div class="cover-fill" style="width: 26%"></div><div class="cover-empty" style="width: 74%"></div></div>
-	</td>
-	<td data-value="26.66" class="pct low">26.66%</td>
-	<td data-value="45" class="abs low">12/45</td>
-	<td data-value="100" class="pct high">100%</td>
-	<td data-value="3" class="abs high">3/3</td>
-	<td data-value="20" class="pct low">20%</td>
-	<td data-value="10" class="abs low">2/10</td>
-	<td data-value="27.5" class="pct low">27.5%</td>
-	<td data-value="40" class="abs low">11/40</td>
-	</tr>
-
-<tr>
-	<td class="file low" data-value="css.test.stories.ts"><a href="css.test.stories.ts.html">css.test.stories.ts</a></td>
-	<td data-value="34.88" class="pic low">
-	<div class="chart"><div class="cover-fill" style="width: 34%"></div><div class="cover-empty" style="width: 66%"></div></div>
+	<td class="file high" data-value="frame.canvas.ts"><a href="frame.canvas.ts.html">frame.canvas.ts</a></td>
+	<td data-value="100" class="pic high">
+	<div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
 	</td>
-	<td data-value="34.88" class="pct low">34.88%</td>
-	<td data-value="43" class="abs low">15/43</td>
 	<td data-value="100" class="pct high">100%</td>
-	<td data-value="5" class="abs high">5/5</td>
-	<td data-value="28.57" class="pct low">28.57%</td>
-	<td data-value="7" class="abs low">2/7</td>
-	<td data-value="33.33" class="pct low">33.33%</td>
-	<td data-value="42" class="abs low">14/42</td>
-	</tr>
-
-<tr>
-	<td class="file low" data-value="dom-merge.test.stories.ts"><a href="dom-merge.test.stories.ts.html">dom-merge.test.stories.ts</a></td>
-	<td data-value="22.03" class="pic low">
-	<div class="chart"><div class="cover-fill" style="width: 22%"></div><div class="cover-empty" style="width: 78%"></div></div>
-	</td>
-	<td data-value="22.03" class="pct low">22.03%</td>
-	<td data-value="59" class="abs low">13/59</td>
+	<td data-value="4" class="abs high">4/4</td>
 	<td data-value="100" class="pct high">100%</td>
-	<td data-value="3" class="abs high">3/3</td>
-	<td data-value="25" class="pct low">25%</td>
-	<td data-value="8" class="abs low">2/8</td>
-	<td data-value="21.05" class="pct low">21.05%</td>
-	<td data-value="57" class="abs low">12/57</td>
-	</tr>
-
-<tr>
-	<td class="file low" data-value="external-template.test.stories.ts"><a href="external-template.test.stories.ts.html">external-template.test.stories.ts</a></td>
-	<td data-value="24.7" class="pic low">
-	<div class="chart"><div class="cover-fill" style="width: 24%"></div><div class="cover-empty" style="width: 76%"></div></div>
-	</td>
-	<td data-value="24.7" class="pct low">24.7%</td>
-	<td data-value="85" class="abs low">21/85</td>
+	<td data-value="0" class="abs high">0/0</td>
 	<td data-value="100" class="pct high">100%</td>
 	<td data-value="3" class="abs high">3/3</td>
-	<td data-value="11.76" class="pct low">11.76%</td>
-	<td data-value="17" class="abs low">2/17</td>
-	<td data-value="24.39" class="pct low">24.39%</td>
-	<td data-value="82" class="abs low">20/82</td>
-	</tr>
-
-<tr>
-	<td class="file low" data-value="form.test.stories.ts"><a href="form.test.stories.ts.html">form.test.stories.ts</a></td>
-	<td data-value="31.11" class="pic low">
-	<div class="chart"><div class="cover-fill" style="width: 31%"></div><div class="cover-empty" style="width: 69%"></div></div>
-	</td>
-	<td data-value="31.11" class="pct low">31.11%</td>
-	<td data-value="45" class="abs low">14/45</td>
 	<td data-value="100" class="pct high">100%</td>
 	<td data-value="3" class="abs high">3/3</td>
-	<td data-value="28.57" class="pct low">28.57%</td>
-	<td data-value="7" class="abs low">2/7</td>
-	<td data-value="29.54" class="pct low">29.54%</td>
-	<td data-value="44" class="abs low">13/44</td>
 	</tr>
 
 <tr>
@@ -168,96 +108,6 @@
 	<td data-value="66" class="abs high">66/66</td>
 	</tr>
 
-<tr>
-	<td class="file low" data-value="local-storage.test.stories.ts"><a href="local-storage.test.stories.ts.html">local-storage.test.stories.ts</a></td>
-	<td data-value="7.23" class="pic low">
-	<div class="chart"><div class="cover-fill" style="width: 7%"></div><div class="cover-empty" style="width: 93%"></div></div>
-	</td>
-	<td data-value="7.23" class="pct low">7.23%</td>
-	<td data-value="235" class="abs low">17/235</td>
-	<td data-value="100" class="pct high">100%</td>
-	<td data-value="7" class="abs high">7/7</td>
-	<td data-value="13.33" class="pct low">13.33%</td>
-	<td data-value="15" class="abs low">2/15</td>
-	<td data-value="7.07" class="pct low">7.07%</td>
-	<td data-value="226" class="abs low">16/226</td>
-	</tr>
-
-<tr>
-	<td class="file low" data-value="location-element.test.stories.ts"><a href="location-element.test.stories.ts.html">location-element.test.stories.ts</a></td>
-	<td data-value="19.35" class="pic low">
-	<div class="chart"><div class="cover-fill" style="width: 19%"></div><div class="cover-empty" style="width: 81%"></div></div>
-	</td>
-	<td data-value="19.35" class="pct low">19.35%</td>
-	<td data-value="62" class="abs low">12/62</td>
-	<td data-value="100" class="pct high">100%</td>
-	<td data-value="5" class="abs high">5/5</td>
-	<td data-value="12.5" class="pct low">12.5%</td>
-	<td data-value="16" class="abs low">2/16</td>
-	<td data-value="22" class="pct low">22%</td>
-	<td data-value="50" class="abs low">11/50</td>
-	</tr>
-
-<tr>
-	<td class="file low" data-value="module-url.test.stories.ts"><a href="module-url.test.stories.ts.html">module-url.test.stories.ts</a></td>
-	<td data-value="34.14" class="pic low">
-	<div class="chart"><div class="cover-fill" style="width: 34%"></div><div class="cover-empty" style="width: 66%"></div></div>
-	</td>
-	<td data-value="34.14" class="pct low">34.14%</td>
-	<td data-value="41" class="abs low">14/41</td>
-	<td data-value="100" class="pct high">100%</td>
-	<td data-value="3" class="abs high">3/3</td>
-	<td data-value="22.22" class="pct low">22.22%</td>
-	<td data-value="9" class="abs low">2/9</td>
-	<td data-value="33.33" class="pct low">33.33%</td>
-	<td data-value="39" class="abs low">13/39</td>
-	</tr>
-
-<tr>
-	<td class="file low" data-value="set-url.test.stories.ts"><a href="set-url.test.stories.ts.html">set-url.test.stories.ts</a></td>
-	<td data-value="33.33" class="pic low">
-	<div class="chart"><div class="cover-fill" style="width: 33%"></div><div class="cover-empty" style="width: 67%"></div></div>
-	</td>
-	<td data-value="33.33" class="pct low">33.33%</td>
-	<td data-value="36" class="abs low">12/36</td>
-	<td data-value="100" class="pct high">100%</td>
-	<td data-value="3" class="abs high">3/3</td>
-	<td data-value="28.57" class="pct low">28.57%</td>
-	<td data-value="7" class="abs low">2/7</td>
-	<td data-value="32.35" class="pct low">32.35%</td>
-	<td data-value="34" class="abs low">11/34</td>
-	</tr>
-
-<tr>
-	<td class="file low" data-value="slice-events.test.stories.ts"><a href="slice-events.test.stories.ts.html">slice-events.test.stories.ts</a></td>
-	<td data-value="17.14" class="pic low">
-	<div class="chart"><div class="cover-fill" style="width: 17%"></div><div class="cover-empty" style="width: 83%"></div></div>
-	</td>
-	<td data-value="17.14" class="pct low">17.14%</td>
-	<td data-value="105" class="abs low">18/105</td>
-	<td data-value="100" class="pct high">100%</td>
-	<td data-value="3" class="abs high">3/3</td>
-	<td data-value="11.76" class="pct low">11.76%</td>
-	<td data-value="17" class="abs low">2/17</td>
-	<td data-value="17" class="pct low">17%</td>
-	<td data-value="100" class="abs low">17/100</td>
-	</tr>
-
-<tr>
-	<td class="file low" data-value="slots.test.stories.ts"><a href="slots.test.stories.ts.html">slots.test.stories.ts</a></td>
-	<td data-value="25" class="pic low">
-	<div class="chart"><div class="cover-fill" style="width: 25%"></div><div class="cover-empty" style="width: 75%"></div></div>
-	</td>
-	<td data-value="25" class="pct low">25%</td>
-	<td data-value="64" class="abs low">16/64</td>
-	<td data-value="100" class="pct high">100%</td>
-	<td data-value="3" class="abs high">3/3</td>
-	<td data-value="22.22" class="pct low">22.22%</td>
-	<td data-value="9" class="abs low">2/9</td>
-	<td data-value="23.8" class="pct low">23.8%</td>
-	<td data-value="63" class="abs low">15/63</td>
-	</tr>
-
 <tr>
 	<td class="file high" data-value="testStoryBook.ts"><a href="testStoryBook.ts.html">testStoryBook.ts</a></td>
 	<td data-value="100" class="pic high">
@@ -273,21 +123,6 @@
 	<td data-value="11" class="abs high">11/11</td>
 	</tr>
 
-<tr>
-	<td class="file medium" data-value="version-select.test.stories.ts"><a href="version-select.test.stories.ts.html">version-select.test.stories.ts</a></td>
-	<td data-value="55.55" class="pic medium">
-	<div class="chart"><div class="cover-fill" style="width: 55%"></div><div class="cover-empty" style="width: 45%"></div></div>
-	</td>
-	<td data-value="55.55" class="pct medium">55.55%</td>
-	<td data-value="18" class="abs medium">10/18</td>
-	<td data-value="100" class="pct high">100%</td>
-	<td data-value="3" class="abs high">3/3</td>
-	<td data-value="33.33" class="pct low">33.33%</td>
-	<td data-value="6" class="abs low">2/6</td>
-	<td data-value="60" class="pct medium">60%</td>
-	<td data-value="15" class="abs medium">9/15</td>
-	</tr>
-
 </tbody>
 </table>
 </div>
@@ -296,7 +131,7 @@
             <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-11-12T04:15:02.299Z
+                at 2025-03-06T04:47:40.965Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/src/stories/testStoryBook.ts.html

@@ -96,11 +96,11 @@
 <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">59x</span>
-<span class="cline-any cline-yes">59x</span>
+<span class="cline-any cline-yes">71x</span>
+<span class="cline-any cline-yes">71x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">59x</span>
-<span class="cline-any cline-yes">59x</span>
+<span class="cline-any cline-yes">71x</span>
+<span class="cline-any cline-yes">71x</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>
@@ -111,10 +111,10 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">12x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">71x</span>
-<span class="cline-any cline-yes">71x</span>
+<span class="cline-any cline-yes">83x</span>
+<span class="cline-any cline-yes">83x</span>
 <span class="cline-any cline-yes">12x</span>
-<span class="cline-any cline-yes">59x</span>
+<span class="cline-any cline-yes">71x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">12x</span>
@@ -154,7 +154,7 @@ export async function testStoryBook&lt;TProps&gt;( mod: Record&lt;string, StoryO
             <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-11-12T04:15:02.299Z
+                at 2025-03-06T04:47:40.965Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/src/sum.ts.html

@@ -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-11-12T04:15:02.299Z
+                at 2025-03-06T04:47:40.965Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/dist/custom-element-6slVaFEs.cjs

@@ -0,0 +1,97 @@
+"use strict";const Q="http://www.w3.org/1999/XSL/Transform",R="http://www.w3.org/1999/xhtml",Ce="http://exslt.org/common",d=(e,l)=>e?.getAttribute?.(l),me=e=>e.nodeType===3,$e=e=>typeof e=="string",De=e=>e&&typeof e.nodeType=="number",D=(e,l)=>(e.ownerDocument||e).createTextNode(l),ue=e=>{for(;e.firstChild;)e.firstChild.remove();return e},F=e=>(e.getAttributeNames().map(l=>e.removeAttribute(l)),ue(e)),de=e=>(e?.setAttribute("xmlns:xsl",Q),e),pe=e=>(e?.setAttribute("xmlns:xhtml",R),de(e)),fe=e=>/^[_a-zA-Z][-_:a-zA-Z0-9]*$/.test(e),ee=(e,l)=>(Object.keys(l).map(t=>e[t]=l[t]),e),$=(e,l="",t=document)=>{const s=n=>(o=>(l&&o.append(D(t.ownerDocument||t,l)),o))((t.ownerDocument||t).createElement(n));if(fe(e))return s(e);const a=s("dce-object");return a.setAttribute("dce-object-name",e),a},te=(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 X(e){return new DOMParser().parseFromString(e,"application/xml")}function U(e){return new XMLSerializer().serializeToString(e)}function _(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 Le(e){return e.slot||(e.setAttribute||(e=$("span",e.textContent.replaceAll(`
+`,""))),e.setAttribute("slot","")),e}function K(e,l){e.getAttributeNames().forEach(t=>l.includes(t)||e.removeAttribute(t))}const se=e=>[...e].filter(l=>!(l.nodeType===3&&l.data.trim()===""));function M(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(M(o,l,t))),n}if(e instanceof FormData){const n=$("form-data","",t);for(const o of e)n.append(M(o[1],o[0],t));return n}const a=$(l,"",t);for(let n in e)De(e[n])||typeof e[n]=="function"||e[n]instanceof Window||(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,"*",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=>D(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 he(e,l="xsl:stylesheet"){const t=[],s={},a={};if(e.tagName===l||e.documentElement?.tagName===l)return le(ee(e,{declaredAttributes:t,hardcodedAttributes:s,exposedAttributes:a}));const n=X(`<xsl:stylesheet version="1.0" xmlns:xsl="${Q}" xmlns:xhtml="${R}" xmlns:exsl="${Ce}" 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;Ne.forEach(h=>z(r,h,b=>we(b,r)));const f=i.firstElementChild?.content||i.content,y=h=>{const b=X("<xhtml/>"),T=b.importNode(h,!0);return b.replaceChild(T,b.documentElement),T.namespaceURI===R&&!d(T,"xmlns")&&T.setAttribute("xmlns",R),pe(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=X(`<xsl:stylesheet version="1.0"
+        xmlns:xsl="${Q}"
+        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: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"),f=r.replace(/hasBoolAttribute\((.*?)\)/g,(y,h,b,T,P)=>{const L=h.substring(1);return`(not($${L} = 'false') and ($${L} = '' or $${L} = '${L}' or $${L} = 'true' ))`});r!==f&&i.setAttribute("test",f)}),[...v.querySelectorAll("dce-root>attribute")].forEach(i=>{K(i,"namespace,name,select");const r=te(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"),K(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(D(b,"{"+y[0]+"}")),b.firstElementChild.setAttribute("test",y[0]);for(let T=1;T<y.length-1;T++){const P=b.firstElementChild.cloneNode(!0);F(P).append(D(b,"{"+y[T]+"}")),P.setAttribute("test",y[T]),b.insertBefore(P,b.lastElementChild)}F(b.lastElementChild).append(D(b,"{"+y[y.length-1]+"}")),r.append(b),h=b.cloneNode(!0)}else h=te(i,"xsl:value-of");h.removeAttribute("name"),i.append(h),i.removeAttribute("select")}else K(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",Ee(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=le(x);return ee(p,{declaredAttributes:t,hardcodedAttributes:s,exposedAttributes:a}),p}async function xe(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 be(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)||!be(e[s],l[s]))return t;return!0}const ye=e=>e.split("|").map(l=>l.trim()).filter(l=>l),ge=(e,l)=>ye(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 ne(e,l,t,s){if(!t.sliceProcessed)return t.sliceProcessed=1,ge(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(M(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?"":I(d(g,"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=$e(u)?D(n,u):M(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 je=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=(void 0)(t),s&&(e+="#"+s)}catch(n){console.error(n.message)}const a=await xe(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 ae(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 ie(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&&ie(s)}}function Ae(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 re(e,l){if(e.firstElementChild?.localName==="dce-root"&&l[0]?.localName!=="dce-root")return;if(!l.length)return e.firstElementChild?.localName!=="dce-root"&&ue(e);const t={};for(let s of e.childNodes)t[s.dceId],me(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?(me(s)?n.nodeValue!==s.nodeValue&&(n.nodeValue=s.nodeValue):(ae(s,n),(n.childNodes.length||s.childNodes.length)&&re(n,s.childNodes)),delete t[a]):Ae(e,s,a)}for(let s of Object.values(t))s.localName!=="dce-root"&&s.remove()}function ve(e,l){return e.hasAttribute(l)||e.setAttribute(l,crypto.randomUUID()),e.getAttribute(l)}const Ee=e=>[...e?.matchAll(/([^{}]*)(\{)([^}]+)}([^{}]*)/g)].map(t=>`${t[1]}{${W(t[3])}}${t[4]}`).join(""),W=e=>{if(!e.trim())return e;const l=e.split("??"),t=l.shift(),s=W(l.join("??"));return l.length?`concat( ${t} , substring( ${s} , (1+string-length( ${s} )) * string-length( ${t} ) ) )`:e},I=(e,l)=>{const t=e.split("??");if(t.length>1)return I(t[0],l)||I(t[1],l);e=W(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},Ne="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(","),we=(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 Te 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 je(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=>he(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,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(ye).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=ve(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=X("<datadom/>").documentElement,f=(c,E="")=>(m=>(E&&m.append(D(r,E)),m))(r.ownerDocument.createElement(c)),y=_(r,"payload",i,Le);de(y),pe(y),this.innerHTML="";const h=_(r,"attributes",this.attributes,c=>f(c.nodeName,c.value)),b=c=>this.hasAttribute(c)||[...h.children].find(E=>E.localName===c);ae(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))),_(r,"dataset",Object.keys(this.dataset),c=>f(c,this.dataset[c]));const T=_(r,"slice",x,c=>f(c,"")),P=c=>I(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()};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,C=>{C.sliceElement=m,C.sliceEventSource=C.currentTarget||C.target,C.sliceProcessed=0;const Se=ne(T,d(C.sliceElement,"slice"),C);z(this,"[custom-validity]",k=>{if(!k.setCustomValidity)return;const J=d(k,"custom-validity");try{const q=J&&I(J,h);k.setCustomValidity(q===!0?"":q===!1?"invalid":q)}catch(q){console.error(q,"xPath",J)}});const G=d(S,"custom-validity"),j=G&&I(G,h),Z=j===!0?"":j;if(G){if(m.setCustomValidity?m.setCustomValidity(Z):m.validationMessage=Z,Se.map(k=>k.setAttribute("validation-message",Z)),C.type==="submit")return j===!0?void 0:(setTimeout(B,1),!!j===j?(j||C.preventDefault(),j):j?(C.preventDefault(),!1):void 0);setTimeout(B,1)}this.onSlice(C)})),(!N||N.includes("init"))&&(A?this.onSlice({type:"init",target:S,sliceElement:m,sliceEventSource:S}):m.value=P(d(m,"slice"))))}),this.#e=0};B(),ce()}#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(D(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 X(this.xsltString)}}window.customElements.define("custom-element",Te);exports.CustomElement=Te;exports.appendByDceId=Ae;exports.assureSlices=ge;exports.assureUID=ve;exports.assureUnique=ie;exports.cloneAs=te;exports.createXsltFromDom=he;exports.deepEqual=be;exports.evalCurly=Ee;exports.event2slice=ne;exports.merge=re;exports.mergeAttr=ae;exports.mix=ee;exports.obj2node=M;exports.sanitizeBlankText=se;exports.tagUid=le;exports.toXsl=we;exports.xPath=I;exports.xPathDefaults=W;exports.xhrTemplate=xe;exports.xml2dom=X;exports.xmlString=U;exports.xslTags=Ne;