@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.umd.js CHANGED
@@ -9,21 +9,21 @@
9
9
  * Copyright 2019 Google LLC
10
10
  * SPDX-License-Identifier: BSD-3-Clause
11
11
  */
12
- const t$3 = window,
13
- e$5 = t$3.ShadowRoot && (void 0 === t$3.ShadyCSS || t$3.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype,
14
- s$6 = Symbol(),
15
- n$6 = new WeakMap();
16
- let o$6 = class o {
12
+ const t$2 = window,
13
+ e$4 = t$2.ShadowRoot && (void 0 === t$2.ShadyCSS || t$2.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype,
14
+ s$5 = Symbol(),
15
+ n$5 = new WeakMap();
16
+ let o$5 = class o {
17
17
  constructor(t, e, n) {
18
- if (this._$cssResult$ = !0, n !== s$6) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
18
+ if (this._$cssResult$ = !0, n !== s$5) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
19
19
  this.cssText = t, this.t = e;
20
20
  }
21
21
  get styleSheet() {
22
22
  let t = this.o;
23
23
  const s = this.t;
24
- if (e$5 && void 0 === t) {
24
+ if (e$4 && void 0 === t) {
25
25
  const e = void 0 !== s && 1 === s.length;
26
- e && (t = n$6.get(s)), void 0 === t && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), e && n$6.set(s, t));
26
+ e && (t = n$5.get(s)), void 0 === t && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), e && n$5.set(s, t));
27
27
  }
28
28
  return t;
29
29
  }
@@ -31,18 +31,18 @@
31
31
  return this.cssText;
32
32
  }
33
33
  };
