@kiva/kv-components 6.2.0 → 6.3.1

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.
Files changed (3) hide show
  1. package/dist/index.js +169 -167
  2. package/dist/vue/KvCartPill.js +36 -0
  3. package/package.json +2 -2
package/dist/index.js CHANGED
@@ -4,178 +4,180 @@ import { default as l } from "./vue/KvBorrowerImage.js";
4
4
  import { default as d } from "./vue/KvButton.js";
5
5
  import { default as p } from "./vue/KvCarousel.js";
6
6
  import { default as n } from "./vue/KvCartModal.js";
7
- import { default as v } from "./vue/KvCheckbox.js";
8
- import { default as i } from "./vue/KvChip.js";
9
- import { default as c } from "./vue/KvClassicLoanCard.js";
10
- import { default as L } from "./vue/KvCommentsAdd.js";
11
- import { default as P } from "./vue/KvCommentsContainer.js";
12
- import { default as T } from "./vue/KvCommentsHeartButton.js";
13
- import { default as S } from "./vue/KvCommentsList.js";
14
- import { default as b } from "./vue/KvCommentsListItem.js";
15
- import { default as M } from "./vue/KvCommentsReplyButton.js";
16
- import { default as E } from "./vue/KvContentfulImg.js";
17
- import { default as w } from "./vue/KvCountdownTimer.js";
18
- import { default as _ } from "./vue/KvExpandable.js";
19
- import { default as U } from "./vue/KvExpandableQuestion.js";
20
- import { default as V } from "./vue/KvFlag.js";
21
- import { default as F } from "./vue/KvGrid.js";
22
- import { default as j } from "./vue/KvImpactDashboardHeader.js";
23
- import { default as Q } from "./vue/KvInlineActivityCard.js";
24
- import { default as q } from "./vue/KvInlineActivityFeed.js";
25
- import { default as X } from "./vue/KvIntroductionLoanCard.js";
26
- import { default as Z } from "./vue/KvLendAmountButton.js";
27
- import { default as ee } from "./vue/KvLendCta.js";
28
- import { default as te } from "./vue/KvLightbox.js";
29
- import { default as ae } from "./vue/KvLineGraph.js";
30
- import { default as le } from "./vue/KvLoanActivities.js";
31
- import { default as de } from "./vue/KvLoanBookmark.js";
32
- import { default as pe } from "./vue/KvLoanCallouts.js";
33
- import { default as ne } from "./vue/KvLoanProgressGroup.js";
34
- import { default as ve } from "./vue/KvLoanTag.js";
35
- import { default as ie } from "./vue/KvLoanTeamPick.js";
36
- import { default as ce } from "./vue/KvLoanUse.js";
37
- import { default as Le } from "./vue/KvLoadingPlaceholder.js";
38
- import { default as Pe } from "./vue/KvLoadingSpinner.js";
39
- import { default as Te } from "./vue/KvMap.js";
40
- import { default as Se } from "./vue/KvMaterialIcon.js";
41
- import { default as be } from "./vue/KvPageContainer.js";
42
- import { default as Me } from "./vue/KvPagination.js";
43
- import { default as Ee } from "./vue/KvPieChart.js";
44
- import { default as we } from "./vue/KvPopper.js";
45
- import { default as _e } from "./vue/KvProgressBar.js";
46
- import { default as Ue } from "./vue/KvRadio.js";
47
- import { default as Ve } from "./vue/KvSelect.js";
48
- import { default as Fe } from "./vue/KvSideSheet.js";
49
- import { default as je } from "./vue/KvSwitch.js";
50
- import { default as Qe } from "./vue/KvTab.js";
51
- import { default as qe } from "./vue/KvTabPanel.js";
52
- import { default as Xe } from "./vue/KvTabs.js";
53
- import { default as Ze } from "./vue/KvTextInput.js";
54
- import { default as eo } from "./vue/KvTextLink.js";
55
- import { default as to } from "./vue/KvThemeProvider.js";
56
- import { default as ao } from "./vue/KvToast.js";
57
- import { default as lo } from "./vue/KvTooltip.js";
58
- import { default as mo } from "./vue/KvTreeMapChart.js";
59
- import { default as uo } from "./vue/KvUserAvatar.js";
60
- import { default as xo } from "./vue/KvVerticalCarousel.js";
61
- import { default as Ko } from "./vue/KvVotingCard.js";
62
- import { default as Co } from "./vue/KvVotingCardV2.js";
63
- import { default as Ao } from "./vue/KvWideLoanCard.js";
64
- import { default as go, Mash as Po } from "./utils/Alea.js";
65
- import { useAttrs as To } from "./utils/attrs.js";
66
- import { carouselUtil as So } from "./utils/carousels.js";
67
- import { collapse as bo, expand as ko } from "./utils/expander.js";
68
- import { isLegacyPlaceholderAvatar as yo, randomizedUserAvatarClass as Eo } from "./utils/imageUtils.js";
69
- import { loanCardComputedProperties as wo, loanCardMethods as Oo } from "./utils/loanCard.js";
70
- import { BALANCE_CAMPAIGN as Go, BASE_CAMPAIGN as Uo, ERL_COOKIE_NAME as Ro, NO_BALANCE_CAMPAIGN as Vo, TOP_UP_CAMPAIGN as Do, getDropdownPriceArray as Fo, getLendCtaSelectedOption as Ho, isBetween25And50 as jo, isLessThan25 as zo } from "./utils/loanUtils.js";
71
- import { animationCoordinator as Wo, generateMapMarkers as qo, getCoordinatesBetween as Jo, getCountryColor as Xo, getLoansIntervals as Yo } from "./utils/mapUtils.js";
72
- import { lockPrintSingleEl as $o, unlockPrintSingleEl as et } from "./utils/printing.js";
73
- import { lockScroll as tt, lockScrollSmallOnly as rt, unlockScroll as at, unlockScrollSmallOnly as ft } from "./utils/scrollLock.js";
74
- import { buildTailwindClassName as st, headerNumberCase as dt, kebabCase as mt, removeObjectProperty as pt } from "./utils/themeUtils.js";
75
- import { throttle as nt } from "./utils/throttle.js";
76
- import { isTargetElement as vt, offBodyTouchstart as Kt, onBodyTouchstart as it } from "./utils/touchEvents.js";
77
- import { getTreemap as ct } from "./utils/treemap.js";
7
+ import { default as v } from "./vue/KvCartPill.js";
8
+ import { default as i } from "./vue/KvCheckbox.js";
9
+ import { default as c } from "./vue/KvChip.js";
10
+ import { default as L } from "./vue/KvClassicLoanCard.js";
11
+ import { default as P } from "./vue/KvCommentsAdd.js";
12
+ import { default as T } from "./vue/KvCommentsContainer.js";
13
+ import { default as S } from "./vue/KvCommentsHeartButton.js";
14
+ import { default as b } from "./vue/KvCommentsList.js";
15
+ import { default as M } from "./vue/KvCommentsListItem.js";
16
+ import { default as E } from "./vue/KvCommentsReplyButton.js";
17
+ import { default as w } from "./vue/KvContentfulImg.js";
18
+ import { default as _ } from "./vue/KvCountdownTimer.js";
19
+ import { default as U } from "./vue/KvExpandable.js";
20
+ import { default as V } from "./vue/KvExpandableQuestion.js";
21
+ import { default as F } from "./vue/KvFlag.js";
22
+ import { default as j } from "./vue/KvGrid.js";
23
+ import { default as Q } from "./vue/KvImpactDashboardHeader.js";
24
+ import { default as q } from "./vue/KvInlineActivityCard.js";
25
+ import { default as X } from "./vue/KvInlineActivityFeed.js";
26
+ import { default as Z } from "./vue/KvIntroductionLoanCard.js";
27
+ import { default as ee } from "./vue/KvLendAmountButton.js";
28
+ import { default as te } from "./vue/KvLendCta.js";
29
+ import { default as ae } from "./vue/KvLightbox.js";
30
+ import { default as le } from "./vue/KvLineGraph.js";
31
+ import { default as de } from "./vue/KvLoanActivities.js";
32
+ import { default as pe } from "./vue/KvLoanBookmark.js";
33
+ import { default as ne } from "./vue/KvLoanCallouts.js";
34
+ import { default as ve } from "./vue/KvLoanProgressGroup.js";
35
+ import { default as ie } from "./vue/KvLoanTag.js";
36
+ import { default as ce } from "./vue/KvLoanTeamPick.js";
37
+ import { default as Le } from "./vue/KvLoanUse.js";
38
+ import { default as Pe } from "./vue/KvLoadingPlaceholder.js";
39
+ import { default as Te } from "./vue/KvLoadingSpinner.js";
40
+ import { default as Se } from "./vue/KvMap.js";
41
+ import { default as be } from "./vue/KvMaterialIcon.js";
42
+ import { default as Me } from "./vue/KvPageContainer.js";
43
+ import { default as Ee } from "./vue/KvPagination.js";
44
+ import { default as we } from "./vue/KvPieChart.js";
45
+ import { default as _e } from "./vue/KvPopper.js";
46
+ import { default as Ue } from "./vue/KvProgressBar.js";
47
+ import { default as Ve } from "./vue/KvRadio.js";
48
+ import { default as Fe } from "./vue/KvSelect.js";
49
+ import { default as je } from "./vue/KvSideSheet.js";
50
+ import { default as Qe } from "./vue/KvSwitch.js";
51
+ import { default as qe } from "./vue/KvTab.js";
52
+ import { default as Xe } from "./vue/KvTabPanel.js";
53
+ import { default as Ze } from "./vue/KvTabs.js";
54
+ import { default as eo } from "./vue/KvTextInput.js";
55
+ import { default as to } from "./vue/KvTextLink.js";
56
+ import { default as ao } from "./vue/KvThemeProvider.js";
57
+ import { default as lo } from "./vue/KvToast.js";
58
+ import { default as mo } from "./vue/KvTooltip.js";
59
+ import { default as uo } from "./vue/KvTreeMapChart.js";
60
+ import { default as xo } from "./vue/KvUserAvatar.js";
61
+ import { default as Ko } from "./vue/KvVerticalCarousel.js";
62
+ import { default as Co } from "./vue/KvVotingCard.js";
63
+ import { default as Ao } from "./vue/KvVotingCardV2.js";
64
+ import { default as go } from "./vue/KvWideLoanCard.js";
65
+ import { default as ho, Mash as To } from "./utils/Alea.js";
66
+ import { useAttrs as So } from "./utils/attrs.js";
67
+ import { carouselUtil as bo } from "./utils/carousels.js";
68
+ import { collapse as Mo, expand as yo } from "./utils/expander.js";
69
+ import { isLegacyPlaceholderAvatar as No, randomizedUserAvatarClass as wo } from "./utils/imageUtils.js";
70
+ import { loanCardComputedProperties as _o, loanCardMethods as Go } from "./utils/loanCard.js";
71
+ import { BALANCE_CAMPAIGN as Ro, BASE_CAMPAIGN as Vo, ERL_COOKIE_NAME as Do, NO_BALANCE_CAMPAIGN as Fo, TOP_UP_CAMPAIGN as Ho, getDropdownPriceArray as jo, getLendCtaSelectedOption as zo, isBetween25And50 as Qo, isLessThan25 as Wo } from "./utils/loanUtils.js";
72
+ import { animationCoordinator as Jo, generateMapMarkers as Xo, getCoordinatesBetween as Yo, getCountryColor as Zo, getLoansIntervals as $o } from "./utils/mapUtils.js";
73
+ import { lockPrintSingleEl as ot, unlockPrintSingleEl as tt } from "./utils/printing.js";
74
+ import { lockScroll as at, lockScrollSmallOnly as ft, unlockScroll as lt, unlockScrollSmallOnly as st } from "./utils/scrollLock.js";
75
+ import { buildTailwindClassName as mt, headerNumberCase as pt, kebabCase as ut, removeObjectProperty as nt } from "./utils/themeUtils.js";
76
+ import { throttle as vt } from "./utils/throttle.js";
77
+ import { isTargetElement as it, offBodyTouchstart as Ct, onBodyTouchstart as ct } from "./utils/touchEvents.js";
78
+ import { getTreemap as Lt } from "./utils/treemap.js";
78
79
  export {
79
- go as Alea,
80
- Go as BALANCE_CAMPAIGN,
81
- Uo as BASE_CAMPAIGN,
82
- Ro as ERL_COOKIE_NAME,
80
+ ho as Alea,
81
+ Ro as BALANCE_CAMPAIGN,
82
+ Vo as BASE_CAMPAIGN,
83
+ Do as ERL_COOKIE_NAME,
83
84
  t as KvAccordionItem,
84
85
  a as KvActivityRow,
85
86
  l as KvBorrowerImage,
86
87
  d as KvButton,
87
88
  p as KvCarousel,
88
89
  n as KvCartModal,
89
- v as KvCheckbox,
90
- i as KvChip,
91
- c as KvClassicLoanCard,
92
- L as KvCommentsAdd,
93
- P as KvCommentsContainer,
94
- T as KvCommentsHeartButton,
95
- S as KvCommentsList,
96
- b as KvCommentsListItem,
97
- M as KvCommentsReplyButton,
98
- E as KvContentfulImg,
99
- w as KvCountdownTimer,
100
- _ as KvExpandable,
101
- U as KvExpandableQuestion,
102
- V as KvFlag,
103
- F as KvGrid,
104
- j as KvImpactDashboardHeader,
105
- Q as KvInlineActivityCard,
106
- q as KvInlineActivityFeed,
107
- X as KvIntroductionLoanCard,
108
- Z as KvLendAmountButton,
109
- ee as KvLendCta,
110
- te as KvLightbox,
111
- ae as KvLineGraph,
112
- Le as KvLoadingPlaceholder,
113
- Pe as KvLoadingSpinner,
114
- le as KvLoanActivities,
115
- de as KvLoanBookmark,
116
- pe as KvLoanCallouts,
117
- ne as KvLoanProgressGroup,
118
- ve as KvLoanTag,
119
- ie as KvLoanTeamPick,
120
- ce as KvLoanUse,
121
- Te as KvMap,
122
- Se as KvMaterialIcon,
123
- be as KvPageContainer,
124
- Me as KvPagination,
125
- Ee as KvPieChart,
126
- we as KvPopper,
127
- _e as KvProgressBar,
128
- Ue as KvRadio,
129
- Ve as KvSelect,
130
- Fe as KvSideSheet,
131
- je as KvSwitch,
132
- Qe as KvTab,
133
- qe as KvTabPanel,
134
- Xe as KvTabs,
135
- Ze as KvTextInput,
136
- eo as KvTextLink,
137
- to as KvThemeProvider,
138
- ao as KvToast,
139
- lo as KvTooltip,
140
- mo as KvTreeMapChart,
141
- uo as KvUserAvatar,
142
- xo as KvVerticalCarousel,
143
- Ko as KvVotingCard,
144
- Co as KvVotingCardV2,
145
- Ao as KvWideLoanCard,
146
- Po as Mash,
147
- Vo as NO_BALANCE_CAMPAIGN,
148
- Do as TOP_UP_CAMPAIGN,
149
- Wo as animationCoordinator,
150
- st as buildTailwindClassName,
151
- So as carouselUtil,
152
- bo as collapse,
153
- ko as expand,
154
- qo as generateMapMarkers,
155
- Jo as getCoordinatesBetween,
156
- Xo as getCountryColor,
157
- Fo as getDropdownPriceArray,
158
- Ho as getLendCtaSelectedOption,
159
- Yo as getLoansIntervals,
160
- ct as getTreemap,
161
- dt as headerNumberCase,
162
- jo as isBetween25And50,
163
- yo as isLegacyPlaceholderAvatar,
164
- zo as isLessThan25,
165
- vt as isTargetElement,
166
- mt as kebabCase,
167
- wo as loanCardComputedProperties,
168
- Oo as loanCardMethods,
169
- $o as lockPrintSingleEl,
170
- tt as lockScroll,
171
- rt as lockScrollSmallOnly,
172
- Kt as offBodyTouchstart,
173
- it as onBodyTouchstart,
174
- Eo as randomizedUserAvatarClass,
175
- pt as removeObjectProperty,
176
- nt as throttle,
177
- et as unlockPrintSingleEl,
178
- at as unlockScroll,
179
- ft as unlockScrollSmallOnly,
180
- To as useAttrs
90
+ v as KvCartPill,
91
+ i as KvCheckbox,
92
+ c as KvChip,
93
+ L as KvClassicLoanCard,
94
+ P as KvCommentsAdd,
95
+ T as KvCommentsContainer,
96
+ S as KvCommentsHeartButton,
97
+ b as KvCommentsList,
98
+ M as KvCommentsListItem,
99
+ E as KvCommentsReplyButton,
100
+ w as KvContentfulImg,
101
+ _ as KvCountdownTimer,
102
+ U as KvExpandable,
103
+ V as KvExpandableQuestion,
104
+ F as KvFlag,
105
+ j as KvGrid,
106
+ Q as KvImpactDashboardHeader,
107
+ q as KvInlineActivityCard,
108
+ X as KvInlineActivityFeed,
109
+ Z as KvIntroductionLoanCard,
110
+ ee as KvLendAmountButton,
111
+ te as KvLendCta,
112
+ ae as KvLightbox,
113
+ le as KvLineGraph,
114
+ Pe as KvLoadingPlaceholder,
115
+ Te as KvLoadingSpinner,
116
+ de as KvLoanActivities,
117
+ pe as KvLoanBookmark,
118
+ ne as KvLoanCallouts,
119
+ ve as KvLoanProgressGroup,
120
+ ie as KvLoanTag,
121
+ ce as KvLoanTeamPick,
122
+ Le as KvLoanUse,
123
+ Se as KvMap,
124
+ be as KvMaterialIcon,
125
+ Me as KvPageContainer,
126
+ Ee as KvPagination,
127
+ we as KvPieChart,
128
+ _e as KvPopper,
129
+ Ue as KvProgressBar,
130
+ Ve as KvRadio,
131
+ Fe as KvSelect,
132
+ je as KvSideSheet,
133
+ Qe as KvSwitch,
134
+ qe as KvTab,
135
+ Xe as KvTabPanel,
136
+ Ze as KvTabs,
137
+ eo as KvTextInput,
138
+ to as KvTextLink,
139
+ ao as KvThemeProvider,
140
+ lo as KvToast,
141
+ mo as KvTooltip,
142
+ uo as KvTreeMapChart,
143
+ xo as KvUserAvatar,
144
+ Ko as KvVerticalCarousel,
145
+ Co as KvVotingCard,
146
+ Ao as KvVotingCardV2,
147
+ go as KvWideLoanCard,
148
+ To as Mash,
149
+ Fo as NO_BALANCE_CAMPAIGN,
150
+ Ho as TOP_UP_CAMPAIGN,
151
+ Jo as animationCoordinator,
152
+ mt as buildTailwindClassName,
153
+ bo as carouselUtil,
154
+ Mo as collapse,
155
+ yo as expand,
156
+ Xo as generateMapMarkers,
157
+ Yo as getCoordinatesBetween,
158
+ Zo as getCountryColor,
159
+ jo as getDropdownPriceArray,
160
+ zo as getLendCtaSelectedOption,
161
+ $o as getLoansIntervals,
162
+ Lt as getTreemap,
163
+ pt as headerNumberCase,
164
+ Qo as isBetween25And50,
165
+ No as isLegacyPlaceholderAvatar,
166
+ Wo as isLessThan25,
167
+ it as isTargetElement,
168
+ ut as kebabCase,
169
+ _o as loanCardComputedProperties,
170
+ Go as loanCardMethods,
171
+ ot as lockPrintSingleEl,
172
+ at as lockScroll,
173
+ ft as lockScrollSmallOnly,
174
+ Ct as offBodyTouchstart,
175
+ ct as onBodyTouchstart,
176
+ wo as randomizedUserAvatarClass,
177
+ nt as removeObjectProperty,
178
+ vt as throttle,
179
+ tt as unlockPrintSingleEl,
180
+ lt as unlockScroll,
181
+ st as unlockScrollSmallOnly,
182
+ So as useAttrs
181
183
  };
