@covalent/components 8.0.0 → 8.1.0-beta.1

package/formfield.mjs

@@ -0,0 +1,277 @@
+import { x as u, i as m, r as h, e as y } from "./query-assigned-elements-4a39219d.mjs";
+import { _ as b, a as f, b as a } from "./tslib.es6-226581a4.mjs";
+import { B as v } from "./base-element-67ae173f.mjs";
+import { F as p } from "./form-element-7353b3c4.mjs";
+import { o as w } from "./observer-be7b92e2.mjs";
+import { n as d } from "./property-9b6ea53b.mjs";
+import { i as g } from "./query-d843aa92.mjs";
+import { o as x } from "./query-assigned-nodes-df691e78.mjs";
+import { o as _ } from "./class-map-4b94b017.mjs";
+import "./utils-2932417c.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 C = (
+  /** @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 2017 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 F = {
+  ROOT: "mdc-form-field"
+}, I = {
+  LABEL_SELECTOR: ".mdc-form-field > label"
+};
+/**
+ * @license
+ * Copyright 2017 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 O = (
+  /** @class */
+  function(r) {
+    b(e, r);
+    function e(t) {
+      var i = r.call(this, f(f({}, e.defaultAdapter), t)) || this;
+      return i.click = function() {
+        i.handleClick();
+      }, i;
+    }
+    return Object.defineProperty(e, "cssClasses", {
+      get: function() {
+        return F;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e, "strings", {
+      get: function() {
+        return I;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e, "defaultAdapter", {
+      get: function() {
+        return {
+          activateInputRipple: function() {
+          },
+          deactivateInputRipple: function() {
+          },
+          deregisterInteractionHandler: function() {
+          },
+          registerInteractionHandler: function() {
+          }
+        };
+      },
+      enumerable: !1,
+      configurable: !0
+    }), e.prototype.init = function() {
+      this.adapter.registerInteractionHandler("click", this.click);
+    }, e.prototype.destroy = function() {
+      this.adapter.deregisterInteractionHandler("click", this.click);
+    }, e.prototype.handleClick = function() {
+      var t = this;
+      this.adapter.activateInputRipple(), requestAnimationFrame(function() {
+        t.adapter.deactivateInputRipple();
+      });
+    }, e;
+  }(C)
+);
+const E = O;
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+class n extends v {
+  constructor() {
+    super(...arguments), this.alignEnd = !1, this.spaceBetween = !1, this.nowrap = !1, this.label = "", this.mdcFoundationClass = E;
+  }
+  createAdapter() {
+    return {
+      registerInteractionHandler: (e, t) => {
+        this.labelEl.addEventListener(e, t);
+      },
+      deregisterInteractionHandler: (e, t) => {
+        this.labelEl.removeEventListener(e, t);
+      },
+      activateInputRipple: async () => {
+        const e = this.input;
+        if (e instanceof p) {
+          const t = await e.ripple;
+          t && t.startPress();
+        }
+      },
+      deactivateInputRipple: async () => {
+        const e = this.input;
+        if (e instanceof p) {
+          const t = await e.ripple;
+          t && t.endPress();
+        }
+      }
+    };
+  }
+  get input() {
+    var e, t;
+    return (t = (e = this.slottedInputs) === null || e === void 0 ? void 0 : e[0]) !== null && t !== void 0 ? t : null;
+  }
+  render() {
+    const e = {
+      "mdc-form-field--align-end": this.alignEnd,
+      "mdc-form-field--space-between": this.spaceBetween,
+      "mdc-form-field--nowrap": this.nowrap
+    };
+    return u`
+      <div class="mdc-form-field ${_(e)}">
+        <slot></slot>
+        <label class="mdc-label"
+               @click="${this._labelClick}">${this.label}</label>
+      </div>`;
+  }
+  click() {
+    this._labelClick();
+  }
+  _labelClick() {
+    const e = this.input;
+    e && (e.focus(), e.click());
+  }
+}
+a([
+  d({ type: Boolean })
+], n.prototype, "alignEnd", void 0);
+a([
+  d({ type: Boolean })
+], n.prototype, "spaceBetween", void 0);
+a([
+  d({ type: Boolean })
+], n.prototype, "nowrap", void 0);
+a([
+  d({ type: String }),
+  w(async function(r) {
+    var e;
+    (e = this.input) === null || e === void 0 || e.setAttribute("aria-label", r);
+  })
+], n.prototype, "label", void 0);
+a([
+  g(".mdc-form-field")
+], n.prototype, "mdcRoot", void 0);
+a([
+  x("", !0, "*")
+], n.prototype, "slottedInputs", void 0);
+a([
+  g("label")
+], n.prototype, "labelEl", void 0);
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-LIcense-Identifier: Apache-2.0
+ */
+const P = m`.mdc-form-field{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-body2-font-size, 0.875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:0.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);color:rgba(0, 0, 0, 0.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));display:inline-flex;align-items:center;vertical-align:middle}.mdc-form-field>label{margin-left:0;margin-right:auto;padding-left:4px;padding-right:0;order:0}[dir=rtl] .mdc-form-field>label,.mdc-form-field>label[dir=rtl]{margin-left:auto;margin-right:0}[dir=rtl] .mdc-form-field>label,.mdc-form-field>label[dir=rtl]{padding-left:0;padding-right:4px}.mdc-form-field--nowrap>label{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.mdc-form-field--align-end>label{margin-left:auto;margin-right:0;padding-left:0;padding-right:4px;order:-1}[dir=rtl] .mdc-form-field--align-end>label,.mdc-form-field--align-end>label[dir=rtl]{margin-left:0;margin-right:auto}[dir=rtl] .mdc-form-field--align-end>label,.mdc-form-field--align-end>label[dir=rtl]{padding-left:4px;padding-right:0}.mdc-form-field--space-between{justify-content:space-between}.mdc-form-field--space-between>label{margin:0}[dir=rtl] .mdc-form-field--space-between>label,.mdc-form-field--space-between>label[dir=rtl]{margin:0}:host{display:inline-flex}.mdc-form-field{width:100%}::slotted(*){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-body2-font-size, 0.875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:0.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);color:rgba(0, 0, 0, 0.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}::slotted(mwc-switch){margin-right:10px}[dir=rtl] ::slotted(mwc-switch),::slotted(mwc-switch[dir=rtl]){margin-left:10px}`, R = `::slotted(cv-switch){margin-right:10px}[dir=rtl] ::slotted(cv-switch),::slotted(cv-switch[dir=rtl]){margin-left:10px}
+`;
+var k = Object.defineProperty, j = Object.getOwnPropertyDescriptor, B = (r, e, t, i) => {
+  for (var o = i > 1 ? void 0 : i ? j(e, t) : e, s = r.length - 1, c; s >= 0; s--)
+    (c = r[s]) && (o = (i ? c(e, t, o) : c(o)) || o);
+  return i && o && k(e, t, o), o;
+};
+let l = class extends n {
+};
+l.styles = [
+  m`
+      ${h(R)}
+    `,
+  P
+];
+l = B([
+  y("cv-formfield")
+], l);
+const G = l;
+export {
+  l as CovalentFormfield,
+  G as default
+};

package/{foundation-39dc72d2.mjs → foundation-eff81c1e.mjs}

@@ -1,4 +1,4 @@
-import { _ as p, a as u } from "./tslib.es6-f3e988cd.mjs";
+import { _ as p, a as u } from "./tslib.es6-226581a4.mjs";
 /**
  * @license
  * Copyright 2020 Google Inc.

package/icon-button.mjs

@@ -1,6 +1,6 @@
 import { s as h, x as p, i as u, r as f, e as g } from "./query-assigned-elements-4a39219d.mjs";
-import { f as n } from "./tslib.es6-f3e988cd.mjs";
-import { e as _, R as x } from "./ripple-handlers-f37f21cf.mjs";
+import { b as n } from "./tslib.es6-226581a4.mjs";
+import { e as _, R as x } from "./ripple-handlers-38a43e50.mjs";
 import { a as m } from "./aria-property-fa2717fe.mjs";
 import { n as d } from "./property-9b6ea53b.mjs";
 import { t as v } from "./state-b5e865db.mjs";

package/icon-check-toggle.mjs

@@ -2,16 +2,16 @@ import { i as m, r as h, x as l, e as f } from "./query-assigned-elements-4a3921
 import { n as s } from "./property-9b6ea53b.mjs";
 import { o as d } from "./class-map-4b94b017.mjs";
 import { o as g } from "./style-map-bc3ed3e0.mjs";
-import { C as y } from "./mwc-checkbox-base-f10fd709.mjs";
+import { C as y } from "./mwc-checkbox-base-afeeff16.mjs";
 import { s as v } from "./mwc-checkbox.css-8f4f1a9b.mjs";
-import "./tslib.es6-f3e988cd.mjs";
-import "./ripple-handlers-f37f21cf.mjs";
+import "./tslib.es6-226581a4.mjs";
+import "./ripple-handlers-38a43e50.mjs";
 import "./base-element-67ae173f.mjs";
 import "./utils-2932417c.mjs";
 import "./state-b5e865db.mjs";
 import "./query-d843aa92.mjs";
 import "./aria-property-fa2717fe.mjs";
-import "./form-element-ffcf59ff.mjs";
+import "./form-element-7353b3c4.mjs";
 import "./event-options-78d6cf94.mjs";
 import "./if-defined-c367f208.mjs";
 const u = `:host .mdc-toggle__background{position:absolute;top:4px;right:4px;width:15px;height:15px;border:none;color:var(--mdc-theme-text-icon-on-dark)}:host .mdc-toggle__checkmark-path{transition:stroke-dashoffset .18s cubic-bezier(.4,0,.6,1) 0ms;stroke:currentcolor;stroke-width:3.12px;stroke-dashoffset:29.7833;stroke-dasharray:29.7833}:host .showCheck{stroke-dashoffset:0;opacity:1}:host([width=fill]){width:100%}.container{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;row-gap:8px;width:var(--width);height:var(--height);border:solid 2px var(--mdc-theme-border);border-radius:8px;color:var(--mdc-theme-text-primary-on-background);--mdc-ripple-fg-size: 0;--mdc-ripple-left: 0;--mdc-ripple-top: 0;--mdc-ripple-fg-scale: 1;--mdc-ripple-fg-translate-end: 0;--mdc-ripple-fg-translate-start: 0;-webkit-tap-highlight-color:rgba(0,0,0,0);will-change:transform,opacity}.container:before,.container:after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.container:before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.container:after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.container.mdc-ripple-upgraded:before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.container.mdc-ripple-upgraded:after{top:0;left:0;transform:scale(0);transform-origin:center center}.container.mdc-ripple-upgraded--unbounded:after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.container.mdc-ripple-upgraded--foreground-activation:after{animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.container.mdc-ripple-upgraded--foreground-deactivation:after{animation:mdc-ripple-fg-opacity-out .15s;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.container:before,.container:after{top:0%;left:0%;width:100%;height:100%}.container.mdc-ripple-upgraded:before,.container.mdc-ripple-upgraded:after{top:var(--mdc-ripple-top, 0%);left:var(--mdc-ripple-left, 0%);width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.container.mdc-ripple-upgraded:after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.container:before,.container:after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}.container:hover:before,.container.mdc-ripple-surface--hover:before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.container.mdc-ripple-upgraded--background-focused:before,.container:not(.mdc-ripple-upgraded):focus:before{transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.container:not(.mdc-ripple-upgraded):after{transition:opacity .15s linear}.container:not(.mdc-ripple-upgraded):active:after{transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.container.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, .12)}.container:after,.container:before{border-radius:8px}.container:hover{cursor:pointer}.cornerFill{background:linear-gradient(225deg,var(--mdc-theme-secondary) 28px,transparent 0)}.checked{border:solid 2px var(--mdc-theme-primary);background-color:var(--mdc-theme-surface-primary-highlight)}.checked:hover{background-color:var(--mdc-theme-surface-primary-highlight-hover)}[name=icon]::slotted(*){font-size:40px;color:var(--mdc-theme-text-icon-on-background)}[name=text]::slotted(*){color:var(--mdc-theme-text-primary-on-background);font-family:var(--mdc-typography-body1-font-family);font-size:var(--mdc-typography-body1-font-size);font-weight:var(--mdc-typography-body1-font-weight);line-height:var(--mdc-typography-body1-line-height);letter-spacing:.4px}[name=text]::slotted(*:last-child){color:var(--mdc-theme-text-secondary-on-background);font-family:var(--mdc-typography-body2-font-family);font-size:var(--mdc-typography-body2-font-size);font-weight:var(--mdc-typography-body2-font-weight);line-height:var(--mdc-typography-body2-line-height)}

package/icon-radio-toggle.mjs

@@ -1,9 +1,9 @@
 import { i as p, r as s, x as c, e as l } from "./query-assigned-elements-4a39219d.mjs";
-import { R as h } from "./mwc-radio-base-a374fbd9.mjs";
+import { R as h } from "./mwc-radio-base-18a887dd.mjs";
 import { s as y } from "./mwc-radio.css-7454bb11.mjs";
 import { n as g } from "./property-9b6ea53b.mjs";
-import "./tslib.es6-f3e988cd.mjs";
-import "./ripple-handlers-f37f21cf.mjs";
+import "./tslib.es6-226581a4.mjs";
+import "./ripple-handlers-38a43e50.mjs";
 import "./base-element-67ae173f.mjs";
 import "./utils-2932417c.mjs";
 import "./state-b5e865db.mjs";
@@ -11,7 +11,7 @@ import "./query-d843aa92.mjs";
 import "./class-map-4b94b017.mjs";
 import "./style-map-bc3ed3e0.mjs";
 import "./aria-property-fa2717fe.mjs";
-import "./form-element-ffcf59ff.mjs";
+import "./form-element-7353b3c4.mjs";
 import "./observer-be7b92e2.mjs";
 import "./event-options-78d6cf94.mjs";
 import "./if-defined-c367f208.mjs";

package/icon.mjs

@@ -1,6 +1,6 @@
-import { I as l } from "./mwc-icon-bf656cf5.mjs";
+import { I as l } from "./mwc-icon-28b10c70.mjs";
 import { i as c, e as f } from "./query-assigned-elements-4a39219d.mjs";
-import "./tslib.es6-f3e988cd.mjs";
+import "./tslib.es6-226581a4.mjs";
 /**
  * @license
  * Copyright 2021 Google LLC