npm - sa-spell-checker - Versions diffs - 1.0.3 → 1.0.5 - Mend

sa-spell-checker 1.0.3 → 1.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/README.md +107 -0
package/dist/sa-spell-checker.mjs +173 -159
package/dist/sa-spell-checker.umd.js +49 -38
package/package.json +1 -1

package/README.md ADDED Viewed

@@ -0,0 +1,107 @@
+# SA Spell Checker
+A custom spell-checker web component for SuperAnnotate's labeling interface.
+Powered by [nspell](https://github.com/wooorm/nspell) + Hunspell dictionaries.
+---
+## Features
+- **P0** — Red squiggle underline on misspelled words
+- **P1** — Toggle spell check on/off
+- **P2** — Language switching (English US/UK, French, German, Spanish, Korean)
+---
+## Usage in SuperAnnotate
+Paste `spell_checker.html` into SA's web component editor:
+```html
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <script type="module" src="https://cdn.jsdelivr.net/npm/sa-spell-checker@1.0.4/dist/sa-spell-checker.mjs"></script>
+    </head>
+    <body>
+        <sa-spell-checker placeholder="Type here..." rows="4"></sa-spell-checker>
+    </body>
+</html>
+```
+---
+## Local Development
+```bash
+npm install
+npm run dev       # starts localhost dev server with hot-reload
+```
+---
+## Build & Publish to CDN
+### 1. Bump version in `package.json`
+```json
+"version": "1.0.5"
+```
+### 2. Build
+```bash
+npm run build
+```
+### 3. Generate npm token (one-time setup)
+1. Go to **npmjs.com** → profile → **Access Tokens**
+2. **Generate New Token → Granular Access Token**
+3. Settings:
+   - ✅ **Bypass two-factor authentication (2FA)** — check this
+   - **Packages and scopes → Permissions**: `Read and write`
+   - **Select packages**: `All packages`
+   - **Organizations**: leave as `No access` (do not touch)
+4. Click **Generate Token** → copy the token
+### 4. Publish
+```bash
+bash publish.sh YOUR_NPM_TOKEN
+```
+### 5. Update version in `spell_checker.html`
+```html
+src="https://cdn.jsdelivr.net/npm/sa-spell-checker@1.0.5/dist/sa-spell-checker.mjs"
+```
+---
+## Project Structure
+```
+Spell-Checker/
+├── src/
+│   ├── spell-checker.ts    — Lit component (logic + template)
+│   ├── spell-checker.css   — styles
+│   └── spellcheck.ts       — nspell dictionary loading & word checking
+├── dist/                   — built output (published to npm)
+├── spell_checker.html      — paste this into SA
+├── index.html              — local dev test page
+├── package.json
+├── vite.config.js
+├── tsconfig.json
+├── publish.sh
+└── BENEFITS.md             — why this approach
+```
+---
+## Tech Stack
+| Tool | Role |
+|------|------|
+| [Lit](https://lit.dev) | Web Component framework |
+| [TypeScript](https://typescriptlang.org) | Type safety |
+| [Vite](https://vitejs.dev) | Bundler |
+| [nspell](https://github.com/wooorm/nspell) | Spell checking engine |
+| [jsDelivr](https://jsdelivr.com) | Free CDN (serves from npm) |

package/dist/sa-spell-checker.mjs CHANGED Viewed

@@ -38,7 +38,7 @@ const Ze = (r) => new ft(typeof r == "string" ? r : r + "", void 0, Xe), gt = (r
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: vt, defineProperty: $t, getOwnPropertyDescriptor: _t, getOwnPropertyNames: mt, getOwnPropertySymbols: yt, getPrototypeOf: bt } = Object, T = globalThis, Re = T.trustedTypes, At = Re ? Re.emptyScript : "", ce = T.reactiveElementPolyfillSupport, G = (r, e) => r, se = { toAttribute(r, e) {
+const { is: vt, defineProperty: $t, getOwnPropertyDescriptor: _t, getOwnPropertyNames: mt, getOwnPropertySymbols: yt, getPrototypeOf: bt } = Object, U = globalThis, Re = U.trustedTypes, At = Re ? Re.emptyScript : "", ce = U.reactiveElementPolyfillSupport, G = (r, e) => r, se = { toAttribute(r, e) {
   switch (e) {
     case Boolean:
       r = r ? At : null;
@@ -66,8 +66,8 @@ const { is: vt, defineProperty: $t, getOwnPropertyDescriptor: _t, getOwnProperty
       }
   }
   return t;
-} }, be = (r, e) => !vt(r, e), Ne = { attribute: !0, type: String, converter: se, reflect: !1, useDefault: !1, hasChanged: be };
-Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), T.litPropertyMetadata ?? (T.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
+} }, be = (r, e) => !vt(r, e), ke = { attribute: !0, type: String, converter: se, reflect: !1, useDefault: !1, hasChanged: be };
+Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), U.litPropertyMetadata ?? (U.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
 let j = class extends HTMLElement {
   static addInitializer(e) {
     this._$Ei(), (this.l ?? (this.l = [])).push(e);
@@ -75,7 +75,7 @@ let j = class extends HTMLElement {
   static get observedAttributes() {
     return this.finalize(), this._$Eh && [...this._$Eh.keys()];
   }
-  static createProperty(e, t = Ne) {
+  static createProperty(e, t = ke) {
     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 s = Symbol(), i = this.getPropertyDescriptor(e, s, t);
       i !== void 0 && $t(this.prototype, e, i);
@@ -93,7 +93,7 @@ let j = class extends HTMLElement {
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(e) {
-    return this.elementProperties.get(e) ?? Ne;
+    return this.elementProperties.get(e) ?? ke;
   }
   static _$Ei() {
     if (this.hasOwnProperty(G("elementProperties"))) return;
@@ -187,8 +187,8 @@ let j = class extends HTMLElement {
     if (i !== void 0 && this._$Em !== i) {
       const h = s.getPropertyOptions(i), a = typeof h.converter == "function" ? { fromAttribute: h.converter } : ((n = h.converter) == null ? void 0 : n.fromAttribute) !== void 0 ? h.converter : se;
       this._$Em = i;
-      const d = a.fromAttribute(t, h.type);
-      this[i] = d ?? ((o = this._$Ej) == null ? void 0 : o.get(i)) ?? d, this._$Em = null;
+      const p = a.fromAttribute(t, h.type);
+      this[i] = p ?? ((o = this._$Ej) == null ? void 0 : o.get(i)) ?? p, this._$Em = null;
     }
   }
   requestUpdate(e, t, s, i = !1, n) {
@@ -271,28 +271,28 @@ let j = class extends HTMLElement {
   firstUpdated(e) {
   }
 };
-j.elementStyles = [], j.shadowRootOptions = { mode: "open" }, j[G("elementProperties")] = /* @__PURE__ */ new Map(), j[G("finalized")] = /* @__PURE__ */ new Map(), ce == null || ce({ ReactiveElement: j }), (T.reactiveElementVersions ?? (T.reactiveElementVersions = [])).push("2.1.2");
+j.elementStyles = [], j.shadowRootOptions = { mode: "open" }, j[G("elementProperties")] = /* @__PURE__ */ new Map(), j[G("finalized")] = /* @__PURE__ */ new Map(), ce == null || ce({ ReactiveElement: j }), (U.reactiveElementVersions ?? (U.reactiveElementVersions = [])).push("2.1.2");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Y = globalThis, Ue = (r) => r, ie = Y.trustedTypes, Pe = ie ? ie.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, Je = "$lit$", P = `lit$${Math.random().toFixed(9).slice(2)}$`, Qe = "?" + P, wt = `<${Qe}>`, I = document, V = () => I.createComment(""), X = (r) => r === null || typeof r != "object" && typeof r != "function", Ae = Array.isArray, Et = (r) => Ae(r) || typeof (r == null ? void 0 : r[Symbol.iterator]) == "function", de = `[
-\f\r]`, W = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Te = /-->/g, Me = />/g, D = RegExp(`>|${de}(?:([^\\s"'>=/]+)(${de}*=${de}*(?:[^
-\f\r"'\`<>=]|("|')|))|$)`, "g"), ke = /'/g, De = /"/g, et = /^(?:script|style|textarea|title)$/i, Ct = (r) => (e, ...t) => ({ _$litType$: r, strings: e, values: t }), pe = Ct(1), M = Symbol.for("lit-noChange"), $ = Symbol.for("lit-nothing"), Le = /* @__PURE__ */ new WeakMap(), L = I.createTreeWalker(I, 129);
+const Y = globalThis, Ne = (r) => r, ie = Y.trustedTypes, Te = ie ? ie.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, Je = "$lit$", T = `lit$${Math.random().toFixed(9).slice(2)}$`, Qe = "?" + T, wt = `<${Qe}>`, I = document, V = () => I.createComment(""), X = (r) => r === null || typeof r != "object" && typeof r != "function", Ae = Array.isArray, xt = (r) => Ae(r) || typeof (r == null ? void 0 : r[Symbol.iterator]) == "function", pe = `[
+\f\r]`, W = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Ue = /-->/g, Pe = />/g, D = RegExp(`>|${pe}(?:([^\\s"'>=/]+)(${pe}*=${pe}*(?:[^
+\f\r"'\`<>=]|("|')|))|$)`, "g"), Me = /'/g, De = /"/g, et = /^(?:script|style|textarea|title)$/i, Et = (r) => (e, ...t) => ({ _$litType$: r, strings: e, values: t }), de = Et(1), P = Symbol.for("lit-noChange"), $ = Symbol.for("lit-nothing"), Le = /* @__PURE__ */ new WeakMap(), L = I.createTreeWalker(I, 129);
 function tt(r, e) {
   if (!Ae(r) || !r.hasOwnProperty("raw")) throw Error("invalid template strings array");
-  return Pe !== void 0 ? Pe.createHTML(e) : e;
+  return Te !== void 0 ? Te.createHTML(e) : e;
 }
-const xt = (r, e) => {
+const Ct = (r, e) => {
   const t = r.length - 1, s = [];
   let i, n = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", o = W;
   for (let h = 0; h < t; h++) {
     const a = r[h];
-    let d, l, c = -1, u = 0;
-    for (; u < a.length && (o.lastIndex = u, l = o.exec(a), l !== null); ) u = o.lastIndex, o === W ? l[1] === "!--" ? o = Te : l[1] !== void 0 ? o = Me : l[2] !== void 0 ? (et.test(l[2]) && (i = RegExp("</" + l[2], "g")), o = D) : l[3] !== void 0 && (o = D) : o === D ? l[0] === ">" ? (o = i ?? W, c = -1) : l[1] === void 0 ? c = -2 : (c = o.lastIndex - l[2].length, d = l[1], o = l[3] === void 0 ? D : l[3] === '"' ? De : ke) : o === De || o === ke ? o = D : o === Te || o === Me ? o = W : (o = D, i = void 0);
-    const p = o === D && r[h + 1].startsWith("/>") ? " " : "";
-    n += o === W ? a + wt : c >= 0 ? (s.push(d), a.slice(0, c) + Je + a.slice(c) + P + p) : a + P + (c === -2 ? h : p);
+    let p, l, c = -1, u = 0;
+    for (; u < a.length && (o.lastIndex = u, l = o.exec(a), l !== null); ) u = o.lastIndex, o === W ? l[1] === "!--" ? o = Ue : l[1] !== void 0 ? o = Pe : l[2] !== void 0 ? (et.test(l[2]) && (i = RegExp("</" + l[2], "g")), o = D) : l[3] !== void 0 && (o = D) : o === D ? l[0] === ">" ? (o = i ?? W, c = -1) : l[1] === void 0 ? c = -2 : (c = o.lastIndex - l[2].length, p = l[1], o = l[3] === void 0 ? D : l[3] === '"' ? De : Me) : o === De || o === Me ? o = D : o === Ue || o === Pe ? o = W : (o = D, i = void 0);
+    const d = o === D && r[h + 1].startsWith("/>") ? " " : "";
+    n += o === W ? a + wt : c >= 0 ? (s.push(p), a.slice(0, c) + Je + a.slice(c) + T + d) : a + T + (c === -2 ? h : d);
   }
   return [tt(r, n + (r[t] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), s];
 };
@@ -301,29 +301,29 @@ class Z {
     let i;
     this.parts = [];
     let n = 0, o = 0;
-    const h = e.length - 1, a = this.parts, [d, l] = xt(e, t);
-    if (this.el = Z.createElement(d, s), L.currentNode = this.el.content, t === 2 || t === 3) {
+    const h = e.length - 1, a = this.parts, [p, l] = Ct(e, t);
+    if (this.el = Z.createElement(p, s), L.currentNode = this.el.content, t === 2 || t === 3) {
       const c = this.el.content.firstChild;
       c.replaceWith(...c.childNodes);
     }
     for (; (i = L.nextNode()) !== null && a.length < h; ) {
       if (i.nodeType === 1) {
         if (i.hasAttributes()) for (const c of i.getAttributeNames()) if (c.endsWith(Je)) {
-          const u = l[o++], p = i.getAttribute(c).split(P), f = /([.?@])?(.*)/.exec(u);
-          a.push({ type: 1, index: n, name: f[2], strings: p, ctor: f[1] === "." ? St : f[1] === "?" ? Rt : f[1] === "@" ? Nt : oe }), i.removeAttribute(c);
-        } else c.startsWith(P) && (a.push({ type: 6, index: n }), i.removeAttribute(c));
+          const u = l[o++], d = i.getAttribute(c).split(T), f = /([.?@])?(.*)/.exec(u);
+          a.push({ type: 1, index: n, name: f[2], strings: d, ctor: f[1] === "." ? St : f[1] === "?" ? Rt : f[1] === "@" ? kt : oe }), i.removeAttribute(c);
+        } else c.startsWith(T) && (a.push({ type: 6, index: n }), i.removeAttribute(c));
         if (et.test(i.tagName)) {
-          const c = i.textContent.split(P), u = c.length - 1;
+          const c = i.textContent.split(T), u = c.length - 1;
           if (u > 0) {
             i.textContent = ie ? ie.emptyScript : "";
-            for (let p = 0; p < u; p++) i.append(c[p], V()), L.nextNode(), a.push({ type: 2, index: ++n });
+            for (let d = 0; d < u; d++) i.append(c[d], V()), L.nextNode(), a.push({ type: 2, index: ++n });
             i.append(c[u], V());
           }
         }
       } else if (i.nodeType === 8) if (i.data === Qe) a.push({ type: 2, index: n });
       else {
         let c = -1;
-        for (; (c = i.data.indexOf(P, c + 1)) !== -1; ) a.push({ type: 7, index: n }), c += P.length - 1;
+        for (; (c = i.data.indexOf(T, c + 1)) !== -1; ) a.push({ type: 7, index: n }), c += T.length - 1;
       }
       n++;
     }
@@ -335,7 +335,7 @@ class Z {
 }
 function B(r, e, t = r, s) {
   var o, h;
-  if (e === M) return e;
+  if (e === P) return e;
   let i = s !== void 0 ? (o = t._$Co) == null ? void 0 : o[s] : t._$Cl;
   const n = X(e) ? void 0 : e._$litDirective$;
   return (i == null ? void 0 : i.constructor) !== n && ((h = i == null ? void 0 : i._$AO) == null || h.call(i, !1), n === void 0 ? i = void 0 : (i = new n(r), i._$AT(r, t, s)), s !== void 0 ? (t._$Co ?? (t._$Co = []))[s] = i : t._$Cl = i), i !== void 0 && (e = B(r, i._$AS(r, e.values), i, s)), e;
@@ -356,8 +356,8 @@ class Ot {
     let n = L.nextNode(), o = 0, h = 0, a = s[0];
     for (; a !== void 0; ) {
       if (o === a.index) {
-        let d;
-        a.type === 2 ? d = new J(n, n.nextSibling, this, e) : a.type === 1 ? d = new a.ctor(n, a.name, a.strings, this, e) : a.type === 6 && (d = new Ut(n, this, e)), this._$AV.push(d), a = s[++h];
+        let p;
+        a.type === 2 ? p = new J(n, n.nextSibling, this, e) : a.type === 1 ? p = new a.ctor(n, a.name, a.strings, this, e) : a.type === 6 && (p = new Nt(n, this, e)), this._$AV.push(p), a = s[++h];
       }
       o !== (a == null ? void 0 : a.index) && (n = L.nextNode(), o++);
     }
@@ -388,7 +388,7 @@ class J {
     return this._$AB;
   }
   _$AI(e, t = this) {
-    e = B(this, e, t), X(e) ? e === $ || e == null || e === "" ? (this._$AH !== $ && this._$AR(), this._$AH = $) : e !== this._$AH && e !== M && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : Et(e) ? this.k(e) : this._(e);
+    e = B(this, e, t), X(e) ? e === $ || e == null || e === "" ? (this._$AH !== $ && this._$AR(), this._$AH = $) : e !== this._$AH && e !== P && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : xt(e) ? this.k(e) : this._(e);
   }
   O(e) {
     return this._$AA.parentNode.insertBefore(e, this._$AB);
@@ -422,8 +422,8 @@ class J {
   _$AR(e = this._$AA.nextSibling, t) {
     var s;
     for ((s = this._$AP) == null ? void 0 : s.call(this, !1, !0, t); e !== this._$AB; ) {
-      const i = Ue(e).nextSibling;
-      Ue(e).remove(), e = i;
+      const i = Ne(e).nextSibling;
+      Ne(e).remove(), e = i;
     }
   }
   setConnected(e) {
@@ -444,11 +444,11 @@ class oe {
   _$AI(e, t = this, s, i) {
     const n = this.strings;
     let o = !1;
-    if (n === void 0) e = B(this, e, t, 0), o = !X(e) || e !== this._$AH && e !== M, o && (this._$AH = e);
+    if (n === void 0) e = B(this, e, t, 0), o = !X(e) || e !== this._$AH && e !== P, o && (this._$AH = e);
     else {
       const h = e;
-      let a, d;
-      for (e = n[0], a = 0; a < n.length - 1; a++) d = B(this, h[s + a], t, a), d === M && (d = this._$AH[a]), o || (o = !X(d) || d !== this._$AH[a]), d === $ ? e = $ : e !== $ && (e += (d ?? "") + n[a + 1]), this._$AH[a] = d;
+      let a, p;
+      for (e = n[0], a = 0; a < n.length - 1; a++) p = B(this, h[s + a], t, a), p === P && (p = this._$AH[a]), o || (o = !X(p) || p !== this._$AH[a]), p === $ ? e = $ : e !== $ && (e += (p ?? "") + n[a + 1]), this._$AH[a] = p;
     }
     o && !i && this.j(e);
   }
@@ -472,12 +472,12 @@ class Rt extends oe {
     this.element.toggleAttribute(this.name, !!e && e !== $);
   }
 }
-class Nt extends oe {
+class kt extends oe {
   constructor(e, t, s, i, n) {
     super(e, t, s, i, n), this.type = 5;
   }
   _$AI(e, t = this) {
-    if ((e = B(this, e, t, 0) ?? $) === M) return;
+    if ((e = B(this, e, t, 0) ?? $) === P) return;
     const s = this._$AH, i = e === $ && s !== $ || e.capture !== s.capture || e.once !== s.once || e.passive !== s.passive, n = e !== $ && (s === $ || i);
     i && this.element.removeEventListener(this.name, this, s), n && this.element.addEventListener(this.name, this, e), this._$AH = e;
   }
@@ -486,7 +486,7 @@ class Nt extends oe {
     typeof this._$AH == "function" ? this._$AH.call(((t = this.options) == null ? void 0 : t.host) ?? this.element, e) : this._$AH.handleEvent(e);
   }
 }
-class Ut {
+class Nt {
   constructor(e, t, s) {
     this.element = e, this.type = 6, this._$AN = void 0, this._$AM = t, this.options = s;
   }
@@ -499,7 +499,7 @@ class Ut {
 }
 const ue = Y.litHtmlPolyfillSupport;
 ue == null || ue(Z, J), (Y.litHtmlVersions ?? (Y.litHtmlVersions = [])).push("3.3.2");
-const Pt = (r, e, t) => {
+const Tt = (r, e, t) => {
   const s = (t == null ? void 0 : t.renderBefore) ?? e;
   let i = s._$litPart$;
   if (i === void 0) {
@@ -525,7 +525,7 @@ let q = class extends j {
   }
   update(e) {
     const t = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(e), this._$Do = Pt(t, this.renderRoot, this.renderOptions);
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(e), this._$Do = Tt(t, this.renderRoot, this.renderOptions);
   }
   connectedCallback() {
     var e;
@@ -536,7 +536,7 @@ let q = class extends j {
     super.disconnectedCallback(), (e = this._$Do) == null || e.setConnected(!1);
   }
   render() {
-    return M;
+    return P;
   }
 };
 var Ve;
@@ -549,7 +549,7 @@ fe == null || fe({ LitElement: q });
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Tt = (r) => (e, t) => {
+const Ut = (r) => (e, t) => {
   t !== void 0 ? t.addInitializer(() => {
     customElements.define(r, e);
   }) : customElements.define(r, e);
@@ -559,7 +559,7 @@ const Tt = (r) => (e, t) => {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Mt = { attribute: !0, type: String, converter: se, reflect: !1, hasChanged: be }, kt = (r = Mt, e, t) => {
+const Pt = { attribute: !0, type: String, converter: se, reflect: !1, hasChanged: be }, Mt = (r = Pt, e, t) => {
   const { kind: s, metadata: i } = t;
   let n = globalThis.litPropertyMetadata.get(i);
   if (n === void 0 && globalThis.litPropertyMetadata.set(i, n = /* @__PURE__ */ new Map()), s === "setter" && ((r = Object.create(r)).wrapped = !0), n.set(t.name, r), s === "accessor") {
@@ -581,7 +581,7 @@ const Mt = { attribute: !0, type: String, converter: se, reflect: !1, hasChanged
   throw Error("Unsupported decorator location: " + s);
 };
 function F(r) {
-  return (e, t) => typeof t == "object" ? kt(r, e, t) : ((s, i, n) => {
+  return (e, t) => typeof t == "object" ? Mt(r, e, t) : ((s, i, n) => {
     const o = i.hasOwnProperty(n);
     return i.constructor.createProperty(n, s), o ? Object.getOwnPropertyDescriptor(i, n) : void 0;
   })(r, e, t);
@@ -649,7 +649,7 @@ let $e = class extends nt {
   }
   render(e) {
     if (e === $ || e == null) return this._t = void 0, this.it = e;
-    if (e === M) return e;
+    if (e === P) return e;
     if (typeof e != "string") throw Error(this.constructor.directiveName + "() called with a non-string value");
     if (e === this.it) return this._t;
     this.it = e;
@@ -685,9 +685,9 @@ const Ht = it(class extends nt {
       const o = !!e[n];
       o === this.st.has(n) || (i = this.nt) != null && i.has(n) || (o ? (t.add(n), this.st.add(n)) : (t.remove(n), this.st.delete(n)));
     }
-    return M;
+    return P;
   }
-}), It = ":host{display:block;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.controls{display:flex;gap:12px;align-items:center;margin-bottom:8px;flex-wrap:wrap}.controls label{font-size:12px;font-weight:600;color:#374151}.btn-toggle{font-size:12px;padding:3px 10px;border-radius:4px;cursor:pointer;border:1px solid #76b900;background:#76b900;color:#fff;font-weight:600}.btn-toggle.off{background:#fff;color:#6b7280;border-color:#d1d5db}select{font-size:12px;padding:3px 8px;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;color:#374151;background:#fff}.editor-wrapper{position:relative;background:#fff;border:1px solid #d1d5db;border-radius:6px;transition:border-color .15s,box-shadow .15s}.editor-wrapper:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.highlight-layer,textarea{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5;padding:8px 12px;width:100%;box-sizing:border-box;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word}.highlight-layer{position:absolute;top:0;left:0;height:100%;color:transparent;pointer-events:none;overflow:hidden;border:none;background:transparent;margin:0}.highlight-layer mark{background:transparent;color:transparent;text-decoration:underline wavy red}textarea{position:relative;display:block;min-height:80px;outline:none;background:transparent;color:#111827;caret-color:#111827;border:none;border-radius:6px;resize:vertical;margin:0}textarea::placeholder{color:#9ca3af}.loading-hint{font-size:11px;color:#9ca3af;margin-top:4px}";
+}), It = `:host{display:block;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.controls{display:flex;gap:16px;align-items:center;margin-bottom:8px;flex-wrap:wrap}.control-group{display:flex;align-items:center;gap:8px}.control-label{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#6b7280}.toggle-track{position:relative;display:inline-flex;align-items:center;width:36px;height:20px;border-radius:10px;background:#e5e7eb;cursor:pointer;border:none;padding:0;transition:background .2s;flex-shrink:0}.toggle-track.on{background:#76b900}.toggle-thumb{position:absolute;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s}.toggle-track.on .toggle-thumb{transform:translate(16px)}.toggle-label{font-size:12px;font-weight:600;color:#374151;min-width:24px}select{font-size:12px;font-family:inherit;padding:4px 24px 4px 8px;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;color:#374151;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%239ca3af' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 8px center;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:border-color .15s}select:hover{border-color:#d1d5db}select:focus{outline:none;border-color:#76b900}.editor-wrapper{position:relative;background:#fff;border:1.5px solid #e5e7eb;border-left:3px solid #76b900;border-radius:8px;transition:border-color .15s,box-shadow .15s}.editor-wrapper:focus-within{border-color:#d1d5db;border-left-color:#76b900;box-shadow:0 1px 6px #0000000f}.highlight-layer,textarea{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13.5px;line-height:1.6;padding:10px 14px;width:100%;box-sizing:border-box;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word}.highlight-layer{position:absolute;top:0;left:0;height:100%;color:transparent;pointer-events:none;overflow:hidden;border:none;background:transparent;border-radius:8px;margin:0}.highlight-layer mark{background:transparent;color:transparent;text-decoration:underline wavy #ef4444}textarea{position:relative;display:block;min-height:88px;outline:none;background:transparent;color:#111827;caret-color:#111827;border:none;border-radius:8px;resize:vertical;margin:0}textarea::placeholder{color:#c4c9d4}.loading-hint{font-size:11px;color:#9ca3af;margin-top:5px;display:flex;align-items:center;gap:5px}.loading-dot{width:5px;height:5px;border-radius:50%;background:#76b900;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}`;
 function zt(r) {
   return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
 }
@@ -737,28 +737,28 @@ var Wt = ot, Kt = qt, Gt = [].push, ee = "etaoinshrdlcumwfgypbvkjxqz".split(""),
   "lkm"
 ];
 function qt(r) {
-  var e = /* @__PURE__ */ Object.create(null), t = /* @__PURE__ */ Object.create(null), s = /* @__PURE__ */ Object.create(null), i = [], n = { in: [], out: [] }, o = [], h = r.toString("utf8"), a = [], d = 0, l = h.indexOf(`
-`), c, u, p, f, m, w, b, A, S, v, C, g, x;
+  var e = /* @__PURE__ */ Object.create(null), t = /* @__PURE__ */ Object.create(null), s = /* @__PURE__ */ Object.create(null), i = [], n = { in: [], out: [] }, o = [], h = r.toString("utf8"), a = [], p = 0, l = h.indexOf(`
+`), c, u, d, f, m, w, b, A, S, v, E, g, C;
   for (s.KEY = []; l > -1; )
-    y(h.slice(d, l)), d = l + 1, l = h.indexOf(`
-`, d);
-  for (y(h.slice(d)), l = -1; ++l < a.length; )
-    if (u = a[l], c = u.split(K), p = c[0], p === "REP") {
+    y(h.slice(p, l)), p = l + 1, l = h.indexOf(`
+`, p);
+  for (y(h.slice(p)), l = -1; ++l < a.length; )
+    if (u = a[l], c = u.split(K), d = c[0], d === "REP") {
       for (f = l + parseInt(c[1], 10); ++l <= f; )
         c = a[l].split(K), i.push([c[1], c[2]]);
       l--;
-    } else if (p === "ICONV" || p === "OCONV") {
-      for (f = l + parseInt(c[1], 10), A = n[p === "ICONV" ? "in" : "out"]; ++l <= f; )
+    } else if (d === "ICONV" || d === "OCONV") {
+      for (f = l + parseInt(c[1], 10), A = n[d === "ICONV" ? "in" : "out"]; ++l <= f; )
         c = a[l].split(K), A.push([new RegExp(c[1], "g"), c[2]]);
       l--;
-    } else if (p === "COMPOUNDRULE") {
+    } else if (d === "COMPOUNDRULE") {
       for (f = l + parseInt(c[1], 10); ++l <= f; )
         for (v = a[l].split(K)[1], S = -1, o.push(v); ++S < v.length; )
           t[v.charAt(S)] = [];
       l--;
-    } else if (p === "PFX" || p === "SFX") {
+    } else if (d === "PFX" || d === "SFX") {
       for (f = l + parseInt(c[3], 10), v = {
-        type: p,
+        type: d,
         combineable: c[2] === "Y",
         entries: []
       }, e[c[1]] = v; ++l <= f; ) {
@@ -769,20 +769,20 @@ function qt(r) {
           continuation: Wt(s, w[1])
         }, w && w[0] !== "0" && (A.add = w[0]);
         try {
-          m !== "0" && (A.remove = p === "SFX" ? He(m) : m), b && b !== "." && (A.match = p === "SFX" ? He(b) : Vt(b));
+          m !== "0" && (A.remove = d === "SFX" ? He(m) : m), b && b !== "." && (A.match = d === "SFX" ? He(b) : Vt(b));
         } catch {
           A = null;
         }
         A && v.entries.push(A);
       }
       l--;
-    } else if (p === "TRY") {
-      for (b = c[1], g = -1, C = []; ++g < b.length; )
-        x = b.charAt(g), x.toLowerCase() === x && C.push(x);
+    } else if (d === "TRY") {
+      for (b = c[1], g = -1, E = []; ++g < b.length; )
+        C = b.charAt(g), C.toLowerCase() === C && E.push(C);
       for (g = -1; ++g < ee.length; )
-        b.indexOf(ee[g]) < 0 && C.push(ee[g]);
-      s[p] = C;
-    } else p === "KEY" ? Gt.apply(s[p], c[1].split("|")) : p === "COMPOUNDMIN" ? s[p] = Number(c[1]) : p === "ONLYINCOMPOUND" ? (s[p] = c[1], t[c[1]] = []) : s[p] = c[1];
+        b.indexOf(ee[g]) < 0 && E.push(ee[g]);
+      s[d] = E;
+    } else d === "KEY" ? Gt.apply(s[d], c[1].split("|")) : d === "COMPOUNDMIN" ? s[d] = Number(c[1]) : d === "ONLYINCOMPOUND" ? (s[d] = c[1], t[c[1]] = []) : s[d] = c[1];
   return isNaN(s.COMPOUNDMIN) && (s.COMPOUNDMIN = 3), s.KEY.length || (s.KEY = Yt), s.TRY || (s.TRY = ee.concat()), s.KEEPCASE || (s.KEEPCASE = !1), {
     compoundRuleCodes: t,
     replacementTable: i,
@@ -823,7 +823,7 @@ function er(r, e) {
   }
   return !1;
 }
-var tr = at, ge = Qt, _e = ae, Ee = rr;
+var tr = at, ge = Qt, _e = ae, xe = rr;
 function rr(r, e, t) {
   var s = e.trim(), i;
   if (!s)
@@ -847,7 +847,7 @@ function rr(r, e, t) {
 function Ie(r, e, t) {
   return _e(r, "KEEPCASE", e) || t || _e(r, "FORBIDDENWORD", e);
 }
-var sr = Ee, ir = nr;
+var sr = xe, ir = nr;
 function nr(r) {
   return !!sr(this, r);
 }
@@ -859,74 +859,74 @@ function ar(r) {
 function ze(r) {
   return r === r.toLowerCase() ? "l" : r === r.toUpperCase() ? "u" : null;
 }
-var re = or, je = at, lr = ae, hr = Ee, cr = pr, dr = [].push;
-function pr(r) {
-  var e = this, t = {}, s = [], i = {}, n, o, h = [], a, d, l, c, u, p, f, m, w, b, A, S, v, C, g, x, y, _, U, z, le, he, Q;
+var re = or, je = at, lr = ae, hr = xe, cr = dr, pr = [].push;
+function dr(r) {
+  var e = this, t = {}, s = [], i = {}, n, o, h = [], a, p, l, c, u, d, f, m, w, b, A, S, v, E, g, C, y, _, N, z, le, he, Q;
   if (r = je(r.trim(), e.conversion.in), !r || e.correct(r))
     return [];
-  for (Q = re(r), d = -1; ++d < e.replacementTable.length; )
-    for (o = e.replacementTable[d], l = r.indexOf(o[0]); l > -1; )
+  for (Q = re(r), p = -1; ++p < e.replacementTable.length; )
+    for (o = e.replacementTable[p], l = r.indexOf(o[0]); l > -1; )
       h.push(r.replace(o[0], o[1])), l = r.indexOf(o[0], l + 1);
-  for (d = -1; ++d < r.length; )
-    for (m = r.charAt(d), b = r.slice(0, d), A = r.slice(d + 1), v = m.toLowerCase(), S = v !== m, t = {}, l = -1; ++l < e.flags.KEY.length; )
+  for (p = -1; ++p < r.length; )
+    for (m = r.charAt(p), b = r.slice(0, p), A = r.slice(p + 1), v = m.toLowerCase(), S = v !== m, t = {}, l = -1; ++l < e.flags.KEY.length; )
       if (w = e.flags.KEY[l], c = w.indexOf(v), !(c < 0)) {
-        for (p = -1; ++p < w.length; )
-          if (p !== c) {
-            if (f = w.charAt(p), t[f])
+        for (d = -1; ++d < w.length; )
+          if (d !== c) {
+            if (f = w.charAt(d), t[f])
               continue;
             t[f] = !0, S && (f = f.toUpperCase()), h.push(b + f + A);
           }
       }
-  for (d = -1, y = r.charAt(0), a = [""], _ = 1, U = 0; ++d < r.length; ) {
-    for (m = y, y = r.charAt(d + 1), b = r.slice(0, d), o = m === y ? "" : m + m, l = -1, u = a.length; ++l < u; )
+  for (p = -1, y = r.charAt(0), a = [""], _ = 1, N = 0; ++p < r.length; ) {
+    for (m = y, y = r.charAt(p + 1), b = r.slice(0, p), o = m === y ? "" : m + m, l = -1, u = a.length; ++l < u; )
       l <= _ && a.push(a[l] + o), a[l] += m;
-    ++U < 3 && (_ = a.length);
+    ++N < 3 && (_ = a.length);
   }
-  for (dr.apply(h, a), a = [r], o = r.toLowerCase(), (r === o || Q === null) && a.push(r.charAt(0).toUpperCase() + o.slice(1)), o = r.toUpperCase(), r !== o && a.push(o), n = {
+  for (pr.apply(h, a), a = [r], o = r.toLowerCase(), (r === o || Q === null) && a.push(r.charAt(0).toUpperCase() + o.slice(1)), o = r.toUpperCase(), r !== o && a.push(o), n = {
     state: {},
     weighted: i,
     suggestions: s
-  }, C = Be(e, n, a, h), g = 0, _ = Math.min(C.length, Math.pow(Math.max(15 - r.length, 3), 3)), z = Math.max(Math.pow(10 - r.length, 3), 1); !s.length && g < _; )
-    x = g + z, Be(e, n, C.slice(g, x)), g = x;
-  for (s.sort(ct), a = [], le = [], d = -1; ++d < s.length; )
-    he = je(s[d], e.conversion.out), o = he.toLowerCase(), le.indexOf(o) < 0 && (a.push(he), le.push(o));
+  }, E = Be(e, n, a, h), g = 0, _ = Math.min(E.length, Math.pow(Math.max(15 - r.length, 3), 3)), z = Math.max(Math.pow(10 - r.length, 3), 1); !s.length && g < _; )
+    C = g + z, Be(e, n, E.slice(g, C)), g = C;
+  for (s.sort(ct), a = [], le = [], p = -1; ++p < s.length; )
+    he = je(s[p], e.conversion.out), o = he.toLowerCase(), le.indexOf(o) < 0 && (a.push(he), le.push(o));
   return a;
-  function ct(R, N) {
-    return dt(R, N) || pt(R, N) || ut(R, N);
+  function ct(R, k) {
+    return pt(R, k) || dt(R, k) || ut(R, k);
   }
-  function dt(R, N) {
-    return i[R] === i[N] ? 0 : i[R] > i[N] ? -1 : 1;
+  function pt(R, k) {
+    return i[R] === i[k] ? 0 : i[R] > i[k] ? -1 : 1;
   }
-  function pt(R, N) {
-    var Ce = re(R), xe = re(N);
-    return Ce === xe ? 0 : Ce === Q ? -1 : xe === Q ? 1 : void 0;
+  function dt(R, k) {
+    var Ee = re(R), Ce = re(k);
+    return Ee === Ce ? 0 : Ee === Q ? -1 : Ce === Q ? 1 : void 0;
   }
-  function ut(R, N) {
-    return R.localeCompare(N);
+  function ut(R, k) {
+    return R.localeCompare(k);
   }
 }
 function Be(r, e, t, s) {
-  var i = r.flags.TRY, n = r.data, o = r.flags, h = [], a = -1, d, l, c, u, p, f, m, w, b, A, S, v, C;
+  var i = r.flags.TRY, n = r.data, o = r.flags, h = [], a = -1, p, l, c, u, d, f, m, w, b, A, S, v, E;
   if (s)
     for (; ++a < s.length; )
       g(s[a], !0);
   for (a = -1; ++a < t.length; )
-    for (d = t[a], l = "", c = "", u = d.charAt(0), p = d, f = d.slice(1), m = u.toLowerCase() !== u, w = re(d), b = -1; ++b <= d.length; )
-      for (l += c, A = p, p = f, f = p.slice(1), c = u, u = d.charAt(b + 1), S = m, u && (m = u.toLowerCase() !== u), p && S !== m && (g(l + x(p)), g(
-        l + x(u) + x(c) + f
-      )), g(l + p), p && g(l + u + c + f), C = -1; ++C < i.length; )
-        v = i[C], S && v !== v.toUpperCase() ? (w !== "s" && (g(l + v + A), g(l + v + p)), v = v.toUpperCase(), g(l + v + A), g(l + v + p)) : (g(l + v + A), g(l + v + p));
+    for (p = t[a], l = "", c = "", u = p.charAt(0), d = p, f = p.slice(1), m = u.toLowerCase() !== u, w = re(p), b = -1; ++b <= p.length; )
+      for (l += c, A = d, d = f, f = d.slice(1), c = u, u = p.charAt(b + 1), S = m, u && (m = u.toLowerCase() !== u), d && S !== m && (g(l + C(d)), g(
+        l + C(u) + C(c) + f
+      )), g(l + d), d && g(l + u + c + f), E = -1; ++E < i.length; )
+        v = i[E], S && v !== v.toUpperCase() ? (w !== "s" && (g(l + v + A), g(l + v + d)), v = v.toUpperCase(), g(l + v + A), g(l + v + d)) : (g(l + v + A), g(l + v + d));
   return h;
   function g(y, _) {
-    var U = e.state[y], z;
-    U !== !!U && (h.push(y), z = hr(r, y), U = z && !lr(o, "NOSUGGEST", n[z]), e.state[y] = U, U && (e.weighted[y] = _ ? 10 : 0, e.suggestions.push(y))), U && e.weighted[y]++;
+    var N = e.state[y], z;
+    N !== !!N && (h.push(y), z = hr(r, y), N = z && !lr(o, "NOSUGGEST", n[z]), e.state[y] = N, N && (e.weighted[y] = _ ? 10 : 0, e.suggestions.push(y))), N && e.weighted[y]++;
   }
-  function x(y) {
+  function C(y) {
     var _ = y.charAt(0);
     return (_.toLowerCase() === _ ? _.toUpperCase() : _.toLowerCase()) + y.slice(1);
   }
 }
-var ur = Ee, Fe = ae, fr = gr;
+var ur = xe, Fe = ae, fr = gr;
 function gr(r) {
   var e = this, t = ur(e, r, !0);
   return {
@@ -937,10 +937,10 @@ function gr(r) {
 }
 var vr = lt;
 function lt(r, e, t, s) {
-  for (var i = -1, n, o, h, a, d; ++i < e.entries.length; )
-    if (n = e.entries[i], a = n.continuation, d = -1, (!n.match || n.match.test(r)) && (o = n.remove ? r.replace(n.remove, "") : r, o = e.type === "SFX" ? o + n.add : n.add + o, s.push(o), a && a.length))
-      for (; ++d < a.length; )
-        h = t[a[d]], h && lt(o, h, t, s);
+  for (var i = -1, n, o, h, a, p; ++i < e.entries.length; )
+    if (n = e.entries[i], a = n.continuation, p = -1, (!n.match || n.match.test(r)) && (o = n.remove ? r.replace(n.remove, "") : r, o = e.type === "SFX" ? o + n.add : n.add + o, s.push(o), a && a.length))
+      for (; ++p < a.length; )
+        h = t[a[p]], h && lt(o, h, t, s);
   return s;
 }
 var We = vr, ht = mr, $r = [].push, me = [];
@@ -949,16 +949,16 @@ function _r(r, e, t) {
   e in r ? s === me ? r[e] = t.concat() : $r.apply(s, t) : r[e] = t.concat();
 }
 function mr(r, e, t, s) {
-  var i = -1, n, o, h, a, d, l, c;
+  var i = -1, n, o, h, a, p, l, c;
   for ((!("NEEDAFFIX" in s.flags) || t.indexOf(s.flags.NEEDAFFIX) < 0) && _r(r, e, t); ++i < t.length; )
     if (n = s.rules[t[i]], t[i] in s.compoundRuleCodes && s.compoundRuleCodes[t[i]].push(e), n) {
       for (l = We(e, n, s.rules, []), o = -1; ++o < l.length; )
         if (l[o] in r || (r[l[o]] = me), n.combineable) {
           for (h = i; ++h < t.length; )
-            if (d = s.rules[t[h]], d && d.combineable && n.type !== d.type)
+            if (p = s.rules[t[h]], p && p.combineable && n.type !== p.type)
               for (c = We(
                 l[o],
-                d,
+                p,
                 s.rules,
                 []
               ), a = -1; ++a < c.length; )
@@ -971,17 +971,17 @@ function wr(r, e) {
   var t = this;
   return yr(t.data, r, t.data[e] || Ar, t), t;
 }
-var Er = Cr;
-function Cr(r) {
+var xr = Er;
+function Er(r) {
   var e = this;
   return delete e.data[r], e;
 }
-var xr = Or;
+var Cr = Or;
 function Or() {
   return this.flags.WORDCHARS || null;
 }
-var Sr = ot, Rr = ht, Nr = Ur, Ke = /\s/g;
-function Ur(r, e, t) {
+var Sr = ot, Rr = ht, kr = Nr, Ke = /\s/g;
+function Nr(r, e, t) {
   for (var s = r.toString("utf8"), i = s.indexOf(`
 `) + 1, n = s.indexOf(`
 `, i); n > -1; )
@@ -994,17 +994,17 @@ function Ge(r, e, t) {
     r = r.slice(0, s - 1) + r.slice(s), s = r.indexOf("/", s);
   i > -1 ? s > -1 && s < i ? (o = r.slice(0, s), Ke.lastIndex = s + 1, h = Ke.exec(r), n = r.slice(s + 1, h ? h.index : void 0)) : o = r.slice(0, i) : s > -1 ? (o = r.slice(0, s), n = r.slice(s + 1)) : o = r, o = o.trim(), o && Rr(t, o, Sr(e.flags, n.trim()), e);
 }
-var Pr = Nr, Tr = Mr;
-function Mr(r) {
+var Tr = kr, Ur = Pr;
+function Pr(r) {
   var e = this, t = -1, s, i, n, o;
-  for (Pr(r, e, e.data); ++t < e.compoundRules.length; ) {
+  for (Tr(r, e, e.data); ++t < e.compoundRules.length; ) {
     for (s = e.compoundRules[t], i = "", o = -1; ++o < s.length; )
       n = s.charAt(o), i += e.compoundRuleCodes[n].length ? "(?:" + e.compoundRuleCodes[n].join("|") + ")" : n;
     e.compoundRules[t] = new RegExp(i, "i");
   }
   return e;
 }
-var kr = Dr;
+var Mr = Dr;
 function Dr(r) {
   var e = this, t = r.toString("utf8").split(`
 `), s = -1, i, n, o, h;
@@ -1012,15 +1012,15 @@ function Dr(r) {
     i = t[s].trim(), i && (i = i.split("/"), o = i[0], n = o.charAt(0) === "*", n && (o = o.slice(1)), e.add(o, i[1]), n && e.data[o].push(h));
   return e;
 }
-var Ye = jt, Lr = Kt, Hr = ne, k = ne.prototype;
-k.correct = ir;
-k.suggest = cr;
-k.spell = fr;
-k.add = br;
-k.remove = Er;
-k.wordCharacters = xr;
-k.dictionary = Tr;
-k.personal = kr;
+var Ye = jt, Lr = Kt, Hr = ne, M = ne.prototype;
+M.correct = ir;
+M.suggest = cr;
+M.spell = fr;
+M.add = br;
+M.remove = xr;
+M.wordCharacters = Cr;
+M.dictionary = Ur;
+M.personal = Mr;
 function ne(r, e) {
   var t = -1, s;
   if (!(this instanceof ne))
@@ -1069,7 +1069,7 @@ const Kr = [
   { value: "es", label: "Spanish" },
   { value: "ko", label: "Korean" }
 ];
-let E = class extends q {
+let x = class extends q {
   constructor() {
     super(...arguments), this.spellcheck = !0, this.lang = "en-US", this.placeholder = "Type here...", this.value = "", this.rows = 4, this._spellcheckOn = !0, this._loading = !1, this._highlightHTML = `
 `, this._checker = null, this._debounceTimer = null;
@@ -1083,6 +1083,9 @@ let E = class extends q {
   firstUpdated() {
     this._resizeObserver.observe(this._textarea);
   }
+  updated(r) {
+    r.has("value") && !this._debounceTimer && this._updateHighlight();
+  }
   async _loadDict() {
     this._loading = !0;
     try {
@@ -1111,21 +1114,28 @@ let E = class extends q {
     this.lang = r.target.value, this._loadDict();
   }
   render() {
-    return pe`
+    return de`
       <div class="controls">
-        <label>Spellcheck:</label>
-        <button
-          class=${Ht({ "btn-toggle": !0, off: !this._spellcheckOn })}
-          @click=${this._onToggle}
-        >
-          ${this._loading ? "..." : this._spellcheckOn ? "ON" : "OFF"}
-        </button>
-        <label>Language:</label>
-        <select @change=${this._onLangChange}>
-          ${Kr.map(({ value: r, label: e }) => pe`
-            <option value=${r} ?selected=${r === this.lang}>${e}</option>
-          `)}
-        </select>
+        <div class="control-group">
+          <span class="control-label">Spellcheck</span>
+          <button
+            class=${Ht({ "toggle-track": !0, on: this._spellcheckOn })}
+            @click=${this._onToggle}
+            title=${this._spellcheckOn ? "Turn off spell check" : "Turn on spell check"}
+          >
+            <span class="toggle-thumb"></span>
+          </button>
+          <span class="toggle-label">${this._spellcheckOn ? "ON" : "OFF"}</span>
+        </div>
+        <div class="control-group">
+          <span class="control-label">Language</span>
+          <select @change=${this._onLangChange}>
+            ${Kr.map(({ value: r, label: e }) => de`
+              <option value=${r} ?selected=${r === this.lang}>${e}</option>
+            `)}
+          </select>
+        </div>
       </div>
       <div class="editor-wrapper">
@@ -1140,44 +1150,48 @@ let E = class extends q {
         ></textarea>
       </div>
-      ${this._loading ? pe`<p class="loading-hint">Loading dictionary...</p>` : ""}
+      ${this._loading ? de`
+        <p class="loading-hint">
+          <span class="loading-dot"></span>
+          Loading dictionary...
+        </p>` : ""}
     `;
   }
 };
-E.styles = Ze(It);
+x.styles = Ze(It);
 O([
   F({ type: Boolean })
-], E.prototype, "spellcheck", 2);
+], x.prototype, "spellcheck", 2);
 O([
   F()
-], E.prototype, "lang", 2);
+], x.prototype, "lang", 2);
 O([
   F()
-], E.prototype, "placeholder", 2);
+], x.prototype, "placeholder", 2);
 O([
   F()
-], E.prototype, "value", 2);
+], x.prototype, "value", 2);
 O([
   F({ type: Number })
-], E.prototype, "rows", 2);
+], x.prototype, "rows", 2);
 O([
   we()
-], E.prototype, "_spellcheckOn", 2);
+], x.prototype, "_spellcheckOn", 2);
 O([
   we()
-], E.prototype, "_loading", 2);
+], x.prototype, "_loading", 2);
 O([
   we()
-], E.prototype, "_highlightHTML", 2);
+], x.prototype, "_highlightHTML", 2);
 O([
   rt("textarea")
-], E.prototype, "_textarea", 2);
+], x.prototype, "_textarea", 2);
 O([
   rt(".highlight-layer")
-], E.prototype, "_overlay", 2);
-E = O([
-  Tt("sa-spell-checker")
-], E);
+], x.prototype, "_overlay", 2);
+x = O([
+  Ut("sa-spell-checker")
+], x);
 export {
-  E as SaSpellChecker
+  x as SaSpellChecker
 };

package/dist/sa-spell-checker.umd.js CHANGED Viewed

@@ -1,30 +1,30 @@
-(function(_,T){typeof exports=="object"&&typeof module<"u"?T(exports):typeof define=="function"&&define.amd?define(["exports"],T):(_=typeof globalThis<"u"?globalThis:_||self,T(_.SaSpellChecker={}))})(this,function(_){"use strict";/**
+(function(_,N){typeof exports=="object"&&typeof module<"u"?N(exports):typeof define=="function"&&define.amd?define(["exports"],N):(_=typeof globalThis<"u"?globalThis:_||self,N(_.SaSpellChecker={}))})(this,function(_){"use strict";/**
  * @license
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */var at;const T=globalThis,le=T.ShadowRoot&&(T.ShadyCSS===void 0||T.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Ce=Symbol(),Ee=new WeakMap;let ct=class{constructor(e,t,i){if(this._$cssResult$=!0,i!==Ce)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(le&&e===void 0){const i=t!==void 0&&t.length===1;i&&(e=Ee.get(t)),e===void 0&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),i&&Ee.set(t,e))}return e}toString(){return this.cssText}};const Oe=r=>new ct(typeof r=="string"?r:r+"",void 0,Ce),dt=(r,e)=>{if(le)r.adoptedStyleSheets=e.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet);else for(const t of e){const i=document.createElement("style"),s=T.litNonce;s!==void 0&&i.setAttribute("nonce",s),i.textContent=t.cssText,r.appendChild(i)}},xe=le?r=>r:r=>r instanceof CSSStyleSheet?(e=>{let t="";for(const i of e.cssRules)t+=i.cssText;return Oe(t)})(r):r;/**
+ */var at;const N=globalThis,le=N.ShadowRoot&&(N.ShadyCSS===void 0||N.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Se=Symbol(),Ee=new WeakMap;let ct=class{constructor(e,t,s){if(this._$cssResult$=!0,s!==Se)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(le&&e===void 0){const s=t!==void 0&&t.length===1;s&&(e=Ee.get(t)),e===void 0&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),s&&Ee.set(t,e))}return e}toString(){return this.cssText}};const xe=r=>new ct(typeof r=="string"?r:r+"",void 0,Se),pt=(r,e)=>{if(le)r.adoptedStyleSheets=e.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet);else for(const t of e){const s=document.createElement("style"),i=N.litNonce;i!==void 0&&s.setAttribute("nonce",i),s.textContent=t.cssText,r.appendChild(s)}},Oe=le?r=>r:r=>r instanceof CSSStyleSheet?(e=>{let t="";for(const s of e.cssRules)t+=s.cssText;return xe(t)})(r):r;/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const{is:pt,defineProperty:ut,getOwnPropertyDescriptor:ft,getOwnPropertyNames:gt,getOwnPropertySymbols:vt,getPrototypeOf:$t}=Object,P=globalThis,Re=P.trustedTypes,_t=Re?Re.emptyScript:"",he=P.reactiveElementPolyfillSupport,K=(r,e)=>r,ee={toAttribute(r,e){switch(e){case Boolean:r=r?_t:null;break;case Object:case Array:r=r==null?r:JSON.stringify(r)}return r},fromAttribute(r,e){let t=r;switch(e){case Boolean:t=r!==null;break;case Number:t=r===null?null:Number(r);break;case Object:case Array:try{t=JSON.parse(r)}catch{t=null}}return t}},ce=(r,e)=>!pt(r,e),ke={attribute:!0,type:String,converter:ee,reflect:!1,useDefault:!1,hasChanged:ce};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),P.litPropertyMetadata??(P.litPropertyMetadata=new WeakMap);let j=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??(this.l=[])).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=ke){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(),s=this.getPropertyDescriptor(e,i,t);s!==void 0&&ut(this.prototype,e,s)}}static getPropertyDescriptor(e,t,i){const{get:s,set:n}=ft(this.prototype,e)??{get(){return this[t]},set(o){this[t]=o}};return{get:s,set(o){const h=s==null?void 0:s.call(this);n==null||n.call(this,o),this.requestUpdate(e,h,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??ke}static _$Ei(){if(this.hasOwnProperty(K("elementProperties")))return;const e=$t(this);e.finalize(),e.l!==void 0&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(K("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(K("properties"))){const t=this.properties,i=[...gt(t),...vt(t)];for(const s of i)this.createProperty(s,t[s])}const e=this[Symbol.metadata];if(e!==null){const t=litPropertyMetadata.get(e);if(t!==void 0)for(const[i,s]of t)this.elementProperties.set(i,s)}this._$Eh=new Map;for(const[t,i]of this.elementProperties){const s=this._$Eu(t,i);s!==void 0&&this._$Eh.set(s,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 s of i)t.unshift(xe(s))}else e!==void 0&&t.push(xe(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}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){var e;this._$ES=new Promise(t=>this.enableUpdating=t),this._$AL=new Map,this._$E_(),this.requestUpdate(),(e=this.constructor.l)==null||e.forEach(t=>t(this))}addController(e){var t;(this._$EO??(this._$EO=new Set)).add(e),this.renderRoot!==void 0&&this.isConnected&&((t=e.hostConnected)==null||t.call(e))}removeController(e){var t;(t=this._$EO)==null||t.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const i of t.keys())this.hasOwnProperty(i)&&(e.set(i,this[i]),delete this[i]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return dt(e,this.constructor.elementStyles),e}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)})}enableUpdating(e){}disconnectedCallback(){var e;(e=this._$EO)==null||e.forEach(t=>{var i;return(i=t.hostDisconnected)==null?void 0:i.call(t)})}attributeChangedCallback(e,t,i){this._$AK(e,i)}_$ET(e,t){var n;const i=this.constructor.elementProperties.get(e),s=this.constructor._$Eu(e,i);if(s!==void 0&&i.reflect===!0){const o=(((n=i.converter)==null?void 0:n.toAttribute)!==void 0?i.converter:ee).toAttribute(t,i.type);this._$Em=e,o==null?this.removeAttribute(s):this.setAttribute(s,o),this._$Em=null}}_$AK(e,t){var n,o;const i=this.constructor,s=i._$Eh.get(e);if(s!==void 0&&this._$Em!==s){const h=i.getPropertyOptions(s),a=typeof h.converter=="function"?{fromAttribute:h.converter}:((n=h.converter)==null?void 0:n.fromAttribute)!==void 0?h.converter:ee;this._$Em=s;const d=a.fromAttribute(t,h.type);this[s]=d??((o=this._$Ej)==null?void 0:o.get(s))??d,this._$Em=null}}requestUpdate(e,t,i,s=!1,n){var o;if(e!==void 0){const h=this.constructor;if(s===!1&&(n=this[e]),i??(i=h.getPropertyOptions(e)),!((i.hasChanged??ce)(n,t)||i.useDefault&&i.reflect&&n===((o=this._$Ej)==null?void 0:o.get(e))&&!this.hasAttribute(h._$Eu(e,i))))return;this.C(e,t,i)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(e,t,{useDefault:i,reflect:s,wrapped:n},o){i&&!(this._$Ej??(this._$Ej=new Map)).has(e)&&(this._$Ej.set(e,o??t??this[e]),n!==!0||o!==void 0)||(this._$AL.has(e)||(this.hasUpdated||i||(t=void 0),this._$AL.set(e,t)),s===!0&&this._$Em!==e&&(this._$Eq??(this._$Eq=new Set)).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}const e=this.scheduleUpdate();return e!=null&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var i;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[n,o]of this._$Ep)this[n]=o;this._$Ep=void 0}const s=this.constructor.elementProperties;if(s.size>0)for(const[n,o]of s){const{wrapped:h}=o,a=this[n];h!==!0||this._$AL.has(n)||a===void 0||this.C(n,void 0,o,a)}}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),(i=this._$EO)==null||i.forEach(s=>{var n;return(n=s.hostUpdate)==null?void 0:n.call(s)}),this.update(t)):this._$EM()}catch(s){throw e=!1,this._$EM(),s}e&&this._$AE(t)}willUpdate(e){}_$AE(e){var t;(t=this._$EO)==null||t.forEach(i=>{var s;return(s=i.hostUpdated)==null?void 0:s.call(i)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&(this._$Eq=this._$Eq.forEach(t=>this._$ET(t,this[t]))),this._$EM()}updated(e){}firstUpdated(e){}};j.elementStyles=[],j.shadowRootOptions={mode:"open"},j[K("elementProperties")]=new Map,j[K("finalized")]=new Map,he==null||he({ReactiveElement:j}),(P.reactiveElementVersions??(P.reactiveElementVersions=[])).push("2.1.2");/**
+ */const{is:dt,defineProperty:ut,getOwnPropertyDescriptor:ft,getOwnPropertyNames:gt,getOwnPropertySymbols:vt,getPrototypeOf:$t}=Object,P=globalThis,ke=P.trustedTypes,_t=ke?ke.emptyScript:"",he=P.reactiveElementPolyfillSupport,K=(r,e)=>r,ee={toAttribute(r,e){switch(e){case Boolean:r=r?_t:null;break;case Object:case Array:r=r==null?r:JSON.stringify(r)}return r},fromAttribute(r,e){let t=r;switch(e){case Boolean:t=r!==null;break;case Number:t=r===null?null:Number(r);break;case Object:case Array:try{t=JSON.parse(r)}catch{t=null}}return t}},ce=(r,e)=>!dt(r,e),Re={attribute:!0,type:String,converter:ee,reflect:!1,useDefault:!1,hasChanged:ce};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),P.litPropertyMetadata??(P.litPropertyMetadata=new WeakMap);let j=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??(this.l=[])).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=Re){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 s=Symbol(),i=this.getPropertyDescriptor(e,s,t);i!==void 0&&ut(this.prototype,e,i)}}static getPropertyDescriptor(e,t,s){const{get:i,set:n}=ft(this.prototype,e)??{get(){return this[t]},set(o){this[t]=o}};return{get:i,set(o){const h=i==null?void 0:i.call(this);n==null||n.call(this,o),this.requestUpdate(e,h,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??Re}static _$Ei(){if(this.hasOwnProperty(K("elementProperties")))return;const e=$t(this);e.finalize(),e.l!==void 0&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(K("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(K("properties"))){const t=this.properties,s=[...gt(t),...vt(t)];for(const i of s)this.createProperty(i,t[i])}const e=this[Symbol.metadata];if(e!==null){const t=litPropertyMetadata.get(e);if(t!==void 0)for(const[s,i]of t)this.elementProperties.set(s,i)}this._$Eh=new Map;for(const[t,s]of this.elementProperties){const i=this._$Eu(t,s);i!==void 0&&this._$Eh.set(i,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const s=new Set(e.flat(1/0).reverse());for(const i of s)t.unshift(Oe(i))}else e!==void 0&&t.push(Oe(e));return t}static _$Eu(e,t){const s=t.attribute;return s===!1?void 0:typeof s=="string"?s:typeof e=="string"?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){var e;this._$ES=new Promise(t=>this.enableUpdating=t),this._$AL=new Map,this._$E_(),this.requestUpdate(),(e=this.constructor.l)==null||e.forEach(t=>t(this))}addController(e){var t;(this._$EO??(this._$EO=new Set)).add(e),this.renderRoot!==void 0&&this.isConnected&&((t=e.hostConnected)==null||t.call(e))}removeController(e){var t;(t=this._$EO)==null||t.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const s of t.keys())this.hasOwnProperty(s)&&(e.set(s,this[s]),delete this[s]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return pt(e,this.constructor.elementStyles),e}connectedCallback(){var e;this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(e=this._$EO)==null||e.forEach(t=>{var s;return(s=t.hostConnected)==null?void 0:s.call(t)})}enableUpdating(e){}disconnectedCallback(){var e;(e=this._$EO)==null||e.forEach(t=>{var s;return(s=t.hostDisconnected)==null?void 0:s.call(t)})}attributeChangedCallback(e,t,s){this._$AK(e,s)}_$ET(e,t){var n;const s=this.constructor.elementProperties.get(e),i=this.constructor._$Eu(e,s);if(i!==void 0&&s.reflect===!0){const o=(((n=s.converter)==null?void 0:n.toAttribute)!==void 0?s.converter:ee).toAttribute(t,s.type);this._$Em=e,o==null?this.removeAttribute(i):this.setAttribute(i,o),this._$Em=null}}_$AK(e,t){var n,o;const s=this.constructor,i=s._$Eh.get(e);if(i!==void 0&&this._$Em!==i){const h=s.getPropertyOptions(i),a=typeof h.converter=="function"?{fromAttribute:h.converter}:((n=h.converter)==null?void 0:n.fromAttribute)!==void 0?h.converter:ee;this._$Em=i;const p=a.fromAttribute(t,h.type);this[i]=p??((o=this._$Ej)==null?void 0:o.get(i))??p,this._$Em=null}}requestUpdate(e,t,s,i=!1,n){var o;if(e!==void 0){const h=this.constructor;if(i===!1&&(n=this[e]),s??(s=h.getPropertyOptions(e)),!((s.hasChanged??ce)(n,t)||s.useDefault&&s.reflect&&n===((o=this._$Ej)==null?void 0:o.get(e))&&!this.hasAttribute(h._$Eu(e,s))))return;this.C(e,t,s)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(e,t,{useDefault:s,reflect:i,wrapped:n},o){s&&!(this._$Ej??(this._$Ej=new Map)).has(e)&&(this._$Ej.set(e,o??t??this[e]),n!==!0||o!==void 0)||(this._$AL.has(e)||(this.hasUpdated||s||(t=void 0),this._$AL.set(e,t)),i===!0&&this._$Em!==e&&(this._$Eq??(this._$Eq=new Set)).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}const e=this.scheduleUpdate();return e!=null&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var s;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[n,o]of this._$Ep)this[n]=o;this._$Ep=void 0}const i=this.constructor.elementProperties;if(i.size>0)for(const[n,o]of i){const{wrapped:h}=o,a=this[n];h!==!0||this._$AL.has(n)||a===void 0||this.C(n,void 0,o,a)}}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),(s=this._$EO)==null||s.forEach(i=>{var n;return(n=i.hostUpdate)==null?void 0:n.call(i)}),this.update(t)):this._$EM()}catch(i){throw e=!1,this._$EM(),i}e&&this._$AE(t)}willUpdate(e){}_$AE(e){var t;(t=this._$EO)==null||t.forEach(s=>{var i;return(i=s.hostUpdated)==null?void 0:i.call(s)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&(this._$Eq=this._$Eq.forEach(t=>this._$ET(t,this[t]))),this._$EM()}updated(e){}firstUpdated(e){}};j.elementStyles=[],j.shadowRootOptions={mode:"open"},j[K("elementProperties")]=new Map,j[K("finalized")]=new Map,he==null||he({ReactiveElement:j}),(P.reactiveElementVersions??(P.reactiveElementVersions=[])).push("2.1.2");/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const G=globalThis,Ne=r=>r,te=G.trustedTypes,Te=te?te.createPolicy("lit-html",{createHTML:r=>r}):void 0,Pe="$lit$",U=`lit$${Math.random().toFixed(9).slice(2)}$`,Ue="?"+U,mt=`<${Ue}>`,L=document,Y=()=>L.createComment(""),q=r=>r===null||typeof r!="object"&&typeof r!="function",de=Array.isArray,yt=r=>de(r)||typeof(r==null?void 0:r[Symbol.iterator])=="function",pe=`[
-\f\r]`,V=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Me=/-->/g,De=/>/g,H=RegExp(`>|${pe}(?:([^\\s"'>=/]+)(${pe}*=${pe}*(?:[^
-\f\r"'\`<>=]|("|')|))|$)`,"g"),Le=/'/g,He=/"/g,Ie=/^(?:script|style|textarea|title)$/i,bt=r=>(e,...t)=>({_$litType$:r,strings:e,values:t}),ue=bt(1),M=Symbol.for("lit-noChange"),$=Symbol.for("lit-nothing"),ze=new WeakMap,I=L.createTreeWalker(L,129);function je(r,e){if(!de(r)||!r.hasOwnProperty("raw"))throw Error("invalid template strings array");return Te!==void 0?Te.createHTML(e):e}const At=(r,e)=>{const t=r.length-1,i=[];let s,n=e===2?"<svg>":e===3?"<math>":"",o=V;for(let h=0;h<t;h++){const a=r[h];let d,l,c=-1,u=0;for(;u<a.length&&(o.lastIndex=u,l=o.exec(a),l!==null);)u=o.lastIndex,o===V?l[1]==="!--"?o=Me:l[1]!==void 0?o=De:l[2]!==void 0?(Ie.test(l[2])&&(s=RegExp("</"+l[2],"g")),o=H):l[3]!==void 0&&(o=H):o===H?l[0]===">"?(o=s??V,c=-1):l[1]===void 0?c=-2:(c=o.lastIndex-l[2].length,d=l[1],o=l[3]===void 0?H:l[3]==='"'?He:Le):o===He||o===Le?o=H:o===Me||o===De?o=V:(o=H,s=void 0);const p=o===H&&r[h+1].startsWith("/>")?" ":"";n+=o===V?a+mt:c>=0?(i.push(d),a.slice(0,c)+Pe+a.slice(c)+U+p):a+U+(c===-2?h:p)}return[je(r,n+(r[t]||"<?>")+(e===2?"</svg>":e===3?"</math>":"")),i]};class X{constructor({strings:e,_$litType$:t},i){let s;this.parts=[];let n=0,o=0;const h=e.length-1,a=this.parts,[d,l]=At(e,t);if(this.el=X.createElement(d,i),I.currentNode=this.el.content,t===2||t===3){const c=this.el.content.firstChild;c.replaceWith(...c.childNodes)}for(;(s=I.nextNode())!==null&&a.length<h;){if(s.nodeType===1){if(s.hasAttributes())for(const c of s.getAttributeNames())if(c.endsWith(Pe)){const u=l[o++],p=s.getAttribute(c).split(U),f=/([.?@])?(.*)/.exec(u);a.push({type:1,index:n,name:f[2],strings:p,ctor:f[1]==="."?St:f[1]==="?"?Ct:f[1]==="@"?Et:re}),s.removeAttribute(c)}else c.startsWith(U)&&(a.push({type:6,index:n}),s.removeAttribute(c));if(Ie.test(s.tagName)){const c=s.textContent.split(U),u=c.length-1;if(u>0){s.textContent=te?te.emptyScript:"";for(let p=0;p<u;p++)s.append(c[p],Y()),I.nextNode(),a.push({type:2,index:++n});s.append(c[u],Y())}}}else if(s.nodeType===8)if(s.data===Ue)a.push({type:2,index:n});else{let c=-1;for(;(c=s.data.indexOf(U,c+1))!==-1;)a.push({type:7,index:n}),c+=U.length-1}n++}}static createElement(e,t){const i=L.createElement("template");return i.innerHTML=e,i}}function B(r,e,t=r,i){var o,h;if(e===M)return e;let s=i!==void 0?(o=t._$Co)==null?void 0:o[i]:t._$Cl;const n=q(e)?void 0:e._$litDirective$;return(s==null?void 0:s.constructor)!==n&&((h=s==null?void 0:s._$AO)==null||h.call(s,!1),n===void 0?s=void 0:(s=new n(r),s._$AT(r,t,i)),i!==void 0?(t._$Co??(t._$Co=[]))[i]=s:t._$Cl=s),s!==void 0&&(e=B(r,s._$AS(r,e.values),s,i)),e}class wt{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){const{el:{content:t},parts:i}=this._$AD,s=((e==null?void 0:e.creationScope)??L).importNode(t,!0);I.currentNode=s;let n=I.nextNode(),o=0,h=0,a=i[0];for(;a!==void 0;){if(o===a.index){let d;a.type===2?d=new Z(n,n.nextSibling,this,e):a.type===1?d=new a.ctor(n,a.name,a.strings,this,e):a.type===6&&(d=new Ot(n,this,e)),this._$AV.push(d),a=i[++h]}o!==(a==null?void 0:a.index)&&(n=I.nextNode(),o++)}return I.currentNode=L,s}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++}}class Z{get _$AU(){var e;return((e=this._$AM)==null?void 0:e._$AU)??this._$Cv}constructor(e,t,i,s){this.type=2,this._$AH=$,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=i,this.options=s,this._$Cv=(s==null?void 0:s.isConnected)??!0}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return t!==void 0&&(e==null?void 0:e.nodeType)===11&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=B(this,e,t),q(e)?e===$||e==null||e===""?(this._$AH!==$&&this._$AR(),this._$AH=$):e!==this._$AH&&e!==M&&this._(e):e._$litType$!==void 0?this.$(e):e.nodeType!==void 0?this.T(e):yt(e)?this.k(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!==$&&q(this._$AH)?this._$AA.nextSibling.data=e:this.T(L.createTextNode(e)),this._$AH=e}$(e){var n;const{values:t,_$litType$:i}=e,s=typeof i=="number"?this._$AC(e):(i.el===void 0&&(i.el=X.createElement(je(i.h,i.h[0]),this.options)),i);if(((n=this._$AH)==null?void 0:n._$AD)===s)this._$AH.p(t);else{const o=new wt(s,this),h=o.u(this.options);o.p(t),this.T(h),this._$AH=o}}_$AC(e){let t=ze.get(e.strings);return t===void 0&&ze.set(e.strings,t=new X(e)),t}k(e){de(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let i,s=0;for(const n of e)s===t.length?t.push(i=new Z(this.O(Y()),this.O(Y()),this,this.options)):i=t[s],i._$AI(n),s++;s<t.length&&(this._$AR(i&&i._$AB.nextSibling,s),t.length=s)}_$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 s=Ne(e).nextSibling;Ne(e).remove(),e=s}}setConnected(e){var t;this._$AM===void 0&&(this._$Cv=e,(t=this._$AP)==null||t.call(this,e))}}class re{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,i,s,n){this.type=1,this._$AH=$,this._$AN=void 0,this.element=e,this.name=t,this._$AM=s,this.options=n,i.length>2||i[0]!==""||i[1]!==""?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=$}_$AI(e,t=this,i,s){const n=this.strings;let o=!1;if(n===void 0)e=B(this,e,t,0),o=!q(e)||e!==this._$AH&&e!==M,o&&(this._$AH=e);else{const h=e;let a,d;for(e=n[0],a=0;a<n.length-1;a++)d=B(this,h[i+a],t,a),d===M&&(d=this._$AH[a]),o||(o=!q(d)||d!==this._$AH[a]),d===$?e=$:e!==$&&(e+=(d??"")+n[a+1]),this._$AH[a]=d}o&&!s&&this.j(e)}j(e){e===$?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}}class St extends re{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===$?void 0:e}}class Ct extends re{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==$)}}class Et extends re{constructor(e,t,i,s,n){super(e,t,i,s,n),this.type=5}_$AI(e,t=this){if((e=B(this,e,t,0)??$)===M)return;const i=this._$AH,s=e===$&&i!==$||e.capture!==i.capture||e.once!==i.once||e.passive!==i.passive,n=e!==$&&(i===$||s);s&&this.element.removeEventListener(this.name,this,i),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 Ot{constructor(e,t,i){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(e){B(this,e)}}const fe=G.litHtmlPolyfillSupport;fe==null||fe(X,Z),(G.litHtmlVersions??(G.litHtmlVersions=[])).push("3.3.2");const xt=(r,e,t)=>{const i=(t==null?void 0:t.renderBefore)??e;let s=i._$litPart$;if(s===void 0){const n=(t==null?void 0:t.renderBefore)??null;i._$litPart$=s=new Z(e.insertBefore(Y(),n),n,void 0,t??{})}return s._$AI(r),s};/**
+ */const G=globalThis,Te=r=>r,te=G.trustedTypes,Ne=te?te.createPolicy("lit-html",{createHTML:r=>r}):void 0,Pe="$lit$",U=`lit$${Math.random().toFixed(9).slice(2)}$`,Ue="?"+U,mt=`<${Ue}>`,L=document,Y=()=>L.createComment(""),q=r=>r===null||typeof r!="object"&&typeof r!="function",pe=Array.isArray,yt=r=>pe(r)||typeof(r==null?void 0:r[Symbol.iterator])=="function",de=`[
+\f\r]`,V=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Me=/-->/g,De=/>/g,H=RegExp(`>|${de}(?:([^\\s"'>=/]+)(${de}*=${de}*(?:[^
+\f\r"'\`<>=]|("|')|))|$)`,"g"),Le=/'/g,He=/"/g,Ie=/^(?:script|style|textarea|title)$/i,bt=r=>(e,...t)=>({_$litType$:r,strings:e,values:t}),ue=bt(1),M=Symbol.for("lit-noChange"),$=Symbol.for("lit-nothing"),ze=new WeakMap,I=L.createTreeWalker(L,129);function je(r,e){if(!pe(r)||!r.hasOwnProperty("raw"))throw Error("invalid template strings array");return Ne!==void 0?Ne.createHTML(e):e}const At=(r,e)=>{const t=r.length-1,s=[];let i,n=e===2?"<svg>":e===3?"<math>":"",o=V;for(let h=0;h<t;h++){const a=r[h];let p,l,c=-1,u=0;for(;u<a.length&&(o.lastIndex=u,l=o.exec(a),l!==null);)u=o.lastIndex,o===V?l[1]==="!--"?o=Me:l[1]!==void 0?o=De:l[2]!==void 0?(Ie.test(l[2])&&(i=RegExp("</"+l[2],"g")),o=H):l[3]!==void 0&&(o=H):o===H?l[0]===">"?(o=i??V,c=-1):l[1]===void 0?c=-2:(c=o.lastIndex-l[2].length,p=l[1],o=l[3]===void 0?H:l[3]==='"'?He:Le):o===He||o===Le?o=H:o===Me||o===De?o=V:(o=H,i=void 0);const d=o===H&&r[h+1].startsWith("/>")?" ":"";n+=o===V?a+mt:c>=0?(s.push(p),a.slice(0,c)+Pe+a.slice(c)+U+d):a+U+(c===-2?h:d)}return[je(r,n+(r[t]||"<?>")+(e===2?"</svg>":e===3?"</math>":"")),s]};class X{constructor({strings:e,_$litType$:t},s){let i;this.parts=[];let n=0,o=0;const h=e.length-1,a=this.parts,[p,l]=At(e,t);if(this.el=X.createElement(p,s),I.currentNode=this.el.content,t===2||t===3){const c=this.el.content.firstChild;c.replaceWith(...c.childNodes)}for(;(i=I.nextNode())!==null&&a.length<h;){if(i.nodeType===1){if(i.hasAttributes())for(const c of i.getAttributeNames())if(c.endsWith(Pe)){const u=l[o++],d=i.getAttribute(c).split(U),f=/([.?@])?(.*)/.exec(u);a.push({type:1,index:n,name:f[2],strings:d,ctor:f[1]==="."?Ct:f[1]==="?"?St:f[1]==="@"?Et:re}),i.removeAttribute(c)}else c.startsWith(U)&&(a.push({type:6,index:n}),i.removeAttribute(c));if(Ie.test(i.tagName)){const c=i.textContent.split(U),u=c.length-1;if(u>0){i.textContent=te?te.emptyScript:"";for(let d=0;d<u;d++)i.append(c[d],Y()),I.nextNode(),a.push({type:2,index:++n});i.append(c[u],Y())}}}else if(i.nodeType===8)if(i.data===Ue)a.push({type:2,index:n});else{let c=-1;for(;(c=i.data.indexOf(U,c+1))!==-1;)a.push({type:7,index:n}),c+=U.length-1}n++}}static createElement(e,t){const s=L.createElement("template");return s.innerHTML=e,s}}function B(r,e,t=r,s){var o,h;if(e===M)return e;let i=s!==void 0?(o=t._$Co)==null?void 0:o[s]:t._$Cl;const n=q(e)?void 0:e._$litDirective$;return(i==null?void 0:i.constructor)!==n&&((h=i==null?void 0:i._$AO)==null||h.call(i,!1),n===void 0?i=void 0:(i=new n(r),i._$AT(r,t,s)),s!==void 0?(t._$Co??(t._$Co=[]))[s]=i:t._$Cl=i),i!==void 0&&(e=B(r,i._$AS(r,e.values),i,s)),e}class wt{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){const{el:{content:t},parts:s}=this._$AD,i=((e==null?void 0:e.creationScope)??L).importNode(t,!0);I.currentNode=i;let n=I.nextNode(),o=0,h=0,a=s[0];for(;a!==void 0;){if(o===a.index){let p;a.type===2?p=new Z(n,n.nextSibling,this,e):a.type===1?p=new a.ctor(n,a.name,a.strings,this,e):a.type===6&&(p=new xt(n,this,e)),this._$AV.push(p),a=s[++h]}o!==(a==null?void 0:a.index)&&(n=I.nextNode(),o++)}return I.currentNode=L,i}p(e){let t=0;for(const s of this._$AV)s!==void 0&&(s.strings!==void 0?(s._$AI(e,s,t),t+=s.strings.length-2):s._$AI(e[t])),t++}}class Z{get _$AU(){var e;return((e=this._$AM)==null?void 0:e._$AU)??this._$Cv}constructor(e,t,s,i){this.type=2,this._$AH=$,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=s,this.options=i,this._$Cv=(i==null?void 0:i.isConnected)??!0}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return t!==void 0&&(e==null?void 0:e.nodeType)===11&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=B(this,e,t),q(e)?e===$||e==null||e===""?(this._$AH!==$&&this._$AR(),this._$AH=$):e!==this._$AH&&e!==M&&this._(e):e._$litType$!==void 0?this.$(e):e.nodeType!==void 0?this.T(e):yt(e)?this.k(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!==$&&q(this._$AH)?this._$AA.nextSibling.data=e:this.T(L.createTextNode(e)),this._$AH=e}$(e){var n;const{values:t,_$litType$:s}=e,i=typeof s=="number"?this._$AC(e):(s.el===void 0&&(s.el=X.createElement(je(s.h,s.h[0]),this.options)),s);if(((n=this._$AH)==null?void 0:n._$AD)===i)this._$AH.p(t);else{const o=new wt(i,this),h=o.u(this.options);o.p(t),this.T(h),this._$AH=o}}_$AC(e){let t=ze.get(e.strings);return t===void 0&&ze.set(e.strings,t=new X(e)),t}k(e){pe(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let s,i=0;for(const n of e)i===t.length?t.push(s=new Z(this.O(Y()),this.O(Y()),this,this.options)):s=t[i],s._$AI(n),i++;i<t.length&&(this._$AR(s&&s._$AB.nextSibling,i),t.length=i)}_$AR(e=this._$AA.nextSibling,t){var s;for((s=this._$AP)==null?void 0:s.call(this,!1,!0,t);e!==this._$AB;){const i=Te(e).nextSibling;Te(e).remove(),e=i}}setConnected(e){var t;this._$AM===void 0&&(this._$Cv=e,(t=this._$AP)==null||t.call(this,e))}}class re{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,s,i,n){this.type=1,this._$AH=$,this._$AN=void 0,this.element=e,this.name=t,this._$AM=i,this.options=n,s.length>2||s[0]!==""||s[1]!==""?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=$}_$AI(e,t=this,s,i){const n=this.strings;let o=!1;if(n===void 0)e=B(this,e,t,0),o=!q(e)||e!==this._$AH&&e!==M,o&&(this._$AH=e);else{const h=e;let a,p;for(e=n[0],a=0;a<n.length-1;a++)p=B(this,h[s+a],t,a),p===M&&(p=this._$AH[a]),o||(o=!q(p)||p!==this._$AH[a]),p===$?e=$:e!==$&&(e+=(p??"")+n[a+1]),this._$AH[a]=p}o&&!i&&this.j(e)}j(e){e===$?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}}class Ct extends re{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===$?void 0:e}}class St extends re{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==$)}}class Et extends re{constructor(e,t,s,i,n){super(e,t,s,i,n),this.type=5}_$AI(e,t=this){if((e=B(this,e,t,0)??$)===M)return;const s=this._$AH,i=e===$&&s!==$||e.capture!==s.capture||e.once!==s.once||e.passive!==s.passive,n=e!==$&&(s===$||i);i&&this.element.removeEventListener(this.name,this,s),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 xt{constructor(e,t,s){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=s}get _$AU(){return this._$AM._$AU}_$AI(e){B(this,e)}}const fe=G.litHtmlPolyfillSupport;fe==null||fe(X,Z),(G.litHtmlVersions??(G.litHtmlVersions=[])).push("3.3.2");const Ot=(r,e,t)=>{const s=(t==null?void 0:t.renderBefore)??e;let i=s._$litPart$;if(i===void 0){const n=(t==null?void 0:t.renderBefore)??null;s._$litPart$=i=new Z(e.insertBefore(Y(),n),n,void 0,t??{})}return i._$AI(r),i};/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const z=globalThis;let J=class extends j{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var t;const e=super.createRenderRoot();return(t=this.renderOptions).renderBefore??(t.renderBefore=e.firstChild),e}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=xt(t,this.renderRoot,this.renderOptions)}connectedCallback(){var e;super.connectedCallback(),(e=this._$Do)==null||e.setConnected(!0)}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this._$Do)==null||e.setConnected(!1)}render(){return M}};J._$litElement$=!0,J.finalized=!0,(at=z.litElementHydrateSupport)==null||at.call(z,{LitElement:J});const ge=z.litElementPolyfillSupport;ge==null||ge({LitElement:J}),(z.litElementVersions??(z.litElementVersions=[])).push("4.2.2");/**
+ */const z=globalThis;let J=class extends j{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var t;const e=super.createRenderRoot();return(t=this.renderOptions).renderBefore??(t.renderBefore=e.firstChild),e}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=Ot(t,this.renderRoot,this.renderOptions)}connectedCallback(){var e;super.connectedCallback(),(e=this._$Do)==null||e.setConnected(!0)}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this._$Do)==null||e.setConnected(!1)}render(){return M}};J._$litElement$=!0,J.finalized=!0,(at=z.litElementHydrateSupport)==null||at.call(z,{LitElement:J});const ge=z.litElementPolyfillSupport;ge==null||ge({LitElement:J}),(z.litElementVersions??(z.litElementVersions=[])).push("4.2.2");/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const Rt=r=>(e,t)=>{t!==void 0?t.addInitializer(()=>{customElements.define(r,e)}):customElements.define(r,e)};/**
+ */const kt=r=>(e,t)=>{t!==void 0?t.addInitializer(()=>{customElements.define(r,e)}):customElements.define(r,e)};/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const kt={attribute:!0,type:String,converter:ee,reflect:!1,hasChanged:ce},Nt=(r=kt,e,t)=>{const{kind:i,metadata:s}=t;let n=globalThis.litPropertyMetadata.get(s);if(n===void 0&&globalThis.litPropertyMetadata.set(s,n=new Map),i==="setter"&&((r=Object.create(r)).wrapped=!0),n.set(t.name,r),i==="accessor"){const{name:o}=t;return{set(h){const a=e.get.call(this);e.set.call(this,h),this.requestUpdate(o,a,r,!0,h)},init(h){return h!==void 0&&this.C(o,void 0,r,h),h}}}if(i==="setter"){const{name:o}=t;return function(h){const a=this[o];e.call(this,h),this.requestUpdate(o,a,r,!0,h)}}throw Error("Unsupported decorator location: "+i)};function F(r){return(e,t)=>typeof t=="object"?Nt(r,e,t):((i,s,n)=>{const o=s.hasOwnProperty(n);return s.constructor.createProperty(n,i),o?Object.getOwnPropertyDescriptor(s,n):void 0})(r,e,t)}/**
+ */const Rt={attribute:!0,type:String,converter:ee,reflect:!1,hasChanged:ce},Tt=(r=Rt,e,t)=>{const{kind:s,metadata:i}=t;let n=globalThis.litPropertyMetadata.get(i);if(n===void 0&&globalThis.litPropertyMetadata.set(i,n=new Map),s==="setter"&&((r=Object.create(r)).wrapped=!0),n.set(t.name,r),s==="accessor"){const{name:o}=t;return{set(h){const a=e.get.call(this);e.set.call(this,h),this.requestUpdate(o,a,r,!0,h)},init(h){return h!==void 0&&this.C(o,void 0,r,h),h}}}if(s==="setter"){const{name:o}=t;return function(h){const a=this[o];e.call(this,h),this.requestUpdate(o,a,r,!0,h)}}throw Error("Unsupported decorator location: "+s)};function F(r){return(e,t)=>typeof t=="object"?Tt(r,e,t):((s,i,n)=>{const o=i.hasOwnProperty(n);return i.constructor.createProperty(n,s),o?Object.getOwnPropertyDescriptor(i,n):void 0})(r,e,t)}/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
@@ -32,15 +32,15 @@
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const Tt=(r,e,t)=>(t.configurable=!0,t.enumerable=!0,Reflect.decorate&&typeof e!="object"&&Object.defineProperty(r,e,t),t);/**
+ */const Nt=(r,e,t)=>(t.configurable=!0,t.enumerable=!0,Reflect.decorate&&typeof e!="object"&&Object.defineProperty(r,e,t),t);/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */function Be(r,e){return(t,i,s)=>{const n=o=>{var h;return((h=o.renderRoot)==null?void 0:h.querySelector(r))??null};return Tt(t,i,{get(){return n(this)}})}}/**
+ */function Be(r,e){return(t,s,i)=>{const n=o=>{var h;return((h=o.renderRoot)==null?void 0:h.querySelector(r))??null};return Nt(t,s,{get(){return n(this)}})}}/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const Fe={ATTRIBUTE:1,CHILD:2},We=r=>(...e)=>({_$litDirective$:r,values:e});class Ke{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,t,i){this._$Ct=e,this._$AM=t,this._$Ci=i}_$AS(e,t){return this.update(e,t)}update(e,t){return this.render(...t)}}/**
+ */const Fe={ATTRIBUTE:1,CHILD:2},We=r=>(...e)=>({_$litDirective$:r,values:e});class Ke{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,t,s){this._$Ct=e,this._$AM=t,this._$Ci=s}_$AS(e,t){return this.update(e,t)}update(e,t){return this.render(...t)}}/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
@@ -48,35 +48,42 @@
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const Ut=We(class extends Ke{constructor(r){var e;if(super(r),r.type!==Fe.ATTRIBUTE||r.name!=="class"||((e=r.strings)==null?void 0:e.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(r){return" "+Object.keys(r).filter(e=>r[e]).join(" ")+" "}update(r,[e]){var i,s;if(this.st===void 0){this.st=new Set,r.strings!==void 0&&(this.nt=new Set(r.strings.join(" ").split(/\s/).filter(n=>n!=="")));for(const n in e)e[n]&&!((i=this.nt)!=null&&i.has(n))&&this.st.add(n);return this.render(e)}const t=r.element.classList;for(const n of this.st)n in e||(t.remove(n),this.st.delete(n));for(const n in e){const o=!!e[n];o===this.st.has(n)||(s=this.nt)!=null&&s.has(n)||(o?(t.add(n),this.st.add(n)):(t.remove(n),this.st.delete(n)))}return M}}),Mt=":host{display:block;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.controls{display:flex;gap:12px;align-items:center;margin-bottom:8px;flex-wrap:wrap}.controls label{font-size:12px;font-weight:600;color:#374151}.btn-toggle{font-size:12px;padding:3px 10px;border-radius:4px;cursor:pointer;border:1px solid #76b900;background:#76b900;color:#fff;font-weight:600}.btn-toggle.off{background:#fff;color:#6b7280;border-color:#d1d5db}select{font-size:12px;padding:3px 8px;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;color:#374151;background:#fff}.editor-wrapper{position:relative;background:#fff;border:1px solid #d1d5db;border-radius:6px;transition:border-color .15s,box-shadow .15s}.editor-wrapper:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.highlight-layer,textarea{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5;padding:8px 12px;width:100%;box-sizing:border-box;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word}.highlight-layer{position:absolute;top:0;left:0;height:100%;color:transparent;pointer-events:none;overflow:hidden;border:none;background:transparent;margin:0}.highlight-layer mark{background:transparent;color:transparent;text-decoration:underline wavy red}textarea{position:relative;display:block;min-height:80px;outline:none;background:transparent;color:#111827;caret-color:#111827;border:none;border-radius:6px;resize:vertical;margin:0}textarea::placeholder{color:#9ca3af}.loading-hint{font-size:11px;color:#9ca3af;margin-top:4px}";function Dt(r){return r&&r.__esModule&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r}/*!
+ */const Ut=We(class extends Ke{constructor(r){var e;if(super(r),r.type!==Fe.ATTRIBUTE||r.name!=="class"||((e=r.strings)==null?void 0:e.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(r){return" "+Object.keys(r).filter(e=>r[e]).join(" ")+" "}update(r,[e]){var s,i;if(this.st===void 0){this.st=new Set,r.strings!==void 0&&(this.nt=new Set(r.strings.join(" ").split(/\s/).filter(n=>n!=="")));for(const n in e)e[n]&&!((s=this.nt)!=null&&s.has(n))&&this.st.add(n);return this.render(e)}const t=r.element.classList;for(const n of this.st)n in e||(t.remove(n),this.st.delete(n));for(const n in e){const o=!!e[n];o===this.st.has(n)||(i=this.nt)!=null&&i.has(n)||(o?(t.add(n),this.st.add(n)):(t.remove(n),this.st.delete(n)))}return M}}),Mt=`:host{display:block;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.controls{display:flex;gap:16px;align-items:center;margin-bottom:8px;flex-wrap:wrap}.control-group{display:flex;align-items:center;gap:8px}.control-label{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#6b7280}.toggle-track{position:relative;display:inline-flex;align-items:center;width:36px;height:20px;border-radius:10px;background:#e5e7eb;cursor:pointer;border:none;padding:0;transition:background .2s;flex-shrink:0}.toggle-track.on{background:#76b900}.toggle-thumb{position:absolute;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s}.toggle-track.on .toggle-thumb{transform:translate(16px)}.toggle-label{font-size:12px;font-weight:600;color:#374151;min-width:24px}select{font-size:12px;font-family:inherit;padding:4px 24px 4px 8px;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;color:#374151;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%239ca3af' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 8px center;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:border-color .15s}select:hover{border-color:#d1d5db}select:focus{outline:none;border-color:#76b900}.editor-wrapper{position:relative;background:#fff;border:1.5px solid #e5e7eb;border-left:3px solid #76b900;border-radius:8px;transition:border-color .15s,box-shadow .15s}.editor-wrapper:focus-within{border-color:#d1d5db;border-left-color:#76b900;box-shadow:0 1px 6px #0000000f}.highlight-layer,textarea{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13.5px;line-height:1.6;padding:10px 14px;width:100%;box-sizing:border-box;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word}.highlight-layer{position:absolute;top:0;left:0;height:100%;color:transparent;pointer-events:none;overflow:hidden;border:none;background:transparent;border-radius:8px;margin:0}.highlight-layer mark{background:transparent;color:transparent;text-decoration:underline wavy #ef4444}textarea{position:relative;display:block;min-height:88px;outline:none;background:transparent;color:#111827;caret-color:#111827;border:none;border-radius:8px;resize:vertical;margin:0}textarea::placeholder{color:#c4c9d4}.loading-hint{font-size:11px;color:#9ca3af;margin-top:5px;display:flex;align-items:center;gap:5px}.loading-dot{width:5px;height:5px;border-radius:50%;background:#76b900;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}`;function Dt(r){return r&&r.__esModule&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r}/*!
  * Determine if an object is a Buffer
  *
  * @author   Feross Aboukhadijeh <https://feross.org>
  * @license  MIT
- */var Lt=function(e){return e!=null&&e.constructor!=null&&typeof e.constructor.isBuffer=="function"&&e.constructor.isBuffer(e)},Ge=It,Ht=[];function It(r,e){var t=0,i;if(!e)return Ht;if(r.FLAG==="long"){for(i=new Array(Math.ceil(e.length/2));t<e.length;)i[t/2]=e.slice(t,t+2),t+=2;return i}return e.split(r.FLAG==="num"?",":"")}var zt=Ge,jt=Wt,Bt=[].push,ie="etaoinshrdlcumwfgypbvkjxqz".split(""),Q=/\s+/,Ft=["qwertzuop","yxcvbnm","qaw","say","wse","dsx","sy","edr","fdc","dx","rft","gfv","fc","tgz","hgb","gv","zhu","jhn","hb","uji","kjm","jn","iko","lkm"];function Wt(r){var e=Object.create(null),t=Object.create(null),i=Object.create(null),s=[],n={in:[],out:[]},o=[],h=r.toString("utf8"),a=[],d=0,l=h.indexOf(`
-`),c,u,p,f,y,S,A,w,x,v,C,g,E;for(i.KEY=[];l>-1;)b(h.slice(d,l)),d=l+1,l=h.indexOf(`
-`,d);for(b(h.slice(d)),l=-1;++l<a.length;)if(u=a[l],c=u.split(Q),p=c[0],p==="REP"){for(f=l+parseInt(c[1],10);++l<=f;)c=a[l].split(Q),s.push([c[1],c[2]]);l--}else if(p==="ICONV"||p==="OCONV"){for(f=l+parseInt(c[1],10),w=n[p==="ICONV"?"in":"out"];++l<=f;)c=a[l].split(Q),w.push([new RegExp(c[1],"g"),c[2]]);l--}else if(p==="COMPOUNDRULE"){for(f=l+parseInt(c[1],10);++l<=f;)for(v=a[l].split(Q)[1],x=-1,o.push(v);++x<v.length;)t[v.charAt(x)]=[];l--}else if(p==="PFX"||p==="SFX"){for(f=l+parseInt(c[3],10),v={type:p,combineable:c[2]==="Y",entries:[]},e[c[1]]=v;++l<=f;){c=a[l].split(Q),y=c[2],S=c[3].split("/"),A=c[4],w={add:"",remove:"",match:"",continuation:zt(i,S[1])},S&&S[0]!=="0"&&(w.add=S[0]);try{y!=="0"&&(w.remove=p==="SFX"?Ye(y):y),A&&A!=="."&&(w.match=p==="SFX"?Ye(A):Kt(A))}catch{w=null}w&&v.entries.push(w)}l--}else if(p==="TRY"){for(A=c[1],g=-1,C=[];++g<A.length;)E=A.charAt(g),E.toLowerCase()===E&&C.push(E);for(g=-1;++g<ie.length;)A.indexOf(ie[g])<0&&C.push(ie[g]);i[p]=C}else p==="KEY"?Bt.apply(i[p],c[1].split("|")):p==="COMPOUNDMIN"?i[p]=Number(c[1]):p==="ONLYINCOMPOUND"?(i[p]=c[1],t[c[1]]=[]):i[p]=c[1];return isNaN(i.COMPOUNDMIN)&&(i.COMPOUNDMIN=3),i.KEY.length||(i.KEY=Ft),i.TRY||(i.TRY=ie.concat()),i.KEEPCASE||(i.KEEPCASE=!1),{compoundRuleCodes:t,replacementTable:s,conversion:n,compoundRules:o,rules:e,flags:i};function b(m){m=m.trim(),m&&m.charCodeAt(0)!==35&&a.push(m)}}function Ye(r){return new RegExp(r+"$")}function Kt(r){return new RegExp("^"+r)}var qe=Gt;function Gt(r,e){for(var t=-1;++t<e.length;)r=r.replace(e[t][0],e[t][1]);return r}var se=Yt;function Yt(r,e,t){return t&&e in r&&t.indexOf(r[e])>-1}var qt=se,Vt=Xt;function Xt(r,e){var t=-1;if(r.data[e])return!qt(r.flags,"ONLYINCOMPOUND",r.data[e]);if(e.length>=r.flags.COMPOUNDMIN){for(;++t<r.compoundRules.length;)if(r.compoundRules[t].test(e))return!0}return!1}var Zt=qe,_e=Vt,me=se,ye=Jt;function Jt(r,e,t){var i=e.trim(),s;if(!i)return null;if(i=Zt(i,r.conversion.in),_e(r,i))return!t&&me(r.flags,"FORBIDDENWORD",r.data[i])?null:i;if(i.toUpperCase()===i){if(s=i.charAt(0)+i.slice(1).toLowerCase(),Ve(r.flags,r.data[s],t))return null;if(_e(r,s))return s}if(s=i.toLowerCase(),s!==i){if(Ve(r.flags,r.data[s],t))return null;if(_e(r,s))return s}return null}function Ve(r,e,t){return me(r,"KEEPCASE",e)||t||me(r,"FORBIDDENWORD",e)}var Qt=ye,er=tr;function tr(r){return!!Qt(this,r)}var rr=ir;function ir(r){var e=Xe(r.charAt(0)),t=r.slice(1);return!t||(t=Xe(t),e===t)?e:e==="u"&&t==="l"?"s":null}function Xe(r){return r===r.toLowerCase()?"l":r===r.toUpperCase()?"u":null}var ne=rr,Ze=qe,sr=se,nr=ye,or=lr,ar=[].push;function lr(r){var e=this,t={},i=[],s={},n,o,h=[],a,d,l,c,u,p,f,y,S,A,w,x,v,C,g,E,b,m,N,W,we,Se,ae;if(r=Ze(r.trim(),e.conversion.in),!r||e.correct(r))return[];for(ae=ne(r),d=-1;++d<e.replacementTable.length;)for(o=e.replacementTable[d],l=r.indexOf(o[0]);l>-1;)h.push(r.replace(o[0],o[1])),l=r.indexOf(o[0],l+1);for(d=-1;++d<r.length;)for(y=r.charAt(d),A=r.slice(0,d),w=r.slice(d+1),v=y.toLowerCase(),x=v!==y,t={},l=-1;++l<e.flags.KEY.length;)if(S=e.flags.KEY[l],c=S.indexOf(v),!(c<0)){for(p=-1;++p<S.length;)if(p!==c){if(f=S.charAt(p),t[f])continue;t[f]=!0,x&&(f=f.toUpperCase()),h.push(A+f+w)}}for(d=-1,b=r.charAt(0),a=[""],m=1,N=0;++d<r.length;){for(y=b,b=r.charAt(d+1),A=r.slice(0,d),o=y===b?"":y+y,l=-1,u=a.length;++l<u;)l<=m&&a.push(a[l]+o),a[l]+=y;++N<3&&(m=a.length)}for(ar.apply(h,a),a=[r],o=r.toLowerCase(),(r===o||ae===null)&&a.push(r.charAt(0).toUpperCase()+o.slice(1)),o=r.toUpperCase(),r!==o&&a.push(o),n={state:{},weighted:s,suggestions:i},C=Je(e,n,a,h),g=0,m=Math.min(C.length,Math.pow(Math.max(15-r.length,3),3)),W=Math.max(Math.pow(10-r.length,3),1);!i.length&&g<m;)E=g+W,Je(e,n,C.slice(g,E)),g=E;for(i.sort(Br),a=[],we=[],d=-1;++d<i.length;)Se=Ze(i[d],e.conversion.out),o=Se.toLowerCase(),we.indexOf(o)<0&&(a.push(Se),we.push(o));return a;function Br(R,k){return Fr(R,k)||Wr(R,k)||Kr(R,k)}function Fr(R,k){return s[R]===s[k]?0:s[R]>s[k]?-1:1}function Wr(R,k){var lt=ne(R),ht=ne(k);return lt===ht?0:lt===ae?-1:ht===ae?1:void 0}function Kr(R,k){return R.localeCompare(k)}}function Je(r,e,t,i){var s=r.flags.TRY,n=r.data,o=r.flags,h=[],a=-1,d,l,c,u,p,f,y,S,A,w,x,v,C;if(i)for(;++a<i.length;)g(i[a],!0);for(a=-1;++a<t.length;)for(d=t[a],l="",c="",u=d.charAt(0),p=d,f=d.slice(1),y=u.toLowerCase()!==u,S=ne(d),A=-1;++A<=d.length;)for(l+=c,w=p,p=f,f=p.slice(1),c=u,u=d.charAt(A+1),x=y,u&&(y=u.toLowerCase()!==u),p&&x!==y&&(g(l+E(p)),g(l+E(u)+E(c)+f)),g(l+p),p&&g(l+u+c+f),C=-1;++C<s.length;)v=s[C],x&&v!==v.toUpperCase()?(S!=="s"&&(g(l+v+w),g(l+v+p)),v=v.toUpperCase(),g(l+v+w),g(l+v+p)):(g(l+v+w),g(l+v+p));return h;function g(b,m){var N=e.state[b],W;N!==!!N&&(h.push(b),W=nr(r,b),N=W&&!sr(o,"NOSUGGEST",n[W]),e.state[b]=N,N&&(e.weighted[b]=m?10:0,e.suggestions.push(b))),N&&e.weighted[b]++}function E(b){var m=b.charAt(0);return(m.toLowerCase()===m?m.toUpperCase():m.toLowerCase())+b.slice(1)}}var hr=ye,Qe=se,cr=dr;function dr(r){var e=this,t=hr(e,r,!0);return{correct:e.correct(r),forbidden:!!(t&&Qe(e.flags,"FORBIDDENWORD",e.data[t])),warn:!!(t&&Qe(e.flags,"WARN",e.data[t]))}}var pr=et;function et(r,e,t,i){for(var s=-1,n,o,h,a,d;++s<e.entries.length;)if(n=e.entries[s],a=n.continuation,d=-1,(!n.match||n.match.test(r))&&(o=n.remove?r.replace(n.remove,""):r,o=e.type==="SFX"?o+n.add:n.add+o,i.push(o),a&&a.length))for(;++d<a.length;)h=t[a[d]],h&&et(o,h,t,i);return i}var tt=pr,rt=gr,ur=[].push,be=[];function fr(r,e,t){var i=r[e];e in r?i===be?r[e]=t.concat():ur.apply(i,t):r[e]=t.concat()}function gr(r,e,t,i){var s=-1,n,o,h,a,d,l,c;for((!("NEEDAFFIX"in i.flags)||t.indexOf(i.flags.NEEDAFFIX)<0)&&fr(r,e,t);++s<t.length;)if(n=i.rules[t[s]],t[s]in i.compoundRuleCodes&&i.compoundRuleCodes[t[s]].push(e),n){for(l=tt(e,n,i.rules,[]),o=-1;++o<l.length;)if(l[o]in r||(r[l[o]]=be),n.combineable){for(h=s;++h<t.length;)if(d=i.rules[t[h]],d&&d.combineable&&n.type!==d.type)for(c=tt(l[o],d,i.rules,[]),a=-1;++a<c.length;)c[a]in r||(r[c[a]]=be)}}}var vr=rt,$r=mr,_r=[];function mr(r,e){var t=this;return vr(t.data,r,t.data[e]||_r,t),t}var yr=br;function br(r){var e=this;return delete e.data[r],e}var Ar=wr;function wr(){return this.flags.WORDCHARS||null}var Sr=Ge,Cr=rt,Er=Or,it=/\s/g;function Or(r,e,t){for(var i=r.toString("utf8"),s=i.indexOf(`
-`)+1,n=i.indexOf(`
-`,s);n>-1;)i.charCodeAt(s)!==9&&st(i.slice(s,n),e,t),s=n+1,n=i.indexOf(`
-`,s);st(i.slice(s),e,t)}function st(r,e,t){for(var i=r.indexOf("/"),s=r.indexOf("#"),n="",o,h;i>-1&&r.charCodeAt(i-1)===92;)r=r.slice(0,i-1)+r.slice(i),i=r.indexOf("/",i);s>-1?i>-1&&i<s?(o=r.slice(0,i),it.lastIndex=i+1,h=it.exec(r),n=r.slice(i+1,h?h.index:void 0)):o=r.slice(0,s):i>-1?(o=r.slice(0,i),n=r.slice(i+1)):o=r,o=o.trim(),o&&Cr(t,o,Sr(e.flags,n.trim()),e)}var xr=Er,Rr=kr;function kr(r){var e=this,t=-1,i,s,n,o;for(xr(r,e,e.data);++t<e.compoundRules.length;){for(i=e.compoundRules[t],s="",o=-1;++o<i.length;)n=i.charAt(o),s+=e.compoundRuleCodes[n].length?"(?:"+e.compoundRuleCodes[n].join("|")+")":n;e.compoundRules[t]=new RegExp(s,"i")}return e}var Nr=Tr;function Tr(r){var e=this,t=r.toString("utf8").split(`
-`),i=-1,s,n,o,h;for(e.flags.FORBIDDENWORD===void 0&&(e.flags.FORBIDDENWORD=!1),h=e.flags.FORBIDDENWORD;++i<t.length;)s=t[i].trim(),s&&(s=s.split("/"),o=s[0],n=o.charAt(0)==="*",n&&(o=o.slice(1)),e.add(o,s[1]),n&&e.data[o].push(h));return e}var nt=Lt,Pr=jt,Ur=oe,D=oe.prototype;D.correct=er,D.suggest=or,D.spell=cr,D.add=$r,D.remove=yr,D.wordCharacters=Ar,D.dictionary=Rr,D.personal=Nr;function oe(r,e){var t=-1,i;if(!(this instanceof oe))return new oe(r,e);if(typeof r=="string"||nt(r)?(typeof e=="string"||nt(e))&&(i=[{dic:e}]):r&&("length"in r?(i=r,r=r[0]&&r[0].aff):(r.dic&&(i=[r]),r=r.aff)),!r)throw new Error("Missing `aff` in dictionary");if(r=Pr(r),this.data=Object.create(null),this.compoundRuleCodes=r.compoundRuleCodes,this.replacementTable=r.replacementTable,this.conversion=r.conversion,this.compoundRules=r.compoundRules,this.rules=r.rules,this.flags=r.flags,i)for(;++t<i.length;)i[t].dic&&this.dictionary(i[t].dic)}const Mr=Dt(Ur),ot="https://cdn.jsdelivr.net/npm",Dr={"en-US":"dictionary-en","en-GB":"dictionary-en-gb",fr:"dictionary-fr",de:"dictionary-de",es:"dictionary-es",ko:"dictionary-ko"},Ae=new Map;async function Lr(r){if(Ae.has(r))return Ae.get(r);const e=Dr[r]??"dictionary-en",[t,i]=await Promise.all([fetch(`${ot}/${e}/index.aff`).then(n=>n.text()),fetch(`${ot}/${e}/index.dic`).then(n=>n.text())]),s=Mr({aff:t,dic:i});return Ae.set(r,s),s}function Hr(r,e,t){const i=r.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;");return!e||!t?i+`
-`:i.replace(/[a-zA-ZÀ-ÿ\u3131-\uD79D][a-zA-ZÀ-ÿ\u3131-\uD79D'']*/g,n=>{const o=n.replace(/^'+|'+$/g,"");return!o||e.correct(o)?n:`<mark>${n}</mark>`})+`
-`}var Ir=Object.defineProperty,zr=Object.getOwnPropertyDescriptor,O=(r,e,t,i)=>{for(var s=i>1?void 0:i?zr(e,t):e,n=r.length-1,o;n>=0;n--)(o=r[n])&&(s=(i?o(e,t,s):o(s))||s);return i&&s&&Ir(e,t,s),s};const jr=[{value:"en-US",label:"English (US)"},{value:"en-GB",label:"English (UK)"},{value:"fr",label:"French"},{value:"de",label:"German"},{value:"es",label:"Spanish"},{value:"ko",label:"Korean"}];_.SaSpellChecker=class extends J{constructor(){super(...arguments),this.spellcheck=!0,this.lang="en-US",this.placeholder="Type here...",this.value="",this.rows=4,this._spellcheckOn=!0,this._loading=!1,this._highlightHTML=`
-`,this._checker=null,this._debounceTimer=null}connectedCallback(){super.connectedCallback(),this._spellcheckOn=this.spellcheck,this._resizeObserver=new ResizeObserver(()=>this._syncScroll()),this._loadDict()}disconnectedCallback(){super.disconnectedCallback(),this._resizeObserver.disconnect()}firstUpdated(){this._resizeObserver.observe(this._textarea)}async _loadDict(){this._loading=!0;try{this._checker=await Lr(this.lang),this._updateHighlight()}finally{this._loading=!1}}_updateHighlight(){this._highlightHTML=Hr(this.value,this._checker,this._spellcheckOn)}_syncScroll(){this._overlay&&this._textarea&&(this._overlay.scrollTop=this._textarea.scrollTop)}_onInput(e){this.value=e.target.value,this._syncScroll(),this.dispatchEvent(new CustomEvent("sa-change",{detail:{value:this.value},bubbles:!0,composed:!0})),this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(()=>this._updateHighlight(),400)}_onToggle(){this._spellcheckOn=!this._spellcheckOn,this._updateHighlight()}_onLangChange(e){this.lang=e.target.value,this._loadDict()}render(){return ue`
+ */var Lt=function(e){return e!=null&&e.constructor!=null&&typeof e.constructor.isBuffer=="function"&&e.constructor.isBuffer(e)},Ge=It,Ht=[];function It(r,e){var t=0,s;if(!e)return Ht;if(r.FLAG==="long"){for(s=new Array(Math.ceil(e.length/2));t<e.length;)s[t/2]=e.slice(t,t+2),t+=2;return s}return e.split(r.FLAG==="num"?",":"")}var zt=Ge,jt=Wt,Bt=[].push,se="etaoinshrdlcumwfgypbvkjxqz".split(""),Q=/\s+/,Ft=["qwertzuop","yxcvbnm","qaw","say","wse","dsx","sy","edr","fdc","dx","rft","gfv","fc","tgz","hgb","gv","zhu","jhn","hb","uji","kjm","jn","iko","lkm"];function Wt(r){var e=Object.create(null),t=Object.create(null),s=Object.create(null),i=[],n={in:[],out:[]},o=[],h=r.toString("utf8"),a=[],p=0,l=h.indexOf(`
+`),c,u,d,f,y,C,A,w,O,v,S,g,E;for(s.KEY=[];l>-1;)b(h.slice(p,l)),p=l+1,l=h.indexOf(`
+`,p);for(b(h.slice(p)),l=-1;++l<a.length;)if(u=a[l],c=u.split(Q),d=c[0],d==="REP"){for(f=l+parseInt(c[1],10);++l<=f;)c=a[l].split(Q),i.push([c[1],c[2]]);l--}else if(d==="ICONV"||d==="OCONV"){for(f=l+parseInt(c[1],10),w=n[d==="ICONV"?"in":"out"];++l<=f;)c=a[l].split(Q),w.push([new RegExp(c[1],"g"),c[2]]);l--}else if(d==="COMPOUNDRULE"){for(f=l+parseInt(c[1],10);++l<=f;)for(v=a[l].split(Q)[1],O=-1,o.push(v);++O<v.length;)t[v.charAt(O)]=[];l--}else if(d==="PFX"||d==="SFX"){for(f=l+parseInt(c[3],10),v={type:d,combineable:c[2]==="Y",entries:[]},e[c[1]]=v;++l<=f;){c=a[l].split(Q),y=c[2],C=c[3].split("/"),A=c[4],w={add:"",remove:"",match:"",continuation:zt(s,C[1])},C&&C[0]!=="0"&&(w.add=C[0]);try{y!=="0"&&(w.remove=d==="SFX"?Ye(y):y),A&&A!=="."&&(w.match=d==="SFX"?Ye(A):Kt(A))}catch{w=null}w&&v.entries.push(w)}l--}else if(d==="TRY"){for(A=c[1],g=-1,S=[];++g<A.length;)E=A.charAt(g),E.toLowerCase()===E&&S.push(E);for(g=-1;++g<se.length;)A.indexOf(se[g])<0&&S.push(se[g]);s[d]=S}else d==="KEY"?Bt.apply(s[d],c[1].split("|")):d==="COMPOUNDMIN"?s[d]=Number(c[1]):d==="ONLYINCOMPOUND"?(s[d]=c[1],t[c[1]]=[]):s[d]=c[1];return isNaN(s.COMPOUNDMIN)&&(s.COMPOUNDMIN=3),s.KEY.length||(s.KEY=Ft),s.TRY||(s.TRY=se.concat()),s.KEEPCASE||(s.KEEPCASE=!1),{compoundRuleCodes:t,replacementTable:i,conversion:n,compoundRules:o,rules:e,flags:s};function b(m){m=m.trim(),m&&m.charCodeAt(0)!==35&&a.push(m)}}function Ye(r){return new RegExp(r+"$")}function Kt(r){return new RegExp("^"+r)}var qe=Gt;function Gt(r,e){for(var t=-1;++t<e.length;)r=r.replace(e[t][0],e[t][1]);return r}var ie=Yt;function Yt(r,e,t){return t&&e in r&&t.indexOf(r[e])>-1}var qt=ie,Vt=Xt;function Xt(r,e){var t=-1;if(r.data[e])return!qt(r.flags,"ONLYINCOMPOUND",r.data[e]);if(e.length>=r.flags.COMPOUNDMIN){for(;++t<r.compoundRules.length;)if(r.compoundRules[t].test(e))return!0}return!1}var Zt=qe,_e=Vt,me=ie,ye=Jt;function Jt(r,e,t){var s=e.trim(),i;if(!s)return null;if(s=Zt(s,r.conversion.in),_e(r,s))return!t&&me(r.flags,"FORBIDDENWORD",r.data[s])?null:s;if(s.toUpperCase()===s){if(i=s.charAt(0)+s.slice(1).toLowerCase(),Ve(r.flags,r.data[i],t))return null;if(_e(r,i))return i}if(i=s.toLowerCase(),i!==s){if(Ve(r.flags,r.data[i],t))return null;if(_e(r,i))return i}return null}function Ve(r,e,t){return me(r,"KEEPCASE",e)||t||me(r,"FORBIDDENWORD",e)}var Qt=ye,er=tr;function tr(r){return!!Qt(this,r)}var rr=sr;function sr(r){var e=Xe(r.charAt(0)),t=r.slice(1);return!t||(t=Xe(t),e===t)?e:e==="u"&&t==="l"?"s":null}function Xe(r){return r===r.toLowerCase()?"l":r===r.toUpperCase()?"u":null}var ne=rr,Ze=qe,ir=ie,nr=ye,or=lr,ar=[].push;function lr(r){var e=this,t={},s=[],i={},n,o,h=[],a,p,l,c,u,d,f,y,C,A,w,O,v,S,g,E,b,m,T,W,we,Ce,ae;if(r=Ze(r.trim(),e.conversion.in),!r||e.correct(r))return[];for(ae=ne(r),p=-1;++p<e.replacementTable.length;)for(o=e.replacementTable[p],l=r.indexOf(o[0]);l>-1;)h.push(r.replace(o[0],o[1])),l=r.indexOf(o[0],l+1);for(p=-1;++p<r.length;)for(y=r.charAt(p),A=r.slice(0,p),w=r.slice(p+1),v=y.toLowerCase(),O=v!==y,t={},l=-1;++l<e.flags.KEY.length;)if(C=e.flags.KEY[l],c=C.indexOf(v),!(c<0)){for(d=-1;++d<C.length;)if(d!==c){if(f=C.charAt(d),t[f])continue;t[f]=!0,O&&(f=f.toUpperCase()),h.push(A+f+w)}}for(p=-1,b=r.charAt(0),a=[""],m=1,T=0;++p<r.length;){for(y=b,b=r.charAt(p+1),A=r.slice(0,p),o=y===b?"":y+y,l=-1,u=a.length;++l<u;)l<=m&&a.push(a[l]+o),a[l]+=y;++T<3&&(m=a.length)}for(ar.apply(h,a),a=[r],o=r.toLowerCase(),(r===o||ae===null)&&a.push(r.charAt(0).toUpperCase()+o.slice(1)),o=r.toUpperCase(),r!==o&&a.push(o),n={state:{},weighted:i,suggestions:s},S=Je(e,n,a,h),g=0,m=Math.min(S.length,Math.pow(Math.max(15-r.length,3),3)),W=Math.max(Math.pow(10-r.length,3),1);!s.length&&g<m;)E=g+W,Je(e,n,S.slice(g,E)),g=E;for(s.sort(Br),a=[],we=[],p=-1;++p<s.length;)Ce=Ze(s[p],e.conversion.out),o=Ce.toLowerCase(),we.indexOf(o)<0&&(a.push(Ce),we.push(o));return a;function Br(k,R){return Fr(k,R)||Wr(k,R)||Kr(k,R)}function Fr(k,R){return i[k]===i[R]?0:i[k]>i[R]?-1:1}function Wr(k,R){var lt=ne(k),ht=ne(R);return lt===ht?0:lt===ae?-1:ht===ae?1:void 0}function Kr(k,R){return k.localeCompare(R)}}function Je(r,e,t,s){var i=r.flags.TRY,n=r.data,o=r.flags,h=[],a=-1,p,l,c,u,d,f,y,C,A,w,O,v,S;if(s)for(;++a<s.length;)g(s[a],!0);for(a=-1;++a<t.length;)for(p=t[a],l="",c="",u=p.charAt(0),d=p,f=p.slice(1),y=u.toLowerCase()!==u,C=ne(p),A=-1;++A<=p.length;)for(l+=c,w=d,d=f,f=d.slice(1),c=u,u=p.charAt(A+1),O=y,u&&(y=u.toLowerCase()!==u),d&&O!==y&&(g(l+E(d)),g(l+E(u)+E(c)+f)),g(l+d),d&&g(l+u+c+f),S=-1;++S<i.length;)v=i[S],O&&v!==v.toUpperCase()?(C!=="s"&&(g(l+v+w),g(l+v+d)),v=v.toUpperCase(),g(l+v+w),g(l+v+d)):(g(l+v+w),g(l+v+d));return h;function g(b,m){var T=e.state[b],W;T!==!!T&&(h.push(b),W=nr(r,b),T=W&&!ir(o,"NOSUGGEST",n[W]),e.state[b]=T,T&&(e.weighted[b]=m?10:0,e.suggestions.push(b))),T&&e.weighted[b]++}function E(b){var m=b.charAt(0);return(m.toLowerCase()===m?m.toUpperCase():m.toLowerCase())+b.slice(1)}}var hr=ye,Qe=ie,cr=pr;function pr(r){var e=this,t=hr(e,r,!0);return{correct:e.correct(r),forbidden:!!(t&&Qe(e.flags,"FORBIDDENWORD",e.data[t])),warn:!!(t&&Qe(e.flags,"WARN",e.data[t]))}}var dr=et;function et(r,e,t,s){for(var i=-1,n,o,h,a,p;++i<e.entries.length;)if(n=e.entries[i],a=n.continuation,p=-1,(!n.match||n.match.test(r))&&(o=n.remove?r.replace(n.remove,""):r,o=e.type==="SFX"?o+n.add:n.add+o,s.push(o),a&&a.length))for(;++p<a.length;)h=t[a[p]],h&&et(o,h,t,s);return s}var tt=dr,rt=gr,ur=[].push,be=[];function fr(r,e,t){var s=r[e];e in r?s===be?r[e]=t.concat():ur.apply(s,t):r[e]=t.concat()}function gr(r,e,t,s){var i=-1,n,o,h,a,p,l,c;for((!("NEEDAFFIX"in s.flags)||t.indexOf(s.flags.NEEDAFFIX)<0)&&fr(r,e,t);++i<t.length;)if(n=s.rules[t[i]],t[i]in s.compoundRuleCodes&&s.compoundRuleCodes[t[i]].push(e),n){for(l=tt(e,n,s.rules,[]),o=-1;++o<l.length;)if(l[o]in r||(r[l[o]]=be),n.combineable){for(h=i;++h<t.length;)if(p=s.rules[t[h]],p&&p.combineable&&n.type!==p.type)for(c=tt(l[o],p,s.rules,[]),a=-1;++a<c.length;)c[a]in r||(r[c[a]]=be)}}}var vr=rt,$r=mr,_r=[];function mr(r,e){var t=this;return vr(t.data,r,t.data[e]||_r,t),t}var yr=br;function br(r){var e=this;return delete e.data[r],e}var Ar=wr;function wr(){return this.flags.WORDCHARS||null}var Cr=Ge,Sr=rt,Er=xr,st=/\s/g;function xr(r,e,t){for(var s=r.toString("utf8"),i=s.indexOf(`
+`)+1,n=s.indexOf(`
+`,i);n>-1;)s.charCodeAt(i)!==9&&it(s.slice(i,n),e,t),i=n+1,n=s.indexOf(`
+`,i);it(s.slice(i),e,t)}function it(r,e,t){for(var s=r.indexOf("/"),i=r.indexOf("#"),n="",o,h;s>-1&&r.charCodeAt(s-1)===92;)r=r.slice(0,s-1)+r.slice(s),s=r.indexOf("/",s);i>-1?s>-1&&s<i?(o=r.slice(0,s),st.lastIndex=s+1,h=st.exec(r),n=r.slice(s+1,h?h.index:void 0)):o=r.slice(0,i):s>-1?(o=r.slice(0,s),n=r.slice(s+1)):o=r,o=o.trim(),o&&Sr(t,o,Cr(e.flags,n.trim()),e)}var Or=Er,kr=Rr;function Rr(r){var e=this,t=-1,s,i,n,o;for(Or(r,e,e.data);++t<e.compoundRules.length;){for(s=e.compoundRules[t],i="",o=-1;++o<s.length;)n=s.charAt(o),i+=e.compoundRuleCodes[n].length?"(?:"+e.compoundRuleCodes[n].join("|")+")":n;e.compoundRules[t]=new RegExp(i,"i")}return e}var Tr=Nr;function Nr(r){var e=this,t=r.toString("utf8").split(`
+`),s=-1,i,n,o,h;for(e.flags.FORBIDDENWORD===void 0&&(e.flags.FORBIDDENWORD=!1),h=e.flags.FORBIDDENWORD;++s<t.length;)i=t[s].trim(),i&&(i=i.split("/"),o=i[0],n=o.charAt(0)==="*",n&&(o=o.slice(1)),e.add(o,i[1]),n&&e.data[o].push(h));return e}var nt=Lt,Pr=jt,Ur=oe,D=oe.prototype;D.correct=er,D.suggest=or,D.spell=cr,D.add=$r,D.remove=yr,D.wordCharacters=Ar,D.dictionary=kr,D.personal=Tr;function oe(r,e){var t=-1,s;if(!(this instanceof oe))return new oe(r,e);if(typeof r=="string"||nt(r)?(typeof e=="string"||nt(e))&&(s=[{dic:e}]):r&&("length"in r?(s=r,r=r[0]&&r[0].aff):(r.dic&&(s=[r]),r=r.aff)),!r)throw new Error("Missing `aff` in dictionary");if(r=Pr(r),this.data=Object.create(null),this.compoundRuleCodes=r.compoundRuleCodes,this.replacementTable=r.replacementTable,this.conversion=r.conversion,this.compoundRules=r.compoundRules,this.rules=r.rules,this.flags=r.flags,s)for(;++t<s.length;)s[t].dic&&this.dictionary(s[t].dic)}const Mr=Dt(Ur),ot="https://cdn.jsdelivr.net/npm",Dr={"en-US":"dictionary-en","en-GB":"dictionary-en-gb",fr:"dictionary-fr",de:"dictionary-de",es:"dictionary-es",ko:"dictionary-ko"},Ae=new Map;async function Lr(r){if(Ae.has(r))return Ae.get(r);const e=Dr[r]??"dictionary-en",[t,s]=await Promise.all([fetch(`${ot}/${e}/index.aff`).then(n=>n.text()),fetch(`${ot}/${e}/index.dic`).then(n=>n.text())]),i=Mr({aff:t,dic:s});return Ae.set(r,i),i}function Hr(r,e,t){const s=r.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;");return!e||!t?s+`
+`:s.replace(/[a-zA-ZÀ-ÿ\u3131-\uD79D][a-zA-ZÀ-ÿ\u3131-\uD79D'']*/g,n=>{const o=n.replace(/^'+|'+$/g,"");return!o||e.correct(o)?n:`<mark>${n}</mark>`})+`
+`}var Ir=Object.defineProperty,zr=Object.getOwnPropertyDescriptor,x=(r,e,t,s)=>{for(var i=s>1?void 0:s?zr(e,t):e,n=r.length-1,o;n>=0;n--)(o=r[n])&&(i=(s?o(e,t,i):o(i))||i);return s&&i&&Ir(e,t,i),i};const jr=[{value:"en-US",label:"English (US)"},{value:"en-GB",label:"English (UK)"},{value:"fr",label:"French"},{value:"de",label:"German"},{value:"es",label:"Spanish"},{value:"ko",label:"Korean"}];_.SaSpellChecker=class extends J{constructor(){super(...arguments),this.spellcheck=!0,this.lang="en-US",this.placeholder="Type here...",this.value="",this.rows=4,this._spellcheckOn=!0,this._loading=!1,this._highlightHTML=`
+`,this._checker=null,this._debounceTimer=null}connectedCallback(){super.connectedCallback(),this._spellcheckOn=this.spellcheck,this._resizeObserver=new ResizeObserver(()=>this._syncScroll()),this._loadDict()}disconnectedCallback(){super.disconnectedCallback(),this._resizeObserver.disconnect()}firstUpdated(){this._resizeObserver.observe(this._textarea)}updated(e){e.has("value")&&!this._debounceTimer&&this._updateHighlight()}async _loadDict(){this._loading=!0;try{this._checker=await Lr(this.lang),this._updateHighlight()}finally{this._loading=!1}}_updateHighlight(){this._highlightHTML=Hr(this.value,this._checker,this._spellcheckOn)}_syncScroll(){this._overlay&&this._textarea&&(this._overlay.scrollTop=this._textarea.scrollTop)}_onInput(e){this.value=e.target.value,this._syncScroll(),this.dispatchEvent(new CustomEvent("sa-change",{detail:{value:this.value},bubbles:!0,composed:!0})),this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(()=>this._updateHighlight(),400)}_onToggle(){this._spellcheckOn=!this._spellcheckOn,this._updateHighlight()}_onLangChange(e){this.lang=e.target.value,this._loadDict()}render(){return ue`
       <div class="controls">
-        <label>Spellcheck:</label>
-        <button
-          class=${Ut({"btn-toggle":!0,off:!this._spellcheckOn})}
-          @click=${this._onToggle}
-        >
-          ${this._loading?"...":this._spellcheckOn?"ON":"OFF"}
-        </button>
-        <label>Language:</label>
-        <select @change=${this._onLangChange}>
-          ${jr.map(({value:e,label:t})=>ue`
-            <option value=${e} ?selected=${e===this.lang}>${t}</option>
-          `)}
-        </select>
+        <div class="control-group">
+          <span class="control-label">Spellcheck</span>
+          <button
+            class=${Ut({"toggle-track":!0,on:this._spellcheckOn})}
+            @click=${this._onToggle}
+            title=${this._spellcheckOn?"Turn off spell check":"Turn on spell check"}
+          >
+            <span class="toggle-thumb"></span>
+          </button>
+          <span class="toggle-label">${this._spellcheckOn?"ON":"OFF"}</span>
+        </div>
+        <div class="control-group">
+          <span class="control-label">Language</span>
+          <select @change=${this._onLangChange}>
+            ${jr.map(({value:e,label:t})=>ue`
+              <option value=${e} ?selected=${e===this.lang}>${t}</option>
+            `)}
+          </select>
+        </div>
       </div>
       <div class="editor-wrapper">
@@ -91,5 +98,9 @@
         ></textarea>
       </div>
-      ${this._loading?ue`<p class="loading-hint">Loading dictionary...</p>`:""}
-    `}},_.SaSpellChecker.styles=Oe(Mt),O([F({type:Boolean})],_.SaSpellChecker.prototype,"spellcheck",2),O([F()],_.SaSpellChecker.prototype,"lang",2),O([F()],_.SaSpellChecker.prototype,"placeholder",2),O([F()],_.SaSpellChecker.prototype,"value",2),O([F({type:Number})],_.SaSpellChecker.prototype,"rows",2),O([ve()],_.SaSpellChecker.prototype,"_spellcheckOn",2),O([ve()],_.SaSpellChecker.prototype,"_loading",2),O([ve()],_.SaSpellChecker.prototype,"_highlightHTML",2),O([Be("textarea")],_.SaSpellChecker.prototype,"_textarea",2),O([Be(".highlight-layer")],_.SaSpellChecker.prototype,"_overlay",2),_.SaSpellChecker=O([Rt("sa-spell-checker")],_.SaSpellChecker),Object.defineProperty(_,Symbol.toStringTag,{value:"Module"})});
+      ${this._loading?ue`
+        <p class="loading-hint">
+          <span class="loading-dot"></span>
+          Loading dictionary...
+        </p>`:""}
+    `}},_.SaSpellChecker.styles=xe(Mt),x([F({type:Boolean})],_.SaSpellChecker.prototype,"spellcheck",2),x([F()],_.SaSpellChecker.prototype,"lang",2),x([F()],_.SaSpellChecker.prototype,"placeholder",2),x([F()],_.SaSpellChecker.prototype,"value",2),x([F({type:Number})],_.SaSpellChecker.prototype,"rows",2),x([ve()],_.SaSpellChecker.prototype,"_spellcheckOn",2),x([ve()],_.SaSpellChecker.prototype,"_loading",2),x([ve()],_.SaSpellChecker.prototype,"_highlightHTML",2),x([Be("textarea")],_.SaSpellChecker.prototype,"_textarea",2),x([Be(".highlight-layer")],_.SaSpellChecker.prototype,"_overlay",2),_.SaSpellChecker=x([kt("sa-spell-checker")],_.SaSpellChecker),Object.defineProperty(_,Symbol.toStringTag,{value:"Module"})});

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "sa-spell-checker",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "description": "SuperAnnotate custom spell checker web component",
   "main": "dist/sa-spell-checker.umd.cjs",
   "module": "dist/sa-spell-checker.js",