@kiva/kv-components 8.19.2 → 8.20.0
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/AGENTS.md +4 -0
- package/dist/data/ne_110m_admin_0_countries.json.js +1 -1
- package/dist/utils/Alea.js +2 -2
- package/dist/utils/mapUtils.js +5 -7
- package/dist/vendor/aria-hidden/dist/es2015/index.js +23 -23
- package/dist/vendor/popper.js/dist/esm/popper.js +6 -6
- package/dist/vue/KvAtbModal.css +1 -1
- package/dist/vue/KvCarousel.css +1 -1
- package/dist/vue/KvCarousel2.js +5 -5
- package/dist/vue/KvCartModal.css +1 -1
- package/dist/vue/KvCartModal2.js +7 -7
- package/dist/vue/KvCheckbox.js +3 -3
- package/dist/vue/KvClassicLoanCard.css +1 -1
- package/dist/vue/KvClassicLoanCard.js +2 -2
- package/dist/vue/KvClassicLoanCard.vue.d.ts +29 -12
- package/dist/vue/KvClassicLoanCard2.js +52 -46
- package/dist/vue/KvCommentsContainer2.js +7 -7
- package/dist/vue/KvCommentsListItem2.js +11 -11
- package/dist/vue/KvCompactLoanCard.css +1 -1
- package/dist/vue/KvCompactLoanCard.js +147 -147
- package/dist/vue/KvCompactLoanCard.vue.d.ts +11 -6
- package/dist/vue/KvCompactLoanCard2.js +15 -15
- package/dist/vue/KvContentfulImg.js +3 -3
- package/dist/vue/KvDatePicker.vue.d.ts +5 -2
- package/dist/vue/KvDatePicker2.js +9 -5
- package/dist/vue/KvExpandable2.js +3 -3
- package/dist/vue/KvExpandableQuestion2.js +3 -3
- package/dist/vue/KvFlag.js +5 -5
- package/dist/vue/KvIconButton.js +4 -4
- package/dist/vue/KvImageUpload.js +1 -1
- package/dist/vue/KvImageUpload2.js +3 -3
- package/dist/vue/KvIntroductionLoanCard.css +1 -1
- package/dist/vue/KvIntroductionLoanCard.js +11 -11
- package/dist/vue/KvIntroductionLoanCard.vue.d.ts +8 -4
- package/dist/vue/KvIntroductionLoanCard2.js +34 -31
- package/dist/vue/KvLendAmountButton.vue.d.ts +4 -2
- package/dist/vue/KvLendAmountButton2.js +3 -0
- package/dist/vue/KvLendCta.css +1 -1
- package/dist/vue/KvLendCta.js +9 -9
- package/dist/vue/KvLendCta.vue.d.ts +9 -4
- package/dist/vue/KvLendCta2.js +11 -7
- package/dist/vue/KvLightbox2.js +4 -4
- package/dist/vue/KvLoanActivities.js +4 -4
- package/dist/vue/KvLoanActivities.vue.d.ts +9 -4
- package/dist/vue/KvLoanActivities2.js +13 -13
- package/dist/vue/KvLoanBookmark.vue.d.ts +4 -2
- package/dist/vue/KvLoanBookmark2.js +8 -5
- package/dist/vue/KvLoanInfoCard.css +1 -1
- package/dist/vue/KvLoanInfoCard.js +2 -2
- package/dist/vue/KvLoanTag.js +9 -9
- package/dist/vue/KvLoanTag2.js +1 -1
- package/dist/vue/KvMap.vue.d.ts +4 -2
- package/dist/vue/KvMap2.js +9 -6
- package/dist/vue/KvPagination.vue.d.ts +4 -2
- package/dist/vue/KvPagination2.js +7 -4
- package/dist/vue/KvPieChartV2.css +1 -1
- package/dist/vue/KvPieChartV22.js +3 -3
- package/dist/vue/KvPopper2.js +4 -4
- package/dist/vue/KvRadio.js +1 -1
- package/dist/vue/KvSecondaryNav.js +25 -25
- package/dist/vue/KvSecondaryNav2.js +8 -8
- package/dist/vue/KvSelect.js +12 -12
- package/dist/vue/KvSideSheet.js +1 -1
- package/dist/vue/KvSideSheet2.js +3 -3
- package/dist/vue/KvSimpleMap.css +1 -1
- package/dist/vue/KvSimpleMap.js +2 -2
- package/dist/vue/KvSimpleMap2.js +1 -0
- package/dist/vue/KvSwitch.js +1 -1
- package/dist/vue/KvTabs.vue.d.ts +4 -2
- package/dist/vue/KvTabs2.js +17 -14
- package/dist/vue/KvTextInput.js +1 -1
- package/dist/vue/KvTextInput2.js +3 -3
- package/dist/vue/KvThemeProvider.css +1 -1
- package/dist/vue/KvTooltip.css +1 -1
- package/dist/vue/KvTooltip.js +7 -7
- package/dist/vue/KvTooltip2.js +22 -22
- package/dist/vue/KvTreeMapChart.css +1 -1
- package/dist/vue/KvVerticalCarousel2.js +5 -5
- package/dist/vue/KvVotingCard.css +1 -1
- package/dist/vue/KvVotingCard.js +11 -11
- package/dist/vue/KvVotingCard.vue.d.ts +5 -2
- package/dist/vue/KvVotingCard2.js +4 -0
- package/dist/vue/KvWideLoanCard.css +1 -1
- package/dist/vue/KvWideLoanCard.js +4 -4
- package/dist/vue/KvWideLoanCard.vue.d.ts +18 -8
- package/dist/vue/KvWideLoanCard2.js +39 -35
- package/dist/vue/KvWwwHeader/KvHeaderLinkBar.js +1 -1
- package/dist/vue/KvWwwHeader/KvHeaderLinkBar2.js +5 -5
- package/dist/vue/KvWwwHeader/KvHeaderTakeActionMenu.js +3 -3
- package/dist/vue/KvWwwHeader/LendMenu/KvLendListMenu.js +4 -4
- package/dist/vue/KvWwwHeader/LendMenu/KvLendMegaMenu.js +9 -9
- package/dist/vue/KvWwwHeader/LendMenu/KvLendMegaMenu2.js +3 -3
- package/dist/vue/KvWwwHeaderBasic/LinkBar.css +1 -1
- package/dist/vue/KvWwwHeaderBasic/LinkBar2.js +3 -3
- package/dist/vue/KvWwwHeaderBasic/MobileLendMenu/MobileLendMenu.css +1 -1
- package/dist/vue/KvWwwHeaderBasic/MobileLendMenu/MobileLendMenu.js +1 -1
- package/dist/vue/KvWwwHeaderBasic/SearchBar2.js +6 -6
- package/docs/code-connect.md +266 -0
- package/figma.config.json +6 -0
- package/package.json +6 -21
- package/tsconfig.json +2 -1
- package/vite.config.ts +3 -0
package/dist/utils/Alea.js
CHANGED
|
@@ -12,7 +12,7 @@ function c() {
|
|
|
12
12
|
return l.version = "Mash 0.9", l;
|
|
13
13
|
}
|
|
14
14
|
function h(...e) {
|
|
15
|
-
return function(l) {
|
|
15
|
+
return (function(l) {
|
|
16
16
|
let n = 0, o = 0, t = 0, u = 1;
|
|
17
17
|
l.length === 0 && (l = [+/* @__PURE__ */ new Date()]);
|
|
18
18
|
let r = c();
|
|
@@ -25,7 +25,7 @@ function h(...e) {
|
|
|
25
25
|
return n = o, o = t, t = i - (u = i | 0);
|
|
26
26
|
};
|
|
27
27
|
return f.version = "Alea 0.9", f.args = l, f;
|
|
28
|
-
}(e);
|
|
28
|
+
})(e);
|
|
29
29
|
}
|
|
30
30
|
export {
|
|
31
31
|
c as Mash,
|
package/dist/utils/mapUtils.js
CHANGED
|
@@ -87,10 +87,8 @@ function S(e, o, r) {
|
|
|
87
87
|
});
|
|
88
88
|
});
|
|
89
89
|
}
|
|
90
|
-
function
|
|
91
|
-
const r = {
|
|
92
|
-
type: "FeatureCollection"
|
|
93
|
-
};
|
|
90
|
+
function $(e, o) {
|
|
91
|
+
const r = {};
|
|
94
92
|
r.features = o.map((n) => ({
|
|
95
93
|
type: "Feature",
|
|
96
94
|
properties: {
|
|
@@ -107,7 +105,7 @@ function F(e, o) {
|
|
|
107
105
|
i.className = "map-marker", i.style.backgroundImage = `url(${n.properties.image})`, i.style.width = `${n.properties.iconSize[0]}px`, i.style.height = `${n.properties.iconSize[1]}px`, new maplibregl.Marker({ element: i }).setLngLat(n.geometry.coordinates).addTo(e);
|
|
108
106
|
});
|
|
109
107
|
}
|
|
110
|
-
function
|
|
108
|
+
function F(e, o) {
|
|
111
109
|
return new Promise((r) => {
|
|
112
110
|
const n = o.map((t) => t.location), i = n.length;
|
|
113
111
|
let a = 0;
|
|
@@ -183,10 +181,10 @@ const b = (e, o, r) => {
|
|
|
183
181
|
return Math.max(1, Math.min(s, 6));
|
|
184
182
|
};
|
|
185
183
|
export {
|
|
186
|
-
|
|
184
|
+
F as animationCoordinator,
|
|
187
185
|
j as computeMapCenter,
|
|
188
186
|
w as computeMapZoom,
|
|
189
|
-
|
|
187
|
+
$ as generateMapMarkers,
|
|
190
188
|
d as getCoordinatesBetween,
|
|
191
189
|
A as getCountryColor,
|
|
192
190
|
b as getLoansIntervals
|
|
@@ -6,44 +6,44 @@ var S = function(r) {
|
|
|
6
6
|
}, f = /* @__PURE__ */ new WeakMap(), v = /* @__PURE__ */ new WeakMap(), p = {}, h = 0, W = function(r) {
|
|
7
7
|
return r && (r.host || W(r.parentNode));
|
|
8
8
|
}, D = function(r, u) {
|
|
9
|
-
return u.map(function(
|
|
10
|
-
if (r.contains(
|
|
11
|
-
return
|
|
12
|
-
var n = W(
|
|
13
|
-
return n && r.contains(n) ? n : (console.error("aria-hidden",
|
|
14
|
-
}).filter(function(
|
|
15
|
-
return !!
|
|
9
|
+
return u.map(function(e) {
|
|
10
|
+
if (r.contains(e))
|
|
11
|
+
return e;
|
|
12
|
+
var n = W(e);
|
|
13
|
+
return n && r.contains(n) ? n : (console.error("aria-hidden", e, "in not contained inside", r, ". Doing nothing"), null);
|
|
14
|
+
}).filter(function(e) {
|
|
15
|
+
return !!e;
|
|
16
16
|
});
|
|
17
|
-
}, E = function(r, u,
|
|
17
|
+
}, E = function(r, u, e, n) {
|
|
18
18
|
var i = D(u, Array.isArray(r) ? r : [r]);
|
|
19
|
-
p[
|
|
20
|
-
var
|
|
21
|
-
!
|
|
19
|
+
p[e] || (p[e] = /* @__PURE__ */ new WeakMap());
|
|
20
|
+
var o = p[e], l = [], s = /* @__PURE__ */ new Set(), b = new Set(i), y = function(t) {
|
|
21
|
+
!t || s.has(t) || (s.add(t), y(t.parentNode));
|
|
22
22
|
};
|
|
23
23
|
i.forEach(y);
|
|
24
|
-
var A = function(
|
|
25
|
-
!
|
|
26
|
-
if (
|
|
24
|
+
var A = function(t) {
|
|
25
|
+
!t || b.has(t) || Array.prototype.forEach.call(t.children, function(a) {
|
|
26
|
+
if (s.has(a))
|
|
27
27
|
A(a);
|
|
28
28
|
else
|
|
29
29
|
try {
|
|
30
|
-
var c = a.getAttribute(n), w = c !== null && c !== "false", d = (f.get(a) || 0) + 1, M = (
|
|
31
|
-
f.set(a, d),
|
|
30
|
+
var c = a.getAttribute(n), w = c !== null && c !== "false", d = (f.get(a) || 0) + 1, M = (o.get(a) || 0) + 1;
|
|
31
|
+
f.set(a, d), o.set(a, M), l.push(a), d === 1 && w && v.set(a, !0), M === 1 && a.setAttribute(e, "true"), w || a.setAttribute(n, "true");
|
|
32
32
|
} catch (k) {
|
|
33
33
|
console.error("aria-hidden: cannot operate on ", a, k);
|
|
34
34
|
}
|
|
35
35
|
});
|
|
36
36
|
};
|
|
37
|
-
return A(u),
|
|
38
|
-
l.forEach(function(
|
|
39
|
-
var a = f.get(
|
|
40
|
-
f.set(
|
|
37
|
+
return A(u), s.clear(), h++, function() {
|
|
38
|
+
l.forEach(function(t) {
|
|
39
|
+
var a = f.get(t) - 1, c = o.get(t) - 1;
|
|
40
|
+
f.set(t, a), o.set(t, c), a || (v.has(t) || t.removeAttribute(n), v.delete(t)), c || t.removeAttribute(e);
|
|
41
41
|
}), h--, h || (f = /* @__PURE__ */ new WeakMap(), f = /* @__PURE__ */ new WeakMap(), v = /* @__PURE__ */ new WeakMap(), p = {});
|
|
42
42
|
};
|
|
43
|
-
}, C = function(r, u,
|
|
44
|
-
|
|
43
|
+
}, C = function(r, u, e) {
|
|
44
|
+
e === void 0 && (e = "data-aria-hidden");
|
|
45
45
|
var n = Array.from(Array.isArray(r) ? r : [r]), i = S(r);
|
|
46
|
-
return i ? (n.push.apply(n, Array.from(i.querySelectorAll("[aria-live]"))), E(n, i,
|
|
46
|
+
return i ? (n.push.apply(n, Array.from(i.querySelectorAll("[aria-live]"))), E(n, i, e, "aria-hidden")) : function() {
|
|
47
47
|
return null;
|
|
48
48
|
};
|
|
49
49
|
};
|
|
@@ -22,12 +22,12 @@
|
|
|
22
22
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
23
23
|
* SOFTWARE.
|
|
24
24
|
*/
|
|
25
|
-
var T = typeof window < "u" && typeof document < "u" && typeof navigator < "u", pe = function() {
|
|
25
|
+
var T = typeof window < "u" && typeof document < "u" && typeof navigator < "u", pe = (function() {
|
|
26
26
|
for (var e = ["Edge", "Trident", "Firefox"], t = 0; t < e.length; t += 1)
|
|
27
27
|
if (T && navigator.userAgent.indexOf(e[t]) >= 0)
|
|
28
28
|
return 1;
|
|
29
29
|
return 0;
|
|
30
|
-
}();
|
|
30
|
+
})();
|
|
31
31
|
function ce(e) {
|
|
32
32
|
var t = !1;
|
|
33
33
|
return function() {
|
|
@@ -133,7 +133,7 @@ function J(e) {
|
|
|
133
133
|
var be = function(e, t) {
|
|
134
134
|
if (!(e instanceof t))
|
|
135
135
|
throw new TypeError("Cannot call a class as a function");
|
|
136
|
-
}, we = /* @__PURE__ */ function() {
|
|
136
|
+
}, we = /* @__PURE__ */ (function() {
|
|
137
137
|
function e(t, r) {
|
|
138
138
|
for (var n = 0; n < r.length; n++) {
|
|
139
139
|
var o = r[n];
|
|
@@ -143,7 +143,7 @@ var be = function(e, t) {
|
|
|
143
143
|
return function(t, r, n) {
|
|
144
144
|
return r && e(t.prototype, r), n && e(t, n), t;
|
|
145
145
|
};
|
|
146
|
-
}(), L = function(e, t, r) {
|
|
146
|
+
})(), L = function(e, t, r) {
|
|
147
147
|
return t in e ? Object.defineProperty(e, t, {
|
|
148
148
|
value: r,
|
|
149
149
|
enumerable: !0,
|
|
@@ -963,7 +963,7 @@ var qe = {
|
|
|
963
963
|
* @prop {modifiers}
|
|
964
964
|
*/
|
|
965
965
|
modifiers: qe
|
|
966
|
-
}, U = function() {
|
|
966
|
+
}, U = (function() {
|
|
967
967
|
function e(t, r) {
|
|
968
968
|
var n = this, o = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
|
|
969
969
|
be(this, e), this.scheduleUpdate = function() {
|
|
@@ -1028,7 +1028,7 @@ var qe = {
|
|
|
1028
1028
|
* @memberof Popper
|
|
1029
1029
|
*/
|
|
1030
1030
|
}]), e;
|
|
1031
|
-
}();
|
|
1031
|
+
})();
|
|
1032
1032
|
U.Utils = (typeof window < "u" ? window : global).PopperUtils;
|
|
1033
1033
|
U.placements = ue;
|
|
1034
1034
|
U.Defaults = _e;
|
package/dist/vue/KvAtbModal.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@media
|
|
1
|
+
@media(min-width:45.875rem){.cart-modal[data-v-22f7aa1c] div.container{right:var(--modal-right)!important;top:var(--modal-top)!important}}
|
package/dist/vue/KvCarousel.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@media
|
|
1
|
+
@media(min-width:64rem){.aside-controls-content[data-v-c7500299]{width:82%}}.circle-slide[data-v-c7500299]{width:auto}.circle-slide.is-selected[data-v-c7500299]{opacity:1;transform:scale(1.2);max-width:300px}.circle-slide[data-v-c7500299]:not(.is-selected){opacity:.5;transform:scale(.7)}.circle-carousel[data-v-c7500299]{margin:0 auto}
|
package/dist/vue/KvCarousel2.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { mdiChevronRight as b, mdiChevronLeft as v, mdiArrowRight as x, mdiArrowLeft as B } from "@mdi/js";
|
|
2
2
|
import { carouselUtil as C } from "../utils/carousels.js";
|
|
3
3
|
import S from "./KvMaterialIcon.js";
|
|
4
4
|
const K = {
|
|
@@ -121,10 +121,10 @@ const K = {
|
|
|
121
121
|
handleUserInteraction: r,
|
|
122
122
|
isAriaHidden: s,
|
|
123
123
|
isAutoplaying: d,
|
|
124
|
-
mdiArrowLeft:
|
|
125
|
-
mdiArrowRight:
|
|
126
|
-
mdiChevronLeft:
|
|
127
|
-
mdiChevronRight:
|
|
124
|
+
mdiArrowLeft: B,
|
|
125
|
+
mdiArrowRight: x,
|
|
126
|
+
mdiChevronLeft: v,
|
|
127
|
+
mdiChevronRight: b,
|
|
128
128
|
nextIndex: u,
|
|
129
129
|
previousIndex: p,
|
|
130
130
|
reInit: f,
|
package/dist/vue/KvCartModal.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.screen[data-v-3fa0c68d]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1400;background-color:#0003}.modal[data-v-3fa0c68d]{width:100%;border-bottom-right-radius:1rem;border-bottom-left-radius:1rem;--tw-bg-opacity: 1;background-color:rgba(var(--bg-primary),var(--tw-bg-opacity, 1))}@media
|
|
1
|
+
.screen[data-v-3fa0c68d]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1400;background-color:#0003}.modal[data-v-3fa0c68d]{width:100%;border-bottom-right-radius:1rem;border-bottom-left-radius:1rem;--tw-bg-opacity: 1;background-color:rgba(var(--bg-primary),var(--tw-bg-opacity, 1))}@media(min-width:45.875rem){.modal[data-v-3fa0c68d]{position:absolute;right:0}}.modal[data-v-3fa0c68d]{max-height:90%}.container[data-v-3fa0c68d]{position:absolute;top:0;right:0;bottom:0;left:0}@media(min-width:45.875rem){.modal[data-v-3fa0c68d]{max-width:24.5rem}}
|
package/dist/vue/KvCartModal2.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { toRefs as E, ref as i, computed as v, watch as w, onMounted as B, onBeforeUnmount as M, nextTick as N } from "vue";
|
|
2
|
-
import {
|
|
2
|
+
import { mdiCheckCircle as x, mdiClose as F } from "@mdi/js";
|
|
3
3
|
import { useFocusTrap as I } from "@vueuse/integrations/useFocusTrap";
|
|
4
4
|
import { hideOthers as K } from "../vendor/aria-hidden/dist/es2015/index.js";
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
5
|
+
import { lockScroll as O, unlockScroll as P } from "../utils/scrollLock.js";
|
|
6
|
+
import { lockPrintSingleEl as A, unlockPrintSingleEl as L } from "../utils/printing.js";
|
|
7
7
|
import R from "./KvButton.js";
|
|
8
8
|
import U from "./KvMaterialIcon.js";
|
|
9
9
|
const H = {
|
|
@@ -61,7 +61,7 @@ const H = {
|
|
|
61
61
|
});
|
|
62
62
|
let r = null, u = null;
|
|
63
63
|
const e = (t = "") => {
|
|
64
|
-
c.value && o.value && (h(), o.value.scrollTop = 0,
|
|
64
|
+
c.value && o.value && (h(), o.value.scrollTop = 0, L(o.value)), P(), r && (r(), r = null), document.removeEventListener("keyup", u), f("cart-modal-closed", { type: t });
|
|
65
65
|
};
|
|
66
66
|
u = (t) => {
|
|
67
67
|
t && t.key === "Escape" && !n.value && e();
|
|
@@ -70,7 +70,7 @@ const H = {
|
|
|
70
70
|
n.value || e("background");
|
|
71
71
|
}, s = () => {
|
|
72
72
|
a.value && (document.addEventListener("keyup", u), N(() => {
|
|
73
|
-
c.value && o.value && (g(), r = K(c.value),
|
|
73
|
+
c.value && o.value && (g(), r = K(c.value), A(o.value)), O();
|
|
74
74
|
}));
|
|
75
75
|
}, T = (t) => {
|
|
76
76
|
e(t);
|
|
@@ -86,8 +86,8 @@ const H = {
|
|
|
86
86
|
}), B(() => {
|
|
87
87
|
a.value && (s(), m());
|
|
88
88
|
}), M(() => e()), {
|
|
89
|
-
mdiClose:
|
|
90
|
-
mdiCheckCircle:
|
|
89
|
+
mdiClose: F,
|
|
90
|
+
mdiCheckCircle: x,
|
|
91
91
|
onKeyUp: u,
|
|
92
92
|
onScreenClick: b,
|
|
93
93
|
hide: e,
|
package/dist/vue/KvCheckbox.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import s from "./KvCheckbox2.js";
|
|
2
|
-
import { resolveComponent as
|
|
2
|
+
import { resolveComponent as h, openBlock as i, createElementBlock as r, normalizeStyle as f, normalizeClass as o, createElementVNode as l, mergeProps as v, toHandlers as b, withModifiers as k, createCommentVNode as d, createBlock as m, renderSlot as C } from "vue";
|
|
3
3
|
import "./KvCheckbox.css";
|
|
4
4
|
import g from "../_virtual/_plugin-vue_export-helper.js";
|
|
5
5
|
const u = ["for"], x = ["id", "checked", "value", "disabled"], _ = {
|
|
@@ -10,10 +10,10 @@ const u = ["for"], x = ["id", "checked", "value", "disabled"], _ = {
|
|
|
10
10
|
xmlns: "http://www.w3.org/2000/svg"
|
|
11
11
|
}, y = { class: "tw-flex-1 peer-focus-visible:tw-ring-2 peer-focus-visible:tw-ring-action" };
|
|
12
12
|
function L(a, n, t, e, B, M) {
|
|
13
|
-
const c =
|
|
13
|
+
const c = h("KvMaterialIcon");
|
|
14
14
|
return i(), r("div", {
|
|
15
15
|
class: o(e.classes),
|
|
16
|
-
style:
|
|
16
|
+
style: f(e.styles)
|
|
17
17
|
}, [
|
|
18
18
|
l("label", {
|
|
19
19
|
class: o(["tw-inline-flex tw-items-center", [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.loan-card-use[data-v-
|
|
1
|
+
.loan-card-use[data-v-907918f9]:hover,.loan-card-use[data-v-907918f9]:focus{--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1))}.loan-card-active-hover:hover .loan-card-use[data-v-907918f9]{text-decoration-line:underline}.loan-card-progress[data-v-907918f9]:hover,.loan-card-progress[data-v-907918f9]:focus{text-decoration-line:none}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import D from "./KvClassicLoanCard2.js";
|
|
2
2
|
import { KV_CLASSIC_LOAN_CARD_FRAGMENT as ee, KV_CLASSIC_LOAN_CARD_USER_FRAGMET as te } from "./KvClassicLoanCard2.js";
|
|
3
|
-
import { resolveComponent as i, openBlock as o, createElementBlock as s,
|
|
3
|
+
import { resolveComponent as i, openBlock as o, createElementBlock as s, normalizeStyle as N, normalizeClass as r, createElementVNode as d, createBlock as n, resolveDynamicComponent as g, withCtx as v, createVNode as m, toDisplayString as b, createCommentVNode as w, Fragment as V, renderList as R } from "vue";
|
|
4
4
|
import "./KvClassicLoanCard.css";
|
|
5
5
|
import S from "../_virtual/_plugin-vue_export-helper.js";
|
|
6
6
|
const T = { class: "tw-grow" }, F = { class: "loan-card-active-hover" }, I = {
|
|
@@ -232,7 +232,7 @@ function O(u, a, e, t, q, c) {
|
|
|
232
232
|
])) : w("", !0)
|
|
233
233
|
], 6);
|
|
234
234
|
}
|
|
235
|
-
const Z = /* @__PURE__ */ S(D, [["render", O], ["__scopeId", "data-v-
|
|
235
|
+
const Z = /* @__PURE__ */ S(D, [["render", O], ["__scopeId", "data-v-907918f9"]]);
|
|
236
236
|
export {
|
|
237
237
|
ee as KV_CLASSIC_LOAN_CARD_FRAGMENT,
|
|
238
238
|
te as KV_CLASSIC_LOAN_CARD_USER_FRAGMET,
|
|
@@ -163,7 +163,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
163
163
|
}[];
|
|
164
164
|
lendersNumber(): any;
|
|
165
165
|
amountLent(): any;
|
|
166
|
-
}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin,
|
|
166
|
+
}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("add-to-basket" | "toggle-bookmark" | "jump-filter-page" | "remove-from-basket")[], "add-to-basket" | "toggle-bookmark" | "jump-filter-page" | "remove-from-basket", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
167
167
|
loanId: {
|
|
168
168
|
type: NumberConstructor;
|
|
169
169
|
default: any;
|
|
@@ -288,7 +288,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
288
288
|
type: BooleanConstructor;
|
|
289
289
|
default: boolean;
|
|
290
290
|
};
|
|
291
|
-
}>> & Readonly<{
|
|
291
|
+
}>> & Readonly<{
|
|
292
|
+
"onAdd-to-basket"?: (...args: any[]) => any;
|
|
293
|
+
"onToggle-bookmark"?: (...args: any[]) => any;
|
|
294
|
+
"onJump-filter-page"?: (...args: any[]) => any;
|
|
295
|
+
"onRemove-from-basket"?: (...args: any[]) => any;
|
|
296
|
+
}>, {
|
|
292
297
|
loan: Record<string, any>;
|
|
293
298
|
externalLinks: boolean;
|
|
294
299
|
customLoanDetails: boolean;
|
|
@@ -790,7 +795,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
790
795
|
clickPresetButton(selectedDollarAmount: any): void;
|
|
791
796
|
handleCheckout(): void;
|
|
792
797
|
isNarrowComponent(): boolean;
|
|
793
|
-
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin,
|
|
798
|
+
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("show-loan-details" | "add-to-basket")[], "show-loan-details" | "add-to-basket", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
794
799
|
loan: {
|
|
795
800
|
type: ObjectConstructor;
|
|
796
801
|
default: () => {};
|
|
@@ -887,7 +892,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
887
892
|
type: NumberConstructor;
|
|
888
893
|
default: number;
|
|
889
894
|
};
|
|
890
|
-
}>> & Readonly<{
|
|
895
|
+
}>> & Readonly<{
|
|
896
|
+
"onAdd-to-basket"?: (...args: any[]) => any;
|
|
897
|
+
"onShow-loan-details"?: (...args: any[]) => any;
|
|
898
|
+
}>, {
|
|
891
899
|
loan: Record<string, any>;
|
|
892
900
|
externalLinks: boolean;
|
|
893
901
|
customLoanDetails: boolean;
|
|
@@ -934,7 +942,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
934
942
|
buttonText(): string;
|
|
935
943
|
}, {
|
|
936
944
|
addToBasket(event: any): void;
|
|
937
|
-
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin,
|
|
945
|
+
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "add-to-basket"[], "add-to-basket", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
938
946
|
loanId: {
|
|
939
947
|
type: NumberConstructor;
|
|
940
948
|
default: any;
|
|
@@ -951,7 +959,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
951
959
|
type: BooleanConstructor;
|
|
952
960
|
default: boolean;
|
|
953
961
|
};
|
|
954
|
-
}>> & Readonly<{
|
|
962
|
+
}>> & Readonly<{
|
|
963
|
+
"onAdd-to-basket"?: (...args: any[]) => any;
|
|
964
|
+
}>, {
|
|
955
965
|
loanId: number;
|
|
956
966
|
showNow: boolean;
|
|
957
967
|
amountLeft: string | number;
|
|
@@ -1325,12 +1335,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
1325
1335
|
}>, {}, {
|
|
1326
1336
|
mdiBookmarkOutline: string;
|
|
1327
1337
|
mdiBookmark: string;
|
|
1328
|
-
}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin,
|
|
1338
|
+
}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "toggle-bookmark"[], "toggle-bookmark", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
1329
1339
|
isBookmarked: {
|
|
1330
1340
|
type: BooleanConstructor;
|
|
1331
1341
|
default: boolean;
|
|
1332
1342
|
};
|
|
1333
|
-
}>> & Readonly<{
|
|
1343
|
+
}>> & Readonly<{
|
|
1344
|
+
"onToggle-bookmark"?: (...args: any[]) => any;
|
|
1345
|
+
}>, {
|
|
1334
1346
|
isBookmarked: boolean;
|
|
1335
1347
|
}, {}, {
|
|
1336
1348
|
KvMaterialIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
@@ -1775,7 +1787,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
1775
1787
|
clickPresetButton(selectedDollarAmount: any): void;
|
|
1776
1788
|
handleCheckout(): void;
|
|
1777
1789
|
isNarrowComponent(): boolean;
|
|
1778
|
-
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin,
|
|
1790
|
+
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("show-loan-details" | "add-to-basket")[], "show-loan-details" | "add-to-basket", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
1779
1791
|
loan: {
|
|
1780
1792
|
type: ObjectConstructor;
|
|
1781
1793
|
default: () => {};
|
|
@@ -1872,7 +1884,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
1872
1884
|
type: NumberConstructor;
|
|
1873
1885
|
default: number;
|
|
1874
1886
|
};
|
|
1875
|
-
}>> & Readonly<{
|
|
1887
|
+
}>> & Readonly<{
|
|
1888
|
+
"onAdd-to-basket"?: (...args: any[]) => any;
|
|
1889
|
+
"onShow-loan-details"?: (...args: any[]) => any;
|
|
1890
|
+
}>, {
|
|
1876
1891
|
loan: Record<string, any>;
|
|
1877
1892
|
externalLinks: boolean;
|
|
1878
1893
|
customLoanDetails: boolean;
|
|
@@ -1919,7 +1934,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
1919
1934
|
buttonText(): string;
|
|
1920
1935
|
}, {
|
|
1921
1936
|
addToBasket(event: any): void;
|
|
1922
|
-
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin,
|
|
1937
|
+
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "add-to-basket"[], "add-to-basket", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
1923
1938
|
loanId: {
|
|
1924
1939
|
type: NumberConstructor;
|
|
1925
1940
|
default: any;
|
|
@@ -1936,7 +1951,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
1936
1951
|
type: BooleanConstructor;
|
|
1937
1952
|
default: boolean;
|
|
1938
1953
|
};
|
|
1939
|
-
}>> & Readonly<{
|
|
1954
|
+
}>> & Readonly<{
|
|
1955
|
+
"onAdd-to-basket"?: (...args: any[]) => any;
|
|
1956
|
+
}>, {
|
|
1940
1957
|
loanId: number;
|
|
1941
1958
|
showNow: boolean;
|
|
1942
1959
|
amountLeft: string | number;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import
|
|
1
|
+
import a from "graphql-tag";
|
|
2
2
|
import B from "numeral";
|
|
3
|
-
import { LOAN_CALLOUTS_FRAGMENT as S, LOAN_GEOCODE_FRAGMENT as T, LOAN_PROGRESS_FRAGMENT as M, loanCardComputedProperties as
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
3
|
+
import { LOAN_CALLOUTS_FRAGMENT as S, LOAN_GEOCODE_FRAGMENT as T, LOAN_PROGRESS_FRAGMENT as M, loanCardComputedProperties as k, loanCardMethods as F } from "../utils/loanCard.js";
|
|
4
|
+
import w from "./KvLoanUse.js";
|
|
5
|
+
import E from "./KvBorrowerImage.js";
|
|
6
|
+
import R from "./KvLoanProgressGroup.js";
|
|
7
|
+
import b from "./KvLoanCallouts.js";
|
|
8
|
+
import O from "./KvLendCta.js";
|
|
9
|
+
import G from "./KvLoanBookmark.js";
|
|
10
10
|
import D from "./KvLoanTag.js";
|
|
11
11
|
import P from "./KvMaterialIcon.js";
|
|
12
12
|
import I from "./KvLoadingPlaceholder.js";
|
|
@@ -16,8 +16,8 @@ import { KV_LEND_CTA_FRAGMENT as U, KV_LEND_CTA_USER_FRAGMENT as z } from "./KvL
|
|
|
16
16
|
import { KV_LOAN_ACTIVITIES_FRAGMENT as W } from "./KvLoanActivities2.js";
|
|
17
17
|
import { KV_LOAN_TAG_FRAGMENT as x } from "./KvLoanTag2.js";
|
|
18
18
|
import { KV_LOAN_USE_FRAGMENT as H } from "./KvLoanUse2.js";
|
|
19
|
-
import { KV_LOAN_BOOKMARK_FRAGMENT as
|
|
20
|
-
const pe =
|
|
19
|
+
import { KV_LOAN_BOOKMARK_FRAGMENT as j } from "./KvLoanBookmark2.js";
|
|
20
|
+
const pe = a`
|
|
21
21
|
fragment KvClassicLoanCard on LoanBasic {
|
|
22
22
|
id
|
|
23
23
|
gender
|
|
@@ -48,26 +48,26 @@ const pe = o`
|
|
|
48
48
|
${S}
|
|
49
49
|
${T}
|
|
50
50
|
${M}
|
|
51
|
-
`, ce =
|
|
51
|
+
`, ce = a`
|
|
52
52
|
fragment KvClassicLoanCardUser on LoanBasic {
|
|
53
53
|
id
|
|
54
54
|
...KvLendCtaUser
|
|
55
55
|
...KvLoanBookmark
|
|
56
56
|
}
|
|
57
57
|
${z}
|
|
58
|
-
${
|
|
58
|
+
${j}
|
|
59
59
|
`, Le = {
|
|
60
60
|
name: "KvClassicLoanCard",
|
|
61
61
|
components: {
|
|
62
|
-
KvBorrowerImage:
|
|
62
|
+
KvBorrowerImage: E,
|
|
63
63
|
KvLoadingPlaceholder: I,
|
|
64
|
-
KvLoanUse:
|
|
65
|
-
KvLoanProgressGroup:
|
|
64
|
+
KvLoanUse: w,
|
|
65
|
+
KvLoanProgressGroup: R,
|
|
66
66
|
KvMaterialIcon: P,
|
|
67
|
-
KvLendCta:
|
|
67
|
+
KvLendCta: O,
|
|
68
68
|
KvLoanTag: D,
|
|
69
|
-
KvLoanCallouts:
|
|
70
|
-
KvLoanBookmark:
|
|
69
|
+
KvLoanCallouts: b,
|
|
70
|
+
KvLoanBookmark: G,
|
|
71
71
|
KvLoanTeamPick: V,
|
|
72
72
|
KvLoanActivities: $
|
|
73
73
|
},
|
|
@@ -197,53 +197,59 @@ const pe = o`
|
|
|
197
197
|
default: !1
|
|
198
198
|
}
|
|
199
199
|
},
|
|
200
|
+
emits: [
|
|
201
|
+
"toggle-bookmark",
|
|
202
|
+
"jump-filter-page",
|
|
203
|
+
"add-to-basket",
|
|
204
|
+
"remove-from-basket"
|
|
205
|
+
],
|
|
200
206
|
setup(e, { emit: t }) {
|
|
201
207
|
const {
|
|
202
|
-
allDataLoaded:
|
|
208
|
+
allDataLoaded: o,
|
|
203
209
|
borrowerName: r,
|
|
204
210
|
city: n,
|
|
205
211
|
countryName: i,
|
|
206
212
|
distributionModel: l,
|
|
207
|
-
formattedLocation:
|
|
208
|
-
fundraisingPercent:
|
|
213
|
+
formattedLocation: s,
|
|
214
|
+
fundraisingPercent: d,
|
|
209
215
|
hasProgressData: u,
|
|
210
|
-
imageHash:
|
|
211
|
-
isLoading:
|
|
216
|
+
imageHash: m,
|
|
217
|
+
isLoading: f,
|
|
212
218
|
loanAmount: p,
|
|
213
219
|
loanBorrowerCount: c,
|
|
214
220
|
loanCallouts: L,
|
|
215
|
-
loanStatus:
|
|
216
|
-
loanUse:
|
|
217
|
-
mdiMapMarker:
|
|
218
|
-
readMorePath:
|
|
219
|
-
state:
|
|
220
|
-
tag:
|
|
221
|
-
unreservedAmount:
|
|
221
|
+
loanStatus: g,
|
|
222
|
+
loanUse: A,
|
|
223
|
+
mdiMapMarker: v,
|
|
224
|
+
readMorePath: y,
|
|
225
|
+
state: C,
|
|
226
|
+
tag: h,
|
|
227
|
+
unreservedAmount: _,
|
|
222
228
|
sharesAvailable: K
|
|
223
|
-
} =
|
|
229
|
+
} = k(e), {
|
|
224
230
|
clickReadMore: N
|
|
225
|
-
} =
|
|
231
|
+
} = F(e, t);
|
|
226
232
|
return {
|
|
227
|
-
allDataLoaded:
|
|
233
|
+
allDataLoaded: o,
|
|
228
234
|
borrowerName: r,
|
|
229
235
|
city: n,
|
|
230
236
|
countryName: i,
|
|
231
237
|
distributionModel: l,
|
|
232
|
-
formattedLocation:
|
|
233
|
-
fundraisingPercent:
|
|
238
|
+
formattedLocation: s,
|
|
239
|
+
fundraisingPercent: d,
|
|
234
240
|
hasProgressData: u,
|
|
235
|
-
imageHash:
|
|
236
|
-
isLoading:
|
|
241
|
+
imageHash: m,
|
|
242
|
+
isLoading: f,
|
|
237
243
|
loanAmount: p,
|
|
238
244
|
loanBorrowerCount: c,
|
|
239
245
|
loanCallouts: L,
|
|
240
|
-
loanStatus:
|
|
241
|
-
loanUse:
|
|
242
|
-
mdiMapMarker:
|
|
243
|
-
readMorePath:
|
|
244
|
-
state:
|
|
245
|
-
tag:
|
|
246
|
-
unreservedAmount:
|
|
246
|
+
loanStatus: g,
|
|
247
|
+
loanUse: A,
|
|
248
|
+
mdiMapMarker: v,
|
|
249
|
+
readMorePath: y,
|
|
250
|
+
state: C,
|
|
251
|
+
tag: h,
|
|
252
|
+
unreservedAmount: _,
|
|
247
253
|
sharesAvailable: K,
|
|
248
254
|
clickReadMore: N
|
|
249
255
|
};
|
|
@@ -272,8 +278,8 @@ const pe = o`
|
|
|
272
278
|
return ((t = (e = this.loan) == null ? void 0 : e.lenders) == null ? void 0 : t.totalCount) ?? 0;
|
|
273
279
|
},
|
|
274
280
|
amountLent() {
|
|
275
|
-
var t,
|
|
276
|
-
const e = ((
|
|
281
|
+
var t, o;
|
|
282
|
+
const e = ((o = (t = this.loan) == null ? void 0 : t.loanFundraisingInfo) == null ? void 0 : o.fundedAmount) ?? 0;
|
|
277
283
|
return B(e).format("$0,0");
|
|
278
284
|
}
|
|
279
285
|
}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
const
|
|
1
|
+
import o from "./KvCommentsAdd.js";
|
|
2
|
+
import a from "./KvCommentsList.js";
|
|
3
|
+
const m = "add-comment", n = "add-reaction", p = {
|
|
4
4
|
name: "KvCommentsContainer",
|
|
5
5
|
components: {
|
|
6
|
-
KvCommentsAdd:
|
|
7
|
-
KvCommentsList:
|
|
6
|
+
KvCommentsAdd: o,
|
|
7
|
+
KvCommentsList: a
|
|
8
8
|
},
|
|
9
9
|
props: {
|
|
10
10
|
/**
|
|
@@ -42,7 +42,7 @@ const o = "add-comment", n = "add-reaction", p = {
|
|
|
42
42
|
handleReaction: (e) => {
|
|
43
43
|
let t;
|
|
44
44
|
e.value === void 0 ? t = {
|
|
45
|
-
reaction:
|
|
45
|
+
reaction: m,
|
|
46
46
|
id: null,
|
|
47
47
|
isChild: !1,
|
|
48
48
|
value: e
|
|
@@ -52,7 +52,7 @@ const o = "add-comment", n = "add-reaction", p = {
|
|
|
52
52
|
}
|
|
53
53
|
};
|
|
54
54
|
export {
|
|
55
|
-
|
|
55
|
+
m as ADD_COMMENT_EVENT,
|
|
56
56
|
n as ADD_REACTION_EVENT,
|
|
57
57
|
p as default
|
|
58
58
|
};
|