@nylas/react 2.0.4 → 2.1.0

package/dist/{checkbox-group_4.entry-04561314.js → checkbox-group_4.entry-51f03009.js}

@@ -1,23 +1,34 @@
-import { r as St, a as W, h as g, g as Dt, d as x, u as ir, t as rr, i as _, b as z, H as vn, R as Nt, I as ea } from "./index-2084ffd9.js";
-import { R as yn } from "./register-component-8bbd6492-0d8737fd.js";
+import { r as St, c as W, h as g, g as Dt, H as vn } from "./index-025be398.js";
+import { R as yn } from "./register-component-3acd57e7-cb09c05e.js";
+import { a as x, u as ir, t as rr, i as _, b as z, J as Nt, A as ea } from "./utils-31933f5d-15041585.js";
 import { T as Pt } from "./constants-f51538ef-e0a5f026.js";
-import { c as ta } from "./customParseFormat-8be9be1b-2464f2ba.js";
+import { c as ta } from "./customParseFormat-b5d95b34-ce80820c.js";
+import "@nylas/web-elements";
 import "react";
+import "@nylas/connect";
 import "react/jsx-runtime";
 import "react-dom";
 const na = ":host{display:block}.checkbox-group-container{display:flex;flex-direction:column;gap:0.5rem}.group-label{font-weight:500;margin-bottom:0.25rem}.group-label .required{color:var(--nylas-error);margin-left:0.25rem}.checkbox-list{display:flex;gap:16px}.checkbox-list.vertical{flex-direction:column}.checkbox-list.horizontal{flex-direction:row;align-items:center}.checkbox-list checkbox-component{width:max-content}.checkbox-list checkbox-component::part(checkbox-label-span){width:inherit;margin-left:24px}.error{color:var(--nylas-error);font-size:0.875rem;margin-top:0.25rem}", ia = na, ra = class {
   constructor(t) {
-    St(this, t), this.nylasCheckboxGroupChanged = W(this, "nylasCheckboxGroupChanged", 7), this.componentType = "checkbox-group", this.name = "checkbox-group", this.label = "", this.options = [], this.required = !1, this.direction = "vertical", this.error = "", this.selectedValues = [];
+    St(this, t), this.nylasCheckboxGroupChanged = W(this, "nylasCheckboxGroupChanged", 7), this.componentType = "checkbox-group", this.name = "checkbox-group", this.label = "", this.options = [], this.required = !1, this.direction = "vertical", this.themeConfig = void 0, this.error = "", this.selectedValues = [];
   }
   componentWillLoad() {
     this.el.setAttribute("component-type", this.componentType);
   }
   componentDidLoad() {
-    this.selectedValues = this.options.filter((t) => t.checked).map((t) => t.value);
+    this.selectedValues = this.options.filter((t) => t.checked).map((t) => t.value), this.applyThemeConfig(this.themeConfig);
   }
   optionsChangedHandler(t, e) {
     JSON.stringify(t) !== JSON.stringify(e) && (this.selectedValues = t.filter((n) => n.checked).map((n) => n.value));
   }
+  themeConfigChangedHandler(t, e) {
+    t !== e && this.applyThemeConfig(t);
+  }
+  applyThemeConfig(t) {
+    if (t)
+      for (const [e, n] of Object.entries(t))
+        this.el.style.setProperty(`${e}`, n);
+  }
   handleBookingFormSubmitted(t) {
     this.required && !this.hasCheckedOptions() && (this.error = "Please select at least one option."), this.error && t.preventDefault();
   }
@@ -38,14 +49,15 @@ const na = ":host{display:block}.checkbox-group-container{display:flex;flex-dire
     this.handleCheckboxToggle(t);
   }
   render() {
-    return g("div", { key: "76ae2efb8faa2b161472a0330e398b1557e149a2", class: "checkbox-group-container" }, this.label && g("div", { class: "group-label" }, this.label, this.required && g("span", { class: "required" }, "*")), g("div", { key: "fbc0e62c6ea9cd92bf1195721910f6a03b031900", class: `checkbox-list ${this.direction}` }, this.options.map((t) => g("checkbox-component", { name: `${this.name}-${t.value}`, label: t.label, checked: this.selectedValues.includes(t.value), readOnly: t.disabled, required: this.required }))), this.error && g("p", { class: "error" }, this.error));
+    return g("div", { key: "0bd42088f8f82790fe46cbf6f82dc12ff78e179c", class: "checkbox-group-container" }, this.label && g("div", { class: "group-label" }, this.label, this.required && g("span", { class: "required" }, "*")), g("div", { key: "460013aa58840bfa0a1a0702cb8bc91084a7c6d5", class: `checkbox-list ${this.direction}` }, this.options.map((t) => g("checkbox-component", { name: `${this.name}-${t.value}`, label: t.label, checked: this.selectedValues.includes(t.value), readOnly: t.disabled, required: this.required, themeConfig: this.themeConfig }))), this.error && g("p", { class: "error" }, this.error));
   }
   get el() {
     return Dt(this);
   }
   static get watchers() {
     return {
-      options: ["optionsChangedHandler"]
+      options: ["optionsChangedHandler"],
+      themeConfig: ["themeConfigChangedHandler"]
     };
   }
 };
@@ -73,7 +85,7 @@ function rt(t, e, n, i, r) {
   var s = { type: t, props: e, key: n, ref: i, __k: null, __: null, __b: 0, __e: null, __d: void 0, __c: null, __h: null, constructor: void 0, __v: r ?? ++sr };
   return r == null && S.vnode != null && S.vnode(s), s;
 }
-function j() {
+function F() {
   return { current: null };
 }
 function H(t) {
@@ -231,7 +243,7 @@ function pr(t) {
   return null;
 }
 function bn(t, e, n, i, r, s, a, l, o) {
-  var d, c, h, f, u, v, y, b, E, C, T, A, O, M, N, R = e.type;
+  var d, c, h, f, u, v, y, b, E, C, T, A, I, M, N, R = e.type;
   if (e.constructor !== void 0)
     return null;
   n.__h != null && (o = n.__h, l = e.__e = n.__e, e.__h = null, s = [l]), (d = S.__b) && d(e);
@@ -253,14 +265,14 @@ function bn(t, e, n, i, r, s, a, l, o) {
             c.componentDidUpdate(f, u, v);
           });
         }
-        if (c.context = C, c.props = b, c.__P = t, A = S.__r, O = 0, "prototype" in R && R.prototype.render) {
+        if (c.context = C, c.props = b, c.__P = t, A = S.__r, I = 0, "prototype" in R && R.prototype.render) {
           for (c.state = c.__s, c.__d = !1, A && A(e), d = c.render(c.props, c.state, c.context), M = 0; M < c._sb.length; M++)
             c.__h.push(c._sb[M]);
           c._sb = [];
         } else
           do
             c.__d = !1, A && A(e), d = c.render(c.props, c.state, c.context), c.state = c.__s;
-          while (c.__d && ++O < 25);
+          while (c.__d && ++I < 25);
         c.state = c.__s, c.getChildContext != null && (i = le(le({}, i), c.getChildContext())), h || c.getSnapshotBeforeUpdate == null || (v = c.getSnapshotBeforeUpdate(f, u)), N = d != null && d.type === H && d.key == null ? d.props.children : d, ur(t, Array.isArray(N) ? N : [N], e, n, i, r, s, a, l, o), c.base = e.__e, e.__h = null, c.__h.length && a.push(c), y && (c.__E = c.__ = null), c.__e = !1;
       } else
         s == null && e.__v === n.__v ? (e.__k = n.__k, e.__e = n.__e) : e.__e = oa(n.__e, e, n, i, r, s, a, o);
@@ -702,13 +714,13 @@ function Ma(t, e) {
   }
   return i;
 }
