@epa-wg/custom-element-dist 0.0.25 → 0.0.27

package/vite.config.js

@@ -37,8 +37,9 @@ export default {
     test     : {
         isolate : true,
         browser : {
+            provider: 'playwright', // or 'webdriverio'
             enabled : true,
-            name    : 'chrome', // browser name is required
+            name    : 'chromium', // browser name is required
             headless: true,
         },
         include :

package/.idea/codeStyles/codeStyleConfig.xml

@@ -1,5 +0,0 @@
-<component name="ProjectCodeStyleConfiguration">
-  <state>
-    <option name="PREFERRED_PROJECT_CODE_STYLE" value="Default" />
-  </state>
-</component>

package/.idea/compiler.xml

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="TypeScriptCompiler">
-    <option name="nodeInterpreterTextField" value="wsl://Ubuntu@/home/suns/.nvm/versions/node/v20.8.1/bin/yarn" />
-  </component>
-</project>

package/.idea/inspectionProfiles/Project_Default.xml

@@ -1,6 +0,0 @@
-<component name="InspectionProjectProfileManager">
-  <profile version="1.0">
-    <option name="myName" value="Project Default" />
-    <inspection_tool class="TypeScriptValidateTypes" enabled="false" level="ERROR" enabled_by_default="false" />
-  </profile>
-</component>

package/.vscode/settings.json

@@ -1,24 +0,0 @@
-{
-    "html.customData": [
-        "./src/custom-element/ide/customData-dce.json",
-        "./src/custom-element/ide/customData-xsl.json"
-    ],
-    "terminal.integrated.profiles.windows": {
-        "PowerShell": {
-            "source": "PowerShell",
-            "icon": "terminal-powershell"
-        },
-        "Command Prompt": {
-            "path": [
-                "${env:windir}\\Sysnative\\cmd.exe",
-                "${env:windir}\\System32\\cmd.exe"
-            ],
-            "args": [],
-            "icon": "terminal-cmd"
-        },
-        "Git Bash": {
-            "source": "Git Bash"
-        }
-    },
-    "terminal.integrated.defaultProfile.windows": "Git Bash"
-}

package/dist/custom-element-DAe7uvIt.js

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

package/dist/custom-element-DZvvhscI.cjs

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

package/dist/local-storage-Boafngui.cjs

@@ -1 +0,0 @@
-"use strict";const r=(t,e)=>{if(t==="text")return e;if(t==="json")try{return JSON.parse(e)}catch{return null}const a=document.createElement("input");return a.setAttribute("type",t),t==="number"?(a.value=e,a.valueAsNumber):t==="date"?e?(a.valueAsDate=new Date(e),a.value):null:(a.value=e,a.value)};let n,i,s;function d(){n||(n=localStorage.setItem,localStorage.setItem=function(t,e,...a){n.apply(this,[t,e,...a]),window.dispatchEvent(new CustomEvent("local-storage",{detail:{key:t,value:e}}))},i=localStorage.removeItem,localStorage.removeItem=function(t,...e){i.apply(this,[t,...e]),window.dispatchEvent(new CustomEvent("local-storage",{detail:{key:t}}))},s=localStorage.clear,localStorage.clear=function(...t){s.apply(this,[...t]),window.dispatchEvent(new CustomEvent("local-storage",{detail:{}}))})}function c(t,e){localStorage.setItem(t,e),window.dispatchEvent(new CustomEvent("local-storage",{detail:{key:t,value:e}}))}class u extends HTMLElement{static observedAttributes=["value","slice","key","type","live"];#e;get value(){return this.#e===null?void 0:this.#e}set value(e){return this.#e=e}async connectedCallback(){const e=l=>this.getAttribute(l),a=()=>{this.#e=r(e("type"),localStorage.getItem(e("key"))),this.dispatchEvent(new Event("change"))};if(this.#e=r(e("type"),localStorage.getItem(e("key"))),this.hasAttribute("value")?c(e("key"),this.#e=e("value")):a(),this.hasAttribute("live")){const l=o=>(o.detail.key===e("key")||!o.detail.key)&&a();window.addEventListener("local-storage",l),d(),this._destroy=()=>window.removeEventListener("local-storage",l)}}disconnectedCallback(){this._destroy?.()}}window.customElements.define("local-storage",u);exports.LocalStorageElement=u;exports.localStorageSetItem=c;