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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (75) hide show
  1. package/dist/cdn/input-image-url/input-image-url.es.js +365 -365
  2. package/dist/cdn/nylas-additional-participants/nylas-additional-participants.es.js +46 -48
  3. package/dist/cdn/nylas-confirmation-email/nylas-confirmation-email.es.js +86 -82
  4. package/dist/cdn/nylas-custom-booking-flow/nylas-custom-booking-flow.es.js +1 -1
  5. package/dist/cdn/nylas-editor-tabs/nylas-editor-tabs.es.js +676 -674
  6. package/dist/cdn/nylas-event-duration/nylas-event-duration.es.js +228 -228
  7. package/dist/cdn/nylas-event-info/nylas-event-info.es.js +2 -2
  8. package/dist/cdn/nylas-event-limits/nylas-event-limits.es.js +2 -2
  9. package/dist/cdn/nylas-form-card/nylas-form-card.es.js +1 -1
  10. package/dist/cdn/nylas-scheduler-editor/nylas-scheduler-editor.es.js +93 -91
  11. package/dist/cdn/nylas-scheduling/nylas-scheduling.es.js +4 -3
  12. package/dist/cdn/nylas-timeslot-picker/nylas-timeslot-picker.es.js +4 -3
  13. package/dist/cjs/calendar-agenda-fill-icon_54.cjs.entry.js +37 -26
  14. package/dist/cjs/calendar-agenda-fill-icon_54.cjs.entry.js.map +1 -1
  15. package/dist/cjs/loader.cjs.js +1 -1
  16. package/dist/cjs/nylas-booked-event-card_12.cjs.entry.js +2 -2
  17. package/dist/cjs/nylas-booked-event-card_12.cjs.entry.js.map +1 -1
  18. package/dist/cjs/nylas-form-card.cjs.entry.js +1 -1
  19. package/dist/cjs/nylas-web-elements.cjs.js +1 -1
  20. package/dist/collection/collection-manifest.json +1 -1
  21. package/dist/collection/components/design-system/input-image-url/input-image-url.js +20 -2
  22. package/dist/collection/components/design-system/input-image-url/input-image-url.js.map +1 -1
  23. package/dist/collection/components/scheduler/nylas-timeslot-picker/nylas-timeslot-picker.js +2 -2
  24. package/dist/collection/components/scheduler/nylas-timeslot-picker/nylas-timeslot-picker.js.map +1 -1
  25. package/dist/collection/components/scheduler-editor/nylas-additional-participants/nylas-additional-participants.js +12 -16
  26. package/dist/collection/components/scheduler-editor/nylas-additional-participants/nylas-additional-participants.js.map +1 -1
  27. package/dist/collection/components/scheduler-editor/nylas-additional-participants/test/nylas-additional-participants.spec.js +106 -0
  28. package/dist/collection/components/scheduler-editor/nylas-additional-participants/test/nylas-additional-participants.spec.js.map +1 -0
  29. package/dist/collection/components/scheduler-editor/nylas-confirmation-email/nylas-confirmation-email.js +52 -28
  30. package/dist/collection/components/scheduler-editor/nylas-confirmation-email/nylas-confirmation-email.js.map +1 -1
  31. package/dist/collection/components/scheduler-editor/nylas-confirmation-email/test/nylas-confirmation-email.spec.js +33 -0
  32. package/dist/collection/components/scheduler-editor/nylas-confirmation-email/test/nylas-confirmation-email.spec.js.map +1 -0
  33. package/dist/collection/components/scheduler-editor/nylas-event-duration/nylas-event-duration.js +5 -3
  34. package/dist/collection/components/scheduler-editor/nylas-event-duration/nylas-event-duration.js.map +1 -1
  35. package/dist/collection/components/scheduler-editor/nylas-event-duration/test/nylas-event-duration.spec.js +55 -0
  36. package/dist/collection/components/scheduler-editor/nylas-event-duration/test/nylas-event-duration.spec.js.map +1 -0
  37. package/dist/collection/components/scheduler-editor/nylas-event-info/nylas-event-info.js +1 -1
  38. package/dist/collection/components/scheduler-editor/nylas-event-limits/nylas-event-limits.js +1 -1
  39. package/dist/collection/components/scheduler-editor/nylas-form-card/nylas-form-card.js +1 -1
  40. package/dist/components/input-image-url2.js +6 -2
  41. package/dist/components/input-image-url2.js.map +1 -1
  42. package/dist/components/nylas-additional-participants2.js +12 -16
  43. package/dist/components/nylas-additional-participants2.js.map +1 -1
  44. package/dist/components/nylas-confirmation-email2.js +14 -5
  45. package/dist/components/nylas-confirmation-email2.js.map +1 -1
  46. package/dist/components/nylas-event-duration2.js +5 -3
  47. package/dist/components/nylas-event-duration2.js.map +1 -1
  48. package/dist/components/nylas-event-info2.js +1 -1
  49. package/dist/components/nylas-event-limits2.js +1 -1
  50. package/dist/components/nylas-form-card2.js +1 -1
  51. package/dist/components/nylas-timeslot-picker2.js +2 -2
  52. package/dist/components/nylas-timeslot-picker2.js.map +1 -1
  53. package/dist/esm/calendar-agenda-fill-icon_54.entry.js +37 -26
  54. package/dist/esm/calendar-agenda-fill-icon_54.entry.js.map +1 -1
  55. package/dist/esm/loader.js +1 -1
  56. package/dist/esm/nylas-booked-event-card_12.entry.js +2 -2
  57. package/dist/esm/nylas-booked-event-card_12.entry.js.map +1 -1
  58. package/dist/esm/nylas-form-card.entry.js +1 -1
  59. package/dist/esm/nylas-web-elements.js +1 -1
  60. package/dist/nylas-web-elements/nylas-web-elements.esm.js +1 -1
  61. package/dist/nylas-web-elements/nylas-web-elements.esm.js.map +1 -1
  62. package/dist/nylas-web-elements/{p-698d229c.entry.js → p-7a1d51ab.entry.js} +2 -2
  63. package/dist/nylas-web-elements/{p-698d229c.entry.js.map → p-7a1d51ab.entry.js.map} +1 -1
  64. package/dist/nylas-web-elements/p-bbf86b8c.entry.js +2 -0
  65. package/dist/nylas-web-elements/p-df131a08.entry.js +8 -0
  66. package/dist/nylas-web-elements/p-df131a08.entry.js.map +1 -0
  67. package/dist/types/components/design-system/input-image-url/input-image-url.d.ts +4 -0
  68. package/dist/types/components/scheduler-editor/nylas-additional-participants/nylas-additional-participants.d.ts +1 -1
  69. package/dist/types/components/scheduler-editor/nylas-confirmation-email/nylas-confirmation-email.d.ts +5 -1
  70. package/dist/types/components.d.ts +18 -6
  71. package/package.json +3 -3
  72. package/dist/nylas-web-elements/p-b9a8d404.entry.js +0 -8
  73. package/dist/nylas-web-elements/p-b9a8d404.entry.js.map +0 -1
  74. package/dist/nylas-web-elements/p-f4334e3a.entry.js +0 -2
  75. /package/dist/nylas-web-elements/{p-f4334e3a.entry.js.map → p-bbf86b8c.entry.js.map} +0 -0
