@webwriter/quiz 1.0.2 → 1.0.3

package/dist/widgets/webwriter-cloze-gap.js

@@ -13,108 +13,3714 @@ 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, e7, o6) {
+    if (this._$cssResult$ = true, o6 !== s) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    this.cssText = t5, this.t = e7;
+  }
+  get styleSheet() {
+    let t5 = this.o;
+    const s3 = this.t;
+    if (e && void 0 === t5) {
+      const e7 = void 0 !== s3 && 1 === s3.length;
+      e7 && (t5 = o.get(s3)), void 0 === t5 && ((this.o = t5 = new CSSStyleSheet()).replaceSync(this.cssText), e7 && 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, ...e7) => {
+  const o6 = 1 === t5.length ? t5[0] : e7.reduce((e8, s3, o7) => e8 + ((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[o7 + 1], t5[0]);
+  return new n(o6, t5, s);
+};
+var S = (s3, o6) => {
+  if (e) s3.adoptedStyleSheets = o6.map((t5) => t5 instanceof CSSStyleSheet ? t5 : t5.styleSheet);
+  else for (const e7 of o6) {
+    const o7 = document.createElement("style"), n6 = t.litNonce;
+    void 0 !== n6 && o7.setAttribute("nonce", n6), o7.textContent = e7.cssText, s3.appendChild(o7);
+  }
+};
+var c = e ? (t5) => t5 : (t5) => t5 instanceof CSSStyleSheet ? ((t6) => {
+  let e7 = "";
+  for (const s3 of t6.cssRules) e7 += s3.cssText;
+  return r(e7);
+})(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(), r6 = this.getPropertyDescriptor(t5, i4, s3);
+      void 0 !== r6 && e2(this.prototype, t5, r6);
+    }
+  }
+  static getPropertyDescriptor(t5, s3, i4) {
+    const { get: e7, set: h5 } = r2(this.prototype, t5) ?? { get() {
+      return this[s3];
+    }, set(t6) {
+      this[s3] = t6;
+    } };
+    return { get() {
+      return e7?.call(this);
+    }, set(s4) {
+      const r6 = e7?.call(this);
+      h5.call(this, s4), this.requestUpdate(t5, r6, 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 e7 = new Set(s3.flat(1 / 0).reverse());
+      for (const s4 of e7) 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), e7 = this.constructor._$Eu(t5, i4);
+    if (void 0 !== e7 && true === i4.reflect) {
+      const r6 = (void 0 !== i4.converter?.toAttribute ? i4.converter : u).toAttribute(s3, i4.type);
+      this._$Em = t5, null == r6 ? this.removeAttribute(e7) : this.setAttribute(e7, r6), this._$Em = null;
+    }
+  }
+  _$AK(t5, s3) {
+    const i4 = this.constructor, e7 = i4._$Eh.get(t5);
+    if (void 0 !== e7 && this._$Em !== e7) {
+      const t6 = i4.getPropertyOptions(e7), r6 = "function" == typeof t6.converter ? { fromAttribute: t6.converter } : void 0 !== t6.converter?.fromAttribute ? t6.converter : u;
+      this._$Em = e7, this[e7] = r6.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, e7 = [];
+  let h5, o6 = 2 === i4 ? "<svg>" : 3 === i4 ? "<math>" : "", n6 = T;
+  for (let i5 = 0; i5 < s3; i5++) {
+    const s4 = t5[i5];
+    let r6, 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, r6 = 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("/>") ? " " : "";
+    o6 += n6 === T ? s4 + _ : c5 >= 0 ? (e7.push(r6), s4.slice(0, c5) + f2 + s4.slice(c5) + v + u3) : s4 + v + (-2 === c5 ? i5 : u3);
+  }
+  return [N(t5, o6 + (t5[s3] || "<?>") + (2 === i4 ? "</svg>" : 3 === i4 ? "</math>" : "")), e7];
+};
+var B = class _B2 {
+  constructor({ strings: t5, _$litType$: i4 }, s3) {
+    let e7;
+    this.parts = [];
+    let h5 = 0, o6 = 0;
+    const n6 = t5.length - 1, r6 = 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 !== (e7 = I.nextNode()) && r6.length < n6; ) {
+      if (1 === e7.nodeType) {
+        if (e7.hasAttributes()) for (const t6 of e7.getAttributeNames()) if (t6.endsWith(f2)) {
+          const i5 = a3[o6++], s4 = e7.getAttribute(t6).split(v), n7 = /([.?@])?(.*)/.exec(i5);
+          r6.push({ type: 1, index: h5, name: n7[2], strings: s4, ctor: "." === n7[1] ? Y : "?" === n7[1] ? Z : "@" === n7[1] ? q : G }), e7.removeAttribute(t6);
+        } else t6.startsWith(v) && (r6.push({ type: 6, index: h5 }), e7.removeAttribute(t6));
+        if (M.test(e7.tagName)) {
+          const t6 = e7.textContent.split(v), i5 = t6.length - 1;
+          if (i5 > 0) {
+            e7.textContent = c3 ? c3.emptyScript : "";
+            for (let s4 = 0; s4 < i5; s4++) e7.append(t6[s4], lt()), I.nextNode(), r6.push({ type: 2, index: ++h5 });
+            e7.append(t6[i5], lt());
+          }
+        }
+      } else if (8 === e7.nodeType) if (e7.data === m) r6.push({ type: 2, index: h5 });
+      else {
+        let t6 = -1;
+        for (; -1 !== (t6 = e7.data.indexOf(v, t6 + 1)); ) r6.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, e7) {
+  if (i4 === R) return i4;
+  let h5 = void 0 !== e7 ? s3.o?.[e7] : s3.l;
+  const o6 = st(i4) ? void 0 : i4._$litDirective$;
+  return h5?.constructor !== o6 && (h5?._$AO?.(false), void 0 === o6 ? h5 = void 0 : (h5 = new o6(t5), h5._$AT(t5, s3, e7)), void 0 !== e7 ? (s3.o ??= [])[e7] = h5 : s3.l = h5), void 0 !== h5 && (i4 = z(t5, h5._$AS(t5, i4.values), h5, e7)), 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, e7 = (t5?.creationScope ?? w).importNode(i4, true);
+    I.currentNode = e7;
+    let h5 = I.nextNode(), o6 = 0, n6 = 0, r6 = s3[0];
+    for (; void 0 !== r6; ) {
+      if (o6 === r6.index) {
+        let i5;
+        2 === r6.type ? i5 = new et(h5, h5.nextSibling, this, t5) : 1 === r6.type ? i5 = new r6.ctor(h5, r6.name, r6.strings, this, t5) : 6 === r6.type && (i5 = new K(h5, this, t5)), this._$AV.push(i5), r6 = s3[++n6];
+      }
+      o6 !== r6?.index && (h5 = I.nextNode(), o6++);
+    }
+    return I.currentNode = w, e7;
+  }
+  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, e7) {
+    this.type = 2, this._$AH = D, this._$AN = void 0, this._$AA = t5, this._$AB = i4, this._$AM = s3, this.options = e7, this.v = e7?.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, e7 = "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 === e7) this._$AH.p(i4);
+    else {
+      const t6 = new F(e7, 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, e7 = 0;
+    for (const h5 of t5) e7 === i4.length ? i4.push(s3 = new _et2(this.O(lt()), this.O(lt()), this, this.options)) : s3 = i4[e7], s3._$AI(h5), e7++;
+    e7 < i4.length && (this._$AR(s3 && s3._$AB.nextSibling, e7), i4.length = e7);
+  }
+  _$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, e7, h5) {
+    this.type = 1, this._$AH = D, this._$AN = void 0, this.element = t5, this.name = i4, this._$AM = e7, 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, e7) {
+    const h5 = this.strings;
+    let o6 = false;
+    if (void 0 === h5) t5 = z(this, t5, i4, 0), o6 = !st(t5) || t5 !== this._$AH && t5 !== R, o6 && (this._$AH = t5);
+    else {
+      const e8 = t5;
+      let n6, r6;
+      for (t5 = h5[0], n6 = 0; n6 < h5.length - 1; n6++) r6 = z(this, e8[s3 + n6], i4, n6), r6 === R && (r6 = this._$AH[n6]), o6 ||= !st(r6) || r6 !== this._$AH[n6], r6 === D ? t5 = D : t5 !== D && (t5 += (r6 ?? "") + h5[n6 + 1]), this._$AH[n6] = r6;
+    }
+    o6 && !e7 && 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, e7, h5) {
+    super(t5, i4, s3, e7, h5), this.type = 5;
+  }
+  _$AI(t5, i4 = this) {
+    if ((t5 = z(this, t5, i4, 0) ?? D) === R) return;
+    const s3 = this._$AH, e7 = t5 === D && s3 !== D || t5.capture !== s3.capture || t5.once !== s3.once || t5.passive !== s3.passive, h5 = t5 !== D && (s3 === D || e7);
+    e7 && 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 e7 = s3?.renderBefore ?? i4;
+  let h5 = e7._$litPart$;
+  if (void 0 === h5) {
+    const t6 = s3?.renderBefore ?? null;
+    e7._$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 e7 = this.render();
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t5), this.o = Q(e7, 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 o52 = document.createElement("style"), n52 = t2.litNonce;
+    void 0 !== n52 && o52.setAttribute("nonce", n52), o52.textContent = e42.cssText, s22.appendChild(o52);
+  }
+};
+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, o52) => {
+    const r42 = e52.hasOwnProperty(o52);
+    return e52.constructor.createProperty(o52, r42 ? { ...t32, wrapped: true } : t32), r42 ? Object.getOwnPropertyDescriptor(e52, o52) : 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);
+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) => (e7, o6) => {
+  void 0 !== o6 ? o6.addInitializer(() => {
+    customElements.define(t5, e7);
+  }) : customElements.define(t5, e7);
+};
+
+// ../../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, e7, r6) => {
+  const { kind: n6, metadata: i4 } = r6;
+  let s3 = globalThis.litPropertyMetadata.get(i4);
+  if (void 0 === s3 && globalThis.litPropertyMetadata.set(i4, s3 = /* @__PURE__ */ new Map()), s3.set(r6.name, t5), "accessor" === n6) {
+    const { name: o6 } = r6;
+    return { set(r7) {
+      const n7 = e7.get.call(this);
+      e7.set.call(this, r7), this.requestUpdate(o6, n7, t5);
+    }, init(e8) {
+      return void 0 !== e8 && this.P(o6, void 0, t5), e8;
+    } };
+  }
+  if ("setter" === n6) {
+    const { name: o6 } = r6;
+    return function(r7) {
+      const n7 = this[o6];
+      e7.call(this, r7), this.requestUpdate(o6, n7, t5);
+    };
+  }
+  throw Error("Unsupported decorator location: " + n6);
+};
+function n5(t5) {
+  return (e7, o6) => "object" == typeof o6 ? r4(t5, e7, o6) : ((t6, e8, o7) => {
+    const r6 = e8.hasOwnProperty(o7);
+    return e8.constructor.createProperty(o7, r6 ? { ...t6, wrapped: true } : t6), r6 ? Object.getOwnPropertyDescriptor(e8, o7) : void 0;
+  })(t5, e7, o6);
+}
+
+// ../../node_modules/lit/node_modules/@lit/reactive-element/decorators/state.js
+function r5(r6) {
+  return n5({ ...r6, state: true, attribute: false });
+}
+
+// ../../node_modules/lit/node_modules/@lit/reactive-element/decorators/base.js
+var e4 = (e7, t5, c5) => (c5.configurable = true, c5.enumerable = true, Reflect.decorate && "object" != typeof t5 && Object.defineProperty(e7, t5, c5), c5);
+
+// ../../node_modules/lit/node_modules/@lit/reactive-element/decorators/query.js
+function e5(e7, r6) {
+  return (n6, s3, i4) => {
+    const o6 = (t5) => t5.renderRoot?.querySelector(e7) ?? null;
+    if (r6) {
+      const { get: e8, set: r7 } = "object" == typeof s3 ? n6 : i4 ?? (() => {
+        const t5 = Symbol();
+        return { get() {
+          return this[t5];
+        }, set(e9) {
+          this[t5] = e9;
+        } };
+      })();
+      return e4(n6, s3, { get() {
+        let t5 = e8.call(this);
+        return void 0 === t5 && (t5 = o6(this), (null !== t5 || this.hasUpdated) && r7.call(this, t5)), t5;
+      } });
+    }
+    return e4(n6, s3, { get() {
+      return o6(this);
+    } });
+  };
+}
+
+// ../../node_modules/lit/node_modules/@lit/reactive-element/decorators/query-assigned-elements.js
+function o5(o6) {
+  return (e7, n6) => {
+    const { slot: r6, selector: s3 } = o6 ?? {}, c5 = "slot" + (r6 ? `[name=${r6}]` : ":not([name])");
+    return e4(e7, n6, { get() {
+      const t5 = this.renderRoot?.querySelector(c5), e8 = t5?.assignedElements(o6) ?? [];
+      return void 0 === s3 ? e8 : e8.filter((t6) => t6.matches(s3));
+    } });
+  };
+}
+
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.6I2T3DLI.js
+var icon_button_styles_default = i`
+  :host {
+    display: inline-block;
+    color: var(--sl-color-neutral-600);
+  }
+
+  .icon-button {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    background: none;
+    border: none;
+    border-radius: var(--sl-border-radius-medium);
+    font-size: inherit;
+    color: inherit;
+    padding: var(--sl-spacing-x-small);
+    cursor: pointer;
+    transition: var(--sl-transition-x-fast) color;
+    -webkit-appearance: none;
+  }
+
+  .icon-button:hover:not(.icon-button--disabled),
+  .icon-button:focus-visible:not(.icon-button--disabled) {
+    color: var(--sl-color-primary-600);
+  }
+
+  .icon-button:active:not(.icon-button--disabled) {
+    color: var(--sl-color-primary-700);
+  }
+
+  .icon-button:focus {
+    outline: none;
+  }
+
+  .icon-button--disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  .icon-button:focus-visible {
+    outline: var(--sl-focus-ring);
+    outline-offset: var(--sl-focus-ring-offset);
+  }
+
+  .icon-button__icon {
+    pointer-events: none;
+  }
+`;
+
+// ../../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/@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.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.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/@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.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/lit/node_modules/lit-html/directive-helpers.js
+var { I: et3 } = si;
+var nt = (o6, t5) => void 0 === t5 ? void 0 !== o6?._$litType$ : o6?._$litType$ === t5;
+var rt = (o6) => void 0 === o6.strings;
+var ht = {};
+var dt = (o6, t5 = ht) => o6._$AH = 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 _a4;
+    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 (e7) {
+      return RETRYABLE_ERROR;
+    }
+    try {
+      const div = document.createElement("div");
+      div.innerHTML = await fileData.text();
+      const svg = div.firstElementChild;
+      if (((_a4 = svg == null ? void 0 : svg.tagName) == null ? void 0 : _a4.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 (e7) {
+      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 _a4;
+    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);
+        (_a4 = library2 == null ? void 0 : library2.mutator) == null ? void 0 : _a4.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 e6 = (t5) => (...e7) => ({ _$litDirective$: t5, values: e7 });
+var i3 = class {
+  constructor(t5) {
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AT(t5, e7, i4) {
+    this.t = t5, this._$AM = e7, this.i = i4;
+  }
+  _$AS(t5, e7) {
+    return this.update(t5, e7);
+  }
+  update(t5, e7) {
+    return this.render(...e7);
+  }
+};
+
+// ../../node_modules/lit/node_modules/lit-html/directives/class-map.js
+var Rt = e6(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 r6 = !!s3[t6];
+      r6 === this.st.has(t6) || this.nt?.has(t6) || (r6 ? (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, ...r6) => ({ _$litStatic$: r6.reduce((r7, e7, a3) => r7 + ((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.`);
+})(e7) + t5[a3 + 1], t5[0]), r: $e });
+var Te = /* @__PURE__ */ new Map();
+var Ee = (t5) => (r6, ...e7) => {
+  const a3 = e7.length;
+  let o6, s3;
+  const i4 = [], l3 = [];
+  let n6, u3 = 0, c5 = false;
+  for (; u3 < a3; ) {
+    for (n6 = r6[u3]; u3 < a3 && void 0 !== (s3 = e7[u3], o6 = xe(s3)); ) n6 += o6 + r6[++u3], c5 = true;
+    u3 !== a3 && l3.push(s3), i4.push(n6), u3++;
+  }
+  if (u3 === a3 && i4.push(r6[a3]), c5) {
+    const t6 = i4.join("$$lit$$");
+    void 0 === (r6 = Te.get(t6)) && (i4.raw = i4, Te.set(t6, r6 = i4)), e7 = l3;
+  }
+  return t5(r6, ...e7);
+};
+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.XJILXOW4.js
+var SlIconButton = class extends ShoelaceElement {
+  constructor() {
+    super(...arguments);
+    this.hasFocus = false;
+    this.label = "";
+    this.disabled = false;
+  }
+  handleBlur() {
+    this.hasFocus = false;
+    this.emit("sl-blur");
+  }
+  handleFocus() {
+    this.hasFocus = true;
+    this.emit("sl-focus");
+  }
+  handleClick(event) {
+    if (this.disabled) {
+      event.preventDefault();
+      event.stopPropagation();
+    }
+  }
+  /** Simulates a click on the icon button. */
+  click() {
+    this.button.click();
+  }
+  /** Sets focus on the icon button. */
+  focus(options) {
+    this.button.focus(options);
+  }
+  /** Removes focus from the icon button. */
+  blur() {
+    this.button.blur();
+  }
+  render() {
+    const isLink = this.href ? true : false;
+    const tag = isLink ? er`a` : er`button`;
+    return ke3`
+      <${tag}
+        part="base"
+        class=${Rt({
+      "icon-button": true,
+      "icon-button--disabled": !isLink && this.disabled,
+      "icon-button--focused": this.hasFocus
+    })}
+        ?disabled=${to(isLink ? void 0 : this.disabled)}
+        type=${to(isLink ? void 0 : "button")}
+        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.target ? "noreferrer noopener" : void 0)}
+        role=${to(isLink ? void 0 : "button")}
+        aria-disabled=${this.disabled ? "true" : "false"}
+        aria-label="${this.label}"
+        tabindex=${this.disabled ? "-1" : "0"}
+        @blur=${this.handleBlur}
+        @focus=${this.handleFocus}
+        @click=${this.handleClick}
+      >
+        <sl-icon
+          class="icon-button__icon"
+          name=${to(this.name)}
+          library=${to(this.library)}
+          src=${to(this.src)}
+          aria-hidden="true"
+        ></sl-icon>
+      </${tag}>
+    `;
+  }
+};
+SlIconButton.styles = [component_styles_default, icon_button_styles_default];
+SlIconButton.dependencies = { "sl-icon": SlIcon };
+__decorateClass([
+  e5(".icon-button")
+], SlIconButton.prototype, "button", 2);
+__decorateClass([
+  r5()
+], SlIconButton.prototype, "hasFocus", 2);
+__decorateClass([
+  n5()
+], SlIconButton.prototype, "name", 2);
+__decorateClass([
+  n5()
+], SlIconButton.prototype, "library", 2);
+__decorateClass([
+  n5()
+], SlIconButton.prototype, "src", 2);
+__decorateClass([
+  n5()
+], SlIconButton.prototype, "href", 2);
+__decorateClass([
+  n5()
+], SlIconButton.prototype, "target", 2);
+__decorateClass([
+  n5()
+], SlIconButton.prototype, "download", 2);
+__decorateClass([
+  n5()
+], SlIconButton.prototype, "label", 2);
+__decorateClass([
+  n5({ type: Boolean, reflect: true })
+], SlIconButton.prototype, "disabled", 2);
+
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.FXXKMG2P.js
+var option_styles_default = i`
+  :host {
+    display: block;
+    user-select: none;
+    -webkit-user-select: none;
+  }
+
+  :host(:focus) {
+    outline: none;
+  }
+
+  .option {
+    position: relative;
+    display: flex;
+    align-items: center;
+    font-family: var(--sl-font-sans);
+    font-size: var(--sl-font-size-medium);
+    font-weight: var(--sl-font-weight-normal);
+    line-height: var(--sl-line-height-normal);
+    letter-spacing: var(--sl-letter-spacing-normal);
+    color: var(--sl-color-neutral-700);
+    padding: var(--sl-spacing-x-small) var(--sl-spacing-medium) var(--sl-spacing-x-small) var(--sl-spacing-x-small);
+    transition: var(--sl-transition-fast) fill;
+    cursor: pointer;
+  }
+
+  .option--hover:not(.option--current):not(.option--disabled) {
+    background-color: var(--sl-color-neutral-100);
+    color: var(--sl-color-neutral-1000);
+  }
+
+  .option--current,
+  .option--current.option--disabled {
+    background-color: var(--sl-color-primary-600);
+    color: var(--sl-color-neutral-0);
+    opacity: 1;
+  }
+
+  .option--disabled {
+    outline: none;
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  .option__label {
+    flex: 1 1 auto;
+    display: inline-block;
+    line-height: var(--sl-line-height-dense);
+  }
+
+  .option .option__check {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    visibility: hidden;
+    padding-inline-end: var(--sl-spacing-2x-small);
+  }
+
+  .option--selected .option__check {
+    visibility: visible;
+  }
+
+  .option__prefix,
+  .option__suffix {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+  }
+
+  .option__prefix::slotted(*) {
+    margin-inline-end: var(--sl-spacing-x-small);
+  }
+
+  .option__suffix::slotted(*) {
+    margin-inline-start: var(--sl-spacing-x-small);
+  }
+
+  @media (forced-colors: active) {
+    :host(:hover:not([aria-disabled='true'])) .option {
+      outline: dashed 1px SelectedItem;
+      outline-offset: -1px;
+    }
+  }
+`;
+
+// ../../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 _a4, _b;
+    const locale = new Intl.Locale(lang.replace(/_/g, "-"));
+    const language = locale === null || locale === void 0 ? void 0 : locale.language.toLowerCase();
+    const region = (_b = (_a4 = locale === null || locale === void 0 ? void 0 : locale.region) === null || _a4 === void 0 ? void 0 : _a4.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 _a4;
+    const { primary, secondary } = this.getTranslationData((_a4 = options.lang) !== null && _a4 !== void 0 ? _a4 : 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.YCFFWTNH.js
+var SlOption = class extends ShoelaceElement {
+  constructor() {
+    super(...arguments);
+    this.localize = new LocalizeController2(this);
+    this.current = false;
+    this.selected = false;
+    this.hasHover = false;
+    this.value = "";
+    this.disabled = false;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.setAttribute("role", "option");
+    this.setAttribute("aria-selected", "false");
+  }
+  handleDefaultSlotChange() {
+    const textLabel = this.getTextLabel();
+    if (typeof this.cachedTextLabel === "undefined") {
+      this.cachedTextLabel = textLabel;
+      return;
+    }
+    if (textLabel !== this.cachedTextLabel) {
+      this.cachedTextLabel = textLabel;
+      this.emit("slotchange", { bubbles: true, composed: false, cancelable: false });
+    }
+  }
+  handleMouseEnter() {
+    this.hasHover = true;
+  }
+  handleMouseLeave() {
+    this.hasHover = false;
+  }
+  handleDisabledChange() {
+    this.setAttribute("aria-disabled", this.disabled ? "true" : "false");
+  }
+  handleSelectedChange() {
+    this.setAttribute("aria-selected", this.selected ? "true" : "false");
+  }
+  handleValueChange() {
+    if (typeof this.value !== "string") {
+      this.value = String(this.value);
+    }
+    if (this.value.includes(" ")) {
+      console.error(`Option values cannot include a space. All spaces have been replaced with underscores.`, this);
+      this.value = this.value.replace(/ /g, "_");
+    }
+  }
+  /** Returns a plain text label based on the option's content. */
+  getTextLabel() {
+    const nodes = this.childNodes;
+    let label = "";
+    [...nodes].forEach((node) => {
+      if (node.nodeType === Node.ELEMENT_NODE) {
+        if (!node.hasAttribute("slot")) {
+          label += node.textContent;
+        }
+      }
+      if (node.nodeType === Node.TEXT_NODE) {
+        label += node.textContent;
+      }
+    });
+    return label.trim();
+  }
+  render() {
+    return ke`
+      <div
+        part="base"
+        class=${Rt({
+      option: true,
+      "option--current": this.current,
+      "option--disabled": this.disabled,
+      "option--selected": this.selected,
+      "option--hover": this.hasHover
+    })}
+        @mouseenter=${this.handleMouseEnter}
+        @mouseleave=${this.handleMouseLeave}
+      >
+        <sl-icon part="checked-icon" class="option__check" name="check" library="system" aria-hidden="true"></sl-icon>
+        <slot part="prefix" name="prefix" class="option__prefix"></slot>
+        <slot part="label" class="option__label" @slotchange=${this.handleDefaultSlotChange}></slot>
+        <slot part="suffix" name="suffix" class="option__suffix"></slot>
+      </div>
+    `;
+  }
+};
+SlOption.styles = [component_styles_default, option_styles_default];
+SlOption.dependencies = { "sl-icon": SlIcon };
+__decorateClass([
+  e5(".option__label")
+], SlOption.prototype, "defaultSlot", 2);
+__decorateClass([
+  r5()
+], SlOption.prototype, "current", 2);
+__decorateClass([
+  r5()
+], SlOption.prototype, "selected", 2);
+__decorateClass([
+  r5()
+], SlOption.prototype, "hasHover", 2);
+__decorateClass([
+  n5({ reflect: true })
+], SlOption.prototype, "value", 2);
+__decorateClass([
+  n5({ type: Boolean, reflect: true })
+], SlOption.prototype, "disabled", 2);
+__decorateClass([
+  watch("disabled")
+], SlOption.prototype, "handleDisabledChange", 1);
+__decorateClass([
+  watch("selected")
+], SlOption.prototype, "handleSelectedChange", 1);
+__decorateClass([
+  watch("value")
+], SlOption.prototype, "handleValueChange", 1);
+
+// ../../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/bootstrap-icons/icons/slash-circle.svg
+var slash_circle_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-slash-circle" viewBox="0 0 16 16">%0A  <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"/>%0A  <path d="M11.354 4.646a.5.5 0 0 0-.708 0l-6 6a.5.5 0 0 0 .708.708l6-6a.5.5 0 0 0 0-.708"/>%0A</svg>';
+
+// ../../node_modules/bootstrap-icons/icons/check-circle.svg
+var check_circle_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-check-circle" viewBox="0 0 16 16">%0A  <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"/>%0A  <path d="m10.97 4.97-.02.022-3.473 4.425-2.093-2.094a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05"/>%0A</svg>';
+
+// ../../node_modules/bootstrap-icons/icons/x.svg
+var x_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x" viewBox="0 0 16 16">%0A  <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708"/>%0A</svg>';
+
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.GGT72J62.js
+var input_styles_default = i`
+  :host {
+    display: block;
+  }
+
+  .input {
+    flex: 1 1 auto;
+    display: inline-flex;
+    align-items: stretch;
+    justify-content: start;
+    position: relative;
+    width: 100%;
+    font-family: var(--sl-input-font-family);
+    font-weight: var(--sl-input-font-weight);
+    letter-spacing: var(--sl-input-letter-spacing);
+    vertical-align: middle;
+    overflow: hidden;
+    cursor: text;
+    transition:
+      var(--sl-transition-fast) color,
+      var(--sl-transition-fast) border,
+      var(--sl-transition-fast) box-shadow,
+      var(--sl-transition-fast) background-color;
+  }
+
+  /* Standard inputs */
+  .input--standard {
+    background-color: var(--sl-input-background-color);
+    border: solid var(--sl-input-border-width) var(--sl-input-border-color);
+  }
+
+  .input--standard:hover:not(.input--disabled) {
+    background-color: var(--sl-input-background-color-hover);
+    border-color: var(--sl-input-border-color-hover);
+  }
+
+  .input--standard.input--focused:not(.input--disabled) {
+    background-color: var(--sl-input-background-color-focus);
+    border-color: var(--sl-input-border-color-focus);
+    box-shadow: 0 0 0 var(--sl-focus-ring-width) var(--sl-input-focus-ring-color);
+  }
+
+  .input--standard.input--focused:not(.input--disabled) .input__control {
+    color: var(--sl-input-color-focus);
+  }
+
+  .input--standard.input--disabled {
+    background-color: var(--sl-input-background-color-disabled);
+    border-color: var(--sl-input-border-color-disabled);
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  .input--standard.input--disabled .input__control {
+    color: var(--sl-input-color-disabled);
+  }
+
+  .input--standard.input--disabled .input__control::placeholder {
+    color: var(--sl-input-placeholder-color-disabled);
+  }
+
+  /* Filled inputs */
+  .input--filled {
+    border: none;
+    background-color: var(--sl-input-filled-background-color);
+    color: var(--sl-input-color);
+  }
+
+  .input--filled:hover:not(.input--disabled) {
+    background-color: var(--sl-input-filled-background-color-hover);
+  }
+
+  .input--filled.input--focused:not(.input--disabled) {
+    background-color: var(--sl-input-filled-background-color-focus);
+    outline: var(--sl-focus-ring);
+    outline-offset: var(--sl-focus-ring-offset);
+  }
+
+  .input--filled.input--disabled {
+    background-color: var(--sl-input-filled-background-color-disabled);
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  .input__control {
+    flex: 1 1 auto;
+    font-family: inherit;
+    font-size: inherit;
+    font-weight: inherit;
+    min-width: 0;
+    height: 100%;
+    color: var(--sl-input-color);
+    border: none;
+    background: inherit;
+    box-shadow: none;
+    padding: 0;
+    margin: 0;
+    cursor: inherit;
+    -webkit-appearance: none;
+  }
+
+  .input__control::-webkit-search-decoration,
+  .input__control::-webkit-search-cancel-button,
+  .input__control::-webkit-search-results-button,
+  .input__control::-webkit-search-results-decoration {
+    -webkit-appearance: none;
+  }
+
+  .input__control:-webkit-autofill,
+  .input__control:-webkit-autofill:hover,
+  .input__control:-webkit-autofill:focus,
+  .input__control:-webkit-autofill:active {
+    box-shadow: 0 0 0 var(--sl-input-height-large) var(--sl-input-background-color-hover) inset !important;
+    -webkit-text-fill-color: var(--sl-color-primary-500);
+    caret-color: var(--sl-input-color);
+  }
+
+  .input--filled .input__control:-webkit-autofill,
+  .input--filled .input__control:-webkit-autofill:hover,
+  .input--filled .input__control:-webkit-autofill:focus,
+  .input--filled .input__control:-webkit-autofill:active {
+    box-shadow: 0 0 0 var(--sl-input-height-large) var(--sl-input-filled-background-color) inset !important;
+  }
+
+  .input__control::placeholder {
+    color: var(--sl-input-placeholder-color);
+    user-select: none;
+    -webkit-user-select: none;
+  }
+
+  .input:hover:not(.input--disabled) .input__control {
+    color: var(--sl-input-color-hover);
+  }
+
+  .input__control:focus {
+    outline: none;
+  }
+
+  .input__prefix,
+  .input__suffix {
+    display: inline-flex;
+    flex: 0 0 auto;
+    align-items: center;
+    cursor: default;
+  }
+
+  .input__prefix ::slotted(sl-icon),
+  .input__suffix ::slotted(sl-icon) {
+    color: var(--sl-input-icon-color);
+  }
+
+  /*
+   * Size modifiers
+   */
+
+  .input--small {
+    border-radius: var(--sl-input-border-radius-small);
+    font-size: var(--sl-input-font-size-small);
+    height: var(--sl-input-height-small);
+  }
+
+  .input--small .input__control {
+    height: calc(var(--sl-input-height-small) - var(--sl-input-border-width) * 2);
+    padding: 0 var(--sl-input-spacing-small);
+  }
+
+  .input--small .input__clear,
+  .input--small .input__password-toggle {
+    width: calc(1em + var(--sl-input-spacing-small) * 2);
+  }
+
+  .input--small .input__prefix ::slotted(*) {
+    margin-inline-start: var(--sl-input-spacing-small);
+  }
+
+  .input--small .input__suffix ::slotted(*) {
+    margin-inline-end: var(--sl-input-spacing-small);
+  }
+
+  .input--medium {
+    border-radius: var(--sl-input-border-radius-medium);
+    font-size: var(--sl-input-font-size-medium);
+    height: var(--sl-input-height-medium);
+  }
+
+  .input--medium .input__control {
+    height: calc(var(--sl-input-height-medium) - var(--sl-input-border-width) * 2);
+    padding: 0 var(--sl-input-spacing-medium);
+  }
+
+  .input--medium .input__clear,
+  .input--medium .input__password-toggle {
+    width: calc(1em + var(--sl-input-spacing-medium) * 2);
+  }
+
+  .input--medium .input__prefix ::slotted(*) {
+    margin-inline-start: var(--sl-input-spacing-medium);
+  }
+
+  .input--medium .input__suffix ::slotted(*) {
+    margin-inline-end: var(--sl-input-spacing-medium);
+  }
+
+  .input--large {
+    border-radius: var(--sl-input-border-radius-large);
+    font-size: var(--sl-input-font-size-large);
+    height: var(--sl-input-height-large);
+  }
+
+  .input--large .input__control {
+    height: calc(var(--sl-input-height-large) - var(--sl-input-border-width) * 2);
+    padding: 0 var(--sl-input-spacing-large);
+  }
+
+  .input--large .input__clear,
+  .input--large .input__password-toggle {
+    width: calc(1em + var(--sl-input-spacing-large) * 2);
+  }
+
+  .input--large .input__prefix ::slotted(*) {
+    margin-inline-start: var(--sl-input-spacing-large);
+  }
+
+  .input--large .input__suffix ::slotted(*) {
+    margin-inline-end: var(--sl-input-spacing-large);
+  }
+
+  /*
+   * Pill modifier
+   */
+
+  .input--pill.input--small {
+    border-radius: var(--sl-input-height-small);
+  }
+
+  .input--pill.input--medium {
+    border-radius: var(--sl-input-height-medium);
+  }
+
+  .input--pill.input--large {
+    border-radius: var(--sl-input-height-large);
+  }
+
+  /*
+   * Clearable + Password Toggle
+   */
+
+  .input__clear,
+  .input__password-toggle {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    font-size: inherit;
+    color: var(--sl-input-icon-color);
+    border: none;
+    background: none;
+    padding: 0;
+    transition: var(--sl-transition-fast) color;
+    cursor: pointer;
+  }
+
+  .input__clear:hover,
+  .input__password-toggle:hover {
+    color: var(--sl-input-icon-color-hover);
+  }
+
+  .input__clear:focus,
+  .input__password-toggle:focus {
+    outline: none;
+  }
+
+  /* Don't show the browser's password toggle in Edge */
+  ::-ms-reveal {
+    display: none;
+  }
+
+  /* Hide the built-in number spinner */
+  .input--no-spin-buttons input[type='number']::-webkit-outer-spin-button,
+  .input--no-spin-buttons input[type='number']::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    display: none;
+  }
+
+  .input--no-spin-buttons input[type='number'] {
+    -moz-appearance: textfield;
+  }
+`;
+
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.GI7VDIWX.js
+var defaultValue = (propertyName = "value") => (proto, key) => {
+  const ctor = proto.constructor;
+  const attributeChangedCallback = ctor.prototype.attributeChangedCallback;
+  ctor.prototype.attributeChangedCallback = function(name, old, value) {
+    var _a4;
+    const options = ctor.getPropertyOptions(propertyName);
+    const attributeName = typeof options.attribute === "string" ? options.attribute : propertyName;
+    if (name === attributeName) {
+      const converter = options.converter || u;
+      const fromAttribute = typeof converter === "function" ? converter : (_a4 = converter == null ? void 0 : converter.fromAttribute) != null ? _a4 : u.fromAttribute;
+      const newValue = fromAttribute(value, options.type);
+      if (this[propertyName] !== newValue) {
+        this[key] = newValue;
+      }
+    }
+    attributeChangedCallback.call(this, name, old, value);
+  };
 };
-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-cloze-gap.ts
-import { html as html2, css as css2 } from "lit";
-import { LitElementWw } from "@webwriter/lit";
-import { customElement as customElement2, query as query2 } from "lit/decorators.js";
-import SlIconButton from "@shoelace-style/shoelace/dist/components/icon-button/icon-button.component.js";
-import SlOption from "@shoelace-style/shoelace/dist/components/option/option.component.js";
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.SI4ACBFK.js
+var form_control_styles_default = i`
+  .form-control .form-control__label {
+    display: none;
+  }
 
-// ../../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>';
+  .form-control .form-control__help-text {
+    display: none;
+  }
 
-// ../../node_modules/bootstrap-icons/icons/slash-circle.svg
-var slash_circle_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-slash-circle" viewBox="0 0 16 16">%0A  <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"/>%0A  <path d="M11.354 4.646a.5.5 0 0 0-.708 0l-6 6a.5.5 0 0 0 .708.708l6-6a.5.5 0 0 0 0-.708"/>%0A</svg>';
+  /* Label */
+  .form-control--has-label .form-control__label {
+    display: inline-block;
+    color: var(--sl-input-label-color);
+    margin-bottom: var(--sl-spacing-3x-small);
+  }
 
-// ../../node_modules/bootstrap-icons/icons/check-circle.svg
-var check_circle_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-check-circle" viewBox="0 0 16 16">%0A  <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"/>%0A  <path d="m10.97 4.97-.02.022-3.473 4.425-2.093-2.094a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05"/>%0A</svg>';
+  .form-control--has-label.form-control--small .form-control__label {
+    font-size: var(--sl-input-label-font-size-small);
+  }
 
-// ../../node_modules/bootstrap-icons/icons/x.svg
-var x_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x" viewBox="0 0 16 16">%0A  <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708"/>%0A</svg>';
+  .form-control--has-label.form-control--medium .form-control__label {
+    font-size: var(--sl-input-label-font-size-medium);
+  }
 
-// src/lib/combobox.ts
-import { LitElement, html, css } from "lit";
-import { customElement, property, query, queryAssignedElements } from "lit/decorators.js";
-import SlInput from "@shoelace-style/shoelace/dist/components/input/input.component.js";
+  .form-control--has-label.form-control--large .form-control__label {
+    font-size: var(--sl-input-label-font-size-large);
+  }
+
+  :host([required]) .form-control--has-label .form-control__label::after {
+    content: var(--sl-input-required-content);
+    margin-inline-start: var(--sl-input-required-content-offset);
+    color: var(--sl-input-required-content-color);
+  }
+
+  /* Help text */
+  .form-control--has-help-text .form-control__help-text {
+    display: block;
+    color: var(--sl-input-help-text-color);
+    margin-top: var(--sl-spacing-3x-small);
+  }
+
+  .form-control--has-help-text.form-control--small .form-control__help-text {
+    font-size: var(--sl-input-help-text-font-size-small);
+  }
+
+  .form-control--has-help-text.form-control--medium .form-control__help-text {
+    font-size: var(--sl-input-help-text-font-size-medium);
+  }
+
+  .form-control--has-help-text.form-control--large .form-control__help-text {
+    font-size: var(--sl-input-help-text-font-size-large);
+  }
+
+  .form-control--has-help-text.form-control--radio-group .form-control__help-text {
+    margin-top: var(--sl-spacing-2x-small);
+  }
+`;
+
+// ../../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 _a4;
+      const disabled = this.options.disabled(this.host);
+      const reportValidity = this.options.reportValidity;
+      if (this.form && !this.form.noValidate) {
+        (_a4 = formCollections.get(this.form)) == null ? void 0 : _a4.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 _a4;
+        return (_a4 = input.disabled) != null ? _a4 : 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 _a4;
+    return (_a4 = this.form) != null ? _a4 : 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.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);
+  }
+};
+
+// ../../node_modules/lit/node_modules/lit-html/directives/live.js
+var Ft = e6(class extends i3 {
+  constructor(r6) {
+    if (super(r6), r6.type !== t4.PROPERTY && r6.type !== t4.ATTRIBUTE && r6.type !== t4.BOOLEAN_ATTRIBUTE) throw Error("The `live` directive is not allowed on child or event bindings");
+    if (!rt(r6)) throw Error("`live` bindings can only contain a single expression");
+  }
+  render(r6) {
+    return r6;
+  }
+  update(r6, [e7]) {
+    if (e7 === R || e7 === D) return e7;
+    const i4 = r6.element, n6 = r6.name;
+    if (r6.type === t4.PROPERTY) {
+      if (e7 === i4[n6]) return R;
+    } else if (r6.type === t4.BOOLEAN_ATTRIBUTE) {
+      if (!!e7 === i4.hasAttribute(n6)) return R;
+    } else if (r6.type === t4.ATTRIBUTE && i4.getAttribute(n6) === e7 + "") return R;
+    return dt(r6), e7;
+  }
+});
+
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.5LELDSAA.js
+var SlInput = class extends ShoelaceElement {
+  constructor() {
+    super(...arguments);
+    this.formControlController = new FormControlController(this, {
+      assumeInteractionOn: ["sl-blur", "sl-input"]
+    });
+    this.hasSlotController = new HasSlotController(this, "help-text", "label");
+    this.localize = new LocalizeController2(this);
+    this.hasFocus = false;
+    this.title = "";
+    this.__numberInput = Object.assign(document.createElement("input"), { type: "number" });
+    this.__dateInput = Object.assign(document.createElement("input"), { type: "date" });
+    this.type = "text";
+    this.name = "";
+    this.value = "";
+    this.defaultValue = "";
+    this.size = "medium";
+    this.filled = false;
+    this.pill = false;
+    this.label = "";
+    this.helpText = "";
+    this.clearable = false;
+    this.disabled = false;
+    this.placeholder = "";
+    this.readonly = false;
+    this.passwordToggle = false;
+    this.passwordVisible = false;
+    this.noSpinButtons = false;
+    this.form = "";
+    this.required = false;
+    this.spellcheck = true;
+  }
+  //
+  // NOTE: We use an in-memory input for these getters/setters instead of the one in the template because the properties
+  // can be set before the component is rendered.
+  //
+  /**
+   * Gets or sets the current value as a `Date` object. Returns `null` if the value can't be converted. This will use the native `<input type="{{type}}">` implementation and may result in an error.
+   */
+  get valueAsDate() {
+    var _a4;
+    this.__dateInput.type = this.type;
+    this.__dateInput.value = this.value;
+    return ((_a4 = this.input) == null ? void 0 : _a4.valueAsDate) || this.__dateInput.valueAsDate;
+  }
+  set valueAsDate(newValue) {
+    this.__dateInput.type = this.type;
+    this.__dateInput.valueAsDate = newValue;
+    this.value = this.__dateInput.value;
+  }
+  /** Gets or sets the current value as a number. Returns `NaN` if the value can't be converted. */
+  get valueAsNumber() {
+    var _a4;
+    this.__numberInput.value = this.value;
+    return ((_a4 = this.input) == null ? void 0 : _a4.valueAsNumber) || this.__numberInput.valueAsNumber;
+  }
+  set valueAsNumber(newValue) {
+    this.__numberInput.valueAsNumber = newValue;
+    this.value = this.__numberInput.value;
+  }
+  /** Gets the validity state object */
+  get validity() {
+    return this.input.validity;
+  }
+  /** Gets the validation message */
+  get validationMessage() {
+    return this.input.validationMessage;
+  }
+  firstUpdated() {
+    this.formControlController.updateValidity();
+  }
+  handleBlur() {
+    this.hasFocus = false;
+    this.emit("sl-blur");
+  }
+  handleChange() {
+    this.value = this.input.value;
+    this.emit("sl-change");
+  }
+  handleClearClick(event) {
+    event.preventDefault();
+    if (this.value !== "") {
+      this.value = "";
+      this.emit("sl-clear");
+      this.emit("sl-input");
+      this.emit("sl-change");
+    }
+    this.input.focus();
+  }
+  handleFocus() {
+    this.hasFocus = true;
+    this.emit("sl-focus");
+  }
+  handleInput() {
+    this.value = this.input.value;
+    this.formControlController.updateValidity();
+    this.emit("sl-input");
+  }
+  handleInvalid(event) {
+    this.formControlController.setValidity(false);
+    this.formControlController.emitInvalidEvent(event);
+  }
+  handleKeyDown(event) {
+    const hasModifier = event.metaKey || event.ctrlKey || event.shiftKey || event.altKey;
+    if (event.key === "Enter" && !hasModifier) {
+      setTimeout(() => {
+        if (!event.defaultPrevented && !event.isComposing) {
+          this.formControlController.submit();
+        }
+      });
+    }
+  }
+  handlePasswordToggle() {
+    this.passwordVisible = !this.passwordVisible;
+  }
+  handleDisabledChange() {
+    this.formControlController.setValidity(this.disabled);
+  }
+  handleStepChange() {
+    this.input.step = String(this.step);
+    this.formControlController.updateValidity();
+  }
+  async handleValueChange() {
+    await this.updateComplete;
+    this.formControlController.updateValidity();
+  }
+  /** Sets focus on the input. */
+  focus(options) {
+    this.input.focus(options);
+  }
+  /** Removes focus from the input. */
+  blur() {
+    this.input.blur();
+  }
+  /** Selects all the text in the input. */
+  select() {
+    this.input.select();
+  }
+  /** Sets the start and end positions of the text selection (0-based). */
+  setSelectionRange(selectionStart, selectionEnd, selectionDirection = "none") {
+    this.input.setSelectionRange(selectionStart, selectionEnd, selectionDirection);
+  }
+  /** Replaces a range of text with a new string. */
+  setRangeText(replacement, start, end, selectMode = "preserve") {
+    const selectionStart = start != null ? start : this.input.selectionStart;
+    const selectionEnd = end != null ? end : this.input.selectionEnd;
+    this.input.setRangeText(replacement, selectionStart, selectionEnd, selectMode);
+    if (this.value !== this.input.value) {
+      this.value = this.input.value;
+    }
+  }
+  /** Displays the browser picker for an input element (only works if the browser supports it for the input type). */
+  showPicker() {
+    if ("showPicker" in HTMLInputElement.prototype) {
+      this.input.showPicker();
+    }
+  }
+  /** Increments the value of a numeric input type by the value of the step attribute. */
+  stepUp() {
+    this.input.stepUp();
+    if (this.value !== this.input.value) {
+      this.value = this.input.value;
+    }
+  }
+  /** Decrements the value of a numeric input type by the value of the step attribute. */
+  stepDown() {
+    this.input.stepDown();
+    if (this.value !== this.input.value) {
+      this.value = this.input.value;
+    }
+  }
+  /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */
+  checkValidity() {
+    return this.input.checkValidity();
+  }
+  /** 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() {
+    return this.input.reportValidity();
+  }
+  /** Sets a custom validation message. Pass an empty string to restore validity. */
+  setCustomValidity(message) {
+    this.input.setCustomValidity(message);
+    this.formControlController.updateValidity();
+  }
+  render() {
+    const hasLabelSlot = this.hasSlotController.test("label");
+    const hasHelpTextSlot = this.hasSlotController.test("help-text");
+    const hasLabel = this.label ? true : !!hasLabelSlot;
+    const hasHelpText = this.helpText ? true : !!hasHelpTextSlot;
+    const hasClearIcon = this.clearable && !this.disabled && !this.readonly;
+    const isClearIconVisible = hasClearIcon && (typeof this.value === "number" || this.value.length > 0);
+    return ke`
+      <div
+        part="form-control"
+        class=${Rt({
+      "form-control": true,
+      "form-control--small": this.size === "small",
+      "form-control--medium": this.size === "medium",
+      "form-control--large": this.size === "large",
+      "form-control--has-label": hasLabel,
+      "form-control--has-help-text": hasHelpText
+    })}
+      >
+        <label
+          part="form-control-label"
+          class="form-control__label"
+          for="input"
+          aria-hidden=${hasLabel ? "false" : "true"}
+        >
+          <slot name="label">${this.label}</slot>
+        </label>
+
+        <div part="form-control-input" class="form-control-input">
+          <div
+            part="base"
+            class=${Rt({
+      input: true,
+      // Sizes
+      "input--small": this.size === "small",
+      "input--medium": this.size === "medium",
+      "input--large": this.size === "large",
+      // States
+      "input--pill": this.pill,
+      "input--standard": !this.filled,
+      "input--filled": this.filled,
+      "input--disabled": this.disabled,
+      "input--focused": this.hasFocus,
+      "input--empty": !this.value,
+      "input--no-spin-buttons": this.noSpinButtons
+    })}
+          >
+            <span part="prefix" class="input__prefix">
+              <slot name="prefix"></slot>
+            </span>
+
+            <input
+              part="input"
+              id="input"
+              class="input__control"
+              type=${this.type === "password" && this.passwordVisible ? "text" : this.type}
+              title=${this.title}
+              name=${to(this.name)}
+              ?disabled=${this.disabled}
+              ?readonly=${this.readonly}
+              ?required=${this.required}
+              placeholder=${to(this.placeholder)}
+              minlength=${to(this.minlength)}
+              maxlength=${to(this.maxlength)}
+              min=${to(this.min)}
+              max=${to(this.max)}
+              step=${to(this.step)}
+              .value=${Ft(this.value)}
+              autocapitalize=${to(this.autocapitalize)}
+              autocomplete=${to(this.autocomplete)}
+              autocorrect=${to(this.autocorrect)}
+              ?autofocus=${this.autofocus}
+              spellcheck=${this.spellcheck}
+              pattern=${to(this.pattern)}
+              enterkeyhint=${to(this.enterkeyhint)}
+              inputmode=${to(this.inputmode)}
+              aria-describedby="help-text"
+              @change=${this.handleChange}
+              @input=${this.handleInput}
+              @invalid=${this.handleInvalid}
+              @keydown=${this.handleKeyDown}
+              @focus=${this.handleFocus}
+              @blur=${this.handleBlur}
+            />
+
+            ${isClearIconVisible ? ke`
+                  <button
+                    part="clear-button"
+                    class="input__clear"
+                    type="button"
+                    aria-label=${this.localize.term("clearEntry")}
+                    @click=${this.handleClearClick}
+                    tabindex="-1"
+                  >
+                    <slot name="clear-icon">
+                      <sl-icon name="x-circle-fill" library="system"></sl-icon>
+                    </slot>
+                  </button>
+                ` : ""}
+            ${this.passwordToggle && !this.disabled ? ke`
+                  <button
+                    part="password-toggle-button"
+                    class="input__password-toggle"
+                    type="button"
+                    aria-label=${this.localize.term(this.passwordVisible ? "hidePassword" : "showPassword")}
+                    @click=${this.handlePasswordToggle}
+                    tabindex="-1"
+                  >
+                    ${this.passwordVisible ? ke`
+                          <slot name="show-password-icon">
+                            <sl-icon name="eye-slash" library="system"></sl-icon>
+                          </slot>
+                        ` : ke`
+                          <slot name="hide-password-icon">
+                            <sl-icon name="eye" library="system"></sl-icon>
+                          </slot>
+                        `}
+                  </button>
+                ` : ""}
+
+            <span part="suffix" class="input__suffix">
+              <slot name="suffix"></slot>
+            </span>
+          </div>
+        </div>
+
+        <div
+          part="form-control-help-text"
+          id="help-text"
+          class="form-control__help-text"
+          aria-hidden=${hasHelpText ? "false" : "true"}
+        >
+          <slot name="help-text">${this.helpText}</slot>
+        </div>
+      </div>
+    `;
+  }
+};
+SlInput.styles = [component_styles_default, form_control_styles_default, input_styles_default];
+SlInput.dependencies = { "sl-icon": SlIcon };
+__decorateClass([
+  e5(".input__control")
+], SlInput.prototype, "input", 2);
+__decorateClass([
+  r5()
+], SlInput.prototype, "hasFocus", 2);
+__decorateClass([
+  n5()
+], SlInput.prototype, "title", 2);
+__decorateClass([
+  n5({ reflect: true })
+], SlInput.prototype, "type", 2);
+__decorateClass([
+  n5()
+], SlInput.prototype, "name", 2);
+__decorateClass([
+  n5()
+], SlInput.prototype, "value", 2);
+__decorateClass([
+  defaultValue()
+], SlInput.prototype, "defaultValue", 2);
+__decorateClass([
+  n5({ reflect: true })
+], SlInput.prototype, "size", 2);
+__decorateClass([
+  n5({ type: Boolean, reflect: true })
+], SlInput.prototype, "filled", 2);
+__decorateClass([
+  n5({ type: Boolean, reflect: true })
+], SlInput.prototype, "pill", 2);
+__decorateClass([
+  n5()
+], SlInput.prototype, "label", 2);
+__decorateClass([
+  n5({ attribute: "help-text" })
+], SlInput.prototype, "helpText", 2);
+__decorateClass([
+  n5({ type: Boolean })
+], SlInput.prototype, "clearable", 2);
+__decorateClass([
+  n5({ type: Boolean, reflect: true })
+], SlInput.prototype, "disabled", 2);
+__decorateClass([
+  n5()
+], SlInput.prototype, "placeholder", 2);
+__decorateClass([
+  n5({ type: Boolean, reflect: true })
+], SlInput.prototype, "readonly", 2);
+__decorateClass([
+  n5({ attribute: "password-toggle", type: Boolean })
+], SlInput.prototype, "passwordToggle", 2);
+__decorateClass([
+  n5({ attribute: "password-visible", type: Boolean })
+], SlInput.prototype, "passwordVisible", 2);
+__decorateClass([
+  n5({ attribute: "no-spin-buttons", type: Boolean })
+], SlInput.prototype, "noSpinButtons", 2);
+__decorateClass([
+  n5({ reflect: true })
+], SlInput.prototype, "form", 2);
+__decorateClass([
+  n5({ type: Boolean, reflect: true })
+], SlInput.prototype, "required", 2);
+__decorateClass([
+  n5()
+], SlInput.prototype, "pattern", 2);
+__decorateClass([
+  n5({ type: Number })
+], SlInput.prototype, "minlength", 2);
+__decorateClass([
+  n5({ type: Number })
+], SlInput.prototype, "maxlength", 2);
+__decorateClass([
+  n5()
+], SlInput.prototype, "min", 2);
+__decorateClass([
+  n5()
+], SlInput.prototype, "max", 2);
+__decorateClass([
+  n5()
+], SlInput.prototype, "step", 2);
+__decorateClass([
+  n5()
+], SlInput.prototype, "autocapitalize", 2);
+__decorateClass([
+  n5()
+], SlInput.prototype, "autocorrect", 2);
+__decorateClass([
+  n5()
+], SlInput.prototype, "autocomplete", 2);
+__decorateClass([
+  n5({ type: Boolean })
+], SlInput.prototype, "autofocus", 2);
+__decorateClass([
+  n5()
+], SlInput.prototype, "enterkeyhint", 2);
+__decorateClass([
+  n5({
+    type: Boolean,
+    converter: {
+      // Allow "true|false" attribute values but keep the property boolean
+      fromAttribute: (value) => !value || value === "false" ? false : true,
+      toAttribute: (value) => value ? "true" : "false"
+    }
+  })
+], SlInput.prototype, "spellcheck", 2);
+__decorateClass([
+  n5()
+], SlInput.prototype, "inputmode", 2);
+__decorateClass([
+  watch("disabled", { waitUntilFirstUpdate: true })
+], SlInput.prototype, "handleDisabledChange", 1);
+__decorateClass([
+  watch("step", { waitUntilFirstUpdate: true })
+], SlInput.prototype, "handleStepChange", 1);
+__decorateClass([
+  watch("value", { waitUntilFirstUpdate: true })
+], SlInput.prototype, "handleValueChange", 1);
 
 // ../../node_modules/bootstrap-icons/icons/chevron-down.svg
 var chevron_down_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16">%0A  <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-.708"/>%0A</svg>';
 
+// ../../node_modules/lit/node_modules/lit-html/directives/style-map.js
+var ee = "important";
+var ie = " !" + ee;
+var se = e6(class extends i3 {
+  constructor(e7) {
+    if (super(e7), e7.type !== t4.ATTRIBUTE || "style" !== e7.name || e7.strings?.length > 2) throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.");
+  }
+  render(t5) {
+    return Object.keys(t5).reduce((e7, r6) => {
+      const s3 = t5[r6];
+      return null == s3 ? e7 : e7 + `${r6 = r6.includes("-") ? r6 : r6.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g, "-$&").toLowerCase()}:${s3};`;
+    }, "");
+  }
+  update(t5, [e7]) {
+    const { style: r6 } = t5.element;
+    if (void 0 === this.ft) return this.ft = new Set(Object.keys(e7)), this.render(e7);
+    for (const t6 of this.ft) null == e7[t6] && (this.ft.delete(t6), t6.includes("-") ? r6.removeProperty(t6) : r6[t6] = null);
+    for (const t6 in e7) {
+      const s3 = e7[t6];
+      if (null != s3) {
+        this.ft.add(t6);
+        const e8 = "string" == typeof s3 && s3.endsWith(ie);
+        t6.includes("-") || e8 ? r6.setProperty(t6, e8 ? s3.slice(0, -11) : s3, e8 ? ee : "") : r6[t6] = s3;
+      }
+    }
+    return R;
+  }
+});
+
 // src/lib/combobox.ts
-import { ifDefined } from "lit/directives/if-defined.js";
-import { styleMap } from "lit/directives/style-map.js";
-var _inputEl_dec, _hideEl_dec, _label_dec, _type_dec, _required_dec, _disabled_dec, _autosize_dec, _placement_dec, _separator_dec, _fixLength_dec, _helpText_dec, _suggestions_dec, _open_dec, _emptyValue_dec, _placeholder_dec, _multiple_dec, _inputDisabled_dec, _active_dec, _autocomplete_dec, _optionElements_dec, _slotElement_dec, _toggleButton_dec, _input_dec, _defaultValue_dec, _value_dec, _a, _Combobox_decorators, _init, _value, _defaultValue, _input, _toggleButton, _slotElement, _optionElements, _autocomplete, _active, _inputDisabled, _multiple, _placeholder, _emptyValue, _open, _suggestions, _helpText, _fixLength, _separator, _placement, _autosize, _disabled, _required, _type, _label, _hideEl, _inputEl;
-_Combobox_decorators = [customElement("ww-combobox")];
-var Combobox = class extends (_a = LitElement, _value_dec = [property({ attribute: false })], _defaultValue_dec = [property({ attribute: false })], _input_dec = [query("input")], _toggleButton_dec = [query("#toggle")], _slotElement_dec = [query("slot:not([name])")], _optionElements_dec = [queryAssignedElements()], _autocomplete_dec = [property({ type: String, attribute: true })], _active_dec = [property({ type: Boolean, attribute: true, reflect: true })], _inputDisabled_dec = [property({ type: Boolean, attribute: true, reflect: true })], _multiple_dec = [property({ type: Boolean, attribute: true, reflect: true })], _placeholder_dec = [property({ type: String })], _emptyValue_dec = [property({ type: String, attribute: true, reflect: true })], _open_dec = [property({ type: Boolean, attribute: true, reflect: true })], _suggestions_dec = [property({ type: Boolean, attribute: true, reflect: true })], _helpText_dec = [property({ type: String, attribute: "help-text" })], _fixLength_dec = [property({ type: Number, attribute: true })], _separator_dec = [property({ type: String, attribute: true })], _placement_dec = [property({ type: String, attribute: true })], _autosize_dec = [property({ type: Boolean, attribute: true, reflect: true })], _disabled_dec = [property({ type: Boolean, attribute: true, reflect: true })], _required_dec = [property({ type: Boolean, attribute: true, reflect: true })], _type_dec = [property({ type: String, attribute: true, reflect: true })], _label_dec = [property({ type: String, attribute: true, reflect: true })], _hideEl_dec = [query("#hide")], _inputEl_dec = [query("input")], _a) {
+var _inputEl_dec, _hideEl_dec, _label_dec, _type_dec, _required_dec, _disabled_dec, _autosize_dec, _placement_dec, _separator_dec, _fixLength_dec, _helpText_dec, _suggestions_dec, _open_dec, _emptyValue_dec, _placeholder_dec, _multiple_dec, _inputDisabled_dec, _active_dec, _autocomplete_dec, _optionElements_dec, _slotElement_dec, _toggleButton_dec, _input_dec, _defaultValue_dec, _value_dec, _a2, _Combobox_decorators, _init2, _value, _defaultValue, _input, _toggleButton, _slotElement, _optionElements, _autocomplete, _active, _inputDisabled, _multiple, _placeholder, _emptyValue, _open, _suggestions, _helpText, _fixLength, _separator, _placement, _autosize, _disabled, _required, _type, _label, _hideEl, _inputEl;
+_Combobox_decorators = [t3("ww-combobox")];
+var Combobox = class extends (_a2 = h3, _value_dec = [n5({ attribute: false })], _defaultValue_dec = [n5({ attribute: false })], _input_dec = [e5("input")], _toggleButton_dec = [e5("#toggle")], _slotElement_dec = [e5("slot:not([name])")], _optionElements_dec = [o5()], _autocomplete_dec = [n5({ type: String, attribute: true })], _active_dec = [n5({ type: Boolean, attribute: true, reflect: true })], _inputDisabled_dec = [n5({ type: Boolean, attribute: true, reflect: true })], _multiple_dec = [n5({ type: Boolean, attribute: true, reflect: true })], _placeholder_dec = [n5({ type: String })], _emptyValue_dec = [n5({ type: String, attribute: true, reflect: true })], _open_dec = [n5({ type: Boolean, attribute: true, reflect: true })], _suggestions_dec = [n5({ type: Boolean, attribute: true, reflect: true })], _helpText_dec = [n5({ type: String, attribute: "help-text" })], _fixLength_dec = [n5({ type: Number, attribute: true })], _separator_dec = [n5({ type: String, attribute: true })], _placement_dec = [n5({ type: String, attribute: true })], _autosize_dec = [n5({ type: Boolean, attribute: true, reflect: true })], _disabled_dec = [n5({ type: Boolean, attribute: true, reflect: true })], _required_dec = [n5({ type: Boolean, attribute: true, reflect: true })], _type_dec = [n5({ type: String, attribute: true, reflect: true })], _label_dec = [n5({ type: String, attribute: true, reflect: true })], _hideEl_dec = [e5("#hide")], _inputEl_dec = [e5("input")], _a2) {
   constructor() {
     super();
     __publicField(this, "tabIndex", 0);
     //@ts-ignore
-    __privateAdd(this, _value, __runInitializers(_init, 8, this)), __runInitializers(_init, 11, this);
+    __privateAdd(this, _value, __runInitializers(_init2, 8, this)), __runInitializers(_init2, 11, this);
     //@ts-ignore
-    __privateAdd(this, _defaultValue, __runInitializers(_init, 12, this)), __runInitializers(_init, 15, this);
+    __privateAdd(this, _defaultValue, __runInitializers(_init2, 12, this)), __runInitializers(_init2, 15, this);
     //@ts-ignore
-    __privateAdd(this, _input, __runInitializers(_init, 16, this)), __runInitializers(_init, 19, this);
-    __privateAdd(this, _toggleButton, __runInitializers(_init, 20, this)), __runInitializers(_init, 23, this);
-    __privateAdd(this, _slotElement, __runInitializers(_init, 24, this)), __runInitializers(_init, 27, this);
-    __privateAdd(this, _optionElements, __runInitializers(_init, 28, this)), __runInitializers(_init, 31, this);
+    __privateAdd(this, _input, __runInitializers(_init2, 16, this)), __runInitializers(_init2, 19, this);
+    __privateAdd(this, _toggleButton, __runInitializers(_init2, 20, this)), __runInitializers(_init2, 23, this);
+    __privateAdd(this, _slotElement, __runInitializers(_init2, 24, this)), __runInitializers(_init2, 27, this);
+    __privateAdd(this, _optionElements, __runInitializers(_init2, 28, this)), __runInitializers(_init2, 31, this);
     //@ts-ignore
-    __privateAdd(this, _autocomplete, __runInitializers(_init, 32, this, "off")), __runInitializers(_init, 35, this);
-    __privateAdd(this, _active, __runInitializers(_init, 36, this)), __runInitializers(_init, 39, this);
-    __privateAdd(this, _inputDisabled, __runInitializers(_init, 40, this, false)), __runInitializers(_init, 43, this);
-    __privateAdd(this, _multiple, __runInitializers(_init, 44, this, false)), __runInitializers(_init, 47, this);
+    __privateAdd(this, _autocomplete, __runInitializers(_init2, 32, this, "off")), __runInitializers(_init2, 35, this);
+    __privateAdd(this, _active, __runInitializers(_init2, 36, this)), __runInitializers(_init2, 39, this);
+    __privateAdd(this, _inputDisabled, __runInitializers(_init2, 40, this, false)), __runInitializers(_init2, 43, this);
+    __privateAdd(this, _multiple, __runInitializers(_init2, 44, this, false)), __runInitializers(_init2, 47, this);
     //@ts-ignore
-    __privateAdd(this, _placeholder, __runInitializers(_init, 48, this)), __runInitializers(_init, 51, this);
-    __privateAdd(this, _emptyValue, __runInitializers(_init, 52, this)), __runInitializers(_init, 55, this);
-    __privateAdd(this, _open, __runInitializers(_init, 56, this, false)), __runInitializers(_init, 59, this);
-    __privateAdd(this, _suggestions, __runInitializers(_init, 60, this, false)), __runInitializers(_init, 63, this);
+    __privateAdd(this, _placeholder, __runInitializers(_init2, 48, this)), __runInitializers(_init2, 51, this);
+    __privateAdd(this, _emptyValue, __runInitializers(_init2, 52, this)), __runInitializers(_init2, 55, this);
+    __privateAdd(this, _open, __runInitializers(_init2, 56, this, false)), __runInitializers(_init2, 59, this);
+    __privateAdd(this, _suggestions, __runInitializers(_init2, 60, this, false)), __runInitializers(_init2, 63, this);
     //@ts-ignore
-    __privateAdd(this, _helpText, __runInitializers(_init, 64, this)), __runInitializers(_init, 67, this);
-    __privateAdd(this, _fixLength, __runInitializers(_init, 68, this)), __runInitializers(_init, 71, this);
-    __privateAdd(this, _separator, __runInitializers(_init, 72, this, " ")), __runInitializers(_init, 75, this);
-    __privateAdd(this, _placement, __runInitializers(_init, 76, this, "bottom")), __runInitializers(_init, 79, this);
-    __privateAdd(this, _autosize, __runInitializers(_init, 80, this, false)), __runInitializers(_init, 83, this);
-    __privateAdd(this, _disabled, __runInitializers(_init, 84, this, false)), __runInitializers(_init, 87, this);
-    __privateAdd(this, _required, __runInitializers(_init, 88, this, false)), __runInitializers(_init, 91, this);
-    __privateAdd(this, _type, __runInitializers(_init, 92, this)), __runInitializers(_init, 95, this);
-    __privateAdd(this, _label, __runInitializers(_init, 96, this)), __runInitializers(_init, 99, this);
-    __publicField(this, "handleOptionClick", (e) => {
-      const option = e.target.closest("sl-option");
+    __privateAdd(this, _helpText, __runInitializers(_init2, 64, this)), __runInitializers(_init2, 67, this);
+    __privateAdd(this, _fixLength, __runInitializers(_init2, 68, this)), __runInitializers(_init2, 71, this);
+    __privateAdd(this, _separator, __runInitializers(_init2, 72, this, " ")), __runInitializers(_init2, 75, this);
+    __privateAdd(this, _placement, __runInitializers(_init2, 76, this, "bottom")), __runInitializers(_init2, 79, this);
+    __privateAdd(this, _autosize, __runInitializers(_init2, 80, this, false)), __runInitializers(_init2, 83, this);
+    __privateAdd(this, _disabled, __runInitializers(_init2, 84, this, false)), __runInitializers(_init2, 87, this);
+    __privateAdd(this, _required, __runInitializers(_init2, 88, this, false)), __runInitializers(_init2, 91, this);
+    __privateAdd(this, _type, __runInitializers(_init2, 92, this)), __runInitializers(_init2, 95, this);
+    __privateAdd(this, _label, __runInitializers(_init2, 96, this)), __runInitializers(_init2, 99, this);
+    __publicField(this, "handleOptionClick", (e7) => {
+      const option = e7.target.closest("sl-option");
       if (option) {
         this.value = option.value;
         this.focus();
@@ -123,16 +3729,16 @@ var Combobox = class extends (_a = LitElement, _value_dec = [property({ attribut
         this.requestUpdate();
       }
     });
-    __privateAdd(this, _hideEl, __runInitializers(_init, 100, this)), __runInitializers(_init, 103, this);
-    __privateAdd(this, _inputEl, __runInitializers(_init, 104, this)), __runInitializers(_init, 107, this);
-    this.addEventListener("focus", (e) => {
+    __privateAdd(this, _hideEl, __runInitializers(_init2, 100, this)), __runInitializers(_init2, 103, this);
+    __privateAdd(this, _inputEl, __runInitializers(_init2, 104, this)), __runInitializers(_init2, 107, this);
+    this.addEventListener("focus", (e7) => {
       this.active = true;
       this.open = true;
     });
-    this.addEventListener("focusout", (e) => {
+    this.addEventListener("focusout", (e7) => {
       this.active = this.open = false;
     });
-    this.addEventListener("blur", (e) => {
+    this.addEventListener("blur", (e7) => {
       this.active = this.open = false;
     });
     this.value = this.defaultValue = this.multiple ? [] : "";
@@ -165,9 +3771,9 @@ var Combobox = class extends (_a = LitElement, _value_dec = [property({ attribut
   getForm() {
     return this.input.form;
   }
-  handleTextInput(e) {
-    const input = e.target;
-    e.preventDefault();
+  handleTextInput(e7) {
+    const input = e7.target;
+    e7.preventDefault();
     if (!this.multiple && this.fixLength && input.value.length < this.fixLength) {
       input.value = this.value;
     } else if (!this.multiple) {
@@ -181,10 +3787,10 @@ var Combobox = class extends (_a = LitElement, _value_dec = [property({ attribut
     this.dispatchInput();
     this.setValidity(this.validity.valid);
   }
-  handleInputKeydown(e) {
-    const input = e.target;
-    if (this.multiple && e.key === "Backspace" && input.selectionStart === 0 && input.selectionEnd === 0) {
-      e.preventDefault();
+  handleInputKeydown(e7) {
+    const input = e7.target;
+    if (this.multiple && e7.key === "Backspace" && input.selectionStart === 0 && input.selectionEnd === 0) {
+      e7.preventDefault();
       this.value = this.valueList.slice(0, -1);
     }
     this.requestUpdate();
@@ -220,11 +3826,11 @@ var Combobox = class extends (_a = LitElement, _value_dec = [property({ attribut
     return value !== this.emptyValue ? value : "";
   }
   render() {
-    const input = html`
+    const input = ke`
       <input
         part="input"
         type=${this.type}
-        size=${ifDefined(this.inputSize)}
+        size=${to(this.inputSize)}
         .value=${this.inputValue}
         placeholder=${this.multiple && this.valueList.length > 1 ? "" : this.placeholder}
         ?disabled=${this.disabled || this.inputDisabled}
@@ -232,20 +3838,20 @@ var Combobox = class extends (_a = LitElement, _value_dec = [property({ attribut
         @change=${this.dispatchChange}
         @keydown=${this.handleInputKeydown}
         autocomplete=${this.autocomplete}
-        style=${this.autosize ? styleMap({ width: `calc(${this.inputWidth}px + 2ch)` }) : void 0}
+        style=${this.autosize ? se({ width: `calc(${this.inputWidth}px + 2ch)` }) : void 0}
       >
     `;
-    return html`
+    return ke`
       <slot name="label" part="label" @click=${this.focus}>
         <label>${this.label}</label> 
       </slot>
       <div part="base" id="anchor" tabindex=${0}>
         <slot name="prefix"></slot>
-        ${this.multiple ? html`
+        ${this.multiple ? ke`
           <span id="values">
             <slot name="values"></slot>
-            ${this.valueList.slice(0, -1).map((v) => html`
-              <sl-tag size="small" variant="primary">${v}</sl-tag>
+            ${this.valueList.slice(0, -1).map((v3) => ke`
+              <sl-tag size="small" variant="primary">${v3}</sl-tag>
             `)}
             ${input}
           </span>
@@ -257,14 +3863,14 @@ var Combobox = class extends (_a = LitElement, _value_dec = [property({ attribut
               part="trigger"
               id="toggle"
               src=${chevron_down_default}
-              @focus=${(e) => e.stopPropagation()}
-              @click=${(e) => {
+              @focus=${(e7) => e7.stopPropagation()}
+              @click=${(e7) => {
       this.open = !this.open;
-      e.stopPropagation();
+      e7.stopPropagation();
     }}
-              @mousedown=${(e) => {
-      e.stopPropagation();
-      e.preventDefault();
+              @mousedown=${(e7) => {
+      e7.stopPropagation();
+      e7.preventDefault();
     }}
             ></sl-icon-button>
         </div>
@@ -279,7 +3885,7 @@ var Combobox = class extends (_a = LitElement, _value_dec = [property({ attribut
     `;
   }
 };
-_init = __decoratorStart(_a);
+_init2 = __decoratorStart(_a2);
 _value = new WeakMap();
 _defaultValue = new WeakMap();
 _input = new WeakMap();
@@ -305,34 +3911,34 @@ _type = new WeakMap();
 _label = new WeakMap();
 _hideEl = new WeakMap();
 _inputEl = new WeakMap();
-__decorateElement(_init, 4, "value", _value_dec, Combobox, _value);
-__decorateElement(_init, 4, "defaultValue", _defaultValue_dec, Combobox, _defaultValue);
-__decorateElement(_init, 4, "input", _input_dec, Combobox, _input);
-__decorateElement(_init, 4, "toggleButton", _toggleButton_dec, Combobox, _toggleButton);
-__decorateElement(_init, 4, "slotElement", _slotElement_dec, Combobox, _slotElement);
-__decorateElement(_init, 4, "optionElements", _optionElements_dec, Combobox, _optionElements);
-__decorateElement(_init, 4, "autocomplete", _autocomplete_dec, Combobox, _autocomplete);
-__decorateElement(_init, 4, "active", _active_dec, Combobox, _active);
-__decorateElement(_init, 4, "inputDisabled", _inputDisabled_dec, Combobox, _inputDisabled);
-__decorateElement(_init, 4, "multiple", _multiple_dec, Combobox, _multiple);
-__decorateElement(_init, 4, "placeholder", _placeholder_dec, Combobox, _placeholder);
-__decorateElement(_init, 4, "emptyValue", _emptyValue_dec, Combobox, _emptyValue);
-__decorateElement(_init, 4, "open", _open_dec, Combobox, _open);
-__decorateElement(_init, 4, "suggestions", _suggestions_dec, Combobox, _suggestions);
-__decorateElement(_init, 4, "helpText", _helpText_dec, Combobox, _helpText);
-__decorateElement(_init, 4, "fixLength", _fixLength_dec, Combobox, _fixLength);
-__decorateElement(_init, 4, "separator", _separator_dec, Combobox, _separator);
-__decorateElement(_init, 4, "placement", _placement_dec, Combobox, _placement);
-__decorateElement(_init, 4, "autosize", _autosize_dec, Combobox, _autosize);
-__decorateElement(_init, 4, "disabled", _disabled_dec, Combobox, _disabled);
-__decorateElement(_init, 4, "required", _required_dec, Combobox, _required);
-__decorateElement(_init, 4, "type", _type_dec, Combobox, _type);
-__decorateElement(_init, 4, "label", _label_dec, Combobox, _label);
-__decorateElement(_init, 4, "hideEl", _hideEl_dec, Combobox, _hideEl);
-__decorateElement(_init, 4, "inputEl", _inputEl_dec, Combobox, _inputEl);
-Combobox = __decorateElement(_init, 0, "Combobox", _Combobox_decorators, Combobox);
-__publicField(Combobox, "shadowRootOptions", { ...LitElement.shadowRootOptions, delegatesFocus: true });
-__publicField(Combobox, "styles", [SlInput.styles, css`
+__decorateElement(_init2, 4, "value", _value_dec, Combobox, _value);
+__decorateElement(_init2, 4, "defaultValue", _defaultValue_dec, Combobox, _defaultValue);
+__decorateElement(_init2, 4, "input", _input_dec, Combobox, _input);
+__decorateElement(_init2, 4, "toggleButton", _toggleButton_dec, Combobox, _toggleButton);
+__decorateElement(_init2, 4, "slotElement", _slotElement_dec, Combobox, _slotElement);
+__decorateElement(_init2, 4, "optionElements", _optionElements_dec, Combobox, _optionElements);
+__decorateElement(_init2, 4, "autocomplete", _autocomplete_dec, Combobox, _autocomplete);
+__decorateElement(_init2, 4, "active", _active_dec, Combobox, _active);
+__decorateElement(_init2, 4, "inputDisabled", _inputDisabled_dec, Combobox, _inputDisabled);
+__decorateElement(_init2, 4, "multiple", _multiple_dec, Combobox, _multiple);
+__decorateElement(_init2, 4, "placeholder", _placeholder_dec, Combobox, _placeholder);
+__decorateElement(_init2, 4, "emptyValue", _emptyValue_dec, Combobox, _emptyValue);
+__decorateElement(_init2, 4, "open", _open_dec, Combobox, _open);
+__decorateElement(_init2, 4, "suggestions", _suggestions_dec, Combobox, _suggestions);
+__decorateElement(_init2, 4, "helpText", _helpText_dec, Combobox, _helpText);
+__decorateElement(_init2, 4, "fixLength", _fixLength_dec, Combobox, _fixLength);
+__decorateElement(_init2, 4, "separator", _separator_dec, Combobox, _separator);
+__decorateElement(_init2, 4, "placement", _placement_dec, Combobox, _placement);
+__decorateElement(_init2, 4, "autosize", _autosize_dec, Combobox, _autosize);
+__decorateElement(_init2, 4, "disabled", _disabled_dec, Combobox, _disabled);
+__decorateElement(_init2, 4, "required", _required_dec, Combobox, _required);
+__decorateElement(_init2, 4, "type", _type_dec, Combobox, _type);
+__decorateElement(_init2, 4, "label", _label_dec, Combobox, _label);
+__decorateElement(_init2, 4, "hideEl", _hideEl_dec, Combobox, _hideEl);
+__decorateElement(_init2, 4, "inputEl", _inputEl_dec, Combobox, _inputEl);
+Combobox = __decorateElement(_init2, 0, "Combobox", _Combobox_decorators, Combobox);
+__publicField(Combobox, "shadowRootOptions", { ...h3.shadowRootOptions, delegatesFocus: true });
+__publicField(Combobox, "styles", [SlInput.styles, i`
     * {
       font-family: var(--sl-font-sans);
     }
@@ -517,57 +4123,56 @@ __publicField(Combobox, "styles", [SlInput.styles, css`
       font-size: var(--sl-input-font-size-small);
     }
   `]);
-__runInitializers(_init, 1, Combobox);
+__runInitializers(_init2, 1, Combobox);
 
 // src/widgets/webwriter-cloze-gap.ts
-import { property as property2 } from "lit/decorators/property.js";
-var _isAdding_dec, _input_dec2, _showOptions_dec, _distraction_dec, _value_dec2, _solution_dec, _a2, _WebwriterClozeGap_decorators, _init2, _solution, _value2, _distraction, _showOptions, _input2, _isAdding;
-_WebwriterClozeGap_decorators = [customElement2("webwriter-cloze-gap")];
-var _WebwriterClozeGap = class _WebwriterClozeGap extends (_a2 = LitElementWw, _solution_dec = [property2({ type: Array, attribute: true, reflect: true })], _value_dec2 = [property2({ type: String, attribute: true, reflect: true })], _distraction_dec = [property2({ type: Array, attribute: true, reflect: true })], _showOptions_dec = [property2({ type: Boolean, attribute: true, reflect: true })], _input_dec2 = [query2("ww-combobox")], _isAdding_dec = [property2({ type: Boolean, attribute: false })], _a2) {
+var _isAdding_dec, _input_dec2, _showOptions_dec, _distraction_dec, _value_dec2, _solution_dec, _a3, _WebwriterClozeGap_decorators, _init3, _solution, _value2, _distraction, _showOptions, _input2, _isAdding;
+_WebwriterClozeGap_decorators = [t3("webwriter-cloze-gap")];
+var _WebwriterClozeGap = class _WebwriterClozeGap extends (_a3 = LitElementWw, _solution_dec = [n5({ type: Array, attribute: true, reflect: true })], _value_dec2 = [n5({ type: String, attribute: true, reflect: true })], _distraction_dec = [n5({ type: Array, attribute: true, reflect: true })], _showOptions_dec = [n5({ type: Boolean, attribute: true, reflect: true })], _input_dec2 = [e5("ww-combobox")], _isAdding_dec = [n5({ type: Boolean, attribute: false })], _a3) {
   constructor() {
     super(...arguments);
-    __privateAdd(this, _solution, __runInitializers(_init2, 8, this)), __runInitializers(_init2, 11, this);
-    __privateAdd(this, _value2, __runInitializers(_init2, 12, this)), __runInitializers(_init2, 15, this);
-    __privateAdd(this, _distraction, __runInitializers(_init2, 16, this, [])), __runInitializers(_init2, 19, this);
-    __privateAdd(this, _showOptions, __runInitializers(_init2, 20, this, false)), __runInitializers(_init2, 23, this);
+    __privateAdd(this, _solution, __runInitializers(_init3, 8, this)), __runInitializers(_init3, 11, this);
+    __privateAdd(this, _value2, __runInitializers(_init3, 12, this)), __runInitializers(_init3, 15, this);
+    __privateAdd(this, _distraction, __runInitializers(_init3, 16, this, [])), __runInitializers(_init3, 19, this);
+    __privateAdd(this, _showOptions, __runInitializers(_init3, 20, this, false)), __runInitializers(_init3, 23, this);
     __publicField(this, "msg", (str) => this.lang in _WebwriterClozeGap.localization ? _WebwriterClozeGap.localization[this.lang][str] ?? str : str);
-    __privateAdd(this, _input2, __runInitializers(_init2, 24, this)), __runInitializers(_init2, 27, this);
-    __publicField(this, "handleChange", (e) => {
-      e.preventDefault();
+    __privateAdd(this, _input2, __runInitializers(_init3, 24, this)), __runInitializers(_init3, 27, this);
+    __publicField(this, "handleChange", (e7) => {
+      e7.preventDefault();
       if (!this.isContentEditable) {
         this.value = this.input.value;
       }
     });
-    __publicField(this, "handleAddClick", (e) => {
-      e.stopImmediatePropagation();
-      e.preventDefault();
+    __publicField(this, "handleAddClick", (e7) => {
+      e7.stopImmediatePropagation();
+      e7.preventDefault();
       this.addSolution(this.input.value);
       this.isAdding = true;
       this.input.value = "";
       this.input.open = true;
     });
-    __publicField(this, "handleToggleClick", (e, value) => {
-      e.stopImmediatePropagation();
-      e.preventDefault();
+    __publicField(this, "handleToggleClick", (e7, value) => {
+      e7.stopImmediatePropagation();
+      e7.preventDefault();
       this.toggleOptionType(value);
     });
-    __publicField(this, "handleRemoveClick", (e, value) => {
-      e.stopImmediatePropagation();
-      e.preventDefault();
+    __publicField(this, "handleRemoveClick", (e7, value) => {
+      e7.stopImmediatePropagation();
+      e7.preventDefault();
       this.removeOption(value);
     });
-    __publicField(this, "handleKeydown", (e) => {
-      if (e.key === "Enter") {
-        this.handleAddClick(e);
+    __publicField(this, "handleKeydown", (e7) => {
+      if (e7.key === "Enter") {
+        this.handleAddClick(e7);
       }
     });
-    __publicField(this, "handleBlur", (e) => {
+    __publicField(this, "handleBlur", (e7) => {
       this.isAdding = false;
       if (this.solution.length === 1) {
         this.input.value = this.solution[0];
       }
     });
-    __privateAdd(this, _isAdding, __runInitializers(_init2, 28, this, false)), __runInitializers(_init2, 31, this);
+    __privateAdd(this, _isAdding, __runInitializers(_init3, 28, this, false)), __runInitializers(_init3, 31, this);
   }
   async focus() {
     (await this.input).focus();
@@ -577,16 +4182,16 @@ var _WebwriterClozeGap = class _WebwriterClozeGap extends (_a2 = LitElementWw, _
   }
   toggleOptionType(value) {
     if (this.solution.includes(value)) {
-      this.solution = this.solution.filter((v) => v !== value);
+      this.solution = this.solution.filter((v3) => v3 !== value);
       this.distraction = Array.from(/* @__PURE__ */ new Set([...this.distraction ?? [], value]));
     } else if (this.distraction.includes(value)) {
-      this.distraction = this.distraction.filter((v) => v !== value);
+      this.distraction = this.distraction.filter((v3) => v3 !== value);
       this.solution = Array.from(/* @__PURE__ */ new Set([...this.solution ?? [], value]));
     }
   }
   removeOption(value) {
-    this.solution = this.solution.filter((v) => v !== value);
-    this.distraction = this.distraction.filter((v) => v !== value);
+    this.solution = this.solution.filter((v3) => v3 !== value);
+    this.distraction = this.distraction.filter((v3) => v3 !== value);
     if (this.allOptions.length === 0) {
       this.isAdding = false;
     }
@@ -595,48 +4200,48 @@ var _WebwriterClozeGap = class _WebwriterClozeGap extends (_a2 = LitElementWw, _
     return [...this.solution ?? [], ...this.distraction];
   }
   render() {
-    return html2`<ww-combobox @blur=${this.handleBlur} ?suggestions=${this.allOptions.length > 1 || this.isAdding || this.distraction.length > 0} size="small" autosize .value=${this.value} @sl-change=${this.handleChange} @sl-input=${() => this.requestUpdate()} @keydown=${this.handleKeydown} >
-      <sl-icon-button id="add" title="Add another solution" ?disabled=${this.allOptions.includes(this.input?.value)} ?data-hidden=${!this.input?.value} src=${plus_default} size="small" slot="prefix" @click=${this.handleAddClick} @mousedown=${(e) => {
-      e.stopPropagation();
-      e.preventDefault();
-    }} @focus=${(e) => e.stopPropagation()} ></sl-icon-button>
-      ${this.allOptions.sort().map((value) => html2`
+    return ke`<ww-combobox @blur=${this.handleBlur} ?suggestions=${this.allOptions.length > 1 || this.isAdding || this.distraction.length > 0} size="small" autosize .value=${this.value} @sl-change=${this.handleChange} @sl-input=${() => this.requestUpdate()} @keydown=${this.handleKeydown} >
+      <sl-icon-button id="add" title="Add another solution" ?disabled=${this.allOptions.includes(this.input?.value)} ?data-hidden=${!this.input?.value} src=${plus_default} size="small" slot="prefix" @click=${this.handleAddClick} @mousedown=${(e7) => {
+      e7.stopPropagation();
+      e7.preventDefault();
+    }} @focus=${(e7) => e7.stopPropagation()} ></sl-icon-button>
+      ${this.allOptions.sort().map((value) => ke`
         <sl-option size="small" value=${value} class=${this.solution.includes(value) ? "solution" : "distraction"} >
-          <sl-icon-button title=${this.solution.includes(value) ? "Change to a distraction" : "Change to a solution"} class="toggle" slot="prefix" src=${this.solution.includes(value) ? check_circle_default : slash_circle_default} @click=${(e) => this.handleToggleClick(e, value)} @mousedown=${(e) => {
-      e.stopPropagation();
-      e.preventDefault();
+          <sl-icon-button title=${this.solution.includes(value) ? "Change to a distraction" : "Change to a solution"} class="toggle" slot="prefix" src=${this.solution.includes(value) ? check_circle_default : slash_circle_default} @click=${(e7) => this.handleToggleClick(e7, value)} @mousedown=${(e7) => {
+      e7.stopPropagation();
+      e7.preventDefault();
     }}></sl-icon-button>
           <span title=${this.solution.includes(value) ? "Solution" : "Distraction"}>${value}</span>
-          <sl-icon-button title="Remove" class="remove" slot="suffix" src=${x_default} @click=${(e) => this.handleRemoveClick(e, value)} @mousedown=${(e) => {
-      e.stopPropagation();
-      e.preventDefault();
+          <sl-icon-button title="Remove" class="remove" slot="suffix" src=${x_default} @click=${(e7) => this.handleRemoveClick(e7, value)} @mousedown=${(e7) => {
+      e7.stopPropagation();
+      e7.preventDefault();
     }}></sl-icon-button>
         </sl-option>  
       `)}
     </ww-combobox>`;
   }
 };
-_init2 = __decoratorStart(_a2);
+_init3 = __decoratorStart(_a3);
 _solution = new WeakMap();
 _value2 = new WeakMap();
 _distraction = new WeakMap();
 _showOptions = new WeakMap();
 _input2 = new WeakMap();
 _isAdding = new WeakMap();
-__decorateElement(_init2, 4, "solution", _solution_dec, _WebwriterClozeGap, _solution);
-__decorateElement(_init2, 4, "value", _value_dec2, _WebwriterClozeGap, _value2);
-__decorateElement(_init2, 4, "distraction", _distraction_dec, _WebwriterClozeGap, _distraction);
-__decorateElement(_init2, 4, "showOptions", _showOptions_dec, _WebwriterClozeGap, _showOptions);
-__decorateElement(_init2, 4, "input", _input_dec2, _WebwriterClozeGap, _input2);
-__decorateElement(_init2, 4, "isAdding", _isAdding_dec, _WebwriterClozeGap, _isAdding);
-_WebwriterClozeGap = __decorateElement(_init2, 0, "WebwriterClozeGap", _WebwriterClozeGap_decorators, _WebwriterClozeGap);
+__decorateElement(_init3, 4, "solution", _solution_dec, _WebwriterClozeGap, _solution);
+__decorateElement(_init3, 4, "value", _value_dec2, _WebwriterClozeGap, _value2);
+__decorateElement(_init3, 4, "distraction", _distraction_dec, _WebwriterClozeGap, _distraction);
+__decorateElement(_init3, 4, "showOptions", _showOptions_dec, _WebwriterClozeGap, _showOptions);
+__decorateElement(_init3, 4, "input", _input_dec2, _WebwriterClozeGap, _input2);
+__decorateElement(_init3, 4, "isAdding", _isAdding_dec, _WebwriterClozeGap, _isAdding);
+_WebwriterClozeGap = __decorateElement(_init3, 0, "WebwriterClozeGap", _WebwriterClozeGap_decorators, _WebwriterClozeGap);
 __publicField(_WebwriterClozeGap, "localization", {});
 __publicField(_WebwriterClozeGap, "scopedElements", {
   "ww-combobox": Combobox,
   "sl-icon-button": SlIconButton,
   "sl-option": SlOption
 });
-__publicField(_WebwriterClozeGap, "styles", css2`
+__publicField(_WebwriterClozeGap, "styles", i`
     :host {
       display: inline-block !important;
       vertical-align: top;
@@ -715,8 +4320,271 @@ __publicField(_WebwriterClozeGap, "styles", css2`
 
 
   `);
-__runInitializers(_init2, 1, _WebwriterClozeGap);
+__runInitializers(_init3, 1, _WebwriterClozeGap);
 var WebwriterClozeGap = _WebwriterClozeGap;
 export {
   WebwriterClozeGap
 };
+/*! 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
+   *)
+
+lit-html/directives/live.js:
+  (**
+   * @license
+   * Copyright 2020 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/directives/style-map.js:
+  (**
+   * @license
+   * Copyright 2018 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/