@decidables/detectable-elements 0.2.12 → 0.2.14

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.2.14](https://github.com/decidables/decidables/compare/@decidables/detectable-elements@0.2.13...@decidables/detectable-elements@0.2.14) (2025-01-17)
+
+**Note:** Version bump only for package @decidables/detectable-elements
+
+
+
+
+
+## [0.2.13](https://github.com/decidables/decidables/compare/@decidables/detectable-elements@0.2.12...@decidables/detectable-elements@0.2.13) (2024-05-04)
+
+**Note:** Version bump only for package @decidables/detectable-elements
+
+
+
+
+
 ## [0.2.12](https://github.com/decidables/decidables/compare/@decidables/detectable-elements@0.2.11...@decidables/detectable-elements@0.2.12) (2024-01-27)
 
 **Note:** Version bump only for package @decidables/detectable-elements

package/README.md

@@ -1249,9 +1249,10 @@ Used to build specialized examples illustrating the implications of unequal vari
 include controls, ROC space, and a visual rendering of signal detection theory. The SDT model and
 ROC space can be interactive.
 
-**Note:** Unequal variance can be included in other examples, such as `<detectable-example-interactive>` as
-well. This example is for a particular bespoke illustration, and illustrates the highly specialized
-demonstrations that are possible by composing the various elements.
+**Note:** Unequal variance can be included in other examples, such as
+`<detectable-example-interactive>` as well. This example is for a particular bespoke illustration,
+and illustrates the highly specialized demonstrations that are possible by composing the various
+elements.
 
 ##### Slots
 

package/lib/detectableElements.esm.js

@@ -187,15 +187,15 @@ let b$1 = class b extends HTMLElement {
     super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
   }
   _$Ev() {
-    this._$Eg = new Promise(t => this.enableUpdating = t), this._$AL = new Map(), this._$ES(), this.requestUpdate(), this.constructor.l?.forEach(t => t(this));
+    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._$E_ ??= new Set()).add(t), void 0 !== this.renderRoot && this.isConnected && t.hostConnected?.();
+    (this._$EO ??= new Set()).add(t), void 0 !== this.renderRoot && this.isConnected && t.hostConnected?.();
   }
   removeController(t) {
-    this._$E_?.delete(t);
+    this._$EO?.delete(t);
   }
