@hortiview/shared-components 0.0.4624 → 0.0.4721

package/dist/components/HashTabView/HashTabView.js

@@ -1,13 +1,13 @@
+import "../../assets/HashTabView.css";
 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";
+import { a as gt } from "../../useBreakpoint-DROHPVxO.js";
+import { P as i, _ as x, c as K, d as tt, e as at } from "../../index.es-BahjEG5L.js";
+import { I as Tt } from "../../index.es-3I3oam0G.js";
+import { c as T, _ as E, b as vt } from "../../tslib.es6-BOWp4lfV.js";
+import { a as k, d as b, b as H, m as _t, f as bt, M as et } from "../../component-DCtofpGS.js";
+import { E as St } from "../../index.es-CcfZlo4c.js";
+import { G as Y } from "../../index.es-hAl7Wxm5.js";
 /**
  * @license
  * Copyright 2018 Google Inc.
@@ -94,7 +94,7 @@ var Z = (
 var Et = (
   /** @class */
   function(a) {
-    g(e, a);
+    T(e, a);
     function e() {
       return a !== null && a.apply(this, arguments) || this;
     }
@@ -152,7 +152,7 @@ var Et = (
 var yt = (
   /** @class */
   function(a) {
-    g(e, a);
+    T(e, a);
     function e() {
       return a !== null && a.apply(this, arguments) || this;
     }
@@ -210,7 +210,7 @@ var yt = (
 var At = (
   /** @class */
   function(a) {
-    g(e, a);
+    T(e, a);
     function e() {
       return a !== null && a.apply(this, arguments) || this;
     }
@@ -268,7 +268,7 @@ var At = (
 var U = (
   /** @class */
   function(a) {
-    g(e, a);
+    T(e, a);
     function e(t) {
       var n = a.call(this, E(E({}, e.defaultAdapter), t)) || this;
       return n.isAnimating_ = !1, n;
@@ -417,7 +417,7 @@ var U = (
     }, e.prototype.isRTL_ = function() {
       return this.adapter.getScrollContentStyleValue("direction") === "rtl";
     }, e;
-  }(H)
+  }(k)
 );
 /**
  * @license
@@ -475,7 +475,7 @@ function Lt(a, e) {
 var it = (
   /** @class */
   function(a) {
-    g(e, a);
+    T(e, a);
     function e() {
       return a !== null && a.apply(this, arguments) || this;
     }
@@ -547,7 +547,7 @@ var it = (
     }, e.prototype.scrollTo = function(t) {
       this.foundation.scrollTo(t);
     }, e;
-  }(k)
+  }(H)
 );
 /**
  * @license
@@ -603,7 +603,7 @@ var Rt = {
 var v = (
   /** @class */
   function(a) {
-    g(e, a);
+    T(e, a);
     function e(t) {
       return a.call(this, E(E({}, e.defaultAdapter), t)) || this;
     }
@@ -638,7 +638,7 @@ var v = (
     }), e.prototype.computeContentClientRect = function() {
       return this.adapter.computeContentClientRect();
     }, e;
-  }(H)
+  }(k)
 );
 /**
  * @license
@@ -665,7 +665,7 @@ var v = (
 var Ot = (
   /** @class */
   function(a) {
-    g(e, a);
+    T(e, a);
     function e() {
       return a !== null && a.apply(this, arguments) || this;
     }
@@ -701,7 +701,7 @@ var Ot = (
 var Dt = (
   /** @class */
   function(a) {
-    g(e, a);
+    T(e, a);
     function e() {
       return a !== null && a.apply(this, arguments) || this;
     }
@@ -742,7 +742,7 @@ var Dt = (
 var ct = (
   /** @class */
   function(a) {
-    g(e, a);
+    T(e, a);
     function e() {
       return a !== null && a.apply(this, arguments) || this;
     }
@@ -773,7 +773,7 @@ var ct = (
     }, e.prototype.deactivate = function() {
       this.foundation.deactivate();
     }, e;
-  }(k)
+  }(H)
 );
 /**
  * @license
@@ -832,7 +832,7 @@ var F = {
 var O = (
   /** @class */
   function(a) {
-    g(e, a);
+    T(e, a);
     function e(t) {
       var n = a.call(this, E(E({}, e.defaultAdapter), t)) || this;
       return n.focusOnActivate_ = !0, n;
@@ -904,7 +904,7 @@ var O = (
         rootRight: n + t
       };
     }, e;
-  }(H)
+  }(k)
 );
 /**
  * @license
@@ -931,7 +931,7 @@ var O = (
 var lt = (
   /** @class */
   function(a) {
-    g(e, a);
+    T(e, a);
     function e() {
       return a !== null && a.apply(this, arguments) || this;
     }
@@ -1025,7 +1025,7 @@ var lt = (
     }, e.prototype.focus = function() {
       this.root.focus();
     }, e;
-  }(k)
+  }(H)
 );
 /**
  * @license
@@ -1107,7 +1107,7 @@ R.set(_.SPACE_KEYCODE, d.SPACE_KEY);
 var st = (
   /** @class */
   function(a) {
-    g(e, a);
+    T(e, a);
     function e(t) {
       var n = a.call(this, E(E({}, e.defaultAdapter), t)) || this;
       return n.useAutomaticActivation_ = !1, n;
@@ -1219,14 +1219,14 @@ var st = (
       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);
+      var l = this.adapter.getTabDimensionsAtIndex(n), s = c - l.contentLeft - r, u = c - l.contentRight - r - o, f = u + _.EXTRA_SCROLL_AMOUNT, g = s - _.EXTRA_SCROLL_AMOUNT;
+      return n > t ? Math.max(f, 0) : Math.min(g, 0);
     }, e.prototype.findAdjacentTabIndexClosestToEdge_ = function(t, n, r, o) {
       var c = n.rootLeft - r, l = n.rootRight - r - o, s = c + l, u = c < 0 || s < 0, f = l > 0 || s > 0;
       return u ? t - 1 : f ? t + 1 : -1;
     }, e.prototype.findAdjacentTabIndexClosestToEdgeRTL_ = function(t, n, r, o, c) {
-      var l = c - n.rootLeft - o - r, s = c - n.rootRight - r, u = l + s, f = l > 0 || u > 0, T = s < 0 || u < 0;
-      return f ? t + 1 : T ? t - 1 : -1;
+      var l = c - n.rootLeft - o - r, s = c - n.rootRight - r, u = l + s, f = l > 0 || u > 0, g = s < 0 || u < 0;
+      return f ? t + 1 : g ? t - 1 : -1;
     }, e.prototype.getKeyFromEvent_ = function(t) {
       return L.has(t.key) ? t.key : R.get(t.keyCode);
     }, e.prototype.isActivationKey_ = function(t) {
@@ -1248,7 +1248,7 @@ var st = (
         this.adapter.incrementScroll(s);
       }
     }, e;
-  }(H)
+  }(k)
 );
 /**
  * @license
@@ -1275,7 +1275,7 @@ var st = (
 var Q = st.strings, Pt = 0, Nt = (
   /** @class */
   function(a) {
-    g(e, a);
+    T(e, a);
     function e() {
       return a !== null && a.apply(this, arguments) || this;
     }
@@ -1393,7 +1393,7 @@ var Q = st.strings, Pt = 0, Nt = (
       var n = this.root.querySelector(Q.TAB_SCROLLER_SELECTOR);
       return n ? t(n) : null;
     }, e;
-  }(k)
+  }(H)
 );
 const Mt = {
   /**
@@ -1444,8 +1444,8 @@ const Mt = {
   } = a, u = rt(() => ({
     ...l,
     padding: c
-  }), [l, c]), f = t || "div", T = C();
-  return W(e, () => T.current, []), /* @__PURE__ */ p.createElement(f, x({
+  }), [l, c]), f = t || "div", g = C();
+  return W(e, () => g.current, []), /* @__PURE__ */ p.createElement(f, x({
     className: K("lmnt", "lmnt-padding", n === "dense" && "lmnt-padding--dense", n === "standard" && "lmnt-padding--standard", n === "airy" && "lmnt-padding--airy", o),
     style: u
   }, s), r);
@@ -1602,7 +1602,7 @@ const Wt = {
    * Defaults to **false**.
    */
   stacked: i.bool
-}, Vt = {
+}, Bt = {
   active: void 0,
   badge: void 0,
   children: null,
@@ -1654,9 +1654,9 @@ M.defaultProps = {
   id: null,
   transition: "slide"
 };
-const ut = /* @__PURE__ */ pt({}), Bt = (a, e) => {
+const ut = /* @__PURE__ */ pt({}), Vt = (a, e) => {
   if (a)
-    return typeof a == "string" ? /* @__PURE__ */ p.createElement(gt, {
+    return typeof a == "string" ? /* @__PURE__ */ p.createElement(Tt, {
       tabIndex: 0,
       role: "button",
       className: "mdc-tab__icon",
@@ -1681,16 +1681,16 @@ const ut = /* @__PURE__ */ pt({}), Bt = (a, e) => {
     indicatorIcon: s,
     indicatorSize: u,
     indicatorTransition: f,
-    label: T,
+    label: g,
     stacked: S,
     ...P
   } = a, h = C(), m = C();
   W(e, () => h.current, []);
-  const y = ft(ut), B = y.stacked || S, G = y.clustered || c;
+  const y = ft(ut), V = y.stacked || S, G = y.clustered || c;
   D(() => (m.current = lt.attachTo(h.current), () => {
     m.current.destroy();
   }), []);
-  const $ = K("lmnt", "lmnt-tab", "mdc-tab", "mdc-button", t && "mdc-tab--active", G && "mdc-tab--min-width", B && "mdc-tab--stacked", o);
+  const $ = K("lmnt", "lmnt-tab", "mdc-tab", "mdc-button", t && "mdc-tab--active", G && "mdc-tab--min-width", V && "mdc-tab--stacked", o);
   return /* @__PURE__ */ p.createElement("button", x({
     type: "button",
     "aria-selected": t,
@@ -1699,13 +1699,13 @@ const ut = /* @__PURE__ */ pt({}), Bt = (a, e) => {
     role: "tab"
   }, P), /* @__PURE__ */ p.createElement("span", {
     className: "mdc-tab__content"
-  }, l && Bt(l, T), /* @__PURE__ */ p.createElement("span", {
+  }, l && Vt(l, g), /* @__PURE__ */ p.createElement("span", {
     className: "mdc-tab__text-label"
   }, r), u === "content" && /* @__PURE__ */ p.createElement(M, {
     active: t,
     icon: s,
     transition: f
-  }, s), n && !B && at(n, {
+  }, s), n && !V && at(n, {
     className: "lmnt-tab-bar--notification-badge"
   })), u === "full" && /* @__PURE__ */ p.createElement(M, {
     active: t,
@@ -1717,7 +1717,7 @@ const ut = /* @__PURE__ */ pt({}), Bt = (a, e) => {
 });
 X.displayName = "Tab";
 X.propTypes = Kt;
-X.defaultProps = Vt;
+X.defaultProps = Bt;
 const z = /* @__PURE__ */ w((a, e) => {
   const {
     align: t,
@@ -1749,7 +1749,7 @@ z.defaultProps = {
   className: void 0,
   children: void 0
 };
-const V = /* @__PURE__ */ w((a, e) => {
+const B = /* @__PURE__ */ w((a, e) => {
   const {
     activeTabIndex: t,
     children: n,
@@ -1760,7 +1760,7 @@ const V = /* @__PURE__ */ w((a, e) => {
     onTabActivated: s,
     raised: u,
     scrollable: f,
-    stacked: T,
+    stacked: g,
     variant: S,
     ...P
   } = a, h = C(), m = C();
@@ -1771,25 +1771,33 @@ const V = /* @__PURE__ */ w((a, e) => {
   }), [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,
+  const V = K("lmnt", "lmnt-tab-bar", "mdc-tab-bar", u && !f && "mdc-tab-bar--raised", l && "mdc-tab-bar--elevated", S === "primary" && "mdc-tab-bar--primary", S === "secondary" && "mdc-tab-bar--secondary", S === "surface" && "mdc-tab-bar--surface", r), G = rt(() => ({
+    stacked: g,
     clustered: c
-  }), [T, c]);
+  }), [g, c]);
   return /* @__PURE__ */ p.createElement(ut.Provider, {
     value: G
   }, /* @__PURE__ */ p.createElement("div", x({
-    className: B,
+    className: V,
     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 = ({
+B.displayName = "TabBar";
+B.propTypes = Wt;
+B.defaultProps = xt;
+B.displayName = "TabBar";
+const Yt = "_elevation_1rcw6_1", Ft = "_themeBackground_1rcw6_6", kt = "_tabBar_1rcw6_10", Ht = "_tabWrapper_1rcw6_16", jt = "_tabButton_1rcw6_20", Xt = "_childContainer_1rcw6_24", zt = "_childContainerLg_1rcw6_28", A = {
+  elevation: Yt,
+  themeBackground: Ft,
+  tabBar: kt,
+  tabWrapper: Ht,
+  tabButton: jt,
+  childContainer: Xt,
+  childContainerLg: zt
+}, nt = (a, e, t) => !t || !e || !a ? 0 : a.findIndex((n) => `#${n.hash}` === e) ?? 0, re = ({
   tabs: a,
   hasHash: e = !0,
   hash: t = "",
@@ -1801,14 +1809,14 @@ const nt = (a, e, t) => !t || !e || !a ? 0 : a.findIndex((n) => `#${n.hash}` ===
   backgroundColor: s = "themeBackground",
   onChange: u
 }) => {
-  const [f, T] = mt(nt(a, t, e)), { isLg: S } = Tt();
+  const [f, g] = mt(nt(a, t, e)), { isLg: S } = gt();
   D(() => {
     const h = nt(a, t, e);
-    T(h);
+    g(h);
   }, [t, a, e]);
   const P = (h) => {
     const m = a[h].hash;
-    m != null && e && (window.location.hash = m), T(h), u?.(h);
+    m != null && e && (window.location.hash = m), g(h), u?.(h);
   };
   return /* @__PURE__ */ I(
     St,
@@ -1818,7 +1826,7 @@ const nt = (a, e, t) => !t || !e || !a ? 0 : a.findIndex((n) => `#${n.hash}` ===
       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,
+            B,
             {
               className: A.tabBar,
               clustered: S ? r : !1,
@@ -1855,5 +1863,5 @@ const nt = (a, e, t) => !t || !e || !a ? 0 : a.findIndex((n) => `#${n.hash}` ===
   );
 };
 export {
-  Ut as HashTabView
+  re as HashTabView
 };