@nylas/web-elements 0.0.0-canary-20241008193213 → 0.0.0-canary-20241017103834

package/dist/cdn/nylas-confirmation-email/nylas-confirmation-email.es.js

@@ -87,8 +87,8 @@ const Ge = {
   // TODO(STENCIL-914): remove this option when `experimentalSlotFixes` is the default behavior
   experimentalSlotFixes: !1
 };
-let at, Xn, St, As = !1, an = !1, Ar = !1, ge = !1, ai = null, er = !1;
-const Xe = (n, e = "") => () => {
+let ut, Xn, St, As = !1, an = !1, Ar = !1, ge = !1, ai = null, er = !1;
+const et = (n, e = "") => () => {
 }, xm = "slot-fb{display:contents}slot-fb[hidden]{display:none}", ui = "http://www.w3.org/1999/xlink", li = {}, vm = "http://www.w3.org/2000/svg", wm = "http://www.w3.org/1999/xhtml", km = (n) => n != null, Ir = (n) => (n = typeof n, n === "object" || n === "function");
 function Em(n) {
   var e, t, r;
@@ -137,7 +137,7 @@ const S = (n, e, ...t) => {
   }
   const e = un(n.vtag, n.vtext);
   return e.$attrs$ = n.vattrs, e.$children$ = n.vchildren, e.$key$ = n.vkey, e.$name$ = n.vname, e;
-}, Cm = (n) => eg.map((e) => e(n)).find((e) => !!e), Bm = (n, e) => n != null && !Ir(n) ? e & 4 ? n === "false" ? !1 : n === "" || !!n : e & 2 ? parseFloat(n) : e & 1 ? String(n) : n : n, nn = (n) => n, ct = (n, e, t) => {
+}, Cm = (n) => eg.map((e) => e(n)).find((e) => !!e), Bm = (n, e) => n != null && !Ir(n) ? e & 4 ? n === "false" ? !1 : n === "" || !!n : e & 2 ? parseFloat(n) : e & 1 ? String(n) : n : n, nn = (n) => n, Xe = (n, e, t) => {
   const r = nn(n);
   return {
     emit: (i) => Am(r, e, {
@@ -171,7 +171,7 @@ const S = (n, e, ...t) => {
     } else n.adoptedStyleSheets.includes(s) || (n.adoptedStyleSheets = [...n.adoptedStyleSheets, s]);
   return i;
 }, Dm = (n) => {
-  const e = n.$cmpMeta$, t = n.$hostElement$, r = e.$flags$, i = Xe("attachStyles", e.$tagName$), s = Mm(t.shadowRoot ? t.shadowRoot : t.getRootNode(), e, n.$modeName$);
+  const e = n.$cmpMeta$, t = n.$hostElement$, r = e.$flags$, i = et("attachStyles", e.$tagName$), s = Mm(t.shadowRoot ? t.shadowRoot : t.getRootNode(), e, n.$modeName$);
   r & 10 && (t["s-sc"] = s, t.classList.add(s + "-h"), r & 2 && t.classList.add(s + "-s")), i();
 }, Is = (n, e) => "sc-" + (e && n.$flags$ & 32 ? n.$tagName$ + "-" + e : n.$tagName$), di = (n, e, t, r, i, s) => {
   if (t !== r) {
@@ -217,7 +217,7 @@ const S = (n, e, ...t) => {
 }, ln = (n, e, t, r) => {
   const i = e.$children$[t];
   let s = 0, o, u, a;
-  if (As || (Ar = !0, i.$tag$ === "slot" && (at && r.classList.add(at + "-s"), i.$flags$ |= i.$children$ ? (
+  if (As || (Ar = !0, i.$tag$ === "slot" && (ut && r.classList.add(ut + "-s"), i.$flags$ |= i.$children$ ? (
     // slot element has fallback content
     2
   ) : (
@@ -228,7 +228,7 @@ const S = (n, e, ...t) => {
   else if (i.$flags$ & 1)
     o = i.$elm$ = Ce.createTextNode("");
   else {
-    if (ge || (ge = i.$tag$ === "svg"), o = i.$elm$ = Ce.createElementNS(ge ? vm : wm, i.$flags$ & 2 ? "slot-fb" : i.$tag$), ge && i.$tag$ === "foreignObject" && (ge = !1), Ds(null, i, ge), km(at) && o["s-si"] !== at && o.classList.add(o["s-si"] = at), i.$children$)
+    if (ge || (ge = i.$tag$ === "svg"), o = i.$elm$ = Ce.createElementNS(ge ? vm : wm, i.$flags$ & 2 ? "slot-fb" : i.$tag$), ge && i.$tag$ === "foreignObject" && (ge = !1), Ds(null, i, ge), km(ut) && o["s-si"] !== ut && o.classList.add(o["s-si"] = ut), i.$children$)
       for (s = 0; s < i.$children$.length; ++s)
         u = ln(n, i, s, o), u && o.appendChild(u);
     i.$tag$ === "svg" ? ge = !1 : o.tagName === "foreignObject" && (ge = !0);
@@ -266,23 +266,23 @@ const S = (n, e, ...t) => {
     else if (g == null)
       g = r[--f];
     else if (Ht(c, h, i))
-      ut(c, h, i), c = e[++s], h = r[++o];
+      lt(c, h, i), c = e[++s], h = r[++o];
     else if (Ht(d, g, i))
-      ut(d, g, i), d = e[--l], g = r[--f];
+      lt(d, g, i), d = e[--l], g = r[--f];
     else if (Ht(c, g, i))
-      (c.$tag$ === "slot" || g.$tag$ === "slot") && Ct(c.$elm$.parentNode, !1), ut(c, g, i), n.insertBefore(c.$elm$, d.$elm$.nextSibling), c = e[++s], g = r[--f];
+      (c.$tag$ === "slot" || g.$tag$ === "slot") && Ct(c.$elm$.parentNode, !1), lt(c, g, i), n.insertBefore(c.$elm$, d.$elm$.nextSibling), c = e[++s], g = r[--f];
     else if (Ht(d, h, i))
-      (c.$tag$ === "slot" || g.$tag$ === "slot") && Ct(d.$elm$.parentNode, !1), ut(d, h, i), n.insertBefore(d.$elm$, c.$elm$), d = e[--l], h = r[++o];
+      (c.$tag$ === "slot" || g.$tag$ === "slot") && Ct(d.$elm$.parentNode, !1), lt(d, h, i), n.insertBefore(d.$elm$, c.$elm$), d = e[--l], h = r[++o];
     else {
       for (u = -1, a = s; a <= l; ++a)
         if (e[a] && e[a].$key$ !== null && e[a].$key$ === h.$key$) {
           u = a;
           break;
         }
-      u >= 0 ? (m = e[u], m.$tag$ !== h.$tag$ ? b = ln(e && e[o], t, u, n) : (ut(m, h, i), e[u] = void 0, b = m.$elm$), h = r[++o]) : (b = ln(e && e[o], t, o, n), h = r[++o]), b && Rs(c.$elm$).insertBefore(b, Dr(c.$elm$));
+      u >= 0 ? (m = e[u], m.$tag$ !== h.$tag$ ? b = ln(e && e[o], t, u, n) : (lt(m, h, i), e[u] = void 0, b = m.$elm$), h = r[++o]) : (b = ln(e && e[o], t, o, n), h = r[++o]), b && Rs(c.$elm$).insertBefore(b, Dr(c.$elm$));
     }
   s > l ? Os(n, r[f + 1] == null ? null : r[f + 1].$elm$, t, r, o, f) : o > f && _s(e, s, l);
-}, Ht = (n, e, t = !1) => n.$tag$ === e.$tag$ ? n.$tag$ === "slot" ? n.$name$ === e.$name$ : t ? !0 : n.$key$ === e.$key$ : !1, Dr = (n) => n && n["s-ol"] || n, Rs = (n) => (n["s-ol"] ? n["s-ol"] : n).parentNode, ut = (n, e, t = !1) => {
+}, Ht = (n, e, t = !1) => n.$tag$ === e.$tag$ ? n.$tag$ === "slot" ? n.$name$ === e.$name$ : t ? !0 : n.$key$ === e.$key$ : !1, Dr = (n) => n && n["s-ol"] || n, Rs = (n) => (n["s-ol"] ? n["s-ol"] : n).parentNode, lt = (n, e, t = !1) => {
   const r = e.$elm$ = n.$elm$, i = n.$children$, s = e.$children$, o = e.$tag$, u = e.$text$;
   let a;
   u === null ? (ge = o === "svg" ? !0 : o === "foreignObject" ? !1 : ge, o === "slot" || Ds(n, e, ge), i !== null && s !== null ? Rm(r, i, e, s, t) : s !== null ? (n.$text$ !== null && (r.textContent = ""), Os(r, null, e, s, 0, s.length - 1)) : i !== null && _s(i, 0, i.length - 1), ge && o === "svg" && (ge = !1)) : (a = r["s-cr"]) ? a.parentNode.textContent = u : n.$text$ !== u && (r.data = u);
@@ -338,7 +338,7 @@ const S = (n, e, ...t) => {
   if (St = a.tagName, l.$attrsToReflect$ && (d.$attrs$ = d.$attrs$ || {}, l.$attrsToReflect$.map(([f, h]) => d.$attrs$[h] = a[f])), t && d.$attrs$)
     for (const f of Object.keys(d.$attrs$))
       a.hasAttribute(f) && !["key", "ref", "style", "class"].includes(f) && (d.$attrs$[f] = a[f]);
-  d.$tag$ = null, d.$flags$ |= 4, n.$vnode$ = d, d.$elm$ = c.$elm$ = a.shadowRoot || a, at = a["s-sc"], Xn = a["s-cr"], As = (l.$flags$ & 1) !== 0, an = !1, ut(c, d, t);
+  d.$tag$ = null, d.$flags$ |= 4, n.$vnode$ = d, d.$elm$ = c.$elm$ = a.shadowRoot || a, ut = a["s-sc"], Xn = a["s-cr"], As = (l.$flags$ & 1) !== 0, an = !1, lt(c, d, t);
   {
     if (le.$flags$ |= 1, Ar) {
       Ls(d.$elm$);
@@ -378,13 +378,13 @@ const S = (n, e, ...t) => {
   Xn = void 0;
 }, Lm = (n, e) => {
 }, Fs = (n, e) => (n.$flags$ |= 16, Lm(n, n.$ancestorComponent$), og(() => Pm(n, e))), Pm = (n, e) => {
-  const t = n.$hostElement$, r = Xe("scheduleUpdate", n.$cmpMeta$.$tagName$), i = t;
+  const t = n.$hostElement$, r = et("scheduleUpdate", n.$cmpMeta$.$tagName$), i = t;
   let s;
   return e ? s = ft(i, "componentWillLoad") : s = ft(i, "componentWillUpdate"), s = mi(s, () => ft(i, "componentWillRender")), r(), mi(s, () => Um(n, i, e));
 }, mi = (n, e) => Fm(n) ? n.then(e) : e(), Fm = (n) => n instanceof Promise || n && n.then && typeof n.then == "function", Um = async (n, e, t) => {
-  const r = n.$hostElement$, i = Xe("update", n.$cmpMeta$.$tagName$);
+  const r = n.$hostElement$, i = et("update", n.$cmpMeta$.$tagName$);
   r["s-rc"], t && Dm(n);
-  const s = Xe("render", n.$cmpMeta$.$tagName$);
+  const s = et("render", n.$cmpMeta$.$tagName$);
   jm(n, e, r, t), s(), i(), qm(n);
 }, jm = (n, e, t, r) => {
   try {
@@ -394,7 +394,7 @@ const S = (n, e, ...t) => {
   }
   return ai = null, null;
 }, qm = (n) => {
-  const e = n.$cmpMeta$.$tagName$, t = n.$hostElement$, r = Xe("postUpdate", e), i = t;
+  const e = n.$cmpMeta$.$tagName$, t = n.$hostElement$, r = et("postUpdate", e), i = t;
   n.$ancestorComponent$, ft(i, "componentDidRender"), n.$flags$ & 64 ? (ft(i, "componentDidUpdate"), r()) : (n.$flags$ |= 64, ft(i, "componentDidLoad"), r());
 }, ft = (n, e, t) => {
   if (n && n[e])
@@ -490,7 +490,7 @@ const S = (n, e, ...t) => {
     typeof o != "string" && (o = o[e.$modeName$ = Cm(n)]);
     const u = Is(t, e.$modeName$);
     if (!cn.has(u)) {
-      const a = Xe("registerStyles", t.$tagName$);
+      const a = et("registerStyles", t.$tagName$);
       Im(u, o, !!(t.$flags$ & 1)), a();
     }
   }
@@ -498,7 +498,7 @@ const S = (n, e, ...t) => {
 }, gi = (n) => {
 }, Wm = (n) => {
   if (!(le.$flags$ & 1)) {
-    const e = Lt(n), t = e.$cmpMeta$, r = Xe("connectedCallback", t.$tagName$);
+    const e = Lt(n), t = e.$cmpMeta$, r = et("connectedCallback", t.$tagName$);
     e.$flags$ & 1 ? (Us(n, e, t.$listeners$), e != null && e.$lazyInstance$ ? gi(e.$lazyInstance$) : e != null && e.$onReadyPromise$ && e.$onReadyPromise$.then(() => gi(e.$lazyInstance$))) : (e.$flags$ |= 1, // TODO(STENCIL-854): Remove code related to legacy shadowDomShim field
     t.$flags$ & 12 && Vm(n), t.$members$ && Object.entries(t.$members$).map(([i, [s]]) => {
       if (s & 31 && n.hasOwnProperty(i)) {
@@ -1727,7 +1727,7 @@ var ir = [
 }, Pg = function(n) {
   return ye(n) ? n : [n];
 };
-function rt(n, e, t) {
+function it(n, e, t) {
   t === void 0 && (t = " ");
   var r = String(n);
   return e = e >> 0, r.length > e ? String(r) : (e = e - r.length, e > t.length && (t += W(t, e / t.length)), t.slice(0, e) + String(r));
@@ -1746,9 +1746,9 @@ var Fg = function(n, e, t) {
   return !_e(n);
 }, Q = function(n, e) {
   return ie(n) && n.indexOf(e) !== -1;
-}, et = function(n, e, t, r, i, s) {
+}, tt = function(n, e, t, r, i, s) {
   return r === void 0 && (r = 0), i === void 0 && (i = 0), s === void 0 && (s = 0), new Date(Date.UTC(n, e - 1, t, r, i, s));
-}, Ug = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31], so = 1e3 * 60 * 60 * 24, oo = 9999, ao = et(1970, 1, 1), jg = [6, 0, 1, 2, 3, 4, 5], Tt = function(n) {
+}, Ug = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31], so = 1e3 * 60 * 60 * 24, oo = 9999, ao = tt(1970, 1, 1), jg = [6, 0, 1, 2, 3, 4, 5], Tt = function(n) {
   return n % 4 === 0 && n % 100 !== 0 || n % 400 === 0;
 }, uo = function(n) {
   return n instanceof Date;
@@ -1769,7 +1769,7 @@ var Fg = function(n, e, t) {
 }, ht = function(n) {
   return jg[n.getUTCDay()];
 }, Ci = function(n, e) {
-  var t = et(n, e + 1, 1);
+  var t = tt(n, e + 1, 1);
   return [ht(t), Hg(t)];
 }, co = function(n, e) {
   return e = e || n, new Date(Date.UTC(n.getUTCFullYear(), n.getUTCMonth(), n.getUTCDate(), e.getHours(), e.getMinutes(), e.getSeconds(), e.getMilliseconds()));
@@ -1788,13 +1788,13 @@ var Fg = function(n, e, t) {
   e === void 0 && (e = !0);
   var t = new Date(n);
   return [
-    rt(t.getUTCFullYear().toString(), 4, "0"),
-    rt(t.getUTCMonth() + 1, 2, "0"),
-    rt(t.getUTCDate(), 2, "0"),
+    it(t.getUTCFullYear().toString(), 4, "0"),
+    it(t.getUTCMonth() + 1, 2, "0"),
+    it(t.getUTCDate(), 2, "0"),
     "T",
-    rt(t.getUTCHours(), 2, "0"),
-    rt(t.getUTCMinutes(), 2, "0"),
-    rt(t.getUTCSeconds(), 2, "0"),
+    it(t.getUTCHours(), 2, "0"),
+    it(t.getUTCMinutes(), 2, "0"),
+    it(t.getUTCSeconds(), 2, "0"),
     e ? "Z" : ""
   ].join("");
 }, Lr = function(n) {
@@ -1808,7 +1808,7 @@ var Fg = function(n, e, t) {
 }, Yg = function(n, e) {
   var t = Intl.DateTimeFormat().resolvedOptions().timeZone, r = new Date(Ai(n, t)), i = new Date(Ai(n, e ?? "UTC")), s = i.getTime() - r.getTime();
   return new Date(n.getTime() - s);
-}, lt = (
+}, ct = (
   /** @class */
   function() {
     function n(e, t) {
@@ -1886,7 +1886,7 @@ var Ii = (
     return e.prototype.add = function(t) {
       return this.iterator(t, this._result.length) ? (this._result.push(t), !0) : !1;
     }, e;
-  }(lt)
+  }(ct)
 ), dn = {
   dayNames: [
     "Sunday",
@@ -2752,7 +2752,7 @@ var sb = (
           }
         }
       if (!r && this.all) {
-        for (var l = new lt(e, t), u = 0; u < this.all.length && l.accept(this.all[u]); u++)
+        for (var l = new ct(e, t), u = 0; u < this.all.length && l.accept(this.all[u]); u++)
           ;
         r = l.getValue(), this._cacheAdd(e, r, t);
       }
@@ -2765,7 +2765,7 @@ var sb = (
   return n;
 }();
 function yb(n, e) {
-  var t = et(n, 1, 1), r = Tt(n) ? 366 : 365, i = Tt(n + 1) ? 366 : 365, s = sr(t), o = ht(t), u = ve(ve({ yearlen: r, nextyearlen: i, yearordinal: s, yearweekday: o }, xb(n)), { wnomask: null });
+  var t = tt(n, 1, 1), r = Tt(n) ? 366 : 365, i = Tt(n + 1) ? 366 : 365, s = sr(t), o = ht(t), u = ve(ve({ yearlen: r, nextyearlen: i, yearordinal: s, yearweekday: o }, xb(n)), { wnomask: null });
   if (_e(e.byweekno))
     return u;
   u.wnomask = W(0, r + 7);
@@ -2791,7 +2791,7 @@ function yb(n, e) {
     if (Q(e.byweekno, -1))
       A = -1;
     else {
-      var N = ht(et(n - 1, 1, 1)), D = Ee(7 - N.valueOf() + e.wkst, 7), _ = Tt(n - 1) ? 366 : 365, L = void 0;
+      var N = ht(tt(n - 1, 1, 1)), D = Ee(7 - N.valueOf() + e.wkst, 7), _ = Tt(n - 1) ? 366 : 365, L = void 0;
       D >= 4 ? (D = 0, L = _ + Ee(N - e.wkst, 7)) : L = r - c, A = Math.floor(52 + Ee(L, 7) / 4);
     }
     if (Q(e.byweekno, A))
@@ -2801,7 +2801,7 @@ function yb(n, e) {
   return u;
 }
 function xb(n) {
-  var e = Tt(n) ? 366 : 365, t = et(n, 1, 1), r = ht(t);
+  var e = Tt(n) ? 366 : 365, t = tt(n, 1, 1), r = ht(t);
   return e === 365 ? {
     mmask: ob,
     mdaymask: fb,
@@ -2936,11 +2936,11 @@ var kb = (
         s[o] = o;
       return [s, r, i];
     }, n.prototype.wdayset = function(e, t, r) {
-      for (var i = W(null, this.yearlen + 7), s = sr(et(e, t, r)) - this.yearordinal, o = s, u = 0; u < 7 && (i[s] = s, ++s, this.wdaymask[s] !== this.options.wkst); u++)
+      for (var i = W(null, this.yearlen + 7), s = sr(tt(e, t, r)) - this.yearordinal, o = s, u = 0; u < 7 && (i[s] = s, ++s, this.wdaymask[s] !== this.options.wkst); u++)
         ;
       return [i, o, s];
     }, n.prototype.ddayset = function(e, t, r) {
-      var i = W(null, this.yearlen), s = sr(et(e, t, r)) - this.yearordinal;
+      var i = W(null, this.yearlen), s = sr(tt(e, t, r)) - this.yearordinal;
       return i[s] = s, [i, s, s + 1];
     }, n.prototype.htimeset = function(e, t, r, i) {
       var s = this, o = [];
@@ -3107,7 +3107,7 @@ var Se = {
       if (e)
         return this._iter(new Ii("all", {}, e));
       var t = this._cacheGet("all");
-      return t === !1 && (t = this._iter(new lt("all", {})), this._cacheAdd("all", t)), t;
+      return t === !1 && (t = this._iter(new ct("all", {})), this._cacheAdd("all", t)), t;
     }, n.prototype.between = function(e, t, r, i) {
       if (r === void 0 && (r = !1), !kt(e) || !kt(t))
         throw new Error("Invalid date passed in to RRule.between");
@@ -3119,17 +3119,17 @@ var Se = {
       if (i)
         return this._iter(new Ii("between", s, i));
       var o = this._cacheGet("between", s);
-      return o === !1 && (o = this._iter(new lt("between", s)), this._cacheAdd("between", o, s)), o;
+      return o === !1 && (o = this._iter(new ct("between", s)), this._cacheAdd("between", o, s)), o;
     }, n.prototype.before = function(e, t) {
       if (t === void 0 && (t = !1), !kt(e))
         throw new Error("Invalid date passed in to RRule.before");
       var r = { dt: e, inc: t }, i = this._cacheGet("before", r);
-      return i === !1 && (i = this._iter(new lt("before", r)), this._cacheAdd("before", i, r)), i;
+      return i === !1 && (i = this._iter(new ct("before", r)), this._cacheAdd("before", i, r)), i;
     }, n.prototype.after = function(e, t) {
       if (t === void 0 && (t = !1), !kt(e))
         throw new Error("Invalid date passed in to RRule.after");
       var r = { dt: e, inc: t }, i = this._cacheGet("after", r);
-      return i === !1 && (i = this._iter(new lt("after", r)), this._cacheAdd("after", i, r)), i;
+      return i === !1 && (i = this._iter(new ct("after", r)), this._cacheAdd("after", i, r)), i;
     }, n.prototype.count = function() {
       return this.all().length;
     }, n.prototype.toString = function() {
@@ -3571,7 +3571,7 @@ function mo(n, e, t) {
     r !== "__proto__" && r !== "constructor" && (r in n ? typeof n[r] == "string" || n[r] instanceof String || typeof e[r] == "string" || e[r] instanceof String ? t && (n[r] = e[r]) : mo(n[r], e[r], t) : n[r] = e[r]);
   return n;
 }
-function it(n) {
+function st(n) {
   return n.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
 }
 var qb = {
@@ -4291,7 +4291,7 @@ class e2 {
       maxReplaces: C,
       alwaysFormat: A
     } = e.interpolation;
-    this.escape = t !== void 0 ? t : Hb, this.escapeValue = r !== void 0 ? r : !0, this.useRawValueToEscape = i !== void 0 ? i : !1, this.prefix = s ? it(s) : o || "{{", this.suffix = u ? it(u) : a || "}}", this.formatSeparator = l || ",", this.unescapePrefix = c ? "" : d || "-", this.unescapeSuffix = this.unescapePrefix ? "" : c || "", this.nestingPrefix = f ? it(f) : h || it("$t("), this.nestingSuffix = g ? it(g) : b || it(")"), this.nestingOptionsSeparator = m || ",", this.maxReplaces = C || 1e3, this.alwaysFormat = A !== void 0 ? A : !1, this.resetRegExp();
+    this.escape = t !== void 0 ? t : Hb, this.escapeValue = r !== void 0 ? r : !0, this.useRawValueToEscape = i !== void 0 ? i : !1, this.prefix = s ? st(s) : o || "{{", this.suffix = u ? st(u) : a || "}}", this.formatSeparator = l || ",", this.unescapePrefix = c ? "" : d || "-", this.unescapeSuffix = this.unescapePrefix ? "" : c || "", this.nestingPrefix = f ? st(f) : h || st("$t("), this.nestingSuffix = g ? st(g) : b || st(")"), this.nestingOptionsSeparator = m || ",", this.maxReplaces = C || 1e3, this.alwaysFormat = A !== void 0 ? A : !1, this.resetRegExp();
   }
   reset() {
     this.options && this.init(this.options);
@@ -4409,7 +4409,7 @@ function t2(n) {
     formatOptions: t
   };
 }
-function st(n) {
+function ot(n) {
   const e = {};
   return function(r, i, s) {
     const o = i + JSON.stringify(s);
@@ -4421,32 +4421,32 @@ class n2 {
   constructor() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
     this.logger = Le.create("formatter"), this.options = e, this.formats = {
-      number: st((t, r) => {
+      number: ot((t, r) => {
         const i = new Intl.NumberFormat(t, {
           ...r
         });
         return (s) => i.format(s);
       }),
-      currency: st((t, r) => {
+      currency: ot((t, r) => {
         const i = new Intl.NumberFormat(t, {
           ...r,
           style: "currency"
         });
         return (s) => i.format(s);
       }),
-      datetime: st((t, r) => {
+      datetime: ot((t, r) => {
         const i = new Intl.DateTimeFormat(t, {
           ...r
         });
         return (s) => i.format(s);
       }),
-      relativetime: st((t, r) => {
+      relativetime: ot((t, r) => {
         const i = new Intl.RelativeTimeFormat(t, {
           ...r
         });
         return (s) => i.format(s, r.range || "day");
       }),
-      list: st((t, r) => {
+      list: ot((t, r) => {
         const i = new Intl.ListFormat(t, {
           ...r
         });
@@ -4464,7 +4464,7 @@ class n2 {
     this.formats[e.toLowerCase().trim()] = t;
   }
   addCached(e, t) {
-    this.formats[e.toLowerCase().trim()] = st(t);
+    this.formats[e.toLowerCase().trim()] = ot(t);
   }
   format(e, t, r) {
     let i = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : {};
@@ -6948,7 +6948,7 @@ class X1 {
     this.baseState !== E.Text && this.baseState !== E.InSpecialTag ? this.cbs.onattribentity(e) : this.cbs.ontextentity(e);
   }
 }
-const ot = /* @__PURE__ */ new Set([
+const at = /* @__PURE__ */ new Set([
   "input",
   "option",
   "optgroup",
@@ -6969,12 +6969,12 @@ const ot = /* @__PURE__ */ new Set([
   ["h4", J],
   ["h5", J],
   ["h6", J],
-  ["select", ot],
-  ["input", ot],
-  ["output", ot],
-  ["button", ot],
-  ["datalist", ot],
-  ["textarea", ot],
+  ["select", at],
+  ["input", at],
+  ["output", at],
+  ["button", at],
+  ["datalist", at],
+  ["textarea", at],
   ["option", /* @__PURE__ */ new Set(["option"])],
   ["optgroup", /* @__PURE__ */ new Set(["optgroup", "option"])],
   ["dd", es],
@@ -7457,7 +7457,7 @@ function xe(n) {
 function Rn(n) {
   return n.type === K.CDATA;
 }
-function tt(n) {
+function nt(n) {
   return n.type === K.Text;
 }
 function Gr(n) {
@@ -7474,7 +7474,7 @@ function Ze(n) {
 }
 function gp(n, e = !1) {
   let t;
-  if (tt(n))
+  if (nt(n))
     t = new dr(n.data);
   else if (Gr(n))
     t = new fp(n.data);
@@ -7832,13 +7832,13 @@ function G2(n, e) {
 }
 function rn(n) {
   return Array.isArray(n) ? n.map(rn).join("") : xe(n) ? n.name === "br" ? `
-` : rn(n.children) : Rn(n) ? rn(n.children) : tt(n) ? n.data : "";
+` : rn(n.children) : Rn(n) ? rn(n.children) : nt(n) ? n.data : "";
 }
 function wn(n) {
-  return Array.isArray(n) ? n.map(wn).join("") : Ze(n) && !Gr(n) ? wn(n.children) : tt(n) ? n.data : "";
+  return Array.isArray(n) ? n.map(wn).join("") : Ze(n) && !Gr(n) ? wn(n.children) : nt(n) ? n.data : "";
 }
 function pr(n) {
-  return Array.isArray(n) ? n.map(pr).join("") : Ze(n) && (n.type === K.Tag || Rn(n)) ? pr(n.children) : tt(n) ? n.data : "";
+  return Array.isArray(n) ? n.map(pr).join("") : Ze(n) && (n.type === K.Tag || Rn(n)) ? pr(n.children) : nt(n) ? n.data : "";
 }
 function vp(n) {
   return Ze(n) ? n.children : [];
@@ -7986,7 +7986,7 @@ const kn = {
     return typeof n == "function" ? (e) => n(e.type) : (e) => e.type === n;
   },
   tag_contains(n) {
-    return typeof n == "function" ? (e) => tt(e) && n(e.data) : (e) => tt(e) && e.data === n;
+    return typeof n == "function" ? (e) => nt(e) && n(e.data) : (e) => nt(e) && e.data === n;
   }
 };
 function Tp(n, e) {
@@ -8145,7 +8145,7 @@ const yy = /* @__PURE__ */ Object.freeze({
   __proto__: null,
   isTag: xe,
   isCDATA: Rn,
-  isText: tt,
+  isText: nt,
   isComment: Gr,
   isDocument: mp,
   hasChildren: Ze,
@@ -9413,14 +9413,14 @@ Be.registerAtRule = (n) => {
 Be.registerRoot = (n) => {
   zp = n;
 };
-var nt = Be;
+var rt = Be;
 Be.default = Be;
 Be.rebuild = (n) => {
   n.type === "atrule" ? Object.setPrototypeOf(n, Xr.prototype) : n.type === "rule" ? Object.setPrototypeOf(n, Qr.prototype) : n.type === "decl" ? Object.setPrototypeOf(n, qp.prototype) : n.type === "comment" ? Object.setPrototypeOf(n, Hp.prototype) : n.type === "root" && Object.setPrototypeOf(n, zp.prototype), n[jp] = !0, n.nodes && n.nodes.forEach((e) => {
     Be.rebuild(e);
   });
 };
-let b3 = nt, Vp, Kp;
+let b3 = rt, Vp, Kp;
 class Dt extends b3 {
   constructor(e) {
     super({ type: "document", ...e }), this.nodes || (this.nodes = []);
@@ -9583,7 +9583,7 @@ var I3 = function(e, t = {}) {
     position: N
   };
 };
-let Jp = nt;
+let Jp = rt;
 class $n extends Jp {
   constructor(e) {
     super(e), this.type = "atrule";
@@ -9598,7 +9598,7 @@ class $n extends Jp {
 var ni = $n;
 $n.default = $n;
 Jp.registerAtRule($n);
-let Qp = nt, Xp, em;
+let Qp = rt, Xp, em;
 class mt extends Qp {
   constructor(e) {
     super(e), this.type = "root", this.nodes || (this.nodes = []);
@@ -9649,7 +9649,7 @@ let Ot = {
 };
 var tm = Ot;
 Ot.default = Ot;
-let nm = nt, M3 = tm;
+let nm = rt, M3 = tm;
 class Sn extends nm {
   constructor(e) {
     super(e), this.type = "rule", this.nodes || (this.nodes = []);
@@ -9973,7 +9973,7 @@ class P3 {
   }
 }
 var F3 = P3;
-let U3 = nt, j3 = F3, q3 = Un;
+let U3 = rt, j3 = F3, q3 = Un;
 function Cn(n, e) {
   let t = new q3(n, e), r = new j3(t);
   try {
@@ -9986,7 +9986,7 @@ function Cn(n, e) {
 var ii = Cn;
 Cn.default = Cn;
 U3.registerParse(Cn);
-let { isClean: Me, my: H3 } = Ut, Y3 = Fp, z3 = Ln, G3 = nt, W3 = ei, Ts = ti, V3 = ii, K3 = jt;
+let { isClean: Me, my: H3 } = Ut, Y3 = Fp, z3 = Ln, G3 = rt, W3 = ei, Ts = ti, V3 = ii, K3 = jt;
 const Z3 = {
   document: "Document",
   root: "Root",
@@ -10448,7 +10448,7 @@ function Rt(n, e) {
 }
 var g6 = Rt;
 Rt.default = Rt;
-let b6 = Jr, sm = Fn, y6 = im, x6 = nt, si = u6, v6 = Ln, w6 = g6, om = ei, k6 = Zp, am = jn, um = ni, E6 = ti, T6 = Un, $6 = ii, S6 = tm, lm = ri, cm = jt, C6 = Pn;
+let b6 = Jr, sm = Fn, y6 = im, x6 = rt, si = u6, v6 = Ln, w6 = g6, om = ei, k6 = Zp, am = jn, um = ni, E6 = ti, T6 = Un, $6 = ii, S6 = tm, lm = ri, cm = jt, C6 = Pn;
 function Z(...n) {
   return n.length === 1 && Array.isArray(n[0]) && (n = n[0]), new si(n);
 }
@@ -11444,7 +11444,7 @@ const W6 = ".wave{display:flex;align-items:center;justify-content:center}.dot{wi
     super(), this.__registerHost(), this.__attachShadow(), this.width = "15", this.height = "15";
   }
   render() {
-    return S("div", { key: "4fd330645289551b628d0721382f4f24769b09c9", class: "wave" }, S("div", { key: "b23500951f1409eb1ffb244d2b9ee78e444264ac", class: "dot" }), S("div", { key: "4ae7966e56af13fb94df25a46e734909f95febea", class: "dot" }), S("div", { key: "da55a5c9efa1f7de83252d32324b4c8726c6ee66", class: "dot" }));
+    return S("div", { key: "bdc7f9acf0664597d87c4a2cc8917783a13c142e", class: "wave" }, S("div", { key: "15dcde4af03cb76dc4860c26742f97190f9e0cab", class: "dot" }), S("div", { key: "43bb08a9fbc89a1219f6f0b749413f6bca4bd253", class: "dot" }), S("div", { key: "16ca9fed347d7d67869ae4bfdbaecdd4c9bd33d9", class: "dot" }));
   }
   static get style() {
     return V6;
@@ -11470,7 +11470,7 @@ const Z6 = "button.sc-button-component{display:flex;align-items:center;justify-c
   }
   render() {
     const e = `button-${this.variant}` + (this.disabled ? " disabled" : "");
-    return S("button", { key: "062f523a6eaa6c883cb39a4ffc6d26a12c83912d", class: e, disabled: this.disabled, type: "type", title: this.tooltip, onClick: this.clickHandler, onMouseOver: this.mouseOverHandler, onMouseOut: this.mouseOutHandler, onFocus: this.focusHandler, onBlur: this.blurHandler }, !!this.isLoading && S("loading-icon", { slot: "icon" }), S("slot", { key: "dbac2e8205f067c8c38e62afbb35f5ab9222dba3" }));
+    return S("button", { key: "2a4e992f2030ebb415320236ea0765802f589b6c", class: e, disabled: this.disabled, type: "type", title: this.tooltip, onClick: this.clickHandler, onMouseOver: this.mouseOverHandler, onMouseOut: this.mouseOutHandler, onFocus: this.focusHandler, onBlur: this.blurHandler }, !!this.isLoading && S("loading-icon", { slot: "icon" }), S("slot", { key: "c7a81cba389b6d0aa8974f7e599fdb84773deeb5" }));
   }
   static get style() {
     return J6;
@@ -11506,7 +11506,7 @@ const ex = ".sc-chevron-icon-h{display:flex}", tx = ex, nx = Te(class extends $e
     super(), this.__registerHost(), this.width = "24", this.height = "24";
   }
   render() {
-    return S("svg", { key: "750f65d52fa710778d800b825058c4f49c3bd998", xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none" }, S("path", { key: "f03cbd70f5a3b0304c2fd55960ccf20576619908", fill: "currentColor", d: "M15.53 4.22a.75.75 0 0 1 0 1.06L8.81 12l6.72 6.72a.75.75 0 1 1-1.06 1.06l-7.25-7.25a.75.75 0 0 1 0-1.06l7.25-7.25a.75.75 0 0 1 1.06 0Z" }));
+    return S("svg", { key: "fb1ba717c31f07393be2b8b0c984e1be9aac2042", xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none" }, S("path", { key: "df8820887c1787356ad0727baf34fe0c5b76bbd4", fill: "currentColor", d: "M15.53 4.22a.75.75 0 0 1 0 1.06L8.81 12l6.72 6.72a.75.75 0 1 1-1.06 1.06l-7.25-7.25a.75.75 0 0 1 0-1.06l7.25-7.25a.75.75 0 0 1 1.06 0Z" }));
   }
   static get style() {
     return tx;
@@ -11531,7 +11531,7 @@ const ix = ".sc-clock-icon-h{display:flex}", sx = ix, ox = Te(class extends $e {
     super(), this.__registerHost(), this.width = "16", this.height = "16";
   }
   render() {
-    return S("svg", { key: "b333677464fef61be9d0813857b38e973a7c9dd0", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, S("path", { key: "d4dd428b261b7b744dfe0c64fd42b8b1e017cf2d", d: "M8 0.5C12.1421 0.5 15.5 3.85786 15.5 8C15.5 12.1421 12.1421 15.5 8 15.5C3.85786 15.5 0.5 12.1421 0.5 8C0.5 3.85786 3.85786 0.5 8 0.5ZM8 1.4375C4.37563 1.4375 1.4375 4.37563 1.4375 8C1.4375 11.6244 4.37563 14.5625 8 14.5625C11.6244 14.5625 14.5625 11.6244 14.5625 8C14.5625 4.37563 11.6244 1.4375 8 1.4375ZM7.53125 3.3125C7.76137 3.3125 7.95276 3.47832 7.99245 3.69699L8 3.78125V8H10.3438C10.6026 8 10.8125 8.20987 10.8125 8.46875C10.8125 8.69887 10.6467 8.89026 10.428 8.92995L10.3438 8.9375H7.53125C7.30113 8.9375 7.10974 8.77168 7.07005 8.55301L7.0625 8.46875V3.78125C7.0625 3.52237 7.27237 3.3125 7.53125 3.3125Z", fill: "currentColor" }));
+    return S("svg", { key: "a43286079781f2fb317a0a7b9d651f3fe7012800", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, S("path", { key: "434cb947dc4f5a3802cede1bc4bc9ea420faa7a8", d: "M8 0.5C12.1421 0.5 15.5 3.85786 15.5 8C15.5 12.1421 12.1421 15.5 8 15.5C3.85786 15.5 0.5 12.1421 0.5 8C0.5 3.85786 3.85786 0.5 8 0.5ZM8 1.4375C4.37563 1.4375 1.4375 4.37563 1.4375 8C1.4375 11.6244 4.37563 14.5625 8 14.5625C11.6244 14.5625 14.5625 11.6244 14.5625 8C14.5625 4.37563 11.6244 1.4375 8 1.4375ZM7.53125 3.3125C7.76137 3.3125 7.95276 3.47832 7.99245 3.69699L8 3.78125V8H10.3438C10.6026 8 10.8125 8.20987 10.8125 8.46875C10.8125 8.69887 10.6467 8.89026 10.428 8.92995L10.3438 8.9375H7.53125C7.30113 8.9375 7.10974 8.77168 7.07005 8.55301L7.0625 8.46875V3.78125C7.0625 3.52237 7.27237 3.3125 7.53125 3.3125Z", fill: "currentColor" }));
   }
   static get style() {
     return sx;
@@ -11556,7 +11556,7 @@ const ux = ".sc-edit-icon-h{display:flex}", lx = ux, cx = Te(class extends $e {
     super(), this.__registerHost(), this.width = "16", this.height = "16";
   }
   render() {
-    return S("svg", { key: "b7ae8307c29ec9bd0ee1d8a0249d128f03145d27", width: this.width, height: this.height, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, S("path", { key: "3d4fc6689ccd8046ffdde52c5f669b2641ace0a7", d: "M11.245 0.817394C12.3318 -0.269413 14.0938 -0.269413 15.1806 0.817394C16.2222 1.85892 16.2656 3.5206 15.3108 4.6138L15.1806 4.75307L5.57482 14.3589C5.36973 14.564 5.12299 14.7215 4.85212 14.8213L4.68684 14.8742L0.631867 15.9801C0.285278 16.0746 -0.0347856 15.7861 0.00276241 15.4455L0.0179263 15.3662L1.12383 11.3112C1.20014 11.0314 1.33621 10.7722 1.52188 10.5511L1.63914 10.4232L11.245 0.817394ZM10.3848 3.09229L2.34625 11.1303C2.25396 11.2226 2.18093 11.3318 2.13086 11.4514L2.08859 11.5743L1.21196 14.785L4.42372 13.9094C4.50767 13.8865 4.5879 13.8529 4.66253 13.8096L4.77003 13.7375L4.86771 13.6518L12.9058 5.61329L10.3848 3.09229ZM14.4735 1.5245C13.8159 0.8669 12.7725 0.830367 12.072 1.4149L11.9521 1.5245L11.0918 2.38529L13.6128 4.90629L14.4735 4.04596C15.1311 3.38836 15.1677 2.34488 14.5831 1.64441L14.4735 1.5245Z", fill: "currentColor" }));
+    return S("svg", { key: "38831c2e998bfab7d3d9d3fd809c12d9a47afdab", width: this.width, height: this.height, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, S("path", { key: "45a26006e8c6e8fd7a03029aecebf174c6d7c9a4", d: "M11.245 0.817394C12.3318 -0.269413 14.0938 -0.269413 15.1806 0.817394C16.2222 1.85892 16.2656 3.5206 15.3108 4.6138L15.1806 4.75307L5.57482 14.3589C5.36973 14.564 5.12299 14.7215 4.85212 14.8213L4.68684 14.8742L0.631867 15.9801C0.285278 16.0746 -0.0347856 15.7861 0.00276241 15.4455L0.0179263 15.3662L1.12383 11.3112C1.20014 11.0314 1.33621 10.7722 1.52188 10.5511L1.63914 10.4232L11.245 0.817394ZM10.3848 3.09229L2.34625 11.1303C2.25396 11.2226 2.18093 11.3318 2.13086 11.4514L2.08859 11.5743L1.21196 14.785L4.42372 13.9094C4.50767 13.8865 4.5879 13.8529 4.66253 13.8096L4.77003 13.7375L4.86771 13.6518L12.9058 5.61329L10.3848 3.09229ZM14.4735 1.5245C13.8159 0.8669 12.7725 0.830367 12.072 1.4149L11.9521 1.5245L11.0918 2.38529L13.6128 4.90629L14.4735 4.04596C15.1311 3.38836 15.1677 2.34488 14.5831 1.64441L14.4735 1.5245Z", fill: "currentColor" }));
   }
   static get style() {
     return lx;
@@ -11581,7 +11581,7 @@ const dx = ".sc-info-icon-h{display:flex}", hx = dx, px = Te(class extends $e {
     super(), this.__registerHost(), this.width = "14", this.height = "14";
   }
   render() {
-    return S("svg", { key: "149fd3ce434b49a4f6537d02e61826b37902eaf7", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, S("path", { key: "0f3bee3c4081b4d171771096bfe4f325a64dbe1c", fill: "currentColor", d: "M6.5 5.5C6.77614 5.5 7 5.72386 7 6V9C7 9.27614 6.77614 9.5 6.5 9.5C6.22386 9.5 6 9.27614 6 9V6C6 5.72386 6.22386 5.5 6.5 5.5ZM6.50001 4.74907C6.91369 4.74907 7.24905 4.41371 7.24905 4.00003C7.24905 3.58635 6.91369 3.251 6.50001 3.251C6.08633 3.251 5.75098 3.58635 5.75098 4.00003C5.75098 4.41371 6.08633 4.74907 6.50001 4.74907ZM0.5 6.5C0.5 3.18629 3.18629 0.5 6.5 0.5C9.81371 0.5 12.5 3.18629 12.5 6.5C12.5 9.81371 9.81371 12.5 6.5 12.5C3.18629 12.5 0.5 9.81371 0.5 6.5ZM6.5 1.5C3.73858 1.5 1.5 3.73858 1.5 6.5C1.5 9.26142 3.73858 11.5 6.5 11.5C9.26142 11.5 11.5 9.26142 11.5 6.5C11.5 3.73858 9.26142 1.5 6.5 1.5Z" }));
+    return S("svg", { key: "3087788ff23b6230877edbe5ef6ec384a3cbd3cc", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, S("path", { key: "41bc050582f31986abd97b6eab9c6d52a24dc62c", fill: "currentColor", d: "M6.5 5.5C6.77614 5.5 7 5.72386 7 6V9C7 9.27614 6.77614 9.5 6.5 9.5C6.22386 9.5 6 9.27614 6 9V6C6 5.72386 6.22386 5.5 6.5 5.5ZM6.50001 4.74907C6.91369 4.74907 7.24905 4.41371 7.24905 4.00003C7.24905 3.58635 6.91369 3.251 6.50001 3.251C6.08633 3.251 5.75098 3.58635 5.75098 4.00003C5.75098 4.41371 6.08633 4.74907 6.50001 4.74907ZM0.5 6.5C0.5 3.18629 3.18629 0.5 6.5 0.5C9.81371 0.5 12.5 3.18629 12.5 6.5C12.5 9.81371 9.81371 12.5 6.5 12.5C3.18629 12.5 0.5 9.81371 0.5 6.5ZM6.5 1.5C3.73858 1.5 1.5 3.73858 1.5 6.5C1.5 9.26142 3.73858 11.5 6.5 11.5C9.26142 11.5 11.5 9.26142 11.5 6.5C11.5 3.73858 9.26142 1.5 6.5 1.5Z" }));
   }
   static get style() {
     return hx;
@@ -11609,7 +11609,7 @@ const mx = ':host{display:block;height:auto;--nylas-primary:#2563eb;--nylas-erro
   phone_number: "1234567890"
 }, xx = Te(class extends $e {
   constructor() {
-    super(), this.__registerHost(), this.__attachShadow(), this.nylasFormInputChanged = ct(this, "nylasFormInputChanged", 7), this.nylasFormInputFocused = ct(this, "nylasFormInputFocused", 7), this.nylasFormInputBlurred = ct(this, "nylasFormInputBlurred", 7), this.name = "input", this.defaultValue = void 0, this.label = "", this.type = "text", this.placeholder = yx[this.type], this.required = !1, this.readOnly = !1, this.autoFocus = !1, this.pattern = void 0, this.maxLength = 255, this.patternError = "", this.requiredError = "", this.value = void 0, this.error = "";
+    super(), this.__registerHost(), this.__attachShadow(), this.nylasFormInputChanged = Xe(this, "nylasFormInputChanged", 7), this.nylasFormInputFocused = Xe(this, "nylasFormInputFocused", 7), this.nylasFormInputBlurred = Xe(this, "nylasFormInputBlurred", 7), this.name = "input", this.defaultValue = void 0, this.label = "", this.type = "text", this.placeholder = yx[this.type], this.required = !1, this.readOnly = !1, this.autoFocus = !1, this.pattern = void 0, this.maxLength = 255, this.patternError = "", this.requiredError = "", this.value = void 0, this.error = "";
   }
   handleDefaultValueChange(e) {
     this.value = dt(e), this.value && this.validatePattern(this.value);
@@ -11653,7 +11653,7 @@ const mx = ':host{display:block;height:auto;--nylas-primary:#2563eb;--nylas-erro
     !this.pattern || !e && !this.required || (this.pattern.test(e) ? this.error = "" : this.error = this.patternError || "Invalid format.");
   }
   render() {
-    return S("label", { key: "e34259d7c68764f76d23e5e29a2e146abc37d8e8", part: "ic__label", class: { error: !!this.error } }, this.label && S("p", null, S("span", { class: "label" }, this.label), this.required && S("span", { class: "required" }, "*")), S("div", { key: "bbf9cc51221105ef91447dec3e6a8f37112652fb", part: "ic__input_wrapper", class: "input_wrapper" }, S("input", { key: "a4772fec8494e8ae308960568baf58dddebbb741", type: "text", name: this.name, part: "ic__input", readOnly: this.readOnly, autoFocus: this.autoFocus, value: this.value, maxLength: this.maxLength, placeholder: this.placeholder, class: { error: !!this.error }, onInput: (e) => this.handleInput(e), onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur() }), S("slot", { key: "4baaf6f7b6929da24393e3f81df17fb8ce263d4a", name: "additional-input" })), this.error && S("span", { class: "error help-text" }, this.error));
+    return S("label", { key: "9f2b420dc76c3fd263d690689887ac66ce519264", part: "ic__label", class: { error: !!this.error } }, this.label && S("p", null, S("span", { class: "label" }, this.label), this.required && S("span", { class: "required" }, "*")), S("div", { key: "2a4405560068cfad04acda9bd5ef6ec6c79646f0", part: "ic__input_wrapper", class: "input_wrapper" }, S("input", { key: "fa44c6f9e2c93698fa49948a7ec74f2a87aeb852", type: "text", name: this.name, part: "ic__input", readOnly: this.readOnly, autoFocus: this.autoFocus, value: this.value, maxLength: this.maxLength, placeholder: this.placeholder, class: { error: !!this.error }, onInput: (e) => this.handleInput(e), onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur() }), S("slot", { key: "b37c67e64154ed48cadc382c64eca9313b967f66", name: "additional-input" })), this.error && S("span", { class: "error help-text" }, this.error));
   }
   get el() {
     return this;
@@ -11710,7 +11710,7 @@ var kx = function(n, e, t, r) {
 };
 const bm = Te(class extends $e {
   constructor() {
-    super(), this.__registerHost(), this.__attachShadow(), this.valueChanged = ct(this, "valueChanged", 7), this.internals = this.attachInternals(), this.componentType = "image-url", this.imageUrl = "", this.errorMessage = "", this.name = "input-image-url", this.currentImageUrl = this.imageUrl;
+    super(), this.__registerHost(), this.__attachShadow(), this.nylasFormInputImageUrlInvalid = Xe(this, "nylasFormInputImageUrlInvalid", 7), this.valueChanged = Xe(this, "valueChanged", 7), this.internals = this.attachInternals(), this.componentType = "image-url", this.imageUrl = "", this.errorMessage = "", this.name = "input-image-url", this.currentImageUrl = this.imageUrl;
   }
   connectedCallback() {
     ee("nylas-image-input", "connectedCallback");
@@ -11751,11 +11751,11 @@ const bm = Te(class extends $e {
     this.errorMessage = "", Y6(e).then(() => {
       this.currentImageUrl = e, this.internals.setValidity({}), this.internals.setFormValue(this.currentImageUrl, this.name), this.valueChanged.emit({ value: this.currentImageUrl, name: this.name });
     }).catch(() => {
-      this.internals.setValidity({ customError: !0 }, "Invalid image URL."), this.errorMessage = "Invalid image URL.";
+      this.errorMessage = "Invalid image URL.", this.nylasFormInputImageUrlInvalid.emit({ value: "Invalid image URL.", name: this.name }), typeof this.internals.setValidity == "function" && this.internals.setValidity({ customError: !0 }, "Invalid image URL.");
     });
   }
   render() {
-    return S(Mr, { key: "3066e6121e09c40bcf7f033f26615d42432e0fd9" }, S("div", { key: "bfbcf89b89ffbe7933a9f2169dfcf2eb3c1858bb", class: "logo-container" }, S("div", { key: "b4c71a43d82ea0f3ef330fb3cd0fbf9275e7a432", class: "input-container" }, S("input-component", { key: "5a30d3de566ed233b52329d6dc49a06b523fffa7", name: this.name, id: this.name, type: "text", required: !1, exportparts: "ic_input: iiu__logo-input-textfield", defaultValue: this.imageUrl ?? "" }), this.errorMessage && S("span", { class: "error-message" }, this.errorMessage)), this.currentImageUrl && !this.errorMessage && S("div", { class: "logo" }, S("img", { src: this.currentImageUrl, alt: "Logo" }))));
+    return S(Mr, { key: "27db94b782ae96518852a8486821a7f6544492a2" }, S("div", { key: "3923ce12503dd454e716e002b693b8e5f7e7e991", class: "logo-container" }, S("div", { key: "004c0dfb0e5ec721e356b4915fbdd75f84a67301", class: "input-container" }, S("input-component", { key: "f06812996be4fd6384fffc2c095e62ba7067881d", name: this.name, id: this.name, type: "text", required: !1, exportparts: "ic_input: iiu__logo-input-textfield", defaultValue: this.imageUrl ?? "" }), this.errorMessage && S("span", { class: "error-message" }, this.errorMessage)), this.currentImageUrl && !this.errorMessage && S("div", { class: "logo" }, S("img", { src: this.currentImageUrl, alt: "Logo" }))));
   }
   static get formAssociated() {
     return !0;
@@ -11812,7 +11812,7 @@ const Tx = ".sc-person-clipboard-icon-h{display:flex}", $x = Tx, Sx = Te(class e
     super(), this.__registerHost(), this.width = "12", this.height = "17";
   }
   render() {
-    return S("svg", { key: "1d8ab8f6ceeb439b39ac290f2e9951ba8e2788ac", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, S("path", { key: "9e20a5e2abda42d1ec04c57d66bc1518a717f919", d: "M4 7.5C4 6.39543 4.89543 5.5 6 5.5C7.10457 5.5 8 6.39543 8 7.5C8 8.60457 7.10457 9.5 6 9.5C4.89543 9.5 4 8.60457 4 7.5ZM6 6.5C5.44772 6.5 5 6.94772 5 7.5C5 8.05228 5.44772 8.5 6 8.5C6.55228 8.5 7 8.05228 7 7.5C7 6.94772 6.55228 6.5 6 6.5ZM3.72077 10.5C3.10838 10.5 2.40961 10.9146 2.38992 11.6973C2.37693 12.2135 2.48426 12.9381 3.04816 13.5319C3.61451 14.1283 4.55301 14.5 6.00001 14.5C7.44702 14.5 8.38552 14.1283 8.95187 13.5319C9.51577 12.9381 9.6231 12.2135 9.61011 11.6973C9.59042 10.9146 8.89165 10.5 8.27925 10.5H3.72077ZM3.3896 11.7225C3.39099 11.6675 3.41262 11.6226 3.46275 11.582C3.51876 11.5366 3.6101 11.5 3.72077 11.5H8.27925C8.38993 11.5 8.48127 11.5366 8.53728 11.582C8.58741 11.6226 8.60904 11.6675 8.61042 11.7225C8.61975 12.0933 8.53969 12.5138 8.22676 12.8433C7.91628 13.1702 7.28849 13.5 6.00001 13.5C4.71154 13.5 4.08375 13.1702 3.77327 12.8433C3.46033 12.5138 3.38027 12.0933 3.3896 11.7225ZM5 0.5C3.89543 0.5 3 1.39543 3 2.5H1.5C0.671573 2.5 0 3.17157 0 4V15C0 15.8284 0.671572 16.5 1.5 16.5H10.5C11.3284 16.5 12 15.8284 12 15V4C12 3.17157 11.3284 2.5 10.5 2.5H9C9 1.39543 8.10457 0.5 7 0.5H5ZM8.73244 3.5H10.5C10.7761 3.5 11 3.72386 11 4V15C11 15.2761 10.7761 15.5 10.5 15.5H1.5C1.22386 15.5 1 15.2761 1 15V4C1 3.72386 1.22386 3.5 1.5 3.5H3.26756C3.61337 4.0978 4.25972 4.5 5 4.5H7C7.74028 4.5 8.38663 4.0978 8.73244 3.5ZM4 2.5C4 1.94772 4.44772 1.5 5 1.5H7C7.55228 1.5 8 1.94772 8 2.5C8 3.05228 7.55228 3.5 7 3.5H5C4.44772 3.5 4 3.05228 4 2.5Z", fill: "currentColor" }));
+    return S("svg", { key: "2e3618690c5d268ec3517fd925382a6d77b18ff4", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, S("path", { key: "20417bc769578a6d1ccdda59b7834807521b7fb2", d: "M4 7.5C4 6.39543 4.89543 5.5 6 5.5C7.10457 5.5 8 6.39543 8 7.5C8 8.60457 7.10457 9.5 6 9.5C4.89543 9.5 4 8.60457 4 7.5ZM6 6.5C5.44772 6.5 5 6.94772 5 7.5C5 8.05228 5.44772 8.5 6 8.5C6.55228 8.5 7 8.05228 7 7.5C7 6.94772 6.55228 6.5 6 6.5ZM3.72077 10.5C3.10838 10.5 2.40961 10.9146 2.38992 11.6973C2.37693 12.2135 2.48426 12.9381 3.04816 13.5319C3.61451 14.1283 4.55301 14.5 6.00001 14.5C7.44702 14.5 8.38552 14.1283 8.95187 13.5319C9.51577 12.9381 9.6231 12.2135 9.61011 11.6973C9.59042 10.9146 8.89165 10.5 8.27925 10.5H3.72077ZM3.3896 11.7225C3.39099 11.6675 3.41262 11.6226 3.46275 11.582C3.51876 11.5366 3.6101 11.5 3.72077 11.5H8.27925C8.38993 11.5 8.48127 11.5366 8.53728 11.582C8.58741 11.6226 8.60904 11.6675 8.61042 11.7225C8.61975 12.0933 8.53969 12.5138 8.22676 12.8433C7.91628 13.1702 7.28849 13.5 6.00001 13.5C4.71154 13.5 4.08375 13.1702 3.77327 12.8433C3.46033 12.5138 3.38027 12.0933 3.3896 11.7225ZM5 0.5C3.89543 0.5 3 1.39543 3 2.5H1.5C0.671573 2.5 0 3.17157 0 4V15C0 15.8284 0.671572 16.5 1.5 16.5H10.5C11.3284 16.5 12 15.8284 12 15V4C12 3.17157 11.3284 2.5 10.5 2.5H9C9 1.39543 8.10457 0.5 7 0.5H5ZM8.73244 3.5H10.5C10.7761 3.5 11 3.72386 11 4V15C11 15.2761 10.7761 15.5 10.5 15.5H1.5C1.22386 15.5 1 15.2761 1 15V4C1 3.72386 1.22386 3.5 1.5 3.5H3.26756C3.61337 4.0978 4.25972 4.5 5 4.5H7C7.74028 4.5 8.38663 4.0978 8.73244 3.5ZM4 2.5C4 1.94772 4.44772 1.5 5 1.5H7C7.55228 1.5 8 1.94772 8 2.5C8 3.05228 7.55228 3.5 7 3.5H5C4.44772 3.5 4 3.05228 4 2.5Z", fill: "currentColor" }));
   }
   static get style() {
     return $x;
@@ -11843,7 +11843,7 @@ const Bx = '.tooltip-container{position:relative;display:flex;--nylas-primary:#2
     e.target.nextElementSibling.style.visibility = "hidden", e.target.nextElementSibling.style.opacity = "0";
   }
   render() {
-    return S("div", { key: "f7ed680c86f53928c284ced8d5a6c30cd6a8a158", class: "tooltip-container", part: "tc__container" }, S("span", { key: "07d396ac91688a025497e4ff9ea5ea4c9263e787", class: "info-icon", tabindex: "0", onFocus: this.showTooltip.bind(this), onBlur: this.hideTooltip.bind(this) }, S("slot", { key: "f8ed2155292bdd8f6e7adc72e0e89ed16a6fa823", name: "tooltip-icon" }, "i")), S("span", { key: "69f9669f987897f46ede1c67f6001824e7d27553", class: `tooltip-content ${this.position}`, part: "tc__content" }, S("slot", { key: "f7e46722aca747f4ec8022df2080d08e5200e256", name: "tooltip-content" }, "This is a help text.")));
+    return S("div", { key: "dbfd3d300f3f3d3e139991f1cb84a12161b61a73", class: "tooltip-container", part: "tc__container" }, S("span", { key: "8a03f9657c641680d4fa166f3fc680d35aa24281", class: "info-icon", tabindex: "0", onFocus: this.showTooltip.bind(this), onBlur: this.hideTooltip.bind(this) }, S("slot", { key: "0f8478af1526e2775907e17555a36db85f482ff4", name: "tooltip-icon" }, "i")), S("span", { key: "171ae65f59875214c68e80749f5a9c108fb365fb", class: `tooltip-content ${this.position}`, part: "tc__content" }, S("slot", { key: "888f7faaf29825faa27df7935e47526d6fa6f126", name: "tooltip-content" }, "This is a help text.")));
   }
   get el() {
     return this;
@@ -11867,7 +11867,7 @@ function ym() {
 }
 const Mx = ':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;width:100%}label{display:flex;color:var(--nylas-base-800, #293056);font-size:14px;font-style:normal;font-weight:400;line-height:150%;flex-direction:column;gap:4px;font-family:var(--nylas-font-family);font-size:16px;color:var(--nylas-base-800)}label.error{color:var(--nylas-error)}label span.required{color:var(--nylas-error);padding:0 0.25rem}label p{margin:0;display:flex;gap:4px;align-items:center}label .error{color:var(--nylas-error)}textarea{display:flex;height:48px;padding-left:16px;align-items:center;gap:8px;align-self:stretch;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-300);background:var(--nylas-base-0);width:-webkit-fill-available;color:var(--nylas-base-900);font-size:16px;font-style:normal;font-weight:400;line-height:150%;padding:12px 16px;border-width:1;resize:vertical;border-radius:8px;font-family:var(--nylas-font-family);font-size:16px;line-height:24px}textarea:focus{outline-color:var(--nylas-primary)}textarea.error{border-radius:var(--nylas-border-radius-2x);font-weight:600;border-color:var(--nylas-error);border-width:2px}textarea.error::placeholder{font-weight:400}textarea::placeholder{color:var(--nylas-base-300)}textarea::-webkit-resizer{display:none}', Dx = Mx, Ox = Te(class extends $e {
   constructor() {
-    super(), this.__registerHost(), this.__attachShadow(), this.nylasFormInputChanged = ct(this, "nylasFormInputChanged", 7), this.name = "textarea", this.defaultValue = void 0, this.label = "", this.placeholder = "", this.required = !1, this.readOnly = !1, this.autoFocus = !1, this.maxLength = 255, this.type = "multi_line_text", this.tooltip = "", this.value = "", this.error = "";
+    super(), this.__registerHost(), this.__attachShadow(), this.nylasFormInputChanged = Xe(this, "nylasFormInputChanged", 7), this.name = "textarea", this.defaultValue = void 0, this.label = "", this.placeholder = "", this.required = !1, this.readOnly = !1, this.autoFocus = !1, this.maxLength = 255, this.type = "multi_line_text", this.tooltip = "", this.value = "", this.error = "";
   }
   componentDidLoad() {
     this.value = dt(this.defaultValue || "");
@@ -11892,7 +11892,7 @@ const Mx = ':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--
     this.required && !e ? this.error = `${this.label} is required.` : e.length > this.maxLength ? this.error = `${this.label} cannot exceed ${this.maxLength} characters.` : this.error = "";
   }
   render() {
-    return S("label", { key: "64fd0ab44f5bf5bfe2211448c46b1d8a0e1ce738", part: "tc__label", class: { error: !!this.error } }, S("p", { key: "757c7a471006fb281793ff131e579d6e55a1ac19" }, S("span", { key: "66661b8ca6bbcec8f61c7001eca363398b7496f5", class: "label" }, this.label), this.required && S("span", { class: "required" }, "*"), this.tooltip && S("tooltip-component", null, S("info-icon", { slot: "tooltip-icon" }), S("span", { slot: "tooltip-content" }, this.tooltip))), S("textarea", { key: "bb1de6d8152e1f723b66c85cab6085cc6843dce8", name: this.name, placeholder: this.placeholder, readOnly: this.readOnly, autoFocus: this.autoFocus, value: this.value, maxLength: this.maxLength, onInput: (e) => this.handleInput(e), class: { error: !!this.error }, part: "tc__textarea" }), this.error && S("span", { class: "error help-text" }, this.error));
+    return S("label", { key: "503a9e472a4dea351f13d8e430a0ee9ecc20e3fb", part: "tc__label", class: { error: !!this.error } }, S("p", { key: "7ce9a57c8e2dc9d0c3a88edf93ba09a3b49cf149" }, S("span", { key: "8feedbb7300d0eb20192b17a0482f9c981bba120", class: "label" }, this.label), this.required && S("span", { class: "required" }, "*"), this.tooltip && S("tooltip-component", null, S("info-icon", { slot: "tooltip-icon" }), S("span", { slot: "tooltip-content" }, this.tooltip))), S("textarea", { key: "79dd6889c5da4797b26504731583db5887c21bcb", name: this.name, placeholder: this.placeholder, readOnly: this.readOnly, autoFocus: this.autoFocus, value: this.value, maxLength: this.maxLength, onInput: (e) => this.handleInput(e), class: { error: !!this.error }, part: "tc__textarea" }), this.error && S("span", { class: "error help-text" }, this.error));
   }
   static get style() {
     return Dx;
@@ -11943,7 +11943,7 @@ var Lx = function(n, e, t, r) {
 };
 const oi = Te(class extends $e {
   constructor() {
-    super(), this.__registerHost(), this.__attachShadow(), this.valueChanged = ct(this, "valueChanged", 7), this.internals = this.attachInternals(), this.selectedConfiguration = void 0, this.confirmationEmailTemplate = {}, this.isOpen = !1, this.participants = [], this.name = "confirmation-email-template", this.confirmationEmail = void 0, this.isConfirmationEmailOpen = this.isOpen, this.participantsState = this.participants;
+    super(), this.__registerHost(), this.__attachShadow(), this.valueChanged = Xe(this, "valueChanged", 7), this.internals = this.attachInternals(), this.selectedConfiguration = void 0, this.confirmationEmailTemplate = {}, this.participants = [], this.name = "confirmation-email-template", this.isOpen = !1, this.confirmationEmail = void 0, this.isConfirmationEmailOpen = this.isOpen, this.participantsState = this.participants;
   }
   connectedCallback() {
     ee("nylas-confirmation-email", "connectedCallback");
@@ -11972,7 +11972,11 @@ const oi = Te(class extends $e {
   valueChangedHandler(e) {
     ee("nylas-confirmation-email", "valueChangedHandler", e.detail);
     const { value: t, name: r } = e.detail;
-    r === "confirmation-email-logo" && (this.confirmationEmail = { ...this.confirmationEmail, logo: t }, this.internals.setFormValue(JSON.stringify(this.confirmationEmail), this.name), this.valueChanged.emit({ value: JSON.stringify(this.confirmationEmail), name: this.name }));
+    r === "confirmation-email-logo" && (this.confirmationEmail = { ...this.confirmationEmail, logo: t }, this.valueChanged.emit({ value: JSON.stringify(this.confirmationEmail), name: this.name }), typeof this.internals.setValidity == "function" && typeof this.internals.setFormValue == "function" && (this.internals.setFormValue(JSON.stringify(this.confirmationEmail), this.name), this.internals.setValidity({})));
+  }
+  async nylasFormInputImageUrlInvalidHandler(e) {
+    const { value: t, name: r } = e.detail;
+    r === "confirmation-email-logo" && typeof this.internals.setValidity == "function" && this.internals.setValidity({ customError: !0 }, t || "Invalid image URL.");
   }
   updateConfirmationFormValue() {
     ee("nylas-confirmation-email", "updateConfirmationFormValue"), this.internals.setFormValue(JSON.stringify(this.confirmationEmail), this.name), this.valueChanged.emit({ value: JSON.stringify(this.confirmationEmail), name: this.name });
@@ -11986,11 +11990,11 @@ const oi = Te(class extends $e {
     this.confirmationEmail = { ...this.confirmationEmail, booking_confirmed: { ...((r = this.confirmationEmail) == null ? void 0 : r.booking_confirmed) || {}, body: t } }, this.internals.setFormValue(JSON.stringify(this.confirmationEmail), this.name), this.valueChanged.emit({ value: JSON.stringify(this.confirmationEmail), name: this.name });
   }
   render() {
-    var t, r, i, s, o, u, a, l;
-    const e = (t = this.participantsState.find((c) => c.is_organizer)) == null ? void 0 : t.name;
-    return S(Mr, { key: "113ee760057ff8f3d2c4706021b529a5cae8fa9b" }, S("div", { key: "43d955f1781f9758066da4d94f336e862b22a5c9", class: "nylas-confirmation-email", part: "nce" }, S("div", { key: "93c74d8fd4ab8e10ad83954c97ef93a201a43e1a", class: "header", part: "nce__header" }, S("div", { key: "f9cc4b2c2d43d512794df2860a95d07ee77ddb80" }, S("h3", { key: "d942c04cd5909abf82cfa7d53a7405c0705c4a2a" }, ((i = (r = this.confirmationEmail) == null ? void 0 : r.booking_confirmed) == null ? void 0 : i.title) ?? `Booking confirmed with ${e ? ` ${e}` : ""}`), S("p", { key: "d7ee4208be4934a80e33d1dd8abb09e0ab00c13b" }, "Booking confirmation email")), this.isConfirmationEmailOpen ? S("div", { class: "confirmation-email-toggle", part: "nce__confirmation-email-toggle--container" }, S("span", { class: `chevron ${this.isConfirmationEmailOpen ? "open" : "closed"} `, onClick: () => this.toggleConfirmationEmail() }, S("chevron-icon", { width: "24", height: "24" }))) : S("button-component", { variant: "basic", clickHandler: (c) => {
+    var r, i, s, o, u, a, l;
+    const e = this.participantsState.find((c) => c.is_organizer), t = (e == null ? void 0 : e.name) || (e == null ? void 0 : e.email);
+    return S(Mr, { key: "bc4803b94f914d083bd33cf4cecd0cac70b0658c" }, S("div", { key: "6445d38b903bffd19b4db004e850f6488ed4c27f", class: "nylas-confirmation-email", part: "nce" }, S("div", { key: "7ce1ccd72ef83717aec42fe0b533902e3a254796", class: "header", part: "nce__header" }, S("div", { key: "cbceb816c30deebc4e053a7abd1da1c82c171ebe" }, S("h3", { key: "36f5b00d5a98d325341ff06b2bb3ba3cf951e94f" }, ((i = (r = this.confirmationEmail) == null ? void 0 : r.booking_confirmed) == null ? void 0 : i.title) ?? `Booking confirmed with ${t ? ` ${t}` : ""}`), S("p", { key: "6f72022d71e5f4e3c03d0f6d07d7f0f5bc0f9686" }, "Booking confirmation email")), this.isConfirmationEmailOpen ? S("div", { class: "confirmation-email-toggle", part: "nce__confirmation-email-toggle--container" }, S("span", { class: `chevron ${this.isConfirmationEmailOpen ? "open" : "closed"} `, onClick: () => this.toggleConfirmationEmail() }, S("chevron-icon", { width: "24", height: "24" }))) : S("button-component", { variant: "basic", clickHandler: (c) => {
       c.preventDefault(), this.toggleConfirmationEmail();
-    } }, S("edit-icon", { width: "16", height: "16" }), "Edit")), this.isConfirmationEmailOpen ? S("div", { class: "nylas-confirmation-email__body", part: "nce__body" }, S("div", { class: "nylas-confirmation-email__section" }, S("div", { class: "nylas-confirmation-email__row" }, S("label", null, "Send confirmation email", S("span", { class: "label-icon" }, S("tooltip-component", null, S("info-icon", { slot: "tooltip-icon" }), S("span", { slot: "tooltip-content" }, "You and your guests will receive a confirmation email immediately upon booking.")))), S("span", { class: "selected-value" }, "Immediately upon booking")), S("div", { class: "nylas-confirmation-email__row" }, S("div", { class: "subsection" }, S("div", { class: "input-container" }, S("label", null, "Company logo URL", S("span", { class: "label-icon" }, S("tooltip-component", null, S("info-icon", { slot: "tooltip-icon" }), S("span", { slot: "tooltip-content" }, "This logo appears in the booking confirmation email. The URL must be publicly accessible. The image will be scaled down to a max size of 200px x 100px.")))), this.confirmationEmail && S("input-image-url", { name: "confirmation-email-logo", exportparts: "iiu__logo-input-textfield: nce__input-image-url", imageUrl: ((s = this.confirmationEmail) == null ? void 0 : s.logo) ?? "" })))), S("div", { class: "nylas-confirmation-email__row full-width-col" }, S("div", { class: "subsection" }, S("h3", null, "Email message"), S("div", { class: "input-container" }, S("label", { htmlFor: "title" }, "Custom email title", S("span", { class: "label-icon" }, S("tooltip-component", null, S("info-icon", { slot: "tooltip-icon" }), S("span", { slot: "tooltip-content" }, "An email title is a headline within the body of the email. This doesn't change the subject line.")))), S("input-component", { name: "confirmation-email-title", maxLength: 60, placeholder: `Booking confirmed ${e ? `with ${e}` : ""}`, defaultValue: ((u = (o = this.confirmationEmail) == null ? void 0 : o.booking_confirmed) == null ? void 0 : u.title) ?? "" })), S("div", { class: "input-container" }, S("textarea-component", { label: "Additional info", name: "confirmation-email-body", id: "confirmation-email-body", placeholder: "Default body", tooltip: "Scheduler adds the content of the box to the email body.", maxLength: 500, defaultValue: ((l = (a = this.confirmationEmail) == null ? void 0 : a.booking_confirmed) == null ? void 0 : l.body) ?? "" })))))) : S("div", { class: "nylas-confirmation-email__summary", part: "nce__summary" }, S("p", null, S("span", { class: "summary-icon" }, S("person-clipboard-icon", null)), "All host & guests"), S("p", null, S("span", { class: "summary-icon" }, S("clock-icon", null)), "Immediately on booking"))));
+    } }, S("edit-icon", { width: "16", height: "16" }), "Edit")), this.isConfirmationEmailOpen ? S("div", { class: "nylas-confirmation-email__body", part: "nce__body" }, S("div", { class: "nylas-confirmation-email__section" }, S("div", { class: "nylas-confirmation-email__row" }, S("label", null, "Send confirmation email", S("span", { class: "label-icon" }, S("tooltip-component", null, S("info-icon", { slot: "tooltip-icon" }), S("span", { slot: "tooltip-content" }, "You and your guests will receive a confirmation email immediately upon booking.")))), S("span", { class: "selected-value" }, "Immediately upon booking")), S("div", { class: "nylas-confirmation-email__row" }, S("div", { class: "subsection" }, S("div", { class: "input-container" }, S("label", null, "Company logo URL", S("span", { class: "label-icon" }, S("tooltip-component", null, S("info-icon", { slot: "tooltip-icon" }), S("span", { slot: "tooltip-content" }, "This logo appears in the booking confirmation email. The URL must be publicly accessible. The image will be scaled down to a max size of 200px x 100px.")))), this.confirmationEmail && S("input-image-url", { name: "confirmation-email-logo", exportparts: "iiu__logo-input-textfield: nce__input-image-url", imageUrl: ((s = this.confirmationEmail) == null ? void 0 : s.logo) ?? "" })))), S("div", { class: "nylas-confirmation-email__row full-width-col" }, S("div", { class: "subsection" }, S("h3", null, "Email message"), S("div", { class: "input-container" }, S("label", { htmlFor: "title" }, "Custom email title", S("span", { class: "label-icon" }, S("tooltip-component", null, S("info-icon", { slot: "tooltip-icon" }), S("span", { slot: "tooltip-content" }, "An email title is a headline within the body of the email. This doesn't change the subject line.")))), S("input-component", { name: "confirmation-email-title", maxLength: 60, placeholder: `Booking confirmed ${t ? `with ${t}` : ""}`, defaultValue: ((u = (o = this.confirmationEmail) == null ? void 0 : o.booking_confirmed) == null ? void 0 : u.title) ?? "" })), S("div", { class: "input-container" }, S("textarea-component", { label: "Additional info", name: "confirmation-email-body", id: "confirmation-email-body", placeholder: "Default body", tooltip: "Scheduler adds the content of the box to the email body.", maxLength: 500, defaultValue: ((l = (a = this.confirmationEmail) == null ? void 0 : a.booking_confirmed) == null ? void 0 : l.body) ?? "" })))))) : S("div", { class: "nylas-confirmation-email__summary", part: "nce__summary" }, S("p", null, S("span", { class: "summary-icon" }, S("person-clipboard-icon", null)), "All host & guests"), S("p", null, S("span", { class: "summary-icon" }, S("clock-icon", null)), "Immediately on booking"))));
   }
   static get formAssociated() {
     return !0;
@@ -12010,13 +12014,13 @@ const oi = Te(class extends $e {
 }, [65, "nylas-confirmation-email", {
   selectedConfiguration: [16],
   confirmationEmailTemplate: [16],
-  isOpen: [4, "is-open"],
   participants: [16],
   name: [1],
+  isOpen: [4, "is-open"],
   confirmationEmail: [32],
   isConfirmationEmailOpen: [32],
   participantsState: [32]
-}, [[0, "nylasFormInputChanged", "nylasFormInputChangeHandler"], [0, "valueChanged", "valueChangedHandler"]], {
+}, [[0, "nylasFormInputChanged", "nylasFormInputChangeHandler"], [0, "valueChanged", "valueChangedHandler"], [0, "nylasFormInputImageUrlInvalid", "nylasFormInputImageUrlInvalidHandler"]], {
   name: ["elementNameChangedHandler"],
   selectedConfiguration: ["selectedConfigurationChangedHandler"]
 }]);