@hortiview/shared-components 0.0.11528 → 0.0.11587

package/dist/components/HashTabView/HashTabView.js

@@ -1,99 +1,1832 @@
-import { jsx as a, jsxs as _, Fragment as C } from "react/jsx-runtime";
-import { Elevation as $, Group as c, TabBar as k, Tab as P, Padding as T } from "@element-public/react-components";
-import { useState as y, useEffect as A } from "react";
-import { u as I } from "../../useBreakpoints-MzTZ0tCT.js";
-import '../../assets/HashTabView.css';const N = "_elevation_xbjx4_1", R = "_themeBackground_xbjx4_6", W = "_tabBar_xbjx4_10", w = "_tabWrapper_xbjx4_20", H = "_stickyHeader_xbjx4_24", E = "_tabButton_xbjx4_30", z = "_childContainer_xbjx4_34", D = "_childContainerPhone_xbjx4_38", F = "_iconColorRed_xbjx4_42", G = "_miniPadding_xbjx4_47", t = {
-  elevation: N,
-  themeBackground: R,
-  tabBar: W,
-  tabWrapper: w,
-  stickyHeader: H,
-  tabButton: E,
-  childContainer: z,
-  childContainerPhone: D,
-  iconColorRed: F,
-  miniPadding: G
-}, p = (n, i) => !i || !n ? 0 : n.findIndex((o) => o.hash === i.replace("#", "")) ?? 0, K = ({
-  tabs: n,
-  hasHash: i = !0,
-  hash: o = "",
-  clusterAlign: u = "start",
-  hasClusteredTabs: b,
-  children: l,
-  verticalGap: x = "none",
-  elevation: g = 0,
-  backgroundColor: v = "themeBackground",
-  onChange: f,
-  hasStickyTabs: m = !1,
-  classNameHeader: B = ""
+import { jsx as R, jsxs as G, Fragment as st } from "react/jsx-runtime";
+import { E as ut } from "../../index.es-h2lMdt7G.js";
+import { G as x } from "../../index.es-DntoATwO.js";
+import { P as dt } from "../../index.es-D-CKRzIB.js";
+import { c as B, _ as V, P as c } from "../../identity-DLWZln-X.js";
+import p, { forwardRef as Y, useRef as A, useImperativeHandle as F, useCallback as ft, useEffect as N, useMemo as ht, createContext as pt, useContext as mt, useState as _t } from "react";
+import { c as nt, d as Z } from "../../index.es-da0cf7oE.js";
+import { I as Tt } from "../../index.es-3043KTnb.js";
+import { b as _, c as L, a as vt } from "../../tslib.es6-BDCynO9F.js";
+import { M as k, a as H } from "../../component-neHBNHRu.js";
+import { b as gt, M as tt, a as E, m as bt } from "../../component-DsB0poTj.js";
+import { u as St } from "../../useBreakpoints-MzTZ0tCT.js";
+import '../../assets/HashTabView.css';/**
+ * @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 = {
+  ACTIVE: "mdc-tab-indicator--active",
+  FADE: "mdc-tab-indicator--fade",
+  NO_TRANSITION: "mdc-tab-indicator--no-transition"
+}, Et = {
+  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) {
+    _(e, a);
+    function e(t) {
+      return a.call(this, L(L({}, e.defaultAdapter), t)) || this;
+    }
+    return Object.defineProperty(e, "cssClasses", {
+      get: function() {
+        return Ct;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e, "strings", {
+      get: function() {
+        return Et;
+      },
+      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 yt = (
+  /** @class */
+  function(a) {
+    _(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 At = (
+  /** @class */
+  function(a) {
+    _(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 rt = (
+  /** @class */
+  function(a) {
+    _(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 yt(n) : new At(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 K = {
+  ACTIVE: "mdc-tab--active"
+}, M = {
+  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 P = (
+  /** @class */
+  function(a) {
+    _(e, a);
+    function e(t) {
+      var n = a.call(this, L(L({}, e.defaultAdapter), t)) || this;
+      return n.focusOnActivate_ = !0, n;
+    }
+    return Object.defineProperty(e, "cssClasses", {
+      get: function() {
+        return K;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e, "strings", {
+      get: function() {
+        return M;
+      },
+      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(K.ACTIVE);
+    }, e.prototype.setFocusOnActivate = function(t) {
+      this.focusOnActivate_ = t;
+    }, e.prototype.activate = function(t) {
+      this.adapter.addClass(K.ACTIVE), this.adapter.setAttr(M.ARIA_SELECTED, "true"), this.adapter.setAttr(M.TABINDEX, "0"), this.adapter.activateIndicator(t), this.focusOnActivate_ && this.adapter.focus();
+    }, e.prototype.deactivate = function() {
+      this.isActive() && (this.adapter.removeClass(K.ACTIVE), this.adapter.setAttr(M.ARIA_SELECTED, "false"), this.adapter.setAttr(M.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 at = (
+  /** @class */
+  function(a) {
+    _(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(i, l) {
+        return new tt(i, l);
+      }), n === void 0 && (n = function(i) {
+        return new rt(i);
+      }), this.id = this.root.id;
+      var r = new gt(tt.createAdapter(this));
+      this.ripple_ = t(this.root, r);
+      var o = this.root.querySelector(P.strings.TAB_INDICATOR_SELECTOR);
+      this.tabIndicator_ = n(o), this.content_ = this.root.querySelector(P.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(
+            P.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 P(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 ot = {
+  ANIMATING: "mdc-tab-scroller--animating",
+  SCROLL_AREA_SCROLL: "mdc-tab-scroller__scroll-area--scroll",
+  SCROLL_TEST: "mdc-tab-scroller__test"
+}, Lt = {
+  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 Q = (
+  /** @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 Rt = (
+  /** @class */
+  function(a) {
+    _(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;
+  }(Q)
+);
+/**
+ * @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) {
+    _(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;
+  }(Q)
+);
+/**
+ * @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) {
+    _(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;
+  }(Q)
+);
+/**
+ * @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 = (
+  /** @class */
+  function(a) {
+    _(e, a);
+    function e(t) {
+      var n = a.call(this, L(L({}, 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 Lt;
+      },
+      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 i = o[4];
+      return o[5], parseFloat(i);
+    }, 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), i = o - n;
+      return {
+        finalScrollPosition: o,
+        scrollDelta: i
+      };
+    }, 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 It(this.adapter);
+      var r = this.adapter.computeScrollAreaClientRect(), o = this.adapter.computeScrollContentClientRect(), i = Math.round(o.right - r.right);
+      return this.adapter.setScrollAreaScrollLeft(t), i === n ? new Ot(this.adapter) : new Rt(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 U;
+function Dt(a, e) {
+  if (e === void 0 && (e = !0), e && typeof U < "u")
+    return U;
+  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 && (U = 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) {
+    _(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(q.strings.AREA_SELECTOR), this.content_ = this.root.querySelector(q.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_, E()), this.area_.addEventListener("touchstart", this.handleInteraction_, E()), this.area_.addEventListener("pointerdown", this.handleInteraction_, E()), this.area_.addEventListener("mousedown", this.handleInteraction_, E()), this.area_.addEventListener("keydown", this.handleInteraction_, E()), this.content_.addEventListener("transitionend", this.handleTransitionEnd_);
+    }, e.prototype.destroy = function() {
+      a.prototype.destroy.call(this), this.area_.removeEventListener("wheel", this.handleInteraction_, E()), this.area_.removeEventListener("touchstart", this.handleInteraction_, E()), this.area_.removeEventListener("pointerdown", this.handleInteraction_, E()), this.area_.removeEventListener("mousedown", this.handleInteraction_, E()), this.area_.removeEventListener("keydown", this.handleInteraction_, E()), this.content_.removeEventListener("transitionend", this.handleTransitionEnd_);
+    }, e.prototype.getDefaultFoundation = function() {
+      var t = this, n = {
+        eventTargetMatchesSelector: function(r, o) {
+          return bt(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 Dt(document);
+        }
+      };
+      return new q(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 f = {
+  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"
+}, g = {
+  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 I = /* @__PURE__ */ new Set();
+I.add(f.ARROW_LEFT_KEY);
+I.add(f.ARROW_RIGHT_KEY);
+I.add(f.END_KEY);
+I.add(f.HOME_KEY);
+I.add(f.ENTER_KEY);
+I.add(f.SPACE_KEY);
+var O = /* @__PURE__ */ new Map();
+O.set(g.ARROW_LEFT_KEYCODE, f.ARROW_LEFT_KEY);
+O.set(g.ARROW_RIGHT_KEYCODE, f.ARROW_RIGHT_KEY);
+O.set(g.END_KEYCODE, f.END_KEY);
+O.set(g.HOME_KEYCODE, f.HOME_KEY);
+O.set(g.ENTER_KEYCODE, f.ENTER_KEY);
+O.set(g.SPACE_KEYCODE, f.SPACE_KEY);
+var ct = (
+  /** @class */
+  function(a) {
+    _(e, a);
+    function e(t) {
+      var n = a.call(this, L(L({}, e.defaultAdapter), t)) || this;
+      return n.useAutomaticActivation_ = !1, n;
+    }
+    return Object.defineProperty(e, "strings", {
+      get: function() {
+        return f;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e, "numbers", {
+      get: function() {
+        return g;
+      },
+      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, i = n === f.END_KEY, l = n === f.ARROW_LEFT_KEY && !r || n === f.ARROW_RIGHT_KEY && r, s = n === f.ARROW_RIGHT_KEY && !r || n === f.ARROW_LEFT_KEY && r, u = t;
+      return i ? 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 i = this.adapter.getTabDimensionsAtIndex(n), l = i.contentLeft - r - o, s = i.contentRight - r, u = s - g.EXTRA_SCROLL_AMOUNT, h = l + g.EXTRA_SCROLL_AMOUNT;
+      return n < t ? Math.min(u, 0) : Math.max(h, 0);
+    }, e.prototype.calculateScrollIncrementRTL_ = function(t, n, r, o, i) {
+      var l = this.adapter.getTabDimensionsAtIndex(n), s = i - l.contentLeft - r, u = i - l.contentRight - r - o, h = u + g.EXTRA_SCROLL_AMOUNT, b = s - g.EXTRA_SCROLL_AMOUNT;
+      return n > t ? Math.max(h, 0) : Math.min(b, 0);
+    }, e.prototype.findAdjacentTabIndexClosestToEdge_ = function(t, n, r, o) {
+      var i = n.rootLeft - r, l = n.rootRight - r - o, s = i + l, u = i < 0 || s < 0, h = l > 0 || s > 0;
+      return u ? t - 1 : h ? t + 1 : -1;
+    }, e.prototype.findAdjacentTabIndexClosestToEdgeRTL_ = function(t, n, r, o, i) {
+      var l = i - n.rootLeft - o - r, s = i - n.rootRight - r, u = l + s, h = l > 0 || u > 0, b = s < 0 || u < 0;
+      return h ? t + 1 : b ? t - 1 : -1;
+    }, e.prototype.getKeyFromEvent_ = function(t) {
+      return I.has(t.key) ? t.key : O.get(t.keyCode);
+    }, e.prototype.isActivationKey_ = function(t) {
+      return t === f.SPACE_KEY || t === f.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), i = this.findAdjacentTabIndexClosestToEdge_(t, o, n, r);
+      if (this.indexIsInRange_(i)) {
+        var l = this.calculateScrollIncrement_(t, i, 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), i = this.adapter.getScrollContentWidth(), l = this.findAdjacentTabIndexClosestToEdgeRTL_(t, o, n, r, i);
+      if (this.indexIsInRange_(l)) {
+        var s = this.calculateScrollIncrementRTL_(t, l, n, r, i);
+        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 J = ct.strings, Pt = 0, Nt = (
+  /** @class */
+  function(a) {
+    _(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 at(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(P.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(P.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(J.TAB_ACTIVATED_EVENT, { index: r }, !0);
+        }
+      };
+      return new ct(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(J.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(J.TAB_SCROLLER_SELECTOR);
+      return n ? t(n) : null;
+    }, e;
+  }(H)
+);
+const xt = {
+  /**
+   * Index of the currently active tab.
+   *
+   * Defaults to **0**.
+   */
+  activeTabIndex: c.number,
+  /**
+   * Accepts one or more Tab components.
+   *
+   * Defaults to **null**.
+   */
+  children: c.node,
+  /**
+   * The css class name to be passed through to the component markup.
+   *
+   * Defaults to **undefined**.
+   */
+  className: c.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: c.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: c.bool,
+  /**
+   * Apply elevated styles to raise the tab-bar above standard content.
+   *
+   * Defaults to **false**.
+   */
+  elevated: c.bool,
+  /**
+   * Fires when switching to a different tab.
+   *
+   * Defaults to **null**.
+   */
+  onTabActivated: c.func,
+  /**
+   * @deprecated _Please use elevated instead._
+   *
+   *  Apply a raised style.
+   *
+   * Defaults to **undefined**.
+   */
+  raised: Z(c.bool, "TabBar", "Please use elevated instead."),
+  /**
+   * @deprecated _Deprecated, containers will scroll when necessary._
+   *
+   * Create a fixed height scrollable container.
+   *
+   * Defaults to **undefined**.
+   */
+  scrollable: Z(c.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: c.bool,
+  /**
+   * Background theme color. Accepts one of 'primary', 'secondary', or 'surface'.
+   *
+   * Defaults to **'surface'**.
+   */
+  variant: c.oneOf(["primary", "secondary", "surface"])
+}, Mt = {
+  activeTabIndex: 0,
+  children: null,
+  className: void 0,
+  clusterAlign: "start",
+  clustered: !1,
+  elevated: !1,
+  raised: void 0,
+  scrollable: void 0,
+  stacked: !1,
+  variant: "surface"
+}, Wt = {
+  /**
+   * Indicates that the tab is active.
+   *
+   * Defaults to **undefined**.
+   */
+  active: c.bool,
+  /**
+   * The custom tab notification badge to be rendered.
+   *
+   * Defaults to **undefined**.
+   */
+  badge: c.oneOfType([c.string, c.func, c.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: c.node,
+  /**
+   * The css class name to be passed through to the component markup.
+   *
+   * Defaults to **undefined**.
+   */
+  className: c.string,
+  /**
+   * Indicates that the tab should shrink in size to be as narrow as possible without causing text to wrap.
+   *
+   * Defaults to **false**.
+   */
+  clustered: c.bool,
+  /**
+   * Add a leading icon to the tab.
+   *
+   * Defaults to **undefined**.
+   */
+  icon: c.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: c.string,
+  /**
+   * The tab-indicator will span the entire tab with 'full' or only the content of the tab with 'content'.
+   *
+   * Defaults to **'full'**.
+   */
+  indicatorSize: c.oneOf(["full", "content"]),
+  /**
+   * The tab-indicator will use a 'slide' or 'fade' transition between tabs.
+   *
+   * Defaults to **'slide'**.
+   */
+  indicatorTransition: c.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: c.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: c.bool
+}, wt = {
+  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
+};
+c.bool, c.string, c.string;
+c.oneOf(["start", "center", "end"]), c.node;
+const W = /* @__PURE__ */ Y((a, e) => {
+  const {
+    active: t,
+    className: n,
+    icon: r,
+    id: o,
+    transition: i,
+    ...l
+  } = a, s = A(), u = A(), h = B("lmnt", "lmnt-tab-indicator", "mdc-tab-indicator", t && "mdc-tab-indicator--active", i === "fade" && "mdc-tab-indicator--fade", n);
+  return N(() => (u.current = rt.attachTo(s.current), () => {
+    u.current.destroy();
+  }), [u]), F(e, () => s.current, []), /* @__PURE__ */ p.createElement("span", V({
+    id: o,
+    className: h,
+    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"
+  }));
+});
+W.displayName = "TabIndicator";
+W.propTypes = {
+  active: c.bool,
+  className: c.string,
+  icon: c.string,
+  id: c.string,
+  transition: c.oneOf(["fade", "slide"])
+};
+W.defaultProps = {
+  active: !1,
+  className: null,
+  icon: null,
+  id: null,
+  transition: "slide"
+};
+const lt = /* @__PURE__ */ pt({}), Kt = (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
+    }) : nt(a, {
+      className: "mdc-tab__icon",
+      tabIndex: 0,
+      "aria-hidden": !0,
+      "aria-label": e,
+      role: "button"
+    });
+}, j = /* @__PURE__ */ Y((a, e) => {
+  const {
+    active: t,
+    badge: n,
+    children: r,
+    className: o,
+    clustered: i,
+    icon: l,
+    indicatorIcon: s,
+    indicatorSize: u,
+    indicatorTransition: h,
+    label: b,
+    stacked: S,
+    ...D
+  } = a, T = A(), m = A();
+  F(e, () => T.current, []);
+  const d = mt(lt), C = d.stacked || S, $ = d.clustered || i;
+  N(() => (m.current = at.attachTo(T.current), () => {
+    m.current.destroy();
+  }), []);
+  const z = B("lmnt", "lmnt-tab", "mdc-tab", "mdc-button", t && "mdc-tab--active", $ && "mdc-tab--min-width", C && "mdc-tab--stacked", o);
+  return /* @__PURE__ */ p.createElement("button", V({
+    type: "button",
+    "aria-selected": t,
+    ref: T,
+    className: z,
+    role: "tab"
+  }, D), /* @__PURE__ */ p.createElement("span", {
+    className: "mdc-tab__content"
+  }, l && Kt(l, b), /* @__PURE__ */ p.createElement("span", {
+    className: "mdc-tab__text-label"
+  }, r), u === "content" && /* @__PURE__ */ p.createElement(W, {
+    active: t,
+    icon: s,
+    transition: h
+  }, s), n && !C && nt(n, {
+    className: "lmnt-tab-bar--notification-badge"
+  })), u === "full" && /* @__PURE__ */ p.createElement(W, {
+    active: t,
+    icon: s,
+    transition: h
+  }, s), /* @__PURE__ */ p.createElement("span", {
+    className: "lmnt-tab___ripple mdc-tab__ripple"
+  }));
+});
+j.displayName = "Tab";
+j.propTypes = Wt;
+j.defaultProps = wt;
+const X = /* @__PURE__ */ Y((a, e) => {
+  const {
+    align: t,
+    className: n,
+    children: r,
+    ...o
+  } = a, i = A(), l = A();
+  N(() => (l.current = it.attachTo(i.current), () => {
+    l.current.destroy();
+  }), [l]);
+  const s = B("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 F(e, () => i.current, []), /* @__PURE__ */ p.createElement("div", V({
+    className: s,
+    ref: i
+  }, o), /* @__PURE__ */ p.createElement("div", {
+    className: "mdc-tab-scroller__scroll-area"
+  }, /* @__PURE__ */ p.createElement("div", {
+    className: "mdc-tab-scroller__scroll-content"
+  }, r)), /* @__PURE__ */ p.createElement("hr", {
+    className: "lmnt-tab-bar--divider"
+  }));
+});
+X.displayName = "TabBar";
+X.propTypes = {
+  align: c.oneOf(["start", "center", "end"]),
+  className: c.string,
+  children: c.oneOfType([c.arrayOf(c.node), c.node])
+};
+X.defaultProps = {
+  align: "start",
+  className: void 0,
+  children: void 0
+};
+const w = /* @__PURE__ */ Y((a, e) => {
+  const {
+    activeTabIndex: t,
+    children: n,
+    className: r,
+    clusterAlign: o,
+    clustered: i,
+    elevated: l,
+    onTabActivated: s,
+    raised: u,
+    scrollable: h,
+    stacked: b,
+    variant: S,
+    ...D
+  } = a, T = A(), m = A();
+  F(e, () => T.current, []);
+  const d = ft((z) => s && s(z.detail.index), [s]);
+  N(() => (m.current = Nt.attachTo(T.current), m.current.unlisten("MDCTabBar:activated", d), m.current.listen("MDCTabBar:activated", d), () => {
+    m.current.unlisten("MDCTabBar:activated", d), m.current.destroy();
+  }), [n, m, d]), N(() => {
+    m.current.activateTab(t);
+  }, [m, t]);
+  const C = B("lmnt", "lmnt-tab-bar", "mdc-tab-bar", u && !h && "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), $ = ht(() => ({
+    stacked: b,
+    clustered: i
+  }), [b, i]);
+  return /* @__PURE__ */ p.createElement(lt.Provider, {
+    value: $
+  }, /* @__PURE__ */ p.createElement("div", V({
+    className: C,
+    role: "tablist",
+    ref: T
+  }, D), /* @__PURE__ */ p.createElement(X, {
+    align: o
+  }, n)));
+});
+w.displayName = "TabBar";
+w.propTypes = xt;
+w.defaultProps = Mt;
+w.displayName = "TabBar";
+const Bt = "_elevation_xbjx4_1", Vt = "_themeBackground_xbjx4_6", Yt = "_tabBar_xbjx4_10", Ft = "_tabWrapper_xbjx4_20", kt = "_stickyHeader_xbjx4_24", Ht = "_tabButton_xbjx4_30", jt = "_childContainer_xbjx4_34", Xt = "_childContainerPhone_xbjx4_38", $t = "_iconColorRed_xbjx4_42", zt = "_miniPadding_xbjx4_47", y = {
+  elevation: Bt,
+  themeBackground: Vt,
+  tabBar: Yt,
+  tabWrapper: Ft,
+  stickyHeader: kt,
+  tabButton: Ht,
+  childContainer: jt,
+  childContainerPhone: Xt,
+  iconColorRed: $t,
+  miniPadding: zt
+}, et = (a, e) => !e || !a ? 0 : a.findIndex((t) => t.hash === e.replace("#", "")) ?? 0, ie = ({
+  tabs: a,
+  hasHash: e = !0,
+  hash: t = "",
+  clusterAlign: n = "start",
+  hasClusteredTabs: r,
+  children: o,
+  verticalGap: i = "none",
+  elevation: l = 0,
+  backgroundColor: s = "themeBackground",
+  onChange: u,
+  hasStickyTabs: h = !1,
+  classNameHeader: b = ""
 }) => {
-  const [d, h] = y(p(n, o)), { isDesktop: s } = I();
-  A(() => {
-    if (!i || !o) return;
-    const e = p(n, o);
-    h(e);
-  }, [n, o, i]);
-  const j = (e) => {
-    const r = n[e].hash;
-    r != null && i && window.history.replaceState(null, "", `#${r}`), h(e), f?.(e);
+  const [S, D] = _t(et(a, t)), { isDesktop: T } = St();
+  N(() => {
+    if (!e || !t) return;
+    const d = et(a, t);
+    D(d);
+  }, [a, t, e]);
+  const m = (d) => {
+    const C = a[d].hash;
+    C != null && e && window.history.replaceState(null, "", `#${C}`), D(d), u?.(d);
   };
-  return /* @__PURE__ */ a(
-    $,
+  return /* @__PURE__ */ R(
+    ut,
     {
-      elevation: g,
-      className: `${t.elevation} ${v === "none" ? "" : t.themeBackground}`,
-      children: /* @__PURE__ */ _(
-        c,
+      elevation: l,
+      className: `${y.elevation} ${s === "none" ? "" : y.themeBackground}`,
+      children: /* @__PURE__ */ G(
+        x,
         {
           "data-testid": "hash-tab-container",
           direction: "vertical",
-          gap: x,
+          gap: i,
           secondaryAlign: "stretch",
           children: [
-            /* @__PURE__ */ _(
-              c,
+            /* @__PURE__ */ G(
+              x,
               {
-                direction: s ? "horizontal" : "vertical",
-                className: `${t.tabWrapper} ${m ? t.stickyHeader : ""} ${B}`,
+                direction: T ? "horizontal" : "vertical",
+                className: `${y.tabWrapper} ${h ? y.stickyHeader : ""} ${b}`,
                 children: [
-                  /* @__PURE__ */ a(
-                    k,
+                  /* @__PURE__ */ R(
+                    w,
                     {
                       "data-testid": "tab-bar",
-                      className: t.tabBar,
-                      clustered: s ? b : !1,
-                      clusterAlign: u,
+                      className: y.tabBar,
+                      clustered: T ? r : !1,
+                      clusterAlign: n,
                       variant: "surface",
-                      activeTabIndex: d,
-                      onTabActivated: j,
-                      children: n.map((e, r) => /* @__PURE__ */ a(
-                        P,
+                      activeTabIndex: S,
+                      onTabActivated: m,
+                      children: a.map((d, C) => /* @__PURE__ */ R(
+                        j,
                         {
-                          "data-testid": `tab-${e.title}`,
-                          icon: e.leadingIcon,
-                          className: `${l ? t.tabButton : ""} ${e.isIconRed ? t.iconColorRed : ""}`,
-                          active: d === r,
-                          children: /* @__PURE__ */ _(c, { gap: "dense", children: [
-                            e.title,
-                            e.trailingIcon
+                          "data-testid": `tab-${d.title}`,
+                          icon: d.leadingIcon,
+                          className: `${o ? y.tabButton : ""} ${d.isIconRed ? y.iconColorRed : ""}`,
+                          active: S === C,
+                          children: /* @__PURE__ */ G(x, { gap: "dense", children: [
+                            d.title,
+                            d.trailingIcon
                           ] })
                         },
-                        `${r}_${e.hash}`
+                        `${C}_${d.hash}`
                       ))
                     }
                   ),
-                  l ? /* @__PURE__ */ a(
-                    T,
+                  o ? /* @__PURE__ */ R(
+                    dt,
                     {
                       variant: "dense",
-                      className: s ? t.childContainer : t.childContainerPhone,
-                      children: /* @__PURE__ */ a(c, { gap: "dense", primaryAlign: "center", secondaryAlign: "center", children: l })
+                      className: T ? y.childContainer : y.childContainerPhone,
+                      children: /* @__PURE__ */ R(x, { gap: "dense", primaryAlign: "center", secondaryAlign: "center", children: o })
                     }
-                  ) : /* @__PURE__ */ a(C, {})
+                  ) : /* @__PURE__ */ R(st, {})
                 ]
               }
             ),
-            m ? /* @__PURE__ */ a(c, { fullWidth: !0, direction: "vertical", className: t.miniPadding, children: n[d]?.component }) : n[d]?.component
+            h ? /* @__PURE__ */ R(x, { fullWidth: !0, direction: "vertical", className: y.miniPadding, children: a[S]?.component }) : a[S]?.component
           ]
         }
       )
@@ -101,5 +1834,5 @@ import '../../assets/HashTabView.css';const N = "_elevation_xbjx4_1", R = "_them
   );
 };
 export {
-  K as HashTabView
+  ie as HashTabView
 };