@decidables/detectable-elements 0.3.0 → 0.4.0

package/lib/detectableElements.umd.js

@@ -10,20 +10,20 @@
    * SPDX-License-Identifier: BSD-3-Clause
    */
   const t$1 = globalThis,
-    e$2 = t$1.ShadowRoot && (undefined === t$1.ShadyCSS || t$1.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype,
-    s$1 = Symbol(),
-    o$3 = new WeakMap();
+    e$2 = t$1.ShadowRoot && (void 0 === t$1.ShadyCSS || t$1.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype,
+    s$2 = Symbol(),
+    o$4 = new WeakMap();
   let n$2 = class n {
     constructor(t, e, o) {
-      if (this._$cssResult$ = true, o !== s$1) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+      if (this._$cssResult$ = true, o !== s$2) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
       this.cssText = t, this.t = e;
     }
     get styleSheet() {
       let t = this.o;
       const s = this.t;
-      if (e$2 && undefined === t) {
-        const e = undefined !== s && 1 === s.length;
-        e && (t = o$3.get(s)), undefined === t && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), e && o$3.set(s, t));
+      if (e$2 && void 0 === t) {
+        const e = void 0 !== s && 1 === s.length;
+        e && (t = o$4.get(s)), void 0 === t && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), e && o$4.set(s, t));
       }
       return t;
     }
@@ -31,26 +31,26 @@
       return this.cssText;
     }
   };
