@kiva/kv-components 6.49.0 → 6.49.2

package/dist/vue/KvWwwHeader.js

@@ -1,14 +1,16 @@
-import { ref as i, shallowRef as L, resolveComponent as c, resolveDirective as M, openBlock as v, createBlock as y, withCtx as f, createElementVNode as m, createVNode as u, Transition as k, withDirectives as g, vShow as p, createElementBlock as C, normalizeStyle as H, resolveDynamicComponent as B } from "vue";
-import D from "./KvWwwHeader/KvHeaderLinkBar.js";
-import U from "./KvWwwHeader/KvHeaderLogo.js";
-import x from "./KvThemeProvider.js";
+import { ref as i, shallowRef as L, resolveComponent as u, resolveDirective as M, openBlock as v, createBlock as h, withCtx as c, createElementVNode as f, createVNode as s, Transition as p, withDirectives as g, vShow as I, createElementBlock as H, normalizeStyle as B, resolveDynamicComponent as D } from "vue";
+import U from "./KvWwwHeader/KvHeaderLinkBar.js";
+import N from "./KvWwwHeader/KvHeaderLogo.js";
+import T from "./KvThemeProvider.js";
+import x from "./KvPageContainer.js";
 import "./KvWwwHeader.css";
-import N from "../_virtual/_plugin-vue_export-helper.js";
-const T = {
+import S from "../_virtual/_plugin-vue_export-helper.js";
+const E = {
   components: {
-    KvHeaderLinkBar: D,
-    KvHeaderLogo: U,
-    KvThemeProvider: x
+    KvHeaderLinkBar: U,
+    KvHeaderLogo: N,
+    KvThemeProvider: T,
+    KvPageContainer: x
   },
   props: {
     loggedIn: {
@@ -63,98 +65,104 @@ const T = {
   emits: [
     "load-lend-menu-data"
   ],
-  setup(I, { emit: n }) {
-    const e = i(!0), t = i(null), l = i(!1), a = L(null), s = i(null), r = i({ left: 0, position: "relative" });
-    let d;
+  setup(C, { emit: t }) {
+    const e = i(!0), n = i(null), l = i(!1), a = L(null), d = i(null), r = i({ left: 0, position: "relative" });
+    let m;
     return {
       emitLendMenuEvent: () => {
-        n("load-lend-menu-data");
+        t("load-lend-menu-data");
       },
       linksVisible: e,
       menuOpen: l,
-      onHover: (_, o, h) => {
-        o ? (clearTimeout(d), a.value !== o && (r.value = { left: 0, position: "relative" }), a.value = o, l.value = !0, h && (r.value = {
-          ...h,
+      onHover: (k, o, y) => {
+        o ? (clearTimeout(m), a.value !== o && (r.value = { left: 0, position: "relative" }), a.value = o, l.value = !0, y && (r.value = {
+          ...y,
           position: "absolute"
-        })) : l.value && (d = setTimeout(() => {
+        })) : l.value && (m = setTimeout(() => {
           l.value = !1, a.value = null;
         }, 50));
       },
-      loadMenuData: (_) => {
+      loadMenuData: (k) => {
         var o;
-        (o = s.value) == null || o.onLoad(_);
+        (o = d.value) == null || o.onLoad(k);
       },
-      activeHeaderItem: t,
+      activeHeaderItem: n,
       menuComponent: a,
-      menuComponentInstance: s,
+      menuComponentInstance: d,
       menuPosition: r
     };
   }
-}, S = {
-  class: "header-margins tw-relative tw-py-1 tw-px-1.5 tw-font-medium",
+}, K = {
+  class: "tw-font-medium",
   style: { height: "3.75rem" }
-}, E = {
+}, V = {
   href: "/",
   class: "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"
-}, K = {
+}, P = {
   class: "tw-absolute tw-z-modal tw-h-full tw-inset-x-0 tw-bg-eco-green-4 bg-opacity-50 tw-min-h-screen",
   style: { top: "3.75rem" }
-}, V = { class: "header-margins tw-px-2.5" };
-function z(I, n, e, t, l, a) {
-  const s = c("kv-header-link-bar"), r = c("kv-header-logo"), d = c("kv-theme-provider"), b = M("kv-track-event");
-  return v(), y(d, { tag: "div" }, {
-    default: f(() => [
-      m("nav", S, [
-        u(k, { name: "header-fade" }, {
-          default: f(() => [
-            g(u(s, {
-              "logged-in": e.loggedIn,
-              "basket-count": e.basketCount,
-              "login-url": e.loginUrl,
-              "open-menu-item": t.menuComponent,
-              "my-dashboard-url": e.myDashboardUrl,
-              "lender-name": e.lenderName,
-              "lender-image-url": e.lenderImageUrl,
-              "is-mobile": e.isMobile,
-              balance: e.balance,
-              onItemHover: t.onHover
-            }, null, 8, ["logged-in", "basket-count", "login-url", "open-menu-item", "my-dashboard-url", "lender-name", "lender-image-url", "is-mobile", "balance", "onItemHover"]), [
-              [p, t.linksVisible]
+};
+function z(C, t, e, n, l, a) {
+  const d = u("kv-header-link-bar"), r = u("kv-header-logo"), m = u("kv-page-container"), _ = u("kv-theme-provider"), b = M("kv-track-event");
+  return v(), h(_, {
+    tag: "div",
+    class: "tw-bg-primary tw-relative"
+  }, {
+    default: c(() => [
+      f("nav", K, [
+        s(m, null, {
+          default: c(() => [
+            s(p, { name: "header-fade" }, {
+              default: c(() => [
+                g(s(d, {
+                  "logged-in": e.loggedIn,
+                  "basket-count": e.basketCount,
+                  "login-url": e.loginUrl,
+                  "open-menu-item": n.menuComponent,
+                  "my-dashboard-url": e.myDashboardUrl,
+                  "lender-name": e.lenderName,
+                  "lender-image-url": e.lenderImageUrl,
+                  "is-mobile": e.isMobile,
+                  balance: e.balance,
+                  onItemHover: n.onHover
+                }, null, 8, ["logged-in", "basket-count", "login-url", "open-menu-item", "my-dashboard-url", "lender-name", "lender-image-url", "is-mobile", "balance", "onItemHover"]), [
+                  [I, n.linksVisible]
+                ])
+              ]),
+              _: 1
+            }),
+            g((v(), H("a", V, [
+              s(r)
+            ])), [
+              [b, ["TopNav", "click-Logo"]]
             ])
           ]),
           _: 1
-        }),
-        g((v(), C("a", E, [
-          u(r)
-        ])), [
-          [b, ["TopNav", "click-Logo"]]
-        ])
+        })
       ]),
-      u(k, { name: "header-fade" }, {
-        default: f(() => [
-          g(m("div", K, [
-            m("div", {
+      s(p, { name: "header-fade" }, {
+        default: c(() => [
+          g(f("div", P, [
+            f("div", {
               class: "tw-bg-primary",
-              style: H(t.menuPosition),
-              onMouseover: n[0] || (n[0] = (w) => t.onHover(t.activeHeaderItem, t.menuComponent)),
-              onMouseout: n[1] || (n[1] = (w) => t.onHover())
+              style: B(n.menuPosition),
+              onMouseover: t[0] || (t[0] = (w) => n.onHover(n.activeHeaderItem, n.menuComponent)),
+              onMouseout: t[1] || (t[1] = (w) => n.onHover())
             }, [
-              m("div", V, [
-                (v(), y(B(t.menuComponent), {
-                  ref: "menuComponentInstance",
-                  "logged-in": e.loggedIn,
-                  "login-url": e.loginUrl,
-                  "user-id": e.userId,
-                  "is-borrower": e.isBorrower,
-                  "is-trustee": e.isTrustee,
-                  "my-dashboard-url": e.myDashboardUrl,
-                  "show-m-g-upsell-link": e.showMGUpsellLink,
-                  onLoadLendMenuData: t.emitLendMenuEvent
-                }, null, 40, ["logged-in", "login-url", "user-id", "is-borrower", "is-trustee", "my-dashboard-url", "show-m-g-upsell-link", "onLoadLendMenuData"]))
-              ])
+              (v(), h(D(n.menuComponent), {
+                ref: "menuComponentInstance",
+                "logged-in": e.loggedIn,
+                "login-url": e.loginUrl,
+                "user-id": e.userId,
+                "is-borrower": e.isBorrower,
+                "is-trustee": e.isTrustee,
+                "my-dashboard-url": e.myDashboardUrl,
+                "show-m-g-upsell-link": e.showMGUpsellLink,
+                onLoadLendMenuData: n.emitLendMenuEvent
+              }, null, 40, ["logged-in", "login-url", "user-id", "is-borrower", "is-trustee", "my-dashboard-url", "show-m-g-upsell-link", "onLoadLendMenuData"]))
             ], 36)
           ], 512), [
-            [p, t.menuOpen]
+            [I, n.menuOpen]
           ])
         ]),
         _: 1
@@ -163,7 +171,7 @@ function z(I, n, e, t, l, a) {
     _: 1
   });
 }
-const A = /* @__PURE__ */ N(T, [["render", z], ["__scopeId", "data-v-c4b7061b"]]);
+const F = /* @__PURE__ */ S(E, [["render", z], ["__scopeId", "data-v-07310dbf"]]);
 export {
-  A as default
+  F as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "6.49.0",
+  "version": "6.49.2",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -113,5 +113,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "49de729c4f6dd4d032d2a2ea0b26705321e2f4a8"
+  "gitHead": "181ef54b20935aeaa481c558dc133c93a8d21e11"
 }