sa-spell-checker 1.0.0 → 1.0.2

package/dist/sa-spell-checker.mjs

@@ -1,105 +1,690 @@
-const s = `
-  :host {
-    display: block;
-    width: 100%;
-    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const R = globalThis, W = R.ShadowRoot && (R.ShadyCSS === void 0 || R.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, nt = Symbol(), F = /* @__PURE__ */ new WeakMap();
+let dt = class {
+  constructor(t, e, s) {
+    if (this._$cssResult$ = !0, s !== nt) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    this.cssText = t, this.t = e;
   }
-
-  .wrapper {
-    position: relative;
-    width: 100%;
+  get styleSheet() {
+    let t = this.o;
+    const e = this.t;
+    if (W && t === void 0) {
+      const s = e !== void 0 && e.length === 1;
+      s && (t = F.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), s && F.set(e, t));
+    }
+    return t;
   }
-
-  textarea {
-    width: 100%;
-    min-height: 80px;
-    box-sizing: border-box;
-    font-family: inherit;
-    font-size: 14px;
-    line-height: 1.5;
-    color: #111827;
-    background: #fff;
-    border: 1px solid #d1d5db;
-    border-radius: 6px;
-    padding: 8px 12px;
-    resize: vertical;
-    outline: none;
-    transition: border-color 0.15s, box-shadow 0.15s;
+  toString() {
+    return this.cssText;
   }
-
-  textarea:focus {
-    border-color: #6366f1;
-    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.12);
+};
+const ht = (r) => new dt(typeof r == "string" ? r : r + "", void 0, nt), ut = (r, t) => {
+  if (W) r.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
+  else for (const e of t) {
+    const s = document.createElement("style"), i = R.litNonce;
+    i !== void 0 && s.setAttribute("nonce", i), s.textContent = e.cssText, r.appendChild(s);
   }
-
-  textarea:disabled {
-    background: #f9fafb;
-    color: #9ca3af;
-    cursor: not-allowed;
+}, K = W ? (r) => r : (r) => r instanceof CSSStyleSheet ? ((t) => {
+  let e = "";
+  for (const s of t.cssRules) e += s.cssText;
+  return ht(e);
+})(r) : r;
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const { is: $t, defineProperty: ft, getOwnPropertyDescriptor: _t, getOwnPropertyNames: gt, getOwnPropertySymbols: At, getPrototypeOf: mt } = Object, g = globalThis, Z = g.trustedTypes, yt = Z ? Z.emptyScript : "", j = g.reactiveElementPolyfillSupport, P = (r, t) => r, z = { toAttribute(r, t) {
+  switch (t) {
+    case Boolean:
+      r = r ? yt : null;
+      break;
+    case Object:
+    case Array:
+      r = r == null ? r : JSON.stringify(r);
   }
-
-  textarea::placeholder {
-    color: #9ca3af;
+  return r;
+}, fromAttribute(r, t) {
+  let e = r;
+  switch (t) {
+    case Boolean:
+      e = r !== null;
+      break;
+    case Number:
+      e = r === null ? null : Number(r);
+      break;
+    case Object:
+    case Array:
+      try {
+        e = JSON.parse(r);
+      } catch {
+        e = null;
+      }
+  }
+  return e;
+} }, V = (r, t) => !$t(r, t), J = { attribute: !0, type: String, converter: z, reflect: !1, useDefault: !1, hasChanged: V };
+Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), g.litPropertyMetadata ?? (g.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
+let E = class extends HTMLElement {
+  static addInitializer(t) {
+    this._$Ei(), (this.l ?? (this.l = [])).push(t);
   }
-`;
-class r extends HTMLElement {
   static get observedAttributes() {
-    return ["spellcheck", "lang", "placeholder", "value", "disabled", "rows"];
+    return this.finalize(), this._$Eh && [...this._$Eh.keys()];
+  }
+  static createProperty(t, e = J) {
+    if (e.state && (e.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(t) && ((e = Object.create(e)).wrapped = !0), this.elementProperties.set(t, e), !e.noAccessor) {
+      const s = Symbol(), i = this.getPropertyDescriptor(t, s, e);
+      i !== void 0 && ft(this.prototype, t, i);
+    }
+  }
+  static getPropertyDescriptor(t, e, s) {
+    const { get: i, set: o } = _t(this.prototype, t) ?? { get() {
+      return this[e];
+    }, set(n) {
+      this[e] = n;
+    } };
+    return { get: i, set(n) {
+      const l = i == null ? void 0 : i.call(this);
+      o == null || o.call(this, n), this.requestUpdate(t, l, s);
+    }, configurable: !0, enumerable: !0 };
+  }
+  static getPropertyOptions(t) {
+    return this.elementProperties.get(t) ?? J;
+  }
+  static _$Ei() {
+    if (this.hasOwnProperty(P("elementProperties"))) return;
+    const t = mt(this);
+    t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
+  }
+  static finalize() {
+    if (this.hasOwnProperty(P("finalized"))) return;
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(P("properties"))) {
+      const e = this.properties, s = [...gt(e), ...At(e)];
+      for (const i of s) this.createProperty(i, e[i]);
+    }
+    const t = this[Symbol.metadata];
+    if (t !== null) {
+      const e = litPropertyMetadata.get(t);
+      if (e !== void 0) for (const [s, i] of e) this.elementProperties.set(s, i);
+    }
+    this._$Eh = /* @__PURE__ */ new Map();
+    for (const [e, s] of this.elementProperties) {
+      const i = this._$Eu(e, s);
+      i !== void 0 && this._$Eh.set(i, e);
+    }
+    this.elementStyles = this.finalizeStyles(this.styles);
+  }
+  static finalizeStyles(t) {
+    const e = [];
+    if (Array.isArray(t)) {
+      const s = new Set(t.flat(1 / 0).reverse());
+      for (const i of s) e.unshift(K(i));
+    } else t !== void 0 && e.push(K(t));
+    return e;
+  }
+  static _$Eu(t, e) {
+    const s = e.attribute;
+    return s === !1 ? void 0 : typeof s == "string" ? s : typeof t == "string" ? t.toLowerCase() : void 0;
+  }
+  constructor() {
+    super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
+  }
+  _$Ev() {
+    var t;
+    this._$ES = new Promise((e) => this.enableUpdating = e), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), (t = this.constructor.l) == null || t.forEach((e) => e(this));
+  }
+  addController(t) {
+    var e;
+    (this._$EO ?? (this._$EO = /* @__PURE__ */ new Set())).add(t), this.renderRoot !== void 0 && this.isConnected && ((e = t.hostConnected) == null || e.call(t));
+  }
+  removeController(t) {
+    var e;
+    (e = this._$EO) == null || e.delete(t);
+  }
+  _$E_() {
+    const t = /* @__PURE__ */ new Map(), e = this.constructor.elementProperties;
+    for (const s of e.keys()) this.hasOwnProperty(s) && (t.set(s, this[s]), delete this[s]);
+    t.size > 0 && (this._$Ep = t);
+  }
+  createRenderRoot() {
+    const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
+    return ut(t, this.constructor.elementStyles), t;
   }
   connectedCallback() {
-    const e = this.attachShadow({ mode: "open" });
-    e.innerHTML = `
-      <style>${s}</style>
-      <div class="wrapper">
-        <textarea></textarea>
-      </div>
-    `, this._textarea = e.querySelector("textarea"), this._applyAllAttrs(), this._textarea.addEventListener("input", () => {
-      this.dispatchEvent(
-        new CustomEvent("sa-change", {
-          detail: { value: this._textarea.value },
-          bubbles: !0,
-          composed: !0
-        })
-      );
+    var t;
+    this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this.enableUpdating(!0), (t = this._$EO) == null || t.forEach((e) => {
+      var s;
+      return (s = e.hostConnected) == null ? void 0 : s.call(e);
+    });
+  }
+  enableUpdating(t) {
+  }
+  disconnectedCallback() {
+    var t;
+    (t = this._$EO) == null || t.forEach((e) => {
+      var s;
+      return (s = e.hostDisconnected) == null ? void 0 : s.call(e);
     });
   }
-  attributeChangedCallback(e, t, a) {
-    this._textarea && this._applyAttr(e, a);
-  }
-  _applyAllAttrs() {
-    for (const e of r.observedAttributes)
-      this._applyAttr(e, this.getAttribute(e));
-  }
-  _applyAttr(e, t) {
-    const a = this._textarea;
-    switch (e) {
-      case "spellcheck":
-        a.spellcheck = t !== "false";
-        break;
-      case "lang":
-        a.lang = t || "en-US";
-        break;
-      case "placeholder":
-        a.placeholder = t || "";
-        break;
-      case "value":
-        a.value !== (t || "") && (a.value = t || "");
-        break;
-      case "disabled":
-        a.disabled = t !== null && t !== "false";
-        break;
-      case "rows":
-        t && (a.rows = parseInt(t, 10));
-        break;
-    }
-  }
-  // JS property accessors
-  get value() {
+  attributeChangedCallback(t, e, s) {
+    this._$AK(t, s);
+  }
+  _$ET(t, e) {
+    var o;
+    const s = this.constructor.elementProperties.get(t), i = this.constructor._$Eu(t, s);
+    if (i !== void 0 && s.reflect === !0) {
+      const n = (((o = s.converter) == null ? void 0 : o.toAttribute) !== void 0 ? s.converter : z).toAttribute(e, s.type);
+      this._$Em = t, n == null ? this.removeAttribute(i) : this.setAttribute(i, n), this._$Em = null;
+    }
+  }
+  _$AK(t, e) {
+    var o, n;
+    const s = this.constructor, i = s._$Eh.get(t);
+    if (i !== void 0 && this._$Em !== i) {
+      const l = s.getPropertyOptions(i), h = typeof l.converter == "function" ? { fromAttribute: l.converter } : ((o = l.converter) == null ? void 0 : o.fromAttribute) !== void 0 ? l.converter : z;
+      this._$Em = i;
+      const c = h.fromAttribute(e, l.type);
+      this[i] = c ?? ((n = this._$Ej) == null ? void 0 : n.get(i)) ?? c, this._$Em = null;
+    }
+  }
+  requestUpdate(t, e, s, i = !1, o) {
+    var n;
+    if (t !== void 0) {
+      const l = this.constructor;
+      if (i === !1 && (o = this[t]), s ?? (s = l.getPropertyOptions(t)), !((s.hasChanged ?? V)(o, e) || s.useDefault && s.reflect && o === ((n = this._$Ej) == null ? void 0 : n.get(t)) && !this.hasAttribute(l._$Eu(t, s)))) return;
+      this.C(t, e, s);
+    }
+    this.isUpdatePending === !1 && (this._$ES = this._$EP());
+  }
+  C(t, e, { useDefault: s, reflect: i, wrapped: o }, n) {
+    s && !(this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Map())).has(t) && (this._$Ej.set(t, n ?? e ?? this[t]), o !== !0 || n !== void 0) || (this._$AL.has(t) || (this.hasUpdated || s || (e = void 0), this._$AL.set(t, e)), i === !0 && this._$Em !== t && (this._$Eq ?? (this._$Eq = /* @__PURE__ */ new Set())).add(t));
+  }
+  async _$EP() {
+    this.isUpdatePending = !0;
+    try {
+      await this._$ES;
+    } catch (e) {
+      Promise.reject(e);
+    }
+    const t = this.scheduleUpdate();
+    return t != null && await t, !this.isUpdatePending;
+  }
+  scheduleUpdate() {
+    return this.performUpdate();
+  }
+  performUpdate() {
+    var s;
+    if (!this.isUpdatePending) return;
+    if (!this.hasUpdated) {
+      if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
+        for (const [o, n] of this._$Ep) this[o] = n;
+        this._$Ep = void 0;
+      }
+      const i = this.constructor.elementProperties;
+      if (i.size > 0) for (const [o, n] of i) {
+        const { wrapped: l } = n, h = this[o];
+        l !== !0 || this._$AL.has(o) || h === void 0 || this.C(o, void 0, n, h);
+      }
+    }
+    let t = !1;
+    const e = this._$AL;
+    try {
+      t = this.shouldUpdate(e), t ? (this.willUpdate(e), (s = this._$EO) == null || s.forEach((i) => {
+        var o;
+        return (o = i.hostUpdate) == null ? void 0 : o.call(i);
+      }), this.update(e)) : this._$EM();
+    } catch (i) {
+      throw t = !1, this._$EM(), i;
+    }
+    t && this._$AE(e);
+  }
+  willUpdate(t) {
+  }
+  _$AE(t) {
     var e;
-    return ((e = this._textarea) == null ? void 0 : e.value) ?? "";
+    (e = this._$EO) == null || e.forEach((s) => {
+      var i;
+      return (i = s.hostUpdated) == null ? void 0 : i.call(s);
+    }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
+  }
+  _$EM() {
+    this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
+  }
+  get updateComplete() {
+    return this.getUpdateComplete();
+  }
+  getUpdateComplete() {
+    return this._$ES;
+  }
+  shouldUpdate(t) {
+    return !0;
+  }
+  update(t) {
+    this._$Eq && (this._$Eq = this._$Eq.forEach((e) => this._$ET(e, this[e]))), this._$EM();
+  }
+  updated(t) {
+  }
+  firstUpdated(t) {
+  }
+};
+E.elementStyles = [], E.shadowRootOptions = { mode: "open" }, E[P("elementProperties")] = /* @__PURE__ */ new Map(), E[P("finalized")] = /* @__PURE__ */ new Map(), j == null || j({ ReactiveElement: E }), (g.reactiveElementVersions ?? (g.reactiveElementVersions = [])).push("2.1.2");
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const O = globalThis, Q = (r) => r, L = O.trustedTypes, X = L ? L.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, lt = "$lit$", _ = `lit$${Math.random().toFixed(9).slice(2)}$`, at = "?" + _, vt = `<${at}>`, v = document, k = () => v.createComment(""), M = (r) => r === null || typeof r != "object" && typeof r != "function", G = Array.isArray, bt = (r) => G(r) || typeof (r == null ? void 0 : r[Symbol.iterator]) == "function", I = `[ 	
+\f\r]`, C = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Y = /-->/g, tt = />/g, A = RegExp(`>|${I}(?:([^\\s"'>=/]+)(${I}*=${I}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), et = /'/g, st = /"/g, ct = /^(?:script|style|textarea|title)$/i, Et = (r) => (t, ...e) => ({ _$litType$: r, strings: t, values: e }), it = Et(1), S = Symbol.for("lit-noChange"), p = Symbol.for("lit-nothing"), rt = /* @__PURE__ */ new WeakMap(), m = v.createTreeWalker(v, 129);
+function pt(r, t) {
+  if (!G(r) || !r.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return X !== void 0 ? X.createHTML(t) : t;
+}
+const St = (r, t) => {
+  const e = r.length - 1, s = [];
+  let i, o = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", n = C;
+  for (let l = 0; l < e; l++) {
+    const h = r[l];
+    let c, d, a = -1, u = 0;
+    for (; u < h.length && (n.lastIndex = u, d = n.exec(h), d !== null); ) u = n.lastIndex, n === C ? d[1] === "!--" ? n = Y : d[1] !== void 0 ? n = tt : d[2] !== void 0 ? (ct.test(d[2]) && (i = RegExp("</" + d[2], "g")), n = A) : d[3] !== void 0 && (n = A) : n === A ? d[0] === ">" ? (n = i ?? C, a = -1) : d[1] === void 0 ? a = -2 : (a = n.lastIndex - d[2].length, c = d[1], n = d[3] === void 0 ? A : d[3] === '"' ? st : et) : n === st || n === et ? n = A : n === Y || n === tt ? n = C : (n = A, i = void 0);
+    const f = n === A && r[l + 1].startsWith("/>") ? " " : "";
+    o += n === C ? h + vt : a >= 0 ? (s.push(c), h.slice(0, a) + lt + h.slice(a) + _ + f) : h + _ + (a === -2 ? l : f);
+  }
+  return [pt(r, o + (r[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), s];
+};
+class N {
+  constructor({ strings: t, _$litType$: e }, s) {
+    let i;
+    this.parts = [];
+    let o = 0, n = 0;
+    const l = t.length - 1, h = this.parts, [c, d] = St(t, e);
+    if (this.el = N.createElement(c, s), m.currentNode = this.el.content, e === 2 || e === 3) {
+      const a = this.el.content.firstChild;
+      a.replaceWith(...a.childNodes);
+    }
+    for (; (i = m.nextNode()) !== null && h.length < l; ) {
+      if (i.nodeType === 1) {
+        if (i.hasAttributes()) for (const a of i.getAttributeNames()) if (a.endsWith(lt)) {
+          const u = d[n++], f = i.getAttribute(a).split(_), H = /([.?@])?(.*)/.exec(u);
+          h.push({ type: 1, index: o, name: H[2], strings: f, ctor: H[1] === "." ? xt : H[1] === "?" ? Ct : H[1] === "@" ? Pt : D }), i.removeAttribute(a);
+        } else a.startsWith(_) && (h.push({ type: 6, index: o }), i.removeAttribute(a));
+        if (ct.test(i.tagName)) {
+          const a = i.textContent.split(_), u = a.length - 1;
+          if (u > 0) {
+            i.textContent = L ? L.emptyScript : "";
+            for (let f = 0; f < u; f++) i.append(a[f], k()), m.nextNode(), h.push({ type: 2, index: ++o });
+            i.append(a[u], k());
+          }
+        }
+      } else if (i.nodeType === 8) if (i.data === at) h.push({ type: 2, index: o });
+      else {
+        let a = -1;
+        for (; (a = i.data.indexOf(_, a + 1)) !== -1; ) h.push({ type: 7, index: o }), a += _.length - 1;
+      }
+      o++;
+    }
+  }
+  static createElement(t, e) {
+    const s = v.createElement("template");
+    return s.innerHTML = t, s;
+  }
+}
+function w(r, t, e = r, s) {
+  var n, l;
+  if (t === S) return t;
+  let i = s !== void 0 ? (n = e._$Co) == null ? void 0 : n[s] : e._$Cl;
+  const o = M(t) ? void 0 : t._$litDirective$;
+  return (i == null ? void 0 : i.constructor) !== o && ((l = i == null ? void 0 : i._$AO) == null || l.call(i, !1), o === void 0 ? i = void 0 : (i = new o(r), i._$AT(r, e, s)), s !== void 0 ? (e._$Co ?? (e._$Co = []))[s] = i : e._$Cl = i), i !== void 0 && (t = w(r, i._$AS(r, t.values), i, s)), t;
+}
+class wt {
+  constructor(t, e) {
+    this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
+  }
+  get parentNode() {
+    return this._$AM.parentNode;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  u(t) {
+    const { el: { content: e }, parts: s } = this._$AD, i = ((t == null ? void 0 : t.creationScope) ?? v).importNode(e, !0);
+    m.currentNode = i;
+    let o = m.nextNode(), n = 0, l = 0, h = s[0];
+    for (; h !== void 0; ) {
+      if (n === h.index) {
+        let c;
+        h.type === 2 ? c = new T(o, o.nextSibling, this, t) : h.type === 1 ? c = new h.ctor(o, h.name, h.strings, this, t) : h.type === 6 && (c = new Ot(o, this, t)), this._$AV.push(c), h = s[++l];
+      }
+      n !== (h == null ? void 0 : h.index) && (o = m.nextNode(), n++);
+    }
+    return m.currentNode = v, i;
   }
-  set value(e) {
-    this._textarea && (this._textarea.value = e ?? "");
+  p(t) {
+    let e = 0;
+    for (const s of this._$AV) s !== void 0 && (s.strings !== void 0 ? (s._$AI(t, s, e), e += s.strings.length - 2) : s._$AI(t[e])), e++;
   }
 }
-customElements.define("sa-spell-checker", r);
+class T {
+  get _$AU() {
+    var t;
+    return ((t = this._$AM) == null ? void 0 : t._$AU) ?? this._$Cv;
+  }
+  constructor(t, e, s, i) {
+    this.type = 2, this._$AH = p, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = s, this.options = i, this._$Cv = (i == null ? void 0 : i.isConnected) ?? !0;
+  }
+  get parentNode() {
+    let t = this._$AA.parentNode;
+    const e = this._$AM;
+    return e !== void 0 && (t == null ? void 0 : t.nodeType) === 11 && (t = e.parentNode), t;
+  }
+  get startNode() {
+    return this._$AA;
+  }
+  get endNode() {
+    return this._$AB;
+  }
+  _$AI(t, e = this) {
+    t = w(this, t, e), M(t) ? t === p || t == null || t === "" ? (this._$AH !== p && this._$AR(), this._$AH = p) : t !== this._$AH && t !== S && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : bt(t) ? this.k(t) : this._(t);
+  }
+  O(t) {
+    return this._$AA.parentNode.insertBefore(t, this._$AB);
+  }
+  T(t) {
+    this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
+  }
+  _(t) {
+    this._$AH !== p && M(this._$AH) ? this._$AA.nextSibling.data = t : this.T(v.createTextNode(t)), this._$AH = t;
+  }
+  $(t) {
+    var o;
+    const { values: e, _$litType$: s } = t, i = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = N.createElement(pt(s.h, s.h[0]), this.options)), s);
+    if (((o = this._$AH) == null ? void 0 : o._$AD) === i) this._$AH.p(e);
+    else {
+      const n = new wt(i, this), l = n.u(this.options);
+      n.p(e), this.T(l), this._$AH = n;
+    }
+  }
+  _$AC(t) {
+    let e = rt.get(t.strings);
+    return e === void 0 && rt.set(t.strings, e = new N(t)), e;
+  }
+  k(t) {
+    G(this._$AH) || (this._$AH = [], this._$AR());
+    const e = this._$AH;
+    let s, i = 0;
+    for (const o of t) i === e.length ? e.push(s = new T(this.O(k()), this.O(k()), this, this.options)) : s = e[i], s._$AI(o), i++;
+    i < e.length && (this._$AR(s && s._$AB.nextSibling, i), e.length = i);
+  }
+  _$AR(t = this._$AA.nextSibling, e) {
+    var s;
+    for ((s = this._$AP) == null ? void 0 : s.call(this, !1, !0, e); t !== this._$AB; ) {
+      const i = Q(t).nextSibling;
+      Q(t).remove(), t = i;
+    }
+  }
+  setConnected(t) {
+    var e;
+    this._$AM === void 0 && (this._$Cv = t, (e = this._$AP) == null || e.call(this, t));
+  }
+}
+class D {
+  get tagName() {
+    return this.element.tagName;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  constructor(t, e, s, i, o) {
+    this.type = 1, this._$AH = p, this._$AN = void 0, this.element = t, this.name = e, this._$AM = i, this.options = o, s.length > 2 || s[0] !== "" || s[1] !== "" ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = p;
+  }
+  _$AI(t, e = this, s, i) {
+    const o = this.strings;
+    let n = !1;
+    if (o === void 0) t = w(this, t, e, 0), n = !M(t) || t !== this._$AH && t !== S, n && (this._$AH = t);
+    else {
+      const l = t;
+      let h, c;
+      for (t = o[0], h = 0; h < o.length - 1; h++) c = w(this, l[s + h], e, h), c === S && (c = this._$AH[h]), n || (n = !M(c) || c !== this._$AH[h]), c === p ? t = p : t !== p && (t += (c ?? "") + o[h + 1]), this._$AH[h] = c;
+    }
+    n && !i && this.j(t);
+  }
+  j(t) {
+    t === p ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
+  }
+}
+class xt extends D {
+  constructor() {
+    super(...arguments), this.type = 3;
+  }
+  j(t) {
+    this.element[this.name] = t === p ? void 0 : t;
+  }
+}
+class Ct extends D {
+  constructor() {
+    super(...arguments), this.type = 4;
+  }
+  j(t) {
+    this.element.toggleAttribute(this.name, !!t && t !== p);
+  }
+}
+class Pt extends D {
+  constructor(t, e, s, i, o) {
+    super(t, e, s, i, o), this.type = 5;
+  }
+  _$AI(t, e = this) {
+    if ((t = w(this, t, e, 0) ?? p) === S) return;
+    const s = this._$AH, i = t === p && s !== p || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, o = t !== p && (s === p || i);
+    i && this.element.removeEventListener(this.name, this, s), o && this.element.addEventListener(this.name, this, t), this._$AH = t;
+  }
+  handleEvent(t) {
+    var e;
+    typeof this._$AH == "function" ? this._$AH.call(((e = this.options) == null ? void 0 : e.host) ?? this.element, t) : this._$AH.handleEvent(t);
+  }
+}
+class Ot {
+  constructor(t, e, s) {
+    this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = s;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(t) {
+    w(this, t);
+  }
+}
+const B = O.litHtmlPolyfillSupport;
+B == null || B(N, T), (O.litHtmlVersions ?? (O.litHtmlVersions = [])).push("3.3.2");
+const Ut = (r, t, e) => {
+  const s = (e == null ? void 0 : e.renderBefore) ?? t;
+  let i = s._$litPart$;
+  if (i === void 0) {
+    const o = (e == null ? void 0 : e.renderBefore) ?? null;
+    s._$litPart$ = i = new T(t.insertBefore(k(), o), o, void 0, e ?? {});
+  }
+  return i._$AI(r), i;
+};
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const y = globalThis;
+class U extends E {
+  constructor() {
+    super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
+  }
+  createRenderRoot() {
+    var e;
+    const t = super.createRenderRoot();
+    return (e = this.renderOptions).renderBefore ?? (e.renderBefore = t.firstChild), t;
+  }
+  update(t) {
+    const e = this.render();
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = Ut(e, this.renderRoot, this.renderOptions);
+  }
+  connectedCallback() {
+    var t;
+    super.connectedCallback(), (t = this._$Do) == null || t.setConnected(!0);
+  }
+  disconnectedCallback() {
+    var t;
+    super.disconnectedCallback(), (t = this._$Do) == null || t.setConnected(!1);
+  }
+  render() {
+    return S;
+  }
+}
+var ot;
+U._$litElement$ = !0, U.finalized = !0, (ot = y.litElementHydrateSupport) == null || ot.call(y, { LitElement: U });
+const q = y.litElementPolyfillSupport;
+q == null || q({ LitElement: U });
+(y.litElementVersions ?? (y.litElementVersions = [])).push("4.2.2");
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const kt = (r) => (t, e) => {
+  e !== void 0 ? e.addInitializer(() => {
+    customElements.define(r, t);
+  }) : customElements.define(r, t);
+};
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const Mt = { attribute: !0, type: String, converter: z, reflect: !1, hasChanged: V }, Nt = (r = Mt, t, e) => {
+  const { kind: s, metadata: i } = e;
+  let o = globalThis.litPropertyMetadata.get(i);
+  if (o === void 0 && globalThis.litPropertyMetadata.set(i, o = /* @__PURE__ */ new Map()), s === "setter" && ((r = Object.create(r)).wrapped = !0), o.set(e.name, r), s === "accessor") {
+    const { name: n } = e;
+    return { set(l) {
+      const h = t.get.call(this);
+      t.set.call(this, l), this.requestUpdate(n, h, r, !0, l);
+    }, init(l) {
+      return l !== void 0 && this.C(n, void 0, r, l), l;
+    } };
+  }
+  if (s === "setter") {
+    const { name: n } = e;
+    return function(l) {
+      const h = this[n];
+      t.call(this, l), this.requestUpdate(n, h, r, !0, l);
+    };
+  }
+  throw Error("Unsupported decorator location: " + s);
+};
+function x(r) {
+  return (t, e) => typeof e == "object" ? Nt(r, t, e) : ((s, i, o) => {
+    const n = i.hasOwnProperty(o);
+    return i.constructor.createProperty(o, s), n ? Object.getOwnPropertyDescriptor(i, o) : void 0;
+  })(r, t, e);
+}
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+function Tt(r) {
+  return x({ ...r, state: !0, attribute: !1 });
+}
+const Ht = ":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}button{font-size:12px;padding:3px 10px;border-radius:4px;cursor:pointer;border:1px solid #76b900;background:#76b900;color:#fff;font-weight:600}button.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}textarea{width:100%;min-height:80px;box-sizing:border-box;font-family:inherit;font-size:14px;line-height:1.5;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:8px 12px;resize:vertical;outline:none;transition:border-color .15s,box-shadow .15s}textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}textarea::placeholder{color:#9ca3af}";
+var Rt = Object.defineProperty, zt = Object.getOwnPropertyDescriptor, b = (r, t, e, s) => {
+  for (var i = s > 1 ? void 0 : s ? zt(t, e) : t, o = r.length - 1, n; o >= 0; o--)
+    (n = r[o]) && (i = (s ? n(t, e, i) : n(i)) || i);
+  return s && i && Rt(t, e, i), i;
+};
+let $ = class extends U {
+  constructor() {
+    super(...arguments), this.spellcheck = !0, this.lang = "en-US", this.placeholder = "Type here...", this.value = "", this.rows = 4, this._spellcheckOn = !0, this.LANGUAGES = [
+      { 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" }
+    ];
+  }
+  connectedCallback() {
+    super.connectedCallback(), this._spellcheckOn = this.spellcheck;
+  }
+  _onToggle() {
+    this._spellcheckOn = !this._spellcheckOn;
+  }
+  _onLangChange(r) {
+    this.lang = r.target.value;
+  }
+  _onInput(r) {
+    this.value = r.target.value, this.dispatchEvent(
+      new CustomEvent("sa-change", {
+        detail: { value: this.value },
+        bubbles: !0,
+        composed: !0
+      })
+    );
+  }
+  render() {
+    return it`
+      <div class="controls">
+        <label>Spellcheck:</label>
+        <button
+          class=${this._spellcheckOn ? "" : "off"}
+          @click=${this._onToggle}
+        >
+          ${this._spellcheckOn ? "ON" : "OFF"}
+        </button>
+
+        <label>Language:</label>
+        <select @change=${this._onLangChange}>
+          ${this.LANGUAGES.map(
+      ({ value: r, label: t }) => it`
+              <option value=${r} ?selected=${r === this.lang}>
+                ${t}
+              </option>
+            `
+    )}
+        </select>
+      </div>
+
+      <textarea
+        .value=${this.value}
+        placeholder=${this.placeholder}
+        rows=${this.rows}
+        lang=${this.lang}
+        ?spellcheck=${this._spellcheckOn}
+        @input=${this._onInput}
+      ></textarea>
+    `;
+  }
+};
+$.styles = ht(Ht);
+b([
+  x({ type: Boolean })
+], $.prototype, "spellcheck", 2);
+b([
+  x()
+], $.prototype, "lang", 2);
+b([
+  x()
+], $.prototype, "placeholder", 2);
+b([
+  x()
+], $.prototype, "value", 2);
+b([
+  x({ type: Number })
+], $.prototype, "rows", 2);
+b([
+  Tt()
+], $.prototype, "_spellcheckOn", 2);
+$ = b([
+  kt("sa-spell-checker")
+], $);
+export {
+  $ as SaSpellChecker
+};

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

@@ -1,49 +1,59 @@
-(function(s){typeof define=="function"&&define.amd?define(s):s()})(function(){"use strict";const s=`
-  :host {
-    display: block;
-    width: 100%;
-    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
-  }
+(function(u,f){typeof exports=="object"&&typeof module<"u"?f(exports):typeof define=="function"&&define.amd?define(["exports"],f):(u=typeof globalThis<"u"?globalThis:u||self,f(u.SaSpellChecker={}))})(this,function(u){"use strict";/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */var pe;const f=globalThis,D=f.ShadowRoot&&(f.ShadyCSS===void 0||f.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,F=Symbol(),K=new WeakMap;let de=class{constructor(e,t,s){if(this._$cssResult$=!0,s!==F)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(D&&e===void 0){const s=t!==void 0&&t.length===1;s&&(e=K.get(t)),e===void 0&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),s&&K.set(t,e))}return e}toString(){return this.cssText}};const Z=r=>new de(typeof r=="string"?r:r+"",void 0,F),ue=(r,e)=>{if(D)r.adoptedStyleSheets=e.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet);else for(const t of e){const s=document.createElement("style"),i=f.litNonce;i!==void 0&&s.setAttribute("nonce",i),s.textContent=t.cssText,r.appendChild(s)}},J=D?r=>r:r=>r instanceof CSSStyleSheet?(e=>{let t="";for(const s of e.cssRules)t+=s.cssText;return Z(t)})(r):r;/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const{is:$e,defineProperty:fe,getOwnPropertyDescriptor:_e,getOwnPropertyNames:ge,getOwnPropertySymbols:ye,getPrototypeOf:me}=Object,_=globalThis,Q=_.trustedTypes,Ae=Q?Q.emptyScript:"",I=_.reactiveElementPolyfillSupport,P=(r,e)=>r,R={toAttribute(r,e){switch(e){case Boolean:r=r?Ae: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}},B=(r,e)=>!$e(r,e),X={attribute:!0,type:String,converter:R,reflect:!1,useDefault:!1,hasChanged:B};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),_.litPropertyMetadata??(_.litPropertyMetadata=new WeakMap);let E=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=X){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&&fe(this.prototype,e,i)}}static getPropertyDescriptor(e,t,s){const{get:i,set:n}=_e(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)??X}static _$Ei(){if(this.hasOwnProperty(P("elementProperties")))return;const e=me(this);e.finalize(),e.l!==void 0&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(P("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(P("properties"))){const t=this.properties,s=[...ge(t),...ye(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(J(i))}else e!==void 0&&t.push(J(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 ue(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:R).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),l=typeof h.converter=="function"?{fromAttribute:h.converter}:((n=h.converter)==null?void 0:n.fromAttribute)!==void 0?h.converter:R;this._$Em=i;const c=l.fromAttribute(t,h.type);this[i]=c??((o=this._$Ej)==null?void 0:o.get(i))??c,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??B)(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,l=this[n];h!==!0||this._$AL.has(n)||l===void 0||this.C(n,void 0,o,l)}}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){}};E.elementStyles=[],E.shadowRootOptions={mode:"open"},E[P("elementProperties")]=new Map,E[P("finalized")]=new Map,I==null||I({ReactiveElement:E}),(_.reactiveElementVersions??(_.reactiveElementVersions=[])).push("2.1.2");/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const O=globalThis,Y=r=>r,z=O.trustedTypes,ee=z?z.createPolicy("lit-html",{createHTML:r=>r}):void 0,te="$lit$",g=`lit$${Math.random().toFixed(9).slice(2)}$`,se="?"+g,ve=`<${se}>`,m=document,U=()=>m.createComment(""),k=r=>r===null||typeof r!="object"&&typeof r!="function",q=Array.isArray,be=r=>q(r)||typeof(r==null?void 0:r[Symbol.iterator])=="function",W=`[ 	
+\f\r]`,T=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,ie=/-->/g,re=/>/g,A=RegExp(`>|${W}(?:([^\\s"'>=/]+)(${W}*=${W}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`,"g"),ne=/'/g,oe=/"/g,le=/^(?:script|style|textarea|title)$/i,Se=r=>(e,...t)=>({_$litType$:r,strings:e,values:t}),he=Se(1),w=Symbol.for("lit-noChange"),p=Symbol.for("lit-nothing"),ae=new WeakMap,v=m.createTreeWalker(m,129);function ce(r,e){if(!q(r)||!r.hasOwnProperty("raw"))throw Error("invalid template strings array");return ee!==void 0?ee.createHTML(e):e}const Ee=(r,e)=>{const t=r.length-1,s=[];let i,n=e===2?"<svg>":e===3?"<math>":"",o=T;for(let h=0;h<t;h++){const l=r[h];let c,d,a=-1,$=0;for(;$<l.length&&(o.lastIndex=$,d=o.exec(l),d!==null);)$=o.lastIndex,o===T?d[1]==="!--"?o=ie:d[1]!==void 0?o=re:d[2]!==void 0?(le.test(d[2])&&(i=RegExp("</"+d[2],"g")),o=A):d[3]!==void 0&&(o=A):o===A?d[0]===">"?(o=i??T,a=-1):d[1]===void 0?a=-2:(a=o.lastIndex-d[2].length,c=d[1],o=d[3]===void 0?A:d[3]==='"'?oe:ne):o===oe||o===ne?o=A:o===ie||o===re?o=T:(o=A,i=void 0);const y=o===A&&r[h+1].startsWith("/>")?" ":"";n+=o===T?l+ve:a>=0?(s.push(c),l.slice(0,a)+te+l.slice(a)+g+y):l+g+(a===-2?h:y)}return[ce(r,n+(r[t]||"<?>")+(e===2?"</svg>":e===3?"</math>":"")),s]};class M{constructor({strings:e,_$litType$:t},s){let i;this.parts=[];let n=0,o=0;const h=e.length-1,l=this.parts,[c,d]=Ee(e,t);if(this.el=M.createElement(c,s),v.currentNode=this.el.content,t===2||t===3){const a=this.el.content.firstChild;a.replaceWith(...a.childNodes)}for(;(i=v.nextNode())!==null&&l.length<h;){if(i.nodeType===1){if(i.hasAttributes())for(const a of i.getAttributeNames())if(a.endsWith(te)){const $=d[o++],y=i.getAttribute(a).split(g),L=/([.?@])?(.*)/.exec($);l.push({type:1,index:n,name:L[2],strings:y,ctor:L[1]==="."?Ce:L[1]==="?"?xe:L[1]==="@"?Pe:j}),i.removeAttribute(a)}else a.startsWith(g)&&(l.push({type:6,index:n}),i.removeAttribute(a));if(le.test(i.tagName)){const a=i.textContent.split(g),$=a.length-1;if($>0){i.textContent=z?z.emptyScript:"";for(let y=0;y<$;y++)i.append(a[y],U()),v.nextNode(),l.push({type:2,index:++n});i.append(a[$],U())}}}else if(i.nodeType===8)if(i.data===se)l.push({type:2,index:n});else{let a=-1;for(;(a=i.data.indexOf(g,a+1))!==-1;)l.push({type:7,index:n}),a+=g.length-1}n++}}static createElement(e,t){const s=m.createElement("template");return s.innerHTML=e,s}}function C(r,e,t=r,s){var o,h;if(e===w)return e;let i=s!==void 0?(o=t._$Co)==null?void 0:o[s]:t._$Cl;const n=k(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=C(r,i._$AS(r,e.values),i,s)),e}class we{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)??m).importNode(t,!0);v.currentNode=i;let n=v.nextNode(),o=0,h=0,l=s[0];for(;l!==void 0;){if(o===l.index){let c;l.type===2?c=new N(n,n.nextSibling,this,e):l.type===1?c=new l.ctor(n,l.name,l.strings,this,e):l.type===6&&(c=new Oe(n,this,e)),this._$AV.push(c),l=s[++h]}o!==(l==null?void 0:l.index)&&(n=v.nextNode(),o++)}return v.currentNode=m,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 N{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=p,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=C(this,e,t),k(e)?e===p||e==null||e===""?(this._$AH!==p&&this._$AR(),this._$AH=p):e!==this._$AH&&e!==w&&this._(e):e._$litType$!==void 0?this.$(e):e.nodeType!==void 0?this.T(e):be(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!==p&&k(this._$AH)?this._$AA.nextSibling.data=e:this.T(m.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=M.createElement(ce(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 we(i,this),h=o.u(this.options);o.p(t),this.T(h),this._$AH=o}}_$AC(e){let t=ae.get(e.strings);return t===void 0&&ae.set(e.strings,t=new M(e)),t}k(e){q(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 N(this.O(U()),this.O(U()),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=Y(e).nextSibling;Y(e).remove(),e=i}}setConnected(e){var t;this._$AM===void 0&&(this._$Cv=e,(t=this._$AP)==null||t.call(this,e))}}class j{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,s,i,n){this.type=1,this._$AH=p,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=p}_$AI(e,t=this,s,i){const n=this.strings;let o=!1;if(n===void 0)e=C(this,e,t,0),o=!k(e)||e!==this._$AH&&e!==w,o&&(this._$AH=e);else{const h=e;let l,c;for(e=n[0],l=0;l<n.length-1;l++)c=C(this,h[s+l],t,l),c===w&&(c=this._$AH[l]),o||(o=!k(c)||c!==this._$AH[l]),c===p?e=p:e!==p&&(e+=(c??"")+n[l+1]),this._$AH[l]=c}o&&!i&&this.j(e)}j(e){e===p?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}}class Ce extends j{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===p?void 0:e}}class xe extends j{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==p)}}class Pe extends j{constructor(e,t,s,i,n){super(e,t,s,i,n),this.type=5}_$AI(e,t=this){if((e=C(this,e,t,0)??p)===w)return;const s=this._$AH,i=e===p&&s!==p||e.capture!==s.capture||e.once!==s.once||e.passive!==s.passive,n=e!==p&&(s===p||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 Oe{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){C(this,e)}}const V=O.litHtmlPolyfillSupport;V==null||V(M,N),(O.litHtmlVersions??(O.litHtmlVersions=[])).push("3.3.2");const Ue=(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 N(e.insertBefore(U(),n),n,void 0,t??{})}return i._$AI(r),i};/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const b=globalThis;class H extends E{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=Ue(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 w}}H._$litElement$=!0,H.finalized=!0,(pe=b.litElementHydrateSupport)==null||pe.call(b,{LitElement:H});const G=b.litElementPolyfillSupport;G==null||G({LitElement:H}),(b.litElementVersions??(b.litElementVersions=[])).push("4.2.2");/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const ke=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 Te={attribute:!0,type:String,converter:R,reflect:!1,hasChanged:B},Me=(r=Te,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 l=e.get.call(this);e.set.call(this,h),this.requestUpdate(o,l,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 l=this[o];e.call(this,h),this.requestUpdate(o,l,r,!0,h)}}throw Error("Unsupported decorator location: "+s)};function x(r){return(e,t)=>typeof t=="object"?Me(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
+ */function Ne(r){return x({...r,state:!0,attribute:!1})}const He=":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}button{font-size:12px;padding:3px 10px;border-radius:4px;cursor:pointer;border:1px solid #76b900;background:#76b900;color:#fff;font-weight:600}button.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}textarea{width:100%;min-height:80px;box-sizing:border-box;font-family:inherit;font-size:14px;line-height:1.5;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:8px 12px;resize:vertical;outline:none;transition:border-color .15s,box-shadow .15s}textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}textarea::placeholder{color:#9ca3af}";var Re=Object.defineProperty,ze=Object.getOwnPropertyDescriptor,S=(r,e,t,s)=>{for(var i=s>1?void 0:s?ze(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&&Re(e,t,i),i};u.SaSpellChecker=class extends H{constructor(){super(...arguments),this.spellcheck=!0,this.lang="en-US",this.placeholder="Type here...",this.value="",this.rows=4,this._spellcheckOn=!0,this.LANGUAGES=[{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"}]}connectedCallback(){super.connectedCallback(),this._spellcheckOn=this.spellcheck}_onToggle(){this._spellcheckOn=!this._spellcheckOn}_onLangChange(e){this.lang=e.target.value}_onInput(e){this.value=e.target.value,this.dispatchEvent(new CustomEvent("sa-change",{detail:{value:this.value},bubbles:!0,composed:!0}))}render(){return he`
+      <div class="controls">
+        <label>Spellcheck:</label>
+        <button
+          class=${this._spellcheckOn?"":"off"}
+          @click=${this._onToggle}
+        >
+          ${this._spellcheckOn?"ON":"OFF"}
+        </button>
 
-  .wrapper {
-    position: relative;
-    width: 100%;
-  }
-
-  textarea {
-    width: 100%;
-    min-height: 80px;
-    box-sizing: border-box;
-    font-family: inherit;
-    font-size: 14px;
-    line-height: 1.5;
-    color: #111827;
-    background: #fff;
-    border: 1px solid #d1d5db;
-    border-radius: 6px;
-    padding: 8px 12px;
-    resize: vertical;
-    outline: none;
-    transition: border-color 0.15s, box-shadow 0.15s;
-  }
-
-  textarea:focus {
-    border-color: #6366f1;
-    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.12);
-  }
-
-  textarea:disabled {
-    background: #f9fafb;
-    color: #9ca3af;
-    cursor: not-allowed;
-  }
-
-  textarea::placeholder {
-    color: #9ca3af;
-  }
-`;class r extends HTMLElement{static get observedAttributes(){return["spellcheck","lang","placeholder","value","disabled","rows"]}connectedCallback(){const e=this.attachShadow({mode:"open"});e.innerHTML=`
-      <style>${s}</style>
-      <div class="wrapper">
-        <textarea></textarea>
+        <label>Language:</label>
+        <select @change=${this._onLangChange}>
+          ${this.LANGUAGES.map(({value:e,label:t})=>he`
+              <option value=${e} ?selected=${e===this.lang}>
+                ${t}
+              </option>
+            `)}
+        </select>
       </div>
-    `,this._textarea=e.querySelector("textarea"),this._applyAllAttrs(),this._textarea.addEventListener("input",()=>{this.dispatchEvent(new CustomEvent("sa-change",{detail:{value:this._textarea.value},bubbles:!0,composed:!0}))})}attributeChangedCallback(e,t,a){this._textarea&&this._applyAttr(e,a)}_applyAllAttrs(){for(const e of r.observedAttributes)this._applyAttr(e,this.getAttribute(e))}_applyAttr(e,t){const a=this._textarea;switch(e){case"spellcheck":a.spellcheck=t!=="false";break;case"lang":a.lang=t||"en-US";break;case"placeholder":a.placeholder=t||"";break;case"value":a.value!==(t||"")&&(a.value=t||"");break;case"disabled":a.disabled=t!==null&&t!=="false";break;case"rows":t&&(a.rows=parseInt(t,10));break}}get value(){var e;return((e=this._textarea)==null?void 0:e.value)??""}set value(e){this._textarea&&(this._textarea.value=e??"")}}customElements.define("sa-spell-checker",r)});
+
+      <textarea
+        .value=${this.value}
+        placeholder=${this.placeholder}
+        rows=${this.rows}
+        lang=${this.lang}
+        ?spellcheck=${this._spellcheckOn}
+        @input=${this._onInput}
+      ></textarea>
+    `}},u.SaSpellChecker.styles=Z(He),S([x({type:Boolean})],u.SaSpellChecker.prototype,"spellcheck",2),S([x()],u.SaSpellChecker.prototype,"lang",2),S([x()],u.SaSpellChecker.prototype,"placeholder",2),S([x()],u.SaSpellChecker.prototype,"value",2),S([x({type:Number})],u.SaSpellChecker.prototype,"rows",2),S([Ne()],u.SaSpellChecker.prototype,"_spellcheckOn",2),u.SaSpellChecker=S([ke("sa-spell-checker")],u.SaSpellChecker),Object.defineProperty(u,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,16 +1,22 @@
 {
   "name": "sa-spell-checker",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "SuperAnnotate custom spell checker web component",
   "main": "dist/sa-spell-checker.umd.cjs",
   "module": "dist/sa-spell-checker.js",
-  "files": ["dist"],
+  "files": [
+    "dist"
+  ],
   "scripts": {
     "dev": "vite",
     "build": "vite build",
     "preview": "vite preview"
   },
   "devDependencies": {
+    "typescript": "^5.9.3",
     "vite": "^5.4.0"
+  },
+  "dependencies": {
+    "lit": "^3.3.2"
   }
 }