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

package/vite.config.js

@@ -5,10 +5,10 @@ export default {
     build    : {
         target       : 'esnext',
         lib          : {
-            entry: resolve( __dirname, 'src/custom-element/index.js' ),
-            name : 'CustomElement',
+            entry   : resolve( __dirname, 'src/custom-element/index.js' ),
+            name    : 'CustomElement',
             fileName: 'custom-element-bundle',
-            formats:['es','cjs']
+            formats : [ 'es', 'cjs' ]
         },
         minify       : true,
         rollupOptions: {
@@ -42,8 +42,8 @@ export default {
             headless: true,
         },
         include :
-            [ 'src/**/*.{test,spec}.?(c|m)[jt]s?(x)'
-                // , 'src/stories/css.stories.ts'
+            [   'src/**/*.{test,spec}.?(c|m)[jt]s?(x)'
+            ,   'src/stories/*.test.stories.ts'
             ],
         coverage: {
             reporter: [ 'text', 'json', 'html', 'coverage-svg' ],

package/dist/custom-element-B4v-KaIh.cjs

@@ -1,53 +0,0 @@
-"use strict";const P="http://www.w3.org/1999/XSL/Transform",I="http://www.w3.org/1999/xhtml",ne="http://exslt.org/common",h=(e,l)=>e.getAttribute?.(l),X=e=>e.nodeType===3,ae=e=>typeof e=="string",re=e=>e&&typeof e.nodeType=="number",N=(e,l="",t=document)=>(s=>(l&&s.append(w(t.ownerDocument||t,l)),s))((t.ownerDocument||t).createElement(e)),w=(e,l)=>(e.ownerDocument||e).createTextNode(l),F=e=>{for(;e.firstChild;)e.firstChild.remove();return e},R=e=>(e.getAttributeNames().map(l=>e.removeAttribute(l)),F(e)),oe=e=>(e?.setAttribute("xmlns:xsl",P),e),ie=e=>(e?.setAttribute("xmlns:xhtml",I),oe(e)),_=(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 S(e){return new DOMParser().parseFromString(e,"application/xml")}function $(e){return new XMLSerializer().serializeToString(e)}function j(e,l,t,s){const n=p=>e.ownerDocument.createElement(p),f=((p,b,u)=>(b.append(u=n(p)),u))(l,e);return[...t].forEach(p=>f.append(s(p))),f}function ce(e){return e.slot||(e.setAttribute||(e=N("span",e.textContent.replaceAll(`
-`,""))),e.setAttribute("slot","")),e}function D(e,l,t){const s=typeof e;if(s==="function")debugger;if(s==="string")return N(l,e,t);if(s==="number")return N(l,""+e,t);if(e instanceof Array){const r=N("array");return e.map(f=>r.append(D(f,l,t))),r}const n=N(l,"",t);for(let r in e)re(e[r])||typeof e[r]=="function"||e[r]instanceof Window||(typeof e[r]!="object"?n.setAttribute(r,e[r]):n.append(D(e[r],r,t)));return n}function U(e){if(C(e,"*",l=>[...l.childNodes].filter(t=>t.nodeType===3).forEach(t=>{if(t.parentNode.localName==="style")return;const s=t.data.matchAll(/{([^}]*)}/g);if(s){let n=0,r=p=>w(t,p||""),f=[];if([...s].forEach(p=>{p.index>n&&f.push(r(p.input.substring(n,p.index)));const b=e.querySelector("value-of").cloneNode();b.setAttribute("select",p[1]),f.push(b),n=p.index+p[0].length}),n<t.data.length&&f.push(r(t.data.substring(n,t.data.length))),f.length){for(let p of f)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 B(e,l="xsl:stylesheet"){if(e.tagName===l||e.documentElement?.tagName===l)return U(e);const t=S(`<xsl:stylesheet version="1.0" xmlns:xsl="${P}" xmlns:xhtml="${I}" xmlns:exsl="${ne}" exclude-result-prefixes="exsl" >
-        <xsl:output method="xml" />
-        <xsl:template match="/"><dce-root xmlns="${I}"><xsl:apply-templates select="*"/></dce-root></xsl:template>
-        <xsl:template match="*[name()='template']"><xsl:apply-templates mode="sanitize" select="*|text()"/></xsl:template>
-        <xsl:template match="*"><xsl:apply-templates mode="sanitize" select="*|text()"/></xsl:template>
-        <xsl:template match="*[name()='svg']|*[name()='math']"><xsl:apply-templates mode="sanitize" select="."/></xsl:template>
-        <xsl:template mode="sanitize" match="*[count(text())=1 and count(*)=0]"><xsl:copy><xsl:apply-templates mode="sanitize" select="@*"/><xsl:value-of select="text()"></xsl:value-of></xsl:copy></xsl:template>
-        <xsl:template mode="sanitize" match="xhtml:*[count(text())=1 and count(*)=0]"><xsl:element name="{local-name()}"><xsl:apply-templates mode="sanitize" select="@*"/><xsl:value-of select="text()"></xsl:value-of></xsl:element></xsl:template>
-        <xsl:template mode="sanitize" match="*|@*"><xsl:copy><xsl:apply-templates mode="sanitize" select="*|@*|text()"/></xsl:copy></xsl:template>
-        <xsl:template mode="sanitize" match="text()[normalize-space(.) = '']"/>
-        <xsl:template mode="sanitize" match="text()"><dce-text><xsl:copy/></dce-text></xsl:template>
-        <xsl:template mode="sanitize" match="xsl:value-of|*[name()='slot']"><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 i=a.content??a.firstElementChild?.content??a.body??a;te.forEach(g=>C(i,g,x=>se(x,i)));const E=a.firstElementChild?.content||a.content,v=g=>{const x=S("<xhtml/>"),T=x.importNode(g,!0);return x.replaceChild(T,x.documentElement),ie(T)};if(E){const g=N("div");return[...E.childNodes].map(x=>g.append(x.cloneNode(!0))),v(g)}return v(a.documentElement||a.body||a)})(e),r=S(`<xsl:stylesheet version="1.0"
-        xmlns:xsl="${P}"
-        xmlns:xhtml="${I}"
-        xmlns:dce="urn:schemas-epa-wg:dce"
-        xmlns:exsl="http://exslt.org/common"
-        exclude-result-prefixes="exsl"
-    >
-    <xsl:template match="ignore">
-        <xsl:choose>
-            <xsl:when test="//attr">{//attr}</xsl:when>
-            <xsl:otherwise>{def}</xsl:otherwise>
-        </xsl:choose><xsl:value-of select="."></xsl:value-of></xsl:template>
-    <xsl:template mode="payload"  match="attributes"></xsl:template>
-    <xsl:template match="/">
-        <xsl:apply-templates mode="payload" select="/datadom/attributes"/>
-    </xsl:template>
-    <xsl:template name="slot" >
-        <xsl:param name="slotname" />
-        <xsl:param name="defaultvalue" />
-        <xsl:choose>
-            <xsl:when test="//payload/*[@slot=$slotname]">
-               <xsl:copy-of select="//payload/*[@slot=$slotname]"/>
-            </xsl:when>
-            <xsl:otherwise>
-                <xsl:copy-of select="$defaultvalue"/>
-            </xsl:otherwise>
-        </xsl:choose>
-    </xsl:template>
-    <xsl:variable name="js-injected-body">
-        <xsl:call-template name="slot" >
-            <xsl:with-param name="slotname" select="''"/>
-            <xsl:with-param name="defaultvalue"/>
-        </xsl:call-template>
-    </xsl:variable>
-</xsl:stylesheet>`);s.importStylesheet(t);const f=s.transformToFragment(n,document),p=(a,i)=>a.querySelector(i),b=p(r,'template[mode="payload"]');if(!f)return console.error("transformation error",{xml:n.outerHTML,xsl:$(t)});const u=[];[...f.querySelectorAll("dce-root>attribute")].forEach(a=>{const i=_(a,"xsl:param"),E=h(a,"name");b.append(i);let v=h(i,"select")?.split("??");v||(v=["//"+E,`'${i.textContent}'`],R(i),i.setAttribute("name",E));let g;if(v?.length>1){i.removeAttribute("select");const x=p(r,'template[match="ignore"]>choose').cloneNode(!0);R(x.firstElementChild).append(w(x,"{"+v[0]+"}")),R(x.lastElementChild).append(w(x,"{"+v[1]+"}")),x.firstElementChild.setAttribute("test",v[0]),i.append(x),g=x.cloneNode(!0)}else g=_(a,"xsl:value-of");g.removeAttribute("name"),a.append(g),a.removeAttribute("select"),u.push(i)}),[...f.querySelectorAll("[value]")].filter(a=>a.getAttribute("value").match(/\{(.*)\?\?(.*)\}/g)).forEach(a=>{const i=h(a,"value");i&&a.setAttribute("value",ee(i))});for(const a of f.childNodes)b.append(r.importNode(a,!0));[...b.querySelectorAll("template")].forEach(a=>b.ownerDocument.documentElement.append(a));const L=p(r,'call-template[name="slot"]'),d=a=>{const i=L.cloneNode(!0),E=h(a,"name")||"";E&&i.firstElementChild.setAttribute("select",`'${E}'`);for(let v of a.childNodes)i.lastElementChild.append(v);return i};C(b,"slot",a=>a.parentNode.replaceChild(d(a),a));const c=U(r);return c.params=u,c}async function W(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",r=>s(r)),n.send()})}function G(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)||!G(e[s],l[s]))return t;return!0}const Y=(e,l)=>l.split("|").map(t=>t.trim()).map(t=>{if(t.includes("/")){const s=[],n=e.ownerDocument.evaluate(t,e);for(let r;r=n.iterateNext();)s.push(r);return s}return[...e.childNodes].find(s=>s.localName===t)||N(t)}).flat();function J(e,l,t,s){Y(e,l).map(n=>{const r=e.ownerDocument,f=t.sliceEventSource,p=t.sliceElement,b=()=>[...n.childNodes].filter(u=>u.nodeType===3||u.localName==="value").map(u=>u.remove());if(f.getAttributeNames().map(u=>n.setAttribute(u,h(f,u))),[...n.childNodes].filter(u=>u.localName==="event").map(u=>u.remove()),t.type==="init"&&b(),n.append(D(t,"event",r)),p.hasAttribute("slice-value")){f.value===void 0?n.removeAttribute("value"):n.setAttribute("value",f.value);const u=k(h(p,"slice-value"),n);b(),n.append(w(r,u))}else{const u=f.value??h(p,"value");b(),u==null?[...n.childNodes].filter(A=>A.localName!=="event").map(A=>A.remove()):ae(u)?n.append(w(r,u)):n.append(D(u,"value",n.ownerDocument))}})}function C(e,l,t){e.querySelectorAll&&[...e.querySelectorAll(l)].forEach(t)}const K=(e,l)=>(t=>e===t?null:t&&(t.querySelector(l)||K(t,l)))(e.getRootNode()),me=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?[]:K(n)})(l.parentElement);try{const t=await W(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 Q(e,l){if(X(e)){if(!X(l))debugger;return}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 M(e,l=0){const t={};for(const s of e.childNodes){const n=h(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 r=s.dceId=n+"-"+t[n]++;s.setAttribute&&s.setAttribute("data-dce-id",r)}s.childNodes.length&&M(s)}}function H(e,l){if(!l.length)return F(e);const t={};for(let s of e.childNodes)t[s.dceId],X(s)?(s.data.trim(),t[s.dceId||0]=s):t[h(s,"data-dce-id")||0]=s;for(let s of[...l]){const n=h(s,"data-dce-id")||s.dceId,r=t[n];r?(X(s)?r.nodeValue!==s.nodeValue&&(r.nodeValue=s.nodeValue):(Q(s,r),(r.childNodes.length||s.childNodes.length)&&H(r,s.childNodes)),delete t[n]):e.append(s)}for(let s of Object.values(t))s.remove()}function Z(e,l){return e.hasAttribute(l)||e.setAttribute(l,crypto.randomUUID()),e.getAttribute(l)}const ee=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},k=(e,l)=>{e=q(e);const t=l.ownerDocument.evaluate(e,l);switch(t.resultType){case XPathResult.NUMBER_TYPE:return t.numberValue;case XPathResult.STRING_TYPE:return t.stringValue}let s="";for(let n;n=t.iterateNext();)s+=n.textContent;return s},te="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(","),se=(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((r,f)=>{r===e&&(n[f]=t)}),s.replaceChildren(...n)}};class le extends HTMLElement{static observedAttributes=["src","tag","hidden"];async connectedCallback(){const l=await me(h(this,"src"),this),t=h(this,"tag"),s=t||"dce-"+crypto.randomUUID();for(const d of l)C(d.templateNode||d.content||d,"style",c=>{const a=c.closest("slot"),i=a?`slot[name="${a.name}"]`:"";c.innerHTML=`${s} ${i}{${c.innerHTML}}`,this.append(c)});const n=l.map(d=>B(d)),r=n.map((d,c)=>(c=new XSLTProcessor,c.importStylesheet(d),c));Object.defineProperty(this,"xsltString",{get:()=>n.map(d=>$(d)).join(`
-`)});const f=this,p=[...this.templateNode.querySelectorAll("[slice]")],b=p.map(d=>h(d,"slice")).filter(d=>!d.includes("/")).filter((d,c,a)=>a.indexOf(d)===c),u=n.reduce((d,c)=>(c.params&&d.push(...c.params),d),[]);class A extends HTMLElement{static get observedAttributes(){return u.map(c=>h(c,"name"))}#e=0;connectedCallback(){let c=this.childNodes;if(this.firstElementChild?.tagName==="TEMPLATE"){const m=this.firstElementChild;m.remove(),c=m.content.childNodes;for(const o of[...m.content.childNodes])if(o.localName==="style"){const y=Z(this,"data-dce-style");o.innerHTML=`${s}[data-dce-style="${y}"]{${o.innerHTML}}`,m.insertAdjacentElement("beforebegin",o)}else o.nodeType===1?m.insertAdjacentElement("beforebegin",o):o.nodeType===3&&m.insertAdjacentText("beforebegin",o.data)}const a=S("<datadom/>").documentElement,i=(m,o="")=>(y=>(o&&y.append(w(a,o)),y))(a.ownerDocument.createElement(m));j(a,"payload",c,ce),this.innerHTML="",j(a,"attributes",this.attributes,m=>i(m.nodeName,m.value)),j(a,"dataset",Object.keys(this.dataset),m=>i(m,this.dataset[m]));const E=j(a,"slice",b,m=>i(m,"")),v=m=>k(m,E);this.xml=a;const g=[],x=()=>{const m={};for(let o;o=g.pop();){const y=h(o.sliceElement,"slice");m[y]||(J(E,y,o),m[y]=o)}Object.keys(m).length!==0&&O()};let T;this.onSlice=m=>{m.stopPropagation?.(),m.sliceEventSource=m.currentTarget||m.target,g.push(m),T||(T=setTimeout(()=>{x(),T=0},10))};const O=this.transform=()=>{if(this.#e)debugger;this.#e=1,r.map((o,y)=>{const z=o.transformToFragment(a.ownerDocument,document);return z||console.error(`XSLT transformation error. xsl:
-`,$(n[y]),`
-xml:
-`,$(a)),z}).map(o=>{o&&(M(o),H(this,o.childNodes))}),A.observedAttributes.map(o=>{let y=h(this.firstElementChild,o);y!==h(this,o)&&(this.setAttribute(o,y),this.#t(o,y))}),C(this,"[slice]",o=>{if(!o.dceInitialized){o.dceInitialized=1;const y=h(o,"slice-event");(y||"change").split(" ").forEach(z=>(o.localName==="slice"?o.parentElement:o).addEventListener(z,V=>{V.sliceElement=o,this.onSlice(V)})),(!y||y.includes("init"))&&(o.hasAttribute("slice-value")||o.hasAttribute("value")||o.value?this.onSlice({type:"init",target:o,sliceElement:o}):o.value=v(h(o,"slice")))}}),this.#e=0};O(),x()}#t(c,a){let i=this.xml.querySelector(`attributes>${c}`);i?R(i).append(w(i,a)):(i=N(c,a,this.xml),this.xml.querySelector("attributes").append(i))}attributeChangedCallback(c,a,i){!this.xml||this.#e||(this.#t(c,i),this.transform())}get dce(){return f}}const L=d=>{window.customElements.get(d)!==A&&window.customElements.define(d,A)};if(t)L(t);else{const d=s;this.setAttribute("tag",d),L(d);const c=document.createElement(d);this.getAttributeNames().forEach(a=>c.setAttribute(a,this.getAttribute(a))),c.append(...[...this.childNodes].filter(a=>a.localName!=="style")),this.append(c)}}get templateNode(){return this.firstElementChild?.tagName==="TEMPLATE"?this.firstElementChild.content:this}get dce(){return this}get xslt(){return S(this.xsltString)}}window.customElements.define("custom-element",le);exports.CustomElement=le;exports.assureSlices=Y;exports.assureUID=Z;exports.assureUnique=M;exports.createXsltFromDom=B;exports.deepEqual=G;exports.evalCurly=ee;exports.event2slice=J;exports.merge=H;exports.mergeAttr=Q;exports.obj2node=D;exports.tagUid=U;exports.toXsl=se;exports.xPath=k;exports.xPathDefaults=q;exports.xhrTemplate=W;exports.xml2dom=S;exports.xmlString=$;exports.xslTags=te;

package/dist/custom-element-_g0GTup2.js

@@ -1,436 +0,0 @@
-const q = "http://www.w3.org/1999/XSL/Transform", z = "http://www.w3.org/1999/xhtml", W = "http://exslt.org/common", h = (e, l) => e.getAttribute?.(l), I = (e) => e.nodeType === 3, G = (e) => typeof e == "string", Y = (e) => e && typeof e.nodeType == "number", E = (e, l = "", t = document) => ((s) => (l && s.append(w(t.ownerDocument || t, l)), s))((t.ownerDocument || t).createElement(e)), w = (e, l) => (e.ownerDocument || e).createTextNode(l), O = (e) => {
-  for (; e.firstChild; )
-    e.firstChild.remove();
-  return e;
-}, j = (e) => (e.getAttributeNames().map((l) => e.removeAttribute(l)), O(e)), J = (e) => (e?.setAttribute("xmlns:xsl", q), e), K = (e) => (e?.setAttribute("xmlns:xhtml", z), J(e)), k = (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 C(e) {
-  return new DOMParser().parseFromString(e, "application/xml");
-}
-function R(e) {
-  return new XMLSerializer().serializeToString(e);
-}
-function D(e, l, t, s) {
-  const n = (p) => e.ownerDocument.createElement(p), f = ((p, y, u) => (y.append(u = n(p)), u))(l, e);
-  return [...t].forEach((p) => f.append(s(p))), f;
-}
-function Q(e) {
-  return e.slot || (e.setAttribute || (e = E("span", e.textContent.replaceAll(`
-`, ""))), e.setAttribute("slot", "")), e;
-}
-function X(e, l, t) {
-  const s = typeof e;
-  if (s === "function")
-    debugger;
-  if (s === "string")
-    return E(l, e, t);
-  if (s === "number")
-    return E(l, "" + e, t);
-  if (e instanceof Array) {
-    const r = E("array");
-    return e.map((f) => r.append(X(f, l, t))), r;
-  }
-  const n = E(l, "", t);
-  for (let r in e)
-    Y(e[r]) || typeof e[r] == "function" || e[r] instanceof Window || (typeof e[r] != "object" ? n.setAttribute(r, e[r]) : n.append(X(e[r], r, t)));
-  return n;
-}
-function H(e) {
-  if (S(e, "*", (l) => [...l.childNodes].filter((t) => t.nodeType === 3).forEach((t) => {
-    if (t.parentNode.localName === "style")
-      return;
-    const s = t.data.matchAll(/{([^}]*)}/g);
-    if (s) {
-      let n = 0, r = (p) => w(t, p || ""), f = [];
-      if ([...s].forEach((p) => {
-        p.index > n && f.push(r(p.input.substring(n, p.index)));
-        const y = e.querySelector("value-of").cloneNode();
-        y.setAttribute("select", p[1]), f.push(y), n = p.index + p[0].length;
-      }), n < t.data.length && f.push(r(t.data.substring(n, t.data.length))), f.length) {
-        for (let p of f)
-          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 Z(e, l = "xsl:stylesheet") {
-  if (e.tagName === l || e.documentElement?.tagName === l)
-    return H(e);
-  const t = C(`<xsl:stylesheet version="1.0" xmlns:xsl="${q}" xmlns:xhtml="${z}" xmlns:exsl="${W}" exclude-result-prefixes="exsl" >
-        <xsl:output method="xml" />
-        <xsl:template match="/"><dce-root xmlns="${z}"><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) => {
-    S(a, "script", (g) => g.remove());
-    const i = a.content ?? a.firstElementChild?.content ?? a.body ?? a;
-    ie.forEach((g) => S(i, g, (x) => ce(x, i)));
-    const N = a.firstElementChild?.content || a.content, v = (g) => {
-      const x = C("<xhtml/>"), T = x.importNode(g, !0);
-      return x.replaceChild(T, x.documentElement), K(T);
-    };
-    if (N) {
-      const g = E("div");
-      return [...N.childNodes].map((x) => g.append(x.cloneNode(!0))), v(g);
-    }
-    return v(a.documentElement || a.body || a);
-  })(e), r = C(
-    `<xsl:stylesheet version="1.0"
-        xmlns:xsl="${q}"
-        xmlns:xhtml="${z}"
-        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 f = s.transformToFragment(n, document), p = (a, i) => a.querySelector(i), y = p(r, 'template[mode="payload"]');
-  if (!f)
-    return console.error("transformation error", { xml: n.outerHTML, xsl: R(t) });
-  const u = [];
-  [...f.querySelectorAll("dce-root>attribute")].forEach((a) => {
-    const i = k(a, "xsl:param"), N = h(a, "name");
-    y.append(i);
-    let v = h(i, "select")?.split("??");
-    v || (v = ["//" + N, `'${i.textContent}'`], j(i), i.setAttribute("name", N));
-    let g;
-    if (v?.length > 1) {
-      i.removeAttribute("select");
-      const x = p(r, 'template[match="ignore"]>choose').cloneNode(!0);
-      j(x.firstElementChild).append(w(x, "{" + v[0] + "}")), j(x.lastElementChild).append(w(x, "{" + v[1] + "}")), x.firstElementChild.setAttribute("test", v[0]), i.append(x), g = x.cloneNode(!0);
-    } else
-      g = k(a, "xsl:value-of");
-    g.removeAttribute("name"), a.append(g), a.removeAttribute("select"), u.push(i);
-  }), [...f.querySelectorAll("[value]")].filter((a) => a.getAttribute("value").match(/\{(.*)\?\?(.*)\}/g)).forEach((a) => {
-    const i = h(a, "value");
-    i && a.setAttribute("value", oe(i));
-  });
-  for (const a of f.childNodes)
-    y.append(r.importNode(a, !0));
-  [...y.querySelectorAll("template")].forEach((a) => y.ownerDocument.documentElement.append(a));
-  const $ = p(r, 'call-template[name="slot"]'), d = (a) => {
-    const i = $.cloneNode(!0), N = h(a, "name") || "";
-    N && i.firstElementChild.setAttribute("select", `'${N}'`);
-    for (let v of a.childNodes)
-      i.lastElementChild.append(v);
-    return i;
-  };
-  S(y, "slot", (a) => a.parentNode.replaceChild(d(a), a));
-  const c = H(r);
-  return c.params = u, c;
-}
-async function ee(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 || E("div", n.responseText)), s(n.statusText);
-    }, n.addEventListener("error", (r) => s(r)), n.send();
-  });
-}
-function te(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) || !te(e[s], l[s]))
-      return t;
-  return !0;
-}
-const se = (e, l) => l.split("|").map((t) => t.trim()).map((t) => {
-  if (t.includes("/")) {
-    const s = [], n = e.ownerDocument.evaluate(t, e);
-    for (let r; r = n.iterateNext(); )
-      s.push(r);
-    return s;
-  }
-  return [...e.childNodes].find((s) => s.localName === t) || E(t);
-}).flat();
-function le(e, l, t, s) {
-  se(e, l).map((n) => {
-    const r = e.ownerDocument, f = t.sliceEventSource, p = t.sliceElement, y = () => [...n.childNodes].filter((u) => u.nodeType === 3 || u.localName === "value").map((u) => u.remove());
-    if (f.getAttributeNames().map((u) => n.setAttribute(u, h(f, u))), [...n.childNodes].filter((u) => u.localName === "event").map((u) => u.remove()), t.type === "init" && y(), n.append(X(t, "event", r)), p.hasAttribute("slice-value")) {
-      f.value === void 0 ? n.removeAttribute("value") : n.setAttribute("value", f.value);
-      const u = B(h(p, "slice-value"), n);
-      y(), n.append(w(r, u));
-    } else {
-      const u = f.value ?? h(p, "value");
-      y(), u == null ? [...n.childNodes].filter((A) => A.localName !== "event").map((A) => A.remove()) : G(u) ? n.append(w(r, u)) : n.append(X(u, "value", n.ownerDocument));
-    }
-  });
-}
-function S(e, l, t) {
-  e.querySelectorAll && [...e.querySelectorAll(l)].forEach(t);
-}
-const V = (e, l) => ((t) => e === t ? null : t && (t.querySelector(l) || V(t, l)))(e.getRootNode()), ne = 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 ? [] : V(n);
-    })(l.parentElement);
-  try {
-    const t = await ee(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 ae(e, l) {
-  if (I(e)) {
-    if (!I(l))
-      debugger;
-    return;
-  }
-  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 _(e, l = 0) {
-  const t = {};
-  for (const s of e.childNodes) {
-    const n = h(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 r = s.dceId = n + "-" + t[n]++;
-      s.setAttribute && s.setAttribute("data-dce-id", r);
-    }
-    s.childNodes.length && _(s);
-  }
-}
-function F(e, l) {
-  if (!l.length)
-    return O(e);
-  const t = {};
-  for (let s of e.childNodes)
-    t[s.dceId], I(s) ? (s.data.trim(), t[s.dceId || 0] = s) : t[h(s, "data-dce-id") || 0] = s;
-  for (let s of [...l]) {
-    const n = h(s, "data-dce-id") || s.dceId, r = t[n];
-    r ? (I(s) ? r.nodeValue !== s.nodeValue && (r.nodeValue = s.nodeValue) : (ae(s, r), (r.childNodes.length || s.childNodes.length) && F(r, s.childNodes)), delete t[n]) : e.append(s);
-  }
-  for (let s of Object.values(t))
-    s.remove();
-}
-function re(e, l) {
-  return e.hasAttribute(l) || e.setAttribute(l, crypto.randomUUID()), e.getAttribute(l);
-}
-const oe = (e) => [...e?.matchAll(/([^{}]*)(\{)([^}]+)}([^{}]*)/g)].map((t) => `${t[1]}{${M(t[3])}}${t[4]}`).join(""), M = (e) => {
-  if (!e.trim())
-    return e;
-  const l = e.split("??"), t = l.shift(), s = M(l.join("??"));
-  return l.length ? `concat( ${t} , substring( ${s} , (1+string-length( ${s} )) * string-length( ${t} ) ) )` : e;
-}, B = (e, l) => {
-  e = M(e);
-  const t = l.ownerDocument.evaluate(e, l);
-  switch (t.resultType) {
-    case XPathResult.NUMBER_TYPE:
-      return t.numberValue;
-    case XPathResult.STRING_TYPE:
-      return t.stringValue;
-  }
-  let s = "";
-  for (let n; n = t.iterateNext(); )
-    s += n.textContent;
-  return s;
-}, ie = "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(","), ce = (e, l) => {
-  const t = E("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((r, f) => {
-      r === e && (n[f] = t);
-    }), s.replaceChildren(...n);
-  }
-};
-class me extends HTMLElement {
-  static observedAttributes = ["src", "tag", "hidden"];
-  async connectedCallback() {
-    const l = await ne(h(this, "src"), this), t = h(this, "tag"), s = t || "dce-" + crypto.randomUUID();
-    for (const d of l)
-      S(d.templateNode || d.content || d, "style", (c) => {
-        const a = c.closest("slot"), i = a ? `slot[name="${a.name}"]` : "";
-        c.innerHTML = `${s} ${i}{${c.innerHTML}}`, this.append(c);
-      });
-    const n = l.map((d) => Z(d)), r = n.map((d, c) => (c = new XSLTProcessor(), c.importStylesheet(d), c));
-    Object.defineProperty(this, "xsltString", { get: () => n.map((d) => R(d)).join(`
-`) });
-    const f = this, p = [...this.templateNode.querySelectorAll("[slice]")], y = p.map((d) => h(d, "slice")).filter((d) => !d.includes("/")).filter((d, c, a) => a.indexOf(d) === c), u = n.reduce((d, c) => (c.params && d.push(...c.params), d), []);
-    class A extends HTMLElement {
-      static get observedAttributes() {
-        return u.map((c) => h(c, "name"));
-      }
-      #e = 0;
-      connectedCallback() {
-        let c = this.childNodes;
-        if (this.firstElementChild?.tagName === "TEMPLATE") {
-          const m = this.firstElementChild;
-          m.remove(), c = m.content.childNodes;
-          for (const o of [...m.content.childNodes])
-            if (o.localName === "style") {
-              const b = re(this, "data-dce-style");
-              o.innerHTML = `${s}[data-dce-style="${b}"]{${o.innerHTML}}`, m.insertAdjacentElement("beforebegin", o);
-            } else
-              o.nodeType === 1 ? m.insertAdjacentElement("beforebegin", o) : o.nodeType === 3 && m.insertAdjacentText("beforebegin", o.data);
-        }
-        const a = C("<datadom/>").documentElement, i = (m, o = "") => ((b) => (o && b.append(w(a, o)), b))(a.ownerDocument.createElement(m));
-        D(a, "payload", c, Q), this.innerHTML = "", D(a, "attributes", this.attributes, (m) => i(m.nodeName, m.value)), D(a, "dataset", Object.keys(this.dataset), (m) => i(m, this.dataset[m]));
-        const N = D(a, "slice", y, (m) => i(m, "")), v = (m) => B(m, N);
-        this.xml = a;
-        const g = [], x = () => {
-          const m = {};
-          for (let o; o = g.pop(); ) {
-            const b = h(o.sliceElement, "slice");
-            m[b] || (le(N, b, o), m[b] = o);
-          }
-          Object.keys(m).length !== 0 && P();
-        };
-        let T;
-        this.onSlice = (m) => {
-          m.stopPropagation?.(), m.sliceEventSource = m.currentTarget || m.target, g.push(m), T || (T = setTimeout(() => {
-            x(), T = 0;
-          }, 10));
-        };
-        const P = this.transform = () => {
-          if (this.#e)
-            debugger;
-          this.#e = 1, r.map((o, b) => {
-            const L = o.transformToFragment(a.ownerDocument, document);
-            return L || console.error(`XSLT transformation error. xsl:
-`, R(n[b]), `
-xml:
-`, R(a)), L;
-          }).map((o) => {
-            o && (_(o), F(this, o.childNodes));
-          }), A.observedAttributes.map((o) => {
-            let b = h(this.firstElementChild, o);
-            b !== h(this, o) && (this.setAttribute(o, b), this.#t(o, b));
-          }), S(this, "[slice]", (o) => {
-            if (!o.dceInitialized) {
-              o.dceInitialized = 1;
-              const b = h(o, "slice-event");
-              (b || "change").split(" ").forEach((L) => (o.localName === "slice" ? o.parentElement : o).addEventListener(L, (U) => {
-                U.sliceElement = o, this.onSlice(U);
-              })), (!b || b.includes("init")) && (o.hasAttribute("slice-value") || o.hasAttribute("value") || o.value ? this.onSlice({ type: "init", target: o, sliceElement: o }) : o.value = v(h(o, "slice")));
-            }
-          }), this.#e = 0;
-        };
-        P(), x();
-      }
-      #t(c, a) {
-        let i = this.xml.querySelector(`attributes>${c}`);
-        i ? j(i).append(w(i, a)) : (i = E(c, a, this.xml), this.xml.querySelector("attributes").append(i));
-      }
-      attributeChangedCallback(c, a, i) {
-        !this.xml || this.#e || (this.#t(c, i), this.transform());
-      }
-      get dce() {
-        return f;
-      }
-    }
-    const $ = (d) => {
-      window.customElements.get(d) !== A && window.customElements.define(d, A);
-    };
-    if (t)
-      $(t);
-    else {
-      const d = s;
-      this.setAttribute("tag", d), $(d);
-      const c = document.createElement(d);
-      this.getAttributeNames().forEach((a) => c.setAttribute(a, this.getAttribute(a))), c.append(...[...this.childNodes].filter((a) => a.localName !== "style")), this.append(c);
-    }
-  }
-  get templateNode() {
-    return this.firstElementChild?.tagName === "TEMPLATE" ? this.firstElementChild.content : this;
-  }
-  get dce() {
-    return this;
-  }
-  get xslt() {
-    return C(this.xsltString);
-  }
-}
-window.customElements.define("custom-element", me);
-export {
-  me as C,
-  R as a,
-  ee as b,
-  Z as c,
-  te as d,
-  se as e,
-  le as f,
-  _ as g,
-  F as h,
-  re as i,
-  oe as j,
-  M as k,
-  B as l,
-  ae as m,
-  ie as n,
-  X as o,
-  ce as p,
-  H as t,
-  C as x
-};

package/src/stories/attributes.test.ts

@@ -1,14 +0,0 @@
-import {describe} from 'vitest';
-
-import '../custom-element/custom-element.js';
-import meta from "./attributes.stories.ts";
-
-import * as Stories from "./attributes.stories.ts";
-import {playStories} from './renderPlay';
-
-
-describe('attributes', () =>
-{
-    localStorage.clear();
-    playStories( Stories, meta );
-});

package/src/stories/css.test.ts

@@ -1,12 +0,0 @@
-import {describe} from 'vitest';
-
-import '../custom-element/custom-element.js';
-import meta from "./css.stories.ts";
-
-import * as Stories  from "./css.stories.ts";
-import {playStories} from './renderPlay';
-
-describe('Css', () =>
-{
-     playStories( Stories, meta );
-});

package/src/stories/dom-merge.test.ts

@@ -1,12 +0,0 @@
-import {describe, it} from 'vitest';
-
-import '../custom-element/custom-element.js';
-import meta from "./dom-merge.stories.ts";
-
-import * as Stories from "./dom-merge.stories.ts";
-import {playStories} from './renderPlay';
-
-describe('dom-merge', () => {
-    localStorage.clear();
-    playStories( Stories, meta );
-});

package/src/stories/external-template.test.ts

@@ -1,12 +0,0 @@
-import {describe, it} from 'vitest';
-
-import '../custom-element/custom-element.js';
-import meta from "./external-template.stories.ts";
-
-import * as Stories from "./external-template.stories.ts";
-import {playStories} from './renderPlay';
-
-describe('external-template', () => {
-    localStorage.clear();
-    playStories( Stories, meta );
-});

package/src/stories/local-storage.test.ts

@@ -1,12 +0,0 @@
-import {describe} from 'vitest';
-
-import '../custom-element/custom-element.js';
-import meta from "./local-storage.stories.ts";
-
-import * as Stories from "./local-storage.stories.ts";
-import {playStories} from './renderPlay';
-
-describe('local-storage', () => {
-    localStorage.clear();
-        playStories( Stories, meta );
-});

package/src/stories/location-element.test.ts

@@ -1,14 +0,0 @@
-import {describe, it} from 'vitest';
-import {type StoryObj} from "@storybook/web-components";
-
-
-import '../custom-element/custom-element.js';
-import meta from "./location-element.stories.ts";
-
-import * as Stories from "./location-element.stories.ts";
-import {playStories} from './renderPlay';
-
-describe('location-element', () => {
-    localStorage.clear();
-    playStories( Stories, meta );
-});

package/src/stories/slice-events.test.ts

@@ -1,12 +0,0 @@
-import {describe} from 'vitest';
-
-import '../custom-element/custom-element.js';
-import meta from "./slice-events.stories.ts";
-
-import * as Stories from "./slice-events.stories.ts";
-import {playStories} from './renderPlay';
-
-describe('slice-events', () => {
-    localStorage.clear();
-    playStories( Stories, meta );
-});

package/storybook-static/assets/DocsRenderer-K4EAMTCU-BLMupvSb.js

@@ -1,2 +0,0 @@
-const __vite__fileDeps=["./index-DgaNIR0t.js","./index-DnEJ_bKa.js","./index-CBQwM6ST.js","./iframe-gCvlWuoC.js","./index-Cc7K62zD.js","./index-Dkj0J1ds.js","./index-DrFu-skq.js"],__vite__mapDeps=i=>i.map(i=>__vite__fileDeps[i]);
-import{_ as l}from"./iframe-gCvlWuoC.js";import{r as h,R as o,d as a,C as E,A as R,H as x,D as y}from"./index-CBQwM6ST.js";import"../sb-preview/runtime.js";import"./index-Cc7K62zD.js";import"./index-Dkj0J1ds.js";import"./index-DrFu-skq.js";var c={},m=h;c.createRoot=m.createRoot,c.hydrateRoot=m.hydrateRoot;var n=new Map,D=({callback:e,children:t})=>{let r=a.useRef();return a.useLayoutEffect(()=>{r.current!==e&&(r.current=e,e())},[e]),t},_=async(e,t)=>{let r=await w(t);return new Promise(s=>{r.render(o.createElement(D,{callback:()=>s(null)},e))})},v=(e,t)=>{let r=n.get(e);r&&(r.unmount(),n.delete(e))},w=async e=>{let t=n.get(e);return t||(t=c.createRoot(e),n.set(e,t)),t},f={code:E,a:R,...x},g=class extends a.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(e){let{showException:t}=this.props;t(e)}render(){let{hasError:e}=this.state,{children:t}=this.props;return e?null:o.createElement(o.Fragment,null,t)}},L=class{constructor(){this.render=async(e,t,r)=>{let s={...f,...t?.components},u=y;return new Promise((i,d)=>{l(()=>import("./index-DgaNIR0t.js"),__vite__mapDeps([0,1,2,3,4,5,6]),import.meta.url).then(({MDXProvider:p})=>_(o.createElement(g,{showException:d,key:Math.random()},o.createElement(p,{components:s},o.createElement(u,{context:e,docsParameter:t}))),r)).then(()=>i())})},this.unmount=e=>{v(e)}}};export{L as DocsRenderer,f as defaultComponents};

package/storybook-static/assets/WithTooltip-Y7J54OF7-BAQSPSFk.js

@@ -1 +0,0 @@
-import{W as a,W as T,b as e}from"./index-CBQwM6ST.js";import"./iframe-gCvlWuoC.js";import"../sb-preview/runtime.js";import"./index-Cc7K62zD.js";import"./index-Dkj0J1ds.js";import"./index-DrFu-skq.js";export{a as WithToolTipState,T as WithTooltip,e as WithTooltipPure};