@kiva/kv-components 6.69.2 → 7.0.0

package/dist/vue/KvWwwHeader/KvHeaderLinkBar.js

@@ -1,21 +1,23 @@
-import { defineAsyncComponent as h, ref as l, inject as Z, computed as L, watch as P, onMounted as $, onUnmounted as ee, resolveComponent as p, resolveDirective as ne, openBlock as i, createElementBlock as M, withDirectives as c, normalizeClass as A, withModifiers as B, createVNode as E, createBlock as y, withCtx as N, createTextVNode as k, createElementVNode as b, createCommentVNode as V, vShow as R, toDisplayString as te } from "vue";
-import { mdiAccountCircle as oe, mdiChevronDown as ae, mdiMagnify as le, mdiMenu as re } from "@mdi/js";
-import ie from "numeral";
-import de from "@kiva/kv-tokens";
-import ue from "../KvMaterialIcon.js";
-import me from "../KvIconBag.js";
-import se from "./KvHeaderDropdownLink.js";
-import ve from "../KvUserAvatar.js";
-import { throttle as ce } from "../../utils/throttle.js";
-import { isLegacyPlaceholderAvatar as we } from "../../utils/imageUtils.js";
+import { defineAsyncComponent as h, ref as i, inject as ne, computed as T, watch as V, onMounted as te, onUnmounted as oe, resolveComponent as g, resolveDirective as ae, openBlock as d, createElementBlock as v, withDirectives as f, normalizeClass as A, withModifiers as K, createVNode as w, createBlock as R, withCtx as E, createTextVNode as b, createElementVNode as L, createCommentVNode as z, normalizeStyle as N, vShow as W, toDisplayString as le } from "vue";
+import { mdiAccountCircle as ie, mdiChevronDown as re, mdiMagnify as de, mdiMenu as se } from "@mdi/js";
+import ue from "numeral";
+import me from "@kiva/kv-tokens";
+import ce from "../KvMaterialIcon.js";
+import ve from "../KvIconBag.js";
+import fe from "./KvHeaderDropdownLink.js";
+import we from "../KvUserAvatar.js";
+import ke from "../KvLoadingPlaceholder.js";
+import { throttle as Me } from "../../utils/throttle.js";
+import { isLegacyPlaceholderAvatar as j } from "../../utils/imageUtils.js";
 import "./KvHeaderLinkBar.css";