-  const r$3 = t => new n$2("string" == typeof t ? t : t + "", undefined, s$1),
+  const r$2 = t => new n$2("string" == typeof t ? t : t + "", void 0, s$2),
     i$3 = (t, ...e) => {
       const o = 1 === t.length ? t[0] : e.reduce((e, s, o) => e + (t => {
         if (true === t._$cssResult$) return t.cssText;
         if ("number" == typeof t) return t;
         throw Error("Value passed to 'css' function must be a 'css' function result: " + t + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
       })(s) + t[o + 1], t[0]);
-      return new n$2(o, t, s$1);
+      return new n$2(o, t, s$2);
     },
     S$1 = (s, o) => {
       if (e$2) s.adoptedStyleSheets = o.map(t => t instanceof CSSStyleSheet ? t : t.styleSheet);else for (const e of o) {
         const o = document.createElement("style"),
           n = t$1.litNonce;
-        undefined !== n && o.setAttribute("nonce", n), o.textContent = e.cssText, s.appendChild(o);
+        void 0 !== n && o.setAttribute("nonce", n), o.textContent = e.cssText, s.appendChild(o);
       }
     },
     c$2 = e$2 ? t => t : t => t instanceof CSSStyleSheet ? (t => {
       let e = "";
       for (const s of t.cssRules) e += s.cssText;
-      return r$3(e);
+      return r$2(e);
     })(t) : t;
 
   /**
@@ -61,9 +61,9 @@
   const {
       is: i$2,
       defineProperty: e$1,
-      getOwnPropertyDescriptor: r$2,
-      getOwnPropertyNames: h$1,
-      getOwnPropertySymbols: o$2,
+      getOwnPropertyDescriptor: h$1,
+      getOwnPropertyNames: r$1,
+      getOwnPropertySymbols: o$3,
       getPrototypeOf: n$1
     } = Object,
     a$1 = globalThis,
@@ -104,33 +104,34 @@
       }
     },
     f$1 = (t, s) => !i$2(t, s),
-    y$2 = {
+    b$1 = {
       attribute: true,
       type: String,
       converter: u$1,
       reflect: false,
+      useDefault: false,
       hasChanged: f$1
     };
   Symbol.metadata ??= Symbol("metadata"), a$1.litPropertyMetadata ??= new WeakMap();
-  let b$1 = class b extends HTMLElement {
+  let y$2 = class y extends HTMLElement {
     static addInitializer(t) {
       this._$Ei(), (this.l ??= []).push(t);
     }
     static get observedAttributes() {
       return this.finalize(), this._$Eh && [...this._$Eh.keys()];
     }
-    static createProperty(t, s = y$2) {
-      if (s.state && (s.attribute = false), this._$Ei(), this.elementProperties.set(t, s), !s.noAccessor) {
+    static createProperty(t, s = b$1) {
+      if (s.state && (s.attribute = false), this._$Ei(), this.prototype.hasOwnProperty(t) && ((s = Object.create(s)).wrapped = true), this.elementProperties.set(t, s), !s.noAccessor) {
         const i = Symbol(),
-          r = this.getPropertyDescriptor(t, i, s);
-        undefined !== r && e$1(this.prototype, t, r);
+          h = this.getPropertyDescriptor(t, i, s);
+        void 0 !== h && e$1(this.prototype, t, h);
       }
     }
     static getPropertyDescriptor(t, s, i) {
       const {
         get: e,
-        set: h
-      } = r$2(this.prototype, t) ?? {
+        set: r
+      } = h$1(this.prototype, t) ?? {
         get() {
           return this[s];
         },
@@ -139,41 +140,39 @@
         }
       };
       return {
-        get() {
-          return e?.call(this);
-        },
+        get: e,
         set(s) {
-          const r = e?.call(this);
-          h.call(this, s), this.requestUpdate(t, r, i);
+          const h = e?.call(this);
+          r?.call(this, s), this.requestUpdate(t, h, i);
         },
         configurable: true,
         enumerable: true
       };
     }
     static getPropertyOptions(t) {
-      return this.elementProperties.get(t) ?? y$2;
+      return this.elementProperties.get(t) ?? b$1;
     }
     static _$Ei() {
       if (this.hasOwnProperty(d$1("elementProperties"))) return;
       const t = n$1(this);
-      t.finalize(), undefined !== t.l && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
+      t.finalize(), void 0 !== t.l && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
     }
     static finalize() {
       if (this.hasOwnProperty(d$1("finalized"))) return;
       if (this.finalized = true, this._$Ei(), this.hasOwnProperty(d$1("properties"))) {
         const t = this.properties,
-          s = [...h$1(t), ...o$2(t)];
+          s = [...r$1(t), ...o$3(t)];
         for (const i of s) this.createProperty(i, t[i]);
       }
       const t = this[Symbol.metadata];
       if (null !== t) {
         const s = litPropertyMetadata.get(t);
-        if (undefined !== s) for (const [t, i] of s) this.elementProperties.set(t, i);
+        if (void 0 !== s) for (const [t, i] of s) this.elementProperties.set(t, i);
       }
       this._$Eh = new Map();
       for (const [t, s] of this.elementProperties) {
         const i = this._$Eu(t, s);
-        undefined !== i && this._$Eh.set(i, t);
+        void 0 !== i && this._$Eh.set(i, t);
       }
       this.elementStyles = this.finalizeStyles(this.styles);
     }
@@ -182,21 +181,21 @@
       if (Array.isArray(s)) {
         const e = new Set(s.flat(1 / 0).reverse());
         for (const s of e) i.unshift(c$2(s));
-      } else undefined !== s && i.push(c$2(s));
+      } else void 0 !== s && i.push(c$2(s));
       return i;
     }
     static _$Eu(t, s) {
       const i = s.attribute;
-      return false === i ? undefined : "string" == typeof i ? i : "string" == typeof t ? t.toLowerCase() : undefined;
+      return false === i ? void 0 : "string" == typeof i ? i : "string" == typeof t ? t.toLowerCase() : void 0;
     }
     constructor() {
-      super(), this._$Ep = undefined, this.isUpdatePending = false, this.hasUpdated = false, this._$Em = null, this._$Ev();
+      super(), this._$Ep = void 0, this.isUpdatePending = false, this.hasUpdated = false, this._$Em = null, this._$Ev();
     }
     _$Ev() {
       this._$ES = new Promise(t => this.enableUpdating = t), this._$AL = new Map(), this._$E_(), this.requestUpdate(), this.constructor.l?.forEach(t => t(this));
     }
     addController(t) {
-      (this._$EO ??= new Set()).add(t), undefined !== this.renderRoot && this.isConnected && t.hostConnected?.();
+      (this._$EO ??= new Set()).add(t), void 0 !== this.renderRoot && this.isConnected && t.hostConnected?.();
     }
     removeController(t) {
       this._$EO?.delete(t);
@@ -221,36 +220,44 @@
     attributeChangedCallback(t, s, i) {
       this._$AK(t, i);
     }
-    _$EC(t, s) {
+    _$ET(t, s) {
       const i = this.constructor.elementProperties.get(t),
         e = this.constructor._$Eu(t, i);
-      if (undefined !== e && true === i.reflect) {
-        const r = (undefined !== i.converter?.toAttribute ? i.converter : u$1).toAttribute(s, i.type);
-        this._$Em = t, null == r ? this.removeAttribute(e) : this.setAttribute(e, r), this._$Em = null;
+      if (void 0 !== e && true === i.reflect) {
+        const h = (void 0 !== i.converter?.toAttribute ? i.converter : u$1).toAttribute(s, i.type);
+        this._$Em = t, null == h ? this.removeAttribute(e) : this.setAttribute(e, h), this._$Em = null;
       }
     }
     _$AK(t, s) {
       const i = this.constructor,
         e = i._$Eh.get(t);
-      if (undefined !== e && this._$Em !== e) {
+      if (void 0 !== e && this._$Em !== e) {
         const t = i.getPropertyOptions(e),
-          r = "function" == typeof t.converter ? {
+          h = "function" == typeof t.converter ? {
             fromAttribute: t.converter
-          } : undefined !== t.converter?.fromAttribute ? t.converter : u$1;
-        this._$Em = e, this[e] = r.fromAttribute(s, t.type), this._$Em = null;
+          } : void 0 !== t.converter?.fromAttribute ? t.converter : u$1;
+        this._$Em = e;
+        const r = h.fromAttribute(s, t.type);
+        this[e] = r ?? this._$Ej?.get(e) ?? r, this._$Em = null;
       }
     }
     requestUpdate(t, s, i) {
-      if (undefined !== t) {
-        if (i ??= this.constructor.getPropertyOptions(t), !(i.hasChanged ?? f$1)(this[t], s)) return;
-        this.P(t, s, i);
+      if (void 0 !== t) {
+        const e = this.constructor,
+          h = this[t];
+        if (i ??= e.getPropertyOptions(t), !((i.hasChanged ?? f$1)(h, s) || i.useDefault && i.reflect && h === this._$Ej?.get(t) && !this.hasAttribute(e._$Eu(t, i)))) return;
+        this.C(t, s, i);
       }
-      false === this.isUpdatePending && (this._$ES = this._$ET());
+      false === this.isUpdatePending && (this._$ES = this._$EP());
     }
-    P(t, s, i) {
-      this._$AL.has(t) || this._$AL.set(t, s), true === i.reflect && this._$Em !== t && (this._$Ej ??= new Set()).add(t);
+    C(t, s, {
+      useDefault: i,
+      reflect: e,
+      wrapped: h
+    }, r) {
+      i && !(this._$Ej ??= new Map()).has(t) && (this._$Ej.set(t, r ?? s ?? this[t]), true !== h || void 0 !== r) || (this._$AL.has(t) || (this.hasUpdated || i || (s = void 0), this._$AL.set(t, s)), true === e && this._$Em !== t && (this._$Eq ??= new Set()).add(t));
     }
-    async _$ET() {
+    async _$EP() {
       this.isUpdatePending = true;
       try {
         await this._$ES;
@@ -268,17 +275,23 @@
       if (!this.hasUpdated) {
         if (this.renderRoot ??= this.createRenderRoot(), this._$Ep) {
           for (const [t, s] of this._$Ep) this[t] = s;
-          this._$Ep = undefined;
+          this._$Ep = void 0;
         }
         const t = this.constructor.elementProperties;
-        if (t.size > 0) for (const [s, i] of t) true !== i.wrapped || this._$AL.has(s) || undefined === this[s] || this.P(s, this[s], i);
+        if (t.size > 0) for (const [s, i] of t) {
+          const {
+              wrapped: t
+            } = i,
+            e = this[s];
+          true !== t || this._$AL.has(s) || void 0 === e || this.C(s, void 0, i, e);
+        }
       }
       let t = false;
       const s = this._$AL;
       try {
-        t = this.shouldUpdate(s), t ? (this.willUpdate(s), this._$EO?.forEach(t => t.hostUpdate?.()), this.update(s)) : this._$EU();
+        t = this.shouldUpdate(s), t ? (this.willUpdate(s), this._$EO?.forEach(t => t.hostUpdate?.()), this.update(s)) : this._$EM();
       } catch (s) {
-        throw t = false, this._$EU(), s;
+        throw t = false, this._$EM(), s;
       }
       t && this._$AE(s);
     }
@@ -286,7 +299,7 @@
     _$AE(t) {
       this._$EO?.forEach(t => t.hostUpdated?.()), this.hasUpdated || (this.hasUpdated = true, this.firstUpdated(t)), this.updated(t);
     }
-    _$EU() {
+    _$EM() {
       this._$AL = new Map(), this.isUpdatePending = false;
     }
     get updateComplete() {
@@ -299,16 +312,16 @@
       return true;
     }
     update(t) {
-      this._$Ej &&= this._$Ej.forEach(t => this._$EC(t, this[t])), this._$EU();
+      this._$Eq &&= this._$Eq.forEach(t => this._$ET(t, this[t])), this._$EM();
     }
     updated(t) {}
     firstUpdated(t) {}
   };
-  b$1.elementStyles = [], b$1.shadowRootOptions = {
+  y$2.elementStyles = [], y$2.shadowRootOptions = {
     mode: "open"
-  }, b$1[d$1("elementProperties")] = new Map(), b$1[d$1("finalized")] = new Map(), p$1?.({
-    ReactiveElement: b$1
-  }), (a$1.reactiveElementVersions ??= []).push("2.0.4");
+  }, y$2[d$1("elementProperties")] = new Map(), y$2[d$1("finalized")] = new Map(), p$1?.({
+    ReactiveElement: y$2
+  }), (a$1.reactiveElementVersions ??= []).push("2.1.1");
 
   /**
    * @license
@@ -317,15 +330,15 @@
    */
   const t = globalThis,
     i$1 = t.trustedTypes,
-    s = i$1 ? i$1.createPolicy("lit-html", {
+    s$1 = i$1 ? i$1.createPolicy("lit-html", {
       createHTML: t => t
-    }) : undefined,
+    }) : void 0,
     e = "$lit$",
     h = `lit$${Math.random().toFixed(9).slice(2)}$`,
-    o$1 = "?" + h,
-    n = `<${o$1}>`,
-    r$1 = document,
-    l = () => r$1.createComment(""),
+    o$2 = "?" + h,
+    n = `<${o$2}>`,
+    r = document,
+    l = () => r.createComment(""),
     c = t => null === t || "object" != typeof t && "function" != typeof t,
     a = Array.isArray,
     u = t => a(t) || "function" == typeof t?.[Symbol.iterator],
@@ -347,10 +360,10 @@
     T = Symbol.for("lit-noChange"),
     E = Symbol.for("lit-nothing"),
     A = new WeakMap(),
-    C = r$1.createTreeWalker(r$1, 129);
+    C = r.createTreeWalker(r, 129);
   function P(t, i) {
     if (!a(t) || !t.hasOwnProperty("raw")) throw Error("invalid template strings array");
-    return undefined !== s ? s.createHTML(i) : i;
+    return void 0 !== s$1 ? s$1.createHTML(i) : i;
   }
   const V = (t, i) => {
     const s = t.length - 1,
@@ -364,7 +377,7 @@
         u,
         d = -1,
         y = 0;
-      for (; y < s.length && (c.lastIndex = y, u = c.exec(s), null !== u);) y = c.lastIndex, c === f ? "!--" === u[1] ? c = v : undefined !== u[1] ? c = _ : undefined !== u[2] ? ($.test(u[2]) && (r = RegExp("</" + u[2], "g")), c = m) : undefined !== u[3] && (c = m) : c === m ? ">" === u[0] ? (c = r ?? f, d = -1) : undefined === u[1] ? d = -2 : (d = c.lastIndex - u[2].length, a = u[1], c = undefined === u[3] ? m : '"' === u[3] ? g : p) : c === g || c === p ? c = m : c === v || c === _ ? c = f : (c = m, r = undefined);
+      for (; y < s.length && (c.lastIndex = y, u = c.exec(s), null !== u);) y = c.lastIndex, c === f ? "!--" === u[1] ? c = v : void 0 !== u[1] ? c = _ : void 0 !== u[2] ? ($.test(u[2]) && (r = RegExp("</" + u[2], "g")), c = m) : void 0 !== u[3] && (c = m) : c === m ? ">" === u[0] ? (c = r ?? f, d = -1) : void 0 === u[1] ? d = -2 : (d = c.lastIndex - u[2].length, a = u[1], c = void 0 === u[3] ? m : '"' === u[3] ? g : p) : c === g || c === p ? c = m : c === v || c === _ ? c = f : (c = m, r = void 0);
       const x = c === m && t[i + 1].startsWith("/>") ? " " : "";
       l += c === f ? s + n : d >= 0 ? (o.push(a), s.slice(0, d) + e + s.slice(d) + h + x) : s + h + (-2 === d ? i : x);
     }
@@ -415,7 +428,7 @@
               r.append(t[s], l());
             }
           }
