@decidables/detectable-elements 0.2.3 → 0.2.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/lib/detectableElements.esm.js +465 -772
  3. package/lib/detectableElements.esm.js.map +1 -1
  4. package/lib/detectableElements.esm.min.js +209 -216
  5. package/lib/detectableElements.esm.min.js.map +1 -1
  6. package/lib/detectableElements.umd.js +465 -772
  7. package/lib/detectableElements.umd.js.map +1 -1
  8. package/lib/detectableElements.umd.min.js +209 -216
  9. package/lib/detectableElements.umd.min.js.map +1 -1
  10. package/package.json +7 -7
package/lib/detectableElements.esm.js CHANGED
@@ -3,21 +3,21 @@
3
3
  * Copyright 2019 Google LLC
4
4
  * SPDX-License-Identifier: BSD-3-Clause
5
5
  */
6
- const t$3 = window,
7
- e$5 = t$3.ShadowRoot && (void 0 === t$3.ShadyCSS || t$3.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype,
8
- s$6 = Symbol(),
9
- n$6 = new WeakMap();
10
- let o$6 = class o {
6
+ const t$2 = window,
7
+ e$4 = t$2.ShadowRoot && (void 0 === t$2.ShadyCSS || t$2.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype,
8
+ s$5 = Symbol(),
9
+ n$5 = new WeakMap();
10
+ let o$5 = class o {
11
11
  constructor(t, e, n) {
12
- if (this._$cssResult$ = !0, n !== s$6) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
12
+ if (this._$cssResult$ = !0, n !== s$5) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
13
13
  this.cssText = t, this.t = e;
14
14
  }
15
15
  get styleSheet() {
16
16
  let t = this.o;
17
17
  const s = this.t;
18
- if (e$5 && void 0 === t) {
18
+ if (e$4 && void 0 === t) {
19
19
  const e = void 0 !== s && 1 === s.length;
20
- e && (t = n$6.get(s)), void 0 === t && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), e && n$6.set(s, t));
20
+ e && (t = n$5.get(s)), void 0 === t && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), e && n$5.set(s, t));
21
21
  }
22
22
  return t;
23
23
  }
@@ -25,18 +25,18 @@ let o$6 = class o {
25
25
  return this.cssText;
26
26
  }
27
27
  };