-const Ia = /(top|left|right|bottom|width|height)$/i;
+const Oa = /(top|left|right|bottom|width|height)$/i;
 function He(t, e) {
   for (let n in e)
     Dr(t, n, e[n]);
 }
 function Dr(t, e, n) {
-  n == null ? t.style[e] = "" : typeof n == "number" && Ia.test(e) ? t.style[e] = `${n}px` : t.style[e] = n;
+  n == null ? t.style[e] = "" : typeof n == "number" && Oa.test(e) ? t.style[e] = `${n}px` : t.style[e] = n;
 }
 function Ar(t) {
   var e, n;
@@ -721,14 +733,14 @@ function Tt() {
 function xt(t) {
   t.preventDefault();
 }
-function Oa(t, e) {
+function Ia(t, e) {
   return (n) => {
     let i = U(n.target, t);
     i && e.call(i, n, i);
   };
 }
 function Tr(t, e, n, i) {
-  let r = Oa(n, i);
+  let r = Ia(n, i);
   return t.addEventListener(e, r), () => {
     t.removeEventListener(e, r);
   };
@@ -801,14 +813,14 @@ function Ua(t) {
     r = n[i], typeof r == "string" ? e.push(r.charAt(0) === "-" ? { field: r.substring(1), order: -1 } : { field: r, order: 1 }) : typeof r == "function" && e.push({ func: r });
   return e;
 }
-function Fa(t, e, n) {
+function ja(t, e, n) {
   let i, r;
   for (i = 0; i < n.length; i += 1)
-    if (r = ja(t, e, n[i]), r)
+    if (r = Fa(t, e, n[i]), r)
       return r;
   return 0;
 }
-function ja(t, e, n) {
+function Fa(t, e, n) {
   return n.func ? n.func(t, e) : Wa(t[n.field], e[n.field]) * (n.order || 1);
 }
 function Wa(t, e) {
@@ -1052,7 +1064,7 @@ function Si(t, e) {
   let n = oe(t);
   return n[2] += e * 7, V(n);
 }
-function F(t, e) {
+function j(t, e) {
   let n = oe(t);
   return n[2] += e, V(n);
 }
@@ -1126,13 +1138,13 @@ function fl(t) {
   ]);
 }
 function hl(t, e, n) {
-  let i = t.getUTCFullYear(), r = Ft(t, i, e, n);
+  let i = t.getUTCFullYear(), r = jt(t, i, e, n);
   if (r < 1)
-    return Ft(t, i - 1, e, n);
-  let s = Ft(t, i + 1, e, n);
+    return jt(t, i - 1, e, n);
+  let s = jt(t, i + 1, e, n);
   return s >= 1 ? Math.min(r, s) : r;
 }
-function Ft(t, e, n, i) {
+function jt(t, e, n, i) {
   let r = V([e, 0, 1 + pl(e, n, i)]), s = P(t), a = Math.round(Ce(r, s));
   return Math.floor(a / 7) + 1;
 }
@@ -1182,7 +1194,7 @@ function Mr(t) {
 function ce(t) {
   return t.getUTCHours() * 1e3 * 60 * 60 + t.getUTCMinutes() * 1e3 * 60 + t.getUTCSeconds() * 1e3 + t.getUTCMilliseconds();
 }
-function Ir(t, e, n = !1) {
+function Or(t, e, n = !1) {
   let i = t.toISOString();
   return i = i.replace(".000", ""), n && (i = i.replace("T00:00:00Z", "")), i.length > 10 && (e == null ? i = i.replace("Z", "") : e !== 0 && (i = i.replace("Z", xn(e, !0)))), i;
 }
@@ -1649,7 +1661,7 @@ const ki = {
   _noEventResize: m,
   _resize: m,
   _scrollRequest: m
-}, Ii = {
+}, Oi = {
   buttonText: m,
   buttonHints: m,
   views: m,
@@ -1675,7 +1687,7 @@ function ge(t, e) {
 function Xe(t, e) {
   return Array.isArray(t) && Array.isArray(e) ? ue(t, e) : t === e;
 }
-const Il = {
+const Ol = {
   type: String,
   component: m,
   buttonText: String,
@@ -1687,7 +1699,7 @@ const Il = {
   didMount: m,
   willUnmount: m
 };
-function jt(t) {
+function Ft(t) {
   return Dn(t, pe);
 }
 function Rn(t, e) {
@@ -1710,7 +1722,7 @@ function kn(t, e, n, i) {
     forcedEndTzo: i ?? null
   };
 }
-function Ol(t, e, n, i) {
+function Il(t, e, n, i) {
   for (let r = 0; r < i.length; r += 1) {
     let s = i[r].parse(t, n);
     if (s) {
@@ -1752,8 +1764,8 @@ function Nl(t, e, n, i, r) {
   }, i);
   return t.allDay && (a = a.map(P)), a;
 }
-function Fe(t, e, n, i, r, s) {
-  let a = Y(), l = On(n);
+function je(t, e, n, i, r, s) {
+  let a = Y(), l = In(n);
   for (let o of t) {
     let d = Pr(o, e, n, i, l, r, s);
     d && on(d, a);
@@ -1777,7 +1789,7 @@ function Pl(t, e) {
 function Y() {
   return { defs: {}, instances: {} };
 }
-function In(t, e) {
+function On(t, e) {
   return {
     defs: Object.assign(Object.assign({}, t.defs), e.defs),
     instances: Object.assign(Object.assign({}, t.instances), e.instances)
@@ -1800,9 +1812,9 @@ function Hl(t, e) {
   };
 }
 function Ll(t, e) {
-  return Array.isArray(t) ? Fe(t, null, e, !0) : typeof t == "object" && t ? Fe([t], null, e, !0) : t != null ? String(t) : null;
+  return Array.isArray(t) ? je(t, null, e, !0) : typeof t == "object" && t ? je([t], null, e, !0) : t != null ? String(t) : null;
 }
-function Oi(t) {
+function Ii(t) {
   return Array.isArray(t) ? t : typeof t == "string" ? t.split(/\s+/) : [];
 }
 const vt = {
@@ -1813,8 +1825,8 @@ const vt = {
   constraint: m,
   overlap: m,
   allow: m,
-  className: Oi,
-  classNames: Oi,
+  className: Ii,
+  classNames: Ii,
   color: String,
   backgroundColor: String,
   borderColor: String,
@@ -1847,7 +1859,7 @@ function yt(t, e) {
     // join singular and plural
   };
 }
-function Or(t) {
+function Ir(t) {
   return t.reduce(zl, Bl);
 }
 function zl(t, e) {
@@ -1876,8 +1888,8 @@ const ot = {
   date: m,
   allDay: Boolean
 }, Ul = Object.assign(Object.assign(Object.assign({}, ot), Nr), { extendedProps: m });
-function Pr(t, e, n, i, r = On(n), s, a) {
-  let { refined: l, extra: o } = Hr(t, n, r), d = jl(e, n), c = Ol(l, d, n.dateEnv, n.pluginHooks.recurringTypes);
+function Pr(t, e, n, i, r = In(n), s, a) {
+  let { refined: l, extra: o } = Hr(t, n, r), d = Fl(e, n), c = Il(l, d, n.dateEnv, n.pluginHooks.recurringTypes);
   if (c) {
     let f = cn(l, o, e ? e.sourceId : "", c.allDay, !!c.duration, n, s);
     return f.recurringDef = {
@@ -1886,17 +1898,17 @@ function Pr(t, e, n, i, r = On(n), s, a) {
       duration: c.duration
     }, { def: f, instance: null };
   }
-  let h = Fl(l, d, n, i);
+  let h = jl(l, d, n, i);
   if (h) {
     let f = cn(l, o, e ? e.sourceId : "", h.allDay, h.hasEnd, n, s), u = kn(f.defId, h.range, h.forcedStartTzo, h.forcedEndTzo);
     return a && f.publicId && a[f.publicId] && (u.instanceId = a[f.publicId]), { def: f, instance: u };
   }
   return null;
 }
-function Hr(t, e, n = On(e)) {
+function Hr(t, e, n = In(e)) {
   return Rn(t, n);
 }
-function On(t) {
+function In(t) {
   return Object.assign(Object.assign(Object.assign({}, vt), Ul), t.pluginHooks.eventRefiners);
 }
 function cn(t, e, n, i, r, s, a) {
@@ -1918,7 +1930,7 @@ function cn(t, e, n, i, r, s, a) {
     Object.assign(l, o(t));
   return Object.freeze(l.ui.classNames), Object.freeze(l.extendedProps), l;
 }
-function Fl(t, e, n, i) {
+function jl(t, e, n, i) {
   let { allDay: r } = t, s, a = null, l = !1, o, d = null, c = t.start != null ? t.start : t.date;
   if (s = n.dateEnv.createMarkerMeta(c), s)
     a = s.marker;
@@ -1932,7 +1944,7 @@ function Fl(t, e, n, i) {
     forcedEndTzo: o ? o.forcedTzo : null
   };
 }
-function jl(t, e) {
+function Fl(t, e) {
   let n = null;
   return t && (n = t.defaultAllDay), n == null && (n = e.options.defaultAllDay), n;
 }
@@ -1946,14 +1958,14 @@ const Wl = {
   // so multiple defs get grouped
 };
 function Vl(t, e) {
-  return Fe(Gl(t), null, e);
+  return je(Gl(t), null, e);
 }
 function Gl(t) {
   let e;
   return t === !0 ? e = [{}] : Array.isArray(t) ? e = t.filter((n) => n.daysOfWeek) : typeof t == "object" && t ? e = [t] : e = [], e = e.map((n) => Object.assign(Object.assign({}, Wl), n)), e;
 }
 function Lr(t) {
-  let e = Math.floor(Ce(t.start, t.end)) || 1, n = P(t.start), i = F(n, e);
+  let e = Math.floor(Ce(t.start, t.end)) || 1, n = P(t.start), i = j(n, e);
   return { start: n, end: i };
 }
 function Br(t, e = k(0)) {
@@ -1961,9 +1973,9 @@ function Br(t, e = k(0)) {
   if (t.end) {
     i = P(t.end);
     let r = t.end.valueOf() - i.valueOf();
-    r && r >= Z(e) && (i = F(i, 1));
+    r && r >= Z(e) && (i = j(i, 1));
   }
-  return t.start && (n = P(t.start), i && i <= n && (i = F(n, 1))), { start: n, end: i };
+  return t.start && (n = P(t.start), i && i <= n && (i = j(n, 1))), { start: n, end: i };
 }
 function Ae(t, e, n, i) {
   return i === "year" ? k(n.diffWholeYears(t, e), "year") : i === "month" ? k(n.diffWholeMonths(t, e), "month") : ol(t, e);
@@ -2086,7 +2098,7 @@ function Jl(t, e, n) {
   let i = [];
   t && i.push(t), e && i.push(e);
   let r = {
-    "": Or(i)
+    "": Ir(i)
   };
   return n && Object.assign(r, n), r;
 }
@@ -2122,7 +2134,7 @@ function te(t, e) {
 function no(t, e) {
   return e.start != null && t < e.start ? e.start : e.end != null && t >= e.end ? new Date(e.end.valueOf() - 1) : t;
 }
-function Fr(t, e, n, i) {
+function jr(t, e, n, i) {
   return {
     dow: t.getUTCDay(),
     isDisabled: !!(i && !te(i.activeRange, t)),
@@ -2178,17 +2190,17 @@ function lo() {
 function oo() {
   let t = document.createElement("div");
   t.style.overflow = "scroll", t.style.position = "absolute", t.style.top = "-9999px", t.style.left = "-9999px", document.body.appendChild(t);
-  let e = jr(t);
+  let e = Fr(t);
   return document.body.removeChild(t), e;
 }
-function jr(t) {
+function Fr(t) {
   return {
     x: t.offsetHeight - t.clientHeight,
     y: t.offsetWidth - t.clientWidth
   };
 }
 function co(t, e = !1) {
-  let n = window.getComputedStyle(t), i = parseInt(n.borderLeftWidth, 10) || 0, r = parseInt(n.borderRightWidth, 10) || 0, s = parseInt(n.borderTopWidth, 10) || 0, a = parseInt(n.borderBottomWidth, 10) || 0, l = jr(t), o = l.y - i - r, d = l.x - s - a, c = {
+  let n = window.getComputedStyle(t), i = parseInt(n.borderLeftWidth, 10) || 0, r = parseInt(n.borderRightWidth, 10) || 0, s = parseInt(n.borderTopWidth, 10) || 0, a = parseInt(n.borderBottomWidth, 10) || 0, l = Fr(t), o = l.y - i - r, d = l.x - s - a, c = {
     borderLeft: i,
     borderRight: r,
     borderTop: s,
@@ -2419,7 +2431,7 @@ class vo extends Ln {
     return document.documentElement.clientWidth;
   }
 }
-class je {
+class Fe {
   constructor(e) {
     this.iconOverrideOption && this.setIconOverride(e[this.iconOverrideOption]);
   }
@@ -2449,10 +2461,10 @@ class je {
     return this.iconOverrideCustomButtonOption && (n = e[this.iconOverrideCustomButtonOption], n) ? `${this.baseIconClass} ${this.applyIconOverridePrefix(n)}` : "";
   }
 }
-je.prototype.classes = {};
-je.prototype.iconClasses = {};
-je.prototype.baseIconClass = "";
-je.prototype.iconOverridePrefix = "";
+Fe.prototype.classes = {};
+Fe.prototype.iconClasses = {};
+Fe.prototype.baseIconClass = "";
+Fe.prototype.iconOverridePrefix = "";
 function Pi(t) {
   t();
   let e = S.debounceRendering, n = [];
@@ -2555,9 +2567,9 @@ Se.addStateEquality = wo;
 Se.contextType = re;
 Se.prototype.propEquality = {};
 Se.prototype.stateEquality = {};
-class I extends Se {
+class O extends Se {
 }
-I.contextType = re;
+O.contextType = re;
 function _o(t) {
   let e = Object.create(this.prototype.propEquality);
   Object.assign(e, t), this.prototype.propEquality = e;
@@ -2569,7 +2581,7 @@ function wo(t) {
 function ie(t, e) {
   typeof t == "function" ? t(e) : t && (t.current = e);
 }
-class K extends I {
+class K extends O {
   constructor() {
     super(...arguments), this.uid = we();
   }
@@ -2686,7 +2698,7 @@ class Gr {
   // slotMinTime or slotMaxTime causes the range to expand.
   adjustActiveRange(e) {
     let { dateEnv: n, usesMinMaxTime: i, slotMinTime: r, slotMaxTime: s } = this.props, { start: a, end: l } = e;
-    return i && (xe(r) < 0 && (a = P(a), a = n.add(a, r)), xe(s) > 1 && (l = P(l), l = F(l, -1), l = n.add(l, s))), { start: a, end: l };
+    return i && (xe(r) < 0 && (a = P(a), a = n.add(a, r)), xe(s) > 1 && (l = P(l), l = j(l, -1), l = n.add(l, s))), { start: a, end: l };
   }
   // Builds the "current" range when it is specified as an explicit duration.
   // `unit` is the already-computed greatestDurationDenominator unit of duration.
@@ -2707,7 +2719,7 @@ class Gr {
     let { dateEnv: r, dateAlignment: s } = this.props, a = 0, l = e, o;
     s && (l = r.startOf(l, s)), l = P(l), l = this.skipHiddenDays(l, n), o = l;
     do
-      o = F(o, 1), this.isHiddenDay(o) || (a += 1);
+      o = j(o, 1), this.isHiddenDay(o) || (a += 1);
     while (a < i);
     return { start: l, end: o };
   }
@@ -2765,7 +2777,7 @@ class Gr {
   // `inc` defaults to `1` (increment one day forward each time)
   skipHiddenDays(e, n = 1, i = !1) {
     for (; this.isHiddenDayHash[(e.getUTCDay() + (i ? n : 0) + 7) % 7]; )
-      e = F(e, n);
+      e = j(e, n);
     return e;
   }
 }
@@ -3147,7 +3159,7 @@ function xo(t) {
 function Bi(t, e) {
   t.fcSeg = e;
 }
-function Ie(t) {
+function Oe(t) {
   return t.fcSeg || t.parentNode.fcSeg || // for the harness
   null;
 }
@@ -3156,11 +3168,11 @@ function Et(t, e) {
 }
 function Qr(t, e) {
   let n = [];
-  return e[""] && n.push(e[""]), e[t.defId] && n.push(e[t.defId]), n.push(t.ui), Or(n);
+  return e[""] && n.push(e[""]), e[t.defId] && n.push(e[t.defId]), n.push(t.ui), Ir(n);
 }
 function $r(t, e) {
   let n = t.map(Ro);
-  return n.sort((i, r) => Fa(i, r, e)), n.map((i) => i._seg);
+  return n.sort((i, r) => ja(i, r, e)), n.map((i) => i._seg);
 }
 function Ro(t) {
   let { eventRange: e } = t, n = e.def, i = e.instance ? e.instance.range : e.range, r = i.start ? i.start.valueOf() : 0, s = i.end ? i.end.valueOf() : 0;
@@ -3182,7 +3194,7 @@ function ko(t, e) {
 function Mo(t, e) {
   return t.isStart && t.eventRange.ui.durationEditable && e.options.eventResizableFromStart;
 }
-function Io(t, e) {
+function Oo(t, e) {
   return t.isEnd && t.eventRange.ui.durationEditable;
 }
 function Zr(t, e, n, i, r, s, a) {
@@ -3205,7 +3217,7 @@ function de(t, e, n) {
     isToday: e && te(e, i.start)
   };
 }
-function Oo(t) {
+function Io(t) {
   let e = ["fc-event"];
   return t.isMirror && e.push("fc-event-mirror"), t.isDraggable && e.push("fc-event-draggable"), (t.isStartResizable || t.isEndResizable) && e.push("fc-event-resizable"), t.isDragging && e.push("fc-event-dragging"), t.isResizing && e.push("fc-event-resizing"), t.isSelected && e.push("fc-event-selected"), t.isStart && e.push("fc-event-start"), t.isEnd && e.push("fc-event-end"), t.isPast && e.push("fc-event-past"), t.isToday && e.push("fc-event-today"), t.isFuture && e.push("fc-event-future"), e;
 }
@@ -3296,10 +3308,10 @@ function Uo(t, e, n) {
   };
 }
 let ts = {};
-function Fo(t, e) {
+function jo(t, e) {
   ts[t] = e;
 }
-function jo(t) {
+function Fo(t) {
   return new ts[t]();
 }
 class Wo {
@@ -3319,7 +3331,7 @@ class Wo {
     return oe(e);
   }
 }
-Fo("gregory", Wo);
+jo("gregory", Wo);
 const Vo = /^\s*(\d{4})(-?(\d{2})(-?(\d{2})([T ](\d{2}):?(\d{2})(:?(\d{2})(\.(\d+))?)?(Z|(([-+])(\d{2})(:?(\d{2}))?))?)?)?)?$/;
 function Go(t) {
   let e = Vo.exec(t);
@@ -3339,7 +3351,7 @@ function Go(t) {
 class Yo {
   constructor(e) {
     let n = this.timeZone = e.timeZone, i = n !== "local" && n !== "UTC";
-    e.namedTimeZoneImpl && i && (this.namedTimeZoneImpl = new e.namedTimeZoneImpl(n)), this.canComputeOffset = !!(!i || this.namedTimeZoneImpl), this.calendarSystem = jo(e.calendarSystem), this.locale = e.locale, this.weekDow = e.locale.week.dow, this.weekDoy = e.locale.week.doy, e.weekNumberCalculation === "ISO" && (this.weekDow = 1, this.weekDoy = 4), typeof e.firstDay == "number" && (this.weekDow = e.firstDay), typeof e.weekNumberCalculation == "function" && (this.weekNumberFunc = e.weekNumberCalculation), this.weekText = e.weekText != null ? e.weekText : e.locale.options.weekText, this.weekTextLong = (e.weekTextLong != null ? e.weekTextLong : e.locale.options.weekTextLong) || this.weekText, this.cmdFormatter = e.cmdFormatter, this.defaultSeparator = e.defaultSeparator;
+    e.namedTimeZoneImpl && i && (this.namedTimeZoneImpl = new e.namedTimeZoneImpl(n)), this.canComputeOffset = !!(!i || this.namedTimeZoneImpl), this.calendarSystem = Fo(e.calendarSystem), this.locale = e.locale, this.weekDow = e.locale.week.dow, this.weekDoy = e.locale.week.doy, e.weekNumberCalculation === "ISO" && (this.weekDow = 1, this.weekDoy = 4), typeof e.firstDay == "number" && (this.weekDow = e.firstDay), typeof e.weekNumberCalculation == "function" && (this.weekNumberFunc = e.weekNumberCalculation), this.weekText = e.weekText != null ? e.weekText : e.locale.options.weekText, this.weekTextLong = (e.weekTextLong != null ? e.weekTextLong : e.locale.options.weekTextLong) || this.weekText, this.cmdFormatter = e.cmdFormatter, this.defaultSeparator = e.defaultSeparator;
   }
   // Creating / Parsing
   createMarker(e) {
@@ -3456,7 +3468,7 @@ class Yo {
   */
   formatIso(e, n = {}) {
     let i = null;
-    return n.omitTimeZoneOffset || (n.forcedTzo != null ? i = n.forcedTzo : i = this.offsetForMarker(e)), Ir(e, i, n.omitTime);
+    return n.omitTimeZoneOffset || (n.forcedTzo != null ? i = n.forcedTzo : i = this.offsetForMarker(e)), Or(e, i, n.omitTime);
   }
   // TimeZone
   timestampToMarker(e) {
@@ -3607,7 +3619,7 @@ function un(t, e, n) {
   }
   return [i, 0];
 }
-class Oe {
+class Ie {
   constructor(e) {
     this.component = e.component, this.isHitComboAllowed = e.isHitComboAllowed || null;
   }
@@ -3622,7 +3634,7 @@ function $o(t, e) {
     isHitComboAllowed: e.isHitComboAllowed || null
   };
 }
-function Fn(t) {
+function jn(t) {
   return {
     [t.component.uid]: t
   };
@@ -3641,8 +3653,8 @@ class Zo {
   setAutoScrollEnabled(e) {
   }
 }
-const jn = {};
-class Xo extends I {
+const Fn = {};
+class Xo extends O {
   constructor() {
     super(...arguments), this.state = {
       forPrint: !1
@@ -3677,7 +3689,7 @@ const is = "fc-col-header-cell";
 function rs(t) {
   return t.text;
 }
-class Wn extends I {
+class Wn extends O {
   constructor() {
     super(...arguments), this.id = we(), this.queuedDomNodes = [], this.currentDomNodes = [], this.handleEl = (e) => {
       this.props.elRef && ie(this.props.elRef, e);
@@ -3782,9 +3794,9 @@ function tc(t, e) {
   const n = typeof t == "function" ? t(e) : t || [];
   return typeof n == "string" ? [n] : n;
 }
-class nc extends I {
+class nc extends O {
   render() {
-    let { dateEnv: e, options: n, theme: i, viewApi: r } = this.context, { props: s } = this, { date: a, dateProfile: l } = s, o = Fr(a, s.todayRange, null, l), d = [is].concat(Pn(o, i)), c = e.format(a, s.dayHeaderFormat), h = !o.isDisabled && s.colCnt > 1 ? bt(this.context, a) : {}, f = Object.assign(Object.assign(Object.assign({ date: e.toDate(a), view: r }, s.extraRenderProps), { text: c }), o);
+    let { dateEnv: e, options: n, theme: i, viewApi: r } = this.context, { props: s } = this, { date: a, dateProfile: l } = s, o = jr(a, s.todayRange, null, l), d = [is].concat(Pn(o, i)), c = e.format(a, s.dayHeaderFormat), h = !o.isDisabled && s.colCnt > 1 ? bt(this.context, a) : {}, f = Object.assign(Object.assign(Object.assign({ date: e.toDate(a), view: r }, s.extraRenderProps), { text: c }), o);
     return p(q, { elTag: "th", elClasses: d, elAttrs: Object.assign({ role: "columnheader", colSpan: s.colSpan, "data-date": o.isDisabled ? void 0 : Tn(a) }, s.extraDataAttrs), renderProps: f, generatorName: "dayHeaderContent", customGenerator: n.dayHeaderContent, defaultGenerator: rs, classNameGenerator: n.dayHeaderClassNames, didMount: n.dayHeaderDidMount, willUnmount: n.dayHeaderWillUnmount }, (u) => p("div", { className: "fc-scrollgrid-sync-inner" }, !o.isDisabled && p(u, { elTag: "a", elAttrs: h, elClasses: [
       "fc-col-header-cell-cushion",
       s.isSticky && "fc-sticky"
@@ -3792,9 +3804,9 @@ class nc extends I {
   }
 }
 const ic = B({ weekday: "long" });
-class rc extends I {
+class rc extends O {
   render() {
-    let { props: e } = this, { dateEnv: n, theme: i, viewApi: r, options: s } = this.context, a = F(/* @__PURE__ */ new Date(2592e5), e.dow), l = {
+    let { props: e } = this, { dateEnv: n, theme: i, viewApi: r, options: s } = this.context, a = j(/* @__PURE__ */ new Date(2592e5), e.dow), l = {
       dow: e.dow,
       isDisabled: !1,
       isFuture: !1,
@@ -3860,10 +3872,10 @@ class Ve extends G {
 }
 Ve.contextType = re;
 function zi(t) {
-  let e = P(t), n = F(e, 1);
+  let e = P(t), n = j(e, 1);
   return { start: e, end: n };
 }
-class os extends I {
+class os extends O {
   constructor() {
     super(...arguments), this.createDayHeaderFormatter = D(sc);
   }
@@ -3884,11 +3896,11 @@ class cs {
   constructor(e, n) {
     let i = e.start, { end: r } = e, s = [], a = [], l = -1;
     for (; i < r; )
-      n.isHiddenDay(i) ? s.push(l + 0.5) : (l += 1, s.push(l), a.push(i)), i = F(i, 1);
+      n.isHiddenDay(i) ? s.push(l + 0.5) : (l += 1, s.push(l), a.push(i)), i = j(i, 1);
     this.dates = a, this.indices = s, this.cnt = a.length;
   }
   sliceRange(e) {
-    let n = this.getDateDayIndex(e.start), i = this.getDateDayIndex(F(e.end, -1)), r = Math.max(0, n), s = Math.min(this.cnt - 1, i);
+    let n = this.getDateDayIndex(e.start), i = this.getDateDayIndex(j(e.end, -1)), r = Math.max(0, n), s = Math.min(this.cnt - 1, i);
     return r = Math.ceil(r), s = Math.floor(s), r <= s ? {
       firstIndex: r,
       lastIndex: s,
@@ -4037,7 +4049,7 @@ class us {
     let i = e.range;
     this.forceDayIfListItem && e.ui.display === "list-item" && (i = {
       start: i.start,
-      end: F(i.start, 1)
+      end: j(i.start, 1)
     });
     let r = this.sliceRange(i, ...n);
     for (let s of r)
@@ -4070,7 +4082,7 @@ function ac(t, e, n, i, r) {
     case "RESET_EVENTS":
       return e.eventStore;
     case "MERGE_EVENTS":
-      return In(t, e.eventStore);
+      return On(t, e.eventStore);
     case "PREV":
     case "NEXT":
     case "CHANGE_DATE":
@@ -4091,14 +4103,14 @@ function ac(t, e, n, i, r) {
 function lc(t, e, n, i, r, s) {
   if (e && // not already removed
   n === e.latestFetchId) {
-    let a = Fe(fs(r, e, s), e, s);
-    return i && (a = Ee(a, i, s)), In(hs(t, e.sourceId), a);
+    let a = je(fs(r, e, s), e, s);
+    return i && (a = Ee(a, i, s)), On(hs(t, e.sourceId), a);
   }
   return t;
 }
 function oc(t, e, n, i, r) {
   const { defIdMap: s, instanceIdMap: a } = uc(t);
-  let l = Fe(fs(n, e, r), e, r, !1, s, a);
+  let l = je(fs(n, e, r), e, r, !1, s, a);
   return Ee(l, i, r);
 }
 function fs(t, e, n) {
@@ -4119,9 +4131,9 @@ function Ui(t, e) {
   return n;
 }
 function cc(t, e, n, i) {
-  return n && (e = Ee(e, n, i)), In(t, e);
+  return n && (e = Ee(e, n, i)), On(t, e);
 }
-function Fi(t, e, n) {
+function ji(t, e, n) {
   let { defs: i } = t, r = ne(t.instances, (s) => i[s.defId].allDay ? s : Object.assign(Object.assign({}, s), { range: {
     start: n.createMarker(e.toDate(s.range.start, s.forcedStartTzo)),
     end: n.createMarker(e.toDate(s.range.end, s.forcedEndTzo))
@@ -4184,9 +4196,9 @@ function pc(t, e, n, i) {
       )))
         return !1;
     }
-    let O = r.eventStore;
+    let I = r.eventStore;
     for (let M of E.allows) {
-      let N = Object.assign(Object.assign({}, n), { range: y.range, allDay: C.allDay }), R = O.defs[C.defId], Q = O.instances[v], ae;
+      let N = Object.assign(Object.assign({}, n), { range: y.range, allDay: C.allDay }), R = I.defs[C.defId], Q = I.instances[v], ae;
       if (R ? ae = new L(e, R, Q) : ae = new L(e, C), !M(Bn(N, e), ae))
         return !1;
     }
@@ -4231,7 +4243,7 @@ function vc(t, e) {
       return !0;
   return !1;
 }
-class ji extends Error {
+class Fi extends Error {
   constructor(e, n) {
     super(e), this.response = n;
   }
@@ -4246,9 +4258,9 @@ function yc(t, e, n) {
   }), fetch(e, i).then((r) => {
     if (r.ok)
       return r.json().then((s) => [s, r], () => {
-        throw new ji("Failure parsing JSON", r);
+        throw new Fi("Failure parsing JSON", r);
       });
-    throw new ji("Request failed", r);
+    throw new Fi("Request failed", r);
   });
 }
 class Vn {
@@ -4291,7 +4303,7 @@ class Vn {
   }
 }
 const et = /^(visible|hidden)$/;
-class bc extends I {
+class bc extends O {
   constructor() {
     super(...arguments), this.handleEl = (e) => {
       this.el = e, ie(this.props.elRef, e);
@@ -4444,7 +4456,7 @@ function ys(t) {
   let { stickyFooterScrollbar: e } = t;
   return (e == null || e === "auto") && (e = t.height === "auto" || t.viewHeight === "auto"), e;
 }
-class Gn extends I {
+class Gn extends O {
   constructor() {
     super(...arguments), this.processCols = D((e) => e, Cc), this.renderMicroColGroup = D(Sc), this.scrollerRefs = new ee(), this.scrollerElRefs = new ee(this._handleScrollerEl.bind(this)), this.state = {
       shrinkWidth: null,
@@ -4544,7 +4556,7 @@ function Rc(t, e) {
       return n;
   return null;
 }
-class Yn extends I {
+class Yn extends O {
   constructor() {
     super(...arguments), this.handleEl = (e) => {
       this.el = e, e && Bi(e, this.props.seg);
@@ -4560,7 +4572,7 @@ class Yn extends I {
       borderColor: a.borderColor,
       isDraggable: !e.disableDragging && ko(r, n),
       isStartResizable: !e.disableResizing && Mo(r, n),
-      isEndResizable: !e.disableResizing && Io(r),
+      isEndResizable: !e.disableResizing && Oo(r),
       isMirror: !!(e.isDragging || e.isResizing || e.isDateSelecting),
       isStart: !!r.isStart,
       isEnd: !!r.isEnd,
@@ -4572,7 +4584,7 @@ class Yn extends I {
       isResizing: !!e.isResizing
     };
     return p(q, Object.assign({}, e, { elRef: this.handleEl, elClasses: [
-      ...Oo(l),
+      ...Io(l),
       ...r.eventRange.ui.classNames,
       ...e.elClasses || []
     ], renderProps: l, generatorName: "eventContent", customGenerator: i.eventContent, defaultGenerator: e.defaultGenerator, classNameGenerator: i.eventClassNames, didMount: i.eventDidMount, willUnmount: i.eventWillUnmount }));
@@ -4581,7 +4593,7 @@ class Yn extends I {
     this.el && this.props.seg !== e.seg && Bi(this.el, this.props.seg);
   }
 }
-class bs extends I {
+class bs extends O {
   render() {
     let { props: e, context: n } = this, { options: i } = n, { seg: r } = e, { ui: s } = r.eventRange, a = i.eventTimeFormat || e.defaultTimeFormat, l = Zr(r, a, n, e.defaultDisplayEventTime, e.defaultDisplayEventEnd);
     return p(Yn, Object.assign({}, e, { elTag: "a", elStyle: {
@@ -4616,9 +4628,9 @@ const qn = (t) => p(re.Consumer, null, (e) => {
   };
   return p(q, Object.assign({}, t, { elTag: t.elTag || "div", renderProps: i, generatorName: "nowIndicatorContent", customGenerator: n.nowIndicatorContent, classNameGenerator: n.nowIndicatorClassNames, didMount: n.nowIndicatorDidMount, willUnmount: n.nowIndicatorWillUnmount }));
 }), Mc = B({ day: "numeric" });
-class Qn extends I {
+class Qn extends O {
   constructor() {
-    super(...arguments), this.refineRenderProps = lt(Ic);
+    super(...arguments), this.refineRenderProps = lt(Oc);
   }
   render() {
     let { props: e, context: n } = this, { options: i } = n, r = this.refineRenderProps({
@@ -4644,20 +4656,20 @@ class Qn extends I {
 function $n(t) {
   return !!(t.dayCellContent || ss("dayCellContent", t));
 }
-function Ic(t) {
-  let { date: e, dateEnv: n, dateProfile: i, isMonthStart: r } = t, s = Fr(e, t.todayRange, null, i), a = t.showDayNumber ? n.format(e, r ? t.monthStartFormat : Mc) : "";
+function Oc(t) {
+  let { date: e, dateEnv: n, dateProfile: i, isMonthStart: r } = t, s = jr(e, t.todayRange, null, i), a = t.showDayNumber ? n.format(e, r ? t.monthStartFormat : Mc) : "";
   return Object.assign(Object.assign(Object.assign({ date: n.toDate(e), view: t.viewApi }, s), {
     isMonthStart: r,
     dayNumberText: a
   }), t.extraRenderProps);
 }
-class Es extends I {
+class Es extends O {
   render() {
     let { props: e } = this, { seg: n } = e;
-    return p(Yn, { elTag: "div", elClasses: ["fc-bg-event"], elStyle: { backgroundColor: n.eventRange.ui.backgroundColor }, defaultGenerator: Oc, seg: n, timeText: "", isDragging: !1, isResizing: !1, isDateSelecting: !1, isSelected: !1, isPast: e.isPast, isFuture: e.isFuture, isToday: e.isToday, disableDragging: !0, disableResizing: !0 });
+    return p(Yn, { elTag: "div", elClasses: ["fc-bg-event"], elStyle: { backgroundColor: n.eventRange.ui.backgroundColor }, defaultGenerator: Ic, seg: n, timeText: "", isDragging: !1, isResizing: !1, isDateSelecting: !1, isSelected: !1, isPast: e.isPast, isFuture: e.isFuture, isToday: e.isToday, disableDragging: !0, disableResizing: !0 });
   }
 }
-function Oc(t) {
+function Ic(t) {
   let { title: e } = t.event;
   return e && p("div", { className: "fc-event-title" }, t.event.title);
 }
@@ -4675,7 +4687,7 @@ function Nc(t) {
   return t.text;
 }
 const $t = 10;
-class Pc extends I {
+class Pc extends O {
   constructor() {
     super(...arguments), this.state = {
       titleId: Tt()
@@ -4765,7 +4777,7 @@ class Hc extends K {
     } : null;
   }
 }
-class Cs extends I {
+class Cs extends O {
   constructor() {
     super(...arguments), this.state = {
       isPopoverOpen: !1,
@@ -4833,7 +4845,7 @@ function Wi(t) {
   if (t.allDayDate)
     return {
       start: t.allDayDate,
-      end: F(t.allDayDate, 1)
+      end: j(t.allDayDate, 1)
     };
   let { hiddenSegs: e } = t;
   return {
@@ -4853,7 +4865,7 @@ function zc(t) {
 function Uc(t, e) {
   return t.eventRange.range.end > e.eventRange.range.end ? t : e;
 }
-class wt extends I {
+class wt extends O {
   render() {
     let { props: e, context: n } = this, { options: i } = n, r = { view: n.viewApi };
     return p(q, Object.assign({}, e, { elTag: e.elTag || "div", elClasses: [
@@ -4868,7 +4880,7 @@ function Ds(t) {
     "fc-view"
   ];
 }
-const Fc = {
+const jc = {
   id: String,
   defaultAllDay: Boolean,
   url: String,
@@ -4882,7 +4894,7 @@ const Fc = {
 function As(t, e, n = Ts(e)) {
   let i;
   if (typeof t == "string" ? i = { url: t } : typeof t == "function" || Array.isArray(t) ? i = { events: t } : typeof t == "object" && t && (i = t), i) {
-    let { refined: r, extra: s } = Rn(i, n), a = jc(r, e);
+    let { refined: r, extra: s } = Rn(i, n), a = Fc(r, e);
     if (a)
       return {
         _raw: t,
@@ -4904,9 +4916,9 @@ function As(t, e, n = Ts(e)) {
   return null;
 }
 function Ts(t) {
-  return Object.assign(Object.assign(Object.assign({}, vt), Fc), t.pluginHooks.eventSourceRefiners);
+  return Object.assign(Object.assign(Object.assign({}, vt), jc), t.pluginHooks.eventSourceRefiners);
 }
-function jc(t, e) {
+function Fc(t, e) {
   let n = e.pluginHooks.eventSourceDefs;
   for (let i = n.length - 1; i >= 0; i -= 1) {
     let s = n[i].parseMeta(t);
@@ -5415,7 +5427,7 @@ function Zc(t, e) {
 function Xc(t, e) {
   return t === void 0 ? e : e === void 0 ? t : new Date(Math.max(t.valueOf(), e.valueOf()));
 }
-class he extends je {
+class he extends Fe {
 }
 he.prototype.classes = {
   root: "fc-theme-standard",
@@ -5474,7 +5486,7 @@ function Vi(t) {
 }
 function ed(t) {
   let e = typeof t == "function" ? { component: t } : t, { component: n } = e;
-  return e.content ? n = Gi(e) : n && !(n.prototype instanceof I) && (n = Gi(Object.assign(Object.assign({}, e), { content: n }))), {
+  return e.content ? n = Gi(e) : n && !(n.prototype instanceof O) && (n = Gi(Object.assign(Object.assign({}, e), { content: n }))), {
     superType: e.type,
     component: n,
     rawOptions: e
@@ -5558,13 +5570,13 @@ function ad(t, e, n, i) {
 }
 function ld(t, e, n) {
   let i = e ? e.activeRange : null;
-  return Os({}, pd(t, n), i, n);
+  return Is({}, pd(t, n), i, n);
 }
 function od(t, e, n, i) {
   let r = n ? n.activeRange : null;
   switch (e.type) {
     case "ADD_EVENT_SOURCES":
-      return Os(t, e.sources, r, i);
+      return Is(t, e.sources, r, i);
     case "REMOVE_EVENT_SOURCE":
       return dd(t, e.sourceId);
     case "PREV":
@@ -5590,13 +5602,13 @@ function cd(t, e, n) {
   let i = e ? e.activeRange : null;
   return Zn(t, Ps(t, n), i, !0, n);
 }
-function Is(t) {
+function Os(t) {
   for (let e in t)
     if (t[e].isFetching)
       return !0;
   return !1;
 }
-function Os(t, e, n, i) {
+function Is(t, e, n, i) {
   let r = {};
   for (let s of e)
     r[s.sourceId] = s;
@@ -5734,15 +5746,15 @@ function Ed(t, e, n, i, r, s) {
   return { widgets: f.map((b) => b.split(",").map((E) => {
     if (E === "title")
       return v = !0, { buttonName: E };
-    let C, T, A, O, M, N;
+    let C, T, A, I, M, N;
     if (C = l[E])
       A = (R) => {
         C.click && C.click.call(R.target, R, R.target);
-      }, (O = i.getCustomButtonIconClass(C)) || (O = i.getIconClass(E, a)) || (M = C.text), N = C.hint || C.text;
+      }, (I = i.getCustomButtonIconClass(C)) || (I = i.getIconClass(E, a)) || (M = C.text), N = C.hint || C.text;
     else if (T = r[E]) {
       u.push(E), A = () => {
         s.changeView(E);
-      }, (M = T.buttonTextOverride) || (O = i.getIconClass(E, a)) || (M = T.buttonTextDefault);
+      }, (M = T.buttonTextOverride) || (I = i.getIconClass(E, a)) || (M = T.buttonTextDefault);
       let R = T.buttonTextOverride || T.buttonTextDefault;
       N = Le(
         T.buttonTitleOverride || T.buttonTitleDefault || e.viewHint,
@@ -5753,7 +5765,7 @@ function Ed(t, e, n, i, r, s) {
     } else if (s[E])
       if (A = () => {
         s[E]();
-      }, (M = o[E]) || (O = i.getIconClass(E, a)) || (M = d[E]), E === "prevYear" || E === "nextYear") {
+      }, (M = o[E]) || (I = i.getIconClass(E, a)) || (M = d[E]), E === "prevYear" || E === "nextYear") {
         let R = E === "prevYear" ? "prev" : "next";
         N = Le(c[R] || h[R], [
           d.year || "year",
@@ -5764,7 +5776,7 @@ function Ed(t, e, n, i, r, s) {
           d[R] || R,
           R
         ], d[E]);
-    return { buttonName: E, buttonClick: A, buttonIcon: O, buttonText: M, buttonHint: N };
+    return { buttonName: E, buttonClick: A, buttonIcon: I, buttonText: M, buttonHint: N };
   })), viewsWithButtons: u, hasTitle: v };
 }
 class _d {
@@ -5884,19 +5896,19 @@ let Md = {
   },
   expand(t, e, n) {
     let i = _e(e, { start: t.startRecur, end: t.endRecur });
-    return i ? Od(t.daysOfWeek, t.startTime, i, n) : [];
+    return i ? Id(t.daysOfWeek, t.startTime, i, n) : [];
   }
 };
-const Id = se({
+const Od = se({
   name: "simple-recurring-event",
   recurringTypes: [Md],
   eventRefiners: kd
 });
-function Od(t, e, n, i) {
+function Id(t, e, n, i) {
   let r = t ? kr(t) : null, s = P(n.start), a = n.end, l = [];
   for (; s < a; ) {
     let o;
-    (!r || r[s.getUTCDay()]) && (e ? o = i.add(s, e) : o = s, l.push(o)), s = F(s, 1);
+    (!r || r[s.getUTCDay()]) && (e ? o = i.add(s, e) : o = s, l.push(o)), s = j(s, 1);
   }
   return l;
 }
@@ -5948,12 +5960,12 @@ const Ld = [
   Cd,
   Dd,
   xd,
-  Id,
+  Od,
   Nd,
   se({
     name: "misc",
     isLoadingFuncs: [
-      (t) => Is(t.eventSources)
+      (t) => Os(t.eventSources)
     ],
     propSetHandlers: {
       dateProfile: Pd,
@@ -6006,9 +6018,9 @@ function Ud(t) {
   let n = pt(t.currentRange.start, t.currentRange.end);
   return n !== null && n > 1 ? { year: "numeric", month: "short", day: "numeric" } : { year: "numeric", month: "long", day: "numeric" };
 }
-class Fd {
+class jd {
   constructor(e) {
-    this.computeCurrentViewData = D(this._computeCurrentViewData), this.organizeRawLocales = D(Gc), this.buildLocale = D(ks), this.buildPluginHooks = $c(), this.buildDateEnv = D(jd), this.buildTheme = D(Wd), this.parseToolbars = D(bd), this.buildViewSpecs = D(td), this.buildDateProfileGenerator = lt(Vd), this.buildViewApi = D(Gd), this.buildViewUiProps = lt(Qd), this.buildEventUiBySource = D(Yd, J), this.buildEventUiBases = D(qd), this.parseContextBusinessHours = lt($d), this.buildTitle = D(zd), this.emitter = new Mt(), this.actionRunner = new Bd(this._handleAction.bind(this), this.updateData.bind(this)), this.currentCalendarOptionsInput = {}, this.currentCalendarOptionsRefined = {}, this.currentViewOptionsInput = {}, this.currentViewOptionsRefined = {}, this.currentCalendarOptionsRefiners = {}, this.optionsForRefining = [], this.optionsForHandling = [], this.getCurrentData = () => this.data, this.dispatch = (f) => {
+    this.computeCurrentViewData = D(this._computeCurrentViewData), this.organizeRawLocales = D(Gc), this.buildLocale = D(ks), this.buildPluginHooks = $c(), this.buildDateEnv = D(Fd), this.buildTheme = D(Wd), this.parseToolbars = D(bd), this.buildViewSpecs = D(td), this.buildDateProfileGenerator = lt(Vd), this.buildViewApi = D(Gd), this.buildViewUiProps = lt(Qd), this.buildEventUiBySource = D(Yd, J), this.buildEventUiBases = D(qd), this.parseContextBusinessHours = lt($d), this.buildTitle = D(zd), this.emitter = new Mt(), this.actionRunner = new Bd(this._handleAction.bind(this), this.updateData.bind(this)), this.currentCalendarOptionsInput = {}, this.currentCalendarOptionsRefined = {}, this.currentViewOptionsInput = {}, this.currentViewOptionsRefined = {}, this.currentCalendarOptionsRefiners = {}, this.optionsForRefining = [], this.optionsForHandling = [], this.getCurrentData = () => this.data, this.dispatch = (f) => {
       this.actionRunner.request(f);
     }, this.props = e, this.actionRunner.pause();
     let n = {}, i = this.computeOptionsData(e.optionOverrides, n, e.calendarApi), r = i.calendarOptions.initialView || i.pluginHooks.initialView, s = this.computeCurrentViewData(r, i, e.optionOverrides, n);
@@ -6067,7 +6079,7 @@ class Fd {
     this.data && this.data.dateProfileGenerator !== o.dateProfileGenerator && (h = o.dateProfileGenerator.build(c)), c = Co(c, e), h = ad(h, e, c, o.dateProfileGenerator), (e.type === "PREV" || // TODO: move this logic into DateProfileGenerator
     e.type === "NEXT" || // "
     !te(h.currentRange, c)) && (c = h.currentRange.start);
-    let f = od(i.eventSources, e, h, d), u = ac(i.eventStore, e, f, h, d), y = Is(f) && !o.options.progressiveEventRendering && i.renderableEventStore || u, { eventUiSingleBase: b, selectionConfig: E } = this.buildViewUiProps(d), C = this.buildEventUiBySource(f), T = this.buildEventUiBases(y.defs, b, C), A = {
+    let f = od(i.eventSources, e, h, d), u = ac(i.eventStore, e, f, h, d), y = Os(f) && !o.options.progressiveEventRendering && i.renderableEventStore || u, { eventUiSingleBase: b, selectionConfig: E } = this.buildViewUiProps(d), C = this.buildEventUiBySource(f), T = this.buildEventUiBases(y.defs, b, C), A = {
       dynamicOptionOverrides: s,
       currentViewType: l,
       currentDate: c,
@@ -6082,16 +6094,16 @@ class Fd {
       eventSelection: md(i.eventSelection, e),
       eventDrag: vd(i.eventDrag, e),
       eventResize: yd(i.eventResize, e)
-    }, O = Object.assign(Object.assign({}, d), A);
+    }, I = Object.assign(Object.assign({}, d), A);
     for (let R of a.pluginHooks.reducers)
-      Object.assign(A, R(i, e, O));
+      Object.assign(A, R(i, e, I));
     let M = Zt(i, d), N = Zt(A, d);
     !M && N ? r.trigger("loading", !0) : M && !N && r.trigger("loading", !1), this.state = A, n.onAction && n.onAction(e);
   }
   updateData() {
     let { props: e, state: n } = this, i = this.data, r = this.computeOptionsData(e.optionOverrides, n.dynamicOptionOverrides, e.calendarApi), s = this.computeCurrentViewData(n.currentViewType, r, e.optionOverrides, n.dynamicOptionOverrides), a = this.data = Object.assign(Object.assign(Object.assign({ viewTitle: this.buildTitle(n.dateProfile, s.options, r.dateEnv), calendarApi: e.calendarApi, dispatch: this.dispatch, emitter: this.emitter, getCurrentData: this.getCurrentData }, r), s), n), l = r.pluginHooks.optionChangeHandlers, o = i && i.calendarOptions, d = r.calendarOptions;
     if (o && o !== d) {
-      o.timeZone !== d.timeZone && (n.eventSources = a.eventSources = cd(a.eventSources, n.dateProfile, a), n.eventStore = a.eventStore = Fi(a.eventStore, i.dateEnv, a.dateEnv), n.renderableEventStore = a.renderableEventStore = Fi(a.renderableEventStore, i.dateEnv, a.dateEnv));
+      o.timeZone !== d.timeZone && (n.eventSources = a.eventSources = cd(a.eventSources, n.dateProfile, a), n.eventStore = a.eventStore = ji(a.eventStore, i.dateEnv, a.dateEnv), n.renderableEventStore = a.renderableEventStore = ji(a.renderableEventStore, i.dateEnv, a.dateEnv));
       for (let c in l)
         (this.optionsForHandling.indexOf(c) !== -1 || o[c] !== d[c]) && l[c](d[c], a);
     }
@@ -6116,11 +6128,11 @@ class Fd {
   }
   // always called from behind a memoizer
   processRawCalendarOptions(e, n) {
-    let { locales: i, locale: r } = jt([
+    let { locales: i, locale: r } = Ft([
       Be,
       e,
       n
-    ]), s = this.organizeRawLocales(i), a = s.map, l = this.buildLocale(r || s.defaultCode, a).options, o = this.buildPluginHooks(e.plugins || [], Ld), d = this.currentCalendarOptionsRefiners = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, ki), Mi), Ii), o.listenerRefiners), o.optionRefiners), c = {}, h = jt([
+    ]), s = this.organizeRawLocales(i), a = s.map, l = this.buildLocale(r || s.defaultCode, a).options, o = this.buildPluginHooks(e.plugins || [], Ld), d = this.currentCalendarOptionsRefiners = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, ki), Mi), Oi), o.listenerRefiners), o.optionRefiners), c = {}, h = Ft([
       Be,
       l,
       e,
@@ -6166,14 +6178,14 @@ class Fd {
     return { viewSpec: s, options: a, dateProfileGenerator: o, viewApi: d };
   }
   processRawViewOptions(e, n, i, r, s) {
-    let a = jt([
+    let a = Ft([
       Be,
       e.optionDefaults,
       i,
       r,
       e.optionOverrides,
       s
-    ]), l = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, ki), Mi), Ii), Il), n.listenerRefiners), n.optionRefiners), o = {}, d = this.currentViewOptionsInput, c = this.currentViewOptionsRefined, h = !1, f = {};
+    ]), l = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, ki), Mi), Oi), Ol), n.listenerRefiners), n.optionRefiners), o = {}, d = this.currentViewOptionsInput, c = this.currentViewOptionsRefined, h = !1, f = {};
     for (let u in a)
       a[u] === d[u] || pe[u] && pe[u](a[u], d[u]) ? o[u] = c[u] : (a[u] === this.currentCalendarOptionsInput[u] || pe[u] && pe[u](a[u], this.currentCalendarOptionsInput[u]) ? u in this.currentCalendarOptionsRefined && (o[u] = this.currentCalendarOptionsRefined[u]) : l[u] ? o[u] = l[u](a[u]) : f[u] = a[u], h = !0);
     return h && (this.currentViewOptionsInput = a, this.currentViewOptionsRefined = o), {
@@ -6183,7 +6195,7 @@ class Fd {
     };
   }
 }
-function jd(t, e, n, i, r, s, a, l) {
+function Fd(t, e, n, i, r, s, a, l) {
   let o = ks(e || a.defaultCode, a.map);
   return new Yo({
     calendarSystem: "gregory",
@@ -6256,7 +6268,7 @@ function $i(t, e) {
   for (let n in t)
     console.warn(`Unknown option '${n}'` + (e ? ` for view '${e}'` : ""));
 }
-class Zd extends I {
+class Zd extends O {
   render() {
     let e = this.props.widgetGroups.map((n) => this.renderWidgetGroup(n));
     return p("div", { className: "fc-toolbar-chunk" }, ...e);
@@ -6279,7 +6291,7 @@ class Zd extends I {
     return r[0];
   }
 }
-class Zi extends I {
+class Zi extends O {
   render() {
     let { model: e, extraClassName: n } = this.props, i = !1, r, s, a = e.sectionWidgets, l = a.center;
     return a.left ? (i = !0, r = a.left) : r = a.start, a.right ? (i = !0, s = a.right) : s = a.end, p(
@@ -6299,7 +6311,7 @@ class Zi extends I {
     return p(Zd, { key: e, widgetGroups: n, title: i.title, navUnit: i.navUnit, activeButton: i.activeButton, isTodayEnabled: i.isTodayEnabled, isPrevEnabled: i.isPrevEnabled, isNextEnabled: i.isNextEnabled, titleId: i.titleId });
   }
 }
-class Xd extends I {
+class Xd extends O {
   constructor() {
     super(...arguments), this.state = {
       availableWidth: null
@@ -6328,10 +6340,10 @@ class Xd extends I {
     this.props.aspectRatio && this.setState({ availableWidth: this.el.offsetWidth });
   }
 }
-class Jd extends Oe {
+class Jd extends Ie {
   constructor(e) {
     super(e), this.handleSegClick = (n, i) => {
-      let { component: r } = this, { context: s } = r, a = Ie(i);
+      let { component: r } = this, { context: s } = r, a = Oe(i);
       if (a && // might be the <div> surrounding the more link
       r.isValidSegDownEl(n.target)) {
         let l = U(n.target, ".fc-event-forced-url"), o = l ? l.querySelector("a[href]").href : "";
@@ -6351,12 +6363,12 @@ class Jd extends Oe {
     );
   }
 }
-class Kd extends Oe {
+class Kd extends Ie {
   constructor(e) {
     super(e), this.handleEventElRemove = (n) => {
       n === this.currentSegEl && this.handleSegLeave(null, this.currentSegEl);
     }, this.handleSegEnter = (n, i) => {
-      Ie(i) && (this.currentSegEl = i, this.triggerEvent("eventMouseEnter", n, i));
+      Oe(i) && (this.currentSegEl = i, this.triggerEvent("eventMouseEnter", n, i));
     }, this.handleSegLeave = (n, i) => {
       this.currentSegEl && (this.currentSegEl = null, this.triggerEvent("eventMouseLeave", n, i));
     }, this.removeHoverListeners = Na(
@@ -6371,7 +6383,7 @@ class Kd extends Oe {
     this.removeHoverListeners();
   }
   triggerEvent(e, n, i) {
-    let { component: r } = this, { context: s } = r, a = Ie(i);
+    let { component: r } = this, { context: s } = r, a = Oe(i);
     (!n || r.isValidSegDownEl(n.target)) && s.emitter.trigger(e, {
       el: i,
       event: new L(s, a.eventRange.def, a.eventRange.instance),
@@ -6382,7 +6394,7 @@ class Kd extends Oe {
 }
 class eu extends Se {
   constructor() {
-    super(...arguments), this.buildViewContext = D(Eo), this.buildViewPropTransformers = D(nu), this.buildToolbarProps = D(tu), this.headerRef = j(), this.footerRef = j(), this.interactionsStore = {}, this.state = {
+    super(...arguments), this.buildViewContext = D(Eo), this.buildViewPropTransformers = D(nu), this.buildToolbarProps = D(tu), this.headerRef = F(), this.footerRef = F(), this.interactionsStore = {}, this.state = {
       viewLabelId: Tt()
     }, this.registerInteractiveComponent = (e, n) => {
       let i = $o(e, n), a = [
@@ -6511,7 +6523,7 @@ class iu extends Wc {
         });
       } else
         this.isRendered && (this.isRendered = !1, Ue(null, this.el), this.setClassNames([]), this.setHeight(""));
-    }, Da(e), this.el = e, this.renderRunner = new Vn(this.handleRenderRequest), new Fd({
+    }, Da(e), this.el = e, this.renderRunner = new Vn(this.handleRenderRequest), new jd({
       optionOverrides: n,
       calendarApi: this,
       onAction: this.handleAction,
@@ -6602,13 +6614,13 @@ function Bs(t) {
   t.isStart && // "
   t.isEnd;
 }
-class zs extends I {
+class zs extends O {
   render() {
     let { props: e } = this;
     return p(bs, Object.assign({}, e, { elClasses: ["fc-daygrid-event", "fc-daygrid-block-event", "fc-h-event"], defaultTimeFormat: Ls, defaultDisplayEventEnd: e.defaultDisplayEventEnd, disableResizing: !e.seg.eventRange.def.allDay }));
   }
 }
-class Us extends I {
+class Us extends O {
   render() {
     let { props: e, context: n } = this, { options: i } = n, { seg: r } = e, s = i.eventTimeFormat || Ls, a = Zr(r, s, n, !0, e.defaultDisplayEventEnd);
     return p(Yn, Object.assign({}, e, { elTag: "a", elClasses: ["fc-daygrid-event", "fc-daygrid-dot-event"], elAttrs: Jr(e.seg, n), defaultGenerator: su, timeText: a, isResizing: !1, isDateSelecting: !1 }));
@@ -6623,7 +6635,7 @@ function su(t) {
     p("div", { className: "fc-event-title" }, t.event.title || p(H, null, " "))
   );
 }
-class au extends I {
+class au extends O {
   constructor() {
     super(...arguments), this.compileSegs = D(lu);
   }
@@ -6649,7 +6661,7 @@ function lu(t) {
 const ou = B({ week: "narrow" });
 class cu extends K {
   constructor() {
-    super(...arguments), this.rootElRef = j(), this.state = {
+    super(...arguments), this.rootElRef = F(), this.state = {
       dayNumberId: Tt()
     }, this.handleRootEl = (e) => {
       ie(this.rootElRef, e), ie(this.props.elRef, e);
@@ -6811,7 +6823,7 @@ function Re(t, e, n, i) {
     return t;
   let r = t.eventRange, s = r.range, a = _e(s, {
     start: i[e].date,
-    end: F(i[n - 1].date, 1)
+    end: j(i[n - 1].date, 1)
   });
   return Object.assign(Object.assign({}, t), { firstCol: e, lastCol: n - 1, eventRange: {
     def: r.def,
@@ -6844,9 +6856,9 @@ class gu extends ns {
     return super.handleInvalidInsertion(e, n, i);
   }
 }
-class Fs extends K {
+class js extends K {
   constructor() {
-    super(...arguments), this.cellElRefs = new ee(), this.frameElRefs = new ee(), this.fgElRefs = new ee(), this.segHarnessRefs = new ee(), this.rootElRef = j(), this.state = {
+    super(...arguments), this.cellElRefs = new ee(), this.frameElRefs = new ee(), this.fgElRefs = new ee(), this.segHarnessRefs = new ee(), this.rootElRef = F(), this.state = {
       framePositions: null,
       maxContentHeight: null,
       eventInstanceHeights: {}
@@ -6908,13 +6920,13 @@ class Fs extends K {
     let { context: o } = this, { eventSelection: d } = this.props, { framePositions: c } = this.state, h = this.props.cells.length === 1, f = s || a || l, u = [];
     if (c)
       for (let v of n) {
-        let { seg: y } = v, { instanceId: b } = y.eventRange.instance, E = b + ":" + e, C = v.isVisible && !r[b], T = v.isAbsolute, A = "", O = "";
-        T && (o.isRtl ? (O = 0, A = c.lefts[y.lastCol] - c.lefts[y.firstCol]) : (A = 0, O = c.rights[y.firstCol] - c.rights[y.lastCol])), u.push(p("div", { className: "fc-daygrid-event-harness" + (T ? " fc-daygrid-event-harness-abs" : ""), key: E, ref: f ? null : this.segHarnessRefs.createRef(E), style: {
+        let { seg: y } = v, { instanceId: b } = y.eventRange.instance, E = b + ":" + e, C = v.isVisible && !r[b], T = v.isAbsolute, A = "", I = "";
+        T && (o.isRtl ? (I = 0, A = c.lefts[y.lastCol] - c.lefts[y.firstCol]) : (A = 0, I = c.rights[y.firstCol] - c.rights[y.lastCol])), u.push(p("div", { className: "fc-daygrid-event-harness" + (T ? " fc-daygrid-event-harness-abs" : ""), key: E, ref: f ? null : this.segHarnessRefs.createRef(E), style: {
           visibility: C ? "" : "hidden",
           marginTop: T ? "" : v.marginTop,
           top: T ? v.absoluteTop : "",
           left: A,
-          right: O
+          right: I
         } }, Bs(y) ? p(Us, Object.assign({ seg: y, isDragging: s, isSelected: b === d, defaultDisplayEventEnd: h }, de(y, i))) : p(zs, Object.assign({ seg: y, isDragging: s, isResizing: a, isDateSelecting: l, isSelected: b === d, defaultDisplayEventEnd: h }, de(y, i)))));
       }
     return u;
@@ -6985,7 +6997,7 @@ class Fs extends K {
     return this.props.cells.map((n) => e[n.key]);
   }
 }
-Fs.addStateEquality({
+js.addStateEquality({
   eventInstanceHeights: J
 });
 function mu(t, e) {
@@ -7013,7 +7025,7 @@ class yu extends K {
   }
   render() {
     let { props: e, context: n } = this, i = e.cells.length, r = this.splitBusinessHourSegs(e.businessHourSegs, i), s = this.splitBgEventSegs(e.bgEventSegs, i), a = this.splitFgEventSegs(e.fgEventSegs, i), l = this.splitDateSelectionSegs(e.dateSelectionSegs, i), o = this.splitEventDrag(e.eventDrag, i), d = this.splitEventResize(e.eventResize, i), c = i >= 7 && e.clientWidth ? e.clientWidth / n.options.aspectRatio / 6 : null;
-    return p(Ve, { unit: "day" }, (h, f) => p(H, null, e.cells.map((u, v) => p(Fs, {
+    return p(Ve, { unit: "day" }, (h, f) => p(H, null, e.cells.map((u, v) => p(js, {
       ref: this.rowRefs.createRef(v),
       key: u.length ? u[0].date.toISOString() : v,
       showDayNumbers: i > 1,
@@ -7088,7 +7100,7 @@ class yu extends K {
     return this.rowRefs.currentMap[e].getCellEls()[n];
   }
   getCellRange(e, n) {
-    let i = this.props.cells[e][n].date, r = F(i, 1);
+    let i = this.props.cells[e][n].date, r = j(i, 1);
     return { start: i, end: r };
   }
 }
@@ -7097,7 +7109,7 @@ function bu(t) {
 }
 class Eu extends K {
   constructor() {
-    super(...arguments), this.elRef = j(), this.needsScrollReset = !1;
+    super(...arguments), this.elRef = F(), this.needsScrollReset = !1;
   }
   render() {
     let { props: e } = this, { dayMaxEventRows: n, dayMaxEvents: i, expandRows: r } = e, s = i === !0 || n === !0;
@@ -7164,9 +7176,9 @@ class wu extends us {
     return n.sliceRange(e);
   }
 }
-class js extends K {
+class Fs extends K {
   constructor() {
-    super(...arguments), this.slicer = new wu(), this.tableRef = j();
+    super(...arguments), this.slicer = new wu(), this.tableRef = F();
   }
   render() {
     let { props: e, context: n } = this;
@@ -7188,7 +7200,7 @@ class Cu extends Gr {
 function Su(t) {
   let { dateEnv: e, currentRange: n } = t, { start: i, end: r } = n, s;
   if (t.snapToWeek && (i = e.startOfWeek(i), s = e.startOfWeek(r), s.valueOf() !== r.valueOf() && (r = Si(s, 1))), t.fixedWeekCount) {
-    let a = e.startOfWeek(e.startOfMonth(F(n.end, -1))), l = Math.ceil(
+    let a = e.startOfWeek(e.startOfMonth(j(n.end, -1))), l = Math.ceil(
       // could be partial weeks due to hiddenDays
       rl(a, r)
     );
@@ -7198,7 +7210,7 @@ function Su(t) {
 }
 class Du extends K {
   constructor() {
-    super(...arguments), this.headerElRef = j();
+    super(...arguments), this.headerElRef = F();
   }
   renderSimpleLayout(e, n) {
     let { props: i, context: r } = this, s = [], a = _t(r.options);
@@ -7262,10 +7274,10 @@ class Du extends K {
 }
 class Au extends Du {
   constructor() {
-    super(...arguments), this.buildDayTableModel = D(Tu), this.headerRef = j(), this.tableRef = j();
+    super(...arguments), this.buildDayTableModel = D(Tu), this.headerRef = F(), this.tableRef = F();
   }
   render() {
-    let { options: e, dateProfileGenerator: n } = this.context, { props: i } = this, r = this.buildDayTableModel(i.dateProfile, n), s = e.dayHeaders && p(os, { ref: this.headerRef, dateProfile: i.dateProfile, dates: r.headerDates, datesRepDistinctDays: r.rowCnt === 1 }), a = (l) => p(js, { ref: this.tableRef, dateProfile: i.dateProfile, dayTableModel: r, businessHours: i.businessHours, dateSelection: i.dateSelection, eventStore: i.eventStore, eventUiBases: i.eventUiBases, eventSelection: i.eventSelection, eventDrag: i.eventDrag, eventResize: i.eventResize, nextDayThreshold: e.nextDayThreshold, colGroupNode: l.tableColGroupNode, tableMinWidth: l.tableMinWidth, dayMaxEvents: e.dayMaxEvents, dayMaxEventRows: e.dayMaxEventRows, showWeekNumbers: e.weekNumbers, expandRows: !i.isHeightAuto, headerAlignElRef: this.headerElRef, clientWidth: l.clientWidth, clientHeight: l.clientHeight, forPrint: i.forPrint });
+    let { options: e, dateProfileGenerator: n } = this.context, { props: i } = this, r = this.buildDayTableModel(i.dateProfile, n), s = e.dayHeaders && p(os, { ref: this.headerRef, dateProfile: i.dateProfile, dates: r.headerDates, datesRepDistinctDays: r.rowCnt === 1 }), a = (l) => p(Fs, { ref: this.tableRef, dateProfile: i.dateProfile, dayTableModel: r, businessHours: i.businessHours, dateSelection: i.dateSelection, eventStore: i.eventStore, eventUiBases: i.eventUiBases, eventSelection: i.eventSelection, eventDrag: i.eventDrag, eventResize: i.eventResize, nextDayThreshold: e.nextDayThreshold, colGroupNode: l.tableColGroupNode, tableMinWidth: l.tableMinWidth, dayMaxEvents: e.dayMaxEvents, dayMaxEventRows: e.dayMaxEventRows, showWeekNumbers: e.weekNumbers, expandRows: !i.isHeightAuto, headerAlignElRef: this.headerElRef, clientWidth: l.clientWidth, clientHeight: l.clientHeight, forPrint: i.forPrint });
     return e.dayMinWidth ? this.renderHScrollLayout(s, a, r.colCnt, e.dayMinWidth) : this.renderSimpleLayout(s, a);
   }
 }
@@ -7342,7 +7354,7 @@ function Ws(t) {
     };
     return p(q, { elTag: "td", elClasses: e, elAttrs: {
       "data-time": t.isoTimeStr
-    }, renderProps: l, generatorName: "slotLabelContent", customGenerator: r.slotLabelContent, defaultGenerator: Iu, classNameGenerator: r.slotLabelClassNames, didMount: r.slotLabelDidMount, willUnmount: r.slotLabelWillUnmount }, (o) => p(
+    }, renderProps: l, generatorName: "slotLabelContent", customGenerator: r.slotLabelContent, defaultGenerator: Ou, classNameGenerator: r.slotLabelClassNames, didMount: r.slotLabelDidMount, willUnmount: r.slotLabelWillUnmount }, (o) => p(
       "div",
       { className: "fc-timegrid-slot-label-frame fc-scrollgrid-shrink-frame" },
       p(o, { elTag: "div", elClasses: [
@@ -7352,10 +7364,10 @@ function Ws(t) {
     ));
   });
 }
-function Iu(t) {
+function Ou(t) {
   return t.text;
 }
-class Ou extends I {
+class Iu extends O {
   render() {
     return this.props.slatMetas.map((e) => p(
       "tr",
@@ -7367,7 +7379,7 @@ class Ou extends I {
 const Nu = B({ week: "short" }), Pu = 5;
 class Hu extends K {
   constructor() {
-    super(...arguments), this.allDaySplitter = new ku(), this.headerElRef = j(), this.rootElRef = j(), this.scrollerElRef = j(), this.state = {
+    super(...arguments), this.allDaySplitter = new ku(), this.headerElRef = F(), this.rootElRef = F(), this.scrollerElRef = F(), this.state = {
       slatCoords: null
     }, this.handleScrollTopRequest = (e) => {
       let n = this.scrollerElRef.current;
@@ -7538,7 +7550,7 @@ class Hu extends K {
                 p(
                   "tbody",
                   null,
-                  p(Ou, { slatMetas: a })
+                  p(Iu, { slatMetas: a })
                 )
               ),
               p(
@@ -7620,7 +7632,7 @@ class Bu {
     return s = Math.max(0, s), s = Math.min(r, s), a = Math.floor(s), a = Math.min(a, r - 1), l = s - a, n.tops[a] + n.getHeight(a) * l;
   }
 }
-class zu extends I {
+class zu extends O {
   render() {
     let { props: e, context: n } = this, { options: i } = n, { slatElRefs: r } = e;
     return p("tbody", null, e.slatMetas.map((s, a) => {
@@ -7644,9 +7656,9 @@ class zu extends I {
     }));
   }
 }
-class Uu extends I {
+class Uu extends O {
   constructor() {
-    super(...arguments), this.rootElRef = j(), this.slatElRefs = new ee();
+    super(...arguments), this.rootElRef = F(), this.slatElRefs = new ee();
   }
   render() {
     let { props: e, context: n } = this;
@@ -7676,10 +7688,10 @@ class Uu extends I {
   }
   updateSizing() {
     let { context: e, props: n } = this;
-    n.onCoords && n.clientWidth !== null && this.rootElRef.current.offsetHeight && n.onCoords(new Bu(new Me(this.rootElRef.current, Fu(this.slatElRefs.currentMap, n.slatMetas), !1, !0), this.props.dateProfile, e.options.slotDuration));
+    n.onCoords && n.clientWidth !== null && this.rootElRef.current.offsetHeight && n.onCoords(new Bu(new Me(this.rootElRef.current, ju(this.slatElRefs.currentMap, n.slatMetas), !1, !0), this.props.dateProfile, e.options.slotDuration));
   }
 }
-function Fu(t, e) {
+function ju(t, e) {
   return e.map((n) => t[n.key]);
 }
 function Pe(t, e) {
@@ -7707,7 +7719,7 @@ function Ji(t, e) {
       n[i] = null;
   return n;
 }
-class ju extends I {
+class Fu extends O {
   render() {
     let { props: e } = this;
     return p(Cs, { elClasses: ["fc-timegrid-more-link"], elStyle: {
@@ -7858,7 +7870,7 @@ const Ju = B({
   minute: "2-digit",
   meridiem: !1
 });
-class Vs extends I {
+class Vs extends O {
   render() {
     return p(bs, Object.assign({}, this.props, { elClasses: [
       "fc-timegrid-event",
@@ -7867,7 +7879,7 @@ class Vs extends I {
     ], defaultTimeFormat: Ju }));
   }
 }
-class Ku extends I {
+class Ku extends O {
   constructor() {
     super(...arguments), this.sortEventSegs = D($r);
   }
@@ -7910,11 +7922,11 @@ class Ku extends I {
       null,
       this.renderHiddenGroups(T, e),
       C.map((A) => {
-        let { seg: O, rect: M } = A, N = O.eventRange.instance.instanceId, R = b || !!(!n[N] && M), Q = Xt(M && M.span), ae = !b && M ? this.computeSegHStyle(M) : { left: 0, right: 0 }, qe = !!M && M.stackForward > 0, Qe = !!M && M.span.end - M.span.start < o;
+        let { seg: I, rect: M } = A, N = I.eventRange.instance.instanceId, R = b || !!(!n[N] && M), Q = Xt(M && M.span), ae = !b && M ? this.computeSegHStyle(M) : { left: 0, right: 0 }, qe = !!M && M.stackForward > 0, Qe = !!M && M.span.end - M.span.start < o;
         return p(
           "div",
           { className: "fc-timegrid-event-harness" + (qe ? " fc-timegrid-event-harness-inset" : ""), key: a || N, style: Object.assign(Object.assign({ visibility: R ? "" : "hidden" }, Q), ae) },
-          p(Vs, Object.assign({ seg: O, isDragging: i, isResizing: r, isDateSelecting: s, isSelected: N === u, isShort: Qe }, de(O, v, y)))
+          p(Vs, Object.assign({ seg: I, isDragging: i, isResizing: r, isDateSelecting: s, isSelected: N === u, isShort: Qe }, de(I, v, y)))
         );
       })
     );
@@ -7924,7 +7936,7 @@ class Ku extends I {
     let { extraDateSpan: i, dateProfile: r, todayRange: s, nowDate: a, eventSelection: l, eventDrag: o, eventResize: d } = this.props;
     return p(H, null, e.map((c) => {
       let h = Xt(c.span), f = ef(c.entries, n);
-      return p(ju, { key: Ir(Ss(f)), hiddenSegs: f, top: h.top, bottom: h.bottom, extraDateSpan: i, dateProfile: r, todayRange: s, nowDate: a, eventSelection: l, eventDrag: o, eventResize: d });
+      return p(Fu, { key: Or(Ss(f)), hiddenSegs: f, top: h.top, bottom: h.bottom, extraDateSpan: i, dateProfile: r, todayRange: s, nowDate: a, eventSelection: l, eventDrag: o, eventResize: d });
     }));
   }
   renderFillSegs(e, n) {
@@ -7981,9 +7993,9 @@ function Xt(t) {
 function ef(t, e) {
   return t.map((n) => e[n.index]);
 }
-class tf extends I {
+class tf extends O {
   constructor() {
-    super(...arguments), this.splitFgEventSegs = D(Pe), this.splitBgEventSegs = D(Pe), this.splitBusinessHourSegs = D(Pe), this.splitNowIndicatorSegs = D(Pe), this.splitDateSelectionSegs = D(Pe), this.splitEventDrag = D(Ji), this.splitEventResize = D(Ji), this.rootElRef = j(), this.cellElRefs = new ee();
+    super(...arguments), this.splitFgEventSegs = D(Pe), this.splitBgEventSegs = D(Pe), this.splitBusinessHourSegs = D(Pe), this.splitNowIndicatorSegs = D(Pe), this.splitDateSelectionSegs = D(Pe), this.splitEventDrag = D(Ji), this.splitEventResize = D(Ji), this.rootElRef = F(), this.cellElRefs = new ee();
   }
   render() {
     let { props: e, context: n } = this, i = n.options.nowIndicator && e.slatCoords && e.slatCoords.safeComputeTop(e.nowDate), r = e.cells.length, s = this.splitFgEventSegs(e.fgEventSegs, r), a = this.splitBgEventSegs(e.bgEventSegs, r), l = this.splitBusinessHourSegs(e.businessHourSegs, r), o = this.splitNowIndicatorSegs(e.nowIndicatorSegs, r), d = this.splitDateSelectionSegs(e.dateSelectionSegs, r), c = this.splitEventDrag(e.eventDrag, r), h = this.splitEventResize(e.eventResize, r);
@@ -8089,10 +8101,10 @@ class rf extends K {
   queryHit(e, n) {
     let { dateEnv: i, options: r } = this.context, { colCoords: s } = this, { dateProfile: a } = this.props, { slatCoords: l } = this.state, { snapDuration: o, snapsPerSlot: d } = this.processSlotOptions(this.props.slotDuration, r.snapDuration), c = s.leftToIndex(e), h = l.positions.topToIndex(n);
     if (c != null && h != null) {
-      let f = this.props.cells[c], u = l.positions.tops[h], v = l.positions.getHeight(h), y = (n - u) / v, b = Math.floor(y * d), E = h * d + b, C = this.props.cells[c].date, T = sn(a.slotMinTime, Za(o, E)), A = i.add(C, T), O = i.add(A, o);
+      let f = this.props.cells[c], u = l.positions.tops[h], v = l.positions.getHeight(h), y = (n - u) / v, b = Math.floor(y * d), E = h * d + b, C = this.props.cells[c].date, T = sn(a.slotMinTime, Za(o, E)), A = i.add(C, T), I = i.add(A, o);
       return {
         dateProfile: a,
-        dateSpan: Object.assign({ range: { start: A, end: O }, allDay: !1 }, f.extraDateSpan),
+        dateSpan: Object.assign({ range: { start: A, end: I }, allDay: !1 }, f.extraDateSpan),
         dayEl: s.els[c],
         rect: {
           left: s.lefts[c],
@@ -8128,7 +8140,7 @@ class af extends us {
 }
 class lf extends K {
   constructor() {
-    super(...arguments), this.buildDayRanges = D(of), this.slicer = new af(), this.timeColsRef = j();
+    super(...arguments), this.buildDayRanges = D(of), this.slicer = new af(), this.timeColsRef = F();
   }
   render() {
     let { props: e, context: n } = this, { dateProfile: i, dayTableModel: r } = e, { nowIndicator: s, nextDayThreshold: a } = n.options, l = this.buildDayRanges(r, i, n.dateEnv);
@@ -8177,7 +8189,7 @@ class uf extends Hu {
     super(...arguments), this.buildTimeColsModel = D(ff), this.buildSlatMetas = D(cf);
   }
   render() {
-    let { options: e, dateEnv: n, dateProfileGenerator: i } = this.context, { props: r } = this, { dateProfile: s } = r, a = this.buildTimeColsModel(s, i), l = this.allDaySplitter.splitProps(r), o = this.buildSlatMetas(s.slotMinTime, s.slotMaxTime, e.slotLabelInterval, e.slotDuration, n), { dayMinWidth: d } = e, c = !d, h = d, f = e.dayHeaders && p(os, { dates: a.headerDates, dateProfile: s, datesRepDistinctDays: !0, renderIntro: c ? this.renderHeadAxis : null }), u = e.allDaySlot !== !1 && ((y) => p(js, Object.assign({}, l.allDay, { dateProfile: s, dayTableModel: a, nextDayThreshold: e.nextDayThreshold, tableMinWidth: y.tableMinWidth, colGroupNode: y.tableColGroupNode, renderRowIntro: c ? this.renderTableRowAxis : null, showWeekNumbers: !1, expandRows: !1, headerAlignElRef: this.headerElRef, clientWidth: y.clientWidth, clientHeight: y.clientHeight, forPrint: r.forPrint }, this.getAllDayMaxEventProps()))), v = (y) => p(lf, Object.assign({}, l.timed, { dayTableModel: a, dateProfile: s, axis: c, slotDuration: e.slotDuration, slatMetas: o, forPrint: r.forPrint, tableColGroupNode: y.tableColGroupNode, tableMinWidth: y.tableMinWidth, clientWidth: y.clientWidth, clientHeight: y.clientHeight, onSlatCoords: this.handleSlatCoords, expandRows: y.expandRows, onScrollTopRequest: this.handleScrollTopRequest }));
+    let { options: e, dateEnv: n, dateProfileGenerator: i } = this.context, { props: r } = this, { dateProfile: s } = r, a = this.buildTimeColsModel(s, i), l = this.allDaySplitter.splitProps(r), o = this.buildSlatMetas(s.slotMinTime, s.slotMaxTime, e.slotLabelInterval, e.slotDuration, n), { dayMinWidth: d } = e, c = !d, h = d, f = e.dayHeaders && p(os, { dates: a.headerDates, dateProfile: s, datesRepDistinctDays: !0, renderIntro: c ? this.renderHeadAxis : null }), u = e.allDaySlot !== !1 && ((y) => p(Fs, Object.assign({}, l.allDay, { dateProfile: s, dayTableModel: a, nextDayThreshold: e.nextDayThreshold, tableMinWidth: y.tableMinWidth, colGroupNode: y.tableColGroupNode, renderRowIntro: c ? this.renderTableRowAxis : null, showWeekNumbers: !1, expandRows: !1, headerAlignElRef: this.headerElRef, clientWidth: y.clientWidth, clientHeight: y.clientHeight, forPrint: r.forPrint }, this.getAllDayMaxEventProps()))), v = (y) => p(lf, Object.assign({}, l.timed, { dayTableModel: a, dateProfile: s, axis: c, slotDuration: e.slotDuration, slatMetas: o, forPrint: r.forPrint, tableColGroupNode: y.tableColGroupNode, tableMinWidth: y.tableMinWidth, clientWidth: y.clientWidth, clientHeight: y.clientHeight, onSlatCoords: this.handleSlatCoords, expandRows: y.expandRows, onScrollTopRequest: this.handleScrollTopRequest }));
     return h ? this.renderHScrollLayout(f, u, v, a.colCnt, d, o, this.state.slatCoords) : this.renderSimpleLayout(f, u, v);
   }
 }
@@ -8211,7 +8223,7 @@ var pf = se({
     }
   }
 });
-jn.touchMouseIgnoreWait = 500;
+Fn.touchMouseIgnoreWait = 500;
 let gn = 0, Ct = 0, mn = !1;
 class Ys {
   constructor(e) {
@@ -8322,7 +8334,7 @@ function gf(t) {
 function mf() {
   gn += 1, setTimeout(() => {
     gn -= 1;
-  }, jn.touchMouseIgnoreWait);
+  }, Fn.touchMouseIgnoreWait);
 }
 function vf() {
   Ct += 1, Ct === 1 && window.addEventListener("touchmove", qs, { passive: !1 });
@@ -8616,7 +8628,7 @@ function Cf(t) {
   let e = t.tagName;
   return e === "HTML" || e === "BODY";
 }
-class It {
+class Ot {
   constructor(e, n) {
     this.useSubjectCenter = !1, this.requireInitial = !0, this.initialHit = null, this.movingHit = null, this.finalHit = null, this.handlePointerDown = (i) => {
       let { dragging: r } = this;
@@ -8648,7 +8660,7 @@ class It {
   }
   handleMove(e, n) {
     let i = this.queryHitForOffset(e.pageX + this.coordAdjust.left, e.pageY + this.coordAdjust.top);
-    (n || !Ot(this.movingHit, i)) && (this.movingHit = i, this.emitter.trigger("hitupdate", i, !1, e));
+    (n || !It(this.movingHit, i)) && (this.movingHit = i, this.emitter.trigger("hitupdate", i, !1, e));
   }
   prepareHits() {
     this.offsetTrackers = ne(this.droppableStore, (e) => (e.component.prepareHits(), new wf(e.el)));
@@ -8679,7 +8691,7 @@ class It {
     return s;
   }
 }
-function Ot(t, e) {
+function It(t, e) {
   return !t && !e ? !0 : !!t != !!e ? !1 : Lo(t.dateSpan, e.dateSpan);
 }
 function Zs(t, e) {
@@ -8695,7 +8707,7 @@ function Sf(t, e) {
     allDay: t.allDay
   };
 }
-class Df extends Oe {
+class Df extends Ie {
   constructor(e) {
     super(e), this.handlePointerDown = (i) => {
       let { dragging: r } = this, s = i.origEvent.target;
@@ -8704,20 +8716,20 @@ class Df extends Oe {
       let { component: r } = this, { pointer: s } = this.dragging;
       if (!s.wasTouchScroll) {
         let { initialHit: a, finalHit: l } = this.hitDragging;
-        if (a && l && Ot(a, l)) {
+        if (a && l && It(a, l)) {
           let { context: o } = r, d = Object.assign(Object.assign({}, Zs(a.dateSpan, o)), { dayEl: a.dayEl, jsEvent: i.origEvent, view: o.viewApi || o.calendarApi.view });
           o.emitter.trigger("dateClick", d);
         }
       }
     }, this.dragging = new Ge(e.el), this.dragging.autoScroller.isEnabled = !1;
-    let n = this.hitDragging = new It(this.dragging, Fn(e));
+    let n = this.hitDragging = new Ot(this.dragging, jn(e));
     n.emitter.on("pointerdown", this.handlePointerDown), n.emitter.on("dragend", this.handleDragEnd);
   }
   destroy() {
     this.dragging.destroy();
   }
 }
-class Af extends Oe {
+class Af extends Ie {
   constructor(e) {
     super(e), this.dragSelection = null, this.handlePointerDown = (a) => {
       let { component: l, dragging: o } = this, { options: d } = l.context, c = d.selectable && l.isValidDateDownEl(a.origEvent.target);
@@ -8736,7 +8748,7 @@ class Af extends Oe {
     };
     let { component: n } = e, { options: i } = n.context, r = this.dragging = new Ge(e.el);
     r.touchScrollAllowed = !1, r.minDistance = i.selectMinDistance || 0, r.autoScroller.isEnabled = i.dragScroll;
-    let s = this.hitDragging = new It(this.dragging, Fn(e));
+    let s = this.hitDragging = new Ot(this.dragging, jn(e));
     s.emitter.on("pointerdown", this.handlePointerDown), s.emitter.on("dragstart", this.handleDragStart), s.emitter.on("hitupdate", this.handleHitUpdate), s.emitter.on("pointerup", this.handlePointerUp);
   }
   destroy() {
@@ -8764,12 +8776,12 @@ function xf(t, e, n) {
   }
   return a.range = { start: s[0], end: s[3] }, a.allDay = i.allDay, a;
 }
-class Ye extends Oe {
+class Ye extends Ie {
   constructor(e) {
     super(e), this.subjectEl = null, this.subjectSeg = null, this.isDragging = !1, this.eventRange = null, this.relevantEvents = null, this.receivingContext = null, this.validMutation = null, this.mutatedRelevantEvents = null, this.handlePointerDown = (a) => {
       let l = a.origEvent.target, { component: o, dragging: d } = this, { mirror: c } = d, { options: h } = o.context, f = o.context;
       this.subjectEl = a.subjectEl;
-      let u = this.subjectSeg = Ie(a.subjectEl), y = (this.eventRange = u.eventRange).instance.instanceId;
+      let u = this.subjectSeg = Oe(a.subjectEl), y = (this.eventRange = u.eventRange).instance.instanceId;
       this.relevantEvents = Mn(f.getCurrentData().eventStore, y), d.minDistance = a.isTouch ? 0 : h.eventDragMinDistance, d.delay = // only do a touch delay if touch and this event hasn't been selected yet
       a.isTouch && y !== o.props.eventSelection ? kf(o) : null, h.fixedMirrorParent ? c.parentNode = h.fixedMirrorParent : c.parentNode = U(l, ".fc"), c.revertDuration = h.dragRevertDuration;
       let b = o.isValidSegDownEl(l) && !U(l, ".fc-event-resizer");
@@ -8796,7 +8808,7 @@ class Ye extends Oe {
         c === h || b.editable && b.droppable ? (f = Rf(d, a, h.getCurrentData().pluginHooks.eventDragMutationMassagers), f && (u = zn(o, h.getCurrentData().eventUiBases, f, h), y.mutatedEvents = u, ps(y, a.dateProfile, h) || (v = !0, f = null, u = null, y.mutatedEvents = Y()))) : h = null;
       }
       this.displayDrag(h, y), v ? wn() : Cn(), l || (c === h && // TODO: write test for this
-      Ot(d, a) && (f = null), this.dragging.setMirrorNeedsRevert(!f), this.dragging.setMirrorIsVisible(!a || !this.subjectEl.getRootNode().querySelector(".fc-event-mirror")), this.receivingContext = h, this.validMutation = f, this.mutatedRelevantEvents = u);
+      It(d, a) && (f = null), this.dragging.setMirrorNeedsRevert(!f), this.dragging.setMirrorIsVisible(!a || !this.subjectEl.getRootNode().querySelector(".fc-event-mirror")), this.receivingContext = h, this.validMutation = f, this.mutatedRelevantEvents = u);
     }, this.handlePointerUp = () => {
       this.isDragging || this.cleanup();
     }, this.handleDragEnd = (a) => {
@@ -8849,7 +8861,7 @@ class Ye extends Oe {
               type: "MERGE_EVENTS",
               eventStore: y
             });
-            let O = {
+            let I = {
               event: A,
               relatedEvents: ve(y, d, T),
               revert() {
@@ -8859,10 +8871,10 @@ class Ye extends Oe {
                 });
               }
             };
-            d.emitter.trigger("eventAdd", O), a.isTouch && d.dispatch({
+            d.emitter.trigger("eventAdd", I), a.isTouch && d.dispatch({
               type: "SELECT_EVENT",
               eventInstanceId: f.instanceId
-            }), d.emitter.trigger("drop", Object.assign(Object.assign({}, Zs(b.dateSpan, d)), { draggedEl: a.subjectEl, jsEvent: a.origEvent, view: b.context.viewApi })), d.emitter.trigger("eventReceive", Object.assign(Object.assign({}, O), { draggedEl: a.subjectEl, view: b.context.viewApi }));
+            }), d.emitter.trigger("drop", Object.assign(Object.assign({}, Zs(b.dateSpan, d)), { draggedEl: a.subjectEl, jsEvent: a.origEvent, view: b.context.viewApi })), d.emitter.trigger("eventReceive", Object.assign(Object.assign({}, I), { draggedEl: a.subjectEl, view: b.context.viewApi }));
           }
         } else
           l.emitter.trigger("_noEventDrop");
@@ -8871,7 +8883,7 @@ class Ye extends Oe {
     };
     let { component: n } = this, { options: i } = n.context, r = this.dragging = new Ge(e.el);
     r.pointer.selector = Ye.SELECTOR, r.touchScrollAllowed = !1, r.autoScroller.isEnabled = i.dragScroll;
-    let s = this.hitDragging = new It(this.dragging, fn);
+    let s = this.hitDragging = new Ot(this.dragging, fn);
     s.useSubjectCenter = e.useEventCenter, s.emitter.on("pointerdown", this.handlePointerDown), s.emitter.on("dragstart", this.handleDragStart), s.emitter.on("hitupdate", this.handleHitUpdate), s.emitter.on("pointerup", this.handlePointerUp), s.emitter.on("dragend", this.handleDragEnd);
   }
   destroy() {
@@ -8915,16 +8927,16 @@ function kf(t) {
   let { options: e } = t.context, n = e.eventLongPressDelay;
   return n == null && (n = e.longPressDelay), n;
 }
-class Mf extends Oe {
+class Mf extends Ie {
   constructor(e) {
     super(e), this.draggingSegEl = null, this.draggingSeg = null, this.eventRange = null, this.relevantEvents = null, this.validMutation = null, this.mutatedRelevantEvents = null, this.handlePointerDown = (s) => {
-      let { component: a } = this, l = this.querySegEl(s), o = Ie(l), d = this.eventRange = o.eventRange;
+      let { component: a } = this, l = this.querySegEl(s), o = Oe(l), d = this.eventRange = o.eventRange;
       this.dragging.minDistance = a.context.options.eventDragMinDistance, this.dragging.setIgnoreMove(!this.component.isValidSegDownEl(s.origEvent.target) || s.isTouch && this.component.props.eventSelection !== d.instance.instanceId);
     }, this.handleDragStart = (s) => {
       let { context: a } = this.component, l = this.eventRange;
       this.relevantEvents = Mn(a.getCurrentData().eventStore, this.eventRange.instance.instanceId);
       let o = this.querySegEl(s);
-      this.draggingSegEl = o, this.draggingSeg = Ie(o), a.calendarApi.unselect(), a.emitter.trigger("eventResizeStart", {
+      this.draggingSegEl = o, this.draggingSeg = Oe(o), a.calendarApi.unselect(), a.emitter.trigger("eventResizeStart", {
         el: o,
         event: new L(a, l.def, l.instance),
         jsEvent: s.origEvent,
@@ -8936,10 +8948,10 @@ class Mf extends Oe {
         mutatedEvents: Y(),
         isEvent: !0
       };
-      s && (s.componentId === c.componentId && this.isHitComboAllowed && !this.isHitComboAllowed(c, s) || (f = If(c, s, l.subjectEl.classList.contains("fc-event-resizer-start"), h.range))), f && (u = zn(d, o.getCurrentData().eventUiBases, f, o), y.mutatedEvents = u, ps(y, s.dateProfile, o) || (v = !0, f = null, u = null, y.mutatedEvents = null)), u ? o.dispatch({
+      s && (s.componentId === c.componentId && this.isHitComboAllowed && !this.isHitComboAllowed(c, s) || (f = Of(c, s, l.subjectEl.classList.contains("fc-event-resizer-start"), h.range))), f && (u = zn(d, o.getCurrentData().eventUiBases, f, o), y.mutatedEvents = u, ps(y, s.dateProfile, o) || (v = !0, f = null, u = null, y.mutatedEvents = null)), u ? o.dispatch({
         type: "SET_EVENT_RESIZE",
         state: y
-      }) : o.dispatch({ type: "UNSET_EVENT_RESIZE" }), v ? wn() : Cn(), a || (f && Ot(c, s) && (f = null), this.validMutation = f, this.mutatedRelevantEvents = u);
+      }) : o.dispatch({ type: "UNSET_EVENT_RESIZE" }), v ? wn() : Cn(), a || (f && It(c, s) && (f = null), this.validMutation = f, this.mutatedRelevantEvents = u);
     }, this.handleDragEnd = (s) => {
       let { context: a } = this.component, l = this.eventRange.def, o = this.eventRange.instance, d = new L(a, l, o), c = this.relevantEvents, h = this.mutatedRelevantEvents;
       if (a.emitter.trigger("eventResizeStop", {
@@ -8972,7 +8984,7 @@ class Mf extends Oe {
     };
     let { component: n } = e, i = this.dragging = new Ge(e.el);
     i.pointer.selector = ".fc-event-resizer", i.touchScrollAllowed = !1, i.autoScroller.isEnabled = n.context.options.dragScroll;
-    let r = this.hitDragging = new It(this.dragging, Fn(e));
+    let r = this.hitDragging = new Ot(this.dragging, jn(e));
     r.emitter.on("pointerdown", this.handlePointerDown), r.emitter.on("dragstart", this.handleDragStart), r.emitter.on("hitupdate", this.handleHitUpdate), r.emitter.on("dragend", this.handleDragEnd);
   }
   destroy() {
@@ -8982,7 +8994,7 @@ class Mf extends Oe {
     return U(e.subjectEl, ".fc-event");
   }
 }
-function If(t, e, n, i) {
+function Of(t, e, n, i) {
   let r = t.context.dateEnv, s = t.dateSpan.range.start, a = e.dateSpan.range.start, l = Ae(s, a, r, t.largeUnit);
   if (n) {
     if (r.add(i.start, l) < i.end)
@@ -8991,7 +9003,7 @@ function If(t, e, n, i) {
     return { endDelta: l };
   return null;
 }
-class Of {
+class If {
   constructor(e) {
     this.context = e, this.isRecentPointerDateSelect = !1, this.matchesCancel = !1, this.matchesEvent = !1, this.onSelect = (i) => {
       i.jsEvent && (this.isRecentPointerDateSelect = !0);
@@ -9032,16 +9044,16 @@ const Nf = {
   eventReceive: m,
   eventLeave: m
 };
-jn.dataAttrPrefix = "";
+Fn.dataAttrPrefix = "";
 var Hf = se({
   name: "@fullcalendar/interaction",
   componentInteractions: [Df, Af, Ye, Mf],
-  calendarInteractions: [Of],
+  calendarInteractions: [If],
   elementDraggingImpl: Ge,
   optionRefiners: Nf,
   listenerRefiners: Pf
 });
-const Lf = ':host{display:block;height:100%;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-event-calendar{height:inherit;padding:0 16px}.calendar-header{display:flex;flex-direction:column;position:sticky;top:0;z-index:3;background:var(--nylas-base-0)}.calendar-header .calendar-header__row_one{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--nylas-base-200)}.calendar-header .calendar-header__row_two{display:flex;justify-content:space-between;margin:12px 0;justify-self:center}@media screen and (max-width: 768px){.calendar-header{flex-direction:column;align-items:flex-start;margin-bottom:16px}}.calendar-header .calendar-header__title{display:flex;align-items:center;gap:16px;font-family:var(--nylas-font-family);font-size:20px;font-weight:600;line-height:30px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.calendar-header .calendar-header__title .calendar-header-prev-next{display:flex;align-items:center}.calendar-header .calendar-header__title .calendar-header-prev-next .chevron-right{transform:rotate(180deg)}.calendar-header .calendar-header__title .calendar-header-prev-next .button{display:flex;flex-direction:row;justify-content:center;align-items:center;height:3vh;width:3vh;min-width:3em;min-height:3em;cursor:pointer;border-radius:var(--nylas-border-radius-2x);background-color:transparent;color:var(--nylas-base-800);cursor:pointer;border:none}.calendar-header .calendar-header__title .calendar-header-prev-next .button:hover{background-color:var(--nylas-base-50)}.calendar-header .calendar-header__title .calendar-header-prev-next .button:active{background-color:var(--nylas-base-100)}.calendar-header .calendar-header__title .calendar-header-prev-next .button:disabled{background-color:transparent;color:var(--nylas-base-300);cursor:not-allowed}.calendar-header .calendar-header__current-calendar{padding:6px 12px;border-radius:var(--nylas-border-radius);border:1px solid var(--nylas-base-200)}.calendar-header .calendar-header__hide-non-group-events{margin-right:20px;display:flex;align-items:center;gap:16px}.calendar-header .calendar-header__hide-non-group-events label{display:flex;align-items:center;gap:4px}.calendar-header .calendar-header__hide-non-group-events tooltip-component::part(tc__content){left:24px}@media screen and (max-width: 768px){.calendar-header .calendar-header__view-options{display:grid;grid-template-columns:1fr 1fr 1fr;width:-webkit-fill-available}}.calendar-header .calendar-header__view-options button{color:var(--nylas-base-800);background:var(--nylas-base-0)}.calendar-header .calendar-header__view-options button.selected{background-color:var(--nylas-color-blue-100);border-radius:4px}.calendar-header .calendar-header__view-options button:hover:not(.selected){background:var(--nylas-base-50)}.calendar-header h3{font-size:1.5rem;font-weight:600}button{padding:0.5rem 1rem;margin-right:0.5rem;border:none;background-color:#0073e6;color:white;border-radius:4px;cursor:pointer;font-size:1rem}button:hover{background-color:#005bb5}.calendar-container{border-radius:4px;flex:1;display:flex;flex-direction:column;height:calc(100% - 16px);min-height:0;position:relative;overflow-y:auto;z-index:0;--fc-today-bg-color:var(--nylas-base-0);--fc-now-indicator-color:var(--nylas-error)}@media screen and (max-width: 768px){.calendar-container{height:calc(100% - 116px)}}.calendar-container.show-event{height:calc(100% - 456px - 80px - 16px)}@media screen and (max-width: 768px){.calendar-container.show-event{height:calc(100% - 116px + 16px)}}.calendar-container.hide{display:none}.calendar-container .fc .fc-view-harness{}.calendar-container .fc .fc-view-harness .fc-scrollgrid{border-right-width:0px;position:relative;border-top:0}.calendar-container .fc .fc-view-harness .fc-scrollgrid thead{position:sticky !important;top:96px;z-index:2}.calendar-container .fc .fc-view-harness .fc-scrollgrid tbody .fc-timegrid-divider{display:none}.calendar-container .fc .fc-view-harness .fc-col-header{position:sticky;top:0;background:#fff;border-top:1px solid var(--nylas-base-200)}.calendar-container .fc .fc-view-harness .custom-day-header{display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Arial, sans-serif;font-size:14px;color:#1e3a8a;font-weight:bold;text-transform:uppercase}.calendar-container .fc .fc-view-harness .custom-day-header .day-name{color:var(--nylas-base-400);margin-bottom:4px;font-family:var(--nylas-font-family);font-size:14px;font-weight:400;line-height:20px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.calendar-container .fc .fc-view-harness .custom-day-header .day-number{font-size:16px;background-color:var(--nylas-base-0);color:var(--nylas-base-800);padding:6px;border-radius:50%;font-family:var(--nylas-font-family);font-size:22px;font-weight:500;line-height:32px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;width:44px;display:inline-flex;justify-content:center;align-items:center}.calendar-container .fc .fc-view-harness .custom-day-header .day-number.today{background-color:var(--nylas-primary);color:var(--nylas-base-0)}.calendar-container .fc .fc-timegrid-now-indicator-line{border-width:1.5px 0 0}.calendar-container .fc .fc-daygrid-day.fc-day-today{background-color:transparent}.calendar-container .fc .fc-day-today .fc-daygrid-day-top .fc-daygrid-day-number{background-color:var(--nylas-primary);color:var(--nylas-base-0);border-radius:50%;width:36px;height:36px;margin:8px 8px}.calendar-container .fc .fc-daygrid-day-top{flex-direction:row}.calendar-container .fc .fc-daygrid-day-top .fc-daygrid-day-number{display:inline-flex;justify-content:center;align-items:center;padding:16px;color:var(--nylas-base-400);font-family:var(--nylas-font-family);font-size:14px;font-weight:400;line-height:20px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.calendar-container .fc .fc-v-event{border:none}.calendar-container .fc .fc-v-event .fc-event-main{border-radius:2px}.calendar-container .fc .fc-v-event.group-event .fc-event-main{background:var(--nylas-color-green-50);color:var(--nylas-color-green-900)}.calendar-container .fc .fc-v-event.group-event:not(.read-only):not(.no-participants){cursor:pointer}.calendar-container .fc .fc-v-event.regular-event .fc-event-main{background:var(--nylas-color-blue-300);color:var(--nylas-base-800)}.calendar-container .fc .fc-v-event.regular-event:not(.read-only):not(.no-participants){cursor:pointer}.calendar-container .fc .fc-v-event.read-only,.calendar-container .fc .fc-v-event.no-participants{opacity:0.5;cursor:not-allowed}.action-options{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:rgba(0, 0, 0, 0.6);z-index:4}@media screen and (max-width: 768px){.action-options{height:calc(100% - 96px)}}.action-options.update-options,.action-options.delete-options,.action-options.discard-changes{height:calc(100% + 80px);border-bottom-left-radius:var(--nylas-border-radius-2x);border-bottom-right-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.action-options.update-options,.action-options.delete-options,.action-options.discard-changes{height:calc(100% + 176px)}}.action-options .action-options__card{display:flex;flex-direction:column;justify-content:center;background:var(--nylas-base-0);border-radius:var(--nylas-border-radius-2x);min-width:240px}.action-options .action-options__card.discard-changes__card{min-width:320px}.action-options .action-options__card button-component#close-edit-options,.action-options .action-options__card button-component#close-update-options,.action-options .action-options__card button-component#close-delete-options,.action-options .action-options__card button-component#close-discard-changes,.action-options .action-options__card button-component#close-choose-participants-modal{display:flex;justify-content:flex-end;padding-top:8px}.action-options .action-options__card button-component#close-edit-options button,.action-options .action-options__card button-component#close-update-options button,.action-options .action-options__card button-component#close-delete-options button,.action-options .action-options__card button-component#close-discard-changes button,.action-options .action-options__card button-component#close-choose-participants-modal button{padding:0;height:auto;width:auto}.action-options .action-options__card button-component#close-edit-options button:hover,.action-options .action-options__card button-component#close-update-options button:hover,.action-options .action-options__card button-component#close-delete-options button:hover,.action-options .action-options__card button-component#close-discard-changes button:hover,.action-options .action-options__card button-component#close-choose-participants-modal button:hover{background-color:transparent !important}.action-options .action-options__card .action-options__header{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px solid var(--nylas-base-200)}.action-options .action-options__card .action-options__header h3{font-family:var(--nylas-font-family);font-size:18px;font-weight:500;line-height:30px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;color:var(--nylas-base-900);margin:0;padding:8px 16px 0}.action-options .action-options__card .edit-options__content ul li#import{display:flex;align-items:center;justify-content:space-between}.action-options .action-options__card .action-options__content.choose-participants-modal__content{padding:24px;display:flex;flex-direction:column;gap:16px;width:400px;max-height:200px;overflow-y:auto}@media screen and (max-width: 768px){.action-options .action-options__card .action-options__content.choose-participants-modal__content{width:-webkit-fill-available;max-height:120px}}.action-options .action-options__card .action-options__content.discard-changes__content{padding:24px}.action-options .action-options__card .action-options__content.discard-changes__content h3{font-family:var(--nylas-font-family);font-size:20px;font-weight:500;line-height:30px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;color:var(--nylas-base-900);margin:0}.action-options .action-options__card .action-options__content ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px}.action-options .action-options__card .action-options__content ul li{padding:16px, 12px, 16px, 12px;color:var(--nylas-base-900);padding:12px 16px;text-decoration:none;display:block;font-family:var(--nylas-font-family);font-weight:400;font-size:14px;line-height:21px;letter-spacing:0px;text-align:left;cursor:pointer}.action-options .action-options__card .action-options__content ul li:hover,.action-options .action-options__card .action-options__content ul li:focus{background-color:var(--nylas-base-100)}.action-options .action-options__card .action-options__content ul li.disabled{cursor:not-allowed;opacity:0.5}.action-options .action-options__card .action-options__footer{display:flex;justify-content:flex-end;gap:16px;padding:16px;border-top:1px solid var(--nylas-base-200)}.event-details-container{position:absolute;bottom:-80px;left:0;width:100%;z-index:3;background:var(--nylas-base-0);box-shadow:4px -8px 12px -12px rgba(0, 0, 0, 0.5);border-bottom-left-radius:var(--nylas-border-radius-2x);border-bottom-right-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.event-details-container{bottom:-176px}}.event-details-container .event-details-header{margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;padding:0 16px;border-bottom:1px solid var(--nylas-base-200)}.event-details-container .event-details-header div.event-details-header__actions{display:flex;align-items:center;gap:16px}.event-details-container .event-details-header div.event-details-header__actions button-component#close button{padding:0;height:auto}.event-details-container .event-details-header div.event-details-header__actions button-component#close button:hover{background-color:transparent !important}.event-details-container .event-details{max-height:440px;overflow-y:scroll;padding:0 16px;display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.event-details-container .event-details.edit-event-details nylas-additional-participants{margin:16px 0}.event-details-container .event-details.edit-event-details nylas-additional-participants::part(nfc){border:none}.event-details-container .event-details.edit-event-details nylas-additional-participants::part(nadtnlpart__title){font-weight:400}.event-details-container .event-details.edit-event-details nylas-additional-participants::part(nadtnlpart__content){padding:16px 0}.event-details-container .event-details.edit-event-details nylas-additional-participants::part(nfc__header){padding:0;border-bottom:none}.event-details-container .event-details .event-details-form-inputs{display:flex;flex-direction:column;gap:16px}.event-details-container .event-details-footer{display:flex;justify-content:flex-end;gap:16px;padding:16px;border-top:1px solid var(--nylas-base-200)}.event-details-container .event-details-footer .event-details-footer__error{color:var(--nylas-error);font-family:var(--nylas-font-family);font-size:14px;font-weight:400;line-height:20px;text-align:left;text-underline-position:from-font}.event-details-container .event-details-footer .event-details-footer__helper-text{color:var(--nylas-base-800);font-family:var(--nylas-font-family);font-size:14px;font-weight:400;line-height:20px;text-align:left;text-underline-position:from-font}.event-details-container .event-details-footer .event-details-footer__actions{display:flex;gap:16px}', Bf = Lf;
+const Lf = ':host{display:block;height:100%;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-event-calendar{height:inherit;padding:0 16px}.calendar-header{display:flex;flex-direction:column;position:sticky;top:0;z-index:3;background:var(--nylas-base-0)}.calendar-header .calendar-header__row_one{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--nylas-base-200)}.calendar-header .calendar-header__row_two{display:flex;justify-content:space-between;margin:12px 0;justify-self:center}@media screen and (max-width: 768px){.calendar-header{flex-direction:column;align-items:flex-start;margin-bottom:16px}}.calendar-header .calendar-header__title{display:flex;align-items:center;gap:16px;font-family:var(--nylas-font-family);font-size:20px;font-weight:600;line-height:30px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;color:var(--nylas-base-900)}.calendar-header .calendar-header__title .calendar-header-prev-next{display:flex;align-items:center}.calendar-header .calendar-header__title .calendar-header-prev-next .chevron-right{transform:rotate(180deg)}.calendar-header .calendar-header__title .calendar-header-prev-next .button{display:flex;flex-direction:row;justify-content:center;align-items:center;height:3vh;width:3vh;min-width:3em;min-height:3em;cursor:pointer;border-radius:var(--nylas-border-radius-2x);background-color:transparent;color:var(--nylas-base-800);cursor:pointer;border:none}.calendar-header .calendar-header__title .calendar-header-prev-next .button:hover{background-color:var(--nylas-base-50)}.calendar-header .calendar-header__title .calendar-header-prev-next .button:active{background-color:var(--nylas-base-100)}.calendar-header .calendar-header__title .calendar-header-prev-next .button:disabled{background-color:transparent;color:var(--nylas-base-300);cursor:not-allowed}.calendar-header .calendar-header__current-calendar{padding:6px 12px;border-radius:var(--nylas-border-radius);border:1px solid var(--nylas-base-200);color:var(--nylas-base-900)}.calendar-header .calendar-header__hide-non-group-events{margin-right:20px;display:flex;align-items:center;gap:16px;color:var(--nylas-base-900)}.calendar-header .calendar-header__hide-non-group-events label{display:flex;align-items:center;gap:4px}.calendar-header .calendar-header__hide-non-group-events tooltip-component::part(tc__content){left:24px}@media screen and (max-width: 768px){.calendar-header .calendar-header__view-options{display:grid;grid-template-columns:1fr 1fr 1fr;width:-webkit-fill-available}}.calendar-header .calendar-header__view-options button{color:var(--nylas-base-800);background:var(--nylas-base-0)}.calendar-header .calendar-header__view-options button.selected{background-color:var(--nylas-color-blue-100);border-radius:4px}.calendar-header .calendar-header__view-options button:hover:not(.selected){background:var(--nylas-base-50)}.calendar-header h3{font-size:1.5rem;font-weight:600}button{padding:0.5rem 1rem;margin-right:0.5rem;border:none;background-color:#0073e6;color:white;border-radius:4px;cursor:pointer;font-size:1rem}button:hover{background-color:#005bb5}.calendar-container{border-radius:4px;flex:1;display:flex;flex-direction:column;height:calc(100% - 16px);min-height:0;position:relative;overflow-y:auto;z-index:0;--fc-today-bg-color:var(--nylas-base-0);--fc-now-indicator-color:var(--nylas-error)}@media screen and (max-width: 768px){.calendar-container{height:calc(100% - 116px)}}.calendar-container.show-event{height:calc(100% - 456px - 80px - 16px)}@media screen and (max-width: 768px){.calendar-container.show-event{height:calc(100% - 116px + 16px)}}.calendar-container.hide{display:none}.calendar-container .fc .fc-view-harness{}.calendar-container .fc .fc-view-harness .fc-scrollgrid{border-right-width:0px;position:relative;border-top:0}.calendar-container .fc .fc-view-harness .fc-scrollgrid thead{position:sticky !important;top:96px;z-index:2}.calendar-container .fc .fc-view-harness .fc-scrollgrid tbody .fc-timegrid-divider{display:none}.calendar-container .fc .fc-view-harness .fc-col-header{position:sticky;top:0;background:var(--nylas-base-0);border-top:1px solid var(--nylas-base-200)}.calendar-container .fc .fc-view-harness .custom-day-header{display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Arial, sans-serif;font-size:14px;color:#1e3a8a;font-weight:bold;text-transform:uppercase}.calendar-container .fc .fc-view-harness .custom-day-header .day-name{color:var(--nylas-base-400);margin-bottom:4px;font-family:var(--nylas-font-family);font-size:14px;font-weight:400;line-height:20px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.calendar-container .fc .fc-view-harness .custom-day-header .day-number{font-size:16px;background-color:var(--nylas-base-0);color:var(--nylas-base-800);padding:6px;border-radius:50%;font-family:var(--nylas-font-family);font-size:22px;font-weight:500;line-height:32px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;width:44px;display:inline-flex;justify-content:center;align-items:center}.calendar-container .fc .fc-view-harness .custom-day-header .day-number.today{background-color:var(--nylas-primary);color:var(--nylas-base-0)}.calendar-container .fc .fc-timegrid-now-indicator-line{border-width:1.5px 0 0}.calendar-container .fc .fc-timegrid-slot-label{color:var(--nylas-base-900)}.calendar-container .fc .fc-daygrid-day.fc-day-today{background-color:transparent}.calendar-container .fc .fc-day-today .fc-daygrid-day-top .fc-daygrid-day-number{background-color:var(--nylas-primary);color:var(--nylas-base-0);border-radius:50%;width:36px;height:36px;margin:8px 8px}.calendar-container .fc .fc-daygrid-day-top{flex-direction:row}.calendar-container .fc .fc-daygrid-day-top .fc-daygrid-day-number{display:inline-flex;justify-content:center;align-items:center;padding:16px;color:var(--nylas-base-400);font-family:var(--nylas-font-family);font-size:14px;font-weight:400;line-height:20px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.calendar-container .fc .fc-v-event{border:none}.calendar-container .fc .fc-v-event .fc-event-main{border-radius:2px}.calendar-container .fc .fc-v-event.group-event .fc-event-main{background:var(--nylas-color-green-50);color:var(--nylas-color-green-900)}.calendar-container .fc .fc-v-event.group-event:not(.read-only):not(.no-participants){cursor:pointer}.calendar-container .fc .fc-v-event.regular-event .fc-event-main{background:var(--nylas-color-blue-300);color:var(--nylas-base-800)}.calendar-container .fc .fc-v-event.regular-event:not(.read-only):not(.no-participants){cursor:pointer}.calendar-container .fc .fc-v-event.read-only,.calendar-container .fc .fc-v-event.no-participants{opacity:0.5;cursor:not-allowed}.action-options{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:rgba(0, 0, 0, 0.6);z-index:4}@media screen and (max-width: 768px){.action-options{height:calc(100% - 96px)}}.action-options.update-options,.action-options.delete-options,.action-options.discard-changes{height:calc(100% + 80px);border-bottom-left-radius:var(--nylas-border-radius-2x);border-bottom-right-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.action-options.update-options,.action-options.delete-options,.action-options.discard-changes{height:calc(100% + 176px)}}.action-options .action-options__card{display:flex;flex-direction:column;justify-content:center;background:var(--nylas-base-0);border-radius:var(--nylas-border-radius-2x);min-width:240px}.action-options .action-options__card.discard-changes__card{min-width:320px}.action-options .action-options__card button-component#close-edit-options,.action-options .action-options__card button-component#close-update-options,.action-options .action-options__card button-component#close-delete-options,.action-options .action-options__card button-component#close-discard-changes,.action-options .action-options__card button-component#close-choose-participants-modal{display:flex;justify-content:flex-end;padding-top:8px}.action-options .action-options__card button-component#close-edit-options button,.action-options .action-options__card button-component#close-update-options button,.action-options .action-options__card button-component#close-delete-options button,.action-options .action-options__card button-component#close-discard-changes button,.action-options .action-options__card button-component#close-choose-participants-modal button{padding:0;height:auto;width:auto}.action-options .action-options__card button-component#close-edit-options button:hover,.action-options .action-options__card button-component#close-update-options button:hover,.action-options .action-options__card button-component#close-delete-options button:hover,.action-options .action-options__card button-component#close-discard-changes button:hover,.action-options .action-options__card button-component#close-choose-participants-modal button:hover{background-color:transparent !important}.action-options .action-options__card .action-options__header{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px solid var(--nylas-base-200)}.action-options .action-options__card .action-options__header h3{font-family:var(--nylas-font-family);font-size:18px;font-weight:500;line-height:30px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;color:var(--nylas-base-900);margin:0;padding:8px 16px 0}.action-options .action-options__card .edit-options__content ul li#import{display:flex;align-items:center;justify-content:space-between}.action-options .action-options__card .action-options__content.choose-participants-modal__content{padding:24px;display:flex;flex-direction:column;gap:16px;width:400px;max-height:200px;overflow-y:auto}@media screen and (max-width: 768px){.action-options .action-options__card .action-options__content.choose-participants-modal__content{width:-webkit-fill-available;max-height:120px}}.action-options .action-options__card .action-options__content.discard-changes__content{padding:24px}.action-options .action-options__card .action-options__content.discard-changes__content h3{font-family:var(--nylas-font-family);font-size:20px;font-weight:500;line-height:30px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;color:var(--nylas-base-900);margin:0}.action-options .action-options__card .action-options__content ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px}.action-options .action-options__card .action-options__content ul li{padding:16px, 12px, 16px, 12px;color:var(--nylas-base-900);padding:12px 16px;text-decoration:none;display:block;font-family:var(--nylas-font-family);font-weight:400;font-size:14px;line-height:21px;letter-spacing:0px;text-align:left;cursor:pointer}.action-options .action-options__card .action-options__content ul li:hover,.action-options .action-options__card .action-options__content ul li:focus{background-color:var(--nylas-base-100)}.action-options .action-options__card .action-options__content ul li.disabled{cursor:not-allowed;opacity:0.5}.action-options .action-options__card .action-options__footer{display:flex;justify-content:flex-end;gap:16px;padding:16px;border-top:1px solid var(--nylas-base-200)}.event-details-container{position:absolute;bottom:-80px;left:0;width:100%;z-index:3;background:var(--nylas-base-0);box-shadow:4px -8px 12px -12px rgba(0, 0, 0, 0.5);border-bottom-left-radius:var(--nylas-border-radius-2x);border-bottom-right-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.event-details-container{bottom:-176px}}.event-details-container .event-details-header{margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;padding:0 16px;border-bottom:1px solid var(--nylas-base-200);color:var(--nylas-base-900)}.event-details-container .event-details-header div.event-details-header__actions{display:flex;align-items:center;gap:16px}.event-details-container .event-details-header div.event-details-header__actions button-component#close button{padding:0;height:auto}.event-details-container .event-details-header div.event-details-header__actions button-component#close button:hover{background-color:transparent !important}.event-details-container .event-details{max-height:440px;overflow-y:scroll;padding:0 16px;display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.event-details-container .event-details nylas-additional-participants::part(nadtnlpart__content){background-color:var(--nylas-base-0)}.event-details-container .event-details.edit-event-details nylas-additional-participants{margin:16px 0}.event-details-container .event-details.edit-event-details nylas-additional-participants::part(nfc){border:none}.event-details-container .event-details.edit-event-details nylas-additional-participants::part(nadtnlpart__title){font-weight:400}.event-details-container .event-details.edit-event-details nylas-additional-participants::part(nadtnlpart__content){padding:16px 0}.event-details-container .event-details.edit-event-details nylas-additional-participants::part(nfc__header){padding:0;border-bottom:none}.event-details-container .event-details .event-details-form-inputs{display:flex;flex-direction:column;gap:16px}.event-details-container .event-details-footer{display:flex;justify-content:flex-end;gap:16px;padding:16px;border-top:1px solid var(--nylas-base-200)}.event-details-container .event-details-footer .event-details-footer__error{color:var(--nylas-error);font-family:var(--nylas-font-family);font-size:14px;font-weight:400;line-height:20px;text-align:left;text-underline-position:from-font}.event-details-container .event-details-footer .event-details-footer__helper-text{color:var(--nylas-base-800);font-family:var(--nylas-font-family);font-size:14px;font-weight:400;line-height:20px;text-align:left;text-underline-position:from-font}.event-details-container .event-details-footer .event-details-footer__actions{display:flex;gap:16px}', Bf = Lf;
 var zf = function(t, e, n, i) {
   var r = arguments.length, s = r < 3 ? e : i === null ? i = Object.getOwnPropertyDescriptor(e, n) : i, a;
   if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
@@ -9064,12 +9076,12 @@ const it = {
   timeGridDay: "day",
   timeGridWeek: "week",
   dayGridMonth: "month"
-}, Ff = [
+}, jf = [
   { label: _.t("nylasEventCalendar.editOptions.import") || "Import", value: "import", langKey: "nylasEventCalendar.editOptions.import" },
   { label: _.t("nylasEventCalendar.editOptions.edit") || "Edit", value: "edit", langKey: "nylasEventCalendar.editOptions.edit" },
   { label: _.t("nylasEventCalendar.editOptions.deleteThis") || "Delete this event only", value: "delete-this", langKey: "nylasEventCalendar.editOptions.deleteThis" },
   { label: _.t("nylasEventCalendar.editOptions.deleteAll") || "Delete all events", value: "delete-all", langKey: "nylasEventCalendar.editOptions.deleteAll" }
-], jf = [
+], Ff = [
   { label: _.t("nylasEventCalendar.updateOptions.updateThis") || "Update this event", value: "this", langKey: "nylasEventCalendar.updateOptions.updateThis" },
   {
     label: _.t("nylasEventCalendar.updateOptions.updateFuture") || "Update all future occurrences",
@@ -9087,7 +9099,7 @@ const it = {
   { label: _.t("nylasEventCalendar.deleteOptions.deleteAll") || "Delete all events", value: "all", langKey: "nylasEventCalendar.deleteOptions.deleteAll" }
 ], Xs = class {
   constructor(t) {
-    St(this, t), this.fetchMasterGroupEvent = W(this, "fetchMasterGroupEvent", 7), this.saveGroupEventChanges = W(this, "saveGroupEventChanges", 7), this.deleteGroupEvent = W(this, "deleteGroupEvent", 7), this.groupEventSelected = W(this, "groupEventSelected", 7), this.createGroupEvent = W(this, "createGroupEvent", 7), this.calendarViewChanged = W(this, "calendarViewChanged", 7), this.previosNextClicked = W(this, "previosNextClicked", 7), this.setCalendarViewDateRange = W(this, "setCalendarViewDateRange", 7), this.importGroupEvent = W(this, "importGroupEvent", 7), t.$hostElement$["s-ei"] ? this.internals = t.$hostElement$["s-ei"] : (this.internals = t.$hostElement$.attachInternals(), t.$hostElement$["s-ei"] = this.internals), this.selectedConfiguration = void 0, this.name = "page-name", this.selectedLanguage = void 0, this.groupEvents = void 0, this.currentUser = void 0, this.calendars = void 0, this.masterGroupEvents = void 0, this.isLoading = void 0, this.selectedView = "week", this.events = [], this.calendar = void 0, this.selectedEvent = null, this.selectedDateRangeString = "", this.showEditEventDetails = !1, this.showCreateEventDetails = !1, this.editOptionChoices = Ff, this.updateOptionChoices = jf, this.deleteOptionChoices = Wf, this.editOptions = this.editOptionChoices, this.showEditOptions = !1, this.updateOptions = this.updateOptionChoices, this.showUpdateOptions = !1, this.deleteOptions = this.deleteOptionChoices, this.showDeleteOptions = !1, this.unsavedChanges = !1, this.showConfirmDiscardUnsavedChangesModal = !1, this.createNewGroupEventTimeslot = null, this.formError = "", this.formErrors = {}, this.loadingOptions = {
+    St(this, t), this.fetchMasterGroupEvent = W(this, "fetchMasterGroupEvent", 7), this.saveGroupEventChanges = W(this, "saveGroupEventChanges", 7), this.deleteGroupEvent = W(this, "deleteGroupEvent", 7), this.groupEventSelected = W(this, "groupEventSelected", 7), this.createGroupEvent = W(this, "createGroupEvent", 7), this.calendarViewChanged = W(this, "calendarViewChanged", 7), this.previosNextClicked = W(this, "previosNextClicked", 7), this.setCalendarViewDateRange = W(this, "setCalendarViewDateRange", 7), this.importGroupEvent = W(this, "importGroupEvent", 7), t.$hostElement$["s-ei"] ? this.internals = t.$hostElement$["s-ei"] : (this.internals = t.$hostElement$.attachInternals(), t.$hostElement$["s-ei"] = this.internals), this.selectedConfiguration = void 0, this.name = "page-name", this.selectedLanguage = void 0, this.groupEvents = void 0, this.currentUser = void 0, this.calendars = void 0, this.masterGroupEvents = void 0, this.isLoading = void 0, this.themeConfig = void 0, this.selectedView = "week", this.events = [], this.calendar = void 0, this.selectedEvent = null, this.selectedDateRangeString = "", this.showEditEventDetails = !1, this.showCreateEventDetails = !1, this.editOptionChoices = jf, this.updateOptionChoices = Ff, this.deleteOptionChoices = Wf, this.editOptions = this.editOptionChoices, this.showEditOptions = !1, this.updateOptions = this.updateOptionChoices, this.showUpdateOptions = !1, this.deleteOptions = this.deleteOptionChoices, this.showDeleteOptions = !1, this.unsavedChanges = !1, this.showConfirmDiscardUnsavedChangesModal = !1, this.createNewGroupEventTimeslot = null, this.formError = "", this.formErrors = {}, this.loadingOptions = {
       update: "",
       delete: "",
       create: ""
@@ -9170,6 +9182,14 @@ const it = {
     let n = JSON.parse(JSON.stringify(this.events));
     this.showAllEvents || (n = n.filter((r) => r == null ? void 0 : r.classNames.includes("group-event"))), (i = this.calendar) == null || i.setOption("events", n);
   }
+  themeConfigChangedHandler(t, e) {
+    t !== e && this.applyThemeConfig(t);
+  }
+  applyThemeConfig(t) {
+    if (t)
+      for (const [e, n] of Object.entries(t))
+        this.host.style.setProperty(`${e}`, n);
+  }
   connectedCallback() {
     z("nylas-connected-calendars", "connectedCallback");
   }
@@ -9439,12 +9459,12 @@ const it = {
     }
   }
   render() {
-    var d, c, h, f, u, v, y, b, E, C, T, A, O, M, N, R, Q, ae, qe, Qe, Jn;
+    var d, c, h, f, u, v, y, b, E, C, T, A, I, M, N, R, Q, ae, qe, Qe, Jn;
     const t = (c = (d = this.selectedConfiguration) == null ? void 0 : d.group_booking) == null ? void 0 : c.calendar_id, e = t ? (h = this.calendars) == null ? void 0 : h.find((w) => w.id === t) : null, n = _.t("timePeriod_day") || "day", i = _.t("timePeriod_week") || "week", r = _.t("timePeriod_month") || "month", s = (v = (u = (f = this.selectedEvent) == null ? void 0 : f.event) == null ? void 0 : u.when) == null ? void 0 : v.start_time, a = (E = (b = (y = this.selectedEvent) == null ? void 0 : y.event) == null ? void 0 : b.when) == null ? void 0 : E.start_timezone, l = s ? x(s * 1e3).tz(a) : null, o = l && l.isBefore(x().tz(a));
     return g(vn, null, g("div", { class: "nylas-event-calendar" }, g("div", { class: {
       "calendar-container": !0,
       "show-event": this.showEditEventDetails || this.showCreateEventDetails
-    } }, g("div", { class: "calendar-header" }, g("div", { class: "calendar-header__row_one" }, g("div", { class: "calendar-header__title" }, g("div", { class: "calendar-header-prev-next" }, g("button", { onClick: () => this.handlePrevNextClick("prev"), class: { "chevron-left": !0, button: !0 } }, " ", g("chevron-icon", null)), g("span", null, this.selectedDateRangeString), g("button", { onClick: () => this.handlePrevNextClick("next"), class: { "chevron-right": !0, button: !0 } }, " ", g("chevron-icon", null)))), g("div", { class: "calendar-header__current-calendar" }, (e == null ? void 0 : e.name) || (e == null ? void 0 : e.id), "'s calendar"), g("div", { class: "calendar-header__view-options" }, g("button", { class: { selected: ((C = this.calendar) == null ? void 0 : C.view.type) === it.day }, onClick: () => this.setView("day") }, n.charAt(0).toUpperCase() + n.slice(1)), g("button", { class: { selected: ((T = this.calendar) == null ? void 0 : T.view.type) === it.week }, onClick: () => this.setView("week") }, i.charAt(0).toUpperCase() + i.slice(1)), g("button", { class: { selected: ((A = this.calendar) == null ? void 0 : A.view.type) === it.month }, onClick: () => this.setView("month") }, r.charAt(0).toUpperCase() + r.slice(1)))), g("div", { class: "calendar-header__row_two" }, g("div", { class: "calendar-header__hide-non-group-events" }, g("label", null, _.t("nylasEventCalendar.hideNonGroupEvents.showLabel"), g("span", { class: "label-icon" }, g("tooltip-component", null, g("info-icon", { slot: "tooltip-icon" }), g("span", { slot: "tooltip-content" }, _.t("nylasEventCalendar.hideNonGroupEvents.tooltip.desc"))))), g("checkbox-group", { direction: "horizontal", name: "hide-non-group-events", options: [{ label: _.t("nylasEventCalendar.hideNonGroupEvents.options.group"), value: "group-only", checked: !1 }] })))), g("div", { ref: (w) => this.calendarEl = w })), this.showEditEventDetails && ((O = this.selectedEvent) == null ? void 0 : O.group_event_info) && g("div", { class: "event-details-container" }, g("div", { class: "event-details-header" }, g("h3", null, _.t("nylasEventCalendar.editEventDetails.headerTitle")), g("div", { class: "event-details-header__actions" }, g("button-component", { tooltip: _.t("nylasEventCalendar.editEventDetails.closeButtonTooltip"), id: "close", disabled: this.isLoading, variant: "invisible", onClick: (w) => {
+    } }, g("div", { class: "calendar-header" }, g("div", { class: "calendar-header__row_one" }, g("div", { class: "calendar-header__title" }, g("div", { class: "calendar-header-prev-next" }, g("button", { onClick: () => this.handlePrevNextClick("prev"), class: { "chevron-left": !0, button: !0 } }, " ", g("chevron-icon", null)), g("span", null, this.selectedDateRangeString), g("button", { onClick: () => this.handlePrevNextClick("next"), class: { "chevron-right": !0, button: !0 } }, " ", g("chevron-icon", null)))), g("div", { class: "calendar-header__current-calendar" }, (e == null ? void 0 : e.name) || (e == null ? void 0 : e.id), "'s calendar"), g("div", { class: "calendar-header__view-options" }, g("button", { class: { selected: ((C = this.calendar) == null ? void 0 : C.view.type) === it.day }, onClick: () => this.setView("day") }, n.charAt(0).toUpperCase() + n.slice(1)), g("button", { class: { selected: ((T = this.calendar) == null ? void 0 : T.view.type) === it.week }, onClick: () => this.setView("week") }, i.charAt(0).toUpperCase() + i.slice(1)), g("button", { class: { selected: ((A = this.calendar) == null ? void 0 : A.view.type) === it.month }, onClick: () => this.setView("month") }, r.charAt(0).toUpperCase() + r.slice(1)))), g("div", { class: "calendar-header__row_two" }, g("div", { class: "calendar-header__hide-non-group-events" }, g("label", null, _.t("nylasEventCalendar.hideNonGroupEvents.showLabel"), g("span", { class: "label-icon" }, g("tooltip-component", null, g("info-icon", { slot: "tooltip-icon" }), g("span", { slot: "tooltip-content" }, _.t("nylasEventCalendar.hideNonGroupEvents.tooltip.desc"))))), g("checkbox-group", { direction: "horizontal", name: "hide-non-group-events", themeConfig: this.themeConfig, options: [{ label: _.t("nylasEventCalendar.hideNonGroupEvents.options.group"), value: "group-only", checked: !1 }] })))), g("div", { ref: (w) => this.calendarEl = w })), this.showEditEventDetails && ((I = this.selectedEvent) == null ? void 0 : I.group_event_info) && g("div", { class: "event-details-container" }, g("div", { class: "event-details-header" }, g("h3", null, _.t("nylasEventCalendar.editEventDetails.headerTitle")), g("div", { class: "event-details-header__actions" }, g("button-component", { tooltip: _.t("nylasEventCalendar.editEventDetails.closeButtonTooltip"), id: "close", disabled: this.isLoading, variant: "invisible", onClick: (w) => {
       w.preventDefault(), w.stopImmediatePropagation(), this.unsavedChanges ? this.showConfirmDiscardUnsavedChangesModal = !0 : (this.showEditEventDetails = !1, this.unsavedChanges = !1, this.selectedEvent = null, this.formError = "");
     } }, g("close-icon", null)))), g("div", { class: {
       "event-details": !0,
@@ -9478,7 +9498,7 @@ const it = {
       w.preventDefault(), w.stopImmediatePropagation(), this.showDeleteOptions = !1;
     } }, g("close-icon", null)), g("div", { class: "delete-options__content action-options__content" }, g("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name }, this.deleteOptions.map((w) => w.value.toString() ? g("li", { class: { disabled: !!this.isLoading }, tabindex: "0", key: w.value, id: w.value, role: "option", onClick: ($) => this.handleDeleteGroupEvent($, w) }, this.isLoading && this.loadingOptions.delete === w.value ? _.t("nylasEventCalendar.deleteEvent.deleting") : w.label) : null))))), this.showChooseParticipantsModal && g("div", { class: "choose-participants-modal action-options" }, g("div", { class: "choose-participants-modal__card action-options__card" }, g("button-component", { tooltip: _.t("nylasEventCalendar.importEvent.closeButtonTooltip"), id: "close-choose-participants-modal", variant: "invisible", disabled: this.isLoading, onClick: (w) => {
       w.preventDefault(), w.stopImmediatePropagation(), this.showChooseParticipantsModal = !1;
-    } }, g("close-icon", null)), g("div", { class: "choose-participants-modal__content action-options__content" }, g("multi-select-dropdown", { name: "participants", multipleOptionsSelectedLabel: _.t("multipleOptionsSelected"), selectAtLeastOneOptionLabel: _.t("selectOneOrMoreOptions"), label: _.t("nylasEventCalendar.importEvent.participantsLabel"), options: this.importParticipants }), g("button-component", { variant: "basic", onClick: () => this.handleImportGroupEvent() }, _.t("nylasEventCalendar.importEvent.importButton")))))));
+    } }, g("close-icon", null)), g("div", { class: "choose-participants-modal__content action-options__content" }, g("multi-select-dropdown", { name: "participants", multipleOptionsSelectedLabel: _.t("multipleOptionsSelected"), selectAtLeastOneOptionLabel: _.t("selectOneOrMoreOptions"), label: _.t("nylasEventCalendar.importEvent.participantsLabel"), options: this.importParticipants, themeConfig: this.themeConfig }), g("button-component", { variant: "basic", onClick: () => this.handleImportGroupEvent() }, _.t("nylasEventCalendar.importEvent.importButton")))))));
   }
   static get formAssociated() {
     return !0;
@@ -9491,6 +9511,7 @@ const it = {
       name: ["elementNameChangedHandler"],
       selectedLanguage: ["selectedLanguageChangedHandler"],
       groupEvents: ["groupEventsChangedHandler"],
+      themeConfig: ["themeConfigChangedHandler"],
       isLoading: ["isLoadingChangedHandler"]
     };
   }
@@ -9505,7 +9526,8 @@ zf([
       ["schedulerConfig.currentUser", "currentUser"],
       ["schedulerConfig.calendars", "calendars"],
       ["schedulerConfig.isLoading", "isLoading"],
-      ["schedulerConfig.selectedConfiguration", "selectedConfiguration"]
+      ["schedulerConfig.selectedConfiguration", "selectedConfiguration"],
+      ["schedulerConfig.themeConfig", "themeConfig"]
     ]),
     eventToProps: {
       groupEventSelected: async (t, e) => {
@@ -9577,7 +9599,7 @@ var Yf = function(t, e, n, i) {
 };
 const Js = class {
   constructor(t) {
-    St(this, t), this.valueChanged = W(this, "valueChanged", 7), t.$hostElement$["s-ei"] ? this.internals = t.$hostElement$["s-ei"] : (this.internals = t.$hostElement$.attachInternals(), t.$hostElement$["s-ei"] = this.internals), this.name = "event-capacity", this.capacity = void 0, this.selectedLanguage = void 0, this.selectedEventCapacity = void 0, this.error = "";
+    St(this, t), this.valueChanged = W(this, "valueChanged", 7), t.$hostElement$["s-ei"] ? this.internals = t.$hostElement$["s-ei"] : (this.internals = t.$hostElement$.attachInternals(), t.$hostElement$["s-ei"] = this.internals), this.name = "event-capacity", this.capacity = void 0, this.selectedLanguage = void 0, this.themeConfig = void 0, this.selectedEventCapacity = void 0, this.error = "";
   }
   connectedCallback() {
     z("nylas-event-capacity", "connectedCallback");
@@ -9609,6 +9631,14 @@ const Js = class {
   selectedLanguageChangedHandler(t, e) {
     t !== e && _.changeLanguage(t);
   }
+  themeConfigChangedHandler(t, e) {
+    t !== e && this.applyThemeConfig(t);
+  }
+  applyThemeConfig(t) {
+    if (t)
+      for (const [e, n] of Object.entries(t))
+        this.host.style.setProperty(`${e}`, n);
+  }
   async nylasFormInputChangeHandler(t) {
     const { name: e, value: n } = t.detail;
     if (e === "event-capacity") {
@@ -9622,7 +9652,7 @@ const Js = class {
   }
   render() {
     const t = typeof this.selectedEventCapacity < "u";
-    return g(vn, { key: "a5f7f13597235b6cafcb8201960bafe720c937bc" }, g("div", { key: "7565faeeb192bb44d1ccf2483c6b1e4590b48876", class: "nylas-event-capacity", part: "necapacity" }, g("label", { key: "d46746e76bdc2daef8302602efd123cf676e8c9e", htmlFor: "event-capacity" }, g("span", { key: "f6e17aac8d8f378a22de076378be2b7c3dbda4be" }, _.t("nylasEventCapacity.headerTitle"), g("span", { key: "382366c5d94050870b88316216c6c64077561ddd", class: "required" }, "*")), g("tooltip-component", { key: "f2122314aec576da8ca7723ddd7672311aed2d4e" }, g("info-icon", { key: "bbfd875ee167603721e872f15fb83d12c371fa1d", slot: "tooltip-icon" }), g("span", { key: "49cd6598f2835f251cc0d34aa83065a0fb773e6a", slot: "tooltip-content" }, _.t("nylasEventCapacity.tooltip.desc")))), t && g("div", { class: "nylas-event-capacity__wrapper" }, g("input-component", { name: "event-capacity", id: "event-capacity", type: "number", pattern: /^[0-9]*$/, patternError: _.t("invalidInputFormat", { field: "Event capacity" }), minValue: 1, maxValue: 500, required: !1, exportparts: "ic_input: necapacity__input-textfield", defaultValue: typeof this.selectedEventCapacity == "number" ? this.selectedEventCapacity.toString() : "10" }), g("span", { class: this.error ? "attendees error" : "attendees" }, _.t("nylasEventCapacity.attendees")))));
+    return g(vn, { key: "93197cab0e3999f1dc9eaaed7672bb2dca4f5667" }, g("div", { key: "dd37d030dce6b3cb66e1c651645b56cf00fec8d9", class: "nylas-event-capacity", part: "necapacity" }, g("label", { key: "a818a00a215d298f6ed961eb59de4986e22b5868", htmlFor: "event-capacity" }, g("span", { key: "5da9529a65a9aaaf6ca8f04d425ac809217ee387" }, _.t("nylasEventCapacity.headerTitle"), g("span", { key: "dfb696a9e73b2eb506255da96fd947db4db7337b", class: "required" }, "*")), g("tooltip-component", { key: "cc226e5db749d363b619b76927a61fdd6f637256" }, g("info-icon", { key: "e9678e1881cabbe5a3f99b57ddcb67f742fdeda3", slot: "tooltip-icon" }), g("span", { key: "8edf5f53066cedb3dee7d11d36700e1240b0f726", slot: "tooltip-content" }, _.t("nylasEventCapacity.tooltip.desc")))), t && g("div", { class: "nylas-event-capacity__wrapper" }, g("input-component", { name: "event-capacity", id: "event-capacity", type: "number", pattern: /^[0-9]*$/, patternError: _.t("invalidInputFormat", { field: "Event capacity" }), minValue: 1, maxValue: 500, required: !1, exportparts: "ic_input: necapacity__input-textfield", defaultValue: typeof this.selectedEventCapacity == "number" ? this.selectedEventCapacity.toString() : "10", themeConfig: this.themeConfig }), g("span", { class: this.error ? "attendees error" : "attendees" }, _.t("nylasEventCapacity.attendees")))));
   }
   static get formAssociated() {
     return !0;
@@ -9633,14 +9663,18 @@ const Js = class {
   static get watchers() {
     return {
       name: ["elementNameChangedHandler"],
-      selectedLanguage: ["selectedLanguageChangedHandler"]
+      selectedLanguage: ["selectedLanguageChangedHandler"],
+      themeConfig: ["themeConfigChangedHandler"]
     };
   }
 };
 Yf([
   yn({
     name: "nylas-event-capacity",
-    stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedLanguage", "selectedLanguage"]]),
+    stateToProps: /* @__PURE__ */ new Map([
+      ["schedulerConfig.selectedLanguage", "selectedLanguage"],
+      ["schedulerConfig.themeConfig", "themeConfig"]
+    ]),
     eventToProps: {
       valueChanged: async (t, e) => {
         const { valueChanged: n } = t.detail;
@@ -9654,7 +9688,7 @@ Yf([
   Kt("design:returntype", void 0)
 ], Js.prototype, "render", null);
 Js.style = Gf;
-const qf = ':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:inherit}div.nylas-event-timeslot label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%}div.nylas-event-timeslot div.date-time-input div.date-time-picker{display:flex;gap:32px}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.date-time-picker{flex-direction:column;gap:16px}}div.nylas-event-timeslot div.date-time-input div.date-time-picker nylas-date-component{width:224px}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.date-time-picker nylas-date-component{width:100%}}div.nylas-event-timeslot div.date-time-input div.date-time-picker nylas-date-component:not(.error)::part(ic__date){border-color:var(--nylas-base-200)}div.nylas-event-timeslot div.date-time-input div.date-time-picker nylas-date-component::part(ic__date){height:50px}div.nylas-event-timeslot div.date-time-input div.date-time-picker div.time-range{display:flex;gap:8px;align-items:flex-start}div.nylas-event-timeslot div.date-time-input div.date-time-picker div.time-range span{margin:12px 0 0 6px;display:inline-flex;align-items:flex-start}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.date-time-picker div.time-range{display:grid;grid-template-columns:1fr 20px 1fr}div.nylas-event-timeslot div.date-time-input div.date-time-picker div.time-range nylas-time-window-picker::part(time-picker){width:-webkit-fill-available}div.nylas-event-timeslot div.date-time-input div.date-time-picker div.time-range nylas-time-window-picker::part(time-input){width:calc(100% - 8px)}}div.nylas-event-timeslot div.date-time-input div.date-time-picker select-dropdown{width:fit-content}div.nylas-event-timeslot div.date-time-input div.date-time-picker select-dropdown::part(sd_dropdown){position:relative}div.nylas-event-timeslot div.date-time-input div.date-time-picker select-dropdown::part(sd_dropdown-button){border:none;padding:14px;justify-content:flex-start}div.nylas-event-timeslot div.date-time-input div.date-time-picker select-dropdown::part(sd_dropdown-button):hover{border:none;outline:none;color:var(--nylas-primary)}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.date-time-picker select-dropdown{width:-webkit-fill-available}div.nylas-event-timeslot div.date-time-input div.date-time-picker select-dropdown::part(sd_dropdown-button-selected-label){max-width:fit-content}div.nylas-event-timeslot div.date-time-input div.date-time-picker select-dropdown::part(sd_dropdown-content){right:unset;width:unset}}div.nylas-event-timeslot div.date-time-input div.recurrence-options{margin:8px 0}div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown::part(sd_dropdown){position:relative}div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown::part(sd_dropdown-button){width:fit-content;padding:14px;border-color:var(--nylas-base-200)}div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown::part(sd_dropdown-button):hover{color:var(--nylas-primary)}div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown::part(sd_dropdown-content){width:fit-content}div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown::part(sd_dropdown-button-selected-label){max-width:100%;width:fit-content;font-size:16px}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown{width:-webkit-fill-available}div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown::part(sd_dropdown-button-selected-label){max-width:254px;width:fit-content}div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown::part(sd_dropdown-content){right:unset;width:unset}}@media screen and (max-width: 412px){div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown::part(sd_dropdown-button-selected-label){max-width:240px}}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.custom-recurrence-time-period,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-type,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-end{display:grid;align-items:center;gap:16px;grid-template-columns:128px 1fr;margin-bottom:8px}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.custom-recurrence-time-period select-dropdown::part(sd_dropdown-button),div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-type select-dropdown::part(sd_dropdown-button),div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-end select-dropdown::part(sd_dropdown-button){border-color:var(--nylas-base-200)}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.recurrence-options div.custom-recurrence-time-period,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-type,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-end{grid-template-columns:1fr;gap:4px;margin:16px 0}}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.custom-recurrence-time-period time-period-selector::part(id_dropdown-input),div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-type time-period-selector::part(id_dropdown-input),div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-end time-period-selector::part(id_dropdown-input){padding:16px}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.custom-recurrence-time-period time-period-selector input-dropdown:hover,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-type time-period-selector input-dropdown:hover,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-end time-period-selector input-dropdown:hover{border:1px solid var(--nylas-primary);outline:1px solid transparent}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.days{margin:16px 0;display:flex;gap:16px;align-items:center}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.days div.buttons{display:flex;gap:8px;margin:8px 0}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.days div.buttons button{border-radius:50%;border:none;height:24px;width:24px;color:var(--nylas-base-800);cursor:pointer}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.days div.buttons button.selected{background-color:var(--nylas-primary);color:var(--nylas-base-0)}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.days div.buttons button:hover{background-color:var(--nylas-base-500);color:var(--nylas-base-0)}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.days div.buttons button:active{background-color:var(--nylas-base-600);color:var(--nylas-base-0)}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.days,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.custom-recurrence-ends,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.month-recurrence{display:grid;align-items:center;gap:16px;grid-template-columns:128px 1fr}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.days,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.custom-recurrence-ends,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.month-recurrence{grid-template-columns:1fr;gap:4px;margin:16px 0}}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.custom-recurrence-ends #custom-recurrence-end-type::part(sd_dropdown-button){padding:16px}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.custom-recurrence{display:flex;gap:16px;align-items:baseline}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.custom-recurrence{flex-direction:column;align-items:flex-start;gap:0}}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.custom-recurrence div.custom-recurrence-end-after{display:flex;gap:8px;align-items:center}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.custom-recurrence div.custom-recurrence-end-after{flex-direction:column;align-items:flex-start}}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.custom-recurrence div.custom-recurrence-end-after #recurrence-end-after::part(netimeslot__input-textfield),div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.custom-recurrence div.custom-recurrence-end-after #recurrence-end-after::part(ic__input){border-color:var(--nylas-base-200)}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.custom-recurrence nylas-date-component::part(ic__date){padding:0 16px;height:52px;border:1px solid var(--nylas-base-200)}', Qf = qf;
+const qf = ':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:inherit}div.nylas-event-timeslot label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%}div.nylas-event-timeslot div.date-time-input div.date-time-picker{display:flex;gap:32px}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.date-time-picker{flex-direction:column;gap:16px}}div.nylas-event-timeslot div.date-time-input div.date-time-picker nylas-date-component{width:224px}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.date-time-picker nylas-date-component{width:100%}}div.nylas-event-timeslot div.date-time-input div.date-time-picker nylas-date-component:not(.error)::part(ic__date){border-color:var(--nylas-base-200)}div.nylas-event-timeslot div.date-time-input div.date-time-picker nylas-date-component::part(ic__date){height:50px}div.nylas-event-timeslot div.date-time-input div.date-time-picker div.time-range{display:flex;gap:8px;align-items:flex-start}div.nylas-event-timeslot div.date-time-input div.date-time-picker div.time-range span{margin:12px 0 0 6px;display:inline-flex;align-items:flex-start}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.date-time-picker div.time-range{display:grid;grid-template-columns:1fr 20px 1fr}div.nylas-event-timeslot div.date-time-input div.date-time-picker div.time-range nylas-time-window-picker::part(time-picker){width:-webkit-fill-available}div.nylas-event-timeslot div.date-time-input div.date-time-picker div.time-range nylas-time-window-picker::part(time-input){width:calc(100% - 8px)}}div.nylas-event-timeslot div.date-time-input div.date-time-picker select-dropdown{width:fit-content}div.nylas-event-timeslot div.date-time-input div.date-time-picker select-dropdown::part(sd_dropdown){position:relative}div.nylas-event-timeslot div.date-time-input div.date-time-picker select-dropdown::part(sd_dropdown-button){border:none;padding:14px;justify-content:flex-start}div.nylas-event-timeslot div.date-time-input div.date-time-picker select-dropdown::part(sd_dropdown-button):hover{border:none;outline:none;color:var(--nylas-primary)}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.date-time-picker select-dropdown{width:-webkit-fill-available}div.nylas-event-timeslot div.date-time-input div.date-time-picker select-dropdown::part(sd_dropdown-button-selected-label){max-width:fit-content}div.nylas-event-timeslot div.date-time-input div.date-time-picker select-dropdown::part(sd_dropdown-content){right:unset;width:unset}}div.nylas-event-timeslot div.date-time-input div.recurrence-options{margin:8px 0}div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown::part(sd_dropdown){position:relative}div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown::part(sd_dropdown-button){width:fit-content;padding:14px;border-color:var(--nylas-base-200)}div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown::part(sd_dropdown-button):hover{color:var(--nylas-primary)}div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown::part(sd_dropdown-content){width:fit-content}div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown::part(sd_dropdown-button-selected-label){max-width:100%;width:fit-content;font-size:16px}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown{width:-webkit-fill-available}div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown::part(sd_dropdown-button-selected-label){max-width:254px;width:fit-content}div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown::part(sd_dropdown-content){right:unset;width:unset}}@media screen and (max-width: 412px){div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown::part(sd_dropdown-button-selected-label){max-width:240px}}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.custom-recurrence-time-period,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-type,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-end{display:grid;align-items:center;gap:16px;grid-template-columns:128px 1fr;margin-bottom:8px}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.custom-recurrence-time-period select-dropdown::part(sd_dropdown-button),div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-type select-dropdown::part(sd_dropdown-button),div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-end select-dropdown::part(sd_dropdown-button){border-color:var(--nylas-base-200)}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.recurrence-options div.custom-recurrence-time-period,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-type,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-end{grid-template-columns:1fr;gap:4px;margin:16px 0}}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.custom-recurrence-time-period time-period-selector::part(id_dropdown-input),div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-type time-period-selector::part(id_dropdown-input),div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-end time-period-selector::part(id_dropdown-input){padding:16px}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.custom-recurrence-time-period time-period-selector input-dropdown:hover,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-type time-period-selector input-dropdown:hover,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-end time-period-selector input-dropdown:hover{border:1px solid var(--nylas-primary);outline:1px solid transparent}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.days{margin:16px 0;display:flex;gap:16px;align-items:center}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.days div.buttons{display:flex;gap:8px;margin:8px 0}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.days div.buttons button{border-radius:50%;border:none;height:24px;width:24px;color:var(--nylas-base-800);cursor:pointer;background:var(--nylas-base-100)}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.days div.buttons button:hover{background-color:var(--nylas-base-500);color:var(--nylas-base-0)}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.days div.buttons button.selected{background-color:var(--nylas-primary);color:var(--nylas-base-0)}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.days div.buttons button:active{background-color:var(--nylas-base-600);color:var(--nylas-base-0)}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.days,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.custom-recurrence-ends,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.month-recurrence{display:grid;align-items:center;gap:16px;grid-template-columns:128px 1fr}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.days,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.custom-recurrence-ends,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.month-recurrence{grid-template-columns:1fr;gap:4px;margin:16px 0}}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.custom-recurrence-ends #custom-recurrence-end-type::part(sd_dropdown-button){padding:16px}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.custom-recurrence{display:flex;gap:16px;align-items:baseline}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.custom-recurrence{flex-direction:column;align-items:flex-start;gap:0}}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.custom-recurrence div.custom-recurrence-end-after{display:flex;gap:8px;align-items:center}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.custom-recurrence div.custom-recurrence-end-after{flex-direction:column;align-items:flex-start}}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.custom-recurrence div.custom-recurrence-end-after #recurrence-end-after::part(netimeslot__input-textfield),div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.custom-recurrence div.custom-recurrence-end-after #recurrence-end-after::part(ic__input){border-color:var(--nylas-base-200)}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.custom-recurrence nylas-date-component::part(ic__date){padding:0 16px;height:52px;border:1px solid var(--nylas-base-200)}', Qf = qf;
 var $f = function(t, e, n, i) {
   var r = arguments.length, s = r < 3 ? e : i === null ? i = Object.getOwnPropertyDescriptor(e, n) : i, a;
   if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
@@ -9677,7 +9711,7 @@ const Zf = {
   year: "yearly"
 }, Ks = class {
   constructor(t) {
-    St(this, t), this.valueChanged = W(this, "valueChanged", 7), this.timeWindowFormError = W(this, "timeWindowFormError", 7), this.dateTimeInputError = W(this, "dateTimeInputError", 7), t.$hostElement$["s-ei"] ? this.internals = t.$hostElement$["s-ei"] : (this.internals = t.$hostElement$.attachInternals(), t.$hostElement$["s-ei"] = this.internals), this.name = "event-timeslot", this.initialValue = void 0, this.selectedLanguage = void 0, this.currentUser = void 0, this.selectedDate = void 0, this.selectedStartTime = void 0, this.selectedEndTime = void 0, this.selectedTimezone = void 0, this.selectedRecurrenceType = void 0, this.timeRangeError = !1, this.selectedRrule = void 0, this.recurrenceOptions = [], this.repeatEveryInterval = 1, this.repeatEveryFrequency = "week", this.repeatOnDays = [], this.repeatMonthlySameDate = !0, this.repeatEndType = "never", this.repeatEndAfter = 1, this.repeatEndOn = void 0, this.monthRecurrenceOptions = [], this.endDate = void 0, this.hasDateTimeInputError = !1;
+    St(this, t), this.valueChanged = W(this, "valueChanged", 7), this.timeWindowFormError = W(this, "timeWindowFormError", 7), this.dateTimeInputError = W(this, "dateTimeInputError", 7), t.$hostElement$["s-ei"] ? this.internals = t.$hostElement$["s-ei"] : (this.internals = t.$hostElement$.attachInternals(), t.$hostElement$["s-ei"] = this.internals), this.name = "event-timeslot", this.initialValue = void 0, this.selectedLanguage = void 0, this.currentUser = void 0, this.themeConfig = void 0, this.selectedDate = void 0, this.selectedStartTime = void 0, this.selectedEndTime = void 0, this.selectedTimezone = void 0, this.selectedRecurrenceType = void 0, this.timeRangeError = !1, this.selectedRrule = void 0, this.recurrenceOptions = [], this.repeatEveryInterval = 1, this.repeatEveryFrequency = "week", this.repeatOnDays = [], this.repeatMonthlySameDate = !0, this.repeatEndType = "never", this.repeatEndAfter = 1, this.repeatEndOn = void 0, this.monthRecurrenceOptions = [], this.endDate = void 0, this.hasDateTimeInputError = !1;
   }
   connectedCallback() {
     z("nylas-event-timeslot", "connectedCallback");
@@ -9727,6 +9761,14 @@ const Zf = {
   selectedLanguageChangedHandler(t, e) {
     t !== e && _.changeLanguage(t);
   }
+  themeConfigChangedHandler(t, e) {
+    t !== e && this.applyThemeConfig(t);
+  }
+  applyThemeConfig(t) {
+    if (t)
+      for (const [e, n] of Object.entries(t))
+        this.host.style.setProperty(`${e}`, n);
+  }
   getOrdinalSuffix(t) {
     const e = ["th", "st", "nd", "rd"], n = t % 100;
     return t + (e[(n - 20) % 10] || e[n] || e[0]);
@@ -9913,12 +9955,12 @@ const Zf = {
     ], s = x(this.selectedDate).add(1, "year").toISOString().split("T")[0], a = this.repeatEveryFrequency === "week" ? 4 : this.repeatEveryFrequency === "month" ? 12 : 5;
     this.repeatEndOn = this.repeatEndOn || s, this.repeatEndAfter = this.repeatEndAfter || a;
     const l = x().tz(this.selectedTimezone);
-    return g(vn, { key: "92581d88eaad6ec232d41d494635ce1cf922e310" }, g("div", { key: "2031b25539623b44c19924972fd768409ee524c7", class: "nylas-event-timeslot", part: "netimeslot" }, g("label", { key: "aced1ba3abf182ee443917d347b8c7c6c4fc4478", htmlFor: "date-time-input" }, _.t("nylasEventTimeslot.dateTimeLabel")), g("div", { key: "25e8065e47d81b54f680edbdbd8aa7e2b744aa96", class: "date-time-input", part: "netimeslot__date-time-input" }, g("div", { key: "bef56e130618fb6142e0aa604310ee083e3661bc", class: "date-time-picker", part: "netimeslot__date-time-picker" }, g("nylas-date-component", { key: "5f603058e7e5a67970f74108d93340cc6ed150e6", minDate: x().tz(this.selectedTimezone).toISOString().split("T")[0], name: "date-time-input", defaultValue: this.selectedDate, id: "date-time-input", class: { error: this.hasDateTimeInputError }, required: !0, hasError: this.hasDateTimeInputError }), g("div", { key: "26ab20902a5d50be85b27c7634525f8e155bf4cc", class: "time-range", part: "netimeslot__time-range" }, g("nylas-time-window-picker", { id: "event-timeslot-start-time", hasError: this.timeRangeError, time: this.selectedStartTime, language: this.selectedLanguage, name: "event-timeslot-start-time", key: "event-timeslot-start-time", exportparts: "time-picker: nap__time-picker-container, time-input: nap__time-picker-input, times: nap__time-picker-times" }), g("span", { key: "97433b9bef4f2d4f670f36fdb844518fcccd7dee" }, "–"), g("nylas-time-window-picker", { id: "event-timeslot-end-time", hasError: this.timeRangeError, time: this.selectedEndTime, language: this.selectedLanguage, name: "event-timeslot-end-time", key: "event-timeslot-end-time", minimumStartTime: this.selectedStartTime, exportparts: "time-picker: nap__time-picker-container, time-input: nap__time-picker-input, times: nap__time-picker-times" })), (i == null ? void 0 : i.label) && g("select-dropdown", { searchPlaceholder: _.t("search"), name: "timezone", exportparts: "sd_dropdown: nap__timezone-container, sd_dropdown-button: nap__timezone-button, sd_dropdown-content: nap__timezone-dropdown-content", options: n, withChevron: !1, defaultSelectedOption: i }, g("span", { slot: "select-icon" }, g("globe-icon", { width: "20", height: "20" })))), !t && g("div", { class: "recurrence-options", part: "netimeslot__recurrence-options" }, e && (e == null ? void 0 : e.label) && g("div", { class: "recurrence-type", part: "netimeslot__recurrence-type" }, g("label", { htmlFor: "recurrence-type" }, _.t("nylasEventTimeslot.recurrenceLabel")), g("select-dropdown", { withSearch: !1, id: "recurrence-type", name: "recurrence-type", options: this.recurrenceOptions, defaultSelectedOption: e, exportparts: "sd_dropdown: netimeslot__dropdown, sd_dropdown-button: netimeslot__dropdown-button, sd_dropdown-content: netimeslot__dropdown-content" })), this.selectedRecurrenceType !== "custom" && this.selectedRecurrenceType !== "none" && g("div", { class: "recurrence-end", part: "netimeslot__recurrence-end" }, g("label", null, _.t("nylasEventTimeslot.endDate")), g("nylas-date-component", { name: "recurrence-end-date", minDate: l.toISOString().split("T")[0], defaultValue: this.repeatEndOn || s, id: "recurrence-end-date", required: !0 })), this.selectedRecurrenceType === "custom" && g("div", { class: "custom-recurrence-time-period", part: "netimeslot__custom-recurrence" }, g("label", { htmlFor: "" }, _.t("nylasEventTimeslot.customRecurrence.repeatEvery")), g("time-period-selector", { id: "custom-recurrence-time-period", exportparts: "tps__number-dropdown: netimeslot__number-dropdown, tps__number-dropdown-button: netimeslot__number-dropdown-button, tps__number-dropdown-content: netimeslot__number-dropdown-content, tps__period-dropdown: netimeslot__period-dropdown, tps__period-dropdown-button: netimeslot__period-dropdown-button, tps__period-dropdown-content: netimeslot__period-dropdown-content", timePeriods: [
+    return g(vn, { key: "7f35ee4ea0533482d29132037a1b818e616966fa" }, g("div", { key: "7daa5bffa3cabde6ec1bbf60b706eca5346e13f1", class: "nylas-event-timeslot", part: "netimeslot" }, g("label", { key: "e9e43e718822ece476a9e16c8cede01ed7a2645b", htmlFor: "date-time-input" }, _.t("nylasEventTimeslot.dateTimeLabel")), g("div", { key: "27bf91d3f9d8d1bcad941aa7a38567b2763b4466", class: "date-time-input", part: "netimeslot__date-time-input" }, g("div", { key: "fe0781051d55ba93638d06f15457c0eeb850aad8", class: "date-time-picker", part: "netimeslot__date-time-picker" }, g("nylas-date-component", { key: "6cce6d526d7d8b2a0ab9161ee3d19f091878cefd", minDate: x().tz(this.selectedTimezone).toISOString().split("T")[0], name: "date-time-input", defaultValue: this.selectedDate, id: "date-time-input", class: { error: this.hasDateTimeInputError }, required: !0, hasError: this.hasDateTimeInputError, themeConfig: this.themeConfig }), g("div", { key: "636a7492ebf1fea422c27c2b7ba558afbb8e391b", class: "time-range", part: "netimeslot__time-range" }, g("nylas-time-window-picker", { id: "event-timeslot-start-time", hasError: this.timeRangeError, time: this.selectedStartTime, language: this.selectedLanguage, name: "event-timeslot-start-time", key: "event-timeslot-start-time", themeConfig: this.themeConfig, exportparts: "time-picker: nap__time-picker-container, time-input: nap__time-picker-input, times: nap__time-picker-times" }), g("span", { key: "9322f419a06b69f8c0b3bed29ea2ba31595639a1" }, "–"), g("nylas-time-window-picker", { id: "event-timeslot-end-time", hasError: this.timeRangeError, time: this.selectedEndTime, language: this.selectedLanguage, name: "event-timeslot-end-time", key: "event-timeslot-end-time", minimumStartTime: this.selectedStartTime, themeConfig: this.themeConfig, exportparts: "time-picker: nap__time-picker-container, time-input: nap__time-picker-input, times: nap__time-picker-times" })), (i == null ? void 0 : i.label) && g("select-dropdown", { searchPlaceholder: _.t("search"), name: "timezone", exportparts: "sd_dropdown: nap__timezone-container, sd_dropdown-button: nap__timezone-button, sd_dropdown-content: nap__timezone-dropdown-content", options: n, withChevron: !1, defaultSelectedOption: i, themeConfig: this.themeConfig }, g("span", { slot: "select-icon" }, g("globe-icon", { width: "20", height: "20" })))), !t && g("div", { class: "recurrence-options", part: "netimeslot__recurrence-options" }, e && (e == null ? void 0 : e.label) && g("div", { class: "recurrence-type", part: "netimeslot__recurrence-type" }, g("label", { htmlFor: "recurrence-type" }, _.t("nylasEventTimeslot.recurrenceLabel")), g("select-dropdown", { withSearch: !1, id: "recurrence-type", name: "recurrence-type", options: this.recurrenceOptions, themeConfig: this.themeConfig, defaultSelectedOption: e, exportparts: "sd_dropdown: netimeslot__dropdown, sd_dropdown-button: netimeslot__dropdown-button, sd_dropdown-content: netimeslot__dropdown-content" })), this.selectedRecurrenceType !== "custom" && this.selectedRecurrenceType !== "none" && g("div", { class: "recurrence-end", part: "netimeslot__recurrence-end" }, g("label", null, _.t("nylasEventTimeslot.endDate")), g("nylas-date-component", { name: "recurrence-end-date", minDate: l.toISOString().split("T")[0], defaultValue: this.repeatEndOn || s, id: "recurrence-end-date", required: !0, themeConfig: this.themeConfig })), this.selectedRecurrenceType === "custom" && g("div", { class: "custom-recurrence-time-period", part: "netimeslot__custom-recurrence" }, g("label", { htmlFor: "" }, _.t("nylasEventTimeslot.customRecurrence.repeatEvery")), g("time-period-selector", { id: "custom-recurrence-time-period", exportparts: "tps__number-dropdown: netimeslot__number-dropdown, tps__number-dropdown-button: netimeslot__number-dropdown-button, tps__number-dropdown-content: netimeslot__number-dropdown-content, tps__period-dropdown: netimeslot__period-dropdown, tps__period-dropdown-button: netimeslot__period-dropdown-button, tps__period-dropdown-content: netimeslot__period-dropdown-content", timePeriods: [
       { value: "day", label: _.t("timePeriod", { context: "day" }) },
       { value: "week", label: _.t("timePeriod", { context: "week" }) },
       { value: "month", label: _.t("timePeriod", { context: "month" }) },
       { value: "year", label: _.t("timePeriod", { context: "year" }) }
-    ], defaultSelectedNumber: this.repeatEveryInterval, defaultSelectedPeriod: this.repeatEveryFrequency })), g("div", { class: "repeat-on" }, this.selectedRecurrenceType === "custom" && this.repeatEveryFrequency === "week" && g("div", { class: "days" }, g("label", null, _.t("nylasEventTimeslot.customRecurrence.repeatOn")), g("div", { class: "buttons" }, [
+    ], themeConfig: this.themeConfig, defaultSelectedNumber: this.repeatEveryInterval, defaultSelectedPeriod: this.repeatEveryFrequency })), g("div", { class: "repeat-on" }, this.selectedRecurrenceType === "custom" && this.repeatEveryFrequency === "week" && g("div", { class: "days" }, g("label", null, _.t("nylasEventTimeslot.customRecurrence.repeatOn")), g("div", { class: "buttons" }, [
       { label: "S", value: "SU", title: "Sunday" },
       { label: "M", value: "MO", title: "Monday" },
       { label: "T", value: "TU", title: "Tuesday" },
@@ -9928,7 +9970,7 @@ const Zf = {
       { label: "S", value: "SA", title: "Saturday" }
     ].map((d) => g("button", { class: { selected: this.repeatOnDays.includes(d.value) }, title: d.title, onClick: () => {
       this.repeatOnDays = this.repeatOnDays.includes(d.value) ? this.repeatOnDays.filter((c) => c !== d.value) : [...this.repeatOnDays, d.value], this.handleValueChanged();
-    } }, d.label)))), this.selectedRecurrenceType === "custom" && this.repeatEveryFrequency === "month" && g("div", { class: "month-recurrence" }, g("span", null), g("select-dropdown", { withSearch: !1, id: "month-recurrence-type", name: "month-recurrence-type", options: this.monthRecurrenceOptions, defaultSelectedOption: this.repeatMonthlySameDate ? this.monthRecurrenceOptions[0] : this.monthRecurrenceOptions[1], exportparts: "sd_dropdown: netimeslot__dropdown, sd_dropdown-button: netimeslot__dropdown-button, sd_dropdown-content: netimeslot__dropdown-content" })), g("div", { class: "custom-recurrence" }, this.selectedRecurrenceType === "custom" && g("div", { class: "custom-recurrence-ends" }, g("label", { htmlFor: "recurrence-type" }, _.t("nylasEventTimeslot.customRecurrence.ends")), g("select-dropdown", { withSearch: !1, id: "custom-recurrence-end-type", name: "custom-recurrence-end-type", options: r, defaultSelectedOption: r.find((d) => d.value === this.repeatEndType), exportparts: "sd_dropdown: netimeslot__dropdown, sd_dropdown-button: netimeslot__dropdown-button, sd_dropdown-content: netimeslot__dropdown-content" })), this.selectedRecurrenceType === "custom" && this.repeatEndType === "on" && g("div", null, g("nylas-date-component", { name: "custom-recurrence-end-date", minDate: l.toISOString().split("T")[0], defaultValue: this.repeatEndOn || s, id: "custom-recurrence-end-date", required: !0 })), this.selectedRecurrenceType === "custom" && this.repeatEndType === "after" && g("div", { class: "custom-recurrence-end-after" }, g("input-component", { name: "recurrence-end-after", id: "recurrence-end-after", type: "number", minValue: 1, defaultValue: a.toString(), exportparts: "ic_input: netimeslot__input-textfield" }), g("span", null, _.t("nylasEventTimeslot.customRecurrence.occurrences")))))))));
+    } }, d.label)))), this.selectedRecurrenceType === "custom" && this.repeatEveryFrequency === "month" && g("div", { class: "month-recurrence" }, g("span", null), g("select-dropdown", { withSearch: !1, id: "month-recurrence-type", name: "month-recurrence-type", options: this.monthRecurrenceOptions, themeConfig: this.themeConfig, defaultSelectedOption: this.repeatMonthlySameDate ? this.monthRecurrenceOptions[0] : this.monthRecurrenceOptions[1], exportparts: "sd_dropdown: netimeslot__dropdown, sd_dropdown-button: netimeslot__dropdown-button, sd_dropdown-content: netimeslot__dropdown-content" })), g("div", { class: "custom-recurrence" }, this.selectedRecurrenceType === "custom" && g("div", { class: "custom-recurrence-ends" }, g("label", { htmlFor: "recurrence-type" }, _.t("nylasEventTimeslot.customRecurrence.ends")), g("select-dropdown", { withSearch: !1, id: "custom-recurrence-end-type", name: "custom-recurrence-end-type", options: r, themeConfig: this.themeConfig, defaultSelectedOption: r.find((d) => d.value === this.repeatEndType), exportparts: "sd_dropdown: netimeslot__dropdown, sd_dropdown-button: netimeslot__dropdown-button, sd_dropdown-content: netimeslot__dropdown-content" })), this.selectedRecurrenceType === "custom" && this.repeatEndType === "on" && g("div", null, g("nylas-date-component", { name: "custom-recurrence-end-date", minDate: l.toISOString().split("T")[0], defaultValue: this.repeatEndOn || s, id: "custom-recurrence-end-date", required: !0, themeConfig: this.themeConfig })), this.selectedRecurrenceType === "custom" && this.repeatEndType === "after" && g("div", { class: "custom-recurrence-end-after" }, g("input-component", { name: "recurrence-end-after", id: "recurrence-end-after", type: "number", minValue: 1, themeConfig: this.themeConfig, defaultValue: a.toString(), exportparts: "ic_input: netimeslot__input-textfield" }), g("span", null, _.t("nylasEventTimeslot.customRecurrence.occurrences")))))))));
   }
   static get formAssociated() {
     return !0;
@@ -9939,7 +9981,8 @@ const Zf = {
   static get watchers() {
     return {
       name: ["elementNameChangedHandler"],
-      selectedLanguage: ["selectedLanguageChangedHandler"]
+      selectedLanguage: ["selectedLanguageChangedHandler"],
+      themeConfig: ["themeConfigChangedHandler"]
     };
   }
 };
@@ -9948,7 +9991,8 @@ $f([
     name: "nylas-event-timeslot",
     stateToProps: /* @__PURE__ */ new Map([
       ["schedulerConfig.selectedLanguage", "selectedLanguage"],
-      ["schedulerConfig.currentUser", "currentUser"]
+      ["schedulerConfig.currentUser", "currentUser"],
+      ["schedulerConfig.themeConfig", "themeConfig"]
     ]),
     eventToProps: {
       valueChanged: async (t, e) => {