@kiva/kv-components 8.9.0 → 8.10.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.
Files changed (22) hide show
  1. package/SKILLS.md +31 -0
  2. package/dist/index.js +160 -158
  3. package/dist/utils/pieChartColors.d.ts +4 -0
  4. package/dist/utils/pieChartColors.js +42 -0
  5. package/dist/utils/useCountUp.d.ts +5 -0
  6. package/dist/utils/useCountUp.js +7 -0
  7. package/dist/vue/KvPieChartV2.css +1 -0
  8. package/dist/vue/KvPieChartV2.js +143 -0
  9. package/dist/vue/KvPieChartV2.vue.d.ts +202 -0
  10. package/dist/vue/KvPieChartV22.js +232 -0
  11. package/dist/vue/KvProgressCircle.vue.d.ts +1 -1
  12. package/dist/vue/KvTabPanel.js +11 -11
  13. package/dist/vue/KvTabs.js +16 -16
  14. package/dist/vue/KvTabs.vue.d.ts +16 -5
  15. package/dist/vue/KvTabs2.js +44 -34
  16. package/dist/vue/index.d.ts +1 -0
  17. package/docs/make-to-vue.md +264 -0
  18. package/package.json +2 -2
  19. package/dist/vue/KvWwwHeader/KvHeaderLinkBar.vue.d.ts +0 -1082
  20. package/dist/vue/KvWwwHeader/LendMenu/KvLendListMenu.vue.d.ts +0 -319
  21. package/dist/vue/KvWwwHeader/LendMenu/KvLendMenu.vue.d.ts +0 -506
  22. package/dist/vue/KvWwwHeader.vue.d.ts +0 -4441