@@ -87,8 +87,8 @@ const Ge = {
87
87
  // TODO(STENCIL-914): remove this option when `experimentalSlotFixes` is the default behavior
88
88
  experimentalSlotFixes: !1
89
89
  };
90
- let at, Xn, St, As = !1, an = !1, Ar = !1, ge = !1, ai = null, er = !1;
91
- const Xe = (n, e = "") => () => {
90
+ let ut, Xn, St, As = !1, an = !1, Ar = !1, ge = !1, ai = null, er = !1;
91
+ const et = (n, e = "") => () => {
92
92
  }, 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");
93
93
  function Em(n) {
94
94
  var e, t, r;
@@ -137,7 +137,7 @@ const S = (n, e, ...t) => {
137
137
  }
138
138
  const e = un(n.vtag, n.vtext);
139
139
  return e.$attrs$ = n.vattrs, e.$children$ = n.vchildren, e.$key$ = n.vkey, e.$name$ = n.vname, e;
140
- }, 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) => {
140
+ }, 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) => {
141
141
  const r = nn(n);
142
142
  return {
143
143
  emit: (i) => Am(r, e, {
@@ -171,7 +171,7 @@ const S = (n, e, ...t) => {
171
171
  } else n.adoptedStyleSheets.includes(s) || (n.adoptedStyleSheets = [...n.adoptedStyleSheets, s]);
172
172
  return i;
173
173
  }, Dm = (n) => {
174
- 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$);
174
+ 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$);
175
175
  r & 10 && (t["s-sc"] = s, t.classList.add(s + "-h"), r & 2 && t.classList.add(s + "-s")), i();
176
176
  }, Is = (n, e) => "sc-" + (e && n.$flags$ & 32 ? n.$tagName$ + "-" + e : n.$tagName$), di = (n, e, t, r, i, s) => {
177
177
  if (t !== r) {
@@ -217,7 +217,7 @@ const S = (n, e, ...t) => {
217
217
  }, ln = (n, e, t, r) => {
218
218
  const i = e.$children$[t];
219
219
  let s = 0, o, u, a;
220
- if (As || (Ar = !0, i.$tag$ === "slot" && (at && r.classList.add(at + "-s"), i.$flags$ |= i.$children$ ? (
220
+ if (As || (Ar = !0, i.$tag$ === "slot" && (ut && r.classList.add(ut + "-s"), i.$flags$ |= i.$children$ ? (
221
221
  // slot element has fallback content
222
222
  2
223
223
  ) : (
@@ -228,7 +228,7 @@ const S = (n, e, ...t) => {
228
228
  else if (i.$flags$ & 1)
229
229
  o = i.$elm$ = Ce.createTextNode("");
230
230
  else {
231
- 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$)
231
+ 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$)
232
232
  for (s = 0; s < i.$children$.length; ++s)
233
233
  u = ln(n, i, s, o), u && o.appendChild(u);
234
234
  i.$tag$ === "svg" ? ge = !1 : o.tagName === "foreignObject" && (ge = !0);
@@ -266,23 +266,23 @@ const S = (n, e, ...t) => {
266
266
  else if (g == null)
267
267
  g = r[--f];
268
268
  else if (Ht(c, h, i))
269
- ut(c, h, i), c = e[++s], h = r[++o];
269
+ lt(c, h, i), c = e[++s], h = r[++o];
270
270
  else if (Ht(d, g, i))
271
- ut(d, g, i), d = e[--l], g = r[--f];
271
+ lt(d, g, i), d = e[--l], g = r[--f];
272
272
  else if (Ht(c, g, i))
273
- (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];
273
+ (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];
274
274
  else if (Ht(d, h, i))
275
- (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];
275
+ (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];
276
276
  else {
277
277
  for (u = -1, a = s; a <= l; ++a)
278
278
  if (e[a] && e[a].$key$ !== null && e[a].$key$ === h.$key$) {
279
279
  u = a;
280
280
  break;
281
281
  }
282
- 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$));
282
+ 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$));
283
283
  }
284
284
  s > l ? Os(n, r[f + 1] == null ? null : r[f + 1].$elm$, t, r, o, f) : o > f && _s(e, s, l);
285
- }, 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) => {
285
+ }, 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) => {
286
286
  const r = e.$elm$ = n.$elm$, i = n.$children$, s = e.$children$, o = e.$tag$, u = e.$text$;
287
287
  let a;
288
288
  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) => {
338
338
  if (St = a.tagName, l.$attrsToReflect$ && (d.$attrs$ = d.$attrs$ || {}, l.$attrsToReflect$.map(([f, h]) => d.$attrs$[h] = a[f])), t && d.$attrs$)
339
339
  for (const f of Object.keys(d.$attrs$))
340
340
  a.hasAttribute(f) && !["key", "ref", "style", "class"].includes(f) && (d.$attrs$[f] = a[f]);
341
- 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);
341
+ 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);
342
342
  {
343
343
  if (le.$flags$ |= 1, Ar) {
344
344
  Ls(d.$elm$);
@@ -378,13 +378,13 @@ const S = (n, e, ...t) => {
378
378
  Xn = void 0;
379
379
  }, Lm = (n, e) => {
380
380
  }, Fs = (n, e) => (n.$flags$ |= 16, Lm(n, n.$ancestorComponent$), og(() => Pm(n, e))), Pm = (n, e) => {
381
- const t = n.$hostElement$, r = Xe("scheduleUpdate", n.$cmpMeta$.$tagName$), i = t;
381
+ const t = n.$hostElement$, r = et("scheduleUpdate", n.$cmpMeta$.$tagName$), i = t;
382
382
  let s;
383
383
  return e ? s = ft(i, "componentWillLoad") : s = ft(i, "componentWillUpdate"), s = mi(s, () => ft(i, "componentWillRender")), r(), mi(s, () => Um(n, i, e));
384
384
  }, 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) => {
385
- const r = n.$hostElement$, i = Xe("update", n.$cmpMeta$.$tagName$);
385
+ const r = n.$hostElement$, i = et("update", n.$cmpMeta$.$tagName$);
386
386
  r["s-rc"], t && Dm(n);
387
- const s = Xe("render", n.$cmpMeta$.$tagName$);
387
+ const s = et("render", n.$cmpMeta$.$tagName$);
388
388
  jm(n, e, r, t), s(), i(), qm(n);
389
389
  }, jm = (n, e, t, r) => {
390
390
  try {
@@ -394,7 +394,7 @@ const S = (n, e, ...t) => {
394
394
  }
395
395
  return ai = null, null;
396
396
  }, qm = (n) => {
397
- const e = n.$cmpMeta$.$tagName$, t = n.$hostElement$, r = Xe("postUpdate", e), i = t;
397
+ const e = n.$cmpMeta$.$tagName$, t = n.$hostElement$, r = et("postUpdate", e), i = t;
398
398
  n.$ancestorComponent$, ft(i, "componentDidRender"), n.$flags$ & 64 ? (ft(i, "componentDidUpdate"), r()) : (n.$flags$ |= 64, ft(i, "componentDidLoad"), r());
399
399
  }, ft = (n, e, t) => {
400
400
  if (n && n[e])
@@ -490,7 +490,7 @@ const S = (n, e, ...t) => {
490
490
  typeof o != "string" && (o = o[e.$modeName$ = Cm(n)]);
491
491
  const u = Is(t, e.$modeName$);
492
492
  if (!cn.has(u)) {
493
- const a = Xe("registerStyles", t.$tagName$);
493
+ const a = et("registerStyles", t.$tagName$);
494
494
  Im(u, o, !!(t.$flags$ & 1)), a();
495
495
  }
496
496
  }
@@ -498,7 +498,7 @@ const S = (n, e, ...t) => {
498
498
  }, gi = (n) => {
499
499
  }, Wm = (n) => {
500
500
  if (!(le.$flags$ & 1)) {
501
- const e = Lt(n), t = e.$cmpMeta$, r = Xe("connectedCallback", t.$tagName$);
501
+ const e = Lt(n), t = e.$cmpMeta$, r = et("connectedCallback", t.$tagName$);
502
502
  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
503
503
  t.$flags$ & 12 && Vm(n), t.$members$ && Object.entries(t.$members$).map(([i, [s]]) => {
504
504
  if (s & 31 && n.hasOwnProperty(i)) {
@@ -1727,7 +1727,7 @@ var ir = [
1727
1727
  }, Pg = function(n) {
1728
1728
  return ye(n) ? n : [n];
1729
1729
  };
1730
- function rt(n, e, t) {
1730
+ function it(n, e, t) {
1731
1731
  t === void 0 && (t = " ");
1732
1732
  var r = String(n);
1733
1733
  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) {
1746
1746
  return !_e(n);
1747
1747
  }, Q = function(n, e) {
1748
1748
  return ie(n) && n.indexOf(e) !== -1;
1749
- }, et = function(n, e, t, r, i, s) {
1749
+ }, tt = function(n, e, t, r, i, s) {
1750
1750
  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));
1751
- }, 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) {
1751
+ }, 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) {
1752
1752
  return n % 4 === 0 && n % 100 !== 0 || n % 400 === 0;
1753
1753
  }, uo = function(n) {
1754
1754
  return n instanceof Date;
@@ -1769,7 +1769,7 @@ var Fg = function(n, e, t) {
1769
1769
  }, ht = function(n) {
1770
1770
  return jg[n.getUTCDay()];
1771
1771
  }, Ci = function(n, e) {
1772
- var t = et(n, e + 1, 1);
1772
+ var t = tt(n, e + 1, 1);
1773
1773
  return [ht(t), Hg(t)];
1774
1774
  }, co = function(n, e) {
1775
1775
  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) {
1788
1788
  e === void 0 && (e = !0);
1789
1789
  var t = new Date(n);
1790
1790
  return [
1791
- rt(t.getUTCFullYear().toString(), 4, "0"),
1792
- rt(t.getUTCMonth() + 1, 2, "0"),
1793
- rt(t.getUTCDate(), 2, "0"),
1791
+ it(t.getUTCFullYear().toString(), 4, "0"),
1792
+ it(t.getUTCMonth() + 1, 2, "0"),
1793
+ it(t.getUTCDate(), 2, "0"),
1794
1794
  "T",
1795
- rt(t.getUTCHours(), 2, "0"),
1796
- rt(t.getUTCMinutes(), 2, "0"),
1797
- rt(t.getUTCSeconds(), 2, "0"),
1795
+ it(t.getUTCHours(), 2, "0"),
1796
+ it(t.getUTCMinutes(), 2, "0"),
1797
+ it(t.getUTCSeconds(), 2, "0"),
1798
1798
  e ? "Z" : ""
1799
1799
  ].join("");
1800
1800
  }, Lr = function(n) {
@@ -1808,7 +1808,7 @@ var Fg = function(n, e, t) {
1808
1808
  }, Yg = function(n, e) {
1809
1809
  var t = Intl.DateTimeFormat().resolvedOptions().timeZone, r = new Date(Ai(n, t)), i = new Date(Ai(n, e ?? "UTC")), s = i.getTime() - r.getTime();
1810
1810
  return new Date(n.getTime() - s);
1811
- }, lt = (
1811
+ }, ct = (
1812
1812
  /** @class */
1813
1813
  function() {
1814
1814
  function n(e, t) {
@@ -1886,7 +1886,7 @@ var Ii = (
1886
1886
  return e.prototype.add = function(t) {
1887
1887
  return this.iterator(t, this._result.length) ? (this._result.push(t), !0) : !1;
1888
1888
  }, e;
1889
- }(lt)
1889
+ }(ct)
1890
1890
  ), dn = {
1891
1891
  dayNames: [
1892
1892
  "Sunday",
@@ -2752,7 +2752,7 @@ var sb = (
2752
2752
  }
2753
2753
  }
2754
2754
  if (!r && this.all) {
2755
- for (var l = new lt(e, t), u = 0; u < this.all.length && l.accept(this.all[u]); u++)
2755
+ for (var l = new ct(e, t), u = 0; u < this.all.length && l.accept(this.all[u]); u++)
2756
2756
  ;
2757
2757
  r = l.getValue(), this._cacheAdd(e, r, t);
2758
2758
  }
@@ -2765,7 +2765,7 @@ var sb = (
2765
2765
  return n;
2766
2766
  }();
2767
2767
  function yb(n, e) {
2768
- 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 });
2768
+ 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 });
2769
2769
  if (_e(e.byweekno))
2770
2770
  return u;
2771
2771
  u.wnomask = W(0, r + 7);
@@ -2791,7 +2791,7 @@ function yb(n, e) {
2791
2791
  if (Q(e.byweekno, -1))
2792
2792
  A = -1;
2793
2793
  else {
2794
- var N = ht(et(n - 1, 1, 1)), D = Ee(7 - N.valueOf() + e.wkst, 7), _ = Tt(n - 1) ? 366 : 365, L = void 0;
2794
+ var N = ht(tt(n - 1, 1, 1)), D = Ee(7 - N.valueOf() + e.wkst, 7), _ = Tt(n - 1) ? 366 : 365, L = void 0;
2795
2795
  D >= 4 ? (D = 0, L = _ + Ee(N - e.wkst, 7)) : L = r - c, A = Math.floor(52 + Ee(L, 7) / 4);
2796
2796
  }
2797
2797
  if (Q(e.byweekno, A))
@@ -2801,7 +2801,7 @@ function yb(n, e) {
2801
2801
  return u;
2802
2802
  }
2803
2803
  function xb(n) {
2804
- var e = Tt(n) ? 366 : 365, t = et(n, 1, 1), r = ht(t);
2804
+ var e = Tt(n) ? 366 : 365, t = tt(n, 1, 1), r = ht(t);
2805
2805
  return e === 365 ? {
2806
2806
  mmask: ob,
2807
2807
  mdaymask: fb,
@@ -2936,11 +2936,11 @@ var kb = (
2936
2936
  s[o] = o;
2937
2937
  return [s, r, i];
2938
2938
  }, n.prototype.wdayset = function(e, t, r) {
2939
- 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++)
2939
+ 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++)
2940
2940
  ;
2941
2941
  return [i, o, s];
2942
2942
  }, n.prototype.ddayset = function(e, t, r) {
2943
- var i = W(null, this.yearlen), s = sr(et(e, t, r)) - this.yearordinal;
2943
+ var i = W(null, this.yearlen), s = sr(tt(e, t, r)) - this.yearordinal;
2944
2944
  return i[s] = s, [i, s, s + 1];
2945
2945
  }, n.prototype.htimeset = function(e, t, r, i) {
2946
2946
  var s = this, o = [];
@@ -3107,7 +3107,7 @@ var Se = {
3107
3107
  if (e)
3108
3108
  return this._iter(new Ii("all", {}, e));
3109
3109
  var t = this._cacheGet("all");
3110
- return t === !1 && (t = this._iter(new lt("all", {})), this._cacheAdd("all", t)), t;
3110
+ return t === !1 && (t = this._iter(new ct("all", {})), this._cacheAdd("all", t)), t;
3111
3111
  }, n.prototype.between = function(e, t, r, i) {
3112
3112
  if (r === void 0 && (r = !1), !kt(e) || !kt(t))
3113
3113
  throw new Error("Invalid date passed in to RRule.between");
@@ -3119,17 +3119,17 @@ var Se = {
3119
3119
  if (i)
3120
3120
  return this._iter(new Ii("between", s, i));
3121
3121
  var o = this._cacheGet("between", s);
3122
- return o === !1 && (o = this._iter(new lt("between", s)), this._cacheAdd("between", o, s)), o;
3122
+ return o === !1 && (o = this._iter(new ct("between", s)), this._cacheAdd("between", o, s)), o;
3123
3123
  }, n.prototype.before = function(e, t) {
3124
3124
  if (t === void 0 && (t = !1), !kt(e))
3125
3125
  throw new Error("Invalid date passed in to RRule.before");
3126
3126
  var r = { dt: e, inc: t }, i = this._cacheGet("before", r);
3127
- return i === !1 && (i = this._iter(new lt("before", r)), this._cacheAdd("before", i, r)), i;
3127
+ return i === !1 && (i = this._iter(new ct("before", r)), this._cacheAdd("before", i, r)), i;
3128
3128
  }, n.prototype.after = function(e, t) {
3129
3129
  if (t === void 0 && (t = !1), !kt(e))
3130
3130
  throw new Error("Invalid date passed in to RRule.after");
3131
3131
  var r = { dt: e, inc: t }, i = this._cacheGet("after", r);
3132
- return i === !1 && (i = this._iter(new lt("after", r)), this._cacheAdd("after", i, r)), i;
3132
+ return i === !1 && (i = this._iter(new ct("after", r)), this._cacheAdd("after", i, r)), i;
3133
3133
  }, n.prototype.count = function() {
3134
3134
  return this.all().length;
3135
3135
  }, n.prototype.toString = function() {
@@ -3571,7 +3571,7 @@ function mo(n, e, t) {
3571
3571
  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]);
3572
3572
  return n;
3573
3573
  }
3574
- function it(n) {
3574
+ function st(n) {
3575
3575
  return n.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
3576
3576
  }
3577
3577
  var qb = {
@@ -4291,7 +4291,7 @@ class e2 {
4291
4291
  maxReplaces: C,
4292
4292
  alwaysFormat: A
4293
4293
  } = e.interpolation;
4294
- 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();
4294
+ 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();
4295
4295
  }
4296
4296
  reset() {
4297
4297
  this.options && this.init(this.options);
@@ -4409,7 +4409,7 @@ function t2(n) {
4409
4409
  formatOptions: t
4410
4410
  };
4411
4411
  }
4412
- function st(n) {
4412
+ function ot(n) {
4413
4413
  const e = {};
4414
4414
  return function(r, i, s) {
4415
4415
  const o = i + JSON.stringify(s);
@@ -4421,32 +4421,32 @@ class n2 {
4421
4421
  constructor() {
4422
4422
  let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
4423
4423
  this.logger = Le.create("formatter"), this.options = e, this.formats = {
4424
- number: st((t, r) => {
4424
+ number: ot((t, r) => {
4425
4425
  const i = new Intl.NumberFormat(t, {
4426
4426
  ...r
4427
4427
  });
4428
4428
  return (s) => i.format(s);
4429
4429
  }),
4430
- currency: st((t, r) => {
4430
+ currency: ot((t, r) => {
4431
4431
  const i = new Intl.NumberFormat(t, {
4432
4432
  ...r,
4433
4433
  style: "currency"
4434
4434
  });
4435
4435
  return (s) => i.format(s);
4436
4436
  }),
4437
- datetime: st((t, r) => {
4437
+ datetime: ot((t, r) => {
4438
4438
  const i = new Intl.DateTimeFormat(t, {
4439
4439
  ...r
4440
4440
  });
4441
4441
  return (s) => i.format(s);
4442
4442
  }),
4443
- relativetime: st((t, r) => {
4443
+ relativetime: ot((t, r) => {
4444
4444
  const i = new Intl.RelativeTimeFormat(t, {
4445
4445
  ...r
4446
4446
  });
4447
4447
  return (s) => i.format(s, r.range || "day");
4448
4448
  }),
4449
- list: st((t, r) => {
4449
+ list: ot((t, r) => {
4450
4450
  const i = new Intl.ListFormat(t, {
4451
4451
  ...r
4452
4452
  });
@@ -4464,7 +4464,7 @@ class n2 {
4464
4464
  this.formats[e.toLowerCase().trim()] = t;
4465
4465
  }
4466
4466
  addCached(e, t) {
4467
- this.formats[e.toLowerCase().trim()] = st(t);
4467
+ this.formats[e.toLowerCase().trim()] = ot(t);
4468
4468
  }
4469
4469
  format(e, t, r) {
4470
4470
  let i = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : {};
@@ -6948,7 +6948,7 @@ class X1 {
6948
6948
  this.baseState !== E.Text && this.baseState !== E.InSpecialTag ? this.cbs.onattribentity(e) : this.cbs.ontextentity(e);
6949
6949
  }
6950
6950
  }
6951
- const ot = /* @__PURE__ */ new Set([
6951
+ const at = /* @__PURE__ */ new Set([
6952
6952
  "input",
6953
6953
  "option",
6954
6954
  "optgroup",
@@ -6969,12 +6969,12 @@ const ot = /* @__PURE__ */ new Set([
6969
6969
  ["h4", J],
6970
6970
  ["h5", J],
6971
6971
  ["h6", J],
6972
- ["select", ot],
6973
- ["input", ot],
6974
- ["output", ot],
6975
- ["button", ot],
6976
- ["datalist", ot],
6977
- ["textarea", ot],
6972
+ ["select", at],
6973
+ ["input", at],
6974
+ ["output", at],
6975
+ ["button", at],
6976
+ ["datalist", at],
6977
+ ["textarea", at],
6978
6978
  ["option", /* @__PURE__ */ new Set(["option"])],
6979
6979
  ["optgroup", /* @__PURE__ */ new Set(["optgroup", "option"])],
6980
6980
  ["dd", es],
@@ -7457,7 +7457,7 @@ function xe(n) {
7457
7457
  function Rn(n) {
7458
7458
  return n.type === K.CDATA;
7459
7459
  }
7460
- function tt(n) {
7460
+ function nt(n) {
7461
7461
  return n.type === K.Text;
7462
7462
  }
7463
7463
  function Gr(n) {
@@ -7474,7 +7474,7 @@ function Ze(n) {
7474
7474
  }
7475
7475
  function gp(n, e = !1) {
7476
7476
  let t;
7477
- if (tt(n))
7477
+ if (nt(n))
7478
7478
  t = new dr(n.data);
7479
7479
  else if (Gr(n))
7480
7480
  t = new fp(n.data);
@@ -7832,13 +7832,13 @@ function G2(n, e) {
7832
7832
  }
7833
7833
  function rn(n) {
7834
7834
  return Array.isArray(n) ? n.map(rn).join("") : xe(n) ? n.name === "br" ? `
7835
- ` : rn(n.children) : Rn(n) ? rn(n.children) : tt(n) ? n.data : "";
7835
+ ` : rn(n.children) : Rn(n) ? rn(n.children) : nt(n) ? n.data : "";
7836
7836
  }
7837
7837
  function wn(n) {
7838
- return Array.isArray(n) ? n.map(wn).join("") : Ze(n) && !Gr(n) ? wn(n.children) : tt(n) ? n.data : "";
7838
+ return Array.isArray(n) ? n.map(wn).join("") : Ze(n) && !Gr(n) ? wn(n.children) : nt(n) ? n.data : "";
7839
7839
  }
7840
7840
  function pr(n) {
7841
- return Array.isArray(n) ? n.map(pr).join("") : Ze(n) && (n.type === K.Tag || Rn(n)) ? pr(n.children) : tt(n) ? n.data : "";
7841
+ return Array.isArray(n) ? n.map(pr).join("") : Ze(n) && (n.type === K.Tag || Rn(n)) ? pr(n.children) : nt(n) ? n.data : "";
7842
7842
  }
7843
7843
  function vp(n) {
7844
7844
  return Ze(n) ? n.children : [];
@@ -7986,7 +7986,7 @@ const kn = {
7986
7986
  return typeof n == "function" ? (e) => n(e.type) : (e) => e.type === n;
7987
7987
  },
7988
7988
  tag_contains(n) {
7989
- return typeof n == "function" ? (e) => tt(e) && n(e.data) : (e) => tt(e) && e.data === n;
7989
+ return typeof n == "function" ? (e) => nt(e) && n(e.data) : (e) => nt(e) && e.data === n;
7990
7990
  }
7991
7991
  };
7992
7992
  function Tp(n, e) {
@@ -8145,7 +8145,7 @@ const yy = /* @__PURE__ */ Object.freeze({
8145
8145
  __proto__: null,
8146
8146
  isTag: xe,
8147
8147
  isCDATA: Rn,
8148
- isText: tt,
8148
+ isText: nt,
8149
8149
  isComment: Gr,
8150
8150
  isDocument: mp,
8151
8151
  hasChildren: Ze,
@@ -9413,14 +9413,14 @@ Be.registerAtRule = (n) => {
9413
9413
  Be.registerRoot = (n) => {
9414
9414
  zp = n;
9415
9415
  };
9416
- var nt = Be;
9416
+ var rt = Be;
9417
9417
  Be.default = Be;
9418
9418
  Be.rebuild = (n) => {
9419
9419
  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) => {
9420
9420
  Be.rebuild(e);
9421
9421
  });
9422
9422
  };
9423
- let b3 = nt, Vp, Kp;
9423
+ let b3 = rt, Vp, Kp;
9424
9424
  class Dt extends b3 {
9425
9425
  constructor(e) {
9426
9426
  super({ type: "document", ...e }), this.nodes || (this.nodes = []);
@@ -9583,7 +9583,7 @@ var I3 = function(e, t = {}) {
9583
9583
  position: N
9584
9584
  };
9585
9585
  };
9586
- let Jp = nt;
9586
+ let Jp = rt;
9587
9587
  class $n extends Jp {
9588
9588
  constructor(e) {
9589
9589
  super(e), this.type = "atrule";
@@ -9598,7 +9598,7 @@ class $n extends Jp {
9598
9598
  var ni = $n;
9599
9599
  $n.default = $n;
9600
9600
  Jp.registerAtRule($n);
9601
- let Qp = nt, Xp, em;
9601
+ let Qp = rt, Xp, em;
9602
9602
  class mt extends Qp {
9603
9603
  constructor(e) {
9604
9604
  super(e), this.type = "root", this.nodes || (this.nodes = []);
@@ -9649,7 +9649,7 @@ let Ot = {
9649
9649
  };
9650
9650
  var tm = Ot;
9651
9651
  Ot.default = Ot;
9652
- let nm = nt, M3 = tm;
9652
+ let nm = rt, M3 = tm;
9653
9653
  class Sn extends nm {
9654
9654
  constructor(e) {
9655
9655
  super(e), this.type = "rule", this.nodes || (this.nodes = []);
@@ -9973,7 +9973,7 @@ class P3 {
9973
9973
  }
9974
9974
  }
9975
9975
  var F3 = P3;
9976
- let U3 = nt, j3 = F3, q3 = Un;
9976
+ let U3 = rt, j3 = F3, q3 = Un;
9977
9977
  function Cn(n, e) {
9978
9978
  let t = new q3(n, e), r = new j3(t);
9979
9979
  try {
@@ -9986,7 +9986,7 @@ function Cn(n, e) {
9986
9986
  var ii = Cn;
9987
9987
  Cn.default = Cn;
9988
9988
  U3.registerParse(Cn);
9989
- let { isClean: Me, my: H3 } = Ut, Y3 = Fp, z3 = Ln, G3 = nt, W3 = ei, Ts = ti, V3 = ii, K3 = jt;
9989
+ let { isClean: Me, my: H3 } = Ut, Y3 = Fp, z3 = Ln, G3 = rt, W3 = ei, Ts = ti, V3 = ii, K3 = jt;
9990
9990
  const Z3 = {
9991
9991
  document: "Document",
9992
9992
  root: "Root",
@@ -10448,7 +10448,7 @@ function Rt(n, e) {
10448
10448
  }
10449
10449
  var g6 = Rt;
10450
10450
  Rt.default = Rt;
10451
- 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;
10451
+ 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;
10452
10452
  function Z(...n) {
10453
10453
  return n.length === 1 && Array.isArray(n[0]) && (n = n[0]), new si(n);
10454
10454
  }
@@ -11609,7 +11609,7 @@ const mx = ':host{display:block;height:auto;--nylas-primary:#2563eb;--nylas-erro
11609
11609
  phone_number: "1234567890"
11610
11610
  }, xx = Te(class extends $e {
11611
11611
  constructor() {
11612
- 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 = "";
11612
+ 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 = "";
11613
11613
  }
11614
11614
  handleDefaultValueChange(e) {
11615
11615
  this.value = dt(e), this.value && this.validatePattern(this.value);
@@ -11710,7 +11710,7 @@ var kx = function(n, e, t, r) {
11710
11710
  };
11711
11711
  const bm = Te(class extends $e {
11712
11712
  constructor() {
11713
- 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;
11713
+ 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;
11714
11714
  }
11715
11715
  connectedCallback() {
11716
11716
  ee("nylas-image-input", "connectedCallback");
@@ -11751,11 +11751,11 @@ const bm = Te(class extends $e {
11751
11751
  this.errorMessage = "", Y6(e).then(() => {
11752
11752
  this.currentImageUrl = e, this.internals.setValidity({}), this.internals.setFormValue(this.currentImageUrl, this.name), this.valueChanged.emit({ value: this.currentImageUrl, name: this.name });
11753
11753
  }).catch(() => {
11754
- this.internals.setValidity({ customError: !0 }, "Invalid image URL."), this.errorMessage = "Invalid image URL.";
11754
+ 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.");
11755
11755
  });
11756
11756
  }
11757
11757
  render() {
11758
- return S(Mr, { key: "37ae40e1bc1eadb1d66f68b26e66b9b0046752b0" }, S("div", { key: "fe6024927698ba0d41e4875d0f190cf610afe7d7", class: "logo-container" }, S("div", { key: "b61b97fb4a518e68773304eaa55833104bc246c8", class: "input-container" }, S("input-component", { key: "f918ef5a13ec93e71635ca205534894c97243fe4", 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" }))));
11758
+ 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" }))));
11759
11759
  }
11760
11760
  static get formAssociated() {
11761
11761
  return !0;
@@ -11867,7 +11867,7 @@ function ym() {
11867
11867
  }
11868
11868
  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 {
11869
11869
  constructor() {
11870
- 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 = "";
11870
+ 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 = "";
11871
11871
  }
11872
11872
  componentDidLoad() {
11873
11873
  this.value = dt(this.defaultValue || "");
@@ -11943,7 +11943,7 @@ var Lx = function(n, e, t, r) {
11943
11943
  };
11944
11944
  const oi = Te(class extends $e {
11945
11945
  constructor() {
11946
- 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;
11946
+ 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;
11947
11947
  }
11948
11948
  connectedCallback() {
11949
11949
  ee("nylas-confirmation-email", "connectedCallback");
@@ -11972,7 +11972,11 @@ const oi = Te(class extends $e {
11972
11972
  valueChangedHandler(e) {
11973
11973
  ee("nylas-confirmation-email", "valueChangedHandler", e.detail);
11974
11974
  const { value: t, name: r } = e.detail;
11975
- 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 }));
11975
+ 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({})));
11976
+ }
11977
+ async nylasFormInputImageUrlInvalidHandler(e) {
11978
+ const { value: t, name: r } = e.detail;
11979
+ r === "confirmation-email-logo" && typeof this.internals.setValidity == "function" && this.internals.setValidity({ customError: !0 }, t || "Invalid image URL.");
11976
11980
  }
11977
11981
  updateConfirmationFormValue() {
11978
11982
  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 });
@@ -11988,7 +11992,7 @@ const oi = Te(class extends $e {
11988
11992
  render() {
11989
11993
  var r, i, s, o, u, a, l;
11990
11994
  const e = this.participantsState.find((c) => c.is_organizer), t = (e == null ? void 0 : e.name) || (e == null ? void 0 : e.email);
11991
- return S(Mr, { key: "0cd4c1886c65ead0e525ea96fe26a1316c61db7f" }, S("div", { key: "1901775f8a1364fe16485eeaf27d44862e74a642", class: "nylas-confirmation-email", part: "nce" }, S("div", { key: "241cf1a885d4d97d53c158e5691e350aa14b549f", class: "header", part: "nce__header" }, S("div", { key: "e37c36a4d8f1f82669f3a397969202d3a2612b0e" }, S("h3", { key: "ae34b848907720867cb014000e5b7367bcabedb3" }, ((i = (r = this.confirmationEmail) == null ? void 0 : r.booking_confirmed) == null ? void 0 : i.title) ?? `Booking confirmed with ${t ? ` ${t}` : ""}`), S("p", { key: "97d7c78a88b20be8c5b0a27485f917628f1c6edc" }, "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) => {
11995
+ 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) => {
11992
11996
  c.preventDefault(), this.toggleConfirmationEmail();
11993
11997
  } }, 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"))));
11994
11998
  }
@@ -12010,13 +12014,13 @@ const oi = Te(class extends $e {
12010
12014
  }, [65, "nylas-confirmation-email", {
12011
12015
  selectedConfiguration: [16],
12012
12016
  confirmationEmailTemplate: [16],
12013
- isOpen: [4, "is-open"],
12014
12017
  participants: [16],
12015
12018
  name: [1],
12019
+ isOpen: [4, "is-open"],
12016
12020
  confirmationEmail: [32],
12017
12021
  isConfirmationEmailOpen: [32],
12018
12022
  participantsState: [32]
12019
- }, [[0, "nylasFormInputChanged", "nylasFormInputChangeHandler"], [0, "valueChanged", "valueChangedHandler"]], {
12023
+ }, [[0, "nylasFormInputChanged", "nylasFormInputChangeHandler"], [0, "valueChanged", "valueChangedHandler"], [0, "nylasFormInputImageUrlInvalid", "nylasFormInputImageUrlInvalidHandler"]], {
12020
12024
  name: ["elementNameChangedHandler"],
12021
12025
  selectedConfiguration: ["selectedConfigurationChangedHandler"]
12022
12026
  }]);
@@ -9130,7 +9130,7 @@ const F1 = Uu(class extends Yu {
9130
9130
  ce("nylas-event-card", "disconnectedCallback"), I1(["header-title", "header-subtitle", "content"], this.host);
9131
9131
  }
9132
9132
  render() {
9133
- return re(Wr, { key: "e79321333887319f48356c64cb2e04539edf1d79" }, re("div", { key: "9a33c42c38012c5277ecc0d60523211671866378", class: "nylas-form-card", part: "nfc" }, re("div", { key: "905eed6cd8c79bda19fb3c5ab49802ae697a0ab9", class: "nylas-form-card__header", part: "nfc__header" }, re("slot", { key: "db749b7eb575845c2b8d8e4a12ea0c3ffea4842a", name: "header-title" }), re("slot", { key: "5b9ac54446f1b1b49a9f0f2e2b45e3785acb9686", name: "header-subtitle" })), re("div", { key: "6893e68e48f990c6dfc3d3c3052dfba988b21807", class: "nylas-form-card__content" }, re("slot", { key: "fac98a2a1a6b162bc3f4aed735b584c4d5e509a3", name: "content" }))));
9133
+ return re(Wr, { key: "5ccd047d1a8bb515dea8aa7b9d7d39265afc31c9" }, re("div", { key: "c40f52eaa4d099d92d65b0df662cd2de1b5f35c7", class: "nylas-form-card", part: "nfc" }, re("div", { key: "545dabd81dce9b4f6f5f1d129071e1136f62e609", class: "nylas-form-card__header", part: "nfc__header" }, re("slot", { key: "2be9b24f91316235be7132a6466cd16b9dfe813c", name: "header-title" }), re("slot", { key: "3414a084465efc50a3856291dff61d8ef3b3c617", name: "header-subtitle" })), re("div", { key: "cc07650a55afd7fc5d2429ff3611168977775bc8", class: "nylas-form-card__content" }, re("slot", { key: "d50dd8dfbfea1ad84876495e72dd03102e2bc0dc", name: "content" }))));
9134
9134
  }
9135
9135
  static get formAssociated() {
9136
9136
  return !0;