-import fe from "../../_virtual/_plugin-vue_export-helper.js";
-const Me = h(() => import("./KvHeaderMobileMenu.js")), F = h(() => import("./KvHeaderMyKivaMenu.js")), ke = h(() => import("./LendMenu/KvLendMenu.js")), be = h(() => import("./KvHeaderTakeActionMenu.js")), he = h(() => import("./KvHeaderAboutMenu.js")), W = 150, w = "avatar-menu", I = "menuButton", z = { top: "-3.75rem", width: "100%" }, ge = "lendButton", Te = "takeActionButton", pe = "aboutUsLink", Ae = {
+import ge from "../../_virtual/_plugin-vue_export-helper.js";
+const be = h(() => import("./KvHeaderMobileMenu.js")), F = h(() => import("./KvHeaderMyKivaMenu.js")), he = h(() => import("./LendMenu/KvLendMenu.js")), ye = h(() => import("./KvHeaderTakeActionMenu.js")), pe = h(() => import("./KvHeaderAboutMenu.js")), q = 150, k = "avatar-menu", U = "menuButton", G = { top: "-3.75rem", width: "100%" }, Te = "lendButton", Ae = "takeActionButton", Le = "aboutUsLink", Ue = {
   components: {
-    KvMaterialIcon: ue,
-    KvIconBag: me,
-    KvHeaderDropdownLink: se,
-    KvUserAvatar: ve
+    KvMaterialIcon: ce,
+    KvIconBag: ve,
+    KvHeaderDropdownLink: fe,
+    KvUserAvatar: we,
+    KvLoadingPlaceholder: ke
   },
   props: {
     loggedIn: {
@@ -53,255 +55,287 @@ const Me = h(() => import("./KvHeaderMobileMenu.js")), F = h(() => import("./KvH
     balance: {
       type: Number,
       default: 0
+    },
+    isBasketDataLoading: {
+      type: Boolean,
+      default: !1
+    },
+    isUserDataLoading: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: [
     "item-hover"
   ],
-  setup(d, { emit: n }) {
-    const a = l(null), e = l(null), K = l(null), x = l(null), g = l(null), f = l(null), U = l(null), H = l(null), u = l(null), o = l(null), O = Z("$kvTrackEvent"), _ = {
-      [ge]: { action: "hover-Lend-menu", label: "Lend" },
-      [Te]: { action: "hover-Take-action-menu", label: "Take action" },
-      [pe]: { action: "hover-About-menu", label: "About" },
-      [I]: { action: "hover-Hamburger-menu", label: "Hamburger" },
-      [w]: { action: "hover-Avatar-menu", label: "Avatar" }
-    }, m = (t, s, v = null) => {
-      n("item-hover", t, s, v);
-    }, j = (t, s, v = null) => {
+  setup(s, { emit: n }) {
+    const o = i(null), e = i(null), x = i(null), _ = i(null), y = i(null), M = i(null), B = i(null), I = i(null), H = i(null), a = i(null), l = ne("$kvTrackEvent"), O = {
+      [Te]: { action: "hover-Lend-menu", label: "Lend" },
+      [Ae]: { action: "hover-Take-action-menu", label: "Take action" },
+      [Le]: { action: "hover-About-menu", label: "About" },
+      [U]: { action: "hover-Hamburger-menu", label: "Hamburger" },
+      [k]: { action: "hover-Avatar-menu", label: "Avatar" }
+    }, u = (t, m, c = null) => {
+      n("item-hover", t, m, c);
+    }, J = (t, m, c = null) => {
       if (!navigator.maxTouchPoints) {
-        if (t && o.value !== t) {
-          const r = _[t];
-          r && O(
+        if (t && a.value !== t) {
+          const r = O[t];
+          r && l(
             "TopNav",
             r.action,
             r.label
           );
         }
-        o.value = t, m(
+        a.value = t, u(
           t,
-          s,
-          t === I && d.isMobile ? z : v
+          m,
+          t === U && s.isMobile ? G : c
         );
       }
-    }, q = (t) => {
-      !navigator.maxTouchPoints && o.value === t && (o.value = null, m());
-    }, C = () => {
-      var S;
-      const t = (S = a.value) == null ? void 0 : S.getBoundingClientRect();
+    }, Q = (t) => {
+      !navigator.maxTouchPoints && a.value === t && (a.value = null, u());
+    }, S = () => {
+      var P;
+      const t = (P = o.value) == null ? void 0 : P.getBoundingClientRect();
       if (!t) return null;
-      const v = t.left + t.width / 2 - W / 2, r = `${window.innerWidth - v - W}px`;
+      const c = t.left + t.width / 2 - q / 2, r = `${window.innerWidth - c - q}px`;
       return {
-        right: (window == null ? void 0 : window.innerWidth) < de.breakpoints.md ? 0 : r
+        right: (window == null ? void 0 : window.innerWidth) < me.breakpoints.md ? 0 : r
       };
-    }, T = () => {
-      o.value = w, m(a.value, F, C());
-    }, G = (t, s, v) => {
-      if (t && o.value !== t) {
-        const r = _[t];
-        r && O(
+    }, p = () => {
+      a.value = k, u(o.value, F, S());
+    }, X = (t, m, c) => {
+      if (t && a.value !== t) {
+        const r = O[t];
+        r && l(
           "TopNav",
           r.action,
           r.label
         );
       }
-      o.value === I && (o.value = null), !o.value || o.value !== t ? (o.value = t, t === w ? T() : t === I && d.isMobile ? m(t, s, z) : m(t, s, v)) : (o.value = null, m());
-    }, D = ce(() => {
-      o.value === w && T();
-    }, 100), J = L(() => d.isMobile ? void 0 : "/lend-by-category"), Q = L(() => {
+      a.value === U && (a.value = null), !a.value || a.value !== t ? (a.value = t, t === k ? p() : t === U && s.isMobile ? u(t, m, G) : u(t, m, c)) : (a.value = null, u());
+    }, C = Me(() => {
+      a.value === k && p();
+    }, 100), Y = T(() => s.isMobile ? void 0 : "/lend-by-category"), D = T(() => {
       var t;
-      return ((t = d.lenderImageUrl) == null ? void 0 : t.split("/").pop()) ?? "";
-    }), X = L(() => Math.floor(d.balance)), Y = (t) => {
-      t.target === t.currentTarget && m();
+      return ((t = s.lenderImageUrl) == null ? void 0 : t.split("/").pop()) ?? "";
+    }), Z = T(() => Math.floor(s.balance)), $ = T(() => j(D.value) || !D.value), ee = (t) => {
+      t.target === t.currentTarget && u();
     };
-    return P(
-      () => d.isMobile,
+    return V(
+      () => s.isMobile,
       () => {
-        o.value === w && T();
+        a.value === k && p();
       }
-    ), P(
-      () => d.openMenuItem,
+    ), V(
+      () => s.openMenuItem,
       (t) => {
-        t || (o.value = null);
+        t || (a.value = null);
       }
-    ), $(() => {
-      import("./KvHeaderMobileMenu.js"), import("./KvHeaderMyKivaMenu.js"), import("./LendMenu/KvLendMenu.js"), import("./KvHeaderTakeActionMenu.js"), import("./KvHeaderAboutMenu.js"), window.addEventListener("resize", D);
-    }), ee(() => {
-      window.removeEventListener("resize", D);
+    ), te(() => {
+      import("./KvHeaderMobileMenu.js"), import("./KvHeaderMyKivaMenu.js"), import("./LendMenu/KvLendMenu.js"), import("./KvHeaderTakeActionMenu.js"), import("./KvHeaderAboutMenu.js"), window.addEventListener("resize", C);
+    }), oe(() => {
+      window.removeEventListener("resize", C);
     }), {
-      AVATAR_MENU_ID: w,
-      openMenuId: o,
-      numeral: ie,
-      mdiAccountCircle: oe,
-      mdiChevronDown: ae,
-      mdiMagnify: le,
-      mdiMenu: re,
-      onHover: m,
-      avatar: a,
+      AVATAR_MENU_ID: k,
+      openMenuId: a,
+      numeral: ue,
+      mdiAccountCircle: ie,
+      mdiChevronDown: re,
+      mdiMagnify: de,
+      mdiMenu: se,
+      onHover: u,
+      avatar: o,
       lendButton: e,
-      aboutUsLink: K,
-      partnerWithUsLink: x,
-      borrowLink: g,
-      supportKivaLink: f,
-      basketLink: U,
-      signInLink: H,
-      menuButton: u,
-      lendUrl: J,
-      avatarFilename: Q,
-      handleOnHover: j,
-      handleTouchStart: G,
-      handleMouseOut: q,
-      handleAvatarMenuPosition: T,
-      KvHeaderMobileMenu: Me,
+      aboutUsLink: x,
+      partnerWithUsLink: _,
+      borrowLink: y,
+      supportKivaLink: M,
+      basketLink: B,
+      signInLink: I,
+      menuButton: H,
+      lendUrl: Y,
+      avatarFilename: D,
+      handleOnHover: J,
+      handleTouchStart: X,
+      handleMouseOut: Q,
+      handleAvatarMenuPosition: p,
+      KvHeaderMobileMenu: be,
       KvHeaderMyKivaMenu: F,
-      KvLendMenu: ke,
-      KvHeaderTakeActionMenu: be,
-      KvHeaderAboutMenu: he,
-      isLegacyPlaceholderAvatar: we,
-      getAvatarMenuPosition: C,
-      handleEmptySpaceClick: Y,
-      roundedBalance: X
+      KvLendMenu: he,
+      KvHeaderTakeActionMenu: ye,
+      KvHeaderAboutMenu: pe,
+      isLegacyPlaceholderAvatar: j,
+      getAvatarMenuPosition: S,
+      handleEmptySpaceClick: ee,
+      roundedBalance: Z,
+      isDefaultProfilePic: $
     };
   }
-}, ye = ["href"], Ie = {
+}, Be = ["href"], Ie = {
   ref: "avatar",
   class: "tw-cursor-pointer tw-flex tw-items-center tw-gap-1 tw-bg-eco-green-1 tw-rounded-md tw-py-0.5 md:tw-py-1 tw-px-1 md:tw-px-2"
-}, Ue = { class: "tw-text-eco-green-4" }, He = ["href"];
-function Le(d, n, a, e, K, x) {
-  const g = p("kv-material-icon"), f = p("KvHeaderDropdownLink"), U = p("kv-icon-bag"), H = p("KvUserAvatar"), u = ne("kv-track-event");
-  return i(), M("div", {
+}, He = {
+  key: 0,
+  class: "tw-w-4 tw-h-3",
+  style: {
+    display: "var(--user-balance-loading-display, inline-block)"
+  }
+}, De = {
+  key: 1,
+  class: "tw-text-eco-green-4"
+}, Ke = ["href"];
+function Ee(s, n, o, e, x, _) {
+  const y = g("kv-material-icon"), M = g("KvHeaderDropdownLink"), B = g("kv-icon-bag"), I = g("KvUserAvatar"), H = g("KvLoadingPlaceholder"), a = ae("kv-track-event");
+  return d(), v("div", {
     class: "tw-h-full tw-flex tw-items-center tw-gap-0.5 md:tw-gap-2 lg:tw-gap-2.5",
-    onTouchstart: n[10] || (n[10] = (...o) => e.handleEmptySpaceClick && e.handleEmptySpaceClick(...o))
+    onTouchstart: n[10] || (n[10] = (...l) => e.handleEmptySpaceClick && e.handleEmptySpaceClick(...l))
   }, [
-    c((i(), M("button", {
+    f((d(), v("button", {
       ref: "menuButton",
       class: A(["header-link tw-inline-flex md:tw-hidden", {
-        "tw-text-tertiary": a.openMenuItem && a.openMenuItem !== e.KvHeaderMobileMenu
+        "tw-text-tertiary": o.openMenuItem && o.openMenuItem !== e.KvHeaderMobileMenu
       }]),
-      onMouseover: n[0] || (n[0] = (o) => e.handleOnHover("menuButton", e.KvHeaderMobileMenu)),
-      onMouseout: n[1] || (n[1] = (o) => e.handleMouseOut("menuButton")),
-      onTouchstart: n[2] || (n[2] = B((o) => e.handleTouchStart("menuButton", e.KvHeaderMobileMenu), ["stop"]))
+      onMouseover: n[0] || (n[0] = (l) => e.handleOnHover("menuButton", e.KvHeaderMobileMenu)),
+      onMouseout: n[1] || (n[1] = (l) => e.handleMouseOut("menuButton")),
+      onTouchstart: n[2] || (n[2] = K((l) => e.handleTouchStart("menuButton", e.KvHeaderMobileMenu), ["stop"]))
     }, [
-      E(g, { icon: e.mdiMenu }, null, 8, ["icon"])
+      w(y, { icon: e.mdiMenu }, null, 8, ["icon"])
     ], 34)), [
-      [u, a.openMenuItem === e.KvHeaderMobileMenu ? ["TopNav", "click-Hamburger-menu"] : null]
+      [a, o.openMenuItem === e.KvHeaderMobileMenu ? ["TopNav", "click-Hamburger-menu"] : null]
     ]),
-    c((i(), y(f, {
+    f((d(), R(M, {
       class: "tw-py-1",
       "ref-name": "lendButton",
       href: e.lendUrl,
       "menu-component": e.KvLendMenu,
-      "open-menu-item": a.openMenuItem,
+      "open-menu-item": o.openMenuItem,
       "dropdown-icon": e.mdiChevronDown,
       "base-class": "tw-inline-flex md:tw-border md:tw-rounded-md tw-px-1.5 tw-py-0.5",
       onOnHover: e.handleOnHover,
-      onMouseleave: n[3] || (n[3] = (o) => e.handleMouseOut("lendButton")),
-      onTouchstart: n[4] || (n[4] = B((o) => e.handleTouchStart("lendButton", e.KvLendMenu), ["stop"]))
+      onMouseleave: n[3] || (n[3] = (l) => e.handleMouseOut("lendButton")),
+      onTouchstart: n[4] || (n[4] = K((l) => e.handleTouchStart("lendButton", e.KvLendMenu), ["stop"]))
     }, {
-      default: N(() => n[11] || (n[11] = [
-        k(" Lend ")
+      default: E(() => n[11] || (n[11] = [
+        b(" Lend ")
       ])),
       _: 1
     }, 8, ["href", "menu-component", "open-menu-item", "dropdown-icon", "onOnHover"])), [
-      [u, ["TopNav", "click-Lend"]]
+      [a, ["TopNav", "click-Lend"]]
     ]),
-    c((i(), y(f, {
+    f((d(), R(M, {
       "ref-name": "takeActionButton",
       "base-class": "tw-hidden md:tw-inline-flex tw-py-1",
       "menu-component": e.KvHeaderTakeActionMenu,
-      "open-menu-item": a.openMenuItem,
+      "open-menu-item": o.openMenuItem,
       "dropdown-icon": e.mdiChevronDown,
       "send-link-position": "",
       onOnHover: e.handleOnHover,
-      onMouseleave: n[5] || (n[5] = (o) => e.handleMouseOut("takeActionButton")),
+      onMouseleave: n[5] || (n[5] = (l) => e.handleMouseOut("takeActionButton")),
       onUserTap: e.handleTouchStart
     }, {
-      default: N(() => n[12] || (n[12] = [
-        k(" Take action ")
+      default: E(() => n[12] || (n[12] = [
+        b(" Take action ")
       ])),
       _: 1
     }, 8, ["menu-component", "open-menu-item", "dropdown-icon", "onOnHover", "onUserTap"])), [
-      [u, ["TopNav", "click-take-action"]]
+      [a, ["TopNav", "click-take-action"]]
     ]),
-    E(f, {
+    w(M, {
       "ref-name": "aboutUsLink",
       "data-testid": "header-about",
       "base-class": "tw-hidden md:tw-inline-flex tw-py-1",
       "menu-component": e.KvHeaderAboutMenu,
-      "open-menu-item": a.openMenuItem,
+      "open-menu-item": o.openMenuItem,
       "dropdown-icon": e.mdiChevronDown,
       "send-link-position": "",
       onOnHover: e.handleOnHover,
-      onMouseleave: n[6] || (n[6] = (o) => e.handleMouseOut("aboutUsLink")),
+      onMouseleave: n[6] || (n[6] = (l) => e.handleMouseOut("aboutUsLink")),
       onUserTap: e.handleTouchStart
     }, {
-      default: N(() => n[13] || (n[13] = [
-        k(" About ")
+      default: E(() => n[13] || (n[13] = [
+        b(" About ")
       ])),
       _: 1
     }, 8, ["menu-component", "open-menu-item", "dropdown-icon", "onOnHover", "onUserTap"]),
-    n[17] || (n[17] = b("div", { class: "tw-flex-1 tw-h-full" }, null, -1)),
-    a.loggedIn ? c((i(), M("a", {
+    n[17] || (n[17] = L("div", { class: "tw-flex-1 tw-h-full" }, null, -1)),
+    o.loggedIn ? f((d(), v("a", {
       key: 0,
       ref: "dashboardLink",
-      href: a.myDashboardUrl,
-      class: A(["header-link tw-hidden md:tw-block", { "tw-text-tertiary": !!a.openMenuItem }])
+      href: o.myDashboardUrl,
+      class: A(["header-link tw-hidden md:tw-block", { "tw-text-tertiary": !!o.openMenuItem }])
     }, n[14] || (n[14] = [
-      k(" My dashboard ")
-    ]), 10, ye)), [
-      [u, ["TopNav", "click-Dashboard"]]
-    ]) : V("", !0),
-    c((i(), M("a", {
+      b(" My dashboard ")
+    ]), 10, Be)), [
+      [a, ["TopNav", "click-Dashboard"]]
+    ]) : z("", !0),
+    f((d(), v("a", {
       ref: "basketLink",
       href: "/basket",
-      class: A(["header-link tw-relative md:!tw-mr-0 tw-flex tw-items-center tw-gap-0.5", { "tw-text-tertiary": !!a.openMenuItem }]),
-      style: { "margin-right": "2px" },
+      class: A(["header-link tw-relative md:!tw-mr-0 tw-flex tw-items-center tw-gap-0.5", { "tw-text-tertiary": !!o.openMenuItem }]),
+      style: N([o.isBasketDataLoading ? {
+        display: "var(--basket-display, flex)"
+      } : void 0, { "margin-right": "2px" }]),
       "data-testid": "header-basket"
     }, [
-      E(U, {
+      w(B, {
         class: "tw-w-3 tw-h-3 md:tw-w-3.5 md:tw-h-3.5 tw-pointer-events-none tw-text-action",
-        count: a.basketCount
+        count: o.isBasketDataLoading ? 0 : o.basketCount
       }, null, 8, ["count"]),
-      n[15] || (n[15] = b("span", { class: "tw-hidden md:tw-block" }, "Basket", -1))
-    ], 2)), [
-      [R, a.basketCount > 0],
-      [u, ["TopNav", "click-Basket"]]
+      n[15] || (n[15] = L("span", { class: "tw-hidden md:tw-block" }, "Basket", -1))
+    ], 6)), [
+      [W, o.isBasketDataLoading ? !0 : o.basketCount > 0],
+      [a, ["TopNav", "click-Basket"]]
     ]),
-    b("div", {
+    L("div", {
       class: "md:tw-py-1",
-      onMouseenter: n[7] || (n[7] = (o) => e.handleOnHover(e.AVATAR_MENU_ID, e.KvHeaderMyKivaMenu, e.getAvatarMenuPosition())),
-      onMouseleave: n[8] || (n[8] = (o) => e.handleMouseOut(e.AVATAR_MENU_ID)),
-      onTouchstart: n[9] || (n[9] = B((o) => e.handleTouchStart(e.AVATAR_MENU_ID), ["stop"]))
+      onMouseenter: n[7] || (n[7] = (l) => e.handleOnHover(e.AVATAR_MENU_ID, e.KvHeaderMyKivaMenu, e.getAvatarMenuPosition())),
+      onMouseleave: n[8] || (n[8] = (l) => e.handleMouseOut(e.AVATAR_MENU_ID)),
+      onTouchstart: n[9] || (n[9] = K((l) => e.handleTouchStart(e.AVATAR_MENU_ID), ["stop"]))
     }, [
-      c(b("div", Ie, [
-        e.isLegacyPlaceholderAvatar(e.avatarFilename) || !e.avatarFilename ? (i(), y(g, {
-          key: 0,
+      f(L("div", Ie, [
+        w(y, {
           icon: e.mdiAccountCircle,
-          class: "tw-w-3"
-        }, null, 8, ["icon"])) : (i(), y(H, {
-          key: 1,
-          class: "avatar",
-          "lender-name": a.lenderName,
-          "lender-image-url": a.lenderImageUrl,
+          class: "tw-w-3",
+          style: N(o.isUserDataLoading ? {
+            display: "var(--user-avatar-legacy-display, inline-block)"
+          } : {
+            display: e.isDefaultProfilePic ? "inline-block" : "none"
+          })
+        }, null, 8, ["icon", "style"]),
+        w(I, {
+          class: "tw-w-3 tw-h-3",
+          "lender-name": o.lenderName,
+          "lender-image-url": o.lenderImageUrl,
+          style: N(o.isUserDataLoading ? {
+            display: "var(--user-avatar-display, inline-block)"
+          } : {
+            display: e.isDefaultProfilePic ? "none" : "inline-block"
+          }),
+          "show-css-placeholder": o.isUserDataLoading,
           "is-small": ""
-        }, null, 8, ["lender-name", "lender-image-url"])),
-        b("span", Ue, te(e.numeral(e.roundedBalance).format("$0")), 1)
+        }, null, 8, ["lender-name", "lender-image-url", "style", "show-css-placeholder"]),
+        o.isUserDataLoading ? (d(), v("div", He, [
+          w(H)
+        ])) : (d(), v("span", De, le(e.numeral(e.roundedBalance).format("$0")), 1))
       ], 512), [
-        [R, a.loggedIn]
+        [W, o.loggedIn]
       ])
     ], 32),
-    a.loggedIn ? V("", !0) : c((i(), M("a", {
+    o.loggedIn ? z("", !0) : f((d(), v("a", {
       key: 1,
       ref: "signInLink",
-      href: a.loginUrl,
-      class: A(["header-link", { "tw-text-tertiary": !!a.openMenuItem }])
+      href: o.loginUrl,
+      class: A(["header-link", { "tw-text-tertiary": !!o.openMenuItem }])
     }, n[16] || (n[16] = [
-      k(" Sign in ")
-    ]), 10, He)), [
-      [u, ["TopNav", "click-Sign-in"]]
+      b(" Sign in ")
+    ]), 10, Ke)), [
+      [a, ["TopNav", "click-Sign-in"]]
     ])
   ], 32);
 }
-const Fe = /* @__PURE__ */ fe(Ae, [["render", Le], ["__scopeId", "data-v-d30fd983"]]);
+const Ge = /* @__PURE__ */ ge(Ue, [["render", Ee], ["__scopeId", "data-v-c31f1fca"]]);
 export {
-  Fe as default
+  Ge as default
 };

package/dist/vue/KvWwwHeader.css

@@ -1 +1 @@
-.header-fade-enter-active[data-v-7732c044]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.header-fade-leave-active[data-v-7732c044]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s}.header-fade-enter[data-v-7732c044],.header-fade-leave-to[data-v-7732c044]{opacity:0}.header-fade-leave[data-v-7732c044],.header-fade-enter-to[data-v-7732c044]{opacity:1}.bg-opacity-50[data-v-7732c044]{background-color:rgba(var(--bg-action-highlight),.5)}
+.header-fade-enter-active[data-v-137228da]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.header-fade-leave-active[data-v-137228da]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s}.header-fade-enter[data-v-137228da],.header-fade-leave-to[data-v-137228da]{opacity:0}.header-fade-leave[data-v-137228da],.header-fade-enter-to[data-v-137228da]{opacity:1}.bg-opacity-50[data-v-137228da]{background-color:rgba(var(--bg-action-highlight),.5)}