@webwriter/quiz 1.0.2 → 1.0.3

package/dist/widgets/webwriter-pairing.js

@@ -13,109 +13,3429 @@ var __expectFn = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError
 var __decoratorContext = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError("Already initialized") : fns.push(__expectFn(fn || null)) });
 var __decoratorMetadata = (array, target) => __defNormalProp(target, __knownSymbol("metadata"), array[3]);
 var __runInitializers = (array, flags, self, value) => {
-  for (var i = 0, fns = array[flags >> 1], n = fns && fns.length; i < n; i++) flags & 1 ? fns[i].call(self) : value = fns[i].call(self, value);
+  for (var i4 = 0, fns = array[flags >> 1], n6 = fns && fns.length; i4 < n6; i4++) flags & 1 ? fns[i4].call(self) : value = fns[i4].call(self, value);
   return value;
 };
 var __decorateElement = (array, flags, name, decorators, target, extra) => {
-  var fn, it, done, ctx, access, k = flags & 7, s = !!(flags & 8), p = !!(flags & 16);
-  var j = k > 3 ? array.length + 1 : k ? s ? 1 : 2 : 0, key = __decoratorStrings[k + 5];
-  var initializers = k > 3 && (array[j - 1] = []), extraInitializers = array[j] || (array[j] = []);
-  var desc = k && (!p && !s && (target = target.prototype), k < 5 && (k > 3 || !p) && __getOwnPropDesc(k < 4 ? target : { get [name]() {
+  var fn, it, done, ctx, access, k3 = flags & 7, s3 = !!(flags & 8), p3 = !!(flags & 16);
+  var j3 = k3 > 3 ? array.length + 1 : k3 ? s3 ? 1 : 2 : 0, key = __decoratorStrings[k3 + 5];
+  var initializers = k3 > 3 && (array[j3 - 1] = []), extraInitializers = array[j3] || (array[j3] = []);
+  var desc = k3 && (!p3 && !s3 && (target = target.prototype), k3 < 5 && (k3 > 3 || !p3) && __getOwnPropDesc(k3 < 4 ? target : { get [name]() {
     return __privateGet(this, extra);
-  }, set [name](x) {
-    return __privateSet(this, extra, x);
+  }, set [name](x3) {
+    return __privateSet(this, extra, x3);
   } }, name));
-  k ? p && k < 4 && __name(extra, (k > 2 ? "set " : k > 1 ? "get " : "") + name) : __name(target, name);
-  for (var i = decorators.length - 1; i >= 0; i--) {
-    ctx = __decoratorContext(k, name, done = {}, array[3], extraInitializers);
-    if (k) {
-      ctx.static = s, ctx.private = p, access = ctx.access = { has: p ? (x) => __privateIn(target, x) : (x) => name in x };
-      if (k ^ 3) access.get = p ? (x) => (k ^ 1 ? __privateGet : __privateMethod)(x, target, k ^ 4 ? extra : desc.get) : (x) => x[name];
-      if (k > 2) access.set = p ? (x, y) => __privateSet(x, target, y, k ^ 4 ? extra : desc.set) : (x, y) => x[name] = y;
-    }
-    it = (0, decorators[i])(k ? k < 4 ? p ? extra : desc[key] : k > 4 ? void 0 : { get: desc.get, set: desc.set } : target, ctx), done._ = 1;
-    if (k ^ 4 || it === void 0) __expectFn(it) && (k > 4 ? initializers.unshift(it) : k ? p ? extra = it : desc[key] = it : target = it);
+  k3 ? p3 && k3 < 4 && __name(extra, (k3 > 2 ? "set " : k3 > 1 ? "get " : "") + name) : __name(target, name);
+  for (var i4 = decorators.length - 1; i4 >= 0; i4--) {
+    ctx = __decoratorContext(k3, name, done = {}, array[3], extraInitializers);
+    if (k3) {
+      ctx.static = s3, ctx.private = p3, access = ctx.access = { has: p3 ? (x3) => __privateIn(target, x3) : (x3) => name in x3 };
+      if (k3 ^ 3) access.get = p3 ? (x3) => (k3 ^ 1 ? __privateGet : __privateMethod)(x3, target, k3 ^ 4 ? extra : desc.get) : (x3) => x3[name];
+      if (k3 > 2) access.set = p3 ? (x3, y3) => __privateSet(x3, target, y3, k3 ^ 4 ? extra : desc.set) : (x3, y3) => x3[name] = y3;
+    }
+    it = (0, decorators[i4])(k3 ? k3 < 4 ? p3 ? extra : desc[key] : k3 > 4 ? void 0 : { get: desc.get, set: desc.set } : target, ctx), done._ = 1;
+    if (k3 ^ 4 || it === void 0) __expectFn(it) && (k3 > 4 ? initializers.unshift(it) : k3 ? p3 ? extra = it : desc[key] = it : target = it);
     else if (typeof it !== "object" || it === null) __typeError("Object expected");
     else __expectFn(fn = it.get) && (desc.get = fn), __expectFn(fn = it.set) && (desc.set = fn), __expectFn(fn = it.init) && initializers.unshift(fn);
   }
-  return k || __decoratorMetadata(array, target), desc && __defProp(target, name, desc), p ? k ^ 4 ? extra : desc : target;
+  return k3 || __decoratorMetadata(array, target), desc && __defProp(target, name, desc), p3 ? k3 ^ 4 ? extra : desc : target;
+};
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateIn = (member, obj) => Object(obj) !== obj ? __typeError('Cannot use the "in" operator on this value') : member.has(obj);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
+
+// ../../node_modules/lit/node_modules/@lit/reactive-element/css-tag.js
+var t = globalThis;
+var e = t.ShadowRoot && (void 0 === t.ShadyCSS || t.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype;
+var s = Symbol();
+var o = /* @__PURE__ */ new WeakMap();
+var n = class {
+  constructor(t5, e8, o5) {
+    if (this._$cssResult$ = true, o5 !== s) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    this.cssText = t5, this.t = e8;
+  }
+  get styleSheet() {
+    let t5 = this.o;
+    const s3 = this.t;
+    if (e && void 0 === t5) {
+      const e8 = void 0 !== s3 && 1 === s3.length;
+      e8 && (t5 = o.get(s3)), void 0 === t5 && ((this.o = t5 = new CSSStyleSheet()).replaceSync(this.cssText), e8 && o.set(s3, t5));
+    }
+    return t5;
+  }
+  toString() {
+    return this.cssText;
+  }
+};
+var r = (t5) => new n("string" == typeof t5 ? t5 : t5 + "", void 0, s);
+var i = (t5, ...e8) => {
+  const o5 = 1 === t5.length ? t5[0] : e8.reduce((e9, s3, o6) => e9 + ((t6) => {
+    if (true === t6._$cssResult$) return t6.cssText;
+    if ("number" == typeof t6) return t6;
+    throw Error("Value passed to 'css' function must be a 'css' function result: " + t6 + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
+  })(s3) + t5[o6 + 1], t5[0]);
+  return new n(o5, t5, s);
+};
+var S = (s3, o5) => {
+  if (e) s3.adoptedStyleSheets = o5.map((t5) => t5 instanceof CSSStyleSheet ? t5 : t5.styleSheet);
+  else for (const e8 of o5) {
+    const o6 = document.createElement("style"), n6 = t.litNonce;
+    void 0 !== n6 && o6.setAttribute("nonce", n6), o6.textContent = e8.cssText, s3.appendChild(o6);
+  }
+};
+var c = e ? (t5) => t5 : (t5) => t5 instanceof CSSStyleSheet ? ((t6) => {
+  let e8 = "";
+  for (const s3 of t6.cssRules) e8 += s3.cssText;
+  return r(e8);
+})(t5) : t5;
+
+// ../../node_modules/lit/node_modules/@lit/reactive-element/reactive-element.js
+var { is: i2, defineProperty: e2, getOwnPropertyDescriptor: r2, getOwnPropertyNames: h, getOwnPropertySymbols: o2, getPrototypeOf: n2 } = Object;
+var a = globalThis;
+var c2 = a.trustedTypes;
+var l = c2 ? c2.emptyScript : "";
+var p = a.reactiveElementPolyfillSupport;
+var d = (t5, s3) => t5;
+var u = { toAttribute(t5, s3) {
+  switch (s3) {
+    case Boolean:
+      t5 = t5 ? l : null;
+      break;
+    case Object:
+    case Array:
+      t5 = null == t5 ? t5 : JSON.stringify(t5);
+  }
+  return t5;
+}, fromAttribute(t5, s3) {
+  let i4 = t5;
+  switch (s3) {
+    case Boolean:
+      i4 = null !== t5;
+      break;
+    case Number:
+      i4 = null === t5 ? null : Number(t5);
+      break;
+    case Object:
+    case Array:
+      try {
+        i4 = JSON.parse(t5);
+      } catch (t6) {
+        i4 = null;
+      }
+  }
+  return i4;
+} };
+var f = (t5, s3) => !i2(t5, s3);
+var y = { attribute: true, type: String, converter: u, reflect: false, hasChanged: f };
+Symbol.metadata ??= Symbol("metadata"), a.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
+var b = class extends HTMLElement {
+  static addInitializer(t5) {
+    this._$Ei(), (this.l ??= []).push(t5);
+  }
+  static get observedAttributes() {
+    return this.finalize(), this._$Eh && [...this._$Eh.keys()];
+  }
+  static createProperty(t5, s3 = y) {
+    if (s3.state && (s3.attribute = false), this._$Ei(), this.elementProperties.set(t5, s3), !s3.noAccessor) {
+      const i4 = Symbol(), r7 = this.getPropertyDescriptor(t5, i4, s3);
+      void 0 !== r7 && e2(this.prototype, t5, r7);
+    }
+  }
+  static getPropertyDescriptor(t5, s3, i4) {
+    const { get: e8, set: h5 } = r2(this.prototype, t5) ?? { get() {
+      return this[s3];
+    }, set(t6) {
+      this[s3] = t6;
+    } };
+    return { get() {
+      return e8?.call(this);
+    }, set(s4) {
+      const r7 = e8?.call(this);
+      h5.call(this, s4), this.requestUpdate(t5, r7, i4);
+    }, configurable: true, enumerable: true };
+  }
+  static getPropertyOptions(t5) {
+    return this.elementProperties.get(t5) ?? y;
+  }
+  static _$Ei() {
+    if (this.hasOwnProperty(d("elementProperties"))) return;
+    const t5 = n2(this);
+    t5.finalize(), void 0 !== t5.l && (this.l = [...t5.l]), this.elementProperties = new Map(t5.elementProperties);
+  }
+  static finalize() {
+    if (this.hasOwnProperty(d("finalized"))) return;
+    if (this.finalized = true, this._$Ei(), this.hasOwnProperty(d("properties"))) {
+      const t6 = this.properties, s3 = [...h(t6), ...o2(t6)];
+      for (const i4 of s3) this.createProperty(i4, t6[i4]);
+    }
+    const t5 = this[Symbol.metadata];
+    if (null !== t5) {
+      const s3 = litPropertyMetadata.get(t5);
+      if (void 0 !== s3) for (const [t6, i4] of s3) this.elementProperties.set(t6, i4);
+    }
+    this._$Eh = /* @__PURE__ */ new Map();
+    for (const [t6, s3] of this.elementProperties) {
+      const i4 = this._$Eu(t6, s3);
+      void 0 !== i4 && this._$Eh.set(i4, t6);
+    }
+    this.elementStyles = this.finalizeStyles(this.styles);
+  }
+  static finalizeStyles(s3) {
+    const i4 = [];
+    if (Array.isArray(s3)) {
+      const e8 = new Set(s3.flat(1 / 0).reverse());
+      for (const s4 of e8) i4.unshift(c(s4));
+    } else void 0 !== s3 && i4.push(c(s3));
+    return i4;
+  }
+  static _$Eu(t5, s3) {
+    const i4 = s3.attribute;
+    return false === i4 ? void 0 : "string" == typeof i4 ? i4 : "string" == typeof t5 ? t5.toLowerCase() : void 0;
+  }
+  constructor() {
+    super(), this._$Ep = void 0, this.isUpdatePending = false, this.hasUpdated = false, this._$Em = null, this._$Ev();
+  }
+  _$Ev() {
+    this._$ES = new Promise((t5) => this.enableUpdating = t5), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), this.constructor.l?.forEach((t5) => t5(this));
+  }
+  addController(t5) {
+    (this._$EO ??= /* @__PURE__ */ new Set()).add(t5), void 0 !== this.renderRoot && this.isConnected && t5.hostConnected?.();
+  }
+  removeController(t5) {
+    this._$EO?.delete(t5);
+  }
+  _$E_() {
+    const t5 = /* @__PURE__ */ new Map(), s3 = this.constructor.elementProperties;
+    for (const i4 of s3.keys()) this.hasOwnProperty(i4) && (t5.set(i4, this[i4]), delete this[i4]);
+    t5.size > 0 && (this._$Ep = t5);
+  }
+  createRenderRoot() {
+    const t5 = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
+    return S(t5, this.constructor.elementStyles), t5;
+  }
+  connectedCallback() {
+    this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(true), this._$EO?.forEach((t5) => t5.hostConnected?.());
+  }
+  enableUpdating(t5) {
+  }
+  disconnectedCallback() {
+    this._$EO?.forEach((t5) => t5.hostDisconnected?.());
+  }
+  attributeChangedCallback(t5, s3, i4) {
+    this._$AK(t5, i4);
+  }
+  _$EC(t5, s3) {
+    const i4 = this.constructor.elementProperties.get(t5), e8 = this.constructor._$Eu(t5, i4);
+    if (void 0 !== e8 && true === i4.reflect) {
+      const r7 = (void 0 !== i4.converter?.toAttribute ? i4.converter : u).toAttribute(s3, i4.type);
+      this._$Em = t5, null == r7 ? this.removeAttribute(e8) : this.setAttribute(e8, r7), this._$Em = null;
+    }
+  }
+  _$AK(t5, s3) {
+    const i4 = this.constructor, e8 = i4._$Eh.get(t5);
+    if (void 0 !== e8 && this._$Em !== e8) {
+      const t6 = i4.getPropertyOptions(e8), r7 = "function" == typeof t6.converter ? { fromAttribute: t6.converter } : void 0 !== t6.converter?.fromAttribute ? t6.converter : u;
+      this._$Em = e8, this[e8] = r7.fromAttribute(s3, t6.type), this._$Em = null;
+    }
+  }
+  requestUpdate(t5, s3, i4) {
+    if (void 0 !== t5) {
+      if (i4 ??= this.constructor.getPropertyOptions(t5), !(i4.hasChanged ?? f)(this[t5], s3)) return;
+      this.P(t5, s3, i4);
+    }
+    false === this.isUpdatePending && (this._$ES = this._$ET());
+  }
+  P(t5, s3, i4) {
+    this._$AL.has(t5) || this._$AL.set(t5, s3), true === i4.reflect && this._$Em !== t5 && (this._$Ej ??= /* @__PURE__ */ new Set()).add(t5);
+  }
+  async _$ET() {
+    this.isUpdatePending = true;
+    try {
+      await this._$ES;
+    } catch (t6) {
+      Promise.reject(t6);
+    }
+    const t5 = this.scheduleUpdate();
+    return null != t5 && await t5, !this.isUpdatePending;
+  }
+  scheduleUpdate() {
+    return this.performUpdate();
+  }
+  performUpdate() {
+    if (!this.isUpdatePending) return;
+    if (!this.hasUpdated) {
+      if (this.renderRoot ??= this.createRenderRoot(), this._$Ep) {
+        for (const [t7, s4] of this._$Ep) this[t7] = s4;
+        this._$Ep = void 0;
+      }
+      const t6 = this.constructor.elementProperties;
+      if (t6.size > 0) for (const [s4, i4] of t6) true !== i4.wrapped || this._$AL.has(s4) || void 0 === this[s4] || this.P(s4, this[s4], i4);
+    }
+    let t5 = false;
+    const s3 = this._$AL;
+    try {
+      t5 = this.shouldUpdate(s3), t5 ? (this.willUpdate(s3), this._$EO?.forEach((t6) => t6.hostUpdate?.()), this.update(s3)) : this._$EU();
+    } catch (s4) {
+      throw t5 = false, this._$EU(), s4;
+    }
+    t5 && this._$AE(s3);
+  }
+  willUpdate(t5) {
+  }
+  _$AE(t5) {
+    this._$EO?.forEach((t6) => t6.hostUpdated?.()), this.hasUpdated || (this.hasUpdated = true, this.firstUpdated(t5)), this.updated(t5);
+  }
+  _$EU() {
+    this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = false;
+  }
+  get updateComplete() {
+    return this.getUpdateComplete();
+  }
+  getUpdateComplete() {
+    return this._$ES;
+  }
+  shouldUpdate(t5) {
+    return true;
+  }
+  update(t5) {
+    this._$Ej &&= this._$Ej.forEach((t6) => this._$EC(t6, this[t6])), this._$EU();
+  }
+  updated(t5) {
+  }
+  firstUpdated(t5) {
+  }
+};
+b.elementStyles = [], b.shadowRootOptions = { mode: "open" }, b[d("elementProperties")] = /* @__PURE__ */ new Map(), b[d("finalized")] = /* @__PURE__ */ new Map(), p?.({ ReactiveElement: b }), (a.reactiveElementVersions ??= []).push("2.0.4");
+
+// ../../node_modules/lit/node_modules/lit-html/lit-html.js
+var n3 = globalThis;
+var c3 = n3.trustedTypes;
+var h2 = c3 ? c3.createPolicy("lit-html", { createHTML: (t5) => t5 }) : void 0;
+var f2 = "$lit$";
+var v = `lit$${Math.random().toFixed(9).slice(2)}$`;
+var m = "?" + v;
+var _ = `<${m}>`;
+var w = document;
+var lt = () => w.createComment("");
+var st = (t5) => null === t5 || "object" != typeof t5 && "function" != typeof t5;
+var g = Array.isArray;
+var $ = (t5) => g(t5) || "function" == typeof t5?.[Symbol.iterator];
+var x = "[ 	\n\f\r]";
+var T = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g;
+var E = /-->/g;
+var k = />/g;
+var O = RegExp(`>|${x}(?:([^\\s"'>=/]+)(${x}*=${x}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g");
+var S2 = /'/g;
+var j = /"/g;
+var M = /^(?:script|style|textarea|title)$/i;
+var P = (t5) => (i4, ...s3) => ({ _$litType$: t5, strings: i4, values: s3 });
+var ke = P(1);
+var Oe = P(2);
+var Se = P(3);
+var R = Symbol.for("lit-noChange");
+var D = Symbol.for("lit-nothing");
+var V = /* @__PURE__ */ new WeakMap();
+var I = w.createTreeWalker(w, 129);
+function N(t5, i4) {
+  if (!g(t5) || !t5.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return void 0 !== h2 ? h2.createHTML(i4) : i4;
+}
+var U = (t5, i4) => {
+  const s3 = t5.length - 1, e8 = [];
+  let h5, o5 = 2 === i4 ? "<svg>" : 3 === i4 ? "<math>" : "", n6 = T;
+  for (let i5 = 0; i5 < s3; i5++) {
+    const s4 = t5[i5];
+    let r7, l3, c5 = -1, a3 = 0;
+    for (; a3 < s4.length && (n6.lastIndex = a3, l3 = n6.exec(s4), null !== l3); ) a3 = n6.lastIndex, n6 === T ? "!--" === l3[1] ? n6 = E : void 0 !== l3[1] ? n6 = k : void 0 !== l3[2] ? (M.test(l3[2]) && (h5 = RegExp("</" + l3[2], "g")), n6 = O) : void 0 !== l3[3] && (n6 = O) : n6 === O ? ">" === l3[0] ? (n6 = h5 ?? T, c5 = -1) : void 0 === l3[1] ? c5 = -2 : (c5 = n6.lastIndex - l3[2].length, r7 = l3[1], n6 = void 0 === l3[3] ? O : '"' === l3[3] ? j : S2) : n6 === j || n6 === S2 ? n6 = O : n6 === E || n6 === k ? n6 = T : (n6 = O, h5 = void 0);
+    const u3 = n6 === O && t5[i5 + 1].startsWith("/>") ? " " : "";
+    o5 += n6 === T ? s4 + _ : c5 >= 0 ? (e8.push(r7), s4.slice(0, c5) + f2 + s4.slice(c5) + v + u3) : s4 + v + (-2 === c5 ? i5 : u3);
+  }
+  return [N(t5, o5 + (t5[s3] || "<?>") + (2 === i4 ? "</svg>" : 3 === i4 ? "</math>" : "")), e8];
+};
+var B = class _B2 {
+  constructor({ strings: t5, _$litType$: i4 }, s3) {
+    let e8;
+    this.parts = [];
+    let h5 = 0, o5 = 0;
+    const n6 = t5.length - 1, r7 = this.parts, [l3, a3] = U(t5, i4);
+    if (this.el = _B2.createElement(l3, s3), I.currentNode = this.el.content, 2 === i4 || 3 === i4) {
+      const t6 = this.el.content.firstChild;
+      t6.replaceWith(...t6.childNodes);
+    }
+    for (; null !== (e8 = I.nextNode()) && r7.length < n6; ) {
+      if (1 === e8.nodeType) {
+        if (e8.hasAttributes()) for (const t6 of e8.getAttributeNames()) if (t6.endsWith(f2)) {
+          const i5 = a3[o5++], s4 = e8.getAttribute(t6).split(v), n7 = /([.?@])?(.*)/.exec(i5);
+          r7.push({ type: 1, index: h5, name: n7[2], strings: s4, ctor: "." === n7[1] ? Y : "?" === n7[1] ? Z : "@" === n7[1] ? q : G }), e8.removeAttribute(t6);
+        } else t6.startsWith(v) && (r7.push({ type: 6, index: h5 }), e8.removeAttribute(t6));
+        if (M.test(e8.tagName)) {
+          const t6 = e8.textContent.split(v), i5 = t6.length - 1;
+          if (i5 > 0) {
+            e8.textContent = c3 ? c3.emptyScript : "";
+            for (let s4 = 0; s4 < i5; s4++) e8.append(t6[s4], lt()), I.nextNode(), r7.push({ type: 2, index: ++h5 });
+            e8.append(t6[i5], lt());
+          }
+        }
+      } else if (8 === e8.nodeType) if (e8.data === m) r7.push({ type: 2, index: h5 });
+      else {
+        let t6 = -1;
+        for (; -1 !== (t6 = e8.data.indexOf(v, t6 + 1)); ) r7.push({ type: 7, index: h5 }), t6 += v.length - 1;
+      }
+      h5++;
+    }
+  }
+  static createElement(t5, i4) {
+    const s3 = w.createElement("template");
+    return s3.innerHTML = t5, s3;
+  }
+};
+function z(t5, i4, s3 = t5, e8) {
+  if (i4 === R) return i4;
+  let h5 = void 0 !== e8 ? s3.o?.[e8] : s3.l;
+  const o5 = st(i4) ? void 0 : i4._$litDirective$;
+  return h5?.constructor !== o5 && (h5?._$AO?.(false), void 0 === o5 ? h5 = void 0 : (h5 = new o5(t5), h5._$AT(t5, s3, e8)), void 0 !== e8 ? (s3.o ??= [])[e8] = h5 : s3.l = h5), void 0 !== h5 && (i4 = z(t5, h5._$AS(t5, i4.values), h5, e8)), i4;
+}
+var F = class {
+  constructor(t5, i4) {
+    this._$AV = [], this._$AN = void 0, this._$AD = t5, this._$AM = i4;
+  }
+  get parentNode() {
+    return this._$AM.parentNode;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  u(t5) {
+    const { el: { content: i4 }, parts: s3 } = this._$AD, e8 = (t5?.creationScope ?? w).importNode(i4, true);
+    I.currentNode = e8;
+    let h5 = I.nextNode(), o5 = 0, n6 = 0, r7 = s3[0];
+    for (; void 0 !== r7; ) {
+      if (o5 === r7.index) {
+        let i5;
+        2 === r7.type ? i5 = new et(h5, h5.nextSibling, this, t5) : 1 === r7.type ? i5 = new r7.ctor(h5, r7.name, r7.strings, this, t5) : 6 === r7.type && (i5 = new K(h5, this, t5)), this._$AV.push(i5), r7 = s3[++n6];
+      }
+      o5 !== r7?.index && (h5 = I.nextNode(), o5++);
+    }
+    return I.currentNode = w, e8;
+  }
+  p(t5) {
+    let i4 = 0;
+    for (const s3 of this._$AV) void 0 !== s3 && (void 0 !== s3.strings ? (s3._$AI(t5, s3, i4), i4 += s3.strings.length - 2) : s3._$AI(t5[i4])), i4++;
+  }
+};
+var et = class _et2 {
+  get _$AU() {
+    return this._$AM?._$AU ?? this.v;
+  }
+  constructor(t5, i4, s3, e8) {
+    this.type = 2, this._$AH = D, this._$AN = void 0, this._$AA = t5, this._$AB = i4, this._$AM = s3, this.options = e8, this.v = e8?.isConnected ?? true;
+  }
+  get parentNode() {
+    let t5 = this._$AA.parentNode;
+    const i4 = this._$AM;
+    return void 0 !== i4 && 11 === t5?.nodeType && (t5 = i4.parentNode), t5;
+  }
+  get startNode() {
+    return this._$AA;
+  }
+  get endNode() {
+    return this._$AB;
+  }
+  _$AI(t5, i4 = this) {
+    t5 = z(this, t5, i4), st(t5) ? t5 === D || null == t5 || "" === t5 ? (this._$AH !== D && this._$AR(), this._$AH = D) : t5 !== this._$AH && t5 !== R && this._(t5) : void 0 !== t5._$litType$ ? this.$(t5) : void 0 !== t5.nodeType ? this.T(t5) : $(t5) ? this.k(t5) : this._(t5);
+  }
+  O(t5) {
+    return this._$AA.parentNode.insertBefore(t5, this._$AB);
+  }
+  T(t5) {
+    this._$AH !== t5 && (this._$AR(), this._$AH = this.O(t5));
+  }
+  _(t5) {
+    this._$AH !== D && st(this._$AH) ? this._$AA.nextSibling.data = t5 : this.T(w.createTextNode(t5)), this._$AH = t5;
+  }
+  $(t5) {
+    const { values: i4, _$litType$: s3 } = t5, e8 = "number" == typeof s3 ? this._$AC(t5) : (void 0 === s3.el && (s3.el = B.createElement(N(s3.h, s3.h[0]), this.options)), s3);
+    if (this._$AH?._$AD === e8) this._$AH.p(i4);
+    else {
+      const t6 = new F(e8, this), s4 = t6.u(this.options);
+      t6.p(i4), this.T(s4), this._$AH = t6;
+    }
+  }
+  _$AC(t5) {
+    let i4 = V.get(t5.strings);
+    return void 0 === i4 && V.set(t5.strings, i4 = new B(t5)), i4;
+  }
+  k(t5) {
+    g(this._$AH) || (this._$AH = [], this._$AR());
+    const i4 = this._$AH;
+    let s3, e8 = 0;
+    for (const h5 of t5) e8 === i4.length ? i4.push(s3 = new _et2(this.O(lt()), this.O(lt()), this, this.options)) : s3 = i4[e8], s3._$AI(h5), e8++;
+    e8 < i4.length && (this._$AR(s3 && s3._$AB.nextSibling, e8), i4.length = e8);
+  }
+  _$AR(t5 = this._$AA.nextSibling, i4) {
+    for (this._$AP?.(false, true, i4); t5 && t5 !== this._$AB; ) {
+      const i5 = t5.nextSibling;
+      t5.remove(), t5 = i5;
+    }
+  }
+  setConnected(t5) {
+    void 0 === this._$AM && (this.v = t5, this._$AP?.(t5));
+  }
+};
+var G = class {
+  get tagName() {
+    return this.element.tagName;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  constructor(t5, i4, s3, e8, h5) {
+    this.type = 1, this._$AH = D, this._$AN = void 0, this.element = t5, this.name = i4, this._$AM = e8, this.options = h5, s3.length > 2 || "" !== s3[0] || "" !== s3[1] ? (this._$AH = Array(s3.length - 1).fill(new String()), this.strings = s3) : this._$AH = D;
+  }
+  _$AI(t5, i4 = this, s3, e8) {
+    const h5 = this.strings;
+    let o5 = false;
+    if (void 0 === h5) t5 = z(this, t5, i4, 0), o5 = !st(t5) || t5 !== this._$AH && t5 !== R, o5 && (this._$AH = t5);
+    else {
+      const e9 = t5;
+      let n6, r7;
+      for (t5 = h5[0], n6 = 0; n6 < h5.length - 1; n6++) r7 = z(this, e9[s3 + n6], i4, n6), r7 === R && (r7 = this._$AH[n6]), o5 ||= !st(r7) || r7 !== this._$AH[n6], r7 === D ? t5 = D : t5 !== D && (t5 += (r7 ?? "") + h5[n6 + 1]), this._$AH[n6] = r7;
+    }
+    o5 && !e8 && this.j(t5);
+  }
+  j(t5) {
+    t5 === D ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t5 ?? "");
+  }
+};
+var Y = class extends G {
+  constructor() {
+    super(...arguments), this.type = 3;
+  }
+  j(t5) {
+    this.element[this.name] = t5 === D ? void 0 : t5;
+  }
+};
+var Z = class extends G {
+  constructor() {
+    super(...arguments), this.type = 4;
+  }
+  j(t5) {
+    this.element.toggleAttribute(this.name, !!t5 && t5 !== D);
+  }
+};
+var q = class extends G {
+  constructor(t5, i4, s3, e8, h5) {
+    super(t5, i4, s3, e8, h5), this.type = 5;
+  }
+  _$AI(t5, i4 = this) {
+    if ((t5 = z(this, t5, i4, 0) ?? D) === R) return;
+    const s3 = this._$AH, e8 = t5 === D && s3 !== D || t5.capture !== s3.capture || t5.once !== s3.once || t5.passive !== s3.passive, h5 = t5 !== D && (s3 === D || e8);
+    e8 && this.element.removeEventListener(this.name, this, s3), h5 && this.element.addEventListener(this.name, this, t5), this._$AH = t5;
+  }
+  handleEvent(t5) {
+    "function" == typeof this._$AH ? this._$AH.call(this.options?.host ?? this.element, t5) : this._$AH.handleEvent(t5);
+  }
+};
+var K = class {
+  constructor(t5, i4, s3) {
+    this.element = t5, this.type = 6, this._$AN = void 0, this._$AM = i4, this.options = s3;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(t5) {
+    z(this, t5);
+  }
+};
+var si = { M: f2, P: v, A: m, C: 1, L: U, R: F, D: $, V: z, I: et, H: G, N: Z, U: q, B: Y, F: K };
+var Re = n3.litHtmlPolyfillSupport;
+Re?.(B, et), (n3.litHtmlVersions ??= []).push("3.2.0");
+var Q = (t5, i4, s3) => {
+  const e8 = s3?.renderBefore ?? i4;
+  let h5 = e8._$litPart$;
+  if (void 0 === h5) {
+    const t6 = s3?.renderBefore ?? null;
+    e8._$litPart$ = h5 = new et(i4.insertBefore(lt(), t6), t6, void 0, s3 ?? {});
+  }
+  return h5._$AI(t5), h5;
+};
+
+// ../../node_modules/lit/node_modules/lit-element/lit-element.js
+var h3 = class extends b {
+  constructor() {
+    super(...arguments), this.renderOptions = { host: this }, this.o = void 0;
+  }
+  createRenderRoot() {
+    const t5 = super.createRenderRoot();
+    return this.renderOptions.renderBefore ??= t5.firstChild, t5;
+  }
+  update(t5) {
+    const e8 = this.render();
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t5), this.o = Q(e8, this.renderRoot, this.renderOptions);
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.o?.setConnected(true);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.o?.setConnected(false);
+  }
+  render() {
+    return R;
+  }
+};
+h3._$litElement$ = true, h3["finalized"] = true, globalThis.litElementHydrateSupport?.({ LitElement: h3 });
+var f3 = globalThis.litElementPolyfillSupport;
+f3?.({ LitElement: h3 });
+(globalThis.litElementVersions ??= []).push("4.1.0");
+
+// ../lit/index.js
+var __create2 = Object.create;
+var __defProp2 = Object.defineProperty;
+var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
+var __knownSymbol2 = (name, symbol) => (symbol = Symbol[name]) ? symbol : Symbol.for("Symbol." + name);
+var __typeError2 = (msg) => {
+  throw TypeError(msg);
+};
+var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __name2 = (target, value) => __defProp2(target, "name", { value, configurable: true });
+var __decoratorStart2 = (base) => [, , , __create2(base?.[__knownSymbol2("metadata")] ?? null)];
+var __decoratorStrings2 = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
+var __expectFn2 = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError2("Function expected") : fn;
+var __decoratorContext2 = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings2[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError2("Already initialized") : fns.push(__expectFn2(fn || null)) });
+var __decoratorMetadata2 = (array, target) => __defNormalProp2(target, __knownSymbol2("metadata"), array[3]);
+var __runInitializers2 = (array, flags, self, value) => {
+  for (var i32 = 0, fns = array[flags >> 1], n52 = fns && fns.length; i32 < n52; i32++) flags & 1 ? fns[i32].call(self) : value = fns[i32].call(self, value);
+  return value;
+};
+var __decorateElement2 = (array, flags, name, decorators, target, extra) => {
+  var fn, it, done, ctx, access, k22 = flags & 7, s22 = !!(flags & 8), p22 = !!(flags & 16);
+  var j22 = k22 > 3 ? array.length + 1 : k22 ? s22 ? 1 : 2 : 0, key = __decoratorStrings2[k22 + 5];
+  var initializers = k22 > 3 && (array[j22 - 1] = []), extraInitializers = array[j22] || (array[j22] = []);
+  var desc = k22 && (!p22 && !s22 && (target = target.prototype), k22 < 5 && (k22 > 3 || !p22) && __getOwnPropDesc2(k22 < 4 ? target : { get [name]() {
+    return __privateGet2(this, extra);
+  }, set [name](x22) {
+    return __privateSet2(this, extra, x22);
+  } }, name));
+  k22 ? p22 && k22 < 4 && __name2(extra, (k22 > 2 ? "set " : k22 > 1 ? "get " : "") + name) : __name2(target, name);
+  for (var i32 = decorators.length - 1; i32 >= 0; i32--) {
+    ctx = __decoratorContext2(k22, name, done = {}, array[3], extraInitializers);
+    if (k22) {
+      ctx.static = s22, ctx.private = p22, access = ctx.access = { has: p22 ? (x22) => __privateIn2(target, x22) : (x22) => name in x22 };
+      if (k22 ^ 3) access.get = p22 ? (x22) => (k22 ^ 1 ? __privateGet2 : __privateMethod2)(x22, target, k22 ^ 4 ? extra : desc.get) : (x22) => x22[name];
+      if (k22 > 2) access.set = p22 ? (x22, y22) => __privateSet2(x22, target, y22, k22 ^ 4 ? extra : desc.set) : (x22, y22) => x22[name] = y22;
+    }
+    it = (0, decorators[i32])(k22 ? k22 < 4 ? p22 ? extra : desc[key] : k22 > 4 ? void 0 : { get: desc.get, set: desc.set } : target, ctx), done._ = 1;
+    if (k22 ^ 4 || it === void 0) __expectFn2(it) && (k22 > 4 ? initializers.unshift(it) : k22 ? p22 ? extra = it : desc[key] = it : target = it);
+    else if (typeof it !== "object" || it === null) __typeError2("Object expected");
+    else __expectFn2(fn = it.get) && (desc.get = fn), __expectFn2(fn = it.set) && (desc.set = fn), __expectFn2(fn = it.init) && initializers.unshift(fn);
+  }
+  return k22 || __decoratorMetadata2(array, target), desc && __defProp2(target, name, desc), p22 ? k22 ^ 4 ? extra : desc : target;
+};
+var __publicField2 = (obj, key, value) => __defNormalProp2(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __accessCheck2 = (obj, member, msg) => member.has(obj) || __typeError2("Cannot " + msg);
+var __privateIn2 = (member, obj) => Object(obj) !== obj ? __typeError2('Cannot use the "in" operator on this value') : member.has(obj);
+var __privateGet2 = (obj, member, getter) => (__accessCheck2(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd2 = (obj, member, value) => member.has(obj) ? __typeError2("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet2 = (obj, member, value, setter) => (__accessCheck2(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+var __privateMethod2 = (obj, member, method) => (__accessCheck2(obj, member, "access private method"), method);
+var t2 = globalThis;
+var e3 = t2.ShadowRoot && (void 0 === t2.ShadyCSS || t2.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype;
+var s2 = Symbol();
+var o3 = /* @__PURE__ */ new WeakMap();
+var n4 = class {
+  constructor(t22, e42, o42) {
+    if (this._$cssResult$ = true, o42 !== s2) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    this.cssText = t22, this.t = e42;
+  }
+  get styleSheet() {
+    let t22 = this.o;
+    const s22 = this.t;
+    if (e3 && void 0 === t22) {
+      const e42 = void 0 !== s22 && 1 === s22.length;
+      e42 && (t22 = o3.get(s22)), void 0 === t22 && ((this.o = t22 = new CSSStyleSheet()).replaceSync(this.cssText), e42 && o3.set(s22, t22));
+    }
+    return t22;
+  }
+  toString() {
+    return this.cssText;
+  }
+};
+var r3 = (t22) => new n4("string" == typeof t22 ? t22 : t22 + "", void 0, s2);
+var S3 = (s22, o42) => {
+  if (e3) s22.adoptedStyleSheets = o42.map((t22) => t22 instanceof CSSStyleSheet ? t22 : t22.styleSheet);
+  else for (const e42 of o42) {
+    const o5 = document.createElement("style"), n52 = t2.litNonce;
+    void 0 !== n52 && o5.setAttribute("nonce", n52), o5.textContent = e42.cssText, s22.appendChild(o5);
+  }
+};
+var c4 = e3 ? (t22) => t22 : (t22) => t22 instanceof CSSStyleSheet ? ((t32) => {
+  let e42 = "";
+  for (const s22 of t32.cssRules) e42 += s22.cssText;
+  return r3(e42);
+})(t22) : t22;
+var { is: i22, defineProperty: e22, getOwnPropertyDescriptor: r22, getOwnPropertyNames: h4, getOwnPropertySymbols: o22, getPrototypeOf: n22 } = Object;
+var a2 = globalThis;
+var c22 = a2.trustedTypes;
+var l2 = c22 ? c22.emptyScript : "";
+var p2 = a2.reactiveElementPolyfillSupport;
+var d2 = (t22, s22) => t22;
+var u2 = { toAttribute(t22, s22) {
+  switch (s22) {
+    case Boolean:
+      t22 = t22 ? l2 : null;
+      break;
+    case Object:
+    case Array:
+      t22 = null == t22 ? t22 : JSON.stringify(t22);
+  }
+  return t22;
+}, fromAttribute(t22, s22) {
+  let i32 = t22;
+  switch (s22) {
+    case Boolean:
+      i32 = null !== t22;
+      break;
+    case Number:
+      i32 = null === t22 ? null : Number(t22);
+      break;
+    case Object:
+    case Array:
+      try {
+        i32 = JSON.parse(t22);
+      } catch (t32) {
+        i32 = null;
+      }
+  }
+  return i32;
+} };
+var f4 = (t22, s22) => !i22(t22, s22);
+var y2 = { attribute: true, type: String, converter: u2, reflect: false, hasChanged: f4 };
+Symbol.metadata ??= Symbol("metadata"), a2.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
+var b2 = class extends HTMLElement {
+  static addInitializer(t22) {
+    this._$Ei(), (this.l ??= []).push(t22);
+  }
+  static get observedAttributes() {
+    return this.finalize(), this._$Eh && [...this._$Eh.keys()];
+  }
+  static createProperty(t22, s22 = y2) {
+    if (s22.state && (s22.attribute = false), this._$Ei(), this.elementProperties.set(t22, s22), !s22.noAccessor) {
+      const i32 = Symbol(), r42 = this.getPropertyDescriptor(t22, i32, s22);
+      void 0 !== r42 && e22(this.prototype, t22, r42);
+    }
+  }
+  static getPropertyDescriptor(t22, s22, i32) {
+    const { get: e42, set: h42 } = r22(this.prototype, t22) ?? { get() {
+      return this[s22];
+    }, set(t32) {
+      this[s22] = t32;
+    } };
+    return { get() {
+      return e42?.call(this);
+    }, set(s3) {
+      const r42 = e42?.call(this);
+      h42.call(this, s3), this.requestUpdate(t22, r42, i32);
+    }, configurable: true, enumerable: true };
+  }
+  static getPropertyOptions(t22) {
+    return this.elementProperties.get(t22) ?? y2;
+  }
+  static _$Ei() {
+    if (this.hasOwnProperty(d2("elementProperties"))) return;
+    const t22 = n22(this);
+    t22.finalize(), void 0 !== t22.l && (this.l = [...t22.l]), this.elementProperties = new Map(t22.elementProperties);
+  }
+  static finalize() {
+    if (this.hasOwnProperty(d2("finalized"))) return;
+    if (this.finalized = true, this._$Ei(), this.hasOwnProperty(d2("properties"))) {
+      const t32 = this.properties, s22 = [...h4(t32), ...o22(t32)];
+      for (const i32 of s22) this.createProperty(i32, t32[i32]);
+    }
+    const t22 = this[Symbol.metadata];
+    if (null !== t22) {
+      const s22 = litPropertyMetadata.get(t22);
+      if (void 0 !== s22) for (const [t32, i32] of s22) this.elementProperties.set(t32, i32);
+    }
+    this._$Eh = /* @__PURE__ */ new Map();
+    for (const [t32, s22] of this.elementProperties) {
+      const i32 = this._$Eu(t32, s22);
+      void 0 !== i32 && this._$Eh.set(i32, t32);
+    }
+    this.elementStyles = this.finalizeStyles(this.styles);
+  }
+  static finalizeStyles(s22) {
+    const i32 = [];
+    if (Array.isArray(s22)) {
+      const e42 = new Set(s22.flat(1 / 0).reverse());
+      for (const s3 of e42) i32.unshift(c4(s3));
+    } else void 0 !== s22 && i32.push(c4(s22));
+    return i32;
+  }
+  static _$Eu(t22, s22) {
+    const i32 = s22.attribute;
+    return false === i32 ? void 0 : "string" == typeof i32 ? i32 : "string" == typeof t22 ? t22.toLowerCase() : void 0;
+  }
+  constructor() {
+    super(), this._$Ep = void 0, this.isUpdatePending = false, this.hasUpdated = false, this._$Em = null, this._$Ev();
+  }
+  _$Ev() {
+    this._$ES = new Promise((t22) => this.enableUpdating = t22), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), this.constructor.l?.forEach((t22) => t22(this));
+  }
+  addController(t22) {
+    (this._$EO ??= /* @__PURE__ */ new Set()).add(t22), void 0 !== this.renderRoot && this.isConnected && t22.hostConnected?.();
+  }
+  removeController(t22) {
+    this._$EO?.delete(t22);
+  }
+  _$E_() {
+    const t22 = /* @__PURE__ */ new Map(), s22 = this.constructor.elementProperties;
+    for (const i32 of s22.keys()) this.hasOwnProperty(i32) && (t22.set(i32, this[i32]), delete this[i32]);
+    t22.size > 0 && (this._$Ep = t22);
+  }
+  createRenderRoot() {
+    const t22 = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
+    return S3(t22, this.constructor.elementStyles), t22;
+  }
+  connectedCallback() {
+    this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(true), this._$EO?.forEach((t22) => t22.hostConnected?.());
+  }
+  enableUpdating(t22) {
+  }
+  disconnectedCallback() {
+    this._$EO?.forEach((t22) => t22.hostDisconnected?.());
+  }
+  attributeChangedCallback(t22, s22, i32) {
+    this._$AK(t22, i32);
+  }
+  _$EC(t22, s22) {
+    const i32 = this.constructor.elementProperties.get(t22), e42 = this.constructor._$Eu(t22, i32);
+    if (void 0 !== e42 && true === i32.reflect) {
+      const r42 = (void 0 !== i32.converter?.toAttribute ? i32.converter : u2).toAttribute(s22, i32.type);
+      this._$Em = t22, null == r42 ? this.removeAttribute(e42) : this.setAttribute(e42, r42), this._$Em = null;
+    }
+  }
+  _$AK(t22, s22) {
+    const i32 = this.constructor, e42 = i32._$Eh.get(t22);
+    if (void 0 !== e42 && this._$Em !== e42) {
+      const t32 = i32.getPropertyOptions(e42), r42 = "function" == typeof t32.converter ? { fromAttribute: t32.converter } : void 0 !== t32.converter?.fromAttribute ? t32.converter : u2;
+      this._$Em = e42, this[e42] = r42.fromAttribute(s22, t32.type), this._$Em = null;
+    }
+  }
+  requestUpdate(t22, s22, i32) {
+    if (void 0 !== t22) {
+      if (i32 ??= this.constructor.getPropertyOptions(t22), !(i32.hasChanged ?? f4)(this[t22], s22)) return;
+      this.P(t22, s22, i32);
+    }
+    false === this.isUpdatePending && (this._$ES = this._$ET());
+  }
+  P(t22, s22, i32) {
+    this._$AL.has(t22) || this._$AL.set(t22, s22), true === i32.reflect && this._$Em !== t22 && (this._$Ej ??= /* @__PURE__ */ new Set()).add(t22);
+  }
+  async _$ET() {
+    this.isUpdatePending = true;
+    try {
+      await this._$ES;
+    } catch (t32) {
+      Promise.reject(t32);
+    }
+    const t22 = this.scheduleUpdate();
+    return null != t22 && await t22, !this.isUpdatePending;
+  }
+  scheduleUpdate() {
+    return this.performUpdate();
+  }
+  performUpdate() {
+    if (!this.isUpdatePending) return;
+    if (!this.hasUpdated) {
+      if (this.renderRoot ??= this.createRenderRoot(), this._$Ep) {
+        for (const [t42, s3] of this._$Ep) this[t42] = s3;
+        this._$Ep = void 0;
+      }
+      const t32 = this.constructor.elementProperties;
+      if (t32.size > 0) for (const [s3, i32] of t32) true !== i32.wrapped || this._$AL.has(s3) || void 0 === this[s3] || this.P(s3, this[s3], i32);
+    }
+    let t22 = false;
+    const s22 = this._$AL;
+    try {
+      t22 = this.shouldUpdate(s22), t22 ? (this.willUpdate(s22), this._$EO?.forEach((t32) => t32.hostUpdate?.()), this.update(s22)) : this._$EU();
+    } catch (s3) {
+      throw t22 = false, this._$EU(), s3;
+    }
+    t22 && this._$AE(s22);
+  }
+  willUpdate(t22) {
+  }
+  _$AE(t22) {
+    this._$EO?.forEach((t32) => t32.hostUpdated?.()), this.hasUpdated || (this.hasUpdated = true, this.firstUpdated(t22)), this.updated(t22);
+  }
+  _$EU() {
+    this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = false;
+  }
+  get updateComplete() {
+    return this.getUpdateComplete();
+  }
+  getUpdateComplete() {
+    return this._$ES;
+  }
+  shouldUpdate(t22) {
+    return true;
+  }
+  update(t22) {
+    this._$Ej &&= this._$Ej.forEach((t32) => this._$EC(t32, this[t32])), this._$EU();
+  }
+  updated(t22) {
+  }
+  firstUpdated(t22) {
+  }
+};
+b2.elementStyles = [], b2.shadowRootOptions = { mode: "open" }, b2[d2("elementProperties")] = /* @__PURE__ */ new Map(), b2[d2("finalized")] = /* @__PURE__ */ new Map(), p2?.({ ReactiveElement: b2 }), (a2.reactiveElementVersions ??= []).push("2.0.4");
+var n32 = globalThis;
+var c32 = n32.trustedTypes;
+var h22 = c32 ? c32.createPolicy("lit-html", { createHTML: (t22) => t22 }) : void 0;
+var f22 = "$lit$";
+var v2 = `lit$${Math.random().toFixed(9).slice(2)}$`;
+var m2 = "?" + v2;
+var _2 = `<${m2}>`;
+var w2 = document;
+var lt2 = () => w2.createComment("");
+var st2 = (t22) => null === t22 || "object" != typeof t22 && "function" != typeof t22;
+var g2 = Array.isArray;
+var $2 = (t22) => g2(t22) || "function" == typeof t22?.[Symbol.iterator];
+var x2 = "[ 	\n\f\r]";
+var T2 = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g;
+var E2 = /-->/g;
+var k2 = />/g;
+var O2 = RegExp(`>|${x2}(?:([^\\s"'>=/]+)(${x2}*=${x2}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g");
+var S22 = /'/g;
+var j2 = /"/g;
+var M2 = /^(?:script|style|textarea|title)$/i;
+var P2 = (t22) => (i32, ...s22) => ({ _$litType$: t22, strings: i32, values: s22 });
+var ke2 = P2(1);
+var Oe2 = P2(2);
+var Se2 = P2(3);
+var R2 = Symbol.for("lit-noChange");
+var D2 = Symbol.for("lit-nothing");
+var V2 = /* @__PURE__ */ new WeakMap();
+var I2 = w2.createTreeWalker(w2, 129);
+function N2(t22, i32) {
+  if (!g2(t22) || !t22.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return void 0 !== h22 ? h22.createHTML(i32) : i32;
+}
+var U2 = (t22, i32) => {
+  const s22 = t22.length - 1, e42 = [];
+  let h42, o42 = 2 === i32 ? "<svg>" : 3 === i32 ? "<math>" : "", n52 = T2;
+  for (let i4 = 0; i4 < s22; i4++) {
+    const s3 = t22[i4];
+    let r42, l22, c42 = -1, a22 = 0;
+    for (; a22 < s3.length && (n52.lastIndex = a22, l22 = n52.exec(s3), null !== l22); ) a22 = n52.lastIndex, n52 === T2 ? "!--" === l22[1] ? n52 = E2 : void 0 !== l22[1] ? n52 = k2 : void 0 !== l22[2] ? (M2.test(l22[2]) && (h42 = RegExp("</" + l22[2], "g")), n52 = O2) : void 0 !== l22[3] && (n52 = O2) : n52 === O2 ? ">" === l22[0] ? (n52 = h42 ?? T2, c42 = -1) : void 0 === l22[1] ? c42 = -2 : (c42 = n52.lastIndex - l22[2].length, r42 = l22[1], n52 = void 0 === l22[3] ? O2 : '"' === l22[3] ? j2 : S22) : n52 === j2 || n52 === S22 ? n52 = O2 : n52 === E2 || n52 === k2 ? n52 = T2 : (n52 = O2, h42 = void 0);
+    const u22 = n52 === O2 && t22[i4 + 1].startsWith("/>") ? " " : "";
+    o42 += n52 === T2 ? s3 + _2 : c42 >= 0 ? (e42.push(r42), s3.slice(0, c42) + f22 + s3.slice(c42) + v2 + u22) : s3 + v2 + (-2 === c42 ? i4 : u22);
+  }
+  return [N2(t22, o42 + (t22[s22] || "<?>") + (2 === i32 ? "</svg>" : 3 === i32 ? "</math>" : "")), e42];
+};
+var B2 = class _B {
+  constructor({ strings: t22, _$litType$: i32 }, s22) {
+    let e42;
+    this.parts = [];
+    let h42 = 0, o42 = 0;
+    const n52 = t22.length - 1, r42 = this.parts, [l22, a22] = U2(t22, i32);
+    if (this.el = _B.createElement(l22, s22), I2.currentNode = this.el.content, 2 === i32 || 3 === i32) {
+      const t32 = this.el.content.firstChild;
+      t32.replaceWith(...t32.childNodes);
+    }
+    for (; null !== (e42 = I2.nextNode()) && r42.length < n52; ) {
+      if (1 === e42.nodeType) {
+        if (e42.hasAttributes()) for (const t32 of e42.getAttributeNames()) if (t32.endsWith(f22)) {
+          const i4 = a22[o42++], s3 = e42.getAttribute(t32).split(v2), n6 = /([.?@])?(.*)/.exec(i4);
+          r42.push({ type: 1, index: h42, name: n6[2], strings: s3, ctor: "." === n6[1] ? Y2 : "?" === n6[1] ? Z2 : "@" === n6[1] ? q2 : G2 }), e42.removeAttribute(t32);
+        } else t32.startsWith(v2) && (r42.push({ type: 6, index: h42 }), e42.removeAttribute(t32));
+        if (M2.test(e42.tagName)) {
+          const t32 = e42.textContent.split(v2), i4 = t32.length - 1;
+          if (i4 > 0) {
+            e42.textContent = c32 ? c32.emptyScript : "";
+            for (let s3 = 0; s3 < i4; s3++) e42.append(t32[s3], lt2()), I2.nextNode(), r42.push({ type: 2, index: ++h42 });
+            e42.append(t32[i4], lt2());
+          }
+        }
+      } else if (8 === e42.nodeType) if (e42.data === m2) r42.push({ type: 2, index: h42 });
+      else {
+        let t32 = -1;
+        for (; -1 !== (t32 = e42.data.indexOf(v2, t32 + 1)); ) r42.push({ type: 7, index: h42 }), t32 += v2.length - 1;
+      }
+      h42++;
+    }
+  }
+  static createElement(t22, i32) {
+    const s22 = w2.createElement("template");
+    return s22.innerHTML = t22, s22;
+  }
+};
+function z2(t22, i32, s22 = t22, e42) {
+  if (i32 === R2) return i32;
+  let h42 = void 0 !== e42 ? s22.o?.[e42] : s22.l;
+  const o42 = st2(i32) ? void 0 : i32._$litDirective$;
+  return h42?.constructor !== o42 && (h42?._$AO?.(false), void 0 === o42 ? h42 = void 0 : (h42 = new o42(t22), h42._$AT(t22, s22, e42)), void 0 !== e42 ? (s22.o ??= [])[e42] = h42 : s22.l = h42), void 0 !== h42 && (i32 = z2(t22, h42._$AS(t22, i32.values), h42, e42)), i32;
+}
+var F2 = class {
+  constructor(t22, i32) {
+    this._$AV = [], this._$AN = void 0, this._$AD = t22, this._$AM = i32;
+  }
+  get parentNode() {
+    return this._$AM.parentNode;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  u(t22) {
+    const { el: { content: i32 }, parts: s22 } = this._$AD, e42 = (t22?.creationScope ?? w2).importNode(i32, true);
+    I2.currentNode = e42;
+    let h42 = I2.nextNode(), o42 = 0, n52 = 0, r42 = s22[0];
+    for (; void 0 !== r42; ) {
+      if (o42 === r42.index) {
+        let i4;
+        2 === r42.type ? i4 = new et2(h42, h42.nextSibling, this, t22) : 1 === r42.type ? i4 = new r42.ctor(h42, r42.name, r42.strings, this, t22) : 6 === r42.type && (i4 = new K2(h42, this, t22)), this._$AV.push(i4), r42 = s22[++n52];
+      }
+      o42 !== r42?.index && (h42 = I2.nextNode(), o42++);
+    }
+    return I2.currentNode = w2, e42;
+  }
+  p(t22) {
+    let i32 = 0;
+    for (const s22 of this._$AV) void 0 !== s22 && (void 0 !== s22.strings ? (s22._$AI(t22, s22, i32), i32 += s22.strings.length - 2) : s22._$AI(t22[i32])), i32++;
+  }
+};
+var et2 = class _et {
+  get _$AU() {
+    return this._$AM?._$AU ?? this.v;
+  }
+  constructor(t22, i32, s22, e42) {
+    this.type = 2, this._$AH = D2, this._$AN = void 0, this._$AA = t22, this._$AB = i32, this._$AM = s22, this.options = e42, this.v = e42?.isConnected ?? true;
+  }
+  get parentNode() {
+    let t22 = this._$AA.parentNode;
+    const i32 = this._$AM;
+    return void 0 !== i32 && 11 === t22?.nodeType && (t22 = i32.parentNode), t22;
+  }
+  get startNode() {
+    return this._$AA;
+  }
+  get endNode() {
+    return this._$AB;
+  }
+  _$AI(t22, i32 = this) {
+    t22 = z2(this, t22, i32), st2(t22) ? t22 === D2 || null == t22 || "" === t22 ? (this._$AH !== D2 && this._$AR(), this._$AH = D2) : t22 !== this._$AH && t22 !== R2 && this._(t22) : void 0 !== t22._$litType$ ? this.$(t22) : void 0 !== t22.nodeType ? this.T(t22) : $2(t22) ? this.k(t22) : this._(t22);
+  }
+  O(t22) {
+    return this._$AA.parentNode.insertBefore(t22, this._$AB);
+  }
+  T(t22) {
+    this._$AH !== t22 && (this._$AR(), this._$AH = this.O(t22));
+  }
+  _(t22) {
+    this._$AH !== D2 && st2(this._$AH) ? this._$AA.nextSibling.data = t22 : this.T(w2.createTextNode(t22)), this._$AH = t22;
+  }
+  $(t22) {
+    const { values: i32, _$litType$: s22 } = t22, e42 = "number" == typeof s22 ? this._$AC(t22) : (void 0 === s22.el && (s22.el = B2.createElement(N2(s22.h, s22.h[0]), this.options)), s22);
+    if (this._$AH?._$AD === e42) this._$AH.p(i32);
+    else {
+      const t32 = new F2(e42, this), s3 = t32.u(this.options);
+      t32.p(i32), this.T(s3), this._$AH = t32;
+    }
+  }
+  _$AC(t22) {
+    let i32 = V2.get(t22.strings);
+    return void 0 === i32 && V2.set(t22.strings, i32 = new B2(t22)), i32;
+  }
+  k(t22) {
+    g2(this._$AH) || (this._$AH = [], this._$AR());
+    const i32 = this._$AH;
+    let s22, e42 = 0;
+    for (const h42 of t22) e42 === i32.length ? i32.push(s22 = new _et(this.O(lt2()), this.O(lt2()), this, this.options)) : s22 = i32[e42], s22._$AI(h42), e42++;
+    e42 < i32.length && (this._$AR(s22 && s22._$AB.nextSibling, e42), i32.length = e42);
+  }
+  _$AR(t22 = this._$AA.nextSibling, i32) {
+    for (this._$AP?.(false, true, i32); t22 && t22 !== this._$AB; ) {
+      const i4 = t22.nextSibling;
+      t22.remove(), t22 = i4;
+    }
+  }
+  setConnected(t22) {
+    void 0 === this._$AM && (this.v = t22, this._$AP?.(t22));
+  }
+};
+var G2 = class {
+  get tagName() {
+    return this.element.tagName;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  constructor(t22, i32, s22, e42, h42) {
+    this.type = 1, this._$AH = D2, this._$AN = void 0, this.element = t22, this.name = i32, this._$AM = e42, this.options = h42, s22.length > 2 || "" !== s22[0] || "" !== s22[1] ? (this._$AH = Array(s22.length - 1).fill(new String()), this.strings = s22) : this._$AH = D2;
+  }
+  _$AI(t22, i32 = this, s22, e42) {
+    const h42 = this.strings;
+    let o42 = false;
+    if (void 0 === h42) t22 = z2(this, t22, i32, 0), o42 = !st2(t22) || t22 !== this._$AH && t22 !== R2, o42 && (this._$AH = t22);
+    else {
+      const e52 = t22;
+      let n52, r42;
+      for (t22 = h42[0], n52 = 0; n52 < h42.length - 1; n52++) r42 = z2(this, e52[s22 + n52], i32, n52), r42 === R2 && (r42 = this._$AH[n52]), o42 ||= !st2(r42) || r42 !== this._$AH[n52], r42 === D2 ? t22 = D2 : t22 !== D2 && (t22 += (r42 ?? "") + h42[n52 + 1]), this._$AH[n52] = r42;
+    }
+    o42 && !e42 && this.j(t22);
+  }
+  j(t22) {
+    t22 === D2 ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t22 ?? "");
+  }
+};
+var Y2 = class extends G2 {
+  constructor() {
+    super(...arguments), this.type = 3;
+  }
+  j(t22) {
+    this.element[this.name] = t22 === D2 ? void 0 : t22;
+  }
+};
+var Z2 = class extends G2 {
+  constructor() {
+    super(...arguments), this.type = 4;
+  }
+  j(t22) {
+    this.element.toggleAttribute(this.name, !!t22 && t22 !== D2);
+  }
+};
+var q2 = class extends G2 {
+  constructor(t22, i32, s22, e42, h42) {
+    super(t22, i32, s22, e42, h42), this.type = 5;
+  }
+  _$AI(t22, i32 = this) {
+    if ((t22 = z2(this, t22, i32, 0) ?? D2) === R2) return;
+    const s22 = this._$AH, e42 = t22 === D2 && s22 !== D2 || t22.capture !== s22.capture || t22.once !== s22.once || t22.passive !== s22.passive, h42 = t22 !== D2 && (s22 === D2 || e42);
+    e42 && this.element.removeEventListener(this.name, this, s22), h42 && this.element.addEventListener(this.name, this, t22), this._$AH = t22;
+  }
+  handleEvent(t22) {
+    "function" == typeof this._$AH ? this._$AH.call(this.options?.host ?? this.element, t22) : this._$AH.handleEvent(t22);
+  }
+};
+var K2 = class {
+  constructor(t22, i32, s22) {
+    this.element = t22, this.type = 6, this._$AN = void 0, this._$AM = i32, this.options = s22;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(t22) {
+    z2(this, t22);
+  }
+};
+var Re2 = n32.litHtmlPolyfillSupport;
+Re2?.(B2, et2), (n32.litHtmlVersions ??= []).push("3.2.0");
+var Q2 = (t22, i32, s22) => {
+  const e42 = s22?.renderBefore ?? i32;
+  let h42 = e42._$litPart$;
+  if (void 0 === h42) {
+    const t32 = s22?.renderBefore ?? null;
+    e42._$litPart$ = h42 = new et2(i32.insertBefore(lt2(), t32), t32, void 0, s22 ?? {});
+  }
+  return h42._$AI(t22), h42;
+};
+var h32 = class extends b2 {
+  constructor() {
+    super(...arguments), this.renderOptions = { host: this }, this.o = void 0;
+  }
+  createRenderRoot() {
+    const t22 = super.createRenderRoot();
+    return this.renderOptions.renderBefore ??= t22.firstChild, t22;
+  }
+  update(t22) {
+    const e42 = this.render();
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t22), this.o = Q2(e42, this.renderRoot, this.renderOptions);
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.o?.setConnected(true);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.o?.setConnected(false);
+  }
+  render() {
+    return R2;
+  }
+};
+h32._$litElement$ = true, h32["finalized"] = true, globalThis.litElementHydrateSupport?.({ LitElement: h32 });
+var f32 = globalThis.litElementPolyfillSupport;
+f32?.({ LitElement: h32 });
+(globalThis.litElementVersions ??= []).push("4.1.0");
+var o32 = { attribute: true, type: String, converter: u2, reflect: false, hasChanged: f4 };
+var r32 = (t22 = o32, e42, r42) => {
+  const { kind: n52, metadata: i32 } = r42;
+  let s22 = globalThis.litPropertyMetadata.get(i32);
+  if (void 0 === s22 && globalThis.litPropertyMetadata.set(i32, s22 = /* @__PURE__ */ new Map()), s22.set(r42.name, t22), "accessor" === n52) {
+    const { name: o42 } = r42;
+    return { set(r52) {
+      const n6 = e42.get.call(this);
+      e42.set.call(this, r52), this.requestUpdate(o42, n6, t22);
+    }, init(e52) {
+      return void 0 !== e52 && this.P(o42, void 0, t22), e52;
+    } };
+  }
+  if ("setter" === n52) {
+    const { name: o42 } = r42;
+    return function(r52) {
+      const n6 = this[o42];
+      e42.call(this, r52), this.requestUpdate(o42, n6, t22);
+    };
+  }
+  throw Error("Unsupported decorator location: " + n52);
+};
+function n42(t22) {
+  return (e42, o42) => "object" == typeof o42 ? r32(t22, e42, o42) : ((t32, e52, o5) => {
+    const r42 = e52.hasOwnProperty(o5);
+    return e52.constructor.createProperty(o5, r42 ? { ...t32, wrapped: true } : t32), r42 ? Object.getOwnPropertyDescriptor(e52, o5) : void 0;
+  })(t22, e42, o42);
+}
+var appliedClassMixins = /* @__PURE__ */ new WeakMap();
+function wasMixinPreviouslyApplied(mixin, superClass) {
+  let klass = superClass;
+  while (klass) {
+    if (appliedClassMixins.get(klass) === mixin) {
+      return true;
+    }
+    klass = Object.getPrototypeOf(klass);
+  }
+  return false;
+}
+function dedupeMixin(mixin) {
+  return (superClass) => {
+    if (wasMixinPreviouslyApplied(mixin, superClass)) {
+      return superClass;
+    }
+    const mixedClass = mixin(superClass);
+    appliedClassMixins.set(mixedClass, mixin);
+    return mixedClass;
+  };
+}
+var version = "3.0.0";
+var versions = window.scopedElementsVersions || (window.scopedElementsVersions = []);
+if (!versions.includes(version)) {
+  versions.push(version);
+}
+var ScopedElementsMixinImplementation = (superclass) => (
+  /** @type {ScopedElementsHost} */
+  class ScopedElementsHost extends superclass {
+    /**
+     * Obtains the scoped elements definitions map if specified.
+     *
+     * @type {ScopedElementsMap=}
+     */
+    static scopedElements;
+    static get scopedElementsVersion() {
+      return version;
+    }
+    /** @type {CustomElementRegistry=} */
+    static __registry;
+    /**
+     * Obtains the CustomElementRegistry associated to the ShadowRoot.
+     *
+     * @returns {CustomElementRegistry=}
+     */
+    get registry() {
+      return (
+        /** @type {typeof ScopedElementsHost} */
+        this.constructor.__registry
+      );
+    }
+    /**
+     * Set the CustomElementRegistry associated to the ShadowRoot
+     *
+     * @param {CustomElementRegistry} registry
+     */
+    set registry(registry2) {
+      this.constructor.__registry = registry2;
+    }
+    /**
+     * @param {ShadowRootInit} options
+     * @returns {ShadowRoot}
+     */
+    attachShadow(options) {
+      const { scopedElements } = (
+        /** @type {typeof ScopedElementsHost} */
+        this.constructor
+      );
+      const shouldCreateRegistry = !this.registry || // @ts-ignore
+      this.registry === this.constructor.__registry && !Object.prototype.hasOwnProperty.call(this.constructor, "__registry");
+      if (shouldCreateRegistry) {
+        this.registry = new CustomElementRegistry();
+        for (const [tagName, klass] of Object.entries(scopedElements ?? {})) {
+          this.registry.define(tagName, klass);
+        }
+      }
+      return super.attachShadow({
+        ...options,
+        // The polyfill currently expects the registry to be passed as `customElements`
+        customElements: this.registry,
+        // But the proposal has moved forward, and renamed it to `registry`
+        // For backwards compatibility, we pass it as both
+        registry: this.registry
+      });
+    }
+  }
+);
+var ScopedElementsMixin = dedupeMixin(ScopedElementsMixinImplementation);
+var ScopedElementsMixinImplementation2 = (superclass) => (
+  /** @type {ScopedElementsHost} */
+  class ScopedElementsHost extends ScopedElementsMixin(superclass) {
+    createRenderRoot() {
+      const { shadowRootOptions, elementStyles } = (
+        /** @type {TypeofLitElement} */
+        this.constructor
+      );
+      const shadowRoot = this.attachShadow(shadowRootOptions);
+      this.renderOptions.creationScope = shadowRoot;
+      S3(shadowRoot, elementStyles);
+      this.renderOptions.renderBefore ??= shadowRoot.firstChild;
+      return shadowRoot;
+    }
+  }
+);
+var ScopedElementsMixin2 = dedupeMixin(ScopedElementsMixinImplementation2);
+function option(decl = { type: "string" }) {
+  return (target, context) => {
+    function init() {
+      this.constructor["options"] = { ...this.constructor["options"], [context.name]: decl };
+    }
+    context.addInitializer(init);
+  };
+}
+var _lang_dec;
+var _contentEditable_dec;
+var _a;
+var _init;
+var _contentEditable;
+var _lang;
+var LitElementWw = class extends (_a = ScopedElementsMixin2(h32), _contentEditable_dec = [n42({ type: String, attribute: true, reflect: true })], _lang_dec = [n42({ type: String, attribute: true, reflect: true })], _a) {
+  constructor() {
+    super(...arguments);
+    __publicField2(this, "options");
+    __publicField2(this, "actions", {});
+    __privateAdd2(this, _contentEditable, __runInitializers2(_init, 8, this)), __runInitializers2(_init, 11, this);
+    __privateAdd2(this, _lang, __runInitializers2(_init, 12, this)), __runInitializers2(_init, 15, this);
+    __publicField2(this, "_inTransaction", false);
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.getAttributeNames().forEach((k22) => this.setAttribute(k22, this.getAttribute(k22)));
+  }
+};
+_init = __decoratorStart2(_a);
+_contentEditable = /* @__PURE__ */ new WeakMap();
+_lang = /* @__PURE__ */ new WeakMap();
+__decorateElement2(_init, 4, "contentEditable", _contentEditable_dec, LitElementWw, _contentEditable);
+__decorateElement2(_init, 4, "lang", _lang_dec, LitElementWw, _lang);
+__decoratorMetadata2(_init, LitElementWw);
+__publicField2(LitElementWw, "shadowRootOptions", { ...h32.shadowRootOptions });
+__publicField2(LitElementWw, "options", {});
+__publicField2(LitElementWw, "actions", {});
+
+// ../../node_modules/lit/node_modules/@lit/reactive-element/decorators/custom-element.js
+var t3 = (t5) => (e8, o5) => {
+  void 0 !== o5 ? o5.addInitializer(() => {
+    customElements.define(t5, e8);
+  }) : customElements.define(t5, e8);
+};
+
+// ../../node_modules/lit/node_modules/@lit/reactive-element/decorators/property.js
+var o4 = { attribute: true, type: String, converter: u, reflect: false, hasChanged: f };
+var r4 = (t5 = o4, e8, r7) => {
+  const { kind: n6, metadata: i4 } = r7;
+  let s3 = globalThis.litPropertyMetadata.get(i4);
+  if (void 0 === s3 && globalThis.litPropertyMetadata.set(i4, s3 = /* @__PURE__ */ new Map()), s3.set(r7.name, t5), "accessor" === n6) {
+    const { name: o5 } = r7;
+    return { set(r8) {
+      const n7 = e8.get.call(this);
+      e8.set.call(this, r8), this.requestUpdate(o5, n7, t5);
+    }, init(e9) {
+      return void 0 !== e9 && this.P(o5, void 0, t5), e9;
+    } };
+  }
+  if ("setter" === n6) {
+    const { name: o5 } = r7;
+    return function(r8) {
+      const n7 = this[o5];
+      e8.call(this, r8), this.requestUpdate(o5, n7, t5);
+    };
+  }
+  throw Error("Unsupported decorator location: " + n6);
+};
+function n5(t5) {
+  return (e8, o5) => "object" == typeof o5 ? r4(t5, e8, o5) : ((t6, e9, o6) => {
+    const r7 = e9.hasOwnProperty(o6);
+    return e9.constructor.createProperty(o6, r7 ? { ...t6, wrapped: true } : t6), r7 ? Object.getOwnPropertyDescriptor(e9, o6) : void 0;
+  })(t5, e8, o5);
+}
+
+// ../../node_modules/lit/node_modules/@lit/reactive-element/decorators/state.js
+function r5(r7) {
+  return n5({ ...r7, state: true, attribute: false });
+}
+
+// ../../node_modules/lit/node_modules/@lit/reactive-element/decorators/base.js
+var e4 = (e8, t5, c5) => (c5.configurable = true, c5.enumerable = true, Reflect.decorate && "object" != typeof t5 && Object.defineProperty(e8, t5, c5), c5);
+
+// ../../node_modules/lit/node_modules/@lit/reactive-element/decorators/query.js
+function e5(e8, r7) {
+  return (n6, s3, i4) => {
+    const o5 = (t5) => t5.renderRoot?.querySelector(e8) ?? null;
+    if (r7) {
+      const { get: e9, set: r8 } = "object" == typeof s3 ? n6 : i4 ?? (() => {
+        const t5 = Symbol();
+        return { get() {
+          return this[t5];
+        }, set(e10) {
+          this[t5] = e10;
+        } };
+      })();
+      return e4(n6, s3, { get() {
+        let t5 = e9.call(this);
+        return void 0 === t5 && (t5 = o5(this), (null !== t5 || this.hasUpdated) && r8.call(this, t5)), t5;
+      } });
+    }
+    return e4(n6, s3, { get() {
+      return o5(this);
+    } });
+  };
+}
+
+// ../../node_modules/lit/node_modules/@lit/reactive-element/decorators/query-all.js
+var e6;
+function r6(r7) {
+  return (n6, o5) => e4(n6, o5, { get() {
+    return (this.renderRoot ?? (e6 ??= document.createDocumentFragment())).querySelectorAll(r7);
+  } });
+}
+
+// ../../node_modules/bootstrap-icons/icons/plus.svg
+var plus_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-plus" viewBox="0 0 16 16">%0A  <path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4"/>%0A</svg>';
+
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.7DUCI5S4.js
+var spinner_styles_default = i`
+  :host {
+    --track-width: 2px;
+    --track-color: rgb(128 128 128 / 25%);
+    --indicator-color: var(--sl-color-primary-600);
+    --speed: 2s;
+
+    display: inline-flex;
+    width: 1em;
+    height: 1em;
+    flex: none;
+  }
+
+  .spinner {
+    flex: 1 1 auto;
+    height: 100%;
+    width: 100%;
+  }
+
+  .spinner__track,
+  .spinner__indicator {
+    fill: none;
+    stroke-width: var(--track-width);
+    r: calc(0.5em - var(--track-width) / 2);
+    cx: 0.5em;
+    cy: 0.5em;
+    transform-origin: 50% 50%;
+  }
+
+  .spinner__track {
+    stroke: var(--track-color);
+    transform-origin: 0% 0%;
+  }
+
+  .spinner__indicator {
+    stroke: var(--indicator-color);
+    stroke-linecap: round;
+    stroke-dasharray: 150% 75%;
+    animation: spin var(--speed) linear infinite;
+  }
+
+  @keyframes spin {
+    0% {
+      transform: rotate(0deg);
+      stroke-dasharray: 0.05em, 3em;
+    }
+
+    50% {
+      transform: rotate(450deg);
+      stroke-dasharray: 1.375em, 1.375em;
+    }
+
+    100% {
+      transform: rotate(1080deg);
+      stroke-dasharray: 0.05em, 3em;
+    }
+  }
+`;
+
+// ../../node_modules/@shoelace-style/localize/dist/index.js
+var connectedElements = /* @__PURE__ */ new Set();
+var documentElementObserver = new MutationObserver(update);
+var translations = /* @__PURE__ */ new Map();
+var documentDirection = document.documentElement.dir || "ltr";
+var documentLanguage = document.documentElement.lang || navigator.language;
+var fallback;
+documentElementObserver.observe(document.documentElement, {
+  attributes: true,
+  attributeFilter: ["dir", "lang"]
+});
+function registerTranslation(...translation2) {
+  translation2.map((t5) => {
+    const code = t5.$code.toLowerCase();
+    if (translations.has(code)) {
+      translations.set(code, Object.assign(Object.assign({}, translations.get(code)), t5));
+    } else {
+      translations.set(code, t5);
+    }
+    if (!fallback) {
+      fallback = t5;
+    }
+  });
+  update();
+}
+function update() {
+  documentDirection = document.documentElement.dir || "ltr";
+  documentLanguage = document.documentElement.lang || navigator.language;
+  [...connectedElements.keys()].map((el) => {
+    if (typeof el.requestUpdate === "function") {
+      el.requestUpdate();
+    }
+  });
+}
+var LocalizeController = class {
+  constructor(host) {
+    this.host = host;
+    this.host.addController(this);
+  }
+  hostConnected() {
+    connectedElements.add(this.host);
+  }
+  hostDisconnected() {
+    connectedElements.delete(this.host);
+  }
+  dir() {
+    return `${this.host.dir || documentDirection}`.toLowerCase();
+  }
+  lang() {
+    return `${this.host.lang || documentLanguage}`.toLowerCase();
+  }
+  getTranslationData(lang) {
+    var _a3, _b;
+    const locale = new Intl.Locale(lang.replace(/_/g, "-"));
+    const language = locale === null || locale === void 0 ? void 0 : locale.language.toLowerCase();
+    const region = (_b = (_a3 = locale === null || locale === void 0 ? void 0 : locale.region) === null || _a3 === void 0 ? void 0 : _a3.toLowerCase()) !== null && _b !== void 0 ? _b : "";
+    const primary = translations.get(`${language}-${region}`);
+    const secondary = translations.get(language);
+    return { locale, language, region, primary, secondary };
+  }
+  exists(key, options) {
+    var _a3;
+    const { primary, secondary } = this.getTranslationData((_a3 = options.lang) !== null && _a3 !== void 0 ? _a3 : this.lang());
+    options = Object.assign({ includeFallback: false }, options);
+    if (primary && primary[key] || secondary && secondary[key] || options.includeFallback && fallback && fallback[key]) {
+      return true;
+    }
+    return false;
+  }
+  term(key, ...args) {
+    const { primary, secondary } = this.getTranslationData(this.lang());
+    let term;
+    if (primary && primary[key]) {
+      term = primary[key];
+    } else if (secondary && secondary[key]) {
+      term = secondary[key];
+    } else if (fallback && fallback[key]) {
+      term = fallback[key];
+    } else {
+      console.error(`No translation found for: ${String(key)}`);
+      return String(key);
+    }
+    if (typeof term === "function") {
+      return term(...args);
+    }
+    return term;
+  }
+  date(dateToFormat, options) {
+    dateToFormat = new Date(dateToFormat);
+    return new Intl.DateTimeFormat(this.lang(), options).format(dateToFormat);
+  }
+  number(numberToFormat, options) {
+    numberToFormat = Number(numberToFormat);
+    return isNaN(numberToFormat) ? "" : new Intl.NumberFormat(this.lang(), options).format(numberToFormat);
+  }
+  relativeTime(value, unit, options) {
+    return new Intl.RelativeTimeFormat(this.lang(), options).format(value, unit);
+  }
+};
+
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.MAS2SHYD.js
+var translation = {
+  $code: "en",
+  $name: "English",
+  $dir: "ltr",
+  carousel: "Carousel",
+  clearEntry: "Clear entry",
+  close: "Close",
+  copied: "Copied",
+  copy: "Copy",
+  currentValue: "Current value",
+  error: "Error",
+  goToSlide: (slide, count) => `Go to slide ${slide} of ${count}`,
+  hidePassword: "Hide password",
+  loading: "Loading",
+  nextSlide: "Next slide",
+  numOptionsSelected: (num) => {
+    if (num === 0)
+      return "No options selected";
+    if (num === 1)
+      return "1 option selected";
+    return `${num} options selected`;
+  },
+  previousSlide: "Previous slide",
+  progress: "Progress",
+  remove: "Remove",
+  resize: "Resize",
+  scrollToEnd: "Scroll to end",
+  scrollToStart: "Scroll to start",
+  selectAColorFromTheScreen: "Select a color from the screen",
+  showPassword: "Show password",
+  slideNum: (slide) => `Slide ${slide}`,
+  toggleColorFormat: "Toggle color format"
+};
+registerTranslation(translation);
+var en_default = translation;
+
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.WLV3FVBR.js
+var LocalizeController2 = class extends LocalizeController {
+};
+registerTranslation(en_default);
+
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.TUVJKY7S.js
+var component_styles_default = i`
+  :host {
+    box-sizing: border-box;
+  }
+
+  :host *,
+  :host *::before,
+  :host *::after {
+    box-sizing: inherit;
+  }
+
+  [hidden] {
+    display: none !important;
+  }
+`;
+
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.IFDWM6P4.js
+var __defProp3 = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc3 = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp3 = (obj, key, value) => key in obj ? __defProp3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a3, b3) => {
+  for (var prop in b3 || (b3 = {}))
+    if (__hasOwnProp.call(b3, prop))
+      __defNormalProp3(a3, prop, b3[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b3)) {
+      if (__propIsEnum.call(b3, prop))
+        __defNormalProp3(a3, prop, b3[prop]);
+    }
+  return a3;
+};
+var __spreadProps = (a3, b3) => __defProps(a3, __getOwnPropDescs(b3));
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc3(target, key) : target;
+  for (var i4 = decorators.length - 1, decorator; i4 >= 0; i4--)
+    if (decorator = decorators[i4])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result)
+    __defProp3(target, key, result);
+  return result;
+};
+
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.5THGRZAA.js
+var ShoelaceElement = class extends h3 {
+  constructor() {
+    super();
+    Object.entries(this.constructor.dependencies).forEach(([name, component]) => {
+      this.constructor.define(name, component);
+    });
+  }
+  emit(name, options) {
+    const event = new CustomEvent(name, __spreadValues({
+      bubbles: true,
+      cancelable: false,
+      composed: true,
+      detail: {}
+    }, options));
+    this.dispatchEvent(event);
+    return event;
+  }
+  /* eslint-enable */
+  static define(name, elementConstructor = this, options = {}) {
+    const currentlyRegisteredConstructor = customElements.get(name);
+    if (!currentlyRegisteredConstructor) {
+      try {
+        customElements.define(name, elementConstructor, options);
+      } catch (_err) {
+        customElements.define(name, class extends elementConstructor {
+        }, options);
+      }
+      return;
+    }
+    let newVersion = " (unknown version)";
+    let existingVersion = newVersion;
+    if ("version" in elementConstructor && elementConstructor.version) {
+      newVersion = " v" + elementConstructor.version;
+    }
+    if ("version" in currentlyRegisteredConstructor && currentlyRegisteredConstructor.version) {
+      existingVersion = " v" + currentlyRegisteredConstructor.version;
+    }
+    if (newVersion && existingVersion && newVersion === existingVersion) {
+      return;
+    }
+    console.warn(
+      `Attempted to register <${name}>${newVersion}, but <${name}>${existingVersion} has already been registered.`
+    );
+  }
+};
+ShoelaceElement.version = "2.16.0";
+ShoelaceElement.dependencies = {};
+__decorateClass([
+  n5()
+], ShoelaceElement.prototype, "dir", 2);
+__decorateClass([
+  n5()
+], ShoelaceElement.prototype, "lang", 2);
+
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.7HOIOSC7.js
+var SlSpinner = class extends ShoelaceElement {
+  constructor() {
+    super(...arguments);
+    this.localize = new LocalizeController2(this);
+  }
+  render() {
+    return ke`
+      <svg part="base" class="spinner" role="progressbar" aria-label=${this.localize.term("loading")}>
+        <circle class="spinner__track"></circle>
+        <circle class="spinner__indicator"></circle>
+      </svg>
+    `;
+  }
+};
+SlSpinner.styles = [component_styles_default, spinner_styles_default];
+
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.KWPBDQ6I.js
+var formCollections = /* @__PURE__ */ new WeakMap();
+var reportValidityOverloads = /* @__PURE__ */ new WeakMap();
+var checkValidityOverloads = /* @__PURE__ */ new WeakMap();
+var userInteractedControls = /* @__PURE__ */ new WeakSet();
+var interactions = /* @__PURE__ */ new WeakMap();
+var FormControlController = class {
+  constructor(host, options) {
+    this.handleFormData = (event) => {
+      const disabled = this.options.disabled(this.host);
+      const name = this.options.name(this.host);
+      const value = this.options.value(this.host);
+      const isButton = this.host.tagName.toLowerCase() === "sl-button";
+      if (this.host.isConnected && !disabled && !isButton && typeof name === "string" && name.length > 0 && typeof value !== "undefined") {
+        if (Array.isArray(value)) {
+          value.forEach((val) => {
+            event.formData.append(name, val.toString());
+          });
+        } else {
+          event.formData.append(name, value.toString());
+        }
+      }
+    };
+    this.handleFormSubmit = (event) => {
+      var _a3;
+      const disabled = this.options.disabled(this.host);
+      const reportValidity = this.options.reportValidity;
+      if (this.form && !this.form.noValidate) {
+        (_a3 = formCollections.get(this.form)) == null ? void 0 : _a3.forEach((control) => {
+          this.setUserInteracted(control, true);
+        });
+      }
+      if (this.form && !this.form.noValidate && !disabled && !reportValidity(this.host)) {
+        event.preventDefault();
+        event.stopImmediatePropagation();
+      }
+    };
+    this.handleFormReset = () => {
+      this.options.setValue(this.host, this.options.defaultValue(this.host));
+      this.setUserInteracted(this.host, false);
+      interactions.set(this.host, []);
+    };
+    this.handleInteraction = (event) => {
+      const emittedEvents = interactions.get(this.host);
+      if (!emittedEvents.includes(event.type)) {
+        emittedEvents.push(event.type);
+      }
+      if (emittedEvents.length === this.options.assumeInteractionOn.length) {
+        this.setUserInteracted(this.host, true);
+      }
+    };
+    this.checkFormValidity = () => {
+      if (this.form && !this.form.noValidate) {
+        const elements = this.form.querySelectorAll("*");
+        for (const element of elements) {
+          if (typeof element.checkValidity === "function") {
+            if (!element.checkValidity()) {
+              return false;
+            }
+          }
+        }
+      }
+      return true;
+    };
+    this.reportFormValidity = () => {
+      if (this.form && !this.form.noValidate) {
+        const elements = this.form.querySelectorAll("*");
+        for (const element of elements) {
+          if (typeof element.reportValidity === "function") {
+            if (!element.reportValidity()) {
+              return false;
+            }
+          }
+        }
+      }
+      return true;
+    };
+    (this.host = host).addController(this);
+    this.options = __spreadValues({
+      form: (input) => {
+        const formId = input.form;
+        if (formId) {
+          const root = input.getRootNode();
+          const form = root.querySelector(`#${formId}`);
+          if (form) {
+            return form;
+          }
+        }
+        return input.closest("form");
+      },
+      name: (input) => input.name,
+      value: (input) => input.value,
+      defaultValue: (input) => input.defaultValue,
+      disabled: (input) => {
+        var _a3;
+        return (_a3 = input.disabled) != null ? _a3 : false;
+      },
+      reportValidity: (input) => typeof input.reportValidity === "function" ? input.reportValidity() : true,
+      checkValidity: (input) => typeof input.checkValidity === "function" ? input.checkValidity() : true,
+      setValue: (input, value) => input.value = value,
+      assumeInteractionOn: ["sl-input"]
+    }, options);
+  }
+  hostConnected() {
+    const form = this.options.form(this.host);
+    if (form) {
+      this.attachForm(form);
+    }
+    interactions.set(this.host, []);
+    this.options.assumeInteractionOn.forEach((event) => {
+      this.host.addEventListener(event, this.handleInteraction);
+    });
+  }
+  hostDisconnected() {
+    this.detachForm();
+    interactions.delete(this.host);
+    this.options.assumeInteractionOn.forEach((event) => {
+      this.host.removeEventListener(event, this.handleInteraction);
+    });
+  }
+  hostUpdated() {
+    const form = this.options.form(this.host);
+    if (!form) {
+      this.detachForm();
+    }
+    if (form && this.form !== form) {
+      this.detachForm();
+      this.attachForm(form);
+    }
+    if (this.host.hasUpdated) {
+      this.setValidity(this.host.validity.valid);
+    }
+  }
+  attachForm(form) {
+    if (form) {
+      this.form = form;
+      if (formCollections.has(this.form)) {
+        formCollections.get(this.form).add(this.host);
+      } else {
+        formCollections.set(this.form, /* @__PURE__ */ new Set([this.host]));
+      }
+      this.form.addEventListener("formdata", this.handleFormData);
+      this.form.addEventListener("submit", this.handleFormSubmit);
+      this.form.addEventListener("reset", this.handleFormReset);
+      if (!reportValidityOverloads.has(this.form)) {
+        reportValidityOverloads.set(this.form, this.form.reportValidity);
+        this.form.reportValidity = () => this.reportFormValidity();
+      }
+      if (!checkValidityOverloads.has(this.form)) {
+        checkValidityOverloads.set(this.form, this.form.checkValidity);
+        this.form.checkValidity = () => this.checkFormValidity();
+      }
+    } else {
+      this.form = void 0;
+    }
+  }
+  detachForm() {
+    if (!this.form)
+      return;
+    const formCollection = formCollections.get(this.form);
+    if (!formCollection) {
+      return;
+    }
+    formCollection.delete(this.host);
+    if (formCollection.size <= 0) {
+      this.form.removeEventListener("formdata", this.handleFormData);
+      this.form.removeEventListener("submit", this.handleFormSubmit);
+      this.form.removeEventListener("reset", this.handleFormReset);
+      if (reportValidityOverloads.has(this.form)) {
+        this.form.reportValidity = reportValidityOverloads.get(this.form);
+        reportValidityOverloads.delete(this.form);
+      }
+      if (checkValidityOverloads.has(this.form)) {
+        this.form.checkValidity = checkValidityOverloads.get(this.form);
+        checkValidityOverloads.delete(this.form);
+      }
+      this.form = void 0;
+    }
+  }
+  setUserInteracted(el, hasInteracted) {
+    if (hasInteracted) {
+      userInteractedControls.add(el);
+    } else {
+      userInteractedControls.delete(el);
+    }
+    el.requestUpdate();
+  }
+  doAction(type, submitter) {
+    if (this.form) {
+      const button = document.createElement("button");
+      button.type = type;
+      button.style.position = "absolute";
+      button.style.width = "0";
+      button.style.height = "0";
+      button.style.clipPath = "inset(50%)";
+      button.style.overflow = "hidden";
+      button.style.whiteSpace = "nowrap";
+      if (submitter) {
+        button.name = submitter.name;
+        button.value = submitter.value;
+        ["formaction", "formenctype", "formmethod", "formnovalidate", "formtarget"].forEach((attr) => {
+          if (submitter.hasAttribute(attr)) {
+            button.setAttribute(attr, submitter.getAttribute(attr));
+          }
+        });
+      }
+      this.form.append(button);
+      button.click();
+      button.remove();
+    }
+  }
+  /** Returns the associated `<form>` element, if one exists. */
+  getForm() {
+    var _a3;
+    return (_a3 = this.form) != null ? _a3 : null;
+  }
+  /** Resets the form, restoring all the control to their default value */
+  reset(submitter) {
+    this.doAction("reset", submitter);
+  }
+  /** Submits the form, triggering validation and form data injection. */
+  submit(submitter) {
+    this.doAction("submit", submitter);
+  }
+  /**
+   * Synchronously sets the form control's validity. Call this when you know the future validity but need to update
+   * the host element immediately, i.e. before Lit updates the component in the next update.
+   */
+  setValidity(isValid) {
+    const host = this.host;
+    const hasInteracted = Boolean(userInteractedControls.has(host));
+    const required = Boolean(host.required);
+    host.toggleAttribute("data-required", required);
+    host.toggleAttribute("data-optional", !required);
+    host.toggleAttribute("data-invalid", !isValid);
+    host.toggleAttribute("data-valid", isValid);
+    host.toggleAttribute("data-user-invalid", !isValid && hasInteracted);
+    host.toggleAttribute("data-user-valid", isValid && hasInteracted);
+  }
+  /**
+   * Updates the form control's validity based on the current value of `host.validity.valid`. Call this when anything
+   * that affects constraint validation changes so the component receives the correct validity states.
+   */
+  updateValidity() {
+    const host = this.host;
+    this.setValidity(host.validity.valid);
+  }
+  /**
+   * Dispatches a non-bubbling, cancelable custom event of type `sl-invalid`.
+   * If the `sl-invalid` event will be cancelled then the original `invalid`
+   * event (which may have been passed as argument) will also be cancelled.
+   * If no original `invalid` event has been passed then the `sl-invalid`
+   * event will be cancelled before being dispatched.
+   */
+  emitInvalidEvent(originalInvalidEvent) {
+    const slInvalidEvent = new CustomEvent("sl-invalid", {
+      bubbles: false,
+      composed: false,
+      cancelable: true,
+      detail: {}
+    });
+    if (!originalInvalidEvent) {
+      slInvalidEvent.preventDefault();
+    }
+    if (!this.host.dispatchEvent(slInvalidEvent)) {
+      originalInvalidEvent == null ? void 0 : originalInvalidEvent.preventDefault();
+    }
+  }
+};
+var validValidityState = Object.freeze({
+  badInput: false,
+  customError: false,
+  patternMismatch: false,
+  rangeOverflow: false,
+  rangeUnderflow: false,
+  stepMismatch: false,
+  tooLong: false,
+  tooShort: false,
+  typeMismatch: false,
+  valid: true,
+  valueMissing: false
+});
+var valueMissingValidityState = Object.freeze(__spreadProps(__spreadValues({}, validValidityState), {
+  valid: false,
+  valueMissing: true
+}));
+var customErrorValidityState = Object.freeze(__spreadProps(__spreadValues({}, validValidityState), {
+  valid: false,
+  customError: true
+}));
+
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.MAQXLKQ7.js
+var button_styles_default = i`
+  :host {
+    display: inline-block;
+    position: relative;
+    width: auto;
+    cursor: pointer;
+  }
+
+  .button {
+    display: inline-flex;
+    align-items: stretch;
+    justify-content: center;
+    width: 100%;
+    border-style: solid;
+    border-width: var(--sl-input-border-width);
+    font-family: var(--sl-input-font-family);
+    font-weight: var(--sl-font-weight-semibold);
+    text-decoration: none;
+    user-select: none;
+    -webkit-user-select: none;
+    white-space: nowrap;
+    vertical-align: middle;
+    padding: 0;
+    transition:
+      var(--sl-transition-x-fast) background-color,
+      var(--sl-transition-x-fast) color,
+      var(--sl-transition-x-fast) border,
+      var(--sl-transition-x-fast) box-shadow;
+    cursor: inherit;
+  }
+
+  .button::-moz-focus-inner {
+    border: 0;
+  }
+
+  .button:focus {
+    outline: none;
+  }
+
+  .button:focus-visible {
+    outline: var(--sl-focus-ring);
+    outline-offset: var(--sl-focus-ring-offset);
+  }
+
+  .button--disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  /* When disabled, prevent mouse events from bubbling up from children */
+  .button--disabled * {
+    pointer-events: none;
+  }
+
+  .button__prefix,
+  .button__suffix {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    pointer-events: none;
+  }
+
+  .button__label {
+    display: inline-block;
+  }
+
+  .button__label::slotted(sl-icon) {
+    vertical-align: -2px;
+  }
+
+  /*
+   * Standard buttons
+   */
+
+  /* Default */
+  .button--standard.button--default {
+    background-color: var(--sl-color-neutral-0);
+    border-color: var(--sl-input-border-color);
+    color: var(--sl-color-neutral-700);
+  }
+
+  .button--standard.button--default:hover:not(.button--disabled) {
+    background-color: var(--sl-color-primary-50);
+    border-color: var(--sl-color-primary-300);
+    color: var(--sl-color-primary-700);
+  }
+
+  .button--standard.button--default:active:not(.button--disabled) {
+    background-color: var(--sl-color-primary-100);
+    border-color: var(--sl-color-primary-400);
+    color: var(--sl-color-primary-700);
+  }
+
+  /* Primary */
+  .button--standard.button--primary {
+    background-color: var(--sl-color-primary-600);
+    border-color: var(--sl-color-primary-600);
+    color: var(--sl-color-neutral-0);
+  }
+
+  .button--standard.button--primary:hover:not(.button--disabled) {
+    background-color: var(--sl-color-primary-500);
+    border-color: var(--sl-color-primary-500);
+    color: var(--sl-color-neutral-0);
+  }
+
+  .button--standard.button--primary:active:not(.button--disabled) {
+    background-color: var(--sl-color-primary-600);
+    border-color: var(--sl-color-primary-600);
+    color: var(--sl-color-neutral-0);
+  }
+
+  /* Success */
+  .button--standard.button--success {
+    background-color: var(--sl-color-success-600);
+    border-color: var(--sl-color-success-600);
+    color: var(--sl-color-neutral-0);
+  }
+
+  .button--standard.button--success:hover:not(.button--disabled) {
+    background-color: var(--sl-color-success-500);
+    border-color: var(--sl-color-success-500);
+    color: var(--sl-color-neutral-0);
+  }
+
+  .button--standard.button--success:active:not(.button--disabled) {
+    background-color: var(--sl-color-success-600);
+    border-color: var(--sl-color-success-600);
+    color: var(--sl-color-neutral-0);
+  }
+
+  /* Neutral */
+  .button--standard.button--neutral {
+    background-color: var(--sl-color-neutral-600);
+    border-color: var(--sl-color-neutral-600);
+    color: var(--sl-color-neutral-0);
+  }
+
+  .button--standard.button--neutral:hover:not(.button--disabled) {
+    background-color: var(--sl-color-neutral-500);
+    border-color: var(--sl-color-neutral-500);
+    color: var(--sl-color-neutral-0);
+  }
+
+  .button--standard.button--neutral:active:not(.button--disabled) {
+    background-color: var(--sl-color-neutral-600);
+    border-color: var(--sl-color-neutral-600);
+    color: var(--sl-color-neutral-0);
+  }
+
+  /* Warning */
+  .button--standard.button--warning {
+    background-color: var(--sl-color-warning-600);
+    border-color: var(--sl-color-warning-600);
+    color: var(--sl-color-neutral-0);
+  }
+  .button--standard.button--warning:hover:not(.button--disabled) {
+    background-color: var(--sl-color-warning-500);
+    border-color: var(--sl-color-warning-500);
+    color: var(--sl-color-neutral-0);
+  }
+
+  .button--standard.button--warning:active:not(.button--disabled) {
+    background-color: var(--sl-color-warning-600);
+    border-color: var(--sl-color-warning-600);
+    color: var(--sl-color-neutral-0);
+  }
+
+  /* Danger */
+  .button--standard.button--danger {
+    background-color: var(--sl-color-danger-600);
+    border-color: var(--sl-color-danger-600);
+    color: var(--sl-color-neutral-0);
+  }
+
+  .button--standard.button--danger:hover:not(.button--disabled) {
+    background-color: var(--sl-color-danger-500);
+    border-color: var(--sl-color-danger-500);
+    color: var(--sl-color-neutral-0);
+  }
+
+  .button--standard.button--danger:active:not(.button--disabled) {
+    background-color: var(--sl-color-danger-600);
+    border-color: var(--sl-color-danger-600);
+    color: var(--sl-color-neutral-0);
+  }
+
+  /*
+   * Outline buttons
+   */
+
+  .button--outline {
+    background: none;
+    border: solid 1px;
+  }
+
+  /* Default */
+  .button--outline.button--default {
+    border-color: var(--sl-input-border-color);
+    color: var(--sl-color-neutral-700);
+  }
+
+  .button--outline.button--default:hover:not(.button--disabled),
+  .button--outline.button--default.button--checked:not(.button--disabled) {
+    border-color: var(--sl-color-primary-600);
+    background-color: var(--sl-color-primary-600);
+    color: var(--sl-color-neutral-0);
+  }
+
+  .button--outline.button--default:active:not(.button--disabled) {
+    border-color: var(--sl-color-primary-700);
+    background-color: var(--sl-color-primary-700);
+    color: var(--sl-color-neutral-0);
+  }
+
+  /* Primary */
+  .button--outline.button--primary {
+    border-color: var(--sl-color-primary-600);
+    color: var(--sl-color-primary-600);
+  }
+
+  .button--outline.button--primary:hover:not(.button--disabled),
+  .button--outline.button--primary.button--checked:not(.button--disabled) {
+    background-color: var(--sl-color-primary-600);
+    color: var(--sl-color-neutral-0);
+  }
+
+  .button--outline.button--primary:active:not(.button--disabled) {
+    border-color: var(--sl-color-primary-700);
+    background-color: var(--sl-color-primary-700);
+    color: var(--sl-color-neutral-0);
+  }
+
+  /* Success */
+  .button--outline.button--success {
+    border-color: var(--sl-color-success-600);
+    color: var(--sl-color-success-600);
+  }
+
+  .button--outline.button--success:hover:not(.button--disabled),
+  .button--outline.button--success.button--checked:not(.button--disabled) {
+    background-color: var(--sl-color-success-600);
+    color: var(--sl-color-neutral-0);
+  }
+
+  .button--outline.button--success:active:not(.button--disabled) {
+    border-color: var(--sl-color-success-700);
+    background-color: var(--sl-color-success-700);
+    color: var(--sl-color-neutral-0);
+  }
+
+  /* Neutral */
+  .button--outline.button--neutral {
+    border-color: var(--sl-color-neutral-600);
+    color: var(--sl-color-neutral-600);
+  }
+
+  .button--outline.button--neutral:hover:not(.button--disabled),
+  .button--outline.button--neutral.button--checked:not(.button--disabled) {
+    background-color: var(--sl-color-neutral-600);
+    color: var(--sl-color-neutral-0);
+  }
+
+  .button--outline.button--neutral:active:not(.button--disabled) {
+    border-color: var(--sl-color-neutral-700);
+    background-color: var(--sl-color-neutral-700);
+    color: var(--sl-color-neutral-0);
+  }
+
+  /* Warning */
+  .button--outline.button--warning {
+    border-color: var(--sl-color-warning-600);
+    color: var(--sl-color-warning-600);
+  }
+
+  .button--outline.button--warning:hover:not(.button--disabled),
+  .button--outline.button--warning.button--checked:not(.button--disabled) {
+    background-color: var(--sl-color-warning-600);
+    color: var(--sl-color-neutral-0);
+  }
+
+  .button--outline.button--warning:active:not(.button--disabled) {
+    border-color: var(--sl-color-warning-700);
+    background-color: var(--sl-color-warning-700);
+    color: var(--sl-color-neutral-0);
+  }
+
+  /* Danger */
+  .button--outline.button--danger {
+    border-color: var(--sl-color-danger-600);
+    color: var(--sl-color-danger-600);
+  }
+
+  .button--outline.button--danger:hover:not(.button--disabled),
+  .button--outline.button--danger.button--checked:not(.button--disabled) {
+    background-color: var(--sl-color-danger-600);
+    color: var(--sl-color-neutral-0);
+  }
+
+  .button--outline.button--danger:active:not(.button--disabled) {
+    border-color: var(--sl-color-danger-700);
+    background-color: var(--sl-color-danger-700);
+    color: var(--sl-color-neutral-0);
+  }
+
+  @media (forced-colors: active) {
+    .button.button--outline.button--checked:not(.button--disabled) {
+      outline: solid 2px transparent;
+    }
+  }
+
+  /*
+   * Text buttons
+   */
+
+  .button--text {
+    background-color: transparent;
+    border-color: transparent;
+    color: var(--sl-color-primary-600);
+  }
+
+  .button--text:hover:not(.button--disabled) {
+    background-color: transparent;
+    border-color: transparent;
+    color: var(--sl-color-primary-500);
+  }
+
+  .button--text:focus-visible:not(.button--disabled) {
+    background-color: transparent;
+    border-color: transparent;
+    color: var(--sl-color-primary-500);
+  }
+
+  .button--text:active:not(.button--disabled) {
+    background-color: transparent;
+    border-color: transparent;
+    color: var(--sl-color-primary-700);
+  }
+
+  /*
+   * Size modifiers
+   */
+
+  .button--small {
+    height: auto;
+    min-height: var(--sl-input-height-small);
+    font-size: var(--sl-button-font-size-small);
+    line-height: calc(var(--sl-input-height-small) - var(--sl-input-border-width) * 2);
+    border-radius: var(--sl-input-border-radius-small);
+  }
+
+  .button--medium {
+    height: auto;
+    min-height: var(--sl-input-height-medium);
+    font-size: var(--sl-button-font-size-medium);
+    line-height: calc(var(--sl-input-height-medium) - var(--sl-input-border-width) * 2);
+    border-radius: var(--sl-input-border-radius-medium);
+  }
+
+  .button--large {
+    height: auto;
+    min-height: var(--sl-input-height-large);
+    font-size: var(--sl-button-font-size-large);
+    line-height: calc(var(--sl-input-height-large) - var(--sl-input-border-width) * 2);
+    border-radius: var(--sl-input-border-radius-large);
+  }
+
+  /*
+   * Pill modifier
+   */
+
+  .button--pill.button--small {
+    border-radius: var(--sl-input-height-small);
+  }
+
+  .button--pill.button--medium {
+    border-radius: var(--sl-input-height-medium);
+  }
+
+  .button--pill.button--large {
+    border-radius: var(--sl-input-height-large);
+  }
+
+  /*
+   * Circle modifier
+   */
+
+  .button--circle {
+    padding-left: 0;
+    padding-right: 0;
+  }
+
+  .button--circle.button--small {
+    width: var(--sl-input-height-small);
+    border-radius: 50%;
+  }
+
+  .button--circle.button--medium {
+    width: var(--sl-input-height-medium);
+    border-radius: 50%;
+  }
+
+  .button--circle.button--large {
+    width: var(--sl-input-height-large);
+    border-radius: 50%;
+  }
+
+  .button--circle .button__prefix,
+  .button--circle .button__suffix,
+  .button--circle .button__caret {
+    display: none;
+  }
+
+  /*
+   * Caret modifier
+   */
+
+  .button--caret .button__suffix {
+    display: none;
+  }
+
+  .button--caret .button__caret {
+    height: auto;
+  }
+
+  /*
+   * Loading modifier
+   */
+
+  .button--loading {
+    position: relative;
+    cursor: wait;
+  }
+
+  .button--loading .button__prefix,
+  .button--loading .button__label,
+  .button--loading .button__suffix,
+  .button--loading .button__caret {
+    visibility: hidden;
+  }
+
+  .button--loading sl-spinner {
+    --indicator-color: currentColor;
+    position: absolute;
+    font-size: 1em;
+    height: 1em;
+    width: 1em;
+    top: calc(50% - 0.5em);
+    left: calc(50% - 0.5em);
+  }
+
+  /*
+   * Badges
+   */
+
+  .button ::slotted(sl-badge) {
+    position: absolute;
+    top: 0;
+    right: 0;
+    translate: 50% -50%;
+    pointer-events: none;
+  }
+
+  .button--rtl ::slotted(sl-badge) {
+    right: auto;
+    left: 0;
+    translate: -50% -50%;
+  }
+
+  /*
+   * Button spacing
+   */
+
+  .button--has-label.button--small .button__label {
+    padding: 0 var(--sl-spacing-small);
+  }
+
+  .button--has-label.button--medium .button__label {
+    padding: 0 var(--sl-spacing-medium);
+  }
+
+  .button--has-label.button--large .button__label {
+    padding: 0 var(--sl-spacing-large);
+  }
+
+  .button--has-prefix.button--small {
+    padding-inline-start: var(--sl-spacing-x-small);
+  }
+
+  .button--has-prefix.button--small .button__label {
+    padding-inline-start: var(--sl-spacing-x-small);
+  }
+
+  .button--has-prefix.button--medium {
+    padding-inline-start: var(--sl-spacing-small);
+  }
+
+  .button--has-prefix.button--medium .button__label {
+    padding-inline-start: var(--sl-spacing-small);
+  }
+
+  .button--has-prefix.button--large {
+    padding-inline-start: var(--sl-spacing-small);
+  }
+
+  .button--has-prefix.button--large .button__label {
+    padding-inline-start: var(--sl-spacing-small);
+  }
+
+  .button--has-suffix.button--small,
+  .button--caret.button--small {
+    padding-inline-end: var(--sl-spacing-x-small);
+  }
+
+  .button--has-suffix.button--small .button__label,
+  .button--caret.button--small .button__label {
+    padding-inline-end: var(--sl-spacing-x-small);
+  }
+
+  .button--has-suffix.button--medium,
+  .button--caret.button--medium {
+    padding-inline-end: var(--sl-spacing-small);
+  }
+
+  .button--has-suffix.button--medium .button__label,
+  .button--caret.button--medium .button__label {
+    padding-inline-end: var(--sl-spacing-small);
+  }
+
+  .button--has-suffix.button--large,
+  .button--caret.button--large {
+    padding-inline-end: var(--sl-spacing-small);
+  }
+
+  .button--has-suffix.button--large .button__label,
+  .button--caret.button--large .button__label {
+    padding-inline-end: var(--sl-spacing-small);
+  }
+
+  /*
+   * Button groups support a variety of button types (e.g. buttons with tooltips, buttons as dropdown triggers, etc.).
+   * This means buttons aren't always direct descendants of the button group, thus we can't target them with the
+   * ::slotted selector. To work around this, the button group component does some magic to add these special classes to
+   * buttons and we style them here instead.
+   */
+
+  :host([data-sl-button-group__button--first]:not([data-sl-button-group__button--last])) .button {
+    border-start-end-radius: 0;
+    border-end-end-radius: 0;
+  }
+
+  :host([data-sl-button-group__button--inner]) .button {
+    border-radius: 0;
+  }
+
+  :host([data-sl-button-group__button--last]:not([data-sl-button-group__button--first])) .button {
+    border-start-start-radius: 0;
+    border-end-start-radius: 0;
+  }
+
+  /* All except the first */
+  :host([data-sl-button-group__button]:not([data-sl-button-group__button--first])) {
+    margin-inline-start: calc(-1 * var(--sl-input-border-width));
+  }
+
+  /* Add a visual separator between solid buttons */
+  :host(
+      [data-sl-button-group__button]:not(
+          [data-sl-button-group__button--first],
+          [data-sl-button-group__button--radio],
+          [variant='default']
+        ):not(:hover)
+    )
+    .button:after {
+    content: '';
+    position: absolute;
+    top: 0;
+    inset-inline-start: 0;
+    bottom: 0;
+    border-left: solid 1px rgb(128 128 128 / 33%);
+    mix-blend-mode: multiply;
+  }
+
+  /* Bump hovered, focused, and checked buttons up so their focus ring isn't clipped */
+  :host([data-sl-button-group__button--hover]) {
+    z-index: 1;
+  }
+
+  /* Focus and checked are always on top */
+  :host([data-sl-button-group__button--focus]),
+  :host([data-sl-button-group__button][checked]) {
+    z-index: 2;
+  }
+`;
+
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.NYIIDP5N.js
+var HasSlotController = class {
+  constructor(host, ...slotNames) {
+    this.slotNames = [];
+    this.handleSlotChange = (event) => {
+      const slot = event.target;
+      if (this.slotNames.includes("[default]") && !slot.name || slot.name && this.slotNames.includes(slot.name)) {
+        this.host.requestUpdate();
+      }
+    };
+    (this.host = host).addController(this);
+    this.slotNames = slotNames;
+  }
+  hasDefaultSlot() {
+    return [...this.host.childNodes].some((node) => {
+      if (node.nodeType === node.TEXT_NODE && node.textContent.trim() !== "") {
+        return true;
+      }
+      if (node.nodeType === node.ELEMENT_NODE) {
+        const el = node;
+        const tagName = el.tagName.toLowerCase();
+        if (tagName === "sl-visually-hidden") {
+          return false;
+        }
+        if (!el.hasAttribute("slot")) {
+          return true;
+        }
+      }
+      return false;
+    });
+  }
+  hasNamedSlot(name) {
+    return this.host.querySelector(`:scope > [slot="${name}"]`) !== null;
+  }
+  test(slotName) {
+    return slotName === "[default]" ? this.hasDefaultSlot() : this.hasNamedSlot(slotName);
+  }
+  hostConnected() {
+    this.host.shadowRoot.addEventListener("slotchange", this.handleSlotChange);
+  }
+  hostDisconnected() {
+    this.host.shadowRoot.removeEventListener("slotchange", this.handleSlotChange);
+  }
 };
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
-var __privateIn = (member, obj) => Object(obj) !== obj ? __typeError('Cannot use the "in" operator on this value') : member.has(obj);
-var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
-var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
-var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
 
-// src/widgets/webwriter-pairing.ts
-import { html, css } from "lit";
-import { LitElementWw, option } from "@webwriter/lit";
-import { customElement, property, queryAll } from "lit/decorators.js";
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.3Y6SB6QS.js
+var basePath = "";
+function setBasePath(path) {
+  basePath = path;
+}
+function getBasePath(subpath = "") {
+  if (!basePath) {
+    const scripts = [...document.getElementsByTagName("script")];
+    const configScript = scripts.find((script) => script.hasAttribute("data-shoelace"));
+    if (configScript) {
+      setBasePath(configScript.getAttribute("data-shoelace"));
+    } else {
+      const fallbackScript = scripts.find((s3) => {
+        return /shoelace(\.min)?\.js($|\?)/.test(s3.src) || /shoelace-autoloader(\.min)?\.js($|\?)/.test(s3.src);
+      });
+      let path = "";
+      if (fallbackScript) {
+        path = fallbackScript.getAttribute("src");
+      }
+      setBasePath(path.split("/").slice(0, -1).join("/"));
+    }
+  }
+  return basePath.replace(/\/$/, "") + (subpath ? `/${subpath.replace(/^\//, "")}` : ``);
+}
 
-// ../../node_modules/bootstrap-icons/icons/plus.svg
-var plus_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-plus" viewBox="0 0 16 16">%0A  <path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4"/>%0A</svg>';
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.P7ZG6EMR.js
+var library = {
+  name: "default",
+  resolver: (name) => getBasePath(`assets/icons/${name}.svg`)
+};
+var library_default_default = library;
+
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.3TFKS637.js
+var icons = {
+  caret: `
+    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+      <polyline points="6 9 12 15 18 9"></polyline>
+    </svg>
+  `,
+  check: `
+    <svg part="checked-icon" class="checkbox__icon" viewBox="0 0 16 16">
+      <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round">
+        <g stroke="currentColor">
+          <g transform="translate(3.428571, 3.428571)">
+            <path d="M0,5.71428571 L3.42857143,9.14285714"></path>
+            <path d="M9.14285714,0 L3.42857143,9.14285714"></path>
+          </g>
+        </g>
+      </g>
+    </svg>
+  `,
+  "chevron-down": `
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16">
+      <path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/>
+    </svg>
+  `,
+  "chevron-left": `
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-left" viewBox="0 0 16 16">
+      <path fill-rule="evenodd" d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"/>
+    </svg>
+  `,
+  "chevron-right": `
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16">
+      <path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"/>
+    </svg>
+  `,
+  copy: `
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-copy" viewBox="0 0 16 16">
+      <path fill-rule="evenodd" d="M4 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V2Zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H6ZM2 5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1h1v1a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h1v1H2Z"/>
+    </svg>
+  `,
+  eye: `
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye" viewBox="0 0 16 16">
+      <path d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z"/>
+      <path d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z"/>
+    </svg>
+  `,
+  "eye-slash": `
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye-slash" viewBox="0 0 16 16">
+      <path d="M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755-.165.165-.337.328-.517.486l.708.709z"/>
+      <path d="M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z"/>
+      <path d="M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884-12-12 .708-.708 12 12-.708.708z"/>
+    </svg>
+  `,
+  eyedropper: `
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eyedropper" viewBox="0 0 16 16">
+      <path d="M13.354.646a1.207 1.207 0 0 0-1.708 0L8.5 3.793l-.646-.647a.5.5 0 1 0-.708.708L8.293 5l-7.147 7.146A.5.5 0 0 0 1 12.5v1.793l-.854.853a.5.5 0 1 0 .708.707L1.707 15H3.5a.5.5 0 0 0 .354-.146L11 7.707l1.146 1.147a.5.5 0 0 0 .708-.708l-.647-.646 3.147-3.146a1.207 1.207 0 0 0 0-1.708l-2-2zM2 12.707l7-7L10.293 7l-7 7H2v-1.293z"></path>
+    </svg>
+  `,
+  "grip-vertical": `
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-grip-vertical" viewBox="0 0 16 16">
+      <path d="M7 2a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM7 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM7 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-3 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-3 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"></path>
+    </svg>
+  `,
+  indeterminate: `
+    <svg part="indeterminate-icon" class="checkbox__icon" viewBox="0 0 16 16">
+      <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round">
+        <g stroke="currentColor" stroke-width="2">
+          <g transform="translate(2.285714, 6.857143)">
+            <path d="M10.2857143,1.14285714 L1.14285714,1.14285714"></path>
+          </g>
+        </g>
+      </g>
+    </svg>
+  `,
+  "person-fill": `
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-fill" viewBox="0 0 16 16">
+      <path d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"/>
+    </svg>
+  `,
+  "play-fill": `
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-play-fill" viewBox="0 0 16 16">
+      <path d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z"></path>
+    </svg>
+  `,
+  "pause-fill": `
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pause-fill" viewBox="0 0 16 16">
+      <path d="M5.5 3.5A1.5 1.5 0 0 1 7 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5zm5 0A1.5 1.5 0 0 1 12 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5z"></path>
+    </svg>
+  `,
+  radio: `
+    <svg part="checked-icon" class="radio__icon" viewBox="0 0 16 16">
+      <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g fill="currentColor">
+          <circle cx="8" cy="8" r="3.42857143"></circle>
+        </g>
+      </g>
+    </svg>
+  `,
+  "star-fill": `
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-star-fill" viewBox="0 0 16 16">
+      <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"/>
+    </svg>
+  `,
+  "x-lg": `
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-lg" viewBox="0 0 16 16">
+      <path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z"/>
+    </svg>
+  `,
+  "x-circle-fill": `
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-circle-fill" viewBox="0 0 16 16">
+      <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z"></path>
+    </svg>
+  `
+};
+var systemLibrary = {
+  name: "system",
+  resolver: (name) => {
+    if (name in icons) {
+      return `data:image/svg+xml,${encodeURIComponent(icons[name])}`;
+    }
+    return "";
+  }
+};
+var library_system_default = systemLibrary;
+
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.ZL53POKZ.js
+var registry = [library_default_default, library_system_default];
+var watchedIcons = [];
+function watchIcon(icon) {
+  watchedIcons.push(icon);
+}
+function unwatchIcon(icon) {
+  watchedIcons = watchedIcons.filter((el) => el !== icon);
+}
+function getIconLibrary(name) {
+  return registry.find((lib) => lib.name === name);
+}
+
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.QLXRCYS4.js
+var icon_styles_default = i`
+  :host {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    box-sizing: content-box !important;
+  }
+
+  svg {
+    display: block;
+    height: 100%;
+    width: 100%;
+  }
+`;
+
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.2FB5TK5H.js
+function watch(propertyName, options) {
+  const resolvedOptions = __spreadValues({
+    waitUntilFirstUpdate: false
+  }, options);
+  return (proto, decoratedFnName) => {
+    const { update: update2 } = proto;
+    const watchedProperties = Array.isArray(propertyName) ? propertyName : [propertyName];
+    proto.update = function(changedProps) {
+      watchedProperties.forEach((property) => {
+        const key = property;
+        if (changedProps.has(key)) {
+          const oldValue = changedProps.get(key);
+          const newValue = this[key];
+          if (oldValue !== newValue) {
+            if (!resolvedOptions.waitUntilFirstUpdate || this.hasUpdated) {
+              this[decoratedFnName](oldValue, newValue);
+            }
+          }
+        }
+      });
+      update2.call(this, changedProps);
+    };
+  };
+}
+
+// ../../node_modules/lit/node_modules/lit-html/directive-helpers.js
+var { I: et3 } = si;
+var nt = (o5, t5) => void 0 === t5 ? void 0 !== o5?._$litType$ : o5?._$litType$ === t5;
+
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.ALSPWWWG.js
+var CACHEABLE_ERROR = Symbol();
+var RETRYABLE_ERROR = Symbol();
+var parser;
+var iconCache = /* @__PURE__ */ new Map();
+var SlIcon = class extends ShoelaceElement {
+  constructor() {
+    super(...arguments);
+    this.initialRender = false;
+    this.svg = null;
+    this.label = "";
+    this.library = "default";
+  }
+  /** Given a URL, this function returns the resulting SVG element or an appropriate error symbol. */
+  async resolveIcon(url, library2) {
+    var _a3;
+    let fileData;
+    if (library2 == null ? void 0 : library2.spriteSheet) {
+      this.svg = ke`<svg part="svg">
+        <use part="use" href="${url}"></use>
+      </svg>`;
+      await this.updateComplete;
+      const svg = this.shadowRoot.querySelector("[part='svg']");
+      if (typeof library2.mutator === "function") {
+        library2.mutator(svg);
+      }
+      return this.svg;
+    }
+    try {
+      fileData = await fetch(url, { mode: "cors" });
+      if (!fileData.ok)
+        return fileData.status === 410 ? CACHEABLE_ERROR : RETRYABLE_ERROR;
+    } catch (e8) {
+      return RETRYABLE_ERROR;
+    }
+    try {
+      const div = document.createElement("div");
+      div.innerHTML = await fileData.text();
+      const svg = div.firstElementChild;
+      if (((_a3 = svg == null ? void 0 : svg.tagName) == null ? void 0 : _a3.toLowerCase()) !== "svg")
+        return CACHEABLE_ERROR;
+      if (!parser)
+        parser = new DOMParser();
+      const doc = parser.parseFromString(svg.outerHTML, "text/html");
+      const svgEl = doc.body.querySelector("svg");
+      if (!svgEl)
+        return CACHEABLE_ERROR;
+      svgEl.part.add("svg");
+      return document.adoptNode(svgEl);
+    } catch (e8) {
+      return CACHEABLE_ERROR;
+    }
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    watchIcon(this);
+  }
+  firstUpdated() {
+    this.initialRender = true;
+    this.setIcon();
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    unwatchIcon(this);
+  }
+  getIconSource() {
+    const library2 = getIconLibrary(this.library);
+    if (this.name && library2) {
+      return {
+        url: library2.resolver(this.name),
+        fromLibrary: true
+      };
+    }
+    return {
+      url: this.src,
+      fromLibrary: false
+    };
+  }
+  handleLabelChange() {
+    const hasLabel = typeof this.label === "string" && this.label.length > 0;
+    if (hasLabel) {
+      this.setAttribute("role", "img");
+      this.setAttribute("aria-label", this.label);
+      this.removeAttribute("aria-hidden");
+    } else {
+      this.removeAttribute("role");
+      this.removeAttribute("aria-label");
+      this.setAttribute("aria-hidden", "true");
+    }
+  }
+  async setIcon() {
+    var _a3;
+    const { url, fromLibrary } = this.getIconSource();
+    const library2 = fromLibrary ? getIconLibrary(this.library) : void 0;
+    if (!url) {
+      this.svg = null;
+      return;
+    }
+    let iconResolver = iconCache.get(url);
+    if (!iconResolver) {
+      iconResolver = this.resolveIcon(url, library2);
+      iconCache.set(url, iconResolver);
+    }
+    if (!this.initialRender) {
+      return;
+    }
+    const svg = await iconResolver;
+    if (svg === RETRYABLE_ERROR) {
+      iconCache.delete(url);
+    }
+    if (url !== this.getIconSource().url) {
+      return;
+    }
+    if (nt(svg)) {
+      this.svg = svg;
+      return;
+    }
+    switch (svg) {
+      case RETRYABLE_ERROR:
+      case CACHEABLE_ERROR:
+        this.svg = null;
+        this.emit("sl-error");
+        break;
+      default:
+        this.svg = svg.cloneNode(true);
+        (_a3 = library2 == null ? void 0 : library2.mutator) == null ? void 0 : _a3.call(library2, this.svg);
+        this.emit("sl-load");
+    }
+  }
+  render() {
+    return this.svg;
+  }
+};
+SlIcon.styles = [component_styles_default, icon_styles_default];
+__decorateClass([
+  r5()
+], SlIcon.prototype, "svg", 2);
+__decorateClass([
+  n5({ reflect: true })
+], SlIcon.prototype, "name", 2);
+__decorateClass([
+  n5()
+], SlIcon.prototype, "src", 2);
+__decorateClass([
+  n5()
+], SlIcon.prototype, "label", 2);
+__decorateClass([
+  n5({ reflect: true })
+], SlIcon.prototype, "library", 2);
+__decorateClass([
+  watch("label")
+], SlIcon.prototype, "handleLabelChange", 1);
+__decorateClass([
+  watch(["name", "src", "library"])
+], SlIcon.prototype, "setIcon", 1);
+
+// ../../node_modules/lit/node_modules/lit-html/directive.js
+var t4 = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4, EVENT: 5, ELEMENT: 6 };
+var e7 = (t5) => (...e8) => ({ _$litDirective$: t5, values: e8 });
+var i3 = class {
+  constructor(t5) {
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AT(t5, e8, i4) {
+    this.t = t5, this._$AM = e8, this.i = i4;
+  }
+  _$AS(t5, e8) {
+    return this.update(t5, e8);
+  }
+  update(t5, e8) {
+    return this.render(...e8);
+  }
+};
+
+// ../../node_modules/lit/node_modules/lit-html/directives/class-map.js
+var Rt = e7(class extends i3 {
+  constructor(s3) {
+    if (super(s3), s3.type !== t4.ATTRIBUTE || "class" !== s3.name || s3.strings?.length > 2) throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
+  }
+  render(t5) {
+    return " " + Object.keys(t5).filter((s3) => t5[s3]).join(" ") + " ";
+  }
+  update(t5, [s3]) {
+    if (void 0 === this.st) {
+      this.st = /* @__PURE__ */ new Set(), void 0 !== t5.strings && (this.nt = new Set(t5.strings.join(" ").split(/\s/).filter((t6) => "" !== t6)));
+      for (const t6 in s3) s3[t6] && !this.nt?.has(t6) && this.st.add(t6);
+      return this.render(s3);
+    }
+    const i4 = t5.element.classList;
+    for (const t6 of this.st) t6 in s3 || (i4.remove(t6), this.st.delete(t6));
+    for (const t6 in s3) {
+      const r7 = !!s3[t6];
+      r7 === this.st.has(t6) || this.nt?.has(t6) || (r7 ? (i4.add(t6), this.st.add(t6)) : (i4.remove(t6), this.st.delete(t6)));
+    }
+    return R;
+  }
+});
+
+// ../../node_modules/lit/node_modules/lit-html/static.js
+var $e = Symbol.for("");
+var xe = (t5) => {
+  if (t5?.r === $e) return t5?._$litStatic$;
+};
+var er = (t5, ...r7) => ({ _$litStatic$: r7.reduce((r8, e8, a3) => r8 + ((t6) => {
+  if (void 0 !== t6._$litStatic$) return t6._$litStatic$;
+  throw Error(`Value passed to 'literal' function must be a 'literal' result: ${t6}. Use 'unsafeStatic' to pass non-literal values, but
+            take care to ensure page security.`);
+})(e8) + t5[a3 + 1], t5[0]), r: $e });
+var Te = /* @__PURE__ */ new Map();
+var Ee = (t5) => (r7, ...e8) => {
+  const a3 = e8.length;
+  let o5, s3;
+  const i4 = [], l3 = [];
+  let n6, u3 = 0, c5 = false;
+  for (; u3 < a3; ) {
+    for (n6 = r7[u3]; u3 < a3 && void 0 !== (s3 = e8[u3], o5 = xe(s3)); ) n6 += o5 + r7[++u3], c5 = true;
+    u3 !== a3 && l3.push(s3), i4.push(n6), u3++;
+  }
+  if (u3 === a3 && i4.push(r7[a3]), c5) {
+    const t6 = i4.join("$$lit$$");
+    void 0 === (r7 = Te.get(t6)) && (i4.raw = i4, Te.set(t6, r7 = i4)), e8 = l3;
+  }
+  return t5(r7, ...e8);
+};
+var ke3 = Ee(ke);
+var Oe3 = Ee(Oe);
+var Se3 = Ee(Se);
+
+// ../../node_modules/lit/node_modules/lit-html/directives/if-defined.js
+var to = (t5) => t5 ?? D;
+
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.MR6SHCJO.js
+var SlButton = class extends ShoelaceElement {
+  constructor() {
+    super(...arguments);
+    this.formControlController = new FormControlController(this, {
+      assumeInteractionOn: ["click"]
+    });
+    this.hasSlotController = new HasSlotController(this, "[default]", "prefix", "suffix");
+    this.localize = new LocalizeController2(this);
+    this.hasFocus = false;
+    this.invalid = false;
+    this.title = "";
+    this.variant = "default";
+    this.size = "medium";
+    this.caret = false;
+    this.disabled = false;
+    this.loading = false;
+    this.outline = false;
+    this.pill = false;
+    this.circle = false;
+    this.type = "button";
+    this.name = "";
+    this.value = "";
+    this.href = "";
+    this.rel = "noreferrer noopener";
+  }
+  /** Gets the validity state object */
+  get validity() {
+    if (this.isButton()) {
+      return this.button.validity;
+    }
+    return validValidityState;
+  }
+  /** Gets the validation message */
+  get validationMessage() {
+    if (this.isButton()) {
+      return this.button.validationMessage;
+    }
+    return "";
+  }
+  firstUpdated() {
+    if (this.isButton()) {
+      this.formControlController.updateValidity();
+    }
+  }
+  handleBlur() {
+    this.hasFocus = false;
+    this.emit("sl-blur");
+  }
+  handleFocus() {
+    this.hasFocus = true;
+    this.emit("sl-focus");
+  }
+  handleClick() {
+    if (this.type === "submit") {
+      this.formControlController.submit(this);
+    }
+    if (this.type === "reset") {
+      this.formControlController.reset(this);
+    }
+  }
+  handleInvalid(event) {
+    this.formControlController.setValidity(false);
+    this.formControlController.emitInvalidEvent(event);
+  }
+  isButton() {
+    return this.href ? false : true;
+  }
+  isLink() {
+    return this.href ? true : false;
+  }
+  handleDisabledChange() {
+    if (this.isButton()) {
+      this.formControlController.setValidity(this.disabled);
+    }
+  }
+  /** Simulates a click on the button. */
+  click() {
+    this.button.click();
+  }
+  /** Sets focus on the button. */
+  focus(options) {
+    this.button.focus(options);
+  }
+  /** Removes focus from the button. */
+  blur() {
+    this.button.blur();
+  }
+  /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */
+  checkValidity() {
+    if (this.isButton()) {
+      return this.button.checkValidity();
+    }
+    return true;
+  }
+  /** Gets the associated form, if one exists. */
+  getForm() {
+    return this.formControlController.getForm();
+  }
+  /** Checks for validity and shows the browser's validation message if the control is invalid. */
+  reportValidity() {
+    if (this.isButton()) {
+      return this.button.reportValidity();
+    }
+    return true;
+  }
+  /** Sets a custom validation message. Pass an empty string to restore validity. */
+  setCustomValidity(message) {
+    if (this.isButton()) {
+      this.button.setCustomValidity(message);
+      this.formControlController.updateValidity();
+    }
+  }
+  render() {
+    const isLink = this.isLink();
+    const tag = isLink ? er`a` : er`button`;
+    return ke3`
+      <${tag}
+        part="base"
+        class=${Rt({
+      button: true,
+      "button--default": this.variant === "default",
+      "button--primary": this.variant === "primary",
+      "button--success": this.variant === "success",
+      "button--neutral": this.variant === "neutral",
+      "button--warning": this.variant === "warning",
+      "button--danger": this.variant === "danger",
+      "button--text": this.variant === "text",
+      "button--small": this.size === "small",
+      "button--medium": this.size === "medium",
+      "button--large": this.size === "large",
+      "button--caret": this.caret,
+      "button--circle": this.circle,
+      "button--disabled": this.disabled,
+      "button--focused": this.hasFocus,
+      "button--loading": this.loading,
+      "button--standard": !this.outline,
+      "button--outline": this.outline,
+      "button--pill": this.pill,
+      "button--rtl": this.localize.dir() === "rtl",
+      "button--has-label": this.hasSlotController.test("[default]"),
+      "button--has-prefix": this.hasSlotController.test("prefix"),
+      "button--has-suffix": this.hasSlotController.test("suffix")
+    })}
+        ?disabled=${to(isLink ? void 0 : this.disabled)}
+        type=${to(isLink ? void 0 : this.type)}
+        title=${this.title}
+        name=${to(isLink ? void 0 : this.name)}
+        value=${to(isLink ? void 0 : this.value)}
+        href=${to(isLink ? this.href : void 0)}
+        target=${to(isLink ? this.target : void 0)}
+        download=${to(isLink ? this.download : void 0)}
+        rel=${to(isLink ? this.rel : void 0)}
+        role=${to(isLink ? void 0 : "button")}
+        aria-disabled=${this.disabled ? "true" : "false"}
+        tabindex=${this.disabled ? "-1" : "0"}
+        @blur=${this.handleBlur}
+        @focus=${this.handleFocus}
+        @invalid=${this.isButton() ? this.handleInvalid : null}
+        @click=${this.handleClick}
+      >
+        <slot name="prefix" part="prefix" class="button__prefix"></slot>
+        <slot part="label" class="button__label"></slot>
+        <slot name="suffix" part="suffix" class="button__suffix"></slot>
+        ${this.caret ? ke3` <sl-icon part="caret" class="button__caret" library="system" name="caret"></sl-icon> ` : ""}
+        ${this.loading ? ke3`<sl-spinner part="spinner"></sl-spinner>` : ""}
+      </${tag}>
+    `;
+  }
+};
+SlButton.styles = [component_styles_default, button_styles_default];
+SlButton.dependencies = {
+  "sl-icon": SlIcon,
+  "sl-spinner": SlSpinner
+};
+__decorateClass([
+  e5(".button")
+], SlButton.prototype, "button", 2);
+__decorateClass([
+  r5()
+], SlButton.prototype, "hasFocus", 2);
+__decorateClass([
+  r5()
+], SlButton.prototype, "invalid", 2);
+__decorateClass([
+  n5()
+], SlButton.prototype, "title", 2);
+__decorateClass([
+  n5({ reflect: true })
+], SlButton.prototype, "variant", 2);
+__decorateClass([
+  n5({ reflect: true })
+], SlButton.prototype, "size", 2);
+__decorateClass([
+  n5({ type: Boolean, reflect: true })
+], SlButton.prototype, "caret", 2);
+__decorateClass([
+  n5({ type: Boolean, reflect: true })
+], SlButton.prototype, "disabled", 2);
+__decorateClass([
+  n5({ type: Boolean, reflect: true })
+], SlButton.prototype, "loading", 2);
+__decorateClass([
+  n5({ type: Boolean, reflect: true })
+], SlButton.prototype, "outline", 2);
+__decorateClass([
+  n5({ type: Boolean, reflect: true })
+], SlButton.prototype, "pill", 2);
+__decorateClass([
+  n5({ type: Boolean, reflect: true })
+], SlButton.prototype, "circle", 2);
+__decorateClass([
+  n5()
+], SlButton.prototype, "type", 2);
+__decorateClass([
+  n5()
+], SlButton.prototype, "name", 2);
+__decorateClass([
+  n5()
+], SlButton.prototype, "value", 2);
+__decorateClass([
+  n5()
+], SlButton.prototype, "href", 2);
+__decorateClass([
+  n5()
+], SlButton.prototype, "target", 2);
+__decorateClass([
+  n5()
+], SlButton.prototype, "rel", 2);
+__decorateClass([
+  n5()
+], SlButton.prototype, "download", 2);
+__decorateClass([
+  n5()
+], SlButton.prototype, "form", 2);
+__decorateClass([
+  n5({ attribute: "formaction" })
+], SlButton.prototype, "formAction", 2);
+__decorateClass([
+  n5({ attribute: "formenctype" })
+], SlButton.prototype, "formEnctype", 2);
+__decorateClass([
+  n5({ attribute: "formmethod" })
+], SlButton.prototype, "formMethod", 2);
+__decorateClass([
+  n5({ attribute: "formnovalidate", type: Boolean })
+], SlButton.prototype, "formNoValidate", 2);
+__decorateClass([
+  n5({ attribute: "formtarget" })
+], SlButton.prototype, "formTarget", 2);
+__decorateClass([
+  watch("disabled", { waitUntilFirstUpdate: true })
+], SlButton.prototype, "handleDisabledChange", 1);
 
 // src/widgets/webwriter-pairing.ts
-import SlButton from "@shoelace-style/shoelace/dist/components/button/button.component.js";
-import SlIcon from "@shoelace-style/shoelace/dist/components/icon/icon.component.js";
-var _slots_dec, _solution_dec, _mode_dec, _a, _WebwriterPairing_decorators, _init, _mode, _solution, _slots;
-_WebwriterPairing_decorators = [customElement("webwriter-pairing")];
-var WebwriterPairing = class extends (_a = LitElementWw, _mode_dec = [property({ attribute: true, reflect: true }), option({ type: "select", options: [
+var _slots_dec, _solution_dec, _mode_dec, _a2, _WebwriterPairing_decorators, _init2, _mode, _solution, _slots;
+_WebwriterPairing_decorators = [t3("webwriter-pairing")];
+var WebwriterPairing = class extends (_a2 = LitElementWw, _mode_dec = [n5({ attribute: true, reflect: true }), option({ type: "select", options: [
   { value: "drag" },
   { value: "memory" }
-] })], _solution_dec = [property({ type: Array, attribute: true, reflect: true })], _slots_dec = [queryAll("slot")], _a) {
+] })], _solution_dec = [n5({ type: Array, attribute: true, reflect: true })], _slots_dec = [r6("slot")], _a2) {
   constructor() {
     super(...arguments);
-    __privateAdd(this, _mode, __runInitializers(_init, 8, this, "drag")), __runInitializers(_init, 11, this);
-    __privateAdd(this, _solution, __runInitializers(_init, 12, this, [])), __runInitializers(_init, 15, this);
+    __privateAdd(this, _mode, __runInitializers(_init2, 8, this, "drag")), __runInitializers(_init2, 11, this);
+    __privateAdd(this, _solution, __runInitializers(_init2, 12, this, [])), __runInitializers(_init2, 15, this);
     __publicField(this, "addItem", () => {
       const item = document.createElement("webwriter-pairing-item");
       const picture = document.createElement("picture");
       item.appendChild(picture);
       this.appendChild(item);
     });
-    __publicField(this, "Pair", (i) => {
-      return html`<div class="pair">
-      <slot class="a-slot" name=${`${i}a`}></slot>
-      <slot class="b-slot" name=${`${i}b`}></slot>
+    __publicField(this, "Pair", (i4) => {
+      return ke`<div class="pair">
+      <slot class="a-slot" name=${`${i4}a`}></slot>
+      <slot class="b-slot" name=${`${i4}b`}></slot>
     </div>`;
     });
     __publicField(this, "observer");
-    __privateAdd(this, _slots, __runInitializers(_init, 16, this)), __runInitializers(_init, 19, this);
+    __privateAdd(this, _slots, __runInitializers(_init2, 16, this)), __runInitializers(_init2, 19, this);
   }
   getPairSlot() {
   }
   get pairs() {
     let allPairs = Array.from(this.children);
-    for (const [a, b] of this.solution) {
-      const elA = this.querySelector(`webwriter-pairing-item#${a}`);
-      const elB = this.querySelector(`webwriter-pairing-item#${b}`);
+    for (const [a3, b3] of this.solution) {
+      const elA = this.querySelector(`webwriter-pairing-item#${a3}`);
+      const elB = this.querySelector(`webwriter-pairing-item#${b3}`);
       allPairs.splice(allPairs.indexOf(elA), 1, [elA, elB]);
       allPairs.splice(allPairs.indexOf(elB), 1);
     }
     return allPairs;
   }
-  pair(a, b) {
+  pair(a3, b3) {
     let pairIds = this.pairs.map((entry) => Array.isArray(entry) ? [entry[0].id, entry[1].id] : entry.id);
-    const pairIndexOfA = this.solution.findIndex((val) => Array.isArray(val) && val.includes(a));
-    const pairIndexOfB = this.solution.findIndex((val) => Array.isArray(val) && val.includes(b));
-    if (!b) {
-      pairIds.splice(pairIndexOfA, 1, pairIds[pairIndexOfA].filter((id) => id !== a)[0]);
-      pairIds.push(a);
+    const pairIndexOfA = this.solution.findIndex((val) => Array.isArray(val) && val.includes(a3));
+    const pairIndexOfB = this.solution.findIndex((val) => Array.isArray(val) && val.includes(b3));
+    if (!b3) {
+      pairIds.splice(pairIndexOfA, 1, pairIds[pairIndexOfA].filter((id) => id !== a3)[0]);
+      pairIds.push(a3);
     } else {
       if (pairIndexOfB !== -1) {
-        pairIds.splice(pairIndexOfB, 1, pairIds[pairIndexOfB].filter((id) => id !== b)[0]);
+        pairIds.splice(pairIndexOfB, 1, pairIds[pairIndexOfB].filter((id) => id !== b3)[0]);
       }
-      const indexOfA = this.solution.indexOf(a);
-      pairIds.splice(indexOfA, 1, [a, b]);
-      pairIds = pairIds.filter((id) => id !== b);
+      const indexOfA = this.solution.indexOf(a3);
+      pairIds.splice(indexOfA, 1, [a3, b3]);
+      pairIds = pairIds.filter((id) => id !== b3);
     }
     this.solution = pairIds.filter((entry) => Array.isArray(entry));
   }
-  handlePairWith(e) {
-    if (e.type === "ww-pairwith") {
-      this.pair(e.target.id, e.detail.with);
+  handlePairWith(e8) {
+    if (e8.type === "ww-pairwith") {
+      this.pair(e8.target.id, e8.detail.with);
     }
   }
   connectedCallback() {
@@ -138,9 +3458,9 @@ var WebwriterPairing = class extends (_a = LitElementWw, _mode_dec = [property({
     const slots = Array.from(this.slots);
     for (const value of this.pairs) {
       if (Array.isArray(value)) {
-        const [a, b] = value;
-        slots.shift().assign(a);
-        slots.shift().assign(b);
+        const [a3, b3] = value;
+        slots.shift().assign(a3);
+        slots.shift().assign(b3);
       } else {
         slots.shift().assign(value);
         slots.shift();
@@ -148,28 +3468,28 @@ var WebwriterPairing = class extends (_a = LitElementWw, _mode_dec = [property({
     }
   }
   render() {
-    return html`
-      ${this.pairs.map((el, i) => this.Pair(i))}
+    return ke`
+      ${this.pairs.map((el, i4) => this.Pair(i4))}
       <sl-button @click=${this.addItem}>
         <sl-icon src=${plus_default}></sl-icon>
       </sl-button>
     `;
   }
 };
-_init = __decoratorStart(_a);
+_init2 = __decoratorStart(_a2);
 _mode = new WeakMap();
 _solution = new WeakMap();
 _slots = new WeakMap();
-__decorateElement(_init, 4, "mode", _mode_dec, WebwriterPairing, _mode);
-__decorateElement(_init, 4, "solution", _solution_dec, WebwriterPairing, _solution);
-__decorateElement(_init, 4, "slots", _slots_dec, WebwriterPairing, _slots);
-WebwriterPairing = __decorateElement(_init, 0, "WebwriterPairing", _WebwriterPairing_decorators, WebwriterPairing);
+__decorateElement(_init2, 4, "mode", _mode_dec, WebwriterPairing, _mode);
+__decorateElement(_init2, 4, "solution", _solution_dec, WebwriterPairing, _solution);
+__decorateElement(_init2, 4, "slots", _slots_dec, WebwriterPairing, _slots);
+WebwriterPairing = __decorateElement(_init2, 0, "WebwriterPairing", _WebwriterPairing_decorators, WebwriterPairing);
 __publicField(WebwriterPairing, "shadowRootOptions", { ...LitElementWw.shadowRootOptions, slotAssignment: "manual" });
 __publicField(WebwriterPairing, "scopedElements", {
   "sl-button": SlButton,
   "sl-icon": SlIcon
 });
-__publicField(WebwriterPairing, "styles", css`
+__publicField(WebwriterPairing, "styles", i`
     :host {
       display: flex !important;
       flex-direction: row;
@@ -218,7 +3538,256 @@ __publicField(WebwriterPairing, "styles", css`
     }
 
   `);
-__runInitializers(_init, 1, WebwriterPairing);
+__runInitializers(_init2, 1, WebwriterPairing);
 export {
   WebwriterPairing
 };
+/*! Bundled license information:
+
+@lit/reactive-element/css-tag.js:
+  (**
+   * @license
+   * Copyright 2019 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/reactive-element.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/lit-html.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-element/lit-element.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/is-server.js:
+  (**
+   * @license
+   * Copyright 2022 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/custom-element.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/property.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/state.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/event-options.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/base.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query-all.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query-async.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query-assigned-elements.js:
+  (**
+   * @license
+   * Copyright 2021 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query-assigned-nodes.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/
+/*! Bundled license information:
+
+@lit/reactive-element/css-tag.js:
+  (**
+   * @license
+   * Copyright 2019 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/reactive-element.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/lit-html.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-element/lit-element.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/is-server.js:
+  (**
+   * @license
+   * Copyright 2022 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/custom-element.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/property.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/state.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/event-options.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/base.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query-all.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query-async.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query-assigned-elements.js:
+  (**
+   * @license
+   * Copyright 2021 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query-assigned-nodes.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/directive-helpers.js:
+  (**
+   * @license
+   * Copyright 2020 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/directive.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/directives/class-map.js:
+  (**
+   * @license
+   * Copyright 2018 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/static.js:
+  (**
+   * @license
+   * Copyright 2020 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/directives/if-defined.js:
+  (**
+   * @license
+   * Copyright 2018 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/