@covalent/components 4.16.0-beta.1 → 6.0.2

package/radio-list-item.mjs

@@ -0,0 +1,99 @@
+import { b as e } from "./tslib.es6.mjs";
+import { i as u, e as _, y as m } from "./query-assigned-elements.mjs";
+import { R as h } from "./mwc-radio-base.mjs";
+import { e as b } from "./property.mjs";
+import { i as p } from "./query.mjs";
+import { o as g } from "./class-map.mjs";
+import { l as f } from "./if-defined.mjs";
+import { L as k } from "./mwc-list-item-base.mjs";
+import { s as v, a as x } from "./mwc-list-item.css.mjs";
+import "./ripple-handlers.mjs";
+import "./base-element.mjs";
+import "./utils.mjs";
+import "./state.mjs";
+import "./style-map.mjs";
+import "./aria-property.mjs";
+import "./form-element.mjs";
+import "./observer.mjs";
+import "./event-options.mjs";
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-LIcense-Identifier: Apache-2.0
+ */
+const y = u`.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))}`;
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+let s = class extends h {
+};
+s.styles = [y];
+s = e([
+  _("mwc-radio")
+], s);
+/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+class a extends k {
+  constructor() {
+    super(...arguments), this.left = !1, this.graphic = "control", this._changeFromClick = !1;
+  }
+  render() {
+    const d = {
+      "mdc-deprecated-list-item__graphic": this.left,
+      "mdc-deprecated-list-item__meta": !this.left
+    }, r = this.renderText(), c = this.graphic && this.graphic !== "control" && !this.left ? this.renderGraphic() : m``, o = this.hasMeta && this.left ? this.renderMeta() : m``, i = this.renderRipple();
+    return m`
+      ${i}
+      ${c}
+      ${this.left ? "" : r}
+      <mwc-radio
+          global
+          class=${g(d)}
+          tabindex=${this.tabindex}
+          name=${f(this.group === null ? void 0 : this.group)}
+          .checked=${this.selected}
+          ?disabled=${this.disabled}
+          @checked=${this.onChange}>
+      </mwc-radio>
+      ${this.left ? r : ""}
+      ${o}`;
+  }
+  onClick() {
+    this._changeFromClick = !0, super.onClick();
+  }
+  async onChange(d) {
+    const r = d.target;
+    this.selected === r.checked || (this._skipPropRequest = !0, this.selected = r.checked, await this.updateComplete, this._skipPropRequest = !1, this._changeFromClick || this.fireRequestSelected(this.selected, "interaction")), this._changeFromClick = !1;
+  }
+}
+e([
+  p("slot")
+], a.prototype, "slotElement", void 0);
+e([
+  p("mwc-radio")
+], a.prototype, "radioElement", void 0);
+e([
+  b({ type: Boolean })
+], a.prototype, "left", void 0);
+e([
+  b({ type: String, reflect: !0 })
+], a.prototype, "graphic", void 0);
+var w = Object.defineProperty, z = Object.getOwnPropertyDescriptor, $ = (t, d, r, c) => {
+  for (var o = c > 1 ? void 0 : c ? z(d, r) : d, i = t.length - 1, n; i >= 0; i--)
+    (n = t[i]) && (o = (c ? n(d, r, o) : n(o)) || o);
+  return c && o && w(d, r, o), o;
+};
+let l = class extends a {
+};
+l.styles = [v, x];
+l = $([
+  _("cv-radio-list-item")
+], l);
+export {
+  l as CovalentRadioListItemBase
+};

package/radio.mjs

@@ -0,0 +1,33 @@
+import { i as a, r as c, e as l } from "./query-assigned-elements.mjs";
+import { R as n } from "./mwc-radio-base.mjs";
+import { s as v } from "./mwc-radio.css.mjs";
+import "./tslib.es6.mjs";
+import "./ripple-handlers.mjs";
+import "./base-element.mjs";
+import "./utils.mjs";
+import "./property.mjs";
+import "./state.mjs";
+import "./query.mjs";
+import "./class-map.mjs";
+import "./style-map.mjs";
+import "./aria-property.mjs";
+import "./form-element.mjs";
+import "./observer.mjs";
+import "./event-options.mjs";
+import "./if-defined.mjs";
+const f = `:host{--mdc-radio-unchecked-color: var(--mdc-theme-text-icon-on-background)}
+`;
+var d = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, h = (s, o, e, t) => {
+  for (var r = t > 1 ? void 0 : t ? _(o, e) : o, i = s.length - 1, m; i >= 0; i--)
+    (m = s[i]) && (r = (t ? m(o, e, r) : m(r)) || r);
+  return t && r && d(o, e, r), r;
+};
+let p = class extends n {
+};
+p.styles = [v, a`${c(f)}`];
+p = h([
+  l("cv-radio")
+], p);
+export {
+  p as CovalentRadioBase
+};