@justeattakeaway/pie-switch 2.3.24 → 2.3.26

package/custom-elements.json

@@ -35,7 +35,7 @@
           "type": {
             "text": "DefaultProps"
           },
-          "default": "{\r\n    checked: false,\r\n    disabled: false,\r\n    labelPlacement: 'leading',\r\n    required: false,\r\n    value: 'on',\r\n}"
+          "default": "{\n    checked: false,\n    disabled: false,\n    labelPlacement: 'leading',\n    required: false,\n    value: 'on',\n}"
         }
       ],
       "exports": [
@@ -183,7 +183,7 @@
                   "text": ""
                 }
               },
-              "description": "Returns a boolean value which indicates validity of the value of the component. If the value is invalid, this method also fires the invalid event on the component.\r\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/checkValidity"
+              "description": "Returns a boolean value which indicates validity of the value of the component. If the value is invalid, this method also fires the invalid event on the component.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/checkValidity"
             },
             {
               "kind": "method",
@@ -194,7 +194,7 @@
                   "text": ""
                 }
               },
-              "description": "If the value is invalid, this method also fires the invalid event on the element, and (if the event isn't canceled) reports the problem to the user.\r\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/reportValidity"
+              "description": "If the value is invalid, this method also fires the invalid event on the element, and (if the event isn't canceled) reports the problem to the user.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/reportValidity"
             },
             {
               "kind": "method",
@@ -213,7 +213,7 @@
                   }
                 }
               ],
-              "description": "Allows a consumer to set a custom validation message on the switch. An empty string counts as valid.\r\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setCustomValidity"
+              "description": "Allows a consumer to set a custom validation message on the switch. An empty string counts as valid.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setCustomValidity"
             },
             {
               "kind": "field",
@@ -222,7 +222,7 @@
                 "text": "ValidityState"
               },
               "privacy": "public",
-              "description": "(Read-only) returns a ValidityState with the validity states that this element is in.\r\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLObjectElement/validity",
+              "description": "(Read-only) returns a ValidityState with the validity states that this element is in.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLObjectElement/validity",
               "readonly": true
             },
             {
@@ -232,7 +232,7 @@
                 "text": "string"
               },
               "privacy": "public",
-              "description": "(Read-only) Returns a string representing a localized message that describes the validation constraints that the control does not satisfy (if any).\r\nThis string is empty if the component is valid.\r\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLObjectElement/validationMessage",
+              "description": "(Read-only) Returns a string representing a localized message that describes the validation constraints that the control does not satisfy (if any).\nThis string is empty if the component is valid.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLObjectElement/validationMessage",
               "readonly": true
             },
             {
@@ -247,7 +247,7 @@
                   }
                 }
               ],
