@nylas/web-elements 0.0.0-canary-20250318134614 → 0.0.0-test-20250318204811

package/dist/cdn/input-color-picker/input-color-picker.es.js

@@ -0,0 +1,699 @@
+const x = {
+  allRenderFn: !1,
+  cmpDidLoad: !0,
+  cmpDidUnload: !1,
+  cmpDidUpdate: !0,
+  cmpDidRender: !0,
+  cmpWillLoad: !0,
+  cmpWillUpdate: !0,
+  cmpWillRender: !0,
+  connectedCallback: !0,
+  disconnectedCallback: !0,
+  element: !0,
+  event: !0,
+  hasRenderFn: !0,
+  lifecycle: !0,
+  hostListener: !0,
+  hostListenerTargetWindow: !0,
+  hostListenerTargetDocument: !0,
+  hostListenerTargetBody: !0,
+  hostListenerTargetParent: !1,
+  hostListenerTarget: !0,
+  member: !0,
+  method: !0,
+  mode: !0,
+  observeAttribute: !0,
+  prop: !0,
+  propMutable: !0,
+  reflect: !0,
+  scoped: !0,
+  shadowDom: !0,
+  slot: !0,
+  cssAnnotations: !0,
+  state: !0,
+  style: !0,
+  formAssociated: !1,
+  svg: !0,
+  updatable: !0,
+  vdomAttribute: !0,
+  vdomXlink: !0,
+  vdomClass: !0,
+  vdomFunctional: !0,
+  vdomKey: !0,
+  vdomListener: !0,
+  vdomRef: !0,
+  vdomPropOrAttr: !0,
+  vdomRender: !0,
+  vdomStyle: !0,
+  vdomText: !0,
+  watchCallback: !0,
+  taskQueue: !0,
+  hotModuleReplacement: !1,
+  isDebug: !1,
+  isDev: !1,
+  isTesting: !1,
+  hydrateServerSide: !1,
+  hydrateClientSide: !1,
+  lifecycleDOMEvents: !1,
+  lazyLoad: !1,
+  profile: !1,
+  slotRelocation: !0,
+  // TODO(STENCIL-914): remove this option when `experimentalSlotFixes` is the default behavior
+  appendChildSlotFix: !1,
+  // TODO(STENCIL-914): remove this option when `experimentalSlotFixes` is the default behavior
+  cloneNodeFix: !1,
+  hydratedAttribute: !1,
+  hydratedClass: !0,
+  scriptDataOpts: !1,
+  // TODO(STENCIL-914): remove this option when `experimentalSlotFixes` is the default behavior
+  scopedSlotTextContentFix: !1,
+  // TODO(STENCIL-854): Remove code related to legacy shadowDomShim field
+  shadowDomShim: !1,
+  // TODO(STENCIL-914): remove this option when `experimentalSlotFixes` is the default behavior
+  slotChildNodesFix: !1,
+  invisiblePrehydration: !0,
+  propBoolean: !0,
+  propNumber: !0,
+  propString: !0,
+  constructableCSS: !0,
+  cmpShouldUpdate: !0,
+  devTools: !1,
+  shadowDelegatesFocus: !0,
+  initializeNextTick: !1,
+  asyncLoading: !1,
+  asyncQueue: !1,
+  transformTagName: !1,
+  attachStyles: !0,
+  // TODO(STENCIL-914): remove this option when `experimentalSlotFixes` is the default behavior
+  experimentalSlotFixes: !1
+};
+let C, j, _, le = !1, F = !1, I = !1, b = !1, N = null, z = !1;
+const T = (e, t = "") => () => {
+}, Se = "slot-fb{display:contents}slot-fb[hidden]{display:none}", K = "http://www.w3.org/1999/xlink", Q = {}, xe = "http://www.w3.org/2000/svg", we = "http://www.w3.org/1999/xhtml", Te = (e) => e != null, W = (e) => (e = typeof e, e === "object" || e === "function");
+function Ce(e) {
+  var t, n, s;
+  return (s = (n = (t = e.head) === null || t === void 0 ? void 0 : t.querySelector('meta[name="csp-nonce"]')) === null || n === void 0 ? void 0 : n.getAttribute("content")) !== null && s !== void 0 ? s : void 0;
+}
+const v = (e, t, ...n) => {
+  let s = null, o = null, a = null, l = !1, i = !1;
+  const r = [], u = (c) => {
+    for (let $ = 0; $ < c.length; $++)
+      s = c[$], Array.isArray(s) ? u(s) : s != null && typeof s != "boolean" && ((l = typeof e != "function" && !W(s)) && (s = String(s)), l && i ? r[r.length - 1].$text$ += s : r.push(l ? D(null, s) : s), i = l);
+  };
+  if (u(n), t) {
+    t.key && (o = t.key), t.name && (a = t.name);
+    {
+      const c = t.className || t.class;
+      c && (t.class = typeof c != "object" ? c : Object.keys(c).filter(($) => c[$]).join(" "));
+    }
+  }
+  if (typeof e == "function")
+    return e(t === null ? {} : t, r, _e);
+  const d = D(e, null);
+  return d.$attrs$ = t, r.length > 0 && (d.$children$ = r), d.$key$ = o, d.$name$ = a, d;
+}, D = (e, t) => {
+  const n = {
+    $flags$: 0,
+    $tag$: e,
+    $text$: t,
+    $elm$: null,
+    $children$: null
+  };
+  return n.$attrs$ = null, n.$key$ = null, n.$name$ = null, n;
+}, Ee = {}, Le = (e) => e && e.$tag$ === Ee, _e = {
+  forEach: (e, t) => e.map(X).forEach(t),
+  map: (e, t) => e.map(X).map(t).map(Oe)
+}, X = (e) => ({
+  vattrs: e.$attrs$,
+  vchildren: e.$children$,
+  vkey: e.$key$,
+  vname: e.$name$,
+  vtag: e.$tag$,
+  vtext: e.$text$
+}), Oe = (e) => {
+  if (typeof e.vtag == "function") {
+    const n = Object.assign({}, e.vattrs);
+    return e.vkey && (n.key = e.vkey), e.vname && (n.name = e.vname), v(e.vtag, n, ...e.vchildren || []);
+  }
+  const t = D(e.vtag, e.vtext);
+  return t.$attrs$ = e.vattrs, t.$children$ = e.vchildren, t.$key$ = e.vkey, t.$name$ = e.vname, t;
+}, Ae = (e) => rt.map((t) => t(e)).find((t) => !!t), Be = (e, t) => e != null && !W(e) ? t & 4 ? e === "false" ? !1 : e === "" || !!e : t & 2 ? parseFloat(e) : t & 1 ? String(e) : e : e, Re = (e) => e, Fe = (e, t, n) => {
+  const s = Re(e);
+  return {
+    emit: (o) => De(s, t, {
+      bubbles: !!(n & 4),
+      composed: !!(n & 2),
+      cancelable: !!(n & 1),
+      detail: o
+    })
+  };
+}, De = (e, t, n) => {
+  const s = h.ce(t, n);
+  return e.dispatchEvent(s), s;
+}, G = /* @__PURE__ */ new WeakMap(), Pe = (e, t, n) => {
+  let s = M.get(e);
+  ct && n ? (s = s || new CSSStyleSheet(), typeof s == "string" ? s = t : s.replaceSync(t)) : s = t, M.set(e, s);
+}, Me = (e, t, n) => {
+  var s;
+  const o = re(t, n), a = M.get(o);
+  if (e = e.nodeType === 11 ? e : m, a)
+    if (typeof a == "string") {
+      e = e.head || e;
+      let l = G.get(e), i;
+      if (l || G.set(e, l = /* @__PURE__ */ new Set()), !l.has(o)) {
+        {
+          i = m.createElement("style"), i.innerHTML = a;
+          const r = (s = h.$nonce$) !== null && s !== void 0 ? s : Ce(m);
+          r != null && i.setAttribute("nonce", r), e.insertBefore(i, e.querySelector("link"));
+        }
+        t.$flags$ & 4 && (i.innerHTML += Se), l && l.add(o);
+      }
+    } else e.adoptedStyleSheets.includes(a) || (e.adoptedStyleSheets = [...e.adoptedStyleSheets, a]);
+  return o;
+}, Ue = (e) => {
+  const t = e.$cmpMeta$, n = e.$hostElement$, s = t.$flags$, o = T("attachStyles", t.$tagName$), a = Me(n.shadowRoot ? n.shadowRoot : n.getRootNode(), t, e.$modeName$);
+  s & 10 && (n["s-sc"] = a, n.classList.add(a + "-h"), s & 2 && n.classList.add(a + "-s")), o();
+}, re = (e, t) => "sc-" + (t && e.$flags$ & 32 ? e.$tagName$ + "-" + t : e.$tagName$), J = (e, t, n, s, o, a) => {
+  if (n !== s) {
+    let l = te(e, t), i = t.toLowerCase();
+    if (t === "class") {
+      const r = e.classList, u = Y(n), d = Y(s);
+      r.remove(...u.filter((c) => c && !d.includes(c))), r.add(...d.filter((c) => c && !u.includes(c)));
+    } else if (t === "style") {
+      for (const r in n)
+        (!s || s[r] == null) && (r.includes("-") ? e.style.removeProperty(r) : e.style[r] = "");
+      for (const r in s)
+        (!n || s[r] !== n[r]) && (r.includes("-") ? e.style.setProperty(r, s[r]) : e.style[r] = s[r]);
+    } else if (t !== "key")
+      if (t === "ref")
+        s && s(e);
+      else if (!e.__lookupSetter__(t) && t[0] === "o" && t[1] === "n") {
+        if (t[2] === "-" ? t = t.slice(3) : te(U, i) ? t = i.slice(2) : t = i[2] + t.slice(3), n || s) {
+          const r = t.endsWith(ae);
+          t = t.replace(ze, ""), n && h.rel(e, t, n, r), s && h.ael(e, t, s, r);
+        }
+      } else {
+        const r = W(s);
+        if ((l || r && s !== null) && !o)
+          try {
+            if (e.tagName.includes("-"))
+              e[t] = s;
+            else {
+              const d = s ?? "";
+              t === "list" ? l = !1 : (n == null || e[t] != d) && (e[t] = d);
+            }
+          } catch {
+          }
+        let u = !1;
+        i !== (i = i.replace(/^xlink\:?/, "")) && (t = i, u = !0), s == null || s === !1 ? (s !== !1 || e.getAttribute(t) === "") && (u ? e.removeAttributeNS(K, t) : e.removeAttribute(t)) : (!l || a & 4 || o) && !r && (s = s === !0 ? "" : s, u ? e.setAttributeNS(K, t, s) : e.setAttribute(t, s));
+      }
+  }
+}, je = /\s/, Y = (e) => e ? e.split(je) : [], ae = "Capture", ze = new RegExp(ae + "$"), ie = (e, t, n, s) => {
+  const o = t.$elm$.nodeType === 11 && t.$elm$.host ? t.$elm$.host : t.$elm$, a = e && e.$attrs$ || Q, l = t.$attrs$ || Q;
+  for (s in a)
+    s in l || J(o, s, a[s], void 0, n, t.$flags$);
+  for (s in l)
+    J(o, s, a[s], l[s], n, t.$flags$);
+}, P = (e, t, n, s) => {
+  const o = t.$children$[n];
+  let a = 0, l, i, r;
+  if (le || (I = !0, o.$tag$ === "slot" && (C && s.classList.add(C + "-s"), o.$flags$ |= o.$children$ ? (
+    // slot element has fallback content
+    2
+  ) : (
+    // slot element does not have fallback content
+    1
+  ))), o.$text$ !== null)
+    l = o.$elm$ = m.createTextNode(o.$text$);
+  else if (o.$flags$ & 1)
+    l = o.$elm$ = m.createTextNode("");
+  else {
+    if (b || (b = o.$tag$ === "svg"), l = o.$elm$ = m.createElementNS(b ? xe : we, o.$flags$ & 2 ? "slot-fb" : o.$tag$), b && o.$tag$ === "foreignObject" && (b = !1), ie(null, o, b), Te(C) && l["s-si"] !== C && l.classList.add(l["s-si"] = C), o.$children$)
+      for (a = 0; a < o.$children$.length; ++a)
+        i = P(e, o, a, l), i && l.appendChild(i);
+    o.$tag$ === "svg" ? b = !1 : l.tagName === "foreignObject" && (b = !0);
+  }
+  return l["s-hn"] = _, o.$flags$ & 3 && (l["s-sr"] = !0, l["s-cr"] = j, l["s-sn"] = o.$name$ || "", r = e && e.$children$ && e.$children$[n], r && r.$tag$ === o.$tag$ && e.$elm$ && O(e.$elm$, !1)), l;
+}, O = (e, t) => {
+  h.$flags$ |= 1;
+  const n = e.childNodes;
+  for (let s = n.length - 1; s >= 0; s--) {
+    const o = n[s];
+    o["s-hn"] !== _ && o["s-ol"] && (de(o).insertBefore(o, q(o)), o["s-ol"].remove(), o["s-ol"] = void 0, o["s-sh"] = void 0, I = !0), t && O(o, t);
+  }
+  h.$flags$ &= -2;
+}, ce = (e, t, n, s, o, a) => {
+  let l = e["s-cr"] && e["s-cr"].parentNode || e, i;
+  for (l.shadowRoot && l.tagName === _ && (l = l.shadowRoot); o <= a; ++o)
+    s[o] && (i = P(null, n, o, e), i && (s[o].$elm$ = i, l.insertBefore(i, q(t))));
+}, fe = (e, t, n) => {
+  for (let s = t; s <= n; ++s) {
+    const o = e[s];
+    if (o) {
+      const a = o.$elm$;
+      pe(o), a && (F = !0, a["s-ol"] ? a["s-ol"].remove() : O(a, !0), a.remove());
+    }
+  }
+}, He = (e, t, n, s, o = !1) => {
+  let a = 0, l = 0, i = 0, r = 0, u = t.length - 1, d = t[0], c = t[u], $ = s.length - 1, f = s[0], p = s[$], g, y;
+  for (; a <= u && l <= $; )
+    if (d == null)
+      d = t[++a];
+    else if (c == null)
+      c = t[--u];
+    else if (f == null)
+      f = s[++l];
+    else if (p == null)
+      p = s[--$];
+    else if (R(d, f, o))
+      E(d, f, o), d = t[++a], f = s[++l];
+    else if (R(c, p, o))
+      E(c, p, o), c = t[--u], p = s[--$];
+    else if (R(d, p, o))
+      (d.$tag$ === "slot" || p.$tag$ === "slot") && O(d.$elm$.parentNode, !1), E(d, p, o), e.insertBefore(d.$elm$, c.$elm$.nextSibling), d = t[++a], p = s[--$];
+    else if (R(c, f, o))
+      (d.$tag$ === "slot" || p.$tag$ === "slot") && O(c.$elm$.parentNode, !1), E(c, f, o), e.insertBefore(c.$elm$, d.$elm$), c = t[--u], f = s[++l];
+    else {
+      for (i = -1, r = a; r <= u; ++r)
+        if (t[r] && t[r].$key$ !== null && t[r].$key$ === f.$key$) {
+          i = r;
+          break;
+        }
+      i >= 0 ? (y = t[i], y.$tag$ !== f.$tag$ ? g = P(t && t[l], n, i, e) : (E(y, f, o), t[i] = void 0, g = y.$elm$), f = s[++l]) : (g = P(t && t[l], n, l, e), f = s[++l]), g && de(d.$elm$).insertBefore(g, q(d.$elm$));
+    }
+  a > u ? ce(e, s[$ + 1] == null ? null : s[$ + 1].$elm$, n, s, l, $) : l > $ && fe(t, a, u);
+}, R = (e, t, n = !1) => e.$tag$ === t.$tag$ ? e.$tag$ === "slot" ? e.$name$ === t.$name$ : n ? !0 : e.$key$ === t.$key$ : !1, q = (e) => e && e["s-ol"] || e, de = (e) => (e["s-ol"] ? e["s-ol"] : e).parentNode, E = (e, t, n = !1) => {
+  const s = t.$elm$ = e.$elm$, o = e.$children$, a = t.$children$, l = t.$tag$, i = t.$text$;
+  let r;
+  i === null ? (b = l === "svg" ? !0 : l === "foreignObject" ? !1 : b, l === "slot" || ie(e, t, b), o !== null && a !== null ? He(s, o, t, a, n) : a !== null ? (e.$text$ !== null && (s.textContent = ""), ce(s, null, t, a, 0, a.length - 1)) : o !== null && fe(o, 0, o.length - 1), b && l === "svg" && (b = !1)) : (r = s["s-cr"]) ? r.parentNode.textContent = i : e.$text$ !== i && (s.data = i);
+}, $e = (e) => {
+  const t = e.childNodes;
+  for (const n of t)
+    if (n.nodeType === 1) {
+      if (n["s-sr"]) {
+        const s = n["s-sn"];
+        n.hidden = !1;
+        for (const o of t)
+          if (o !== n) {
+            if (o["s-hn"] !== n["s-hn"] || s !== "") {
+              if (o.nodeType === 1 && (s === o.getAttribute("slot") || s === o["s-sn"])) {
+                n.hidden = !0;
+                break;
+              }
+            } else if (o.nodeType === 1 || o.nodeType === 3 && o.textContent.trim() !== "") {
+              n.hidden = !0;
+              break;
+            }
+          }
+      }
+      $e(n);
+    }
+}, k = [], ue = (e) => {
+  let t, n, s;
+  for (const o of e.childNodes) {
+    if (o["s-sr"] && (t = o["s-cr"]) && t.parentNode) {
+      n = t.parentNode.childNodes;
+      const a = o["s-sn"];
+      for (s = n.length - 1; s >= 0; s--)
+        if (t = n[s], !t["s-cn"] && !t["s-nr"] && t["s-hn"] !== o["s-hn"] && !x.experimentalSlotFixes)
+          if (Z(t, a)) {
+            let l = k.find((i) => i.$nodeToRelocate$ === t);
+            F = !0, t["s-sn"] = t["s-sn"] || a, l ? (l.$nodeToRelocate$["s-sh"] = o["s-hn"], l.$slotRefNode$ = o) : (t["s-sh"] = o["s-hn"], k.push({
+              $slotRefNode$: o,
+              $nodeToRelocate$: t
+            })), t["s-sr"] && k.map((i) => {
+              Z(i.$nodeToRelocate$, t["s-sn"]) && (l = k.find((r) => r.$nodeToRelocate$ === t), l && !i.$slotRefNode$ && (i.$slotRefNode$ = l.$slotRefNode$));
+            });
+          } else k.some((l) => l.$nodeToRelocate$ === t) || k.push({
+            $nodeToRelocate$: t
+          });
+    }
+    o.nodeType === 1 && ue(o);
+  }
+}, Z = (e, t) => e.nodeType === 1 ? e.getAttribute("slot") === null && t === "" || e.getAttribute("slot") === t : e["s-sn"] === t ? !0 : t === "", pe = (e) => {
+  e.$attrs$ && e.$attrs$.ref && e.$attrs$.ref(null), e.$children$ && e.$children$.map(pe);
+}, Ie = (e, t, n = !1) => {
+  var s, o, a, l, i;
+  const r = e.$hostElement$, u = e.$cmpMeta$, d = e.$vnode$ || D(null, null), c = Le(t) ? t : v(null, null, t);
+  if (_ = r.tagName, u.$attrsToReflect$ && (c.$attrs$ = c.$attrs$ || {}, u.$attrsToReflect$.map(([$, f]) => c.$attrs$[f] = r[$])), n && c.$attrs$)
+    for (const $ of Object.keys(c.$attrs$))
+      r.hasAttribute($) && !["key", "ref", "style", "class"].includes($) && (c.$attrs$[$] = r[$]);
+  c.$tag$ = null, c.$flags$ |= 4, e.$vnode$ = c, c.$elm$ = d.$elm$ = r.shadowRoot || r, C = r["s-sc"], j = r["s-cr"], le = (u.$flags$ & 1) !== 0, F = !1, E(d, c, n);
+  {
+    if (h.$flags$ |= 1, I) {
+      ue(c.$elm$);
+      for (const $ of k) {
+        const f = $.$nodeToRelocate$;
+        if (!f["s-ol"]) {
+          const p = m.createTextNode("");
+          p["s-nr"] = f, f.parentNode.insertBefore(f["s-ol"] = p, f);
+        }
+      }
+      for (const $ of k) {
+        const f = $.$nodeToRelocate$, p = $.$slotRefNode$;
+        if (p) {
+          const g = p.parentNode;
+          let y = p.nextSibling;
+          {
+            let w = (s = f["s-ol"]) === null || s === void 0 ? void 0 : s.previousSibling;
+            for (; w; ) {
+              let S = (o = w["s-nr"]) !== null && o !== void 0 ? o : null;
+              if (S && S["s-sn"] === f["s-sn"] && g === S.parentNode && (S = S.nextSibling, !S || !S["s-nr"])) {
+                y = S;
+                break;
+              }
+              w = w.previousSibling;
+            }
+          }
+          (!y && g !== f.parentNode || f.nextSibling !== y) && f !== y && (!f["s-hn"] && f["s-ol"] && (f["s-hn"] = f["s-ol"].parentNode.nodeName), g.insertBefore(f, y), f.nodeType === 1 && (f.hidden = (a = f["s-ih"]) !== null && a !== void 0 ? a : !1));
+        } else
+          f.nodeType === 1 && (n && (f["s-ih"] = (l = f.hidden) !== null && l !== void 0 ? l : !1), f.hidden = !0);
+      }
+    }
+    F && $e(c.$elm$), h.$flags$ &= -2, k.length = 0;
+  }
+  if (x.experimentalScopedSlotChanges && u.$flags$ & 2)
+    for (const $ of c.$elm$.childNodes)
+      $["s-hn"] !== _ && !$["s-sh"] && (n && $["s-ih"] == null && ($["s-ih"] = (i = $.hidden) !== null && i !== void 0 ? i : !1), $.hidden = !0);
+  j = void 0;
+}, We = (e, t) => {
+}, he = (e, t) => (e.$flags$ |= 16, We(e, e.$ancestorComponent$), $t(() => qe(e, t))), qe = (e, t) => {
+  const n = e.$hostElement$, s = T("scheduleUpdate", e.$cmpMeta$.$tagName$), o = n;
+  let a;
+  return t ? a = L(o, "componentWillLoad") : a = L(o, "componentWillUpdate"), a = V(a, () => L(o, "componentWillRender")), s(), V(a, () => Ke(e, o, t));
+}, V = (e, t) => Ne(e) ? e.then(t) : t(), Ne = (e) => e instanceof Promise || e && e.then && typeof e.then == "function", Ke = async (e, t, n) => {
+  const s = e.$hostElement$, o = T("update", e.$cmpMeta$.$tagName$);
+  s["s-rc"], n && Ue(e);
+  const a = T("render", e.$cmpMeta$.$tagName$);
+  Qe(e, t, s, n), a(), o(), Xe(e);
+}, Qe = (e, t, n, s) => {
+  try {
+    N = t, t = t.render && t.render(), e.$flags$ &= -17, e.$flags$ |= 2, (x.hasRenderFn || x.reflect) && (x.vdomRender || x.reflect) && (x.hydrateServerSide || Ie(e, t, s));
+  } catch (r) {
+    B(r, e.$hostElement$);
+  }
+  return N = null, null;
+}, Xe = (e) => {
+  const t = e.$cmpMeta$.$tagName$, n = e.$hostElement$, s = T("postUpdate", t), o = n;
+  e.$ancestorComponent$, L(o, "componentDidRender"), e.$flags$ & 64 ? (L(o, "componentDidUpdate"), s()) : (e.$flags$ |= 64, L(o, "componentDidLoad"), s());
+}, L = (e, t, n) => {
+  if (e && e[t])
+    try {
+      return e[t](n);
+    } catch (s) {
+      B(s);
+    }
+}, Ge = (e, t) => A(e).$instanceValues$.get(t), Je = (e, t, n, s) => {
+  const o = A(e), a = e, l = o.$instanceValues$.get(t), i = o.$flags$, r = a;
+  n = Be(n, s.$members$[t][0]);
+  const u = Number.isNaN(l) && Number.isNaN(n);
+  if (n !== l && !u) {
+    o.$instanceValues$.set(t, n);
+    {
+      if (s.$watchers$ && i & 128) {
+        const c = s.$watchers$[t];
+        c && c.map(($) => {
+          try {
+            r[$](n, l, t);
+          } catch (f) {
+            B(f, a);
+          }
+        });
+      }
+      if ((i & 18) === 2) {
+        if (r.componentShouldUpdate && r.componentShouldUpdate(n, l, t) === !1)
+          return;
+        he(o, !1);
+      }
+    }
+  }
+}, Ye = (e, t, n) => {
+  var s;
+  const o = e.prototype;
+  if (t.$members$) {
+    e.watchers && (t.$watchers$ = e.watchers);
+    const a = Object.entries(t.$members$);
+    a.map(([l, [i]]) => {
+      (i & 31 || i & 32) && Object.defineProperty(o, l, {
+        get() {
+          return Ge(this, l);
+        },
+        set(r) {
+          Je(this, l, r, t);
+        },
+        configurable: !0,
+        enumerable: !0
+      });
+    });
+    {
+      const l = /* @__PURE__ */ new Map();
+      o.attributeChangedCallback = function(i, r, u) {
+        h.jmp(() => {
+          var d;
+          const c = l.get(i);
+          if (this.hasOwnProperty(c))
+            u = this[c], delete this[c];
+          else {
+            if (o.hasOwnProperty(c) && typeof this[c] == "number" && this[c] == u)
+              return;
+            if (c == null) {
+              const $ = A(this), f = $ == null ? void 0 : $.$flags$;
+              if (f && !(f & 8) && f & 128 && u !== r) {
+                const g = this, y = (d = t.$watchers$) === null || d === void 0 ? void 0 : d[i];
+                y == null || y.forEach((w) => {
+                  g[w] != null && g[w].call(g, u, r, i);
+                });
+              }
+              return;
+            }
+          }
+          this[c] = u === null && typeof this[c] == "boolean" ? !1 : u;
+        });
+      }, e.observedAttributes = Array.from(/* @__PURE__ */ new Set([
+        ...Object.keys((s = t.$watchers$) !== null && s !== void 0 ? s : {}),
+        ...a.filter(
+          ([i, r]) => r[0] & 15
+          /* MEMBER_FLAGS.HasAttribute */
+        ).map(([i, r]) => {
+          var u;
+          const d = r[1] || i;
+          return l.set(d, i), r[0] & 512 && ((u = t.$attrsToReflect$) === null || u === void 0 || u.push([i, d])), d;
+        })
+      ]));
+    }
+  }
+  return e;
+}, Ze = async (e, t, n, s) => {
+  let o;
+  if (!(t.$flags$ & 32) && (t.$flags$ |= 32, o = e.constructor, customElements.whenDefined(n.$tagName$).then(() => t.$flags$ |= 128), o.style)) {
+    let l = o.style;
+    typeof l != "string" && (l = l[t.$modeName$ = Ae(e)]);
+    const i = re(n, t.$modeName$);
+    if (!M.has(i)) {
+      const r = T("registerStyles", n.$tagName$);
+      Pe(i, l, !!(n.$flags$ & 1)), r();
+    }
+  }
+  t.$ancestorComponent$, he(t, !0);
+}, ee = (e) => {
+}, Ve = (e) => {
+  if (!(h.$flags$ & 1)) {
+    const t = A(e), n = t.$cmpMeta$, s = T("connectedCallback", n.$tagName$);
+    t.$flags$ & 1 ? (ge(e, t, n.$listeners$), t != null && t.$lazyInstance$ ? ee(t.$lazyInstance$) : t != null && t.$onReadyPromise$ && t.$onReadyPromise$.then(() => ee(t.$lazyInstance$))) : (t.$flags$ |= 1, // TODO(STENCIL-854): Remove code related to legacy shadowDomShim field
+    n.$flags$ & 12 && et(e), n.$members$ && Object.entries(n.$members$).map(([o, [a]]) => {
+      if (a & 31 && e.hasOwnProperty(o)) {
+        const l = e[o];
+        delete e[o], e[o] = l;
+      }
+    }), Ze(e, t, n)), s();
+  }
+}, et = (e) => {
+  const t = e["s-cr"] = m.createComment("");
+  t["s-cn"] = !0, e.insertBefore(t, e.firstChild);
+}, tt = async (e) => {
+  if (!(h.$flags$ & 1)) {
+    const t = A(e);
+    t.$rmListeners$ && (t.$rmListeners$.map((n) => n()), t.$rmListeners$ = void 0);
+  }
+}, ye = (e, t) => {
+  const n = {
+    $flags$: t[0],
+    $tagName$: t[1]
+  };
+  n.$members$ = t[2], n.$listeners$ = t[3], n.$watchers$ = e.$watchers$, n.$attrsToReflect$ = [], !se && n.$flags$ & 1 && (n.$flags$ |= 8);
+  const s = e.prototype.connectedCallback, o = e.prototype.disconnectedCallback;
+  return Object.assign(e.prototype, {
+    __registerHost() {
+      lt(this, n);
+    },
+    connectedCallback() {
+      Ve(this), s && s.call(this);
+    },
+    disconnectedCallback() {
+      tt(this), o && o.call(this);
+    },
+    __attachShadow() {
+      se ? this.attachShadow({
+        mode: "open",
+        delegatesFocus: !!(n.$flags$ & 16)
+      }) : this.shadowRoot = this;
+    }
+  }), e.is = n.$tagName$, Ye(e, n);
+}, ge = (e, t, n, s) => {
+  n && n.map(([o, a, l]) => {
+    const i = nt(e, o), r = st(t, l), u = ot(o);
+    h.ael(i, a, r, u), (t.$rmListeners$ = t.$rmListeners$ || []).push(() => h.rel(i, a, r, u));
+  });
+}, st = (e, t) => (n) => {
+  try {
+    x.lazyLoad || e.$hostElement$[t](n);
+  } catch (s) {
+    B(s);
+  }
+}, nt = (e, t) => t & 4 ? m : t & 8 ? U : t & 16 ? m.body : e, ot = (e) => at ? {
+  passive: (e & 1) !== 0,
+  capture: (e & 2) !== 0
+} : (e & 2) !== 0, be = /* @__PURE__ */ new WeakMap(), A = (e) => be.get(e), lt = (e, t) => {
+  const n = {
+    $flags$: 0,
+    $hostElement$: e,
+    $cmpMeta$: t,
+    $instanceValues$: /* @__PURE__ */ new Map()
+  };
+  return ge(e, n, t.$listeners$), be.set(e, n);
+}, te = (e, t) => t in e, B = (e, t) => (0, console.error)(e, t), M = /* @__PURE__ */ new Map(), rt = [], U = typeof window < "u" ? window : {}, m = U.document || { head: {} }, ve = U.HTMLElement || class {
+}, h = {
+  $flags$: 0,
+  $resourcesUrl$: "",
+  jmp: (e) => e(),
+  raf: (e) => requestAnimationFrame(e),
+  ael: (e, t, n, s) => e.addEventListener(t, n, s),
+  rel: (e, t, n, s) => e.removeEventListener(t, n, s),
+  ce: (e, t) => new CustomEvent(e, t)
+}, se = (
+  // TODO(STENCIL-854): Remove code related to legacy shadowDomShim field
+  !0
+), at = /* @__PURE__ */ (() => {
+  let e = !1;
+  try {
+    m.addEventListener("e", null, Object.defineProperty({}, "passive", {
+      get() {
+        e = !0;
+      }
+    }));
+  } catch {
+  }
+  return e;
+})(), it = (e) => Promise.resolve(e), ct = /* @__PURE__ */ (() => {
+  try {
+    return new CSSStyleSheet(), typeof new CSSStyleSheet().replaceSync == "function";
+  } catch {
+  }
+  return !1;
+})(), ne = [], me = [], ft = (e, t) => (n) => {
+  e.push(n), z || (z = !0, t && h.$flags$ & 4 ? dt(H) : h.raf(H));
+}, oe = (e) => {
+  for (let t = 0; t < e.length; t++)
+    try {
+      e[t](performance.now());
+    } catch (n) {
+      B(n);
+    }
+  e.length = 0;
+}, H = () => {
+  oe(ne), oe(me), (z = ne.length > 0) && h.raf(H);
+}, dt = (e) => it().then(e), $t = /* @__PURE__ */ ft(me, !0), ut = ".sc-chevron-icon-h{display:flex}", pt = ut, ht = ye(class extends ve {
+  constructor() {
+    super(), this.__registerHost(), this.width = "24", this.height = "24";
+  }
+  render() {
+    return v("svg", { key: "80c05a605d7afb1c678f8965b1abae5c5e25916c", xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none" }, v("path", { key: "f754fdf2b68716dac07523348b1db34d0529d9a8", fill: "currentColor", d: "M15.53 4.22a.75.75 0 0 1 0 1.06L8.81 12l6.72 6.72a.75.75 0 1 1-1.06 1.06l-7.25-7.25a.75.75 0 0 1 0-1.06l7.25-7.25a.75.75 0 0 1 1.06 0Z" }));
+  }
+  static get style() {
+    return pt;
+  }
+}, [2, "chevron-icon", {
+  width: [1],
+  height: [1]
+}]);
+function yt() {
+  if (typeof customElements > "u")
+    return;
+  ["chevron-icon"].forEach((t) => {
+    switch (t) {
+      case "chevron-icon":
+        customElements.get(t) || customElements.define(t, ht);
+        break;
+    }
+  });
+}
+const gt = ':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-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: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)}.color-picker-container{display:flex;height:48px;padding-left:16px;align-items:center;gap:8px;align-self:stretch;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-300);background:var(--nylas-base-0);width:-webkit-fill-available;color:var(--nylas-base-900);font-size:16px;font-style:normal;font-weight:400;line-height:150%;width:-moz-available;width:-webkit-fill-available;padding-left:0;gap:0;overflow:hidden}.color-picker-container:focus{outline-color:var(--nylas-primary)}.color-picker-container.error{border-radius:var(--nylas-border-radius-2x);font-weight:600;border-color:var(--nylas-error);border-width:2px}.color-picker-container.error::placeholder{font-weight:400}.color-picker-container::placeholder{color:var(--nylas-base-300)}.color-picker-container input{display:flex;align-items:center;height:100%;appearance:none;border:none;border-right:1px solid var(--nylas-base-200);background:transparent}.color-picker-container input::-webkit-color-swatch{min-width:30px;border-radius:0.25rem;border:1px solid var(--nylas-base-200);margin:0.25rem}.color-picker-container input::-moz-color-swatch{min-width:30px;border-radius:0.25rem;border:1px solid var(--nylas-base-200);margin:0.25rem}.color-picker-container.error{border:1px solid var(--nylas-error)}.color-picker-container:hover,.color-picker-container:active{outline:1px solid var(--nylas-primary)}.color-picker-container:active{outline:2px solid var(--nylas-primary)}.color-picker-container label{width:100%}.labelBtn{color:var(--nylas-base-800);padding:14px;font-size:16px;font-family:var(--nylas-font-family);cursor:pointer;display:flex;flex-direction:row;justify-content:space-between;width:100%;gap:0.5rem;background:transparent;border:none}.labelBtn.error{border:1px solid var(--nylas-error)}.labelBtn.focus{background:transparent}.labelBtn:hover,.labelBtn:active{outline:1px solid var(--nylas-primary)}.labelBtn span.chevron{display:flex;align-self:center}.labelBtn span.open{transform:rotate(90deg)}.labelBtn span.closed{transform:rotate(270deg)}.labelBtn 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){.labelBtn span.selected-option{max-width:124px;font-size:16px}}', bt = gt, ke = ye(class extends ve {
+  constructor() {
+    super(), this.__registerHost(), this.__attachShadow(), this.nylasFormDropdownChanged = Fe(this, "nylasFormDropdownChanged", 7), this.componentType = "color-picker", this.name = void 0, this.defaultSelectedColor = void 0, this.selectedColor = this.defaultSelectedColor, this.isOpen = !1, this.ariaActivedescendant = "", this.errorMessage = "";
+  }
+  componentWillLoad() {
+    this.selectedColor = this.defaultSelectedColor, this.el.setAttribute("component-type", this.componentType);
+  }
+  handleFocus() {
+    this.isOpen = !0;
+  }
+  handleBlur() {
+    this.isOpen = !1;
+  }
+  handleInput(t) {
+    this.selectedColor = t.target.value;
+  }
+  handleChange(t) {
+    this.selectedColor = t.target.value, this.nylasFormDropdownChanged.emit({
+      value: this.selectedColor,
+      name: this.name,
+      error: this.errorMessage
+    });
+  }
+  handleKeyDown(t) {
+    var n;
+    (t.code === "Enter" || t.code === "Space") && (t.preventDefault(), (n = this.inputRef) == null || n.click());
+  }
+  handleOutsideClick(t) {
+    !t.composedPath().includes(this.el) && this.isOpen && (this.isOpen = !1);
+  }
+  render() {
+    return v("div", { key: "081086e3c3877d0f9027a6862a6e0a3c53e70051", class: "color-picker-container", part: "icp_color-picker", tabindex: "0", onKeyDown: (t) => this.handleKeyDown(t) }, v("input", { key: "0bb1c2162f840c3438c334bc09741a35d5d97b42", type: "color", ref: (t) => this.inputRef = t, id: this.name, name: this.name, value: this.selectedColor, tabindex: "-1", onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur(), onInput: (t) => this.handleInput(t), onChange: (t) => this.handleChange(t), onKeyDown: (t) => this.handleKeyDown(t) }), v("label", { key: "d063c26dd52948dc40b14d3f93443ac30eb173e3", part: "icp_color-picker-button", htmlFor: this.name, class: { labelBtn: !0, open: this.isOpen, error: !!this.errorMessage }, "aria-haspopup": "listbox", "aria-expanded": this.isOpen ? "true" : "false", "aria-label": this.name }, v("span", { key: "f0898da0abc4de14ee84cd8414fca3ef4f05fb38", class: "selected-option", part: "icp_color-picker-button-selected-label" }, this.selectedColor || "Select a color"), v("span", { key: "d998216f68ef77fa672c4435d275ffae4b656a49", class: {
+      open: this.isOpen,
+      closed: !this.isOpen,
+      chevron: !0
+    }, "aria-hidden": "true" }, v("chevron-icon", { key: "589c6052482633ae22ab1132536201b0a6b73fe2", width: "16", height: "16" })), this.errorMessage && v("span", { class: "error help-text" }, this.errorMessage)));
+  }
+  get el() {
+    return this;
+  }
+  static get style() {
+    return bt;
+  }
+}, [1, "input-color-picker", {
+  name: [1],
+  defaultSelectedColor: [1, "default-selected-color"],
+  selectedColor: [32],
+  isOpen: [32],
+  ariaActivedescendant: [32],
+  errorMessage: [32]
+}, [[6, "click", "handleOutsideClick"]]]);
+function vt() {
+  if (typeof customElements > "u")
+    return;
+  ["input-color-picker", "chevron-icon"].forEach((t) => {
+    switch (t) {
+      case "input-color-picker":
+        customElements.get(t) || customElements.define(t, ke);
+        break;
+      case "chevron-icon":
+        customElements.get(t) || yt();
+        break;
+    }
+  });
+}
+const St = ke, xt = vt;
+export {
+  St as InputColorPicker,
+  xt as defineCustomElement
+};