@justeattakeaway/pie-switch 2.4.1 → 2.5.0

package/dist/index.js

@@ -1,21 +1,23 @@
-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 _t, wrapNativeEvent as Pt, validPropertyValues as Dt, safeCustomElement as $t } from "@justeattakeaway/pie-webc-core";
+import { LitElement as St, nothing as N, html as z, unsafeCSS as Vt } from "lit";
+import { unsafeStatic as Tt, html as Lt } from "lit/static-html.js";
+import { property as y, query as q, state as Nt } from "lit/decorators.js";
+import { classMap as Pt } from "lit/directives/class-map.js";
+import { ifDefined as Ot } from "lit/directives/if-defined.js";
+import { live as _t } from "lit/directives/live.js";
+import { FormControlMixin as $t, DelegatesFocusMixin as Dt, wrapNativeEvent as Rt, validPropertyValues as Ht, safeCustomElement as Wt } from "@justeattakeaway/pie-webc-core";
 import "@justeattakeaway/pie-icons-webc/dist/IconCheck.js";
-const O = class O extends St {
+const P = class P extends St {
   willUpdate() {
-    this.getAttribute("v") || this.setAttribute("v", O.v);
+    this.getAttribute("v") || this.setAttribute("v", P.v);
   }
 };
-O.v = "2.4.1";
-let q = O;
-var dt = {}, ht;
-function Rt() {
-  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(), _ = /* @__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 = {
+P.v = "2.5.0";
+let B = P;
+var ht = {}, ut;
+function zt() {
+  return ut || (ut = 1, (function() {
+    (function(n) {
+      const l = /* @__PURE__ */ new WeakMap(), d = /* @__PURE__ */ new WeakMap(), u = /* @__PURE__ */ new WeakMap(), c = /* @__PURE__ */ new WeakMap(), k = /* @__PURE__ */ new WeakMap(), E = /* @__PURE__ */ new WeakMap(), x = /* @__PURE__ */ new WeakMap(), b = /* @__PURE__ */ new WeakMap(), U = /* @__PURE__ */ new WeakMap(), A = /* @__PURE__ */ new WeakMap(), j = /* @__PURE__ */ new WeakMap(), K = /* @__PURE__ */ new WeakMap(), G = /* @__PURE__ */ new WeakMap(), J = /* @__PURE__ */ new WeakMap(), F = /* @__PURE__ */ new WeakMap(), I = {
         ariaAtomic: "aria-atomic",
         ariaAutoComplete: "aria-autocomplete",
         ariaBusy: "aria-busy",
@@ -59,10 +61,10 @@ function Rt() {
         ariaValueText: "aria-valuetext",
         role: "role"
       }, pt = (e, t) => {
-        for (let i in F) {
+        for (let i in I) {
           t[i] = null;
           let a = null;
-          const r = F[i];
+          const r = I[i];
           Object.defineProperty(t, i, {
             get() {
               return a;
@@ -73,11 +75,11 @@ function Rt() {
           });
         }
       };
-      function Y(e) {
+      function Q(e) {
         const t = c.get(e), { form: i } = t;
-        et(e, i, t), tt(e, t.labels);
+        it(e, i, t), et(e, t.labels);
       }
-      const J = (e, t = !1) => {
+      const X = (e, t = !1) => {
         const i = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
           acceptNode(o) {
             return c.has(o) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
@@ -87,44 +89,44 @@ function Rt() {
         const r = !t || e.disabled;
         for (; a; )
           a.formDisabledCallback && r && $(a, e.disabled), a = i.nextNode();
-      }, Q = { attributes: !0, attributeFilter: ["disabled", "name"] }, I = T() ? new MutationObserver((e) => {
+      }, Y = { attributes: !0, attributeFilter: ["disabled", "name"] }, S = L() ? new MutationObserver((e) => {
         for (const t of e) {
           const i = t.target;
-          if (t.attributeName === "disabled" && (i.constructor.formAssociated ? $(i, i.hasAttribute("disabled")) : i.localName === "fieldset" && J(i)), t.attributeName === "name" && i.constructor.formAssociated) {
-            const a = c.get(i), r = B.get(i);
+          if (t.attributeName === "disabled" && (i.constructor.formAssociated ? $(i, i.hasAttribute("disabled")) : i.localName === "fieldset" && X(i)), t.attributeName === "name" && i.constructor.formAssociated) {
+            const a = c.get(i), r = U.get(i);
             a.setFormValue(r);
           }
         }
       }) : {};
-      function P(e) {
+      function O(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]);
+            var m;
+            if (c.has(s) && s.constructor.formAssociated && Q(s), A.has(s)) {
+              const h = A.get(s);
+              Object.keys(I).filter((v) => h[v] !== null).forEach((v) => {
+                s.setAttribute(I[v], h[v]);
               }), 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 (F.has(s)) {
+              const h = F.get(s);
+              s.setAttribute("internals-valid", h.validity.valid.toString()), s.setAttribute("internals-invalid", (!h.validity.valid).toString()), s.setAttribute("aria-invalid", (!h.validity.valid).toString()), F.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;
+              const h = b.get(s), g = document.createTreeWalker(s, NodeFilter.SHOW_ELEMENT, {
+                acceptNode(W) {
+                  return c.has(W) && W.constructor.formAssociated && !(h && h.has(W)) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
                 }
               });
-              let b = w.nextNode();
-              for (; b; )
-                Y(b), b = w.nextNode();
+              let v = g.nextNode();
+              for (; v; )
+                Q(v), v = g.nextNode();
             }
-            s.localName === "fieldset" && ((u = I.observe) === null || u === void 0 || u.call(I, s, Q), J(s, !0));
+            s.localName === "fieldset" && ((m = S.observe) === null || m === void 0 || m.call(S, s, Y), X(s, !0));
           }), o.forEach((s) => {
-            const u = c.get(s);
-            u && m.get(u) && X(u), _.has(s) && _.get(s).disconnect();
+            const m = c.get(s);
+            m && u.get(m) && Z(m), x.has(s) && x.get(s).disconnect();
           });
         });
       }
@@ -132,122 +134,122 @@ function Rt() {
         e.forEach((t) => {
           const { removedNodes: i } = t;
           i.forEach((a) => {
-            const r = K.get(t.target);
-            c.has(a) && at(a), r.disconnect();
+            const r = G.get(t.target);
+            c.has(a) && rt(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 = 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 }), G.set(e, a);
       };
-      T() && new MutationObserver(P);
-      const D = {
+      L() && new MutationObserver(O);
+      const _ = {
         childList: !0,
         subtree: !0
       }, $ = (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) => {
+      }, Z = (e) => {
+        u.get(e).forEach((i) => {
           i.remove();
-        }), m.set(e, []);
-      }, Z = (e, t) => {
+        }), u.set(e, []);
+      }, tt = (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;
+        return i.type = "hidden", i.name = e.getAttribute("name"), e.after(i), u.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) => {
+        u.set(t, []), (i = S.observe) === null || i === void 0 || i.call(S, e, Y);
+      }, et = (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);
+      }, V = (e) => {
+        const t = Array.from(e.elements).filter((o) => !o.tagName.includes("-") && o.validity).map((o) => o.validity.valid), i = b.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);
       }, vt = (e) => {
-        S(V(e.target));
+        V(T(e.target));
       }, wt = (e) => {
-        S(V(e.target));
+        V(T(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);
+            const r = b.get(e);
             if (e.noValidate)
               return;
-            r.size && Array.from(r).reverse().map((u) => c.get(u).reportValidity()).includes(!1) && i.preventDefault();
+            r.size && Array.from(r).reverse().map((m) => c.get(m).reportValidity()).includes(!1) && i.preventDefault();
           }
         });
       }, yt = (e) => {
-        const t = y.get(e.target);
+        const t = b.get(e.target);
         t && t.size && t.forEach((i) => {
           i.constructor.formAssociated && i.formResetCallback && i.formResetCallback.apply(i);
         });
-      }, et = (e, t, i) => {
+      }, it = (e, t, i) => {
         if (t) {
-          const a = y.get(t);
+          const a = b.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);
+            r.add(e), b.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.set(t, { ref: e, internals: i }), e.constructor.formAssociated && e.formAssociatedCallback && setTimeout(() => {
             e.formAssociatedCallback.apply(e, [t]);
-          }, 0), S(t);
+          }, 0), V(t);
         }
-      }, V = (e) => {
+      }, T = (e) => {
         let t = e.parentNode;
-        return t && t.tagName !== "FORM" && (t = V(t)), t;
-      }, v = (e, t, i = DOMException) => {
+        return t && t.tagName !== "FORM" && (t = T(t)), t;
+      }, w = (e, t, i = DOMException) => {
         if (!e.constructor.formAssociated)
           throw new i(t);
-      }, it = (e, t, i) => {
-        const a = y.get(e);
+      }, at = (e, t, i) => {
+        const a = b.get(e);
         return a && a.size && a.forEach((r) => {
           c.get(r)[i]() || (t = !1);
         }), t;
-      }, at = (e) => {
+      }, rt = (e) => {
         if (e.constructor.formAssociated) {
           const t = c.get(e), { labels: i, form: a } = t;
-          tt(e, i), et(e, a, t);
+          et(e, i), it(e, a, t);
         }
       };
-      function T() {
+      function L() {
         return typeof MutationObserver < "u";
       }
-      class Et {
+      class kt {
         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 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) => {
+      const Et = (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 && V(i), e), xt = (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) {
+      }, D = /* @__PURE__ */ new WeakMap();
+      function ot(e, t) {
         e.toggleAttribute(t, !0), e.part && e.part.add(t);
       }
-      class H extends Set {
+      class R 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);
+          D.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);
+          const i = super.add(t), a = D.get(this), r = `state${t}`;
+          return a.isConnected ? ot(a, r) : setTimeout(() => {
+            ot(a, r);
           }), i;
         }
         clear() {
@@ -256,24 +258,24 @@ function Rt() {
           super.clear();
         }
         delete(t) {
-          const i = super.delete(t), a = R.get(this);
+          const i = super.delete(t), a = D.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) {
+      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) {
+      function Ct(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 {
+      var C;
+      class At {
         constructor(t) {
-          x.set(this, void 0), At(this, x, t);
+          C.set(this, void 0), Ct(this, C, t);
           for (let i = 0; i < t.length; i++) {
             let a = t[i];
             this[i] = a, a.hasAttribute("name") && (this[a.getAttribute("name")] = a);
@@ -281,10 +283,10 @@ function Rt() {
           Object.freeze(this);
         }
         get length() {
-          return ot(this, x, "f").length;
+          return st(this, C, "f").length;
         }
-        [(x = /* @__PURE__ */ new WeakMap(), Symbol.iterator)]() {
-          return ot(this, x, "f")[Symbol.iterator]();
+        [(C = /* @__PURE__ */ new WeakMap(), Symbol.iterator)]() {
+          return st(this, C, "f")[Symbol.iterator]();
         }
         item(t) {
           return this[t] == null ? null : this[t];
@@ -300,38 +302,38 @@ function Rt() {
         HTMLFormElement.prototype.reportValidity = a;
         function i(...o) {
           let s = e.apply(this, o);
-          return it(this, s, "checkValidity");
+          return at(this, s, "checkValidity");
         }
         function a(...o) {
           let s = t.apply(this, o);
-          return it(this, s, "reportValidity");
+          return at(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)
+            const s = r.call(this, ...o), m = Array.from(b.get(this) || []);
+            if (m.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 Ct(d);
+            const h = Array.from(s).concat(m).sort((g, v) => g.compareDocumentPosition ? g.compareDocumentPosition(v) & 2 ? 1 : -1 : 0);
+            return new At(h);
           }
         });
       }
-      class st {
+      class nt {
         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 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);
+          const i = t.getRootNode(), a = new kt();
+          this.states = new R(t), l.set(this, t), d.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)
+          const t = l.get(this);
+          if (w(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);
+          const i = d.get(this);
           if (!i.valid) {
             const a = new Event("invalid", {
               bubbles: !1,
@@ -343,72 +345,72 @@ function Rt() {
           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.");
+          const t = l.get(this);
+          w(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;
+          return t.constructor.formAssociated === !0 && (i = T(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 t = l.get(this);
+          w(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)
+          const t = l.get(this);
+          if (w(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);
+          const i = this.checkValidity(), a = K.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)) {
+          const i = l.get(this);
+          if (w(i, "Failed to execute 'setFormValue' on 'ElementInternals': The target element is not a form-associated custom element."), Z(this), t != null && !(t instanceof FormData)) {
             if (i.getAttribute("name")) {
-              const a = Z(i, this);
+              const a = tt(i, this);
               a.value = t;
             }
           } else t != null && t instanceof FormData && Array.from(t).reverse().forEach(([a, r]) => {
             if (typeof r == "string") {
-              const o = Z(i, this);
+              const o = tt(i, this);
               o.name = a, o.value = r;
             }
           });
-          B.set(i, t);
+          U.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)
+          const r = l.get(this);
+          if (w(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 && kt(o);
-          const u = Object.assign(Object.assign({}, o), s);
-          delete u.valid;
-          const { valid: d } = Mt(o, u, this.form);
-          if (!d && !i)
+          K.set(this, a);
+          const o = d.get(this), s = {};
+          for (const g in t)
+            s[g] = t[g];
+          Object.keys(s).length === 0 && Et(o);
+          const m = Object.assign(Object.assign({}, o), s);
+          delete m.valid;
+          const { valid: h } = Mt(o, m, this.form);
+          if (!h && !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);
+          k.set(this, h ? "" : i), r.isConnected ? (r.toggleAttribute("internals-invalid", !h), r.toggleAttribute("internals-valid", h), r.setAttribute("aria-invalid", `${!h}`)) : F.set(r, this);
         }
         get shadowRoot() {
-          const t = n.get(this), i = U.get(t);
+          const t = l.get(this), i = j.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);
+          const t = l.get(this);
+          return w(t, "Failed to read the 'validationMessage' property from 'ElementInternals': The target element is not a form-associated custom element."), k.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);
+          const t = l.get(this);
+          return w(t, "Failed to read the 'validity' property from 'ElementInternals': The target element is not a form-associated custom element."), d.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"));
+          const t = l.get(this);
+          return w(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() {
@@ -435,22 +437,22 @@ function Rt() {
           "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) {
+      let lt = !1, ct = !1;
+      function H(e) {
+        ct || (ct = !0, window.CustomStateSet = R, e && (HTMLElement.prototype.attachInternals = function(...t) {
           const i = e.call(this, t);
-          return i.states = new H(this), i;
+          return i.states = new R(this), i;
         }));
       }
-      function ct(e = !0) {
-        if (!nt) {
-          if (nt = !0, typeof window < "u" && (window.ElementInternals = st), typeof CustomElementRegistry < "u") {
+      function dt(e = !0) {
+        if (!lt) {
+          if (lt = !0, typeof window < "u" && (window.ElementInternals = nt), 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") && $(this, !0)), o != null && o.apply(this), at(this);
+                  J.has(this) || (J.set(this, !0), this.hasAttribute("disabled") && $(this, !0)), o != null && o.apply(this), rt(this);
                 };
               }
               t.call(this, i, a, r);
@@ -463,59 +465,64 @@ function Rt() {
             } 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);
+            return new nt(this);
           }), typeof Element < "u") {
             let t = function(...a) {
               const r = i.apply(this, a);
-              if (U.set(this, r), T()) {
-                const o = new MutationObserver(P);
-                window.ShadyDOM ? o.observe(this, D) : o.observe(r, D), _.set(this, o);
+              if (j.set(this, r), L()) {
+                const o = new MutationObserver(O);
+                window.ShadyDOM ? o.observe(this, _) : o.observe(r, _), x.set(this, o);
               }
               return r;
             };
             const i = Element.prototype.attachShadow;
             Element.prototype.attachShadow = t;
           }
-          T() && typeof document < "u" && new MutationObserver(P).observe(document.documentElement, D), typeof HTMLFormElement < "u" && Ft(), (e || typeof window < "u" && !window.CustomStateSet) && W();
+          L() && typeof document < "u" && new MutationObserver(O).observe(document.documentElement, _), typeof HTMLFormElement < "u" && Ft(), (e || typeof window < "u" && !window.CustomStateSet) && H();
         }
       }
-      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;
+      return !!customElements.polyfillWrapFlushCallback || (It() ? typeof window < "u" && !window.CustomStateSet && H(HTMLElement.prototype.attachInternals) : dt(!1)), n.forceCustomStateSetPolyfill = H, n.forceElementInternalsPolyfill = dt, Object.defineProperty(n, "__esModule", { value: !0 }), n;
     })({});
-  })()), dt;
+  })()), ht;
 }
-Rt();
-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 = {
+zt();
+const Bt = "*,*: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)}@media(hover:hover){.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)){@media(hover:hover){.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)}@media(hover:hover){.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)){@media(hover:hover){.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;display:block;height:1px;width:1px;border:0;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;clip:rect(0,0,0,0);clip-path:inset(50%)}.c-switch-input *{overflow:hidden}.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;border:0;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;clip:rect(0,0,0,0);clip-path:inset(50%)}.c-switch-description *{overflow:hidden}.c-switch-wrapper--label-leading{flex-direction:row-reverse}.c-switch-wrapper--label-trailing{flex-direction:row}@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)))}", qt = ["leading", "trailing"], ae = "change", M = {
   checked: !1,
+  defaultChecked: !1,
   disabled: !1,
   labelPlacement: "leading",
   required: !1,
   value: "on"
 };
-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 && zt(n, h, c), c;
+var Ut = Object.defineProperty, jt = Object.getOwnPropertyDescriptor, f = (n, l, d, u) => {
+  for (var c = u > 1 ? void 0 : u ? jt(l, d) : l, k = n.length - 1, E; k >= 0; k--)
+    (E = n[k]) && (c = (u ? E(l, d, c) : E(c)) || c);
+  return u && c && Ut(l, d, c), c;
 };
-const Bt = "pie-switch";
-let p = class extends Ot(_t(q)) {
+const Kt = "pie-switch";
+let p = class extends $t(Dt(B)) {
   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;
+    super(...arguments), this.labelPlacement = M.labelPlacement, this.checked = M.checked, this.defaultChecked = M.defaultChecked, this.required = M.required, this.value = M.value, this.disabled = M.disabled, this._isAnimationAllowed = !1;
   }
   firstUpdated() {
-    this.handleFormAssociation(), this.input.addEventListener("invalid", (l) => {
-      this.dispatchEvent(new Event("invalid", l));
+    this.handleFormAssociation(), this.input.addEventListener("invalid", (n) => {
+      this.dispatchEvent(new Event("invalid", n));
     });
   }
   connectedCallback() {
     super.connectedCallback(), this._abortController = new AbortController();
-    const { signal: l } = this._abortController;
-    this.addEventListener("click", (n) => {
-      n.composedPath()[0] === this && this.input.click();
-    }, { signal: l });
+    const { signal: n } = this._abortController;
+    this.addEventListener("click", (l) => {
+      const [d] = l.composedPath();
+      if (this.disabled || d === this.input)
+        return;
+      const u = !this.label && l.composedPath().includes(this.switchBody);
+      (d === this || u) && this.input.click();
+    }, { signal: n });
   }
   disconnectedCallback() {
-    var l;
-    super.disconnectedCallback(), (l = this._abortController) == null || l.abort();
+    var n;
+    super.disconnectedCallback(), (n = this._abortController) == null || n.abort();
   }
   updated() {
     this.handleFormAssociation();
@@ -530,11 +537,11 @@ let p = class extends Ot(_t(q)) {
    * The handleChange function updates the checkbox state and emits an event for consumers.
    * @param {Event} event - This should be the change event that was listened for on an input element with `type="checkbox"`.
    */
-  handleChange(l) {
-    const { checked: n } = l == null ? void 0 : l.currentTarget;
-    this.checked = n;
-    const h = Pt(l);
-    this._isAnimationAllowed || (this._isAnimationAllowed = !0), this.dispatchEvent(h), this.handleFormAssociation();
+  handleChange(n) {
+    const { checked: l } = n == null ? void 0 : n.currentTarget;
+    this.checked = l;
+    const d = Rt(n);
+    this._isAnimationAllowed || (this._isAnimationAllowed = !0), this.dispatchEvent(d), this.handleFormAssociation();
   }
   /**
    * 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.
@@ -556,8 +563,19 @@ let p = class extends Ot(_t(q)) {
    * Allows a consumer to set a custom validation message on the switch. An empty string counts as valid.
    * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setCustomValidity
    */
-  setCustomValidity(l) {
-    this.input.setCustomValidity(l), this._internals.setValidity(this.validity, this.validationMessage, this.input);
+  setCustomValidity(n) {
+    this.input.setCustomValidity(n), this._internals.setValidity(this.validity, this.validationMessage, this.input);
+  }
+  /**
+   * Called when the containing form is reset.
+   * Resets checked state back to defaultChecked and emits a change event when needed.
+   */
+  formResetCallback() {
+    if (this.checked === this.defaultChecked)
+      return;
+    this.checked = this.defaultChecked;
+    const n = new Event("change", { bubbles: !0, composed: !0 });
+    this.dispatchEvent(n), this.handleFormAssociation();
   }
   /**
    * (Read-only) returns a ValidityState with the validity states that this element is in.
@@ -574,115 +592,116 @@ let p = class extends Ot(_t(q)) {
   get validationMessage() {
     return this.input.validationMessage;
   }
-  /**
-   * If a label is provided, renders it if `labelPlacement` matches the given position.
-   * If no label is provided, or `labelPlacement` does not match the given position, nothing is rendered.
-   *
-   * @private
-   */
-  renderSwitchLabel(l) {
-    const { label: n, labelPlacement: h } = this;
-    return !n || h !== l ? L : N`
-            <span
-                aria-hidden="true"
-                data-test-id="switch-label-${h}"
-                class="c-switch-label">
-                ${n}
-            </span>`;
-  }
   renderAriaDescription() {
-    var l;
-    return (l = this.aria) != null && l.describedBy ? N`
+    var n;
+    return (n = this.aria) != null && n.describedBy ? z`
             <div
                 aria-hidden="true"
                 id="switch-description"
                 data-test-id="switch-description"
                 class="c-switch-description">
                 ${this.aria.describedBy}
-            </div>` : L;
+            </div>` : N;
+  }
+  renderSwitchLabel() {
+    const { label: n, labelPlacement: l } = this;
+    return n ? z`
+            <span
+                aria-hidden="true"
+                data-test-id="switch-label-${l}"
+                class="c-switch-label">
+                ${n}
+            </span>` : N;
   }
   render() {
     const {
-      label: l,
-      aria: n,
-      checked: h,
-      disabled: m,
-      required: c,
-      _isAnimationAllowed: g
-    } = this;
-    return N`
-            <label
-                class="${Lt({
+      label: n,
+      labelPlacement: l,
+      aria: d,
+      checked: u,
+      disabled: c,
+      required: k,
+      _isAnimationAllowed: E
+    } = this, x = {
       "c-switch-wrapper": !0,
-      "c-switch-wrapper--allow-animation": g
-    })}"
-                ?disabled=${m}>
-                ${this.renderSwitchLabel("leading")}
+      "c-switch-wrapper--allow-animation": E,
+      [`c-switch-wrapper--label-${l}`]: !0
+    }, b = Tt(n ? "label" : "div");
+    return Lt`
+            <${b}
+                class="${Pt(x)}"
+                ?disabled=${c}>
                 <div
                     data-test-id="switch-component"
                     class="c-switch"
-                    ?checked=${h}>
+                    ?checked=${u}>
                     <input
                         data-test-id="switch-input"
                         role="switch"
                         type="checkbox"
                         class="c-switch-input"
-                        .required=${c}
-                        .checked="${h}"
-                        .disabled="${m}"
+                        .required=${k}
+                        .checked="${_t(u)}"
+                        .disabled="${c}"
                         @change="${this.handleChange}"
-                        aria-label="${Nt((n == null ? void 0 : n.label) || l)}"
-                        aria-describedby="${n != null && n.describedBy ? "switch-description" : L}">
+                        aria-label="${Ot((d == null ? void 0 : d.label) || n)}"
+                        aria-describedby="${d != null && d.describedBy ? "switch-description" : N}">
                     <div class="c-switch-control">
-                        ${h ? N`<icon-check></icon-check>` : L}
+                        ${u ? z`<icon-check></icon-check>` : N}
                     </div>
                 </div>
-                ${this.renderSwitchLabel("trailing")}
+                ${this.renderSwitchLabel()}
                 ${this.renderAriaDescription()}
-            </label>`;
+            </${b}>`;
   }
 };
-p.styles = Vt(Ht);
+p.styles = Vt(Bt);
 f([
-  E({ type: String })
+  y({ type: String })
 ], p.prototype, "label", 2);
 f([
-  E({ type: String }),
-  Dt(Bt, Wt, M.labelPlacement)
+  y({ type: String }),
+  Ht(Kt, qt, M.labelPlacement)
 ], p.prototype, "labelPlacement", 2);
 f([
-  E({ type: Object })
+  y({ type: Object })
 ], p.prototype, "aria", 2);
 f([
-  E({ type: Boolean, reflect: !0 })
+  y({ type: Boolean, reflect: !0 })
 ], p.prototype, "checked", 2);
 f([
-  E({ type: Boolean, reflect: !0 })
+  y({ type: Boolean, reflect: !0 })
+], p.prototype, "defaultChecked", 2);
+f([
+  y({ type: Boolean, reflect: !0 })
 ], p.prototype, "required", 2);
 f([
-  E({ type: String })
+  y({ type: String })
 ], p.prototype, "value", 2);
 f([
-  E({ type: String, reflect: !0 })
+  y({ type: String, reflect: !0 })
 ], p.prototype, "name", 2);
 f([
-  E({ type: Boolean, reflect: !0 })
+  y({ type: Boolean, reflect: !0 })
 ], p.prototype, "disabled", 2);
 f([
-  ut('input[type="checkbox"]')
+  q('input[type="checkbox"]')
 ], p.prototype, "input", 2);
 f([
-  ut("label")
+  q(".c-switch")
+], p.prototype, "switchBody", 2);
+f([
+  q('label, input[type="checkbox"]')
 ], p.prototype, "focusTarget", 2);
 f([
-  Tt()
+  Nt()
 ], p.prototype, "_isAnimationAllowed", 2);
 p = f([
-  $t("pie-switch")
+  Wt("pie-switch")
 ], p);
 export {
-  Xt as ON_SWITCH_CHANGED_EVENT,
+  ae as ON_SWITCH_CHANGED_EVENT,
   p as PieSwitch,
   M as defaultProps,
-  Wt as labelPlacements
+  qt as labelPlacements
 };