@kiva/kv-shop 3.8.25 → 3.8.26
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/kv-components/dist/utils/headerNavLinks.js +10 -0
- package/dist/kv-components/dist/vue/KvWwwHeaderBasic/KvWwwHeaderBasic.css +1 -1
- package/dist/kv-components/dist/vue/KvWwwHeaderBasic/LinkBar.css +1 -1
- package/dist/kv-components/dist/vue/KvWwwHeaderBasic/MobileMenu.css +1 -1
- package/dist/kv-components/dist/vue/KvWwwHeaderBasic/MobileMenu.js +37 -31
- package/dist/kv-components/dist/vue/KvWwwHeaderBasic/MobileMenu2.js +17 -7
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
.header-fade-enter-active[data-v-
|
|
1
|
+
.header-fade-enter-active[data-v-919788a4]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.header-fade-leave-active[data-v-919788a4]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s}.header-fade-enter[data-v-919788a4],.header-fade-leave-to[data-v-919788a4]{opacity:0}.header-fade-leave[data-v-919788a4],.header-fade-enter-to[data-v-919788a4]{opacity:1}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.link-bar[data-v-
|
|
1
|
+
.link-bar[data-v-567c0b22]{display:flex;align-items:center;gap:.5rem}.link-bar__logo[data-v-567c0b22]{position:absolute;top:50%;left:50%;--tw-translate-x: -50%;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}@media(min-width:45.875rem){.link-bar[data-v-567c0b22]{display:grid;-moz-column-gap:1rem;column-gap:1rem;grid-template-areas:"logo lend right" "search search search";grid-template-columns:1fr auto auto;grid-template-rows:4rem auto;row-gap:.5rem}.link-bar__logo[data-v-567c0b22]{position:static;--tw-translate-x: 0;--tw-translate-y: 0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));grid-area:logo;justify-self:start}.link-bar__lend[data-v-567c0b22]{grid-area:lend}.link-bar__search[data-v-567c0b22]{grid-area:search;margin-bottom:.5rem}.link-bar__right[data-v-567c0b22]{grid-area:right;align-self:stretch}}@media(min-width:64rem){.link-bar[data-v-567c0b22]{-moz-column-gap:1.25rem;column-gap:1.25rem;grid-template-areas:"logo lend search right";grid-template-columns:auto auto 1fr auto;grid-template-rows:4rem}.link-bar__search[data-v-567c0b22]{margin-bottom:0}}@media(min-width:45.875rem){.link-bar--major-gifts[data-v-567c0b22]{grid-template-areas:"logo lend majorgifts right" "search search search";grid-template-columns:1fr auto auto auto}}@media(min-width:64rem){.link-bar--major-gifts[data-v-567c0b22]{grid-template-areas:"logo lend majorgifts search right";grid-template-columns:auto auto auto 1fr auto}}.link-bar__major-gifts[data-v-567c0b22]{grid-area:majorgifts}.major-gifts-enter-active[data-v-567c0b22]{overflow:hidden;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1)}.major-gifts-enter-from[data-v-567c0b22]{opacity:0;max-width:0}.major-gifts-enter-to[data-v-567c0b22]{opacity:1;max-width:12rem}.header-link[data-v-567c0b22]{cursor:pointer;padding-top:1rem;padding-bottom:1rem;--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.header-link[data-v-567c0b22]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:none}.menu-trigger[data-v-567c0b22]{border:0;background:none;font:inherit;cursor:pointer}.backdrop[data-v-567c0b22]{position:absolute;z-index:1300;top:var(--nav-height, 4rem);inset-inline:0;height:0;background-color:rgba(var(--bg-action-highlight),.5);visibility:hidden;opacity:0;transition:opacity var(--menu-close-fade) ease var(--menu-open-delay),visibility 0s calc(var(--menu-open-delay) + var(--menu-close-fade)),height 0s calc(var(--menu-open-delay) + var(--menu-close-fade))}.link-bar:has(.menu-group>[aria-expanded=true])>.backdrop[data-v-567c0b22],.link-bar[data-pointer=mouse]:has(.menu-group:hover)>.backdrop[data-v-567c0b22]{visibility:visible;opacity:1;height:100vh;transition:opacity .3s ease var(--menu-open-delay),visibility 0s var(--menu-open-delay),height 0s var(--menu-open-delay)}.chevron[data-v-567c0b22]{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.menu-group:has(>[aria-expanded=true]) .chevron[data-v-567c0b22],[data-pointer=mouse] .menu-group:hover .chevron[data-v-567c0b22]{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.link-bar__basket-count-loader[data-v-567c0b22]{width:1.5ch;height:1.375em;height:1lh}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.mobile-link[data-v-
|
|
1
|
+
.mobile-link[data-v-25fdcfb3]{--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.mobile-link[data-v-25fdcfb3]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:underline}#header-basic-mobile-about-container[data-v-25fdcfb3] button{padding-top:0;padding-bottom:0}#header-basic-mobile-about-container[data-v-25fdcfb3] nav{padding-bottom:0}.about-accordion[data-v-25fdcfb3] nav{margin-top:.75rem}.about-accordion[data-v-25fdcfb3] nav a{margin-left:1rem}
|
|
@@ -1,53 +1,59 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { resolveComponent as
|
|
1
|
+
import u from "./MobileMenu2.js";
|
|
2
|
+
import { resolveComponent as n, openBlock as r, createElementBlock as a, createVNode as c, withCtx as s, createElementVNode as o, toDisplayString as w, createCommentVNode as f } from "vue";
|
|
3
3
|
import "./MobileMenu.css";
|
|
4
|
-
import
|
|
5
|
-
const
|
|
4
|
+
import d from "../../_virtual/_plugin-vue_export-helper.js";
|
|
5
|
+
const p = {
|
|
6
6
|
id: "header-basic-mobile-about-container",
|
|
7
7
|
class: "tw-flex tw-flex-col tw-items-stretch tw-font-medium tw-p-2.5 md:tw-hidden"
|
|
8
|
-
},
|
|
8
|
+
}, b = {
|
|
9
9
|
"aria-label": "Mobile menu",
|
|
10
|
-
class: "tw-flex tw-flex-col tw-gap-
|
|
11
|
-
};
|
|
12
|
-
function
|
|
13
|
-
const
|
|
14
|
-
return
|
|
15
|
-
|
|
10
|
+
class: "tw-flex tw-flex-col tw-gap-3 tw-pt-2.5"
|
|
11
|
+
}, h = ["href"];
|
|
12
|
+
function C(x, e, l, t, g, v) {
|
|
13
|
+
const k = n("about-menu"), m = n("kv-accordion-item");
|
|
14
|
+
return r(), a("div", p, [
|
|
15
|
+
c(m, {
|
|
16
16
|
id: "kv-www-header-basic-about",
|
|
17
|
-
class: "tw-w-full tw-border-b-0",
|
|
18
|
-
onToggle:
|
|
17
|
+
class: "about-accordion tw-w-full tw-border-b-0",
|
|
18
|
+
onToggle: t.onAboutToggle
|
|
19
19
|
}, {
|
|
20
|
-
header:
|
|
21
|
-
|
|
20
|
+
header: s(() => e[4] || (e[4] = [
|
|
21
|
+
o("span", { class: "tw-text-title tw-pb-0.5" }, " About ", -1)
|
|
22
22
|
])),
|
|
23
|
-
default:
|
|
24
|
-
|
|
23
|
+
default: s(() => [
|
|
24
|
+
c(k, {
|
|
25
25
|
"is-mobile": "",
|
|
26
|
-
onClosingMenu:
|
|
26
|
+
onClosingMenu: t.onClose
|
|
27
27
|
}, null, 8, ["onClosingMenu"])
|
|
28
28
|
]),
|
|
29
29
|
_: 1
|
|
30
30
|
}, 8, ["onToggle"]),
|
|
31
|
-
|
|
32
|
-
|
|
31
|
+
o("nav", b, [
|
|
32
|
+
o("a", {
|
|
33
33
|
href: "/about/partner-with-us",
|
|
34
|
-
class: "mobile-link",
|
|
35
|
-
onClick: e[0] || (e[0] = (
|
|
34
|
+
class: "mobile-link tw-text-title",
|
|
35
|
+
onClick: e[0] || (e[0] = (i) => t.onLinkClick("click-Partner"))
|
|
36
36
|
}, "Partner with us"),
|
|
37
|
-
|
|
37
|
+
o("a", {
|
|
38
38
|
href: "/donate/supportus",
|
|
39
|
-
class: "mobile-link",
|
|
40
|
-
onClick: e[1] || (e[1] = (
|
|
41
|
-
}, "Support Kiva"),
|
|
42
|
-
|
|
39
|
+
class: "mobile-link tw-text-title",
|
|
40
|
+
onClick: e[1] || (e[1] = (i) => t.onLinkClick("click-Support-Kiva"))
|
|
41
|
+
}, w(l.showMajorGiftsExp ? "Give" : "Support Kiva"), 1),
|
|
42
|
+
l.showMajorGiftsExp ? (r(), a("a", {
|
|
43
|
+
key: 0,
|
|
44
|
+
href: t.majorGiftsLink.href,
|
|
45
|
+
class: "mobile-link tw-text-title",
|
|
46
|
+
onClick: e[2] || (e[2] = (i) => t.onLinkClick(t.majorGiftsLink.track[1]))
|
|
47
|
+
}, w(t.majorGiftsLink.label), 9, h)) : f("", !0),
|
|
48
|
+
o("a", {
|
|
43
49
|
href: "/borrow",
|
|
44
|
-
class: "mobile-link",
|
|
45
|
-
onClick: e[
|
|
50
|
+
class: "mobile-link tw-text-title",
|
|
51
|
+
onClick: e[3] || (e[3] = (i) => t.onLinkClick("click-Borrow"))
|
|
46
52
|
}, "Borrow")
|
|
47
53
|
])
|
|
48
54
|
]);
|
|
49
55
|
}
|
|
50
|
-
const
|
|
56
|
+
const B = /* @__PURE__ */ d(u, [["render", C], ["__scopeId", "data-v-25fdcfb3"]]);
|
|
51
57
|
export {
|
|
52
|
-
|
|
58
|
+
B as default
|
|
53
59
|
};
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { inject as u } from "vue";
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
|
|
2
|
+
import r from "../KvAccordionItem.js";
|
|
3
|
+
import { MAJOR_GIFTS_LINK as a } from "../../utils/headerNavLinks.js";
|
|
4
|
+
import s from "./AboutMenu.js";
|
|
5
|
+
const d = {
|
|
5
6
|
name: "MobileMenu",
|
|
6
|
-
components: { KvAccordionItem:
|
|
7
|
+
components: { KvAccordionItem: r, AboutMenu: s },
|
|
7
8
|
props: {
|
|
8
9
|
loggedIn: {
|
|
9
10
|
type: Boolean,
|
|
@@ -16,10 +17,14 @@ const f = {
|
|
|
16
17
|
isMobile: {
|
|
17
18
|
type: Boolean,
|
|
18
19
|
default: !1
|
|
20
|
+
},
|
|
21
|
+
showMajorGiftsExp: {
|
|
22
|
+
type: Boolean,
|
|
23
|
+
default: !1
|
|
19
24
|
}
|
|
20
25
|
},
|
|
21
26
|
emits: ["closing-menu"],
|
|
22
|
-
setup(
|
|
27
|
+
setup(f, { emit: e }) {
|
|
23
28
|
const n = u("$kvTrackEvent", () => {
|
|
24
29
|
});
|
|
25
30
|
function t() {
|
|
@@ -31,9 +36,14 @@ const f = {
|
|
|
31
36
|
function l(o) {
|
|
32
37
|
n("TopNav", o), e("closing-menu");
|
|
33
38
|
}
|
|
34
|
-
return {
|
|
39
|
+
return {
|
|
40
|
+
majorGiftsLink: a,
|
|
41
|
+
onClose: t,
|
|
42
|
+
onAboutToggle: i,
|
|
43
|
+
onLinkClick: l
|
|
44
|
+
};
|
|
35
45
|
}
|
|
36
46
|
};
|
|
37
47
|
export {
|
|
38
|
-
|
|
48
|
+
d as default
|
|
39
49
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kiva/kv-shop",
|
|
3
|
-
"version": "3.8.
|
|
3
|
+
"version": "3.8.26",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
"devDependencies": {
|
|
35
35
|
"@apollo/client": "^3.13.1",
|
|
36
36
|
"@kiva/kv-analytics": "^1.4.0",
|
|
37
|
-
"@kiva/kv-components": "^10.
|
|
37
|
+
"@kiva/kv-components": "^10.1.0",
|
|
38
38
|
"@kiva/vite-plugin-vue-lib-css": "^2.0.0",
|
|
39
39
|
"@types/braintree-web-drop-in": "^1.39.3",
|
|
40
40
|
"braintree-web-drop-in": "^1.44.1",
|
|
@@ -49,5 +49,5 @@
|
|
|
49
49
|
"numeral": "2.x",
|
|
50
50
|
"vue": "3.x"
|
|
51
51
|
},
|
|
52
|
-
"gitHead": "
|
|
52
|
+
"gitHead": "4e44805e54041df4d0b3e5a0eb5d1ae377c670c5"
|
|
53
53
|
}
|