@covalent/components 6.0.1 → 6.0.2

package/mwc-tab-base.mjs

@@ -0,0 +1,694 @@
+import { _ as m, a as h, b as i } from "./tslib.es6.mjs";
+import { y as c, i as R, e as A } from "./query-assigned-elements.mjs";
+import { B as g } from "./base-element.mjs";
+import { e as r } from "./property.mjs";
+import { i as l } from "./query.mjs";
+import { o as v } from "./class-map.mjs";
+import { a as I } from "./utils.mjs";
+import { e as T, R as E } from "./ripple-handlers.mjs";
+import { o as F } from "./observer.mjs";
+import { t as _ } from "./state.mjs";
+import { e as O } from "./event-options.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 D = (
+  /** @class */
+  function() {
+    function e(t) {
+      t === void 0 && (t = {}), this.adapter = t;
+    }
+    return Object.defineProperty(e, "cssClasses", {
+      get: function() {
+        return {};
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e, "strings", {
+      get: function() {
+        return {};
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e, "numbers", {
+      get: function() {
+        return {};
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e, "defaultAdapter", {
+      get: function() {
+        return {};
+      },
+      enumerable: !1,
+      configurable: !0
+    }), e.prototype.init = function() {
+    }, e.prototype.destroy = function() {
+    }, e;
+  }()
+);
+/**
+ * @license
+ * Copyright 2018 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 $ = {
+  ACTIVE: "mdc-tab-indicator--active",
+  FADE: "mdc-tab-indicator--fade",
+  NO_TRANSITION: "mdc-tab-indicator--no-transition"
+}, w = {
+  CONTENT_SELECTOR: ".mdc-tab-indicator__content"
+};
+/**
+ * @license
+ * Copyright 2018 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+var s = (
+  /** @class */
+  function(e) {
+    m(t, e);
+    function t(n) {
+      return e.call(this, h(h({}, t.defaultAdapter), n)) || this;
+    }
+    return Object.defineProperty(t, "cssClasses", {
+      get: function() {
+        return $;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(t, "strings", {
+      get: function() {
+        return w;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(t, "defaultAdapter", {
+      get: function() {
+        return {
+          addClass: function() {
+          },
+          removeClass: function() {
+          },
+          computeContentClientRect: function() {
+            return { top: 0, right: 0, bottom: 0, left: 0, width: 0, height: 0 };
+          },
+          setContentStyleProperty: function() {
+          }
+        };
+      },
+      enumerable: !1,
+      configurable: !0
+    }), t.prototype.computeContentClientRect = function() {
+      return this.adapter.computeContentClientRect();
+    }, t;
+  }(D)
+);
+/**
+ * @license
+ * Copyright 2018 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 L = (
+  /** @class */
+  function(e) {
+    m(t, e);
+    function t() {
+      return e !== null && e.apply(this, arguments) || this;
+    }
+    return t.prototype.activate = function() {
+      this.adapter.addClass(s.cssClasses.ACTIVE);
+    }, t.prototype.deactivate = function() {
+      this.adapter.removeClass(s.cssClasses.ACTIVE);
+    }, t;
+  }(s)
+);
+const P = L;
+/**
+ * @license
+ * Copyright 2018 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 M = (
+  /** @class */
+  function(e) {
+    m(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;
+      }
+      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", "");
+    }, t.prototype.deactivate = function() {
+      this.adapter.removeClass(s.cssClasses.ACTIVE);
+    }, t;
+  }(s)
+);
+const S = M;
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+class u extends g {
+  constructor() {
+    super(...arguments), this.icon = "", this.fade = !1;
+  }
+  get mdcFoundationClass() {
+    return this.fade ? P : S;
+  }
+  render() {
+    const t = {
+      "mdc-tab-indicator__content--icon": this.icon,
+      "material-icons": this.icon,
+      "mdc-tab-indicator__content--underline": !this.icon
+    };
+    return c`
+      <span class="mdc-tab-indicator ${v({
+      "mdc-tab-indicator--fade": this.fade
+    })}">
+        <span class="mdc-tab-indicator__content ${v(t)}">${this.icon}</span>
+      </span>
+      `;
+  }
+  updated(t) {
+    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) });
+  }
+  computeContentClientRect() {
+    return this.mdcFoundation.computeContentClientRect();
+  }
+  activate(t) {
+    this.mdcFoundation.activate(t);
+  }
+  deactivate() {
+    this.mdcFoundation.deactivate();
+  }
+}
+i([
+  l(".mdc-tab-indicator")
+], u.prototype, "mdcRoot", void 0);
+i([
+  l(".mdc-tab-indicator__content")
+], u.prototype, "contentElement", void 0);
+i([
+  r()
+], u.prototype, "icon", void 0);
+i([
+  r({ type: Boolean })
+], u.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}`;
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+let C = class extends u {
+};
+C.styles = [x];
+C = i([
+  A("mwc-tab-indicator")
+], C);
+/**
+ * @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 B = (
+  /** @class */
+  function() {
+    function e(t) {
+      t === void 0 && (t = {}), this.adapter = t;
+    }
+    return Object.defineProperty(e, "cssClasses", {
+      get: function() {
+        return {};
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e, "strings", {
+      get: function() {
+        return {};
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e, "numbers", {
+      get: function() {
+        return {};
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e, "defaultAdapter", {
+      get: function() {
+        return {};
+      },
+      enumerable: !1,
+      configurable: !0
+    }), e.prototype.init = function() {
+    }, e.prototype.destroy = function() {
+    }, e;
+  }()
+);
+/**
+ * @license
+ * Copyright 2018 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 = {
+  ACTIVE: "mdc-tab--active"
+}, d = {
+  ARIA_SELECTED: "aria-selected",
+  CONTENT_SELECTOR: ".mdc-tab__content",
+  INTERACTED_EVENT: "MDCTab:interacted",
+  RIPPLE_SELECTOR: ".mdc-tab__ripple",
+  TABINDEX: "tabIndex",
+  TAB_INDICATOR_SELECTOR: ".mdc-tab-indicator"
+};
+/**
+ * @license
+ * Copyright 2018 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 N = (
+  /** @class */
+  function(e) {
+    m(t, e);
+    function t(n) {
+      var o = e.call(this, h(h({}, t.defaultAdapter), n)) || this;
+      return o.focusOnActivate = !0, o;
+    }
+    return Object.defineProperty(t, "cssClasses", {
+      get: function() {
+        return f;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(t, "strings", {
+      get: function() {
+        return d;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(t, "defaultAdapter", {
+      get: function() {
+        return {
+          addClass: function() {
+          },
+          removeClass: function() {
+          },
+          hasClass: function() {
+            return !1;
+          },
+          setAttr: function() {
+          },
+          activateIndicator: function() {
+          },
+          deactivateIndicator: function() {
+          },
+          notifyInteracted: function() {
+          },
+          getOffsetLeft: function() {
+            return 0;
+          },
+          getOffsetWidth: function() {
+            return 0;
+          },
+          getContentOffsetLeft: function() {
+            return 0;
+          },
+          getContentOffsetWidth: function() {
+            return 0;
+          },
+          focus: function() {
+          }
+        };
+      },
+      enumerable: !1,
+      configurable: !0
+    }), 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();
+    }, 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());
+    }, t.prototype.computeDimensions = function() {
+      var n = this.adapter.getOffsetWidth(), o = this.adapter.getOffsetLeft(), b = this.adapter.getContentOffsetWidth(), p = this.adapter.getContentOffsetLeft();
+      return {
+        contentLeft: o + p,
+        contentRight: o + p + b,
+        rootLeft: o,
+        rootRight: o + n
+      };
+    }, t;
+  }(B)
+);
+const y = N;
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+let j = 0;
+class a extends g {
+  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));
+  }
+  get active() {
+    return this._active;
+  }
+  connectedCallback() {
+    this.dir = document.dir, super.connectedCallback();
+  }
+  firstUpdated() {
+    super.firstUpdated(), this.id = this.id || `mdc-tab-${++j}`;
+  }
+  render() {
+    const t = {
+      "mdc-tab--min-width": this.minWidth,
+      "mdc-tab--stacked": this.stacked
+    };
+    let n = c``;
+    (this.hasImageIcon || this.icon) && (n = c`
+        <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`
+      <button
+        @click="${this.handleClick}"
+        class="mdc-tab ${v(t)}"
+        role="tab"
+        aria-selected="false"
+        tabindex="-1"
+        @focus="${this.focus}"
+        @blur="${this.handleBlur}"
+        @mousedown="${this.handleRippleMouseDown}"
+        @mouseenter="${this.handleRippleMouseEnter}"
+        @mouseleave="${this.handleRippleMouseLeave}"
+        @touchstart="${this.handleRippleTouchStart}"
+        @touchend="${this.handleRippleDeactivate}"
+        @touchcancel="${this.handleRippleDeactivate}">
+        <span class="mdc-tab__content">
+          ${n}
+          ${o}
+          ${this.isMinWidthIndicator ? this.renderIndicator() : ""}
+        </span>
+        ${this.isMinWidthIndicator ? "" : this.renderIndicator()}
+        ${this.renderRipple()}
+      </button>`;
+  }
+  renderIndicator() {
+    return c`<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
+        .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) => {
+      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, {
+      detail: { tabId: this.id },
+      bubbles: !0,
+      composed: !0,
+      cancelable: !0
+    })), getOffsetLeft: () => this.offsetLeft, getOffsetWidth: () => this.mdcRoot.offsetWidth, getContentOffsetLeft: () => this._contentElement.offsetLeft, getContentOffsetWidth: () => this._contentElement.offsetWidth, focus: () => {
+      this.initFocus ? this.initFocus = !1 : this.mdcRoot.focus();
+    } });
+  }
+  activate(t) {
+    t || (this.initFocus = !0), this.mdcFoundation ? (this.mdcFoundation.activate(t), this.setActive(this.mdcFoundation.isActive())) : this.updateComplete.then(() => {
+      this.mdcFoundation.activate(t), this.setActive(this.mdcFoundation.isActive());
+    });
+  }
+  deactivate() {
+    this.mdcFoundation.deactivate(), this.setActive(this.mdcFoundation.isActive());
+  }
+  setActive(t) {
+    const n = this.active;
+    n !== t && (this._active = t, this.requestUpdate("active", n));
+  }
+  computeDimensions() {
+    return this.mdcFoundation.computeDimensions();
+  }
+  computeIndicatorClientRect() {
+    return this.tabIndicator.computeContentClientRect();
+  }
+  // NOTE: needed only for ShadyDOM where delegatesFocus is not implemented
+  focus() {
+    this.mdcRoot.focus(), this.handleFocus();
+  }
+  handleClick() {
+    this.handleFocus(), this.mdcFoundation.handleClick();
+  }
+  handleFocus() {
+    this.handleRippleFocus();
+  }
+  handleBlur() {
+    this.handleRippleBlur();
+  }
+  handleRippleMouseDown(t) {
+    const n = () => {
+      window.removeEventListener("mouseup", n), this.handleRippleDeactivate();
+    };
+    window.addEventListener("mouseup", n), this.rippleHandlers.startPress(t);
+  }
+  handleRippleTouchStart(t) {
+    this.rippleHandlers.startPress(t);
+  }
+  handleRippleDeactivate() {
+    this.rippleHandlers.endPress();
+  }
+  handleRippleMouseEnter() {
+    this.rippleHandlers.startHover();
+  }
+  handleRippleMouseLeave() {
+    this.rippleHandlers.endHover();
+  }
+  handleRippleFocus() {
+    this.rippleHandlers.startFocus();
+  }
+  handleRippleBlur() {
+    this.rippleHandlers.endFocus();
+  }
+  get isRippleActive() {
+    var t;
+    return ((t = this.rippleElement) === null || t === void 0 ? void 0 : t.isActive) || !1;
+  }
+}
+a.shadowRootOptions = { mode: "open", delegatesFocus: !0 };
+i([
+  l(".mdc-tab")
+], a.prototype, "mdcRoot", void 0);
+i([
+  l("mwc-tab-indicator")
+], a.prototype, "tabIndicator", void 0);
+i([
+  r()
+], a.prototype, "label", void 0);
+i([
+  r()
+], a.prototype, "icon", void 0);
+i([
+  r({ type: Boolean })
+], a.prototype, "hasImageIcon", void 0);
+i([
+  r({ type: Boolean })
+], a.prototype, "isFadingIndicator", void 0);
+i([
+  r({ type: Boolean })
+], a.prototype, "minWidth", void 0);
+i([
+  r({ type: Boolean })
+], a.prototype, "isMinWidthIndicator", void 0);
+i([
+  r({ type: Boolean, reflect: !0, attribute: "active" })
+], a.prototype, "active", null);
+i([
+  r()
+], a.prototype, "indicatorIcon", void 0);
+i([
+  r({ type: Boolean })
+], a.prototype, "stacked", void 0);
+i([
+  F(async function(e) {
+    await this.updateComplete, this.mdcFoundation.setFocusOnActivate(e);
+  }),
+  r({ type: Boolean })
+], a.prototype, "focusOnActivate", void 0);
+i([
+  l(".mdc-tab__content")
+], a.prototype, "_contentElement", void 0);
+i([
+  _()
+], a.prototype, "shouldRenderRipple", void 0);
+i([
+  _()
+], a.prototype, "useStateLayerCustomProperties", void 0);
+i([
+  T("mwc-ripple")
+], a.prototype, "ripple", void 0);
+i([
+  O({ passive: !0 })
+], a.prototype, "handleRippleTouchStart", null);
+export {
+  a as T
+};