@uxland/primary-shell 1.1.0 → 2.0.0

package/dist/index.mjs

@@ -1,3209 +0,0 @@
-/*
- * @license
- * BSD License
- *
- * Copyright (c) 2020, UXLand
- *
- * All rights reserved.
- * Redistribution and use in source and binary forms, with or without
- * modification, are permitted provided that the following conditions are met:
- * 1. Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.
- * 2. Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.
- * 3. All advertising materials mentioning features or use of this software must display the following acknowledgement: This product includes software developed by the <copyright holder>.
- * 4. Neither the name of the <copyright holder> nor the names of its contributors may be used to endorse or promote products derived from this software without specific prior written permission.
- *
- * THIS SOFTWARE IS PROVIDED BY <COPYRIGHT HOLDER> ''AS IS'' AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL <COPYRIGHT HOLDER> BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
- * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
- */
-const Ur = () => {
-};
-function f(r) {
-  return r != null && typeof r == "object" && r["@@functional/placeholder"] === !0;
-}
-function $(r) {
-  return function t(e) {
-    return arguments.length === 0 || f(e) ? t : r.apply(this, arguments);
-  };
-}
-function g(r) {
-  return function t(e, i) {
-    switch (arguments.length) {
-      case 0:
-        return t;
-      case 1:
-        return f(e) ? t : $(function(s) {
-          return r(e, s);
-        });
-      default:
-        return f(e) && f(i) ? t : f(e) ? $(function(s) {
-          return r(s, i);
-        }) : f(i) ? $(function(s) {
-          return r(e, s);
-        }) : r(e, i);
-    }
-  };
-}
-function Hr(r) {
-  var t = Object.prototype.toString.call(r);
-  return t === "[object Function]" || t === "[object AsyncFunction]" || t === "[object GeneratorFunction]" || t === "[object AsyncGeneratorFunction]";
-}
-function me(r) {
-  for (var t = [], e; !(e = r.next()).done; )
-    t.push(e.value);
-  return t;
-}
-function ye(r, t, e) {
-  for (var i = 0, s = e.length; i < s; ) {
-    if (r(t, e[i]))
-      return !0;
-    i += 1;
-  }
-  return !1;
-}
-function jr(r) {
-  var t = String(r).match(/^function (\w*)/);
-  return t == null ? "" : t[1];
-}
-function yt(r, t) {
-  return Object.prototype.hasOwnProperty.call(t, r);
-}
-function Lr(r, t) {
-  return r === t ? r !== 0 || 1 / r === 1 / t : r !== r && t !== t;
-}
-const Tt = typeof Object.is == "function" ? Object.is : Lr;
-var $e = Object.prototype.toString, Vr = /* @__PURE__ */ function() {
-  return $e.call(arguments) === "[object Arguments]" ? function(t) {
-    return $e.call(t) === "[object Arguments]";
-  } : function(t) {
-    return yt("callee", t);
-  };
-}(), Dr = !/* @__PURE__ */ {
-  toString: null
-}.propertyIsEnumerable("toString"), _e = ["constructor", "valueOf", "isPrototypeOf", "toString", "propertyIsEnumerable", "hasOwnProperty", "toLocaleString"], be = /* @__PURE__ */ function() {
-  return arguments.propertyIsEnumerable("length");
-}(), zr = function(t, e) {
-  for (var i = 0; i < t.length; ) {
-    if (t[i] === e)
-      return !0;
-    i += 1;
-  }
-  return !1;
-}, k = /* @__PURE__ */ $(typeof Object.keys == "function" && !be ? function(t) {
-  return Object(t) !== t ? [] : Object.keys(t);
-} : function(t) {
-  if (Object(t) !== t)
-    return [];
-  var e, i, s = [], n = be && Vr(t);
-  for (e in t)
-    yt(e, t) && (!n || e !== "length") && (s[s.length] = e);
-  if (Dr)
-    for (i = _e.length - 1; i >= 0; )
-      e = _e[i], yt(e, t) && !zr(s, e) && (s[s.length] = e), i -= 1;
-  return s;
-}), we = /* @__PURE__ */ $(function(t) {
-  return t === null ? "Null" : t === void 0 ? "Undefined" : Object.prototype.toString.call(t).slice(8, -1);
-});
-function Ae(r, t, e, i) {
-  var s = me(r), n = me(t);
-  function o(a, c) {
-    return ee(a, c, e.slice(), i.slice());
-  }
-  return !ye(function(a, c) {
-    return !ye(o, c, a);
-  }, n, s);
-}
-function ee(r, t, e, i) {
-  if (Tt(r, t))
-    return !0;
-  var s = we(r);
-  if (s !== we(t) || r == null || t == null)
-    return !1;
-  if (typeof r["fantasy-land/equals"] == "function" || typeof t["fantasy-land/equals"] == "function")
-    return typeof r["fantasy-land/equals"] == "function" && r["fantasy-land/equals"](t) && typeof t["fantasy-land/equals"] == "function" && t["fantasy-land/equals"](r);
-  if (typeof r.equals == "function" || typeof t.equals == "function")
-    return typeof r.equals == "function" && r.equals(t) && typeof t.equals == "function" && t.equals(r);
-  switch (s) {
-    case "Arguments":
-    case "Array":
-    case "Object":
-      if (typeof r.constructor == "function" && jr(r.constructor) === "Promise")
-        return r === t;
-      break;
-    case "Boolean":
-    case "Number":
-    case "String":
-      if (!(typeof r == typeof t && Tt(r.valueOf(), t.valueOf())))
-        return !1;
-      break;
-    case "Date":
-      if (!Tt(r.valueOf(), t.valueOf()))
-        return !1;
-      break;
-    case "Error":
-      return r.name === t.name && r.message === t.message;
-    case "RegExp":
-      if (!(r.source === t.source && r.global === t.global && r.ignoreCase === t.ignoreCase && r.multiline === t.multiline && r.sticky === t.sticky && r.unicode === t.unicode))
-        return !1;
-      break;
-  }
-  for (var n = e.length - 1; n >= 0; ) {
-    if (e[n] === r)
-      return i[n] === t;
-    n -= 1;
-  }
-  switch (s) {
-    case "Map":
-      return r.size !== t.size ? !1 : Ae(r.entries(), t.entries(), e.concat([r]), i.concat([t]));
-    case "Set":
-      return r.size !== t.size ? !1 : Ae(r.values(), t.values(), e.concat([r]), i.concat([t]));
-    case "Arguments":
-    case "Array":
-    case "Object":
-    case "Boolean":
-    case "Number":
-    case "String":
-    case "Date":
-    case "Error":
-    case "RegExp":
-    case "Int8Array":
-    case "Uint8Array":
-    case "Uint8ClampedArray":
-    case "Int16Array":
-    case "Uint16Array":
-    case "Int32Array":
-    case "Uint32Array":
-    case "Float32Array":
-    case "Float64Array":
-    case "ArrayBuffer":
-      break;
-    default:
-      return !1;
-  }
-  var o = k(r);
-  if (o.length !== k(t).length)
-    return !1;
-  var a = e.concat([r]), c = i.concat([t]);
-  for (n = o.length - 1; n >= 0; ) {
-    var l = o[n];
-    if (!(yt(l, t) && ee(t[l], r[l], a, c)))
-      return !1;
-    n -= 1;
-  }
-  return !0;
-}
-var Br = /* @__PURE__ */ g(function(t, e) {
-  return ee(t, e, [], []);
-});
-function Fr(r, t, e) {
-  var i, s;
-  if (typeof r.indexOf == "function")
-    switch (typeof t) {
-      case "number":
-        if (t === 0) {
-          for (i = 1 / t; e < r.length; ) {
-            if (s = r[e], s === 0 && 1 / s === i)
-              return e;
-            e += 1;
-          }
-          return -1;
-        } else if (t !== t) {
-          for (; e < r.length; ) {
-            if (s = r[e], typeof s == "number" && s !== s)
-              return e;
-            e += 1;
-          }
-          return -1;
-        }
-        return r.indexOf(t, e);
-      case "string":
-      case "boolean":
-      case "function":
-      case "undefined":
-        return r.indexOf(t, e);
-      case "object":
-        if (t === null)
-          return r.indexOf(t, e);
-    }
-  for (; e < r.length; ) {
-    if (Br(r[e], t))
-      return e;
-    e += 1;
-  }
-  return -1;
-}
-function qr(r, t) {
-  return Fr(t, r, 0) >= 0;
-}
-function pt(r, t) {
-  for (var e = 0, i = t.length, s = Array(i); e < i; )
-    s[e] = r(t[e]), e += 1;
-  return s;
-}
-function Ot(r) {
-  var t = r.replace(/\\/g, "\\\\").replace(/[\b]/g, "\\b").replace(/\f/g, "\\f").replace(/\n/g, "\\n").replace(/\r/g, "\\r").replace(/\t/g, "\\t").replace(/\v/g, "\\v").replace(/\0/g, "\\0");
-  return '"' + t.replace(/"/g, '\\"') + '"';
-}
-var X = function(t) {
-  return (t < 10 ? "0" : "") + t;
-}, Wr = typeof Date.prototype.toISOString == "function" ? function(t) {
-  return t.toISOString();
-} : function(t) {
-  return t.getUTCFullYear() + "-" + X(t.getUTCMonth() + 1) + "-" + X(t.getUTCDate()) + "T" + X(t.getUTCHours()) + ":" + X(t.getUTCMinutes()) + ":" + X(t.getUTCSeconds()) + "." + (t.getUTCMilliseconds() / 1e3).toFixed(3).slice(2, 5) + "Z";
-};
-function Gr(r) {
-  return function() {
-    return !r.apply(this, arguments);
-  };
-}
-const re = Array.isArray || function(t) {
-  return t != null && t.length >= 0 && Object.prototype.toString.call(t) === "[object Array]";
-};
-function Kr(r) {
-  return r != null && typeof r["@@transducer/step"] == "function";
-}
-function or(r, t, e) {
-  return function() {
-    if (arguments.length === 0)
-      return e();
-    var i = Array.prototype.slice.call(arguments, 0), s = i.pop();
-    if (!re(s)) {
-      for (var n = 0; n < r.length; ) {
-        if (typeof s[r[n]] == "function")
-          return s[r[n]].apply(s, i);
-        n += 1;
-      }
-      if (Kr(s)) {
-        var o = t.apply(null, i);
-        return o(s);
-      }
-    }
-    return e.apply(this, arguments);
-  };
-}
-function Yr(r, t) {
-  for (var e = 0, i = t.length, s = []; e < i; )
-    r(t[e]) && (s[s.length] = t[e]), e += 1;
-  return s;
-}
-function Xr(r) {
-  return Object.prototype.toString.call(r) === "[object Object]";
-}
-function ar(r) {
-  return Object.prototype.toString.call(r) === "[object String]";
-}
-var Zr = /* @__PURE__ */ $(function(t) {
-  return re(t) ? !0 : !t || typeof t != "object" || ar(t) ? !1 : t.nodeType === 1 ? !!t.length : t.length === 0 ? !0 : t.length > 0 ? t.hasOwnProperty(0) && t.hasOwnProperty(t.length - 1) : !1;
-}), Qr = /* @__PURE__ */ function() {
-  function r(t) {
-    this.f = t;
-  }
-  return r.prototype["@@transducer/init"] = function() {
-    throw new Error("init not implemented on XWrap");
-  }, r.prototype["@@transducer/result"] = function(t) {
-    return t;
-  }, r.prototype["@@transducer/step"] = function(t, e) {
-    return this.f(t, e);
-  }, r;
-}();
-function Jr(r) {
-  return new Qr(r);
-}
-function at(r, t) {
-  switch (r) {
-    case 0:
-      return function() {
-        return t.apply(this, arguments);
-      };
-    case 1:
-      return function(e) {
-        return t.apply(this, arguments);
-      };
-    case 2:
-      return function(e, i) {
-        return t.apply(this, arguments);
-      };
-    case 3:
-      return function(e, i, s) {
-        return t.apply(this, arguments);
-      };
-    case 4:
-      return function(e, i, s, n) {
-        return t.apply(this, arguments);
-      };
-    case 5:
-      return function(e, i, s, n, o) {
-        return t.apply(this, arguments);
-      };
-    case 6:
-      return function(e, i, s, n, o, a) {
-        return t.apply(this, arguments);
-      };
-    case 7:
-      return function(e, i, s, n, o, a, c) {
-        return t.apply(this, arguments);
-      };
-    case 8:
-      return function(e, i, s, n, o, a, c, l) {
-        return t.apply(this, arguments);
-      };
-    case 9:
-      return function(e, i, s, n, o, a, c, l, u) {
-        return t.apply(this, arguments);
-      };
-    case 10:
-      return function(e, i, s, n, o, a, c, l, u, h) {
-        return t.apply(this, arguments);
-      };
-    default:
-      throw new Error("First argument to _arity must be a non-negative integer no greater than ten");
-  }
-}
-var B = /* @__PURE__ */ g(function(t, e) {
-  return at(t.length, function() {
-    return t.apply(e, arguments);
-  });
-});
-function ti(r, t, e) {
-  for (var i = 0, s = e.length; i < s; ) {
-    if (t = r["@@transducer/step"](t, e[i]), t && t["@@transducer/reduced"]) {
-      t = t["@@transducer/value"];
-      break;
-    }
-    i += 1;
-  }
-  return r["@@transducer/result"](t);
-}
-function Ee(r, t, e) {
-  for (var i = e.next(); !i.done; ) {
-    if (t = r["@@transducer/step"](t, i.value), t && t["@@transducer/reduced"]) {
-      t = t["@@transducer/value"];
-      break;
-    }
-    i = e.next();
-  }
-  return r["@@transducer/result"](t);
-}
-function Se(r, t, e, i) {
-  return r["@@transducer/result"](e[i](B(r["@@transducer/step"], r), t));
-}
-var Ce = typeof Symbol < "u" ? Symbol.iterator : "@@iterator";
-function ie(r, t, e) {
-  if (typeof r == "function" && (r = Jr(r)), Zr(e))
-    return ti(r, t, e);
-  if (typeof e["fantasy-land/reduce"] == "function")
-    return Se(r, t, e, "fantasy-land/reduce");
-  if (e[Ce] != null)
-    return Ee(r, t, e[Ce]());
-  if (typeof e.next == "function")
-    return Ee(r, t, e);
-  if (typeof e.reduce == "function")
-    return Se(r, t, e, "reduce");
-  throw new TypeError("reduce: list must be array or iterable");
-}
-const $t = {
-  init: function() {
-    return this.xf["@@transducer/init"]();
-  },
-  result: function(r) {
-    return this.xf["@@transducer/result"](r);
-  }
-};
-var ei = /* @__PURE__ */ function() {
-  function r(t, e) {
-    this.xf = e, this.f = t;
-  }
-  return r.prototype["@@transducer/init"] = $t.init, r.prototype["@@transducer/result"] = $t.result, r.prototype["@@transducer/step"] = function(t, e) {
-    return this.f(e) ? this.xf["@@transducer/step"](t, e) : t;
-  }, r;
-}(), ri = /* @__PURE__ */ g(function(t, e) {
-  return new ei(t, e);
-});
-const ii = ri;
-var si = /* @__PURE__ */ g(
-  /* @__PURE__ */ or(["filter"], ii, function(r, t) {
-    return Xr(t) ? ie(function(e, i) {
-      return r(t[i]) && (e[i] = t[i]), e;
-    }, {}, k(t)) : (
-      // else
-      Yr(r, t)
-    );
-  })
-), ni = /* @__PURE__ */ g(function(t, e) {
-  return si(Gr(t), e);
-});
-const cr = ni;
-function lr(r, t) {
-  var e = function(o) {
-    var a = t.concat([r]);
-    return qr(o, a) ? "<Circular>" : lr(o, a);
-  }, i = function(n, o) {
-    return pt(function(a) {
-      return Ot(a) + ": " + e(n[a]);
-    }, o.slice().sort());
-  };
-  switch (Object.prototype.toString.call(r)) {
-    case "[object Arguments]":
-      return "(function() { return arguments; }(" + pt(e, r).join(", ") + "))";
-    case "[object Array]":
-      return "[" + pt(e, r).concat(i(r, cr(function(n) {
-        return /^\d+$/.test(n);
-      }, k(r)))).join(", ") + "]";
-    case "[object Boolean]":
-      return typeof r == "object" ? "new Boolean(" + e(r.valueOf()) + ")" : r.toString();
-    case "[object Date]":
-      return "new Date(" + (isNaN(r.valueOf()) ? e(NaN) : Ot(Wr(r))) + ")";
-    case "[object Null]":
-      return "null";
-    case "[object Number]":
-      return typeof r == "object" ? "new Number(" + e(r.valueOf()) + ")" : 1 / r === -1 / 0 ? "-0" : r.toString(10);
-    case "[object String]":
-      return typeof r == "object" ? "new String(" + e(r.valueOf()) + ")" : Ot(r);
-    case "[object Undefined]":
-      return "undefined";
-    default:
-      if (typeof r.toString == "function") {
-        var s = r.toString();
-        if (s !== "[object Object]")
-          return s;
-      }
-      return "{" + i(r, k(r)).join(", ") + "}";
-  }
-}
-function oi(r, t) {
-  if (t == null || !Hr(t.then))
-    throw new TypeError("`" + r + "` expected a Promise, received " + lr(t, []));
-}
-var F = /* @__PURE__ */ g(function(t, e) {
-  return oi("andThen", e), e.then(t);
-}), ai = /* @__PURE__ */ function() {
-  function r(t, e) {
-    this.xf = e, this.f = t;
-  }
-  return r.prototype["@@transducer/init"] = $t.init, r.prototype["@@transducer/result"] = $t.result, r.prototype["@@transducer/step"] = function(t, e) {
-    return this.xf["@@transducer/step"](t, this.f(e));
-  }, r;
-}(), ci = /* @__PURE__ */ g(function(t, e) {
-  return new ai(t, e);
-});
-const li = ci;
-function hr(r, t, e) {
-  return function() {
-    for (var i = [], s = 0, n = r, o = 0; o < t.length || s < arguments.length; ) {
-      var a;
-      o < t.length && (!f(t[o]) || s >= arguments.length) ? a = t[o] : (a = arguments[s], s += 1), i[o] = a, f(a) || (n -= 1), o += 1;
-    }
-    return n <= 0 ? e.apply(this, i) : at(n, hr(r, i, e));
-  };
-}
-var hi = /* @__PURE__ */ g(function(t, e) {
-  return t === 1 ? $(e) : at(t, hr(t, [], e));
-}), ct = /* @__PURE__ */ g(
-  /* @__PURE__ */ or(["fantasy-land/map", "map"], li, function(t, e) {
-    switch (Object.prototype.toString.call(e)) {
-      case "[object Function]":
-        return hi(e.length, function() {
-          return t.call(this, e.apply(this, arguments));
-        });
-      case "[object Object]":
-        return ie(function(i, s) {
-          return i[s] = t(e[s]), i;
-        }, {}, k(e));
-      default:
-        return pt(t, e);
-    }
-  })
-);
-function ui(r, t) {
-  return function() {
-    return t.call(this, r.apply(this, arguments));
-  };
-}
-function ur(r) {
-  return function t(e, i, s) {
-    switch (arguments.length) {
-      case 0:
-        return t;
-      case 1:
-        return f(e) ? t : g(function(n, o) {
-          return r(e, n, o);
-        });
-      case 2:
-        return f(e) && f(i) ? t : f(e) ? g(function(n, o) {
-          return r(n, i, o);
-        }) : f(i) ? g(function(n, o) {
-          return r(e, n, o);
-        }) : $(function(n) {
-          return r(e, i, n);
-        });
-      default:
-        return f(e) && f(i) && f(s) ? t : f(e) && f(i) ? g(function(n, o) {
-          return r(n, o, s);
-        }) : f(e) && f(s) ? g(function(n, o) {
-          return r(n, i, o);
-        }) : f(i) && f(s) ? g(function(n, o) {
-          return r(e, n, o);
-        }) : f(e) ? $(function(n) {
-          return r(n, i, s);
-        }) : f(i) ? $(function(n) {
-          return r(e, n, s);
-        }) : f(s) ? $(function(n) {
-          return r(e, i, n);
-        }) : r(e, i, s);
-    }
-  };
-}
-var dr = /* @__PURE__ */ ur(ie);
-function se(r, t) {
-  return function() {
-    var e = arguments.length;
-    if (e === 0)
-      return t();
-    var i = arguments[e - 1];
-    return re(i) || typeof i[r] != "function" ? t.apply(this, arguments) : i[r].apply(i, Array.prototype.slice.call(arguments, 0, e - 1));
-  };
-}
-var di = /* @__PURE__ */ ur(
-  /* @__PURE__ */ se("slice", function(t, e, i) {
-    return Array.prototype.slice.call(i, t, e);
-  })
-), pi = /* @__PURE__ */ $(
-  /* @__PURE__ */ se(
-    "tail",
-    /* @__PURE__ */ di(1, 1 / 0)
-  )
-);
-function j() {
-  if (arguments.length === 0)
-    throw new Error("pipe requires at least one argument");
-  return at(arguments[0].length, dr(ui, arguments[0], pi(arguments)));
-}
-let fi = class {
-  constructor(t) {
-    this.targetRegion = t;
-  }
-  async attach() {
-    const t = this.targetRegion.regionManager.getRegisteredViews(this.targetRegion.name);
-    return j(ct((e) => this.targetRegion.addView(e.key, e.view)), B(Promise.all, Promise), F(Ur))(t);
-  }
-  detach() {
-    return Promise.resolve();
-  }
-}, gi = class {
-  constructor() {
-    this.registry = [];
-  }
-  get behaviors() {
-    return [...this.registry];
-  }
-  register(t) {
-    this.behaviors.some((e) => e === t) || this.registry.push(t);
-  }
-};
-const pr = new gi();
-pr.register(fi);
-const vi = pr;
-let mi = class {
-  constructor(t) {
-    this.host = t;
-  }
-  get behaviors() {
-    return vi.behaviors.map((t) => new t(this.host.uxlRegion));
-  }
-  activateView(t) {
-    return this.host.contains(t) || this.addViewToHost(t), t.hidden = !1, Promise.resolve(void 0);
-  }
-  deactivateView(t) {
-    return t.view && t.view.removeFromDomWhenDeactivated ? this.removeViewFromHost(t) : t.hidden = !0, Promise.resolve(null);
-  }
-  removeView(t) {
-    this.removeViewFromHost(t);
-  }
-  viewAdded(t) {
-  }
-  addViewToHost(t) {
-    this.host.appendChild(t);
-  }
-  removeViewFromHost(t) {
-    this.host.removeChild(t), this.host.uxlRegion.viewRemovedFromDom(t.view);
-  }
-};
-const yi = (r, t) => !r.sortHint && !t.sortHint || !t.sortHint ? -1 : r.sortHint ? r.sortHint.localeCompare(t.sortHint) : 1;
-let $i = class extends mi {
-  async viewAdded(t) {
-    await this.host.uxlRegion.activate(t);
-  }
-  addViewToHost(t) {
-    const e = this.host.uxlRegion.currentActiveViews.sort(yi).indexOf(t.view);
-    e >= this.host.children.length ? super.addViewToHost(t) : this.host.insertBefore(t, this.host.children[e]);
-  }
-};
-const _i = (r, t) => new $i(t), x = (r, t) => {
-  if (r = typeof r == "function" ? r() : r, !r)
-    throw new Error(t);
-}, bi = (r) => typeof HTMLElement == "object" ? r instanceof HTMLElement : r && typeof r == "object" && r != null && r.nodeType === 1 && typeof r.nodeName == "string", wi = (r) => {
-  if (!r.htmlTag && !r.element && !r.factory)
-    throw new Error("One of properties htmlTag, factory or element must be set");
-  return r.htmlTag && x(typeof r.htmlTag == "string", "htmlTag property must be an string"), r.factory && x(typeof r.factory == "function", "factory property must be a function"), r.element && x(bi(r.element), "element property must be an HTMLElement"), !0;
-}, Ai = async (r, t, e) => {
-  let i;
-  return r.element ? i = r.element : r.factory ? i = await r.factory() : r.htmlTag && (r.htmlUrl && await import(r.htmlUrl), i = window.document.createElement(r.htmlTag)), i.view = r, i.region = t, i.viewKey = e, i;
-};
-let Ei = class {
-  constructor(t, e, i, s, n) {
-    this.name = t, this.regionManager = e, this.host = i, this.adapter = s, this.definition = n, this.views = {}, this.activeViews = [], this.components = /* @__PURE__ */ new WeakMap(), this.host.uxlRegion = this;
-  }
-  async addView(t, e) {
-    return wi(e), x(typeof this.getView(t) > "u", `Already exists a view with key ${t}`), this.views[t] = e, await this.adapter.viewAdded(e), this;
-  }
-  async removeView(t) {
-    await this.deactivate(t), this.remove(t), delete this.views[t];
-  }
-  async removeViews() {
-    Object.keys(this.views).forEach((t) => this.removeView(t));
-  }
-  get context() {
-    return this._context;
-  }
-  set context(t) {
-    this._context = t, Object.keys(this.views).forEach((e) => {
-      const i = this.views[e];
-      if (this.components.has(i)) {
-        const s = this.components.get(i);
-        s && (s.regionContext = this._context);
-      }
-    });
-  }
-  async activate(t) {
-    let e = t;
-    if (typeof t == "string" ? (e = this.getView(t), x(e, `Region does not contain a view with key ${t}`)) : x(Object.keys(this.views).some((i) => typeof this.views[i] < "u"), "Region does not contain this view"), !this.activeViews.some((i) => i === e)) {
-      if (!this.components.has(e)) {
-        const s = await Ai(e, this, typeof t == "string" ? t : this.getKey(e));
-        s.regionContext = this.context, this.components.set(e, s);
-      }
-      const i = this.components.get(e);
-      this.activeViews.push(e), i.active = !0, await this.adapter.activateView(i);
-    }
-    return this;
-  }
-  viewRemovedFromDom(t) {
-    this.components.delete(t);
-  }
-  remove(t) {
-    const e = typeof t == "string" ? this.getView(t) : t, i = this.components.get(e);
-    i && this.adapter.removeView(i);
-  }
-  async deactivate(t) {
-    const e = typeof t == "string" ? this.getView(t) : t, i = this.activeViews.indexOf(e);
-    i !== -1 && this.activeViews.splice(i, 1);
-    const s = this.components.get(e);
-    s && (s.active = !1, await this.adapter.deactivateView(s));
-  }
-  getView(t) {
-    return this.views[t];
-  }
-  get currentViews() {
-    return Object.keys(this.views).map((t) => this.views[t]);
-  }
-  get currentActiveViews() {
-    return [...this.activeViews];
-  }
-  getKey(t) {
-    return Object.keys(this.views).find((e) => this.views[e] == t);
-  }
-  containsView(t) {
-    return typeof t == "string" ? this.getView(t) !== void 0 : Object.keys(this.views).some((e) => this.views[e] == t);
-  }
-  isViewActive(t) {
-    if (this.containsView(t)) {
-      const e = typeof t == "string" ? this.getView(t) : t;
-      return this.activeViews.indexOf(e) !== -1;
-    }
-    throw new Error(`region ${this.name} doest not contain this view`);
-  }
-  async toggleViewActive(t) {
-    if (this.containsView(t))
-      return this.isViewActive(t) ? (await this.deactivate(t), !1) : (await this.activate(t), !0);
-    throw new Error(`region ${this.name} doest not contain this view`);
-  }
-};
-const It = "default", xe = "dynamic";
-let Si = class {
-  constructor() {
-    this.adapterRegistry = /* @__PURE__ */ new Map(), this.adapterRegistry.set(xe, []);
-  }
-  registerAdapterFactory(t, e) {
-    this.adapterRegistry.set(t, e);
-  }
-  get dynamicFactories() {
-    return this.adapterRegistry.get(xe);
-  }
-  registerDynamicAdapterFactory(t) {
-    this.dynamicFactories.indexOf(t) === -1 && this.dynamicFactories.push(t);
-  }
-  getDynamicFactory(t) {
-    return this.dynamicFactories.reduce((e, i) => e || i(t), null);
-  }
-  getAdapterFactory(t) {
-    return this.getDynamicFactory(t) || (this.adapterRegistry.has(t.constructor) ? this.adapterRegistry.get(t.constructor) : this.adapterRegistry.has(t.localName) ? this.adapterRegistry.get(t.localName) : this.adapterRegistry.has(t.tagName) ? this.adapterRegistry.get(t.tagName) : this.adapterRegistry.has(It) ? this.adapterRegistry.get(It) : null);
-  }
-  registerDefaultAdapterFactory(t) {
-    this.adapterRegistry.set(It, t);
-  }
-};
-const fr = new Si(), Wt = "__uxl_regions__", Ct = (r) => (t, e) => {
-  t.constructor[Wt] = { ...t.constructor[Wt], [e]: r };
-}, Ci = (r, t, e) => {
-  const i = e.getAdapterFactory(t);
-  return x(typeof i == "function", "No region adapter factory found for the host"), i(r, t);
-}, xi = async (r, t, e, i) => {
-  await t._updatePromise;
-  const s = t.shadowRoot.querySelector(`#${r.targetId}`);
-  if (s) {
-    const n = r.adapterFactory ? r.adapterFactory(r, s) : Ci(r, s, i);
-    x(n, "No region adapter found for the host");
-    const o = r.scoped ? e.createRegionManager() : e, a = new Ei(r.name, o, s, n, r);
-    return o.add(r.name, a), a;
-  } else
-    console.warn(`region host with id ${r.targetId} not found for region named ${r.name}`);
-};
-/*
- * @license
- * BSD License
- *
- * Copyright (c) 2020, UXLand
- *
- * All rights reserved.
- * Redistribution and use in source and binary forms, with or without
- * modification, are permitted provided that the following conditions are met:
- * 1. Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.
- * 2. Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.
- * 3. All advertising materials mentioning features or use of this software must display the following acknowledgement: This product includes software developed by the <copyright holder>.
- * 4. Neither the name of the <copyright holder> nor the names of its contributors may be used to endorse or promote products derived from this software without specific prior written permission.
- *
- * THIS SOFTWARE IS PROVIDED BY <COPYRIGHT HOLDER> ''AS IS'' AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL <COPYRIGHT HOLDER> BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
- * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
- */
-let Ri = class {
-  constructor(t) {
-    this._ownQueue = [], this.isProcessing = !1, this.executor = t;
-  }
-  enqueueItem(...t) {
-    this._ownQueue.push([...t]), this.tryProcessQueue();
-  }
-  async tryProcessQueue() {
-    if (!this.isProcessing && this._ownQueue.length) {
-      this.isProcessing = !0;
-      const t = this._ownQueue.pop();
-      await this.executor.apply(void 0, [...t]), this.isProcessing = !1, this.tryProcessQueue();
-    }
-  }
-};
-const gr = /* @__PURE__ */ new WeakMap();
-function Pi(r, t) {
-  let e = t;
-  for (; e; ) {
-    if (gr.get(e) === r)
-      return !0;
-    e = Object.getPrototypeOf(e);
-  }
-  return !1;
-}
-function ne(r) {
-  return (t) => {
-    if (Pi(r, t))
-      return t;
-    const e = r(t);
-    return gr.set(e, r), e;
-  };
-}
-/**
- * @license
- * Copyright 2019 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const ft = window, oe = ft.ShadowRoot && (ft.ShadyCSS === void 0 || ft.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, vr = Symbol(), Re = /* @__PURE__ */ new WeakMap();
-let Ti = class {
-  constructor(t, e, i) {
-    if (this._$cssResult$ = !0, i !== vr)
-      throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
-    this.cssText = t, this.t = e;
-  }
-  get styleSheet() {
-    let t = this.o;
-    const e = this.t;
-    if (oe && t === void 0) {
-      const i = e !== void 0 && e.length === 1;
-      i && (t = Re.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), i && Re.set(e, t));
-    }
-    return t;
-  }
-  toString() {
-    return this.cssText;
-  }
-};
-const Oi = (r) => new Ti(typeof r == "string" ? r : r + "", void 0, vr), Ii = (r, t) => {
-  oe ? r.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet) : t.forEach((e) => {
-    const i = document.createElement("style"), s = ft.litNonce;
-    s !== void 0 && i.setAttribute("nonce", s), i.textContent = e.cssText, r.appendChild(i);
-  });
-}, Pe = oe ? (r) => r : (r) => r instanceof CSSStyleSheet ? ((t) => {
-  let e = "";
-  for (const i of t.cssRules)
-    e += i.cssText;
-  return Oi(e);
-})(r) : r;
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-var Nt;
-const _t = window, Te = _t.trustedTypes, Ni = Te ? Te.emptyScript : "", Oe = _t.reactiveElementPolyfillSupport, Gt = { toAttribute(r, t) {
-  switch (t) {
-    case Boolean:
-      r = r ? Ni : null;
-      break;
-    case Object:
-    case Array:
-      r = r == null ? r : JSON.stringify(r);
-  }
-  return r;
-}, fromAttribute(r, t) {
-  let e = r;
-  switch (t) {
-    case Boolean:
-      e = r !== null;
-      break;
-    case Number:
-      e = r === null ? null : Number(r);
-      break;
-    case Object:
-    case Array:
-      try {
-        e = JSON.parse(r);
-      } catch {
-        e = null;
-      }
-  }
-  return e;
-} }, ae = (r, t) => t !== r && (t == t || r == r), kt = { attribute: !0, type: String, converter: Gt, reflect: !1, hasChanged: ae }, Kt = "finalized";
-let D = class extends HTMLElement {
-  constructor() {
-    super(), this._$Ei = /* @__PURE__ */ new Map(), this.isUpdatePending = !1, this.hasUpdated = !1, this._$El = null, this._$Eu();
-  }
-  static addInitializer(t) {
-    var e;
-    this.finalize(), ((e = this.h) !== null && e !== void 0 ? e : this.h = []).push(t);
-  }
-  static get observedAttributes() {
-    this.finalize();
-    const t = [];
-    return this.elementProperties.forEach((e, i) => {
-      const s = this._$Ep(i, e);
-      s !== void 0 && (this._$Ev.set(s, i), t.push(s));
-    }), t;
-  }
-  static createProperty(t, e = kt) {
-    if (e.state && (e.attribute = !1), this.finalize(), this.elementProperties.set(t, e), !e.noAccessor && !this.prototype.hasOwnProperty(t)) {
-      const i = typeof t == "symbol" ? Symbol() : "__" + t, s = this.getPropertyDescriptor(t, i, e);
-      s !== void 0 && Object.defineProperty(this.prototype, t, s);
-    }
-  }
-  static getPropertyDescriptor(t, e, i) {
-    return { get() {
-      return this[e];
-    }, set(s) {
-      const n = this[t];
-      this[e] = s, this.requestUpdate(t, n, i);
-    }, configurable: !0, enumerable: !0 };
-  }
-  static getPropertyOptions(t) {
-    return this.elementProperties.get(t) || kt;
-  }
-  static finalize() {
-    if (this.hasOwnProperty(Kt))
-      return !1;
-    this[Kt] = !0;
-    const t = Object.getPrototypeOf(this);
-    if (t.finalize(), t.h !== void 0 && (this.h = [...t.h]), this.elementProperties = new Map(t.elementProperties), this._$Ev = /* @__PURE__ */ new Map(), this.hasOwnProperty("properties")) {
-      const e = this.properties, i = [...Object.getOwnPropertyNames(e), ...Object.getOwnPropertySymbols(e)];
-      for (const s of i)
-        this.createProperty(s, e[s]);
-    }
-    return this.elementStyles = this.finalizeStyles(this.styles), !0;
-  }
-  static finalizeStyles(t) {
-    const e = [];
-    if (Array.isArray(t)) {
-      const i = new Set(t.flat(1 / 0).reverse());
-      for (const s of i)
-        e.unshift(Pe(s));
-    } else
-      t !== void 0 && e.push(Pe(t));
-    return e;
-  }
-  static _$Ep(t, e) {
-    const i = e.attribute;
-    return i === !1 ? void 0 : typeof i == "string" ? i : typeof t == "string" ? t.toLowerCase() : void 0;
-  }
-  _$Eu() {
-    var t;
-    this._$E_ = new Promise((e) => this.enableUpdating = e), this._$AL = /* @__PURE__ */ new Map(), this._$Eg(), this.requestUpdate(), (t = this.constructor.h) === null || t === void 0 || t.forEach((e) => e(this));
-  }
-  addController(t) {
-    var e, i;
-    ((e = this._$ES) !== null && e !== void 0 ? e : this._$ES = []).push(t), this.renderRoot !== void 0 && this.isConnected && ((i = t.hostConnected) === null || i === void 0 || i.call(t));
-  }
-  removeController(t) {
-    var e;
-    (e = this._$ES) === null || e === void 0 || e.splice(this._$ES.indexOf(t) >>> 0, 1);
-  }
-  _$Eg() {
-    this.constructor.elementProperties.forEach((t, e) => {
-      this.hasOwnProperty(e) && (this._$Ei.set(e, this[e]), delete this[e]);
-    });
-  }
-  createRenderRoot() {
-    var t;
-    const e = (t = this.shadowRoot) !== null && t !== void 0 ? t : this.attachShadow(this.constructor.shadowRootOptions);
-    return Ii(e, this.constructor.elementStyles), e;
-  }
-  connectedCallback() {
-    var t;
-    this.renderRoot === void 0 && (this.renderRoot = this.createRenderRoot()), this.enableUpdating(!0), (t = this._$ES) === null || t === void 0 || t.forEach((e) => {
-      var i;
-      return (i = e.hostConnected) === null || i === void 0 ? void 0 : i.call(e);
-    });
-  }
-  enableUpdating(t) {
-  }
-  disconnectedCallback() {
-    var t;
-    (t = this._$ES) === null || t === void 0 || t.forEach((e) => {
-      var i;
-      return (i = e.hostDisconnected) === null || i === void 0 ? void 0 : i.call(e);
-    });
-  }
-  attributeChangedCallback(t, e, i) {
-    this._$AK(t, i);
-  }
-  _$EO(t, e, i = kt) {
-    var s;
-    const n = this.constructor._$Ep(t, i);
-    if (n !== void 0 && i.reflect === !0) {
-      const o = (((s = i.converter) === null || s === void 0 ? void 0 : s.toAttribute) !== void 0 ? i.converter : Gt).toAttribute(e, i.type);
-      this._$El = t, o == null ? this.removeAttribute(n) : this.setAttribute(n, o), this._$El = null;
-    }
-  }
-  _$AK(t, e) {
-    var i;
-    const s = this.constructor, n = s._$Ev.get(t);
-    if (n !== void 0 && this._$El !== n) {
-      const o = s.getPropertyOptions(n), a = typeof o.converter == "function" ? { fromAttribute: o.converter } : ((i = o.converter) === null || i === void 0 ? void 0 : i.fromAttribute) !== void 0 ? o.converter : Gt;
-      this._$El = n, this[n] = a.fromAttribute(e, o.type), this._$El = null;
-    }
-  }
-  requestUpdate(t, e, i) {
-    let s = !0;
-    t !== void 0 && (((i = i || this.constructor.getPropertyOptions(t)).hasChanged || ae)(this[t], e) ? (this._$AL.has(t) || this._$AL.set(t, e), i.reflect === !0 && this._$El !== t && (this._$EC === void 0 && (this._$EC = /* @__PURE__ */ new Map()), this._$EC.set(t, i))) : s = !1), !this.isUpdatePending && s && (this._$E_ = this._$Ej());
-  }
-  async _$Ej() {
-    this.isUpdatePending = !0;
-    try {
-      await this._$E_;
-    } catch (e) {
-      Promise.reject(e);
-    }
-    const t = this.scheduleUpdate();
-    return t != null && await t, !this.isUpdatePending;
-  }
-  scheduleUpdate() {
-    return this.performUpdate();
-  }
-  performUpdate() {
-    var t;
-    if (!this.isUpdatePending)
-      return;
-    this.hasUpdated, this._$Ei && (this._$Ei.forEach((s, n) => this[n] = s), this._$Ei = void 0);
-    let e = !1;
-    const i = this._$AL;
-    try {
-      e = this.shouldUpdate(i), e ? (this.willUpdate(i), (t = this._$ES) === null || t === void 0 || t.forEach((s) => {
-        var n;
-        return (n = s.hostUpdate) === null || n === void 0 ? void 0 : n.call(s);
-      }), this.update(i)) : this._$Ek();
-    } catch (s) {
-      throw e = !1, this._$Ek(), s;
-    }
-    e && this._$AE(i);
-  }
-  willUpdate(t) {
-  }
-  _$AE(t) {
-    var e;
-    (e = this._$ES) === null || e === void 0 || e.forEach((i) => {
-      var s;
-      return (s = i.hostUpdated) === null || s === void 0 ? void 0 : s.call(i);
-    }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
-  }
-  _$Ek() {
-    this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
-  }
-  get updateComplete() {
-    return this.getUpdateComplete();
-  }
-  getUpdateComplete() {
-    return this._$E_;
-  }
-  shouldUpdate(t) {
-    return !0;
-  }
-  update(t) {
-    this._$EC !== void 0 && (this._$EC.forEach((e, i) => this._$EO(i, this[i], e)), this._$EC = void 0), this._$Ek();
-  }
-  updated(t) {
-  }
-  firstUpdated(t) {
-  }
-};
-D[Kt] = !0, D.elementProperties = /* @__PURE__ */ new Map(), D.elementStyles = [], D.shadowRootOptions = { mode: "open" }, Oe == null || Oe({ ReactiveElement: D }), ((Nt = _t.reactiveElementVersions) !== null && Nt !== void 0 ? Nt : _t.reactiveElementVersions = []).push("1.6.3");
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-var Mt;
-const bt = window, q = bt.trustedTypes, Ie = q ? q.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, Yt = "$lit$", S = `lit$${(Math.random() + "").slice(9)}$`, mr = "?" + S, ki = `<${mr}>`, M = document, et = () => M.createComment(""), rt = (r) => r === null || typeof r != "object" && typeof r != "function", yr = Array.isArray, Mi = (r) => yr(r) || typeof (r == null ? void 0 : r[Symbol.iterator]) == "function", Ut = `[ 	
-\f\r]`, Z = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Ne = /-->/g, ke = />/g, T = RegExp(`>|${Ut}(?:([^\\s"'>=/]+)(${Ut}*=${Ut}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), Me = /'/g, Ue = /"/g, $r = /^(?:script|style|textarea|title)$/i, W = Symbol.for("lit-noChange"), y = Symbol.for("lit-nothing"), He = /* @__PURE__ */ new WeakMap(), I = M.createTreeWalker(M, 129, null, !1);
-function _r(r, t) {
-  if (!Array.isArray(r) || !r.hasOwnProperty("raw"))
-    throw Error("invalid template strings array");
-  return Ie !== void 0 ? Ie.createHTML(t) : t;
-}
-const Ui = (r, t) => {
-  const e = r.length - 1, i = [];
-  let s, n = t === 2 ? "<svg>" : "", o = Z;
-  for (let a = 0; a < e; a++) {
-    const c = r[a];
-    let l, u, h = -1, p = 0;
-    for (; p < c.length && (o.lastIndex = p, u = o.exec(c), u !== null); )
-      p = o.lastIndex, o === Z ? u[1] === "!--" ? o = Ne : u[1] !== void 0 ? o = ke : u[2] !== void 0 ? ($r.test(u[2]) && (s = RegExp("</" + u[2], "g")), o = T) : u[3] !== void 0 && (o = T) : o === T ? u[0] === ">" ? (o = s ?? Z, h = -1) : u[1] === void 0 ? h = -2 : (h = o.lastIndex - u[2].length, l = u[1], o = u[3] === void 0 ? T : u[3] === '"' ? Ue : Me) : o === Ue || o === Me ? o = T : o === Ne || o === ke ? o = Z : (o = T, s = void 0);
-    const m = o === T && r[a + 1].startsWith("/>") ? " " : "";
-    n += o === Z ? c + ki : h >= 0 ? (i.push(l), c.slice(0, h) + Yt + c.slice(h) + S + m) : c + S + (h === -2 ? (i.push(void 0), a) : m);
-  }
-  return [_r(r, n + (r[e] || "<?>") + (t === 2 ? "</svg>" : "")), i];
-};
-let Xt = class br {
-  constructor({ strings: t, _$litType$: e }, i) {
-    let s;
-    this.parts = [];
-    let n = 0, o = 0;
-    const a = t.length - 1, c = this.parts, [l, u] = Ui(t, e);
-    if (this.el = br.createElement(l, i), I.currentNode = this.el.content, e === 2) {
-      const h = this.el.content, p = h.firstChild;
-      p.remove(), h.append(...p.childNodes);
-    }
-    for (; (s = I.nextNode()) !== null && c.length < a; ) {
-      if (s.nodeType === 1) {
-        if (s.hasAttributes()) {
-          const h = [];
-          for (const p of s.getAttributeNames())
-            if (p.endsWith(Yt) || p.startsWith(S)) {
-              const m = u[o++];
-              if (h.push(p), m !== void 0) {
-                const V = s.getAttribute(m.toLowerCase() + Yt).split(S), dt = /([.?@])?(.*)/.exec(m);
-                c.push({ type: 1, index: n, name: dt[2], strings: V, ctor: dt[1] === "." ? ji : dt[1] === "?" ? Vi : dt[1] === "@" ? Di : xt });
-              } else
-                c.push({ type: 6, index: n });
-            }
-          for (const p of h)
-            s.removeAttribute(p);
-        }
-        if ($r.test(s.tagName)) {
-          const h = s.textContent.split(S), p = h.length - 1;
-          if (p > 0) {
-            s.textContent = q ? q.emptyScript : "";
-            for (let m = 0; m < p; m++)
-              s.append(h[m], et()), I.nextNode(), c.push({ type: 2, index: ++n });
-            s.append(h[p], et());
-          }
-        }
-      } else if (s.nodeType === 8)
-        if (s.data === mr)
-          c.push({ type: 2, index: n });
-        else {
-          let h = -1;
-          for (; (h = s.data.indexOf(S, h + 1)) !== -1; )
-            c.push({ type: 7, index: n }), h += S.length - 1;
-        }
-      n++;
-    }
-  }
-  static createElement(t, e) {
-    const i = M.createElement("template");
-    return i.innerHTML = t, i;
-  }
-};
-function G(r, t, e = r, i) {
-  var s, n, o, a;
-  if (t === W)
-    return t;
-  let c = i !== void 0 ? (s = e._$Co) === null || s === void 0 ? void 0 : s[i] : e._$Cl;
-  const l = rt(t) ? void 0 : t._$litDirective$;
-  return (c == null ? void 0 : c.constructor) !== l && ((n = c == null ? void 0 : c._$AO) === null || n === void 0 || n.call(c, !1), l === void 0 ? c = void 0 : (c = new l(r), c._$AT(r, e, i)), i !== void 0 ? ((o = (a = e)._$Co) !== null && o !== void 0 ? o : a._$Co = [])[i] = c : e._$Cl = c), c !== void 0 && (t = G(r, c._$AS(r, t.values), c, i)), t;
-}
-let Hi = class {
-  constructor(t, e) {
-    this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
-  }
-  get parentNode() {
-    return this._$AM.parentNode;
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  u(t) {
-    var e;
-    const { el: { content: i }, parts: s } = this._$AD, n = ((e = t == null ? void 0 : t.creationScope) !== null && e !== void 0 ? e : M).importNode(i, !0);
-    I.currentNode = n;
-    let o = I.nextNode(), a = 0, c = 0, l = s[0];
-    for (; l !== void 0; ) {
-      if (a === l.index) {
-        let u;
-        l.type === 2 ? u = new ce(o, o.nextSibling, this, t) : l.type === 1 ? u = new l.ctor(o, l.name, l.strings, this, t) : l.type === 6 && (u = new zi(o, this, t)), this._$AV.push(u), l = s[++c];
-      }
-      a !== (l == null ? void 0 : l.index) && (o = I.nextNode(), a++);
-    }
-    return I.currentNode = M, n;
-  }
-  v(t) {
-    let e = 0;
-    for (const i of this._$AV)
-      i !== void 0 && (i.strings !== void 0 ? (i._$AI(t, i, e), e += i.strings.length - 2) : i._$AI(t[e])), e++;
-  }
-}, ce = class wr {
-  constructor(t, e, i, s) {
-    var n;
-    this.type = 2, this._$AH = y, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = i, this.options = s, this._$Cp = (n = s == null ? void 0 : s.isConnected) === null || n === void 0 || n;
-  }
-  get _$AU() {
-    var t, e;
-    return (e = (t = this._$AM) === null || t === void 0 ? void 0 : t._$AU) !== null && e !== void 0 ? e : this._$Cp;
-  }
-  get parentNode() {
-    let t = this._$AA.parentNode;
-    const e = this._$AM;
-    return e !== void 0 && (t == null ? void 0 : t.nodeType) === 11 && (t = e.parentNode), t;
-  }
-  get startNode() {
-    return this._$AA;
-  }
-  get endNode() {
-    return this._$AB;
-  }
-  _$AI(t, e = this) {
-    t = G(this, t, e), rt(t) ? t === y || t == null || t === "" ? (this._$AH !== y && this._$AR(), this._$AH = y) : t !== this._$AH && t !== W && this._(t) : t._$litType$ !== void 0 ? this.g(t) : t.nodeType !== void 0 ? this.$(t) : Mi(t) ? this.T(t) : this._(t);
-  }
-  k(t) {
-    return this._$AA.parentNode.insertBefore(t, this._$AB);
-  }
-  $(t) {
-    this._$AH !== t && (this._$AR(), this._$AH = this.k(t));
-  }
-  _(t) {
-    this._$AH !== y && rt(this._$AH) ? this._$AA.nextSibling.data = t : this.$(M.createTextNode(t)), this._$AH = t;
-  }
-  g(t) {
-    var e;
-    const { values: i, _$litType$: s } = t, n = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = Xt.createElement(_r(s.h, s.h[0]), this.options)), s);
-    if (((e = this._$AH) === null || e === void 0 ? void 0 : e._$AD) === n)
-      this._$AH.v(i);
-    else {
-      const o = new Hi(n, this), a = o.u(this.options);
-      o.v(i), this.$(a), this._$AH = o;
-    }
-  }
-  _$AC(t) {
-    let e = He.get(t.strings);
-    return e === void 0 && He.set(t.strings, e = new Xt(t)), e;
-  }
-  T(t) {
-    yr(this._$AH) || (this._$AH = [], this._$AR());
-    const e = this._$AH;
-    let i, s = 0;
-    for (const n of t)
-      s === e.length ? e.push(i = new wr(this.k(et()), this.k(et()), this, this.options)) : i = e[s], i._$AI(n), s++;
-    s < e.length && (this._$AR(i && i._$AB.nextSibling, s), e.length = s);
-  }
-  _$AR(t = this._$AA.nextSibling, e) {
-    var i;
-    for ((i = this._$AP) === null || i === void 0 || i.call(this, !1, !0, e); t && t !== this._$AB; ) {
-      const s = t.nextSibling;
-      t.remove(), t = s;
-    }
-  }
-  setConnected(t) {
-    var e;
-    this._$AM === void 0 && (this._$Cp = t, (e = this._$AP) === null || e === void 0 || e.call(this, t));
-  }
-}, xt = class {
-  constructor(t, e, i, s, n) {
-    this.type = 1, this._$AH = y, this._$AN = void 0, this.element = t, this.name = e, this._$AM = s, this.options = n, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = y;
-  }
-  get tagName() {
-    return this.element.tagName;
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  _$AI(t, e = this, i, s) {
-    const n = this.strings;
-    let o = !1;
-    if (n === void 0)
-      t = G(this, t, e, 0), o = !rt(t) || t !== this._$AH && t !== W, o && (this._$AH = t);
-    else {
-      const a = t;
-      let c, l;
-      for (t = n[0], c = 0; c < n.length - 1; c++)
-        l = G(this, a[i + c], e, c), l === W && (l = this._$AH[c]), o || (o = !rt(l) || l !== this._$AH[c]), l === y ? t = y : t !== y && (t += (l ?? "") + n[c + 1]), this._$AH[c] = l;
-    }
-    o && !s && this.j(t);
-  }
-  j(t) {
-    t === y ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
-  }
-}, ji = class extends xt {
-  constructor() {
-    super(...arguments), this.type = 3;
-  }
-  j(t) {
-    this.element[this.name] = t === y ? void 0 : t;
-  }
-};
-const Li = q ? q.emptyScript : "";
-let Vi = class extends xt {
-  constructor() {
-    super(...arguments), this.type = 4;
-  }
-  j(t) {
-    t && t !== y ? this.element.setAttribute(this.name, Li) : this.element.removeAttribute(this.name);
-  }
-};
-class Di extends xt {
-  constructor(t, e, i, s, n) {
-    super(t, e, i, s, n), this.type = 5;
-  }
-  _$AI(t, e = this) {
-    var i;
-    if ((t = (i = G(this, t, e, 0)) !== null && i !== void 0 ? i : y) === W)
-      return;
-    const s = this._$AH, n = t === y && s !== y || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, o = t !== y && (s === y || n);
-    n && this.element.removeEventListener(this.name, this, s), o && this.element.addEventListener(this.name, this, t), this._$AH = t;
-  }
-  handleEvent(t) {
-    var e, i;
-    typeof this._$AH == "function" ? this._$AH.call((i = (e = this.options) === null || e === void 0 ? void 0 : e.host) !== null && i !== void 0 ? i : this.element, t) : this._$AH.handleEvent(t);
-  }
-}
-let zi = class {
-  constructor(t, e, i) {
-    this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = i;
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  _$AI(t) {
-    G(this, t);
-  }
-};
-const je = bt.litHtmlPolyfillSupport;
-je == null || je(Xt, ce), ((Mt = bt.litHtmlVersions) !== null && Mt !== void 0 ? Mt : bt.litHtmlVersions = []).push("2.8.0");
-const Bi = (r, t, e) => {
-  var i, s;
-  const n = (i = e == null ? void 0 : e.renderBefore) !== null && i !== void 0 ? i : t;
-  let o = n._$litPart$;
-  if (o === void 0) {
-    const a = (s = e == null ? void 0 : e.renderBefore) !== null && s !== void 0 ? s : null;
-    n._$litPart$ = o = new ce(t.insertBefore(et(), a), a, void 0, e ?? {});
-  }
-  return o._$AI(r), o;
-};
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-var Ht, jt;
-let gt = class extends D {
-  constructor() {
-    super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
-  }
-  createRenderRoot() {
-    var t, e;
-    const i = super.createRenderRoot();
-    return (t = (e = this.renderOptions).renderBefore) !== null && t !== void 0 || (e.renderBefore = i.firstChild), i;
-  }
-  update(t) {
-    const e = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = Bi(e, this.renderRoot, this.renderOptions);
-  }
-  connectedCallback() {
-    var t;
-    super.connectedCallback(), (t = this._$Do) === null || t === void 0 || t.setConnected(!0);
-  }
-  disconnectedCallback() {
-    var t;
-    super.disconnectedCallback(), (t = this._$Do) === null || t === void 0 || t.setConnected(!1);
-  }
-  render() {
-    return W;
-  }
-};
-gt.finalized = !0, gt._$litElement$ = !0, (Ht = globalThis.litElementHydrateSupport) === null || Ht === void 0 || Ht.call(globalThis, { LitElement: gt });
-const Le = globalThis.litElementPolyfillSupport;
-Le == null || Le({ LitElement: gt });
-((jt = globalThis.litElementVersions) !== null && jt !== void 0 ? jt : globalThis.litElementVersions = []).push("3.3.3");
-var Fi = /* @__PURE__ */ g(function(t, e) {
-  return e == null || e !== e ? t : e;
-});
-const qi = (r, t) => t.constructor._classProperties ? t.constructor._classProperties.get(r).hasChanged : void 0, Wi = j(qi, Fi(ae)), Gi = ne((r) => {
-  class t extends r {
-    requestUpdate(i, s) {
-      const n = super.requestUpdate ? super.requestUpdate(i, s) : Promise.resolve(null);
-      return Wi(i, this)(this[i], s) && this[`${String(i)}Changed`] && this[`${String(i)}Changed`](this[i], s), n;
-    }
-  }
-  return t;
-});
-var Ki = function() {
-  return !0;
-};
-const Yi = Ki;
-var wt = /* @__PURE__ */ $(function(t) {
-  return function() {
-    return t;
-  };
-}), Xi = /* @__PURE__ */ g(function(t, e) {
-  return e > t ? e : t;
-});
-const Zi = Xi;
-var Qi = /* @__PURE__ */ $(function(t) {
-  var e = dr(Zi, 0, ct(function(i) {
-    return i[0].length;
-  }, t));
-  return at(e, function() {
-    for (var i = 0; i < t.length; ) {
-      if (t[i][0].apply(this, arguments))
-        return t[i][1].apply(this, arguments);
-      i += 1;
-    }
-  });
-}), Ji = /* @__PURE__ */ g(
-  /* @__PURE__ */ se("forEach", function(t, e) {
-    for (var i = e.length, s = 0; s < i; )
-      t(e[s]), s += 1;
-    return e;
-  })
-), le = /* @__PURE__ */ $(function(t) {
-  return t == null;
-});
-const ts = Number.isInteger || function(t) {
-  return t << 0 === t;
-};
-var es = /* @__PURE__ */ g(function(t, e) {
-  var i = t < 0 ? e.length + t : t;
-  return ar(e) ? e.charAt(i) : e[i];
-}), rs = /* @__PURE__ */ g(function(t, e) {
-  return t.map(function(i) {
-    for (var s = e, n = 0, o; n < i.length; ) {
-      if (s == null)
-        return;
-      o = i[n], s = ts(o) ? es(o, s) : s[o], n += 1;
-    }
-    return s;
-  });
-}), is = /* @__PURE__ */ g(function(t, e) {
-  return rs([t], e)[0];
-}), ss = /* @__PURE__ */ g(function(t, e) {
-  return is([t], e);
-});
-const Ar = (r) => (t) => j(ss(t.key), le)(r), ns = (r) => (t) => !Ar(r)(t) && le(r.shadowRoot.querySelector(`#${t.definition.targetId}`)), os = (r) => (t) => {
-  const e = r[t.key];
-  e.regionManager.remove(e);
-  const i = e.adapter ? e.adapter.behaviors || [] : [];
-  return delete r[t.key], j(ct((s) => s.detach), B(Promise.all, Promise), F(() => delete r[t.key]), F(wt(void 0)))(i);
-}, as = (r, t, e) => (i) => xi(i.definition, r, t, e).then((s) => {
-  if (s) {
-    r[i.key] = s;
-    const n = s.adapter ? s.adapter.behaviors || [] : [];
-    return j(ct((o) => o.attach()), B(Promise.all, Promise), F(wt(s)))(n);
-  } else
-    return;
-}).catch(wt(void 0)), cs = (r) => j(k, ct((t) => ({ key: t, definition: r[t] })))(r), Ve = (r) => r.constructor[Wt] || {}, ls = (r, t, e) => {
-  const i = Ar(r), s = ns(r), n = os(r), o = as(r, t, e);
-  return (a) => Qi([[i, o], [s, n], [Yi, wt(Promise.resolve(void 0))]])(a);
-}, hs = (r, t) => ne((e) => {
-  class i extends e {
-    constructor(...n) {
-      super(), this.enqueuer = new Ri(this.runRegionCreation.bind(this));
-    }
-    updated(n) {
-      super.updated(n), this.create();
-    }
-    createRegions() {
-      const n = Ve(this), o = ls(this, r, t);
-      return j(cs, Ji(o), B(Promise.all, Promise), F(cr(le)), F(B(this.regionsCreated, this)))(n);
-    }
-    create() {
-      this.enqueuer.enqueueItem();
-    }
-    runRegionCreation() {
-      return new Promise((n) => {
-        this.createRegions().then(n).catch(n);
-      });
-    }
-    regionsCreated(n) {
-    }
-    disconnectedCallback() {
-      super.disconnectedCallback();
-      const n = Ve(this);
-      Object.keys(n).forEach((o) => {
-        const a = this[o];
-        a && (a.regionManager.remove(a), (a.adapter ? a.adapter.behaviors || [] : []).forEach((c) => c.detach()));
-      });
-    }
-  }
-  return i;
-});
-fr.registerDefaultAdapterFactory(_i);
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const us = (r, t) => t.kind === "method" && t.descriptor && !("value" in t.descriptor) ? { ...t, finisher(e) {
-  e.createProperty(t.key, r);
-} } : { kind: "field", key: Symbol(), placement: "own", descriptor: {}, originalKey: t.key, initializer() {
-  typeof t.initializer == "function" && (this[t.key] = t.initializer.call(this));
-}, finisher(e) {
-  e.createProperty(t.key, r);
-} }, ds = (r, t, e) => {
-  t.constructor.createProperty(e, r);
-};
-function De(r) {
-  return (t, e) => e !== void 0 ? ds(r, t, e) : us(r, t);
-}
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-var Lt;
-((Lt = window.HTMLSlotElement) === null || Lt === void 0 ? void 0 : Lt.prototype.assignedElements) != null;
-var ps = Object.defineProperty, fs = Object.getOwnPropertyDescriptor, ze = (r, t, e, i) => {
-  for (var s = i > 1 ? void 0 : i ? fs(t, e) : t, n = r.length - 1, o; n >= 0; n--)
-    (o = r[n]) && (s = (i ? o(t, e, s) : o(s)) || s);
-  return i && s && ps(t, e, s), s;
-};
-const gs = ne((r) => {
-  class t extends Gi(r) {
-    activeChanged(i, s) {
-    }
-    regionContextChanged(i, s) {
-    }
-  }
-  return ze([De({ type: Boolean })], t.prototype, "active", 2), ze([De()], t.prototype, "regionContext", 2), t;
-});
-function vs(r) {
-  return gs(r);
-}
-const ms = (r) => hs(r, fr);
-class ys {
-  constructor() {
-    this.viewsByRegion = {}, this.regions = {};
-  }
-  registerRegion(t, e) {
-    this.regions[t] = [...this.regions[t] || [], e];
-  }
-  unregisterRegion(t, e) {
-    this.regions[t] = this.getRegionsByName(t).filter((i) => i !== e);
-  }
-  registerView(t, e, i) {
-    this.viewsByRegion[t] = [
-      ...this.viewsByRegion[t] || [],
-      { key: e, view: i }
-    ];
-  }
-  getRegisteredViews(t) {
-    return this.viewsByRegion[t] || [];
-  }
-  getRegionsByName(t) {
-    return this.regions[t] || [];
-  }
-  destroy() {
-    this.viewsByRegion = {}, this.regions = {};
-  }
-  clear() {
-    this.viewsByRegion = {};
-  }
-}
-class he {
-  constructor(t) {
-    this._viewRegistry = t, this._regions = {};
-  }
-  add(t, e) {
-    if (this.getRegion(t))
-      throw new Error("A region with the same name already exists");
-    return this._regions[t] = e, this._viewRegistry.registerRegion(t, e), this;
-  }
-  getRegion(t) {
-    return this._regions[t];
-  }
-  remove(t) {
-    let e, i = "";
-    return typeof t == "string" ? (e = this.getRegion(t), i = t, delete this._regions[t]) : typeof t == "object" && (i = Object.keys(this._regions).find((s) => this._regions[s] === t), i && (e = t, delete this._regions[i])), i && e && this._viewRegistry.unregisterRegion(i, e), e;
-  }
-  addViewToRegion(t, e, i) {
-    const s = this.getRegion(t);
-    if (!s)
-      throw new Error(`Couldn't find a region with name: ${t}`);
-    return s.addView(e, i), this;
-  }
-  registerViewWithRegion(t, e, i) {
-    return this._viewRegistry.registerView(t, e, i), this._viewRegistry.getRegionsByName(t).forEach((s) => s.addView(e, i)), this;
-  }
-  getRegisteredViews(t) {
-    return this._viewRegistry.getRegisteredViews(t);
-  }
-  clear() {
-    return Object.values(this._viewRegistry.regions).forEach((t) => {
-      t != null && t.length && Object.keys(t[0].views).forEach((e) => {
-        var i;
-        return (i = t[0]) == null ? void 0 : i.removeView(e);
-      });
-    }), this;
-  }
-  destroy() {
-    return this.clear(), Object.values(this._viewRegistry.regions).forEach(
-      (t) => this.remove(t[0])
-    ), this._regions = {}, this;
-  }
-  createRegionManager() {
-    return new he(this._viewRegistry);
-  }
-}
-class $s extends he {
-  constructor(t) {
-    const e = new ys();
-    super(e), this._name = t;
-  }
-  clear() {
-    return super.clear(), this._viewRegistry.clear(), this;
-  }
-  destroy() {
-    return super.destroy(), this._viewRegistry.destroy(), this;
-  }
-}
-const _s = (r) => new $s(r), bs = _s("SHELL-LIT"), ws = ms(bs);
-/**
- * @license
- * Copyright 2019 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const vt = globalThis, ue = vt.ShadowRoot && (vt.ShadyCSS === void 0 || vt.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, de = Symbol(), Be = /* @__PURE__ */ new WeakMap();
-let Er = class {
-  constructor(t, e, i) {
-    if (this._$cssResult$ = !0, i !== de)
-      throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
-    this.cssText = t, this.t = e;
-  }
-  get styleSheet() {
-    let t = this.o;
-    const e = this.t;
-    if (ue && t === void 0) {
-      const i = e !== void 0 && e.length === 1;
-      i && (t = Be.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), i && Be.set(e, t));
-    }
-    return t;
-  }
-  toString() {
-    return this.cssText;
-  }
-};
-const As = (r) => new Er(typeof r == "string" ? r : r + "", void 0, de), L = (r, ...t) => {
-  const e = r.length === 1 ? r[0] : t.reduce((i, s, n) => i + ((o) => {
-    if (o._$cssResult$ === !0)
-      return o.cssText;
-    if (typeof o == "number")
-      return o;
-    throw Error("Value passed to 'css' function must be a 'css' function result: " + o + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
-  })(s) + r[n + 1], r[0]);
-  return new Er(e, r, de);
-}, Es = (r, t) => {
-  if (ue)
-    r.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
-  else
-    for (const e of t) {
-      const i = document.createElement("style"), s = vt.litNonce;
-      s !== void 0 && i.setAttribute("nonce", s), i.textContent = e.cssText, r.appendChild(i);
-    }
-}, Fe = ue ? (r) => r : (r) => r instanceof CSSStyleSheet ? ((t) => {
-  let e = "";
-  for (const i of t.cssRules)
-    e += i.cssText;
-  return As(e);
-})(r) : r;
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const { is: Ss, defineProperty: Cs, getOwnPropertyDescriptor: xs, getOwnPropertyNames: Rs, getOwnPropertySymbols: Ps, getPrototypeOf: Ts } = Object, R = globalThis, qe = R.trustedTypes, Os = qe ? qe.emptyScript : "", Vt = R.reactiveElementPolyfillSupport, J = (r, t) => r, At = { toAttribute(r, t) {
-  switch (t) {
-    case Boolean:
-      r = r ? Os : null;
-      break;
-    case Object:
-    case Array:
-      r = r == null ? r : JSON.stringify(r);
-  }
-  return r;
-}, fromAttribute(r, t) {
-  let e = r;
-  switch (t) {
-    case Boolean:
-      e = r !== null;
-      break;
-    case Number:
-      e = r === null ? null : Number(r);
-      break;
-    case Object:
-    case Array:
-      try {
-        e = JSON.parse(r);
-      } catch {
-        e = null;
-      }
-  }
-  return e;
-} }, pe = (r, t) => !Ss(r, t), We = { attribute: !0, type: String, converter: At, reflect: !1, hasChanged: pe };
-Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), R.litPropertyMetadata ?? (R.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
-class z extends HTMLElement {
-  static addInitializer(t) {
-    this._$Ei(), (this.l ?? (this.l = [])).push(t);
-  }
-  static get observedAttributes() {
-    return this.finalize(), this._$Eh && [...this._$Eh.keys()];
-  }
-  static createProperty(t, e = We) {
-    if (e.state && (e.attribute = !1), this._$Ei(), this.elementProperties.set(t, e), !e.noAccessor) {
-      const i = Symbol(), s = this.getPropertyDescriptor(t, i, e);
-      s !== void 0 && Cs(this.prototype, t, s);
-    }
-  }
-  static getPropertyDescriptor(t, e, i) {
-    const { get: s, set: n } = xs(this.prototype, t) ?? { get() {
-      return this[e];
-    }, set(o) {
-      this[e] = o;
-    } };
-    return { get() {
-      return s == null ? void 0 : s.call(this);
-    }, set(o) {
-      const a = s == null ? void 0 : s.call(this);
-      n.call(this, o), this.requestUpdate(t, a, i);
-    }, configurable: !0, enumerable: !0 };
-  }
-  static getPropertyOptions(t) {
-    return this.elementProperties.get(t) ?? We;
-  }
-  static _$Ei() {
-    if (this.hasOwnProperty(J("elementProperties")))
-      return;
-    const t = Ts(this);
-    t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
-  }
-  static finalize() {
-    if (this.hasOwnProperty(J("finalized")))
-      return;
-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(J("properties"))) {
-      const e = this.properties, i = [...Rs(e), ...Ps(e)];
-      for (const s of i)
-        this.createProperty(s, e[s]);
-    }
-    const t = this[Symbol.metadata];
-    if (t !== null) {
-      const e = litPropertyMetadata.get(t);
-      if (e !== void 0)
-        for (const [i, s] of e)
-          this.elementProperties.set(i, s);
-    }
-    this._$Eh = /* @__PURE__ */ new Map();
-    for (const [e, i] of this.elementProperties) {
-      const s = this._$Eu(e, i);
-      s !== void 0 && this._$Eh.set(s, e);
-    }
-    this.elementStyles = this.finalizeStyles(this.styles);
-  }
-  static finalizeStyles(t) {
-    const e = [];
-    if (Array.isArray(t)) {
-      const i = new Set(t.flat(1 / 0).reverse());
-      for (const s of i)
-        e.unshift(Fe(s));
-    } else
-      t !== void 0 && e.push(Fe(t));
-    return e;
-  }
-  static _$Eu(t, e) {
-    const i = e.attribute;
-    return i === !1 ? void 0 : typeof i == "string" ? i : typeof t == "string" ? t.toLowerCase() : void 0;
-  }
-  constructor() {
-    super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
-  }
-  _$Ev() {
-    var t;
-    this._$ES = new Promise((e) => this.enableUpdating = e), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), (t = this.constructor.l) == null || t.forEach((e) => e(this));
-  }
-  addController(t) {
-    var e;
-    (this._$EO ?? (this._$EO = /* @__PURE__ */ new Set())).add(t), this.renderRoot !== void 0 && this.isConnected && ((e = t.hostConnected) == null || e.call(t));
-  }
-  removeController(t) {
-    var e;
-    (e = this._$EO) == null || e.delete(t);
-  }
-  _$E_() {
-    const t = /* @__PURE__ */ new Map(), e = this.constructor.elementProperties;
-    for (const i of e.keys())
-      this.hasOwnProperty(i) && (t.set(i, this[i]), delete this[i]);
-    t.size > 0 && (this._$Ep = t);
-  }
-  createRenderRoot() {
-    const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return Es(t, this.constructor.elementStyles), t;
-  }
-  connectedCallback() {
-    var t;
-    this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this.enableUpdating(!0), (t = this._$EO) == null || t.forEach((e) => {
-      var i;
-      return (i = e.hostConnected) == null ? void 0 : i.call(e);
-    });
-  }
-  enableUpdating(t) {
-  }
-  disconnectedCallback() {
-    var t;
-    (t = this._$EO) == null || t.forEach((e) => {
-      var i;
-      return (i = e.hostDisconnected) == null ? void 0 : i.call(e);
-    });
-  }
-  attributeChangedCallback(t, e, i) {
-    this._$AK(t, i);
-  }
-  _$EC(t, e) {
-    var n;
-    const i = this.constructor.elementProperties.get(t), s = this.constructor._$Eu(t, i);
-    if (s !== void 0 && i.reflect === !0) {
-      const o = (((n = i.converter) == null ? void 0 : n.toAttribute) !== void 0 ? i.converter : At).toAttribute(e, i.type);
-      this._$Em = t, o == null ? this.removeAttribute(s) : this.setAttribute(s, o), this._$Em = null;
-    }
-  }
-  _$AK(t, e) {
-    var n;
-    const i = this.constructor, s = i._$Eh.get(t);
-    if (s !== void 0 && this._$Em !== s) {
-      const o = i.getPropertyOptions(s), a = typeof o.converter == "function" ? { fromAttribute: o.converter } : ((n = o.converter) == null ? void 0 : n.fromAttribute) !== void 0 ? o.converter : At;
-      this._$Em = s, this[s] = a.fromAttribute(e, o.type), this._$Em = null;
-    }
-  }
-  requestUpdate(t, e, i) {
-    if (t !== void 0) {
-      if (i ?? (i = this.constructor.getPropertyOptions(t)), !(i.hasChanged ?? pe)(this[t], e))
-        return;
-      this.P(t, e, i);
-    }
-    this.isUpdatePending === !1 && (this._$ES = this._$ET());
-  }
-  P(t, e, i) {
-    this._$AL.has(t) || this._$AL.set(t, e), i.reflect === !0 && this._$Em !== t && (this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Set())).add(t);
-  }
-  async _$ET() {
-    this.isUpdatePending = !0;
-    try {
-      await this._$ES;
-    } catch (e) {
-      Promise.reject(e);
-    }
-    const t = this.scheduleUpdate();
-    return t != null && await t, !this.isUpdatePending;
-  }
-  scheduleUpdate() {
-    return this.performUpdate();
-  }
-  performUpdate() {
-    var i;
-    if (!this.isUpdatePending)
-      return;
-    if (!this.hasUpdated) {
-      if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
-        for (const [n, o] of this._$Ep)
-          this[n] = o;
-        this._$Ep = void 0;
-      }
-      const s = this.constructor.elementProperties;
-      if (s.size > 0)
-        for (const [n, o] of s)
-          o.wrapped !== !0 || this._$AL.has(n) || this[n] === void 0 || this.P(n, this[n], o);
-    }
-    let t = !1;
-    const e = this._$AL;
-    try {
-      t = this.shouldUpdate(e), t ? (this.willUpdate(e), (i = this._$EO) == null || i.forEach((s) => {
-        var n;
-        return (n = s.hostUpdate) == null ? void 0 : n.call(s);
-      }), this.update(e)) : this._$EU();
-    } catch (s) {
-      throw t = !1, this._$EU(), s;
-    }
-    t && this._$AE(e);
-  }
-  willUpdate(t) {
-  }
-  _$AE(t) {
-    var e;
-    (e = this._$EO) == null || e.forEach((i) => {
-      var s;
-      return (s = i.hostUpdated) == null ? void 0 : s.call(i);
-    }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
-  }
-  _$EU() {
-    this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
-  }
-  get updateComplete() {
-    return this.getUpdateComplete();
-  }
-  getUpdateComplete() {
-    return this._$ES;
-  }
-  shouldUpdate(t) {
-    return !0;
-  }
-  update(t) {
-    this._$Ej && (this._$Ej = this._$Ej.forEach((e) => this._$EC(e, this[e]))), this._$EU();
-  }
-  updated(t) {
-  }
-  firstUpdated(t) {
-  }
-}
-z.elementStyles = [], z.shadowRootOptions = { mode: "open" }, z[J("elementProperties")] = /* @__PURE__ */ new Map(), z[J("finalized")] = /* @__PURE__ */ new Map(), Vt == null || Vt({ ReactiveElement: z }), (R.reactiveElementVersions ?? (R.reactiveElementVersions = [])).push("2.0.4");
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const tt = globalThis, Et = tt.trustedTypes, Ge = Et ? Et.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, Sr = "$lit$", C = `lit$${(Math.random() + "").slice(9)}$`, Cr = "?" + C, Is = `<${Cr}>`, U = document, it = () => U.createComment(""), st = (r) => r === null || typeof r != "object" && typeof r != "function", xr = Array.isArray, Ns = (r) => xr(r) || typeof (r == null ? void 0 : r[Symbol.iterator]) == "function", Dt = `[ 	
-\f\r]`, Q = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Ke = /-->/g, Ye = />/g, O = RegExp(`>|${Dt}(?:([^\\s"'>=/]+)(${Dt}*=${Dt}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), Xe = /'/g, Ze = /"/g, Rr = /^(?:script|style|textarea|title)$/i, ks = (r) => (t, ...e) => ({ _$litType$: r, strings: t, values: e }), A = ks(1), H = Symbol.for("lit-noChange"), d = Symbol.for("lit-nothing"), Qe = /* @__PURE__ */ new WeakMap(), N = U.createTreeWalker(U, 129);
-function Pr(r, t) {
-  if (!Array.isArray(r) || !r.hasOwnProperty("raw"))
-    throw Error("invalid template strings array");
-  return Ge !== void 0 ? Ge.createHTML(t) : t;
-}
-const Ms = (r, t) => {
-  const e = r.length - 1, i = [];
-  let s, n = t === 2 ? "<svg>" : "", o = Q;
-  for (let a = 0; a < e; a++) {
-    const c = r[a];
-    let l, u, h = -1, p = 0;
-    for (; p < c.length && (o.lastIndex = p, u = o.exec(c), u !== null); )
-      p = o.lastIndex, o === Q ? u[1] === "!--" ? o = Ke : u[1] !== void 0 ? o = Ye : u[2] !== void 0 ? (Rr.test(u[2]) && (s = RegExp("</" + u[2], "g")), o = O) : u[3] !== void 0 && (o = O) : o === O ? u[0] === ">" ? (o = s ?? Q, h = -1) : u[1] === void 0 ? h = -2 : (h = o.lastIndex - u[2].length, l = u[1], o = u[3] === void 0 ? O : u[3] === '"' ? Ze : Xe) : o === Ze || o === Xe ? o = O : o === Ke || o === Ye ? o = Q : (o = O, s = void 0);
-    const m = o === O && r[a + 1].startsWith("/>") ? " " : "";
-    n += o === Q ? c + Is : h >= 0 ? (i.push(l), c.slice(0, h) + Sr + c.slice(h) + C + m) : c + C + (h === -2 ? a : m);
-  }
-  return [Pr(r, n + (r[e] || "<?>") + (t === 2 ? "</svg>" : "")), i];
-};
-class nt {
-  constructor({ strings: t, _$litType$: e }, i) {
-    let s;
-    this.parts = [];
-    let n = 0, o = 0;
-    const a = t.length - 1, c = this.parts, [l, u] = Ms(t, e);
-    if (this.el = nt.createElement(l, i), N.currentNode = this.el.content, e === 2) {
-      const h = this.el.content.firstChild;
-      h.replaceWith(...h.childNodes);
-    }
-    for (; (s = N.nextNode()) !== null && c.length < a; ) {
-      if (s.nodeType === 1) {
-        if (s.hasAttributes())
-          for (const h of s.getAttributeNames())
-            if (h.endsWith(Sr)) {
-              const p = u[o++], m = s.getAttribute(h).split(C), V = /([.?@])?(.*)/.exec(p);
-              c.push({ type: 1, index: n, name: V[2], strings: m, ctor: V[1] === "." ? Hs : V[1] === "?" ? js : V[1] === "@" ? Ls : Rt }), s.removeAttribute(h);
-            } else
-              h.startsWith(C) && (c.push({ type: 6, index: n }), s.removeAttribute(h));
-        if (Rr.test(s.tagName)) {
-          const h = s.textContent.split(C), p = h.length - 1;
-          if (p > 0) {
-            s.textContent = Et ? Et.emptyScript : "";
-            for (let m = 0; m < p; m++)
-              s.append(h[m], it()), N.nextNode(), c.push({ type: 2, index: ++n });
-            s.append(h[p], it());
-          }
-        }
-      } else if (s.nodeType === 8)
-        if (s.data === Cr)
-          c.push({ type: 2, index: n });
-        else {
-          let h = -1;
-          for (; (h = s.data.indexOf(C, h + 1)) !== -1; )
-            c.push({ type: 7, index: n }), h += C.length - 1;
-        }
-      n++;
-    }
-  }
-  static createElement(t, e) {
-    const i = U.createElement("template");
-    return i.innerHTML = t, i;
-  }
-}
-function K(r, t, e = r, i) {
-  var o, a;
-  if (t === H)
-    return t;
-  let s = i !== void 0 ? (o = e._$Co) == null ? void 0 : o[i] : e._$Cl;
-  const n = st(t) ? void 0 : t._$litDirective$;
-  return (s == null ? void 0 : s.constructor) !== n && ((a = s == null ? void 0 : s._$AO) == null || a.call(s, !1), n === void 0 ? s = void 0 : (s = new n(r), s._$AT(r, e, i)), i !== void 0 ? (e._$Co ?? (e._$Co = []))[i] = s : e._$Cl = s), s !== void 0 && (t = K(r, s._$AS(r, t.values), s, i)), t;
-}
-class Us {
-  constructor(t, e) {
-    this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
-  }
-  get parentNode() {
-    return this._$AM.parentNode;
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  u(t) {
-    const { el: { content: e }, parts: i } = this._$AD, s = ((t == null ? void 0 : t.creationScope) ?? U).importNode(e, !0);
-    N.currentNode = s;
-    let n = N.nextNode(), o = 0, a = 0, c = i[0];
-    for (; c !== void 0; ) {
-      if (o === c.index) {
-        let l;
-        c.type === 2 ? l = new lt(n, n.nextSibling, this, t) : c.type === 1 ? l = new c.ctor(n, c.name, c.strings, this, t) : c.type === 6 && (l = new Vs(n, this, t)), this._$AV.push(l), c = i[++a];
-      }
-      o !== (c == null ? void 0 : c.index) && (n = N.nextNode(), o++);
-    }
-    return N.currentNode = U, s;
-  }
-  p(t) {
-    let e = 0;
-    for (const i of this._$AV)
-      i !== void 0 && (i.strings !== void 0 ? (i._$AI(t, i, e), e += i.strings.length - 2) : i._$AI(t[e])), e++;
-  }
-}
-class lt {
-  get _$AU() {
-    var t;
-    return ((t = this._$AM) == null ? void 0 : t._$AU) ?? this._$Cv;
-  }
-  constructor(t, e, i, s) {
-    this.type = 2, this._$AH = d, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = i, this.options = s, this._$Cv = (s == null ? void 0 : s.isConnected) ?? !0;
-  }
-  get parentNode() {
-    let t = this._$AA.parentNode;
-    const e = this._$AM;
-    return e !== void 0 && (t == null ? void 0 : t.nodeType) === 11 && (t = e.parentNode), t;
-  }
-  get startNode() {
-    return this._$AA;
-  }
-  get endNode() {
-    return this._$AB;
-  }
-  _$AI(t, e = this) {
-    t = K(this, t, e), st(t) ? t === d || t == null || t === "" ? (this._$AH !== d && this._$AR(), this._$AH = d) : t !== this._$AH && t !== H && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Ns(t) ? this.k(t) : this._(t);
-  }
-  S(t) {
-    return this._$AA.parentNode.insertBefore(t, this._$AB);
-  }
-  T(t) {
-    this._$AH !== t && (this._$AR(), this._$AH = this.S(t));
-  }
-  _(t) {
-    this._$AH !== d && st(this._$AH) ? this._$AA.nextSibling.data = t : this.T(U.createTextNode(t)), this._$AH = t;
-  }
-  $(t) {
-    var n;
-    const { values: e, _$litType$: i } = t, s = typeof i == "number" ? this._$AC(t) : (i.el === void 0 && (i.el = nt.createElement(Pr(i.h, i.h[0]), this.options)), i);
-    if (((n = this._$AH) == null ? void 0 : n._$AD) === s)
-      this._$AH.p(e);
-    else {
-      const o = new Us(s, this), a = o.u(this.options);
-      o.p(e), this.T(a), this._$AH = o;
-    }
-  }
-  _$AC(t) {
-    let e = Qe.get(t.strings);
-    return e === void 0 && Qe.set(t.strings, e = new nt(t)), e;
-  }
-  k(t) {
-    xr(this._$AH) || (this._$AH = [], this._$AR());
-    const e = this._$AH;
-    let i, s = 0;
-    for (const n of t)
-      s === e.length ? e.push(i = new lt(this.S(it()), this.S(it()), this, this.options)) : i = e[s], i._$AI(n), s++;
-    s < e.length && (this._$AR(i && i._$AB.nextSibling, s), e.length = s);
-  }
-  _$AR(t = this._$AA.nextSibling, e) {
-    var i;
-    for ((i = this._$AP) == null ? void 0 : i.call(this, !1, !0, e); t && t !== this._$AB; ) {
-      const s = t.nextSibling;
-      t.remove(), t = s;
-    }
-  }
-  setConnected(t) {
-    var e;
-    this._$AM === void 0 && (this._$Cv = t, (e = this._$AP) == null || e.call(this, t));
-  }
-}
-class Rt {
-  get tagName() {
-    return this.element.tagName;
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  constructor(t, e, i, s, n) {
-    this.type = 1, this._$AH = d, this._$AN = void 0, this.element = t, this.name = e, this._$AM = s, this.options = n, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = d;
-  }
-  _$AI(t, e = this, i, s) {
-    const n = this.strings;
-    let o = !1;
-    if (n === void 0)
-      t = K(this, t, e, 0), o = !st(t) || t !== this._$AH && t !== H, o && (this._$AH = t);
-    else {
-      const a = t;
-      let c, l;
-      for (t = n[0], c = 0; c < n.length - 1; c++)
-        l = K(this, a[i + c], e, c), l === H && (l = this._$AH[c]), o || (o = !st(l) || l !== this._$AH[c]), l === d ? t = d : t !== d && (t += (l ?? "") + n[c + 1]), this._$AH[c] = l;
-    }
-    o && !s && this.j(t);
-  }
-  j(t) {
-    t === d ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
-  }
-}
-class Hs extends Rt {
-  constructor() {
-    super(...arguments), this.type = 3;
-  }
-  j(t) {
-    this.element[this.name] = t === d ? void 0 : t;
-  }
-}
-class js extends Rt {
-  constructor() {
-    super(...arguments), this.type = 4;
-  }
-  j(t) {
-    this.element.toggleAttribute(this.name, !!t && t !== d);
-  }
-}
-class Ls extends Rt {
-  constructor(t, e, i, s, n) {
-    super(t, e, i, s, n), this.type = 5;
-  }
-  _$AI(t, e = this) {
-    if ((t = K(this, t, e, 0) ?? d) === H)
-      return;
-    const i = this._$AH, s = t === d && i !== d || t.capture !== i.capture || t.once !== i.once || t.passive !== i.passive, n = t !== d && (i === d || s);
-    s && this.element.removeEventListener(this.name, this, i), n && this.element.addEventListener(this.name, this, t), this._$AH = t;
-  }
-  handleEvent(t) {
-    var e;
-    typeof this._$AH == "function" ? this._$AH.call(((e = this.options) == null ? void 0 : e.host) ?? this.element, t) : this._$AH.handleEvent(t);
-  }
-}
-class Vs {
-  constructor(t, e, i) {
-    this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = i;
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  _$AI(t) {
-    K(this, t);
-  }
-}
-const zt = tt.litHtmlPolyfillSupport;
-zt == null || zt(nt, lt), (tt.litHtmlVersions ?? (tt.litHtmlVersions = [])).push("3.1.2");
-const Ds = (r, t, e) => {
-  const i = (e == null ? void 0 : e.renderBefore) ?? t;
-  let s = i._$litPart$;
-  if (s === void 0) {
-    const n = (e == null ? void 0 : e.renderBefore) ?? null;
-    i._$litPart$ = s = new lt(t.insertBefore(it(), n), n, void 0, e ?? {});
-  }
-  return s._$AI(r), s;
-};
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-let E = class extends z {
-  constructor() {
-    super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
-  }
-  createRenderRoot() {
-    var e;
-    const t = super.createRenderRoot();
-    return (e = this.renderOptions).renderBefore ?? (e.renderBefore = t.firstChild), t;
-  }
-  update(t) {
-    const e = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = Ds(e, this.renderRoot, this.renderOptions);
-  }
-  connectedCallback() {
-    var t;
-    super.connectedCallback(), (t = this._$Do) == null || t.setConnected(!0);
-  }
-  disconnectedCallback() {
-    var t;
-    super.disconnectedCallback(), (t = this._$Do) == null || t.setConnected(!1);
-  }
-  render() {
-    return H;
-  }
-};
-var nr;
-E._$litElement$ = !0, E.finalized = !0, (nr = globalThis.litElementHydrateSupport) == null || nr.call(globalThis, { LitElement: E });
-const Bt = globalThis.litElementPolyfillSupport;
-Bt == null || Bt({ LitElement: E });
-(globalThis.litElementVersions ?? (globalThis.litElementVersions = [])).push("4.0.4");
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const Y = (r) => (t, e) => {
-  e !== void 0 ? e.addInitializer(() => {
-    customElements.define(r, t);
-  }) : customElements.define(r, t);
-};
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const zs = { attribute: !0, type: String, converter: At, reflect: !1, hasChanged: pe }, Bs = (r = zs, t, e) => {
-  const { kind: i, metadata: s } = e;
-  let n = globalThis.litPropertyMetadata.get(s);
-  if (n === void 0 && globalThis.litPropertyMetadata.set(s, n = /* @__PURE__ */ new Map()), n.set(e.name, r), i === "accessor") {
-    const { name: o } = e;
-    return { set(a) {
-      const c = t.get.call(this);
-      t.set.call(this, a), this.requestUpdate(o, c, r);
-    }, init(a) {
-      return a !== void 0 && this.P(o, void 0, r), a;
-    } };
-  }
-  if (i === "setter") {
-    const { name: o } = e;
-    return function(a) {
-      const c = this[o];
-      t.call(this, a), this.requestUpdate(o, c, r);
-    };
-  }
-  throw Error("Unsupported decorator location: " + i);
-};
-function w(r) {
-  return (t, e) => typeof e == "object" ? Bs(r, t, e) : ((i, s, n) => {
-    const o = s.hasOwnProperty(n);
-    return s.constructor.createProperty(n, o ? { ...i, wrapped: !0 } : i), o ? Object.getOwnPropertyDescriptor(s, n) : void 0;
-  })(r, t, e);
-}
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-function fe(r) {
-  return w({ ...r, state: !0, attribute: !1 });
-}
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const Je = (r, t, e) => (e.configurable = !0, e.enumerable = !0, Reflect.decorate && typeof t != "object" && Object.defineProperty(r, t, e), e);
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-function Fs(r, t) {
-  return (e, i, s) => {
-    const n = (o) => {
-      var a;
-      return ((a = o.renderRoot) == null ? void 0 : a.querySelector(r)) ?? null;
-    };
-    if (t) {
-      const { get: o, set: a } = typeof i == "object" ? e : s ?? (() => {
-        const c = Symbol();
-        return { get() {
-          return this[c];
-        }, set(l) {
-          this[c] = l;
-        } };
-      })();
-      return Je(e, i, { get() {
-        let c = o.call(this);
-        return c === void 0 && (c = n(this), (c !== null || this.hasUpdated) && a.call(this, c)), c;
-      } });
-    }
-    return Je(e, i, { get() {
-      return n(this);
-    } });
-  };
-}
-const Pt = {
-  header: "header-region",
-  actionsToolbar: "actions-toolbar-region",
-  main: "main-region",
-  sidebar: "asidebar-region",
-  footer: "footer-region"
-};
-function v(r, t, e, i) {
-  var s = arguments.length, n = s < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, e) : i, o;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
-    n = Reflect.decorate(r, t, e, i);
-  else
-    for (var a = r.length - 1; a >= 0; a--)
-      (o = r[a]) && (n = (s < 3 ? o(n) : s > 3 ? o(t, e, n) : o(t, e)) || n);
-  return s > 3 && n && Object.defineProperty(t, e, n), n;
-}
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-class qs extends E {
-  render() {
-    return A`<slot></slot>`;
-  }
-  connectedCallback() {
-    if (super.connectedCallback(), this.getAttribute("aria-hidden") === "false") {
-      this.removeAttribute("aria-hidden");
-      return;
-    }
-    this.setAttribute("aria-hidden", "true");
-  }
-}
-/**
- * @license
- * Copyright 2024 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-const Ws = L`:host{font-size:var(--md-icon-size, 24px);width:var(--md-icon-size, 24px);height:var(--md-icon-size, 24px);color:inherit;font-variation-settings:inherit;font-weight:400;font-family:var(--md-icon-font, Material Symbols Outlined);display:inline-flex;font-style:normal;place-items:center;place-content:center;line-height:1;overflow:hidden;letter-spacing:normal;text-transform:none;user-select:none;white-space:nowrap;word-wrap:normal;flex-shrink:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}::slotted(svg){fill:currentColor}::slotted(*){height:100%;width:100%}
-`;
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-let Zt = class extends qs {
-};
-Zt.styles = [Ws];
-Zt = v([
-  Y("md-icon")
-], Zt);
-/**
- * @license
- * Copyright 2023 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-const Tr = Symbol("attachableController");
-let mt;
-mt = new MutationObserver((r) => {
-  var t;
-  for (const e of r)
-    (t = e.target[Tr]) == null || t.hostConnected();
-});
-class Or {
-  get htmlFor() {
-    return this.host.getAttribute("for");
-  }
-  set htmlFor(t) {
-    t === null ? this.host.removeAttribute("for") : this.host.setAttribute("for", t);
-  }
-  get control() {
-    return this.host.hasAttribute("for") ? !this.htmlFor || !this.host.isConnected ? null : this.host.getRootNode().querySelector(`#${this.htmlFor}`) : this.currentControl || this.host.parentElement;
-  }
-  set control(t) {
-    t ? this.attach(t) : this.detach();
-  }
-  /**
-   * Creates a new controller for an `Attachable` element.
-   *
-   * @param host The `Attachable` element.
-   * @param onControlChange A callback with two parameters for the previous and
-   *     next control. An `Attachable` element may perform setup or teardown
-   *     logic whenever the control changes.
-   */
-  constructor(t, e) {
-    this.host = t, this.onControlChange = e, this.currentControl = null, t.addController(this), t[Tr] = this, mt == null || mt.observe(t, { attributeFilter: ["for"] });
-  }
-  attach(t) {
-    t !== this.currentControl && (this.setCurrentControl(t), this.host.removeAttribute("for"));
-  }
-  detach() {
-    this.setCurrentControl(null), this.host.setAttribute("for", "");
-  }
-  /** @private */
-  hostConnected() {
-    this.setCurrentControl(this.control);
-  }
-  /** @private */
-  hostDisconnected() {
-    this.setCurrentControl(null);
-  }
-  setCurrentControl(t) {
-    this.onControlChange(this.currentControl, t), this.currentControl = t;
-  }
-}
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-const Gs = ["focusin", "focusout", "pointerdown"];
-class ge extends E {
-  constructor() {
-    super(...arguments), this.visible = !1, this.inward = !1, this.attachableController = new Or(this, this.onControlChange.bind(this));
-  }
-  get htmlFor() {
-    return this.attachableController.htmlFor;
-  }
-  set htmlFor(t) {
-    this.attachableController.htmlFor = t;
-  }
-  get control() {
-    return this.attachableController.control;
-  }
-  set control(t) {
-    this.attachableController.control = t;
-  }
-  attach(t) {
-    this.attachableController.attach(t);
-  }
-  detach() {
-    this.attachableController.detach();
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.setAttribute("aria-hidden", "true");
-  }
-  /** @private */
-  handleEvent(t) {
-    var e;
-    if (!t[tr]) {
-      switch (t.type) {
-        default:
-          return;
-        case "focusin":
-          this.visible = ((e = this.control) == null ? void 0 : e.matches(":focus-visible")) ?? !1;
-          break;
-        case "focusout":
-        case "pointerdown":
-          this.visible = !1;
-          break;
-      }
-      t[tr] = !0;
-    }
-  }
-  onControlChange(t, e) {
-    for (const i of Gs)
-      t == null || t.removeEventListener(i, this), e == null || e.addEventListener(i, this);
-  }
-  update(t) {
-    t.has("visible") && this.dispatchEvent(new Event("visibility-changed")), super.update(t);
-  }
-}
-v([
-  w({ type: Boolean, reflect: !0 })
-], ge.prototype, "visible", void 0);
-v([
-  w({ type: Boolean, reflect: !0 })
-], ge.prototype, "inward", void 0);
-const tr = Symbol("handledByFocusRing");
-/**
- * @license
- * Copyright 2024 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-const Ks = L`:host{animation-delay:0s,calc(var(--md-focus-ring-duration, 600ms)*.25);animation-duration:calc(var(--md-focus-ring-duration, 600ms)*.25),calc(var(--md-focus-ring-duration, 600ms)*.75);animation-timing-function:cubic-bezier(0.2, 0, 0, 1);box-sizing:border-box;color:var(--md-focus-ring-color, var(--md-sys-color-secondary, #625b71));display:none;pointer-events:none;position:absolute}:host([visible]){display:flex}:host(:not([inward])){animation-name:outward-grow,outward-shrink;border-end-end-radius:calc(var(--md-focus-ring-shape-end-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-end-start-radius:calc(var(--md-focus-ring-shape-end-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-start-end-radius:calc(var(--md-focus-ring-shape-start-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-start-start-radius:calc(var(--md-focus-ring-shape-start-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));inset:calc(-1*var(--md-focus-ring-outward-offset, 2px));outline:var(--md-focus-ring-width, 3px) solid currentColor}:host([inward]){animation-name:inward-grow,inward-shrink;border-end-end-radius:calc(var(--md-focus-ring-shape-end-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-end-start-radius:calc(var(--md-focus-ring-shape-end-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-start-end-radius:calc(var(--md-focus-ring-shape-start-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-start-start-radius:calc(var(--md-focus-ring-shape-start-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border:var(--md-focus-ring-width, 3px) solid currentColor;inset:var(--md-focus-ring-inward-offset, 0px)}@keyframes outward-grow{from{outline-width:0}to{outline-width:var(--md-focus-ring-active-width, 8px)}}@keyframes outward-shrink{from{outline-width:var(--md-focus-ring-active-width, 8px)}}@keyframes inward-grow{from{border-width:0}to{border-width:var(--md-focus-ring-active-width, 8px)}}@keyframes inward-shrink{from{border-width:var(--md-focus-ring-active-width, 8px)}}@media(prefers-reduced-motion){:host{animation:none}}
-`;
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-let Qt = class extends ge {
-};
-Qt.styles = [Ks];
-Qt = v([
-  Y("md-focus-ring")
-], Qt);
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const Ys = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4, EVENT: 5, ELEMENT: 6 }, Xs = (r) => (...t) => ({ _$litDirective$: r, values: t });
-class Zs {
-  constructor(t) {
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  _$AT(t, e, i) {
-    this._$Ct = t, this._$AM = e, this._$Ci = i;
-  }
-  _$AS(t, e) {
-    return this.update(t, e);
-  }
-  update(t, e) {
-    return this.render(...e);
-  }
-}
-/**
- * @license
- * Copyright 2018 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const Ir = Xs(class extends Zs {
-  constructor(r) {
-    var t;
-    if (super(r), r.type !== Ys.ATTRIBUTE || r.name !== "class" || ((t = r.strings) == null ? void 0 : t.length) > 2)
-      throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
-  }
-  render(r) {
-    return " " + Object.keys(r).filter((t) => r[t]).join(" ") + " ";
-  }
-  update(r, [t]) {
-    var i, s;
-    if (this.st === void 0) {
-      this.st = /* @__PURE__ */ new Set(), r.strings !== void 0 && (this.nt = new Set(r.strings.join(" ").split(/\s/).filter((n) => n !== "")));
-      for (const n in t)
-        t[n] && !((i = this.nt) != null && i.has(n)) && this.st.add(n);
-      return this.render(t);
-    }
-    const e = r.element.classList;
-    for (const n of this.st)
-      n in t || (e.remove(n), this.st.delete(n));
-    for (const n in t) {
-      const o = !!t[n];
-      o === this.st.has(n) || (s = this.nt) != null && s.has(n) || (o ? (e.add(n), this.st.add(n)) : (e.remove(n), this.st.delete(n)));
-    }
-    return H;
-  }
-});
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-const Qs = {
-  STANDARD: "cubic-bezier(0.2, 0, 0, 1)",
-  STANDARD_ACCELERATE: "cubic-bezier(.3,0,1,1)",
-  STANDARD_DECELERATE: "cubic-bezier(0,0,0,1)",
-  EMPHASIZED: "cubic-bezier(.3,0,0,1)",
-  EMPHASIZED_ACCELERATE: "cubic-bezier(.3,0,.8,.15)",
-  EMPHASIZED_DECELERATE: "cubic-bezier(.05,.7,.1,1)"
-};
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-const Js = 450, er = 225, tn = 0.2, en = 10, rn = 75, sn = 0.35, nn = "::after", on = "forwards";
-var _;
-(function(r) {
-  r[r.INACTIVE = 0] = "INACTIVE", r[r.TOUCH_DELAY = 1] = "TOUCH_DELAY", r[r.HOLDING = 2] = "HOLDING", r[r.WAITING_FOR_CLICK = 3] = "WAITING_FOR_CLICK";
-})(_ || (_ = {}));
-const an = [
-  "click",
-  "contextmenu",
-  "pointercancel",
-  "pointerdown",
-  "pointerenter",
-  "pointerleave",
-  "pointerup"
-], cn = 150, Ft = window.matchMedia("(forced-colors: active)");
-class ht extends E {
-  constructor() {
-    super(...arguments), this.disabled = !1, this.hovered = !1, this.pressed = !1, this.rippleSize = "", this.rippleScale = "", this.initialSize = 0, this.state = _.INACTIVE, this.checkBoundsAfterContextMenu = !1, this.attachableController = new Or(this, this.onControlChange.bind(this));
-  }
-  get htmlFor() {
-    return this.attachableController.htmlFor;
-  }
-  set htmlFor(t) {
-    this.attachableController.htmlFor = t;
-  }
-  get control() {
-    return this.attachableController.control;
-  }
-  set control(t) {
-    this.attachableController.control = t;
-  }
-  attach(t) {
-    this.attachableController.attach(t);
-  }
-  detach() {
-    this.attachableController.detach();
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.setAttribute("aria-hidden", "true");
-  }
-  render() {
-    const t = {
-      hovered: this.hovered,
-      pressed: this.pressed
-    };
-    return A`<div class="surface ${Ir(t)}"></div>`;
-  }
-  update(t) {
-    t.has("disabled") && this.disabled && (this.hovered = !1, this.pressed = !1), super.update(t);
-  }
-  /**
-   * TODO(b/269799771): make private
-   * @private only public for slider
-   */
-  handlePointerenter(t) {
-    this.shouldReactToEvent(t) && (this.hovered = !0);
-  }
-  /**
-   * TODO(b/269799771): make private
-   * @private only public for slider
-   */
-  handlePointerleave(t) {
-    this.shouldReactToEvent(t) && (this.hovered = !1, this.state !== _.INACTIVE && this.endPressAnimation());
-  }
-  handlePointerup(t) {
-    if (this.shouldReactToEvent(t)) {
-      if (this.state === _.HOLDING) {
-        this.state = _.WAITING_FOR_CLICK;
-        return;
-      }
-      if (this.state === _.TOUCH_DELAY) {
-        this.state = _.WAITING_FOR_CLICK, this.startPressAnimation(this.rippleStartEvent);
-        return;
-      }
-    }
-  }
-  async handlePointerdown(t) {
-    if (this.shouldReactToEvent(t)) {
-      if (this.rippleStartEvent = t, !this.isTouch(t)) {
-        this.state = _.WAITING_FOR_CLICK, this.startPressAnimation(t);
-        return;
-      }
-      this.checkBoundsAfterContextMenu && !this.inBounds(t) || (this.checkBoundsAfterContextMenu = !1, this.state = _.TOUCH_DELAY, await new Promise((e) => {
-        setTimeout(e, cn);
-      }), this.state === _.TOUCH_DELAY && (this.state = _.HOLDING, this.startPressAnimation(t)));
-    }
-  }
-  handleClick() {
-    if (!this.disabled) {
-      if (this.state === _.WAITING_FOR_CLICK) {
-        this.endPressAnimation();
-        return;
-      }
-      this.state === _.INACTIVE && (this.startPressAnimation(), this.endPressAnimation());
-    }
-  }
-  handlePointercancel(t) {
-    this.shouldReactToEvent(t) && this.endPressAnimation();
-  }
-  handleContextmenu() {
-    this.disabled || (this.checkBoundsAfterContextMenu = !0, this.endPressAnimation());
-  }
-  determineRippleSize() {
-    const { height: t, width: e } = this.getBoundingClientRect(), i = Math.max(t, e), s = Math.max(sn * i, rn), n = Math.floor(i * tn), a = Math.sqrt(e ** 2 + t ** 2) + en;
-    this.initialSize = n, this.rippleScale = `${(a + s) / n}`, this.rippleSize = `${n}px`;
-  }
-  getNormalizedPointerEventCoords(t) {
-    const { scrollX: e, scrollY: i } = window, { left: s, top: n } = this.getBoundingClientRect(), o = e + s, a = i + n, { pageX: c, pageY: l } = t;
-    return { x: c - o, y: l - a };
-  }
-  getTranslationCoordinates(t) {
-    const { height: e, width: i } = this.getBoundingClientRect(), s = {
-      x: (i - this.initialSize) / 2,
-      y: (e - this.initialSize) / 2
-    };
-    let n;
-    return t instanceof PointerEvent ? n = this.getNormalizedPointerEventCoords(t) : n = {
-      x: i / 2,
-      y: e / 2
-    }, n = {
-      x: n.x - this.initialSize / 2,
-      y: n.y - this.initialSize / 2
-    }, { startPoint: n, endPoint: s };
-  }
-  startPressAnimation(t) {
-    var o;
-    if (!this.mdRoot)
-      return;
-    this.pressed = !0, (o = this.growAnimation) == null || o.cancel(), this.determineRippleSize();
-    const { startPoint: e, endPoint: i } = this.getTranslationCoordinates(t), s = `${e.x}px, ${e.y}px`, n = `${i.x}px, ${i.y}px`;
-    this.growAnimation = this.mdRoot.animate({
-      top: [0, 0],
-      left: [0, 0],
-      height: [this.rippleSize, this.rippleSize],
-      width: [this.rippleSize, this.rippleSize],
-      transform: [
-        `translate(${s}) scale(1)`,
-        `translate(${n}) scale(${this.rippleScale})`
-      ]
-    }, {
-      pseudoElement: nn,
-      duration: Js,
-      easing: Qs.STANDARD,
-      fill: on
-    });
-  }
-  async endPressAnimation() {
-    this.rippleStartEvent = void 0, this.state = _.INACTIVE;
-    const t = this.growAnimation;
-    let e = 1 / 0;
-    if (typeof (t == null ? void 0 : t.currentTime) == "number" ? e = t.currentTime : t != null && t.currentTime && (e = t.currentTime.to("ms").value), e >= er) {
-      this.pressed = !1;
-      return;
-    }
-    await new Promise((i) => {
-      setTimeout(i, er - e);
-    }), this.growAnimation === t && (this.pressed = !1);
-  }
-  /**
-   * Returns `true` if
-   *  - the ripple element is enabled
-   *  - the pointer is primary for the input type
-   *  - the pointer is the pointer that started the interaction, or will start
-   * the interaction
-   *  - the pointer is a touch, or the pointer state has the primary button
-   * held, or the pointer is hovering
-   */
-  shouldReactToEvent(t) {
-    if (this.disabled || !t.isPrimary || this.rippleStartEvent && this.rippleStartEvent.pointerId !== t.pointerId)
-      return !1;
-    if (t.type === "pointerenter" || t.type === "pointerleave")
-      return !this.isTouch(t);
-    const e = t.buttons === 1;
-    return this.isTouch(t) || e;
-  }
-  /**
-   * Check if the event is within the bounds of the element.
-   *
-   * This is only needed for the "stuck" contextmenu longpress on Chrome.
-   */
-  inBounds({ x: t, y: e }) {
-    const { top: i, left: s, bottom: n, right: o } = this.getBoundingClientRect();
-    return t >= s && t <= o && e >= i && e <= n;
-  }
-  isTouch({ pointerType: t }) {
-    return t === "touch";
-  }
-  /** @private */
-  async handleEvent(t) {
-    if (!(Ft != null && Ft.matches))
-      switch (t.type) {
-        case "click":
-          this.handleClick();
-          break;
-        case "contextmenu":
-          this.handleContextmenu();
-          break;
-        case "pointercancel":
-          this.handlePointercancel(t);
-          break;
-        case "pointerdown":
-          await this.handlePointerdown(t);
-          break;
-        case "pointerenter":
-          this.handlePointerenter(t);
-          break;
-        case "pointerleave":
-          this.handlePointerleave(t);
-          break;
-        case "pointerup":
-          this.handlePointerup(t);
-          break;
-      }
-  }
-  onControlChange(t, e) {
-    for (const i of an)
-      t == null || t.removeEventListener(i, this), e == null || e.addEventListener(i, this);
-  }
-}
-v([
-  w({ type: Boolean, reflect: !0 })
-], ht.prototype, "disabled", void 0);
-v([
-  fe()
-], ht.prototype, "hovered", void 0);
-v([
-  fe()
-], ht.prototype, "pressed", void 0);
-v([
-  Fs(".surface")
-], ht.prototype, "mdRoot", void 0);
-/**
- * @license
- * Copyright 2024 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-const ln = L`:host{display:flex;margin:auto;pointer-events:none}:host([disabled]){display:none}@media(forced-colors: active){:host{display:none}}:host,.surface{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.surface{-webkit-tap-highlight-color:rgba(0,0,0,0)}.surface::before,.surface::after{content:"";opacity:0;position:absolute}.surface::before{background-color:var(--md-ripple-hover-color, var(--md-sys-color-on-surface, #1d1b20));inset:0;transition:opacity 15ms linear,background-color 15ms linear}.surface::after{background:radial-gradient(closest-side, var(--md-ripple-pressed-color, var(--md-sys-color-on-surface, #1d1b20)) max(100% - 70px, 65%), transparent 100%);transform-origin:center center;transition:opacity 375ms linear}.hovered::before{background-color:var(--md-ripple-hover-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-ripple-hover-opacity, 0.08)}.pressed::after{opacity:var(--md-ripple-pressed-opacity, 0.12);transition-duration:105ms}
-`;
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-let Jt = class extends ht {
-};
-Jt.styles = [ln];
-Jt = v([
-  Y("md-ripple")
-], Jt);
-/**
- * @license
- * Copyright 2020 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const Nr = Symbol.for(""), hn = (r) => {
-  if ((r == null ? void 0 : r.r) === Nr)
-    return r == null ? void 0 : r._$litStatic$;
-}, rr = (r, ...t) => ({ _$litStatic$: t.reduce((e, i, s) => e + ((n) => {
-  if (n._$litStatic$ !== void 0)
-    return n._$litStatic$;
-  throw Error(`Value passed to 'literal' function must be a 'literal' result: ${n}. Use 'unsafeStatic' to pass non-literal values, but
-            take care to ensure page security.`);
-})(i) + r[s + 1], r[0]), r: Nr }), ir = /* @__PURE__ */ new Map(), un = (r) => (t, ...e) => {
-  const i = e.length;
-  let s, n;
-  const o = [], a = [];
-  let c, l = 0, u = !1;
-  for (; l < i; ) {
-    for (c = t[l]; l < i && (n = e[l], (s = hn(n)) !== void 0); )
-      c += s + t[++l], u = !0;
-    l !== i && a.push(n), o.push(c), l++;
-  }
-  if (l === i && o.push(t[i]), u) {
-    const h = o.join("$$lit$$");
-    (t = ir.get(h)) === void 0 && (o.raw = o, ir.set(h, t = o)), e = a;
-  }
-  return r(t, ...e);
-}, dn = un(A);
-/**
- * @license
- * Copyright 2023 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-const kr = [
-  "ariaAtomic",
-  "ariaAutoComplete",
-  "ariaBusy",
-  "ariaChecked",
-  "ariaColCount",
-  "ariaColIndex",
-  "ariaColSpan",
-  "ariaCurrent",
-  "ariaDisabled",
-  "ariaExpanded",
-  "ariaHasPopup",
-  "ariaHidden",
-  "ariaInvalid",
-  "ariaKeyShortcuts",
-  "ariaLabel",
-  "ariaLevel",
-  "ariaLive",
-  "ariaModal",
-  "ariaMultiLine",
-  "ariaMultiSelectable",
-  "ariaOrientation",
-  "ariaPlaceholder",
-  "ariaPosInSet",
-  "ariaPressed",
-  "ariaReadOnly",
-  "ariaRequired",
-  "ariaRoleDescription",
-  "ariaRowCount",
-  "ariaRowIndex",
-  "ariaRowSpan",
-  "ariaSelected",
-  "ariaSetSize",
-  "ariaSort",
-  "ariaValueMax",
-  "ariaValueMin",
-  "ariaValueNow",
-  "ariaValueText"
-];
-kr.map(Mr);
-function Mr(r) {
-  return r.replace("aria", "aria-").replace(/Elements?/g, "").toLowerCase();
-}
-/**
- * @license
- * Copyright 2023 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-function pn(r) {
-  for (const t of kr)
-    r.createProperty(t, {
-      attribute: Mr(t),
-      reflect: !0
-    });
-  r.addInitializer((t) => {
-    const e = {
-      hostConnected() {
-        t.setAttribute("role", "presentation");
-      }
-    };
-    t.addController(e);
-  });
-}
-/**
- * @license
- * Copyright 2023 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-const St = Symbol("internals"), qt = Symbol("privateInternals");
-function fn(r) {
-  class t extends r {
-    get [St]() {
-      return this[qt] || (this[qt] = this.attachInternals()), this[qt];
-    }
-  }
-  return t;
-}
-/**
- * @license
- * Copyright 2023 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-function gn(r) {
-  r.addInitializer((t) => {
-    const e = t;
-    e.addEventListener("click", async (i) => {
-      const { type: s, [St]: n } = e, { form: o } = n;
-      if (!(!o || s === "button") && (await new Promise((a) => {
-        setTimeout(a);
-      }), !i.defaultPrevented)) {
-        if (s === "reset") {
-          o.reset();
-          return;
-        }
-        o.addEventListener("submit", (a) => {
-          Object.defineProperty(a, "submitter", {
-            configurable: !0,
-            enumerable: !0,
-            get: () => e
-          });
-        }, { capture: !0, once: !0 }), n.setFormValue(e.value), o.requestSubmit();
-      }
-    });
-  });
-}
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-function sr(r, t = !0) {
-  return t && getComputedStyle(r).getPropertyValue("direction").trim() === "rtl";
-}
-/**
- * @license
- * Copyright 2018 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-const vn = fn(E);
-class b extends vn {
-  constructor() {
-    super(...arguments), this.disabled = !1, this.flipIconInRtl = !1, this.href = "", this.target = "", this.ariaLabelSelected = "", this.toggle = !1, this.selected = !1, this.type = "submit", this.value = "", this.flipIcon = sr(this, this.flipIconInRtl);
-  }
-  get name() {
-    return this.getAttribute("name") ?? "";
-  }
-  set name(t) {
-    this.setAttribute("name", t);
-  }
-  /**
-   * The associated form element with which this element's value will submit.
-   */
-  get form() {
-    return this[St].form;
-  }
-  /**
-   * The labels this element is associated with.
-   */
-  get labels() {
-    return this[St].labels;
-  }
-  /**
-   * Link buttons cannot be disabled.
-   */
-  willUpdate() {
-    this.href && (this.disabled = !1);
-  }
-  render() {
-    const t = this.href ? rr`div` : rr`button`, { ariaLabel: e, ariaHasPopup: i, ariaExpanded: s } = this, n = e && this.ariaLabelSelected, o = this.toggle ? this.selected : d;
-    let a = d;
-    return this.href || (a = n && this.selected ? this.ariaLabelSelected : e), dn`<${t}
-        class="icon-button ${Ir(this.getRenderClasses())}"
-        id="button"
-        aria-label="${a || d}"
-        aria-haspopup="${!this.href && i || d}"
-        aria-expanded="${!this.href && s || d}"
-        aria-pressed="${o}"
-        ?disabled="${!this.href && this.disabled}"
-        @click="${this.handleClick}">
-        ${this.renderFocusRing()}
-        ${this.renderRipple()}
-        ${this.selected ? d : this.renderIcon()}
-        ${this.selected ? this.renderSelectedIcon() : d}
-        ${this.renderTouchTarget()}
-        ${this.href && this.renderLink()}
-  </${t}>`;
-  }
-  renderLink() {
-    const { ariaLabel: t } = this;
-    return A`
-      <a
-        class="link"
-        id="link"
-        href="${this.href}"
-        target="${this.target || d}"
-        aria-label="${t || d}"></a>
-    `;
-  }
-  getRenderClasses() {
-    return {
-      "flip-icon": this.flipIcon,
-      selected: this.toggle && this.selected
-    };
-  }
-  renderIcon() {
-    return A`<span class="icon"><slot></slot></span>`;
-  }
-  renderSelectedIcon() {
-    return A`<span class="icon icon--selected"
-      ><slot name="selected"><slot></slot></slot
-    ></span>`;
-  }
-  renderTouchTarget() {
-    return A`<span class="touch"></span>`;
-  }
-  renderFocusRing() {
-    return A`<md-focus-ring
-      part="focus-ring"
-      for=${this.href ? "link" : "button"}></md-focus-ring>`;
-  }
-  renderRipple() {
-    return A`<md-ripple
-      for=${this.href ? "link" : d}
-      ?disabled="${!this.href && this.disabled}"></md-ripple>`;
-  }
-  connectedCallback() {
-    this.flipIcon = sr(this, this.flipIconInRtl), super.connectedCallback();
-  }
-  async handleClick(t) {
-    await 0, !(!this.toggle || this.disabled || t.defaultPrevented) && (this.selected = !this.selected, this.dispatchEvent(new InputEvent("input", { bubbles: !0, composed: !0 })), this.dispatchEvent(new Event("change", { bubbles: !0 })));
-  }
-}
-pn(b), gn(b);
-b.formAssociated = !0;
-b.shadowRootOptions = {
-  mode: "open",
-  delegatesFocus: !0
-};
-v([
-  w({ type: Boolean, reflect: !0 })
-], b.prototype, "disabled", void 0);
-v([
-  w({ type: Boolean, attribute: "flip-icon-in-rtl" })
-], b.prototype, "flipIconInRtl", void 0);
-v([
-  w()
-], b.prototype, "href", void 0);
-v([
-  w()
-], b.prototype, "target", void 0);
-v([
-  w({ attribute: "aria-label-selected" })
-], b.prototype, "ariaLabelSelected", void 0);
-v([
-  w({ type: Boolean })
-], b.prototype, "toggle", void 0);
-v([
-  w({ type: Boolean, reflect: !0 })
-], b.prototype, "selected", void 0);
-v([
-  w()
-], b.prototype, "type", void 0);
-v([
-  w({ reflect: !0 })
-], b.prototype, "value", void 0);
-v([
-  fe()
-], b.prototype, "flipIcon", void 0);
-/**
- * @license
- * Copyright 2024 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-const mn = L`:host{display:inline-flex;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);height:var(--_container-height);width:var(--_container-width);justify-content:center}:host([touch-target=wrapper]){margin:max(0px,(48px - var(--_container-height))/2) max(0px,(48px - var(--_container-width))/2)}md-focus-ring{--md-focus-ring-shape-start-start: var(--_container-shape-start-start);--md-focus-ring-shape-start-end: var(--_container-shape-start-end);--md-focus-ring-shape-end-end: var(--_container-shape-end-end);--md-focus-ring-shape-end-start: var(--_container-shape-end-start)}:host([disabled]){pointer-events:none}.icon-button{place-items:center;background:none;border:none;box-sizing:border-box;cursor:pointer;display:flex;place-content:center;outline:none;padding:0;position:relative;text-decoration:none;user-select:none;z-index:0;flex:1;border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end)}.icon ::slotted(*){font-size:var(--_icon-size);height:var(--_icon-size);width:var(--_icon-size);font-weight:inherit}md-ripple{z-index:-1;border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end)}.flip-icon .icon{transform:scaleX(-1)}.icon{display:inline-flex}.link{height:100%;outline:none;position:absolute;width:100%}.touch{position:absolute;height:max(48px,100%);width:max(48px,100%)}:host([touch-target=none]) .touch{display:none}@media(forced-colors: active){:host([disabled]){--_disabled-icon-opacity: 1}}
-`;
-/**
- * @license
- * Copyright 2024 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-const yn = L`:host{--_disabled-icon-color: var(--md-icon-button-disabled-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-icon-opacity: var(--md-icon-button-disabled-icon-opacity, 0.38);--_icon-size: var(--md-icon-button-icon-size, 24px);--_selected-focus-icon-color: var(--md-icon-button-selected-focus-icon-color, var(--md-sys-color-primary, #6750a4));--_selected-hover-icon-color: var(--md-icon-button-selected-hover-icon-color, var(--md-sys-color-primary, #6750a4));--_selected-hover-state-layer-color: var(--md-icon-button-selected-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_selected-hover-state-layer-opacity: var(--md-icon-button-selected-hover-state-layer-opacity, 0.08);--_selected-icon-color: var(--md-icon-button-selected-icon-color, var(--md-sys-color-primary, #6750a4));--_selected-pressed-icon-color: var(--md-icon-button-selected-pressed-icon-color, var(--md-sys-color-primary, #6750a4));--_selected-pressed-state-layer-color: var(--md-icon-button-selected-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_selected-pressed-state-layer-opacity: var(--md-icon-button-selected-pressed-state-layer-opacity, 0.12);--_state-layer-height: var(--md-icon-button-state-layer-height, 40px);--_state-layer-shape: var(--md-icon-button-state-layer-shape, var(--md-sys-shape-corner-full, 9999px));--_state-layer-width: var(--md-icon-button-state-layer-width, 40px);--_focus-icon-color: var(--md-icon-button-focus-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-icon-color: var(--md-icon-button-hover-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-state-layer-color: var(--md-icon-button-hover-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-state-layer-opacity: var(--md-icon-button-hover-state-layer-opacity, 0.08);--_icon-color: var(--md-icon-button-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-icon-color: var(--md-icon-button-pressed-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-state-layer-color: var(--md-icon-button-pressed-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-state-layer-opacity: var(--md-icon-button-pressed-state-layer-opacity, 0.12);--_container-shape-start-start: 0;--_container-shape-start-end: 0;--_container-shape-end-end: 0;--_container-shape-end-start: 0;--_container-height: 0;--_container-width: 0;height:var(--_state-layer-height);width:var(--_state-layer-width)}:host([touch-target=wrapper]){margin:max(0px,(48px - var(--_state-layer-height))/2) max(0px,(48px - var(--_state-layer-width))/2)}md-focus-ring{--md-focus-ring-shape-start-start: var(--_state-layer-shape);--md-focus-ring-shape-start-end: var(--_state-layer-shape);--md-focus-ring-shape-end-end: var(--_state-layer-shape);--md-focus-ring-shape-end-start: var(--_state-layer-shape)}.standard{background-color:rgba(0,0,0,0);color:var(--_icon-color);--md-ripple-hover-color: var(--_hover-state-layer-color);--md-ripple-hover-opacity: var(--_hover-state-layer-opacity);--md-ripple-pressed-color: var(--_pressed-state-layer-color);--md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity)}.standard:hover{color:var(--_hover-icon-color)}.standard:focus{color:var(--_focus-icon-color)}.standard:active{color:var(--_pressed-icon-color)}.standard:disabled{color:var(--_disabled-icon-color)}md-ripple{border-radius:var(--_state-layer-shape)}.standard:disabled .icon{opacity:var(--_disabled-icon-opacity)}.selected{--md-ripple-hover-color: var(--_selected-hover-state-layer-color);--md-ripple-hover-opacity: var(--_selected-hover-state-layer-opacity);--md-ripple-pressed-color: var(--_selected-pressed-state-layer-color);--md-ripple-pressed-opacity: var(--_selected-pressed-state-layer-opacity)}.selected:not(:disabled){color:var(--_selected-icon-color)}.selected:not(:disabled):hover{color:var(--_selected-hover-icon-color)}.selected:not(:disabled):focus{color:var(--_selected-focus-icon-color)}.selected:not(:disabled):active{color:var(--_selected-pressed-icon-color)}
-`;
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-let te = class extends b {
-  getRenderClasses() {
-    return {
-      ...super.getRenderClasses(),
-      standard: !0
-    };
-  }
-};
-te.styles = [mn, yn];
-te = v([
-  Y("md-icon-button")
-], te);
-var $n = Object.defineProperty, _n = Object.getOwnPropertyDescriptor, ve = (r, t, e, i) => {
-  for (var s = i > 1 ? void 0 : i ? _n(t, e) : t, n = r.length - 1, o; n >= 0; n--)
-    (o = r[n]) && (s = (i ? o(t, e, s) : o(s)) || s);
-  return i && s && $n(t, e, s), s;
-};
-let ot = class extends vs(E) {
-  render() {
-    return A`
-            <div class="container">
-                <md-icon-button aria-label="${this.description}">
-                    <md-icon>${this.icon}</md-icon>
-                </md-icon-button>
-            </div>
-    `;
-  }
-};
-ot.styles = L`
-    :host {
-        color: red;
-    }
-  `;
-ve([
-  w()
-], ot.prototype, "icon", 2);
-ve([
-  w()
-], ot.prototype, "description", 2);
-ot = ve([
-  Y("action-toolbar-item")
-], ot);
-var bn = Object.defineProperty, wn = Object.getOwnPropertyDescriptor, ut = (r, t, e, i) => {
-  for (var s = i > 1 ? void 0 : i ? wn(t, e) : t, n = r.length - 1, o; n >= 0; n--)
-    (o = r[n]) && (s = (i ? o(t, e, s) : o(s)) || s);
-  return i && s && bn(t, e, s), s;
-};
-let P = class extends ws(E) {
-  render() {
-    return A` <div class="container">
-      <div class="header">
-        <div id="header-region-container"></div>
-        <div id="actions-toolbar-region-container"></div>
-      </div>
-
-      <div class="main-container">
-        <div id="sidebar-region-region-container"></div>
-        <div id="main-region-region-container"></div>
-      </div>
-    </div>`;
-  }
-};
-P.styles = L`
-  :host {
-    width: 100%;
-    overflow: hidden;
-  }
-  .container {
-    width: 100%;
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-    background: aliceblue;
-  }
-  .header {
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-    background-color: blue;
-    height: 60px;
-    background-color: white;
-    color: black;
-    box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
-    z-index: 1;
-
-    #actions-toolbar-region-container{
-      display: flex;
-      flex-direction:row;
-    }
-  }
-  .main-container {
-    min-height: 1px;
-    height: 100%;
-    display: flex;
-    flex-direction: row;
-    #sidebar-region-region-container {
-      background: white;
-      width: 15vw;
-      box-shadow: rgba(0, 0, 0, 0.12) 4px -1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
-    }
-  }
-  `;
-ut([
-  Ct({ targetId: "header-region-container", name: Pt.header })
-], P.prototype, "headerRegion", 2);
-ut([
-  Ct({ targetId: "actions-toolbar-region-container", name: Pt.actionsToolbar })
-], P.prototype, "actionsToolbarRegion", 2);
-ut([
-  Ct({ targetId: "sidebar-region-region-container", name: Pt.sidebar })
-], P.prototype, "sidebarRegion", 2);
-ut([
-  Ct({ targetId: "main-region-region-container", name: Pt.main })
-], P.prototype, "mainRegion", 2);
-P = ut([
-  Y("primary-shell")
-], P);
-const Fn = (r) => {
-  r.appendChild(new P());
-};
-export {
-  P as PrimaryShell,
-  Fn as initializeShell,
-  Pt as regions
-};