@hortiview/shared-components 0.0.4470 → 0.0.4539

package/dist/components/HashTabView/HashTabView.js

@@ -1,81 +1,1867 @@
 import "../../assets/HashTabView.css";
-import { jsx as a, jsxs as d, Fragment as w } from "react/jsx-runtime";
-import { Elevation as T, Group as o, TabBar as C, Tab as k, Padding as A } from "@element/react-components";
-import { useState as I, useEffect as L } from "react";
-import { u as N } from "../../useBreakpoint-DyAmuka7.js";
-const x = "_elevation_1rcw6_1", y = "_themeBackground_1rcw6_6", W = "_tabBar_1rcw6_10", $ = "_tabWrapper_1rcw6_16", j = "_tabButton_1rcw6_20", E = "_childContainer_1rcw6_24", z = "_childContainerLg_1rcw6_28", r = {
-  elevation: x,
-  themeBackground: y,
-  tabBar: W,
-  tabWrapper: $,
-  tabButton: j,
-  childContainer: E,
-  childContainerLg: z
-}, _ = (n, t, c) => !c || !t || !n ? 0 : n.findIndex((i) => `#${i.hash}` === t) ?? 0, q = ({
-  tabs: n,
-  hasHash: t = !0,
-  hash: c = "",
-  clusterAlign: i = "start",
-  hasClusteredTabs: g,
-  children: l,
-  verticalGap: h = "none",
-  elevation: B = 0,
-  backgroundColor: v = "themeBackground",
-  onChange: b
+import { jsx as I, jsxs as q, Fragment as dt } from "react/jsx-runtime";
+import p, { forwardRef as w, useMemo as rt, useRef as C, useImperativeHandle as W, useContext as ft, useEffect as D, useCallback as ht, createContext as pt, useState as mt } from "react";
+import { u as gt } from "../../useBreakpoint-DyAmuka7.js";
+import { P as i, _ as x, c as K, d as tt, a as at } from "../../index.es-WZ1mqvGz.js";
+import { I as Tt } from "../../index.es-Cv6meSAn.js";
+import { c as T, _ as E, b as vt } from "../../tslib.es6-BOWp4lfV.js";
+import { a as k, b, c as H, m as _t, d as bt, M as et } from "../../component-D1YrRAXe.js";
+import { E as St } from "../../index.es-CUWXKh7P.js";
+import { G as Y } from "../../index.es-DYsXox--.js";
+/**
+ * @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 ot = {
+  ANIMATING: "mdc-tab-scroller--animating",
+  SCROLL_AREA_SCROLL: "mdc-tab-scroller__scroll-area--scroll",
+  SCROLL_TEST: "mdc-tab-scroller__test"
+}, Ct = {
+  AREA_SELECTOR: ".mdc-tab-scroller__scroll-area",
+  CONTENT_SELECTOR: ".mdc-tab-scroller__scroll-content"
+};
+/**
+ * @license
+ * Copyright 2018 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+var Z = (
+  /** @class */
+  /* @__PURE__ */ function() {
+    function a(e) {
+      this.adapter = e;
+    }
+    return a;
+  }()
+);
+/**
+ * @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 Et = (
+  /** @class */
+  function(a) {
+    T(e, a);
+    function e() {
+      return a !== null && a.apply(this, arguments) || this;
+    }
+    return e.prototype.getScrollPositionRTL = function() {
+      var t = this.adapter.getScrollAreaScrollLeft(), n = this.calculateScrollEdges_().right;
+      return Math.round(n - t);
+    }, e.prototype.scrollToRTL = function(t) {
+      var n = this.calculateScrollEdges_(), r = this.adapter.getScrollAreaScrollLeft(), o = this.clampScrollValue_(n.right - t);
+      return {
+        finalScrollPosition: o,
+        scrollDelta: o - r
+      };
+    }, e.prototype.incrementScrollRTL = function(t) {
+      var n = this.adapter.getScrollAreaScrollLeft(), r = this.clampScrollValue_(n - t);
+      return {
+        finalScrollPosition: r,
+        scrollDelta: r - n
+      };
+    }, e.prototype.getAnimatingScrollPosition = function(t) {
+      return t;
+    }, e.prototype.calculateScrollEdges_ = function() {
+      var t = this.adapter.getScrollContentOffsetWidth(), n = this.adapter.getScrollAreaOffsetWidth();
+      return {
+        left: 0,
+        right: t - n
+      };
+    }, e.prototype.clampScrollValue_ = function(t) {
+      var n = this.calculateScrollEdges_();
+      return Math.min(Math.max(n.left, t), n.right);
+    }, e;
+  }(Z)
+);
+/**
+ * @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 yt = (
+  /** @class */
+  function(a) {
+    T(e, a);
+    function e() {
+      return a !== null && a.apply(this, arguments) || this;
+    }
+    return e.prototype.getScrollPositionRTL = function(t) {
+      var n = this.adapter.getScrollAreaScrollLeft();
+      return Math.round(t - n);
+    }, e.prototype.scrollToRTL = function(t) {
+      var n = this.adapter.getScrollAreaScrollLeft(), r = this.clampScrollValue_(-t);
+      return {
+        finalScrollPosition: r,
+        scrollDelta: r - n
+      };
+    }, e.prototype.incrementScrollRTL = function(t) {
+      var n = this.adapter.getScrollAreaScrollLeft(), r = this.clampScrollValue_(n - t);
+      return {
+        finalScrollPosition: r,
+        scrollDelta: r - n
+      };
+    }, e.prototype.getAnimatingScrollPosition = function(t, n) {
+      return t - n;
+    }, e.prototype.calculateScrollEdges_ = function() {
+      var t = this.adapter.getScrollContentOffsetWidth(), n = this.adapter.getScrollAreaOffsetWidth();
+      return {
+        left: n - t,
+        right: 0
+      };
+    }, e.prototype.clampScrollValue_ = function(t) {
+      var n = this.calculateScrollEdges_();
+      return Math.max(Math.min(n.right, t), n.left);
+    }, e;
+  }(Z)
+);
+/**
+ * @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 At = (
+  /** @class */
+  function(a) {
+    T(e, a);
+    function e() {
+      return a !== null && a.apply(this, arguments) || this;
+    }
+    return e.prototype.getScrollPositionRTL = function(t) {
+      var n = this.adapter.getScrollAreaScrollLeft();
+      return Math.round(n - t);
+    }, e.prototype.scrollToRTL = function(t) {
+      var n = this.adapter.getScrollAreaScrollLeft(), r = this.clampScrollValue_(t);
+      return {
+        finalScrollPosition: r,
+        scrollDelta: n - r
+      };
+    }, e.prototype.incrementScrollRTL = function(t) {
+      var n = this.adapter.getScrollAreaScrollLeft(), r = this.clampScrollValue_(n + t);
+      return {
+        finalScrollPosition: r,
+        scrollDelta: n - r
+      };
+    }, e.prototype.getAnimatingScrollPosition = function(t, n) {
+      return t + n;
+    }, e.prototype.calculateScrollEdges_ = function() {
+      var t = this.adapter.getScrollContentOffsetWidth(), n = this.adapter.getScrollAreaOffsetWidth();
+      return {
+        left: t - n,
+        right: 0
+      };
+    }, e.prototype.clampScrollValue_ = function(t) {
+      var n = this.calculateScrollEdges_();
+      return Math.min(Math.max(n.right, t), n.left);
+    }, e;
+  }(Z)
+);
+/**
+ * @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 U = (
+  /** @class */
+  function(a) {
+    T(e, a);
+    function e(t) {
+      var n = a.call(this, E(E({}, e.defaultAdapter), t)) || this;
+      return n.isAnimating_ = !1, n;
+    }
+    return Object.defineProperty(e, "cssClasses", {
+      get: function() {
+        return ot;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e, "strings", {
+      get: function() {
+        return Ct;
+      },
+      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_(), n = this.adapter.getScrollAreaScrollLeft();
+      return n - t;
+    }, e.prototype.handleInteraction = function() {
+      this.isAnimating_ && this.stopScrollAnimation_();
+    }, e.prototype.handleTransitionEnd = function(t) {
+      var n = t.target;
+      !this.isAnimating_ || !this.adapter.eventTargetMatchesSelector(n, 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 n = this.getIncrementScrollOperation_(t);
+        n.scrollDelta !== 0 && (this.stopScrollAnimation_(), this.adapter.setScrollAreaScrollLeft(n.finalScrollPosition));
+      }
+    }, e.prototype.scrollTo = function(t) {
+      if (this.isRTL_())
+        return this.scrollToRTL_(t);
+      this.scrollTo_(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 n = /\((.+?)\)/.exec(t);
+      if (!n)
+        return 0;
+      var r = n[1], o = vt(r.split(","), 6);
+      o[0], o[1], o[2], o[3];
+      var c = o[4];
+      return o[5], parseFloat(c);
+    }, e.prototype.clampScrollValue_ = function(t) {
+      var n = this.calculateScrollEdges_();
+      return Math.min(Math.max(n.left, t), n.right);
+    }, e.prototype.computeCurrentScrollPositionRTL_ = function() {
+      var t = this.calculateCurrentTranslateX_();
+      return this.getRTLScroller().getScrollPositionRTL(t);
+    }, e.prototype.calculateScrollEdges_ = function() {
+      var t = this.adapter.getScrollContentOffsetWidth(), n = this.adapter.getScrollAreaOffsetWidth();
+      return {
+        left: 0,
+        right: t - n
+      };
+    }, e.prototype.scrollTo_ = function(t) {
+      var n = this.getScrollPosition(), r = this.clampScrollValue_(t), o = r - n;
+      this.animate_({
+        finalScrollPosition: r,
+        scrollDelta: o
+      });
+    }, e.prototype.scrollToRTL_ = function(t) {
+      var n = this.getRTLScroller().scrollToRTL(t);
+      this.animate_(n);
+    }, e.prototype.getIncrementScrollOperation_ = function(t) {
+      if (this.isRTL_())
+        return this.getRTLScroller().incrementScrollRTL(t);
+      var n = this.getScrollPosition(), r = t + n, o = this.clampScrollValue_(r), c = o - n;
+      return {
+        finalScrollPosition: o,
+        scrollDelta: c
+      };
+    }, e.prototype.animate_ = function(t) {
+      var n = this;
+      t.scrollDelta !== 0 && (this.stopScrollAnimation_(), this.adapter.setScrollAreaScrollLeft(t.finalScrollPosition), this.adapter.setScrollContentStyleProperty("transform", "translateX(" + t.scrollDelta + "px)"), this.adapter.computeScrollAreaClientRect(), requestAnimationFrame(function() {
+        n.adapter.addClass(e.cssClasses.ANIMATING), n.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_(), n = this.adapter.getScrollAreaScrollLeft();
+      return this.isRTL_() ? this.getRTLScroller().getAnimatingScrollPosition(n, t) : n - t;
+    }, e.prototype.rtlScrollerFactory_ = function() {
+      var t = this.adapter.getScrollAreaScrollLeft();
+      this.adapter.setScrollAreaScrollLeft(t - 1);
+      var n = this.adapter.getScrollAreaScrollLeft();
+      if (n < 0)
+        return this.adapter.setScrollAreaScrollLeft(t), new yt(this.adapter);
+      var r = this.adapter.computeScrollAreaClientRect(), o = this.adapter.computeScrollContentClientRect(), c = Math.round(o.right - r.right);
+      return this.adapter.setScrollAreaScrollLeft(t), c === n ? new At(this.adapter) : new Et(this.adapter);
+    }, e.prototype.isRTL_ = function() {
+      return this.adapter.getScrollContentStyleValue("direction") === "rtl";
+    }, e;
+  }(k)
+);
+/**
+ * @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;
+function Lt(a, e) {
+  if (e === void 0 && (e = !0), e && typeof J < "u")
+    return J;
+  var t = a.createElement("div");
+  t.classList.add(ot.SCROLL_TEST), a.body.appendChild(t);
+  var n = t.offsetHeight - t.clientHeight;
+  return a.body.removeChild(t), e && (J = n), n;
+}
+/**
+ * @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 it = (
+  /** @class */
+  function(a) {
+    T(e, a);
+    function e() {
+      return a !== null && a.apply(this, arguments) || this;
+    }
+    return e.attachTo = function(t) {
+      return new e(t);
+    }, e.prototype.initialize = function() {
+      this.area_ = this.root.querySelector(U.strings.AREA_SELECTOR), this.content_ = this.root.querySelector(U.strings.CONTENT_SELECTOR);
+    }, e.prototype.initialSyncWithDOM = function() {
+      var t = this;
+      this.handleInteraction_ = function() {
+        return t.foundation.handleInteraction();
+      }, this.handleTransitionEnd_ = function(n) {
+        return t.foundation.handleTransitionEnd(n);
+      }, this.area_.addEventListener("wheel", this.handleInteraction_, b()), this.area_.addEventListener("touchstart", this.handleInteraction_, b()), this.area_.addEventListener("pointerdown", this.handleInteraction_, b()), this.area_.addEventListener("mousedown", this.handleInteraction_, b()), this.area_.addEventListener("keydown", this.handleInteraction_, b()), this.content_.addEventListener("transitionend", this.handleTransitionEnd_);
+    }, e.prototype.destroy = function() {
+      a.prototype.destroy.call(this), this.area_.removeEventListener("wheel", this.handleInteraction_, b()), this.area_.removeEventListener("touchstart", this.handleInteraction_, b()), this.area_.removeEventListener("pointerdown", this.handleInteraction_, b()), this.area_.removeEventListener("mousedown", this.handleInteraction_, b()), this.area_.removeEventListener("keydown", this.handleInteraction_, b()), this.content_.removeEventListener("transitionend", this.handleTransitionEnd_);
+    }, e.prototype.getDefaultFoundation = function() {
+      var t = this, n = {
+        eventTargetMatchesSelector: function(r, o) {
+          return _t(r, o);
+        },
+        addClass: function(r) {
+          return t.root.classList.add(r);
+        },
+        removeClass: function(r) {
+          return t.root.classList.remove(r);
+        },
+        addScrollAreaClass: function(r) {
+          return t.area_.classList.add(r);
+        },
+        setScrollAreaStyleProperty: function(r, o) {
+          return t.area_.style.setProperty(r, o);
+        },
+        setScrollContentStyleProperty: function(r, o) {
+          return t.content_.style.setProperty(r, o);
+        },
+        getScrollContentStyleValue: function(r) {
+          return window.getComputedStyle(t.content_).getPropertyValue(r);
+        },
+        setScrollAreaScrollLeft: function(r) {
+          return t.area_.scrollLeft = r;
+        },
+        getScrollAreaScrollLeft: function() {
+          return t.area_.scrollLeft;
+        },
+        getScrollContentOffsetWidth: function() {
+          return t.content_.offsetWidth;
+        },
+        getScrollAreaOffsetWidth: function() {
+          return t.area_.offsetWidth;
+        },
+        computeScrollAreaClientRect: function() {
+          return t.area_.getBoundingClientRect();
+        },
+        computeScrollContentClientRect: function() {
+          return t.content_.getBoundingClientRect();
+        },
+        computeHorizontalScrollbarHeight: function() {
+          return Lt(document);
+        }
+      };
+      return new U(n);
+    }, e.prototype.getScrollPosition = function() {
+      return this.foundation.getScrollPosition();
+    }, e.prototype.getScrollContentWidth = function() {
+      return this.content_.offsetWidth;
+    }, e.prototype.incrementScroll = function(t) {
+      this.foundation.incrementScroll(t);
+    }, e.prototype.scrollTo = function(t) {
+      this.foundation.scrollTo(t);
+    }, e;
+  }(H)
+);
+/**
+ * @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 Rt = {
+  ACTIVE: "mdc-tab-indicator--active",
+  FADE: "mdc-tab-indicator--fade",
+  NO_TRANSITION: "mdc-tab-indicator--no-transition"
+}, It = {
+  CONTENT_SELECTOR: ".mdc-tab-indicator__content"
+};
+/**
+ * @license
+ * Copyright 2018 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+var v = (
+  /** @class */
+  function(a) {
+    T(e, a);
+    function e(t) {
+      return a.call(this, E(E({}, e.defaultAdapter), t)) || this;
+    }
+    return Object.defineProperty(e, "cssClasses", {
+      get: function() {
+        return Rt;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e, "strings", {
+      get: function() {
+        return It;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e, "defaultAdapter", {
+      get: function() {
+        return {
+          addClass: function() {
+          },
+          removeClass: function() {
+          },
+          computeContentClientRect: function() {
+            return { top: 0, right: 0, bottom: 0, left: 0, width: 0, height: 0 };
+          },
+          setContentStyleProperty: function() {
+          }
+        };
+      },
+      enumerable: !1,
+      configurable: !0
+    }), e.prototype.computeContentClientRect = function() {
+      return this.adapter.computeContentClientRect();
+    }, e;
+  }(k)
+);
+/**
+ * @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 Ot = (
+  /** @class */
+  function(a) {
+    T(e, a);
+    function e() {
+      return a !== null && a.apply(this, arguments) || this;
+    }
+    return e.prototype.activate = function() {
+      this.adapter.addClass(v.cssClasses.ACTIVE);
+    }, e.prototype.deactivate = function() {
+      this.adapter.removeClass(v.cssClasses.ACTIVE);
+    }, e;
+  }(v)
+);
+/**
+ * @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 Dt = (
+  /** @class */
+  function(a) {
+    T(e, a);
+    function e() {
+      return a !== null && a.apply(this, arguments) || this;
+    }
+    return e.prototype.activate = function(t) {
+      if (!t) {
+        this.adapter.addClass(v.cssClasses.ACTIVE);
+        return;
+      }
+      var n = this.computeContentClientRect(), r = t.width / n.width, o = t.left - n.left;
+      this.adapter.addClass(v.cssClasses.NO_TRANSITION), this.adapter.setContentStyleProperty("transform", "translateX(" + o + "px) scaleX(" + r + ")"), this.computeContentClientRect(), this.adapter.removeClass(v.cssClasses.NO_TRANSITION), this.adapter.addClass(v.cssClasses.ACTIVE), this.adapter.setContentStyleProperty("transform", "");
+    }, e.prototype.deactivate = function() {
+      this.adapter.removeClass(v.cssClasses.ACTIVE);
+    }, e;
+  }(v)
+);
+/**
+ * @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 ct = (
+  /** @class */
+  function(a) {
+    T(e, a);
+    function e() {
+      return a !== null && a.apply(this, arguments) || this;
+    }
+    return e.attachTo = function(t) {
+      return new e(t);
+    }, e.prototype.initialize = function() {
+      this.content_ = this.root.querySelector(v.strings.CONTENT_SELECTOR);
+    }, e.prototype.computeContentClientRect = function() {
+      return this.foundation.computeContentClientRect();
+    }, e.prototype.getDefaultFoundation = function() {
+      var t = this, n = {
+        addClass: function(r) {
+          return t.root.classList.add(r);
+        },
+        removeClass: function(r) {
+          return t.root.classList.remove(r);
+        },
+        computeContentClientRect: function() {
+          return t.content_.getBoundingClientRect();
+        },
+        setContentStyleProperty: function(r, o) {
+          return t.content_.style.setProperty(r, o);
+        }
+      };
+      return this.root.classList.contains(v.cssClasses.FADE) ? new Ot(n) : new Dt(n);
+    }, e.prototype.activate = function(t) {
+      this.foundation.activate(t);
+    }, e.prototype.deactivate = function() {
+      this.foundation.deactivate();
+    }, e;
+  }(H)
+);
+/**
+ * @license
+ * Copyright 2018 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+var F = {
+  ACTIVE: "mdc-tab--active"
+}, N = {
+  ARIA_SELECTED: "aria-selected",
+  CONTENT_SELECTOR: ".mdc-tab__content",
+  INTERACTED_EVENT: "MDCTab:interacted",
+  RIPPLE_SELECTOR: ".mdc-tab__ripple",
+  TABINDEX: "tabIndex",
+  TAB_INDICATOR_SELECTOR: ".mdc-tab-indicator"
+};
+/**
+ * @license
+ * Copyright 2018 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+var O = (
+  /** @class */
+  function(a) {
+    T(e, a);
+    function e(t) {
+      var n = a.call(this, E(E({}, e.defaultAdapter), t)) || this;
+      return n.focusOnActivate_ = !0, n;
+    }
+    return Object.defineProperty(e, "cssClasses", {
+      get: function() {
+        return F;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e, "strings", {
+      get: function() {
+        return N;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e, "defaultAdapter", {
+      get: function() {
+        return {
+          addClass: function() {
+          },
+          removeClass: function() {
+          },
+          hasClass: function() {
+            return !1;
+          },
+          setAttr: function() {
+          },
+          activateIndicator: function() {
+          },
+          deactivateIndicator: function() {
+          },
+          notifyInteracted: function() {
+          },
+          getOffsetLeft: function() {
+            return 0;
+          },
+          getOffsetWidth: function() {
+            return 0;
+          },
+          getContentOffsetLeft: function() {
+            return 0;
+          },
+          getContentOffsetWidth: function() {
+            return 0;
+          },
+          focus: function() {
+          }
+        };
+      },
+      enumerable: !1,
+      configurable: !0
+    }), e.prototype.handleClick = function() {
+      this.adapter.notifyInteracted();
+    }, e.prototype.isActive = function() {
+      return this.adapter.hasClass(F.ACTIVE);
+    }, e.prototype.setFocusOnActivate = function(t) {
+      this.focusOnActivate_ = t;
+    }, e.prototype.activate = function(t) {
+      this.adapter.addClass(F.ACTIVE), this.adapter.setAttr(N.ARIA_SELECTED, "true"), this.adapter.setAttr(N.TABINDEX, "0"), this.adapter.activateIndicator(t), this.focusOnActivate_ && this.adapter.focus();
+    }, e.prototype.deactivate = function() {
+      this.isActive() && (this.adapter.removeClass(F.ACTIVE), this.adapter.setAttr(N.ARIA_SELECTED, "false"), this.adapter.setAttr(N.TABINDEX, "-1"), this.adapter.deactivateIndicator());
+    }, e.prototype.computeDimensions = function() {
+      var t = this.adapter.getOffsetWidth(), n = this.adapter.getOffsetLeft(), r = this.adapter.getContentOffsetWidth(), o = this.adapter.getContentOffsetLeft();
+      return {
+        contentLeft: n + o,
+        contentRight: n + o + r,
+        rootLeft: n,
+        rootRight: n + t
+      };
+    }, e;
+  }(k)
+);
+/**
+ * @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 lt = (
+  /** @class */
+  function(a) {
+    T(e, a);
+    function e() {
+      return a !== null && a.apply(this, arguments) || this;
+    }
+    return e.attachTo = function(t) {
+      return new e(t);
+    }, e.prototype.initialize = function(t, n) {
+      t === void 0 && (t = function(c, l) {
+        return new et(c, l);
+      }), n === void 0 && (n = function(c) {
+        return new ct(c);
+      }), this.id = this.root.id;
+      var r = new bt(et.createAdapter(this));
+      this.ripple_ = t(this.root, r);
+      var o = this.root.querySelector(O.strings.TAB_INDICATOR_SELECTOR);
+      this.tabIndicator_ = n(o), this.content_ = this.root.querySelector(O.strings.CONTENT_SELECTOR);
+    }, e.prototype.initialSyncWithDOM = function() {
+      var t = this;
+      this.handleClick_ = function() {
+        return t.foundation.handleClick();
+      }, this.listen("click", this.handleClick_);
+    }, e.prototype.destroy = function() {
+      this.unlisten("click", this.handleClick_), this.ripple_.destroy(), a.prototype.destroy.call(this);
+    }, e.prototype.getDefaultFoundation = function() {
+      var t = this, n = {
+        setAttr: function(r, o) {
+          return t.root.setAttribute(r, o);
+        },
+        addClass: function(r) {
+          return t.root.classList.add(r);
+        },
+        removeClass: function(r) {
+          return t.root.classList.remove(r);
+        },
+        hasClass: function(r) {
+          return t.root.classList.contains(r);
+        },
+        activateIndicator: function(r) {
+          return t.tabIndicator_.activate(r);
+        },
+        deactivateIndicator: function() {
+          return t.tabIndicator_.deactivate();
+        },
+        notifyInteracted: function() {
+          return t.emit(
+            O.strings.INTERACTED_EVENT,
+            { tabId: t.id },
+            !0
+            /* bubble */
+          );
+        },
+        getOffsetLeft: function() {
+          return t.root.offsetLeft;
+        },
+        getOffsetWidth: function() {
+          return t.root.offsetWidth;
+        },
+        getContentOffsetLeft: function() {
+          return t.content_.offsetLeft;
+        },
+        getContentOffsetWidth: function() {
+          return t.content_.offsetWidth;
+        },
+        focus: function() {
+          return t.root.focus();
+        }
+      };
+      return new O(n);
+    }, Object.defineProperty(e.prototype, "active", {
+      /**
+       * Getter for the active state of the tab
+       */
+      get: function() {
+        return this.foundation.isActive();
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e.prototype, "focusOnActivate", {
+      set: function(t) {
+        this.foundation.setFocusOnActivate(t);
+      },
+      enumerable: !1,
+      configurable: !0
+    }), e.prototype.activate = function(t) {
+      this.foundation.activate(t);
+    }, e.prototype.deactivate = function() {
+      this.foundation.deactivate();
+    }, e.prototype.computeIndicatorClientRect = function() {
+      return this.tabIndicator_.computeContentClientRect();
+    }, e.prototype.computeDimensions = function() {
+      return this.foundation.computeDimensions();
+    }, e.prototype.focus = function() {
+      this.root.focus();
+    }, e;
+  }(H)
+);
+/**
+ * @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 d = {
+  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"
+}, _ = {
+  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 L = /* @__PURE__ */ new Set();
+L.add(d.ARROW_LEFT_KEY);
+L.add(d.ARROW_RIGHT_KEY);
+L.add(d.END_KEY);
+L.add(d.HOME_KEY);
+L.add(d.ENTER_KEY);
+L.add(d.SPACE_KEY);
+var R = /* @__PURE__ */ new Map();
+R.set(_.ARROW_LEFT_KEYCODE, d.ARROW_LEFT_KEY);
+R.set(_.ARROW_RIGHT_KEYCODE, d.ARROW_RIGHT_KEY);
+R.set(_.END_KEYCODE, d.END_KEY);
+R.set(_.HOME_KEYCODE, d.HOME_KEY);
+R.set(_.ENTER_KEYCODE, d.ENTER_KEY);
+R.set(_.SPACE_KEYCODE, d.SPACE_KEY);
+var st = (
+  /** @class */
+  function(a) {
+    T(e, a);
+    function e(t) {
+      var n = a.call(this, E(E({}, e.defaultAdapter), t)) || this;
+      return n.useAutomaticActivation_ = !1, n;
+    }
+    return Object.defineProperty(e, "strings", {
+      get: function() {
+        return d;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e, "numbers", {
+      get: function() {
+        return _;
+      },
+      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 n = this.adapter.getPreviousActiveTabIndex();
+      if (!(!this.indexIsInRange_(t) || t === n)) {
+        var r;
+        n !== -1 && (this.adapter.deactivateTabAtIndex(n), r = this.adapter.getTabIndicatorClientRectAtIndex(n)), this.adapter.activateTabAtIndex(t, r), this.scrollIntoView(t), this.adapter.notifyTabActivated(t);
+      }
+    }, e.prototype.handleKeyDown = function(t) {
+      var n = this.getKeyFromEvent_(t);
+      if (n !== void 0)
+        if (this.isActivationKey_(n) || t.preventDefault(), this.useAutomaticActivation_) {
+          if (this.isActivationKey_(n))
+            return;
+          var r = this.determineTargetFromKey_(this.adapter.getPreviousActiveTabIndex(), n);
+          this.adapter.setActiveTab(r), this.scrollIntoView(r);
+        } else {
+          var o = this.adapter.getFocusedTabIndex();
+          if (this.isActivationKey_(n))
+            this.adapter.setActiveTab(o);
+          else {
+            var r = this.determineTargetFromKey_(o, n);
+            this.adapter.focusTabAtIndex(r), this.scrollIntoView(r);
+          }
+        }
+    }, 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)
+          return this.adapter.scrollTo(0);
+        if (t === this.adapter.getTabListLength() - 1)
+          return this.adapter.scrollTo(this.adapter.getScrollContentWidth());
+        if (this.isRTL_())
+          return this.scrollIntoViewRTL_(t);
+        this.scrollIntoView_(t);
+      }
+    }, e.prototype.determineTargetFromKey_ = function(t, n) {
+      var r = this.isRTL_(), o = this.adapter.getTabListLength() - 1, c = n === d.END_KEY, l = n === d.ARROW_LEFT_KEY && !r || n === d.ARROW_RIGHT_KEY && r, s = n === d.ARROW_RIGHT_KEY && !r || n === d.ARROW_LEFT_KEY && r, u = t;
+      return c ? u = o : l ? u -= 1 : s ? u += 1 : u = 0, u < 0 ? u = o : u > o && (u = 0), u;
+    }, e.prototype.calculateScrollIncrement_ = function(t, n, r, o) {
+      var c = this.adapter.getTabDimensionsAtIndex(n), l = c.contentLeft - r - o, s = c.contentRight - r, u = s - _.EXTRA_SCROLL_AMOUNT, f = l + _.EXTRA_SCROLL_AMOUNT;
+      return n < t ? Math.min(u, 0) : Math.max(f, 0);
+    }, e.prototype.calculateScrollIncrementRTL_ = function(t, n, r, o, c) {
+      var l = this.adapter.getTabDimensionsAtIndex(n), s = c - l.contentLeft - r, u = c - l.contentRight - r - o, f = u + _.EXTRA_SCROLL_AMOUNT, g = s - _.EXTRA_SCROLL_AMOUNT;
+      return n > t ? Math.max(f, 0) : Math.min(g, 0);
+    }, e.prototype.findAdjacentTabIndexClosestToEdge_ = function(t, n, r, o) {
+      var c = n.rootLeft - r, l = n.rootRight - r - o, s = c + l, u = c < 0 || s < 0, f = l > 0 || s > 0;
+      return u ? t - 1 : f ? t + 1 : -1;
+    }, e.prototype.findAdjacentTabIndexClosestToEdgeRTL_ = function(t, n, r, o, c) {
+      var l = c - n.rootLeft - o - r, s = c - n.rootRight - r, u = l + s, f = l > 0 || u > 0, g = s < 0 || u < 0;
+      return f ? t + 1 : g ? t - 1 : -1;
+    }, e.prototype.getKeyFromEvent_ = function(t) {
+      return L.has(t.key) ? t.key : R.get(t.keyCode);
+    }, e.prototype.isActivationKey_ = function(t) {
+      return t === d.SPACE_KEY || t === d.ENTER_KEY;
+    }, e.prototype.indexIsInRange_ = function(t) {
+      return t >= 0 && t < this.adapter.getTabListLength();
+    }, e.prototype.isRTL_ = function() {
+      return this.adapter.isRTL();
+    }, e.prototype.scrollIntoView_ = function(t) {
+      var n = this.adapter.getScrollPosition(), r = this.adapter.getOffsetWidth(), o = this.adapter.getTabDimensionsAtIndex(t), c = this.findAdjacentTabIndexClosestToEdge_(t, o, n, r);
+      if (this.indexIsInRange_(c)) {
+        var l = this.calculateScrollIncrement_(t, c, n, r);
+        this.adapter.incrementScroll(l);
+      }
+    }, e.prototype.scrollIntoViewRTL_ = function(t) {
+      var n = this.adapter.getScrollPosition(), r = this.adapter.getOffsetWidth(), o = this.adapter.getTabDimensionsAtIndex(t), c = this.adapter.getScrollContentWidth(), l = this.findAdjacentTabIndexClosestToEdgeRTL_(t, o, n, r, c);
+      if (this.indexIsInRange_(l)) {
+        var s = this.calculateScrollIncrementRTL_(t, l, n, r, c);
+        this.adapter.incrementScroll(s);
+      }
+    }, e;
+  }(k)
+);
+/**
+ * @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 Q = st.strings, Pt = 0, Nt = (
+  /** @class */
+  function(a) {
+    T(e, a);
+    function e() {
+      return a !== null && a.apply(this, arguments) || this;
+    }
+    return e.attachTo = function(t) {
+      return new e(t);
+    }, Object.defineProperty(e.prototype, "focusOnActivate", {
+      set: function(t) {
+        this.tabList_.forEach(function(n) {
+          return n.focusOnActivate = t;
+        });
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e.prototype, "useAutomaticActivation", {
+      set: function(t) {
+        this.foundation.setUseAutomaticActivation(t);
+      },
+      enumerable: !1,
+      configurable: !0
+    }), e.prototype.initialize = function(t, n) {
+      t === void 0 && (t = function(r) {
+        return new lt(r);
+      }), n === void 0 && (n = function(r) {
+        return new it(r);
+      }), this.tabList_ = this.instantiateTabs_(t), this.tabScroller_ = this.instantiateTabScroller_(n);
+    }, e.prototype.initialSyncWithDOM = function() {
+      var t = this;
+      this.handleTabInteraction_ = function(r) {
+        return t.foundation.handleTabInteraction(r);
+      }, this.handleKeyDown_ = function(r) {
+        return t.foundation.handleKeyDown(r);
+      }, this.listen(O.strings.INTERACTED_EVENT, this.handleTabInteraction_), this.listen("keydown", this.handleKeyDown_);
+      for (var n = 0; n < this.tabList_.length; n++)
+        if (this.tabList_[n].active) {
+          this.scrollIntoView(n);
+          break;
+        }
+    }, e.prototype.destroy = function() {
+      a.prototype.destroy.call(this), this.unlisten(O.strings.INTERACTED_EVENT, this.handleTabInteraction_), this.unlisten("keydown", this.handleKeyDown_), this.tabList_.forEach(function(t) {
+        return t.destroy();
+      }), this.tabScroller_ && this.tabScroller_.destroy();
+    }, e.prototype.getDefaultFoundation = function() {
+      var t = this, n = {
+        scrollTo: function(r) {
+          return t.tabScroller_.scrollTo(r);
+        },
+        incrementScroll: function(r) {
+          return t.tabScroller_.incrementScroll(r);
+        },
+        getScrollPosition: function() {
+          return t.tabScroller_.getScrollPosition();
+        },
+        getScrollContentWidth: function() {
+          return t.tabScroller_.getScrollContentWidth();
+        },
+        getOffsetWidth: function() {
+          return t.root.offsetWidth;
+        },
+        isRTL: function() {
+          return window.getComputedStyle(t.root).getPropertyValue("direction") === "rtl";
+        },
+        setActiveTab: function(r) {
+          return t.foundation.activateTab(r);
+        },
+        activateTabAtIndex: function(r, o) {
+          return t.tabList_[r].activate(o);
+        },
+        deactivateTabAtIndex: function(r) {
+          return t.tabList_[r].deactivate();
+        },
+        focusTabAtIndex: function(r) {
+          return t.tabList_[r].focus();
+        },
+        getTabIndicatorClientRectAtIndex: function(r) {
+          return t.tabList_[r].computeIndicatorClientRect();
+        },
+        getTabDimensionsAtIndex: function(r) {
+          return t.tabList_[r].computeDimensions();
+        },
+        getPreviousActiveTabIndex: function() {
+          for (var r = 0; r < t.tabList_.length; r++)
+            if (t.tabList_[r].active)
+              return r;
+          return -1;
+        },
+        getFocusedTabIndex: function() {
+          var r = t.getTabElements_(), o = document.activeElement;
+          return r.indexOf(o);
+        },
+        getIndexOfTabById: function(r) {
+          for (var o = 0; o < t.tabList_.length; o++)
+            if (t.tabList_[o].id === r)
+              return o;
+          return -1;
+        },
+        getTabListLength: function() {
+          return t.tabList_.length;
+        },
+        notifyTabActivated: function(r) {
+          return t.emit(Q.TAB_ACTIVATED_EVENT, { index: r }, !0);
+        }
+      };
+      return new st(n);
+    }, e.prototype.activateTab = function(t) {
+      this.foundation.activateTab(t);
+    }, e.prototype.scrollIntoView = function(t) {
+      this.foundation.scrollIntoView(t);
+    }, e.prototype.getTabElements_ = function() {
+      return [].slice.call(this.root.querySelectorAll(Q.TAB_SELECTOR));
+    }, e.prototype.instantiateTabs_ = function(t) {
+      return this.getTabElements_().map(function(n) {
+        return n.id = n.id || "mdc-tab-" + ++Pt, t(n);
+      });
+    }, e.prototype.instantiateTabScroller_ = function(t) {
+      var n = this.root.querySelector(Q.TAB_SCROLLER_SELECTOR);
+      return n ? t(n) : null;
+    }, e;
+  }(H)
+);
+const Mt = {
+  /**
+   * Content to be rendered inside the padding component. Accepts any valid markup.
+   *
+   * Defaults to **null**.
+   */
+  children: i.node.isRequired,
+  /**
+   * The css class name to be passed through to the component markup.
+   *
+   * Defaults to **undefined**.
+   */
+  className: i.string,
+  /**
+   * Adds a custom padding style to the child content. Must be a valid CSS padding declaration. i.e. 38px 30px
+   *
+   * Defaults to **null**.
+   */
+  customPadding: i.string,
+  /**
+   * By default a div will be rendered, this allow another tag to be used instead. A block type component is suggested.
+   *
+   * Defaults to **'div'**.
+   */
+  tag: i.oneOfType([i.string, i.elementType]),
+  /**
+   * Applies the specified padding amount. `dense` is 8px, `standard` is 16px, and `airy` is 24px. If `customPadding` is used, this will be ignored.
+   *
+   * Defaults to **'standard'**.
+   */
+  variant: i.oneOf(["dense", "standard", "airy"])
+}, wt = {
+  children: null,
+  className: void 0,
+  customPadding: null,
+  tag: "div",
+  variant: "standard"
+}, j = /* @__PURE__ */ w((a, e) => {
+  const {
+    tag: t,
+    variant: n,
+    children: r,
+    className: o,
+    customPadding: c,
+    style: l,
+    ...s
+  } = a, u = rt(() => ({
+    ...l,
+    padding: c
+  }), [l, c]), f = t || "div", g = C();
+  return W(e, () => g.current, []), /* @__PURE__ */ p.createElement(f, x({
+    className: K("lmnt", "lmnt-padding", n === "dense" && "lmnt-padding--dense", n === "standard" && "lmnt-padding--standard", n === "airy" && "lmnt-padding--airy", o),
+    style: u
+  }, s), r);
+});
+j.displayName = "Padding";
+j.propTypes = Mt;
+j.defaultProps = wt;
+const Wt = {
+  /**
+   * Index of the currently active tab.
+   *
+   * Defaults to **0**.
+   */
+  activeTabIndex: i.number,
+  /**
+   * Accepts one or more Tab components.
+   *
+   * Defaults to **null**.
+   */
+  children: i.node,
+  /**
+   * The css class name to be passed through to the component markup.
+   *
+   * Defaults to **undefined**.
+   */
+  className: i.string,
+  /**
+   * Clustered tabs can be aligned to 'start', 'center', or 'end'. Requires one or more tabs to have clustered set to true.
+   *
+   * Defaults to **'start'**.
+   */
+  clusterAlign: i.oneOf(["start", "center", "end"]),
+  /**
+   * Indicates that tabs should shrink in size to be as narrow as possible without causing text to wrap.
+   *
+   * Defaults to **false**.
+   */
+  clustered: i.bool,
+  /**
+   * Apply elevated styles to raise the tab-bar above standard content.
+   *
+   * Defaults to **false**.
+   */
+  elevated: i.bool,
+  /**
+   * Fires when switching to a different tab.
+   *
+   * Defaults to **null**.
+   */
+  onTabActivated: i.func,
+  /**
+   * @deprecated _Please use elevated instead._
+   *
+   *  Apply a raised style.
+   *
+   * Defaults to **undefined**.
+   */
+  raised: tt(i.bool, "TabBar", "Please use elevated instead."),
+  /**
+   * @deprecated _Deprecated, containers will scroll when necessary._
+   *
+   * Create a fixed height scrollable container.
+   *
+   * Defaults to **undefined**.
+   */
+  scrollable: tt(i.bool, "TabBar", "Deprecated, containers will scroll when necessary."),
+  /**
+   * Indicates that the tab icon and label should flow vertically instead of horizontally.
+   *
+   * Defaults to **false**.
+   */
+  stacked: i.bool,
+  /**
+   * Background theme color. Accepts one of 'primary', 'secondary', or 'surface'.
+   *
+   * Defaults to **'surface'**.
+   */
+  variant: i.oneOf(["primary", "secondary", "surface"])
+}, xt = {
+  activeTabIndex: 0,
+  children: null,
+  className: void 0,
+  clusterAlign: "start",
+  clustered: !1,
+  elevated: !1,
+  raised: void 0,
+  scrollable: void 0,
+  stacked: !1,
+  variant: "surface"
+}, Kt = {
+  /**
+   * Indicates that the tab is active.
+   *
+   * Defaults to **undefined**.
+   */
+  active: i.bool,
+  /**
+   * The custom tab notification badge to be rendered.
+   *
+   * Defaults to **undefined**.
+   */
+  badge: i.oneOfType([i.string, i.func, i.node]),
+  /**
+   * The displayed content. Expects a valid string, though will accept any valid components or markup. If label and `children` are both set, `label` will take priority.
+   *
+   * Defaults to **null**.
+   */
+  children: i.node,
+  /**
+   * The css class name to be passed through to the component markup.
+   *
+   * Defaults to **undefined**.
+   */
+  className: i.string,
+  /**
+   * Indicates that the tab should shrink in size to be as narrow as possible without causing text to wrap.
+   *
+   * Defaults to **false**.
+   */
+  clustered: i.bool,
+  /**
+   * Add a leading icon to the tab.
+   *
+   * Defaults to **undefined**.
+   */
+  icon: i.node,
+  /**
+   * An icon to be used as the tab indicator. Accepts the name of any valid material icon (see Icon component documentation for a list of valid icons). If no icon is provided the tab-indicator will use an underline.
+   *
+   * Defaults to **null**.
+   */
+  indicatorIcon: i.string,
+  /**
+   * The tab-indicator will span the entire tab with 'full' or only the content of the tab with 'content'.
+   *
+   * Defaults to **'full'**.
+   */
+  indicatorSize: i.oneOf(["full", "content"]),
+  /**
+   * The tab-indicator will use a 'slide' or 'fade' transition between tabs.
+   *
+   * Defaults to **'slide'**.
+   */
+  indicatorTransition: i.oneOf(["slide", "fade"]),
+  /**
+   * The displayed text. Expects a valid string. If label and `children` are both set, `label` will take priority.
+   *
+   * Defaults to **null**.
+   */
+  label: i.node,
+  /**
+   * Indicates that the tab icon and label should flow vertically instead of horizontally. If stacked is true the tab will not show a badge.  You can place the badge on the leading icon.
+   *
+   * Defaults to **false**.
+   */
+  stacked: i.bool
+}, Bt = {
+  active: void 0,
+  badge: void 0,
+  children: null,
+  className: void 0,
+  clustered: !1,
+  icon: void 0,
+  indicatorIcon: null,
+  indicatorSize: "full",
+  indicatorTransition: "slide",
+  label: null,
+  stacked: !1
+};
+i.bool, i.string, i.string;
+i.oneOf(["start", "center", "end"]), i.node;
+const M = /* @__PURE__ */ w((a, e) => {
+  const {
+    active: t,
+    className: n,
+    icon: r,
+    id: o,
+    transition: c,
+    ...l
+  } = a, s = C(), u = C(), f = K("lmnt", "lmnt-tab-indicator", "mdc-tab-indicator", t && "mdc-tab-indicator--active", c === "fade" && "mdc-tab-indicator--fade", n);
+  return D(() => (u.current = ct.attachTo(s.current), () => {
+    u.current.destroy();
+  }), [u]), W(e, () => s.current, []), /* @__PURE__ */ p.createElement("span", x({
+    id: o,
+    className: f,
+    ref: s
+  }, l), r && /* @__PURE__ */ p.createElement("span", {
+    className: "mdc-tab-indicator__content mdc-tab-indicator__content--icon material-icons",
+    "aria-hidden": "true"
+  }, r), !r && /* @__PURE__ */ p.createElement("span", {
+    className: "mdc-tab-indicator__content mdc-tab-indicator__content--underline"
+  }));
+});
+M.displayName = "TabIndicator";
+M.propTypes = {
+  active: i.bool,
+  className: i.string,
+  icon: i.string,
+  id: i.string,
+  transition: i.oneOf(["fade", "slide"])
+};
+M.defaultProps = {
+  active: !1,
+  className: null,
+  icon: null,
+  id: null,
+  transition: "slide"
+};
+const ut = /* @__PURE__ */ pt({}), Vt = (a, e) => {
+  if (a)
+    return typeof a == "string" ? /* @__PURE__ */ p.createElement(Tt, {
+      tabIndex: 0,
+      role: "button",
+      className: "mdc-tab__icon",
+      ariaHidden: !0,
+      ariaLabel: e,
+      icon: a
+    }) : at(a, {
+      className: "mdc-tab__icon",
+      tabIndex: 0,
+      "aria-hidden": !0,
+      "aria-label": e,
+      role: "button"
+    });
+}, X = /* @__PURE__ */ w((a, e) => {
+  const {
+    active: t,
+    badge: n,
+    children: r,
+    className: o,
+    clustered: c,
+    icon: l,
+    indicatorIcon: s,
+    indicatorSize: u,
+    indicatorTransition: f,
+    label: g,
+    stacked: S,
+    ...P
+  } = a, h = C(), m = C();
+  W(e, () => h.current, []);
+  const y = ft(ut), V = y.stacked || S, G = y.clustered || c;
+  D(() => (m.current = lt.attachTo(h.current), () => {
+    m.current.destroy();
+  }), []);
+  const $ = K("lmnt", "lmnt-tab", "mdc-tab", "mdc-button", t && "mdc-tab--active", G && "mdc-tab--min-width", V && "mdc-tab--stacked", o);
+  return /* @__PURE__ */ p.createElement("button", x({
+    type: "button",
+    "aria-selected": t,
+    ref: h,
+    className: $,
+    role: "tab"
+  }, P), /* @__PURE__ */ p.createElement("span", {
+    className: "mdc-tab__content"
+  }, l && Vt(l, g), /* @__PURE__ */ p.createElement("span", {
+    className: "mdc-tab__text-label"
+  }, r), u === "content" && /* @__PURE__ */ p.createElement(M, {
+    active: t,
+    icon: s,
+    transition: f
+  }, s), n && !V && at(n, {
+    className: "lmnt-tab-bar--notification-badge"
+  })), u === "full" && /* @__PURE__ */ p.createElement(M, {
+    active: t,
+    icon: s,
+    transition: f
+  }, s), /* @__PURE__ */ p.createElement("span", {
+    className: "lmnt-tab___ripple mdc-tab__ripple"
+  }));
+});
+X.displayName = "Tab";
+X.propTypes = Kt;
+X.defaultProps = Bt;
+const z = /* @__PURE__ */ w((a, e) => {
+  const {
+    align: t,
+    className: n,
+    children: r,
+    ...o
+  } = a, c = C(), l = C();
+  D(() => (l.current = it.attachTo(c.current), () => {
+    l.current.destroy();
+  }), [l]);
+  const s = K("lmnt", "lmnt-tab-scroller", "mdc-tab-scroller", t === "start" && "mdc-tab-scroller--align-start", t === "center" && "mdc-tab-scroller--align-center", t === "end" && "mdc-tab-scroller--align-end", n);
+  return W(e, () => c.current, []), /* @__PURE__ */ p.createElement("div", x({
+    className: s,
+    ref: c
+  }, o), /* @__PURE__ */ p.createElement("div", {
+    className: "mdc-tab-scroller__scroll-area"
+  }, /* @__PURE__ */ p.createElement("div", {
+    className: "mdc-tab-scroller__scroll-content"
+  }, r)));
+});
+z.displayName = "TabBar";
+z.propTypes = {
+  align: i.oneOf(["start", "center", "end"]),
+  className: i.string,
+  children: i.oneOfType([i.arrayOf(i.node), i.node])
+};
+z.defaultProps = {
+  align: "start",
+  className: void 0,
+  children: void 0
+};
+const B = /* @__PURE__ */ w((a, e) => {
+  const {
+    activeTabIndex: t,
+    children: n,
+    className: r,
+    clusterAlign: o,
+    clustered: c,
+    elevated: l,
+    onTabActivated: s,
+    raised: u,
+    scrollable: f,
+    stacked: g,
+    variant: S,
+    ...P
+  } = a, h = C(), m = C();
+  W(e, () => h.current, []);
+  const y = ht(($) => s && s($.detail.index), [s]);
+  D(() => (m.current = Nt.attachTo(h.current), m.current.unlisten("MDCTabBar:activated", y), m.current.listen("MDCTabBar:activated", y), () => {
+    m.current.unlisten("MDCTabBar:activated", y), m.current.destroy();
+  }), [n, m, y]), D(() => {
+    m.current.activateTab(t);
+  }, [m, t]);
+  const V = K("lmnt", "lmnt-tab-bar", "mdc-tab-bar", u && !f && "mdc-tab-bar--raised", l && "mdc-tab-bar--elevated", S === "primary" && "mdc-tab-bar--primary", S === "secondary" && "mdc-tab-bar--secondary", S === "surface" && "mdc-tab-bar--surface", r), G = rt(() => ({
+    stacked: g,
+    clustered: c
+  }), [g, c]);
+  return /* @__PURE__ */ p.createElement(ut.Provider, {
+    value: G
+  }, /* @__PURE__ */ p.createElement("div", x({
+    className: V,
+    role: "tablist",
+    ref: h
+  }, P), /* @__PURE__ */ p.createElement(z, {
+    align: o
+  }, n)));
+});
+B.displayName = "TabBar";
+B.propTypes = Wt;
+B.defaultProps = xt;
+B.displayName = "TabBar";
+const Yt = "_elevation_1rcw6_1", Ft = "_themeBackground_1rcw6_6", kt = "_tabBar_1rcw6_10", Ht = "_tabWrapper_1rcw6_16", jt = "_tabButton_1rcw6_20", Xt = "_childContainer_1rcw6_24", zt = "_childContainerLg_1rcw6_28", A = {
+  elevation: Yt,
+  themeBackground: Ft,
+  tabBar: kt,
+  tabWrapper: Ht,
+  tabButton: jt,
+  childContainer: Xt,
+  childContainerLg: zt
+}, nt = (a, e, t) => !t || !e || !a ? 0 : a.findIndex((n) => `#${n.hash}` === e) ?? 0, re = ({
+  tabs: a,
+  hasHash: e = !0,
+  hash: t = "",
+  clusterAlign: n = "start",
+  hasClusteredTabs: r,
+  children: o,
+  verticalGap: c = "none",
+  elevation: l = 0,
+  backgroundColor: s = "themeBackground",
+  onChange: u
 }) => {
-  const [m, p] = I(_(n, c, t)), { isLg: s } = N();
-  L(() => {
-    const e = _(n, c, t);
-    p(e);
-  }, [c, n, t]);
-  const f = (e) => {
-    const u = n[e].hash;
-    u != null && t && (window.location.hash = u), p(e), b?.(e);
+  const [f, g] = mt(nt(a, t, e)), { isLg: S } = gt();
+  D(() => {
+    const h = nt(a, t, e);
+    g(h);
+  }, [t, a, e]);
+  const P = (h) => {
+    const m = a[h].hash;
+    m != null && e && (window.location.hash = m), g(h), u?.(h);
   };
-  return /* @__PURE__ */ a(
-    T,
+  return /* @__PURE__ */ I(
+    St,
     {
-      elevation: B,
-      className: `${r.elevation} ${v === "none" ? "" : r.themeBackground}`,
-      children: /* @__PURE__ */ d(o, { direction: "vertical", gap: h, secondaryAlign: "stretch", children: [
-        /* @__PURE__ */ d(o, { direction: s ? "horizontal" : "vertical", className: r.tabWrapper, children: [
-          /* @__PURE__ */ a(
-            C,
+      elevation: l,
+      className: `${A.elevation} ${s === "none" ? "" : A.themeBackground}`,
+      children: /* @__PURE__ */ q(Y, { direction: "vertical", gap: c, secondaryAlign: "stretch", children: [
+        /* @__PURE__ */ q(Y, { direction: S ? "horizontal" : "vertical", className: A.tabWrapper, children: [
+          /* @__PURE__ */ I(
+            B,
             {
-              className: r.tabBar,
-              clustered: s ? g : !1,
-              clusterAlign: i,
+              className: A.tabBar,
+              clustered: S ? r : !1,
+              clusterAlign: n,
               variant: "surface",
-              activeTabIndex: m,
-              onTabActivated: f,
-              children: n.map((e) => /* @__PURE__ */ a(
-                k,
+              activeTabIndex: f,
+              onTabActivated: P,
+              children: a.map((h) => /* @__PURE__ */ I(
+                X,
                 {
-                  icon: e.leadingIcon,
-                  className: l ? r.tabButton : "",
-                  children: /* @__PURE__ */ d(o, { gap: "dense", children: [
-                    e.title,
-                    e.trailingIcon
+                  icon: h.leadingIcon,
+                  className: o ? A.tabButton : "",
+                  children: /* @__PURE__ */ q(Y, { gap: "dense", children: [
+                    h.title,
+                    h.trailingIcon
                   ] })
                 },
-                e.hash
+                h.hash
               ))
             }
           ),
-          l ? /* @__PURE__ */ a(
-            A,
+          o ? /* @__PURE__ */ I(
+            j,
             {
               variant: "dense",
-              className: s ? r.childContainer : r.childContainerLg,
-              children: /* @__PURE__ */ a(o, { gap: "dense", primaryAlign: "center", secondaryAlign: "center", children: l })
+              className: S ? A.childContainer : A.childContainerLg,
+              children: /* @__PURE__ */ I(Y, { gap: "dense", primaryAlign: "center", secondaryAlign: "center", children: o })
             }
-          ) : /* @__PURE__ */ a(w, {})
+          ) : /* @__PURE__ */ I(dt, {})
         ] }),
-        n[m]?.component
+        a[f]?.component
       ] })
     }
   );
 };
 export {
-  q as HashTabView
+  re as HashTabView
 };