@webwriter/quiz 1.0.2 → 1.0.4

package/dist/widgets/webwriter-choice-item.js

@@ -13,51 +13,2986 @@ 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, o5) {
+    if (this._$cssResult$ = true, o5 !== 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 o5 = 1 === t5.length ? t5[0] : e7.reduce((e8, s3, o6) => 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[o6 + 1], t5[0]);
+  return new n(o5, t5, s);
+};
+var S = (s3, o5) => {
+  if (e) s3.adoptedStyleSheets = o5.map((t5) => t5 instanceof CSSStyleSheet ? t5 : t5.styleSheet);
+  else for (const e7 of o5) {
+    const o6 = document.createElement("style"), n6 = t.litNonce;
+    void 0 !== n6 && o6.setAttribute("nonce", n6), o6.textContent = e7.cssText, s3.appendChild(o6);
+  }
+};
+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, o5 = 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("/>") ? " " : "";
+    o5 += 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, o5 + (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, o5 = 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[o5++], 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 o5 = st(i4) ? void 0 : i4._$litDirective$;
+  return h5?.constructor !== o5 && (h5?._$AO?.(false), void 0 === o5 ? h5 = void 0 : (h5 = new o5(t5), h5._$AT(t5, s3, 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(), o5 = 0, n6 = 0, r6 = s3[0];
+    for (; void 0 !== r6; ) {
+      if (o5 === 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];
+      }
+      o5 !== r6?.index && (h5 = I.nextNode(), o5++);
+    }
+    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 o5 = false;
+    if (void 0 === h5) t5 = z(this, t5, i4, 0), o5 = !st(t5) || t5 !== this._$AH && t5 !== R, o5 && (this._$AH = t5);
+    else {
+      const 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]), o5 ||= !st(r6) || r6 !== this._$AH[n6], r6 === D ? t5 = D : t5 !== D && (t5 += (r6 ?? "") + h5[n6 + 1]), this._$AH[n6] = r6;
+    }
+    o5 && !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");
+
+// ../../node_modules/lit/node_modules/lit-html/directive.js
+var t2 = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4, EVENT: 5, ELEMENT: 6 };
+var e3 = (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/style-map.js
+var ee = "important";
+var ie = " !" + ee;
+var se = e3(class extends i3 {
+  constructor(e7) {
+    if (super(e7), e7.type !== t2.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;
+  }
+});
+
+// ../../node_modules/lit/node_modules/lit-html/directives/class-map.js
+var Rt = e3(class extends i3 {
+  constructor(s3) {
+    if (super(s3), s3.type !== t2.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;
+  }
+});
+
+// ../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 t3 = globalThis;
+var e4 = t3.ShadowRoot && (void 0 === t3.ShadyCSS || t3.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 (e4 && 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 (e4) s22.adoptedStyleSheets = o42.map((t22) => t22 instanceof CSSStyleSheet ? t22 : t22.styleSheet);
+  else for (const e42 of o42) {
+    const o5 = document.createElement("style"), n52 = t3.litNonce;
+    void 0 !== n52 && o5.setAttribute("nonce", n52), o5.textContent = e42.cssText, s22.appendChild(o5);
+  }
+};
+var c4 = e4 ? (t22) => t22 : (t22) => t22 instanceof CSSStyleSheet ? ((t32) => {
+  let e42 = "";
+  for (const s22 of t32.cssRules) e42 += s22.cssText;
+  return r3(e42);
+})(t22) : t22;
+var { is: i22, defineProperty: e22, getOwnPropertyDescriptor: r22, getOwnPropertyNames: h4, getOwnPropertySymbols: o22, getPrototypeOf: n22 } = Object;
+var a2 = globalThis;
+var c22 = a2.trustedTypes;
+var l2 = c22 ? c22.emptyScript : "";
+var p2 = a2.reactiveElementPolyfillSupport;
+var d2 = (t22, s22) => t22;
+var u2 = { toAttribute(t22, s22) {
+  switch (s22) {
+    case Boolean:
+      t22 = t22 ? l2 : null;
+      break;
+    case Object:
+    case Array:
+      t22 = null == t22 ? t22 : JSON.stringify(t22);
+  }
+  return t22;
+}, fromAttribute(t22, s22) {
+  let i32 = t22;
+  switch (s22) {
+    case Boolean:
+      i32 = null !== t22;
+      break;
+    case Number:
+      i32 = null === t22 ? null : Number(t22);
+      break;
+    case Object:
+    case Array:
+      try {
+        i32 = JSON.parse(t22);
+      } catch (t32) {
+        i32 = null;
+      }
+  }
+  return i32;
+} };
+var f4 = (t22, s22) => !i22(t22, s22);
+var y2 = { attribute: true, type: String, converter: u2, reflect: false, hasChanged: f4 };
+Symbol.metadata ??= Symbol("metadata"), a2.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
+var b2 = class extends HTMLElement {
+  static addInitializer(t22) {
+    this._$Ei(), (this.l ??= []).push(t22);
+  }
+  static get observedAttributes() {
+    return this.finalize(), this._$Eh && [...this._$Eh.keys()];
+  }
+  static createProperty(t22, s22 = y2) {
+    if (s22.state && (s22.attribute = false), this._$Ei(), this.elementProperties.set(t22, s22), !s22.noAccessor) {
+      const i32 = Symbol(), r42 = this.getPropertyDescriptor(t22, i32, s22);
+      void 0 !== r42 && e22(this.prototype, t22, r42);
+    }
+  }
+  static getPropertyDescriptor(t22, s22, i32) {
+    const { get: e42, set: h42 } = r22(this.prototype, t22) ?? { get() {
+      return this[s22];
+    }, set(t32) {
+      this[s22] = t32;
+    } };
+    return { get() {
+      return e42?.call(this);
+    }, set(s3) {
+      const r42 = e42?.call(this);
+      h42.call(this, s3), this.requestUpdate(t22, r42, i32);
+    }, configurable: true, enumerable: true };
+  }
+  static getPropertyOptions(t22) {
+    return this.elementProperties.get(t22) ?? y2;
+  }
+  static _$Ei() {
+    if (this.hasOwnProperty(d2("elementProperties"))) return;
+    const t22 = n22(this);
+    t22.finalize(), void 0 !== t22.l && (this.l = [...t22.l]), this.elementProperties = new Map(t22.elementProperties);
+  }
+  static finalize() {
+    if (this.hasOwnProperty(d2("finalized"))) return;
+    if (this.finalized = true, this._$Ei(), this.hasOwnProperty(d2("properties"))) {
+      const t32 = this.properties, s22 = [...h4(t32), ...o22(t32)];
+      for (const i32 of s22) this.createProperty(i32, t32[i32]);
+    }
+    const t22 = this[Symbol.metadata];
+    if (null !== t22) {
+      const s22 = litPropertyMetadata.get(t22);
+      if (void 0 !== s22) for (const [t32, i32] of s22) this.elementProperties.set(t32, i32);
+    }
+    this._$Eh = /* @__PURE__ */ new Map();
+    for (const [t32, s22] of this.elementProperties) {
+      const i32 = this._$Eu(t32, s22);
+      void 0 !== i32 && this._$Eh.set(i32, t32);
+    }
+    this.elementStyles = this.finalizeStyles(this.styles);
+  }
+  static finalizeStyles(s22) {
+    const i32 = [];
+    if (Array.isArray(s22)) {
+      const e42 = new Set(s22.flat(1 / 0).reverse());
+      for (const s3 of e42) i32.unshift(c4(s3));
+    } else void 0 !== s22 && i32.push(c4(s22));
+    return i32;
+  }
+  static _$Eu(t22, s22) {
+    const i32 = s22.attribute;
+    return false === i32 ? void 0 : "string" == typeof i32 ? i32 : "string" == typeof t22 ? t22.toLowerCase() : void 0;
+  }
+  constructor() {
+    super(), this._$Ep = void 0, this.isUpdatePending = false, this.hasUpdated = false, this._$Em = null, this._$Ev();
+  }
+  _$Ev() {
+    this._$ES = new Promise((t22) => this.enableUpdating = t22), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), this.constructor.l?.forEach((t22) => t22(this));
+  }
+  addController(t22) {
+    (this._$EO ??= /* @__PURE__ */ new Set()).add(t22), void 0 !== this.renderRoot && this.isConnected && t22.hostConnected?.();
+  }
+  removeController(t22) {
+    this._$EO?.delete(t22);
+  }
+  _$E_() {
+    const t22 = /* @__PURE__ */ new Map(), s22 = this.constructor.elementProperties;
+    for (const i32 of s22.keys()) this.hasOwnProperty(i32) && (t22.set(i32, this[i32]), delete this[i32]);
+    t22.size > 0 && (this._$Ep = t22);
+  }
+  createRenderRoot() {
+    const t22 = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
+    return S3(t22, this.constructor.elementStyles), t22;
+  }
+  connectedCallback() {
+    this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(true), this._$EO?.forEach((t22) => t22.hostConnected?.());
+  }
+  enableUpdating(t22) {
+  }
+  disconnectedCallback() {
+    this._$EO?.forEach((t22) => t22.hostDisconnected?.());
+  }
+  attributeChangedCallback(t22, s22, i32) {
+    this._$AK(t22, i32);
+  }
+  _$EC(t22, s22) {
+    const i32 = this.constructor.elementProperties.get(t22), e42 = this.constructor._$Eu(t22, i32);
+    if (void 0 !== e42 && true === i32.reflect) {
+      const r42 = (void 0 !== i32.converter?.toAttribute ? i32.converter : u2).toAttribute(s22, i32.type);
+      this._$Em = t22, null == r42 ? this.removeAttribute(e42) : this.setAttribute(e42, r42), this._$Em = null;
+    }
+  }
+  _$AK(t22, s22) {
+    const i32 = this.constructor, e42 = i32._$Eh.get(t22);
+    if (void 0 !== e42 && this._$Em !== e42) {
+      const t32 = i32.getPropertyOptions(e42), r42 = "function" == typeof t32.converter ? { fromAttribute: t32.converter } : void 0 !== t32.converter?.fromAttribute ? t32.converter : u2;
+      this._$Em = e42, this[e42] = r42.fromAttribute(s22, t32.type), this._$Em = null;
+    }
+  }
+  requestUpdate(t22, s22, i32) {
+    if (void 0 !== t22) {
+      if (i32 ??= this.constructor.getPropertyOptions(t22), !(i32.hasChanged ?? f4)(this[t22], s22)) return;
+      this.P(t22, s22, i32);
+    }
+    false === this.isUpdatePending && (this._$ES = this._$ET());
+  }
+  P(t22, s22, i32) {
+    this._$AL.has(t22) || this._$AL.set(t22, s22), true === i32.reflect && this._$Em !== t22 && (this._$Ej ??= /* @__PURE__ */ new Set()).add(t22);
+  }
+  async _$ET() {
+    this.isUpdatePending = true;
+    try {
+      await this._$ES;
+    } catch (t32) {
+      Promise.reject(t32);
+    }
+    const t22 = this.scheduleUpdate();
+    return null != t22 && await t22, !this.isUpdatePending;
+  }
+  scheduleUpdate() {
+    return this.performUpdate();
+  }
+  performUpdate() {
+    if (!this.isUpdatePending) return;
+    if (!this.hasUpdated) {
+      if (this.renderRoot ??= this.createRenderRoot(), this._$Ep) {
+        for (const [t42, s3] of this._$Ep) this[t42] = s3;
+        this._$Ep = void 0;
+      }
+      const t32 = this.constructor.elementProperties;
+      if (t32.size > 0) for (const [s3, i32] of t32) true !== i32.wrapped || this._$AL.has(s3) || void 0 === this[s3] || this.P(s3, this[s3], i32);
+    }
+    let t22 = false;
+    const s22 = this._$AL;
+    try {
+      t22 = this.shouldUpdate(s22), t22 ? (this.willUpdate(s22), this._$EO?.forEach((t32) => t32.hostUpdate?.()), this.update(s22)) : this._$EU();
+    } catch (s3) {
+      throw t22 = false, this._$EU(), s3;
+    }
+    t22 && this._$AE(s22);
+  }
+  willUpdate(t22) {
+  }
+  _$AE(t22) {
+    this._$EO?.forEach((t32) => t32.hostUpdated?.()), this.hasUpdated || (this.hasUpdated = true, this.firstUpdated(t22)), this.updated(t22);
+  }
+  _$EU() {
+    this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = false;
+  }
+  get updateComplete() {
+    return this.getUpdateComplete();
+  }
+  getUpdateComplete() {
+    return this._$ES;
+  }
+  shouldUpdate(t22) {
+    return true;
+  }
+  update(t22) {
+    this._$Ej &&= this._$Ej.forEach((t32) => this._$EC(t32, this[t32])), this._$EU();
+  }
+  updated(t22) {
+  }
+  firstUpdated(t22) {
+  }
+};
+b2.elementStyles = [], b2.shadowRootOptions = { mode: "open" }, b2[d2("elementProperties")] = /* @__PURE__ */ new Map(), b2[d2("finalized")] = /* @__PURE__ */ new Map(), p2?.({ ReactiveElement: b2 }), (a2.reactiveElementVersions ??= []).push("2.0.4");
+var n32 = globalThis;
+var c32 = n32.trustedTypes;
+var h22 = c32 ? c32.createPolicy("lit-html", { createHTML: (t22) => t22 }) : void 0;
+var f22 = "$lit$";
+var v2 = `lit$${Math.random().toFixed(9).slice(2)}$`;
+var m2 = "?" + v2;
+var _2 = `<${m2}>`;
+var w2 = document;
+var lt2 = () => w2.createComment("");
+var st2 = (t22) => null === t22 || "object" != typeof t22 && "function" != typeof t22;
+var g2 = Array.isArray;
+var $2 = (t22) => g2(t22) || "function" == typeof t22?.[Symbol.iterator];
+var x2 = "[ 	\n\f\r]";
+var T2 = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g;
+var E2 = /-->/g;
+var k2 = />/g;
+var O2 = RegExp(`>|${x2}(?:([^\\s"'>=/]+)(${x2}*=${x2}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g");
+var S22 = /'/g;
+var j2 = /"/g;
+var M2 = /^(?:script|style|textarea|title)$/i;
+var P2 = (t22) => (i32, ...s22) => ({ _$litType$: t22, strings: i32, values: s22 });
+var ke2 = P2(1);
+var Oe2 = P2(2);
+var Se2 = P2(3);
+var R2 = Symbol.for("lit-noChange");
+var D2 = Symbol.for("lit-nothing");
+var V2 = /* @__PURE__ */ new WeakMap();
+var I2 = w2.createTreeWalker(w2, 129);
+function N2(t22, i32) {
+  if (!g2(t22) || !t22.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return void 0 !== h22 ? h22.createHTML(i32) : i32;
+}
+var U2 = (t22, i32) => {
+  const s22 = t22.length - 1, e42 = [];
+  let h42, o42 = 2 === i32 ? "<svg>" : 3 === i32 ? "<math>" : "", n52 = T2;
+  for (let i4 = 0; i4 < s22; i4++) {
+    const s3 = t22[i4];
+    let r42, l22, c42 = -1, a22 = 0;
+    for (; a22 < s3.length && (n52.lastIndex = a22, l22 = n52.exec(s3), null !== l22); ) a22 = n52.lastIndex, n52 === T2 ? "!--" === l22[1] ? n52 = E2 : void 0 !== l22[1] ? n52 = k2 : void 0 !== l22[2] ? (M2.test(l22[2]) && (h42 = RegExp("</" + l22[2], "g")), n52 = O2) : void 0 !== l22[3] && (n52 = O2) : n52 === O2 ? ">" === l22[0] ? (n52 = h42 ?? T2, c42 = -1) : void 0 === l22[1] ? c42 = -2 : (c42 = n52.lastIndex - l22[2].length, r42 = l22[1], n52 = void 0 === l22[3] ? O2 : '"' === l22[3] ? j2 : S22) : n52 === j2 || n52 === S22 ? n52 = O2 : n52 === E2 || n52 === k2 ? n52 = T2 : (n52 = O2, h42 = void 0);
+    const u22 = n52 === O2 && t22[i4 + 1].startsWith("/>") ? " " : "";
+    o42 += n52 === T2 ? s3 + _2 : c42 >= 0 ? (e42.push(r42), s3.slice(0, c42) + f22 + s3.slice(c42) + v2 + u22) : s3 + v2 + (-2 === c42 ? i4 : u22);
+  }
+  return [N2(t22, o42 + (t22[s22] || "<?>") + (2 === i32 ? "</svg>" : 3 === i32 ? "</math>" : "")), e42];
+};
+var B2 = class _B {
+  constructor({ strings: t22, _$litType$: i32 }, s22) {
+    let e42;
+    this.parts = [];
+    let h42 = 0, o42 = 0;
+    const n52 = t22.length - 1, r42 = this.parts, [l22, a22] = U2(t22, i32);
+    if (this.el = _B.createElement(l22, s22), I2.currentNode = this.el.content, 2 === i32 || 3 === i32) {
+      const t32 = this.el.content.firstChild;
+      t32.replaceWith(...t32.childNodes);
+    }
+    for (; null !== (e42 = I2.nextNode()) && r42.length < n52; ) {
+      if (1 === e42.nodeType) {
+        if (e42.hasAttributes()) for (const t32 of e42.getAttributeNames()) if (t32.endsWith(f22)) {
+          const i4 = a22[o42++], s3 = e42.getAttribute(t32).split(v2), n6 = /([.?@])?(.*)/.exec(i4);
+          r42.push({ type: 1, index: h42, name: n6[2], strings: s3, ctor: "." === n6[1] ? Y2 : "?" === n6[1] ? Z2 : "@" === n6[1] ? q2 : G2 }), e42.removeAttribute(t32);
+        } else t32.startsWith(v2) && (r42.push({ type: 6, index: h42 }), e42.removeAttribute(t32));
+        if (M2.test(e42.tagName)) {
+          const t32 = e42.textContent.split(v2), i4 = t32.length - 1;
+          if (i4 > 0) {
+            e42.textContent = c32 ? c32.emptyScript : "";
+            for (let s3 = 0; s3 < i4; s3++) e42.append(t32[s3], lt2()), I2.nextNode(), r42.push({ type: 2, index: ++h42 });
+            e42.append(t32[i4], lt2());
+          }
+        }
+      } else if (8 === e42.nodeType) if (e42.data === m2) r42.push({ type: 2, index: h42 });
+      else {
+        let t32 = -1;
+        for (; -1 !== (t32 = e42.data.indexOf(v2, t32 + 1)); ) r42.push({ type: 7, index: h42 }), t32 += v2.length - 1;
+      }
+      h42++;
+    }
+  }
+  static createElement(t22, i32) {
+    const s22 = w2.createElement("template");
+    return s22.innerHTML = t22, s22;
+  }
+};
+function z2(t22, i32, s22 = t22, e42) {
+  if (i32 === R2) return i32;
+  let h42 = void 0 !== e42 ? s22.o?.[e42] : s22.l;
+  const o42 = st2(i32) ? void 0 : i32._$litDirective$;
+  return h42?.constructor !== o42 && (h42?._$AO?.(false), void 0 === o42 ? h42 = void 0 : (h42 = new o42(t22), h42._$AT(t22, s22, e42)), void 0 !== e42 ? (s22.o ??= [])[e42] = h42 : s22.l = h42), void 0 !== h42 && (i32 = z2(t22, h42._$AS(t22, i32.values), h42, e42)), i32;
+}
+var F2 = class {
+  constructor(t22, i32) {
+    this._$AV = [], this._$AN = void 0, this._$AD = t22, this._$AM = i32;
+  }
+  get parentNode() {
+    return this._$AM.parentNode;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  u(t22) {
+    const { el: { content: i32 }, parts: s22 } = this._$AD, e42 = (t22?.creationScope ?? w2).importNode(i32, true);
+    I2.currentNode = e42;
+    let h42 = I2.nextNode(), o42 = 0, n52 = 0, r42 = s22[0];
+    for (; void 0 !== r42; ) {
+      if (o42 === r42.index) {
+        let i4;
+        2 === r42.type ? i4 = new et2(h42, h42.nextSibling, this, t22) : 1 === r42.type ? i4 = new r42.ctor(h42, r42.name, r42.strings, this, t22) : 6 === r42.type && (i4 = new K2(h42, this, t22)), this._$AV.push(i4), r42 = s22[++n52];
+      }
+      o42 !== r42?.index && (h42 = I2.nextNode(), o42++);
+    }
+    return I2.currentNode = w2, e42;
+  }
+  p(t22) {
+    let i32 = 0;
+    for (const s22 of this._$AV) void 0 !== s22 && (void 0 !== s22.strings ? (s22._$AI(t22, s22, i32), i32 += s22.strings.length - 2) : s22._$AI(t22[i32])), i32++;
+  }
+};
+var et2 = class _et {
+  get _$AU() {
+    return this._$AM?._$AU ?? this.v;
+  }
+  constructor(t22, i32, s22, e42) {
+    this.type = 2, this._$AH = D2, this._$AN = void 0, this._$AA = t22, this._$AB = i32, this._$AM = s22, this.options = e42, this.v = e42?.isConnected ?? true;
+  }
+  get parentNode() {
+    let t22 = this._$AA.parentNode;
+    const i32 = this._$AM;
+    return void 0 !== i32 && 11 === t22?.nodeType && (t22 = i32.parentNode), t22;
+  }
+  get startNode() {
+    return this._$AA;
+  }
+  get endNode() {
+    return this._$AB;
+  }
+  _$AI(t22, i32 = this) {
+    t22 = z2(this, t22, i32), st2(t22) ? t22 === D2 || null == t22 || "" === t22 ? (this._$AH !== D2 && this._$AR(), this._$AH = D2) : t22 !== this._$AH && t22 !== R2 && this._(t22) : void 0 !== t22._$litType$ ? this.$(t22) : void 0 !== t22.nodeType ? this.T(t22) : $2(t22) ? this.k(t22) : this._(t22);
+  }
+  O(t22) {
+    return this._$AA.parentNode.insertBefore(t22, this._$AB);
+  }
+  T(t22) {
+    this._$AH !== t22 && (this._$AR(), this._$AH = this.O(t22));
+  }
+  _(t22) {
+    this._$AH !== D2 && st2(this._$AH) ? this._$AA.nextSibling.data = t22 : this.T(w2.createTextNode(t22)), this._$AH = t22;
+  }
+  $(t22) {
+    const { values: i32, _$litType$: s22 } = t22, e42 = "number" == typeof s22 ? this._$AC(t22) : (void 0 === s22.el && (s22.el = B2.createElement(N2(s22.h, s22.h[0]), this.options)), s22);
+    if (this._$AH?._$AD === e42) this._$AH.p(i32);
+    else {
+      const t32 = new F2(e42, this), s3 = t32.u(this.options);
+      t32.p(i32), this.T(s3), this._$AH = t32;
+    }
+  }
+  _$AC(t22) {
+    let i32 = V2.get(t22.strings);
+    return void 0 === i32 && V2.set(t22.strings, i32 = new B2(t22)), i32;
+  }
+  k(t22) {
+    g2(this._$AH) || (this._$AH = [], this._$AR());
+    const i32 = this._$AH;
+    let s22, e42 = 0;
+    for (const h42 of t22) e42 === i32.length ? i32.push(s22 = new _et(this.O(lt2()), this.O(lt2()), this, this.options)) : s22 = i32[e42], s22._$AI(h42), e42++;
+    e42 < i32.length && (this._$AR(s22 && s22._$AB.nextSibling, e42), i32.length = e42);
+  }
+  _$AR(t22 = this._$AA.nextSibling, i32) {
+    for (this._$AP?.(false, true, i32); t22 && t22 !== this._$AB; ) {
+      const i4 = t22.nextSibling;
+      t22.remove(), t22 = i4;
+    }
+  }
+  setConnected(t22) {
+    void 0 === this._$AM && (this.v = t22, this._$AP?.(t22));
+  }
+};
+var G2 = class {
+  get tagName() {
+    return this.element.tagName;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  constructor(t22, i32, s22, e42, h42) {
+    this.type = 1, this._$AH = D2, this._$AN = void 0, this.element = t22, this.name = i32, this._$AM = e42, this.options = h42, s22.length > 2 || "" !== s22[0] || "" !== s22[1] ? (this._$AH = Array(s22.length - 1).fill(new String()), this.strings = s22) : this._$AH = D2;
+  }
+  _$AI(t22, i32 = this, s22, e42) {
+    const h42 = this.strings;
+    let o42 = false;
+    if (void 0 === h42) t22 = z2(this, t22, i32, 0), o42 = !st2(t22) || t22 !== this._$AH && t22 !== R2, o42 && (this._$AH = t22);
+    else {
+      const e52 = t22;
+      let n52, r42;
+      for (t22 = h42[0], n52 = 0; n52 < h42.length - 1; n52++) r42 = z2(this, e52[s22 + n52], i32, n52), r42 === R2 && (r42 = this._$AH[n52]), o42 ||= !st2(r42) || r42 !== this._$AH[n52], r42 === D2 ? t22 = D2 : t22 !== D2 && (t22 += (r42 ?? "") + h42[n52 + 1]), this._$AH[n52] = r42;
+    }
+    o42 && !e42 && this.j(t22);
+  }
+  j(t22) {
+    t22 === D2 ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t22 ?? "");
+  }
+};
+var Y2 = class extends G2 {
+  constructor() {
+    super(...arguments), this.type = 3;
+  }
+  j(t22) {
+    this.element[this.name] = t22 === D2 ? void 0 : t22;
+  }
+};
+var Z2 = class extends G2 {
+  constructor() {
+    super(...arguments), this.type = 4;
+  }
+  j(t22) {
+    this.element.toggleAttribute(this.name, !!t22 && t22 !== D2);
+  }
+};
+var q2 = class extends G2 {
+  constructor(t22, i32, s22, e42, h42) {
+    super(t22, i32, s22, e42, h42), this.type = 5;
+  }
+  _$AI(t22, i32 = this) {
+    if ((t22 = z2(this, t22, i32, 0) ?? D2) === R2) return;
+    const s22 = this._$AH, e42 = t22 === D2 && s22 !== D2 || t22.capture !== s22.capture || t22.once !== s22.once || t22.passive !== s22.passive, h42 = t22 !== D2 && (s22 === D2 || e42);
+    e42 && this.element.removeEventListener(this.name, this, s22), h42 && this.element.addEventListener(this.name, this, t22), this._$AH = t22;
+  }
+  handleEvent(t22) {
+    "function" == typeof this._$AH ? this._$AH.call(this.options?.host ?? this.element, t22) : this._$AH.handleEvent(t22);
+  }
+};
+var K2 = class {
+  constructor(t22, i32, s22) {
+    this.element = t22, this.type = 6, this._$AN = void 0, this._$AM = i32, this.options = s22;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(t22) {
+    z2(this, t22);
+  }
+};
+var Re2 = n32.litHtmlPolyfillSupport;
+Re2?.(B2, et2), (n32.litHtmlVersions ??= []).push("3.2.0");
+var Q2 = (t22, i32, s22) => {
+  const e42 = s22?.renderBefore ?? i32;
+  let h42 = e42._$litPart$;
+  if (void 0 === h42) {
+    const t32 = s22?.renderBefore ?? null;
+    e42._$litPart$ = h42 = new et2(i32.insertBefore(lt2(), t32), t32, void 0, s22 ?? {});
+  }
+  return h42._$AI(t22), h42;
+};
+var h32 = class extends b2 {
+  constructor() {
+    super(...arguments), this.renderOptions = { host: this }, this.o = void 0;
+  }
+  createRenderRoot() {
+    const t22 = super.createRenderRoot();
+    return this.renderOptions.renderBefore ??= t22.firstChild, t22;
+  }
+  update(t22) {
+    const e42 = this.render();
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t22), this.o = Q2(e42, this.renderRoot, this.renderOptions);
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.o?.setConnected(true);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.o?.setConnected(false);
+  }
+  render() {
+    return R2;
+  }
+};
+h32._$litElement$ = true, h32["finalized"] = true, globalThis.litElementHydrateSupport?.({ LitElement: h32 });
+var f32 = globalThis.litElementPolyfillSupport;
+f32?.({ LitElement: h32 });
+(globalThis.litElementVersions ??= []).push("4.1.0");
+var o32 = { attribute: true, type: String, converter: u2, reflect: false, hasChanged: f4 };
+var r32 = (t22 = o32, e42, r42) => {
+  const { kind: n52, metadata: i32 } = r42;
+  let s22 = globalThis.litPropertyMetadata.get(i32);
+  if (void 0 === s22 && globalThis.litPropertyMetadata.set(i32, s22 = /* @__PURE__ */ new Map()), s22.set(r42.name, t22), "accessor" === n52) {
+    const { name: o42 } = r42;
+    return { set(r52) {
+      const n6 = e42.get.call(this);
+      e42.set.call(this, r52), this.requestUpdate(o42, n6, t22);
+    }, init(e52) {
+      return void 0 !== e52 && this.P(o42, void 0, t22), e52;
+    } };
+  }
+  if ("setter" === n52) {
+    const { name: o42 } = r42;
+    return function(r52) {
+      const n6 = this[o42];
+      e42.call(this, r52), this.requestUpdate(o42, n6, t22);
+    };
+  }
+  throw Error("Unsupported decorator location: " + n52);
+};
+function n42(t22) {
+  return (e42, o42) => "object" == typeof o42 ? r32(t22, e42, o42) : ((t32, e52, o5) => {
+    const r42 = e52.hasOwnProperty(o5);
+    return e52.constructor.createProperty(o5, r42 ? { ...t32, wrapped: true } : t32), r42 ? Object.getOwnPropertyDescriptor(e52, o5) : void 0;
+  })(t22, e42, o42);
+}
+var appliedClassMixins = /* @__PURE__ */ new WeakMap();
+function wasMixinPreviouslyApplied(mixin, superClass) {
+  let klass = superClass;
+  while (klass) {
+    if (appliedClassMixins.get(klass) === mixin) {
+      return true;
+    }
+    klass = Object.getPrototypeOf(klass);
+  }
+  return false;
+}
+function dedupeMixin(mixin) {
+  return (superClass) => {
+    if (wasMixinPreviouslyApplied(mixin, superClass)) {
+      return superClass;
+    }
+    const mixedClass = mixin(superClass);
+    appliedClassMixins.set(mixedClass, mixin);
+    return mixedClass;
+  };
+}
+var version = "3.0.0";
+var versions = window.scopedElementsVersions || (window.scopedElementsVersions = []);
+if (!versions.includes(version)) {
+  versions.push(version);
+}
+var ScopedElementsMixinImplementation = (superclass) => (
+  /** @type {ScopedElementsHost} */
+  class ScopedElementsHost extends superclass {
+    /**
+     * Obtains the scoped elements definitions map if specified.
+     *
+     * @type {ScopedElementsMap=}
+     */
+    static scopedElements;
+    static get scopedElementsVersion() {
+      return version;
+    }
+    /** @type {CustomElementRegistry=} */
+    static __registry;
+    /**
+     * Obtains the CustomElementRegistry associated to the ShadowRoot.
+     *
+     * @returns {CustomElementRegistry=}
+     */
+    get registry() {
+      return (
+        /** @type {typeof ScopedElementsHost} */
+        this.constructor.__registry
+      );
+    }
+    /**
+     * Set the CustomElementRegistry associated to the ShadowRoot
+     *
+     * @param {CustomElementRegistry} registry
+     */
+    set registry(registry2) {
+      this.constructor.__registry = registry2;
+    }
+    /**
+     * @param {ShadowRootInit} options
+     * @returns {ShadowRoot}
+     */
+    attachShadow(options) {
+      const { scopedElements } = (
+        /** @type {typeof ScopedElementsHost} */
+        this.constructor
+      );
+      const shouldCreateRegistry = !this.registry || // @ts-ignore
+      this.registry === this.constructor.__registry && !Object.prototype.hasOwnProperty.call(this.constructor, "__registry");
+      if (shouldCreateRegistry) {
+        this.registry = new CustomElementRegistry();
+        for (const [tagName, klass] of Object.entries(scopedElements ?? {})) {
+          this.registry.define(tagName, klass);
+        }
+      }
+      return super.attachShadow({
+        ...options,
+        // The polyfill currently expects the registry to be passed as `customElements`
+        customElements: this.registry,
+        // But the proposal has moved forward, and renamed it to `registry`
+        // For backwards compatibility, we pass it as both
+        registry: this.registry
+      });
+    }
+  }
+);
+var ScopedElementsMixin = dedupeMixin(ScopedElementsMixinImplementation);
+var ScopedElementsMixinImplementation2 = (superclass) => (
+  /** @type {ScopedElementsHost} */
+  class ScopedElementsHost extends ScopedElementsMixin(superclass) {
+    createRenderRoot() {
+      const { shadowRootOptions, elementStyles } = (
+        /** @type {TypeofLitElement} */
+        this.constructor
+      );
+      const shadowRoot = this.attachShadow(shadowRootOptions);
+      this.renderOptions.creationScope = shadowRoot;
+      S3(shadowRoot, elementStyles);
+      this.renderOptions.renderBefore ??= shadowRoot.firstChild;
+      return shadowRoot;
+    }
+  }
+);
+var ScopedElementsMixin2 = dedupeMixin(ScopedElementsMixinImplementation2);
+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 t4 = (t5) => (e7, o5) => {
+  void 0 !== o5 ? o5.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: o5 } = r6;
+    return { set(r7) {
+      const n7 = e7.get.call(this);
+      e7.set.call(this, r7), this.requestUpdate(o5, n7, t5);
+    }, init(e8) {
+      return void 0 !== e8 && this.P(o5, void 0, t5), e8;
+    } };
+  }
+  if ("setter" === n6) {
+    const { name: o5 } = r6;
+    return function(r7) {
+      const n7 = this[o5];
+      e7.call(this, r7), this.requestUpdate(o5, n7, t5);
+    };
+  }
+  throw Error("Unsupported decorator location: " + n6);
+};
+function n5(t5) {
+  return (e7, o5) => "object" == typeof o5 ? r4(t5, e7, o5) : ((t6, e8, o6) => {
+    const r6 = e8.hasOwnProperty(o6);
+    return e8.constructor.createProperty(o6, r6 ? { ...t6, wrapped: true } : t6), r6 ? Object.getOwnPropertyDescriptor(e8, o6) : void 0;
+  })(t5, e7, o5);
+}
+
+// ../../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 e5 = (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 e6(e7, r6) {
+  return (n6, s3, i4) => {
+    const o5 = (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 e5(n6, s3, { get() {
+        let t5 = e8.call(this);
+        return void 0 === t5 && (t5 = o5(this), (null !== t5 || this.hasUpdated) && r7.call(this, t5)), t5;
+      } });
+    }
+    return e5(n6, s3, { get() {
+      return o5(this);
+    } });
+  };
+}
+
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.FKMWLPHV.js
+var radio_styles_default = i`
+  :host {
+    display: block;
+  }
+
+  :host(:focus-visible) {
+    outline: 0px;
+  }
+
+  .radio {
+    display: inline-flex;
+    align-items: top;
+    font-family: var(--sl-input-font-family);
+    font-size: var(--sl-input-font-size-medium);
+    font-weight: var(--sl-input-font-weight);
+    color: var(--sl-input-label-color);
+    vertical-align: middle;
+    cursor: pointer;
+  }
+
+  .radio--small {
+    --toggle-size: var(--sl-toggle-size-small);
+    font-size: var(--sl-input-font-size-small);
+  }
+
+  .radio--medium {
+    --toggle-size: var(--sl-toggle-size-medium);
+    font-size: var(--sl-input-font-size-medium);
+  }
+
+  .radio--large {
+    --toggle-size: var(--sl-toggle-size-large);
+    font-size: var(--sl-input-font-size-large);
+  }
+
+  .radio__checked-icon {
+    display: inline-flex;
+    width: var(--toggle-size);
+    height: var(--toggle-size);
+  }
+
+  .radio__control {
+    flex: 0 0 auto;
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: var(--toggle-size);
+    height: var(--toggle-size);
+    border: solid var(--sl-input-border-width) var(--sl-input-border-color);
+    border-radius: 50%;
+    background-color: var(--sl-input-background-color);
+    color: transparent;
+    transition:
+      var(--sl-transition-fast) border-color,
+      var(--sl-transition-fast) background-color,
+      var(--sl-transition-fast) color,
+      var(--sl-transition-fast) box-shadow;
+  }
+
+  .radio__input {
+    position: absolute;
+    opacity: 0;
+    padding: 0;
+    margin: 0;
+    pointer-events: none;
+  }
+
+  /* Hover */
+  .radio:not(.radio--checked):not(.radio--disabled) .radio__control:hover {
+    border-color: var(--sl-input-border-color-hover);
+    background-color: var(--sl-input-background-color-hover);
+  }
+
+  /* Checked */
+  .radio--checked .radio__control {
+    color: var(--sl-color-neutral-0);
+    border-color: var(--sl-color-primary-600);
+    background-color: var(--sl-color-primary-600);
+  }
+
+  /* Checked + hover */
+  .radio.radio--checked:not(.radio--disabled) .radio__control:hover {
+    border-color: var(--sl-color-primary-500);
+    background-color: var(--sl-color-primary-500);
+  }
+
+  /* Checked + focus */
+  :host(:focus-visible) .radio__control {
+    outline: var(--sl-focus-ring);
+    outline-offset: var(--sl-focus-ring-offset);
+  }
+
+  /* Disabled */
+  .radio--disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  /* When the control isn't checked, hide the circle for Windows High Contrast mode a11y */
+  .radio:not(.radio--checked) svg circle {
+    opacity: 0;
+  }
+
+  .radio__label {
+    display: inline-block;
+    color: var(--sl-input-label-color);
+    line-height: var(--toggle-size);
+    margin-inline-start: 0.5em;
+    user-select: none;
+    -webkit-user-select: 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.B3BW2AY6.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;
+};
+var __accessCheck3 = (obj, member, msg) => {
+  if (!member.has(obj))
+    throw TypeError("Cannot " + msg);
+};
+var __privateGet3 = (obj, member, getter) => {
+  __accessCheck3(obj, member, "read from private field");
+  return getter ? getter.call(obj) : member.get(obj);
+};
+var __privateAdd3 = (obj, member, value) => {
+  if (member.has(obj))
+    throw TypeError("Cannot add the same private member more than once");
+  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+};
+var __privateSet3 = (obj, member, value, setter) => {
+  __accessCheck3(obj, member, "write to private field");
+  setter ? setter.call(obj, value) : member.set(obj, value);
+  return value;
+};
+
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.CCJUT23E.js
+function watch(propertyName, options) {
+  const resolvedOptions = __spreadValues({
+    waitUntilFirstUpdate: false
+  }, options);
+  return (proto, decoratedFnName) => {
+    const { update } = 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);
+            }
+          }
+        }
+      });
+      update.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.NLWS5DN7.js
+var _hasRecordedInitialProperties;
+var ShoelaceElement = class extends h3 {
+  constructor() {
+    super();
+    __privateAdd3(this, _hasRecordedInitialProperties, false);
+    this.initialReflectedProperties = /* @__PURE__ */ new Map();
+    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.`
+    );
+  }
+  attributeChangedCallback(name, oldValue, newValue) {
+    if (!__privateGet3(this, _hasRecordedInitialProperties)) {
+      this.constructor.elementProperties.forEach(
+        (obj, prop) => {
+          if (obj.reflect && this[prop] != null) {
+            this.initialReflectedProperties.set(prop, this[prop]);
+          }
+        }
+      );
+      __privateSet3(this, _hasRecordedInitialProperties, true);
+    }
+    super.attributeChangedCallback(name, oldValue, newValue);
+  }
+  willUpdate(changedProperties) {
+    super.willUpdate(changedProperties);
+    this.initialReflectedProperties.forEach((value, prop) => {
+      if (changedProperties.has(prop) && this[prop] == null) {
+        this[prop] = 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);
+_hasRecordedInitialProperties = /* @__PURE__ */ new WeakMap();
+ShoelaceElement.version = "2.17.1";
+ShoelaceElement.dependencies = {};
+__decorateClass([
+  n5()
+], ShoelaceElement.prototype, "dir", 2);
+__decorateClass([
+  n5()
+], ShoelaceElement.prototype, "lang", 2);
 
-// src/widgets/webwriter-choice-item.ts
-import { css, html } from "lit";
-import { styleMap } from "lit/directives/style-map.js";
-import { classMap } from "lit/directives/class-map.js";
-import { LitElementWw } from "@webwriter/lit";
-import { customElement, property, query } from "lit/decorators.js";
-import SlRadio from "@shoelace-style/shoelace/dist/components/radio/radio.component.js";
-import SlCheckbox from "@shoelace-style/shoelace/dist/components/checkbox/checkbox.component.js";
-import SlIcon from "@shoelace-style/shoelace/dist/components/icon/icon.component.js";
-import { keyed } from "lit/directives/keyed.js";
+// ../../node_modules/lit/node_modules/lit-html/directive-helpers.js
+var { I: et3 } = si;
+var nt = (o5, t5) => void 0 === t5 ? void 0 !== o5?._$litType$ : o5?._$litType$ === t5;
+var rt = (o5) => void 0 === o5.strings;
+var ht = {};
+var dt = (o5, t5 = ht) => o5._$AH = t5;
+
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.O7VCMB7W.js
+var CACHEABLE_ERROR = Symbol();
+var RETRYABLE_ERROR = Symbol();
+var parser;
+var iconCache = /* @__PURE__ */ new Map();
+var SlIcon = class extends ShoelaceElement {
+  constructor() {
+    super(...arguments);
+    this.initialRender = false;
+    this.svg = null;
+    this.label = "";
+    this.library = "default";
+  }
+  /** Given a URL, this function returns the resulting SVG element or an appropriate error symbol. */
+  async resolveIcon(url, library2) {
+    var _a3;
+    let fileData;
+    if (library2 == null ? void 0 : library2.spriteSheet) {
+      this.svg = ke`<svg part="svg">
+        <use part="use" href="${url}"></use>
+      </svg>`;
+      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 (((_a3 = svg == null ? void 0 : svg.tagName) == null ? void 0 : _a3.toLowerCase()) !== "svg")
+        return CACHEABLE_ERROR;
+      if (!parser)
+        parser = new DOMParser();
+      const doc = parser.parseFromString(svg.outerHTML, "text/html");
+      const svgEl = doc.body.querySelector("svg");
+      if (!svgEl)
+        return CACHEABLE_ERROR;
+      svgEl.part.add("svg");
+      return document.adoptNode(svgEl);
+    } catch (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 _a3;
+    const { url, fromLibrary } = this.getIconSource();
+    const library2 = fromLibrary ? getIconLibrary(this.library) : void 0;
+    if (!url) {
+      this.svg = null;
+      return;
+    }
+    let iconResolver = iconCache.get(url);
+    if (!iconResolver) {
+      iconResolver = this.resolveIcon(url, library2);
+      iconCache.set(url, iconResolver);
+    }
+    if (!this.initialRender) {
+      return;
+    }
+    const svg = await iconResolver;
+    if (svg === RETRYABLE_ERROR) {
+      iconCache.delete(url);
+    }
+    if (url !== this.getIconSource().url) {
+      return;
+    }
+    if (nt(svg)) {
+      this.svg = svg;
+      if (library2) {
+        await this.updateComplete;
+        const shadowSVG = this.shadowRoot.querySelector("[part='svg']");
+        if (typeof library2.mutator === "function" && shadowSVG) {
+          library2.mutator(shadowSVG);
+        }
+      }
+      return;
+    }
+    switch (svg) {
+      case RETRYABLE_ERROR:
+      case CACHEABLE_ERROR:
+        this.svg = null;
+        this.emit("sl-error");
+        break;
+      default:
+        this.svg = svg.cloneNode(true);
+        (_a3 = library2 == null ? void 0 : library2.mutator) == null ? void 0 : _a3.call(library2, this.svg);
+        this.emit("sl-load");
+    }
+  }
+  render() {
+    return this.svg;
+  }
+};
+SlIcon.styles = [component_styles_default, icon_styles_default];
+__decorateClass([
+  r5()
+], SlIcon.prototype, "svg", 2);
+__decorateClass([
+  n5({ reflect: true })
+], SlIcon.prototype, "name", 2);
+__decorateClass([
+  n5()
+], SlIcon.prototype, "src", 2);
+__decorateClass([
+  n5()
+], SlIcon.prototype, "label", 2);
+__decorateClass([
+  n5({ reflect: true })
+], SlIcon.prototype, "library", 2);
+__decorateClass([
+  watch("label")
+], SlIcon.prototype, "handleLabelChange", 1);
+__decorateClass([
+  watch(["name", "src", "library"])
+], SlIcon.prototype, "setIcon", 1);
+
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.N5H7JIU3.js
+var SlRadio = class extends ShoelaceElement {
+  constructor() {
+    super();
+    this.checked = false;
+    this.hasFocus = false;
+    this.size = "medium";
+    this.disabled = false;
+    this.handleBlur = () => {
+      this.hasFocus = false;
+      this.emit("sl-blur");
+    };
+    this.handleClick = () => {
+      if (!this.disabled) {
+        this.checked = true;
+      }
+    };
+    this.handleFocus = () => {
+      this.hasFocus = true;
+      this.emit("sl-focus");
+    };
+    this.addEventListener("blur", this.handleBlur);
+    this.addEventListener("click", this.handleClick);
+    this.addEventListener("focus", this.handleFocus);
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.setInitialAttributes();
+  }
+  setInitialAttributes() {
+    this.setAttribute("role", "radio");
+    this.setAttribute("tabindex", "-1");
+    this.setAttribute("aria-disabled", this.disabled ? "true" : "false");
+  }
+  handleCheckedChange() {
+    this.setAttribute("aria-checked", this.checked ? "true" : "false");
+    this.setAttribute("tabindex", this.checked ? "0" : "-1");
+  }
+  handleDisabledChange() {
+    this.setAttribute("aria-disabled", this.disabled ? "true" : "false");
+  }
+  render() {
+    return ke`
+      <span
+        part="base"
+        class=${Rt({
+      radio: true,
+      "radio--checked": this.checked,
+      "radio--disabled": this.disabled,
+      "radio--focused": this.hasFocus,
+      "radio--small": this.size === "small",
+      "radio--medium": this.size === "medium",
+      "radio--large": this.size === "large"
+    })}
+      >
+        <span part="${`control${this.checked ? " control--checked" : ""}`}" class="radio__control">
+          ${this.checked ? ke` <sl-icon part="checked-icon" class="radio__checked-icon" library="system" name="radio"></sl-icon> ` : ""}
+        </span>
+
+        <slot part="label" class="radio__label"></slot>
+      </span>
+    `;
+  }
+};
+SlRadio.styles = [component_styles_default, radio_styles_default];
+SlRadio.dependencies = { "sl-icon": SlIcon };
+__decorateClass([
+  r5()
+], SlRadio.prototype, "checked", 2);
+__decorateClass([
+  r5()
+], SlRadio.prototype, "hasFocus", 2);
+__decorateClass([
+  n5()
+], SlRadio.prototype, "value", 2);
+__decorateClass([
+  n5({ reflect: true })
+], SlRadio.prototype, "size", 2);
+__decorateClass([
+  n5({ type: Boolean, reflect: true })
+], SlRadio.prototype, "disabled", 2);
+__decorateClass([
+  watch("checked")
+], SlRadio.prototype, "handleCheckedChange", 1);
+__decorateClass([
+  watch("disabled", { waitUntilFirstUpdate: true })
+], SlRadio.prototype, "handleDisabledChange", 1);
+
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.R3NF57O3.js
+var checkbox_styles_default = i`
+  :host {
+    display: inline-block;
+  }
+
+  .checkbox {
+    position: relative;
+    display: inline-flex;
+    align-items: flex-start;
+    font-family: var(--sl-input-font-family);
+    font-weight: var(--sl-input-font-weight);
+    color: var(--sl-input-label-color);
+    vertical-align: middle;
+    cursor: pointer;
+  }
+
+  .checkbox--small {
+    --toggle-size: var(--sl-toggle-size-small);
+    font-size: var(--sl-input-font-size-small);
+  }
+
+  .checkbox--medium {
+    --toggle-size: var(--sl-toggle-size-medium);
+    font-size: var(--sl-input-font-size-medium);
+  }
+
+  .checkbox--large {
+    --toggle-size: var(--sl-toggle-size-large);
+    font-size: var(--sl-input-font-size-large);
+  }
+
+  .checkbox__control {
+    flex: 0 0 auto;
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: var(--toggle-size);
+    height: var(--toggle-size);
+    border: solid var(--sl-input-border-width) var(--sl-input-border-color);
+    border-radius: 2px;
+    background-color: var(--sl-input-background-color);
+    color: var(--sl-color-neutral-0);
+    transition:
+      var(--sl-transition-fast) border-color,
+      var(--sl-transition-fast) background-color,
+      var(--sl-transition-fast) color,
+      var(--sl-transition-fast) box-shadow;
+  }
+
+  .checkbox__input {
+    position: absolute;
+    opacity: 0;
+    padding: 0;
+    margin: 0;
+    pointer-events: none;
+  }
+
+  .checkbox__checked-icon,
+  .checkbox__indeterminate-icon {
+    display: inline-flex;
+    width: var(--toggle-size);
+    height: var(--toggle-size);
+  }
+
+  /* Hover */
+  .checkbox:not(.checkbox--checked):not(.checkbox--disabled) .checkbox__control:hover {
+    border-color: var(--sl-input-border-color-hover);
+    background-color: var(--sl-input-background-color-hover);
+  }
+
+  /* Focus */
+  .checkbox:not(.checkbox--checked):not(.checkbox--disabled) .checkbox__input:focus-visible ~ .checkbox__control {
+    outline: var(--sl-focus-ring);
+    outline-offset: var(--sl-focus-ring-offset);
+  }
+
+  /* Checked/indeterminate */
+  .checkbox--checked .checkbox__control,
+  .checkbox--indeterminate .checkbox__control {
+    border-color: var(--sl-color-primary-600);
+    background-color: var(--sl-color-primary-600);
+  }
+
+  /* Checked/indeterminate + hover */
+  .checkbox.checkbox--checked:not(.checkbox--disabled) .checkbox__control:hover,
+  .checkbox.checkbox--indeterminate:not(.checkbox--disabled) .checkbox__control:hover {
+    border-color: var(--sl-color-primary-500);
+    background-color: var(--sl-color-primary-500);
+  }
+
+  /* Checked/indeterminate + focus */
+  .checkbox.checkbox--checked:not(.checkbox--disabled) .checkbox__input:focus-visible ~ .checkbox__control,
+  .checkbox.checkbox--indeterminate:not(.checkbox--disabled) .checkbox__input:focus-visible ~ .checkbox__control {
+    outline: var(--sl-focus-ring);
+    outline-offset: var(--sl-focus-ring-offset);
+  }
+
+  /* Disabled */
+  .checkbox--disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  .checkbox__label {
+    display: inline-block;
+    color: var(--sl-input-label-color);
+    line-height: var(--toggle-size);
+    margin-inline-start: 0.5em;
+    user-select: none;
+    -webkit-user-select: none;
+  }
+
+  :host([required]) .checkbox__label::after {
+    content: var(--sl-input-required-content);
+    color: var(--sl-input-required-content-color);
+    margin-inline-start: var(--sl-input-required-content-offset);
+  }
+`;
+
+// ../../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 _a3;
+    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 : (_a3 = converter == null ? void 0 : converter.fromAttribute) != null ? _a3 : u.fromAttribute;
+      const newValue = fromAttribute(value, options.type);
+      if (this[propertyName] !== newValue) {
+        this[key] = newValue;
+      }
+    }
+    attributeChangedCallback.call(this, name, old, value);
+  };
+};
+
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.SI4ACBFK.js
+var form_control_styles_default = i`
+  .form-control .form-control__label {
+    display: none;
+  }
+
+  .form-control .form-control__help-text {
+    display: none;
+  }
+
+  /* Label */
+  .form-control--has-label .form-control__label {
+    display: inline-block;
+    color: var(--sl-input-label-color);
+    margin-bottom: var(--sl-spacing-3x-small);
+  }
+
+  .form-control--has-label.form-control--small .form-control__label {
+    font-size: var(--sl-input-label-font-size-small);
+  }
+
+  .form-control--has-label.form-control--medium .form-control__label {
+    font-size: var(--sl-input-label-font-size-medium);
+  }
+
+  .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.2RCF7SLU.js
+var formCollections = /* @__PURE__ */ new WeakMap();
+var reportValidityOverloads = /* @__PURE__ */ new WeakMap();
+var checkValidityOverloads = /* @__PURE__ */ new WeakMap();
+var userInteractedControls = /* @__PURE__ */ new WeakSet();
+var interactions = /* @__PURE__ */ new WeakMap();
+var FormControlController = class {
+  constructor(host, options) {
+    this.handleFormData = (event) => {
+      const disabled = this.options.disabled(this.host);
+      const name = this.options.name(this.host);
+      const value = this.options.value(this.host);
+      const isButton = this.host.tagName.toLowerCase() === "sl-button";
+      if (this.host.isConnected && !disabled && !isButton && typeof name === "string" && name.length > 0 && typeof value !== "undefined") {
+        if (Array.isArray(value)) {
+          value.forEach((val) => {
+            event.formData.append(name, val.toString());
+          });
+        } else {
+          event.formData.append(name, value.toString());
+        }
+      }
+    };
+    this.handleFormSubmit = (event) => {
+      var _a3;
+      const disabled = this.options.disabled(this.host);
+      const reportValidity = this.options.reportValidity;
+      if (this.form && !this.form.noValidate) {
+        (_a3 = formCollections.get(this.form)) == null ? void 0 : _a3.forEach((control) => {
+          this.setUserInteracted(control, true);
+        });
+      }
+      if (this.form && !this.form.noValidate && !disabled && !reportValidity(this.host)) {
+        event.preventDefault();
+        event.stopImmediatePropagation();
+      }
+    };
+    this.handleFormReset = () => {
+      this.options.setValue(this.host, this.options.defaultValue(this.host));
+      this.setUserInteracted(this.host, false);
+      interactions.set(this.host, []);
+    };
+    this.handleInteraction = (event) => {
+      const emittedEvents = interactions.get(this.host);
+      if (!emittedEvents.includes(event.type)) {
+        emittedEvents.push(event.type);
+      }
+      if (emittedEvents.length === this.options.assumeInteractionOn.length) {
+        this.setUserInteracted(this.host, true);
+      }
+    };
+    this.checkFormValidity = () => {
+      if (this.form && !this.form.noValidate) {
+        const elements = this.form.querySelectorAll("*");
+        for (const element of elements) {
+          if (typeof element.checkValidity === "function") {
+            if (!element.checkValidity()) {
+              return false;
+            }
+          }
+        }
+      }
+      return true;
+    };
+    this.reportFormValidity = () => {
+      if (this.form && !this.form.noValidate) {
+        const elements = this.form.querySelectorAll("*");
+        for (const element of elements) {
+          if (typeof element.reportValidity === "function") {
+            if (!element.reportValidity()) {
+              return false;
+            }
+          }
+        }
+      }
+      return true;
+    };
+    (this.host = host).addController(this);
+    this.options = __spreadValues({
+      form: (input) => {
+        const formId = input.form;
+        if (formId) {
+          const root = input.getRootNode();
+          const form = root.querySelector(`#${formId}`);
+          if (form) {
+            return form;
+          }
+        }
+        return input.closest("form");
+      },
+      name: (input) => input.name,
+      value: (input) => input.value,
+      defaultValue: (input) => input.defaultValue,
+      disabled: (input) => {
+        var _a3;
+        return (_a3 = input.disabled) != null ? _a3 : false;
+      },
+      reportValidity: (input) => typeof input.reportValidity === "function" ? input.reportValidity() : true,
+      checkValidity: (input) => typeof input.checkValidity === "function" ? input.checkValidity() : true,
+      setValue: (input, value) => input.value = value,
+      assumeInteractionOn: ["sl-input"]
+    }, options);
+  }
+  hostConnected() {
+    const form = this.options.form(this.host);
+    if (form) {
+      this.attachForm(form);
+    }
+    interactions.set(this.host, []);
+    this.options.assumeInteractionOn.forEach((event) => {
+      this.host.addEventListener(event, this.handleInteraction);
+    });
+  }
+  hostDisconnected() {
+    this.detachForm();
+    interactions.delete(this.host);
+    this.options.assumeInteractionOn.forEach((event) => {
+      this.host.removeEventListener(event, this.handleInteraction);
+    });
+  }
+  hostUpdated() {
+    const form = this.options.form(this.host);
+    if (!form) {
+      this.detachForm();
+    }
+    if (form && this.form !== form) {
+      this.detachForm();
+      this.attachForm(form);
+    }
+    if (this.host.hasUpdated) {
+      this.setValidity(this.host.validity.valid);
+    }
+  }
+  attachForm(form) {
+    if (form) {
+      this.form = form;
+      if (formCollections.has(this.form)) {
+        formCollections.get(this.form).add(this.host);
+      } else {
+        formCollections.set(this.form, /* @__PURE__ */ new Set([this.host]));
+      }
+      this.form.addEventListener("formdata", this.handleFormData);
+      this.form.addEventListener("submit", this.handleFormSubmit);
+      this.form.addEventListener("reset", this.handleFormReset);
+      if (!reportValidityOverloads.has(this.form)) {
+        reportValidityOverloads.set(this.form, this.form.reportValidity);
+        this.form.reportValidity = () => this.reportFormValidity();
+      }
+      if (!checkValidityOverloads.has(this.form)) {
+        checkValidityOverloads.set(this.form, this.form.checkValidity);
+        this.form.checkValidity = () => this.checkFormValidity();
+      }
+    } else {
+      this.form = void 0;
+    }
+  }
+  detachForm() {
+    if (!this.form)
+      return;
+    const formCollection = formCollections.get(this.form);
+    if (!formCollection) {
+      return;
+    }
+    formCollection.delete(this.host);
+    if (formCollection.size <= 0) {
+      this.form.removeEventListener("formdata", this.handleFormData);
+      this.form.removeEventListener("submit", this.handleFormSubmit);
+      this.form.removeEventListener("reset", this.handleFormReset);
+      if (reportValidityOverloads.has(this.form)) {
+        this.form.reportValidity = reportValidityOverloads.get(this.form);
+        reportValidityOverloads.delete(this.form);
+      }
+      if (checkValidityOverloads.has(this.form)) {
+        this.form.checkValidity = checkValidityOverloads.get(this.form);
+        checkValidityOverloads.delete(this.form);
+      }
+      this.form = void 0;
+    }
+  }
+  setUserInteracted(el, hasInteracted) {
+    if (hasInteracted) {
+      userInteractedControls.add(el);
+    } else {
+      userInteractedControls.delete(el);
+    }
+    el.requestUpdate();
+  }
+  doAction(type, submitter) {
+    if (this.form) {
+      const button = document.createElement("button");
+      button.type = type;
+      button.style.position = "absolute";
+      button.style.width = "0";
+      button.style.height = "0";
+      button.style.clipPath = "inset(50%)";
+      button.style.overflow = "hidden";
+      button.style.whiteSpace = "nowrap";
+      if (submitter) {
+        button.name = submitter.name;
+        button.value = submitter.value;
+        ["formaction", "formenctype", "formmethod", "formnovalidate", "formtarget"].forEach((attr) => {
+          if (submitter.hasAttribute(attr)) {
+            button.setAttribute(attr, submitter.getAttribute(attr));
+          }
+        });
+      }
+      this.form.append(button);
+      button.click();
+      button.remove();
+    }
+  }
+  /** Returns the associated `<form>` element, if one exists. */
+  getForm() {
+    var _a3;
+    return (_a3 = this.form) != null ? _a3 : null;
+  }
+  /** Resets the form, restoring all the control to their default value */
+  reset(submitter) {
+    this.doAction("reset", submitter);
+  }
+  /** Submits the form, triggering validation and form data injection. */
+  submit(submitter) {
+    this.doAction("submit", submitter);
+  }
+  /**
+   * Synchronously sets the form control's validity. Call this when you know the future validity but need to update
+   * the host element immediately, i.e. before Lit updates the component in the next update.
+   */
+  setValidity(isValid) {
+    const host = this.host;
+    const hasInteracted = Boolean(userInteractedControls.has(host));
+    const required = Boolean(host.required);
+    host.toggleAttribute("data-required", required);
+    host.toggleAttribute("data-optional", !required);
+    host.toggleAttribute("data-invalid", !isValid);
+    host.toggleAttribute("data-valid", isValid);
+    host.toggleAttribute("data-user-invalid", !isValid && hasInteracted);
+    host.toggleAttribute("data-user-valid", isValid && hasInteracted);
+  }
+  /**
+   * Updates the form control's validity based on the current value of `host.validity.valid`. Call this when anything
+   * that affects constraint validation changes so the component receives the correct validity states.
+   */
+  updateValidity() {
+    const host = this.host;
+    this.setValidity(host.validity.valid);
+  }
+  /**
+   * Dispatches a non-bubbling, cancelable custom event of type `sl-invalid`.
+   * If the `sl-invalid` event will be cancelled then the original `invalid`
+   * event (which may have been passed as argument) will also be cancelled.
+   * If no original `invalid` event has been passed then the `sl-invalid`
+   * event will be cancelled before being dispatched.
+   */
+  emitInvalidEvent(originalInvalidEvent) {
+    const slInvalidEvent = new CustomEvent("sl-invalid", {
+      bubbles: false,
+      composed: false,
+      cancelable: true,
+      detail: {}
+    });
+    if (!originalInvalidEvent) {
+      slInvalidEvent.preventDefault();
+    }
+    if (!this.host.dispatchEvent(slInvalidEvent)) {
+      originalInvalidEvent == null ? void 0 : originalInvalidEvent.preventDefault();
+    }
+  }
+};
+var validValidityState = Object.freeze({
+  badInput: false,
+  customError: false,
+  patternMismatch: false,
+  rangeOverflow: false,
+  rangeUnderflow: false,
+  stepMismatch: false,
+  tooLong: false,
+  tooShort: false,
+  typeMismatch: false,
+  valid: true,
+  valueMissing: false
+});
+var valueMissingValidityState = Object.freeze(__spreadProps(__spreadValues({}, validValidityState), {
+  valid: false,
+  valueMissing: true
+}));
+var customErrorValidityState = Object.freeze(__spreadProps(__spreadValues({}, validValidityState), {
+  valid: false,
+  customError: true
+}));
+
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.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/if-defined.js
+var to = (t5) => t5 ?? D;
+
+// ../../node_modules/lit/node_modules/lit-html/directives/live.js
+var Ft = e3(class extends i3 {
+  constructor(r6) {
+    if (super(r6), r6.type !== t2.PROPERTY && r6.type !== t2.ATTRIBUTE && r6.type !== t2.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 === t2.PROPERTY) {
+      if (e7 === i4[n6]) return R;
+    } else if (r6.type === t2.BOOLEAN_ATTRIBUTE) {
+      if (!!e7 === i4.hasAttribute(n6)) return R;
+    } else if (r6.type === t2.ATTRIBUTE && i4.getAttribute(n6) === e7 + "") return R;
+    return dt(r6), e7;
+  }
+});
+
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.CX3DZWHK.js
+var SlCheckbox = class extends ShoelaceElement {
+  constructor() {
+    super(...arguments);
+    this.formControlController = new FormControlController(this, {
+      value: (control) => control.checked ? control.value || "on" : void 0,
+      defaultValue: (control) => control.defaultChecked,
+      setValue: (control, checked) => control.checked = checked
+    });
+    this.hasSlotController = new HasSlotController(this, "help-text");
+    this.hasFocus = false;
+    this.title = "";
+    this.name = "";
+    this.size = "medium";
+    this.disabled = false;
+    this.checked = false;
+    this.indeterminate = false;
+    this.defaultChecked = false;
+    this.form = "";
+    this.required = false;
+    this.helpText = "";
+  }
+  /** 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();
+  }
+  handleClick() {
+    this.checked = !this.checked;
+    this.indeterminate = false;
+    this.emit("sl-change");
+  }
+  handleBlur() {
+    this.hasFocus = false;
+    this.emit("sl-blur");
+  }
+  handleInput() {
+    this.emit("sl-input");
+  }
+  handleInvalid(event) {
+    this.formControlController.setValidity(false);
+    this.formControlController.emitInvalidEvent(event);
+  }
+  handleFocus() {
+    this.hasFocus = true;
+    this.emit("sl-focus");
+  }
+  handleDisabledChange() {
+    this.formControlController.setValidity(this.disabled);
+  }
+  handleStateChange() {
+    this.input.checked = this.checked;
+    this.input.indeterminate = this.indeterminate;
+    this.formControlController.updateValidity();
+  }
+  /** Simulates a click on the checkbox. */
+  click() {
+    this.input.click();
+  }
+  /** Sets focus on the checkbox. */
+  focus(options) {
+    this.input.focus(options);
+  }
+  /** Removes focus from the checkbox. */
+  blur() {
+    this.input.blur();
+  }
+  /** 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. The value provided will be shown to the user when the form is submitted. To clear
+   * the custom validation message, call this method with an empty string.
+   */
+  setCustomValidity(message) {
+    this.input.setCustomValidity(message);
+    this.formControlController.updateValidity();
+  }
+  render() {
+    const hasHelpTextSlot = this.hasSlotController.test("help-text");
+    const hasHelpText = this.helpText ? true : !!hasHelpTextSlot;
+    return ke`
+      <div
+        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-help-text": hasHelpText
+    })}
+      >
+        <label
+          part="base"
+          class=${Rt({
+      checkbox: true,
+      "checkbox--checked": this.checked,
+      "checkbox--disabled": this.disabled,
+      "checkbox--focused": this.hasFocus,
+      "checkbox--indeterminate": this.indeterminate,
+      "checkbox--small": this.size === "small",
+      "checkbox--medium": this.size === "medium",
+      "checkbox--large": this.size === "large"
+    })}
+        >
+          <input
+            class="checkbox__input"
+            type="checkbox"
+            title=${this.title}
+            name=${this.name}
+            value=${to(this.value)}
+            .indeterminate=${Ft(this.indeterminate)}
+            .checked=${Ft(this.checked)}
+            .disabled=${this.disabled}
+            .required=${this.required}
+            aria-checked=${this.checked ? "true" : "false"}
+            aria-describedby="help-text"
+            @click=${this.handleClick}
+            @input=${this.handleInput}
+            @invalid=${this.handleInvalid}
+            @blur=${this.handleBlur}
+            @focus=${this.handleFocus}
+          />
+
+          <span
+            part="control${this.checked ? " control--checked" : ""}${this.indeterminate ? " control--indeterminate" : ""}"
+            class="checkbox__control"
+          >
+            ${this.checked ? ke`
+                  <sl-icon part="checked-icon" class="checkbox__checked-icon" library="system" name="check"></sl-icon>
+                ` : ""}
+            ${!this.checked && this.indeterminate ? ke`
+                  <sl-icon
+                    part="indeterminate-icon"
+                    class="checkbox__indeterminate-icon"
+                    library="system"
+                    name="indeterminate"
+                  ></sl-icon>
+                ` : ""}
+          </span>
+
+          <div part="label" class="checkbox__label">
+            <slot></slot>
+          </div>
+        </label>
+
+        <div
+          aria-hidden=${hasHelpText ? "false" : "true"}
+          class="form-control__help-text"
+          id="help-text"
+          part="form-control-help-text"
+        >
+          <slot name="help-text">${this.helpText}</slot>
+        </div>
+      </div>
+    `;
+  }
+};
+SlCheckbox.styles = [component_styles_default, form_control_styles_default, checkbox_styles_default];
+SlCheckbox.dependencies = { "sl-icon": SlIcon };
+__decorateClass([
+  e6('input[type="checkbox"]')
+], SlCheckbox.prototype, "input", 2);
+__decorateClass([
+  r5()
+], SlCheckbox.prototype, "hasFocus", 2);
+__decorateClass([
+  n5()
+], SlCheckbox.prototype, "title", 2);
+__decorateClass([
+  n5()
+], SlCheckbox.prototype, "name", 2);
+__decorateClass([
+  n5()
+], SlCheckbox.prototype, "value", 2);
+__decorateClass([
+  n5({ reflect: true })
+], SlCheckbox.prototype, "size", 2);
+__decorateClass([
+  n5({ type: Boolean, reflect: true })
+], SlCheckbox.prototype, "disabled", 2);
+__decorateClass([
+  n5({ type: Boolean, reflect: true })
+], SlCheckbox.prototype, "checked", 2);
+__decorateClass([
+  n5({ type: Boolean, reflect: true })
+], SlCheckbox.prototype, "indeterminate", 2);
+__decorateClass([
+  defaultValue("checked")
+], SlCheckbox.prototype, "defaultChecked", 2);
+__decorateClass([
+  n5({ reflect: true })
+], SlCheckbox.prototype, "form", 2);
+__decorateClass([
+  n5({ type: Boolean, reflect: true })
+], SlCheckbox.prototype, "required", 2);
+__decorateClass([
+  n5({ attribute: "help-text" })
+], SlCheckbox.prototype, "helpText", 2);
+__decorateClass([
+  watch("disabled", { waitUntilFirstUpdate: true })
+], SlCheckbox.prototype, "handleDisabledChange", 1);
+__decorateClass([
+  watch(["checked", "indeterminate"], { waitUntilFirstUpdate: true })
+], SlCheckbox.prototype, "handleStateChange", 1);
+
+// ../../node_modules/lit/node_modules/lit-html/directives/keyed.js
+var Bt = e3(class extends i3 {
+  constructor() {
+    super(...arguments), this.key = D;
+  }
+  render(r6, t5) {
+    return this.key = r6, t5;
+  }
+  update(r6, [t5, e7]) {
+    return t5 !== this.key && (dt(r6), this.key = t5), e7;
+  }
+});
 
 // ../../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>';
@@ -66,32 +3001,32 @@ var x_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" widt
 var check_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-check" viewBox="0 0 16 16">%0A  <path d="M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425z"/>%0A</svg>';
 
 // src/widgets/webwriter-choice-item.ts
-var _checkbox_dec, _layout_dec, _valid_dec, _active_dec, _a, _WebwriterChoiceItem_decorators, _init, _active, _valid, _layout, _checkbox;
-_WebwriterChoiceItem_decorators = [customElement("webwriter-choice-item")];
-var _WebwriterChoiceItem = class _WebwriterChoiceItem extends (_a = LitElementWw, _active_dec = [property({ type: Boolean, attribute: false })], _valid_dec = [property({ type: Boolean, attribute: false })], _layout_dec = [property({ type: String, attribute: true, reflect: true })], _checkbox_dec = [query("sl-checkbox")], _a) {
+var _checkbox_dec, _layout_dec, _valid_dec, _active_dec, _a2, _WebwriterChoiceItem_decorators, _init2, _active, _valid, _layout, _checkbox;
+_WebwriterChoiceItem_decorators = [t4("webwriter-choice-item")];
+var _WebwriterChoiceItem = class _WebwriterChoiceItem extends (_a2 = LitElementWw, _active_dec = [n5({ type: Boolean, attribute: false })], _valid_dec = [n5({ type: Boolean, attribute: false })], _layout_dec = [n5({ type: String, attribute: true, reflect: true })], _checkbox_dec = [e6("sl-checkbox")], _a2) {
   constructor() {
     super(...arguments);
     __publicField(this, "msg", (str) => this.lang in _WebwriterChoiceItem.localization ? _WebwriterChoiceItem.localization[this.lang][str] ?? str : str);
-    __privateAdd(this, _active, __runInitializers(_init, 8, this, false)), __runInitializers(_init, 11, this);
-    __privateAdd(this, _valid, __runInitializers(_init, 12, this)), __runInitializers(_init, 15, this);
-    __privateAdd(this, _layout, __runInitializers(_init, 16, this, "list")), __runInitializers(_init, 19, this);
-    __publicField(this, "handleClick", (e) => {
-      const checkboxClicked = e.composedPath().some((v) => v?.classList?.contains("checkbox__control"));
+    __privateAdd(this, _active, __runInitializers(_init2, 8, this, false)), __runInitializers(_init2, 11, this);
+    __privateAdd(this, _valid, __runInitializers(_init2, 12, this)), __runInitializers(_init2, 15, this);
+    __privateAdd(this, _layout, __runInitializers(_init2, 16, this, "list")), __runInitializers(_init2, 19, this);
+    __publicField(this, "handleClick", (e7) => {
+      const checkboxClicked = e7.composedPath().some((v3) => v3?.classList?.contains("checkbox__control"));
       const editable = this.isContentEditable;
       if (editable && !checkboxClicked) {
-        e.preventDefault();
+        e7.preventDefault();
       } else {
-        e.stopImmediatePropagation();
+        e7.stopImmediatePropagation();
       }
     });
-    __publicField(this, "handleChange", (e) => {
+    __publicField(this, "handleChange", (e7) => {
       if (this.isContentEditable) {
         this.valid = !this.valid;
       } else {
         this.active = !this.active;
       }
     });
-    __privateAdd(this, _checkbox, __runInitializers(_init, 20, this)), __runInitializers(_init, 23, this);
+    __privateAdd(this, _checkbox, __runInitializers(_init2, 20, this)), __runInitializers(_init2, 23, this);
     __publicField(this, "observer");
   }
   async updated(_changedProperties) {
@@ -121,31 +3056,31 @@ var _WebwriterChoiceItem = class _WebwriterChoiceItem extends (_a = LitElementWw
     this.observer?.disconnect();
   }
   render() {
-    return keyed(this.layout, html`
-      ${this.valid !== void 0 && (this.active || !this.active && this.valid) ? html`<sl-icon class="solution user-only" ?data-valid=${this.valid} src=${this.valid ? check_default : x_default}></sl-icon>` : null}
-      <sl-checkbox class=${classMap({ valid: this.valid, active: this.active })} exportparts="base, control, label" @click=${this.handleClick} @sl-change=${this.handleChange} ?checked=${this.isContentEditable ? this.valid : this.active}>
-        <slot part="slot" style=${styleMap({ "--ww-placeholder": `"${this.msg("Option")}"` })}></slot>
+    return Bt(this.layout, ke`
+      ${this.valid !== void 0 && (this.active || !this.active && this.valid) ? ke`<sl-icon class="solution user-only" ?data-valid=${this.valid} src=${this.valid ? check_default : x_default}></sl-icon>` : null}
+      <sl-checkbox class=${Rt({ valid: this.valid, active: this.active })} exportparts="base, control, label" @click=${this.handleClick} @sl-change=${this.handleChange} ?checked=${this.isContentEditable ? this.valid : this.active}>
+        <slot part="slot" style=${se({ "--ww-placeholder": `"${this.msg("Option")}"` })}></slot>
       </sl-checkbox>
     `);
   }
 };
-_init = __decoratorStart(_a);
+_init2 = __decoratorStart(_a2);
 _active = new WeakMap();
 _valid = new WeakMap();
 _layout = new WeakMap();
 _checkbox = new WeakMap();
-__decorateElement(_init, 4, "active", _active_dec, _WebwriterChoiceItem, _active);
-__decorateElement(_init, 4, "valid", _valid_dec, _WebwriterChoiceItem, _valid);
-__decorateElement(_init, 4, "layout", _layout_dec, _WebwriterChoiceItem, _layout);
-__decorateElement(_init, 4, "checkbox", _checkbox_dec, _WebwriterChoiceItem, _checkbox);
-_WebwriterChoiceItem = __decorateElement(_init, 0, "WebwriterChoiceItem", _WebwriterChoiceItem_decorators, _WebwriterChoiceItem);
+__decorateElement(_init2, 4, "active", _active_dec, _WebwriterChoiceItem, _active);
+__decorateElement(_init2, 4, "valid", _valid_dec, _WebwriterChoiceItem, _valid);
+__decorateElement(_init2, 4, "layout", _layout_dec, _WebwriterChoiceItem, _layout);
+__decorateElement(_init2, 4, "checkbox", _checkbox_dec, _WebwriterChoiceItem, _checkbox);
+_WebwriterChoiceItem = __decorateElement(_init2, 0, "WebwriterChoiceItem", _WebwriterChoiceItem_decorators, _WebwriterChoiceItem);
 __publicField(_WebwriterChoiceItem, "localization", {});
 __publicField(_WebwriterChoiceItem, "scopedElements", {
   "sl-radio": SlRadio,
   "sl-checkbox": SlCheckbox,
   "sl-icon": SlIcon
 });
-__publicField(_WebwriterChoiceItem, "styles", css`
+__publicField(_WebwriterChoiceItem, "styles", i`
 
     :host {
       width: 100%;
@@ -281,8 +3216,271 @@ __publicField(_WebwriterChoiceItem, "styles", css`
     }    
     }
   `);
-__runInitializers(_init, 1, _WebwriterChoiceItem);
+__runInitializers(_init2, 1, _WebwriterChoiceItem);
 var WebwriterChoiceItem = _WebwriterChoiceItem;
 export {
   WebwriterChoiceItem
 };
+/*! 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-html/directive.js:
+  (**
+   * @license
+   * Copyright 2017 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
+   *)
+
+lit-html/directives/class-map.js:
+  (**
+   * @license
+   * Copyright 2018 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/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/keyed.js:
+  (**
+   * @license
+   * Copyright 2021 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/