@covalent/components 8.23.1 → 9.0.0-beta.1

package/tab-bar.mjs

@@ -1,34 +1,23 @@
-import { _ as u, a as g, b as S, e as P } from "./tslib.es6-c4b0f3b1.mjs";
-import { i as R, e as x, x as I } from "./query-assigned-elements-4a39219d.mjs";
-import { T as O } from "./mwc-tab-base-0814a3ef.mjs";
-import { B as w } from "./base-element-acf30176.mjs";
-import { e as D } from "./event-options-78d6cf94.mjs";
-import { i as b } from "./query-d843aa92.mjs";
-import { a as M } from "./utils-dc65fdc9.mjs";
-import { o as K } from "./observer-be7b92e2.mjs";
-import { n as W } from "./property-9b6ea53b.mjs";
-import "./class-map-6e504a9a.mjs";
-import "./directive-daf4e9b6.mjs";
-import "./ripple-handlers-8883e893.mjs";
-import "./state-b5e865db.mjs";
-import "./style-map-e7ec6d41.mjs";
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-LIcense-Identifier: Apache-2.0
- */
-const F = 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{-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))}`;
+import { _ as f, a as S, b as T, e as D } from "./tslib.es6-pPsSiLLK.mjs";
+import { e as y, x as I, i as O } from "./query-assigned-elements-DCt2xozt.mjs";
+import { T as P, s as w } from "./mwc-tab.css-B9yQpkYf.mjs";
+import { B as x } from "./base-element-C-U4OfWx.mjs";
+import { e as M } from "./event-options-CNykeE2u.mjs";
+import { i as g } from "./query-BBDQWsft.mjs";
+import { a as K } from "./utils-Dr5MegQq.mjs";
+import { o as W } from "./observer-DQ8OfVDQ.mjs";
+import { n as F } from "./property-DJzm_oB9.mjs";
 /**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: Apache-2.0
  */
-let A = class extends O {
+let R = class extends P {
 };
-A.styles = [F];
-A = u([
-  x("mwc-tab")
-], A);
+R.styles = [w];
+R = f([
+  y("mwc-tab")
+], R);
 /**
  * @license
  * Copyright 2018 Google Inc.
@@ -51,9 +40,9 @@ A = u([
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-function k(o, e) {
-  var t = o.matches || o.webkitMatchesSelector || o.msMatchesSelector;
-  return t.call(o, e);
+function Y(n, e) {
+  var t = n.matches || n.webkitMatchesSelector || n.msMatchesSelector;
+  return t.call(n, e);
 }
 /**
  * @license
@@ -77,39 +66,39 @@ function k(o, e) {
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var Y = (
+var N = (
   /** @class */
   function() {
-    function o(e) {
+    function n(e) {
       e === void 0 && (e = {}), this.adapter = e;
     }
-    return Object.defineProperty(o, "cssClasses", {
+    return Object.defineProperty(n, "cssClasses", {
       get: function() {
         return {};
       },
       enumerable: !1,
       configurable: !0
-    }), Object.defineProperty(o, "strings", {
+    }), Object.defineProperty(n, "strings", {
       get: function() {
         return {};
       },
       enumerable: !1,
       configurable: !0
-    }), Object.defineProperty(o, "numbers", {
+    }), Object.defineProperty(n, "numbers", {
       get: function() {
         return {};
       },
       enumerable: !1,
       configurable: !0
-    }), Object.defineProperty(o, "defaultAdapter", {
+    }), Object.defineProperty(n, "defaultAdapter", {
       get: function() {
         return {};
       },
       enumerable: !1,
       configurable: !0
-    }), o.prototype.init = function() {
-    }, o.prototype.destroy = function() {
-    }, o;
+    }), n.prototype.init = function() {
+    }, n.prototype.destroy = function() {
+    }, n;
   }()
 );
 /**
@@ -134,11 +123,11 @@ var Y = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var z = {
+var V = {
   ANIMATING: "mdc-tab-scroller--animating",
   SCROLL_AREA_SCROLL: "mdc-tab-scroller__scroll-area--scroll",
   SCROLL_TEST: "mdc-tab-scroller__test"
-}, N = {
+}, H = {
   AREA_SELECTOR: ".mdc-tab-scroller__scroll-area",
   CONTENT_SELECTOR: ".mdc-tab-scroller__scroll-content"
 };
@@ -166,11 +155,11 @@ var z = {
  */
 var C = (
   /** @class */
-  function() {
-    function o(e) {
+  /* @__PURE__ */ function() {
+    function n(e) {
       this.adapter = e;
     }
-    return o;
+    return n;
   }()
 );
 /**
@@ -195,27 +184,27 @@ var C = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var V = (
+var j = (
   /** @class */
-  function(o) {
-    g(e, o);
+  function(n) {
+    S(e, n);
     function e() {
-      return o !== null && o.apply(this, arguments) || this;
+      return n !== null && n.apply(this, arguments) || this;
     }
     return e.prototype.getScrollPositionRTL = function() {
       var t = this.adapter.getScrollAreaScrollLeft(), r = this.calculateScrollEdges().right;
       return Math.round(r - t);
     }, e.prototype.scrollToRTL = function(t) {
-      var r = this.calculateScrollEdges(), a = this.adapter.getScrollAreaScrollLeft(), n = this.clampScrollValue(r.right - t);
+      var r = this.calculateScrollEdges(), o = this.adapter.getScrollAreaScrollLeft(), l = this.clampScrollValue(r.right - t);
       return {
-        finalScrollPosition: n,
-        scrollDelta: n - a
+        finalScrollPosition: l,
+        scrollDelta: l - o
       };
     }, e.prototype.incrementScrollRTL = function(t) {
-      var r = this.adapter.getScrollAreaScrollLeft(), a = this.clampScrollValue(r - t);
+      var r = this.adapter.getScrollAreaScrollLeft(), o = this.clampScrollValue(r - t);
       return {
-        finalScrollPosition: a,
-        scrollDelta: a - r
+        finalScrollPosition: o,
+        scrollDelta: o - r
       };
     }, e.prototype.getAnimatingScrollPosition = function(t) {
       return t;
@@ -253,27 +242,27 @@ var V = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var j = (
+var B = (
   /** @class */
-  function(o) {
-    g(e, o);
+  function(n) {
+    S(e, n);
     function e() {
-      return o !== null && o.apply(this, arguments) || this;
+      return n !== null && n.apply(this, arguments) || this;
     }
     return e.prototype.getScrollPositionRTL = function(t) {
       var r = this.adapter.getScrollAreaScrollLeft();
       return Math.round(t - r);
     }, e.prototype.scrollToRTL = function(t) {
-      var r = this.adapter.getScrollAreaScrollLeft(), a = this.clampScrollValue(-t);
+      var r = this.adapter.getScrollAreaScrollLeft(), o = this.clampScrollValue(-t);
       return {
-        finalScrollPosition: a,
-        scrollDelta: a - r
+        finalScrollPosition: o,
+        scrollDelta: o - r
       };
     }, e.prototype.incrementScrollRTL = function(t) {
-      var r = this.adapter.getScrollAreaScrollLeft(), a = this.clampScrollValue(r - t);
+      var r = this.adapter.getScrollAreaScrollLeft(), o = this.clampScrollValue(r - t);
       return {
-        finalScrollPosition: a,
-        scrollDelta: a - r
+        finalScrollPosition: o,
+        scrollDelta: o - r
       };
     }, e.prototype.getAnimatingScrollPosition = function(t, r) {
       return t - r;
@@ -311,27 +300,27 @@ var j = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var H = (
+var X = (
   /** @class */
-  function(o) {
-    g(e, o);
+  function(n) {
+    S(e, n);
     function e() {
-      return o !== null && o.apply(this, arguments) || this;
+      return n !== null && n.apply(this, arguments) || this;
     }
     return e.prototype.getScrollPositionRTL = function(t) {
       var r = this.adapter.getScrollAreaScrollLeft();
       return Math.round(r - t);
     }, e.prototype.scrollToRTL = function(t) {
-      var r = this.adapter.getScrollAreaScrollLeft(), a = this.clampScrollValue(t);
+      var r = this.adapter.getScrollAreaScrollLeft(), o = this.clampScrollValue(t);
       return {
-        finalScrollPosition: a,
-        scrollDelta: r - a
+        finalScrollPosition: o,
+        scrollDelta: r - o
       };
     }, e.prototype.incrementScrollRTL = function(t) {
-      var r = this.adapter.getScrollAreaScrollLeft(), a = this.clampScrollValue(r + t);
+      var r = this.adapter.getScrollAreaScrollLeft(), o = this.clampScrollValue(r + t);
       return {
-        finalScrollPosition: a,
-        scrollDelta: r - a
+        finalScrollPosition: o,
+        scrollDelta: r - o
       };
     }, e.prototype.getAnimatingScrollPosition = function(t, r) {
       return t + r;
@@ -369,23 +358,23 @@ var H = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var B = (
+var $ = (
   /** @class */
-  function(o) {
-    g(e, o);
+  function(n) {
+    S(e, n);
     function e(t) {
-      var r = o.call(this, S(S({}, e.defaultAdapter), t)) || this;
+      var r = n.call(this, T(T({}, e.defaultAdapter), t)) || this;
       return r.isAnimating = !1, r;
     }
     return Object.defineProperty(e, "cssClasses", {
       get: function() {
-        return z;
+        return V;
       },
       enumerable: !1,
       configurable: !0
     }), Object.defineProperty(e, "strings", {
       get: function() {
-        return N;
+        return H;
       },
       enumerable: !1,
       configurable: !0
@@ -467,10 +456,10 @@ var B = (
       var r = /\((.+?)\)/.exec(t);
       if (!r)
         return 0;
-      var a = r[1], n = P(a.split(","), 6);
-      n[0], n[1], n[2], n[3];
-      var i = n[4];
-      return n[5], parseFloat(i);
+      var o = r[1], l = D(o.split(","), 6);
+      l[0], l[1], l[2], l[3];
+      var a = l[4];
+      return l[5], parseFloat(a);
     }, e.prototype.clampScrollValue = function(t) {
       var r = this.calculateScrollEdges();
       return Math.min(Math.max(r.left, t), r.right);
@@ -484,10 +473,10 @@ var B = (
         right: t - r
       };
     }, e.prototype.scrollToImpl = function(t) {
-      var r = this.getScrollPosition(), a = this.clampScrollValue(t), n = a - r;
+      var r = this.getScrollPosition(), o = this.clampScrollValue(t), l = o - r;
       this.animate({
-        finalScrollPosition: a,
-        scrollDelta: n
+        finalScrollPosition: o,
+        scrollDelta: l
       });
     }, e.prototype.scrollToImplRTL = function(t) {
       var r = this.getRTLScroller().scrollToRTL(t);
@@ -495,10 +484,10 @@ var B = (
     }, e.prototype.getIncrementScrollOperation = function(t) {
       if (this.isRTL())
         return this.getRTLScroller().incrementScrollRTL(t);
-      var r = this.getScrollPosition(), a = t + r, n = this.clampScrollValue(a), i = n - r;
+      var r = this.getScrollPosition(), o = t + r, l = this.clampScrollValue(o), a = l - r;
       return {
-        finalScrollPosition: n,
-        scrollDelta: i
+        finalScrollPosition: l,
+        scrollDelta: a
       };
     }, e.prototype.animate = function(t) {
       var r = this;
@@ -517,23 +506,22 @@ var B = (
       this.adapter.setScrollAreaScrollLeft(t - 1);
       var r = this.adapter.getScrollAreaScrollLeft();
       if (r < 0)
-        return this.adapter.setScrollAreaScrollLeft(t), new j(this.adapter);
-      var a = this.adapter.computeScrollAreaClientRect(), n = this.adapter.computeScrollContentClientRect(), i = Math.round(n.right - a.right);
-      return this.adapter.setScrollAreaScrollLeft(t), i === r ? new H(this.adapter) : new V(this.adapter);
+        return this.adapter.setScrollAreaScrollLeft(t), new B(this.adapter);
+      var o = this.adapter.computeScrollAreaClientRect(), l = this.adapter.computeScrollContentClientRect(), a = Math.round(l.right - o.right);
+      return this.adapter.setScrollAreaScrollLeft(t), a === r ? new X(this.adapter) : new j(this.adapter);
     }, e.prototype.isRTL = function() {
       return this.adapter.getScrollContentStyleValue("direction") === "rtl";
     }, e;
-  }(Y)
+  }(N)
 );
-const X = B;
 /**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: Apache-2.0
  */
-class v extends w {
+class b extends x {
   constructor() {
-    super(...arguments), this.mdcFoundationClass = X, this._scrollbarHeight = -1;
+    super(...arguments), this.mdcFoundationClass = $, this._scrollbarHeight = -1;
   }
   _handleInteraction() {
     this.mdcFoundation.handleInteraction();
@@ -557,7 +545,7 @@ class v extends w {
       `;
   }
   createAdapter() {
-    return Object.assign(Object.assign({}, M(this.mdcRoot)), { eventTargetMatchesSelector: (e, t) => k(e, t), addScrollAreaClass: (e) => this.scrollAreaElement.classList.add(e), setScrollAreaStyleProperty: (e, t) => this.scrollAreaElement.style.setProperty(e, t), setScrollContentStyleProperty: (e, t) => this.scrollContentElement.style.setProperty(e, t), getScrollContentStyleValue: (e) => window.getComputedStyle(this.scrollContentElement).getPropertyValue(e), setScrollAreaScrollLeft: (e) => this.scrollAreaElement.scrollLeft = e, getScrollAreaScrollLeft: () => this.scrollAreaElement.scrollLeft, getScrollContentOffsetWidth: () => this.scrollContentElement.offsetWidth, getScrollAreaOffsetWidth: () => this.scrollAreaElement.offsetWidth, computeScrollAreaClientRect: () => this.scrollAreaElement.getBoundingClientRect(), computeScrollContentClientRect: () => this.scrollContentElement.getBoundingClientRect(), computeHorizontalScrollbarHeight: () => (this._scrollbarHeight === -1 && (this.scrollAreaElement.style.overflowX = "scroll", this._scrollbarHeight = this.scrollAreaElement.offsetHeight - this.scrollAreaElement.clientHeight, this.scrollAreaElement.style.overflowX = ""), this._scrollbarHeight) });
+    return Object.assign(Object.assign({}, K(this.mdcRoot)), { eventTargetMatchesSelector: (e, t) => Y(e, t), addScrollAreaClass: (e) => this.scrollAreaElement.classList.add(e), setScrollAreaStyleProperty: (e, t) => this.scrollAreaElement.style.setProperty(e, t), setScrollContentStyleProperty: (e, t) => this.scrollContentElement.style.setProperty(e, t), getScrollContentStyleValue: (e) => window.getComputedStyle(this.scrollContentElement).getPropertyValue(e), setScrollAreaScrollLeft: (e) => this.scrollAreaElement.scrollLeft = e, getScrollAreaScrollLeft: () => this.scrollAreaElement.scrollLeft, getScrollContentOffsetWidth: () => this.scrollContentElement.offsetWidth, getScrollAreaOffsetWidth: () => this.scrollAreaElement.offsetWidth, computeScrollAreaClientRect: () => this.scrollAreaElement.getBoundingClientRect(), computeScrollContentClientRect: () => this.scrollContentElement.getBoundingClientRect(), computeHorizontalScrollbarHeight: () => (this._scrollbarHeight === -1 && (this.scrollAreaElement.style.overflowX = "scroll", this._scrollbarHeight = this.scrollAreaElement.offsetHeight - this.scrollAreaElement.clientHeight, this.scrollAreaElement.style.overflowX = ""), this._scrollbarHeight) });
   }
   /**
    * Returns the current visual scroll position
@@ -589,35 +577,35 @@ class v extends w {
     this.mdcFoundation.scrollTo(e);
   }
 }
-u([
-  b(".mdc-tab-scroller")
-], v.prototype, "mdcRoot", void 0);
-u([
-  b(".mdc-tab-scroller__scroll-area")
-], v.prototype, "scrollAreaElement", void 0);
-u([
-  b(".mdc-tab-scroller__scroll-content")
-], v.prototype, "scrollContentElement", void 0);
-u([
-  D({ passive: !0 })
-], v.prototype, "_handleInteraction", null);
+f([
+  g(".mdc-tab-scroller")
+], b.prototype, "mdcRoot", void 0);
+f([
+  g(".mdc-tab-scroller__scroll-area")
+], b.prototype, "scrollAreaElement", void 0);
+f([
+  g(".mdc-tab-scroller__scroll-content")
+], b.prototype, "scrollContentElement", void 0);
+f([
+  M({ passive: !0 })
+], b.prototype, "_handleInteraction", null);
 /**
  * @license
  * Copyright 2021 Google LLC
  * SPDX-LIcense-Identifier: Apache-2.0
  */
