@corti/dictation-web 0.1.1 → 0.1.3

package/dist/bundle.js

@@ -0,0 +1,1691 @@
+// node_modules/tslib/tslib.es6.mjs
+function __decorate(decorators, target, key, desc) {
+  var c4 = arguments.length, r7 = c4 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d3;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r7 = Reflect.decorate(decorators, target, key, desc);
+  else for (var i5 = decorators.length - 1; i5 >= 0; i5--) if (d3 = decorators[i5]) r7 = (c4 < 3 ? d3(r7) : c4 > 3 ? d3(target, key, r7) : d3(target, key)) || r7;
+  return c4 > 3 && r7 && Object.defineProperty(target, key, r7), r7;
+}
+
+// node_modules/@lit/reactive-element/css-tag.js
+var t = globalThis;
+var e = t.ShadowRoot && (void 0 === t.ShadyCSS || t.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype;
+var s = Symbol();
+var o = /* @__PURE__ */ new WeakMap();
+var n = class {
+  constructor(t4, e5, o5) {
+    if (this._$cssResult$ = true, o5 !== s) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    this.cssText = t4, this.t = e5;
+  }
+  get styleSheet() {
+    let t4 = this.o;
+    const s3 = this.t;
+    if (e && void 0 === t4) {
+      const e5 = void 0 !== s3 && 1 === s3.length;
+      e5 && (t4 = o.get(s3)), void 0 === t4 && ((this.o = t4 = new CSSStyleSheet()).replaceSync(this.cssText), e5 && o.set(s3, t4));
+    }
+    return t4;
+  }
+  toString() {
+    return this.cssText;
+  }
+};
+var r = (t4) => new n("string" == typeof t4 ? t4 : t4 + "", void 0, s);
+var i = (t4, ...e5) => {
+  const o5 = 1 === t4.length ? t4[0] : e5.reduce((e6, s3, o6) => e6 + ((t5) => {
+    if (true === t5._$cssResult$) return t5.cssText;
+    if ("number" == typeof t5) return t5;
+    throw Error("Value passed to 'css' function must be a 'css' function result: " + t5 + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
+  })(s3) + t4[o6 + 1], t4[0]);
+  return new n(o5, t4, s);
+};
+var S = (s3, o5) => {
+  if (e) s3.adoptedStyleSheets = o5.map((t4) => t4 instanceof CSSStyleSheet ? t4 : t4.styleSheet);
+  else for (const e5 of o5) {
+    const o6 = document.createElement("style"), n5 = t.litNonce;
+    void 0 !== n5 && o6.setAttribute("nonce", n5), o6.textContent = e5.cssText, s3.appendChild(o6);
+  }
+};
+var c = e ? (t4) => t4 : (t4) => t4 instanceof CSSStyleSheet ? ((t5) => {
+  let e5 = "";
+  for (const s3 of t5.cssRules) e5 += s3.cssText;
+  return r(e5);
+})(t4) : t4;
+
+// node_modules/@lit/reactive-element/reactive-element.js
+var { is: i2, defineProperty: e2, getOwnPropertyDescriptor: r2, getOwnPropertyNames: h, getOwnPropertySymbols: o2, getPrototypeOf: n2 } = Object;
+var a = globalThis;
+var c2 = a.trustedTypes;
+var l = c2 ? c2.emptyScript : "";
+var p = a.reactiveElementPolyfillSupport;
+var d = (t4, s3) => t4;
+var u = { toAttribute(t4, s3) {
+  switch (s3) {
+    case Boolean:
+      t4 = t4 ? l : null;
+      break;
+    case Object:
+    case Array:
+      t4 = null == t4 ? t4 : JSON.stringify(t4);
+  }
+  return t4;
+}, fromAttribute(t4, s3) {
+  let i5 = t4;
+  switch (s3) {
+    case Boolean:
+      i5 = null !== t4;
+      break;
+    case Number:
+      i5 = null === t4 ? null : Number(t4);
+      break;
+    case Object:
+    case Array:
+      try {
+        i5 = JSON.parse(t4);
+      } catch (t5) {
+        i5 = null;
+      }
+  }
+  return i5;
+} };
+var f = (t4, s3) => !i2(t4, s3);
+var y = { attribute: true, type: String, converter: u, reflect: false, hasChanged: f };
+Symbol.metadata ??= Symbol("metadata"), a.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
+var b = class extends HTMLElement {
+  static addInitializer(t4) {
+    this._$Ei(), (this.l ??= []).push(t4);
+  }
+  static get observedAttributes() {
+    return this.finalize(), this._$Eh && [...this._$Eh.keys()];
+  }
+  static createProperty(t4, s3 = y) {
+    if (s3.state && (s3.attribute = false), this._$Ei(), this.elementProperties.set(t4, s3), !s3.noAccessor) {
+      const i5 = Symbol(), r7 = this.getPropertyDescriptor(t4, i5, s3);
+      void 0 !== r7 && e2(this.prototype, t4, r7);
+    }
+  }
+  static getPropertyDescriptor(t4, s3, i5) {
+    const { get: e5, set: h3 } = r2(this.prototype, t4) ?? { get() {
+      return this[s3];
+    }, set(t5) {
+      this[s3] = t5;
+    } };
+    return { get() {
+      return e5?.call(this);
+    }, set(s4) {
+      const r7 = e5?.call(this);
+      h3.call(this, s4), this.requestUpdate(t4, r7, i5);
+    }, configurable: true, enumerable: true };
+  }
+  static getPropertyOptions(t4) {
+    return this.elementProperties.get(t4) ?? y;
+  }
+  static _$Ei() {
+    if (this.hasOwnProperty(d("elementProperties"))) return;
+    const t4 = n2(this);
+    t4.finalize(), void 0 !== t4.l && (this.l = [...t4.l]), this.elementProperties = new Map(t4.elementProperties);
+  }
+  static finalize() {
+    if (this.hasOwnProperty(d("finalized"))) return;
+    if (this.finalized = true, this._$Ei(), this.hasOwnProperty(d("properties"))) {
+      const t5 = this.properties, s3 = [...h(t5), ...o2(t5)];
+      for (const i5 of s3) this.createProperty(i5, t5[i5]);
+    }
+    const t4 = this[Symbol.metadata];
+    if (null !== t4) {
+      const s3 = litPropertyMetadata.get(t4);
+      if (void 0 !== s3) for (const [t5, i5] of s3) this.elementProperties.set(t5, i5);
+    }
+    this._$Eh = /* @__PURE__ */ new Map();
+    for (const [t5, s3] of this.elementProperties) {
+      const i5 = this._$Eu(t5, s3);
+      void 0 !== i5 && this._$Eh.set(i5, t5);
+    }
+    this.elementStyles = this.finalizeStyles(this.styles);
+  }
+  static finalizeStyles(s3) {
+    const i5 = [];
+    if (Array.isArray(s3)) {
+      const e5 = new Set(s3.flat(1 / 0).reverse());
+      for (const s4 of e5) i5.unshift(c(s4));
+    } else void 0 !== s3 && i5.push(c(s3));
+    return i5;
+  }
+  static _$Eu(t4, s3) {
+    const i5 = s3.attribute;
+    return false === i5 ? void 0 : "string" == typeof i5 ? i5 : "string" == typeof t4 ? t4.toLowerCase() : void 0;
+  }
+  constructor() {
+    super(), this._$Ep = void 0, this.isUpdatePending = false, this.hasUpdated = false, this._$Em = null, this._$Ev();
+  }
+  _$Ev() {
+    this._$ES = new Promise((t4) => this.enableUpdating = t4), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), this.constructor.l?.forEach((t4) => t4(this));
+  }
+  addController(t4) {
+    (this._$EO ??= /* @__PURE__ */ new Set()).add(t4), void 0 !== this.renderRoot && this.isConnected && t4.hostConnected?.();
+  }
+  removeController(t4) {
+    this._$EO?.delete(t4);
+  }
+  _$E_() {
+    const t4 = /* @__PURE__ */ new Map(), s3 = this.constructor.elementProperties;
+    for (const i5 of s3.keys()) this.hasOwnProperty(i5) && (t4.set(i5, this[i5]), delete this[i5]);
+    t4.size > 0 && (this._$Ep = t4);
+  }
+  createRenderRoot() {
+    const t4 = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
+    return S(t4, this.constructor.elementStyles), t4;
+  }
+  connectedCallback() {
+    this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(true), this._$EO?.forEach((t4) => t4.hostConnected?.());
+  }
+  enableUpdating(t4) {
+  }
+  disconnectedCallback() {
+    this._$EO?.forEach((t4) => t4.hostDisconnected?.());
+  }
+  attributeChangedCallback(t4, s3, i5) {
+    this._$AK(t4, i5);
+  }
+  _$EC(t4, s3) {
+    const i5 = this.constructor.elementProperties.get(t4), e5 = this.constructor._$Eu(t4, i5);
+    if (void 0 !== e5 && true === i5.reflect) {
+      const r7 = (void 0 !== i5.converter?.toAttribute ? i5.converter : u).toAttribute(s3, i5.type);
+      this._$Em = t4, null == r7 ? this.removeAttribute(e5) : this.setAttribute(e5, r7), this._$Em = null;
+    }
+  }
+  _$AK(t4, s3) {
+    const i5 = this.constructor, e5 = i5._$Eh.get(t4);
+    if (void 0 !== e5 && this._$Em !== e5) {
+      const t5 = i5.getPropertyOptions(e5), r7 = "function" == typeof t5.converter ? { fromAttribute: t5.converter } : void 0 !== t5.converter?.fromAttribute ? t5.converter : u;
+      this._$Em = e5, this[e5] = r7.fromAttribute(s3, t5.type), this._$Em = null;
+    }
+  }
+  requestUpdate(t4, s3, i5) {
+    if (void 0 !== t4) {
+      if (i5 ??= this.constructor.getPropertyOptions(t4), !(i5.hasChanged ?? f)(this[t4], s3)) return;
+      this.P(t4, s3, i5);
+    }
+    false === this.isUpdatePending && (this._$ES = this._$ET());
+  }
+  P(t4, s3, i5) {
+    this._$AL.has(t4) || this._$AL.set(t4, s3), true === i5.reflect && this._$Em !== t4 && (this._$Ej ??= /* @__PURE__ */ new Set()).add(t4);
+  }
+  async _$ET() {
+    this.isUpdatePending = true;
+    try {
+      await this._$ES;
+    } catch (t5) {
+      Promise.reject(t5);
+    }
+    const t4 = this.scheduleUpdate();
+    return null != t4 && await t4, !this.isUpdatePending;
+  }
+  scheduleUpdate() {
+    return this.performUpdate();
+  }
+  performUpdate() {
+    if (!this.isUpdatePending) return;
+    if (!this.hasUpdated) {
+      if (this.renderRoot ??= this.createRenderRoot(), this._$Ep) {
+        for (const [t6, s4] of this._$Ep) this[t6] = s4;
+        this._$Ep = void 0;
+      }
+      const t5 = this.constructor.elementProperties;
+      if (t5.size > 0) for (const [s4, i5] of t5) true !== i5.wrapped || this._$AL.has(s4) || void 0 === this[s4] || this.P(s4, this[s4], i5);
+    }
+    let t4 = false;
+    const s3 = this._$AL;
+    try {
+      t4 = this.shouldUpdate(s3), t4 ? (this.willUpdate(s3), this._$EO?.forEach((t5) => t5.hostUpdate?.()), this.update(s3)) : this._$EU();
+    } catch (s4) {
+      throw t4 = false, this._$EU(), s4;
+    }
+    t4 && this._$AE(s3);
+  }
+  willUpdate(t4) {
+  }
+  _$AE(t4) {
+    this._$EO?.forEach((t5) => t5.hostUpdated?.()), this.hasUpdated || (this.hasUpdated = true, this.firstUpdated(t4)), this.updated(t4);
+  }
+  _$EU() {
+    this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = false;
+  }
+  get updateComplete() {
+    return this.getUpdateComplete();
+  }
+  getUpdateComplete() {
+    return this._$ES;
+  }
+  shouldUpdate(t4) {
+    return true;
+  }
+  update(t4) {
+    this._$Ej &&= this._$Ej.forEach((t5) => this._$EC(t5, this[t5])), this._$EU();
+  }
+  updated(t4) {
+  }
+  firstUpdated(t4) {
+  }
+};
+b.elementStyles = [], b.shadowRootOptions = { mode: "open" }, b[d("elementProperties")] = /* @__PURE__ */ new Map(), b[d("finalized")] = /* @__PURE__ */ new Map(), p?.({ ReactiveElement: b }), (a.reactiveElementVersions ??= []).push("2.0.4");
+
+// node_modules/lit-html/lit-html.js
+var t2 = globalThis;
+var i3 = t2.trustedTypes;
+var s2 = i3 ? i3.createPolicy("lit-html", { createHTML: (t4) => t4 }) : void 0;
+var e3 = "$lit$";
+var h2 = `lit$${Math.random().toFixed(9).slice(2)}$`;
+var o3 = "?" + h2;
+var n3 = `<${o3}>`;
+var r3 = document;
+var l2 = () => r3.createComment("");
+var c3 = (t4) => null === t4 || "object" != typeof t4 && "function" != typeof t4;
+var a2 = Array.isArray;
+var u2 = (t4) => a2(t4) || "function" == typeof t4?.[Symbol.iterator];
+var d2 = "[ 	\n\f\r]";
+var f2 = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g;
+var v = /-->/g;
+var _ = />/g;
+var m = RegExp(`>|${d2}(?:([^\\s"'>=/]+)(${d2}*=${d2}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g");
+var p2 = /'/g;
+var g = /"/g;
+var $ = /^(?:script|style|textarea|title)$/i;
+var y2 = (t4) => (i5, ...s3) => ({ _$litType$: t4, strings: i5, values: s3 });
+var x = y2(1);
+var b2 = y2(2);
+var w = y2(3);
+var T = Symbol.for("lit-noChange");
+var E = Symbol.for("lit-nothing");
+var A = /* @__PURE__ */ new WeakMap();
+var C = r3.createTreeWalker(r3, 129);
+function P(t4, i5) {
+  if (!a2(t4) || !t4.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return void 0 !== s2 ? s2.createHTML(i5) : i5;
+}
+var V = (t4, i5) => {
+  const s3 = t4.length - 1, o5 = [];
+  let r7, l3 = 2 === i5 ? "<svg>" : 3 === i5 ? "<math>" : "", c4 = f2;
+  for (let i6 = 0; i6 < s3; i6++) {
+    const s4 = t4[i6];
+    let a3, u3, d3 = -1, y3 = 0;
+    for (; y3 < s4.length && (c4.lastIndex = y3, u3 = c4.exec(s4), null !== u3); ) y3 = c4.lastIndex, c4 === f2 ? "!--" === u3[1] ? c4 = v : void 0 !== u3[1] ? c4 = _ : void 0 !== u3[2] ? ($.test(u3[2]) && (r7 = RegExp("</" + u3[2], "g")), c4 = m) : void 0 !== u3[3] && (c4 = m) : c4 === m ? ">" === u3[0] ? (c4 = r7 ?? f2, d3 = -1) : void 0 === u3[1] ? d3 = -2 : (d3 = c4.lastIndex - u3[2].length, a3 = u3[1], c4 = void 0 === u3[3] ? m : '"' === u3[3] ? g : p2) : c4 === g || c4 === p2 ? c4 = m : c4 === v || c4 === _ ? c4 = f2 : (c4 = m, r7 = void 0);
+    const x2 = c4 === m && t4[i6 + 1].startsWith("/>") ? " " : "";
+    l3 += c4 === f2 ? s4 + n3 : d3 >= 0 ? (o5.push(a3), s4.slice(0, d3) + e3 + s4.slice(d3) + h2 + x2) : s4 + h2 + (-2 === d3 ? i6 : x2);
+  }
+  return [P(t4, l3 + (t4[s3] || "<?>") + (2 === i5 ? "</svg>" : 3 === i5 ? "</math>" : "")), o5];
+};
+var N = class _N {
+  constructor({ strings: t4, _$litType$: s3 }, n5) {
+    let r7;
+    this.parts = [];
+    let c4 = 0, a3 = 0;
+    const u3 = t4.length - 1, d3 = this.parts, [f3, v2] = V(t4, s3);
+    if (this.el = _N.createElement(f3, n5), C.currentNode = this.el.content, 2 === s3 || 3 === s3) {
+      const t5 = this.el.content.firstChild;
+      t5.replaceWith(...t5.childNodes);
+    }
+    for (; null !== (r7 = C.nextNode()) && d3.length < u3; ) {
+      if (1 === r7.nodeType) {
+        if (r7.hasAttributes()) for (const t5 of r7.getAttributeNames()) if (t5.endsWith(e3)) {
+          const i5 = v2[a3++], s4 = r7.getAttribute(t5).split(h2), e5 = /([.?@])?(.*)/.exec(i5);
+          d3.push({ type: 1, index: c4, name: e5[2], strings: s4, ctor: "." === e5[1] ? H : "?" === e5[1] ? I : "@" === e5[1] ? L : k }), r7.removeAttribute(t5);
+        } else t5.startsWith(h2) && (d3.push({ type: 6, index: c4 }), r7.removeAttribute(t5));
+        if ($.test(r7.tagName)) {
+          const t5 = r7.textContent.split(h2), s4 = t5.length - 1;
+          if (s4 > 0) {
+            r7.textContent = i3 ? i3.emptyScript : "";
+            for (let i5 = 0; i5 < s4; i5++) r7.append(t5[i5], l2()), C.nextNode(), d3.push({ type: 2, index: ++c4 });
+            r7.append(t5[s4], l2());
+          }
+        }
+      } else if (8 === r7.nodeType) if (r7.data === o3) d3.push({ type: 2, index: c4 });
+      else {
+        let t5 = -1;
+        for (; -1 !== (t5 = r7.data.indexOf(h2, t5 + 1)); ) d3.push({ type: 7, index: c4 }), t5 += h2.length - 1;
+      }
+      c4++;
+    }
+  }
+  static createElement(t4, i5) {
+    const s3 = r3.createElement("template");
+    return s3.innerHTML = t4, s3;
+  }
+};
+function S2(t4, i5, s3 = t4, e5) {
+  if (i5 === T) return i5;
+  let h3 = void 0 !== e5 ? s3._$Co?.[e5] : s3._$Cl;
+  const o5 = c3(i5) ? void 0 : i5._$litDirective$;
+  return h3?.constructor !== o5 && (h3?._$AO?.(false), void 0 === o5 ? h3 = void 0 : (h3 = new o5(t4), h3._$AT(t4, s3, e5)), void 0 !== e5 ? (s3._$Co ??= [])[e5] = h3 : s3._$Cl = h3), void 0 !== h3 && (i5 = S2(t4, h3._$AS(t4, i5.values), h3, e5)), i5;
+}
+var M = class {
+  constructor(t4, i5) {
+    this._$AV = [], this._$AN = void 0, this._$AD = t4, this._$AM = i5;
+  }
+  get parentNode() {
+    return this._$AM.parentNode;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  u(t4) {
+    const { el: { content: i5 }, parts: s3 } = this._$AD, e5 = (t4?.creationScope ?? r3).importNode(i5, true);
+    C.currentNode = e5;
+    let h3 = C.nextNode(), o5 = 0, n5 = 0, l3 = s3[0];
+    for (; void 0 !== l3; ) {
+      if (o5 === l3.index) {
+        let i6;
+        2 === l3.type ? i6 = new R(h3, h3.nextSibling, this, t4) : 1 === l3.type ? i6 = new l3.ctor(h3, l3.name, l3.strings, this, t4) : 6 === l3.type && (i6 = new z(h3, this, t4)), this._$AV.push(i6), l3 = s3[++n5];
+      }
+      o5 !== l3?.index && (h3 = C.nextNode(), o5++);
+    }
+    return C.currentNode = r3, e5;
+  }
+  p(t4) {
+    let i5 = 0;
+    for (const s3 of this._$AV) void 0 !== s3 && (void 0 !== s3.strings ? (s3._$AI(t4, s3, i5), i5 += s3.strings.length - 2) : s3._$AI(t4[i5])), i5++;
+  }
+};
+var R = class _R {
+  get _$AU() {
+    return this._$AM?._$AU ?? this._$Cv;
+  }
+  constructor(t4, i5, s3, e5) {
+    this.type = 2, this._$AH = E, this._$AN = void 0, this._$AA = t4, this._$AB = i5, this._$AM = s3, this.options = e5, this._$Cv = e5?.isConnected ?? true;
+  }
+  get parentNode() {
+    let t4 = this._$AA.parentNode;
+    const i5 = this._$AM;
+    return void 0 !== i5 && 11 === t4?.nodeType && (t4 = i5.parentNode), t4;
+  }
+  get startNode() {
+    return this._$AA;
+  }
+  get endNode() {
+    return this._$AB;
+  }
+  _$AI(t4, i5 = this) {
+    t4 = S2(this, t4, i5), c3(t4) ? t4 === E || null == t4 || "" === t4 ? (this._$AH !== E && this._$AR(), this._$AH = E) : t4 !== this._$AH && t4 !== T && this._(t4) : void 0 !== t4._$litType$ ? this.$(t4) : void 0 !== t4.nodeType ? this.T(t4) : u2(t4) ? this.k(t4) : this._(t4);
+  }
+  O(t4) {
+    return this._$AA.parentNode.insertBefore(t4, this._$AB);
+  }
+  T(t4) {
+    this._$AH !== t4 && (this._$AR(), this._$AH = this.O(t4));
+  }
+  _(t4) {
+    this._$AH !== E && c3(this._$AH) ? this._$AA.nextSibling.data = t4 : this.T(r3.createTextNode(t4)), this._$AH = t4;
+  }
+  $(t4) {
+    const { values: i5, _$litType$: s3 } = t4, e5 = "number" == typeof s3 ? this._$AC(t4) : (void 0 === s3.el && (s3.el = N.createElement(P(s3.h, s3.h[0]), this.options)), s3);
+    if (this._$AH?._$AD === e5) this._$AH.p(i5);
+    else {
+      const t5 = new M(e5, this), s4 = t5.u(this.options);
+      t5.p(i5), this.T(s4), this._$AH = t5;
+    }
+  }
+  _$AC(t4) {
+    let i5 = A.get(t4.strings);
+    return void 0 === i5 && A.set(t4.strings, i5 = new N(t4)), i5;
+  }
+  k(t4) {
+    a2(this._$AH) || (this._$AH = [], this._$AR());
+    const i5 = this._$AH;
+    let s3, e5 = 0;
+    for (const h3 of t4) e5 === i5.length ? i5.push(s3 = new _R(this.O(l2()), this.O(l2()), this, this.options)) : s3 = i5[e5], s3._$AI(h3), e5++;
+    e5 < i5.length && (this._$AR(s3 && s3._$AB.nextSibling, e5), i5.length = e5);
+  }
+  _$AR(t4 = this._$AA.nextSibling, i5) {
+    for (this._$AP?.(false, true, i5); t4 && t4 !== this._$AB; ) {
+      const i6 = t4.nextSibling;
+      t4.remove(), t4 = i6;
+    }
+  }
+  setConnected(t4) {
+    void 0 === this._$AM && (this._$Cv = t4, this._$AP?.(t4));
+  }
+};
+var k = class {
+  get tagName() {
+    return this.element.tagName;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  constructor(t4, i5, s3, e5, h3) {
+    this.type = 1, this._$AH = E, this._$AN = void 0, this.element = t4, this.name = i5, this._$AM = e5, this.options = h3, s3.length > 2 || "" !== s3[0] || "" !== s3[1] ? (this._$AH = Array(s3.length - 1).fill(new String()), this.strings = s3) : this._$AH = E;
+  }
+  _$AI(t4, i5 = this, s3, e5) {
+    const h3 = this.strings;
+    let o5 = false;
+    if (void 0 === h3) t4 = S2(this, t4, i5, 0), o5 = !c3(t4) || t4 !== this._$AH && t4 !== T, o5 && (this._$AH = t4);
+    else {
+      const e6 = t4;
+      let n5, r7;
+      for (t4 = h3[0], n5 = 0; n5 < h3.length - 1; n5++) r7 = S2(this, e6[s3 + n5], i5, n5), r7 === T && (r7 = this._$AH[n5]), o5 ||= !c3(r7) || r7 !== this._$AH[n5], r7 === E ? t4 = E : t4 !== E && (t4 += (r7 ?? "") + h3[n5 + 1]), this._$AH[n5] = r7;
+    }
+    o5 && !e5 && this.j(t4);
+  }
+  j(t4) {
+    t4 === E ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t4 ?? "");
+  }
+};
+var H = class extends k {
+  constructor() {
+    super(...arguments), this.type = 3;
+  }
+  j(t4) {
+    this.element[this.name] = t4 === E ? void 0 : t4;
+  }
+};
+var I = class extends k {
+  constructor() {
+    super(...arguments), this.type = 4;
+  }
+  j(t4) {
+    this.element.toggleAttribute(this.name, !!t4 && t4 !== E);
+  }
+};
+var L = class extends k {
+  constructor(t4, i5, s3, e5, h3) {
+    super(t4, i5, s3, e5, h3), this.type = 5;
+  }
+  _$AI(t4, i5 = this) {
+    if ((t4 = S2(this, t4, i5, 0) ?? E) === T) return;
+    const s3 = this._$AH, e5 = t4 === E && s3 !== E || t4.capture !== s3.capture || t4.once !== s3.once || t4.passive !== s3.passive, h3 = t4 !== E && (s3 === E || e5);
+    e5 && this.element.removeEventListener(this.name, this, s3), h3 && this.element.addEventListener(this.name, this, t4), this._$AH = t4;
+  }
+  handleEvent(t4) {
+    "function" == typeof this._$AH ? this._$AH.call(this.options?.host ?? this.element, t4) : this._$AH.handleEvent(t4);
+  }
+};
+var z = class {
+  constructor(t4, i5, s3) {
+    this.element = t4, this.type = 6, this._$AN = void 0, this._$AM = i5, this.options = s3;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(t4) {
+    S2(this, t4);
+  }
+};
+var j = t2.litHtmlPolyfillSupport;
+j?.(N, R), (t2.litHtmlVersions ??= []).push("3.2.1");
+var B = (t4, i5, s3) => {
+  const e5 = s3?.renderBefore ?? i5;
+  let h3 = e5._$litPart$;
+  if (void 0 === h3) {
+    const t5 = s3?.renderBefore ?? null;
+    e5._$litPart$ = h3 = new R(i5.insertBefore(l2(), t5), t5, void 0, s3 ?? {});
+  }
+  return h3._$AI(t4), h3;
+};
+
+// node_modules/lit-element/lit-element.js
+var r4 = class extends b {
+  constructor() {
+    super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
+  }
+  createRenderRoot() {
+    const t4 = super.createRenderRoot();
+    return this.renderOptions.renderBefore ??= t4.firstChild, t4;
+  }
+  update(t4) {
+    const s3 = this.render();
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t4), this._$Do = B(s3, this.renderRoot, this.renderOptions);
+  }
+  connectedCallback() {
+    super.connectedCallback(), this._$Do?.setConnected(true);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this._$Do?.setConnected(false);
+  }
+  render() {
+    return T;
+  }
+};
+r4._$litElement$ = true, r4["finalized"] = true, globalThis.litElementHydrateSupport?.({ LitElement: r4 });
+var i4 = globalThis.litElementPolyfillSupport;
+i4?.({ LitElement: r4 });
+(globalThis.litElementVersions ??= []).push("4.1.1");
+
+// node_modules/@lit/reactive-element/decorators/custom-element.js
+var t3 = (t4) => (e5, o5) => {
+  void 0 !== o5 ? o5.addInitializer(() => {
+    customElements.define(t4, e5);
+  }) : customElements.define(t4, e5);
+};
+
+// node_modules/@lit/reactive-element/decorators/property.js
+var o4 = { attribute: true, type: String, converter: u, reflect: false, hasChanged: f };
+var r5 = (t4 = o4, e5, r7) => {
+  const { kind: n5, metadata: i5 } = r7;
+  let s3 = globalThis.litPropertyMetadata.get(i5);
+  if (void 0 === s3 && globalThis.litPropertyMetadata.set(i5, s3 = /* @__PURE__ */ new Map()), s3.set(r7.name, t4), "accessor" === n5) {
+    const { name: o5 } = r7;
+    return { set(r8) {
+      const n6 = e5.get.call(this);
+      e5.set.call(this, r8), this.requestUpdate(o5, n6, t4);
+    }, init(e6) {
+      return void 0 !== e6 && this.P(o5, void 0, t4), e6;
+    } };
+  }
+  if ("setter" === n5) {
+    const { name: o5 } = r7;
+    return function(r8) {
+      const n6 = this[o5];
+      e5.call(this, r8), this.requestUpdate(o5, n6, t4);
+    };
+  }
+  throw Error("Unsupported decorator location: " + n5);
+};
+function n4(t4) {
+  return (e5, o5) => "object" == typeof o5 ? r5(t4, e5, o5) : ((t5, e6, o6) => {
+    const r7 = e6.hasOwnProperty(o6);
+    return e6.constructor.createProperty(o6, r7 ? { ...t5, wrapped: true } : t5), r7 ? Object.getOwnPropertyDescriptor(e6, o6) : void 0;
+  })(t4, e5, o5);
+}
+
+// node_modules/@lit/reactive-element/decorators/state.js
+function r6(r7) {
+  return n4({ ...r7, state: true, attribute: false });
+}
+
+// dist/utils.js
+function getLanguageName(languageCode) {
+  const userLocale = navigator.language || "en";
+  const displayNames = new Intl.DisplayNames([userLocale], {
+    type: "language"
+  });
+  const languageName = displayNames.of(languageCode);
+  return languageName || languageCode;
+}
+async function requestMicAccess() {
+  try {
+    if (!navigator.permissions) {
+      const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
+      stream.getTracks().forEach((track) => track.stop());
+      return;
+    }
+    const permissionStatus = await navigator.permissions.query({
+      // eslint-disable-next-line no-undef
+      name: "microphone"
+    });
+    if (permissionStatus.state === "prompt") {
+      const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
+      stream.getTracks().forEach((track) => track.stop());
+    } else if (permissionStatus.state === "denied") {
+      console.warn("Microphone permission is denied.");
+    }
+  } catch (error) {
+    console.error("Error checking/requesting microphone permission:", error);
+  }
+}
+async function getAudioDevices() {
+  if (!navigator.mediaDevices?.enumerateDevices) {
+    console.error("Media devices API not supported.");
+    return { devices: [] };
+  }
+  await requestMicAccess();
+  try {
+    const devices = await navigator.mediaDevices.enumerateDevices();
+    const audioDevices = devices.filter((device) => device.kind === "audioinput");
+    const defaultDeviceId = audioDevices.length > 0 ? audioDevices[0].deviceId : void 0;
+    return { devices: audioDevices, defaultDeviceId };
+  } catch (error) {
+    console.error("Error enumerating devices:", error);
+    return { devices: [] };
+  }
+}
+function decodeToken(token) {
+  const parts = token.split(".");
+  if (parts.length < 2) {
+    throw new Error("Invalid token format: expected header.payload.signature");
+  }
+  const base64Url = parts[1];
+  const base64 = base64Url.replace(/-/g, "+").replace(/_/g, "/");
+  console.log("Decoded base64:", base64);
+  let jsonPayload;
+  try {
+    jsonPayload = decodeURIComponent(atob(base64).split("").map((c4) => "%" + ("00" + c4.charCodeAt(0).toString(16)).slice(-2)).join(""));
+  } catch (error) {
+    throw new Error("Failed to decode token payload");
+  }
+  console.log("Decoded payload:", jsonPayload);
+  let tokenDetails;
+  try {
+    tokenDetails = JSON.parse(jsonPayload);
+  } catch (error) {
+    throw new Error("Invalid JSON payload in token");
+  }
+  const issuerUrl = tokenDetails.iss;
+  if (!issuerUrl) {
+    throw new Error("Token payload does not contain an issuer (iss) field");
+  }
+  const regex = /^https:\/\/(keycloak|auth)\.([^.]+)\.corti\.app\/realms\/([^/]+)/;
+  const match = issuerUrl.match(regex);
+  console.log("Matched URL pattern:", match);
+  if (match) {
+    console.log("Matched URL pattern:", match);
+    return {
+      environment: match[2],
+      tenant: match[3],
+      token
+    };
+  }
+}
+
+// dist/audioService.js
+var AudioService = class {
+  constructor(mediaStream) {
+    this.audioContext = new AudioContext();
+    const source = this.audioContext.createMediaStreamSource(mediaStream);
+    this.analyser = this.audioContext.createAnalyser();
+    this.analyser.fftSize = 8192;
+    source.connect(this.analyser);
+  }
+  getAudioLevel() {
+    const bufferLength = this.analyser.fftSize;
+    const dataArray = new Uint8Array(bufferLength);
+    this.analyser.getByteTimeDomainData(dataArray);
+    let sum = 0;
+    for (let i5 = 0; i5 < bufferLength; i5 += 1) {
+      const normalized = (dataArray[i5] - 128) / 128;
+      sum += normalized * normalized;
+    }
+    return Math.sqrt(sum / bufferLength);
+  }
+};
+
+// dist/DictationService.js
+var DictationService = class extends EventTarget {
+  constructor(mediaStream, { dictationConfig, authToken }) {
+    super();
+    this.mediaRecorder = new MediaRecorder(mediaStream);
+    this.authToken = authToken;
+    this.dictationConfig = dictationConfig;
+    this.mediaRecorder.ondataavailable = (event) => {
+      if (this.webSocket?.readyState === WebSocket.OPEN) {
+        this.webSocket.send(event.data);
+      }
+    };
+  }
+  startRecording() {
+    const serverConfig = decodeToken(this.authToken);
+    if (!serverConfig) {
+      this.dispatchEvent(new CustomEvent("error", {
+        detail: "Invalid token",
+        bubbles: true,
+        composed: true
+      }));
+      return;
+    }
+    console.log("serverConfig:", serverConfig);
+    const url = `wss://api.${serverConfig.environment}.corti.app/audio-bridge/v2/transcribe?tenant-name=${serverConfig.tenant}&token=Bearer%20${this.authToken}`;
+    this.webSocket = new WebSocket(url);
+    this.webSocket.onopen = () => {
+      this.webSocket.send(JSON.stringify({
+        type: "config",
+        configuration: this.dictationConfig
+      }));
+    };
+    this.webSocket.onmessage = (event) => {
+      const message = JSON.parse(event.data);
+      if (message.type === "config") {
+        this.mediaRecorder.start(250);
+      } else if (message.type === "transcript") {
+        this.dispatchEvent(new CustomEvent("transcript", {
+          detail: message,
+          bubbles: true,
+          composed: true
+        }));
+      }
+    };
+    this.webSocket.onerror = (event) => {
+      this.dispatchEvent(new CustomEvent("error", {
+        detail: event,
+        bubbles: true,
+        composed: true
+      }));
+    };
+    this.webSocket.onclose = (event) => {
+      this.dispatchEvent(new CustomEvent("stream-closed", {
+        detail: event,
+        bubbles: true,
+        composed: true
+      }));
+    };
+  }
+  async stopRecording() {
+    this.mediaRecorder.stop();
+    if (this.webSocket?.readyState === WebSocket.OPEN) {
+      this.webSocket.send(JSON.stringify({
+        type: "end"
+      }));
+    }
+    const timeOut = setTimeout(() => {
+      if (this.webSocket?.readyState === WebSocket.OPEN) {
+        this.webSocket.close();
+      }
+    }, 1e4);
+    this.webSocket.onclose = () => {
+      this.webSocket?.close();
+      clearTimeout(timeOut);
+    };
+  }
+};
+
+// dist/RecorderManager.js
+var RecorderManager = class extends EventTarget {
+  constructor() {
+    super(...arguments);
+    this.devices = [];
+    this.selectedDevice = "";
+    this.recordingState = "stopped";
+    this._mediaStream = null;
+    this._audioService = null;
+    this._dictationService = null;
+  }
+  async initialize() {
+    const deviceResponse = await getAudioDevices();
+    this.devices = deviceResponse.devices;
+    this.selectedDevice = deviceResponse.defaultDeviceId || "";
+    return deviceResponse;
+  }
+  async startRecording(params) {
+    this._updateRecordingState("initializing");
+    try {
+      this._mediaStream = await navigator.mediaDevices.getUserMedia({
+        audio: { deviceId: this.selectedDevice }
+      });
+      this._audioService = new AudioService(this._mediaStream);
+      this._dictationService = new DictationService(this._mediaStream, params);
+      this._dictationService.addEventListener("error", (e5) => this.dispatchEvent(new CustomEvent("error", {
+        detail: e5.detail,
+        bubbles: true,
+        composed: true
+      })));
+      this._dictationService.addEventListener("stream-closed", () => this.stopRecording());
+      this._dictationService.addEventListener("transcript", (e5) => this.dispatchEvent(new CustomEvent("transcript", {
+        detail: e5.detail,
+        bubbles: true,
+        composed: true
+      })));
+    } catch (error) {
+      this.dispatchEvent(new CustomEvent("error", {
+        detail: error,
+        bubbles: true,
+        composed: true
+      }));
+      this._updateRecordingState("stopped");
+      return;
+    }
+    this._dictationService?.startRecording();
+    this._updateRecordingState("recording");
+    this._visualiserInterval = window.setInterval(() => {
+      const level = this._audioService ? this._audioService.getAudioLevel() * 3 : 0;
+      this.dispatchEvent(new CustomEvent("audio-level-changed", {
+        detail: { audioLevel: level },
+        bubbles: true,
+        composed: true
+      }));
+    }, 150);
+  }
+  async stopRecording() {
+    this._updateRecordingState("stopping");
+    if (this._visualiserInterval) {
+      clearInterval(this._visualiserInterval);
+      this._visualiserInterval = void 0;
+    }
+    if (this._mediaStream) {
+      this._mediaStream.getTracks().forEach((track) => track.stop());
+      this._mediaStream = null;
+    }
+    await this._dictationService?.stopRecording();
+    this._updateRecordingState("stopped");
+  }
+  _updateRecordingState(state) {
+    this.recordingState = state;
+    this.dispatchEvent(new CustomEvent("recording-state-changed", {
+      detail: { state },
+      bubbles: true,
+      composed: true
+    }));
+  }
+};
+
+// dist/styles/buttons.js
+var ButtonStyles = i`
+  /* Default (plain) button styling */
+  button,
+  .button {
+    background: var(--action-plain-background);
+    /* border: 1px solid var(--action-plain-border-color); */
+    border: none;
+    color: var(--component-text-color);
+    cursor: pointer;
+    padding: 8px;
+    border-radius: var(--card-inner-border-radius);
+    display: inline-flex;
+    gap: 4px;
+    align-items: center;
+    justify-content: center;
+    transition: background 0.3s ease;
+    font-family: var(--component-font-family);
+  }
+
+  button:hover,
+  .button:hover {
+    background: var(--action-plain-background-hover);
+  }
+
+  button:focus-visible {
+    outline: 2px solid var(--action-accent-background);
+    outline-offset: 2px;
+  }
+
+  /* Accent variant */
+  button.accent,
+  .button.accent {
+    background: var(--action-accent-background);
+    color: var(--action-accent-text-color);
+    border: none;
+  }
+
+  button.accent:hover,
+  .button.accent:hover {
+    background: var(--action-accent-background-hover);
+  }
+
+  /* Accent variant */
+  button.red,
+  .button.red {
+    background: var(--action-red-background);
+    color: var(--action-red-text-color);
+    border: none;
+  }
+
+  button.red:hover,
+  .button.red:hover {
+    background: var(--action-red-background-hover);
+  }
+`;
+var buttons_default = ButtonStyles;
+
+// dist/styles/select.js
+var SelectStyles = i`
+  label {
+    display: block;
+    font-size: 0.8rem;
+    padding-bottom: 0.5rem;
+    font-weight: 500;
+    color: var(--component-text-color);
+    pointer-events: none;
+  }
+  select {
+    background: var(--card-background);
+    color: var(--component-text-color);
+    border: 1px solid var(--card-border-color);
+    padding: var(--card-padding);
+    border-radius: var(--card-inner-border-radius);
+    outline: none;
+    width: 100%;
+  }
+
+  select:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  select:hover {
+    background: var(--action-plain-background-hover);
+  }
+
+  select:focus-visible {
+    outline: 2px solid var(--action-accent-background);
+    /* outline-offset: 2px; */
+  }
+`;
+var select_default = SelectStyles;
+
+// dist/constants.js
+var LANGUAGES_SUPPORTED = ["en", "da"];
+var DEFAULT_DICTATION_CONFIG = {
+  primaryLanguage: "en",
+  interimResults: true,
+  spokenPunctuation: true,
+  automaticPunctuation: true,
+  model: "others"
+};
+
+// dist/styles/callout.js
+var CalloutStyles = i`
+  .callout {
+    background: var(--callout-accent-background);
+    border: 1px solid var(--callout-accent-border);
+    color: var(--callout-accent-text);
+    padding: 8px;
+    border-radius: var(--card-inner-border-radius);
+    display: flex;
+    font-size: 0.9rem;
+    gap: 8px;
+    align-items: flex-start;
+    &.red {
+      background: var(--callout-red-background);
+      border: 1px solid var(--callout-red-border);
+      color: var(--callout-red-text);
+    }
+    &.orange {
+      background: var(--callout-orange-background);
+      border: 1px solid var(--callout-orange-border);
+      color: var(--callout-orange-text);
+    }
+  }
+`;
+var callout_default = CalloutStyles;
+
+// dist/components/settings-menu.js
+var SettingsMenu = class SettingsMenu2 extends r4 {
+  constructor() {
+    super(...arguments);
+    this.devices = [];
+    this.selectedDevice = "";
+    this.selectedLanguage = "";
+    this.settingsDisabled = false;
+  }
+  _selectDevice(deviceId) {
+    this.selectedDevice = deviceId;
+    const device = this.devices.find((d3) => d3.deviceId === deviceId);
+    this.dispatchEvent(new CustomEvent("recording-device-changed", {
+      detail: device,
+      bubbles: true,
+      composed: true
+    }));
+  }
+  render() {
+    return x`
+      <div class="mic-selector">
+        <button id="settings-popover-button" popovertarget="settings-popover">
+          <icon-settings></icon-settings>
+        </button>
+        <div id="settings-popover" popover>
+          <div class="settings-wrapper">
+            ${this.settingsDisabled ? x`
+                  <div class="callout orange">
+                    Recording is in progress. Stop recording to change settings.
+                  </div>
+                ` : ""}
+            <div class="form-group">
+              <label id="device-select-label" for="device-select">
+                Recording Device
+              </label>
+              <select
+                id="device-select"
+                aria-labelledby="device-select-label"
+                @change=${(e5) => {
+      this._selectDevice(e5.target.value);
+    }}
+                ?disabled=${this.settingsDisabled}
+              >
+                ${this.devices.map((device) => x`
+                    <option
+                      value=${device.deviceId}
+                      ?selected=${this.selectedDevice === device.deviceId}
+                    >
+                      ${device.label || "Unknown Device"}
+                    </option>
+                  `)}
+              </select>
+            </div>
+            <div class="form-group">
+              <label id="language-select-label" for="language-select">
+                Dictation Language
+              </label>
+              <select
+                id="language-select"
+                aria-labelledby="language-select-label"
+                @change=${(e5) => {
+      this._selectDevice(e5.target.value);
+    }}
+                ?disabled=${this.settingsDisabled}
+              >
+                ${LANGUAGES_SUPPORTED.map((language) => x`
+                    <option
+                      value=${language}
+                      ?selected=${this.selectedLanguage === language}
+                    >
+                      ${getLanguageName(language)}
+                    </option>
+                  `)}
+              </select>
+            </div>
+          </div>
+        </div>
+      </div>
+    `;
+  }
+};
+SettingsMenu.styles = [
+  i`
+      :host {
+        display: block;
+        font-family: var(--component-font-family);
+      }
+      /* Retain the anchor-name styling for this component */
+      #settings-popover-button {
+        anchor-name: --settings_popover_btn;
+      }
+      [popover] {
+        margin: 0;
+        padding: 16px;
+        border: 0;
+        background: var(--card-background);
+        border: 1px solid var(--card-border-color);
+        border-radius: var(--card-border-radius);
+        box-shadow: var(--card-box-shadow);
+        z-index: 1000;
+        max-width: 260px;
+        width: 100%;
+        min-width: 200px;
+        position-anchor: --settings_popover_btn;
+        position-area: bottom;
+        position-visibility: always;
+        /* inset: unset; */
+        transform: translateX(40%);
+        overflow-x: hidden;
+      }
+      .settings-wrapper {
+        display: flex;
+        flex-direction: column;
+        gap: 20px;
+      }
+    `,
+  buttons_default,
+  select_default,
+  callout_default
+];
+__decorate([
+  n4({ type: Array })
+], SettingsMenu.prototype, "devices", void 0);
+__decorate([
+  n4({ type: String })
+], SettingsMenu.prototype, "selectedDevice", void 0);
+__decorate([
+  n4({ type: String })
+], SettingsMenu.prototype, "selectedLanguage", void 0);
+__decorate([
+  n4({ type: Boolean })
+], SettingsMenu.prototype, "settingsDisabled", void 0);
+SettingsMenu = __decorate([
+  t3("settings-menu")
+], SettingsMenu);
+
+// dist/components/audio-visualiser.js
+var AudioVisualiser = class AudioVisualiser2 extends r4 {
+  constructor() {
+    super(...arguments);
+    this.level = 0;
+    this.active = true;
+  }
+  render() {
+    const activeSegments = Math.round(this.level * 5);
+    const segments = [];
+    for (let i5 = 0; i5 < 5; i5 += 1) {
+      segments.push(x`
+        <div class="segment ${i5 < activeSegments ? "active" : ""}"></div>
+      `);
+    }
+    return x`
+      <div class="container ${this.active ? "active" : ""}">${segments}</div>
+    `;
+  }
+};
+AudioVisualiser.styles = i`
+    :host {
+      height: 100%;
+    }
+    .container {
+      display: flex;
+      width: 8px;
+      flex-direction: column-reverse; /* Bottom-up stacking */
+      height: 100%;
+      gap: 1px;
+      opacity: 0.5;
+      &.active {
+        opacity: 1;
+      }
+    }
+    .segment {
+      flex: 1;
+      background-color: var(--action-accent-text-color);
+      transition: background-color 0.25s;
+      border-radius: 1px;
+      opacity: 0.5;
+    }
+    .segment.active {
+      opacity: 1;
+    }
+  `;
+__decorate([
+  n4({ type: Number })
+], AudioVisualiser.prototype, "level", void 0);
+__decorate([
+  n4({ type: Boolean })
+], AudioVisualiser.prototype, "active", void 0);
+AudioVisualiser = __decorate([
+  t3("audio-visualiser")
+], AudioVisualiser);
+
+// dist/icons/icons.js
+var IconMicOn = class IconMicOn2 extends r4 {
+  render() {
+    return x`
+      <div style="display: flex">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          width="20"
+          height="20"
+          viewBox="0 0 24 24"
+          fill="none"
+          stroke="currentColor"
+          stroke-width="2"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          class="lucide lucide-mic"
+        >
+          <path d="M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z" />
+          <path d="M19 10v2a7 7 0 0 1-14 0v-2" />
+          <line x1="12" x2="12" y1="19" y2="22" />
+        </svg>
+      </div>
+    `;
+  }
+};
+IconMicOn = __decorate([
+  t3("icon-mic-on")
+], IconMicOn);
+var IconMicOff = class IconMicOff2 extends r4 {
+  render() {
+    return x` <div style="display: flex">
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="20"
+        height="20"
+        viewBox="0 0 24 24"
+        fill="none"
+        stroke="currentColor"
+        stroke-width="2"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        class="lucide lucide-mic-off"
+      >
+        <line x1="2" x2="22" y1="2" y2="22" />
+        <path d="M18.89 13.23A7.12 7.12 0 0 0 19 12v-2" />
+        <path d="M5 10v2a7 7 0 0 0 12 5" />
+        <path d="M15 9.34V5a3 3 0 0 0-5.68-1.33" />
+        <path d="M9 9v3a3 3 0 0 0 5.12 2.12" />
+        <line x1="12" x2="12" y1="19" y2="22" />
+      </svg>
+    </div>`;
+  }
+};
+IconMicOff = __decorate([
+  t3("icon-mic-off")
+], IconMicOff);
+var IconRecording = class IconRecording2 extends r4 {
+  render() {
+    return x`
+      <div style="display: flex;">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          width="20"
+          height="20"
+          viewBox="0 0 24 24"
+          fill="none"
+          stroke="currentColor"
+          stroke-width="2"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          class="lucide lucide-circle-stop"
+        >
+          <circle cx="12" cy="12" r="10" />
+          <rect x="9" y="9" width="6" height="6" rx="1" fill="currentColor" />
+        </svg>
+      </div>
+    `;
+  }
+};
+IconRecording = __decorate([
+  t3("icon-recording")
+], IconRecording);
+var IconSettings = class IconSettings2 extends r4 {
+  render() {
+    return x`<div style="display: flex">
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="20"
+        height="20"
+        viewBox="0 0 24 24"
+        fill="none"
+        stroke="currentColor"
+        stroke-width="2"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        class="lucide lucide-settings-2"
+      >
+        <path d="M20 7h-9" />
+        <path d="M14 17H5" />
+        <circle cx="17" cy="17" r="3" />
+        <circle cx="7" cy="7" r="3" />
+      </svg>
+    </div>`;
+  }
+};
+IconSettings = __decorate([
+  t3("icon-settings")
+], IconSettings);
+var IconLoadingSpinner = class IconLoadingSpinner2 extends r4 {
+  render() {
+    return x`<div style="display: flex">
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="20"
+        height="20"
+        viewBox="0 0 24 24"
+        fill="none"
+        stroke="currentColor"
+        stroke-width="2"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        class="lucide lucide-loader-circle spin"
+      >
+        <path d="M21 12a9 9 0 1 1-6.219-8.56" />
+      </svg>
+    </div>`;
+  }
+};
+IconLoadingSpinner.styles = i`
+    @keyframes spin {
+      0% {
+        transform: rotate(0deg);
+      }
+      100% {
+        transform: rotate(360deg);
+      }
+    }
+    .spin {
+      animation: spin 1s linear infinite;
+    }
+  `;
+IconLoadingSpinner = __decorate([
+  t3("icon-loading-spinner")
+], IconLoadingSpinner);
+
+// dist/styles/theme.js
+var ThemeStyles = i`
+  :host {
+    /* Component Defaults */
+    --component-font-family: 'Segoe UI', Roboto, sans-serif;
+    --component-text-color: #333;
+
+    /* Card Defaults */
+    --card-background: #fff;
+    --card-border-color: #ddd;
+    --card-padding: 4px;
+    --card-border-radius: 8px;
+    --card-inner-border-radius: 6px;
+    --card-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+
+    /* Actions Defaults */
+    --action-plain-border-color: #ccc;
+    --action-plain-background-hover: #ddd;
+
+    --action-accent-background: #007bff;
+    --action-accent-background-hover: #0056b3;
+    --action-accent-text-color: #fff;
+
+    --action-red-background: #dc3545;
+    --action-red-background-hover: #bd2130;
+    --action-red-text-color: #fff;
+
+    /* Callout Defaults */
+    --callout-accent-background: #007bff33;
+    --callout-accent-border: #007bff99;
+    --callout-accent-text: #007bff;
+
+    --callout-red-background: #dc354533;
+    --callout-red-border: #dc354599;
+    --callout-red-text: #dc3545;
+
+    --callout-orange-background: #fd7e1433;
+    --callout-orange-border: #fd7e1499;
+    --callout-orange-text: #fd7e14;
+
+    /* Visualiser Defaults */
+    --visualiser-background: #e0e0e0;
+    --visualiser-level-color: #28a745;
+  }
+
+  @media (prefers-color-scheme: dark) {
+    :host {
+      /* Component Dark */
+      --component-text-color: #eee;
+
+      /* Card Dark */
+      --card-background: #333;
+      --card-border-color: #555;
+
+      /* Actions Dark */
+      --action-plain-border-color: #555;
+      --action-plain-background: #333;
+      --action-plain-background-hover: #444;
+
+      --action-accent-background: #0056b3;
+      --action-accent-background-hover: #003d80;
+
+      /* Visualiser Dark */
+      --visualiser-background: #fff;
+    }
+  }
+  :host {
+    box-sizing: border-box;
+    font-family: var(--component-font-family);
+    color: var(--component-text-color);
+  }
+`;
+var theme_default = ThemeStyles;
+
+// dist/styles/ComponentStyles.js
+var ComponentStyles = i`
+  .wrapper {
+    background-color: var(--card-background);
+    border: 1px solid var(--card-border-color);
+    border-radius: var(--card-border-radius);
+    box-shadow: var(--card-box-shadow);
+    padding: var(--card-padding);
+    display: flex;
+    width: min-content;
+    gap: 4px;
+    height: 46px;
+    box-sizing: border-box;
+    overflow: hidden;
+  }
+  h2 {
+    margin: 0 0 10px;
+    font-size: 1rem;
+    font-weight: 500;
+  }
+  label {
+    font-size: 0.9rem;
+    margin-right: 8px;
+  }
+  select {
+    padding: 4px 6px;
+    font-size: 0.9rem;
+    border: 1px solid var(--card-border-color);
+    border-radius: 4px;
+    background-color: var(--card-background);
+    color: inherit;
+  }
+
+  .visualiser {
+    width: 16px;
+    height: 100%;
+    background: var(--visualiser-background);
+    margin-top: 8px;
+    border-radius: 5px;
+    overflow: hidden;
+    display: flex;
+    align-items: flex-end;
+  }
+  .level {
+    height: 100%;
+    width: 100%;
+    background: var(--visualiser-level-color);
+    transition: width 0.1s ease-in-out;
+  }
+`;
+var ComponentStyles_default = ComponentStyles;
+
+// dist/CortiDictation.js
+var CortiDictation = class extends r4 {
+  constructor() {
+    super(...arguments);
+    this.devices = [];
+    this.recordingState = "stopped";
+    this.dictationConfig = DEFAULT_DICTATION_CONFIG;
+    this._audioLevel = 0;
+    this.recorderManager = new RecorderManager();
+  }
+  async connectedCallback() {
+    super.connectedCallback();
+    await this.recorderManager.initialize();
+    this.devices = this.recorderManager.devices;
+    const eventHandlers = {
+      "recording-state-changed": (e5) => {
+        this.recordingState = e5.detail.state;
+      },
+      "audio-level-changed": (e5) => {
+        this._audioLevel = e5.detail.audioLevel;
+        this.requestUpdate();
+      }
+    };
+    const eventsToRelay = [
+      "recording-state-changed",
+      "audio-level-changed",
+      "error",
+      "transcript"
+    ];
+    eventsToRelay.forEach((eventName) => {
+      this.recorderManager.addEventListener(eventName, (e5) => {
+        const customEvent = e5;
+        if (eventHandlers[eventName]) {
+          eventHandlers[eventName](customEvent);
+        }
+        this.dispatchEvent(new CustomEvent(eventName, {
+          detail: customEvent.detail,
+          bubbles: true,
+          composed: true
+        }));
+      });
+    });
+  }
+  toggleRecording() {
+    this._toggleRecording();
+  }
+  _toggleRecording() {
+    if (!this.authToken)
+      return;
+    if (this.recordingState === "recording") {
+      this.recorderManager.stopRecording();
+    } else if (this.recordingState === "stopped") {
+      this.recorderManager.startRecording({
+        dictationConfig: this.dictationConfig,
+        authToken: this.authToken
+      });
+    }
+  }
+  // Handle device change events if needed
+  async _onRecordingDeviceChanged(event) {
+    const customEvent = event;
+    if (!this.authToken)
+      return;
+    this.recorderManager.selectedDevice = customEvent.detail.deviceId;
+    if (this.recordingState === "recording") {
+      await this.recorderManager.stopRecording();
+      await this.recorderManager.startRecording({
+        dictationConfig: this.dictationConfig,
+        authToken: this.authToken
+      });
+    }
+  }
+  render() {
+    const isConfigured = this.authToken;
+    if (!isConfigured) {
+      return x`
+        <div class="wrapper">
+          <div class="callout red tiny">
+            Please configure the server settings in the parent component.
+          </div>
+        </div>
+      `;
+    }
+    const isLoading = this.recordingState === "initializing" || this.recordingState === "stopping";
+    const isRecording = this.recordingState === "recording";
+    return x`
+      <div class="wrapper">
+        <button
+          @click=${this._toggleRecording}
+          class=${isRecording ? "red" : "accent"}
+        >
+          ${isLoading ? x`<icon-loading-spinner></icon-loading-spinner>` : isRecording ? x`<icon-recording></icon-recording>` : x`<icon-mic-on></icon-mic-on>`}
+          <audio-visualiser
+            .level=${this._audioLevel}
+            .active=${isRecording}
+          ></audio-visualiser>
+        </button>
+
+        <settings-menu
+          .devices=${this.devices}
+          .selectedDevice=${this.recorderManager.selectedDevice}
+          ?settingsDisabled=${this.recordingState !== "stopped"}
+          @recording-device-changed=${this._onRecordingDeviceChanged}
+        ></settings-menu>
+      </div>
+    `;
+  }
+};
+CortiDictation.styles = [buttons_default, theme_default, ComponentStyles_default, callout_default];
+__decorate([
+  n4({ type: Array })
+], CortiDictation.prototype, "devices", void 0);
+__decorate([
+  n4({ type: String, reflect: true })
+], CortiDictation.prototype, "recordingState", void 0);
+__decorate([
+  n4({ type: Object })
+], CortiDictation.prototype, "dictationConfig", void 0);
+__decorate([
+  n4({ type: String })
+], CortiDictation.prototype, "authToken", void 0);
+__decorate([
+  r6()
+], CortiDictation.prototype, "_audioLevel", void 0);
+var CortiDictation_default = CortiDictation;
+
+// dist/index.js
+if (!customElements.get("corti-dictation")) {
+  customElements.define("corti-dictation", CortiDictation_default);
+}
+var index_default = CortiDictation_default;
+export {
+  index_default as default
+};
+/*! Bundled license information:
+
+@lit/reactive-element/css-tag.js:
+  (**
+   * @license
+   * Copyright 2019 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/reactive-element.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/lit-html.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-element/lit-element.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/is-server.js:
+  (**
+   * @license
+   * Copyright 2022 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/custom-element.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/property.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/state.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/event-options.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/base.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query-all.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query-async.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query-assigned-elements.js:
+  (**
+   * @license
+   * Copyright 2021 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query-assigned-nodes.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/