@kiva/kv-components 8.23.3 → 8.26.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/dist/index.js CHANGED
@@ -46,95 +46,96 @@ import { default as Ve } from "./vue/KvLoanTeamPick.js";
46
46
  import { default as Ue } from "./vue/KvLoanUse.js";
47
47
  import { default as ke } from "./vue/KvLoadingPlaceholder.js";
48
48
  import { default as We } from "./vue/KvLoadingSpinner.js";
49
- import { default as ze } from "./vue/KvMap.js";
50
- import { default as Qe } from "./vue/KvMaterialIcon.js";
51
- import { default as Ze } from "./vue/KvSimpleMap.js";
52
- import { default as Je } from "./vue/KvPageContainer.js";
53
- import { default as $e } from "./vue/KvPagination.js";
54
- import { default as oo } from "./vue/KvPieChart.js";
55
- import { default as to } from "./vue/KvPieChartV2.js";
56
- import { default as fo } from "./vue/KvPill.js";
57
- import { default as mo } from "./vue/KvPopper.js";
58
- import { default as po } from "./vue/KvProgressBar.js";
59
- import { default as xo } from "./vue/KvProgressCircle.js";
60
- import { default as no } from "./vue/KvPulsingDot.js";
61
- import { default as Ao } from "./vue/KvRadio.js";
62
- import { default as Co } from "./vue/KvSelect.js";
63
- import { default as co } from "./vue/KvSideSheet.js";
64
- import { default as Lo } from "./vue/KvStackedBarGraph.js";
65
- import { default as Eo } from "./vue/KvSwitch.js";
66
- import { default as Mo } from "./vue/KvTab.js";
67
- import { default as Oo } from "./vue/KvTabPanel.js";
68
- import { default as go } from "./vue/KvTabs.js";
69
- import { default as Go } from "./vue/KvTextInput.js";
70
- import { default as ho } from "./vue/KvTextLink.js";
71
- import { default as Bo } from "./vue/KvThemeProvider.js";
72
- import { default as yo } from "./vue/KvToast.js";
73
- import { default as bo } from "./vue/KvTooltip.js";
74
- import { default as wo } from "./vue/KvTreeMapChart.js";
75
- import { default as Ho } from "./vue/KvUserAvatar.js";
76
- import { default as jo } from "./vue/KvUtilityMenu.js";
77
- import { default as Yo } from "./vue/KvVerticalCarousel.js";
78
- import { default as qo } from "./vue/KvVotingCard.js";
79
- import { default as Xo } from "./vue/KvVotingCardV2.js";
80
- import { default as er } from "./vue/KvWideLoanCard.js";
81
- import { default as rr } from "./vue/KvAtbModal.js";
82
- import { default as ar } from "./vue/KvSecondaryNav.js";
83
- import { default as lr } from "./vue/KvWwwHeader.js";
84
- import { default as sr } from "./vue/KvWwwHeaderBasic/KvWwwHeaderBasic.js";
85
- import { default as dr, Mash as ur } from "./utils/Alea.js";
86
- import { groupBy as Kr, sortBy as nr } from "./utils/arrayUtils.js";
87
- import { useAttrs as Ar } from "./utils/attrs.js";
88
- import { carouselUtil as Cr } from "./utils/carousels.js";
89
- import { abc as cr, indexIn as Tr, startsWith as Lr } from "./utils/comparators.js";
90
- import { debounce as Er } from "./utils/debounce.js";
91
- import { useEventListener as Mr } from "./utils/event.js";
92
- import { collapse as Or, expand as Sr } from "./utils/expander.js";
93
- import { DEFAULT_ACCEPTED_IMAGE_TYPES as Pr, cropResizeImageToDataUrl as Gr, getKivaImageUrl as Fr, isLegacyPlaceholderAvatar as hr, randomizedUserAvatarClass as Dr, validateImageFile as Br } from "./utils/imageUtils.js";
94
- import { LOAN_CALLOUTS_FRAGMENT as yr, LOAN_GEOCODE_FRAGMENT as Ur, LOAN_PROGRESS_FRAGMENT as br, loanCardComputedProperties as kr, loanCardMethods as wr } from "./utils/loanCard.js";
95
- import { BALANCE_CAMPAIGN as Hr, BASE_CAMPAIGN as zr, ERL_COOKIE_NAME as jr, NO_BALANCE_CAMPAIGN as Qr, TOP_UP_CAMPAIGN as Yr, getDropdownPriceArray as Zr, getLendCtaSelectedOption as qr, isBetween25And50 as Jr, isLessThan25 as Xr, truncateStringByWords as $r } from "./utils/loanUtils.js";
96
- import { animationCoordinator as ot, computeMapCenter as rt, computeMapZoom as tt, generateMapMarkers as at, getCoordinatesBetween as ft, getCountryColor as lt, getLoansIntervals as mt } from "./utils/mapUtils.js";
97
- import { lockPrintSingleEl as pt, unlockPrintSingleEl as dt } from "./utils/printing.js";
98
- import { lockScroll as xt, lockScrollSmallOnly as Kt, unlockScroll as nt, unlockScrollSmallOnly as vt } from "./utils/scrollLock.js";
99
- import { buildTailwindClassName as it, headerNumberCase as Ct, kebabCase as _t, removeObjectProperty as ct } from "./utils/themeUtils.js";
100
- import { throttle as Lt } from "./utils/throttle.js";
101
- import { isTargetElement as Et, offBodyTouchstart as Rt, onBodyTouchstart as Mt } from "./utils/touchEvents.js";
102
- import { getTreemap as Ot } from "./utils/treemap.js";
103
- import { KvBlueskyIcon as gt } from "./assets/icons/bluesky.js";
104
- import { KV_CLASSIC_LOAN_CARD_FRAGMENT as Gt, KV_CLASSIC_LOAN_CARD_USER_FRAGMET as Ft } from "./vue/KvClassicLoanCard2.js";
105
- import { KV_COMPACT_LOAN_CARD_FRAGMENT as Dt, KV_COMPACT_LOAN_CARD_USER_FRAGMENT as Bt } from "./vue/KvCompactLoanCard2.js";
106
- import { KV_INTRODUCTION_LOAN_CARD_FRAGMENT as yt, KV_INTRODUCTION_LOAN_CARD_USER_FRAGMENT as Ut } from "./vue/KvIntroductionLoanCard2.js";
107
- import { KV_LEND_CTA_FRAGMENT as kt, KV_LEND_CTA_USER_FRAGMENT as wt } from "./vue/KvLendCta2.js";
108
- import { KV_LOAN_ACTIVITIES_FRAGMENT as Ht } from "./vue/KvLoanActivities2.js";
109
- import { KV_LOAN_BOOKMARK_FRAGMENT as jt } from "./vue/KvLoanBookmark2.js";
110
- import { KV_LOAN_TAG_FRAGMENT as Yt } from "./vue/KvLoanTag2.js";
111
- import { KV_LOAN_USE_FRAGMENT as qt } from "./vue/KvLoanUse2.js";
112
- import { KV_WIDE_LOAN_CARD_FRAGMENT as Xt, KV_WIDE_LOAN_CARD_USER_FRAGMENT as $t } from "./vue/KvWideLoanCard2.js";
49
+ import { default as ze } from "./vue/KvLoadingText.js";
50
+ import { default as Qe } from "./vue/KvMap.js";
51
+ import { default as Ze } from "./vue/KvMaterialIcon.js";
52
+ import { default as Je } from "./vue/KvSimpleMap.js";
53
+ import { default as $e } from "./vue/KvPageContainer.js";
54
+ import { default as oo } from "./vue/KvPagination.js";
55
+ import { default as to } from "./vue/KvPieChart.js";
56
+ import { default as fo } from "./vue/KvPieChartV2.js";
57
+ import { default as mo } from "./vue/KvPill.js";
58
+ import { default as po } from "./vue/KvPopper.js";
59
+ import { default as xo } from "./vue/KvProgressBar.js";
60
+ import { default as no } from "./vue/KvProgressCircle.js";
61
+ import { default as Ao } from "./vue/KvPulsingDot.js";
62
+ import { default as Co } from "./vue/KvRadio.js";
63
+ import { default as co } from "./vue/KvSelect.js";
64
+ import { default as Lo } from "./vue/KvSideSheet.js";
65
+ import { default as Eo } from "./vue/KvStackedBarGraph.js";
66
+ import { default as Mo } from "./vue/KvSwitch.js";
67
+ import { default as Oo } from "./vue/KvTab.js";
68
+ import { default as go } from "./vue/KvTabPanel.js";
69
+ import { default as Go } from "./vue/KvTabs.js";
70
+ import { default as ho } from "./vue/KvTextInput.js";
71
+ import { default as Bo } from "./vue/KvTextLink.js";
72
+ import { default as yo } from "./vue/KvThemeProvider.js";
73
+ import { default as bo } from "./vue/KvToast.js";
74
+ import { default as wo } from "./vue/KvTooltip.js";
75
+ import { default as Ho } from "./vue/KvTreeMapChart.js";
76
+ import { default as jo } from "./vue/KvUserAvatar.js";
77
+ import { default as Yo } from "./vue/KvUtilityMenu.js";
78
+ import { default as qo } from "./vue/KvVerticalCarousel.js";
79
+ import { default as Xo } from "./vue/KvVotingCard.js";
80
+ import { default as er } from "./vue/KvVotingCardV2.js";
81
+ import { default as rr } from "./vue/KvWideLoanCard.js";
82
+ import { default as ar } from "./vue/KvAtbModal.js";
83
+ import { default as lr } from "./vue/KvSecondaryNav.js";
84
+ import { default as sr } from "./vue/KvWwwHeader.js";
85
+ import { default as dr } from "./vue/KvWwwHeaderBasic/KvWwwHeaderBasic.js";
86
+ import { default as xr, Mash as Kr } from "./utils/Alea.js";
87
+ import { groupBy as vr, sortBy as Ar } from "./utils/arrayUtils.js";
88
+ import { useAttrs as Cr } from "./utils/attrs.js";
89
+ import { carouselUtil as cr } from "./utils/carousels.js";
90
+ import { abc as Lr, indexIn as Nr, startsWith as Er } from "./utils/comparators.js";
91
+ import { debounce as Mr } from "./utils/debounce.js";
92
+ import { useEventListener as Or } from "./utils/event.js";
93
+ import { collapse as gr, expand as Pr } from "./utils/expander.js";
94
+ import { DEFAULT_ACCEPTED_IMAGE_TYPES as Fr, cropResizeImageToDataUrl as hr, getKivaImageUrl as Dr, isLegacyPlaceholderAvatar as Br, randomizedUserAvatarClass as Vr, validateImageFile as yr } from "./utils/imageUtils.js";
95
+ import { LOAN_CALLOUTS_FRAGMENT as br, LOAN_GEOCODE_FRAGMENT as kr, LOAN_PROGRESS_FRAGMENT as wr, loanCardComputedProperties as Wr, loanCardMethods as Hr } from "./utils/loanCard.js";
96
+ import { BALANCE_CAMPAIGN as jr, BASE_CAMPAIGN as Qr, ERL_COOKIE_NAME as Yr, NO_BALANCE_CAMPAIGN as Zr, TOP_UP_CAMPAIGN as qr, getDropdownPriceArray as Jr, getLendCtaSelectedOption as Xr, isBetween25And50 as $r, isLessThan25 as et, truncateStringByWords as ot } from "./utils/loanUtils.js";
97
+ import { animationCoordinator as tt, computeMapCenter as at, computeMapZoom as ft, generateMapMarkers as lt, getCoordinatesBetween as mt, getCountryColor as st, getLoansIntervals as pt } from "./utils/mapUtils.js";
98
+ import { lockPrintSingleEl as ut, unlockPrintSingleEl as xt } from "./utils/printing.js";
99
+ import { lockScroll as nt, lockScrollSmallOnly as vt, unlockScroll as At, unlockScrollSmallOnly as it } from "./utils/scrollLock.js";
100
+ import { buildTailwindClassName as _t, headerNumberCase as ct, kebabCase as Tt, removeObjectProperty as Lt } from "./utils/themeUtils.js";
101
+ import { throttle as Et } from "./utils/throttle.js";
102
+ import { isTargetElement as Mt, offBodyTouchstart as It, onBodyTouchstart as Ot } from "./utils/touchEvents.js";
103
+ import { getTreemap as gt } from "./utils/treemap.js";
104
+ import { KvBlueskyIcon as Gt } from "./assets/icons/bluesky.js";
105
+ import { KV_CLASSIC_LOAN_CARD_FRAGMENT as ht, KV_CLASSIC_LOAN_CARD_USER_FRAGMET as Dt } from "./vue/KvClassicLoanCard2.js";
106
+ import { KV_COMPACT_LOAN_CARD_FRAGMENT as Vt, KV_COMPACT_LOAN_CARD_USER_FRAGMENT as yt } from "./vue/KvCompactLoanCard2.js";
107
+ import { KV_INTRODUCTION_LOAN_CARD_FRAGMENT as bt, KV_INTRODUCTION_LOAN_CARD_USER_FRAGMENT as kt } from "./vue/KvIntroductionLoanCard2.js";
108
+ import { KV_LEND_CTA_FRAGMENT as Wt, KV_LEND_CTA_USER_FRAGMENT as Ht } from "./vue/KvLendCta2.js";
109
+ import { KV_LOAN_ACTIVITIES_FRAGMENT as jt } from "./vue/KvLoanActivities2.js";
110
+ import { KV_LOAN_BOOKMARK_FRAGMENT as Yt } from "./vue/KvLoanBookmark2.js";
111
+ import { KV_LOAN_TAG_FRAGMENT as qt } from "./vue/KvLoanTag2.js";
112
+ import { KV_LOAN_USE_FRAGMENT as Xt } from "./vue/KvLoanUse2.js";
113
+ import { KV_WIDE_LOAN_CARD_FRAGMENT as ea, KV_WIDE_LOAN_CARD_USER_FRAGMENT as oa } from "./vue/KvWideLoanCard2.js";
113
114
  export {
114
- dr as Alea,
115
- Hr as BALANCE_CAMPAIGN,
116
- zr as BASE_CAMPAIGN,
117
- Pr as DEFAULT_ACCEPTED_IMAGE_TYPES,
118
- jr as ERL_COOKIE_NAME,
119
- Gt as KV_CLASSIC_LOAN_CARD_FRAGMENT,
120
- Ft as KV_CLASSIC_LOAN_CARD_USER_FRAGMET,
121
- Dt as KV_COMPACT_LOAN_CARD_FRAGMENT,
122
- Bt as KV_COMPACT_LOAN_CARD_USER_FRAGMENT,
123
- yt as KV_INTRODUCTION_LOAN_CARD_FRAGMENT,
124
- Ut as KV_INTRODUCTION_LOAN_CARD_USER_FRAGMENT,
125
- kt as KV_LEND_CTA_FRAGMENT,
126
- wt as KV_LEND_CTA_USER_FRAGMENT,
127
- Ht as KV_LOAN_ACTIVITIES_FRAGMENT,
128
- jt as KV_LOAN_BOOKMARK_FRAGMENT,
115
+ xr as Alea,
116
+ jr as BALANCE_CAMPAIGN,
117
+ Qr as BASE_CAMPAIGN,
118
+ Fr as DEFAULT_ACCEPTED_IMAGE_TYPES,
119
+ Yr as ERL_COOKIE_NAME,
120
+ ht as KV_CLASSIC_LOAN_CARD_FRAGMENT,
121
+ Dt as KV_CLASSIC_LOAN_CARD_USER_FRAGMET,
122
+ Vt as KV_COMPACT_LOAN_CARD_FRAGMENT,
123
+ yt as KV_COMPACT_LOAN_CARD_USER_FRAGMENT,
124
+ bt as KV_INTRODUCTION_LOAN_CARD_FRAGMENT,
125
+ kt as KV_INTRODUCTION_LOAN_CARD_USER_FRAGMENT,
126
+ Wt as KV_LEND_CTA_FRAGMENT,
127
+ Ht as KV_LEND_CTA_USER_FRAGMENT,
128
+ jt as KV_LOAN_ACTIVITIES_FRAGMENT,
129
+ Yt as KV_LOAN_BOOKMARK_FRAGMENT,
129
130
  ge as KV_LOAN_INFO_CARD_FRAGMENT,
130
- Yt as KV_LOAN_TAG_FRAGMENT,
131
- qt as KV_LOAN_USE_FRAGMENT,
132
- Xt as KV_WIDE_LOAN_CARD_FRAGMENT,
133
- $t as KV_WIDE_LOAN_CARD_USER_FRAGMENT,
131
+ qt as KV_LOAN_TAG_FRAGMENT,
132
+ Xt as KV_LOAN_USE_FRAGMENT,
133
+ ea as KV_WIDE_LOAN_CARD_FRAGMENT,
134
+ oa as KV_WIDE_LOAN_CARD_USER_FRAGMENT,
134
135
  r as KvAccordionItem,
135
136
  a as KvActivityRow,
136
- rr as KvAtbModal,
137
- gt as KvBlueskyIcon,
137
+ ar as KvAtbModal,
138
+ Gt as KvBlueskyIcon,
138
139
  l as KvBorrowerImage,
139
140
  s as KvButton,
140
141
  d as KvCardFrame,
@@ -173,6 +174,7 @@ export {
173
174
  Le as KvLineGraph,
174
175
  ke as KvLoadingPlaceholder,
175
176
  We as KvLoadingSpinner,
177
+ ze as KvLoadingText,
176
178
  Ee as KvLoanActivities,
177
179
  Me as KvLoanBookmark,
178
180
  Oe as KvLoanCallouts,
@@ -181,90 +183,90 @@ export {
181
183
  De as KvLoanTag,
182
184
  Ve as KvLoanTeamPick,
183
185
  Ue as KvLoanUse,
184
- ze as KvMap,
185
- Qe as KvMaterialIcon,
186
- Je as KvPageContainer,
187
- $e as KvPagination,
188
- oo as KvPieChart,
189
- to as KvPieChartV2,
190
- fo as KvPill,
191
- mo as KvPopper,
192
- po as KvProgressBar,
193
- xo as KvProgressCircle,
194
- no as KvPulsingDot,
195
- Ao as KvRadio,
196
- ar as KvSecondaryNav,
197
- Co as KvSelect,
198
- co as KvSideSheet,
199
- Ze as KvSimpleMap,
200
- Lo as KvStackedBarGraph,
201
- Eo as KvSwitch,
202
- Mo as KvTab,
203
- Oo as KvTabPanel,
204
- go as KvTabs,
205
- Go as KvTextInput,
206
- ho as KvTextLink,
207
- Bo as KvThemeProvider,
208
- yo as KvToast,
209
- bo as KvTooltip,
210
- wo as KvTreeMapChart,
211
- Ho as KvUserAvatar,
212
- jo as KvUtilityMenu,
213
- Yo as KvVerticalCarousel,
214
- qo as KvVotingCard,
215
- Xo as KvVotingCardV2,
216
- er as KvWideLoanCard,
217
- lr as KvWwwHeader,
218
- sr as KvWwwHeaderBasic,
219
- yr as LOAN_CALLOUTS_FRAGMENT,
220
- Ur as LOAN_GEOCODE_FRAGMENT,
221
- br as LOAN_PROGRESS_FRAGMENT,
222
- ur as Mash,
223
- Qr as NO_BALANCE_CAMPAIGN,
224
- Yr as TOP_UP_CAMPAIGN,
225
- cr as abc,
226
- ot as animationCoordinator,
227
- it as buildTailwindClassName,
228
- Cr as carouselUtil,
229
- Or as collapse,
230
- rt as computeMapCenter,
231
- tt as computeMapZoom,
232
- Gr as cropResizeImageToDataUrl,
233
- Er as debounce,
234
- Sr as expand,
235
- at as generateMapMarkers,
236
- ft as getCoordinatesBetween,
237
- lt as getCountryColor,
238
- Zr as getDropdownPriceArray,
239
- Fr as getKivaImageUrl,
240
- qr as getLendCtaSelectedOption,
241
- mt as getLoansIntervals,
242
- Ot as getTreemap,
243
- Kr as groupBy,
244
- Ct as headerNumberCase,
245
- Tr as indexIn,
246
- Jr as isBetween25And50,
247
- hr as isLegacyPlaceholderAvatar,
248
- Xr as isLessThan25,
249
- Et as isTargetElement,
250
- _t as kebabCase,
251
- kr as loanCardComputedProperties,
252
- wr as loanCardMethods,
253
- pt as lockPrintSingleEl,
254
- xt as lockScroll,
255
- Kt as lockScrollSmallOnly,
256
- Rt as offBodyTouchstart,
257
- Mt as onBodyTouchstart,
258
- Dr as randomizedUserAvatarClass,
259
- ct as removeObjectProperty,
260
- nr as sortBy,
261
- Lr as startsWith,
262
- Lt as throttle,
263
- $r as truncateStringByWords,
264
- dt as unlockPrintSingleEl,
265
- nt as unlockScroll,
266
- vt as unlockScrollSmallOnly,
267
- Ar as useAttrs,
268
- Mr as useEventListener,
269
- Br as validateImageFile
186
+ Qe as KvMap,
187
+ Ze as KvMaterialIcon,
188
+ $e as KvPageContainer,
189
+ oo as KvPagination,
190
+ to as KvPieChart,
191
+ fo as KvPieChartV2,
192
+ mo as KvPill,
193
+ po as KvPopper,
194
+ xo as KvProgressBar,
195
+ no as KvProgressCircle,
196
+ Ao as KvPulsingDot,
197
+ Co as KvRadio,
198
+ lr as KvSecondaryNav,
199
+ co as KvSelect,
200
+ Lo as KvSideSheet,
201
+ Je as KvSimpleMap,
202
+ Eo as KvStackedBarGraph,
203
+ Mo as KvSwitch,
204
+ Oo as KvTab,
205
+ go as KvTabPanel,
206
+ Go as KvTabs,
207
+ ho as KvTextInput,
208
+ Bo as KvTextLink,
209
+ yo as KvThemeProvider,
210
+ bo as KvToast,
211
+ wo as KvTooltip,
212
+ Ho as KvTreeMapChart,
213
+ jo as KvUserAvatar,
214
+ Yo as KvUtilityMenu,
215
+ qo as KvVerticalCarousel,
216
+ Xo as KvVotingCard,
217
+ er as KvVotingCardV2,
218
+ rr as KvWideLoanCard,
219
+ sr as KvWwwHeader,
220
+ dr as KvWwwHeaderBasic,
221
+ br as LOAN_CALLOUTS_FRAGMENT,
222
+ kr as LOAN_GEOCODE_FRAGMENT,
223
+ wr as LOAN_PROGRESS_FRAGMENT,
224
+ Kr as Mash,
225
+ Zr as NO_BALANCE_CAMPAIGN,
226
+ qr as TOP_UP_CAMPAIGN,
227
+ Lr as abc,
228
+ tt as animationCoordinator,
229
+ _t as buildTailwindClassName,
230
+ cr as carouselUtil,
231
+ gr as collapse,
232
+ at as computeMapCenter,
233
+ ft as computeMapZoom,
234
+ hr as cropResizeImageToDataUrl,
235
+ Mr as debounce,
236
+ Pr as expand,
237
+ lt as generateMapMarkers,
238
+ mt as getCoordinatesBetween,
239
+ st as getCountryColor,
240
+ Jr as getDropdownPriceArray,
241
+ Dr as getKivaImageUrl,
242
+ Xr as getLendCtaSelectedOption,
243
+ pt as getLoansIntervals,
244
+ gt as getTreemap,
245
+ vr as groupBy,
246
+ ct as headerNumberCase,
247
+ Nr as indexIn,
248
+ $r as isBetween25And50,
249
+ Br as isLegacyPlaceholderAvatar,
250
+ et as isLessThan25,
251
+ Mt as isTargetElement,
252
+ Tt as kebabCase,
253
+ Wr as loanCardComputedProperties,
254
+ Hr as loanCardMethods,
255
+ ut as lockPrintSingleEl,
256
+ nt as lockScroll,
257
+ vt as lockScrollSmallOnly,
258
+ It as offBodyTouchstart,
259
+ Ot as onBodyTouchstart,
260
+ Vr as randomizedUserAvatarClass,
261
+ Lt as removeObjectProperty,
262
+ Ar as sortBy,
263
+ Er as startsWith,
264
+ Et as throttle,
265
+ ot as truncateStringByWords,
266
+ xt as unlockPrintSingleEl,
267
+ At as unlockScroll,
268
+ it as unlockScrollSmallOnly,
269
+ Cr as useAttrs,
270
+ Or as useEventListener,
271
+ yr as validateImageFile
270
272
  };
@@ -1,10 +1,10 @@
1
- import { defineComponent as R, ref as o, computed as x, watchEffect as $, onMounted as C, onUnmounted as E, openBlock as s, createElementBlock as d, createVNode as N, createCommentVNode as A } from "vue";
2
- import H from "./KvLoadingSpinner.js";
3
- const P = ["data-testid", "aria-busy"], Q = {
1
+ import { defineComponent as N, ref as a, computed as H, watchEffect as P, onMounted as Q, onUnmounted as B, openBlock as d, createElementBlock as s, createVNode as D, createCommentVNode as I } from "vue";
2
+ import K from "./KvLoadingSpinner.js";
3
+ const M = ["data-testid", "aria-busy"], T = {
4
4
  key: 0,
5
5
  class: "tw-w-full tw-flex tw-content-center tw-justify-center",
6
6
  style: { "min-height": "200px" }
7
- }, V = ["src", "height", "title"], k = "https://kiva.tfaforms.net", K = /* @__PURE__ */ R({
7
+ }, U = ["src", "height", "title"], S = "https://kiva.tfaforms.net", z = /* @__PURE__ */ N({
8
8
  __name: "KvFormAssemblyForm",
9
9
  props: {
10
10
  /**
@@ -33,64 +33,65 @@ const P = ["data-testid", "aria-busy"], Q = {
33
33
  }
34
34
  },
35
35
  emits: ["fa-form-loaded", "fa-form-submitted", "fa-form-closed"],
36
- setup(m, { emit: F }) {
37
- const I = (t) => Array.isArray(t) && typeof t[0] == "string" && typeof t[1] == "string", e = m, f = F, n = o(!0), c = o(null), u = o(null), S = x(() => e.formAssemblyId ? `kv-form-assembly-form-${e.formAssemblyId}` : "kv-form-assembly-form"), l = o(""), y = o(500), L = () => {
36
+ setup(c, { emit: L }) {
37
+ const V = (t) => Array.isArray(t) && typeof t[0] == "string" && typeof t[1] == "string", e = c, f = L, n = a(!0), m = a(null), u = a(null), R = H(() => e.formAssemblyId ? `kv-form-assembly-form-${e.formAssemblyId}` : "kv-form-assembly-form"), l = a(""), y = a(500), x = () => {
38
38
  const r = new URLSearchParams((e.additionalQueryParams || "").replace(/^\?/, "")).toString();
39
39
  return r ? `?${r}` : "";
40
- }, g = () => {
41
- typeof window > "u" || !(e != null && e.formAssemblyId) || (l.value = `${k}/${e.formAssemblyId}${L()}`);
40
+ }, $ = () => {
41
+ typeof window > "u" || !(e != null && e.formAssemblyId) || (l.value = `${S}/${e.formAssemblyId}${x()}`);
42
42
  };
43
- $(() => {
44
- c.value && g();
43
+ P(() => {
44
+ m.value && $();
45
45
  });
46
46
  const _ = () => {
47
47
  n.value && (n.value = !1, f("fa-form-loaded"));
48
48
  }, v = (t) => {
49
- var w, p, b, h;
50
- if (t.origin !== k) return;
51
- const r = (w = u.value) == null ? void 0 : w.contentWindow;
49
+ var p, w, b, h, A, k;
50
+ if (t.origin !== S) return;
51
+ const r = (p = u.value) == null ? void 0 : p.contentWindow;
52
52
  if (r && t.source !== r) return;
53
- const a = (p = t == null ? void 0 : t.data) == null ? void 0 : p.type;
54
- if (a === "fa_frame_loaded" && _(), a === "fa_frame_data" || a === "fa_form_page_change" || a === "fa_form_submitted") {
53
+ const o = (w = t == null ? void 0 : t.data) == null ? void 0 : w.type;
54
+ if (o === "fa_frame_loaded" && _(), o === "fa_frame_data" || o === "fa_form_page_change" || o === "fa_form_submitted") {
55
55
  const i = ((b = t == null ? void 0 : t.data) == null ? void 0 : b.frameHeight) ?? 300;
56
56
  y.value = i + 30;
57
57
  }
58
- if (a === "fa_form_closed" && f("fa-form-closed"), a === "fa_form_submitted") {
59
- const i = ((h = t == null ? void 0 : t.data) == null ? void 0 : h.analytics) ?? null;
58
+ if (o === "fa_form_closed" && f("fa-form-closed"), o === "fa_form_submitted") {
59
+ const i = ((h = t == null ? void 0 : t.data) == null ? void 0 : h.analytics) ?? null, F = (A = t == null ? void 0 : t.data) == null ? void 0 : A.isValid, C = ((k = t == null ? void 0 : t.data) == null ? void 0 : k.selectedValues) ?? null, E = typeof F == "boolean" ? F : V(i);
60
60
  f("fa-form-submitted", {
61
61
  analytics: i,
62
- valid: I(i)
62
+ selectedValues: C,
63
+ valid: E
63
64
  });
64
65
  }
65
66
  };
66
- return C(() => {
67
+ return Q(() => {
67
68
  window.addEventListener("message", v);
68
- }), E(() => {
69
+ }), B(() => {
69
70
  window.removeEventListener("message", v);
70
- }), (t, r) => (s(), d("div", {
71
+ }), (t, r) => (d(), s("div", {
71
72
  ref_key: "formContainerRef",
72
- ref: c,
73
+ ref: m,
73
74
  class: "kv-form-assembly-form tw-w-full",
74
- "data-testid": S.value,
75
+ "data-testid": R.value,
75
76
  "aria-busy": n.value
76
77
  }, [
77
- n.value ? (s(), d("div", Q, [
78
- N(H, { class: "tw-self-center" })
79
- ])) : A("", !0),
80
- l.value ? (s(), d("iframe", {
78
+ n.value ? (d(), s("div", T, [
79
+ D(K, { class: "tw-self-center" })
80
+ ])) : I("", !0),
81
+ l.value ? (d(), s("iframe", {
81
82
  key: 1,
82
83
  ref_key: "iFrameRef",
83
84
  ref: u,
84
85
  class: "tw-mx-auto tw-w-full",
85
86
  src: l.value,
86
87
  height: y.value,
87
- title: m.title,
88
+ title: c.title,
88
89
  frameborder: "0",
89
90
  onLoad: _
90
- }, null, 40, V)) : A("", !0)
91
- ], 8, P));
91
+ }, null, 40, U)) : I("", !0)
92
+ ], 8, M));
92
93
  }
93
94
  });
94
95
  export {
95
- K as default
96
+ z as default
96
97
  };
@@ -15,6 +15,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
15
15
  "fa-form-loaded": () => any;
16
16
  "fa-form-submitted": (payload: {
17
17
  analytics: unknown[] | null;
18
+ selectedValues: unknown[] | null;
18
19
  valid: boolean;
19
20
  }) => any;
20
21
  "fa-form-closed": () => any;
@@ -35,6 +36,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
35
36
  "onFa-form-loaded"?: () => any;
36
37
  "onFa-form-submitted"?: (payload: {
37
38
  analytics: unknown[] | null;
39
+ selectedValues: unknown[] | null;
38
40
  valid: boolean;
39
41
  }) => any;
40
42
  "onFa-form-closed"?: () => any;
@@ -0,0 +1 @@
1
+ .kv-loading-text-line[data-v-9be8a005]{width:100%}.kv-loading-text-line.extra-line[data-v-9be8a005]:last-of-type{width:70%}.kv-loading-text-line .kv-loading-text-placeholder[data-v-9be8a005]{display:inline-block;vertical-align:baseline;width:100%;height:.7em;height:1cap}
@@ -0,0 +1,37 @@
1
+ import { computed as s, openBlock as t, createElementBlock as o, Fragment as i, renderList as c, normalizeClass as d, createElementVNode as m, createVNode as p } from "vue";
2
+ import u from "./KvLoadingPlaceholder.js";
3
+ import "./KvLoadingText.css";
4
+ import _ from "../_virtual/_plugin-vue_export-helper.js";
5
+ const v = { class: "kv-loading-text" }, x = { class: "kv-loading-text-placeholder" }, f = {
6
+ __name: "KvLoadingText",
7
+ props: {
8
+ /**
9
+ * Number of loading text lines to render. When greater than 1,
10
+ * the final line renders at 70% width to mimic wrapped text.
11
+ * Values below 1, fractions, and non-numbers render a single line.
12
+ */
13
+ lines: {
14
+ type: Number,
15
+ default: 1
16
+ }
17
+ },
18
+ setup(n) {
19
+ const a = n, l = s(() => {
20
+ const e = Math.floor(a.lines);
21
+ return Number.isFinite(e) && e > 1 ? e : 1;
22
+ });
23
+ return (e, g) => (t(), o("div", v, [
24
+ (t(!0), o(i, null, c(l.value, (r) => (t(), o("div", {
25
+ key: r,
26
+ class: d(["kv-loading-text-line", { "extra-line": r !== 1 }])
27
+ }, [
28
+ m("div", x, [
29
+ p(u)
30
+ ])
31
+ ], 2))), 128))
32
+ ]));
33
+ }
34
+ }, b = /* @__PURE__ */ _(f, [["__scopeId", "data-v-9be8a005"]]);
35
+ export {
36
+ b as default
37
+ };
@@ -55,6 +55,7 @@ export { default as KvLoanUse } from './KvLoanUse.vue';
55
55
  export * from './KvLoanUse.vue';
56
56
  export { default as KvLoadingPlaceholder } from './KvLoadingPlaceholder.vue';
57
57
  export { default as KvLoadingSpinner } from './KvLoadingSpinner.vue';
58
+ export { default as KvLoadingText } from './KvLoadingText.vue';
58
59
  export { default as KvMap } from './KvMap.vue';
59
60
  export { default as KvMaterialIcon } from './KvMaterialIcon.vue';
60
61
  export { default as KvSimpleMap } from './KvSimpleMap.vue';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kiva/kv-components",
3
- "version": "8.23.3",
3
+ "version": "8.26.0",
4
4
  "type": "module",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -113,5 +113,5 @@
113
113
  "dependencies": {
114
114
  "fuse.js": "^7.1.0"
115
115
  },
116
- "gitHead": "9878ecbc5e791dfc2f33c71e027f4ae159073790"
116
+ "gitHead": "f3970572fbabe8fae5595bb82808acdd42deea9f"
117
117
  }