@covalent/components 6.0.3 → 6.0.5

package/mwc-tab-base.mjs

@@ -1,15 +1,4 @@
-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";
-/**
+"use strict";const n=require("./tslib.es6.mjs"),s=require("./query-assigned-elements.mjs"),_=require("./base-element.mjs"),r=require("./property.mjs"),l=require("./query.mjs"),m=require("./class-map.mjs"),C=require("./utils.mjs"),y=require("./ripple-handlers.mjs"),I=require("./observer.mjs"),g=require("./state.mjs"),R=require("./event-options.mjs");/**
  * @license
  * Copyright 2016 Google Inc.
  *
@@ -30,43 +19,7 @@ import { e as O } from "./event-options.mjs";
  * 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;
-  }()
-);
-/**
+ */var A=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.
  *
@@ -87,15 +40,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 $ = {
-  ACTIVE: "mdc-tab-indicator--active",
-  FADE: "mdc-tab-indicator--fade",
-  NO_TRANSITION: "mdc-tab-indicator--no-transition"
-}, w = {
-  CONTENT_SELECTOR: ".mdc-tab-indicator__content"
-};
-/**
+ */var E={ACTIVE:"mdc-tab-indicator--active",FADE:"mdc-tab-indicator--fade",NO_TRANSITION:"mdc-tab-indicator--no-transition"},T={CONTENT_SELECTOR:".mdc-tab-indicator__content"};/**
  * @license
  * Copyright 2018 Google Inc.
  *
@@ -116,48 +61,7 @@ var $ = {
  * 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)
-);
-/**
+ */var c=function(e){n.__extends(t,e);function t(i){return e.call(this,n.__assign(n.__assign({},t.defaultAdapter),i))||this}return Object.defineProperty(t,"cssClasses",{get:function(){return E},enumerable:!1,configurable:!0}),Object.defineProperty(t,"strings",{get:function(){return T},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}(A);/**
  * @license
  * Copyright 2018 Google Inc.
  *
@@ -178,23 +82,7 @@ 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 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;
-/**
+ */var F=function(e){n.__extends(t,e);function t(){return e!==null&&e.apply(this,arguments)||this}return t.prototype.activate=function(){this.adapter.addClass(c.cssClasses.ACTIVE)},t.prototype.deactivate=function(){this.adapter.removeClass(c.cssClasses.ACTIVE)},t}(c);const O=F;/**
  * @license
  * Copyright 2018 Google Inc.
  *
@@ -215,99 +103,23 @@ const P = L;
  * 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;
-/**
+ */var D=function(e){n.__extends(t,e);function t(){return e!==null&&e.apply(this,arguments)||this}return t.prototype.activate=function(i){if(!i){this.adapter.addClass(c.cssClasses.ACTIVE);return}var o=this.computeContentClientRect(),h=i.width/o.width,p=i.left-o.left;this.adapter.addClass(c.cssClasses.NO_TRANSITION),this.adapter.setContentStyleProperty("transform","translateX("+p+"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(c.cssClasses.ACTIVE)},t}(c);const w=D;/**
  * @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>
+ */class u extends _.BaseElement{constructor(){super(...arguments),this.icon="",this.fade=!1}get mdcFoundationClass(){return this.fade?O:w}render(){const t={"mdc-tab-indicator__content--icon":this.icon,"material-icons":this.icon,"mdc-tab-indicator__content--underline":!this.icon};return s.y`
+      <span class="mdc-tab-indicator ${m.o({"mdc-tab-indicator--fade":this.fade})}">
+        <span class="mdc-tab-indicator__content ${m.o(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);
-/**
+      `}updated(t){t.has("fade")&&this.createFoundation()}createAdapter(){return Object.assign(Object.assign({},C.addHasRemoveClass(this.mdcRoot)),{computeContentClientRect:()=>this.contentElement.getBoundingClientRect(),setContentStyleProperty:(t,i)=>this.contentElement.style.setProperty(t,i)})}computeContentClientRect(){return this.mdcFoundation.computeContentClientRect()}activate(t){this.mdcFoundation.activate(t)}deactivate(){this.mdcFoundation.deactivate()}}n.__decorate([l.i(".mdc-tab-indicator")],u.prototype,"mdcRoot",void 0);n.__decorate([l.i(".mdc-tab-indicator__content")],u.prototype,"contentElement",void 0);n.__decorate([r.e()],u.prototype,"icon",void 0);n.__decorate([r.e({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}`;
-/**
+ */const $=s.i`.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);
-/**
+ */let b=class extends u{};b.styles=[$];b=n.__decorate([s.e("mwc-tab-indicator")],b);/**
  * @license
  * Copyright 2016 Google Inc.
  *
@@ -328,43 +140,7 @@ C = i([
  * 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;
-  }()
-);
-/**
+ */var L=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.
  *
@@ -385,18 +161,7 @@ var B = (
  * 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"
-};
-/**
+ */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.
  *
@@ -417,118 +182,16 @@ var f = {
  * 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;
-/**
+ */var P=function(e){n.__extends(t,e);function t(i){var o=e.call(this,n.__assign(n.__assign({},t.defaultAdapter),i))||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(i){this.focusOnActivate=i},t.prototype.activate=function(i){this.adapter.addClass(f.ACTIVE),this.adapter.setAttr(d.ARIA_SELECTED,"true"),this.adapter.setAttr(d.TABINDEX,"0"),this.adapter.activateIndicator(i),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 i=this.adapter.getOffsetWidth(),o=this.adapter.getOffsetLeft(),h=this.adapter.getContentOffsetWidth(),p=this.adapter.getContentOffsetLeft();return{contentLeft:o+p,contentRight:o+p+h,rootLeft:o,rootRight:o+i}},t}(L);const v=P;/**
  * @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`
+ */let M=0;class a extends _.BaseElement{constructor(){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 y.RippleHandlers(()=>(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-${++M}`}render(){const t={"mdc-tab--min-width":this.minWidth,"mdc-tab--stacked":this.stacked};let i=s.y``;(this.hasImageIcon||this.icon)&&(i=s.y`
+        <span class="mdc-tab__icon material-icons"><slot name="icon">${this.icon}</slot></span>`);let o=s.y``;return this.label&&(o=s.y`
+        <span class="mdc-tab__text-label">${this.label}</span>`),s.y`
       <button
         @click="${this.handleClick}"
-        class="mdc-tab ${v(t)}"
+        class="mdc-tab ${m.o(t)}"
         role="tab"
         aria-selected="false"
         tabindex="-1"
@@ -541,154 +204,13 @@ class a extends g {
         @touchend="${this.handleRippleDeactivate}"
         @touchcancel="${this.handleRippleDeactivate}">
         <span class="mdc-tab__content">
-          ${n}
+          ${i}
           ${o}
-          ${this.isMinWidthIndicator ? this.renderIndicator() : ""}
+          ${this.isMinWidthIndicator?this.renderIndicator():""}
         </span>
-        ${this.isMinWidthIndicator ? "" : this.renderIndicator()}
+        ${this.isMinWidthIndicator?"":this.renderIndicator()}
         ${this.renderRipple()}
-      </button>`;
-  }
-  renderIndicator() {
-    return c`<mwc-tab-indicator
+      </button>`}renderIndicator(){return s.y`<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
-};
+        .fade="${this.isFadingIndicator}"></mwc-tab-indicator>`}renderRipple(){return this.shouldRenderRipple?s.y`<mwc-ripple primary
+        .internalUseStateLayerCustomProperties="${this.useStateLayerCustomProperties}"></mwc-ripple>`:""}createAdapter(){return Object.assign(Object.assign({},C.addHasRemoveClass(this.mdcRoot)),{setAttr:(t,i)=>this.mdcRoot.setAttribute(t,i),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(v.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 i=this.active;i!==t&&(this._active=t,this.requestUpdate("active",i))}computeDimensions(){return this.mdcFoundation.computeDimensions()}computeIndicatorClientRect(){return this.tabIndicator.computeContentClientRect()}focus(){this.mdcRoot.focus(),this.handleFocus()}handleClick(){this.handleFocus(),this.mdcFoundation.handleClick()}handleFocus(){this.handleRippleFocus()}handleBlur(){this.handleRippleBlur()}handleRippleMouseDown(t){const i=()=>{window.removeEventListener("mouseup",i),this.handleRippleDeactivate()};window.addEventListener("mouseup",i),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};n.__decorate([l.i(".mdc-tab")],a.prototype,"mdcRoot",void 0);n.__decorate([l.i("mwc-tab-indicator")],a.prototype,"tabIndicator",void 0);n.__decorate([r.e()],a.prototype,"label",void 0);n.__decorate([r.e()],a.prototype,"icon",void 0);n.__decorate([r.e({type:Boolean})],a.prototype,"hasImageIcon",void 0);n.__decorate([r.e({type:Boolean})],a.prototype,"isFadingIndicator",void 0);n.__decorate([r.e({type:Boolean})],a.prototype,"minWidth",void 0);n.__decorate([r.e({type:Boolean})],a.prototype,"isMinWidthIndicator",void 0);n.__decorate([r.e({type:Boolean,reflect:!0,attribute:"active"})],a.prototype,"active",null);n.__decorate([r.e()],a.prototype,"indicatorIcon",void 0);n.__decorate([r.e({type:Boolean})],a.prototype,"stacked",void 0);n.__decorate([I.observer(async function(e){await this.updateComplete,this.mdcFoundation.setFocusOnActivate(e)}),r.e({type:Boolean})],a.prototype,"focusOnActivate",void 0);n.__decorate([l.i(".mdc-tab__content")],a.prototype,"_contentElement",void 0);n.__decorate([g.t()],a.prototype,"shouldRenderRipple",void 0);n.__decorate([g.t()],a.prototype,"useStateLayerCustomProperties",void 0);n.__decorate([y.e("mwc-ripple")],a.prototype,"ripple",void 0);n.__decorate([R.e({passive:!0})],a.prototype,"handleRippleTouchStart",null);exports.TabBase=a;