@covalent/components 6.0.1 → 6.0.2

package/tab-bar.mjs

@@ -1,17 +1,1034 @@
-import { TabBarBase as f } from "@material/mwc-tab-bar/mwc-tab-bar-base";
-import { styles as m } from "@material/mwc-tab-bar/mwc-tab-bar.css?used";
-import { customElement as v } from "lit/decorators.js";
-var b = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, c = (p, r, t, s) => {
-  for (var e = s > 1 ? void 0 : s ? _(r, t) : r, a = p.length - 1, o; a >= 0; a--)
-    (o = p[a]) && (e = (s ? o(r, t, e) : o(e)) || e);
-  return s && e && b(r, t, e), e;
+import { b as u, _ as g, a as S, e as P } from "./tslib.es6.mjs";
+import { i as R, e as x, y as I } from "./query-assigned-elements.mjs";
+import { T as O } from "./mwc-tab-base.mjs";
+import { B as w } from "./base-element.mjs";
+import { e as D } from "./event-options.mjs";
+import { i as b } from "./query.mjs";
+import { a as M } from "./utils.mjs";
+import { o as K } from "./observer.mjs";
+import { e as W } from "./property.mjs";
+import "./class-map.mjs";
+import "./ripple-handlers.mjs";
+import "./state.mjs";
+import "./style-map.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))}`;
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+let y = class extends O {
 };
-let l = class extends f {
+y.styles = [F];
+y = u([
+  x("mwc-tab")
+], y);
+/**
+ * @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.
+ */
+function k(o, e) {
+  var t = o.matches || o.webkitMatchesSelector || o.msMatchesSelector;
+  return t.call(o, e);
+}
+/**
+ * @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 Y = (
+  /** @class */
+  function() {
+    function o(e) {
+      e === void 0 && (e = {}), this.adapter = e;
+    }
+    return Object.defineProperty(o, "cssClasses", {
+      get: function() {
+        return {};
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(o, "strings", {
+      get: function() {
+        return {};
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(o, "numbers", {
+      get: function() {
+        return {};
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(o, "defaultAdapter", {
+      get: function() {
+        return {};
+      },
+      enumerable: !1,
+      configurable: !0
+    }), o.prototype.init = function() {
+    }, o.prototype.destroy = function() {
+    }, o;
+  }()
+);
+/**
+ * @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 z = {
+  ANIMATING: "mdc-tab-scroller--animating",
+  SCROLL_AREA_SCROLL: "mdc-tab-scroller__scroll-area--scroll",
+  SCROLL_TEST: "mdc-tab-scroller__test"
+}, N = {
+  AREA_SELECTOR: ".mdc-tab-scroller__scroll-area",
+  CONTENT_SELECTOR: ".mdc-tab-scroller__scroll-content"
 };
-l.styles = [m];
-l = c([
-  v("cv-tab-bar")
-], 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 C = (
+  /** @class */
+  function() {
+    function o(e) {
+      this.adapter = e;
+    }
+    return o;
+  }()
+);
+/**
+ * @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 V = (
+  /** @class */
+  function(o) {
+    g(e, o);
+    function e() {
+      return o !== null && o.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);
+      return {
+        finalScrollPosition: n,
+        scrollDelta: n - a
+      };
+    }, e.prototype.incrementScrollRTL = function(t) {
+      var r = this.adapter.getScrollAreaScrollLeft(), a = this.clampScrollValue(r - t);
+      return {
+        finalScrollPosition: a,
+        scrollDelta: a - r
+      };
+    }, e.prototype.getAnimatingScrollPosition = function(t) {
+      return t;
+    }, e.prototype.calculateScrollEdges = function() {
+      var t = this.adapter.getScrollContentOffsetWidth(), r = this.adapter.getScrollAreaOffsetWidth();
+      return {
+        left: 0,
+        right: t - r
+      };
+    }, e.prototype.clampScrollValue = function(t) {
+      var r = this.calculateScrollEdges();
+      return Math.min(Math.max(r.left, t), r.right);
+    }, e;
+  }(C)
+);
+/**
+ * @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 j = (
+  /** @class */
+  function(o) {
+    g(e, o);
+    function e() {
+      return o !== null && o.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);
+      return {
+        finalScrollPosition: a,
+        scrollDelta: a - r
+      };
+    }, e.prototype.incrementScrollRTL = function(t) {
+      var r = this.adapter.getScrollAreaScrollLeft(), a = this.clampScrollValue(r - t);
+      return {
+        finalScrollPosition: a,
+        scrollDelta: a - r
+      };
+    }, e.prototype.getAnimatingScrollPosition = function(t, r) {
+      return t - r;
+    }, e.prototype.calculateScrollEdges = function() {
+      var t = this.adapter.getScrollContentOffsetWidth(), r = this.adapter.getScrollAreaOffsetWidth();
+      return {
+        left: r - t,
+        right: 0
+      };
+    }, e.prototype.clampScrollValue = function(t) {
+      var r = this.calculateScrollEdges();
+      return Math.max(Math.min(r.right, t), r.left);
+    }, e;
+  }(C)
+);
+/**
+ * @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 H = (
+  /** @class */
+  function(o) {
+    g(e, o);
+    function e() {
+      return o !== null && o.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);
+      return {
+        finalScrollPosition: a,
+        scrollDelta: r - a
+      };
+    }, e.prototype.incrementScrollRTL = function(t) {
+      var r = this.adapter.getScrollAreaScrollLeft(), a = this.clampScrollValue(r + t);
+      return {
+        finalScrollPosition: a,
+        scrollDelta: r - a
+      };
+    }, e.prototype.getAnimatingScrollPosition = function(t, r) {
+      return t + r;
+    }, e.prototype.calculateScrollEdges = function() {
+      var t = this.adapter.getScrollContentOffsetWidth(), r = this.adapter.getScrollAreaOffsetWidth();
+      return {
+        left: t - r,
+        right: 0
+      };
+    }, e.prototype.clampScrollValue = function(t) {
+      var r = this.calculateScrollEdges();
+      return Math.min(Math.max(r.right, t), r.left);
+    }, e;
+  }(C)
+);
+/**
+ * @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 B = (
+  /** @class */
+  function(o) {
+    g(e, o);
+    function e(t) {
+      var r = o.call(this, S(S({}, e.defaultAdapter), t)) || this;
+      return r.isAnimating = !1, r;
+    }
+    return Object.defineProperty(e, "cssClasses", {
+      get: function() {
+        return z;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e, "strings", {
+      get: function() {
+        return N;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e, "defaultAdapter", {
+      get: function() {
+        return {
+          eventTargetMatchesSelector: function() {
+            return !1;
+          },
+          addClass: function() {
+          },
+          removeClass: function() {
+          },
+          addScrollAreaClass: function() {
+          },
+          setScrollAreaStyleProperty: function() {
+          },
+          setScrollContentStyleProperty: function() {
+          },
+          getScrollContentStyleValue: function() {
+            return "";
+          },
+          setScrollAreaScrollLeft: function() {
+          },
+          getScrollAreaScrollLeft: function() {
+            return 0;
+          },
+          getScrollContentOffsetWidth: function() {
+            return 0;
+          },
+          getScrollAreaOffsetWidth: function() {
+            return 0;
+          },
+          computeScrollAreaClientRect: function() {
+            return { top: 0, right: 0, bottom: 0, left: 0, width: 0, height: 0 };
+          },
+          computeScrollContentClientRect: function() {
+            return { top: 0, right: 0, bottom: 0, left: 0, width: 0, height: 0 };
+          },
+          computeHorizontalScrollbarHeight: function() {
+            return 0;
+          }
+        };
+      },
+      enumerable: !1,
+      configurable: !0
+    }), e.prototype.init = function() {
+      var t = this.adapter.computeHorizontalScrollbarHeight();
+      this.adapter.setScrollAreaStyleProperty("margin-bottom", -t + "px"), this.adapter.addScrollAreaClass(e.cssClasses.SCROLL_AREA_SCROLL);
+    }, e.prototype.getScrollPosition = function() {
+      if (this.isRTL())
+        return this.computeCurrentScrollPositionRTL();
+      var t = this.calculateCurrentTranslateX(), r = this.adapter.getScrollAreaScrollLeft();
+      return r - t;
+    }, e.prototype.handleInteraction = function() {
+      this.isAnimating && this.stopScrollAnimation();
+    }, e.prototype.handleTransitionEnd = function(t) {
+      var r = t.target;
+      !this.isAnimating || !this.adapter.eventTargetMatchesSelector(r, e.strings.CONTENT_SELECTOR) || (this.isAnimating = !1, this.adapter.removeClass(e.cssClasses.ANIMATING));
+    }, e.prototype.incrementScroll = function(t) {
+      t !== 0 && this.animate(this.getIncrementScrollOperation(t));
+    }, e.prototype.incrementScrollImmediate = function(t) {
+      if (t !== 0) {
+        var r = this.getIncrementScrollOperation(t);
+        r.scrollDelta !== 0 && (this.stopScrollAnimation(), this.adapter.setScrollAreaScrollLeft(r.finalScrollPosition));
+      }
+    }, e.prototype.scrollTo = function(t) {
+      if (this.isRTL()) {
+        this.scrollToImplRTL(t);
+        return;
+      }
+      this.scrollToImpl(t);
+    }, e.prototype.getRTLScroller = function() {
+      return this.rtlScrollerInstance || (this.rtlScrollerInstance = this.rtlScrollerFactory()), this.rtlScrollerInstance;
+    }, e.prototype.calculateCurrentTranslateX = function() {
+      var t = this.adapter.getScrollContentStyleValue("transform");
+      if (t === "none")
+        return 0;
+      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);
+    }, e.prototype.clampScrollValue = function(t) {
+      var r = this.calculateScrollEdges();
+      return Math.min(Math.max(r.left, t), r.right);
+    }, e.prototype.computeCurrentScrollPositionRTL = function() {
+      var t = this.calculateCurrentTranslateX();
+      return this.getRTLScroller().getScrollPositionRTL(t);
+    }, e.prototype.calculateScrollEdges = function() {
+      var t = this.adapter.getScrollContentOffsetWidth(), r = this.adapter.getScrollAreaOffsetWidth();
+      return {
+        left: 0,
+        right: t - r
+      };
+    }, e.prototype.scrollToImpl = function(t) {
+      var r = this.getScrollPosition(), a = this.clampScrollValue(t), n = a - r;
+      this.animate({
+        finalScrollPosition: a,
+        scrollDelta: n
+      });
+    }, e.prototype.scrollToImplRTL = function(t) {
+      var r = this.getRTLScroller().scrollToRTL(t);
+      this.animate(r);
+    }, 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;
+      return {
+        finalScrollPosition: n,
+        scrollDelta: i
+      };
+    }, e.prototype.animate = function(t) {
+      var r = this;
+      t.scrollDelta !== 0 && (this.stopScrollAnimation(), this.adapter.setScrollAreaScrollLeft(t.finalScrollPosition), this.adapter.setScrollContentStyleProperty("transform", "translateX(" + t.scrollDelta + "px)"), this.adapter.computeScrollAreaClientRect(), requestAnimationFrame(function() {
+        r.adapter.addClass(e.cssClasses.ANIMATING), r.adapter.setScrollContentStyleProperty("transform", "none");
+      }), this.isAnimating = !0);
+    }, e.prototype.stopScrollAnimation = function() {
+      this.isAnimating = !1;
+      var t = this.getAnimatingScrollPosition();
+      this.adapter.removeClass(e.cssClasses.ANIMATING), this.adapter.setScrollContentStyleProperty("transform", "translateX(0px)"), this.adapter.setScrollAreaScrollLeft(t);
+    }, e.prototype.getAnimatingScrollPosition = function() {
+      var t = this.calculateCurrentTranslateX(), r = this.adapter.getScrollAreaScrollLeft();
+      return this.isRTL() ? this.getRTLScroller().getAnimatingScrollPosition(r, t) : r - t;
+    }, e.prototype.rtlScrollerFactory = function() {
+      var t = this.adapter.getScrollAreaScrollLeft();
+      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);
+    }, e.prototype.isRTL = function() {
+      return this.adapter.getScrollContentStyleValue("direction") === "rtl";
+    }, e;
+  }(Y)
+);
+const X = B;
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+class v extends w {
+  constructor() {
+    super(...arguments), this.mdcFoundationClass = X, this._scrollbarHeight = -1;
+  }
+  _handleInteraction() {
+    this.mdcFoundation.handleInteraction();
+  }
+  _handleTransitionEnd(e) {
+    this.mdcFoundation.handleTransitionEnd(e);
+  }
+  render() {
+    return I`
+      <div class="mdc-tab-scroller">
+        <div class="mdc-tab-scroller__scroll-area"
+            @wheel="${this._handleInteraction}"
+            @touchstart="${this._handleInteraction}"
+            @pointerdown="${this._handleInteraction}"
+            @mousedown="${this._handleInteraction}"
+            @keydown="${this._handleInteraction}"
+            @transitionend="${this._handleTransitionEnd}">
+          <div class="mdc-tab-scroller__scroll-content"><slot></slot></div>
+        </div>
+      </div>
+      `;
+  }
+  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) });
+  }
+  /**
+   * Returns the current visual scroll position
+   * @return {number}
+   */
+  getScrollPosition() {
+    return this.mdcFoundation.getScrollPosition();
+  }
+  /**
+   * Returns the width of the scroll content
+   * @return {number}
+   */
+  getScrollContentWidth() {
+    return this.scrollContentElement.offsetWidth;
+  }
+  /**
+   * Increments the scroll value by the given amount
+   * @param {number} scrollXIncrement The pixel value by which to increment the
+   *     scroll value
+   */
+  incrementScrollPosition(e) {
+    this.mdcFoundation.incrementScroll(e);
+  }
+  /**
+   * Scrolls to the given pixel position
+   * @param {number} scrollX The pixel value to scroll to
+   */
+  scrollToPosition(e) {
+    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);
+/**
+ * @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}`;
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+let A = class extends v {
+};
+A.styles = [$];
+A = u([
+  x("mwc-tab-scroller")
+], A);
+/**
+ * @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 G = (
+  /** @class */
+  function() {
+    function o(e) {
+      e === void 0 && (e = {}), this.adapter = e;
+    }
+    return Object.defineProperty(o, "cssClasses", {
+      get: function() {
+        return {};
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(o, "strings", {
+      get: function() {
+        return {};
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(o, "numbers", {
+      get: function() {
+        return {};
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(o, "defaultAdapter", {
+      get: function() {
+        return {};
+      },
+      enumerable: !1,
+      configurable: !0
+    }), o.prototype.init = function() {
+    }, o.prototype.destroy = function() {
+    }, o;
+  }()
+);
+/**
+ * @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 = {
+  ARROW_LEFT_KEY: "ArrowLeft",
+  ARROW_RIGHT_KEY: "ArrowRight",
+  END_KEY: "End",
+  ENTER_KEY: "Enter",
+  HOME_KEY: "Home",
+  SPACE_KEY: "Space",
+  TAB_ACTIVATED_EVENT: "MDCTabBar:activated",
+  TAB_SCROLLER_SELECTOR: ".mdc-tab-scroller",
+  TAB_SELECTOR: ".mdc-tab"
+}, p = {
+  ARROW_LEFT_KEYCODE: 37,
+  ARROW_RIGHT_KEYCODE: 39,
+  END_KEYCODE: 35,
+  ENTER_KEYCODE: 13,
+  EXTRA_SCROLL_AMOUNT: 20,
+  HOME_KEYCODE: 36,
+  SPACE_KEYCODE: 32
+};
+/**
+ * @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 = /* @__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 = (
+  /** @class */
+  function(o) {
+    g(e, o);
+    function e(t) {
+      var r = o.call(this, S(S({}, e.defaultAdapter), t)) || this;
+      return r.useAutomaticActivation = !1, r;
+    }
+    return Object.defineProperty(e, "strings", {
+      get: function() {
+        return l;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e, "numbers", {
+      get: function() {
+        return p;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e, "defaultAdapter", {
+      get: function() {
+        return {
+          scrollTo: function() {
+          },
+          incrementScroll: function() {
+          },
+          getScrollPosition: function() {
+            return 0;
+          },
+          getScrollContentWidth: function() {
+            return 0;
+          },
+          getOffsetWidth: function() {
+            return 0;
+          },
+          isRTL: function() {
+            return !1;
+          },
+          setActiveTab: function() {
+          },
+          activateTabAtIndex: function() {
+          },
+          deactivateTabAtIndex: function() {
+          },
+          focusTabAtIndex: function() {
+          },
+          getTabIndicatorClientRectAtIndex: function() {
+            return { top: 0, right: 0, bottom: 0, left: 0, width: 0, height: 0 };
+          },
+          getTabDimensionsAtIndex: function() {
+            return { rootLeft: 0, rootRight: 0, contentLeft: 0, contentRight: 0 };
+          },
+          getPreviousActiveTabIndex: function() {
+            return -1;
+          },
+          getFocusedTabIndex: function() {
+            return -1;
+          },
+          getIndexOfTabById: function() {
+            return -1;
+          },
+          getTabListLength: function() {
+            return 0;
+          },
+          notifyTabActivated: function() {
+          }
+        };
+      },
+      enumerable: !1,
+      configurable: !0
+    }), e.prototype.setUseAutomaticActivation = function(t) {
+      this.useAutomaticActivation = t;
+    }, 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);
+      }
+    }, e.prototype.handleKeyDown = function(t) {
+      var r = this.getKeyFromEvent(t);
+      if (r !== void 0)
+        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);
+        } else {
+          var n = this.adapter.getFocusedTabIndex();
+          if (this.isActivationKey(r))
+            this.adapter.setActiveTab(n);
+          else {
+            var a = this.determineTargetFromKey(n, r);
+            this.adapter.focusTabAtIndex(a), this.scrollIntoView(a);
+          }
+        }
+    }, e.prototype.handleTabInteraction = function(t) {
+      this.adapter.setActiveTab(this.adapter.getIndexOfTabById(t.detail.tabId));
+    }, e.prototype.scrollIntoView = function(t) {
+      if (this.indexIsInRange(t)) {
+        if (t === 0) {
+          this.adapter.scrollTo(0);
+          return;
+        }
+        if (t === this.adapter.getTabListLength() - 1) {
+          this.adapter.scrollTo(this.adapter.getScrollContentWidth());
+          return;
+        }
+        if (this.isRTL()) {
+          this.scrollIntoViewImplRTL(t);
+          return;
+        }
+        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, T = d - p.EXTRA_SCROLL_AMOUNT;
+      return r > t ? Math.max(f, 0) : Math.min(T, 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, T = d < 0 || c < 0;
+      return f ? t + 1 : T ? t - 1 : -1;
+    }, e.prototype.getKeyFromEvent = function(t) {
+      return m.has(t.key) ? t.key : h.get(t.keyCode);
+    }, e.prototype.isActivationKey = function(t) {
+      return t === l.SPACE_KEY || t === l.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);
+        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);
+      if (this.indexIsInRange(s)) {
+        var d = this.calculateScrollIncrementRTL(t, s, r, a, i);
+        this.adapter.incrementScroll(d);
+      }
+    }, e;
+  }(G)
+);
+const L = U;
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+class _ extends w {
+  constructor() {
+    super(...arguments), this.mdcFoundationClass = L, this.activeIndex = 0, this._previousActiveIndex = -1;
+  }
+  _handleTabInteraction(e) {
+    this.mdcFoundation.handleTabInteraction(e);
+  }
+  _handleKeydown(e) {
+    this.mdcFoundation.handleKeyDown(e);
+  }
+  // TODO(sorvell): can scroller be optional for perf?
+  render() {
+    return I`
+      <div class="mdc-tab-bar" role="tablist"
+          @MDCTab:interacted="${this._handleTabInteraction}"
+          @keydown="${this._handleKeydown}">
+        <mwc-tab-scroller><slot></slot></mwc-tab-scroller>
+      </div>
+      `;
+  }
+  // TODO(sorvell): probably want to memoize this and use a `slotChange` event
+  _getTabs() {
+    return this.tabsSlot.assignedNodes({ flatten: !0 }).filter((e) => e instanceof O);
+  }
+  _getTab(e) {
+    return this._getTabs()[e];
+  }
+  createAdapter() {
+    return {
+      scrollTo: (e) => this.scrollerElement.scrollToPosition(e),
+      incrementScroll: (e) => this.scrollerElement.incrementScrollPosition(e),
+      getScrollPosition: () => this.scrollerElement.getScrollPosition(),
+      getScrollContentWidth: () => this.scrollerElement.getScrollContentWidth(),
+      getOffsetWidth: () => this.mdcRoot.offsetWidth,
+      isRTL: () => window.getComputedStyle(this.mdcRoot).getPropertyValue("direction") === "rtl",
+      setActiveTab: (e) => this.mdcFoundation.activateTab(e),
+      activateTabAtIndex: (e, t) => {
+        const r = this._getTab(e);
+        r !== void 0 && r.activate(t), this._previousActiveIndex = e;
+      },
+      deactivateTabAtIndex: (e) => {
+        const t = this._getTab(e);
+        t !== void 0 && t.deactivate();
+      },
+      focusTabAtIndex: (e) => {
+        const t = this._getTab(e);
+        t !== void 0 && t.focus();
+      },
+      // TODO(sorvell): tab may not be able to synchronously answer
+      // `computeIndicatorClientRect` if an update is pending or it has not yet
+      // updated. If this is necessary, LitElement may need a `forceUpdate`
+      // method.
+      getTabIndicatorClientRectAtIndex: (e) => {
+        const t = this._getTab(e);
+        return t !== void 0 ? t.computeIndicatorClientRect() : new DOMRect();
+      },
+      getTabDimensionsAtIndex: (e) => {
+        const t = this._getTab(e);
+        return t !== void 0 ? t.computeDimensions() : { rootLeft: 0, rootRight: 0, contentLeft: 0, contentRight: 0 };
+      },
+      getPreviousActiveTabIndex: () => this._previousActiveIndex,
+      getFocusedTabIndex: () => {
+        const e = this._getTabs(), t = this.getRootNode().activeElement;
+        return e.indexOf(t);
+      },
+      getIndexOfTabById: (e) => {
+        const t = this._getTabs();
+        for (let r = 0; r < t.length; r++)
+          if (t[r].id === e)
+            return r;
+        return -1;
+      },
+      getTabListLength: () => this._getTabs().length,
+      notifyTabActivated: (e) => {
+        this.activeIndex = e, this.dispatchEvent(new CustomEvent(L.strings.TAB_ACTIVATED_EVENT, { detail: { index: e }, bubbles: !0, cancelable: !0 }));
+      }
+    };
+  }
+  firstUpdated() {
+  }
+  async getUpdateComplete() {
+    const e = await super.getUpdateComplete();
+    return await this.scrollerElement.updateComplete, this.mdcFoundation === void 0 && this.createFoundation(), e;
+  }
+  scrollIndexIntoView(e) {
+    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() {
+    await this.updateComplete, this.activeIndex !== this._previousActiveIndex && this.mdcFoundation.activateTab(this.activeIndex);
+  }),
+  W({ type: Number })
+], _.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;
+};
+let E = class extends _ {
+};
+E.styles = [q];
+E = Z([
+  x("cv-tab-bar")
+], E);
 export {
-  l as CovalentTabBarBase
+  E as CovalentTabBarBase
 };