-const $ = R`.mdc-tab-scroller{overflow-y:hidden}.mdc-tab-scroller.mdc-tab-scroller--animating .mdc-tab-scroller__scroll-content{transition:250ms transform cubic-bezier(0.4, 0, 0.2, 1)}.mdc-tab-scroller__test{position:absolute;top:-9999px;width:100px;height:100px;overflow-x:scroll}.mdc-tab-scroller__scroll-area{-webkit-overflow-scrolling:touch;display:flex;overflow-x:hidden}.mdc-tab-scroller__scroll-area::-webkit-scrollbar,.mdc-tab-scroller__test::-webkit-scrollbar{display:none}.mdc-tab-scroller__scroll-area--scroll{overflow-x:scroll}.mdc-tab-scroller__scroll-content{position:relative;display:flex;flex:1 0 auto;transform:none;will-change:transform}.mdc-tab-scroller--align-start .mdc-tab-scroller__scroll-content{justify-content:flex-start}.mdc-tab-scroller--align-end .mdc-tab-scroller__scroll-content{justify-content:flex-end}.mdc-tab-scroller--align-center .mdc-tab-scroller__scroll-content{justify-content:center}.mdc-tab-scroller--animating .mdc-tab-scroller__scroll-area{-webkit-overflow-scrolling:auto}:host{display:flex}.mdc-tab-scroller{flex:1}`;
+const G = O`.mdc-tab-scroller{overflow-y:hidden}.mdc-tab-scroller.mdc-tab-scroller--animating .mdc-tab-scroller__scroll-content{transition:250ms transform cubic-bezier(0.4, 0, 0.2, 1)}.mdc-tab-scroller__test{position:absolute;top:-9999px;width:100px;height:100px;overflow-x:scroll}.mdc-tab-scroller__scroll-area{-webkit-overflow-scrolling:touch;display:flex;overflow-x:hidden}.mdc-tab-scroller__scroll-area::-webkit-scrollbar,.mdc-tab-scroller__test::-webkit-scrollbar{display:none}.mdc-tab-scroller__scroll-area--scroll{overflow-x:scroll}.mdc-tab-scroller__scroll-content{position:relative;display:flex;flex:1 0 auto;transform:none;will-change:transform}.mdc-tab-scroller--align-start .mdc-tab-scroller__scroll-content{justify-content:flex-start}.mdc-tab-scroller--align-end .mdc-tab-scroller__scroll-content{justify-content:flex-end}.mdc-tab-scroller--align-center .mdc-tab-scroller__scroll-content{justify-content:center}.mdc-tab-scroller--animating .mdc-tab-scroller__scroll-area{-webkit-overflow-scrolling:auto}:host{display:flex}.mdc-tab-scroller{flex:1}`;
 /**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: Apache-2.0
  */
