@covalent/components 6.0.4 → 6.0.5

package/mwc-radio-base.mjs

@@ -1,185 +1,8 @@
-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";
-/**
+"use strict";const r=require("./tslib.es6.mjs"),p=require("./ripple-handlers.mjs"),f=require("./aria-property.mjs"),v=require("./form-element.mjs"),m=require("./observer.mjs"),c=require("./query-assigned-elements.mjs"),a=require("./property.mjs"),d=require("./state.mjs"),g=require("./event-options.mjs"),b=require("./query.mjs"),_=require("./class-map.mjs"),u=require("./if-defined.mjs"),y=require("./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;
-  }
-}
-/**
+ */const h=Symbol("selection controller");class R{constructor(){this.selected=null,this.ordered=null,this.set=new Set}}class l{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()})}static getController(e){const s=!("global"in e)||"global"in e&&e.global?document:e.getRootNode();let n=s[h];return n===void 0&&(n=new l(s),s[h]=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}has(e){return this.getSet(e.name).set.has(e)}selectPrevious(e){const t=this.getOrdered(e),s=t.indexOf(e),n=t[s-1]||t[t.length-1];return this.select(n),n}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()}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()}isAnySelected(e){const t=this.getSet(e.name);for(const s of t.set)if(s.checked)return!0;return!1}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}getSet(e){return this.sets[e]||(this.sets[e]=new R),this.sets[e]}register(e){const t=e.name||e.getAttribute("name")||"",s=this.getSet(t);s.set.add(e),s.ordered=null}unregister(e){const t=this.getSet(e.name);t.set.delete(e),t.ordered=null,t.selected==e&&(t.selected=null)}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.
  *
@@ -200,43 +23,7 @@ class d {
  * 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;
-  }()
-);
-/**
+ */var E=function(){function o(e){e===void 0&&(e={}),this.adapter=e}return Object.defineProperty(o,"cssClasses",{get:function(){return{}},enumerable:!1,configurable:!0}),Object.defineProperty(o,"strings",{get:function(){return{}},enumerable:!1,configurable:!0}),Object.defineProperty(o,"numbers",{get:function(){return{}},enumerable:!1,configurable:!0}),Object.defineProperty(o,"defaultAdapter",{get:function(){return{}},enumerable:!1,configurable:!0}),o.prototype.init=function(){},o.prototype.destroy=function(){},o}();/**
  * @license
  * Copyright 2016 Google Inc.
  *
@@ -257,14 +44,7 @@ var D = (
  * 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"
-};
-/**
+ */var C={NATIVE_CONTROL_SELECTOR:".mdc-radio__native-control"},k={DISABLED:"mdc-radio--disabled",ROOT:"mdc-radio"};/**
  * @license
  * Copyright 2016 Google Inc.
  *
@@ -285,143 +65,21 @@ var S = {
  * 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 = $;
-/**
+ */var D=function(o){r.__extends(e,o);function e(t){return o.call(this,r.__assign(r.__assign({},e.defaultAdapter),t))||this}return Object.defineProperty(e,"cssClasses",{get:function(){return k},enumerable:!1,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return C},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}(E);const S=D;/**
  * @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
+ */class i extends v.FormElement{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=S,this.formElementTabIndex=0,this.focused=!1,this.shouldRenderRipple=!1,this.rippleElement=null,this.rippleHandlers=new p.RippleHandlers(()=>(this.shouldRenderRipple=!0,this.ripple.then(e=>{this.rippleElement=e}),this.ripple))}get checked(){return this._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}renderRipple(){return this.shouldRenderRipple?c.y`<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)}">
+        .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=l.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({},y.addHasRemoveClass(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)}render(){const e={"mdc-radio--touch":!this.reducedTouchTarget,"mdc-ripple-upgraded--background-focused":this.focused,"mdc-radio--disabled":this.disabled};return c.y`
+      <div class="mdc-radio ${_.o(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)}"
+          aria-label="${u.l(this.ariaLabel)}"
+          aria-labelledby="${u.l(this.ariaLabelledBy)}"
           .checked="${this.checked}"
           .value="${this.value}"
           ?disabled="${this.disabled}"
@@ -440,89 +98,4 @@ class o extends R {
           <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
-};
+      </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}}r.__decorate([b.i(".mdc-radio")],i.prototype,"mdcRoot",void 0);r.__decorate([b.i("input")],i.prototype,"formElement",void 0);r.__decorate([d.t()],i.prototype,"useStateLayerCustomProperties",void 0);r.__decorate([a.e({type:Boolean})],i.prototype,"global",void 0);r.__decorate([a.e({type:Boolean,reflect:!0})],i.prototype,"checked",null);r.__decorate([a.e({type:Boolean}),m.observer(function(o){this.mdcFoundation.setDisabled(o)})],i.prototype,"disabled",void 0);r.__decorate([a.e({type:String}),m.observer(function(o){this._handleUpdatedValue(o)})],i.prototype,"value",void 0);r.__decorate([a.e({type:String})],i.prototype,"name",void 0);r.__decorate([a.e({type:Boolean})],i.prototype,"reducedTouchTarget",void 0);r.__decorate([a.e({type:Number})],i.prototype,"formElementTabIndex",void 0);r.__decorate([d.t()],i.prototype,"focused",void 0);r.__decorate([d.t()],i.prototype,"shouldRenderRipple",void 0);r.__decorate([p.e("mwc-ripple")],i.prototype,"ripple",void 0);r.__decorate([f.ariaProperty,a.e({attribute:"aria-label"})],i.prototype,"ariaLabel",void 0);r.__decorate([f.ariaProperty,a.e({attribute:"aria-labelledby"})],i.prototype,"ariaLabelledBy",void 0);r.__decorate([g.e({passive:!0})],i.prototype,"handleRippleTouchStart",null);exports.RadioBase=i;

package/mwc-radio.css.mjs

@@ -1,10 +1,5 @@
-import { i as r } from "./query-assigned-elements.mjs";
-/**
+"use strict";const r=require("./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
-};
+ */const d=r.i`.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))}`;exports.styles=d;