package/dist/vue/KvCartPill.js ADDED
@@ -0,0 +1,36 @@
1
+ import { toRefs as l, computed as n, openBlock as s, createElementBlock as a, normalizeClass as p, renderSlot as i, createElementVNode as c, toDisplayString as m } from "vue";
2
+ import u from "../_virtual/_plugin-vue_export-helper.js";
3
+ const w = {
4
+ props: {
5
+ borrowerName: {
6
+ type: String,
7
+ default: ""
8
+ },
9
+ showBg: {
10
+ type: Boolean,
11
+ default: !1
12
+ }
13
+ },
14
+ setup(t) {
15
+ const {
16
+ borrowerName: e
17
+ } = l(t);
18
+ return {
19
+ pillCopy: n(() => e.value ? `Supporting ${e.value} will hit your next milestone!` : "Supporting this loan achieves a milestone!")
20
+ };
21
+ }
22
+ }, d = { class: "tw-truncate" };
23
+ function f(t, e, o, r, y, _) {
24
+ return s(), a("div", {
25
+ class: p(["tw-w-max tw-flex tw-items-center tw-gap-1 tw-px-1 tw-py-0.5 tw-rounded", {
26
+ "tw-text-small tw-bg-secondary": o.showBg
27
+ }])
28
+ }, [
29
+ i(t.$slots, "icon"),
30
+ c("p", d, m(r.pillCopy), 1)
31
+ ], 2);
32
+ }
33
+ const x = /* @__PURE__ */ u(w, [["render", f]]);
34
+ export {
35
+ x as default
36
+ };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kiva/kv-components",
3
- "version": "6.2.0",
3
+ "version": "6.3.1",
4
4
  "type": "module",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -107,5 +107,5 @@
107
107
  "embla-carousel-fade",
108
108
  "popper.js"
109
109
  ],
110
- "gitHead": "4c0ac0befe6a72080cedbf0bb38b1149ad0d7ee8"
110
+ "gitHead": "630b5fd7e23430a74e5d8e8f3e3f3d5ff0aa4720"
111
111
  }