-              "description": "If a label is provided, renders it if `labelPlacement` matches the given position.\r\nIf no label is provided, or `labelPlacement` does not match the given position, nothing is rendered."
+              "description": "If a label is provided, renders it if `labelPlacement` matches the given position.\nIf no label is provided, or `labelPlacement` does not match the given position, nothing is rendered."
             },
             {
               "kind": "method",

package/dist/index.js

@@ -1,499 +1,503 @@
-import { LitElement as Ft, nothing as L, html as N, unsafeCSS as It } from "lit";
-import { property as E, query as dt, state as St } from "lit/decorators.js";
-import { classMap as Vt } from "lit/directives/class-map.js";
-import { ifDefined as Tt } from "lit/directives/if-defined.js";
-import { FormControlMixin as Lt, DelegatesFocusMixin as Nt, wrapNativeEvent as Ot, validPropertyValues as Pt, safeCustomElement as _t } from "@justeattakeaway/pie-webc-core";
+import { LitElement as St, nothing as L, html as N, unsafeCSS as Vt } from "lit";
+import { property as E, query as ut, state as Tt } from "lit/decorators.js";
+import { classMap as Lt } from "lit/directives/class-map.js";
+import { ifDefined as Nt } from "lit/directives/if-defined.js";
+import { FormControlMixin as Ot, DelegatesFocusMixin as Pt, wrapNativeEvent as _t, validPropertyValues as Dt, safeCustomElement as Rt } from "@justeattakeaway/pie-webc-core";
 import "@justeattakeaway/pie-icons-webc/dist/IconCheck.js";
-const O = class O extends Ft {
+const O = class O extends St {
   willUpdate() {
     this.getAttribute("v") || this.setAttribute("v", O.v);
   }
 };
-O.v = "2.3.24";
+O.v = "2.3.26";
 let q = O;
-(function() {
-  (function(l) {
-    const n = /* @__PURE__ */ new WeakMap(), h = /* @__PURE__ */ new WeakMap(), m = /* @__PURE__ */ new WeakMap(), c = /* @__PURE__ */ new WeakMap(), g = /* @__PURE__ */ new WeakMap(), k = /* @__PURE__ */ new WeakMap(), P = /* @__PURE__ */ new WeakMap(), y = /* @__PURE__ */ new WeakMap(), B = /* @__PURE__ */ new WeakMap(), A = /* @__PURE__ */ new WeakMap(), U = /* @__PURE__ */ new WeakMap(), j = /* @__PURE__ */ new WeakMap(), K = /* @__PURE__ */ new WeakMap(), G = /* @__PURE__ */ new WeakMap(), C = /* @__PURE__ */ new WeakMap(), F = {
-      ariaAtomic: "aria-atomic",
-      ariaAutoComplete: "aria-autocomplete",
-      ariaBusy: "aria-busy",
-      ariaChecked: "aria-checked",
-      ariaColCount: "aria-colcount",
-      ariaColIndex: "aria-colindex",
-      ariaColIndexText: "aria-colindextext",
-      ariaColSpan: "aria-colspan",
-      ariaCurrent: "aria-current",
-      ariaDescription: "aria-description",
-      ariaDisabled: "aria-disabled",
-      ariaExpanded: "aria-expanded",
-      ariaHasPopup: "aria-haspopup",
-      ariaHidden: "aria-hidden",
-      ariaInvalid: "aria-invalid",
-      ariaKeyShortcuts: "aria-keyshortcuts",
-      ariaLabel: "aria-label",
-      ariaLevel: "aria-level",
-      ariaLive: "aria-live",
-      ariaModal: "aria-modal",
-      ariaMultiLine: "aria-multiline",
-      ariaMultiSelectable: "aria-multiselectable",
-      ariaOrientation: "aria-orientation",
-      ariaPlaceholder: "aria-placeholder",
-      ariaPosInSet: "aria-posinset",
-      ariaPressed: "aria-pressed",
-      ariaReadOnly: "aria-readonly",
-      ariaRelevant: "aria-relevant",
-      ariaRequired: "aria-required",
-      ariaRoleDescription: "aria-roledescription",
-      ariaRowCount: "aria-rowcount",
-      ariaRowIndex: "aria-rowindex",
-      ariaRowIndexText: "aria-rowindextext",
-      ariaRowSpan: "aria-rowspan",
-      ariaSelected: "aria-selected",
-      ariaSetSize: "aria-setsize",
-      ariaSort: "aria-sort",
-      ariaValueMax: "aria-valuemax",
-      ariaValueMin: "aria-valuemin",
-      ariaValueNow: "aria-valuenow",
-      ariaValueText: "aria-valuetext",
-      role: "role"
-    }, ht = (e, t) => {
-      for (let i in F) {
-        t[i] = null;
-        let a = null;
-        const r = F[i];
-        Object.defineProperty(t, i, {
-          get() {
-            return a;
-          },
-          set(o) {
-            a = o, e.isConnected ? e.setAttribute(r, o) : A.set(e, t);
+var dt = {}, ht;
+function $t() {
+  return ht || (ht = 1, function() {
+    (function(l) {
+      const n = /* @__PURE__ */ new WeakMap(), h = /* @__PURE__ */ new WeakMap(), m = /* @__PURE__ */ new WeakMap(), c = /* @__PURE__ */ new WeakMap(), g = /* @__PURE__ */ new WeakMap(), k = /* @__PURE__ */ new WeakMap(), P = /* @__PURE__ */ new WeakMap(), y = /* @__PURE__ */ new WeakMap(), B = /* @__PURE__ */ new WeakMap(), A = /* @__PURE__ */ new WeakMap(), U = /* @__PURE__ */ new WeakMap(), j = /* @__PURE__ */ new WeakMap(), K = /* @__PURE__ */ new WeakMap(), G = /* @__PURE__ */ new WeakMap(), C = /* @__PURE__ */ new WeakMap(), F = {
+        ariaAtomic: "aria-atomic",
+        ariaAutoComplete: "aria-autocomplete",
+        ariaBusy: "aria-busy",
+        ariaChecked: "aria-checked",
+        ariaColCount: "aria-colcount",
+        ariaColIndex: "aria-colindex",
+        ariaColIndexText: "aria-colindextext",
+        ariaColSpan: "aria-colspan",
+        ariaCurrent: "aria-current",
+        ariaDescription: "aria-description",
+        ariaDisabled: "aria-disabled",
+        ariaExpanded: "aria-expanded",
+        ariaHasPopup: "aria-haspopup",
+        ariaHidden: "aria-hidden",
+        ariaInvalid: "aria-invalid",
+        ariaKeyShortcuts: "aria-keyshortcuts",
+        ariaLabel: "aria-label",
+        ariaLevel: "aria-level",
+        ariaLive: "aria-live",
+        ariaModal: "aria-modal",
+        ariaMultiLine: "aria-multiline",
+        ariaMultiSelectable: "aria-multiselectable",
+        ariaOrientation: "aria-orientation",
+        ariaPlaceholder: "aria-placeholder",
+        ariaPosInSet: "aria-posinset",
+        ariaPressed: "aria-pressed",
+        ariaReadOnly: "aria-readonly",
+        ariaRelevant: "aria-relevant",
+        ariaRequired: "aria-required",
+        ariaRoleDescription: "aria-roledescription",
+        ariaRowCount: "aria-rowcount",
+        ariaRowIndex: "aria-rowindex",
+        ariaRowIndexText: "aria-rowindextext",
+        ariaRowSpan: "aria-rowspan",
+        ariaSelected: "aria-selected",
+        ariaSetSize: "aria-setsize",
+        ariaSort: "aria-sort",
+        ariaValueMax: "aria-valuemax",
+        ariaValueMin: "aria-valuemin",
+        ariaValueNow: "aria-valuenow",
+        ariaValueText: "aria-valuetext",
+        role: "role"
+      }, pt = (e, t) => {
+        for (let i in F) {
+          t[i] = null;
+          let a = null;
+          const r = F[i];
+          Object.defineProperty(t, i, {
+            get() {
+              return a;
+            },
+            set(s) {
+              a = s, e.isConnected ? e.setAttribute(r, s) : A.set(e, t);
+            }
+          });
+        }
+      };
+      function Y(e) {
+        const t = c.get(e), { form: i } = t;
+        et(e, i, t), tt(e, t.labels);
+      }
+      const J = (e, t = !1) => {
+        const i = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
+          acceptNode(s) {
+            return c.has(s) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
           }
         });
-      }
-    };
-    function Y(e) {
-      const t = c.get(e), { form: i } = t;
-      et(e, i, t), tt(e, t.labels);
-    }
-    const J = (e, t = !1) => {
-      const i = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
-        acceptNode(o) {
-          return c.has(o) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
-        }
-      });
-      let a = i.nextNode();
-      const r = !t || e.disabled;
-      for (; a; )
-        a.formDisabledCallback && r && D(a, e.disabled), a = i.nextNode();
-    }, Q = { attributes: !0, attributeFilter: ["disabled", "name"] }, I = T() ? new MutationObserver((e) => {
-      for (const t of e) {
-        const i = t.target;
-        if (t.attributeName === "disabled" && (i.constructor.formAssociated ? D(i, i.hasAttribute("disabled")) : i.localName === "fieldset" && J(i)), t.attributeName === "name" && i.constructor.formAssociated) {
-          const a = c.get(i), r = B.get(i);
-          a.setFormValue(r);
+        let a = i.nextNode();
+        const r = !t || e.disabled;
+        for (; a; )
+          a.formDisabledCallback && r && R(a, e.disabled), a = i.nextNode();
+      }, Q = { attributes: !0, attributeFilter: ["disabled", "name"] }, I = T() ? new MutationObserver((e) => {
+        for (const t of e) {
+          const i = t.target;
+          if (t.attributeName === "disabled" && (i.constructor.formAssociated ? R(i, i.hasAttribute("disabled")) : i.localName === "fieldset" && J(i)), t.attributeName === "name" && i.constructor.formAssociated) {
+            const a = c.get(i), r = B.get(i);
+            a.setFormValue(r);
+          }
         }
+      }) : {};
+      function _(e) {
+        e.forEach((t) => {
+          const { addedNodes: i, removedNodes: a } = t, r = Array.from(i), s = Array.from(a);
+          r.forEach((o) => {
+            var u;
+            if (c.has(o) && o.constructor.formAssociated && Y(o), A.has(o)) {
+              const d = A.get(o);
+              Object.keys(F).filter((b) => d[b] !== null).forEach((b) => {
+                o.setAttribute(F[b], d[b]);
+              }), A.delete(o);
+            }
+            if (C.has(o)) {
+              const d = C.get(o);
+              o.setAttribute("internals-valid", d.validity.valid.toString()), o.setAttribute("internals-invalid", (!d.validity.valid).toString()), o.setAttribute("aria-invalid", (!d.validity.valid).toString()), C.delete(o);
+            }
+            if (o.localName === "form") {
+              const d = y.get(o), w = document.createTreeWalker(o, NodeFilter.SHOW_ELEMENT, {
+                acceptNode(z) {
+                  return c.has(z) && z.constructor.formAssociated && !(d && d.has(z)) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+                }
+              });
+              let b = w.nextNode();
+              for (; b; )
+                Y(b), b = w.nextNode();
+            }
+            o.localName === "fieldset" && ((u = I.observe) === null || u === void 0 || u.call(I, o, Q), J(o, !0));
+          }), s.forEach((o) => {
+            const u = c.get(o);
+            u && m.get(u) && X(u), P.has(o) && P.get(o).disconnect();
+          });
+        });
       }
-    }) : {};
-    function _(e) {
-      e.forEach((t) => {
-        const { addedNodes: i, removedNodes: a } = t, r = Array.from(i), o = Array.from(a);
-        r.forEach((s) => {
-          var u;
-          if (c.has(s) && s.constructor.formAssociated && Y(s), A.has(s)) {
-            const d = A.get(s);
-            Object.keys(F).filter((b) => d[b] !== null).forEach((b) => {
-              s.setAttribute(F[b], d[b]);
-            }), A.delete(s);
-          }
-          if (C.has(s)) {
-            const d = C.get(s);
-            s.setAttribute("internals-valid", d.validity.valid.toString()), s.setAttribute("internals-invalid", (!d.validity.valid).toString()), s.setAttribute("aria-invalid", (!d.validity.valid).toString()), C.delete(s);
-          }
-          if (s.localName === "form") {
-            const d = y.get(s), w = document.createTreeWalker(s, NodeFilter.SHOW_ELEMENT, {
-              acceptNode(z) {
-                return c.has(z) && z.constructor.formAssociated && !(d && d.has(z)) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
-              }
-            });
-            let b = w.nextNode();
-            for (; b; )
-              Y(b), b = w.nextNode();
+      function mt(e) {
+        e.forEach((t) => {
+          const { removedNodes: i } = t;
+          i.forEach((a) => {
+            const r = K.get(t.target);
+            c.has(a) && at(a), r.disconnect();
+          });
+        });
+      }
+      const ft = (e) => {
+        var t, i;
+        const a = new MutationObserver(mt);
+        !((t = window == null ? void 0 : window.ShadyDOM) === null || t === void 0) && t.inUse && e.mode && e.host && (e = e.host), (i = a.observe) === null || i === void 0 || i.call(a, e, { childList: !0 }), K.set(e, a);
+      };
+      T() && new MutationObserver(_);
+      const D = {
+        childList: !0,
+        subtree: !0
+      }, R = (e, t) => {
+        e.toggleAttribute("internals-disabled", t), t ? e.setAttribute("aria-disabled", "true") : e.removeAttribute("aria-disabled"), e.formDisabledCallback && e.formDisabledCallback.apply(e, [t]);
+      }, X = (e) => {
+        m.get(e).forEach((i) => {
+          i.remove();
+        }), m.set(e, []);
+      }, Z = (e, t) => {
+        const i = document.createElement("input");
+        return i.type = "hidden", i.name = e.getAttribute("name"), e.after(i), m.get(t).push(i), i;
+      }, bt = (e, t) => {
+        var i;
+        m.set(t, []), (i = I.observe) === null || i === void 0 || i.call(I, e, Q);
+      }, tt = (e, t) => {
+        if (t.length) {
+          Array.from(t).forEach((a) => a.addEventListener("click", e.click.bind(e)));
+          let i = t[0].id;
+          t[0].id || (i = `${t[0].htmlFor}_Label`, t[0].id = i), e.setAttribute("aria-labelledby", i);
+        }
+      }, S = (e) => {
+        const t = Array.from(e.elements).filter((s) => !s.tagName.includes("-") && s.validity).map((s) => s.validity.valid), i = y.get(e) || [], a = Array.from(i).filter((s) => s.isConnected).map((s) => c.get(s).validity.valid), r = [...t, ...a].includes(!1);
+        e.toggleAttribute("internals-invalid", r), e.toggleAttribute("internals-valid", !r);
+      }, vt = (e) => {
+        S(V(e.target));
+      }, wt = (e) => {
+        S(V(e.target));
+      }, gt = (e) => {
+        const t = ["button[type=submit]", "input[type=submit]", "button:not([type])"].map((i) => `${i}:not([disabled])`).map((i) => `${i}:not([form])${e.id ? `,${i}[form='${e.id}']` : ""}`).join(",");
+        e.addEventListener("click", (i) => {
+          if (i.target.closest(t)) {
+            const r = y.get(e);
+            if (e.noValidate)
+              return;
+            r.size && Array.from(r).reverse().map((u) => c.get(u).reportValidity()).includes(!1) && i.preventDefault();
           }
-          s.localName === "fieldset" && ((u = I.observe) === null || u === void 0 || u.call(I, s, Q), J(s, !0));
-        }), o.forEach((s) => {
-          const u = c.get(s);
-          u && m.get(u) && X(u), P.has(s) && P.get(s).disconnect();
         });
-      });
-    }
-    function ut(e) {
-      e.forEach((t) => {
-        const { removedNodes: i } = t;
-        i.forEach((a) => {
-          const r = K.get(t.target);
-          c.has(a) && at(a), r.disconnect();
+      }, yt = (e) => {
+        const t = y.get(e.target);
+        t && t.size && t.forEach((i) => {
+          i.constructor.formAssociated && i.formResetCallback && i.formResetCallback.apply(i);
         });
-      });
-    }
-    const pt = (e) => {
-      var t, i;
-      const a = new MutationObserver(ut);
-      !((t = window == null ? void 0 : window.ShadyDOM) === null || t === void 0) && t.inUse && e.mode && e.host && (e = e.host), (i = a.observe) === null || i === void 0 || i.call(a, e, { childList: !0 }), K.set(e, a);
-    };
-    T() && new MutationObserver(_);
-    const $ = {
-      childList: !0,
-      subtree: !0
-    }, D = (e, t) => {
-      e.toggleAttribute("internals-disabled", t), t ? e.setAttribute("aria-disabled", "true") : e.removeAttribute("aria-disabled"), e.formDisabledCallback && e.formDisabledCallback.apply(e, [t]);
-    }, X = (e) => {
-      m.get(e).forEach((i) => {
-        i.remove();
-      }), m.set(e, []);
-    }, Z = (e, t) => {
-      const i = document.createElement("input");
-      return i.type = "hidden", i.name = e.getAttribute("name"), e.after(i), m.get(t).push(i), i;
-    }, mt = (e, t) => {
-      var i;
-      m.set(t, []), (i = I.observe) === null || i === void 0 || i.call(I, e, Q);
-    }, tt = (e, t) => {
-      if (t.length) {
-        Array.from(t).forEach((a) => a.addEventListener("click", e.click.bind(e)));
-        let i = t[0].id;
-        t[0].id || (i = `${t[0].htmlFor}_Label`, t[0].id = i), e.setAttribute("aria-labelledby", i);
-      }
-    }, S = (e) => {
-      const t = Array.from(e.elements).filter((o) => !o.tagName.includes("-") && o.validity).map((o) => o.validity.valid), i = y.get(e) || [], a = Array.from(i).filter((o) => o.isConnected).map((o) => c.get(o).validity.valid), r = [...t, ...a].includes(!1);
-      e.toggleAttribute("internals-invalid", r), e.toggleAttribute("internals-valid", !r);
-    }, ft = (e) => {
-      S(V(e.target));
-    }, bt = (e) => {
-      S(V(e.target));
-    }, vt = (e) => {
-      const t = ["button[type=submit]", "input[type=submit]", "button:not([type])"].map((i) => `${i}:not([disabled])`).map((i) => `${i}:not([form])${e.id ? `,${i}[form='${e.id}']` : ""}`).join(",");
-      e.addEventListener("click", (i) => {
-        if (i.target.closest(t)) {
-          const r = y.get(e);
-          if (e.noValidate)
-            return;
-          r.size && Array.from(r).reverse().map((u) => c.get(u).reportValidity()).includes(!1) && i.preventDefault();
-        }
-      });
-    }, wt = (e) => {
-      const t = y.get(e.target);
-      t && t.size && t.forEach((i) => {
-        i.constructor.formAssociated && i.formResetCallback && i.formResetCallback.apply(i);
-      });
-    }, et = (e, t, i) => {
-      if (t) {
-        const a = y.get(t);
-        if (a)
-          a.add(e);
-        else {
-          const r = /* @__PURE__ */ new Set();
-          r.add(e), y.set(t, r), vt(t), t.addEventListener("reset", wt), t.addEventListener("input", ft), t.addEventListener("change", bt);
-        }
-        k.set(t, { ref: e, internals: i }), e.constructor.formAssociated && e.formAssociatedCallback && setTimeout(() => {
-          e.formAssociatedCallback.apply(e, [t]);
-        }, 0), S(t);
-      }
-    }, V = (e) => {
-      let t = e.parentNode;
-      return t && t.tagName !== "FORM" && (t = V(t)), t;
-    }, v = (e, t, i = DOMException) => {
-      if (!e.constructor.formAssociated)
-        throw new i(t);
-    }, it = (e, t, i) => {
-      const a = y.get(e);
-      return a && a.size && a.forEach((r) => {
-        c.get(r)[i]() || (t = !1);
-      }), t;
-    }, at = (e) => {
-      if (e.constructor.formAssociated) {
-        const t = c.get(e), { labels: i, form: a } = t;
-        tt(e, i), et(e, a, t);
-      }
-    };
-    function T() {
-      return typeof MutationObserver < "u";
-    }
-    class gt {
-      constructor() {
-        this.badInput = !1, this.customError = !1, this.patternMismatch = !1, this.rangeOverflow = !1, this.rangeUnderflow = !1, this.stepMismatch = !1, this.tooLong = !1, this.tooShort = !1, this.typeMismatch = !1, this.valid = !0, this.valueMissing = !1, Object.seal(this);
-      }
-    }
-    const yt = (e) => (e.badInput = !1, e.customError = !1, e.patternMismatch = !1, e.rangeOverflow = !1, e.rangeUnderflow = !1, e.stepMismatch = !1, e.tooLong = !1, e.tooShort = !1, e.typeMismatch = !1, e.valid = !0, e.valueMissing = !1, e), Et = (e, t, i) => (e.valid = kt(t), Object.keys(t).forEach((a) => e[a] = t[a]), i && S(i), e), kt = (e) => {
-      let t = !0;
-      for (let i in e)
-        i !== "valid" && e[i] !== !1 && (t = !1);
-      return t;
-    }, R = /* @__PURE__ */ new WeakMap();
-    function rt(e, t) {
-      e.toggleAttribute(t, !0), e.part && e.part.add(t);
-    }
-    class H extends Set {
-      static get isPolyfilled() {
-        return !0;
-      }
-      constructor(t) {
-        if (super(), !t || !t.tagName || t.tagName.indexOf("-") === -1)
-          throw new TypeError("Illegal constructor");
-        R.set(this, t);
-      }
-      add(t) {
-        if (!/^--/.test(t) || typeof t != "string")
-          throw new DOMException(`Failed to execute 'add' on 'CustomStateSet': The specified value ${t} must start with '--'.`);
-        const i = super.add(t), a = R.get(this), r = `state${t}`;
-        return a.isConnected ? rt(a, r) : setTimeout(() => {
-          rt(a, r);
-        }), i;
-      }
-      clear() {
-        for (let [t] of this.entries())
-          this.delete(t);
-        super.clear();
-      }
-      delete(t) {
-        const i = super.delete(t), a = R.get(this);
-        return a.isConnected ? (a.toggleAttribute(`state${t}`, !1), a.part && a.part.remove(`state${t}`)) : setTimeout(() => {
-          a.toggleAttribute(`state${t}`, !1), a.part && a.part.remove(`state${t}`);
-        }), i;
-      }
-    }
-    function ot(e, t, i, a) {
-      if (typeof t == "function" ? e !== t || !a : !t.has(e)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-      return i === "m" ? a : i === "a" ? a.call(e) : a ? a.value : t.get(e);
-    }
-    function Mt(e, t, i, a, r) {
-      if (typeof t == "function" ? e !== t || !0 : !t.has(e)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-      return t.set(e, i), i;
-    }
-    var x;
-    class xt {
-      constructor(t) {
-        x.set(this, void 0), Mt(this, x, t);
-        for (let i = 0; i < t.length; i++) {
-          let a = t[i];
-          this[i] = a, a.hasAttribute("name") && (this[a.getAttribute("name")] = a);
-        }
-        Object.freeze(this);
-      }
-      get length() {
-        return ot(this, x, "f").length;
-      }
-      [(x = /* @__PURE__ */ new WeakMap(), Symbol.iterator)]() {
-        return ot(this, x, "f")[Symbol.iterator]();
-      }
-      item(t) {
-        return this[t] == null ? null : this[t];
-      }
-      namedItem(t) {
-        return this[t] == null ? null : this[t];
-      }
-    }
-    function At() {
-      const e = HTMLFormElement.prototype.checkValidity;
-      HTMLFormElement.prototype.checkValidity = i;
-      const t = HTMLFormElement.prototype.reportValidity;
-      HTMLFormElement.prototype.reportValidity = a;
-      function i(...o) {
-        let s = e.apply(this, o);
-        return it(this, s, "checkValidity");
-      }
-      function a(...o) {
-        let s = t.apply(this, o);
-        return it(this, s, "reportValidity");
-      }
-      const { get: r } = Object.getOwnPropertyDescriptor(HTMLFormElement.prototype, "elements");
-      Object.defineProperty(HTMLFormElement.prototype, "elements", {
-        get(...o) {
-          const s = r.call(this, ...o), u = Array.from(y.get(this) || []);
-          if (u.length === 0)
-            return s;
-          const d = Array.from(s).concat(u).sort((w, b) => w.compareDocumentPosition ? w.compareDocumentPosition(b) & 2 ? 1 : -1 : 0);
-          return new xt(d);
-        }
-      });
-    }
-    class st {
-      static get isPolyfilled() {
-        return !0;
-      }
-      constructor(t) {
-        if (!t || !t.tagName || t.tagName.indexOf("-") === -1)
-          throw new TypeError("Illegal constructor");
-        const i = t.getRootNode(), a = new gt();
-        this.states = new H(t), n.set(this, t), h.set(this, a), c.set(t, this), ht(t, this), mt(t, this), Object.seal(this), i instanceof DocumentFragment && pt(i);
-      }
-      checkValidity() {
-        const t = n.get(this);
-        if (v(t, "Failed to execute 'checkValidity' on 'ElementInternals': The target element is not a form-associated custom element."), !this.willValidate)
-          return !0;
-        const i = h.get(this);
-        if (!i.valid) {
-          const a = new Event("invalid", {
-            bubbles: !1,
-            cancelable: !0,
-            composed: !1
-          });
-          t.dispatchEvent(a);
+      }, et = (e, t, i) => {
+        if (t) {
+          const a = y.get(t);
+          if (a)
+            a.add(e);
+          else {
+            const r = /* @__PURE__ */ new Set();
+            r.add(e), y.set(t, r), gt(t), t.addEventListener("reset", yt), t.addEventListener("input", vt), t.addEventListener("change", wt);
+          }
+          k.set(t, { ref: e, internals: i }), e.constructor.formAssociated && e.formAssociatedCallback && setTimeout(() => {
+            e.formAssociatedCallback.apply(e, [t]);
+          }, 0), S(t);
         }
-        return i.valid;
-      }
-      get form() {
-        const t = n.get(this);
-        v(t, "Failed to read the 'form' property from 'ElementInternals': The target element is not a form-associated custom element.");
-        let i;
-        return t.constructor.formAssociated === !0 && (i = V(t)), i;
+      }, V = (e) => {
+        let t = e.parentNode;
+        return t && t.tagName !== "FORM" && (t = V(t)), t;
+      }, v = (e, t, i = DOMException) => {
+        if (!e.constructor.formAssociated)
+          throw new i(t);
+      }, it = (e, t, i) => {
+        const a = y.get(e);
+        return a && a.size && a.forEach((r) => {
+          c.get(r)[i]() || (t = !1);
+        }), t;
+      }, at = (e) => {
+        if (e.constructor.formAssociated) {
+          const t = c.get(e), { labels: i, form: a } = t;
+          tt(e, i), et(e, a, t);
+        }
+      };
+      function T() {
+        return typeof MutationObserver < "u";
       }
-      get labels() {
-        const t = n.get(this);
-        v(t, "Failed to read the 'labels' property from 'ElementInternals': The target element is not a form-associated custom element.");
-        const i = t.getAttribute("id"), a = t.getRootNode();
-        return a && i ? a.querySelectorAll(`[for="${i}"]`) : [];
+      class Et {
+        constructor() {
+          this.badInput = !1, this.customError = !1, this.patternMismatch = !1, this.rangeOverflow = !1, this.rangeUnderflow = !1, this.stepMismatch = !1, this.tooLong = !1, this.tooShort = !1, this.typeMismatch = !1, this.valid = !0, this.valueMissing = !1, Object.seal(this);
+        }
       }
-      reportValidity() {
-        const t = n.get(this);
-        if (v(t, "Failed to execute 'reportValidity' on 'ElementInternals': The target element is not a form-associated custom element."), !this.willValidate)
+      const kt = (e) => (e.badInput = !1, e.customError = !1, e.patternMismatch = !1, e.rangeOverflow = !1, e.rangeUnderflow = !1, e.stepMismatch = !1, e.tooLong = !1, e.tooShort = !1, e.typeMismatch = !1, e.valid = !0, e.valueMissing = !1, e), Mt = (e, t, i) => (e.valid = xt(t), Object.keys(t).forEach((a) => e[a] = t[a]), i && S(i), e), xt = (e) => {
+        let t = !0;
+        for (let i in e)
+          i !== "valid" && e[i] !== !1 && (t = !1);
+        return t;
+      }, $ = /* @__PURE__ */ new WeakMap();
+      function rt(e, t) {
+        e.toggleAttribute(t, !0), e.part && e.part.add(t);
+      }
+      class H extends Set {
+        static get isPolyfilled() {
           return !0;
-        const i = this.checkValidity(), a = j.get(this);
-        if (a && !t.constructor.formAssociated)
-          throw new DOMException("Failed to execute 'reportValidity' on 'ElementInternals': The target element is not a form-associated custom element.");
-        return !i && a && (t.focus(), a.focus()), i;
+        }
+        constructor(t) {
+          if (super(), !t || !t.tagName || t.tagName.indexOf("-") === -1)
+            throw new TypeError("Illegal constructor");
+          $.set(this, t);
+        }
+        add(t) {
+          if (!/^--/.test(t) || typeof t != "string")
+            throw new DOMException(`Failed to execute 'add' on 'CustomStateSet': The specified value ${t} must start with '--'.`);
+          const i = super.add(t), a = $.get(this), r = `state${t}`;
+          return a.isConnected ? rt(a, r) : setTimeout(() => {
+            rt(a, r);
+          }), i;
+        }
+        clear() {
+          for (let [t] of this.entries())
+            this.delete(t);
+          super.clear();
+        }
+        delete(t) {
+          const i = super.delete(t), a = $.get(this);
+          return a.isConnected ? (a.toggleAttribute(`state${t}`, !1), a.part && a.part.remove(`state${t}`)) : setTimeout(() => {
+            a.toggleAttribute(`state${t}`, !1), a.part && a.part.remove(`state${t}`);
+          }), i;
+        }
       }
-      setFormValue(t) {
-        const i = n.get(this);
-        if (v(i, "Failed to execute 'setFormValue' on 'ElementInternals': The target element is not a form-associated custom element."), X(this), t != null && !(t instanceof FormData)) {
-          if (i.getAttribute("name")) {
-            const a = Z(i, this);
-            a.value = t;
+      function st(e, t, i, a) {
+        if (typeof t == "function" ? e !== t || !a : !t.has(e)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+        return i === "m" ? a : i === "a" ? a.call(e) : a ? a.value : t.get(e);
+      }
+      function At(e, t, i, a, r) {
+        if (typeof t == "function" ? e !== t || !0 : !t.has(e)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+        return t.set(e, i), i;
+      }
+      var x;
+      class Ct {
+        constructor(t) {
+          x.set(this, void 0), At(this, x, t);
+          for (let i = 0; i < t.length; i++) {
+            let a = t[i];
+            this[i] = a, a.hasAttribute("name") && (this[a.getAttribute("name")] = a);
           }
-        } else t != null && t instanceof FormData && Array.from(t).reverse().forEach(([a, r]) => {
-          if (typeof r == "string") {
-            const o = Z(i, this);
-            o.name = a, o.value = r;
+          Object.freeze(this);
+        }
+        get length() {
+          return st(this, x, "f").length;
+        }
+        [(x = /* @__PURE__ */ new WeakMap(), Symbol.iterator)]() {
+          return st(this, x, "f")[Symbol.iterator]();
+        }
+        item(t) {
+          return this[t] == null ? null : this[t];
+        }
+        namedItem(t) {
+          return this[t] == null ? null : this[t];
+        }
+      }
+      function Ft() {
+        const e = HTMLFormElement.prototype.checkValidity;
+        HTMLFormElement.prototype.checkValidity = i;
+        const t = HTMLFormElement.prototype.reportValidity;
+        HTMLFormElement.prototype.reportValidity = a;
+        function i(...s) {
+          let o = e.apply(this, s);
+          return it(this, o, "checkValidity");
+        }
+        function a(...s) {
+          let o = t.apply(this, s);
+          return it(this, o, "reportValidity");
+        }
+        const { get: r } = Object.getOwnPropertyDescriptor(HTMLFormElement.prototype, "elements");
+        Object.defineProperty(HTMLFormElement.prototype, "elements", {
+          get(...s) {
+            const o = r.call(this, ...s), u = Array.from(y.get(this) || []);
+            if (u.length === 0)
+              return o;
+            const d = Array.from(o).concat(u).sort((w, b) => w.compareDocumentPosition ? w.compareDocumentPosition(b) & 2 ? 1 : -1 : 0);
+            return new Ct(d);
           }
         });
-        B.set(i, t);
-      }
-      setValidity(t, i, a) {
-        const r = n.get(this);
-        if (v(r, "Failed to execute 'setValidity' on 'ElementInternals': The target element is not a form-associated custom element."), !t)
-          throw new TypeError("Failed to execute 'setValidity' on 'ElementInternals': 1 argument required, but only 0 present.");
-        j.set(this, a);
-        const o = h.get(this), s = {};
-        for (const w in t)
-          s[w] = t[w];
-        Object.keys(s).length === 0 && yt(o);
-        const u = Object.assign(Object.assign({}, o), s);
-        delete u.valid;
-        const { valid: d } = Et(o, u, this.form);
-        if (!d && !i)
-          throw new DOMException("Failed to execute 'setValidity' on 'ElementInternals': The second argument should not be empty if one or more flags in the first argument are true.");
-        g.set(this, d ? "" : i), r.isConnected ? (r.toggleAttribute("internals-invalid", !d), r.toggleAttribute("internals-valid", d), r.setAttribute("aria-invalid", `${!d}`)) : C.set(r, this);
-      }
-      get shadowRoot() {
-        const t = n.get(this), i = U.get(t);
-        return i || null;
-      }
-      get validationMessage() {
-        const t = n.get(this);
-        return v(t, "Failed to read the 'validationMessage' property from 'ElementInternals': The target element is not a form-associated custom element."), g.get(this);
       }
-      get validity() {
-        const t = n.get(this);
-        return v(t, "Failed to read the 'validity' property from 'ElementInternals': The target element is not a form-associated custom element."), h.get(this);
-      }
-      get willValidate() {
-        const t = n.get(this);
-        return v(t, "Failed to read the 'willValidate' property from 'ElementInternals': The target element is not a form-associated custom element."), !(t.disabled || t.hasAttribute("disabled") || t.hasAttribute("readonly"));
-      }
-    }
-    function Ct() {
-      if (typeof window > "u" || !window.ElementInternals || !HTMLElement.prototype.attachInternals)
-        return !1;
-      class e extends HTMLElement {
-        constructor() {
-          super(), this.internals = this.attachInternals();
+      class ot {
+        static get isPolyfilled() {
+          return !0;
         }
-      }
-      const t = `element-internals-feature-detection-${Math.random().toString(36).replace(/[^a-z]+/g, "")}`;
-      customElements.define(t, e);
-      const i = new e();
-      return [
-        "shadowRoot",
-        "form",
-        "willValidate",
-        "validity",
-        "validationMessage",
-        "labels",
-        "setFormValue",
-        "setValidity",
-        "checkValidity",
-        "reportValidity"
-      ].every((a) => a in i.internals);
-    }
-    let nt = !1, lt = !1;
-    function W(e) {
-      lt || (lt = !0, window.CustomStateSet = H, e && (HTMLElement.prototype.attachInternals = function(...t) {
-        const i = e.call(this, t);
-        return i.states = new H(this), i;
-      }));
-    }
-    function ct(e = !0) {
-      if (!nt) {
-        if (nt = !0, typeof window < "u" && (window.ElementInternals = st), typeof CustomElementRegistry < "u") {
-          const t = CustomElementRegistry.prototype.define;
-          CustomElementRegistry.prototype.define = function(i, a, r) {
-            if (a.formAssociated) {
-              const o = a.prototype.connectedCallback;
-              a.prototype.connectedCallback = function() {
-                G.has(this) || (G.set(this, !0), this.hasAttribute("disabled") && D(this, !0)), o != null && o.apply(this), at(this);
-              };
+        constructor(t) {
+          if (!t || !t.tagName || t.tagName.indexOf("-") === -1)
+            throw new TypeError("Illegal constructor");
+          const i = t.getRootNode(), a = new Et();
+          this.states = new H(t), n.set(this, t), h.set(this, a), c.set(t, this), pt(t, this), bt(t, this), Object.seal(this), i instanceof DocumentFragment && ft(i);
+        }
+        checkValidity() {
+          const t = n.get(this);
+          if (v(t, "Failed to execute 'checkValidity' on 'ElementInternals': The target element is not a form-associated custom element."), !this.willValidate)
+            return !0;
+          const i = h.get(this);
+          if (!i.valid) {
+            const a = new Event("invalid", {
+              bubbles: !1,
+              cancelable: !0,
+              composed: !1
+            });
+            t.dispatchEvent(a);
+          }
+          return i.valid;
+        }
+        get form() {
+          const t = n.get(this);
+          v(t, "Failed to read the 'form' property from 'ElementInternals': The target element is not a form-associated custom element.");
+          let i;
+          return t.constructor.formAssociated === !0 && (i = V(t)), i;
+        }
+        get labels() {
+          const t = n.get(this);
+          v(t, "Failed to read the 'labels' property from 'ElementInternals': The target element is not a form-associated custom element.");
+          const i = t.getAttribute("id"), a = t.getRootNode();
+          return a && i ? a.querySelectorAll(`[for="${i}"]`) : [];
+        }
+        reportValidity() {
+          const t = n.get(this);
+          if (v(t, "Failed to execute 'reportValidity' on 'ElementInternals': The target element is not a form-associated custom element."), !this.willValidate)
+            return !0;
+          const i = this.checkValidity(), a = j.get(this);
+          if (a && !t.constructor.formAssociated)
+            throw new DOMException("Failed to execute 'reportValidity' on 'ElementInternals': The target element is not a form-associated custom element.");
+          return !i && a && (t.focus(), a.focus()), i;
+        }
+        setFormValue(t) {
+          const i = n.get(this);
+          if (v(i, "Failed to execute 'setFormValue' on 'ElementInternals': The target element is not a form-associated custom element."), X(this), t != null && !(t instanceof FormData)) {
+            if (i.getAttribute("name")) {
+              const a = Z(i, this);
+              a.value = t;
             }
-            t.call(this, i, a, r);
-          };
-        }
-        if (typeof HTMLElement < "u" && (HTMLElement.prototype.attachInternals = function() {
-          if (this.tagName) {
-            if (this.tagName.indexOf("-") === -1)
-              throw new Error("Failed to execute 'attachInternals' on 'HTMLElement': Unable to attach ElementInternals to non-custom elements.");
-          } else return {};
-          if (c.has(this))
-            throw new DOMException("DOMException: Failed to execute 'attachInternals' on 'HTMLElement': ElementInternals for the specified element was already attached.");
-          return new st(this);
-        }), typeof Element < "u") {
-          let t = function(...a) {
-            const r = i.apply(this, a);
-            if (U.set(this, r), T()) {
-              const o = new MutationObserver(_);
-              window.ShadyDOM ? o.observe(this, $) : o.observe(r, $), P.set(this, o);
+          } else t != null && t instanceof FormData && Array.from(t).reverse().forEach(([a, r]) => {
+            if (typeof r == "string") {
+              const s = Z(i, this);
+              s.name = a, s.value = r;
             }
-            return r;
-          };
-          const i = Element.prototype.attachShadow;
-          Element.prototype.attachShadow = t;
+          });
+          B.set(i, t);
+        }
+        setValidity(t, i, a) {
+          const r = n.get(this);
+          if (v(r, "Failed to execute 'setValidity' on 'ElementInternals': The target element is not a form-associated custom element."), !t)
+            throw new TypeError("Failed to execute 'setValidity' on 'ElementInternals': 1 argument required, but only 0 present.");
+          j.set(this, a);
+          const s = h.get(this), o = {};
+          for (const w in t)
+            o[w] = t[w];
+          Object.keys(o).length === 0 && kt(s);
+          const u = Object.assign(Object.assign({}, s), o);
+          delete u.valid;
+          const { valid: d } = Mt(s, u, this.form);
+          if (!d && !i)
+            throw new DOMException("Failed to execute 'setValidity' on 'ElementInternals': The second argument should not be empty if one or more flags in the first argument are true.");
+          g.set(this, d ? "" : i), r.isConnected ? (r.toggleAttribute("internals-invalid", !d), r.toggleAttribute("internals-valid", d), r.setAttribute("aria-invalid", `${!d}`)) : C.set(r, this);
+        }
+        get shadowRoot() {
+          const t = n.get(this), i = U.get(t);
+          return i || null;
+        }
+        get validationMessage() {
+          const t = n.get(this);
+          return v(t, "Failed to read the 'validationMessage' property from 'ElementInternals': The target element is not a form-associated custom element."), g.get(this);
+        }
+        get validity() {
+          const t = n.get(this);
+          return v(t, "Failed to read the 'validity' property from 'ElementInternals': The target element is not a form-associated custom element."), h.get(this);
+        }
+        get willValidate() {
+          const t = n.get(this);
+          return v(t, "Failed to read the 'willValidate' property from 'ElementInternals': The target element is not a form-associated custom element."), !(t.disabled || t.hasAttribute("disabled") || t.hasAttribute("readonly"));
+        }
+      }
+      function It() {
+        if (typeof window > "u" || !window.ElementInternals || !HTMLElement.prototype.attachInternals)
+          return !1;
+        class e extends HTMLElement {
+          constructor() {
+            super(), this.internals = this.attachInternals();
+          }
+        }
+        const t = `element-internals-feature-detection-${Math.random().toString(36).replace(/[^a-z]+/g, "")}`;
+        customElements.define(t, e);
+        const i = new e();
+        return [
+          "shadowRoot",
+          "form",
+          "willValidate",
+          "validity",
+          "validationMessage",
+          "labels",
+          "setFormValue",
+          "setValidity",
+          "checkValidity",
+          "reportValidity"
+        ].every((a) => a in i.internals);
+      }
+      let nt = !1, lt = !1;
+      function W(e) {
+        lt || (lt = !0, window.CustomStateSet = H, e && (HTMLElement.prototype.attachInternals = function(...t) {
+          const i = e.call(this, t);
+          return i.states = new H(this), i;
+        }));
+      }
+      function ct(e = !0) {
+        if (!nt) {
+          if (nt = !0, typeof window < "u" && (window.ElementInternals = ot), typeof CustomElementRegistry < "u") {
+            const t = CustomElementRegistry.prototype.define;
+            CustomElementRegistry.prototype.define = function(i, a, r) {
+              if (a.formAssociated) {
+                const s = a.prototype.connectedCallback;
+                a.prototype.connectedCallback = function() {
+                  G.has(this) || (G.set(this, !0), this.hasAttribute("disabled") && R(this, !0)), s != null && s.apply(this), at(this);
+                };
+              }
+              t.call(this, i, a, r);
+            };
+          }
+          if (typeof HTMLElement < "u" && (HTMLElement.prototype.attachInternals = function() {
+            if (this.tagName) {
+              if (this.tagName.indexOf("-") === -1)
+                throw new Error("Failed to execute 'attachInternals' on 'HTMLElement': Unable to attach ElementInternals to non-custom elements.");
+            } else return {};
+            if (c.has(this))
+              throw new DOMException("DOMException: Failed to execute 'attachInternals' on 'HTMLElement': ElementInternals for the specified element was already attached.");
+            return new ot(this);
+          }), typeof Element < "u") {
+            let t = function(...a) {
+              const r = i.apply(this, a);
+              if (U.set(this, r), T()) {
+                const s = new MutationObserver(_);
+                window.ShadyDOM ? s.observe(this, D) : s.observe(r, D), P.set(this, s);
+              }
+              return r;
+            };
+            const i = Element.prototype.attachShadow;
+            Element.prototype.attachShadow = t;
+          }
+          T() && typeof document < "u" && new MutationObserver(_).observe(document.documentElement, D), typeof HTMLFormElement < "u" && Ft(), (e || typeof window < "u" && !window.CustomStateSet) && W();
         }
-        T() && typeof document < "u" && new MutationObserver(_).observe(document.documentElement, $), typeof HTMLFormElement < "u" && At(), (e || typeof window < "u" && !window.CustomStateSet) && W();
       }
-    }
-    return !!customElements.polyfillWrapFlushCallback || (Ct() ? typeof window < "u" && !window.CustomStateSet && W(HTMLElement.prototype.attachInternals) : ct(!1)), l.forceCustomStateSetPolyfill = W, l.forceElementInternalsPolyfill = ct, Object.defineProperty(l, "__esModule", { value: !0 }), l;
-  })({});
-})();
-const $t = "*,*:after,*:before{box-sizing:inherit}:host{display:block}*,*:before,*:after{cursor:inherit}.c-switch-wrapper{display:inline-flex;align-items:center;gap:var(--dt-spacing-b);vertical-align:top;font-family:var(--dt-font-body-l-family);cursor:pointer}.c-switch-wrapper[disabled]{cursor:not-allowed}.c-switch{--int-states-mixin-bg-color: var(--dt-color-interactive-form);--switch-bg-color--checked: var(--dt-color-interactive-brand);--switch-bg-color--disabled: var(--dt-color-disabled-01);--switch-width: 48px;--switch-height: 24px;--switch-control-size: 20px;--switch-padding: 2px;--switch-radius: var(--dt-radius-rounded-e);--switch-translation: calc(var(--switch-width) - var(--switch-control-size) - 2 * var(--switch-padding));position:relative;display:flex;width:var(--switch-width);height:var(--switch-height);flex-shrink:0;padding:var(--switch-padding);border-radius:var(--switch-radius);background-color:var(--int-states-mixin-bg-color)}.c-switch:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-form-h), var(--dt-color-interactive-form-s), calc(var(--dt-color-interactive-form-l) + var(--hover-modifier)))}.c-switch:active:not(:disabled,.is-disabled,.is-dismissible),.c-switch.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-form-h), var(--dt-color-interactive-form-s), calc(var(--dt-color-interactive-form-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.c-switch:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-interactive-form))}.c-switch:active:not(:disabled,.is-disabled,.is-dismissible),.c-switch.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-interactive-form))}}.c-switch[checked]{--int-states-mixin-bg-color: var(--dt-color-interactive-brand)}.c-switch[checked]:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-brand-h), var(--dt-color-interactive-brand-s), calc(var(--dt-color-interactive-brand-l) + var(--hover-modifier)))}.c-switch[checked]:active:not(:disabled,.is-disabled,.is-dismissible),.c-switch[checked].is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-brand-h), var(--dt-color-interactive-brand-s), calc(var(--dt-color-interactive-brand-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.c-switch[checked]:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-interactive-brand))}.c-switch[checked]:active:not(:disabled,.is-disabled,.is-dismissible),.c-switch[checked].is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-interactive-brand))}}[disabled] .c-switch{--int-states-mixin-bg-color: var(--switch-bg-color--disabled);pointer-events:none}.c-switch:has(.c-switch-input:focus-visible){box-shadow:0 0 0 2px var(--dt-color-focus-inner),0 0 0 4px var(--dt-color-focus-outer);outline:none}.c-switch-input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;left:50%;transform:translate(-50%) translateY(-50%);bottom:0}.c-switch-input:disabled{background-color:transparent}.c-switch-control{position:absolute;left:2px;width:var(--switch-control-size);height:var(--switch-control-size);border-radius:var(--switch-radius);background-color:var(--dt-color-interactive-light);padding:var(--switch-padding)}.c-switch-wrapper:dir(rtl) .c-switch-control{position:absolute;left:initial;right:2px}.c-switch-control .c-pieIcon--check{vertical-align:top}.c-switch-input:checked+.c-switch-control{transform:translate(var(--switch-translation))}.c-switch-input:checked+.c-switch-control .c-pieIcon--check{color:var(--dt-color-interactive-brand)}.c-switch-input:disabled~.c-switch-control{color:var(--switch-bg-color--disabled)}.c-switch-input:disabled~.c-switch-control .c-pieIcon--check{color:var(--switch-bg-color--disabled)}.c-switch-label{color:var(--dt-color-content-default-solid)}.c-switch-description{position:absolute;display:block;height:1px;width:1px;overflow:hidden;padding:1px;white-space:nowrap}@media (prefers-reduced-motion: no-preference){.c-switch-wrapper--allow-animation .c-switch{transition:background-color .15s cubic-bezier(.4,0,.9,1) 0s}}@media (prefers-reduced-motion: no-preference){.c-switch-wrapper--allow-animation .c-switch[checked]{transition:background-color .15s cubic-bezier(.4,0,.9,1) 0s}}@media (prefers-reduced-motion: no-preference){.c-switch-wrapper--allow-animation .c-switch-control{transition:transform .15s cubic-bezier(.4,0,.9,1) 0s}}@media (prefers-reduced-motion: no-preference){.c-switch-input:checked+.c-switch-wrapper--allow-animation .c-switch-control{transition:transform .15s cubic-bezier(.4,0,.9,1) 0s}}@media (prefers-reduced-motion: no-preference){.c-switch-input:checked+.c-switch-wrapper--allow-animation .c-switch-control .c-pieIcon--check{transition:color .15s cubic-bezier(.4,0,.9,1) 0s}}@media (prefers-reduced-motion: no-preference){.c-switch-input:disabled~.c-switch-wrapper--allow-animation .c-switch-control .c-pieIcon--check{transition:color .15s cubic-bezier(.4,0,.9,1) 0s}}.c-switch-wrapper:dir(rtl) .c-switch-input:checked+.c-switch-control{transform:translate(calc(-1 * var(--switch-translation)))}", Dt = ["leading", "trailing"], Yt = "change", M = {
+      return !!customElements.polyfillWrapFlushCallback || (It() ? typeof window < "u" && !window.CustomStateSet && W(HTMLElement.prototype.attachInternals) : ct(!1)), l.forceCustomStateSetPolyfill = W, l.forceElementInternalsPolyfill = ct, Object.defineProperty(l, "__esModule", { value: !0 }), l;
+    })({});
+  }()), dt;
+}
+$t();
+const Ht = "*,*:after,*:before{box-sizing:inherit}:host{display:block}*,*:before,*:after{cursor:inherit}.c-switch-wrapper{display:inline-flex;align-items:center;gap:var(--dt-spacing-b);vertical-align:top;font-family:var(--dt-font-body-l-family);cursor:pointer}.c-switch-wrapper[disabled]{cursor:not-allowed}.c-switch{--int-states-mixin-bg-color: var(--dt-color-interactive-form);--switch-bg-color--checked: var(--dt-color-interactive-brand);--switch-bg-color--disabled: var(--dt-color-disabled-01);--switch-width: 48px;--switch-height: 24px;--switch-control-size: 20px;--switch-padding: 2px;--switch-radius: var(--dt-radius-rounded-e);--switch-translation: calc(var(--switch-width) - var(--switch-control-size) - 2 * var(--switch-padding));position:relative;display:flex;width:var(--switch-width);height:var(--switch-height);flex-shrink:0;padding:var(--switch-padding);border-radius:var(--switch-radius);background-color:var(--int-states-mixin-bg-color)}.c-switch:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-form-h), var(--dt-color-interactive-form-s), calc(var(--dt-color-interactive-form-l) + var(--hover-modifier)))}.c-switch:active:not(:disabled,.is-disabled,.is-dismissible),.c-switch.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-form-h), var(--dt-color-interactive-form-s), calc(var(--dt-color-interactive-form-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.c-switch:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-interactive-form))}.c-switch:active:not(:disabled,.is-disabled,.is-dismissible),.c-switch.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-interactive-form))}}.c-switch[checked]{--int-states-mixin-bg-color: var(--dt-color-interactive-brand)}.c-switch[checked]:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-brand-h), var(--dt-color-interactive-brand-s), calc(var(--dt-color-interactive-brand-l) + var(--hover-modifier)))}.c-switch[checked]:active:not(:disabled,.is-disabled,.is-dismissible),.c-switch[checked].is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-brand-h), var(--dt-color-interactive-brand-s), calc(var(--dt-color-interactive-brand-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.c-switch[checked]:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-interactive-brand))}.c-switch[checked]:active:not(:disabled,.is-disabled,.is-dismissible),.c-switch[checked].is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-interactive-brand))}}[disabled] .c-switch{--int-states-mixin-bg-color: var(--switch-bg-color--disabled);pointer-events:none}.c-switch:has(.c-switch-input:focus-visible){box-shadow:0 0 0 2px var(--dt-color-focus-inner),0 0 0 4px var(--dt-color-focus-outer);outline:none}.c-switch-input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;left:50%;transform:translate(-50%) translateY(-50%);bottom:0}.c-switch-input:disabled{background-color:transparent}.c-switch-control{position:absolute;left:2px;width:var(--switch-control-size);height:var(--switch-control-size);border-radius:var(--switch-radius);background-color:var(--dt-color-interactive-light);padding:var(--switch-padding)}.c-switch-wrapper:dir(rtl) .c-switch-control{position:absolute;left:initial;right:2px}.c-switch-control .c-pieIcon--check{vertical-align:top}.c-switch-input:checked+.c-switch-control{transform:translate(var(--switch-translation))}.c-switch-input:checked+.c-switch-control .c-pieIcon--check{color:var(--dt-color-interactive-brand)}.c-switch-input:disabled~.c-switch-control{color:var(--switch-bg-color--disabled)}.c-switch-input:disabled~.c-switch-control .c-pieIcon--check{color:var(--switch-bg-color--disabled)}.c-switch-label{color:var(--dt-color-content-default-solid)}.c-switch-description{position:absolute;display:block;height:1px;width:1px;overflow:hidden;padding:1px;white-space:nowrap}@media (prefers-reduced-motion: no-preference){.c-switch-wrapper--allow-animation .c-switch{transition:background-color .15s cubic-bezier(.4,0,.9,1) 0s}}@media (prefers-reduced-motion: no-preference){.c-switch-wrapper--allow-animation .c-switch[checked]{transition:background-color .15s cubic-bezier(.4,0,.9,1) 0s}}@media (prefers-reduced-motion: no-preference){.c-switch-wrapper--allow-animation .c-switch-control{transition:transform .15s cubic-bezier(.4,0,.9,1) 0s}}@media (prefers-reduced-motion: no-preference){.c-switch-input:checked+.c-switch-wrapper--allow-animation .c-switch-control{transition:transform .15s cubic-bezier(.4,0,.9,1) 0s}}@media (prefers-reduced-motion: no-preference){.c-switch-input:checked+.c-switch-wrapper--allow-animation .c-switch-control .c-pieIcon--check{transition:color .15s cubic-bezier(.4,0,.9,1) 0s}}@media (prefers-reduced-motion: no-preference){.c-switch-input:disabled~.c-switch-wrapper--allow-animation .c-switch-control .c-pieIcon--check{transition:color .15s cubic-bezier(.4,0,.9,1) 0s}}.c-switch-wrapper:dir(rtl) .c-switch-input:checked+.c-switch-control{transform:translate(calc(-1 * var(--switch-translation)))}", Wt = ["leading", "trailing"], Xt = "change", M = {
   checked: !1,
   disabled: !1,
   labelPlacement: "leading",
   required: !1,
   value: "on"
 };
-var Rt = Object.defineProperty, Ht = Object.getOwnPropertyDescriptor, f = (l, n, h, m) => {
-  for (var c = m > 1 ? void 0 : m ? Ht(n, h) : n, g = l.length - 1, k; g >= 0; g--)
+var zt = Object.defineProperty, qt = Object.getOwnPropertyDescriptor, f = (l, n, h, m) => {
+  for (var c = m > 1 ? void 0 : m ? qt(n, h) : n, g = l.length - 1, k; g >= 0; g--)
     (k = l[g]) && (c = (m ? k(n, h, c) : k(c)) || c);
-  return m && c && Rt(n, h, c), c;
+  return m && c && zt(n, h, c), c;
 };
-const Wt = "pie-switch";
-let p = class extends Lt(Nt(q)) {
+const Bt = "pie-switch";
+let p = class extends Ot(Pt(q)) {
   constructor() {
     super(...arguments), this.labelPlacement = M.labelPlacement, this.checked = M.checked, this.required = M.required, this.value = M.value, this.disabled = M.disabled, this._isAnimationAllowed = !1;
   }
@@ -518,7 +522,7 @@ let p = class extends Lt(Nt(q)) {
   handleChange(l) {
     const { checked: n } = l == null ? void 0 : l.currentTarget;
     this.checked = n;
-    const h = Ot(l);
+    const h = _t(l);
     this._isAnimationAllowed || (this._isAnimationAllowed = !0), this.dispatchEvent(h), this.handleFormAssociation();
   }
   /**
@@ -597,7 +601,7 @@ let p = class extends Lt(Nt(q)) {
     } = this;
     return N`
             <label
-                class="${Vt({
+                class="${Lt({
       "c-switch-wrapper": !0,
       "c-switch-wrapper--allow-animation": g
     })}"
@@ -616,7 +620,7 @@ let p = class extends Lt(Nt(q)) {
                         .checked="${h}"
                         .disabled="${m}"
                         @change="${this.handleChange}"
-                        aria-label="${Tt((n == null ? void 0 : n.label) || l)}"
+                        aria-label="${Nt((n == null ? void 0 : n.label) || l)}"
                         aria-describedby="${n != null && n.describedBy ? "switch-description" : L}">
                     <div class="c-switch-control">
                         ${h ? N`<icon-check></icon-check>` : L}
@@ -627,13 +631,13 @@ let p = class extends Lt(Nt(q)) {
             </label>`;
   }
 };
-p.styles = It($t);
+p.styles = Vt(Ht);
 f([
   E({ type: String })
 ], p.prototype, "label", 2);
 f([
   E({ type: String }),
-  Pt(Wt, Dt, M.labelPlacement)
+  Dt(Bt, Wt, M.labelPlacement)
 ], p.prototype, "labelPlacement", 2);
 f([
   E({ type: Object })
@@ -654,20 +658,20 @@ f([
   E({ type: Boolean, reflect: !0 })
 ], p.prototype, "disabled", 2);
 f([
-  dt('input[type="checkbox"]')
+  ut('input[type="checkbox"]')
 ], p.prototype, "input", 2);
 f([
-  dt("label")
+  ut("label")
 ], p.prototype, "focusTarget", 2);
 f([
-  St()
+  Tt()
 ], p.prototype, "_isAnimationAllowed", 2);
 p = f([
-  _t("pie-switch")
+  Rt("pie-switch")
 ], p);
 export {
-  Yt as ON_SWITCH_CHANGED_EVENT,
+  Xt as ON_SWITCH_CHANGED_EVENT,
   p as PieSwitch,
   M as defaultProps,
-  Dt as labelPlacements
+  Wt as labelPlacements
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@justeattakeaway/pie-switch",
   "description": "PIE Design System Switch built using Web Components",
-  "version": "2.3.24",
+  "version": "2.3.26",
   "repository": {
     "type": "git",
     "url": "https://github.com/justeattakeaway/pie",
@@ -46,13 +46,13 @@
     "@custom-elements-manifest/analyzer": "0.9.0",
     "@justeattakeaway/pie-components-config": "0.21.0",
     "@justeattakeaway/pie-css": "1.1.0",
-    "@justeattakeaway/pie-monorepo-utils": "0.8.0",
+    "@justeattakeaway/pie-monorepo-utils": "0.9.0",
     "@justeattakeaway/pie-wrapper-react": "0.14.4",
     "cem-plugin-module-file-extensions": "0.0.5"
   },
   "dependencies": {
-    "@justeattakeaway/pie-icons-webc": "1.21.3",
-    "@justeattakeaway/pie-webc-core": "14.0.0",
+    "@justeattakeaway/pie-icons-webc": "1.21.5",
+    "@justeattakeaway/pie-webc-core": "14.0.1",
     "element-internals-polyfill": "1.3.11"
   },
   "volta": {