reke-ui 0.2.0 → 0.2.1

package/custom-elements.json

@@ -128,6 +128,139 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/reke-badge/reke-badge.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "RekeBadge",
+          "cssProperties": [
+            {
+              "description": "Default variant background color.",
+              "name": "--reke-color-surface",
+              "default": "#1A1A1A"
+            },
+            {
+              "description": "Default variant text color.",
+              "name": "--reke-color-text",
+              "default": "#E5E5E5"
+            },
+            {
+              "description": "Default variant border color.",
+              "name": "--reke-color-border",
+              "default": "#252525"
+            },
+            {
+              "description": "Primary/success variant accent color.",
+              "name": "--reke-color-primary",
+              "default": "#22C55E"
+            },
+            {
+              "description": "Danger variant accent color.",
+              "name": "--reke-color-danger",
+              "default": "#EF4444"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The inner badge element.",
+              "name": "badge"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Default slot for badge text.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "BadgeVariant"
+              },
+              "default": "'default'",
+              "attribute": "variant",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "BadgeSize"
+              },
+              "default": "'md'",
+              "attribute": "size",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "shape",
+              "type": {
+                "text": "BadgeShape"
+              },
+              "default": "'pill'",
+              "attribute": "shape",
+              "reflects": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "variant",
+              "type": {
+                "text": "BadgeVariant"
+              },
+              "default": "'default'",
+              "fieldName": "variant"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "BadgeSize"
+              },
+              "default": "'md'",
+              "fieldName": "size"
+            },
+            {
+              "name": "shape",
+              "type": {
+                "text": "BadgeShape"
+              },
+              "default": "'pill'",
+              "fieldName": "shape"
+            }
+          ],
+          "superclass": {
+            "name": "RekeElement",
+            "module": "/src/shared/base-element.js"
+          },
+          "tagName": "reke-badge",
+          "customElement": true,
+          "summary": "A badge component for displaying labels, statuses, and counts."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "RekeBadge",
+          "declaration": {
+            "name": "RekeBadge",
+            "module": "src/components/reke-badge/reke-badge.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "reke-badge",
+          "declaration": {
+            "name": "RekeBadge",
+            "module": "src/components/reke-badge/reke-badge.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/reke-button/reke-button.ts",
@@ -321,139 +454,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/reke-badge/reke-badge.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "RekeBadge",
-          "cssProperties": [
-            {
-              "description": "Default variant background color.",
-              "name": "--reke-color-surface",
-              "default": "#1A1A1A"
-            },
-            {
-              "description": "Default variant text color.",
-              "name": "--reke-color-text",
-              "default": "#E5E5E5"
-            },
-            {
-              "description": "Default variant border color.",
-              "name": "--reke-color-border",
-              "default": "#252525"
-            },
-            {
-              "description": "Primary/success variant accent color.",
-              "name": "--reke-color-primary",
-              "default": "#22C55E"
-            },
-            {
-              "description": "Danger variant accent color.",
-              "name": "--reke-color-danger",
-              "default": "#EF4444"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The inner badge element.",
-              "name": "badge"
-            }
-          ],
-          "slots": [
-            {
-              "description": "Default slot for badge text.",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "variant",
-              "type": {
-                "text": "BadgeVariant"
-              },
-              "default": "'default'",
-              "attribute": "variant",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "BadgeSize"
-              },
-              "default": "'md'",
-              "attribute": "size",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "shape",
-              "type": {
-                "text": "BadgeShape"
-              },
-              "default": "'pill'",
-              "attribute": "shape",
-              "reflects": true
-            }
-          ],
-          "attributes": [
-            {
-              "name": "variant",
-              "type": {
-                "text": "BadgeVariant"
-              },
-              "default": "'default'",
-              "fieldName": "variant"
-            },
-            {
-              "name": "size",
-              "type": {
-                "text": "BadgeSize"
-              },
-              "default": "'md'",
-              "fieldName": "size"
-            },
-            {
-              "name": "shape",
-              "type": {
-                "text": "BadgeShape"
-              },
-              "default": "'pill'",
-              "fieldName": "shape"
-            }
-          ],
-          "superclass": {
-            "name": "RekeElement",
-            "module": "/src/shared/base-element.js"
-          },
-          "tagName": "reke-badge",
-          "customElement": true,
-          "summary": "A badge component for displaying labels, statuses, and counts."
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "RekeBadge",
-          "declaration": {
-            "name": "RekeBadge",
-            "module": "src/components/reke-badge/reke-badge.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "reke-badge",
-          "declaration": {
-            "name": "RekeBadge",
-            "module": "src/components/reke-badge/reke-badge.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/components/reke-card/reke-card.ts",

package/dist/components/reke-table/reke-table.js

@@ -1,11 +1,10 @@
 import { RekeElement as e } from "../../shared/base-element.js";
 import { __decorate as t } from "../../_virtual/_@oxc-project_runtime@0.137.0/helpers/esm/decorate.js";
-import { n } from "../../node_modules/lit-html/directives/ref.js";
-import "../../node_modules/lit/directives/ref.js";
-import { styles as r } from "./reke-table.styles.js";
-import { html as i, nothing as a } from "lit";
-import { customElement as o, property as s, state as c } from "lit/decorators.js";
-import { classMap as l } from "lit/directives/class-map.js";
+import { styles as n } from "./reke-table.styles.js";
+import { html as r, nothing as i } from "lit";
+import { customElement as a, property as o, state as s } from "lit/decorators.js";
+import { classMap as c } from "lit/directives/class-map.js";
+import { ref as l } from "lit/directives/ref.js";
 //#region src/components/reke-table/reke-table.ts
 function u() {
 	try {
@@ -30,7 +29,7 @@ var d = class extends e {
 		super(...e), this.columns = [], this.rows = [], this.striped = !1, this.dense = !1, this.hoverable = !1, this.bordered = !1, this.borderless = !1, this.expandable = !1, this.expandOnRowClick = !1, this.sortKey = "", this.sortDirection = "asc", this.expandedRowElement = null, this.expandedRows = /* @__PURE__ */ new Set(), this._hostCache = /* @__PURE__ */ new Map(), this._cleanupMap = /* @__PURE__ */ new Map(), this._warnedDupKeys = /* @__PURE__ */ new Set(), this._warnedNumericTarget = !1, this._mountedKeys = /* @__PURE__ */ new Set(), this._keyToRow = /* @__PURE__ */ new Map(), this._refCallbacks = /* @__PURE__ */ new Map(), this._hasToolbar = !1, this._hasFooter = !1, this._warnedLegacyApi = !1;
 	}
 	static {
-		this.styles = r;
+		this.styles = n;
 	}
 	_resolveKey(e, t) {
 		return this.getRowKey ? this.getRowKey(e, t) : String(t);
@@ -90,15 +89,15 @@ var d = class extends e {
 			r.parentElement !== n && n.appendChild(r);
 		}, this._refCallbacks.set(e, t)), t;
 	}
-	_renderRow(e, t, r) {
-		let o = this.expandedRows.has(r), s = `reke-table-expand-${String(r)}`, c = this.columns.length + +!!this.expandable;
-		return i`
+	_renderRow(e, t, n) {
+		let a = this.expandedRows.has(n), o = `reke-table-expand-${String(n)}`, s = this.columns.length + +!!this.expandable;
+		return r`
       <tr
         part="row"
-        class="row ${t % 2 == 1 ? "row--even" : ""} ${o ? "row--expanded" : ""}"
+        class="row ${t % 2 == 1 ? "row--even" : ""} ${a ? "row--expanded" : ""}"
         @click=${() => this.handleRowClick(e, t)}
       >
-        ${this.expandable ? i`
+        ${this.expandable ? r`
               <td
                 part="expand-toggle-cell"
                 class="expand-toggle-cell"
@@ -106,18 +105,18 @@ var d = class extends e {
                 <button
                   type="button"
                   part="expand-toggle-button"
-                  class="expand-toggle-button ${o ? "expand-toggle-button--expanded" : ""}"
-                  aria-expanded=${o ? "true" : "false"}
-                  aria-controls=${s}
-                  aria-label=${o ? "Collapse row" : "Expand row"}
-                  @click=${(e) => this._handleChevronClick(e, r)}
-                  @keydown=${(e) => this._handleChevronKeydown(e, r)}
+                  class="expand-toggle-button ${a ? "expand-toggle-button--expanded" : ""}"
+                  aria-expanded=${a ? "true" : "false"}
+                  aria-controls=${o}
+                  aria-label=${a ? "Collapse row" : "Expand row"}
+                  @click=${(e) => this._handleChevronClick(e, n)}
+                  @keydown=${(e) => this._handleChevronKeydown(e, n)}
                 >
                   <span class="expand-toggle-chevron" aria-hidden="true">▶</span>
                 </button>
               </td>
-            ` : a}
-        ${this.columns.map((n) => i`
+            ` : i}
+        ${this.columns.map((n) => r`
             <td
               part="cell"
               class="cell"
@@ -127,17 +126,17 @@ var d = class extends e {
             </td>
           `)}
       </tr>
-      ${this.expandedRowElement && o && this._keyToRow.get(r) === e ? i`
+      ${this.expandedRowElement && a && this._keyToRow.get(n) === e ? r`
             <tr part="expand-row" class="expand-row">
               <td
                 part="expand-content"
                 class="expand-content"
-                id=${s}
-                colspan=${c}
-                ${n(this._expandTdRef(r))}
+                id=${o}
+                colspan=${s}
+                ${l(this._expandTdRef(n))}
               ></td>
             </tr>
-          ` : a}
+          ` : i}
     `;
 	}
 	willUpdate(e) {
@@ -195,26 +194,26 @@ var d = class extends e {
 			"table--hoverable": this.hoverable,
 			"table--bordered": this.bordered
 		};
-		return i`
+		return r`
       <div class="table-container">
-        ${this._hasToolbar ? i`
+        ${this._hasToolbar ? r`
               <div part="toolbar" class="table-toolbar">
                 <slot name="toolbar" @slotchange=${this._onToolbarSlotChange}></slot>
               </div>
-            ` : i`<slot name="toolbar" @slotchange=${this._onToolbarSlotChange} style="display:none"></slot>`}
+            ` : r`<slot name="toolbar" @slotchange=${this._onToolbarSlotChange} style="display:none"></slot>`}
 
         <div class="table-wrapper">
-          <table part="table" class=${l(e)} role="table">
+          <table part="table" class=${c(e)} role="table">
             <thead part="header">
               <tr>
-                ${this.expandable ? i`
+                ${this.expandable ? r`
                       <th
                         part="expand-toggle-header-cell"
                         class="expand-toggle-header-cell"
                         aria-hidden="true"
                       ></th>
-                    ` : a}
-                ${this.columns.map((e) => i`
+                    ` : i}
+                ${this.columns.map((e) => r`
                     <th
                       part="header-cell"
                       class="header-cell ${this.sortKey === e.key ? "header-cell--sorted" : ""} ${e.sortable === !1 ? "header-cell--no-sort" : ""}"
@@ -224,7 +223,7 @@ var d = class extends e {
                     >
                       <span class="header-content">
                         ${e.header}
-                        ${this.sortKey === e.key ? i`<span class="sort-indicator" aria-hidden="true">${this.sortDirection === "asc" ? "↑" : "↓"}</span>` : a}
+                        ${this.sortKey === e.key ? r`<span class="sort-indicator" aria-hidden="true">${this.sortDirection === "asc" ? "↑" : "↓"}</span>` : i}
                       </span>
                     </th>
                   `)}
@@ -235,7 +234,7 @@ var d = class extends e {
 			let n = this._resolveKey(e, t);
 			return this._renderRow(e, t, n);
 		})}
-              ${this.rows.length === 0 ? i`
+              ${this.rows.length === 0 ? r`
                     <tr class="row row--empty">
                       <td
                         class="cell cell--empty"
@@ -244,48 +243,48 @@ var d = class extends e {
                         <slot name="empty">No data</slot>
                       </td>
                     </tr>
-                  ` : a}
+                  ` : i}
             </tbody>
           </table>
         </div>
 
-        ${this._hasFooter ? i`
+        ${this._hasFooter ? r`
               <div part="footer" class="table-footer">
                 <slot name="footer" @slotchange=${this._onFooterSlotChange}></slot>
               </div>
-            ` : i`<slot name="footer" @slotchange=${this._onFooterSlotChange} style="display:none"></slot>`}
+            ` : r`<slot name="footer" @slotchange=${this._onFooterSlotChange} style="display:none"></slot>`}
       </div>
     `;
 	}
 };
-t([s({ attribute: !1 })], d.prototype, "columns", void 0), t([s({ attribute: !1 })], d.prototype, "rows", void 0), t([s({
+t([o({ attribute: !1 })], d.prototype, "columns", void 0), t([o({ attribute: !1 })], d.prototype, "rows", void 0), t([o({
 	type: Boolean,
 	reflect: !0
-})], d.prototype, "striped", void 0), t([s({
+})], d.prototype, "striped", void 0), t([o({
 	type: Boolean,
 	reflect: !0
-})], d.prototype, "dense", void 0), t([s({
+})], d.prototype, "dense", void 0), t([o({
 	type: Boolean,
 	reflect: !0
-})], d.prototype, "hoverable", void 0), t([s({
+})], d.prototype, "hoverable", void 0), t([o({
 	type: Boolean,
 	reflect: !0
-})], d.prototype, "bordered", void 0), t([s({
+})], d.prototype, "bordered", void 0), t([o({
 	type: Boolean,
 	reflect: !0
-})], d.prototype, "borderless", void 0), t([s({
+})], d.prototype, "borderless", void 0), t([o({
 	type: Boolean,
 	reflect: !0
-})], d.prototype, "expandable", void 0), t([s({
+})], d.prototype, "expandable", void 0), t([o({
 	type: Boolean,
 	reflect: !0,
 	attribute: "expand-on-row-click"
-})], d.prototype, "expandOnRowClick", void 0), t([s({
+})], d.prototype, "expandOnRowClick", void 0), t([o({
 	reflect: !0,
 	attribute: "sort-key"
-})], d.prototype, "sortKey", void 0), t([s({
+})], d.prototype, "sortKey", void 0), t([o({
 	reflect: !0,
 	attribute: "sort-direction"
-})], d.prototype, "sortDirection", void 0), t([s({ attribute: !1 })], d.prototype, "expandedRowElement", void 0), t([s({ attribute: !1 })], d.prototype, "getRowKey", void 0), t([s({ attribute: !1 })], d.prototype, "expandedRows", void 0), t([c()], d.prototype, "_hasToolbar", void 0), t([c()], d.prototype, "_hasFooter", void 0), d = t([o("reke-table")], d);
+})], d.prototype, "sortDirection", void 0), t([o({ attribute: !1 })], d.prototype, "expandedRowElement", void 0), t([o({ attribute: !1 })], d.prototype, "getRowKey", void 0), t([o({ attribute: !1 })], d.prototype, "expandedRows", void 0), t([s()], d.prototype, "_hasToolbar", void 0), t([s()], d.prototype, "_hasFooter", void 0), d = t([a("reke-table")], d);
 //#endregion
 export { d as RekeTable };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "reke-ui",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "Web Component library built with Lit 3 — dark & light themes",
   "type": "module",
   "main": "./dist/index.js",

package/dist/node_modules/lit/directives/ref.js

@@ -1 +0,0 @@
-import "../../lit-html/directives/ref.js";

package/dist/node_modules/lit-html/async-directive.js

@@ -1,55 +0,0 @@
-import { r as e } from "./directive-helpers.js";
-import { i as t, t as n } from "./directive.js";
-//#region node_modules/lit-html/async-directive.js
-var r = (e, t) => {
-	let n = e._$AN;
-	if (n === void 0) return !1;
-	for (let e of n) e._$AO?.(t, !1), r(e, t);
-	return !0;
-}, i = (e) => {
-	let t, n;
-	do {
-		if ((t = e._$AM) === void 0) break;
-		n = t._$AN, n.delete(e), e = t;
-	} while (n?.size === 0);
-}, a = (e) => {
-	for (let t; t = e._$AM; e = t) {
-		let n = t._$AN;
-		if (n === void 0) t._$AN = n = /* @__PURE__ */ new Set();
-		else if (n.has(e)) break;
-		n.add(e), c(t);
-	}
-};
-function o(e) {
-	this._$AN === void 0 ? this._$AM = e : (i(this), this._$AM = e, a(this));
-}
-function s(e, t = !1, n = 0) {
-	let a = this._$AH, o = this._$AN;
-	if (o !== void 0 && o.size !== 0) if (t) if (Array.isArray(a)) for (let e = n; e < a.length; e++) r(a[e], !1), i(a[e]);
-	else a != null && (r(a, !1), i(a));
-	else r(this, e);
-}
-var c = (e) => {
-	e.type == n.CHILD && (e._$AP ??= s, e._$AQ ??= o);
-}, l = class extends t {
-	constructor() {
-		super(...arguments), this._$AN = void 0;
-	}
-	_$AT(e, t, n) {
-		super._$AT(e, t, n), a(this), this.isConnected = e._$AU;
-	}
-	_$AO(e, t = !0) {
-		e !== this.isConnected && (this.isConnected = e, e ? this.reconnected?.() : this.disconnected?.()), t && (r(this, e), i(this));
-	}
-	setValue(t) {
-		if (e(this._$Ct)) this._$Ct._$AI(t, this);
-		else {
-			let e = [...this._$Ct._$AH];
-			e[this._$Ci] = t, this._$Ct._$AI(e, this, 0);
-		}
-	}
-	disconnected() {}
-	reconnected() {}
-};
-//#endregion
-export { l as f };

package/dist/node_modules/lit-html/directive-helpers.js

@@ -1,5 +0,0 @@
-import { j as e } from "./lit-html.js";
-//#region node_modules/lit-html/directive-helpers.js
-var { I: t } = e, n = (e) => e.strings === void 0;
-//#endregion
-export { n as r };

package/dist/node_modules/lit-html/directive.js

@@ -1,28 +0,0 @@
-//#region node_modules/lit-html/directive.js
-var e = {
-	ATTRIBUTE: 1,
-	CHILD: 2,
-	PROPERTY: 3,
-	BOOLEAN_ATTRIBUTE: 4,
-	EVENT: 5,
-	ELEMENT: 6
-}, t = (e) => (...t) => ({
-	_$litDirective$: e,
-	values: t
-}), n = class {
-	constructor(e) {}
-	get _$AU() {
-		return this._$AM._$AU;
-	}
-	_$AT(e, t, n) {
-		this._$Ct = e, this._$AM = t, this._$Ci = n;
-	}
-	_$AS(e, t) {
-		return this.update(e, t);
-	}
-	update(e, t) {
-		return this.render(...t);
-	}
-};
-//#endregion
-export { t as e, n as i, e as t };

package/dist/node_modules/lit-html/directives/ref.js

@@ -1,30 +0,0 @@
-import { A as e } from "../lit-html.js";
-import { e as t } from "../directive.js";
-import { f as n } from "../async-directive.js";
-//#region node_modules/lit-html/directives/ref.js
-var r = /* @__PURE__ */ new WeakMap(), i = t(class extends n {
-	render(t) {
-		return e;
-	}
-	update(t, [n]) {
-		let r = n !== this.G;
-		return r && this.rt(void 0), (r || this.lt !== this.ct) && (this.G = n, this.ht = t.options?.host, this.rt(this.ct = t.element)), e;
-	}
-	rt(e) {
-		if (this.G !== void 0) if (this.isConnected || (e = void 0), typeof this.G == "function") {
-			let t = this.ht ?? globalThis, n = r.get(t);
-			n === void 0 && (n = /* @__PURE__ */ new WeakMap(), r.set(t, n)), n.get(this.G) !== void 0 && this.G.call(this.ht, void 0), n.set(this.G, e), e !== void 0 && this.G.call(this.ht, e);
-		} else this.G.value = e;
-	}
-	get lt() {
-		return typeof this.G == "function" ? r.get(this.ht ?? globalThis)?.get(this.G) : this.G?.value;
-	}
-	disconnected() {
-		this.lt === this.ct && this.rt(void 0);
-	}
-	reconnected() {
-		this.rt(this.ct);
-	}
-});
-//#endregion
-export { i as n };

package/dist/node_modules/lit-html/lit-html.js

@@ -1,234 +0,0 @@
-//#region node_modules/lit-html/lit-html.js
-var e = globalThis, t = (e) => e, n = e.trustedTypes, r = n ? n.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, i = "$lit$", a = `lit$${Math.random().toFixed(9).slice(2)}$`, o = "?" + a, s = `<${o}>`, c = document, l = () => c.createComment(""), u = (e) => e === null || typeof e != "object" && typeof e != "function", d = Array.isArray, f = (e) => d(e) || typeof e?.[Symbol.iterator] == "function", p = "[ 	\n\f\r]", m = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, h = /-->/g, g = />/g, _ = RegExp(`>|${p}(?:([^\\s"'>=/]+)(${p}*=${p}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`, "g"), v = /'/g, y = /"/g, b = /^(?:script|style|textarea|title)$/i, x = Symbol.for("lit-noChange"), S = Symbol.for("lit-nothing"), C = /* @__PURE__ */ new WeakMap(), w = c.createTreeWalker(c, 129);
-function T(e, t) {
-	if (!d(e) || !e.hasOwnProperty("raw")) throw Error("invalid template strings array");
-	return r === void 0 ? t : r.createHTML(t);
-}
-var E = (e, t) => {
-	let n = e.length - 1, r = [], o, c = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", l = m;
-	for (let t = 0; t < n; t++) {
-		let n = e[t], u, d, f = -1, p = 0;
-		for (; p < n.length && (l.lastIndex = p, d = l.exec(n), d !== null);) p = l.lastIndex, l === m ? d[1] === "!--" ? l = h : d[1] === void 0 ? d[2] === void 0 ? d[3] !== void 0 && (l = _) : (b.test(d[2]) && (o = RegExp("</" + d[2], "g")), l = _) : l = g : l === _ ? d[0] === ">" ? (l = o ?? m, f = -1) : d[1] === void 0 ? f = -2 : (f = l.lastIndex - d[2].length, u = d[1], l = d[3] === void 0 ? _ : d[3] === "\"" ? y : v) : l === y || l === v ? l = _ : l === h || l === g ? l = m : (l = _, o = void 0);
-		let x = l === _ && e[t + 1].startsWith("/>") ? " " : "";
-		c += l === m ? n + s : f >= 0 ? (r.push(u), n.slice(0, f) + i + n.slice(f) + a + x) : n + a + (f === -2 ? t : x);
-	}
-	return [T(e, c + (e[n] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), r];
-}, D = class e {
-	constructor({ strings: t, _$litType$: r }, s) {
-		let c;
-		this.parts = [];
-		let u = 0, d = 0, f = t.length - 1, p = this.parts, [m, h] = E(t, r);
-		if (this.el = e.createElement(m, s), w.currentNode = this.el.content, r === 2 || r === 3) {
-			let e = this.el.content.firstChild;
-			e.replaceWith(...e.childNodes);
-		}
-		for (; (c = w.nextNode()) !== null && p.length < f;) {
-			if (c.nodeType === 1) {
-				if (c.hasAttributes()) for (let e of c.getAttributeNames()) if (e.endsWith(i)) {
-					let t = h[d++], n = c.getAttribute(e).split(a), r = /([.?@])?(.*)/.exec(t);
-					p.push({
-						type: 1,
-						index: u,
-						name: r[2],
-						strings: n,
-						ctor: r[1] === "." ? M : r[1] === "?" ? N : r[1] === "@" ? P : j
-					}), c.removeAttribute(e);
-				} else e.startsWith(a) && (p.push({
-					type: 6,
-					index: u
-				}), c.removeAttribute(e));
-				if (b.test(c.tagName)) {
-					let e = c.textContent.split(a), t = e.length - 1;
-					if (t > 0) {
-						c.textContent = n ? n.emptyScript : "";
-						for (let n = 0; n < t; n++) c.append(e[n], l()), w.nextNode(), p.push({
-							type: 2,
-							index: ++u
-						});
-						c.append(e[t], l());
-					}
-				}
-			} else if (c.nodeType === 8) if (c.data === o) p.push({
-				type: 2,
-				index: u
-			});
-			else {
-				let e = -1;
-				for (; (e = c.data.indexOf(a, e + 1)) !== -1;) p.push({
-					type: 7,
-					index: u
-				}), e += a.length - 1;
-			}
-			u++;
-		}
-	}
-	static createElement(e, t) {
-		let n = c.createElement("template");
-		return n.innerHTML = e, n;
-	}
-};
-function O(e, t, n = e, r) {
-	if (t === x) return t;
-	let i = r === void 0 ? n._$Cl : n._$Co?.[r], a = u(t) ? void 0 : t._$litDirective$;
-	return i?.constructor !== a && (i?._$AO?.(!1), a === void 0 ? i = void 0 : (i = new a(e), i._$AT(e, n, r)), r === void 0 ? n._$Cl = i : (n._$Co ??= [])[r] = i), i !== void 0 && (t = O(e, i._$AS(e, t.values), i, r)), t;
-}
-var k = class {
-	constructor(e, t) {
-		this._$AV = [], this._$AN = void 0, this._$AD = e, this._$AM = t;
-	}
-	get parentNode() {
-		return this._$AM.parentNode;
-	}
-	get _$AU() {
-		return this._$AM._$AU;
-	}
-	u(e) {
-		let { el: { content: t }, parts: n } = this._$AD, r = (e?.creationScope ?? c).importNode(t, !0);
-		w.currentNode = r;
-		let i = w.nextNode(), a = 0, o = 0, s = n[0];
-		for (; s !== void 0;) {
-			if (a === s.index) {
-				let t;
-				s.type === 2 ? t = new A(i, i.nextSibling, this, e) : s.type === 1 ? t = new s.ctor(i, s.name, s.strings, this, e) : s.type === 6 && (t = new F(i, this, e)), this._$AV.push(t), s = n[++o];
-			}
-			a !== s?.index && (i = w.nextNode(), a++);
-		}
-		return w.currentNode = c, r;
-	}
-	p(e) {
-		let t = 0;
-		for (let n of this._$AV) n !== void 0 && (n.strings === void 0 ? n._$AI(e[t]) : (n._$AI(e, n, t), t += n.strings.length - 2)), t++;
-	}
-}, A = class e {
-	get _$AU() {
-		return this._$AM?._$AU ?? this._$Cv;
-	}
-	constructor(e, t, n, r) {
-		this.type = 2, this._$AH = S, this._$AN = void 0, this._$AA = e, this._$AB = t, this._$AM = n, this.options = r, this._$Cv = r?.isConnected ?? !0;
-	}
-	get parentNode() {
-		let e = this._$AA.parentNode, t = this._$AM;
-		return t !== void 0 && e?.nodeType === 11 && (e = t.parentNode), e;
-	}
-	get startNode() {
-		return this._$AA;
-	}
-	get endNode() {
-		return this._$AB;
-	}
-	_$AI(e, t = this) {
-		e = O(this, e, t), u(e) ? e === S || e == null || e === "" ? (this._$AH !== S && this._$AR(), this._$AH = S) : e !== this._$AH && e !== x && this._(e) : e._$litType$ === void 0 ? e.nodeType === void 0 ? f(e) ? this.k(e) : this._(e) : this.T(e) : this.$(e);
-	}
-	O(e) {
-		return this._$AA.parentNode.insertBefore(e, this._$AB);
-	}
-	T(e) {
-		this._$AH !== e && (this._$AR(), this._$AH = this.O(e));
-	}
-	_(e) {
-		this._$AH !== S && u(this._$AH) ? this._$AA.nextSibling.data = e : this.T(c.createTextNode(e)), this._$AH = e;
-	}
-	$(e) {
-		let { values: t, _$litType$: n } = e, r = typeof n == "number" ? this._$AC(e) : (n.el === void 0 && (n.el = D.createElement(T(n.h, n.h[0]), this.options)), n);
-		if (this._$AH?._$AD === r) this._$AH.p(t);
-		else {
-			let e = new k(r, this), n = e.u(this.options);
-			e.p(t), this.T(n), this._$AH = e;
-		}
-	}
-	_$AC(e) {
-		let t = C.get(e.strings);
-		return t === void 0 && C.set(e.strings, t = new D(e)), t;
-	}
-	k(t) {
-		d(this._$AH) || (this._$AH = [], this._$AR());
-		let n = this._$AH, r, i = 0;
-		for (let a of t) i === n.length ? n.push(r = new e(this.O(l()), this.O(l()), this, this.options)) : r = n[i], r._$AI(a), i++;
-		i < n.length && (this._$AR(r && r._$AB.nextSibling, i), n.length = i);
-	}
-	_$AR(e = this._$AA.nextSibling, n) {
-		for (this._$AP?.(!1, !0, n); e !== this._$AB;) {
-			let n = t(e).nextSibling;
-			t(e).remove(), e = n;
-		}
-	}
-	setConnected(e) {
-		this._$AM === void 0 && (this._$Cv = e, this._$AP?.(e));
-	}
-}, j = class {
-	get tagName() {
-		return this.element.tagName;
-	}
-	get _$AU() {
-		return this._$AM._$AU;
-	}
-	constructor(e, t, n, r, i) {
-		this.type = 1, this._$AH = S, this._$AN = void 0, this.element = e, this.name = t, this._$AM = r, this.options = i, n.length > 2 || n[0] !== "" || n[1] !== "" ? (this._$AH = Array(n.length - 1).fill(/* @__PURE__ */ new String()), this.strings = n) : this._$AH = S;
-	}
-	_$AI(e, t = this, n, r) {
-		let i = this.strings, a = !1;
-		if (i === void 0) e = O(this, e, t, 0), a = !u(e) || e !== this._$AH && e !== x, a && (this._$AH = e);
-		else {
-			let r = e, o, s;
-			for (e = i[0], o = 0; o < i.length - 1; o++) s = O(this, r[n + o], t, o), s === x && (s = this._$AH[o]), a ||= !u(s) || s !== this._$AH[o], s === S ? e = S : e !== S && (e += (s ?? "") + i[o + 1]), this._$AH[o] = s;
-		}
-		a && !r && this.j(e);
-	}
-	j(e) {
-		e === S ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
-	}
-}, M = class extends j {
-	constructor() {
-		super(...arguments), this.type = 3;
-	}
-	j(e) {
-		this.element[this.name] = e === S ? void 0 : e;
-	}
-}, N = class extends j {
-	constructor() {
-		super(...arguments), this.type = 4;
-	}
-	j(e) {
-		this.element.toggleAttribute(this.name, !!e && e !== S);
-	}
-}, P = class extends j {
-	constructor(e, t, n, r, i) {
-		super(e, t, n, r, i), this.type = 5;
-	}
-	_$AI(e, t = this) {
-		if ((e = O(this, e, t, 0) ?? S) === x) return;
-		let n = this._$AH, r = e === S && n !== S || e.capture !== n.capture || e.once !== n.once || e.passive !== n.passive, i = e !== S && (n === S || r);
-		r && this.element.removeEventListener(this.name, this, n), i && this.element.addEventListener(this.name, this, e), this._$AH = e;
-	}
-	handleEvent(e) {
-		typeof this._$AH == "function" ? this._$AH.call(this.options?.host ?? this.element, e) : this._$AH.handleEvent(e);
-	}
-}, F = class {
-	constructor(e, t, n) {
-		this.element = e, this.type = 6, this._$AN = void 0, this._$AM = t, this.options = n;
-	}
-	get _$AU() {
-		return this._$AM._$AU;
-	}
-	_$AI(e) {
-		O(this, e);
-	}
-}, I = {
-	M: i,
-	P: a,
-	A: o,
-	C: 1,
-	L: E,
-	R: k,
-	D: f,
-	V: O,
-	I: A,
-	H: j,
-	N,
-	U: P,
-	B: M,
-	F
-}, L = e.litHtmlPolyfillSupport;
-L?.(D, A), (e.litHtmlVersions ??= []).push("3.3.3");
-//#endregion
-export { S as A, I as j };