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

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/renderPlay.ts

@@ -1,22 +0,0 @@
-import type {StoryObj} from '@storybook/web-components';
-import {it}            from 'vitest';
-
-
-export async function renderPlay<TProps>(story: StoryObj, meta:{render: (args: TProps)=>string })
-{
-    // @ts-ignore
-    document.body.innerHTML = meta.render(story.args);
-    await new Promise(resolve => setTimeout(async () =>
-    {
-        // @ts-ignore
-        await story.play({canvasElement: document.body.firstElementChild as HTMLElement});
-        resolve(0);
-    }, 0));
-}
-
-export function playStories<TProps>( Stories: any, meta:{ render: (args: TProps)=>string } )
-{
-    for ( let story of Object.values(Stories) as StoryObj[] )
-        if( story.play )
-            it( story.args!.title, async () => renderPlay(story, 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};

package/storybook-static/assets/css.stories-CLSX-Xxd.js

@@ -1,86 +0,0 @@
-import{w as u,e as n}from"./index-CDavW7r9.js";import"./custom-element-BLZZ00dz.js";const g={title:"",tag:"",style:"",slot:"",payload:""};function p(t){const{title:e,tag:o,style:s,slot:l,payload:y}={...g,...t};return`
-        <fieldset>
-            <legend>${e}</legend>
-            <custom-element ${o?`tag="${o}"`:""} >
-                <template>
-                    <style>
-                        ${s}
-                    </style>
-                    <u><slot>${l}</slot></u>
-                </template>
-            </custom-element>
-            ${y}
-        </fieldset>
-  `}const h={title:"Css",render:p},d='<b style="color:green">green</b>',i='<i style="color:red">red</i>',a={args:{title:`The default color should stay on this label, the message inside should be ${d}`,style:"color:green",slot:"text has to be green",payload:"<u>no tags</u>"},play:async({canvasElement:t})=>{const o=await u(t).findByText("text has to be green"),l=getComputedStyle(o).getPropertyValue("color");n(l).to.equal("rgb(0, 128, 0)")}},c={args:{title:`The default color should apply ${d} in all instances`,style:"color:green",slot:"text has to be green",tag:"dce-2",payload:'<u>2 instances:</u> <dce-2 id="dce21"></dce-2> * <dce-2 id="dce22"></dce-2>'},play:async({canvasElement:t})=>{await u(t).findByText("2 instances:");const e=o=>{const s=t.querySelector(o);return getComputedStyle(s).getPropertyValue("color")};n(e("legend")).to.not.equal(e("b")),n(e("legend")).to.not.equal(e("b")),n(e("#dce21 u")).to.equal(e("b")),n(e("#dce22 u")).to.equal(e("b"))}},r={args:{title:`${d} in instance style can be overridden in payload as ${i} in 1st instance`,style:"color:green",slot:"is green",tag:"dce-3",payload:`  <u>should be</u> ${i}:<dce-3 id="dce32">
-                        <template>
-                            <style> color:red; </style>
-                            <u>red</u>
-                        </template>
-                    </dce-3> <br/>
-                     should be ${d}: <dce-3 id="dce31">green</dce-3>   `},play:async({canvasElement:t})=>{await u(t).findByText("should be");const e=o=>{const s=t.querySelector(o);return getComputedStyle(s).getPropertyValue("color")};n(e("legend")).to.not.equal(e("b")),n(e("#dce31 u")).to.equal(e("b")),n(e("#dce32 u")).to.equal(e("i"))}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
-  args: {
-    title: \`The default color should stay on this label, the message inside should be \${GREEN}\`,
-    style: \`color:green\`,
-    slot: 'text has to be green',
-    payload: '<u>no tags</u>'
-  },
-  play: async ({
-    canvasElement
-  }) => {
-    const canvas = within(canvasElement);
-    const el = await canvas.findByText('text has to be green');
-    const st = getComputedStyle(el);
-    const color = st.getPropertyValue('color');
-    // @ts-ignore
-    expect(color).to.equal('rgb(0, 128, 0)');
-  }
-}`,...a.parameters?.docs?.source}}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{
-  args: {
-    title: \`The default color should apply \${GREEN} in all instances\`,
-    style: \`color:green\`,
-    slot: 'text has to be green',
-    tag: 'dce-2',
-    payload: \`<u>2 instances:</u> <dce-2 id="dce21"></dce-2> * <dce-2 id="dce22"></dce-2>\`
-  },
-  play: async ({
-    canvasElement
-  }) => {
-    await within(canvasElement).findByText('2 instances:');
-    const color = (css: string) => {
-      const el = canvasElement.querySelector(css);
-      const st = getComputedStyle(el!);
-      return st.getPropertyValue('color');
-    };
-    expect(color('legend')).to.not.equal(color('b'));
-    expect(color('legend')).to.not.equal(color('b'));
-    expect(color('#dce21 u')).to.equal(color('b'));
-    expect(color('#dce22 u')).to.equal(color('b'));
-  }
-}`,...c.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
-  args: {
-    title: \`\${GREEN} in instance style can be overridden in payload as \${RED} in 1st instance\`,
-    style: \`color:green\`,
-    slot: 'is green',
-    tag: 'dce-3',
-    payload: \`  <u>should be</u> \${RED}:<dce-3 id="dce32">
-                        <template>
-                            <style> color:red; </style>
-                            <u>red</u>
-                        </template>
-                    </dce-3> <br/>
-                     should be \${GREEN}: <dce-3 id="dce31">green</dce-3>   \`
-  },
-  play: async ({
-    canvasElement
-  }) => {
-    await within(canvasElement).findByText('should be');
-    const color = (css: string) => {
-      const el = canvasElement.querySelector(css);
-      const st = getComputedStyle(el!);
-      return st.getPropertyValue('color');
-    };
-    expect(color('legend')).to.not.equal(color('b'));
-    expect(color('#dce31 u')).to.equal(color('b'));
-    expect(color('#dce32 u')).to.equal(color('i'));
-  }
-}`,...r.parameters?.docs?.source}}};const x=["StyleDoesNotLeak","StyleIn2Instances","OverrideInPayload"];export{r as OverrideInPayload,a as StyleDoesNotLeak,c as StyleIn2Instances,x as __namedExportsOrder,h as default};