@covalent/components 6.0.1 → 6.0.2

package/switch.mjs

@@ -1,20 +1,536 @@
-import { css as a, unsafeCSS as d } from "lit";
-import { customElement as l } from "lit/decorators.js";
-import { SwitchBase as i } from "@material/mwc-switch/mwc-switch-base";
-import { styles as v } from "@material/mwc-switch/styles.css?used";
-const f = `:host{--mdc-theme-surface: var(--mdc-theme-background);--mdc-switch-selected-handle-color: var(--mdc-theme-primary);--mdc-switch-selected-hover-handle-color: var(--mdc-theme-primary);--mdc-switch-selected-focus-handle-color: var(--mdc-theme-primary);--mdc-switch-selected-pressed-handle-color: var(--mdc-theme-primary);--mdc-switch-selected-track-color: var(--mdc-theme-surface-secondary);--mdc-switch-selected-focus-track-color: var( --mdc-theme-surface-secondary-highlight );--mdc-switch-selected-hover-track-color: var( --mdc-theme-surface-secondary-highlight-hover );--mdc-switch-selected-pressed-track-color: var( --mdc-theme-surface-secondary-highlight-hover )}
+import { y as f, i as D, r as F, e as B } from "./query-assigned-elements.mjs";
+import { a as T, c as x, _ as P, d as H, e as I, b as n } from "./tslib.es6.mjs";
+import { R as M, e as j } from "./ripple-handlers.mjs";
+import { a as E } from "./aria-property.mjs";
+import { F as X } from "./form-element.mjs";
+import { e as y } from "./property.mjs";
+import { t as G } from "./state.mjs";
+import { e as U } from "./event-options.mjs";
+import { i as $ } from "./query.mjs";
+import { o as A } from "./class-map.mjs";
+import { l as O } from "./if-defined.mjs";
+import "./base-element.mjs";
+import "./utils.mjs";
+import "./style-map.mjs";
+/**
+ * @license
+ * Copyright 2016 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+var N = (
+  /** @class */
+  function() {
+    function t(e) {
+      e === void 0 && (e = {}), this.adapter = e;
+    }
+    return Object.defineProperty(t, "cssClasses", {
+      get: function() {
+        return {};
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(t, "strings", {
+      get: function() {
+        return {};
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(t, "numbers", {
+      get: function() {
+        return {};
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(t, "defaultAdapter", {
+      get: function() {
+        return {};
+      },
+      enumerable: !1,
+      configurable: !0
+    }), t.prototype.init = function() {
+    }, t.prototype.destroy = function() {
+    }, t;
+  }()
+);
+/**
+ * @license
+ * Copyright 2021 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+function W(t, e, c) {
+  var r = Y(t, e), s = r.getObservers(e);
+  return s.push(c), function() {
+    s.splice(s.indexOf(c), 1);
+  };
+}
+var k = /* @__PURE__ */ new WeakMap();
+function Y(t, e) {
+  var c = /* @__PURE__ */ new Map();
+  k.has(t) || k.set(t, {
+    isEnabled: !0,
+    getObservers: function(a) {
+      var h = c.get(a) || [];
+      return c.has(a) || c.set(a, h), h;
+    },
+    installedProperties: /* @__PURE__ */ new Set()
+  });
+  var r = k.get(t);
+  if (r.installedProperties.has(e))
+    return r;
+  var s = q(t, e) || {
+    configurable: !0,
+    enumerable: !0,
+    value: t[e],
+    writable: !0
+  }, i = T({}, s), d = s.get, m = s.set;
+  if ("value" in s) {
+    delete i.value, delete i.writable;
+    var w = s.value;
+    d = function() {
+      return w;
+    }, s.writable && (m = function(a) {
+      w = a;
+    });
+  }
+  return d && (i.get = function() {
+    return d.call(this);
+  }), m && (i.set = function(a) {
+    var h, g, v = d ? d.call(this) : a;
+    if (m.call(this, a), r.isEnabled && (!d || a !== v))
+      try {
+        for (var l = x(r.getObservers(e)), p = l.next(); !p.done; p = l.next()) {
+          var _ = p.value;
+          _(a, v);
+        }
+      } catch (u) {
+        h = { error: u };
+      } finally {
+        try {
+          p && !p.done && (g = l.return) && g.call(l);
+        } finally {
+          if (h)
+            throw h.error;
+        }
+      }
+  }), r.installedProperties.add(e), Object.defineProperty(t, e, i), r;
+}
+function q(t, e) {
+  for (var c = t, r; c && (r = Object.getOwnPropertyDescriptor(c, e), !r); )
+    c = Object.getPrototypeOf(c);
+  return r;
+}
+function J(t, e) {
+  var c = k.get(t);
+  c && (c.isEnabled = e);
+}
+/**
+ * @license
+ * Copyright 2021 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+var K = (
+  /** @class */
+  function(t) {
+    P(e, t);
+    function e(c) {
+      var r = t.call(this, c) || this;
+      return r.unobserves = /* @__PURE__ */ new Set(), r;
+    }
+    return e.prototype.destroy = function() {
+      t.prototype.destroy.call(this), this.unobserve();
+    }, e.prototype.observe = function(c, r) {
+      var s, i, d = this, m = [];
+      try {
+        for (var w = x(Object.keys(r)), a = w.next(); !a.done; a = w.next()) {
+          var h = a.value, g = r[h].bind(this);
+          m.push(this.observeProperty(c, h, g));
+        }
+      } catch (l) {
+        s = { error: l };
+      } finally {
+        try {
+          a && !a.done && (i = w.return) && i.call(w);
+        } finally {
+          if (s)
+            throw s.error;
+        }
+      }
+      var v = function() {
+        var l, p;
+        try {
+          for (var _ = x(m), u = _.next(); !u.done; u = _.next()) {
+            var R = u.value;
+            R();
+          }
+        } catch (L) {
+          l = { error: L };
+        } finally {
+          try {
+            u && !u.done && (p = _.return) && p.call(_);
+          } finally {
+            if (l)
+              throw l.error;
+          }
+        }
+        d.unobserves.delete(v);
+      };
+      return this.unobserves.add(v), v;
+    }, e.prototype.observeProperty = function(c, r, s) {
+      return W(c, r, s);
+    }, e.prototype.setObserversEnabled = function(c, r) {
+      J(c, r);
+    }, e.prototype.unobserve = function() {
+      var c, r;
+      try {
+        for (var s = x(H([], I(this.unobserves))), i = s.next(); !i.done; i = s.next()) {
+          var d = i.value;
+          d();
+        }
+      } catch (m) {
+        c = { error: m };
+      } finally {
+        try {
+          i && !i.done && (r = s.return) && r.call(s);
+        } finally {
+          if (c)
+            throw c.error;
+        }
+      }
+    }, e;
+  }(N)
+);
+/**
+ * @license
+ * Copyright 2021 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+var b;
+(function(t) {
+  t.PROCESSING = "mdc-switch--processing", t.SELECTED = "mdc-switch--selected", t.UNSELECTED = "mdc-switch--unselected";
+})(b || (b = {}));
+var S;
+(function(t) {
+  t.RIPPLE = ".mdc-switch__ripple";
+})(S || (S = {}));
+/**
+ * @license
+ * Copyright 2021 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+var z = (
+  /** @class */
+  function(t) {
+    P(e, t);
+    function e(c) {
+      var r = t.call(this, c) || this;
+      return r.handleClick = r.handleClick.bind(r), r;
+    }
+    return e.prototype.init = function() {
+      this.observe(this.adapter.state, {
+        disabled: this.stopProcessingIfDisabled,
+        processing: this.stopProcessingIfDisabled
+      });
+    }, e.prototype.handleClick = function() {
+      this.adapter.state.disabled || (this.adapter.state.selected = !this.adapter.state.selected);
+    }, e.prototype.stopProcessingIfDisabled = function() {
+      this.adapter.state.disabled && (this.adapter.state.processing = !1);
+    }, e;
+  }(K)
+);
+(function(t) {
+  P(e, t);
+  function e() {
+    return t !== null && t.apply(this, arguments) || this;
+  }
+  return e.prototype.init = function() {
+    t.prototype.init.call(this), this.observe(this.adapter.state, {
+      disabled: this.onDisabledChange,
+      processing: this.onProcessingChange,
+      selected: this.onSelectedChange
+    });
+  }, e.prototype.initFromDOM = function() {
+    this.setObserversEnabled(this.adapter.state, !1), this.adapter.state.selected = this.adapter.hasClass(b.SELECTED), this.onSelectedChange(), this.adapter.state.disabled = this.adapter.isDisabled(), this.adapter.state.processing = this.adapter.hasClass(b.PROCESSING), this.setObserversEnabled(this.adapter.state, !0), this.stopProcessingIfDisabled();
+  }, e.prototype.onDisabledChange = function() {
+    this.adapter.setDisabled(this.adapter.state.disabled);
+  }, e.prototype.onProcessingChange = function() {
+    this.toggleClass(this.adapter.state.processing, b.PROCESSING);
+  }, e.prototype.onSelectedChange = function() {
+    this.adapter.setAriaChecked(String(this.adapter.state.selected)), this.toggleClass(this.adapter.state.selected, b.SELECTED), this.toggleClass(!this.adapter.state.selected, b.UNSELECTED);
+  }, e.prototype.toggleClass = function(c, r) {
+    c ? this.adapter.addClass(r) : this.adapter.removeClass(r);
+  }, e;
+})(z);
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+class o extends X {
+  constructor() {
+    super(...arguments), this.processing = !1, this.selected = !1, this.ariaLabel = "", this.ariaLabelledBy = "", this.shouldRenderRipple = !1, this.rippleHandlers = new M(() => (this.shouldRenderRipple = !0, this.ripple)), this.name = "", this.value = "on", this.mdcFoundationClass = z;
+  }
+  setFormData(e) {
+    this.name && this.selected && e.append(this.name, this.value);
+  }
+  click() {
+    var e, c;
+    this.disabled || ((e = this.mdcRoot) === null || e === void 0 || e.focus(), (c = this.mdcRoot) === null || c === void 0 || c.click());
+  }
+  /** @soyTemplate */
+  render() {
+    return f`
+      <button
+        type="button"
+        class="mdc-switch ${A(this.getRenderClasses())}"
+        role="switch"
+        aria-checked="${this.selected}"
+        aria-label="${O(this.ariaLabel || void 0)}"
+        aria-labelledby="${O(this.ariaLabelledBy || void 0)}"
+        .disabled=${this.disabled}
+        @click=${this.handleClick}
+        @focus="${this.handleFocus}"
+        @blur="${this.handleBlur}"
+        @pointerdown="${this.handlePointerDown}"
+        @pointerup="${this.handlePointerUp}"
+        @pointerenter="${this.handlePointerEnter}"
+        @pointerleave="${this.handlePointerLeave}"
+      >
+        <div class="mdc-switch__track"></div>
+        <div class="mdc-switch__handle-track">
+          ${this.renderHandle()}
+        </div>
+      </button>
+
+      <input
+        type="checkbox"
+        aria-hidden="true"
+        name="${this.name}"
+        .checked=${this.selected}
+        .value=${this.value}
+      >
+    `;
+  }
+  /** @soyTemplate */
+  getRenderClasses() {
+    return {
+      "mdc-switch--processing": this.processing,
+      "mdc-switch--selected": this.selected,
+      "mdc-switch--unselected": !this.selected
+    };
+  }
+  /** @soyTemplate */
+  renderHandle() {
+    return f`
+      <div class="mdc-switch__handle">
+        ${this.renderShadow()}
+        ${this.renderRipple()}
+        <div class="mdc-switch__icons">
+          ${this.renderOnIcon()}
+          ${this.renderOffIcon()}
+        </div>
+      </div>
+    `;
+  }
+  /** @soyTemplate */
+  renderShadow() {
+    return f`
+      <div class="mdc-switch__shadow">
+        <div class="mdc-elevation-overlay"></div>
+      </div>
+    `;
+  }
+  /** @soyTemplate */
+  renderRipple() {
+    return this.shouldRenderRipple ? f`
+        <div class="mdc-switch__ripple">
+          <mwc-ripple
+            internalUseStateLayerCustomProperties
+            .disabled="${this.disabled}"
+            unbounded>
+          </mwc-ripple>
+        </div>
+      ` : f``;
+  }
+  /** @soyTemplate */
+  renderOnIcon() {
+    return f`
+      <svg class="mdc-switch__icon mdc-switch__icon--on" viewBox="0 0 24 24">
+        <path d="M19.69,5.23L8.96,15.96l-4.23-4.23L2.96,13.5l6,6L21.46,7L19.69,5.23z" />
+      </svg>
+    `;
+  }
+  /** @soyTemplate */
+  renderOffIcon() {
+    return f`
+      <svg class="mdc-switch__icon mdc-switch__icon--off" viewBox="0 0 24 24">
+        <path d="M20 13H4v-2h16v2z" />
+      </svg>
+    `;
+  }
+  handleClick() {
+    var e;
+    (e = this.mdcFoundation) === null || e === void 0 || e.handleClick();
+  }
+  handleFocus() {
+    this.rippleHandlers.startFocus();
+  }
+  handleBlur() {
+    this.rippleHandlers.endFocus();
+  }
+  handlePointerDown(e) {
+    e.target.setPointerCapture(e.pointerId), this.rippleHandlers.startPress(e);
+  }
+  handlePointerUp() {
+    this.rippleHandlers.endPress();
+  }
+  handlePointerEnter() {
+    this.rippleHandlers.startHover();
+  }
+  handlePointerLeave() {
+    this.rippleHandlers.endHover();
+  }
+  createAdapter() {
+    return { state: this };
+  }
+}
+n([
+  y({ type: Boolean })
+], o.prototype, "processing", void 0);
+n([
+  y({ type: Boolean })
+], o.prototype, "selected", void 0);
+n([
+  E,
+  y({ type: String, attribute: "aria-label" })
+], o.prototype, "ariaLabel", void 0);
+n([
+  E,
+  y({ type: String, attribute: "aria-labelledby" })
+], o.prototype, "ariaLabelledBy", void 0);
+n([
+  j("mwc-ripple")
+], o.prototype, "ripple", void 0);
+n([
+  G()
+], o.prototype, "shouldRenderRipple", void 0);
+n([
+  y({ type: String, reflect: !0 })
+], o.prototype, "name", void 0);
+n([
+  y({ type: String })
+], o.prototype, "value", void 0);
+n([
+  $("input")
+], o.prototype, "formElement", void 0);
+n([
+  $(".mdc-switch")
+], o.prototype, "mdcRoot", void 0);
+n([
+  U({ passive: !0 })
+], o.prototype, "handlePointerDown", null);
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-LIcense-Identifier: Apache-2.0
+ */
+const Q = D`.mdc-elevation-overlay{position:absolute;border-radius:inherit;pointer-events:none;opacity:0;opacity:var(--mdc-elevation-overlay-opacity, 0);transition:opacity 280ms cubic-bezier(0.4, 0, 0.2, 1);background-color:#fff;background-color:var(--mdc-elevation-overlay-color, #fff)}.mdc-switch{align-items:center;background:none;border:none;cursor:pointer;display:inline-flex;flex-shrink:0;margin:0;outline:none;overflow:visible;padding:0;position:relative}.mdc-switch:disabled{cursor:default;pointer-events:none}.mdc-switch__track{overflow:hidden;position:relative;width:100%}.mdc-switch__track::before,.mdc-switch__track::after{border:1px solid transparent;border-radius:inherit;box-sizing:border-box;content:"";height:100%;left:0;position:absolute;width:100%}@media screen and (forced-colors: active){.mdc-switch__track::before,.mdc-switch__track::after{border-color:currentColor}}.mdc-switch__track::before{transition:transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);transform:translateX(0)}.mdc-switch__track::after{transition:transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);transform:translateX(-100%)}[dir=rtl] .mdc-switch__track::after,.mdc-switch__track[dir=rtl]::after{transform:translateX(100%)}.mdc-switch--selected .mdc-switch__track::before{transition:transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);transform:translateX(100%)}[dir=rtl] .mdc-switch--selected .mdc-switch__track::before,.mdc-switch--selected .mdc-switch__track[dir=rtl]::before{transform:translateX(-100%)}.mdc-switch--selected .mdc-switch__track::after{transition:transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);transform:translateX(0)}.mdc-switch__handle-track{height:100%;pointer-events:none;position:absolute;top:0;transition:transform 75ms 0ms cubic-bezier(0.4, 0, 0.2, 1);left:0;right:auto;transform:translateX(0)}[dir=rtl] .mdc-switch__handle-track,.mdc-switch__handle-track[dir=rtl]{left:auto;right:0}.mdc-switch--selected .mdc-switch__handle-track{transform:translateX(100%)}[dir=rtl] .mdc-switch--selected .mdc-switch__handle-track,.mdc-switch--selected .mdc-switch__handle-track[dir=rtl]{transform:translateX(-100%)}.mdc-switch__handle{display:flex;pointer-events:auto;position:absolute;top:50%;transform:translateY(-50%);left:0;right:auto}[dir=rtl] .mdc-switch__handle,.mdc-switch__handle[dir=rtl]{left:auto;right:0}.mdc-switch__handle::before,.mdc-switch__handle::after{border:1px solid transparent;border-radius:inherit;box-sizing:border-box;content:"";width:100%;height:100%;left:0;position:absolute;top:0;transition:background-color 75ms 0ms cubic-bezier(0.4, 0, 0.2, 1),border-color 75ms 0ms cubic-bezier(0.4, 0, 0.2, 1);z-index:-1}@media screen and (forced-colors: active){.mdc-switch__handle::before,.mdc-switch__handle::after{border-color:currentColor}}.mdc-switch__shadow{border-radius:inherit;bottom:0;left:0;position:absolute;right:0;top:0}.mdc-elevation-overlay{bottom:0;left:0;right:0;top:0}.mdc-switch__ripple{left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);z-index:-1}.mdc-switch:disabled .mdc-switch__ripple{display:none}.mdc-switch__icons{height:100%;position:relative;width:100%;z-index:1}.mdc-switch__icon{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0;opacity:0;transition:opacity 30ms 0ms cubic-bezier(0.4, 0, 1, 1)}.mdc-switch--selected .mdc-switch__icon--on,.mdc-switch--unselected .mdc-switch__icon--off{opacity:1;transition:opacity 45ms 30ms cubic-bezier(0, 0, 0.2, 1)}:host{display:inline-flex;outline:none}input{display:none}.mdc-switch{width:36px;width:var(--mdc-switch-track-width, 36px)}.mdc-switch.mdc-switch--selected:enabled .mdc-switch__handle::after{background:#6200ee;background:var(--mdc-switch-selected-handle-color, var(--mdc-theme-primary, #6200ee))}.mdc-switch.mdc-switch--selected:enabled:hover:not(:focus):not(:active) .mdc-switch__handle::after{background:#310077;background:var(--mdc-switch-selected-hover-handle-color, #310077)}.mdc-switch.mdc-switch--selected:enabled:focus:not(:active) .mdc-switch__handle::after{background:#310077;background:var(--mdc-switch-selected-focus-handle-color, #310077)}.mdc-switch.mdc-switch--selected:enabled:active .mdc-switch__handle::after{background:#310077;background:var(--mdc-switch-selected-pressed-handle-color, #310077)}.mdc-switch.mdc-switch--selected:disabled .mdc-switch__handle::after{background:#424242;background:var(--mdc-switch-disabled-selected-handle-color, #424242)}.mdc-switch.mdc-switch--unselected:enabled .mdc-switch__handle::after{background:#616161;background:var(--mdc-switch-unselected-handle-color, #616161)}.mdc-switch.mdc-switch--unselected:enabled:hover:not(:focus):not(:active) .mdc-switch__handle::after{background:#212121;background:var(--mdc-switch-unselected-hover-handle-color, #212121)}.mdc-switch.mdc-switch--unselected:enabled:focus:not(:active) .mdc-switch__handle::after{background:#212121;background:var(--mdc-switch-unselected-focus-handle-color, #212121)}.mdc-switch.mdc-switch--unselected:enabled:active .mdc-switch__handle::after{background:#212121;background:var(--mdc-switch-unselected-pressed-handle-color, #212121)}.mdc-switch.mdc-switch--unselected:disabled .mdc-switch__handle::after{background:#424242;background:var(--mdc-switch-disabled-unselected-handle-color, #424242)}.mdc-switch .mdc-switch__handle::before{background:#fff;background:var(--mdc-switch-handle-surface-color, var(--mdc-theme-surface, #fff))}.mdc-switch:enabled .mdc-switch__shadow{--mdc-elevation-box-shadow-for-gss:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);box-shadow:var(--mdc-switch-handle-elevation, var(--mdc-elevation-box-shadow-for-gss))}.mdc-switch:disabled .mdc-switch__shadow{--mdc-elevation-box-shadow-for-gss:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);box-shadow:var(--mdc-switch-disabled-handle-elevation, var(--mdc-elevation-box-shadow-for-gss))}.mdc-switch .mdc-switch__focus-ring-wrapper,.mdc-switch .mdc-switch__handle{height:20px;height:var(--mdc-switch-handle-height, 20px)}.mdc-switch:disabled .mdc-switch__handle::after{opacity:0.38;opacity:var(--mdc-switch-disabled-handle-opacity, 0.38)}.mdc-switch .mdc-switch__handle{border-radius:10px;border-radius:var(--mdc-switch-handle-shape, 10px)}.mdc-switch .mdc-switch__handle{width:20px;width:var(--mdc-switch-handle-width, 20px)}.mdc-switch .mdc-switch__handle-track{width:calc(100% - 20px);width:calc(100% - var(--mdc-switch-handle-width, 20px))}.mdc-switch.mdc-switch--selected:enabled .mdc-switch__icon{fill:#fff;fill:var(--mdc-switch-selected-icon-color, var(--mdc-theme-on-primary, #fff))}.mdc-switch.mdc-switch--selected:disabled .mdc-switch__icon{fill:#fff;fill:var(--mdc-switch-disabled-selected-icon-color, var(--mdc-theme-on-primary, #fff))}.mdc-switch.mdc-switch--unselected:enabled .mdc-switch__icon{fill:#fff;fill:var(--mdc-switch-unselected-icon-color, var(--mdc-theme-on-primary, #fff))}.mdc-switch.mdc-switch--unselected:disabled .mdc-switch__icon{fill:#fff;fill:var(--mdc-switch-disabled-unselected-icon-color, var(--mdc-theme-on-primary, #fff))}.mdc-switch.mdc-switch--selected:disabled .mdc-switch__icons{opacity:0.38;opacity:var(--mdc-switch-disabled-selected-icon-opacity, 0.38)}.mdc-switch.mdc-switch--unselected:disabled .mdc-switch__icons{opacity:0.38;opacity:var(--mdc-switch-disabled-unselected-icon-opacity, 0.38)}.mdc-switch.mdc-switch--selected .mdc-switch__icon{width:18px;width:var(--mdc-switch-selected-icon-size, 18px);height:18px;height:var(--mdc-switch-selected-icon-size, 18px)}.mdc-switch.mdc-switch--unselected .mdc-switch__icon{width:18px;width:var(--mdc-switch-unselected-icon-size, 18px);height:18px;height:var(--mdc-switch-unselected-icon-size, 18px)}.mdc-switch .mdc-switch__ripple{height:48px;height:var(--mdc-switch-state-layer-size, 48px);width:48px;width:var(--mdc-switch-state-layer-size, 48px)}.mdc-switch .mdc-switch__track{height:14px;height:var(--mdc-switch-track-height, 14px)}.mdc-switch:disabled .mdc-switch__track{opacity:0.12;opacity:var(--mdc-switch-disabled-track-opacity, 0.12)}.mdc-switch:enabled .mdc-switch__track::after{background:#d7bbff;background:var(--mdc-switch-selected-track-color, #d7bbff)}.mdc-switch:enabled:hover:not(:focus):not(:active) .mdc-switch__track::after{background:#d7bbff;background:var(--mdc-switch-selected-hover-track-color, #d7bbff)}.mdc-switch:enabled:focus:not(:active) .mdc-switch__track::after{background:#d7bbff;background:var(--mdc-switch-selected-focus-track-color, #d7bbff)}.mdc-switch:enabled:active .mdc-switch__track::after{background:#d7bbff;background:var(--mdc-switch-selected-pressed-track-color, #d7bbff)}.mdc-switch:disabled .mdc-switch__track::after{background:#424242;background:var(--mdc-switch-disabled-selected-track-color, #424242)}.mdc-switch:enabled .mdc-switch__track::before{background:#e0e0e0;background:var(--mdc-switch-unselected-track-color, #e0e0e0)}.mdc-switch:enabled:hover:not(:focus):not(:active) .mdc-switch__track::before{background:#e0e0e0;background:var(--mdc-switch-unselected-hover-track-color, #e0e0e0)}.mdc-switch:enabled:focus:not(:active) .mdc-switch__track::before{background:#e0e0e0;background:var(--mdc-switch-unselected-focus-track-color, #e0e0e0)}.mdc-switch:enabled:active .mdc-switch__track::before{background:#e0e0e0;background:var(--mdc-switch-unselected-pressed-track-color, #e0e0e0)}.mdc-switch:disabled .mdc-switch__track::before{background:#424242;background:var(--mdc-switch-disabled-unselected-track-color, #424242)}.mdc-switch .mdc-switch__track{border-radius:7px;border-radius:var(--mdc-switch-track-shape, 7px)}.mdc-switch.mdc-switch--selected{--mdc-ripple-focus-state-layer-color:var(--mdc-switch-selected-focus-state-layer-color, var(--mdc-theme-primary, #6200ee));--mdc-ripple-focus-state-layer-opacity:var(--mdc-switch-selected-focus-state-layer-opacity, 0.12);--mdc-ripple-hover-state-layer-color:var(--mdc-switch-selected-hover-state-layer-color, var(--mdc-theme-primary, #6200ee));--mdc-ripple-hover-state-layer-opacity:var(--mdc-switch-selected-hover-state-layer-opacity, 0.04);--mdc-ripple-pressed-state-layer-color:var(--mdc-switch-selected-pressed-state-layer-color, var(--mdc-theme-primary, #6200ee));--mdc-ripple-pressed-state-layer-opacity:var(--mdc-switch-selected-pressed-state-layer-opacity, 0.1)}.mdc-switch.mdc-switch--selected:enabled:focus:not(:active){--mdc-ripple-hover-state-layer-color:var(--mdc-switch-selected-focus-state-layer-color, var(--mdc-theme-primary, #6200ee))}.mdc-switch.mdc-switch--selected:enabled:active{--mdc-ripple-hover-state-layer-color:var(--mdc-switch-selected-pressed-state-layer-color, var(--mdc-theme-primary, #6200ee))}.mdc-switch.mdc-switch--unselected{--mdc-ripple-focus-state-layer-color:var(--mdc-switch-unselected-focus-state-layer-color, #424242);--mdc-ripple-focus-state-layer-opacity:var(--mdc-switch-unselected-focus-state-layer-opacity, 0.12);--mdc-ripple-hover-state-layer-color:var(--mdc-switch-unselected-hover-state-layer-color, #424242);--mdc-ripple-hover-state-layer-opacity:var(--mdc-switch-unselected-hover-state-layer-opacity, 0.04);--mdc-ripple-pressed-state-layer-color:var(--mdc-switch-unselected-pressed-state-layer-color, #424242);--mdc-ripple-pressed-state-layer-opacity:var(--mdc-switch-unselected-pressed-state-layer-opacity, 0.1)}.mdc-switch.mdc-switch--unselected:enabled:focus:not(:active){--mdc-ripple-hover-state-layer-color:var(--mdc-switch-unselected-focus-state-layer-color, #424242)}.mdc-switch.mdc-switch--unselected:enabled:active{--mdc-ripple-hover-state-layer-color:var(--mdc-switch-unselected-pressed-state-layer-color, #424242)}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-switch:disabled .mdc-switch__handle::after{opacity:1;opacity:var(--mdc-switch-disabled-handle-opacity, 1)}.mdc-switch.mdc-switch--selected:enabled .mdc-switch__icon{fill:ButtonText;fill:var(--mdc-switch-selected-icon-color, ButtonText)}.mdc-switch.mdc-switch--selected:disabled .mdc-switch__icon{fill:GrayText;fill:var(--mdc-switch-disabled-selected-icon-color, GrayText)}.mdc-switch.mdc-switch--unselected:enabled .mdc-switch__icon{fill:ButtonText;fill:var(--mdc-switch-unselected-icon-color, ButtonText)}.mdc-switch.mdc-switch--unselected:disabled .mdc-switch__icon{fill:GrayText;fill:var(--mdc-switch-disabled-unselected-icon-color, GrayText)}.mdc-switch.mdc-switch--selected:disabled .mdc-switch__icons{opacity:1;opacity:var(--mdc-switch-disabled-selected-icon-opacity, 1)}.mdc-switch.mdc-switch--unselected:disabled .mdc-switch__icons{opacity:1;opacity:var(--mdc-switch-disabled-unselected-icon-opacity, 1)}.mdc-switch:disabled .mdc-switch__track{opacity:1;opacity:var(--mdc-switch-disabled-track-opacity, 1)}}`, Z = `:host{--mdc-theme-surface: var(--mdc-theme-background);--mdc-switch-selected-handle-color: var(--mdc-theme-primary);--mdc-switch-selected-hover-handle-color: var(--mdc-theme-primary);--mdc-switch-selected-focus-handle-color: var(--mdc-theme-primary);--mdc-switch-selected-pressed-handle-color: var(--mdc-theme-primary);--mdc-switch-selected-track-color: var(--mdc-theme-surface-secondary);--mdc-switch-selected-focus-track-color: var( --mdc-theme-surface-secondary-highlight );--mdc-switch-selected-hover-track-color: var( --mdc-theme-surface-secondary-highlight-hover );--mdc-switch-selected-pressed-track-color: var( --mdc-theme-surface-secondary-highlight-hover )}
 `;
-var n = Object.defineProperty, p = Object.getOwnPropertyDescriptor, w = (h, c, s, r) => {
-  for (var e = r > 1 ? void 0 : r ? p(c, s) : c, t = h.length - 1, m; t >= 0; t--)
-    (m = h[t]) && (e = (r ? m(c, s, e) : m(e)) || e);
-  return r && e && n(c, s, e), e;
+var V = Object.defineProperty, ee = Object.getOwnPropertyDescriptor, te = (t, e, c, r) => {
+  for (var s = r > 1 ? void 0 : r ? ee(e, c) : e, i = t.length - 1, d; i >= 0; i--)
+    (d = t[i]) && (s = (r ? d(e, c, s) : d(s)) || s);
+  return r && s && V(e, c, s), s;
 };
-let o = class extends i {
+let C = class extends o {
 };
-o.styles = [v, a`${d(f)}`];
-o = w([
-  l("cv-switch")
-], o);
+C.styles = [Q, D`${F(Z)}`];
+C = te([
+  B("cv-switch")
+], C);
 export {
-  o as CovalentSwitchBase
+  C as CovalentSwitchBase
 };