28
- const r$5 = t => new o$6("string" == typeof t ? t : t + "", void 0, s$6),
29
- S$3 = (s, n) => {
30
- e$5 ? s.adoptedStyleSheets = n.map(t => t instanceof CSSStyleSheet ? t : t.styleSheet) : n.forEach(e => {
28
+ const r$4 = t => new o$5("string" == typeof t ? t : t + "", void 0, s$5),
29
+ S$2 = (s, n) => {
30
+ e$4 ? s.adoptedStyleSheets = n.map(t => t instanceof CSSStyleSheet ? t : t.styleSheet) : n.forEach(e => {
31
31
  const n = document.createElement("style"),
32
- o = t$3.litNonce;
32
+ o = t$2.litNonce;
33
33
  void 0 !== o && n.setAttribute("nonce", o), n.textContent = e.cssText, s.appendChild(n);
34
34
  });
35
35
  },
36
- c$2 = e$5 ? t => t : t => t instanceof CSSStyleSheet ? (t => {
36
+ c$1 = e$4 ? t => t : t => t instanceof CSSStyleSheet ? (t => {
37
37
  let e = "";
38
38
  for (const s of t.cssRules) e += s.cssText;
39
- return r$5(e);
39
+ return r$4(e);
40
40
  })(t) : t;
41
41
 
42
42
  /**
@@ -44,16 +44,16 @@ const r$5 = t => new o$6("string" == typeof t ? t : t + "", void 0, s$6),
44
44
  * Copyright 2017 Google LLC
45
45
  * SPDX-License-Identifier: BSD-3-Clause
46
46
  */
47
- var s$5;
48
- const e$4 = window,
49
- r$4 = e$4.trustedTypes,
50
- h$3 = r$4 ? r$4.emptyScript : "",
51
- o$5 = e$4.reactiveElementPolyfillSupport,
52
- n$5 = {
47
+ var s$4;
48
+ const e$3 = window,
49
+ r$3 = e$3.trustedTypes,
50
+ h$2 = r$3 ? r$3.emptyScript : "",
51
+ o$4 = e$3.reactiveElementPolyfillSupport,
52
+ n$4 = {
53
53
  toAttribute(t, i) {
54
54
  switch (i) {
55
55
  case Boolean:
56
- t = t ? h$3 : null;
56
+ t = t ? h$2 : null;
57
57
  break;
58
58
  case Object:
59
59
  case Array:
@@ -81,15 +81,15 @@ const e$4 = window,
81
81
  return s;
82
82
  }
83
83
  },
84
- a$3 = (t, i) => i !== t && (i == i || t == t),
85
- l$5 = {
84
+ a$2 = (t, i) => i !== t && (i == i || t == t),
85
+ l$4 = {
86
86
  attribute: !0,
87
87
  type: String,
88
- converter: n$5,
88
+ converter: n$4,
89
89
  reflect: !1,
90
- hasChanged: a$3
90
+ hasChanged: a$2
91
91
  };
92
- let d$2 = class d extends HTMLElement {
92
+ let d$1 = class d extends HTMLElement {
93
93
  constructor() {
94
94
  super(), this._$Ei = new Map(), this.isUpdatePending = !1, this.hasUpdated = !1, this._$El = null, this.u();
95
95
  }
@@ -105,7 +105,7 @@ let d$2 = class d extends HTMLElement {
105
105
  void 0 !== e && (this._$Ev.set(e, s), t.push(e));
106
106
  }), t;
107
107
  }
108
- static createProperty(t, i = l$5) {
108
+ static createProperty(t, i = l$4) {
109
109
  if (i.state && (i.attribute = !1), this.finalize(), this.elementProperties.set(t, i), !i.noAccessor && !this.prototype.hasOwnProperty(t)) {
110
110
  const s = "symbol" == typeof t ? Symbol() : "__" + t,
111
111
  e = this.getPropertyDescriptor(t, s, i);
@@ -126,7 +126,7 @@ let d$2 = class d extends HTMLElement {
126
126
  };
127
127
  }
128
128
  static getPropertyOptions(t) {
129
- return this.elementProperties.get(t) || l$5;
129
+ return this.elementProperties.get(t) || l$4;
130
130
  }
131
131
  static finalize() {
132
132
  if (this.hasOwnProperty("finalized")) return !1;
@@ -143,8 +143,8 @@ let d$2 = class d extends HTMLElement {
143
143
  const s = [];
144
144
  if (Array.isArray(i)) {
145
145
  const e = new Set(i.flat(1 / 0).reverse());
146
- for (const i of e) s.unshift(c$2(i));
147
- } else void 0 !== i && s.push(c$2(i));
146
+ for (const i of e) s.unshift(c$1(i));
147
+ } else void 0 !== i && s.push(c$1(i));
148
148
  return s;
149
149
  }
150
150
  static _$Ep(t, i) {
@@ -171,7 +171,7 @@ let d$2 = class d extends HTMLElement {
171
171
  createRenderRoot() {
172
172
  var t;
173
173
  const s = null !== (t = this.shadowRoot) && void 0 !== t ? t : this.attachShadow(this.constructor.shadowRootOptions);
174
- return S$3(s, this.constructor.elementStyles), s;
174
+ return S$2(s, this.constructor.elementStyles), s;
175
175
  }
176
176
  connectedCallback() {
177
177
  var t;
@@ -191,11 +191,11 @@ let d$2 = class d extends HTMLElement {
191
191
  attributeChangedCallback(t, i, s) {
192
192
  this._$AK(t, s);
193
193
  }
194
- _$EO(t, i, s = l$5) {
194
+ _$EO(t, i, s = l$4) {
195
195
  var e;
196
196
  const r = this.constructor._$Ep(t, s);
197
197
  if (void 0 !== r && !0 === s.reflect) {
198
- const h = (void 0 !== (null === (e = s.converter) || void 0 === e ? void 0 : e.toAttribute) ? s.converter : n$5).toAttribute(i, s.type);
198
+ const h = (void 0 !== (null === (e = s.converter) || void 0 === e ? void 0 : e.toAttribute) ? s.converter : n$4).toAttribute(i, s.type);
199
199
  this._$El = t, null == h ? this.removeAttribute(r) : this.setAttribute(r, h), this._$El = null;
200
200
  }
201
201
  }
@@ -207,13 +207,13 @@ let d$2 = class d extends HTMLElement {
207
207
  const t = e.getPropertyOptions(r),
208
208
  h = "function" == typeof t.converter ? {
209
209
  fromAttribute: t.converter
210
- } : void 0 !== (null === (s = t.converter) || void 0 === s ? void 0 : s.fromAttribute) ? t.converter : n$5;
210
+ } : void 0 !== (null === (s = t.converter) || void 0 === s ? void 0 : s.fromAttribute) ? t.converter : n$4;
211
211
  this._$El = r, this[r] = h.fromAttribute(i, t.type), this._$El = null;
212
212
  }
213
213
  }
214
214
  requestUpdate(t, i, s) {
215
215
  let e = !0;
216
- void 0 !== t && (((s = s || this.constructor.getPropertyOptions(t)).hasChanged || a$3)(this[t], i) ? (this._$AL.has(t) || this._$AL.set(t, i), !0 === s.reflect && this._$El !== t && (void 0 === this._$EC && (this._$EC = new Map()), this._$EC.set(t, s))) : e = !1), !this.isUpdatePending && e && (this._$E_ = this._$Ej());
216
+ void 0 !== t && (((s = s || this.constructor.getPropertyOptions(t)).hasChanged || a$2)(this[t], i) ? (this._$AL.has(t) || this._$AL.set(t, i), !0 === s.reflect && this._$El !== t && (void 0 === this._$EC && (this._$EC = new Map()), this._$EC.set(t, s))) : e = !1), !this.isUpdatePending && e && (this._$E_ = this._$Ej());
217
217
  }
218
218
  async _$Ej() {
219
219
  this.isUpdatePending = !0;
@@ -270,140 +270,149 @@ let d$2 = class d extends HTMLElement {
270
270
  updated(t) {}
271
271
  firstUpdated(t) {}
272
272
  };
273
- d$2.finalized = !0, d$2.elementProperties = new Map(), d$2.elementStyles = [], d$2.shadowRootOptions = {
273
+ d$1.finalized = !0, d$1.elementProperties = new Map(), d$1.elementStyles = [], d$1.shadowRootOptions = {
274
274
  mode: "open"
275
- }, null == o$5 || o$5({
276
- ReactiveElement: d$2
277
- }), (null !== (s$5 = e$4.reactiveElementVersions) && void 0 !== s$5 ? s$5 : e$4.reactiveElementVersions = []).push("1.5.0");
275
+ }, null == o$4 || o$4({
276
+ ReactiveElement: d$1
277
+ }), (null !== (s$4 = e$3.reactiveElementVersions) && void 0 !== s$4 ? s$4 : e$3.reactiveElementVersions = []).push("1.6.1");
278
278
 
279
279
  /**
280
280
  * @license
281
281
  * Copyright 2017 Google LLC
282
282
  * SPDX-License-Identifier: BSD-3-Clause
283
283
  */
284
- var t$2;
285
- const i$2 = window,
286
- s$4 = i$2.trustedTypes,
287
- e$3 = s$4 ? s$4.createPolicy("lit-html", {
284
+ var t$1;
285
+ const i$1 = window,
286
+ s$3 = i$1.trustedTypes,
287
+ e$2 = s$3 ? s$3.createPolicy("lit-html", {
288
288
  createHTML: t => t
289
289
  }) : void 0,
290
- o$4 = `lit$${(Math.random() + "").slice(9)}$`,
291
- n$4 = "?" + o$4,
292
- l$4 = `<${n$4}>`,
293
- h$2 = document,
294
- r$3 = (t = "") => h$2.createComment(t),
295
- d$1 = t => null === t || "object" != typeof t && "function" != typeof t,
296
- u$1 = Array.isArray,
297
- c$1 = t => u$1(t) || "function" == typeof (null == t ? void 0 : t[Symbol.iterator]),
298
- v$1 = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,
299
- a$2 = /-->/g,
300
- f$1 = />/g,
301
- _$1 = RegExp(">|[ \t\n\f\r](?:([^\\s\"'>=/]+)([ \t\n\f\r]*=[ \t\n\f\r]*(?:[^ \t\n\f\r\"'`<>=]|(\"|')|))|$)", "g"),
302
- m$1 = /'/g,
303
- p$1 = /"/g,
304
- $$1 = /^(?:script|style|textarea|title)$/i,
305
- x$2 = Symbol.for("lit-noChange"),
306
- b$1 = Symbol.for("lit-nothing"),
307
- T$1 = new WeakMap(),
308
- A$1 = h$2.createTreeWalker(h$2, 129, null, !1),
309
- E$1 = (t, i) => {
290
+ o$3 = "$lit$",
291
+ n$3 = `lit$${(Math.random() + "").slice(9)}$`,
292
+ l$3 = "?" + n$3,
293
+ h$1 = `<${l$3}>`,
294
+ r$2 = document,
295
+ d = () => r$2.createComment(""),
296
+ u = t => null === t || "object" != typeof t && "function" != typeof t,
297
+ c = Array.isArray,
298
+ v = t => c(t) || "function" == typeof (null == t ? void 0 : t[Symbol.iterator]),
299
+ a$1 = "[ \t\n\f\r]",
300
+ f = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,
301
+ _ = /-->/g,
302
+ m = />/g,
303
+ p = RegExp(`>|${a$1}(?:([^\\s"'>=/]+)(${a$1}*=${a$1}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`, "g"),
304
+ g = /'/g,
305
+ $ = /"/g,
306
+ y$1 = /^(?:script|style|textarea|title)$/i,
307
+ w = t => (i, ...s) => ({
308
+ _$litType$: t,
309
+ strings: i,
310
+ values: s
311
+ }),
312
+ x$1 = w(1),
313
+ b = w(2),
314
+ T = Symbol.for("lit-noChange"),
315
+ A = Symbol.for("lit-nothing"),
316
+ E = new WeakMap(),
317
+ C = r$2.createTreeWalker(r$2, 129, null, !1),
318
+ P = (t, i) => {
310
319
  const s = t.length - 1,
311
- n = [];
312
- let h,
313
- r = 2 === i ? "<svg>" : "",
314
- d = v$1;
320
+ l = [];
321
+ let r,
322
+ d = 2 === i ? "<svg>" : "",
323
+ u = f;
315
324
  for (let i = 0; i < s; i++) {
316
325
  const s = t[i];
317
326
  let e,
318
- u,
319
- c = -1,
320
- g = 0;
321
- for (; g < s.length && (d.lastIndex = g, u = d.exec(s), null !== u);) g = d.lastIndex, d === v$1 ? "!--" === u[1] ? d = a$2 : void 0 !== u[1] ? d = f$1 : void 0 !== u[2] ? ($$1.test(u[2]) && (h = RegExp("</" + u[2], "g")), d = _$1) : void 0 !== u[3] && (d = _$1) : d === _$1 ? ">" === u[0] ? (d = null != h ? h : v$1, c = -1) : void 0 === u[1] ? c = -2 : (c = d.lastIndex - u[2].length, e = u[1], d = void 0 === u[3] ? _$1 : '"' === u[3] ? p$1 : m$1) : d === p$1 || d === m$1 ? d = _$1 : d === a$2 || d === f$1 ? d = v$1 : (d = _$1, h = void 0);
322
- const y = d === _$1 && t[i + 1].startsWith("/>") ? " " : "";
323
- r += d === v$1 ? s + l$4 : c >= 0 ? (n.push(e), s.slice(0, c) + "$lit$" + s.slice(c) + o$4 + y) : s + o$4 + (-2 === c ? (n.push(void 0), i) : y);
327
+ c,
328
+ v = -1,
329
+ a = 0;
330
+ for (; a < s.length && (u.lastIndex = a, c = u.exec(s), null !== c);) a = u.lastIndex, u === f ? "!--" === c[1] ? u = _ : void 0 !== c[1] ? u = m : void 0 !== c[2] ? (y$1.test(c[2]) && (r = RegExp("</" + c[2], "g")), u = p) : void 0 !== c[3] && (u = p) : u === p ? ">" === c[0] ? (u = null != r ? r : f, v = -1) : void 0 === c[1] ? v = -2 : (v = u.lastIndex - c[2].length, e = c[1], u = void 0 === c[3] ? p : '"' === c[3] ? $ : g) : u === $ || u === g ? u = p : u === _ || u === m ? u = f : (u = p, r = void 0);
331
+ const w = u === p && t[i + 1].startsWith("/>") ? " " : "";
332
+ d += u === f ? s + h$1 : v >= 0 ? (l.push(e), s.slice(0, v) + o$3 + s.slice(v) + n$3 + w) : s + n$3 + (-2 === v ? (l.push(void 0), i) : w);
324
333
  }
325
- const u = r + (t[s] || "<?>") + (2 === i ? "</svg>" : "");
334
+ const c = d + (t[s] || "<?>") + (2 === i ? "</svg>" : "");
326
335
  if (!Array.isArray(t) || !t.hasOwnProperty("raw")) throw Error("invalid template strings array");
327
- return [void 0 !== e$3 ? e$3.createHTML(u) : u, n];
336
+ return [void 0 !== e$2 ? e$2.createHTML(c) : c, l];
328
337
  };
329
- let C$1 = class C {
338
+ class V {
330
339
  constructor({
331
340
  strings: t,
332
341
  _$litType$: i
333
342
  }, e) {
334
- let l;
343
+ let h;
335
344
  this.parts = [];
336
- let h = 0,
337
- d = 0;
338
- const u = t.length - 1,
339
- c = this.parts,
340
- [v, a] = E$1(t, i);
341
- if (this.el = C$1.createElement(v, e), A$1.currentNode = this.el.content, 2 === i) {
345
+ let r = 0,
346
+ u = 0;
347
+ const c = t.length - 1,
348
+ v = this.parts,
349
+ [a, f] = P(t, i);
350
+ if (this.el = V.createElement(a, e), C.currentNode = this.el.content, 2 === i) {
342
351
  const t = this.el.content,
343
352
  i = t.firstChild;
344
353
  i.remove(), t.append(...i.childNodes);
345
354
  }
346
- for (; null !== (l = A$1.nextNode()) && c.length < u;) {
347
- if (1 === l.nodeType) {
348
- if (l.hasAttributes()) {
355
+ for (; null !== (h = C.nextNode()) && v.length < c;) {
356
+ if (1 === h.nodeType) {
357
+ if (h.hasAttributes()) {
349
358
  const t = [];
350
- for (const i of l.getAttributeNames()) if (i.endsWith("$lit$") || i.startsWith(o$4)) {
351
- const s = a[d++];
359
+ for (const i of h.getAttributeNames()) if (i.endsWith(o$3) || i.startsWith(n$3)) {
360
+ const s = f[u++];
352
361
  if (t.push(i), void 0 !== s) {
353
- const t = l.getAttribute(s.toLowerCase() + "$lit$").split(o$4),
362
+ const t = h.getAttribute(s.toLowerCase() + o$3).split(n$3),
354
363
  i = /([.?@])?(.*)/.exec(s);
355
- c.push({
364
+ v.push({
356
365
  type: 1,
357
- index: h,
366
+ index: r,
358
367
  name: i[2],
359
368
  strings: t,
360
- ctor: "." === i[1] ? M$1 : "?" === i[1] ? k$1 : "@" === i[1] ? H$1 : S$2
369
+ ctor: "." === i[1] ? k : "?" === i[1] ? I : "@" === i[1] ? L : R
361
370
  });
362
- } else c.push({
371
+ } else v.push({
363
372
  type: 6,
364
- index: h
373
+ index: r
365
374
  });
366
375
  }
367
- for (const i of t) l.removeAttribute(i);
376
+ for (const i of t) h.removeAttribute(i);
368
377
  }
369
- if ($$1.test(l.tagName)) {
370
- const t = l.textContent.split(o$4),
378
+ if (y$1.test(h.tagName)) {
379
+ const t = h.textContent.split(n$3),
371
380
  i = t.length - 1;
372
381
  if (i > 0) {
373
- l.textContent = s$4 ? s$4.emptyScript : "";
374
- for (let s = 0; s < i; s++) l.append(t[s], r$3()), A$1.nextNode(), c.push({
382
+ h.textContent = s$3 ? s$3.emptyScript : "";
383
+ for (let s = 0; s < i; s++) h.append(t[s], d()), C.nextNode(), v.push({
375
384
  type: 2,
376
- index: ++h
385
+ index: ++r
377
386
  });
378
- l.append(t[i], r$3());
387
+ h.append(t[i], d());
379
388
  }
380
389
  }
381
- } else if (8 === l.nodeType) if (l.data === n$4) c.push({
390
+ } else if (8 === h.nodeType) if (h.data === l$3) v.push({
382
391
  type: 2,
383
- index: h
392
+ index: r
384
393
  });else {
385
394
  let t = -1;
386
- for (; -1 !== (t = l.data.indexOf(o$4, t + 1));) c.push({
395
+ for (; -1 !== (t = h.data.indexOf(n$3, t + 1));) v.push({
387
396
  type: 7,
388
- index: h
389
- }), t += o$4.length - 1;
397
+ index: r
398
+ }), t += n$3.length - 1;
390
399
  }
391
- h++;
400
+ r++;
392
401
  }
393
402
  }
394
403
  static createElement(t, i) {
395
- const s = h$2.createElement("template");
404
+ const s = r$2.createElement("template");
396
405
  return s.innerHTML = t, s;
397
406
  }
398
- };
399
- function P$1(t, i, s = t, e) {
407
+ }
408
+ function N(t, i, s = t, e) {
400
409
  var o, n, l, h;
401
- if (i === x$2) return i;
410
+ if (i === T) return i;
402
411
  let r = void 0 !== e ? null === (o = s._$Co) || void 0 === o ? void 0 : o[e] : s._$Cl;
403
- const u = d$1(i) ? void 0 : i._$litDirective$;
404
- return (null == r ? void 0 : r.constructor) !== u && (null === (n = null == r ? void 0 : r._$AO) || void 0 === n || n.call(r, !1), void 0 === u ? r = void 0 : (r = new u(t), r._$AT(t, s, e)), void 0 !== e ? (null !== (l = (h = s)._$Co) && void 0 !== l ? l : h._$Co = [])[e] = r : s._$Cl = r), void 0 !== r && (i = P$1(t, r._$AS(t, i.values), r, e)), i;
412
+ const d = u(i) ? void 0 : i._$litDirective$;
413
+ return (null == r ? void 0 : r.constructor) !== d && (null === (n = null == r ? void 0 : r._$AO) || void 0 === n || n.call(r, !1), void 0 === d ? r = void 0 : (r = new d(t), r._$AT(t, s, e)), void 0 !== e ? (null !== (l = (h = s)._$Co) && void 0 !== l ? l : h._$Co = [])[e] = r : s._$Cl = r), void 0 !== r && (i = N(t, r._$AS(t, i.values), r, e)), i;
405
414
  }
406
- let V$1 = class V {
415
+ let S$1 = class S {
407
416
  constructor(t, i) {
408
417
  this.u = [], this._$AN = void 0, this._$AD = t, this._$AM = i;
409
418
  }
@@ -421,18 +430,18 @@ let V$1 = class V {
421
430
  },
422
431
  parts: e
423
432
  } = this._$AD,
424
- o = (null !== (i = null == t ? void 0 : t.creationScope) && void 0 !== i ? i : h$2).importNode(s, !0);
425
- A$1.currentNode = o;
426
- let n = A$1.nextNode(),
433
+ o = (null !== (i = null == t ? void 0 : t.creationScope) && void 0 !== i ? i : r$2).importNode(s, !0);
434
+ C.currentNode = o;
435
+ let n = C.nextNode(),
427
436
  l = 0,
428
- r = 0,
437
+ h = 0,
429
438
  d = e[0];
430
439
  for (; void 0 !== d;) {
431
440
  if (l === d.index) {
432
441
  let i;
433
- 2 === d.type ? i = new N$1(n, n.nextSibling, this, t) : 1 === d.type ? i = new d.ctor(n, d.name, d.strings, this, t) : 6 === d.type && (i = new I$1(n, this, t)), this.u.push(i), d = e[++r];
442
+ 2 === d.type ? i = new M(n, n.nextSibling, this, t) : 1 === d.type ? i = new d.ctor(n, d.name, d.strings, this, t) : 6 === d.type && (i = new z(n, this, t)), this.u.push(i), d = e[++h];
434
443
  }
435
- l !== (null == d ? void 0 : d.index) && (n = A$1.nextNode(), l++);
444
+ l !== (null == d ? void 0 : d.index) && (n = C.nextNode(), l++);
436
445
  }
437
446
  return o;
438
447
  }
@@ -441,10 +450,10 @@ let V$1 = class V {
441
450
  for (const s of this.u) void 0 !== s && (void 0 !== s.strings ? (s._$AI(t, s, i), i += s.strings.length - 2) : s._$AI(t[i])), i++;
442
451
  }
443
452
  };
444
- let N$1 = class N {
453
+ class M {
445
454
  constructor(t, i, s, e) {
446
455
  var o;
447
- this.type = 2, this._$AH = b$1, this._$AN = void 0, this._$AA = t, this._$AB = i, this._$AM = s, this.options = e, this._$Cm = null === (o = null == e ? void 0 : e.isConnected) || void 0 === o || o;
456
+ this.type = 2, this._$AH = A, this._$AN = void 0, this._$AA = t, this._$AB = i, this._$AM = s, this.options = e, this._$Cm = null === (o = null == e ? void 0 : e.isConnected) || void 0 === o || o;
448
457
  }
449
458
  get _$AU() {
450
459
  var t, i;
@@ -453,7 +462,7 @@ let N$1 = class N {
453
462
  get parentNode() {
454
463
  let t = this._$AA.parentNode;
455
464
  const i = this._$AM;
456
- return void 0 !== i && 11 === t.nodeType && (t = i.parentNode), t;
465
+ return void 0 !== i && 11 === (null == t ? void 0 : t.nodeType) && (t = i.parentNode), t;
457
466
  }
458
467
  get startNode() {
459
468
  return this._$AA;
@@ -462,16 +471,16 @@ let N$1 = class N {
462
471
  return this._$AB;
463
472
  }
464
473
  _$AI(t, i = this) {
465
- t = P$1(this, t, i), d$1(t) ? t === b$1 || null == t || "" === t ? (this._$AH !== b$1 && this._$AR(), this._$AH = b$1) : t !== this._$AH && t !== x$2 && this.g(t) : void 0 !== t._$litType$ ? this.$(t) : void 0 !== t.nodeType ? this.T(t) : c$1(t) ? this.k(t) : this.g(t);
474
+ t = N(this, t, i), u(t) ? t === A || null == t || "" === t ? (this._$AH !== A && this._$AR(), this._$AH = A) : t !== this._$AH && t !== T && this.g(t) : void 0 !== t._$litType$ ? this.$(t) : void 0 !== t.nodeType ? this.T(t) : v(t) ? this.k(t) : this.g(t);
466
475
  }
467
- O(t, i = this._$AB) {
468
- return this._$AA.parentNode.insertBefore(t, i);
476
+ S(t) {
477
+ return this._$AA.parentNode.insertBefore(t, this._$AB);
469
478
  }
470
479
  T(t) {
471
- this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
480
+ this._$AH !== t && (this._$AR(), this._$AH = this.S(t));
472
481
  }
473
482
  g(t) {
474
- this._$AH !== b$1 && d$1(this._$AH) ? this._$AA.nextSibling.data = t : this.T(h$2.createTextNode(t)), this._$AH = t;
483
+ this._$AH !== A && u(this._$AH) ? this._$AA.nextSibling.data = t : this.T(r$2.createTextNode(t)), this._$AH = t;
475
484
  }
476
485
  $(t) {
477
486
  var i;
@@ -479,23 +488,23 @@ let N$1 = class N {
479
488
  values: s,
480
489
  _$litType$: e
481
490
  } = t,
482
- o = "number" == typeof e ? this._$AC(t) : (void 0 === e.el && (e.el = C$1.createElement(e.h, this.options)), e);
491
+ o = "number" == typeof e ? this._$AC(t) : (void 0 === e.el && (e.el = V.createElement(e.h, this.options)), e);
483
492
  if ((null === (i = this._$AH) || void 0 === i ? void 0 : i._$AD) === o) this._$AH.p(s);else {
484
- const t = new V$1(o, this),
493
+ const t = new S$1(o, this),
485
494
  i = t.v(this.options);
486
495
  t.p(s), this.T(i), this._$AH = t;
487
496
  }
488
497
  }
489
498
  _$AC(t) {
490
- let i = T$1.get(t.strings);
491
- return void 0 === i && T$1.set(t.strings, i = new C$1(t)), i;
499
+ let i = E.get(t.strings);
500
+ return void 0 === i && E.set(t.strings, i = new V(t)), i;
492
501
  }
493
502
  k(t) {
494
- u$1(this._$AH) || (this._$AH = [], this._$AR());
503
+ c(this._$AH) || (this._$AH = [], this._$AR());
495
504
  const i = this._$AH;
496
505
  let s,
497
506
  e = 0;
498
- for (const o of t) e === i.length ? i.push(s = new N$1(this.O(r$3()), this.O(r$3()), this, this.options)) : s = i[e], s._$AI(o), e++;
507
+ for (const o of t) e === i.length ? i.push(s = new M(this.S(d()), this.S(d()), this, this.options)) : s = i[e], s._$AI(o), e++;
499
508
  e < i.length && (this._$AR(s && s._$AB.nextSibling, e), i.length = e);
500
509
  }
501
510
  _$AR(t = this._$AA.nextSibling, i) {
@@ -509,10 +518,10 @@ let N$1 = class N {
509
518
  var i;
510
519
  void 0 === this._$AM && (this._$Cm = t, null === (i = this._$AP) || void 0 === i || i.call(this, t));
511
520
  }
512
- };
513
- let S$2 = class S {
521
+ }
522
+ class R {
514
523
  constructor(t, i, s, e, o) {
515
- this.type = 1, this._$AH = b$1, this._$AN = void 0, this.element = t, this.name = i, this._$AM = e, this.options = o, s.length > 2 || "" !== s[0] || "" !== s[1] ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = b$1;
524
+ this.type = 1, this._$AH = A, this._$AN = void 0, this.element = t, this.name = i, this._$AM = e, this.options = o, s.length > 2 || "" !== s[0] || "" !== s[1] ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = A;
516
525
  }
517
526
  get tagName() {
518
527
  return this.element.tagName;
@@ -523,52 +532,52 @@ let S$2 = class S {
523
532
  _$AI(t, i = this, s, e) {
524
533
  const o = this.strings;
525
534
  let n = !1;
526
- if (void 0 === o) t = P$1(this, t, i, 0), n = !d$1(t) || t !== this._$AH && t !== x$2, n && (this._$AH = t);else {
535
+ if (void 0 === o) t = N(this, t, i, 0), n = !u(t) || t !== this._$AH && t !== T, n && (this._$AH = t);else {
527
536
  const e = t;
528
537
  let l, h;
529
- for (t = o[0], l = 0; l < o.length - 1; l++) h = P$1(this, e[s + l], i, l), h === x$2 && (h = this._$AH[l]), n || (n = !d$1(h) || h !== this._$AH[l]), h === b$1 ? t = b$1 : t !== b$1 && (t += (null != h ? h : "") + o[l + 1]), this._$AH[l] = h;
538
+ for (t = o[0], l = 0; l < o.length - 1; l++) h = N(this, e[s + l], i, l), h === T && (h = this._$AH[l]), n || (n = !u(h) || h !== this._$AH[l]), h === A ? t = A : t !== A && (t += (null != h ? h : "") + o[l + 1]), this._$AH[l] = h;
530
539
  }
531
540
  n && !e && this.j(t);
532
541
  }
533
542
  j(t) {
534
- t === b$1 ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, null != t ? t : "");
543
+ t === A ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, null != t ? t : "");
535
544
  }
536
- };
537
- let M$1 = class M extends S$2 {
545
+ }
546
+ class k extends R {
538
547
  constructor() {
539
548
  super(...arguments), this.type = 3;
540
549
  }
541
550
  j(t) {
542
- this.element[this.name] = t === b$1 ? void 0 : t;
551
+ this.element[this.name] = t === A ? void 0 : t;
543
552
  }
544
- };
545
- const R = s$4 ? s$4.emptyScript : "";
546
- let k$1 = class k extends S$2 {
553
+ }
554
+ const H = s$3 ? s$3.emptyScript : "";
555
+ class I extends R {
547
556
  constructor() {
548
557
  super(...arguments), this.type = 4;
549
558
  }
550
559
  j(t) {
551
- t && t !== b$1 ? this.element.setAttribute(this.name, R) : this.element.removeAttribute(this.name);
560
+ t && t !== A ? this.element.setAttribute(this.name, H) : this.element.removeAttribute(this.name);
552
561
  }
553
- };
554
- let H$1 = class H extends S$2 {
562
+ }
563
+ class L extends R {
555
564
  constructor(t, i, s, e, o) {
556
565
  super(t, i, s, e, o), this.type = 5;
557
566
  }
558
567
  _$AI(t, i = this) {
559
568
  var s;
560
- if ((t = null !== (s = P$1(this, t, i, 0)) && void 0 !== s ? s : b$1) === x$2) return;
569
+ if ((t = null !== (s = N(this, t, i, 0)) && void 0 !== s ? s : A) === T) return;
561
570
  const e = this._$AH,
562
- o = t === b$1 && e !== b$1 || t.capture !== e.capture || t.once !== e.once || t.passive !== e.passive,
563
- n = t !== b$1 && (e === b$1 || o);
571
+ o = t === A && e !== A || t.capture !== e.capture || t.once !== e.once || t.passive !== e.passive,
572
+ n = t !== A && (e === A || o);
564
573
  o && this.element.removeEventListener(this.name, this, e), n && this.element.addEventListener(this.name, this, t), this._$AH = t;
565
574
  }
566
575
  handleEvent(t) {
567
576
  var i, s;
568
577
  "function" == typeof this._$AH ? this._$AH.call(null !== (s = null === (i = this.options) || void 0 === i ? void 0 : i.host) && void 0 !== s ? s : this.element, t) : this._$AH.handleEvent(t);
569
578
  }
570
- };
571
- let I$1 = class I {
579
+ }
580
+ class z {
572
581
  constructor(t, i, s) {
573
582
  this.element = t, this.type = 6, this._$AN = void 0, this._$AM = i, this.options = s;
574
583
  }
@@ -576,53 +585,63 @@ let I$1 = class I {
576
585
  return this._$AM._$AU;
577
586
  }
578
587
  _$AI(t) {
579
- P$1(this, t);
588
+ N(this, t);
580
589
  }
590
+ }
591
+ const j = i$1.litHtmlPolyfillSupport;
592
+ null == j || j(V, M), (null !== (t$1 = i$1.litHtmlVersions) && void 0 !== t$1 ? t$1 : i$1.litHtmlVersions = []).push("2.7.0");
593
+ const B = (t, i, s) => {
594
+ var e, o;
595
+ const n = null !== (e = null == s ? void 0 : s.renderBefore) && void 0 !== e ? e : i;
596
+ let l = n._$litPart$;
597
+ if (void 0 === l) {
598
+ const t = null !== (o = null == s ? void 0 : s.renderBefore) && void 0 !== o ? o : null;
599
+ n._$litPart$ = l = new M(i.insertBefore(d(), t), t, void 0, null != s ? s : {});
600
+ }
601
+ return l._$AI(t), l;
581
602
  };
582
- const z$1 = i$2.litHtmlPolyfillSupport;
583
- null == z$1 || z$1(C$1, N$1), (null !== (t$2 = i$2.litHtmlVersions) && void 0 !== t$2 ? t$2 : i$2.litHtmlVersions = []).push("2.5.0");
584
603
 
585
604
  /**
586
605
  * @license
587
606
  * Copyright 2019 Google LLC
588
607
  * SPDX-License-Identifier: BSD-3-Clause
589
608
  */
590
- const t$1 = window.ShadowRoot && (void 0 === window.ShadyCSS || window.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype,
591
- e$2 = Symbol(),
592
- n$3 = new Map();
593
- let s$3 = class s {
609
+ const t = window.ShadowRoot && (void 0 === window.ShadyCSS || window.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype,
610
+ e$1 = Symbol(),
611
+ n$2 = new Map();
612
+ let s$2 = class s {
594
613
  constructor(t, n) {
595
- if (this._$cssResult$ = !0, n !== e$2) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
614
+ if (this._$cssResult$ = !0, n !== e$1) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
596
615
  this.cssText = t;
597
616
  }
598
617
  get styleSheet() {
599
- let e = n$3.get(this.cssText);
600
- return t$1 && void 0 === e && (n$3.set(this.cssText, e = new CSSStyleSheet()), e.replaceSync(this.cssText)), e;
618
+ let e = n$2.get(this.cssText);
619
+ return t && void 0 === e && (n$2.set(this.cssText, e = new CSSStyleSheet()), e.replaceSync(this.cssText)), e;
601
620
  }
602
621
  toString() {
603
622
  return this.cssText;
604
623
  }
605
624
  };
606
- const o$3 = t => new s$3("string" == typeof t ? t : t + "", e$2),
607
- r$2 = (t, ...n) => {
625
+ const o$2 = t => new s$2("string" == typeof t ? t : t + "", e$1),
626
+ r$1 = (t, ...n) => {
608
627
  const o = 1 === t.length ? t[0] : n.reduce((e, n, s) => e + (t => {
609
628
  if (!0 === t._$cssResult$) return t.cssText;
610
629
  if ("number" == typeof t) return t;
611
630
  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.");
612
631
  })(n) + t[s + 1], t[0]);
613
- return new s$3(o, e$2);
632
+ return new s$2(o, e$1);
614
633
  },
615
- i$1 = (e, n) => {
616
- t$1 ? e.adoptedStyleSheets = n.map(t => t instanceof CSSStyleSheet ? t : t.styleSheet) : n.forEach(t => {
634
+ i = (e, n) => {
635
+ t ? e.adoptedStyleSheets = n.map(t => t instanceof CSSStyleSheet ? t : t.styleSheet) : n.forEach(t => {
617
636
  const n = document.createElement("style"),
618
637
  s = window.litNonce;
619
638
  void 0 !== s && n.setAttribute("nonce", s), n.textContent = t.cssText, e.appendChild(n);
620
639
  });
621
640
  },
622
- S$1 = t$1 ? t => t : t => t instanceof CSSStyleSheet ? (t => {
641
+ S = t ? t => t : t => t instanceof CSSStyleSheet ? (t => {
623
642
  let e = "";
624
643
  for (const n of t.cssRules) e += n.cssText;
625
- return o$3(e);
644
+ return o$2(e);
626
645
  })(t) : t;
627
646
 
628
647
  /**
@@ -630,15 +649,15 @@ const o$3 = t => new s$3("string" == typeof t ? t : t + "", e$2),
630
649
  * Copyright 2017 Google LLC
631
650
  * SPDX-License-Identifier: BSD-3-Clause
632
651
  */
633
- var s$2;
634
- const e$1 = window.trustedTypes,
635
- r$1 = e$1 ? e$1.emptyScript : "",
636
- h$1 = window.reactiveElementPolyfillSupport,
637
- o$2 = {
652
+ var s$1;
653
+ const e = window.trustedTypes,
654
+ r = e ? e.emptyScript : "",
655
+ h = window.reactiveElementPolyfillSupport,
656
+ o$1 = {
638
657
  toAttribute(t, i) {
639
658
  switch (i) {
640
659
  case Boolean:
641
- t = t ? r$1 : null;
660
+ t = t ? r : null;
642
661
  break;
643
662
  case Object:
644
663
  case Array:
@@ -666,15 +685,15 @@ const e$1 = window.trustedTypes,
666
685
  return s;
667
686
  }
668
687
  },
669
- n$2 = (t, i) => i !== t && (i == i || t == t),
670
- l$3 = {
688
+ n$1 = (t, i) => i !== t && (i == i || t == t),
689
+ l$2 = {
671
690
  attribute: !0,
672
691
  type: String,
673
- converter: o$2,
692
+ converter: o$1,
674
693
  reflect: !1,
675
- hasChanged: n$2
694
+ hasChanged: n$1
676
695
  };
677
- let a$1 = class a extends HTMLElement {
696
+ class a extends HTMLElement {
678
697
  constructor() {
679
698
  super(), this._$Et = new Map(), this.isUpdatePending = !1, this.hasUpdated = !1, this._$Ei = null, this.o();
680
699
  }
@@ -690,7 +709,7 @@ let a$1 = class a extends HTMLElement {
690
709
  void 0 !== e && (this._$Eu.set(e, s), t.push(e));
691
710
  }), t;
692
711
  }
693
- static createProperty(t, i = l$3) {
712
+ static createProperty(t, i = l$2) {
694
713
  if (i.state && (i.attribute = !1), this.finalize(), this.elementProperties.set(t, i), !i.noAccessor && !this.prototype.hasOwnProperty(t)) {
695
714
  const s = "symbol" == typeof t ? Symbol() : "__" + t,
696
715
  e = this.getPropertyDescriptor(t, s, i);
@@ -711,7 +730,7 @@ let a$1 = class a extends HTMLElement {
711
730
  };
712
731
  }
713
732
  static getPropertyOptions(t) {
714
- return this.elementProperties.get(t) || l$3;
733
+ return this.elementProperties.get(t) || l$2;
715
734
  }
716
735
  static finalize() {
717
736
  if (this.hasOwnProperty("finalized")) return !1;
@@ -728,8 +747,8 @@ let a$1 = class a extends HTMLElement {
728
747
  const s = [];
729
748
  if (Array.isArray(i)) {
730
749
  const e = new Set(i.flat(1 / 0).reverse());
731
- for (const i of e) s.unshift(S$1(i));
732
- } else void 0 !== i && s.push(S$1(i));
750
+ for (const i of e) s.unshift(S(i));
751
+ } else void 0 !== i && s.push(S(i));
733
752
  return s;
734
753
  }
735
754
  static _$Eh(t, i) {
@@ -756,7 +775,7 @@ let a$1 = class a extends HTMLElement {
756
775
  createRenderRoot() {
757
776
  var t;
758
777
  const s = null !== (t = this.shadowRoot) && void 0 !== t ? t : this.attachShadow(this.constructor.shadowRootOptions);
759
- return i$1(s, this.constructor.elementStyles), s;
778
+ return i(s, this.constructor.elementStyles), s;
760
779
  }
761
780
  connectedCallback() {
762
781
  var t;
@@ -776,11 +795,11 @@ let a$1 = class a extends HTMLElement {
776
795
  attributeChangedCallback(t, i, s) {
777
796
  this._$AK(t, s);
778
797
  }
779
- _$ES(t, i, s = l$3) {
798
+ _$ES(t, i, s = l$2) {
780
799
  var e, r;
781
800
  const h = this.constructor._$Eh(t, s);
782
801
  if (void 0 !== h && !0 === s.reflect) {
783
- const n = (null !== (r = null === (e = s.converter) || void 0 === e ? void 0 : e.toAttribute) && void 0 !== r ? r : o$2.toAttribute)(i, s.type);
802
+ const n = (null !== (r = null === (e = s.converter) || void 0 === e ? void 0 : e.toAttribute) && void 0 !== r ? r : o$1.toAttribute)(i, s.type);
784
803
  this._$Ei = t, null == n ? this.removeAttribute(h) : this.setAttribute(h, n), this._$Ei = null;
785
804
  }
786
805
  }
@@ -791,13 +810,13 @@ let a$1 = class a extends HTMLElement {
791
810
  if (void 0 !== n && this._$Ei !== n) {
792
811
  const t = h.getPropertyOptions(n),
793
812
  l = t.converter,
794
- a = null !== (r = null !== (e = null === (s = l) || void 0 === s ? void 0 : s.fromAttribute) && void 0 !== e ? e : "function" == typeof l ? l : null) && void 0 !== r ? r : o$2.fromAttribute;
813
+ a = null !== (r = null !== (e = null === (s = l) || void 0 === s ? void 0 : s.fromAttribute) && void 0 !== e ? e : "function" == typeof l ? l : null) && void 0 !== r ? r : o$1.fromAttribute;
795
814
  this._$Ei = n, this[n] = a(i, t.type), this._$Ei = null;
796
815
  }
797
816
  }
798
817
  requestUpdate(t, i, s) {
799
818
  let e = !0;
800
- void 0 !== t && (((s = s || this.constructor.getPropertyOptions(t)).hasChanged || n$2)(this[t], i) ? (this._$AL.has(t) || this._$AL.set(t, i), !0 === s.reflect && this._$Ei !== t && (void 0 === this._$EC && (this._$EC = new Map()), this._$EC.set(t, s))) : e = !1), !this.isUpdatePending && e && (this._$Ep = this._$E_());
819
+ void 0 !== t && (((s = s || this.constructor.getPropertyOptions(t)).hasChanged || n$1)(this[t], i) ? (this._$AL.has(t) || this._$AL.set(t, i), !0 === s.reflect && this._$Ei !== t && (void 0 === this._$EC && (this._$EC = new Map()), this._$EC.set(t, s))) : e = !1), !this.isUpdatePending && e && (this._$Ep = this._$E_());
801
820
  }
802
821
  async _$E_() {
803
822
  this.isUpdatePending = !0;
@@ -853,337 +872,12 @@ let a$1 = class a extends HTMLElement {
853
872
  }
854
873
  updated(t) {}
855
874
  firstUpdated(t) {}
856
- };
857
- a$1.finalized = !0, a$1.elementProperties = new Map(), a$1.elementStyles = [], a$1.shadowRootOptions = {
858
- mode: "open"
859
- }, null == h$1 || h$1({
860
- ReactiveElement: a$1
861
- }), (null !== (s$2 = globalThis.reactiveElementVersions) && void 0 !== s$2 ? s$2 : globalThis.reactiveElementVersions = []).push("1.3.1");
862
-
863
- /**
864
- * @license
865
- * Copyright 2017 Google LLC
866
- * SPDX-License-Identifier: BSD-3-Clause
867
- */
868
- var t;
869
- const i = globalThis.trustedTypes,
870
- s$1 = i ? i.createPolicy("lit-html", {
871
- createHTML: t => t
872
- }) : void 0,
873
- e = `lit$${(Math.random() + "").slice(9)}$`,
874
- o$1 = "?" + e,
875
- n$1 = `<${o$1}>`,
876
- l$2 = document,
877
- h = (t = "") => l$2.createComment(t),
878
- r = t => null === t || "object" != typeof t && "function" != typeof t,
879
- d = Array.isArray,
880
- u = t => {
881
- var i;
882
- return d(t) || "function" == typeof (null === (i = t) || void 0 === i ? void 0 : i[Symbol.iterator]);
883
- },
884
- c = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,
885
- v = /-->/g,
886
- a = />/g,
887
- f = />|[ \n \r](?:([^\s"'>=/]+)([ \n \r]*=[ \n \r]*(?:[^ \n \r"'`<>=]|("|')|))|$)/g,
888
- _ = /'/g,
889
- m = /"/g,
890
- g = /^(?:script|style|textarea|title)$/i,
891
- p = t => (i, ...s) => ({
892
- _$litType$: t,
893
- strings: i,
894
- values: s
895
- }),
896
- $ = p(1),
897
- y$1 = p(2),
898
- b = Symbol.for("lit-noChange"),
899
- w = Symbol.for("lit-nothing"),
900
- T = new WeakMap(),
901
- x$1 = (t, i, s) => {
902
- var e, o;
903
- const n = null !== (e = null == s ? void 0 : s.renderBefore) && void 0 !== e ? e : i;
904
- let l = n._$litPart$;
905
- if (void 0 === l) {
906
- const t = null !== (o = null == s ? void 0 : s.renderBefore) && void 0 !== o ? o : null;
907
- n._$litPart$ = l = new N(i.insertBefore(h(), t), t, void 0, null != s ? s : {});
908
- }
909
- return l._$AI(t), l;
910
- },
911
- A = l$2.createTreeWalker(l$2, 129, null, !1),
912
- C = (t, i) => {
913
- const o = t.length - 1,
914
- l = [];
915
- let h,
916
- r = 2 === i ? "<svg>" : "",
917
- d = c;
918
- for (let i = 0; i < o; i++) {
919
- const s = t[i];
920
- let o,
921
- u,
922
- p = -1,
923
- $ = 0;
924
- for (; $ < s.length && (d.lastIndex = $, u = d.exec(s), null !== u);) $ = d.lastIndex, d === c ? "!--" === u[1] ? d = v : void 0 !== u[1] ? d = a : void 0 !== u[2] ? (g.test(u[2]) && (h = RegExp("</" + u[2], "g")), d = f) : void 0 !== u[3] && (d = f) : d === f ? ">" === u[0] ? (d = null != h ? h : c, p = -1) : void 0 === u[1] ? p = -2 : (p = d.lastIndex - u[2].length, o = u[1], d = void 0 === u[3] ? f : '"' === u[3] ? m : _) : d === m || d === _ ? d = f : d === v || d === a ? d = c : (d = f, h = void 0);
925
- const y = d === f && t[i + 1].startsWith("/>") ? " " : "";
926
- r += d === c ? s + n$1 : p >= 0 ? (l.push(o), s.slice(0, p) + "$lit$" + s.slice(p) + e + y) : s + e + (-2 === p ? (l.push(void 0), i) : y);
927
- }
928
- const u = r + (t[o] || "<?>") + (2 === i ? "</svg>" : "");
929
- if (!Array.isArray(t) || !t.hasOwnProperty("raw")) throw Error("invalid template strings array");
930
- return [void 0 !== s$1 ? s$1.createHTML(u) : u, l];
931
- };
932
- class E {
933
- constructor({
934
- strings: t,
935
- _$litType$: s
936
- }, n) {
937
- let l;
938
- this.parts = [];
939
- let r = 0,
940
- d = 0;
941
- const u = t.length - 1,
942
- c = this.parts,
943
- [v, a] = C(t, s);
944
- if (this.el = E.createElement(v, n), A.currentNode = this.el.content, 2 === s) {
945
- const t = this.el.content,
946
- i = t.firstChild;
947
- i.remove(), t.append(...i.childNodes);
948
- }
949
- for (; null !== (l = A.nextNode()) && c.length < u;) {
950
- if (1 === l.nodeType) {
951
- if (l.hasAttributes()) {
952
- const t = [];
953
- for (const i of l.getAttributeNames()) if (i.endsWith("$lit$") || i.startsWith(e)) {
954
- const s = a[d++];
955
- if (t.push(i), void 0 !== s) {
956
- const t = l.getAttribute(s.toLowerCase() + "$lit$").split(e),
957
- i = /([.?@])?(.*)/.exec(s);
958
- c.push({
959
- type: 1,
960
- index: r,
961
- name: i[2],
962
- strings: t,
963
- ctor: "." === i[1] ? M : "?" === i[1] ? H : "@" === i[1] ? I : S
964
- });
965
- } else c.push({
966
- type: 6,
967
- index: r
968
- });
969
- }
970
- for (const i of t) l.removeAttribute(i);
971
- }
972
- if (g.test(l.tagName)) {
973
- const t = l.textContent.split(e),
974
- s = t.length - 1;
975
- if (s > 0) {
976
- l.textContent = i ? i.emptyScript : "";
977
- for (let i = 0; i < s; i++) l.append(t[i], h()), A.nextNode(), c.push({
978
- type: 2,
979
- index: ++r
980
- });
981
- l.append(t[s], h());
982
- }
983
- }
984
- } else if (8 === l.nodeType) if (l.data === o$1) c.push({
985
- type: 2,
986
- index: r
987
- });else {
988
- let t = -1;
989
- for (; -1 !== (t = l.data.indexOf(e, t + 1));) c.push({
990
- type: 7,
991
- index: r
992
- }), t += e.length - 1;
993
- }
994
- r++;
995
- }
996
- }
997
- static createElement(t, i) {
998
- const s = l$2.createElement("template");
999
- return s.innerHTML = t, s;
1000
- }
1001
- }
1002
- function P(t, i, s = t, e) {
1003
- var o, n, l, h;
1004
- if (i === b) return i;
1005
- let d = void 0 !== e ? null === (o = s._$Cl) || void 0 === o ? void 0 : o[e] : s._$Cu;
1006
- const u = r(i) ? void 0 : i._$litDirective$;
1007
- return (null == d ? void 0 : d.constructor) !== u && (null === (n = null == d ? void 0 : d._$AO) || void 0 === n || n.call(d, !1), void 0 === u ? d = void 0 : (d = new u(t), d._$AT(t, s, e)), void 0 !== e ? (null !== (l = (h = s)._$Cl) && void 0 !== l ? l : h._$Cl = [])[e] = d : s._$Cu = d), void 0 !== d && (i = P(t, d._$AS(t, i.values), d, e)), i;
1008
- }
1009
- class V {
1010
- constructor(t, i) {
1011
- this.v = [], this._$AN = void 0, this._$AD = t, this._$AM = i;
1012
- }
1013
- get parentNode() {
1014
- return this._$AM.parentNode;
1015
- }
1016
- get _$AU() {
1017
- return this._$AM._$AU;
1018
- }
1019
- p(t) {
1020
- var i;
1021
- const {
1022
- el: {
1023
- content: s
1024
- },
1025
- parts: e
1026
- } = this._$AD,
1027
- o = (null !== (i = null == t ? void 0 : t.creationScope) && void 0 !== i ? i : l$2).importNode(s, !0);
1028
- A.currentNode = o;
1029
- let n = A.nextNode(),
1030
- h = 0,
1031
- r = 0,
1032
- d = e[0];
1033
- for (; void 0 !== d;) {
1034
- if (h === d.index) {
1035
- let i;
1036
- 2 === d.type ? i = new N(n, n.nextSibling, this, t) : 1 === d.type ? i = new d.ctor(n, d.name, d.strings, this, t) : 6 === d.type && (i = new L(n, this, t)), this.v.push(i), d = e[++r];
1037
- }
1038
- h !== (null == d ? void 0 : d.index) && (n = A.nextNode(), h++);
1039
- }
1040
- return o;
1041
- }
1042
- m(t) {
1043
- let i = 0;
1044
- for (const s of this.v) void 0 !== s && (void 0 !== s.strings ? (s._$AI(t, s, i), i += s.strings.length - 2) : s._$AI(t[i])), i++;
1045
- }
1046
875
  }
1047
- class N {
1048
- constructor(t, i, s, e) {
1049
- var o;
1050
- this.type = 2, this._$AH = w, this._$AN = void 0, this._$AA = t, this._$AB = i, this._$AM = s, this.options = e, this._$Cg = null === (o = null == e ? void 0 : e.isConnected) || void 0 === o || o;
1051
- }
1052
- get _$AU() {
1053
- var t, i;
1054
- return null !== (i = null === (t = this._$AM) || void 0 === t ? void 0 : t._$AU) && void 0 !== i ? i : this._$Cg;
1055
- }
1056
- get parentNode() {
1057
- let t = this._$AA.parentNode;
1058
- const i = this._$AM;
1059
- return void 0 !== i && 11 === t.nodeType && (t = i.parentNode), t;
1060
- }
1061
- get startNode() {
1062
- return this._$AA;
1063
- }
1064
- get endNode() {
1065
- return this._$AB;
1066
- }
1067
- _$AI(t, i = this) {
1068
- t = P(this, t, i), r(t) ? t === w || null == t || "" === t ? (this._$AH !== w && this._$AR(), this._$AH = w) : t !== this._$AH && t !== b && this.$(t) : void 0 !== t._$litType$ ? this.T(t) : void 0 !== t.nodeType ? this.k(t) : u(t) ? this.S(t) : this.$(t);
1069
- }
1070
- A(t, i = this._$AB) {
1071
- return this._$AA.parentNode.insertBefore(t, i);
1072
- }
1073
- k(t) {
1074
- this._$AH !== t && (this._$AR(), this._$AH = this.A(t));
1075
- }
1076
- $(t) {
1077
- this._$AH !== w && r(this._$AH) ? this._$AA.nextSibling.data = t : this.k(l$2.createTextNode(t)), this._$AH = t;
1078
- }
1079
- T(t) {
1080
- var i;
1081
- const {
1082
- values: s,
1083
- _$litType$: e
1084
- } = t,
1085
- o = "number" == typeof e ? this._$AC(t) : (void 0 === e.el && (e.el = E.createElement(e.h, this.options)), e);
1086
- if ((null === (i = this._$AH) || void 0 === i ? void 0 : i._$AD) === o) this._$AH.m(s);else {
1087
- const t = new V(o, this),
1088
- i = t.p(this.options);
1089
- t.m(s), this.k(i), this._$AH = t;
1090
- }
1091
- }
1092
- _$AC(t) {
1093
- let i = T.get(t.strings);
1094
- return void 0 === i && T.set(t.strings, i = new E(t)), i;
1095
- }
1096
- S(t) {
1097
- d(this._$AH) || (this._$AH = [], this._$AR());
1098
- const i = this._$AH;
1099
- let s,
1100
- e = 0;
1101
- for (const o of t) e === i.length ? i.push(s = new N(this.A(h()), this.A(h()), this, this.options)) : s = i[e], s._$AI(o), e++;
1102
- e < i.length && (this._$AR(s && s._$AB.nextSibling, e), i.length = e);
1103
- }
1104
- _$AR(t = this._$AA.nextSibling, i) {
1105
- var s;
1106
- for (null === (s = this._$AP) || void 0 === s || s.call(this, !1, !0, i); t && t !== this._$AB;) {
1107
- const i = t.nextSibling;
1108
- t.remove(), t = i;
1109
- }
1110
- }
1111
- setConnected(t) {
1112
- var i;
1113
- void 0 === this._$AM && (this._$Cg = t, null === (i = this._$AP) || void 0 === i || i.call(this, t));
1114
- }
1115
- }
1116
- class S {
1117
- constructor(t, i, s, e, o) {
1118
- this.type = 1, this._$AH = w, this._$AN = void 0, this.element = t, this.name = i, this._$AM = e, this.options = o, s.length > 2 || "" !== s[0] || "" !== s[1] ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = w;
1119
- }
1120
- get tagName() {
1121
- return this.element.tagName;
1122
- }
1123
- get _$AU() {
1124
- return this._$AM._$AU;
1125
- }
1126
- _$AI(t, i = this, s, e) {
1127
- const o = this.strings;
1128
- let n = !1;
1129
- if (void 0 === o) t = P(this, t, i, 0), n = !r(t) || t !== this._$AH && t !== b, n && (this._$AH = t);else {
1130
- const e = t;
1131
- let l, h;
1132
- for (t = o[0], l = 0; l < o.length - 1; l++) h = P(this, e[s + l], i, l), h === b && (h = this._$AH[l]), n || (n = !r(h) || h !== this._$AH[l]), h === w ? t = w : t !== w && (t += (null != h ? h : "") + o[l + 1]), this._$AH[l] = h;
1133
- }
1134
- n && !e && this.C(t);
1135
- }
1136
- C(t) {
1137
- t === w ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, null != t ? t : "");
1138
- }
1139
- }
1140
- class M extends S {
1141
- constructor() {
1142
- super(...arguments), this.type = 3;
1143
- }
1144
- C(t) {
1145
- this.element[this.name] = t === w ? void 0 : t;
1146
- }
1147
- }
1148
- const k = i ? i.emptyScript : "";
1149
- class H extends S {
1150
- constructor() {
1151
- super(...arguments), this.type = 4;
1152
- }
1153
- C(t) {
1154
- t && t !== w ? this.element.setAttribute(this.name, k) : this.element.removeAttribute(this.name);
1155
- }
1156
- }
1157
- class I extends S {
1158
- constructor(t, i, s, e, o) {
1159
- super(t, i, s, e, o), this.type = 5;
1160
- }
1161
- _$AI(t, i = this) {
1162
- var s;
1163
- if ((t = null !== (s = P(this, t, i, 0)) && void 0 !== s ? s : w) === b) return;
1164
- const e = this._$AH,
1165
- o = t === w && e !== w || t.capture !== e.capture || t.once !== e.once || t.passive !== e.passive,
1166
- n = t !== w && (e === w || o);
1167
- o && this.element.removeEventListener(this.name, this, e), n && this.element.addEventListener(this.name, this, t), this._$AH = t;
1168
- }
1169
- handleEvent(t) {
1170
- var i, s;
1171
- "function" == typeof this._$AH ? this._$AH.call(null !== (s = null === (i = this.options) || void 0 === i ? void 0 : i.host) && void 0 !== s ? s : this.element, t) : this._$AH.handleEvent(t);
1172
- }
1173
- }
1174
- class L {
1175
- constructor(t, i, s) {
1176
- this.element = t, this.type = 6, this._$AN = void 0, this._$AM = i, this.options = s;
1177
- }
1178
- get _$AU() {
1179
- return this._$AM._$AU;
1180
- }
1181
- _$AI(t) {
1182
- P(this, t);
1183
- }
1184
- }
1185
- const z = window.litHtmlPolyfillSupport;
1186
- null == z || z(E, N), (null !== (t = globalThis.litHtmlVersions) && void 0 !== t ? t : globalThis.litHtmlVersions = []).push("2.2.1");
876
+ a.finalized = !0, a.elementProperties = new Map(), a.elementStyles = [], a.shadowRootOptions = {
877
+ mode: "open"
878
+ }, null == h || h({
879
+ ReactiveElement: a
880
+ }), (null !== (s$1 = globalThis.reactiveElementVersions) && void 0 !== s$1 ? s$1 : globalThis.reactiveElementVersions = []).push("1.3.1");
1187
881
 
1188
882
  /**
1189
883
  * @license
@@ -1191,11 +885,11 @@ null == z || z(E, N), (null !== (t = globalThis.litHtmlVersions) && void 0 !== t
1191
885
  * SPDX-License-Identifier: BSD-3-Clause
1192
886
  */
1193
887
  var l$1, o;
1194
- class s extends a$1 {
888
+ class s extends a {
1195
889
  constructor() {
1196
890
  super(...arguments), this.renderOptions = {
1197
891
  host: this
1198
- }, this._$Dt = void 0;
892
+ }, this._$Do = void 0;
1199
893
  }
1200
894
  createRenderRoot() {
1201
895
  var t, e;
@@ -1204,18 +898,18 @@ class s extends a$1 {
1204
898
  }
1205
899
  update(t) {
1206
900
  const i = this.render();
1207
- this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Dt = x$1(i, this.renderRoot, this.renderOptions);
901
+ this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = B(i, this.renderRoot, this.renderOptions);
1208
902
  }
1209
903
  connectedCallback() {
1210
904
  var t;
1211
- super.connectedCallback(), null === (t = this._$Dt) || void 0 === t || t.setConnected(!0);
905
+ super.connectedCallback(), null === (t = this._$Do) || void 0 === t || t.setConnected(!0);
1212
906
  }
1213
907
  disconnectedCallback() {
1214
908
  var t;
1215
- super.disconnectedCallback(), null === (t = this._$Dt) || void 0 === t || t.setConnected(!1);
909
+ super.disconnectedCallback(), null === (t = this._$Do) || void 0 === t || t.setConnected(!1);
1216
910
  }
1217
911
  render() {
1218
- return b;
912
+ return T;
1219
913
  }
1220
914
  }
1221
915
  s.finalized = !0, s._$litElement$ = !0, null === (l$1 = globalThis.litElementHydrateSupport) || void 0 === l$1 || l$1.call(globalThis, {
@@ -1225,7 +919,7 @@ const n = globalThis.litElementPolyfillSupport;
1225
919
  null == n || n({
1226
920
  LitElement: s
1227
921
  });
1228
- (null !== (o = globalThis.litElementVersions) && void 0 !== o ? o : globalThis.litElementVersions = []).push("3.2.0");
922
+ (null !== (o = globalThis.litElementVersions) && void 0 !== o ? o : globalThis.litElementVersions = []).push("3.3.0");
1229
923
 
1230
924
  function ascending$2(a, b) {
1231
925
  return a == null || b == null ? NaN : a < b ? -1 : a > b ? 1 : a >= b ? 0 : NaN;
@@ -6469,7 +6163,6 @@ Transform.prototype = {
6469
6163
  return "translate(" + this.x + "," + this.y + ") scale(" + this.k + ")";
6470
6164
  }
6471
6165
  };
6472
- new Transform(1, 0, 0);
6473
6166
  Transform.prototype;
6474
6167
 
6475
6168
  /*
@@ -6647,7 +6340,7 @@ class DecidablesElement extends s {
6647
6340
  const shadows = DecidablesElement.shadows; /* eslint-disable-line prefer-destructuring */
6648
6341
 
6649
6342
  const filters = shadows.elevations.map(z => {
6650
- return y$1`
6343
+ return b`
6651
6344
  <filter id=${`shadow-${z}`} x="-250%" y="-250%" width="600%" height="600%">
6652
6345
  <feComponentTransfer in="SourceAlpha" result="solid">
6653
6346
  <feFuncA type="table" tableValues="0 1 1"/>
@@ -6655,9 +6348,9 @@ class DecidablesElement extends s {
6655
6348
  <feOffset in="solid" result="offU" dx=${shadows.mapUmbra[z].y / 2} dy=${shadows.mapUmbra[z].y} />
6656
6349
  <feOffset in="solid" result="offP" dx=${shadows.mapPenumbra[z].y / 2} dy=${shadows.mapPenumbra[z].y} />
6657
6350
  <feOffset in="solid" result="offA" dx=${shadows.mapAmbient[z].y / 2} dy=${shadows.mapAmbient[z].y} />
6658
- ${shadows.mapUmbra[z].s === 0 ? y$1`` : y$1`<feMorphology in="offU" result="spreadU" operator=${shadows.mapUmbra[z].s > 0 ? 'dilate' : 'erode'} radius=${Math.abs(shadows.mapUmbra[z].s)} />`}
6659
- ${shadows.mapPenumbra[z].s === 0 ? y$1`` : y$1`<feMorphology in="offP" result="spreadP" operator=${shadows.mapPenumbra[z].s > 0 ? 'dilate' : 'erode'} radius=${Math.abs(shadows.mapPenumbra[z].s)} />`}
6660
- ${shadows.mapAmbient[z].s === 0 ? y$1`` : y$1`<feMorphology in="offA" result="spreadA" operator=${shadows.mapAmbient[z].s > 0 ? 'dilate' : 'erode'} radius=${Math.abs(shadows.mapAmbient[z].s)} />`}
6351
+ ${shadows.mapUmbra[z].s === 0 ? b`` : b`<feMorphology in="offU" result="spreadU" operator=${shadows.mapUmbra[z].s > 0 ? 'dilate' : 'erode'} radius=${Math.abs(shadows.mapUmbra[z].s)} />`}
6352
+ ${shadows.mapPenumbra[z].s === 0 ? b`` : b`<feMorphology in="offP" result="spreadP" operator=${shadows.mapPenumbra[z].s > 0 ? 'dilate' : 'erode'} radius=${Math.abs(shadows.mapPenumbra[z].s)} />`}
6353
+ ${shadows.mapAmbient[z].s === 0 ? b`` : b`<feMorphology in="offA" result="spreadA" operator=${shadows.mapAmbient[z].s > 0 ? 'dilate' : 'erode'} radius=${Math.abs(shadows.mapAmbient[z].s)} />`}
6661
6354
  <feGaussianBlur in=${shadows.mapUmbra[z].s === 0 ? 'offU' : 'spreadU'} result="blurU" stdDeviation=${shadows.mapUmbra[z].b / 2} />
6662
6355
  <feGaussianBlur in=${shadows.mapPenumbra[z].s === 0 ? 'offP' : 'spreadP'} result="blurP" stdDeviation=${shadows.mapPenumbra[z].b / 2} />
6663
6356
  <feGaussianBlur in=${shadows.mapAmbient[z].s === 0 ? 'offA' : 'spreadA'} result="blurA" stdDeviation=${shadows.mapAmbient[z].b / 2} />
@@ -6679,7 +6372,7 @@ class DecidablesElement extends s {
6679
6372
  </feMerge>
6680
6373
  </filter>`;
6681
6374
  });
6682
- return y$1`
6375
+ return b`
6683
6376
  <svg class="defs">
6684
6377
  <defs>
6685
6378
  ${filters}
@@ -6688,24 +6381,24 @@ class DecidablesElement extends s {
6688
6381
  `;
6689
6382
  }
6690
6383
  static get styles() {
6691
- return r$2`
6384
+ return r$1`
6692
6385
  :host {
6693
- ---shadow-0: var(--shadow-0, ${o$3(this.cssBoxShadow(0))});
6694
- ---shadow-2: var(--shadow-2, ${o$3(this.cssBoxShadow(2))});
6695
- ---shadow-4: var(--shadow-4, ${o$3(this.cssBoxShadow(4))});
6696
- ---shadow-8: var(--shadow-8, ${o$3(this.cssBoxShadow(8))});
6697
-
6698
- ---color-background: var(--color-background, ${o$3(this.greys.white)});
6699
- ---color-border: var(--color-border, ${o$3(this.greys.light75)});
6700
- ---color-text: var(--color-text, ${o$3(this.greys.dark75)});
6701
- ---color-text-inverse: var(--color-text-inverse, ${o$3(this.greys.white)});
6702
- ---color-link: var(--color-link, ${o$3(this.greys.dark25)});
6703
- ---color-element-background: var(--color-element-background, ${o$3(this.greys.light75)});
6704
- ---color-element-disabled: var(--color-element-disabled, ${o$3(this.greys.light50)});
6705
- ---color-element-enabled: var(--color-element-enabled, ${o$3(this.greys.dark25)});
6706
- ---color-element-selected: var(--color-element-selected, ${o$3(this.greys.grey)});
6707
- ---color-element-border: var(--color-element-border, ${o$3(this.greys.dark50)});
6708
- ---color-element-emphasis: var(--color-element-emphasis, ${o$3(this.greys.dark75)});
6386
+ ---shadow-0: var(--shadow-0, ${o$2(this.cssBoxShadow(0))});
6387
+ ---shadow-2: var(--shadow-2, ${o$2(this.cssBoxShadow(2))});
6388
+ ---shadow-4: var(--shadow-4, ${o$2(this.cssBoxShadow(4))});
6389
+ ---shadow-8: var(--shadow-8, ${o$2(this.cssBoxShadow(8))});
6390
+
6391
+ ---color-background: var(--color-background, ${o$2(this.greys.white)});
6392
+ ---color-border: var(--color-border, ${o$2(this.greys.light75)});
6393
+ ---color-text: var(--color-text, ${o$2(this.greys.dark75)});
6394
+ ---color-text-inverse: var(--color-text-inverse, ${o$2(this.greys.white)});
6395
+ ---color-link: var(--color-link, ${o$2(this.greys.dark25)});
6396
+ ---color-element-background: var(--color-element-background, ${o$2(this.greys.light75)});
6397
+ ---color-element-disabled: var(--color-element-disabled, ${o$2(this.greys.light50)});
6398
+ ---color-element-enabled: var(--color-element-enabled, ${o$2(this.greys.dark25)});
6399
+ ---color-element-selected: var(--color-element-selected, ${o$2(this.greys.grey)});
6400
+ ---color-element-border: var(--color-element-border, ${o$2(this.greys.dark50)});
6401
+ ---color-element-emphasis: var(--color-element-emphasis, ${o$2(this.greys.dark75)});
6709
6402
 
6710
6403
  ---font-family-base: var(--font-family-base, "Source Sans", sans-serif);
6711
6404
  ---font-family-math: var(--font-family-math, "Source Serif", serif);
@@ -6766,7 +6459,7 @@ class DecidablesButton extends DecidablesElement {
6766
6459
  this.disabled = false;
6767
6460
  }
6768
6461
  static get styles() {
6769
- return [super.styles, r$2`
6462
+ return [super.styles, r$1`
6770
6463
  :host {
6771
6464
  margin: 0.25rem;
6772
6465
  }
@@ -6822,7 +6515,7 @@ class DecidablesButton extends DecidablesElement {
6822
6515
  `];
6823
6516
  }
6824
6517
  render() {
6825
- return $`
6518
+ return x$1`
6826
6519
  <button ?disabled=${this.disabled}>
6827
6520
  <slot></slot>
6828
6521
  </button>
@@ -6836,7 +6529,7 @@ customElements.define('decidables-button', DecidablesButton);
6836
6529
  * Copyright 2018 Google LLC
6837
6530
  * SPDX-License-Identifier: BSD-3-Clause
6838
6531
  */
6839
- const l = l => null != l ? l : b$1;
6532
+ const l = l => null != l ? l : A;
6840
6533
 
6841
6534
  class DecidablesSlider extends DecidablesElement {
6842
6535
  static get properties() {
@@ -6891,11 +6584,11 @@ class DecidablesSlider extends DecidablesElement {
6891
6584
  this.value = event.target.value;
6892
6585
  }
6893
6586
  static get styles() {
6894
- return [super.styles, r$2`
6587
+ return [super.styles, r$1`
6895
6588
  :host {
6896
- ---shadow-2-rotate: var(--shadow-2-rotate, ${o$3(this.cssBoxShadow(2, true, false))});
6897
- ---shadow-4-rotate: var(--shadow-4-rotate, ${o$3(this.cssBoxShadow(4, true, false))});
6898
- ---shadow-8-rotate: var(--shadow-8-rotate, ${o$3(this.cssBoxShadow(8, true, false))});
6589
+ ---shadow-2-rotate: var(--shadow-2-rotate, ${o$2(this.cssBoxShadow(2, true, false))});
6590
+ ---shadow-4-rotate: var(--shadow-4-rotate, ${o$2(this.cssBoxShadow(4, true, false))});
6591
+ ---shadow-8-rotate: var(--shadow-8-rotate, ${o$2(this.cssBoxShadow(8, true, false))});
6899
6592
 
6900
6593
  display: flex;
6901
6594
 
@@ -7144,7 +6837,7 @@ class DecidablesSlider extends DecidablesElement {
7144
6837
  `];
7145
6838
  }
7146
6839
  render() {
7147
- return $`
6840
+ return x$1`
7148
6841
  <label for="slider">
7149
6842
  <slot></slot>
7150
6843
  </label>
@@ -7201,7 +6894,7 @@ class DecidablesSpinner extends DecidablesElement {
7201
6894
  this.value = event.target.value;
7202
6895
  }
7203
6896
  static get styles() {
7204
- return [super.styles, r$2`
6897
+ return [super.styles, r$1`
7205
6898
  :host {
7206
6899
  ---decidables-spinner-font-size: var(--decidables-spinner-font-size, 1.125rem);
7207
6900
  ---decidables-spinner-input-width: var(--decidables-spinner-input-width, 4rem);
@@ -7283,7 +6976,7 @@ class DecidablesSpinner extends DecidablesElement {
7283
6976
  `];
7284
6977
  }
7285
6978
  render() {
7286
- return $`
6979
+ return x$1`
7287
6980
  <label>
7288
6981
  <slot></slot>
7289
6982
  <input ?disabled=${this.disabled} type="number" min=${l(this.min)} max=${l(this.max)} step=${l(this.step)} .value=${this.value} @input=${this.inputted.bind(this)}>
@@ -7325,7 +7018,7 @@ class DecidablesSwitch extends DecidablesElement {
7325
7018
  }));
7326
7019
  }
7327
7020
  static get styles() {
7328
- return [super.styles, r$2`
7021
+ return [super.styles, r$1`
7329
7022
  :host {
7330
7023
  display: flex;
7331
7024
 
@@ -7447,7 +7140,7 @@ class DecidablesSwitch extends DecidablesElement {
7447
7140
  `];
7448
7141
  }
7449
7142
  render() {
7450
- return $`
7143
+ return x$1`
7451
7144
  <input type="checkbox" id="switch" ?checked=${this.checked} ?disabled=${this.disabled} @change=${this.changed.bind(this)}>
7452
7145
  <label for="switch">
7453
7146
  <slot name="off-label"></slot>
@@ -7477,7 +7170,7 @@ class DecidablesToggle extends DecidablesElement {
7477
7170
  this.disabled = false;
7478
7171
  }
7479
7172
  static get styles() {
7480
- return [super.styles, r$2`
7173
+ return [super.styles, r$1`
7481
7174
  fieldset {
7482
7175
  display: flex;
7483
7176
 
@@ -7497,7 +7190,7 @@ class DecidablesToggle extends DecidablesElement {
7497
7190
  `];
7498
7191
  }
7499
7192
  render() {
7500
- return $`
7193
+ return x$1`
7501
7194
  <fieldset ?disabled=${this.disabled}>
7502
7195
  <legend><slot name="label"></slot></legend>
7503
7196
  <slot></slot>
@@ -7552,7 +7245,7 @@ class DecidablesToggleOption extends DecidablesElement {
7552
7245
  }));
7553
7246
  }
7554
7247
  static get styles() {
7555
- return [super.styles, r$2`
7248
+ return [super.styles, r$1`
7556
7249
  :host {
7557
7250
  display: flex;
7558
7251
  }
@@ -7648,7 +7341,7 @@ class DecidablesToggleOption extends DecidablesElement {
7648
7341
  `];
7649
7342
  }
7650
7343
  render() {
7651
- return $`
7344
+ return x$1`
7652
7345
  <input type="radio" id="toggle-option" name=${this.name} value=${this.value} .checked=${this.checked} @change=${this.changed.bind(this)}>
7653
7346
  <label for="toggle-option">
7654
7347
  <slot></slot>
@@ -7738,55 +7431,55 @@ class DetectableElement extends DecidablesElement {
7738
7431
  }, {});
7739
7432
  }
7740
7433
  static get styles() {
7741
- return [super.styles, r$2`
7434
+ return [super.styles, r$1`
7742
7435
  :host {
7743
- ---color-h: var(--color-h, ${o$3(this.colors.h)});
7744
- ---color-m: var(--color-m, ${o$3(this.colors.m)});
7745
- ---color-fa: var(--color-fa, ${o$3(this.colors.fa)});
7746
- ---color-cr: var(--color-cr, ${o$3(this.colors.cr)});
7747
- ---color-hr: var(--color-hr, ${o$3(this.colors.hr)});
7748
- ---color-far: var(--color-far, ${o$3(this.colors.far)});
7749
- ---color-acc: var(--color-acc, ${o$3(this.colors.acc)});
7750
- ---color-d: var(--color-d, ${o$3(this.colors.d)});
7751
- ---color-c: var(--color-c, ${o$3(this.colors.c)});
7752
- ---color-s: var(--color-s, ${o$3(this.colors.s)});
7753
- ---color-present: var(--color-present, ${o$3(this.colors.present)});
7754
- ---color-absent: var(--color-absent, ${o$3(this.colors.absent)});
7755
- ---color-correct: var(--color-correct, ${o$3(this.colors.correct)});
7756
- ---color-error: var(--color-error, ${o$3(this.colors.error)});
7757
- ---color-nr: var(--color-nr, ${o$3(this.colors.nr)});
7758
-
7759
- ---color-h-light: var(--color-h-light, ${o$3(this.lights.h)});
7760
- ---color-m-light: var(--color-m-light, ${o$3(this.lights.m)});
7761
- ---color-fa-light: var(--color-fa-light, ${o$3(this.lights.fa)});
7762
- ---color-cr-light: var(--color-cr-light, ${o$3(this.lights.cr)});
7763
- ---color-hr-light: var(--color-hr-light, ${o$3(this.lights.hr)});
7764
- ---color-far-light: var(--color-far-light, ${o$3(this.lights.far)});
7765
- ---color-acc-light: var(--color-acc-light, ${o$3(this.lights.acc)});
7766
- ---color-d-light: var(--color-d-light, ${o$3(this.lights.d)});
7767
- ---color-c-light: var(--color-c-light, ${o$3(this.lights.c)});
7768
- ---color-s-light: var(--color-s-light, ${o$3(this.lights.s)});
7769
- ---color-present-light: var(--color-present-light, ${o$3(this.lights.present)});
7770
- ---color-absent-light: var(--color-absent-light, ${o$3(this.lights.absent)});
7771
- ---color-correct-light: var(--color-correct-light, ${o$3(this.lights.correct)});
7772
- ---color-error-light: var(--color-error-light, ${o$3(this.lights.error)});
7773
- ---color-nr-light: var(--color-nr-light, ${o$3(this.lights.nr)});
7774
-
7775
- ---color-h-dark: var(--color-h-dark, ${o$3(this.darks.h)});
7776
- ---color-m-dark: var(--color-m-dark, ${o$3(this.darks.m)});
7777
- ---color-fa-dark: var(--color-fa-dark, ${o$3(this.darks.fa)});
7778
- ---color-cr-dark: var(--color-cr-dark, ${o$3(this.darks.cr)});
7779
- ---color-hr-dark: var(--color-hr-dark, ${o$3(this.darks.hr)});
7780
- ---color-far-dark: var(--color-far-dark, ${o$3(this.darks.far)});
7781
- ---color-acc-dark: var(--color-acc-dark, ${o$3(this.darks.acc)});
7782
- ---color-d-dark: var(--color-d-dark, ${o$3(this.darks.d)});
7783
- ---color-c-dark: var(--color-c-dark, ${o$3(this.darks.c)});
7784
- ---color-s-dark: var(--color-s-dark, ${o$3(this.darks.s)});
7785
- ---color-present-dark: var(--color-present-dark, ${o$3(this.darks.present)});
7786
- ---color-absent-dark: var(--color-absent-dark, ${o$3(this.darks.absent)});
7787
- ---color-correct-dark: var(--color-correct-dark, ${o$3(this.darks.correct)});
7788
- ---color-error-dark: var(--color-error-dark, ${o$3(this.darks.error)});
7789
- ---color-nr-dark: var(--color-nr-dark, ${o$3(this.darks.nr)});
7436
+ ---color-h: var(--color-h, ${o$2(this.colors.h)});
7437
+ ---color-m: var(--color-m, ${o$2(this.colors.m)});
7438
+ ---color-fa: var(--color-fa, ${o$2(this.colors.fa)});
7439
+ ---color-cr: var(--color-cr, ${o$2(this.colors.cr)});
7440
+ ---color-hr: var(--color-hr, ${o$2(this.colors.hr)});
7441
+ ---color-far: var(--color-far, ${o$2(this.colors.far)});
7442
+ ---color-acc: var(--color-acc, ${o$2(this.colors.acc)});
7443
+ ---color-d: var(--color-d, ${o$2(this.colors.d)});
7444
+ ---color-c: var(--color-c, ${o$2(this.colors.c)});
7445
+ ---color-s: var(--color-s, ${o$2(this.colors.s)});
7446
+ ---color-present: var(--color-present, ${o$2(this.colors.present)});
7447
+ ---color-absent: var(--color-absent, ${o$2(this.colors.absent)});
7448
+ ---color-correct: var(--color-correct, ${o$2(this.colors.correct)});
7449
+ ---color-error: var(--color-error, ${o$2(this.colors.error)});
7450
+ ---color-nr: var(--color-nr, ${o$2(this.colors.nr)});
7451
+
7452
+ ---color-h-light: var(--color-h-light, ${o$2(this.lights.h)});
7453
+ ---color-m-light: var(--color-m-light, ${o$2(this.lights.m)});
7454
+ ---color-fa-light: var(--color-fa-light, ${o$2(this.lights.fa)});
7455
+ ---color-cr-light: var(--color-cr-light, ${o$2(this.lights.cr)});
7456
+ ---color-hr-light: var(--color-hr-light, ${o$2(this.lights.hr)});
7457
+ ---color-far-light: var(--color-far-light, ${o$2(this.lights.far)});
7458
+ ---color-acc-light: var(--color-acc-light, ${o$2(this.lights.acc)});
7459
+ ---color-d-light: var(--color-d-light, ${o$2(this.lights.d)});
7460
+ ---color-c-light: var(--color-c-light, ${o$2(this.lights.c)});
7461
+ ---color-s-light: var(--color-s-light, ${o$2(this.lights.s)});
7462
+ ---color-present-light: var(--color-present-light, ${o$2(this.lights.present)});
7463
+ ---color-absent-light: var(--color-absent-light, ${o$2(this.lights.absent)});
7464
+ ---color-correct-light: var(--color-correct-light, ${o$2(this.lights.correct)});
7465
+ ---color-error-light: var(--color-error-light, ${o$2(this.lights.error)});
7466
+ ---color-nr-light: var(--color-nr-light, ${o$2(this.lights.nr)});
7467
+
7468
+ ---color-h-dark: var(--color-h-dark, ${o$2(this.darks.h)});
7469
+ ---color-m-dark: var(--color-m-dark, ${o$2(this.darks.m)});
7470
+ ---color-fa-dark: var(--color-fa-dark, ${o$2(this.darks.fa)});
7471
+ ---color-cr-dark: var(--color-cr-dark, ${o$2(this.darks.cr)});
7472
+ ---color-hr-dark: var(--color-hr-dark, ${o$2(this.darks.hr)});
7473
+ ---color-far-dark: var(--color-far-dark, ${o$2(this.darks.far)});
7474
+ ---color-acc-dark: var(--color-acc-dark, ${o$2(this.darks.acc)});
7475
+ ---color-d-dark: var(--color-d-dark, ${o$2(this.darks.d)});
7476
+ ---color-c-dark: var(--color-c-dark, ${o$2(this.darks.c)});
7477
+ ---color-s-dark: var(--color-s-dark, ${o$2(this.darks.s)});
7478
+ ---color-present-dark: var(--color-present-dark, ${o$2(this.darks.present)});
7479
+ ---color-absent-dark: var(--color-absent-dark, ${o$2(this.darks.absent)});
7480
+ ---color-correct-dark: var(--color-correct-dark, ${o$2(this.darks.correct)});
7481
+ ---color-error-dark: var(--color-error-dark, ${o$2(this.darks.error)});
7482
+ ---color-nr-dark: var(--color-nr-dark, ${o$2(this.darks.nr)});
7790
7483
  }
7791
7484
  `];
7792
7485
  }
@@ -7922,7 +7615,7 @@ class RDKTask extends DetectableElement {
7922
7615
  }
7923
7616
 
7924
7617
  static get styles() {
7925
- return [super.styles, r$2`
7618
+ return [super.styles, r$1`
7926
7619
  :host {
7927
7620
  display: inline-block;
7928
7621
 
@@ -7971,7 +7664,7 @@ class RDKTask extends DetectableElement {
7971
7664
  }
7972
7665
  render() {
7973
7666
  /* eslint-disable-line class-methods-use-this */
7974
- return $``;
7667
+ return x$1``;
7975
7668
  }
7976
7669
  getDimensions() {
7977
7670
  this.width = parseFloat(this.getComputedStyleValue('width'), 10);
@@ -12972,7 +12665,7 @@ class ROCSpace extends DetectableElement {
12972
12665
  this.requestUpdate();
12973
12666
  }
12974
12667
  static get styles() {
12975
- return [super.styles, r$2`
12668
+ return [super.styles, r$1`
12976
12669
  :host {
12977
12670
  display: inline-block;
12978
12671
 
@@ -13108,7 +12801,7 @@ class ROCSpace extends DetectableElement {
13108
12801
  }
13109
12802
  render() {
13110
12803
  /* eslint-disable-line class-methods-use-this */
13111
- return $`
12804
+ return x$1`
13112
12805
  ${DetectableElement.svgFilters}
13113
12806
  `;
13114
12807
  }
@@ -13809,7 +13502,7 @@ class DetectableControl extends DetectableElement {
13809
13502
  this.state = 'ended';
13810
13503
  }
13811
13504
  static get styles() {
13812
- return [super.styles, r$2`
13505
+ return [super.styles, r$1`
13813
13506
  :host {
13814
13507
  display: inline-block;
13815
13508
  }
@@ -13839,13 +13532,13 @@ class DetectableControl extends DetectableElement {
13839
13532
  `];
13840
13533
  }
13841
13534
  render() {
13842
- return $`
13535
+ return x$1`
13843
13536
  <div class="holder">
13844
- ${this.trials ? $`<decidables-slider min="1" max="100" step="1" .value=${this.trials} @change=${this.setTrials.bind(this)} @input=${this.setTrials.bind(this)}>Trials</decidables-slider>` : $``}
13845
- ${this.duration ? $`<decidables-slider min="10" max="2000" step="10" .value=${this.duration} @change=${this.setDuration.bind(this)} @input=${this.setDuration.bind(this)}>Duration</decidables-slider>` : $``}
13846
- ${this.coherence ? $`<decidables-slider min="0" max="1" step=".01" .value=${this.coherence} @change=${this.setCoherence.bind(this)} @input=${this.setCoherence.bind(this)}>Coherence</decidables-slider>` : $``}
13847
- ${this.payoff ? $`<decidables-slider class="payoff" min="0" max="100" step="1" .value=${this.payoff} @change=${this.setPayoff.bind(this)} @input=${this.setPayoff.bind(this)}>Payoff</decidables-slider>` : $``}
13848
- ${this.color !== undefined ? $`
13537
+ ${this.trials ? x$1`<decidables-slider min="1" max="100" step="1" .value=${this.trials} @change=${this.setTrials.bind(this)} @input=${this.setTrials.bind(this)}>Trials</decidables-slider>` : x$1``}
13538
+ ${this.duration ? x$1`<decidables-slider min="10" max="2000" step="10" .value=${this.duration} @change=${this.setDuration.bind(this)} @input=${this.setDuration.bind(this)}>Duration</decidables-slider>` : x$1``}
13539
+ ${this.coherence ? x$1`<decidables-slider min="0" max="1" step=".01" .value=${this.coherence} @change=${this.setCoherence.bind(this)} @input=${this.setCoherence.bind(this)}>Coherence</decidables-slider>` : x$1``}
13540
+ ${this.payoff ? x$1`<decidables-slider class="payoff" min="0" max="100" step="1" .value=${this.payoff} @change=${this.setPayoff.bind(this)} @input=${this.setPayoff.bind(this)}>Payoff</decidables-slider>` : x$1``}
13541
+ ${this.color !== undefined ? x$1`
13849
13542
  <decidables-toggle @change=${this.chooseColor.bind(this)}>
13850
13543
  <span slot="label">Emphasis</span>
13851
13544
  <decidables-toggle-option name="toggle" value="none" ?checked=${this.color === 'none'}>None</decidables-toggle-option>
@@ -13855,20 +13548,20 @@ class DetectableControl extends DetectableElement {
13855
13548
  <decidables-toggle-option name="toggle" value="outcome" ?checked=${this.color === 'outcome'}>Outcome</decidables-toggle-option>
13856
13549
  <decidables-toggle-option name="toggle" value="all" ?checked=${this.color === 'all'}>All</decidables-toggle-option>
13857
13550
  </decidables-toggle>
13858
- ` : $``}
13859
- ${this.zRoc !== undefined ? $`
13551
+ ` : x$1``}
13552
+ ${this.zRoc !== undefined ? x$1`
13860
13553
  <decidables-switch ?checked=${this.zRoc} @change=${this.flipZRoc.bind(this)}>
13861
13554
  <span class="math-var">z</span>ROC
13862
13555
  <span slot="off-label">ROC</span>
13863
13556
  </decidables-switch>
13864
- ` : $``}
13865
- ${this.run || this.pause || this.reset ? $`
13557
+ ` : x$1``}
13558
+ ${this.run || this.pause || this.reset ? x$1`
13866
13559
  <div class="buttons">
13867
- ${this.run ? $`<decidables-button name="run" ?disabled=${this.state === 'running' || this.state === 'ended'} @click=${this.doRun.bind(this)}>Run</decidables-button>` : $``}
13868
- ${this.pause ? $`<decidables-button name="pause" ?disabled=${this.state !== 'running'} @click=${this.doPause.bind(this)}>Pause</decidables-button>` : $``}
13869
- ${this.reset ? $`<decidables-button name="reset" ?disabled=${this.state === 'resetted'} @click=${this.doReset.bind(this)}>Reset</decidables-button>` : $``}
13560
+ ${this.run ? x$1`<decidables-button name="run" ?disabled=${this.state === 'running' || this.state === 'ended'} @click=${this.doRun.bind(this)}>Run</decidables-button>` : x$1``}
13561
+ ${this.pause ? x$1`<decidables-button name="pause" ?disabled=${this.state !== 'running'} @click=${this.doPause.bind(this)}>Pause</decidables-button>` : x$1``}
13562
+ ${this.reset ? x$1`<decidables-button name="reset" ?disabled=${this.state === 'resetted'} @click=${this.doReset.bind(this)}>Reset</decidables-button>` : x$1``}
13870
13563
  </div>
13871
- ` : $``}
13564
+ ` : x$1``}
13872
13565
  </div>`;
13873
13566
  }
13874
13567
  }
@@ -14079,7 +13772,7 @@ class SDTModel extends DetectableElement {
14079
13772
  }
14080
13773
  }
14081
13774
  static get styles() {
14082
- return [super.styles, r$2`
13775
+ return [super.styles, r$1`
14083
13776
  :host {
14084
13777
  display: inline-block;
14085
13778
 
@@ -14325,7 +14018,7 @@ class SDTModel extends DetectableElement {
14325
14018
  }
14326
14019
  render() {
14327
14020
  /* eslint-disable-line class-methods-use-this */
14328
- return $`
14021
+ return x$1`
14329
14022
  ${DetectableElement.svgFilters}
14330
14023
  `;
14331
14024
  }
@@ -15439,7 +15132,7 @@ class DetectableResponse extends DetectableElement {
15439
15132
  this.e = 0;
15440
15133
  }
15441
15134
  static get styles() {
15442
- return [super.styles, r$2`
15135
+ return [super.styles, r$1`
15443
15136
  :host {
15444
15137
  display: inline-block;
15445
15138
  }
@@ -15581,28 +15274,28 @@ class DetectableResponse extends DetectableElement {
15581
15274
  return string + part;
15582
15275
  });
15583
15276
  };
15584
- return $`
15277
+ return x$1`
15585
15278
  <div class="holder">
15586
15279
  <div class="responses">
15587
15280
  <decidables-button name="present" class=${this.state === 'feedback' && this.response === 'present' ? 'selected' : this.state === 'waiting' ? 'waiting' : ''} ?disabled=${this.state !== 'waiting' || this.interactive !== true} @click=${this.present.bind(this)}>Present</decidables-button>
15588
15281
  <decidables-button name="absent" class=${this.state === 'feedback' && this.response === 'absent' ? 'selected' : this.state === 'waiting' ? 'waiting' : ''} ?disabled=${this.state !== 'waiting' || this.interactive !== true} @click=${this.absent.bind(this)}>Absent</decidables-button>
15589
15282
  </div>
15590
- ${this.trial || this.feedback !== 'none' || this.payoff === 'total' ? $`
15283
+ ${this.trial || this.feedback !== 'none' || this.payoff === 'total' ? x$1`
15591
15284
  <div class="feedbacks">
15592
- ${this.trial ? $`
15285
+ ${this.trial ? x$1`
15593
15286
  <div class="trial">
15594
15287
  <span class="label">Trial: </span><span class="count">${this.trialCount}</span><span class="of"> of </span><span class="total">${this.trialTotal}</span>
15595
- </div>` : $``}
15596
- ${this.feedback !== 'none' ? $`
15288
+ </div>` : x$1``}
15289
+ ${this.feedback !== 'none' ? x$1`
15597
15290
  <div class=${`feedback ${this.state === 'feedback' ? this.feedback === 'outcome' ? this.outcome : this.accuracy : ''}`}>
15598
- ${this.state === 'feedback' ? this.feedback === 'outcome' ? this.outcome === 'h' ? $`<span class="outcome">Hit</span>` : this.outcome === 'm' ? $`<span class="outcome">Miss</span>` : this.outcome === 'fa' ? $`<span class="outcome">False<br>Alarm</span>` : this.outcome === 'cr' ? $`<span class="outcome">Correct<br>Rejection</span>` : $`<span class="outcome">No<br>Response</span>` : this.accuracy === 'c' ? $`<span class="outcome">Correct</span>` : this.accuracy === 'e' ? $`<span class="outcome">Error</span>` : $`<span class="outcome">No<br>Response</span>` : ''}
15599
- ${this.state === 'feedback' && (this.payoff === 'trial' || this.payoff === 'total') ? $`<span class="payoff">${payoffFormat(this.trialPayoff)}</span>` : $``}
15600
- </div>` : $``}
15601
- ${this.payoff === 'total' ? $`
15291
+ ${this.state === 'feedback' ? this.feedback === 'outcome' ? this.outcome === 'h' ? x$1`<span class="outcome">Hit</span>` : this.outcome === 'm' ? x$1`<span class="outcome">Miss</span>` : this.outcome === 'fa' ? x$1`<span class="outcome">False<br>Alarm</span>` : this.outcome === 'cr' ? x$1`<span class="outcome">Correct<br>Rejection</span>` : x$1`<span class="outcome">No<br>Response</span>` : this.accuracy === 'c' ? x$1`<span class="outcome">Correct</span>` : this.accuracy === 'e' ? x$1`<span class="outcome">Error</span>` : x$1`<span class="outcome">No<br>Response</span>` : ''}
15292
+ ${this.state === 'feedback' && (this.payoff === 'trial' || this.payoff === 'total') ? x$1`<span class="payoff">${payoffFormat(this.trialPayoff)}</span>` : x$1``}
15293
+ </div>` : x$1``}
15294
+ ${this.payoff === 'total' ? x$1`
15602
15295
  <div class="total">
15603
15296
  <span class="label">Total: </span><span class="value">${payoffFormat(this.totalPayoff)}</span>
15604
- </div>` : $``}
15605
- </div>` : $``}
15297
+ </div>` : x$1``}
15298
+ </div>` : x$1``}
15606
15299
  </div>`;
15607
15300
  }
15608
15301
  }
@@ -15833,7 +15526,7 @@ class DetectableTable extends DetectableElement {
15833
15526
  this.sendEvent();
15834
15527
  }
15835
15528
  static get styles() {
15836
- return [super.styles, r$2`
15529
+ return [super.styles, r$1`
15837
15530
  :host {
15838
15531
  display: inline-block;
15839
15532
  }
@@ -16049,71 +15742,71 @@ class DetectableTable extends DetectableElement {
16049
15742
  let ppv;
16050
15743
  let fomr;
16051
15744
  if (this.numeric) {
16052
- h = $`
15745
+ h = x$1`
16053
15746
  <decidables-spinner ?disabled=${!this.interactive} min="0" .value="${this.h}" @input=${this.hInput.bind(this)}>
16054
15747
  <span>Hits</span>
16055
- ${this.payoff ? $`<span class="payoff">${payoffFormat(this.hPayoff)}</span>` : $``}
15748
+ ${this.payoff ? x$1`<span class="payoff">${payoffFormat(this.hPayoff)}</span>` : x$1``}
16056
15749
  </decidables-spinner>
16057
15750
  `;
16058
- m = $`
15751
+ m = x$1`
16059
15752
  <decidables-spinner ?disabled=${!this.interactive} min="0" .value="${this.m}" @input=${this.mInput.bind(this)}>
16060
15753
  <span>Misses</span>
16061
- ${this.payoff ? $`<span class="payoff">${payoffFormat(this.mPayoff)}</span>` : $``}
15754
+ ${this.payoff ? x$1`<span class="payoff">${payoffFormat(this.mPayoff)}</span>` : x$1``}
16062
15755
  </decidables-spinner>
16063
15756
  `;
16064
- fa = $`
15757
+ fa = x$1`
16065
15758
  <decidables-spinner ?disabled=${!this.interactive} min="0" .value="${this.fa}" @input=${this.faInput.bind(this)}>
16066
15759
  <span>False Alarms</span>
16067
- ${this.payoff ? $`<span class="payoff">${payoffFormat(this.faPayoff)}</span>` : $``}
15760
+ ${this.payoff ? x$1`<span class="payoff">${payoffFormat(this.faPayoff)}</span>` : x$1``}
16068
15761
  </decidables-spinner>
16069
15762
  `;
16070
- cr = $`
15763
+ cr = x$1`
16071
15764
  <decidables-spinner ?disabled=${!this.interactive} min="0" .value="${this.cr}" @input=${this.crInput.bind(this)}>
16072
15765
  <span>Correct Rejections</span>
16073
- ${this.payoff ? $`<span class="payoff">${payoffFormat(this.crPayoff)}</span>` : $``}
15766
+ ${this.payoff ? x$1`<span class="payoff">${payoffFormat(this.crPayoff)}</span>` : x$1``}
16074
15767
  </decidables-spinner>
16075
15768
  `;
16076
- hr = $`
15769
+ hr = x$1`
16077
15770
  <decidables-spinner ?disabled=${!this.interactive} min="0" max="1" step=".001" .value="${+this.hr.toFixed(3)}" @input=${this.hrInput.bind(this)}>
16078
15771
  <span>Hit Rate</span>
16079
15772
  </decidables-spinner>
16080
15773
  `;
16081
- far = $`
15774
+ far = x$1`
16082
15775
  <decidables-spinner ?disabled=${!this.interactive} min="0" max="1" step=".001" .value="${+this.far.toFixed(3)}" @input=${this.farInput.bind(this)}>
16083
15776
  <span>False Alarm Rate</span>
16084
15777
  </decidables-spinner>
16085
15778
  `;
16086
- acc = $`
15779
+ acc = x$1`
16087
15780
  <decidables-spinner ?disabled=${!this.interactive} min="0" max="1" step=".001" .value="${+this.acc.toFixed(3)}" @input=${this.accInput.bind(this)}>
16088
15781
  <span>Accuracy</span>
16089
15782
  </decidables-spinner>
16090
15783
  `;
16091
- ppv = $`
15784
+ ppv = x$1`
16092
15785
  <decidables-spinner ?disabled=${!this.interactive} min="0" max="1" step=".001" .value="${+this.ppv.toFixed(3)}" @input=${this.ppvInput.bind(this)}>
16093
15786
  <span>Positive Predictive Value</span>
16094
15787
  </decidables-spinner>
16095
15788
  `;
16096
- fomr = $`
15789
+ fomr = x$1`
16097
15790
  <decidables-spinner ?disabled=${!this.interactive} min="0" max="1" step=".001" .value="${+this.fomr.toFixed(3)}" @input=${this.fomrInput.bind(this)}>
16098
15791
  <span>False Omission Rate</span>
16099
15792
  </decidables-spinner>
16100
15793
  `;
16101
15794
  } else {
16102
- h = $`<span>Hits</span>
16103
- ${this.payoff ? $`<span class="payoff">${payoffFormat(this.hPayoff)}</span>` : $``}`;
16104
- m = $`<span>Misses</span>
16105
- ${this.payoff ? $`<span class="payoff">${payoffFormat(this.mPayoff)}</span>` : $``}`;
16106
- fa = $`<span>False Alarms</span>
16107
- ${this.payoff ? $`<span class="payoff">${payoffFormat(this.faPayoff)}</span>` : $``}`;
16108
- cr = $`<span>Correct Rejections</span>
16109
- ${this.payoff ? $`<span class="payoff">${payoffFormat(this.crPayoff)}</span>` : $``}`;
16110
- hr = $`<span>Hit Rate</span>`;
16111
- far = $`<span>False Alarm Rate</span>`;
16112
- acc = $`<span>Accuracy</span>`;
16113
- ppv = $`<span>Positive Predictive Value</span>`;
16114
- fomr = $`<span>False Omission Rate</span>`;
15795
+ h = x$1`<span>Hits</span>
15796
+ ${this.payoff ? x$1`<span class="payoff">${payoffFormat(this.hPayoff)}</span>` : x$1``}`;
15797
+ m = x$1`<span>Misses</span>
15798
+ ${this.payoff ? x$1`<span class="payoff">${payoffFormat(this.mPayoff)}</span>` : x$1``}`;
15799
+ fa = x$1`<span>False Alarms</span>
15800
+ ${this.payoff ? x$1`<span class="payoff">${payoffFormat(this.faPayoff)}</span>` : x$1``}`;
15801
+ cr = x$1`<span>Correct Rejections</span>
15802
+ ${this.payoff ? x$1`<span class="payoff">${payoffFormat(this.crPayoff)}</span>` : x$1``}`;
15803
+ hr = x$1`<span>Hit Rate</span>`;
15804
+ far = x$1`<span>False Alarm Rate</span>`;
15805
+ acc = x$1`<span>Accuracy</span>`;
15806
+ ppv = x$1`<span>Positive Predictive Value</span>`;
15807
+ fomr = x$1`<span>False Omission Rate</span>`;
16115
15808
  }
16116
- return $`
15809
+ return x$1`
16117
15810
  <table class=${this.numeric ? 'numeric' : ''}>
16118
15811
  <thead>
16119
15812
  <tr>
@@ -16145,10 +15838,10 @@ class DetectableTable extends DetectableElement {
16145
15838
  <td class="td td-data m">
16146
15839
  ${m}
16147
15840
  </td>
16148
- ${this.summary.has('stimulusRates') ? $`
15841
+ ${this.summary.has('stimulusRates') ? x$1`
16149
15842
  <td class="td td-summary hr">
16150
15843
  ${hr}
16151
- </td>` : $``}
15844
+ </td>` : x$1``}
16152
15845
  </tr>
16153
15846
  <tr>
16154
15847
  <th class="th th-sub th-left" scope="row">
@@ -16160,27 +15853,27 @@ class DetectableTable extends DetectableElement {
16160
15853
  <td class="td td-data cr">
16161
15854
  ${cr}
16162
15855
  </td>
16163
- ${this.summary.has('stimulusRates') ? $`
15856
+ ${this.summary.has('stimulusRates') ? x$1`
16164
15857
  <td class="td td-summary far">
16165
15858
  ${far}
16166
- </td>` : $``}
15859
+ </td>` : x$1``}
16167
15860
  </tr>
16168
- ${this.summary.has('responseRates') || this.summary.has('accuracy') ? $`
15861
+ ${this.summary.has('responseRates') || this.summary.has('accuracy') ? x$1`
16169
15862
  <tr>
16170
15863
  <td colspan="2"></td>
16171
- ${this.summary.has('responseRates') ? $`
15864
+ ${this.summary.has('responseRates') ? x$1`
16172
15865
  <td class="td td-summary ppv">
16173
15866
  ${ppv}
16174
15867
  </td>
16175
15868
  <td class="td td-summary fomr">
16176
15869
  ${fomr}
16177
- </td>` : $`
15870
+ </td>` : x$1`
16178
15871
  <td colspan="2"></td>`}
16179
- ${this.summary.has('accuracy') ? $`
15872
+ ${this.summary.has('accuracy') ? x$1`
16180
15873
  <td class="td td-summary acc" rowspan="2">
16181
15874
  ${acc}
16182
- </td>` : $``}
16183
- </tr>` : $``}
15875
+ </td>` : x$1``}
15876
+ </tr>` : x$1``}
16184
15877
  </tbody>
16185
15878
  </table>`;
16186
15879
  }
@@ -16206,7 +15899,7 @@ class SDTEquation extends DetectableElement {
16206
15899
  this.numeric = false;
16207
15900
  }
16208
15901
  static get styles() {
16209
- return [super.styles, r$2`
15902
+ return [super.styles, r$1`
16210
15903
  :host {
16211
15904
  display: block;
16212
15905
 
@@ -16415,35 +16108,35 @@ class SDTEquationDC2Far extends SDTEquation {
16415
16108
  let s;
16416
16109
  let far;
16417
16110
  if (this.numeric) {
16418
- d = $`
16111
+ d = x$1`
16419
16112
  <decidables-spinner class="d bottom" ?disabled=${!this.interactive} step=".001" .value="${this.d}" @input=${this.dInput.bind(this)}>
16420
16113
  <var class="math-var">d′</var>
16421
16114
  </decidables-spinner>
16422
16115
  `;
16423
- c = $`
16116
+ c = x$1`
16424
16117
  <decidables-spinner class="c bottom" ?disabled=${!this.interactive} step=".001" .value="${this.c}" @input=${this.cInput.bind(this)}>
16425
16118
  <var class="math-var">c</var>
16426
16119
  </decidables-spinner>
16427
16120
  `;
16428
- s = $`
16121
+ s = x$1`
16429
16122
  <decidables-spinner class="s bottom" ?disabled=${!this.interactive} min="0" step=".001" .value="${this.s}" @input=${this.sInput.bind(this)}>
16430
16123
  <var class="math-var">σ</var>
16431
16124
  </decidables-spinner>
16432
16125
  `;
16433
- far = $`
16126
+ far = x$1`
16434
16127
  <decidables-spinner class="far bottom" disabled min="0" max="1" step=".001" .value="${+this.far.toFixed(3)}">
16435
16128
  <var>False Alarm Rate</var>
16436
16129
  </decidables-spinner>
16437
16130
  `;
16438
16131
  } else {
16439
- d = $`<var class="math-var d">d′</var>`;
16440
- c = $`<var class="math-var c">c</var>`;
16441
- s = $`<var class="math-var s">σ</var>`;
16442
- far = $`<var class="far">False Alarm Rate</var>`;
16132
+ d = x$1`<var class="math-var d">d′</var>`;
16133
+ c = x$1`<var class="math-var c">c</var>`;
16134
+ s = x$1`<var class="math-var s">σ</var>`;
16135
+ far = x$1`<var class="far">False Alarm Rate</var>`;
16443
16136
  }
16444
16137
  let equation;
16445
16138
  if (this.unequal) {
16446
- equation = $`
16139
+ equation = x$1`
16447
16140
  <tr>
16448
16141
  <td rowspan="2">
16449
16142
  ${far}<span class="equals">=</span><var class="math-greek phi tight">Φ</var><span class="paren tight">(</span><span class="bracket tight">[</span>
@@ -16470,7 +16163,7 @@ class SDTEquationDC2Far extends SDTEquation {
16470
16163
  </td>
16471
16164
  </tr>`;
16472
16165
  } else {
16473
- equation = $`
16166
+ equation = x$1`
16474
16167
  <tr>
16475
16168
  <td rowspan="2">
16476
16169
  ${far}<span class="equals">=</span><var class="math-greek phi tight">Φ</var><span class="paren tight">(</span><span class="minus tight">−</span>
@@ -16488,7 +16181,7 @@ class SDTEquationDC2Far extends SDTEquation {
16488
16181
  </td>
16489
16182
  </tr>`;
16490
16183
  }
16491
- return $`
16184
+ return x$1`
16492
16185
  <div class="holder">
16493
16186
  <table class="equation">
16494
16187
  <tbody>
@@ -16581,35 +16274,35 @@ class SDTEquationDC2Hr extends SDTEquation {
16581
16274
  let s;
16582
16275
  let hr;
16583
16276
  if (this.numeric) {
16584
- d = $`
16277
+ d = x$1`
16585
16278
  <decidables-spinner class="d bottom" ?disabled=${!this.interactive} step=".001" .value="${this.d}" @input=${this.dInput.bind(this)}>
16586
16279
  <var class="math-var">d′</var>
16587
16280
  </decidables-spinner>
16588
16281
  `;
16589
- c = $`
16282
+ c = x$1`
16590
16283
  <decidables-spinner class="c bottom" ?disabled=${!this.interactive} step=".001" .value="${this.c}" @input=${this.cInput.bind(this)}>
16591
16284
  <var class="math-var">c</var>
16592
16285
  </decidables-spinner>
16593
16286
  `;
16594
- s = $`
16287
+ s = x$1`
16595
16288
  <decidables-spinner class="s bottom" ?disabled=${!this.interactive} min="0" step=".001" .value="${this.s}" @input=${this.sInput.bind(this)}>
16596
16289
  <var class="math-var">σ</var>
16597
16290
  </decidables-spinner>
16598
16291
  `;
16599
- hr = $`
16292
+ hr = x$1`
16600
16293
  <decidables-spinner class="hr bottom" disabled min="0" max="1" step=".001" .value="${+this.hr.toFixed(3)}">
16601
16294
  <var>Hit Rate</var>
16602
16295
  </decidables-spinner>
16603
16296
  `;
16604
16297
  } else {
16605
- d = $`<var class="math-var d">d′</var>`;
16606
- c = $`<var class="math-var c">c</var>`;
16607
- s = $`<var class="math-var s">σ</var>`;
16608
- hr = $`<var class="hr">Hit Rate</var>`;
16298
+ d = x$1`<var class="math-var d">d′</var>`;
16299
+ c = x$1`<var class="math-var c">c</var>`;
16300
+ s = x$1`<var class="math-var s">σ</var>`;
16301
+ hr = x$1`<var class="hr">Hit Rate</var>`;
16609
16302
  }
16610
16303
  let equation;
16611
16304
  if (this.unequal) {
16612
- equation = $`
16305
+ equation = x$1`
16613
16306
  <tr>
16614
16307
  <td rowspan="2">
16615
16308
  ${hr}<span class="equals">=</span><var class="math-greek phi tight">Φ</var><span class="paren tight">(</span><span class="bracket tight">[</span>
@@ -16645,7 +16338,7 @@ class SDTEquationDC2Hr extends SDTEquation {
16645
16338
  </td>
16646
16339
  </tr>`;
16647
16340
  } else {
16648
- equation = $`
16341
+ equation = x$1`
16649
16342
  <tr>
16650
16343
  <td rowspan="2">
16651
16344
  ${hr}<span class="equals">=</span><var class="math-greek phi tight">Φ</var><span class="paren tight">(</span>
@@ -16663,7 +16356,7 @@ class SDTEquationDC2Hr extends SDTEquation {
16663
16356
  </td>
16664
16357
  </tr>`;
16665
16358
  }
16666
- return $`
16359
+ return x$1`
16667
16360
  <div class="holder">
16668
16361
  <table class="equation">
16669
16362
  <tbody>
@@ -16737,27 +16430,27 @@ class SDTEquationFaCr2Far extends SDTEquation {
16737
16430
  let cr;
16738
16431
  let far;
16739
16432
  if (this.numeric) {
16740
- fa = $`
16433
+ fa = x$1`
16741
16434
  <decidables-spinner class="fa" ?disabled=${!this.interactive} min="0" .value="${this.fa}" @input=${this.faInput.bind(this)}>
16742
16435
  <var>False Alarms</var>
16743
16436
  </decidables-spinner>
16744
16437
  `;
16745
- cr = $`
16438
+ cr = x$1`
16746
16439
  <decidables-spinner class="cr" ?disabled=${!this.interactive} min="0" .value="${this.cr}" @input=${this.crInput.bind(this)}>
16747
16440
  <var>Correct Rejections</var>
16748
16441
  </decidables-spinner>
16749
16442
  `;
16750
- far = $`
16443
+ far = x$1`
16751
16444
  <decidables-spinner class="far" disabled min="0" max="1" step=".001" .value="${+this.far.toFixed(3)}">
16752
16445
  <var>False Alarm Rate</var>
16753
16446
  </decidables-spinner>
16754
16447
  `;
16755
16448
  } else {
16756
- fa = $`<var class="fa">False Alarms</var>`;
16757
- cr = $`<var class="cr">Correct Rejections</var>`;
16758
- far = $`<var class="far">False Alarm Rate</var>`;
16449
+ fa = x$1`<var class="fa">False Alarms</var>`;
16450
+ cr = x$1`<var class="cr">Correct Rejections</var>`;
16451
+ far = x$1`<var class="far">False Alarm Rate</var>`;
16759
16452
  }
16760
- return $`
16453
+ return x$1`
16761
16454
  <div class="holder">
16762
16455
  <table class="equation">
16763
16456
  <tbody>
@@ -16843,27 +16536,27 @@ class SDTEquationHFa2Ppv extends SDTEquation {
16843
16536
  let fa;
16844
16537
  let ppv;
16845
16538
  if (this.numeric) {
16846
- h = $`
16539
+ h = x$1`
16847
16540
  <decidables-spinner class="h" ?disabled=${!this.interactive} min="0" .value="${this.h}" @input=${this.hInput.bind(this)}>
16848
16541
  <var>Hits</var>
16849
16542
  </decidables-spinner>
16850
16543
  `;
16851
- fa = $`
16544
+ fa = x$1`
16852
16545
  <decidables-spinner class="fa" ?disabled=${!this.interactive} min="0" .value="${this.fa}" @input=${this.faInput.bind(this)}>
16853
16546
  <var>False Alarms</var>
16854
16547
  </decidables-spinner>
16855
16548
  `;
16856
- ppv = $`
16549
+ ppv = x$1`
16857
16550
  <decidables-spinner class="ppv" disabled min="0" max="1" step=".001" .value="${+this.ppv.toFixed(3)}">
16858
16551
  <var>Positive Predictive Value</var>
16859
16552
  </decidables-spinner>
16860
16553
  `;
16861
16554
  } else {
16862
- h = $`<var class="h">Hits</var>`;
16863
- fa = $`<var class="fa">False Alarms</var>`;
16864
- ppv = $`<var class="ppv">Positive Predictive Value</var>`;
16555
+ h = x$1`<var class="h">Hits</var>`;
16556
+ fa = x$1`<var class="fa">False Alarms</var>`;
16557
+ ppv = x$1`<var class="ppv">Positive Predictive Value</var>`;
16865
16558
  }
16866
- return $`
16559
+ return x$1`
16867
16560
  <div class="holder">
16868
16561
  <table class="equation">
16869
16562
  <tbody>
@@ -16950,27 +16643,27 @@ class SDTEquationHM2Hr extends SDTEquation {
16950
16643
  let m;
16951
16644
  let hr;
16952
16645
  if (this.numeric) {
16953
- h = $`
16646
+ h = x$1`
16954
16647
  <decidables-spinner class="h" ?disabled=${!this.interactive} min="0" .value="${this.h}" @input=${this.hInput.bind(this)}>
16955
16648
  <var>Hits</var>
16956
16649
  </decidables-spinner>
16957
16650
  `;
16958
- m = $`
16651
+ m = x$1`
16959
16652
  <decidables-spinner class="m" ?disabled=${!this.interactive} min="0" .value="${this.m}" @input=${this.mInput.bind(this)}>
16960
16653
  <var>Misses</var>
16961
16654
  </decidables-spinner>
16962
16655
  `;
16963
- hr = $`
16656
+ hr = x$1`
16964
16657
  <decidables-spinner class="hr" disabled min="0" max="1" step=".001" .value="${+this.hr.toFixed(3)}">
16965
16658
  <var>Hit Rate</var>
16966
16659
  </decidables-spinner>
16967
16660
  `;
16968
16661
  } else {
16969
- h = $`<var class="h">Hits</var>`;
16970
- m = $`<var class="m">Misses</var>`;
16971
- hr = $`<var class="hr">Hit Rate</var>`;
16662
+ h = x$1`<var class="h">Hits</var>`;
16663
+ m = x$1`<var class="m">Misses</var>`;
16664
+ hr = x$1`<var class="hr">Hit Rate</var>`;
16972
16665
  }
16973
- return $`
16666
+ return x$1`
16974
16667
  <div class="holder">
16975
16668
  <table class="equation">
16976
16669
  <tbody>
@@ -17083,39 +16776,39 @@ class SDTEquationHMFaCr2Acc extends SDTEquation {
17083
16776
  let cr;
17084
16777
  let acc;
17085
16778
  if (this.numeric) {
17086
- h = $`
16779
+ h = x$1`
17087
16780
  <decidables-spinner class="h" ?disabled=${!this.interactive} min="0" .value="${this.h}" @input=${this.hInput.bind(this)}>
17088
16781
  <var>Hits</var>
17089
16782
  </decidables-spinner>
17090
16783
  `;
17091
- m = $`
16784
+ m = x$1`
17092
16785
  <decidables-spinner class="m" ?disabled=${!this.interactive} min="0" .value="${this.m}" @input=${this.mInput.bind(this)}>
17093
16786
  <var>Misses</var>
17094
16787
  </decidables-spinner>
17095
16788
  `;
17096
- fa = $`
16789
+ fa = x$1`
17097
16790
  <decidables-spinner class="fa" ?disabled=${!this.interactive} min="0" .value="${this.fa}" @input=${this.faInput.bind(this)}>
17098
16791
  <var>False Alarms</var>
17099
16792
  </decidables-spinner>
17100
16793
  `;
17101
- cr = $`
16794
+ cr = x$1`
17102
16795
  <decidables-spinner class="cr" ?disabled=${!this.interactive} min="0" .value="${this.cr}" @input=${this.crInput.bind(this)}>
17103
16796
  <var>Correct Rejections</var>
17104
16797
  </decidables-spinner>
17105
16798
  `;
17106
- acc = $`
16799
+ acc = x$1`
17107
16800
  <decidables-spinner class="acc" disabled min="0" max="1" step=".001" .value="${+this.acc.toFixed(3)}">
17108
16801
  <var>Accuracy</var>
17109
16802
  </decidables-spinner>
17110
16803
  `;
17111
16804
  } else {
17112
- h = $`<var class="h">Hits</var>`;
17113
- m = $`<var class="m">Misses</var>`;
17114
- fa = $`<var class="fa">False Alarms</var>`;
17115
- cr = $`<var class="cr">Correct Rejections</var>`;
17116
- acc = $`<var class="acc">Accuracy</var>`;
16805
+ h = x$1`<var class="h">Hits</var>`;
16806
+ m = x$1`<var class="m">Misses</var>`;
16807
+ fa = x$1`<var class="fa">False Alarms</var>`;
16808
+ cr = x$1`<var class="cr">Correct Rejections</var>`;
16809
+ acc = x$1`<var class="acc">Accuracy</var>`;
17117
16810
  }
17118
- return $`
16811
+ return x$1`
17119
16812
  <div class="holder">
17120
16813
  <table class="equation">
17121
16814
  <tbody>
@@ -17220,35 +16913,35 @@ class SDTEquationHrFar2C extends SDTEquation {
17220
16913
  let s;
17221
16914
  let c;
17222
16915
  if (this.numeric) {
17223
- hr = $`
16916
+ hr = x$1`
17224
16917
  <decidables-spinner class="hr bottom" ?disabled=${!this.interactive} min="0" max="1" step=".001" .value="${this.hr}" @input=${this.hrInput.bind(this)}>
17225
16918
  <var>Hit Rate</var>
17226
16919
  </decidables-spinner>
17227
16920
  `;
17228
- far = $`
16921
+ far = x$1`
17229
16922
  <decidables-spinner class="far bottom" ?disabled=${!this.interactive} min="0" max="1" step=".001" .value="${this.far}" @input=${this.farInput.bind(this)}>
17230
16923
  <var>False Alarm Rate</var>
17231
16924
  </decidables-spinner>
17232
16925
  `;
17233
- s = $`
16926
+ s = x$1`
17234
16927
  <decidables-spinner class="s bottom" ?disabled=${!this.interactive} min="0" step=".001" .value="${this.s}" @input=${this.sInput.bind(this)}>
17235
16928
  <var class="math-var">σ</var>
17236
16929
  </decidables-spinner>
17237
16930
  `;
17238
- c = $`
16931
+ c = x$1`
17239
16932
  <decidables-spinner class="c bottom" disabled step=".001" .value="${+this.c.toFixed(3)}">
17240
16933
  <var class="math-var">c</var>
17241
16934
  </decidables-spinner>
17242
16935
  `;
17243
16936
  } else {
17244
- hr = $`<var class="hr">Hit Rate</var>`;
17245
- far = $`<var class="far">False Alarm Rate</var>`;
17246
- s = $`<var class="math-var s">σ</var>`;
17247
- c = $`<var class="math-var c">c</var>`;
16937
+ hr = x$1`<var class="hr">Hit Rate</var>`;
16938
+ far = x$1`<var class="far">False Alarm Rate</var>`;
16939
+ s = x$1`<var class="math-var s">σ</var>`;
16940
+ c = x$1`<var class="math-var c">c</var>`;
17248
16941
  }
17249
16942
  let equation;
17250
16943
  if (this.unequal) {
17251
- equation = $`
16944
+ equation = x$1`
17252
16945
  <tr>
17253
16946
  <td rowspan="2">
17254
16947
  ${c}<span class="equals">=</span><span class="bracket tight">(</span>
@@ -17275,7 +16968,7 @@ class SDTEquationHrFar2C extends SDTEquation {
17275
16968
  </td>
17276
16969
  </tr>`;
17277
16970
  } else {
17278
- equation = $`
16971
+ equation = x$1`
17279
16972
  <tr>
17280
16973
  <td rowspan="2">
17281
16974
  ${c}<span class="equals">=</span>
@@ -17290,7 +16983,7 @@ class SDTEquationHrFar2C extends SDTEquation {
17290
16983
  </td>
17291
16984
  </tr>`;
17292
16985
  }
17293
- return $`
16986
+ return x$1`
17294
16987
  <div class="holder">
17295
16988
  <table class="equation">
17296
16989
  <tbody>
@@ -17383,35 +17076,35 @@ class SDTEquationHrFar2D extends SDTEquation {
17383
17076
  let s;
17384
17077
  let d;
17385
17078
  if (this.numeric) {
17386
- hr = $`
17079
+ hr = x$1`
17387
17080
  <decidables-spinner class="hr bottom" ?disabled=${!this.interactive} min="0" max="1" step=".001" .value="${this.hr}" @input=${this.hrInput.bind(this)}>
17388
17081
  <var>Hit Rate</var>
17389
17082
  </decidables-spinner>
17390
17083
  `;
17391
- far = $`
17084
+ far = x$1`
17392
17085
  <decidables-spinner class="far bottom" ?disabled=${!this.interactive} min="0" max="1" step=".001" .value="${this.far}" @input=${this.farInput.bind(this)}>
17393
17086
  <var>False Alarm Rate</var>
17394
17087
  </decidables-spinner>
17395
17088
  `;
17396
- s = $`
17089
+ s = x$1`
17397
17090
  <decidables-spinner class="s bottom" ?disabled=${!this.interactive} min="0" step=".001" .value="${this.s}" @input=${this.sInput.bind(this)}>
17398
17091
  <var class="math-var">σ</var>
17399
17092
  </decidables-spinner>
17400
17093
  `;
17401
- d = $`
17094
+ d = x$1`
17402
17095
  <decidables-spinner class="d bottom" disabled step=".001" .value="${+this.d.toFixed(3)}">
17403
17096
  <var class="math-var">d′</var>
17404
17097
  </decidables-spinner>
17405
17098
  `;
17406
17099
  } else {
17407
- hr = $`<var class="hr">Hit Rate</var>`;
17408
- far = $`<var class="far">False Alarm Rate</var>`;
17409
- s = $`<var class="math-var s">σ</var>`;
17410
- d = $`<var class="math-var d">d′</var>`;
17100
+ hr = x$1`<var class="hr">Hit Rate</var>`;
17101
+ far = x$1`<var class="far">False Alarm Rate</var>`;
17102
+ s = x$1`<var class="math-var s">σ</var>`;
17103
+ d = x$1`<var class="math-var d">d′</var>`;
17411
17104
  }
17412
17105
  let equation;
17413
17106
  if (this.unequal) {
17414
- equation = $`
17107
+ equation = x$1`
17415
17108
  <tr>
17416
17109
  <td rowspan="2">
17417
17110
  ${d}<span class="equals">=</span><span class="bracket tight">(</span>
@@ -17429,14 +17122,14 @@ class SDTEquationHrFar2D extends SDTEquation {
17429
17122
  </td>
17430
17123
  </tr>`;
17431
17124
  } else {
17432
- equation = $`
17125
+ equation = x$1`
17433
17126
  <tr>
17434
17127
  <td>
17435
17128
  ${d}<span class="equals">=</span><span class="tight"><var class="math-greek phi tight">Φ</var><sup class="exp">−1</sup></span><span class="paren tight">(</span>${hr}<span class="paren tight">)</span><span class="minus">−</span><span class="tight"><var class="math-greek phi tight">Φ</var><sup class="exp">−1</sup></span><span class="paren tight">(</span>${far}<span class="paren tight">)</span>
17436
17129
  </td>
17437
17130
  </tr>`;
17438
17131
  }
17439
- return $`
17132
+ return x$1`
17440
17133
  <div class="holder">
17441
17134
  <table class="equation">
17442
17135
  <tbody>
@@ -17510,27 +17203,27 @@ class SDTEquationMCr2Fomr extends SDTEquation {
17510
17203
  let cr;
17511
17204
  let fomr;
17512
17205
  if (this.numeric) {
17513
- m = $`
17206
+ m = x$1`
17514
17207
  <decidables-spinner class="m" ?disabled=${!this.interactive} min="0" .value="${this.m}" @input=${this.mInput.bind(this)}>
17515
17208
  <var>Misses</var>
17516
17209
  </decidables-spinner>
17517
17210
  `;
17518
- cr = $`
17211
+ cr = x$1`
17519
17212
  <decidables-spinner class="cr" ?disabled=${!this.interactive} min="0" .value="${this.cr}" @input=${this.crInput.bind(this)}>
17520
17213
  <var>Correct Rejections</var>
17521
17214
  </decidables-spinner>
17522
17215
  `;
17523
- fomr = $`
17216
+ fomr = x$1`
17524
17217
  <decidables-spinner class="fomr" disabled min="0" max="1" step=".001" .value="${+this.fomr.toFixed(3)}">
17525
17218
  <var>False Omission Rate</var>
17526
17219
  </decidables-spinner>
17527
17220
  `;
17528
17221
  } else {
17529
- m = $`<var class="m">Misses</var>`;
17530
- cr = $`<var class="cr">Correct Rejections</var>`;
17531
- fomr = $`<var class="fomr">False Omission Rate</var>`;
17222
+ m = x$1`<var class="m">Misses</var>`;
17223
+ cr = x$1`<var class="cr">Correct Rejections</var>`;
17224
+ fomr = x$1`<var class="fomr">False Omission Rate</var>`;
17532
17225
  }
17533
- return $`
17226
+ return x$1`
17534
17227
  <div class="holder">
17535
17228
  <table class="equation">
17536
17229
  <tbody>
@@ -17561,7 +17254,7 @@ customElements.define('sdt-equation-mcr2fomr', SDTEquationMCr2Fomr);
17561
17254
  */
17562
17255
  class SDTExample extends DetectableElement {
17563
17256
  static get styles() {
17564
- return [super.styles, r$2`
17257
+ return [super.styles, r$1`
17565
17258
  :host {
17566
17259
  display: inline-block;
17567
17260
 
@@ -17609,7 +17302,7 @@ class SDTExample extends DetectableElement {
17609
17302
  }
17610
17303
  render() {
17611
17304
  /* eslint-disable-line class-methods-use-this */
17612
- return $`
17305
+ return x$1`
17613
17306
  <div class="holder">
17614
17307
  <div class="body">
17615
17308
  <slot>Empty!</slot>