@webwriter/quiz 1.0.2 → 1.0.4

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

@@ -13,32 +13,32 @@ var __expectFn = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError
 var __decoratorContext = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError("Already initialized") : fns.push(__expectFn(fn || null)) });
 var __decoratorMetadata = (array, target) => __defNormalProp(target, __knownSymbol("metadata"), array[3]);
 var __runInitializers = (array, flags, self, value) => {
-  for (var i = 0, fns = array[flags >> 1], n = fns && fns.length; i < n; i++) flags & 1 ? fns[i].call(self) : value = fns[i].call(self, value);
+  for (var i4 = 0, fns = array[flags >> 1], n6 = fns && fns.length; i4 < n6; i4++) flags & 1 ? fns[i4].call(self) : value = fns[i4].call(self, value);
   return value;
 };
 var __decorateElement = (array, flags, name, decorators, target, extra) => {
-  var fn, it, done, ctx, access, k = flags & 7, s = !!(flags & 8), p = !!(flags & 16);
-  var j = k > 3 ? array.length + 1 : k ? s ? 1 : 2 : 0, key = __decoratorStrings[k + 5];
-  var initializers = k > 3 && (array[j - 1] = []), extraInitializers = array[j] || (array[j] = []);
-  var desc = k && (!p && !s && (target = target.prototype), k < 5 && (k > 3 || !p) && __getOwnPropDesc(k < 4 ? target : { get [name]() {
+  var fn, it, done, ctx, access, k3 = flags & 7, s3 = !!(flags & 8), p3 = !!(flags & 16);
+  var j3 = k3 > 3 ? array.length + 1 : k3 ? s3 ? 1 : 2 : 0, key = __decoratorStrings[k3 + 5];
+  var initializers = k3 > 3 && (array[j3 - 1] = []), extraInitializers = array[j3] || (array[j3] = []);
+  var desc = k3 && (!p3 && !s3 && (target = target.prototype), k3 < 5 && (k3 > 3 || !p3) && __getOwnPropDesc(k3 < 4 ? target : { get [name]() {
     return __privateGet(this, extra);
-  }, set [name](x) {
-    return __privateSet(this, extra, x);
+  }, set [name](x3) {
+    return __privateSet(this, extra, x3);
   } }, name));
-  k ? p && k < 4 && __name(extra, (k > 2 ? "set " : k > 1 ? "get " : "") + name) : __name(target, name);
-  for (var i = decorators.length - 1; i >= 0; i--) {
-    ctx = __decoratorContext(k, name, done = {}, array[3], extraInitializers);
-    if (k) {
-      ctx.static = s, ctx.private = p, access = ctx.access = { has: p ? (x) => __privateIn(target, x) : (x) => name in x };
-      if (k ^ 3) access.get = p ? (x) => (k ^ 1 ? __privateGet : __privateMethod)(x, target, k ^ 4 ? extra : desc.get) : (x) => x[name];
-      if (k > 2) access.set = p ? (x, y) => __privateSet(x, target, y, k ^ 4 ? extra : desc.set) : (x, y) => x[name] = y;
-    }
-    it = (0, decorators[i])(k ? k < 4 ? p ? extra : desc[key] : k > 4 ? void 0 : { get: desc.get, set: desc.set } : target, ctx), done._ = 1;
-    if (k ^ 4 || it === void 0) __expectFn(it) && (k > 4 ? initializers.unshift(it) : k ? p ? extra = it : desc[key] = it : target = it);
+  k3 ? p3 && k3 < 4 && __name(extra, (k3 > 2 ? "set " : k3 > 1 ? "get " : "") + name) : __name(target, name);
+  for (var i4 = decorators.length - 1; i4 >= 0; i4--) {
+    ctx = __decoratorContext(k3, name, done = {}, array[3], extraInitializers);
+    if (k3) {
+      ctx.static = s3, ctx.private = p3, access = ctx.access = { has: p3 ? (x3) => __privateIn(target, x3) : (x3) => name in x3 };
+      if (k3 ^ 3) access.get = p3 ? (x3) => (k3 ^ 1 ? __privateGet : __privateMethod)(x3, target, k3 ^ 4 ? extra : desc.get) : (x3) => x3[name];
+      if (k3 > 2) access.set = p3 ? (x3, y3) => __privateSet(x3, target, y3, k3 ^ 4 ? extra : desc.set) : (x3, y3) => x3[name] = y3;
+    }
+    it = (0, decorators[i4])(k3 ? k3 < 4 ? p3 ? extra : desc[key] : k3 > 4 ? void 0 : { get: desc.get, set: desc.set } : target, ctx), done._ = 1;
+    if (k3 ^ 4 || it === void 0) __expectFn(it) && (k3 > 4 ? initializers.unshift(it) : k3 ? p3 ? extra = it : desc[key] = it : target = it);
     else if (typeof it !== "object" || it === null) __typeError("Object expected");
     else __expectFn(fn = it.get) && (desc.get = fn), __expectFn(fn = it.set) && (desc.set = fn), __expectFn(fn = it.init) && initializers.unshift(fn);
   }
-  return k || __decoratorMetadata(array, target), desc && __defProp(target, name, desc), p ? k ^ 4 ? extra : desc : target;
+  return k3 || __decoratorMetadata(array, target), desc && __defProp(target, name, desc), p3 ? k3 ^ 4 ? extra : desc : target;
 };
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
@@ -48,12 +48,2135 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
 var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
 var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
 
-// src/widgets/webwriter-order-item.ts
-import { css, html } from "lit";
-import { styleMap } from "lit/directives/style-map.js";
-import { LitElementWw } from "@webwriter/lit";
-import { customElement, property, query } from "lit/decorators.js";
-import SlIconButton from "@shoelace-style/shoelace/dist/components/icon-button/icon-button.component.js";
+// ../../node_modules/lit/node_modules/@lit/reactive-element/css-tag.js
+var t = globalThis;
+var e = t.ShadowRoot && (void 0 === t.ShadyCSS || t.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype;
+var s = Symbol();
+var o = /* @__PURE__ */ new WeakMap();
+var n = class {
+  constructor(t5, e7, o5) {
+    if (this._$cssResult$ = true, o5 !== s) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    this.cssText = t5, this.t = e7;
+  }
+  get styleSheet() {
+    let t5 = this.o;
+    const s3 = this.t;
+    if (e && void 0 === t5) {
+      const e7 = void 0 !== s3 && 1 === s3.length;
+      e7 && (t5 = o.get(s3)), void 0 === t5 && ((this.o = t5 = new CSSStyleSheet()).replaceSync(this.cssText), e7 && o.set(s3, t5));
+    }
+    return t5;
+  }
+  toString() {
+    return this.cssText;
+  }
+};
+var r = (t5) => new n("string" == typeof t5 ? t5 : t5 + "", void 0, s);
+var i = (t5, ...e7) => {
+  const o5 = 1 === t5.length ? t5[0] : e7.reduce((e8, s3, o6) => e8 + ((t6) => {
+    if (true === t6._$cssResult$) return t6.cssText;
+    if ("number" == typeof t6) return t6;
+    throw Error("Value passed to 'css' function must be a 'css' function result: " + t6 + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
+  })(s3) + t5[o6 + 1], t5[0]);
+  return new n(o5, t5, s);
+};
+var S = (s3, o5) => {
+  if (e) s3.adoptedStyleSheets = o5.map((t5) => t5 instanceof CSSStyleSheet ? t5 : t5.styleSheet);
+  else for (const e7 of o5) {
+    const o6 = document.createElement("style"), n6 = t.litNonce;
+    void 0 !== n6 && o6.setAttribute("nonce", n6), o6.textContent = e7.cssText, s3.appendChild(o6);
+  }
+};
+var c = e ? (t5) => t5 : (t5) => t5 instanceof CSSStyleSheet ? ((t6) => {
+  let e7 = "";
+  for (const s3 of t6.cssRules) e7 += s3.cssText;
+  return r(e7);
+})(t5) : t5;
+
+// ../../node_modules/lit/node_modules/@lit/reactive-element/reactive-element.js
+var { is: i2, defineProperty: e2, getOwnPropertyDescriptor: r2, getOwnPropertyNames: h, getOwnPropertySymbols: o2, getPrototypeOf: n2 } = Object;
+var a = globalThis;
+var c2 = a.trustedTypes;
+var l = c2 ? c2.emptyScript : "";
+var p = a.reactiveElementPolyfillSupport;
+var d = (t5, s3) => t5;
+var u = { toAttribute(t5, s3) {
+  switch (s3) {
+    case Boolean:
+      t5 = t5 ? l : null;
+      break;
+    case Object:
+    case Array:
+      t5 = null == t5 ? t5 : JSON.stringify(t5);
+  }
+  return t5;
+}, fromAttribute(t5, s3) {
+  let i4 = t5;
+  switch (s3) {
+    case Boolean:
+      i4 = null !== t5;
+      break;
+    case Number:
+      i4 = null === t5 ? null : Number(t5);
+      break;
+    case Object:
+    case Array:
+      try {
+        i4 = JSON.parse(t5);
+      } catch (t6) {
+        i4 = null;
+      }
+  }
+  return i4;
+} };
+var f = (t5, s3) => !i2(t5, s3);
+var y = { attribute: true, type: String, converter: u, reflect: false, hasChanged: f };
+Symbol.metadata ??= Symbol("metadata"), a.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
+var b = class extends HTMLElement {
+  static addInitializer(t5) {
+    this._$Ei(), (this.l ??= []).push(t5);
+  }
+  static get observedAttributes() {
+    return this.finalize(), this._$Eh && [...this._$Eh.keys()];
+  }
+  static createProperty(t5, s3 = y) {
+    if (s3.state && (s3.attribute = false), this._$Ei(), this.elementProperties.set(t5, s3), !s3.noAccessor) {
+      const i4 = Symbol(), r6 = this.getPropertyDescriptor(t5, i4, s3);
+      void 0 !== r6 && e2(this.prototype, t5, r6);
+    }
+  }
+  static getPropertyDescriptor(t5, s3, i4) {
+    const { get: e7, set: h5 } = r2(this.prototype, t5) ?? { get() {
+      return this[s3];
+    }, set(t6) {
+      this[s3] = t6;
+    } };
+    return { get() {
+      return e7?.call(this);
+    }, set(s4) {
+      const r6 = e7?.call(this);
+      h5.call(this, s4), this.requestUpdate(t5, r6, i4);
+    }, configurable: true, enumerable: true };
+  }
+  static getPropertyOptions(t5) {
+    return this.elementProperties.get(t5) ?? y;
+  }
+  static _$Ei() {
+    if (this.hasOwnProperty(d("elementProperties"))) return;
+    const t5 = n2(this);
+    t5.finalize(), void 0 !== t5.l && (this.l = [...t5.l]), this.elementProperties = new Map(t5.elementProperties);
+  }
+  static finalize() {
+    if (this.hasOwnProperty(d("finalized"))) return;
+    if (this.finalized = true, this._$Ei(), this.hasOwnProperty(d("properties"))) {
+      const t6 = this.properties, s3 = [...h(t6), ...o2(t6)];
+      for (const i4 of s3) this.createProperty(i4, t6[i4]);
+    }
+    const t5 = this[Symbol.metadata];
+    if (null !== t5) {
+      const s3 = litPropertyMetadata.get(t5);
+      if (void 0 !== s3) for (const [t6, i4] of s3) this.elementProperties.set(t6, i4);
+    }
+    this._$Eh = /* @__PURE__ */ new Map();
+    for (const [t6, s3] of this.elementProperties) {
+      const i4 = this._$Eu(t6, s3);
+      void 0 !== i4 && this._$Eh.set(i4, t6);
+    }
+    this.elementStyles = this.finalizeStyles(this.styles);
+  }
+  static finalizeStyles(s3) {
+    const i4 = [];
+    if (Array.isArray(s3)) {
+      const e7 = new Set(s3.flat(1 / 0).reverse());
+      for (const s4 of e7) i4.unshift(c(s4));
+    } else void 0 !== s3 && i4.push(c(s3));
+    return i4;
+  }
+  static _$Eu(t5, s3) {
+    const i4 = s3.attribute;
+    return false === i4 ? void 0 : "string" == typeof i4 ? i4 : "string" == typeof t5 ? t5.toLowerCase() : void 0;
+  }
+  constructor() {
+    super(), this._$Ep = void 0, this.isUpdatePending = false, this.hasUpdated = false, this._$Em = null, this._$Ev();
+  }
+  _$Ev() {
+    this._$ES = new Promise((t5) => this.enableUpdating = t5), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), this.constructor.l?.forEach((t5) => t5(this));
+  }
+  addController(t5) {
+    (this._$EO ??= /* @__PURE__ */ new Set()).add(t5), void 0 !== this.renderRoot && this.isConnected && t5.hostConnected?.();
+  }
+  removeController(t5) {
+    this._$EO?.delete(t5);
+  }
+  _$E_() {
+    const t5 = /* @__PURE__ */ new Map(), s3 = this.constructor.elementProperties;
+    for (const i4 of s3.keys()) this.hasOwnProperty(i4) && (t5.set(i4, this[i4]), delete this[i4]);
+    t5.size > 0 && (this._$Ep = t5);
+  }
+  createRenderRoot() {
+    const t5 = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
+    return S(t5, this.constructor.elementStyles), t5;
+  }
+  connectedCallback() {
+    this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(true), this._$EO?.forEach((t5) => t5.hostConnected?.());
+  }
+  enableUpdating(t5) {
+  }
+  disconnectedCallback() {
+    this._$EO?.forEach((t5) => t5.hostDisconnected?.());
+  }
+  attributeChangedCallback(t5, s3, i4) {
+    this._$AK(t5, i4);
+  }
+  _$EC(t5, s3) {
+    const i4 = this.constructor.elementProperties.get(t5), e7 = this.constructor._$Eu(t5, i4);
+    if (void 0 !== e7 && true === i4.reflect) {
+      const r6 = (void 0 !== i4.converter?.toAttribute ? i4.converter : u).toAttribute(s3, i4.type);
+      this._$Em = t5, null == r6 ? this.removeAttribute(e7) : this.setAttribute(e7, r6), this._$Em = null;
+    }
+  }
+  _$AK(t5, s3) {
+    const i4 = this.constructor, e7 = i4._$Eh.get(t5);
+    if (void 0 !== e7 && this._$Em !== e7) {
+      const t6 = i4.getPropertyOptions(e7), r6 = "function" == typeof t6.converter ? { fromAttribute: t6.converter } : void 0 !== t6.converter?.fromAttribute ? t6.converter : u;
+      this._$Em = e7, this[e7] = r6.fromAttribute(s3, t6.type), this._$Em = null;
+    }
+  }
+  requestUpdate(t5, s3, i4) {
+    if (void 0 !== t5) {
+      if (i4 ??= this.constructor.getPropertyOptions(t5), !(i4.hasChanged ?? f)(this[t5], s3)) return;
+      this.P(t5, s3, i4);
+    }
+    false === this.isUpdatePending && (this._$ES = this._$ET());
+  }
+  P(t5, s3, i4) {
+    this._$AL.has(t5) || this._$AL.set(t5, s3), true === i4.reflect && this._$Em !== t5 && (this._$Ej ??= /* @__PURE__ */ new Set()).add(t5);
+  }
+  async _$ET() {
+    this.isUpdatePending = true;
+    try {
+      await this._$ES;
+    } catch (t6) {
+      Promise.reject(t6);
+    }
+    const t5 = this.scheduleUpdate();
+    return null != t5 && await t5, !this.isUpdatePending;
+  }
+  scheduleUpdate() {
+    return this.performUpdate();
+  }
+  performUpdate() {
+    if (!this.isUpdatePending) return;
+    if (!this.hasUpdated) {
+      if (this.renderRoot ??= this.createRenderRoot(), this._$Ep) {
+        for (const [t7, s4] of this._$Ep) this[t7] = s4;
+        this._$Ep = void 0;
+      }
+      const t6 = this.constructor.elementProperties;
+      if (t6.size > 0) for (const [s4, i4] of t6) true !== i4.wrapped || this._$AL.has(s4) || void 0 === this[s4] || this.P(s4, this[s4], i4);
+    }
+    let t5 = false;
+    const s3 = this._$AL;
+    try {
+      t5 = this.shouldUpdate(s3), t5 ? (this.willUpdate(s3), this._$EO?.forEach((t6) => t6.hostUpdate?.()), this.update(s3)) : this._$EU();
+    } catch (s4) {
+      throw t5 = false, this._$EU(), s4;
+    }
+    t5 && this._$AE(s3);
+  }
+  willUpdate(t5) {
+  }
+  _$AE(t5) {
+    this._$EO?.forEach((t6) => t6.hostUpdated?.()), this.hasUpdated || (this.hasUpdated = true, this.firstUpdated(t5)), this.updated(t5);
+  }
+  _$EU() {
+    this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = false;
+  }
+  get updateComplete() {
+    return this.getUpdateComplete();
+  }
+  getUpdateComplete() {
+    return this._$ES;
+  }
+  shouldUpdate(t5) {
+    return true;
+  }
+  update(t5) {
+    this._$Ej &&= this._$Ej.forEach((t6) => this._$EC(t6, this[t6])), this._$EU();
+  }
+  updated(t5) {
+  }
+  firstUpdated(t5) {
+  }
+};
+b.elementStyles = [], b.shadowRootOptions = { mode: "open" }, b[d("elementProperties")] = /* @__PURE__ */ new Map(), b[d("finalized")] = /* @__PURE__ */ new Map(), p?.({ ReactiveElement: b }), (a.reactiveElementVersions ??= []).push("2.0.4");
+
+// ../../node_modules/lit/node_modules/lit-html/lit-html.js
+var n3 = globalThis;
+var c3 = n3.trustedTypes;
+var h2 = c3 ? c3.createPolicy("lit-html", { createHTML: (t5) => t5 }) : void 0;
+var f2 = "$lit$";
+var v = `lit$${Math.random().toFixed(9).slice(2)}$`;
+var m = "?" + v;
+var _ = `<${m}>`;
+var w = document;
+var lt = () => w.createComment("");
+var st = (t5) => null === t5 || "object" != typeof t5 && "function" != typeof t5;
+var g = Array.isArray;
+var $ = (t5) => g(t5) || "function" == typeof t5?.[Symbol.iterator];
+var x = "[ 	\n\f\r]";
+var T = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g;
+var E = /-->/g;
+var k = />/g;
+var O = RegExp(`>|${x}(?:([^\\s"'>=/]+)(${x}*=${x}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g");
+var S2 = /'/g;
+var j = /"/g;
+var M = /^(?:script|style|textarea|title)$/i;
+var P = (t5) => (i4, ...s3) => ({ _$litType$: t5, strings: i4, values: s3 });
+var ke = P(1);
+var Oe = P(2);
+var Se = P(3);
+var R = Symbol.for("lit-noChange");
+var D = Symbol.for("lit-nothing");
+var V = /* @__PURE__ */ new WeakMap();
+var I = w.createTreeWalker(w, 129);
+function N(t5, i4) {
+  if (!g(t5) || !t5.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return void 0 !== h2 ? h2.createHTML(i4) : i4;
+}
+var U = (t5, i4) => {
+  const s3 = t5.length - 1, e7 = [];
+  let h5, o5 = 2 === i4 ? "<svg>" : 3 === i4 ? "<math>" : "", n6 = T;
+  for (let i5 = 0; i5 < s3; i5++) {
+    const s4 = t5[i5];
+    let r6, l3, c5 = -1, a3 = 0;
+    for (; a3 < s4.length && (n6.lastIndex = a3, l3 = n6.exec(s4), null !== l3); ) a3 = n6.lastIndex, n6 === T ? "!--" === l3[1] ? n6 = E : void 0 !== l3[1] ? n6 = k : void 0 !== l3[2] ? (M.test(l3[2]) && (h5 = RegExp("</" + l3[2], "g")), n6 = O) : void 0 !== l3[3] && (n6 = O) : n6 === O ? ">" === l3[0] ? (n6 = h5 ?? T, c5 = -1) : void 0 === l3[1] ? c5 = -2 : (c5 = n6.lastIndex - l3[2].length, r6 = l3[1], n6 = void 0 === l3[3] ? O : '"' === l3[3] ? j : S2) : n6 === j || n6 === S2 ? n6 = O : n6 === E || n6 === k ? n6 = T : (n6 = O, h5 = void 0);
+    const u3 = n6 === O && t5[i5 + 1].startsWith("/>") ? " " : "";
+    o5 += n6 === T ? s4 + _ : c5 >= 0 ? (e7.push(r6), s4.slice(0, c5) + f2 + s4.slice(c5) + v + u3) : s4 + v + (-2 === c5 ? i5 : u3);
+  }
+  return [N(t5, o5 + (t5[s3] || "<?>") + (2 === i4 ? "</svg>" : 3 === i4 ? "</math>" : "")), e7];
+};
+var B = class _B2 {
+  constructor({ strings: t5, _$litType$: i4 }, s3) {
+    let e7;
+    this.parts = [];
+    let h5 = 0, o5 = 0;
+    const n6 = t5.length - 1, r6 = this.parts, [l3, a3] = U(t5, i4);
+    if (this.el = _B2.createElement(l3, s3), I.currentNode = this.el.content, 2 === i4 || 3 === i4) {
+      const t6 = this.el.content.firstChild;
+      t6.replaceWith(...t6.childNodes);
+    }
+    for (; null !== (e7 = I.nextNode()) && r6.length < n6; ) {
+      if (1 === e7.nodeType) {
+        if (e7.hasAttributes()) for (const t6 of e7.getAttributeNames()) if (t6.endsWith(f2)) {
+          const i5 = a3[o5++], s4 = e7.getAttribute(t6).split(v), n7 = /([.?@])?(.*)/.exec(i5);
+          r6.push({ type: 1, index: h5, name: n7[2], strings: s4, ctor: "." === n7[1] ? Y : "?" === n7[1] ? Z : "@" === n7[1] ? q : G }), e7.removeAttribute(t6);
+        } else t6.startsWith(v) && (r6.push({ type: 6, index: h5 }), e7.removeAttribute(t6));
+        if (M.test(e7.tagName)) {
+          const t6 = e7.textContent.split(v), i5 = t6.length - 1;
+          if (i5 > 0) {
+            e7.textContent = c3 ? c3.emptyScript : "";
+            for (let s4 = 0; s4 < i5; s4++) e7.append(t6[s4], lt()), I.nextNode(), r6.push({ type: 2, index: ++h5 });
+            e7.append(t6[i5], lt());
+          }
+        }
+      } else if (8 === e7.nodeType) if (e7.data === m) r6.push({ type: 2, index: h5 });
+      else {
+        let t6 = -1;
+        for (; -1 !== (t6 = e7.data.indexOf(v, t6 + 1)); ) r6.push({ type: 7, index: h5 }), t6 += v.length - 1;
+      }
+      h5++;
+    }
+  }
+  static createElement(t5, i4) {
+    const s3 = w.createElement("template");
+    return s3.innerHTML = t5, s3;
+  }
+};
+function z(t5, i4, s3 = t5, e7) {
+  if (i4 === R) return i4;
+  let h5 = void 0 !== e7 ? s3.o?.[e7] : s3.l;
+  const o5 = st(i4) ? void 0 : i4._$litDirective$;
+  return h5?.constructor !== o5 && (h5?._$AO?.(false), void 0 === o5 ? h5 = void 0 : (h5 = new o5(t5), h5._$AT(t5, s3, e7)), void 0 !== e7 ? (s3.o ??= [])[e7] = h5 : s3.l = h5), void 0 !== h5 && (i4 = z(t5, h5._$AS(t5, i4.values), h5, e7)), i4;
+}
+var F = class {
+  constructor(t5, i4) {
+    this._$AV = [], this._$AN = void 0, this._$AD = t5, this._$AM = i4;
+  }
+  get parentNode() {
+    return this._$AM.parentNode;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  u(t5) {
+    const { el: { content: i4 }, parts: s3 } = this._$AD, e7 = (t5?.creationScope ?? w).importNode(i4, true);
+    I.currentNode = e7;
+    let h5 = I.nextNode(), o5 = 0, n6 = 0, r6 = s3[0];
+    for (; void 0 !== r6; ) {
+      if (o5 === r6.index) {
+        let i5;
+        2 === r6.type ? i5 = new et(h5, h5.nextSibling, this, t5) : 1 === r6.type ? i5 = new r6.ctor(h5, r6.name, r6.strings, this, t5) : 6 === r6.type && (i5 = new K(h5, this, t5)), this._$AV.push(i5), r6 = s3[++n6];
+      }
+      o5 !== r6?.index && (h5 = I.nextNode(), o5++);
+    }
+    return I.currentNode = w, e7;
+  }
+  p(t5) {
+    let i4 = 0;
+    for (const s3 of this._$AV) void 0 !== s3 && (void 0 !== s3.strings ? (s3._$AI(t5, s3, i4), i4 += s3.strings.length - 2) : s3._$AI(t5[i4])), i4++;
+  }
+};
+var et = class _et2 {
+  get _$AU() {
+    return this._$AM?._$AU ?? this.v;
+  }
+  constructor(t5, i4, s3, e7) {
+    this.type = 2, this._$AH = D, this._$AN = void 0, this._$AA = t5, this._$AB = i4, this._$AM = s3, this.options = e7, this.v = e7?.isConnected ?? true;
+  }
+  get parentNode() {
+    let t5 = this._$AA.parentNode;
+    const i4 = this._$AM;
+    return void 0 !== i4 && 11 === t5?.nodeType && (t5 = i4.parentNode), t5;
+  }
+  get startNode() {
+    return this._$AA;
+  }
+  get endNode() {
+    return this._$AB;
+  }
+  _$AI(t5, i4 = this) {
+    t5 = z(this, t5, i4), st(t5) ? t5 === D || null == t5 || "" === t5 ? (this._$AH !== D && this._$AR(), this._$AH = D) : t5 !== this._$AH && t5 !== R && this._(t5) : void 0 !== t5._$litType$ ? this.$(t5) : void 0 !== t5.nodeType ? this.T(t5) : $(t5) ? this.k(t5) : this._(t5);
+  }
+  O(t5) {
+    return this._$AA.parentNode.insertBefore(t5, this._$AB);
+  }
+  T(t5) {
+    this._$AH !== t5 && (this._$AR(), this._$AH = this.O(t5));
+  }
+  _(t5) {
+    this._$AH !== D && st(this._$AH) ? this._$AA.nextSibling.data = t5 : this.T(w.createTextNode(t5)), this._$AH = t5;
+  }
+  $(t5) {
+    const { values: i4, _$litType$: s3 } = t5, e7 = "number" == typeof s3 ? this._$AC(t5) : (void 0 === s3.el && (s3.el = B.createElement(N(s3.h, s3.h[0]), this.options)), s3);
+    if (this._$AH?._$AD === e7) this._$AH.p(i4);
+    else {
+      const t6 = new F(e7, this), s4 = t6.u(this.options);
+      t6.p(i4), this.T(s4), this._$AH = t6;
+    }
+  }
+  _$AC(t5) {
+    let i4 = V.get(t5.strings);
+    return void 0 === i4 && V.set(t5.strings, i4 = new B(t5)), i4;
+  }
+  k(t5) {
+    g(this._$AH) || (this._$AH = [], this._$AR());
+    const i4 = this._$AH;
+    let s3, e7 = 0;
+    for (const h5 of t5) e7 === i4.length ? i4.push(s3 = new _et2(this.O(lt()), this.O(lt()), this, this.options)) : s3 = i4[e7], s3._$AI(h5), e7++;
+    e7 < i4.length && (this._$AR(s3 && s3._$AB.nextSibling, e7), i4.length = e7);
+  }
+  _$AR(t5 = this._$AA.nextSibling, i4) {
+    for (this._$AP?.(false, true, i4); t5 && t5 !== this._$AB; ) {
+      const i5 = t5.nextSibling;
+      t5.remove(), t5 = i5;
+    }
+  }
+  setConnected(t5) {
+    void 0 === this._$AM && (this.v = t5, this._$AP?.(t5));
+  }
+};
+var G = class {
+  get tagName() {
+    return this.element.tagName;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  constructor(t5, i4, s3, e7, h5) {
+    this.type = 1, this._$AH = D, this._$AN = void 0, this.element = t5, this.name = i4, this._$AM = e7, this.options = h5, s3.length > 2 || "" !== s3[0] || "" !== s3[1] ? (this._$AH = Array(s3.length - 1).fill(new String()), this.strings = s3) : this._$AH = D;
+  }
+  _$AI(t5, i4 = this, s3, e7) {
+    const h5 = this.strings;
+    let o5 = false;
+    if (void 0 === h5) t5 = z(this, t5, i4, 0), o5 = !st(t5) || t5 !== this._$AH && t5 !== R, o5 && (this._$AH = t5);
+    else {
+      const e8 = t5;
+      let n6, r6;
+      for (t5 = h5[0], n6 = 0; n6 < h5.length - 1; n6++) r6 = z(this, e8[s3 + n6], i4, n6), r6 === R && (r6 = this._$AH[n6]), o5 ||= !st(r6) || r6 !== this._$AH[n6], r6 === D ? t5 = D : t5 !== D && (t5 += (r6 ?? "") + h5[n6 + 1]), this._$AH[n6] = r6;
+    }
+    o5 && !e7 && this.j(t5);
+  }
+  j(t5) {
+    t5 === D ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t5 ?? "");
+  }
+};
+var Y = class extends G {
+  constructor() {
+    super(...arguments), this.type = 3;
+  }
+  j(t5) {
+    this.element[this.name] = t5 === D ? void 0 : t5;
+  }
+};
+var Z = class extends G {
+  constructor() {
+    super(...arguments), this.type = 4;
+  }
+  j(t5) {
+    this.element.toggleAttribute(this.name, !!t5 && t5 !== D);
+  }
+};
+var q = class extends G {
+  constructor(t5, i4, s3, e7, h5) {
+    super(t5, i4, s3, e7, h5), this.type = 5;
+  }
+  _$AI(t5, i4 = this) {
+    if ((t5 = z(this, t5, i4, 0) ?? D) === R) return;
+    const s3 = this._$AH, e7 = t5 === D && s3 !== D || t5.capture !== s3.capture || t5.once !== s3.once || t5.passive !== s3.passive, h5 = t5 !== D && (s3 === D || e7);
+    e7 && this.element.removeEventListener(this.name, this, s3), h5 && this.element.addEventListener(this.name, this, t5), this._$AH = t5;
+  }
+  handleEvent(t5) {
+    "function" == typeof this._$AH ? this._$AH.call(this.options?.host ?? this.element, t5) : this._$AH.handleEvent(t5);
+  }
+};
+var K = class {
+  constructor(t5, i4, s3) {
+    this.element = t5, this.type = 6, this._$AN = void 0, this._$AM = i4, this.options = s3;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(t5) {
+    z(this, t5);
+  }
+};
+var si = { M: f2, P: v, A: m, C: 1, L: U, R: F, D: $, V: z, I: et, H: G, N: Z, U: q, B: Y, F: K };
+var Re = n3.litHtmlPolyfillSupport;
+Re?.(B, et), (n3.litHtmlVersions ??= []).push("3.2.0");
+var Q = (t5, i4, s3) => {
+  const e7 = s3?.renderBefore ?? i4;
+  let h5 = e7._$litPart$;
+  if (void 0 === h5) {
+    const t6 = s3?.renderBefore ?? null;
+    e7._$litPart$ = h5 = new et(i4.insertBefore(lt(), t6), t6, void 0, s3 ?? {});
+  }
+  return h5._$AI(t5), h5;
+};
+
+// ../../node_modules/lit/node_modules/lit-element/lit-element.js
+var h3 = class extends b {
+  constructor() {
+    super(...arguments), this.renderOptions = { host: this }, this.o = void 0;
+  }
+  createRenderRoot() {
+    const t5 = super.createRenderRoot();
+    return this.renderOptions.renderBefore ??= t5.firstChild, t5;
+  }
+  update(t5) {
+    const e7 = this.render();
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t5), this.o = Q(e7, this.renderRoot, this.renderOptions);
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.o?.setConnected(true);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.o?.setConnected(false);
+  }
+  render() {
+    return R;
+  }
+};
+h3._$litElement$ = true, h3["finalized"] = true, globalThis.litElementHydrateSupport?.({ LitElement: h3 });
+var f3 = globalThis.litElementPolyfillSupport;
+f3?.({ LitElement: h3 });
+(globalThis.litElementVersions ??= []).push("4.1.0");
+
+// ../../node_modules/lit/node_modules/lit-html/directive.js
+var t2 = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4, EVENT: 5, ELEMENT: 6 };
+var e3 = (t5) => (...e7) => ({ _$litDirective$: t5, values: e7 });
+var i3 = class {
+  constructor(t5) {
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AT(t5, e7, i4) {
+    this.t = t5, this._$AM = e7, this.i = i4;
+  }
+  _$AS(t5, e7) {
+    return this.update(t5, e7);
+  }
+  update(t5, e7) {
+    return this.render(...e7);
+  }
+};
+
+// ../../node_modules/lit/node_modules/lit-html/directives/style-map.js
+var ee = "important";
+var ie = " !" + ee;
+var se = e3(class extends i3 {
+  constructor(e7) {
+    if (super(e7), e7.type !== t2.ATTRIBUTE || "style" !== e7.name || e7.strings?.length > 2) throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.");
+  }
+  render(t5) {
+    return Object.keys(t5).reduce((e7, r6) => {
+      const s3 = t5[r6];
+      return null == s3 ? e7 : e7 + `${r6 = r6.includes("-") ? r6 : r6.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g, "-$&").toLowerCase()}:${s3};`;
+    }, "");
+  }
+  update(t5, [e7]) {
+    const { style: r6 } = t5.element;
+    if (void 0 === this.ft) return this.ft = new Set(Object.keys(e7)), this.render(e7);
+    for (const t6 of this.ft) null == e7[t6] && (this.ft.delete(t6), t6.includes("-") ? r6.removeProperty(t6) : r6[t6] = null);
+    for (const t6 in e7) {
+      const s3 = e7[t6];
+      if (null != s3) {
+        this.ft.add(t6);
+        const e8 = "string" == typeof s3 && s3.endsWith(ie);
+        t6.includes("-") || e8 ? r6.setProperty(t6, e8 ? s3.slice(0, -11) : s3, e8 ? ee : "") : r6[t6] = s3;
+      }
+    }
+    return R;
+  }
+});
+
+// ../lit/index.js
+var __create2 = Object.create;
+var __defProp2 = Object.defineProperty;
+var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
+var __knownSymbol2 = (name, symbol) => (symbol = Symbol[name]) ? symbol : Symbol.for("Symbol." + name);
+var __typeError2 = (msg) => {
+  throw TypeError(msg);
+};
+var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __name2 = (target, value) => __defProp2(target, "name", { value, configurable: true });
+var __decoratorStart2 = (base) => [, , , __create2(base?.[__knownSymbol2("metadata")] ?? null)];
+var __decoratorStrings2 = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
+var __expectFn2 = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError2("Function expected") : fn;
+var __decoratorContext2 = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings2[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError2("Already initialized") : fns.push(__expectFn2(fn || null)) });
+var __decoratorMetadata2 = (array, target) => __defNormalProp2(target, __knownSymbol2("metadata"), array[3]);
+var __runInitializers2 = (array, flags, self, value) => {
+  for (var i32 = 0, fns = array[flags >> 1], n52 = fns && fns.length; i32 < n52; i32++) flags & 1 ? fns[i32].call(self) : value = fns[i32].call(self, value);
+  return value;
+};
+var __decorateElement2 = (array, flags, name, decorators, target, extra) => {
+  var fn, it, done, ctx, access, k22 = flags & 7, s22 = !!(flags & 8), p22 = !!(flags & 16);
+  var j22 = k22 > 3 ? array.length + 1 : k22 ? s22 ? 1 : 2 : 0, key = __decoratorStrings2[k22 + 5];
+  var initializers = k22 > 3 && (array[j22 - 1] = []), extraInitializers = array[j22] || (array[j22] = []);
+  var desc = k22 && (!p22 && !s22 && (target = target.prototype), k22 < 5 && (k22 > 3 || !p22) && __getOwnPropDesc2(k22 < 4 ? target : { get [name]() {
+    return __privateGet2(this, extra);
+  }, set [name](x22) {
+    return __privateSet2(this, extra, x22);
+  } }, name));
+  k22 ? p22 && k22 < 4 && __name2(extra, (k22 > 2 ? "set " : k22 > 1 ? "get " : "") + name) : __name2(target, name);
+  for (var i32 = decorators.length - 1; i32 >= 0; i32--) {
+    ctx = __decoratorContext2(k22, name, done = {}, array[3], extraInitializers);
+    if (k22) {
+      ctx.static = s22, ctx.private = p22, access = ctx.access = { has: p22 ? (x22) => __privateIn2(target, x22) : (x22) => name in x22 };
+      if (k22 ^ 3) access.get = p22 ? (x22) => (k22 ^ 1 ? __privateGet2 : __privateMethod2)(x22, target, k22 ^ 4 ? extra : desc.get) : (x22) => x22[name];
+      if (k22 > 2) access.set = p22 ? (x22, y22) => __privateSet2(x22, target, y22, k22 ^ 4 ? extra : desc.set) : (x22, y22) => x22[name] = y22;
+    }
+    it = (0, decorators[i32])(k22 ? k22 < 4 ? p22 ? extra : desc[key] : k22 > 4 ? void 0 : { get: desc.get, set: desc.set } : target, ctx), done._ = 1;
+    if (k22 ^ 4 || it === void 0) __expectFn2(it) && (k22 > 4 ? initializers.unshift(it) : k22 ? p22 ? extra = it : desc[key] = it : target = it);
+    else if (typeof it !== "object" || it === null) __typeError2("Object expected");
+    else __expectFn2(fn = it.get) && (desc.get = fn), __expectFn2(fn = it.set) && (desc.set = fn), __expectFn2(fn = it.init) && initializers.unshift(fn);
+  }
+  return k22 || __decoratorMetadata2(array, target), desc && __defProp2(target, name, desc), p22 ? k22 ^ 4 ? extra : desc : target;
+};
+var __publicField2 = (obj, key, value) => __defNormalProp2(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __accessCheck2 = (obj, member, msg) => member.has(obj) || __typeError2("Cannot " + msg);
+var __privateIn2 = (member, obj) => Object(obj) !== obj ? __typeError2('Cannot use the "in" operator on this value') : member.has(obj);
+var __privateGet2 = (obj, member, getter) => (__accessCheck2(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd2 = (obj, member, value) => member.has(obj) ? __typeError2("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet2 = (obj, member, value, setter) => (__accessCheck2(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+var __privateMethod2 = (obj, member, method) => (__accessCheck2(obj, member, "access private method"), method);
+var t3 = globalThis;
+var e4 = t3.ShadowRoot && (void 0 === t3.ShadyCSS || t3.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype;
+var s2 = Symbol();
+var o3 = /* @__PURE__ */ new WeakMap();
+var n4 = class {
+  constructor(t22, e42, o42) {
+    if (this._$cssResult$ = true, o42 !== s2) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    this.cssText = t22, this.t = e42;
+  }
+  get styleSheet() {
+    let t22 = this.o;
+    const s22 = this.t;
+    if (e4 && void 0 === t22) {
+      const e42 = void 0 !== s22 && 1 === s22.length;
+      e42 && (t22 = o3.get(s22)), void 0 === t22 && ((this.o = t22 = new CSSStyleSheet()).replaceSync(this.cssText), e42 && o3.set(s22, t22));
+    }
+    return t22;
+  }
+  toString() {
+    return this.cssText;
+  }
+};
+var r3 = (t22) => new n4("string" == typeof t22 ? t22 : t22 + "", void 0, s2);
+var S3 = (s22, o42) => {
+  if (e4) s22.adoptedStyleSheets = o42.map((t22) => t22 instanceof CSSStyleSheet ? t22 : t22.styleSheet);
+  else for (const e42 of o42) {
+    const o5 = document.createElement("style"), n52 = t3.litNonce;
+    void 0 !== n52 && o5.setAttribute("nonce", n52), o5.textContent = e42.cssText, s22.appendChild(o5);
+  }
+};
+var c4 = e4 ? (t22) => t22 : (t22) => t22 instanceof CSSStyleSheet ? ((t32) => {
+  let e42 = "";
+  for (const s22 of t32.cssRules) e42 += s22.cssText;
+  return r3(e42);
+})(t22) : t22;
+var { is: i22, defineProperty: e22, getOwnPropertyDescriptor: r22, getOwnPropertyNames: h4, getOwnPropertySymbols: o22, getPrototypeOf: n22 } = Object;
+var a2 = globalThis;
+var c22 = a2.trustedTypes;
+var l2 = c22 ? c22.emptyScript : "";
+var p2 = a2.reactiveElementPolyfillSupport;
+var d2 = (t22, s22) => t22;
+var u2 = { toAttribute(t22, s22) {
+  switch (s22) {
+    case Boolean:
+      t22 = t22 ? l2 : null;
+      break;
+    case Object:
+    case Array:
+      t22 = null == t22 ? t22 : JSON.stringify(t22);
+  }
+  return t22;
+}, fromAttribute(t22, s22) {
+  let i32 = t22;
+  switch (s22) {
+    case Boolean:
+      i32 = null !== t22;
+      break;
+    case Number:
+      i32 = null === t22 ? null : Number(t22);
+      break;
+    case Object:
+    case Array:
+      try {
+        i32 = JSON.parse(t22);
+      } catch (t32) {
+        i32 = null;
+      }
+  }
+  return i32;
+} };
+var f4 = (t22, s22) => !i22(t22, s22);
+var y2 = { attribute: true, type: String, converter: u2, reflect: false, hasChanged: f4 };
+Symbol.metadata ??= Symbol("metadata"), a2.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
+var b2 = class extends HTMLElement {
+  static addInitializer(t22) {
+    this._$Ei(), (this.l ??= []).push(t22);
+  }
+  static get observedAttributes() {
+    return this.finalize(), this._$Eh && [...this._$Eh.keys()];
+  }
+  static createProperty(t22, s22 = y2) {
+    if (s22.state && (s22.attribute = false), this._$Ei(), this.elementProperties.set(t22, s22), !s22.noAccessor) {
+      const i32 = Symbol(), r42 = this.getPropertyDescriptor(t22, i32, s22);
+      void 0 !== r42 && e22(this.prototype, t22, r42);
+    }
+  }
+  static getPropertyDescriptor(t22, s22, i32) {
+    const { get: e42, set: h42 } = r22(this.prototype, t22) ?? { get() {
+      return this[s22];
+    }, set(t32) {
+      this[s22] = t32;
+    } };
+    return { get() {
+      return e42?.call(this);
+    }, set(s3) {
+      const r42 = e42?.call(this);
+      h42.call(this, s3), this.requestUpdate(t22, r42, i32);
+    }, configurable: true, enumerable: true };
+  }
+  static getPropertyOptions(t22) {
+    return this.elementProperties.get(t22) ?? y2;
+  }
+  static _$Ei() {
+    if (this.hasOwnProperty(d2("elementProperties"))) return;
+    const t22 = n22(this);
+    t22.finalize(), void 0 !== t22.l && (this.l = [...t22.l]), this.elementProperties = new Map(t22.elementProperties);
+  }
+  static finalize() {
+    if (this.hasOwnProperty(d2("finalized"))) return;
+    if (this.finalized = true, this._$Ei(), this.hasOwnProperty(d2("properties"))) {
+      const t32 = this.properties, s22 = [...h4(t32), ...o22(t32)];
+      for (const i32 of s22) this.createProperty(i32, t32[i32]);
+    }
+    const t22 = this[Symbol.metadata];
+    if (null !== t22) {
+      const s22 = litPropertyMetadata.get(t22);
+      if (void 0 !== s22) for (const [t32, i32] of s22) this.elementProperties.set(t32, i32);
+    }
+    this._$Eh = /* @__PURE__ */ new Map();
+    for (const [t32, s22] of this.elementProperties) {
+      const i32 = this._$Eu(t32, s22);
+      void 0 !== i32 && this._$Eh.set(i32, t32);
+    }
+    this.elementStyles = this.finalizeStyles(this.styles);
+  }
+  static finalizeStyles(s22) {
+    const i32 = [];
+    if (Array.isArray(s22)) {
+      const e42 = new Set(s22.flat(1 / 0).reverse());
+      for (const s3 of e42) i32.unshift(c4(s3));
+    } else void 0 !== s22 && i32.push(c4(s22));
+    return i32;
+  }
+  static _$Eu(t22, s22) {
+    const i32 = s22.attribute;
+    return false === i32 ? void 0 : "string" == typeof i32 ? i32 : "string" == typeof t22 ? t22.toLowerCase() : void 0;
+  }
+  constructor() {
+    super(), this._$Ep = void 0, this.isUpdatePending = false, this.hasUpdated = false, this._$Em = null, this._$Ev();
+  }
+  _$Ev() {
+    this._$ES = new Promise((t22) => this.enableUpdating = t22), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), this.constructor.l?.forEach((t22) => t22(this));
+  }
+  addController(t22) {
+    (this._$EO ??= /* @__PURE__ */ new Set()).add(t22), void 0 !== this.renderRoot && this.isConnected && t22.hostConnected?.();
+  }
+  removeController(t22) {
+    this._$EO?.delete(t22);
+  }
+  _$E_() {
+    const t22 = /* @__PURE__ */ new Map(), s22 = this.constructor.elementProperties;
+    for (const i32 of s22.keys()) this.hasOwnProperty(i32) && (t22.set(i32, this[i32]), delete this[i32]);
+    t22.size > 0 && (this._$Ep = t22);
+  }
+  createRenderRoot() {
+    const t22 = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
+    return S3(t22, this.constructor.elementStyles), t22;
+  }
+  connectedCallback() {
+    this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(true), this._$EO?.forEach((t22) => t22.hostConnected?.());
+  }
+  enableUpdating(t22) {
+  }
+  disconnectedCallback() {
+    this._$EO?.forEach((t22) => t22.hostDisconnected?.());
+  }
+  attributeChangedCallback(t22, s22, i32) {
+    this._$AK(t22, i32);
+  }
+  _$EC(t22, s22) {
+    const i32 = this.constructor.elementProperties.get(t22), e42 = this.constructor._$Eu(t22, i32);
+    if (void 0 !== e42 && true === i32.reflect) {
+      const r42 = (void 0 !== i32.converter?.toAttribute ? i32.converter : u2).toAttribute(s22, i32.type);
+      this._$Em = t22, null == r42 ? this.removeAttribute(e42) : this.setAttribute(e42, r42), this._$Em = null;
+    }
+  }
+  _$AK(t22, s22) {
+    const i32 = this.constructor, e42 = i32._$Eh.get(t22);
+    if (void 0 !== e42 && this._$Em !== e42) {
+      const t32 = i32.getPropertyOptions(e42), r42 = "function" == typeof t32.converter ? { fromAttribute: t32.converter } : void 0 !== t32.converter?.fromAttribute ? t32.converter : u2;
+      this._$Em = e42, this[e42] = r42.fromAttribute(s22, t32.type), this._$Em = null;
+    }
+  }
+  requestUpdate(t22, s22, i32) {
+    if (void 0 !== t22) {
+      if (i32 ??= this.constructor.getPropertyOptions(t22), !(i32.hasChanged ?? f4)(this[t22], s22)) return;
+      this.P(t22, s22, i32);
+    }
+    false === this.isUpdatePending && (this._$ES = this._$ET());
+  }
+  P(t22, s22, i32) {
+    this._$AL.has(t22) || this._$AL.set(t22, s22), true === i32.reflect && this._$Em !== t22 && (this._$Ej ??= /* @__PURE__ */ new Set()).add(t22);
+  }
+  async _$ET() {
+    this.isUpdatePending = true;
+    try {
+      await this._$ES;
+    } catch (t32) {
+      Promise.reject(t32);
+    }
+    const t22 = this.scheduleUpdate();
+    return null != t22 && await t22, !this.isUpdatePending;
+  }
+  scheduleUpdate() {
+    return this.performUpdate();
+  }
+  performUpdate() {
+    if (!this.isUpdatePending) return;
+    if (!this.hasUpdated) {
+      if (this.renderRoot ??= this.createRenderRoot(), this._$Ep) {
+        for (const [t42, s3] of this._$Ep) this[t42] = s3;
+        this._$Ep = void 0;
+      }
+      const t32 = this.constructor.elementProperties;
+      if (t32.size > 0) for (const [s3, i32] of t32) true !== i32.wrapped || this._$AL.has(s3) || void 0 === this[s3] || this.P(s3, this[s3], i32);
+    }
+    let t22 = false;
+    const s22 = this._$AL;
+    try {
+      t22 = this.shouldUpdate(s22), t22 ? (this.willUpdate(s22), this._$EO?.forEach((t32) => t32.hostUpdate?.()), this.update(s22)) : this._$EU();
+    } catch (s3) {
+      throw t22 = false, this._$EU(), s3;
+    }
+    t22 && this._$AE(s22);
+  }
+  willUpdate(t22) {
+  }
+  _$AE(t22) {
+    this._$EO?.forEach((t32) => t32.hostUpdated?.()), this.hasUpdated || (this.hasUpdated = true, this.firstUpdated(t22)), this.updated(t22);
+  }
+  _$EU() {
+    this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = false;
+  }
+  get updateComplete() {
+    return this.getUpdateComplete();
+  }
+  getUpdateComplete() {
+    return this._$ES;
+  }
+  shouldUpdate(t22) {
+    return true;
+  }
+  update(t22) {
+    this._$Ej &&= this._$Ej.forEach((t32) => this._$EC(t32, this[t32])), this._$EU();
+  }
+  updated(t22) {
+  }
+  firstUpdated(t22) {
+  }
+};
+b2.elementStyles = [], b2.shadowRootOptions = { mode: "open" }, b2[d2("elementProperties")] = /* @__PURE__ */ new Map(), b2[d2("finalized")] = /* @__PURE__ */ new Map(), p2?.({ ReactiveElement: b2 }), (a2.reactiveElementVersions ??= []).push("2.0.4");
+var n32 = globalThis;
+var c32 = n32.trustedTypes;
+var h22 = c32 ? c32.createPolicy("lit-html", { createHTML: (t22) => t22 }) : void 0;
+var f22 = "$lit$";
+var v2 = `lit$${Math.random().toFixed(9).slice(2)}$`;
+var m2 = "?" + v2;
+var _2 = `<${m2}>`;
+var w2 = document;
+var lt2 = () => w2.createComment("");
+var st2 = (t22) => null === t22 || "object" != typeof t22 && "function" != typeof t22;
+var g2 = Array.isArray;
+var $2 = (t22) => g2(t22) || "function" == typeof t22?.[Symbol.iterator];
+var x2 = "[ 	\n\f\r]";
+var T2 = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g;
+var E2 = /-->/g;
+var k2 = />/g;
+var O2 = RegExp(`>|${x2}(?:([^\\s"'>=/]+)(${x2}*=${x2}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g");
+var S22 = /'/g;
+var j2 = /"/g;
+var M2 = /^(?:script|style|textarea|title)$/i;
+var P2 = (t22) => (i32, ...s22) => ({ _$litType$: t22, strings: i32, values: s22 });
+var ke2 = P2(1);
+var Oe2 = P2(2);
+var Se2 = P2(3);
+var R2 = Symbol.for("lit-noChange");
+var D2 = Symbol.for("lit-nothing");
+var V2 = /* @__PURE__ */ new WeakMap();
+var I2 = w2.createTreeWalker(w2, 129);
+function N2(t22, i32) {
+  if (!g2(t22) || !t22.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return void 0 !== h22 ? h22.createHTML(i32) : i32;
+}
+var U2 = (t22, i32) => {
+  const s22 = t22.length - 1, e42 = [];
+  let h42, o42 = 2 === i32 ? "<svg>" : 3 === i32 ? "<math>" : "", n52 = T2;
+  for (let i4 = 0; i4 < s22; i4++) {
+    const s3 = t22[i4];
+    let r42, l22, c42 = -1, a22 = 0;
+    for (; a22 < s3.length && (n52.lastIndex = a22, l22 = n52.exec(s3), null !== l22); ) a22 = n52.lastIndex, n52 === T2 ? "!--" === l22[1] ? n52 = E2 : void 0 !== l22[1] ? n52 = k2 : void 0 !== l22[2] ? (M2.test(l22[2]) && (h42 = RegExp("</" + l22[2], "g")), n52 = O2) : void 0 !== l22[3] && (n52 = O2) : n52 === O2 ? ">" === l22[0] ? (n52 = h42 ?? T2, c42 = -1) : void 0 === l22[1] ? c42 = -2 : (c42 = n52.lastIndex - l22[2].length, r42 = l22[1], n52 = void 0 === l22[3] ? O2 : '"' === l22[3] ? j2 : S22) : n52 === j2 || n52 === S22 ? n52 = O2 : n52 === E2 || n52 === k2 ? n52 = T2 : (n52 = O2, h42 = void 0);
+    const u22 = n52 === O2 && t22[i4 + 1].startsWith("/>") ? " " : "";
+    o42 += n52 === T2 ? s3 + _2 : c42 >= 0 ? (e42.push(r42), s3.slice(0, c42) + f22 + s3.slice(c42) + v2 + u22) : s3 + v2 + (-2 === c42 ? i4 : u22);
+  }
+  return [N2(t22, o42 + (t22[s22] || "<?>") + (2 === i32 ? "</svg>" : 3 === i32 ? "</math>" : "")), e42];
+};
+var B2 = class _B {
+  constructor({ strings: t22, _$litType$: i32 }, s22) {
+    let e42;
+    this.parts = [];
+    let h42 = 0, o42 = 0;
+    const n52 = t22.length - 1, r42 = this.parts, [l22, a22] = U2(t22, i32);
+    if (this.el = _B.createElement(l22, s22), I2.currentNode = this.el.content, 2 === i32 || 3 === i32) {
+      const t32 = this.el.content.firstChild;
+      t32.replaceWith(...t32.childNodes);
+    }
+    for (; null !== (e42 = I2.nextNode()) && r42.length < n52; ) {
+      if (1 === e42.nodeType) {
+        if (e42.hasAttributes()) for (const t32 of e42.getAttributeNames()) if (t32.endsWith(f22)) {
+          const i4 = a22[o42++], s3 = e42.getAttribute(t32).split(v2), n6 = /([.?@])?(.*)/.exec(i4);
+          r42.push({ type: 1, index: h42, name: n6[2], strings: s3, ctor: "." === n6[1] ? Y2 : "?" === n6[1] ? Z2 : "@" === n6[1] ? q2 : G2 }), e42.removeAttribute(t32);
+        } else t32.startsWith(v2) && (r42.push({ type: 6, index: h42 }), e42.removeAttribute(t32));
+        if (M2.test(e42.tagName)) {
+          const t32 = e42.textContent.split(v2), i4 = t32.length - 1;
+          if (i4 > 0) {
+            e42.textContent = c32 ? c32.emptyScript : "";
+            for (let s3 = 0; s3 < i4; s3++) e42.append(t32[s3], lt2()), I2.nextNode(), r42.push({ type: 2, index: ++h42 });
+            e42.append(t32[i4], lt2());
+          }
+        }
+      } else if (8 === e42.nodeType) if (e42.data === m2) r42.push({ type: 2, index: h42 });
+      else {
+        let t32 = -1;
+        for (; -1 !== (t32 = e42.data.indexOf(v2, t32 + 1)); ) r42.push({ type: 7, index: h42 }), t32 += v2.length - 1;
+      }
+      h42++;
+    }
+  }
+  static createElement(t22, i32) {
+    const s22 = w2.createElement("template");
+    return s22.innerHTML = t22, s22;
+  }
+};
+function z2(t22, i32, s22 = t22, e42) {
+  if (i32 === R2) return i32;
+  let h42 = void 0 !== e42 ? s22.o?.[e42] : s22.l;
+  const o42 = st2(i32) ? void 0 : i32._$litDirective$;
+  return h42?.constructor !== o42 && (h42?._$AO?.(false), void 0 === o42 ? h42 = void 0 : (h42 = new o42(t22), h42._$AT(t22, s22, e42)), void 0 !== e42 ? (s22.o ??= [])[e42] = h42 : s22.l = h42), void 0 !== h42 && (i32 = z2(t22, h42._$AS(t22, i32.values), h42, e42)), i32;
+}
+var F2 = class {
+  constructor(t22, i32) {
+    this._$AV = [], this._$AN = void 0, this._$AD = t22, this._$AM = i32;
+  }
+  get parentNode() {
+    return this._$AM.parentNode;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  u(t22) {
+    const { el: { content: i32 }, parts: s22 } = this._$AD, e42 = (t22?.creationScope ?? w2).importNode(i32, true);
+    I2.currentNode = e42;
+    let h42 = I2.nextNode(), o42 = 0, n52 = 0, r42 = s22[0];
+    for (; void 0 !== r42; ) {
+      if (o42 === r42.index) {
+        let i4;
+        2 === r42.type ? i4 = new et2(h42, h42.nextSibling, this, t22) : 1 === r42.type ? i4 = new r42.ctor(h42, r42.name, r42.strings, this, t22) : 6 === r42.type && (i4 = new K2(h42, this, t22)), this._$AV.push(i4), r42 = s22[++n52];
+      }
+      o42 !== r42?.index && (h42 = I2.nextNode(), o42++);
+    }
+    return I2.currentNode = w2, e42;
+  }
+  p(t22) {
+    let i32 = 0;
+    for (const s22 of this._$AV) void 0 !== s22 && (void 0 !== s22.strings ? (s22._$AI(t22, s22, i32), i32 += s22.strings.length - 2) : s22._$AI(t22[i32])), i32++;
+  }
+};
+var et2 = class _et {
+  get _$AU() {
+    return this._$AM?._$AU ?? this.v;
+  }
+  constructor(t22, i32, s22, e42) {
+    this.type = 2, this._$AH = D2, this._$AN = void 0, this._$AA = t22, this._$AB = i32, this._$AM = s22, this.options = e42, this.v = e42?.isConnected ?? true;
+  }
+  get parentNode() {
+    let t22 = this._$AA.parentNode;
+    const i32 = this._$AM;
+    return void 0 !== i32 && 11 === t22?.nodeType && (t22 = i32.parentNode), t22;
+  }
+  get startNode() {
+    return this._$AA;
+  }
+  get endNode() {
+    return this._$AB;
+  }
+  _$AI(t22, i32 = this) {
+    t22 = z2(this, t22, i32), st2(t22) ? t22 === D2 || null == t22 || "" === t22 ? (this._$AH !== D2 && this._$AR(), this._$AH = D2) : t22 !== this._$AH && t22 !== R2 && this._(t22) : void 0 !== t22._$litType$ ? this.$(t22) : void 0 !== t22.nodeType ? this.T(t22) : $2(t22) ? this.k(t22) : this._(t22);
+  }
+  O(t22) {
+    return this._$AA.parentNode.insertBefore(t22, this._$AB);
+  }
+  T(t22) {
+    this._$AH !== t22 && (this._$AR(), this._$AH = this.O(t22));
+  }
+  _(t22) {
+    this._$AH !== D2 && st2(this._$AH) ? this._$AA.nextSibling.data = t22 : this.T(w2.createTextNode(t22)), this._$AH = t22;
+  }
+  $(t22) {
+    const { values: i32, _$litType$: s22 } = t22, e42 = "number" == typeof s22 ? this._$AC(t22) : (void 0 === s22.el && (s22.el = B2.createElement(N2(s22.h, s22.h[0]), this.options)), s22);
+    if (this._$AH?._$AD === e42) this._$AH.p(i32);
+    else {
+      const t32 = new F2(e42, this), s3 = t32.u(this.options);
+      t32.p(i32), this.T(s3), this._$AH = t32;
+    }
+  }
+  _$AC(t22) {
+    let i32 = V2.get(t22.strings);
+    return void 0 === i32 && V2.set(t22.strings, i32 = new B2(t22)), i32;
+  }
+  k(t22) {
+    g2(this._$AH) || (this._$AH = [], this._$AR());
+    const i32 = this._$AH;
+    let s22, e42 = 0;
+    for (const h42 of t22) e42 === i32.length ? i32.push(s22 = new _et(this.O(lt2()), this.O(lt2()), this, this.options)) : s22 = i32[e42], s22._$AI(h42), e42++;
+    e42 < i32.length && (this._$AR(s22 && s22._$AB.nextSibling, e42), i32.length = e42);
+  }
+  _$AR(t22 = this._$AA.nextSibling, i32) {
+    for (this._$AP?.(false, true, i32); t22 && t22 !== this._$AB; ) {
+      const i4 = t22.nextSibling;
+      t22.remove(), t22 = i4;
+    }
+  }
+  setConnected(t22) {
+    void 0 === this._$AM && (this.v = t22, this._$AP?.(t22));
+  }
+};
+var G2 = class {
+  get tagName() {
+    return this.element.tagName;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  constructor(t22, i32, s22, e42, h42) {
+    this.type = 1, this._$AH = D2, this._$AN = void 0, this.element = t22, this.name = i32, this._$AM = e42, this.options = h42, s22.length > 2 || "" !== s22[0] || "" !== s22[1] ? (this._$AH = Array(s22.length - 1).fill(new String()), this.strings = s22) : this._$AH = D2;
+  }
+  _$AI(t22, i32 = this, s22, e42) {
+    const h42 = this.strings;
+    let o42 = false;
+    if (void 0 === h42) t22 = z2(this, t22, i32, 0), o42 = !st2(t22) || t22 !== this._$AH && t22 !== R2, o42 && (this._$AH = t22);
+    else {
+      const e52 = t22;
+      let n52, r42;
+      for (t22 = h42[0], n52 = 0; n52 < h42.length - 1; n52++) r42 = z2(this, e52[s22 + n52], i32, n52), r42 === R2 && (r42 = this._$AH[n52]), o42 ||= !st2(r42) || r42 !== this._$AH[n52], r42 === D2 ? t22 = D2 : t22 !== D2 && (t22 += (r42 ?? "") + h42[n52 + 1]), this._$AH[n52] = r42;
+    }
+    o42 && !e42 && this.j(t22);
+  }
+  j(t22) {
+    t22 === D2 ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t22 ?? "");
+  }
+};
+var Y2 = class extends G2 {
+  constructor() {
+    super(...arguments), this.type = 3;
+  }
+  j(t22) {
+    this.element[this.name] = t22 === D2 ? void 0 : t22;
+  }
+};
+var Z2 = class extends G2 {
+  constructor() {
+    super(...arguments), this.type = 4;
+  }
+  j(t22) {
+    this.element.toggleAttribute(this.name, !!t22 && t22 !== D2);
+  }
+};
+var q2 = class extends G2 {
+  constructor(t22, i32, s22, e42, h42) {
+    super(t22, i32, s22, e42, h42), this.type = 5;
+  }
+  _$AI(t22, i32 = this) {
+    if ((t22 = z2(this, t22, i32, 0) ?? D2) === R2) return;
+    const s22 = this._$AH, e42 = t22 === D2 && s22 !== D2 || t22.capture !== s22.capture || t22.once !== s22.once || t22.passive !== s22.passive, h42 = t22 !== D2 && (s22 === D2 || e42);
+    e42 && this.element.removeEventListener(this.name, this, s22), h42 && this.element.addEventListener(this.name, this, t22), this._$AH = t22;
+  }
+  handleEvent(t22) {
+    "function" == typeof this._$AH ? this._$AH.call(this.options?.host ?? this.element, t22) : this._$AH.handleEvent(t22);
+  }
+};
+var K2 = class {
+  constructor(t22, i32, s22) {
+    this.element = t22, this.type = 6, this._$AN = void 0, this._$AM = i32, this.options = s22;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(t22) {
+    z2(this, t22);
+  }
+};
+var Re2 = n32.litHtmlPolyfillSupport;
+Re2?.(B2, et2), (n32.litHtmlVersions ??= []).push("3.2.0");
+var Q2 = (t22, i32, s22) => {
+  const e42 = s22?.renderBefore ?? i32;
+  let h42 = e42._$litPart$;
+  if (void 0 === h42) {
+    const t32 = s22?.renderBefore ?? null;
+    e42._$litPart$ = h42 = new et2(i32.insertBefore(lt2(), t32), t32, void 0, s22 ?? {});
+  }
+  return h42._$AI(t22), h42;
+};
+var h32 = class extends b2 {
+  constructor() {
+    super(...arguments), this.renderOptions = { host: this }, this.o = void 0;
+  }
+  createRenderRoot() {
+    const t22 = super.createRenderRoot();
+    return this.renderOptions.renderBefore ??= t22.firstChild, t22;
+  }
+  update(t22) {
+    const e42 = this.render();
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t22), this.o = Q2(e42, this.renderRoot, this.renderOptions);
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.o?.setConnected(true);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.o?.setConnected(false);
+  }
+  render() {
+    return R2;
+  }
+};
+h32._$litElement$ = true, h32["finalized"] = true, globalThis.litElementHydrateSupport?.({ LitElement: h32 });
+var f32 = globalThis.litElementPolyfillSupport;
+f32?.({ LitElement: h32 });
+(globalThis.litElementVersions ??= []).push("4.1.0");
+var o32 = { attribute: true, type: String, converter: u2, reflect: false, hasChanged: f4 };
+var r32 = (t22 = o32, e42, r42) => {
+  const { kind: n52, metadata: i32 } = r42;
+  let s22 = globalThis.litPropertyMetadata.get(i32);
+  if (void 0 === s22 && globalThis.litPropertyMetadata.set(i32, s22 = /* @__PURE__ */ new Map()), s22.set(r42.name, t22), "accessor" === n52) {
+    const { name: o42 } = r42;
+    return { set(r52) {
+      const n6 = e42.get.call(this);
+      e42.set.call(this, r52), this.requestUpdate(o42, n6, t22);
+    }, init(e52) {
+      return void 0 !== e52 && this.P(o42, void 0, t22), e52;
+    } };
+  }
+  if ("setter" === n52) {
+    const { name: o42 } = r42;
+    return function(r52) {
+      const n6 = this[o42];
+      e42.call(this, r52), this.requestUpdate(o42, n6, t22);
+    };
+  }
+  throw Error("Unsupported decorator location: " + n52);
+};
+function n42(t22) {
+  return (e42, o42) => "object" == typeof o42 ? r32(t22, e42, o42) : ((t32, e52, o5) => {
+    const r42 = e52.hasOwnProperty(o5);
+    return e52.constructor.createProperty(o5, r42 ? { ...t32, wrapped: true } : t32), r42 ? Object.getOwnPropertyDescriptor(e52, o5) : void 0;
+  })(t22, e42, o42);
+}
+var appliedClassMixins = /* @__PURE__ */ new WeakMap();
+function wasMixinPreviouslyApplied(mixin, superClass) {
+  let klass = superClass;
+  while (klass) {
+    if (appliedClassMixins.get(klass) === mixin) {
+      return true;
+    }
+    klass = Object.getPrototypeOf(klass);
+  }
+  return false;
+}
+function dedupeMixin(mixin) {
+  return (superClass) => {
+    if (wasMixinPreviouslyApplied(mixin, superClass)) {
+      return superClass;
+    }
+    const mixedClass = mixin(superClass);
+    appliedClassMixins.set(mixedClass, mixin);
+    return mixedClass;
+  };
+}
+var version = "3.0.0";
+var versions = window.scopedElementsVersions || (window.scopedElementsVersions = []);
+if (!versions.includes(version)) {
+  versions.push(version);
+}
+var ScopedElementsMixinImplementation = (superclass) => (
+  /** @type {ScopedElementsHost} */
+  class ScopedElementsHost extends superclass {
+    /**
+     * Obtains the scoped elements definitions map if specified.
+     *
+     * @type {ScopedElementsMap=}
+     */
+    static scopedElements;
+    static get scopedElementsVersion() {
+      return version;
+    }
+    /** @type {CustomElementRegistry=} */
+    static __registry;
+    /**
+     * Obtains the CustomElementRegistry associated to the ShadowRoot.
+     *
+     * @returns {CustomElementRegistry=}
+     */
+    get registry() {
+      return (
+        /** @type {typeof ScopedElementsHost} */
+        this.constructor.__registry
+      );
+    }
+    /**
+     * Set the CustomElementRegistry associated to the ShadowRoot
+     *
+     * @param {CustomElementRegistry} registry
+     */
+    set registry(registry2) {
+      this.constructor.__registry = registry2;
+    }
+    /**
+     * @param {ShadowRootInit} options
+     * @returns {ShadowRoot}
+     */
+    attachShadow(options) {
+      const { scopedElements } = (
+        /** @type {typeof ScopedElementsHost} */
+        this.constructor
+      );
+      const shouldCreateRegistry = !this.registry || // @ts-ignore
+      this.registry === this.constructor.__registry && !Object.prototype.hasOwnProperty.call(this.constructor, "__registry");
+      if (shouldCreateRegistry) {
+        this.registry = new CustomElementRegistry();
+        for (const [tagName, klass] of Object.entries(scopedElements ?? {})) {
+          this.registry.define(tagName, klass);
+        }
+      }
+      return super.attachShadow({
+        ...options,
+        // The polyfill currently expects the registry to be passed as `customElements`
+        customElements: this.registry,
+        // But the proposal has moved forward, and renamed it to `registry`
+        // For backwards compatibility, we pass it as both
+        registry: this.registry
+      });
+    }
+  }
+);
+var ScopedElementsMixin = dedupeMixin(ScopedElementsMixinImplementation);
+var ScopedElementsMixinImplementation2 = (superclass) => (
+  /** @type {ScopedElementsHost} */
+  class ScopedElementsHost extends ScopedElementsMixin(superclass) {
+    createRenderRoot() {
+      const { shadowRootOptions, elementStyles } = (
+        /** @type {TypeofLitElement} */
+        this.constructor
+      );
+      const shadowRoot = this.attachShadow(shadowRootOptions);
+      this.renderOptions.creationScope = shadowRoot;
+      S3(shadowRoot, elementStyles);
+      this.renderOptions.renderBefore ??= shadowRoot.firstChild;
+      return shadowRoot;
+    }
+  }
+);
+var ScopedElementsMixin2 = dedupeMixin(ScopedElementsMixinImplementation2);
+var _lang_dec;
+var _contentEditable_dec;
+var _a;
+var _init;
+var _contentEditable;
+var _lang;
+var LitElementWw = class extends (_a = ScopedElementsMixin2(h32), _contentEditable_dec = [n42({ type: String, attribute: true, reflect: true })], _lang_dec = [n42({ type: String, attribute: true, reflect: true })], _a) {
+  constructor() {
+    super(...arguments);
+    __publicField2(this, "options");
+    __publicField2(this, "actions", {});
+    __privateAdd2(this, _contentEditable, __runInitializers2(_init, 8, this)), __runInitializers2(_init, 11, this);
+    __privateAdd2(this, _lang, __runInitializers2(_init, 12, this)), __runInitializers2(_init, 15, this);
+    __publicField2(this, "_inTransaction", false);
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.getAttributeNames().forEach((k22) => this.setAttribute(k22, this.getAttribute(k22)));
+  }
+};
+_init = __decoratorStart2(_a);
+_contentEditable = /* @__PURE__ */ new WeakMap();
+_lang = /* @__PURE__ */ new WeakMap();
+__decorateElement2(_init, 4, "contentEditable", _contentEditable_dec, LitElementWw, _contentEditable);
+__decorateElement2(_init, 4, "lang", _lang_dec, LitElementWw, _lang);
+__decoratorMetadata2(_init, LitElementWw);
+__publicField2(LitElementWw, "shadowRootOptions", { ...h32.shadowRootOptions });
+__publicField2(LitElementWw, "options", {});
+__publicField2(LitElementWw, "actions", {});
+
+// ../../node_modules/lit/node_modules/@lit/reactive-element/decorators/custom-element.js
+var t4 = (t5) => (e7, o5) => {
+  void 0 !== o5 ? o5.addInitializer(() => {
+    customElements.define(t5, e7);
+  }) : customElements.define(t5, e7);
+};
+
+// ../../node_modules/lit/node_modules/@lit/reactive-element/decorators/property.js
+var o4 = { attribute: true, type: String, converter: u, reflect: false, hasChanged: f };
+var r4 = (t5 = o4, e7, r6) => {
+  const { kind: n6, metadata: i4 } = r6;
+  let s3 = globalThis.litPropertyMetadata.get(i4);
+  if (void 0 === s3 && globalThis.litPropertyMetadata.set(i4, s3 = /* @__PURE__ */ new Map()), s3.set(r6.name, t5), "accessor" === n6) {
+    const { name: o5 } = r6;
+    return { set(r7) {
+      const n7 = e7.get.call(this);
+      e7.set.call(this, r7), this.requestUpdate(o5, n7, t5);
+    }, init(e8) {
+      return void 0 !== e8 && this.P(o5, void 0, t5), e8;
+    } };
+  }
+  if ("setter" === n6) {
+    const { name: o5 } = r6;
+    return function(r7) {
+      const n7 = this[o5];
+      e7.call(this, r7), this.requestUpdate(o5, n7, t5);
+    };
+  }
+  throw Error("Unsupported decorator location: " + n6);
+};
+function n5(t5) {
+  return (e7, o5) => "object" == typeof o5 ? r4(t5, e7, o5) : ((t6, e8, o6) => {
+    const r6 = e8.hasOwnProperty(o6);
+    return e8.constructor.createProperty(o6, r6 ? { ...t6, wrapped: true } : t6), r6 ? Object.getOwnPropertyDescriptor(e8, o6) : void 0;
+  })(t5, e7, o5);
+}
+
+// ../../node_modules/lit/node_modules/@lit/reactive-element/decorators/state.js
+function r5(r6) {
+  return n5({ ...r6, state: true, attribute: false });
+}
+
+// ../../node_modules/lit/node_modules/@lit/reactive-element/decorators/base.js
+var e5 = (e7, t5, c5) => (c5.configurable = true, c5.enumerable = true, Reflect.decorate && "object" != typeof t5 && Object.defineProperty(e7, t5, c5), c5);
+
+// ../../node_modules/lit/node_modules/@lit/reactive-element/decorators/query.js
+function e6(e7, r6) {
+  return (n6, s3, i4) => {
+    const o5 = (t5) => t5.renderRoot?.querySelector(e7) ?? null;
+    if (r6) {
+      const { get: e8, set: r7 } = "object" == typeof s3 ? n6 : i4 ?? (() => {
+        const t5 = Symbol();
+        return { get() {
+          return this[t5];
+        }, set(e9) {
+          this[t5] = e9;
+        } };
+      })();
+      return e5(n6, s3, { get() {
+        let t5 = e8.call(this);
+        return void 0 === t5 && (t5 = o5(this), (null !== t5 || this.hasUpdated) && r7.call(this, t5)), t5;
+      } });
+    }
+    return e5(n6, s3, { get() {
+      return o5(this);
+    } });
+  };
+}
+
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.6I2T3DLI.js
+var icon_button_styles_default = i`
+  :host {
+    display: inline-block;
+    color: var(--sl-color-neutral-600);
+  }
+
+  .icon-button {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    background: none;
+    border: none;
+    border-radius: var(--sl-border-radius-medium);
+    font-size: inherit;
+    color: inherit;
+    padding: var(--sl-spacing-x-small);
+    cursor: pointer;
+    transition: var(--sl-transition-x-fast) color;
+    -webkit-appearance: none;
+  }
+
+  .icon-button:hover:not(.icon-button--disabled),
+  .icon-button:focus-visible:not(.icon-button--disabled) {
+    color: var(--sl-color-primary-600);
+  }
+
+  .icon-button:active:not(.icon-button--disabled) {
+    color: var(--sl-color-primary-700);
+  }
+
+  .icon-button:focus {
+    outline: none;
+  }
+
+  .icon-button--disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  .icon-button:focus-visible {
+    outline: var(--sl-focus-ring);
+    outline-offset: var(--sl-focus-ring-offset);
+  }
+
+  .icon-button__icon {
+    pointer-events: none;
+  }
+`;
+
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.3Y6SB6QS.js
+var basePath = "";
+function setBasePath(path) {
+  basePath = path;
+}
+function getBasePath(subpath = "") {
+  if (!basePath) {
+    const scripts = [...document.getElementsByTagName("script")];
+    const configScript = scripts.find((script) => script.hasAttribute("data-shoelace"));
+    if (configScript) {
+      setBasePath(configScript.getAttribute("data-shoelace"));
+    } else {
+      const fallbackScript = scripts.find((s3) => {
+        return /shoelace(\.min)?\.js($|\?)/.test(s3.src) || /shoelace-autoloader(\.min)?\.js($|\?)/.test(s3.src);
+      });
+      let path = "";
+      if (fallbackScript) {
+        path = fallbackScript.getAttribute("src");
+      }
+      setBasePath(path.split("/").slice(0, -1).join("/"));
+    }
+  }
+  return basePath.replace(/\/$/, "") + (subpath ? `/${subpath.replace(/^\//, "")}` : ``);
+}
+
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.P7ZG6EMR.js
+var library = {
+  name: "default",
+  resolver: (name) => getBasePath(`assets/icons/${name}.svg`)
+};
+var library_default_default = library;
+
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.3TFKS637.js
+var icons = {
+  caret: `
+    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+      <polyline points="6 9 12 15 18 9"></polyline>
+    </svg>
+  `,
+  check: `
+    <svg part="checked-icon" class="checkbox__icon" viewBox="0 0 16 16">
+      <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round">
+        <g stroke="currentColor">
+          <g transform="translate(3.428571, 3.428571)">
+            <path d="M0,5.71428571 L3.42857143,9.14285714"></path>
+            <path d="M9.14285714,0 L3.42857143,9.14285714"></path>
+          </g>
+        </g>
+      </g>
+    </svg>
+  `,
+  "chevron-down": `
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16">
+      <path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/>
+    </svg>
+  `,
+  "chevron-left": `
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-left" viewBox="0 0 16 16">
+      <path fill-rule="evenodd" d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"/>
+    </svg>
+  `,
+  "chevron-right": `
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16">
+      <path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"/>
+    </svg>
+  `,
+  copy: `
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-copy" viewBox="0 0 16 16">
+      <path fill-rule="evenodd" d="M4 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V2Zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H6ZM2 5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1h1v1a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h1v1H2Z"/>
+    </svg>
+  `,
+  eye: `
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye" viewBox="0 0 16 16">
+      <path d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z"/>
+      <path d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z"/>
+    </svg>
+  `,
+  "eye-slash": `
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye-slash" viewBox="0 0 16 16">
+      <path d="M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755-.165.165-.337.328-.517.486l.708.709z"/>
+      <path d="M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z"/>
+      <path d="M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884-12-12 .708-.708 12 12-.708.708z"/>
+    </svg>
+  `,
+  eyedropper: `
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eyedropper" viewBox="0 0 16 16">
+      <path d="M13.354.646a1.207 1.207 0 0 0-1.708 0L8.5 3.793l-.646-.647a.5.5 0 1 0-.708.708L8.293 5l-7.147 7.146A.5.5 0 0 0 1 12.5v1.793l-.854.853a.5.5 0 1 0 .708.707L1.707 15H3.5a.5.5 0 0 0 .354-.146L11 7.707l1.146 1.147a.5.5 0 0 0 .708-.708l-.647-.646 3.147-3.146a1.207 1.207 0 0 0 0-1.708l-2-2zM2 12.707l7-7L10.293 7l-7 7H2v-1.293z"></path>
+    </svg>
+  `,
+  "grip-vertical": `
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-grip-vertical" viewBox="0 0 16 16">
+      <path d="M7 2a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM7 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM7 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-3 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-3 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"></path>
+    </svg>
+  `,
+  indeterminate: `
+    <svg part="indeterminate-icon" class="checkbox__icon" viewBox="0 0 16 16">
+      <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round">
+        <g stroke="currentColor" stroke-width="2">
+          <g transform="translate(2.285714, 6.857143)">
+            <path d="M10.2857143,1.14285714 L1.14285714,1.14285714"></path>
+          </g>
+        </g>
+      </g>
+    </svg>
+  `,
+  "person-fill": `
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-fill" viewBox="0 0 16 16">
+      <path d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"/>
+    </svg>
+  `,
+  "play-fill": `
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-play-fill" viewBox="0 0 16 16">
+      <path d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z"></path>
+    </svg>
+  `,
+  "pause-fill": `
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pause-fill" viewBox="0 0 16 16">
+      <path d="M5.5 3.5A1.5 1.5 0 0 1 7 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5zm5 0A1.5 1.5 0 0 1 12 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5z"></path>
+    </svg>
+  `,
+  radio: `
+    <svg part="checked-icon" class="radio__icon" viewBox="0 0 16 16">
+      <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g fill="currentColor">
+          <circle cx="8" cy="8" r="3.42857143"></circle>
+        </g>
+      </g>
+    </svg>
+  `,
+  "star-fill": `
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-star-fill" viewBox="0 0 16 16">
+      <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"/>
+    </svg>
+  `,
+  "x-lg": `
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-lg" viewBox="0 0 16 16">
+      <path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z"/>
+    </svg>
+  `,
+  "x-circle-fill": `
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-circle-fill" viewBox="0 0 16 16">
+      <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z"></path>
+    </svg>
+  `
+};
+var systemLibrary = {
+  name: "system",
+  resolver: (name) => {
+    if (name in icons) {
+      return `data:image/svg+xml,${encodeURIComponent(icons[name])}`;
+    }
+    return "";
+  }
+};
+var library_system_default = systemLibrary;
+
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.ZL53POKZ.js
+var registry = [library_default_default, library_system_default];
+var watchedIcons = [];
+function watchIcon(icon) {
+  watchedIcons.push(icon);
+}
+function unwatchIcon(icon) {
+  watchedIcons = watchedIcons.filter((el) => el !== icon);
+}
+function getIconLibrary(name) {
+  return registry.find((lib) => lib.name === name);
+}
+
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.QLXRCYS4.js
+var icon_styles_default = i`
+  :host {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    box-sizing: content-box !important;
+  }
+
+  svg {
+    display: block;
+    height: 100%;
+    width: 100%;
+  }
+`;
+
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.B3BW2AY6.js
+var __defProp3 = Object.defineProperty;
+var __getOwnPropDesc3 = Object.getOwnPropertyDescriptor;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp3 = (obj, key, value) => key in obj ? __defProp3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a3, b3) => {
+  for (var prop in b3 || (b3 = {}))
+    if (__hasOwnProp.call(b3, prop))
+      __defNormalProp3(a3, prop, b3[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b3)) {
+      if (__propIsEnum.call(b3, prop))
+        __defNormalProp3(a3, prop, b3[prop]);
+    }
+  return a3;
+};
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc3(target, key) : target;
+  for (var i4 = decorators.length - 1, decorator; i4 >= 0; i4--)
+    if (decorator = decorators[i4])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result)
+    __defProp3(target, key, result);
+  return result;
+};
+var __accessCheck3 = (obj, member, msg) => {
+  if (!member.has(obj))
+    throw TypeError("Cannot " + msg);
+};
+var __privateGet3 = (obj, member, getter) => {
+  __accessCheck3(obj, member, "read from private field");
+  return getter ? getter.call(obj) : member.get(obj);
+};
+var __privateAdd3 = (obj, member, value) => {
+  if (member.has(obj))
+    throw TypeError("Cannot add the same private member more than once");
+  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+};
+var __privateSet3 = (obj, member, value, setter) => {
+  __accessCheck3(obj, member, "write to private field");
+  setter ? setter.call(obj, value) : member.set(obj, value);
+  return value;
+};
+
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.CCJUT23E.js
+function watch(propertyName, options) {
+  const resolvedOptions = __spreadValues({
+    waitUntilFirstUpdate: false
+  }, options);
+  return (proto, decoratedFnName) => {
+    const { update } = proto;
+    const watchedProperties = Array.isArray(propertyName) ? propertyName : [propertyName];
+    proto.update = function(changedProps) {
+      watchedProperties.forEach((property) => {
+        const key = property;
+        if (changedProps.has(key)) {
+          const oldValue = changedProps.get(key);
+          const newValue = this[key];
+          if (oldValue !== newValue) {
+            if (!resolvedOptions.waitUntilFirstUpdate || this.hasUpdated) {
+              this[decoratedFnName](oldValue, newValue);
+            }
+          }
+        }
+      });
+      update.call(this, changedProps);
+    };
+  };
+}
+
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.TUVJKY7S.js
+var component_styles_default = i`
+  :host {
+    box-sizing: border-box;
+  }
+
+  :host *,
+  :host *::before,
+  :host *::after {
+    box-sizing: inherit;
+  }
+
+  [hidden] {
+    display: none !important;
+  }
+`;
+
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.NLWS5DN7.js
+var _hasRecordedInitialProperties;
+var ShoelaceElement = class extends h3 {
+  constructor() {
+    super();
+    __privateAdd3(this, _hasRecordedInitialProperties, false);
+    this.initialReflectedProperties = /* @__PURE__ */ new Map();
+    Object.entries(this.constructor.dependencies).forEach(([name, component]) => {
+      this.constructor.define(name, component);
+    });
+  }
+  emit(name, options) {
+    const event = new CustomEvent(name, __spreadValues({
+      bubbles: true,
+      cancelable: false,
+      composed: true,
+      detail: {}
+    }, options));
+    this.dispatchEvent(event);
+    return event;
+  }
+  /* eslint-enable */
+  static define(name, elementConstructor = this, options = {}) {
+    const currentlyRegisteredConstructor = customElements.get(name);
+    if (!currentlyRegisteredConstructor) {
+      try {
+        customElements.define(name, elementConstructor, options);
+      } catch (_err) {
+        customElements.define(name, class extends elementConstructor {
+        }, options);
+      }
+      return;
+    }
+    let newVersion = " (unknown version)";
+    let existingVersion = newVersion;
+    if ("version" in elementConstructor && elementConstructor.version) {
+      newVersion = " v" + elementConstructor.version;
+    }
+    if ("version" in currentlyRegisteredConstructor && currentlyRegisteredConstructor.version) {
+      existingVersion = " v" + currentlyRegisteredConstructor.version;
+    }
+    if (newVersion && existingVersion && newVersion === existingVersion) {
+      return;
+    }
+    console.warn(
+      `Attempted to register <${name}>${newVersion}, but <${name}>${existingVersion} has already been registered.`
+    );
+  }
+  attributeChangedCallback(name, oldValue, newValue) {
+    if (!__privateGet3(this, _hasRecordedInitialProperties)) {
+      this.constructor.elementProperties.forEach(
+        (obj, prop) => {
+          if (obj.reflect && this[prop] != null) {
+            this.initialReflectedProperties.set(prop, this[prop]);
+          }
+        }
+      );
+      __privateSet3(this, _hasRecordedInitialProperties, true);
+    }
+    super.attributeChangedCallback(name, oldValue, newValue);
+  }
+  willUpdate(changedProperties) {
+    super.willUpdate(changedProperties);
+    this.initialReflectedProperties.forEach((value, prop) => {
+      if (changedProperties.has(prop) && this[prop] == null) {
+        this[prop] = value;
+      }
+    });
+  }
+};
+_hasRecordedInitialProperties = /* @__PURE__ */ new WeakMap();
+ShoelaceElement.version = "2.17.1";
+ShoelaceElement.dependencies = {};
+__decorateClass([
+  n5()
+], ShoelaceElement.prototype, "dir", 2);
+__decorateClass([
+  n5()
+], ShoelaceElement.prototype, "lang", 2);
+
+// ../../node_modules/lit/node_modules/lit-html/directive-helpers.js
+var { I: et3 } = si;
+var nt = (o5, t5) => void 0 === t5 ? void 0 !== o5?._$litType$ : o5?._$litType$ === t5;
+
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.O7VCMB7W.js
+var CACHEABLE_ERROR = Symbol();
+var RETRYABLE_ERROR = Symbol();
+var parser;
+var iconCache = /* @__PURE__ */ new Map();
+var SlIcon = class extends ShoelaceElement {
+  constructor() {
+    super(...arguments);
+    this.initialRender = false;
+    this.svg = null;
+    this.label = "";
+    this.library = "default";
+  }
+  /** Given a URL, this function returns the resulting SVG element or an appropriate error symbol. */
+  async resolveIcon(url, library2) {
+    var _a3;
+    let fileData;
+    if (library2 == null ? void 0 : library2.spriteSheet) {
+      this.svg = ke`<svg part="svg">
+        <use part="use" href="${url}"></use>
+      </svg>`;
+      return this.svg;
+    }
+    try {
+      fileData = await fetch(url, { mode: "cors" });
+      if (!fileData.ok)
+        return fileData.status === 410 ? CACHEABLE_ERROR : RETRYABLE_ERROR;
+    } catch (e7) {
+      return RETRYABLE_ERROR;
+    }
+    try {
+      const div = document.createElement("div");
+      div.innerHTML = await fileData.text();
+      const svg = div.firstElementChild;
+      if (((_a3 = svg == null ? void 0 : svg.tagName) == null ? void 0 : _a3.toLowerCase()) !== "svg")
+        return CACHEABLE_ERROR;
+      if (!parser)
+        parser = new DOMParser();
+      const doc = parser.parseFromString(svg.outerHTML, "text/html");
+      const svgEl = doc.body.querySelector("svg");
+      if (!svgEl)
+        return CACHEABLE_ERROR;
+      svgEl.part.add("svg");
+      return document.adoptNode(svgEl);
+    } catch (e7) {
+      return CACHEABLE_ERROR;
+    }
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    watchIcon(this);
+  }
+  firstUpdated() {
+    this.initialRender = true;
+    this.setIcon();
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    unwatchIcon(this);
+  }
+  getIconSource() {
+    const library2 = getIconLibrary(this.library);
+    if (this.name && library2) {
+      return {
+        url: library2.resolver(this.name),
+        fromLibrary: true
+      };
+    }
+    return {
+      url: this.src,
+      fromLibrary: false
+    };
+  }
+  handleLabelChange() {
+    const hasLabel = typeof this.label === "string" && this.label.length > 0;
+    if (hasLabel) {
+      this.setAttribute("role", "img");
+      this.setAttribute("aria-label", this.label);
+      this.removeAttribute("aria-hidden");
+    } else {
+      this.removeAttribute("role");
+      this.removeAttribute("aria-label");
+      this.setAttribute("aria-hidden", "true");
+    }
+  }
+  async setIcon() {
+    var _a3;
+    const { url, fromLibrary } = this.getIconSource();
+    const library2 = fromLibrary ? getIconLibrary(this.library) : void 0;
+    if (!url) {
+      this.svg = null;
+      return;
+    }
+    let iconResolver = iconCache.get(url);
+    if (!iconResolver) {
+      iconResolver = this.resolveIcon(url, library2);
+      iconCache.set(url, iconResolver);
+    }
+    if (!this.initialRender) {
+      return;
+    }
+    const svg = await iconResolver;
+    if (svg === RETRYABLE_ERROR) {
+      iconCache.delete(url);
+    }
+    if (url !== this.getIconSource().url) {
+      return;
+    }
+    if (nt(svg)) {
+      this.svg = svg;
+      if (library2) {
+        await this.updateComplete;
+        const shadowSVG = this.shadowRoot.querySelector("[part='svg']");
+        if (typeof library2.mutator === "function" && shadowSVG) {
+          library2.mutator(shadowSVG);
+        }
+      }
+      return;
+    }
+    switch (svg) {
+      case RETRYABLE_ERROR:
+      case CACHEABLE_ERROR:
+        this.svg = null;
+        this.emit("sl-error");
+        break;
+      default:
+        this.svg = svg.cloneNode(true);
+        (_a3 = library2 == null ? void 0 : library2.mutator) == null ? void 0 : _a3.call(library2, this.svg);
+        this.emit("sl-load");
+    }
+  }
+  render() {
+    return this.svg;
+  }
+};
+SlIcon.styles = [component_styles_default, icon_styles_default];
+__decorateClass([
+  r5()
+], SlIcon.prototype, "svg", 2);
+__decorateClass([
+  n5({ reflect: true })
+], SlIcon.prototype, "name", 2);
+__decorateClass([
+  n5()
+], SlIcon.prototype, "src", 2);
+__decorateClass([
+  n5()
+], SlIcon.prototype, "label", 2);
+__decorateClass([
+  n5({ reflect: true })
+], SlIcon.prototype, "library", 2);
+__decorateClass([
+  watch("label")
+], SlIcon.prototype, "handleLabelChange", 1);
+__decorateClass([
+  watch(["name", "src", "library"])
+], SlIcon.prototype, "setIcon", 1);
+
+// ../../node_modules/lit/node_modules/lit-html/directives/class-map.js
+var Rt = e3(class extends i3 {
+  constructor(s3) {
+    if (super(s3), s3.type !== t2.ATTRIBUTE || "class" !== s3.name || s3.strings?.length > 2) throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
+  }
+  render(t5) {
+    return " " + Object.keys(t5).filter((s3) => t5[s3]).join(" ") + " ";
+  }
+  update(t5, [s3]) {
+    if (void 0 === this.st) {
+      this.st = /* @__PURE__ */ new Set(), void 0 !== t5.strings && (this.nt = new Set(t5.strings.join(" ").split(/\s/).filter((t6) => "" !== t6)));
+      for (const t6 in s3) s3[t6] && !this.nt?.has(t6) && this.st.add(t6);
+      return this.render(s3);
+    }
+    const i4 = t5.element.classList;
+    for (const t6 of this.st) t6 in s3 || (i4.remove(t6), this.st.delete(t6));
+    for (const t6 in s3) {
+      const r6 = !!s3[t6];
+      r6 === this.st.has(t6) || this.nt?.has(t6) || (r6 ? (i4.add(t6), this.st.add(t6)) : (i4.remove(t6), this.st.delete(t6)));
+    }
+    return R;
+  }
+});
+
+// ../../node_modules/lit/node_modules/lit-html/static.js
+var $e = Symbol.for("");
+var xe = (t5) => {
+  if (t5?.r === $e) return t5?._$litStatic$;
+};
+var er = (t5, ...r6) => ({ _$litStatic$: r6.reduce((r7, e7, a3) => r7 + ((t6) => {
+  if (void 0 !== t6._$litStatic$) return t6._$litStatic$;
+  throw Error(`Value passed to 'literal' function must be a 'literal' result: ${t6}. Use 'unsafeStatic' to pass non-literal values, but
+            take care to ensure page security.`);
+})(e7) + t5[a3 + 1], t5[0]), r: $e });
+var Te = /* @__PURE__ */ new Map();
+var Ee = (t5) => (r6, ...e7) => {
+  const a3 = e7.length;
+  let o5, s3;
+  const i4 = [], l3 = [];
+  let n6, u3 = 0, c5 = false;
+  for (; u3 < a3; ) {
+    for (n6 = r6[u3]; u3 < a3 && void 0 !== (s3 = e7[u3], o5 = xe(s3)); ) n6 += o5 + r6[++u3], c5 = true;
+    u3 !== a3 && l3.push(s3), i4.push(n6), u3++;
+  }
+  if (u3 === a3 && i4.push(r6[a3]), c5) {
+    const t6 = i4.join("$$lit$$");
+    void 0 === (r6 = Te.get(t6)) && (i4.raw = i4, Te.set(t6, r6 = i4)), e7 = l3;
+  }
+  return t5(r6, ...e7);
+};
+var ke3 = Ee(ke);
+var Oe3 = Ee(Oe);
+var Se3 = Ee(Se);
+
+// ../../node_modules/lit/node_modules/lit-html/directives/if-defined.js
+var to = (t5) => t5 ?? D;
+
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.AYP3HPB7.js
+var SlIconButton = class extends ShoelaceElement {
+  constructor() {
+    super(...arguments);
+    this.hasFocus = false;
+    this.label = "";
+    this.disabled = false;
+  }
+  handleBlur() {
+    this.hasFocus = false;
+    this.emit("sl-blur");
+  }
+  handleFocus() {
+    this.hasFocus = true;
+    this.emit("sl-focus");
+  }
+  handleClick(event) {
+    if (this.disabled) {
+      event.preventDefault();
+      event.stopPropagation();
+    }
+  }
+  /** Simulates a click on the icon button. */
+  click() {
+    this.button.click();
+  }
+  /** Sets focus on the icon button. */
+  focus(options) {
+    this.button.focus(options);
+  }
+  /** Removes focus from the icon button. */
+  blur() {
+    this.button.blur();
+  }
+  render() {
+    const isLink = this.href ? true : false;
+    const tag = isLink ? er`a` : er`button`;
+    return ke3`
+      <${tag}
+        part="base"
+        class=${Rt({
+      "icon-button": true,
+      "icon-button--disabled": !isLink && this.disabled,
+      "icon-button--focused": this.hasFocus
+    })}
+        ?disabled=${to(isLink ? void 0 : this.disabled)}
+        type=${to(isLink ? void 0 : "button")}
+        href=${to(isLink ? this.href : void 0)}
+        target=${to(isLink ? this.target : void 0)}
+        download=${to(isLink ? this.download : void 0)}
+        rel=${to(isLink && this.target ? "noreferrer noopener" : void 0)}
+        role=${to(isLink ? void 0 : "button")}
+        aria-disabled=${this.disabled ? "true" : "false"}
+        aria-label="${this.label}"
+        tabindex=${this.disabled ? "-1" : "0"}
+        @blur=${this.handleBlur}
+        @focus=${this.handleFocus}
+        @click=${this.handleClick}
+      >
+        <sl-icon
+          class="icon-button__icon"
+          name=${to(this.name)}
+          library=${to(this.library)}
+          src=${to(this.src)}
+          aria-hidden="true"
+        ></sl-icon>
+      </${tag}>
+    `;
+  }
+};
+SlIconButton.styles = [component_styles_default, icon_button_styles_default];
+SlIconButton.dependencies = { "sl-icon": SlIcon };
+__decorateClass([
+  e6(".icon-button")
+], SlIconButton.prototype, "button", 2);
+__decorateClass([
+  r5()
+], SlIconButton.prototype, "hasFocus", 2);
+__decorateClass([
+  n5()
+], SlIconButton.prototype, "name", 2);
+__decorateClass([
+  n5()
+], SlIconButton.prototype, "library", 2);
+__decorateClass([
+  n5()
+], SlIconButton.prototype, "src", 2);
+__decorateClass([
+  n5()
+], SlIconButton.prototype, "href", 2);
+__decorateClass([
+  n5()
+], SlIconButton.prototype, "target", 2);
+__decorateClass([
+  n5()
+], SlIconButton.prototype, "download", 2);
+__decorateClass([
+  n5()
+], SlIconButton.prototype, "label", 2);
+__decorateClass([
+  n5({ type: Boolean, reflect: true })
+], SlIconButton.prototype, "disabled", 2);
 
 // ../../node_modules/bootstrap-icons/icons/arrow-up.svg
 var arrow_up_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-up" viewBox="0 0 16 16">%0A  <path fill-rule="evenodd" d="M8 15a.5.5 0 0 0 .5-.5V2.707l3.146 3.147a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 1 0 .708.708L7.5 2.707V14.5a.5.5 0 0 0 .5.5"/>%0A</svg>';
@@ -62,69 +2185,69 @@ var arrow_up_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/sv
 var arrow_down_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-down" viewBox="0 0 16 16">%0A  <path fill-rule="evenodd" d="M8 1a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L7.5 13.293V1.5A.5.5 0 0 1 8 1"/>%0A</svg>';
 
 // src/widgets/webwriter-order-item.ts
-var _contentSlotEl_dec, _baseEl_dec, _hideOrderButtons_dec, _validOrder_dec, _layout_dec, _dropPreview_dec, _draggable_dec, _a, _WebwriterOrderItem_decorators, _init, _draggable, _dropPreview, _layout, _validOrder, _hideOrderButtons, _baseEl, _contentSlotEl;
-_WebwriterOrderItem_decorators = [customElement("webwriter-order-item")];
-var _WebwriterOrderItem = class _WebwriterOrderItem extends (_a = LitElementWw, _draggable_dec = [property({ attribute: true, reflect: true, converter: { toAttribute: (v) => v ? "true" : "false", fromAttribute: (attr) => attr === "true" } })], _dropPreview_dec = [property({ type: String, attribute: true, reflect: true })], _layout_dec = [property({ type: String, attribute: true, reflect: true })], _validOrder_dec = [property({ type: Number, attribute: false })], _hideOrderButtons_dec = [property({ type: Boolean, attribute: true, reflect: true })], _baseEl_dec = [query("[part=base]")], _contentSlotEl_dec = [query("#content")], _a) {
+var _contentSlotEl_dec, _baseEl_dec, _hideOrderButtons_dec, _validOrder_dec, _layout_dec, _dropPreview_dec, _draggable_dec, _a2, _WebwriterOrderItem_decorators, _init2, _draggable, _dropPreview, _layout, _validOrder, _hideOrderButtons, _baseEl, _contentSlotEl;
+_WebwriterOrderItem_decorators = [t4("webwriter-order-item")];
+var _WebwriterOrderItem = class _WebwriterOrderItem extends (_a2 = LitElementWw, _draggable_dec = [n5({ attribute: true, reflect: true, converter: { toAttribute: (v3) => v3 ? "true" : "false", fromAttribute: (attr) => attr === "true" } })], _dropPreview_dec = [n5({ type: String, attribute: true, reflect: true })], _layout_dec = [n5({ type: String, attribute: true, reflect: true })], _validOrder_dec = [n5({ type: Number, attribute: false })], _hideOrderButtons_dec = [n5({ type: Boolean, attribute: true, reflect: true })], _baseEl_dec = [e6("[part=base]")], _contentSlotEl_dec = [e6("#content")], _a2) {
   constructor() {
     super(...arguments);
-    __privateAdd(this, _draggable, __runInitializers(_init, 8, this, true)), __runInitializers(_init, 11, this);
+    __privateAdd(this, _draggable, __runInitializers(_init2, 8, this, true)), __runInitializers(_init2, 11, this);
     __publicField(this, "msg", (str) => this.lang in _WebwriterOrderItem.localization ? _WebwriterOrderItem.localization[this.lang][str] ?? str : str);
     __publicField(this, "emitClearDropPreview", () => {
       this.dispatchEvent(new CustomEvent("webwriter-clear-drop-preview", { bubbles: true }));
     });
-    __privateAdd(this, _dropPreview, __runInitializers(_init, 12, this)), __runInitializers(_init, 15, this);
-    __privateAdd(this, _layout, __runInitializers(_init, 16, this, "list")), __runInitializers(_init, 19, this);
-    __privateAdd(this, _validOrder, __runInitializers(_init, 20, this)), __runInitializers(_init, 23, this);
-    __privateAdd(this, _hideOrderButtons, __runInitializers(_init, 24, this, false)), __runInitializers(_init, 27, this);
-    __publicField(this, "handleClick", (e, up = false) => {
-      if (e.target.id === "up") {
+    __privateAdd(this, _dropPreview, __runInitializers(_init2, 12, this)), __runInitializers(_init2, 15, this);
+    __privateAdd(this, _layout, __runInitializers(_init2, 16, this, "list")), __runInitializers(_init2, 19, this);
+    __privateAdd(this, _validOrder, __runInitializers(_init2, 20, this)), __runInitializers(_init2, 23, this);
+    __privateAdd(this, _hideOrderButtons, __runInitializers(_init2, 24, this, false)), __runInitializers(_init2, 27, this);
+    __publicField(this, "handleClick", (e7, up = false) => {
+      if (e7.target.id === "up") {
         this.dispatchEvent(new CustomEvent("ww-moveup", { bubbles: true }));
       } else {
         this.dispatchEvent(new CustomEvent("ww-movedown", { bubbles: true }));
       }
-      e.stopPropagation();
+      e7.stopPropagation();
     });
-    __privateAdd(this, _baseEl, __runInitializers(_init, 28, this)), __runInitializers(_init, 31, this);
-    __privateAdd(this, _contentSlotEl, __runInitializers(_init, 32, this)), __runInitializers(_init, 35, this);
+    __privateAdd(this, _baseEl, __runInitializers(_init2, 28, this)), __runInitializers(_init2, 31, this);
+    __privateAdd(this, _contentSlotEl, __runInitializers(_init2, 32, this)), __runInitializers(_init2, 35, this);
     __publicField(this, "observer");
   }
   get elementIndex() {
     return Array.from(this.parentElement?.children ?? []).indexOf(this);
   }
-  getSibling(i) {
-    return this.parentElement.children.item(i);
+  getSibling(i4) {
+    return this.parentElement.children.item(i4);
   }
   connectedCallback() {
     super.connectedCallback();
     this.dropPreview = void 0;
-    this.addEventListener("dragstart", (e) => {
+    this.addEventListener("dragstart", (e7) => {
       this.dropPreview = void 0;
-      e.dataTransfer.setData("text/html", this.outerHTML);
-      e.dataTransfer.setData("text/plain", this.id);
-      e.stopPropagation();
+      e7.dataTransfer.setData("text/html", this.outerHTML);
+      e7.dataTransfer.setData("text/plain", this.id);
+      e7.stopPropagation();
     });
-    this.addEventListener("drop", (e) => {
-      e.stopPropagation();
-      const id = e.dataTransfer.getData("text/plain");
-      const inTopHalf = e.offsetY < this.offsetHeight / 2;
-      const inLeftHalf = e.offsetX < this.offsetWidth / 2;
+    this.addEventListener("drop", (e7) => {
+      e7.stopPropagation();
+      const id = e7.dataTransfer.getData("text/plain");
+      const inTopHalf = e7.offsetY < this.offsetHeight / 2;
+      const inLeftHalf = e7.offsetX < this.offsetWidth / 2;
       const el = document.querySelector(`webwriter-order-item#${id}`);
       const offset = (this.layout === "tiles" ? inLeftHalf : inTopHalf) ? 0 : 1;
       el.dispatchEvent(new CustomEvent("ww-moveto", { bubbles: true, detail: { i: this.elementIndex + offset } }));
     }, { passive: true });
-    this.addEventListener("dragover", (e) => {
-      const inTopHalf = e.offsetY < this.offsetHeight / 2;
-      const inLeftHalf = e.offsetX < this.offsetWidth / 2;
+    this.addEventListener("dragover", (e7) => {
+      const inTopHalf = e7.offsetY < this.offsetHeight / 2;
+      const inLeftHalf = e7.offsetX < this.offsetWidth / 2;
       if (this.layout === "tiles") {
         this.dropPreview = inLeftHalf ? "left" : "right";
       } else {
         this.dropPreview = inTopHalf ? "top" : "bottom";
       }
-      e.preventDefault();
-      e.stopImmediatePropagation();
+      e7.preventDefault();
+      e7.stopImmediatePropagation();
     });
     this.addEventListener("dragleave", () => this.emitClearDropPreview(), { passive: true });
-    document.addEventListener("dragend", (e) => {
+    document.addEventListener("dragend", (e7) => {
       this.emitClearDropPreview();
     }, { passive: true });
   }
@@ -175,11 +2298,11 @@ var _WebwriterOrderItem = class _WebwriterOrderItem extends (_a = LitElementWw,
     return this.elementIndex === this.validOrder;
   }
   render() {
-    const solution = this.validOrder !== void 0 ? html`<span class="solution" ?data-valid=${this.elementIndex === this.validOrder}>${this.validOrder + 1}</span>` : null;
-    return html`<ol part="base" start=${this.elementIndex + 1}>
+    const solution = this.validOrder !== void 0 ? ke`<span class="solution" ?data-valid=${this.elementIndex === this.validOrder}>${this.validOrder + 1}</span>` : null;
+    return ke`<ol part="base" start=${this.elementIndex + 1}>
       ${this.layout === "list" ? solution : null}
       <li id="main-li">
-        <slot id="content" style=${styleMap({ "--ww-placeholder": `"${this.msg("Option")}"`, "--offset": `${this.contentSlotEl?.offsetLeft + 1}px` })}></slot>
+        <slot id="content" style=${se({ "--ww-placeholder": `"${this.msg("Option")}"`, "--offset": `${this.contentSlotEl?.offsetLeft + 1}px` })}></slot>
       </li>
       <div id="order-buttons" part="order-buttons" draggable="false">
         <sl-icon-button ?disabled=${!this.previousElementSibling} id="up" class="order-button user-only" src=${arrow_up_default} @click=${this.handleClick} @mouseup=${() => this.draggable = true}></sl-icon-button>
@@ -193,7 +2316,7 @@ var _WebwriterOrderItem = class _WebwriterOrderItem extends (_a = LitElementWw,
     <div id="handle"></div>`;
   }
 };
-_init = __decoratorStart(_a);
+_init2 = __decoratorStart(_a2);
 _draggable = new WeakMap();
 _dropPreview = new WeakMap();
 _layout = new WeakMap();
@@ -201,19 +2324,19 @@ _validOrder = new WeakMap();
 _hideOrderButtons = new WeakMap();
 _baseEl = new WeakMap();
 _contentSlotEl = new WeakMap();
-__decorateElement(_init, 4, "draggable", _draggable_dec, _WebwriterOrderItem, _draggable);
-__decorateElement(_init, 4, "dropPreview", _dropPreview_dec, _WebwriterOrderItem, _dropPreview);
-__decorateElement(_init, 4, "layout", _layout_dec, _WebwriterOrderItem, _layout);
-__decorateElement(_init, 4, "validOrder", _validOrder_dec, _WebwriterOrderItem, _validOrder);
-__decorateElement(_init, 4, "hideOrderButtons", _hideOrderButtons_dec, _WebwriterOrderItem, _hideOrderButtons);
-__decorateElement(_init, 4, "baseEl", _baseEl_dec, _WebwriterOrderItem, _baseEl);
-__decorateElement(_init, 4, "contentSlotEl", _contentSlotEl_dec, _WebwriterOrderItem, _contentSlotEl);
-_WebwriterOrderItem = __decorateElement(_init, 0, "WebwriterOrderItem", _WebwriterOrderItem_decorators, _WebwriterOrderItem);
+__decorateElement(_init2, 4, "draggable", _draggable_dec, _WebwriterOrderItem, _draggable);
+__decorateElement(_init2, 4, "dropPreview", _dropPreview_dec, _WebwriterOrderItem, _dropPreview);
+__decorateElement(_init2, 4, "layout", _layout_dec, _WebwriterOrderItem, _layout);
+__decorateElement(_init2, 4, "validOrder", _validOrder_dec, _WebwriterOrderItem, _validOrder);
+__decorateElement(_init2, 4, "hideOrderButtons", _hideOrderButtons_dec, _WebwriterOrderItem, _hideOrderButtons);
+__decorateElement(_init2, 4, "baseEl", _baseEl_dec, _WebwriterOrderItem, _baseEl);
+__decorateElement(_init2, 4, "contentSlotEl", _contentSlotEl_dec, _WebwriterOrderItem, _contentSlotEl);
+_WebwriterOrderItem = __decorateElement(_init2, 0, "WebwriterOrderItem", _WebwriterOrderItem_decorators, _WebwriterOrderItem);
 __publicField(_WebwriterOrderItem, "localization", {});
 __publicField(_WebwriterOrderItem, "scopedElements", {
   "sl-icon-button": SlIconButton
 });
-__publicField(_WebwriterOrderItem, "styles", css`
+__publicField(_WebwriterOrderItem, "styles", i`
 
     :host {
       position: relative;
@@ -457,8 +2580,264 @@ __publicField(_WebwriterOrderItem, "styles", css`
 
     }
   `);
-__runInitializers(_init, 1, _WebwriterOrderItem);
+__runInitializers(_init2, 1, _WebwriterOrderItem);
 var WebwriterOrderItem = _WebwriterOrderItem;
 export {
   WebwriterOrderItem
 };
+/*! Bundled license information:
+
+@lit/reactive-element/css-tag.js:
+  (**
+   * @license
+   * Copyright 2019 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/reactive-element.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/lit-html.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-element/lit-element.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/is-server.js:
+  (**
+   * @license
+   * Copyright 2022 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/custom-element.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/property.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/state.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/event-options.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/base.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query-all.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query-async.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query-assigned-elements.js:
+  (**
+   * @license
+   * Copyright 2021 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query-assigned-nodes.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/
+/*! Bundled license information:
+
+@lit/reactive-element/css-tag.js:
+  (**
+   * @license
+   * Copyright 2019 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/reactive-element.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/lit-html.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-element/lit-element.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/is-server.js:
+  (**
+   * @license
+   * Copyright 2022 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/directive.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/directives/style-map.js:
+  (**
+   * @license
+   * Copyright 2018 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/custom-element.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/property.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/state.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/event-options.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/base.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query-all.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query-async.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query-assigned-elements.js:
+  (**
+   * @license
+   * Copyright 2021 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query-assigned-nodes.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/directive-helpers.js:
+  (**
+   * @license
+   * Copyright 2020 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/directives/class-map.js:
+  (**
+   * @license
+   * Copyright 2018 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/static.js:
+  (**
+   * @license
+   * Copyright 2020 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/directives/if-defined.js:
+  (**
+   * @license
+   * Copyright 2018 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/