@nylas/web-elements 1.1.1 → 1.1.2

package/dist/cdn/select-dropdown/select-dropdown.es.js

@@ -1,4 +1,4 @@
-const S = {
+const k = {
   allRenderFn: !1,
   cmpDidLoad: !0,
   cmpDidUnload: !1,
@@ -87,10 +87,10 @@ const S = {
   // TODO(STENCIL-914): remove this option when `experimentalSlotFixes` is the default behavior
   experimentalSlotFixes: !1
 };
-let T, z, L, le = !1, M = !1, I = !1, v = !1, Q = null, P = !1;
+let T, z, L, re = !1, M = !1, I = !1, v = !1, Q = null, P = !1;
 const O = (t, e = "") => () => {
-}, xe = "slot-fb{display:contents}slot-fb[hidden]{display:none}", X = "http://www.w3.org/1999/xlink", Z = {}, ke = "http://www.w3.org/2000/svg", Se = "http://www.w3.org/1999/xhtml", we = (t) => t != null, K = (t) => (t = typeof t, t === "object" || t === "function");
-function Oe(t) {
+}, Se = "slot-fb{display:contents}slot-fb[hidden]{display:none}", X = "http://www.w3.org/1999/xlink", Z = {}, ke = "http://www.w3.org/2000/svg", we = "http://www.w3.org/1999/xhtml", Oe = (t) => t != null, K = (t) => (t = typeof t, t === "object" || t === "function");
+function Te(t) {
   var e, s, n;
   return (n = (s = (e = t.head) === null || e === void 0 ? void 0 : e.querySelector('meta[name="csp-nonce"]')) === null || s === void 0 ? void 0 : s.getAttribute("content")) !== null && n !== void 0 ? n : void 0;
 }
@@ -98,7 +98,7 @@ const p = (t, e, ...s) => {
   let n = null, o = null, l = null, i = !1, a = !1;
   const r = [], $ = (c) => {
     for (let h = 0; h < c.length; h++)
-      n = c[h], Array.isArray(n) ? $(n) : n != null && typeof n != "boolean" && ((i = typeof t != "function" && !K(n)) && (n = String(n)), i && a ? r[r.length - 1].$text$ += n : r.push(i ? B(null, n) : n), a = i);
+      n = c[h], Array.isArray(n) ? $(n) : n != null && typeof n != "boolean" && ((i = typeof t != "function" && !K(n)) && (n = String(n)), i && a ? r[r.length - 1].$text$ += n : r.push(i ? F(null, n) : n), a = i);
   };
   if ($(s), e) {
     e.key && (o = e.key), e.name && (l = e.name);
@@ -108,10 +108,10 @@ const p = (t, e, ...s) => {
     }
   }
   if (typeof t == "function")
-    return t(e === null ? {} : e, r, Ee);
-  const f = B(t, null);
+    return t(e === null ? {} : e, r, Le);
+  const f = F(t, null);
   return f.$attrs$ = e, r.length > 0 && (f.$children$ = r), f.$key$ = o, f.$name$ = l, f;
-}, B = (t, e) => {
+}, F = (t, e) => {
   const s = {
     $flags$: 0,
     $tag$: t,
@@ -120,9 +120,9 @@ const p = (t, e, ...s) => {
     $children$: null
   };
   return s.$attrs$ = null, s.$key$ = null, s.$name$ = null, s;
-}, Te = {}, Ce = (t) => t && t.$tag$ === Te, Ee = {
+}, Ce = {}, Ee = (t) => t && t.$tag$ === Ce, Le = {
   forEach: (t, e) => t.map(G).forEach(e),
-  map: (t, e) => t.map(G).map(e).map(Le)
+  map: (t, e) => t.map(G).map(e).map(De)
 }, G = (t) => ({
   vattrs: t.$attrs$,
   vchildren: t.$children$,
@@ -130,15 +130,15 @@ const p = (t, e, ...s) => {
   vname: t.$name$,
   vtag: t.$tag$,
   vtext: t.$text$
-}), Le = (t) => {
+}), De = (t) => {
   if (typeof t.vtag == "function") {
     const s = Object.assign({}, t.vattrs);
     return t.vkey && (s.key = t.vkey), t.vname && (s.name = t.vname), p(t.vtag, s, ...t.vchildren || []);
   }
-  const e = B(t.vtag, t.vtext);
+  const e = F(t.vtag, t.vtext);
   return e.$attrs$ = t.vattrs, e.$children$ = t.vchildren, e.$key$ = t.vkey, e.$name$ = t.vname, e;
-}, Ae = (t) => it.map((e) => e(t)).find((e) => !!e), De = (t, e) => t != null && !K(t) ? e & 4 ? t === "false" ? !1 : t === "" || !!t : e & 2 ? parseFloat(t) : e & 1 ? String(t) : t : t, _e = (t) => t, Re = (t, e, s) => {
-  const n = _e(t);
+}, Ae = (t) => it.map((e) => e(t)).find((e) => !!e), _e = (t, e) => t != null && !K(t) ? e & 4 ? t === "false" ? !1 : t === "" || !!t : e & 2 ? parseFloat(t) : e & 1 ? String(t) : t : t, Re = (t) => t, J = (t, e, s) => {
+  const n = Re(t);
   return {
     emit: (o) => Me(n, e, {
       bubbles: !!(s & 4),
@@ -150,34 +150,34 @@ const p = (t, e, ...s) => {
 }, Me = (t, e, s) => {
   const n = g.ce(e, s);
   return t.dispatchEvent(n), n;
-}, J = /* @__PURE__ */ new WeakMap(), Be = (t, e, s) => {
+}, Y = /* @__PURE__ */ new WeakMap(), Fe = (t, e, s) => {
   let n = H.get(t);
   at && s ? (n = n || new CSSStyleSheet(), typeof n == "string" ? n = e : n.replaceSync(e)) : n = e, H.set(t, n);
-}, Fe = (t, e, s) => {
+}, Be = (t, e, s) => {
   var n;
-  const o = re(e, s), l = H.get(o);
+  const o = ae(e, s), l = H.get(o);
   if (t = t.nodeType === 11 ? t : m, l)
     if (typeof l == "string") {
       t = t.head || t;
-      let i = J.get(t), a;
-      if (i || J.set(t, i = /* @__PURE__ */ new Set()), !i.has(o)) {
+      let i = Y.get(t), a;
+      if (i || Y.set(t, i = /* @__PURE__ */ new Set()), !i.has(o)) {
         {
           a = m.createElement("style"), a.innerHTML = l;
-          const r = (n = g.$nonce$) !== null && n !== void 0 ? n : Oe(m);
+          const r = (n = g.$nonce$) !== null && n !== void 0 ? n : Te(m);
           r != null && a.setAttribute("nonce", r), t.insertBefore(a, t.querySelector("link"));
         }
-        e.$flags$ & 4 && (a.innerHTML += xe), i && i.add(o);
+        e.$flags$ & 4 && (a.innerHTML += Se), i && i.add(o);
       }
     } else t.adoptedStyleSheets.includes(l) || (t.adoptedStyleSheets = [...t.adoptedStyleSheets, l]);
   return o;
 }, He = (t) => {
-  const e = t.$cmpMeta$, s = t.$hostElement$, n = e.$flags$, o = O("attachStyles", e.$tagName$), l = Fe(s.shadowRoot ? s.shadowRoot : s.getRootNode(), e, t.$modeName$);
+  const e = t.$cmpMeta$, s = t.$hostElement$, n = e.$flags$, o = O("attachStyles", e.$tagName$), l = Be(s.shadowRoot ? s.shadowRoot : s.getRootNode(), e, t.$modeName$);
   n & 10 && (s["s-sc"] = l, s.classList.add(l + "-h"), n & 2 && s.classList.add(l + "-s")), o();
-}, re = (t, e) => "sc-" + (e && t.$flags$ & 32 ? t.$tagName$ + "-" + e : t.$tagName$), Y = (t, e, s, n, o, l) => {
+}, ae = (t, e) => "sc-" + (e && t.$flags$ & 32 ? t.$tagName$ + "-" + e : t.$tagName$), V = (t, e, s, n, o, l) => {
   if (s !== n) {
-    let i = ne(t, e), a = e.toLowerCase();
+    let i = oe(t, e), a = e.toLowerCase();
     if (e === "class") {
-      const r = t.classList, $ = V(s), f = V(n);
+      const r = t.classList, $ = ee(s), f = ee(n);
       r.remove(...$.filter((c) => c && !f.includes(c))), r.add(...f.filter((c) => c && !$.includes(c)));
     } else if (e === "style") {
       for (const r in s)
@@ -188,8 +188,8 @@ const p = (t, e, ...s) => {
       if (e === "ref")
         n && n(t);
       else if (!t.__lookupSetter__(e) && e[0] === "o" && e[1] === "n") {
-        if (e[2] === "-" ? e = e.slice(3) : ne(U, a) ? e = a.slice(2) : e = a[2] + e.slice(3), s || n) {
-          const r = e.endsWith(ae);
+        if (e[2] === "-" ? e = e.slice(3) : oe(U, a) ? e = a.slice(2) : e = a[2] + e.slice(3), s || n) {
+          const r = e.endsWith(ce);
           e = e.replace(ze, ""), s && g.rel(t, e, s, r), n && g.ael(t, e, n, r);
         }
       } else {
@@ -208,16 +208,16 @@ const p = (t, e, ...s) => {
         a !== (a = a.replace(/^xlink\:?/, "")) && (e = a, $ = !0), n == null || n === !1 ? (n !== !1 || t.getAttribute(e) === "") && ($ ? t.removeAttributeNS(X, e) : t.removeAttribute(e)) : (!i || l & 4 || o) && !r && (n = n === !0 ? "" : n, $ ? t.setAttributeNS(X, e, n) : t.setAttribute(e, n));
       }
   }
-}, Ue = /\s/, V = (t) => t ? t.split(Ue) : [], ae = "Capture", ze = new RegExp(ae + "$"), ce = (t, e, s, n) => {
+}, Ue = /\s/, ee = (t) => t ? t.split(Ue) : [], ce = "Capture", ze = new RegExp(ce + "$"), de = (t, e, s, n) => {
   const o = e.$elm$.nodeType === 11 && e.$elm$.host ? e.$elm$.host : e.$elm$, l = t && t.$attrs$ || Z, i = e.$attrs$ || Z;
   for (n in l)
-    n in i || Y(o, n, l[n], void 0, s, e.$flags$);
+    n in i || V(o, n, l[n], void 0, s, e.$flags$);
   for (n in i)
-    Y(o, n, l[n], i[n], s, e.$flags$);
-}, F = (t, e, s, n) => {
+    V(o, n, l[n], i[n], s, e.$flags$);
+}, B = (t, e, s, n) => {
   const o = e.$children$[s];
   let l = 0, i, a, r;
-  if (le || (I = !0, o.$tag$ === "slot" && (T && n.classList.add(T + "-s"), o.$flags$ |= o.$children$ ? (
+  if (re || (I = !0, o.$tag$ === "slot" && (T && n.classList.add(T + "-s"), o.$flags$ |= o.$children$ ? (
     // slot element has fallback content
     2
   ) : (
@@ -228,30 +228,30 @@ const p = (t, e, ...s) => {
   else if (o.$flags$ & 1)
     i = o.$elm$ = m.createTextNode("");
   else {
-    if (v || (v = o.$tag$ === "svg"), i = o.$elm$ = m.createElementNS(v ? ke : Se, o.$flags$ & 2 ? "slot-fb" : o.$tag$), v && o.$tag$ === "foreignObject" && (v = !1), ce(null, o, v), we(T) && i["s-si"] !== T && i.classList.add(i["s-si"] = T), o.$children$)
+    if (v || (v = o.$tag$ === "svg"), i = o.$elm$ = m.createElementNS(v ? ke : we, o.$flags$ & 2 ? "slot-fb" : o.$tag$), v && o.$tag$ === "foreignObject" && (v = !1), de(null, o, v), Oe(T) && i["s-si"] !== T && i.classList.add(i["s-si"] = T), o.$children$)
       for (l = 0; l < o.$children$.length; ++l)
-        a = F(t, o, l, i), a && i.appendChild(a);
+        a = B(t, o, l, i), a && i.appendChild(a);
     o.$tag$ === "svg" ? v = !1 : i.tagName === "foreignObject" && (v = !0);
   }
-  return i["s-hn"] = L, o.$flags$ & 3 && (i["s-sr"] = !0, i["s-cr"] = z, i["s-sn"] = o.$name$ || "", r = t && t.$children$ && t.$children$[s], r && r.$tag$ === o.$tag$ && t.$elm$ && A(t.$elm$, !1)), i;
-}, A = (t, e) => {
+  return i["s-hn"] = L, o.$flags$ & 3 && (i["s-sr"] = !0, i["s-cr"] = z, i["s-sn"] = o.$name$ || "", r = t && t.$children$ && t.$children$[s], r && r.$tag$ === o.$tag$ && t.$elm$ && D(t.$elm$, !1)), i;
+}, D = (t, e) => {
   g.$flags$ |= 1;
   const s = t.childNodes;
   for (let n = s.length - 1; n >= 0; n--) {
     const o = s[n];
-    o["s-hn"] !== L && o["s-ol"] && (he(o).insertBefore(o, q(o)), o["s-ol"].remove(), o["s-ol"] = void 0, o["s-sh"] = void 0, I = !0), e && A(o, e);
+    o["s-hn"] !== L && o["s-ol"] && ($e(o).insertBefore(o, q(o)), o["s-ol"].remove(), o["s-ol"] = void 0, o["s-sh"] = void 0, I = !0), e && D(o, e);
   }
   g.$flags$ &= -2;
-}, de = (t, e, s, n, o, l) => {
+}, fe = (t, e, s, n, o, l) => {
   let i = t["s-cr"] && t["s-cr"].parentNode || t, a;
   for (i.shadowRoot && i.tagName === L && (i = i.shadowRoot); o <= l; ++o)
-    n[o] && (a = F(null, s, o, t), a && (n[o].$elm$ = a, i.insertBefore(a, q(e))));
-}, fe = (t, e, s) => {
+    n[o] && (a = B(null, s, o, t), a && (n[o].$elm$ = a, i.insertBefore(a, q(e))));
+}, he = (t, e, s) => {
   for (let n = e; n <= s; ++n) {
     const o = t[n];
     if (o) {
       const l = o.$elm$;
-      ue(o), l && (M = !0, l["s-ol"] ? l["s-ol"].remove() : A(l, !0), l.remove());
+      ge(o), l && (M = !0, l["s-ol"] ? l["s-ol"].remove() : D(l, !0), l.remove());
     }
   }
 }, Pe = (t, e, s, n, o = !1) => {
@@ -270,23 +270,23 @@ const p = (t, e, ...s) => {
     else if (R(c, u, o))
       C(c, u, o), c = e[--$], u = n[--h];
     else if (R(f, u, o))
-      (f.$tag$ === "slot" || u.$tag$ === "slot") && A(f.$elm$.parentNode, !1), C(f, u, o), t.insertBefore(f.$elm$, c.$elm$.nextSibling), f = e[++l], u = n[--h];
+      (f.$tag$ === "slot" || u.$tag$ === "slot") && D(f.$elm$.parentNode, !1), C(f, u, o), t.insertBefore(f.$elm$, c.$elm$.nextSibling), f = e[++l], u = n[--h];
     else if (R(c, d, o))
-      (f.$tag$ === "slot" || u.$tag$ === "slot") && A(c.$elm$.parentNode, !1), C(c, d, o), t.insertBefore(c.$elm$, f.$elm$), c = e[--$], d = n[++i];
+      (f.$tag$ === "slot" || u.$tag$ === "slot") && D(c.$elm$.parentNode, !1), C(c, d, o), t.insertBefore(c.$elm$, f.$elm$), c = e[--$], d = n[++i];
     else {
       for (a = -1, r = l; r <= $; ++r)
         if (e[r] && e[r].$key$ !== null && e[r].$key$ === d.$key$) {
           a = r;
           break;
         }
-      a >= 0 ? (y = e[a], y.$tag$ !== d.$tag$ ? b = F(e && e[i], s, a, t) : (C(y, d, o), e[a] = void 0, b = y.$elm$), d = n[++i]) : (b = F(e && e[i], s, i, t), d = n[++i]), b && he(f.$elm$).insertBefore(b, q(f.$elm$));
+      a >= 0 ? (y = e[a], y.$tag$ !== d.$tag$ ? b = B(e && e[i], s, a, t) : (C(y, d, o), e[a] = void 0, b = y.$elm$), d = n[++i]) : (b = B(e && e[i], s, i, t), d = n[++i]), b && $e(f.$elm$).insertBefore(b, q(f.$elm$));
     }
-  l > $ ? de(t, n[h + 1] == null ? null : n[h + 1].$elm$, s, n, i, h) : i > h && fe(e, l, $);
-}, R = (t, e, s = !1) => t.$tag$ === e.$tag$ ? t.$tag$ === "slot" ? t.$name$ === e.$name$ : s ? !0 : t.$key$ === e.$key$ : !1, q = (t) => t && t["s-ol"] || t, he = (t) => (t["s-ol"] ? t["s-ol"] : t).parentNode, C = (t, e, s = !1) => {
+  l > $ ? fe(t, n[h + 1] == null ? null : n[h + 1].$elm$, s, n, i, h) : i > h && he(e, l, $);
+}, R = (t, e, s = !1) => t.$tag$ === e.$tag$ ? t.$tag$ === "slot" ? t.$name$ === e.$name$ : s ? !0 : t.$key$ === e.$key$ : !1, q = (t) => t && t["s-ol"] || t, $e = (t) => (t["s-ol"] ? t["s-ol"] : t).parentNode, C = (t, e, s = !1) => {
   const n = e.$elm$ = t.$elm$, o = t.$children$, l = e.$children$, i = e.$tag$, a = e.$text$;
   let r;
-  a === null ? (v = i === "svg" ? !0 : i === "foreignObject" ? !1 : v, i === "slot" || ce(t, e, v), o !== null && l !== null ? Pe(n, o, e, l, s) : l !== null ? (t.$text$ !== null && (n.textContent = ""), de(n, null, e, l, 0, l.length - 1)) : o !== null && fe(o, 0, o.length - 1), v && i === "svg" && (v = !1)) : (r = n["s-cr"]) ? r.parentNode.textContent = a : t.$text$ !== a && (n.data = a);
-}, $e = (t) => {
+  a === null ? (v = i === "svg" ? !0 : i === "foreignObject" ? !1 : v, i === "slot" || de(t, e, v), o !== null && l !== null ? Pe(n, o, e, l, s) : l !== null ? (t.$text$ !== null && (n.textContent = ""), fe(n, null, e, l, 0, l.length - 1)) : o !== null && he(o, 0, o.length - 1), v && i === "svg" && (v = !1)) : (r = n["s-cr"]) ? r.parentNode.textContent = a : t.$text$ !== a && (n.data = a);
+}, pe = (t) => {
   const e = t.childNodes;
   for (const s of e)
     if (s.nodeType === 1) {
@@ -306,42 +306,42 @@ const p = (t, e, ...s) => {
             }
           }
       }
-      $e(s);
+      pe(s);
     }
-}, x = [], pe = (t) => {
+}, x = [], ue = (t) => {
   let e, s, n;
   for (const o of t.childNodes) {
     if (o["s-sr"] && (e = o["s-cr"]) && e.parentNode) {
       s = e.parentNode.childNodes;
       const l = o["s-sn"];
       for (n = s.length - 1; n >= 0; n--)
-        if (e = s[n], !e["s-cn"] && !e["s-nr"] && e["s-hn"] !== o["s-hn"] && !S.experimentalSlotFixes)
-          if (ee(e, l)) {
+        if (e = s[n], !e["s-cn"] && !e["s-nr"] && e["s-hn"] !== o["s-hn"] && !k.experimentalSlotFixes)
+          if (te(e, l)) {
             let i = x.find((a) => a.$nodeToRelocate$ === e);
             M = !0, e["s-sn"] = e["s-sn"] || l, i ? (i.$nodeToRelocate$["s-sh"] = o["s-hn"], i.$slotRefNode$ = o) : (e["s-sh"] = o["s-hn"], x.push({
               $slotRefNode$: o,
               $nodeToRelocate$: e
             })), e["s-sr"] && x.map((a) => {
-              ee(a.$nodeToRelocate$, e["s-sn"]) && (i = x.find((r) => r.$nodeToRelocate$ === e), i && !a.$slotRefNode$ && (a.$slotRefNode$ = i.$slotRefNode$));
+              te(a.$nodeToRelocate$, e["s-sn"]) && (i = x.find((r) => r.$nodeToRelocate$ === e), i && !a.$slotRefNode$ && (a.$slotRefNode$ = i.$slotRefNode$));
             });
           } else x.some((i) => i.$nodeToRelocate$ === e) || x.push({
             $nodeToRelocate$: e
           });
     }
-    o.nodeType === 1 && pe(o);
+    o.nodeType === 1 && ue(o);
   }
-}, ee = (t, e) => t.nodeType === 1 ? t.getAttribute("slot") === null && e === "" || t.getAttribute("slot") === e : t["s-sn"] === e ? !0 : e === "", ue = (t) => {
-  t.$attrs$ && t.$attrs$.ref && t.$attrs$.ref(null), t.$children$ && t.$children$.map(ue);
+}, te = (t, e) => t.nodeType === 1 ? t.getAttribute("slot") === null && e === "" || t.getAttribute("slot") === e : t["s-sn"] === e ? !0 : e === "", ge = (t) => {
+  t.$attrs$ && t.$attrs$.ref && t.$attrs$.ref(null), t.$children$ && t.$children$.map(ge);
 }, je = (t, e, s = !1) => {
   var n, o, l, i, a;
-  const r = t.$hostElement$, $ = t.$cmpMeta$, f = t.$vnode$ || B(null, null), c = Ce(e) ? e : p(null, null, e);
+  const r = t.$hostElement$, $ = t.$cmpMeta$, f = t.$vnode$ || F(null, null), c = Ee(e) ? e : p(null, null, e);
   if (L = r.tagName, $.$attrsToReflect$ && (c.$attrs$ = c.$attrs$ || {}, $.$attrsToReflect$.map(([h, d]) => c.$attrs$[d] = r[h])), s && c.$attrs$)
     for (const h of Object.keys(c.$attrs$))
       r.hasAttribute(h) && !["key", "ref", "style", "class"].includes(h) && (c.$attrs$[h] = r[h]);
-  c.$tag$ = null, c.$flags$ |= 4, t.$vnode$ = c, c.$elm$ = f.$elm$ = r.shadowRoot || r, T = r["s-sc"], z = r["s-cr"], le = ($.$flags$ & 1) !== 0, M = !1, C(f, c, s);
+  c.$tag$ = null, c.$flags$ |= 4, t.$vnode$ = c, c.$elm$ = f.$elm$ = r.shadowRoot || r, T = r["s-sc"], z = r["s-cr"], re = ($.$flags$ & 1) !== 0, M = !1, C(f, c, s);
   {
     if (g.$flags$ |= 1, I) {
-      pe(c.$elm$);
+      ue(c.$elm$);
       for (const h of x) {
         const d = h.$nodeToRelocate$;
         if (!d["s-ol"]) {
@@ -357,9 +357,9 @@ const p = (t, e, ...s) => {
           {
             let w = (n = d["s-ol"]) === null || n === void 0 ? void 0 : n.previousSibling;
             for (; w; ) {
-              let k = (o = w["s-nr"]) !== null && o !== void 0 ? o : null;
-              if (k && k["s-sn"] === d["s-sn"] && b === k.parentNode && (k = k.nextSibling, !k || !k["s-nr"])) {
-                y = k;
+              let S = (o = w["s-nr"]) !== null && o !== void 0 ? o : null;
+              if (S && S["s-sn"] === d["s-sn"] && b === S.parentNode && (S = S.nextSibling, !S || !S["s-nr"])) {
+                y = S;
                 break;
               }
               w = w.previousSibling;
@@ -370,25 +370,25 @@ const p = (t, e, ...s) => {
           d.nodeType === 1 && (s && (d["s-ih"] = (i = d.hidden) !== null && i !== void 0 ? i : !1), d.hidden = !0);
       }
     }
-    M && $e(c.$elm$), g.$flags$ &= -2, x.length = 0;
+    M && pe(c.$elm$), g.$flags$ &= -2, x.length = 0;
   }
-  if (S.experimentalScopedSlotChanges && $.$flags$ & 2)
+  if (k.experimentalScopedSlotChanges && $.$flags$ & 2)
     for (const h of c.$elm$.childNodes)
       h["s-hn"] !== L && !h["s-sh"] && (s && h["s-ih"] == null && (h["s-ih"] = (a = h.hidden) !== null && a !== void 0 ? a : !1), h.hidden = !0);
   z = void 0;
 }, Ie = (t, e) => {
-}, ge = (t, e) => (t.$flags$ |= 16, Ie(t, t.$ancestorComponent$), ft(() => Ke(t, e))), Ke = (t, e) => {
+}, ye = (t, e) => (t.$flags$ |= 16, Ie(t, t.$ancestorComponent$), ft(() => Ke(t, e))), Ke = (t, e) => {
   const s = t.$hostElement$, n = O("scheduleUpdate", t.$cmpMeta$.$tagName$), o = s;
   let l;
-  return e ? l = E(o, "componentWillLoad") : l = E(o, "componentWillUpdate"), l = te(l, () => E(o, "componentWillRender")), n(), te(l, () => We(t, o, e));
-}, te = (t, e) => qe(t) ? t.then(e) : e(), qe = (t) => t instanceof Promise || t && t.then && typeof t.then == "function", We = async (t, e, s) => {
+  return e ? l = E(o, "componentWillLoad") : l = E(o, "componentWillUpdate"), l = se(l, () => E(o, "componentWillRender")), n(), se(l, () => We(t, o, e));
+}, se = (t, e) => qe(t) ? t.then(e) : e(), qe = (t) => t instanceof Promise || t && t.then && typeof t.then == "function", We = async (t, e, s) => {
   const n = t.$hostElement$, o = O("update", t.$cmpMeta$.$tagName$);
   n["s-rc"], s && He(t);
   const l = O("render", t.$cmpMeta$.$tagName$);
   Ne(t, e, n, s), l(), o(), Qe(t);
 }, Ne = (t, e, s, n) => {
   try {
-    Q = e, e = e.render && e.render(), t.$flags$ &= -17, t.$flags$ |= 2, (S.hasRenderFn || S.reflect) && (S.vdomRender || S.reflect) && (S.hydrateServerSide || je(t, e, n));
+    Q = e, e = e.render && e.render(), t.$flags$ &= -17, t.$flags$ |= 2, (k.hasRenderFn || k.reflect) && (k.vdomRender || k.reflect) && (k.hydrateServerSide || je(t, e, n));
   } catch (r) {
     _(r, t.$hostElement$);
   }
@@ -403,9 +403,9 @@ const p = (t, e, ...s) => {
     } catch (n) {
       _(n);
     }
-}, Xe = (t, e) => D(t).$instanceValues$.get(e), Ze = (t, e, s, n) => {
-  const o = D(t), l = t, i = o.$instanceValues$.get(e), a = o.$flags$, r = l;
-  s = De(s, n.$members$[e][0]);
+}, Xe = (t, e) => A(t).$instanceValues$.get(e), Ze = (t, e, s, n) => {
+  const o = A(t), l = t, i = o.$instanceValues$.get(e), a = o.$flags$, r = l;
+  s = _e(s, n.$members$[e][0]);
   const $ = Number.isNaN(i) && Number.isNaN(s);
   if (s !== i && !$) {
     o.$instanceValues$.set(e, s);
@@ -423,7 +423,7 @@ const p = (t, e, ...s) => {
       if ((a & 18) === 2) {
         if (r.componentShouldUpdate && r.componentShouldUpdate(s, i, e) === !1)
           return;
-        ge(o, !1);
+        ye(o, !1);
       }
     }
   }
@@ -457,7 +457,7 @@ const p = (t, e, ...s) => {
             if (o.hasOwnProperty(c) && typeof this[c] == "number" && this[c] == $)
               return;
             if (c == null) {
-              const h = D(this), d = h == null ? void 0 : h.$flags$;
+              const h = A(this), d = h == null ? void 0 : h.$flags$;
               if (d && !(d & 8) && d & 128 && $ !== r) {
                 const b = this, y = (f = e.$watchers$) === null || f === void 0 ? void 0 : f[a];
                 y == null || y.forEach((w) => {
@@ -488,18 +488,18 @@ const p = (t, e, ...s) => {
   if (!(e.$flags$ & 32) && (e.$flags$ |= 32, o = t.constructor, customElements.whenDefined(s.$tagName$).then(() => e.$flags$ |= 128), o.style)) {
     let i = o.style;
     typeof i != "string" && (i = i[e.$modeName$ = Ae(t)]);
-    const a = re(s, e.$modeName$);
+    const a = ae(s, e.$modeName$);
     if (!H.has(a)) {
       const r = O("registerStyles", s.$tagName$);
-      Be(a, i, !!(s.$flags$ & 1)), r();
+      Fe(a, i, !!(s.$flags$ & 1)), r();
     }
   }
-  e.$ancestorComponent$, ge(e, !0);
-}, se = (t) => {
+  e.$ancestorComponent$, ye(e, !0);
+}, ne = (t) => {
 }, Ye = (t) => {
   if (!(g.$flags$ & 1)) {
-    const e = D(t), s = e.$cmpMeta$, n = O("connectedCallback", s.$tagName$);
-    e.$flags$ & 1 ? (ye(t, e, s.$listeners$), e != null && e.$lazyInstance$ ? se(e.$lazyInstance$) : e != null && e.$onReadyPromise$ && e.$onReadyPromise$.then(() => se(e.$lazyInstance$))) : (e.$flags$ |= 1, // TODO(STENCIL-854): Remove code related to legacy shadowDomShim field
+    const e = A(t), s = e.$cmpMeta$, n = O("connectedCallback", s.$tagName$);
+    e.$flags$ & 1 ? (be(t, e, s.$listeners$), e != null && e.$lazyInstance$ ? ne(e.$lazyInstance$) : e != null && e.$onReadyPromise$ && e.$onReadyPromise$.then(() => ne(e.$lazyInstance$))) : (e.$flags$ |= 1, // TODO(STENCIL-854): Remove code related to legacy shadowDomShim field
     s.$flags$ & 12 && Ve(t), s.$members$ && Object.entries(s.$members$).map(([o, [l]]) => {
       if (l & 31 && t.hasOwnProperty(o)) {
         const i = t[o];
@@ -512,7 +512,7 @@ const p = (t, e, ...s) => {
   e["s-cn"] = !0, t.insertBefore(e, t.firstChild);
 }, et = async (t) => {
   if (!(g.$flags$ & 1)) {
-    const e = D(t);
+    const e = A(t);
     e.$rmListeners$ && (e.$rmListeners$.map((s) => s()), e.$rmListeners$ = void 0);
   }
 }, W = (t, e) => {
@@ -539,29 +539,29 @@ const p = (t, e, ...s) => {
       });
     }
   }), t.is = s.$tagName$, Ge(t, s);
-}, ye = (t, e, s, n) => {
+}, be = (t, e, s, n) => {
   s && s.map(([o, l, i]) => {
     const a = st(t, o), r = tt(e, i), $ = nt(o);
     g.ael(a, l, r, $), (e.$rmListeners$ = e.$rmListeners$ || []).push(() => g.rel(a, l, r, $));
   });
 }, tt = (t, e) => (s) => {
   try {
-    S.lazyLoad || t.$hostElement$[e](s);
+    k.lazyLoad || t.$hostElement$[e](s);
   } catch (n) {
     _(n);
   }
 }, st = (t, e) => e & 4 ? m : e & 8 ? U : e & 16 ? m.body : t, nt = (t) => lt ? {
   passive: (t & 1) !== 0,
   capture: (t & 2) !== 0
-} : (t & 2) !== 0, be = /* @__PURE__ */ new WeakMap(), D = (t) => be.get(t), ot = (t, e) => {
+} : (t & 2) !== 0, ve = /* @__PURE__ */ new WeakMap(), A = (t) => ve.get(t), ot = (t, e) => {
   const s = {
     $flags$: 0,
     $hostElement$: t,
     $cmpMeta$: e,
     $instanceValues$: /* @__PURE__ */ new Map()
   };
-  return ye(t, s, e.$listeners$), be.set(t, s);
-}, ne = (t, e) => e in t, _ = (t, e) => (0, console.error)(t, e), H = /* @__PURE__ */ new Map(), it = [], U = typeof window < "u" ? window : {}, m = U.document || { head: {} }, N = U.HTMLElement || class {
+  return be(t, s, e.$listeners$), ve.set(t, s);
+}, oe = (t, e) => e in t, _ = (t, e) => (0, console.error)(t, e), H = /* @__PURE__ */ new Map(), it = [], U = typeof window < "u" ? window : {}, m = U.document || { head: {} }, N = U.HTMLElement || class {
 }, g = {
   $flags$: 0,
   $resourcesUrl$: "",
@@ -587,9 +587,9 @@ const p = (t, e, ...s) => {
   } catch {
   }
   return !1;
-})(), oe = [], ve = [], ct = (t, e) => (s) => {
+})(), ie = [], me = [], ct = (t, e) => (s) => {
   t.push(s), P || (P = !0, e && g.$flags$ & 4 ? dt(j) : g.raf(j));
-}, ie = (t) => {
+}, le = (t) => {
   for (let e = 0; e < t.length; e++)
     try {
       t[e](performance.now());
@@ -598,8 +598,8 @@ const p = (t, e, ...s) => {
     }
   t.length = 0;
 }, j = () => {
-  ie(oe), ie(ve), (P = oe.length > 0) && g.raf(j);
-}, dt = (t) => rt().then(t), ft = /* @__PURE__ */ ct(ve, !0), ht = ".sc-chevron-icon-h{display:flex}", $t = ht, pt = W(class extends N {
+  le(ie), le(me), (P = ie.length > 0) && g.raf(j);
+}, dt = (t) => rt().then(t), ft = /* @__PURE__ */ ct(me, !0), ht = ".sc-chevron-icon-h{display:flex}", $t = ht, pt = W(class extends N {
   constructor() {
     super(), this.__registerHost(), this.width = "24", this.height = "24";
   }
@@ -649,21 +649,32 @@ function vt() {
     }
   });
 }
-const mt = ':host{display:block;position:relative;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;width:100%}@media screen and (max-width: 768px){:host{position:unset}}label{display:flex;color:var(--nylas-base-800, #293056);font-size:14px;font-style:normal;font-weight:400;line-height:150%;flex-direction:column;gap:4px;font-family:var(--nylas-font-family);font-size:16px;color:var(--nylas-base-800)}label.error{color:var(--nylas-error)}label span.required{color:var(--nylas-error);padding:0 0.25rem}label p{margin:0}label .error{color:var(--nylas-error)}.dropdown{display:inline-block;width:inherit}.dropbtn{color:var(--nylas-base-800);padding:14px;font-size:1rem;font-family:var(--nylas-font-family);cursor:pointer;display:flex;justify-content:space-between;gap:0.5rem;background:transparent;border:1px solid var(--nylas-base-300);border-radius:var(--nylas-border-radius-2x)}.dropbtn.error{border:1px solid var(--nylas-error)}.dropbtn.focus{background:transparent}.dropbtn:hover,.dropbtn:active{outline:1px solid var(--nylas-primary)}.dropbtn:active{outline:2px solid var(--nylas-primary)}.dropbtn span.chevron{display:flex;align-self:center}.dropbtn span.open{transform:rotate(90deg)}.dropbtn span.closed{transform:rotate(270deg)}.dropbtn span.selected-option{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:144px;font-size:14px;line-height:20px}@media screen and (max-width: 768px){.dropbtn span.selected-option{max-width:124px;font-size:16px}}.dropdown-content{display:block;margin-top:0.5rem;background-color:var(--nylas-base-0);width:100%;max-height:336px;overflow:auto;z-index:1;border-radius:4px;position:absolute;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.05);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1)}@media screen and (max-width: 768px){.dropdown-content{right:0;width:325px;max-width:unset}}.search-box{border-bottom:1px solid var(--nylas-base-200);padding:10px;position:sticky;top:0;background:var(--nylas-base-0)}.search-box .icon{position:absolute;top:1.25rem;left:1.25rem;color:var(--nylas-base-300)}.dropdown-content ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px}.dropdown-content ul li{padding:16px, 12px, 16px, 12px;color:black;padding:12px 16px;text-decoration:none;display:block;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px;text-align:left;cursor:pointer}.dropdown-content ul li:hover,.dropdown-content ul li:focus{background-color:var(--nylas-base-100)}.dropdown-content .selected{background-color:#e7e7e7}input[type=text]{width:-webkit-fill-available;padding:inherit;border:1px solid #ccc;border-radius:4px;position:sticky;background:no-repeat scroll 7px 7px;padding-left:30px;background-size:16px 16px}', xt = mt, me = W(class extends N {
+const mt = ':host{display:block;position:relative;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;width:100%}@media screen and (max-width: 768px){:host{position:unset}}label{display:flex;color:var(--nylas-base-800, #293056);font-size:14px;font-style:normal;font-weight:400;line-height:150%;flex-direction:column;gap:4px;font-family:var(--nylas-font-family);font-size:16px;color:var(--nylas-base-800)}label.error{color:var(--nylas-error)}label span.required{color:var(--nylas-error);padding:0 0.25rem}label p{margin:0}label .error{color:var(--nylas-error)}.dropdown{display:inline-block;width:inherit}.dropbtn{color:var(--nylas-base-800);padding:14px;font-size:1rem;font-family:var(--nylas-font-family);cursor:pointer;display:flex;justify-content:space-between;gap:0.5rem;background:transparent;border:1px solid var(--nylas-base-300);border-radius:var(--nylas-border-radius-2x)}.dropbtn.error{border:1px solid var(--nylas-error)}.dropbtn.focus{background:transparent}.dropbtn:hover,.dropbtn:active{outline:1px solid var(--nylas-primary)}.dropbtn:active{outline:2px solid var(--nylas-primary)}.dropbtn span.chevron{display:flex;align-self:center}.dropbtn span.open{transform:rotate(90deg)}.dropbtn span.closed{transform:rotate(270deg)}.dropbtn span.selected-option{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:144px;font-size:14px;line-height:20px}@media screen and (max-width: 768px){.dropbtn span.selected-option{max-width:124px;font-size:16px}}.dropdown-content{display:block;margin-top:0.5rem;background-color:var(--nylas-base-0);width:100%;max-height:336px;overflow:auto;z-index:1;border-radius:4px;position:absolute;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.05);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1)}@media screen and (max-width: 768px){.dropdown-content{right:0;width:325px;max-width:unset}}.search-box{border-bottom:1px solid var(--nylas-base-200);padding:10px;position:sticky;top:0;background:var(--nylas-base-0)}.search-box .icon{position:absolute;top:1.25rem;left:1.25rem;color:var(--nylas-base-300)}.dropdown-content ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px}.dropdown-content ul li{padding:16px, 12px, 16px, 12px;color:black;padding:12px 16px;text-decoration:none;display:block;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px;text-align:left;cursor:pointer}.dropdown-content ul li:hover,.dropdown-content ul li:focus{background-color:var(--nylas-base-100)}.dropdown-content .selected{background-color:#e7e7e7}input[type=text]{width:-webkit-fill-available;padding:inherit;border:1px solid #ccc;border-radius:4px;position:sticky;background:no-repeat scroll 7px 7px;padding-left:30px;background-size:16px 16px}', xt = mt, xe = W(class extends N {
   constructor() {
-    super(), this.__registerHost(), this.__attachShadow(), this.nylasFormDropdownChanged = Re(this, "nylasFormDropdownChanged", 7), this.componentType = "select-dropdown", this.name = void 0, this.options = [], this.defaultSelectedOption = null, this.withSearch = !0, this.label = void 0, this.required = !1, this.pluralizedLabel = "", this.dropdownButtonText = void 0, this.withChevron = !0, this.selectedOption = void 0, this.isOpen = !1, this.searchValue = "", this.filteredOptions = [...this.options], this.ariaActivedescendant = "", this.errorMessage = "";
+    super(), this.__registerHost(), this.__attachShadow(), this.nylasFormDropdownChanged = J(this, "nylasFormDropdownChanged", 7), this.nylasFormDropdownDefaultSelected = J(this, "nylasFormDropdownDefaultSelected", 7), this.componentType = "select-dropdown", this.name = void 0, this.options = [], this.defaultSelectedOption = null, this.withSearch = !0, this.label = void 0, this.required = !1, this.pluralizedLabel = "", this.dropdownButtonText = void 0, this.withChevron = !0, this.selectedOption = void 0, this.isOpen = !1, this.searchValue = "", this.filteredOptions = [...this.options], this.ariaActivedescendant = "", this.errorMessage = "";
   }
   optionsChangedHandler(e, s) {
     e !== s && (this.filteredOptions = e);
   }
   defaultSelectedOptionChangedHandler(e, s) {
-    typeof e > "u" || (e == null ? void 0 : e.label) === (s == null ? void 0 : s.label) || (this.selectedOption = e);
+    typeof e > "u" || (e == null ? void 0 : e.label) === (s == null ? void 0 : s.label) || (this.selectedOption = e, this.nylasFormDropdownDefaultSelected.emit({
+      value: (e == null ? void 0 : e.value) || "",
+      name: this.name,
+      error: this.errorMessage,
+      label: this.label
+    }));
   }
   componentWillLoad() {
     this.el.setAttribute("component-type", this.componentType);
   }
   componentDidLoad() {
-    this.filteredOptions = this.options, this.selectedOption = this.defaultSelectedOption, !this.selectedOption && this.options.length > 0 && (this.selectedOption = this.options[0]);
+    var e;
+    this.filteredOptions = this.options, this.selectedOption = this.defaultSelectedOption, !this.selectedOption && this.options.length > 0 && (this.selectedOption = this.options[0]), this.nylasFormDropdownDefaultSelected.emit({
+      value: ((e = this.selectedOption) == null ? void 0 : e.value) || "",
+      name: this.name,
+      error: this.errorMessage,
+      label: this.label
+    });
   }
   handleBookingFormSubmitted(e) {
     var s;
@@ -737,7 +748,7 @@ const mt = ':host{display:block;position:relative;--nylas-primary:#2563eb;--nyla
   }
   render() {
     const e = this.generateButtonText(this.selectedOption, this.dropdownButtonText);
-    return p("div", { key: "45abbbfaacb891e1d331e42f822a5a2b4e12289c", class: "dropdown", part: "sd_dropdown" }, p("label", { key: "aad1cd53c176003fe04ae372aebc4743cb4830a0", part: "sd_dropdown_label", class: { error: !!this.errorMessage } }, this.label && p("p", null, p("span", { class: "label" }, this.label), this.required && p("span", { class: "required" }, "*")), p("button", { key: "5feca05e8b0ef951b8043a4bfeaa25f0de6d4789", part: "sd_dropdown-button", class: { dropbtn: !0, open: this.isOpen, error: !!this.errorMessage }, onClick: () => this.toggleDropdown(), "aria-haspopup": "listbox", "aria-expanded": this.isOpen ? "true" : "false", "aria-label": this.name, onKeyDown: (s) => this.handleSelectButtonKeyDown(s) }, p("slot", { key: "410360c7661bfde11430153da1ff97b011c46626", name: "select-icon", "aria-hidden": "true" }), p("span", { key: "c87c03c32ef91c57ed054a35931c49df7c796e49", class: "selected-option", part: "sd_dropdown-button-selected-label" }, e), this.withChevron && p("span", { class: {
+    return p("div", { key: "4b724d892194708b2dcd0ed74c8e23486ba2b4f7", class: "dropdown", part: "sd_dropdown" }, p("label", { key: "06d33f4f5daa7c09eed054505989210e35c2beb5", part: "sd_dropdown_label", class: { error: !!this.errorMessage } }, this.label && p("p", null, p("span", { class: "label" }, this.label), this.required && p("span", { class: "required" }, "*")), p("button", { key: "8e5952f7e2a1279670304e82f329da3e8e60522a", part: "sd_dropdown-button", class: { dropbtn: !0, open: this.isOpen, error: !!this.errorMessage }, onClick: () => this.toggleDropdown(), "aria-haspopup": "listbox", "aria-expanded": this.isOpen ? "true" : "false", "aria-label": this.name, onKeyDown: (s) => this.handleSelectButtonKeyDown(s) }, p("slot", { key: "aece407da3b35858b9ec1248d09447706b3120cc", name: "select-icon", "aria-hidden": "true" }), p("span", { key: "55aae4a92f862c81533635999fb60693705cb12b", class: "selected-option", part: "sd_dropdown-button-selected-label" }, e), this.withChevron && p("span", { class: {
       open: this.isOpen,
       closed: !this.isOpen,
       chevron: !0
@@ -775,13 +786,13 @@ const mt = ':host{display:block;position:relative;--nylas-primary:#2563eb;--nyla
   options: ["optionsChangedHandler"],
   defaultSelectedOption: ["defaultSelectedOptionChangedHandler"]
 }]);
-function kt() {
+function St() {
   if (typeof customElements > "u")
     return;
   ["select-dropdown", "chevron-icon", "search-icon"].forEach((e) => {
     switch (e) {
       case "select-dropdown":
-        customElements.get(e) || customElements.define(e, me);
+        customElements.get(e) || customElements.define(e, xe);
         break;
       case "chevron-icon":
         customElements.get(e) || ut();
@@ -792,7 +803,7 @@ function kt() {
     }
   });
 }
-const Tt = me, Ct = kt;
+const Tt = xe, Ct = St;
 export {
   Tt as SelectDropdown,
   Ct as defineCustomElement