@kiva/kv-shop 3.8.21 → 3.8.23

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.
@@ -1,17 +1,17 @@
1
1
  import { gql as s } from "@apollo/client/core";
2
- import { toRefs as I, ref as r, computed as g, onMounted as w } from "vue";
3
- import A from "./KvLendListMenu.js";
4
- import N from "./KvLendMegaMenu.js";
2
+ import { toRefs as q, ref as n, computed as f, onMounted as w } from "vue";
3
+ import I from "./KvLendListMenu.js";
4
+ import A from "./KvLendMegaMenu.js";
5
5
  import O from "../../KvWwwHeaderBasic/MobileLendMenu/MobileLendMenu.js";
6
- import { indexIn as x } from "../../../utils/comparators.js";
7
- import { groupBy as B, sortBy as h } from "../../../utils/arrayUtils.js";
8
- import F from "../../KvPageContainer.js";
9
- const J = {
6
+ import { indexIn as N } from "../../../utils/comparators.js";
7
+ import { groupBy as x, sortBy as g } from "../../../utils/arrayUtils.js";
8
+ import B from "../../KvPageContainer.js";
9
+ const k = {
10
10
  components: {
11
- KvLendListMenu: A,
12
- KvLendMegaMenu: N,
11
+ KvLendListMenu: I,
12
+ KvLendMegaMenu: A,
13
13
  MobileLendMenu: O,
14
- KvPageContainer: F
14
+ KvPageContainer: B
15
15
  },
16
16
  props: {
17
17
  userId: {
@@ -52,10 +52,10 @@ const J = {
52
52
  }
53
53
  },
54
54
  emits: ["load-lend-menu-data", "load-search-data", "search-submit"],
55
- setup(C, { emit: M }) {
55
+ setup(M, { emit: b }) {
56
56
  const {
57
57
  userId: i
58
- } = I(C), d = r([]), c = r([]), m = r(0), v = r([]), b = [
58
+ } = q(M), d = n([]), c = n([]), m = n(0), v = n([]), h = [
59
59
  "North America",
60
60
  "Central America",
61
61
  "South America",
@@ -64,9 +64,9 @@ const J = {
64
64
  "Middle East",
65
65
  "Asia",
66
66
  "Oceania"
67
- ], p = r(!0), y = r(!0), L = async (o) => {
68
- var t, a, n, l;
69
- if (o.watchQuery({
67
+ ], p = n(!0), y = n(!0), C = async (r) => {
68
+ var t, a, o, l;
69
+ if (r.watchQuery({
70
70
  query: s`query countryFacets {
71
71
  lend {
72
72
  countryFacets {
@@ -85,27 +85,28 @@ const J = {
85
85
  var u;
86
86
  c.value = ((u = e == null ? void 0 : e.lend) == null ? void 0 : u.countryFacets) ?? [], p.value = !1;
87
87
  }
88
- }), o.watchQuery({
88
+ }), r.watchQuery({
89
89
  query: s`
90
90
  query lendMenuData {
91
- lend {
92
- loanChannels(popular: true, applyMinLoanCount: true, limit: 50) {
93
- values {
94
- id
95
- name
96
- url
97
- }
91
+ browsingCategories(
92
+ filters: { popularOnly: true, applyMinimumLoanCount: true }
93
+ limit: 50
94
+ ) {
95
+ values {
96
+ id
97
+ name
98
+ url
98
99
  }
99
100
  }
100
101
  }
101
102
  `
102
103
  }).subscribe({
103
104
  next: ({ data: e }) => {
104
- var u, f;
105
- d.value = ((f = (u = e == null ? void 0 : e.lend) == null ? void 0 : u.loanChannels) == null ? void 0 : f.values) ?? [], y.value = !1;
105
+ var u;
106
+ d.value = ((u = e == null ? void 0 : e.browsingCategories) == null ? void 0 : u.values) ?? [], y.value = !1;
106
107
  }
107
108
  }), i.value) {
108
- const { data: e } = await o.query({
109
+ const { data: e } = await r.query({
109
110
  query: s`
110
111
  query lendMenuPrivateData($userId: Int!) {
111
112
  lend {
@@ -131,34 +132,34 @@ const J = {
131
132
  },
132
133
  fetchPolicy: "network-only"
133
134
  });
134
- m.value = ((a = (t = e == null ? void 0 : e.lend) == null ? void 0 : t.loans) == null ? void 0 : a.totalCount) ?? 0, v.value = ((l = (n = e == null ? void 0 : e.my) == null ? void 0 : n.savedSearches) == null ? void 0 : l.values) ?? [];
135
+ m.value = ((a = (t = e == null ? void 0 : e.lend) == null ? void 0 : t.loans) == null ? void 0 : a.totalCount) ?? 0, v.value = ((l = (o = e == null ? void 0 : e.my) == null ? void 0 : o.savedSearches) == null ? void 0 : l.values) ?? [];
135
136
  }
136
- }, S = g(() => {
137
- const o = c.value.map((n) => ({
138
- name: n.country.name,
139
- region: n.country.region,
140
- isoCode: n.country.isoCode.toLowerCase(),
141
- count: n.count || 0
142
- })), t = B(o, "region"), a = [];
143
- for (const [n, l] of Object.entries(t))
137
+ }, L = f(() => {
138
+ const r = c.value.map((o) => ({
139
+ name: o.country.name,
140
+ region: o.country.region,
141
+ isoCode: o.country.isoCode.toLowerCase(),
142
+ count: o.count || 0
143
+ })), t = x(r, "region"), a = [];
144
+ for (const [o, l] of Object.entries(t))
144
145
  a.push({
145
- name: n,
146
- countries: l.sort(h("name"))
146
+ name: o,
147
+ countries: l.sort(g("name"))
147
148
  });
148
- return a.sort(x(b, "name"));
149
- }), q = g(() => {
150
- var o;
151
- return ((o = d.value) == null ? void 0 : o.map((t) => {
149
+ return a.sort(N(h, "name"));
150
+ }), S = f(() => {
151
+ var r;
152
+ return ((r = d.value) == null ? void 0 : r.map((t) => {
152
153
  const a = JSON.parse(JSON.stringify(t));
153
154
  return a.url = a.url.replace("lend", "lend-by-category"), a;
154
- })).sort(h("name"));
155
+ })).sort(g("name"));
155
156
  });
156
157
  return w(() => {
157
- M("load-lend-menu-data");
158
+ b("load-lend-menu-data");
158
159
  }), {
159
- onLoad: L,
160
- regions: S,
161
- computedCategories: q,
160
+ onLoad: C,
161
+ regions: L,
162
+ computedCategories: S,
162
163
  isChannelsLoading: y,
163
164
  isRegionsLoading: p,
164
165
  savedSearches: v,
@@ -167,5 +168,5 @@ const J = {
167
168
  }
168
169
  };
169
170
  export {
170
- J as default
171
+ k as default
171
172
  };
@@ -0,0 +1 @@
1
+ @media(min-width:45.875rem){.menu-group[data-v-22583929]{align-self:stretch}.menu-group[data-v-22583929]:hover:after{content:"";position:absolute;top:4rem;height:calc(var(--nav-height, 4rem) - 4rem);left:calc(var(--trigger-gap-left, 0px) - var(--trigger-width, 0px) / 2);width:var(--trigger-width, 0px)}}.menu-panel[data-v-22583929]{position:absolute;z-index:1400;overflow-y:auto;--tw-bg-opacity: 1;background-color:rgba(var(--bg-primary),var(--tw-bg-opacity, 1));top:var(--nav-height, 4rem);max-height:0;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)),max-height 0s calc(var(--menu-open-delay) + var(--menu-close-fade)),min-height 0s calc(var(--menu-open-delay) + var(--menu-close-fade))}.menu-group:has(>[aria-expanded=true])>.menu-panel[data-v-22583929],[data-pointer=mouse] .menu-group:hover>.menu-panel[data-v-22583929]{visibility:visible;opacity:1;max-height:calc(100dvh - var(--nav-height, 4rem));transition:opacity .3s ease var(--menu-open-delay),visibility 0s var(--menu-open-delay),max-height 0s var(--menu-open-delay),min-height 0s var(--menu-open-delay)}.menu-panel--full[data-v-22583929],.menu-panel--drawer[data-v-22583929]{inset-inline:0}.menu-panel--card[data-v-22583929]{border-bottom-right-radius:1rem;border-bottom-left-radius:1rem;border-width:.0625rem;border-top-width:0px;--tw-border-opacity: 1;border-color:rgba(var(--border-tertiary),var(--tw-border-opacity, 1));right:var(--trigger-gap-right, 0px);translate:clamp(calc(100% - var(--trigger-gap-left, 0px)),50%,var(--trigger-gap-right, 0px)) 0;max-width:100%}.menu-panel--drawer[data-v-22583929]{border-radius:0}.menu-group:has(>[aria-expanded=true])>.menu-panel--drawer[data-v-22583929],[data-pointer=mouse] .menu-group:hover>.menu-panel--drawer[data-v-22583929]{max-height:none;min-height:100dvh}
@@ -1 +1 @@
1
- .header-fade-enter-active[data-v-ec338a13]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.header-fade-leave-active[data-v-ec338a13]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s}.header-fade-enter[data-v-ec338a13],.header-fade-leave-to[data-v-ec338a13]{opacity:0}.header-fade-leave[data-v-ec338a13],.header-fade-enter-to[data-v-ec338a13]{opacity:1}.bg-opacity-50[data-v-ec338a13]{background-color:rgba(var(--bg-action-highlight),.5)}
1
+ .header-fade-enter-active[data-v-25e697e2]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.header-fade-leave-active[data-v-25e697e2]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s}.header-fade-enter[data-v-25e697e2],.header-fade-leave-to[data-v-25e697e2]{opacity:0}.header-fade-leave[data-v-25e697e2],.header-fade-enter-to[data-v-25e697e2]{opacity:1}
@@ -1 +1 @@
1
- .link-bar[data-v-2b7a1e93]{display:flex;align-items:center;gap:.5rem}.link-bar__logo[data-v-2b7a1e93]{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-2b7a1e93]{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-2b7a1e93]{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-2b7a1e93]{grid-area:lend}.link-bar__search[data-v-2b7a1e93]{grid-area:search;margin-bottom:.5rem}.link-bar__right[data-v-2b7a1e93]{grid-area:right}}@media(min-width:64rem){.link-bar[data-v-2b7a1e93]{-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-2b7a1e93]{margin-bottom:0}}.header-link[data-v-2b7a1e93]{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-2b7a1e93]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:none}.link-bar__basket-count-loader[data-v-2b7a1e93]{width:1.5ch;height:1.375em;height:1lh}
1
+ .link-bar[data-v-816544c3]{display:flex;align-items:center;gap:.5rem}.link-bar__logo[data-v-816544c3]{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-816544c3]{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-816544c3]{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-816544c3]{grid-area:lend}.link-bar__search[data-v-816544c3]{grid-area:search;margin-bottom:.5rem}.link-bar__right[data-v-816544c3]{grid-area:right;align-self:stretch}}@media(min-width:64rem){.link-bar[data-v-816544c3]{-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-816544c3]{margin-bottom:0}}.header-link[data-v-816544c3]{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-816544c3]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:none}.menu-trigger[data-v-816544c3]{border:0;background:none;font:inherit;cursor:pointer}.backdrop[data-v-816544c3]{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-816544c3],.link-bar[data-pointer=mouse]:has(.menu-group:hover)>.backdrop[data-v-816544c3]{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-816544c3]{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.menu-group:has(>[aria-expanded=true]) .chevron[data-v-816544c3],[data-pointer=mouse] .menu-group:hover .chevron[data-v-816544c3]{--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-816544c3]{width:1.5ch;height:1.375em;height:1lh}
@@ -3,6 +3,7 @@ import "@mdi/js";
3
3
  import "numeral";
4
4
  /* empty css */
5
5
  /* empty css */
6
+ /* empty css */
6
7
  /* empty css */
7
8
  import "fuse.js";
8
9
  o(() => import("../KvWwwHeader/LendMenu/KvLendMenu.js"));
@@ -1,17 +1,18 @@
1
- import t from "./SearchPanel2.js";
2
- import { resolveComponent as i, openBlock as n, createBlock as c } from "vue";
3
- import m from "../../../_virtual/_plugin-vue_export-helper.js";
4
- function p(r, o, a, g, u, l) {
5
- const s = i("search-bar");
1
+ import i from "./SearchPanel2.js";
2
+ import { resolveComponent as t, openBlock as n, createBlock as c } from "vue";
3
+ import p from "../../../_virtual/_plugin-vue_export-helper.js";
4
+ function m(e, r, o, u, h, l) {
5
+ const s = t("search-bar");
6
6
  return n(), c(s, {
7
- "search-suggestions": a.searchSuggestions,
8
- "app-origin": a.appOrigin,
7
+ "search-suggestions": o.searchSuggestions,
8
+ "app-origin": o.appOrigin,
9
+ "input-id": "kv-www-header-basic-search-mobile",
9
10
  "is-mobile": "",
10
- onLoadSearchData: o[0] || (o[0] = (e) => r.$emit("load-search-data")),
11
- onSearchSubmit: o[1] || (o[1] = (e) => r.$emit("search-submit", e))
11
+ onLoadSearchData: r[0] || (r[0] = (a) => e.$emit("load-search-data")),
12
+ onSearchSubmit: r[1] || (r[1] = (a) => e.$emit("search-submit", a))
12
13
  }, null, 8, ["search-suggestions", "app-origin"]);
13
14
  }
14
- const f = /* @__PURE__ */ m(t, [["render", p]]);
15
+ const f = /* @__PURE__ */ p(i, [["render", m]]);
15
16
  export {
16
17
  f as default
17
18
  };
@@ -1,8 +1,8 @@
1
1
  import h from "./SearchBar2.js";
2
- import { resolveComponent as f, openBlock as r, createElementBlock as n, withModifiers as l, createElementVNode as o, createVNode as v, withKeys as u, withDirectives as y, normalizeClass as d, Fragment as p, renderList as w, toDisplayString as g, vShow as S } from "vue";
2
+ import { resolveComponent as f, openBlock as r, createElementBlock as n, withModifiers as l, createElementVNode as o, createVNode as v, withKeys as i, withDirectives as y, normalizeClass as p, Fragment as w, renderList as c, toDisplayString as g, vShow as S } from "vue";
3
3
  import k from "../../_virtual/_plugin-vue_export-helper.js";
4
4
  const M = ["for"], x = ["data-testid"], B = { class: "tw-text-base tw-py-0.5" }, I = ["data-testid", "onClick"], C = ["innerHTML"];
5
- function F(K, s, c, e, D, L) {
5
+ function D(F, s, u, e, K, L) {
6
6
  const m = f("kv-text-input");
7
7
  return r(), n("form", {
8
8
  class: "tw-relative",
@@ -10,11 +10,11 @@ function F(K, s, c, e, D, L) {
10
10
  onSubmit: s[1] || (s[1] = l((...t) => e.onSubmit && e.onSubmit(...t), ["prevent"]))
11
11
  }, [
12
12
  o("label", {
13
- for: e.inputId,
13
+ for: u.inputId,
14
14
  class: "tw-sr-only"
15
15
  }, "Search all loans", 8, M),
16
16
  v(m, {
17
- id: e.inputId,
17
+ id: u.inputId,
18
18
  type: "search",
19
19
  name: "queryString",
20
20
  "data-testid": "header-basic-search-input",
@@ -27,28 +27,28 @@ function F(K, s, c, e, D, L) {
27
27
  onFocus: e.onFocus,
28
28
  onBlur: e.onBlur,
29
29
  onKeydown: [
30
- u(l(e.listUp, ["prevent"]), ["up"]),
31
- u(l(e.listDown, ["prevent"]), ["down"]),
32
- u(l(e.onSubmit, ["prevent"]), ["enter"])
30
+ i(l(e.listUp, ["prevent"]), ["up"]),
31
+ i(l(e.listDown, ["prevent"]), ["down"]),
32
+ i(l(e.onSubmit, ["prevent"]), ["enter"])
33
33
  ]
34
34
  }, null, 8, ["id", "icon", "model-value", "onInput", "onFocus", "onBlur", "onKeydown"]),
35
35
  y(o("ol", {
36
- class: d(["tw-w-full tw-bg-primary tw-p-2.5 tw-border tw-border-tertiary tw-overflow-auto", c.isMobile ? "tw-mt-2" : "tw-absolute tw-z-popover tw-inset-x-0 md:tw-rounded-b"])
36
+ class: p(["tw-w-full tw-bg-primary tw-p-2.5 tw-border tw-border-tertiary tw-overflow-auto", u.isMobile ? "tw-mt-2" : "tw-absolute tw-z-popover tw-inset-x-0 md:tw-rounded-b"])
37
37
  }, [
38
- (r(!0), n(p, null, w(e.groupedResults, (t) => (r(), n("li", {
38
+ (r(!0), n(w, null, c(e.groupedResults, (t) => (r(), n("li", {
39
39
  key: t.group,
40
40
  "data-testid": `header-basic-search-results-${t.group}`
41
41
  }, [
42
42
  o("h2", B, g(t.group), 1),
43
43
  o("ol", null, [
44
- (r(!0), n(p, null, w(t.items, (a, b) => {
45
- var i;
44
+ (r(!0), n(w, null, c(t.items, (a, b) => {
45
+ var d;
46
46
  return r(), n("li", {
47
47
  key: a.label
48
48
  }, [
49
49
  o("button", {
50
50
  type: "button",
51
- class: d(["tw-w-full tw-text-left tw-pl-1.5 tw-py-0.5 tw-rounded-xs tw-font-medium tw-cursor-pointer hover:tw-bg-secondary hover:tw-underline", { "tw-bg-secondary tw-underline": a.label === ((i = e.highlighted) == null ? void 0 : i.label) }]),
51
+ class: p(["tw-w-full tw-text-left tw-pl-1.5 tw-py-0.5 tw-rounded-xs tw-font-medium tw-cursor-pointer hover:tw-bg-secondary hover:tw-underline", { "tw-bg-secondary tw-underline": a.label === ((d = e.highlighted) == null ? void 0 : d.label) }]),
52
52
  "data-testid": `header-basic-search-result-item-${t.group}-${b}`,
53
53
  onMousedown: s[0] || (s[0] = l(() => {
54
54
  }, ["prevent"])),
@@ -67,7 +67,7 @@ function F(K, s, c, e, D, L) {
67
67
  ])
68
68
  ], 32);
69
69
  }
70
- const z = /* @__PURE__ */ k(h, [["render", F]]);
70
+ const z = /* @__PURE__ */ k(h, [["render", D]]);
71
71
  export {
72
72
  z as default
73
73
  };
@@ -1,11 +1,11 @@
1
- import { inject as B, ref as m, toRef as h, computed as l } from "vue";
2
- import { mdiMagnify as A } from "@mdi/js";
3
- import K from "../KvTextInput.js";
4
- import O from "../../utils/markMatches.js";
5
- import { useTypeaheadSearch as j } from "../../utils/useTypeaheadSearch.js";
6
- const q = {
1
+ import { inject as x, ref as m, toRef as h, computed as l } from "vue";
2
+ import { mdiMagnify as B } from "@mdi/js";
3
+ import A from "../KvTextInput.js";
4
+ import D from "../../utils/markMatches.js";
5
+ import { useTypeaheadSearch as O } from "../../utils/useTypeaheadSearch.js";
6
+ const $ = {
7
7
  name: "SearchBar",
8
- components: { KvTextInput: K },
8
+ components: { KvTextInput: A },
9
9
  props: {
10
10
  searchSuggestions: {
11
11
  type: Array,
@@ -18,67 +18,73 @@ const q = {
18
18
  isMobile: {
19
19
  type: Boolean,
20
20
  default: !1
21
+ },
22
+ /**
23
+ * Id for the search input and its label's `for` attribute. Must be unique per instance.
24
+ */
25
+ inputId: {
26
+ type: String,
27
+ default: "kv-www-header-basic-search"
21
28
  }
22
29
  },
23
30
  emits: ["load-search-data", "search-submit"],
24
31
  setup(i, { emit: c }) {
25
- const v = B("$kvTrackEvent", () => {
26
- }), d = "kv-www-header-basic-search", n = m(!1), f = m(!1), {
32
+ const v = x("$kvTrackEvent", () => {
33
+ }), n = m(!1), f = m(!1), {
27
34
  term: t,
28
- groupedResults: o,
35
+ groupedResults: r,
29
36
  activeIndex: a,
30
- resolveSubmit: g
31
- } = j(h(i, "searchSuggestions"), h(i, "appOrigin")), r = l(() => o.value.flatMap((e) => e.items)), u = l(() => a.value > -1 ? r.value[a.value] : void 0), y = l(() => {
37
+ resolveSubmit: d
38
+ } = O(h(i, "searchSuggestions"), h(i, "appOrigin")), o = l(() => r.value.flatMap((e) => e.items)), u = l(() => a.value > -1 ? o.value[a.value] : void 0), g = l(() => {
32
39
  var e;
33
40
  return ((e = u.value) == null ? void 0 : e.label) ?? t.value;
34
- }), b = l(() => o.value.length > 0 && n.value);
41
+ }), y = l(() => r.value.length > 0 && n.value);
35
42
  function S(e) {
36
43
  t.value = e;
37
44
  }
38
- function w() {
45
+ function b() {
39
46
  n.value = !0, f.value || (c("load-search-data"), f.value = !0), v("search", "focus");
40
47
  }
41
- function I() {
48
+ function w() {
42
49
  n.value = !1, a.value = -1;
43
50
  }
44
51
  function s(e) {
45
- const p = g(e);
52
+ const p = d(e);
46
53
  v("search", "click", p.suggestion ? "type-ahead-search" : "custom-search-option"), c("search-submit", p);
47
54
  }
48
- function R(e) {
55
+ function I(e) {
49
56
  s(e);
50
57
  }
51
- function k() {
58
+ function R() {
52
59
  u.value ? s(u.value) : s(t.value);
53
60
  }
54
- function M() {
55
- a.value += 1, a.value >= r.value.length && (a.value = -1);
61
+ function k() {
62
+ a.value += 1, a.value >= o.value.length && (a.value = -1);
56
63
  }
57
- function T() {
58
- a.value === -1 && (a.value = r.value.length), a.value -= 1;
64
+ function M() {
65
+ a.value === -1 && (a.value = o.value.length), a.value -= 1;
59
66
  }
60
- function x(e) {
61
- return O(e.label, e.matches);
67
+ function T(e) {
68
+ return D(e.label, e.matches);
62
69
  }
63
70
  return {
64
- mdiMagnify: A,
65
- inputId: d,
71
+ mdiMagnify: B,
66
72
  term: t,
67
- displayTerm: y,
68
- groupedResults: o,
73
+ displayTerm: g,
74
+ groupedResults: r,
69
75
  highlighted: u,
70
- showResults: b,
76
+ showResults: y,
71
77
  onInput: S,
72
- onFocus: w,
73
- onBlur: I,
74
- onSubmit: k,
75
- runSearch: R,
76
- listUp: T,
77
- listDown: M,
78
- formatResult: x
78
+ onFocus: b,
79
+ onBlur: w,
80
+ onSubmit: R,
81
+ runSearch: I,
82
+ listUp: M,
83
+ listDown: k,
84
+ formatResult: T
79
85
  };
80
86
  }
81
87
  };
82
88
  export {
83
- q as default
89
+ $ as default
84
90
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kiva/kv-shop",
3
- "version": "3.8.21",
3
+ "version": "3.8.23",
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": "^9.0.3",
37
+ "@kiva/kv-components": "^9.1.1",
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": "34383a223296d1dd68ac2bdb3828ee89a2d7b23d"
52
+ "gitHead": "b8e2d2c7bb4a12f0151226fea982f696ab77856b"
53
53
  }