@@ -1,7 +1,14 @@

 import { LitElement, html, css } from 'lit';

 export class WinzerCard extends LitElement {

-    static properties = { category: { type: String }, date: { type: String }, title: { type: String }, text: { type: String }, hasAttachment: { type: Boolean }, featured: { type: Boolean } };

+    static properties = {

+        category: { type: String },

+        date: { type: String },

+        title: { type: String },

+        text: { type: String },

+        hasAttachment: { type: Boolean },

+        featured: { type: Boolean }

+    };

     static styles = css`

         :host { display: block; margin-bottom: 35px; }

         .card { background-color: var(--bg-card); border-radius: var(--radius-card); padding: 20px 20px 40px 20px; position: relative; color: var(--text-main); display: block; }

@@ -13,9 +20,30 @@ export class WinzerCard extends LitElement {

         .action-btn { position: absolute; bottom: -20px; right: 20px; background-color: var(--primary-color); color: var(--bg-white); width: 48px; height: 48px; border-radius: var(--radius-sm); display: flex; align-items: center; justify-content: center; box-shadow: var(--shadow-md); cursor: pointer; transition: transform 0.1s; z-index: 10; }

         .action-btn:active { transform: scale(0.95); }

         svg { width: 24px; height: 24px; fill: currentColor; }

+

+        /* Slot for tags */

+        .tags-container {

+            display: flex;

+            gap: 8px;

+            margin-top: 12px;

+            flex-wrap: wrap;

+        }

     `;

     render() {

-        return html`<div class="card ${this.featured ? 'featured' : ''}"><div class="header"><span>${this.category}</span><span>${this.date}</span></div><h3>${this.title}</h3><p>${this.text}</p>${this.hasAttachment ? html`<div class="attachment-icon"><svg viewBox="0 0 24 24"><path d="M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79-4-4V5a2.5 2.5 0 0 1 5 0v10.5c0 .55-.45 1-1 1s-1-.45-1-1V6H10v9.5a2.5 2.5 0 0 0 5 0V5c0-2.21-1.79-4-4-4S7 2.79 7 5v12.5c0 3.04 2.46 5.5 5.5 5.5s5.5-2.46 5.5-5.5V6h-1.5z"/></svg></div>` : ''}<div class="action-btn"><svg viewBox="0 0 24 24"><path d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"/></svg></div></div>`;

+        return html`

+            <div class="card ${this.featured ? 'featured' : ''}">

+                <div class="header"><span>${this.category}</span><span>${this.date}</span></div>

+                <h3>${this.title}</h3>

+                <p>${this.text}</p>

+

+                <div class="tags-container">

+                    <slot name="tags"></slot>

+                </div>

+

+                ${this.hasAttachment ? html`<div class="attachment-icon"><svg viewBox="0 0 24 24"><path d="M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79-4-4V5a2.5 2.5 0 0 1 5 0v10.5c0 .55-.45 1-1 1s-1-.45-1-1V6H10v9.5a2.5 2.5 0 0 0 5 0V5c0-2.21-1.79-4-4-4S7 2.79 7 5v12.5c0 3.04 2.46 5.5 5.5 5.5s5.5-2.46 5.5-5.5V6h-1.5z"/></svg></div>` : ''}

+                <div class="action-btn"><svg viewBox="0 0 24 24"><path d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"/></svg></div>

+            </div>

+        `;

     }

 }

 customElements.define('winzer-card', WinzerCard);

@@ -19,6 +19,7 @@ export class WinzerFileCard extends LitElement {

             border: 1px solid var(--border-color);

             box-shadow: var(--shadow-sm);

             position: relative;

+            flex-wrap: wrap;

         }

         /* UPDATE: Styling für neue Dateien (Weißer BG + Farbiger Rand) */

@@ -58,9 +59,19 @@ export class WinzerFileCard extends LitElement {

             font-weight: 700;

         }

+        .file-meta-row {

+            display: flex;

+            align-items: center;

+            gap: 12px;

+            flex-wrap: wrap;

+        }

