@covalent/components 6.0.1 → 6.0.2

package/mwc-radio-base.mjs

@@ -0,0 +1,528 @@
+import { _ as v, a as c, b as i } from "./tslib.es6.mjs";
+import { R as g, e as y } from "./ripple-handlers.mjs";
+import { a as f } from "./aria-property.mjs";
+import { F as R } from "./form-element.mjs";
+import { o as m } from "./observer.mjs";
+import { y as u } from "./query-assigned-elements.mjs";
+import { e as a } from "./property.mjs";
+import { t as l } from "./state.mjs";
+import { e as C } from "./event-options.mjs";
+import { i as b } from "./query.mjs";
+import { o as E } from "./class-map.mjs";
+import { l as h } from "./if-defined.mjs";
+import { a as k } from "./utils.mjs";
+/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+const p = Symbol("selection controller");
+class _ {
+  constructor() {
+    this.selected = null, this.ordered = null, this.set = /* @__PURE__ */ new Set();
+  }
+}
+class d {
+  constructor(e) {
+    this.sets = {}, this.focusedSet = null, this.mouseIsDown = !1, this.updating = !1, e.addEventListener("keydown", (t) => {
+      this.keyDownHandler(t);
+    }), e.addEventListener("mousedown", () => {
+      this.mousedownHandler();
+    }), e.addEventListener("mouseup", () => {
+      this.mouseupHandler();
+    });
+  }
+  /**
+   * Get a controller for the given element. If no controller exists, one will
+   * be created. Defaults to getting the controller scoped to the element's root
+   * node shadow root unless `element.global` is true. Then, it will get a
+   * `window.document`-scoped controller.
+   *
+   * @param element Element from which to get / create a SelectionController. If
+   *     `element.global` is true, it gets a selection controller scoped to
+   *     `window.document`.
+   */
+  static getController(e) {
+    const s = !("global" in e) || "global" in e && e.global ? document : e.getRootNode();
+    let n = s[p];
+    return n === void 0 && (n = new d(s), s[p] = n), n;
+  }
+  keyDownHandler(e) {
+    const t = e.target;
+    "checked" in t && this.has(t) && (e.key == "ArrowRight" || e.key == "ArrowDown" ? this.selectNext(t) : (e.key == "ArrowLeft" || e.key == "ArrowUp") && this.selectPrevious(t));
+  }
+  mousedownHandler() {
+    this.mouseIsDown = !0;
+  }
+  mouseupHandler() {
+    this.mouseIsDown = !1;
+  }
+  /**
+   * Whether or not the controller controls  the given element.
+   *
+   * @param element element to check
+   */
+  has(e) {
+    return this.getSet(e.name).set.has(e);
+  }
+  /**
+   * Selects and returns the controlled element previous to the given element in
+   * document position order. See
+   * [Node.compareDocumentPosition](https://developer.mozilla.org/en-US/docs/Web/API/Node/compareDocumentPosition).
+   *
+   * @param element element relative from which preceding element is fetched
+   */
+  selectPrevious(e) {
+    const t = this.getOrdered(e), s = t.indexOf(e), n = t[s - 1] || t[t.length - 1];
+    return this.select(n), n;
+  }
+  /**
+   * Selects and returns the controlled element next to the given element in
+   * document position order. See
+   * [Node.compareDocumentPosition](https://developer.mozilla.org/en-US/docs/Web/API/Node/compareDocumentPosition).
+   *
+   * @param element element relative from which following element is fetched
+   */
+  selectNext(e) {
+    const t = this.getOrdered(e), s = t.indexOf(e), n = t[s + 1] || t[0];
+    return this.select(n), n;
+  }
+  select(e) {
+    e.click();
+  }
+  /**
+   * Focuses the selected element in the given element's selection set. User's
+   * mouse selection will override this focus.
+   *
+   * @param element Element from which selection set is derived and subsequently
+   *     focused.
+   * @deprecated update() method now handles focus management by setting
+   *     appropriate tabindex to form element.
+   */
+  focus(e) {
+    if (this.mouseIsDown)
+      return;
+    const t = this.getSet(e.name), s = this.focusedSet;
+    this.focusedSet = t, s != t && t.selected && t.selected != e && t.selected.focus();
+  }
+  /**
+   * @return Returns true if atleast one radio is selected in the radio group.
+   */
+  isAnySelected(e) {
+    const t = this.getSet(e.name);
+    for (const s of t.set)
+      if (s.checked)
+        return !0;
+    return !1;
+  }
+  /**
+   * Returns the elements in the given element's selection set in document
+   * position order.
+   * [Node.compareDocumentPosition](https://developer.mozilla.org/en-US/docs/Web/API/Node/compareDocumentPosition).
+   *
+   * @param element Element from which selection set is derived and subsequently
+   *     ordered.
+   */
+  getOrdered(e) {
+    const t = this.getSet(e.name);
+    return t.ordered || (t.ordered = Array.from(t.set), t.ordered.sort((s, n) => s.compareDocumentPosition(n) == Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0)), t.ordered;
+  }
+  /**
+   * Gets the selection set of the given name and creates one if it does not yet
+   * exist.
+   *
+   * @param name Name of set
+   */
+  getSet(e) {
+    return this.sets[e] || (this.sets[e] = new _()), this.sets[e];
+  }
+  /**
+   * Register the element in the selection controller.
+   *
+   * @param element Element to register. Registers in set of `element.name`.
+   */
+  register(e) {
+    const t = e.name || e.getAttribute("name") || "", s = this.getSet(t);
+    s.set.add(e), s.ordered = null;
+  }
+  /**
+   * Unregister the element from selection controller.
+   *
+   * @param element Element to register. Registers in set of `element.name`.
+   */
+  unregister(e) {
+    const t = this.getSet(e.name);
+    t.set.delete(e), t.ordered = null, t.selected == e && (t.selected = null);
+  }
+  /**
+   * Unselects other elements in element's set if element is checked. Noop
+   * otherwise.
+   *
+   * @param element Element from which to calculate selection controller update.
+   */
+  update(e) {
+    if (this.updating)
+      return;
+    this.updating = !0;
+    const t = this.getSet(e.name);
+    if (e.checked) {
+      for (const s of t.set)
+        s != e && (s.checked = !1);
+      t.selected = e;
+    }
+    if (this.isAnySelected(e))
+      for (const s of t.set) {
+        if (s.formElementTabIndex === void 0)
+          break;
+        s.formElementTabIndex = s.checked ? 0 : -1;
+      }
+    this.updating = !1;
+  }
+}
+/**
+ * @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 D = (
+  /** @class */
+  function() {
+    function r(e) {
+      e === void 0 && (e = {}), this.adapter = e;
+    }
+    return Object.defineProperty(r, "cssClasses", {
+      get: function() {
+        return {};
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(r, "strings", {
+      get: function() {
+        return {};
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(r, "numbers", {
+      get: function() {
+        return {};
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(r, "defaultAdapter", {
+      get: function() {
+        return {};
+      },
+      enumerable: !1,
+      configurable: !0
+    }), r.prototype.init = function() {
+    }, r.prototype.destroy = function() {
+    }, r;
+  }()
+);
+/**
+ * @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 S = {
+  NATIVE_CONTROL_SELECTOR: ".mdc-radio__native-control"
+}, w = {
+  DISABLED: "mdc-radio--disabled",
+  ROOT: "mdc-radio"
+};
+/**
+ * @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 $ = (
+  /** @class */
+  function(r) {
+    v(e, r);
+    function e(t) {
+      return r.call(this, c(c({}, e.defaultAdapter), t)) || this;
+    }
+    return Object.defineProperty(e, "cssClasses", {
+      get: function() {
+        return w;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e, "strings", {
+      get: function() {
+        return S;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e, "defaultAdapter", {
+      get: function() {
+        return {
+          addClass: function() {
+          },
+          removeClass: function() {
+          },
+          setNativeControlDisabled: function() {
+          }
+        };
+      },
+      enumerable: !1,
+      configurable: !0
+    }), e.prototype.setDisabled = function(t) {
+      var s = e.cssClasses.DISABLED;
+      this.adapter.setNativeControlDisabled(t), t ? this.adapter.addClass(s) : this.adapter.removeClass(s);
+    }, e;
+  }(D)
+);
+const O = $;
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+class o extends R {
+  constructor() {
+    super(...arguments), this._checked = !1, this.useStateLayerCustomProperties = !1, this.global = !1, this.disabled = !1, this.value = "on", this.name = "", this.reducedTouchTarget = !1, this.mdcFoundationClass = O, this.formElementTabIndex = 0, this.focused = !1, this.shouldRenderRipple = !1, this.rippleElement = null, this.rippleHandlers = new g(() => (this.shouldRenderRipple = !0, this.ripple.then((e) => {
+      this.rippleElement = e;
+    }), this.ripple));
+  }
+  get checked() {
+    return this._checked;
+  }
+  /**
+   * We define our own getter/setter for `checked` because we need to track
+   * changes to it synchronously.
+   *
+   * The order in which the `checked` property is set across radio buttons
+   * within the same group is very important. However, we can't rely on
+   * UpdatingElement's `updated` callback to observe these changes (which is
+   * also what the `@observer` decorator uses), because it batches changes to
+   * all properties.
+   *
+   * Consider:
+   *
+   *   radio1.disabled = true;
+   *   radio2.checked = true;
+   *   radio1.checked = true;
+   *
+   * In this case we'd first see all changes for radio1, and then for radio2,
+   * and we couldn't tell that radio1 was the most recently checked.
+   */
+  set checked(e) {
+    var t, s;
+    const n = this._checked;
+    e !== n && (this._checked = e, this.formElement && (this.formElement.checked = e), (t = this._selectionController) === null || t === void 0 || t.update(this), e === !1 && ((s = this.formElement) === null || s === void 0 || s.blur()), this.requestUpdate("checked", n), this.dispatchEvent(new Event("checked", { bubbles: !0, composed: !0 })));
+  }
+  _handleUpdatedValue(e) {
+    this.formElement.value = e;
+  }
+  /** @soyTemplate */
+  renderRipple() {
+    return this.shouldRenderRipple ? u`<mwc-ripple unbounded accent
+        .internalUseStateLayerCustomProperties="${this.useStateLayerCustomProperties}"
+        .disabled="${this.disabled}"></mwc-ripple>` : "";
+  }
+  get isRippleActive() {
+    var e;
+    return ((e = this.rippleElement) === null || e === void 0 ? void 0 : e.isActive) || !1;
+  }
+  connectedCallback() {
+    super.connectedCallback(), this._selectionController = d.getController(this), this._selectionController.register(this), this._selectionController.update(this);
+  }
+  disconnectedCallback() {
+    this._selectionController.unregister(this), this._selectionController = void 0;
+  }
+  focus() {
+    this.formElement.focus();
+  }
+  createAdapter() {
+    return Object.assign(Object.assign({}, k(this.mdcRoot)), { setNativeControlDisabled: (e) => {
+      this.formElement.disabled = e;
+    } });
+  }
+  handleFocus() {
+    this.focused = !0, this.handleRippleFocus();
+  }
+  handleClick() {
+    this.formElement.focus();
+  }
+  handleBlur() {
+    this.focused = !1, this.formElement.blur(), this.rippleHandlers.endFocus();
+  }
+  setFormData(e) {
+    this.name && this.checked && e.append(this.name, this.value);
+  }
+  /**
+   * @soyTemplate
+   * @soyAttributes radioAttributes: input
+   * @soyClasses radioClasses: .mdc-radio
+   */
+  render() {
+    const e = {
+      "mdc-radio--touch": !this.reducedTouchTarget,
+      "mdc-ripple-upgraded--background-focused": this.focused,
+      "mdc-radio--disabled": this.disabled
+    };
+    return u`
+      <div class="mdc-radio ${E(e)}">
+        <input
+          tabindex="${this.formElementTabIndex}"
+          class="mdc-radio__native-control"
+          type="radio"
+          name="${this.name}"
+          aria-label="${h(this.ariaLabel)}"
+          aria-labelledby="${h(this.ariaLabelledBy)}"
+          .checked="${this.checked}"
+          .value="${this.value}"
+          ?disabled="${this.disabled}"
+          @change="${this.changeHandler}"
+          @focus="${this.handleFocus}"
+          @click="${this.handleClick}"
+          @blur="${this.handleBlur}"
+          @mousedown="${this.handleRippleMouseDown}"
+          @mouseenter="${this.handleRippleMouseEnter}"
+          @mouseleave="${this.handleRippleMouseLeave}"
+          @touchstart="${this.handleRippleTouchStart}"
+          @touchend="${this.handleRippleDeactivate}"
+          @touchcancel="${this.handleRippleDeactivate}">
+        <div class="mdc-radio__background">
+          <div class="mdc-radio__outer-circle"></div>
+          <div class="mdc-radio__inner-circle"></div>
+        </div>
+        ${this.renderRipple()}
+      </div>`;
+  }
+  handleRippleMouseDown(e) {
+    const t = () => {
+      window.removeEventListener("mouseup", t), this.handleRippleDeactivate();
+    };
+    window.addEventListener("mouseup", t), this.rippleHandlers.startPress(e);
+  }
+  handleRippleTouchStart(e) {
+    this.rippleHandlers.startPress(e);
+  }
+  handleRippleDeactivate() {
+    this.rippleHandlers.endPress();
+  }
+  handleRippleMouseEnter() {
+    this.rippleHandlers.startHover();
+  }
+  handleRippleMouseLeave() {
+    this.rippleHandlers.endHover();
+  }
+  handleRippleFocus() {
+    this.rippleHandlers.startFocus();
+  }
+  changeHandler() {
+    this.checked = this.formElement.checked;
+  }
+}
+i([
+  b(".mdc-radio")
+], o.prototype, "mdcRoot", void 0);
+i([
+  b("input")
+], o.prototype, "formElement", void 0);
+i([
+  l()
+], o.prototype, "useStateLayerCustomProperties", void 0);
+i([
+  a({ type: Boolean })
+], o.prototype, "global", void 0);
+i([
+  a({ type: Boolean, reflect: !0 })
+], o.prototype, "checked", null);
+i([
+  a({ type: Boolean }),
+  m(function(r) {
+    this.mdcFoundation.setDisabled(r);
+  })
+], o.prototype, "disabled", void 0);
+i([
+  a({ type: String }),
+  m(function(r) {
+    this._handleUpdatedValue(r);
+  })
+], o.prototype, "value", void 0);
+i([
+  a({ type: String })
+], o.prototype, "name", void 0);
+i([
+  a({ type: Boolean })
+], o.prototype, "reducedTouchTarget", void 0);
+i([
+  a({ type: Number })
+], o.prototype, "formElementTabIndex", void 0);
+i([
+  l()
+], o.prototype, "focused", void 0);
+i([
+  l()
+], o.prototype, "shouldRenderRipple", void 0);
+i([
+  y("mwc-ripple")
+], o.prototype, "ripple", void 0);
+i([
+  f,
+  a({ attribute: "aria-label" })
+], o.prototype, "ariaLabel", void 0);
+i([
+  f,
+  a({ attribute: "aria-labelledby" })
+], o.prototype, "ariaLabelledBy", void 0);
+i([
+  C({ passive: !0 })
+], o.prototype, "handleRippleTouchStart", null);
+export {
+  o as R
+};

package/mwc-radio.css.mjs

@@ -0,0 +1,10 @@
+import { i as r } from "./query-assigned-elements.mjs";
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-LIcense-Identifier: Apache-2.0
+ */
+const o = r`.mdc-touch-target-wrapper{display:inline}.mdc-radio{padding:calc((40px - 20px) / 2)}.mdc-radio .mdc-radio__native-control:enabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle{border-color:rgba(0, 0, 0, 0.54)}.mdc-radio .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle{border-color:#018786;border-color:var(--mdc-theme-secondary, #018786)}.mdc-radio .mdc-radio__native-control:enabled+.mdc-radio__background .mdc-radio__inner-circle{border-color:#018786;border-color:var(--mdc-theme-secondary, #018786)}.mdc-radio [aria-disabled=true] .mdc-radio__native-control:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle,.mdc-radio .mdc-radio__native-control:disabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle{border-color:rgba(0, 0, 0, 0.38)}.mdc-radio [aria-disabled=true] .mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__outer-circle,.mdc-radio .mdc-radio__native-control:disabled:checked+.mdc-radio__background .mdc-radio__outer-circle{border-color:rgba(0, 0, 0, 0.38)}.mdc-radio [aria-disabled=true] .mdc-radio__native-control+.mdc-radio__background .mdc-radio__inner-circle,.mdc-radio .mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__inner-circle{border-color:rgba(0, 0, 0, 0.38)}.mdc-radio .mdc-radio__background::before{background-color:#018786;background-color:var(--mdc-theme-secondary, #018786)}.mdc-radio .mdc-radio__background::before{top:calc(-1 * (40px - 20px) / 2);left:calc(-1 * (40px - 20px) / 2);width:40px;height:40px}.mdc-radio .mdc-radio__native-control{top:calc((40px - 40px) / 2);right:calc((40px - 40px) / 2);left:calc((40px - 40px) / 2);width:40px;height:40px}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-radio.mdc-radio--disabled [aria-disabled=true] .mdc-radio__native-control:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle,.mdc-radio.mdc-radio--disabled .mdc-radio__native-control:disabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle{border-color:GrayText}.mdc-radio.mdc-radio--disabled [aria-disabled=true] .mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__outer-circle,.mdc-radio.mdc-radio--disabled .mdc-radio__native-control:disabled:checked+.mdc-radio__background .mdc-radio__outer-circle{border-color:GrayText}.mdc-radio.mdc-radio--disabled [aria-disabled=true] .mdc-radio__native-control+.mdc-radio__background .mdc-radio__inner-circle,.mdc-radio.mdc-radio--disabled .mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__inner-circle{border-color:GrayText}}.mdc-radio{display:inline-block;position:relative;flex:0 0 auto;box-sizing:content-box;width:20px;height:20px;cursor:pointer;will-change:opacity,transform,border-color,color}.mdc-radio__background{display:inline-block;position:relative;box-sizing:border-box;width:20px;height:20px}.mdc-radio__background::before{position:absolute;transform:scale(0, 0);border-radius:50%;opacity:0;pointer-events:none;content:"";transition:opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1),transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-radio__outer-circle{position:absolute;top:0;left:0;box-sizing:border-box;width:100%;height:100%;border-width:2px;border-style:solid;border-radius:50%;transition:border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-radio__inner-circle{position:absolute;top:0;left:0;box-sizing:border-box;width:100%;height:100%;transform:scale(0, 0);border-width:10px;border-style:solid;border-radius:50%;transition:transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1),border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-radio__native-control{position:absolute;margin:0;padding:0;opacity:0;cursor:inherit;z-index:1}.mdc-radio--touch{margin-top:4px;margin-bottom:4px;margin-right:4px;margin-left:4px}.mdc-radio--touch .mdc-radio__native-control{top:calc((40px - 48px) / 2);right:calc((40px - 48px) / 2);left:calc((40px - 48px) / 2);width:48px;height:48px}.mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__focus-ring,.mdc-radio:not(.mdc-ripple-upgraded):focus .mdc-radio__focus-ring{pointer-events:none;border:2px solid transparent;border-radius:6px;box-sizing:content-box;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:100%;width:100%}@media screen and (forced-colors: active){.mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__focus-ring,.mdc-radio:not(.mdc-ripple-upgraded):focus .mdc-radio__focus-ring{border-color:CanvasText}}.mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__focus-ring::after,.mdc-radio:not(.mdc-ripple-upgraded):focus .mdc-radio__focus-ring::after{content:"";border:2px solid transparent;border-radius:8px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc(100% + 4px);width:calc(100% + 4px)}@media screen and (forced-colors: active){.mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__focus-ring::after,.mdc-radio:not(.mdc-ripple-upgraded):focus .mdc-radio__focus-ring::after{border-color:CanvasText}}.mdc-radio__native-control:checked+.mdc-radio__background,.mdc-radio__native-control:disabled+.mdc-radio__background{transition:opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1),transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__outer-circle,.mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__outer-circle{transition:border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__inner-circle,.mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__inner-circle{transition:transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1),border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-radio--disabled{cursor:default;pointer-events:none}.mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__inner-circle{transform:scale(0.5);transition:transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1),border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-radio__native-control:disabled+.mdc-radio__background,[aria-disabled=true] .mdc-radio__native-control+.mdc-radio__background{cursor:default}.mdc-radio__native-control:focus+.mdc-radio__background::before{transform:scale(1);opacity:.12;transition:opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1),transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1)}:host{display:inline-block;outline:none}.mdc-radio{vertical-align:bottom}.mdc-radio .mdc-radio__native-control:enabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle{border-color:var(--mdc-radio-unchecked-color, rgba(0, 0, 0, 0.54))}.mdc-radio [aria-disabled=true] .mdc-radio__native-control:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle,.mdc-radio .mdc-radio__native-control:disabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle{border-color:var(--mdc-radio-disabled-color, rgba(0, 0, 0, 0.38))}.mdc-radio [aria-disabled=true] .mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__outer-circle,.mdc-radio .mdc-radio__native-control:disabled:checked+.mdc-radio__background .mdc-radio__outer-circle{border-color:var(--mdc-radio-disabled-color, rgba(0, 0, 0, 0.38))}.mdc-radio [aria-disabled=true] .mdc-radio__native-control+.mdc-radio__background .mdc-radio__inner-circle,.mdc-radio .mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__inner-circle{border-color:var(--mdc-radio-disabled-color, rgba(0, 0, 0, 0.38))}`;
+export {
+  o as s
+};