-let E = class extends v {
+let _ = class extends b {
 };
-E.styles = [$];
-E = u([
-  x("mwc-tab-scroller")
-], E);
+_.styles = [G];
+_ = f([
+  y("mwc-tab-scroller")
+], _);
 /**
  * @license
  * Copyright 2016 Google Inc.
@@ -640,39 +628,39 @@ E = u([
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var G = (
+var U = (
   /** @class */
   function() {
-    function o(e) {
+    function n(e) {
       e === void 0 && (e = {}), this.adapter = e;
     }
-    return Object.defineProperty(o, "cssClasses", {
+    return Object.defineProperty(n, "cssClasses", {
       get: function() {
         return {};
       },
       enumerable: !1,
       configurable: !0
-    }), Object.defineProperty(o, "strings", {
+    }), Object.defineProperty(n, "strings", {
       get: function() {
         return {};
       },
       enumerable: !1,
       configurable: !0
-    }), Object.defineProperty(o, "numbers", {
+    }), Object.defineProperty(n, "numbers", {
       get: function() {
         return {};
       },
       enumerable: !1,
       configurable: !0
-    }), Object.defineProperty(o, "defaultAdapter", {
+    }), Object.defineProperty(n, "defaultAdapter", {
       get: function() {
         return {};
       },
       enumerable: !1,
       configurable: !0
-    }), o.prototype.init = function() {
-    }, o.prototype.destroy = function() {
-    }, o;
+    }), n.prototype.init = function() {
+    }, n.prototype.destroy = function() {
+    }, n;
   }()
 );
 /**
@@ -697,7 +685,7 @@ var G = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var l = {
+var i = {
   ARROW_LEFT_KEY: "ArrowLeft",
   ARROW_RIGHT_KEY: "ArrowRight",
   END_KEY: "End",
@@ -707,7 +695,7 @@ var l = {
   TAB_ACTIVATED_EVENT: "MDCTabBar:activated",
   TAB_SCROLLER_SELECTOR: ".mdc-tab-scroller",
   TAB_SELECTOR: ".mdc-tab"
-}, p = {
+}, d = {
   ARROW_LEFT_KEYCODE: 37,
   ARROW_RIGHT_KEYCODE: 39,
   END_KEYCODE: 35,
@@ -738,37 +726,37 @@ var l = {
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var m = /* @__PURE__ */ new Set();
-m.add(l.ARROW_LEFT_KEY);
-m.add(l.ARROW_RIGHT_KEY);
-m.add(l.END_KEY);
-m.add(l.HOME_KEY);
-m.add(l.ENTER_KEY);
-m.add(l.SPACE_KEY);
-var h = /* @__PURE__ */ new Map();
-h.set(p.ARROW_LEFT_KEYCODE, l.ARROW_LEFT_KEY);
-h.set(p.ARROW_RIGHT_KEYCODE, l.ARROW_RIGHT_KEY);
-h.set(p.END_KEYCODE, l.END_KEY);
-h.set(p.HOME_KEYCODE, l.HOME_KEY);
-h.set(p.ENTER_KEYCODE, l.ENTER_KEY);
-h.set(p.SPACE_KEYCODE, l.SPACE_KEY);
-var U = (
+var p = /* @__PURE__ */ new Set();
+p.add(i.ARROW_LEFT_KEY);
+p.add(i.ARROW_RIGHT_KEY);
+p.add(i.END_KEY);
+p.add(i.HOME_KEY);
+p.add(i.ENTER_KEY);
+p.add(i.SPACE_KEY);
+var m = /* @__PURE__ */ new Map();
+m.set(d.ARROW_LEFT_KEYCODE, i.ARROW_LEFT_KEY);
+m.set(d.ARROW_RIGHT_KEYCODE, i.ARROW_RIGHT_KEY);
+m.set(d.END_KEYCODE, i.END_KEY);
+m.set(d.HOME_KEYCODE, i.HOME_KEY);
+m.set(d.ENTER_KEYCODE, i.ENTER_KEY);
+m.set(d.SPACE_KEYCODE, i.SPACE_KEY);
+var L = (
   /** @class */
-  function(o) {
-    g(e, o);
+  function(n) {
+    S(e, n);
     function e(t) {
-      var r = o.call(this, S(S({}, e.defaultAdapter), t)) || this;
+      var r = n.call(this, T(T({}, e.defaultAdapter), t)) || this;
       return r.useAutomaticActivation = !1, r;
     }
     return Object.defineProperty(e, "strings", {
       get: function() {
-        return l;
+        return i;
       },
       enumerable: !1,
       configurable: !0
     }), Object.defineProperty(e, "numbers", {
       get: function() {
-        return p;
+        return d;
       },
       enumerable: !1,
       configurable: !0
@@ -828,8 +816,8 @@ var U = (
     }, e.prototype.activateTab = function(t) {
       var r = this.adapter.getPreviousActiveTabIndex();
       if (!(!this.indexIsInRange(t) || t === r)) {
-        var a;
-        r !== -1 && (this.adapter.deactivateTabAtIndex(r), a = this.adapter.getTabIndicatorClientRectAtIndex(r)), this.adapter.activateTabAtIndex(t, a), this.scrollIntoView(t), this.adapter.notifyTabActivated(t);
+        var o;
+        r !== -1 && (this.adapter.deactivateTabAtIndex(r), o = this.adapter.getTabIndicatorClientRectAtIndex(r)), this.adapter.activateTabAtIndex(t, o), this.scrollIntoView(t), this.adapter.notifyTabActivated(t);
       }
     }, e.prototype.handleKeyDown = function(t) {
       var r = this.getKeyFromEvent(t);
@@ -837,15 +825,15 @@ var U = (
         if (this.isActivationKey(r) || t.preventDefault(), this.useAutomaticActivation) {
           if (this.isActivationKey(r))
             return;
-          var a = this.determineTargetFromKey(this.adapter.getPreviousActiveTabIndex(), r);
-          this.adapter.setActiveTab(a), this.scrollIntoView(a);
+          var o = this.determineTargetFromKey(this.adapter.getPreviousActiveTabIndex(), r);
+          this.adapter.setActiveTab(o), this.scrollIntoView(o);
         } else {
-          var n = this.adapter.getFocusedTabIndex();
+          var l = this.adapter.getFocusedTabIndex();
           if (this.isActivationKey(r))
-            this.adapter.setActiveTab(n);
+            this.adapter.setActiveTab(l);
           else {
-            var a = this.determineTargetFromKey(n, r);
-            this.adapter.focusTabAtIndex(a), this.scrollIntoView(a);
+            var o = this.determineTargetFromKey(l, r);
+            this.adapter.focusTabAtIndex(o), this.scrollIntoView(o);
           }
         }
     }, e.prototype.handleTabInteraction = function(t) {
@@ -867,50 +855,49 @@ var U = (
         this.scrollIntoViewImpl(t);
       }
     }, e.prototype.determineTargetFromKey = function(t, r) {
-      var a = this.isRTL(), n = this.adapter.getTabListLength() - 1, i = r === l.END_KEY, s = r === l.ARROW_LEFT_KEY && !a || r === l.ARROW_RIGHT_KEY && a, d = r === l.ARROW_RIGHT_KEY && !a || r === l.ARROW_LEFT_KEY && a, c = t;
-      return i ? c = n : s ? c -= 1 : d ? c += 1 : c = 0, c < 0 ? c = n : c > n && (c = 0), c;
-    }, e.prototype.calculateScrollIncrement = function(t, r, a, n) {
-      var i = this.adapter.getTabDimensionsAtIndex(r), s = i.contentLeft - a - n, d = i.contentRight - a, c = d - p.EXTRA_SCROLL_AMOUNT, f = s + p.EXTRA_SCROLL_AMOUNT;
-      return r < t ? Math.min(c, 0) : Math.max(f, 0);
-    }, e.prototype.calculateScrollIncrementRTL = function(t, r, a, n, i) {
-      var s = this.adapter.getTabDimensionsAtIndex(r), d = i - s.contentLeft - a, c = i - s.contentRight - a - n, f = c + p.EXTRA_SCROLL_AMOUNT, y = d - p.EXTRA_SCROLL_AMOUNT;
-      return r > t ? Math.max(f, 0) : Math.min(y, 0);
-    }, e.prototype.findAdjacentTabIndexClosestToEdge = function(t, r, a, n) {
-      var i = r.rootLeft - a, s = r.rootRight - a - n, d = i + s, c = i < 0 || d < 0, f = s > 0 || d > 0;
-      return c ? t - 1 : f ? t + 1 : -1;
-    }, e.prototype.findAdjacentTabIndexClosestToEdgeRTL = function(t, r, a, n, i) {
-      var s = i - r.rootLeft - n - a, d = i - r.rootRight - a, c = s + d, f = s > 0 || c > 0, y = d < 0 || c < 0;
-      return f ? t + 1 : y ? t - 1 : -1;
+      var o = this.isRTL(), l = this.adapter.getTabListLength() - 1, a = r === i.END_KEY, s = r === i.ARROW_LEFT_KEY && !o || r === i.ARROW_RIGHT_KEY && o, u = r === i.ARROW_RIGHT_KEY && !o || r === i.ARROW_LEFT_KEY && o, c = t;
+      return a ? c = l : s ? c -= 1 : u ? c += 1 : c = 0, c < 0 ? c = l : c > l && (c = 0), c;
+    }, e.prototype.calculateScrollIncrement = function(t, r, o, l) {
+      var a = this.adapter.getTabDimensionsAtIndex(r), s = a.contentLeft - o - l, u = a.contentRight - o, c = u - d.EXTRA_SCROLL_AMOUNT, h = s + d.EXTRA_SCROLL_AMOUNT;
+      return r < t ? Math.min(c, 0) : Math.max(h, 0);
+    }, e.prototype.calculateScrollIncrementRTL = function(t, r, o, l, a) {
+      var s = this.adapter.getTabDimensionsAtIndex(r), u = a - s.contentLeft - o, c = a - s.contentRight - o - l, h = c + d.EXTRA_SCROLL_AMOUNT, E = u - d.EXTRA_SCROLL_AMOUNT;
+      return r > t ? Math.max(h, 0) : Math.min(E, 0);
+    }, e.prototype.findAdjacentTabIndexClosestToEdge = function(t, r, o, l) {
+      var a = r.rootLeft - o, s = r.rootRight - o - l, u = a + s, c = a < 0 || u < 0, h = s > 0 || u > 0;
+      return c ? t - 1 : h ? t + 1 : -1;
+    }, e.prototype.findAdjacentTabIndexClosestToEdgeRTL = function(t, r, o, l, a) {
+      var s = a - r.rootLeft - l - o, u = a - r.rootRight - o, c = s + u, h = s > 0 || c > 0, E = u < 0 || c < 0;
+      return h ? t + 1 : E ? t - 1 : -1;
     }, e.prototype.getKeyFromEvent = function(t) {
-      return m.has(t.key) ? t.key : h.get(t.keyCode);
+      return p.has(t.key) ? t.key : m.get(t.keyCode);
     }, e.prototype.isActivationKey = function(t) {
-      return t === l.SPACE_KEY || t === l.ENTER_KEY;
+      return t === i.SPACE_KEY || t === i.ENTER_KEY;
     }, e.prototype.indexIsInRange = function(t) {
       return t >= 0 && t < this.adapter.getTabListLength();
     }, e.prototype.isRTL = function() {
       return this.adapter.isRTL();
     }, e.prototype.scrollIntoViewImpl = function(t) {
-      var r = this.adapter.getScrollPosition(), a = this.adapter.getOffsetWidth(), n = this.adapter.getTabDimensionsAtIndex(t), i = this.findAdjacentTabIndexClosestToEdge(t, n, r, a);
-      if (this.indexIsInRange(i)) {
-        var s = this.calculateScrollIncrement(t, i, r, a);
+      var r = this.adapter.getScrollPosition(), o = this.adapter.getOffsetWidth(), l = this.adapter.getTabDimensionsAtIndex(t), a = this.findAdjacentTabIndexClosestToEdge(t, l, r, o);
+      if (this.indexIsInRange(a)) {
+        var s = this.calculateScrollIncrement(t, a, r, o);
         this.adapter.incrementScroll(s);
       }
     }, e.prototype.scrollIntoViewImplRTL = function(t) {
-      var r = this.adapter.getScrollPosition(), a = this.adapter.getOffsetWidth(), n = this.adapter.getTabDimensionsAtIndex(t), i = this.adapter.getScrollContentWidth(), s = this.findAdjacentTabIndexClosestToEdgeRTL(t, n, r, a, i);
+      var r = this.adapter.getScrollPosition(), o = this.adapter.getOffsetWidth(), l = this.adapter.getTabDimensionsAtIndex(t), a = this.adapter.getScrollContentWidth(), s = this.findAdjacentTabIndexClosestToEdgeRTL(t, l, r, o, a);
       if (this.indexIsInRange(s)) {
-        var d = this.calculateScrollIncrementRTL(t, s, r, a, i);
-        this.adapter.incrementScroll(d);
+        var u = this.calculateScrollIncrementRTL(t, s, r, o, a);
+        this.adapter.incrementScroll(u);
       }
     }, e;
-  }(G)
+  }(U)
 );
-const L = U;
 /**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: Apache-2.0
  */
-class _ extends w {
+class v extends x {
   constructor() {
     super(...arguments), this.mdcFoundationClass = L, this.activeIndex = 0, this._previousActiveIndex = -1;
   }
@@ -932,7 +919,7 @@ class _ extends w {
   }
   // TODO(sorvell): probably want to memoize this and use a `slotChange` event
   _getTabs() {
-    return this.tabsSlot.assignedNodes({ flatten: !0 }).filter((e) => e instanceof O);
+    return this.tabsSlot.assignedNodes({ flatten: !0 }).filter((e) => e instanceof P);
   }
   _getTab(e) {
     return this._getTabs()[e];
@@ -998,40 +985,40 @@ class _ extends w {
     this.mdcFoundation.scrollIntoView(e);
   }
 }
-u([
-  b(".mdc-tab-bar")
-], _.prototype, "mdcRoot", void 0);
-u([
-  b("mwc-tab-scroller")
-], _.prototype, "scrollerElement", void 0);
-u([
-  b("slot")
-], _.prototype, "tabsSlot", void 0);
-u([
-  K(async function() {
+f([
+  g(".mdc-tab-bar")
+], v.prototype, "mdcRoot", void 0);
+f([
+  g("mwc-tab-scroller")
+], v.prototype, "scrollerElement", void 0);
+f([
+  g("slot")
+], v.prototype, "tabsSlot", void 0);
+f([
+  W(async function() {
     await this.updateComplete, this.activeIndex !== this._previousActiveIndex && this.mdcFoundation.activateTab(this.activeIndex);
   }),
-  W({ type: Number })
-], _.prototype, "activeIndex", void 0);
+  F({ type: Number })
+], v.prototype, "activeIndex", void 0);
 /**
  * @license
  * Copyright 2021 Google LLC
  * SPDX-LIcense-Identifier: Apache-2.0
  */
-const q = R`.mdc-tab-bar{width:100%}.mdc-tab{height:48px}.mdc-tab--stacked{height:72px}:host{display:block}.mdc-tab-bar{flex:1}mwc-tab{--mdc-tab-height: 48px;--mdc-tab-stacked-height: 72px}`;
-var J = Object.defineProperty, Q = Object.getOwnPropertyDescriptor, Z = (o, e, t, r) => {
-  for (var a = r > 1 ? void 0 : r ? Q(e, t) : e, n = o.length - 1, i; n >= 0; n--)
-    (i = o[n]) && (a = (r ? i(e, t, a) : i(a)) || a);
-  return r && a && J(e, t, a), a;
+const z = O`.mdc-tab-bar{width:100%}.mdc-tab{height:48px}.mdc-tab--stacked{height:72px}:host{display:block}.mdc-tab-bar{flex:1}mwc-tab{--mdc-tab-height: 48px;--mdc-tab-stacked-height: 72px}`;
+var k = Object.defineProperty, q = Object.getOwnPropertyDescriptor, J = (n, e, t, r) => {
+  for (var o = r > 1 ? void 0 : r ? q(e, t) : e, l = n.length - 1, a; l >= 0; l--)
+    (a = n[l]) && (o = (r ? a(e, t, o) : a(o)) || o);
+  return r && o && k(e, t, o), o;
 };
-let T = class extends _ {
+let A = class extends v {
 };
-T.styles = [q];
-T = Z([
-  x("cv-tab-bar")
-], T);
-const bt = T;
+A.styles = [z];
+A = J([
+  y("cv-tab-bar")
+], A);
+const st = A;
 export {
-  T as CovalentTabBar,
-  bt as default
+  A as CovalentTabBar,
+  st as default
 };