@nylas/web-elements 1.3.2 → 1.3.3

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, P, D, le = !1, w = !1, U = !1, b = !1, G = null, z = !1;
+let C, F, D, le = !1, w = !1, B = !1, b = !1, G = 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, H = (e) => (e = typeof e, e === "object" || e === "function");
+}, 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");
 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;
@@ -98,7 +98,7 @@ const k = (e, t, ...n) => {
   let s = null, o = null, i = null, l = !1, c = !1;
   const r = [], u = (a) => {
     for (let d = 0; d < a.length; d++)
-      s = a[d], Array.isArray(s) ? u(s) : s != null && typeof s != "boolean" && ((l = typeof e != "function" && !H(s)) && (s = String(s)), l && c ? r[r.length - 1].$text$ += s : r.push(l ? I(null, s) : s), c = l);
+      s = a[d], Array.isArray(s) ? u(s) : s != null && typeof s != "boolean" && ((l = typeof e != "function" && !U(s)) && (s = String(s)), l && c ? r[r.length - 1].$text$ += s : r.push(l ? I(null, s) : s), c = l);
   };
   if (u(n), t) {
     t.key && (o = t.key), t.name && (i = t.name);
@@ -137,7 +137,7 @@ const k = (e, t, ...n) => {
   }
   const t = I(e.vtag, e.vtext);
   return t.$attrs$ = e.vattrs, t.$children$ = e.vchildren, t.$key$ = e.vkey, t.$name$ = e.vname, t;
-}, De = (e) => lt.map((t) => t(e)).find((t) => !!t), _e = (e, t) => e != null && !H(e) ? t & 4 ? e === "false" ? !1 : e === "" || !!e : t & 2 ? parseFloat(e) : t & 1 ? String(e) : e : e, Re = (e) => e, Oe = (e, t, n) => {
+}, De = (e) => lt.map((t) => t(e)).find((t) => !!t), _e = (e, t) => e != null && !U(e) ? t & 4 ? e === "false" ? !1 : e === "" || !!e : t & 2 ? parseFloat(e) : t & 1 ? String(e) : e : e, Re = (e) => e, Oe = (e, t, n) => {
   const s = Re(e);
   return {
     emit: (o) => je(s, t, {
@@ -151,11 +151,11 @@ const k = (e, t, ...n) => {
   const s = p.ce(t, n);
   return e.dispatchEvent(s), s;
 }, Y = /* @__PURE__ */ new WeakMap(), we = (e, t, n) => {
-  let s = M.get(e);
-  at && n ? (s = s || new CSSStyleSheet(), typeof s == "string" ? s = t : s.replaceSync(t)) : s = t, M.set(e, s);
+  let s = N.get(e);
+  at && n ? (s = s || new CSSStyleSheet(), typeof s == "string" ? s = t : s.replaceSync(t)) : s = t, N.set(e, s);
 }, Ie = (e, t, n) => {
   var s;
-  const o = re(t, n), i = M.get(o);
+  const o = re(t, n), i = N.get(o);
   if (e = e.nodeType === 11 ? e : m, i)
     if (typeof i == "string") {
       e = e.head || e;
@@ -170,7 +170,7 @@ const k = (e, t, ...n) => {
       }
     } else e.adoptedStyleSheets.includes(i) || (e.adoptedStyleSheets = [...e.adoptedStyleSheets, i]);
   return o;
-}, Ne = (e) => {
+}, Pe = (e) => {
   const t = e.$cmpMeta$, n = e.$hostElement$, s = t.$flags$, o = L("attachStyles", t.$tagName$), i = Ie(n.shadowRoot ? n.shadowRoot : n.getRootNode(), t, e.$modeName$);
   s & 10 && (n["s-sc"] = i, n.classList.add(i + "-h"), s & 2 && n.classList.add(i + "-s")), o();
 }, re = (e, t) => "sc-" + (t && e.$flags$ & 32 ? e.$tagName$ + "-" + t : e.$tagName$), X = (e, t, n, s, o, i) => {
@@ -188,12 +188,12 @@ const k = (e, t, ...n) => {
       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(F, c) ? t = c.slice(2) : t = c[2] + t.slice(3), n || s) {
+        if (t[2] === "-" ? t = t.slice(3) : te(M, c) ? t = c.slice(2) : t = c[2] + t.slice(3), n || s) {
           const r = t.endsWith(ie);
-          t = t.replace(Fe, ""), n && p.rel(e, t, n, r), s && p.ael(e, t, s, r);
+          t = t.replace(Me, ""), n && p.rel(e, t, n, r), s && p.ael(e, t, s, r);
         }
       } else {
-        const r = H(s);
+        const r = U(s);
         if ((l || r && s !== null) && !o)
           try {
             if (e.tagName.includes("-"))
@@ -208,16 +208,16 @@ const k = (e, t, ...n) => {
         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));
       }
   }
-}, Me = /\s/, K = (e) => e ? e.split(Me) : [], ie = "Capture", Fe = new RegExp(ie + "$"), ce = (e, t, n, 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;
   for (s in i)
     s in l || X(o, s, i[s], void 0, n, t.$flags$);
   for (s in l)
     X(o, s, i[s], l[s], n, t.$flags$);
-}, N = (e, t, n, s) => {
+}, P = (e, t, n, s) => {
   const o = t.$children$[n];
   let i = 0, l, c, r;
-  if (le || (U = !0, o.$tag$ === "slot" && (C && s.classList.add(C + "-s"), o.$flags$ |= o.$children$ ? (
+  if (le || (B = !0, o.$tag$ === "slot" && (C && s.classList.add(C + "-s"), o.$flags$ |= o.$children$ ? (
     // slot element has fallback content
     2
   ) : (
@@ -230,22 +230,22 @@ const k = (e, t, ...n) => {
   else {
     if (b || (b = o.$tag$ === "svg"), l = o.$elm$ = m.createElementNS(b ? ve : Se, o.$flags$ & 2 ? "slot-fb" : o.$tag$), b && o.$tag$ === "foreignObject" && (b = !1), ce(null, o, b), xe(C) && l["s-si"] !== C && l.classList.add(l["s-si"] = C), o.$children$)
       for (i = 0; i < o.$children$.length; ++i)
-        c = N(e, o, i, l), c && l.appendChild(c);
+        c = P(e, o, i, l), c && l.appendChild(c);
     o.$tag$ === "svg" ? b = !1 : l.tagName === "foreignObject" && (b = !0);
   }
-  return l["s-hn"] = D, o.$flags$ & 3 && (l["s-sr"] = !0, l["s-cr"] = P, l["s-sn"] = o.$name$ || "", r = e && e.$children$ && e.$children$[n], r && r.$tag$ === o.$tag$ && e.$elm$ && _(e.$elm$, !1)), l;
+  return l["s-hn"] = D, o.$flags$ & 3 && (l["s-sr"] = !0, l["s-cr"] = F, l["s-sn"] = o.$name$ || "", r = e && e.$children$ && e.$children$[n], r && r.$tag$ === o.$tag$ && e.$elm$ && _(e.$elm$, !1)), l;
 }, _ = (e, t) => {
   p.$flags$ |= 1;
   const n = e.childNodes;
   for (let s = n.length - 1; s >= 0; s--) {
     const o = n[s];
-    o["s-hn"] !== D && o["s-ol"] && ($e(o).insertBefore(o, W(o)), o["s-ol"].remove(), o["s-ol"] = void 0, o["s-sh"] = void 0, U = !0), t && _(o, t);
+    o["s-hn"] !== D && o["s-ol"] && ($e(o).insertBefore(o, W(o)), o["s-ol"].remove(), o["s-ol"] = void 0, o["s-sh"] = void 0, B = !0), t && _(o, t);
   }
   p.$flags$ &= -2;
 }, ae = (e, t, n, s, o, i) => {
   let l = e["s-cr"] && e["s-cr"].parentNode || e, c;
   for (l.shadowRoot && l.tagName === D && (l = l.shadowRoot); o <= i; ++o)
-    s[o] && (c = N(null, n, o, e), c && (s[o].$elm$ = c, l.insertBefore(c, W(t))));
+    s[o] && (c = P(null, n, o, e), c && (s[o].$elm$ = c, l.insertBefore(c, W(t))));
 }, fe = (e, t, n) => {
   for (let s = t; s <= n; ++s) {
     const o = e[s];
@@ -254,7 +254,7 @@ const k = (e, t, ...n) => {
       he(o), i && (w = !0, i["s-ol"] ? i["s-ol"].remove() : _(i, !0), i.remove());
     }
   }
-}, Pe = (e, t, n, s, o = !1) => {
+}, Fe = (e, t, n, s, o = !1) => {
   let i = 0, l = 0, c = 0, r = 0, u = t.length - 1, $ = t[0], a = t[u], d = s.length - 1, f = s[0], h = s[d], y, g;
   for (; i <= u && l <= d; )
     if ($ == null)
@@ -279,13 +279,13 @@ const k = (e, t, ...n) => {
           c = r;
           break;
         }
-      c >= 0 ? (g = t[c], g.$tag$ !== f.$tag$ ? y = N(t && t[l], n, c, e) : (E(g, f, o), t[c] = void 0, y = g.$elm$), f = s[++l]) : (y = N(t && t[l], n, l, e), f = s[++l]), y && $e($.$elm$).insertBefore(y, W($.$elm$));
+      c >= 0 ? (g = t[c], g.$tag$ !== f.$tag$ ? y = P(t && t[l], n, c, e) : (E(g, f, o), t[c] = void 0, y = g.$elm$), f = s[++l]) : (y = P(t && t[l], n, l, e), f = s[++l]), y && $e($.$elm$).insertBefore(y, W($.$elm$));
     }
   i > u ? ae(e, s[d + 1] == null ? null : s[d + 1].$elm$, n, s, l, d) : l > d && fe(t, i, u);
 }, j = (e, t, n = !1) => e.$tag$ === t.$tag$ ? e.$tag$ === "slot" ? e.$name$ === t.$name$ : n ? !0 : e.$key$ === t.$key$ : !1, W = (e) => e && e["s-ol"] || e, $e = (e) => (e["s-ol"] ? e["s-ol"] : e).parentNode, E = (e, t, n = !1) => {
   const s = t.$elm$ = e.$elm$, o = e.$children$, i = t.$children$, l = t.$tag$, c = t.$text$;
   let r;
-  c === null ? (b = l === "svg" ? !0 : l === "foreignObject" ? !1 : b, l === "slot" || ce(e, t, b), o !== null && i !== null ? Pe(s, o, t, i, n) : i !== null ? (e.$text$ !== null && (s.textContent = ""), ae(s, null, t, i, 0, i.length - 1)) : o !== null && fe(o, 0, o.length - 1), b && l === "svg" && (b = !1)) : (r = s["s-cr"]) ? r.parentNode.textContent = c : e.$text$ !== c && (s.data = c);
+  c === null ? (b = l === "svg" ? !0 : l === "foreignObject" ? !1 : b, l === "slot" || ce(e, t, b), o !== null && i !== null ? Fe(s, o, t, i, n) : i !== null ? (e.$text$ !== null && (s.textContent = ""), ae(s, null, t, i, 0, i.length - 1)) : o !== null && fe(o, 0, o.length - 1), b && l === "svg" && (b = !1)) : (r = s["s-cr"]) ? r.parentNode.textContent = c : e.$text$ !== c && (s.data = c);
 }, de = (e) => {
   const t = e.childNodes;
   for (const n of t)
@@ -332,15 +332,15 @@ const k = (e, t, ...n) => {
   }
 }, J = (e, t) => e.nodeType === 1 ? e.getAttribute("slot") === null && t === "" || e.getAttribute("slot") === t : e["s-sn"] === t ? !0 : t === "", he = (e) => {
   e.$attrs$ && e.$attrs$.ref && e.$attrs$.ref(null), e.$children$ && e.$children$.map(he);
-}, ze = (e, t, n = !1) => {
+}, He = (e, t, n = !1) => {
   var s, o, i, l, c;
   const r = e.$hostElement$, u = e.$cmpMeta$, $ = e.$vnode$ || I(null, null), a = Ce(t) ? t : k(null, null, t);
   if (D = r.tagName, u.$attrsToReflect$ && (a.$attrs$ = a.$attrs$ || {}, u.$attrsToReflect$.map(([d, f]) => a.$attrs$[f] = r[d])), n && a.$attrs$)
     for (const d of Object.keys(a.$attrs$))
       r.hasAttribute(d) && !["key", "ref", "style", "class"].includes(d) && (a.$attrs$[d] = r[d]);
-  a.$tag$ = null, a.$flags$ |= 4, e.$vnode$ = a, a.$elm$ = $.$elm$ = r.shadowRoot || r, C = r["s-sc"], P = r["s-cr"], le = (u.$flags$ & 1) !== 0, w = !1, E($, a, n);
+  a.$tag$ = null, a.$flags$ |= 4, e.$vnode$ = a, a.$elm$ = $.$elm$ = r.shadowRoot || r, C = r["s-sc"], F = r["s-cr"], le = (u.$flags$ & 1) !== 0, w = !1, E($, a, n);
   {
-    if (p.$flags$ |= 1, U) {
+    if (p.$flags$ |= 1, B) {
       ue(a.$elm$);
       for (const d of v) {
         const f = d.$nodeToRelocate$;
@@ -375,20 +375,20 @@ const k = (e, t, ...n) => {
   if (x.experimentalScopedSlotChanges && u.$flags$ & 2)
     for (const d of a.$elm$.childNodes)
       d["s-hn"] !== D && !d["s-sh"] && (n && d["s-ih"] == null && (d["s-ih"] = (c = d.hidden) !== null && c !== void 0 ? c : !1), d.hidden = !0);
-  P = void 0;
-}, Be = (e, t) => {
-}, pe = (e, t) => (e.$flags$ |= 16, Be(e, e.$ancestorComponent$), dt(() => Ue(e, t))), Ue = (e, t) => {
+  F = void 0;
+}, ze = (e, t) => {
+}, pe = (e, t) => (e.$flags$ |= 16, ze(e, e.$ancestorComponent$), dt(() => Be(e, t))), Be = (e, t) => {
   const n = e.$hostElement$, s = L("scheduleUpdate", e.$cmpMeta$.$tagName$), o = n;
   let i;
   return t ? i = A(o, "componentWillLoad") : i = A(o, "componentWillUpdate"), i = V(i, () => A(o, "componentWillRender")), s(), V(i, () => We(e, o, t));
-}, V = (e, t) => He(e) ? e.then(t) : t(), He = (e) => e instanceof Promise || e && e.then && typeof e.then == "function", We = async (e, t, n) => {
+}, V = (e, t) => Ue(e) ? e.then(t) : t(), Ue = (e) => e instanceof Promise || e && e.then && typeof e.then == "function", We = async (e, t, n) => {
   const s = e.$hostElement$, o = L("update", e.$cmpMeta$.$tagName$);
-  s["s-rc"], n && Ne(e);
+  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) => {
   try {
-    G = t, t = t.render && t.render(), e.$flags$ &= -17, e.$flags$ |= 2, (x.hasRenderFn || x.reflect) && (x.vdomRender || x.reflect) && (x.hydrateServerSide || ze(e, t, s));
+    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));
   } catch (r) {
     O(r, e.$hostElement$);
   }
@@ -489,7 +489,7 @@ const k = (e, t, ...n) => {
     let l = o.style;
     typeof l != "string" && (l = l[t.$modeName$ = De(e)]);
     const c = re(n, t.$modeName$);
-    if (!M.has(c)) {
+    if (!N.has(c)) {
       const r = L("registerStyles", n.$tagName$);
       we(c, l, !!(n.$flags$ & 1)), r();
     }
@@ -550,7 +550,7 @@ const k = (e, t, ...n) => {
   } catch (s) {
     O(s);
   }
-}, st = (e, t) => t & 4 ? m : t & 8 ? F : t & 16 ? m.body : e, nt = (e) => it ? {
+}, st = (e, t) => t & 4 ? m : t & 8 ? M : t & 16 ? m.body : e, nt = (e) => it ? {
   passive: (e & 1) !== 0,
   capture: (e & 2) !== 0
 } : (e & 2) !== 0, ye = /* @__PURE__ */ new WeakMap(), R = (e) => ye.get(e), ot = (e, t) => {
@@ -561,7 +561,7 @@ const k = (e, t, ...n) => {
     $instanceValues$: /* @__PURE__ */ new Map()
   };
   return ge(e, n, t.$listeners$), ye.set(e, n);
-}, te = (e, t) => t in e, O = (e, t) => (0, console.error)(e, t), M = /* @__PURE__ */ new Map(), lt = [], F = typeof window < "u" ? window : {}, m = F.document || { head: {} }, rt = F.HTMLElement || class {
+}, te = (e, t) => t in e, O = (e, t) => (0, console.error)(e, t), N = /* @__PURE__ */ new Map(), lt = [], M = typeof window < "u" ? window : {}, m = M.document || { head: {} }, rt = M.HTMLElement || class {
 }, p = {
   $flags$: 0,
   $resourcesUrl$: "",
@@ -591,7 +591,7 @@ const k = (e, t, ...n) => {
   }
   return !1;
 })(), ne = [], be = [], ft = (e, t) => (n) => {
-  e.push(n), z || (z = !0, t && p.$flags$ & 4 ? $t(B) : p.raf(B));
+  e.push(n), H || (H = !0, t && p.$flags$ & 4 ? $t(z) : p.raf(z));
 }, oe = (e) => {
   for (let t = 0; t < e.length; t++)
     try {
@@ -600,12 +600,15 @@ const k = (e, t, ...n) => {
       O(n);
     }
   e.length = 0;
-}, B = () => {
-  oe(ne), oe(be), (z = ne.length > 0) && p.raf(B);
+}, z = () => {
+  oe(ne), oe(be), (H = ne.length > 0) && p.raf(z);
 }, $t = (e) => ct().then(e), dt = /* @__PURE__ */ ft(be, !0), ut = '.checkbox-container{--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;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 input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}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 .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 = Oe(this, "nylasFormCheckboxToggled", 7), this.componentType = "checkbox", this.name = "checkbox", this.checked = void 0, this.label = "", this.required = !1, this.isChecked = void 0, this.error = "";
   }
+  checkedPropChangedHandler(t) {
+    typeof t == "boolean" && (this.isChecked = t);
+  }
   componentWillLoad() {
     this.el.setAttribute("component-type", this.componentType);
   }
@@ -627,11 +630,16 @@ const k = (e, t, ...n) => {
     });
   }
   render() {
-    return k("div", { key: "f4dfab5a5da9f9c79424930bfd5497c24dc1bfe5", class: "checkbox-container" }, k("label", { key: "78e192f2eddcfd788ac16e80be3ac0b9c47e6f6a" }, k("input", { key: "6e3aa50fb6542cb134dc5454e9fc0052be22e36f", type: "checkbox", name: this.name, checked: this.isChecked, onChange: () => this.toggleCheck() }), k("span", { key: "abbd103b06bf934eff294b443b468e446901c371", class: "checkmark" }), k("slot", { key: "f11d669ba02b705ba7679985e83b91086a17ccc9", name: "label" }, k("span", { key: "1298c44fbbe9ce75638b00ac07e6e83bab1394c2", class: "label" }, this.label))), this.error && k("p", { class: "error" }, this.error));
+    return k("div", { key: "0be06ba2c6b6ed277b3ba736827f9f60e18c6056", class: "checkbox-container" }, k("label", { key: "a0a0cf6b1f546b8d1485dd3aee1b686f0e9c9cba" }, k("input", { key: "96bdb407b3ab6f668cf94b83e8091a604743f93f", type: "checkbox", name: this.name, checked: this.isChecked, onChange: () => this.toggleCheck() }), k("span", { key: "d345d3b47c14213487a9108d78abbf0db26f25af", class: "checkmark" }), k("slot", { key: "aba536e12ed7a97d18790f1a212ead284c1253ec", name: "label" }, k("span", { key: "e7767302bc6865b99cf42949e8bd032e237d2ad9", class: "label" }, this.label))), this.error && k("p", { class: "error" }, this.error));
   }
   get el() {
     return this;
   }
+  static get watchers() {
+    return {
+      checked: ["checkedPropChangedHandler"]
+    };
+  }
   static get style() {
     return ht;
   }
@@ -642,7 +650,9 @@ const k = (e, t, ...n) => {
   required: [4],
   isChecked: [32],
   error: [32]
-}, [[4, "bookingFormSubmitted", "handleBookingFormSubmitted"]]]);
+}, [[4, "bookingFormSubmitted", "handleBookingFormSubmitted"]], {
+  checked: ["checkedPropChangedHandler"]
+}]);
 function pt() {
   if (typeof customElements > "u")
     return;