@webwriter/quiz 1.1.3 → 2.0.0

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

@@ -0,0 +1,3987 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __knownSymbol = (name, symbol) => (symbol = Symbol[name]) ? symbol : Symbol.for("Symbol." + name);
+var __typeError = (msg2) => {
+  throw TypeError(msg2);
+};
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __decoratorStart = (base) => [, , , __create(base?.[__knownSymbol("metadata")] ?? null)];
+var __decoratorStrings = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
+var __expectFn = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError("Function expected") : fn;
+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 i7 = 0, fns = array[flags >> 1], n9 = fns && fns.length; i7 < n9; i7++) flags & 1 ? fns[i7].call(self) : value = fns[i7].call(self, value);
+  return value;
+};
+var __decorateElement = (array, flags, name, decorators, target, extra) => {
+  var fn, it, done, ctx, access, k3 = flags & 7, s6 = !!(flags & 8), p5 = !!(flags & 16);
+  var j2 = k3 > 3 ? array.length + 1 : k3 ? s6 ? 1 : 2 : 0, key = __decoratorStrings[k3 + 5];
+  var initializers = k3 > 3 && (array[j2 - 1] = []), extraInitializers = array[j2] || (array[j2] = []);
+  var desc = k3 && (!p5 && !s6 && (target = target.prototype), k3 < 5 && (k3 > 3 || !p5) && __getOwnPropDesc(k3 < 4 ? target : { get [name]() {
+    return __privateGet(this, extra);
+  }, set [name](x3) {
+    return __privateSet(this, extra, x3);
+  } }, name));
+  k3 ? p5 && k3 < 4 && __name(extra, (k3 > 2 ? "set " : k3 > 1 ? "get " : "") + name) : __name(target, name);
+  for (var i7 = decorators.length - 1; i7 >= 0; i7--) {
+    ctx = __decoratorContext(k3, name, done = {}, array[3], extraInitializers);
+    if (k3) {
+      ctx.static = s6, ctx.private = p5, access = ctx.access = { has: p5 ? (x3) => __privateIn(target, x3) : (x3) => name in x3 };
+      if (k3 ^ 3) access.get = p5 ? (x3) => (k3 ^ 1 ? __privateGet : __privateMethod)(x3, target, k3 ^ 4 ? extra : desc.get) : (x3) => x3[name];
+      if (k3 > 2) access.set = p5 ? (x3, y4) => __privateSet(x3, target, y4, k3 ^ 4 ? extra : desc.set) : (x3, y4) => x3[name] = y4;
+    }
+    it = (0, decorators[i7])(k3 ? k3 < 4 ? p5 ? 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 ? p5 ? 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 k3 || __decoratorMetadata(array, target), desc && __defProp(target, name, desc), p5 ? k3 ^ 4 ? extra : desc : target;
+};
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __accessCheck = (obj, member, msg2) => member.has(obj) || __typeError("Cannot " + msg2);
+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/localize/internal/str-tag.js
+var isStrTagged = (val) => typeof val !== "string" && "strTag" in val;
+var joinStringsAndValues = (strings, values, valueOrder) => {
+  let concat = strings[0];
+  for (let i7 = 1; i7 < strings.length; i7++) {
+    concat += values[valueOrder ? valueOrder[i7 - 1] : i7 - 1];
+    concat += strings[i7];
+  }
+  return concat;
+};
+
+// node_modules/@lit/localize/internal/default-msg.js
+var defaultMsg = ((template) => isStrTagged(template) ? joinStringsAndValues(template.strings, template.values) : template);
+
+// node_modules/@lit/localize/init/install.js
+var msg = defaultMsg;
+
+// node_modules/@lit/localize/internal/deferred.js
+var Deferred = class {
+  constructor() {
+    this.settled = false;
+    this.promise = new Promise((resolve, reject) => {
+      this._resolve = resolve;
+      this._reject = reject;
+    });
+  }
+  resolve(value) {
+    this.settled = true;
+    this._resolve(value);
+  }
+  reject(error) {
+    this.settled = true;
+    this._reject(error);
+  }
+};
+
+// node_modules/@lit/localize/internal/fnv1a64.js
+var hl = [];
+for (let i7 = 0; i7 < 256; i7++) {
+  hl[i7] = (i7 >> 4 & 15).toString(16) + (i7 & 15).toString(16);
+}
+
+// node_modules/@lit/localize/init/runtime.js
+var loading = new Deferred();
+loading.resolve();
+
+// 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(t7, e10, o11) {
+    if (this._$cssResult$ = true, o11 !== s) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    this.cssText = t7, this.t = e10;
+  }
+  get styleSheet() {
+    let t7 = this.o;
+    const s6 = this.t;
+    if (e && void 0 === t7) {
+      const e10 = void 0 !== s6 && 1 === s6.length;
+      e10 && (t7 = o.get(s6)), void 0 === t7 && ((this.o = t7 = new CSSStyleSheet()).replaceSync(this.cssText), e10 && o.set(s6, t7));
+    }
+    return t7;
+  }
+  toString() {
+    return this.cssText;
+  }
+};
+var r = (t7) => new n("string" == typeof t7 ? t7 : t7 + "", void 0, s);
+var i = (t7, ...e10) => {
+  const o11 = 1 === t7.length ? t7[0] : e10.reduce((e11, s6, o12) => e11 + ((t8) => {
+    if (true === t8._$cssResult$) return t8.cssText;
+    if ("number" == typeof t8) return t8;
+    throw Error("Value passed to 'css' function must be a 'css' function result: " + t8 + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
+  })(s6) + t7[o12 + 1], t7[0]);
+  return new n(o11, t7, s);
+};
+var S = (s6, o11) => {
+  if (e) s6.adoptedStyleSheets = o11.map((t7) => t7 instanceof CSSStyleSheet ? t7 : t7.styleSheet);
+  else for (const e10 of o11) {
+    const o12 = document.createElement("style"), n9 = t.litNonce;
+    void 0 !== n9 && o12.setAttribute("nonce", n9), o12.textContent = e10.cssText, s6.appendChild(o12);
+  }
+};
+var c = e ? (t7) => t7 : (t7) => t7 instanceof CSSStyleSheet ? ((t8) => {
+  let e10 = "";
+  for (const s6 of t8.cssRules) e10 += s6.cssText;
+  return r(e10);
+})(t7) : t7;
+
+// node_modules/@lit/reactive-element/reactive-element.js
+var { is: i2, defineProperty: e2, getOwnPropertyDescriptor: h, getOwnPropertyNames: r2, getOwnPropertySymbols: o2, getPrototypeOf: n2 } = Object;
+var a = globalThis;
+var c2 = a.trustedTypes;
+var l = c2 ? c2.emptyScript : "";
+var p = a.reactiveElementPolyfillSupport;
+var d = (t7, s6) => t7;
+var u = { toAttribute(t7, s6) {
+  switch (s6) {
+    case Boolean:
+      t7 = t7 ? l : null;
+      break;
+    case Object:
+    case Array:
+      t7 = null == t7 ? t7 : JSON.stringify(t7);
+  }
+  return t7;
+}, fromAttribute(t7, s6) {
+  let i7 = t7;
+  switch (s6) {
+    case Boolean:
+      i7 = null !== t7;
+      break;
+    case Number:
+      i7 = null === t7 ? null : Number(t7);
+      break;
+    case Object:
+    case Array:
+      try {
+        i7 = JSON.parse(t7);
+      } catch (t8) {
+        i7 = null;
+      }
+  }
+  return i7;
+} };
+var f = (t7, s6) => !i2(t7, s6);
+var b = { attribute: true, type: String, converter: u, reflect: false, useDefault: false, hasChanged: f };
+Symbol.metadata ??= Symbol("metadata"), a.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
+var y = class extends HTMLElement {
+  static addInitializer(t7) {
+    this._$Ei(), (this.l ??= []).push(t7);
+  }
+  static get observedAttributes() {
+    return this.finalize(), this._$Eh && [...this._$Eh.keys()];
+  }
+  static createProperty(t7, s6 = b) {
+    if (s6.state && (s6.attribute = false), this._$Ei(), this.prototype.hasOwnProperty(t7) && ((s6 = Object.create(s6)).wrapped = true), this.elementProperties.set(t7, s6), !s6.noAccessor) {
+      const i7 = Symbol(), h6 = this.getPropertyDescriptor(t7, i7, s6);
+      void 0 !== h6 && e2(this.prototype, t7, h6);
+    }
+  }
+  static getPropertyDescriptor(t7, s6, i7) {
+    const { get: e10, set: r9 } = h(this.prototype, t7) ?? { get() {
+      return this[s6];
+    }, set(t8) {
+      this[s6] = t8;
+    } };
+    return { get: e10, set(s7) {
+      const h6 = e10?.call(this);
+      r9?.call(this, s7), this.requestUpdate(t7, h6, i7);
+    }, configurable: true, enumerable: true };
+  }
+  static getPropertyOptions(t7) {
+    return this.elementProperties.get(t7) ?? b;
+  }
+  static _$Ei() {
+    if (this.hasOwnProperty(d("elementProperties"))) return;
+    const t7 = n2(this);
+    t7.finalize(), void 0 !== t7.l && (this.l = [...t7.l]), this.elementProperties = new Map(t7.elementProperties);
+  }
+  static finalize() {
+    if (this.hasOwnProperty(d("finalized"))) return;
+    if (this.finalized = true, this._$Ei(), this.hasOwnProperty(d("properties"))) {
+      const t8 = this.properties, s6 = [...r2(t8), ...o2(t8)];
+      for (const i7 of s6) this.createProperty(i7, t8[i7]);
+    }
+    const t7 = this[Symbol.metadata];
+    if (null !== t7) {
+      const s6 = litPropertyMetadata.get(t7);
+      if (void 0 !== s6) for (const [t8, i7] of s6) this.elementProperties.set(t8, i7);
+    }
+    this._$Eh = /* @__PURE__ */ new Map();
+    for (const [t8, s6] of this.elementProperties) {
+      const i7 = this._$Eu(t8, s6);
+      void 0 !== i7 && this._$Eh.set(i7, t8);
+    }
+    this.elementStyles = this.finalizeStyles(this.styles);
+  }
+  static finalizeStyles(s6) {
+    const i7 = [];
+    if (Array.isArray(s6)) {
+      const e10 = new Set(s6.flat(1 / 0).reverse());
+      for (const s7 of e10) i7.unshift(c(s7));
+    } else void 0 !== s6 && i7.push(c(s6));
+    return i7;
+  }
+  static _$Eu(t7, s6) {
+    const i7 = s6.attribute;
+    return false === i7 ? void 0 : "string" == typeof i7 ? i7 : "string" == typeof t7 ? t7.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((t7) => this.enableUpdating = t7), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), this.constructor.l?.forEach((t7) => t7(this));
+  }
+  addController(t7) {
+    (this._$EO ??= /* @__PURE__ */ new Set()).add(t7), void 0 !== this.renderRoot && this.isConnected && t7.hostConnected?.();
+  }
+  removeController(t7) {
+    this._$EO?.delete(t7);
+  }
+  _$E_() {
+    const t7 = /* @__PURE__ */ new Map(), s6 = this.constructor.elementProperties;
+    for (const i7 of s6.keys()) this.hasOwnProperty(i7) && (t7.set(i7, this[i7]), delete this[i7]);
+    t7.size > 0 && (this._$Ep = t7);
+  }
+  createRenderRoot() {
+    const t7 = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
+    return S(t7, this.constructor.elementStyles), t7;
+  }
+  connectedCallback() {
+    this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(true), this._$EO?.forEach((t7) => t7.hostConnected?.());
+  }
+  enableUpdating(t7) {
+  }
+  disconnectedCallback() {
+    this._$EO?.forEach((t7) => t7.hostDisconnected?.());
+  }
+  attributeChangedCallback(t7, s6, i7) {
+    this._$AK(t7, i7);
+  }
+  _$ET(t7, s6) {
+    const i7 = this.constructor.elementProperties.get(t7), e10 = this.constructor._$Eu(t7, i7);
+    if (void 0 !== e10 && true === i7.reflect) {
+      const h6 = (void 0 !== i7.converter?.toAttribute ? i7.converter : u).toAttribute(s6, i7.type);
+      this._$Em = t7, null == h6 ? this.removeAttribute(e10) : this.setAttribute(e10, h6), this._$Em = null;
+    }
+  }
+  _$AK(t7, s6) {
+    const i7 = this.constructor, e10 = i7._$Eh.get(t7);
+    if (void 0 !== e10 && this._$Em !== e10) {
+      const t8 = i7.getPropertyOptions(e10), h6 = "function" == typeof t8.converter ? { fromAttribute: t8.converter } : void 0 !== t8.converter?.fromAttribute ? t8.converter : u;
+      this._$Em = e10;
+      const r9 = h6.fromAttribute(s6, t8.type);
+      this[e10] = r9 ?? this._$Ej?.get(e10) ?? r9, this._$Em = null;
+    }
+  }
+  requestUpdate(t7, s6, i7, e10 = false, h6) {
+    if (void 0 !== t7) {
+      const r9 = this.constructor;
+      if (false === e10 && (h6 = this[t7]), i7 ??= r9.getPropertyOptions(t7), !((i7.hasChanged ?? f)(h6, s6) || i7.useDefault && i7.reflect && h6 === this._$Ej?.get(t7) && !this.hasAttribute(r9._$Eu(t7, i7)))) return;
+      this.C(t7, s6, i7);
+    }
+    false === this.isUpdatePending && (this._$ES = this._$EP());
+  }
+  C(t7, s6, { useDefault: i7, reflect: e10, wrapped: h6 }, r9) {
+    i7 && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(t7) && (this._$Ej.set(t7, r9 ?? s6 ?? this[t7]), true !== h6 || void 0 !== r9) || (this._$AL.has(t7) || (this.hasUpdated || i7 || (s6 = void 0), this._$AL.set(t7, s6)), true === e10 && this._$Em !== t7 && (this._$Eq ??= /* @__PURE__ */ new Set()).add(t7));
+  }
+  async _$EP() {
+    this.isUpdatePending = true;
+    try {
+      await this._$ES;
+    } catch (t8) {
+      Promise.reject(t8);
+    }
+    const t7 = this.scheduleUpdate();
+    return null != t7 && await t7, !this.isUpdatePending;
+  }
+  scheduleUpdate() {
+    return this.performUpdate();
+  }
+  performUpdate() {
+    if (!this.isUpdatePending) return;
+    if (!this.hasUpdated) {
+      if (this.renderRoot ??= this.createRenderRoot(), this._$Ep) {
+        for (const [t9, s7] of this._$Ep) this[t9] = s7;
+        this._$Ep = void 0;
+      }
+      const t8 = this.constructor.elementProperties;
+      if (t8.size > 0) for (const [s7, i7] of t8) {
+        const { wrapped: t9 } = i7, e10 = this[s7];
+        true !== t9 || this._$AL.has(s7) || void 0 === e10 || this.C(s7, void 0, i7, e10);
+      }
+    }
+    let t7 = false;
+    const s6 = this._$AL;
+    try {
+      t7 = this.shouldUpdate(s6), t7 ? (this.willUpdate(s6), this._$EO?.forEach((t8) => t8.hostUpdate?.()), this.update(s6)) : this._$EM();
+    } catch (s7) {
+      throw t7 = false, this._$EM(), s7;
+    }
+    t7 && this._$AE(s6);
+  }
+  willUpdate(t7) {
+  }
+  _$AE(t7) {
+    this._$EO?.forEach((t8) => t8.hostUpdated?.()), this.hasUpdated || (this.hasUpdated = true, this.firstUpdated(t7)), this.updated(t7);
+  }
+  _$EM() {
+    this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = false;
+  }
+  get updateComplete() {
+    return this.getUpdateComplete();
+  }
+  getUpdateComplete() {
+    return this._$ES;
+  }
+  shouldUpdate(t7) {
+    return true;
+  }
+  update(t7) {
+    this._$Eq &&= this._$Eq.forEach((t8) => this._$ET(t8, this[t8])), this._$EM();
+  }
+  updated(t7) {
+  }
+  firstUpdated(t7) {
+  }
+};
+y.elementStyles = [], y.shadowRootOptions = { mode: "open" }, y[d("elementProperties")] = /* @__PURE__ */ new Map(), y[d("finalized")] = /* @__PURE__ */ new Map(), p?.({ ReactiveElement: y }), (a.reactiveElementVersions ??= []).push("2.1.2");
+
+// node_modules/lit-html/lit-html.js
+var t2 = globalThis;
+var i3 = (t7) => t7;
+var s2 = t2.trustedTypes;
+var e3 = s2 ? s2.createPolicy("lit-html", { createHTML: (t7) => t7 }) : void 0;
+var h2 = "$lit$";
+var o3 = `lit$${Math.random().toFixed(9).slice(2)}$`;
+var n3 = "?" + o3;
+var r3 = `<${n3}>`;
+var l2 = document;
+var c3 = () => l2.createComment("");
+var a2 = (t7) => null === t7 || "object" != typeof t7 && "function" != typeof t7;
+var u2 = Array.isArray;
+var d2 = (t7) => u2(t7) || "function" == typeof t7?.[Symbol.iterator];
+var f2 = "[ 	\n\f\r]";
+var v = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g;
+var _ = /-->/g;
+var m = />/g;
+var p2 = RegExp(`>|${f2}(?:([^\\s"'>=/]+)(${f2}*=${f2}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g");
+var g = /'/g;
+var $ = /"/g;
+var y2 = /^(?:script|style|textarea|title)$/i;
+var x = (t7) => (i7, ...s6) => ({ _$litType$: t7, strings: i7, values: s6 });
+var b2 = x(1);
+var w = x(2);
+var T = x(3);
+var E = Symbol.for("lit-noChange");
+var A = Symbol.for("lit-nothing");
+var C = /* @__PURE__ */ new WeakMap();
+var P = l2.createTreeWalker(l2, 129);
+function V(t7, i7) {
+  if (!u2(t7) || !t7.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return void 0 !== e3 ? e3.createHTML(i7) : i7;
+}
+var N = (t7, i7) => {
+  const s6 = t7.length - 1, e10 = [];
+  let n9, l7 = 2 === i7 ? "<svg>" : 3 === i7 ? "<math>" : "", c7 = v;
+  for (let i8 = 0; i8 < s6; i8++) {
+    const s7 = t7[i8];
+    let a5, u5, d4 = -1, f5 = 0;
+    for (; f5 < s7.length && (c7.lastIndex = f5, u5 = c7.exec(s7), null !== u5); ) f5 = c7.lastIndex, c7 === v ? "!--" === u5[1] ? c7 = _ : void 0 !== u5[1] ? c7 = m : void 0 !== u5[2] ? (y2.test(u5[2]) && (n9 = RegExp("</" + u5[2], "g")), c7 = p2) : void 0 !== u5[3] && (c7 = p2) : c7 === p2 ? ">" === u5[0] ? (c7 = n9 ?? v, d4 = -1) : void 0 === u5[1] ? d4 = -2 : (d4 = c7.lastIndex - u5[2].length, a5 = u5[1], c7 = void 0 === u5[3] ? p2 : '"' === u5[3] ? $ : g) : c7 === $ || c7 === g ? c7 = p2 : c7 === _ || c7 === m ? c7 = v : (c7 = p2, n9 = void 0);
+    const x3 = c7 === p2 && t7[i8 + 1].startsWith("/>") ? " " : "";
+    l7 += c7 === v ? s7 + r3 : d4 >= 0 ? (e10.push(a5), s7.slice(0, d4) + h2 + s7.slice(d4) + o3 + x3) : s7 + o3 + (-2 === d4 ? i8 : x3);
+  }
+  return [V(t7, l7 + (t7[s6] || "<?>") + (2 === i7 ? "</svg>" : 3 === i7 ? "</math>" : "")), e10];
+};
+var S2 = class _S2 {
+  constructor({ strings: t7, _$litType$: i7 }, e10) {
+    let r9;
+    this.parts = [];
+    let l7 = 0, a5 = 0;
+    const u5 = t7.length - 1, d4 = this.parts, [f5, v3] = N(t7, i7);
+    if (this.el = _S2.createElement(f5, e10), P.currentNode = this.el.content, 2 === i7 || 3 === i7) {
+      const t8 = this.el.content.firstChild;
+      t8.replaceWith(...t8.childNodes);
+    }
+    for (; null !== (r9 = P.nextNode()) && d4.length < u5; ) {
+      if (1 === r9.nodeType) {
+        if (r9.hasAttributes()) for (const t8 of r9.getAttributeNames()) if (t8.endsWith(h2)) {
+          const i8 = v3[a5++], s6 = r9.getAttribute(t8).split(o3), e11 = /([.?@])?(.*)/.exec(i8);
+          d4.push({ type: 1, index: l7, name: e11[2], strings: s6, ctor: "." === e11[1] ? I : "?" === e11[1] ? L : "@" === e11[1] ? z : H }), r9.removeAttribute(t8);
+        } else t8.startsWith(o3) && (d4.push({ type: 6, index: l7 }), r9.removeAttribute(t8));
+        if (y2.test(r9.tagName)) {
+          const t8 = r9.textContent.split(o3), i8 = t8.length - 1;
+          if (i8 > 0) {
+            r9.textContent = s2 ? s2.emptyScript : "";
+            for (let s6 = 0; s6 < i8; s6++) r9.append(t8[s6], c3()), P.nextNode(), d4.push({ type: 2, index: ++l7 });
+            r9.append(t8[i8], c3());
+          }
+        }
+      } else if (8 === r9.nodeType) if (r9.data === n3) d4.push({ type: 2, index: l7 });
+      else {
+        let t8 = -1;
+        for (; -1 !== (t8 = r9.data.indexOf(o3, t8 + 1)); ) d4.push({ type: 7, index: l7 }), t8 += o3.length - 1;
+      }
+      l7++;
+    }
+  }
+  static createElement(t7, i7) {
+    const s6 = l2.createElement("template");
+    return s6.innerHTML = t7, s6;
+  }
+};
+function M(t7, i7, s6 = t7, e10) {
+  if (i7 === E) return i7;
+  let h6 = void 0 !== e10 ? s6._$Co?.[e10] : s6._$Cl;
+  const o11 = a2(i7) ? void 0 : i7._$litDirective$;
+  return h6?.constructor !== o11 && (h6?._$AO?.(false), void 0 === o11 ? h6 = void 0 : (h6 = new o11(t7), h6._$AT(t7, s6, e10)), void 0 !== e10 ? (s6._$Co ??= [])[e10] = h6 : s6._$Cl = h6), void 0 !== h6 && (i7 = M(t7, h6._$AS(t7, i7.values), h6, e10)), i7;
+}
+var R = class {
+  constructor(t7, i7) {
+    this._$AV = [], this._$AN = void 0, this._$AD = t7, this._$AM = i7;
+  }
+  get parentNode() {
+    return this._$AM.parentNode;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  u(t7) {
+    const { el: { content: i7 }, parts: s6 } = this._$AD, e10 = (t7?.creationScope ?? l2).importNode(i7, true);
+    P.currentNode = e10;
+    let h6 = P.nextNode(), o11 = 0, n9 = 0, r9 = s6[0];
+    for (; void 0 !== r9; ) {
+      if (o11 === r9.index) {
+        let i8;
+        2 === r9.type ? i8 = new k(h6, h6.nextSibling, this, t7) : 1 === r9.type ? i8 = new r9.ctor(h6, r9.name, r9.strings, this, t7) : 6 === r9.type && (i8 = new Z(h6, this, t7)), this._$AV.push(i8), r9 = s6[++n9];
+      }
+      o11 !== r9?.index && (h6 = P.nextNode(), o11++);
+    }
+    return P.currentNode = l2, e10;
+  }
+  p(t7) {
+    let i7 = 0;
+    for (const s6 of this._$AV) void 0 !== s6 && (void 0 !== s6.strings ? (s6._$AI(t7, s6, i7), i7 += s6.strings.length - 2) : s6._$AI(t7[i7])), i7++;
+  }
+};
+var k = class _k2 {
+  get _$AU() {
+    return this._$AM?._$AU ?? this._$Cv;
+  }
+  constructor(t7, i7, s6, e10) {
+    this.type = 2, this._$AH = A, this._$AN = void 0, this._$AA = t7, this._$AB = i7, this._$AM = s6, this.options = e10, this._$Cv = e10?.isConnected ?? true;
+  }
+  get parentNode() {
+    let t7 = this._$AA.parentNode;
+    const i7 = this._$AM;
+    return void 0 !== i7 && 11 === t7?.nodeType && (t7 = i7.parentNode), t7;
+  }
+  get startNode() {
+    return this._$AA;
+  }
+  get endNode() {
+    return this._$AB;
+  }
+  _$AI(t7, i7 = this) {
+    t7 = M(this, t7, i7), a2(t7) ? t7 === A || null == t7 || "" === t7 ? (this._$AH !== A && this._$AR(), this._$AH = A) : t7 !== this._$AH && t7 !== E && this._(t7) : void 0 !== t7._$litType$ ? this.$(t7) : void 0 !== t7.nodeType ? this.T(t7) : d2(t7) ? this.k(t7) : this._(t7);
+  }
+  O(t7) {
+    return this._$AA.parentNode.insertBefore(t7, this._$AB);
+  }
+  T(t7) {
+    this._$AH !== t7 && (this._$AR(), this._$AH = this.O(t7));
+  }
+  _(t7) {
+    this._$AH !== A && a2(this._$AH) ? this._$AA.nextSibling.data = t7 : this.T(l2.createTextNode(t7)), this._$AH = t7;
+  }
+  $(t7) {
+    const { values: i7, _$litType$: s6 } = t7, e10 = "number" == typeof s6 ? this._$AC(t7) : (void 0 === s6.el && (s6.el = S2.createElement(V(s6.h, s6.h[0]), this.options)), s6);
+    if (this._$AH?._$AD === e10) this._$AH.p(i7);
+    else {
+      const t8 = new R(e10, this), s7 = t8.u(this.options);
+      t8.p(i7), this.T(s7), this._$AH = t8;
+    }
+  }
+  _$AC(t7) {
+    let i7 = C.get(t7.strings);
+    return void 0 === i7 && C.set(t7.strings, i7 = new S2(t7)), i7;
+  }
+  k(t7) {
+    u2(this._$AH) || (this._$AH = [], this._$AR());
+    const i7 = this._$AH;
+    let s6, e10 = 0;
+    for (const h6 of t7) e10 === i7.length ? i7.push(s6 = new _k2(this.O(c3()), this.O(c3()), this, this.options)) : s6 = i7[e10], s6._$AI(h6), e10++;
+    e10 < i7.length && (this._$AR(s6 && s6._$AB.nextSibling, e10), i7.length = e10);
+  }
+  _$AR(t7 = this._$AA.nextSibling, s6) {
+    for (this._$AP?.(false, true, s6); t7 !== this._$AB; ) {
+      const s7 = i3(t7).nextSibling;
+      i3(t7).remove(), t7 = s7;
+    }
+  }
+  setConnected(t7) {
+    void 0 === this._$AM && (this._$Cv = t7, this._$AP?.(t7));
+  }
+};
+var H = class {
+  get tagName() {
+    return this.element.tagName;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  constructor(t7, i7, s6, e10, h6) {
+    this.type = 1, this._$AH = A, this._$AN = void 0, this.element = t7, this.name = i7, this._$AM = e10, this.options = h6, s6.length > 2 || "" !== s6[0] || "" !== s6[1] ? (this._$AH = Array(s6.length - 1).fill(new String()), this.strings = s6) : this._$AH = A;
+  }
+  _$AI(t7, i7 = this, s6, e10) {
+    const h6 = this.strings;
+    let o11 = false;
+    if (void 0 === h6) t7 = M(this, t7, i7, 0), o11 = !a2(t7) || t7 !== this._$AH && t7 !== E, o11 && (this._$AH = t7);
+    else {
+      const e11 = t7;
+      let n9, r9;
+      for (t7 = h6[0], n9 = 0; n9 < h6.length - 1; n9++) r9 = M(this, e11[s6 + n9], i7, n9), r9 === E && (r9 = this._$AH[n9]), o11 ||= !a2(r9) || r9 !== this._$AH[n9], r9 === A ? t7 = A : t7 !== A && (t7 += (r9 ?? "") + h6[n9 + 1]), this._$AH[n9] = r9;
+    }
+    o11 && !e10 && this.j(t7);
+  }
+  j(t7) {
+    t7 === A ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t7 ?? "");
+  }
+};
+var I = class extends H {
+  constructor() {
+    super(...arguments), this.type = 3;
+  }
+  j(t7) {
+    this.element[this.name] = t7 === A ? void 0 : t7;
+  }
+};
+var L = class extends H {
+  constructor() {
+    super(...arguments), this.type = 4;
+  }
+  j(t7) {
+    this.element.toggleAttribute(this.name, !!t7 && t7 !== A);
+  }
+};
+var z = class extends H {
+  constructor(t7, i7, s6, e10, h6) {
+    super(t7, i7, s6, e10, h6), this.type = 5;
+  }
+  _$AI(t7, i7 = this) {
+    if ((t7 = M(this, t7, i7, 0) ?? A) === E) return;
+    const s6 = this._$AH, e10 = t7 === A && s6 !== A || t7.capture !== s6.capture || t7.once !== s6.once || t7.passive !== s6.passive, h6 = t7 !== A && (s6 === A || e10);
+    e10 && this.element.removeEventListener(this.name, this, s6), h6 && this.element.addEventListener(this.name, this, t7), this._$AH = t7;
+  }
+  handleEvent(t7) {
+    "function" == typeof this._$AH ? this._$AH.call(this.options?.host ?? this.element, t7) : this._$AH.handleEvent(t7);
+  }
+};
+var Z = class {
+  constructor(t7, i7, s6) {
+    this.element = t7, this.type = 6, this._$AN = void 0, this._$AM = i7, this.options = s6;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(t7) {
+    M(this, t7);
+  }
+};
+var j = { M: h2, P: o3, A: n3, C: 1, L: N, R, D: d2, V: M, I: k, H, N: L, U: z, B: I, F: Z };
+var B = t2.litHtmlPolyfillSupport;
+B?.(S2, k), (t2.litHtmlVersions ??= []).push("3.3.3");
+var D = (t7, i7, s6) => {
+  const e10 = s6?.renderBefore ?? i7;
+  let h6 = e10._$litPart$;
+  if (void 0 === h6) {
+    const t8 = s6?.renderBefore ?? null;
+    e10._$litPart$ = h6 = new k(i7.insertBefore(c3(), t8), t8, void 0, s6 ?? {});
+  }
+  return h6._$AI(t7), h6;
+};
+
+// node_modules/lit-element/lit-element.js
+var s3 = globalThis;
+var i4 = class extends y {
+  constructor() {
+    super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
+  }
+  createRenderRoot() {
+    const t7 = super.createRenderRoot();
+    return this.renderOptions.renderBefore ??= t7.firstChild, t7;
+  }
+  update(t7) {
+    const r9 = this.render();
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t7), this._$Do = D(r9, this.renderRoot, this.renderOptions);
+  }
+  connectedCallback() {
+    super.connectedCallback(), this._$Do?.setConnected(true);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this._$Do?.setConnected(false);
+  }
+  render() {
+    return E;
+  }
+};
+i4._$litElement$ = true, i4["finalized"] = true, s3.litElementHydrateSupport?.({ LitElement: i4 });
+var o4 = s3.litElementPolyfillSupport;
+o4?.({ LitElement: i4 });
+(s3.litElementVersions ??= []).push("4.2.2");
+
+// node_modules/@shoelace-style/shoelace/dist/chunks/chunk.6I2T3DLI.js
+var icon_button_styles_default = i`
+  :host {
+    display: inline-block;
+    color: var(--sl-color-neutral-600);
+  }
+
+  .icon-button {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    background: none;
+    border: none;
+    border-radius: var(--sl-border-radius-medium);
+    font-size: inherit;
+    color: inherit;
+    padding: var(--sl-spacing-x-small);
+    cursor: pointer;
+    transition: var(--sl-transition-x-fast) color;
+    -webkit-appearance: none;
+  }
+
+  .icon-button:hover:not(.icon-button--disabled),
+  .icon-button:focus-visible:not(.icon-button--disabled) {
+    color: var(--sl-color-primary-600);
+  }
+
+  .icon-button:active:not(.icon-button--disabled) {
+    color: var(--sl-color-primary-700);
+  }
+
+  .icon-button:focus {
+    outline: none;
+  }
+
+  .icon-button--disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  .icon-button:focus-visible {
+    outline: var(--sl-focus-ring);
+    outline-offset: var(--sl-focus-ring-offset);
+  }
+
+  .icon-button__icon {
+    pointer-events: none;
+  }
+`;
+
+// node_modules/@shoelace-style/shoelace/dist/chunks/chunk.3Y6SB6QS.js
+var basePath = "";
+function setBasePath(path) {
+  basePath = path;
+}
+function getBasePath(subpath = "") {
+  if (!basePath) {
+    const scripts = [...document.getElementsByTagName("script")];
+    const configScript = scripts.find((script) => script.hasAttribute("data-shoelace"));
+    if (configScript) {
+      setBasePath(configScript.getAttribute("data-shoelace"));
+    } else {
+      const fallbackScript = scripts.find((s6) => {
+        return /shoelace(\.min)?\.js($|\?)/.test(s6.src) || /shoelace-autoloader(\.min)?\.js($|\?)/.test(s6.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.KAW7D32O.js
+var __defProp2 = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __typeError2 = (msg2) => {
+  throw TypeError(msg2);
+};
+var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a5, b4) => {
+  for (var prop in b4 || (b4 = {}))
+    if (__hasOwnProp.call(b4, prop))
+      __defNormalProp2(a5, prop, b4[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b4)) {
+      if (__propIsEnum.call(b4, prop))
+        __defNormalProp2(a5, prop, b4[prop]);
+    }
+  return a5;
+};
+var __spreadProps = (a5, b4) => __defProps(a5, __getOwnPropDescs(b4));
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc2(target, key) : target;
+  for (var i7 = decorators.length - 1, decorator; i7 >= 0; i7--)
+    if (decorator = decorators[i7])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp2(target, key, result);
+  return result;
+};
+var __accessCheck2 = (obj, member, msg2) => member.has(obj) || __typeError2("Cannot " + msg2);
+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);
+
+// node_modules/@shoelace-style/shoelace/dist/chunks/chunk.GMYPQTFK.js
+function watch(propertyName, options) {
+  const resolvedOptions = __spreadValues({
+    waitUntilFirstUpdate: false
+  }, options);
+  return (proto, decoratedFnName) => {
+    const { update: update2 } = proto;
+    const watchedProperties = Array.isArray(propertyName) ? propertyName : [propertyName];
+    proto.update = function(changedProps) {
+      watchedProperties.forEach((property) => {
+        const key = property;
+        if (changedProps.has(key)) {
+          const oldValue = changedProps.get(key);
+          const newValue = this[key];
+          if (oldValue !== newValue) {
+            if (!resolvedOptions.waitUntilFirstUpdate || this.hasUpdated) {
+              this[decoratedFnName](oldValue, newValue);
+            }
+          }
+        }
+      });
+      update2.call(this, changedProps);
+    };
+  };
+}
+
+// node_modules/@shoelace-style/shoelace/dist/chunks/chunk.TUVJKY7S.js
+var component_styles_default = i`
+  :host {
+    box-sizing: border-box;
+  }
+
+  :host *,
+  :host *::before,
+  :host *::after {
+    box-sizing: inherit;
+  }
+
+  [hidden] {
+    display: none !important;
+  }
+`;
+
+// node_modules/@lit/reactive-element/decorators/custom-element.js
+var t3 = (t7) => (e10, o11) => {
+  void 0 !== o11 ? o11.addInitializer(() => {
+    customElements.define(t7, e10);
+  }) : customElements.define(t7, e10);
+};
+
+// node_modules/@lit/reactive-element/decorators/property.js
+var o5 = { attribute: true, type: String, converter: u, reflect: false, hasChanged: f };
+var r4 = (t7 = o5, e10, r9) => {
+  const { kind: n9, metadata: i7 } = r9;
+  let s6 = globalThis.litPropertyMetadata.get(i7);
+  if (void 0 === s6 && globalThis.litPropertyMetadata.set(i7, s6 = /* @__PURE__ */ new Map()), "setter" === n9 && ((t7 = Object.create(t7)).wrapped = true), s6.set(r9.name, t7), "accessor" === n9) {
+    const { name: o11 } = r9;
+    return { set(r10) {
+      const n10 = e10.get.call(this);
+      e10.set.call(this, r10), this.requestUpdate(o11, n10, t7, true, r10);
+    }, init(e11) {
+      return void 0 !== e11 && this.C(o11, void 0, t7, e11), e11;
+    } };
+  }
+  if ("setter" === n9) {
+    const { name: o11 } = r9;
+    return function(r10) {
+      const n10 = this[o11];
+      e10.call(this, r10), this.requestUpdate(o11, n10, t7, true, r10);
+    };
+  }
+  throw Error("Unsupported decorator location: " + n9);
+};
+function n4(t7) {
+  return (e10, o11) => "object" == typeof o11 ? r4(t7, e10, o11) : ((t8, e11, o12) => {
+    const r9 = e11.hasOwnProperty(o12);
+    return e11.constructor.createProperty(o12, t8), r9 ? Object.getOwnPropertyDescriptor(e11, o12) : void 0;
+  })(t7, e10, o11);
+}
+
+// node_modules/@lit/reactive-element/decorators/state.js
+function r5(r9) {
+  return n4({ ...r9, state: true, attribute: false });
+}
+
+// node_modules/@lit/reactive-element/decorators/base.js
+var e4 = (e10, t7, c7) => (c7.configurable = true, c7.enumerable = true, Reflect.decorate && "object" != typeof t7 && Object.defineProperty(e10, t7, c7), c7);
+
+// node_modules/@lit/reactive-element/decorators/query.js
+function e5(e10, r9) {
+  return (n9, s6, i7) => {
+    const o11 = (t7) => t7.renderRoot?.querySelector(e10) ?? null;
+    if (r9) {
+      const { get: e11, set: r10 } = "object" == typeof s6 ? n9 : i7 ?? (() => {
+        const t7 = Symbol();
+        return { get() {
+          return this[t7];
+        }, set(e12) {
+          this[t7] = e12;
+        } };
+      })();
+      return e4(n9, s6, { get() {
+        let t7 = e11.call(this);
+        return void 0 === t7 && (t7 = o11(this), (null !== t7 || this.hasUpdated) && r10.call(this, t7)), t7;
+      } });
+    }
+    return e4(n9, s6, { get() {
+      return o11(this);
+    } });
+  };
+}
+
+// node_modules/@shoelace-style/shoelace/dist/chunks/chunk.4TUIT776.js
+var _hasRecordedInitialProperties;
+var ShoelaceElement = class extends i4 {
+  constructor() {
+    super();
+    __privateAdd2(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 (!__privateGet2(this, _hasRecordedInitialProperties)) {
+      this.constructor.elementProperties.forEach(
+        (obj, prop) => {
+          if (obj.reflect && this[prop] != null) {
+            this.initialReflectedProperties.set(prop, this[prop]);
+          }
+        }
+      );
+      __privateSet2(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;
+      }
+    });
+  }
+};
+_hasRecordedInitialProperties = /* @__PURE__ */ new WeakMap();
+ShoelaceElement.version = "2.20.1";
+ShoelaceElement.dependencies = {};
+__decorateClass([
+  n4()
+], ShoelaceElement.prototype, "dir", 2);
+__decorateClass([
+  n4()
+], ShoelaceElement.prototype, "lang", 2);
+
+// node_modules/lit-html/directive-helpers.js
+var { I: t4 } = j;
+var l3 = (o11, t7) => void 0 === t7 ? void 0 !== o11?._$litType$ : o11?._$litType$ === t7;
+var r6 = (o11) => void 0 === o11.strings;
+var m2 = {};
+var p3 = (o11, t7 = m2) => o11._$AH = t7;
+
+// node_modules/@shoelace-style/shoelace/dist/chunks/chunk.YHLNUJ7P.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 = b2`<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 (e10) {
+      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 (e10) {
+      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 (l3(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([
+  n4({ reflect: true })
+], SlIcon.prototype, "name", 2);
+__decorateClass([
+  n4()
+], SlIcon.prototype, "src", 2);
+__decorateClass([
+  n4()
+], SlIcon.prototype, "label", 2);
+__decorateClass([
+  n4({ reflect: true })
+], SlIcon.prototype, "library", 2);
+__decorateClass([
+  watch("label")
+], SlIcon.prototype, "handleLabelChange", 1);
+__decorateClass([
+  watch(["name", "src", "library"])
+], SlIcon.prototype, "setIcon", 1);
+
+// node_modules/lit-html/directive.js
+var t5 = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4, EVENT: 5, ELEMENT: 6 };
+var e6 = (t7) => (...e10) => ({ _$litDirective$: t7, values: e10 });
+var i5 = class {
+  constructor(t7) {
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AT(t7, e10, i7) {
+    this._$Ct = t7, this._$AM = e10, this._$Ci = i7;
+  }
+  _$AS(t7, e10) {
+    return this.update(t7, e10);
+  }
+  update(t7, e10) {
+    return this.render(...e10);
+  }
+};
+
+// node_modules/lit-html/directives/class-map.js
+var e7 = e6(class extends i5 {
+  constructor(t7) {
+    if (super(t7), t7.type !== t5.ATTRIBUTE || "class" !== t7.name || t7.strings?.length > 2) throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
+  }
+  render(t7) {
+    return " " + Object.keys(t7).filter((s6) => t7[s6]).join(" ") + " ";
+  }
+  update(s6, [i7]) {
+    if (void 0 === this.st) {
+      this.st = /* @__PURE__ */ new Set(), void 0 !== s6.strings && (this.nt = new Set(s6.strings.join(" ").split(/\s/).filter((t7) => "" !== t7)));
+      for (const t7 in i7) i7[t7] && !this.nt?.has(t7) && this.st.add(t7);
+      return this.render(i7);
+    }
+    const r9 = s6.element.classList;
+    for (const t7 of this.st) t7 in i7 || (r9.remove(t7), this.st.delete(t7));
+    for (const t7 in i7) {
+      const s7 = !!i7[t7];
+      s7 === this.st.has(t7) || this.nt?.has(t7) || (s7 ? (r9.add(t7), this.st.add(t7)) : (r9.remove(t7), this.st.delete(t7)));
+    }
+    return E;
+  }
+});
+
+// node_modules/lit-html/static.js
+var a3 = Symbol.for("");
+var o6 = (t7) => {
+  if (t7?.r === a3) return t7?._$litStatic$;
+};
+var i6 = (t7, ...r9) => ({ _$litStatic$: r9.reduce((r10, e10, a5) => r10 + ((t8) => {
+  if (void 0 !== t8._$litStatic$) return t8._$litStatic$;
+  throw Error(`Value passed to 'literal' function must be a 'literal' result: ${t8}. Use 'unsafeStatic' to pass non-literal values, but
+            take care to ensure page security.`);
+})(e10) + t7[a5 + 1], t7[0]), r: a3 });
+var l4 = /* @__PURE__ */ new Map();
+var n5 = (t7) => (r9, ...e10) => {
+  const a5 = e10.length;
+  let s6, i7;
+  const n9 = [], u5 = [];
+  let c7, $4 = 0, f5 = false;
+  for (; $4 < a5; ) {
+    for (c7 = r9[$4]; $4 < a5 && void 0 !== (i7 = e10[$4], s6 = o6(i7)); ) c7 += s6 + r9[++$4], f5 = true;
+    $4 !== a5 && u5.push(i7), n9.push(c7), $4++;
+  }
+  if ($4 === a5 && n9.push(r9[a5]), f5) {
+    const t8 = n9.join("$$lit$$");
+    void 0 === (r9 = l4.get(t8)) && (n9.raw = n9, l4.set(t8, r9 = n9)), e10 = u5;
+  }
+  return t7(r9, ...e10);
+};
+var u3 = n5(b2);
+var c4 = n5(w);
+var $2 = n5(T);
+
+// node_modules/lit-html/directives/if-defined.js
+var o7 = (o11) => o11 ?? A;
+
+// node_modules/@shoelace-style/shoelace/dist/chunks/chunk.7E4JTYWU.js
+var SlIconButton = class extends ShoelaceElement {
+  constructor() {
+    super(...arguments);
+    this.hasFocus = false;
+    this.label = "";
+    this.disabled = false;
+  }
+  handleBlur() {
+    this.hasFocus = false;
+    this.emit("sl-blur");
+  }
+  handleFocus() {
+    this.hasFocus = true;
+    this.emit("sl-focus");
+  }
+  handleClick(event) {
+    if (this.disabled) {
+      event.preventDefault();
+      event.stopPropagation();
+    }
+  }
+  /** Simulates a click on the icon button. */
+  click() {
+    this.button.click();
+  }
+  /** Sets focus on the icon button. */
+  focus(options) {
+    this.button.focus(options);
+  }
+  /** Removes focus from the icon button. */
+  blur() {
+    this.button.blur();
+  }
+  render() {
+    const isLink = this.href ? true : false;
+    const tag = isLink ? i6`a` : i6`button`;
+    return u3`
+      <${tag}
+        part="base"
+        class=${e7({
+      "icon-button": true,
+      "icon-button--disabled": !isLink && this.disabled,
+      "icon-button--focused": this.hasFocus
+    })}
+        ?disabled=${o7(isLink ? void 0 : this.disabled)}
+        type=${o7(isLink ? void 0 : "button")}
+        href=${o7(isLink ? this.href : void 0)}
+        target=${o7(isLink ? this.target : void 0)}
+        download=${o7(isLink ? this.download : void 0)}
+        rel=${o7(isLink && this.target ? "noreferrer noopener" : void 0)}
+        role=${o7(isLink ? void 0 : "button")}
+        aria-disabled=${this.disabled ? "true" : "false"}
+        aria-label="${this.label}"
+        tabindex=${this.disabled ? "-1" : "0"}
+        @blur=${this.handleBlur}
+        @focus=${this.handleFocus}
+        @click=${this.handleClick}
+      >
+        <sl-icon
+          class="icon-button__icon"
+          name=${o7(this.name)}
+          library=${o7(this.library)}
+          src=${o7(this.src)}
+          aria-hidden="true"
+        ></sl-icon>
+      </${tag}>
+    `;
+  }
+};
+SlIconButton.styles = [component_styles_default, icon_button_styles_default];
+SlIconButton.dependencies = { "sl-icon": SlIcon };
+__decorateClass([
+  e5(".icon-button")
+], SlIconButton.prototype, "button", 2);
+__decorateClass([
+  r5()
+], SlIconButton.prototype, "hasFocus", 2);
+__decorateClass([
+  n4()
+], SlIconButton.prototype, "name", 2);
+__decorateClass([
+  n4()
+], SlIconButton.prototype, "library", 2);
+__decorateClass([
+  n4()
+], SlIconButton.prototype, "src", 2);
+__decorateClass([
+  n4()
+], SlIconButton.prototype, "href", 2);
+__decorateClass([
+  n4()
+], SlIconButton.prototype, "target", 2);
+__decorateClass([
+  n4()
+], SlIconButton.prototype, "download", 2);
+__decorateClass([
+  n4()
+], SlIconButton.prototype, "label", 2);
+__decorateClass([
+  n4({ type: Boolean, reflect: true })
+], SlIconButton.prototype, "disabled", 2);
+
+// node_modules/@shoelace-style/shoelace/dist/chunks/chunk.GGT72J62.js
+var input_styles_default = i`
+  :host {
+    display: block;
+  }
+
+  .input {
+    flex: 1 1 auto;
+    display: inline-flex;
+    align-items: stretch;
+    justify-content: start;
+    position: relative;
+    width: 100%;
+    font-family: var(--sl-input-font-family);
+    font-weight: var(--sl-input-font-weight);
+    letter-spacing: var(--sl-input-letter-spacing);
+    vertical-align: middle;
+    overflow: hidden;
+    cursor: text;
+    transition:
+      var(--sl-transition-fast) color,
+      var(--sl-transition-fast) border,
+      var(--sl-transition-fast) box-shadow,
+      var(--sl-transition-fast) background-color;
+  }
+
+  /* Standard inputs */
+  .input--standard {
+    background-color: var(--sl-input-background-color);
+    border: solid var(--sl-input-border-width) var(--sl-input-border-color);
+  }
+
+  .input--standard:hover:not(.input--disabled) {
+    background-color: var(--sl-input-background-color-hover);
+    border-color: var(--sl-input-border-color-hover);
+  }
+
+  .input--standard.input--focused:not(.input--disabled) {
+    background-color: var(--sl-input-background-color-focus);
+    border-color: var(--sl-input-border-color-focus);
+    box-shadow: 0 0 0 var(--sl-focus-ring-width) var(--sl-input-focus-ring-color);
+  }
+
+  .input--standard.input--focused:not(.input--disabled) .input__control {
+    color: var(--sl-input-color-focus);
+  }
+
+  .input--standard.input--disabled {
+    background-color: var(--sl-input-background-color-disabled);
+    border-color: var(--sl-input-border-color-disabled);
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  .input--standard.input--disabled .input__control {
+    color: var(--sl-input-color-disabled);
+  }
+
+  .input--standard.input--disabled .input__control::placeholder {
+    color: var(--sl-input-placeholder-color-disabled);
+  }
+
+  /* Filled inputs */
+  .input--filled {
+    border: none;
+    background-color: var(--sl-input-filled-background-color);
+    color: var(--sl-input-color);
+  }
+
+  .input--filled:hover:not(.input--disabled) {
+    background-color: var(--sl-input-filled-background-color-hover);
+  }
+
+  .input--filled.input--focused:not(.input--disabled) {
+    background-color: var(--sl-input-filled-background-color-focus);
+    outline: var(--sl-focus-ring);
+    outline-offset: var(--sl-focus-ring-offset);
+  }
+
+  .input--filled.input--disabled {
+    background-color: var(--sl-input-filled-background-color-disabled);
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  .input__control {
+    flex: 1 1 auto;
+    font-family: inherit;
+    font-size: inherit;
+    font-weight: inherit;
+    min-width: 0;
+    height: 100%;
+    color: var(--sl-input-color);
+    border: none;
+    background: inherit;
+    box-shadow: none;
+    padding: 0;
+    margin: 0;
+    cursor: inherit;
+    -webkit-appearance: none;
+  }
+
+  .input__control::-webkit-search-decoration,
+  .input__control::-webkit-search-cancel-button,
+  .input__control::-webkit-search-results-button,
+  .input__control::-webkit-search-results-decoration {
+    -webkit-appearance: none;
+  }
+
+  .input__control:-webkit-autofill,
+  .input__control:-webkit-autofill:hover,
+  .input__control:-webkit-autofill:focus,
+  .input__control:-webkit-autofill:active {
+    box-shadow: 0 0 0 var(--sl-input-height-large) var(--sl-input-background-color-hover) inset !important;
+    -webkit-text-fill-color: var(--sl-color-primary-500);
+    caret-color: var(--sl-input-color);
+  }
+
+  .input--filled .input__control:-webkit-autofill,
+  .input--filled .input__control:-webkit-autofill:hover,
+  .input--filled .input__control:-webkit-autofill:focus,
+  .input--filled .input__control:-webkit-autofill:active {
+    box-shadow: 0 0 0 var(--sl-input-height-large) var(--sl-input-filled-background-color) inset !important;
+  }
+
+  .input__control::placeholder {
+    color: var(--sl-input-placeholder-color);
+    user-select: none;
+    -webkit-user-select: none;
+  }
+
+  .input:hover:not(.input--disabled) .input__control {
+    color: var(--sl-input-color-hover);
+  }
+
+  .input__control:focus {
+    outline: none;
+  }
+
+  .input__prefix,
+  .input__suffix {
+    display: inline-flex;
+    flex: 0 0 auto;
+    align-items: center;
+    cursor: default;
+  }
+
+  .input__prefix ::slotted(sl-icon),
+  .input__suffix ::slotted(sl-icon) {
+    color: var(--sl-input-icon-color);
+  }
+
+  /*
+   * Size modifiers
+   */
+
+  .input--small {
+    border-radius: var(--sl-input-border-radius-small);
+    font-size: var(--sl-input-font-size-small);
+    height: var(--sl-input-height-small);
+  }
+
+  .input--small .input__control {
+    height: calc(var(--sl-input-height-small) - var(--sl-input-border-width) * 2);
+    padding: 0 var(--sl-input-spacing-small);
+  }
+
+  .input--small .input__clear,
+  .input--small .input__password-toggle {
+    width: calc(1em + var(--sl-input-spacing-small) * 2);
+  }
+
+  .input--small .input__prefix ::slotted(*) {
+    margin-inline-start: var(--sl-input-spacing-small);
+  }
+
+  .input--small .input__suffix ::slotted(*) {
+    margin-inline-end: var(--sl-input-spacing-small);
+  }
+
+  .input--medium {
+    border-radius: var(--sl-input-border-radius-medium);
+    font-size: var(--sl-input-font-size-medium);
+    height: var(--sl-input-height-medium);
+  }
+
+  .input--medium .input__control {
+    height: calc(var(--sl-input-height-medium) - var(--sl-input-border-width) * 2);
+    padding: 0 var(--sl-input-spacing-medium);
+  }
+
+  .input--medium .input__clear,
+  .input--medium .input__password-toggle {
+    width: calc(1em + var(--sl-input-spacing-medium) * 2);
+  }
+
+  .input--medium .input__prefix ::slotted(*) {
+    margin-inline-start: var(--sl-input-spacing-medium);
+  }
+
+  .input--medium .input__suffix ::slotted(*) {
+    margin-inline-end: var(--sl-input-spacing-medium);
+  }
+
+  .input--large {
+    border-radius: var(--sl-input-border-radius-large);
+    font-size: var(--sl-input-font-size-large);
+    height: var(--sl-input-height-large);
+  }
+
+  .input--large .input__control {
+    height: calc(var(--sl-input-height-large) - var(--sl-input-border-width) * 2);
+    padding: 0 var(--sl-input-spacing-large);
+  }
+
+  .input--large .input__clear,
+  .input--large .input__password-toggle {
+    width: calc(1em + var(--sl-input-spacing-large) * 2);
+  }
+
+  .input--large .input__prefix ::slotted(*) {
+    margin-inline-start: var(--sl-input-spacing-large);
+  }
+
+  .input--large .input__suffix ::slotted(*) {
+    margin-inline-end: var(--sl-input-spacing-large);
+  }
+
+  /*
+   * Pill modifier
+   */
+
+  .input--pill.input--small {
+    border-radius: var(--sl-input-height-small);
+  }
+
+  .input--pill.input--medium {
+    border-radius: var(--sl-input-height-medium);
+  }
+
+  .input--pill.input--large {
+    border-radius: var(--sl-input-height-large);
+  }
+
+  /*
+   * Clearable + Password Toggle
+   */
+
+  .input__clear,
+  .input__password-toggle {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    font-size: inherit;
+    color: var(--sl-input-icon-color);
+    border: none;
+    background: none;
+    padding: 0;
+    transition: var(--sl-transition-fast) color;
+    cursor: pointer;
+  }
+
+  .input__clear:hover,
+  .input__password-toggle:hover {
+    color: var(--sl-input-icon-color-hover);
+  }
+
+  .input__clear:focus,
+  .input__password-toggle:focus {
+    outline: none;
+  }
+
+  /* Don't show the browser's password toggle in Edge */
+  ::-ms-reveal {
+    display: none;
+  }
+
+  /* Hide the built-in number spinner */
+  .input--no-spin-buttons input[type='number']::-webkit-outer-spin-button,
+  .input--no-spin-buttons input[type='number']::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    display: none;
+  }
+
+  .input--no-spin-buttons input[type='number'] {
+    -moz-appearance: textfield;
+  }
+`;
+
+// node_modules/@shoelace-style/shoelace/dist/chunks/chunk.GI7VDIWX.js
+var defaultValue = (propertyName = "value") => (proto, key) => {
+  const ctor = proto.constructor;
+  const attributeChangedCallback = ctor.prototype.attributeChangedCallback;
+  ctor.prototype.attributeChangedCallback = function(name, old, value) {
+    var _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.3RPBFEDE.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/@shoelace-style/localize/dist/index.js
+var connectedElements = /* @__PURE__ */ new Set();
+var translations = /* @__PURE__ */ new Map();
+var fallback;
+var documentDirection = "ltr";
+var documentLanguage = "en";
+var isClient = typeof MutationObserver !== "undefined" && typeof document !== "undefined" && typeof document.documentElement !== "undefined";
+if (isClient) {
+  const documentElementObserver = new MutationObserver(update);
+  documentDirection = document.documentElement.dir || "ltr";
+  documentLanguage = document.documentElement.lang || navigator.language;
+  documentElementObserver.observe(document.documentElement, {
+    attributes: true,
+    attributeFilter: ["dir", "lang"]
+  });
+}
+function registerTranslation(...translation2) {
+  translation2.map((t7) => {
+    const code = t7.$code.toLowerCase();
+    if (translations.has(code)) {
+      translations.set(code, Object.assign(Object.assign({}, translations.get(code)), t7));
+    } else {
+      translations.set(code, t7);
+    }
+    if (!fallback) {
+      fallback = t7;
+    }
+  });
+  update();
+}
+function update() {
+  if (isClient) {
+    documentDirection = document.documentElement.dir || "ltr";
+    documentLanguage = document.documentElement.lang || navigator.language;
+  }
+  [...connectedElements.keys()].map((el) => {
+    if (typeof el.requestUpdate === "function") {
+      el.requestUpdate();
+    }
+  });
+}
+var LocalizeController = class {
+  constructor(host) {
+    this.host = host;
+    this.host.addController(this);
+  }
+  hostConnected() {
+    connectedElements.add(this.host);
+  }
+  hostDisconnected() {
+    connectedElements.delete(this.host);
+  }
+  dir() {
+    return `${this.host.dir || documentDirection}`.toLowerCase();
+  }
+  lang() {
+    const lang = `${this.host.lang || documentLanguage}`.toLowerCase().replace(/_/g, "-");
+    try {
+      new Intl.Locale(lang);
+      return lang;
+    } catch (_a3) {
+      return fallback ? fallback.$code.toLowerCase() : "en";
+    }
+  }
+  getTranslationData(lang) {
+    var _a3, _b;
+    let locale;
+    try {
+      locale = new Intl.Locale(lang.replace(/_/g, "-"));
+    } catch (_c) {
+      return { locale: void 0, language: "", region: "", primary: void 0, secondary: void 0 };
+    }
+    const language = locale.language.toLowerCase();
+    const region = (_b = (_a3 = locale.region) === null || _a3 === void 0 ? void 0 : _a3.toLowerCase()) !== null && _b !== void 0 ? _b : "";
+    const primary = translations.get(`${language}-${region}`);
+    const secondary = translations.get(language);
+    return { locale, language, region, primary, secondary };
+  }
+  exists(key, options) {
+    var _a3;
+    const { primary, secondary } = this.getTranslationData((_a3 = options.lang) !== null && _a3 !== void 0 ? _a3 : this.lang());
+    options = Object.assign({ includeFallback: false }, options);
+    if (primary && primary[key] || secondary && secondary[key] || options.includeFallback && fallback && fallback[key]) {
+      return true;
+    }
+    return false;
+  }
+  term(key, ...args) {
+    const { primary, secondary } = this.getTranslationData(this.lang());
+    let term;
+    if (primary && primary[key]) {
+      term = primary[key];
+    } else if (secondary && secondary[key]) {
+      term = secondary[key];
+    } else if (fallback && fallback[key]) {
+      term = fallback[key];
+    } else {
+      console.error(`No translation found for: ${String(key)}`);
+      return String(key);
+    }
+    if (typeof term === "function") {
+      return term(...args);
+    }
+    return term;
+  }
+  date(dateToFormat, options) {
+    dateToFormat = new Date(dateToFormat);
+    return new Intl.DateTimeFormat(this.lang(), options).format(dateToFormat);
+  }
+  number(numberToFormat, options) {
+    numberToFormat = Number(numberToFormat);
+    return isNaN(numberToFormat) ? "" : new Intl.NumberFormat(this.lang(), options).format(numberToFormat);
+  }
+  relativeTime(value, unit, options) {
+    return new Intl.RelativeTimeFormat(this.lang(), options).format(value, unit);
+  }
+};
+
+// node_modules/@shoelace-style/shoelace/dist/chunks/chunk.7BTDLTNI.js
+var translation = {
+  $code: "en",
+  $name: "English",
+  $dir: "ltr",
+  carousel: "Carousel",
+  clearEntry: "Clear entry",
+  close: "Close",
+  copied: "Copied",
+  copy: "Copy",
+  currentValue: "Current value",
+  error: "Error",
+  goToSlide: (slide, count) => `Go to slide ${slide} of ${count}`,
+  hidePassword: "Hide password",
+  loading: "Loading",
+  nextSlide: "Next slide",
+  numOptionsSelected: (num) => {
+    if (num === 0) return "No options selected";
+    if (num === 1) return "1 option selected";
+    return `${num} options selected`;
+  },
+  previousSlide: "Previous slide",
+  progress: "Progress",
+  remove: "Remove",
+  resize: "Resize",
+  scrollToEnd: "Scroll to end",
+  scrollToStart: "Scroll to start",
+  selectAColorFromTheScreen: "Select a color from the screen",
+  showPassword: "Show password",
+  slideNum: (slide) => `Slide ${slide}`,
+  toggleColorFormat: "Toggle color format"
+};
+registerTranslation(translation);
+var en_default = translation;
+
+// node_modules/@shoelace-style/shoelace/dist/chunks/chunk.6CTB5ZDJ.js
+var LocalizeController2 = class extends LocalizeController {
+};
+registerTranslation(en_default);
+
+// node_modules/lit-html/directives/live.js
+var l5 = e6(class extends i5 {
+  constructor(r9) {
+    if (super(r9), r9.type !== t5.PROPERTY && r9.type !== t5.ATTRIBUTE && r9.type !== t5.BOOLEAN_ATTRIBUTE) throw Error("The `live` directive is not allowed on child or event bindings");
+    if (!r6(r9)) throw Error("`live` bindings can only contain a single expression");
+  }
+  render(r9) {
+    return r9;
+  }
+  update(i7, [t7]) {
+    if (t7 === E || t7 === A) return t7;
+    const o11 = i7.element, l7 = i7.name;
+    if (i7.type === t5.PROPERTY) {
+      if (t7 === o11[l7]) return E;
+    } else if (i7.type === t5.BOOLEAN_ATTRIBUTE) {
+      if (!!t7 === o11.hasAttribute(l7)) return E;
+    } else if (i7.type === t5.ATTRIBUTE && o11.getAttribute(l7) === t7 + "") return E;
+    return p3(i7), t7;
+  }
+});
+
+// node_modules/@shoelace-style/shoelace/dist/chunks/chunk.VM65NPGC.js
+var SlInput = class extends ShoelaceElement {
+  constructor() {
+    super(...arguments);
+    this.formControlController = new FormControlController(this, {
+      assumeInteractionOn: ["sl-blur", "sl-input"]
+    });
+    this.hasSlotController = new HasSlotController(this, "help-text", "label");
+    this.localize = new LocalizeController2(this);
+    this.hasFocus = false;
+    this.title = "";
+    this.__numberInput = Object.assign(document.createElement("input"), { type: "number" });
+    this.__dateInput = Object.assign(document.createElement("input"), { type: "date" });
+    this.type = "text";
+    this.name = "";
+    this.value = "";
+    this.defaultValue = "";
+    this.size = "medium";
+    this.filled = false;
+    this.pill = false;
+    this.label = "";
+    this.helpText = "";
+    this.clearable = false;
+    this.disabled = false;
+    this.placeholder = "";
+    this.readonly = false;
+    this.passwordToggle = false;
+    this.passwordVisible = false;
+    this.noSpinButtons = false;
+    this.form = "";
+    this.required = false;
+    this.spellcheck = true;
+  }
+  //
+  // NOTE: We use an in-memory input for these getters/setters instead of the one in the template because the properties
+  // can be set before the component is rendered.
+  //
+  /**
+   * Gets or sets the current value as a `Date` object. Returns `null` if the value can't be converted. This will use the native `<input type="{{type}}">` implementation and may result in an error.
+   */
+  get valueAsDate() {
+    var _a3;
+    this.__dateInput.type = this.type;
+    this.__dateInput.value = this.value;
+    return ((_a3 = this.input) == null ? void 0 : _a3.valueAsDate) || this.__dateInput.valueAsDate;
+  }
+  set valueAsDate(newValue) {
+    this.__dateInput.type = this.type;
+    this.__dateInput.valueAsDate = newValue;
+    this.value = this.__dateInput.value;
+  }
+  /** Gets or sets the current value as a number. Returns `NaN` if the value can't be converted. */
+  get valueAsNumber() {
+    var _a3;
+    this.__numberInput.value = this.value;
+    return ((_a3 = this.input) == null ? void 0 : _a3.valueAsNumber) || this.__numberInput.valueAsNumber;
+  }
+  set valueAsNumber(newValue) {
+    this.__numberInput.valueAsNumber = newValue;
+    this.value = this.__numberInput.value;
+  }
+  /** Gets the validity state object */
+  get validity() {
+    return this.input.validity;
+  }
+  /** Gets the validation message */
+  get validationMessage() {
+    return this.input.validationMessage;
+  }
+  firstUpdated() {
+    this.formControlController.updateValidity();
+  }
+  handleBlur() {
+    this.hasFocus = false;
+    this.emit("sl-blur");
+  }
+  handleChange() {
+    this.value = this.input.value;
+    this.emit("sl-change");
+  }
+  handleClearClick(event) {
+    event.preventDefault();
+    if (this.value !== "") {
+      this.value = "";
+      this.emit("sl-clear");
+      this.emit("sl-input");
+      this.emit("sl-change");
+    }
+    this.input.focus();
+  }
+  handleFocus() {
+    this.hasFocus = true;
+    this.emit("sl-focus");
+  }
+  handleInput() {
+    this.value = this.input.value;
+    this.formControlController.updateValidity();
+    this.emit("sl-input");
+  }
+  handleInvalid(event) {
+    this.formControlController.setValidity(false);
+    this.formControlController.emitInvalidEvent(event);
+  }
+  handleKeyDown(event) {
+    const hasModifier = event.metaKey || event.ctrlKey || event.shiftKey || event.altKey;
+    if (event.key === "Enter" && !hasModifier) {
+      setTimeout(() => {
+        if (!event.defaultPrevented && !event.isComposing) {
+          this.formControlController.submit();
+        }
+      });
+    }
+  }
+  handlePasswordToggle() {
+    this.passwordVisible = !this.passwordVisible;
+  }
+  handleDisabledChange() {
+    this.formControlController.setValidity(this.disabled);
+  }
+  handleStepChange() {
+    this.input.step = String(this.step);
+    this.formControlController.updateValidity();
+  }
+  async handleValueChange() {
+    await this.updateComplete;
+    this.formControlController.updateValidity();
+  }
+  /** Sets focus on the input. */
+  focus(options) {
+    this.input.focus(options);
+  }
+  /** Removes focus from the input. */
+  blur() {
+    this.input.blur();
+  }
+  /** Selects all the text in the input. */
+  select() {
+    this.input.select();
+  }
+  /** Sets the start and end positions of the text selection (0-based). */
+  setSelectionRange(selectionStart, selectionEnd, selectionDirection = "none") {
+    this.input.setSelectionRange(selectionStart, selectionEnd, selectionDirection);
+  }
+  /** Replaces a range of text with a new string. */
+  setRangeText(replacement, start, end, selectMode = "preserve") {
+    const selectionStart = start != null ? start : this.input.selectionStart;
+    const selectionEnd = end != null ? end : this.input.selectionEnd;
+    this.input.setRangeText(replacement, selectionStart, selectionEnd, selectMode);
+    if (this.value !== this.input.value) {
+      this.value = this.input.value;
+    }
+  }
+  /** Displays the browser picker for an input element (only works if the browser supports it for the input type). */
+  showPicker() {
+    if ("showPicker" in HTMLInputElement.prototype) {
+      this.input.showPicker();
+    }
+  }
+  /** Increments the value of a numeric input type by the value of the step attribute. */
+  stepUp() {
+    this.input.stepUp();
+    if (this.value !== this.input.value) {
+      this.value = this.input.value;
+    }
+  }
+  /** Decrements the value of a numeric input type by the value of the step attribute. */
+  stepDown() {
+    this.input.stepDown();
+    if (this.value !== this.input.value) {
+      this.value = this.input.value;
+    }
+  }
+  /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */
+  checkValidity() {
+    return this.input.checkValidity();
+  }
+  /** Gets the associated form, if one exists. */
+  getForm() {
+    return this.formControlController.getForm();
+  }
+  /** Checks for validity and shows the browser's validation message if the control is invalid. */
+  reportValidity() {
+    return this.input.reportValidity();
+  }
+  /** Sets a custom validation message. Pass an empty string to restore validity. */
+  setCustomValidity(message) {
+    this.input.setCustomValidity(message);
+    this.formControlController.updateValidity();
+  }
+  render() {
+    const hasLabelSlot = this.hasSlotController.test("label");
+    const hasHelpTextSlot = this.hasSlotController.test("help-text");
+    const hasLabel = this.label ? true : !!hasLabelSlot;
+    const hasHelpText = this.helpText ? true : !!hasHelpTextSlot;
+    const hasClearIcon = this.clearable && !this.disabled && !this.readonly;
+    const isClearIconVisible = hasClearIcon && (typeof this.value === "number" || this.value.length > 0);
+    return b2`
+      <div
+        part="form-control"
+        class=${e7({
+      "form-control": true,
+      "form-control--small": this.size === "small",
+      "form-control--medium": this.size === "medium",
+      "form-control--large": this.size === "large",
+      "form-control--has-label": hasLabel,
+      "form-control--has-help-text": hasHelpText
+    })}
+      >
+        <label
+          part="form-control-label"
+          class="form-control__label"
+          for="input"
+          aria-hidden=${hasLabel ? "false" : "true"}
+        >
+          <slot name="label">${this.label}</slot>
+        </label>
+
+        <div part="form-control-input" class="form-control-input">
+          <div
+            part="base"
+            class=${e7({
+      input: true,
+      // Sizes
+      "input--small": this.size === "small",
+      "input--medium": this.size === "medium",
+      "input--large": this.size === "large",
+      // States
+      "input--pill": this.pill,
+      "input--standard": !this.filled,
+      "input--filled": this.filled,
+      "input--disabled": this.disabled,
+      "input--focused": this.hasFocus,
+      "input--empty": !this.value,
+      "input--no-spin-buttons": this.noSpinButtons
+    })}
+          >
+            <span part="prefix" class="input__prefix">
+              <slot name="prefix"></slot>
+            </span>
+
+            <input
+              part="input"
+              id="input"
+              class="input__control"
+              type=${this.type === "password" && this.passwordVisible ? "text" : this.type}
+              title=${this.title}
+              name=${o7(this.name)}
+              ?disabled=${this.disabled}
+              ?readonly=${this.readonly}
+              ?required=${this.required}
+              placeholder=${o7(this.placeholder)}
+              minlength=${o7(this.minlength)}
+              maxlength=${o7(this.maxlength)}
+              min=${o7(this.min)}
+              max=${o7(this.max)}
+              step=${o7(this.step)}
+              .value=${l5(this.value)}
+              autocapitalize=${o7(this.autocapitalize)}
+              autocomplete=${o7(this.autocomplete)}
+              autocorrect=${o7(this.autocorrect)}
+              ?autofocus=${this.autofocus}
+              spellcheck=${this.spellcheck}
+              pattern=${o7(this.pattern)}
+              enterkeyhint=${o7(this.enterkeyhint)}
+              inputmode=${o7(this.inputmode)}
+              aria-describedby="help-text"
+              @change=${this.handleChange}
+              @input=${this.handleInput}
+              @invalid=${this.handleInvalid}
+              @keydown=${this.handleKeyDown}
+              @focus=${this.handleFocus}
+              @blur=${this.handleBlur}
+            />
+
+            ${isClearIconVisible ? b2`
+                  <button
+                    part="clear-button"
+                    class="input__clear"
+                    type="button"
+                    aria-label=${this.localize.term("clearEntry")}
+                    @click=${this.handleClearClick}
+                    tabindex="-1"
+                  >
+                    <slot name="clear-icon">
+                      <sl-icon name="x-circle-fill" library="system"></sl-icon>
+                    </slot>
+                  </button>
+                ` : ""}
+            ${this.passwordToggle && !this.disabled ? b2`
+                  <button
+                    part="password-toggle-button"
+                    class="input__password-toggle"
+                    type="button"
+                    aria-label=${this.localize.term(this.passwordVisible ? "hidePassword" : "showPassword")}
+                    @click=${this.handlePasswordToggle}
+                    tabindex="-1"
+                  >
+                    ${this.passwordVisible ? b2`
+                          <slot name="show-password-icon">
+                            <sl-icon name="eye-slash" library="system"></sl-icon>
+                          </slot>
+                        ` : b2`
+                          <slot name="hide-password-icon">
+                            <sl-icon name="eye" library="system"></sl-icon>
+                          </slot>
+                        `}
+                  </button>
+                ` : ""}
+
+            <span part="suffix" class="input__suffix">
+              <slot name="suffix"></slot>
+            </span>
+          </div>
+        </div>
+
+        <div
+          part="form-control-help-text"
+          id="help-text"
+          class="form-control__help-text"
+          aria-hidden=${hasHelpText ? "false" : "true"}
+        >
+          <slot name="help-text">${this.helpText}</slot>
+        </div>
+      </div>
+    `;
+  }
+};
+SlInput.styles = [component_styles_default, form_control_styles_default, input_styles_default];
+SlInput.dependencies = { "sl-icon": SlIcon };
+__decorateClass([
+  e5(".input__control")
+], SlInput.prototype, "input", 2);
+__decorateClass([
+  r5()
+], SlInput.prototype, "hasFocus", 2);
+__decorateClass([
+  n4()
+], SlInput.prototype, "title", 2);
+__decorateClass([
+  n4({ reflect: true })
+], SlInput.prototype, "type", 2);
+__decorateClass([
+  n4()
+], SlInput.prototype, "name", 2);
+__decorateClass([
+  n4()
+], SlInput.prototype, "value", 2);
+__decorateClass([
+  defaultValue()
+], SlInput.prototype, "defaultValue", 2);
+__decorateClass([
+  n4({ reflect: true })
+], SlInput.prototype, "size", 2);
+__decorateClass([
+  n4({ type: Boolean, reflect: true })
+], SlInput.prototype, "filled", 2);
+__decorateClass([
+  n4({ type: Boolean, reflect: true })
+], SlInput.prototype, "pill", 2);
+__decorateClass([
+  n4()
+], SlInput.prototype, "label", 2);
+__decorateClass([
+  n4({ attribute: "help-text" })
+], SlInput.prototype, "helpText", 2);
+__decorateClass([
+  n4({ type: Boolean })
+], SlInput.prototype, "clearable", 2);
+__decorateClass([
+  n4({ type: Boolean, reflect: true })
+], SlInput.prototype, "disabled", 2);
+__decorateClass([
+  n4()
+], SlInput.prototype, "placeholder", 2);
+__decorateClass([
+  n4({ type: Boolean, reflect: true })
+], SlInput.prototype, "readonly", 2);
+__decorateClass([
+  n4({ attribute: "password-toggle", type: Boolean })
+], SlInput.prototype, "passwordToggle", 2);
+__decorateClass([
+  n4({ attribute: "password-visible", type: Boolean })
+], SlInput.prototype, "passwordVisible", 2);
+__decorateClass([
+  n4({ attribute: "no-spin-buttons", type: Boolean })
+], SlInput.prototype, "noSpinButtons", 2);
+__decorateClass([
+  n4({ reflect: true })
+], SlInput.prototype, "form", 2);
+__decorateClass([
+  n4({ type: Boolean, reflect: true })
+], SlInput.prototype, "required", 2);
+__decorateClass([
+  n4()
+], SlInput.prototype, "pattern", 2);
+__decorateClass([
+  n4({ type: Number })
+], SlInput.prototype, "minlength", 2);
+__decorateClass([
+  n4({ type: Number })
+], SlInput.prototype, "maxlength", 2);
+__decorateClass([
+  n4()
+], SlInput.prototype, "min", 2);
+__decorateClass([
+  n4()
+], SlInput.prototype, "max", 2);
+__decorateClass([
+  n4()
+], SlInput.prototype, "step", 2);
+__decorateClass([
+  n4()
+], SlInput.prototype, "autocapitalize", 2);
+__decorateClass([
+  n4()
+], SlInput.prototype, "autocorrect", 2);
+__decorateClass([
+  n4()
+], SlInput.prototype, "autocomplete", 2);
+__decorateClass([
+  n4({ type: Boolean })
+], SlInput.prototype, "autofocus", 2);
+__decorateClass([
+  n4()
+], SlInput.prototype, "enterkeyhint", 2);
+__decorateClass([
+  n4({
+    type: Boolean,
+    converter: {
+      // Allow "true|false" attribute values but keep the property boolean
+      fromAttribute: (value) => !value || value === "false" ? false : true,
+      toAttribute: (value) => value ? "true" : "false"
+    }
+  })
+], SlInput.prototype, "spellcheck", 2);
+__decorateClass([
+  n4()
+], SlInput.prototype, "inputmode", 2);
+__decorateClass([
+  watch("disabled", { waitUntilFirstUpdate: true })
+], SlInput.prototype, "handleDisabledChange", 1);
+__decorateClass([
+  watch("step", { waitUntilFirstUpdate: true })
+], SlInput.prototype, "handleStepChange", 1);
+__decorateClass([
+  watch("value", { waitUntilFirstUpdate: true })
+], SlInput.prototype, "handleValueChange", 1);
+
+// node_modules/@webwriter/lit/index.js
+var __create2 = Object.create;
+var __defProp3 = Object.defineProperty;
+var __getOwnPropDesc3 = Object.getOwnPropertyDescriptor;
+var __knownSymbol2 = (name, symbol) => (symbol = Symbol[name]) ? symbol : Symbol.for("Symbol." + name);
+var __typeError3 = (msg2) => {
+  throw TypeError(msg2);
+};
+var __defNormalProp3 = (obj, key, value) => key in obj ? __defProp3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __name2 = (target, value) => __defProp3(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" ? __typeError3("Function expected") : fn;
+var __decoratorContext2 = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings2[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError3("Already initialized") : fns.push(__expectFn2(fn || null)) });
+var __decoratorMetadata2 = (array, target) => __defNormalProp3(target, __knownSymbol2("metadata"), array[3]);
+var __runInitializers2 = (array, flags, self, value) => {
+  for (var i52 = 0, fns = array[flags >> 1], n52 = fns && fns.length; i52 < n52; i52++) flags & 1 ? fns[i52].call(self) : value = fns[i52].call(self, value);
+  return value;
+};
+var __decorateElement2 = (array, flags, name, decorators, target, extra) => {
+  var fn, it, done, ctx, access, k22 = flags & 7, s42 = !!(flags & 8), p32 = !!(flags & 16);
+  var j2 = k22 > 3 ? array.length + 1 : k22 ? s42 ? 1 : 2 : 0, key = __decoratorStrings2[k22 + 5];
+  var initializers = k22 > 3 && (array[j2 - 1] = []), extraInitializers = array[j2] || (array[j2] = []);
+  var desc = k22 && (!p32 && !s42 && (target = target.prototype), k22 < 5 && (k22 > 3 || !p32) && __getOwnPropDesc3(k22 < 4 ? target : { get [name]() {
+    return __privateGet3(this, extra);
+  }, set [name](x22) {
+    return __privateSet3(this, extra, x22);
+  } }, name));
+  k22 ? p32 && k22 < 4 && __name2(extra, (k22 > 2 ? "set " : k22 > 1 ? "get " : "") + name) : __name2(target, name);
+  for (var i52 = decorators.length - 1; i52 >= 0; i52--) {
+    ctx = __decoratorContext2(k22, name, done = {}, array[3], extraInitializers);
+    if (k22) {
+      ctx.static = s42, ctx.private = p32, access = ctx.access = { has: p32 ? (x22) => __privateIn2(target, x22) : (x22) => name in x22 };
+      if (k22 ^ 3) access.get = p32 ? (x22) => (k22 ^ 1 ? __privateGet3 : __privateMethod2)(x22, target, k22 ^ 4 ? extra : desc.get) : (x22) => x22[name];
+      if (k22 > 2) access.set = p32 ? (x22, y32) => __privateSet3(x22, target, y32, k22 ^ 4 ? extra : desc.set) : (x22, y32) => x22[name] = y32;
+    }
+    it = (0, decorators[i52])(k22 ? k22 < 4 ? p32 ? 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 ? p32 ? extra = it : desc[key] = it : target = it);
+    else if (typeof it !== "object" || it === null) __typeError3("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 && __defProp3(target, name, desc), p32 ? k22 ^ 4 ? extra : desc : target;
+};
+var __publicField2 = (obj, key, value) => __defNormalProp3(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __accessCheck3 = (obj, member, msg2) => member.has(obj) || __typeError3("Cannot " + msg2);
+var __privateIn2 = (member, obj) => Object(obj) !== obj ? __typeError3('Cannot use the "in" operator on this value') : member.has(obj);
+var __privateGet3 = (obj, member, getter) => (__accessCheck3(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd3 = (obj, member, value) => member.has(obj) ? __typeError3("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), value);
+var __privateMethod2 = (obj, member, method) => (__accessCheck3(obj, member, "access private method"), method);
+var t6 = globalThis;
+var e8 = t6.ShadowRoot && (void 0 === t6.ShadyCSS || t6.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype;
+var s4 = Symbol();
+var o8 = /* @__PURE__ */ new WeakMap();
+var n6 = class {
+  constructor(t32, e52, o62) {
+    if (this._$cssResult$ = true, o62 !== s4) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    this.cssText = t32, this.t = e52;
+  }
+  get styleSheet() {
+    let t32 = this.o;
+    const s42 = this.t;
+    if (e8 && void 0 === t32) {
+      const e52 = void 0 !== s42 && 1 === s42.length;
+      e52 && (t32 = o8.get(s42)), void 0 === t32 && ((this.o = t32 = new CSSStyleSheet()).replaceSync(this.cssText), e52 && o8.set(s42, t32));
+    }
+    return t32;
+  }
+  toString() {
+    return this.cssText;
+  }
+};
+var r7 = (t32) => new n6("string" == typeof t32 ? t32 : t32 + "", void 0, s4);
+var S3 = (s42, o62) => {
+  if (e8) s42.adoptedStyleSheets = o62.map((t32) => t32 instanceof CSSStyleSheet ? t32 : t32.styleSheet);
+  else for (const e52 of o62) {
+    const o72 = document.createElement("style"), n52 = t6.litNonce;
+    void 0 !== n52 && o72.setAttribute("nonce", n52), o72.textContent = e52.cssText, s42.appendChild(o72);
+  }
+};
+var c5 = e8 ? (t32) => t32 : (t32) => t32 instanceof CSSStyleSheet ? ((t42) => {
+  let e52 = "";
+  for (const s42 of t42.cssRules) e52 += s42.cssText;
+  return r7(e52);
+})(t32) : t32;
+var { is: i22, defineProperty: e22, getOwnPropertyDescriptor: h3, getOwnPropertyNames: r22, getOwnPropertySymbols: o22, getPrototypeOf: n22 } = Object;
+var a4 = globalThis;
+var c22 = a4.trustedTypes;
+var l6 = c22 ? c22.emptyScript : "";
+var p4 = a4.reactiveElementPolyfillSupport;
+var d3 = (t32, s42) => t32;
+var u4 = { toAttribute(t32, s42) {
+  switch (s42) {
+    case Boolean:
+      t32 = t32 ? l6 : null;
+      break;
+    case Object:
+    case Array:
+      t32 = null == t32 ? t32 : JSON.stringify(t32);
+  }
+  return t32;
+}, fromAttribute(t32, s42) {
+  let i52 = t32;
+  switch (s42) {
+    case Boolean:
+      i52 = null !== t32;
+      break;
+    case Number:
+      i52 = null === t32 ? null : Number(t32);
+      break;
+    case Object:
+    case Array:
+      try {
+        i52 = JSON.parse(t32);
+      } catch (t42) {
+        i52 = null;
+      }
+  }
+  return i52;
+} };
+var f3 = (t32, s42) => !i22(t32, s42);
+var b3 = { attribute: true, type: String, converter: u4, reflect: false, useDefault: false, hasChanged: f3 };
+Symbol.metadata ??= Symbol("metadata"), a4.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
+var y3 = class extends HTMLElement {
+  static addInitializer(t32) {
+    this._$Ei(), (this.l ??= []).push(t32);
+  }
+  static get observedAttributes() {
+    return this.finalize(), this._$Eh && [...this._$Eh.keys()];
+  }
+  static createProperty(t32, s42 = b3) {
+    if (s42.state && (s42.attribute = false), this._$Ei(), this.prototype.hasOwnProperty(t32) && ((s42 = Object.create(s42)).wrapped = true), this.elementProperties.set(t32, s42), !s42.noAccessor) {
+      const i52 = Symbol(), h32 = this.getPropertyDescriptor(t32, i52, s42);
+      void 0 !== h32 && e22(this.prototype, t32, h32);
+    }
+  }
+  static getPropertyDescriptor(t32, s42, i52) {
+    const { get: e52, set: r52 } = h3(this.prototype, t32) ?? { get() {
+      return this[s42];
+    }, set(t42) {
+      this[s42] = t42;
+    } };
+    return { get: e52, set(s52) {
+      const h32 = e52?.call(this);
+      r52?.call(this, s52), this.requestUpdate(t32, h32, i52);
+    }, configurable: true, enumerable: true };
+  }
+  static getPropertyOptions(t32) {
+    return this.elementProperties.get(t32) ?? b3;
+  }
+  static _$Ei() {
+    if (this.hasOwnProperty(d3("elementProperties"))) return;
+    const t32 = n22(this);
+    t32.finalize(), void 0 !== t32.l && (this.l = [...t32.l]), this.elementProperties = new Map(t32.elementProperties);
+  }
+  static finalize() {
+    if (this.hasOwnProperty(d3("finalized"))) return;
+    if (this.finalized = true, this._$Ei(), this.hasOwnProperty(d3("properties"))) {
+      const t42 = this.properties, s42 = [...r22(t42), ...o22(t42)];
+      for (const i52 of s42) this.createProperty(i52, t42[i52]);
+    }
+    const t32 = this[Symbol.metadata];
+    if (null !== t32) {
+      const s42 = litPropertyMetadata.get(t32);
+      if (void 0 !== s42) for (const [t42, i52] of s42) this.elementProperties.set(t42, i52);
+    }
+    this._$Eh = /* @__PURE__ */ new Map();
+    for (const [t42, s42] of this.elementProperties) {
+      const i52 = this._$Eu(t42, s42);
+      void 0 !== i52 && this._$Eh.set(i52, t42);
+    }
+    this.elementStyles = this.finalizeStyles(this.styles);
+  }
+  static finalizeStyles(s42) {
+    const i52 = [];
+    if (Array.isArray(s42)) {
+      const e52 = new Set(s42.flat(1 / 0).reverse());
+      for (const s52 of e52) i52.unshift(c5(s52));
+    } else void 0 !== s42 && i52.push(c5(s42));
+    return i52;
+  }
+  static _$Eu(t32, s42) {
+    const i52 = s42.attribute;
+    return false === i52 ? void 0 : "string" == typeof i52 ? i52 : "string" == typeof t32 ? t32.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((t32) => this.enableUpdating = t32), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), this.constructor.l?.forEach((t32) => t32(this));
+  }
+  addController(t32) {
+    (this._$EO ??= /* @__PURE__ */ new Set()).add(t32), void 0 !== this.renderRoot && this.isConnected && t32.hostConnected?.();
+  }
+  removeController(t32) {
+    this._$EO?.delete(t32);
+  }
+  _$E_() {
+    const t32 = /* @__PURE__ */ new Map(), s42 = this.constructor.elementProperties;
+    for (const i52 of s42.keys()) this.hasOwnProperty(i52) && (t32.set(i52, this[i52]), delete this[i52]);
+    t32.size > 0 && (this._$Ep = t32);
+  }
+  createRenderRoot() {
+    const t32 = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
+    return S3(t32, this.constructor.elementStyles), t32;
+  }
+  connectedCallback() {
+    this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(true), this._$EO?.forEach((t32) => t32.hostConnected?.());
+  }
+  enableUpdating(t32) {
+  }
+  disconnectedCallback() {
+    this._$EO?.forEach((t32) => t32.hostDisconnected?.());
+  }
+  attributeChangedCallback(t32, s42, i52) {
+    this._$AK(t32, i52);
+  }
+  _$ET(t32, s42) {
+    const i52 = this.constructor.elementProperties.get(t32), e52 = this.constructor._$Eu(t32, i52);
+    if (void 0 !== e52 && true === i52.reflect) {
+      const h32 = (void 0 !== i52.converter?.toAttribute ? i52.converter : u4).toAttribute(s42, i52.type);
+      this._$Em = t32, null == h32 ? this.removeAttribute(e52) : this.setAttribute(e52, h32), this._$Em = null;
+    }
+  }
+  _$AK(t32, s42) {
+    const i52 = this.constructor, e52 = i52._$Eh.get(t32);
+    if (void 0 !== e52 && this._$Em !== e52) {
+      const t42 = i52.getPropertyOptions(e52), h32 = "function" == typeof t42.converter ? { fromAttribute: t42.converter } : void 0 !== t42.converter?.fromAttribute ? t42.converter : u4;
+      this._$Em = e52;
+      const r52 = h32.fromAttribute(s42, t42.type);
+      this[e52] = r52 ?? this._$Ej?.get(e52) ?? r52, this._$Em = null;
+    }
+  }
+  requestUpdate(t32, s42, i52, e52 = false, h32) {
+    if (void 0 !== t32) {
+      const r52 = this.constructor;
+      if (false === e52 && (h32 = this[t32]), i52 ??= r52.getPropertyOptions(t32), !((i52.hasChanged ?? f3)(h32, s42) || i52.useDefault && i52.reflect && h32 === this._$Ej?.get(t32) && !this.hasAttribute(r52._$Eu(t32, i52)))) return;
+      this.C(t32, s42, i52);
+    }
+    false === this.isUpdatePending && (this._$ES = this._$EP());
+  }
+  C(t32, s42, { useDefault: i52, reflect: e52, wrapped: h32 }, r52) {
+    i52 && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(t32) && (this._$Ej.set(t32, r52 ?? s42 ?? this[t32]), true !== h32 || void 0 !== r52) || (this._$AL.has(t32) || (this.hasUpdated || i52 || (s42 = void 0), this._$AL.set(t32, s42)), true === e52 && this._$Em !== t32 && (this._$Eq ??= /* @__PURE__ */ new Set()).add(t32));
+  }
+  async _$EP() {
+    this.isUpdatePending = true;
+    try {
+      await this._$ES;
+    } catch (t42) {
+      Promise.reject(t42);
+    }
+    const t32 = this.scheduleUpdate();
+    return null != t32 && await t32, !this.isUpdatePending;
+  }
+  scheduleUpdate() {
+    return this.performUpdate();
+  }
+  performUpdate() {
+    if (!this.isUpdatePending) return;
+    if (!this.hasUpdated) {
+      if (this.renderRoot ??= this.createRenderRoot(), this._$Ep) {
+        for (const [t52, s52] of this._$Ep) this[t52] = s52;
+        this._$Ep = void 0;
+      }
+      const t42 = this.constructor.elementProperties;
+      if (t42.size > 0) for (const [s52, i52] of t42) {
+        const { wrapped: t52 } = i52, e52 = this[s52];
+        true !== t52 || this._$AL.has(s52) || void 0 === e52 || this.C(s52, void 0, i52, e52);
+      }
+    }
+    let t32 = false;
+    const s42 = this._$AL;
+    try {
+      t32 = this.shouldUpdate(s42), t32 ? (this.willUpdate(s42), this._$EO?.forEach((t42) => t42.hostUpdate?.()), this.update(s42)) : this._$EM();
+    } catch (s52) {
+      throw t32 = false, this._$EM(), s52;
+    }
+    t32 && this._$AE(s42);
+  }
+  willUpdate(t32) {
+  }
+  _$AE(t32) {
+    this._$EO?.forEach((t42) => t42.hostUpdated?.()), this.hasUpdated || (this.hasUpdated = true, this.firstUpdated(t32)), this.updated(t32);
+  }
+  _$EM() {
+    this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = false;
+  }
+  get updateComplete() {
+    return this.getUpdateComplete();
+  }
+  getUpdateComplete() {
+    return this._$ES;
+  }
+  shouldUpdate(t32) {
+    return true;
+  }
+  update(t32) {
+    this._$Eq &&= this._$Eq.forEach((t42) => this._$ET(t42, this[t42])), this._$EM();
+  }
+  updated(t32) {
+  }
+  firstUpdated(t32) {
+  }
+};
+y3.elementStyles = [], y3.shadowRootOptions = { mode: "open" }, y3[d3("elementProperties")] = /* @__PURE__ */ new Map(), y3[d3("finalized")] = /* @__PURE__ */ new Map(), p4?.({ ReactiveElement: y3 }), (a4.reactiveElementVersions ??= []).push("2.1.2");
+var t22 = globalThis;
+var i32 = (t32) => t32;
+var s22 = t22.trustedTypes;
+var e32 = s22 ? s22.createPolicy("lit-html", { createHTML: (t32) => t32 }) : void 0;
+var h22 = "$lit$";
+var o32 = `lit$${Math.random().toFixed(9).slice(2)}$`;
+var n32 = "?" + o32;
+var r32 = `<${n32}>`;
+var l22 = document;
+var c32 = () => l22.createComment("");
+var a22 = (t32) => null === t32 || "object" != typeof t32 && "function" != typeof t32;
+var u22 = Array.isArray;
+var d22 = (t32) => u22(t32) || "function" == typeof t32?.[Symbol.iterator];
+var f22 = "[ 	\n\f\r]";
+var v2 = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g;
+var _2 = /-->/g;
+var m3 = />/g;
+var p22 = RegExp(`>|${f22}(?:([^\\s"'>=/]+)(${f22}*=${f22}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g");
+var g2 = /'/g;
+var $3 = /"/g;
+var y22 = /^(?:script|style|textarea|title)$/i;
+var x2 = (t32) => (i52, ...s42) => ({ _$litType$: t32, strings: i52, values: s42 });
+var b22 = x2(1);
+var w2 = x2(2);
+var T2 = x2(3);
+var E2 = Symbol.for("lit-noChange");
+var A2 = Symbol.for("lit-nothing");
+var C2 = /* @__PURE__ */ new WeakMap();
+var P2 = l22.createTreeWalker(l22, 129);
+function V2(t32, i52) {
+  if (!u22(t32) || !t32.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return void 0 !== e32 ? e32.createHTML(i52) : i52;
+}
+var N2 = (t32, i52) => {
+  const s42 = t32.length - 1, e52 = [];
+  let n52, l32 = 2 === i52 ? "<svg>" : 3 === i52 ? "<math>" : "", c42 = v2;
+  for (let i62 = 0; i62 < s42; i62++) {
+    const s52 = t32[i62];
+    let a32, u32, d32 = -1, f32 = 0;
+    for (; f32 < s52.length && (c42.lastIndex = f32, u32 = c42.exec(s52), null !== u32); ) f32 = c42.lastIndex, c42 === v2 ? "!--" === u32[1] ? c42 = _2 : void 0 !== u32[1] ? c42 = m3 : void 0 !== u32[2] ? (y22.test(u32[2]) && (n52 = RegExp("</" + u32[2], "g")), c42 = p22) : void 0 !== u32[3] && (c42 = p22) : c42 === p22 ? ">" === u32[0] ? (c42 = n52 ?? v2, d32 = -1) : void 0 === u32[1] ? d32 = -2 : (d32 = c42.lastIndex - u32[2].length, a32 = u32[1], c42 = void 0 === u32[3] ? p22 : '"' === u32[3] ? $3 : g2) : c42 === $3 || c42 === g2 ? c42 = p22 : c42 === _2 || c42 === m3 ? c42 = v2 : (c42 = p22, n52 = void 0);
+    const x22 = c42 === p22 && t32[i62 + 1].startsWith("/>") ? " " : "";
+    l32 += c42 === v2 ? s52 + r32 : d32 >= 0 ? (e52.push(a32), s52.slice(0, d32) + h22 + s52.slice(d32) + o32 + x22) : s52 + o32 + (-2 === d32 ? i62 : x22);
+  }
+  return [V2(t32, l32 + (t32[s42] || "<?>") + (2 === i52 ? "</svg>" : 3 === i52 ? "</math>" : "")), e52];
+};
+var S22 = class _S {
+  constructor({ strings: t32, _$litType$: i52 }, e52) {
+    let r52;
+    this.parts = [];
+    let l32 = 0, a32 = 0;
+    const u32 = t32.length - 1, d32 = this.parts, [f32, v22] = N2(t32, i52);
+    if (this.el = _S.createElement(f32, e52), P2.currentNode = this.el.content, 2 === i52 || 3 === i52) {
+      const t42 = this.el.content.firstChild;
+      t42.replaceWith(...t42.childNodes);
+    }
+    for (; null !== (r52 = P2.nextNode()) && d32.length < u32; ) {
+      if (1 === r52.nodeType) {
+        if (r52.hasAttributes()) for (const t42 of r52.getAttributeNames()) if (t42.endsWith(h22)) {
+          const i62 = v22[a32++], s42 = r52.getAttribute(t42).split(o32), e62 = /([.?@])?(.*)/.exec(i62);
+          d32.push({ type: 1, index: l32, name: e62[2], strings: s42, ctor: "." === e62[1] ? I2 : "?" === e62[1] ? L2 : "@" === e62[1] ? z2 : H2 }), r52.removeAttribute(t42);
+        } else t42.startsWith(o32) && (d32.push({ type: 6, index: l32 }), r52.removeAttribute(t42));
+        if (y22.test(r52.tagName)) {
+          const t42 = r52.textContent.split(o32), i62 = t42.length - 1;
+          if (i62 > 0) {
+            r52.textContent = s22 ? s22.emptyScript : "";
+            for (let s42 = 0; s42 < i62; s42++) r52.append(t42[s42], c32()), P2.nextNode(), d32.push({ type: 2, index: ++l32 });
+            r52.append(t42[i62], c32());
+          }
+        }
+      } else if (8 === r52.nodeType) if (r52.data === n32) d32.push({ type: 2, index: l32 });
+      else {
+        let t42 = -1;
+        for (; -1 !== (t42 = r52.data.indexOf(o32, t42 + 1)); ) d32.push({ type: 7, index: l32 }), t42 += o32.length - 1;
+      }
+      l32++;
+    }
+  }
+  static createElement(t32, i52) {
+    const s42 = l22.createElement("template");
+    return s42.innerHTML = t32, s42;
+  }
+};
+function M2(t32, i52, s42 = t32, e52) {
+  if (i52 === E2) return i52;
+  let h32 = void 0 !== e52 ? s42._$Co?.[e52] : s42._$Cl;
+  const o62 = a22(i52) ? void 0 : i52._$litDirective$;
+  return h32?.constructor !== o62 && (h32?._$AO?.(false), void 0 === o62 ? h32 = void 0 : (h32 = new o62(t32), h32._$AT(t32, s42, e52)), void 0 !== e52 ? (s42._$Co ??= [])[e52] = h32 : s42._$Cl = h32), void 0 !== h32 && (i52 = M2(t32, h32._$AS(t32, i52.values), h32, e52)), i52;
+}
+var R2 = class {
+  constructor(t32, i52) {
+    this._$AV = [], this._$AN = void 0, this._$AD = t32, this._$AM = i52;
+  }
+  get parentNode() {
+    return this._$AM.parentNode;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  u(t32) {
+    const { el: { content: i52 }, parts: s42 } = this._$AD, e52 = (t32?.creationScope ?? l22).importNode(i52, true);
+    P2.currentNode = e52;
+    let h32 = P2.nextNode(), o62 = 0, n52 = 0, r52 = s42[0];
+    for (; void 0 !== r52; ) {
+      if (o62 === r52.index) {
+        let i62;
+        2 === r52.type ? i62 = new k2(h32, h32.nextSibling, this, t32) : 1 === r52.type ? i62 = new r52.ctor(h32, r52.name, r52.strings, this, t32) : 6 === r52.type && (i62 = new Z2(h32, this, t32)), this._$AV.push(i62), r52 = s42[++n52];
+      }
+      o62 !== r52?.index && (h32 = P2.nextNode(), o62++);
+    }
+    return P2.currentNode = l22, e52;
+  }
+  p(t32) {
+    let i52 = 0;
+    for (const s42 of this._$AV) void 0 !== s42 && (void 0 !== s42.strings ? (s42._$AI(t32, s42, i52), i52 += s42.strings.length - 2) : s42._$AI(t32[i52])), i52++;
+  }
+};
+var k2 = class _k {
+  get _$AU() {
+    return this._$AM?._$AU ?? this._$Cv;
+  }
+  constructor(t32, i52, s42, e52) {
+    this.type = 2, this._$AH = A2, this._$AN = void 0, this._$AA = t32, this._$AB = i52, this._$AM = s42, this.options = e52, this._$Cv = e52?.isConnected ?? true;
+  }
+  get parentNode() {
+    let t32 = this._$AA.parentNode;
+    const i52 = this._$AM;
+    return void 0 !== i52 && 11 === t32?.nodeType && (t32 = i52.parentNode), t32;
+  }
+  get startNode() {
+    return this._$AA;
+  }
+  get endNode() {
+    return this._$AB;
+  }
+  _$AI(t32, i52 = this) {
+    t32 = M2(this, t32, i52), a22(t32) ? t32 === A2 || null == t32 || "" === t32 ? (this._$AH !== A2 && this._$AR(), this._$AH = A2) : t32 !== this._$AH && t32 !== E2 && this._(t32) : void 0 !== t32._$litType$ ? this.$(t32) : void 0 !== t32.nodeType ? this.T(t32) : d22(t32) ? this.k(t32) : this._(t32);
+  }
+  O(t32) {
+    return this._$AA.parentNode.insertBefore(t32, this._$AB);
+  }
+  T(t32) {
+    this._$AH !== t32 && (this._$AR(), this._$AH = this.O(t32));
+  }
+  _(t32) {
+    this._$AH !== A2 && a22(this._$AH) ? this._$AA.nextSibling.data = t32 : this.T(l22.createTextNode(t32)), this._$AH = t32;
+  }
+  $(t32) {
+    const { values: i52, _$litType$: s42 } = t32, e52 = "number" == typeof s42 ? this._$AC(t32) : (void 0 === s42.el && (s42.el = S22.createElement(V2(s42.h, s42.h[0]), this.options)), s42);
+    if (this._$AH?._$AD === e52) this._$AH.p(i52);
+    else {
+      const t42 = new R2(e52, this), s52 = t42.u(this.options);
+      t42.p(i52), this.T(s52), this._$AH = t42;
+    }
+  }
+  _$AC(t32) {
+    let i52 = C2.get(t32.strings);
+    return void 0 === i52 && C2.set(t32.strings, i52 = new S22(t32)), i52;
+  }
+  k(t32) {
+    u22(this._$AH) || (this._$AH = [], this._$AR());
+    const i52 = this._$AH;
+    let s42, e52 = 0;
+    for (const h32 of t32) e52 === i52.length ? i52.push(s42 = new _k(this.O(c32()), this.O(c32()), this, this.options)) : s42 = i52[e52], s42._$AI(h32), e52++;
+    e52 < i52.length && (this._$AR(s42 && s42._$AB.nextSibling, e52), i52.length = e52);
+  }
+  _$AR(t32 = this._$AA.nextSibling, s42) {
+    for (this._$AP?.(false, true, s42); t32 !== this._$AB; ) {
+      const s52 = i32(t32).nextSibling;
+      i32(t32).remove(), t32 = s52;
+    }
+  }
+  setConnected(t32) {
+    void 0 === this._$AM && (this._$Cv = t32, this._$AP?.(t32));
+  }
+};
+var H2 = class {
+  get tagName() {
+    return this.element.tagName;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  constructor(t32, i52, s42, e52, h32) {
+    this.type = 1, this._$AH = A2, this._$AN = void 0, this.element = t32, this.name = i52, this._$AM = e52, this.options = h32, s42.length > 2 || "" !== s42[0] || "" !== s42[1] ? (this._$AH = Array(s42.length - 1).fill(new String()), this.strings = s42) : this._$AH = A2;
+  }
+  _$AI(t32, i52 = this, s42, e52) {
+    const h32 = this.strings;
+    let o62 = false;
+    if (void 0 === h32) t32 = M2(this, t32, i52, 0), o62 = !a22(t32) || t32 !== this._$AH && t32 !== E2, o62 && (this._$AH = t32);
+    else {
+      const e62 = t32;
+      let n52, r52;
+      for (t32 = h32[0], n52 = 0; n52 < h32.length - 1; n52++) r52 = M2(this, e62[s42 + n52], i52, n52), r52 === E2 && (r52 = this._$AH[n52]), o62 ||= !a22(r52) || r52 !== this._$AH[n52], r52 === A2 ? t32 = A2 : t32 !== A2 && (t32 += (r52 ?? "") + h32[n52 + 1]), this._$AH[n52] = r52;
+    }
+    o62 && !e52 && this.j(t32);
+  }
+  j(t32) {
+    t32 === A2 ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t32 ?? "");
+  }
+};
+var I2 = class extends H2 {
+  constructor() {
+    super(...arguments), this.type = 3;
+  }
+  j(t32) {
+    this.element[this.name] = t32 === A2 ? void 0 : t32;
+  }
+};
+var L2 = class extends H2 {
+  constructor() {
+    super(...arguments), this.type = 4;
+  }
+  j(t32) {
+    this.element.toggleAttribute(this.name, !!t32 && t32 !== A2);
+  }
+};
+var z2 = class extends H2 {
+  constructor(t32, i52, s42, e52, h32) {
+    super(t32, i52, s42, e52, h32), this.type = 5;
+  }
+  _$AI(t32, i52 = this) {
+    if ((t32 = M2(this, t32, i52, 0) ?? A2) === E2) return;
+    const s42 = this._$AH, e52 = t32 === A2 && s42 !== A2 || t32.capture !== s42.capture || t32.once !== s42.once || t32.passive !== s42.passive, h32 = t32 !== A2 && (s42 === A2 || e52);
+    e52 && this.element.removeEventListener(this.name, this, s42), h32 && this.element.addEventListener(this.name, this, t32), this._$AH = t32;
+  }
+  handleEvent(t32) {
+    "function" == typeof this._$AH ? this._$AH.call(this.options?.host ?? this.element, t32) : this._$AH.handleEvent(t32);
+  }
+};
+var Z2 = class {
+  constructor(t32, i52, s42) {
+    this.element = t32, this.type = 6, this._$AN = void 0, this._$AM = i52, this.options = s42;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(t32) {
+    M2(this, t32);
+  }
+};
+var B2 = t22.litHtmlPolyfillSupport;
+B2?.(S22, k2), (t22.litHtmlVersions ??= []).push("3.3.2");
+var D2 = (t32, i52, s42) => {
+  const e52 = s42?.renderBefore ?? i52;
+  let h32 = e52._$litPart$;
+  if (void 0 === h32) {
+    const t42 = s42?.renderBefore ?? null;
+    e52._$litPart$ = h32 = new k2(i52.insertBefore(c32(), t42), t42, void 0, s42 ?? {});
+  }
+  return h32._$AI(t32), h32;
+};
+var s32 = globalThis;
+var i42 = class extends y3 {
+  constructor() {
+    super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
+  }
+  createRenderRoot() {
+    const t32 = super.createRenderRoot();
+    return this.renderOptions.renderBefore ??= t32.firstChild, t32;
+  }
+  update(t32) {
+    const r52 = this.render();
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t32), this._$Do = D2(r52, this.renderRoot, this.renderOptions);
+  }
+  connectedCallback() {
+    super.connectedCallback(), this._$Do?.setConnected(true);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this._$Do?.setConnected(false);
+  }
+  render() {
+    return E2;
+  }
+};
+i42._$litElement$ = true, i42["finalized"] = true, s32.litElementHydrateSupport?.({ LitElement: i42 });
+var o42 = s32.litElementPolyfillSupport;
+o42?.({ LitElement: i42 });
+(s32.litElementVersions ??= []).push("4.2.2");
+var o52 = { attribute: true, type: String, converter: u4, reflect: false, hasChanged: f3 };
+var r42 = (t32 = o52, e52, r52) => {
+  const { kind: n52, metadata: i52 } = r52;
+  let s42 = globalThis.litPropertyMetadata.get(i52);
+  if (void 0 === s42 && globalThis.litPropertyMetadata.set(i52, s42 = /* @__PURE__ */ new Map()), "setter" === n52 && ((t32 = Object.create(t32)).wrapped = true), s42.set(r52.name, t32), "accessor" === n52) {
+    const { name: o62 } = r52;
+    return { set(r62) {
+      const n62 = e52.get.call(this);
+      e52.set.call(this, r62), this.requestUpdate(o62, n62, t32, true, r62);
+    }, init(e62) {
+      return void 0 !== e62 && this.C(o62, void 0, t32, e62), e62;
+    } };
+  }
+  if ("setter" === n52) {
+    const { name: o62 } = r52;
+    return function(r62) {
+      const n62 = this[o62];
+      e52.call(this, r62), this.requestUpdate(o62, n62, t32, true, r62);
+    };
+  }
+  throw Error("Unsupported decorator location: " + n52);
+};
+function n42(t32) {
+  return (e52, o62) => "object" == typeof o62 ? r42(t32, e52, o62) : ((t42, e62, o72) => {
+    const r52 = e62.hasOwnProperty(o72);
+    return e62.constructor.createProperty(o72, t42), r52 ? Object.getOwnPropertyDescriptor(e62, o72) : void 0;
+  })(t32, e52, o62);
+}
+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(i42), _contentEditable_dec = [n42({ type: String, attribute: true, reflect: true })], _lang_dec = [n42({ type: String, attribute: true, reflect: true })], _a) {
+  constructor() {
+    super(...arguments);
+    __runInitializers2(_init, 5, this);
+    __publicField2(this, "localize");
+    __privateAdd3(this, _contentEditable, __runInitializers2(_init, 8, this)), __runInitializers2(_init, 11, this);
+    __privateAdd3(this, _lang, "");
+    __publicField2(this, "_inTransaction", false);
+  }
+  /** Declare attributes as options. Used by WebWriter to auto-generate input fields to modify these attributes. As the name suggests, this is mostly suited to simple attributes (boolean, string, etc.). As this is a getter, you can dynamically change options depending on the state of the widget. */
+  get dynamicOptions() {
+    return {};
+  }
+  /** Declare methods as actions. Used by WebWriter to treat all DOM changes triggered by the method as a single change (as a transaction). As this is a getter, you can dynamically change actions depending on the state of the widget. */
+  get dynamicActions() {
+    return {};
+  }
+  get lang() {
+    return (__privateGet3(this, _lang) || this.parentElement?.closest("[lang]")?.lang) ?? "";
+  }
+  set lang(value) {
+    __privateSet3(this, _lang, value);
+    this.localize?.setLocale(value).finally(() => this.requestUpdate("lang"));
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.localize?.setLocale(this.lang).finally(() => this.requestUpdate());
+    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, 3, "lang", _lang_dec, LitElementWw);
+__decoratorMetadata2(_init, LitElementWw);
+__publicField2(LitElementWw, "scopedElements", {});
+__publicField2(LitElementWw, "options", {});
+__publicField2(LitElementWw, "actions", {});
+
+// node_modules/bootstrap-icons/icons/x.svg
+var x_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x" viewBox="0 0 16 16">%0A  <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708"/>%0A</svg>';
+
+// node_modules/lit-html/async-directive.js
+var s5 = (i7, t7) => {
+  const e10 = i7._$AN;
+  if (void 0 === e10) return false;
+  for (const i8 of e10) i8._$AO?.(t7, false), s5(i8, t7);
+  return true;
+};
+var o9 = (i7) => {
+  let t7, e10;
+  do {
+    if (void 0 === (t7 = i7._$AM)) break;
+    e10 = t7._$AN, e10.delete(i7), i7 = t7;
+  } while (0 === e10?.size);
+};
+var r8 = (i7) => {
+  for (let t7; t7 = i7._$AM; i7 = t7) {
+    let e10 = t7._$AN;
+    if (void 0 === e10) t7._$AN = e10 = /* @__PURE__ */ new Set();
+    else if (e10.has(i7)) break;
+    e10.add(i7), c6(t7);
+  }
+};
+function h4(i7) {
+  void 0 !== this._$AN ? (o9(this), this._$AM = i7, r8(this)) : this._$AM = i7;
+}
+function n7(i7, t7 = false, e10 = 0) {
+  const r9 = this._$AH, h6 = this._$AN;
+  if (void 0 !== h6 && 0 !== h6.size) if (t7) if (Array.isArray(r9)) for (let i8 = e10; i8 < r9.length; i8++) s5(r9[i8], false), o9(r9[i8]);
+  else null != r9 && (s5(r9, false), o9(r9));
+  else s5(this, i7);
+}
+var c6 = (i7) => {
+  i7.type == t5.CHILD && (i7._$AP ??= n7, i7._$AQ ??= h4);
+};
+var f4 = class extends i5 {
+  constructor() {
+    super(...arguments), this._$AN = void 0;
+  }
+  _$AT(i7, t7, e10) {
+    super._$AT(i7, t7, e10), r8(this), this.isConnected = i7._$AU;
+  }
+  _$AO(i7, t7 = true) {
+    i7 !== this.isConnected && (this.isConnected = i7, i7 ? this.reconnected?.() : this.disconnected?.()), t7 && (s5(this, i7), o9(this));
+  }
+  setValue(t7) {
+    if (r6(this._$Ct)) this._$Ct._$AI(t7, this);
+    else {
+      const i7 = [...this._$Ct._$AH];
+      i7[this._$Ci] = t7, this._$Ct._$AI(i7, this, 0);
+    }
+  }
+  disconnected() {
+  }
+  reconnected() {
+  }
+};
+
+// node_modules/lit-html/directives/ref.js
+var e9 = () => new h5();
+var h5 = class {
+};
+var o10 = /* @__PURE__ */ new WeakMap();
+var n8 = e6(class extends f4 {
+  render(i7) {
+    return A;
+  }
+  update(i7, [s6]) {
+    const e10 = s6 !== this.G;
+    return e10 && this.rt(void 0), (e10 || this.lt !== this.ct) && (this.G = s6, this.ht = i7.options?.host, this.rt(this.ct = i7.element)), A;
+  }
+  rt(t7) {
+    if (void 0 !== this.G) if (this.isConnected || (t7 = void 0), "function" == typeof this.G) {
+      const i7 = this.ht ?? globalThis;
+      let s6 = o10.get(i7);
+      void 0 === s6 && (s6 = /* @__PURE__ */ new WeakMap(), o10.set(i7, s6)), void 0 !== s6.get(this.G) && this.G.call(this.ht, void 0), s6.set(this.G, t7), void 0 !== t7 && this.G.call(this.ht, t7);
+    } else this.G.value = t7;
+  }
+  get lt() {
+    return "function" == typeof this.G ? o10.get(this.ht ?? globalThis)?.get(this.G) : this.G?.value;
+  }
+  disconnected() {
+    this.lt === this.ct && this.rt(void 0);
+  }
+  reconnected() {
+    this.rt(this.ct);
+  }
+});
+
+// src/widgets/gap/webwriter-gap-item.ts
+var _placeholder_dec, _dropActive_dec, _answerSelected_dec, _feedback_dec, _graded_dec, _inputAnswer_dec, _answer_dec, _mode_dec, _a2, _WebwriterGapItem_decorators, _init2, _mode, _answer, _inputAnswer, _graded, _feedback, _answerSelected, _dropActive, _placeholder;
+_WebwriterGapItem_decorators = [t3("webwriter-gap-item")];
+var WebwriterGapItem = class extends (_a2 = LitElementWw, _mode_dec = [n4({ attribute: false })], _answer_dec = [r5()], _inputAnswer_dec = [r5()], _graded_dec = [r5()], _feedback_dec = [r5()], _answerSelected_dec = [r5()], _dropActive_dec = [r5()], _placeholder_dec = [n4({ type: String, attribute: "placeholder", reflect: true })], _a2) {
+  constructor() {
+    super(...arguments);
+    __privateAdd(this, _mode, __runInitializers(_init2, 8, this)), __runInitializers(_init2, 11, this);
+    __privateAdd(this, _answer, __runInitializers(_init2, 12, this, "")), __runInitializers(_init2, 15, this);
+    __privateAdd(this, _inputAnswer, __runInitializers(_init2, 16, this, "")), __runInitializers(_init2, 19, this);
+    __privateAdd(this, _graded, __runInitializers(_init2, 20, this, false)), __runInitializers(_init2, 23, this);
+    __privateAdd(this, _feedback, __runInitializers(_init2, 24, this, null)), __runInitializers(_init2, 27, this);
+    __privateAdd(this, _answerSelected, __runInitializers(_init2, 28, this, false)), __runInitializers(_init2, 31, this);
+    __privateAdd(this, _dropActive, __runInitializers(_init2, 32, this, false)), __runInitializers(_init2, 35, this);
+    __publicField(this, "slotRef", e9());
+    __privateAdd(this, _placeholder, __runInitializers(_init2, 36, this, "")), __runInitializers(_init2, 39, this);
+  }
+  /** @internal */
+  get dynamicOptions() {
+    const options = {};
+    if (this.mode === "input") {
+      options.placeholder = { type: "string", label: { _: msg("Placeholder") } };
+    }
+    return options;
+  }
+  renderEditable() {
+    return b2`<div class="container-base container-input">
+			<slot
+				${n8(this.slotRef)}
+				@slotchange=${(event) => {
+      const slot = event.target;
+      if (slot.assignedNodes().length == 0) this.remove();
+    }}
+			></slot>
+			<sl-icon-button
+				src=${x_default}
+				@click=${() => {
+      const slot = this.slotRef.value;
+      if (!slot) return;
+      this.replaceWith(...slot.assignedNodes());
+    }}
+			></sl-icon-button>
+		</div>`;
+  }
+  renderInput() {
+    return b2`<sl-input placeholder=${this.placeholder} .value=${this.inputAnswer} ?disabled=${this.graded}
+			@sl-input=${(event) => {
+      this.inputAnswer = event.target.value;
+    }}
+		></sl-input>`;
+  }
+  renderDragAndDrop() {
+    return b2`<button
+			type="button"
+			?disabled=${this.graded}
+			class="container-base container-placeholder ${this.dropActive ? "active" : ""} ${this.answer ? "filled" : ""}"
+			aria-label=${this.answer || msg("Empty gap")}
+			aria-pressed=${this.answerSelected}
+			@pointerdown=${(event) => this.closest("webwriter-gap")?.startGapDrag(event, this)}
+			@click=${() => this.closest("webwriter-gap")?.activateGap(this)}
+		>
+			${this.answer || "\xA0"}
+		</button>`;
+  }
+  render() {
+    if (this.isContentEditable) return this.renderEditable();
+    if (this.feedback) {
+      const { correct, answer, solution } = this.feedback;
+      return b2`<span class="container-base feedback ${correct ? "correct" : "incorrect"}" role="status">
+				${correct ? answer : b2`
+					<del aria-label=${msg("Your answer")}>${answer || msg("No answer")}</del>
+					<span class="correction" aria-label=${msg("Correct answer")}>${solution}</span>
+				`}
+			</span>`;
+    }
+    if (this.mode === "input") return this.renderInput();
+    if (this.mode === "drag-and-drop") return this.renderDragAndDrop();
+    if (this.mode !== void 0) console.warn("[webwriter-gap-item] Unknown mode:", this.mode);
+    return A;
+  }
+};
+_init2 = __decoratorStart(_a2);
+_mode = new WeakMap();
+_answer = new WeakMap();
+_inputAnswer = new WeakMap();
+_graded = new WeakMap();
+_feedback = new WeakMap();
+_answerSelected = new WeakMap();
+_dropActive = new WeakMap();
+_placeholder = new WeakMap();
+__decorateElement(_init2, 4, "mode", _mode_dec, WebwriterGapItem, _mode);
+__decorateElement(_init2, 4, "answer", _answer_dec, WebwriterGapItem, _answer);
+__decorateElement(_init2, 4, "inputAnswer", _inputAnswer_dec, WebwriterGapItem, _inputAnswer);
+__decorateElement(_init2, 4, "graded", _graded_dec, WebwriterGapItem, _graded);
+__decorateElement(_init2, 4, "feedback", _feedback_dec, WebwriterGapItem, _feedback);
+__decorateElement(_init2, 4, "answerSelected", _answerSelected_dec, WebwriterGapItem, _answerSelected);
+__decorateElement(_init2, 4, "dropActive", _dropActive_dec, WebwriterGapItem, _dropActive);
+__decorateElement(_init2, 4, "placeholder", _placeholder_dec, WebwriterGapItem, _placeholder);
+WebwriterGapItem = __decorateElement(_init2, 0, "WebwriterGapItem", _WebwriterGapItem_decorators, WebwriterGapItem);
+/** @internal */
+__publicField(WebwriterGapItem, "scopedElements", {
+  "sl-icon-button": SlIconButton,
+  "sl-input": SlInput
+});
+__publicField(WebwriterGapItem, "styles", i`
+		:host {
+			--outer-line-height: 2.3;
+			--inner-line-height: 2;
+			--inner-height: calc(var(--inner-line-height) * 1em);
+			display: inline-block !important;
+			outline: none !important;
+			vertical-align: baseline;
+		}
+
+		.container-base {
+			height: var(--inner-height);
+			line-height: var(--outer-line-height);
+			box-sizing: border-box;
+			border: 1px solid transparent;
+			border-radius: var(--sl-border-radius-medium);
+			display: flex;
+			align-items: center;
+		}
+
+		.container-input {
+			background-color: var(--sl-input-background-color);
+			border-color: var(--sl-input-border-color);
+			padding-left: var(--sl-spacing-x-small);
+		}
+
+		.container-placeholder {
+			background-color: var(--sl-color-neutral-100);
+			position: relative;
+			border-color: var(--sl-color-neutral-300);
+			min-width: 8em;
+			padding: 0 var(--sl-spacing-x-small);
+			height: 2em;
+			white-space: nowrap;
+			font: inherit;
+			color: inherit;
+			justify-content: center;
+			cursor: pointer;
+			touch-action: none;
+			user-select: none;
+		}
+
+		.container-placeholder::before {
+			content: "";
+			position: absolute;
+			inset: -4px;
+			border: 2px dotted var(--sl-color-primary-400);
+			border-radius: calc(var(--sl-border-radius-medium) + 3px);
+			pointer-events: none;
+			opacity: 0;
+			transition: opacity var(--sl-transition-fast);
+			z-index: 2;
+		}
+
+		.container-placeholder.active::before {
+			opacity: 1;
+		}
+
+		@media (prefers-reduced-motion: reduce) {
+			.container-placeholder::before { transition: none; }
+		}
+
+		.container-placeholder.filled {
+			background-color: var(--sl-color-neutral-0);
+			min-width: 0;
+			width: max-content;
+			cursor: grab;
+		}
+
+		.feedback {
+			padding: 0 var(--sl-spacing-x-small);
+			gap: var(--sl-spacing-x-small);
+			width: max-content;
+		}
+
+		.feedback.correct {
+			color: var(--sl-color-success-700);
+			background: var(--sl-color-success-50);
+			border-color: var(--sl-color-success-600);
+		}
+
+		.feedback.incorrect {
+			color: var(--sl-color-danger-700);
+			background: var(--sl-color-danger-50);
+			border-color: var(--sl-color-danger-600);
+		}
+
+		.correction { color: var(--sl-color-success-700); }
+		.container-placeholder:disabled { cursor: default; }
+
+		sl-input {
+			--sl-input-height-medium: var(--inner-height);
+			line-height: var(--inner-line-height);
+			font: inherit;
+
+			&::part(form-control),
+			&::part(form-control-input),
+			&::part(base) {
+				display: flex;
+				align-items: baseline;
+			}
+
+			&::part(input),
+			&::part(base) {
+				font: inherit;
+				color: inherit;
+			}
+
+			&::part(input) {
+				padding: 0 var(--sl-spacing-x-small);
+				/* The base paints the rounded background; this control must not cover it. */
+				background: transparent;
+			}
+
+			&::part(base) {
+				vertical-align: baseline;
+				overflow: visible;
+				letter-spacing: inherit;
+			}
+		}
+	`);
+__runInitializers(_init2, 1, WebwriterGapItem);
+export {
+  WebwriterGapItem
+};
+/*! Bundled license information:
+
+@lit/localize/internal/locale-status-event.js:
+@lit/localize/internal/str-tag.js:
+@lit/localize/internal/types.js:
+@lit/localize/internal/default-msg.js:
+@lit/localize/internal/localized-controller.js:
+@lit/localize/internal/localized-decorator.js:
+@lit/localize/internal/runtime-msg.js:
+@lit/localize/init/runtime.js:
+@lit/localize/init/transform.js:
+@lit/reactive-element/decorators/query-assigned-elements.js:
+  (**
+   * @license
+   * Copyright 2021 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/localize/internal/deferred.js:
+@lit/localize/internal/id-generation.js:
+@lit/localize/lit-localize.js:
+lit-html/directive-helpers.js:
+lit-html/static.js:
+lit-html/directives/live.js:
+lit-html/directives/ref.js:
+  (**
+   * @license
+   * Copyright 2020 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/localize/internal/fnv1a64.js:
+  (**
+   * @license
+   * Copyright 2014 Travis Webb
+   * SPDX-License-Identifier: MIT
+   *)
+
+@lit/reactive-element/css-tag.js:
+  (**
+   * @license
+   * Copyright 2019 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/reactive-element.js:
+lit-html/lit-html.js:
+lit-element/lit-element.js:
+@lit/reactive-element/decorators/custom-element.js:
+@lit/reactive-element/decorators/property.js:
+@lit/reactive-element/decorators/state.js:
+@lit/reactive-element/decorators/event-options.js:
+@lit/reactive-element/decorators/base.js:
+@lit/reactive-element/decorators/query.js:
+@lit/reactive-element/decorators/query-all.js:
+@lit/reactive-element/decorators/query-async.js:
+@lit/reactive-element/decorators/query-assigned-nodes.js:
+lit-html/directive.js:
+lit-html/async-directive.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/directives/class-map.js:
+lit-html/directives/if-defined.js:
+  (**
+   * @license
+   * Copyright 2018 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@webwriter/lit/index.js:
+  (*! 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:
+  lit-html/lit-html.js:
+  lit-element/lit-element.js:
+  @lit/reactive-element/decorators/custom-element.js:
+  @lit/reactive-element/decorators/property.js:
+  @lit/reactive-element/decorators/state.js:
+  @lit/reactive-element/decorators/event-options.js:
+  @lit/reactive-element/decorators/base.js:
+  @lit/reactive-element/decorators/query.js:
+  @lit/reactive-element/decorators/query-all.js:
+  @lit/reactive-element/decorators/query-async.js:
+  @lit/reactive-element/decorators/query-assigned-nodes.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/query-assigned-elements.js:
+    (**
+     * @license
+     * Copyright 2021 Google LLC
+     * SPDX-License-Identifier: BSD-3-Clause
+     *)
+  *)
+*/