-  _$ES() {
+  _$E_() {
     const t = new Map(),
       s = this.constructor.elementProperties;
     for (const i of s.keys()) this.hasOwnProperty(i) && (t.set(i, this[i]), delete this[i]);
@@ -206,16 +206,16 @@ let b$1 = class b extends HTMLElement {
     return S$1(t, this.constructor.elementStyles), t;
   }
   connectedCallback() {
-    this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(!0), this._$E_?.forEach(t => t.hostConnected?.());
+    this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(!0), this._$EO?.forEach(t => t.hostConnected?.());
   }
   enableUpdating(t) {}
   disconnectedCallback() {
-    this._$E_?.forEach(t => t.hostDisconnected?.());
+    this._$EO?.forEach(t => t.hostDisconnected?.());
   }
   attributeChangedCallback(t, s, i) {
     this._$AK(t, i);
   }
-  _$EO(t, s) {
+  _$EC(t, s) {
     const i = this.constructor.elementProperties.get(t),
       e = this.constructor._$Eu(t, i);
     if (void 0 !== e && !0 === i.reflect) {
@@ -234,20 +234,20 @@ let b$1 = class b extends HTMLElement {
       this._$Em = e, this[e] = r.fromAttribute(s, t.type), this._$Em = null;
     }
   }
-  requestUpdate(t, s, i, e = !1, r) {
+  requestUpdate(t, s, i) {
     if (void 0 !== t) {
-      if (i ??= this.constructor.getPropertyOptions(t), !(i.hasChanged ?? f$1)(e ? r : this[t], s)) return;
-      this.C(t, s, i);
+      if (i ??= this.constructor.getPropertyOptions(t), !(i.hasChanged ?? f$1)(this[t], s)) return;
+      this.P(t, s, i);
     }
-    !1 === this.isUpdatePending && (this._$Eg = this._$EP());
+    !1 === this.isUpdatePending && (this._$ES = this._$ET());
   }
-  C(t, s, i) {
+  P(t, s, i) {
     this._$AL.has(t) || this._$AL.set(t, s), !0 === i.reflect && this._$Em !== t && (this._$Ej ??= new Set()).add(t);
   }
-  async _$EP() {
+  async _$ET() {
     this.isUpdatePending = !0;
     try {
-      await this._$Eg;
+      await this._$ES;
     } catch (t) {
       Promise.reject(t);
     }
@@ -265,35 +265,35 @@ let b$1 = class b extends HTMLElement {
         this._$Ep = void 0;
       }
       const t = this.constructor.elementProperties;
-      if (t.size > 0) for (const [s, i] of t) !0 !== i.wrapped || this._$AL.has(s) || void 0 === this[s] || this.C(s, this[s], i);
+      if (t.size > 0) for (const [s, i] of t) !0 !== i.wrapped || this._$AL.has(s) || void 0 === this[s] || this.P(s, this[s], i);
     }
     let t = !1;
     const s = this._$AL;
     try {
-      t = this.shouldUpdate(s), t ? (this.willUpdate(s), this._$E_?.forEach(t => t.hostUpdate?.()), this.update(s)) : this._$ET();
+      t = this.shouldUpdate(s), t ? (this.willUpdate(s), this._$EO?.forEach(t => t.hostUpdate?.()), this.update(s)) : this._$EU();
     } catch (s) {
-      throw t = !1, this._$ET(), s;
+      throw t = !1, this._$EU(), s;
     }
     t && this._$AE(s);
   }
   willUpdate(t) {}
   _$AE(t) {
-    this._$E_?.forEach(t => t.hostUpdated?.()), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
+    this._$EO?.forEach(t => t.hostUpdated?.()), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
   }
-  _$ET() {
+  _$EU() {
     this._$AL = new Map(), this.isUpdatePending = !1;
   }
   get updateComplete() {
     return this.getUpdateComplete();
   }
   getUpdateComplete() {
-    return this._$Eg;
+    return this._$ES;
   }
   shouldUpdate(t) {
     return !0;
   }
   update(t) {
-    this._$Ej &&= this._$Ej.forEach(t => this._$EO(t, this[t])), this._$ET();
+    this._$Ej &&= this._$Ej.forEach(t => this._$EC(t, this[t])), this._$EU();
   }
   updated(t) {}
   firstUpdated(t) {}
@@ -302,7 +302,7 @@ b$1.elementStyles = [], b$1.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.2");
+}), (a$1.reactiveElementVersions ??= []).push("2.0.4");
 
 /**
  * @license
@@ -315,7 +315,7 @@ const t = globalThis,
     createHTML: t => t
   }) : void 0,
   e = "$lit$",
-  h = `lit$${(Math.random() + "").slice(9)}$`,
+  h = `lit$${Math.random().toFixed(9).slice(2)}$`,
   o$1 = "?" + h,
   n = `<${o$1}>`,
   r$1 = document,
@@ -489,18 +489,18 @@ class M {
     return this._$AB;
   }
   _$AI(t, i = this) {
-    t = N(this, t, i), c(t) ? t === T || null == t || "" === t ? (this._$AH !== T && this._$AR(), this._$AH = T) : t !== this._$AH && t !== w && this._(t) : void 0 !== t._$litType$ ? this.g(t) : void 0 !== t.nodeType ? this.$(t) : u(t) ? this.T(t) : this._(t);
+    t = N(this, t, i), c(t) ? t === T || null == t || "" === t ? (this._$AH !== T && this._$AR(), this._$AH = T) : t !== this._$AH && t !== w && this._(t) : void 0 !== t._$litType$ ? this.$(t) : void 0 !== t.nodeType ? this.T(t) : u(t) ? this.k(t) : this._(t);
   }
-  k(t) {
+  S(t) {
     return this._$AA.parentNode.insertBefore(t, this._$AB);
   }
-  $(t) {
-    this._$AH !== t && (this._$AR(), this._$AH = this.k(t));
+  T(t) {
+    this._$AH !== t && (this._$AR(), this._$AH = this.S(t));
   }
   _(t) {
-    this._$AH !== T && c(this._$AH) ? this._$AA.nextSibling.data = t : this.$(r$1.createTextNode(t)), this._$AH = t;
+    this._$AH !== T && c(this._$AH) ? this._$AA.nextSibling.data = t : this.T(r$1.createTextNode(t)), this._$AH = t;
   }
-  g(t) {
+  $(t) {
     const {
         values: i,
         _$litType$: s
@@ -509,19 +509,19 @@ class M {
     if (this._$AH?._$AD === e) this._$AH.p(i);else {
       const t = new S(e, this),
         s = t.u(this.options);
-      t.p(i), this.$(s), this._$AH = t;
+      t.p(i), this.T(s), this._$AH = t;
     }
   }
   _$AC(t) {
     let i = A.get(t.strings);
     return void 0 === i && A.set(t.strings, i = new V(t)), i;
   }
-  T(t) {
+  k(t) {
     a(this._$AH) || (this._$AH = [], this._$AR());
     const i = this._$AH;
     let s,
       e = 0;
-    for (const h of t) e === i.length ? i.push(s = new M(this.k(l()), this.k(l()), this, this.options)) : s = i[e], s._$AI(h), e++;
+    for (const h of t) e === i.length ? i.push(s = new M(this.S(l()), this.S(l()), this, this.options)) : s = i[e], s._$AI(h), e++;
     e < i.length && (this._$AR(s && s._$AB.nextSibling, e), i.length = e);
   }
   _$AR(t = this._$AA.nextSibling, i) {
@@ -552,9 +552,9 @@ class R {
       let n, r;
       for (t = h[0], n = 0; n < h.length - 1; n++) r = N(this, e[s + n], i, n), r === w && (r = this._$AH[n]), o ||= !c(r) || r !== this._$AH[n], r === T ? t = T : t !== T && (t += (r ?? "") + h[n + 1]), this._$AH[n] = r;
     }
-    o && !e && this.O(t);
+    o && !e && this.j(t);
   }
-  O(t) {
+  j(t) {
     t === T ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
   }
 }
@@ -562,7 +562,7 @@ class k extends R {
   constructor() {
     super(...arguments), this.type = 3;
   }
-  O(t) {
+  j(t) {
     this.element[this.name] = t === T ? void 0 : t;
   }
 }
@@ -570,7 +570,7 @@ class H extends R {
   constructor() {
     super(...arguments), this.type = 4;
   }
-  O(t) {
+  j(t) {
     this.element.toggleAttribute(this.name, !!t && t !== T);
   }
 }
@@ -601,7 +601,7 @@ class L {
   }
 }
 const Z = t.litHtmlPolyfillSupport;
-Z?.(V, M), (t.litHtmlVersions ??= []).push("3.1.0");
+Z?.(V, M), (t.litHtmlVersions ??= []).push("3.1.3");
 const j = (t, i, s) => {
   const e = s?.renderBefore ?? i;
   let h = e._$litPart$;
@@ -648,7 +648,7 @@ const r = globalThis.litElementPolyfillSupport;
 r?.({
   LitElement: s
 });
-(globalThis.litElementVersions ??= []).push("4.0.2");
+(globalThis.litElementVersions ??= []).push("4.0.5");
 
 function ascending$2(a, b) {
   return a == null || b == null ? NaN : a < b ? -1 : a > b ? 1 : a >= b ? 0 : NaN;
@@ -719,19 +719,12 @@ bisector(number$2).center;
 
 function count(values, valueof) {
   let count = 0;
-  if (valueof === undefined) {
+  {
     for (let value of values) {
       if (value != null && (value = +value) >= value) {
         ++count;
       }
     }
-  } else {
-    let index = -1;
-    for (let value of values) {
-      if ((value = valueof(value, ++index, values)) != null && (value = +value) >= value) {
-        ++count;
-      }
-    }
   }
   return count;
 }
@@ -3145,7 +3138,6 @@ function timeout (callback, delay, time) {
 function interval (callback, delay, time) {
   var t = new Timer(),
     total = delay;
-  if (delay == null) return t.restart(callback, delay, time), t;
   t._restart = t.restart;
   t.restart = function (callback, delay, time) {
     delay = +delay, time = time == null ? now() : +time;
@@ -6676,9 +6668,9 @@ class DecidablesSlider extends DecidablesElement {
         <slot></slot>
       </label>
       <div class="range">
-        <input type="range" id="slider" min=${o(this.min)} max=${o(this.max)} step=${o(this.step)} .value=${this.value} @change=${this.changed.bind(this)} @input=${this.inputted.bind(this)}>
+        <input ?disabled=${this.disabled} type="range" id="slider" min=${o(this.min)} max=${o(this.max)} step=${o(this.step)} .value=${this.value} @change=${this.changed.bind(this)} @input=${this.inputted.bind(this)}>
       </div>
-      <decidables-spinner min=${o(this.min)} max=${o(this.max)} step=${o(this.step)} .value=${this.value} @input=${this.inputted.bind(this)}></decidables-spinner>
+      <decidables-spinner ?disabled=${this.disabled} min=${o(this.min)} max=${o(this.max)} step=${o(this.step)} .value=${this.value} @input=${this.inputted.bind(this)}></decidables-spinner>
     `;
   }
 }
@@ -6981,12 +6973,13 @@ class DecidablesSwitch extends DecidablesElement {
           box-shadow: var(---shadow-4);
         }
 
-        /* stylelint-disable-next-line selector-max-compound-selectors */
+        /* stylelint-disable selector-max-compound-selectors */
         :host(.keyboard) input[type=checkbox]:enabled:focus + label + label:active::after,
         :host(.keyboard) input[type=checkbox]:enabled:focus:active + label + label::after {
           box-shadow: var(---shadow-8);
         }
-      `];
+        /* stylelint-enable selector-max-compound-selectors */
+        `];
   }
   render() {
     return x$1`