@hortiview/shared-components 0.0.4723 → 0.0.4730

package/dist/components/HashTabView/HashTabView.js

@@ -1,1859 +1,73 @@
-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 { s as A } from "../../HashTabView.module-BY0tbl3B.js";
-import { u as Tt } from "../../useBreakpoint-DyAmuka7.js";
-import { P as i, _ as x, c as K, d as tt, e as at } from "../../index.es-Cct4Uapb.js";
-import { I as gt } from "../../index.es-InSNsV4f.js";
-import { _ as g, a as E, c as vt } from "../../tslib.es6-CIXEwqhg.js";
-import { a as H, d as b, b as k, m as _t, f as bt, M as et } from "../../component-Rx4bNsGO.js";
-import { E as St } from "../../index.es-C1ojb4Lq.js";
-import { G as Y } from "../../index.es-CNBieliG.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) {
-    g(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) {
-    g(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) {
-    g(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) {
-    g(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;
-  }(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 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) {
-    g(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;
-  }(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 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) {
-    g(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;
-  }(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 Ot = (
-  /** @class */
-  function(a) {
-    g(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) {
-    g(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) {
-    g(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;
-  }(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 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) {
-    g(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;
-  }(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 lt = (
-  /** @class */
-  function(a) {
-    g(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;
-  }(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 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) {
-    g(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, T = s - _.EXTRA_SCROLL_AMOUNT;
-      return n > t ? Math.max(f, 0) : Math.min(T, 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, T = s < 0 || u < 0;
-      return f ? t + 1 : T ? 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;
-  }(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 Q = st.strings, Pt = 0, Nt = (
-  /** @class */
-  function(a) {
-    g(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;
-  }(k)
-);
-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", T = C();
-  return W(e, () => T.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
-}, Vt = {
-  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({}), Bt = (a, e) => {
-  if (a)
-    return typeof a == "string" ? /* @__PURE__ */ p.createElement(gt, {
-      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: T,
-    stacked: S,
-    ...P
-  } = a, h = C(), m = C();
-  W(e, () => h.current, []);
-  const y = ft(ut), B = 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", B && "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 && Bt(l, T), /* @__PURE__ */ p.createElement("span", {
-    className: "mdc-tab__text-label"
-  }, r), u === "content" && /* @__PURE__ */ p.createElement(M, {
-    active: t,
-    icon: s,
-    transition: f
-  }, s), n && !B && 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 = Vt;
-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 V = /* @__PURE__ */ w((a, e) => {
-  const {
-    activeTabIndex: t,
-    children: n,
-    className: r,
-    clusterAlign: o,
-    clustered: c,
-    elevated: l,
-    onTabActivated: s,
-    raised: u,
-    scrollable: f,
-    stacked: T,
-    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 B = 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: T,
-    clustered: c
-  }), [T, c]);
-  return /* @__PURE__ */ p.createElement(ut.Provider, {
-    value: G
-  }, /* @__PURE__ */ p.createElement("div", x({
-    className: B,
-    role: "tablist",
-    ref: h
-  }, P), /* @__PURE__ */ p.createElement(z, {
-    align: o
-  }, n)));
-});
-V.displayName = "TabBar";
-V.propTypes = Wt;
-V.defaultProps = xt;
-V.displayName = "TabBar";
-const nt = (a, e, t) => !t || !e || !a ? 0 : a.findIndex((n) => `#${n.hash}` === e) ?? 0, Ut = ({
-  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
+import { jsx as a, jsxs as d, Fragment as I } from "react/jsx-runtime";
+import { Elevation as N, Group as o, TabBar as b, Tab as x, Padding as y } from "@element/react-components";
+import { useState as k, useEffect as w } from "react";
+import { s as t } from "../../HashTabView.module-BY0tbl3B.js";
+import { u as $ } from "../../useBreakpoint-DyAmuka7.js";
+const g = (n, r, i) => !i || !r || !n ? 0 : n.findIndex((c) => `#${c.hash}` === r) ?? 0, F = ({
+  tabs: n,
+  hasHash: r = !0,
+  hash: i = "",
+  clusterAlign: c = "start",
+  hasClusteredTabs: f,
+  children: s,
+  verticalGap: h = "none",
+  elevation: v = 0,
+  backgroundColor: T = "themeBackground",
+  onChange: A
 }) => {
-  const [f, T] = mt(nt(a, t, e)), { isLg: S } = Tt();
-  D(() => {
-    const h = nt(a, t, e);
-    T(h);
-  }, [t, a, e]);
-  const P = (h) => {
-    const m = a[h].hash;
-    m != null && e && (window.location.hash = m), T(h), u?.(h);
+  const [m, p] = k(g(n, i, r)), { isLg: l } = $();
+  w(() => {
+    const e = g(n, i, r);
+    p(e);
+  }, [i, n, r]);
+  const B = (e) => {
+    const u = n[e].hash;
+    u != null && r && (window.location.hash = u), p(e), A?.(e);
   };
-  return /* @__PURE__ */ I(
-    St,
+  return /* @__PURE__ */ a(
+    N,
     {
-      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(
-            V,
+      elevation: v,
+      className: `${t.elevation} ${T === "none" ? "" : t.themeBackground}`,
+      children: /* @__PURE__ */ d(o, { direction: "vertical", gap: h, secondaryAlign: "stretch", children: [
+        /* @__PURE__ */ d(o, { direction: l ? "horizontal" : "vertical", className: t.tabWrapper, children: [
+          /* @__PURE__ */ a(
+            b,
             {
-              className: A.tabBar,
-              clustered: S ? r : !1,
-              clusterAlign: n,
+              className: t.tabBar,
+              clustered: l ? f : !1,
+              clusterAlign: c,
               variant: "surface",
-              activeTabIndex: f,
-              onTabActivated: P,
-              children: a.map((h) => /* @__PURE__ */ I(
-                X,
+              activeTabIndex: m,
+              onTabActivated: B,
+              children: n.map((e) => /* @__PURE__ */ a(
+                x,
                 {
-                  icon: h.leadingIcon,
-                  className: o ? A.tabButton : "",
-                  children: /* @__PURE__ */ q(Y, { gap: "dense", children: [
-                    h.title,
-                    h.trailingIcon
+                  icon: e.leadingIcon,
+                  className: s ? t.tabButton : "",
+                  children: /* @__PURE__ */ d(o, { gap: "dense", children: [
+                    e.title,
+                    e.trailingIcon
                   ] })
                 },
-                h.hash
+                e.hash
               ))
             }
           ),
-          o ? /* @__PURE__ */ I(
-            j,
+          s ? /* @__PURE__ */ a(
+            y,
             {
               variant: "dense",
-              className: S ? A.childContainer : A.childContainerLg,
-              children: /* @__PURE__ */ I(Y, { gap: "dense", primaryAlign: "center", secondaryAlign: "center", children: o })
+              className: l ? t.childContainer : t.childContainerLg,
+              children: /* @__PURE__ */ a(o, { gap: "dense", primaryAlign: "center", secondaryAlign: "center", children: s })
             }
-          ) : /* @__PURE__ */ I(dt, {})
+          ) : /* @__PURE__ */ a(I, {})
         ] }),
-        a[f]?.component
+        n[m]?.component
       ] })
     }
   );
 };
 export {
-  Ut as HashTabView
+  F as HashTabView
 };