@ewc-lib/ewc-singleselect 1.0.6-beta → 1.0.8-alpha

package/dist/main.es.js

@@ -1,15 +1,15 @@
-function v(s, t, e, o) {
-  var i = arguments.length, r = i < 3 ? t : o === null ? o = Object.getOwnPropertyDescriptor(t, e) : o, n;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") r = Reflect.decorate(s, t, e, o);
-  else for (var c = s.length - 1; c >= 0; c--) (n = s[c]) && (r = (i < 3 ? n(r) : i > 3 ? n(t, e, r) : n(t, e)) || r);
-  return i > 3 && r && Object.defineProperty(t, e, r), r;
+function m(r, t, e, o) {
+  var i = arguments.length, s = i < 3 ? t : o === null ? o = Object.getOwnPropertyDescriptor(t, e) : o, n;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") s = Reflect.decorate(r, t, e, o);
+  else for (var c = r.length - 1; c >= 0; c--) (n = r[c]) && (s = (i < 3 ? n(s) : i > 3 ? n(t, e, s) : n(t, e)) || s);
+  return i > 3 && s && Object.defineProperty(t, e, s), s;
 }
 /**
  * @license
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const F = globalThis, Q = F.ShadowRoot && (F.ShadyCSS === void 0 || F.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, $t = Symbol(), ht = /* @__PURE__ */ new WeakMap();
+const W = globalThis, Q = W.ShadowRoot && (W.ShadyCSS === void 0 || W.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, $t = Symbol(), ht = /* @__PURE__ */ new WeakMap();
 let Ot = class {
   constructor(t, e, o) {
     if (this._$cssResult$ = !0, o !== $t) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
@@ -28,51 +28,51 @@ let Ot = class {
     return this.cssText;
   }
 };
-const Ct = (s) => new Ot(typeof s == "string" ? s : s + "", void 0, $t), Rt = (s, t) => {
-  if (Q) s.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
+const Ct = (r) => new Ot(typeof r == "string" ? r : r + "", void 0, $t), Rt = (r, t) => {
+  if (Q) r.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
   else for (const e of t) {
-    const o = document.createElement("style"), i = F.litNonce;
-    i !== void 0 && o.setAttribute("nonce", i), o.textContent = e.cssText, s.appendChild(o);
+    const o = document.createElement("style"), i = W.litNonce;
+    i !== void 0 && o.setAttribute("nonce", i), o.textContent = e.cssText, r.appendChild(o);
   }
-}, pt = Q ? (s) => s : (s) => s instanceof CSSStyleSheet ? ((t) => {
+}, pt = Q ? (r) => r : (r) => r instanceof CSSStyleSheet ? ((t) => {
   let e = "";
   for (const o of t.cssRules) e += o.cssText;
   return Ct(e);
-})(s) : s;
+})(r) : r;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: zt, defineProperty: Pt, getOwnPropertyDescriptor: Ut, getOwnPropertyNames: It, getOwnPropertySymbols: Tt, getPrototypeOf: Mt } = Object, E = globalThis, ut = E.trustedTypes, Ht = ut ? ut.emptyScript : "", J = E.reactiveElementPolyfillSupport, H = (s, t) => s, W = { toAttribute(s, t) {
+const { is: Pt, defineProperty: zt, getOwnPropertyDescriptor: Ut, getOwnPropertyNames: It, getOwnPropertySymbols: Tt, getPrototypeOf: Ht } = Object, E = globalThis, ut = E.trustedTypes, Mt = ut ? ut.emptyScript : "", J = E.reactiveElementPolyfillSupport, M = (r, t) => r, F = { toAttribute(r, t) {
   switch (t) {
     case Boolean:
-      s = s ? Ht : null;
+      r = r ? Mt : null;
       break;
     case Object:
     case Array:
-      s = s == null ? s : JSON.stringify(s);
+      r = r == null ? r : JSON.stringify(r);
   }
-  return s;
-}, fromAttribute(s, t) {
-  let e = s;
+  return r;
+}, fromAttribute(r, t) {
+  let e = r;
   switch (t) {
     case Boolean:
-      e = s !== null;
+      e = r !== null;
       break;
     case Number:
-      e = s === null ? null : Number(s);
+      e = r === null ? null : Number(r);
       break;
     case Object:
     case Array:
       try {
-        e = JSON.parse(s);
+        e = JSON.parse(r);
       } catch {
         e = null;
       }
   }
   return e;
-} }, tt = (s, t) => !zt(s, t), wt = { attribute: !0, type: String, converter: W, reflect: !1, hasChanged: tt };
+} }, tt = (r, t) => !Pt(r, t), wt = { attribute: !0, type: String, converter: F, reflect: !1, hasChanged: tt };
 Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), E.litPropertyMetadata ?? (E.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
 class U extends HTMLElement {
   static addInitializer(t) {
@@ -84,11 +84,11 @@ class U extends HTMLElement {
   static createProperty(t, e = wt) {
     if (e.state && (e.attribute = !1), this._$Ei(), this.elementProperties.set(t, e), !e.noAccessor) {
       const o = Symbol(), i = this.getPropertyDescriptor(t, o, e);
-      i !== void 0 && Pt(this.prototype, t, i);
+      i !== void 0 && zt(this.prototype, t, i);
     }
   }
   static getPropertyDescriptor(t, e, o) {
-    const { get: i, set: r } = Ut(this.prototype, t) ?? { get() {
+    const { get: i, set: s } = Ut(this.prototype, t) ?? { get() {
       return this[e];
     }, set(n) {
       this[e] = n;
@@ -97,20 +97,20 @@ class U extends HTMLElement {
       return i == null ? void 0 : i.call(this);
     }, set(n) {
       const c = i == null ? void 0 : i.call(this);
-      r.call(this, n), this.requestUpdate(t, c, o);
+      s.call(this, n), this.requestUpdate(t, c, o);
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(t) {
     return this.elementProperties.get(t) ?? wt;
   }
   static _$Ei() {
-    if (this.hasOwnProperty(H("elementProperties"))) return;
-    const t = Mt(this);
+    if (this.hasOwnProperty(M("elementProperties"))) return;
+    const t = Ht(this);
     t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
   }
   static finalize() {
-    if (this.hasOwnProperty(H("finalized"))) return;
-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(H("properties"))) {
+    if (this.hasOwnProperty(M("finalized"))) return;
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(M("properties"))) {
       const e = this.properties, o = [...It(e), ...Tt(e)];
       for (const i of o) this.createProperty(i, e[i]);
     }
@@ -182,18 +182,18 @@ class U extends HTMLElement {
     this._$AK(t, o);
   }
   _$EC(t, e) {
-    var r;
+    var s;
     const o = this.constructor.elementProperties.get(t), i = this.constructor._$Eu(t, o);
     if (i !== void 0 && o.reflect === !0) {
-      const n = (((r = o.converter) == null ? void 0 : r.toAttribute) !== void 0 ? o.converter : W).toAttribute(e, o.type);
+      const n = (((s = o.converter) == null ? void 0 : s.toAttribute) !== void 0 ? o.converter : F).toAttribute(e, o.type);
       this._$Em = t, n == null ? this.removeAttribute(i) : this.setAttribute(i, n), this._$Em = null;
     }
   }
   _$AK(t, e) {
-    var r;
+    var s;
     const o = this.constructor, i = o._$Eh.get(t);
     if (i !== void 0 && this._$Em !== i) {
-      const n = o.getPropertyOptions(i), c = typeof n.converter == "function" ? { fromAttribute: n.converter } : ((r = n.converter) == null ? void 0 : r.fromAttribute) !== void 0 ? n.converter : W;
+      const n = o.getPropertyOptions(i), c = typeof n.converter == "function" ? { fromAttribute: n.converter } : ((s = n.converter) == null ? void 0 : s.fromAttribute) !== void 0 ? n.converter : F;
       this._$Em = i, this[i] = c.fromAttribute(e, n.type), this._$Em = null;
     }
   }
@@ -225,18 +225,18 @@ class U extends HTMLElement {
     if (!this.isUpdatePending) return;
     if (!this.hasUpdated) {
       if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
-        for (const [r, n] of this._$Ep) this[r] = n;
+        for (const [s, n] of this._$Ep) this[s] = n;
         this._$Ep = void 0;
       }
       const i = this.constructor.elementProperties;
-      if (i.size > 0) for (const [r, n] of i) n.wrapped !== !0 || this._$AL.has(r) || this[r] === void 0 || this.P(r, this[r], n);
+      if (i.size > 0) for (const [s, n] of i) n.wrapped !== !0 || this._$AL.has(s) || this[s] === void 0 || this.P(s, this[s], n);
     }
     let t = !1;
     const e = this._$AL;
     try {
       t = this.shouldUpdate(e), t ? (this.willUpdate(e), (o = this._$EO) == null || o.forEach((i) => {
-        var r;
-        return (r = i.hostUpdate) == null ? void 0 : r.call(i);
+        var s;
+        return (s = i.hostUpdate) == null ? void 0 : s.call(i);
       }), this.update(e)) : this._$EU();
     } catch (i) {
       throw t = !1, this._$EU(), i;
@@ -272,76 +272,76 @@ class U extends HTMLElement {
   firstUpdated(t) {
   }
 }
-U.elementStyles = [], U.shadowRootOptions = { mode: "open" }, U[H("elementProperties")] = /* @__PURE__ */ new Map(), U[H("finalized")] = /* @__PURE__ */ new Map(), J == null || J({ ReactiveElement: U }), (E.reactiveElementVersions ?? (E.reactiveElementVersions = [])).push("2.0.4");
+U.elementStyles = [], U.shadowRootOptions = { mode: "open" }, U[M("elementProperties")] = /* @__PURE__ */ new Map(), U[M("finalized")] = /* @__PURE__ */ new Map(), J == null || J({ ReactiveElement: U }), (E.reactiveElementVersions ?? (E.reactiveElementVersions = [])).push("2.0.4");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const D = globalThis, V = D.trustedTypes, ft = V ? V.createPolicy("lit-html", { createHTML: (s) => s }) : void 0, kt = "$lit$", S = `lit$${Math.random().toFixed(9).slice(2)}$`, _t = "?" + S, Dt = `<${_t}>`, P = document, j = () => P.createComment(""), L = (s) => s === null || typeof s != "object" && typeof s != "function", et = Array.isArray, Nt = (s) => et(s) || typeof (s == null ? void 0 : s[Symbol.iterator]) == "function", Y = `[ 	
-\f\r]`, M = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, gt = /-->/g, bt = />/g, R = RegExp(`>|${Y}(?:([^\\s"'>=/]+)(${Y}*=${Y}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), mt = /'/g, vt = /"/g, At = /^(?:script|style|textarea|title)$/i, jt = (s) => (t, ...e) => ({ _$litType$: s, strings: t, values: e }), A = jt(1), I = Symbol.for("lit-noChange"), f = Symbol.for("lit-nothing"), yt = /* @__PURE__ */ new WeakMap(), z = P.createTreeWalker(P, 129);
-function St(s, t) {
-  if (!et(s) || !s.hasOwnProperty("raw")) throw Error("invalid template strings array");
+const D = globalThis, V = D.trustedTypes, ft = V ? V.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, _t = "$lit$", S = `lit$${Math.random().toFixed(9).slice(2)}$`, kt = "?" + S, Dt = `<${kt}>`, z = document, j = () => z.createComment(""), L = (r) => r === null || typeof r != "object" && typeof r != "function", et = Array.isArray, Nt = (r) => et(r) || typeof (r == null ? void 0 : r[Symbol.iterator]) == "function", Y = `[ 	
+\f\r]`, H = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, gt = /-->/g, bt = />/g, R = RegExp(`>|${Y}(?:([^\\s"'>=/]+)(${Y}*=${Y}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), mt = /'/g, vt = /"/g, At = /^(?:script|style|textarea|title)$/i, jt = (r) => (t, ...e) => ({ _$litType$: r, strings: t, values: e }), A = jt(1), I = Symbol.for("lit-noChange"), f = Symbol.for("lit-nothing"), yt = /* @__PURE__ */ new WeakMap(), P = z.createTreeWalker(z, 129);
+function St(r, t) {
+  if (!et(r) || !r.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return ft !== void 0 ? ft.createHTML(t) : t;
 }
-const Lt = (s, t) => {
-  const e = s.length - 1, o = [];
-  let i, r = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", n = M;
+const Lt = (r, t) => {
+  const e = r.length - 1, o = [];
+  let i, s = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", n = H;
   for (let c = 0; c < e; c++) {
-    const a = s[c];
-    let d, u, h = -1, y = 0;
-    for (; y < a.length && (n.lastIndex = y, u = n.exec(a), u !== null); ) y = n.lastIndex, n === M ? u[1] === "!--" ? n = gt : u[1] !== void 0 ? n = bt : u[2] !== void 0 ? (At.test(u[2]) && (i = RegExp("</" + u[2], "g")), n = R) : u[3] !== void 0 && (n = R) : n === R ? u[0] === ">" ? (n = i ?? M, h = -1) : u[1] === void 0 ? h = -2 : (h = n.lastIndex - u[2].length, d = u[1], n = u[3] === void 0 ? R : u[3] === '"' ? vt : mt) : n === vt || n === mt ? n = R : n === gt || n === bt ? n = M : (n = R, i = void 0);
-    const x = n === R && s[c + 1].startsWith("/>") ? " " : "";
-    r += n === M ? a + Dt : h >= 0 ? (o.push(d), a.slice(0, h) + kt + a.slice(h) + S + x) : a + S + (h === -2 ? c : x);
+    const a = r[c];
+    let d, u, h = -1, x = 0;
+    for (; x < a.length && (n.lastIndex = x, u = n.exec(a), u !== null); ) x = n.lastIndex, n === H ? u[1] === "!--" ? n = gt : u[1] !== void 0 ? n = bt : u[2] !== void 0 ? (At.test(u[2]) && (i = RegExp("</" + u[2], "g")), n = R) : u[3] !== void 0 && (n = R) : n === R ? u[0] === ">" ? (n = i ?? H, h = -1) : u[1] === void 0 ? h = -2 : (h = n.lastIndex - u[2].length, d = u[1], n = u[3] === void 0 ? R : u[3] === '"' ? vt : mt) : n === vt || n === mt ? n = R : n === gt || n === bt ? n = H : (n = R, i = void 0);
+    const $ = n === R && r[c + 1].startsWith("/>") ? " " : "";
+    s += n === H ? a + Dt : h >= 0 ? (o.push(d), a.slice(0, h) + _t + a.slice(h) + S + $) : a + S + (h === -2 ? c : $);
   }
-  return [St(s, r + (s[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), o];
+  return [St(r, s + (r[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), o];
 };
-class q {
+class B {
   constructor({ strings: t, _$litType$: e }, o) {
     let i;
     this.parts = [];
-    let r = 0, n = 0;
+    let s = 0, n = 0;
     const c = t.length - 1, a = this.parts, [d, u] = Lt(t, e);
-    if (this.el = q.createElement(d, o), z.currentNode = this.el.content, e === 2 || e === 3) {
+    if (this.el = B.createElement(d, o), P.currentNode = this.el.content, e === 2 || e === 3) {
       const h = this.el.content.firstChild;
       h.replaceWith(...h.childNodes);
     }
-    for (; (i = z.nextNode()) !== null && a.length < c; ) {
+    for (; (i = P.nextNode()) !== null && a.length < c; ) {
       if (i.nodeType === 1) {
-        if (i.hasAttributes()) for (const h of i.getAttributeNames()) if (h.endsWith(kt)) {
-          const y = u[n++], x = i.getAttribute(h).split(S), C = /([.?@])?(.*)/.exec(y);
-          a.push({ type: 1, index: r, name: C[2], strings: x, ctor: C[1] === "." ? Bt : C[1] === "?" ? Ft : C[1] === "@" ? Wt : K }), i.removeAttribute(h);
-        } else h.startsWith(S) && (a.push({ type: 6, index: r }), i.removeAttribute(h));
+        if (i.hasAttributes()) for (const h of i.getAttributeNames()) if (h.endsWith(_t)) {
+          const x = u[n++], $ = i.getAttribute(h).split(S), C = /([.?@])?(.*)/.exec(x);
+          a.push({ type: 1, index: s, name: C[2], strings: $, ctor: C[1] === "." ? qt : C[1] === "?" ? Wt : C[1] === "@" ? Ft : K }), i.removeAttribute(h);
+        } else h.startsWith(S) && (a.push({ type: 6, index: s }), i.removeAttribute(h));
         if (At.test(i.tagName)) {
-          const h = i.textContent.split(S), y = h.length - 1;
-          if (y > 0) {
+          const h = i.textContent.split(S), x = h.length - 1;
+          if (x > 0) {
             i.textContent = V ? V.emptyScript : "";
-            for (let x = 0; x < y; x++) i.append(h[x], j()), z.nextNode(), a.push({ type: 2, index: ++r });
-            i.append(h[y], j());
+            for (let $ = 0; $ < x; $++) i.append(h[$], j()), P.nextNode(), a.push({ type: 2, index: ++s });
+            i.append(h[x], j());
           }
         }
-      } else if (i.nodeType === 8) if (i.data === _t) a.push({ type: 2, index: r });
+      } else if (i.nodeType === 8) if (i.data === kt) a.push({ type: 2, index: s });
       else {
         let h = -1;
-        for (; (h = i.data.indexOf(S, h + 1)) !== -1; ) a.push({ type: 7, index: r }), h += S.length - 1;
+        for (; (h = i.data.indexOf(S, h + 1)) !== -1; ) a.push({ type: 7, index: s }), h += S.length - 1;
       }
-      r++;
+      s++;
     }
   }
   static createElement(t, e) {
-    const o = P.createElement("template");
+    const o = z.createElement("template");
     return o.innerHTML = t, o;
   }
 }
-function T(s, t, e = s, o) {
+function T(r, t, e = r, o) {
   var n, c;
   if (t === I) return t;
   let i = o !== void 0 ? (n = e.o) == null ? void 0 : n[o] : e.l;
-  const r = L(t) ? void 0 : t._$litDirective$;
-  return (i == null ? void 0 : i.constructor) !== r && ((c = i == null ? void 0 : i._$AO) == null || c.call(i, !1), r === void 0 ? i = void 0 : (i = new r(s), i._$AT(s, e, o)), o !== void 0 ? (e.o ?? (e.o = []))[o] = i : e.l = i), i !== void 0 && (t = T(s, i._$AS(s, t.values), i, o)), t;
+  const s = L(t) ? void 0 : t._$litDirective$;
+  return (i == null ? void 0 : i.constructor) !== s && ((c = i == null ? void 0 : i._$AO) == null || c.call(i, !1), s === void 0 ? i = void 0 : (i = new s(r), i._$AT(r, e, o)), o !== void 0 ? (e.o ?? (e.o = []))[o] = i : e.l = i), i !== void 0 && (t = T(r, i._$AS(r, t.values), i, o)), t;
 }
-class qt {
+class Bt {
   constructor(t, e) {
     this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
   }
@@ -352,24 +352,24 @@ class qt {
     return this._$AM._$AU;
   }
   u(t) {
-    const { el: { content: e }, parts: o } = this._$AD, i = ((t == null ? void 0 : t.creationScope) ?? P).importNode(e, !0);
-    z.currentNode = i;
-    let r = z.nextNode(), n = 0, c = 0, a = o[0];
+    const { el: { content: e }, parts: o } = this._$AD, i = ((t == null ? void 0 : t.creationScope) ?? z).importNode(e, !0);
+    P.currentNode = i;
+    let s = P.nextNode(), n = 0, c = 0, a = o[0];
     for (; a !== void 0; ) {
       if (n === a.index) {
         let d;
-        a.type === 2 ? d = new B(r, r.nextSibling, this, t) : a.type === 1 ? d = new a.ctor(r, a.name, a.strings, this, t) : a.type === 6 && (d = new Vt(r, this, t)), this._$AV.push(d), a = o[++c];
+        a.type === 2 ? d = new q(s, s.nextSibling, this, t) : a.type === 1 ? d = new a.ctor(s, a.name, a.strings, this, t) : a.type === 6 && (d = new Vt(s, this, t)), this._$AV.push(d), a = o[++c];
       }
-      n !== (a == null ? void 0 : a.index) && (r = z.nextNode(), n++);
+      n !== (a == null ? void 0 : a.index) && (s = P.nextNode(), n++);
     }
-    return z.currentNode = P, i;
+    return P.currentNode = z, i;
   }
   p(t) {
     let e = 0;
     for (const o of this._$AV) o !== void 0 && (o.strings !== void 0 ? (o._$AI(t, o, e), e += o.strings.length - 2) : o._$AI(t[e])), e++;
   }
 }
-class B {
+class q {
   get _$AU() {
     var t;
     return ((t = this._$AM) == null ? void 0 : t._$AU) ?? this.v;
@@ -398,26 +398,26 @@ class B {
     this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
   }
   _(t) {
-    this._$AH !== f && L(this._$AH) ? this._$AA.nextSibling.data = t : this.T(P.createTextNode(t)), this._$AH = t;
+    this._$AH !== f && L(this._$AH) ? this._$AA.nextSibling.data = t : this.T(z.createTextNode(t)), this._$AH = t;
   }
   $(t) {
-    var r;
-    const { values: e, _$litType$: o } = t, i = typeof o == "number" ? this._$AC(t) : (o.el === void 0 && (o.el = q.createElement(St(o.h, o.h[0]), this.options)), o);
-    if (((r = this._$AH) == null ? void 0 : r._$AD) === i) this._$AH.p(e);
+    var s;
+    const { values: e, _$litType$: o } = t, i = typeof o == "number" ? this._$AC(t) : (o.el === void 0 && (o.el = B.createElement(St(o.h, o.h[0]), this.options)), o);
+    if (((s = this._$AH) == null ? void 0 : s._$AD) === i) this._$AH.p(e);
     else {
-      const n = new qt(i, this), c = n.u(this.options);
+      const n = new Bt(i, this), c = n.u(this.options);
       n.p(e), this.T(c), this._$AH = n;
     }
   }
   _$AC(t) {
     let e = yt.get(t.strings);
-    return e === void 0 && yt.set(t.strings, e = new q(t)), e;
+    return e === void 0 && yt.set(t.strings, e = new B(t)), e;
   }
   k(t) {
     et(this._$AH) || (this._$AH = [], this._$AR());
     const e = this._$AH;
     let o, i = 0;
-    for (const r of t) i === e.length ? e.push(o = new B(this.O(j()), this.O(j()), this, this.options)) : o = e[i], o._$AI(r), i++;
+    for (const s of t) i === e.length ? e.push(o = new q(this.O(j()), this.O(j()), this, this.options)) : o = e[i], o._$AI(s), i++;
     i < e.length && (this._$AR(o && o._$AB.nextSibling, i), e.length = i);
   }
   _$AR(t = this._$AA.nextSibling, e) {
@@ -439,17 +439,17 @@ class K {
   get _$AU() {
     return this._$AM._$AU;
   }
-  constructor(t, e, o, i, r) {
-    this.type = 1, this._$AH = f, this._$AN = void 0, this.element = t, this.name = e, this._$AM = i, this.options = r, o.length > 2 || o[0] !== "" || o[1] !== "" ? (this._$AH = Array(o.length - 1).fill(new String()), this.strings = o) : this._$AH = f;
+  constructor(t, e, o, i, s) {
+    this.type = 1, this._$AH = f, this._$AN = void 0, this.element = t, this.name = e, this._$AM = i, this.options = s, o.length > 2 || o[0] !== "" || o[1] !== "" ? (this._$AH = Array(o.length - 1).fill(new String()), this.strings = o) : this._$AH = f;
   }
   _$AI(t, e = this, o, i) {
-    const r = this.strings;
+    const s = this.strings;
     let n = !1;
-    if (r === void 0) t = T(this, t, e, 0), n = !L(t) || t !== this._$AH && t !== I, n && (this._$AH = t);
+    if (s === void 0) t = T(this, t, e, 0), n = !L(t) || t !== this._$AH && t !== I, n && (this._$AH = t);
     else {
       const c = t;
       let a, d;
-      for (t = r[0], a = 0; a < r.length - 1; a++) d = T(this, c[o + a], e, a), d === I && (d = this._$AH[a]), n || (n = !L(d) || d !== this._$AH[a]), d === f ? t = f : t !== f && (t += (d ?? "") + r[a + 1]), this._$AH[a] = d;
+      for (t = s[0], a = 0; a < s.length - 1; a++) d = T(this, c[o + a], e, a), d === I && (d = this._$AH[a]), n || (n = !L(d) || d !== this._$AH[a]), d === f ? t = f : t !== f && (t += (d ?? "") + s[a + 1]), this._$AH[a] = d;
     }
     n && !i && this.j(t);
   }
@@ -457,7 +457,7 @@ class K {
     t === f ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
   }
 }
-class Bt extends K {
+class qt extends K {
   constructor() {
     super(...arguments), this.type = 3;
   }
@@ -465,7 +465,7 @@ class Bt extends K {
     this.element[this.name] = t === f ? void 0 : t;
   }
 }
-class Ft extends K {
+class Wt extends K {
   constructor() {
     super(...arguments), this.type = 4;
   }
@@ -473,14 +473,14 @@ class Ft extends K {
     this.element.toggleAttribute(this.name, !!t && t !== f);
   }
 }
-class Wt extends K {
-  constructor(t, e, o, i, r) {
-    super(t, e, o, i, r), this.type = 5;
+class Ft extends K {
+  constructor(t, e, o, i, s) {
+    super(t, e, o, i, s), this.type = 5;
   }
   _$AI(t, e = this) {
     if ((t = T(this, t, e, 0) ?? f) === I) return;
-    const o = this._$AH, i = t === f && o !== f || t.capture !== o.capture || t.once !== o.once || t.passive !== o.passive, r = t !== f && (o === f || i);
-    i && this.element.removeEventListener(this.name, this, o), r && this.element.addEventListener(this.name, this, t), this._$AH = t;
+    const o = this._$AH, i = t === f && o !== f || t.capture !== o.capture || t.once !== o.once || t.passive !== o.passive, s = t !== f && (o === f || i);
+    i && this.element.removeEventListener(this.name, this, o), s && this.element.addEventListener(this.name, this, t), this._$AH = t;
   }
   handleEvent(t) {
     var e;
@@ -499,15 +499,15 @@ class Vt {
   }
 }
 const G = D.litHtmlPolyfillSupport;
-G == null || G(q, B), (D.litHtmlVersions ?? (D.litHtmlVersions = [])).push("3.2.0");
-const Kt = (s, t, e) => {
+G == null || G(B, q), (D.litHtmlVersions ?? (D.litHtmlVersions = [])).push("3.2.0");
+const Kt = (r, t, e) => {
   const o = (e == null ? void 0 : e.renderBefore) ?? t;
   let i = o._$litPart$;
   if (i === void 0) {
-    const r = (e == null ? void 0 : e.renderBefore) ?? null;
-    o._$litPart$ = i = new B(t.insertBefore(j(), r), r, void 0, e ?? {});
+    const s = (e == null ? void 0 : e.renderBefore) ?? null;
+    o._$litPart$ = i = new q(t.insertBefore(j(), s), s, void 0, e ?? {});
   }
-  return i._$AI(s), i;
+  return i._$AI(r), i;
 };
 /**
  * @license
@@ -549,63 +549,71 @@ Z == null || Z({ LitElement: N });
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Jt = (s) => (t, e) => {
+const Jt = (r) => (t, e) => {
   e !== void 0 ? e.addInitializer(() => {
-    customElements.define(s, t);
-  }) : customElements.define(s, t);
+    customElements.define(r, t);
+  }) : customElements.define(r, t);
 };
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Yt = { attribute: !0, type: String, converter: W, reflect: !1, hasChanged: tt }, Gt = (s = Yt, t, e) => {
+const Yt = { attribute: !0, type: String, converter: F, reflect: !1, hasChanged: tt }, Gt = (r = Yt, t, e) => {
   const { kind: o, metadata: i } = e;
-  let r = globalThis.litPropertyMetadata.get(i);
-  if (r === void 0 && globalThis.litPropertyMetadata.set(i, r = /* @__PURE__ */ new Map()), r.set(e.name, s), o === "accessor") {
+  let s = globalThis.litPropertyMetadata.get(i);
+  if (s === void 0 && globalThis.litPropertyMetadata.set(i, s = /* @__PURE__ */ new Map()), s.set(e.name, r), o === "accessor") {
     const { name: n } = e;
     return { set(c) {
       const a = t.get.call(this);
-      t.set.call(this, c), this.requestUpdate(n, a, s);
+      t.set.call(this, c), this.requestUpdate(n, a, r);
     }, init(c) {
-      return c !== void 0 && this.P(n, void 0, s), c;
+      return c !== void 0 && this.P(n, void 0, r), c;
     } };
   }
   if (o === "setter") {
     const { name: n } = e;
     return function(c) {
       const a = this[n];
-      t.call(this, c), this.requestUpdate(n, a, s);
+      t.call(this, c), this.requestUpdate(n, a, r);
     };
   }
   throw Error("Unsupported decorator location: " + o);
 };
-function k(s) {
-  return (t, e) => typeof e == "object" ? Gt(s, t, e) : ((o, i, r) => {
-    const n = i.hasOwnProperty(r);
-    return i.constructor.createProperty(r, n ? { ...o, wrapped: !0 } : o), n ? Object.getOwnPropertyDescriptor(i, r) : void 0;
-  })(s, t, e);
+function y(r) {
+  return (t, e) => typeof e == "object" ? Gt(r, t, e) : ((o, i, s) => {
+    const n = i.hasOwnProperty(s);
+    return i.constructor.createProperty(s, n ? { ...o, wrapped: !0 } : o), n ? Object.getOwnPropertyDescriptor(i, s) : void 0;
+  })(r, t, e);
 }
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Zt = (s, t, e) => (e.configurable = !0, e.enumerable = !0, Reflect.decorate && typeof t != "object" && Object.defineProperty(s, t, e), e);
+function Zt(r) {
+  return y({ ...r, state: !0, attribute: !1 });
+}
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function Xt(s) {
-  return (t, e) => Zt(t, e, { async get() {
+const Xt = (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 Qt(r) {
+  return (t, e) => Xt(t, e, { async get() {
     var o;
-    return await this.updateComplete, ((o = this.renderRoot) == null ? void 0 : o.querySelector(s)) ?? null;
+    return await this.updateComplete, ((o = this.renderRoot) == null ? void 0 : o.querySelector(r)) ?? null;
   } });
 }
-const Qt = `*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Arial,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}[type=text],input:where(:not([type])),[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow: 0 0 #0000}[type=text]:focus,input:where(:not([type])):focus,[type=email]:focus,[type=url]:focus,[type=password]:focus,[type=number]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=month]:focus,[type=search]:focus,[type=tel]:focus,[type=time]:focus,[type=week]:focus,[multiple]:focus,textarea:focus,select:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}[multiple],[size]:where(select:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow: 0 0 #0000}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 2px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[type=checkbox]:checked,[type=radio]:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media (forced-colors: active){[type=checkbox]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=radio]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}@media (forced-colors: active){[type=radio]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:checked:hover,[type=checkbox]:checked:focus,[type=radio]:checked:hover,[type=radio]:checked:focus{border-color:transparent;background-color:currentColor}[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}@media (forced-colors: active){[type=checkbox]:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:indeterminate:hover,[type=checkbox]:indeterminate:focus{border-color:transparent;background-color:currentColor}[type=file]{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}[type=file]:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.static{position:static}.absolute{position:absolute}.relative{position:relative}.left-0{left:0}.right-0{right:0}.top-0{top:0}.z-10{z-index:10}.m-2{margin:.5rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.ml-2{margin-left:.5rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.box-border{box-sizing:border-box}.block{display:block}.inline{display:inline}.flex{display:flex}.hidden{display:none}.size-5{width:1.25rem;height:1.25rem}.h-10\\.5{height:2.625rem}.h-11{height:2.75rem}.h-5{height:1.25rem}.h-full{height:100%}.max-h-48{max-height:12rem}.w-11{width:2.75rem}.w-5{width:1.25rem}.w-\\[93\\%\\]{width:93%}.w-full{width:100%}.min-w-11{min-width:2.75rem}.max-w-\\[93\\%\\]{max-width:93%}.shrink-0{flex-shrink:0}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-auto{cursor:auto}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.scroll-py-1{scroll-padding-top:.25rem;scroll-padding-bottom:.25rem}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-items-center{justify-items:center}.overflow-y-auto{overflow-y:auto}.scroll-smooth{scroll-behavior:smooth}.rounded{border-radius:.25rem}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.rounded-br-sm{border-bottom-right-radius:.125rem}.rounded-tr-sm{border-top-right-radius:.125rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-none{border-style:none}.border-ewc-msBorder{--tw-border-opacity: 1;border-color:rgb(81 85 96 / var(--tw-border-opacity))}.border-ewc-msBorderInvert{--tw-border-opacity: 1;border-color:rgb(168 170 175 / var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.bg-ewc-availableHover,.bg-ewc-blue{--tw-bg-opacity: 1;background-color:rgb(14 71 203 / var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.fill-current{fill:currentColor}.fill-white{fill:#fff}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-2\\.75{padding:.6875}.pl-2{padding-left:.5rem}.pr-12{padding-right:3rem}.text-left{text-align:left}.align-middle{vertical-align:middle}.text-ewc-available,.text-ewc-msText{--tw-text-opacity: 1;color:rgb(23 26 34 / var(--tw-text-opacity))}.text-ewc-notAvailable{--tw-text-opacity: 1;color:rgb(81 85 96 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.ewc-focus:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-inset: inset;--tw-ring-opacity: 1;--tw-ring-color: rgb(14 71 203 / var(--tw-ring-opacity))}.ewc-focus-invert:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-inset: inset;--tw-ring-opacity: 1;--tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity))}.ewc-hover:hover,.ewc-hover-invert:hover{opacity:.8}.hover\\:bg-\\[\\#CFDAF5\\]:hover{--tw-bg-opacity: 1;background-color:rgb(207 218 245 / var(--tw-bg-opacity))}.hover\\:bg-ewc-notAvailableHover:hover{--tw-bg-opacity: 1;background-color:rgb(125 128 136 / var(--tw-bg-opacity))}.hover\\:text-black:hover{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.hover\\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.focus\\:bg-\\[\\#CFDAF5\\]:focus{--tw-bg-opacity: 1;background-color:rgb(207 218 245 / var(--tw-bg-opacity))}.focus\\:bg-ewc-notAvailableHover:focus{--tw-bg-opacity: 1;background-color:rgb(125 128 136 / var(--tw-bg-opacity))}.focus\\:text-black:focus{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.focus\\:text-white:focus{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}`;
+const te = `*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Arial,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}[type=text],input:where(:not([type])),[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow: 0 0 #0000}[type=text]:focus,input:where(:not([type])):focus,[type=email]:focus,[type=url]:focus,[type=password]:focus,[type=number]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=month]:focus,[type=search]:focus,[type=tel]:focus,[type=time]:focus,[type=week]:focus,[multiple]:focus,textarea:focus,select:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}[multiple],[size]:where(select:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow: 0 0 #0000}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 2px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[type=checkbox]:checked,[type=radio]:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media (forced-colors: active){[type=checkbox]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=radio]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}@media (forced-colors: active){[type=radio]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:checked:hover,[type=checkbox]:checked:focus,[type=radio]:checked:hover,[type=radio]:checked:focus{border-color:transparent;background-color:currentColor}[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}@media (forced-colors: active){[type=checkbox]:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:indeterminate:hover,[type=checkbox]:indeterminate:focus{border-color:transparent;background-color:currentColor}[type=file]{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}[type=file]:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.static{position:static}.absolute{position:absolute}.relative{position:relative}.bottom-full{bottom:100%}.left-0{left:0}.right-0{right:0}.top-0{top:0}.z-20{z-index:20}.m-2{margin:.5rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.mb-1{margin-bottom:.25rem}.ml-2{margin-left:.5rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.box-border{box-sizing:border-box}.block{display:block}.inline{display:inline}.flex{display:flex}.hidden{display:none}.size-5{width:1.25rem;height:1.25rem}.h-10\\.5{height:2.625rem}.h-11{height:2.75rem}.h-5{height:1.25rem}.h-full{height:100%}.max-h-48{max-height:12rem}.w-11{width:2.75rem}.w-5{width:1.25rem}.w-\\[93\\%\\]{width:93%}.w-full{width:100%}.min-w-11{min-width:2.75rem}.max-w-\\[93\\%\\]{max-width:93%}.shrink-0{flex-shrink:0}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-auto{cursor:auto}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.scroll-py-1{scroll-padding-top:.25rem;scroll-padding-bottom:.25rem}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-items-center{justify-items:center}.overflow-y-auto{overflow-y:auto}.scroll-smooth{scroll-behavior:smooth}.rounded{border-radius:.25rem}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.rounded-br-sm{border-bottom-right-radius:.125rem}.rounded-tr-sm{border-top-right-radius:.125rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-none{border-style:none}.border-ewc-msBorder{--tw-border-opacity: 1;border-color:rgb(81 85 96 / var(--tw-border-opacity))}.border-ewc-msBorderInvert{--tw-border-opacity: 1;border-color:rgb(168 170 175 / var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.bg-ewc-availableHover,.bg-ewc-blue{--tw-bg-opacity: 1;background-color:rgb(14 71 203 / var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.fill-current{fill:currentColor}.fill-white{fill:#fff}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-2\\.75{padding:.6875}.pl-2{padding-left:.5rem}.pr-12{padding-right:3rem}.text-left{text-align:left}.align-middle{vertical-align:middle}.text-ewc-available,.text-ewc-msText{--tw-text-opacity: 1;color:rgb(23 26 34 / var(--tw-text-opacity))}.text-ewc-notAvailable{--tw-text-opacity: 1;color:rgb(81 85 96 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.ewc-focus:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-inset: inset;--tw-ring-opacity: 1;--tw-ring-color: rgb(14 71 203 / var(--tw-ring-opacity))}.ewc-focus-invert:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-inset: inset;--tw-ring-opacity: 1;--tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity))}.ewc-hover:hover,.ewc-hover-invert:hover{opacity:.8}.hover\\:bg-\\[\\#CFDAF5\\]:hover{--tw-bg-opacity: 1;background-color:rgb(207 218 245 / var(--tw-bg-opacity))}.hover\\:bg-ewc-notAvailableHover:hover{--tw-bg-opacity: 1;background-color:rgb(125 128 136 / var(--tw-bg-opacity))}.hover\\:text-black:hover{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.hover\\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.focus\\:bg-\\[\\#CFDAF5\\]:focus{--tw-bg-opacity: 1;background-color:rgb(207 218 245 / var(--tw-bg-opacity))}.focus\\:bg-ewc-notAvailableHover:focus{--tw-bg-opacity: 1;background-color:rgb(125 128 136 / var(--tw-bg-opacity))}.focus\\:text-black:focus{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.focus\\:text-white:focus{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}`;
 var X, O;
-let m = (O = class extends N {
+let b = (O = class extends N {
   get invertColors() {
     return this._invertColors;
   }
@@ -613,19 +621,19 @@ let m = (O = class extends N {
     typeof t == "string" ? this._invertColors = t.toLowerCase() === "true" : this._invertColors = t;
   }
   constructor() {
-    super(), this.options = [], this.selectedOption = "", this.isExpanded = !1, this.defaultOption = "", this.activeOption = "", this.dropdownHeight = "", this.selectedLabel = "options selected", this.searchMode = "", this._searchText = "", this._shouldShowSearch = !1, this._invertColors = !1, this._originalOptions = [], this._initialOptions = [], this._initialDefaultOption = "", this._initialActiveOption = "", this._componentWidth = 250, this._handleShadowClick = (t) => {
+    super(), this.options = [], this.selectedOption = "", this.isExpanded = !1, this.defaultOption = "", this.activeOption = "", this.dropdownHeight = "", this.selectedLabel = "options selected", this.searchMode = "", this._searchText = "", this.useParentWidth = !1, this._shouldShowSearch = !1, this._dropdownPosition = "bottom", this._invertColors = !1, this._originalOptions = [], this._initialOptions = [], this._initialDefaultOption = "", this._initialActiveOption = "", this._componentWidth = 250, this._handleShadowClick = (t) => {
       t.stopPropagation();
     }, this.handleClickOutside = (t) => {
       var e, o;
       (o = (e = this.shadowRoot) == null ? void 0 : e.querySelector("#searchInput")) != null && o.contains(t.target) || this.shadowRoot && !this.shadowRoot.contains(t.target) && this.closeDropdownWithoutFocus();
-    }, this.constructor.styles[0].replaceSync(Qt), this.addEventListener("keydown", this.handleKeyDown);
+    }, this.constructor.styles[0].replaceSync(te), this.addEventListener("keydown", this.handleKeyDown);
   }
   connectedCallback() {
     super.connectedCallback(), this.setAttribute("ewc-version", X.version);
   }
   updated(t) {
     var e;
-    if (super.updated(t), t.has("searchMode") && (this._shouldShowSearch = this.determineInitialSearchVisibility()), this.dropdownElement.then((o) => {
+    if (super.updated(t), t.has("searchMode") && (this._shouldShowSearch = this.determineInitialSearchVisibility()), t.has("useParentWidth") && this._updateWidth(), this.dropdownElement.then((o) => {
       var i;
       o && ((i = this.shadowRoot) == null || i.addEventListener("click", this._handleShadowClick), document.addEventListener("click", this.handleClickOutside));
     }), t.has("isExpanded") && this.isExpanded) {
@@ -644,7 +652,7 @@ let m = (O = class extends N {
     super.disconnectedCallback(), (t = this.shadowRoot) == null || t.removeEventListener("click", this._handleShadowClick), document.removeEventListener("click", this.handleClickOutside);
   }
   _updateWidth() {
-    var r;
+    var s;
     const t = this._originalOptions.flat();
     if (t.length === 0) {
       this.style.width = "250px";
@@ -653,12 +661,16 @@ let m = (O = class extends N {
     const e = t.reduce((n, c) => c.name.length > n.length ? c.name : n, ""), i = document.createElement("canvas").getContext("2d");
     if (i) {
       this.style.display = "block";
-      const n = (r = this.shadowRoot) == null ? void 0 : r.querySelector("#selectedText");
+      const n = (s = this.shadowRoot) == null ? void 0 : s.querySelector("#selectedText");
       if (n) {
         const c = window.getComputedStyle(n);
         i.font = `${c.fontSize} ${c.fontFamily}`;
         const d = i.measureText(e).width + 72;
-        this._componentWidth = Math.max(d, 150), this.style.width = `${this._componentWidth}px`;
+        if (this._componentWidth = Math.max(d, 150), this.useParentWidth && this.parentElement) {
+          const u = this.parentElement.getBoundingClientRect().width;
+          this.style.width = `${Math.max(this._componentWidth, u)}px`;
+        } else
+          this.style.width = `${this._componentWidth}px`;
       } else
         this.style.width = "150px";
     } else
@@ -683,23 +695,20 @@ let m = (O = class extends N {
     }
   }
   closeDropdown() {
-    this.isExpanded = !1, this.resetSearch(), this.focusMultiSelect(), this.restorePageScrollbar();
+    this.isExpanded = !1, this.resetSearch(), this.focusMultiSelect();
   }
   closeDropdownWithoutFocus() {
-    this.isExpanded = !1, this.resetSearch(), this.restorePageScrollbar();
+    this.isExpanded = !1, this.resetSearch();
   }
   toggleDropdown() {
-    this.isExpanded = !this.isExpanded, this.isExpanded ? (this.preventPageScrollbar(), setTimeout(() => {
-      this.focusSearchInput();
-    }, 0)) : (this.resetSearch(), this.focusMultiSelect(), this.restorePageScrollbar());
-  }
-  preventPageScrollbar() {
-    let t = document.getElementById("ewc-multiselect-style");
-    t || (t = document.createElement("style"), t.id = "ewc-multiselect-style", t.textContent = "html, body { overflow: hidden !important; }", document.head.appendChild(t));
-  }
-  restorePageScrollbar() {
-    const t = document.getElementById("ewc-multiselect-style");
-    t && document.head.removeChild(t);
+    if (this.isExpanded = !this.isExpanded, this.isExpanded) {
+      const t = this.getBoundingClientRect(), e = window.innerHeight - t.bottom, o = t.top;
+      let i = 0;
+      this.dropdownHeight ? i = parseInt(this.dropdownHeight, 10) : i = 192, this.shouldShowSearch() && (i += 50), e < i && o > e ? this._dropdownPosition = "top" : this._dropdownPosition = "bottom", setTimeout(() => {
+        this.focusSearchInput();
+      }, 0);
+    } else
+      this.resetSearch(), this.focusMultiSelect();
   }
   search(t) {
     const e = t.target.value.toLowerCase();
@@ -720,20 +729,20 @@ let m = (O = class extends N {
     return this.shadowRoot && Array.from(this.shadowRoot.querySelectorAll('div[role="option"]')).filter((e) => {
       const o = e.closest('div[role="option"]'), i = o == null ? void 0 : o.getAttribute("data-option-code");
       if (i) {
-        const r = this.options.flat().find((n) => n.code === i);
-        return (r == null ? void 0 : r.status) === "active";
+        const s = this.options.flat().find((n) => n.code === i);
+        return (s == null ? void 0 : s.status) === "active";
       }
       return !1;
     })[0] || null;
   }
   handleKeyDown(t, e) {
-    var r, n, c, a, d, u, h, y, x, C, ot, it, rt, st, nt, at, ct, lt, dt;
+    var s, n, c, a, d, u, h, x, $, C, ot, it, rt, st, nt, at, ct, lt, dt;
     if (!this.shadowRoot)
       return;
     const o = Array.from(this.shadowRoot.querySelectorAll('div[role="option"]')).filter((p) => {
-      const l = p.closest('div[role="option"]'), b = l == null ? void 0 : l.getAttribute("data-option-code");
-      if (b) {
-        const w = this.options.flat().find((g) => g.code === b);
+      const l = p.closest('div[role="option"]'), v = l == null ? void 0 : l.getAttribute("data-option-code");
+      if (v) {
+        const w = this.options.flat().find((g) => g.code === v);
         return (w == null ? void 0 : w.status) === "active";
       }
       return !1;
@@ -754,7 +763,7 @@ let m = (O = class extends N {
           } else i === -1 ? (i = 0, (u = o[i]) == null || u.focus()) : (i++, (h = o[i]) == null || h.focus());
         } else {
           this.isExpanded = !0, this.options = [...this._originalOptions];
-          const p = (r = this.shadowRoot) == null ? void 0 : r.querySelector("#searchInput");
+          const p = (s = this.shadowRoot) == null ? void 0 : s.querySelector("#searchInput");
           p && (p.value = "", p.dispatchEvent(new Event("input"))), this.requestUpdate(), setTimeout(() => {
             this.focusSearchInput();
           }, 0);
@@ -762,7 +771,7 @@ let m = (O = class extends N {
         break;
       case "ArrowUp":
         if (t.preventDefault(), this.isExpanded) {
-          const p = (y = this.shadowRoot) == null ? void 0 : y.querySelector("#searchInput"), l = (x = this.shadowRoot) == null ? void 0 : x.activeElement;
+          const p = (x = this.shadowRoot) == null ? void 0 : x.querySelector("#searchInput"), l = ($ = this.shadowRoot) == null ? void 0 : $.activeElement;
           (l == null ? void 0 : l.id) === "searchInput" ? (i = o.length - 1, (C = o[i]) == null || C.focus()) : i === 0 ? p ? p.focus() : (i = o.length - 1, (ot = o[i]) == null || ot.focus()) : i === -1 ? (i = o.length - 1, (it = o[i]) == null || it.focus()) : (i--, (rt = o[i]) == null || rt.focus());
         }
         break;
@@ -771,8 +780,8 @@ let m = (O = class extends N {
         if (t.preventDefault(), this.isExpanded) {
           const l = ((st = this.shadowRoot) == null ? void 0 : st.activeElement).closest('div[role="option"]');
           if (l && t.key === "ArrowRight") {
-            const b = l.querySelector(".favouriteOptionBtn");
-            b && b.focus();
+            const v = l.querySelector(".favouriteOptionBtn");
+            v && v.focus();
           }
         }
         break;
@@ -781,9 +790,9 @@ let m = (O = class extends N {
         if (t.preventDefault(), this.isExpanded) {
           let l = ((at = this.shadowRoot) == null ? void 0 : at.activeElement).closest('div[role="option"]');
           if (l != null && l.hasAttribute("data-option-code")) {
-            const b = l.getAttribute("data-option-code");
-            if (b) {
-              const w = this.options.flat().find((g) => g.code === b);
+            const v = l.getAttribute("data-option-code");
+            if (v) {
+              const w = this.options.flat().find((g) => g.code === v);
               (w == null ? void 0 : w.status) === "active" && this.toggleSelection(w);
             }
           }
@@ -803,11 +812,11 @@ let m = (O = class extends N {
           const p = (ct = this.shadowRoot) == null ? void 0 : ct.activeElement;
           if ((p == null ? void 0 : p.id) === "searchInput")
             if (t.preventDefault(), t.shiftKey) {
-              const l = Array.from(this.shadowRoot.querySelectorAll('div[role="option"]')).filter((b) => {
-                const w = b.closest('div[role="option"]'), g = w == null ? void 0 : w.getAttribute("data-option-code");
+              const l = Array.from(this.shadowRoot.querySelectorAll('div[role="option"]')).filter((v) => {
+                const w = v.closest('div[role="option"]'), g = w == null ? void 0 : w.getAttribute("data-option-code");
                 if (g) {
-                  const $ = this.options.flat().find((_) => _.code === g);
-                  return ($ == null ? void 0 : $.status) === "active";
+                  const _ = this.options.flat().find((k) => k.code === g);
+                  return (_ == null ? void 0 : _.status) === "active";
                 }
                 return !1;
               });
@@ -821,9 +830,9 @@ let m = (O = class extends N {
             }
           else {
             const l = Array.from(this.shadowRoot.querySelectorAll('div[role="option"]')).filter((g) => {
-              const $ = g.getAttribute("data-option-code"), _ = this.options.flat().find((Et) => Et.code === $);
-              return (_ == null ? void 0 : _.status) === "active";
-            }), b = p == null ? void 0 : p.closest('div[role="option"]'), w = b ? l.indexOf(b) : -1;
+              const _ = g.getAttribute("data-option-code"), k = this.options.flat().find((Et) => Et.code === _);
+              return (k == null ? void 0 : k.status) === "active";
+            }), v = p == null ? void 0 : p.closest('div[role="option"]'), w = v ? l.indexOf(v) : -1;
             if (t.shiftKey)
               if (w > 0) {
                 t.preventDefault();
@@ -836,12 +845,12 @@ let m = (O = class extends N {
               if (g)
                 g.focus();
               else {
-                const $ = (lt = this.shadowRoot) == null ? void 0 : lt.querySelector("#searchInput");
-                if ($)
-                  $.focus();
+                const _ = (lt = this.shadowRoot) == null ? void 0 : lt.querySelector("#searchInput");
+                if (_)
+                  _.focus();
                 else {
-                  const _ = this.getFirstFocusableOptionElement();
-                  _ && _.focus();
+                  const k = this.getFirstFocusableOptionElement();
+                  k && k.focus();
                 }
               }
             } else if (w === l.length - 1) {
@@ -850,8 +859,8 @@ let m = (O = class extends N {
               if (g)
                 g.focus();
               else {
-                const $ = this.getFirstFocusableOptionElement();
-                $ && $.focus();
+                const _ = this.getFirstFocusableOptionElement();
+                _ && _.focus();
               }
             }
           }
@@ -876,8 +885,8 @@ let m = (O = class extends N {
                   ${o.status === "inactive" ? "cursor-not-allowed text-ewc-notAvailable hover:bg-ewc-notAvailableHover hover:text-white focus:bg-ewc-notAvailableHover focus:text-white focus:outline-none" : `cursor-pointer text-ewc-available focus:outline-none hover:bg-[#CFDAF5] hover:text-black focus:bg-[#CFDAF5] focus:text-black ${o.code === this.selectedOption ? "bg-ewc-availableHover text-white" : ""}`}"
                 data-option-code="${o.code}"
                 tabindex="0"
-                @click="${(r) => {
-      o.status === "active" && (r.preventDefault(), r.stopPropagation(), this.toggleSelection(o));
+                @click="${(s) => {
+      o.status === "active" && (s.preventDefault(), s.stopPropagation(), this.toggleSelection(o));
     }}"
               >
                 <label
@@ -885,8 +894,8 @@ let m = (O = class extends N {
                   class="flex items-center w-full group justify-between ${o.status === "active" ? "cursor-pointer" : "cursor-not-allowed text-ewc-disabled"}"
                   data-option-code="${o.code}"
                   tabindex="-1"
-                  @click="${(r) => {
-      o.status === "active" && (r.preventDefault(), r.stopPropagation(), this.toggleSelection(o));
+                  @click="${(s) => {
+      o.status === "active" && (s.preventDefault(), s.stopPropagation(), this.toggleSelection(o));
     }}"
                 >
                   <span class="ml-2"> ${o.name} </span>
@@ -913,8 +922,8 @@ let m = (O = class extends N {
     const e = this.options.map((a) => a.map((d) => ({ ...d }))), o = this._originalOptions.map((a) => a.map((d) => ({ ...d }))), i = (a) => a.map((d) => d.map((u) => u.code === t ? {
       ...u,
       status: u.status === "active" ? "inactive" : "active"
-    } : u)), r = i(e), n = i(o), c = r.flat().find((a) => a.code === t);
-    (c == null ? void 0 : c.status) === "inactive" && this.selectedOption === t && (this.selectedOption = ""), this.options = r, this._originalOptions = n, this.requestUpdate(), this.dispatchEvent(new CustomEvent("option-status-change", {
+    } : u)), s = i(e), n = i(o), c = s.flat().find((a) => a.code === t);
+    (c == null ? void 0 : c.status) === "inactive" && this.selectedOption === t && (this.selectedOption = ""), this.options = s, this._originalOptions = n, this.requestUpdate(), this.dispatchEvent(new CustomEvent("option-status-change", {
       detail: {
         optionCode: t,
         status: c == null ? void 0 : c.status
@@ -978,7 +987,7 @@ let m = (O = class extends N {
         ${this.isExpanded ? A`
               <div
                 id="dropdown"
-                class="absolute block justify-items-center left-0 w-full rounded shadow bg-white cursor-auto border-none box-border border-ewc-msBorder mt-1 z-10"
+                class="absolute block justify-items-center left-0 w-full rounded shadow bg-white cursor-auto border-none box-border border-ewc-msBorder z-20 ${this._dropdownPosition === "top" ? "bottom-full mb-1" : "mt-1"}"
                 style="max-height: 80vh; overflow: hidden;"
               >
                 ${this.shouldShowSearch() ? A`
@@ -1007,44 +1016,53 @@ let m = (O = class extends N {
       </div>
     `;
   }
-}, X = O, O.version = "1.0.6-beta", O.styles = [new CSSStyleSheet()], O);
-v([
-  k({ type: Array })
-], m.prototype, "options", void 0);
-v([
-  k({ type: String })
-], m.prototype, "selectedOption", void 0);
-v([
-  k({ type: Boolean })
-], m.prototype, "isExpanded", void 0);
-v([
-  k({ type: String })
-], m.prototype, "defaultOption", void 0);
-v([
-  k({ type: String })
-], m.prototype, "activeOption", void 0);
-v([
-  k({ type: String })
-], m.prototype, "dropdownHeight", void 0);
-v([
-  k({ type: String })
-], m.prototype, "invertColors", null);
-v([
-  k({ type: String })
-], m.prototype, "selectedLabel", void 0);
-v([
-  k({ type: String })
-], m.prototype, "searchMode", void 0);
-v([
-  k({ type: String })
-], m.prototype, "_searchText", void 0);
-v([
-  k({ type: Boolean })
-], m.prototype, "_shouldShowSearch", void 0);
-v([
-  Xt("#dropdown")
-], m.prototype, "dropdownElement", void 0);
-m = X = v([
+}, X = O, O.version = "1.0.7-alpha", O.styles = [new CSSStyleSheet()], O);
+m([
+  y({ type: Array })
+], b.prototype, "options", void 0);
+m([
+  y({ type: String })
+], b.prototype, "selectedOption", void 0);
+m([
+  y({ type: Boolean })
+], b.prototype, "isExpanded", void 0);
+m([
+  y({ type: String })
+], b.prototype, "defaultOption", void 0);
+m([
+  y({ type: String })
+], b.prototype, "activeOption", void 0);
+m([
+  y({ type: String })
+], b.prototype, "dropdownHeight", void 0);
+m([
+  y({ type: String })
+], b.prototype, "invertColors", null);
+m([
+  y({ type: String })
+], b.prototype, "selectedLabel", void 0);
+m([
+  y({ type: String })
+], b.prototype, "searchMode", void 0);
+m([
+  y({ type: String })
+], b.prototype, "_searchText", void 0);
+m([
+  y({
+    type: Boolean,
+    converter: (r) => r === "true"
+  })
+], b.prototype, "useParentWidth", void 0);
+m([
+  y({ type: Boolean })
+], b.prototype, "_shouldShowSearch", void 0);
+m([
+  Zt()
+], b.prototype, "_dropdownPosition", void 0);
+m([
+  Qt("#dropdown")
+], b.prototype, "dropdownElement", void 0);
+b = X = m([
   Jt("ewc-singleselect")
-], m);
+], b);
 //# sourceMappingURL=main.es.js.map