-        } else if (8 === r.nodeType) if (r.data === o$1) d.push({
+        } else if (8 === r.nodeType) if (r.data === o$2) d.push({
           type: 2,
           index: c
         });else {
@@ -429,19 +442,19 @@
       }
     }
     static createElement(t, i) {
-      const s = r$1.createElement("template");
+      const s = r.createElement("template");
       return s.innerHTML = t, s;
     }
   }
   function S(t, i, s = t, e) {
     if (i === T) return i;
-    let h = undefined !== e ? s._$Co?.[e] : s._$Cl;
-    const o = c(i) ? undefined : i._$litDirective$;
-    return h?.constructor !== o && (h?._$AO?.(false), undefined === o ? h = undefined : (h = new o(t), h._$AT(t, s, e)), undefined !== e ? (s._$Co ??= [])[e] = h : s._$Cl = h), undefined !== h && (i = S(t, h._$AS(t, i.values), h, e)), i;
+    let h = void 0 !== e ? s._$Co?.[e] : s._$Cl;
+    const o = c(i) ? void 0 : i._$litDirective$;
+    return h?.constructor !== o && (h?._$AO?.(false), void 0 === o ? h = void 0 : (h = new o(t), h._$AT(t, s, e)), void 0 !== e ? (s._$Co ??= [])[e] = h : s._$Cl = h), void 0 !== h && (i = S(t, h._$AS(t, i.values), h, e)), i;
   }
   class M {
     constructor(t, i) {
-      this._$AV = [], this._$AN = undefined, this._$AD = t, this._$AM = i;
+      this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = i;
     }
     get parentNode() {
       return this._$AM.parentNode;
@@ -456,24 +469,24 @@
           },
           parts: s
         } = this._$AD,