+

         .file-meta {

             font-size: 0.75rem;

             color: var(--text-muted);

+            line-height: 1; /* Ensure consistent height */

+            display: flex;

+            align-items: center;

         }

         .download-btn {

             width: 36px;

@@ -116,6 +127,14 @@ export class WinzerFileCard extends LitElement {

         .type-pdf { color: var(--alert-color); }

         .type-doc { color: #2b5797; } /* Word blueish */

         .type-default { color: var(--text-muted); }

+

+        /* Slot for tags */

+        .tags-container {

+            display: flex;

+            align-items: center; /* Ensure tags are vertically centered */

+            gap: 8px;

+            flex-wrap: wrap;

+        }

     `;

     _getIcon(type) {

@@ -139,7 +158,12 @@ export class WinzerFileCard extends LitElement {

                 <div class="file-info">

                     <div class="file-name">${this.file.name}</div>

-                    <div class="file-meta">${this.file.date} &nbsp; ${this.file.size}</div>

+                    <div class="file-meta-row">

+                        <div class="file-meta">${this.file.date} &nbsp; ${this.file.size}</div>

+                        <div class="tags-container">

+                            <slot name="tags"></slot>

+                        </div>

+                    </div>

                 </div>

                 <div class="download-btn">

new file mode 100644

@@ -0,0 +1,139 @@

+import { LitElement, html, css } from 'lit';

+

+export class WinzerTag extends LitElement {

+    static properties = {

+        label: { type: String },

+        color: { type: String }, // 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'light', 'dark'

+        variant: { type: String }, // 'solid' (default), 'outline'

+        size: { type: String }, // 'xs', 'sm' (default), 'md'

+        removable: { type: Boolean },

+        clickable: { type: Boolean }

+    };

+

+    static styles = css`

+        :host {

+            display: inline-flex;

+            vertical-align: middle;

+            line-height: 0;

+        }

+        .tag {

+            display: flex;

+            align-items: center;

+            border-radius: 4px;

+            font-weight: 600;

+            line-height: normal;

+            white-space: nowrap;

+            border: 1px solid transparent;

+            gap: 4px;

+            transition: all 0.2s ease;

+            box-sizing: border-box;

+        }

+

+        /* Sizes */

+        .tag.xs { padding: 2px 6px; font-size: 0.65rem; border-radius: 3px; }

+        .tag.sm { padding: 4px 8px; font-size: 0.75rem; }

+        .tag.md { padding: 6px 10px; font-size: 0.85rem; }

+

+        /* Clickable */

+        .tag.clickable { cursor: pointer; }

+        .tag.clickable:hover { opacity: 0.9; transform: translateY(-1px); }

+        .tag.clickable:active { transform: translateY(0); }

+

+        /* Solid Variants */

+        .tag.solid { background-color: var(--bg-card); color: var(--text-main); border-color: var(--border-color); }

+        .tag.solid.primary { background-color: var(--primary-light); color: var(--primary-color); border-color: var(--primary-color); }

+        .tag.solid.secondary { background-color: var(--secondary-light); color: var(--secondary-color); border-color: var(--secondary-color); }

+        .tag.solid.success { background-color: #d4edda; color: #155724; border-color: #c3e6cb; }

+        .tag.solid.danger { background-color: #f8d7da; color: #721c24; border-color: #f5c6cb; }

+        .tag.solid.warning { background-color: #fff3cd; color: #856404; border-color: #ffeeba; }

+        .tag.solid.info { background-color: #d1ecf1; color: #0c5460; border-color: #bee5eb; }

+        .tag.solid.light { background-color: #fefefe; color: #818182; border-color: #fdfdfe; }

+        .tag.solid.dark { background-color: #d6d8d9; color: #1b1e21; border-color: #c6c8ca; }

+

+        /* Outline Variants */

+        .tag.outline { background-color: transparent; }

+        .tag.outline.primary { color: var(--primary-color); border-color: var(--primary-color); }

+        .tag.outline.secondary { color: var(--secondary-color); border-color: var(--secondary-color); }

+        .tag.outline.success { color: #28a745; border-color: #28a745; }

+        .tag.outline.danger { color: #dc3545; border-color: #dc3545; }

+        .tag.outline.warning { color: #ffc107; border-color: #ffc107; }

+        .tag.outline.info { color: #17a2b8; border-color: #17a2b8; }

+        .tag.outline.light { color: #f8f9fa; border-color: #f8f9fa; }

+        .tag.outline.dark { color: #343a40; border-color: #343a40; }

+

+        /* Icon Slot Styling */

+        ::slotted(svg) {

+            width: 12px;

+            height: 12px;

+            fill: currentColor;

+            display: block;

+        }

+        .tag.xs ::slotted(svg) {

+            width: 10px;

+            height: 10px;

+        }

+        .tag.md ::slotted(svg) {

+            width: 14px;

+            height: 14px;

+        }

+

+        /* Remove Button */

+        .remove-btn {

+            display: inline-flex;

+            align-items: center;

+            justify-content: center;

+            margin-left: 2px;

+            cursor: pointer;

+            opacity: 0.6;

+            transition: opacity 0.2s;

+            border-radius: 50%;

+            width: 14px;

+            height: 14px;

+        }

+        .tag.xs .remove-btn {

+            width: 10px;

+            height: 10px;

+            margin-left: 1px;

+        }

+        .remove-btn:hover { opacity: 1; background-color: rgba(0,0,0,0.1); }

+        .remove-btn svg { width: 10px; height: 10px; stroke-width: 3; }

+        .tag.xs .remove-btn svg { width: 8px; height: 8px; }

+    `;

+

+    constructor() {

+        super();

+        this.variant = 'solid';

+        this.size = 'sm';

+        this.removable = false;

+        this.clickable = false;

+    }

+

+    _handleRemove(e) {

+        e.stopPropagation();

+        this.dispatchEvent(new CustomEvent('remove', { bubbles: true, composed: true }));

+    }

+

+    render() {

+        const classes = [

+            'tag',

+            this.variant || 'solid',

+            this.size || 'sm',

+            this.color || '',

+            this.clickable ? 'clickable' : ''

+        ].filter(Boolean).join(' ');

+

+        return html`

+            <div class="${classes}">

+                <slot name="icon"></slot>

+                <span>${this.label}</span>

+                <slot></slot>

+                ${this.removable ? html`

+                    <span class="remove-btn" @click="${this._handleRemove}">

+                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>

+                    </span>

+                ` : ''}

+            </div>

+        `;

+    }

+}

+customElements.define('winzer-tag', WinzerTag);

@@ -5,6 +5,7 @@ import './winzer-day-view.js';

 import './winzer-menu-group.js';

 import './winzer-modal.js';

 import './card/winzer-card.js';

+import './card/winzer-tag.js';

 import './winzer-header.js';

 import './winzer-nav.js';

 import './toggle-switch.js';

@@ -1,23 +1,23 @@

-var Ee = Object.defineProperty;

-var Se = (o, e, t) => e in o ? Ee(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;

-var p = (o, e, t) => Se(o, typeof e != "symbol" ? e + "" : e, t);

+var Se = Object.defineProperty;

+var Ce = (o, e, t) => e in o ? Se(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;

+var d = (o, e, t) => Ce(o, typeof e != "symbol" ? e + "" : e, t);

 /**

  * @license

  * Copyright 2019 Google LLC

  * SPDX-License-Identifier: BSD-3-Clause

  */

-const N = globalThis, te = N.ShadowRoot && (N.ShadyCSS === void 0 || N.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, ie = Symbol(), oe = /* @__PURE__ */ new WeakMap();

-let fe = class {

-  constructor(e, t, i) {

-    if (this._$cssResult$ = !0, i !== ie) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");

+const B = globalThis, re = B.ShadowRoot && (B.ShadyCSS === void 0 || B.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, ie = Symbol(), se = /* @__PURE__ */ new WeakMap();

+let ve = class {

+  constructor(e, t, r) {

+    if (this._$cssResult$ = !0, r !== ie) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");

     this.cssText = e, this.t = t;

   }

   get styleSheet() {

     let e = this.o;

     const t = this.t;

-    if (te && e === void 0) {

-      const i = t !== void 0 && t.length === 1;

-      i && (e = oe.get(t)), e === void 0 && ((this.o = e = new CSSStyleSheet()).replaceSync(this.cssText), i && oe.set(t, e));

+    if (re && e === void 0) {

+      const r = t !== void 0 && t.length === 1;

+      r && (e = se.get(t)), e === void 0 && ((this.o = e = new CSSStyleSheet()).replaceSync(this.cssText), r && se.set(t, e));

     }

     return e;

   }

@@ -25,33 +25,33 @@ let fe = class {

     return this.cssText;

   }

 };

-const Ce = (o) => new fe(typeof o == "string" ? o : o + "", void 0, ie), f = (o, ...e) => {

-  const t = o.length === 1 ? o[0] : e.reduce((i, r, n) => i + ((s) => {

+const ze = (o) => new ve(typeof o == "string" ? o : o + "", void 0, ie), f = (o, ...e) => {

+  const t = o.length === 1 ? o[0] : e.reduce((r, i, n) => r + ((s) => {

     if (s._$cssResult$ === !0) return s.cssText;

     if (typeof s == "number") return s;

     throw Error("Value passed to 'css' function must be a 'css' function result: " + s + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");

-  })(r) + o[n + 1], o[0]);

-  return new fe(t, o, ie);

+  })(i) + o[n + 1], o[0]);

+  return new ve(t, o, ie);

 }, Me = (o, e) => {

-  if (te) o.adoptedStyleSheets = e.map((t) => t instanceof CSSStyleSheet ? t : t.styleSheet);

+  if (re) o.adoptedStyleSheets = e.map((t) => t instanceof CSSStyleSheet ? t : t.styleSheet);

   else for (const t of e) {

-    const i = document.createElement("style"), r = N.litNonce;

-    r !== void 0 && i.setAttribute("nonce", r), i.textContent = t.cssText, o.appendChild(i);

+    const r = document.createElement("style"), i = B.litNonce;

+    i !== void 0 && r.setAttribute("nonce", i), r.textContent = t.cssText, o.appendChild(r);

   }

-}, se = te ? (o) => o : (o) => o instanceof CSSStyleSheet ? ((e) => {

+}, ne = re ? (o) => o : (o) => o instanceof CSSStyleSheet ? ((e) => {

   let t = "";

-  for (const i of e.cssRules) t += i.cssText;

-  return Ce(t);

+  for (const r of e.cssRules) t += r.cssText;

+  return ze(t);

 })(o) : o;

 /**

  * @license

  * Copyright 2017 Google LLC

  * SPDX-License-Identifier: BSD-3-Clause

  */

-const { is: Te, defineProperty: ze, getOwnPropertyDescriptor: Pe, getOwnPropertyNames: Ue, getOwnPropertySymbols: Oe, getPrototypeOf: He } = Object, y = globalThis, ne = y.trustedTypes, Re = ne ? ne.emptyScript : "", j = y.reactiveElementPolyfillSupport, T = (o, e) => o, F = { toAttribute(o, e) {

+const { is: Te, defineProperty: Pe, getOwnPropertyDescriptor: Ue, getOwnPropertyNames: Oe, getOwnPropertySymbols: Re, getPrototypeOf: He } = Object, y = globalThis, ae = y.trustedTypes, Be = ae ? ae.emptyScript : "", D = y.reactiveElementPolyfillSupport, M = (o, e) => o, F = { toAttribute(o, e) {

   switch (e) {

     case Boolean:

-      o = o ? Re : null;

+      o = o ? Be : null;

       break;

     case Object:

     case Array:

@@ -76,7 +76,7 @@ const { is: Te, defineProperty: ze, getOwnPropertyDescriptor: Pe, getOwnProperty

       }

   }

   return t;

-} }, ve = (o, e) => !Te(o, e), ae = { attribute: !0, type: String, converter: F, reflect: !1, useDefault: !1, hasChanged: ve };

+} }, be = (o, e) => !Te(o, e), le = { attribute: !0, type: String, converter: F, reflect: !1, useDefault: !1, hasChanged: be };

 Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), y.litPropertyMetadata ?? (y.litPropertyMetadata = /* @__PURE__ */ new WeakMap());

 let E = class extends HTMLElement {

   static addInitializer(e) {

@@ -85,60 +85,60 @@ let E = class extends HTMLElement {

   static get observedAttributes() {

     return this.finalize(), this._$Eh && [...this._$Eh.keys()];

   }

-  static createProperty(e, t = ae) {

+  static createProperty(e, t = le) {

     if (t.state && (t.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(e) && ((t = Object.create(t)).wrapped = !0), this.elementProperties.set(e, t), !t.noAccessor) {

-      const i = Symbol(), r = this.getPropertyDescriptor(e, i, t);

-      r !== void 0 && ze(this.prototype, e, r);

+      const r = Symbol(), i = this.getPropertyDescriptor(e, r, t);

+      i !== void 0 && Pe(this.prototype, e, i);

     }

   }

-  static getPropertyDescriptor(e, t, i) {

-    const { get: r, set: n } = Pe(this.prototype, e) ?? { get() {

+  static getPropertyDescriptor(e, t, r) {

+    const { get: i, set: n } = Ue(this.prototype, e) ?? { get() {

       return this[t];

     }, set(s) {

       this[t] = s;

     } };

-    return { get: r, set(s) {

-      const l = r == null ? void 0 : r.call(this);

-      n == null || n.call(this, s), this.requestUpdate(e, l, i);

+    return { get: i, set(s) {

+      const l = i == null ? void 0 : i.call(this);

+      n == null || n.call(this, s), this.requestUpdate(e, l, r);

     }, configurable: !0, enumerable: !0 };

   }

   static getPropertyOptions(e) {

-    return this.elementProperties.get(e) ?? ae;

+    return this.elementProperties.get(e) ?? le;

   }

   static _$Ei() {

-    if (this.hasOwnProperty(T("elementProperties"))) return;

+    if (this.hasOwnProperty(M("elementProperties"))) return;

     const e = He(this);

     e.finalize(), e.l !== void 0 && (this.l = [...e.l]), this.elementProperties = new Map(e.elementProperties);

   }

   static finalize() {

-    if (this.hasOwnProperty(T("finalized"))) return;

-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(T("properties"))) {

-      const t = this.properties, i = [...Ue(t), ...Oe(t)];

-      for (const r of i) this.createProperty(r, t[r]);

+    if (this.hasOwnProperty(M("finalized"))) return;

+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(M("properties"))) {

+      const t = this.properties, r = [...Oe(t), ...Re(t)];

+      for (const i of r) this.createProperty(i, t[i]);

     }

     const e = this[Symbol.metadata];

     if (e !== null) {

       const t = litPropertyMetadata.get(e);

-      if (t !== void 0) for (const [i, r] of t) this.elementProperties.set(i, r);

+      if (t !== void 0) for (const [r, i] of t) this.elementProperties.set(r, i);

     }

     this._$Eh = /* @__PURE__ */ new Map();

-    for (const [t, i] of this.elementProperties) {

-      const r = this._$Eu(t, i);

-      r !== void 0 && this._$Eh.set(r, t);

+    for (const [t, r] of this.elementProperties) {

+      const i = this._$Eu(t, r);

+      i !== void 0 && this._$Eh.set(i, t);

     }

     this.elementStyles = this.finalizeStyles(this.styles);

   }

   static finalizeStyles(e) {

     const t = [];

     if (Array.isArray(e)) {

-      const i = new Set(e.flat(1 / 0).reverse());

-      for (const r of i) t.unshift(se(r));

-    } else e !== void 0 && t.push(se(e));

+      const r = new Set(e.flat(1 / 0).reverse());

+      for (const i of r) t.unshift(ne(i));

+    } else e !== void 0 && t.push(ne(e));

     return t;

   }

   static _$Eu(e, t) {

-    const i = t.attribute;

-    return i === !1 ? void 0 : typeof i == "string" ? i : typeof e == "string" ? e.toLowerCase() : void 0;

+    const r = t.attribute;

+    return r === !1 ? void 0 : typeof r == "string" ? r : typeof e == "string" ? e.toLowerCase() : void 0;

   }

   constructor() {

     super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();

@@ -157,7 +157,7 @@ let E = class extends HTMLElement {

   }

   _$E_() {

     const e = /* @__PURE__ */ new Map(), t = this.constructor.elementProperties;

-    for (const i of t.keys()) this.hasOwnProperty(i) && (e.set(i, this[i]), delete this[i]);

+    for (const r of t.keys()) this.hasOwnProperty(r) && (e.set(r, this[r]), delete this[r]);

     e.size > 0 && (this._$Ep = e);

   }

   createRenderRoot() {

@@ -167,8 +167,8 @@ let E = class extends HTMLElement {

   connectedCallback() {

     var e;

     this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this.enableUpdating(!0), (e = this._$EO) == null || e.forEach((t) => {

-      var i;

-      return (i = t.hostConnected) == null ? void 0 : i.call(t);

+      var r;

+      return (r = t.hostConnected) == null ? void 0 : r.call(t);

     });

   }

   enableUpdating(e) {

@@ -176,42 +176,42 @@ let E = class extends HTMLElement {

   disconnectedCallback() {

     var e;

     (e = this._$EO) == null || e.forEach((t) => {

-      var i;

-      return (i = t.hostDisconnected) == null ? void 0 : i.call(t);

+      var r;

+      return (r = t.hostDisconnected) == null ? void 0 : r.call(t);

     });

   }

-  attributeChangedCallback(e, t, i) {

-    this._$AK(e, i);

+  attributeChangedCallback(e, t, r) {

+    this._$AK(e, r);

   }

   _$ET(e, t) {

     var n;

-    const i = this.constructor.elementProperties.get(e), r = this.constructor._$Eu(e, i);

-    if (r !== void 0 && i.reflect === !0) {

-      const s = (((n = i.converter) == null ? void 0 : n.toAttribute) !== void 0 ? i.converter : F).toAttribute(t, i.type);

-      this._$Em = e, s == null ? this.removeAttribute(r) : this.setAttribute(r, s), this._$Em = null;

+    const r = this.constructor.elementProperties.get(e), i = this.constructor._$Eu(e, r);

+    if (i !== void 0 && r.reflect === !0) {

+      const s = (((n = r.converter) == null ? void 0 : n.toAttribute) !== void 0 ? r.converter : F).toAttribute(t, r.type);

+      this._$Em = e, s == null ? this.removeAttribute(i) : this.setAttribute(i, s), this._$Em = null;

     }

   }

   _$AK(e, t) {

     var n, s;

-    const i = this.constructor, r = i._$Eh.get(e);

-    if (r !== void 0 && this._$Em !== r) {

-      const l = i.getPropertyOptions(r), a = typeof l.converter == "function" ? { fromAttribute: l.converter } : ((n = l.converter) == null ? void 0 : n.fromAttribute) !== void 0 ? l.converter : F;

-      this._$Em = r;

-      const d = a.fromAttribute(t, l.type);

-      this[r] = d ?? ((s = this._$Ej) == null ? void 0 : s.get(r)) ?? d, this._$Em = null;

+    const r = this.constructor, i = r._$Eh.get(e);

+    if (i !== void 0 && this._$Em !== i) {

+      const l = r.getPropertyOptions(i), a = typeof l.converter == "function" ? { fromAttribute: l.converter } : ((n = l.converter) == null ? void 0 : n.fromAttribute) !== void 0 ? l.converter : F;

+      this._$Em = i;

+      const p = a.fromAttribute(t, l.type);

+      this[i] = p ?? ((s = this._$Ej) == null ? void 0 : s.get(i)) ?? p, this._$Em = null;

     }

   }

-  requestUpdate(e, t, i, r = !1, n) {

+  requestUpdate(e, t, r, i = !1, n) {

     var s;

     if (e !== void 0) {

       const l = this.constructor;

-      if (r === !1 && (n = this[e]), i ?? (i = l.getPropertyOptions(e)), !((i.hasChanged ?? ve)(n, t) || i.useDefault && i.reflect && n === ((s = this._$Ej) == null ? void 0 : s.get(e)) && !this.hasAttribute(l._$Eu(e, i)))) return;

-      this.C(e, t, i);

+      if (i === !1 && (n = this[e]), r ?? (r = l.getPropertyOptions(e)), !((r.hasChanged ?? be)(n, t) || r.useDefault && r.reflect && n === ((s = this._$Ej) == null ? void 0 : s.get(e)) && !this.hasAttribute(l._$Eu(e, r)))) return;

+      this.C(e, t, r);

     }

     this.isUpdatePending === !1 && (this._$ES = this._$EP());

   }

-  C(e, t, { useDefault: i, reflect: r, wrapped: n }, s) {

-    i && !(this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Map())).has(e) && (this._$Ej.set(e, s ?? t ?? this[e]), n !== !0 || s !== void 0) || (this._$AL.has(e) || (this.hasUpdated || i || (t = void 0), this._$AL.set(e, t)), r === !0 && this._$Em !== e && (this._$Eq ?? (this._$Eq = /* @__PURE__ */ new Set())).add(e));

+  C(e, t, { useDefault: r, reflect: i, wrapped: n }, s) {

+    r && !(this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Map())).has(e) && (this._$Ej.set(e, s ?? t ?? this[e]), n !== !0 || s !== void 0) || (this._$AL.has(e) || (this.hasUpdated || r || (t = void 0), this._$AL.set(e, t)), i === !0 && this._$Em !== e && (this._$Eq ?? (this._$Eq = /* @__PURE__ */ new Set())).add(e));

   }

   async _$EP() {

     this.isUpdatePending = !0;

@@ -227,15 +227,15 @@ let E = class extends HTMLElement {

     return this.performUpdate();

   }

   performUpdate() {

-    var i;

+    var r;

     if (!this.isUpdatePending) return;

     if (!this.hasUpdated) {

       if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {

         for (const [n, s] of this._$Ep) this[n] = s;

         this._$Ep = void 0;

       }

-      const r = this.constructor.elementProperties;

-      if (r.size > 0) for (const [n, s] of r) {

+      const i = this.constructor.elementProperties;

+      if (i.size > 0) for (const [n, s] of i) {

         const { wrapped: l } = s, a = this[n];

         l !== !0 || this._$AL.has(n) || a === void 0 || this.C(n, void 0, s, a);

       }

@@ -243,12 +243,12 @@ let E = class extends HTMLElement {

     let e = !1;

     const t = this._$AL;

     try {

-      e = this.shouldUpdate(t), e ? (this.willUpdate(t), (i = this._$EO) == null || i.forEach((r) => {

+      e = this.shouldUpdate(t), e ? (this.willUpdate(t), (r = this._$EO) == null || r.forEach((i) => {

         var n;

-        return (n = r.hostUpdate) == null ? void 0 : n.call(r);

+        return (n = i.hostUpdate) == null ? void 0 : n.call(i);

       }), this.update(t)) : this._$EM();

-    } catch (r) {

-      throw e = !1, this._$EM(), r;

+    } catch (i) {

+      throw e = !1, this._$EM(), i;

     }

     e && this._$AE(t);

   }

@@ -256,9 +256,9 @@ let E = class extends HTMLElement {

   }

   _$AE(e) {

     var t;

-    (t = this._$EO) == null || t.forEach((i) => {

-      var r;

-      return (r = i.hostUpdated) == null ? void 0 : r.call(i);

+    (t = this._$EO) == null || t.forEach((r) => {

+      var i;

+      return (i = r.hostUpdated) == null ? void 0 : i.call(r);

     }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(e)), this.updated(e);

   }

   _$EM() {

@@ -281,76 +281,76 @@ let E = class extends HTMLElement {

   firstUpdated(e) {

   }

 };

-E.elementStyles = [], E.shadowRootOptions = { mode: "open" }, E[T("elementProperties")] = /* @__PURE__ */ new Map(), E[T("finalized")] = /* @__PURE__ */ new Map(), j == null || j({ ReactiveElement: E }), (y.reactiveElementVersions ?? (y.reactiveElementVersions = [])).push("2.1.2");

+E.elementStyles = [], E.shadowRootOptions = { mode: "open" }, E[M("elementProperties")] = /* @__PURE__ */ new Map(), E[M("finalized")] = /* @__PURE__ */ new Map(), D == null || D({ ReactiveElement: E }), (y.reactiveElementVersions ?? (y.reactiveElementVersions = [])).push("2.1.2");

 /**

  * @license

  * Copyright 2017 Google LLC

  * SPDX-License-Identifier: BSD-3-Clause

  */

-const z = globalThis, le = (o) => o, B = z.trustedTypes, ce = B ? B.createPolicy("lit-html", { createHTML: (o) => o }) : void 0, be = "$lit$", x = `lit$${Math.random().toFixed(9).slice(2)}$`, xe = "?" + x, Ne = `<${xe}>`, k = document, P = () => k.createComment(""), U = (o) => o === null || typeof o != "object" && typeof o != "function", re = Array.isArray, Be = (o) => re(o) || typeof (o == null ? void 0 : o[Symbol.iterator]) == "function", L = `[ 	

-\f\r]`, M = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, de = /-->/g, he = />/g, $ = RegExp(`>|${L}(?:([^\\s"'>=/]+)(${L}*=${L}*(?:[^ 	

-\f\r"'\`<>=]|("|')|))|$)`, "g"), pe = /'/g, ue = /"/g, ye = /^(?:script|style|textarea|title)$/i, $e = (o) => (e, ...t) => ({ _$litType$: o, strings: e, values: t }), c = $e(1), w = $e(2), S = Symbol.for("lit-noChange"), m = Symbol.for("lit-nothing"), me = /* @__PURE__ */ new WeakMap(), _ = k.createTreeWalker(k, 129);

-function we(o, e) {

-  if (!re(o) || !o.hasOwnProperty("raw")) throw Error("invalid template strings array");

-  return ce !== void 0 ? ce.createHTML(e) : e;

+const T = globalThis, ce = (o) => o, N = T.trustedTypes, de = N ? N.createPolicy("lit-html", { createHTML: (o) => o }) : void 0, xe = "$lit$", x = `lit$${Math.random().toFixed(9).slice(2)}$`, ye = "?" + x, Ne = `<${ye}>`, A = document, P = () => A.createComment(""), U = (o) => o === null || typeof o != "object" && typeof o != "function", oe = Array.isArray, je = (o) => oe(o) || typeof (o == null ? void 0 : o[Symbol.iterator]) == "function", I = `[ 	

+\f\r]`, z = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, pe = /-->/g, he = />/g, w = RegExp(`>|${I}(?:([^\\s"'>=/]+)(${I}*=${I}*(?:[^ 	

+\f\r"'\`<>=]|("|')|))|$)`, "g"), ue = /'/g, ge = /"/g, we = /^(?:script|style|textarea|title)$/i, $e = (o) => (e, ...t) => ({ _$litType$: o, strings: e, values: t }), c = $e(1), $ = $e(2), S = Symbol.for("lit-noChange"), g = Symbol.for("lit-nothing"), me = /* @__PURE__ */ new WeakMap(), _ = A.createTreeWalker(A, 129);

+function _e(o, e) {

+  if (!oe(o) || !o.hasOwnProperty("raw")) throw Error("invalid template strings array");

+  return de !== void 0 ? de.createHTML(e) : e;

 }

 const De = (o, e) => {

-  const t = o.length - 1, i = [];

-  let r, n = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", s = M;

+  const t = o.length - 1, r = [];

+  let i, n = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", s = z;

   for (let l = 0; l < t; l++) {

     const a = o[l];

-    let d, u, h = -1, v = 0;

-    for (; v < a.length && (s.lastIndex = v, u = s.exec(a), u !== null); ) v = s.lastIndex, s === M ? u[1] === "!--" ? s = de : u[1] !== void 0 ? s = he : u[2] !== void 0 ? (ye.test(u[2]) && (r = RegExp("</" + u[2], "g")), s = $) : u[3] !== void 0 && (s = $) : s === $ ? u[0] === ">" ? (s = r ?? M, h = -1) : u[1] === void 0 ? h = -2 : (h = s.lastIndex - u[2].length, d = u[1], s = u[3] === void 0 ? $ : u[3] === '"' ? ue : pe) : s === ue || s === pe ? s = $ : s === de || s === he ? s = M : (s = $, r = void 0);

-    const b = s === $ && o[l + 1].startsWith("/>") ? " " : "";

-    n += s === M ? a + Ne : h >= 0 ? (i.push(d), a.slice(0, h) + be + a.slice(h) + x + b) : a + x + (h === -2 ? l : b);

+    let p, u, h = -1, v = 0;

+    for (; v < a.length && (s.lastIndex = v, u = s.exec(a), u !== null); ) v = s.lastIndex, s === z ? u[1] === "!--" ? s = pe : u[1] !== void 0 ? s = he : u[2] !== void 0 ? (we.test(u[2]) && (i = RegExp("</" + u[2], "g")), s = w) : u[3] !== void 0 && (s = w) : s === w ? u[0] === ">" ? (s = i ?? z, h = -1) : u[1] === void 0 ? h = -2 : (h = s.lastIndex - u[2].length, p = u[1], s = u[3] === void 0 ? w : u[3] === '"' ? ge : ue) : s === ge || s === ue ? s = w : s === pe || s === he ? s = z : (s = w, i = void 0);

+    const b = s === w && o[l + 1].startsWith("/>") ? " " : "";

+    n += s === z ? a + Ne : h >= 0 ? (r.push(p), a.slice(0, h) + xe + a.slice(h) + x + b) : a + x + (h === -2 ? l : b);

   }

-  return [we(o, n + (o[t] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), i];

+  return [_e(o, n + (o[t] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), r];

 };

 class O {

-  constructor({ strings: e, _$litType$: t }, i) {

-    let r;

+  constructor({ strings: e, _$litType$: t }, r) {

+    let i;

     this.parts = [];

     let n = 0, s = 0;

-    const l = e.length - 1, a = this.parts, [d, u] = De(e, t);

-    if (this.el = O.createElement(d, i), _.currentNode = this.el.content, t === 2 || t === 3) {

+    const l = e.length - 1, a = this.parts, [p, u] = De(e, t);

+    if (this.el = O.createElement(p, r), _.currentNode = this.el.content, t === 2 || t === 3) {

       const h = this.el.content.firstChild;

       h.replaceWith(...h.childNodes);

     }

-    for (; (r = _.nextNode()) !== null && a.length < l; ) {

-      if (r.nodeType === 1) {

-        if (r.hasAttributes()) for (const h of r.getAttributeNames()) if (h.endsWith(be)) {

-          const v = u[s++], b = r.getAttribute(h).split(x), R = /([.?@])?(.*)/.exec(v);

-          a.push({ type: 1, index: n, name: R[2], strings: b, ctor: R[1] === "." ? Le : R[1] === "?" ? Ie : R[1] === "@" ? Ve : D }), r.removeAttribute(h);

-        } else h.startsWith(x) && (a.push({ type: 6, index: n }), r.removeAttribute(h));

-        if (ye.test(r.tagName)) {

-          const h = r.textContent.split(x), v = h.length - 1;

+    for (; (i = _.nextNode()) !== null && a.length < l; ) {

+      if (i.nodeType === 1) {

+        if (i.hasAttributes()) for (const h of i.getAttributeNames()) if (h.endsWith(xe)) {

+          const v = u[s++], b = i.getAttribute(h).split(x), H = /([.?@])?(.*)/.exec(v);

+          a.push({ type: 1, index: n, name: H[2], strings: b, ctor: H[1] === "." ? Le : H[1] === "?" ? Ve : H[1] === "@" ? Fe : j }), i.removeAttribute(h);

+        } else h.startsWith(x) && (a.push({ type: 6, index: n }), i.removeAttribute(h));

+        if (we.test(i.tagName)) {

+          const h = i.textContent.split(x), v = h.length - 1;

           if (v > 0) {

-            r.textContent = B ? B.emptyScript : "";

-            for (let b = 0; b < v; b++) r.append(h[b], P()), _.nextNode(), a.push({ type: 2, index: ++n });

-            r.append(h[v], P());

+            i.textContent = N ? N.emptyScript : "";

+            for (let b = 0; b < v; b++) i.append(h[b], P()), _.nextNode(), a.push({ type: 2, index: ++n });

+            i.append(h[v], P());

           }

         }

-      } else if (r.nodeType === 8) if (r.data === xe) a.push({ type: 2, index: n });

+      } else if (i.nodeType === 8) if (i.data === ye) a.push({ type: 2, index: n });

       else {

         let h = -1;

-        for (; (h = r.data.indexOf(x, h + 1)) !== -1; ) a.push({ type: 7, index: n }), h += x.length - 1;

+        for (; (h = i.data.indexOf(x, h + 1)) !== -1; ) a.push({ type: 7, index: n }), h += x.length - 1;

       }

       n++;

     }

   }

   static createElement(e, t) {

-    const i = k.createElement("template");

-    return i.innerHTML = e, i;

+    const r = A.createElement("template");

+    return r.innerHTML = e, r;

   }

 }

-function C(o, e, t = o, i) {

+function C(o, e, t = o, r) {

   var s, l;

   if (e === S) return e;

-  let r = i !== void 0 ? (s = t._$Co) == null ? void 0 : s[i] : t._$Cl;

+  let i = r !== void 0 ? (s = t._$Co) == null ? void 0 : s[r] : t._$Cl;

   const n = U(e) ? void 0 : e._$litDirective$;

-  return (r == null ? void 0 : r.constructor) !== n && ((l = r == null ? void 0 : r._$AO) == null || l.call(r, !1), n === void 0 ? r = void 0 : (r = new n(o), r._$AT(o, t, i)), i !== void 0 ? (t._$Co ?? (t._$Co = []))[i] = r : t._$Cl = r), r !== void 0 && (e = C(o, r._$AS(o, e.values), r, i)), e;

+  return (i == null ? void 0 : i.constructor) !== n && ((l = i == null ? void 0 : i._$AO) == null || l.call(i, !1), n === void 0 ? i = void 0 : (i = new n(o), i._$AT(o, t, r)), r !== void 0 ? (t._$Co ?? (t._$Co = []))[r] = i : t._$Cl = i), i !== void 0 && (e = C(o, i._$AS(o, e.values), i, r)), e;

 }

-class je {

+class Ie {

   constructor(e, t) {

     this._$AV = [], this._$AN = void 0, this._$AD = e, this._$AM = t;

   }

@@ -361,30 +361,30 @@ class je {

     return this._$AM._$AU;

   }

   u(e) {

-    const { el: { content: t }, parts: i } = this._$AD, r = ((e == null ? void 0 : e.creationScope) ?? k).importNode(t, !0);

-    _.currentNode = r;

-    let n = _.nextNode(), s = 0, l = 0, a = i[0];

+    const { el: { content: t }, parts: r } = this._$AD, i = ((e == null ? void 0 : e.creationScope) ?? A).importNode(t, !0);

+    _.currentNode = i;

+    let n = _.nextNode(), s = 0, l = 0, a = r[0];

     for (; a !== void 0; ) {

       if (s === a.index) {

-        let d;

-        a.type === 2 ? d = new H(n, n.nextSibling, this, e) : a.type === 1 ? d = new a.ctor(n, a.name, a.strings, this, e) : a.type === 6 && (d = new Fe(n, this, e)), this._$AV.push(d), a = i[++l];

+        let p;

+        a.type === 2 ? p = new R(n, n.nextSibling, this, e) : a.type === 1 ? p = new a.ctor(n, a.name, a.strings, this, e) : a.type === 6 && (p = new Ye(n, this, e)), this._$AV.push(p), a = r[++l];

       }

       s !== (a == null ? void 0 : a.index) && (n = _.nextNode(), s++);

     }

-    return _.currentNode = k, r;

+    return _.currentNode = A, i;

   }

   p(e) {

     let t = 0;

-    for (const i of this._$AV) i !== void 0 && (i.strings !== void 0 ? (i._$AI(e, i, t), t += i.strings.length - 2) : i._$AI(e[t])), t++;

+    for (const r of this._$AV) r !== void 0 && (r.strings !== void 0 ? (r._$AI(e, r, t), t += r.strings.length - 2) : r._$AI(e[t])), t++;

   }

 }

-class H {

+class R {

   get _$AU() {

     var e;

     return ((e = this._$AM) == null ? void 0 : e._$AU) ?? this._$Cv;

   }

-  constructor(e, t, i, r) {

-    this.type = 2, this._$AH = m, this._$AN = void 0, this._$AA = e, this._$AB = t, this._$AM = i, this.options = r, this._$Cv = (r == null ? void 0 : r.isConnected) ?? !0;

+  constructor(e, t, r, i) {

+    this.type = 2, this._$AH = g, this._$AN = void 0, this._$AA = e, this._$AB = t, this._$AM = r, this.options = i, this._$Cv = (i == null ? void 0 : i.isConnected) ?? !0;

   }

   get parentNode() {

     let e = this._$AA.parentNode;

@@ -398,7 +398,7 @@ class H {

     return this._$AB;

   }

   _$AI(e, t = this) {

-    e = C(this, e, t), U(e) ? e === m || e == null || e === "" ? (this._$AH !== m && this._$AR(), this._$AH = m) : e !== this._$AH && e !== S && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : Be(e) ? this.k(e) : this._(e);

+    e = C(this, e, t), U(e) ? e === g || e == null || e === "" ? (this._$AH !== g && this._$AR(), this._$AH = g) : e !== this._$AH && e !== S && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : je(e) ? this.k(e) : this._(e);

   }

   O(e) {

     return this._$AA.parentNode.insertBefore(e, this._$AB);

@@ -407,14 +407,14 @@ class H {

     this._$AH !== e && (this._$AR(), this._$AH = this.O(e));

   }

   _(e) {

-    this._$AH !== m && U(this._$AH) ? this._$AA.nextSibling.data = e : this.T(k.createTextNode(e)), this._$AH = e;

+    this._$AH !== g && U(this._$AH) ? this._$AA.nextSibling.data = e : this.T(A.createTextNode(e)), this._$AH = e;

   }

   $(e) {

     var n;

-    const { values: t, _$litType$: i } = e, r = typeof i == "number" ? this._$AC(e) : (i.el === void 0 && (i.el = O.createElement(we(i.h, i.h[0]), this.options)), i);

-    if (((n = this._$AH) == null ? void 0 : n._$AD) === r) this._$AH.p(t);

+    const { values: t, _$litType$: r } = e, i = typeof r == "number" ? this._$AC(e) : (r.el === void 0 && (r.el = O.createElement(_e(r.h, r.h[0]), this.options)), r);

+    if (((n = this._$AH) == null ? void 0 : n._$AD) === i) this._$AH.p(t);

     else {

-      const s = new je(r, this), l = s.u(this.options);

+      const s = new Ie(i, this), l = s.u(this.options);

       s.p(t), this.T(l), this._$AH = s;

     }

   }

@@ -423,17 +423,17 @@ class H {

     return t === void 0 && me.set(e.strings, t = new O(e)), t;

   }

   k(e) {

-    re(this._$AH) || (this._$AH = [], this._$AR());

+    oe(this._$AH) || (this._$AH = [], this._$AR());

     const t = this._$AH;

-    let i, r = 0;

-    for (const n of e) r === t.length ? t.push(i = new H(this.O(P()), this.O(P()), this, this.options)) : i = t[r], i._$AI(n), r++;

-    r < t.length && (this._$AR(i && i._$AB.nextSibling, r), t.length = r);

+    let r, i = 0;

+    for (const n of e) i === t.length ? t.push(r = new R(this.O(P()), this.O(P()), this, this.options)) : r = t[i], r._$AI(n), i++;

+    i < t.length && (this._$AR(r && r._$AB.nextSibling, i), t.length = i);

   }

   _$AR(e = this._$AA.nextSibling, t) {

-    var i;

-    for ((i = this._$AP) == null ? void 0 : i.call(this, !1, !0, t); e !== this._$AB; ) {

-      const r = le(e).nextSibling;

-      le(e).remove(), e = r;

+    var r;

+    for ((r = this._$AP) == null ? void 0 : r.call(this, !1, !0, t); e !== this._$AB; ) {

+      const i = ce(e).nextSibling;

+      ce(e).remove(), e = i;

     }

   }

   setConnected(e) {

@@ -441,64 +441,64 @@ class H {

     this._$AM === void 0 && (this._$Cv = e, (t = this._$AP) == null || t.call(this, e));

   }

 }

-class D {

+class j {

   get tagName() {

     return this.element.tagName;

   }

   get _$AU() {

     return this._$AM._$AU;

   }

-  constructor(e, t, i, r, n) {

-    this.type = 1, this._$AH = m, this._$AN = void 0, this.element = e, this.name = t, this._$AM = r, this.options = n, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = m;

+  constructor(e, t, r, i, n) {

+    this.type = 1, this._$AH = g, this._$AN = void 0, this.element = e, this.name = t, this._$AM = i, this.options = n, r.length > 2 || r[0] !== "" || r[1] !== "" ? (this._$AH = Array(r.length - 1).fill(new String()), this.strings = r) : this._$AH = g;

   }

-  _$AI(e, t = this, i, r) {

+  _$AI(e, t = this, r, i) {

     const n = this.strings;

     let s = !1;

     if (n === void 0) e = C(this, e, t, 0), s = !U(e) || e !== this._$AH && e !== S, s && (this._$AH = e);

     else {

       const l = e;

-      let a, d;

-      for (e = n[0], a = 0; a < n.length - 1; a++) d = C(this, l[i + a], t, a), d === S && (d = this._$AH[a]), s || (s = !U(d) || d !== this._$AH[a]), d === m ? e = m : e !== m && (e += (d ?? "") + n[a + 1]), this._$AH[a] = d;

+      let a, p;

+      for (e = n[0], a = 0; a < n.length - 1; a++) p = C(this, l[r + a], t, a), p === S && (p = this._$AH[a]), s || (s = !U(p) || p !== this._$AH[a]), p === g ? e = g : e !== g && (e += (p ?? "") + n[a + 1]), this._$AH[a] = p;

     }

-    s && !r && this.j(e);

+    s && !i && this.j(e);

   }

   j(e) {

-    e === m ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");

+    e === g ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");

   }

 }

-class Le extends D {

+class Le extends j {

   constructor() {

     super(...arguments), this.type = 3;

   }

   j(e) {

-    this.element[this.name] = e === m ? void 0 : e;

+    this.element[this.name] = e === g ? void 0 : e;

   }

 }

-class Ie extends D {

+class Ve extends j {

   constructor() {

     super(...arguments), this.type = 4;

   }

   j(e) {

-    this.element.toggleAttribute(this.name, !!e && e !== m);

+    this.element.toggleAttribute(this.name, !!e && e !== g);

   }

 }

-class Ve extends D {

-  constructor(e, t, i, r, n) {

-    super(e, t, i, r, n), this.type = 5;

+class Fe extends j {

+  constructor(e, t, r, i, n) {

+    super(e, t, r, i, n), this.type = 5;

   }

   _$AI(e, t = this) {

-    if ((e = C(this, e, t, 0) ?? m) === S) return;

-    const i = this._$AH, r = e === m && i !== m || e.capture !== i.capture || e.once !== i.once || e.passive !== i.passive, n = e !== m && (i === m || r);

-    r && this.element.removeEventListener(this.name, this, i), n && this.element.addEventListener(this.name, this, e), this._$AH = e;

+    if ((e = C(this, e, t, 0) ?? g) === S) return;

+    const r = this._$AH, i = e === g && r !== g || e.capture !== r.capture || e.once !== r.once || e.passive !== r.passive, n = e !== g && (r === g || i);

+    i && this.element.removeEventListener(this.name, this, r), n && this.element.addEventListener(this.name, this, e), this._$AH = e;

   }

   handleEvent(e) {

     var t;

     typeof this._$AH == "function" ? this._$AH.call(((t = this.options) == null ? void 0 : t.host) ?? this.element, e) : this._$AH.handleEvent(e);

   }

 }

-class Fe {

-  constructor(e, t, i) {

-    this.element = e, this.type = 6, this._$AN = void 0, this._$AM = t, this.options = i;

+class Ye {

+  constructor(e, t, r) {

+    this.element = e, this.type = 6, this._$AN = void 0, this._$AM = t, this.options = r;

   }

   get _$AU() {

     return this._$AM._$AU;

@@ -507,24 +507,24 @@ class Fe {

     C(this, e);

   }

 }

-const I = z.litHtmlPolyfillSupport;

-I == null || I(O, H), (z.litHtmlVersions ?? (z.litHtmlVersions = [])).push("3.3.2");

-const We = (o, e, t) => {

-  const i = (t == null ? void 0 : t.renderBefore) ?? e;

-  let r = i._$litPart$;

-  if (r === void 0) {

+const L = T.litHtmlPolyfillSupport;

+L == null || L(O, R), (T.litHtmlVersions ?? (T.litHtmlVersions = [])).push("3.3.2");

+const qe = (o, e, t) => {

+  const r = (t == null ? void 0 : t.renderBefore) ?? e;

+  let i = r._$litPart$;

+  if (i === void 0) {

     const n = (t == null ? void 0 : t.renderBefore) ?? null;

-    i._$litPart$ = r = new H(e.insertBefore(P(), n), n, void 0, t ?? {});

+    r._$litPart$ = i = new R(e.insertBefore(P(), n), n, void 0, t ?? {});

   }

-  return r._$AI(o), r;

+  return i._$AI(o), i;

 };

 /**

  * @license

  * Copyright 2017 Google LLC

  * SPDX-License-Identifier: BSD-3-Clause

  */

-const A = globalThis;

-class g extends E {

+const k = globalThis;