@nylas/web-elements 0.0.0-canary-20250120165013 → 0.0.0-canary-20250122221254

package/dist/cdn/checkbox-component/checkbox-component.es.js

@@ -87,9 +87,9 @@ const x = {
   // TODO(STENCIL-914): remove this option when `experimentalSlotFixes` is the default behavior
   experimentalSlotFixes: !1
 };
-let C, F, O, le = !1, j = !1, B = !1, b = !1, G = null, H = !1;
+let C, F, O, le = !1, j = !1, B = !1, b = !1, q = null, H = !1;
 const L = (e, t = "") => () => {
-}, ke = "slot-fb{display:contents}slot-fb[hidden]{display:none}", Z = "http://www.w3.org/1999/xlink", q = {}, ve = "http://www.w3.org/2000/svg", Se = "http://www.w3.org/1999/xhtml", xe = (e) => e != null, U = (e) => (e = typeof e, e === "object" || e === "function");
+}, ke = "slot-fb{display:contents}slot-fb[hidden]{display:none}", G = "http://www.w3.org/1999/xlink", Z = {}, ve = "http://www.w3.org/2000/svg", Se = "http://www.w3.org/1999/xhtml", xe = (e) => e != null, U = (e) => (e = typeof e, e === "object" || e === "function");
 function Te(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;
@@ -205,11 +205,11 @@ const k = (e, t, ...n) => {
           } catch {
           }
         let u = !1;
-        c !== (c = c.replace(/^xlink\:?/, "")) && (t = c, u = !0), s == null || s === !1 ? (s !== !1 || e.getAttribute(t) === "") && (u ? e.removeAttributeNS(Z, t) : e.removeAttribute(t)) : (!l || i & 4 || o) && !r && (s = s === !0 ? "" : s, u ? e.setAttributeNS(Z, t, s) : e.setAttribute(t, s));
+        c !== (c = c.replace(/^xlink\:?/, "")) && (t = c, u = !0), s == null || s === !1 ? (s !== !1 || e.getAttribute(t) === "") && (u ? e.removeAttributeNS(G, t) : e.removeAttribute(t)) : (!l || i & 4 || o) && !r && (s = s === !0 ? "" : s, u ? e.setAttributeNS(G, t, s) : e.setAttribute(t, s));
       }
   }
 }, Ne = /\s/, K = (e) => e ? e.split(Ne) : [], ie = "Capture", Me = new RegExp(ie + "$"), ce = (e, t, n, s) => {
-  const o = t.$elm$.nodeType === 11 && t.$elm$.host ? t.$elm$.host : t.$elm$, i = e && e.$attrs$ || q, l = t.$attrs$ || q;
+  const o = t.$elm$.nodeType === 11 && t.$elm$.host ? t.$elm$.host : t.$elm$, i = e && e.$attrs$ || Z, l = t.$attrs$ || Z;
   for (s in i)
     s in l || X(o, s, i[s], void 0, n, t.$flags$);
   for (s in l)
@@ -385,15 +385,15 @@ const k = (e, t, ...n) => {
   const s = e.$hostElement$, o = L("update", e.$cmpMeta$.$tagName$);
   s["s-rc"], n && Pe(e);
   const i = L("render", e.$cmpMeta$.$tagName$);
-  Ge(e, t, s, n), i(), o(), Ze(e);
-}, Ge = (e, t, n, s) => {
+  qe(e, t, s, n), i(), o(), Ge(e);
+}, qe = (e, t, n, s) => {
   try {
-    G = t, t = t.render && t.render(), e.$flags$ &= -17, e.$flags$ |= 2, (x.hasRenderFn || x.reflect) && (x.vdomRender || x.reflect) && (x.hydrateServerSide || He(e, t, s));
+    q = t, t = t.render && t.render(), e.$flags$ &= -17, e.$flags$ |= 2, (x.hasRenderFn || x.reflect) && (x.vdomRender || x.reflect) && (x.hydrateServerSide || He(e, t, s));
   } catch (r) {
     R(r, e.$hostElement$);
   }
-  return G = null, null;
-}, Ze = (e) => {
+  return q = null, null;
+}, Ge = (e) => {
   const t = e.$cmpMeta$.$tagName$, n = e.$hostElement$, s = L("postUpdate", t), o = n;
   e.$ancestorComponent$, A(o, "componentDidRender"), e.$flags$ & 64 ? (A(o, "componentDidUpdate"), s()) : (e.$flags$ |= 64, A(o, "componentDidLoad"), s());
 }, A = (e, t, n) => {
@@ -403,7 +403,7 @@ const k = (e, t, ...n) => {
     } catch (s) {
       R(s);
     }
-}, qe = (e, t) => _(e).$instanceValues$.get(t), Qe = (e, t, n, s) => {
+}, Ze = (e, t) => _(e).$instanceValues$.get(t), Qe = (e, t, n, s) => {
   const o = _(e), i = e, l = o.$instanceValues$.get(t), c = o.$flags$, r = i;
   n = De(n, s.$members$[t][0]);
   const u = Number.isNaN(l) && Number.isNaN(n);
@@ -436,7 +436,7 @@ const k = (e, t, ...n) => {
     i.map(([l, [c]]) => {
       (c & 31 || c & 32) && Object.defineProperty(o, l, {
         get() {
-          return qe(this, l);
+          return Ze(this, l);
         },
         set(r) {
           Qe(this, l, r, t);
@@ -602,7 +602,7 @@ const k = (e, t, ...n) => {
   e.length = 0;
 }, z = () => {
   oe(ne), oe(be), (H = ne.length > 0) && p.raf(z);
-}, $t = (e) => ct().then(e), dt = /* @__PURE__ */ ft(be, !0), ut = ':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;width:100%}.checkbox-container{display:flex;flex-direction:column;gap:0.5rem}.checkbox-container p.error{color:var(--nylas-error);font-size:14px;font-weight:400;line-height:20px;font-family:var(--nylas-font-family);margin:0}label{display:flex;align-items:center;font-family:var(--nylas-font-family);cursor:pointer;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}label.readonly{cursor:not-allowed}label input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;border:1px solid var(--nylas-base-300)}label input[type=checkbox]:focus~.checkmark,label input[type=checkbox]:hover~.checkmark{border-color:var(--nylas-primary)}label input[type=checkbox]:checked~.checkmark{color:var(--nylas-base-0);background:var(--nylas-primary) url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxMiIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTIgOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPHBhdGggZD0iTTQuNTc1IDguOTc3cy0uNDA0LS4wMDctLjUzNi0uMTY1TC4wNTcgNS42NGwuODI5LTEuMjI3TDQuNDcgNy4yNjggMTAuOTIxLjA4NmwuOTIzIDEuMTAzLTYuODYzIDcuNjRjLS4xMzQtLjAwMy0uNDA2LjE0OC0uNDA2LjE0OHoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPg0KPC9zdmc+) 50% 40% no-repeat;border:2px solid var(--nylas-primary)}label input[type=checkbox]:disabled{cursor:not-allowed;background:var(--nylas-base-100);border:1px solid var(--nylas-base-300)}label .checkmark{border-radius:var(--nylas-border-radius);border:2px solid var(--nylas-base-800);position:absolute;left:0;top:2px;width:18px;height:18px;cursor:pointer;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}label .label{margin-left:32px;font-size:16px;font-weight:400;color:var(--nylas-base-800);line-height:24px}', ht = ut, me = et(class extends rt {
+}, $t = (e) => ct().then(e), dt = /* @__PURE__ */ ft(be, !0), ut = ':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;width:100%}.checkbox-container{display:flex;flex-direction:column;gap:0.5rem}.checkbox-container p.error{color:var(--nylas-error);font-size:14px;font-weight:400;line-height:20px;font-family:var(--nylas-font-family);margin:0}label{display:flex;align-items:center;font-family:var(--nylas-font-family);cursor:pointer;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}label.readonly{cursor:not-allowed}label span.required{color:var(--nylas-error);padding:0 0.25rem}label input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;border:1px solid var(--nylas-base-300)}label input[type=checkbox]:focus~.checkmark,label input[type=checkbox]:hover~.checkmark{border-color:var(--nylas-primary)}label input[type=checkbox]:checked~.checkmark{color:var(--nylas-base-0);background:var(--nylas-primary) url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxMiIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTIgOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPHBhdGggZD0iTTQuNTc1IDguOTc3cy0uNDA0LS4wMDctLjUzNi0uMTY1TC4wNTcgNS42NGwuODI5LTEuMjI3TDQuNDcgNy4yNjggMTAuOTIxLjA4NmwuOTIzIDEuMTAzLTYuODYzIDcuNjRjLS4xMzQtLjAwMy0uNDA2LjE0OC0uNDA2LjE0OHoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPg0KPC9zdmc+) 50% 40% no-repeat;border:2px solid var(--nylas-primary)}label input[type=checkbox]:disabled{cursor:not-allowed;background:var(--nylas-base-100);border:1px solid var(--nylas-base-300)}label .checkmark{border-radius:var(--nylas-border-radius);border:2px solid var(--nylas-base-800);position:absolute;left:0;top:2px;width:18px;height:18px;cursor:pointer;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}label .label{margin-left:32px;font-size:16px;font-weight:400;color:var(--nylas-base-800);line-height:24px}', ht = ut, me = et(class extends rt {
   constructor() {
     super(), this.__registerHost(), this.__attachShadow(), this.nylasFormCheckboxToggled = Re(this, "nylasFormCheckboxToggled", 7), this.componentType = "checkbox", this.name = "checkbox", this.checked = void 0, this.label = "", this.readOnly = !1, this.required = !1, this.isChecked = void 0, this.error = "";
   }
@@ -616,11 +616,7 @@ const k = (e, t, ...n) => {
     this.isChecked = this.checked || !1;
   }
   handleBookingFormSubmitted(t) {
-    if (this.required && !this.isChecked) {
-      this.error = `${this.label} is required.`;
-      return;
-    }
-    this.error && t.preventDefault();
+    this.required && !this.isChecked && (this.error = `${this.label} is required.`), this.error && t.preventDefault();
   }
   toggleCheck() {
     this.error = "", this.isChecked = !this.isChecked, this.nylasFormCheckboxToggled.emit({
@@ -630,7 +626,7 @@ const k = (e, t, ...n) => {
     });
   }
   render() {
-    return k("div", { key: "436d313659a2d88e1373028efa14ec4422fdeb53", class: "checkbox-container" }, k("label", { key: "9cf84f5a1fa7a35257681afc1bd2a215ebe36aad", title: this.readOnly ? "read-only field" : void 0, class: { readonly: this.readOnly } }, k("input", { key: "600422d052cd28de6f053fac93c9a753f32637c1", type: "checkbox", disabled: this.readOnly, readOnly: this.readOnly, name: this.name, title: this.readOnly ? "read-only field" : void 0, checked: this.isChecked, onChange: () => this.toggleCheck() }), k("span", { key: "a3130e18c64555c54cd73695d2392148ef8c49f6", class: "checkmark" }), k("slot", { key: "808de6e68a5c5887ba0ca3b5a997aae2aed035a2", name: "label" }, k("span", { key: "4cb5b6c8d3548976ba9e1e5a5269aad3773e642f", class: "label" }, this.label))), this.error && k("p", { class: "error" }, this.error));
+    return k("div", { key: "595e161a792173db6af97d3d7ef13cdca534052a", class: "checkbox-container" }, k("label", { key: "625bd67ceec40d979d5f4f74ec576569866ff6ec", title: this.readOnly ? "read-only field" : void 0, class: { readonly: this.readOnly } }, k("input", { key: "dc099ed0899a91fe30b67bb0f2981b8bd5254bbb", type: "checkbox", disabled: this.readOnly, readOnly: this.readOnly, name: this.name, title: this.readOnly ? "read-only field" : void 0, checked: this.isChecked, onChange: () => this.toggleCheck() }), k("span", { key: "032c931e0b256a9e948551c9d938e14339f4c45e", class: "checkmark" }), k("slot", { key: "d932f4a7c5aa7e680827beff46f1ff86ce50b1d9", name: "label" }, k("span", { key: "b5ce4490b7be93f936d3061145dcbe4489dd74c9", class: "label" }, this.label, this.required && k("span", { class: "required" }, "*")))), this.error && k("p", { class: "error" }, this.error));
   }
   get el() {
     return this;