package/dist/vue/KvWwwHeader/LendMenu/KvLendMenu.vue.d.ts DELETED
@@ -1,506 +0,0 @@
1
- declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
2
- userId: {
3
- type: NumberConstructor;
4
- default: any;
5
- };
6
- showMGUpsellLink: {
7
- type: BooleanConstructor;
8
- default: boolean;
9
- };
10
- countriesNotLentToUrl: {
11
- type: StringConstructor;
12
- default: string;
13
- };
14
- }>, {
15
- onLoad: (apollo: any) => Promise<void>;
16
- regions: import('vue').ComputedRef<any[]>;
17
- computedCategories: import('vue').ComputedRef<any[]>;
18
- isChannelsLoading: import('vue').Ref<boolean, boolean>;
19
- isRegionsLoading: import('vue').Ref<boolean, boolean>;
20
- savedSearches: import('vue').Ref<any[], any[]>;
21
- favoritesCount: import('vue').Ref<number, number>;
22
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "load-lend-menu-data"[], "load-lend-menu-data", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
23
- userId: {
24
- type: NumberConstructor;
25
- default: any;
26
- };
27
- showMGUpsellLink: {
28
- type: BooleanConstructor;
29
- default: boolean;
30
- };
31
- countriesNotLentToUrl: {
32
- type: StringConstructor;
33
- default: string;
34
- };
35
- }>> & Readonly<{
36
- "onLoad-lend-menu-data"?: (...args: any[]) => any;
37
- }>, {
38
- userId: number;
39
- showMGUpsellLink: boolean;
40
- countriesNotLentToUrl: string;
41
- }, {}, {
42
- KvLendListMenu: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
43
- categories: {
44
- type: import('vue').PropType<import('./KvLendListMenu.vue').Category[]>;
45
- default: () => any[];
46
- };
47
- favorites: {
48
- type: NumberConstructor;
49
- default: number;
50
- };
51
- userId: {
52
- type: NumberConstructor;
53
- default: any;
54
- };
55
- regions: {
56
- type: import('vue').PropType<import('./KvLendListMenu.vue').Region[]>;
57
- default: () => any[];
58
- };
59
- searches: {
60
- type: import('vue').PropType<import('./KvLendMenuSearchList.vue').LendMenuSearch[]>;
61
- default: () => any[];
62
- };
63
- isRegionsLoading: {
64
- type: BooleanConstructor;
65
- default: boolean;
66
- };
67
- isChannelsLoading: {
68
- type: BooleanConstructor;
69
- default: boolean;
70
- };
71
- showMGUpsellLink: {
72
- type: BooleanConstructor;
73
- default: boolean;
74
- };
75
- countriesNotLentToUrl: {
76
- type: StringConstructor;
77
- default: string;
78
- };
79
- }>, {
80
- mdiArrowRight: string;
81
- hasSearches: import('vue').ComputedRef<boolean>;
82
- navLendCategories: import('vue').Ref<any, any>;
83
- regionAccordions: import('vue').Ref<any[], any[]>;
84
- searchesLink: import('vue').Ref<any, any>;
85
- onClose: () => void;
86
- paramCase: typeof import('../../../utils/paramCase').default;
87
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
88
- categories: {
89
- type: import('vue').PropType<import('./KvLendListMenu.vue').Category[]>;
90
- default: () => any[];
91
- };
92
- favorites: {
93
- type: NumberConstructor;
94
- default: number;
95
- };
96
- userId: {
97
- type: NumberConstructor;
98
- default: any;
99
- };
100
- regions: {
101
- type: import('vue').PropType<import('./KvLendListMenu.vue').Region[]>;
102
- default: () => any[];
103
- };
104
- searches: {
105
- type: import('vue').PropType<import('./KvLendMenuSearchList.vue').LendMenuSearch[]>;
106
- default: () => any[];
107
- };
108
- isRegionsLoading: {
109
- type: BooleanConstructor;
110
- default: boolean;
111
- };
112
- isChannelsLoading: {
113
- type: BooleanConstructor;
114
- default: boolean;
115
- };
116
- showMGUpsellLink: {
117
- type: BooleanConstructor;
118
- default: boolean;
119
- };
120
- countriesNotLentToUrl: {
121
- type: StringConstructor;
122
- default: string;
123
- };
124
- }>> & Readonly<{}>, {
125
- searches: import('./KvLendMenuSearchList.vue').LendMenuSearch[];
126
- categories: import('./KvLendListMenu.vue').Category[];
127
- favorites: number;
128
- userId: number;
129
- regions: import('./KvLendListMenu.vue').Region[];
130
- isRegionsLoading: boolean;
131
- isChannelsLoading: boolean;
132
- showMGUpsellLink: boolean;
133
- countriesNotLentToUrl: string;
134
- }, {}, {
135
- KvAccordionItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
136
- id: {
137
- type: StringConstructor;
138
- required: true;
139
- validator: (v: string) => boolean;
140
- };
141
- open: {
142
- type: BooleanConstructor;
143
- default: boolean;
144
- };
145
- disabled: {
146
- type: BooleanConstructor;
147
- default: boolean;
148
- };
149
- }>, {
150
- collapse: () => void;
151
- expand: () => void;
152
- isOpen: import('vue').Ref<boolean, boolean>;
153
- mdiChevronDown: string;
154
- toggle: () => void;
155
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "toggle"[], "toggle", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
156
- id: {
157
- type: StringConstructor;
158
- required: true;
159
- validator: (v: string) => boolean;
160
- };
161
- open: {
162
- type: BooleanConstructor;
163
- default: boolean;
164
- };
165
- disabled: {
166
- type: BooleanConstructor;
167
- default: boolean;
168
- };
169
- }>> & Readonly<{
170
- onToggle?: (...args: any[]) => any;
171
- }>, {
172
- open: boolean;
173
- disabled: boolean;
174
- }, {}, {
175
- KvMaterialIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
176
- icon: {
177
- type: StringConstructor;
178
- default: string;
179
- };
180
- }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
181
- icon: {
182
- type: StringConstructor;
183
- default: string;
184
- };
185
- }>> & Readonly<{}>, {
186
- icon: string;
187
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
188
- KvExpandable: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
189
- property: {
190
- type: StringConstructor;
191
- default: string;
192
- };
193
- delay: {
194
- type: NumberConstructor;
195
- default: number;
196
- };
197
- easing: {
198
- type: StringConstructor;
199
- default: string;
200
- };
201
- skipEnter: {
202
- type: BooleanConstructor;
203
- default: boolean;
204
- };
205
- skipLeave: {
206
- type: BooleanConstructor;
207
- default: boolean;
208
- };
209
- }>, {
210
- enter: (el: any, done: any) => any;
211
- leave: (el: any, done: any) => any;
212
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
213
- property: {
214
- type: StringConstructor;
215
- default: string;
216
- };
217
- delay: {
218
- type: NumberConstructor;
219
- default: number;
220
- };
221
- easing: {
222
- type: StringConstructor;
223
- default: string;
224
- };
225
- skipEnter: {
226
- type: BooleanConstructor;
227
- default: boolean;
228
- };
229
- skipLeave: {
230
- type: BooleanConstructor;
231
- default: boolean;
232
- };
233
- }>> & Readonly<{}>, {
234
- property: string;
235
- delay: number;
236
- easing: string;
237
- skipEnter: boolean;
238
- skipLeave: boolean;
239
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
240
- }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
241
- KvTab: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
242
- forPanel: {
243
- type: StringConstructor;
244
- required: true;
245
- };
246
- selected: {
247
- type: BooleanConstructor;
248
- default: boolean;
249
- };
250
- vertical: {
251
- type: BooleanConstructor;
252
- default: boolean;
253
- };
254
- }>, {
255
- isActive: import('vue').ComputedRef<boolean>;
256
- handleTabClicked: () => void;
257
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
258
- forPanel: {
259
- type: StringConstructor;
260
- required: true;
261
- };
262
- selected: {
263
- type: BooleanConstructor;
264
- default: boolean;
265
- };
266
- vertical: {
267
- type: BooleanConstructor;
268
- default: boolean;
269
- };
270
- }>> & Readonly<{}>, {
271
- vertical: boolean;
272
- selected: boolean;
273
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
274
- KvTabPanel: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
275
- id: {
276
- type: StringConstructor;
277
- required: true;
278
- };
279
- }>, {
280
- isActive: import('vue').ComputedRef<boolean>;
281
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
282
- id: {
283
- type: StringConstructor;
284
- required: true;
285
- };
286
- }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
287
- KvTabs: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
288
- vertical: {
289
- type: BooleanConstructor;
290
- default: boolean;
291
- };
292
- }>, {
293
- handleKeyDown: (event: any) => void;
294
- selectedTabEl: import('vue').ComputedRef<any>;
295
- tabContext: {
296
- selectedIndex: number;
297
- setTab: any;
298
- navItems: any[];
299
- };
300
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
301
- vertical: {
302
- type: BooleanConstructor;
303
- default: boolean;
304
- };
305
- }>> & Readonly<{}>, {
306
- vertical: boolean;
307
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
308
- KvLendMenuCountryList: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
309
- countries: {
310
- type: import('vue').PropType<import('./KvLendMenuCountryList.vue').LendMenuCountry[]>;
311
- default: () => any[];
312
- };
313
- }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
314
- countries: {
315
- type: import('vue').PropType<import('./KvLendMenuCountryList.vue').LendMenuCountry[]>;
316
- default: () => any[];
317
- };
318
- }>> & Readonly<{}>, {
319
- countries: import('./KvLendMenuCountryList.vue').LendMenuCountry[];
320
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
321
- KvLendMenuSearchList: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
322
- searches: {
323
- type: import('vue').PropType<import('./KvLendMenuSearchList.vue').LendMenuSearch[]>;
324
- default: () => any[];
325
- };
326
- }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
327
- searches: {
328
- type: import('vue').PropType<import('./KvLendMenuSearchList.vue').LendMenuSearch[]>;
329
- default: () => any[];
330
- };
331
- }>> & Readonly<{}>, {
332
- searches: import('./KvLendMenuSearchList.vue').LendMenuSearch[];
333
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
334
- KvLoadingPlaceholder: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
335
- KvMaterialIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
336
- icon: {
337
- type: StringConstructor;
338
- default: string;
339
- };
340
- }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
341
- icon: {
342
- type: StringConstructor;
343
- default: string;
344
- };
345
- }>> & Readonly<{}>, {
346
- icon: string;
347
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
348
- }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
349
- KvLendMegaMenu: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
350
- categories: {
351
- type: import('vue').PropType<import('./KvLendMegaMenu.vue').Category[]>;
352
- default: () => any[];
353
- };
354
- favorites: {
355
- type: NumberConstructor;
356
- default: number;
357
- };
358
- isRegionsLoading: {
359
- type: BooleanConstructor;
360
- default: boolean;
361
- };
362
- isChannelsLoading: {
363
- type: BooleanConstructor;
364
- default: boolean;
365
- };
366
- userId: {
367
- type: NumberConstructor;
368
- default: any;
369
- };
370
- regions: {
371
- type: import('vue').PropType<import('./KvLendMegaMenu.vue').Region[]>;
372
- default: () => any[];
373
- };
374
- searches: {
375
- type: import('vue').PropType<import('./KvLendMenuSearchList.vue').LendMenuSearch[]>;
376
- default: () => any[];
377
- };
378
- showMGUpsellLink: {
379
- type: BooleanConstructor;
380
- default: boolean;
381
- };
382
- countriesNotLentToUrl: {
383
- type: StringConstructor;
384
- default: string;
385
- };
386
- }>, {
387
- mdiArrowRight: string;
388
- mdiChevronLeft: string;
389
- categoriesSection: import('vue').Ref<any, any>;
390
- openedSection: import('vue').Ref<string, string>;
391
- sectionOpen: import('vue').ComputedRef<boolean>;
392
- isOpenSection: (name: any) => boolean;
393
- openSection: (name: any) => void;
394
- onClose: () => void;
395
- openRegions: import('vue').ComputedRef<import('./KvLendMegaMenu.vue').Region[]>;
396
- computedStyle: import('vue').ComputedRef<{
397
- width: string;
398
- transform?: string;
399
- }>;
400
- hasSearches: import('vue').ComputedRef<boolean>;
401
- savedSearchesTitle: string;
402
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
403
- categories: {
404
- type: import('vue').PropType<import('./KvLendMegaMenu.vue').Category[]>;
405
- default: () => any[];
406
- };
407
- favorites: {
408
- type: NumberConstructor;
409
- default: number;
410
- };
411
- isRegionsLoading: {
412
- type: BooleanConstructor;
413
- default: boolean;
414
- };
415
- isChannelsLoading: {
416
- type: BooleanConstructor;
417
- default: boolean;
418
- };
419
- userId: {
420
- type: NumberConstructor;
421
- default: any;
422
- };
423
- regions: {
424
- type: import('vue').PropType<import('./KvLendMegaMenu.vue').Region[]>;
425
- default: () => any[];
426
- };
427
- searches: {
428
- type: import('vue').PropType<import('./KvLendMenuSearchList.vue').LendMenuSearch[]>;
429
- default: () => any[];
430
- };
431
- showMGUpsellLink: {
432
- type: BooleanConstructor;
433
- default: boolean;
434
- };
435
- countriesNotLentToUrl: {
436
- type: StringConstructor;
437
- default: string;
438
- };
439
- }>> & Readonly<{}>, {
440
- searches: import('./KvLendMenuSearchList.vue').LendMenuSearch[];
441
- categories: import('./KvLendMegaMenu.vue').Category[];
442
- favorites: number;
443
- userId: number;
444
- regions: import('./KvLendMegaMenu.vue').Region[];
445
- isRegionsLoading: boolean;
446
- isChannelsLoading: boolean;
447
- showMGUpsellLink: boolean;
448
- countriesNotLentToUrl: string;
449
- }, {}, {
450
- KvGrid: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
451
- as: {
452
- type: StringConstructor;
453
- default: string;
454
- };
455
- }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
456
- as: {
457
- type: StringConstructor;
458
- default: string;
459
- };
460
- }>> & Readonly<{}>, {
461
- as: string;
462
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
463
- KvLendMenuCountryList: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
464
- countries: {
465
- type: import('vue').PropType<import('./KvLendMenuCountryList.vue').LendMenuCountry[]>;
466
- default: () => any[];
467
- };
468
- }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
469
- countries: {
470
- type: import('vue').PropType<import('./KvLendMenuCountryList.vue').LendMenuCountry[]>;
471
- default: () => any[];
472
- };
473
- }>> & Readonly<{}>, {
474
- countries: import('./KvLendMenuCountryList.vue').LendMenuCountry[];
475
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
476
- KvLendMenuSearchList: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
477
- searches: {
478
- type: import('vue').PropType<import('./KvLendMenuSearchList.vue').LendMenuSearch[]>;
479
- default: () => any[];
480
- };
481
- }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
482
- searches: {
483
- type: import('vue').PropType<import('./KvLendMenuSearchList.vue').LendMenuSearch[]>;
484
- default: () => any[];
485
- };
486
- }>> & Readonly<{}>, {
487
- searches: import('./KvLendMenuSearchList.vue').LendMenuSearch[];
488
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
489
- KvLoadingPlaceholder: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
490
- KvMaterialIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
491
- icon: {
492
- type: StringConstructor;
493
- default: string;
494
- };
495
- }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
496
- icon: {
497
- type: StringConstructor;
498
- default: string;
499
- };
500
- }>> & Readonly<{}>, {
501
- icon: string;
502
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
503
- }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
504
- KvPageContainer: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
505
- }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
506
- export default _default;