34
- const r$5 = t => new o$6("string" == typeof t ? t : t + "", void 0, s$6),
35
- S$3 = (s, n) => {
36
- e$5 ? s.adoptedStyleSheets = n.map(t => t instanceof CSSStyleSheet ? t : t.styleSheet) : n.forEach(e => {
34
+ const r$4 = t => new o$5("string" == typeof t ? t : t + "", void 0, s$5),
35
+ S$2 = (s, n) => {
36
+ e$4 ? s.adoptedStyleSheets = n.map(t => t instanceof CSSStyleSheet ? t : t.styleSheet) : n.forEach(e => {
37
37
  const n = document.createElement("style"),
38
- o = t$3.litNonce;
38
+ o = t$2.litNonce;
39
39
  void 0 !== o && n.setAttribute("nonce", o), n.textContent = e.cssText, s.appendChild(n);
40
40
  });
41
41
  },
42
- c$2 = e$5 ? t => t : t => t instanceof CSSStyleSheet ? (t => {
42
+ c$1 = e$4 ? t => t : t => t instanceof CSSStyleSheet ? (t => {
43
43
  let e = "";
44
44
  for (const s of t.cssRules) e += s.cssText;
45
- return r$5(e);
45
+ return r$4(e);
46
46
  })(t) : t;
47
47
 
48
48
  /**
@@ -50,16 +50,16 @@
50
50
  * Copyright 2017 Google LLC
51
51
  * SPDX-License-Identifier: BSD-3-Clause
52
52
  */
53
- var s$5;
54
- const e$4 = window,
55
- r$4 = e$4.trustedTypes,
56
- h$3 = r$4 ? r$4.emptyScript : "",
57
- o$5 = e$4.reactiveElementPolyfillSupport,
58
- n$5 = {
53
+ var s$4;
54
+ const e$3 = window,
55
+ r$3 = e$3.trustedTypes,
56
+ h$2 = r$3 ? r$3.emptyScript : "",
57
+ o$4 = e$3.reactiveElementPolyfillSupport,
58
+ n$4 = {
59
59
  toAttribute(t, i) {
60
60
  switch (i) {
61
61
  case Boolean:
62
- t = t ? h$3 : null;
62
+ t = t ? h$2 : null;
63
63
  break;
64
64
  case Object:
65
65
  case Array:
@@ -87,15 +87,15 @@
87
87
  return s;
88
88
  }
89
89
  },
90
- a$3 = (t, i) => i !== t && (i == i || t == t),
91
- l$5 = {
90
+ a$2 = (t, i) => i !== t && (i == i || t == t),
91
+ l$4 = {
92
92
  attribute: !0,
93
93
  type: String,
94
- converter: n$5,
94
+ converter: n$4,
95
95
  reflect: !1,
96
- hasChanged: a$3
96
+ hasChanged: a$2
97
97
  };
98
- let d$2 = class d extends HTMLElement {
98
+ let d$1 = class d extends HTMLElement {
99
99
  constructor() {
100
100
  super(), this._$Ei = new Map(), this.isUpdatePending = !1, this.hasUpdated = !1, this._$El = null, this.u();
101
101
  }
@@ -111,7 +111,7 @@
111
111
  void 0 !== e && (this._$Ev.set(e, s), t.push(e));
112
112
  }), t;
113
113
  }
114
- static createProperty(t, i = l$5) {
114
+ static createProperty(t, i = l$4) {
115
115
  if (i.state && (i.attribute = !1), this.finalize(), this.elementProperties.set(t, i), !i.noAccessor && !this.prototype.hasOwnProperty(t)) {
116
116
  const s = "symbol" == typeof t ? Symbol() : "__" + t,
117
117
  e = this.getPropertyDescriptor(t, s, i);
@@ -132,7 +132,7 @@
132
132
  };
133
133
  }
134
134
  static getPropertyOptions(t) {
135
- return this.elementProperties.get(t) || l$5;
135
+ return this.elementProperties.get(t) || l$4;
136
136
  }
137
137
  static finalize() {
138
138
  if (this.hasOwnProperty("finalized")) return !1;
@@ -149,8 +149,8 @@
149
149
  const s = [];
150
150
  if (Array.isArray(i)) {
151
151
  const e = new Set(i.flat(1 / 0).reverse());
152
- for (const i of e) s.unshift(c$2(i));
153
- } else void 0 !== i && s.push(c$2(i));
152
+ for (const i of e) s.unshift(c$1(i));
153
+ } else void 0 !== i && s.push(c$1(i));
154
154
  return s;
155
155
  }
156
156
  static _$Ep(t, i) {
@@ -177,7 +177,7 @@
177
177
  createRenderRoot() {
178
178
  var t;
179
179
  const s = null !== (t = this.shadowRoot) && void 0 !== t ? t : this.attachShadow(this.constructor.shadowRootOptions);
180
- return S$3(s, this.constructor.elementStyles), s;
180
+ return S$2(s, this.constructor.elementStyles), s;
181
181
  }
182
182
  connectedCallback() {
183
183
  var t;
@@ -197,11 +197,11 @@
197
197
  attributeChangedCallback(t, i, s) {
198
198
  this._$AK(t, s);
199
199
  }
200
- _$EO(t, i, s = l$5) {
200
+ _$EO(t, i, s = l$4) {
201
201
  var e;
202
202
  const r = this.constructor._$Ep(t, s);
203
203
  if (void 0 !== r && !0 === s.reflect) {
204
- const h = (void 0 !== (null === (e = s.converter) || void 0 === e ? void 0 : e.toAttribute) ? s.converter : n$5).toAttribute(i, s.type);
204
+ const h = (void 0 !== (null === (e = s.converter) || void 0 === e ? void 0 : e.toAttribute) ? s.converter : n$4).toAttribute(i, s.type);
205
205
  this._$El = t, null == h ? this.removeAttribute(r) : this.setAttribute(r, h), this._$El = null;
206
206
  }
207
207
  }
@@ -213,13 +213,13 @@
213
213
  const t = e.getPropertyOptions(r),
214
214
  h = "function" == typeof t.converter ? {
215
215
  fromAttribute: t.converter
216
- } : void 0 !== (null === (s = t.converter) || void 0 === s ? void 0 : s.fromAttribute) ? t.converter : n$5;
216
+ } : void 0 !== (null === (s = t.converter) || void 0 === s ? void 0 : s.fromAttribute) ? t.converter : n$4;
217
217
  this._$El = r, this[r] = h.fromAttribute(i, t.type), this._$El = null;
218
218
  }
219
219
  }
220
220
  requestUpdate(t, i, s) {
221
221
  let e = !0;
222
- 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());
222
+ 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());
223
223
  }
224
224
  async _$Ej() {
225
225
  this.isUpdatePending = !0;
@@ -276,140 +276,149 @@
276
276
  updated(t) {}
277
277
  firstUpdated(t) {}
278
278
  };
279
- d$2.finalized = !0, d$2.elementProperties = new Map(), d$2.elementStyles = [], d$2.shadowRootOptions = {
279
+ d$1.finalized = !0, d$1.elementProperties = new Map(), d$1.elementStyles = [], d$1.shadowRootOptions = {
280
280
  mode: "open"
281
- }, null == o$5 || o$5({
282
- ReactiveElement: d$2
283
- }), (null !== (s$5 = e$4.reactiveElementVersions) && void 0 !== s$5 ? s$5 : e$4.reactiveElementVersions = []).push("1.5.0");
281
+ }, null == o$4 || o$4({
282
+ ReactiveElement: d$1
283
+ }), (null !== (s$4 = e$3.reactiveElementVersions) && void 0 !== s$4 ? s$4 : e$3.reactiveElementVersions = []).push("1.6.1");
284
284
 
285
285
  /**
286
286
  * @license
287
287
  * Copyright 2017 Google LLC
288
288
  * SPDX-License-Identifier: BSD-3-Clause
289
289
  */
290
- var t$2;
291
- const i$2 = window,
292
- s$4 = i$2.trustedTypes,
293
- e$3 = s$4 ? s$4.createPolicy("lit-html", {
290
+ var t$1;
291
+ const i$1 = window,
292
+ s$3 = i$1.trustedTypes,
293
+ e$2 = s$3 ? s$3.createPolicy("lit-html", {
294
294
  createHTML: t => t
295
295
  }) : void 0,
296
- o$4 = `lit$${(Math.random() + "").slice(9)}$`,
297
- n$4 = "?" + o$4,
298
- l$4 = `<${n$4}>`,
299
- h$2 = document,
300
- r$3 = (t = "") => h$2.createComment(t),
301
- d$1 = t => null === t || "object" != typeof t && "function" != typeof t,
302
- u$1 = Array.isArray,
303
- c$1 = t => u$1(t) || "function" == typeof (null == t ? void 0 : t[Symbol.iterator]),
304
- v$1 = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,
305
- a$2 = /-->/g,
306
- f$1 = />/g,
307
- _$1 = RegExp(">|[ \t\n\f\r](?:([^\\s\"'>=/]+)([ \t\n\f\r]*=[ \t\n\f\r]*(?:[^ \t\n\f\r\"'`<>=]|(\"|')|))|$)", "g"),
308
- m$1 = /'/g,
309
- p$1 = /"/g,
310
- $$1 = /^(?:script|style|textarea|title)$/i,
311
- x$2 = Symbol.for("lit-noChange"),
312
- b$1 = Symbol.for("lit-nothing"),
313
- T$1 = new WeakMap(),
314
- A$1 = h$2.createTreeWalker(h$2, 129, null, !1),
315
- E$1 = (t, i) => {
296
+ o$3 = "$lit$",
297
+ n$3 = `lit$${(Math.random() + "").slice(9)}$`,
298
+ l$3 = "?" + n$3,
299
+ h$1 = `<${l$3}>`,
300
+ r$2 = document,
301
+ d = () => r$2.createComment(""),
302
+ u = t => null === t || "object" != typeof t && "function" != typeof t,
303
+ c = Array.isArray,
304
+ v = t => c(t) || "function" == typeof (null == t ? void 0 : t[Symbol.iterator]),
305
+ a$1 = "[ \t\n\f\r]",
306
+ f = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,
307
+ _ = /-->/g,
308
+ m = />/g,
309
+ p = RegExp(`>|${a$1}(?:([^\\s"'>=/]+)(${a$1}*=${a$1}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`, "g"),
310
+ g = /'/g,
311
+ $ = /"/g,
312
+ y$1 = /^(?:script|style|textarea|title)$/i,
313
+ w = t => (i, ...s) => ({
314
+ _$litType$: t,
315
+ strings: i,
316
+ values: s
317
+ }),
318
+ x$1 = w(1),
319
+ b = w(2),
320
+ T = Symbol.for("lit-noChange"),
321
+ A = Symbol.for("lit-nothing"),
322
+ E = new WeakMap(),
323
+ C = r$2.createTreeWalker(r$2, 129, null, !1),
324
+ P = (t, i) => {
316
325
  const s = t.length - 1,
317
- n = [];
318
- let h,
319
- r = 2 === i ? "<svg>" : "",
320
- d = v$1;
326
+ l = [];
327
+ let r,
328
+ d = 2 === i ? "<svg>" : "",
329
+ u = f;
321
330
  for (let i = 0; i < s; i++) {
322
331
  const s = t[i];
323
332
  let e,
324
- u,
325
- c = -1,
326
- g = 0;
327
- 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);
328
- const y = d === _$1 && t[i + 1].startsWith("/>") ? " " : "";
329
- 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);
333
+ c,
334
+ v = -1,
335
+ a = 0;
336
+ 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);
337
+ const w = u === p && t[i + 1].startsWith("/>") ? " " : "";
338
+ 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);
330
339
  }
331
- const u = r + (t[s] || "<?>") + (2 === i ? "</svg>" : "");
340
+ const c = d + (t[s] || "<?>") + (2 === i ? "</svg>" : "");
332
341
  if (!Array.isArray(t) || !t.hasOwnProperty("raw")) throw Error("invalid template strings array");
333
- return [void 0 !== e$3 ? e$3.createHTML(u) : u, n];
342
+ return [void 0 !== e$2 ? e$2.createHTML(c) : c, l];
334
343
  };
335
- let C$1 = class C {
344
+ class V {
336
345
  constructor({
337
346
  strings: t,
338
347
  _$litType$: i
339
348
  }, e) {
340
- let l;
349
+ let h;
341
350
  this.parts = [];
342
- let h = 0,
343
- d = 0;
344
- const u = t.length - 1,
345
- c = this.parts,
346
- [v, a] = E$1(t, i);
347
- if (this.el = C$1.createElement(v, e), A$1.currentNode = this.el.content, 2 === i) {
351
+ let r = 0,
352
+ u = 0;
353
+ const c = t.length - 1,
354
+ v = this.parts,
355
+ [a, f] = P(t, i);
356
+ if (this.el = V.createElement(a, e), C.currentNode = this.el.content, 2 === i) {
348
357
  const t = this.el.content,
349
358
  i = t.firstChild;
350
359
  i.remove(), t.append(...i.childNodes);
351
360
  }
352
- for (; null !== (l = A$1.nextNode()) && c.length < u;) {
353
- if (1 === l.nodeType) {
354
- if (l.hasAttributes()) {
361
+ for (; null !== (h = C.nextNode()) && v.length < c;) {
362
+ if (1 === h.nodeType) {
363
+ if (h.hasAttributes()) {
355
364
  const t = [];
356
- for (const i of l.getAttributeNames()) if (i.endsWith("$lit$") || i.startsWith(o$4)) {
357
- const s = a[d++];
365
+ for (const i of h.getAttributeNames()) if (i.endsWith(o$3) || i.startsWith(n$3)) {
366
+ const s = f[u++];
358
367
  if (t.push(i), void 0 !== s) {
359
- const t = l.getAttribute(s.toLowerCase() + "$lit$").split(o$4),
368
+ const t = h.getAttribute(s.toLowerCase() + o$3).split(n$3),
360
369
  i = /([.?@])?(.*)/.exec(s);
361
- c.push({
370
+ v.push({
362
371
  type: 1,
363
- index: h,
372
+ index: r,
364
373
  name: i[2],
365
374
  strings: t,
366
- ctor: "." === i[1] ? M$1 : "?" === i[1] ? k$1 : "@" === i[1] ? H$1 : S$2
375
+ ctor: "." === i[1] ? k : "?" === i[1] ? I : "@" === i[1] ? L : R
367
376
  });
368
- } else c.push({
377
+ } else v.push({
369
378
  type: 6,
370
- index: h
379
+ index: r
371
380
  });
372
381
  }
373
- for (const i of t) l.removeAttribute(i);
382
+ for (const i of t) h.removeAttribute(i);
374
383
  }
375
- if ($$1.test(l.tagName)) {
376
- const t = l.textContent.split(o$4),
384
+ if (y$1.test(h.tagName)) {
385
+ const t = h.textContent.split(n$3),
377
386
  i = t.length - 1;
378
387
  if (i > 0) {
379
- l.textContent = s$4 ? s$4.emptyScript : "";
380
- for (let s = 0; s < i; s++) l.append(t[s], r$3()), A$1.nextNode(), c.push({
388
+ h.textContent = s$3 ? s$3.emptyScript : "";
389
+ for (let s = 0; s < i; s++) h.append(t[s], d()), C.nextNode(), v.push({
381
390
  type: 2,
382
- index: ++h
391
+ index: ++r
383
392
  });
384
- l.append(t[i], r$3());
393
+ h.append(t[i], d());
385
394
  }
386
395
  }
387
- } else if (8 === l.nodeType) if (l.data === n$4) c.push({
396
+ } else if (8 === h.nodeType) if (h.data === l$3) v.push({
388
397
  type: 2,
389
- index: h
398
+ index: r
390
399
  });else {
391
400
  let t = -1;
392
- for (; -1 !== (t = l.data.indexOf(o$4, t + 1));) c.push({
401
+ for (; -1 !== (t = h.data.indexOf(n$3, t + 1));) v.push({
393
402
  type: 7,
394
- index: h
395
- }), t += o$4.length - 1;
403
+ index: r
404
+ }), t += n$3.length - 1;
396
405
  }
397
- h++;
406
+ r++;
398
407
  }
399
408
  }
400
409
  static createElement(t, i) {
401
- const s = h$2.createElement("template");
410
+ const s = r$2.createElement("template");
402
411
  return s.innerHTML = t, s;
403
412
  }
404
- };
405
- function P$1(t, i, s = t, e) {
413
+ }
414
+ function N(t, i, s = t, e) {
406
415
  var o, n, l, h;
407
- if (i === x$2) return i;
416
+ if (i === T) return i;
408
417
  let r = void 0 !== e ? null === (o = s._$Co) || void 0 === o ? void 0 : o[e] : s._$Cl;
409
- const u = d$1(i) ? void 0 : i._$litDirective$;
410
- 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;
418
+ const d = u(i) ? void 0 : i._$litDirective$;
419
+ 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;
411
420
  }
412
- let V$1 = class V {
421
+ let S$1 = class S {
413
422
  constructor(t, i) {
414
423
  this.u = [], this._$AN = void 0, this._$AD = t, this._$AM = i;
415
424
  }
@@ -427,18 +436,18 @@
427
436
  },
428
437
  parts: e
429
438
  } = this._$AD,
430
- o = (null !== (i = null == t ? void 0 : t.creationScope) && void 0 !== i ? i : h$2).importNode(s, !0);
431
- A$1.currentNode = o;
432
- let n = A$1.nextNode(),
439
+ o = (null !== (i = null == t ? void 0 : t.creationScope) && void 0 !== i ? i : r$2).importNode(s, !0);
440
+ C.currentNode = o;
441
+ let n = C.nextNode(),
433
442
  l = 0,
434
- r = 0,
443
+ h = 0,
435
444
  d = e[0];
436
445
  for (; void 0 !== d;) {
437
446
  if (l === d.index) {
438
447
  let i;
439
- 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];
448
+ 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];
440
449
  }
441
- l !== (null == d ? void 0 : d.index) && (n = A$1.nextNode(), l++);
450
+ l !== (null == d ? void 0 : d.index) && (n = C.nextNode(), l++);
442
451
  }
443
452
  return o;
444
453
  }
@@ -447,10 +456,10 @@
447
456
  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++;
448
457
  }
449
458
  };
450
- let N$1 = class N {
459
+ class M {
451
460
  constructor(t, i, s, e) {
452
461
  var o;
453
- 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;
462
+ 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;
454
463
  }
455
464
  get _$AU() {
456
465
  var t, i;
@@ -459,7 +468,7 @@
459
468
  get parentNode() {
460
469
  let t = this._$AA.parentNode;
461
470
  const i = this._$AM;
462
- return void 0 !== i && 11 === t.nodeType && (t = i.parentNode), t;
471
+ return void 0 !== i && 11 === (null == t ? void 0 : t.nodeType) && (t = i.parentNode), t;
463
472
  }
464
473
  get startNode() {
465
474
  return this._$AA;
@@ -468,16 +477,16 @@
468
477
  return this._$AB;
469
478
  }
470
479
  _$AI(t, i = this) {
471
- 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);
480
+ 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);
472
481
  }
473
- O(t, i = this._$AB) {
474
- return this._$AA.parentNode.insertBefore(t, i);
482
+ S(t) {
483
+ return this._$AA.parentNode.insertBefore(t, this._$AB);
475
484
  }
476
485
  T(t) {
477
- this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
486
+ this._$AH !== t && (this._$AR(), this._$AH = this.S(t));
478
487
  }
479
488
  g(t) {
480
- this._$AH !== b$1 && d$1(this._$AH) ? this._$AA.nextSibling.data = t : this.T(h$2.createTextNode(t)), this._$AH = t;
489
+ this._$AH !== A && u(this._$AH) ? this._$AA.nextSibling.data = t : this.T(r$2.createTextNode(t)), this._$AH = t;
481
490
  }
482
491
  $(t) {
483
492
  var i;
@@ -485,23 +494,23 @@
485
494
  values: s,
486
495
  _$litType$: e
487
496
  } = t,
488
- o = "number" == typeof e ? this._$AC(t) : (void 0 === e.el && (e.el = C$1.createElement(e.h, this.options)), e);
497
+ o = "number" == typeof e ? this._$AC(t) : (void 0 === e.el && (e.el = V.createElement(e.h, this.options)), e);
489
498
  if ((null === (i = this._$AH) || void 0 === i ? void 0 : i._$AD) === o) this._$AH.p(s);else {
490
- const t = new V$1(o, this),
499
+ const t = new S$1(o, this),
491
500
  i = t.v(this.options);
492
501
  t.p(s), this.T(i), this._$AH = t;
493
502
  }
494
503
  }
495
504
  _$AC(t) {
496
- let i = T$1.get(t.strings);
497
- return void 0 === i && T$1.set(t.strings, i = new C$1(t)), i;
505
+ let i = E.get(t.strings);
506
+ return void 0 === i && E.set(t.strings, i = new V(t)), i;
498
507
  }
499
508
  k(t) {
500
- u$1(this._$AH) || (this._$AH = [], this._$AR());
509
+ c(this._$AH) || (this._$AH = [], this._$AR());
501
510
  const i = this._$AH;
502
511
  let s,
503
512
  e = 0;
504
- 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++;
513
+ 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++;
505
514
  e < i.length && (this._$AR(s && s._$AB.nextSibling, e), i.length = e);
506
515
  }
507
516
  _$AR(t = this._$AA.nextSibling, i) {
@@ -515,10 +524,10 @@
515
524
  var i;
516
525
  void 0 === this._$AM && (this._$Cm = t, null === (i = this._$AP) || void 0 === i || i.call(this, t));
517
526
  }
518
- };
519
- let S$2 = class S {
527
+ }
528
+ class R {
520
529
  constructor(t, i, s, e, o) {
521
- 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;
530
+ 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;
522
531
  }
523
532
  get tagName() {
524
533
  return this.element.tagName;
@@ -529,52 +538,52 @@
529
538
  _$AI(t, i = this, s, e) {
530
539
  const o = this.strings;
531
540
  let n = !1;
532
- 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 {
541
+ if (void 0 === o) t = N(this, t, i, 0), n = !u(t) || t !== this._$AH && t !== T, n && (this._$AH = t);else {
533
542
  const e = t;
534
543
  let l, h;
535
- 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;
544
+ 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;
536
545
  }
537
546
  n && !e && this.j(t);
538
547
  }
539
548
  j(t) {
540
- t === b$1 ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, null != t ? t : "");
549
+ t === A ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, null != t ? t : "");
541
550
  }
542
- };
543
- let M$1 = class M extends S$2 {
551
+ }
552
+ class k extends R {
544
553
  constructor() {
545
554
  super(...arguments), this.type = 3;
546
555
  }
547
556
  j(t) {
548
- this.element[this.name] = t === b$1 ? void 0 : t;
557
+ this.element[this.name] = t === A ? void 0 : t;
549
558
  }
550
- };
551
- const R = s$4 ? s$4.emptyScript : "";
552
- let k$1 = class k extends S$2 {
559
+ }
560
+ const H = s$3 ? s$3.emptyScript : "";
561
+ class I extends R {
553
562
  constructor() {
554
563
  super(...arguments), this.type = 4;
555
564
  }
556
565
  j(t) {
557
- t && t !== b$1 ? this.element.setAttribute(this.name, R) : this.element.removeAttribute(this.name);
566
+ t && t !== A ? this.element.setAttribute(this.name, H) : this.element.removeAttribute(this.name);
558
567
  }
559
- };
560
- let H$1 = class H extends S$2 {
568
+ }
569
+ class L extends R {
561
570
  constructor(t, i, s, e, o) {
562
571
  super(t, i, s, e, o), this.type = 5;
563
572
  }
564
573
  _$AI(t, i = this) {
565
574
  var s;
566
- if ((t = null !== (s = P$1(this, t, i, 0)) && void 0 !== s ? s : b$1) === x$2) return;
575
+ if ((t = null !== (s = N(this, t, i, 0)) && void 0 !== s ? s : A) === T) return;
567
576
  const e = this._$AH,
568
- o = t === b$1 && e !== b$1 || t.capture !== e.capture || t.once !== e.once || t.passive !== e.passive,
569
- n = t !== b$1 && (e === b$1 || o);
577
+ o = t === A && e !== A || t.capture !== e.capture || t.once !== e.once || t.passive !== e.passive,
578
+ n = t !== A && (e === A || o);
570
579
  o && this.element.removeEventListener(this.name, this, e), n && this.element.addEventListener(this.name, this, t), this._$AH = t;
571
580
  }
572
581
  handleEvent(t) {
573
582
  var i, s;
574
583
  "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);
575
584
  }
576
- };
577
- let I$1 = class I {
585
+ }
586
+ class z {
578
587
  constructor(t, i, s) {
579
588
  this.element = t, this.type = 6, this._$AN = void 0, this._$AM = i, this.options = s;
580
589
  }
@@ -582,53 +591,63 @@
582
591
  return this._$AM._$AU;
583
592
  }
584
593
  _$AI(t) {
585
- P$1(this, t);
594
+ N(this, t);
586
595
  }
596
+ }
597
+ const j = i$1.litHtmlPolyfillSupport;
598
+ null == j || j(V, M), (null !== (t$1 = i$1.litHtmlVersions) && void 0 !== t$1 ? t$1 : i$1.litHtmlVersions = []).push("2.7.0");
599
+ const B = (t, i, s) => {
600
+ var e, o;
601
+ const n = null !== (e = null == s ? void 0 : s.renderBefore) && void 0 !== e ? e : i;
602
+ let l = n._$litPart$;
603
+ if (void 0 === l) {
604
+ const t = null !== (o = null == s ? void 0 : s.renderBefore) && void 0 !== o ? o : null;
605
+ n._$litPart$ = l = new M(i.insertBefore(d(), t), t, void 0, null != s ? s : {});
606
+ }
607
+ return l._$AI(t), l;
587
608
  };
588
- const z$1 = i$2.litHtmlPolyfillSupport;
589
- 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");
590
609
 
591
610
  /**
592
611
  * @license
593
612
  * Copyright 2019 Google LLC
594
613
  * SPDX-License-Identifier: BSD-3-Clause
595
614
  */
596
- const t$1 = window.ShadowRoot && (void 0 === window.ShadyCSS || window.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype,
597
- e$2 = Symbol(),
598
- n$3 = new Map();
599
- let s$3 = class s {
615
+ const t = window.ShadowRoot && (void 0 === window.ShadyCSS || window.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype,
616
+ e$1 = Symbol(),
617
+ n$2 = new Map();
618
+ let s$2 = class s {
600
619
  constructor(t, n) {
601
- if (this._$cssResult$ = !0, n !== e$2) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
620
+ if (this._$cssResult$ = !0, n !== e$1) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
602
621
  this.cssText = t;
603
622
  }
604
623
  get styleSheet() {
605
- let e = n$3.get(this.cssText);
606
- return t$1 && void 0 === e && (n$3.set(this.cssText, e = new CSSStyleSheet()), e.replaceSync(this.cssText)), e;
624
+ let e = n$2.get(this.cssText);
625
+ return t && void 0 === e && (n$2.set(this.cssText, e = new CSSStyleSheet()), e.replaceSync(this.cssText)), e;
607
626
  }
608
627
  toString() {
609
628
  return this.cssText;
610
629
  }
611
630
  };
612
- const o$3 = t => new s$3("string" == typeof t ? t : t + "", e$2),
613
- r$2 = (t, ...n) => {
631
+ const o$2 = t => new s$2("string" == typeof t ? t : t + "", e$1),
632
+ r$1 = (t, ...n) => {
614
633
  const o = 1 === t.length ? t[0] : n.reduce((e, n, s) => e + (t => {
615
634
  if (!0 === t._$cssResult$) return t.cssText;
616
635
  if ("number" == typeof t) return t;
617
636
  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.");
618
637
  })(n) + t[s + 1], t[0]);
619
- return new s$3(o, e$2);
638
+ return new s$2(o, e$1);
620
639
  },
621
- i$1 = (e, n) => {
622
- t$1 ? e.adoptedStyleSheets = n.map(t => t instanceof CSSStyleSheet ? t : t.styleSheet) : n.forEach(t => {
640
+ i = (e, n) => {
641
+ t ? e.adoptedStyleSheets = n.map(t => t instanceof CSSStyleSheet ? t : t.styleSheet) : n.forEach(t => {
623
642
  const n = document.createElement("style"),
624
643
  s = window.litNonce;
625
644
  void 0 !== s && n.setAttribute("nonce", s), n.textContent = t.cssText, e.appendChild(n);
626
645
  });
627
646
  },
628
- S$1 = t$1 ? t => t : t => t instanceof CSSStyleSheet ? (t => {
647
+ S = t ? t => t : t => t instanceof CSSStyleSheet ? (t => {
629
648
  let e = "";
630
649
  for (const n of t.cssRules) e += n.cssText;
631
- return o$3(e);
650
+ return o$2(e);
632
651
  })(t) : t;
633
652
 
634
653
  /**
@@ -636,15 +655,15 @@
636
655
  * Copyright 2017 Google LLC
637
656
  * SPDX-License-Identifier: BSD-3-Clause
638
657
  */
639
- var s$2;
640
- const e$1 = window.trustedTypes,
641
- r$1 = e$1 ? e$1.emptyScript : "",
642
- h$1 = window.reactiveElementPolyfillSupport,
643
- o$2 = {
658
+ var s$1;
659
+ const e = window.trustedTypes,
660
+ r = e ? e.emptyScript : "",
661
+ h = window.reactiveElementPolyfillSupport,
662
+ o$1 = {
644
663
  toAttribute(t, i) {
645
664
  switch (i) {
646
665
  case Boolean:
647
- t = t ? r$1 : null;
666
+ t = t ? r : null;
648
667
  break;
649
668
  case Object:
650
669
  case Array:
@@ -672,15 +691,15 @@
672
691
  return s;
673
692
  }
674
693
  },
675
- n$2 = (t, i) => i !== t && (i == i || t == t),
676
- l$3 = {
694
+ n$1 = (t, i) => i !== t && (i == i || t == t),
695
+ l$2 = {
677
696
  attribute: !0,
678
697
  type: String,
679
- converter: o$2,
698
+ converter: o$1,
680
699
  reflect: !1,
681
- hasChanged: n$2
700
+ hasChanged: n$1
682
701
  };
683
- let a$1 = class a extends HTMLElement {
702
+ class a extends HTMLElement {
684
703
  constructor() {
685
704
  super(), this._$Et = new Map(), this.isUpdatePending = !1, this.hasUpdated = !1, this._$Ei = null, this.o();
686
705
  }
@@ -696,7 +715,7 @@
696
715
  void 0 !== e && (this._$Eu.set(e, s), t.push(e));
697
716
  }), t;
698
717
  }
699
- static createProperty(t, i = l$3) {
718
+ static createProperty(t, i = l$2) {
700
719
  if (i.state && (i.attribute = !1), this.finalize(), this.elementProperties.set(t, i), !i.noAccessor && !this.prototype.hasOwnProperty(t)) {
701
720
  const s = "symbol" == typeof t ? Symbol() : "__" + t,
702
721
  e = this.getPropertyDescriptor(t, s, i);
@@ -717,7 +736,7 @@
717
736
  };
718
737
  }
719
738
  static getPropertyOptions(t) {
720
- return this.elementProperties.get(t) || l$3;
739
+ return this.elementProperties.get(t) || l$2;
721
740
  }
722
741
  static finalize() {
723
742
  if (this.hasOwnProperty("finalized")) return !1;
@@ -734,8 +753,8 @@
734
753
  const s = [];
735
754
  if (Array.isArray(i)) {
736
755
  const e = new Set(i.flat(1 / 0).reverse());
737
- for (const i of e) s.unshift(S$1(i));
738
- } else void 0 !== i && s.push(S$1(i));
756
+ for (const i of e) s.unshift(S(i));
757
+ } else void 0 !== i && s.push(S(i));
739
758
  return s;
740
759
  }
741
760
  static _$Eh(t, i) {
@@ -762,7 +781,7 @@
762
781
  createRenderRoot() {
763
782
  var t;
764
783
  const s = null !== (t = this.shadowRoot) && void 0 !== t ? t : this.attachShadow(this.constructor.shadowRootOptions);
765
- return i$1(s, this.constructor.elementStyles), s;
784
+ return i(s, this.constructor.elementStyles), s;
766
785
  }
767
786
  connectedCallback() {
768
787
  var t;
@@ -782,11 +801,11 @@
782
801
  attributeChangedCallback(t, i, s) {
783
802
  this._$AK(t, s);
784
803
  }
785
- _$ES(t, i, s = l$3) {
804
+ _$ES(t, i, s = l$2) {
786
805
  var e, r;
787
806
  const h = this.constructor._$Eh(t, s);
788
807
  if (void 0 !== h && !0 === s.reflect) {
789
- 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);
808
+ 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);
790
809
  this._$Ei = t, null == n ? this.removeAttribute(h) : this.setAttribute(h, n), this._$Ei = null;
791
810
  }
792
811
  }
@@ -797,13 +816,13 @@
797
816
  if (void 0 !== n && this._$Ei !== n) {
798
817
  const t = h.getPropertyOptions(n),
799
818
  l = t.converter,
800
- 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;
819
+ 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;
801
820
  this._$Ei = n, this[n] = a(i, t.type), this._$Ei = null;
802
821
  }
803
822
  }
804
823
  requestUpdate(t, i, s) {
805
824
  let e = !0;
806
- 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_());
825
+ 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_());
807
826
  }
808
827
  async _$E_() {
809
828
  this.isUpdatePending = !0;
@@ -859,337 +878,12 @@
859
878
  }
860
879
  updated(t) {}
861
880
  firstUpdated(t) {}
862
- };
863
- a$1.finalized = !0, a$1.elementProperties = new Map(), a$1.elementStyles = [], a$1.shadowRootOptions = {
864
- mode: "open"
865
- }, null == h$1 || h$1({
866
- ReactiveElement: a$1
867
- }), (null !== (s$2 = globalThis.reactiveElementVersions) && void 0 !== s$2 ? s$2 : globalThis.reactiveElementVersions = []).push("1.3.1");
868
-
869
- /**
870
- * @license
871
- * Copyright 2017 Google LLC
872
- * SPDX-License-Identifier: BSD-3-Clause
873
- */
874
- var t;
875
- const i = globalThis.trustedTypes,
876
- s$1 = i ? i.createPolicy("lit-html", {
877
- createHTML: t => t
878
- }) : void 0,
879
- e = `lit$${(Math.random() + "").slice(9)}$`,
880
- o$1 = "?" + e,
881
- n$1 = `<${o$1}>`,
882
- l$2 = document,
883
- h = (t = "") => l$2.createComment(t),
884
- r = t => null === t || "object" != typeof t && "function" != typeof t,
885
- d = Array.isArray,
886
- u = t => {
887
- var i;
888
- return d(t) || "function" == typeof (null === (i = t) || void 0 === i ? void 0 : i[Symbol.iterator]);
889
- },
890
- c = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,
891
- v = /-->/g,
892
- a = />/g,
893
- f = />|[ \n \r](?:([^\s"'>=/]+)([ \n \r]*=[ \n \r]*(?:[^ \n \r"'`<>=]|("|')|))|$)/g,
894
- _ = /'/g,
895
- m = /"/g,
896
- g = /^(?:script|style|textarea|title)$/i,
897
- p = t => (i, ...s) => ({
898
- _$litType$: t,
899
- strings: i,
900
- values: s
901
- }),
902
- $ = p(1),
903
- y$1 = p(2),
904
- b = Symbol.for("lit-noChange"),
905
- w = Symbol.for("lit-nothing"),
906
- T = new WeakMap(),
907
- x$1 = (t, i, s) => {
908
- var e, o;
909
- const n = null !== (e = null == s ? void 0 : s.renderBefore) && void 0 !== e ? e : i;
910
- let l = n._$litPart$;
911
- if (void 0 === l) {
912
- const t = null !== (o = null == s ? void 0 : s.renderBefore) && void 0 !== o ? o : null;
913
- n._$litPart$ = l = new N(i.insertBefore(h(), t), t, void 0, null != s ? s : {});
914
- }
915
- return l._$AI(t), l;
916
- },
917
- A = l$2.createTreeWalker(l$2, 129, null, !1),
918
- C = (t, i) => {
919
- const o = t.length - 1,
920
- l = [];
921
- let h,
922
- r = 2 === i ? "<svg>" : "",
923
- d = c;
924
- for (let i = 0; i < o; i++) {
925
- const s = t[i];
926
- let o,
927
- u,
928
- p = -1,
929
- $ = 0;
930
- 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);
931
- const y = d === f && t[i + 1].startsWith("/>") ? " " : "";
932
- 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);
933
- }
934
- const u = r + (t[o] || "<?>") + (2 === i ? "</svg>" : "");
935
- if (!Array.isArray(t) || !t.hasOwnProperty("raw")) throw Error("invalid template strings array");
936
- return [void 0 !== s$1 ? s$1.createHTML(u) : u, l];
937
- };
938
- class E {
939
- constructor({
940
- strings: t,
941
- _$litType$: s
942
- }, n) {
943
- let l;
944
- this.parts = [];
945
- let r = 0,
946
- d = 0;
947
- const u = t.length - 1,
948
- c = this.parts,
949
- [v, a] = C(t, s);
950
- if (this.el = E.createElement(v, n), A.currentNode = this.el.content, 2 === s) {
951
- const t = this.el.content,
952
- i = t.firstChild;
953
- i.remove(), t.append(...i.childNodes);
954
- }
955
- for (; null !== (l = A.nextNode()) && c.length < u;) {
956
- if (1 === l.nodeType) {
957
- if (l.hasAttributes()) {
958
- const t = [];
959
- for (const i of l.getAttributeNames()) if (i.endsWith("$lit$") || i.startsWith(e)) {
960
- const s = a[d++];
961
- if (t.push(i), void 0 !== s) {
962
- const t = l.getAttribute(s.toLowerCase() + "$lit$").split(e),
963
- i = /([.?@])?(.*)/.exec(s);
964
- c.push({
965
- type: 1,
966
- index: r,
967
- name: i[2],
968
- strings: t,
969
- ctor: "." === i[1] ? M : "?" === i[1] ? H : "@" === i[1] ? I : S
970
- });
971
- } else c.push({
972
- type: 6,
973
- index: r
974
- });
975
- }
976
- for (const i of t) l.removeAttribute(i);
977
- }
978
- if (g.test(l.tagName)) {
979
- const t = l.textContent.split(e),
980
- s = t.length - 1;
981
- if (s > 0) {
982
- l.textContent = i ? i.emptyScript : "";
983
- for (let i = 0; i < s; i++) l.append(t[i], h()), A.nextNode(), c.push({
984
- type: 2,
985
- index: ++r
986
- });
987
- l.append(t[s], h());
988
- }
989
- }
990
- } else if (8 === l.nodeType) if (l.data === o$1) c.push({
991
- type: 2,
992
- index: r
993
- });else {
994
- let t = -1;
995
- for (; -1 !== (t = l.data.indexOf(e, t + 1));) c.push({
996
- type: 7,
997
- index: r
998
- }), t += e.length - 1;
999
- }
1000
- r++;
1001
- }
1002
- }
1003
- static createElement(t, i) {
1004
- const s = l$2.createElement("template");
1005
- return s.innerHTML = t, s;
1006
- }
1007
- }
1008
- function P(t, i, s = t, e) {
1009
- var o, n, l, h;
1010
- if (i === b) return i;
1011
- let d = void 0 !== e ? null === (o = s._$Cl) || void 0 === o ? void 0 : o[e] : s._$Cu;
1012
- const u = r(i) ? void 0 : i._$litDirective$;
1013
- 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;
1014
881
  }
1015
- class V {
1016
- constructor(t, i) {
1017
- this.v = [], this._$AN = void 0, this._$AD = t, this._$AM = i;
1018
- }
1019
- get parentNode() {
1020
- return this._$AM.parentNode;
1021
- }
1022
- get _$AU() {
1023
- return this._$AM._$AU;
1024
- }
1025
- p(t) {
1026
- var i;
1027
- const {
1028
- el: {
1029
- content: s
1030
- },
1031
- parts: e
1032
- } = this._$AD,
1033
- o = (null !== (i = null == t ? void 0 : t.creationScope) && void 0 !== i ? i : l$2).importNode(s, !0);
1034
- A.currentNode = o;
1035
- let n = A.nextNode(),
1036
- h = 0,
1037
- r = 0,
1038
- d = e[0];
1039
- for (; void 0 !== d;) {
1040
- if (h === d.index) {
1041
- let i;
1042
- 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];
1043
- }
1044
- h !== (null == d ? void 0 : d.index) && (n = A.nextNode(), h++);
1045
- }
1046
- return o;
1047
- }
1048
- m(t) {
1049
- let i = 0;
1050
- 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++;
1051
- }
1052
- }
1053
- class N {
1054
- constructor(t, i, s, e) {
1055
- var o;
1056
- 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;
1057
- }
1058
- get _$AU() {
1059
- var t, i;
1060
- return null !== (i = null === (t = this._$AM) || void 0 === t ? void 0 : t._$AU) && void 0 !== i ? i : this._$Cg;
1061
- }
1062
- get parentNode() {
1063
- let t = this._$AA.parentNode;
1064
- const i = this._$AM;
1065
- return void 0 !== i && 11 === t.nodeType && (t = i.parentNode), t;
1066
- }
1067
- get startNode() {
1068
- return this._$AA;
1069
- }
1070
- get endNode() {
1071
- return this._$AB;
1072
- }
1073
- _$AI(t, i = this) {
1074
- 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);
1075
- }
1076
- A(t, i = this._$AB) {
1077
- return this._$AA.parentNode.insertBefore(t, i);
1078
- }
1079
- k(t) {
1080
- this._$AH !== t && (this._$AR(), this._$AH = this.A(t));
1081
- }
1082
- $(t) {
1083
- this._$AH !== w && r(this._$AH) ? this._$AA.nextSibling.data = t : this.k(l$2.createTextNode(t)), this._$AH = t;
1084
- }
1085
- T(t) {
1086
- var i;
1087
- const {
1088
- values: s,
1089
- _$litType$: e
1090
- } = t,
1091
- o = "number" == typeof e ? this._$AC(t) : (void 0 === e.el && (e.el = E.createElement(e.h, this.options)), e);
1092
- if ((null === (i = this._$AH) || void 0 === i ? void 0 : i._$AD) === o) this._$AH.m(s);else {
1093
- const t = new V(o, this),
1094
- i = t.p(this.options);
1095
- t.m(s), this.k(i), this._$AH = t;
1096
- }
1097
- }
1098
- _$AC(t) {
1099
- let i = T.get(t.strings);
1100
- return void 0 === i && T.set(t.strings, i = new E(t)), i;
1101
- }
1102
- S(t) {
1103
- d(this._$AH) || (this._$AH = [], this._$AR());
1104
- const i = this._$AH;
1105
- let s,
1106
- e = 0;
1107
- 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++;
1108
- e < i.length && (this._$AR(s && s._$AB.nextSibling, e), i.length = e);
1109
- }
1110
- _$AR(t = this._$AA.nextSibling, i) {
1111
- var s;
1112
- for (null === (s = this._$AP) || void 0 === s || s.call(this, !1, !0, i); t && t !== this._$AB;) {
1113
- const i = t.nextSibling;
1114
- t.remove(), t = i;
1115
- }
1116
- }
1117
- setConnected(t) {
1118
- var i;
1119
- void 0 === this._$AM && (this._$Cg = t, null === (i = this._$AP) || void 0 === i || i.call(this, t));
1120
- }
1121
- }
1122
- class S {
1123
- constructor(t, i, s, e, o) {
1124
- 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;
1125
- }
1126
- get tagName() {
1127
- return this.element.tagName;
1128
- }
1129
- get _$AU() {
1130
- return this._$AM._$AU;
1131
- }
1132
- _$AI(t, i = this, s, e) {
1133
- const o = this.strings;
1134
- let n = !1;
1135
- if (void 0 === o) t = P(this, t, i, 0), n = !r(t) || t !== this._$AH && t !== b, n && (this._$AH = t);else {
1136
- const e = t;
1137
- let l, h;
1138
- 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;
1139
- }
1140
- n && !e && this.C(t);
1141
- }
1142
- C(t) {
1143
- t === w ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, null != t ? t : "");
1144
- }
1145
- }
1146
- class M extends S {
1147
- constructor() {
1148
- super(...arguments), this.type = 3;
1149
- }
1150
- C(t) {
1151
- this.element[this.name] = t === w ? void 0 : t;
1152
- }
1153
- }
1154
- const k = i ? i.emptyScript : "";
1155
- class H extends S {
1156
- constructor() {
1157
- super(...arguments), this.type = 4;
1158
- }
1159
- C(t) {
1160
- t && t !== w ? this.element.setAttribute(this.name, k) : this.element.removeAttribute(this.name);
1161
- }
1162
- }
1163
- class I extends S {
1164
- constructor(t, i, s, e, o) {
1165
- super(t, i, s, e, o), this.type = 5;
1166
- }
1167
- _$AI(t, i = this) {
1168
- var s;
1169
- if ((t = null !== (s = P(this, t, i, 0)) && void 0 !== s ? s : w) === b) return;
1170
- const e = this._$AH,
1171
- o = t === w && e !== w || t.capture !== e.capture || t.once !== e.once || t.passive !== e.passive,
1172
- n = t !== w && (e === w || o);
1173
- o && this.element.removeEventListener(this.name, this, e), n && this.element.addEventListener(this.name, this, t), this._$AH = t;
1174
- }
1175
- handleEvent(t) {
1176
- var i, s;
1177
- "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);
1178
- }
1179
- }
1180
- class L {
1181
- constructor(t, i, s) {
1182
- this.element = t, this.type = 6, this._$AN = void 0, this._$AM = i, this.options = s;
1183
- }
1184
- get _$AU() {
1185
- return this._$AM._$AU;
1186
- }
1187
- _$AI(t) {
1188
- P(this, t);
1189
- }
1190
- }
1191
- const z = window.litHtmlPolyfillSupport;
1192
- null == z || z(E, N), (null !== (t = globalThis.litHtmlVersions) && void 0 !== t ? t : globalThis.litHtmlVersions = []).push("2.2.1");
882
+ a.finalized = !0, a.elementProperties = new Map(), a.elementStyles = [], a.shadowRootOptions = {
883
+ mode: "open"
884
+ }, null == h || h({
885
+ ReactiveElement: a
886
+ }), (null !== (s$1 = globalThis.reactiveElementVersions) && void 0 !== s$1 ? s$1 : globalThis.reactiveElementVersions = []).push("1.3.1");
1193
887
 
1194
888
  /**
1195
889
  * @license
@@ -1197,11 +891,11 @@
1197
891
  * SPDX-License-Identifier: BSD-3-Clause
1198
892
  */
1199
893
  var l$1, o;
1200
- class s extends a$1 {
894
+ class s extends a {
1201
895
  constructor() {
1202
896
  super(...arguments), this.renderOptions = {
1203
897
  host: this
1204
- }, this._$Dt = void 0;
898
+ }, this._$Do = void 0;
1205
899
  }
1206
900
  createRenderRoot() {
1207
901
  var t, e;
@@ -1210,18 +904,18 @@
1210
904
  }
1211
905
  update(t) {
1212
906
  const i = this.render();
1213
- this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Dt = x$1(i, this.renderRoot, this.renderOptions);
907
+ this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = B(i, this.renderRoot, this.renderOptions);
1214
908
  }
1215
909
  connectedCallback() {
1216
910
  var t;
1217
- super.connectedCallback(), null === (t = this._$Dt) || void 0 === t || t.setConnected(!0);
911
+ super.connectedCallback(), null === (t = this._$Do) || void 0 === t || t.setConnected(!0);
1218
912
  }
1219
913
  disconnectedCallback() {
1220
914
  var t;
1221
- super.disconnectedCallback(), null === (t = this._$Dt) || void 0 === t || t.setConnected(!1);
915
+ super.disconnectedCallback(), null === (t = this._$Do) || void 0 === t || t.setConnected(!1);
1222
916
  }
1223
917
  render() {
1224
- return b;
918
+ return T;
1225
919
  }
1226
920
  }
1227
921
  s.finalized = !0, s._$litElement$ = !0, null === (l$1 = globalThis.litElementHydrateSupport) || void 0 === l$1 || l$1.call(globalThis, {
@@ -1231,7 +925,7 @@
1231
925
  null == n || n({
1232
926
  LitElement: s
1233
927
  });
1234
- (null !== (o = globalThis.litElementVersions) && void 0 !== o ? o : globalThis.litElementVersions = []).push("3.2.0");
928
+ (null !== (o = globalThis.litElementVersions) && void 0 !== o ? o : globalThis.litElementVersions = []).push("3.3.0");
1235
929
 
1236
930
  function ascending$2(a, b) {
1237
931
  return a == null || b == null ? NaN : a < b ? -1 : a > b ? 1 : a >= b ? 0 : NaN;
@@ -6475,7 +6169,6 @@
6475
6169
  return "translate(" + this.x + "," + this.y + ") scale(" + this.k + ")";
6476
6170
  }
6477
6171
  };
6478
- new Transform(1, 0, 0);
6479
6172
  Transform.prototype;
6480
6173
 
6481
6174
  /*
@@ -6653,7 +6346,7 @@
6653
6346
  const shadows = DecidablesElement.shadows; /* eslint-disable-line prefer-destructuring */
6654
6347
 
6655
6348
  const filters = shadows.elevations.map(z => {
6656
- return y$1`
6349
+ return b`
6657
6350
  <filter id=${`shadow-${z}`} x="-250%" y="-250%" width="600%" height="600%">
6658
6351
  <feComponentTransfer in="SourceAlpha" result="solid">
6659
6352
  <feFuncA type="table" tableValues="0 1 1"/>
@@ -6661,9 +6354,9 @@
6661
6354
  <feOffset in="solid" result="offU" dx=${shadows.mapUmbra[z].y / 2} dy=${shadows.mapUmbra[z].y} />
6662
6355
  <feOffset in="solid" result="offP" dx=${shadows.mapPenumbra[z].y / 2} dy=${shadows.mapPenumbra[z].y} />
6663
6356
  <feOffset in="solid" result="offA" dx=${shadows.mapAmbient[z].y / 2} dy=${shadows.mapAmbient[z].y} />
6664
- ${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)} />`}
6665
- ${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)} />`}
6666
- ${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)} />`}
6357
+ ${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)} />`}
6358
+ ${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)} />`}
6359
+ ${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)} />`}
6667
6360
  <feGaussianBlur in=${shadows.mapUmbra[z].s === 0 ? 'offU' : 'spreadU'} result="blurU" stdDeviation=${shadows.mapUmbra[z].b / 2} />
6668
6361
  <feGaussianBlur in=${shadows.mapPenumbra[z].s === 0 ? 'offP' : 'spreadP'} result="blurP" stdDeviation=${shadows.mapPenumbra[z].b / 2} />
6669
6362
  <feGaussianBlur in=${shadows.mapAmbient[z].s === 0 ? 'offA' : 'spreadA'} result="blurA" stdDeviation=${shadows.mapAmbient[z].b / 2} />
@@ -6685,7 +6378,7 @@
6685
6378
  </feMerge>
6686
6379
  </filter>`;
6687
6380
  });
6688
- return y$1`
6381
+ return b`
6689
6382
  <svg class="defs">
6690
6383
  <defs>
6691
6384
  ${filters}
@@ -6694,24 +6387,24 @@
6694
6387
  `;
6695
6388
  }
6696
6389
  static get styles() {
6697
- return r$2`
6390
+ return r$1`
6698
6391
  :host {
6699
- ---shadow-0: var(--shadow-0, ${o$3(this.cssBoxShadow(0))});
6700
- ---shadow-2: var(--shadow-2, ${o$3(this.cssBoxShadow(2))});
6701
- ---shadow-4: var(--shadow-4, ${o$3(this.cssBoxShadow(4))});
6702
- ---shadow-8: var(--shadow-8, ${o$3(this.cssBoxShadow(8))});
6703
-
6704
- ---color-background: var(--color-background, ${o$3(this.greys.white)});
6705
- ---color-border: var(--color-border, ${o$3(this.greys.light75)});
6706
- ---color-text: var(--color-text, ${o$3(this.greys.dark75)});
6707
- ---color-text-inverse: var(--color-text-inverse, ${o$3(this.greys.white)});
6708
- ---color-link: var(--color-link, ${o$3(this.greys.dark25)});
6709
- ---color-element-background: var(--color-element-background, ${o$3(this.greys.light75)});
6710
- ---color-element-disabled: var(--color-element-disabled, ${o$3(this.greys.light50)});
6711
- ---color-element-enabled: var(--color-element-enabled, ${o$3(this.greys.dark25)});
6712
- ---color-element-selected: var(--color-element-selected, ${o$3(this.greys.grey)});
6713
- ---color-element-border: var(--color-element-border, ${o$3(this.greys.dark50)});
6714
- ---color-element-emphasis: var(--color-element-emphasis, ${o$3(this.greys.dark75)});
6392
+ ---shadow-0: var(--shadow-0, ${o$2(this.cssBoxShadow(0))});
6393
+ ---shadow-2: var(--shadow-2, ${o$2(this.cssBoxShadow(2))});
6394
+ ---shadow-4: var(--shadow-4, ${o$2(this.cssBoxShadow(4))});
6395
+ ---shadow-8: var(--shadow-8, ${o$2(this.cssBoxShadow(8))});
6396
+
6397
+ ---color-background: var(--color-background, ${o$2(this.greys.white)});
6398
+ ---color-border: var(--color-border, ${o$2(this.greys.light75)});
6399
+ ---color-text: var(--color-text, ${o$2(this.greys.dark75)});
6400
+ ---color-text-inverse: var(--color-text-inverse, ${o$2(this.greys.white)});
6401
+ ---color-link: var(--color-link, ${o$2(this.greys.dark25)});
6402
+ ---color-element-background: var(--color-element-background, ${o$2(this.greys.light75)});
6403
+ ---color-element-disabled: var(--color-element-disabled, ${o$2(this.greys.light50)});
6404
+ ---color-element-enabled: var(--color-element-enabled, ${o$2(this.greys.dark25)});
6405
+ ---color-element-selected: var(--color-element-selected, ${o$2(this.greys.grey)});
6406
+ ---color-element-border: var(--color-element-border, ${o$2(this.greys.dark50)});
6407
+ ---color-element-emphasis: var(--color-element-emphasis, ${o$2(this.greys.dark75)});
6715
6408
 
6716
6409
  ---font-family-base: var(--font-family-base, "Source Sans", sans-serif);
6717
6410
  ---font-family-math: var(--font-family-math, "Source Serif", serif);
@@ -6772,7 +6465,7 @@
6772
6465
  this.disabled = false;
6773
6466
  }
6774
6467
  static get styles() {
6775
- return [super.styles, r$2`
6468
+ return [super.styles, r$1`
6776
6469
  :host {
6777
6470
  margin: 0.25rem;
6778
6471
  }
@@ -6828,7 +6521,7 @@
6828
6521
  `];
6829
6522
  }
6830
6523
  render() {
6831
- return $`
6524
+ return x$1`
6832
6525
  <button ?disabled=${this.disabled}>
6833
6526
  <slot></slot>
6834
6527
  </button>
@@ -6842,7 +6535,7 @@
6842
6535
  * Copyright 2018 Google LLC
6843
6536
  * SPDX-License-Identifier: BSD-3-Clause
6844
6537
  */
6845
- const l = l => null != l ? l : b$1;
6538
+ const l = l => null != l ? l : A;
6846
6539
 
6847
6540
  class DecidablesSlider extends DecidablesElement {
6848
6541
  static get properties() {
@@ -6897,11 +6590,11 @@
6897
6590
  this.value = event.target.value;
6898
6591
  }
6899
6592
  static get styles() {
6900
- return [super.styles, r$2`
6593
+ return [super.styles, r$1`
6901
6594
  :host {
6902
- ---shadow-2-rotate: var(--shadow-2-rotate, ${o$3(this.cssBoxShadow(2, true, false))});
6903
- ---shadow-4-rotate: var(--shadow-4-rotate, ${o$3(this.cssBoxShadow(4, true, false))});
6904
- ---shadow-8-rotate: var(--shadow-8-rotate, ${o$3(this.cssBoxShadow(8, true, false))});
6595
+ ---shadow-2-rotate: var(--shadow-2-rotate, ${o$2(this.cssBoxShadow(2, true, false))});
6596
+ ---shadow-4-rotate: var(--shadow-4-rotate, ${o$2(this.cssBoxShadow(4, true, false))});
6597
+ ---shadow-8-rotate: var(--shadow-8-rotate, ${o$2(this.cssBoxShadow(8, true, false))});
6905
6598
 
6906
6599
  display: flex;
6907
6600
 
@@ -7150,7 +6843,7 @@
7150
6843
  `];
7151
6844
  }
7152
6845
  render() {
7153
- return $`
6846
+ return x$1`
7154
6847
  <label for="slider">
7155
6848
  <slot></slot>
7156
6849
  </label>
@@ -7207,7 +6900,7 @@
7207
6900
  this.value = event.target.value;
7208
6901
  }
7209
6902
  static get styles() {
7210
- return [super.styles, r$2`
6903
+ return [super.styles, r$1`
7211
6904
  :host {
7212
6905
  ---decidables-spinner-font-size: var(--decidables-spinner-font-size, 1.125rem);
7213
6906
  ---decidables-spinner-input-width: var(--decidables-spinner-input-width, 4rem);
@@ -7289,7 +6982,7 @@
7289
6982
  `];
7290
6983
  }
7291
6984
  render() {
7292
- return $`
6985
+ return x$1`
7293
6986
  <label>
7294
6987
  <slot></slot>
7295
6988
  <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)}>
@@ -7331,7 +7024,7 @@
7331
7024
  }));
7332
7025
  }
7333
7026
  static get styles() {
7334
- return [super.styles, r$2`
7027
+ return [super.styles, r$1`
7335
7028
  :host {
7336
7029
  display: flex;
7337
7030
 
@@ -7453,7 +7146,7 @@
7453
7146
  `];
7454
7147
  }
7455
7148
  render() {
7456
- return $`
7149
+ return x$1`
7457
7150
  <input type="checkbox" id="switch" ?checked=${this.checked} ?disabled=${this.disabled} @change=${this.changed.bind(this)}>
7458
7151
  <label for="switch">
7459
7152
  <slot name="off-label"></slot>
@@ -7483,7 +7176,7 @@
7483
7176
  this.disabled = false;
7484
7177
  }
7485
7178
  static get styles() {
7486
- return [super.styles, r$2`
7179
+ return [super.styles, r$1`
7487
7180
  fieldset {
7488
7181
  display: flex;
7489
7182
 
@@ -7503,7 +7196,7 @@
7503
7196
  `];
7504
7197
  }
7505
7198
  render() {
7506
- return $`
7199
+ return x$1`
7507
7200
  <fieldset ?disabled=${this.disabled}>
7508
7201
  <legend><slot name="label"></slot></legend>
7509
7202
  <slot></slot>
@@ -7558,7 +7251,7 @@
7558
7251
  }));
7559
7252
  }
7560
7253
  static get styles() {
7561
- return [super.styles, r$2`
7254
+ return [super.styles, r$1`
7562
7255
  :host {
7563
7256
  display: flex;
7564
7257
  }
@@ -7654,7 +7347,7 @@
7654
7347
  `];
7655
7348
  }
7656
7349
  render() {
7657
- return $`
7350
+ return x$1`
7658
7351
  <input type="radio" id="toggle-option" name=${this.name} value=${this.value} .checked=${this.checked} @change=${this.changed.bind(this)}>
7659
7352
  <label for="toggle-option">
7660
7353
  <slot></slot>
@@ -7744,55 +7437,55 @@
7744
7437
  }, {});
7745
7438
  }
7746
7439
  static get styles() {
7747
- return [super.styles, r$2`
7440
+ return [super.styles, r$1`
7748
7441
  :host {
7749
- ---color-h: var(--color-h, ${o$3(this.colors.h)});
7750
- ---color-m: var(--color-m, ${o$3(this.colors.m)});
7751
- ---color-fa: var(--color-fa, ${o$3(this.colors.fa)});
7752
- ---color-cr: var(--color-cr, ${o$3(this.colors.cr)});
7753
- ---color-hr: var(--color-hr, ${o$3(this.colors.hr)});
7754
- ---color-far: var(--color-far, ${o$3(this.colors.far)});
7755
- ---color-acc: var(--color-acc, ${o$3(this.colors.acc)});
7756
- ---color-d: var(--color-d, ${o$3(this.colors.d)});
7757
- ---color-c: var(--color-c, ${o$3(this.colors.c)});
7758
- ---color-s: var(--color-s, ${o$3(this.colors.s)});
7759
- ---color-present: var(--color-present, ${o$3(this.colors.present)});
7760
- ---color-absent: var(--color-absent, ${o$3(this.colors.absent)});
7761
- ---color-correct: var(--color-correct, ${o$3(this.colors.correct)});
7762
- ---color-error: var(--color-error, ${o$3(this.colors.error)});
7763
- ---color-nr: var(--color-nr, ${o$3(this.colors.nr)});
7764
-
7765
- ---color-h-light: var(--color-h-light, ${o$3(this.lights.h)});
7766
- ---color-m-light: var(--color-m-light, ${o$3(this.lights.m)});
7767
- ---color-fa-light: var(--color-fa-light, ${o$3(this.lights.fa)});
7768
- ---color-cr-light: var(--color-cr-light, ${o$3(this.lights.cr)});
7769
- ---color-hr-light: var(--color-hr-light, ${o$3(this.lights.hr)});
7770
- ---color-far-light: var(--color-far-light, ${o$3(this.lights.far)});
7771
- ---color-acc-light: var(--color-acc-light, ${o$3(this.lights.acc)});
7772
- ---color-d-light: var(--color-d-light, ${o$3(this.lights.d)});
7773
- ---color-c-light: var(--color-c-light, ${o$3(this.lights.c)});
7774
- ---color-s-light: var(--color-s-light, ${o$3(this.lights.s)});
7775
- ---color-present-light: var(--color-present-light, ${o$3(this.lights.present)});
7776
- ---color-absent-light: var(--color-absent-light, ${o$3(this.lights.absent)});
7777
- ---color-correct-light: var(--color-correct-light, ${o$3(this.lights.correct)});
7778
- ---color-error-light: var(--color-error-light, ${o$3(this.lights.error)});
7779
- ---color-nr-light: var(--color-nr-light, ${o$3(this.lights.nr)});
7780
-
7781
- ---color-h-dark: var(--color-h-dark, ${o$3(this.darks.h)});
7782
- ---color-m-dark: var(--color-m-dark, ${o$3(this.darks.m)});
7783
- ---color-fa-dark: var(--color-fa-dark, ${o$3(this.darks.fa)});
7784
- ---color-cr-dark: var(--color-cr-dark, ${o$3(this.darks.cr)});
7785
- ---color-hr-dark: var(--color-hr-dark, ${o$3(this.darks.hr)});
7786
- ---color-far-dark: var(--color-far-dark, ${o$3(this.darks.far)});
7787
- ---color-acc-dark: var(--color-acc-dark, ${o$3(this.darks.acc)});
7788
- ---color-d-dark: var(--color-d-dark, ${o$3(this.darks.d)});
7789
- ---color-c-dark: var(--color-c-dark, ${o$3(this.darks.c)});
7790
- ---color-s-dark: var(--color-s-dark, ${o$3(this.darks.s)});
7791
- ---color-present-dark: var(--color-present-dark, ${o$3(this.darks.present)});
7792
- ---color-absent-dark: var(--color-absent-dark, ${o$3(this.darks.absent)});
7793
- ---color-correct-dark: var(--color-correct-dark, ${o$3(this.darks.correct)});
7794
- ---color-error-dark: var(--color-error-dark, ${o$3(this.darks.error)});
7795
- ---color-nr-dark: var(--color-nr-dark, ${o$3(this.darks.nr)});
7442
+ ---color-h: var(--color-h, ${o$2(this.colors.h)});
7443
+ ---color-m: var(--color-m, ${o$2(this.colors.m)});
7444
+ ---color-fa: var(--color-fa, ${o$2(this.colors.fa)});
7445
+ ---color-cr: var(--color-cr, ${o$2(this.colors.cr)});
7446
+ ---color-hr: var(--color-hr, ${o$2(this.colors.hr)});
7447
+ ---color-far: var(--color-far, ${o$2(this.colors.far)});
7448
+ ---color-acc: var(--color-acc, ${o$2(this.colors.acc)});
7449
+ ---color-d: var(--color-d, ${o$2(this.colors.d)});
7450
+ ---color-c: var(--color-c, ${o$2(this.colors.c)});
7451
+ ---color-s: var(--color-s, ${o$2(this.colors.s)});
7452
+ ---color-present: var(--color-present, ${o$2(this.colors.present)});
7453
+ ---color-absent: var(--color-absent, ${o$2(this.colors.absent)});
7454
+ ---color-correct: var(--color-correct, ${o$2(this.colors.correct)});
7455
+ ---color-error: var(--color-error, ${o$2(this.colors.error)});
7456
+ ---color-nr: var(--color-nr, ${o$2(this.colors.nr)});
7457
+
7458
+ ---color-h-light: var(--color-h-light, ${o$2(this.lights.h)});
7459
+ ---color-m-light: var(--color-m-light, ${o$2(this.lights.m)});
7460
+ ---color-fa-light: var(--color-fa-light, ${o$2(this.lights.fa)});
7461
+ ---color-cr-light: var(--color-cr-light, ${o$2(this.lights.cr)});
7462
+ ---color-hr-light: var(--color-hr-light, ${o$2(this.lights.hr)});
7463
+ ---color-far-light: var(--color-far-light, ${o$2(this.lights.far)});
7464
+ ---color-acc-light: var(--color-acc-light, ${o$2(this.lights.acc)});
7465
+ ---color-d-light: var(--color-d-light, ${o$2(this.lights.d)});
7466
+ ---color-c-light: var(--color-c-light, ${o$2(this.lights.c)});
7467
+ ---color-s-light: var(--color-s-light, ${o$2(this.lights.s)});
7468
+ ---color-present-light: var(--color-present-light, ${o$2(this.lights.present)});
7469
+ ---color-absent-light: var(--color-absent-light, ${o$2(this.lights.absent)});
7470
+ ---color-correct-light: var(--color-correct-light, ${o$2(this.lights.correct)});
7471
+ ---color-error-light: var(--color-error-light, ${o$2(this.lights.error)});
7472
+ ---color-nr-light: var(--color-nr-light, ${o$2(this.lights.nr)});
7473
+
7474
+ ---color-h-dark: var(--color-h-dark, ${o$2(this.darks.h)});
7475
+ ---color-m-dark: var(--color-m-dark, ${o$2(this.darks.m)});
7476
+ ---color-fa-dark: var(--color-fa-dark, ${o$2(this.darks.fa)});
7477
+ ---color-cr-dark: var(--color-cr-dark, ${o$2(this.darks.cr)});
7478
+ ---color-hr-dark: var(--color-hr-dark, ${o$2(this.darks.hr)});
7479
+ ---color-far-dark: var(--color-far-dark, ${o$2(this.darks.far)});
7480
+ ---color-acc-dark: var(--color-acc-dark, ${o$2(this.darks.acc)});
7481
+ ---color-d-dark: var(--color-d-dark, ${o$2(this.darks.d)});
7482
+ ---color-c-dark: var(--color-c-dark, ${o$2(this.darks.c)});
7483
+ ---color-s-dark: var(--color-s-dark, ${o$2(this.darks.s)});
7484
+ ---color-present-dark: var(--color-present-dark, ${o$2(this.darks.present)});
7485
+ ---color-absent-dark: var(--color-absent-dark, ${o$2(this.darks.absent)});
7486
+ ---color-correct-dark: var(--color-correct-dark, ${o$2(this.darks.correct)});
7487
+ ---color-error-dark: var(--color-error-dark, ${o$2(this.darks.error)});
7488
+ ---color-nr-dark: var(--color-nr-dark, ${o$2(this.darks.nr)});
7796
7489
  }
7797
7490
  `];
7798
7491
  }
@@ -7928,7 +7621,7 @@
7928
7621
  }
7929
7622
 
7930
7623
  static get styles() {
7931
- return [super.styles, r$2`
7624
+ return [super.styles, r$1`
7932
7625
  :host {
7933
7626
  display: inline-block;
7934
7627
 
@@ -7977,7 +7670,7 @@
7977
7670
  }
7978
7671
  render() {
7979
7672
  /* eslint-disable-line class-methods-use-this */
7980
- return $``;
7673
+ return x$1``;
7981
7674
  }
7982
7675
  getDimensions() {
7983
7676
  this.width = parseFloat(this.getComputedStyleValue('width'), 10);
@@ -12978,7 +12671,7 @@
12978
12671
  this.requestUpdate();
12979
12672
  }
12980
12673
  static get styles() {
12981
- return [super.styles, r$2`
12674
+ return [super.styles, r$1`
12982
12675
  :host {
12983
12676
  display: inline-block;
12984
12677
 
@@ -13114,7 +12807,7 @@
13114
12807
  }
13115
12808
  render() {
13116
12809
  /* eslint-disable-line class-methods-use-this */
13117
- return $`
12810
+ return x$1`
13118
12811
  ${DetectableElement.svgFilters}
13119
12812
  `;
13120
12813
  }
@@ -13815,7 +13508,7 @@
13815
13508
  this.state = 'ended';
13816
13509
  }
13817
13510
  static get styles() {
13818
- return [super.styles, r$2`
13511
+ return [super.styles, r$1`
13819
13512
  :host {
13820
13513
  display: inline-block;
13821
13514
  }
@@ -13845,13 +13538,13 @@
13845
13538
  `];
13846
13539
  }
13847
13540
  render() {
13848
- return $`
13541
+ return x$1`
13849
13542
  <div class="holder">
13850
- ${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>` : $``}
13851
- ${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>` : $``}
13852
- ${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>` : $``}
13853
- ${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>` : $``}
13854
- ${this.color !== undefined ? $`
13543
+ ${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``}
13544
+ ${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``}
13545
+ ${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``}
13546
+ ${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``}
13547
+ ${this.color !== undefined ? x$1`
13855
13548
  <decidables-toggle @change=${this.chooseColor.bind(this)}>
13856
13549
  <span slot="label">Emphasis</span>
13857
13550
  <decidables-toggle-option name="toggle" value="none" ?checked=${this.color === 'none'}>None</decidables-toggle-option>
@@ -13861,20 +13554,20 @@
13861
13554
  <decidables-toggle-option name="toggle" value="outcome" ?checked=${this.color === 'outcome'}>Outcome</decidables-toggle-option>
13862
13555
  <decidables-toggle-option name="toggle" value="all" ?checked=${this.color === 'all'}>All</decidables-toggle-option>
13863
13556
  </decidables-toggle>
13864
- ` : $``}
13865
- ${this.zRoc !== undefined ? $`
13557
+ ` : x$1``}
13558
+ ${this.zRoc !== undefined ? x$1`
13866
13559
  <decidables-switch ?checked=${this.zRoc} @change=${this.flipZRoc.bind(this)}>
13867
13560
  <span class="math-var">z</span>ROC
13868
13561
  <span slot="off-label">ROC</span>
13869
13562
  </decidables-switch>
13870
- ` : $``}
13871
- ${this.run || this.pause || this.reset ? $`
13563
+ ` : x$1``}
13564
+ ${this.run || this.pause || this.reset ? x$1`
13872
13565
  <div class="buttons">
13873
- ${this.run ? $`<decidables-button name="run" ?disabled=${this.state === 'running' || this.state === 'ended'} @click=${this.doRun.bind(this)}>Run</decidables-button>` : $``}
13874
- ${this.pause ? $`<decidables-button name="pause" ?disabled=${this.state !== 'running'} @click=${this.doPause.bind(this)}>Pause</decidables-button>` : $``}
13875
- ${this.reset ? $`<decidables-button name="reset" ?disabled=${this.state === 'resetted'} @click=${this.doReset.bind(this)}>Reset</decidables-button>` : $``}
13566
+ ${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``}
13567
+ ${this.pause ? x$1`<decidables-button name="pause" ?disabled=${this.state !== 'running'} @click=${this.doPause.bind(this)}>Pause</decidables-button>` : x$1``}
13568
+ ${this.reset ? x$1`<decidables-button name="reset" ?disabled=${this.state === 'resetted'} @click=${this.doReset.bind(this)}>Reset</decidables-button>` : x$1``}
13876
13569
  </div>
13877
- ` : $``}
13570
+ ` : x$1``}
13878
13571
  </div>`;
13879
13572
  }
13880
13573
  }
@@ -14085,7 +13778,7 @@
14085
13778
  }
14086
13779
  }
14087
13780
  static get styles() {
14088
- return [super.styles, r$2`
13781
+ return [super.styles, r$1`
14089
13782
  :host {
14090
13783
  display: inline-block;
14091
13784
 
@@ -14331,7 +14024,7 @@
14331
14024
  }
14332
14025
  render() {
14333
14026
  /* eslint-disable-line class-methods-use-this */
14334
- return $`
14027
+ return x$1`
14335
14028
  ${DetectableElement.svgFilters}
14336
14029
  `;
14337
14030
  }
@@ -15445,7 +15138,7 @@
15445
15138
  this.e = 0;
15446
15139
  }
15447
15140
  static get styles() {
15448
- return [super.styles, r$2`
15141
+ return [super.styles, r$1`
15449
15142
  :host {
15450
15143
  display: inline-block;
15451
15144
  }
@@ -15587,28 +15280,28 @@
15587
15280
  return string + part;
15588
15281
  });
15589
15282
  };
15590
- return $`
15283
+ return x$1`
15591
15284
  <div class="holder">
15592
15285
  <div class="responses">
15593
15286
  <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>
15594
15287
  <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>
15595
15288
  </div>
15596
- ${this.trial || this.feedback !== 'none' || this.payoff === 'total' ? $`
15289
+ ${this.trial || this.feedback !== 'none' || this.payoff === 'total' ? x$1`
15597
15290
  <div class="feedbacks">
15598
- ${this.trial ? $`
15291
+ ${this.trial ? x$1`
15599
15292
  <div class="trial">
15600
15293
  <span class="label">Trial: </span><span class="count">${this.trialCount}</span><span class="of"> of </span><span class="total">${this.trialTotal}</span>
15601
- </div>` : $``}
15602
- ${this.feedback !== 'none' ? $`
15294
+ </div>` : x$1``}
15295
+ ${this.feedback !== 'none' ? x$1`
15603
15296
  <div class=${`feedback ${this.state === 'feedback' ? this.feedback === 'outcome' ? this.outcome : this.accuracy : ''}`}>
15604
- ${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>` : ''}
15605
- ${this.state === 'feedback' && (this.payoff === 'trial' || this.payoff === 'total') ? $`<span class="payoff">${payoffFormat(this.trialPayoff)}</span>` : $``}
15606
- </div>` : $``}
15607
- ${this.payoff === 'total' ? $`
15297
+ ${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>` : ''}
15298
+ ${this.state === 'feedback' && (this.payoff === 'trial' || this.payoff === 'total') ? x$1`<span class="payoff">${payoffFormat(this.trialPayoff)}</span>` : x$1``}
15299
+ </div>` : x$1``}
15300
+ ${this.payoff === 'total' ? x$1`
15608
15301
  <div class="total">
15609
15302
  <span class="label">Total: </span><span class="value">${payoffFormat(this.totalPayoff)}</span>
15610
- </div>` : $``}
15611
- </div>` : $``}
15303
+ </div>` : x$1``}
15304
+ </div>` : x$1``}
15612
15305
  </div>`;
15613
15306
  }
15614
15307
  }
@@ -15839,7 +15532,7 @@
15839
15532
  this.sendEvent();
15840
15533
  }
15841
15534
  static get styles() {
15842
- return [super.styles, r$2`
15535
+ return [super.styles, r$1`
15843
15536
  :host {
15844
15537
  display: inline-block;
15845
15538
  }
@@ -16055,71 +15748,71 @@
16055
15748
  let ppv;
16056
15749
  let fomr;
16057
15750
  if (this.numeric) {
16058
- h = $`
15751
+ h = x$1`
16059
15752
  <decidables-spinner ?disabled=${!this.interactive} min="0" .value="${this.h}" @input=${this.hInput.bind(this)}>
16060
15753
  <span>Hits</span>
16061
- ${this.payoff ? $`<span class="payoff">${payoffFormat(this.hPayoff)}</span>` : $``}
15754
+ ${this.payoff ? x$1`<span class="payoff">${payoffFormat(this.hPayoff)}</span>` : x$1``}
16062
15755
  </decidables-spinner>
16063
15756
  `;
16064
- m = $`
15757
+ m = x$1`
16065
15758
  <decidables-spinner ?disabled=${!this.interactive} min="0" .value="${this.m}" @input=${this.mInput.bind(this)}>
16066
15759
  <span>Misses</span>
16067
- ${this.payoff ? $`<span class="payoff">${payoffFormat(this.mPayoff)}</span>` : $``}
15760
+ ${this.payoff ? x$1`<span class="payoff">${payoffFormat(this.mPayoff)}</span>` : x$1``}
16068
15761
  </decidables-spinner>
16069
15762
  `;
16070
- fa = $`
15763
+ fa = x$1`
16071
15764
  <decidables-spinner ?disabled=${!this.interactive} min="0" .value="${this.fa}" @input=${this.faInput.bind(this)}>
16072
15765
  <span>False Alarms</span>
16073
- ${this.payoff ? $`<span class="payoff">${payoffFormat(this.faPayoff)}</span>` : $``}
15766
+ ${this.payoff ? x$1`<span class="payoff">${payoffFormat(this.faPayoff)}</span>` : x$1``}
16074
15767
  </decidables-spinner>
16075
15768
  `;
16076
- cr = $`
15769
+ cr = x$1`
16077
15770
  <decidables-spinner ?disabled=${!this.interactive} min="0" .value="${this.cr}" @input=${this.crInput.bind(this)}>
16078
15771
  <span>Correct Rejections</span>
16079
- ${this.payoff ? $`<span class="payoff">${payoffFormat(this.crPayoff)}</span>` : $``}
15772
+ ${this.payoff ? x$1`<span class="payoff">${payoffFormat(this.crPayoff)}</span>` : x$1``}
16080
15773
  </decidables-spinner>
16081
15774
  `;
16082
- hr = $`
15775
+ hr = x$1`
16083
15776
  <decidables-spinner ?disabled=${!this.interactive} min="0" max="1" step=".001" .value="${+this.hr.toFixed(3)}" @input=${this.hrInput.bind(this)}>
16084
15777
  <span>Hit Rate</span>
16085
15778
  </decidables-spinner>
16086
15779
  `;
16087
- far = $`
15780
+ far = x$1`
16088
15781
  <decidables-spinner ?disabled=${!this.interactive} min="0" max="1" step=".001" .value="${+this.far.toFixed(3)}" @input=${this.farInput.bind(this)}>
16089
15782
  <span>False Alarm Rate</span>
16090
15783
  </decidables-spinner>
16091
15784
  `;
16092
- acc = $`
15785
+ acc = x$1`
16093
15786
  <decidables-spinner ?disabled=${!this.interactive} min="0" max="1" step=".001" .value="${+this.acc.toFixed(3)}" @input=${this.accInput.bind(this)}>
16094
15787
  <span>Accuracy</span>
16095
15788
  </decidables-spinner>
16096
15789
  `;
16097
- ppv = $`
15790
+ ppv = x$1`
16098
15791
  <decidables-spinner ?disabled=${!this.interactive} min="0" max="1" step=".001" .value="${+this.ppv.toFixed(3)}" @input=${this.ppvInput.bind(this)}>
16099
15792
  <span>Positive Predictive Value</span>
16100
15793
  </decidables-spinner>
16101
15794
  `;
16102
- fomr = $`
15795
+ fomr = x$1`
16103
15796
  <decidables-spinner ?disabled=${!this.interactive} min="0" max="1" step=".001" .value="${+this.fomr.toFixed(3)}" @input=${this.fomrInput.bind(this)}>
16104
15797
  <span>False Omission Rate</span>
16105
15798
  </decidables-spinner>
16106
15799
  `;
16107
15800
  } else {
16108
- h = $`<span>Hits</span>
16109
- ${this.payoff ? $`<span class="payoff">${payoffFormat(this.hPayoff)}</span>` : $``}`;
16110
- m = $`<span>Misses</span>
16111
- ${this.payoff ? $`<span class="payoff">${payoffFormat(this.mPayoff)}</span>` : $``}`;
16112
- fa = $`<span>False Alarms</span>
16113
- ${this.payoff ? $`<span class="payoff">${payoffFormat(this.faPayoff)}</span>` : $``}`;
16114
- cr = $`<span>Correct Rejections</span>
16115
- ${this.payoff ? $`<span class="payoff">${payoffFormat(this.crPayoff)}</span>` : $``}`;
16116
- hr = $`<span>Hit Rate</span>`;
16117
- far = $`<span>False Alarm Rate</span>`;
16118
- acc = $`<span>Accuracy</span>`;
16119
- ppv = $`<span>Positive Predictive Value</span>`;
16120
- fomr = $`<span>False Omission Rate</span>`;
15801
+ h = x$1`<span>Hits</span>
15802
+ ${this.payoff ? x$1`<span class="payoff">${payoffFormat(this.hPayoff)}</span>` : x$1``}`;
15803
+ m = x$1`<span>Misses</span>
15804
+ ${this.payoff ? x$1`<span class="payoff">${payoffFormat(this.mPayoff)}</span>` : x$1``}`;
15805
+ fa = x$1`<span>False Alarms</span>
15806
+ ${this.payoff ? x$1`<span class="payoff">${payoffFormat(this.faPayoff)}</span>` : x$1``}`;
15807
+ cr = x$1`<span>Correct Rejections</span>
15808
+ ${this.payoff ? x$1`<span class="payoff">${payoffFormat(this.crPayoff)}</span>` : x$1``}`;
15809
+ hr = x$1`<span>Hit Rate</span>`;
15810
+ far = x$1`<span>False Alarm Rate</span>`;
15811
+ acc = x$1`<span>Accuracy</span>`;
15812
+ ppv = x$1`<span>Positive Predictive Value</span>`;
15813
+ fomr = x$1`<span>False Omission Rate</span>`;
16121
15814
  }
16122
- return $`
15815
+ return x$1`
16123
15816
  <table class=${this.numeric ? 'numeric' : ''}>
16124
15817
  <thead>
16125
15818
  <tr>
@@ -16151,10 +15844,10 @@
16151
15844
  <td class="td td-data m">
16152
15845
  ${m}
16153
15846
  </td>
16154
- ${this.summary.has('stimulusRates') ? $`
15847
+ ${this.summary.has('stimulusRates') ? x$1`
16155
15848
  <td class="td td-summary hr">
16156
15849
  ${hr}
16157
- </td>` : $``}
15850
+ </td>` : x$1``}
16158
15851
  </tr>
16159
15852
  <tr>
16160
15853
  <th class="th th-sub th-left" scope="row">
@@ -16166,27 +15859,27 @@
16166
15859
  <td class="td td-data cr">
16167
15860
  ${cr}
16168
15861
  </td>
16169
- ${this.summary.has('stimulusRates') ? $`
15862
+ ${this.summary.has('stimulusRates') ? x$1`
16170
15863
  <td class="td td-summary far">
16171
15864
  ${far}
16172
- </td>` : $``}
15865
+ </td>` : x$1``}
16173
15866
  </tr>
16174
- ${this.summary.has('responseRates') || this.summary.has('accuracy') ? $`
15867
+ ${this.summary.has('responseRates') || this.summary.has('accuracy') ? x$1`
16175
15868
  <tr>
16176
15869
  <td colspan="2"></td>
16177
- ${this.summary.has('responseRates') ? $`
15870
+ ${this.summary.has('responseRates') ? x$1`
16178
15871
  <td class="td td-summary ppv">
16179
15872
  ${ppv}
16180
15873
  </td>
16181
15874
  <td class="td td-summary fomr">
16182
15875
  ${fomr}
16183
- </td>` : $`
15876
+ </td>` : x$1`
16184
15877
  <td colspan="2"></td>`}
16185
- ${this.summary.has('accuracy') ? $`
15878
+ ${this.summary.has('accuracy') ? x$1`
16186
15879
  <td class="td td-summary acc" rowspan="2">
16187
15880
  ${acc}
16188
- </td>` : $``}
16189
- </tr>` : $``}
15881
+ </td>` : x$1``}
15882
+ </tr>` : x$1``}
16190
15883
  </tbody>
16191
15884
  </table>`;
16192
15885
  }
@@ -16212,7 +15905,7 @@
16212
15905
  this.numeric = false;
16213
15906
  }
16214
15907
  static get styles() {
16215
- return [super.styles, r$2`
15908
+ return [super.styles, r$1`
16216
15909
  :host {
16217
15910
  display: block;
16218
15911
 
@@ -16421,35 +16114,35 @@
16421
16114
  let s;
16422
16115
  let far;
16423
16116
  if (this.numeric) {
16424
- d = $`
16117
+ d = x$1`
16425
16118
  <decidables-spinner class="d bottom" ?disabled=${!this.interactive} step=".001" .value="${this.d}" @input=${this.dInput.bind(this)}>
16426
16119
  <var class="math-var">d′</var>
16427
16120
  </decidables-spinner>
16428
16121
  `;
16429
- c = $`
16122
+ c = x$1`
16430
16123
  <decidables-spinner class="c bottom" ?disabled=${!this.interactive} step=".001" .value="${this.c}" @input=${this.cInput.bind(this)}>
16431
16124
  <var class="math-var">c</var>
16432
16125
  </decidables-spinner>
16433
16126
  `;
16434
- s = $`
16127
+ s = x$1`
16435
16128
  <decidables-spinner class="s bottom" ?disabled=${!this.interactive} min="0" step=".001" .value="${this.s}" @input=${this.sInput.bind(this)}>
16436
16129
  <var class="math-var">σ</var>
16437
16130
  </decidables-spinner>
16438
16131
  `;
16439
- far = $`
16132
+ far = x$1`
16440
16133
  <decidables-spinner class="far bottom" disabled min="0" max="1" step=".001" .value="${+this.far.toFixed(3)}">
16441
16134
  <var>False Alarm Rate</var>
16442
16135
  </decidables-spinner>
16443
16136
  `;
16444
16137
  } else {
16445
- d = $`<var class="math-var d">d′</var>`;
16446
- c = $`<var class="math-var c">c</var>`;
16447
- s = $`<var class="math-var s">σ</var>`;
16448
- far = $`<var class="far">False Alarm Rate</var>`;
16138
+ d = x$1`<var class="math-var d">d′</var>`;
16139
+ c = x$1`<var class="math-var c">c</var>`;
16140
+ s = x$1`<var class="math-var s">σ</var>`;
16141
+ far = x$1`<var class="far">False Alarm Rate</var>`;
16449
16142
  }
16450
16143
  let equation;
16451
16144
  if (this.unequal) {
16452
- equation = $`
16145
+ equation = x$1`
16453
16146
  <tr>
16454
16147
  <td rowspan="2">
16455
16148
  ${far}<span class="equals">=</span><var class="math-greek phi tight">Φ</var><span class="paren tight">(</span><span class="bracket tight">[</span>
@@ -16476,7 +16169,7 @@
16476
16169
  </td>
16477
16170
  </tr>`;
16478
16171
  } else {
16479
- equation = $`
16172
+ equation = x$1`
16480
16173
  <tr>
16481
16174
  <td rowspan="2">
16482
16175
  ${far}<span class="equals">=</span><var class="math-greek phi tight">Φ</var><span class="paren tight">(</span><span class="minus tight">−</span>
@@ -16494,7 +16187,7 @@
16494
16187
  </td>
16495
16188
  </tr>`;
16496
16189
  }
16497
- return $`
16190
+ return x$1`
16498
16191
  <div class="holder">
16499
16192
  <table class="equation">
16500
16193
  <tbody>
@@ -16587,35 +16280,35 @@
16587
16280
  let s;
16588
16281
  let hr;
16589
16282
  if (this.numeric) {
16590
- d = $`
16283
+ d = x$1`
16591
16284
  <decidables-spinner class="d bottom" ?disabled=${!this.interactive} step=".001" .value="${this.d}" @input=${this.dInput.bind(this)}>
16592
16285
  <var class="math-var">d′</var>
16593
16286
  </decidables-spinner>
16594
16287
  `;
16595
- c = $`
16288
+ c = x$1`
16596
16289
  <decidables-spinner class="c bottom" ?disabled=${!this.interactive} step=".001" .value="${this.c}" @input=${this.cInput.bind(this)}>
16597
16290
  <var class="math-var">c</var>
16598
16291
  </decidables-spinner>
16599
16292
  `;
16600
- s = $`
16293
+ s = x$1`
16601
16294
  <decidables-spinner class="s bottom" ?disabled=${!this.interactive} min="0" step=".001" .value="${this.s}" @input=${this.sInput.bind(this)}>
16602
16295
  <var class="math-var">σ</var>
16603
16296
  </decidables-spinner>
16604
16297
  `;
16605
- hr = $`
16298
+ hr = x$1`
16606
16299
  <decidables-spinner class="hr bottom" disabled min="0" max="1" step=".001" .value="${+this.hr.toFixed(3)}">
16607
16300
  <var>Hit Rate</var>
16608
16301
  </decidables-spinner>
16609
16302
  `;
16610
16303
  } else {
16611
- d = $`<var class="math-var d">d′</var>`;
16612
- c = $`<var class="math-var c">c</var>`;
16613
- s = $`<var class="math-var s">σ</var>`;
16614
- hr = $`<var class="hr">Hit Rate</var>`;
16304
+ d = x$1`<var class="math-var d">d′</var>`;
16305
+ c = x$1`<var class="math-var c">c</var>`;
16306
+ s = x$1`<var class="math-var s">σ</var>`;
16307
+ hr = x$1`<var class="hr">Hit Rate</var>`;
16615
16308
  }
16616
16309
  let equation;
16617
16310
  if (this.unequal) {
16618
- equation = $`
16311
+ equation = x$1`
16619
16312
  <tr>
16620
16313
  <td rowspan="2">
16621
16314
  ${hr}<span class="equals">=</span><var class="math-greek phi tight">Φ</var><span class="paren tight">(</span><span class="bracket tight">[</span>
@@ -16651,7 +16344,7 @@
16651
16344
  </td>
16652
16345
  </tr>`;
16653
16346
  } else {
16654
- equation = $`
16347
+ equation = x$1`
16655
16348
  <tr>
16656
16349
  <td rowspan="2">
16657
16350
  ${hr}<span class="equals">=</span><var class="math-greek phi tight">Φ</var><span class="paren tight">(</span>
@@ -16669,7 +16362,7 @@
16669
16362
  </td>
16670
16363
  </tr>`;
16671
16364
  }
16672
- return $`
16365
+ return x$1`
16673
16366
  <div class="holder">
16674
16367
  <table class="equation">
16675
16368
  <tbody>
@@ -16743,27 +16436,27 @@
16743
16436
  let cr;
16744
16437
  let far;
16745
16438
  if (this.numeric) {
16746
- fa = $`
16439
+ fa = x$1`
16747
16440
  <decidables-spinner class="fa" ?disabled=${!this.interactive} min="0" .value="${this.fa}" @input=${this.faInput.bind(this)}>
16748
16441
  <var>False Alarms</var>
16749
16442
  </decidables-spinner>
16750
16443
  `;
16751
- cr = $`
16444
+ cr = x$1`
16752
16445
  <decidables-spinner class="cr" ?disabled=${!this.interactive} min="0" .value="${this.cr}" @input=${this.crInput.bind(this)}>
16753
16446
  <var>Correct Rejections</var>
16754
16447
  </decidables-spinner>
16755
16448
  `;
16756
- far = $`
16449
+ far = x$1`
16757
16450
  <decidables-spinner class="far" disabled min="0" max="1" step=".001" .value="${+this.far.toFixed(3)}">
16758
16451
  <var>False Alarm Rate</var>
16759
16452
  </decidables-spinner>
16760
16453
  `;
16761
16454
  } else {
16762
- fa = $`<var class="fa">False Alarms</var>`;
16763
- cr = $`<var class="cr">Correct Rejections</var>`;
16764
- far = $`<var class="far">False Alarm Rate</var>`;
16455
+ fa = x$1`<var class="fa">False Alarms</var>`;
16456
+ cr = x$1`<var class="cr">Correct Rejections</var>`;
16457
+ far = x$1`<var class="far">False Alarm Rate</var>`;
16765
16458
  }
16766
- return $`
16459
+ return x$1`
16767
16460
  <div class="holder">
16768
16461
  <table class="equation">
16769
16462
  <tbody>
@@ -16849,27 +16542,27 @@
16849
16542
  let fa;
16850
16543
  let ppv;
16851
16544
  if (this.numeric) {
16852
- h = $`
16545
+ h = x$1`
16853
16546
  <decidables-spinner class="h" ?disabled=${!this.interactive} min="0" .value="${this.h}" @input=${this.hInput.bind(this)}>
16854
16547
  <var>Hits</var>
16855
16548
  </decidables-spinner>
16856
16549
  `;
16857
- fa = $`
16550
+ fa = x$1`
16858
16551
  <decidables-spinner class="fa" ?disabled=${!this.interactive} min="0" .value="${this.fa}" @input=${this.faInput.bind(this)}>
16859
16552
  <var>False Alarms</var>
16860
16553
  </decidables-spinner>
16861
16554
  `;
16862
- ppv = $`
16555
+ ppv = x$1`
16863
16556
  <decidables-spinner class="ppv" disabled min="0" max="1" step=".001" .value="${+this.ppv.toFixed(3)}">
16864
16557
  <var>Positive Predictive Value</var>
16865
16558
  </decidables-spinner>
16866
16559
  `;
16867
16560
  } else {
16868
- h = $`<var class="h">Hits</var>`;
16869
- fa = $`<var class="fa">False Alarms</var>`;
16870
- ppv = $`<var class="ppv">Positive Predictive Value</var>`;
16561
+ h = x$1`<var class="h">Hits</var>`;
16562
+ fa = x$1`<var class="fa">False Alarms</var>`;
16563
+ ppv = x$1`<var class="ppv">Positive Predictive Value</var>`;
16871
16564
  }
16872
- return $`
16565
+ return x$1`
16873
16566
  <div class="holder">
16874
16567
  <table class="equation">
16875
16568
  <tbody>
@@ -16956,27 +16649,27 @@
16956
16649
  let m;
16957
16650
  let hr;
16958
16651
  if (this.numeric) {
16959
- h = $`
16652
+ h = x$1`
16960
16653
  <decidables-spinner class="h" ?disabled=${!this.interactive} min="0" .value="${this.h}" @input=${this.hInput.bind(this)}>
16961
16654
  <var>Hits</var>
16962
16655
  </decidables-spinner>
16963
16656
  `;
16964
- m = $`
16657
+ m = x$1`
16965
16658
  <decidables-spinner class="m" ?disabled=${!this.interactive} min="0" .value="${this.m}" @input=${this.mInput.bind(this)}>
16966
16659
  <var>Misses</var>
16967
16660
  </decidables-spinner>
16968
16661
  `;
16969
- hr = $`
16662
+ hr = x$1`
16970
16663
  <decidables-spinner class="hr" disabled min="0" max="1" step=".001" .value="${+this.hr.toFixed(3)}">
16971
16664
  <var>Hit Rate</var>
16972
16665
  </decidables-spinner>
16973
16666
  `;
16974
16667
  } else {
16975
- h = $`<var class="h">Hits</var>`;
16976
- m = $`<var class="m">Misses</var>`;
16977
- hr = $`<var class="hr">Hit Rate</var>`;
16668
+ h = x$1`<var class="h">Hits</var>`;
16669
+ m = x$1`<var class="m">Misses</var>`;
16670
+ hr = x$1`<var class="hr">Hit Rate</var>`;
16978
16671
  }
16979
- return $`
16672
+ return x$1`
16980
16673
  <div class="holder">
16981
16674
  <table class="equation">
16982
16675
  <tbody>
@@ -17089,39 +16782,39 @@
17089
16782
  let cr;
17090
16783
  let acc;
17091
16784
  if (this.numeric) {
17092
- h = $`
16785
+ h = x$1`
17093
16786
  <decidables-spinner class="h" ?disabled=${!this.interactive} min="0" .value="${this.h}" @input=${this.hInput.bind(this)}>
17094
16787
  <var>Hits</var>
17095
16788
  </decidables-spinner>
17096
16789
  `;
17097
- m = $`
16790
+ m = x$1`
17098
16791
  <decidables-spinner class="m" ?disabled=${!this.interactive} min="0" .value="${this.m}" @input=${this.mInput.bind(this)}>
17099
16792
  <var>Misses</var>
17100
16793
  </decidables-spinner>
17101
16794
  `;
17102
- fa = $`
16795
+ fa = x$1`
17103
16796
  <decidables-spinner class="fa" ?disabled=${!this.interactive} min="0" .value="${this.fa}" @input=${this.faInput.bind(this)}>
17104
16797
  <var>False Alarms</var>
17105
16798
  </decidables-spinner>
17106
16799
  `;
17107
- cr = $`
16800
+ cr = x$1`
17108
16801
  <decidables-spinner class="cr" ?disabled=${!this.interactive} min="0" .value="${this.cr}" @input=${this.crInput.bind(this)}>
17109
16802
  <var>Correct Rejections</var>
17110
16803
  </decidables-spinner>
17111
16804
  `;
17112
- acc = $`
16805
+ acc = x$1`
17113
16806
  <decidables-spinner class="acc" disabled min="0" max="1" step=".001" .value="${+this.acc.toFixed(3)}">
17114
16807
  <var>Accuracy</var>
17115
16808
  </decidables-spinner>
17116
16809
  `;
17117
16810
  } else {
17118
- h = $`<var class="h">Hits</var>`;
17119
- m = $`<var class="m">Misses</var>`;
17120
- fa = $`<var class="fa">False Alarms</var>`;
17121
- cr = $`<var class="cr">Correct Rejections</var>`;
17122
- acc = $`<var class="acc">Accuracy</var>`;
16811
+ h = x$1`<var class="h">Hits</var>`;
16812
+ m = x$1`<var class="m">Misses</var>`;
16813
+ fa = x$1`<var class="fa">False Alarms</var>`;
16814
+ cr = x$1`<var class="cr">Correct Rejections</var>`;
16815
+ acc = x$1`<var class="acc">Accuracy</var>`;
17123
16816
  }
17124
- return $`
16817
+ return x$1`
17125
16818
  <div class="holder">
17126
16819
  <table class="equation">
17127
16820
  <tbody>
@@ -17226,35 +16919,35 @@
17226
16919
  let s;
17227
16920
  let c;
17228
16921
  if (this.numeric) {
17229
- hr = $`
16922
+ hr = x$1`
17230
16923
  <decidables-spinner class="hr bottom" ?disabled=${!this.interactive} min="0" max="1" step=".001" .value="${this.hr}" @input=${this.hrInput.bind(this)}>
17231
16924
  <var>Hit Rate</var>
17232
16925
  </decidables-spinner>
17233
16926
  `;
17234
- far = $`
16927
+ far = x$1`
17235
16928
  <decidables-spinner class="far bottom" ?disabled=${!this.interactive} min="0" max="1" step=".001" .value="${this.far}" @input=${this.farInput.bind(this)}>
17236
16929
  <var>False Alarm Rate</var>
17237
16930
  </decidables-spinner>
17238
16931
  `;
17239
- s = $`
16932
+ s = x$1`
17240
16933
  <decidables-spinner class="s bottom" ?disabled=${!this.interactive} min="0" step=".001" .value="${this.s}" @input=${this.sInput.bind(this)}>
17241
16934
  <var class="math-var">σ</var>
17242
16935
  </decidables-spinner>
17243
16936
  `;
17244
- c = $`
16937
+ c = x$1`
17245
16938
  <decidables-spinner class="c bottom" disabled step=".001" .value="${+this.c.toFixed(3)}">
17246
16939
  <var class="math-var">c</var>
17247
16940
  </decidables-spinner>
17248
16941
  `;
17249
16942
  } else {
17250
- hr = $`<var class="hr">Hit Rate</var>`;
17251
- far = $`<var class="far">False Alarm Rate</var>`;
17252
- s = $`<var class="math-var s">σ</var>`;
17253
- c = $`<var class="math-var c">c</var>`;
16943
+ hr = x$1`<var class="hr">Hit Rate</var>`;
16944
+ far = x$1`<var class="far">False Alarm Rate</var>`;
16945
+ s = x$1`<var class="math-var s">σ</var>`;
16946
+ c = x$1`<var class="math-var c">c</var>`;
17254
16947
  }
17255
16948
  let equation;
17256
16949
  if (this.unequal) {
17257
- equation = $`
16950
+ equation = x$1`
17258
16951
  <tr>
17259
16952
  <td rowspan="2">
17260
16953
  ${c}<span class="equals">=</span><span class="bracket tight">(</span>
@@ -17281,7 +16974,7 @@
17281
16974
  </td>
17282
16975
  </tr>`;
17283
16976
  } else {
17284
- equation = $`
16977
+ equation = x$1`
17285
16978
  <tr>
17286
16979
  <td rowspan="2">
17287
16980
  ${c}<span class="equals">=</span>
@@ -17296,7 +16989,7 @@
17296
16989
  </td>
17297
16990
  </tr>`;
17298
16991
  }
17299
- return $`
16992
+ return x$1`
17300
16993
  <div class="holder">
17301
16994
  <table class="equation">
17302
16995
  <tbody>
@@ -17389,35 +17082,35 @@
17389
17082
  let s;
17390
17083
  let d;
17391
17084
  if (this.numeric) {
17392
- hr = $`
17085
+ hr = x$1`
17393
17086
  <decidables-spinner class="hr bottom" ?disabled=${!this.interactive} min="0" max="1" step=".001" .value="${this.hr}" @input=${this.hrInput.bind(this)}>
17394
17087
  <var>Hit Rate</var>
17395
17088
  </decidables-spinner>
17396
17089
  `;
17397
- far = $`
17090
+ far = x$1`
17398
17091
  <decidables-spinner class="far bottom" ?disabled=${!this.interactive} min="0" max="1" step=".001" .value="${this.far}" @input=${this.farInput.bind(this)}>
17399
17092
  <var>False Alarm Rate</var>
17400
17093
  </decidables-spinner>
17401
17094
  `;
17402
- s = $`
17095
+ s = x$1`
17403
17096
  <decidables-spinner class="s bottom" ?disabled=${!this.interactive} min="0" step=".001" .value="${this.s}" @input=${this.sInput.bind(this)}>
17404
17097
  <var class="math-var">σ</var>
17405
17098
  </decidables-spinner>
17406
17099
  `;
17407
- d = $`
17100
+ d = x$1`
17408
17101
  <decidables-spinner class="d bottom" disabled step=".001" .value="${+this.d.toFixed(3)}">
17409
17102
  <var class="math-var">d′</var>
17410
17103
  </decidables-spinner>
17411
17104
  `;
17412
17105
  } else {
17413
- hr = $`<var class="hr">Hit Rate</var>`;
17414
- far = $`<var class="far">False Alarm Rate</var>`;
17415
- s = $`<var class="math-var s">σ</var>`;
17416
- d = $`<var class="math-var d">d′</var>`;
17106
+ hr = x$1`<var class="hr">Hit Rate</var>`;
17107
+ far = x$1`<var class="far">False Alarm Rate</var>`;
17108
+ s = x$1`<var class="math-var s">σ</var>`;
17109
+ d = x$1`<var class="math-var d">d′</var>`;
17417
17110
  }
17418
17111
  let equation;
17419
17112
  if (this.unequal) {
17420
- equation = $`
17113
+ equation = x$1`
17421
17114
  <tr>
17422
17115
  <td rowspan="2">
17423
17116
  ${d}<span class="equals">=</span><span class="bracket tight">(</span>
@@ -17435,14 +17128,14 @@
17435
17128
  </td>
17436
17129
  </tr>`;
17437
17130
  } else {
17438
- equation = $`
17131
+ equation = x$1`
17439
17132
  <tr>
17440
17133
  <td>
17441
17134
  ${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>
17442
17135
  </td>
17443
17136
  </tr>`;
17444
17137
  }
17445
- return $`
17138
+ return x$1`
17446
17139
  <div class="holder">
17447
17140
  <table class="equation">
17448
17141
  <tbody>
@@ -17516,27 +17209,27 @@
17516
17209
  let cr;
17517
17210
  let fomr;
17518
17211
  if (this.numeric) {
17519
- m = $`
17212
+ m = x$1`
17520
17213
  <decidables-spinner class="m" ?disabled=${!this.interactive} min="0" .value="${this.m}" @input=${this.mInput.bind(this)}>
17521
17214
  <var>Misses</var>
17522
17215
  </decidables-spinner>
17523
17216
  `;
17524
- cr = $`
17217
+ cr = x$1`
17525
17218
  <decidables-spinner class="cr" ?disabled=${!this.interactive} min="0" .value="${this.cr}" @input=${this.crInput.bind(this)}>
17526
17219
  <var>Correct Rejections</var>
17527
17220
  </decidables-spinner>
17528
17221
  `;
17529
- fomr = $`
17222
+ fomr = x$1`
17530
17223
  <decidables-spinner class="fomr" disabled min="0" max="1" step=".001" .value="${+this.fomr.toFixed(3)}">
17531
17224
  <var>False Omission Rate</var>
17532
17225
  </decidables-spinner>
17533
17226
  `;
17534
17227
  } else {
17535
- m = $`<var class="m">Misses</var>`;
17536
- cr = $`<var class="cr">Correct Rejections</var>`;
17537
- fomr = $`<var class="fomr">False Omission Rate</var>`;
17228
+ m = x$1`<var class="m">Misses</var>`;
17229
+ cr = x$1`<var class="cr">Correct Rejections</var>`;
17230
+ fomr = x$1`<var class="fomr">False Omission Rate</var>`;
17538
17231
  }
17539
- return $`
17232
+ return x$1`
17540
17233
  <div class="holder">
17541
17234
  <table class="equation">
17542
17235
  <tbody>
@@ -17567,7 +17260,7 @@
17567
17260
  */
17568
17261
  class SDTExample extends DetectableElement {
17569
17262
  static get styles() {
17570
- return [super.styles, r$2`
17263
+ return [super.styles, r$1`
17571
17264
  :host {
17572
17265
  display: inline-block;
17573
17266
 
@@ -17615,7 +17308,7 @@
17615
17308
  }
17616
17309
  render() {
17617
17310
  /* eslint-disable-line class-methods-use-this */
17618
- return $`
17311
+ return x$1`
17619
17312
  <div class="holder">
17620
17313
  <div class="body">
17621
17314
  <slot>Empty!</slot>