@kiva/kv-components 6.40.1 → 6.40.3

package/dist/vue/KvWwwHeader.js

@@ -0,0 +1,202 @@
+import { ref as s, shallowRef as L, resolveComponent as c, resolveDirective as H, openBlock as h, createBlock as p, withCtx as d, createElementVNode as g, createVNode as r, Transition as w, withDirectives as _, vShow as k, createElementBlock as O, normalizeClass as x, createCommentVNode as B, resolveDynamicComponent as I } from "vue";
+import N from "./KvWwwHeader/KvHeaderLinkBar.js";
+import E from "./KvWwwHeader/KvHeaderLogo.js";
+import M from "./KvWwwHeader/KvHeaderSearchBar.js";
+import A from "./KvThemeProvider.js";
+import T from "./KvWwwHeader/KvHeaderSearchSuggestions.js";
+import "./KvWwwHeader.css";
+import V from "../_virtual/_plugin-vue_export-helper.js";
+const D = {
+  components: {
+    KvHeaderLinkBar: N,
+    KvHeaderLogo: E,
+    KvHeaderSearchBar: M,
+    KvThemeProvider: A,
+    KvHeaderSearchSuggestions: T
+  },
+  props: {
+    loggedIn: {
+      type: Boolean,
+      default: !1
+    },
+    basketCount: {
+      type: Number,
+      default: 0
+    },
+    loginUrl: {
+      type: String,
+      default: "/ui-login"
+    },
+    balance: {
+      type: Number,
+      default: 0
+    },
+    isBorrower: {
+      type: Boolean,
+      default: !1
+    },
+    isTrustee: {
+      type: Boolean,
+      default: !1
+    },
+    userId: {
+      type: Number,
+      default: null
+    }
+  },
+  emits: [
+    "load-lend-menu-data"
+  ],
+  setup(C, { emit: n }) {
+    const t = s(!0), e = s(null), u = s(!1), b = s(null), l = s(!1), i = L(null), m = s(null);
+    let f;
+    return {
+      afterLinksNotVisible: () => {
+        u.value = !0;
+      },
+      afterSearchClosed: () => {
+        t.value = !0;
+      },
+      afterSearchOpen: () => {
+        var a;
+        (a = e.value) == null || a.onOpen();
+      },
+      emitLendMenuEvent: () => {
+        n("load-lend-menu-data");
+      },
+      linksVisible: t,
+      searchOpen: u,
+      menuOpen: l,
+      onHover: (a, o) => {
+        o ? (clearTimeout(f), i.value = o, l.value = !0) : l.value && (f = setTimeout(() => {
+          l.value = !1, i.value = null;
+        }, 200));
+      },
+      openSearch: () => {
+        t.value = !1;
+      },
+      closeSearch: () => {
+        u.value = !1;
+      },
+      getSuggestions: (a) => {
+        var o;
+        (o = e.value) == null || o.getSuggestions(a);
+      },
+      loadMenuData: (a) => {
+        var o;
+        (o = m.value) == null || o.onLoad(a);
+      },
+      activeHeaderItem: b,
+      searchBar: e,
+      menuComponent: i,
+      menuComponentInstance: m
+    };
+  }
+}, K = {
+  class: "header-margins tw-relative tw-py-1 tw-px-1.5 tw-font-medium",
+  style: { height: "3.75rem" }
+}, U = { class: "header-margins tw-px-2.5" };
+function z(C, n, t, e, u, b) {
+  const l = c("kv-header-link-bar"), i = c("kv-header-logo"), m = c("kv-header-search-bar"), f = c("kv-header-search-suggestions"), S = c("kv-theme-provider"), y = H("kv-track-event");
+  return h(), p(S, {
+    tag: "header",
+    class: "tw-bg-secondary"
+  }, {
+    default: d(() => [
+      g("nav", K, [
+        r(w, {
+          name: "header-fade",
+          onAfterLeave: e.afterLinksNotVisible
+        }, {
+          default: d(() => [
+            _(r(l, {
+              "logged-in": t.loggedIn,
+              "basket-count": t.basketCount,
+              "login-url": t.loginUrl,
+              "open-menu-item": e.menuComponent,
+              onItemHover: e.onHover,
+              onOpenSearch: e.openSearch
+            }, null, 8, ["logged-in", "basket-count", "login-url", "open-menu-item", "onItemHover", "onOpenSearch"]), [
+              [k, e.linksVisible]
+            ])
+          ]),
+          _: 1
+        }, 8, ["onAfterLeave"]),
+        _((h(), O("a", {
+          href: "/",
+          class: x(["tw-px-1 tw-py-2 tw-cursor-pointer tw-absolute tw-top-1/2 tw-left-1/2 tw--translate-y-1/2 tw--translate-x-1/2 tw-transition-all tw-duration-300", {
+            "tw-opacity-0 md:tw-opacity-full md:tw-left-2.5 md:tw-translate-x-0": e.searchOpen
+          }])
+        }, [
+          r(i)
+        ], 2)), [
+          [y, ["TopNav", "click-Logo"]]
+        ]),
+        r(w, {
+          name: "header-fade",
+          onAfterEnter: e.afterSearchOpen,
+          onAfterLeave: e.afterSearchClosed
+        }, {
+          default: d(() => [
+            _(r(m, {
+              ref: "searchBar",
+              class: "tw-absolute tw-left-1/2 tw--translate-x-1/2 tw-top-1/2 tw--translate-y-1/2 tw-h-full tw-w-full",
+              style: {
+                "max-width": "600px"
+              },
+              onCloseSearch: e.closeSearch
+            }, null, 8, ["onCloseSearch"]), [
+              [k, e.searchOpen]
+            ])
+          ]),
+          _: 1
+        }, 8, ["onAfterEnter", "onAfterLeave"])
+      ]),
+      r(w, {
+        name: "header-fade",
+        onAfterEnter: e.afterSearchOpen
+      }, {
+        default: d(() => [
+          e.searchOpen ? (h(), p(f, { key: 0 })) : B("", !0)
+        ]),
+        _: 1
+      }, 8, ["onAfterEnter"]),
+      r(w, { name: "header-fade" }, {
+        default: d(() => [
+          _(g("div", {
+            class: "tw-absolute tw-z-modal tw-h-full tw-inset-x-0 tw-bg-eco-green-4 bg-opacity-50",
+            style: { top: "3.75rem" },
+            onClick: n[2] || (n[2] = (...v) => e.closeSearch && e.closeSearch(...v))
+          }, [
+            g("div", {
+              class: "tw-bg-secondary tw-w-full",
+              onMouseover: n[0] || (n[0] = (v) => e.onHover(e.activeHeaderItem, e.menuComponent)),
+              onMouseout: n[1] || (n[1] = (v) => e.onHover())
+            }, [
+              g("div", U, [
+                (h(), p(I(e.menuComponent), {
+                  ref: "menuComponentInstance",
+                  "logged-in": t.loggedIn,
+                  "login-url": t.loginUrl,
+                  "user-id": t.userId,
+                  balance: t.balance,
+                  "is-borrower": t.isBorrower,
+                  "is-trustee": t.isTrustee,
+                  onLoadLendMenuData: e.emitLendMenuEvent
+                }, null, 40, ["logged-in", "login-url", "user-id", "balance", "is-borrower", "is-trustee", "onLoadLendMenuData"]))
+              ])
+            ], 32)
+          ], 512), [
+            [k, e.menuOpen || e.searchOpen]
+          ])
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  });
+}
+const te = /* @__PURE__ */ V(D, [["render", z], ["__scopeId", "data-v-31b1473c"]]);
+export {
+  te as default
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "6.40.1",
+  "version": "6.40.3",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -114,5 +114,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "d083ad0c8321b44ffa021df28a89b2b1001f38d9"
+  "gitHead": "9e34d06d4ec4574624a24d920a9458253a8cc551"
 }