@covalent/components 8.23.1 → 9.0.0-beta.1

package/{mwc-tab-base-0814a3ef.mjs → mwc-tab.css-B9yQpkYf.mjs}

@@ -1,14 +1,14 @@
-import { a as m, b as h, _ as i } from "./tslib.es6-c4b0f3b1.mjs";
-import { x as c, i as R, e as A } from "./query-assigned-elements-4a39219d.mjs";
-import { B as g } from "./base-element-acf30176.mjs";
-import { n as r } from "./property-9b6ea53b.mjs";
-import { i as l } from "./query-d843aa92.mjs";
-import { o as v } from "./class-map-6e504a9a.mjs";
-import { a as I } from "./utils-dc65fdc9.mjs";
-import { e as T, R as E } from "./ripple-handlers-8883e893.mjs";
-import { o as F } from "./observer-be7b92e2.mjs";
-import { t as _ } from "./state-b5e865db.mjs";
-import { e as O } from "./event-options-78d6cf94.mjs";
+import { a as b, b as f, _ as i } from "./tslib.es6-pPsSiLLK.mjs";
+import { x as d, i as y, e as R } from "./query-assigned-elements-DCt2xozt.mjs";
+import { B as C } from "./base-element-C-U4OfWx.mjs";
+import { n as r } from "./property-DJzm_oB9.mjs";
+import { i as p } from "./query-BBDQWsft.mjs";
+import { o as g } from "./class-map-C1SJpero.mjs";
+import { a as x } from "./utils-Dr5MegQq.mjs";
+import { R as w, e as T } from "./ripple-handlers-i3WPEBiO.mjs";
+import { o as A } from "./observer-DQ8OfVDQ.mjs";
+import { t as I } from "./state-DaD9o2aK.mjs";
+import { e as E } from "./event-options-CNykeE2u.mjs";
 /**
  * @license
  * Copyright 2016 Google Inc.
@@ -31,7 +31,7 @@ import { e as O } from "./event-options-78d6cf94.mjs";
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var D = (
+var O = (
   /** @class */
   function() {
     function e(t) {
@@ -88,11 +88,11 @@ var D = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var w = {
+var k = {
   ACTIVE: "mdc-tab-indicator--active",
   FADE: "mdc-tab-indicator--fade",
   NO_TRANSITION: "mdc-tab-indicator--no-transition"
-}, $ = {
+}, F = {
   CONTENT_SELECTOR: ".mdc-tab-indicator__content"
 };
 /**
@@ -117,22 +117,22 @@ var w = {
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var s = (
+var c = (
   /** @class */
   function(e) {
-    m(t, e);
-    function t(n) {
-      return e.call(this, h(h({}, t.defaultAdapter), n)) || this;
+    b(t, e);
+    function t(a) {
+      return e.call(this, f(f({}, t.defaultAdapter), a)) || this;
     }
     return Object.defineProperty(t, "cssClasses", {
       get: function() {
-        return w;
+        return k;
       },
       enumerable: !1,
       configurable: !0
     }), Object.defineProperty(t, "strings", {
       get: function() {
-        return $;
+        return F;
       },
       enumerable: !1,
       configurable: !0
@@ -155,7 +155,7 @@ var s = (
     }), t.prototype.computeContentClientRect = function() {
       return this.adapter.computeContentClientRect();
     }, t;
-  }(D)
+  }(O)
 );
 /**
  * @license
@@ -179,21 +179,20 @@ var s = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var L = (
+var z = (
   /** @class */
   function(e) {
-    m(t, e);
+    b(t, e);
     function t() {
       return e !== null && e.apply(this, arguments) || this;
     }
     return t.prototype.activate = function() {
-      this.adapter.addClass(s.cssClasses.ACTIVE);
+      this.adapter.addClass(c.cssClasses.ACTIVE);
     }, t.prototype.deactivate = function() {
-      this.adapter.removeClass(s.cssClasses.ACTIVE);
+      this.adapter.removeClass(c.cssClasses.ACTIVE);
     }, t;
-  }(s)
+  }(c)
 );
-const P = L;
 /**
  * @license
  * Copyright 2018 Google Inc.
@@ -216,37 +215,36 @@ const P = L;
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var M = (
+var D = (
   /** @class */
   function(e) {
-    m(t, e);
+    b(t, e);
     function t() {
       return e !== null && e.apply(this, arguments) || this;
     }
-    return t.prototype.activate = function(n) {
-      if (!n) {
-        this.adapter.addClass(s.cssClasses.ACTIVE);
+    return t.prototype.activate = function(a) {
+      if (!a) {
+        this.adapter.addClass(c.cssClasses.ACTIVE);
         return;
       }
-      var o = this.computeContentClientRect(), b = n.width / o.width, p = n.left - o.left;
-      this.adapter.addClass(s.cssClasses.NO_TRANSITION), this.adapter.setContentStyleProperty("transform", "translateX(" + p + "px) scaleX(" + b + ")"), this.computeContentClientRect(), this.adapter.removeClass(s.cssClasses.NO_TRANSITION), this.adapter.addClass(s.cssClasses.ACTIVE), this.adapter.setContentStyleProperty("transform", "");
+      var o = this.computeContentClientRect(), h = a.width / o.width, m = a.left - o.left;
+      this.adapter.addClass(c.cssClasses.NO_TRANSITION), this.adapter.setContentStyleProperty("transform", "translateX(" + m + "px) scaleX(" + h + ")"), this.computeContentClientRect(), this.adapter.removeClass(c.cssClasses.NO_TRANSITION), this.adapter.addClass(c.cssClasses.ACTIVE), this.adapter.setContentStyleProperty("transform", "");
     }, t.prototype.deactivate = function() {
-      this.adapter.removeClass(s.cssClasses.ACTIVE);
+      this.adapter.removeClass(c.cssClasses.ACTIVE);
     }, t;
-  }(s)
+  }(c)
 );
-const S = M;
 /**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: Apache-2.0
  */
-class u extends g {
+class l extends C {
   constructor() {
     super(...arguments), this.icon = "", this.fade = !1;
   }
   get mdcFoundationClass() {
-    return this.fade ? P : S;
+    return this.fade ? z : D;
   }
   render() {
     const t = {
@@ -254,11 +252,11 @@ class u extends g {
       "material-icons": this.icon,
       "mdc-tab-indicator__content--underline": !this.icon
     };
-    return c`
-      <span class="mdc-tab-indicator ${v({
+    return d`
+      <span class="mdc-tab-indicator ${g({
       "mdc-tab-indicator--fade": this.fade
     })}">
-        <span class="mdc-tab-indicator__content ${v(t)}">${this.icon}</span>
+        <span class="mdc-tab-indicator__content ${g(t)}">${this.icon}</span>
       </span>
       `;
   }
@@ -266,7 +264,7 @@ class u extends g {
     t.has("fade") && this.createFoundation();
   }
   createAdapter() {
-    return Object.assign(Object.assign({}, I(this.mdcRoot)), { computeContentClientRect: () => this.contentElement.getBoundingClientRect(), setContentStyleProperty: (t, n) => this.contentElement.style.setProperty(t, n) });
+    return Object.assign(Object.assign({}, x(this.mdcRoot)), { computeContentClientRect: () => this.contentElement.getBoundingClientRect(), setContentStyleProperty: (t, a) => this.contentElement.style.setProperty(t, a) });
   }
   computeContentClientRect() {
     return this.mdcFoundation.computeContentClientRect();
@@ -279,34 +277,34 @@ class u extends g {
   }
 }
 i([
-  l(".mdc-tab-indicator")
-], u.prototype, "mdcRoot", void 0);
+  p(".mdc-tab-indicator")
+], l.prototype, "mdcRoot", void 0);
 i([
-  l(".mdc-tab-indicator__content")
-], u.prototype, "contentElement", void 0);
+  p(".mdc-tab-indicator__content")
+], l.prototype, "contentElement", void 0);
 i([
   r()
-], u.prototype, "icon", void 0);
+], l.prototype, "icon", void 0);
 i([
   r({ type: Boolean })
-], u.prototype, "fade", void 0);
+], l.prototype, "fade", void 0);
 /**
  * @license
  * Copyright 2021 Google LLC
  * SPDX-LIcense-Identifier: Apache-2.0
  */
-const x = R`.material-icons{font-family:var(--mdc-icon-font, "Material Icons");font-weight:normal;font-style:normal;font-size:var(--mdc-icon-size, 24px);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}.mdc-tab-indicator .mdc-tab-indicator__content--underline{border-color:#6200ee;border-color:var(--mdc-theme-primary, #6200ee)}.mdc-tab-indicator .mdc-tab-indicator__content--icon{color:#018786;color:var(--mdc-theme-secondary, #018786)}.mdc-tab-indicator .mdc-tab-indicator__content--underline{border-top-width:2px}.mdc-tab-indicator .mdc-tab-indicator__content--icon{height:34px;font-size:34px}.mdc-tab-indicator{display:flex;position:absolute;top:0;left:0;justify-content:center;width:100%;height:100%;pointer-events:none;z-index:1}.mdc-tab-indicator__content{transform-origin:left;opacity:0}.mdc-tab-indicator__content--underline{align-self:flex-end;box-sizing:border-box;width:100%;border-top-style:solid}.mdc-tab-indicator__content--icon{align-self:center;margin:0 auto}.mdc-tab-indicator--active .mdc-tab-indicator__content{opacity:1}.mdc-tab-indicator .mdc-tab-indicator__content{transition:250ms transform cubic-bezier(0.4, 0, 0.2, 1)}.mdc-tab-indicator--no-transition .mdc-tab-indicator__content{transition:none}.mdc-tab-indicator--fade .mdc-tab-indicator__content{transition:150ms opacity linear}.mdc-tab-indicator--active.mdc-tab-indicator--fade .mdc-tab-indicator__content{transition-delay:100ms}`;
+const $ = y`.material-icons{font-family:var(--mdc-icon-font, "Material Icons");font-weight:normal;font-style:normal;font-size:var(--mdc-icon-size, 24px);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}.mdc-tab-indicator .mdc-tab-indicator__content--underline{border-color:#6200ee;border-color:var(--mdc-theme-primary, #6200ee)}.mdc-tab-indicator .mdc-tab-indicator__content--icon{color:#018786;color:var(--mdc-theme-secondary, #018786)}.mdc-tab-indicator .mdc-tab-indicator__content--underline{border-top-width:2px}.mdc-tab-indicator .mdc-tab-indicator__content--icon{height:34px;font-size:34px}.mdc-tab-indicator{display:flex;position:absolute;top:0;left:0;justify-content:center;width:100%;height:100%;pointer-events:none;z-index:1}.mdc-tab-indicator__content{transform-origin:left;opacity:0}.mdc-tab-indicator__content--underline{align-self:flex-end;box-sizing:border-box;width:100%;border-top-style:solid}.mdc-tab-indicator__content--icon{align-self:center;margin:0 auto}.mdc-tab-indicator--active .mdc-tab-indicator__content{opacity:1}.mdc-tab-indicator .mdc-tab-indicator__content{transition:250ms transform cubic-bezier(0.4, 0, 0.2, 1)}.mdc-tab-indicator--no-transition .mdc-tab-indicator__content{transition:none}.mdc-tab-indicator--fade .mdc-tab-indicator__content{transition:150ms opacity linear}.mdc-tab-indicator--active.mdc-tab-indicator--fade .mdc-tab-indicator__content{transition-delay:100ms}`;
 /**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: Apache-2.0
  */
-let C = class extends u {
+let _ = class extends l {
 };
-C.styles = [x];
-C = i([
-  A("mwc-tab-indicator")
-], C);
+_.styles = [$];
+_ = i([
+  R("mwc-tab-indicator")
+], _);
 /**
  * @license
  * Copyright 2016 Google Inc.
@@ -329,7 +327,7 @@ C = i([
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var B = (
+var L = (
   /** @class */
   function() {
     function e(t) {
@@ -386,9 +384,9 @@ var B = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var f = {
+var u = {
   ACTIVE: "mdc-tab--active"
-}, d = {
+}, s = {
   ARIA_SELECTED: "aria-selected",
   CONTENT_SELECTOR: ".mdc-tab__content",
   INTERACTED_EVENT: "MDCTab:interacted",
@@ -418,23 +416,23 @@ var f = {
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var N = (
+var v = (
   /** @class */
   function(e) {
-    m(t, e);
-    function t(n) {
-      var o = e.call(this, h(h({}, t.defaultAdapter), n)) || this;
+    b(t, e);
+    function t(a) {
+      var o = e.call(this, f(f({}, t.defaultAdapter), a)) || this;
       return o.focusOnActivate = !0, o;
     }
     return Object.defineProperty(t, "cssClasses", {
       get: function() {
-        return f;
+        return u;
       },
       enumerable: !1,
       configurable: !0
     }), Object.defineProperty(t, "strings", {
       get: function() {
-        return d;
+        return s;
       },
       enumerable: !1,
       configurable: !0
@@ -477,34 +475,33 @@ var N = (
     }), t.prototype.handleClick = function() {
       this.adapter.notifyInteracted();
     }, t.prototype.isActive = function() {
-      return this.adapter.hasClass(f.ACTIVE);
-    }, t.prototype.setFocusOnActivate = function(n) {
-      this.focusOnActivate = n;
-    }, t.prototype.activate = function(n) {
-      this.adapter.addClass(f.ACTIVE), this.adapter.setAttr(d.ARIA_SELECTED, "true"), this.adapter.setAttr(d.TABINDEX, "0"), this.adapter.activateIndicator(n), this.focusOnActivate && this.adapter.focus();
+      return this.adapter.hasClass(u.ACTIVE);
+    }, t.prototype.setFocusOnActivate = function(a) {
+      this.focusOnActivate = a;
+    }, t.prototype.activate = function(a) {
+      this.adapter.addClass(u.ACTIVE), this.adapter.setAttr(s.ARIA_SELECTED, "true"), this.adapter.setAttr(s.TABINDEX, "0"), this.adapter.activateIndicator(a), this.focusOnActivate && this.adapter.focus();
     }, t.prototype.deactivate = function() {
-      this.isActive() && (this.adapter.removeClass(f.ACTIVE), this.adapter.setAttr(d.ARIA_SELECTED, "false"), this.adapter.setAttr(d.TABINDEX, "-1"), this.adapter.deactivateIndicator());
+      this.isActive() && (this.adapter.removeClass(u.ACTIVE), this.adapter.setAttr(s.ARIA_SELECTED, "false"), this.adapter.setAttr(s.TABINDEX, "-1"), this.adapter.deactivateIndicator());
     }, t.prototype.computeDimensions = function() {
-      var n = this.adapter.getOffsetWidth(), o = this.adapter.getOffsetLeft(), b = this.adapter.getContentOffsetWidth(), p = this.adapter.getContentOffsetLeft();
+      var a = this.adapter.getOffsetWidth(), o = this.adapter.getOffsetLeft(), h = this.adapter.getContentOffsetWidth(), m = this.adapter.getContentOffsetLeft();
       return {
-        contentLeft: o + p,
-        contentRight: o + p + b,
+        contentLeft: o + m,
+        contentRight: o + m + h,
         rootLeft: o,
-        rootRight: o + n
+        rootRight: o + a
       };
     }, t;
-  }(B)
+  }(L)
 );
-const y = N;
 /**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: Apache-2.0
  */
-let j = 0;
-class a extends g {
+let P = 0;
+class n extends C {
   constructor() {
-    super(...arguments), this.mdcFoundationClass = y, this.label = "", this.icon = "", this.hasImageIcon = !1, this.isFadingIndicator = !1, this.minWidth = !1, this.isMinWidthIndicator = !1, this.indicatorIcon = "", this.stacked = !1, this.focusOnActivate = !0, this._active = !1, this.initFocus = !1, this.shouldRenderRipple = !1, this.useStateLayerCustomProperties = !1, this.rippleElement = null, this.rippleHandlers = new E(() => (this.shouldRenderRipple = !0, this.ripple.then((t) => this.rippleElement = t), this.ripple));
+    super(...arguments), this.mdcFoundationClass = v, this.label = "", this.icon = "", this.hasImageIcon = !1, this.isFadingIndicator = !1, this.minWidth = !1, this.isMinWidthIndicator = !1, this.indicatorIcon = "", this.stacked = !1, this.focusOnActivate = !0, this._active = !1, this.initFocus = !1, this.shouldRenderRipple = !1, this.useStateLayerCustomProperties = !1, this.rippleElement = null, this.rippleHandlers = new w(() => (this.shouldRenderRipple = !0, this.ripple.then((t) => this.rippleElement = t), this.ripple));
   }
   get active() {
     return this._active;
@@ -513,22 +510,22 @@ class a extends g {
     this.dir = document.dir, super.connectedCallback();
   }
   firstUpdated() {
-    super.firstUpdated(), this.id = this.id || `mdc-tab-${++j}`;
+    super.firstUpdated(), this.id = this.id || `mdc-tab-${++P}`;
   }
   render() {
     const t = {
       "mdc-tab--min-width": this.minWidth,
       "mdc-tab--stacked": this.stacked
     };
-    let n = c``;
-    (this.hasImageIcon || this.icon) && (n = c`
+    let a = d``;
+    (this.hasImageIcon || this.icon) && (a = d`
         <span class="mdc-tab__icon material-icons"><slot name="icon">${this.icon}</slot></span>`);
-    let o = c``;
-    return this.label && (o = c`
-        <span class="mdc-tab__text-label">${this.label}</span>`), c`
+    let o = d``;
+    return this.label && (o = d`
+        <span class="mdc-tab__text-label">${this.label}</span>`), d`
       <button
         @click="${this.handleClick}"
-        class="mdc-tab ${v(t)}"
+        class="mdc-tab ${g(t)}"
         role="tab"
         aria-selected="false"
         tabindex="-1"
@@ -541,7 +538,7 @@ class a extends g {
         @touchend="${this.handleRippleDeactivate}"
         @touchcancel="${this.handleRippleDeactivate}">
         <span class="mdc-tab__content">
-          ${n}
+          ${a}
           ${o}
           ${this.isMinWidthIndicator ? this.renderIndicator() : ""}
         </span>
@@ -550,22 +547,22 @@ class a extends g {
       </button>`;
   }
   renderIndicator() {
-    return c`<mwc-tab-indicator
+    return d`<mwc-tab-indicator
         .icon="${this.indicatorIcon}"
         .fade="${this.isFadingIndicator}"></mwc-tab-indicator>`;
   }
   // TODO(dfreedm): Make this use selected as a param after Polymer/internal#739
   /** @soyCompatible */
   renderRipple() {
-    return this.shouldRenderRipple ? c`<mwc-ripple primary
+    return this.shouldRenderRipple ? d`<mwc-ripple primary
         .internalUseStateLayerCustomProperties="${this.useStateLayerCustomProperties}"></mwc-ripple>` : "";
   }
   createAdapter() {
-    return Object.assign(Object.assign({}, I(this.mdcRoot)), { setAttr: (t, n) => this.mdcRoot.setAttribute(t, n), activateIndicator: async (t) => {
+    return Object.assign(Object.assign({}, x(this.mdcRoot)), { setAttr: (t, a) => this.mdcRoot.setAttribute(t, a), activateIndicator: async (t) => {
       await this.tabIndicator.updateComplete, this.tabIndicator.activate(t);
     }, deactivateIndicator: async () => {
       await this.tabIndicator.updateComplete, this.tabIndicator.deactivate();
-    }, notifyInteracted: () => this.dispatchEvent(new CustomEvent(y.strings.INTERACTED_EVENT, {
+    }, notifyInteracted: () => this.dispatchEvent(new CustomEvent(v.strings.INTERACTED_EVENT, {
       detail: { tabId: this.id },
       bubbles: !0,
       composed: !0,
@@ -583,8 +580,8 @@ class a extends g {
     this.mdcFoundation.deactivate(), this.setActive(this.mdcFoundation.isActive());
   }
   setActive(t) {
-    const n = this.active;
-    n !== t && (this._active = t, this.requestUpdate("active", n));
+    const a = this.active;
+    a !== t && (this._active = t, this.requestUpdate("active", a));
   }
   computeDimensions() {
     return this.mdcFoundation.computeDimensions();
@@ -606,10 +603,10 @@ class a extends g {
     this.handleRippleBlur();
   }
   handleRippleMouseDown(t) {
-    const n = () => {
-      window.removeEventListener("mouseup", n), this.handleRippleDeactivate();
+    const a = () => {
+      window.removeEventListener("mouseup", a), this.handleRippleDeactivate();
     };
-    window.addEventListener("mouseup", n), this.rippleHandlers.startPress(t);
+    window.addEventListener("mouseup", a), this.rippleHandlers.startPress(t);
   }
   handleRippleTouchStart(t) {
     this.rippleHandlers.startPress(t);
@@ -634,61 +631,68 @@ class a extends g {
     return ((t = this.rippleElement) === null || t === void 0 ? void 0 : t.isActive) || !1;
   }
 }
-a.shadowRootOptions = { mode: "open", delegatesFocus: !0 };
+n.shadowRootOptions = { mode: "open", delegatesFocus: !0 };
 i([
-  l(".mdc-tab")
-], a.prototype, "mdcRoot", void 0);
+  p(".mdc-tab")
+], n.prototype, "mdcRoot", void 0);
 i([
-  l("mwc-tab-indicator")
-], a.prototype, "tabIndicator", void 0);
+  p("mwc-tab-indicator")
+], n.prototype, "tabIndicator", void 0);
 i([
   r()
-], a.prototype, "label", void 0);
+], n.prototype, "label", void 0);
 i([
   r()
-], a.prototype, "icon", void 0);
+], n.prototype, "icon", void 0);
 i([
   r({ type: Boolean })
-], a.prototype, "hasImageIcon", void 0);
+], n.prototype, "hasImageIcon", void 0);
 i([
   r({ type: Boolean })
-], a.prototype, "isFadingIndicator", void 0);
+], n.prototype, "isFadingIndicator", void 0);
 i([
   r({ type: Boolean })
-], a.prototype, "minWidth", void 0);
+], n.prototype, "minWidth", void 0);
 i([
   r({ type: Boolean })
-], a.prototype, "isMinWidthIndicator", void 0);
+], n.prototype, "isMinWidthIndicator", void 0);
 i([
   r({ type: Boolean, reflect: !0, attribute: "active" })
-], a.prototype, "active", null);
+], n.prototype, "active", null);
 i([
   r()
-], a.prototype, "indicatorIcon", void 0);
+], n.prototype, "indicatorIcon", void 0);
 i([
   r({ type: Boolean })
-], a.prototype, "stacked", void 0);
+], n.prototype, "stacked", void 0);
 i([
-  F(async function(e) {
+  A(async function(e) {
     await this.updateComplete, this.mdcFoundation.setFocusOnActivate(e);
   }),
   r({ type: Boolean })
-], a.prototype, "focusOnActivate", void 0);
+], n.prototype, "focusOnActivate", void 0);
 i([
-  l(".mdc-tab__content")
-], a.prototype, "_contentElement", void 0);
+  p(".mdc-tab__content")
+], n.prototype, "_contentElement", void 0);
 i([
-  _()
-], a.prototype, "shouldRenderRipple", void 0);
+  I()
+], n.prototype, "shouldRenderRipple", void 0);
 i([
-  _()
-], a.prototype, "useStateLayerCustomProperties", void 0);
+  I()
+], n.prototype, "useStateLayerCustomProperties", void 0);
 i([
   T("mwc-ripple")
-], a.prototype, "ripple", void 0);
+], n.prototype, "ripple", void 0);
 i([
-  O({ passive: !0 })
-], a.prototype, "handleRippleTouchStart", null);
+  E({ passive: !0 })
+], n.prototype, "handleRippleTouchStart", null);
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-LIcense-Identifier: Apache-2.0
+ */
+const J = y`.material-icons{font-family:var(--mdc-icon-font, "Material Icons");font-weight:normal;font-style:normal;font-size:var(--mdc-icon-size, 24px);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}.mdc-tab{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-button-font-size, 0.875rem);line-height:2.25rem;line-height:var(--mdc-typography-button-line-height, 2.25rem);font-weight:500;font-weight:var(--mdc-typography-button-font-weight, 500);letter-spacing:0.0892857143em;letter-spacing:var(--mdc-typography-button-letter-spacing, 0.0892857143em);text-decoration:none;text-decoration:var(--mdc-typography-button-text-decoration, none);text-transform:uppercase;text-transform:var(--mdc-typography-button-text-transform, uppercase);position:relative}.mdc-tab .mdc-tab__text-label{color:rgba(0, 0, 0, 0.6)}.mdc-tab .mdc-tab__icon{color:rgba(0, 0, 0, 0.54);fill:currentColor}.mdc-tab.mdc-ripple-upgraded--background-focused.mdc-tab--active .mdc-tab__focus-ring,.mdc-tab:not(.mdc-ripple-upgraded):focus.mdc-tab--active .mdc-tab__focus-ring{pointer-events:none;border:2px solid transparent;border-radius:8px;box-sizing:content-box;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc( 100% + -12px );width:calc( 100% + -8px );margin-top:-2px;z-index:2}@media screen and (forced-colors: active){.mdc-tab.mdc-ripple-upgraded--background-focused.mdc-tab--active .mdc-tab__focus-ring,.mdc-tab:not(.mdc-ripple-upgraded):focus.mdc-tab--active .mdc-tab__focus-ring{border-color:CanvasText}}.mdc-tab.mdc-ripple-upgraded--background-focused.mdc-tab--active .mdc-tab__focus-ring::after,.mdc-tab:not(.mdc-ripple-upgraded):focus.mdc-tab--active .mdc-tab__focus-ring::after{content:"";border:2px solid transparent;border-radius:10px;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-tab.mdc-ripple-upgraded--background-focused.mdc-tab--active .mdc-tab__focus-ring::after,.mdc-tab:not(.mdc-ripple-upgraded):focus.mdc-tab--active .mdc-tab__focus-ring::after{border-color:CanvasText}}.mdc-tab.mdc-ripple-upgraded--background-focused .mdc-tab__focus-ring,.mdc-tab:not(.mdc-ripple-upgraded):focus .mdc-tab__focus-ring{pointer-events:none;border:2px solid transparent;border-radius:8px;box-sizing:content-box;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc( 100% + -8px );width:calc( 100% + -8px );z-index:2}@media screen and (forced-colors: active){.mdc-tab.mdc-ripple-upgraded--background-focused .mdc-tab__focus-ring,.mdc-tab:not(.mdc-ripple-upgraded):focus .mdc-tab__focus-ring{border-color:CanvasText}}.mdc-tab.mdc-ripple-upgraded--background-focused .mdc-tab__focus-ring::after,.mdc-tab:not(.mdc-ripple-upgraded):focus .mdc-tab__focus-ring::after{content:"";border:2px solid transparent;border-radius:10px;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-tab.mdc-ripple-upgraded--background-focused .mdc-tab__focus-ring::after,.mdc-tab:not(.mdc-ripple-upgraded):focus .mdc-tab__focus-ring::after{border-color:CanvasText}}.mdc-tab__content{position:relative}.mdc-tab__icon{width:24px;height:24px;font-size:24px}.mdc-tab--active .mdc-tab__text-label{color:#6200ee;color:var(--mdc-theme-primary, #6200ee)}.mdc-tab--active .mdc-tab__icon{color:#6200ee;color:var(--mdc-theme-primary, #6200ee);fill:currentColor}.mdc-tab{background:none}.mdc-tab{min-width:90px;padding-right:24px;padding-left:24px;display:flex;flex:1 0 auto;justify-content:center;box-sizing:border-box;margin:0;padding-top:0;padding-bottom:0;border:none;outline:none;text-align:center;white-space:nowrap;cursor:pointer;-webkit-appearance:none;z-index:1}.mdc-tab::-moz-focus-inner{padding:0;border:0}.mdc-tab--min-width{flex:0 1 auto}.mdc-tab__content{display:flex;align-items:center;justify-content:center;height:inherit;pointer-events:none}.mdc-tab__text-label{transition:150ms color linear;display:inline-block;line-height:1;z-index:2}.mdc-tab__icon{transition:150ms color linear;z-index:2}.mdc-tab--stacked .mdc-tab__content{flex-direction:column;align-items:center;justify-content:center}.mdc-tab--stacked .mdc-tab__text-label{padding-top:6px;padding-bottom:4px}.mdc-tab--active .mdc-tab__text-label,.mdc-tab--active .mdc-tab__icon{transition-delay:100ms}.mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label{padding-left:8px;padding-right:0}[dir=rtl] .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label,.mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label[dir=rtl]{padding-left:0;padding-right:8px}@keyframes mdc-ripple-fg-radius-in{from{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-opacity-in{from{animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-out{from{animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-tab{--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)}.mdc-tab .mdc-tab__ripple::before,.mdc-tab .mdc-tab__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-tab .mdc-tab__ripple::before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-tab .mdc-tab__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-tab.mdc-ripple-upgraded .mdc-tab__ripple::before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-tab.mdc-ripple-upgraded .mdc-tab__ripple::after{top:0;left:0;transform:scale(0);transform-origin:center center}.mdc-tab.mdc-ripple-upgraded--unbounded .mdc-tab__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-tab.mdc-ripple-upgraded--foreground-activation .mdc-tab__ripple::after{animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-tab.mdc-ripple-upgraded--foreground-deactivation .mdc-tab__ripple::after{animation:mdc-ripple-fg-opacity-out 150ms;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-tab .mdc-tab__ripple::before,.mdc-tab .mdc-tab__ripple::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-tab.mdc-ripple-upgraded .mdc-tab__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-tab .mdc-tab__ripple::before,.mdc-tab .mdc-tab__ripple::after{background-color:#6200ee;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))}.mdc-tab:hover .mdc-tab__ripple::before,.mdc-tab.mdc-ripple-surface--hover .mdc-tab__ripple::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-tab.mdc-ripple-upgraded--background-focused .mdc-tab__ripple::before,.mdc-tab:not(.mdc-ripple-upgraded):focus .mdc-tab__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-tab:not(.mdc-ripple-upgraded) .mdc-tab__ripple::after{transition:opacity 150ms linear}.mdc-tab:not(.mdc-ripple-upgraded):active .mdc-tab__ripple::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-tab.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-tab__ripple{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;will-change:transform,opacity}:host{outline:none;flex:1 0 auto;display:flex;justify-content:center;-webkit-tap-highlight-color:transparent}.mdc-tab{height:var(--mdc-tab-height, 48px);margin-left:0;margin-right:0;padding-right:var(--mdc-tab-horizontal-padding, 24px);padding-left:var(--mdc-tab-horizontal-padding, 24px)}.mdc-tab--stacked{height:var(--mdc-tab-stacked-height, 72px)}.mdc-tab::-moz-focus-inner{border:0}.mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label{padding-left:8px;padding-right:0}[dir=rtl] .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label,.mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label[dir=rtl]{padding-left:0;padding-right:8px}.mdc-tab:not(.mdc-tab--active) .mdc-tab__text-label{color:var(--mdc-tab-text-label-color-default, rgba(0, 0, 0, 0.6))}.mdc-tab:not(.mdc-tab--active) .mdc-tab__icon{color:var(--mdc-tab-color-default, rgba(0, 0, 0, 0.54))}`;
 export {
-  a as T
+  n as T,
+  J as s
 };