-        e = (t?.creationScope ?? r$1).importNode(i, true);
+        e = (t?.creationScope ?? r).importNode(i, true);
       C.currentNode = e;
       let h = C.nextNode(),
         o = 0,
         n = 0,
         l = s[0];
-      for (; undefined !== l;) {
+      for (; void 0 !== l;) {
         if (o === l.index) {
           let i;
           2 === l.type ? i = new R(h, h.nextSibling, this, t) : 1 === l.type ? i = new l.ctor(h, l.name, l.strings, this, t) : 6 === l.type && (i = new z(h, this, t)), this._$AV.push(i), l = s[++n];
         }
         o !== l?.index && (h = C.nextNode(), o++);
       }
-      return C.currentNode = r$1, e;
+      return C.currentNode = r, e;
     }
     p(t) {
       let i = 0;
-      for (const s of this._$AV) undefined !== s && (undefined !== s.strings ? (s._$AI(t, s, i), i += s.strings.length - 2) : s._$AI(t[i])), i++;
+      for (const s of this._$AV) void 0 !== s && (void 0 !== s.strings ? (s._$AI(t, s, i), i += s.strings.length - 2) : s._$AI(t[i])), i++;
     }
   }
   class R {
@@ -481,12 +494,12 @@
       return this._$AM?._$AU ?? this._$Cv;
     }
     constructor(t, i, s, e) {
-      this.type = 2, this._$AH = E, this._$AN = undefined, this._$AA = t, this._$AB = i, this._$AM = s, this.options = e, this._$Cv = e?.isConnected ?? true;
+      this.type = 2, this._$AH = E, this._$AN = void 0, this._$AA = t, this._$AB = i, this._$AM = s, this.options = e, this._$Cv = e?.isConnected ?? true;
     }
     get parentNode() {
       let t = this._$AA.parentNode;
       const i = this._$AM;
-      return undefined !== i && 11 === t?.nodeType && (t = i.parentNode), t;
+      return void 0 !== i && 11 === t?.nodeType && (t = i.parentNode), t;
     }
     get startNode() {
       return this._$AA;
@@ -495,7 +508,7 @@
       return this._$AB;
     }
     _$AI(t, i = this) {
-      t = S(this, t, i), c(t) ? t === E || null == t || "" === t ? (this._$AH !== E && this._$AR(), this._$AH = E) : t !== this._$AH && t !== T && this._(t) : undefined !== t._$litType$ ? this.$(t) : undefined !== t.nodeType ? this.T(t) : u(t) ? this.k(t) : this._(t);
+      t = S(this, t, i), c(t) ? t === E || null == t || "" === t ? (this._$AH !== E && this._$AR(), this._$AH = E) : t !== this._$AH && t !== T && this._(t) : void 0 !== t._$litType$ ? this.$(t) : void 0 !== t.nodeType ? this.T(t) : u(t) ? this.k(t) : this._(t);
     }
     O(t) {
       return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -504,14 +517,14 @@
       this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
     }
     _(t) {
-      this._$AH !== E && c(this._$AH) ? this._$AA.nextSibling.data = t : this.T(r$1.createTextNode(t)), this._$AH = t;
+      this._$AH !== E && c(this._$AH) ? this._$AA.nextSibling.data = t : this.T(r.createTextNode(t)), this._$AH = t;
     }
     $(t) {
       const {
           values: i,
           _$litType$: s
         } = t,
-        e = "number" == typeof s ? this._$AC(t) : (undefined === s.el && (s.el = N.createElement(P(s.h, s.h[0]), this.options)), s);
+        e = "number" == typeof s ? this._$AC(t) : (void 0 === s.el && (s.el = N.createElement(P(s.h, s.h[0]), this.options)), s);
       if (this._$AH?._$AD === e) this._$AH.p(i);else {
         const t = new M(e, this),
           s = t.u(this.options);
@@ -520,7 +533,7 @@
     }
     _$AC(t) {
       let i = A.get(t.strings);
-      return undefined === i && A.set(t.strings, i = new N(t)), i;
+      return void 0 === i && A.set(t.strings, i = new N(t)), i;
     }
     k(t) {
       a(this._$AH) || (this._$AH = [], this._$AR());
@@ -531,13 +544,13 @@
       e < i.length && (this._$AR(s && s._$AB.nextSibling, e), i.length = e);
     }
     _$AR(t = this._$AA.nextSibling, i) {
-      for (this._$AP?.(false, true, i); t && t !== this._$AB;) {
+      for (this._$AP?.(false, true, i); t !== this._$AB;) {
         const i = t.nextSibling;
         t.remove(), t = i;
       }
     }
     setConnected(t) {
-      undefined === this._$AM && (this._$Cv = t, this._$AP?.(t));
+      void 0 === this._$AM && (this._$Cv = t, this._$AP?.(t));
     }
   }
   class k {
@@ -548,12 +561,12 @@
       return this._$AM._$AU;
     }
     constructor(t, i, s, e, h) {
-      this.type = 1, this._$AH = E, this._$AN = undefined, this.element = t, this.name = i, this._$AM = e, this.options = h, s.length > 2 || "" !== s[0] || "" !== s[1] ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = E;
+      this.type = 1, this._$AH = E, this._$AN = void 0, this.element = t, this.name = i, this._$AM = e, this.options = h, s.length > 2 || "" !== s[0] || "" !== s[1] ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = E;
     }
     _$AI(t, i = this, s, e) {
       const h = this.strings;
       let o = false;
-      if (undefined === h) t = S(this, t, i, 0), o = !c(t) || t !== this._$AH && t !== T, o && (this._$AH = t);else {
+      if (void 0 === h) t = S(this, t, i, 0), o = !c(t) || t !== this._$AH && t !== T, o && (this._$AH = t);else {
         const e = t;
         let n, r;
         for (t = h[0], n = 0; n < h.length - 1; n++) r = S(this, e[s + n], i, n), r === T && (r = this._$AH[n]), o ||= !c(r) || r !== this._$AH[n], r === E ? t = E : t !== E && (t += (r ?? "") + h[n + 1]), this._$AH[n] = r;
@@ -569,7 +582,7 @@
       super(...arguments), this.type = 3;
     }
     j(t) {
-      this.element[this.name] = t === E ? undefined : t;
+      this.element[this.name] = t === E ? void 0 : t;
     }
   }
   class I extends k {
@@ -597,7 +610,7 @@
   }
   class z {
     constructor(t, i, s) {
-      this.element = t, this.type = 6, this._$AN = undefined, this._$AM = i, this.options = s;
+      this.element = t, this.type = 6, this._$AN = void 0, this._$AM = i, this.options = s;
     }
     get _$AU() {
       return this._$AM._$AU;
@@ -607,13 +620,13 @@
     }
   }
   const j = t.litHtmlPolyfillSupport;
-  j?.(N, R), (t.litHtmlVersions ??= []).push("3.2.1");
+  j?.(N, R), (t.litHtmlVersions ??= []).push("3.3.1");
   const B = (t, i, s) => {
     const e = s?.renderBefore ?? i;
     let h = e._$litPart$;
-    if (undefined === h) {
+    if (void 0 === h) {
       const t = s?.renderBefore ?? null;
-      e._$litPart$ = h = new R(i.insertBefore(l(), t), t, undefined, s ?? {});
+      e._$litPart$ = h = new R(i.insertBefore(l(), t), t, void 0, s ?? {});
     }
     return h._$AI(t), h;
   };
@@ -623,19 +636,20 @@
    * Copyright 2017 Google LLC
    * SPDX-License-Identifier: BSD-3-Clause
    */
-  class r extends b$1 {
+  const s = globalThis;
+  class i extends y$2 {
     constructor() {
       super(...arguments), this.renderOptions = {
         host: this
-      }, this._$Do = undefined;
+      }, this._$Do = void 0;
     }
     createRenderRoot() {
       const t = super.createRenderRoot();
       return this.renderOptions.renderBefore ??= t.firstChild, t;
     }
     update(t) {
-      const s = this.render();
-      this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = B(s, this.renderRoot, this.renderOptions);
+      const r = this.render();
+      this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = B(r, this.renderRoot, this.renderOptions);
     }
     connectedCallback() {
       super.connectedCallback(), this._$Do?.setConnected(true);
@@ -647,14 +661,14 @@
       return T;
     }
   }
-  r._$litElement$ = true, r["finalized"] = true, globalThis.litElementHydrateSupport?.({
-    LitElement: r
+  i._$litElement$ = true, i["finalized"] = true, s.litElementHydrateSupport?.({
+    LitElement: i
   });
-  const i = globalThis.litElementPolyfillSupport;
-  i?.({
-    LitElement: r
+  const o$1 = s.litElementPolyfillSupport;
+  o$1?.({
+    LitElement: i
   });
-  (globalThis.litElementVersions ??= []).push("4.1.1");
+  (s.litElementVersions ??= []).push("4.2.1");
 
   function ascending$2(a, b) {
     return a == null || b == null ? NaN : a < b ? -1 : a > b ? 1 : a >= b ? 0 : NaN;
@@ -4896,7 +4910,7 @@
   }
 
   var clipMax = 1e9,
-    clipMin = -1e9;
+    clipMin = -clipMax;
 
   // TODO Use d3-polygon’s polygonContains here for the ring check?
   // TODO Eliminate duplicate buffering in clipBuffer and polygon.push?
@@ -5791,16 +5805,6 @@
     return linearish(scale);
   }
 
-  function colors (specifier) {
-    var n = specifier.length / 6 | 0,
-      colors = new Array(n),
-      i = 0;
-    while (i < n) colors[i] = "#" + specifier.slice(i * 6, ++i * 6);
-    return colors;
-  }
-
-  var Set1 = colors("e41a1c377eb84daf4a984ea3ff7f00ffff33a65628f781bf999999");
-
   function constant (x) {
     return function constant() {
       return x;
@@ -5960,7 +5964,7 @@
     DecidablesElement Base Class - Not intended for instantiation!
     <decidables-element>
   */
-  class DecidablesElement extends r {
+  class DecidablesElement extends i {
     getComputedStyleValue(property) {
       return getComputedStyle(this).getPropertyValue(property).trim();
     }
@@ -6215,22 +6219,22 @@
     static get styles() {
       return i$3`
       :host {
-        ---shadow-0: var(--shadow-0, ${r$3(this.cssBoxShadow(0))});
-        ---shadow-2: var(--shadow-2, ${r$3(this.cssBoxShadow(2))});
-        ---shadow-4: var(--shadow-4, ${r$3(this.cssBoxShadow(4))});
-        ---shadow-8: var(--shadow-8, ${r$3(this.cssBoxShadow(8))});
-
-        ---color-background: var(--color-background, ${r$3(this.greys.white)});
-        ---color-border: var(--color-border, ${r$3(this.greys.light75)});
-        ---color-text: var(--color-text, ${r$3(this.greys.dark75)});
-        ---color-text-inverse: var(--color-text-inverse, ${r$3(this.greys.white)});
-        ---color-link: var(--color-link, ${r$3(this.greys.dark25)});
-        ---color-element-background: var(--color-element-background, ${r$3(this.greys.light75)});
-        ---color-element-disabled: var(--color-element-disabled, ${r$3(this.greys.light50)});
-        ---color-element-enabled: var(--color-element-enabled, ${r$3(this.greys.dark25)});
-        ---color-element-selected: var(--color-element-selected, ${r$3(this.greys.grey)});
-        ---color-element-border: var(--color-element-border, ${r$3(this.greys.dark50)});
-        ---color-element-emphasis: var(--color-element-emphasis, ${r$3(this.greys.dark75)});
+        ---shadow-0: var(--shadow-0, ${r$2(this.cssBoxShadow(0))});
+        ---shadow-2: var(--shadow-2, ${r$2(this.cssBoxShadow(2))});
+        ---shadow-4: var(--shadow-4, ${r$2(this.cssBoxShadow(4))});
+        ---shadow-8: var(--shadow-8, ${r$2(this.cssBoxShadow(8))});
+
+        ---color-background: var(--color-background, ${r$2(this.greys.white)});
+        ---color-border: var(--color-border, ${r$2(this.greys.light75)});
+        ---color-text: var(--color-text, ${r$2(this.greys.dark75)});
+        ---color-text-inverse: var(--color-text-inverse, ${r$2(this.greys.white)});
+        ---color-link: var(--color-link, ${r$2(this.greys.dark25)});
+        ---color-element-background: var(--color-element-background, ${r$2(this.greys.light75)});
+        ---color-element-disabled: var(--color-element-disabled, ${r$2(this.greys.light50)});
+        ---color-element-enabled: var(--color-element-enabled, ${r$2(this.greys.dark25)});
+        ---color-element-selected: var(--color-element-selected, ${r$2(this.greys.grey)});
+        ---color-element-border: var(--color-element-border, ${r$2(this.greys.dark50)});
+        ---color-element-emphasis: var(--color-element-emphasis, ${r$2(this.greys.dark75)});
 
         ---font-family-base: var(--font-family-base, "Source Sans", sans-serif);
         ---font-family-math: var(--font-family-math, "Source Serif", serif);
@@ -6240,6 +6244,7 @@
         ---transition-duration: var(--transition-duration, 500ms);
 
         font-family: var(---font-family-base);
+        font-weight: normal;
       }
 
       :host,
@@ -6461,9 +6466,9 @@
           ---decidables-slider-color: var(--decidables-slider-color, var(---color-element-enabled));
           ---decidables-spinner-background-color: var(--decidables-slider-background-color, none);
 
-          ---shadow-2-rotate: var(--shadow-2-rotate, ${r$3(this.cssBoxShadow(2, true, false))});
-          ---shadow-4-rotate: var(--shadow-4-rotate, ${r$3(this.cssBoxShadow(4, true, false))});
-          ---shadow-8-rotate: var(--shadow-8-rotate, ${r$3(this.cssBoxShadow(8, true, false))});
+          ---shadow-2-rotate: var(--shadow-2-rotate, ${r$2(this.cssBoxShadow(2, true, false))});
+          ---shadow-4-rotate: var(--shadow-4-rotate, ${r$2(this.cssBoxShadow(4, true, false))});
+          ---shadow-8-rotate: var(--shadow-8-rotate, ${r$2(this.cssBoxShadow(8, true, false))});
 
           display: flex;
 
@@ -6966,7 +6971,6 @@
           padding: 0;
           margin: -1px;
           overflow: hidden;
-          clip: rect(0 0 0 0);
 
           white-space: nowrap;
 
@@ -7188,7 +7192,6 @@
           padding: 0;
           margin: -1px;
           overflow: hidden;
-          clip: rect(0 0 0 0);
 
           white-space: nowrap;
 
@@ -7354,6 +7357,23 @@
     };
   }
 
+  var data = { colors:{ h:"#4daf4a",
+      m:"#ff7f00",
+      fa:"#377eb8",
+      cr:"#e41a1c",
+      hr:"#ffff33",
+      far:"#984ea3",
+      acc:"#999999",
+      d:"#f781bf",
+      c:"#a65628",
+      s:"#4545d0",
+      present:"#f032e6",
+      absent:"#10dbc9",
+      correct:"#ffffff",
+      error:"#000000",
+      nr:"#cccccc" } };
+  var colors = data.colors;
+
   /*
     DetectableElement Base Class - Not intended for instantiation!
     <detectable-element>
@@ -7373,23 +7393,7 @@
       this.interactive = false;
     }
     static get colors() {
-      return {
-        h: Set1[2],
-        m: Set1[4],
-        fa: Set1[1],
-        cr: Set1[0],
-        hr: Set1[5],
-        far: Set1[3],
-        acc: Set1[8],
-        d: Set1[7],
-        c: Set1[6],
-        s: '#4545d0',
-        present: '#f032e6',
-        absent: '#10dbc9',
-        correct: '#ffffff',
-        error: '#000000',
-        nr: '#cccccc'
-      };
+      return colors;
     }
     static get lights() {
       return Object.keys(DetectableElement.colors).reduce((acc, cur) => {
@@ -7406,53 +7410,53 @@
     static get styles() {
       return [super.styles, i$3`
         :host {
-          ---color-h: var(--color-h, ${r$3(this.colors.h)});
-          ---color-m: var(--color-m, ${r$3(this.colors.m)});
-          ---color-fa: var(--color-fa, ${r$3(this.colors.fa)});
-          ---color-cr: var(--color-cr, ${r$3(this.colors.cr)});
-          ---color-hr: var(--color-hr, ${r$3(this.colors.hr)});
-          ---color-far: var(--color-far, ${r$3(this.colors.far)});
-          ---color-acc: var(--color-acc, ${r$3(this.colors.acc)});
-          ---color-d: var(--color-d, ${r$3(this.colors.d)});
-          ---color-c: var(--color-c, ${r$3(this.colors.c)});
-          ---color-s: var(--color-s, ${r$3(this.colors.s)});
-          ---color-present: var(--color-present, ${r$3(this.colors.present)});
-          ---color-absent: var(--color-absent, ${r$3(this.colors.absent)});
-          ---color-correct: var(--color-correct, ${r$3(this.colors.correct)});
-          ---color-error: var(--color-error, ${r$3(this.colors.error)});
-          ---color-nr: var(--color-nr, ${r$3(this.colors.nr)});
-
-          ---color-h-light: var(--color-h-light, ${r$3(this.lights.h)});
-          ---color-m-light: var(--color-m-light, ${r$3(this.lights.m)});
-          ---color-fa-light: var(--color-fa-light, ${r$3(this.lights.fa)});
-          ---color-cr-light: var(--color-cr-light, ${r$3(this.lights.cr)});
-          ---color-hr-light: var(--color-hr-light, ${r$3(this.lights.hr)});
-          ---color-far-light: var(--color-far-light, ${r$3(this.lights.far)});
-          ---color-acc-light: var(--color-acc-light, ${r$3(this.lights.acc)});
-          ---color-d-light: var(--color-d-light, ${r$3(this.lights.d)});
-          ---color-c-light: var(--color-c-light, ${r$3(this.lights.c)});
-          ---color-s-light: var(--color-s-light, ${r$3(this.lights.s)});
-          ---color-present-light: var(--color-present-light, ${r$3(this.lights.present)});
-          ---color-absent-light: var(--color-absent-light, ${r$3(this.lights.absent)});
-          ---color-correct-light: var(--color-correct-light, ${r$3(this.lights.correct)});
-          ---color-error-light: var(--color-error-light, ${r$3(this.lights.error)});
-          ---color-nr-light: var(--color-nr-light, ${r$3(this.lights.nr)});
-
-          ---color-h-dark: var(--color-h-dark, ${r$3(this.darks.h)});
-          ---color-m-dark: var(--color-m-dark, ${r$3(this.darks.m)});
-          ---color-fa-dark: var(--color-fa-dark, ${r$3(this.darks.fa)});
-          ---color-cr-dark: var(--color-cr-dark, ${r$3(this.darks.cr)});
-          ---color-hr-dark: var(--color-hr-dark, ${r$3(this.darks.hr)});
-          ---color-far-dark: var(--color-far-dark, ${r$3(this.darks.far)});
-          ---color-acc-dark: var(--color-acc-dark, ${r$3(this.darks.acc)});
-          ---color-d-dark: var(--color-d-dark, ${r$3(this.darks.d)});
-          ---color-c-dark: var(--color-c-dark, ${r$3(this.darks.c)});
-          ---color-s-dark: var(--color-s-dark, ${r$3(this.darks.s)});
-          ---color-present-dark: var(--color-present-dark, ${r$3(this.darks.present)});
-          ---color-absent-dark: var(--color-absent-dark, ${r$3(this.darks.absent)});
-          ---color-correct-dark: var(--color-correct-dark, ${r$3(this.darks.correct)});
-          ---color-error-dark: var(--color-error-dark, ${r$3(this.darks.error)});
-          ---color-nr-dark: var(--color-nr-dark, ${r$3(this.darks.nr)});
+          ---color-h: var(--color-h, ${r$2(this.colors.h)});
+          ---color-m: var(--color-m, ${r$2(this.colors.m)});
+          ---color-fa: var(--color-fa, ${r$2(this.colors.fa)});
+          ---color-cr: var(--color-cr, ${r$2(this.colors.cr)});
+          ---color-hr: var(--color-hr, ${r$2(this.colors.hr)});
+          ---color-far: var(--color-far, ${r$2(this.colors.far)});
+          ---color-acc: var(--color-acc, ${r$2(this.colors.acc)});
+          ---color-d: var(--color-d, ${r$2(this.colors.d)});
+          ---color-c: var(--color-c, ${r$2(this.colors.c)});
+          ---color-s: var(--color-s, ${r$2(this.colors.s)});
+          ---color-present: var(--color-present, ${r$2(this.colors.present)});
+          ---color-absent: var(--color-absent, ${r$2(this.colors.absent)});
+          ---color-correct: var(--color-correct, ${r$2(this.colors.correct)});
+          ---color-error: var(--color-error, ${r$2(this.colors.error)});
+          ---color-nr: var(--color-nr, ${r$2(this.colors.nr)});
+
+          ---color-h-light: var(--color-h-light, ${r$2(this.lights.h)});
+          ---color-m-light: var(--color-m-light, ${r$2(this.lights.m)});
+          ---color-fa-light: var(--color-fa-light, ${r$2(this.lights.fa)});
+          ---color-cr-light: var(--color-cr-light, ${r$2(this.lights.cr)});
+          ---color-hr-light: var(--color-hr-light, ${r$2(this.lights.hr)});
+          ---color-far-light: var(--color-far-light, ${r$2(this.lights.far)});
+          ---color-acc-light: var(--color-acc-light, ${r$2(this.lights.acc)});
+          ---color-d-light: var(--color-d-light, ${r$2(this.lights.d)});
+          ---color-c-light: var(--color-c-light, ${r$2(this.lights.c)});
+          ---color-s-light: var(--color-s-light, ${r$2(this.lights.s)});
+          ---color-present-light: var(--color-present-light, ${r$2(this.lights.present)});
+          ---color-absent-light: var(--color-absent-light, ${r$2(this.lights.absent)});
+          ---color-correct-light: var(--color-correct-light, ${r$2(this.lights.correct)});
+          ---color-error-light: var(--color-error-light, ${r$2(this.lights.error)});
+          ---color-nr-light: var(--color-nr-light, ${r$2(this.lights.nr)});
+
+          ---color-h-dark: var(--color-h-dark, ${r$2(this.darks.h)});
+          ---color-m-dark: var(--color-m-dark, ${r$2(this.darks.m)});
+          ---color-fa-dark: var(--color-fa-dark, ${r$2(this.darks.fa)});
+          ---color-cr-dark: var(--color-cr-dark, ${r$2(this.darks.cr)});
+          ---color-hr-dark: var(--color-hr-dark, ${r$2(this.darks.hr)});
+          ---color-far-dark: var(--color-far-dark, ${r$2(this.darks.far)});
+          ---color-acc-dark: var(--color-acc-dark, ${r$2(this.darks.acc)});
+          ---color-d-dark: var(--color-d-dark, ${r$2(this.darks.d)});
+          ---color-c-dark: var(--color-c-dark, ${r$2(this.darks.c)});
+          ---color-s-dark: var(--color-s-dark, ${r$2(this.darks.s)});
+          ---color-present-dark: var(--color-present-dark, ${r$2(this.darks.present)});
+          ---color-absent-dark: var(--color-absent-dark, ${r$2(this.darks.absent)});
+          ---color-correct-dark: var(--color-correct-dark, ${r$2(this.darks.correct)});
+          ---color-error-dark: var(--color-error-dark, ${r$2(this.darks.error)});
+          ---color-nr-dark: var(--color-nr-dark, ${r$2(this.darks.nr)});
         }
       `];
     }
@@ -12446,20 +12450,20 @@
 
   */
   class SDTMath {
-    static d = (() => ({
+    static d = {
       DEFAULT: 1.0,
       MIN: -6,
       MAX: 6.0,
       STEP: 0.01,
       JUMP: 0.1
-    }))();
-    static c = (() => ({
+    };
+    static c = {
       DEFAULT: 0,
       MIN: -3,
       MAX: 3.0,
       STEP: 0.01,
       JUMP: 0.1
-    }))();
+    };
     static s = {
       DEFAULT: 1.0,
       MIN: 0.8,